diff --git a/application/pom.xml b/application/pom.xml
index 21a319491d..986486bd83 100644
--- a/application/pom.xml
+++ b/application/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>thingsboard</artifactId>
     </parent>
     <artifactId>application</artifactId>
@@ -116,7 +116,7 @@
         </dependency>
         <dependency>
             <groupId>org.thingsboard</groupId>
-            <artifactId>ui</artifactId>
+            <artifactId>ui-ngx</artifactId>
             <version>${project.version}</version>
             <scope>runtime</scope>
         </dependency>
diff --git a/application/src/main/data/json/system/widget_bundles/alarm_widgets.json b/application/src/main/data/json/system/widget_bundles/alarm_widgets.json
index 2daf3e27c8..80c7beb4ac 100644
--- a/application/src/main/data/json/system/widget_bundles/alarm_widgets.json
+++ b/application/src/main/data/json/system/widget_bundles/alarm_widgets.json
@@ -13,9 +13,9 @@
         "sizeX": 10.5,
         "sizeY": 6.5,
         "resources": [],
-        "templateHtml": "<tb-alarms-table-widget \n    table-id=\"tableId\"\n    ctx=\"ctx\">\n</tb-alarms-table-widget>",
+        "templateHtml": "<tb-alarms-table-widget \n    [ctx]=\"ctx\">\n</tb-alarms-table-widget>",
         "templateCss": "",
-        "controllerScript": "self.onInit = function() {\n    var scope = self.ctx.$scope;\n    var id = self.ctx.$scope.$injector.get('utils').guid();\n    scope.tableId = \"table-\"+id;\n    scope.ctx = self.ctx;\n}\n\nself.onDataUpdated = function() {\n    self.ctx.$scope.$broadcast('alarms-table-data-updated', self.ctx.$scope.tableId);\n}\n\nself.actionSources = function() {\n    return {\n        'actionCellButton': {\n            name: 'widget-action.action-cell-button',\n            multiple: true\n        },\n        'rowClick': {\n            name: 'widget-action.row-click',\n            multiple: false\n        }\n    };\n}\n\nself.onDestroy = function() {\n}\n",
+        "controllerScript": "self.onInit = function() {\n}\n\nself.onDataUpdated = function() {\n    self.ctx.$scope.alarmsTableWidget.onDataUpdated();\n}\n\nself.actionSources = function() {\n    return {\n        'actionCellButton': {\n            name: 'widget-action.action-cell-button',\n            multiple: true\n        },\n        'rowClick': {\n            name: 'widget-action.row-click',\n            multiple: false\n        }\n    };\n}\n\nself.onDestroy = function() {\n}\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"AlarmTableSettings\",\n        \"properties\": {\n            \"alarmsTitle\": {\n                \"title\": \"Alarms table title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"enableSelection\": {\n                \"title\": \"Enable alarms selection\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"enableSearch\": {\n                \"title\": \"Enable alarms search\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"enableSelectColumnDisplay\": {\n                \"title\": \"Enable select columns to display\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"enableStatusFilter\": {\n                \"title\": \"Enable alarm status filter\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"displayDetails\": {\n                \"title\": \"Display alarm details\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"allowAcknowledgment\": {\n                \"title\": \"Allow alarms acknowledgment\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"allowClear\": {\n                \"title\": \"Allow alarms clear\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"displayPagination\": {\n                \"title\": \"Display pagination\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"defaultPageSize\": {\n                \"title\": \"Default page size\",\n                \"type\": \"number\",\n                \"default\": 10\n            },\n            \"defaultSortOrder\": {\n                \"title\": \"Default sort order\",\n                \"type\": \"string\",\n                \"default\": \"-createdTime\"\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"alarmsTitle\",\n        \"enableSelection\",\n        \"enableSearch\",\n        \"enableSelectColumnDisplay\",\n        \"enableStatusFilter\",\n        \"displayDetails\",\n        \"allowAcknowledgment\",\n        \"allowClear\",\n        \"displayPagination\",\n        \"defaultPageSize\",\n        \"defaultSortOrder\"\n    ]\n}",
         "dataKeySettingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"DataKeySettings\",\n        \"properties\": {\n            \"columnWidth\": {\n                \"title\": \"Column width (px or %)\",\n                \"type\": \"string\",\n                \"default\": \"0px\"\n            },\n            \"useCellStyleFunction\": {\n                \"title\": \"Use cell style function\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"cellStyleFunction\": {\n                \"title\": \"Cell style function: f(value)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"useCellContentFunction\": {\n                \"title\": \"Use cell content function\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"cellContentFunction\": {\n                \"title\": \"Cell content function: f(value, alarm, filter)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"columnWidth\",\n        \"useCellStyleFunction\",\n        {\n            \"key\": \"cellStyleFunction\",\n            \"type\": \"javascript\"\n        },\n        \"useCellContentFunction\",\n        {\n            \"key\": \"cellContentFunction\",\n            \"type\": \"javascript\"\n        }\n    ]\n}",
         "defaultConfig": "{\"timewindow\":{\"realtime\":{\"interval\":1000,\"timewindowMs\":86400000},\"aggregation\":{\"type\":\"NONE\",\"limit\":200}},\"showTitle\":true,\"backgroundColor\":\"rgb(255, 255, 255)\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"4px\",\"settings\":{\"enableSelection\":true,\"enableSearch\":true,\"displayDetails\":true,\"allowAcknowledgment\":true,\"allowClear\":true,\"displayPagination\":true,\"defaultPageSize\":10,\"defaultSortOrder\":\"-createdTime\",\"enableSelectColumnDisplay\":true,\"enableStatusFilter\":true},\"title\":\"Alarms table\",\"dropShadow\":true,\"enableFullscreen\":true,\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400,\"padding\":\"5px 10px 5px 10px\"},\"useDashboardTimewindow\":false,\"showLegend\":false,\"alarmSource\":{\"type\":\"function\",\"dataKeys\":[{\"name\":\"createdTime\",\"type\":\"alarm\",\"label\":\"Created time\",\"color\":\"#2196f3\",\"settings\":{\"useCellStyleFunction\":false,\"cellStyleFunction\":\"\",\"useCellContentFunction\":false,\"cellContentFunction\":\"\"},\"_hash\":0.021092237451093787},{\"name\":\"originator\",\"type\":\"alarm\",\"label\":\"Originator\",\"color\":\"#4caf50\",\"settings\":{\"useCellStyleFunction\":false,\"cellStyleFunction\":\"\",\"useCellContentFunction\":false,\"cellContentFunction\":\"\"},\"_hash\":0.2780007688856758},{\"name\":\"type\",\"type\":\"alarm\",\"label\":\"Type\",\"color\":\"#f44336\",\"settings\":{\"useCellStyleFunction\":false,\"cellStyleFunction\":\"\",\"useCellContentFunction\":false,\"cellContentFunction\":\"\"},\"_hash\":0.7323586880398418},{\"name\":\"severity\",\"type\":\"alarm\",\"label\":\"Severity\",\"color\":\"#ffc107\",\"settings\":{\"useCellStyleFunction\":false,\"useCellContentFunction\":false},\"_hash\":0.09927019860088193},{\"name\":\"status\",\"type\":\"alarm\",\"label\":\"Status\",\"color\":\"#607d8b\",\"settings\":{\"useCellStyleFunction\":false,\"cellStyleFunction\":\"\",\"useCellContentFunction\":false,\"cellContentFunction\":\"\"},\"_hash\":0.6588418951443418}],\"entityAliasId\":null,\"name\":\"alarms\"},\"alarmSearchStatus\":\"ANY\",\"alarmsPollingInterval\":5,\"showTitleIcon\":false,\"titleIcon\":\"more_horiz\",\"iconColor\":\"rgba(0, 0, 0, 0.87)\",\"iconSize\":\"24px\",\"titleTooltip\":\"\",\"widgetStyle\":{},\"displayTimewindow\":true,\"actions\":{}}"
diff --git a/application/src/main/data/json/system/widget_bundles/cards.json b/application/src/main/data/json/system/widget_bundles/cards.json
index d07186fd42..bd7f24b661 100644
--- a/application/src/main/data/json/system/widget_bundles/cards.json
+++ b/application/src/main/data/json/system/widget_bundles/cards.json
@@ -29,12 +29,12 @@
         "sizeX": 7.5,
         "sizeY": 6.5,
         "resources": [],
-        "templateHtml": "<tb-entities-table-widget \n    table-id=\"tableId\"\n    ctx=\"ctx\">\n</tb-entities-table-widget>",
+        "templateHtml": "<tb-entities-table-widget \n    [ctx]=\"ctx\">\n</tb-entities-table-widget>",
         "templateCss": "",
-        "controllerScript": "self.onInit = function() {\n    var scope = self.ctx.$scope;\n    var id = self.ctx.$scope.$injector.get('utils').guid();\n    scope.tableId = \"table-\"+id;\n    scope.ctx = self.ctx;\n}\n\nself.onDataUpdated = function() {\n    self.ctx.$scope.$broadcast('entities-table-data-updated', self.ctx.$scope.tableId);\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        dataKeysOptional: true\n    };\n}\n\nself.actionSources = function() {\n    return {\n        'actionCellButton': {\n            name: 'widget-action.action-cell-button',\n            multiple: true\n        },\n        'rowClick': {\n            name: 'widget-action.row-click',\n            multiple: false\n        },\n        'rowDoubleClick': {\n            name: 'widget-action.row-double-click',\n            multiple: false\n        }\n    };\n}\n\nself.onDestroy = function() {\n}\n",
-        "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"EntitiesTableSettings\",\n        \"properties\": {\n            \"entitiesTitle\": {\n                \"title\": \"Entities table title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"enableSearch\": {\n                \"title\": \"Enable entities search\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"enableSelectColumnDisplay\": {\n                \"title\": \"Enable select columns to display\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"displayEntityName\": {\n                \"title\": \"Display entity name column\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"entityNameColumnTitle\": {\n                \"title\": \"Entity name column title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"displayEntityLabel\": {\n                \"title\": \"Display entity label column\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"entityLabelColumnTitle\": {\n                \"title\": \"Entity label column title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"displayEntityType\": {\n                \"title\": \"Display entity type column\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"displayPagination\": {\n                \"title\": \"Display pagination\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"defaultPageSize\": {\n                \"title\": \"Default page size\",\n                \"type\": \"number\",\n                \"default\": 10\n            },\n            \"defaultSortOrder\": {\n                \"title\": \"Default sort order\",\n                \"type\": \"string\",\n                \"default\": \"entityName\"\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"entitiesTitle\",\n        \"enableSearch\",\n        \"enableSelectColumnDisplay\",\n        \"displayEntityName\",\n        \"entityNameColumnTitle\",\n        \"displayEntityLabel\",\n        \"entityLabelColumnTitle\",\n        \"displayEntityType\",\n        \"displayPagination\",\n        \"defaultPageSize\",\n        \"defaultSortOrder\"\n    ]\n}",
-        "dataKeySettingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"DataKeySettings\",\n        \"properties\": {\n            \"columnWidth\": {\n                \"title\": \"Column width (px or %)\",\n                \"type\": \"string\",\n                \"default\": \"0px\"\n            },\n            \"useCellStyleFunction\": {\n                \"title\": \"Use cell style function\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"cellStyleFunction\": {\n                \"title\": \"Cell style function: f(value)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"useCellContentFunction\": {\n                \"title\": \"Use cell content function\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"cellContentFunction\": {\n                \"title\": \"Cell content function: f(value, entity, filter)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"columnWidth\",\n        \"useCellStyleFunction\",\n        {\n            \"key\": \"cellStyleFunction\",\n            \"type\": \"javascript\"\n        },\n        \"useCellContentFunction\",\n        {\n            \"key\": \"cellContentFunction\",\n            \"type\": \"javascript\"\n        }\n    ]\n}",
-        "defaultConfig": "{\"timewindow\":{\"realtime\":{\"interval\":1000,\"timewindowMs\":86400000},\"aggregation\":{\"type\":\"NONE\",\"limit\":200}},\"showTitle\":true,\"backgroundColor\":\"rgb(255, 255, 255)\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"4px\",\"settings\":{\"enableSearch\":true,\"displayPagination\":true,\"defaultPageSize\":10,\"defaultSortOrder\":\"entityName\",\"displayEntityName\":true,\"displayEntityType\":true,\"enableSelectColumnDisplay\":true},\"title\":\"Entity table\",\"dropShadow\":true,\"enableFullscreen\":true,\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400,\"padding\":\"5px 10px 5px 10px\"},\"useDashboardTimewindow\":false,\"showLegend\":false,\"datasources\":[{\"type\":\"function\",\"name\":\"Simulated\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Sin\",\"color\":\"#2196f3\",\"settings\":{\"columnWidth\":\"0px\",\"useCellStyleFunction\":false,\"cellStyleFunction\":\"\",\"useCellContentFunction\":false,\"cellContentFunction\":\"\"},\"_hash\":0.472295003170325,\"funcBody\":\"return Math.round(1000*Math.sin(time/5000));\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Cos\",\"color\":\"#4caf50\",\"settings\":{\"columnWidth\":\"0px\",\"useCellStyleFunction\":false,\"cellStyleFunction\":\"\",\"useCellContentFunction\":false,\"cellContentFunction\":\"\"},\"_hash\":0.8926244886945558,\"funcBody\":\"return Math.round(1000*Math.cos(time/5000));\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#f44336\",\"settings\":{\"columnWidth\":\"0px\",\"useCellStyleFunction\":false,\"cellStyleFunction\":\"\",\"useCellContentFunction\":false,\"cellContentFunction\":\"\"},\"_hash\":0.6401141393938932,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"showTitleIcon\":false,\"titleIcon\":\"more_horiz\",\"iconColor\":\"rgba(0, 0, 0, 0.87)\",\"iconSize\":\"24px\",\"titleTooltip\":\"\",\"widgetStyle\":{},\"displayTimewindow\":true,\"actions\":{}}"
+        "controllerScript": "self.onInit = function() {\n}\n\nself.onDataUpdated = function() {\n    self.ctx.$scope.entitiesTableWidget.onDataUpdated();\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        dataKeysOptional: true\n    };\n}\n\nself.actionSources = function() {\n    return {\n        'actionCellButton': {\n            name: 'widget-action.action-cell-button',\n            multiple: true\n        },\n        'rowClick': {\n            name: 'widget-action.row-click',\n            multiple: false\n        }\n    };\n}\n\nself.onDestroy = function() {\n}\n",
+        "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"EntitiesTableSettings\",\n        \"properties\": {\n            \"entitiesTitle\": {\n                \"title\": \"Entities table title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"enableSearch\": {\n                \"title\": \"Enable entities search\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"enableSelectColumnDisplay\": {\n                \"title\": \"Enable select columns to display\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"displayEntityName\": {\n                \"title\": \"Display entity name column\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"entityNameColumnTitle\": {\n                \"title\": \"Entity name column title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"displayEntityType\": {\n                \"title\": \"Display entity type column\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"displayPagination\": {\n                \"title\": \"Display pagination\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"defaultPageSize\": {\n                \"title\": \"Default page size\",\n                \"type\": \"number\",\n                \"default\": 10\n            },\n            \"defaultSortOrder\": {\n                \"title\": \"Default sort order\",\n                \"type\": \"string\",\n                \"default\": \"entityName\"\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"entitiesTitle\",\n        \"enableSearch\",\n        \"enableSelectColumnDisplay\",\n        \"displayEntityName\",\n        \"entityNameColumnTitle\",\n        \"displayEntityType\",\n        \"displayPagination\",\n        \"defaultPageSize\",\n        \"defaultSortOrder\"\n    ]\n}",
+        "dataKeySettingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"DataKeySettings\",\n        \"properties\": {\n            \"columnWidth\": {\n                \"title\": \"Column width (px or %)\",\n                \"type\": \"string\",\n                \"default\": \"0px\"\n            },\n            \"useCellStyleFunction\": {\n                \"title\": \"Use cell style function\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"cellStyleFunction\": {\n                \"title\": \"Cell style function: f(value)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"useCellContentFunction\": {\n                \"title\": \"Use cell content function\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"cellContentFunction\": {\n                \"title\": \"Cell content function: f(value, entity, ctx)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"columnWidth\",\n        \"useCellStyleFunction\",\n        {\n            \"key\": \"cellStyleFunction\",\n            \"type\": \"javascript\"\n        },\n        \"useCellContentFunction\",\n        {\n            \"key\": \"cellContentFunction\",\n            \"type\": \"javascript\"\n        }\n    ]\n}",
+        "defaultConfig": "{\"timewindow\":{\"realtime\":{\"interval\":1000,\"timewindowMs\":86400000},\"aggregation\":{\"type\":\"NONE\",\"limit\":200}},\"showTitle\":true,\"backgroundColor\":\"rgb(255, 255, 255)\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"4px\",\"settings\":{\"enableSelection\":true,\"enableSearch\":true,\"displayDetails\":true,\"displayPagination\":true,\"defaultPageSize\":10,\"defaultSortOrder\":\"entityName\",\"displayEntityName\":true,\"displayEntityType\":true},\"title\":\"Entities table\",\"dropShadow\":true,\"enableFullscreen\":true,\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400,\"padding\":\"5px 10px 5px 10px\"},\"useDashboardTimewindow\":false,\"showLegend\":false,\"datasources\":[{\"type\":\"function\",\"name\":\"Simulated\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Sin\",\"color\":\"#2196f3\",\"settings\":{\"columnWidth\":\"0px\",\"useCellStyleFunction\":false,\"cellStyleFunction\":\"\",\"useCellContentFunction\":false,\"cellContentFunction\":\"\"},\"_hash\":0.472295003170325,\"funcBody\":\"return Math.round(1000*Math.sin(time/5000));\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Cos\",\"color\":\"#4caf50\",\"settings\":{\"columnWidth\":\"0px\",\"useCellStyleFunction\":false,\"cellStyleFunction\":\"\",\"useCellContentFunction\":false,\"cellContentFunction\":\"\"},\"_hash\":0.8926244886945558,\"funcBody\":\"return Math.round(1000*Math.cos(time/5000));\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#f44336\",\"settings\":{\"columnWidth\":\"0px\",\"useCellStyleFunction\":false,\"cellStyleFunction\":\"\",\"useCellContentFunction\":false,\"cellContentFunction\":\"\"},\"_hash\":0.6401141393938932,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}]}"
       }
     },
     {
@@ -63,7 +63,7 @@
         "resources": [],
         "templateHtml": "",
         "templateCss": "",
-        "controllerScript": "self.onInit = function() {\n    self.ctx.varsRegex = /\\$\\{([^\\}]*)\\}/g;\n    self.ctx.htmlSet = false;\n    \n    var cssParser = new cssjs();\n    cssParser.testMode = false;\n    var namespace = 'html-value-card-' + hashCode(self.ctx.settings.cardCss);\n    cssParser.cssPreviewNamespace = namespace;\n    cssParser.createStyleElement(namespace, self.ctx.settings.cardCss);\n    self.ctx.$container.addClass(namespace);\n    var evtFnPrefix = 'htmlValueCard_' + Math.abs(hashCode(self.ctx.settings.cardCss + self.ctx.settings.cardHtml));\n    self.ctx.html = '<div style=\"height:100%\" onclick=\"' + evtFnPrefix + '_onClickFn(event)\">' + \n                    self.ctx.settings.cardHtml + \n                    '</div>';\n\n    self.ctx.replaceInfo = processHtmlPattern(self.ctx.html, self.ctx.data);\n    \n    updateHtml();\n    \n    window[evtFnPrefix + '_onClickFn'] = function (event) {\n        self.ctx.actionsApi.elementClick(event);\n    }\n\n    function hashCode(str) {\n        var hash = 0;\n        var i, char;\n        if (str.length === 0) return hash;\n        for (i = 0; i < str.length; i++) {\n            char = str.charCodeAt(i);\n            hash = ((hash << 5) - hash) + char;\n            hash = hash & hash;\n        }\n        return hash;\n    }\n    \n    function processHtmlPattern(pattern, data) {\n        var match = self.ctx.varsRegex.exec(pattern);\n        var replaceInfo = {};\n        replaceInfo.variables = [];\n        while (match !== null) {\n            var variableInfo = {};\n            variableInfo.dataKeyIndex = -1;\n            var variable = match[0];\n            var label = match[1];\n            var valDec = 2;\n            var splitVals = label.split(':');\n            if (splitVals.length > 1) {\n                label = splitVals[0];\n                valDec = parseFloat(splitVals[1]);\n            }\n            variableInfo.variable = variable;\n            variableInfo.valDec = valDec;\n            if (label == 'entityName') {\n                variableInfo.isEntityName = true;\n            } else if (label == 'entityLabel') {\n                variableInfo.isEntityLabel = true;\n            } else if (label.startsWith('#')) {\n                var keyIndexStr = label.substring(1);\n                var n = Math.floor(Number(keyIndexStr));\n                if (String(n) === keyIndexStr && n >= 0) {\n                    variableInfo.dataKeyIndex = n;\n                }\n            }\n            if (!variableInfo.isEntityName && !variableInfo.isEntityLabel && variableInfo.dataKeyIndex === -1) {\n                for (var i = 0; i < data.length; i++) {\n                     var datasourceData = data[i];\n                     var dataKey = datasourceData.dataKey;\n                     if (dataKey.label === label) {\n                         variableInfo.dataKeyIndex = i;\n                         break;\n                     }\n                }\n            }\n            replaceInfo.variables.push(variableInfo);\n            match = self.ctx.varsRegex.exec(pattern);\n        }\n        return replaceInfo;\n    }    \n}\n\nself.onDataUpdated = function() {\n    updateHtml();\n}\n\nself.actionSources = function() {\n    return {\n        'elementClick': {\n            name: 'widget-action.element-click',\n            multiple: true\n        }\n    };\n}\n\nself.onDestroy = function() {\n}\n\nfunction isNumber(n) {\n    return !isNaN(parseFloat(n)) && isFinite(n);\n}\n\nfunction padValue(val, dec, int) {\n    var i = 0;\n    var s, strVal, n;\n\n    val = parseFloat(val);\n    n = (val < 0);\n    val = Math.abs(val);\n\n    if (dec > 0) {\n        strVal = val.toFixed(dec).toString().split('.');\n        s = int - strVal[0].length;\n\n        for (; i < s; ++i) {\n            strVal[0] = '0' + strVal[0];\n        }\n\n        strVal = (n ? '-' : '') + strVal[0] + '.' + strVal[1];\n    }\n\n    else {\n        strVal = Math.round(val).toString();\n        s = int - strVal.length;\n\n        for (; i < s; ++i) {\n            strVal = '0' + strVal;\n        }\n\n        strVal = (n ? '-' : '') + strVal;\n    }\n\n    return strVal;\n}\n\nfunction updateHtml() {\n    var $injector = self.ctx.$scope.$injector;\n    var utils = $injector.get('utils');\n    var types = $injector.get('types');\n    var text = self.ctx.html;\n    var updated = false;\n    for (var v in self.ctx.replaceInfo.variables) {\n        var variableInfo = self.ctx.replaceInfo.variables[v];\n        var txtVal = '';\n        if (variableInfo.dataKeyIndex > -1) {\n            var varData = self.ctx.data[variableInfo.dataKeyIndex].data;\n            if (varData.length > 0) {\n                var val = varData[varData.length-1][1];\n                if (isNumber(val)) {\n                    txtVal = padValue(val, variableInfo.valDec, 0);\n                } else {\n                    txtVal = val;\n                }\n            }\n        } else if (variableInfo.isEntityName) {\n            if (self.ctx.defaultSubscription.datasources.length) {\n                txtVal = self.ctx.defaultSubscription.datasources[0].entityName;\n            } else {\n                txtVal = 'Unknown';\n            }\n        } else if (variableInfo.isEntityLabel) {\n            if (self.ctx.defaultSubscription.datasources.length) {\n                txtVal = self.ctx.defaultSubscription.datasources[0].entityLabel || self.ctx.defaultSubscription.datasources[0].entityName;\n            } else {\n                txtVal = 'Unknown';\n            }\n        }\n        if (typeof variableInfo.lastVal === undefined ||\n            variableInfo.lastVal !== txtVal) {\n            updated = true;\n            variableInfo.lastVal = txtVal;\n        }\n        text = text.split(variableInfo.variable).join(txtVal);\n    }\n    if (updated || !self.ctx.htmlSet) {\n        text = replaceCustomTranslations(text);\n        self.ctx.$container.html(text);\n        if (!self.ctx.htmlSet) {\n            self.ctx.htmlSet = true;\n        }\n    }\n    \n    function replaceCustomTranslations (pattern) {\n        var customTranslationRegex = new RegExp('{' + types.translate.i18nPrefix + ':[^{}]+}', 'g');\n        pattern = pattern.replace(customTranslationRegex, getTranslationText);\n        return pattern;\n    }\n    \n    function getTranslationText (variable) {\n        return utils.customTranslation(variable, variable);\n        \n    }\n}\n\n",
+        "controllerScript": "self.onInit = function() {\n    self.ctx.varsRegex = /\\$\\{([^\\}]*)\\}/g;\n    self.ctx.htmlSet = false;\n    \n    var cssParser = new cssjs();\n    cssParser.testMode = false;\n    var namespace = 'html-value-card-' + hashCode(self.ctx.settings.cardCss);\n    cssParser.cssPreviewNamespace = namespace;\n    cssParser.createStyleElement(namespace, self.ctx.settings.cardCss);\n    self.ctx.$container.addClass(namespace);\n    var evtFnPrefix = 'htmlValueCard_' + Math.abs(hashCode(self.ctx.settings.cardCss + self.ctx.settings.cardHtml));\n    self.ctx.html = '<div style=\"height:100%\" onclick=\"' + evtFnPrefix + '_onClickFn(event)\">' + \n                    self.ctx.settings.cardHtml + \n                    '</div>';\n\n    self.ctx.replaceInfo = processHtmlPattern(self.ctx.html, self.ctx.data);\n    \n    updateHtml();\n    \n    window[evtFnPrefix + '_onClickFn'] = function (event) {\n        self.ctx.actionsApi.elementClick(event);\n    }\n\n    function hashCode(str) {\n        var hash = 0;\n        var i, char;\n        if (str.length === 0) return hash;\n        for (i = 0; i < str.length; i++) {\n            char = str.charCodeAt(i);\n            hash = ((hash << 5) - hash) + char;\n            hash = hash & hash;\n        }\n        return hash;\n    }\n    \n    function processHtmlPattern(pattern, data) {\n        var match = self.ctx.varsRegex.exec(pattern);\n        var replaceInfo = {};\n        replaceInfo.variables = [];\n        while (match !== null) {\n            var variableInfo = {};\n            variableInfo.dataKeyIndex = -1;\n            var variable = match[0];\n            var label = match[1];\n            var valDec = 2;\n            var splitVals = label.split(':');\n            if (splitVals.length > 1) {\n                label = splitVals[0];\n                valDec = parseFloat(splitVals[1]);\n            }\n            variableInfo.variable = variable;\n            variableInfo.valDec = valDec;\n            if (label == 'entityName') {\n                variableInfo.isEntityName = true;\n            } else if (label == 'entityLabel') {\n                variableInfo.isEntityLabel = true;\n            } else if (label.startsWith('#')) {\n                var keyIndexStr = label.substring(1);\n                var n = Math.floor(Number(keyIndexStr));\n                if (String(n) === keyIndexStr && n >= 0) {\n                    variableInfo.dataKeyIndex = n;\n                }\n            }\n            if (!variableInfo.isEntityName && !variableInfo.isEntityLabel && variableInfo.dataKeyIndex === -1) {\n                for (var i = 0; i < data.length; i++) {\n                     var datasourceData = data[i];\n                     var dataKey = datasourceData.dataKey;\n                     if (dataKey.label === label) {\n                         variableInfo.dataKeyIndex = i;\n                         break;\n                     }\n                }\n            }\n            replaceInfo.variables.push(variableInfo);\n            match = self.ctx.varsRegex.exec(pattern);\n        }\n        return replaceInfo;\n    }    \n}\n\nself.onDataUpdated = function() {\n    updateHtml();\n}\n\nself.actionSources = function() {\n    return {\n        'elementClick': {\n            name: 'widget-action.element-click',\n            multiple: true\n        }\n    };\n}\n\nself.onDestroy = function() {\n}\n\nfunction isNumber(n) {\n    return !isNaN(parseFloat(n)) && isFinite(n);\n}\n\nfunction padValue(val, dec, int) {\n    var i = 0;\n    var s, strVal, n;\n\n    val = parseFloat(val);\n    n = (val < 0);\n    val = Math.abs(val);\n\n    if (dec > 0) {\n        strVal = val.toFixed(dec).toString().split('.');\n        s = int - strVal[0].length;\n\n        for (; i < s; ++i) {\n            strVal[0] = '0' + strVal[0];\n        }\n\n        strVal = (n ? '-' : '') + strVal[0] + '.' + strVal[1];\n    }\n\n    else {\n        strVal = Math.round(val).toString();\n        s = int - strVal.length;\n\n        for (; i < s; ++i) {\n            strVal = '0' + strVal;\n        }\n\n        strVal = (n ? '-' : '') + strVal;\n    }\n\n    return strVal;\n}\n\nfunction updateHtml() {\n    var $injector = self.ctx.$scope.$injector;\n    var utils = $injector.get(self.ctx.servicesMap.get('utils'));\n    var text = self.ctx.html;\n    var updated = false;\n    for (var v in self.ctx.replaceInfo.variables) {\n        var variableInfo = self.ctx.replaceInfo.variables[v];\n        var txtVal = '';\n        if (variableInfo.dataKeyIndex > -1) {\n            var varData = self.ctx.data[variableInfo.dataKeyIndex].data;\n            if (varData.length > 0) {\n                var val = varData[varData.length-1][1];\n                if (isNumber(val)) {\n                    txtVal = padValue(val, variableInfo.valDec, 0);\n                } else {\n                    txtVal = val;\n                }\n            }\n        } else if (variableInfo.isEntityName) {\n            if (self.ctx.defaultSubscription.datasources.length) {\n                txtVal = self.ctx.defaultSubscription.datasources[0].entityName;\n            } else {\n                txtVal = 'Unknown';\n            }\n        } else if (variableInfo.isEntityLabel) {\n            if (self.ctx.defaultSubscription.datasources.length) {\n                txtVal = self.ctx.defaultSubscription.datasources[0].entityLabel || self.ctx.defaultSubscription.datasources[0].entityName;\n            } else {\n                txtVal = 'Unknown';\n            }\n        }\n        if (typeof variableInfo.lastVal === undefined ||\n            variableInfo.lastVal !== txtVal) {\n            updated = true;\n            variableInfo.lastVal = txtVal;\n        }\n        text = text.split(variableInfo.variable).join(txtVal);\n    }\n    if (updated || !self.ctx.htmlSet) {\n        text = replaceCustomTranslations(text);\n        self.ctx.$container.html(text);\n        if (!self.ctx.htmlSet) {\n            self.ctx.htmlSet = true;\n        }\n    }\n    \n    function replaceCustomTranslations (pattern) {\n        var customTranslationRegex = new RegExp('{i18n:[^{}]+}', 'g');\n        pattern = pattern.replace(customTranslationRegex, getTranslationText);\n        return pattern;\n    }\n    \n    function getTranslationText (variable) {\n        return utils.customTranslation(variable, variable);\n        \n    }\n}\n\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"Settings\",\n        \"required\": [\"cardHtml\"],\n        \"properties\": {\n            \"cardCss\": {\n                \"title\": \"CSS\",\n                \"type\": \"string\",\n                \"default\": \".card {\\n font-weight: bold; \\n}\"\n            },\n            \"cardHtml\": {\n                \"title\": \"HTML\",\n                \"type\": \"string\",\n                \"default\": \"<div class='card'>HTML code here</div>\"\n            }\n        }\n    },\n    \"form\": [\n        {\n            \"key\": \"cardCss\",\n            \"type\": \"css\"\n        },           \n        {\n            \"key\": \"cardHtml\",\n            \"type\": \"html\"\n        }    \n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"My value\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"return Math.random() * 5.45;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":false,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"0px\",\"settings\":{\"cardCss\":\".card {\\n   width: 100%;\\n   height: 100%;\\n   border: 2px solid #ccc;\\n   box-sizing: border-box;\\n}\\n\\n.card .content {\\n   padding: 20px;\\n   display: flex;\\n   flex-direction: row;\\n   align-items: center;\\n   justify-content: space-around;\\n   height: 100%;\\n   box-sizing: border-box;\\n}\\n\\n.card .content .column {\\n   display: flex;\\n   flex-direction: column;    \\n   justify-content: space-around;\\n   height: 100%;\\n}\\n\\n.card h1 {\\n    text-transform: uppercase;\\n    color: #999;\\n    font-size: 20px;\\n    font-weight: bold;\\n    margin: 0;\\n    padding-bottom: 10px;\\n    line-height: 32px;\\n}\\n\\n.card .value {\\n    font-size: 38px;\\n    font-weight: 200;\\n}\\n\\n.card .description {\\n    font-size: 20px;\\n    color: #999;\\n}\\n\",\"cardHtml\":\"<div class='card'>\\n    <div class='content'>\\n        <div class='column'>\\n            <h1>Value title</h1>\\n            <div class='value'>\\n                ${My value:2} units.\\n            </div>    \\n            <div class='description'>\\n                Value description text\\n            </div>\\n        </div>\\n        <img height=\\\"80px\\\" src=\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzIwIiB3aWR0aD0iMzIwIj48ZyBzdHJva2Utd2lkdGg9IjI4Ij48ZyBmaWxsPSIjMzA1NjgwIiBjb2xvcj0iIzAwMCIgd2hpdGUtc3BhY2U9Im5vcm1hbCI+PHBhdGggc3R5bGU9InRleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtibG9jay1wcm9ncmVzc2lvbjp0Yjt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWluZGVudDowO3RleHQtdHJhbnNmb3JtOm5vbmUiIGQ9Ik0xNTEuMTMgMGMtMjguMzYzIDAtNTQuOTE1IDcuOTE1LTc3LjYxMyAyMS41MzdhMzYuNTc4IDM2LjU3OCAwIDAgMC0yMy4wNjctOC4xOTQgOC43NjYgOC43NjYgMCAwIDAtLjAwNCAwYy0yMC4xNTQuMDAxLTM2LjY3OSAxNi41MjgtMzYuNjc4IDM2LjY4MmE4Ljc2NiA4Ljc2NiAwIDAgMCAwIC4wMSAzNi42OSAzNi42OSAwIDAgMCA4LjEwNCAyMi45MjhjLTEzLjgzIDIyLjgzLTIxLjg3IDQ5LjU4LTIxLjg3IDc4LjE3YTguNzY2IDguNzY2IDAgMSAwIDE3LjUzIDBjMC0yNC43MDIgNi43Mi00Ny43NDggMTguMzc5LTY3LjU3NCA0LjU2NiAxLjk4NSA5LjQ3MiAzLjE1IDE0LjUxOSAzLjE1N2E4Ljc2NiA4Ljc2NiAwIDAgMCAuMDEyIDBjMjAuMTU1IDAgMzYuNjgzLTE2LjUyNyAzNi42ODItMzYuNjgyYTguNzY2IDguNzY2IDAgMCAwIDAtLjAwNGMtLjAwMS01LTEuMTM4LTkuODYzLTMuMDgzLTE0LjM5NyAxOS43MTctMTEuNDg0IDQyLjU4NS0xOC4wOTUgNjcuMDg1LTE4LjA5NWE4Ljc2NiA4Ljc2NiAwIDEgMCAwLTE3LjUzek01MC40NCAzMC44OGM1LjkxMy4wMDIgMTEuMTkxIDIuNTEyIDE0LjgzNiA3LjA3N2E4Ljc2NiA4Ljc2NiAwIDAgMCAuMTgzLjIxNCAxOS4xMzcgMTkuMTM3IDAgMCAxIDQuMTM0IDExLjg2M2MtLjAwMiAxMC42NzctOC40NjggMTkuMTQ0LTE5LjE0NCAxOS4xNDhhMTkuMTQ1IDE5LjE0NSAwIDAgMS0xMi00LjI1NCA4Ljc2NiA4Ljc2NiAwIDAgMC0uMDEzLS4wMSAxOS4xMzYgMTkuMTM2IDAgMCAxLTcuMTQ0LTE0Ljg5MmMuMDAzLTEwLjY3NyA4LjQ3LTE5LjE0NCAxOS4xNDgtMTkuMTQ2eiIvPjxwYXRoIHN0eWxlPSJ0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWw7YmxvY2stcHJvZ3Jlc3Npb246dGI7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb24tc3R5bGU6c29saWQ7dGV4dC1pbmRlbnQ6MDt0ZXh0LXRyYW5zZm9ybTpub25lIiBkPSJNNjYuOTkyIDEwMi44M2E4LjE4NyA4LjE4NyAwIDAgMC0yLjI1OCA2LjA3MSA4LjYwNCA4LjYwNCAwIDAgMCAyLjMzOCA1LjUxOGM2LjgwNSA2Ljg1NiAyMC4yMjMgMjAuMjIzIDIwLjIyMyAyMC4yMjNsMTEuODQ0LTExLjgzcy0xMi45NzMtMTIuOTYxLTIwLjE3Ni0yMC4xNzFjLTEuNjA0LTEuNjMyLTMuNzUtMi4zMTQtNi4wMTItMi4zMjRhOC4xNSA4LjE1IDAgMCAwLTUuOTYgMi41MTJ6bTMyLjE0NyAxOS45ODNMNjIuNSAxNTkuNDUyYy0zLjk3NSAzLjk3Ni0zLjk3NSAxMC40MjEgMCAxNC4zOTdsMTguMTU2IDE4LjE1NiAzMS43NTMgMzEuNzUzIDMwLjQ3OCAzMC40NzhjMy45NzYgMy45NzYgMTAuNDIyIDMuOTc2IDE0LjM5OCAwbDI0Ljc5MS0yNC43OTEgMzcuOTE0LTM3LjkxNCAzNi42MzktMzYuNjM5YzMuOTc1LTMuOTc2IDMuOTc1LTEwLjQyMiAwLTE0LjM5OGwtMTguNjMtMTguNjMtMzEuNzUtMzEuNzYtMzAuMDEtMzBjLTMuOTc3LTMuOTc1LTEwLjQyMi0zLjk3NS0xNC4zOTggMGwtMjQuNzkgMjQuNzktMzcuOTEgMzcuOTF6bTM3LjkxMS0zNy45MXMtMTIuOTczLTEyLjk2MS0yMC4xNzYtMjAuMTcxYy0xLjYwNC0xLjYzMi0zLjc1LTIuMzE0LTYuMDEyLTIuMzI0LTQuNzE3LS4wMjMtOC40MzQgMy44NjEtOC4yMTcgOC41ODNhOC42MDQgOC42MDQgMCAwIDAgMi4zMzcgNS41MThjNi44MDUgNi44NTYgMjAuMjIzIDIwLjIyMyAyMC4yMjMgMjAuMjIzbDExLjg0NC0xMS44M3ptNjkuMTkzIDUuMjEzczEyLjk2MS0xMi45NzMgMjAuMTcxLTIwLjE3NmMxLjYzMy0xLjYwNCAyLjMxNC0zLjc1IDIuMzI0LTYuMDEyLjAyMy00LjcxNi0zLjg2MS04LjQzNC04LjU4My04LjIxN2E4LjYwNCA4LjYwNCAwIDAgMC01LjUxOCAyLjMzOGMtNi44NTYgNi44MDUtMjAuMjIzIDIwLjIyMy0yMC4yMjMgMjAuMjIzbDExLjgzIDExLjg0NHptMzEuNzUzIDMxLjc1M3MxMi45NjEtMTIuOTczIDIwLjE3MS0yMC4xNzZjMS42MzMtMS42MDQgMi4zMTQtMy43NSAyLjMyNC02LjAxMi4wMjMtNC43MTYtMy44NjEtOC40MzQtOC41ODMtOC4yMTdhOC42MDQgOC42MDQgMCAwIDAtNS41MTggMi4zMzhjLTYuODU2IDYuODA1LTIwLjIyMyAyMC4yMjMtMjAuMjIzIDIwLjIyM2wxMS44MyAxMS44NDR6bS0xOC4wMDkgNjkuNjY3czEyLjk3MyAxMi45NjEgMjAuMTc4IDIwLjE3YzEuNjA0IDEuNjMyIDMuNzUgMi4zMTMgNi4wMTIgMi4zMjQgNC43MTcuMDIyIDguNDM0LTMuODYyIDguMjE3LTguNTg0bC0uMDAyLjAwMmE4LjYwNiA4LjYwNiAwIDAgMC0yLjMzOC01LjUxOGMtNi44MDUtNi44NTYtMjAuMjIyLTIwLjIyMi0yMC4yMjItMjAuMjIybC0xMS44NDQgMTEuODN6bS0zNy45MTQgMzcuOTE0czEyLjk3MyAxMi45NjEgMjAuMTc4IDIwLjE3YzEuNjA0IDEuNjMyIDMuNzUgMi4zMTMgNi4wMTIgMi4zMjMgNC43MTcuMDIzIDguNDM0LTMuODYxIDguMjE3LTguNTgzaC0uMDAyYTguNjAzIDguNjAzIDAgMCAwLTIuMzM3LTUuNTE4Yy02LjgwNS02Ljg1Ni0yMC4yMjMtMjAuMjIzLTIwLjIyMy0yMC4yMjNsLTExLjg0NCAxMS44M3ptLTY5LjY2Ny01LjY4N3MtMTIuOTYxIDEyLjk3My0yMC4xNjkgMjAuMTc4Yy0xLjYzMiAxLjYwNC0yLjMxNCAzLjc1LTIuMzI0IDYuMDEyLS4wMjMgNC43MTcgMy44NjEgOC40MzQgOC41ODMgOC4yMTdoLS4wMDJhOC42MDIgOC42MDIgMCAwIDAgNS41MTgtMi4zMzdjNi44NTYtNi44MDUgMjAuMjIzLTIwLjIyMyAyMC4yMjMtMjAuMjIzbC0xMS44Mi0xMS44NHptLTMxLjc0My0zMS43NHMtMTIuOTYxIDEyLjk3My0yMC4xNjkgMjAuMTc4Yy0xLjYzMiAxLjYwNC0yLjMxNCAzLjc1LTIuMzI0IDYuMDEyLS4wMjMgNC43MTcgMy44NjEgOC40MzQgOC41ODMgOC4yMTdoLS4wMDJhOC42MDQgOC42MDQgMCAwIDAgNS41MTgtMi4zMzdjNi44NTYtNi44MDUgMjAuMjIzLTIwLjIyMyAyMC4yMjMtMjAuMjIzbC0xMS44My0xMS44NXpNMTY3LjkgMTAxLjQ3YzEuNjgtMS43MDYgMy45NjctMi42NiA2LjI5Ny0yLjYyNmE3Ljg5IDcuODkgMCAwIDEgNC41NjMgMS41MWwxNi40OTkgMTIuMWMzLjIgMi4yOTcgNC4xNDQgNi42NTkgMi4yMyAxMC4zMTItMS45MTMgMy42NTMtNi4xMjMgNS41MjQtOS45NSA0LjQyM2w2LjEyNCAyMy45NDhjMS4xMTMgNC4zNTEtMS41NjQgOC45NjctNS45ODQgMTAuMzE3bC00NC42NDIgMTMuNjMgOC4yNDYgMzEuODg0YzEuMTczIDQuMzctMS41MDIgOS4wNDQtNS45NTUgMTAuNDA3cy04Ljk3NS0xLjExMS0xMC4wNjgtNS41MDVsLTEwLjI4Mi0zOS43N2MtMS4xMjYtNC4zNTUgMS41NS04Ljk4NCA1Ljk3Ni0xMC4zMzdsNDQuNjYxLTEzLjYzNy00LjEyMi0xNi4xMThjLTIuNzYzIDMuMDY0LTcuMjMzIDMuODA4LTEwLjU4NiAxLjc2MS0zLjM1My0yLjA0Ny00LjYxNC02LjI5LTIuOTg2LTEwLjA0N2w4LjExNy0xOS40NTRhOC44NzIgOC44NzIgMCAwIDEgMS44NjMtMi43OTd6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHlsZT0idGV4dC1kZWNvcmF0aW9uLWNvbG9yOiMwMDA7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsO2Jsb2NrLXByb2dyZXNzaW9uOnRiO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO3RleHQtaW5kZW50OjA7dGV4dC10cmFuc2Zvcm06bm9uZSIgZD0iTTE2OC44NyAzMjAuMDRjMjguMzYzIDAgNTQuOTE1LTcuOTE1IDc3LjYxNC0yMS41MzhhMzYuNTc4IDM2LjU3OCAwIDAgMCAyMy4wNjcgOC4xOTQgOC43NjYgOC43NjYgMCAwIDAgLjAwNCAwYzIwLjE1NSAwIDM2LjY4LTE2LjUyOCAzNi42NzktMzYuNjgyYTguNzY2IDguNzY2IDAgMCAwIDAtLjAxMSAzNi42ODggMzYuNjg4IDAgMCAwLTguMTAzLTIyLjkyN2MxMy44MjUtMjIuODIgMjEuODY2LTQ5LjU3MiAyMS44NjYtNzguMTYyYTguNzY2IDguNzY2IDAgMSAwLTE3LjUzMSAwYzAgMjQuNzAzLTYuNzIgNDcuNzQ5LTE4LjM3OCA2Ny41NzUtNC41NjctMS45ODUtOS40NzMtMy4xNS0xNC41Mi0zLjE1N2E4Ljc2NiA4Ljc2NiAwIDAgMC0uMDEyIDBjLTIwLjE1NS0uMDAxLTM2LjY4MyAxNi41MjctMzYuNjgyIDM2LjY4Mi4wMDIgNC45OTkgMS4xMzkgOS44NjIgMy4wODMgMTQuMzk3LTE5LjcxNyAxMS40ODQtNDIuNTg2IDE4LjA5NS02Ny4wODYgMTguMDk1YTguNzY2IDguNzY2IDAgMSAwIDAgMTcuNTN6bTEwMC42OS0zMC44NzVjLTUuOTEzIDAtMTEuMTkxLTIuNTEyLTE0LjgzNi03LjA3N2E4Ljc2NiA4Ljc2NiAwIDAgMC0uMTgzLS4yMTQgMTkuMTM2IDE5LjEzNiAwIDAgMS00LjEzNC0xMS44NjNjLjAwMi0xMC42NzcgOC40NjgtMTkuMTQ0IDE5LjE0NC0xOS4xNDhhMTkuMTQ1IDE5LjE0NSAwIDAgMSAxMiA0LjI1NCA4Ljc2NiA4Ljc2NiAwIDAgMCAuMDEzLjAxIDE5LjEzNiAxOS4xMzYgMCAwIDEgNy4xNDQgMTQuODkyYy0uMDAzIDEwLjY3Ny04LjQ3IDE5LjE0NS0xOS4xNDggMTkuMTQ2eiIvPjwvZz48L2c+PC9zdmc+\\\" />\\n    </div>\\n</div>\"},\"title\":\"HTML Value Card\",\"dropShadow\":false,\"enableFullscreen\":true,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
@@ -109,12 +109,12 @@
         "sizeX": 8,
         "sizeY": 6.5,
         "resources": [],
-        "templateHtml": "<tb-timeseries-table-widget \n    table-id=\"tableId\"\n    ctx=\"ctx\">\n</tb-timeseries-table-widget>",
+        "templateHtml": "<tb-timeseries-table-widget \n    [ctx]=\"ctx\">\n</tb-timeseries-table-widget>",
         "templateCss": "",
-        "controllerScript": "self.onInit = function() {\n    var scope = self.ctx.$scope;\n    var id = self.ctx.$scope.$injector.get('utils').guid();\n    scope.tableId = \"table-\"+id;\n    scope.ctx = self.ctx;\n}\n\nself.onDataUpdated = function() {\n    self.ctx.$scope.$broadcast('timeseries-table-data-updated', self.ctx.$scope.tableId);\n}\n\nself.actionSources = function() {\n    return {\n        'actionCellButton': {\n            name: 'widget-action.action-cell-button',\n            multiple: true\n        },\n        'rowClick': {\n            name: 'widget-action.row-click',\n            multiple: false\n        }\n    };\n}\n\nself.onDestroy = function() {\n}",
+        "controllerScript": "self.onInit = function() {\n}\n\nself.onDataUpdated = function() {\n     self.ctx.$scope.timeseriesTableWidget.onDataUpdated();\n}\n\nself.actionSources = function() {\n    return {\n        'actionCellButton': {\n            name: 'widget-action.action-cell-button',\n            multiple: true\n        },\n        'rowClick': {\n            name: 'widget-action.row-click',\n            multiple: false\n        }\n    };\n}\n\nself.onDestroy = function() {\n}",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"TimeseriesTableSettings\",\n        \"properties\": {\n            \"showTimestamp\": {\n                \"title\": \"Display timestamp column\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"showMilliseconds\": {\n                \"title\": \"Display timestamp milliseconds\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"displayPagination\": {\n                \"title\": \"Display pagination\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },            \n            \"defaultPageSize\": {\n                \"title\": \"Default page size\",\n                \"type\": \"number\",\n                \"default\": 10\n            },\n            \"hideEmptyLines\": {\n                \"title\": \"Hide empty lines\",\n                \"type\": \"boolean\",\n                \"default\": false\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"showTimestamp\",\n        \"showMilliseconds\",\n        \"displayPagination\",\n        \"defaultPageSize\",\n        \"hideEmptyLines\"\n    ]\n}",
-        "dataKeySettingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"DataKeySettings\",\n        \"properties\": {\n            \"useCellStyleFunction\": {\n                \"title\": \"Use cell style function\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"cellStyleFunction\": {\n                \"title\": \"Cell style function: f(value)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"useCellContentFunction\": {\n                \"title\": \"Use cell content function\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"cellContentFunction\": {\n                \"title\": \"Cell content function: f(value, rowData, filter)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"useCellStyleFunction\",\n        {\n            \"key\": \"cellStyleFunction\",\n            \"type\": \"javascript\"\n        },\n        \"useCellContentFunction\",\n        {\n            \"key\": \"cellContentFunction\",\n            \"type\": \"javascript\"\n        }\n    ]\n}",
-        "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Temperature  °C\",\"color\":\"#2196f3\",\"settings\":{\"useCellStyleFunction\":true,\"cellStyleFunction\":\"if (value) {\\n    var percent = (value + 60)/120 * 100;\\n    var color = tinycolor.mix('blue', 'red', amount = percent);\\n    color.setAlpha(.5);\\n    return {\\n      paddingLeft: '20px',\\n      color: '#ffffff',\\n      background: color.toRgbString(),\\n      fontSize: '18px'\\n    };\\n} else {\\n    return {};\\n}\"},\"_hash\":0.8587686344902596,\"funcBody\":\"var value = prevValue + Math.random() * 40 - 20;\\nvar multiplier = Math.pow(10, 1 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -60) {\\n\\tvalue = -60;\\n} else if (value > 60) {\\n\\tvalue = 60;\\n}\\nreturn value;\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Humidity, %\",\"color\":\"#ffc107\",\"settings\":{\"useCellStyleFunction\":true,\"cellStyleFunction\":\"if (value) {\\n    var percent = value;\\n    var backgroundColor = tinycolor('blue');\\n    backgroundColor.setAlpha(value/100);\\n    var color = 'blue';\\n    if (value > 50) {\\n        color = 'white';\\n    }\\n    \\n    return {\\n      paddingLeft: '20px',\\n      color: color,\\n      background: backgroundColor.toRgbString(),\\n      fontSize: '18px'\\n    };\\n} else {\\n    return {};\\n}\",\"useCellContentFunction\":false},\"_hash\":0.12775350966079668,\"funcBody\":\"var value = prevValue + Math.random() * 20 - 10;\\nvar multiplier = Math.pow(10, 1 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < 5) {\\n\\tvalue = 5;\\n} else if (value > 100) {\\n\\tvalue = 100;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"interval\":1000,\"timewindowMs\":60000},\"aggregation\":{\"type\":\"NONE\",\"limit\":200}},\"showTitle\":true,\"backgroundColor\":\"rgb(255, 255, 255)\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{\"showTimestamp\":true,\"displayPagination\":true,\"defaultPageSize\":10},\"title\":\"Timeseries table\",\"dropShadow\":true,\"enableFullscreen\":true,\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":false,\"showLegend\":false,\"widgetStyle\":{},\"actions\":{}}"
+        "dataKeySettingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"DataKeySettings\",\n        \"properties\": {\n            \"useCellStyleFunction\": {\n                \"title\": \"Use cell style function\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"cellStyleFunction\": {\n                \"title\": \"Cell style function: f(value)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"useCellContentFunction\": {\n                \"title\": \"Use cell content function\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"cellContentFunction\": {\n                \"title\": \"Cell content function: f(value, rowData, ctx)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"useCellStyleFunction\",\n        {\n            \"key\": \"cellStyleFunction\",\n            \"type\": \"javascript\"\n        },\n        \"useCellContentFunction\",\n        {\n            \"key\": \"cellContentFunction\",\n            \"type\": \"javascript\"\n        }\n    ]\n}",
+        "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Temperature  °C\",\"color\":\"#2196f3\",\"settings\":{\"useCellStyleFunction\":true,\"cellStyleFunction\":\"if (value) {\\n    var percent = (value + 60)/120 * 100;\\n    var color = tinycolor.mix('blue', 'red', amount = percent);\\n    color.setAlpha(.5);\\n    return {\\n      paddingLeft: '20px',\\n      color: '#ffffff',\\n      background: color.toRgbString(),\\n      fontSize: '18px'\\n    };\\n} else {\\n    return {};\\n}\"},\"_hash\":0.8587686344902596,\"funcBody\":\"var value = prevValue + Math.random() * 40 - 20;\\nvar multiplier = Math.pow(10, 1 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -60) {\\n\\tvalue = -60;\\n} else if (value > 60) {\\n\\tvalue = 60;\\n}\\nreturn value;\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Humidity, %\",\"color\":\"#ffc107\",\"settings\":{\"useCellStyleFunction\":true,\"cellStyleFunction\":\"if (value) {\\n    var percent = value;\\n    var backgroundColor = tinycolor('blue');\\n    backgroundColor.setAlpha(value/100);\\n    var color = 'blue';\\n    if (value > 50) {\\n        color = 'white';\\n    }\\n    \\n    return {\\n      paddingLeft: '20px',\\n      color: color,\\n      background: backgroundColor.toRgbString(),\\n      fontSize: '18px'\\n    };\\n} else {\\n    return {};\\n}\",\"useCellContentFunction\":false},\"_hash\":0.12775350966079668,\"funcBody\":\"var value = prevValue + Math.random() * 20 - 10;\\nvar multiplier = Math.pow(10, 1 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < 5) {\\n\\tvalue = 5;\\n} else if (value > 100) {\\n\\tvalue = 100;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"interval\":1000,\"timewindowMs\":60000},\"aggregation\":{\"type\":\"NONE\",\"limit\":200}},\"showTitle\":true,\"backgroundColor\":\"rgb(255, 255, 255)\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{\"showTimestamp\":true,\"displayPagination\":true,\"defaultPageSize\":10},\"title\":\"Timeseries table\",\"dropShadow\":true,\"enableFullscreen\":true,\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400,\"padding\":\"5px 10px 5px 10px\"},\"useDashboardTimewindow\":false,\"showLegend\":false,\"widgetStyle\":{},\"actions\":{},\"showTitleIcon\":false,\"iconColor\":\"rgba(0, 0, 0, 0.87)\",\"iconSize\":\"24px\"}"
       }
     },
     {
@@ -125,13 +125,13 @@
         "sizeX": 7.5,
         "sizeY": 3.5,
         "resources": [],
-        "templateHtml": "<tb-entities-hierarchy-widget \n    hierarchy-id=\"hierarchyId\"\n    ctx=\"ctx\">\n</tb-entities-hierarchy-widget>",
+        "templateHtml": "<tb-entities-hierarchy-widget \n    [ctx]=\"ctx\">\n</tb-entities-hierarchy-widget>",
         "templateCss": "",
-        "controllerScript": "self.onInit = function() {\n    var scope = self.ctx.$scope;\n    var id = self.ctx.$scope.$injector.get('utils').guid();\n    scope.hierarchyId = \"hierarchy-\"+id;\n    scope.ctx = self.ctx;\n}\n\nself.onDataUpdated = function() {\n    self.ctx.$scope.$broadcast('entities-hierarchy-data-updated', self.ctx.$scope.hierarchyId);\n}\n\nself.typeParameters = function() {\n    return {\n        dataKeysOptional: true\n    };\n}\n\nself.actionSources = function() {\n    return {\n        'nodeSelected': {\n            name: 'widget-action.node-selected',\n            multiple: false\n        }\n    };\n}\n\nself.onDestroy = function() {\n}\n",
+        "controllerScript": "self.onInit = function() {\n}\n\nself.onDataUpdated = function() {\n    self.ctx.$scope.entitiesHierarchyWidget.onDataUpdated();\n}\n\nself.typeParameters = function() {\n    return {\n        dataKeysOptional: true\n    };\n}\n\nself.actionSources = function() {\n    return {\n        'nodeSelected': {\n            name: 'widget-action.node-selected',\n            multiple: false\n        }\n    };\n}\n\nself.onDestroy = function() {\n}\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"EntitiesHierarchySettings\",\n        \"properties\": {\n            \"nodeRelationQueryFunction\": {\n                \"title\": \"Node relations query function: f(nodeCtx)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"nodeHasChildrenFunction\": {\n                \"title\": \"Node has children function: f(nodeCtx)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"nodeOpenedFunction\": {\n                \"title\": \"Default node opened function: f(nodeCtx)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"nodeDisabledFunction\": {\n                \"title\": \"Node disabled function: f(nodeCtx)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"nodeIconFunction\": {\n                \"title\": \"Node icon function: f(nodeCtx)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"nodeTextFunction\": {\n                \"title\": \"Node text function: f(nodeCtx)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"nodesSortFunction\": {\n                \"title\": \"Nodes sort function: f(nodeCtx1, nodeCtx2)\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        {\n            \"key\": \"nodeRelationQueryFunction\",\n            \"type\": \"javascript\"\n        },\n        {\n            \"key\": \"nodeHasChildrenFunction\",\n            \"type\": \"javascript\"\n        },\n        {\n            \"key\": \"nodeOpenedFunction\",\n            \"type\": \"javascript\"\n        },\n        {\n            \"key\": \"nodeDisabledFunction\",\n            \"type\": \"javascript\"\n        },\n        {\n            \"key\": \"nodeIconFunction\",\n            \"type\": \"javascript\"\n        },\n        {\n            \"key\": \"nodeTextFunction\",\n            \"type\": \"javascript\"\n        },\n        {\n            \"key\": \"nodesSortFunction\",\n            \"type\": \"javascript\"\n        }\n    ]\n}",
         "dataKeySettingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"DataKeySettings\",\n        \"properties\": {},\n        \"required\": []\n    },\n    \"form\": []\n}",
         "defaultConfig": "{\"timewindow\":{\"realtime\":{\"interval\":1000,\"timewindowMs\":86400000},\"aggregation\":{\"type\":\"NONE\",\"limit\":200}},\"showTitle\":true,\"backgroundColor\":\"rgb(255, 255, 255)\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"4px\",\"settings\":{\"nodeRelationQueryFunction\":\"/**\\n\\n// Function should return relations query object for current node used to fetch entity children.\\n// Function can return 'default' string value. In this case default relations query will be used.\\n\\n// The following example code will construct simple relations query that will fetch relations of type 'Contains'\\n// from the current entity.\\n\\nvar entity = nodeCtx.entity;\\nvar query = {\\n    parameters: {\\n        rootId: entity.id.id,\\n        rootType: entity.id.entityType,\\n        direction: types.entitySearchDirection.from,\\n        relationTypeGroup: \\\"COMMON\\\",\\n        maxLevel: 1\\n    },\\n    filters: [{\\n        relationType: \\\"Contains\\\",\\n        entityTypes: []\\n    }]\\n};\\nreturn query;\\n\\n**/\\n\",\"nodeHasChildrenFunction\":\"/**\\n\\n// Function should return boolean value indicating whether current node has children (whether it can be expanded).\\n\\n// The following example code will restrict entities hierarchy expansion up to third level.\\n\\nreturn nodeCtx.level <= 2;\\n\\n// The next example code will restrict entities expansion according to the value of example 'nodeHasChildren' attribute.\\n\\nvar data = nodeCtx.data;\\nif (data.hasOwnProperty('nodeHasChildren') && data['nodeHasChildren'] !== null) {\\n    return data['nodeHasChildren'] === 'true';\\n} else {\\n    return true;\\n}\\n  \\n**/\\n \",\"nodeTextFunction\":\"/**\\n\\n// Function should return text (can be HTML code) for the current node.\\n\\n// The following example code will generate node text consisting of entity name and temperature if temperature value is present in entity attributes/timeseries.\\n\\nvar data =  nodeCtx.data;\\nvar entity = nodeCtx.entity;\\nvar text = entity.name;\\nif (data.hasOwnProperty('temperature') && data['temperature'] !== null) {\\n    text += \\\" <b>\\\"+ data['temperature'] +\\\" °C</b>\\\";\\n}\\nreturn text;\\n\\n**/\",\"nodeIconFunction\":\"/** \\n\\n// Function should return node icon info object.\\n// Resulting object should contain either 'materialIcon' or 'iconUrl' property. \\n// Where:\\n    - 'materialIcon' - name of the material icon to be used from the Material Icons Library (https://material.io/tools/icons);\\n    - 'iconUrl' - url of the external image to be used as node icon.\\n// Function can return 'default' string value. In this case default icons according to entity type will be used.\\n\\n// The following example code shows how to use external image for devices which name starts with 'Test' and use \\n// default icons for the rest of entities.\\n\\nvar entity = nodeCtx.entity;\\nif (entity.id.entityType === 'DEVICE' && entity.name.startsWith('Test')) {\\n    return {iconUrl: 'https://avatars1.githubusercontent.com/u/14793288?v=4&s=117'};\\n} else {\\n    return 'default';\\n}\\n \\n**/\",\"nodeDisabledFunction\":\"/**\\n\\n// Function should return boolean value indicating whether current node should be disabled (not selectable).\\n\\n// The following example code will disable current node according to the value of example 'nodeDisabled' attribute.\\n\\nvar data = nodeCtx.data;\\nif (data.hasOwnProperty('nodeDisabled') && data['nodeDisabled'] !== null) {\\n    return data['nodeDisabled'] === 'true';\\n} else {\\n    return false;\\n}\\n  \\n**/\\n\",\"nodesSortFunction\":\"/**\\n\\n// This function is used to sort nodes of the same level. Function should compare two nodes and return \\n// integer value: \\n//     - less than 0 - sort nodeCtx1 to an index lower than nodeCtx2\\n//     - 0 - leave nodeCtx1 and nodeCtx2 unchanged with respect to each other\\n//     - greater than 0 - sort nodeCtx2 to an index lower than nodeCtx1\\n\\n// The following example code will sort entities first by entity type in alphabetical order then\\n// by entity name in alphabetical order.\\n\\nvar result = nodeCtx1.entity.id.entityType.localeCompare(nodeCtx2.entity.id.entityType);\\nif (result === 0) {\\n    result = nodeCtx1.entity.name.localeCompare(nodeCtx2.entity.name);\\n}\\nreturn result;\\n  \\n**/\",\"nodeOpenedFunction\":\"/**\\n\\n// Function should return boolean value indicating whether current node should be opened (expanded) when it first loaded.\\n\\n// The following example code will open by default nodes up to third level.\\n\\nreturn nodeCtx.level <= 2;\\n\\n**/\\n \"},\"title\":\"Entities hierarchy\",\"dropShadow\":true,\"enableFullscreen\":true,\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400,\"padding\":\"5px 10px 5px 10px\"},\"useDashboardTimewindow\":false,\"showLegend\":false,\"datasources\":[{\"type\":\"function\",\"name\":\"Simulated\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Sin\",\"color\":\"#2196f3\",\"settings\":{\"columnWidth\":\"0px\",\"useCellStyleFunction\":false,\"cellStyleFunction\":\"\",\"useCellContentFunction\":false,\"cellContentFunction\":\"\"},\"_hash\":0.472295003170325,\"funcBody\":\"return Math.round(1000*Math.sin(time/5000));\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Cos\",\"color\":\"#4caf50\",\"settings\":{\"columnWidth\":\"0px\",\"useCellStyleFunction\":false,\"cellStyleFunction\":\"\",\"useCellContentFunction\":false,\"cellContentFunction\":\"\"},\"_hash\":0.8926244886945558,\"funcBody\":\"return Math.round(1000*Math.cos(time/5000));\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#f44336\",\"settings\":{\"columnWidth\":\"0px\",\"useCellStyleFunction\":false,\"cellStyleFunction\":\"\",\"useCellContentFunction\":false,\"cellContentFunction\":\"\"},\"_hash\":0.6401141393938932,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"widgetStyle\":{},\"actions\":{}}"
       }
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/application/src/main/data/json/system/widget_bundles/charts.json b/application/src/main/data/json/system/widget_bundles/charts.json
index 9c97a03084..aa12ba531b 100644
--- a/application/src/main/data/json/system/widget_bundles/charts.json
+++ b/application/src/main/data/json/system/widget_bundles/charts.json
@@ -55,7 +55,7 @@
         ],
         "templateHtml": "<canvas id=\"pieChart\"></canvas>\n",
         "templateCss": "",
-        "controllerScript": "self.onInit = function() {\n    var pieData = {\n        labels: [],\n        datasets: []\n    };\n\n    var dataset = {\n        data: [],\n        backgroundColor: [],\n        borderColor: [],\n        borderWidth: [],\n        hoverBackgroundColor: []\n    }\n    \n    var borderColor = self.ctx.settings.borderColor || '#fff';\n    var borderWidth = angular.isDefined(self.ctx.settings.borderWidth) ? self.ctx.settings.borderWidth : 5;\n    \n    pieData.datasets.push(dataset);\n    \n    for (var i=0; i < self.ctx.data.length; i++) {\n        var dataKey = self.ctx.data[i].dataKey;\n        pieData.labels.push(dataKey.label);\n        dataset.data.push(0);\n        var hoverBackgroundColor = tinycolor(dataKey.color).lighten(15);\n        dataset.backgroundColor.push(dataKey.color);\n        dataset.borderColor.push(borderColor);\n        dataset.borderWidth.push(borderWidth);\n        dataset.hoverBackgroundColor.push(hoverBackgroundColor.toRgbString());\n    }\n\n    var options = {\n        responsive: false,\n        maintainAspectRatio: false,\n        legend: {\n            display: true,\n            labels: {\n                fontColor: '#666'\n            }\n        },\n        tooltips: {\n            callbacks: {\n                label: function(tooltipItem, data) {\n                    var label = data.labels[tooltipItem.index];\n                    var value = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];\n                    var content = label + ': ' + value;\n                    var units = self.ctx.settings.units ? self.ctx.settings.units : self.ctx.units;\n                    if (units) {\n                        content += ' ' + units;\n                    } \n                    return content;\n                }\n            }\n        }\n    };\n\n    if (self.ctx.settings.legend) {\n        options.legend.display = self.ctx.settings.legend.display !== false;\n        options.legend.labels.fontColor = self.ctx.settings.legend.labelsFontColor || '#666';\n    }\n\n    var ctx = $('#pieChart', self.ctx.$container);\n    self.ctx.chart = new Chart(ctx, {\n        type: 'doughnut',\n        data: pieData,\n        options: options\n    });\n    \n    self.onResize();\n}\n\nself.onDataUpdated = function() {\n    for (var i = 0; i < self.ctx.data.length; i++) {\n        var cellData = self.ctx.data[i];\n        if (cellData.data.length > 0) {\n             var tvPair = cellData.data[cellData.data.length - 1];\n             var value = tvPair[1];\n             self.ctx.chart.data.datasets[0].data[i] = parseFloat(value);\n        }\n    }\n    self.ctx.chart.update();\n}\n\nself.onResize = function() {\n    self.ctx.chart.resize();\n}\n\n",
+        "controllerScript": "self.onInit = function() {\n    var pieData = {\n        labels: [],\n        datasets: []\n    };\n\n    var dataset = {\n        data: [],\n        backgroundColor: [],\n        borderColor: [],\n        borderWidth: [],\n        hoverBackgroundColor: []\n    }\n    \n    var borderColor = self.ctx.settings.borderColor || '#fff';\n    var borderWidth = typeof self.ctx.settings.borderWidth !== 'undefined' ? self.ctx.settings.borderWidth : 5;\n    \n    pieData.datasets.push(dataset);\n    \n    for (var i=0; i < self.ctx.data.length; i++) {\n        var dataKey = self.ctx.data[i].dataKey;\n        pieData.labels.push(dataKey.label);\n        dataset.data.push(0);\n        var hoverBackgroundColor = tinycolor(dataKey.color).lighten(15);\n        dataset.backgroundColor.push(dataKey.color);\n        dataset.borderColor.push(borderColor);\n        dataset.borderWidth.push(borderWidth);\n        dataset.hoverBackgroundColor.push(hoverBackgroundColor.toRgbString());\n    }\n\n    var options = {\n        responsive: false,\n        maintainAspectRatio: false,\n        legend: {\n            display: true,\n            labels: {\n                fontColor: '#666'\n            }\n        },\n        tooltips: {\n            callbacks: {\n                label: function(tooltipItem, data) {\n                    var label = data.labels[tooltipItem.index];\n                    var value = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];\n                    var content = label + ': ' + value;\n                    var units = self.ctx.settings.units ? self.ctx.settings.units : self.ctx.units;\n                    if (units) {\n                        content += ' ' + units;\n                    } \n                    return content;\n                }\n            }\n        }\n    };\n\n    if (self.ctx.settings.legend) {\n        options.legend.display = self.ctx.settings.legend.display !== false;\n        options.legend.labels.fontColor = self.ctx.settings.legend.labelsFontColor || '#666';\n    }\n\n    var ctx = $('#pieChart', self.ctx.$container);\n    self.ctx.chart = new Chart(ctx, {\n        type: 'doughnut',\n        data: pieData,\n        options: options\n    });\n    \n    self.onResize();\n}\n\nself.onDataUpdated = function() {\n    for (var i = 0; i < self.ctx.data.length; i++) {\n        var cellData = self.ctx.data[i];\n        if (cellData.data.length > 0) {\n             var tvPair = cellData.data[cellData.data.length - 1];\n             var value = tvPair[1];\n             self.ctx.chart.data.datasets[0].data[i] = parseFloat(value);\n        }\n    }\n    self.ctx.chart.update();\n}\n\nself.onResize = function() {\n    self.ctx.chart.resize();\n}\n\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"Settings\",\n        \"properties\": {\n            \"borderWidth\": {\n                \"title\": \"Border width\",\n                \"type\": \"number\",\n                \"default\": 5\n            },\n            \"borderColor\": {\n                \"title\": \"Border color\",\n                \"type\": \"string\",\n                \"default\": \"#fff\"\n            },\n            \"legend\": {\n                \"title\": \"Legend settings\",\n                \"type\": \"object\",\n                \"properties\": {\n                    \"display\": {\n                        \"title\": \"Display legend\",\n                        \"type\": \"boolean\",\n                        \"default\": true\n                    },\n                    \"labelsFontColor\": {\n                        \"title\": \"Labels font color\",\n                        \"type\": \"string\",\n                        \"default\": \"#666\"\n                    }\n                }\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"borderWidth\", \n        {\n            \"key\": \"borderColor\",\n            \"type\": \"color\"\n        }, \n        {\n            \"key\": \"legend\",\n            \"items\": [\n                \"legend.display\",\n                {\n                    \"key\": \"legend.labelsFontColor\",\n                    \"type\": \"color\"\n                }\n            ]\n        }\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"First\",\"color\":\"#26a69a\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = (prevValue-50) + Math.random() * 2 - 1;\\nif (value < 0) {\\n\\tvalue = 0;\\n} else if (value > 100) {\\n\\tvalue = 100;\\n}\\nreturn value+50;\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Second\",\"color\":\"#f57c00\",\"settings\":{},\"_hash\":0.545701115289893,\"funcBody\":\"var value = (prevValue-20) + Math.random() * 2 - 1;\\nif (value < 0) {\\n\\tvalue = 0;\\n} else if (value > 100) {\\n\\tvalue = 100;\\n}\\nreturn value+20;\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Third\",\"color\":\"#afb42b\",\"settings\":{},\"_hash\":0.2592906835158064,\"funcBody\":\"var value = (prevValue-40) + Math.random() * 2 - 1;\\nif (value < 0) {\\n\\tvalue = 0;\\n} else if (value > 100) {\\n\\tvalue = 100;\\n}\\nreturn value+40;\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Fourth\",\"color\":\"#673ab7\",\"settings\":{},\"_hash\":0.12880275585455747,\"funcBody\":\"var value = (prevValue-50) + Math.random() * 2 - 1;\\nif (value < 0) {\\n\\tvalue = 0;\\n} else if (value > 100) {\\n\\tvalue = 100;\\n}\\nreturn value+50;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{\"borderWidth\":5,\"borderColor\":\"#fff\",\"legend\":{\"display\":true,\"labelsFontColor\":\"#666666\"}},\"title\":\"Doughnut - Chart.js\",\"dropShadow\":true,\"enableFullscreen\":true,\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400}}"
diff --git a/application/src/main/data/json/system/widget_bundles/control_widgets.json b/application/src/main/data/json/system/widget_bundles/control_widgets.json
index 9f1b8cea10..630b9f830a 100644
--- a/application/src/main/data/json/system/widget_bundles/control_widgets.json
+++ b/application/src/main/data/json/system/widget_bundles/control_widgets.json
@@ -15,7 +15,7 @@
         "resources": [],
         "templateHtml": "<div style=\"height: 100%; overflow-y: auto;\" id=\"device-terminal\"></div>",
         "templateCss": ".cmd .cursor.blink {\n    -webkit-animation-name: terminal-underline;\n       -moz-animation-name: terminal-underline;\n        -ms-animation-name: terminal-underline;\n            animation-name: terminal-underline;\n}\n.terminal .inverted, .cmd .inverted {\n    border-bottom-color: #aaa;\n}\n",
-        "controllerScript": "var requestTimeout = 500;\n\nself.onInit = function() {\n    var subscription = self.ctx.defaultSubscription;\n    var rpcEnabled = subscription.rpcEnabled;\n    var deviceName = 'Simulated';\n    var prompt;\n    if (subscription.targetDeviceName && subscription.targetDeviceName.length) {\n        deviceName = subscription.targetDeviceName;\n    }\n    if (self.ctx.settings.requestTimeout) {\n        requestTimeout = self.ctx.settings.requestTimeout;\n    }\n    var greetings = 'Welcome to ThingsBoard RPC debug terminal.\\n\\n';\n    if (!rpcEnabled) {\n        greetings += 'Target device is not set!\\n\\n';\n        prompt = '';\n    } else {\n        greetings += 'Current target device for RPC commands: [[b;#fff;]' + deviceName + ']\\n\\n';\n        greetings += 'Please type [[b;#fff;]\\'help\\'] to see usage.\\n';\n        prompt = '[[b;#8bc34a;]' + deviceName +']> ';\n    }\n    \n    var terminal = $('#device-terminal', self.ctx.$container).terminal(\n        function(command) {\n            if (command !== '') {\n                try {\n                    var localCommand = angular.copy(command).trim();\n                    if (localCommand == 'help') {\n                        printUsage(this);\n                    } else {\n                        var cmdObj = $.terminal.parse_command(localCommand);\n                        if (cmdObj.args.length > 1) {\n                            this.error(\"Wrong number of arguments!\");\n                            this.echo(' ');\n                        } else {\n                            var params;\n                            if (cmdObj.args.length && cmdObj.args[0]) {\n                                try {\n                                    params = JSON.parse(cmdObj.args[0]);\n                                } catch (e) {\n                                    params = cmdObj.args[0];\n                                }\n                            }\n                            performRpc(this, cmdObj.name, params);\n                        }\n                    }\n                } catch(e) {\n                    this.error(new String(e));\n                }\n            } else {\n               this.echo('');\n            }\n        }, {\n            greetings: greetings,\n            prompt: prompt\n    });\n    \n    if (!rpcEnabled) {\n        terminal.error('No RPC target detected!').pause();\n    }\n}\n\n\nfunction printUsage(terminal) {\n    var commandsListText = '\\n[[b;#fff;]Usage:]\\n';\n    commandsListText += '   <method> [params body]\\n\\n';\n    commandsListText += '[[b;#fff;]Example 1:]\\n'; \n    commandsListText += '   myRemoteMethod1 myText\\n\\n'; \n    commandsListText += '[[b;#fff;]Example 2:]\\n'; \n    commandsListText += '   myOtherRemoteMethod \"{\\\\\"key1\\\\\": 2, \\\\\"key2\\\\\": \\\\\"myVal\\\\\"}\"\\n'; \n    terminal.echo(new String(commandsListText));\n}\n\nfunction performRpc(terminal, method, params) {\n    terminal.pause();\n    self.ctx.controlApi.sendTwoWayCommand(method, params, requestTimeout).then(\n        function success(responseBody) {\n            terminal.echo(JSON.stringify(responseBody));\n            terminal.echo(' ');\n            terminal.resume();\n        },\n        function fail() {\n            var errorText = self.ctx.defaultSubscription.rpcErrorText;\n            terminal.error(errorText);\n            terminal.echo(' ');\n            terminal.resume();\n        }\n    );\n}\n\n  \nself.onDestroy = function() {\n}\n",
+        "controllerScript": "var requestTimeout = 500;\n\nself.onInit = function() {\n    var subscription = self.ctx.defaultSubscription;\n    var rpcEnabled = subscription.rpcEnabled;\n    var deviceName = 'Simulated';\n    var prompt;\n    if (subscription.targetDeviceName && subscription.targetDeviceName.length) {\n        deviceName = subscription.targetDeviceName;\n    }\n    if (self.ctx.settings.requestTimeout) {\n        requestTimeout = self.ctx.settings.requestTimeout;\n    }\n    var greetings = 'Welcome to ThingsBoard RPC debug terminal.\\n\\n';\n    if (!rpcEnabled) {\n        greetings += 'Target device is not set!\\n\\n';\n        prompt = '';\n    } else {\n        greetings += 'Current target device for RPC commands: [[b;#fff;]' + deviceName + ']\\n\\n';\n        greetings += 'Please type [[b;#fff;]\\'help\\'] to see usage.\\n';\n        prompt = '[[b;#8bc34a;]' + deviceName +']> ';\n    }\n    \n    var terminal = $('#device-terminal', self.ctx.$container).terminal(\n        function(command) {\n            if (command !== '') {\n                try {\n                    var localCommand = command.trim();\n                    if (localCommand === 'help') {\n                        printUsage(this);\n                    } else {\n                        var cmdObj = $.terminal.parse_command(localCommand);\n                        if (cmdObj.args.length > 1) {\n                            this.error(\"Wrong number of arguments!\");\n                            this.echo(' ');\n                        } else {\n                            var params;\n                            if (cmdObj.args.length && cmdObj.args[0]) {\n                                try {\n                                    params = JSON.parse(cmdObj.args[0]);\n                                } catch (e) {\n                                    params = cmdObj.args[0];\n                                }\n                            }\n                            performRpc(this, cmdObj.name, params);\n                        }\n                    }\n                } catch(e) {\n                    this.error(new String(e));\n                }\n            } else {\n               this.echo('');\n            }\n        }, {\n            greetings: greetings,\n            prompt: prompt,\n            enabled: rpcEnabled\n    });\n    \n    \n    \n    if (!rpcEnabled) {\n        terminal.error('No RPC target detected!').pause();\n    }\n}\n\n\nfunction printUsage(terminal) {\n    var commandsListText = '\\n[[b;#fff;]Usage:]\\n';\n    commandsListText += '   <method> [params body]]\\n\\n';\n    commandsListText += '[[b;#fff;]Example 1:]\\n'; \n    commandsListText += '   myRemoteMethod1 myText\\n\\n'; \n    commandsListText += '[[b;#fff;]Example 2:]\\n'; \n    commandsListText += '   myOtherRemoteMethod \"{\\\\\"key1\\\\\": 2, \\\\\"key2\\\\\": \\\\\"myVal\\\\\"}\"\\n'; \n    terminal.echo(new String(commandsListText));\n}\n\nfunction performRpc(terminal, method, params) {\n    terminal.pause();\n    self.ctx.controlApi.sendTwoWayCommand(method, params, requestTimeout).subscribe(\n        function success(responseBody) {\n            terminal.echo(JSON.stringify(responseBody));\n            terminal.echo(' ');\n            terminal.resume();\n        },\n        function fail() {\n            var errorText = self.ctx.defaultSubscription.rpcErrorText;\n            terminal.error(errorText);\n            terminal.echo(' ');\n            terminal.resume();\n        }\n    );\n}\n\n  \nself.onDestroy = function() {\n}\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"Settings\",\n        \"properties\": {\n            \"requestTimeout\": {\n                \"title\": \"RPC request timeout (ms)\",\n                \"type\": \"number\",\n                \"default\": 500\n            }\n        },\n        \"required\": [\"requestTimeout\"]\n    },\n    \"form\": [\n        \"requestTimeout\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"targetDeviceAliases\":[],\"showTitle\":true,\"backgroundColor\":\"#010101\",\"color\":\"rgba(255, 254, 254, 0.87)\",\"padding\":\"0px\",\"settings\":{\"parseGpioStatusFunction\":\"return body[pin] === true;\",\"gpioStatusChangeRequest\":{\"method\":\"setGpioStatus\",\"paramsBody\":\"{\\n   \\\"pin\\\": \\\"{$pin}\\\",\\n   \\\"enabled\\\": \\\"{$enabled}\\\"\\n}\"},\"requestTimeout\":500,\"switchPanelBackgroundColor\":\"#b71c1c\",\"gpioStatusRequest\":{\"method\":\"getGpioStatus\",\"paramsBody\":\"{}\"},\"gpioList\":[{\"pin\":1,\"label\":\"GPIO 1\",\"row\":0,\"col\":0,\"_uniqueKey\":0},{\"pin\":2,\"label\":\"GPIO 2\",\"row\":0,\"col\":1,\"_uniqueKey\":1},{\"pin\":3,\"label\":\"GPIO 3\",\"row\":1,\"col\":0,\"_uniqueKey\":2}]},\"title\":\"RPC debug terminal\",\"dropShadow\":true,\"enableFullscreen\":true,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
@@ -31,7 +31,7 @@
         "resources": [],
         "templateHtml": "<div style=\"height: 100%; overflow-y: auto;\" id=\"device-terminal\"></div>",
         "templateCss": ".cmd .cursor.blink {\n    -webkit-animation-name: terminal-underline;\n       -moz-animation-name: terminal-underline;\n        -ms-animation-name: terminal-underline;\n            animation-name: terminal-underline;\n}\n.terminal .inverted, .cmd .inverted {\n    border-bottom-color: #aaa;\n}\n",
-        "controllerScript": "var requestTimeout = 500;\nconst commandStatusPollingInterval = 200;\n\nconst welcome = 'Welcome to ThingsBoard RPC remote shell.\\n';\n\nvar terminal, rpcEnabled, simulated, deviceName, cwd;\nvar commandExecuting = false;\n\nself.onInit = function() {\n    var subscription = self.ctx.defaultSubscription;\n    rpcEnabled = subscription.rpcEnabled;\n    if (subscription.targetDeviceName && subscription.targetDeviceName.length) {\n        deviceName = subscription.targetDeviceName;\n    } else {\n        deviceName = 'Simulated';\n        simulated = true;\n    }\n    if (self.ctx.settings.requestTimeout) {\n        requestTimeout = self.ctx.settings.requestTimeout;\n    }\n    \n    terminal = $('#device-terminal', self.ctx.$container).terminal(\n        function (command) {\n            if (command && command.trim().length) {\n                try {\n                    if (simulated) {\n                        this.echo(command);\n                    } else {\n                        sendCommand(this, command);\n                    }\n                } catch(e) {\n                    this.error(new String(e));\n                }\n            } else {\n               this.echo('');\n            }\n        }, {\n            greetings: false,\n            prompt: rpcEnabled ? currentPrompt : '',\n            name: 'shell',\n            pauseEvents: false,\n            keydown: (e, term) => {\n                if ((e.which == 67 || e.which == 68) && e.ctrlKey) { // CTRL+C || CTRL+D\n                    if (commandExecuting) {\n                        terminateCommand(term);\n                        return false;\n                    }\n                }\n            },\n            onInit: initTerm\n        }\n    );\n}\n\nfunction initTerm(terminal) {\n    terminal.echo(welcome);\n    if (!rpcEnabled) {\n        terminal.error('Target device is not set!\\n');\n    } else {\n        terminal.echo(`Current target device for RPC terminal: [[b;#fff;]${deviceName}]\\n`);\n        if (!simulated) {\n            terminal.pause();\n            getTermInfo(terminal,\n            (remoteTermInfo) => {\n                if (remoteTermInfo) {\n                    terminal.echo(`Remote platform info:`);\n                    terminal.echo(`OS: [[b;#fff;]${remoteTermInfo.platform}]`);\n                    if (remoteTermInfo.release) {\n                        terminal.echo(`OS release: [[b;#fff;]${remoteTermInfo.release}]`);\n                    }\n                    terminal.echo('\\r');\n                } else {\n                    terminal.echo('[[;#f00;]Unable to get remote platform info.\\nDevice is not responding.]\\n');\n                }\n                terminal.resume();\n            });\n        }\n    }\n}\n\nfunction currentPrompt(callback) {\n    if (cwd) {\n        callback('[[b;#2196f3;]' + deviceName +']: [[b;#8bc34a;]' + cwd +']> ');\n    } else {\n        callback('[[b;#8bc34a;]' + deviceName +']> ');\n    }\n}\n\nfunction getTermInfo(terminal, callback) {\n    self.ctx.controlApi.sendTwoWayCommand('getTermInfo', null, requestTimeout).then(\n        (termInfo) => {\n            cwd = termInfo.cwd;\n            if (callback) {\n                callback(termInfo);\n            } \n        },\n        () => {\n            if (callback) {\n                callback(null);\n            }\n        }\n    );\n}\n\nfunction sendCommand(terminal, command) {\n    terminal.pause();\n    var sendCommandRequest = {\n        command: command,\n        cwd: cwd\n    };\n    self.ctx.controlApi.sendTwoWayCommand('sendCommand', sendCommandRequest, requestTimeout).then(\n        (responseBody) => {\n            if (responseBody && responseBody.ok) {\n                commandExecuting = true;\n                setTimeout( pollCommandStatus.bind(null,terminal), commandStatusPollingInterval );\n            } else {\n                var error = responseBody ? responseBody.error : 'Unhandled error.';\n                terminal.error(error);\n                terminal.resume();\n            }\n        },\n        () => {\n            onRpcError(terminal);\n        }\n    );\n}\n\nfunction terminateCommand(terminal) {\n    self.ctx.controlApi.sendTwoWayCommand('terminateCommand', null, requestTimeout).then(\n        (responseBody) => {\n            if (!responseBody.ok) {\n                commandExecuting = false;\n                terminal.error(responseBody.error);\n                terminal.resume();\n            } \n        },\n        () => {\n            onRpcError(terminal);\n        }\n    );    \n}\n\nfunction onRpcError(terminal) {\n    var errorText = self.ctx.defaultSubscription.rpcErrorText;\n    terminal.error(errorText);\n    terminal.resume();\n}\n\nfunction pollCommandStatus(terminal) {\n    self.ctx.controlApi.sendTwoWayCommand('getCommandStatus', null, requestTimeout).then(\n        (commandStatusResponse) => {\n            commandStatusResponse.data.forEach((dataElement) => {\n                if (dataElement.stdout) {\n                    terminal.echo(dataElement.stdout);\n                }\n                if (dataElement.stderr) {\n                    terminal.error(dataElement.stderr);\n                }\n            });            \n            if (commandStatusResponse.done) {\n                commandExecuting = false;\n                cwd = commandStatusResponse.cwd;\n                terminal.resume();\n            } else {\n                var interval = commandStatusPollingInterval;\n                if (!commandStatusResponse.data.length) {\n                    interval *=5;\n                }\n                setTimeout( pollCommandStatus.bind(null,terminal), interval );\n            }\n        },\n        () => {\n            commandExecuting = false;\n            onRpcError(terminal);\n        }\n    );\n}\n\nself.onResize = function () {\n    if (terminal) {\n        terminal.resize(self.ctx.width, self.ctx.height);\n    }\n}\n\nself.onDestroy = function() {\n}\n",
+        "controllerScript": "var requestTimeout = 500;\nvar commandStatusPollingInterval = 200;\n\nvar welcome = 'Welcome to ThingsBoard RPC remote shell.\\n';\n\nvar terminal, rpcEnabled, simulated, deviceName, cwd;\nvar commandExecuting = false;\n\nself.onInit = function() {\n    var subscription = self.ctx.defaultSubscription;\n    rpcEnabled = subscription.rpcEnabled;\n    if (subscription.targetDeviceName && subscription.targetDeviceName.length) {\n        deviceName = subscription.targetDeviceName;\n    } else {\n        deviceName = 'Simulated';\n        simulated = true;\n    }\n    if (self.ctx.settings.requestTimeout) {\n        requestTimeout = self.ctx.settings.requestTimeout;\n    }\n    \n    terminal = $('#device-terminal', self.ctx.$container).terminal(\n        function (command) {\n            if (command && command.trim().length) {\n                try {\n                    if (simulated) {\n                        this.echo(command);\n                    } else {\n                        sendCommand(this, command);\n                    }\n                } catch(e) {\n                    this.error(e + '');\n                }\n            } else {\n               this.echo('');\n            }\n        }, {\n            greetings: false,\n            enabled: rpcEnabled,\n            prompt: rpcEnabled ? currentPrompt : '',\n            name: 'shell',\n            pauseEvents: false,\n            keydown: function (e, term) {\n                if ((e.which == 67 || e.which == 68) && e.ctrlKey) { // CTRL+C || CTRL+D\n                    if (commandExecuting) {\n                        terminateCommand(term);\n                        return false;\n                    }\n                }\n            },\n            onInit: initTerm\n        }\n    );\n    \n};\n\nfunction initTerm(terminal) {\n    terminal.echo(welcome);\n    if (!rpcEnabled) {\n        terminal.error('Target device is not set!\\n');\n    } else {\n        terminal.echo('Current target device for RPC terminal: [[b;#fff;]' + deviceName + ']\\n');\n        if (!simulated) {\n            terminal.pause();\n            getTermInfo(terminal,\n            function (remoteTermInfo) {\n                if (remoteTermInfo) {\n                    terminal.echo('Remote platform info:');\n                    terminal.echo('OS: [[b;#fff;]' + remoteTermInfo.platform + ']');\n                    if (remoteTermInfo.release) {\n                        terminal.echo('OS release: [[b;#fff;]' + remoteTermInfo.release + ']');\n                    }\n                    terminal.echo('\\r');\n                } else {\n                    terminal.echo('[[;#f00;]Unable to get remote platform info.\\nDevice is not responding.]\\n');\n                }\n                terminal.resume();\n            });\n        }\n    }\n}\n\nfunction currentPrompt(callback) {\n    if (cwd) {\n        callback('[[b;#2196f3;]' + deviceName +']: [[b;#8bc34a;]' + cwd +']> ');\n    } else {\n        callback('[[b;#8bc34a;]' + deviceName +']> ');\n    }\n}\n\nfunction getTermInfo(terminal, callback) {\n    self.ctx.controlApi.sendTwoWayCommand('getTermInfo', null, requestTimeout).subscribe(\n        function (termInfo) {\n            cwd = termInfo.cwd;\n            if (callback) {\n                callback(termInfo);\n            } \n        },\n        function () {\n            if (callback) {\n                callback(null);\n            }\n        }\n    );\n}\n\nfunction sendCommand(terminal, command) {\n    terminal.pause();\n    var sendCommandRequest = {\n        command: command,\n        cwd: cwd\n    };\n    self.ctx.controlApi.sendTwoWayCommand('sendCommand', sendCommandRequest, requestTimeout).subscribe(\n        function (responseBody) {\n            if (responseBody && responseBody.ok) {\n                commandExecuting = true;\n                setTimeout( pollCommandStatus.bind(null,terminal), commandStatusPollingInterval );\n            } else {\n                var error = responseBody ? responseBody.error : 'Unhandled error.';\n                terminal.error(error);\n                terminal.resume();\n            }\n        },\n        function () {\n            onRpcError(terminal);\n        }\n    );\n}\n\nfunction terminateCommand(terminal) {\n    self.ctx.controlApi.sendTwoWayCommand('terminateCommand', null, requestTimeout).subscribe(\n        function (responseBody) {\n            if (!responseBody.ok) {\n                commandExecuting = false;\n                terminal.error(responseBody.error);\n                terminal.resume();\n            } \n        },\n        function () {\n            onRpcError(terminal);\n        }\n    );    \n}\n\nfunction onRpcError(terminal) {\n    var errorText = self.ctx.defaultSubscription.rpcErrorText;\n    terminal.error(errorText);\n    terminal.resume();\n}\n\nfunction pollCommandStatus(terminal) {\n    self.ctx.controlApi.sendTwoWayCommand('getCommandStatus', null, requestTimeout).subscribe(\n        function (commandStatusResponse) {\n            for (var i=0;i<commandStatusResponse.data.length;i++) {\n                var dataElement = commandStatusResponse.data[i];\n                if (dataElement.stdout) {\n                    terminal.echo(dataElement.stdout);\n                }\n                if (dataElement.stderr) {\n                    terminal.error(dataElement.stderr);\n                }\n            }\n            if (commandStatusResponse.done) {\n                commandExecuting = false;\n                cwd = commandStatusResponse.cwd;\n                terminal.resume();\n            } else {\n                var interval = commandStatusPollingInterval;\n                if (!commandStatusResponse.data.length) {\n                    interval *=5;\n                }\n                setTimeout( pollCommandStatus.bind(null,terminal), interval );\n            }\n        },\n        function () {\n            commandExecuting = false;\n            onRpcError(terminal);\n        }\n    );\n}\n\nself.onResize = function () {\n    if (terminal) {\n        terminal.resize(self.ctx.width, self.ctx.height);\n    }\n};\n\nself.onDestroy = function() {\n};\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"Settings\",\n        \"properties\": {\n            \"requestTimeout\": {\n                \"title\": \"RPC request timeout (ms)\",\n                \"type\": \"number\",\n                \"default\": 500\n            }\n        },\n        \"required\": [\"requestTimeout\"]\n    },\n    \"form\": [\n        \"requestTimeout\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"targetDeviceAliases\":[],\"showTitle\":true,\"backgroundColor\":\"#010101\",\"color\":\"rgba(255, 254, 254, 0.87)\",\"padding\":\"0px\",\"settings\":{\"parseGpioStatusFunction\":\"return body[pin] === true;\",\"gpioStatusChangeRequest\":{\"method\":\"setGpioStatus\",\"paramsBody\":\"{\\n   \\\"pin\\\": \\\"{$pin}\\\",\\n   \\\"enabled\\\": \\\"{$enabled}\\\"\\n}\"},\"requestTimeout\":500,\"switchPanelBackgroundColor\":\"#b71c1c\",\"gpioStatusRequest\":{\"method\":\"getGpioStatus\",\"paramsBody\":\"{}\"},\"gpioList\":[{\"pin\":1,\"label\":\"GPIO 1\",\"row\":0,\"col\":0,\"_uniqueKey\":0},{\"pin\":2,\"label\":\"GPIO 2\",\"row\":0,\"col\":1,\"_uniqueKey\":1},{\"pin\":3,\"label\":\"GPIO 3\",\"row\":1,\"col\":0,\"_uniqueKey\":2}]},\"title\":\"RPC remote shell\",\"dropShadow\":true,\"enableFullscreen\":true,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
@@ -45,9 +45,9 @@
         "sizeX": 5,
         "sizeY": 4.5,
         "resources": [],
-        "templateHtml": "<tb-knob ctx='ctx'></tb-knob>",
+        "templateHtml": "<tb-knob [ctx]='ctx'></tb-knob>",
         "templateCss": "",
-        "controllerScript": "self.onInit = function() {\n    var scope = self.ctx.$scope;\n    scope.ctx = self.ctx;\n}\n\nself.onResize = function() {\n    if (self.ctx.resize) {\n        self.ctx.resize();\n    }\n}\n\nself.onDestroy = function() {\n}\n",
+        "controllerScript": "self.onInit = function() {\n}\n\nself.onResize = function() {\n}\n\nself.onDestroy = function() {\n}\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"Settings\",\n        \"properties\": {\n            \"minValue\": {\n                \"title\": \"Minimum value\",\n                \"type\": \"number\",\n                \"default\": 0\n            },\n            \"maxValue\": {\n                \"title\": \"Maximum value\",\n                \"type\": \"number\",\n                \"default\": 100\n            },\n            \"initialValue\": {\n                \"title\": \"Initial value\",\n                \"type\": \"number\",\n                \"default\": 50\n            },\n            \"title\": {\n                \"title\": \"Knob title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"getValueMethod\": {\n                \"title\": \"Get value method\",\n                \"type\": \"string\",\n                \"default\": \"getValue\"\n            },\n            \"setValueMethod\": {\n                \"title\": \"Set value method\",\n                \"type\": \"string\",\n                \"default\": \"setValue\"\n            },\n            \"requestTimeout\": {\n                \"title\": \"RPC request timeout\",\n                \"type\": \"number\",\n                \"default\": 500\n            }\n        },\n        \"required\": [\"minValue\", \"maxValue\", \"getValueMethod\", \"setValueMethod\", \"requestTimeout\"]\n    },\n    \"form\": [\n        \"minValue\",\n        \"maxValue\",\n        \"initialValue\",\n        \"title\",\n        \"getValueMethod\",\n        \"setValueMethod\",\n        \"requestTimeout\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"targetDeviceAliases\":[],\"showTitle\":false,\"backgroundColor\":\"#e6e7e8\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"0px\",\"settings\":{\"requestTimeout\":500,\"maxValue\":100,\"initialValue\":50,\"minValue\":0,\"title\":\"Knob control\",\"getValueMethod\":\"getValue\",\"setValueMethod\":\"setValue\"},\"title\":\"Knob Control\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{},\"decimals\":2}"
@@ -61,9 +61,9 @@
         "sizeX": 4,
         "sizeY": 2.5,
         "resources": [],
-        "templateHtml": "<tb-switch ctx='ctx'></tb-switch>",
+        "templateHtml": "<tb-switch [ctx]='ctx'></tb-switch>",
         "templateCss": "",
-        "controllerScript": "self.onInit = function() {\n    var scope = self.ctx.$scope;\n    scope.ctx = self.ctx;\n}\n\nself.onResize = function() {\n    if (self.ctx.resize) {\n        self.ctx.resize();\n    }\n}\n\nself.onDestroy = function() {\n}\n",
+        "controllerScript": "self.onInit = function() {\n}\n\nself.onResize = function() {\n}\n\nself.onDestroy = function() {\n}\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"Settings\",\n        \"properties\": {\n            \"initialValue\": {\n                \"title\": \"Initial value\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"title\": {\n                \"title\": \"Switch title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"showOnOffLabels\": {\n                \"title\": \"Show on/off labels\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"retrieveValueMethod\": {\n                \"title\": \"Retrieve on/off value using method\",\n                \"type\": \"string\",\n                \"default\": \"rpc\"\n            },\n            \"valueKey\": {\n                \"title\": \"Attribute/Timeseries value key (only when subscribe for attribute/timeseries method)\",\n                \"type\": \"string\",\n                \"default\": \"value\"\n            },\n            \"getValueMethod\": {\n                \"title\": \"RPC get value method\",\n                \"type\": \"string\",\n                \"default\": \"getValue\"\n            },\n            \"setValueMethod\": {\n                \"title\": \"RPC set value method\",\n                \"type\": \"string\",\n                \"default\": \"setValue\"\n            },\n            \"parseValueFunction\": {\n                \"title\": \"Parse value function, f(data), returns boolean\",\n                \"type\": \"string\",\n                \"default\": \"return data ? true : false;\"\n            },\n            \"convertValueFunction\": {\n                \"title\": \"Convert value function, f(value), returns payload used by RPC set value method\",\n                \"type\": \"string\",\n                \"default\": \"return value;\"\n            },\n            \"requestTimeout\": {\n                \"title\": \"RPC request timeout\",\n                \"type\": \"number\",\n                \"default\": 500\n            }\n        },\n        \"required\": [\"requestTimeout\"]\n    },\n    \"form\": [\n        \"initialValue\",\n        \"title\",\n        \"showOnOffLabels\",\n        {\n            \"key\": \"retrieveValueMethod\",\n            \"type\": \"rc-select\",\n            \"multiple\": false,\n            \"items\": [\n                {\n                    \"value\": \"none\",\n                    \"label\": \"Don't retrieve\"\n                },\n                {\n                    \"value\": \"rpc\",\n                    \"label\": \"Call RPC get value method\"\n                },\n                {\n                    \"value\": \"attribute\",\n                    \"label\": \"Subscribe for attribute\"\n                },\n                {\n                    \"value\": \"timeseries\",\n                    \"label\": \"Subscribe for timeseries\"\n                }\n            ]\n        },\n        \"valueKey\",\n        \"getValueMethod\",\n        \"setValueMethod\",\n        {\n            \"key\": \"parseValueFunction\",\n            \"type\": \"javascript\"\n        },\n        {\n            \"key\": \"convertValueFunction\",\n            \"type\": \"javascript\"\n        },\n        \"requestTimeout\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"targetDeviceAliases\":[],\"showTitle\":false,\"backgroundColor\":\"#e6e7e8\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"0px\",\"settings\":{\"requestTimeout\":500,\"initialValue\":false,\"getValueMethod\":\"getValue\",\"setValueMethod\":\"setValue\",\"showOnOffLabels\":true,\"title\":\"Switch control\"},\"title\":\"Switch Control\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{},\"decimals\":2}"
@@ -77,9 +77,9 @@
         "sizeX": 2.5,
         "sizeY": 2,
         "resources": [],
-        "templateHtml": "<tb-round-switch ctx='ctx'></tb-round-switch>",
+        "templateHtml": "<tb-round-switch [ctx]='ctx'></tb-round-switch>",
         "templateCss": "",
-        "controllerScript": "self.onInit = function() {\n    var scope = self.ctx.$scope;\n    scope.ctx = self.ctx;\n}\n\nself.onResize = function() {\n    if (self.ctx.resize) {\n        self.ctx.resize();\n    }\n}\n\nself.onDestroy = function() {\n}\n",
+        "controllerScript": "self.onInit = function() {\n}\n\nself.onResize = function() {\n}\n\nself.onDestroy = function() {\n}\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"Settings\",\n        \"properties\": {\n            \"initialValue\": {\n                \"title\": \"Initial value\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"title\": {\n                \"title\": \"Switch title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"retrieveValueMethod\": {\n                \"title\": \"Retrieve on/off value using method\",\n                \"type\": \"string\",\n                \"default\": \"rpc\"\n            },\n            \"valueKey\": {\n                \"title\": \"Attribute/Timeseries value key (only when subscribe for attribute/timeseries method)\",\n                \"type\": \"string\",\n                \"default\": \"value\"\n            },\n            \"getValueMethod\": {\n                \"title\": \"RPC get value method\",\n                \"type\": \"string\",\n                \"default\": \"getValue\"\n            },\n            \"setValueMethod\": {\n                \"title\": \"RPC set value method\",\n                \"type\": \"string\",\n                \"default\": \"setValue\"\n            },\n            \"parseValueFunction\": {\n                \"title\": \"Parse value function, f(data), returns boolean\",\n                \"type\": \"string\",\n                \"default\": \"return data ? true : false;\"\n            },\n            \"convertValueFunction\": {\n                \"title\": \"Convert value function, f(value), returns payload used by RPC set value method\",\n                \"type\": \"string\",\n                \"default\": \"return value;\"\n            },\n            \"requestTimeout\": {\n                \"title\": \"RPC request timeout\",\n                \"type\": \"number\",\n                \"default\": 500\n            }\n        },\n        \"required\": [\"requestTimeout\"]\n    },\n    \"form\": [\n        \"initialValue\",\n        \"title\",\n        {\n            \"key\": \"retrieveValueMethod\",\n            \"type\": \"rc-select\",\n            \"multiple\": false,\n            \"items\": [\n                {\n                    \"value\": \"none\",\n                    \"label\": \"Don't retrieve\"\n                },\n                {\n                    \"value\": \"rpc\",\n                    \"label\": \"Call RPC get value method\"\n                },\n                {\n                    \"value\": \"attribute\",\n                    \"label\": \"Subscribe for attribute\"\n                },\n                {\n                    \"value\": \"timeseries\",\n                    \"label\": \"Subscribe for timeseries\"\n                }\n            ]\n        },\n        \"valueKey\",\n        \"getValueMethod\",\n        \"setValueMethod\",\n        {\n            \"key\": \"parseValueFunction\",\n            \"type\": \"javascript\"\n        },\n        {\n            \"key\": \"convertValueFunction\",\n            \"type\": \"javascript\"\n        },\n        \"requestTimeout\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"targetDeviceAliases\":[],\"showTitle\":false,\"backgroundColor\":\"#e6e7e8\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"0px\",\"settings\":{\"requestTimeout\":500,\"initialValue\":false,\"getValueMethod\":\"getValue\",\"setValueMethod\":\"setValue\",\"title\":\"Round switch\",\"retrieveValueMethod\":\"rpc\",\"valueKey\":\"value\",\"parseValueFunction\":\"return data ? true : false;\",\"convertValueFunction\":\"return value;\"},\"title\":\"Round switch\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{},\"decimals\":2}"
@@ -93,9 +93,9 @@
         "sizeX": 2.5,
         "sizeY": 2.5,
         "resources": [],
-        "templateHtml": "<tb-led-indicator ctx='ctx'></tb-led-indicator>",
+        "templateHtml": "<tb-led-indicator [ctx]='ctx'></tb-led-indicator>",
         "templateCss": "",
-        "controllerScript": "self.onInit = function() {\n    var scope = self.ctx.$scope;\n    scope.ctx = self.ctx;\n}\n\nself.onResize = function() {\n    if (self.ctx.resize) {\n        self.ctx.resize();\n    }\n}\n\nself.onDestroy = function() {\n}\n",
+        "controllerScript": "self.onInit = function() {\n}\n\nself.onResize = function() {\n}\n\nself.onDestroy = function() {\n}\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"Settings\",\n        \"properties\": {\n            \"initialValue\": {\n                \"title\": \"Initial value\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"title\": {\n                \"title\": \"LED title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"ledColor\": {\n                \"title\": \"LED Color\",\n                \"type\": \"string\",\n                \"default\": \"green\"\n            },\n            \"performCheckStatus\": {\n                \"title\": \"Perform RPC device status check\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"checkStatusMethod\": {\n                \"title\": \"RPC check device status method\",\n                \"type\": \"string\",\n                \"default\": \"checkStatus\"\n            },\n            \"retrieveValueMethod\": {\n                \"title\": \"Retrieve led status value using method\",\n                \"type\": \"string\",\n                \"default\": \"attribute\"\n            },\n            \"valueAttribute\": {\n                \"title\": \"Device attribute/timeseries containing led status value\",\n                \"type\": \"string\",\n                \"default\": \"value\"\n            },\n            \"parseValueFunction\": {\n                \"title\": \"Parse led status value function, f(data), returns boolean\",\n                \"type\": \"string\",\n                \"default\": \"return data ? true : false;\"\n            },\n            \"requestTimeout\": {\n                \"title\": \"RPC request timeout (ms)\",\n                \"type\": \"number\",\n                \"default\": 500\n            }\n        },\n        \"required\": [\"valueAttribute\", \"requestTimeout\"]\n    },\n    \"form\": [\n        \"initialValue\",\n        \"title\",\n        {\n          \"key\": \"ledColor\",\n          \"type\": \"color\"\n        },\n        \"performCheckStatus\",\n        \"checkStatusMethod\",\n        {\n            \"key\": \"retrieveValueMethod\",\n            \"type\": \"rc-select\",\n            \"multiple\": false,\n            \"items\": [\n                {\n                    \"value\": \"attribute\",\n                    \"label\": \"Subscribe for attribute\"\n                },\n                {\n                    \"value\": \"timeseries\",\n                    \"label\": \"Subscribe for timeseries\"\n                }\n            ]\n        },\n        \"valueAttribute\",\n        {\n            \"key\": \"parseValueFunction\",\n            \"type\": \"javascript\"\n        },\n        \"requestTimeout\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"targetDeviceAliases\":[],\"showTitle\":false,\"backgroundColor\":\"#e6e7e8\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"0px\",\"settings\":{\"requestTimeout\":500,\"initialValue\":true,\"title\":\"Led indicator\",\"ledColor\":\"#4caf50\",\"valueAttribute\":\"value\",\"retrieveValueMethod\":\"attribute\",\"parseValueFunction\":\"return data ? true : false;\",\"performCheckStatus\":true,\"checkStatusMethod\":\"checkStatus\"},\"title\":\"Led indicator\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{},\"decimals\":2}"
@@ -109,9 +109,9 @@
         "sizeX": 4,
         "sizeY": 2,
         "resources": [],
-        "templateHtml": "<div class=\"tb-rpc-button\" layout=\"column\">\n    <div flex=\"20\" class=\"title-container\" layout=\"row\"\n        layout-align=\"center center\" ng-show=\"showTitle\">\n        <span class=\"button-title\">{{title}}</span>\n    </div>\n    <div flex=\"{{showTitle ? 80 : 100}}\" ng-style=\"{paddingTop: showTitle ? '5px': '10px'}\"\n        class=\"button-container\" layout=\"column\" layout-align=\"center center\">\n        <div>\n            <md-button ng-click=\"sendCommand()\" ng-class=\"{'md-raised': styleButton.isRaised, 'md-primary': styleButton.isPrimary}\" ng-style=\"customStyle\">\n                {{buttonLabel}}\n            </md-button>\n        </div>\n    </div>\n    <div class=\"error-container\" ng-style=\"{'background': vm.error.length ? 'rgba(255,255,255,0.25)' : 'none'}\"\n         layout=\"row\" layout-align=\"center center\">\n        <span class=\"button-error\">{{ error }}</span>\n    </div>\n</div>",
-        "templateCss": ".tb-rpc-button {\n    width: 100%;\n    height: 100%;\n}\n\n.tb-rpc-button .title-container {\n    font-weight: 500;\n    white-space: nowrap;\n    margin: 10px 0;\n}\n\n.tb-rpc-button .button-container div{\n    min-width: 80%\n}\n\n.tb-rpc-button .button-container .md-button{\n    width: 100%;\n    margin: 0;\n}\n\n.tb-rpc-button .error-container {\n    position: absolute;\n    top: 2%;\n    right: 0;\n    left: 0;\n    z-index: 4;\n    height: 14px;\n}\n\n.tb-rpc-button .error-container .button-error {\n    color: #ff3315;\n    white-space: nowrap;\n}",
-        "controllerScript": "self.onInit = function() {\n    let rpcEnabled = self.ctx.defaultSubscription.rpcEnabled;\n\n    self.ctx.$scope.buttonLabel = self.ctx.settings.buttonText;\n    self.ctx.$scope.showTitle = self.ctx.settings.title &&\n        self.ctx.settings.title.length ? true : false;\n    self.ctx.$scope.title = self.ctx.settings.title;\n    self.ctx.$scope.styleButton = self.ctx.settings.styleButton;\n\n    if (self.ctx.settings.styleButton.isPrimary ===\n        false) {\n        self.ctx.$scope.customStyle = {\n            'background-color': self.ctx.$scope.styleButton.bgColor,\n            'color': self.ctx.$scope.styleButton.textColor\n        };\n    }\n\n    if (!rpcEnabled) {\n        self.ctx.$scope.error =\n            'Target device is not set!';\n    }\n\n    self.ctx.$scope.sendCommand = function() {\n        var rpcMethod = self.ctx.settings.methodName;\n        var rpcParams = self.ctx.settings.methodParams;\n        var timeout = self.ctx.settings.requestTimeout;\n        var oneWayElseTwoWay = self.ctx.settings.oneWayElseTwoWay ?\n            true : false;\n\n        var commandPromise;\n        if (oneWayElseTwoWay) {\n            commandPromise = self.ctx.controlApi.sendOneWayCommand(\n                rpcMethod, rpcParams, timeout);\n        } else {\n            commandPromise = self.ctx.controlApi.sendTwoWayCommand(\n                rpcMethod, rpcParams, timeout);\n        }\n        commandPromise.then(\n            function success() {\n                self.ctx.$scope.error = \"\";\n            },\n            function fail(rejection) {\n                if (self.ctx.settings.showError) {\n                    self.ctx.$scope.error =\n                        rejection.status + \": \" +\n                        rejection.statusText;\n                }\n            }\n        );\n    };\n\n};",
+        "templateHtml": "<div class=\"tb-rpc-button\" fxLayout=\"column\">\n    <div fxFlex=\"20\" class=\"title-container\" fxLayout=\"row\"\n        fxLayoutAlign=\"center center\" [fxShow]=\"showTitle\">\n        <span class=\"button-title\">{{title}}</span>\n    </div>\n    <div fxFlex=\"{{showTitle ? 80 : 100}}\" [ngStyle]=\"{paddingTop: showTitle ? '5px': '10px'}\"\n        class=\"button-container\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n        <div>\n            <button mat-button (click)=\"sendCommand()\"\n                    [class.mat-raised-button]=\"styleButton?.isRaised\"\n                    [color]=\"styleButton?.isPrimary ? 'primary' : ''\"\n                    [ngStyle]=\"customStyle\">\n                {{buttonLable}}\n            </button>\n        </div>\n    </div>\n    <div class=\"error-container\" [ngStyle]=\"{'background': error?.length ? 'rgba(255,255,255,0.25)' : 'none'}\"\n         fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <span class=\"button-error\">{{ error }}</span>\n    </div>\n</div>",
+        "templateCss": ".tb-rpc-button {\n    width: 100%;\n    height: 100%;\n}\n\n.tb-rpc-button .title-container {\n    font-weight: 500;\n    white-space: nowrap;\n    margin: 10px 0;\n}\n\n.tb-rpc-button .button-container div{\n    min-width: 80%\n}\n\n.tb-rpc-button .button-container .mat-button{\n    width: 100%;\n    margin: 0;\n}\n\n.tb-rpc-button .error-container {\n    position: absolute;\n    top: 2%;\n    right: 0;\n    left: 0;\n    z-index: 4;\n    height: 14px;\n}\n\n.tb-rpc-button .error-container .button-error {\n    color: #ff3315;\n    white-space: nowrap;\n}",
+        "controllerScript": "self.onInit = function() {\n    self.ctx.ngZone.run(function() {\n       init(); \n       self.ctx.detectChanges();\n    });\n};\n\nfunction init() {\n    let rpcEnabled = self.ctx.defaultSubscription.rpcEnabled;\n\n    self.ctx.$scope.buttonLable = self.ctx.settings.buttonText;\n    self.ctx.$scope.showTitle = self.ctx.settings.title &&\n        self.ctx.settings.title.length ? true : false;\n    self.ctx.$scope.title = self.ctx.settings.title;\n    self.ctx.$scope.styleButton = self.ctx.settings.styleButton;\n\n    if (self.ctx.settings.styleButton.isPrimary ===\n        false) {\n        self.ctx.$scope.customStyle = {\n            'background-color': self.ctx.$scope.styleButton.bgColor,\n            'color': self.ctx.$scope.styleButton.textColor\n        };\n    }\n\n    if (!rpcEnabled) {\n        self.ctx.$scope.error =\n            'Target device is not set!';\n    }\n\n    self.ctx.$scope.sendCommand = function() {\n        var rpcMethod = self.ctx.settings.methodName;\n        var rpcParams = self.ctx.settings.methodParams;\n        var timeout = self.ctx.settings.requestTimeout;\n        var oneWayElseTwoWay = self.ctx.settings.oneWayElseTwoWay ?\n            true : false;\n\n        var commandPromise;\n        if (oneWayElseTwoWay) {\n            commandPromise = self.ctx.controlApi.sendOneWayCommand(\n                rpcMethod, rpcParams, timeout);\n        } else {\n            commandPromise = self.ctx.controlApi.sendTwoWayCommand(\n                rpcMethod, rpcParams, timeout);\n        }\n        commandPromise.subscribe(\n            function success() {\n                self.ctx.$scope.error = \"\";\n                self.ctx.detectChanges();\n            },\n            function fail(rejection) {\n                if (self.ctx.settings.showError) {\n                    self.ctx.$scope.error =\n                        rejection.status + \": \" +\n                        rejection.statusText;\n                    self.ctx.detectChanges();\n                }\n            }\n        );\n    };\n}\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"Settings\",\n        \"properties\": {\n            \"title\": {\n                \"title\": \"Widget title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"buttonText\": {\n                \"title\": \"Button label\",\n                \"type\": \"string\",\n                \"default\": \"Send RPC\"\n            },\n            \"oneWayElseTwoWay\": {\n                \"title\": \"Is One Way Command\",\n                \"type\": \"boolean\",\n                \"default\": true\n            },\n            \"showError\": {\n                \"title\": \"Show RPC command execution error\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"methodName\": {\n                \"title\": \"RPC method\",\n                \"type\": \"string\",\n                \"default\": \"rpcCommand\"\n            },\n            \"methodParams\": {\n                \"title\": \"RPC method params\",\n                \"type\": \"string\",\n                \"default\": \"{}\"\n            },\n            \"requestTimeout\": {\n                \"title\": \"RPC request timeout\",\n                \"type\": \"number\",\n                \"default\": 5000\n            },\n            \"styleButton\": {\n                \"type\": \"object\",\n                \"title\": \"Button Style\",\n                \"properties\": {\n                    \"isRaised\": {\n                        \"type\": \"boolean\",\n                        \"title\": \"Raised\",\n                        \"default\": true\n                    },\n                    \"isPrimary\": {\n                        \"type\": \"boolean\",\n                        \"title\": \"Primary color\",\n                        \"default\": false\n                    },\n                    \"bgColor\": {\n                        \"type\": \"string\",\n                        \"title\": \"Button background color\",\n                        \"default\": null\n                    },\n                    \"textColor\": {\n                        \"type\": \"string\",\n                        \"title\": \"Button text color\",\n                        \"default\": null\n                    }\n                }\n            },\n            \"required\": []\n        }\n    },\n    \"form\": [\n        \"title\",\n        \"buttonText\",\n        \"oneWayElseTwoWay\",\n        \"showError\",\n        \"methodName\",\n        {\n            \"key\": \"methodParams\",\n            \"type\": \"json\"\n        },\n        \"requestTimeout\",\n        {\n            \"key\": \"styleButton\",\n            \"items\": [\n                \"styleButton.isRaised\",\n                \"styleButton.isPrimary\",\n                {\n                    \"key\": \"styleButton.bgColor\",\n                    \"type\": \"color\"\n                },\n                {\n                    \"key\": \"styleButton.textColor\",\n                    \"type\": \"color\"\n                }\n            ]\n        }\n    ]\n\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"targetDeviceAliases\":[],\"showTitle\":false,\"backgroundColor\":\"#e6e7e8\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"0px\",\"settings\":{\"requestTimeout\":5000,\"oneWayElseTwoWay\":true,\"buttonText\":\"Send RPC\",\"styleButton\":{\"isRaised\":true,\"isPrimary\":false},\"methodName\":\"rpcCommand\",\"methodParams\":\"{}\"},\"title\":\"RPC Button\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
@@ -125,13 +125,13 @@
         "sizeX": 4,
         "sizeY": 2,
         "resources": [],
-        "templateHtml": "<div class=\"tb-rpc-button\" layout=\"column\">\n    <div flex=\"20\" class=\"title-container\" layout=\"row\"\n        layout-align=\"center center\" ng-show=\"showTitle\">\n        <span class=\"button-title\">{{title}}</span>\n    </div>\n    <div flex=\"{{showTitle ? 80 : 100}}\" ng-style=\"{paddingTop: showTitle ? '5px': '10px'}\"\n        class=\"button-container\" layout=\"column\" layout-align=\"center center\">\n        <div>\n            <md-button ng-click=\"sendUpdate()\" ng-class=\"{'md-raised': styleButton.isRaised, 'md-primary': styleButton.isPrimary}\" ng-style=\"customStyle\">\n                {{buttonLabel}}\n            </md-button>\n        </div>\n    </div>\n    <div class=\"error-container\" ng-style=\"{'background': vm.error.length ? 'rgba(255,255,255,0.25)' : 'none'}\"\n         layout=\"row\" layout-align=\"center center\">\n        <span class=\"button-error\">{{ error }}</span>\n    </div>\n</div>",
-        "templateCss": ".tb-rpc-button {\n    width: 100%;\n    height: 100%;\n}\n\n.tb-rpc-button .title-container {\n    font-weight: 500;\n    white-space: nowrap;\n    margin: 10px 0;\n}\n\n.tb-rpc-button .button-container div{\n    min-width: 80%\n}\n\n.tb-rpc-button .button-container .md-button{\n    width: 100%;\n    margin: 0;\n}\n\n.tb-rpc-button .error-container {\n    position: absolute;\n    top: 2%;\n    right: 0;\n    left: 0;\n    z-index: 4;\n    height: 14px;\n}\n\n.tb-rpc-button .error-container .button-error {\n    color: #ff3315;\n    white-space: nowrap;\n}",
-        "controllerScript": "self.onInit = function() {\n    self.ctx.$scope.buttonLabel = self.ctx.settings.buttonText;\n    self.ctx.$scope.showTitle = self.ctx.settings.title &&\n        self.ctx.settings.title.length ? true : false;\n    self.ctx.$scope.title = self.ctx.settings.title;\n    self.ctx.$scope.styleButton = self.ctx.settings.styleButton;\n    let entityAttributeType = self.ctx.settings.entityAttributeType;\n    let entityParameters = JSON.parse(self.ctx.settings.entityParameters);\n\n    if (self.ctx.settings.styleButton.isPrimary ===\n        false) {\n        self.ctx.$scope.customStyle = {\n            'background-color': self.ctx.$scope.styleButton\n                .bgColor,\n            'color': self.ctx.$scope.styleButton.textColor\n        };\n    }\n\n    console.log(self.ctx);\n\n    let attributeService = self.ctx.$scope.$injector.get('attributeService');\n\n    self.ctx.$scope.sendUpdate = function() {\n        let attributes = [];\n        for (let key in entityParameters) {\n            attributes.push({\n                \"key\": key,\n                \"value\": entityParameters[key]\n            });\n        }\n        \n        \n        attributeService.saveEntityAttributes(\"DEVICE\", self.ctx.defaultSubscription.targetDeviceId,\n            entityAttributeType, attributes).then(\n            function success() {\n                self.ctx.$scope.error = \"\";\n            },\n            function fail(rejection) {\n                if (self.ctx.settings.showError) {\n                    self.ctx.$scope.error =\n                        rejection.status + \": \" +\n                        rejection.statusText;\n                }\n                console.log(rejection);\n            }\n\n        );\n    };\n\n};",
+        "templateHtml": "<div class=\"tb-rpc-button\" fxLayout=\"column\">\n    <div fxFlex=\"20\" class=\"title-container\" fxLayout=\"row\"\n        fxLayoutAlign=\"center center\" [fxShow]=\"showTitle\">\n        <span class=\"button-title\">{{title}}</span>\n    </div>\n    <div fxFlex=\"{{showTitle ? 80 : 100}}\" [ngStyle]=\"{paddingTop: showTitle ? '5px': '10px'}\"\n        class=\"button-container\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n        <div>\n            <button mat-button (click)=\"sendUpdate()\"\n                    [class.mat-raised-button]=\"styleButton?.isRaised\"\n                    [color]=\"styleButton?.isPrimary ? 'primary' : ''\"\n                    [ngStyle]=\"customStyle\">\n                {{buttonLable}}\n            </button>\n        </div>\n    </div>\n    <div class=\"error-container\" [ngStyle]=\"{'background': error?.length ? 'rgba(255,255,255,0.25)' : 'none'}\"\n         fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <span class=\"button-error\">{{ error }}</span>\n    </div>\n</div>",
+        "templateCss": ".tb-rpc-button {\n    width: 100%;\n    height: 100%;\n}\n\n.tb-rpc-button .title-container {\n    font-weight: 500;\n    white-space: nowrap;\n    margin: 10px 0;\n}\n\n.tb-rpc-button .button-container div{\n    min-width: 80%\n}\n\n.tb-rpc-button .button-container .mat-button{\n    width: 100%;\n    margin: 0;\n}\n\n.tb-rpc-button .error-container {\n    position: absolute;\n    top: 2%;\n    right: 0;\n    left: 0;\n    z-index: 4;\n    height: 14px;\n}\n\n.tb-rpc-button .error-container .button-error {\n    color: #ff3315;\n    white-space: nowrap;\n}",
+        "controllerScript": "self.onInit = function() {\n    self.ctx.ngZone.run(function() {\n       init(); \n       self.ctx.detectChanges();\n    });\n};\n\nfunction init() {\n    self.ctx.$scope.buttonLable = self.ctx.settings.buttonText;\n    self.ctx.$scope.showTitle = self.ctx.settings.title &&\n        self.ctx.settings.title.length ? true : false;\n    self.ctx.$scope.title = self.ctx.settings.title;\n    self.ctx.$scope.styleButton = self.ctx.settings.styleButton;\n    let entityAttributeType = self.ctx.settings.entityAttributeType;\n    let entityParameters = JSON.parse(self.ctx.settings.entityParameters);\n\n    if (self.ctx.settings.styleButton.isPrimary ===\n        false) {\n        self.ctx.$scope.customStyle = {\n            'background-color': self.ctx.$scope.styleButton\n                .bgColor,\n            'color': self.ctx.$scope.styleButton.textColor\n        };\n    }\n\n    let attributeService = self.ctx.$scope.$injector.get(self.ctx.servicesMap.get('attributeService'));\n\n    self.ctx.$scope.sendUpdate = function() {\n        let attributes = [];\n        for (let key in entityParameters) {\n            attributes.push({\n                \"key\": key,\n                \"value\": entityParameters[key]\n            });\n        }\n        \n        let entityId = {\n            entityType: \"DEVICE\",\n            id: self.ctx.defaultSubscription.targetDeviceId\n        };\n        attributeService.saveEntityAttributes(entityId,\n            entityAttributeType, attributes).subscribe(\n            function success() {\n                self.ctx.$scope.error = \"\";\n                self.ctx.detectChanges();\n            },\n            function fail(rejection) {\n                if (self.ctx.settings.showError) {\n                    self.ctx.$scope.error =\n                        rejection.status + \": \" +\n                        rejection.statusText;\n                        self.ctx.detectChanges();\n                }\n            }\n\n        );\n    };\n}\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"Settings\",\n        \"properties\": {\n            \"title\": {\n                \"title\": \"Widget title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"buttonText\": {\n                \"title\": \"Button label\",\n                \"type\": \"string\",\n                \"default\": \"Update device attribute\"\n            },\n            \"entityAttributeType\": {\n                \"title\": \"Device attribute scope\",\n                \"type\": \"string\",\n                \"default\": \"SERVER_SCOPE\"\n            },\n            \"entityParameters\": {\n                \"title\": \"Device attribute parameters\",\n                \"type\": \"string\",\n                \"default\": \"{}\"\n            },\n            \"styleButton\": {\n                \"type\": \"object\",\n                \"title\": \"Button Style\",\n                \"properties\": {\n                    \"isRaised\": {\n                        \"type\": \"boolean\",\n                        \"title\": \"Raised\",\n                        \"default\": true\n                    },\n                    \"isPrimary\": {\n                        \"type\": \"boolean\",\n                        \"title\": \"Primary color\",\n                        \"default\": false\n                    },\n                    \"bgColor\": {\n                        \"type\": \"string\",\n                        \"title\": \"Button background color\",\n                        \"default\": null\n                    },\n                    \"textColor\": {\n                        \"type\": \"string\",\n                        \"title\": \"Button text color\",\n                        \"default\": null\n                    }\n                }\n            },\n            \"required\": []\n        }\n    },\n    \"form\": [\n        \"title\",\n        \"buttonText\",\n        {\n            \"key\": \"entityAttributeType\",\n            \"type\": \"rc-select\",\n            \"multiple\": false,\n            \"items\": [{\n                \"value\": \"SERVER_SCOPE\",\n                \"label\": \"Server attribute\"\n            }, {\n                \"value\": \"SHARED_SCOPE\",\n                \"label\": \"Shared attribute\"\n            }]\n        }, {\n            \"key\": \"entityParameters\",\n            \"type\": \"json\"\n        },\n        {\n            \"key\": \"styleButton\",\n            \"items\": [\n                \"styleButton.isRaised\",\n                \"styleButton.isPrimary\",\n                {\n                    \"key\": \"styleButton.bgColor\",\n                    \"type\": \"color\"\n                },\n                {\n                    \"key\": \"styleButton.textColor\",\n                    \"type\": \"color\"\n                }\n            ]\n        }\n    ]\n\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"showTitle\":false,\"backgroundColor\":\"#e6e7e8\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"0px\",\"settings\":{\"styleButton\":{\"isRaised\":true,\"isPrimary\":false},\"entityParameters\":\"{}\",\"entityAttributeType\":\"SERVER_SCOPE\",\"buttonText\":\"Update device attribute\"},\"title\":\"Update device attribute\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{},\"targetDeviceAliases\":[]}"
       }
     }
   ]
-}
\ No newline at end of file
+}
diff --git a/application/src/main/data/json/system/widget_bundles/date.json b/application/src/main/data/json/system/widget_bundles/date.json
index cdde7bcad3..da05b4e53c 100644
--- a/application/src/main/data/json/system/widget_bundles/date.json
+++ b/application/src/main/data/json/system/widget_bundles/date.json
@@ -13,9 +13,9 @@
         "sizeX": 5,
         "sizeY": 5.5,
         "resources": [],
-        "templateHtml": "<date-range-navigator-widget class=\"date-range-navigator-widget\" ctx=\"ctx\"></date-range-navigator-widget>",
+        "templateHtml": "<tb-date-range-navigator-widget [ctx]=\"ctx\"></tb-date-range-navigator-widget>",
         "templateCss": "",
-        "controllerScript": "self.onInit = function() {\n    scope = self.ctx.$scope;\n    scope.ctx = self.ctx;\n}",
+        "controllerScript": "self.onInit = function() {\n}\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"Settings\",\n        \"properties\": {\n            \"hidePicker\": {\n                \"title\": \"Hide date range picker\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"onePanel\": {\n                \"title\": \"Date range picker one panel\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"autoConfirm\": {\n                \"title\": \"Date range picker auto confirm\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"showTemplate\": {\n                \"title\": \"Date range picker show template\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"firstDayOfWeek\": {\n                \"title\": \"First day of the week\",\n                \"type\": \"number\",\n                \"default\": 1\n            },\n            \"hideInterval\": {\n                \"title\": \"Hide interval\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"initialInterval\": {\n\t\t\t\t\"title\": \"Initial interval\",\n\t\t\t\t\"type\": \"string\",\n\t\t\t\t\"default\": \"week\"\n\t\t\t},\n            \"hideStepSize\": {\n                \"title\": \"Hide step size\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"stepSize\": {\n\t\t\t\t\"title\": \"Initial step size\",\n\t\t\t\t\"type\": \"string\",\n\t\t\t\t\"default\": \"day\"\n\t\t\t},\n            \"hideLabels\": {\n                \"title\": \"Hide labels\",\n                \"type\": \"boolean\",\n                \"default\": false\n            },\n            \"useSessionStorage\": {\n                \"title\": \"Use session storage\",\n                \"type\": \"boolean\",\n                \"default\": true\n            }\n        }\n    },\n    \"form\": [\n        \"hidePicker\",\n\t\t\"onePanel\",\n\t\t\"autoConfirm\",\n\t\t\"showTemplate\",\n\t\t\"firstDayOfWeek\",\n        \"hideInterval\",\n        {\n\t\t\t\"key\": \"initialInterval\",\n\t\t\t\"type\": \"rc-select\",\n\t\t\t\"multiple\": false,\n\t\t\t\"items\": [\n\t\t\t\t{\n\t\t\t\t\t\"value\": \"hour\",\n\t\t\t\t\t\"label\": \"Hour\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"value\": \"day\",\n\t\t\t\t\t\"label\": \"Day\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"value\": \"week\",\n\t\t\t\t\t\"label\": \"Week\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"value\": \"twoWeeks\",\n\t\t\t\t\t\"label\": \"2 weeks\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"value\": \"month\",\n\t\t\t\t\t\"label\": \"Month\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"value\": \"threeMonths\",\n\t\t\t\t\t\"label\": \"3 months\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"value\": \"sixMonths\",\n\t\t\t\t\t\"label\": \"6 months\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n        \"hideStepSize\",\n        {\n\t\t\t\"key\": \"stepSize\",\n\t\t\t\"type\": \"rc-select\",\n\t\t\t\"multiple\": false,\n\t\t\t\"items\": [\n\t\t\t\t{\n\t\t\t\t\t\"value\": \"hour\",\n\t\t\t\t\t\"label\": \"Hour\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"value\": \"day\",\n\t\t\t\t\t\"label\": \"Day\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"value\": \"week\",\n\t\t\t\t\t\"label\": \"Week\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"value\": \"twoWeeks\",\n\t\t\t\t\t\"label\": \"2 weeks\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"value\": \"month\",\n\t\t\t\t\t\"label\": \"Month\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"value\": \"threeMonths\",\n\t\t\t\t\t\"label\": \"3 months\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"value\": \"sixMonths\",\n\t\t\t\t\t\"label\": \"6 months\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t\"hideLabels\",\n\t\t\"useSessionStorage\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"datasources\":[{\"type\":\"static\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"rgb(255, 255, 255)\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{\"defaultInterval\":\"week\",\"stepSize\":\"day\"},\"title\":\"Date-range-navigator\",\"dropShadow\":true,\"enableFullscreen\":true,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
diff --git a/application/src/main/data/json/system/widget_bundles/gpio_widgets.json b/application/src/main/data/json/system/widget_bundles/gpio_widgets.json
index fd8d0538b6..5d55f4d485 100644
--- a/application/src/main/data/json/system/widget_bundles/gpio_widgets.json
+++ b/application/src/main/data/json/system/widget_bundles/gpio_widgets.json
@@ -13,9 +13,9 @@
         "sizeX": 4,
         "sizeY": 2,
         "resources": [],
-        "templateHtml": "<fieldset class=\"gpio-panel\" ng-disabled=\"!rpcEnabled || executingRpcRequest\" style=\"height: 100%;\">\n    <section class=\"gpio-row\" layout=\"row\" ng-repeat=\"row in rows track by $index\" \n            ng-style=\"{'height': prefferedRowHeight+'px'}\">\n        <section flex layout=\"row\" ng-repeat=\"cell in row track by $index\">\n            <section layout=\"row\" flex ng-if=\"cell\" layout-align=\"{{$index===0 ? 'end center' : 'start center'}}\">\n                <span class=\"gpio-left-label\" ng-show=\"$index===0\">{{ cell.label }}</span>\n                <section layout=\"row\" class=\"switch-panel\" layout-align=\"start center\" ng-class=\"$index===0 ? 'col-0' : 'col-1'\"\n                      ng-style=\"{'height': prefferedRowHeight+'px', 'backgroundColor': '{{ switchPanelBackgroundColor }}'}\">\n                    <span class=\"pin\" ng-show=\"$index===0\">{{cell.pin}}</span>\n                    <span flex ng-show=\"$index===1\"></span>\n                    <md-switch\n                        aria-label=\"{{ cell.label }}\"\n                        ng-disabled=\"!rpcEnabled || executingRpcRequest\"\n                        ng-model=\"cell.enabled\" \n                        ng-change=\"cell.enabled = !cell.enabled\" \n                        ng-click=\"gpioClick($event, cell)\">\n                    </md-switch>\n                    <span flex ng-show=\"$index===0\"></span>\n                    <span class=\"pin\" ng-show=\"$index===1\">{{cell.pin}}</span>\n                </section>\n                <span class=\"gpio-right-label\" ng-show=\"$index===1\">{{ cell.label }}</span>\n            </section>\n            <section layout=\"row\" flex ng-if=\"!cell\">\n                <span flex ng-show=\"$index===0\"></span>\n                <span class=\"switch-panel\"\n                      ng-style=\"{'height': prefferedRowHeight+'px', 'backgroundColor': '{{ switchPanelBackgroundColor }}'}\"></span>\n                <span flex ng-show=\"$index===1\"></span>\n            </section>\n        </section>\n    </section>                            \n    <span class=\"error\" style=\"position: absolute; bottom: 5px;\" ng-show=\"rpcErrorText\">{{rpcErrorText}}</span>\n    <md-progress-linear ng-show=\"executingRpcRequest\" style=\"position: absolute; bottom: 0;\" md-mode=\"indeterminate\"></md-progress-linear>    \n</fieldset>",
-        "templateCss": ".error {\n    font-size: 14px !important;\n    color: maroon;/*rgb(250,250,250);*/\n    background-color: transparent;\n    padding: 6px;\n}\n\n.error span {\n    margin: auto;\n}\n\n.gpio-panel {\n    padding-top: 10px;\n    white-space: nowrap;\n}\n\n.switch-panel {\n    margin: 0;\n    height: 32px;\n    width: 66px;\n    min-width: 66px;\n}\n\n.switch-panel md-switch {\n    margin: 0;\n    width: 36px;\n    min-width: 36px;\n}\n\n.switch-panel md-switch > div.md-container {\n    margin: 0;\n}\n\n.switch-panel.col-0 md-switch {\n    padding-left: 8px;\n    padding-right: 4px;\n}\n\n.switch-panel.col-1 md-switch {\n    padding-left: 4px;\n    padding-right: 8px;\n}\n\n.gpio-row {\n    height: 32px;\n}\n\n.pin {\n    margin-top: auto;\n    margin-bottom: auto;\n    color: white;\n    font-size: 12px;\n    width: 16px;\n    min-width: 16px;\n}\n\n.switch-panel.col-0 .pin {\n    margin-left: auto;\n    padding-left: 2px;\n    text-align: right;\n}\n\n.switch-panel.col-1 .pin {\n    margin-right: auto;\n    \n    text-align: left;\n}\n\n.gpio-left-label {\n    margin-right: 8px;\n}\n\n.gpio-right-label {\n    margin-left: 8px;\n}",
-        "controllerScript": "self.onInit = function() {\n    \n    var i, gpio;\n    var scope = self.ctx.$scope;\n    var settings = self.ctx.settings;\n    scope.gpioList = [];\n    for (var g = 0; g < settings.gpioList.length; g++) {\n        gpio = settings.gpioList[g];\n        scope.gpioList.push(\n            {\n                row: gpio.row,\n                col: gpio.col,\n                pin: gpio.pin,\n                label: gpio.label,\n                enabled: false\n            }\n        );\n    }\n\n    scope.requestTimeout = settings.requestTimeout || 1000;\n\n    scope.switchPanelBackgroundColor = settings.switchPanelBackgroundColor || tinycolor('green').lighten(2).toRgbString();\n\n    scope.gpioStatusRequest = {\n        method: \"getGpioStatus\",\n        paramsBody: \"{}\"\n    };\n    \n    if (settings.gpioStatusRequest) {\n        scope.gpioStatusRequest.method = settings.gpioStatusRequest.method || scope.gpioStatusRequest.method;\n        scope.gpioStatusRequest.paramsBody = settings.gpioStatusRequest.paramsBody || scope.gpioStatusRequest.paramsBody;\n    }\n    \n    scope.gpioStatusChangeRequest = {\n        method: \"setGpioStatus\",\n        paramsBody: \"{\\n   \\\"pin\\\": \\\"{$pin}\\\",\\n   \\\"enabled\\\": \\\"{$enabled}\\\"\\n}\"\n    };\n    \n    if (settings.gpioStatusChangeRequest) {\n        scope.gpioStatusChangeRequest.method = settings.gpioStatusChangeRequest.method || scope.gpioStatusChangeRequest.method;\n        scope.gpioStatusChangeRequest.paramsBody = settings.gpioStatusChangeRequest.paramsBody || scope.gpioStatusChangeRequest.paramsBody;\n    }\n    \n    scope.parseGpioStatusFunction = \"return body[pin] === true;\";\n    \n    if (settings.parseGpioStatusFunction && settings.parseGpioStatusFunction.length > 0) {\n        scope.parseGpioStatusFunction = settings.parseGpioStatusFunction;\n    }\n    \n    scope.parseGpioStatusFunction = new Function(\"body, pin\", scope.parseGpioStatusFunction);\n    \n    function requestGpioStatus() {\n        self.ctx.controlApi.sendTwoWayCommand(scope.gpioStatusRequest.method, \n                            scope.gpioStatusRequest.paramsBody, \n                            scope.requestTimeout)\n            .then(\n                function success(responseBody) {\n                    for (var g = 0; g < scope.gpioList.length; g++) {\n                        var gpio = scope.gpioList[g];\n                        var enabled = scope.parseGpioStatusFunction.apply(this, [responseBody, gpio.pin]);\n                        gpio.enabled = enabled;                        \n                    }\n                }\n            );\n    }\n    \n    function changeGpioStatus(gpio) {\n        var pin = gpio.pin + '';\n        var enabled = !gpio.enabled;\n        enabled = enabled === true ? 'true' : 'false';\n        var paramsBody = scope.gpioStatusChangeRequest.paramsBody;\n        var requestBody = JSON.parse(paramsBody.replace(\"\\\"{$pin}\\\"\", pin).replace(\"\\\"{$enabled}\\\"\", enabled));\n        self.ctx.controlApi.sendTwoWayCommand(scope.gpioStatusChangeRequest.method, \n                                    requestBody, scope.requestTimeout)\n                    .then(\n                        function success(responseBody) {\n                            var enabled = scope.parseGpioStatusFunction.apply(this, [responseBody, gpio.pin]);\n                            gpio.enabled = enabled;\n                        }\n                    );\n    }\n    \n    scope.gpioCells = {};\n    var rowCount = 0;\n    for (i = 0; i < scope.gpioList.length; i++) {\n        gpio = scope.gpioList[i];\n        scope.gpioCells[gpio.row+'_'+gpio.col] = gpio;\n        rowCount = Math.max(rowCount, gpio.row+1);\n    }\n    \n    scope.prefferedRowHeight = 32;\n    scope.rows = [];\n    for (i = 0; i < rowCount; i++) {\n        var row = [];\n        for (var c =0; c<2;c++) {\n            if (scope.gpioCells[i+'_'+c]) {\n                row[c] = scope.gpioCells[i+'_'+c];\n            } else {\n                row[c] = null;\n            }\n        }\n        scope.rows.push(row);\n    }\n\n    scope.gpioClick = function($event, gpio) {\n        changeGpioStatus(gpio);\n    };\n\n    requestGpioStatus();    \n    \n    self.onResize();\n}\n\nself.onResize = function() {\n    var scope = self.ctx.$scope;\n    var rowCount = scope.rows.length;\n    var prefferedRowHeight = (self.ctx.height - 35)/rowCount;\n    prefferedRowHeight = Math.min(32, prefferedRowHeight);\n    prefferedRowHeight = Math.max(12, prefferedRowHeight);\n    scope.prefferedRowHeight = prefferedRowHeight;\n    var ratio = prefferedRowHeight/32;\n    var switches = $('md-switch', self.ctx.$container);\n    switches.css('height', 30*ratio+'px');\n    switches.css('width', 36*ratio+'px');\n    switches.css('min-width', 36*ratio+'px');\n    $('.md-container', switches).css('height', 24*ratio+'px');\n    $('.md-container', switches).css('width', 36*ratio+'px');\n    var bars = $('.md-bar', self.ctx.$container);\n    bars.css('height', 14*ratio+'px');\n    bars.css('width', 34*ratio+'px');\n    var thumbs = $('.md-thumb', self.ctx.$container);\n    thumbs.css('height', 20*ratio+'px');\n    thumbs.css('width', 20*ratio+'px');\n    \n    var leftLabels = $('.gpio-left-label', self.ctx.$container);\n    leftLabels.css('font-size', 16*ratio+'px');\n    var rightLabels = $('.gpio-right-label', self.ctx.$container);\n    rightLabels.css('font-size', 16*ratio+'px');\n    var pins = $('.pin', self.ctx.$container);\n    var pinsFontSize = Math.max(9, 12*ratio);\n    pins.css('font-size', pinsFontSize+'px');    \n}\n\nself.onDestroy = function() {\n}\n",
+        "templateHtml": "<fieldset class=\"gpio-panel\" style=\"height: 100%;\">\n    <section class=\"gpio-row\" fxLayout=\"row\" *ngFor=\"let row of rows\" \n            [ngStyle]=\"{'height': prefferedRowHeight+'px'}\">\n        <section fxFlex fxLayout=\"row\" *ngFor=\"let cell of row; let $index = index\">\n            <section fxLayout=\"row\" fxFlex *ngIf=\"cell\" fxLayoutAlign=\"{{$index===0 ? 'end center' : 'start center'}}\">\n                <span class=\"gpio-left-label\" [fxShow]=\"$index===0\">{{ cell.label }}</span>\n                <section fxLayout=\"row\" class=\"switch-panel\" fxLayoutAlign=\"start center\" [ngClass]=\"$index===0 ? 'col-0' : 'col-1'\"\n                      [ngStyle]=\"{'height': prefferedRowHeight+'px', 'backgroundColor':  switchPanelBackgroundColor }\">\n                    <span class=\"pin\" [fxShow]=\"$index===0\">{{cell.pin}}</span>\n                    <span fxFlex [fxShow]=\"$index===1\"></span>\n                    <mat-slide-toggle\n                        [disabled]=\"!rpcEnabled || executingRpcRequest\"\n                        [checked]=\"cell.enabled\" \n                        (change)=\"gpioToggleChange($event, cell)\" \n                        (click)=\"gpioClick($event, cell)\">\n                    </mat-slide-toggle>\n                    <span fxFlex [fxShow]=\"$index===0\"></span>\n                    <span class=\"pin\" [fxShow]=\"$index===1\">{{cell.pin}}</span>\n                </section>\n                <span class=\"gpio-right-label\" [fxShow]=\"$index===1\">{{ cell.label }}</span>\n            </section>\n            <section fxLayout=\"row\" fxFlex *ngIf=\"!cell\">\n                <span fxFlex [fxShow]=\"$index===0\"></span>\n                <span class=\"switch-panel\"\n                      [ngStyle]=\"{'height': prefferedRowHeight+'px', 'backgroundColor':  switchPanelBackgroundColor }\"></span>\n                <span fxFlex [fxShow]=\"$index===1\"></span>\n            </section>\n        </section>\n    </section>                            \n    <span class=\"error\" style=\"position: absolute; bottom: 5px;\" [fxShow]=\"rpcErrorText\">{{rpcErrorText}}</span>\n    <mat-progress-bar [fxShow]=\"executingRpcRequest\" style=\"position: absolute; bottom: 0;\" mode=\"indeterminate\"></mat-progress-bar>\n</fieldset>",
+        "templateCss": ".error {\n    font-size: 14px !important;\n    color: maroon;/*rgb(250,250,250);*/\n    background-color: transparent;\n    padding: 6px;\n}\n\n.error span {\n    margin: auto;\n}\n\n.gpio-panel {\n    padding-top: 10px;\n    white-space: nowrap;\n}\n\n.switch-panel {\n    margin: 0;\n    height: 32px;\n    width: 66px;\n    min-width: 66px;\n}\n\n.switch-panel mat-slide-toggle {\n    margin: 0;\n    width: 36px;\n    min-width: 36px;\n}\n\n.switch-panel.col-0 mat-slide-toggle {\n    margin-left: 8px;\n    margin-right: 4px;\n}\n\n.switch-panel.col-1 mat-slide-toggle {\n    margin-left: 4px;\n    margin-right: 8px;\n}\n\n.gpio-row {\n    height: 32px;\n}\n\n.pin {\n    margin-top: auto;\n    margin-bottom: auto;\n    color: white;\n    font-size: 12px;\n    width: 16px;\n    min-width: 16px;\n}\n\n.switch-panel.col-0 .pin {\n    margin-left: auto;\n    padding-left: 2px;\n    text-align: right;\n}\n\n.switch-panel.col-1 .pin {\n    margin-right: auto;\n    \n    text-align: left;\n}\n\n.gpio-left-label {\n    margin-right: 8px;\n}\n\n.gpio-right-label {\n    margin-left: 8px;\n}",
+        "controllerScript": "var namespace;\nvar cssParser = new cssjs();\n\nself.onInit = function() {\n    var utils = self.ctx.$injector.get(self.ctx.servicesMap.get('utils'));\n    namespace = 'gpio-control-' + utils.guid();\n    cssParser.testMode = false;\n    cssParser.cssPreviewNamespace = namespace;\n    self.ctx.$container.addClass(namespace);\n    self.ctx.ngZone.run(function() {\n       init(); \n    });\n}\n\nfunction init() {\n        \n    var i, gpio;\n    var scope = self.ctx.$scope;\n    var settings = self.ctx.settings;\n    scope.gpioList = [];\n    for (var g = 0; g < settings.gpioList.length; g++) {\n        gpio = settings.gpioList[g];\n        scope.gpioList.push(\n            {\n                row: gpio.row,\n                col: gpio.col,\n                pin: gpio.pin,\n                label: gpio.label,\n                enabled: false\n            }\n        );\n    }\n\n    scope.requestTimeout = settings.requestTimeout || 1000;\n\n    scope.switchPanelBackgroundColor = settings.switchPanelBackgroundColor || tinycolor('green').lighten(2).toRgbString();\n\n    scope.gpioStatusRequest = {\n        method: \"getGpioStatus\",\n        paramsBody: \"{}\"\n    };\n    \n    if (settings.gpioStatusRequest) {\n        scope.gpioStatusRequest.method = settings.gpioStatusRequest.method || scope.gpioStatusRequest.method;\n        scope.gpioStatusRequest.paramsBody = settings.gpioStatusRequest.paramsBody || scope.gpioStatusRequest.paramsBody;\n    }\n    \n    scope.gpioStatusChangeRequest = {\n        method: \"setGpioStatus\",\n        paramsBody: \"{\\n   \\\"pin\\\": \\\"{$pin}\\\",\\n   \\\"enabled\\\": \\\"{$enabled}\\\"\\n}\"\n    };\n    \n    if (settings.gpioStatusChangeRequest) {\n        scope.gpioStatusChangeRequest.method = settings.gpioStatusChangeRequest.method || scope.gpioStatusChangeRequest.method;\n        scope.gpioStatusChangeRequest.paramsBody = settings.gpioStatusChangeRequest.paramsBody || scope.gpioStatusChangeRequest.paramsBody;\n    }\n    \n    scope.parseGpioStatusFunction = \"return body[pin] === true;\";\n    \n    if (settings.parseGpioStatusFunction && settings.parseGpioStatusFunction.length > 0) {\n        scope.parseGpioStatusFunction = settings.parseGpioStatusFunction;\n    }\n    \n    scope.parseGpioStatusFunction = new Function(\"body, pin\", scope.parseGpioStatusFunction);\n    \n    function requestGpioStatus() {\n        self.ctx.controlApi.sendTwoWayCommand(scope.gpioStatusRequest.method, \n                            scope.gpioStatusRequest.paramsBody, \n                            scope.requestTimeout)\n            .subscribe(\n                function success(responseBody) {\n                    for (var g = 0; g < scope.gpioList.length; g++) {\n                        var gpio = scope.gpioList[g];\n                        var enabled = scope.parseGpioStatusFunction.apply(this, [responseBody, gpio.pin]);\n                        gpio.enabled = enabled;   \n                        self.ctx.detectChanges();\n                    }\n                }\n            );\n    }\n    \n    function changeGpioStatus(gpio) {\n        var pin = gpio.pin + '';\n        var enabled = !gpio.enabled;\n        enabled = enabled === true ? 'true' : 'false';\n        var paramsBody = scope.gpioStatusChangeRequest.paramsBody;\n        var requestBody = JSON.parse(paramsBody.replace(\"\\\"{$pin}\\\"\", pin).replace(\"\\\"{$enabled}\\\"\", enabled));\n        self.ctx.controlApi.sendTwoWayCommand(scope.gpioStatusChangeRequest.method, \n                                    requestBody, scope.requestTimeout)\n                    .subscribe(\n                        function success(responseBody) {\n                            var enabled = scope.parseGpioStatusFunction.apply(this, [responseBody, gpio.pin]);\n                            gpio.enabled = enabled;\n                            self.ctx.detectChanges();\n                        }\n                    );\n    }\n    \n    scope.gpioCells = {};\n    var rowCount = 0;\n    for (i = 0; i < scope.gpioList.length; i++) {\n        gpio = scope.gpioList[i];\n        scope.gpioCells[gpio.row+'_'+gpio.col] = gpio;\n        rowCount = Math.max(rowCount, gpio.row+1);\n    }\n    \n    scope.prefferedRowHeight = 32;\n    scope.rows = [];\n    for (i = 0; i < rowCount; i++) {\n        var row = [];\n        for (var c =0; c<2;c++) {\n            if (scope.gpioCells[i+'_'+c]) {\n                row[c] = scope.gpioCells[i+'_'+c];\n            } else {\n                row[c] = null;\n            }\n        }\n        scope.rows.push(row);\n    }\n\n    scope.gpioClick = function($event, gpio) {\n        if (scope.rpcEnabled && !scope.executingRpcRequest) {\n            changeGpioStatus(gpio);\n        }\n    };\n    \n    scope.gpioToggleChange = function($event, gpio) {\n        gpio.enabled = !$event.checked;\n        $event.source.toggle();\n        self.ctx.detectChanges();\n    }\n    \n    if (scope.rpcEnabled) {\n        requestGpioStatus();   \n    }\n    \n    self.onResize();\n}\n\nself.onResize = function() {\n    var scope = self.ctx.$scope;\n    var rowCount = scope.rows.length;\n    var prefferedRowHeight = (self.ctx.height - 35)/rowCount;\n    prefferedRowHeight = Math.min(32, prefferedRowHeight);\n    prefferedRowHeight = Math.max(12, prefferedRowHeight);\n    scope.prefferedRowHeight = prefferedRowHeight;\n    var ratio = prefferedRowHeight/32;\n    \n    var css = '.mat-slide-toggle .mat-slide-toggle-bar {\\n' +\n        '   height: ' + 14*ratio+'px;\\n'+\n        '   width: ' + 36*ratio+'px;\\n'+\n    '}\\n';\n    css += '.mat-slide-toggle .mat-slide-toggle-thumb-container {\\n' +\n        '   height: ' + 20*ratio+'px;\\n'+\n        '   width: ' + 20*ratio+'px;\\n'+\n    '}\\n';\n    css += '.mat-slide-toggle .mat-slide-toggle-thumb {\\n' +\n        '   height: ' + 20*ratio+'px;\\n'+\n        '   width: ' + 20*ratio+'px;\\n'+\n    '}\\n';\n    css += '.mat-slide-toggle .mat-slide-toggle-ripple {\\n' +\n        '   height: ' + 40*ratio+'px;\\n'+\n        '   width: ' + 40*ratio+'px;\\n'+\n        '   top: calc(50% - '+20*ratio+'px);\\n'+\n        '   left: calc(50% - '+20*ratio+'px);\\n'+\n    '}\\n';\n    css += '.gpio-left-label, .gpio-right-label {\\n' +\n        '   font-size: ' + 16*ratio+'px;\\n'+\n    '}\\n';\n    var pinsFontSize = Math.max(9, 12*ratio);\n    css += '.pin {\\n' +\n        '   font-size: ' + pinsFontSize+'px;\\n'+\n    '}\\n';\n\n    cssParser.createStyleElement(namespace, css);\n    \n    self.ctx.detectChanges();\n}\n\nself.onDestroy = function() {\n}\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"Settings\",\n        \"properties\": {\n            \"gpioList\": {\n                \"title\": \"Gpio switches\",\n                \"type\": \"array\",\n                \"minItems\" : 1,\n                \"items\": {\n                    \"title\": \"Gpio switch\",\n                    \"type\": \"object\",\n                    \"properties\": {\n                        \"pin\": {\n                            \"title\": \"Pin\",\n                            \"type\": \"number\"\n                        },\n                        \"label\": {\n                            \"title\": \"Label\",\n                            \"type\": \"string\"\n                        },\n                        \"row\": {\n                            \"title\": \"Row\",\n                            \"type\": \"number\"\n                        },\n                        \"col\": {\n                            \"title\": \"Column\",\n                            \"type\": \"number\"\n                        }\n                    },\n                    \"required\": [\"pin\", \"label\", \"row\", \"col\"]\n                }\n            },\n            \"requestTimeout\": {\n                \"title\": \"RPC request timeout\",\n                \"type\": \"number\",\n                \"default\": 500\n            },\n            \"switchPanelBackgroundColor\": {\n                \"title\": \"Switches panel background color\",\n                \"type\": \"string\",\n                \"default\": \"#008a00\"\n            },\n            \"gpioStatusRequest\": {\n                \"title\": \"GPIO status request\",\n                \"type\": \"object\",\n                 \"properties\": {\n                    \"method\": {\n                        \"title\": \"Method name\",\n                        \"type\": \"string\",\n                        \"default\": \"getGpioStatus\"\n                    },\n                    \"paramsBody\": {\n                      \"title\": \"Method body\",\n                      \"type\": \"string\",\n                      \"default\": \"{}\"\n                    }\n                },\n                \"required\": [\"method\", \"paramsBody\"]\n            },\n            \"gpioStatusChangeRequest\": {\n                \"title\": \"GPIO status change request\",\n                \"type\": \"object\",\n                 \"properties\": {\n                    \"method\": {\n                        \"title\": \"Method name\",\n                        \"type\": \"string\",\n                        \"default\": \"setGpioStatus\"\n                    },\n                    \"paramsBody\": {\n                      \"title\": \"Method body\",\n                      \"type\": \"string\",\n                      \"default\": \"{\\n   \\\"pin\\\": \\\"{$pin}\\\",\\n   \\\"enabled\\\": \\\"{$enabled}\\\"\\n}\"\n                    }\n                },\n                \"required\": [\"method\", \"paramsBody\"]\n            },\n            \"parseGpioStatusFunction\": {\n                \"title\": \"Parse gpio status function\",\n                \"type\": \"string\",\n                \"default\": \"return body[pin] === true;\"\n            } \n        },\n        \"required\": [\"gpioList\", \n                     \"requestTimeout\",\n                     \"switchPanelBackgroundColor\",\n                     \"gpioStatusRequest\",\n                     \"gpioStatusChangeRequest\",\n                     \"parseGpioStatusFunction\"]\n    },\n    \"form\": [\n        \"gpioList\",\n        \"requestTimeout\",\n        {\n            \"key\": \"switchPanelBackgroundColor\",\n            \"type\": \"color\"\n        },\n        {\n            \"key\": \"gpioStatusRequest\",\n            \"items\": [\n                \"gpioStatusRequest.method\",\n                {\n                    \"key\": \"gpioStatusRequest.paramsBody\",\n                    \"type\": \"json\"\n                }\n            ]\n        },\n        {\n            \"key\": \"gpioStatusChangeRequest\",\n            \"items\": [\n                \"gpioStatusChangeRequest.method\",\n                {\n                    \"key\": \"gpioStatusChangeRequest.paramsBody\",\n                    \"type\": \"json\"\n                }\n            ]\n        },\n        {\n            \"key\": \"parseGpioStatusFunction\",\n            \"type\": \"javascript\"\n        }\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"targetDeviceAliases\":[],\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"0px\",\"settings\":{\"parseGpioStatusFunction\":\"return body[pin] === true;\",\"gpioStatusChangeRequest\":{\"method\":\"setGpioStatus\",\"paramsBody\":\"{\\n   \\\"pin\\\": \\\"{$pin}\\\",\\n   \\\"enabled\\\": \\\"{$enabled}\\\"\\n}\"},\"requestTimeout\":500,\"switchPanelBackgroundColor\":\"#b71c1c\",\"gpioStatusRequest\":{\"method\":\"getGpioStatus\",\"paramsBody\":\"{}\"},\"gpioList\":[{\"pin\":1,\"label\":\"GPIO 1\",\"row\":0,\"col\":0,\"_uniqueKey\":0},{\"pin\":2,\"label\":\"GPIO 2\",\"row\":0,\"col\":1,\"_uniqueKey\":1},{\"pin\":3,\"label\":\"GPIO 3\",\"row\":1,\"col\":0,\"_uniqueKey\":2}]},\"title\":\"Basic GPIO Control\"}"
@@ -29,9 +29,9 @@
         "sizeX": 5,
         "sizeY": 2,
         "resources": [],
-        "templateHtml": "<div class=\"gpio-panel\" style=\"height: 100%;\">\n    <section layout=\"row\" ng-repeat=\"row in rows\">\n        <section flex layout=\"row\" ng-repeat=\"cell in row\">\n            <section layout=\"row\" flex ng-if=\"cell\" layout-align=\"{{$index===0 ? 'end center' : 'start center'}}\">\n                <span class=\"gpio-left-label\" ng-show=\"$index===0\">{{ cell.label }}</span>\n                <section layout=\"row\" class=\"led-panel\" ng-class=\"$index===0 ? 'col-0' : 'col-1'\"\n                      ng-style=\"{backgroundColor: ledPanelBackgroundColor }\">\n                    <span class=\"pin\" ng-show=\"$index===0\">{{cell.pin}}</span>\n                    <span class=\"led-container\">\n                        <tb-led-light size=\"prefferedRowHeight\"\n                                      color-on=\"cell.colorOn\"\n                                      color-off=\"cell.colorOff\"\n                                      off-opacity=\"'0.9'\"\n                                      tb-enabled=\"cell.enabled\">\n                        </tb-led-light>\n                    </span>\n                    <span class=\"pin\" ng-show=\"$index===1\">{{cell.pin}}</span>\n                </section>\n                <span class=\"gpio-right-label\" ng-show=\"$index===1\">{{ cell.label }}</span>\n            </section>\n            <section layout=\"row\" flex ng-if=\"!cell\">\n                <span flex ng-show=\"$index===0\"></span>\n                <span class=\"led-panel\"\n                      ng-style=\"{backgroundColor: ledPanelBackgroundColor }\"></span>\n                <span flex ng-show=\"$index===1\"></span>\n            </section>\n        </section>\n    </section>                            \n</div>",
+        "templateHtml": "<div class=\"gpio-panel\" style=\"height: 100%;\">\n    <section fxLayout=\"row\" *ngFor=\"let row of rows\">\n        <section fxFlex fxLayout=\"row\" *ngFor=\"let cell of row; let $index = index\">\n            <section fxLayout=\"row\" fxFlex *ngIf=\"cell\" fxLayoutAlign=\"{{$index===0 ? 'end center' : 'start center'}}\">\n                <span class=\"gpio-left-label\" [fxShow]=\"$index===0\">{{ cell.label }}</span>\n                <section fxLayout=\"row\" class=\"led-panel\" [ngClass]=\"$index===0 ? 'col-0' : 'col-1'\"\n                      [ngStyle]=\"{backgroundColor: ledPanelBackgroundColor}\">\n                    <span class=\"pin\" [fxShow]=\"$index===0\">{{cell.pin}}</span>\n                    <span class=\"led-container\">\n                        <tb-led-light [size]=\"prefferedRowHeight\"\n                                      [colorOn]=\"cell.colorOn\"\n                                      [colorOff]=\"cell.colorOff\"\n                                      [offOpacity]=\"'0.9'\"\n                                      [enabled]=\"cell.enabled\">\n                        </tb-led-light>\n                    </span>\n                    <span class=\"pin\" [fxShow]=\"$index===1\">{{cell.pin}}</span>\n                </section>\n                <span class=\"gpio-right-label\" [fxShow]=\"$index===1\">{{ cell.label }}</span>\n            </section>\n            <section fxLayout=\"row\" fxFlex *ngIf=\"!cell\">\n                <span fxFlex [fxShow]=\"$index===0\"></span>\n                <span class=\"led-panel\"\n                      [ngStyle]=\"{backgroundColor: ledPanelBackgroundColor}\"></span>\n                <span fxFlex [fxShow]=\"$index===1\"></span>\n            </section>\n        </section>\n    </section>                            \n</div>",
         "templateCss": ".error {\n    font-size: 14px !important;\n    color: maroon;/*rgb(250,250,250);*/\n    background-color: transparent;\n    padding: 6px;\n}\n\n.error span {\n    margin: auto;\n}\n\n.gpio-panel {\n    padding-top: 10px;\n    white-space: nowrap;\n}\n\n.gpio-panel tb-led-light > div {\n    margin: auto;\n}\n\n.led-panel {\n    margin: 0;\n    width: 66px;\n    min-width: 66px;\n}\n\n.led-container {\n    width: 48px;\n    min-width: 48px;\n}\n\n.pin {\n    margin-top: auto;\n    margin-bottom: auto;\n    color: white;\n    font-size: 12px;\n    width: 16px;\n    min-width: 16px;\n}\n\n.led-panel.col-0 .pin {\n    margin-left: auto;\n    padding-left: 2px;\n    text-align: right;\n}\n\n.led-panel.col-1 .pin {\n    margin-right: auto;\n    \n    text-align: left;\n}\n\n.gpio-left-label {\n    margin-right: 8px;\n}\n\n.gpio-right-label {\n    margin-left: 8px;\n}",
-        "controllerScript": "self.onInit = function() {\n    var i, gpio;\n    \n    var scope = self.ctx.$scope;\n    var settings = self.ctx.settings;\n    \n    scope.gpioList = [];\n    scope.gpioByPin = {};\n    for (var g = 0; g < settings.gpioList.length; g++) {\n        gpio = settings.gpioList[g];\n        scope.gpioList.push(\n            {\n                row: gpio.row,\n                col: gpio.col,\n                pin: gpio.pin,\n                label: gpio.label,\n                enabled: false,\n                colorOn: tinycolor(gpio.color).lighten(20).toHexString(),\n                colorOff: tinycolor(gpio.color).darken().toHexString()\n            }\n        );\n        scope.gpioByPin[gpio.pin] = scope.gpioList[scope.gpioList.length-1];\n    }\n\n    scope.ledPanelBackgroundColor = settings.ledPanelBackgroundColor || tinycolor('green').lighten(2).toRgbString();\n\n    scope.gpioCells = {};\n    var rowCount = 0;\n    for (i = 0; i < scope.gpioList.length; i++) {\n        gpio = scope.gpioList[i];\n        scope.gpioCells[gpio.row+'_'+gpio.col] = gpio;\n        rowCount = Math.max(rowCount, gpio.row+1);\n    }\n    \n    scope.prefferedRowHeight = 32;\n    scope.rows = [];\n    for (i = 0; i < rowCount; i++) {\n        var row = [];\n        for (var c =0; c<2;c++) {\n            if (scope.gpioCells[i+'_'+c]) {\n                row[c] = scope.gpioCells[i+'_'+c];\n            } else {\n                row[c] = null;\n            }\n        }\n        scope.rows.push(row);\n    }    \n    \n    self.onResize();\n}\n\nself.onDataUpdated = function() {\n    var changed = false;\n    for (var d = 0; d < self.ctx.data.length; d++) {\n        var cellData = self.ctx.data[d];\n        var dataKey = cellData.dataKey;\n        var gpio = self.ctx.$scope.gpioByPin[dataKey.label];\n        if (gpio) {\n            var enabled = false;\n            if (cellData.data.length > 0) {\n                var tvPair = cellData.data[cellData.data.length - 1];\n                enabled = (tvPair[1] === true || tvPair[1] === 'true');\n            }\n            if (gpio.enabled != enabled) {\n                changed = true;\n                gpio.enabled = enabled;\n            }\n        }\n    }\n    if (changed) {\n        self.ctx.$scope.$digest();\n    }    \n}\n\nself.onResize = function() {\n    var rowCount = self.ctx.$scope.rows.length;\n    var prefferedRowHeight = (self.ctx.height - 35)/rowCount;\n    prefferedRowHeight = Math.min(32, prefferedRowHeight);\n    prefferedRowHeight = Math.max(12, prefferedRowHeight);\n    self.ctx.$scope.prefferedRowHeight = prefferedRowHeight;\n    \n    var ratio = prefferedRowHeight/32;\n    \n    var leftLabels = $('.gpio-left-label', self.ctx.$container);\n    leftLabels.css('font-size', 16*ratio+'px');\n    var rightLabels = $('.gpio-right-label', self.ctx.$container);\n    rightLabels.css('font-size', 16*ratio+'px');\n    var pins = $('.pin', self.ctx.$container);\n    var pinsFontSize = Math.max(9, 12*ratio);\n    pins.css('font-size', pinsFontSize+'px');    \n}\n\nself.onDestroy = function() {\n}\n",
+        "controllerScript": "var namespace;\nvar cssParser = new cssjs();\n\nself.onInit = function() {\n    var utils = self.ctx.$injector.get(self.ctx.servicesMap.get('utils'));\n    namespace = 'gpio-panel-' + utils.guid();\n    cssParser.testMode = false;\n    cssParser.cssPreviewNamespace = namespace;\n    self.ctx.$container.addClass(namespace);\n    self.ctx.ngZone.run(function() {\n       init(); \n    });\n}\n\nfunction init() {\n    var i, gpio;\n    \n    var scope = self.ctx.$scope;\n    var settings = self.ctx.settings;\n    \n    scope.gpioList = [];\n    scope.gpioByPin = {};\n    for (var g = 0; g < settings.gpioList.length; g++) {\n        gpio = settings.gpioList[g];\n        scope.gpioList.push(\n            {\n                row: gpio.row,\n                col: gpio.col,\n                pin: gpio.pin,\n                label: gpio.label,\n                enabled: false,\n                colorOn: tinycolor(gpio.color).lighten(20).toHexString(),\n                colorOff: tinycolor(gpio.color).darken().toHexString()\n            }\n        );\n        scope.gpioByPin[gpio.pin] = scope.gpioList[scope.gpioList.length-1];\n    }\n\n    scope.ledPanelBackgroundColor = settings.ledPanelBackgroundColor || tinycolor('green').lighten(2).toRgbString();\n\n    scope.gpioCells = {};\n    var rowCount = 0;\n    for (i = 0; i < scope.gpioList.length; i++) {\n        gpio = scope.gpioList[i];\n        scope.gpioCells[gpio.row+'_'+gpio.col] = gpio;\n        rowCount = Math.max(rowCount, gpio.row+1);\n    }\n    \n    scope.prefferedRowHeight = 32;\n    scope.rows = [];\n    for (i = 0; i < rowCount; i++) {\n        var row = [];\n        for (var c =0; c<2;c++) {\n            if (scope.gpioCells[i+'_'+c]) {\n                row[c] = scope.gpioCells[i+'_'+c];\n            } else {\n                row[c] = null;\n            }\n        }\n        scope.rows.push(row);\n    }    \n    \n    self.onResize();\n}\n\nself.onDataUpdated = function() {\n    var changed = false;\n    for (var d = 0; d < self.ctx.data.length; d++) {\n        var cellData = self.ctx.data[d];\n        var dataKey = cellData.dataKey;\n        var gpio = self.ctx.$scope.gpioByPin[dataKey.label];\n        if (gpio) {\n            var enabled = false;\n            if (cellData.data.length > 0) {\n                var tvPair = cellData.data[cellData.data.length - 1];\n                enabled = (tvPair[1] === true || tvPair[1] === 'true');\n            }\n            if (gpio.enabled != enabled) {\n                changed = true;\n                gpio.enabled = enabled;\n            }\n        }\n    }\n    if (changed) {\n        self.ctx.detectChanges();\n    }    \n}\n\nself.onResize = function() {\n    var rowCount = self.ctx.$scope.rows.length;\n    var prefferedRowHeight = (self.ctx.height - 35)/rowCount;\n    prefferedRowHeight = Math.min(32, prefferedRowHeight);\n    prefferedRowHeight = Math.max(12, prefferedRowHeight);\n    self.ctx.$scope.prefferedRowHeight = prefferedRowHeight;\n    \n    var ratio = prefferedRowHeight/32;\n    \n    var css = '.gpio-left-label, .gpio-right-label {\\n' +\n        '   font-size: ' + 16*ratio+'px;\\n'+\n    '}\\n';\n    var pinsFontSize = Math.max(9, 12*ratio);\n    css += '.pin {\\n' +\n        '   font-size: ' + pinsFontSize+'px;\\n'+\n    '}\\n';\n   \n    cssParser.createStyleElement(namespace, css); \n   \n    self.ctx.detectChanges();\n}\n\nself.onDestroy = function() {\n}\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"Settings\",\n        \"properties\": {\n            \"gpioList\": {\n                \"title\": \"Gpio leds\",\n                \"type\": \"array\",\n                \"minItems\" : 1,\n                \"items\": {\n                    \"title\": \"Gpio led\",\n                    \"type\": \"object\",\n                    \"properties\": {\n                        \"pin\": {\n                            \"title\": \"Pin\",\n                            \"type\": \"number\"\n                        },\n                        \"label\": {\n                            \"title\": \"Label\",\n                            \"type\": \"string\"\n                        },\n                        \"row\": {\n                            \"title\": \"Row\",\n                            \"type\": \"number\"\n                        },\n                        \"col\": {\n                            \"title\": \"Column\",\n                            \"type\": \"number\"\n                        },\n                        \"color\": {\n                            \"title\": \"Color\",\n                            \"type\": \"string\",\n                            \"default\": \"red\"\n                        }\n                    },\n                    \"required\": [\"pin\", \"label\", \"row\", \"col\", \"color\"]\n                }\n            },\n            \"ledPanelBackgroundColor\": {\n                \"title\": \"LED panel background color\",\n                \"type\": \"string\",\n                \"default\": \"#008a00\"\n            } \n        },\n        \"required\": [\"gpioList\", \n                     \"ledPanelBackgroundColor\"]\n    },\n    \"form\": [\n        {\n            \"key\": \"gpioList\",\n            \"items\": [\n                \"gpioList[].pin\",\n                \"gpioList[].label\",\n                \"gpioList[].row\",\n                \"gpioList[].col\",\n                {\n                    \"key\": \"gpioList[].color\",\n                    \"type\": \"color\"\n                }\n            ]\n        },\n        {\n            \"key\": \"ledPanelBackgroundColor\",\n            \"type\": \"color\"\n        }\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"0px\",\"settings\":{\"gpioList\":[{\"pin\":1,\"label\":\"GPIO 1\",\"row\":0,\"col\":0,\"color\":\"#008000\",\"_uniqueKey\":0},{\"pin\":2,\"label\":\"GPIO 2\",\"row\":0,\"col\":1,\"color\":\"#ffff00\",\"_uniqueKey\":1},{\"pin\":3,\"label\":\"GPIO 3\",\"row\":1,\"col\":0,\"color\":\"#cf006f\",\"_uniqueKey\":2}],\"ledPanelBackgroundColor\":\"#b71c1c\"},\"title\":\"Basic GPIO Panel\",\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"1\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.22518255793320163,\"funcBody\":\"var period = time % 1500;\\nreturn period < 500;\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"2\",\"color\":\"#4caf50\",\"settings\":{},\"_hash\":0.7008206860666621,\"funcBody\":\"var period = time % 1500;\\nreturn period >= 500 && period < 1000;\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"3\",\"color\":\"#f44336\",\"settings\":{},\"_hash\":0.42600325102193426,\"funcBody\":\"var period = time % 1500;\\nreturn period >= 1000;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}}}"
@@ -45,9 +45,9 @@
         "sizeX": 6,
         "sizeY": 10.5,
         "resources": [],
-        "templateHtml": "<fieldset class=\"gpio-panel\" ng-disabled=\"!rpcEnabled || executingRpcRequest\" style=\"height: 100%;\">\n    <section class=\"gpio-row\" layout=\"row\" ng-repeat=\"row in rows track by $index\" \n            ng-style=\"{'height': prefferedRowHeight+'px'}\">\n        <section flex layout=\"row\" ng-repeat=\"cell in row track by $index\">\n            <section layout=\"row\" flex ng-if=\"cell\" layout-align=\"{{$index===0 ? 'end center' : 'start center'}}\">\n                <span class=\"gpio-left-label\" ng-show=\"$index===0\">{{ cell.label }}</span>\n                <section layout=\"row\" class=\"switch-panel\" layout-align=\"start center\" ng-class=\"$index===0 ? 'col-0' : 'col-1'\"\n                      ng-style=\"{'height': prefferedRowHeight+'px', 'backgroundColor': '{{ switchPanelBackgroundColor }}'}\">\n                    <span class=\"pin\" ng-show=\"$index===0\">{{cell.pin}}</span>\n                    <span flex ng-show=\"$index===1\"></span>\n                    <md-switch\n                        aria-label=\"{{ cell.label }}\"\n                        ng-disabled=\"!rpcEnabled || executingRpcRequest\"\n                        ng-model=\"cell.enabled\" \n                        ng-change=\"cell.enabled = !cell.enabled\" \n                        ng-click=\"gpioClick($event, cell)\">\n                    </md-switch>\n                    <span flex ng-show=\"$index===0\"></span>\n                    <span class=\"pin\" ng-show=\"$index===1\">{{cell.pin}}</span>\n                </section>\n                <span class=\"gpio-right-label\" ng-show=\"$index===1\">{{ cell.label }}</span>\n            </section>\n            <section layout=\"row\" flex ng-if=\"!cell\">\n                <span flex ng-show=\"$index===0\"></span>\n                <span class=\"switch-panel\"\n                      ng-style=\"{'height': prefferedRowHeight+'px', 'backgroundColor': '{{ switchPanelBackgroundColor }}'}\"></span>\n                <span flex ng-show=\"$index===1\"></span>\n            </section>\n        </section>\n    </section>                            \n    <span class=\"error\" style=\"position: absolute; bottom: 5px;\" ng-show=\"rpcErrorText\">{{rpcErrorText}}</span>\n    <md-progress-linear ng-show=\"executingRpcRequest\" style=\"position: absolute; bottom: 0;\" md-mode=\"indeterminate\"></md-progress-linear>    \n</fieldset>",
-        "templateCss": ".error {\n    font-size: 14px !important;\n    color: maroon;/*rgb(250,250,250);*/\n    background-color: transparent;\n    padding: 6px;\n}\n\n.error span {\n    margin: auto;\n}\n\n.gpio-panel {\n    padding-top: 10px;\n    white-space: nowrap;\n}\n\n.switch-panel {\n    margin: 0;\n    height: 32px;\n    width: 66px;\n    min-width: 66px;\n}\n\n.switch-panel md-switch {\n    margin: 0;\n    width: 36px;\n    min-width: 36px;\n}\n\n.switch-panel md-switch > div.md-container {\n    margin: 0;\n}\n\n.switch-panel.col-0 md-switch {\n    margin-left: 8px;\n    margin-right: 4px;\n}\n\n.switch-panel.col-1 md-switch {\n    margin-left: 4px;\n    margin-right: 8px;\n}\n\n.gpio-row {\n    height: 32px;\n}\n\n.pin {\n    margin-top: auto;\n    margin-bottom: auto;\n    color: white;\n    font-size: 12px;\n    width: 16px;\n    min-width: 16px;\n}\n\n.switch-panel.col-0 .pin {\n    margin-left: auto;\n    padding-left: 2px;\n    text-align: right;\n}\n\n.switch-panel.col-1 .pin {\n    margin-right: auto;\n    \n    text-align: left;\n}\n\n.gpio-left-label {\n    margin-right: 8px;\n}\n\n.gpio-right-label {\n    margin-left: 8px;\n}",
-        "controllerScript": "self.onInit = function() {\n    \n    var i, gpio;\n    var scope = self.ctx.$scope;\n    var settings = self.ctx.settings;\n    scope.gpioList = [];\n    for (var g = 0; g < settings.gpioList.length; g++) {\n        gpio = settings.gpioList[g];\n        scope.gpioList.push(\n            {\n                row: gpio.row,\n                col: gpio.col,\n                pin: gpio.pin,\n                label: gpio.label,\n                enabled: false\n            }\n        );\n    }\n\n    scope.requestTimeout = settings.requestTimeout || 1000;\n\n    scope.switchPanelBackgroundColor = settings.switchPanelBackgroundColor || tinycolor('green').lighten(2).toRgbString();\n\n    scope.gpioStatusRequest = {\n        method: \"getGpioStatus\",\n        paramsBody: \"{}\"\n    };\n    \n    if (settings.gpioStatusRequest) {\n        scope.gpioStatusRequest.method = settings.gpioStatusRequest.method || scope.gpioStatusRequest.method;\n        scope.gpioStatusRequest.paramsBody = settings.gpioStatusRequest.paramsBody || scope.gpioStatusRequest.paramsBody;\n    }\n    \n    scope.gpioStatusChangeRequest = {\n        method: \"setGpioStatus\",\n        paramsBody: \"{\\n   \\\"pin\\\": \\\"{$pin}\\\",\\n   \\\"enabled\\\": \\\"{$enabled}\\\"\\n}\"\n    };\n    \n    if (settings.gpioStatusChangeRequest) {\n        scope.gpioStatusChangeRequest.method = settings.gpioStatusChangeRequest.method || scope.gpioStatusChangeRequest.method;\n        scope.gpioStatusChangeRequest.paramsBody = settings.gpioStatusChangeRequest.paramsBody || scope.gpioStatusChangeRequest.paramsBody;\n    }\n    \n    scope.parseGpioStatusFunction = \"return body[pin] === true;\";\n    \n    if (settings.parseGpioStatusFunction && settings.parseGpioStatusFunction.length > 0) {\n        scope.parseGpioStatusFunction = settings.parseGpioStatusFunction;\n    }\n    \n    scope.parseGpioStatusFunction = new Function(\"body, pin\", scope.parseGpioStatusFunction);\n    \n    function requestGpioStatus() {\n        self.ctx.controlApi.sendTwoWayCommand(scope.gpioStatusRequest.method, \n                            scope.gpioStatusRequest.paramsBody, \n                            scope.requestTimeout)\n            .then(\n                function success(responseBody) {\n                    for (var g = 0; g < scope.gpioList.length; g++) {\n                        var gpio = scope.gpioList[g];\n                        var enabled = scope.parseGpioStatusFunction.apply(this, [responseBody, gpio.pin]);\n                        gpio.enabled = enabled;                        \n                    }\n                }\n            );\n    }\n    \n    function changeGpioStatus(gpio) {\n        var pin = gpio.pin + '';\n        var enabled = !gpio.enabled;\n        enabled = enabled === true ? 'true' : 'false';\n        var paramsBody = scope.gpioStatusChangeRequest.paramsBody;\n        var requestBody = JSON.parse(paramsBody.replace(\"\\\"{$pin}\\\"\", pin).replace(\"\\\"{$enabled}\\\"\", enabled));\n        self.ctx.controlApi.sendTwoWayCommand(scope.gpioStatusChangeRequest.method, \n                                    requestBody, scope.requestTimeout)\n                    .then(\n                        function success(responseBody) {\n                            var enabled = scope.parseGpioStatusFunction.apply(this, [responseBody, gpio.pin]);\n                            gpio.enabled = enabled;\n                        }\n                    );\n    }\n    \n    scope.gpioCells = {};\n    var rowCount = 0;\n    for (i = 0; i < scope.gpioList.length; i++) {\n        gpio = scope.gpioList[i];\n        scope.gpioCells[gpio.row+'_'+gpio.col] = gpio;\n        rowCount = Math.max(rowCount, gpio.row+1);\n    }\n    \n    scope.prefferedRowHeight = 32;\n    scope.rows = [];\n    for (i = 0; i < rowCount; i++) {\n        var row = [];\n        for (var c =0; c<2;c++) {\n            if (scope.gpioCells[i+'_'+c]) {\n                row[c] = scope.gpioCells[i+'_'+c];\n            } else {\n                row[c] = null;\n            }\n        }\n        scope.rows.push(row);\n    }\n\n    scope.gpioClick = function($event, gpio) {\n        changeGpioStatus(gpio);\n    };\n\n    requestGpioStatus();    \n    \n    self.onResize();\n}\n\nself.onResize = function() {\n    var scope = self.ctx.$scope;\n    var rowCount = scope.rows.length;\n    var prefferedRowHeight = (self.ctx.height - 35)/rowCount;\n    prefferedRowHeight = Math.min(32, prefferedRowHeight);\n    prefferedRowHeight = Math.max(12, prefferedRowHeight);\n    scope.prefferedRowHeight = prefferedRowHeight;\n    var ratio = prefferedRowHeight/32;\n    var switches = $('md-switch', self.ctx.$container);\n    switches.css('height', 30*ratio+'px');\n    switches.css('width', 36*ratio+'px');\n    switches.css('min-width', 36*ratio+'px');\n    $('.md-container', switches).css('height', 24*ratio+'px');\n    $('.md-container', switches).css('width', 36*ratio+'px');\n    var bars = $('.md-bar', self.ctx.$container);\n    bars.css('height', 14*ratio+'px');\n    bars.css('width', 34*ratio+'px');\n    var thumbs = $('.md-thumb', self.ctx.$container);\n    thumbs.css('height', 20*ratio+'px');\n    thumbs.css('width', 20*ratio+'px');\n    \n    var leftLabels = $('.gpio-left-label', self.ctx.$container);\n    leftLabels.css('font-size', 16*ratio+'px');\n    var rightLabels = $('.gpio-right-label', self.ctx.$container);\n    rightLabels.css('font-size', 16*ratio+'px');\n    var pins = $('.pin', self.ctx.$container);\n    var pinsFontSize = Math.max(9, 12*ratio);\n    pins.css('font-size', pinsFontSize+'px');    \n}\n\nself.onDestroy = function() {\n}\n",
+        "templateHtml": "<fieldset class=\"gpio-panel\" style=\"height: 100%;\">\n    <section class=\"gpio-row\" fxLayout=\"row\" *ngFor=\"let row of rows\" \n            [ngStyle]=\"{'height': prefferedRowHeight+'px'}\">\n        <section fxFlex fxLayout=\"row\" *ngFor=\"let cell of row; let $index = index\">\n            <section fxLayout=\"row\" fxFlex *ngIf=\"cell\" fxLayoutAlign=\"{{$index===0 ? 'end center' : 'start center'}}\">\n                <span class=\"gpio-left-label\" [fxShow]=\"$index===0\">{{ cell.label }}</span>\n                <section fxLayout=\"row\" class=\"switch-panel\" fxLayoutAlign=\"start center\" [ngClass]=\"$index===0 ? 'col-0' : 'col-1'\"\n                      [ngStyle]=\"{'height': prefferedRowHeight+'px', 'backgroundColor':  switchPanelBackgroundColor }\">\n                    <span class=\"pin\" [fxShow]=\"$index===0\">{{cell.pin}}</span>\n                    <span fxFlex [fxShow]=\"$index===1\"></span>\n                    <mat-slide-toggle\n                        [disabled]=\"!rpcEnabled || executingRpcRequest\"\n                        [checked]=\"cell.enabled\" \n                        (change)=\"gpioToggleChange($event, cell)\" \n                        (click)=\"gpioClick($event, cell)\">\n                    </mat-slide-toggle>\n                    <span fxFlex [fxShow]=\"$index===0\"></span>\n                    <span class=\"pin\" [fxShow]=\"$index===1\">{{cell.pin}}</span>\n                </section>\n                <span class=\"gpio-right-label\" [fxShow]=\"$index===1\">{{ cell.label }}</span>\n            </section>\n            <section fxLayout=\"row\" fxFlex *ngIf=\"!cell\">\n                <span fxFlex [fxShow]=\"$index===0\"></span>\n                <span class=\"switch-panel\"\n                      [ngStyle]=\"{'height': prefferedRowHeight+'px', 'backgroundColor':  switchPanelBackgroundColor }\"></span>\n                <span fxFlex [fxShow]=\"$index===1\"></span>\n            </section>\n        </section>\n    </section>                            \n    <span class=\"error\" style=\"position: absolute; bottom: 5px;\" [fxShow]=\"rpcErrorText\">{{rpcErrorText}}</span>\n    <mat-progress-bar [fxShow]=\"executingRpcRequest\" style=\"position: absolute; bottom: 0;\" mode=\"indeterminate\"></mat-progress-bar>\n</fieldset>",
+        "templateCss": ".error {\n    font-size: 14px !important;\n    color: maroon;/*rgb(250,250,250);*/\n    background-color: transparent;\n    padding: 6px;\n}\n\n.error span {\n    margin: auto;\n}\n\n.gpio-panel {\n    padding-top: 10px;\n    white-space: nowrap;\n}\n\n.switch-panel {\n    margin: 0;\n    height: 32px;\n    width: 66px;\n    min-width: 66px;\n}\n\n.switch-panel mat-slide-toggle {\n    margin: 0;\n    width: 36px;\n    min-width: 36px;\n}\n\n.switch-panel.col-0 mat-slide-toggle {\n    margin-left: 8px;\n    margin-right: 4px;\n}\n\n.switch-panel.col-1 mat-slide-toggle {\n    margin-left: 4px;\n    margin-right: 8px;\n}\n\n.gpio-row {\n    height: 32px;\n}\n\n.pin {\n    margin-top: auto;\n    margin-bottom: auto;\n    color: white;\n    font-size: 12px;\n    width: 16px;\n    min-width: 16px;\n}\n\n.switch-panel.col-0 .pin {\n    margin-left: auto;\n    padding-left: 2px;\n    text-align: right;\n}\n\n.switch-panel.col-1 .pin {\n    margin-right: auto;\n    \n    text-align: left;\n}\n\n.gpio-left-label {\n    margin-right: 8px;\n}\n\n.gpio-right-label {\n    margin-left: 8px;\n}",
+        "controllerScript": "var namespace;\nvar cssParser = new cssjs();\n\nself.onInit = function() {\n    var utils = self.ctx.$injector.get(self.ctx.servicesMap.get('utils'));\n    namespace = 'gpio-control-' + utils.guid();\n    cssParser.testMode = false;\n    cssParser.cssPreviewNamespace = namespace;\n    self.ctx.$container.addClass(namespace);\n    self.ctx.ngZone.run(function() {\n       init(); \n    });\n}\n\nfunction init() {\n        \n    var i, gpio;\n    var scope = self.ctx.$scope;\n    var settings = self.ctx.settings;\n    scope.gpioList = [];\n    for (var g = 0; g < settings.gpioList.length; g++) {\n        gpio = settings.gpioList[g];\n        scope.gpioList.push(\n            {\n                row: gpio.row,\n                col: gpio.col,\n                pin: gpio.pin,\n                label: gpio.label,\n                enabled: false\n            }\n        );\n    }\n\n    scope.requestTimeout = settings.requestTimeout || 1000;\n\n    scope.switchPanelBackgroundColor = settings.switchPanelBackgroundColor || tinycolor('green').lighten(2).toRgbString();\n\n    scope.gpioStatusRequest = {\n        method: \"getGpioStatus\",\n        paramsBody: \"{}\"\n    };\n    \n    if (settings.gpioStatusRequest) {\n        scope.gpioStatusRequest.method = settings.gpioStatusRequest.method || scope.gpioStatusRequest.method;\n        scope.gpioStatusRequest.paramsBody = settings.gpioStatusRequest.paramsBody || scope.gpioStatusRequest.paramsBody;\n    }\n    \n    scope.gpioStatusChangeRequest = {\n        method: \"setGpioStatus\",\n        paramsBody: \"{\\n   \\\"pin\\\": \\\"{$pin}\\\",\\n   \\\"enabled\\\": \\\"{$enabled}\\\"\\n}\"\n    };\n    \n    if (settings.gpioStatusChangeRequest) {\n        scope.gpioStatusChangeRequest.method = settings.gpioStatusChangeRequest.method || scope.gpioStatusChangeRequest.method;\n        scope.gpioStatusChangeRequest.paramsBody = settings.gpioStatusChangeRequest.paramsBody || scope.gpioStatusChangeRequest.paramsBody;\n    }\n    \n    scope.parseGpioStatusFunction = \"return body[pin] === true;\";\n    \n    if (settings.parseGpioStatusFunction && settings.parseGpioStatusFunction.length > 0) {\n        scope.parseGpioStatusFunction = settings.parseGpioStatusFunction;\n    }\n    \n    scope.parseGpioStatusFunction = new Function(\"body, pin\", scope.parseGpioStatusFunction);\n    \n    function requestGpioStatus() {\n        self.ctx.controlApi.sendTwoWayCommand(scope.gpioStatusRequest.method, \n                            scope.gpioStatusRequest.paramsBody, \n                            scope.requestTimeout)\n            .subscribe(\n                function success(responseBody) {\n                    for (var g = 0; g < scope.gpioList.length; g++) {\n                        var gpio = scope.gpioList[g];\n                        var enabled = scope.parseGpioStatusFunction.apply(this, [responseBody, gpio.pin]);\n                        gpio.enabled = enabled;   \n                        self.ctx.detectChanges();\n                    }\n                }\n            );\n    }\n    \n    function changeGpioStatus(gpio) {\n        var pin = gpio.pin + '';\n        var enabled = !gpio.enabled;\n        enabled = enabled === true ? 'true' : 'false';\n        var paramsBody = scope.gpioStatusChangeRequest.paramsBody;\n        var requestBody = JSON.parse(paramsBody.replace(\"\\\"{$pin}\\\"\", pin).replace(\"\\\"{$enabled}\\\"\", enabled));\n        self.ctx.controlApi.sendTwoWayCommand(scope.gpioStatusChangeRequest.method, \n                                    requestBody, scope.requestTimeout)\n                    .subscribe(\n                        function success(responseBody) {\n                            var enabled = scope.parseGpioStatusFunction.apply(this, [responseBody, gpio.pin]);\n                            gpio.enabled = enabled;\n                            self.ctx.detectChanges();\n                        }\n                    );\n    }\n    \n    scope.gpioCells = {};\n    var rowCount = 0;\n    for (i = 0; i < scope.gpioList.length; i++) {\n        gpio = scope.gpioList[i];\n        scope.gpioCells[gpio.row+'_'+gpio.col] = gpio;\n        rowCount = Math.max(rowCount, gpio.row+1);\n    }\n    \n    scope.prefferedRowHeight = 32;\n    scope.rows = [];\n    for (i = 0; i < rowCount; i++) {\n        var row = [];\n        for (var c =0; c<2;c++) {\n            if (scope.gpioCells[i+'_'+c]) {\n                row[c] = scope.gpioCells[i+'_'+c];\n            } else {\n                row[c] = null;\n            }\n        }\n        scope.rows.push(row);\n    }\n\n    scope.gpioClick = function($event, gpio) {\n        if (scope.rpcEnabled && !scope.executingRpcRequest) {\n            changeGpioStatus(gpio);\n        }\n    };\n    \n    scope.gpioToggleChange = function($event, gpio) {\n        gpio.enabled = !$event.checked;\n        $event.source.toggle();\n        self.ctx.detectChanges();\n    }\n    \n    if (scope.rpcEnabled) {\n        requestGpioStatus();   \n    }\n    \n    self.onResize();\n}\n\nself.onResize = function() {\n    var scope = self.ctx.$scope;\n    var rowCount = scope.rows.length;\n    var prefferedRowHeight = (self.ctx.height - 35)/rowCount;\n    prefferedRowHeight = Math.min(32, prefferedRowHeight);\n    prefferedRowHeight = Math.max(12, prefferedRowHeight);\n    scope.prefferedRowHeight = prefferedRowHeight;\n    var ratio = prefferedRowHeight/32;\n    \n    var css = '.mat-slide-toggle .mat-slide-toggle-bar {\\n' +\n        '   height: ' + 14*ratio+'px;\\n'+\n        '   width: ' + 36*ratio+'px;\\n'+\n    '}\\n';\n    css += '.mat-slide-toggle .mat-slide-toggle-thumb-container {\\n' +\n        '   height: ' + 20*ratio+'px;\\n'+\n        '   width: ' + 20*ratio+'px;\\n'+\n    '}\\n';\n    css += '.mat-slide-toggle .mat-slide-toggle-thumb {\\n' +\n        '   height: ' + 20*ratio+'px;\\n'+\n        '   width: ' + 20*ratio+'px;\\n'+\n    '}\\n';\n    css += '.mat-slide-toggle .mat-slide-toggle-ripple {\\n' +\n        '   height: ' + 40*ratio+'px;\\n'+\n        '   width: ' + 40*ratio+'px;\\n'+\n        '   top: calc(50% - '+20*ratio+'px);\\n'+\n        '   left: calc(50% - '+20*ratio+'px);\\n'+\n    '}\\n';\n    css += '.gpio-left-label, .gpio-right-label {\\n' +\n        '   font-size: ' + 16*ratio+'px;\\n'+\n    '}\\n';\n    var pinsFontSize = Math.max(9, 12*ratio);\n    css += '.pin {\\n' +\n        '   font-size: ' + pinsFontSize+'px;\\n'+\n    '}\\n';\n\n    cssParser.createStyleElement(namespace, css);\n    \n    self.ctx.detectChanges();\n}\n\nself.onDestroy = function() {\n}\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"Settings\",\n        \"properties\": {\n            \"gpioList\": {\n                \"title\": \"Gpio switches\",\n                \"type\": \"array\",\n                \"minItems\" : 1,\n                \"items\": {\n                    \"title\": \"Gpio switch\",\n                    \"type\": \"object\",\n                    \"properties\": {\n                        \"pin\": {\n                            \"title\": \"Pin\",\n                            \"type\": \"number\"\n                        },\n                        \"label\": {\n                            \"title\": \"Label\",\n                            \"type\": \"string\"\n                        },\n                        \"row\": {\n                            \"title\": \"Row\",\n                            \"type\": \"number\"\n                        },\n                        \"col\": {\n                            \"title\": \"Column\",\n                            \"type\": \"number\"\n                        }\n                    },\n                    \"required\": [\"pin\", \"label\", \"row\", \"col\"]\n                }\n            },\n            \"requestTimeout\": {\n                \"title\": \"RPC request timeout\",\n                \"type\": \"number\",\n                \"default\": 500\n            },\n            \"switchPanelBackgroundColor\": {\n                \"title\": \"Switches panel background color\",\n                \"type\": \"string\",\n                \"default\": \"#008a00\"\n            },\n            \"gpioStatusRequest\": {\n                \"title\": \"GPIO status request\",\n                \"type\": \"object\",\n                 \"properties\": {\n                    \"method\": {\n                        \"title\": \"Method name\",\n                        \"type\": \"string\",\n                        \"default\": \"getGpioStatus\"\n                    },\n                    \"paramsBody\": {\n                      \"title\": \"Method body\",\n                      \"type\": \"string\",\n                      \"default\": \"{}\"\n                    }\n                },\n                \"required\": [\"method\", \"paramsBody\"]\n            },\n            \"gpioStatusChangeRequest\": {\n                \"title\": \"GPIO status change request\",\n                \"type\": \"object\",\n                 \"properties\": {\n                    \"method\": {\n                        \"title\": \"Method name\",\n                        \"type\": \"string\",\n                        \"default\": \"setGpioStatus\"\n                    },\n                    \"paramsBody\": {\n                      \"title\": \"Method body\",\n                      \"type\": \"string\",\n                      \"default\": \"{\\n   \\\"pin\\\": \\\"{$pin}\\\",\\n   \\\"enabled\\\": \\\"{$enabled}\\\"\\n}\"\n                    }\n                },\n                \"required\": [\"method\", \"paramsBody\"]\n            },\n            \"parseGpioStatusFunction\": {\n                \"title\": \"Parse gpio status function\",\n                \"type\": \"string\",\n                \"default\": \"return body[pin] === true;\"\n            } \n        },\n        \"required\": [\"gpioList\", \n                     \"requestTimeout\",\n                     \"switchPanelBackgroundColor\",\n                     \"gpioStatusRequest\",\n                     \"gpioStatusChangeRequest\",\n                     \"parseGpioStatusFunction\"]\n    },\n    \"form\": [\n        \"gpioList\",\n        \"requestTimeout\",\n        {\n            \"key\": \"switchPanelBackgroundColor\",\n            \"type\": \"color\"\n        },\n        {\n            \"key\": \"gpioStatusRequest\",\n            \"items\": [\n                \"gpioStatusRequest.method\",\n                {\n                    \"key\": \"gpioStatusRequest.paramsBody\",\n                    \"type\": \"json\"\n                }\n            ]\n        },\n        {\n            \"key\": \"gpioStatusChangeRequest\",\n            \"items\": [\n                \"gpioStatusChangeRequest.method\",\n                {\n                    \"key\": \"gpioStatusChangeRequest.paramsBody\",\n                    \"type\": \"json\"\n                }\n            ]\n        },\n        {\n            \"key\": \"parseGpioStatusFunction\",\n            \"type\": \"javascript\"\n        }\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"targetDeviceAliases\":[],\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"0px\",\"settings\":{\"parseGpioStatusFunction\":\"return body[pin] === true;\",\"gpioStatusChangeRequest\":{\"method\":\"setGpioStatus\",\"paramsBody\":\"{\\n   \\\"pin\\\": \\\"{$pin}\\\",\\n   \\\"enabled\\\": \\\"{$enabled}\\\"\\n}\"},\"requestTimeout\":500,\"switchPanelBackgroundColor\":\"#008a00\",\"gpioStatusRequest\":{\"method\":\"getGpioStatus\",\"paramsBody\":\"{}\"},\"gpioList\":[{\"pin\":7,\"label\":\"GPIO 4 (GPCLK0)\",\"row\":3,\"col\":0,\"_uniqueKey\":0},{\"pin\":11,\"label\":\"GPIO 17\",\"row\":5,\"col\":0,\"_uniqueKey\":1},{\"pin\":12,\"label\":\"GPIO 18\",\"row\":5,\"col\":1,\"_uniqueKey\":2},{\"_uniqueKey\":3,\"pin\":13,\"label\":\"GPIO 27\",\"row\":6,\"col\":0},{\"_uniqueKey\":4,\"pin\":15,\"label\":\"GPIO 22\",\"row\":7,\"col\":0},{\"_uniqueKey\":5,\"pin\":16,\"label\":\"GPIO 23\",\"row\":7,\"col\":1},{\"_uniqueKey\":6,\"pin\":18,\"label\":\"GPIO 24\",\"row\":8,\"col\":1},{\"_uniqueKey\":7,\"pin\":22,\"label\":\"GPIO 25\",\"row\":10,\"col\":1},{\"_uniqueKey\":8,\"pin\":29,\"label\":\"GPIO 5\",\"row\":14,\"col\":0},{\"_uniqueKey\":9,\"pin\":31,\"label\":\"GPIO 6\",\"row\":15,\"col\":0},{\"_uniqueKey\":10,\"pin\":32,\"label\":\"GPIO 12\",\"row\":15,\"col\":1},{\"_uniqueKey\":11,\"pin\":33,\"label\":\"GPIO 13\",\"row\":16,\"col\":0},{\"_uniqueKey\":12,\"pin\":35,\"label\":\"GPIO 19\",\"row\":17,\"col\":0},{\"_uniqueKey\":13,\"pin\":36,\"label\":\"GPIO 16\",\"row\":17,\"col\":1},{\"_uniqueKey\":14,\"pin\":37,\"label\":\"GPIO 26\",\"row\":18,\"col\":0},{\"_uniqueKey\":15,\"pin\":38,\"label\":\"GPIO 20\",\"row\":18,\"col\":1},{\"_uniqueKey\":16,\"pin\":40,\"label\":\"GPIO 21\",\"row\":19,\"col\":1}]},\"title\":\"Raspberry Pi GPIO Control\"}"
@@ -61,9 +61,9 @@
         "sizeX": 7,
         "sizeY": 10.5,
         "resources": [],
-        "templateHtml": "<div class=\"gpio-panel\" style=\"height: 100%;\">\n    <section layout=\"row\" ng-repeat=\"row in rows\">\n        <section flex layout=\"row\" ng-repeat=\"cell in row\">\n            <section layout=\"row\" flex ng-if=\"cell\" layout-align=\"{{$index===0 ? 'end center' : 'start center'}}\">\n                <span class=\"gpio-left-label\" ng-show=\"$index===0\">{{ cell.label }}</span>\n                <section layout=\"row\" class=\"led-panel\" ng-class=\"$index===0 ? 'col-0' : 'col-1'\"\n                      ng-style=\"{backgroundColor: ledPanelBackgroundColor}\">\n                    <span class=\"pin\" ng-show=\"$index===0\">{{cell.pin}}</span>\n                    <span class=\"led-container\">\n                        <tb-led-light size=\"prefferedRowHeight\"\n                                      color-on=\"cell.colorOn\"\n                                      color-off=\"cell.colorOff\"\n                                      off-opacity=\"'0.9'\"\n                                      tb-enabled=\"cell.enabled\">\n                        </tb-led-light>\n                    </span>\n                    <span class=\"pin\" ng-show=\"$index===1\">{{cell.pin}}</span>\n                </section>\n                <span class=\"gpio-right-label\" ng-show=\"$index===1\">{{ cell.label }}</span>\n            </section>\n            <section layout=\"row\" flex ng-if=\"!cell\">\n                <span flex ng-show=\"$index===0\"></span>\n                <span class=\"led-panel\"\n                      ng-style=\"{backgroundColor: ledPanelBackgroundColor}\"></span>\n                <span flex ng-show=\"$index===1\"></span>\n            </section>\n        </section>\n    </section>                            \n</div>",
+        "templateHtml": "<div class=\"gpio-panel\" style=\"height: 100%;\">\n    <section fxLayout=\"row\" *ngFor=\"let row of rows\">\n        <section fxFlex fxLayout=\"row\" *ngFor=\"let cell of row; let $index = index\">\n            <section fxLayout=\"row\" fxFlex *ngIf=\"cell\" fxLayoutAlign=\"{{$index===0 ? 'end center' : 'start center'}}\">\n                <span class=\"gpio-left-label\" [fxShow]=\"$index===0\">{{ cell.label }}</span>\n                <section fxLayout=\"row\" class=\"led-panel\" [ngClass]=\"$index===0 ? 'col-0' : 'col-1'\"\n                      [ngStyle]=\"{backgroundColor: ledPanelBackgroundColor}\">\n                    <span class=\"pin\" [fxShow]=\"$index===0\">{{cell.pin}}</span>\n                    <span class=\"led-container\">\n                        <tb-led-light [size]=\"prefferedRowHeight\"\n                                      [colorOn]=\"cell.colorOn\"\n                                      [colorOff]=\"cell.colorOff\"\n                                      [offOpacity]=\"'0.9'\"\n                                      [enabled]=\"cell.enabled\">\n                        </tb-led-light>\n                    </span>\n                    <span class=\"pin\" [fxShow]=\"$index===1\">{{cell.pin}}</span>\n                </section>\n                <span class=\"gpio-right-label\" [fxShow]=\"$index===1\">{{ cell.label }}</span>\n            </section>\n            <section fxLayout=\"row\" fxFlex *ngIf=\"!cell\">\n                <span fxFlex [fxShow]=\"$index===0\"></span>\n                <span class=\"led-panel\"\n                      [ngStyle]=\"{backgroundColor: ledPanelBackgroundColor}\"></span>\n                <span fxFlex [fxShow]=\"$index===1\"></span>\n            </section>\n        </section>\n    </section>                            \n</div>",
         "templateCss": ".error {\n    font-size: 14px !important;\n    color: maroon;/*rgb(250,250,250);*/\n    background-color: transparent;\n    padding: 6px;\n}\n\n.error span {\n    margin: auto;\n}\n\n.gpio-panel {\n    padding-top: 10px;\n    white-space: nowrap;\n}\n\n.gpio-panel tb-led-light > div {\n    margin: auto;\n}\n\n.led-panel {\n    margin: 0;\n    width: 66px;\n    min-width: 66px;\n}\n\n.led-container {\n    width: 48px;\n    min-width: 48px;\n}\n\n.pin {\n    margin-top: auto;\n    margin-bottom: auto;\n    color: white;\n    font-size: 12px;\n    width: 16px;\n    min-width: 16px;\n}\n\n.led-panel.col-0 .pin {\n    margin-left: auto;\n    padding-left: 2px;\n    text-align: right;\n}\n\n.led-panel.col-1 .pin {\n    margin-right: auto;\n    \n    text-align: left;\n}\n\n.gpio-left-label {\n    margin-right: 8px;\n}\n\n.gpio-right-label {\n    margin-left: 8px;\n}",
-        "controllerScript": "self.onInit = function() {\n    var i, gpio;\n    \n    var scope = self.ctx.$scope;\n    var settings = self.ctx.settings;\n    \n    scope.gpioList = [];\n    scope.gpioByPin = {};\n    for (var g = 0; g < settings.gpioList.length; g++) {\n        gpio = settings.gpioList[g];\n        scope.gpioList.push(\n            {\n                row: gpio.row,\n                col: gpio.col,\n                pin: gpio.pin,\n                label: gpio.label,\n                enabled: false,\n                colorOn: tinycolor(gpio.color).lighten(20).toHexString(),\n                colorOff: tinycolor(gpio.color).darken().toHexString()\n            }\n        );\n        scope.gpioByPin[gpio.pin] = scope.gpioList[scope.gpioList.length-1];\n    }\n\n    scope.ledPanelBackgroundColor = settings.ledPanelBackgroundColor || tinycolor('green').lighten(2).toRgbString();\n\n    scope.gpioCells = {};\n    var rowCount = 0;\n    for (i = 0; i < scope.gpioList.length; i++) {\n        gpio = scope.gpioList[i];\n        scope.gpioCells[gpio.row+'_'+gpio.col] = gpio;\n        rowCount = Math.max(rowCount, gpio.row+1);\n    }\n    \n    scope.prefferedRowHeight = 32;\n    scope.rows = [];\n    for (i = 0; i < rowCount; i++) {\n        var row = [];\n        for (var c =0; c<2;c++) {\n            if (scope.gpioCells[i+'_'+c]) {\n                row[c] = scope.gpioCells[i+'_'+c];\n            } else {\n                row[c] = null;\n            }\n        }\n        scope.rows.push(row);\n    }    \n    \n    self.onResize();\n}\n\nself.onDataUpdated = function() {\n    var changed = false;\n    for (var d = 0; d < self.ctx.data.length; d++) {\n        var cellData = self.ctx.data[d];\n        var dataKey = cellData.dataKey;\n        var gpio = self.ctx.$scope.gpioByPin[dataKey.label];\n        if (gpio) {\n            var enabled = false;\n            if (cellData.data.length > 0) {\n                var tvPair = cellData.data[cellData.data.length - 1];\n                enabled = (tvPair[1] === true || tvPair[1] === 'true');\n            }\n            if (gpio.enabled != enabled) {\n                changed = true;\n                gpio.enabled = enabled;\n            }\n        }\n    }\n    if (changed) {\n        self.ctx.$scope.$digest();\n    }    \n}\n\nself.onResize = function() {\n    var rowCount = self.ctx.$scope.rows.length;\n    var prefferedRowHeight = (self.ctx.height - 35)/rowCount;\n    prefferedRowHeight = Math.min(32, prefferedRowHeight);\n    prefferedRowHeight = Math.max(12, prefferedRowHeight);\n    self.ctx.$scope.prefferedRowHeight = prefferedRowHeight;\n    \n    var ratio = prefferedRowHeight/32;\n    \n    var leftLabels = $('.gpio-left-label', self.ctx.$container);\n    leftLabels.css('font-size', 16*ratio+'px');\n    var rightLabels = $('.gpio-right-label', self.ctx.$container);\n    rightLabels.css('font-size', 16*ratio+'px');\n    var pins = $('.pin', self.ctx.$container);\n    var pinsFontSize = Math.max(9, 12*ratio);\n    pins.css('font-size', pinsFontSize+'px');    \n}\n\nself.onDestroy = function() {\n}\n",
+        "controllerScript": "var namespace;\nvar cssParser = new cssjs();\n\nself.onInit = function() {\n    var utils = self.ctx.$injector.get(self.ctx.servicesMap.get('utils'));\n    namespace = 'gpio-panel-' + utils.guid();\n    cssParser.testMode = false;\n    cssParser.cssPreviewNamespace = namespace;\n    self.ctx.$container.addClass(namespace);\n    self.ctx.ngZone.run(function() {\n       init(); \n    });\n}\n\nfunction init() {\n    var i, gpio;\n    \n    var scope = self.ctx.$scope;\n    var settings = self.ctx.settings;\n    \n    scope.gpioList = [];\n    scope.gpioByPin = {};\n    for (var g = 0; g < settings.gpioList.length; g++) {\n        gpio = settings.gpioList[g];\n        scope.gpioList.push(\n            {\n                row: gpio.row,\n                col: gpio.col,\n                pin: gpio.pin,\n                label: gpio.label,\n                enabled: false,\n                colorOn: tinycolor(gpio.color).lighten(20).toHexString(),\n                colorOff: tinycolor(gpio.color).darken().toHexString()\n            }\n        );\n        scope.gpioByPin[gpio.pin] = scope.gpioList[scope.gpioList.length-1];\n    }\n\n    scope.ledPanelBackgroundColor = settings.ledPanelBackgroundColor || tinycolor('green').lighten(2).toRgbString();\n\n    scope.gpioCells = {};\n    var rowCount = 0;\n    for (i = 0; i < scope.gpioList.length; i++) {\n        gpio = scope.gpioList[i];\n        scope.gpioCells[gpio.row+'_'+gpio.col] = gpio;\n        rowCount = Math.max(rowCount, gpio.row+1);\n    }\n    \n    scope.prefferedRowHeight = 32;\n    scope.rows = [];\n    for (i = 0; i < rowCount; i++) {\n        var row = [];\n        for (var c =0; c<2;c++) {\n            if (scope.gpioCells[i+'_'+c]) {\n                row[c] = scope.gpioCells[i+'_'+c];\n            } else {\n                row[c] = null;\n            }\n        }\n        scope.rows.push(row);\n    }    \n    \n    self.onResize();\n}\n\nself.onDataUpdated = function() {\n    var changed = false;\n    for (var d = 0; d < self.ctx.data.length; d++) {\n        var cellData = self.ctx.data[d];\n        var dataKey = cellData.dataKey;\n        var gpio = self.ctx.$scope.gpioByPin[dataKey.label];\n        if (gpio) {\n            var enabled = false;\n            if (cellData.data.length > 0) {\n                var tvPair = cellData.data[cellData.data.length - 1];\n                enabled = (tvPair[1] === true || tvPair[1] === 'true');\n            }\n            if (gpio.enabled != enabled) {\n                changed = true;\n                gpio.enabled = enabled;\n            }\n        }\n    }\n    if (changed) {\n        self.ctx.detectChanges();\n    }    \n}\n\nself.onResize = function() {\n    var rowCount = self.ctx.$scope.rows.length;\n    var prefferedRowHeight = (self.ctx.height - 35)/rowCount;\n    prefferedRowHeight = Math.min(32, prefferedRowHeight);\n    prefferedRowHeight = Math.max(12, prefferedRowHeight);\n    self.ctx.$scope.prefferedRowHeight = prefferedRowHeight;\n    \n    var ratio = prefferedRowHeight/32;\n    \n    var css = '.gpio-left-label, .gpio-right-label {\\n' +\n        '   font-size: ' + 16*ratio+'px;\\n'+\n    '}\\n';\n    var pinsFontSize = Math.max(9, 12*ratio);\n    css += '.pin {\\n' +\n        '   font-size: ' + pinsFontSize+'px;\\n'+\n    '}\\n';\n   \n    cssParser.createStyleElement(namespace, css); \n   \n    self.ctx.detectChanges();\n}\n\nself.onDestroy = function() {\n}\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"Settings\",\n        \"properties\": {\n            \"gpioList\": {\n                \"title\": \"Gpio leds\",\n                \"type\": \"array\",\n                \"minItems\" : 1,\n                \"items\": {\n                    \"title\": \"Gpio led\",\n                    \"type\": \"object\",\n                    \"properties\": {\n                        \"pin\": {\n                            \"title\": \"Pin\",\n                            \"type\": \"number\"\n                        },\n                        \"label\": {\n                            \"title\": \"Label\",\n                            \"type\": \"string\"\n                        },\n                        \"row\": {\n                            \"title\": \"Row\",\n                            \"type\": \"number\"\n                        },\n                        \"col\": {\n                            \"title\": \"Column\",\n                            \"type\": \"number\"\n                        },\n                        \"color\": {\n                            \"title\": \"Color\",\n                            \"type\": \"string\",\n                            \"default\": \"red\"\n                        }\n                    },\n                    \"required\": [\"pin\", \"label\", \"row\", \"col\", \"color\"]\n                }\n            },\n            \"ledPanelBackgroundColor\": {\n                \"title\": \"LED panel background color\",\n                \"type\": \"string\",\n                \"default\": \"#008a00\"\n            } \n        },\n        \"required\": [\"gpioList\", \n                     \"ledPanelBackgroundColor\"]\n    },\n    \"form\": [\n        {\n            \"key\": \"gpioList\",\n            \"items\": [\n                \"gpioList[].pin\",\n                \"gpioList[].label\",\n                \"gpioList[].row\",\n                \"gpioList[].col\",\n                {\n                    \"key\": \"gpioList[].color\",\n                    \"type\": \"color\"\n                }\n            ]\n        },\n        {\n            \"key\": \"ledPanelBackgroundColor\",\n            \"type\": \"color\"\n        }\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"0px\",\"settings\":{\"gpioList\":[{\"pin\":1,\"label\":\"3.3V\",\"row\":0,\"col\":0,\"color\":\"#fc9700\",\"_uniqueKey\":0},{\"pin\":2,\"label\":\"5V\",\"row\":0,\"col\":1,\"color\":\"#fb0000\",\"_uniqueKey\":1},{\"pin\":3,\"label\":\"GPIO 2 (I2C1_SDA)\",\"row\":1,\"col\":0,\"color\":\"#02fefb\",\"_uniqueKey\":2},{\"color\":\"#fb0000\",\"pin\":4,\"label\":\"5V\",\"row\":1,\"col\":1},{\"color\":\"#02fefb\",\"pin\":5,\"label\":\"GPIO 3 (I2C1_SCL)\",\"row\":2,\"col\":0},{\"color\":\"#000000\",\"pin\":6,\"label\":\"GND\",\"row\":2,\"col\":1},{\"color\":\"#00fd00\",\"pin\":7,\"label\":\"GPIO 4 (GPCLK0)\",\"row\":3,\"col\":0},{\"color\":\"#fdfb00\",\"pin\":8,\"label\":\"GPIO 14 (UART_TXD)\",\"row\":3,\"col\":1},{\"color\":\"#000000\",\"pin\":9,\"label\":\"GND\",\"row\":4,\"col\":0},{\"color\":\"#fdfb00\",\"pin\":10,\"label\":\"GPIO 15 (UART_RXD)\",\"row\":4,\"col\":1},{\"color\":\"#00fd00\",\"pin\":11,\"label\":\"GPIO 17\",\"row\":5,\"col\":0},{\"color\":\"#00fd00\",\"pin\":12,\"label\":\"GPIO 18\",\"row\":5,\"col\":1},{\"color\":\"#00fd00\",\"pin\":13,\"label\":\"GPIO 27\",\"row\":6,\"col\":0},{\"color\":\"#000000\",\"pin\":14,\"label\":\"GND\",\"row\":6,\"col\":1},{\"color\":\"#00fd00\",\"pin\":15,\"label\":\"GPIO 22\",\"row\":7,\"col\":0},{\"color\":\"#00fd00\",\"pin\":16,\"label\":\"GPIO 23\",\"row\":7,\"col\":1},{\"color\":\"#fc9700\",\"pin\":17,\"label\":\"3.3V\",\"row\":8,\"col\":0},{\"color\":\"#00fd00\",\"pin\":18,\"label\":\"GPIO 24\",\"row\":8,\"col\":1},{\"color\":\"#fd01fd\",\"pin\":19,\"label\":\"GPIO 10 (SPI_MOSI)\",\"row\":9,\"col\":0},{\"color\":\"#000000\",\"pin\":20,\"label\":\"GND\",\"row\":9,\"col\":1},{\"color\":\"#fd01fd\",\"pin\":21,\"label\":\"GPIO 9 (SPI_MISO)\",\"row\":10,\"col\":0},{\"color\":\"#00fd00\",\"pin\":22,\"label\":\"GPIO 25\",\"row\":10,\"col\":1},{\"color\":\"#fd01fd\",\"pin\":23,\"label\":\"GPIO 11 (SPI_SCLK)\",\"row\":11,\"col\":0},{\"color\":\"#fd01fd\",\"pin\":24,\"label\":\"GPIO 8 (SPI_CE0)\",\"row\":11,\"col\":1},{\"color\":\"#000000\",\"pin\":25,\"label\":\"GND\",\"row\":12,\"col\":0},{\"color\":\"#fd01fd\",\"pin\":26,\"label\":\"GPIO 7 (SPI_CE1)\",\"row\":12,\"col\":1},{\"color\":\"#ffffff\",\"pin\":27,\"label\":\"ID_SD\",\"row\":13,\"col\":0},{\"color\":\"#ffffff\",\"pin\":28,\"label\":\"ID_SC\",\"row\":13,\"col\":1},{\"color\":\"#00fd00\",\"pin\":29,\"label\":\"GPIO 5\",\"row\":14,\"col\":0},{\"color\":\"#000000\",\"pin\":30,\"label\":\"GND\",\"row\":14,\"col\":1},{\"color\":\"#00fd00\",\"pin\":31,\"label\":\"GPIO 6\",\"row\":15,\"col\":0},{\"color\":\"#00fd00\",\"pin\":32,\"label\":\"GPIO 12\",\"row\":15,\"col\":1},{\"color\":\"#00fd00\",\"pin\":33,\"label\":\"GPIO 13\",\"row\":16,\"col\":0},{\"color\":\"#000000\",\"pin\":34,\"label\":\"GND\",\"row\":16,\"col\":1},{\"color\":\"#00fd00\",\"pin\":35,\"label\":\"GPIO 19\",\"row\":17,\"col\":0},{\"color\":\"#00fd00\",\"pin\":36,\"label\":\"GPIO 16\",\"row\":17,\"col\":1},{\"color\":\"#00fd00\",\"pin\":37,\"label\":\"GPIO 26\",\"row\":18,\"col\":0},{\"color\":\"#00fd00\",\"pin\":38,\"label\":\"GPIO 20\",\"row\":18,\"col\":1},{\"color\":\"#000000\",\"pin\":39,\"label\":\"GND\",\"row\":19,\"col\":0},{\"color\":\"#00fd00\",\"pin\":40,\"label\":\"GPIO 21\",\"row\":19,\"col\":1}],\"ledPanelBackgroundColor\":\"#008a00\"},\"title\":\"Raspberry Pi GPIO Panel\",\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"7\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.22518255793320163,\"funcBody\":\"var period = time % 1500;\\nreturn period < 500;\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"11\",\"color\":\"#4caf50\",\"settings\":{},\"_hash\":0.7008206860666621,\"funcBody\":\"var period = time % 1500;\\nreturn period >= 500 && period < 1000;\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"12\",\"color\":\"#f44336\",\"settings\":{},\"_hash\":0.42600325102193426,\"funcBody\":\"var period = time % 1500;\\nreturn period >= 1000;\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"13\",\"color\":\"#ffc107\",\"settings\":{},\"_hash\":0.48362241571415243,\"funcBody\":\"var period = time % 1500;\\nreturn period < 500;\"},{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"29\",\"color\":\"#607d8b\",\"settings\":{},\"_hash\":0.7217670147518815,\"funcBody\":\"var period = time % 1500;\\nreturn period >= 500 && period < 1000;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}}}"
diff --git a/application/src/main/data/json/system/widget_bundles/input_widgets.json b/application/src/main/data/json/system/widget_bundles/input_widgets.json
index 2cc297b263..f228cc1b72 100644
--- a/application/src/main/data/json/system/widget_bundles/input_widgets.json
+++ b/application/src/main/data/json/system/widget_bundles/input_widgets.json
@@ -11,11 +11,11 @@
       "descriptor": {
         "type": "latest",
         "sizeX": 7.5,
-        "sizeY": 3.5,
+        "sizeY": 3,
         "resources": [],
-        "templateHtml": "<form class=\"attribute-update-form\"\n      name=\"attrUpdateForm\"\n      ng-submit=\"updateAttribute($event)\"\n>\n    <div style=\"padding: 0 8px; margin: auto 0;\">\n        <div class=\"attribute-update-form__grid\" ng-show=\"entityDetected && isValidParameter && dataKeyDetected\">\n            <div class=\"grid__element\">\n                <md-input-container ng-class=\"{'show-label': settings.showLabel}\" class=\"md-block\" style=\"width: 100%;\">\n                    <label>{{labelValue}}</label>\n                    <input required\n                           name=\"attribute\"\n                           ng-model=\"currentValue\"\n                           ng-focus=\"isFocused = true\"\n                           ng-blur=\"changeFocus()\"\n                           maxlength=\"{{settings.maxLength}}\"\n                           minlength=\"{{settings.minLength}}\"\n                    >\n                    <div ng-messages=\"attrUpdateForm.attribute.$error\">\n                        <div ng-message=\"required\">{{requiredErrorMessage}}</div>\n                    </div>\n                </md-input-container>\n            </div>\n\n            <div class=\"grid__element\">\n                <md-button class=\"md-icon-button applyChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.update-attribute' | translate }}\"\n                           type=\"submit\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"isFocused = false\"\n                >\n                    <md-icon>check</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.update-attribute' | translate }}</md-tooltip>\n                </md-button>\n                <md-button class=\"md-icon-button discardChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"currentValue = originalValue; isFocused = false\"\n                >\n                    <md-icon>close</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.discard-changes' | translate }}</md-tooltip>\n                </md-button>\n            </div>\n        </div>\n        \n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-hide=\"entityDetected\">\n            {{ 'widgets.input-widgets.no-entity-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !dataKeyDetected\">\n            {{ 'widgets.input-widgets.no-attribute-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !isValidParameter\">\n            {{ 'widgets.input-widgets.timeseries-not-allowed' | translate }}\n        </div>\n    </div>\n</form>",
-        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.entity-title {\n    font-weight: bold;\n    font-size: 22px;\n    padding-top: 12px;\n    padding-bottom: 6px;\n    color: #666;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .md-icon-button md-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.show-label label {\n    display: block;\n}\n\nlabel {\n    display: none;\n}\n\nmd-toast{\n    min-width: 0;\n}\nmd-toast .md-toast-content {\n    font-size: 14px!important;\n}",
-        "controllerScript": "let $scope;\r\nlet settings;\r\nlet attributeService;\r\nlet toast;\r\nlet utils;\r\nlet types;\r\nlet $translate;\r\n\r\nself.onInit = function() {\r\n\r\n    $scope = self.ctx.$scope;\r\n    attributeService = $scope.$injector.get('attributeService');\r\n    toast = $scope.$injector.get('toast');\r\n    utils = $scope.$injector.get('utils');\r\n    types = $scope.$injector.get('types');\r\n    $translate = $scope.$injector.get('$translate');\r\n    settings = self.ctx.settings || {};\r\n    $scope.settings = settings;\r\n    $scope.isValidParameter = true;\r\n    $scope.dataKeyDetected = false;\r\n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || $translate.instant('widgets.input-widgets.entity-attribute-required');\r\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || $translate.instant('widgets.input-widgets.value');\r\n\r\n    if (self.ctx.datasources && self.ctx.datasources.length) {\r\n        var datasource = self.ctx.datasources[0];\r\n        if (datasource.type === types.datasourceType.entity) {\r\n            if (datasource.entityType && datasource.entityId) {\r\n                $scope.entityName = datasource.entityName;\r\n                if (settings.widgetTitle && settings.widgetTitle.length) {\r\n                    $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\r\n                } else {\r\n                    $scope.titleTemplate = self.ctx.widgetConfig.title;\r\n                }\r\n\r\n                $scope.entityDetected = true;\r\n            }\r\n        }\r\n        if (datasource.dataKeys.length) {\r\n            if (datasource.dataKeys[0].type != types.dataKeyType.attribute) {\r\n                $scope.isValidParameter = false;\r\n            } else {\r\n                $scope.currentKey = datasource.dataKeys[0].name;\r\n                $scope.dataKeyType = datasource.dataKeys[0].type;\r\n                $scope.dataKeyDetected = true;\r\n            }\r\n        }\r\n    }\r\n\r\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\r\n\r\n    $scope.updateAttribute = function () {\r\n        if ($scope.entityDetected) {\r\n            var datasource = self.ctx.datasources[0];\r\n\r\n            attributeService.saveEntityAttributes(\r\n                datasource.entityType,\r\n                datasource.entityId,\r\n                types.attributesScope.server.value,\r\n                [\r\n                    {\r\n                        key: $scope.currentKey,\r\n                        value: $scope.currentValue\r\n                    }\r\n                ]\r\n            ).then(\r\n                function success() {\r\n                    $scope.originalValue = $scope.currentValue;\r\n                    if (settings.showResultMessage) {\r\n                        toast.showSuccess($translate.instant('widgets.input-widgets.update-successful'), 1000, angular.element(self.ctx.$container), 'bottom left');\r\n                    }\r\n                },\r\n                function fail() {\r\n                    if (settings.showResultMessage) {\r\n                        toast.showError($translate.instant('widgets.input-widgets.update-failed'), angular.element(self.ctx.$container), 'bottom left');\r\n                    }\r\n                }\r\n            );\r\n        }\r\n    };\r\n\r\n    $scope.changeFocus = function () {\r\n        if ($scope.currentValue === $scope.originalValue) {\r\n            $scope.isFocused = false;\r\n        }\r\n    }\r\n}\r\n\r\nself.onDataUpdated = function() {\r\n\r\n    try {\r\n        if ($scope.dataKeyDetected) {\r\n            if (!$scope.isFocused) {\r\n                $scope.currentValue = $scope.originalValue = self.ctx.data[0].data[0][1];\r\n                $scope.$digest();\r\n            }\r\n        }\r\n    } catch (e) {\r\n        console.log(e);\r\n    }\r\n}\r\n\r\nself.onResize = function() {\r\n\r\n}\r\n\r\nself.typeParameters = function() {\r\n    return {\r\n        maxDatasources: 1,\r\n        maxDataKeys: 1\r\n    }\r\n}\r\n\r\nself.onDestroy = function() {\r\n\r\n}\r\n",
+        "templateHtml": "<div tb-toast toastTarget=\"{{ toastTargetId }}\" style=\"width: 100%; height: 100%;\">\n    <form *ngIf=\"attributeUpdateFormGroup\"\n          class=\"attribute-update-form\"\n          [formGroup]=\"attributeUpdateFormGroup\"\n          (ngSubmit)=\"updateAttribute()\">\n        <div style=\"padding: 0 8px; margin: auto 0;\">\n            <div class=\"attribute-update-form__grid\" [fxShow]=\"entityDetected && isValidParameter && dataKeyDetected\">\n                <div class=\"grid__element\">\n                    <mat-form-field class=\"mat-block\" style=\"width: 100%;\"\n                                    floatLabel=\"{{settings.showLabel ? 'auto' : 'always'}}\"\n                                    [hideRequiredMarker]=\"!settings.showLabel\">\n                        <mat-label>{{ settings.showLabel ? labelValue : '' }}</mat-label>\n                        <input matInput\n                               formControlName=\"currentValue\"\n                               required\n                               (focus)=\"isFocused = true\"\n                               (blur)=\"changeFocus()\"\n                               maxlength=\"{{settings.maxLength}}\"\n                               minlength=\"{{settings.minLength}}\"/>\n                        <mat-error *ngIf=\"attributeUpdateFormGroup.get('currentValue').hasError('required')\">\n                            {{requiredErrorMessage}}\n                        </mat-error>\n                    </mat-form-field>    \n                </div>\n    \n                <div class=\"grid__element\">\n                    <button mat-button mat-icon-button class=\"applyChanges\"\n                               type=\"submit\"\n                               [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value || attributeUpdateFormGroup.invalid || !attributeUpdateFormGroup.dirty\"\n                               matTooltip=\"{{ 'widgets.input-widgets.update-timeseries' | translate }}\"\n                               matTooltipPosition=\"above\">\n                        <mat-icon>check</mat-icon>\n                    </button>\n                    <button mat-button mat-icon-button class=\"discardChanges\"\n                               type=\"button\"\n                               [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value\"\n                               (click)=\"attributeUpdateFormGroup.get('currentValue').patchValue(originalValue); isFocused = false\"\n                               matTooltip=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                               matTooltipPosition=\"above\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </div>\n            </div>\n    \n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxHide]=\"entityDetected\">\n                {{ 'widgets.input-widgets.no-entity-selected' | translate }}\n            </div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\n                 [fxShow]=\"entityDetected && !dataKeyDetected\">\n                {{ 'widgets.input-widgets.no-attribute-selected' | translate }}\n            </div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\n                 [fxShow]=\"entityDetected && !isValidParameter\">\n                {{ 'widgets.input-widgets.timeseries-not-allowed' | translate }}\n            </div>\n        </div>\n    </form>\n</div>",
+        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .mat-icon-button mat-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.tb-toast {\n    font-size: 14px!important;\n}",
+        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet utils;\nlet translate;\nlet http;\n\nself.onInit = function() {\n    self.ctx.ngZone.run(function() {\n       init(); \n       self.ctx.detectChanges(true);\n    });\n};\n\n\nfunction init() {\n\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get(self.ctx.servicesMap.get('attributeService'));\n    utils = $scope.$injector.get(self.ctx.servicesMap.get('utils'));\n    translate = $scope.$injector.get(self.ctx.servicesMap.get('translate'));\n    http = $scope.$injector.get(self.ctx.servicesMap.get('http'));\n    $scope.toastTargetId = 'input-widget' + utils.guid();\n    settings = utils.deepClone(self.ctx.settings) || {};\n    settings.showLabel = utils.defaultValue(settings.showLabel, true);\n    settings.showResultMessage = utils.defaultValue(settings.showResultMessage, true);\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false; \n\n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || translate.instant('widgets.input-widgets.entity-timeseries-required');\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || translate.instant('widgets.input-widgets.value');\n\n    $scope.attributeUpdateFormGroup = $scope.fb.group(\n        {currentValue: [undefined, [$scope.validators.required,\n                                    $scope.validators.minLength(settings.minLength),\n                                    $scope.validators.maxLength(settings.maxLength)]]}\n    );\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === 'entity') {\n            if (datasource.entityType && datasource.entityId) {\n                $scope.entityName = datasource.entityName;\n                if (settings.widgetTitle && settings.widgetTitle.length) {\n                    $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                } else {\n                    $scope.titleTemplate = self.ctx.widgetConfig.title;\n                }\n\n                $scope.entityDetected = true;\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type !== \"attribute\") {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        $scope.isFocused = false;\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            attributeService.saveEntityAttributes(\n                datasource.entity.id,\n                'SERVER_SCOPE',\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.attributeUpdateFormGroup.get('currentValue').value\n                    }\n                ]\n            ).subscribe(\n                function success() {\n                    $scope.originalValue = $scope.attributeUpdateFormGroup.get('currentValue').value;\n                    if (settings.showResultMessage) {\n                        $scope.showSuccessToast(translate.instant('widgets.input-widgets.update-successful'), 1000, 'bottom', 'left', $scope.toastTargetId);\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        $scope.showErrorToast(translate.instant('widgets.input-widgets.update-failed'), 'bottom', 'left', $scope.toastTargetId);\n                    }\n                }\n            );\n        }\n    };\n\n    $scope.changeFocus = function () {\n        if ($scope.attributeUpdateFormGroup.get('currentValue').value === $scope.originalValue) {\n            $scope.isFocused = false;\n        }\n    }\n}\n\nself.onDataUpdated = function() {\n    try {\n        if ($scope.dataKeyDetected) {\n            if (!$scope.isFocused) {\n                $scope.originalValue = self.ctx.data[0].data[0][1];\n                $scope.attributeUpdateFormGroup.get('currentValue').patchValue($scope.originalValue);\n                self.ctx.detectChanges();\n            }\n        }\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nself.onResize = function() {\n\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {\n\n}",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"EntitiesTableSettings\",\n        \"properties\": {\n            \"widgetTitle\": {\n                \"title\": \"Widget title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"showLabel\":{\n                \"title\":\"Show label\",\n                \"type\":\"boolean\",\n                \"default\":true\n            },\n            \"labelValue\": {\n                \"title\": \"Label\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"requiredErrorMessage\": {\n                \"title\": \"'Required' error message\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"maxLength\": {\n                \"title\": \"Max length\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"minLength\": {\n                \"title\": \"Min length\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"showResultMessage\":{\n                \"title\":\"Show result message\",\n                \"type\":\"boolean\",\n                \"default\":true\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"widgetTitle\",\n        \"showResultMessage\",\n        \"showLabel\",\n        \"labelValue\",\n        \"requiredErrorMessage\",\n        \"maxLength\",\n        \"minLength\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Sin\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.23592248334107624,\"funcBody\":\"return Math.round(1000*Math.sin(time/5000));\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{},\"title\":\"Update server string attribute\",\"dropShadow\":true,\"enableFullscreen\":false,\"enableDataExport\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
@@ -29,9 +29,9 @@
         "sizeX": 7.5,
         "sizeY": 3,
         "resources": [],
-        "templateHtml": "<form class=\"attribute-update-form\"\n      name=\"attrUpdateForm\"\n      ng-submit=\"updateAttribute($event)\"\n>\n    <div style=\"padding: 0 8px; margin: auto 0;\">\n\n        <div class=\"attribute-update-form__grid\" ng-show=\"entityDetected && isValidParameter && dataKeyDetected\">\n            <div class=\"grid__element\">\n                <md-input-container ng-class=\"{'show-label': settings.showLabel}\" class=\"md-block\" style=\"width: 100%;\">\n                    <label>{{labelValue}}</label>\n                    <input required\n                           name=\"attribute\"\n                           ng-model=\"currentValue\"\n                           ng-focus=\"isFocused = true\"\n                           ng-blur=\"changeFocus()\"\n                           type=\"number\"\n                           max=\"{{settings.maxValue}}\"\n                           min=\"{{settings.minValue}}\"\n                    >\n                    <div ng-messages=\"attrUpdateForm.attribute.$error\">\n                        <div ng-message=\"required\">{{requiredErrorMessage}}</div>\n                    </div>\n                </md-input-container>\n            </div>\n\n            <div class=\"grid__element\">\n                <md-button class=\"md-icon-button applyChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.update-attribute' | translate }}\"\n                           type=\"submit\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"isFocused = false\"\n                >\n                    <md-icon>check</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.update-attribute' | translate }}</md-tooltip>\n                </md-button>\n                <md-button class=\"md-icon-button discardChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"currentValue = originalValue; isFocused = false\"\n                >\n                    <md-icon>close</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.discard-changes' | translate }}</md-tooltip>\n                </md-button>\n            </div>\n        </div>\n\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-hide=\"entityDetected\">\n            {{ 'widgets.input-widgets.no-entity-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !dataKeyDetected\">\n            {{ 'widgets.input-widgets.no-attribute-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !isValidParameter\">\n            {{ 'widgets.input-widgets.timeseries-not-allowed' | translate }}\n        </div>\n    </div>\n</form>",
-        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.entity-title {\n    font-weight: bold;\n    font-size: 22px;\n    padding-top: 12px;\n    padding-bottom: 6px;\n    color: #666;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .md-icon-button md-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.show-label label {\n    display: block;\n}\n\nlabel {\n    display: none;\n}\n\nmd-toast{\n    min-width: 0;\n}\nmd-toast .md-toast-content {\n    font-size: 14px!important;\n}",
-        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet toast;\nlet utils;\nlet types;\nlet $translate;\n\nself.onInit = function() {\n\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get('attributeService');\n    toast = $scope.$injector.get('toast');\n    utils = $scope.$injector.get('utils');\n    types = $scope.$injector.get('types');\n    $translate = $scope.$injector.get('$translate');\n    settings = angular.copy(self.ctx.settings) || {};\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false;\n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || $translate.instant('widgets.input-widgets.entity-attribute-required');\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || $translate.instant('widgets.input-widgets.value');\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === types.datasourceType.entity) {\n            if (datasource.entityType && datasource.entityId) {\n                $scope.entityName = datasource.entityName;\n                if (settings.widgetTitle && settings.widgetTitle.length) {\n                    $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                } else {\n                    $scope.titleTemplate = self.ctx.widgetConfig.title;\n                }\n\n                $scope.entityDetected = true;\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type != types.dataKeyType.attribute) {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            attributeService.saveEntityAttributes(\n                datasource.entityType,\n                datasource.entityId,\n                types.attributesScope.server.value,\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.currentValue\n                    }\n                ]\n            ).then(\n                function success() {\n                    $scope.originalValue = $scope.currentValue;\n                    if (settings.showResultMessage) {\n                        toast.showSuccess($translate.instant('widgets.input-widgets.update-successful'), 1000, angular.element(self.ctx.$container), 'bottom left');\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        toast.showError($translate.instant('widgets.input-widgets.update-failed'), angular.element(self.ctx.$container), 'bottom left');\n                    }\n                }\n            );\n        }\n    };\n\n    $scope.changeFocus = function () {\n        if ($scope.currentValue === $scope.originalValue) {\n            $scope.isFocused = false;\n        }\n    }\n}\n\nself.onDataUpdated = function() {\n\n    try {\n        if ($scope.dataKeyDetected) {\n            if (!$scope.isFocused) {\n                $scope.currentValue = $scope.originalValue = self.ctx.data[0].data[0][1];\n                correctValue($scope.currentValue);\n                $scope.$digest();\n            }\n        }\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nfunction correctValue(value) {\n    if (typeof value !== \"number\") {\n        $scope.currentValue = 0;\n    }\n}\n\nself.onResize = function() {\n\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {\n\n}\n",
+        "templateHtml": "<div tb-toast toastTarget=\"{{ toastTargetId }}\" style=\"width: 100%; height: 100%;\">\n    <form *ngIf=\"attributeUpdateFormGroup\"\n          class=\"attribute-update-form\"\n          [formGroup]=\"attributeUpdateFormGroup\"\n          (ngSubmit)=\"updateAttribute()\">\n        <div style=\"padding: 0 8px; margin: auto 0;\">\n            <div class=\"attribute-update-form__grid\" [fxShow]=\"entityDetected && isValidParameter && dataKeyDetected\">\n                <div class=\"grid__element\">\n                    <mat-form-field class=\"mat-block\" style=\"width: 100%;\"\n                                    floatLabel=\"{{settings.showLabel ? 'auto' : 'always'}}\"\n                                    [hideRequiredMarker]=\"!settings.showLabel\">\n                        <mat-label>{{ settings.showLabel ? labelValue : '' }}</mat-label>\n                        <input matInput\n                               formControlName=\"currentValue\"\n                               required\n                               type=\"number\"\n                               step=\"1\"\n                               pattern=\"^-?[0-9]+$\"\n                               (focus)=\"isFocused = true\"\n                               (blur)=\"changeFocus()\"\n                               max=\"{{settings.maxValue}}\"\n                               min=\"{{settings.minValue}}\"/>\n                        <mat-error *ngIf=\"attributeUpdateFormGroup.get('currentValue').hasError('required')\">\n                            {{requiredErrorMessage}}\n                        </mat-error>\n                    </mat-form-field>    \n                </div>\n    \n                <div class=\"grid__element\">\n                    <button mat-button mat-icon-button class=\"applyChanges\"\n                               type=\"submit\"\n                               [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value || attributeUpdateFormGroup.invalid || !attributeUpdateFormGroup.dirty\"\n                               matTooltip=\"{{ 'widgets.input-widgets.update-timeseries' | translate }}\"\n                               matTooltipPosition=\"above\">\n                        <mat-icon>check</mat-icon>\n                    </button>\n                    <button mat-button mat-icon-button class=\"discardChanges\"\n                               type=\"button\"\n                               [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value\"\n                               (click)=\"attributeUpdateFormGroup.get('currentValue').patchValue(originalValue); isFocused = false\"\n                               matTooltip=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                               matTooltipPosition=\"above\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </div>\n            </div>\n    \n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxHide]=\"entityDetected\" >\n                {{ 'widgets.input-widgets.no-entity-selected' | translate }}\n            </div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\n                 [fxShow]=\"entityDetected && !dataKeyDetected\">\n                {{ 'widgets.input-widgets.no-attribute-selected' | translate }}\n            </div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\n                 [fxShow]=\"entityDetected && !isValidParameter\">\n                {{ 'widgets.input-widgets.timeseries-not-allowed' | translate }}\n            </div>\n        </div>\n    </form>\n</div>",
+        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .mat-icon-button mat-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.tb-toast {\n    font-size: 14px!important;\n}",
+        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet utils;\nlet translate;\nlet http;\n\nself.onInit = function() {\n    self.ctx.ngZone.run(function() {\n       init(); \n       self.ctx.detectChanges(true);\n    });\n};\n\n\nfunction init() {\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get(self.ctx.servicesMap.get('attributeService'));\n    utils = $scope.$injector.get(self.ctx.servicesMap.get('utils'));\n    translate = $scope.$injector.get(self.ctx.servicesMap.get('translate'));\n    http = $scope.$injector.get(self.ctx.servicesMap.get('http'));\n    $scope.toastTargetId = 'input-widget' + utils.guid();\n    settings = utils.deepClone(self.ctx.settings) || {};\n    settings.showLabel = utils.defaultValue(settings.showLabel, true);\n    settings.showResultMessage = utils.defaultValue(settings.showResultMessage, true);\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false; \n\n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || translate.instant('widgets.input-widgets.entity-timeseries-required');\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || translate.instant('widgets.input-widgets.value');\n\n    $scope.attributeUpdateFormGroup = $scope.fb.group(\n        {currentValue: [undefined, [$scope.validators.required,\n                                    $scope.validators.min(settings.minValue),\n                                    $scope.validators.max(settings.maxValue),\n                                    $scope.validators.pattern(/^-?[0-9]+$/)]]}\n    );\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === 'entity') {\n            if (datasource.entityType && datasource.entityId) {\n                $scope.entityName = datasource.entityName;\n                if (settings.widgetTitle && settings.widgetTitle.length) {\n                    $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                } else {\n                    $scope.titleTemplate = self.ctx.widgetConfig.title;\n                }\n\n                $scope.entityDetected = true;\n            }\n            \n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type !== \"attribute\") {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        $scope.isFocused = false;\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            attributeService.saveEntityAttributes(\n                datasource.entity.id,\n                'SERVER_SCOPE',\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.attributeUpdateFormGroup.get('currentValue').value\n                    }\n                ]\n            ).subscribe(\n                function success() {\n                    $scope.originalValue = $scope.attributeUpdateFormGroup.get('currentValue').value;\n                    if (settings.showResultMessage) {\n                        $scope.showSuccessToast(translate.instant('widgets.input-widgets.update-successful'), 1000, 'bottom', 'left', $scope.toastTargetId);\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        $scope.showErrorToast(translate.instant('widgets.input-widgets.update-failed'), 'bottom', 'left', $scope.toastTargetId);\n                    }\n                }\n            );\n        }\n    };\n\n    $scope.changeFocus = function () {\n        if ($scope.attributeUpdateFormGroup.get('currentValue').value === $scope.originalValue) {\n            $scope.isFocused = false;\n        }\n    }\n}\n\nself.onDataUpdated = function() {\n    try {\n        if ($scope.dataKeyDetected) {\n            if (!$scope.isFocused) {\n                $scope.originalValue = self.ctx.data[0].data[0][1];\n                $scope.attributeUpdateFormGroup.get('currentValue').patchValue(correctValue($scope.originalValue));\n                self.ctx.detectChanges();\n            }\n        }\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nfunction correctValue(value) {\n    if (typeof value !== \"number\") {\n        return 0;\n    }\n    return value;\n}\n\nself.onResize = function() {\n\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {\n\n}",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"EntitiesTableSettings\",\n        \"properties\": {\n            \"widgetTitle\": {\n                \"title\": \"Widget title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"showLabel\":{\n                \"title\":\"Show label\",\n                \"type\":\"boolean\",\n                \"default\":true\n            },\n            \"labelValue\": {\n                \"title\": \"Label\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"requiredErrorMessage\": {\n                \"title\": \"'Required' error message\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"maxValue\": {\n                \"title\": \"Max value\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"minValue\": {\n                \"title\": \"Min value\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"showResultMessage\":{\n                \"title\":\"Show result message\",\n                \"type\":\"boolean\",\n                \"default\":true\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"widgetTitle\",\n        \"showResultMessage\",\n        \"showLabel\",\n        \"labelValue\",\n        \"requiredErrorMessage\",\n        \"maxValue\",\n        \"minValue\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{},\"title\":\"Update server integer attribute\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
@@ -45,9 +45,9 @@
         "sizeX": 7.5,
         "sizeY": 3,
         "resources": [],
-        "templateHtml": "<form class=\"attribute-update-form\"\n      name=\"attrUpdateForm\"\n      ng-submit=\"updateAttribute($event)\"\n>\n    <div style=\"padding: 0 8px; margin: auto 0;\">\n\n        <div class=\"attribute-update-form__grid\" ng-show=\"entityDetected && isValidParameter && dataKeyDetected\">\n            <div class=\"grid__element\">\n                <md-input-container ng-class=\"{'show-label': settings.showLabel}\" class=\"md-block\" style=\"width: 100%;\">\n                    <label>{{labelValue}}</label>\n                    <input required\n                           name=\"attribute\"\n                           ng-model=\"currentValue\"\n                           ng-focus=\"isFocused = true\"\n                           ng-blur=\"changeFocus()\"\n                           type=\"number\"\n                           step=\"any\"\n                           max=\"{{settings.maxValue}}\"\n                           min=\"{{settings.minValue}}\"\n                    >\n                    <div ng-messages=\"attrUpdateForm.attribute.$error\">\n                        <div ng-message=\"required\">{{requiredErrorMessage}}</div>\n                    </div>\n                </md-input-container>\n            </div>\n\n            <div class=\"grid__element\">\n                <md-button class=\"md-icon-button applyChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.update-attribute' | translate }}\"\n                           type=\"submit\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"isFocused = false\"\n                >\n                    <md-icon>check</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.update-attribute' | translate }}</md-tooltip>\n                </md-button>\n                <md-button class=\"md-icon-button discardChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"currentValue = originalValue; isFocused = false\"\n                >\n                    <md-icon>close</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.discard-changes' | translate }}</md-tooltip>\n                </md-button>\n            </div>\n        </div>\n\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-hide=\"entityDetected\">\n            {{ 'widgets.input-widgets.no-entity-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !dataKeyDetected\">\n            {{ 'widgets.input-widgets.no-attribute-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !isValidParameter\">\n            {{ 'widgets.input-widgets.timeseries-not-allowed' | translate }}\n        </div>\n    </div>\n</form>",
-        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.entity-title {\n    font-weight: bold;\n    font-size: 22px;\n    padding-top: 12px;\n    padding-bottom: 6px;\n    color: #666;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .md-icon-button md-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.show-label label {\n    display: block;\n}\n\nlabel {\n    display: none;\n}\n\nmd-toast{\n    min-width: 0;\n}\nmd-toast .md-toast-content {\n    font-size: 14px!important;\n}",
-        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet toast;\nlet utils;\nlet types;\nlet $translate;\n\nself.onInit = function() {\n\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get('attributeService');\n    toast = $scope.$injector.get('toast');\n    utils = $scope.$injector.get('utils');\n    types = $scope.$injector.get('types');\n    $translate = $scope.$injector.get('$translate');\n    settings = angular.copy(self.ctx.settings) || {};\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false;\n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || $translate.instant('widgets.input-widgets.entity-attribute-required');\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || $translate.instant('widgets.input-widgets.value');\n    \n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === types.datasourceType.entity) {\n            if (datasource.entityType && datasource.entityId) {\n                $scope.entityName = datasource.entityName;\n                if (settings.widgetTitle && settings.widgetTitle.length) {\n                    $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                } else {\n                    $scope.titleTemplate = self.ctx.widgetConfig.title;\n                }\n\n                $scope.entityDetected = true;\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type != types.dataKeyType.attribute) {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            attributeService.saveEntityAttributes(\n                datasource.entityType,\n                datasource.entityId,\n                types.attributesScope.server.value,\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.currentValue\n                    }\n                ]\n            ).then(\n                function success() {\n                    $scope.originalValue = $scope.currentValue;\n                    if (settings.showResultMessage) {\n                        toast.showSuccess($translate.instant('widgets.input-widgets.update-successful'), 1000, angular.element(self.ctx.$container), 'bottom left');\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        toast.showError($translate.instant('widgets.input-widgets.update-failed'), angular.element(self.ctx.$container), 'bottom left');\n                    }\n                }\n            );\n        }\n    };\n\n    $scope.changeFocus = function () {\n        if ($scope.currentValue === $scope.originalValue) {\n            $scope.isFocused = false;\n        }\n    }\n}\n\nself.onDataUpdated = function() {\n\n    try {\n        if ($scope.dataKeyDetected) {\n            if (!$scope.isFocused) {\n                $scope.currentValue = $scope.originalValue = self.ctx.data[0].data[0][1];\n                correctValue($scope.currentValue);\n                $scope.$digest();\n            }\n        }\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nfunction correctValue(value) {\n    if (typeof value !== \"number\") {\n        $scope.currentValue = 0;\n    }\n}\n\nself.onResize = function() {\n\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {\n\n}\n",
+        "templateHtml": "<div tb-toast toastTarget=\"{{ toastTargetId }}\" style=\"width: 100%; height: 100%;\">\n    <form *ngIf=\"attributeUpdateFormGroup\"\n          class=\"attribute-update-form\"\n          [formGroup]=\"attributeUpdateFormGroup\"\n          (ngSubmit)=\"updateAttribute()\">\n        <div style=\"padding: 0 8px; margin: auto 0;\">\n            <div class=\"attribute-update-form__grid\" [fxShow]=\"entityDetected && isValidParameter && dataKeyDetected\">\n                <div class=\"grid__element\">\n                    <mat-form-field class=\"mat-block\" style=\"width: 100%;\"\n                                    floatLabel=\"{{settings.showLabel ? 'auto' : 'always'}}\"\n                                    [hideRequiredMarker]=\"!settings.showLabel\">\n                        <mat-label>{{ settings.showLabel ? labelValue : '' }}</mat-label>\n                        <input matInput\n                               formControlName=\"currentValue\"\n                               required\n                               type=\"number\"\n                               (focus)=\"isFocused = true\"\n                               (blur)=\"changeFocus()\"\n                               max=\"{{settings.maxValue}}\"\n                               min=\"{{settings.minValue}}\"/>\n                        <mat-error *ngIf=\"attributeUpdateFormGroup.get('currentValue').hasError('required')\">\n                            {{requiredErrorMessage}}\n                        </mat-error>\n                    </mat-form-field>    \n                </div>\n    \n                <div class=\"grid__element\">\n                    <button mat-button mat-icon-button class=\"applyChanges\"\n                               type=\"submit\"\n                               [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value || attributeUpdateFormGroup.invalid || !attributeUpdateFormGroup.dirty\"\n                               matTooltip=\"{{ 'widgets.input-widgets.update-timeseries' | translate }}\"\n                               matTooltipPosition=\"above\">\n                        <mat-icon>check</mat-icon>\n                    </button>\n                    <button mat-button mat-icon-button class=\"discardChanges\"\n                               type=\"button\"\n                               [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value\"\n                               (click)=\"attributeUpdateFormGroup.get('currentValue').patchValue(originalValue); isFocused = false\"\n                               matTooltip=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                               matTooltipPosition=\"above\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </div>\n            </div>\n    \n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxHide]=\"entityDetected\" >\n                {{ 'widgets.input-widgets.no-entity-selected' | translate }}\n            </div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\n                 [fxShow]=\"entityDetected && !dataKeyDetected\">\n                {{ 'widgets.input-widgets.no-attribute-selected' | translate }}\n            </div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\n                 [fxShow]=\"entityDetected && !isValidParameter\">\n                {{ 'widgets.input-widgets.timeseries-not-allowed' | translate }}\n            </div>\n        </div>\n    </form>\n</div>",
+        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .mat-icon-button mat-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.tb-toast {\n    font-size: 14px!important;\n}",
+        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet utils;\nlet translate;\nlet http;\n\nself.onInit = function() {\n    self.ctx.ngZone.run(function() {\n       init(); \n       self.ctx.detectChanges(true);\n    });\n};\n\n\nfunction init() {\n\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get(self.ctx.servicesMap.get('attributeService'));\n    utils = $scope.$injector.get(self.ctx.servicesMap.get('utils'));\n    translate = $scope.$injector.get(self.ctx.servicesMap.get('translate'));\n    http = $scope.$injector.get(self.ctx.servicesMap.get('http'));\n    $scope.toastTargetId = 'input-widget' + utils.guid();\n    settings = utils.deepClone(self.ctx.settings) || {};\n    settings.showLabel = utils.defaultValue(settings.showLabel, true);\n    settings.showResultMessage = utils.defaultValue(settings.showResultMessage, true);\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false; \n\n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || translate.instant('widgets.input-widgets.entity-timeseries-required');\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || translate.instant('widgets.input-widgets.value');\n\n    $scope.attributeUpdateFormGroup = $scope.fb.group(\n        {currentValue: [undefined, [$scope.validators.required,\n                                    $scope.validators.min(settings.minValue),\n                                    $scope.validators.max(settings.maxValue)]]}\n    );\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === 'entity') {\n            if (datasource.entityType && datasource.entityId) {\n                $scope.entityName = datasource.entityName;\n                if (settings.widgetTitle && settings.widgetTitle.length) {\n                    $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                } else {\n                    $scope.titleTemplate = self.ctx.widgetConfig.title;\n                }\n\n                $scope.entityDetected = true;\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type !== \"attribute\") {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        $scope.isFocused = false;\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            attributeService.saveEntityAttributes(\n                datasource.entity.id,\n                'SERVER_SCOPE',\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.attributeUpdateFormGroup.get('currentValue').value\n                    }\n                ]\n            ).subscribe(\n                function success() {\n                    $scope.originalValue = $scope.attributeUpdateFormGroup.get('currentValue').value;\n                    if (settings.showResultMessage) {\n                        $scope.showSuccessToast(translate.instant('widgets.input-widgets.update-successful'), 1000, 'bottom', 'left', $scope.toastTargetId);\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        $scope.showErrorToast(translate.instant('widgets.input-widgets.update-failed'), 'bottom', 'left', $scope.toastTargetId);\n                    }\n                }\n            );\n        }\n    };\n\n    $scope.changeFocus = function () {\n        if ($scope.attributeUpdateFormGroup.get('currentValue').value === $scope.originalValue) {\n            $scope.isFocused = false;\n        }\n    }\n}\n\nself.onDataUpdated = function() {\n\n    try {\n        if ($scope.dataKeyDetected) {\n            if (!$scope.isFocused) {\n                $scope.originalValue = self.ctx.data[0].data[0][1];\n                $scope.attributeUpdateFormGroup.get('currentValue').patchValue(correctValue($scope.originalValue));\n                self.ctx.detectChanges();\n            }\n        }\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nfunction correctValue(value) {\n    if (typeof value !== \"number\") {\n        return 0;\n    }\n    return value;\n}\n\nself.onResize = function() {\n\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {\n\n}",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"EntitiesTableSettings\",\n        \"properties\": {\n            \"widgetTitle\": {\n                \"title\": \"Widget title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"showLabel\":{\n                \"title\":\"Show label\",\n                \"type\":\"boolean\",\n                \"default\":true\n            },\n            \"labelValue\": {\n                \"title\": \"Label\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"requiredErrorMessage\": {\n                \"title\": \"'Required' error message\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"maxValue\": {\n                \"title\": \"Max value\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"minValue\": {\n                \"title\": \"Min value\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"showResultMessage\":{\n                \"title\":\"Show result message\",\n                \"type\":\"boolean\",\n                \"default\":true\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"widgetTitle\",\n        \"showResultMessage\",\n        \"showLabel\",\n        \"labelValue\",\n        \"requiredErrorMessage\",\n        \"maxValue\",\n        \"minValue\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{},\"title\":\"Update server double attribute\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
@@ -61,9 +61,9 @@
         "sizeX": 7.5,
         "sizeY": 3,
         "resources": [],
-        "templateHtml": "<form class=\"attribute-update-form\"\n      name=\"attrUpdateForm\"\n      ng-submit=\"updateAttribute($event)\"\n>\n    <div style=\"padding: 0 8px; margin: auto 0;\">\n        <div class=\"attribute-update-form__grid\" ng-show=\"entityDetected && isValidParameter && dataKeyDetected\">\n            <div class=\"grid__element\">\n                <md-checkbox ng-model=\"checkboxValue\"\n                             aria-label=\"{{ 'widgets.input-widgets.switch-attribute-value' | translate }}\"\n                             ng-change=\"changed()\"\n                             ng-true-value=\"'true'\"\n                             ng-false-value=\"'false'\"\n                >\n                    {{currentValue}}\n                </md-checkbox>\n            </div>\n        </div>\n\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-hide=\"entityDetected\">\n            {{ 'widgets.input-widgets.no-entity-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !dataKeyDetected\">\n            {{ 'widgets.input-widgets.no-attribute-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !isValidParameter\">\n            {{ 'widgets.input-widgets.timeseries-not-allowed' | translate }}\n        </div>\n    </div>\n</form>",
-        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.entity-title {\n    font-weight: bold;\n    font-size: 22px;\n    padding-top: 12px;\n    padding-bottom: 6px;\n    color: #666;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .md-icon-button md-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n\nmd-toast{\n    min-width: 0;\n}\nmd-toast .md-toast-content {\n    font-size: 14px!important;\n}",
-        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet toast;\nlet utils;\nlet types;\nlet $translate;\nlet map;\nlet mapReverse;\n\nself.onInit = function() {\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get('attributeService');\n    toast = $scope.$injector.get('toast');\n    utils = $scope.$injector.get('utils');\n    types = $scope.$injector.get('types');\n    $translate = $scope.$injector.get('$translate');\n    settings = angular.copy(self.ctx.settings) || {};\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false;\n\n    settings.trueValue = utils.customTranslation(settings.trueValue, settings.trueValue) || true;\n    settings.falseValue = utils.customTranslation(settings.falseValue, settings.falseValue) || false;\n\n    map = {\"true\":settings.trueValue, \"false\": settings.falseValue};\n    mapReverse = {[settings.trueValue]:true, [settings.falseValue]:false};\n    $scope.checkboxValue = \"false\";\n    $scope.currentValue = map[$scope.checkboxValue];\n\n    $scope.changed = function () {\n        $scope.currentValue = map[$scope.checkboxValue];\n        $scope.updateAttribute();\n    }\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === types.datasourceType.entity) {\n            if (datasource.entityType && datasource.entityId) {\n                $scope.entityName = datasource.entityName;\n                if (settings.widgetTitle && settings.widgetTitle.length) {\n                    $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                } else {\n                    $scope.titleTemplate = self.ctx.widgetConfig.title;\n                }\n\n                $scope.entityDetected = true;\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type != types.dataKeyType.attribute) {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            attributeService.saveEntityAttributes(\n                datasource.entityType,\n                datasource.entityId,\n                types.attributesScope.server.value,\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: mapReverse[$scope.currentValue] || false\n                    }\n                ]\n            ).then(\n                function success() {\n                    $scope.originalValue = $scope.currentValue;\n                    if (settings.showResultMessage) {\n                        toast.showSuccess($translate.instant('widgets.input-widgets.update-successful'), 1000, angular.element(self.ctx.$container), 'bottom left');\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        toast.showError($translate.instant('widgets.input-widgets.update-failed'), angular.element(self.ctx.$container), 'bottom left');\n                    }\n                }\n            );\n        }\n    };\n}\n\nself.onDataUpdated = function() {\n    try {\n        if ($scope.dataKeyDetected) {\n            $scope.checkboxValue = ($scope.originalValue = self.ctx.data[0].data[0][1]) || false;\n            $scope.currentValue = map[$scope.checkboxValue];\n            $scope.$digest();\n        }\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onResize = function() {}\nself.onDestroy = function() {}\n",
+        "templateHtml": "<div tb-toast toastTarget=\"{{ toastTargetId }}\" style=\"width: 100%; height: 100%;\">\r\n    <form *ngIf=\"attributeUpdateFormGroup\"\r\n          class=\"attribute-update-form\"\r\n          [formGroup]=\"attributeUpdateFormGroup\"\r\n          (ngSubmit)=\"updateAttribute()\">\r\n        <div style=\"padding: 0 8px; margin: auto 0;\">\r\n            <div class=\"attribute-update-form__grid\" [fxShow]=\"entityDetected && isValidParameter && dataKeyDetected\">\r\n                <div class=\"grid__element\">\r\n                    <mat-checkbox formControlName=\"checkboxValue\"\r\n                                  (change)=\"changed()\"\r\n                                  aria-label=\"{{'widgets.input-widgets.switch-timeseries-value' | translate}}\">\r\n                        {{currentValue}}\r\n                    </mat-checkbox>\r\n                </div>\r\n            </div>\r\n\r\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxHide]=\"entityDetected\">\r\n                {{ 'widgets.input-widgets.no-entity-selected' | translate }}\r\n            </div>\r\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\r\n                 [fxShow]=\"entityDetected && !dataKeyDetected\">\r\n                {{ 'widgets.input-widgets.no-attribute-selected' | translate }}\r\n            </div>\r\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\r\n                 [fxShow]=\"entityDetected && !isValidParameter\">\r\n                {{ 'widgets.input-widgets.timeseries-not-allowed' | translate }}\r\n            </div>\r\n        </div>\r\n    </form>\r\n</div>",
+        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .mat-icon-button mat-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.tb-toast {\n    font-size: 14px!important;\n}",
+        "controllerScript": "let settings;\nlet attributeService;\nlet utils;\nlet translate;\nlet http;\nlet $scope;\nlet map;\n\nself.onInit = function() {\n    self.ctx.ngZone.run(function() {\n        init();\n        self.ctx.detectChanges(true);\n    });\n};\n\n\nfunction init() {\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get(self.ctx.servicesMap.get('attributeService'));\n    utils = $scope.$injector.get(self.ctx.servicesMap.get('utils'));\n    translate = $scope.$injector.get(self.ctx.servicesMap.get('translate'));\n    http = $scope.$injector.get(self.ctx.servicesMap.get('http'));\n    $scope.toastTargetId = 'input-widget' + utils.guid();\n    settings = utils.deepClone(self.ctx.settings) || {};\n    settings.showResultMessage = utils.defaultValue(settings.showResultMessage, true);\n\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false;\n\n    settings.trueValue = utils.defaultValue(utils.customTranslation(settings.trueValue, settings.trueValue), true);\n    settings.falseValue = utils.defaultValue(utils.customTranslation(settings.falseValue, settings.falseValue), false);\n\n    map = {\n        true: settings.trueValue,\n        false: settings.falseValue\n    };\n    \n    $scope.checkboxValue = false;\n    $scope.currentValue = map[$scope.checkboxValue];\n\n    $scope.attributeUpdateFormGroup = $scope.fb.group({checkboxValue: [$scope.checkboxValue]});\n\n    $scope.changed = function() {\n        $scope.checkboxValue = $scope.attributeUpdateFormGroup.get('checkboxValue').value;\n        $scope.currentValue = map[$scope.checkboxValue];\n        $scope.updateAttribute();\n    };\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === 'entity') {\n            if (datasource.entityType && datasource.entityId) {\n                $scope.entityName = datasource.entityName;\n                if (settings.widgetTitle && settings.widgetTitle.length) {\n                    $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                } else {\n                    $scope.titleTemplate = self.ctx.widgetConfig.title;\n                }\n\n                $scope.entityDetected = true;\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type !== \"attribute\") {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function() {\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            attributeService.saveEntityAttributes(\n                datasource.entity.id,\n                'SERVER_SCOPE',\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.checkboxValue\n                    }\n                ]\n            ).subscribe(\n                function success() {\n                   $scope.originalValue = $scope.attributeUpdateFormGroup.get('checkboxValue').value;\n                    if (settings.showResultMessage) {\n                        $scope.showSuccessToast(translate.instant('widgets.input-widgets.update-successful'), 1000, 'bottom', 'left', $scope.toastTargetId);\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        $scope.showErrorToast(translate.instant('widgets.input-widgets.update-failed'), 'bottom', 'left', $scope.toastTargetId);\n                    }\n                }\n            );\n        }\n    };\n}\n\nself.onDataUpdated = function() {\n    try {\n        $scope.checkboxValue = self.ctx.data[0].data[0][1] === 'true';\n        $scope.currentValue = map[$scope.checkboxValue];\n        $scope.attributeUpdateFormGroup.get('checkboxValue').patchValue($scope.checkboxValue);\n        self.ctx.detectChanges();\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nself.onResize = function() {}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {}",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"EntitiesTableSettings\",\n        \"properties\": {\n            \"widgetTitle\": {\n                \"title\": \"Widget title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"trueValue\": {\n                \"title\": \"True value\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"falseValue\": {\n                \"title\": \"False value\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"showResultMessage\":{\n                \"title\":\"Show result message\",\n                \"type\":\"boolean\",\n                \"default\":true\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"widgetTitle\",\n        \"showResultMessage\",\n        \"trueValue\",\n        \"falseValue\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{},\"title\":\"Update server boolean attribute\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
@@ -123,11 +123,11 @@
       "descriptor": {
         "type": "latest",
         "sizeX": 7.5,
-        "sizeY": 3.5,
+        "sizeY": 3,
         "resources": [],
-        "templateHtml": "<form class=\"attribute-update-form\"\n      name=\"attrUpdateForm\"\n      ng-submit=\"updateAttribute($event)\"\n>\n    <div style=\"padding: 0 8px; margin: auto 0;\">\n\n        <div class=\"attribute-update-form__grid\" ng-show=\"entityDetected && isValidParameter\">\n            <div class=\"grid__element\">\n                <md-input-container ng-class=\"{'show-label': settings.showLabel}\" class=\"md-block\" style=\"width: 100%;\">\n                    <label>{{labelValue}}</label>\n                    <input required\n                           name=\"attribute\"\n                           ng-model=\"currentValue\"\n                           ng-focus=\"isFocused = true\"\n                           ng-blur=\"changeFocus()\"\n                           maxlength=\"{{settings.maxLength}}\"\n                           minlength=\"{{settings.minLength}}\"\n                    >\n                    <div ng-messages=\"attrUpdateForm.attribute.$error\">\n                        <div ng-message=\"required\">{{requiredErrorMessage}}</div>\n                    </div>\n                </md-input-container>\n            </div>\n\n            <div class=\"grid__element\">\n                <md-button class=\"md-icon-button applyChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.update-attribute' | translate }}\"\n                           type=\"submit\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"isFocused = false\"\n                >\n                    <md-icon>check</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.update-attribute' | translate }}</md-tooltip>\n                </md-button>\n                <md-button class=\"md-icon-button discardChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"currentValue = originalValue; isFocused = false\"\n                >\n                    <md-icon>close</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.discard-changes' | translate }}</md-tooltip>\n                </md-button>\n            </div>\n        </div>\n\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\n             ng-hide=\"entityDetected\"\n             ng-bind=\"message\"\n        ></div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !dataKeyDetected\">\n            {{ 'widgets.input-widgets.no-attribute-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !isValidParameter\">\n            {{ 'widgets.input-widgets.timeseries-not-allowed' | translate }}\n        </div>\n    </div>\n</form>",
-        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.entity-title {\n    font-weight: bold;\n    font-size: 22px;\n    padding-top: 12px;\n    padding-bottom: 6px;\n    color: #666;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .md-icon-button md-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.show-label label {\n    display: block;\n}\n\nlabel {\n    display: none;\n}\n\nmd-toast{\n    min-width: 0;\n}\nmd-toast .md-toast-content {\n    font-size: 14px!important;\n}",
-        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet toast;\nlet utils;\nlet types;\nlet $translate;\n\nself.onInit = function() {\n\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get('attributeService');\n    toast = $scope.$injector.get('toast');\n    utils = $scope.$injector.get('utils');\n    types = $scope.$injector.get('types');\n    $translate = $scope.$injector.get('$translate');\n    settings = angular.copy(self.ctx.settings) || {};\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false;\n    $scope.message = $translate.instant('widgets.input-widgets.no-entity-selected');\n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || $translate.instant('widgets.input-widgets.entity-attribute-required');\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || $translate.instant('widgets.input-widgets.value');\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === types.datasourceType.entity) {\n            if (datasource.entityType === types.entityType.device) {\n                if (datasource.entityType && datasource.entityId) {\n                    $scope.entityName = datasource.entityName;\n                    if (settings.widgetTitle && settings.widgetTitle.length) {\n                        $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                    } else {\n                        $scope.titleTemplate = self.ctx.widgetConfig.title;\n                    }\n\n                    $scope.entityDetected = true;\n                }\n            } else {\n                $scope.message = $translate.instant('widgets.input-widgets.not-allowed-entity');\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type != types.dataKeyType.attribute) {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            attributeService.saveEntityAttributes(\n                datasource.entityType,\n                datasource.entityId,\n                types.attributesScope.shared.value,\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.currentValue\n                    }\n                ]\n            ).then(\n                function success() {\n                    $scope.originalValue = $scope.currentValue;\n                    if (settings.showResultMessage) {\n                        toast.showSuccess($translate.instant('widgets.input-widgets.update-successful'), 1000, angular.element(self.ctx.$container), 'bottom left');\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        toast.showError($translate.instant('widgets.input-widgets.update-failed'), angular.element(self.ctx.$container), 'bottom left');\n                    }\n                }\n            );\n        }\n    };\n\n    $scope.changeFocus = function () {\n        if ($scope.currentValue === $scope.originalValue) {\n            $scope.isFocused = false;\n        }\n    }\n}\n\nself.onDataUpdated = function() {\n\n    try {\n        if ($scope.dataKeyDetected) {\n            if (!$scope.isFocused) {\n                $scope.currentValue = $scope.originalValue = self.ctx.data[0].data[0][1];\n                $scope.$digest();\n            }\n        }\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nself.onResize = function() {\n\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {\n\n}\n",
+        "templateHtml": "<div tb-toast toastTarget=\"{{ toastTargetId }}\" style=\"width: 100%; height: 100%;\">\n    <form *ngIf=\"attributeUpdateFormGroup\"\n          class=\"attribute-update-form\"\n          [formGroup]=\"attributeUpdateFormGroup\"\n          (ngSubmit)=\"updateAttribute()\">\n        <div style=\"padding: 0 8px; margin: auto 0;\">\n            <div class=\"attribute-update-form__grid\" [fxShow]=\"entityDetected && isValidParameter && dataKeyDetected\">\n                <div class=\"grid__element\">\n                    <mat-form-field class=\"mat-block\" style=\"width: 100%;\"\n                                    floatLabel=\"{{settings.showLabel ? 'auto' : 'always'}}\"\n                                    [hideRequiredMarker]=\"!settings.showLabel\">\n                        <mat-label>{{ settings.showLabel ? labelValue : '' }}</mat-label>\n                        <input matInput\n                               formControlName=\"currentValue\"\n                               required\n                               (focus)=\"isFocused = true\"\n                               (blur)=\"changeFocus()\"\n                               maxlength=\"{{settings.maxLength}}\"\n                               minlength=\"{{settings.minLength}}\"/>\n                        <mat-error *ngIf=\"attributeUpdateFormGroup.get('currentValue').hasError('required')\">\n                            {{requiredErrorMessage}}\n                        </mat-error>\n                    </mat-form-field>    \n                </div>\n    \n                <div class=\"grid__element\">\n                    <button mat-button mat-icon-button class=\"applyChanges\"\n                               type=\"submit\"\n                               [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value || attributeUpdateFormGroup.invalid || !attributeUpdateFormGroup.dirty\"\n                               matTooltip=\"{{ 'widgets.input-widgets.update-timeseries' | translate }}\"\n                               matTooltipPosition=\"above\">\n                        <mat-icon>check</mat-icon>\n                    </button>\n                    <button mat-button mat-icon-button class=\"discardChanges\"\n                               type=\"button\"\n                               [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value\"\n                               (click)=\"attributeUpdateFormGroup.get('currentValue').patchValue(originalValue); isFocused = false\"\n                               matTooltip=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                               matTooltipPosition=\"above\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </div>\n            </div>\n    \n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxHide]=\"entityDetected\" [innerHtml]=\"message\"></div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\n                 [fxShow]=\"entityDetected && !dataKeyDetected\">\n                {{ 'widgets.input-widgets.no-attribute-selected' | translate }}\n            </div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\n                 [fxShow]=\"entityDetected && !isValidParameter\">\n                {{ 'widgets.input-widgets.timeseries-not-allowed' | translate }}\n            </div>\n        </div>\n    </form>\n</div>",
+        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .mat-icon-button mat-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.tb-toast {\n    font-size: 14px!important;\n}",
+        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet utils;\nlet translate;\nlet http;\n\nself.onInit = function() {\n    self.ctx.ngZone.run(function() {\n       init(); \n       self.ctx.detectChanges(true);\n    });\n};\n\n\nfunction init() {\n\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get(self.ctx.servicesMap.get('attributeService'));\n    utils = $scope.$injector.get(self.ctx.servicesMap.get('utils'));\n    translate = $scope.$injector.get(self.ctx.servicesMap.get('translate'));\n    http = $scope.$injector.get(self.ctx.servicesMap.get('http'));\n    $scope.toastTargetId = 'input-widget' + utils.guid();\n    settings = utils.deepClone(self.ctx.settings) || {};\n    settings.showLabel = utils.defaultValue(settings.showLabel, true);\n    settings.showResultMessage = utils.defaultValue(settings.showResultMessage, true);\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false; \n    $scope.message = translate.instant('widgets.input-widgets.no-entity-selected');\n    \n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || translate.instant('widgets.input-widgets.entity-timeseries-required');\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || translate.instant('widgets.input-widgets.value');\n\n    $scope.attributeUpdateFormGroup = $scope.fb.group(\n        {currentValue: [undefined, [$scope.validators.required,\n                                    $scope.validators.minLength(settings.minLength),\n                                    $scope.validators.maxLength(settings.maxLength)]]}\n    );\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === 'entity') {\n            if (datasource.entityType === 'DEVICE') {\n                if (datasource.entityType && datasource.entityId) {\n                    $scope.entityName = datasource.entityName;\n                    if (settings.widgetTitle && settings.widgetTitle.length) {\n                        $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                    } else {\n                        $scope.titleTemplate = self.ctx.widgetConfig.title;\n                    }\n    \n                    $scope.entityDetected = true;\n                }\n            } else {\n                $scope.message = translate.instant('widgets.input-widgets.not-allowed-entity');\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type !== \"attribute\") {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        $scope.isFocused = false;\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            attributeService.saveEntityAttributes(\n                datasource.entity.id,\n                'SHARED_SCOPE',\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.attributeUpdateFormGroup.get('currentValue').value\n                    }\n                ]\n            ).subscribe(\n                function success() {\n                    $scope.originalValue = $scope.attributeUpdateFormGroup.get('currentValue').value;\n                    if (settings.showResultMessage) {\n                        $scope.showSuccessToast(translate.instant('widgets.input-widgets.update-successful'), 1000, 'bottom', 'left', $scope.toastTargetId);\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        $scope.showErrorToast(translate.instant('widgets.input-widgets.update-failed'), 'bottom', 'left', $scope.toastTargetId);\n                    }\n                }\n            );\n        }\n    };\n\n    $scope.changeFocus = function () {\n        if ($scope.attributeUpdateFormGroup.get('currentValue').value === $scope.originalValue) {\n            $scope.isFocused = false;\n        }\n    }\n}\n\nself.onDataUpdated = function() {\n    try {\n        if ($scope.dataKeyDetected) {\n            if (!$scope.isFocused) {\n                $scope.originalValue = self.ctx.data[0].data[0][1];\n                $scope.attributeUpdateFormGroup.get('currentValue').patchValue($scope.originalValue);\n                self.ctx.detectChanges();\n            }\n        }\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nself.onResize = function() {\n\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {\n\n}",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"EntitiesTableSettings\",\n        \"properties\": {\n            \"widgetTitle\": {\n                \"title\": \"Widget title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"showLabel\":{\n                \"title\":\"Show label\",\n                \"type\":\"boolean\",\n                \"default\":true\n            },\n            \"labelValue\": {\n                \"title\": \"Label\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"requiredErrorMessage\": {\n                \"title\": \"'Required' error message\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"maxLength\": {\n                \"title\": \"Max length\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"minLength\": {\n                \"title\": \"Min length\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"showResultMessage\":{\n                \"title\":\"Show result message\",\n                \"type\":\"boolean\",\n                \"default\":true\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"widgetTitle\",\n        \"showResultMessage\",\n        \"showLabel\",\n        \"labelValue\",\n        \"requiredErrorMessage\",\n        \"maxLength\",\n        \"minLength\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Sin\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.23592248334107624,\"funcBody\":\"return Math.round(1000*Math.sin(time/5000));\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{},\"title\":\"Update shared string attribute\",\"dropShadow\":true,\"enableFullscreen\":false,\"enableDataExport\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
@@ -141,9 +141,9 @@
         "sizeX": 7.5,
         "sizeY": 3,
         "resources": [],
-        "templateHtml": "<form class=\"attribute-update-form\"\n      name=\"attrUpdateForm\"\n      ng-submit=\"updateAttribute($event)\"\n>\n    <div style=\"padding: 0 8px; margin: auto 0;\">\n\n        <div class=\"attribute-update-form__grid\" ng-show=\"entityDetected && isValidParameter && dataKeyDetected\">\n            <div class=\"grid__element\">\n                <md-input-container ng-class=\"{'show-label': settings.showLabel}\" class=\"md-block\" style=\"width: 100%;\">\n                    <label>{{labelValue}}</label>\n                    <input required\n                           name=\"attribute\"\n                           ng-model=\"currentValue\"\n                           ng-focus=\"isFocused = true\"\n                           ng-blur=\"changeFocus()\"\n                           type=\"number\"\n                           max=\"{{settings.maxValue}}\"\n                           min=\"{{settings.minValue}}\"\n                    >\n                    <div ng-messages=\"attrUpdateForm.attribute.$error\">\n                        <div ng-message=\"required\">{{requiredErrorMessage}}</div>\n                    </div>\n                </md-input-container>\n            </div>\n\n            <div class=\"grid__element\">\n                <md-button class=\"md-icon-button applyChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.update-attribute' | translate }}\"\n                           type=\"submit\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"isFocused = false\"\n                >\n                    <md-icon>check</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.update-attribute' | translate }}</md-tooltip>\n                </md-button>\n                <md-button class=\"md-icon-button discardChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"currentValue = originalValue; isFocused = false\"\n                >\n                    <md-icon>close</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.discard-changes' | translate }}</md-tooltip>\n                </md-button>\n            </div>\n        </div>\n\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\n             ng-hide=\"entityDetected\"\n             ng-bind=\"message\"\n        >\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !dataKeyDetected\">\n            {{ 'widgets.input-widgets.no-attribute-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !isValidParameter\">\n            {{ 'widgets.input-widgets.timeseries-not-allowed' | translate }}\n        </div>\n    </div>\n</form>",
-        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.entity-title {\n    font-weight: bold;\n    font-size: 22px;\n    padding-top: 12px;\n    padding-bottom: 6px;\n    color: #666;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .md-icon-button md-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.show-label label {\n    display: block;\n}\n\nlabel {\n    display: none;\n}\n\nmd-toast{\n    min-width: 0;\n}\nmd-toast .md-toast-content {\n    font-size: 14px!important;\n}",
-        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet toast;\nlet utils;\nlet types;\nlet $translate;\n\nself.onInit = function() {\n\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get('attributeService');\n    toast = $scope.$injector.get('toast');\n    utils = $scope.$injector.get('utils');\n    types = $scope.$injector.get('types');\n    $translate = $scope.$injector.get('$translate');\n    settings = angular.copy(self.ctx.settings) || {};\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false;\n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || $translate.instant('widgets.input-widgets.entity-attribute-required');\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || $translate.instant('widgets.input-widgets.value');\n    $scope.message = $translate.instant('widgets.input-widgets.no-entity-selected');\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === types.datasourceType.entity) {\n            if (datasource.entityType === types.entityType.device) {\n                if (datasource.entityType && datasource.entityId) {\n                    $scope.entityName = datasource.entityName;\n                    if (settings.widgetTitle && settings.widgetTitle.length) {\n                        $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                    } else {\n                        $scope.titleTemplate = self.ctx.widgetConfig.title;\n                    }\n\n                    $scope.entityDetected = true;\n                }\n            } else {\n                $scope.message = $translate.instant('widgets.input-widgets.not-allowed-entity');\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type != types.dataKeyType.attribute) {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            attributeService.saveEntityAttributes(\n                datasource.entityType,\n                datasource.entityId,\n                types.attributesScope.shared.value,\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.currentValue\n                    }\n                ]\n            ).then(\n                function success() {\n                    $scope.originalValue = $scope.currentValue;\n                    if (settings.showResultMessage) {\n                        toast.showSuccess($translate.instant('widgets.input-widgets.update-successful'), 1000, angular.element(self.ctx.$container), 'bottom left');\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        toast.showError($translate.instant('widgets.input-widgets.update-failed'), angular.element(self.ctx.$container), 'bottom left');\n                    }\n                }\n            );\n        }\n    };\n\n    $scope.changeFocus = function () {\n        if ($scope.currentValue === $scope.originalValue) {\n            $scope.isFocused = false;\n        }\n    }\n}\n\nself.onDataUpdated = function() {\n\n    try {\n        if ($scope.dataKeyDetected) {\n            if (!$scope.isFocused) {\n                $scope.currentValue = $scope.originalValue = self.ctx.data[0].data[0][1];\n                correctValue($scope.currentValue);\n                $scope.$digest();\n            }\n        }\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nfunction correctValue(value) {\n    if (typeof value !== \"number\") {\n        $scope.currentValue = 0;\n    }\n}\n\nself.onResize = function() {\n\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {\n\n}\n",
+        "templateHtml": "<div tb-toast toastTarget=\"{{ toastTargetId }}\" style=\"width: 100%; height: 100%;\">\n    <form *ngIf=\"attributeUpdateFormGroup\"\n          class=\"attribute-update-form\"\n          [formGroup]=\"attributeUpdateFormGroup\"\n          (ngSubmit)=\"updateAttribute()\">\n        <div style=\"padding: 0 8px; margin: auto 0;\">\n            <div class=\"attribute-update-form__grid\" [fxShow]=\"entityDetected && isValidParameter && dataKeyDetected\">\n                <div class=\"grid__element\">\n                    <mat-form-field class=\"mat-block\" style=\"width: 100%;\"\n                                    floatLabel=\"{{settings.showLabel ? 'auto' : 'always'}}\"\n                                    [hideRequiredMarker]=\"!settings.showLabel\">\n                        <mat-label>{{ settings.showLabel ? labelValue : '' }}</mat-label>\n                        <input matInput\n                               formControlName=\"currentValue\"\n                               required\n                               type=\"number\"\n                               step=\"1\"\n                               pattern=\"^-?[0-9]+$\"\n                               (focus)=\"isFocused = true\"\n                               (blur)=\"changeFocus()\"\n                               max=\"{{settings.maxValue}}\"\n                               min=\"{{settings.minValue}}\"/>\n                        <mat-error *ngIf=\"attributeUpdateFormGroup.get('currentValue').hasError('required')\">\n                            {{requiredErrorMessage}}\n                        </mat-error>\n                    </mat-form-field>    \n                </div>\n    \n                <div class=\"grid__element\">\n                    <button mat-button mat-icon-button class=\"applyChanges\"\n                               type=\"submit\"\n                               [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value || attributeUpdateFormGroup.invalid || !attributeUpdateFormGroup.dirty\"\n                               matTooltip=\"{{ 'widgets.input-widgets.update-timeseries' | translate }}\"\n                               matTooltipPosition=\"above\">\n                        <mat-icon>check</mat-icon>\n                    </button>\n                    <button mat-button mat-icon-button class=\"discardChanges\"\n                               type=\"button\"\n                               [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value\"\n                               (click)=\"attributeUpdateFormGroup.get('currentValue').patchValue(originalValue); isFocused = false\"\n                               matTooltip=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                               matTooltipPosition=\"above\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </div>\n            </div>\n    \n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxHide]=\"entityDetected\" [innerHtml]=\"message\"></div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\n                 [fxShow]=\"entityDetected && !dataKeyDetected\">\n                {{ 'widgets.input-widgets.no-attribute-selected' | translate }}\n            </div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\n                 [fxShow]=\"entityDetected && !isValidParameter\">\n                {{ 'widgets.input-widgets.timeseries-not-allowed' | translate }}\n            </div>\n        </div>\n    </form>\n</div>",
+        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .mat-icon-button mat-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.tb-toast {\n    font-size: 14px!important;\n}",
+        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet utils;\nlet translate;\nlet http;\n\nself.onInit = function() {\n    self.ctx.ngZone.run(function() {\n       init(); \n       self.ctx.detectChanges(true);\n    });\n};\n\n\nfunction init() {\n\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get(self.ctx.servicesMap.get('attributeService'));\n    utils = $scope.$injector.get(self.ctx.servicesMap.get('utils'));\n    translate = $scope.$injector.get(self.ctx.servicesMap.get('translate'));\n    http = $scope.$injector.get(self.ctx.servicesMap.get('http'));\n    $scope.toastTargetId = 'input-widget' + utils.guid();\n    settings = utils.deepClone(self.ctx.settings) || {};\n    settings.showLabel = utils.defaultValue(settings.showLabel, true);\n    settings.showResultMessage = utils.defaultValue(settings.showResultMessage, true);\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false; \n    $scope.message = translate.instant('widgets.input-widgets.no-entity-selected');\n    \n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || translate.instant('widgets.input-widgets.entity-timeseries-required');\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || translate.instant('widgets.input-widgets.value');\n\n    $scope.attributeUpdateFormGroup = $scope.fb.group(\n        {currentValue: [undefined, [$scope.validators.required,\n                                    $scope.validators.min(settings.minValue),\n                                    $scope.validators.max(settings.maxValue),\n                                    $scope.validators.pattern(/^-?[0-9]+$/)]]}\n    );\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === 'entity') {\n            if (datasource.entityType === 'DEVICE') {\n                if (datasource.entityType && datasource.entityId) {\n                    $scope.entityName = datasource.entityName;\n                    if (settings.widgetTitle && settings.widgetTitle.length) {\n                        $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                    } else {\n                        $scope.titleTemplate = self.ctx.widgetConfig.title;\n                    }\n    \n                    $scope.entityDetected = true;\n                }\n            } else {\n                $scope.message = translate.instant('widgets.input-widgets.not-allowed-entity');\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type !== \"attribute\") {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        $scope.isFocused = false;\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            attributeService.saveEntityAttributes(\n                datasource.entity.id,\n                'SHARED_SCOPE',\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.attributeUpdateFormGroup.get('currentValue').value\n                    }\n                ]\n            ).subscribe(\n                function success() {\n                    $scope.originalValue = $scope.attributeUpdateFormGroup.get('currentValue').value;\n                    if (settings.showResultMessage) {\n                        $scope.showSuccessToast(translate.instant('widgets.input-widgets.update-successful'), 1000, 'bottom', 'left', $scope.toastTargetId);\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        $scope.showErrorToast(translate.instant('widgets.input-widgets.update-failed'), 'bottom', 'left', $scope.toastTargetId);\n                    }\n                }\n            );\n        }\n    };\n\n    $scope.changeFocus = function () {\n        if ($scope.attributeUpdateFormGroup.get('currentValue').value === $scope.originalValue) {\n            $scope.isFocused = false;\n        }\n    }\n}\n\nself.onDataUpdated = function() {\n\n    try {\n        if ($scope.dataKeyDetected) {\n            if (!$scope.isFocused) {\n                $scope.originalValue = self.ctx.data[0].data[0][1];\n                $scope.attributeUpdateFormGroup.get('currentValue').patchValue(correctValue($scope.originalValue));\n                self.ctx.detectChanges();\n            }\n        }\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nfunction correctValue(value) {\n    if (typeof value !== \"number\") {\n        return 0;\n    }\n    return value;\n}\n\nself.onResize = function() {\n\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {\n\n}",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"EntitiesTableSettings\",\n        \"properties\": {\n            \"widgetTitle\": {\n                \"title\": \"Widget title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"showLabel\":{\n                \"title\":\"Show label\",\n                \"type\":\"boolean\",\n                \"default\":true\n            },\n            \"labelValue\": {\n                \"title\": \"Label\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"requiredErrorMessage\": {\n                \"title\": \"'Required' error message\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"maxValue\": {\n                \"title\": \"Max value\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"minValue\": {\n                \"title\": \"Min value\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"showResultMessage\":{\n                \"title\":\"Show result message\",\n                \"type\":\"boolean\",\n                \"default\":true\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"widgetTitle\",\n        \"showResultMessage\",\n        \"showLabel\",\n        \"labelValue\",\n        \"requiredErrorMessage\",\n        \"maxValue\",\n        \"minValue\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{},\"title\":\"Update shared integer attribute\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
@@ -157,9 +157,9 @@
         "sizeX": 7.5,
         "sizeY": 3,
         "resources": [],
-        "templateHtml": "<form class=\"attribute-update-form\"\n      name=\"attrUpdateForm\"\n      ng-submit=\"updateAttribute($event)\"\n>\n    <div style=\"padding: 0 8px; margin: auto 0;\">\n\n        <div class=\"attribute-update-form__grid\" ng-show=\"entityDetected && isValidParameter && dataKeyDetected\">\n            <div class=\"grid__element\">\n                <md-input-container ng-class=\"{'show-label': settings.showLabel}\" class=\"md-block\" style=\"width: 100%;\">\n                    <label>{{labelValue}}</label>\n                    <input required\n                           name=\"attribute\"\n                           ng-model=\"currentValue\"\n                           ng-focus=\"isFocused = true\"\n                           ng-blur=\"changeFocus()\"\n                           type=\"number\"\n                           step=\"any\"\n                           max=\"{{settings.maxValue}}\"\n                           min=\"{{settings.minValue}}\"\n                    >\n                    <div ng-messages=\"attrUpdateForm.attribute.$error\">\n                        <div ng-message=\"required\">{{requiredErrorMessage}}</div>\n                    </div>\n                </md-input-container>\n            </div>\n\n            <div class=\"grid__element\">\n                <md-button class=\"md-icon-button applyChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.update-attribute' | translate }}\"\n                           type=\"submit\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"isFocused = false\"\n                >\n                    <md-icon>check</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.update-attribute' | translate }}</md-tooltip>\n                </md-button>\n                <md-button class=\"md-icon-button discardChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"currentValue = originalValue; isFocused = false\"\n                >\n                    <md-icon>close</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.discard-changes' | translate }}</md-tooltip>\n                </md-button>\n            </div>\n        </div>\n\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-hide=\"entityDetected\" ng-bind=\"message\"></div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !dataKeyDetected\">\n            {{ 'widgets.input-widgets.no-attribute-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !isValidParameter\">\n            {{ 'widgets.input-widgets.timeseries-not-allowed' | translate }}\n        </div>\n    </div>\n</form>",
-        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.entity-title {\n    font-weight: bold;\n    font-size: 22px;\n    padding-top: 12px;\n    padding-bottom: 6px;\n    color: #666;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .md-icon-button md-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.show-label label {\n    display: block;\n}\n\nlabel {\n    display: none;\n}\n\nmd-toast{\n    min-width: 0;\n}\nmd-toast .md-toast-content {\n    font-size: 14px!important;\n}",
-        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet toast;\nlet utils;\nlet types;\nlet $translate;\n\nself.onInit = function() {\n\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get('attributeService');\n    toast = $scope.$injector.get('toast');\n    utils = $scope.$injector.get('utils');\n    types = $scope.$injector.get('types');\n    $translate = $scope.$injector.get('$translate');\n    settings = angular.copy(self.ctx.settings) || {};\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false;\n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || $translate.instant('widgets.input-widgets.entity-attribute-required');\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || $translate.instant('widgets.input-widgets.value');\n    $scope.message = $translate.instant('widgets.input-widgets.no-entity-selected');\n    \n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === types.datasourceType.entity) {\n            if (datasource.entityType === types.entityType.device) {\n                if (datasource.entityType && datasource.entityId) {\n                    $scope.entityName = datasource.entityName;\n                    if (settings.widgetTitle && settings.widgetTitle.length) {\n                        $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                    } else {\n                        $scope.titleTemplate = self.ctx.widgetConfig.title;\n                    }\n\n                    $scope.entityDetected = true;\n                }\n            } else {\n                $scope.message = $translate.instant('widgets.input-widgets.not-allowed-entity');\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type != types.dataKeyType.attribute) {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            attributeService.saveEntityAttributes(\n                datasource.entityType,\n                datasource.entityId,\n                types.attributesScope.shared.value,\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.currentValue\n                    }\n                ]\n            ).then(\n                function success() {\n                    $scope.originalValue = $scope.currentValue;\n                    if (settings.showResultMessage) {\n                        toast.showSuccess($translate.instant('widgets.input-widgets.update-successful'), 1000, angular.element(self.ctx.$container), 'bottom left');\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        toast.showError($translate.instant('widgets.input-widgets.update-failed'), angular.element(self.ctx.$container), 'bottom left');\n                    }\n                }\n            );\n        }\n    };\n\n    $scope.changeFocus = function () {\n        if ($scope.currentValue === $scope.originalValue) {\n            $scope.isFocused = false;\n        }\n    }\n}\n\nself.onDataUpdated = function() {\n\n    try {\n        if ($scope.dataKeyDetected) {\n            if (!$scope.isFocused) {\n                $scope.currentValue = $scope.originalValue = self.ctx.data[0].data[0][1];\n                correctValue($scope.currentValue);\n                $scope.$digest();\n            }\n        }\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nfunction correctValue(value) {\n    if (typeof value !== \"number\") {\n        $scope.currentValue = 0;\n    }\n}\n\nself.onResize = function() {\n\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {\n\n}\n",
+        "templateHtml": "<div tb-toast toastTarget=\"{{ toastTargetId }}\" style=\"width: 100%; height: 100%;\">\n    <form *ngIf=\"attributeUpdateFormGroup\"\n          class=\"attribute-update-form\"\n          [formGroup]=\"attributeUpdateFormGroup\"\n          (ngSubmit)=\"updateAttribute()\">\n        <div style=\"padding: 0 8px; margin: auto 0;\">\n            <div class=\"attribute-update-form__grid\" [fxShow]=\"entityDetected && isValidParameter && dataKeyDetected\">\n                <div class=\"grid__element\">\n                    <mat-form-field class=\"mat-block\" style=\"width: 100%;\"\n                                    floatLabel=\"{{settings.showLabel ? 'auto' : 'always'}}\"\n                                    [hideRequiredMarker]=\"!settings.showLabel\">\n                        <mat-label>{{ settings.showLabel ? labelValue : '' }}</mat-label>\n                        <input matInput\n                               formControlName=\"currentValue\"\n                               required\n                               type=\"number\"\n                               (focus)=\"isFocused = true\"\n                               (blur)=\"changeFocus()\"\n                               max=\"{{settings.maxValue}}\"\n                               min=\"{{settings.minValue}}\"/>\n                        <mat-error *ngIf=\"attributeUpdateFormGroup.get('currentValue').hasError('required')\">\n                            {{requiredErrorMessage}}\n                        </mat-error>\n                    </mat-form-field>    \n                </div>\n    \n                <div class=\"grid__element\">\n                    <button mat-button mat-icon-button class=\"applyChanges\"\n                               type=\"submit\"\n                               [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value || attributeUpdateFormGroup.invalid || !attributeUpdateFormGroup.dirty\"\n                               matTooltip=\"{{ 'widgets.input-widgets.update-timeseries' | translate }}\"\n                               matTooltipPosition=\"above\">\n                        <mat-icon>check</mat-icon>\n                    </button>\n                    <button mat-button mat-icon-button class=\"discardChanges\"\n                               type=\"button\"\n                               [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value\"\n                               (click)=\"attributeUpdateFormGroup.get('currentValue').patchValue(originalValue); isFocused = false\"\n                               matTooltip=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                               matTooltipPosition=\"above\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </div>\n            </div>\n    \n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxHide]=\"entityDetected\" [innerHtml]=\"message\"></div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\n                 [fxShow]=\"entityDetected && !dataKeyDetected\">\n                {{ 'widgets.input-widgets.no-attribute-selected' | translate }}\n            </div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\n                 [fxShow]=\"entityDetected && !isValidParameter\">\n                {{ 'widgets.input-widgets.timeseries-not-allowed' | translate }}\n            </div>\n        </div>\n    </form>\n</div>",
+        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .mat-icon-button mat-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.tb-toast {\n    font-size: 14px!important;\n}",
+        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet utils;\nlet translate;\nlet http;\n\nself.onInit = function() {\n    self.ctx.ngZone.run(function() {\n       init(); \n       self.ctx.detectChanges(true);\n    });\n};\n\n\nfunction init() {\n\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get(self.ctx.servicesMap.get('attributeService'));\n    utils = $scope.$injector.get(self.ctx.servicesMap.get('utils'));\n    translate = $scope.$injector.get(self.ctx.servicesMap.get('translate'));\n    http = $scope.$injector.get(self.ctx.servicesMap.get('http'));\n    $scope.toastTargetId = 'input-widget' + utils.guid();\n    settings = utils.deepClone(self.ctx.settings) || {};\n    settings.showLabel = utils.defaultValue(settings.showLabel, true);\n    settings.showResultMessage = utils.defaultValue(settings.showResultMessage, true);\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false; \n    $scope.message = translate.instant('widgets.input-widgets.no-entity-selected');\n    \n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || translate.instant('widgets.input-widgets.entity-timeseries-required');\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || translate.instant('widgets.input-widgets.value');\n\n    $scope.attributeUpdateFormGroup = $scope.fb.group(\n        {currentValue: [undefined, [$scope.validators.required,\n                                    $scope.validators.min(settings.minValue),\n                                    $scope.validators.max(settings.maxValue)]]}\n    );\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === 'entity') {\n            if (datasource.entityType === 'DEVICE') {\n                if (datasource.entityType && datasource.entityId) {\n                    $scope.entityName = datasource.entityName;\n                    if (settings.widgetTitle && settings.widgetTitle.length) {\n                        $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                    } else {\n                        $scope.titleTemplate = self.ctx.widgetConfig.title;\n                    }\n    \n                    $scope.entityDetected = true;\n                }\n            } else {\n                $scope.message = translate.instant('widgets.input-widgets.not-allowed-entity');\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type !== \"attribute\") {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        $scope.isFocused = false;\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            attributeService.saveEntityAttributes(\n                datasource.entity.id,\n                'SHARED_SCOPE',\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.attributeUpdateFormGroup.get('currentValue').value\n                    }\n                ]\n            ).subscribe(\n                function success() {\n                    $scope.originalValue = $scope.attributeUpdateFormGroup.get('currentValue').value;\n                    if (settings.showResultMessage) {\n                        $scope.showSuccessToast(translate.instant('widgets.input-widgets.update-successful'), 1000, 'bottom', 'left', $scope.toastTargetId);\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        $scope.showErrorToast(translate.instant('widgets.input-widgets.update-failed'), 'bottom', 'left', $scope.toastTargetId);\n                    }\n                }\n            );\n        }\n    };\n\n    $scope.changeFocus = function () {\n        if ($scope.attributeUpdateFormGroup.get('currentValue').value === $scope.originalValue) {\n            $scope.isFocused = false;\n        }\n    }\n}\n\nself.onDataUpdated = function() {\n\n    try {\n        if ($scope.dataKeyDetected) {\n            if (!$scope.isFocused) {\n                $scope.originalValue = self.ctx.data[0].data[0][1];\n                $scope.attributeUpdateFormGroup.get('currentValue').patchValue(correctValue($scope.originalValue));\n                self.ctx.detectChanges();\n            }\n        }\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nfunction correctValue(value) {\n    if (typeof value !== \"number\") {\n        return 0;\n    }\n    return value;\n}\n\nself.onResize = function() {\n\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {\n\n}",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"EntitiesTableSettings\",\n        \"properties\": {\n            \"widgetTitle\": {\n                \"title\": \"Widget title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"showLabel\":{\n                \"title\":\"Show label\",\n                \"type\":\"boolean\",\n                \"default\":true\n            },\n            \"labelValue\": {\n                \"title\": \"Label\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"requiredErrorMessage\": {\n                \"title\": \"'Required' error message\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"maxValue\": {\n                \"title\": \"Max value\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"minValue\": {\n                \"title\": \"Min value\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"showResultMessage\":{\n                \"title\":\"Show result message\",\n                \"type\":\"boolean\",\n                \"default\":true\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"widgetTitle\",\n        \"showResultMessage\",\n        \"showLabel\",\n        \"labelValue\",\n        \"requiredErrorMessage\",\n        \"maxValue\",\n        \"minValue\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{},\"title\":\"Update shared double attribute\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
@@ -173,12 +173,12 @@
         "sizeX": 7.5,
         "sizeY": 3,
         "resources": [],
-        "templateHtml": "<form class=\"attribute-update-form\"\n      name=\"attrUpdateForm\"\n      ng-submit=\"updateAttribute($event)\"\n>\n    <div style=\"padding: 0 8px; margin: auto 0;\">\n        <div class=\"attribute-update-form__grid\" ng-show=\"entityDetected && isValidParameter && dataKeyDetected\">\n            <div class=\"grid__element\">\n                <md-checkbox ng-model=\"checkboxValue\"\n                             aria-label=\"{{ 'widgets.input-widgets.switch-attribute-value' | translate }}\"\n                             ng-change=\"changed()\"\n                             ng-true-value=\"'true'\"\n                             ng-false-value=\"'false'\"\n                >\n                    {{currentValue}}\n                </md-checkbox>\n            </div>\n        </div>\n\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-hide=\"entityDetected\" ng-bind=\"message\"></div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !dataKeyDetected\">\n            {{ 'widgets.input-widgets.no-attribute-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !isValidParameter\">\n            {{ 'widgets.input-widgets.timeseries-not-allowed' | translate }}\n        </div>\n    </div>\n</form>",
-        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.entity-title {\n    font-weight: bold;\n    font-size: 22px;\n    padding-top: 12px;\n    padding-bottom: 6px;\n    color: #666;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .md-icon-button md-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n\nmd-toast{\n    min-width: 0;\n}\nmd-toast .md-toast-content {\n    font-size: 14px!important;\n}",
-        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet toast;\nlet utils;\nlet types;\nlet $translate;\nlet map;\nlet mapReverse;\n\nself.onInit = function() {\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get('attributeService');\n    toast = $scope.$injector.get('toast');\n    utils = $scope.$injector.get('utils');\n    types = $scope.$injector.get('types');\n    $translate = $scope.$injector.get('$translate');\n    settings = angular.copy(self.ctx.settings) || {};\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false;\n    $scope.message = $translate.instant('widgets.input-widgets.no-entity-selected');\n\n    settings.trueValue = utils.customTranslation(settings.trueValue, settings.trueValue) || true;\n    settings.falseValue = utils.customTranslation(settings.falseValue, settings.falseValue) || false;\n\n    map = {\"true\":settings.trueValue, \"false\": settings.falseValue};\n    mapReverse = {[settings.trueValue]:true, [settings.falseValue]:false};\n    $scope.checkboxValue = \"false\";\n    $scope.currentValue = map[$scope.checkboxValue];\n\n    $scope.changed = function () {\n        $scope.currentValue = map[$scope.checkboxValue];\n        $scope.updateAttribute();\n    }\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === types.datasourceType.entity) {\n            if (datasource.entityType === types.entityType.device) {\n                if (datasource.entityType && datasource.entityId) {\n                    $scope.entityName = datasource.entityName;\n                    if (settings.widgetTitle && settings.widgetTitle.length) {\n                        $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                    } else {\n                        $scope.titleTemplate = self.ctx.widgetConfig.title;\n                    }\n\n                    $scope.entityDetected = true;\n                }\n            } else {\n                $scope.message = $translate.instant('widgets.input-widgets.not-allowed-entity');\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type != types.dataKeyType.attribute) {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            attributeService.saveEntityAttributes(\n                datasource.entityType,\n                datasource.entityId,\n                types.attributesScope.shared.value,\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: mapReverse[$scope.currentValue] || false\n                    }\n                ]\n            ).then(\n                function success() {\n                    $scope.originalValue = $scope.currentValue;\n                    if (settings.showResultMessage) {\n                        toast.showSuccess($translate.instant('widgets.input-widgets.update-successful'), 1000, angular.element(self.ctx.$container), 'bottom left');\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        toast.showError($translate.instant('widgets.input-widgets.update-failed'), angular.element(self.ctx.$container), 'bottom left');\n                    }\n                }\n            );\n        }\n    };\n}\n\nself.onDataUpdated = function() {\n    try {\n        $scope.checkboxValue = ($scope.originalValue = self.ctx.data[0].data[0][1]) || 'false';\n        $scope.currentValue = map[$scope.checkboxValue];\n        $scope.$digest();\n\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onResize = function() {}\nself.onDestroy = function() {}\n",
+        "templateHtml": "<div tb-toast toastTarget=\"{{ toastTargetId }}\" style=\"width: 100%; height: 100%;\">\r\n    <form *ngIf=\"attributeUpdateFormGroup\"\r\n          class=\"attribute-update-form\"\r\n          [formGroup]=\"attributeUpdateFormGroup\"\r\n          (ngSubmit)=\"updateAttribute()\">\r\n        <div style=\"padding: 0 8px; margin: auto 0;\">\r\n            <div class=\"attribute-update-form__grid\" [fxShow]=\"entityDetected && isValidParameter && dataKeyDetected\">\r\n                <div class=\"grid__element\">\r\n                    <mat-checkbox formControlName=\"checkboxValue\"\r\n                                  (change)=\"changed()\"\r\n                                  aria-label=\"{{'widgets.input-widgets.switch-timeseries-value' | translate}}\">\r\n                        {{currentValue}}\r\n                    </mat-checkbox>\r\n                </div>\r\n            </div>\r\n\r\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxHide]=\"entityDetected\" [innerHtml]=\"message\"></div>\r\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\r\n                 [fxShow]=\"entityDetected && !dataKeyDetected\">\r\n                {{ 'widgets.input-widgets.no-attribute-selected' | translate }}\r\n            </div>\r\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\r\n                 [fxShow]=\"entityDetected && !isValidParameter\">\r\n                {{ 'widgets.input-widgets.timeseries-not-allowed' | translate }}\r\n            </div>\r\n        </div>\r\n    </form>\r\n</div>",
+        "templateCss": ".attribute-update-form {\r\n    overflow: hidden;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.attribute-update-form__grid {\r\n    display: flex;\r\n}\r\n.grid__element:first-child {\r\n    flex: 1;\r\n}\r\n\r\n.grid__element {\r\n    display: flex;\r\n}\r\n\r\n.attribute-update-form .mat-button.mat-icon-button {\r\n    margin: 0;\r\n}\r\n\r\n.attribute-update-form .mat-button.mat-icon-button {\r\n    width: 32px;\r\n    min-width: 32px;\r\n    height: 32px;\r\n    min-height: 32px;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    line-height: 20px;\r\n}\r\n\r\n.attribute-update-form .mat-icon-button mat-icon {\r\n    width: 20px;\r\n    min-width: 20px;\r\n    height: 20px;\r\n    min-height: 20px;\r\n    font-size: 20px;\r\n}\r\n\r\n.tb-toast {\r\n    font-size: 14px!important;\r\n}",
+        "controllerScript": "let settings;\nlet attributeService;\nlet utils;\nlet translate;\nlet http;\nlet $scope;\nlet map;\n\nself.onInit = function() {\n    self.ctx.ngZone.run(function() {\n        init();\n        self.ctx.detectChanges(true);\n    });\n};\n\n\nfunction init() {\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get(self.ctx.servicesMap.get('attributeService'));\n    utils = $scope.$injector.get(self.ctx.servicesMap.get('utils'));\n    translate = $scope.$injector.get(self.ctx.servicesMap.get('translate'));\n    http = $scope.$injector.get(self.ctx.servicesMap.get('http'));\n    $scope.toastTargetId = 'input-widget' + utils.guid();\n    settings = utils.deepClone(self.ctx.settings) || {};\n    settings.showResultMessage = utils.defaultValue(settings.showResultMessage, true);\n\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false;\n    $scope.message = translate.instant('widgets.input-widgets.no-entity-selected');\n\n    settings.trueValue = utils.defaultValue(utils.customTranslation(settings.trueValue, settings.trueValue), true);\n    settings.falseValue = utils.defaultValue(utils.customTranslation(settings.falseValue, settings.falseValue), false);\n\n    map = {\n        true: settings.trueValue,\n        false: settings.falseValue\n    };\n    \n    $scope.checkboxValue = false;\n    $scope.currentValue = map[$scope.checkboxValue];\n\n    $scope.attributeUpdateFormGroup = $scope.fb.group({checkboxValue: [$scope.checkboxValue]});\n\n    $scope.changed = function() {\n        $scope.checkboxValue = $scope.attributeUpdateFormGroup.get('checkboxValue').value;\n        $scope.currentValue = map[$scope.checkboxValue];\n        $scope.updateAttribute();\n    };\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === 'entity') {\n            if (datasource.entityType === 'DEVICE') {\n                if (datasource.entityType && datasource.entityId) {\n                    $scope.entityName = datasource.entityName;\n                    if (settings.widgetTitle && settings.widgetTitle.length) {\n                        $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                    } else {\n                        $scope.titleTemplate = self.ctx.widgetConfig.title;\n                    }\n    \n                    $scope.entityDetected = true;\n                }\n            } else {\n                $scope.message = translate.instant('widgets.input-widgets.not-allowed-entity');\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type !== \"attribute\") {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function() {\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n            attributeService.saveEntityAttributes(\n                datasource.entity.id,\n                'SHARED_SCOPE',\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.checkboxValue || false\n                    }\n                ]\n            ).subscribe(\n                function success() {\n                    if (settings.showResultMessage) {\n                        $scope.showSuccessToast(translate.instant('widgets.input-widgets.update-successful'), 1000, 'bottom', 'left', $scope.toastTargetId);\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        $scope.showErrorToast(translate.instant('widgets.input-widgets.update-failed'), 'bottom', 'left', $scope.toastTargetId);\n                    }\n                }\n            );\n        }\n    };\n}\n\nself.onDataUpdated = function() {\n    try {\n        $scope.checkboxValue = self.ctx.data[0].data[0][1] === 'true';\n        $scope.currentValue = map[$scope.checkboxValue];\n        $scope.attributeUpdateFormGroup.get('checkboxValue').patchValue($scope.checkboxValue);\n        self.ctx.detectChanges();\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nself.onResize = function() {}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {}",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"EntitiesTableSettings\",\n        \"properties\": {\n            \"widgetTitle\": {\n                \"title\": \"Widget title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"trueValue\": {\n                \"title\": \"True value\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"falseValue\": {\n                \"title\": \"False value\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"showResultMessage\":{\n                \"title\":\"Show result message\",\n                \"type\":\"boolean\",\n                \"default\":true\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"widgetTitle\",\n        \"showResultMessage\",\n        \"trueValue\",\n        \"falseValue\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
-        "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{\"trueValue\":\"active\",\"falseValue\":\"inactive\"},\"title\":\"Update shared boolean attribute\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
+        "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{},\"title\":\"Update shared boolean attribute\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
       }
     },
     {
@@ -237,9 +237,9 @@
         "sizeX": 7.5,
         "sizeY": 3,
         "resources": [],
-        "templateHtml": "<form class=\"attribute-update-form\"\n      name=\"attrUpdateForm\"\n      ng-submit=\"updateAttribute($event)\"\n>\n    <div style=\"padding: 0 8px; margin: auto 0;\">\n\n        <div class=\"attribute-update-form__grid\" ng-show=\"entityDetected && isValidParameter && dataKeyDetected\">\n            <div class=\"grid__element\">\n                <md-input-container ng-class=\"{'show-label': settings.showLabel}\" class=\"md-block\" style=\"width: 100%;\">\n                    <label>{{labelValue}}</label>\n                    <input required\n                           name=\"attribute\"\n                           ng-model=\"currentValue\"\n                           ng-focus=\"isFocused = true\"\n                           ng-blur=\"changeFocus()\"\n                           maxlength=\"{{settings.maxLength}}\"\n                           minlength=\"{{settings.minLength}}\"\n                    >\n                    <div ng-messages=\"attrUpdateForm.attribute.$error\">\n                        <div ng-message=\"required\">{{requiredErrorMessage}}</div>\n                    </div>\n                </md-input-container>\n            </div>\n\n            <div class=\"grid__element\">\n                <md-button class=\"md-icon-button applyChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.update-timeseries' | translate }}\"\n                           type=\"submit\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"isFocused = false\"\n                >\n                    <md-icon>check</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.update-timeseries' | translate }}</md-tooltip>\n                </md-button>\n                <md-button class=\"md-icon-button discardChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"currentValue = originalValue; isFocused = false\"\n                >\n                    <md-icon>close</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.discard-changes' | translate }}</md-tooltip>\n                </md-button>\n            </div>\n        </div>\n        \n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-hide=\"entityDetected\">\n            {{ 'widgets.input-widgets.no-entity-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !dataKeyDetected\">\n            {{ 'widgets.input-widgets.no-timeseries-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !isValidParameter\">\n            {{ 'widgets.input-widgets.attribute-not-allowed' | translate }}\n        </div>\n    </div>\n</form>",
-        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.entity-title {\n    font-weight: bold;\n    font-size: 22px;\n    padding-top: 12px;\n    padding-bottom: 6px;\n    color: #666;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .md-icon-button md-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.show-label label {\n    display: block;\n}\n\nlabel {\n    display: none;\n}\n\nmd-toast{\n    min-width: 0;\n}\nmd-toast .md-toast-content {\n    font-size: 14px!important;\n}",
-        "controllerScript": "let $scope;\r\nlet settings;\r\nlet attributeService;\r\nlet toast;\r\nlet utils;\r\nlet types;\r\nlet $translate;\r\nlet $q\r\nlet $http;\r\n\r\nself.onInit = function() {\r\n\r\n    $scope = self.ctx.$scope;\r\n    attributeService = $scope.$injector.get('attributeService');\r\n    toast = $scope.$injector.get('toast');\r\n    utils = $scope.$injector.get('utils');\r\n    types = $scope.$injector.get('types');\r\n    $translate = $scope.$injector.get('$translate');\r\n    $q = $scope.$injector.get('$q');\r\n    $http = $scope.$injector.get('$http');\r\n    settings = self.ctx.settings || {};\r\n    $scope.settings = settings;\r\n    $scope.isValidParameter = true;\r\n    $scope.dataKeyDetected = false;\r\n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || $translate.instant('widgets.input-widgets.entity-timeseries-required');\r\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || $translate.instant('widgets.input-widgets.value');\r\n\r\n    if (self.ctx.datasources && self.ctx.datasources.length) {\r\n        var datasource = self.ctx.datasources[0];\r\n        if (datasource.type === types.datasourceType.entity) {\r\n            if (datasource.entityType && datasource.entityId) {\r\n                $scope.entityName = datasource.entityName;\r\n                if (settings.widgetTitle && settings.widgetTitle.length) {\r\n                    $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\r\n                } else {\r\n                    $scope.titleTemplate = self.ctx.widgetConfig.title;\r\n                }\r\n\r\n                $scope.entityDetected = true;\r\n            }\r\n        }\r\n        if (datasource.dataKeys.length) {\r\n            if (datasource.dataKeys[0].type != types.dataKeyType.timeseries) {\r\n                $scope.isValidParameter = false;\r\n            } else {\r\n                $scope.currentKey = datasource.dataKeys[0].name;\r\n                $scope.dataKeyType = datasource.dataKeys[0].type;\r\n                $scope.dataKeyDetected = true;\r\n            }\r\n        }\r\n    }\r\n\r\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\r\n\r\n    $scope.updateAttribute = function () {\r\n        if ($scope.entityDetected) {\r\n            var datasource = self.ctx.datasources[0];\r\n\r\n            saveEntityTimeseries(\r\n                datasource.entityType,\r\n                datasource.entityId,\r\n                [\r\n                    {\r\n                        key: $scope.currentKey,\r\n                        value: $scope.currentValue\r\n                    }\r\n                ]\r\n            ).then(\r\n                function success() {\r\n                    $scope.originalValue = $scope.currentValue;\r\n                    if (settings.showResultMessage) {\r\n                        toast.showSuccess($translate.instant('widgets.input-widgets.update-successful'), 1000, angular.element(self.ctx.$container), 'bottom left');\r\n                    }\r\n                },\r\n                function fail() {\r\n                    if (settings.showResultMessage) {\r\n                        toast.showError($translate.instant('widgets.input-widgets.update-failed'), angular.element(self.ctx.$container), 'bottom left');\r\n                    }\r\n                }\r\n            );\r\n        }\r\n    };\r\n\r\n    $scope.changeFocus = function () {\r\n        if ($scope.currentValue === $scope.originalValue) {\r\n            $scope.isFocused = false;\r\n        }\r\n    }\r\n\r\n    function saveEntityTimeseries(entityType, entityId, telemetries) {\r\n        var deferred = $q.defer();\r\n        var telemetriesData = {};\r\n        for (var a = 0; a < telemetries.length; a++) {\r\n            if (angular.isDefined(telemetries[a].value) && telemetries[a].value !== null) {\r\n                telemetriesData[telemetries[a].key] = telemetries[a].value;\r\n            }\r\n        }\r\n        if (Object.keys(telemetriesData).length) {\r\n            var url = '/api/plugins/telemetry/' + entityType + '/' + entityId + '/timeseries/scope';\r\n            $http.post(url, telemetriesData).then(\r\n                function(response) {\r\n                    deferred.resolve(response.data);\r\n                },\r\n                function() {\r\n                    deferred.reject();\r\n                }\r\n            );\r\n        }\r\n        return deferred.promise;\r\n    }\r\n}\r\n\r\nself.onDataUpdated = function() {\r\n    try {\r\n        if ($scope.dataKeyDetected) {\r\n            if (!$scope.isFocused) {\r\n                $scope.currentValue = $scope.originalValue = self.ctx.data[0].data[0][1];\r\n                $scope.$digest();\r\n            }\r\n        }\r\n    } catch (e) {\r\n        console.log(e);\r\n    }\r\n}\r\n\r\nself.onResize = function() {\r\n\r\n}\r\n\r\nself.typeParameters = function() {\r\n    return {\r\n        maxDatasources: 1,\r\n        maxDataKeys: 1\r\n    }\r\n}\r\n\r\nself.onDestroy = function() {\r\n\r\n}\r\n",
+        "templateHtml": "<div tb-toast toastTarget=\"{{ toastTargetId }}\" style=\"width: 100%; height: 100%;\">\n    <form *ngIf=\"attributeUpdateFormGroup\"\n          class=\"attribute-update-form\"\n          [formGroup]=\"attributeUpdateFormGroup\"\n          (ngSubmit)=\"updateAttribute()\">\n        <div style=\"padding: 0 8px; margin: auto 0;\">\n            <div class=\"attribute-update-form__grid\" [fxShow]=\"entityDetected && isValidParameter && dataKeyDetected\">\n                <div class=\"grid__element\">\n                    <mat-form-field class=\"mat-block\" style=\"width: 100%;\"\n                                    floatLabel=\"{{settings.showLabel ? 'auto' : 'always'}}\"\n                                    [hideRequiredMarker]=\"!settings.showLabel\">\n                        <mat-label>{{ settings.showLabel ? labelValue : '' }}</mat-label>\n                        <input matInput\n                               formControlName=\"currentValue\"\n                               required\n                               (focus)=\"isFocused = true\"\n                               (blur)=\"changeFocus()\"\n                               maxlength=\"{{settings.maxLength}}\"\n                               minlength=\"{{settings.minLength}}\"/>\n                        <mat-error *ngIf=\"attributeUpdateFormGroup.get('currentValue').hasError('required')\">\n                            {{requiredErrorMessage}}\n                        </mat-error>\n                    </mat-form-field>    \n                </div>\n    \n                <div class=\"grid__element\">\n                    <button mat-button mat-icon-button class=\"applyChanges\"\n                               type=\"submit\"\n                               [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value || attributeUpdateFormGroup.invalid || !attributeUpdateFormGroup.dirty\"\n                               matTooltip=\"{{ 'widgets.input-widgets.update-timeseries' | translate }}\"\n                               matTooltipPosition=\"above\">\n                        <mat-icon>check</mat-icon>\n                    </button>\n                    <button mat-button mat-icon-button class=\"discardChanges\"\n                               type=\"button\"\n                               [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value\"\n                               (click)=\"attributeUpdateFormGroup.get('currentValue').patchValue(originalValue); isFocused = false\"\n                               matTooltip=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                               matTooltipPosition=\"above\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </div>\n            </div>\n    \n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxHide]=\"entityDetected\">\n                {{ 'widgets.input-widgets.no-entity-selected' | translate }}\n            </div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxShow]=\"entityDetected && !dataKeyDetected\">\n                {{ 'widgets.input-widgets.no-timeseries-selected' | translate }}\n            </div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxShow]=\"entityDetected && !isValidParameter\">\n                {{ 'widgets.input-widgets.attribute-not-allowed' | translate }}\n            </div>\n        </div>\n    </form>\n</div>",
+        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .mat-icon-button mat-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.tb-toast {\n    font-size: 14px!important;\n}",
+        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet utils;\nlet translate;\nlet http;\n\nself.onInit = function() {\n    self.ctx.ngZone.run(function() {\n       init(); \n       self.ctx.detectChanges(true);\n    });\n};\n\n\nfunction init() {\n\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get(self.ctx.servicesMap.get('attributeService'));\n    utils = $scope.$injector.get(self.ctx.servicesMap.get('utils'));\n    translate = $scope.$injector.get(self.ctx.servicesMap.get('translate'));\n    http = $scope.$injector.get(self.ctx.servicesMap.get('http'));\n    $scope.toastTargetId = 'input-widget' + utils.guid();\n    settings = utils.deepClone(self.ctx.settings) || {};\n    settings.showLabel = utils.defaultValue(settings.showLabel, true);\n    settings.showResultMessage = utils.defaultValue(settings.showResultMessage, true);\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false;\n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || translate.instant('widgets.input-widgets.entity-timeseries-required');\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || translate.instant('widgets.input-widgets.value');\n\n    $scope.attributeUpdateFormGroup = $scope.fb.group(\n        {currentValue: [undefined, [$scope.validators.required,\n                                    $scope.validators.minLength(settings.minLength),\n                                    $scope.validators.maxLength(settings.maxLength)]]}\n    );\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === 'entity') {\n            if (datasource.entityType && datasource.entityId) {\n                $scope.entityName = datasource.entityName;\n                if (settings.widgetTitle && settings.widgetTitle.length) {\n                    $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                } else {\n                    $scope.titleTemplate = self.ctx.widgetConfig.title;\n                }\n\n                $scope.entityDetected = true;\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type !== \"timeseries\") {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        $scope.isFocused = false;\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            let observable = saveEntityTimeseries(\n                datasource.entityType,\n                datasource.entityId,\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.attributeUpdateFormGroup.get('currentValue').value\n                    }\n                ]\n            );\n            if (observable) {\n                observable.subscribe(\n                    function success() {\n                        $scope.originalValue = $scope.attributeUpdateFormGroup.get('currentValue').value;\n                        if (settings.showResultMessage) {\n                            $scope.showSuccessToast(translate.instant('widgets.input-widgets.update-successful'), 1000, 'bottom', 'left', $scope.toastTargetId);\n                        }\n                    },\n                    function fail() {\n                        if (settings.showResultMessage) {\n                            $scope.showErrorToast(translate.instant('widgets.input-widgets.update-failed'), 'bottom', 'left', $scope.toastTargetId);\n                        }\n                    }\n                );\n            }\n        }\n    };\n\n    $scope.changeFocus = function () {\n        if ($scope.attributeUpdateFormGroup.get('currentValue').value === $scope.originalValue) {\n            $scope.isFocused = false;\n        }\n    }\n\n    function saveEntityTimeseries(entityType, entityId, telemetries) {\n        var telemetriesData = {};\n        for (var a = 0; a < telemetries.length; a++) {\n            if (typeof telemetries[a].value !== 'undefined' && telemetries[a].value !== null) {\n                telemetriesData[telemetries[a].key] = telemetries[a].value;\n            }\n        }\n        if (Object.keys(telemetriesData).length) {\n            var url = '/api/plugins/telemetry/' + entityType + '/' + entityId + '/timeseries/scope';\n            return http.post(url, telemetriesData);\n        }\n        return null;\n    }\n}\n\nself.onDataUpdated = function() {\n\n    try {\n        if ($scope.dataKeyDetected) {\n            if (!$scope.isFocused) {\n                $scope.originalValue = self.ctx.data[0].data[0][1];\n                $scope.attributeUpdateFormGroup.get('currentValue').patchValue($scope.originalValue);\n                self.ctx.detectChanges();\n            }\n        }\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nself.onResize = function() {\n\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {\n\n}\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"EntitiesTableSettings\",\n        \"properties\": {\n            \"widgetTitle\": {\n                \"title\": \"Widget title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"showLabel\":{\n                \"title\":\"Show label\",\n                \"type\":\"boolean\",\n                \"default\":true\n            },\n            \"labelValue\": {\n                \"title\": \"Label\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"requiredErrorMessage\": {\n                \"title\": \"'Required' error message\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"maxLength\": {\n                \"title\": \"Max length\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"minLength\": {\n                \"title\": \"Min length\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"showResultMessage\":{\n                \"title\":\"Show result message\",\n                \"type\":\"boolean\",\n                \"default\":true\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"widgetTitle\",\n        \"showResultMessage\",\n        \"showLabel\",\n        \"labelValue\",\n        \"requiredErrorMessage\",\n        \"maxLength\",\n        \"minLength\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{},\"title\":\"Update string timeseries\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
@@ -253,12 +253,12 @@
         "sizeX": 7.5,
         "sizeY": 3,
         "resources": [],
-        "templateHtml": "<form class=\"attribute-update-form\"\n      name=\"attrUpdateForm\"\n      ng-submit=\"updateAttribute($event)\"\n>\n    <div style=\"padding: 0 8px; margin: auto 0;\">\n        <div class=\"attribute-update-form__grid\" ng-show=\"entityDetected && isValidParameter && dataKeyDetected\">\n            <div class=\"grid__element\">\n                <md-checkbox ng-model=\"checkboxValue\"\n                             aria-label=\"{{ 'widgets.input-widgets.switch-timeseries-value' | translate }}\"\n                             ng-change=\"changed()\"\n                             ng-true-value=\"'true'\"\n                             ng-false-value=\"'false'\"\n                >\n                    {{currentValue}}\n                </md-checkbox>\n            </div>\n        </div>\n\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-hide=\"entityDetected\">\n            {{ 'widgets.input-widgets.no-entity-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !dataKeyDetected\">\n            {{ 'widgets.input-widgets.no-timeseries-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !isValidParameter\">\n            {{ 'widgets.input-widgets.attribute-not-allowed' | translate }}\n        </div>\n    </div>\n</form>",
-        "templateCss": ".attribute-update-form {\r\n    overflow: hidden;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.entity-title {\r\n    font-weight: bold;\r\n    font-size: 22px;\r\n    padding-top: 12px;\r\n    padding-bottom: 6px;\r\n    color: #666;\r\n}\r\n\r\n.attribute-update-form__grid {\r\n    display: flex;\r\n}\r\n.grid__element:first-child {\r\n    flex: 1;\r\n}\r\n\r\n.grid__element {\r\n    display: flex;\r\n}\r\n\r\n.attribute-update-form .md-button.md-icon-button {\r\n    margin: 0;\r\n}\r\n\r\n.attribute-update-form .md-button.md-icon-button {\r\n    width: 32px;\r\n    min-width: 32px;\r\n    height: 32px;\r\n    min-height: 32px;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    line-height: 20px;\r\n}\r\n\r\n.attribute-update-form .md-icon-button md-icon {\r\n    width: 20px;\r\n    min-width: 20px;\r\n    height: 20px;\r\n    min-height: 20px;\r\n    font-size: 20px;\r\n}\r\n\r\n\r\nmd-toast{\r\n    min-width: 0;\r\n}\r\nmd-toast .md-toast-content {\r\n    font-size: 14px!important;\r\n}",
-        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet toast;\nlet utils;\nlet types;\nlet $translate;\nlet $q\nlet $http;\nlet map;\nlet mapReverse;\n\nself.onInit = function() {\n\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get('attributeService');\n    toast = $scope.$injector.get('toast');\n    utils = $scope.$injector.get('utils');\n    types = $scope.$injector.get('types');\n    $translate = $scope.$injector.get('$translate');\n    $q = $scope.$injector.get('$q');\n    $http = $scope.$injector.get('$http');\n    settings = angular.copy(self.ctx.settings) || {};\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false;\n\n    settings.trueValue = utils.customTranslation(settings.trueValue, settings.trueValue) || true;\n    settings.falseValue = utils.customTranslation(settings.falseValue, settings.falseValue) || false;\n    \n    map = {\"true\":settings.trueValue, \"false\": settings.falseValue};\n    mapReverse = {[settings.trueValue]:\"true\", [settings.falseValue]:\"false\"};\n    $scope.checkboxValue = \"false\";\n    $scope.currentValue = map[$scope.checkboxValue];\n\n    $scope.changed = function () {\n        $scope.currentValue = map[$scope.checkboxValue];\n        $scope.updateAttribute();\n    }\n    \n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === types.datasourceType.entity) {\n            if (datasource.entityType && datasource.entityId) {\n                $scope.entityName = datasource.entityName;\n                if (settings.widgetTitle && settings.widgetTitle.length) {\n                    $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                } else {\n                    $scope.titleTemplate = self.ctx.widgetConfig.title;\n                }\n\n                $scope.entityDetected = true;\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type != types.dataKeyType.timeseries) {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            saveEntityTimeseries(\n                datasource.entityType,\n                datasource.entityId,\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.currentValue\n                    }\n                ]\n            ).then(\n                function success() {\n                    $scope.originalValue = $scope.currentValue;\n                    if (settings.showResultMessage) {\n                        toast.showSuccess($translate.instant('widgets.input-widgets.update-successful'), 1000, angular.element(self.ctx.$container), 'bottom left');\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        toast.showError($translate.instant('widgets.input-widgets.update-failed'), angular.element(self.ctx.$container), 'bottom left');\n                    }\n                }\n            );\n        }\n    };\n\n    function saveEntityTimeseries(entityType, entityId, telemetries) {\n        var deferred = $q.defer();\n        var telemetriesData = {};\n        for (var a = 0; a < telemetries.length; a++) {\n            if (angular.isDefined(telemetries[a].value) && telemetries[a].value !== null) {\n                telemetriesData[telemetries[a].key] = telemetries[a].value;\n            }\n        }\n        if (Object.keys(telemetriesData).length) {\n            var url = '/api/plugins/telemetry/' + entityType + '/' + entityId + '/timeseries/scope';\n            $http.post(url, telemetriesData).then(\n                function(response) {\n                    deferred.resolve(response.data);\n                },\n                function() {\n                    deferred.reject();\n                }\n            );\n        }\n        return deferred.promise;\n    }\n}\n\nself.onDataUpdated = function() {\n\n    try {\n        $scope.checkboxValue = mapReverse[$scope.originalValue = self.ctx.data[0].data[0][1]] || 'false';\n        $scope.currentValue = map[$scope.checkboxValue];\n        $scope.$digest();\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nself.onResize = function() {\n\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {\n\n}\n",
+        "templateHtml": "<div tb-toast toastTarget=\"{{ toastTargetId }}\" style=\"width: 100%; height: 100%;\">\n    <form *ngIf=\"attributeUpdateFormGroup\"\n          class=\"attribute-update-form\"\n          [formGroup]=\"attributeUpdateFormGroup\"\n          (ngSubmit)=\"updateAttribute()\">\n        <div style=\"padding: 0 8px; margin: auto 0;\">\n            <div class=\"attribute-update-form__grid\" [fxShow]=\"entityDetected && isValidParameter && dataKeyDetected\">\n                <div class=\"grid__element\">\n                    <mat-checkbox formControlName=\"checkboxValue\"\n                                  (change)=\"changed()\"\n                                  aria-label=\"{{'widgets.input-widgets.switch-timeseries-value' | translate}}\">\n                        {{currentValue}}\n                    </mat-checkbox>\n                </div>\n            </div>\n\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxHide]=\"entityDetected\">\n                {{ 'widgets.input-widgets.no-entity-selected' | translate }}\n            </div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\n                 [fxShow]=\"entityDetected && !dataKeyDetected\">\n                {{ 'widgets.input-widgets.no-timeseries-selected' | translate }}\n            </div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\"\n                 [fxShow]=\"entityDetected && !isValidParameter\">\n                {{ 'widgets.input-widgets.attribute-not-allowed' | translate }}\n            </div>\n        </div>\n    </form>\n</div>",
+        "templateCss": ".attribute-update-form {\r\n    overflow: hidden;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.attribute-update-form__grid {\r\n    display: flex;\r\n}\r\n.grid__element:first-child {\r\n    flex: 1;\r\n}\r\n\r\n.grid__element {\r\n    display: flex;\r\n}\r\n\r\n.attribute-update-form .mat-button.mat-icon-button {\r\n    margin: 0;\r\n}\r\n\r\n.attribute-update-form .mat-button.mat-icon-button {\r\n    width: 32px;\r\n    min-width: 32px;\r\n    height: 32px;\r\n    min-height: 32px;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    line-height: 20px;\r\n}\r\n\r\n.attribute-update-form .mat-icon-button mat-icon {\r\n    width: 20px;\r\n    min-width: 20px;\r\n    height: 20px;\r\n    min-height: 20px;\r\n    font-size: 20px;\r\n}\r\n\r\n.tb-toast {\r\n    font-size: 14px!important;\r\n}",
+        "controllerScript": "let settings;\nlet attributeService;\nlet utils;\nlet translate;\nlet http;\nlet $scope;\nlet map;\n\nself.onInit = function() {\n    self.ctx.ngZone.run(function() {\n        init();\n        self.ctx.detectChanges(true);\n    });\n};\n\n\nfunction init() {\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get(self.ctx.servicesMap.get('attributeService'));\n    utils = $scope.$injector.get(self.ctx.servicesMap.get('utils'));\n    translate = $scope.$injector.get(self.ctx.servicesMap.get('translate'));\n    http = $scope.$injector.get(self.ctx.servicesMap.get('http'));\n    $scope.toastTargetId = 'input-widget' + utils.guid();\n    settings = utils.deepClone(self.ctx.settings) || {};\n    settings.showResultMessage = utils.defaultValue(settings.showResultMessage, true);\n\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false;\n\n    settings.trueValue = utils.defaultValue(utils.customTranslation(settings.trueValue, settings.trueValue), true);\n    settings.falseValue = utils.defaultValue(utils.customTranslation(settings.falseValue, settings.falseValue), false);\n\n    map = {\n        true: settings.trueValue,\n        false: settings.falseValue\n    };\n    \n    $scope.checkboxValue = false;\n    $scope.currentValue = map[$scope.checkboxValue];\n\n    $scope.attributeUpdateFormGroup = $scope.fb.group({checkboxValue: [$scope.checkboxValue]});\n\n    $scope.changed = function() {\n        $scope.checkboxValue = $scope.attributeUpdateFormGroup.get('checkboxValue').value;\n        $scope.currentValue = map[$scope.checkboxValue];\n        $scope.updateAttribute();\n    };\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === 'entity') {\n            if (datasource.entityType && datasource.entityId) {\n                $scope.entityName = datasource.entityName;\n                if (settings.widgetTitle && settings.widgetTitle.length) {\n                    $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                } else {\n                    $scope.titleTemplate = self.ctx.widgetConfig.title;\n                }\n\n                $scope.entityDetected = true;\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type !== \"timeseries\") {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function() {\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            let observable = saveEntityTimeseries(\n                datasource.entityType,\n                datasource.entityId,\n                [{\n                    key: $scope.currentKey,\n                    value: $scope.checkboxValue\n                }]\n            );\n\n            if (observable) {\n                observable.subscribe(\n                    function success() {\n                       $scope.originalValue = $scope.attributeUpdateFormGroup.get('checkboxValue').value;\n                        if (settings.showResultMessage) {\n                            $scope.showSuccessToast(translate.instant('widgets.input-widgets.update-successful'), 1000, 'bottom', 'left', $scope.toastTargetId);\n                        }\n                    },\n                    function fail() {\n                        if (settings.showResultMessage) {\n                            $scope.showErrorToast(translate.instant('widgets.input-widgets.update-failed'), 'bottom', 'left', $scope.toastTargetId);\n                        }\n                    }\n                );\n            }\n        }\n    };\n\n    function saveEntityTimeseries(entityType, entityId, telemetries) {\n        var telemetriesData = {};\n        for (var a = 0; a < telemetries.length; a++) {\n            if (typeof telemetries[a].value !== 'undefined' && telemetries[a].value !== null) {\n                telemetriesData[telemetries[a].key] = telemetries[a].value;\n            }\n        }\n        if (Object.keys(telemetriesData).length) {\n            var url = '/api/plugins/telemetry/' + entityType + '/' + entityId + '/timeseries/scope';\n            return http.post(url, telemetriesData);\n        }\n        return null;\n    }\n}\n\nself.onDataUpdated = function() {\n    try {\n        $scope.checkboxValue = self.ctx.data[0].data[0][1] === 'true';\n        $scope.currentValue = map[$scope.checkboxValue];\n        $scope.attributeUpdateFormGroup.get('checkboxValue').patchValue($scope.checkboxValue);\n        self.ctx.detectChanges();\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nself.onResize = function() {}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {}",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"EntitiesTableSettings\",\n        \"properties\": {\n            \"widgetTitle\": {\n                \"title\": \"Widget title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"trueValue\": {\n                \"title\": \"True value\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"falseValue\": {\n                \"title\": \"False value\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"showResultMessage\":{\n                \"title\":\"Show result message\",\n                \"type\":\"boolean\",\n                \"default\":true\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"widgetTitle\",\n        \"showResultMessage\",\n        \"trueValue\",\n        \"falseValue\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
-        "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{\"trueValue\":\"active\",\"falseValue\":\"inactive\"},\"title\":\"Update boolean timeseries\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
+        "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{},\"title\":\"Update boolean timeseries\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
       }
     },
     {
@@ -269,9 +269,9 @@
         "sizeX": 7.5,
         "sizeY": 3,
         "resources": [],
-        "templateHtml": "<form class=\"attribute-update-form\"\n      name=\"attrUpdateForm\"\n      ng-submit=\"updateAttribute($event)\"\n>\n    <div style=\"padding: 0 8px; margin: auto 0;\">\n\n        <div class=\"attribute-update-form__grid\" ng-show=\"entityDetected && isValidParameter && dataKeyDetected\">\n            <div class=\"grid__element\">\n                <md-input-container ng-class=\"{'show-label': settings.showLabel}\" class=\"md-block\" style=\"width: 100%;\">\n                    <label>{{labelValue}}</label>\n                    <input required\n                           name=\"attribute\"\n                           ng-model=\"currentValue\"\n                           ng-focus=\"isFocused = true\"\n                           ng-blur=\"changeFocus()\"\n                           type=\"number\"\n                           step=\"any\"\n                           max=\"{{settings.maxValue}}\"\n                           min=\"{{settings.minValue}}\"\n                    >\n                    <div ng-messages=\"attrUpdateForm.attribute.$error\">\n                        <div ng-message=\"required\">{{requiredErrorMessage}}</div>\n                    </div>\n                </md-input-container>\n            </div>\n\n            <div class=\"grid__element\">\n                <md-button class=\"md-icon-button applyChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.update-timeseries' | translate }}\"\n                           type=\"submit\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"isFocused = false\"\n                >\n                    <md-icon>check</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.update-timeseries' | translate }}</md-tooltip>\n                </md-button>\n                <md-button class=\"md-icon-button discardChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"currentValue = originalValue; isFocused = false\"\n                >\n                    <md-icon>close</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.discard-changes' | translate }}</md-tooltip>\n                </md-button>\n            </div>\n        </div>\n\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-hide=\"entityDetected\">\n            {{ 'widgets.input-widgets.no-entity-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !dataKeyDetected\">\n            {{ 'widgets.input-widgets.no-timeseries-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !isValidParameter\">\n            {{ 'widgets.input-widgets.attribute-not-allowed' | translate }}\n        </div>\n    </div>\n</form>",
-        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.entity-title {\n    font-weight: bold;\n    font-size: 22px;\n    padding-top: 12px;\n    padding-bottom: 6px;\n    color: #666;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .md-icon-button md-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.show-label label {\n    display: block;\n}\n\nlabel {\n    display: none;\n}\n\nmd-toast{\n    min-width: 0;\n}\nmd-toast .md-toast-content {\n    font-size: 14px!important;\n}",
-        "controllerScript": "let $scope;\r\nlet settings;\r\nlet attributeService;\r\nlet toast;\r\nlet utils;\r\nlet types;\r\nlet $translate;\r\nlet $q;\r\nlet $http;\r\n\r\nself.onInit = function() {\r\n\r\n    $scope = self.ctx.$scope;\r\n    attributeService = $scope.$injector.get('attributeService');\r\n    toast = $scope.$injector.get('toast');\r\n    utils = $scope.$injector.get('utils');\r\n    types = $scope.$injector.get('types');\r\n    $translate = $scope.$injector.get('$translate');\r\n    $q = $scope.$injector.get('$q');\r\n    $http = $scope.$injector.get('$http');\r\n    settings = angular.copy(self.ctx.settings) || {};\r\n    $scope.settings = settings;\r\n    $scope.isValidParameter = true;\r\n    $scope.dataKeyDetected = false;\r\n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || $translate.instant('widgets.input-widgets.entity-timeseries-required');\r\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || $translate.instant('widgets.input-widgets.value');\r\n\r\n    if (self.ctx.datasources && self.ctx.datasources.length) {\r\n        var datasource = self.ctx.datasources[0];\r\n        if (datasource.type === types.datasourceType.entity) {\r\n            if (datasource.entityType && datasource.entityId) {\r\n                $scope.entityName = datasource.entityName;\r\n                if (settings.widgetTitle && settings.widgetTitle.length) {\r\n                    $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\r\n                } else {\r\n                    $scope.titleTemplate = self.ctx.widgetConfig.title;\r\n                }\r\n\r\n                $scope.entityDetected = true;\r\n            }\r\n        }\r\n        if (datasource.dataKeys.length) {\r\n            if (datasource.dataKeys[0].type != types.dataKeyType.timeseries) {\r\n                $scope.isValidParameter = false;\r\n            } else {\r\n                $scope.currentKey = datasource.dataKeys[0].name;\r\n                $scope.dataKeyType = datasource.dataKeys[0].type;\r\n                $scope.dataKeyDetected = true;\r\n            }\r\n        }\r\n    }\r\n\r\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\r\n\r\n    $scope.updateAttribute = function () {\r\n        if ($scope.entityDetected) {\r\n            var datasource = self.ctx.datasources[0];\r\n\r\n            saveEntityTimeseries(\r\n                datasource.entityType,\r\n                datasource.entityId,\r\n                [\r\n                    {\r\n                        key: $scope.currentKey,\r\n                        value: $scope.currentValue\r\n                    }\r\n                ]\r\n            ).then(\r\n                function success() {\r\n                    $scope.originalValue = $scope.currentValue;\r\n                    if (settings.showResultMessage) {\r\n                        toast.showSuccess($translate.instant('widgets.input-widgets.update-successful'), 1000, angular.element(self.ctx.$container), 'bottom left');\r\n                    }\r\n                },\r\n                function fail() {\r\n                    if (settings.showResultMessage) {\r\n                        toast.showError($translate.instant('widgets.input-widgets.update-failed'), angular.element(self.ctx.$container), 'bottom left');\r\n                    }\r\n                }\r\n            );\r\n        }\r\n    };\r\n\r\n    $scope.changeFocus = function () {\r\n        if ($scope.currentValue === $scope.originalValue) {\r\n            $scope.isFocused = false;\r\n        }\r\n    }\r\n\r\n    function saveEntityTimeseries(entityType, entityId, telemetries) {\r\n        var deferred = $q.defer();\r\n        var telemetriesData = {};\r\n        for (var a = 0; a < telemetries.length; a++) {\r\n            if (angular.isDefined(telemetries[a].value) && telemetries[a].value !== null) {\r\n                telemetriesData[telemetries[a].key] = telemetries[a].value;\r\n            }\r\n        }\r\n        if (Object.keys(telemetriesData).length) {\r\n            var url = '/api/plugins/telemetry/' + entityType + '/' + entityId + '/timeseries/scope';\r\n            $http.post(url, telemetriesData).then(\r\n                function(response) {\r\n                    deferred.resolve(response.data);\r\n                },\r\n                function() {\r\n                    deferred.reject();\r\n                }\r\n            );\r\n        }\r\n        return deferred.promise;\r\n    }\r\n}\r\n\r\nself.onDataUpdated = function() {\r\n\r\n    try {\r\n        if ($scope.dataKeyDetected) {\r\n            if (!$scope.isFocused) {\r\n                $scope.currentValue = $scope.originalValue = self.ctx.data[0].data[0][1];\r\n                correctValue($scope.currentValue);\r\n                $scope.$digest();\r\n            }\r\n        }\r\n    } catch (e) {\r\n        console.log(e);\r\n    }\r\n}\r\n\r\nfunction correctValue(value) {\r\n    if (typeof value !== \"number\") {\r\n        $scope.currentValue = 0;\r\n    }\r\n}\r\n\r\nself.onResize = function() {\r\n\r\n}\r\n\r\nself.typeParameters = function() {\r\n    return {\r\n        maxDatasources: 1,\r\n        maxDataKeys: 1\r\n    }\r\n}\r\n\r\nself.onDestroy = function() {\r\n\r\n}\r\n",
+        "templateHtml": "<div tb-toast toastTarget=\"{{ toastTargetId }}\" style=\"width: 100%; height: 100%;\">\n    <form *ngIf=\"attributeUpdateFormGroup\"\n          class=\"attribute-update-form\"\n          [formGroup]=\"attributeUpdateFormGroup\"\n          (ngSubmit)=\"updateAttribute()\">\n        <div style=\"padding: 0 8px; margin: auto 0;\">\n            <div class=\"attribute-update-form__grid\" [fxShow]=\"entityDetected && isValidParameter && dataKeyDetected\">\n                <div class=\"grid__element\">\n                    <mat-form-field class=\"mat-block\" style=\"width: 100%;\"\n                                    floatLabel=\"{{settings.showLabel ? 'auto' : 'always'}}\"\n                                    [hideRequiredMarker]=\"!settings.showLabel\">\n                        <mat-label>{{ settings.showLabel ? labelValue : '' }}</mat-label>\n                        <input matInput\n                               formControlName=\"currentValue\"\n                               required\n                               type=\"number\"\n                               (focus)=\"isFocused = true\"\n                               (blur)=\"changeFocus()\"\n                               max=\"{{settings.maxValue}}\"\n                               min=\"{{settings.minValue}}\"/>\n                        <mat-error *ngIf=\"attributeUpdateFormGroup.get('currentValue').hasError('required')\">\n                            {{requiredErrorMessage}}\n                        </mat-error>\n                    </mat-form-field>    \n                </div>\n    \n                <div class=\"grid__element\">\n                    <button mat-button mat-icon-button class=\"applyChanges\"\n                               type=\"submit\"\n                               [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value || attributeUpdateFormGroup.invalid || !attributeUpdateFormGroup.dirty\"\n                               matTooltip=\"{{ 'widgets.input-widgets.update-timeseries' | translate }}\"\n                               matTooltipPosition=\"above\">\n                        <mat-icon>check</mat-icon>\n                    </button>\n                    <button mat-button mat-icon-button class=\"discardChanges\"\n                               type=\"button\"\n                               [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value\"\n                               (click)=\"attributeUpdateFormGroup.get('currentValue').patchValue(originalValue); isFocused = false\"\n                               matTooltip=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                               matTooltipPosition=\"above\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </div>\n            </div>\n    \n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxHide]=\"entityDetected\">\n                {{ 'widgets.input-widgets.no-entity-selected' | translate }}\n            </div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxShow]=\"entityDetected && !dataKeyDetected\">\n                {{ 'widgets.input-widgets.no-timeseries-selected' | translate }}\n            </div>\n            <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxShow]=\"entityDetected && !isValidParameter\">\n                {{ 'widgets.input-widgets.attribute-not-allowed' | translate }}\n            </div>\n        </div>\n    </form>\n</div>",
+        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .mat-icon-button mat-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.tb-toast {\n    font-size: 14px!important;\n}",
+        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet utils;\nlet translate;\nlet http;\n\nself.onInit = function() {\n    self.ctx.ngZone.run(function() {\n       init(); \n       self.ctx.detectChanges(true);\n    });\n};\n\n\nfunction init() {\n\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get(self.ctx.servicesMap.get('attributeService'));\n    utils = $scope.$injector.get(self.ctx.servicesMap.get('utils'));\n    translate = $scope.$injector.get(self.ctx.servicesMap.get('translate'));\n    http = $scope.$injector.get(self.ctx.servicesMap.get('http'));\n    $scope.toastTargetId = 'input-widget' + utils.guid();\n    settings = utils.deepClone(self.ctx.settings) || {};\n    settings.showLabel = utils.defaultValue(settings.showLabel, true);\n    settings.showResultMessage = utils.defaultValue(settings.showResultMessage, true);\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false;\n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || translate.instant('widgets.input-widgets.entity-timeseries-required');\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || translate.instant('widgets.input-widgets.value');\n\n    $scope.attributeUpdateFormGroup = $scope.fb.group(\n        {currentValue: [undefined, [$scope.validators.required,\n                                    $scope.validators.min(settings.minValue),\n                                    $scope.validators.max(settings.maxValue)]]}\n    );\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === 'entity') {\n            if (datasource.entityType && datasource.entityId) {\n                $scope.entityName = datasource.entityName;\n                if (settings.widgetTitle && settings.widgetTitle.length) {\n                    $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                } else {\n                    $scope.titleTemplate = self.ctx.widgetConfig.title;\n                }\n\n                $scope.entityDetected = true;\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type !== \"timeseries\") {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        $scope.isFocused = false;\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            let observable = saveEntityTimeseries(\n                datasource.entityType,\n                datasource.entityId,\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.attributeUpdateFormGroup.get('currentValue').value\n                    }\n                ]\n            );\n            if (observable) {\n                observable.subscribe(\n                    function success() {\n                        $scope.originalValue = $scope.attributeUpdateFormGroup.get('currentValue').value;\n                        if (settings.showResultMessage) {\n                            $scope.showSuccessToast(translate.instant('widgets.input-widgets.update-successful'), 1000, 'bottom', 'left', $scope.toastTargetId);\n                        }\n                    },\n                    function fail() {\n                        if (settings.showResultMessage) {\n                            $scope.showErrorToast(translate.instant('widgets.input-widgets.update-failed'), 'bottom', 'left', $scope.toastTargetId);\n                        }\n                    }\n                );\n            }\n        }\n    };\n\n    $scope.changeFocus = function () {\n        if ($scope.attributeUpdateFormGroup.get('currentValue').value === $scope.originalValue) {\n            $scope.isFocused = false;\n        }\n    }\n\n    function saveEntityTimeseries(entityType, entityId, telemetries) {\n        var telemetriesData = {};\n        for (var a = 0; a < telemetries.length; a++) {\n            if (typeof telemetries[a].value !== 'undefined' && telemetries[a].value !== null) {\n                telemetriesData[telemetries[a].key] = telemetries[a].value;\n            }\n        }\n        if (Object.keys(telemetriesData).length) {\n            var url = '/api/plugins/telemetry/' + entityType + '/' + entityId + '/timeseries/scope';\n            return http.post(url, telemetriesData);\n        }\n        return null;\n    }\n}\n\nself.onDataUpdated = function() {\n\n    try {\n        if ($scope.dataKeyDetected) {\n            if (!$scope.isFocused) {\n                $scope.originalValue = self.ctx.data[0].data[0][1];\n                $scope.attributeUpdateFormGroup.get('currentValue').patchValue(correctValue($scope.originalValue));\n                self.ctx.detectChanges();\n            }\n        }\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nfunction correctValue(value) {\n    if (typeof value !== \"number\") {\n        return 0;\n    }\n    return value;\n}\n\nself.onResize = function() {\n\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1,\n        dataKeyOptional: true\n    }\n}\n\nself.onDestroy = function() {\n\n}",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"EntitiesTableSettings\",\n        \"properties\": {\n            \"widgetTitle\": {\n                \"title\": \"Widget title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"showLabel\":{\n                \"title\":\"Show label\",\n                \"type\":\"boolean\",\n                \"default\":true\n            },\n            \"labelValue\": {\n                \"title\": \"Label\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"requiredErrorMessage\": {\n                \"title\": \"'Required' error message\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"maxValue\": {\n                \"title\": \"Max value\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"minValue\": {\n                \"title\": \"Min value\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"showResultMessage\":{\n                \"title\":\"Show result message\",\n                \"type\":\"boolean\",\n                \"default\":true\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"widgetTitle\",\n        \"showResultMessage\",\n        \"showLabel\",\n        \"labelValue\",\n        \"requiredErrorMessage\",\n        \"maxValue\",\n        \"minValue\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{},\"title\":\"Update double timeseries\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
@@ -285,9 +285,9 @@
         "sizeX": 7.5,
         "sizeY": 3,
         "resources": [],
-        "templateHtml": "<form class=\"attribute-update-form\"\n      name=\"attrUpdateForm\"\n      ng-submit=\"updateAttribute($event)\"\n>\n    <div style=\"padding: 0 8px; margin: auto 0;\">\n\n        <div class=\"attribute-update-form__grid\" ng-show=\"entityDetected && isValidParameter && dataKeyDetected\">\n            <div class=\"grid__element\">\n                <md-input-container ng-class=\"{'show-label': settings.showLabel}\" class=\"md-block\" style=\"width: 100%;\">\n                    <label>{{labelValue}}</label>\n                    <input required\n                           name=\"attribute\"\n                           ng-model=\"currentValue\"\n                           ng-focus=\"isFocused = true\"\n                           ng-blur=\"changeFocus()\"\n                           type=\"number\"\n                           max=\"{{settings.maxValue}}\"\n                           min=\"{{settings.minValue}}\"\n                    >\n                    <div ng-messages=\"attrUpdateForm.attribute.$error\">\n                        <div ng-message=\"required\">{{requiredErrorMessage}}</div>\n                    </div>\n                </md-input-container>\n            </div>\n\n            <div class=\"grid__element\">\n                <md-button class=\"md-icon-button applyChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.update-timeseries' | translate }}\"\n                           type=\"submit\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"isFocused = false\"\n                >\n                    <md-icon>check</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.update-timeseries' | translate }}</md-tooltip>\n                </md-button>\n                <md-button class=\"md-icon-button discardChanges\"\n                           aria-label=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                           ng-disabled=\"originalValue === currentValue\"\n                           ng-click=\"currentValue = originalValue; isFocused = false\"\n                >\n                    <md-icon>close</md-icon>\n                    <md-tooltip md-direction=\"top\">{{ 'widgets.input-widgets.discard-changes' | translate }}</md-tooltip>\n                </md-button>\n            </div>\n        </div>\n\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-hide=\"entityDetected\">\n            {{ 'widgets.input-widgets.no-entity-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !dataKeyDetected\">\n            {{ 'widgets.input-widgets.no-timeseries-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" ng-show=\"entityDetected && !isValidParameter\">\n            {{ 'widgets.input-widgets.attribute-not-allowed' | translate }}\n        </div>\n    </div>\n</form>",
-        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.entity-title {\n    font-weight: bold;\n    font-size: 22px;\n    padding-top: 12px;\n    padding-bottom: 6px;\n    color: #666;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .md-button.md-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .md-icon-button md-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.show-label label {\n    display: block;\n}\n\nlabel {\n    display: none;\n}\n\nmd-toast{\n    min-width: 0;\n}\nmd-toast .md-toast-content {\n    font-size: 14px!important;\n}",
-        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet toast;\nlet utils;\nlet types;\nlet $translate;\nlet $q;\nlet $http;\n\nself.onInit = function() {\n\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get('attributeService');\n    toast = $scope.$injector.get('toast');\n    utils = $scope.$injector.get('utils');\n    types = $scope.$injector.get('types');\n    $translate = $scope.$injector.get('$translate');\n    $q = $scope.$injector.get('$q');\n    $http = $scope.$injector.get('$http');\n    settings = angular.copy(self.ctx.settings) || {};\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false;\n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || $translate.instant('widgets.input-widgets.entity-timeseries-required');\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || $translate.instant('widgets.input-widgets.value');\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === types.datasourceType.entity) {\n            if (datasource.entityType && datasource.entityId) {\n                $scope.entityName = datasource.entityName;\n                if (settings.widgetTitle && settings.widgetTitle.length) {\n                    $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                } else {\n                    $scope.titleTemplate = self.ctx.widgetConfig.title;\n                }\n\n                $scope.entityDetected = true;\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type != types.dataKeyType.timeseries) {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            saveEntityTimeseries(\n                datasource.entityType,\n                datasource.entityId,\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.currentValue\n                    }\n                ]\n            ).then(\n                function success() {\n                    $scope.originalValue = $scope.currentValue;\n                    if (settings.showResultMessage) {\n                        toast.showSuccess($translate.instant('widgets.input-widgets.update-successful'), 1000, angular.element(self.ctx.$container), 'bottom left');\n                    }\n                },\n                function fail() {\n                    if (settings.showResultMessage) {\n                        toast.showError($translate.instant('widgets.input-widgets.update-failed'), angular.element(self.ctx.$container), 'bottom left');\n                    }\n                }\n            );\n        }\n    };\n\n    $scope.changeFocus = function () {\n        if ($scope.currentValue === $scope.originalValue) {\n            $scope.isFocused = false;\n        }\n    }\n\n    function saveEntityTimeseries(entityType, entityId, telemetries) {\n        var deferred = $q.defer();\n        var telemetriesData = {};\n        for (var a = 0; a < telemetries.length; a++) {\n            if (angular.isDefined(telemetries[a].value) && telemetries[a].value !== null) {\n                telemetriesData[telemetries[a].key] = telemetries[a].value;\n            }\n        }\n        if (Object.keys(telemetriesData).length) {\n            var url = '/api/plugins/telemetry/' + entityType + '/' + entityId + '/timeseries/scope';\n            $http.post(url, telemetriesData).then(\n                function(response) {\n                    deferred.resolve(response.data);\n                },\n                function() {\n                    deferred.reject();\n                }\n            );\n        }\n        return deferred.promise;\n    }\n}\n\nself.onDataUpdated = function() {\n\n    try {\n        if ($scope.dataKeyDetected) {\n            if (!$scope.isFocused) {\n                $scope.currentValue = $scope.originalValue = self.ctx.data[0].data[0][1];\n                correctValue($scope.currentValue);\n                $scope.$digest();\n            }\n        }\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nfunction correctValue(value) {\n    if (typeof value !== \"number\") {\n        $scope.currentValue = 0;\n    }\n}\n\nself.onResize = function() {\n\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1\n    }\n}\n\nself.onDestroy = function() {\n\n}\n",
+        "templateHtml": "<div tb-toast toastTarget=\"{{ toastTargetId }}\" style=\"width: 100%; height: 100%;\">\n<form *ngIf=\"attributeUpdateFormGroup\"\n      class=\"attribute-update-form\"\n      [formGroup]=\"attributeUpdateFormGroup\"\n      (ngSubmit)=\"updateAttribute()\">\n    <div style=\"padding: 0 8px; margin: auto 0;\">\n        <div class=\"attribute-update-form__grid\" [fxShow]=\"entityDetected && isValidParameter && dataKeyDetected\">\n            <div class=\"grid__element\">\n                <mat-form-field class=\"mat-block\" style=\"width: 100%;\"\n                                floatLabel=\"{{settings.showLabel ? 'auto' : 'always'}}\"\n                                [hideRequiredMarker]=\"!settings.showLabel\">\n                    <mat-label>{{ settings.showLabel ? labelValue : '' }}</mat-label>\n                    <input matInput\n                           formControlName=\"currentValue\"\n                           required\n                           type=\"number\"\n                           step=\"1\"\n                           pattern=\"^-?[0-9]+$\"\n                           (focus)=\"isFocused = true\"\n                           (blur)=\"changeFocus()\"\n                           max=\"{{settings.maxValue}}\"\n                           min=\"{{settings.minValue}}\"/>\n                    <mat-error *ngIf=\"attributeUpdateFormGroup.get('currentValue').hasError('required')\">\n                        {{requiredErrorMessage}}\n                    </mat-error>\n                </mat-form-field>    \n            </div>\n\n            <div class=\"grid__element\">\n                <button mat-button mat-icon-button class=\"applyChanges\"\n                           type=\"submit\"\n                           [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value || attributeUpdateFormGroup.invalid || !attributeUpdateFormGroup.dirty\"\n                           matTooltip=\"{{ 'widgets.input-widgets.update-timeseries' | translate }}\"\n                           matTooltipPosition=\"above\">\n                    <mat-icon>check</mat-icon>\n                </button>\n                <button mat-button mat-icon-button class=\"discardChanges\"\n                           type=\"button\"\n                           [disabled]=\"originalValue === attributeUpdateFormGroup.get('currentValue').value\"\n                           (click)=\"attributeUpdateFormGroup.get('currentValue').patchValue(originalValue); isFocused = false\"\n                           matTooltip=\"{{ 'widgets.input-widgets.discard-changes' | translate }}\"\n                           matTooltipPosition=\"above\">\n                    <mat-icon>close</mat-icon>\n                </button>\n            </div>\n        </div>\n\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxHide]=\"entityDetected\">\n            {{ 'widgets.input-widgets.no-entity-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxShow]=\"entityDetected && !dataKeyDetected\">\n            {{ 'widgets.input-widgets.no-timeseries-selected' | translate }}\n        </div>\n        <div style=\"text-align: center; font-size: 18px; color: #a0a0a0;\" [fxShow]=\"entityDetected && !isValidParameter\">\n            {{ 'widgets.input-widgets.attribute-not-allowed' | translate }}\n        </div>\n    </div>\n</form>\n</div>",
+        "templateCss": ".attribute-update-form {\n    overflow: hidden;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.attribute-update-form__grid {\n    display: flex;\n}\n.grid__element:first-child {\n    flex: 1;\n}\n.grid__element:last-child {\n    margin-top: 19px;\n    margin-left: 7px;\n}\n.grid__element {\n    display: flex;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    margin: 0;\n}\n\n.attribute-update-form .mat-button.mat-icon-button {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    min-height: 32px;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 20px;\n}\n\n.attribute-update-form .mat-icon-button mat-icon {\n    width: 20px;\n    min-width: 20px;\n    height: 20px;\n    min-height: 20px;\n    font-size: 20px;\n}\n\n.tb-toast {\n    font-size: 14px!important;\n}\n",
+        "controllerScript": "let $scope;\nlet settings;\nlet attributeService;\nlet utils;\nlet translate;\nlet http;\n\nself.onInit = function() {\n    self.ctx.ngZone.run(function() {\n       init(); \n       self.ctx.detectChanges(true);\n    });\n};\n\n\nfunction init() {\n\n    $scope = self.ctx.$scope;\n    attributeService = $scope.$injector.get(self.ctx.servicesMap.get('attributeService'));\n    utils = $scope.$injector.get(self.ctx.servicesMap.get('utils'));\n    translate = $scope.$injector.get(self.ctx.servicesMap.get('translate'));\n    http = $scope.$injector.get(self.ctx.servicesMap.get('http'));\n    $scope.toastTargetId = 'input-widget' + utils.guid();\n    settings = utils.deepClone(self.ctx.settings) || {};\n    settings.showLabel = utils.defaultValue(settings.showLabel, true);\n    settings.showResultMessage = utils.defaultValue(settings.showResultMessage, true);\n    $scope.settings = settings;\n    $scope.isValidParameter = true;\n    $scope.dataKeyDetected = false;\n    $scope.requiredErrorMessage = utils.customTranslation(settings.requiredErrorMessage, settings.requiredErrorMessage) || translate.instant('widgets.input-widgets.entity-timeseries-required');\n    $scope.labelValue = utils.customTranslation(settings.labelValue, settings.labelValue) || translate.instant('widgets.input-widgets.value');\n\n    $scope.attributeUpdateFormGroup = $scope.fb.group(\n        {currentValue: [undefined, [$scope.validators.required,\n                                    $scope.validators.min(settings.minValue),\n                                    $scope.validators.max(settings.maxValue),\n                                    $scope.validators.pattern(/^-?[0-9]+$/)]]}\n    );\n\n    if (self.ctx.datasources && self.ctx.datasources.length) {\n        var datasource = self.ctx.datasources[0];\n        if (datasource.type === 'entity') {\n            if (datasource.entityType && datasource.entityId) {\n                $scope.entityName = datasource.entityName;\n                if (settings.widgetTitle && settings.widgetTitle.length) {\n                    $scope.titleTemplate = utils.customTranslation(settings.widgetTitle, settings.widgetTitle);\n                } else {\n                    $scope.titleTemplate = self.ctx.widgetConfig.title;\n                }\n\n                $scope.entityDetected = true;\n            }\n        }\n        if (datasource.dataKeys.length) {\n            if (datasource.dataKeys[0].type !== \"timeseries\") {\n                $scope.isValidParameter = false;\n            } else {\n                $scope.currentKey = datasource.dataKeys[0].name;\n                $scope.dataKeyType = datasource.dataKeys[0].type;\n                $scope.dataKeyDetected = true;\n            }\n        }\n    }\n\n    self.ctx.widgetTitle = utils.createLabelFromDatasource(self.ctx.datasources[0], $scope.titleTemplate);\n\n    $scope.updateAttribute = function () {\n        $scope.isFocused = false;\n        if ($scope.entityDetected) {\n            var datasource = self.ctx.datasources[0];\n\n            let observable = saveEntityTimeseries(\n                datasource.entityType,\n                datasource.entityId,\n                [\n                    {\n                        key: $scope.currentKey,\n                        value: $scope.attributeUpdateFormGroup.get('currentValue').value\n                    }\n                ]\n            );\n            if (observable) {\n                observable.subscribe(\n                    function success() {\n                        $scope.originalValue = $scope.attributeUpdateFormGroup.get('currentValue').value;\n                        if (settings.showResultMessage) {\n                            $scope.showSuccessToast(translate.instant('widgets.input-widgets.update-successful'), 1000, 'bottom', 'left', $scope.toastTargetId);\n                        }\n                    },\n                    function fail() {\n                        if (settings.showResultMessage) {\n                            $scope.showErrorToast(translate.instant('widgets.input-widgets.update-failed'), 'bottom', 'left', $scope.toastTargetId);\n                        }\n                    }\n                );\n            }\n        }\n    };\n\n    $scope.changeFocus = function () {\n        if ($scope.attributeUpdateFormGroup.get('currentValue').value === $scope.originalValue) {\n            $scope.isFocused = false;\n        }\n    }\n\n    function saveEntityTimeseries(entityType, entityId, telemetries) {\n        var telemetriesData = {};\n        for (var a = 0; a < telemetries.length; a++) {\n            if (typeof telemetries[a].value !== 'undefined' && telemetries[a].value !== null) {\n                telemetriesData[telemetries[a].key] = telemetries[a].value;\n            }\n        }\n        if (Object.keys(telemetriesData).length) {\n            var url = '/api/plugins/telemetry/' + entityType + '/' + entityId + '/timeseries/scope';\n            return http.post(url, telemetriesData);\n        }\n        return null;\n    }\n}\n\nself.onDataUpdated = function() {\n\n    try {\n        if ($scope.dataKeyDetected) {\n            if (!$scope.isFocused) {\n                $scope.originalValue = self.ctx.data[0].data[0][1];\n                $scope.attributeUpdateFormGroup.get('currentValue').patchValue(correctValue($scope.originalValue));\n                self.ctx.detectChanges();\n            }\n        }\n    } catch (e) {\n        console.log(e);\n    }\n}\n\nfunction correctValue(value) {\n    if (typeof value !== \"number\") {\n        return 0;\n    }\n    return value;\n}\n\nself.onResize = function() {\n\n}\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1,\n        dataKeyOptional: true\n    }\n}\n\nself.onDestroy = function() {\n\n}\n",
         "settingsSchema": "{\n    \"schema\": {\n        \"type\": \"object\",\n        \"title\": \"EntitiesTableSettings\",\n        \"properties\": {\n            \"widgetTitle\": {\n                \"title\": \"Widget title\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"showLabel\":{\n                \"title\":\"Show label\",\n                \"type\":\"boolean\",\n                \"default\":true\n            },\n            \"labelValue\": {\n                \"title\": \"Label\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"requiredErrorMessage\": {\n                \"title\": \"'Required' error message\",\n                \"type\": \"string\",\n                \"default\": \"\"\n            },\n            \"maxValue\": {\n                \"title\": \"Max value\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"minValue\": {\n                \"title\": \"Min value\",\n                \"type\": \"number\",\n                \"default\": \"\"\n            },\n            \"showResultMessage\":{\n                \"title\":\"Show result message\",\n                \"type\":\"boolean\",\n                \"default\":true\n            }\n        },\n        \"required\": []\n    },\n    \"form\": [\n        \"widgetTitle\",\n        \"showResultMessage\",\n        \"showLabel\",\n        \"labelValue\",\n        \"requiredErrorMessage\",\n        \"maxValue\",\n        \"minValue\"\n    ]\n}",
         "dataKeySettingsSchema": "{}\n",
         "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Random\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.15479322438769105,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < -1000) {\\n\\tvalue = -1000;\\n} else if (value > 1000) {\\n\\tvalue = 1000;\\n}\\nreturn value;\"}]}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":true,\"backgroundColor\":\"#fff\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"8px\",\"settings\":{},\"title\":\"Update integer timeseries\",\"dropShadow\":true,\"enableFullscreen\":false,\"widgetStyle\":{},\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"useDashboardTimewindow\":true,\"showLegend\":false,\"actions\":{}}"
diff --git a/application/src/main/java/org/thingsboard/server/actors/shared/rulechain/SystemRuleChainManager.java b/application/src/main/java/org/thingsboard/server/actors/shared/rulechain/SystemRuleChainManager.java
index f2a80a9e82..10005b040b 100644
--- a/application/src/main/java/org/thingsboard/server/actors/shared/rulechain/SystemRuleChainManager.java
+++ b/application/src/main/java/org/thingsboard/server/actors/shared/rulechain/SystemRuleChainManager.java
@@ -18,8 +18,8 @@ package org.thingsboard.server.actors.shared.rulechain;
 import org.thingsboard.server.actors.ActorSystemContext;
 import org.thingsboard.server.actors.service.DefaultActorService;
 import org.thingsboard.server.common.data.id.TenantId;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.PageDataIterable.FetchFunction;
-import org.thingsboard.server.common.data.page.TextPageData;
 import org.thingsboard.server.common.data.rule.RuleChain;
 import org.thingsboard.server.dao.model.ModelConstants;
 
@@ -33,7 +33,7 @@ public class SystemRuleChainManager extends RuleChainManager {
 
     @Override
     protected FetchFunction<RuleChain> getFetchEntitiesFunction() {
-        return link -> new TextPageData<>(Collections.emptyList(), link);
+        return link -> new PageData<>();
     }
 
     @Override
diff --git a/application/src/main/java/org/thingsboard/server/config/ThingsboardSecurityConfiguration.java b/application/src/main/java/org/thingsboard/server/config/ThingsboardSecurityConfiguration.java
index 526f0b73c8..92a371b1e4 100644
--- a/application/src/main/java/org/thingsboard/server/config/ThingsboardSecurityConfiguration.java
+++ b/application/src/main/java/org/thingsboard/server/config/ThingsboardSecurityConfiguration.java
@@ -68,7 +68,7 @@ public class ThingsboardSecurityConfiguration extends WebSecurityConfigurerAdapt
     public static final String FORM_BASED_LOGIN_ENTRY_POINT = "/api/auth/login";
     public static final String PUBLIC_LOGIN_ENTRY_POINT = "/api/auth/login/public";
     public static final String TOKEN_REFRESH_ENTRY_POINT = "/api/auth/token";
-    protected static final String[] NON_TOKEN_BASED_AUTH_ENTRY_POINTS = new String[] {"/index.html", "/static/**", "/api/noauth/**", "/webjars/**"};
+    protected static final String[] NON_TOKEN_BASED_AUTH_ENTRY_POINTS = new String[] {"/index.html", "/assets/**", "/static/**", "/api/noauth/**", "/webjars/**"};
     public static final String TOKEN_BASED_AUTH_ENTRY_POINT = "/api/**";
     public static final String WS_TOKEN_BASED_AUTH_ENTRY_POINT = "/api/ws/**";
 
@@ -155,7 +155,7 @@ public class ThingsboardSecurityConfiguration extends WebSecurityConfigurerAdapt
 
     @Override
     public void configure(WebSecurity web) throws Exception {
-        web.ignoring().antMatchers("/static/**");
+        web.ignoring().antMatchers("/*.js","/*.css","/*.ico","/assets/**","/static/**");
     }
 
     @Override
diff --git a/application/src/main/java/org/thingsboard/server/config/WebConfig.java b/application/src/main/java/org/thingsboard/server/config/WebConfig.java
index a1b8af692d..78e55374af 100644
--- a/application/src/main/java/org/thingsboard/server/config/WebConfig.java
+++ b/application/src/main/java/org/thingsboard/server/config/WebConfig.java
@@ -21,7 +21,7 @@ import org.springframework.web.bind.annotation.RequestMapping;
 @Controller
 public class WebConfig {
 
-    @RequestMapping(value = "/{path:^(?!api$)(?!static$)(?!webjars$)[^\\.]*}/**")
+    @RequestMapping(value = "/{path:^(?!api$)(?!assets$)(?!static$)(?!webjars$)[^\\.]*}/**")
     public String redirect() {
         return "forward:/index.html";
     }
diff --git a/application/src/main/java/org/thingsboard/server/controller/AlarmController.java b/application/src/main/java/org/thingsboard/server/controller/AlarmController.java
index 09e6dd5d10..723d094df8 100644
--- a/application/src/main/java/org/thingsboard/server/controller/AlarmController.java
+++ b/application/src/main/java/org/thingsboard/server/controller/AlarmController.java
@@ -39,7 +39,7 @@ import org.thingsboard.server.common.data.exception.ThingsboardErrorCode;
 import org.thingsboard.server.common.data.exception.ThingsboardException;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.EntityIdFactory;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.service.security.permission.Operation;
 import org.thingsboard.server.service.security.permission.Resource;
@@ -143,16 +143,18 @@ public class AlarmController extends BaseController {
     @PreAuthorize("hasAnyAuthority('SYS_ADMIN', 'TENANT_ADMIN', 'CUSTOMER_USER')")
     @RequestMapping(value = "/alarm/{entityType}/{entityId}", method = RequestMethod.GET)
     @ResponseBody
-    public TimePageData<AlarmInfo> getAlarms(
+    public PageData<AlarmInfo> getAlarms(
             @PathVariable("entityType") String strEntityType,
             @PathVariable("entityId") String strEntityId,
             @RequestParam(required = false) String searchStatus,
             @RequestParam(required = false) String status,
-            @RequestParam int limit,
+            @RequestParam int pageSize,
+            @RequestParam int page,
+            @RequestParam(required = false) String textSearch,
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder,
             @RequestParam(required = false) Long startTime,
             @RequestParam(required = false) Long endTime,
-            @RequestParam(required = false, defaultValue = "false") boolean ascOrder,
-            @RequestParam(required = false) String offset,
             @RequestParam(required = false) Boolean fetchOriginator
     ) throws ThingsboardException {
         checkParameter("EntityId", strEntityId);
@@ -165,8 +167,8 @@ public class AlarmController extends BaseController {
                     "and 'status' can't be specified at the same time!", ThingsboardErrorCode.BAD_REQUEST_PARAMS);
         }
         checkEntityId(entityId, Operation.READ);
+        TimePageLink pageLink = createTimePageLink(pageSize, page, textSearch, sortProperty, sortOrder, startTime, endTime);
         try {
-            TimePageLink pageLink = createPageLink(limit, startTime, endTime, ascOrder, offset);
             return checkNotNull(alarmService.findAlarms(getCurrentUser().getTenantId(), new AlarmQuery(entityId, pageLink, alarmSearchStatus, alarmStatus, fetchOriginator)).get());
         } catch (Exception e) {
             throw handleException(e);
diff --git a/application/src/main/java/org/thingsboard/server/controller/AssetController.java b/application/src/main/java/org/thingsboard/server/controller/AssetController.java
index 0fbec9560f..87a5ab3fc4 100644
--- a/application/src/main/java/org/thingsboard/server/controller/AssetController.java
+++ b/application/src/main/java/org/thingsboard/server/controller/AssetController.java
@@ -30,6 +30,7 @@ import org.thingsboard.server.common.data.Customer;
 import org.thingsboard.server.common.data.EntitySubtype;
 import org.thingsboard.server.common.data.EntityType;
 import org.thingsboard.server.common.data.asset.Asset;
+import org.thingsboard.server.common.data.asset.AssetInfo;
 import org.thingsboard.server.common.data.asset.AssetSearchQuery;
 import org.thingsboard.server.common.data.audit.ActionType;
 import org.thingsboard.server.common.data.exception.ThingsboardErrorCode;
@@ -37,8 +38,8 @@ import org.thingsboard.server.common.data.exception.ThingsboardException;
 import org.thingsboard.server.common.data.id.AssetId;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.security.Authority;
 import org.thingsboard.server.dao.exception.IncorrectParameterException;
 import org.thingsboard.server.dao.model.ModelConstants;
@@ -69,6 +70,19 @@ public class AssetController extends BaseController {
         }
     }
 
+    @PreAuthorize("hasAnyAuthority('TENANT_ADMIN', 'CUSTOMER_USER')")
+    @RequestMapping(value = "/asset/info/{assetId}", method = RequestMethod.GET)
+    @ResponseBody
+    public AssetInfo getAssetInfoById(@PathVariable(ASSET_ID) String strAssetId) throws ThingsboardException {
+        checkParameter(ASSET_ID, strAssetId);
+        try {
+            AssetId assetId = new AssetId(toUUID(strAssetId));
+            return checkAssetInfoId(assetId, Operation.READ);
+        } catch (Exception e) {
+            throw handleException(e);
+        }
+    }
+
     @PreAuthorize("hasAnyAuthority('TENANT_ADMIN', 'CUSTOMER_USER')")
     @RequestMapping(value = "/asset", method = RequestMethod.POST)
     @ResponseBody
@@ -207,17 +221,18 @@ public class AssetController extends BaseController {
     }
 
     @PreAuthorize("hasAuthority('TENANT_ADMIN')")
-    @RequestMapping(value = "/tenant/assets", params = {"limit"}, method = RequestMethod.GET)
+    @RequestMapping(value = "/tenant/assets", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TextPageData<Asset> getTenantAssets(
-            @RequestParam int limit,
+    public PageData<Asset> getTenantAssets(
+            @RequestParam int pageSize,
+            @RequestParam int page,
             @RequestParam(required = false) String type,
             @RequestParam(required = false) String textSearch,
-            @RequestParam(required = false) String idOffset,
-            @RequestParam(required = false) String textOffset) throws ThingsboardException {
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
         try {
             TenantId tenantId = getCurrentUser().getTenantId();
-            TextPageLink pageLink = createPageLink(limit, textSearch, idOffset, textOffset);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
             if (type != null && type.trim().length()>0) {
                 return checkNotNull(assetService.findAssetsByTenantIdAndType(tenantId, type, pageLink));
             } else {
@@ -228,6 +243,29 @@ public class AssetController extends BaseController {
         }
     }
 
+    @PreAuthorize("hasAuthority('TENANT_ADMIN')")
+    @RequestMapping(value = "/tenant/assetInfos", params = {"pageSize", "page"}, method = RequestMethod.GET)
+    @ResponseBody
+    public PageData<AssetInfo> getTenantAssetInfos(
+            @RequestParam int pageSize,
+            @RequestParam int page,
+            @RequestParam(required = false) String type,
+            @RequestParam(required = false) String textSearch,
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
+        try {
+            TenantId tenantId = getCurrentUser().getTenantId();
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
+            if (type != null && type.trim().length() > 0) {
+                return checkNotNull(assetService.findAssetInfosByTenantIdAndType(tenantId, type, pageLink));
+            } else {
+                return checkNotNull(assetService.findAssetInfosByTenantId(tenantId, pageLink));
+            }
+        } catch (Exception e) {
+            throw handleException(e);
+        }
+    }
+
     @PreAuthorize("hasAuthority('TENANT_ADMIN')")
     @RequestMapping(value = "/tenant/assets", params = {"assetName"}, method = RequestMethod.GET)
     @ResponseBody
@@ -242,21 +280,22 @@ public class AssetController extends BaseController {
     }
 
     @PreAuthorize("hasAnyAuthority('TENANT_ADMIN', 'CUSTOMER_USER')")
-    @RequestMapping(value = "/customer/{customerId}/assets", params = {"limit"}, method = RequestMethod.GET)
+    @RequestMapping(value = "/customer/{customerId}/assets", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TextPageData<Asset> getCustomerAssets(
+    public PageData<Asset> getCustomerAssets(
             @PathVariable("customerId") String strCustomerId,
-            @RequestParam int limit,
+            @RequestParam int pageSize,
+            @RequestParam int page,
             @RequestParam(required = false) String type,
             @RequestParam(required = false) String textSearch,
-            @RequestParam(required = false) String idOffset,
-            @RequestParam(required = false) String textOffset) throws ThingsboardException {
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
         checkParameter("customerId", strCustomerId);
         try {
             TenantId tenantId = getCurrentUser().getTenantId();
             CustomerId customerId = new CustomerId(toUUID(strCustomerId));
             checkCustomerId(customerId, Operation.READ);
-            TextPageLink pageLink = createPageLink(limit, textSearch, idOffset, textOffset);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
             if (type != null && type.trim().length()>0) {
                 return checkNotNull(assetService.findAssetsByTenantIdAndCustomerIdAndType(tenantId, customerId, type, pageLink));
             } else {
@@ -267,6 +306,33 @@ public class AssetController extends BaseController {
         }
     }
 
+    @PreAuthorize("hasAnyAuthority('TENANT_ADMIN', 'CUSTOMER_USER')")
+    @RequestMapping(value = "/customer/{customerId}/assetInfos", params = {"pageSize", "page"}, method = RequestMethod.GET)
+    @ResponseBody
+    public PageData<AssetInfo> getCustomerAssetInfos(
+            @PathVariable("customerId") String strCustomerId,
+            @RequestParam int pageSize,
+            @RequestParam int page,
+            @RequestParam(required = false) String type,
+            @RequestParam(required = false) String textSearch,
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
+        checkParameter("customerId", strCustomerId);
+        try {
+            TenantId tenantId = getCurrentUser().getTenantId();
+            CustomerId customerId = new CustomerId(toUUID(strCustomerId));
+            checkCustomerId(customerId, Operation.READ);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
+            if (type != null && type.trim().length() > 0) {
+                return checkNotNull(assetService.findAssetInfosByTenantIdAndCustomerIdAndType(tenantId, customerId, type, pageLink));
+            } else {
+                return checkNotNull(assetService.findAssetInfosByTenantIdAndCustomerId(tenantId, customerId, pageLink));
+            }
+        } catch (Exception e) {
+            throw handleException(e);
+        }
+    }
+
     @PreAuthorize("hasAnyAuthority('TENANT_ADMIN', 'CUSTOMER_USER')")
     @RequestMapping(value = "/assets", params = {"assetIds"}, method = RequestMethod.GET)
     @ResponseBody
diff --git a/application/src/main/java/org/thingsboard/server/controller/AuditLogController.java b/application/src/main/java/org/thingsboard/server/controller/AuditLogController.java
index 56f730f0fb..8612d9b027 100644
--- a/application/src/main/java/org/thingsboard/server/controller/AuditLogController.java
+++ b/application/src/main/java/org/thingsboard/server/controller/AuditLogController.java
@@ -30,7 +30,7 @@ import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.EntityIdFactory;
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.common.data.id.UserId;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 
 import java.util.Arrays;
@@ -43,20 +43,22 @@ import java.util.stream.Collectors;
 public class AuditLogController extends BaseController {
 
     @PreAuthorize("hasAuthority('TENANT_ADMIN')")
-    @RequestMapping(value = "/audit/logs/customer/{customerId}", params = {"limit"}, method = RequestMethod.GET)
+    @RequestMapping(value = "/audit/logs/customer/{customerId}", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TimePageData<AuditLog> getAuditLogsByCustomerId(
+    public PageData<AuditLog> getAuditLogsByCustomerId(
             @PathVariable("customerId") String strCustomerId,
-            @RequestParam int limit,
+            @RequestParam int pageSize,
+            @RequestParam int page,
+            @RequestParam(required = false) String textSearch,
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder,
             @RequestParam(required = false) Long startTime,
             @RequestParam(required = false) Long endTime,
-            @RequestParam(required = false, defaultValue = "false") boolean ascOrder,
-            @RequestParam(required = false) String offset,
             @RequestParam(name = "actionTypes", required = false) String actionTypesStr) throws ThingsboardException {
         try {
             checkParameter("CustomerId", strCustomerId);
             TenantId tenantId = getCurrentUser().getTenantId();
-            TimePageLink pageLink = createPageLink(limit, startTime, endTime, ascOrder, offset);
+            TimePageLink pageLink = createTimePageLink(pageSize, page, textSearch, sortProperty, sortOrder, startTime, endTime);
             List<ActionType> actionTypes = parseActionTypesStr(actionTypesStr);
             return checkNotNull(auditLogService.findAuditLogsByTenantIdAndCustomerId(tenantId, new CustomerId(UUID.fromString(strCustomerId)), actionTypes, pageLink));
         } catch (Exception e) {
@@ -65,20 +67,22 @@ public class AuditLogController extends BaseController {
     }
 
     @PreAuthorize("hasAuthority('TENANT_ADMIN')")
-    @RequestMapping(value = "/audit/logs/user/{userId}", params = {"limit"}, method = RequestMethod.GET)
+    @RequestMapping(value = "/audit/logs/user/{userId}", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TimePageData<AuditLog> getAuditLogsByUserId(
+    public PageData<AuditLog> getAuditLogsByUserId(
             @PathVariable("userId") String strUserId,
-            @RequestParam int limit,
+            @RequestParam int pageSize,
+            @RequestParam int page,
+            @RequestParam(required = false) String textSearch,
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder,
             @RequestParam(required = false) Long startTime,
             @RequestParam(required = false) Long endTime,
-            @RequestParam(required = false, defaultValue = "false") boolean ascOrder,
-            @RequestParam(required = false) String offset,
             @RequestParam(name = "actionTypes", required = false) String actionTypesStr) throws ThingsboardException {
         try {
             checkParameter("UserId", strUserId);
             TenantId tenantId = getCurrentUser().getTenantId();
-            TimePageLink pageLink = createPageLink(limit, startTime, endTime, ascOrder, offset);
+            TimePageLink pageLink = createTimePageLink(pageSize, page, textSearch, sortProperty, sortOrder, startTime, endTime);
             List<ActionType> actionTypes = parseActionTypesStr(actionTypesStr);
             return checkNotNull(auditLogService.findAuditLogsByTenantIdAndUserId(tenantId, new UserId(UUID.fromString(strUserId)), actionTypes, pageLink));
         } catch (Exception e) {
@@ -87,22 +91,24 @@ public class AuditLogController extends BaseController {
     }
 
     @PreAuthorize("hasAuthority('TENANT_ADMIN')")
-    @RequestMapping(value = "/audit/logs/entity/{entityType}/{entityId}", params = {"limit"}, method = RequestMethod.GET)
+    @RequestMapping(value = "/audit/logs/entity/{entityType}/{entityId}", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TimePageData<AuditLog> getAuditLogsByEntityId(
+    public PageData<AuditLog> getAuditLogsByEntityId(
             @PathVariable("entityType") String strEntityType,
             @PathVariable("entityId") String strEntityId,
-            @RequestParam int limit,
+            @RequestParam int pageSize,
+            @RequestParam int page,
+            @RequestParam(required = false) String textSearch,
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder,
             @RequestParam(required = false) Long startTime,
             @RequestParam(required = false) Long endTime,
-            @RequestParam(required = false, defaultValue = "false") boolean ascOrder,
-            @RequestParam(required = false) String offset,
             @RequestParam(name = "actionTypes", required = false) String actionTypesStr) throws ThingsboardException {
         try {
             checkParameter("EntityId", strEntityId);
             checkParameter("EntityType", strEntityType);
             TenantId tenantId = getCurrentUser().getTenantId();
-            TimePageLink pageLink = createPageLink(limit, startTime, endTime, ascOrder, offset);
+            TimePageLink pageLink = createTimePageLink(pageSize, page, textSearch, sortProperty, sortOrder, startTime, endTime);
             List<ActionType> actionTypes = parseActionTypesStr(actionTypesStr);
             return checkNotNull(auditLogService.findAuditLogsByTenantIdAndEntityId(tenantId, EntityIdFactory.getByTypeAndId(strEntityType, strEntityId), actionTypes, pageLink));
         } catch (Exception e) {
@@ -111,19 +117,21 @@ public class AuditLogController extends BaseController {
     }
 
     @PreAuthorize("hasAuthority('TENANT_ADMIN')")
-    @RequestMapping(value = "/audit/logs", params = {"limit"}, method = RequestMethod.GET)
+    @RequestMapping(value = "/audit/logs", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TimePageData<AuditLog> getAuditLogs(
-            @RequestParam int limit,
+    public PageData<AuditLog> getAuditLogs(
+            @RequestParam int pageSize,
+            @RequestParam int page,
+            @RequestParam(required = false) String textSearch,
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder,
             @RequestParam(required = false) Long startTime,
             @RequestParam(required = false) Long endTime,
-            @RequestParam(required = false, defaultValue = "false") boolean ascOrder,
-            @RequestParam(required = false) String offset,
             @RequestParam(name = "actionTypes", required = false) String actionTypesStr) throws ThingsboardException {
         try {
             TenantId tenantId = getCurrentUser().getTenantId();
-            TimePageLink pageLink = createPageLink(limit, startTime, endTime, ascOrder, offset);
             List<ActionType> actionTypes = parseActionTypesStr(actionTypesStr);
+            TimePageLink pageLink = createTimePageLink(pageSize, page, textSearch, sortProperty, sortOrder, startTime, endTime);
             return checkNotNull(auditLogService.findAuditLogsByTenantId(tenantId, actionTypes, pageLink));
         } catch (Exception e) {
             throw handleException(e);
diff --git a/application/src/main/java/org/thingsboard/server/controller/BaseController.java b/application/src/main/java/org/thingsboard/server/controller/BaseController.java
index 634a78de27..02e0cef53c 100644
--- a/application/src/main/java/org/thingsboard/server/controller/BaseController.java
+++ b/application/src/main/java/org/thingsboard/server/controller/BaseController.java
@@ -28,20 +28,12 @@ import org.springframework.security.core.Authentication;
 import org.springframework.security.core.context.SecurityContextHolder;
 import org.springframework.web.bind.annotation.ExceptionHandler;
 import org.thingsboard.server.actors.service.ActorService;
-import org.thingsboard.server.common.data.Customer;
-import org.thingsboard.server.common.data.Dashboard;
-import org.thingsboard.server.common.data.DashboardInfo;
-import org.thingsboard.server.common.data.DataConstants;
-import org.thingsboard.server.common.data.Device;
-import org.thingsboard.server.common.data.EntityType;
-import org.thingsboard.server.common.data.EntityView;
-import org.thingsboard.server.common.data.HasName;
-import org.thingsboard.server.common.data.Tenant;
-import org.thingsboard.server.common.data.User;
+import org.thingsboard.server.common.data.*;
 import org.thingsboard.server.common.data.alarm.Alarm;
 import org.thingsboard.server.common.data.alarm.AlarmId;
 import org.thingsboard.server.common.data.alarm.AlarmInfo;
 import org.thingsboard.server.common.data.asset.Asset;
+import org.thingsboard.server.common.data.asset.AssetInfo;
 import org.thingsboard.server.common.data.audit.ActionType;
 import org.thingsboard.server.common.data.exception.ThingsboardErrorCode;
 import org.thingsboard.server.common.data.exception.ThingsboardException;
@@ -60,7 +52,8 @@ import org.thingsboard.server.common.data.id.WidgetTypeId;
 import org.thingsboard.server.common.data.id.WidgetsBundleId;
 import org.thingsboard.server.common.data.kv.AttributeKvEntry;
 import org.thingsboard.server.common.data.kv.DataType;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageLink;
+import org.thingsboard.server.common.data.page.SortOrder;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.common.data.plugin.ComponentDescriptor;
 import org.thingsboard.server.common.data.plugin.ComponentType;
@@ -256,21 +249,27 @@ public abstract class BaseController {
         return UUID.fromString(id);
     }
 
-    TimePageLink createPageLink(int limit, Long startTime, Long endTime, boolean ascOrder, String idOffset) {
-        UUID idOffsetUuid = null;
-        if (StringUtils.isNotEmpty(idOffset)) {
-            idOffsetUuid = toUUID(idOffset);
+    PageLink createPageLink(int pageSize, int page, String textSearch, String sortProperty, String sortOrder) throws ThingsboardException {
+        if (!StringUtils.isEmpty(sortProperty)) {
+            SortOrder.Direction direction = SortOrder.Direction.ASC;
+            if (!StringUtils.isEmpty(sortOrder)) {
+                try {
+                    direction = SortOrder.Direction.valueOf(sortOrder.toUpperCase());
+                } catch (IllegalArgumentException e) {
+                    throw new ThingsboardException("Unsupported sort order '" + sortOrder + "'! Only 'ASC' or 'DESC' types are allowed.", ThingsboardErrorCode.BAD_REQUEST_PARAMS);
+                }
+            }
+            SortOrder sort = new SortOrder(sortProperty, direction);
+            return new PageLink(pageSize, page, textSearch, sort);
+        } else {
+            return new PageLink(pageSize, page, textSearch);
         }
-        return new TimePageLink(limit, startTime, endTime, ascOrder, idOffsetUuid);
     }
 
-
-    TextPageLink createPageLink(int limit, String textSearch, String idOffset, String textOffset) {
-        UUID idOffsetUuid = null;
-        if (StringUtils.isNotEmpty(idOffset)) {
-            idOffsetUuid = toUUID(idOffset);
-        }
-        return new TextPageLink(limit, textSearch, idOffsetUuid, textOffset);
+    TimePageLink createTimePageLink(int pageSize, int page, String textSearch,
+                                    String sortProperty, String sortOrder, Long startTime, Long endTime) throws ThingsboardException {
+        PageLink pageLink = this.createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
+        return new TimePageLink(pageLink, startTime, endTime);
     }
 
     protected SecurityUser getCurrentUser() throws ThingsboardException {
@@ -374,6 +373,18 @@ public abstract class BaseController {
         }
     }
 
+    DeviceInfo checkDeviceInfoId(DeviceId deviceId, Operation operation) throws ThingsboardException {
+        try {
+            validateId(deviceId, "Incorrect deviceId " + deviceId);
+            DeviceInfo device = deviceService.findDeviceInfoById(getCurrentUser().getTenantId(), deviceId);
+            checkNotNull(device);
+            accessControlService.checkPermission(getCurrentUser(), Resource.DEVICE, operation, deviceId, device);
+            return device;
+        } catch (Exception e) {
+            throw handleException(e, false);
+        }
+    }
+
     protected EntityView checkEntityViewId(EntityViewId entityViewId, Operation operation) throws ThingsboardException {
         try {
             validateId(entityViewId, "Incorrect entityViewId " + entityViewId);
@@ -386,6 +397,18 @@ public abstract class BaseController {
         }
     }
 
+    EntityViewInfo checkEntityViewInfoId(EntityViewId entityViewId, Operation operation) throws ThingsboardException {
+        try {
+            validateId(entityViewId, "Incorrect entityViewId " + entityViewId);
+            EntityViewInfo entityView = entityViewService.findEntityViewInfoById(getCurrentUser().getTenantId(), entityViewId);
+            checkNotNull(entityView);
+            accessControlService.checkPermission(getCurrentUser(), Resource.ENTITY_VIEW, operation, entityViewId, entityView);
+            return entityView;
+        } catch (Exception e) {
+            throw handleException(e, false);
+        }
+    }
+
     Asset checkAssetId(AssetId assetId, Operation operation) throws ThingsboardException {
         try {
             validateId(assetId, "Incorrect assetId " + assetId);
@@ -398,6 +421,18 @@ public abstract class BaseController {
         }
     }
 
+    AssetInfo checkAssetInfoId(AssetId assetId, Operation operation) throws ThingsboardException {
+        try {
+            validateId(assetId, "Incorrect assetId " + assetId);
+            AssetInfo asset = assetService.findAssetInfoById(getCurrentUser().getTenantId(), assetId);
+            checkNotNull(asset);
+            accessControlService.checkPermission(getCurrentUser(), Resource.ASSET, operation, assetId, asset);
+            return asset;
+        } catch (Exception e) {
+            throw handleException(e, false);
+        }
+    }
+
     Alarm checkAlarmId(AlarmId alarmId, Operation operation) throws ThingsboardException {
         try {
             validateId(alarmId, "Incorrect alarmId " + alarmId);
diff --git a/application/src/main/java/org/thingsboard/server/controller/CustomerController.java b/application/src/main/java/org/thingsboard/server/controller/CustomerController.java
index def876e272..65c031172d 100644
--- a/application/src/main/java/org/thingsboard/server/controller/CustomerController.java
+++ b/application/src/main/java/org/thingsboard/server/controller/CustomerController.java
@@ -34,8 +34,8 @@ import org.thingsboard.server.common.data.audit.ActionType;
 import org.thingsboard.server.common.data.exception.ThingsboardException;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.service.security.permission.Operation;
 import org.thingsboard.server.service.security.permission.Resource;
 
@@ -143,14 +143,15 @@ public class CustomerController extends BaseController {
     }
 
     @PreAuthorize("hasAuthority('TENANT_ADMIN')")
-    @RequestMapping(value = "/customers", params = {"limit"}, method = RequestMethod.GET)
+    @RequestMapping(value = "/customers", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TextPageData<Customer> getCustomers(@RequestParam int limit,
-                                               @RequestParam(required = false) String textSearch,
-                                               @RequestParam(required = false) String idOffset,
-                                               @RequestParam(required = false) String textOffset) throws ThingsboardException {
+    public PageData<Customer> getCustomers(@RequestParam int pageSize,
+                                           @RequestParam int page,
+                                           @RequestParam(required = false) String textSearch,
+                                           @RequestParam(required = false) String sortProperty,
+                                           @RequestParam(required = false) String sortOrder) throws ThingsboardException {
         try {
-            TextPageLink pageLink = createPageLink(limit, textSearch, idOffset, textOffset);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
             TenantId tenantId = getCurrentUser().getTenantId();
             return checkNotNull(customerService.findCustomersByTenantId(tenantId, pageLink));
         } catch (Exception e) {
diff --git a/application/src/main/java/org/thingsboard/server/controller/DashboardController.java b/application/src/main/java/org/thingsboard/server/controller/DashboardController.java
index 741a9fec95..a0b3904d7a 100644
--- a/application/src/main/java/org/thingsboard/server/controller/DashboardController.java
+++ b/application/src/main/java/org/thingsboard/server/controller/DashboardController.java
@@ -37,9 +37,8 @@ import org.thingsboard.server.common.data.exception.ThingsboardException;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.DashboardId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.service.security.permission.Operation;
 import org.thingsboard.server.service.security.permission.Resource;
@@ -417,18 +416,19 @@ public class DashboardController extends BaseController {
     }
 
     @PreAuthorize("hasAuthority('SYS_ADMIN')")
-    @RequestMapping(value = "/tenant/{tenantId}/dashboards", params = { "limit" }, method = RequestMethod.GET)
+    @RequestMapping(value = "/tenant/{tenantId}/dashboards", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TextPageData<DashboardInfo> getTenantDashboards(
+    public PageData<DashboardInfo> getTenantDashboards(
             @PathVariable("tenantId") String strTenantId,
-            @RequestParam int limit,
+            @RequestParam int pageSize,
+            @RequestParam int page,
             @RequestParam(required = false) String textSearch,
-            @RequestParam(required = false) String idOffset,
-            @RequestParam(required = false) String textOffset) throws ThingsboardException {
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
         try {
             TenantId tenantId = new TenantId(toUUID(strTenantId));
             checkTenantId(tenantId, Operation.READ);
-            TextPageLink pageLink = createPageLink(limit, textSearch, idOffset, textOffset);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
             return checkNotNull(dashboardService.findDashboardsByTenantId(tenantId, pageLink));
         } catch (Exception e) {
             throw handleException(e);
@@ -436,16 +436,17 @@ public class DashboardController extends BaseController {
     }
 
     @PreAuthorize("hasAuthority('TENANT_ADMIN')")
-    @RequestMapping(value = "/tenant/dashboards", params = { "limit" }, method = RequestMethod.GET)
+    @RequestMapping(value = "/tenant/dashboards", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TextPageData<DashboardInfo> getTenantDashboards(
-            @RequestParam int limit,
+    public PageData<DashboardInfo> getTenantDashboards(
+            @RequestParam int pageSize,
+            @RequestParam int page,
             @RequestParam(required = false) String textSearch,
-            @RequestParam(required = false) String idOffset,
-            @RequestParam(required = false) String textOffset) throws ThingsboardException {
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
         try {
             TenantId tenantId = getCurrentUser().getTenantId();
-            TextPageLink pageLink = createPageLink(limit, textSearch, idOffset, textOffset);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
             return checkNotNull(dashboardService.findDashboardsByTenantId(tenantId, pageLink));
         } catch (Exception e) {
             throw handleException(e);
@@ -453,22 +454,22 @@ public class DashboardController extends BaseController {
     }
 
     @PreAuthorize("hasAnyAuthority('TENANT_ADMIN', 'CUSTOMER_USER')")
-    @RequestMapping(value = "/customer/{customerId}/dashboards", params = { "limit" }, method = RequestMethod.GET)
+    @RequestMapping(value = "/customer/{customerId}/dashboards", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TimePageData<DashboardInfo> getCustomerDashboards(
+    public PageData<DashboardInfo> getCustomerDashboards(
             @PathVariable("customerId") String strCustomerId,
-            @RequestParam int limit,
-            @RequestParam(required = false) Long startTime,
-            @RequestParam(required = false) Long endTime,
-            @RequestParam(required = false, defaultValue = "false") boolean ascOrder,
-            @RequestParam(required = false) String offset) throws ThingsboardException {
+            @RequestParam int pageSize,
+            @RequestParam int page,
+            @RequestParam(required = false) String textSearch,
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
         checkParameter("customerId", strCustomerId);
         try {
             TenantId tenantId = getCurrentUser().getTenantId();
             CustomerId customerId = new CustomerId(toUUID(strCustomerId));
             checkCustomerId(customerId, Operation.READ);
-            TimePageLink pageLink = createPageLink(limit, startTime, endTime, ascOrder, offset);
-            return checkNotNull(dashboardService.findDashboardsByTenantIdAndCustomerId(tenantId, customerId, pageLink).get());
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
+            return checkNotNull(dashboardService.findDashboardsByTenantIdAndCustomerId(tenantId, customerId, pageLink));
         } catch (Exception e) {
             throw handleException(e);
         }
diff --git a/application/src/main/java/org/thingsboard/server/controller/DeviceController.java b/application/src/main/java/org/thingsboard/server/controller/DeviceController.java
index 828f75bd47..3c9bc7b71e 100644
--- a/application/src/main/java/org/thingsboard/server/controller/DeviceController.java
+++ b/application/src/main/java/org/thingsboard/server/controller/DeviceController.java
@@ -30,19 +30,15 @@ import org.springframework.web.bind.annotation.ResponseBody;
 import org.springframework.web.bind.annotation.ResponseStatus;
 import org.springframework.web.bind.annotation.RestController;
 import org.springframework.web.context.request.async.DeferredResult;
-import org.thingsboard.server.common.data.Customer;
-import org.thingsboard.server.common.data.DataConstants;
-import org.thingsboard.server.common.data.Device;
-import org.thingsboard.server.common.data.EntitySubtype;
-import org.thingsboard.server.common.data.EntityType;
+import org.thingsboard.server.common.data.*;
 import org.thingsboard.server.common.data.audit.ActionType;
 import org.thingsboard.server.common.data.device.DeviceSearchQuery;
 import org.thingsboard.server.common.data.exception.ThingsboardException;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.DeviceId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.security.DeviceCredentials;
 import org.thingsboard.server.common.data.ClaimRequest;
 import org.thingsboard.server.dao.device.claim.ClaimResponse;
@@ -79,6 +75,19 @@ public class DeviceController extends BaseController {
         }
     }
 
+    @PreAuthorize("hasAnyAuthority('TENANT_ADMIN', 'CUSTOMER_USER')")
+    @RequestMapping(value = "/device/info/{deviceId}", method = RequestMethod.GET)
+    @ResponseBody
+    public DeviceInfo getDeviceInfoById(@PathVariable(DEVICE_ID) String strDeviceId) throws ThingsboardException {
+        checkParameter(DEVICE_ID, strDeviceId);
+        try {
+            DeviceId deviceId = new DeviceId(toUUID(strDeviceId));
+            return checkDeviceInfoId(deviceId, Operation.READ);
+        } catch (Exception e) {
+            throw handleException(e);
+        }
+    }
+
     @PreAuthorize("hasAnyAuthority('TENANT_ADMIN', 'CUSTOMER_USER')")
     @RequestMapping(value = "/device", method = RequestMethod.POST)
     @ResponseBody
@@ -266,17 +275,18 @@ public class DeviceController extends BaseController {
     }
 
     @PreAuthorize("hasAuthority('TENANT_ADMIN')")
-    @RequestMapping(value = "/tenant/devices", params = {"limit"}, method = RequestMethod.GET)
+    @RequestMapping(value = "/tenant/devices", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TextPageData<Device> getTenantDevices(
-            @RequestParam int limit,
+    public PageData<Device> getTenantDevices(
+            @RequestParam int pageSize,
+            @RequestParam int page,
             @RequestParam(required = false) String type,
             @RequestParam(required = false) String textSearch,
-            @RequestParam(required = false) String idOffset,
-            @RequestParam(required = false) String textOffset) throws ThingsboardException {
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
         try {
             TenantId tenantId = getCurrentUser().getTenantId();
-            TextPageLink pageLink = createPageLink(limit, textSearch, idOffset, textOffset);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
             if (type != null && type.trim().length() > 0) {
                 return checkNotNull(deviceService.findDevicesByTenantIdAndType(tenantId, type, pageLink));
             } else {
@@ -287,6 +297,29 @@ public class DeviceController extends BaseController {
         }
     }
 
+    @PreAuthorize("hasAuthority('TENANT_ADMIN')")
+    @RequestMapping(value = "/tenant/deviceInfos", params = {"pageSize", "page"}, method = RequestMethod.GET)
+    @ResponseBody
+    public PageData<DeviceInfo> getTenantDeviceInfos(
+            @RequestParam int pageSize,
+            @RequestParam int page,
+            @RequestParam(required = false) String type,
+            @RequestParam(required = false) String textSearch,
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
+        try {
+            TenantId tenantId = getCurrentUser().getTenantId();
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
+            if (type != null && type.trim().length() > 0) {
+                return checkNotNull(deviceService.findDeviceInfosByTenantIdAndType(tenantId, type, pageLink));
+            } else {
+                return checkNotNull(deviceService.findDeviceInfosByTenantId(tenantId, pageLink));
+            }
+        } catch (Exception e) {
+            throw handleException(e);
+        }
+    }
+
     @PreAuthorize("hasAuthority('TENANT_ADMIN')")
     @RequestMapping(value = "/tenant/devices", params = {"deviceName"}, method = RequestMethod.GET)
     @ResponseBody
@@ -301,21 +334,22 @@ public class DeviceController extends BaseController {
     }
 
     @PreAuthorize("hasAnyAuthority('TENANT_ADMIN', 'CUSTOMER_USER')")
-    @RequestMapping(value = "/customer/{customerId}/devices", params = {"limit"}, method = RequestMethod.GET)
+    @RequestMapping(value = "/customer/{customerId}/devices", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TextPageData<Device> getCustomerDevices(
+    public PageData<Device> getCustomerDevices(
             @PathVariable("customerId") String strCustomerId,
-            @RequestParam int limit,
+            @RequestParam int pageSize,
+            @RequestParam int page,
             @RequestParam(required = false) String type,
             @RequestParam(required = false) String textSearch,
-            @RequestParam(required = false) String idOffset,
-            @RequestParam(required = false) String textOffset) throws ThingsboardException {
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
         checkParameter("customerId", strCustomerId);
         try {
             TenantId tenantId = getCurrentUser().getTenantId();
             CustomerId customerId = new CustomerId(toUUID(strCustomerId));
             checkCustomerId(customerId, Operation.READ);
-            TextPageLink pageLink = createPageLink(limit, textSearch, idOffset, textOffset);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
             if (type != null && type.trim().length() > 0) {
                 return checkNotNull(deviceService.findDevicesByTenantIdAndCustomerIdAndType(tenantId, customerId, type, pageLink));
             } else {
@@ -326,6 +360,33 @@ public class DeviceController extends BaseController {
         }
     }
 
+    @PreAuthorize("hasAnyAuthority('TENANT_ADMIN', 'CUSTOMER_USER')")
+    @RequestMapping(value = "/customer/{customerId}/deviceInfos", params = {"pageSize", "page"}, method = RequestMethod.GET)
+    @ResponseBody
+    public PageData<DeviceInfo> getCustomerDeviceInfos(
+            @PathVariable("customerId") String strCustomerId,
+            @RequestParam int pageSize,
+            @RequestParam int page,
+            @RequestParam(required = false) String type,
+            @RequestParam(required = false) String textSearch,
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
+        checkParameter("customerId", strCustomerId);
+        try {
+            TenantId tenantId = getCurrentUser().getTenantId();
+            CustomerId customerId = new CustomerId(toUUID(strCustomerId));
+            checkCustomerId(customerId, Operation.READ);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
+            if (type != null && type.trim().length() > 0) {
+                return checkNotNull(deviceService.findDeviceInfosByTenantIdAndCustomerIdAndType(tenantId, customerId, type, pageLink));
+            } else {
+                return checkNotNull(deviceService.findDeviceInfosByTenantIdAndCustomerId(tenantId, customerId, pageLink));
+            }
+        } catch (Exception e) {
+            throw handleException(e);
+        }
+    }
+
     @PreAuthorize("hasAnyAuthority('TENANT_ADMIN', 'CUSTOMER_USER')")
     @RequestMapping(value = "/devices", params = {"deviceIds"}, method = RequestMethod.GET)
     @ResponseBody
diff --git a/application/src/main/java/org/thingsboard/server/controller/EntityViewController.java b/application/src/main/java/org/thingsboard/server/controller/EntityViewController.java
index 2f146e5738..2babd10929 100644
--- a/application/src/main/java/org/thingsboard/server/controller/EntityViewController.java
+++ b/application/src/main/java/org/thingsboard/server/controller/EntityViewController.java
@@ -29,11 +29,7 @@ import org.springframework.web.bind.annotation.RequestParam;
 import org.springframework.web.bind.annotation.ResponseBody;
 import org.springframework.web.bind.annotation.ResponseStatus;
 import org.springframework.web.bind.annotation.RestController;
-import org.thingsboard.server.common.data.Customer;
-import org.thingsboard.server.common.data.DataConstants;
-import org.thingsboard.server.common.data.EntitySubtype;
-import org.thingsboard.server.common.data.EntityType;
-import org.thingsboard.server.common.data.EntityView;
+import org.thingsboard.server.common.data.*;
 import org.thingsboard.server.common.data.audit.ActionType;
 import org.thingsboard.server.common.data.entityview.EntityViewSearchQuery;
 import org.thingsboard.server.common.data.exception.ThingsboardException;
@@ -43,8 +39,8 @@ import org.thingsboard.server.common.data.id.EntityViewId;
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.common.data.id.UUIDBased;
 import org.thingsboard.server.common.data.kv.AttributeKvEntry;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.exception.IncorrectParameterException;
 import org.thingsboard.server.dao.model.ModelConstants;
 import org.thingsboard.server.service.security.model.SecurityUser;
@@ -82,6 +78,19 @@ public class EntityViewController extends BaseController {
         }
     }
 
+    @PreAuthorize("hasAnyAuthority('TENANT_ADMIN', 'CUSTOMER_USER')")
+    @RequestMapping(value = "/entityView/info/{entityViewId}", method = RequestMethod.GET)
+    @ResponseBody
+    public EntityViewInfo getEntityViewInfoById(@PathVariable(ENTITY_VIEW_ID) String strEntityViewId) throws ThingsboardException {
+        checkParameter(ENTITY_VIEW_ID, strEntityViewId);
+        try {
+            EntityViewId entityViewId = new EntityViewId(toUUID(strEntityViewId));
+            return checkEntityViewInfoId(entityViewId, Operation.READ);
+        } catch (Exception e) {
+            throw handleException(e);
+        }
+    }
+
     @PreAuthorize("hasAnyAuthority('TENANT_ADMIN', 'CUSTOMER_USER')")
     @RequestMapping(value = "/entityView", method = RequestMethod.POST)
     @ResponseBody
@@ -256,21 +265,22 @@ public class EntityViewController extends BaseController {
     }
 
     @PreAuthorize("hasAnyAuthority('TENANT_ADMIN', 'CUSTOMER_USER')")
-    @RequestMapping(value = "/customer/{customerId}/entityViews", params = {"limit"}, method = RequestMethod.GET)
+    @RequestMapping(value = "/customer/{customerId}/entityViews", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TextPageData<EntityView> getCustomerEntityViews(
+    public PageData<EntityView> getCustomerEntityViews(
             @PathVariable("customerId") String strCustomerId,
-            @RequestParam int limit,
+            @RequestParam int pageSize,
+            @RequestParam int page,
             @RequestParam(required = false) String type,
             @RequestParam(required = false) String textSearch,
-            @RequestParam(required = false) String idOffset,
-            @RequestParam(required = false) String textOffset) throws ThingsboardException {
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
         checkParameter("customerId", strCustomerId);
         try {
             TenantId tenantId = getCurrentUser().getTenantId();
             CustomerId customerId = new CustomerId(toUUID(strCustomerId));
             checkCustomerId(customerId, Operation.READ);
-            TextPageLink pageLink = createPageLink(limit, textSearch, idOffset, textOffset);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
             if (type != null && type.trim().length() > 0) {
                 return checkNotNull(entityViewService.findEntityViewsByTenantIdAndCustomerIdAndType(tenantId, customerId, pageLink, type));
             } else {
@@ -281,18 +291,46 @@ public class EntityViewController extends BaseController {
         }
     }
 
+    @PreAuthorize("hasAnyAuthority('TENANT_ADMIN', 'CUSTOMER_USER')")
+    @RequestMapping(value = "/customer/{customerId}/entityViewInfos", params = {"pageSize", "page"}, method = RequestMethod.GET)
+    @ResponseBody
+    public PageData<EntityViewInfo> getCustomerEntityViewInfos(
+            @PathVariable("customerId") String strCustomerId,
+            @RequestParam int pageSize,
+            @RequestParam int page,
+            @RequestParam(required = false) String type,
+            @RequestParam(required = false) String textSearch,
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
+        checkParameter("customerId", strCustomerId);
+        try {
+            TenantId tenantId = getCurrentUser().getTenantId();
+            CustomerId customerId = new CustomerId(toUUID(strCustomerId));
+            checkCustomerId(customerId, Operation.READ);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
+            if (type != null && type.trim().length() > 0) {
+                return checkNotNull(entityViewService.findEntityViewInfosByTenantIdAndCustomerIdAndType(tenantId, customerId, type, pageLink));
+            } else {
+                return checkNotNull(entityViewService.findEntityViewInfosByTenantIdAndCustomerId(tenantId, customerId, pageLink));
+            }
+        } catch (Exception e) {
+            throw handleException(e);
+        }
+    }
+
     @PreAuthorize("hasAuthority('TENANT_ADMIN')")
-    @RequestMapping(value = "/tenant/entityViews", params = {"limit"}, method = RequestMethod.GET)
+    @RequestMapping(value = "/tenant/entityViews", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TextPageData<EntityView> getTenantEntityViews(
-            @RequestParam int limit,
+    public PageData<EntityView> getTenantEntityViews(
+            @RequestParam int pageSize,
+            @RequestParam int page,
             @RequestParam(required = false) String type,
             @RequestParam(required = false) String textSearch,
-            @RequestParam(required = false) String idOffset,
-            @RequestParam(required = false) String textOffset) throws ThingsboardException {
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
         try {
             TenantId tenantId = getCurrentUser().getTenantId();
-            TextPageLink pageLink = createPageLink(limit, textSearch, idOffset, textOffset);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
 
             if (type != null && type.trim().length() > 0) {
                 return checkNotNull(entityViewService.findEntityViewByTenantIdAndType(tenantId, pageLink, type));
@@ -304,6 +342,29 @@ public class EntityViewController extends BaseController {
         }
     }
 
+    @PreAuthorize("hasAuthority('TENANT_ADMIN')")
+    @RequestMapping(value = "/tenant/entityViewInfos", params = {"pageSize", "page"}, method = RequestMethod.GET)
+    @ResponseBody
+    public PageData<EntityViewInfo> getTenantEntityViewInfos(
+            @RequestParam int pageSize,
+            @RequestParam int page,
+            @RequestParam(required = false) String type,
+            @RequestParam(required = false) String textSearch,
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
+        try {
+            TenantId tenantId = getCurrentUser().getTenantId();
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
+            if (type != null && type.trim().length() > 0) {
+                return checkNotNull(entityViewService.findEntityViewInfosByTenantIdAndType(tenantId, type, pageLink));
+            } else {
+                return checkNotNull(entityViewService.findEntityViewInfosByTenantId(tenantId, pageLink));
+            }
+        } catch (Exception e) {
+            throw handleException(e);
+        }
+    }
+
     @PreAuthorize("hasAnyAuthority('TENANT_ADMIN', 'CUSTOMER_USER')")
     @RequestMapping(value = "/entityViews", method = RequestMethod.POST)
     @ResponseBody
diff --git a/application/src/main/java/org/thingsboard/server/controller/EventController.java b/application/src/main/java/org/thingsboard/server/controller/EventController.java
index d9ad9d54bf..cba2b2bcc0 100644
--- a/application/src/main/java/org/thingsboard/server/controller/EventController.java
+++ b/application/src/main/java/org/thingsboard/server/controller/EventController.java
@@ -28,7 +28,7 @@ import org.thingsboard.server.common.data.exception.ThingsboardException;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.EntityIdFactory;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.dao.event.EventService;
 import org.thingsboard.server.service.security.permission.Operation;
@@ -43,17 +43,18 @@ public class EventController extends BaseController {
     @PreAuthorize("hasAnyAuthority('SYS_ADMIN', 'TENANT_ADMIN', 'CUSTOMER_USER')")
     @RequestMapping(value = "/events/{entityType}/{entityId}/{eventType}", method = RequestMethod.GET)
     @ResponseBody
-    public TimePageData<Event> getEvents(
+    public PageData<Event> getEvents(
             @PathVariable("entityType") String strEntityType,
             @PathVariable("entityId") String strEntityId,
             @PathVariable("eventType") String eventType,
             @RequestParam("tenantId") String strTenantId,
-            @RequestParam int limit,
+            @RequestParam int pageSize,
+            @RequestParam int page,
+            @RequestParam(required = false) String textSearch,
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder,
             @RequestParam(required = false) Long startTime,
-            @RequestParam(required = false) Long endTime,
-            @RequestParam(required = false, defaultValue = "false") boolean ascOrder,
-            @RequestParam(required = false) String offset
-    ) throws ThingsboardException {
+            @RequestParam(required = false) Long endTime) throws ThingsboardException {
         checkParameter("EntityId", strEntityId);
         checkParameter("EntityType", strEntityType);
         try {
@@ -61,8 +62,7 @@ public class EventController extends BaseController {
 
             EntityId entityId = EntityIdFactory.getByTypeAndId(strEntityType, strEntityId);
             checkEntityId(entityId, Operation.READ);
-
-            TimePageLink pageLink = createPageLink(limit, startTime, endTime, ascOrder, offset);
+            TimePageLink pageLink = createTimePageLink(pageSize, page, textSearch, sortProperty, sortOrder, startTime, endTime);
             return checkNotNull(eventService.findEvents(tenantId, entityId, eventType, pageLink));
         } catch (Exception e) {
             throw handleException(e);
@@ -72,16 +72,17 @@ public class EventController extends BaseController {
     @PreAuthorize("hasAnyAuthority('SYS_ADMIN', 'TENANT_ADMIN', 'CUSTOMER_USER')")
     @RequestMapping(value = "/events/{entityType}/{entityId}", method = RequestMethod.GET)
     @ResponseBody
-    public TimePageData<Event> getEvents(
+    public PageData<Event> getEvents(
             @PathVariable("entityType") String strEntityType,
             @PathVariable("entityId") String strEntityId,
             @RequestParam("tenantId") String strTenantId,
-            @RequestParam int limit,
+            @RequestParam int pageSize,
+            @RequestParam int page,
+            @RequestParam(required = false) String textSearch,
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder,
             @RequestParam(required = false) Long startTime,
-            @RequestParam(required = false) Long endTime,
-            @RequestParam(required = false, defaultValue = "false") boolean ascOrder,
-            @RequestParam(required = false) String offset
-    ) throws ThingsboardException {
+            @RequestParam(required = false) Long endTime) throws ThingsboardException {
         checkParameter("EntityId", strEntityId);
         checkParameter("EntityType", strEntityType);
         try {
@@ -90,7 +91,8 @@ public class EventController extends BaseController {
             EntityId entityId = EntityIdFactory.getByTypeAndId(strEntityType, strEntityId);
             checkEntityId(entityId, Operation.READ);
 
-            TimePageLink pageLink = createPageLink(limit, startTime, endTime, ascOrder, offset);
+            TimePageLink pageLink = createTimePageLink(pageSize, page, textSearch, sortProperty, sortOrder, startTime, endTime);
+
             return checkNotNull(eventService.findEvents(tenantId, entityId, pageLink));
         } catch (Exception e) {
             throw handleException(e);
diff --git a/application/src/main/java/org/thingsboard/server/controller/RuleChainController.java b/application/src/main/java/org/thingsboard/server/controller/RuleChainController.java
index 5bfeeee523..cc6d4447e9 100644
--- a/application/src/main/java/org/thingsboard/server/controller/RuleChainController.java
+++ b/application/src/main/java/org/thingsboard/server/controller/RuleChainController.java
@@ -45,8 +45,8 @@ import org.thingsboard.server.common.data.exception.ThingsboardException;
 import org.thingsboard.server.common.data.id.RuleChainId;
 import org.thingsboard.server.common.data.id.RuleNodeId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.plugin.ComponentLifecycleEvent;
 import org.thingsboard.server.common.data.rule.RuleChain;
 import org.thingsboard.server.common.data.rule.RuleChainMetaData;
@@ -220,16 +220,17 @@ public class RuleChainController extends BaseController {
     }
 
     @PreAuthorize("hasAuthority('TENANT_ADMIN')")
-    @RequestMapping(value = "/ruleChains", params = {"limit"}, method = RequestMethod.GET)
+    @RequestMapping(value = "/ruleChains", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TextPageData<RuleChain> getRuleChains(
-            @RequestParam int limit,
+    public PageData<RuleChain> getRuleChains(
+            @RequestParam int pageSize,
+            @RequestParam int page,
             @RequestParam(required = false) String textSearch,
-            @RequestParam(required = false) String idOffset,
-            @RequestParam(required = false) String textOffset) throws ThingsboardException {
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
         try {
             TenantId tenantId = getCurrentUser().getTenantId();
-            TextPageLink pageLink = createPageLink(limit, textSearch, idOffset, textOffset);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
             return checkNotNull(ruleChainService.findTenantRuleChains(tenantId, pageLink));
         } catch (Exception e) {
             throw handleException(e);
diff --git a/application/src/main/java/org/thingsboard/server/controller/TenantController.java b/application/src/main/java/org/thingsboard/server/controller/TenantController.java
index 8d95e78cfa..f9781269d7 100644
--- a/application/src/main/java/org/thingsboard/server/controller/TenantController.java
+++ b/application/src/main/java/org/thingsboard/server/controller/TenantController.java
@@ -30,8 +30,8 @@ import org.springframework.web.bind.annotation.RestController;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.exception.ThingsboardException;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.plugin.ComponentLifecycleEvent;
 import org.thingsboard.server.dao.tenant.TenantService;
 import org.thingsboard.server.service.install.InstallScripts;
@@ -102,14 +102,15 @@ public class TenantController extends BaseController {
     }
 
     @PreAuthorize("hasAuthority('SYS_ADMIN')")
-    @RequestMapping(value = "/tenants", params = {"limit"}, method = RequestMethod.GET)
+    @RequestMapping(value = "/tenants", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TextPageData<Tenant> getTenants(@RequestParam int limit,
-                                           @RequestParam(required = false) String textSearch,
-                                           @RequestParam(required = false) String idOffset,
-                                           @RequestParam(required = false) String textOffset) throws ThingsboardException {
+    public PageData<Tenant> getTenants(@RequestParam int pageSize,
+                                       @RequestParam int page,
+                                       @RequestParam(required = false) String textSearch,
+                                       @RequestParam(required = false) String sortProperty,
+                                       @RequestParam(required = false) String sortOrder) throws ThingsboardException {
         try {
-            TextPageLink pageLink = createPageLink(limit, textSearch, idOffset, textOffset);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
             return checkNotNull(tenantService.findTenants(pageLink));
         } catch (Exception e) {
             throw handleException(e);
diff --git a/application/src/main/java/org/thingsboard/server/controller/UserController.java b/application/src/main/java/org/thingsboard/server/controller/UserController.java
index a24efdb309..c93d672e07 100644
--- a/application/src/main/java/org/thingsboard/server/controller/UserController.java
+++ b/application/src/main/java/org/thingsboard/server/controller/UserController.java
@@ -40,8 +40,8 @@ import org.thingsboard.server.common.data.exception.ThingsboardException;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.common.data.id.UserId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.security.Authority;
 import org.thingsboard.server.common.data.security.UserCredentials;
 import org.thingsboard.server.service.security.auth.jwt.RefreshTokenRepository;
@@ -247,18 +247,19 @@ public class UserController extends BaseController {
     }
 
     @PreAuthorize("hasAuthority('SYS_ADMIN')")
-    @RequestMapping(value = "/tenant/{tenantId}/users", params = { "limit" }, method = RequestMethod.GET)
+    @RequestMapping(value = "/tenant/{tenantId}/users", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TextPageData<User> getTenantAdmins(
+    public PageData<User> getTenantAdmins(
             @PathVariable("tenantId") String strTenantId,
-            @RequestParam int limit,
+            @RequestParam int pageSize,
+            @RequestParam int page,
             @RequestParam(required = false) String textSearch,
-            @RequestParam(required = false) String idOffset,
-            @RequestParam(required = false) String textOffset) throws ThingsboardException {
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
         checkParameter("tenantId", strTenantId);
         try {
             TenantId tenantId = new TenantId(toUUID(strTenantId));
-            TextPageLink pageLink = createPageLink(limit, textSearch, idOffset, textOffset);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
             return checkNotNull(userService.findTenantAdmins(tenantId, pageLink));
         } catch (Exception e) {
             throw handleException(e);
@@ -266,19 +267,20 @@ public class UserController extends BaseController {
     }
 
     @PreAuthorize("hasAuthority('TENANT_ADMIN')")
-    @RequestMapping(value = "/customer/{customerId}/users", params = { "limit" }, method = RequestMethod.GET)
+    @RequestMapping(value = "/customer/{customerId}/users", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TextPageData<User> getCustomerUsers(
+    public PageData<User> getCustomerUsers(
             @PathVariable("customerId") String strCustomerId,
-            @RequestParam int limit,
+            @RequestParam int pageSize,
+            @RequestParam int page,
             @RequestParam(required = false) String textSearch,
-            @RequestParam(required = false) String idOffset,
-            @RequestParam(required = false) String textOffset) throws ThingsboardException {
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
         checkParameter("customerId", strCustomerId);
         try {
             CustomerId customerId = new CustomerId(toUUID(strCustomerId));
             checkCustomerId(customerId, Operation.READ);
-            TextPageLink pageLink = createPageLink(limit, textSearch, idOffset, textOffset);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
             TenantId tenantId = getCurrentUser().getTenantId();
             return checkNotNull(userService.findCustomerUsers(tenantId, customerId, pageLink));
         } catch (Exception e) {
diff --git a/application/src/main/java/org/thingsboard/server/controller/WidgetsBundleController.java b/application/src/main/java/org/thingsboard/server/controller/WidgetsBundleController.java
index b76306e071..b13b3aea54 100644
--- a/application/src/main/java/org/thingsboard/server/controller/WidgetsBundleController.java
+++ b/application/src/main/java/org/thingsboard/server/controller/WidgetsBundleController.java
@@ -28,8 +28,8 @@ import org.springframework.web.bind.annotation.RestController;
 import org.thingsboard.server.common.data.exception.ThingsboardException;
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.common.data.id.WidgetsBundleId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.security.Authority;
 import org.thingsboard.server.common.data.widget.WidgetsBundle;
 import org.thingsboard.server.dao.model.ModelConstants;
@@ -92,15 +92,16 @@ public class WidgetsBundleController extends BaseController {
     }
 
     @PreAuthorize("hasAnyAuthority('SYS_ADMIN', 'TENANT_ADMIN', 'CUSTOMER_USER')")
-    @RequestMapping(value = "/widgetsBundles", params = { "limit" }, method = RequestMethod.GET)
+    @RequestMapping(value = "/widgetsBundles", params = {"pageSize", "page"}, method = RequestMethod.GET)
     @ResponseBody
-    public TextPageData<WidgetsBundle> getWidgetsBundles(
-            @RequestParam int limit,
+    public PageData<WidgetsBundle> getWidgetsBundles(
+            @RequestParam int pageSize,
+            @RequestParam int page,
             @RequestParam(required = false) String textSearch,
-            @RequestParam(required = false) String idOffset,
-            @RequestParam(required = false) String textOffset) throws ThingsboardException {
+            @RequestParam(required = false) String sortProperty,
+            @RequestParam(required = false) String sortOrder) throws ThingsboardException {
         try {
-            TextPageLink pageLink = createPageLink(limit, textSearch, idOffset, textOffset);
+            PageLink pageLink = createPageLink(pageSize, page, textSearch, sortProperty, sortOrder);
             if (getCurrentUser().getAuthority() == Authority.SYS_ADMIN) {
                 return checkNotNull(widgetsBundleService.findSystemWidgetsBundlesByPageLink(getTenantId(), pageLink));
             } else {
diff --git a/application/src/main/java/org/thingsboard/server/service/install/update/DefaultDataUpdateService.java b/application/src/main/java/org/thingsboard/server/service/install/update/DefaultDataUpdateService.java
index 0d2401b0fd..26b087535f 100644
--- a/application/src/main/java/org/thingsboard/server/service/install/update/DefaultDataUpdateService.java
+++ b/application/src/main/java/org/thingsboard/server/service/install/update/DefaultDataUpdateService.java
@@ -22,8 +22,8 @@ import org.springframework.stereotype.Service;
 import org.thingsboard.server.common.data.SearchTextBased;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.id.UUIDBased;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.rule.RuleChain;
 import org.thingsboard.server.dao.rule.RuleChainService;
 import org.thingsboard.server.dao.tenant.TenantService;
@@ -59,7 +59,7 @@ public class DefaultDataUpdateService implements DataUpdateService {
             new PaginatedUpdater<String, Tenant>() {
 
                 @Override
-                protected TextPageData<Tenant> findEntities(String region, TextPageLink pageLink) {
+                protected PageData<Tenant> findEntities(String region, PageLink pageLink) {
                     return tenantService.findTenants(pageLink);
                 }
 
diff --git a/application/src/main/java/org/thingsboard/server/service/install/update/PaginatedUpdater.java b/application/src/main/java/org/thingsboard/server/service/install/update/PaginatedUpdater.java
index d2d551421e..970bc2746e 100644
--- a/application/src/main/java/org/thingsboard/server/service/install/update/PaginatedUpdater.java
+++ b/application/src/main/java/org/thingsboard/server/service/install/update/PaginatedUpdater.java
@@ -17,29 +17,29 @@ package org.thingsboard.server.service.install.update;
 
 import org.thingsboard.server.common.data.SearchTextBased;
 import org.thingsboard.server.common.data.id.UUIDBased;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 
 public abstract class PaginatedUpdater<I, D extends SearchTextBased<? extends UUIDBased>> {
 
     private static final int DEFAULT_LIMIT = 100;
 
     public void updateEntities(I id) {
-        TextPageLink pageLink = new TextPageLink(DEFAULT_LIMIT);
+        PageLink pageLink = new PageLink(DEFAULT_LIMIT);
         boolean hasNext = true;
         while (hasNext) {
-            TextPageData<D> entities = findEntities(id, pageLink);
+            PageData<D> entities = findEntities(id, pageLink);
             for (D entity : entities.getData()) {
                 updateEntity(entity);
             }
             hasNext = entities.hasNext();
             if (hasNext) {
-                pageLink = entities.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         }
     }
 
-    protected abstract TextPageData<D> findEntities(I id, TextPageLink pageLink);
+    protected abstract PageData<D> findEntities(I id, PageLink pageLink);
 
     protected abstract void updateEntity(D entity);
 
diff --git a/application/src/main/java/org/thingsboard/server/service/mail/DefaultMailService.java b/application/src/main/java/org/thingsboard/server/service/mail/DefaultMailService.java
index baa0d417a3..85b8f8ecb4 100644
--- a/application/src/main/java/org/thingsboard/server/service/mail/DefaultMailService.java
+++ b/application/src/main/java/org/thingsboard/server/service/mail/DefaultMailService.java
@@ -112,8 +112,11 @@ public class DefaultMailService implements MailService {
             }
         }
         javaMailProperties.put(MAIL_PROP + protocol + ".starttls.enable", enableTls);
-        if (enableTls && jsonConfig.has("tlsVersion") && StringUtils.isNoneEmpty(jsonConfig.get("tlsVersion").asText())) {
-            javaMailProperties.put(MAIL_PROP + protocol + ".ssl.protocols", jsonConfig.get("tlsVersion").asText());
+        if (enableTls && jsonConfig.has("tlsVersion") && !jsonConfig.get("tlsVersion").isNull()) {
+            String tlsVersion = jsonConfig.get("tlsVersion").asText();
+            if (StringUtils.isNoneEmpty(tlsVersion)) {
+                javaMailProperties.put(MAIL_PROP + protocol + ".ssl.protocols", tlsVersion);
+            }
         }
         return javaMailProperties;
     }
diff --git a/application/src/main/java/org/thingsboard/server/service/state/DefaultDeviceStateService.java b/application/src/main/java/org/thingsboard/server/service/state/DefaultDeviceStateService.java
index f40de180ab..b4f98aa1c1 100644
--- a/application/src/main/java/org/thingsboard/server/service/state/DefaultDeviceStateService.java
+++ b/application/src/main/java/org/thingsboard/server/service/state/DefaultDeviceStateService.java
@@ -39,13 +39,13 @@ import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.id.DeviceId;
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.common.data.kv.AttributeKvEntry;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.kv.BasicTsKvEntry;
 import org.thingsboard.server.common.data.kv.BooleanDataEntry;
 import org.thingsboard.server.common.data.kv.KvEntry;
 import org.thingsboard.server.common.data.kv.LongDataEntry;
 import org.thingsboard.server.common.data.kv.TsKvEntry;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
 import org.thingsboard.server.common.msg.TbMsg;
 import org.thingsboard.server.common.msg.TbMsgDataType;
 import org.thingsboard.server.common.msg.TbMsgMetaData;
@@ -227,13 +227,13 @@ public class DefaultDeviceStateService implements DeviceStateService {
 
     private void onClusterUpdateSync() {
         clusterUpdatePending = false;
-        List<Tenant> tenants = tenantService.findTenants(new TextPageLink(Integer.MAX_VALUE)).getData();
+        List<Tenant> tenants = tenantService.findTenants(new PageLink(Integer.MAX_VALUE)).getData();
         for (Tenant tenant : tenants) {
             List<ListenableFuture<DeviceStateData>> fetchFutures = new ArrayList<>();
-            TextPageLink pageLink = new TextPageLink(initFetchPackSize);
+            PageLink pageLink = new PageLink(initFetchPackSize);
             while (pageLink != null) {
-                TextPageData<Device> page = deviceService.findDevicesByTenantId(tenant.getId(), pageLink);
-                pageLink = page.getNextPageLink();
+                PageData<Device> page = deviceService.findDevicesByTenantId(tenant.getId(), pageLink);
+                pageLink = page.hasNext() ? pageLink.nextPageLink() : null;
                 for (Device device : page.getData()) {
                     if (!routingService.resolveById(device.getId()).isPresent()) {
                         if (!deviceStates.containsKey(device.getId())) {
@@ -260,13 +260,13 @@ public class DefaultDeviceStateService implements DeviceStateService {
 
     private void initStateFromDB() {
         try {
-            List<Tenant> tenants = tenantService.findTenants(new TextPageLink(Integer.MAX_VALUE)).getData();
+            List<Tenant> tenants = tenantService.findTenants(new PageLink(Integer.MAX_VALUE)).getData();
             for (Tenant tenant : tenants) {
                 List<ListenableFuture<DeviceStateData>> fetchFutures = new ArrayList<>();
-                TextPageLink pageLink = new TextPageLink(initFetchPackSize);
+                PageLink pageLink = new PageLink(initFetchPackSize);
                 while (pageLink != null) {
-                    TextPageData<Device> page = deviceService.findDevicesByTenantId(tenant.getId(), pageLink);
-                    pageLink = page.getNextPageLink();
+                    PageData<Device> page = deviceService.findDevicesByTenantId(tenant.getId(), pageLink);
+                    pageLink = page.hasNext() ? pageLink.nextPageLink() : null;
                     for (Device device : page.getData()) {
                         if (!routingService.resolveById(device.getId()).isPresent()) {
                             fetchFutures.add(fetchDeviceState(device));
diff --git a/application/src/main/resources/thingsboard.yml b/application/src/main/resources/thingsboard.yml
index 3aaf47c524..0ec0898837 100644
--- a/application/src/main/resources/thingsboard.yml
+++ b/application/src/main/resources/thingsboard.yml
@@ -119,8 +119,6 @@ dashboard:
 
 database:
   ts_max_intervals: "${DATABASE_TS_MAX_INTERVALS:700}" # Max number of DB queries generated by single API call to fetch telemetry records
-  entities:
-    type: "${DATABASE_ENTITIES_TYPE:sql}" # cassandra OR sql
   ts:
     type: "${DATABASE_TS_TYPE:sql}" # cassandra, sql, or timescale (for hybrid mode, DATABASE_TS_TYPE value should be cassandra, or timescale)
 
@@ -366,6 +364,7 @@ spring.resources.chain:
       enabled: "true"
 
 spring.jpa.properties.hibernate.jdbc.lob.non_contextual_creation: "true"
+spring.jpa.properties.hibernate.order_by.default_null_ordering: "last"
 
 # SQL DAO Configuration
 spring:
diff --git a/application/src/test/java/org/thingsboard/server/controller/AbstractControllerTest.java b/application/src/test/java/org/thingsboard/server/controller/AbstractControllerTest.java
index 50e3580405..bed5689ceb 100644
--- a/application/src/test/java/org/thingsboard/server/controller/AbstractControllerTest.java
+++ b/application/src/test/java/org/thingsboard/server/controller/AbstractControllerTest.java
@@ -65,7 +65,8 @@ import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.User;
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.common.data.id.UUIDBased;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageLink;
+import org.thingsboard.server.common.data.page.SortOrder;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.common.data.security.Authority;
 import org.thingsboard.server.config.ThingsboardSecurityConfiguration;
@@ -314,22 +315,20 @@ public abstract class AbstractControllerTest {
     }
 
     protected <T> T doGetTypedWithPageLink(String urlTemplate, TypeReference<T> responseType,
-                                           TextPageLink pageLink,
+                                           PageLink pageLink,
                                            Object... urlVariables) throws Exception {
         List<Object> pageLinkVariables = new ArrayList<>();
-        urlTemplate += "limit={limit}";
-        pageLinkVariables.add(pageLink.getLimit());
+        urlTemplate += "pageSize={pageSize}&page={page}";
+        pageLinkVariables.add(pageLink.getPageSize());
+        pageLinkVariables.add(pageLink.getPage());
         if (StringUtils.isNotEmpty(pageLink.getTextSearch())) {
             urlTemplate += "&textSearch={textSearch}";
             pageLinkVariables.add(pageLink.getTextSearch());
         }
-        if (pageLink.getIdOffset() != null) {
-            urlTemplate += "&idOffset={idOffset}";
-            pageLinkVariables.add(pageLink.getIdOffset().toString());
-        }
-        if (StringUtils.isNotEmpty(pageLink.getTextOffset())) {
-            urlTemplate += "&textOffset={textOffset}";
-            pageLinkVariables.add(pageLink.getTextOffset());
+        if (pageLink.getSortOrder() != null) {
+            urlTemplate += "&sortProperty={sortProperty}&sortOrder={sortOrder}";
+            pageLinkVariables.add(pageLink.getSortOrder().getProperty());
+            pageLinkVariables.add(pageLink.getSortOrder().getDirection().name());
         }
 
         Object[] vars = new Object[urlVariables.length + pageLinkVariables.size()];
@@ -343,8 +342,9 @@ public abstract class AbstractControllerTest {
                                                 TimePageLink pageLink,
                                                 Object... urlVariables) throws Exception {
         List<Object> pageLinkVariables = new ArrayList<>();
-        urlTemplate += "limit={limit}";
-        pageLinkVariables.add(pageLink.getLimit());
+        urlTemplate += "pageSize={pageSize}&page={page}";
+        pageLinkVariables.add(pageLink.getPageSize());
+        pageLinkVariables.add(pageLink.getPage());
         if (pageLink.getStartTime() != null) {
             urlTemplate += "&startTime={startTime}";
             pageLinkVariables.add(pageLink.getStartTime());
@@ -353,13 +353,14 @@ public abstract class AbstractControllerTest {
             urlTemplate += "&endTime={endTime}";
             pageLinkVariables.add(pageLink.getEndTime());
         }
-        if (pageLink.getIdOffset() != null) {
-            urlTemplate += "&offset={offset}";
-            pageLinkVariables.add(pageLink.getIdOffset().toString());
+        if (StringUtils.isNotEmpty(pageLink.getTextSearch())) {
+            urlTemplate += "&textSearch={textSearch}";
+            pageLinkVariables.add(pageLink.getTextSearch());
         }
-        if (pageLink.isAscOrder()) {
-            urlTemplate += "&ascOrder={ascOrder}";
-            pageLinkVariables.add(pageLink.isAscOrder());
+        if (pageLink.getSortOrder() != null) {
+            urlTemplate += "&sortProperty={sortProperty}&sortOrder={sortOrder}";
+            pageLinkVariables.add(pageLink.getSortOrder().getProperty());
+            pageLinkVariables.add(pageLink.getSortOrder().getDirection().name());
         }
         Object[] vars = new Object[urlVariables.length + pageLinkVariables.size()];
         System.arraycopy(urlVariables, 0, vars, 0, urlVariables.length);
diff --git a/application/src/test/java/org/thingsboard/server/controller/AbstractRuleEngineControllerTest.java b/application/src/test/java/org/thingsboard/server/controller/AbstractRuleEngineControllerTest.java
index 4bc1ced5fe..b5c8c7e27c 100644
--- a/application/src/test/java/org/thingsboard/server/controller/AbstractRuleEngineControllerTest.java
+++ b/application/src/test/java/org/thingsboard/server/controller/AbstractRuleEngineControllerTest.java
@@ -23,7 +23,7 @@ import org.thingsboard.server.common.data.Event;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.RuleChainId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.common.data.rule.RuleChain;
 import org.thingsboard.server.common.data.rule.RuleChainMetaData;
@@ -56,10 +56,10 @@ public class AbstractRuleEngineControllerTest extends AbstractControllerTest {
         return doGet("/api/ruleChain/metadata/" + ruleChainId.getId().toString(), RuleChainMetaData.class);
     }
 
-    protected TimePageData<Event> getDebugEvents(TenantId tenantId, EntityId entityId, int limit) throws Exception {
+    protected PageData<Event> getDebugEvents(TenantId tenantId, EntityId entityId, int limit) throws Exception {
         TimePageLink pageLink = new TimePageLink(limit);
         return doGetTypedWithTimePageLink("/api/events/{entityType}/{entityId}/{eventType}?tenantId={tenantId}&",
-                new TypeReference<TimePageData<Event>>() {
+                new TypeReference<PageData<Event>>() {
                 }, pageLink, entityId.getEntityType(), entityId.getId(), DataConstants.DEBUG_RULE_NODE, tenantId.getId());
     }
 
diff --git a/application/src/test/java/org/thingsboard/server/controller/BaseAssetControllerTest.java b/application/src/test/java/org/thingsboard/server/controller/BaseAssetControllerTest.java
index 56c73b5e13..23e23c31fe 100644
--- a/application/src/test/java/org/thingsboard/server/controller/BaseAssetControllerTest.java
+++ b/application/src/test/java/org/thingsboard/server/controller/BaseAssetControllerTest.java
@@ -28,8 +28,8 @@ import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.User;
 import org.thingsboard.server.common.data.asset.Asset;
 import org.thingsboard.server.common.data.id.CustomerId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.security.Authority;
 import org.thingsboard.server.dao.model.ModelConstants;
 
@@ -258,14 +258,14 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
             assets.add(doPost("/api/asset", asset, Asset.class));
         }
         List<Asset> loadedAssets = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(23);
-        TextPageData<Asset> pageData = null;
+        PageLink pageLink = new PageLink(23);
+        PageData<Asset> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/tenant/assets?",
-                    new TypeReference<TextPageData<Asset>>(){}, pageLink);
+                    new TypeReference<PageData<Asset>>(){}, pageLink);
             loadedAssets.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -301,14 +301,14 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
         }
 
         List<Asset> loadedAssetsTitle1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15, title1);
-        TextPageData<Asset> pageData = null;
+        PageLink pageLink = new PageLink(15, 0, title1);
+        PageData<Asset> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/tenant/assets?",
-                    new TypeReference<TextPageData<Asset>>(){}, pageLink);
+                    new TypeReference<PageData<Asset>>(){}, pageLink);
             loadedAssetsTitle1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -318,13 +318,13 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
         Assert.assertEquals(assetsTitle1, loadedAssetsTitle1);
 
         List<Asset> loadedAssetsTitle2 = new ArrayList<>();
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         do {
             pageData = doGetTypedWithPageLink("/api/tenant/assets?",
-                    new TypeReference<TextPageData<Asset>>(){}, pageLink);
+                    new TypeReference<PageData<Asset>>(){}, pageLink);
             loadedAssetsTitle2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -338,9 +338,9 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
                     .andExpect(status().isOk());
         }
 
-        pageLink = new TextPageLink(4, title1);
+        pageLink = new PageLink(4, 0, title1);
         pageData = doGetTypedWithPageLink("/api/tenant/assets?",
-                new TypeReference<TextPageData<Asset>>(){}, pageLink);
+                new TypeReference<PageData<Asset>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
 
@@ -349,9 +349,9 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
                     .andExpect(status().isOk());
         }
 
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         pageData = doGetTypedWithPageLink("/api/tenant/assets?",
-                new TypeReference<TextPageData<Asset>>(){}, pageLink);
+                new TypeReference<PageData<Asset>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
     }
@@ -384,14 +384,14 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
         }
 
         List<Asset> loadedAssetsType1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15);
-        TextPageData<Asset> pageData = null;
+        PageLink pageLink = new PageLink(15);
+        PageData<Asset> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/tenant/assets?type={type}&",
-                    new TypeReference<TextPageData<Asset>>(){}, pageLink, type1);
+                    new TypeReference<PageData<Asset>>(){}, pageLink, type1);
             loadedAssetsType1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -401,13 +401,13 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
         Assert.assertEquals(assetsType1, loadedAssetsType1);
 
         List<Asset> loadedAssetsType2 = new ArrayList<>();
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         do {
             pageData = doGetTypedWithPageLink("/api/tenant/assets?type={type}&",
-                    new TypeReference<TextPageData<Asset>>(){}, pageLink, type2);
+                    new TypeReference<PageData<Asset>>(){}, pageLink, type2);
             loadedAssetsType2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -421,9 +421,9 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
                     .andExpect(status().isOk());
         }
 
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         pageData = doGetTypedWithPageLink("/api/tenant/assets?type={type}&",
-                new TypeReference<TextPageData<Asset>>(){}, pageLink, type1);
+                new TypeReference<PageData<Asset>>(){}, pageLink, type1);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
 
@@ -432,9 +432,9 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
                     .andExpect(status().isOk());
         }
 
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         pageData = doGetTypedWithPageLink("/api/tenant/assets?type={type}&",
-                new TypeReference<TextPageData<Asset>>(){}, pageLink, type2);
+                new TypeReference<PageData<Asset>>(){}, pageLink, type2);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
     }
@@ -457,14 +457,14 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
         }
 
         List<Asset> loadedAssets = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(23);
-        TextPageData<Asset> pageData = null;
+        PageLink pageLink = new PageLink(23);
+        PageData<Asset> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/assets?",
-                    new TypeReference<TextPageData<Asset>>(){}, pageLink);
+                    new TypeReference<PageData<Asset>>(){}, pageLink);
             loadedAssets.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -509,14 +509,14 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
         }
 
         List<Asset> loadedAssetsTitle1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15, title1);
-        TextPageData<Asset> pageData = null;
+        PageLink pageLink = new PageLink(15, 0, title1);
+        PageData<Asset> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/assets?",
-                    new TypeReference<TextPageData<Asset>>(){}, pageLink);
+                    new TypeReference<PageData<Asset>>(){}, pageLink);
             loadedAssetsTitle1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -526,13 +526,13 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
         Assert.assertEquals(assetsTitle1, loadedAssetsTitle1);
 
         List<Asset> loadedAssetsTitle2 = new ArrayList<>();
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         do {
             pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/assets?",
-                    new TypeReference<TextPageData<Asset>>(){}, pageLink);
+                    new TypeReference<PageData<Asset>>(){}, pageLink);
             loadedAssetsTitle2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -546,9 +546,9 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
                     .andExpect(status().isOk());
         }
 
-        pageLink = new TextPageLink(4, title1);
+        pageLink = new PageLink(4, 0, title1);
         pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/assets?",
-                new TypeReference<TextPageData<Asset>>(){}, pageLink);
+                new TypeReference<PageData<Asset>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
 
@@ -557,9 +557,9 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
                     .andExpect(status().isOk());
         }
 
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/assets?",
-                new TypeReference<TextPageData<Asset>>(){}, pageLink);
+                new TypeReference<PageData<Asset>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
     }
@@ -601,14 +601,14 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
         }
 
         List<Asset> loadedAssetsType1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15);
-        TextPageData<Asset> pageData = null;
+        PageLink pageLink = new PageLink(15);
+        PageData<Asset> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/assets?type={type}&",
-                    new TypeReference<TextPageData<Asset>>(){}, pageLink, type1);
+                    new TypeReference<PageData<Asset>>(){}, pageLink, type1);
             loadedAssetsType1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -618,13 +618,13 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
         Assert.assertEquals(assetsType1, loadedAssetsType1);
 
         List<Asset> loadedAssetsType2 = new ArrayList<>();
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         do {
             pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/assets?type={type}&",
-                    new TypeReference<TextPageData<Asset>>(){}, pageLink, type2);
+                    new TypeReference<PageData<Asset>>(){}, pageLink, type2);
             loadedAssetsType2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -638,9 +638,9 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
                     .andExpect(status().isOk());
         }
 
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/assets?type={type}&",
-                new TypeReference<TextPageData<Asset>>(){}, pageLink, type1);
+                new TypeReference<PageData<Asset>>(){}, pageLink, type1);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
 
@@ -649,9 +649,9 @@ public abstract class BaseAssetControllerTest extends AbstractControllerTest {
                     .andExpect(status().isOk());
         }
 
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/assets?type={type}&",
-                new TypeReference<TextPageData<Asset>>(){}, pageLink, type2);
+                new TypeReference<PageData<Asset>>(){}, pageLink, type2);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
     }
diff --git a/application/src/test/java/org/thingsboard/server/controller/BaseAuditLogControllerTest.java b/application/src/test/java/org/thingsboard/server/controller/BaseAuditLogControllerTest.java
index 5f6b944505..26f3086de4 100644
--- a/application/src/test/java/org/thingsboard/server/controller/BaseAuditLogControllerTest.java
+++ b/application/src/test/java/org/thingsboard/server/controller/BaseAuditLogControllerTest.java
@@ -24,7 +24,7 @@ import org.thingsboard.server.common.data.Device;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.User;
 import org.thingsboard.server.common.data.audit.AuditLog;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.common.data.security.Authority;
 import org.thingsboard.server.dao.model.ModelConstants;
@@ -77,14 +77,14 @@ public abstract class BaseAuditLogControllerTest extends AbstractControllerTest
 
         List<AuditLog> loadedAuditLogs = new ArrayList<>();
         TimePageLink pageLink = new TimePageLink(23);
-        TimePageData<AuditLog> pageData;
+        PageData<AuditLog> pageData;
         do {
             pageData = doGetTypedWithTimePageLink("/api/audit/logs?",
-                    new TypeReference<TimePageData<AuditLog>>() {
+                    new TypeReference<PageData<AuditLog>>() {
                     }, pageLink);
             loadedAuditLogs.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -94,11 +94,11 @@ public abstract class BaseAuditLogControllerTest extends AbstractControllerTest
         pageLink = new TimePageLink(23);
         do {
             pageData = doGetTypedWithTimePageLink("/api/audit/logs/customer/" + ModelConstants.NULL_UUID + "?",
-                    new TypeReference<TimePageData<AuditLog>>() {
+                    new TypeReference<PageData<AuditLog>>() {
                     }, pageLink);
             loadedAuditLogs.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -108,11 +108,11 @@ public abstract class BaseAuditLogControllerTest extends AbstractControllerTest
         pageLink = new TimePageLink(23);
         do {
             pageData = doGetTypedWithTimePageLink("/api/audit/logs/user/" + tenantAdmin.getId().getId().toString() + "?",
-                    new TypeReference<TimePageData<AuditLog>>() {
+                    new TypeReference<PageData<AuditLog>>() {
                     }, pageLink);
             loadedAuditLogs.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -132,14 +132,14 @@ public abstract class BaseAuditLogControllerTest extends AbstractControllerTest
 
         List<AuditLog> loadedAuditLogs = new ArrayList<>();
         TimePageLink pageLink = new TimePageLink(23);
-        TimePageData<AuditLog> pageData;
+        PageData<AuditLog> pageData;
         do {
             pageData = doGetTypedWithTimePageLink("/api/audit/logs/entity/DEVICE/" + savedDevice.getId().getId() + "?",
-                    new TypeReference<TimePageData<AuditLog>>() {
+                    new TypeReference<PageData<AuditLog>>() {
                     }, pageLink);
             loadedAuditLogs.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
diff --git a/application/src/test/java/org/thingsboard/server/controller/BaseCustomerControllerTest.java b/application/src/test/java/org/thingsboard/server/controller/BaseCustomerControllerTest.java
index f5ea544560..15868bb7f8 100644
--- a/application/src/test/java/org/thingsboard/server/controller/BaseCustomerControllerTest.java
+++ b/application/src/test/java/org/thingsboard/server/controller/BaseCustomerControllerTest.java
@@ -27,8 +27,8 @@ import org.thingsboard.server.common.data.Customer;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.User;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.security.Authority;
 import org.junit.Assert;
 import org.junit.Test;
@@ -241,13 +241,13 @@ public abstract class BaseCustomerControllerTest extends AbstractControllerTest
         }
         
         List<Customer> loadedCustomers = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(23);
-        TextPageData<Customer> pageData = null;
+        PageLink pageLink = new PageLink(23);
+        PageData<Customer> pageData = null;
         do {
-            pageData = doGetTypedWithPageLink("/api/customers?", new TypeReference<TextPageData<Customer>>(){}, pageLink);
+            pageData = doGetTypedWithPageLink("/api/customers?", new TypeReference<PageData<Customer>>(){}, pageLink);
             loadedCustomers.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -307,13 +307,13 @@ public abstract class BaseCustomerControllerTest extends AbstractControllerTest
         }
         
         List<Customer> loadedCustomersTitle1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15, title1);
-        TextPageData<Customer> pageData = null;
+        PageLink pageLink = new PageLink(15, 0, title1);
+        PageData<Customer> pageData = null;
         do {
-            pageData = doGetTypedWithPageLink("/api/customers?", new TypeReference<TextPageData<Customer>>(){}, pageLink);
+            pageData = doGetTypedWithPageLink("/api/customers?", new TypeReference<PageData<Customer>>(){}, pageLink);
             loadedCustomersTitle1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -323,12 +323,12 @@ public abstract class BaseCustomerControllerTest extends AbstractControllerTest
         Assert.assertEquals(customersTitle1, loadedCustomersTitle1);
         
         List<Customer> loadedCustomersTitle2 = new ArrayList<>();
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         do {
-            pageData = doGetTypedWithPageLink("/api/customers?", new TypeReference<TextPageData<Customer>>(){}, pageLink);
+            pageData = doGetTypedWithPageLink("/api/customers?", new TypeReference<PageData<Customer>>(){}, pageLink);
             loadedCustomersTitle2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -342,8 +342,8 @@ public abstract class BaseCustomerControllerTest extends AbstractControllerTest
             .andExpect(status().isOk());    
         }
         
-        pageLink = new TextPageLink(4, title1);
-        pageData = doGetTypedWithPageLink("/api/customers?", new TypeReference<TextPageData<Customer>>(){}, pageLink);
+        pageLink = new PageLink(4, 0, title1);
+        pageData = doGetTypedWithPageLink("/api/customers?", new TypeReference<PageData<Customer>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
         
@@ -352,8 +352,8 @@ public abstract class BaseCustomerControllerTest extends AbstractControllerTest
             .andExpect(status().isOk());    
         }
         
-        pageLink = new TextPageLink(4, title2);
-        pageData = doGetTypedWithPageLink("/api/customers?", new TypeReference<TextPageData<Customer>>(){}, pageLink);
+        pageLink = new PageLink(4, 0, title2);
+        pageData = doGetTypedWithPageLink("/api/customers?", new TypeReference<PageData<Customer>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
         
diff --git a/application/src/test/java/org/thingsboard/server/controller/BaseDashboardControllerTest.java b/application/src/test/java/org/thingsboard/server/controller/BaseDashboardControllerTest.java
index 0ae939550a..5b300df0bc 100644
--- a/application/src/test/java/org/thingsboard/server/controller/BaseDashboardControllerTest.java
+++ b/application/src/test/java/org/thingsboard/server/controller/BaseDashboardControllerTest.java
@@ -28,9 +28,8 @@ import com.datastax.driver.core.utils.UUIDs;
 import org.apache.commons.lang3.RandomStringUtils;
 import org.thingsboard.server.common.data.*;
 import org.thingsboard.server.common.data.id.CustomerId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.common.data.security.Authority;
 import org.thingsboard.server.dao.model.ModelConstants;
@@ -211,14 +210,14 @@ public abstract class BaseDashboardControllerTest extends AbstractControllerTest
             dashboards.add(new DashboardInfo(doPost("/api/dashboard", dashboard, Dashboard.class)));
         }
         List<DashboardInfo> loadedDashboards = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(24);
-        TextPageData<DashboardInfo> pageData = null;
+        PageLink pageLink = new PageLink(24);
+        PageData<DashboardInfo> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/tenant/dashboards?", 
-                    new TypeReference<TextPageData<DashboardInfo>>(){}, pageLink);
+                    new TypeReference<PageData<DashboardInfo>>(){}, pageLink);
             loadedDashboards.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -252,14 +251,14 @@ public abstract class BaseDashboardControllerTest extends AbstractControllerTest
         }
         
         List<DashboardInfo> loadedDashboardsTitle1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15, title1);
-        TextPageData<DashboardInfo> pageData = null;
+        PageLink pageLink = new PageLink(15, 0, title1);
+        PageData<DashboardInfo> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/tenant/dashboards?", 
-                    new TypeReference<TextPageData<DashboardInfo>>(){}, pageLink);
+                    new TypeReference<PageData<DashboardInfo>>(){}, pageLink);
             loadedDashboardsTitle1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -269,13 +268,13 @@ public abstract class BaseDashboardControllerTest extends AbstractControllerTest
         Assert.assertEquals(dashboardsTitle1, loadedDashboardsTitle1);
         
         List<DashboardInfo> loadedDashboardsTitle2 = new ArrayList<>();
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         do {
             pageData = doGetTypedWithPageLink("/api/tenant/dashboards?", 
-                    new TypeReference<TextPageData<DashboardInfo>>(){}, pageLink);
+                    new TypeReference<PageData<DashboardInfo>>(){}, pageLink);
             loadedDashboardsTitle2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -289,9 +288,9 @@ public abstract class BaseDashboardControllerTest extends AbstractControllerTest
             .andExpect(status().isOk());
         }
         
-        pageLink = new TextPageLink(4, title1);
+        pageLink = new PageLink(4, 0, title1);
         pageData = doGetTypedWithPageLink("/api/tenant/dashboards?", 
-                new TypeReference<TextPageData<DashboardInfo>>(){}, pageLink);
+                new TypeReference<PageData<DashboardInfo>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
         
@@ -300,9 +299,9 @@ public abstract class BaseDashboardControllerTest extends AbstractControllerTest
             .andExpect(status().isOk());
         }
         
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         pageData = doGetTypedWithPageLink("/api/tenant/dashboards?", 
-                new TypeReference<TextPageData<DashboardInfo>>(){}, pageLink);
+                new TypeReference<PageData<DashboardInfo>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
     }
@@ -324,14 +323,14 @@ public abstract class BaseDashboardControllerTest extends AbstractControllerTest
         }
         
         List<DashboardInfo> loadedDashboards = new ArrayList<>();
-        TimePageLink pageLink = new TimePageLink(21);
-        TimePageData<DashboardInfo> pageData = null;
+        PageLink pageLink = new PageLink(21);
+        PageData<DashboardInfo> pageData = null;
         do {
-            pageData = doGetTypedWithTimePageLink("/api/customer/" + customerId.getId().toString() + "/dashboards?",
-                    new TypeReference<TimePageData<DashboardInfo>>(){}, pageLink);
+            pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/dashboards?",
+                    new TypeReference<PageData<DashboardInfo>>(){}, pageLink);
             loadedDashboards.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
diff --git a/application/src/test/java/org/thingsboard/server/controller/BaseDeviceControllerTest.java b/application/src/test/java/org/thingsboard/server/controller/BaseDeviceControllerTest.java
index 2f347f1f89..e8941b9530 100644
--- a/application/src/test/java/org/thingsboard/server/controller/BaseDeviceControllerTest.java
+++ b/application/src/test/java/org/thingsboard/server/controller/BaseDeviceControllerTest.java
@@ -29,8 +29,8 @@ import org.thingsboard.server.common.data.*;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.DeviceCredentialsId;
 import org.thingsboard.server.common.data.id.DeviceId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.security.Authority;
 import org.thingsboard.server.common.data.security.DeviceCredentials;
 import org.thingsboard.server.common.data.security.DeviceCredentialsType;
@@ -366,14 +366,14 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
             devices.add(doPost("/api/device", device, Device.class));
         }
         List<Device> loadedDevices = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(23);
-        TextPageData<Device> pageData = null;
+        PageLink pageLink = new PageLink(23);
+        PageData<Device> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/tenant/devices?", 
-                    new TypeReference<TextPageData<Device>>(){}, pageLink);
+                    new TypeReference<PageData<Device>>(){}, pageLink);
             loadedDevices.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -409,14 +409,14 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
         }
         
         List<Device> loadedDevicesTitle1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15, title1);
-        TextPageData<Device> pageData = null;
+        PageLink pageLink = new PageLink(15, 0, title1);
+        PageData<Device> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/tenant/devices?", 
-                    new TypeReference<TextPageData<Device>>(){}, pageLink);
+                    new TypeReference<PageData<Device>>(){}, pageLink);
             loadedDevicesTitle1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -426,13 +426,13 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
         Assert.assertEquals(devicesTitle1, loadedDevicesTitle1);
         
         List<Device> loadedDevicesTitle2 = new ArrayList<>();
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         do {
             pageData = doGetTypedWithPageLink("/api/tenant/devices?", 
-                    new TypeReference<TextPageData<Device>>(){}, pageLink);
+                    new TypeReference<PageData<Device>>(){}, pageLink);
             loadedDevicesTitle2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -446,9 +446,9 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
             .andExpect(status().isOk());
         }
         
-        pageLink = new TextPageLink(4, title1);
+        pageLink = new PageLink(4, 0, title1);
         pageData = doGetTypedWithPageLink("/api/tenant/devices?", 
-                new TypeReference<TextPageData<Device>>(){}, pageLink);
+                new TypeReference<PageData<Device>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
         
@@ -457,9 +457,9 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
             .andExpect(status().isOk());
         }
         
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         pageData = doGetTypedWithPageLink("/api/tenant/devices?", 
-                new TypeReference<TextPageData<Device>>(){}, pageLink);
+                new TypeReference<PageData<Device>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
     }
@@ -492,14 +492,14 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
         }
 
         List<Device> loadedDevicesType1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15);
-        TextPageData<Device> pageData = null;
+        PageLink pageLink = new PageLink(15);
+        PageData<Device> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/tenant/devices?type={type}&",
-                    new TypeReference<TextPageData<Device>>(){}, pageLink, type1);
+                    new TypeReference<PageData<Device>>(){}, pageLink, type1);
             loadedDevicesType1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -509,13 +509,13 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
         Assert.assertEquals(devicesType1, loadedDevicesType1);
 
         List<Device> loadedDevicesType2 = new ArrayList<>();
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         do {
             pageData = doGetTypedWithPageLink("/api/tenant/devices?type={type}&",
-                    new TypeReference<TextPageData<Device>>(){}, pageLink, type2);
+                    new TypeReference<PageData<Device>>(){}, pageLink, type2);
             loadedDevicesType2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -529,9 +529,9 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
                     .andExpect(status().isOk());
         }
 
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         pageData = doGetTypedWithPageLink("/api/tenant/devices?type={type}&",
-                new TypeReference<TextPageData<Device>>(){}, pageLink, type1);
+                new TypeReference<PageData<Device>>(){}, pageLink, type1);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
 
@@ -540,9 +540,9 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
                     .andExpect(status().isOk());
         }
 
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         pageData = doGetTypedWithPageLink("/api/tenant/devices?type={type}&",
-                new TypeReference<TextPageData<Device>>(){}, pageLink, type2);
+                new TypeReference<PageData<Device>>(){}, pageLink, type2);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
     }
@@ -565,14 +565,14 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
         }
         
         List<Device> loadedDevices = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(23);
-        TextPageData<Device> pageData = null;
+        PageLink pageLink = new PageLink(23);
+        PageData<Device> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/devices?", 
-                    new TypeReference<TextPageData<Device>>(){}, pageLink);
+                    new TypeReference<PageData<Device>>(){}, pageLink);
             loadedDevices.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -617,14 +617,14 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
         }
         
         List<Device> loadedDevicesTitle1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15, title1);
-        TextPageData<Device> pageData = null;
+        PageLink pageLink = new PageLink(15, 0, title1);
+        PageData<Device> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/devices?", 
-                    new TypeReference<TextPageData<Device>>(){}, pageLink);
+                    new TypeReference<PageData<Device>>(){}, pageLink);
             loadedDevicesTitle1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -634,13 +634,13 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
         Assert.assertEquals(devicesTitle1, loadedDevicesTitle1);
         
         List<Device> loadedDevicesTitle2 = new ArrayList<>();
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         do {
             pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/devices?", 
-                    new TypeReference<TextPageData<Device>>(){}, pageLink);
+                    new TypeReference<PageData<Device>>(){}, pageLink);
             loadedDevicesTitle2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -654,9 +654,9 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
             .andExpect(status().isOk());
         }
         
-        pageLink = new TextPageLink(4, title1);
+        pageLink = new PageLink(4, 0, title1);
         pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/devices?", 
-                new TypeReference<TextPageData<Device>>(){}, pageLink);
+                new TypeReference<PageData<Device>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
         
@@ -665,9 +665,9 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
             .andExpect(status().isOk());
         }
         
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/devices?", 
-                new TypeReference<TextPageData<Device>>(){}, pageLink);
+                new TypeReference<PageData<Device>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
     }
@@ -709,14 +709,14 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
         }
 
         List<Device> loadedDevicesType1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15);
-        TextPageData<Device> pageData = null;
+        PageLink pageLink = new PageLink(15);
+        PageData<Device> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/devices?type={type}&",
-                    new TypeReference<TextPageData<Device>>(){}, pageLink, type1);
+                    new TypeReference<PageData<Device>>(){}, pageLink, type1);
             loadedDevicesType1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -726,13 +726,13 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
         Assert.assertEquals(devicesType1, loadedDevicesType1);
 
         List<Device> loadedDevicesType2 = new ArrayList<>();
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         do {
             pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/devices?type={type}&",
-                    new TypeReference<TextPageData<Device>>(){}, pageLink, type2);
+                    new TypeReference<PageData<Device>>(){}, pageLink, type2);
             loadedDevicesType2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -746,9 +746,9 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
                     .andExpect(status().isOk());
         }
 
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/devices?type={type}&",
-                new TypeReference<TextPageData<Device>>(){}, pageLink, type1);
+                new TypeReference<PageData<Device>>(){}, pageLink, type1);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
 
@@ -757,9 +757,9 @@ public abstract class BaseDeviceControllerTest extends AbstractControllerTest {
                     .andExpect(status().isOk());
         }
 
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/devices?type={type}&",
-                new TypeReference<TextPageData<Device>>(){}, pageLink, type2);
+                new TypeReference<PageData<Device>>(){}, pageLink, type2);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
     }
diff --git a/application/src/test/java/org/thingsboard/server/controller/BaseEntityViewControllerTest.java b/application/src/test/java/org/thingsboard/server/controller/BaseEntityViewControllerTest.java
index 1eb821f06a..4c7667a7c2 100644
--- a/application/src/test/java/org/thingsboard/server/controller/BaseEntityViewControllerTest.java
+++ b/application/src/test/java/org/thingsboard/server/controller/BaseEntityViewControllerTest.java
@@ -25,16 +25,12 @@ import org.junit.After;
 import org.junit.Assert;
 import org.junit.Before;
 import org.junit.Test;
-import org.thingsboard.server.common.data.Customer;
-import org.thingsboard.server.common.data.Device;
-import org.thingsboard.server.common.data.EntityView;
-import org.thingsboard.server.common.data.Tenant;
-import org.thingsboard.server.common.data.User;
+import org.thingsboard.server.common.data.*;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.objects.AttributesEntityView;
 import org.thingsboard.server.common.data.objects.TelemetryEntityView;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.security.Authority;
 import org.thingsboard.server.common.data.security.DeviceCredentials;
 import org.thingsboard.server.dao.model.ModelConstants;
@@ -214,16 +210,20 @@ public abstract class BaseEntityViewControllerTest extends AbstractControllerTes
 
     @Test
     public void testGetCustomerEntityViews() throws Exception {
-        CustomerId customerId = doPost("/api/customer", getNewCustomer("Test customer"), Customer.class).getId();
-        String urlTemplate = "/api/customer/" + customerId.getId().toString() + "/entityViews?";
+        Customer customer = doPost("/api/customer", getNewCustomer("Test customer"), Customer.class);
+        CustomerId customerId = customer.getId();
+        String urlTemplate = "/api/customer/" + customerId.getId().toString() + "/entityViewInfos?";
 
-        List<EntityView> views = new ArrayList<>();
+        List<EntityViewInfo> views = new ArrayList<>();
         for (int i = 0; i < 128; i++) {
-            views.add(doPost("/api/customer/" + customerId.getId().toString() + "/entityView/"
-                    + getNewSavedEntityView("Test entity view " + i).getId().getId().toString(), EntityView.class));
+            views.add(
+                    new EntityViewInfo(doPost("/api/customer/" + customerId.getId().toString() + "/entityView/"
+                    + getNewSavedEntityView("Test entity view " + i).getId().getId().toString(), EntityView.class),
+                    customer.getTitle(), customer.isPublic())
+            );
         }
 
-        List<EntityView> loadedViews = loadListOf(new TextPageLink(23), urlTemplate);
+        List<EntityViewInfo> loadedViews = loadListOfInfo(new PageLink(23), urlTemplate);
 
         Collections.sort(views, idComparator);
         Collections.sort(loadedViews, idComparator);
@@ -239,7 +239,7 @@ public abstract class BaseEntityViewControllerTest extends AbstractControllerTes
         String name1 = "Entity view name1";
         List<EntityView> namesOfView1 = fillListOf(125, name1, "/api/customer/" + customerId.getId().toString()
                 + "/entityView/");
-        List<EntityView> loadedNamesOfView1 = loadListOf(new TextPageLink(15, name1), urlTemplate);
+        List<EntityView> loadedNamesOfView1 = loadListOf(new PageLink(15, 0, name1), urlTemplate);
         Collections.sort(namesOfView1, idComparator);
         Collections.sort(loadedNamesOfView1, idComparator);
         assertEquals(namesOfView1, loadedNamesOfView1);
@@ -247,7 +247,7 @@ public abstract class BaseEntityViewControllerTest extends AbstractControllerTes
         String name2 = "Entity view name2";
         List<EntityView> NamesOfView2 = fillListOf(143, name2, "/api/customer/" + customerId.getId().toString()
                 + "/entityView/");
-        List<EntityView> loadedNamesOfView2 = loadListOf(new TextPageLink(4, name2), urlTemplate);
+        List<EntityView> loadedNamesOfView2 = loadListOf(new PageLink(4, 0, name2), urlTemplate);
         Collections.sort(NamesOfView2, idComparator);
         Collections.sort(loadedNamesOfView2, idComparator);
         assertEquals(NamesOfView2, loadedNamesOfView2);
@@ -255,18 +255,18 @@ public abstract class BaseEntityViewControllerTest extends AbstractControllerTes
         for (EntityView view : loadedNamesOfView1) {
             doDelete("/api/customer/entityView/" + view.getId().getId().toString()).andExpect(status().isOk());
         }
-        TextPageData<EntityView> pageData = doGetTypedWithPageLink(urlTemplate,
-                new TypeReference<TextPageData<EntityView>>() {
-                }, new TextPageLink(4, name1));
+        PageData<EntityView> pageData = doGetTypedWithPageLink(urlTemplate,
+                new TypeReference<PageData<EntityView>>() {
+                }, new PageLink(4, 0, name1));
         Assert.assertFalse(pageData.hasNext());
         assertEquals(0, pageData.getData().size());
 
         for (EntityView view : loadedNamesOfView2) {
             doDelete("/api/customer/entityView/" + view.getId().getId().toString()).andExpect(status().isOk());
         }
-        pageData = doGetTypedWithPageLink(urlTemplate, new TypeReference<TextPageData<EntityView>>() {
+        pageData = doGetTypedWithPageLink(urlTemplate, new TypeReference<PageData<EntityView>>() {
                 },
-                new TextPageLink(4, name2));
+                new PageLink(4, 0, name2));
         Assert.assertFalse(pageData.hasNext());
         assertEquals(0, pageData.getData().size());
     }
@@ -274,11 +274,11 @@ public abstract class BaseEntityViewControllerTest extends AbstractControllerTes
     @Test
     public void testGetTenantEntityViews() throws Exception {
 
-        List<EntityView> views = new ArrayList<>();
+        List<EntityViewInfo> views = new ArrayList<>();
         for (int i = 0; i < 178; i++) {
-            views.add(getNewSavedEntityView("Test entity view" + i));
+            views.add(new EntityViewInfo(getNewSavedEntityView("Test entity view" + i), null, false));
         }
-        List<EntityView> loadedViews = loadListOf(new TextPageLink(23), "/api/tenant/entityViews?");
+        List<EntityViewInfo> loadedViews = loadListOfInfo(new PageLink(23), "/api/tenant/entityViewInfos?");
 
         Collections.sort(views, idComparator);
         Collections.sort(loadedViews, idComparator);
@@ -290,14 +290,14 @@ public abstract class BaseEntityViewControllerTest extends AbstractControllerTes
     public void testGetTenantEntityViewsByName() throws Exception {
         String name1 = "Entity view name1";
         List<EntityView> namesOfView1 = fillListOf(143, name1);
-        List<EntityView> loadedNamesOfView1 = loadListOf(new TextPageLink(15, name1), "/api/tenant/entityViews?");
+        List<EntityView> loadedNamesOfView1 = loadListOf(new PageLink(15, 0, name1), "/api/tenant/entityViews?");
         Collections.sort(namesOfView1, idComparator);
         Collections.sort(loadedNamesOfView1, idComparator);
         assertEquals(namesOfView1, loadedNamesOfView1);
 
         String name2 = "Entity view name2";
         List<EntityView> NamesOfView2 = fillListOf(75, name2);
-        List<EntityView> loadedNamesOfView2 = loadListOf(new TextPageLink(4, name2), "/api/tenant/entityViews?");
+        List<EntityView> loadedNamesOfView2 = loadListOf(new PageLink(4, 0, name2), "/api/tenant/entityViews?");
         Collections.sort(NamesOfView2, idComparator);
         Collections.sort(loadedNamesOfView2, idComparator);
         assertEquals(NamesOfView2, loadedNamesOfView2);
@@ -305,18 +305,18 @@ public abstract class BaseEntityViewControllerTest extends AbstractControllerTes
         for (EntityView view : loadedNamesOfView1) {
             doDelete("/api/entityView/" + view.getId().getId().toString()).andExpect(status().isOk());
         }
-        TextPageData<EntityView> pageData = doGetTypedWithPageLink("/api/tenant/entityViews?",
-                new TypeReference<TextPageData<EntityView>>() {
-                }, new TextPageLink(4, name1));
+        PageData<EntityView> pageData = doGetTypedWithPageLink("/api/tenant/entityViews?",
+                new TypeReference<PageData<EntityView>>() {
+                }, new PageLink(4, 0, name1));
         Assert.assertFalse(pageData.hasNext());
         assertEquals(0, pageData.getData().size());
 
         for (EntityView view : loadedNamesOfView2) {
             doDelete("/api/entityView/" + view.getId().getId().toString()).andExpect(status().isOk());
         }
-        pageData = doGetTypedWithPageLink("/api/tenant/entityViews?", new TypeReference<TextPageData<EntityView>>() {
+        pageData = doGetTypedWithPageLink("/api/tenant/entityViews?", new TypeReference<PageData<EntityView>>() {
                 },
-                new TextPageLink(4, name2));
+                new PageLink(4, 0, name2));
         Assert.assertFalse(pageData.hasNext());
         assertEquals(0, pageData.getData().size());
     }
@@ -516,15 +516,30 @@ public abstract class BaseEntityViewControllerTest extends AbstractControllerTes
         return viewNames;
     }
 
-    private List<EntityView> loadListOf(TextPageLink pageLink, String urlTemplate) throws Exception {
+    private List<EntityView> loadListOf(PageLink pageLink, String urlTemplate) throws Exception {
         List<EntityView> loadedItems = new ArrayList<>();
-        TextPageData<EntityView> pageData;
+        PageData<EntityView> pageData;
+        do {
+            pageData = doGetTypedWithPageLink(urlTemplate, new TypeReference<PageData<EntityView>>() {
+            }, pageLink);
+            loadedItems.addAll(pageData.getData());
+            if (pageData.hasNext()) {
+                pageLink = pageLink.nextPageLink();
+            }
+        } while (pageData.hasNext());
+
+        return loadedItems;
+    }
+
+    private List<EntityViewInfo> loadListOfInfo(PageLink pageLink, String urlTemplate) throws Exception {
+        List<EntityViewInfo> loadedItems = new ArrayList<>();
+        PageData<EntityViewInfo> pageData;
         do {
-            pageData = doGetTypedWithPageLink(urlTemplate, new TypeReference<TextPageData<EntityView>>() {
+            pageData = doGetTypedWithPageLink(urlTemplate, new TypeReference<PageData<EntityViewInfo>>() {
             }, pageLink);
             loadedItems.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
diff --git a/application/src/test/java/org/thingsboard/server/controller/BaseTenantControllerTest.java b/application/src/test/java/org/thingsboard/server/controller/BaseTenantControllerTest.java
index 0da36557c7..e9641646ff 100644
--- a/application/src/test/java/org/thingsboard/server/controller/BaseTenantControllerTest.java
+++ b/application/src/test/java/org/thingsboard/server/controller/BaseTenantControllerTest.java
@@ -24,8 +24,8 @@ import java.util.List;
 
 import org.apache.commons.lang3.RandomStringUtils;
 import org.thingsboard.server.common.data.Tenant;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.junit.Assert;
 import org.junit.Test;
 
@@ -102,8 +102,8 @@ public abstract class BaseTenantControllerTest extends AbstractControllerTest {
     public void testFindTenants() throws Exception {
         loginSysAdmin();
         List<Tenant> tenants = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(17);
-        TextPageData<Tenant> pageData = doGetTypedWithPageLink("/api/tenants?", new TypeReference<TextPageData<Tenant>>(){}, pageLink);
+        PageLink pageLink = new PageLink(17);
+        PageData<Tenant> pageData = doGetTypedWithPageLink("/api/tenants?", new TypeReference<PageData<Tenant>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(1, pageData.getData().size());
         tenants.addAll(pageData.getData());
@@ -115,12 +115,12 @@ public abstract class BaseTenantControllerTest extends AbstractControllerTest {
         }
         
         List<Tenant> loadedTenants = new ArrayList<>();
-        pageLink = new TextPageLink(17);
+        pageLink = new PageLink(17);
         do {
-            pageData = doGetTypedWithPageLink("/api/tenants?", new TypeReference<TextPageData<Tenant>>(){}, pageLink);
+            pageData = doGetTypedWithPageLink("/api/tenants?", new TypeReference<PageData<Tenant>>(){}, pageLink);
             loadedTenants.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -136,8 +136,8 @@ public abstract class BaseTenantControllerTest extends AbstractControllerTest {
             }
         }
         
-        pageLink = new TextPageLink(17);
-        pageData =  doGetTypedWithPageLink("/api/tenants?", new TypeReference<TextPageData<Tenant>>(){}, pageLink);
+        pageLink = new PageLink(17);
+        pageData =  doGetTypedWithPageLink("/api/tenants?", new TypeReference<PageData<Tenant>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(1, pageData.getData().size());
     }
@@ -167,13 +167,13 @@ public abstract class BaseTenantControllerTest extends AbstractControllerTest {
         }
         
         List<Tenant> loadedTenantsTitle1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15, title1);
-        TextPageData<Tenant> pageData = null;
+        PageLink pageLink = new PageLink(15, 0, title1);
+        PageData<Tenant> pageData = null;
         do {
-            pageData = doGetTypedWithPageLink("/api/tenants?", new TypeReference<TextPageData<Tenant>>(){}, pageLink);
+            pageData = doGetTypedWithPageLink("/api/tenants?", new TypeReference<PageData<Tenant>>(){}, pageLink);
             loadedTenantsTitle1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -183,12 +183,12 @@ public abstract class BaseTenantControllerTest extends AbstractControllerTest {
         Assert.assertEquals(tenantsTitle1, loadedTenantsTitle1);
         
         List<Tenant> loadedTenantsTitle2 = new ArrayList<>();
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         do {
-            pageData = doGetTypedWithPageLink("/api/tenants?", new TypeReference<TextPageData<Tenant>>(){}, pageLink);
+            pageData = doGetTypedWithPageLink("/api/tenants?", new TypeReference<PageData<Tenant>>(){}, pageLink);
             loadedTenantsTitle2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -202,8 +202,8 @@ public abstract class BaseTenantControllerTest extends AbstractControllerTest {
             .andExpect(status().isOk());        
         }
         
-        pageLink = new TextPageLink(4, title1);
-        pageData = doGetTypedWithPageLink("/api/tenants?", new TypeReference<TextPageData<Tenant>>(){}, pageLink);
+        pageLink = new PageLink(4, 0, title1);
+        pageData = doGetTypedWithPageLink("/api/tenants?", new TypeReference<PageData<Tenant>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
         
@@ -212,8 +212,8 @@ public abstract class BaseTenantControllerTest extends AbstractControllerTest {
             .andExpect(status().isOk());     
         }
         
-        pageLink = new TextPageLink(4, title2);
-        pageData = doGetTypedWithPageLink("/api/tenants?", new TypeReference<TextPageData<Tenant>>(){}, pageLink);
+        pageLink = new PageLink(4, 0, title2);
+        pageData = doGetTypedWithPageLink("/api/tenants?", new TypeReference<PageData<Tenant>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
     }
diff --git a/application/src/test/java/org/thingsboard/server/controller/BaseUserControllerTest.java b/application/src/test/java/org/thingsboard/server/controller/BaseUserControllerTest.java
index 2a2032e4c7..d181ce4b68 100644
--- a/application/src/test/java/org/thingsboard/server/controller/BaseUserControllerTest.java
+++ b/application/src/test/java/org/thingsboard/server/controller/BaseUserControllerTest.java
@@ -27,8 +27,8 @@ import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.User;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.security.Authority;
 import org.thingsboard.server.service.mail.TestMailService;
 
@@ -326,14 +326,14 @@ public abstract class BaseUserControllerTest extends AbstractControllerTest {
         }
         
         List<User> loadedTenantAdmins = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(33);
-        TextPageData<User> pageData = null;
+        PageLink pageLink = new PageLink(33);
+        PageData<User> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/tenant/" + tenantId.getId().toString() + "/users?", 
-                    new TypeReference<TextPageData<User>>(){}, pageLink);
+                    new TypeReference<PageData<User>>(){}, pageLink);
             loadedTenantAdmins.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -345,9 +345,9 @@ public abstract class BaseUserControllerTest extends AbstractControllerTest {
         doDelete("/api/tenant/"+savedTenant.getId().getId().toString())
         .andExpect(status().isOk());
         
-        pageLink = new TextPageLink(33);
+        pageLink = new PageLink(33);
         pageData = doGetTypedWithPageLink("/api/tenant/" + tenantId.getId().toString() + "/users?", 
-                new TypeReference<TextPageData<User>>(){}, pageLink);
+                new TypeReference<PageData<User>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertTrue(pageData.getData().isEmpty());
     }
@@ -393,14 +393,14 @@ public abstract class BaseUserControllerTest extends AbstractControllerTest {
         }
         
         List<User> loadedTenantAdminsEmail1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(33, email1);
-        TextPageData<User> pageData = null;
+        PageLink pageLink = new PageLink(33, 0, email1);
+        PageData<User> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/tenant/" + tenantId.getId().toString() + "/users?", 
-                    new TypeReference<TextPageData<User>>(){}, pageLink);
+                    new TypeReference<PageData<User>>(){}, pageLink);
             loadedTenantAdminsEmail1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -410,13 +410,13 @@ public abstract class BaseUserControllerTest extends AbstractControllerTest {
         Assert.assertEquals(tenantAdminsEmail1, loadedTenantAdminsEmail1);
         
         List<User> loadedTenantAdminsEmail2 = new ArrayList<>();
-        pageLink = new TextPageLink(16, email2);
+        pageLink = new PageLink(16, 0, email2);
         do {
             pageData = doGetTypedWithPageLink("/api/tenant/" + tenantId.getId().toString() + "/users?", 
-                    new TypeReference<TextPageData<User>>(){}, pageLink);
+                    new TypeReference<PageData<User>>(){}, pageLink);
             loadedTenantAdminsEmail2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -430,9 +430,9 @@ public abstract class BaseUserControllerTest extends AbstractControllerTest {
                 .andExpect(status().isOk());
         }
         
-        pageLink = new TextPageLink(4, email1);
+        pageLink = new PageLink(4, 0, email1);
         pageData = doGetTypedWithPageLink("/api/tenant/" + tenantId.getId().toString() + "/users?", 
-                new TypeReference<TextPageData<User>>(){}, pageLink);
+                new TypeReference<PageData<User>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
         
@@ -441,9 +441,9 @@ public abstract class BaseUserControllerTest extends AbstractControllerTest {
                 .andExpect(status().isOk());
         }
         
-        pageLink = new TextPageLink(4, email2);
+        pageLink = new PageLink(4, 0, email2);
         pageData = doGetTypedWithPageLink("/api/tenant/" + tenantId.getId().toString() + "/users?", 
-                new TypeReference<TextPageData<User>>(){}, pageLink);
+                new TypeReference<PageData<User>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
         
@@ -486,14 +486,14 @@ public abstract class BaseUserControllerTest extends AbstractControllerTest {
         }
         
         List<User> loadedCustomerUsers = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(33);
-        TextPageData<User> pageData = null;
+        PageLink pageLink = new PageLink(33);
+        PageData<User> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/users?", 
-                    new TypeReference<TextPageData<User>>(){}, pageLink);
+                    new TypeReference<PageData<User>>(){}, pageLink);
             loadedCustomerUsers.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -565,14 +565,14 @@ public abstract class BaseUserControllerTest extends AbstractControllerTest {
         }
         
         List<User> loadedCustomerUsersEmail1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(33, email1);
-        TextPageData<User> pageData = null;
+        PageLink pageLink = new PageLink(33, 0, email1);
+        PageData<User> pageData = null;
         do {
             pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/users?", 
-                    new TypeReference<TextPageData<User>>(){}, pageLink);
+                    new TypeReference<PageData<User>>(){}, pageLink);
             loadedCustomerUsersEmail1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -582,13 +582,13 @@ public abstract class BaseUserControllerTest extends AbstractControllerTest {
         Assert.assertEquals(customerUsersEmail1, loadedCustomerUsersEmail1);
         
         List<User> loadedCustomerUsersEmail2 = new ArrayList<>();
-        pageLink = new TextPageLink(16, email2);
+        pageLink = new PageLink(16, 0, email2);
         do {
             pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/users?", 
-                    new TypeReference<TextPageData<User>>(){}, pageLink);
+                    new TypeReference<PageData<User>>(){}, pageLink);
             loadedCustomerUsersEmail2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -602,9 +602,9 @@ public abstract class BaseUserControllerTest extends AbstractControllerTest {
             .andExpect(status().isOk());
         }
         
-        pageLink = new TextPageLink(4, email1);
+        pageLink = new PageLink(4, 0, email1);
         pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/users?", 
-                new TypeReference<TextPageData<User>>(){}, pageLink);
+                new TypeReference<PageData<User>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
         
@@ -613,9 +613,9 @@ public abstract class BaseUserControllerTest extends AbstractControllerTest {
             .andExpect(status().isOk());
         }
         
-        pageLink = new TextPageLink(4, email2);
+        pageLink = new PageLink(4, 0, email2);
         pageData = doGetTypedWithPageLink("/api/customer/" + customerId.getId().toString() + "/users?", 
-                new TypeReference<TextPageData<User>>(){}, pageLink);
+                new TypeReference<PageData<User>>(){}, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
         
diff --git a/application/src/test/java/org/thingsboard/server/controller/BaseWidgetsBundleControllerTest.java b/application/src/test/java/org/thingsboard/server/controller/BaseWidgetsBundleControllerTest.java
index c274ea92eb..ef07321d4c 100644
--- a/application/src/test/java/org/thingsboard/server/controller/BaseWidgetsBundleControllerTest.java
+++ b/application/src/test/java/org/thingsboard/server/controller/BaseWidgetsBundleControllerTest.java
@@ -22,8 +22,8 @@ import org.junit.Before;
 import org.junit.Test;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.User;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.security.Authority;
 import org.thingsboard.server.common.data.widget.WidgetsBundle;
 
@@ -150,14 +150,14 @@ public abstract class BaseWidgetsBundleControllerTest extends AbstractController
         widgetsBundles.addAll(sysWidgetsBundles);
 
         List<WidgetsBundle> loadedWidgetsBundles = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(14);
-        TextPageData<WidgetsBundle> pageData;
+        PageLink pageLink = new PageLink(14);
+        PageData<WidgetsBundle> pageData;
         do {
             pageData = doGetTypedWithPageLink("/api/widgetsBundles?",
-                    new TypeReference<TextPageData<WidgetsBundle>>(){}, pageLink);
+                    new TypeReference<PageData<WidgetsBundle>>(){}, pageLink);
             loadedWidgetsBundles.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -186,14 +186,14 @@ public abstract class BaseWidgetsBundleControllerTest extends AbstractController
         widgetsBundles.addAll(sysWidgetsBundles);
 
         List<WidgetsBundle> loadedWidgetsBundles = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(14);
-        TextPageData<WidgetsBundle> pageData;
+        PageLink pageLink = new PageLink(14);
+        PageData<WidgetsBundle> pageData;
         do {
             pageData = doGetTypedWithPageLink("/api/widgetsBundles?",
-                    new TypeReference<TextPageData<WidgetsBundle>>(){}, pageLink);
+                    new TypeReference<PageData<WidgetsBundle>>(){}, pageLink);
             loadedWidgetsBundles.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -207,14 +207,14 @@ public abstract class BaseWidgetsBundleControllerTest extends AbstractController
                     .andExpect(status().isOk());
         }
 
-        pageLink = new TextPageLink(17);
+        pageLink = new PageLink(17);
         loadedWidgetsBundles.clear();
         do {
             pageData = doGetTypedWithPageLink("/api/widgetsBundles?",
-                    new TypeReference<TextPageData<WidgetsBundle>>(){}, pageLink);
+                    new TypeReference<PageData<WidgetsBundle>>(){}, pageLink);
             loadedWidgetsBundles.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
diff --git a/application/src/test/java/org/thingsboard/server/controller/ControllerNoSqlTestSuite.java b/application/src/test/java/org/thingsboard/server/controller/ControllerNoSqlTestSuite.java
deleted file mode 100644
index 4ad41824a0..0000000000
--- a/application/src/test/java/org/thingsboard/server/controller/ControllerNoSqlTestSuite.java
+++ /dev/null
@@ -1,40 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.controller;
-
-import org.cassandraunit.dataset.cql.ClassPathCQLDataSet;
-import org.junit.ClassRule;
-import org.junit.extensions.cpsuite.ClasspathSuite;
-import org.junit.runner.RunWith;
-import org.thingsboard.server.dao.CustomCassandraCQLUnit;
-
-import java.util.Arrays;
-
-@RunWith(ClasspathSuite.class)
-@ClasspathSuite.ClassnameFilters({
-        "org.thingsboard.server.controller.nosql.*Test"})
-public class ControllerNoSqlTestSuite {
-
-    @ClassRule
-    public static CustomCassandraCQLUnit cassandraUnit =
-            new CustomCassandraCQLUnit(
-                    Arrays.asList(
-                            new ClassPathCQLDataSet("cassandra/schema-ts.cql", false, false),
-                            new ClassPathCQLDataSet("cassandra/schema-entities.cql", false, false),
-                            new ClassPathCQLDataSet("cassandra/system-data.cql", false, false),
-                            new ClassPathCQLDataSet("cassandra/system-test.cql", false, false)),
-                    "cassandra-test.yaml", 30000l);
-}
diff --git a/application/src/test/java/org/thingsboard/server/controller/nosql/ComponentDescriptorControllerNoSqlTest.java b/application/src/test/java/org/thingsboard/server/controller/nosql/ComponentDescriptorControllerNoSqlTest.java
deleted file mode 100644
index 487db8259a..0000000000
--- a/application/src/test/java/org/thingsboard/server/controller/nosql/ComponentDescriptorControllerNoSqlTest.java
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.controller.nosql;
-
-import org.thingsboard.server.controller.BaseComponentDescriptorControllerTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-/**
- * Created by Valerii Sosliuk on 6/28/2017.
- */
-@DaoNoSqlTest
-public class ComponentDescriptorControllerNoSqlTest extends BaseComponentDescriptorControllerTest {
-}
diff --git a/application/src/test/java/org/thingsboard/server/controller/nosql/CustomerControllerNoSqlTest.java b/application/src/test/java/org/thingsboard/server/controller/nosql/CustomerControllerNoSqlTest.java
deleted file mode 100644
index aab833458d..0000000000
--- a/application/src/test/java/org/thingsboard/server/controller/nosql/CustomerControllerNoSqlTest.java
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.controller.nosql;
-
-import org.thingsboard.server.controller.BaseCustomerControllerTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-/**
- * Created by Valerii Sosliuk on 6/28/2017.
- */
-@DaoNoSqlTest
-public class CustomerControllerNoSqlTest extends BaseCustomerControllerTest {
-}
diff --git a/application/src/test/java/org/thingsboard/server/controller/nosql/DashboardControllerNoSqlTest.java b/application/src/test/java/org/thingsboard/server/controller/nosql/DashboardControllerNoSqlTest.java
deleted file mode 100644
index ae54eceeef..0000000000
--- a/application/src/test/java/org/thingsboard/server/controller/nosql/DashboardControllerNoSqlTest.java
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.controller.nosql;
-
-import org.thingsboard.server.controller.BaseDashboardControllerTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-/**
- * Created by Valerii Sosliuk on 6/28/2017.
- */
-@DaoNoSqlTest
-public class DashboardControllerNoSqlTest extends BaseDashboardControllerTest {
-}
diff --git a/application/src/test/java/org/thingsboard/server/controller/nosql/DeviceControllerNoSqlTest.java b/application/src/test/java/org/thingsboard/server/controller/nosql/DeviceControllerNoSqlTest.java
deleted file mode 100644
index 47a6613c73..0000000000
--- a/application/src/test/java/org/thingsboard/server/controller/nosql/DeviceControllerNoSqlTest.java
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.controller.nosql;
-
-import org.thingsboard.server.controller.BaseDeviceControllerTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-/**
- * Created by Valerii Sosliuk on 6/28/2017.
- */
-@DaoNoSqlTest
-public class DeviceControllerNoSqlTest extends BaseDeviceControllerTest {
-}
diff --git a/application/src/test/java/org/thingsboard/server/controller/nosql/EntityViewControllerNoSqlTest.java b/application/src/test/java/org/thingsboard/server/controller/nosql/EntityViewControllerNoSqlTest.java
deleted file mode 100644
index cb56bcef50..0000000000
--- a/application/src/test/java/org/thingsboard/server/controller/nosql/EntityViewControllerNoSqlTest.java
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.controller.nosql;
-
-import org.thingsboard.server.controller.BaseEntityViewControllerTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-/**
- * Created by Victor Basanets on 8/27/2017.
- */
-@DaoNoSqlTest
-public class EntityViewControllerNoSqlTest extends BaseEntityViewControllerTest {
-}
diff --git a/application/src/test/java/org/thingsboard/server/controller/nosql/TenantControllerNoSqlTest.java b/application/src/test/java/org/thingsboard/server/controller/nosql/TenantControllerNoSqlTest.java
deleted file mode 100644
index 68ef0822ca..0000000000
--- a/application/src/test/java/org/thingsboard/server/controller/nosql/TenantControllerNoSqlTest.java
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.controller.nosql;
-
-import org.thingsboard.server.controller.BaseTenantControllerTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-/**
- * Created by Valerii Sosliuk on 6/28/2017.
- */
-@DaoNoSqlTest
-public class TenantControllerNoSqlTest extends BaseTenantControllerTest {
-}
diff --git a/application/src/test/java/org/thingsboard/server/controller/nosql/UserControllerNoSqlTest.java b/application/src/test/java/org/thingsboard/server/controller/nosql/UserControllerNoSqlTest.java
deleted file mode 100644
index 5a96e6e83b..0000000000
--- a/application/src/test/java/org/thingsboard/server/controller/nosql/UserControllerNoSqlTest.java
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.controller.nosql;
-
-import org.thingsboard.server.controller.BaseUserControllerTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-/**
- * Created by Valerii Sosliuk on 6/28/2017.
- */
-@DaoNoSqlTest
-public class UserControllerNoSqlTest extends BaseUserControllerTest {
-}
diff --git a/application/src/test/java/org/thingsboard/server/controller/nosql/WidgetTypeControllerNoSqlTest.java b/application/src/test/java/org/thingsboard/server/controller/nosql/WidgetTypeControllerNoSqlTest.java
deleted file mode 100644
index dc2be410e2..0000000000
--- a/application/src/test/java/org/thingsboard/server/controller/nosql/WidgetTypeControllerNoSqlTest.java
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.controller.nosql;
-
-import org.thingsboard.server.controller.BaseWidgetTypeControllerTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-/**
- * Created by Valerii Sosliuk on 6/28/2017.
- */
-@DaoNoSqlTest
-public class WidgetTypeControllerNoSqlTest extends BaseWidgetTypeControllerTest {
-}
diff --git a/application/src/test/java/org/thingsboard/server/controller/nosql/WidgetsBundleControllerNoSqlTest.java b/application/src/test/java/org/thingsboard/server/controller/nosql/WidgetsBundleControllerNoSqlTest.java
deleted file mode 100644
index f7a2f79454..0000000000
--- a/application/src/test/java/org/thingsboard/server/controller/nosql/WidgetsBundleControllerNoSqlTest.java
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.controller.nosql;
-
-import org.thingsboard.server.controller.BaseWidgetsBundleControllerTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-/**
- * Created by Valerii Sosliuk on 6/28/2017.
- */
-@DaoNoSqlTest
-public class WidgetsBundleControllerNoSqlTest extends BaseWidgetsBundleControllerTest {
-}
diff --git a/application/src/test/java/org/thingsboard/server/mqtt/MqttNoSqlTestSuite.java b/application/src/test/java/org/thingsboard/server/mqtt/MqttNoSqlTestSuite.java
index 9c4030cff4..c43637e05f 100644
--- a/application/src/test/java/org/thingsboard/server/mqtt/MqttNoSqlTestSuite.java
+++ b/application/src/test/java/org/thingsboard/server/mqtt/MqttNoSqlTestSuite.java
@@ -20,6 +20,7 @@ import org.junit.ClassRule;
 import org.junit.extensions.cpsuite.ClasspathSuite;
 import org.junit.runner.RunWith;
 import org.thingsboard.server.dao.CustomCassandraCQLUnit;
+import org.thingsboard.server.dao.CustomSqlUnit;
 
 import java.util.Arrays;
 
@@ -28,12 +29,16 @@ import java.util.Arrays;
         "org.thingsboard.server.mqtt.*.nosql.*Test"})
 public class MqttNoSqlTestSuite {
 
+    @ClassRule
+    public static CustomSqlUnit sqlUnit = new CustomSqlUnit(
+            Arrays.asList("sql/schema-entities-hsql.sql", "sql/system-data.sql"),
+            "sql/drop-all-tables.sql",
+            "nosql-test.properties");
+
     @ClassRule
     public static CustomCassandraCQLUnit cassandraUnit =
             new CustomCassandraCQLUnit(
                     Arrays.asList(
-                            new ClassPathCQLDataSet("cassandra/schema-ts.cql", false, false),
-                            new ClassPathCQLDataSet("cassandra/schema-entities.cql", false, false),
-                            new ClassPathCQLDataSet("cassandra/system-data.cql", false, false)),
+                            new ClassPathCQLDataSet("cassandra/schema-ts.cql", false, false)),
                     "cassandra-test.yaml", 30000l);
 }
diff --git a/application/src/test/java/org/thingsboard/server/rules/RuleEngineNoSqlTestSuite.java b/application/src/test/java/org/thingsboard/server/rules/RuleEngineNoSqlTestSuite.java
deleted file mode 100644
index e44c383452..0000000000
--- a/application/src/test/java/org/thingsboard/server/rules/RuleEngineNoSqlTestSuite.java
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.rules;
-
-import org.cassandraunit.dataset.cql.ClassPathCQLDataSet;
-import org.junit.ClassRule;
-import org.junit.extensions.cpsuite.ClasspathSuite;
-import org.junit.runner.RunWith;
-import org.thingsboard.server.dao.CustomCassandraCQLUnit;
-import org.thingsboard.server.dao.CustomSqlUnit;
-
-import java.util.Arrays;
-
-@RunWith(ClasspathSuite.class)
-@ClasspathSuite.ClassnameFilters({
-        "org.thingsboard.server.rules.flow.nosql.*Test",
-        "org.thingsboard.server.rules.lifecycle.nosql.*Test"
-})
-public class RuleEngineNoSqlTestSuite {
-
-    @ClassRule
-    public static CustomCassandraCQLUnit cassandraUnit =
-            new CustomCassandraCQLUnit(
-                    Arrays.asList(
-                            new ClassPathCQLDataSet("cassandra/schema-ts.cql", false, false),
-                            new ClassPathCQLDataSet("cassandra/schema-entities.cql", false, false),
-                            new ClassPathCQLDataSet("cassandra/system-data.cql", false, false)),
-                    "cassandra-test.yaml", 30000l);
-
-}
diff --git a/application/src/test/java/org/thingsboard/server/rules/flow/AbstractRuleEngineFlowIntegrationTest.java b/application/src/test/java/org/thingsboard/server/rules/flow/AbstractRuleEngineFlowIntegrationTest.java
index 6bb1f4d99d..cfac1ea66b 100644
--- a/application/src/test/java/org/thingsboard/server/rules/flow/AbstractRuleEngineFlowIntegrationTest.java
+++ b/application/src/test/java/org/thingsboard/server/rules/flow/AbstractRuleEngineFlowIntegrationTest.java
@@ -30,8 +30,7 @@ import org.thingsboard.server.actors.service.ActorService;
 import org.thingsboard.server.common.data.*;
 import org.thingsboard.server.common.data.kv.BaseAttributeKvEntry;
 import org.thingsboard.server.common.data.kv.StringDataEntry;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.rule.RuleChain;
 import org.thingsboard.server.common.data.rule.RuleChainMetaData;
 import org.thingsboard.server.common.data.rule.RuleNode;
@@ -160,7 +159,7 @@ public abstract class AbstractRuleEngineFlowIntegrationTest extends AbstractRule
 
         Thread.sleep(3000);
 
-        TimePageData<Event> eventsPage = getDebugEvents(savedTenant.getId(), ruleChain.getFirstRuleNodeId(), 1000);
+        PageData<Event> eventsPage = getDebugEvents(savedTenant.getId(), ruleChain.getFirstRuleNodeId(), 1000);
         List<Event> events = eventsPage.getData().stream().filter(filterByCustomEvent()).collect(Collectors.toList());
         Assert.assertEquals(2, events.size());
 
@@ -275,7 +274,7 @@ public abstract class AbstractRuleEngineFlowIntegrationTest extends AbstractRule
 
         Thread.sleep(3000);
 
-        TimePageData<Event> eventsPage = getDebugEvents(savedTenant.getId(), rootRuleChain.getFirstRuleNodeId(), 1000);
+        PageData<Event> eventsPage = getDebugEvents(savedTenant.getId(), rootRuleChain.getFirstRuleNodeId(), 1000);
         List<Event> events = eventsPage.getData().stream().filter(filterByCustomEvent()).collect(Collectors.toList());
 
         Assert.assertEquals(2, events.size());
diff --git a/application/src/test/java/org/thingsboard/server/rules/flow/nosql/RuleEngineFlowNoSqlIntegrationTest.java b/application/src/test/java/org/thingsboard/server/rules/flow/nosql/RuleEngineFlowNoSqlIntegrationTest.java
deleted file mode 100644
index b3387a8389..0000000000
--- a/application/src/test/java/org/thingsboard/server/rules/flow/nosql/RuleEngineFlowNoSqlIntegrationTest.java
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.rules.flow.nosql;
-
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-import org.thingsboard.server.rules.flow.AbstractRuleEngineFlowIntegrationTest;
-
-/**
- * Created by Valerii Sosliuk on 8/22/2017.
- */
-@DaoNoSqlTest
-public class RuleEngineFlowNoSqlIntegrationTest extends AbstractRuleEngineFlowIntegrationTest {
-}
diff --git a/application/src/test/java/org/thingsboard/server/rules/lifecycle/AbstractRuleEngineLifecycleIntegrationTest.java b/application/src/test/java/org/thingsboard/server/rules/lifecycle/AbstractRuleEngineLifecycleIntegrationTest.java
index 5f806d1ea0..1d35168e78 100644
--- a/application/src/test/java/org/thingsboard/server/rules/lifecycle/AbstractRuleEngineLifecycleIntegrationTest.java
+++ b/application/src/test/java/org/thingsboard/server/rules/lifecycle/AbstractRuleEngineLifecycleIntegrationTest.java
@@ -32,7 +32,7 @@ import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.User;
 import org.thingsboard.server.common.data.kv.BaseAttributeKvEntry;
 import org.thingsboard.server.common.data.kv.StringDataEntry;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.rule.RuleChain;
 import org.thingsboard.server.common.data.rule.RuleChainMetaData;
 import org.thingsboard.server.common.data.rule.RuleNode;
@@ -147,7 +147,7 @@ public abstract class AbstractRuleEngineLifecycleIntegrationTest extends Abstrac
 
         Thread.sleep(3000);
 
-        TimePageData<Event> eventsPage = getDebugEvents(savedTenant.getId(), ruleChain.getFirstRuleNodeId(), 1000);
+        PageData<Event> eventsPage = getDebugEvents(savedTenant.getId(), ruleChain.getFirstRuleNodeId(), 1000);
         List<Event> events = eventsPage.getData().stream().filter(filterByCustomEvent()).collect(Collectors.toList());
 
         Assert.assertEquals(2, events.size());
diff --git a/application/src/test/java/org/thingsboard/server/rules/lifecycle/nosql/RuleEngineLifecycleNoSqlIntegrationTest.java b/application/src/test/java/org/thingsboard/server/rules/lifecycle/nosql/RuleEngineLifecycleNoSqlIntegrationTest.java
deleted file mode 100644
index 0d8ef84f12..0000000000
--- a/application/src/test/java/org/thingsboard/server/rules/lifecycle/nosql/RuleEngineLifecycleNoSqlIntegrationTest.java
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.rules.lifecycle.nosql;
-
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-import org.thingsboard.server.rules.lifecycle.AbstractRuleEngineLifecycleIntegrationTest;
-
-/**
- * Created by Valerii Sosliuk on 8/22/2017.
- */
-@DaoNoSqlTest
-public class RuleEngineLifecycleNoSqlIntegrationTest extends AbstractRuleEngineLifecycleIntegrationTest {
-}
diff --git a/application/src/test/java/org/thingsboard/server/system/SystemNoSqlTestSuite.java b/application/src/test/java/org/thingsboard/server/system/SystemNoSqlTestSuite.java
deleted file mode 100644
index 41be7641c6..0000000000
--- a/application/src/test/java/org/thingsboard/server/system/SystemNoSqlTestSuite.java
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.system;
-
-import org.cassandraunit.dataset.cql.ClassPathCQLDataSet;
-import org.junit.ClassRule;
-import org.junit.extensions.cpsuite.ClasspathSuite;
-import org.junit.runner.RunWith;
-import org.thingsboard.server.dao.CustomCassandraCQLUnit;
-
-import java.util.Arrays;
-
-/**
- * @author Andrew Shvayka
- */
-@RunWith(ClasspathSuite.class)
-@ClasspathSuite.ClassnameFilters({"org.thingsboard.server.system.*NoSqlTest"})
-public class SystemNoSqlTestSuite {
-
-    @ClassRule
-    public static CustomCassandraCQLUnit cassandraUnit =
-            new CustomCassandraCQLUnit(
-                    Arrays.asList(
-                            new ClassPathCQLDataSet("cassandra/schema-ts.cql", false, false),
-                            new ClassPathCQLDataSet("cassandra/schema-entities.cql", false, false),
-                            new ClassPathCQLDataSet("cassandra/system-data.cql", false, false)),
-                    "cassandra-test.yaml", 30000l);
-}
diff --git a/application/src/test/java/org/thingsboard/server/system/nosql/DeviceApiNoSqlTest.java b/application/src/test/java/org/thingsboard/server/system/nosql/DeviceApiNoSqlTest.java
deleted file mode 100644
index 4b1f0949f9..0000000000
--- a/application/src/test/java/org/thingsboard/server/system/nosql/DeviceApiNoSqlTest.java
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.system.nosql;
-
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-import org.thingsboard.server.dao.util.NoSqlDao;
-import org.thingsboard.server.system.BaseHttpDeviceApiTest;
-
-/**
- * Created by Valerii Sosliuk on 6/27/2017.
- */
-@DaoNoSqlTest
-public class DeviceApiNoSqlTest extends BaseHttpDeviceApiTest {
-}
diff --git a/common/dao-api/pom.xml b/common/dao-api/pom.xml
index 6ef1fae0a4..34ad807554 100644
--- a/common/dao-api/pom.xml
+++ b/common/dao-api/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>common</artifactId>
     </parent>
     <groupId>org.thingsboard.common</groupId>
diff --git a/common/dao-api/src/main/java/org/thingsboard/server/dao/alarm/AlarmService.java b/common/dao-api/src/main/java/org/thingsboard/server/dao/alarm/AlarmService.java
index 19cf4bbbb3..a62b7eabdc 100644
--- a/common/dao-api/src/main/java/org/thingsboard/server/dao/alarm/AlarmService.java
+++ b/common/dao-api/src/main/java/org/thingsboard/server/dao/alarm/AlarmService.java
@@ -26,7 +26,7 @@ import org.thingsboard.server.common.data.alarm.AlarmSeverity;
 import org.thingsboard.server.common.data.alarm.AlarmStatus;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
 
 /**
  * Created by ashvayka on 11.05.17.
@@ -45,7 +45,7 @@ public interface AlarmService {
 
     ListenableFuture<AlarmInfo> findAlarmInfoByIdAsync(TenantId tenantId, AlarmId alarmId);
 
-    ListenableFuture<TimePageData<AlarmInfo>> findAlarms(TenantId tenantId, AlarmQuery query);
+    ListenableFuture<PageData<AlarmInfo>> findAlarms(TenantId tenantId, AlarmQuery query);
 
     AlarmSeverity findHighestAlarmSeverity(TenantId tenantId, EntityId entityId, AlarmSearchStatus alarmSearchStatus,
                                            AlarmStatus alarmStatus);
diff --git a/common/dao-api/src/main/java/org/thingsboard/server/dao/asset/AssetService.java b/common/dao-api/src/main/java/org/thingsboard/server/dao/asset/AssetService.java
index 953ef5d9d4..6455e6c368 100644
--- a/common/dao-api/src/main/java/org/thingsboard/server/dao/asset/AssetService.java
+++ b/common/dao-api/src/main/java/org/thingsboard/server/dao/asset/AssetService.java
@@ -18,18 +18,21 @@ package org.thingsboard.server.dao.asset;
 import com.google.common.util.concurrent.ListenableFuture;
 import org.thingsboard.server.common.data.EntitySubtype;
 import org.thingsboard.server.common.data.asset.Asset;
+import org.thingsboard.server.common.data.asset.AssetInfo;
 import org.thingsboard.server.common.data.asset.AssetSearchQuery;
 import org.thingsboard.server.common.data.id.AssetId;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 
 import java.util.List;
 import java.util.Optional;
 
 public interface AssetService {
 
+    AssetInfo findAssetInfoById(TenantId tenantId, AssetId assetId);
+
     Asset findAssetById(TenantId tenantId, AssetId assetId);
 
     ListenableFuture<Asset> findAssetByIdAsync(TenantId tenantId, AssetId assetId);
@@ -44,17 +47,25 @@ public interface AssetService {
 
     void deleteAsset(TenantId tenantId, AssetId assetId);
 
-    TextPageData<Asset> findAssetsByTenantId(TenantId tenantId, TextPageLink pageLink);
+    PageData<Asset> findAssetsByTenantId(TenantId tenantId, PageLink pageLink);
+
+    PageData<AssetInfo> findAssetInfosByTenantId(TenantId tenantId, PageLink pageLink);
+
+    PageData<Asset> findAssetsByTenantIdAndType(TenantId tenantId, String type, PageLink pageLink);
 
-    TextPageData<Asset> findAssetsByTenantIdAndType(TenantId tenantId, String type, TextPageLink pageLink);
+    PageData<AssetInfo> findAssetInfosByTenantIdAndType(TenantId tenantId, String type, PageLink pageLink);
 
     ListenableFuture<List<Asset>> findAssetsByTenantIdAndIdsAsync(TenantId tenantId, List<AssetId> assetIds);
 
     void deleteAssetsByTenantId(TenantId tenantId);
 
-    TextPageData<Asset> findAssetsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, TextPageLink pageLink);
+    PageData<Asset> findAssetsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, PageLink pageLink);
+
+    PageData<AssetInfo> findAssetInfosByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, PageLink pageLink);
+
+    PageData<Asset> findAssetsByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, String type, PageLink pageLink);
 
-    TextPageData<Asset> findAssetsByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, String type, TextPageLink pageLink);
+    PageData<AssetInfo> findAssetInfosByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, String type, PageLink pageLink);
 
     ListenableFuture<List<Asset>> findAssetsByTenantIdCustomerIdAndIdsAsync(TenantId tenantId, CustomerId customerId, List<AssetId> assetIds);
 
diff --git a/common/dao-api/src/main/java/org/thingsboard/server/dao/audit/AuditLogService.java b/common/dao-api/src/main/java/org/thingsboard/server/dao/audit/AuditLogService.java
index 1103f25c2e..572818d82b 100644
--- a/common/dao-api/src/main/java/org/thingsboard/server/dao/audit/AuditLogService.java
+++ b/common/dao-api/src/main/java/org/thingsboard/server/dao/audit/AuditLogService.java
@@ -25,20 +25,20 @@ import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.common.data.id.UUIDBased;
 import org.thingsboard.server.common.data.id.UserId;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 
 import java.util.List;
 
 public interface AuditLogService {
 
-    TimePageData<AuditLog> findAuditLogsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, List<ActionType> actionTypes, TimePageLink pageLink);
+    PageData<AuditLog> findAuditLogsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, List<ActionType> actionTypes, TimePageLink pageLink);
 
-    TimePageData<AuditLog> findAuditLogsByTenantIdAndUserId(TenantId tenantId, UserId userId, List<ActionType> actionTypes, TimePageLink pageLink);
+    PageData<AuditLog> findAuditLogsByTenantIdAndUserId(TenantId tenantId, UserId userId, List<ActionType> actionTypes, TimePageLink pageLink);
 
-    TimePageData<AuditLog> findAuditLogsByTenantIdAndEntityId(TenantId tenantId, EntityId entityId, List<ActionType> actionTypes, TimePageLink pageLink);
+    PageData<AuditLog> findAuditLogsByTenantIdAndEntityId(TenantId tenantId, EntityId entityId, List<ActionType> actionTypes, TimePageLink pageLink);
 
-    TimePageData<AuditLog> findAuditLogsByTenantId(TenantId tenantId, List<ActionType> actionTypes, TimePageLink pageLink);
+    PageData<AuditLog> findAuditLogsByTenantId(TenantId tenantId, List<ActionType> actionTypes, TimePageLink pageLink);
 
     <E extends HasName, I extends EntityId> ListenableFuture<List<Void>> logEntityAction(
             TenantId tenantId,
diff --git a/common/dao-api/src/main/java/org/thingsboard/server/dao/component/ComponentDescriptorService.java b/common/dao-api/src/main/java/org/thingsboard/server/dao/component/ComponentDescriptorService.java
index cf5fa278a9..fb3cccc97d 100644
--- a/common/dao-api/src/main/java/org/thingsboard/server/dao/component/ComponentDescriptorService.java
+++ b/common/dao-api/src/main/java/org/thingsboard/server/dao/component/ComponentDescriptorService.java
@@ -18,8 +18,8 @@ package org.thingsboard.server.dao.component;
 import com.fasterxml.jackson.databind.JsonNode;
 import org.thingsboard.server.common.data.id.ComponentDescriptorId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.plugin.ComponentDescriptor;
 import org.thingsboard.server.common.data.plugin.ComponentScope;
 import org.thingsboard.server.common.data.plugin.ComponentType;
@@ -35,9 +35,9 @@ public interface ComponentDescriptorService {
 
     ComponentDescriptor findByClazz(TenantId tenantId, String clazz);
 
-    TextPageData<ComponentDescriptor> findByTypeAndPageLink(TenantId tenantId, ComponentType type, TextPageLink pageLink);
+    PageData<ComponentDescriptor> findByTypeAndPageLink(TenantId tenantId, ComponentType type, PageLink pageLink);
 
-    TextPageData<ComponentDescriptor> findByScopeAndTypeAndPageLink(TenantId tenantId, ComponentScope scope, ComponentType type, TextPageLink pageLink);
+    PageData<ComponentDescriptor> findByScopeAndTypeAndPageLink(TenantId tenantId, ComponentScope scope, ComponentType type, PageLink pageLink);
 
     boolean validate(TenantId tenantId, ComponentDescriptor component, JsonNode configuration);
 
diff --git a/common/dao-api/src/main/java/org/thingsboard/server/dao/customer/CustomerService.java b/common/dao-api/src/main/java/org/thingsboard/server/dao/customer/CustomerService.java
index 60cadeaf8d..a129386d23 100644
--- a/common/dao-api/src/main/java/org/thingsboard/server/dao/customer/CustomerService.java
+++ b/common/dao-api/src/main/java/org/thingsboard/server/dao/customer/CustomerService.java
@@ -19,8 +19,8 @@ import com.google.common.util.concurrent.ListenableFuture;
 import org.thingsboard.server.common.data.Customer;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 
 import java.util.Optional;
 
@@ -38,7 +38,7 @@ public interface CustomerService {
 
     Customer findOrCreatePublicCustomer(TenantId tenantId);
 
-    TextPageData<Customer> findCustomersByTenantId(TenantId tenantId, TextPageLink pageLink);
+    PageData<Customer> findCustomersByTenantId(TenantId tenantId, PageLink pageLink);
 
     void deleteCustomersByTenantId(TenantId tenantId);
 
diff --git a/common/dao-api/src/main/java/org/thingsboard/server/dao/dashboard/DashboardService.java b/common/dao-api/src/main/java/org/thingsboard/server/dao/dashboard/DashboardService.java
index 42693de88e..91590d8221 100644
--- a/common/dao-api/src/main/java/org/thingsboard/server/dao/dashboard/DashboardService.java
+++ b/common/dao-api/src/main/java/org/thingsboard/server/dao/dashboard/DashboardService.java
@@ -21,9 +21,8 @@ import org.thingsboard.server.common.data.DashboardInfo;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.DashboardId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.page.TimePageLink;
 
 public interface DashboardService {
@@ -44,11 +43,11 @@ public interface DashboardService {
 
     void deleteDashboard(TenantId tenantId, DashboardId dashboardId);
 
-    TextPageData<DashboardInfo> findDashboardsByTenantId(TenantId tenantId, TextPageLink pageLink);
+    PageData<DashboardInfo> findDashboardsByTenantId(TenantId tenantId, PageLink pageLink);
 
     void deleteDashboardsByTenantId(TenantId tenantId);
 
-    ListenableFuture<TimePageData<DashboardInfo>> findDashboardsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, TimePageLink pageLink);
+    PageData<DashboardInfo> findDashboardsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, PageLink pageLink);
 
     void unassignCustomerDashboards(TenantId tenantId, CustomerId customerId);
 
diff --git a/common/dao-api/src/main/java/org/thingsboard/server/dao/device/DeviceService.java b/common/dao-api/src/main/java/org/thingsboard/server/dao/device/DeviceService.java
index a6e06616b2..c5e3ab7ca0 100644
--- a/common/dao-api/src/main/java/org/thingsboard/server/dao/device/DeviceService.java
+++ b/common/dao-api/src/main/java/org/thingsboard/server/dao/device/DeviceService.java
@@ -17,18 +17,21 @@ package org.thingsboard.server.dao.device;
 
 import com.google.common.util.concurrent.ListenableFuture;
 import org.thingsboard.server.common.data.Device;
+import org.thingsboard.server.common.data.DeviceInfo;
 import org.thingsboard.server.common.data.EntitySubtype;
 import org.thingsboard.server.common.data.device.DeviceSearchQuery;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.DeviceId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 
 import java.util.List;
 
 public interface DeviceService {
-    
+
+    DeviceInfo findDeviceInfoById(TenantId tenantId, DeviceId deviceId);
+
     Device findDeviceById(TenantId tenantId, DeviceId deviceId);
 
     ListenableFuture<Device> findDeviceByIdAsync(TenantId tenantId, DeviceId deviceId);
@@ -45,17 +48,25 @@ public interface DeviceService {
 
     void deleteDevice(TenantId tenantId, DeviceId deviceId);
 
-    TextPageData<Device> findDevicesByTenantId(TenantId tenantId, TextPageLink pageLink);
+    PageData<Device> findDevicesByTenantId(TenantId tenantId, PageLink pageLink);
+
+    PageData<DeviceInfo> findDeviceInfosByTenantId(TenantId tenantId, PageLink pageLink);
 
-    TextPageData<Device> findDevicesByTenantIdAndType(TenantId tenantId, String type, TextPageLink pageLink);
+    PageData<Device> findDevicesByTenantIdAndType(TenantId tenantId, String type, PageLink pageLink);
+
+    PageData<DeviceInfo> findDeviceInfosByTenantIdAndType(TenantId tenantId, String type, PageLink pageLink);
 
     ListenableFuture<List<Device>> findDevicesByTenantIdAndIdsAsync(TenantId tenantId, List<DeviceId> deviceIds);
 
     void deleteDevicesByTenantId(TenantId tenantId);
 
-    TextPageData<Device> findDevicesByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, TextPageLink pageLink);
+    PageData<Device> findDevicesByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, PageLink pageLink);
+
+    PageData<DeviceInfo> findDeviceInfosByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, PageLink pageLink);
+
+    PageData<Device> findDevicesByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, String type, PageLink pageLink);
 
-    TextPageData<Device> findDevicesByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, String type, TextPageLink pageLink);
+    PageData<DeviceInfo> findDeviceInfosByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, String type, PageLink pageLink);
 
     ListenableFuture<List<Device>> findDevicesByTenantIdCustomerIdAndIdsAsync(TenantId tenantId, CustomerId customerId, List<DeviceId> deviceIds);
 
diff --git a/common/dao-api/src/main/java/org/thingsboard/server/dao/entityview/EntityViewService.java b/common/dao-api/src/main/java/org/thingsboard/server/dao/entityview/EntityViewService.java
index efe72ba60c..251d999abc 100644
--- a/common/dao-api/src/main/java/org/thingsboard/server/dao/entityview/EntityViewService.java
+++ b/common/dao-api/src/main/java/org/thingsboard/server/dao/entityview/EntityViewService.java
@@ -18,14 +18,15 @@ package org.thingsboard.server.dao.entityview;
 import com.google.common.util.concurrent.ListenableFuture;
 import org.thingsboard.server.common.data.EntitySubtype;
 import org.thingsboard.server.common.data.EntityView;
+import org.thingsboard.server.common.data.EntityViewInfo;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.entityview.EntityViewSearchQuery;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.EntityViewId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 
 import java.util.List;
 
@@ -42,17 +43,27 @@ public interface EntityViewService {
 
     void unassignCustomerEntityViews(TenantId tenantId, CustomerId customerId);
 
+    EntityViewInfo findEntityViewInfoById(TenantId tenantId, EntityViewId entityViewId);
+
     EntityView findEntityViewById(TenantId tenantId, EntityViewId entityViewId);
 
     EntityView findEntityViewByTenantIdAndName(TenantId tenantId, String name);
 
-    TextPageData<EntityView> findEntityViewByTenantId(TenantId tenantId, TextPageLink pageLink);
+    PageData<EntityView> findEntityViewByTenantId(TenantId tenantId, PageLink pageLink);
+
+    PageData<EntityViewInfo> findEntityViewInfosByTenantId(TenantId tenantId, PageLink pageLink);
+
+    PageData<EntityView> findEntityViewByTenantIdAndType(TenantId tenantId, PageLink pageLink, String type);
+
+    PageData<EntityViewInfo> findEntityViewInfosByTenantIdAndType(TenantId tenantId, String type, PageLink pageLink);
+
+    PageData<EntityView> findEntityViewsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, PageLink pageLink);
 
-    TextPageData<EntityView> findEntityViewByTenantIdAndType(TenantId tenantId, TextPageLink pageLink, String type);
+    PageData<EntityViewInfo> findEntityViewInfosByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, PageLink pageLink);
 
-    TextPageData<EntityView> findEntityViewsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, TextPageLink pageLink);
+    PageData<EntityView> findEntityViewsByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, PageLink pageLink, String type);
 
-    TextPageData<EntityView> findEntityViewsByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, TextPageLink pageLink, String type);
+    PageData<EntityViewInfo> findEntityViewInfosByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, String type, PageLink pageLink);
 
     ListenableFuture<List<EntityView>> findEntityViewsByQuery(TenantId tenantId, EntityViewSearchQuery query);
 
diff --git a/common/dao-api/src/main/java/org/thingsboard/server/dao/event/EventService.java b/common/dao-api/src/main/java/org/thingsboard/server/dao/event/EventService.java
index 1768e040d5..425b3c4149 100644
--- a/common/dao-api/src/main/java/org/thingsboard/server/dao/event/EventService.java
+++ b/common/dao-api/src/main/java/org/thingsboard/server/dao/event/EventService.java
@@ -19,7 +19,7 @@ import com.google.common.util.concurrent.ListenableFuture;
 import org.thingsboard.server.common.data.Event;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 
 import java.util.List;
@@ -35,9 +35,9 @@ public interface EventService {
 
     Optional<Event> findEvent(TenantId tenantId, EntityId entityId, String eventType, String eventUid);
 
-    TimePageData<Event> findEvents(TenantId tenantId, EntityId entityId, TimePageLink pageLink);
+    PageData<Event> findEvents(TenantId tenantId, EntityId entityId, TimePageLink pageLink);
 
-    TimePageData<Event> findEvents(TenantId tenantId, EntityId entityId, String eventType, TimePageLink pageLink);
+    PageData<Event> findEvents(TenantId tenantId, EntityId entityId, String eventType, TimePageLink pageLink);
 
     List<Event> findLatestEvents(TenantId tenantId, EntityId entityId, String eventType, int limit);
 
diff --git a/common/dao-api/src/main/java/org/thingsboard/server/dao/rule/RuleChainService.java b/common/dao-api/src/main/java/org/thingsboard/server/dao/rule/RuleChainService.java
index 806f49fe82..9d9ba00322 100644
--- a/common/dao-api/src/main/java/org/thingsboard/server/dao/rule/RuleChainService.java
+++ b/common/dao-api/src/main/java/org/thingsboard/server/dao/rule/RuleChainService.java
@@ -19,8 +19,8 @@ import com.google.common.util.concurrent.ListenableFuture;
 import org.thingsboard.server.common.data.id.RuleChainId;
 import org.thingsboard.server.common.data.id.RuleNodeId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.relation.EntityRelation;
 import org.thingsboard.server.common.data.rule.RuleChain;
 import org.thingsboard.server.common.data.rule.RuleChainMetaData;
@@ -57,7 +57,7 @@ public interface RuleChainService {
 
     List<EntityRelation> getRuleNodeRelations(TenantId tenantId, RuleNodeId ruleNodeId);
 
-    TextPageData<RuleChain> findTenantRuleChains(TenantId tenantId, TextPageLink pageLink);
+    PageData<RuleChain> findTenantRuleChains(TenantId tenantId, PageLink pageLink);
 
     void deleteRuleChainById(TenantId tenantId, RuleChainId ruleChainId);
 
diff --git a/common/dao-api/src/main/java/org/thingsboard/server/dao/tenant/TenantService.java b/common/dao-api/src/main/java/org/thingsboard/server/dao/tenant/TenantService.java
index 6cd2df1f60..5bf811da80 100644
--- a/common/dao-api/src/main/java/org/thingsboard/server/dao/tenant/TenantService.java
+++ b/common/dao-api/src/main/java/org/thingsboard/server/dao/tenant/TenantService.java
@@ -18,8 +18,8 @@ package org.thingsboard.server.dao.tenant;
 import com.google.common.util.concurrent.ListenableFuture;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 
 public interface TenantService {
 
@@ -31,7 +31,7 @@ public interface TenantService {
     
     void deleteTenant(TenantId tenantId);
     
-    TextPageData<Tenant> findTenants(TextPageLink pageLink);
+    PageData<Tenant> findTenants(PageLink pageLink);
     
     void deleteTenants();
 }
diff --git a/common/dao-api/src/main/java/org/thingsboard/server/dao/user/UserService.java b/common/dao-api/src/main/java/org/thingsboard/server/dao/user/UserService.java
index f0e2a0e7a1..1aa5a43547 100644
--- a/common/dao-api/src/main/java/org/thingsboard/server/dao/user/UserService.java
+++ b/common/dao-api/src/main/java/org/thingsboard/server/dao/user/UserService.java
@@ -21,8 +21,8 @@ import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.common.data.id.UserCredentialsId;
 import org.thingsboard.server.common.data.id.UserId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.security.UserCredentials;
 
 public interface UserService {
@@ -53,11 +53,11 @@ public interface UserService {
 
 	void deleteUser(TenantId tenantId, UserId userId);
 	
-	TextPageData<User> findTenantAdmins(TenantId tenantId, TextPageLink pageLink);
+	PageData<User> findTenantAdmins(TenantId tenantId, PageLink pageLink);
 	
 	void deleteTenantAdmins(TenantId tenantId);
-	
-	TextPageData<User> findCustomerUsers(TenantId tenantId, CustomerId customerId, TextPageLink pageLink);
+
+    PageData<User> findCustomerUsers(TenantId tenantId, CustomerId customerId, PageLink pageLink);
 	    
 	void deleteCustomerUsers(TenantId tenantId, CustomerId customerId);
 
diff --git a/common/dao-api/src/main/java/org/thingsboard/server/dao/util/SqlDao.java b/common/dao-api/src/main/java/org/thingsboard/server/dao/util/SqlDao.java
index 0eea3367e1..c3d607f8fe 100644
--- a/common/dao-api/src/main/java/org/thingsboard/server/dao/util/SqlDao.java
+++ b/common/dao-api/src/main/java/org/thingsboard/server/dao/util/SqlDao.java
@@ -17,6 +17,5 @@ package org.thingsboard.server.dao.util;
 
 import org.springframework.boot.autoconfigure.condition.ConditionalOnProperty;
 
-@ConditionalOnProperty(prefix = "database.entities", value = "type", havingValue = "sql")
 public @interface SqlDao {
 }
diff --git a/common/dao-api/src/main/java/org/thingsboard/server/dao/widget/WidgetsBundleService.java b/common/dao-api/src/main/java/org/thingsboard/server/dao/widget/WidgetsBundleService.java
index f2ab6709df..1dce4f4155 100644
--- a/common/dao-api/src/main/java/org/thingsboard/server/dao/widget/WidgetsBundleService.java
+++ b/common/dao-api/src/main/java/org/thingsboard/server/dao/widget/WidgetsBundleService.java
@@ -17,8 +17,8 @@ package org.thingsboard.server.dao.widget;
 
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.common.data.id.WidgetsBundleId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.widget.WidgetsBundle;
 
 import java.util.List;
@@ -33,13 +33,13 @@ public interface WidgetsBundleService {
 
     WidgetsBundle findWidgetsBundleByTenantIdAndAlias(TenantId tenantId, String alias);
 
-    TextPageData<WidgetsBundle> findSystemWidgetsBundlesByPageLink(TenantId tenantId, TextPageLink pageLink);
+    PageData<WidgetsBundle> findSystemWidgetsBundlesByPageLink(TenantId tenantId, PageLink pageLink);
 
     List<WidgetsBundle> findSystemWidgetsBundles(TenantId tenantId);
 
-    TextPageData<WidgetsBundle> findTenantWidgetsBundlesByTenantId(TenantId tenantId, TextPageLink pageLink);
+    PageData<WidgetsBundle> findTenantWidgetsBundlesByTenantId(TenantId tenantId, PageLink pageLink);
 
-    TextPageData<WidgetsBundle> findAllTenantWidgetsBundlesByTenantIdAndPageLink(TenantId tenantId, TextPageLink pageLink);
+    PageData<WidgetsBundle> findAllTenantWidgetsBundlesByTenantIdAndPageLink(TenantId tenantId, PageLink pageLink);
 
     List<WidgetsBundle> findAllTenantWidgetsBundlesByTenantId(TenantId tenantId);
 
diff --git a/common/data/pom.xml b/common/data/pom.xml
index 69f4281661..61f5fbbb12 100644
--- a/common/data/pom.xml
+++ b/common/data/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>common</artifactId>
     </parent>
     <groupId>org.thingsboard.common</groupId>
diff --git a/common/data/src/main/java/org/thingsboard/server/common/data/DeviceInfo.java b/common/data/src/main/java/org/thingsboard/server/common/data/DeviceInfo.java
new file mode 100644
index 0000000000..406fa26086
--- /dev/null
+++ b/common/data/src/main/java/org/thingsboard/server/common/data/DeviceInfo.java
@@ -0,0 +1,40 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.thingsboard.server.common.data;
+
+import lombok.Data;
+import org.thingsboard.server.common.data.id.DeviceId;
+
+@Data
+public class DeviceInfo extends Device {
+
+    private String customerTitle;
+    private boolean customerIsPublic;
+
+    public DeviceInfo() {
+        super();
+    }
+
+    public DeviceInfo(DeviceId deviceId) {
+        super(deviceId);
+    }
+
+    public DeviceInfo(Device device, String customerTitle, boolean customerIsPublic) {
+        super(device);
+        this.customerTitle = customerTitle;
+        this.customerIsPublic = customerIsPublic;
+    }
+}
diff --git a/common/data/src/main/java/org/thingsboard/server/common/data/EntityView.java b/common/data/src/main/java/org/thingsboard/server/common/data/EntityView.java
index 4c7e69d79e..0bf080899e 100644
--- a/common/data/src/main/java/org/thingsboard/server/common/data/EntityView.java
+++ b/common/data/src/main/java/org/thingsboard/server/common/data/EntityView.java
@@ -55,6 +55,14 @@ public class EntityView extends SearchTextBasedWithAdditionalInfo<EntityViewId>
 
     public EntityView(EntityView entityView) {
         super(entityView);
+        this.entityId = entityView.getEntityId();
+        this.tenantId = entityView.getTenantId();
+        this.customerId = entityView.getCustomerId();
+        this.name = entityView.getName();
+        this.type = entityView.getType();
+        this.keys = entityView.getKeys();
+        this.startTimeMs = entityView.getStartTimeMs();
+        this.endTimeMs = entityView.getEndTimeMs();
     }
 
     @Override
diff --git a/common/data/src/main/java/org/thingsboard/server/common/data/EntityViewInfo.java b/common/data/src/main/java/org/thingsboard/server/common/data/EntityViewInfo.java
new file mode 100644
index 0000000000..fdf803e904
--- /dev/null
+++ b/common/data/src/main/java/org/thingsboard/server/common/data/EntityViewInfo.java
@@ -0,0 +1,40 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.thingsboard.server.common.data;
+
+import lombok.Data;
+import org.thingsboard.server.common.data.id.EntityViewId;
+
+@Data
+public class EntityViewInfo extends EntityView {
+
+    private String customerTitle;
+    private boolean customerIsPublic;
+
+    public EntityViewInfo() {
+        super();
+    }
+
+    public EntityViewInfo(EntityViewId entityViewId) {
+        super(entityViewId);
+    }
+
+    public EntityViewInfo(EntityView entityView, String customerTitle, boolean customerIsPublic) {
+        super(entityView);
+        this.customerTitle = customerTitle;
+        this.customerIsPublic = customerIsPublic;
+    }
+}
diff --git a/common/data/src/main/java/org/thingsboard/server/common/data/alarm/AlarmInfo.java b/common/data/src/main/java/org/thingsboard/server/common/data/alarm/AlarmInfo.java
index 3a44a3f5ff..9ae1a74d91 100644
--- a/common/data/src/main/java/org/thingsboard/server/common/data/alarm/AlarmInfo.java
+++ b/common/data/src/main/java/org/thingsboard/server/common/data/alarm/AlarmInfo.java
@@ -29,6 +29,11 @@ public class AlarmInfo extends Alarm {
         super(alarm);
     }
 
+    public AlarmInfo(Alarm alarm, String originatorName) {
+        super(alarm);
+        this.originatorName = originatorName;
+    }
+
     public String getOriginatorName() {
         return originatorName;
     }
diff --git a/common/data/src/main/java/org/thingsboard/server/common/data/asset/AssetInfo.java b/common/data/src/main/java/org/thingsboard/server/common/data/asset/AssetInfo.java
new file mode 100644
index 0000000000..4dc065a973
--- /dev/null
+++ b/common/data/src/main/java/org/thingsboard/server/common/data/asset/AssetInfo.java
@@ -0,0 +1,40 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.thingsboard.server.common.data.asset;
+
+import lombok.Data;
+import org.thingsboard.server.common.data.id.AssetId;
+
+@Data
+public class AssetInfo extends Asset {
+
+    private String customerTitle;
+    private boolean customerIsPublic;
+
+    public AssetInfo() {
+        super();
+    }
+
+    public AssetInfo(AssetId assetId) {
+        super(assetId);
+    }
+
+    public AssetInfo(Asset asset, String customerTitle, boolean customerIsPublic) {
+        super(asset);
+        this.customerTitle = customerTitle;
+        this.customerIsPublic = customerIsPublic;
+    }
+}
diff --git a/common/data/src/main/java/org/thingsboard/server/common/data/page/TimePageData.java b/common/data/src/main/java/org/thingsboard/server/common/data/page/PageData.java
similarity index 50%
rename from common/data/src/main/java/org/thingsboard/server/common/data/page/TimePageData.java
rename to common/data/src/main/java/org/thingsboard/server/common/data/page/PageData.java
index 64e3288dcf..a1f2765ac9 100644
--- a/common/data/src/main/java/org/thingsboard/server/common/data/page/TimePageData.java
+++ b/common/data/src/main/java/org/thingsboard/server/common/data/page/PageData.java
@@ -18,39 +18,29 @@ package org.thingsboard.server.common.data.page;
 import com.fasterxml.jackson.annotation.JsonCreator;
 import com.fasterxml.jackson.annotation.JsonProperty;
 import org.thingsboard.server.common.data.BaseData;
-import org.thingsboard.server.common.data.SearchTextBased;
-import org.thingsboard.server.common.data.id.UUIDBased;
 
+import java.util.Collections;
 import java.util.List;
-import java.util.UUID;
 
-public class TimePageData<T extends BaseData<? extends UUIDBased>> {
+public class PageData<T> {
 
     private final List<T> data;
-    private final TimePageLink nextPageLink;
+    private final int totalPages;
+    private final long totalElements;
     private final boolean hasNext;
 
-    public TimePageData(List<T> data, TimePageLink pageLink) {
-        super();
-        this.data = data;
-        int limit = pageLink.getLimit();
-        if (data != null && data.size() == limit) {
-            int index = data.size() - 1;
-            UUID idOffset = data.get(index).getId().getId();
-            nextPageLink = new TimePageLink(limit, pageLink.getStartTime(), pageLink.getEndTime(), pageLink.isAscOrder(), idOffset);
-            hasNext = true;
-        } else {
-            nextPageLink = null;
-            hasNext = false;
-        }
+    public PageData() {
+        this(Collections.emptyList(), 0, 0, false);
     }
 
     @JsonCreator
-    public TimePageData(@JsonProperty("data") List<T> data,
-                        @JsonProperty("nextPageLink") TimePageLink nextPageLink,
-                        @JsonProperty("hasNext") boolean hasNext) {
+    public PageData(@JsonProperty("data") List<T> data,
+                    @JsonProperty("totalPages") int totalPages,
+                    @JsonProperty("totalElements") long totalElements,
+                    @JsonProperty("hasNext") boolean hasNext) {
         this.data = data;
-        this.nextPageLink = nextPageLink;
+        this.totalPages = totalPages;
+        this.totalElements = totalElements;
         this.hasNext = hasNext;
     }
 
@@ -58,13 +48,17 @@ public class TimePageData<T extends BaseData<? extends UUIDBased>> {
         return data;
     }
 
+    public int getTotalPages() {
+        return totalPages;
+    }
+
+    public long getTotalElements() {
+        return totalElements;
+    }
+
     @JsonProperty("hasNext")
     public boolean hasNext() {
         return hasNext;
     }
 
-    public TimePageLink getNextPageLink() {
-        return nextPageLink;
-    }
-
 }
diff --git a/common/data/src/main/java/org/thingsboard/server/common/data/page/PageDataIterable.java b/common/data/src/main/java/org/thingsboard/server/common/data/page/PageDataIterable.java
index f71b206b1f..75ecc2ba6d 100644
--- a/common/data/src/main/java/org/thingsboard/server/common/data/page/PageDataIterable.java
+++ b/common/data/src/main/java/org/thingsboard/server/common/data/page/PageDataIterable.java
@@ -19,11 +19,12 @@ import java.util.Iterator;
 import java.util.List;
 import java.util.NoSuchElementException;
 
+import org.thingsboard.server.common.data.BaseData;
 import org.thingsboard.server.common.data.SearchTextBased;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.UUIDBased;
 
-public class PageDataIterable<T extends SearchTextBased<? extends UUIDBased>> implements Iterable<T>, Iterator<T> {
+public class PageDataIterable<T> implements Iterable<T>, Iterator<T> {
 
     private final FetchFunction<T> function;
     private final int fetchSize;
@@ -31,7 +32,7 @@ public class PageDataIterable<T extends SearchTextBased<? extends UUIDBased>> im
     private List<T> currentItems;
     private int currentIdx;
     private boolean hasNextPack;
-    private TextPageLink nextPackLink;
+    private PageLink nextPackLink;
     private boolean initialized;
 
     public PageDataIterable(FetchFunction<T> function, int fetchSize) {
@@ -48,7 +49,7 @@ public class PageDataIterable<T extends SearchTextBased<? extends UUIDBased>> im
     @Override
     public boolean hasNext() {
         if(!initialized){
-            fetch(new TextPageLink(fetchSize));
+            fetch(new PageLink(fetchSize));
             initialized = true;
         }
         if(currentIdx == currentItems.size()){
@@ -59,12 +60,12 @@ public class PageDataIterable<T extends SearchTextBased<? extends UUIDBased>> im
         return currentIdx < currentItems.size();
     }
 
-    private void fetch(TextPageLink link) {
-        TextPageData<T> pageData = function.fetch(link);
+    private void fetch(PageLink link) {
+        PageData<T> pageData = function.fetch(link);
         currentIdx = 0;
         currentItems = pageData.getData();
         hasNextPack = pageData.hasNext();
-        nextPackLink = pageData.getNextPageLink();
+        nextPackLink = link.nextPageLink();
     }
 
     @Override
@@ -75,9 +76,9 @@ public class PageDataIterable<T extends SearchTextBased<? extends UUIDBased>> im
         return currentItems.get(currentIdx++);
     }
 
-    public static interface FetchFunction<T extends SearchTextBased<? extends UUIDBased>> {
+    public static interface FetchFunction<T> {
 
-        TextPageData<T> fetch(TextPageLink link);
+        PageData<T> fetch(PageLink link);
 
     }
 }
diff --git a/common/data/src/main/java/org/thingsboard/server/common/data/page/PageLink.java b/common/data/src/main/java/org/thingsboard/server/common/data/page/PageLink.java
new file mode 100644
index 0000000000..7926e9cec0
--- /dev/null
+++ b/common/data/src/main/java/org/thingsboard/server/common/data/page/PageLink.java
@@ -0,0 +1,60 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.thingsboard.server.common.data.page;
+
+import com.fasterxml.jackson.annotation.JsonIgnore;
+import lombok.Data;
+
+@Data
+public class PageLink {
+
+    private final String textSearch;
+    private final int pageSize;
+    private final int page;
+    private final SortOrder sortOrder;
+
+    public PageLink(PageLink pageLink) {
+        this.pageSize = pageLink.getPageSize();
+        this.page = pageLink.getPage();
+        this.textSearch = pageLink.getTextSearch();
+        this.sortOrder = pageLink.getSortOrder();
+    }
+
+    public PageLink(int pageSize) {
+        this(pageSize, 0);
+    }
+
+    public PageLink(int pageSize, int page) {
+        this(pageSize, page, null, null);
+    }
+
+    public PageLink(int pageSize, int page, String textSearch) {
+        this(pageSize, page, textSearch, null);
+    }
+
+    public PageLink(int pageSize, int page, String textSearch, SortOrder sortOrder) {
+        this.pageSize = pageSize;
+        this.page = page;
+        this.textSearch = textSearch;
+        this.sortOrder = sortOrder;
+    }
+
+    @JsonIgnore
+    public PageLink nextPageLink() {
+        return new PageLink(this.pageSize, this.page+1, this.textSearch, this.sortOrder);
+    }
+
+}
diff --git a/common/data/src/main/java/org/thingsboard/server/common/data/page/BasePageLink.java b/common/data/src/main/java/org/thingsboard/server/common/data/page/SortOrder.java
similarity index 59%
rename from common/data/src/main/java/org/thingsboard/server/common/data/page/BasePageLink.java
rename to common/data/src/main/java/org/thingsboard/server/common/data/page/SortOrder.java
index 5021824ad2..86483128b7 100644
--- a/common/data/src/main/java/org/thingsboard/server/common/data/page/BasePageLink.java
+++ b/common/data/src/main/java/org/thingsboard/server/common/data/page/SortOrder.java
@@ -15,23 +15,25 @@
  */
 package org.thingsboard.server.common.data.page;
 
-import lombok.AllArgsConstructor;
-import lombok.Getter;
-import lombok.RequiredArgsConstructor;
-import lombok.Setter;
+import lombok.Data;
 
-import java.io.Serializable;
-import java.util.Arrays;
-import java.util.UUID;
+@Data
+public class SortOrder {
 
-@RequiredArgsConstructor
-@AllArgsConstructor
-public abstract class BasePageLink implements Serializable {
+    private final String property;
+    private final Direction direction;
 
-    private static final long serialVersionUID = -4189954843653250481L;
+    public SortOrder(String property) {
+        this(property, Direction.ASC);
+    }
 
-    @Getter protected final int limit;
+    public SortOrder(String property, Direction direction) {
+        this.property = property;
+        this.direction = direction;
+    }
 
-    @Getter @Setter protected UUID idOffset;
+    public static enum Direction {
+        ASC, DESC
+    }
 
 }
diff --git a/common/data/src/main/java/org/thingsboard/server/common/data/page/TextPageData.java b/common/data/src/main/java/org/thingsboard/server/common/data/page/TextPageData.java
deleted file mode 100644
index 643f5e1781..0000000000
--- a/common/data/src/main/java/org/thingsboard/server/common/data/page/TextPageData.java
+++ /dev/null
@@ -1,71 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.common.data.page;
-
-import java.util.List;
-import java.util.UUID;
-
-import org.thingsboard.server.common.data.SearchTextBased;
-import org.thingsboard.server.common.data.id.UUIDBased;
-
-import com.fasterxml.jackson.annotation.JsonCreator;
-import com.fasterxml.jackson.annotation.JsonProperty;
-
-public class TextPageData<T extends SearchTextBased<? extends UUIDBased>> {
-
-    private final List<T> data;
-    private final TextPageLink nextPageLink;
-    private final boolean hasNext;
-
-    public TextPageData(List<T> data, TextPageLink pageLink) {
-        super();
-        this.data = data;
-        int limit = pageLink.getLimit();
-        if (data != null && data.size() == limit) {
-            int index = data.size()-1;
-            UUID idOffset = data.get(index).getId().getId();
-            String textOffset = data.get(index).getSearchText();
-            nextPageLink = new TextPageLink(limit, pageLink.getTextSearch(), idOffset, textOffset);
-            hasNext = true;
-        } else {
-            nextPageLink = null;
-            hasNext = false;
-        }
-    }
-    
-    @JsonCreator
-    public TextPageData(@JsonProperty("data") List<T> data,
-                        @JsonProperty("nextPageLink") TextPageLink nextPageLink,
-                        @JsonProperty("hasNext") boolean hasNext) {
-        this.data = data;
-        this.nextPageLink = nextPageLink;
-        this.hasNext = hasNext;
-    }
-
-    public List<T> getData() {
-        return data;
-    }
-
-    @JsonProperty("hasNext")
-    public boolean hasNext() {
-        return hasNext;
-    }
-    
-    public TextPageLink getNextPageLink() {
-        return nextPageLink;
-    }
-
-}
diff --git a/common/data/src/main/java/org/thingsboard/server/common/data/page/TextPageLink.java b/common/data/src/main/java/org/thingsboard/server/common/data/page/TextPageLink.java
deleted file mode 100644
index 14855dbe87..0000000000
--- a/common/data/src/main/java/org/thingsboard/server/common/data/page/TextPageLink.java
+++ /dev/null
@@ -1,80 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.common.data.page;
-
-import com.fasterxml.jackson.annotation.JsonCreator;
-import com.fasterxml.jackson.annotation.JsonProperty;
-import lombok.Getter;
-import lombok.ToString;
-
-import java.io.Serializable;
-import java.util.Arrays;
-import java.util.UUID;
-
-@ToString
-public class TextPageLink extends BasePageLink implements Serializable {
-
-    private static final long serialVersionUID = -4189954843653250480L;
-
-    @Getter private final String textSearch;
-    @Getter private final String textSearchBound;
-    @Getter private final String textOffset;
-
-    public TextPageLink(int limit) {
-        this(limit, null, null, null);
-    }
-
-    public TextPageLink(int limit, String textSearch) {
-        this(limit, textSearch, null, null);
-    }
-
-    public TextPageLink(int limit, String textSearch, UUID idOffset, String textOffset) {
-        super(limit, idOffset);
-        this.textSearch = textSearch != null ? textSearch.toLowerCase() : null;
-        this.textSearchBound = nextSequence(this.textSearch);
-        this.textOffset = textOffset != null ? textOffset.toLowerCase() : null;
-    }
-
-    @JsonCreator
-    public TextPageLink(@JsonProperty("limit") int limit,
-                        @JsonProperty("textSearch") String textSearch,
-                        @JsonProperty("textSearchBound") String textSearchBound,
-                        @JsonProperty("textOffset") String textOffset,
-                        @JsonProperty("idOffset") UUID idOffset) {
-        super(limit, idOffset);
-        this.textSearch = textSearch;
-        this.textSearchBound = textSearchBound;
-        this.textOffset = textOffset;
-        this.idOffset = idOffset;
-    }
-
-    private static String nextSequence(String input) {
-        if (input != null && input.length() > 0) {
-            char[] chars = input.toCharArray();
-            int i = chars.length - 1;
-            while (i >= 0 && ++chars[i--] == Character.MIN_VALUE) ;
-            if (i == -1 && (chars.length == 0 || chars[0] == Character.MIN_VALUE)) {
-                char buf[] = Arrays.copyOf(input.toCharArray(), input.length() + 1);
-                buf[buf.length - 1] = Character.MIN_VALUE;
-                return new String(buf);
-            }
-            return new String(chars);
-        } else {
-            return null;
-        }
-    }
-
-}
diff --git a/common/data/src/main/java/org/thingsboard/server/common/data/page/TimePageLink.java b/common/data/src/main/java/org/thingsboard/server/common/data/page/TimePageLink.java
index 7c8552dec4..8f88ecbc7c 100644
--- a/common/data/src/main/java/org/thingsboard/server/common/data/page/TimePageLink.java
+++ b/common/data/src/main/java/org/thingsboard/server/common/data/page/TimePageLink.java
@@ -16,7 +16,9 @@
 package org.thingsboard.server.common.data.page;
 
 import com.fasterxml.jackson.annotation.JsonCreator;
+import com.fasterxml.jackson.annotation.JsonIgnore;
 import com.fasterxml.jackson.annotation.JsonProperty;
+import lombok.Data;
 import lombok.Getter;
 import lombok.ToString;
 
@@ -24,40 +26,43 @@ import java.io.Serializable;
 import java.util.Arrays;
 import java.util.UUID;
 
-@ToString
-public class TimePageLink extends BasePageLink implements Serializable {
+@Data
+public class TimePageLink extends PageLink {
 
-    private static final long serialVersionUID = -4189954843653250480L;
+    private final Long startTime;
+    private final Long endTime;
 
-    @Getter private final Long startTime;
-    @Getter private final Long endTime;
-    @Getter private final boolean ascOrder;
+    public TimePageLink(PageLink pageLink, Long startTime, Long endTime) {
+        super(pageLink);
+        this.startTime = startTime;
+        this.endTime = endTime;
+    }
 
-    public TimePageLink(int limit) {
-        this(limit, null, null, false, null);
+    public TimePageLink(int pageSize) {
+        this(pageSize, 0);
     }
 
-    public TimePageLink(int limit, Long startTime) {
-        this(limit, startTime, null, false, null);
+    public TimePageLink(int pageSize, int page) {
+        this(pageSize, page, null);
     }
 
-    public TimePageLink(int limit, Long startTime, Long endTime) {
-        this(limit, startTime, endTime, false, null);
+    public TimePageLink(int pageSize, int page, String textSearch) {
+        this(pageSize, page, textSearch, null, null, null);
     }
 
-    public TimePageLink(int limit, Long startTime, Long endTime, boolean ascOrder) {
-        this(limit, startTime, endTime, ascOrder, null);
+    public TimePageLink(int pageSize, int page, String textSearch, SortOrder sortOrder) {
+        this(pageSize, page, textSearch, sortOrder, null, null);
     }
 
-    @JsonCreator
-    public TimePageLink(@JsonProperty("limit") int limit,
-                        @JsonProperty("startTime") Long startTime,
-                        @JsonProperty("endTime") Long endTime,
-                        @JsonProperty("ascOrder") boolean ascOrder,
-                        @JsonProperty("idOffset") UUID idOffset) {
-        super(limit, idOffset);
+    public TimePageLink(int pageSize, int page, String textSearch, SortOrder sortOrder, Long startTime, Long endTime) {
+        super(pageSize, page, textSearch, sortOrder);
         this.startTime = startTime;
         this.endTime = endTime;
-        this.ascOrder = ascOrder;
+    }
+
+    @JsonIgnore
+    public TimePageLink nextPageLink() {
+        return new TimePageLink(this.getPageSize(), this.getPage()+1, this.getTextSearch(), this.getSortOrder(),
+                this.startTime, this.endTime);
     }
 }
diff --git a/common/message/pom.xml b/common/message/pom.xml
index 5c7c624db8..597a0a9655 100644
--- a/common/message/pom.xml
+++ b/common/message/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>common</artifactId>
     </parent>
     <groupId>org.thingsboard.common</groupId>
diff --git a/common/pom.xml b/common/pom.xml
index 52208350ae..4efc7b996d 100644
--- a/common/pom.xml
+++ b/common/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>thingsboard</artifactId>
     </parent>
     <artifactId>common</artifactId>
diff --git a/common/queue/pom.xml b/common/queue/pom.xml
index 8f0a0913a4..24881a0e3f 100644
--- a/common/queue/pom.xml
+++ b/common/queue/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>common</artifactId>
     </parent>
     <groupId>org.thingsboard.common</groupId>
diff --git a/common/transport/coap/pom.xml b/common/transport/coap/pom.xml
index 228ea8ec2e..848a5df65e 100644
--- a/common/transport/coap/pom.xml
+++ b/common/transport/coap/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard.common</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>transport</artifactId>
     </parent>
     <groupId>org.thingsboard.common.transport</groupId>
diff --git a/common/transport/http/pom.xml b/common/transport/http/pom.xml
index dc922a732e..374e73c51b 100644
--- a/common/transport/http/pom.xml
+++ b/common/transport/http/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard.common</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>transport</artifactId>
     </parent>
     <groupId>org.thingsboard.common.transport</groupId>
diff --git a/common/transport/mqtt/pom.xml b/common/transport/mqtt/pom.xml
index 9e44e73f37..5c7fda8736 100644
--- a/common/transport/mqtt/pom.xml
+++ b/common/transport/mqtt/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard.common</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>transport</artifactId>
     </parent>
     <groupId>org.thingsboard.common.transport</groupId>
diff --git a/common/transport/pom.xml b/common/transport/pom.xml
index ead5786108..00c4d6306e 100644
--- a/common/transport/pom.xml
+++ b/common/transport/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>common</artifactId>
     </parent>
     <groupId>org.thingsboard.common</groupId>
diff --git a/common/transport/transport-api/pom.xml b/common/transport/transport-api/pom.xml
index 3920234f7c..16bc802cd3 100644
--- a/common/transport/transport-api/pom.xml
+++ b/common/transport/transport-api/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard.common</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>transport</artifactId>
     </parent>
     <groupId>org.thingsboard.common.transport</groupId>
diff --git a/common/util/pom.xml b/common/util/pom.xml
index 961998f13c..e1e548b6ea 100644
--- a/common/util/pom.xml
+++ b/common/util/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>common</artifactId>
     </parent>
     <groupId>org.thingsboard.common</groupId>
diff --git a/dao/pom.xml b/dao/pom.xml
index ca81ee996c..63ca39c715 100644
--- a/dao/pom.xml
+++ b/dao/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>thingsboard</artifactId>
     </parent>
     <artifactId>dao</artifactId>
diff --git a/dao/src/main/java/org/thingsboard/server/dao/DaoUtil.java b/dao/src/main/java/org/thingsboard/server/dao/DaoUtil.java
index 79883875ab..b20088a228 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/DaoUtil.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/DaoUtil.java
@@ -15,7 +15,16 @@
  */
 package org.thingsboard.server.dao;
 
+import com.datastax.driver.core.utils.UUIDs;
+import org.springframework.data.domain.Page;
+import org.springframework.data.domain.PageRequest;
+import org.springframework.data.domain.Pageable;
+import org.springframework.data.domain.Sort;
+import org.thingsboard.server.common.data.UUIDConverter;
 import org.thingsboard.server.common.data.id.UUIDBased;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
+import org.thingsboard.server.common.data.page.SortOrder;
 import org.thingsboard.server.dao.model.ToData;
 
 import java.util.*;
@@ -25,6 +34,56 @@ public abstract class DaoUtil {
     private DaoUtil() {
     }
 
+    public static <T> PageData<T> toPageData(Page<? extends ToData<T>> page) {
+        List<T> data = convertDataList(page.getContent());
+        return new PageData(data, page.getTotalPages(), page.getTotalElements(), page.hasNext());
+    }
+
+    public static Pageable toPageable(PageLink pageLink) {
+        return toPageable(pageLink, Collections.emptyMap());
+    }
+
+    public static Pageable toPageable(PageLink pageLink, Map<String,String> columnMap) {
+        return PageRequest.of(pageLink.getPage(), pageLink.getPageSize(), toSort(pageLink.getSortOrder(), columnMap));
+    }
+
+    public static String startTimeToId(Long startTime) {
+        if (startTime != null) {
+            UUID startOf = UUIDs.startOf(startTime);
+            return UUIDConverter.fromTimeUUID(startOf);
+        } else {
+            return null;
+        }
+    }
+
+    public static String endTimeToId(Long endTime) {
+        if (endTime != null) {
+            UUID endOf = UUIDs.endOf(endTime);
+            return UUIDConverter.fromTimeUUID(endOf);
+        } else {
+            return null;
+        }
+    }
+
+    public static Sort toSort(SortOrder sortOrder) {
+        return toSort(sortOrder, Collections.emptyMap());
+    }
+
+    public static Sort toSort(SortOrder sortOrder, Map<String,String> columnMap) {
+        if (sortOrder == null) {
+            return Sort.unsorted();
+        } else {
+            String property = sortOrder.getProperty();
+            if (columnMap.containsKey(property)) {
+                property = columnMap.get(property);
+            }
+            if (property.equals("createdTime")) {
+                property = "id";
+            }
+            return Sort.by(Sort.Direction.fromString(sortOrder.getDirection().name()), property);
+        }
+    }
+
     public static <T> List<T> convertDataList(Collection<? extends ToData<T>> toDataList) {
         List<T> list = Collections.emptyList();
         if (toDataList != null && !toDataList.isEmpty()) {
diff --git a/dao/src/main/java/org/thingsboard/server/dao/NoSqlDaoConfig.java b/dao/src/main/java/org/thingsboard/server/dao/NoSqlDaoConfig.java
deleted file mode 100644
index b89e6f1bde..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/NoSqlDaoConfig.java
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao;
-
-import org.springframework.boot.autoconfigure.EnableAutoConfiguration;
-import org.springframework.boot.autoconfigure.jdbc.DataSourceAutoConfiguration;
-import org.springframework.boot.autoconfigure.jdbc.DataSourceTransactionManagerAutoConfiguration;
-import org.springframework.boot.autoconfigure.orm.jpa.HibernateJpaAutoConfiguration;
-import org.springframework.context.annotation.Configuration;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-@Configuration
-@EnableAutoConfiguration(
-        exclude = {
-                DataSourceAutoConfiguration.class,
-                DataSourceTransactionManagerAutoConfiguration.class,
-                HibernateJpaAutoConfiguration.class})
-@NoSqlDao
-public class NoSqlDaoConfig {
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/alarm/AlarmDao.java b/dao/src/main/java/org/thingsboard/server/dao/alarm/AlarmDao.java
index 8a9db5e28a..04c5a77067 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/alarm/AlarmDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/alarm/AlarmDao.java
@@ -21,6 +21,7 @@ import org.thingsboard.server.common.data.alarm.AlarmInfo;
 import org.thingsboard.server.common.data.alarm.AlarmQuery;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.TenantId;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.dao.Dao;
 
 import java.util.List;
@@ -39,5 +40,5 @@ public interface AlarmDao extends Dao<Alarm> {
 
     Alarm save(TenantId tenantId, Alarm alarm);
 
-    ListenableFuture<List<AlarmInfo>> findAlarms(TenantId tenantId, AlarmQuery query);
+    PageData<AlarmInfo> findAlarms(TenantId tenantId, AlarmQuery query);
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/alarm/BaseAlarmService.java b/dao/src/main/java/org/thingsboard/server/dao/alarm/BaseAlarmService.java
index d86e7e0f1b..4ae5fb8ef2 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/alarm/BaseAlarmService.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/alarm/BaseAlarmService.java
@@ -36,7 +36,7 @@ import org.thingsboard.server.common.data.alarm.AlarmSeverity;
 import org.thingsboard.server.common.data.alarm.AlarmStatus;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.common.data.relation.EntityRelation;
 import org.thingsboard.server.common.data.relation.EntityRelationsQuery;
@@ -270,32 +270,26 @@ public class BaseAlarmService extends AbstractEntityService implements AlarmServ
     }
 
     @Override
-    public ListenableFuture<TimePageData<AlarmInfo>> findAlarms(TenantId tenantId, AlarmQuery query) {
-        ListenableFuture<List<AlarmInfo>> alarms = alarmDao.findAlarms(tenantId, query);
+    public ListenableFuture<PageData<AlarmInfo>> findAlarms(TenantId tenantId, AlarmQuery query) {
+        PageData<AlarmInfo> alarms = alarmDao.findAlarms(tenantId, query);
         if (query.getFetchOriginator() != null && query.getFetchOriginator().booleanValue()) {
-            alarms = Futures.transformAsync(alarms, input -> {
-                List<ListenableFuture<AlarmInfo>> alarmFutures = new ArrayList<>(input.size());
-                for (AlarmInfo alarmInfo : input) {
-                    alarmFutures.add(Futures.transform(
-                            entityService.fetchEntityNameAsync(tenantId, alarmInfo.getOriginator()), originatorName -> {
-                                if (originatorName == null) {
-                                    originatorName = "Deleted";
-                                }
-                                alarmInfo.setOriginatorName(originatorName);
-                                return alarmInfo;
+            List<ListenableFuture<AlarmInfo>> alarmFutures = new ArrayList<>(alarms.getData().size());
+            for (AlarmInfo alarmInfo : alarms.getData()) {
+                alarmFutures.add(Futures.transform(
+                        entityService.fetchEntityNameAsync(tenantId, alarmInfo.getOriginator()), originatorName -> {
+                            if (originatorName == null) {
+                                originatorName = "Deleted";
                             }
-                    ));
-                }
-                return Futures.successfulAsList(alarmFutures);
+                            alarmInfo.setOriginatorName(originatorName);
+                            return alarmInfo;
+                        }
+                ));
+            }
+            return Futures.transform(Futures.successfulAsList(alarmFutures), alarmInfos -> {
+                return new PageData(alarmInfos, alarms.getTotalPages(), alarms.getTotalElements(), alarms.hasNext());
             });
         }
-        return Futures.transform(alarms, new Function<List<AlarmInfo>, TimePageData<AlarmInfo>>() {
-            @Nullable
-            @Override
-            public TimePageData<AlarmInfo> apply(@Nullable List<AlarmInfo> alarms) {
-                return new TimePageData<>(alarms, query.getPageLink());
-            }
-        });
+        return Futures.immediateFuture(alarms);
     }
 
     @Override
@@ -307,19 +301,11 @@ public class BaseAlarmService extends AbstractEntityService implements AlarmServ
         AlarmQuery query;
         while (hasNext && AlarmSeverity.CRITICAL != highestSeverity) {
             query = new AlarmQuery(entityId, nextPageLink, alarmSearchStatus, alarmStatus, false);
-            List<AlarmInfo> alarms;
-            try {
-                alarms = alarmDao.findAlarms(tenantId, query).get();
-            } catch (ExecutionException | InterruptedException e) {
-                log.warn("Failed to find highest alarm severity. EntityId: [{}], AlarmSearchStatus: [{}], AlarmStatus: [{}]",
-                        entityId, alarmSearchStatus, alarmStatus);
-                throw new RuntimeException(e);
-            }
-            hasNext = alarms.size() == nextPageLink.getLimit();
-            if (hasNext) {
-                nextPageLink = new TimePageData<>(alarms, nextPageLink).getNextPageLink();
+            PageData<AlarmInfo> alarms = alarmDao.findAlarms(tenantId, query);
+            if (alarms.hasNext()) {
+                nextPageLink = nextPageLink.nextPageLink();
             }
-            AlarmSeverity severity = detectHighestSeverity(alarms);
+            AlarmSeverity severity = detectHighestSeverity(alarms.getData());
             if (severity == null) {
                 continue;
             }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/alarm/CassandraAlarmDao.java b/dao/src/main/java/org/thingsboard/server/dao/alarm/CassandraAlarmDao.java
deleted file mode 100644
index f76ab871a4..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/alarm/CassandraAlarmDao.java
+++ /dev/null
@@ -1,139 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.alarm;
-
-import com.datastax.driver.core.Statement;
-import com.datastax.driver.core.querybuilder.QueryBuilder;
-import com.datastax.driver.core.querybuilder.Select;
-import com.google.common.util.concurrent.Futures;
-import com.google.common.util.concurrent.ListenableFuture;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.EntityType;
-import org.thingsboard.server.common.data.alarm.Alarm;
-import org.thingsboard.server.common.data.alarm.AlarmInfo;
-import org.thingsboard.server.common.data.alarm.AlarmQuery;
-import org.thingsboard.server.common.data.alarm.AlarmSearchStatus;
-import org.thingsboard.server.common.data.id.EntityId;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.relation.EntityRelation;
-import org.thingsboard.server.common.data.relation.RelationTypeGroup;
-import org.thingsboard.server.dao.model.ModelConstants;
-import org.thingsboard.server.dao.model.nosql.AlarmEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractModelDao;
-import org.thingsboard.server.dao.relation.RelationDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import java.util.ArrayList;
-import java.util.List;
-import java.util.UUID;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_BY_ID_VIEW_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_ORIGINATOR_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_ORIGINATOR_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_TYPE_PROPERTY;
-
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraAlarmDao extends CassandraAbstractModelDao<AlarmEntity, Alarm> implements AlarmDao {
-
-    @Autowired
-    private RelationDao relationDao;
-
-    @Override
-    protected Class<AlarmEntity> getColumnFamilyClass() {
-        return AlarmEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return ALARM_COLUMN_FAMILY_NAME;
-    }
-
-    protected boolean isDeleteOnSave() {
-        return false;
-    }
-
-    @Override
-    public Alarm save(TenantId tenantId, Alarm alarm) {
-        log.debug("Save asset [{}] ", alarm);
-        return super.save(tenantId, alarm);
-    }
-
-    @Override
-    public Boolean deleteAlarm(TenantId tenantId, Alarm alarm) {
-        Statement delete = QueryBuilder.delete().all().from(getColumnFamilyName()).where(eq(ModelConstants.ID_PROPERTY, alarm.getId().getId()))
-            .and(eq(ALARM_TENANT_ID_PROPERTY, tenantId.getId()))
-            .and(eq(ALARM_ORIGINATOR_ID_PROPERTY, alarm.getOriginator().getId()))
-            .and(eq(ALARM_ORIGINATOR_TYPE_PROPERTY, alarm.getOriginator().getEntityType()))
-            .and(eq(ALARM_TYPE_PROPERTY, alarm.getType()));
-        log.debug("Remove request: {}", delete.toString());
-        return executeWrite(tenantId, delete).wasApplied();
-    }
-
-    @Override
-    public ListenableFuture<Alarm> findLatestByOriginatorAndType(TenantId tenantId, EntityId originator, String type) {
-        Select select = select().from(ALARM_COLUMN_FAMILY_NAME);
-        Select.Where query = select.where();
-        query.and(eq(ALARM_TENANT_ID_PROPERTY, tenantId.getId()));
-        query.and(eq(ALARM_ORIGINATOR_ID_PROPERTY, originator.getId()));
-        query.and(eq(ALARM_ORIGINATOR_TYPE_PROPERTY, originator.getEntityType()));
-        query.and(eq(ALARM_TYPE_PROPERTY, type));
-        query.limit(1);
-        query.orderBy(QueryBuilder.asc(ModelConstants.ALARM_TYPE_PROPERTY), QueryBuilder.desc(ModelConstants.ID_PROPERTY));
-        return findOneByStatementAsync(tenantId, query);
-    }
-
-    @Override
-    public ListenableFuture<List<AlarmInfo>> findAlarms(TenantId tenantId, AlarmQuery query) {
-        log.trace("Try to find alarms by entity [{}], searchStatus [{}], status [{}] and pageLink [{}]", query.getAffectedEntityId(), query.getSearchStatus(), query.getStatus(), query.getPageLink());
-        EntityId affectedEntity = query.getAffectedEntityId();
-        String searchStatusName;
-        if (query.getSearchStatus() == null && query.getStatus() == null) {
-            searchStatusName = AlarmSearchStatus.ANY.name();
-        } else if (query.getSearchStatus() != null) {
-            searchStatusName = query.getSearchStatus().name();
-        } else {
-            searchStatusName = query.getStatus().name();
-        }
-        String relationType = BaseAlarmService.ALARM_RELATION_PREFIX + searchStatusName;
-        ListenableFuture<List<EntityRelation>> relations = relationDao.findRelations(tenantId, affectedEntity, relationType, RelationTypeGroup.ALARM, EntityType.ALARM, query.getPageLink());
-        return Futures.transformAsync(relations, input -> {
-            List<ListenableFuture<AlarmInfo>> alarmFutures = new ArrayList<>(input.size());
-            for (EntityRelation relation : input) {
-                alarmFutures.add(Futures.transform(
-                        findAlarmByIdAsync(tenantId, relation.getTo().getId()),
-                        AlarmInfo::new));
-            }
-            return Futures.successfulAsList(alarmFutures);
-        });
-    }
-
-    @Override
-    public ListenableFuture<Alarm> findAlarmByIdAsync(TenantId tenantId, UUID key) {
-        log.debug("Get alarm by id {}", key);
-        Select.Where query = select().from(ALARM_BY_ID_VIEW_NAME).where(eq(ModelConstants.ID_PROPERTY, key));
-        query.limit(1);
-        log.trace("Execute query {}", query);
-        return findOneByStatementAsync(tenantId, query);
-    }
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/asset/AssetDao.java b/dao/src/main/java/org/thingsboard/server/dao/asset/AssetDao.java
index 08071a8eb2..00154ec602 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/asset/AssetDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/asset/AssetDao.java
@@ -18,8 +18,10 @@ package org.thingsboard.server.dao.asset;
 import com.google.common.util.concurrent.ListenableFuture;
 import org.thingsboard.server.common.data.EntitySubtype;
 import org.thingsboard.server.common.data.asset.Asset;
+import org.thingsboard.server.common.data.asset.AssetInfo;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.Dao;
 
 import java.util.List;
@@ -32,6 +34,15 @@ import java.util.UUID;
  */
 public interface AssetDao extends Dao<Asset> {
 
+    /**
+     * Find asset info by id.
+     *
+     * @param tenantId the tenant id
+     * @param assetId the asset id
+     * @return the asset info object
+     */
+    AssetInfo findAssetInfoById(TenantId tenantId, UUID assetId);
+
     /**
      * Save or update asset object
      *
@@ -47,7 +58,16 @@ public interface AssetDao extends Dao<Asset> {
      * @param pageLink the page link
      * @return the list of asset objects
      */
-    List<Asset> findAssetsByTenantId(UUID tenantId, TextPageLink pageLink);
+    PageData<Asset> findAssetsByTenantId(UUID tenantId, PageLink pageLink);
+
+    /**
+     * Find asset infos by tenantId and page link.
+     *
+     * @param tenantId the tenantId
+     * @param pageLink the page link
+     * @return the list of asset info objects
+     */
+    PageData<AssetInfo> findAssetInfosByTenantId(UUID tenantId, PageLink pageLink);
 
     /**
      * Find assets by tenantId, type and page link.
@@ -57,7 +77,17 @@ public interface AssetDao extends Dao<Asset> {
      * @param pageLink the page link
      * @return the list of asset objects
      */
-    List<Asset> findAssetsByTenantIdAndType(UUID tenantId, String type, TextPageLink pageLink);
+    PageData<Asset> findAssetsByTenantIdAndType(UUID tenantId, String type, PageLink pageLink);
+
+    /**
+     * Find asset infos by tenantId, type and page link.
+     *
+     * @param tenantId the tenantId
+     * @param type the type
+     * @param pageLink the page link
+     * @return the list of asset info objects
+     */
+    PageData<AssetInfo> findAssetInfosByTenantIdAndType(UUID tenantId, String type, PageLink pageLink);
 
     /**
      * Find assets by tenantId and assets Ids.
@@ -76,7 +106,17 @@ public interface AssetDao extends Dao<Asset> {
      * @param pageLink the page link
      * @return the list of asset objects
      */
-    List<Asset> findAssetsByTenantIdAndCustomerId(UUID tenantId, UUID customerId, TextPageLink pageLink);
+    PageData<Asset> findAssetsByTenantIdAndCustomerId(UUID tenantId, UUID customerId, PageLink pageLink);
+
+    /**
+     * Find asset infos by tenantId, customerId and page link.
+     *
+     * @param tenantId the tenantId
+     * @param customerId the customerId
+     * @param pageLink the page link
+     * @return the list of asset info objects
+     */
+    PageData<AssetInfo> findAssetInfosByTenantIdAndCustomerId(UUID tenantId, UUID customerId, PageLink pageLink);
 
     /**
      * Find assets by tenantId, customerId, type and page link.
@@ -87,7 +127,18 @@ public interface AssetDao extends Dao<Asset> {
      * @param pageLink the page link
      * @return the list of asset objects
      */
-    List<Asset> findAssetsByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, TextPageLink pageLink);
+    PageData<Asset> findAssetsByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, PageLink pageLink);
+
+    /**
+     * Find asset infos by tenantId, customerId, type and page link.
+     *
+     * @param tenantId the tenantId
+     * @param customerId the customerId
+     * @param type the type
+     * @param pageLink the page link
+     * @return the list of asset info objects
+     */
+    PageData<AssetInfo> findAssetInfosByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, PageLink pageLink);
 
     /**
      * Find assets by tenantId, customerId and assets Ids.
diff --git a/dao/src/main/java/org/thingsboard/server/dao/asset/BaseAssetService.java b/dao/src/main/java/org/thingsboard/server/dao/asset/BaseAssetService.java
index df78ebcbd0..f6bb5b331a 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/asset/BaseAssetService.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/asset/BaseAssetService.java
@@ -35,13 +35,14 @@ import org.thingsboard.server.common.data.EntityType;
 import org.thingsboard.server.common.data.EntityView;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.asset.Asset;
+import org.thingsboard.server.common.data.asset.AssetInfo;
 import org.thingsboard.server.common.data.asset.AssetSearchQuery;
 import org.thingsboard.server.common.data.id.AssetId;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.relation.EntityRelation;
 import org.thingsboard.server.common.data.relation.EntitySearchDirection;
 import org.thingsboard.server.dao.customer.CustomerDao;
@@ -87,6 +88,13 @@ public class BaseAssetService extends AbstractEntityService implements AssetServ
     @Autowired
     private CacheManager cacheManager;
 
+    @Override
+    public AssetInfo findAssetInfoById(TenantId tenantId, AssetId assetId) {
+        log.trace("Executing findAssetInfoById [{}]", assetId);
+        validateId(assetId, INCORRECT_ASSET_ID + assetId);
+        return assetDao.findAssetInfoById(tenantId, assetId.getId());
+    }
+
     @Override
     public Asset findAssetById(TenantId tenantId, AssetId assetId) {
         log.trace("Executing findAssetById [{}]", assetId);
@@ -174,22 +182,37 @@ public class BaseAssetService extends AbstractEntityService implements AssetServ
     }
 
     @Override
-    public TextPageData<Asset> findAssetsByTenantId(TenantId tenantId, TextPageLink pageLink) {
+    public PageData<Asset> findAssetsByTenantId(TenantId tenantId, PageLink pageLink) {
         log.trace("Executing findAssetsByTenantId, tenantId [{}], pageLink [{}]", tenantId, pageLink);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
-        validatePageLink(pageLink, INCORRECT_PAGE_LINK + pageLink);
-        List<Asset> assets = assetDao.findAssetsByTenantId(tenantId.getId(), pageLink);
-        return new TextPageData<>(assets, pageLink);
+        validatePageLink(pageLink);
+        return assetDao.findAssetsByTenantId(tenantId.getId(), pageLink);
+    }
+
+    @Override
+    public PageData<AssetInfo> findAssetInfosByTenantId(TenantId tenantId, PageLink pageLink) {
+        log.trace("Executing findAssetInfosByTenantId, tenantId [{}], pageLink [{}]", tenantId, pageLink);
+        validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
+        validatePageLink(pageLink);
+        return assetDao.findAssetInfosByTenantId(tenantId.getId(), pageLink);
     }
 
     @Override
-    public TextPageData<Asset> findAssetsByTenantIdAndType(TenantId tenantId, String type, TextPageLink pageLink) {
+    public PageData<Asset> findAssetsByTenantIdAndType(TenantId tenantId, String type, PageLink pageLink) {
         log.trace("Executing findAssetsByTenantIdAndType, tenantId [{}], type [{}], pageLink [{}]", tenantId, type, pageLink);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
         validateString(type, "Incorrect type " + type);
-        validatePageLink(pageLink, INCORRECT_PAGE_LINK + pageLink);
-        List<Asset> assets = assetDao.findAssetsByTenantIdAndType(tenantId.getId(), type, pageLink);
-        return new TextPageData<>(assets, pageLink);
+        validatePageLink(pageLink);
+        return assetDao.findAssetsByTenantIdAndType(tenantId.getId(), type, pageLink);
+    }
+
+    @Override
+    public PageData<AssetInfo> findAssetInfosByTenantIdAndType(TenantId tenantId, String type, PageLink pageLink) {
+        log.trace("Executing findAssetInfosByTenantIdAndType, tenantId [{}], type [{}], pageLink [{}]", tenantId, type, pageLink);
+        validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
+        validateString(type, "Incorrect type " + type);
+        validatePageLink(pageLink);
+        return assetDao.findAssetInfosByTenantIdAndType(tenantId.getId(), type, pageLink);
     }
 
     @Override
@@ -208,24 +231,41 @@ public class BaseAssetService extends AbstractEntityService implements AssetServ
     }
 
     @Override
-    public TextPageData<Asset> findAssetsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, TextPageLink pageLink) {
+    public PageData<Asset> findAssetsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, PageLink pageLink) {
         log.trace("Executing findAssetsByTenantIdAndCustomerId, tenantId [{}], customerId [{}], pageLink [{}]", tenantId, customerId, pageLink);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
         validateId(customerId, INCORRECT_CUSTOMER_ID + customerId);
-        validatePageLink(pageLink, INCORRECT_PAGE_LINK + pageLink);
-        List<Asset> assets = assetDao.findAssetsByTenantIdAndCustomerId(tenantId.getId(), customerId.getId(), pageLink);
-        return new TextPageData<>(assets, pageLink);
+        validatePageLink(pageLink);
+        return assetDao.findAssetsByTenantIdAndCustomerId(tenantId.getId(), customerId.getId(), pageLink);
+    }
+
+    @Override
+    public PageData<AssetInfo> findAssetInfosByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, PageLink pageLink) {
+        log.trace("Executing findAssetInfosByTenantIdAndCustomerId, tenantId [{}], customerId [{}], pageLink [{}]", tenantId, customerId, pageLink);
+        validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
+        validateId(customerId, INCORRECT_CUSTOMER_ID + customerId);
+        validatePageLink(pageLink);
+        return assetDao.findAssetInfosByTenantIdAndCustomerId(tenantId.getId(), customerId.getId(), pageLink);
     }
 
     @Override
-    public TextPageData<Asset> findAssetsByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, String type, TextPageLink pageLink) {
+    public PageData<Asset> findAssetsByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, String type, PageLink pageLink) {
         log.trace("Executing findAssetsByTenantIdAndCustomerIdAndType, tenantId [{}], customerId [{}], type [{}], pageLink [{}]", tenantId, customerId, type, pageLink);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
         validateId(customerId, INCORRECT_CUSTOMER_ID + customerId);
         validateString(type, "Incorrect type " + type);
-        validatePageLink(pageLink, INCORRECT_PAGE_LINK + pageLink);
-        List<Asset> assets = assetDao.findAssetsByTenantIdAndCustomerIdAndType(tenantId.getId(), customerId.getId(), type, pageLink);
-        return new TextPageData<>(assets, pageLink);
+        validatePageLink(pageLink);
+        return assetDao.findAssetsByTenantIdAndCustomerIdAndType(tenantId.getId(), customerId.getId(), type, pageLink);
+    }
+
+    @Override
+    public PageData<AssetInfo> findAssetInfosByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, String type, PageLink pageLink) {
+        log.trace("Executing findAssetInfosByTenantIdAndCustomerIdAndType, tenantId [{}], customerId [{}], type [{}], pageLink [{}]", tenantId, customerId, type, pageLink);
+        validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
+        validateId(customerId, INCORRECT_CUSTOMER_ID + customerId);
+        validateString(type, "Incorrect type " + type);
+        validatePageLink(pageLink);
+        return assetDao.findAssetInfosByTenantIdAndCustomerIdAndType(tenantId.getId(), customerId.getId(), type, pageLink);
     }
 
     @Override
@@ -338,7 +378,7 @@ public class BaseAssetService extends AbstractEntityService implements AssetServ
         new PaginatedRemover<TenantId, Asset>() {
 
             @Override
-            protected List<Asset> findEntities(TenantId tenantId, TenantId id, TextPageLink pageLink) {
+            protected PageData<Asset> findEntities(TenantId tenantId, TenantId id, PageLink pageLink) {
                 return assetDao.findAssetsByTenantId(id.getId(), pageLink);
             }
 
@@ -351,7 +391,7 @@ public class BaseAssetService extends AbstractEntityService implements AssetServ
     private PaginatedRemover<CustomerId, Asset> customerAssetsUnasigner = new PaginatedRemover<CustomerId, Asset>() {
 
         @Override
-        protected List<Asset> findEntities(TenantId tenantId, CustomerId id, TextPageLink pageLink) {
+        protected PageData<Asset> findEntities(TenantId tenantId, CustomerId id, PageLink pageLink) {
             return assetDao.findAssetsByTenantIdAndCustomerId(tenantId.getId(), id.getId(), pageLink);
         }
 
diff --git a/dao/src/main/java/org/thingsboard/server/dao/asset/CassandraAssetDao.java b/dao/src/main/java/org/thingsboard/server/dao/asset/CassandraAssetDao.java
deleted file mode 100644
index 9f3bac983e..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/asset/CassandraAssetDao.java
+++ /dev/null
@@ -1,191 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.asset;
-
-import com.datastax.driver.core.ResultSet;
-import com.datastax.driver.core.ResultSetFuture;
-import com.datastax.driver.core.Statement;
-import com.datastax.driver.core.querybuilder.Select;
-import com.datastax.driver.mapping.Result;
-import com.google.common.base.Function;
-import com.google.common.util.concurrent.Futures;
-import com.google.common.util.concurrent.ListenableFuture;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.EntitySubtype;
-import org.thingsboard.server.common.data.EntityType;
-import org.thingsboard.server.common.data.asset.Asset;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.EntitySubtypeEntity;
-import org.thingsboard.server.dao.model.nosql.AssetEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractSearchTextDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import javax.annotation.Nullable;
-import java.util.ArrayList;
-import java.util.Arrays;
-import java.util.Collections;
-import java.util.List;
-import java.util.Optional;
-import java.util.UUID;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.in;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_BY_CUSTOMER_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_BY_CUSTOMER_BY_TYPE_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_BY_TENANT_AND_NAME_VIEW_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_BY_TENANT_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_BY_TENANT_BY_TYPE_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_CUSTOMER_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_NAME_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_SUBTYPE_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_SUBTYPE_ENTITY_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_SUBTYPE_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraAssetDao extends CassandraAbstractSearchTextDao<AssetEntity, Asset> implements AssetDao {
-
-    @Override
-    protected Class<AssetEntity> getColumnFamilyClass() {
-        return AssetEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return ASSET_COLUMN_FAMILY_NAME;
-    }
-
-    @Override
-    public Asset save(TenantId tenantId, Asset domain) {
-        Asset savedAsset = super.save(tenantId, domain);
-        EntitySubtype entitySubtype = new EntitySubtype(savedAsset.getTenantId(), EntityType.ASSET, savedAsset.getType());
-        EntitySubtypeEntity entitySubtypeEntity = new EntitySubtypeEntity(entitySubtype);
-        Statement saveStatement = cluster.getMapper(EntitySubtypeEntity.class).saveQuery(entitySubtypeEntity);
-        executeWrite(tenantId, saveStatement);
-        return savedAsset;
-    }
-
-    @Override
-    public List<Asset> findAssetsByTenantId(UUID tenantId, TextPageLink pageLink) {
-        log.debug("Try to find assets by tenantId [{}] and pageLink [{}]", tenantId, pageLink);
-        List<AssetEntity> assetEntities = findPageWithTextSearch(new TenantId(tenantId), ASSET_BY_TENANT_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Collections.singletonList(eq(ASSET_TENANT_ID_PROPERTY, tenantId)), pageLink);
-
-        log.trace("Found assets [{}] by tenantId [{}] and pageLink [{}]", assetEntities, tenantId, pageLink);
-        return DaoUtil.convertDataList(assetEntities);
-    }
-
-    @Override
-    public List<Asset> findAssetsByTenantIdAndType(UUID tenantId, String type, TextPageLink pageLink) {
-        log.debug("Try to find assets by tenantId [{}], type [{}] and pageLink [{}]", tenantId, type, pageLink);
-        List<AssetEntity> assetEntities = findPageWithTextSearch(new TenantId(tenantId), ASSET_BY_TENANT_BY_TYPE_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Arrays.asList(eq(ASSET_TYPE_PROPERTY, type),
-                        eq(ASSET_TENANT_ID_PROPERTY, tenantId)), pageLink);
-        log.trace("Found assets [{}] by tenantId [{}], type [{}] and pageLink [{}]", assetEntities, tenantId, type, pageLink);
-        return DaoUtil.convertDataList(assetEntities);
-    }
-
-    public ListenableFuture<List<Asset>> findAssetsByTenantIdAndIdsAsync(UUID tenantId, List<UUID> assetIds) {
-        log.debug("Try to find assets by tenantId [{}] and asset Ids [{}]", tenantId, assetIds);
-        Select select = select().from(getColumnFamilyName());
-        Select.Where query = select.where();
-        query.and(eq(ASSET_TENANT_ID_PROPERTY, tenantId));
-        query.and(in(ID_PROPERTY, assetIds));
-        return findListByStatementAsync(new TenantId(tenantId), query);
-    }
-
-    @Override
-    public List<Asset> findAssetsByTenantIdAndCustomerId(UUID tenantId, UUID customerId, TextPageLink pageLink) {
-        log.debug("Try to find assets by tenantId [{}], customerId[{}] and pageLink [{}]", tenantId, customerId, pageLink);
-        List<AssetEntity> assetEntities = findPageWithTextSearch(new TenantId(tenantId), ASSET_BY_CUSTOMER_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Arrays.asList(eq(ASSET_CUSTOMER_ID_PROPERTY, customerId),
-                        eq(ASSET_TENANT_ID_PROPERTY, tenantId)),
-                pageLink);
-
-        log.trace("Found assets [{}] by tenantId [{}], customerId [{}] and pageLink [{}]", assetEntities, tenantId, customerId, pageLink);
-        return DaoUtil.convertDataList(assetEntities);
-    }
-
-    @Override
-    public List<Asset> findAssetsByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, TextPageLink pageLink) {
-        log.debug("Try to find assets by tenantId [{}], customerId [{}], type [{}] and pageLink [{}]", tenantId, customerId, type, pageLink);
-        List<AssetEntity> assetEntities = findPageWithTextSearch(new TenantId(tenantId), ASSET_BY_CUSTOMER_BY_TYPE_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Arrays.asList(eq(ASSET_TYPE_PROPERTY, type),
-                        eq(ASSET_CUSTOMER_ID_PROPERTY, customerId),
-                        eq(ASSET_TENANT_ID_PROPERTY, tenantId)),
-                pageLink);
-
-        log.trace("Found assets [{}] by tenantId [{}], customerId [{}], type [{}] and pageLink [{}]", assetEntities, tenantId, customerId, type, pageLink);
-        return DaoUtil.convertDataList(assetEntities);
-    }
-
-    @Override
-    public ListenableFuture<List<Asset>> findAssetsByTenantIdAndCustomerIdAndIdsAsync(UUID tenantId, UUID customerId, List<UUID> assetIds) {
-        log.debug("Try to find assets by tenantId [{}], customerId [{}] and asset Ids [{}]", tenantId, customerId, assetIds);
-        Select select = select().from(getColumnFamilyName());
-        Select.Where query = select.where();
-        query.and(eq(ASSET_TENANT_ID_PROPERTY, tenantId));
-        query.and(eq(ASSET_CUSTOMER_ID_PROPERTY, customerId));
-        query.and(in(ID_PROPERTY, assetIds));
-        return findListByStatementAsync(new TenantId(tenantId), query);
-    }
-
-    @Override
-    public Optional<Asset> findAssetsByTenantIdAndName(UUID tenantId, String assetName) {
-        Select select = select().from(ASSET_BY_TENANT_AND_NAME_VIEW_NAME);
-        Select.Where query = select.where();
-        query.and(eq(ASSET_TENANT_ID_PROPERTY, tenantId));
-        query.and(eq(ASSET_NAME_PROPERTY, assetName));
-        AssetEntity assetEntity = (AssetEntity) findOneByStatement(new TenantId(tenantId), query);
-        return Optional.ofNullable(DaoUtil.getData(assetEntity));
-    }
-
-    @Override
-    public ListenableFuture<List<EntitySubtype>> findTenantAssetTypesAsync(UUID tenantId) {
-        Select select = select().from(ENTITY_SUBTYPE_COLUMN_FAMILY_NAME);
-        Select.Where query = select.where();
-        query.and(eq(ENTITY_SUBTYPE_TENANT_ID_PROPERTY, tenantId));
-        query.and(eq(ENTITY_SUBTYPE_ENTITY_TYPE_PROPERTY, EntityType.ASSET));
-        query.setConsistencyLevel(cluster.getDefaultReadConsistencyLevel());
-        ResultSetFuture resultSetFuture = executeAsyncRead(new TenantId(tenantId), query);
-        return Futures.transform(resultSetFuture, new Function<ResultSet, List<EntitySubtype>>() {
-            @Nullable
-            @Override
-            public List<EntitySubtype> apply(@Nullable ResultSet resultSet) {
-                Result<EntitySubtypeEntity> result = cluster.getMapper(EntitySubtypeEntity.class).map(resultSet);
-                if (result != null) {
-                    List<EntitySubtype> entitySubtypes = new ArrayList<>();
-                    result.all().forEach((entitySubtypeEntity) ->
-                            entitySubtypes.add(entitySubtypeEntity.toEntitySubtype())
-                    );
-                    return entitySubtypes;
-                } else {
-                    return Collections.emptyList();
-                }
-            }
-        });
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/attributes/CassandraBaseAttributesDao.java b/dao/src/main/java/org/thingsboard/server/dao/attributes/CassandraBaseAttributesDao.java
deleted file mode 100644
index 481f2ac085..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/attributes/CassandraBaseAttributesDao.java
+++ /dev/null
@@ -1,192 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.attributes;
-
-import com.datastax.driver.core.BoundStatement;
-import com.datastax.driver.core.PreparedStatement;
-import com.datastax.driver.core.ResultSet;
-import com.datastax.driver.core.Row;
-import com.datastax.driver.core.Statement;
-import com.datastax.driver.core.querybuilder.QueryBuilder;
-import com.datastax.driver.core.querybuilder.Select;
-import com.google.common.base.Function;
-import com.google.common.util.concurrent.Futures;
-import com.google.common.util.concurrent.ListenableFuture;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.id.EntityId;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.kv.AttributeKvEntry;
-import org.thingsboard.server.common.data.kv.BaseAttributeKvEntry;
-import org.thingsboard.server.dao.model.ModelConstants;
-import org.thingsboard.server.dao.nosql.CassandraAbstractAsyncDao;
-import org.thingsboard.server.dao.timeseries.CassandraBaseTimeseriesDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import javax.annotation.PostConstruct;
-import javax.annotation.PreDestroy;
-import java.util.ArrayList;
-import java.util.Collection;
-import java.util.List;
-import java.util.Optional;
-import java.util.stream.Collectors;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-import static org.thingsboard.server.dao.model.ModelConstants.ATTRIBUTES_KV_CF;
-import static org.thingsboard.server.dao.model.ModelConstants.ATTRIBUTE_KEY_COLUMN;
-import static org.thingsboard.server.dao.model.ModelConstants.ATTRIBUTE_TYPE_COLUMN;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_ID_COLUMN;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_TYPE_COLUMN;
-import static org.thingsboard.server.dao.model.ModelConstants.LAST_UPDATE_TS_COLUMN;
-
-/**
- * @author Andrew Shvayka
- */
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraBaseAttributesDao extends CassandraAbstractAsyncDao implements AttributesDao {
-
-    private PreparedStatement saveStmt;
-
-    @PostConstruct
-    public void init() {
-        super.startExecutor();
-    }
-
-    @PreDestroy
-    public void stop() {
-        super.stopExecutor();
-    }
-
-    @Override
-    public ListenableFuture<Optional<AttributeKvEntry>> find(TenantId tenantId, EntityId entityId, String attributeType, String attributeKey) {
-        Select.Where select = select().from(ATTRIBUTES_KV_CF)
-                .where(eq(ENTITY_TYPE_COLUMN, entityId.getEntityType()))
-                .and(eq(ENTITY_ID_COLUMN, entityId.getId()))
-                .and(eq(ATTRIBUTE_TYPE_COLUMN, attributeType))
-                .and(eq(ATTRIBUTE_KEY_COLUMN, attributeKey));
-        log.trace("Generated query [{}] for entityId {} and key {}", select, entityId, attributeKey);
-        return Futures.transform(executeAsyncRead(tenantId, select), (Function<? super ResultSet, ? extends Optional<AttributeKvEntry>>) input ->
-                        Optional.ofNullable(convertResultToAttributesKvEntry(attributeKey, input.one()))
-                , readResultsProcessingExecutor);
-    }
-
-    @Override
-    public ListenableFuture<List<AttributeKvEntry>> find(TenantId tenantId, EntityId entityId, String attributeType, Collection<String> attributeKeys) {
-        List<ListenableFuture<Optional<AttributeKvEntry>>> entries = new ArrayList<>();
-        attributeKeys.forEach(attributeKey -> entries.add(find(tenantId, entityId, attributeType, attributeKey)));
-        return Futures.transform(Futures.allAsList(entries), (Function<List<Optional<AttributeKvEntry>>, ? extends List<AttributeKvEntry>>) input -> {
-            List<AttributeKvEntry> result = new ArrayList<>();
-            input.stream().filter(opt -> opt.isPresent()).forEach(opt -> result.add(opt.get()));
-            return result;
-        }, readResultsProcessingExecutor);
-    }
-
-
-    @Override
-    public ListenableFuture<List<AttributeKvEntry>> findAll(TenantId tenantId, EntityId entityId, String attributeType) {
-        Select.Where select = select().from(ATTRIBUTES_KV_CF)
-                .where(eq(ENTITY_TYPE_COLUMN, entityId.getEntityType()))
-                .and(eq(ENTITY_ID_COLUMN, entityId.getId()))
-                .and(eq(ATTRIBUTE_TYPE_COLUMN, attributeType));
-        log.trace("Generated query [{}] for entityId {} and attributeType {}", select, entityId, attributeType);
-        return Futures.transform(executeAsyncRead(tenantId, select), (Function<? super ResultSet, ? extends List<AttributeKvEntry>>) input ->
-                        convertResultToAttributesKvEntryList(input)
-                , readResultsProcessingExecutor);
-    }
-
-    @Override
-    public ListenableFuture<Void> save(TenantId tenantId, EntityId entityId, String attributeType, AttributeKvEntry attribute) {
-        BoundStatement stmt = getSaveStmt().bind()
-                .setString(0, entityId.getEntityType().name())
-                .setUUID(1, entityId.getId())
-                .setString(2, attributeType)
-                .setString(3, attribute.getKey())
-                .setLong(4, attribute.getLastUpdateTs())
-                .set(5, attribute.getStrValue().orElse(null), String.class)
-                .set(6, attribute.getBooleanValue().orElse(null), Boolean.class)
-                .set(7, attribute.getLongValue().orElse(null), Long.class)
-                .set(8, attribute.getDoubleValue().orElse(null), Double.class)
-                .set(9, attribute.getJsonValue().orElse(null), String.class);
-
-        log.trace("Generated save stmt [{}] for entityId {} and attributeType {} and attribute", stmt, entityId, attributeType, attribute);
-        return getFuture(executeAsyncWrite(tenantId, stmt), rs -> null);
-    }
-
-    @Override
-    public ListenableFuture<List<Void>> removeAll(TenantId tenantId, EntityId entityId, String attributeType, List<String> keys) {
-        List<ListenableFuture<Void>> futures = keys
-                .stream()
-                .map(key -> delete(tenantId, entityId, attributeType, key))
-                .collect(Collectors.toList());
-        return Futures.allAsList(futures);
-    }
-
-    private ListenableFuture<Void> delete(TenantId tenantId, EntityId entityId, String attributeType, String key) {
-        Statement delete = QueryBuilder.delete().all().from(ModelConstants.ATTRIBUTES_KV_CF)
-                .where(eq(ENTITY_TYPE_COLUMN, entityId.getEntityType()))
-                .and(eq(ENTITY_ID_COLUMN, entityId.getId()))
-                .and(eq(ATTRIBUTE_TYPE_COLUMN, attributeType))
-                .and(eq(ATTRIBUTE_KEY_COLUMN, key));
-        log.debug("Remove request: {}", delete.toString());
-        return getFuture(executeAsyncWrite(tenantId, delete), rs -> null);
-    }
-
-    private PreparedStatement getSaveStmt() {
-        if (saveStmt == null) {
-            saveStmt = prepare("INSERT INTO " + ModelConstants.ATTRIBUTES_KV_CF +
-                    "(" + ENTITY_TYPE_COLUMN +
-                    "," + ENTITY_ID_COLUMN +
-                    "," + ATTRIBUTE_TYPE_COLUMN +
-                    "," + ATTRIBUTE_KEY_COLUMN +
-                    "," + LAST_UPDATE_TS_COLUMN +
-                    "," + ModelConstants.STRING_VALUE_COLUMN +
-                    "," + ModelConstants.BOOLEAN_VALUE_COLUMN +
-                    "," + ModelConstants.LONG_VALUE_COLUMN +
-                    "," + ModelConstants.DOUBLE_VALUE_COLUMN +
-                    "," + ModelConstants.JSON_VALUE_COLUMN +
-                    ")" +
-                    " VALUES(?, ?, ?, ?, ?, ?, ?, ?, ?, ?)");
-        }
-        return saveStmt;
-    }
-
-    private AttributeKvEntry convertResultToAttributesKvEntry(String key, Row row) {
-        AttributeKvEntry attributeEntry = null;
-        if (row != null) {
-            long lastUpdateTs = row.get(LAST_UPDATE_TS_COLUMN, Long.class);
-            attributeEntry = new BaseAttributeKvEntry(CassandraBaseTimeseriesDao.toKvEntry(row, key), lastUpdateTs);
-        }
-        return attributeEntry;
-    }
-
-    private List<AttributeKvEntry> convertResultToAttributesKvEntryList(ResultSet resultSet) {
-        List<Row> rows = resultSet.all();
-        List<AttributeKvEntry> entries = new ArrayList<>(rows.size());
-        if (!rows.isEmpty()) {
-            rows.forEach(row -> {
-                String key = row.getString(ModelConstants.ATTRIBUTE_KEY_COLUMN);
-                AttributeKvEntry kvEntry = convertResultToAttributesKvEntry(key, row);
-                if (kvEntry != null) {
-                    entries.add(kvEntry);
-                }
-            });
-        }
-        return entries;
-    }
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/audit/AuditLogDao.java b/dao/src/main/java/org/thingsboard/server/dao/audit/AuditLogDao.java
index ba6b6841fb..6b907093b3 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/audit/AuditLogDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/audit/AuditLogDao.java
@@ -21,6 +21,7 @@ import org.thingsboard.server.common.data.audit.AuditLog;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.UserId;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 
 import java.util.List;
@@ -30,19 +31,11 @@ public interface AuditLogDao {
 
     ListenableFuture<Void> saveByTenantId(AuditLog auditLog);
 
-    ListenableFuture<Void> saveByTenantIdAndEntityId(AuditLog auditLog);
+    PageData<AuditLog> findAuditLogsByTenantIdAndEntityId(UUID tenantId, EntityId entityId, List<ActionType> actionTypes, TimePageLink pageLink);
 
-    ListenableFuture<Void> saveByTenantIdAndCustomerId(AuditLog auditLog);
+    PageData<AuditLog> findAuditLogsByTenantIdAndCustomerId(UUID tenantId, CustomerId customerId, List<ActionType> actionTypes, TimePageLink pageLink);
 
-    ListenableFuture<Void> saveByTenantIdAndUserId(AuditLog auditLog);
+    PageData<AuditLog> findAuditLogsByTenantIdAndUserId(UUID tenantId, UserId userId, List<ActionType> actionTypes, TimePageLink pageLink);
 
-    ListenableFuture<Void> savePartitionsByTenantId(AuditLog auditLog);
-
-    List<AuditLog> findAuditLogsByTenantIdAndEntityId(UUID tenantId, EntityId entityId, List<ActionType> actionTypes, TimePageLink pageLink);
-
-    List<AuditLog> findAuditLogsByTenantIdAndCustomerId(UUID tenantId, CustomerId customerId, List<ActionType> actionTypes, TimePageLink pageLink);
-
-    List<AuditLog> findAuditLogsByTenantIdAndUserId(UUID tenantId, UserId userId, List<ActionType> actionTypes, TimePageLink pageLink);
-
-    List<AuditLog> findAuditLogsByTenantId(UUID tenantId, List<ActionType> actionTypes, TimePageLink pageLink);
+    PageData<AuditLog> findAuditLogsByTenantId(UUID tenantId, List<ActionType> actionTypes, TimePageLink pageLink);
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/audit/AuditLogQueryCursor.java b/dao/src/main/java/org/thingsboard/server/dao/audit/AuditLogQueryCursor.java
deleted file mode 100644
index 5156f05aef..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/audit/AuditLogQueryCursor.java
+++ /dev/null
@@ -1,70 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.audit;
-
-import lombok.Getter;
-import org.thingsboard.server.common.data.page.TimePageLink;
-import org.thingsboard.server.dao.model.nosql.AuditLogEntity;
-
-import java.util.ArrayList;
-import java.util.List;
-import java.util.UUID;
-
-public class AuditLogQueryCursor {
-    @Getter
-    private final UUID tenantId;
-    @Getter
-    private final List<AuditLogEntity> data;
-    @Getter
-    private final TimePageLink pageLink;
-
-    private final List<Long> partitions;
-
-    private int partitionIndex;
-    private int currentLimit;
-
-    public AuditLogQueryCursor(UUID tenantId, TimePageLink pageLink, List<Long> partitions) {
-        this.tenantId = tenantId;
-        this.partitions = partitions;
-        this.partitionIndex = partitions.size() - 1;
-        this.data = new ArrayList<>();
-        this.currentLimit = pageLink.getLimit();
-        this.pageLink = pageLink;
-    }
-
-    public boolean hasNextPartition() {
-        return partitionIndex >= 0;
-    }
-
-    public boolean isFull() {
-        return currentLimit <= 0;
-    }
-
-    public long getNextPartition() {
-        long partition = partitions.get(partitionIndex);
-        partitionIndex--;
-        return partition;
-    }
-
-    public int getCurrentLimit() {
-        return currentLimit;
-    }
-
-    public void addData(List<AuditLogEntity> newData) {
-        currentLimit -= newData.size();
-        data.addAll(newData);
-    }
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/audit/AuditLogServiceImpl.java b/dao/src/main/java/org/thingsboard/server/dao/audit/AuditLogServiceImpl.java
index 902162ff84..f4032d55ed 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/audit/AuditLogServiceImpl.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/audit/AuditLogServiceImpl.java
@@ -41,7 +41,7 @@ import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.common.data.id.UUIDBased;
 import org.thingsboard.server.common.data.id.UserId;
 import org.thingsboard.server.common.data.kv.AttributeKvEntry;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.common.data.relation.EntityRelation;
 import org.thingsboard.server.common.data.rule.RuleChainMetaData;
@@ -81,38 +81,34 @@ public class AuditLogServiceImpl implements AuditLogService {
     private AuditLogSink auditLogSink;
 
     @Override
-    public TimePageData<AuditLog> findAuditLogsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, List<ActionType> actionTypes, TimePageLink pageLink) {
+    public PageData<AuditLog> findAuditLogsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, List<ActionType> actionTypes, TimePageLink pageLink) {
         log.trace("Executing findAuditLogsByTenantIdAndCustomerId [{}], [{}], [{}]", tenantId, customerId, pageLink);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
         validateId(customerId, "Incorrect customerId " + customerId);
-        List<AuditLog> auditLogs = auditLogDao.findAuditLogsByTenantIdAndCustomerId(tenantId.getId(), customerId, actionTypes, pageLink);
-        return new TimePageData<>(auditLogs, pageLink);
+        return auditLogDao.findAuditLogsByTenantIdAndCustomerId(tenantId.getId(), customerId, actionTypes, pageLink);
     }
 
     @Override
-    public TimePageData<AuditLog> findAuditLogsByTenantIdAndUserId(TenantId tenantId, UserId userId, List<ActionType> actionTypes, TimePageLink pageLink) {
+    public PageData<AuditLog> findAuditLogsByTenantIdAndUserId(TenantId tenantId, UserId userId, List<ActionType> actionTypes, TimePageLink pageLink) {
         log.trace("Executing findAuditLogsByTenantIdAndUserId [{}], [{}], [{}]", tenantId, userId, pageLink);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
         validateId(userId, "Incorrect userId" + userId);
-        List<AuditLog> auditLogs = auditLogDao.findAuditLogsByTenantIdAndUserId(tenantId.getId(), userId, actionTypes, pageLink);
-        return new TimePageData<>(auditLogs, pageLink);
+        return auditLogDao.findAuditLogsByTenantIdAndUserId(tenantId.getId(), userId, actionTypes, pageLink);
     }
 
     @Override
-    public TimePageData<AuditLog> findAuditLogsByTenantIdAndEntityId(TenantId tenantId, EntityId entityId, List<ActionType> actionTypes, TimePageLink pageLink) {
+    public PageData<AuditLog> findAuditLogsByTenantIdAndEntityId(TenantId tenantId, EntityId entityId, List<ActionType> actionTypes, TimePageLink pageLink) {
         log.trace("Executing findAuditLogsByTenantIdAndEntityId [{}], [{}], [{}]", tenantId, entityId, pageLink);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
         validateEntityId(entityId, INCORRECT_TENANT_ID + entityId);
-        List<AuditLog> auditLogs = auditLogDao.findAuditLogsByTenantIdAndEntityId(tenantId.getId(), entityId, actionTypes, pageLink);
-        return new TimePageData<>(auditLogs, pageLink);
+        return auditLogDao.findAuditLogsByTenantIdAndEntityId(tenantId.getId(), entityId, actionTypes, pageLink);
     }
 
     @Override
-    public TimePageData<AuditLog> findAuditLogsByTenantId(TenantId tenantId, List<ActionType> actionTypes, TimePageLink pageLink) {
+    public PageData<AuditLog> findAuditLogsByTenantId(TenantId tenantId, List<ActionType> actionTypes, TimePageLink pageLink) {
         log.trace("Executing findAuditLogs [{}]", pageLink);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
-        List<AuditLog> auditLogs = auditLogDao.findAuditLogsByTenantId(tenantId.getId(), actionTypes, pageLink);
-        return new TimePageData<>(auditLogs, pageLink);
+        return auditLogDao.findAuditLogsByTenantId(tenantId.getId(), actionTypes, pageLink);
     }
 
     @Override
@@ -329,11 +325,7 @@ public class AuditLogServiceImpl implements AuditLogService {
         log.trace("Executing logAction [{}]", auditLogEntry);
         auditLogValidator.validate(auditLogEntry, AuditLog::getTenantId);
         List<ListenableFuture<Void>> futures = Lists.newArrayListWithExpectedSize(INSERTS_PER_ENTRY);
-        futures.add(auditLogDao.savePartitionsByTenantId(auditLogEntry));
         futures.add(auditLogDao.saveByTenantId(auditLogEntry));
-        futures.add(auditLogDao.saveByTenantIdAndEntityId(auditLogEntry));
-        futures.add(auditLogDao.saveByTenantIdAndCustomerId(auditLogEntry));
-        futures.add(auditLogDao.saveByTenantIdAndUserId(auditLogEntry));
 
         auditLogSink.logAction(auditLogEntry);
 
diff --git a/dao/src/main/java/org/thingsboard/server/dao/audit/CassandraAuditLogDao.java b/dao/src/main/java/org/thingsboard/server/dao/audit/CassandraAuditLogDao.java
deleted file mode 100644
index a2dc184936..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/audit/CassandraAuditLogDao.java
+++ /dev/null
@@ -1,361 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.audit;
-
-import com.datastax.driver.core.BoundStatement;
-import com.datastax.driver.core.PreparedStatement;
-import com.datastax.driver.core.ResultSet;
-import com.datastax.driver.core.ResultSetFuture;
-import com.datastax.driver.core.querybuilder.QueryBuilder;
-import com.datastax.driver.core.querybuilder.Select;
-import com.google.common.base.Function;
-import com.google.common.util.concurrent.Futures;
-import com.google.common.util.concurrent.ListenableFuture;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.beans.factory.annotation.Value;
-import org.springframework.core.env.Environment;
-import org.springframework.stereotype.Component;
-import org.thingsboard.common.util.ThingsBoardThreadFactory;
-import org.thingsboard.server.common.data.audit.ActionType;
-import org.thingsboard.server.common.data.audit.AuditLog;
-import org.thingsboard.server.common.data.id.CustomerId;
-import org.thingsboard.server.common.data.id.EntityId;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.id.UserId;
-import org.thingsboard.server.common.data.page.TimePageLink;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.ModelConstants;
-import org.thingsboard.server.dao.model.nosql.AuditLogEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractSearchTimeDao;
-import org.thingsboard.server.dao.timeseries.NoSqlTsPartitionDate;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import javax.annotation.Nullable;
-import javax.annotation.PostConstruct;
-import javax.annotation.PreDestroy;
-import java.time.Instant;
-import java.time.LocalDate;
-import java.time.LocalDateTime;
-import java.time.ZoneOffset;
-import java.util.ArrayList;
-import java.util.Arrays;
-import java.util.List;
-import java.util.Optional;
-import java.util.StringJoiner;
-import java.util.UUID;
-import java.util.concurrent.ExecutorService;
-import java.util.concurrent.Executors;
-import java.util.stream.Collectors;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_BY_CUSTOMER_ID_CF;
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_BY_ENTITY_ID_CF;
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_BY_TENANT_ID_CF;
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_BY_USER_ID_CF;
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_COLUMN_FAMILY_NAME;
-
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraAuditLogDao extends CassandraAbstractSearchTimeDao<AuditLogEntity, AuditLog> implements AuditLogDao {
-
-    private static final String INSERT_INTO = "INSERT INTO ";
-
-    @Autowired
-    private Environment environment;
-
-    @Override
-    protected Class<AuditLogEntity> getColumnFamilyClass() {
-        return AuditLogEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return AUDIT_LOG_COLUMN_FAMILY_NAME;
-    }
-
-    protected ExecutorService readResultsProcessingExecutor;
-
-    @Value("${audit-log.by_tenant_partitioning}")
-    private String partitioning;
-    private NoSqlTsPartitionDate tsFormat;
-
-    @Value("${audit-log.default_query_period}")
-    private Integer defaultQueryPeriodInDays;
-
-    private PreparedStatement partitionInsertStmt;
-    private PreparedStatement saveByTenantStmt;
-    private PreparedStatement saveByTenantIdAndUserIdStmt;
-    private PreparedStatement saveByTenantIdAndEntityIdStmt;
-    private PreparedStatement saveByTenantIdAndCustomerIdStmt;
-
-    private boolean isInstall() {
-        return environment.acceptsProfiles("install");
-    }
-
-    @PostConstruct
-    public void init() {
-        if (!isInstall()) {
-            Optional<NoSqlTsPartitionDate> partition = NoSqlTsPartitionDate.parse(partitioning);
-            if (partition.isPresent()) {
-                tsFormat = partition.get();
-            } else {
-                log.warn("Incorrect configuration of partitioning {}", partitioning);
-                throw new RuntimeException("Failed to parse partitioning property: " + partitioning + "!");
-            }
-        }
-        readResultsProcessingExecutor = Executors.newCachedThreadPool(ThingsBoardThreadFactory.forName("audit-log"));
-    }
-
-    @PreDestroy
-    public void stopExecutor() {
-        if (readResultsProcessingExecutor != null) {
-            readResultsProcessingExecutor.shutdownNow();
-        }
-    }
-
-    private <T> ListenableFuture<T> getFuture(ResultSetFuture future, java.util.function.Function<ResultSet, T> transformer) {
-        return Futures.transform(future, new Function<ResultSet, T>() {
-            @Nullable
-            @Override
-            public T apply(@Nullable ResultSet input) {
-                return transformer.apply(input);
-            }
-        }, readResultsProcessingExecutor);
-    }
-
-    @Override
-    public ListenableFuture<Void> saveByTenantId(AuditLog auditLog) {
-        log.debug("Save saveByTenantId [{}] ", auditLog);
-
-        long partition = toPartitionTs(LocalDate.now().atStartOfDay().toInstant(ZoneOffset.UTC).toEpochMilli());
-        BoundStatement stmt = getSaveByTenantStmt().bind();
-        stmt = setSaveStmtVariables(stmt, auditLog, partition);
-        return getFuture(executeAsyncWrite(auditLog.getTenantId(), stmt), rs -> null);
-    }
-
-    @Override
-    public ListenableFuture<Void> saveByTenantIdAndEntityId(AuditLog auditLog) {
-        log.debug("Save saveByTenantIdAndEntityId [{}] ", auditLog);
-
-        BoundStatement stmt = getSaveByTenantIdAndEntityIdStmt().bind();
-        stmt = setSaveStmtVariables(stmt, auditLog, -1);
-        return getFuture(executeAsyncWrite(auditLog.getTenantId(), stmt), rs -> null);
-    }
-
-    @Override
-    public ListenableFuture<Void> saveByTenantIdAndCustomerId(AuditLog auditLog) {
-        log.debug("Save saveByTenantIdAndCustomerId [{}] ", auditLog);
-
-        BoundStatement stmt = getSaveByTenantIdAndCustomerIdStmt().bind();
-        stmt = setSaveStmtVariables(stmt, auditLog, -1);
-        return getFuture(executeAsyncWrite(auditLog.getTenantId(), stmt), rs -> null);
-    }
-
-    @Override
-    public ListenableFuture<Void> saveByTenantIdAndUserId(AuditLog auditLog) {
-        log.debug("Save saveByTenantIdAndUserId [{}] ", auditLog);
-
-        BoundStatement stmt = getSaveByTenantIdAndUserIdStmt().bind();
-        stmt = setSaveStmtVariables(stmt, auditLog, -1);
-        return getFuture(executeAsyncWrite(auditLog.getTenantId(), stmt), rs -> null);
-    }
-
-    private BoundStatement setSaveStmtVariables(BoundStatement stmt, AuditLog auditLog, long partition) {
-        stmt.setUUID(0, auditLog.getId().getId())
-                .setUUID(1, auditLog.getTenantId().getId())
-                .setUUID(2, auditLog.getCustomerId().getId())
-                .setUUID(3, auditLog.getEntityId().getId())
-                .setString(4, auditLog.getEntityId().getEntityType().name())
-                .setString(5, auditLog.getEntityName())
-                .setUUID(6, auditLog.getUserId().getId())
-                .setString(7, auditLog.getUserName())
-                .setString(8, auditLog.getActionType().name())
-                .setString(9, auditLog.getActionData() != null ? auditLog.getActionData().toString() : null)
-                .setString(10, auditLog.getActionStatus().name())
-                .setString(11, auditLog.getActionFailureDetails());
-        if (partition > -1) {
-            stmt.setLong(12, partition);
-        }
-        return stmt;
-    }
-
-    @Override
-    public ListenableFuture<Void> savePartitionsByTenantId(AuditLog auditLog) {
-        log.debug("Save savePartitionsByTenantId [{}] ", auditLog);
-
-        long partition = toPartitionTs(LocalDate.now().atStartOfDay().toInstant(ZoneOffset.UTC).toEpochMilli());
-
-        BoundStatement stmt = getPartitionInsertStmt().bind();
-        stmt = stmt.setUUID(0, auditLog.getTenantId().getId())
-                .setLong(1, partition);
-        return getFuture(executeAsyncWrite(auditLog.getTenantId(), stmt), rs -> null);
-    }
-
-    private PreparedStatement getSaveByTenantStmt() {
-        if (saveByTenantStmt == null) {
-            saveByTenantStmt = getSaveByTenantIdAndCFName(ModelConstants.AUDIT_LOG_BY_TENANT_ID_CF, true);
-        }
-        return saveByTenantStmt;
-    }
-
-    private PreparedStatement getSaveByTenantIdAndEntityIdStmt() {
-        if (saveByTenantIdAndEntityIdStmt == null) {
-            saveByTenantIdAndEntityIdStmt = getSaveByTenantIdAndCFName(ModelConstants.AUDIT_LOG_BY_ENTITY_ID_CF, false);
-        }
-        return saveByTenantIdAndEntityIdStmt;
-    }
-
-    private PreparedStatement getSaveByTenantIdAndCustomerIdStmt() {
-        if (saveByTenantIdAndCustomerIdStmt == null) {
-            saveByTenantIdAndCustomerIdStmt = getSaveByTenantIdAndCFName(ModelConstants.AUDIT_LOG_BY_CUSTOMER_ID_CF, false);
-        }
-        return saveByTenantIdAndCustomerIdStmt;
-    }
-
-    private PreparedStatement getSaveByTenantIdAndUserIdStmt() {
-        if (saveByTenantIdAndUserIdStmt == null) {
-            saveByTenantIdAndUserIdStmt = getSaveByTenantIdAndCFName(ModelConstants.AUDIT_LOG_BY_USER_ID_CF, false);
-        }
-        return saveByTenantIdAndUserIdStmt;
-    }
-
-    private PreparedStatement getSaveByTenantIdAndCFName(String cfName, boolean hasPartition) {
-        List columnsList = new ArrayList();
-        columnsList.add(ModelConstants.AUDIT_LOG_ID_PROPERTY);
-        columnsList.add(ModelConstants.AUDIT_LOG_TENANT_ID_PROPERTY);
-        columnsList.add(ModelConstants.AUDIT_LOG_CUSTOMER_ID_PROPERTY);
-        columnsList.add(ModelConstants.AUDIT_LOG_ENTITY_ID_PROPERTY);
-        columnsList.add(ModelConstants.AUDIT_LOG_ENTITY_TYPE_PROPERTY);
-        columnsList.add(ModelConstants.AUDIT_LOG_ENTITY_NAME_PROPERTY);
-        columnsList.add(ModelConstants.AUDIT_LOG_USER_ID_PROPERTY);
-        columnsList.add(ModelConstants.AUDIT_LOG_USER_NAME_PROPERTY);
-        columnsList.add(ModelConstants.AUDIT_LOG_ACTION_TYPE_PROPERTY);
-        columnsList.add(ModelConstants.AUDIT_LOG_ACTION_DATA_PROPERTY);
-        columnsList.add(ModelConstants.AUDIT_LOG_ACTION_STATUS_PROPERTY);
-        columnsList.add(ModelConstants.AUDIT_LOG_ACTION_FAILURE_DETAILS_PROPERTY);
-        if (hasPartition) {
-            columnsList.add(ModelConstants.AUDIT_LOG_PARTITION_PROPERTY);
-        }
-        StringJoiner values = new StringJoiner(",");
-        for (int i = 0; i < columnsList.size(); i++) {
-            values.add("?");
-        }
-        String statementString = INSERT_INTO + cfName + " (" + String.join(",", columnsList) + ") VALUES (" + values.toString() + ")";
-        return prepare(statementString);
-    }
-
-    private PreparedStatement getPartitionInsertStmt() {
-        if (partitionInsertStmt == null) {
-            partitionInsertStmt = prepare(INSERT_INTO + ModelConstants.AUDIT_LOG_BY_TENANT_ID_PARTITIONS_CF +
-                    "(" + ModelConstants.AUDIT_LOG_TENANT_ID_PROPERTY +
-                    "," + ModelConstants.AUDIT_LOG_PARTITION_PROPERTY + ")" +
-                    " VALUES(?, ?)");
-        }
-        return partitionInsertStmt;
-    }
-
-    private long toPartitionTs(long ts) {
-        LocalDateTime time = LocalDateTime.ofInstant(Instant.ofEpochMilli(ts), ZoneOffset.UTC);
-        return tsFormat.truncatedTo(time).toInstant(ZoneOffset.UTC).toEpochMilli();
-    }
-
-    @Override
-    public List<AuditLog> findAuditLogsByTenantIdAndEntityId(UUID tenantId, EntityId entityId, List<ActionType> actionTypes, TimePageLink pageLink) {
-        log.trace("Try to find audit logs by tenant [{}], entity [{}] and pageLink [{}]", tenantId, entityId, pageLink);
-        List<AuditLogEntity> entities = findPageWithTimeSearch(new TenantId(tenantId), AUDIT_LOG_BY_ENTITY_ID_CF,
-                Arrays.asList(eq(ModelConstants.AUDIT_LOG_TENANT_ID_PROPERTY, tenantId),
-                        eq(ModelConstants.AUDIT_LOG_ENTITY_TYPE_PROPERTY, entityId.getEntityType()),
-                        eq(ModelConstants.AUDIT_LOG_ENTITY_ID_PROPERTY, entityId.getId())),
-                pageLink);
-        log.trace("Found audit logs by tenant [{}], entity [{}] and pageLink [{}]", tenantId, entityId, pageLink);
-        return DaoUtil.convertDataList(entities);
-    }
-
-    @Override
-    public List<AuditLog> findAuditLogsByTenantIdAndCustomerId(UUID tenantId, CustomerId customerId, List<ActionType> actionTypes, TimePageLink pageLink) {
-        log.trace("Try to find audit logs by tenant [{}], customer [{}] and pageLink [{}]", tenantId, customerId, pageLink);
-        List<AuditLogEntity> entities = findPageWithTimeSearch(new TenantId(tenantId), AUDIT_LOG_BY_CUSTOMER_ID_CF,
-                Arrays.asList(eq(ModelConstants.AUDIT_LOG_TENANT_ID_PROPERTY, tenantId),
-                        eq(ModelConstants.AUDIT_LOG_CUSTOMER_ID_PROPERTY, customerId.getId())),
-                pageLink);
-        log.trace("Found audit logs by tenant [{}], customer [{}] and pageLink [{}]", tenantId, customerId, pageLink);
-        return DaoUtil.convertDataList(entities);
-    }
-
-    @Override
-    public List<AuditLog> findAuditLogsByTenantIdAndUserId(UUID tenantId, UserId userId, List<ActionType> actionTypes, TimePageLink pageLink) {
-        log.trace("Try to find audit logs by tenant [{}], user [{}] and pageLink [{}]", tenantId, userId, pageLink);
-        List<AuditLogEntity> entities = findPageWithTimeSearch(new TenantId(tenantId), AUDIT_LOG_BY_USER_ID_CF,
-                Arrays.asList(eq(ModelConstants.AUDIT_LOG_TENANT_ID_PROPERTY, tenantId),
-                        eq(ModelConstants.AUDIT_LOG_USER_ID_PROPERTY, userId.getId())),
-                pageLink);
-        log.trace("Found audit logs by tenant [{}], user [{}] and pageLink [{}]", tenantId, userId, pageLink);
-        return DaoUtil.convertDataList(entities);
-    }
-
-    @Override
-    public List<AuditLog> findAuditLogsByTenantId(UUID tenantId, List<ActionType> actionTypes, TimePageLink pageLink) {
-        log.trace("Try to find audit logs by tenant [{}] and pageLink [{}]", tenantId, pageLink);
-
-        long minPartition;
-        if (pageLink.getStartTime() != null && pageLink.getStartTime() != 0) {
-            minPartition = toPartitionTs(pageLink.getStartTime());
-        } else {
-            minPartition = toPartitionTs(LocalDate.now().minusDays(defaultQueryPeriodInDays).atStartOfDay().toInstant(ZoneOffset.UTC).toEpochMilli());
-        }
-
-        long maxPartition;
-        if (pageLink.getEndTime() != null && pageLink.getEndTime() != 0) {
-            maxPartition = toPartitionTs(pageLink.getEndTime());
-        } else {
-            maxPartition = toPartitionTs(LocalDate.now().atStartOfDay().toInstant(ZoneOffset.UTC).toEpochMilli());
-        }
-
-        List<Long> partitions = fetchPartitions(tenantId, minPartition, maxPartition)
-                .all()
-                .stream()
-                .map(row -> row.getLong(ModelConstants.PARTITION_COLUMN))
-                .collect(Collectors.toList());
-
-        AuditLogQueryCursor cursor = new AuditLogQueryCursor(tenantId, pageLink, partitions);
-        List<AuditLogEntity> entities = fetchSequentiallyWithLimit(cursor);
-        log.trace("Found audit logs by tenant [{}] and pageLink [{}]", tenantId, pageLink);
-        return DaoUtil.convertDataList(entities);
-    }
-
-    private List<AuditLogEntity> fetchSequentiallyWithLimit(AuditLogQueryCursor cursor) {
-        if (cursor.isFull() || !cursor.hasNextPartition()) {
-            return cursor.getData();
-        } else {
-            cursor.addData(findPageWithTimeSearch(new TenantId(cursor.getTenantId()), AUDIT_LOG_BY_TENANT_ID_CF,
-                    Arrays.asList(eq(ModelConstants.AUDIT_LOG_TENANT_ID_PROPERTY, cursor.getTenantId()),
-                            eq(ModelConstants.AUDIT_LOG_PARTITION_PROPERTY, cursor.getNextPartition())),
-                    cursor.getPageLink()));
-            return fetchSequentiallyWithLimit(cursor);
-        }
-    }
-
-    private ResultSet fetchPartitions(UUID tenantId, long minPartition, long maxPartition) {
-        Select.Where select = QueryBuilder.select(ModelConstants.AUDIT_LOG_PARTITION_PROPERTY).from(ModelConstants.AUDIT_LOG_BY_TENANT_ID_PARTITIONS_CF)
-                .where(eq(ModelConstants.AUDIT_LOG_TENANT_ID_PROPERTY, tenantId));
-        select.and(QueryBuilder.gte(ModelConstants.PARTITION_COLUMN, minPartition));
-        select.and(QueryBuilder.lte(ModelConstants.PARTITION_COLUMN, maxPartition));
-        return executeRead(new TenantId(tenantId), select);
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/audit/DummyAuditLogServiceImpl.java b/dao/src/main/java/org/thingsboard/server/dao/audit/DummyAuditLogServiceImpl.java
index 93d0a5ca4e..4800abb874 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/audit/DummyAuditLogServiceImpl.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/audit/DummyAuditLogServiceImpl.java
@@ -27,7 +27,7 @@ import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.common.data.id.UUIDBased;
 import org.thingsboard.server.common.data.id.UserId;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 
 import java.util.List;
@@ -37,23 +37,23 @@ import java.util.List;
 public class DummyAuditLogServiceImpl implements AuditLogService {
 
     @Override
-    public TimePageData<AuditLog> findAuditLogsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, List<ActionType> actionTypes, TimePageLink pageLink) {
-        return new TimePageData<>(null, pageLink);
+    public PageData<AuditLog> findAuditLogsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, List<ActionType> actionTypes, TimePageLink pageLink) {
+        return new PageData();
     }
 
     @Override
-    public TimePageData<AuditLog> findAuditLogsByTenantIdAndUserId(TenantId tenantId, UserId userId, List<ActionType> actionTypes, TimePageLink pageLink) {
-        return new TimePageData<>(null, pageLink);
+    public PageData<AuditLog> findAuditLogsByTenantIdAndUserId(TenantId tenantId, UserId userId, List<ActionType> actionTypes, TimePageLink pageLink) {
+        return new PageData();
     }
 
     @Override
-    public TimePageData<AuditLog> findAuditLogsByTenantIdAndEntityId(TenantId tenantId, EntityId entityId, List<ActionType> actionTypes, TimePageLink pageLink) {
-        return new TimePageData<>(null, pageLink);
+    public PageData<AuditLog> findAuditLogsByTenantIdAndEntityId(TenantId tenantId, EntityId entityId, List<ActionType> actionTypes, TimePageLink pageLink) {
+        return new PageData();
     }
 
     @Override
-    public TimePageData<AuditLog> findAuditLogsByTenantId(TenantId tenantId, List<ActionType> actionTypes, TimePageLink pageLink) {
-        return new TimePageData<>(null, pageLink);
+    public PageData<AuditLog> findAuditLogsByTenantId(TenantId tenantId, List<ActionType> actionTypes, TimePageLink pageLink) {
+        return new PageData();
     }
 
     @Override
diff --git a/dao/src/main/java/org/thingsboard/server/dao/component/BaseComponentDescriptorService.java b/dao/src/main/java/org/thingsboard/server/dao/component/BaseComponentDescriptorService.java
index ff669a8234..ea1526038c 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/component/BaseComponentDescriptorService.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/component/BaseComponentDescriptorService.java
@@ -27,8 +27,8 @@ import org.springframework.stereotype.Service;
 import org.thingsboard.server.common.data.id.ComponentDescriptorId;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.plugin.ComponentDescriptor;
 import org.thingsboard.server.common.data.plugin.ComponentScope;
 import org.thingsboard.server.common.data.plugin.ComponentType;
@@ -70,17 +70,15 @@ public class BaseComponentDescriptorService implements ComponentDescriptorServic
     }
 
     @Override
-    public TextPageData<ComponentDescriptor> findByTypeAndPageLink(TenantId tenantId, ComponentType type, TextPageLink pageLink) {
-        Validator.validatePageLink(pageLink, "Incorrect PageLink object for search plugin components request.");
-        List<ComponentDescriptor> components = componentDescriptorDao.findByTypeAndPageLink(tenantId, type, pageLink);
-        return new TextPageData<>(components, pageLink);
+    public PageData<ComponentDescriptor> findByTypeAndPageLink(TenantId tenantId, ComponentType type, PageLink pageLink) {
+        Validator.validatePageLink(pageLink);
+        return componentDescriptorDao.findByTypeAndPageLink(tenantId, type, pageLink);
     }
 
     @Override
-    public TextPageData<ComponentDescriptor> findByScopeAndTypeAndPageLink(TenantId tenantId, ComponentScope scope, ComponentType type, TextPageLink pageLink) {
-        Validator.validatePageLink(pageLink, "Incorrect PageLink object for search plugin components request.");
-        List<ComponentDescriptor> components = componentDescriptorDao.findByScopeAndTypeAndPageLink(tenantId, scope, type, pageLink);
-        return new TextPageData<>(components, pageLink);
+    public PageData<ComponentDescriptor> findByScopeAndTypeAndPageLink(TenantId tenantId, ComponentScope scope, ComponentType type, PageLink pageLink) {
+        Validator.validatePageLink(pageLink);
+        return componentDescriptorDao.findByScopeAndTypeAndPageLink(tenantId, scope, type, pageLink);
     }
 
     @Override
diff --git a/dao/src/main/java/org/thingsboard/server/dao/component/CassandraBaseComponentDescriptorDao.java b/dao/src/main/java/org/thingsboard/server/dao/component/CassandraBaseComponentDescriptorDao.java
deleted file mode 100644
index 664d7b382f..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/component/CassandraBaseComponentDescriptorDao.java
+++ /dev/null
@@ -1,175 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.component;
-
-import com.datastax.driver.core.ResultSet;
-import com.datastax.driver.core.Statement;
-import com.datastax.driver.core.querybuilder.QueryBuilder;
-import com.datastax.driver.core.querybuilder.Select;
-import com.datastax.driver.core.utils.UUIDs;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.id.ComponentDescriptorId;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.common.data.plugin.ComponentDescriptor;
-import org.thingsboard.server.common.data.plugin.ComponentScope;
-import org.thingsboard.server.common.data.plugin.ComponentType;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.ModelConstants;
-import org.thingsboard.server.dao.model.nosql.ComponentDescriptorEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractSearchTextDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import java.util.Arrays;
-import java.util.List;
-import java.util.Optional;
-import java.util.UUID;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-
-/**
- * @author Andrew Shvayka
- */
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraBaseComponentDescriptorDao extends CassandraAbstractSearchTextDao<ComponentDescriptorEntity, ComponentDescriptor> implements ComponentDescriptorDao {
-
-    public static final String SEARCH_RESULT = "Search result: [{}]";
-
-    @Override
-    protected Class<ComponentDescriptorEntity> getColumnFamilyClass() {
-        return ComponentDescriptorEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return ModelConstants.COMPONENT_DESCRIPTOR_COLUMN_FAMILY_NAME;
-    }
-
-    @Override
-    public Optional<ComponentDescriptor> saveIfNotExist(TenantId tenantId, ComponentDescriptor component) {
-        ComponentDescriptorEntity entity = new ComponentDescriptorEntity(component);
-        log.debug("Save component entity [{}]", entity);
-        Optional<ComponentDescriptor> result = saveIfNotExist(tenantId, entity);
-        if (log.isTraceEnabled()) {
-            log.trace("Saved result: [{}] for component entity [{}]", result.isPresent(), result.orElse(null));
-        } else {
-            log.debug("Saved result: [{}]", result.isPresent());
-        }
-        return result;
-    }
-
-    @Override
-    public ComponentDescriptor findById(TenantId tenantId, ComponentDescriptorId componentId) {
-        log.debug("Search component entity by id [{}]", componentId);
-        ComponentDescriptor componentDescriptor = super.findById(tenantId, componentId.getId());
-        if (log.isTraceEnabled()) {
-            log.trace("Search result: [{}] for component entity [{}]", componentDescriptor != null, componentDescriptor);
-        } else {
-            log.debug(SEARCH_RESULT, componentDescriptor != null);
-        }
-        return componentDescriptor;
-    }
-
-    @Override
-    public ComponentDescriptor findByClazz(TenantId tenantId, String clazz) {
-        log.debug("Search component entity by clazz [{}]", clazz);
-        Select.Where query = select().from(getColumnFamilyName()).where(eq(ModelConstants.COMPONENT_DESCRIPTOR_CLASS_PROPERTY, clazz));
-        log.trace("Execute query [{}]", query);
-        ComponentDescriptorEntity entity = findOneByStatement(tenantId, query);
-        if (log.isTraceEnabled()) {
-            log.trace("Search result: [{}] for component entity [{}]", entity != null, entity);
-        } else {
-            log.debug(SEARCH_RESULT, entity != null);
-        }
-        return DaoUtil.getData(entity);
-    }
-
-    @Override
-    public List<ComponentDescriptor> findByTypeAndPageLink(TenantId tenantId, ComponentType type, TextPageLink pageLink) {
-        log.debug("Try to find component by type [{}] and pageLink [{}]", type, pageLink);
-        List<ComponentDescriptorEntity> entities = findPageWithTextSearch(tenantId, ModelConstants.COMPONENT_DESCRIPTOR_BY_TYPE_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Arrays.asList(eq(ModelConstants.COMPONENT_DESCRIPTOR_TYPE_PROPERTY, type)), pageLink);
-        if (log.isTraceEnabled()) {
-            log.trace(SEARCH_RESULT, Arrays.toString(entities.toArray()));
-        } else {
-            log.debug(SEARCH_RESULT, entities.size());
-        }
-        return DaoUtil.convertDataList(entities);
-    }
-
-    @Override
-    public List<ComponentDescriptor> findByScopeAndTypeAndPageLink(TenantId tenantId, ComponentScope scope, ComponentType type, TextPageLink pageLink) {
-        log.debug("Try to find component by scope [{}] and type [{}] and pageLink [{}]", scope, type, pageLink);
-        List<ComponentDescriptorEntity> entities = findPageWithTextSearch(tenantId, ModelConstants.COMPONENT_DESCRIPTOR_BY_SCOPE_TYPE_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Arrays.asList(eq(ModelConstants.COMPONENT_DESCRIPTOR_TYPE_PROPERTY, type),
-                        eq(ModelConstants.COMPONENT_DESCRIPTOR_SCOPE_PROPERTY, scope.name())), pageLink);
-        if (log.isTraceEnabled()) {
-            log.trace(SEARCH_RESULT, Arrays.toString(entities.toArray()));
-        } else {
-            log.debug(SEARCH_RESULT, entities.size());
-        }
-        return DaoUtil.convertDataList(entities);
-    }
-
-    public boolean removeById(TenantId tenantId, UUID key) {
-        Statement delete = QueryBuilder.delete().all().from(ModelConstants.COMPONENT_DESCRIPTOR_BY_ID).where(eq(ModelConstants.ID_PROPERTY, key));
-        log.debug("Remove request: {}", delete.toString());
-        return executeWrite(tenantId, delete).wasApplied();
-    }
-
-    @Override
-    public void deleteById(TenantId tenantId, ComponentDescriptorId id) {
-        log.debug("Delete plugin meta-data entity by id [{}]", id);
-        boolean result = removeById(tenantId, id.getId());
-        log.debug("Delete result: [{}]", result);
-    }
-
-    @Override
-    public void deleteByClazz(TenantId tenantId, String clazz) {
-        log.debug("Delete plugin meta-data entity by id [{}]", clazz);
-        Statement delete = QueryBuilder.delete().all().from(getColumnFamilyName()).where(eq(ModelConstants.COMPONENT_DESCRIPTOR_CLASS_PROPERTY, clazz));
-        log.debug("Remove request: {}", delete.toString());
-        ResultSet resultSet = executeWrite(tenantId, delete);
-        log.debug("Delete result: [{}]", resultSet.wasApplied());
-    }
-
-    private Optional<ComponentDescriptor> saveIfNotExist(TenantId tenantId, ComponentDescriptorEntity entity) {
-        if (entity.getId() == null) {
-            entity.setId(UUIDs.timeBased());
-        }
-
-        ResultSet rs = executeRead(tenantId, QueryBuilder.insertInto(getColumnFamilyName())
-                .value(ModelConstants.ID_PROPERTY, entity.getId())
-                .value(ModelConstants.COMPONENT_DESCRIPTOR_NAME_PROPERTY, entity.getName())
-                .value(ModelConstants.COMPONENT_DESCRIPTOR_CLASS_PROPERTY, entity.getClazz())
-                .value(ModelConstants.COMPONENT_DESCRIPTOR_TYPE_PROPERTY, entity.getType())
-                .value(ModelConstants.COMPONENT_DESCRIPTOR_SCOPE_PROPERTY, entity.getScope())
-                .value(ModelConstants.COMPONENT_DESCRIPTOR_CONFIGURATION_DESCRIPTOR_PROPERTY, entity.getConfigurationDescriptor())
-                .value(ModelConstants.COMPONENT_DESCRIPTOR_ACTIONS_PROPERTY, entity.getActions())
-                .value(ModelConstants.SEARCH_TEXT_PROPERTY, entity.getSearchText())
-                .ifNotExists()
-        );
-        if (rs.wasApplied()) {
-            return Optional.of(DaoUtil.getData(entity));
-        } else {
-            return Optional.empty();
-        }
-    }
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/component/ComponentDescriptorDao.java b/dao/src/main/java/org/thingsboard/server/dao/component/ComponentDescriptorDao.java
index b6d7731ccd..fdd296c0c8 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/component/ComponentDescriptorDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/component/ComponentDescriptorDao.java
@@ -17,7 +17,8 @@ package org.thingsboard.server.dao.component;
 
 import org.thingsboard.server.common.data.id.ComponentDescriptorId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.plugin.ComponentDescriptor;
 import org.thingsboard.server.common.data.plugin.ComponentScope;
 import org.thingsboard.server.common.data.plugin.ComponentType;
@@ -37,9 +38,9 @@ public interface ComponentDescriptorDao extends Dao<ComponentDescriptor> {
 
     ComponentDescriptor findByClazz(TenantId tenantId, String clazz);
 
-    List<ComponentDescriptor> findByTypeAndPageLink(TenantId tenantId, ComponentType type, TextPageLink pageLink);
+    PageData<ComponentDescriptor> findByTypeAndPageLink(TenantId tenantId, ComponentType type, PageLink pageLink);
 
-    List<ComponentDescriptor> findByScopeAndTypeAndPageLink(TenantId tenantId, ComponentScope scope, ComponentType type, TextPageLink pageLink);
+    PageData<ComponentDescriptor> findByScopeAndTypeAndPageLink(TenantId tenantId, ComponentScope scope, ComponentType type, PageLink pageLink);
 
     void deleteById(TenantId tenantId, ComponentDescriptorId componentId);
 
diff --git a/dao/src/main/java/org/thingsboard/server/dao/customer/CassandraCustomerDao.java b/dao/src/main/java/org/thingsboard/server/dao/customer/CassandraCustomerDao.java
deleted file mode 100644
index 79d013ba62..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/customer/CassandraCustomerDao.java
+++ /dev/null
@@ -1,77 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.customer;
-
-import com.datastax.driver.core.querybuilder.Select;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.Customer;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.ModelConstants;
-import org.thingsboard.server.dao.model.nosql.CustomerEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractSearchTextDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import java.util.Arrays;
-import java.util.List;
-import java.util.Optional;
-import java.util.UUID;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-import static org.thingsboard.server.dao.model.ModelConstants.CUSTOMER_BY_TENANT_AND_TITLE_VIEW_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.CUSTOMER_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.CUSTOMER_TITLE_PROPERTY;
-
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraCustomerDao extends CassandraAbstractSearchTextDao<CustomerEntity, Customer> implements CustomerDao {
-
-    @Override
-    protected Class<CustomerEntity> getColumnFamilyClass() {
-        return CustomerEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return ModelConstants.CUSTOMER_COLUMN_FAMILY_NAME;
-    }
-
-    @Override
-    public List<Customer> findCustomersByTenantId(UUID tenantId, TextPageLink pageLink) {
-        log.debug("Try to find customers by tenantId [{}] and pageLink [{}]", tenantId, pageLink);
-        List<CustomerEntity> customerEntities = findPageWithTextSearch(new TenantId(tenantId), ModelConstants.CUSTOMER_BY_TENANT_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Arrays.asList(eq(ModelConstants.CUSTOMER_TENANT_ID_PROPERTY, tenantId)),
-                pageLink);
-        log.trace("Found customers [{}] by tenantId [{}] and pageLink [{}]", customerEntities, tenantId, pageLink);
-        return DaoUtil.convertDataList(customerEntities);
-    }
-
-    @Override
-    public Optional<Customer> findCustomersByTenantIdAndTitle(UUID tenantId, String title) {
-        Select select = select().from(CUSTOMER_BY_TENANT_AND_TITLE_VIEW_NAME);
-        Select.Where query = select.where();
-        query.and(eq(CUSTOMER_TENANT_ID_PROPERTY, tenantId));
-        query.and(eq(CUSTOMER_TITLE_PROPERTY, title));
-        CustomerEntity customerEntity = findOneByStatement(new TenantId(tenantId), query);
-        Customer customer = DaoUtil.getData(customerEntity);
-        return Optional.ofNullable(customer);
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/customer/CustomerDao.java b/dao/src/main/java/org/thingsboard/server/dao/customer/CustomerDao.java
index 69d1aa075c..d074cea31f 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/customer/CustomerDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/customer/CustomerDao.java
@@ -17,7 +17,8 @@ package org.thingsboard.server.dao.customer;
 
 import org.thingsboard.server.common.data.Customer;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.Dao;
 
 import java.util.List;
@@ -44,7 +45,7 @@ public interface CustomerDao extends Dao<Customer> {
      * @param pageLink the page link
      * @return the list of customer objects
      */
-    List<Customer> findCustomersByTenantId(UUID tenantId, TextPageLink pageLink);
+    PageData<Customer> findCustomersByTenantId(UUID tenantId, PageLink pageLink);
 
     /**
      * Find customers by tenantId and customer title.
diff --git a/dao/src/main/java/org/thingsboard/server/dao/customer/CustomerServiceImpl.java b/dao/src/main/java/org/thingsboard/server/dao/customer/CustomerServiceImpl.java
index e274800e89..661613ca73 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/customer/CustomerServiceImpl.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/customer/CustomerServiceImpl.java
@@ -26,8 +26,8 @@ import org.thingsboard.server.common.data.Customer;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.asset.AssetService;
 import org.thingsboard.server.dao.dashboard.DashboardService;
 import org.thingsboard.server.dao.device.DeviceService;
@@ -144,12 +144,11 @@ public class CustomerServiceImpl extends AbstractEntityService implements Custom
     }
 
     @Override
-    public TextPageData<Customer> findCustomersByTenantId(TenantId tenantId, TextPageLink pageLink) {
+    public PageData<Customer> findCustomersByTenantId(TenantId tenantId, PageLink pageLink) {
         log.trace("Executing findCustomersByTenantId, tenantId [{}], pageLink [{}]", tenantId, pageLink);
         Validator.validateId(tenantId, "Incorrect tenantId " + tenantId);
-        Validator.validatePageLink(pageLink, "Incorrect page link " + pageLink);
-        List<Customer> customers = customerDao.findCustomersByTenantId(tenantId.getId(), pageLink);
-        return new TextPageData<>(customers, pageLink);
+        Validator.validatePageLink(pageLink);
+        return customerDao.findCustomersByTenantId(tenantId.getId(), pageLink);
     }
 
     @Override
@@ -208,7 +207,7 @@ public class CustomerServiceImpl extends AbstractEntityService implements Custom
             new PaginatedRemover<TenantId, Customer>() {
 
                 @Override
-                protected List<Customer> findEntities(TenantId tenantId, TenantId id, TextPageLink pageLink) {
+                protected PageData<Customer> findEntities(TenantId tenantId, TenantId id, PageLink pageLink) {
                     return customerDao.findCustomersByTenantId(id.getId(), pageLink);
                 }
 
diff --git a/dao/src/main/java/org/thingsboard/server/dao/dashboard/CassandraDashboardDao.java b/dao/src/main/java/org/thingsboard/server/dao/dashboard/CassandraDashboardDao.java
deleted file mode 100644
index b129d3f122..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/dashboard/CassandraDashboardDao.java
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.dashboard;
-
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.Dashboard;
-import org.thingsboard.server.dao.model.nosql.DashboardEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractSearchTextDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import static org.thingsboard.server.dao.model.ModelConstants.DASHBOARD_COLUMN_FAMILY_NAME;
-
-@Component
-@NoSqlDao
-public class CassandraDashboardDao extends CassandraAbstractSearchTextDao<DashboardEntity, Dashboard> implements DashboardDao {
-
-    @Override
-    protected Class<DashboardEntity> getColumnFamilyClass() {
-        return DashboardEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return DASHBOARD_COLUMN_FAMILY_NAME;
-    }
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/dashboard/CassandraDashboardInfoDao.java b/dao/src/main/java/org/thingsboard/server/dao/dashboard/CassandraDashboardInfoDao.java
deleted file mode 100644
index 6c947e7152..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/dashboard/CassandraDashboardInfoDao.java
+++ /dev/null
@@ -1,91 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.dashboard;
-
-import com.google.common.util.concurrent.Futures;
-import com.google.common.util.concurrent.ListenableFuture;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.DashboardInfo;
-import org.thingsboard.server.common.data.EntityType;
-import org.thingsboard.server.common.data.id.CustomerId;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.common.data.page.TimePageLink;
-import org.thingsboard.server.common.data.relation.EntityRelation;
-import org.thingsboard.server.common.data.relation.RelationTypeGroup;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.nosql.DashboardInfoEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractSearchTextDao;
-import org.thingsboard.server.dao.relation.RelationDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import java.util.ArrayList;
-import java.util.Collections;
-import java.util.List;
-import java.util.UUID;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static org.thingsboard.server.dao.model.ModelConstants.DASHBOARD_BY_TENANT_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.DASHBOARD_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.DASHBOARD_TENANT_ID_PROPERTY;
-
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraDashboardInfoDao extends CassandraAbstractSearchTextDao<DashboardInfoEntity, DashboardInfo> implements DashboardInfoDao {
-
-    @Autowired
-    private RelationDao relationDao;
-
-    @Override
-    protected Class<DashboardInfoEntity> getColumnFamilyClass() {
-        return DashboardInfoEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return DASHBOARD_COLUMN_FAMILY_NAME;
-    }
-
-    @Override
-    public List<DashboardInfo> findDashboardsByTenantId(UUID tenantId, TextPageLink pageLink) {
-        log.debug("Try to find dashboards by tenantId [{}] and pageLink [{}]", tenantId, pageLink);
-        List<DashboardInfoEntity> dashboardEntities = findPageWithTextSearch(new TenantId(tenantId), DASHBOARD_BY_TENANT_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Collections.singletonList(eq(DASHBOARD_TENANT_ID_PROPERTY, tenantId)),
-                pageLink);
-
-        log.trace("Found dashboards [{}] by tenantId [{}] and pageLink [{}]", dashboardEntities, tenantId, pageLink);
-        return DaoUtil.convertDataList(dashboardEntities);
-    }
-
-    @Override
-    public ListenableFuture<List<DashboardInfo>> findDashboardsByTenantIdAndCustomerId(UUID tenantId, UUID customerId, TimePageLink pageLink) {
-        log.debug("Try to find dashboards by tenantId [{}], customerId[{}] and pageLink [{}]", tenantId, customerId, pageLink);
-
-        ListenableFuture<List<EntityRelation>> relations = relationDao.findRelations(new TenantId(tenantId), new CustomerId(customerId), EntityRelation.CONTAINS_TYPE, RelationTypeGroup.DASHBOARD, EntityType.DASHBOARD, pageLink);
-
-        return Futures.transformAsync(relations, input -> {
-            List<ListenableFuture<DashboardInfo>> dashboardFutures = new ArrayList<>(input.size());
-            for (EntityRelation relation : input) {
-                dashboardFutures.add(findByIdAsync(new TenantId(tenantId), relation.getTo().getId()));
-            }
-            return Futures.successfulAsList(dashboardFutures);
-        });
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/dashboard/DashboardInfoDao.java b/dao/src/main/java/org/thingsboard/server/dao/dashboard/DashboardInfoDao.java
index 32a1164df0..f0b5969a8e 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/dashboard/DashboardInfoDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/dashboard/DashboardInfoDao.java
@@ -17,7 +17,8 @@ package org.thingsboard.server.dao.dashboard;
 
 import com.google.common.util.concurrent.ListenableFuture;
 import org.thingsboard.server.common.data.DashboardInfo;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.dao.Dao;
 
@@ -36,7 +37,7 @@ public interface DashboardInfoDao extends Dao<DashboardInfo> {
      * @param pageLink the page link
      * @return the list of dashboard objects
      */
-    List<DashboardInfo> findDashboardsByTenantId(UUID tenantId, TextPageLink pageLink);
+    PageData<DashboardInfo> findDashboardsByTenantId(UUID tenantId, PageLink pageLink);
 
     /**
      * Find dashboards by tenantId, customerId and page link.
@@ -46,6 +47,6 @@ public interface DashboardInfoDao extends Dao<DashboardInfo> {
      * @param pageLink the page link
      * @return the list of dashboard objects
      */
-    ListenableFuture<List<DashboardInfo>> findDashboardsByTenantIdAndCustomerId(UUID tenantId, UUID customerId, TimePageLink pageLink);
+    PageData<DashboardInfo> findDashboardsByTenantIdAndCustomerId(UUID tenantId, UUID customerId, PageLink pageLink);
 
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/dashboard/DashboardServiceImpl.java b/dao/src/main/java/org/thingsboard/server/dao/dashboard/DashboardServiceImpl.java
index faf5a94f60..8e7ac7cd06 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/dashboard/DashboardServiceImpl.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/dashboard/DashboardServiceImpl.java
@@ -29,9 +29,8 @@ import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.DashboardId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.common.data.relation.EntityRelation;
 import org.thingsboard.server.common.data.relation.RelationTypeGroup;
@@ -174,12 +173,11 @@ public class DashboardServiceImpl extends AbstractEntityService implements Dashb
     }
 
     @Override
-    public TextPageData<DashboardInfo> findDashboardsByTenantId(TenantId tenantId, TextPageLink pageLink) {
+    public PageData<DashboardInfo> findDashboardsByTenantId(TenantId tenantId, PageLink pageLink) {
         log.trace("Executing findDashboardsByTenantId, tenantId [{}], pageLink [{}]", tenantId, pageLink);
         Validator.validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
-        Validator.validatePageLink(pageLink, "Incorrect page link " + pageLink);
-        List<DashboardInfo> dashboards = dashboardInfoDao.findDashboardsByTenantId(tenantId.getId(), pageLink);
-        return new TextPageData<>(dashboards, pageLink);
+        Validator.validatePageLink(pageLink);
+        return dashboardInfoDao.findDashboardsByTenantId(tenantId.getId(), pageLink);
     }
 
     @Override
@@ -190,20 +188,12 @@ public class DashboardServiceImpl extends AbstractEntityService implements Dashb
     }
 
     @Override
-    public ListenableFuture<TimePageData<DashboardInfo>> findDashboardsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, TimePageLink pageLink) {
+    public PageData<DashboardInfo> findDashboardsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, PageLink pageLink) {
         log.trace("Executing findDashboardsByTenantIdAndCustomerId, tenantId [{}], customerId [{}], pageLink [{}]", tenantId, customerId, pageLink);
         Validator.validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
         Validator.validateId(customerId, "Incorrect customerId " + customerId);
-        Validator.validatePageLink(pageLink, "Incorrect page link " + pageLink);
-        ListenableFuture<List<DashboardInfo>> dashboards = dashboardInfoDao.findDashboardsByTenantIdAndCustomerId(tenantId.getId(), customerId.getId(), pageLink);
-
-        return Futures.transform(dashboards, new Function<List<DashboardInfo>, TimePageData<DashboardInfo>>() {
-            @Nullable
-            @Override
-            public TimePageData<DashboardInfo> apply(@Nullable List<DashboardInfo> dashboards) {
-                return new TimePageData<>(dashboards, pageLink);
-            }
-        });
+        Validator.validatePageLink(pageLink);
+        return dashboardInfoDao.findDashboardsByTenantIdAndCustomerId(tenantId.getId(), customerId.getId(), pageLink);
     }
 
     @Override
@@ -250,7 +240,7 @@ public class DashboardServiceImpl extends AbstractEntityService implements Dashb
             new PaginatedRemover<TenantId, DashboardInfo>() {
         
         @Override
-        protected List<DashboardInfo> findEntities(TenantId tenantId, TenantId id, TextPageLink pageLink) {
+        protected PageData<DashboardInfo> findEntities(TenantId tenantId, TenantId id, PageLink pageLink) {
             return dashboardInfoDao.findDashboardsByTenantId(id.getId(), pageLink);
         }
 
@@ -260,7 +250,7 @@ public class DashboardServiceImpl extends AbstractEntityService implements Dashb
         }
     };
     
-    private class CustomerDashboardsUnassigner extends TimePaginatedRemover<Customer, DashboardInfo> {
+    private class CustomerDashboardsUnassigner extends PaginatedRemover<Customer, DashboardInfo> {
         
         private Customer customer;
 
@@ -269,13 +259,8 @@ public class DashboardServiceImpl extends AbstractEntityService implements Dashb
         }
 
         @Override
-        protected List<DashboardInfo> findEntities(TenantId tenantId, Customer customer, TimePageLink pageLink) {
-            try {
-                return dashboardInfoDao.findDashboardsByTenantIdAndCustomerId(customer.getTenantId().getId(), customer.getId().getId(), pageLink).get();
-            } catch (InterruptedException | ExecutionException e) {
-                log.warn("Failed to get dashboards by tenantId [{}] and customerId [{}].", customer.getTenantId().getId(), customer.getId().getId());
-                throw new RuntimeException(e);
-            }
+        protected PageData<DashboardInfo> findEntities(TenantId tenantId, Customer customer, PageLink pageLink) {
+            return dashboardInfoDao.findDashboardsByTenantIdAndCustomerId(customer.getTenantId().getId(), customer.getId().getId(), pageLink);
         }
 
         @Override
@@ -285,7 +270,7 @@ public class DashboardServiceImpl extends AbstractEntityService implements Dashb
         
     }
 
-    private class CustomerDashboardsUpdater extends TimePaginatedRemover<Customer, DashboardInfo> {
+    private class CustomerDashboardsUpdater extends PaginatedRemover<Customer, DashboardInfo> {
 
         private Customer customer;
 
@@ -294,13 +279,8 @@ public class DashboardServiceImpl extends AbstractEntityService implements Dashb
         }
 
         @Override
-        protected List<DashboardInfo> findEntities(TenantId tenantId, Customer customer, TimePageLink pageLink) {
-            try {
-                return dashboardInfoDao.findDashboardsByTenantIdAndCustomerId(customer.getTenantId().getId(), customer.getId().getId(), pageLink).get();
-            } catch (InterruptedException | ExecutionException e) {
-                log.warn("Failed to get dashboards by tenantId [{}] and customerId [{}].", customer.getTenantId().getId(), customer.getId().getId());
-                throw new RuntimeException(e);
-            }
+        protected PageData<DashboardInfo> findEntities(TenantId tenantId, Customer customer, PageLink pageLink) {
+            return dashboardInfoDao.findDashboardsByTenantIdAndCustomerId(customer.getTenantId().getId(), customer.getId().getId(), pageLink);
         }
 
         @Override
diff --git a/dao/src/main/java/org/thingsboard/server/dao/device/CassandraDeviceCredentialsDao.java b/dao/src/main/java/org/thingsboard/server/dao/device/CassandraDeviceCredentialsDao.java
deleted file mode 100644
index b9d9ca35ca..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/device/CassandraDeviceCredentialsDao.java
+++ /dev/null
@@ -1,70 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.device;
-
-import com.datastax.driver.core.querybuilder.Select.Where;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.security.DeviceCredentials;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.ModelConstants;
-import org.thingsboard.server.dao.model.nosql.DeviceCredentialsEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractModelDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import java.util.UUID;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraDeviceCredentialsDao extends CassandraAbstractModelDao<DeviceCredentialsEntity, DeviceCredentials> implements DeviceCredentialsDao {
-
-    @Override
-    protected Class<DeviceCredentialsEntity> getColumnFamilyClass() {
-        return DeviceCredentialsEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return ModelConstants.DEVICE_CREDENTIALS_COLUMN_FAMILY_NAME;
-    }
-
-    @Override
-    public DeviceCredentials findByDeviceId(TenantId tenantId, UUID deviceId) {
-        log.debug("Try to find device credentials by deviceId [{}] ", deviceId);
-        Where query = select().from(ModelConstants.DEVICE_CREDENTIALS_BY_DEVICE_COLUMN_FAMILY_NAME)
-                .where(eq(ModelConstants.DEVICE_CREDENTIALS_DEVICE_ID_PROPERTY, deviceId));
-        log.trace("Execute query {}", query);
-        DeviceCredentialsEntity deviceCredentialsEntity = findOneByStatement(tenantId, query);
-        log.trace("Found device credentials [{}] by deviceId [{}]", deviceCredentialsEntity, deviceId);
-        return DaoUtil.getData(deviceCredentialsEntity);
-    }
-    
-    @Override
-    public DeviceCredentials findByCredentialsId(TenantId tenantId, String credentialsId) {
-        log.debug("Try to find device credentials by credentialsId [{}] ", credentialsId);
-        Where query = select().from(ModelConstants.DEVICE_CREDENTIALS_BY_CREDENTIALS_ID_COLUMN_FAMILY_NAME)
-                .where(eq(ModelConstants.DEVICE_CREDENTIALS_CREDENTIALS_ID_PROPERTY, credentialsId));
-        log.trace("Execute query {}", query);
-        DeviceCredentialsEntity deviceCredentialsEntity = findOneByStatement(tenantId, query);
-        log.trace("Found device credentials [{}] by credentialsId [{}]", deviceCredentialsEntity, credentialsId);
-        return DaoUtil.getData(deviceCredentialsEntity);
-    }
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/device/CassandraDeviceDao.java b/dao/src/main/java/org/thingsboard/server/dao/device/CassandraDeviceDao.java
deleted file mode 100644
index e7becfa1ad..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/device/CassandraDeviceDao.java
+++ /dev/null
@@ -1,191 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.device;
-
-import com.datastax.driver.core.ResultSet;
-import com.datastax.driver.core.ResultSetFuture;
-import com.datastax.driver.core.Statement;
-import com.datastax.driver.core.querybuilder.Select;
-import com.datastax.driver.mapping.Result;
-import com.google.common.base.Function;
-import com.google.common.util.concurrent.Futures;
-import com.google.common.util.concurrent.ListenableFuture;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.Device;
-import org.thingsboard.server.common.data.EntitySubtype;
-import org.thingsboard.server.common.data.EntityType;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.EntitySubtypeEntity;
-import org.thingsboard.server.dao.model.nosql.DeviceEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractSearchTextDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import javax.annotation.Nullable;
-import java.util.ArrayList;
-import java.util.Arrays;
-import java.util.Collections;
-import java.util.List;
-import java.util.Optional;
-import java.util.UUID;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.in;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_BY_CUSTOMER_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_BY_CUSTOMER_BY_TYPE_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_BY_TENANT_AND_NAME_VIEW_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_BY_TENANT_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_BY_TENANT_BY_TYPE_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_CUSTOMER_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_NAME_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_SUBTYPE_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_SUBTYPE_ENTITY_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_SUBTYPE_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraDeviceDao extends CassandraAbstractSearchTextDao<DeviceEntity, Device> implements DeviceDao {
-
-    @Override
-    protected Class<DeviceEntity> getColumnFamilyClass() {
-        return DeviceEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return DEVICE_COLUMN_FAMILY_NAME;
-    }
-
-    @Override
-    public Device save(TenantId tenantId, Device domain) {
-        Device savedDevice = super.save(tenantId, domain);
-        EntitySubtype entitySubtype = new EntitySubtype(savedDevice.getTenantId(), EntityType.DEVICE, savedDevice.getType());
-        EntitySubtypeEntity entitySubtypeEntity = new EntitySubtypeEntity(entitySubtype);
-        Statement saveStatement = cluster.getMapper(EntitySubtypeEntity.class).saveQuery(entitySubtypeEntity);
-        executeWrite(tenantId, saveStatement);
-        return savedDevice;
-    }
-
-    @Override
-    public List<Device> findDevicesByTenantId(UUID tenantId, TextPageLink pageLink) {
-        log.debug("Try to find devices by tenantId [{}] and pageLink [{}]", tenantId, pageLink);
-        List<DeviceEntity> deviceEntities = findPageWithTextSearch(new TenantId(tenantId), DEVICE_BY_TENANT_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Collections.singletonList(eq(DEVICE_TENANT_ID_PROPERTY, tenantId)), pageLink);
-
-        log.trace("Found devices [{}] by tenantId [{}] and pageLink [{}]", deviceEntities, tenantId, pageLink);
-        return DaoUtil.convertDataList(deviceEntities);
-    }
-
-    @Override
-    public List<Device> findDevicesByTenantIdAndType(UUID tenantId, String type, TextPageLink pageLink) {
-        log.debug("Try to find devices by tenantId [{}], type [{}] and pageLink [{}]", tenantId, type, pageLink);
-        List<DeviceEntity> deviceEntities = findPageWithTextSearch(new TenantId(tenantId), DEVICE_BY_TENANT_BY_TYPE_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Arrays.asList(eq(DEVICE_TYPE_PROPERTY, type),
-                        eq(DEVICE_TENANT_ID_PROPERTY, tenantId)), pageLink);
-        log.trace("Found devices [{}] by tenantId [{}], type [{}] and pageLink [{}]", deviceEntities, tenantId, type, pageLink);
-        return DaoUtil.convertDataList(deviceEntities);
-    }
-
-    @Override
-    public ListenableFuture<List<Device>> findDevicesByTenantIdAndIdsAsync(UUID tenantId, List<UUID> deviceIds) {
-        log.debug("Try to find devices by tenantId [{}] and device Ids [{}]", tenantId, deviceIds);
-        Select select = select().from(getColumnFamilyName());
-        Select.Where query = select.where();
-        query.and(eq(DEVICE_TENANT_ID_PROPERTY, tenantId));
-        query.and(in(ID_PROPERTY, deviceIds));
-        return findListByStatementAsync(new TenantId(tenantId), query);
-    }
-
-    @Override
-    public List<Device> findDevicesByTenantIdAndCustomerId(UUID tenantId, UUID customerId, TextPageLink pageLink) {
-        log.debug("Try to find devices by tenantId [{}], customerId[{}] and pageLink [{}]", tenantId, customerId, pageLink);
-        List<DeviceEntity> deviceEntities = findPageWithTextSearch(new TenantId(tenantId), DEVICE_BY_CUSTOMER_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Arrays.asList(eq(DEVICE_CUSTOMER_ID_PROPERTY, customerId),
-                        eq(DEVICE_TENANT_ID_PROPERTY, tenantId)),
-                pageLink);
-
-        log.trace("Found devices [{}] by tenantId [{}], customerId [{}] and pageLink [{}]", deviceEntities, tenantId, customerId, pageLink);
-        return DaoUtil.convertDataList(deviceEntities);
-    }
-
-    @Override
-    public List<Device> findDevicesByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, TextPageLink pageLink) {
-        log.debug("Try to find devices by tenantId [{}], customerId [{}], type [{}] and pageLink [{}]", tenantId, customerId, type, pageLink);
-        List<DeviceEntity> deviceEntities = findPageWithTextSearch(new TenantId(tenantId), DEVICE_BY_CUSTOMER_BY_TYPE_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Arrays.asList(eq(DEVICE_TYPE_PROPERTY, type),
-                        eq(DEVICE_CUSTOMER_ID_PROPERTY, customerId),
-                        eq(DEVICE_TENANT_ID_PROPERTY, tenantId)),
-                pageLink);
-
-        log.trace("Found devices [{}] by tenantId [{}], customerId [{}], type [{}] and pageLink [{}]", deviceEntities, tenantId, customerId, type, pageLink);
-        return DaoUtil.convertDataList(deviceEntities);
-    }
-
-    @Override
-    public ListenableFuture<List<Device>> findDevicesByTenantIdCustomerIdAndIdsAsync(UUID tenantId, UUID customerId, List<UUID> deviceIds) {
-        log.debug("Try to find devices by tenantId [{}], customerId [{}] and device Ids [{}]", tenantId, customerId, deviceIds);
-        Select select = select().from(getColumnFamilyName());
-        Select.Where query = select.where();
-        query.and(eq(DEVICE_TENANT_ID_PROPERTY, tenantId));
-        query.and(eq(DEVICE_CUSTOMER_ID_PROPERTY, customerId));
-        query.and(in(ID_PROPERTY, deviceIds));
-        return findListByStatementAsync(new TenantId(tenantId), query);
-    }
-
-    @Override
-    public Optional<Device> findDeviceByTenantIdAndName(UUID tenantId, String deviceName) {
-        Select select = select().from(DEVICE_BY_TENANT_AND_NAME_VIEW_NAME);
-        Select.Where query = select.where();
-        query.and(eq(DEVICE_TENANT_ID_PROPERTY, tenantId));
-        query.and(eq(DEVICE_NAME_PROPERTY, deviceName));
-        return Optional.ofNullable(DaoUtil.getData(findOneByStatement(new TenantId(tenantId), query)));
-    }
-
-    @Override
-    public ListenableFuture<List<EntitySubtype>> findTenantDeviceTypesAsync(UUID tenantId) {
-        Select select = select().from(ENTITY_SUBTYPE_COLUMN_FAMILY_NAME);
-        Select.Where query = select.where();
-        query.and(eq(ENTITY_SUBTYPE_TENANT_ID_PROPERTY, tenantId));
-        query.and(eq(ENTITY_SUBTYPE_ENTITY_TYPE_PROPERTY, EntityType.DEVICE));
-        query.setConsistencyLevel(cluster.getDefaultReadConsistencyLevel());
-        ResultSetFuture resultSetFuture = executeAsyncRead(new TenantId(tenantId), query);
-        return Futures.transform(resultSetFuture, new Function<ResultSet, List<EntitySubtype>>() {
-            @Nullable
-            @Override
-            public List<EntitySubtype> apply(@Nullable ResultSet resultSet) {
-                Result<EntitySubtypeEntity> result = cluster.getMapper(EntitySubtypeEntity.class).map(resultSet);
-                if (result != null) {
-                    List<EntitySubtype> entitySubtypes = new ArrayList<>();
-                    result.all().forEach((entitySubtypeEntity) ->
-                        entitySubtypes.add(entitySubtypeEntity.toEntitySubtype())
-                    );
-                    return entitySubtypes;
-                } else {
-                    return Collections.emptyList();
-                }
-            }
-        });
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/device/DeviceDao.java b/dao/src/main/java/org/thingsboard/server/dao/device/DeviceDao.java
index 930c5a5126..56666d9c0d 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/device/DeviceDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/device/DeviceDao.java
@@ -17,9 +17,11 @@ package org.thingsboard.server.dao.device;
 
 import com.google.common.util.concurrent.ListenableFuture;
 import org.thingsboard.server.common.data.Device;
+import org.thingsboard.server.common.data.DeviceInfo;
 import org.thingsboard.server.common.data.EntitySubtype;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.Dao;
 
 import java.util.List;
@@ -32,6 +34,15 @@ import java.util.UUID;
  */
 public interface DeviceDao extends Dao<Device> {
 
+    /**
+     * Find device info by id.
+     *
+     * @param tenantId the tenant id
+     * @param deviceId the device id
+     * @return the device info object
+     */
+    DeviceInfo findDeviceInfoById(TenantId tenantId, UUID deviceId);
+
     /**
      * Save or update device object
      *
@@ -47,7 +58,16 @@ public interface DeviceDao extends Dao<Device> {
      * @param pageLink the page link
      * @return the list of device objects
      */
-    List<Device> findDevicesByTenantId(UUID tenantId, TextPageLink pageLink);
+    PageData<Device> findDevicesByTenantId(UUID tenantId, PageLink pageLink);
+
+    /**
+     * Find device infos by tenantId and page link.
+     *
+     * @param tenantId the tenantId
+     * @param pageLink the page link
+     * @return the list of device info objects
+     */
+    PageData<DeviceInfo> findDeviceInfosByTenantId(UUID tenantId, PageLink pageLink);
 
     /**
      * Find devices by tenantId, type and page link.
@@ -57,7 +77,17 @@ public interface DeviceDao extends Dao<Device> {
      * @param pageLink the page link
      * @return the list of device objects
      */
-    List<Device> findDevicesByTenantIdAndType(UUID tenantId, String type, TextPageLink pageLink);
+    PageData<Device> findDevicesByTenantIdAndType(UUID tenantId, String type, PageLink pageLink);
+
+    /**
+     * Find device infos by tenantId, type and page link.
+     *
+     * @param tenantId the tenantId
+     * @param type the type
+     * @param pageLink the page link
+     * @return the list of device info objects
+     */
+    PageData<DeviceInfo> findDeviceInfosByTenantIdAndType(UUID tenantId, String type, PageLink pageLink);
 
     /**
      * Find devices by tenantId and devices Ids.
@@ -76,7 +106,17 @@ public interface DeviceDao extends Dao<Device> {
      * @param pageLink the page link
      * @return the list of device objects
      */
-    List<Device> findDevicesByTenantIdAndCustomerId(UUID tenantId, UUID customerId, TextPageLink pageLink);
+    PageData<Device> findDevicesByTenantIdAndCustomerId(UUID tenantId, UUID customerId, PageLink pageLink);
+
+    /**
+     * Find device infos by tenantId, customerId and page link.
+     *
+     * @param tenantId the tenantId
+     * @param customerId the customerId
+     * @param pageLink the page link
+     * @return the list of device info objects
+     */
+    PageData<DeviceInfo> findDeviceInfosByTenantIdAndCustomerId(UUID tenantId, UUID customerId, PageLink pageLink);
 
     /**
      * Find devices by tenantId, customerId, type and page link.
@@ -87,7 +127,18 @@ public interface DeviceDao extends Dao<Device> {
      * @param pageLink the page link
      * @return the list of device objects
      */
-    List<Device> findDevicesByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, TextPageLink pageLink);
+    PageData<Device> findDevicesByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, PageLink pageLink);
+
+    /**
+     * Find device infos by tenantId, customerId, type and page link.
+     *
+     * @param tenantId the tenantId
+     * @param customerId the customerId
+     * @param type the type
+     * @param pageLink the page link
+     * @return the list of device info objects
+     */
+    PageData<DeviceInfo> findDeviceInfosByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, PageLink pageLink);
 
 
     /**
diff --git a/dao/src/main/java/org/thingsboard/server/dao/device/DeviceServiceImpl.java b/dao/src/main/java/org/thingsboard/server/dao/device/DeviceServiceImpl.java
index dbcbac73b8..f07a54af62 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/device/DeviceServiceImpl.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/device/DeviceServiceImpl.java
@@ -28,19 +28,14 @@ import org.springframework.cache.annotation.CacheEvict;
 import org.springframework.cache.annotation.Cacheable;
 import org.springframework.stereotype.Service;
 import org.springframework.util.StringUtils;
-import org.thingsboard.server.common.data.Customer;
-import org.thingsboard.server.common.data.Device;
-import org.thingsboard.server.common.data.EntitySubtype;
-import org.thingsboard.server.common.data.EntityType;
-import org.thingsboard.server.common.data.EntityView;
-import org.thingsboard.server.common.data.Tenant;
+import org.thingsboard.server.common.data.*;
 import org.thingsboard.server.common.data.device.DeviceSearchQuery;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.DeviceId;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.relation.EntityRelation;
 import org.thingsboard.server.common.data.relation.EntitySearchDirection;
 import org.thingsboard.server.common.data.security.DeviceCredentials;
@@ -96,6 +91,13 @@ public class DeviceServiceImpl extends AbstractEntityService implements DeviceSe
     @Autowired
     private CacheManager cacheManager;
 
+    @Override
+    public DeviceInfo findDeviceInfoById(TenantId tenantId, DeviceId deviceId) {
+        log.trace("Executing findDeviceInfoById [{}]", deviceId);
+        validateId(deviceId, INCORRECT_DEVICE_ID + deviceId);
+        return deviceDao.findDeviceInfoById(tenantId, deviceId.getId());
+    }
+
     @Override
     public Device findDeviceById(TenantId tenantId, DeviceId deviceId) {
         log.trace("Executing findDeviceById [{}]", deviceId);
@@ -205,22 +207,37 @@ public class DeviceServiceImpl extends AbstractEntityService implements DeviceSe
     }
 
     @Override
-    public TextPageData<Device> findDevicesByTenantId(TenantId tenantId, TextPageLink pageLink) {
+    public PageData<Device> findDevicesByTenantId(TenantId tenantId, PageLink pageLink) {
         log.trace("Executing findDevicesByTenantId, tenantId [{}], pageLink [{}]", tenantId, pageLink);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
-        validatePageLink(pageLink, INCORRECT_PAGE_LINK + pageLink);
-        List<Device> devices = deviceDao.findDevicesByTenantId(tenantId.getId(), pageLink);
-        return new TextPageData<>(devices, pageLink);
+        validatePageLink(pageLink);
+        return deviceDao.findDevicesByTenantId(tenantId.getId(), pageLink);
+    }
+
+    @Override
+    public PageData<DeviceInfo> findDeviceInfosByTenantId(TenantId tenantId, PageLink pageLink) {
+        log.trace("Executing findDeviceInfosByTenantId, tenantId [{}], pageLink [{}]", tenantId, pageLink);
+        validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
+        validatePageLink(pageLink);
+        return deviceDao.findDeviceInfosByTenantId(tenantId.getId(), pageLink);
     }
 
     @Override
-    public TextPageData<Device> findDevicesByTenantIdAndType(TenantId tenantId, String type, TextPageLink pageLink) {
+    public PageData<Device> findDevicesByTenantIdAndType(TenantId tenantId, String type, PageLink pageLink) {
         log.trace("Executing findDevicesByTenantIdAndType, tenantId [{}], type [{}], pageLink [{}]", tenantId, type, pageLink);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
         validateString(type, "Incorrect type " + type);
-        validatePageLink(pageLink, INCORRECT_PAGE_LINK + pageLink);
-        List<Device> devices = deviceDao.findDevicesByTenantIdAndType(tenantId.getId(), type, pageLink);
-        return new TextPageData<>(devices, pageLink);
+        validatePageLink(pageLink);
+        return deviceDao.findDevicesByTenantIdAndType(tenantId.getId(), type, pageLink);
+    }
+
+    @Override
+    public PageData<DeviceInfo> findDeviceInfosByTenantIdAndType(TenantId tenantId, String type, PageLink pageLink) {
+        log.trace("Executing findDeviceInfosByTenantIdAndType, tenantId [{}], type [{}], pageLink [{}]", tenantId, type, pageLink);
+        validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
+        validateString(type, "Incorrect type " + type);
+        validatePageLink(pageLink);
+        return deviceDao.findDeviceInfosByTenantIdAndType(tenantId.getId(), type, pageLink);
     }
 
     @Override
@@ -240,24 +257,41 @@ public class DeviceServiceImpl extends AbstractEntityService implements DeviceSe
     }
 
     @Override
-    public TextPageData<Device> findDevicesByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, TextPageLink pageLink) {
+    public PageData<Device> findDevicesByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, PageLink pageLink) {
         log.trace("Executing findDevicesByTenantIdAndCustomerId, tenantId [{}], customerId [{}], pageLink [{}]", tenantId, customerId, pageLink);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
         validateId(customerId, INCORRECT_CUSTOMER_ID + customerId);
-        validatePageLink(pageLink, INCORRECT_PAGE_LINK + pageLink);
-        List<Device> devices = deviceDao.findDevicesByTenantIdAndCustomerId(tenantId.getId(), customerId.getId(), pageLink);
-        return new TextPageData<>(devices, pageLink);
+        validatePageLink(pageLink);
+        return deviceDao.findDevicesByTenantIdAndCustomerId(tenantId.getId(), customerId.getId(), pageLink);
+    }
+
+    @Override
+    public PageData<DeviceInfo> findDeviceInfosByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, PageLink pageLink) {
+        log.trace("Executing findDeviceInfosByTenantIdAndCustomerId, tenantId [{}], customerId [{}], pageLink [{}]", tenantId, customerId, pageLink);
+        validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
+        validateId(customerId, INCORRECT_CUSTOMER_ID + customerId);
+        validatePageLink(pageLink);
+        return deviceDao.findDeviceInfosByTenantIdAndCustomerId(tenantId.getId(), customerId.getId(), pageLink);
     }
 
     @Override
-    public TextPageData<Device> findDevicesByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, String type, TextPageLink pageLink) {
+    public PageData<Device> findDevicesByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, String type, PageLink pageLink) {
         log.trace("Executing findDevicesByTenantIdAndCustomerIdAndType, tenantId [{}], customerId [{}], type [{}], pageLink [{}]", tenantId, customerId, type, pageLink);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
         validateId(customerId, INCORRECT_CUSTOMER_ID + customerId);
         validateString(type, "Incorrect type " + type);
-        validatePageLink(pageLink, INCORRECT_PAGE_LINK + pageLink);
-        List<Device> devices = deviceDao.findDevicesByTenantIdAndCustomerIdAndType(tenantId.getId(), customerId.getId(), type, pageLink);
-        return new TextPageData<>(devices, pageLink);
+        validatePageLink(pageLink);
+        return deviceDao.findDevicesByTenantIdAndCustomerIdAndType(tenantId.getId(), customerId.getId(), type, pageLink);
+    }
+
+    @Override
+    public PageData<DeviceInfo> findDeviceInfosByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, String type, PageLink pageLink) {
+        log.trace("Executing findDeviceInfosByTenantIdAndCustomerIdAndType, tenantId [{}], customerId [{}], type [{}], pageLink [{}]", tenantId, customerId, type, pageLink);
+        validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
+        validateId(customerId, INCORRECT_CUSTOMER_ID + customerId);
+        validateString(type, "Incorrect type " + type);
+        validatePageLink(pageLink);
+        return deviceDao.findDeviceInfosByTenantIdAndCustomerIdAndType(tenantId.getId(), customerId.getId(), type, pageLink);
     }
 
     @Override
@@ -377,7 +411,7 @@ public class DeviceServiceImpl extends AbstractEntityService implements DeviceSe
         new PaginatedRemover<TenantId, Device>() {
 
             @Override
-            protected List<Device> findEntities(TenantId tenantId, TenantId id, TextPageLink pageLink) {
+            protected PageData<Device> findEntities(TenantId tenantId, TenantId id, PageLink pageLink) {
                 return deviceDao.findDevicesByTenantId(id.getId(), pageLink);
             }
 
@@ -390,7 +424,7 @@ public class DeviceServiceImpl extends AbstractEntityService implements DeviceSe
     private PaginatedRemover<CustomerId, Device> customerDeviceUnasigner = new PaginatedRemover<CustomerId, Device>() {
 
         @Override
-        protected List<Device> findEntities(TenantId tenantId, CustomerId id, TextPageLink pageLink) {
+        protected PageData<Device> findEntities(TenantId tenantId, CustomerId id, PageLink pageLink) {
             return deviceDao.findDevicesByTenantIdAndCustomerId(tenantId.getId(), id.getId(), pageLink);
         }
 
diff --git a/dao/src/main/java/org/thingsboard/server/dao/entityview/CassandraEntityViewDao.java b/dao/src/main/java/org/thingsboard/server/dao/entityview/CassandraEntityViewDao.java
deleted file mode 100644
index aabc2c172a..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/entityview/CassandraEntityViewDao.java
+++ /dev/null
@@ -1,186 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.entityview;
-
-import com.datastax.driver.core.ResultSet;
-import com.datastax.driver.core.ResultSetFuture;
-import com.datastax.driver.core.Statement;
-import com.datastax.driver.core.querybuilder.Select;
-import com.datastax.driver.mapping.Result;
-import com.google.common.base.Function;
-import com.google.common.util.concurrent.Futures;
-import com.google.common.util.concurrent.ListenableFuture;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.EntitySubtype;
-import org.thingsboard.server.common.data.EntityType;
-import org.thingsboard.server.common.data.EntityView;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.EntitySubtypeEntity;
-import org.thingsboard.server.dao.model.nosql.EntityViewEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractSearchTextDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import javax.annotation.Nullable;
-import java.util.ArrayList;
-import java.util.Arrays;
-import java.util.Collections;
-import java.util.List;
-import java.util.Optional;
-import java.util.UUID;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-import static org.thingsboard.server.dao.model.ModelConstants.CUSTOMER_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_ID_COLUMN;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_SUBTYPE_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_SUBTYPE_ENTITY_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_SUBTYPE_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_VIEW_BY_TENANT_AND_CUSTOMER_AND_TYPE_CF;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_VIEW_BY_TENANT_AND_CUSTOMER_CF;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_VIEW_BY_TENANT_AND_ENTITY_ID_CF;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_VIEW_BY_TENANT_AND_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_VIEW_BY_TENANT_AND_SEARCH_TEXT_CF;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_VIEW_BY_TENANT_BY_TYPE_AND_SEARCH_TEXT_CF;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_VIEW_NAME_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_VIEW_TABLE_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_VIEW_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_VIEW_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.TENANT_ID_PROPERTY;
-
-/**
- * Created by Victor Basanets on 9/06/2017.
- */
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraEntityViewDao extends CassandraAbstractSearchTextDao<EntityViewEntity, EntityView> implements EntityViewDao {
-
-    @Override
-    protected Class<EntityViewEntity> getColumnFamilyClass() {
-        return EntityViewEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return ENTITY_VIEW_TABLE_FAMILY_NAME;
-    }
-
-    @Override
-    public EntityView save(TenantId tenantId, EntityView domain) {
-        EntityView savedEntityView = super.save(domain.getTenantId(), domain);
-        EntitySubtype entitySubtype = new EntitySubtype(savedEntityView.getTenantId(), EntityType.ENTITY_VIEW, savedEntityView.getType());
-        EntitySubtypeEntity entitySubtypeEntity = new EntitySubtypeEntity(entitySubtype);
-        Statement saveStatement = cluster.getMapper(EntitySubtypeEntity.class).saveQuery(entitySubtypeEntity);
-        executeWrite(tenantId, saveStatement);
-        return savedEntityView;
-    }
-
-    @Override
-    public List<EntityView> findEntityViewsByTenantId(UUID tenantId, TextPageLink pageLink) {
-        log.debug("Try to find entity views by tenantId [{}] and pageLink [{}]", tenantId, pageLink);
-        List<EntityViewEntity> entityViewEntities =
-                findPageWithTextSearch(new TenantId(tenantId), ENTITY_VIEW_BY_TENANT_AND_SEARCH_TEXT_CF,
-                Collections.singletonList(eq(TENANT_ID_PROPERTY, tenantId)), pageLink);
-        log.trace("Found entity views [{}] by tenantId [{}] and pageLink [{}]",
-                entityViewEntities, tenantId, pageLink);
-        return DaoUtil.convertDataList(entityViewEntities);
-    }
-
-    @Override
-    public List<EntityView> findEntityViewsByTenantIdAndType(UUID tenantId, String type, TextPageLink pageLink) {
-        log.debug("Try to find entity views by tenantId [{}], type [{}] and pageLink [{}]", tenantId, type, pageLink);
-        List<EntityViewEntity> entityViewEntities =
-                findPageWithTextSearch(new TenantId(tenantId), ENTITY_VIEW_BY_TENANT_BY_TYPE_AND_SEARCH_TEXT_CF,
-                        Arrays.asList(eq(ENTITY_VIEW_TYPE_PROPERTY, type),
-                                eq(TENANT_ID_PROPERTY, tenantId)), pageLink);
-        log.trace("Found entity views [{}] by tenantId [{}], type [{}] and pageLink [{}]",
-                entityViewEntities, tenantId, type, pageLink);
-        return DaoUtil.convertDataList(entityViewEntities);
-    }
-
-    @Override
-    public Optional<EntityView> findEntityViewByTenantIdAndName(UUID tenantId, String name) {
-        Select.Where query = select().from(ENTITY_VIEW_BY_TENANT_AND_NAME).where();
-        query.and(eq(ENTITY_VIEW_TENANT_ID_PROPERTY, tenantId));
-        query.and(eq(ENTITY_VIEW_NAME_PROPERTY, name));
-        return Optional.ofNullable(DaoUtil.getData(findOneByStatement(new TenantId(tenantId), query)));
-    }
-
-    @Override
-    public List<EntityView> findEntityViewsByTenantIdAndCustomerId(UUID tenantId, UUID customerId, TextPageLink pageLink) {
-        log.debug("Try to find entity views by tenantId [{}], customerId[{}] and pageLink [{}]",
-                tenantId, customerId, pageLink);
-        List<EntityViewEntity> entityViewEntities = findPageWithTextSearch(new TenantId(tenantId),
-                ENTITY_VIEW_BY_TENANT_AND_CUSTOMER_CF,
-                Arrays.asList(eq(CUSTOMER_ID_PROPERTY, customerId), eq(TENANT_ID_PROPERTY, tenantId)),
-                pageLink);
-        log.trace("Found find entity views [{}] by tenantId [{}], customerId [{}] and pageLink [{}]",
-                entityViewEntities, tenantId, customerId, pageLink);
-        return DaoUtil.convertDataList(entityViewEntities);
-    }
-
-    @Override
-    public List<EntityView> findEntityViewsByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, TextPageLink pageLink) {
-        log.debug("Try to find entity views by tenantId [{}], customerId[{}], type [{}] and pageLink [{}]",
-                tenantId, customerId, type, pageLink);
-        List<EntityViewEntity> entityViewEntities = findPageWithTextSearch(new TenantId(tenantId),
-                ENTITY_VIEW_BY_TENANT_AND_CUSTOMER_AND_TYPE_CF,
-                Arrays.asList(eq(DEVICE_TYPE_PROPERTY, type), eq(CUSTOMER_ID_PROPERTY, customerId), eq(TENANT_ID_PROPERTY, tenantId)),
-                pageLink);
-        log.trace("Found find entity views [{}] by tenantId [{}], customerId [{}], type [{}] and pageLink [{}]",
-                entityViewEntities, tenantId, customerId, type, pageLink);
-        return DaoUtil.convertDataList(entityViewEntities);
-    }
-
-    @Override
-    public ListenableFuture<List<EntityView>> findEntityViewsByTenantIdAndEntityIdAsync(UUID tenantId, UUID entityId) {
-        log.debug("Try to find entity views by tenantId [{}] and entityId [{}]", tenantId, entityId);
-        Select.Where query = select().from(ENTITY_VIEW_BY_TENANT_AND_ENTITY_ID_CF).where();
-        query.and(eq(TENANT_ID_PROPERTY, tenantId));
-        query.and(eq(ENTITY_ID_COLUMN, entityId));
-        return findListByStatementAsync(new TenantId(tenantId), query);
-    }
-
-    @Override
-    public ListenableFuture<List<EntitySubtype>> findTenantEntityViewTypesAsync(UUID tenantId) {
-        Select select = select().from(ENTITY_SUBTYPE_COLUMN_FAMILY_NAME);
-        Select.Where query = select.where();
-        query.and(eq(ENTITY_SUBTYPE_TENANT_ID_PROPERTY, tenantId));
-        query.and(eq(ENTITY_SUBTYPE_ENTITY_TYPE_PROPERTY, EntityType.ENTITY_VIEW));
-        query.setConsistencyLevel(cluster.getDefaultReadConsistencyLevel());
-        ResultSetFuture resultSetFuture = executeAsyncRead(new TenantId(tenantId), query);
-        return Futures.transform(resultSetFuture, new Function<ResultSet, List<EntitySubtype>>() {
-            @Nullable
-            @Override
-            public List<EntitySubtype> apply(@Nullable ResultSet resultSet) {
-                Result<EntitySubtypeEntity> result = cluster.getMapper(EntitySubtypeEntity.class).map(resultSet);
-                if (result != null) {
-                    List<EntitySubtype> entitySubtypes = new ArrayList<>();
-                    result.all().forEach((entitySubtypeEntity) ->
-                            entitySubtypes.add(entitySubtypeEntity.toEntitySubtype())
-                    );
-                    return entitySubtypes;
-                } else {
-                    return Collections.emptyList();
-                }
-            }
-        });
-    }
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/entityview/EntityViewDao.java b/dao/src/main/java/org/thingsboard/server/dao/entityview/EntityViewDao.java
index 02ca8050cd..02c0fce3d4 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/entityview/EntityViewDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/entityview/EntityViewDao.java
@@ -16,11 +16,12 @@
 package org.thingsboard.server.dao.entityview;
 
 import com.google.common.util.concurrent.ListenableFuture;
-import org.thingsboard.server.common.data.Device;
 import org.thingsboard.server.common.data.EntitySubtype;
 import org.thingsboard.server.common.data.EntityView;
+import org.thingsboard.server.common.data.EntityViewInfo;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.Dao;
 
 import java.util.List;
@@ -32,6 +33,15 @@ import java.util.UUID;
  */
 public interface EntityViewDao extends Dao<EntityView> {
 
+    /**
+     * Find entity view info by id.
+     *
+     * @param tenantId the tenant id
+     * @param assetId the asset id
+     * @return the entity view info object
+     */
+    EntityViewInfo findEntityViewInfoById(TenantId tenantId, UUID entityViewId);
+
     /**
      * Save or update device object
      *
@@ -47,7 +57,16 @@ public interface EntityViewDao extends Dao<EntityView> {
      * @param pageLink the page link
      * @return the list of entity view objects
      */
-    List<EntityView> findEntityViewsByTenantId(UUID tenantId, TextPageLink pageLink);
+    PageData<EntityView> findEntityViewsByTenantId(UUID tenantId, PageLink pageLink);
+
+    /**
+     * Find entity view infos by tenantId and page link.
+     *
+     * @param tenantId the tenantId
+     * @param pageLink the page link
+     * @return the list of entity view info objects
+     */
+    PageData<EntityViewInfo> findEntityViewInfosByTenantId(UUID tenantId, PageLink pageLink);
 
     /**
      * Find entity views by tenantId, type and page link.
@@ -57,7 +76,17 @@ public interface EntityViewDao extends Dao<EntityView> {
      * @param pageLink the page link
      * @return the list of entity view objects
      */
-    List<EntityView> findEntityViewsByTenantIdAndType(UUID tenantId, String type, TextPageLink pageLink);
+    PageData<EntityView> findEntityViewsByTenantIdAndType(UUID tenantId, String type, PageLink pageLink);
+
+    /**
+     * Find entity view infos by tenantId, type and page link.
+     *
+     * @param tenantId the tenantId
+     * @param type the type
+     * @param pageLink the page link
+     * @return the list of entity view info objects
+     */
+    PageData<EntityViewInfo> findEntityViewInfosByTenantIdAndType(UUID tenantId, String type, PageLink pageLink);
 
     /**
      * Find entity views by tenantId and entity view name.
@@ -76,9 +105,19 @@ public interface EntityViewDao extends Dao<EntityView> {
      * @param pageLink the page link
      * @return the list of entity view objects
      */
-    List<EntityView> findEntityViewsByTenantIdAndCustomerId(UUID tenantId,
+    PageData<EntityView> findEntityViewsByTenantIdAndCustomerId(UUID tenantId,
                                                             UUID customerId,
-                                                            TextPageLink pageLink);
+                                                            PageLink pageLink);
+
+    /**
+     * Find entity view infos by tenantId, customerId and page link.
+     *
+     * @param tenantId the tenantId
+     * @param customerId the customerId
+     * @param pageLink the page link
+     * @return the list of entity view info objects
+     */
+    PageData<EntityViewInfo> findEntityViewInfosByTenantIdAndCustomerId(UUID tenantId, UUID customerId, PageLink pageLink);
 
     /**
      * Find entity views by tenantId, customerId, type and page link.
@@ -89,10 +128,21 @@ public interface EntityViewDao extends Dao<EntityView> {
      * @param pageLink the page link
      * @return the list of entity view objects
      */
-    List<EntityView> findEntityViewsByTenantIdAndCustomerIdAndType(UUID tenantId,
+    PageData<EntityView> findEntityViewsByTenantIdAndCustomerIdAndType(UUID tenantId,
                                                                    UUID customerId,
                                                                    String type,
-                                                                   TextPageLink pageLink);
+                                                                   PageLink pageLink);
+
+    /**
+     * Find entity view infos by tenantId, customerId, type and page link.
+     *
+     * @param tenantId the tenantId
+     * @param customerId the customerId
+     * @param type the type
+     * @param pageLink the page link
+     * @return the list of entity view info objects
+     */
+    PageData<EntityViewInfo> findEntityViewInfosByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, PageLink pageLink);
 
     ListenableFuture<List<EntityView>> findEntityViewsByTenantIdAndEntityIdAsync(UUID tenantId, UUID entityId);
 
diff --git a/dao/src/main/java/org/thingsboard/server/dao/entityview/EntityViewServiceImpl.java b/dao/src/main/java/org/thingsboard/server/dao/entityview/EntityViewServiceImpl.java
index 6e840500d5..babc35c6c1 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/entityview/EntityViewServiceImpl.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/entityview/EntityViewServiceImpl.java
@@ -28,18 +28,14 @@ import org.springframework.cache.annotation.CacheEvict;
 import org.springframework.cache.annotation.Cacheable;
 import org.springframework.cache.annotation.Caching;
 import org.springframework.stereotype.Service;
-import org.thingsboard.server.common.data.Customer;
-import org.thingsboard.server.common.data.EntitySubtype;
-import org.thingsboard.server.common.data.EntityType;
-import org.thingsboard.server.common.data.EntityView;
-import org.thingsboard.server.common.data.Tenant;
+import org.thingsboard.server.common.data.*;
 import org.thingsboard.server.common.data.entityview.EntityViewSearchQuery;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.EntityViewId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.relation.EntityRelation;
 import org.thingsboard.server.common.data.relation.EntitySearchDirection;
 import org.thingsboard.server.dao.customer.CustomerDao;
@@ -124,6 +120,13 @@ public class EntityViewServiceImpl extends AbstractEntityService implements Enti
         customerEntityViewsUnAssigner.removeEntities(tenantId, customerId);
     }
 
+    @Override
+    public EntityViewInfo findEntityViewInfoById(TenantId tenantId, EntityViewId entityViewId) {
+        log.trace("Executing findEntityViewInfoById [{}]", entityViewId);
+        validateId(entityViewId, INCORRECT_ENTITY_VIEW_ID + entityViewId);
+        return entityViewDao.findEntityViewInfoById(tenantId, entityViewId.getId());
+    }
+
     @Cacheable(cacheNames = ENTITY_VIEW_CACHE, key = "{#entityViewId}")
     @Override
     public EntityView findEntityViewById(TenantId tenantId, EntityViewId entityViewId) {
@@ -142,48 +145,84 @@ public class EntityViewServiceImpl extends AbstractEntityService implements Enti
     }
 
     @Override
-    public TextPageData<EntityView> findEntityViewByTenantId(TenantId tenantId, TextPageLink pageLink) {
+    public PageData<EntityView> findEntityViewByTenantId(TenantId tenantId, PageLink pageLink) {
         log.trace("Executing findEntityViewsByTenantId, tenantId [{}], pageLink [{}]", tenantId, pageLink);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
-        validatePageLink(pageLink, INCORRECT_PAGE_LINK + pageLink);
-        List<EntityView> entityViews = entityViewDao.findEntityViewsByTenantId(tenantId.getId(), pageLink);
-        return new TextPageData<>(entityViews, pageLink);
+        validatePageLink(pageLink);
+        return entityViewDao.findEntityViewsByTenantId(tenantId.getId(), pageLink);
+    }
+
+    @Override
+    public PageData<EntityViewInfo> findEntityViewInfosByTenantId(TenantId tenantId, PageLink pageLink) {
+        log.trace("Executing findEntityViewInfosByTenantId, tenantId [{}], pageLink [{}]", tenantId, pageLink);
+        validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
+        validatePageLink(pageLink);
+        return entityViewDao.findEntityViewInfosByTenantId(tenantId.getId(), pageLink);
     }
 
     @Override
-    public TextPageData<EntityView> findEntityViewByTenantIdAndType(TenantId tenantId, TextPageLink pageLink, String type) {
+    public PageData<EntityView> findEntityViewByTenantIdAndType(TenantId tenantId, PageLink pageLink, String type) {
         log.trace("Executing findEntityViewByTenantIdAndType, tenantId [{}], pageLink [{}], type [{}]", tenantId, pageLink, type);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
-        validatePageLink(pageLink, INCORRECT_PAGE_LINK + pageLink);
+        validatePageLink(pageLink);
         validateString(type, "Incorrect type " + type);
-        List<EntityView> entityViews = entityViewDao.findEntityViewsByTenantIdAndType(tenantId.getId(), type, pageLink);
-        return new TextPageData<>(entityViews, pageLink);
+        return entityViewDao.findEntityViewsByTenantIdAndType(tenantId.getId(), type, pageLink);
     }
 
     @Override
-    public TextPageData<EntityView> findEntityViewsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId,
-                                                                           TextPageLink pageLink) {
+    public PageData<EntityViewInfo> findEntityViewInfosByTenantIdAndType(TenantId tenantId, String type, PageLink pageLink) {
+        log.trace("Executing findEntityViewInfosByTenantIdAndType, tenantId [{}], pageLink [{}], type [{}]", tenantId, pageLink, type);
+        validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
+        validatePageLink(pageLink);
+        validateString(type, "Incorrect type " + type);
+        return entityViewDao.findEntityViewInfosByTenantIdAndType(tenantId.getId(), type, pageLink);
+    }
+
+    @Override
+    public PageData<EntityView> findEntityViewsByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId,
+                                                                       PageLink pageLink) {
         log.trace("Executing findEntityViewByTenantIdAndCustomerId, tenantId [{}], customerId [{}]," +
                 " pageLink [{}]", tenantId, customerId, pageLink);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
         validateId(customerId, INCORRECT_CUSTOMER_ID + customerId);
-        validatePageLink(pageLink, INCORRECT_PAGE_LINK + pageLink);
-        List<EntityView> entityViews = entityViewDao.findEntityViewsByTenantIdAndCustomerId(tenantId.getId(),
+        validatePageLink(pageLink);
+        return entityViewDao.findEntityViewsByTenantIdAndCustomerId(tenantId.getId(),
+                customerId.getId(), pageLink);
+    }
+
+    @Override
+    public PageData<EntityViewInfo> findEntityViewInfosByTenantIdAndCustomerId(TenantId tenantId, CustomerId customerId, PageLink pageLink) {
+        log.trace("Executing findEntityViewInfosByTenantIdAndCustomerId, tenantId [{}], customerId [{}]," +
+                " pageLink [{}]", tenantId, customerId, pageLink);
+        validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
+        validateId(customerId, INCORRECT_CUSTOMER_ID + customerId);
+        validatePageLink(pageLink);
+        return entityViewDao.findEntityViewInfosByTenantIdAndCustomerId(tenantId.getId(),
                 customerId.getId(), pageLink);
-        return new TextPageData<>(entityViews, pageLink);
     }
 
     @Override
-    public TextPageData<EntityView> findEntityViewsByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, TextPageLink pageLink, String type) {
+    public PageData<EntityView> findEntityViewsByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, PageLink pageLink, String type) {
         log.trace("Executing findEntityViewsByTenantIdAndCustomerIdAndType, tenantId [{}], customerId [{}]," +
                 " pageLink [{}], type [{}]", tenantId, customerId, pageLink, type);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
         validateId(customerId, INCORRECT_CUSTOMER_ID + customerId);
-        validatePageLink(pageLink, INCORRECT_PAGE_LINK + pageLink);
+        validatePageLink(pageLink);
+        validateString(type, "Incorrect type " + type);
+        return entityViewDao.findEntityViewsByTenantIdAndCustomerIdAndType(tenantId.getId(),
+                customerId.getId(), type, pageLink);
+    }
+
+    @Override
+    public PageData<EntityViewInfo> findEntityViewInfosByTenantIdAndCustomerIdAndType(TenantId tenantId, CustomerId customerId, String type, PageLink pageLink) {
+        log.trace("Executing findEntityViewInfosByTenantIdAndCustomerIdAndType, tenantId [{}], customerId [{}]," +
+                " pageLink [{}], type [{}]", tenantId, customerId, pageLink, type);
+        validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
+        validateId(customerId, INCORRECT_CUSTOMER_ID + customerId);
+        validatePageLink(pageLink);
         validateString(type, "Incorrect type " + type);
-        List<EntityView> entityViews = entityViewDao.findEntityViewsByTenantIdAndCustomerIdAndType(tenantId.getId(),
+        return entityViewDao.findEntityViewInfosByTenantIdAndCustomerIdAndType(tenantId.getId(),
                 customerId.getId(), type, pageLink);
-        return new TextPageData<>(entityViews, pageLink);
     }
 
     @Override
@@ -335,7 +374,7 @@ public class EntityViewServiceImpl extends AbstractEntityService implements Enti
 
     private PaginatedRemover<TenantId, EntityView> tenantEntityViewRemover = new PaginatedRemover<TenantId, EntityView>() {
         @Override
-        protected List<EntityView> findEntities(TenantId tenantId, TenantId id, TextPageLink pageLink) {
+        protected PageData<EntityView> findEntities(TenantId tenantId, TenantId id, PageLink pageLink) {
             return entityViewDao.findEntityViewsByTenantId(id.getId(), pageLink);
         }
 
@@ -347,7 +386,7 @@ public class EntityViewServiceImpl extends AbstractEntityService implements Enti
 
     private PaginatedRemover<CustomerId, EntityView> customerEntityViewsUnAssigner = new PaginatedRemover<CustomerId, EntityView>() {
         @Override
-        protected List<EntityView> findEntities(TenantId tenantId, CustomerId id, TextPageLink pageLink) {
+        protected PageData<EntityView> findEntities(TenantId tenantId, CustomerId id, PageLink pageLink) {
             return entityViewDao.findEntityViewsByTenantIdAndCustomerId(tenantId.getId(), id.getId(), pageLink);
         }
 
diff --git a/dao/src/main/java/org/thingsboard/server/dao/event/BaseEventService.java b/dao/src/main/java/org/thingsboard/server/dao/event/BaseEventService.java
index 0f777d889f..f1ccde4415 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/event/BaseEventService.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/event/BaseEventService.java
@@ -23,7 +23,7 @@ import org.springframework.stereotype.Service;
 import org.thingsboard.server.common.data.Event;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.dao.exception.DataValidationException;
 import org.thingsboard.server.dao.service.DataValidator;
@@ -78,15 +78,13 @@ public class BaseEventService implements EventService {
     }
 
     @Override
-    public TimePageData<Event> findEvents(TenantId tenantId, EntityId entityId, TimePageLink pageLink) {
-        List<Event> events = eventDao.findEvents(tenantId.getId(), entityId, pageLink);
-        return new TimePageData<>(events, pageLink);
+    public PageData<Event> findEvents(TenantId tenantId, EntityId entityId, TimePageLink pageLink) {
+        return eventDao.findEvents(tenantId.getId(), entityId, pageLink);
     }
 
     @Override
-    public TimePageData<Event> findEvents(TenantId tenantId, EntityId entityId, String eventType, TimePageLink pageLink) {
-        List<Event> events = eventDao.findEvents(tenantId.getId(), entityId, eventType, pageLink);
-        return new TimePageData<>(events, pageLink);
+    public PageData<Event> findEvents(TenantId tenantId, EntityId entityId, String eventType, TimePageLink pageLink) {
+        return eventDao.findEvents(tenantId.getId(), entityId, eventType, pageLink);
     }
 
     @Override
diff --git a/dao/src/main/java/org/thingsboard/server/dao/event/CassandraBaseEventDao.java b/dao/src/main/java/org/thingsboard/server/dao/event/CassandraBaseEventDao.java
deleted file mode 100644
index 1c93a5df07..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/event/CassandraBaseEventDao.java
+++ /dev/null
@@ -1,215 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.event;
-
-import com.datastax.driver.core.ResultSetFuture;
-import com.datastax.driver.core.querybuilder.Insert;
-import com.datastax.driver.core.querybuilder.QueryBuilder;
-import com.datastax.driver.core.querybuilder.Select;
-import com.datastax.driver.core.utils.UUIDs;
-import com.google.common.util.concurrent.Futures;
-import com.google.common.util.concurrent.ListenableFuture;
-import lombok.extern.slf4j.Slf4j;
-import org.apache.commons.lang3.StringUtils;
-import org.springframework.beans.factory.annotation.Value;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.DataConstants;
-import org.thingsboard.server.common.data.Event;
-import org.thingsboard.server.common.data.id.EntityId;
-import org.thingsboard.server.common.data.id.EventId;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TimePageLink;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.ModelConstants;
-import org.thingsboard.server.dao.model.nosql.EventEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractSearchTimeDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import java.util.Arrays;
-import java.util.List;
-import java.util.Optional;
-import java.util.UUID;
-import java.util.concurrent.ExecutionException;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.in;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.ttl;
-import static org.thingsboard.server.dao.model.ModelConstants.*;
-
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraBaseEventDao extends CassandraAbstractSearchTimeDao<EventEntity, Event> implements EventDao {
-
-    private final TenantId systemTenantId = new TenantId(NULL_UUID);
-
-    @Override
-    protected Class<EventEntity> getColumnFamilyClass() {
-        return EventEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return EVENT_COLUMN_FAMILY_NAME;
-    }
-
-    @Value("${cassandra.query.events_ttl:0}")
-    private int eventsTtl;
-
-    @Value("${cassandra.query.debug_events_ttl:0}")
-    private int debugEventsTtl;
-
-    @Override
-    public Event save(TenantId tenantId, Event event) {
-        try {
-            return saveAsync(event).get();
-        } catch (InterruptedException | ExecutionException e) {
-            throw new IllegalStateException("Could not save EventEntity", e);
-        }
-    }
-
-    @Override
-    public ListenableFuture<Event> saveAsync(Event event) {
-        log.debug("Save event [{}] ", event);
-        if (event.getTenantId() == null) {
-            log.trace("Save system event with predefined id {}", systemTenantId);
-            event.setTenantId(systemTenantId);
-        }
-        if (event.getId() == null) {
-            event.setId(new EventId(UUIDs.timeBased()));
-        }
-        if (StringUtils.isEmpty(event.getUid())) {
-            event.setUid(event.getId().toString());
-        }
-        ListenableFuture<Optional<Event>> optionalSave = saveAsync(event.getTenantId(), new EventEntity(event), false, eventsTtl);
-        return Futures.transform(optionalSave, opt -> opt.orElse(null));
-    }
-
-    @Override
-    public Optional<Event> saveIfNotExists(Event event) {
-        if (event.getTenantId() == null) {
-            log.trace("Save system event with predefined id {}", systemTenantId);
-            event.setTenantId(systemTenantId);
-        }
-        if (event.getId() == null) {
-            event.setId(new EventId(UUIDs.timeBased()));
-        }
-        return save(event.getTenantId(), new EventEntity(event), true, eventsTtl);
-    }
-
-    @Override
-    public Event findEvent(UUID tenantId, EntityId entityId, String eventType, String eventUid) {
-        log.debug("Search event entity by [{}][{}][{}][{}]", tenantId, entityId, eventType, eventUid);
-        Select.Where query = select().from(getColumnFamilyName()).where(
-                eq(ModelConstants.EVENT_TENANT_ID_PROPERTY, tenantId))
-                .and(eq(ModelConstants.EVENT_ENTITY_TYPE_PROPERTY, entityId.getEntityType()))
-                .and(eq(ModelConstants.EVENT_ENTITY_ID_PROPERTY, entityId.getId()))
-                .and(eq(ModelConstants.EVENT_TYPE_PROPERTY, eventType))
-                .and(eq(ModelConstants.EVENT_UID_PROPERTY, eventUid));
-        log.trace("Execute query [{}]", query);
-        EventEntity entity = findOneByStatement(new TenantId(tenantId), query);
-        if (log.isTraceEnabled()) {
-            log.trace("Search result: [{}] for event entity [{}]", entity != null, entity);
-        } else {
-            log.debug("Search result: [{}]", entity != null);
-        }
-        return DaoUtil.getData(entity);
-    }
-
-    @Override
-    public List<Event> findEvents(UUID tenantId, EntityId entityId, TimePageLink pageLink) {
-        log.trace("Try to find events by tenant [{}], entity [{}]and pageLink [{}]", tenantId, entityId, pageLink);
-        List<EventEntity> entities = findPageWithTimeSearch(new TenantId(tenantId), EVENT_BY_ID_VIEW_NAME,
-                Arrays.asList(eq(ModelConstants.EVENT_TENANT_ID_PROPERTY, tenantId),
-                        eq(ModelConstants.EVENT_ENTITY_TYPE_PROPERTY, entityId.getEntityType()),
-                        eq(ModelConstants.EVENT_ENTITY_ID_PROPERTY, entityId.getId())),
-                pageLink);
-        log.trace("Found events by tenant [{}], entity [{}] and pageLink [{}]", tenantId, entityId, pageLink);
-        return DaoUtil.convertDataList(entities);
-    }
-
-    @Override
-    public List<Event> findEvents(UUID tenantId, EntityId entityId, String eventType, TimePageLink pageLink) {
-        log.trace("Try to find events by tenant [{}], entity [{}], type [{}] and pageLink [{}]", tenantId, entityId, eventType, pageLink);
-        List<EventEntity> entities = findPageWithTimeSearch(new TenantId(tenantId), EVENT_BY_TYPE_AND_ID_VIEW_NAME,
-                Arrays.asList(eq(ModelConstants.EVENT_TENANT_ID_PROPERTY, tenantId),
-                        eq(ModelConstants.EVENT_ENTITY_TYPE_PROPERTY, entityId.getEntityType()),
-                        eq(ModelConstants.EVENT_ENTITY_ID_PROPERTY, entityId.getId()),
-                        eq(ModelConstants.EVENT_TYPE_PROPERTY, eventType)),
-                pageLink.isAscOrder() ? QueryBuilder.asc(ModelConstants.EVENT_TYPE_PROPERTY) :
-                        QueryBuilder.desc(ModelConstants.EVENT_TYPE_PROPERTY),
-                pageLink);
-        log.trace("Found events by tenant [{}], entity [{}], type [{}] and pageLink [{}]", tenantId, entityId, eventType, pageLink);
-        return DaoUtil.convertDataList(entities);
-    }
-
-    @Override
-    public List<Event> findLatestEvents(UUID tenantId, EntityId entityId, String eventType, int limit) {
-        log.trace("Try to find latest events by tenant [{}], entity [{}], type [{}] and limit [{}]", tenantId, entityId, eventType, limit);
-        Select select = select().from(EVENT_BY_TYPE_AND_ID_VIEW_NAME);
-        Select.Where query = select.where();
-        query.and(eq(ModelConstants.EVENT_TENANT_ID_PROPERTY, tenantId));
-        query.and(eq(ModelConstants.EVENT_ENTITY_TYPE_PROPERTY, entityId.getEntityType()));
-        query.and(eq(ModelConstants.EVENT_ENTITY_ID_PROPERTY, entityId.getId()));
-        query.and(eq(ModelConstants.EVENT_TYPE_PROPERTY, eventType));
-        query.limit(limit);
-        query.orderBy(QueryBuilder.desc(ModelConstants.EVENT_TYPE_PROPERTY), QueryBuilder.desc(ModelConstants.ID_PROPERTY));
-        List<EventEntity> entities = findListByStatement(new TenantId(tenantId), query);
-        return DaoUtil.convertDataList(entities);
-    }
-
-    private Optional<Event> save(TenantId tenantId, EventEntity entity, boolean ifNotExists, int ttl) {
-        try {
-            return saveAsync(tenantId, entity, ifNotExists, ttl).get();
-        } catch (InterruptedException | ExecutionException e) {
-            throw new IllegalStateException("Could not save EventEntity", e);
-        }
-    }
-
-    private ListenableFuture<Optional<Event>> saveAsync(TenantId tenantId, EventEntity entity, boolean ifNotExists, int ttl) {
-        if (entity.getId() == null) {
-            entity.setId(UUIDs.timeBased());
-        }
-        Insert insert = QueryBuilder.insertInto(getColumnFamilyName())
-                .value(ModelConstants.ID_PROPERTY, entity.getId())
-                .value(ModelConstants.EVENT_TENANT_ID_PROPERTY, entity.getTenantId())
-                .value(ModelConstants.EVENT_ENTITY_TYPE_PROPERTY, entity.getEntityType())
-                .value(ModelConstants.EVENT_ENTITY_ID_PROPERTY, entity.getEntityId())
-                .value(ModelConstants.EVENT_TYPE_PROPERTY, entity.getEventType())
-                .value(ModelConstants.EVENT_UID_PROPERTY, entity.getEventUid())
-                .value(ModelConstants.EVENT_BODY_PROPERTY, entity.getBody());
-
-        if (ifNotExists) {
-            insert = insert.ifNotExists();
-        }
-
-        int selectedTtl = (entity.getEventType().equals(DataConstants.DEBUG_RULE_NODE) ||
-                entity.getEventType().equals(DataConstants.DEBUG_RULE_CHAIN)) ? debugEventsTtl : ttl;
-
-        if (selectedTtl > 0) {
-            insert.using(ttl(selectedTtl));
-        }
-        ResultSetFuture resultSetFuture = executeAsyncWrite(tenantId, insert);
-        return Futures.transform(resultSetFuture, rs -> {
-            if (rs.wasApplied()) {
-                return Optional.of(DaoUtil.getData(entity));
-            } else {
-                return Optional.empty();
-            }
-        });
-    }
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/event/EventDao.java b/dao/src/main/java/org/thingsboard/server/dao/event/EventDao.java
index a5c4ad4dbb..54e8a434ea 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/event/EventDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/event/EventDao.java
@@ -19,6 +19,7 @@ import com.google.common.util.concurrent.ListenableFuture;
 import org.thingsboard.server.common.data.Event;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.TenantId;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.dao.Dao;
 
@@ -74,7 +75,7 @@ public interface EventDao extends Dao<Event> {
      * @param pageLink the pageLink
      * @return the event list
      */
-    List<Event> findEvents(UUID tenantId, EntityId entityId, TimePageLink pageLink);
+    PageData<Event> findEvents(UUID tenantId, EntityId entityId, TimePageLink pageLink);
 
     /**
      * Find events by tenantId, entityId, eventType and pageLink.
@@ -85,7 +86,7 @@ public interface EventDao extends Dao<Event> {
      * @param pageLink the pageLink
      * @return the event list
      */
-    List<Event> findEvents(UUID tenantId, EntityId entityId, String eventType, TimePageLink pageLink);
+    PageData<Event> findEvents(UUID tenantId, EntityId entityId, String eventType, TimePageLink pageLink);
 
     /**
      * Find latest events by tenantId, entityId and eventType.
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/AdminSettingsEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/nosql/AdminSettingsEntity.java
deleted file mode 100644
index 93cc934a06..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/AdminSettingsEntity.java
+++ /dev/null
@@ -1,97 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.nosql;
-
-import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
-import com.fasterxml.jackson.databind.JsonNode;
-import lombok.EqualsAndHashCode;
-import lombok.ToString;
-import org.thingsboard.server.common.data.AdminSettings;
-import org.thingsboard.server.common.data.id.AdminSettingsId;
-import org.thingsboard.server.dao.model.BaseEntity;
-import org.thingsboard.server.dao.model.type.JsonCodec;
-
-import java.util.UUID;
-
-import static org.thingsboard.server.dao.model.ModelConstants.ADMIN_SETTINGS_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ADMIN_SETTINGS_JSON_VALUE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ADMIN_SETTINGS_KEY_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-
-@Table(name = ADMIN_SETTINGS_COLUMN_FAMILY_NAME)
-@EqualsAndHashCode
-@ToString
-public final class AdminSettingsEntity implements BaseEntity<AdminSettings> {
-
-    @PartitionKey(value = 0)
-    @Column(name = ID_PROPERTY)
-    private UUID id;
-    
-    @Column(name = ADMIN_SETTINGS_KEY_PROPERTY)
-    private String key;
-
-    @Column(name = ADMIN_SETTINGS_JSON_VALUE_PROPERTY, codec = JsonCodec.class)
-    private JsonNode jsonValue;
-
-    public AdminSettingsEntity() {
-        super();
-    }
-
-    public AdminSettingsEntity(AdminSettings adminSettings) {
-        if (adminSettings.getId() != null) {
-            this.id = adminSettings.getId().getId();
-        }
-        this.key = adminSettings.getKey();
-        this.jsonValue = adminSettings.getJsonValue();
-    }
-    
-    public UUID getId() {
-        return id;
-    }
-
-    public void setId(UUID id) {
-        this.id = id;
-    }
-    
-    public String getKey() {
-        return key;
-    }
-
-    public void setKey(String key) {
-        this.key = key;
-    }
-
-    public JsonNode getJsonValue() {
-        return jsonValue;
-    }
-
-    public void setJsonValue(JsonNode jsonValue) {
-        this.jsonValue = jsonValue;
-    }
-
-    @Override
-    public AdminSettings toData() {
-        AdminSettings adminSettings = new AdminSettings(new AdminSettingsId(id));
-        adminSettings.setCreatedTime(UUIDs.unixTimestamp(id));
-        adminSettings.setKey(key);
-        adminSettings.setJsonValue(jsonValue);
-        return adminSettings;
-    }
-
-}
\ No newline at end of file
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/AuditLogEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/nosql/AuditLogEntity.java
deleted file mode 100644
index 04e77aad8a..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/AuditLogEntity.java
+++ /dev/null
@@ -1,155 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.nosql;
-
-import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.Table;
-import com.fasterxml.jackson.databind.JsonNode;
-import lombok.Data;
-import lombok.NoArgsConstructor;
-import org.thingsboard.server.common.data.EntityType;
-import org.thingsboard.server.common.data.audit.ActionStatus;
-import org.thingsboard.server.common.data.audit.ActionType;
-import org.thingsboard.server.common.data.audit.AuditLog;
-import org.thingsboard.server.common.data.id.AuditLogId;
-import org.thingsboard.server.common.data.id.CustomerId;
-import org.thingsboard.server.common.data.id.EntityIdFactory;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.id.UserId;
-import org.thingsboard.server.dao.model.BaseEntity;
-import org.thingsboard.server.dao.model.type.ActionStatusCodec;
-import org.thingsboard.server.dao.model.type.ActionTypeCodec;
-import org.thingsboard.server.dao.model.type.EntityTypeCodec;
-import org.thingsboard.server.dao.model.type.JsonCodec;
-
-import java.util.UUID;
-
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_ACTION_DATA_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_ACTION_FAILURE_DETAILS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_ACTION_STATUS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_ACTION_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_BY_ENTITY_ID_CF;
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_CUSTOMER_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_ENTITY_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_ENTITY_NAME_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_ENTITY_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_USER_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.AUDIT_LOG_USER_NAME_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-
-@Table(name = AUDIT_LOG_BY_ENTITY_ID_CF)
-@Data
-@NoArgsConstructor
-public class AuditLogEntity implements BaseEntity<AuditLog> {
-
-    @Column(name = ID_PROPERTY)
-    private UUID id;
-
-    @Column(name = AUDIT_LOG_TENANT_ID_PROPERTY)
-    private UUID tenantId;
-
-    @Column(name = AUDIT_LOG_CUSTOMER_ID_PROPERTY)
-    private UUID customerId;
-
-    @Column(name = AUDIT_LOG_ENTITY_TYPE_PROPERTY, codec = EntityTypeCodec.class)
-    private EntityType entityType;
-
-    @Column(name = AUDIT_LOG_ENTITY_ID_PROPERTY)
-    private UUID entityId;
-
-    @Column(name = AUDIT_LOG_ENTITY_NAME_PROPERTY)
-    private String entityName;
-
-    @Column(name = AUDIT_LOG_USER_ID_PROPERTY)
-    private UUID userId;
-
-    @Column(name = AUDIT_LOG_USER_NAME_PROPERTY)
-    private String userName;
-
-    @Column(name = AUDIT_LOG_ACTION_TYPE_PROPERTY, codec = ActionTypeCodec.class)
-    private ActionType actionType;
-
-    @Column(name = AUDIT_LOG_ACTION_DATA_PROPERTY, codec = JsonCodec.class)
-    private JsonNode actionData;
-
-    @Column(name = AUDIT_LOG_ACTION_STATUS_PROPERTY, codec = ActionStatusCodec.class)
-    private ActionStatus actionStatus;
-
-    @Column(name = AUDIT_LOG_ACTION_FAILURE_DETAILS_PROPERTY)
-    private String actionFailureDetails;
-
-    @Override
-    public UUID getId() {
-        return id;
-    }
-
-    @Override
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    public AuditLogEntity(AuditLog auditLog) {
-        if (auditLog.getId() != null) {
-            this.id = auditLog.getId().getId();
-        }
-        if (auditLog.getTenantId() != null) {
-            this.tenantId = auditLog.getTenantId().getId();
-        }
-        if (auditLog.getEntityId() != null) {
-            this.entityType = auditLog.getEntityId().getEntityType();
-            this.entityId = auditLog.getEntityId().getId();
-        }
-        if (auditLog.getCustomerId() != null) {
-            this.customerId = auditLog.getCustomerId().getId();
-        }
-        if (auditLog.getUserId() != null) {
-            this.userId = auditLog.getUserId().getId();
-        }
-        this.entityName = auditLog.getEntityName();
-        this.userName = auditLog.getUserName();
-        this.actionType = auditLog.getActionType();
-        this.actionData = auditLog.getActionData();
-        this.actionStatus = auditLog.getActionStatus();
-        this.actionFailureDetails = auditLog.getActionFailureDetails();
-    }
-
-    @Override
-    public AuditLog toData() {
-        AuditLog auditLog = new AuditLog(new AuditLogId(id));
-        auditLog.setCreatedTime(UUIDs.unixTimestamp(id));
-        if (tenantId != null) {
-            auditLog.setTenantId(new TenantId(tenantId));
-        }
-        if (entityId != null && entityType != null) {
-            auditLog.setEntityId(EntityIdFactory.getByTypeAndUuid(entityType, entityId));
-        }
-        if (customerId != null) {
-            auditLog.setCustomerId(new CustomerId(customerId));
-        }
-        if (userId != null) {
-            auditLog.setUserId(new UserId(userId));
-        }
-        auditLog.setEntityName(this.entityName);
-        auditLog.setUserName(this.userName);
-        auditLog.setActionType(this.actionType);
-        auditLog.setActionData(this.actionData);
-        auditLog.setActionStatus(this.actionStatus);
-        auditLog.setActionFailureDetails(this.actionFailureDetails);
-        return auditLog;
-    }
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/ComponentDescriptorEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/nosql/ComponentDescriptorEntity.java
deleted file mode 100644
index 9a6827aa05..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/ComponentDescriptorEntity.java
+++ /dev/null
@@ -1,171 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.nosql;
-
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
-import com.fasterxml.jackson.databind.JsonNode;
-import org.thingsboard.server.common.data.id.ComponentDescriptorId;
-import org.thingsboard.server.common.data.plugin.ComponentDescriptor;
-import org.thingsboard.server.common.data.plugin.ComponentScope;
-import org.thingsboard.server.common.data.plugin.ComponentType;
-import org.thingsboard.server.dao.model.SearchTextEntity;
-import org.thingsboard.server.dao.model.type.JsonCodec;
-
-import java.util.UUID;
-
-import static org.thingsboard.server.dao.model.ModelConstants.COMPONENT_DESCRIPTOR_ACTIONS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.COMPONENT_DESCRIPTOR_CLASS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.COMPONENT_DESCRIPTOR_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.COMPONENT_DESCRIPTOR_CONFIGURATION_DESCRIPTOR_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.COMPONENT_DESCRIPTOR_NAME_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.COMPONENT_DESCRIPTOR_SCOPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.COMPONENT_DESCRIPTOR_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.SEARCH_TEXT_PROPERTY;
-
-/**
- * @author Andrew Shvayka
- */
-@Table(name = COMPONENT_DESCRIPTOR_COLUMN_FAMILY_NAME)
-public class ComponentDescriptorEntity implements SearchTextEntity<ComponentDescriptor> {
-
-    @PartitionKey
-    @Column(name = ID_PROPERTY)
-    private UUID id;
-
-    @Column(name = COMPONENT_DESCRIPTOR_TYPE_PROPERTY)
-    private ComponentType type;
-
-    @Column(name = COMPONENT_DESCRIPTOR_SCOPE_PROPERTY)
-    private ComponentScope scope;
-
-    @Column(name = COMPONENT_DESCRIPTOR_NAME_PROPERTY)
-    private String name;
-
-    @Column(name = COMPONENT_DESCRIPTOR_CLASS_PROPERTY)
-    private String clazz;
-
-    @Column(name = COMPONENT_DESCRIPTOR_CONFIGURATION_DESCRIPTOR_PROPERTY, codec = JsonCodec.class)
-    private JsonNode configurationDescriptor;
-
-    @Column(name = COMPONENT_DESCRIPTOR_ACTIONS_PROPERTY)
-    private String actions;
-
-    @Column(name = SEARCH_TEXT_PROPERTY)
-    private String searchText;
-
-    public ComponentDescriptorEntity() {
-    }
-
-    public ComponentDescriptorEntity(ComponentDescriptor component) {
-        if (component.getId() != null) {
-            this.id = component.getId().getId();
-        }
-        this.actions = component.getActions();
-        this.type = component.getType();
-        this.scope = component.getScope();
-        this.name = component.getName();
-        this.clazz = component.getClazz();
-        this.configurationDescriptor = component.getConfigurationDescriptor();
-        this.searchText = component.getName();
-    }
-
-    @Override
-    public ComponentDescriptor toData() {
-        ComponentDescriptor data = new ComponentDescriptor(new ComponentDescriptorId(id));
-        data.setType(type);
-        data.setScope(scope);
-        data.setName(this.getName());
-        data.setClazz(this.getClazz());
-        data.setActions(this.getActions());
-        data.setConfigurationDescriptor(this.getConfigurationDescriptor());
-        return data;
-    }
-
-    @Override
-    public UUID getId() {
-        return id;
-    }
-
-    @Override
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    public String getActions() {
-        return actions;
-    }
-
-    public void setActions(String actions) {
-        this.actions = actions;
-    }
-
-    public ComponentType getType() {
-        return type;
-    }
-
-    public void setType(ComponentType type) {
-        this.type = type;
-    }
-
-    public ComponentScope getScope() {
-        return scope;
-    }
-
-    public void setScope(ComponentScope scope) {
-        this.scope = scope;
-    }
-
-    public String getName() {
-        return name;
-    }
-
-    public void setName(String name) {
-        this.name = name;
-    }
-
-    public String getClazz() {
-        return clazz;
-    }
-
-    public void setClazz(String clazz) {
-        this.clazz = clazz;
-    }
-
-    public JsonNode getConfigurationDescriptor() {
-        return configurationDescriptor;
-    }
-
-    public void setConfigurationDescriptor(JsonNode configurationDescriptor) {
-        this.configurationDescriptor = configurationDescriptor;
-    }
-
-    public String getSearchText() {
-        return searchText;
-    }
-
-    @Override
-    public void setSearchText(String searchText) {
-        this.searchText = searchText;
-    }
-
-    @Override
-    public String getSearchTextSource() {
-        return getSearchText();
-    }
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/CustomerEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/nosql/CustomerEntity.java
deleted file mode 100644
index ba9648a7c0..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/CustomerEntity.java
+++ /dev/null
@@ -1,243 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.nosql;
-
-import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
-import com.fasterxml.jackson.databind.JsonNode;
-import lombok.EqualsAndHashCode;
-import lombok.ToString;
-import org.thingsboard.server.common.data.Customer;
-import org.thingsboard.server.common.data.id.CustomerId;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.dao.model.SearchTextEntity;
-import org.thingsboard.server.dao.model.type.JsonCodec;
-
-import java.util.UUID;
-
-import static org.thingsboard.server.dao.model.ModelConstants.ADDRESS2_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ADDRESS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.CITY_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.COUNTRY_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.CUSTOMER_ADDITIONAL_INFO_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.CUSTOMER_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.CUSTOMER_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.CUSTOMER_TITLE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.EMAIL_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.PHONE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.SEARCH_TEXT_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.STATE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ZIP_PROPERTY;
-
-@Table(name = CUSTOMER_COLUMN_FAMILY_NAME)
-@EqualsAndHashCode
-@ToString
-public final class CustomerEntity implements SearchTextEntity<Customer> {
-
-    @PartitionKey(value = 0)
-    @Column(name = ID_PROPERTY)
-    private UUID id;
-    
-    @PartitionKey(value = 1)
-    @Column(name = CUSTOMER_TENANT_ID_PROPERTY)
-    private UUID tenantId;
-    
-    @Column(name = CUSTOMER_TITLE_PROPERTY)
-    private String title;
-    
-    @Column(name = SEARCH_TEXT_PROPERTY)
-    private String searchText;
-    
-    @Column(name = COUNTRY_PROPERTY)
-    private String country;
-    
-    @Column(name = STATE_PROPERTY)
-    private String state;
-
-    @Column(name = CITY_PROPERTY)
-    private String city;
-
-    @Column(name = ADDRESS_PROPERTY)
-    private String address;
-
-    @Column(name = ADDRESS2_PROPERTY)
-    private String address2;
-
-    @Column(name = ZIP_PROPERTY)
-    private String zip;
-
-    @Column(name = PHONE_PROPERTY)
-    private String phone;
-
-    @Column(name = EMAIL_PROPERTY)
-    private String email;
-
-    @Column(name = CUSTOMER_ADDITIONAL_INFO_PROPERTY, codec = JsonCodec.class)
-    private JsonNode additionalInfo;
-
-    public CustomerEntity() {
-        super();
-    }
-
-    public CustomerEntity(Customer customer) {
-        if (customer.getId() != null) {
-            this.id = customer.getId().getId();
-        }
-        this.tenantId = customer.getTenantId().getId();
-        this.title = customer.getTitle();
-        this.country = customer.getCountry();
-        this.state = customer.getState();
-        this.city = customer.getCity();
-        this.address = customer.getAddress();
-        this.address2 = customer.getAddress2();
-        this.zip = customer.getZip();
-        this.phone = customer.getPhone();
-        this.email = customer.getEmail();
-        this.additionalInfo = customer.getAdditionalInfo();
-    }
-    
-    public UUID getId() {
-        return id;
-    }
-
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    public UUID getTenantId() {
-        return tenantId;
-    }
-
-    public void setTenantId(UUID tenantId) {
-        this.tenantId = tenantId;
-    }
-
-    public String getTitle() {
-        return title;
-    }
-
-    public void setTitle(String title) {
-        this.title = title;
-    }
-
-    public String getCountry() {
-        return country;
-    }
-
-    public void setCountry(String country) {
-        this.country = country;
-    }
-
-    public String getState() {
-        return state;
-    }
-
-    public void setState(String state) {
-        this.state = state;
-    }
-
-    public String getCity() {
-        return city;
-    }
-
-    public void setCity(String city) {
-        this.city = city;
-    }
-
-    public String getAddress() {
-        return address;
-    }
-
-    public void setAddress(String address) {
-        this.address = address;
-    }
-
-    public String getAddress2() {
-        return address2;
-    }
-
-    public void setAddress2(String address2) {
-        this.address2 = address2;
-    }
-
-    public String getZip() {
-        return zip;
-    }
-
-    public void setZip(String zip) {
-        this.zip = zip;
-    }
-
-    public String getPhone() {
-        return phone;
-    }
-
-    public void setPhone(String phone) {
-        this.phone = phone;
-    }
-
-    public String getEmail() {
-        return email;
-    }
-
-    public void setEmail(String email) {
-        this.email = email;
-    }
-
-    public JsonNode getAdditionalInfo() {
-        return additionalInfo;
-    }
-
-    public void setAdditionalInfo(JsonNode additionalInfo) {
-        this.additionalInfo = additionalInfo;
-    }
-    
-    @Override
-    public String getSearchTextSource() {
-        return getTitle();
-    }
-
-    @Override
-    public void setSearchText(String searchText) {
-        this.searchText = searchText;
-    }
-    
-    public String getSearchText() {
-        return searchText;
-    }
-
-    @Override
-    public Customer toData() {
-        Customer customer = new Customer(new CustomerId(id));
-        customer.setCreatedTime(UUIDs.unixTimestamp(id));
-        customer.setTenantId(new TenantId(tenantId));
-        customer.setTitle(title);
-        customer.setCountry(country);
-        customer.setState(state);
-        customer.setCity(city);
-        customer.setAddress(address);
-        customer.setAddress2(address2);
-        customer.setZip(zip);
-        customer.setPhone(phone);
-        customer.setEmail(email);
-        customer.setAdditionalInfo(additionalInfo);
-        return customer;
-    }
-
-}
\ No newline at end of file
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/DashboardEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/nosql/DashboardEntity.java
deleted file mode 100644
index 9fe999a0e5..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/DashboardEntity.java
+++ /dev/null
@@ -1,174 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.nosql;
-
-import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
-import com.fasterxml.jackson.core.JsonProcessingException;
-import com.fasterxml.jackson.databind.JavaType;
-import com.fasterxml.jackson.databind.JsonNode;
-import com.fasterxml.jackson.databind.ObjectMapper;
-import lombok.EqualsAndHashCode;
-import lombok.ToString;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.util.StringUtils;
-import org.thingsboard.server.common.data.Dashboard;
-import org.thingsboard.server.common.data.ShortCustomerInfo;
-import org.thingsboard.server.common.data.id.DashboardId;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.dao.model.SearchTextEntity;
-import org.thingsboard.server.dao.model.type.JsonCodec;
-
-import java.io.IOException;
-import java.util.HashSet;
-import java.util.UUID;
-
-import static org.thingsboard.server.dao.model.ModelConstants.DASHBOARD_ASSIGNED_CUSTOMERS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.DASHBOARD_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.DASHBOARD_CONFIGURATION_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.DASHBOARD_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.DASHBOARD_TITLE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.SEARCH_TEXT_PROPERTY;
-
-@Table(name = DASHBOARD_COLUMN_FAMILY_NAME)
-@EqualsAndHashCode
-@ToString
-@Slf4j
-public final class DashboardEntity implements SearchTextEntity<Dashboard> {
-
-    private static final ObjectMapper objectMapper = new ObjectMapper();
-    private static final JavaType assignedCustomersType =
-            objectMapper.getTypeFactory().constructCollectionType(HashSet.class, ShortCustomerInfo.class);
-
-    @PartitionKey(value = 0)
-    @Column(name = ID_PROPERTY)
-    private UUID id;
-    
-    @PartitionKey(value = 1)
-    @Column(name = DASHBOARD_TENANT_ID_PROPERTY)
-    private UUID tenantId;
-
-    @Column(name = DASHBOARD_TITLE_PROPERTY)
-    private String title;
-    
-    @Column(name = SEARCH_TEXT_PROPERTY)
-    private String searchText;
-
-    @Column(name = DASHBOARD_ASSIGNED_CUSTOMERS_PROPERTY)
-    private String assignedCustomers;
-
-    @Column(name = DASHBOARD_CONFIGURATION_PROPERTY, codec = JsonCodec.class)
-    private JsonNode configuration;
-
-    public DashboardEntity() {
-        super();
-    }
-
-    public DashboardEntity(Dashboard dashboard) {
-        if (dashboard.getId() != null) {
-            this.id = dashboard.getId().getId();
-        }
-        if (dashboard.getTenantId() != null) {
-            this.tenantId = dashboard.getTenantId().getId();
-        }
-        this.title = dashboard.getTitle();
-        if (dashboard.getAssignedCustomers() != null) {
-            try {
-                this.assignedCustomers = objectMapper.writeValueAsString(dashboard.getAssignedCustomers());
-            } catch (JsonProcessingException e) {
-                log.error("Unable to serialize assigned customers to string!", e);
-            }
-        }
-        this.configuration = dashboard.getConfiguration();
-    }
-    
-    public UUID getId() {
-        return id;
-    }
-
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    public UUID getTenantId() {
-        return tenantId;
-    }
-
-    public void setTenantId(UUID tenantId) {
-        this.tenantId = tenantId;
-    }
-
-    public String getTitle() {
-        return title;
-    }
-
-    public void setTitle(String title) {
-        this.title = title;
-    }
-
-    public String getAssignedCustomers() {
-        return assignedCustomers;
-    }
-
-    public void setAssignedCustomers(String assignedCustomers) {
-        this.assignedCustomers = assignedCustomers;
-    }
-
-    public JsonNode getConfiguration() {
-        return configuration;
-    }
-
-    public void setConfiguration(JsonNode configuration) {
-        this.configuration = configuration;
-    }
-    
-    @Override
-    public String getSearchTextSource() {
-        return getTitle();
-    }
-
-    @Override
-    public void setSearchText(String searchText) {
-        this.searchText = searchText;
-    }
-    
-    public String getSearchText() {
-        return searchText;
-    }
-
-    @Override
-    public Dashboard toData() {
-        Dashboard dashboard = new Dashboard(new DashboardId(id));
-        dashboard.setCreatedTime(UUIDs.unixTimestamp(id));
-        if (tenantId != null) {
-            dashboard.setTenantId(new TenantId(tenantId));
-        }
-        dashboard.setTitle(title);
-        if (!StringUtils.isEmpty(assignedCustomers)) {
-            try {
-                dashboard.setAssignedCustomers(objectMapper.readValue(assignedCustomers, assignedCustomersType));
-            } catch (IOException e) {
-                log.warn("Unable to parse assigned customers!", e);
-            }
-        }
-        dashboard.setConfiguration(configuration);
-        return dashboard;
-    }
-
-}
\ No newline at end of file
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/DashboardInfoEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/nosql/DashboardInfoEntity.java
deleted file mode 100644
index b54252fdfc..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/DashboardInfoEntity.java
+++ /dev/null
@@ -1,158 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.nosql;
-
-import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
-import com.fasterxml.jackson.core.JsonProcessingException;
-import com.fasterxml.jackson.databind.JavaType;
-import com.fasterxml.jackson.databind.ObjectMapper;
-import lombok.EqualsAndHashCode;
-import lombok.ToString;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.util.StringUtils;
-import org.thingsboard.server.common.data.DashboardInfo;
-import org.thingsboard.server.common.data.ShortCustomerInfo;
-import org.thingsboard.server.common.data.id.DashboardId;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.dao.model.SearchTextEntity;
-
-import java.io.IOException;
-import java.util.HashSet;
-import java.util.UUID;
-
-import static org.thingsboard.server.dao.model.ModelConstants.DASHBOARD_ASSIGNED_CUSTOMERS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.DASHBOARD_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.DASHBOARD_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.DASHBOARD_TITLE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.SEARCH_TEXT_PROPERTY;
-
-@Table(name = DASHBOARD_COLUMN_FAMILY_NAME)
-@EqualsAndHashCode
-@ToString
-@Slf4j
-public class DashboardInfoEntity implements SearchTextEntity<DashboardInfo> {
-
-    private static final ObjectMapper objectMapper = new ObjectMapper();
-    private static final JavaType assignedCustomersType =
-            objectMapper.getTypeFactory().constructCollectionType(HashSet.class, ShortCustomerInfo.class);
-
-    @PartitionKey(value = 0)
-    @Column(name = ID_PROPERTY)
-    private UUID id;
-
-    @PartitionKey(value = 1)
-    @Column(name = DASHBOARD_TENANT_ID_PROPERTY)
-    private UUID tenantId;
-
-    @Column(name = DASHBOARD_TITLE_PROPERTY)
-    private String title;
-
-    @Column(name = SEARCH_TEXT_PROPERTY)
-    private String searchText;
-
-    @Column(name = DASHBOARD_ASSIGNED_CUSTOMERS_PROPERTY)
-    private String assignedCustomers;
-
-    public DashboardInfoEntity() {
-        super();
-    }
-
-    public DashboardInfoEntity(DashboardInfo dashboardInfo) {
-        if (dashboardInfo.getId() != null) {
-            this.id = dashboardInfo.getId().getId();
-        }
-        if (dashboardInfo.getTenantId() != null) {
-            this.tenantId = dashboardInfo.getTenantId().getId();
-        }
-        this.title = dashboardInfo.getTitle();
-        if (dashboardInfo.getAssignedCustomers() != null) {
-            try {
-                this.assignedCustomers = objectMapper.writeValueAsString(dashboardInfo.getAssignedCustomers());
-            } catch (JsonProcessingException e) {
-                log.error("Unable to serialize assigned customers to string!", e);
-            }
-        }
-    }
-
-    public UUID getId() {
-        return id;
-    }
-
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    public UUID getTenantId() {
-        return tenantId;
-    }
-
-    public void setTenantId(UUID tenantId) {
-        this.tenantId = tenantId;
-    }
-
-    public String getTitle() {
-        return title;
-    }
-
-    public void setTitle(String title) {
-        this.title = title;
-    }
-
-    public String getAssignedCustomers() {
-        return assignedCustomers;
-    }
-
-    public void setAssignedCustomers(String assignedCustomers) {
-        this.assignedCustomers = assignedCustomers;
-    }
-
-    @Override
-    public String getSearchTextSource() {
-        return getTitle();
-    }
-
-    @Override
-    public void setSearchText(String searchText) {
-        this.searchText = searchText;
-    }
-
-    public String getSearchText() {
-        return searchText;
-    }
-
-    @Override
-    public DashboardInfo toData() {
-        DashboardInfo dashboardInfo = new DashboardInfo(new DashboardId(id));
-        dashboardInfo.setCreatedTime(UUIDs.unixTimestamp(id));
-        if (tenantId != null) {
-            dashboardInfo.setTenantId(new TenantId(tenantId));
-        }
-        dashboardInfo.setTitle(title);
-        if (!StringUtils.isEmpty(assignedCustomers)) {
-            try {
-                dashboardInfo.setAssignedCustomers(objectMapper.readValue(assignedCustomers, assignedCustomersType));
-            } catch (IOException e) {
-                log.warn("Unable to parse assigned customers!", e);
-            }
-        }
-        return dashboardInfo;
-    }
-
-}
\ No newline at end of file
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/DeviceCredentialsEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/nosql/DeviceCredentialsEntity.java
deleted file mode 100644
index 6900014d21..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/DeviceCredentialsEntity.java
+++ /dev/null
@@ -1,130 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.nosql;
-
-import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
-import lombok.EqualsAndHashCode;
-import lombok.ToString;
-import org.thingsboard.server.common.data.id.DeviceCredentialsId;
-import org.thingsboard.server.common.data.id.DeviceId;
-import org.thingsboard.server.common.data.security.DeviceCredentials;
-import org.thingsboard.server.common.data.security.DeviceCredentialsType;
-import org.thingsboard.server.dao.model.BaseEntity;
-import org.thingsboard.server.dao.model.type.DeviceCredentialsTypeCodec;
-
-import java.util.UUID;
-
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_CREDENTIALS_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_CREDENTIALS_CREDENTIALS_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_CREDENTIALS_CREDENTIALS_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_CREDENTIALS_CREDENTIALS_VALUE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_CREDENTIALS_DEVICE_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-
-@Table(name = DEVICE_CREDENTIALS_COLUMN_FAMILY_NAME)
-@EqualsAndHashCode
-@ToString
-public final class DeviceCredentialsEntity implements BaseEntity<DeviceCredentials> {
-
-    @PartitionKey(value = 0)
-    @Column(name = ID_PROPERTY)
-    private UUID id;
-    
-    @Column(name = DEVICE_CREDENTIALS_DEVICE_ID_PROPERTY)
-    private UUID deviceId;
-    
-    @Column(name = DEVICE_CREDENTIALS_CREDENTIALS_TYPE_PROPERTY, codec = DeviceCredentialsTypeCodec.class)
-    private DeviceCredentialsType credentialsType;
-
-    @Column(name = DEVICE_CREDENTIALS_CREDENTIALS_ID_PROPERTY)
-    private String credentialsId;
-
-    @Column(name = DEVICE_CREDENTIALS_CREDENTIALS_VALUE_PROPERTY)
-    private String credentialsValue;
-
-    public DeviceCredentialsEntity() {
-        super();
-    }
-
-    public DeviceCredentialsEntity(DeviceCredentials deviceCredentials) {
-        if (deviceCredentials.getId() != null) {
-            this.id = deviceCredentials.getId().getId();
-        }
-        if (deviceCredentials.getDeviceId() != null) {
-            this.deviceId = deviceCredentials.getDeviceId().getId();
-        }
-        this.credentialsType = deviceCredentials.getCredentialsType();
-        this.credentialsId = deviceCredentials.getCredentialsId();
-        this.credentialsValue = deviceCredentials.getCredentialsValue(); 
-    }
-    
-    public UUID getId() {
-        return id;
-    }
-
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    public UUID getDeviceId() {
-        return deviceId;
-    }
-
-    public void setDeviceId(UUID deviceId) {
-        this.deviceId = deviceId;
-    }
-
-    public DeviceCredentialsType getCredentialsType() {
-        return credentialsType;
-    }
-
-    public void setCredentialsType(DeviceCredentialsType credentialsType) {
-        this.credentialsType = credentialsType;
-    }
-
-    public String getCredentialsId() {
-        return credentialsId;
-    }
-
-    public void setCredentialsId(String credentialsId) {
-        this.credentialsId = credentialsId;
-    }
-
-    public String getCredentialsValue() {
-        return credentialsValue;
-    }
-
-    public void setCredentialsValue(String credentialsValue) {
-        this.credentialsValue = credentialsValue;
-    }
-
-    @Override
-    public DeviceCredentials toData() {
-        DeviceCredentials deviceCredentials = new DeviceCredentials(new DeviceCredentialsId(id));
-        deviceCredentials.setCreatedTime(UUIDs.unixTimestamp(id));
-        if (deviceId != null) {
-            deviceCredentials.setDeviceId(new DeviceId(deviceId));
-        }
-        deviceCredentials.setCredentialsType(credentialsType);
-        deviceCredentials.setCredentialsId(credentialsId);
-        deviceCredentials.setCredentialsValue(credentialsValue);
-        return deviceCredentials;
-    }
-
-}
\ No newline at end of file
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/DeviceEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/nosql/DeviceEntity.java
deleted file mode 100644
index 5fa561fbca..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/DeviceEntity.java
+++ /dev/null
@@ -1,168 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.nosql;
-
-import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
-import com.fasterxml.jackson.databind.JsonNode;
-import lombok.EqualsAndHashCode;
-import lombok.ToString;
-import org.thingsboard.server.common.data.Device;
-import org.thingsboard.server.common.data.id.CustomerId;
-import org.thingsboard.server.common.data.id.DeviceId;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.dao.model.SearchTextEntity;
-import org.thingsboard.server.dao.model.type.JsonCodec;
-
-import java.util.UUID;
-
-import static org.thingsboard.server.dao.model.ModelConstants.*;
-
-@Table(name = DEVICE_COLUMN_FAMILY_NAME)
-@EqualsAndHashCode
-@ToString
-public final class DeviceEntity implements SearchTextEntity<Device> {
-
-    @PartitionKey(value = 0)
-    @Column(name = ID_PROPERTY)
-    private UUID id;
-    
-    @PartitionKey(value = 1)
-    @Column(name = DEVICE_TENANT_ID_PROPERTY)
-    private UUID tenantId;
-
-    @PartitionKey(value = 2)
-    @Column(name = DEVICE_CUSTOMER_ID_PROPERTY)
-    private UUID customerId;
-
-    @PartitionKey(value = 3)
-    @Column(name = DEVICE_TYPE_PROPERTY)
-    private String type;
-
-    @Column(name = DEVICE_NAME_PROPERTY)
-    private String name;
-
-    @Column(name = DEVICE_LABEL_PROPERTY)
-    private String label;
-
-    @Column(name = SEARCH_TEXT_PROPERTY)
-    private String searchText;
-    
-    @Column(name = DEVICE_ADDITIONAL_INFO_PROPERTY, codec = JsonCodec.class)
-    private JsonNode additionalInfo;
-
-    public DeviceEntity() {
-        super();
-    }
-
-    public DeviceEntity(Device device) {
-        if (device.getId() != null) {
-            this.id = device.getId().getId();
-        }
-        if (device.getTenantId() != null) {
-            this.tenantId = device.getTenantId().getId();
-        }
-        if (device.getCustomerId() != null) {
-            this.customerId = device.getCustomerId().getId();
-        }
-        this.name = device.getName();
-        this.type = device.getType();
-        this.label = device.getLabel();
-        this.additionalInfo = device.getAdditionalInfo();
-    }
-    
-    public UUID getId() {
-        return id;
-    }
-
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    public UUID getTenantId() {
-        return tenantId;
-    }
-
-    public void setTenantId(UUID tenantId) {
-        this.tenantId = tenantId;
-    }
-
-    public UUID getCustomerId() {
-        return customerId;
-    }
-
-    public void setCustomerId(UUID customerId) {
-        this.customerId = customerId;
-    }
-    
-    public String getName() {
-        return name;
-    }
-
-    public void setName(String name) {
-        this.name = name;
-    }
-
-    public String getType() {
-        return type;
-    }
-
-    public void setType(String type) {
-        this.type = type;
-    }
-
-    public JsonNode getAdditionalInfo() {
-        return additionalInfo;
-    }
-
-    public void setAdditionalInfo(JsonNode additionalInfo) {
-        this.additionalInfo = additionalInfo;
-    }
-    
-    @Override
-    public String getSearchTextSource() {
-        return getName();
-    }
-
-    @Override
-    public void setSearchText(String searchText) {
-        this.searchText = searchText;
-    }
-    
-    public String getSearchText() {
-        return searchText;
-    }
-
-    @Override
-    public Device toData() {
-        Device device = new Device(new DeviceId(id));
-        device.setCreatedTime(UUIDs.unixTimestamp(id));
-        if (tenantId != null) {
-            device.setTenantId(new TenantId(tenantId));
-        }
-        if (customerId != null) {
-            device.setCustomerId(new CustomerId(customerId));
-        }
-        device.setName(name);
-        device.setType(type);
-        device.setLabel(label);
-        device.setAdditionalInfo(additionalInfo);
-        return device;
-    }
-
-}
\ No newline at end of file
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/EventEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/nosql/EventEntity.java
deleted file mode 100644
index 2645d29df3..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/EventEntity.java
+++ /dev/null
@@ -1,117 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.nosql;
-
-import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.ClusteringColumn;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
-import com.fasterxml.jackson.databind.JsonNode;
-import lombok.Data;
-import lombok.NoArgsConstructor;
-import org.thingsboard.server.common.data.EntityType;
-import org.thingsboard.server.common.data.Event;
-import org.thingsboard.server.common.data.id.EntityIdFactory;
-import org.thingsboard.server.common.data.id.EventId;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.dao.model.BaseEntity;
-import org.thingsboard.server.dao.model.type.EntityTypeCodec;
-import org.thingsboard.server.dao.model.type.JsonCodec;
-
-import java.util.UUID;
-
-import static org.thingsboard.server.dao.model.ModelConstants.EVENT_BODY_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.EVENT_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.EVENT_ENTITY_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.EVENT_ENTITY_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.EVENT_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.EVENT_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.EVENT_UID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-
-/**
- * @author Andrew Shvayka
- */
-@Data
-@NoArgsConstructor
-@Table(name = EVENT_COLUMN_FAMILY_NAME)
-public class EventEntity implements BaseEntity<Event> {
-
-    @Column(name = ID_PROPERTY)
-    private UUID id;
-
-    @PartitionKey()
-    @Column(name = EVENT_TENANT_ID_PROPERTY)
-    private UUID tenantId;
-
-    @PartitionKey(value = 1)
-    @Column(name = EVENT_ENTITY_TYPE_PROPERTY, codec = EntityTypeCodec.class)
-    private EntityType entityType;
-
-    @PartitionKey(value = 2)
-    @Column(name = EVENT_ENTITY_ID_PROPERTY)
-    private UUID entityId;
-
-    @ClusteringColumn()
-    @Column(name = EVENT_TYPE_PROPERTY)
-    private String eventType;
-
-    @ClusteringColumn(value = 1)
-    @Column(name = EVENT_UID_PROPERTY)
-    private String eventUid;
-
-    @Column(name = EVENT_BODY_PROPERTY, codec = JsonCodec.class)
-    private JsonNode body;
-
-    public EventEntity(Event event) {
-        if (event.getId() != null) {
-            this.id = event.getId().getId();
-        }
-        if (event.getTenantId() != null) {
-            this.tenantId = event.getTenantId().getId();
-        }
-        if (event.getEntityId() != null) {
-            this.entityType = event.getEntityId().getEntityType();
-            this.entityId = event.getEntityId().getId();
-        }
-        this.eventType = event.getType();
-        this.eventUid = event.getUid();
-        this.body = event.getBody();
-    }
-
-    @Override
-    public UUID getId() {
-        return id;
-    }
-
-    @Override
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    @Override
-    public Event toData() {
-        Event event = new Event(new EventId(id));
-        event.setCreatedTime(UUIDs.unixTimestamp(id));
-        event.setTenantId(new TenantId(tenantId));
-        event.setEntityId(EntityIdFactory.getByTypeAndUuid(entityType, entityId));
-        event.setBody(body);
-        event.setType(eventType);
-        event.setUid(eventUid);
-        return event;
-    }
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/RuleChainEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/nosql/RuleChainEntity.java
deleted file mode 100644
index bb6a194801..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/RuleChainEntity.java
+++ /dev/null
@@ -1,182 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.nosql;
-
-import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.ClusteringColumn;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
-import com.fasterxml.jackson.databind.JsonNode;
-import lombok.EqualsAndHashCode;
-import lombok.Getter;
-import lombok.Setter;
-import lombok.ToString;
-import org.thingsboard.server.common.data.id.RuleChainId;
-import org.thingsboard.server.common.data.id.RuleNodeId;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.rule.RuleChain;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.SearchTextEntity;
-import org.thingsboard.server.dao.model.type.JsonCodec;
-
-import java.util.UUID;
-
-import static org.thingsboard.server.dao.model.ModelConstants.ADDITIONAL_INFO_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.DEBUG_MODE;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.RULE_CHAIN_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.RULE_CHAIN_CONFIGURATION_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.RULE_CHAIN_FIRST_RULE_NODE_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.RULE_CHAIN_NAME_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.RULE_CHAIN_ROOT_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.RULE_CHAIN_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.SEARCH_TEXT_PROPERTY;
-
-@Table(name = RULE_CHAIN_COLUMN_FAMILY_NAME)
-@EqualsAndHashCode
-@ToString
-public class RuleChainEntity implements SearchTextEntity<RuleChain> {
-
-    @PartitionKey
-    @Column(name = ID_PROPERTY)
-    private UUID id;
-    @ClusteringColumn
-    @Column(name = RULE_CHAIN_TENANT_ID_PROPERTY)
-    private UUID tenantId;
-    @Column(name = RULE_CHAIN_NAME_PROPERTY)
-    private String name;
-    @Column(name = SEARCH_TEXT_PROPERTY)
-    private String searchText;
-    @Column(name = RULE_CHAIN_FIRST_RULE_NODE_ID_PROPERTY)
-    private UUID firstRuleNodeId;
-    @Column(name = RULE_CHAIN_ROOT_PROPERTY)
-    private boolean root;
-    @Getter
-    @Setter
-    @Column(name = DEBUG_MODE)
-    private boolean debugMode;
-    @Column(name = RULE_CHAIN_CONFIGURATION_PROPERTY, codec = JsonCodec.class)
-    private JsonNode configuration;
-    @Column(name = ADDITIONAL_INFO_PROPERTY, codec = JsonCodec.class)
-    private JsonNode additionalInfo;
-
-    public RuleChainEntity() {
-    }
-
-    public RuleChainEntity(RuleChain ruleChain) {
-        if (ruleChain.getId() != null) {
-            this.id = ruleChain.getUuidId();
-        }
-        this.tenantId = DaoUtil.getId(ruleChain.getTenantId());
-        this.name = ruleChain.getName();
-        this.searchText = ruleChain.getName();
-        this.firstRuleNodeId = DaoUtil.getId(ruleChain.getFirstRuleNodeId());
-        this.root = ruleChain.isRoot();
-        this.debugMode = ruleChain.isDebugMode();
-        this.configuration = ruleChain.getConfiguration();
-        this.additionalInfo = ruleChain.getAdditionalInfo();
-    }
-
-    @Override
-    public String getSearchTextSource() {
-        return getSearchText();
-    }
-
-    @Override
-    public void setSearchText(String searchText) {
-        this.searchText = searchText;
-    }
-
-    @Override
-    public UUID getId() {
-        return id;
-    }
-
-    @Override
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    public UUID getTenantId() {
-        return tenantId;
-    }
-
-    public void setTenantId(UUID tenantId) {
-        this.tenantId = tenantId;
-    }
-
-    public String getName() {
-        return name;
-    }
-
-    public void setName(String name) {
-        this.name = name;
-    }
-
-    public UUID getFirstRuleNodeId() {
-        return firstRuleNodeId;
-    }
-
-    public void setFirstRuleNodeId(UUID firstRuleNodeId) {
-        this.firstRuleNodeId = firstRuleNodeId;
-    }
-
-    public boolean isRoot() {
-        return root;
-    }
-
-    public void setRoot(boolean root) {
-        this.root = root;
-    }
-
-    public String getSearchText() {
-        return searchText;
-    }
-
-    public JsonNode getConfiguration() {
-        return configuration;
-    }
-
-    public void setConfiguration(JsonNode configuration) {
-        this.configuration = configuration;
-    }
-
-    public JsonNode getAdditionalInfo() {
-        return additionalInfo;
-    }
-
-    public void setAdditionalInfo(JsonNode additionalInfo) {
-        this.additionalInfo = additionalInfo;
-    }
-
-    @Override
-    public RuleChain toData() {
-        RuleChain ruleChain = new RuleChain(new RuleChainId(id));
-        ruleChain.setCreatedTime(UUIDs.unixTimestamp(id));
-        ruleChain.setTenantId(new TenantId(tenantId));
-        ruleChain.setName(name);
-        if (this.firstRuleNodeId != null) {
-            ruleChain.setFirstRuleNodeId(new RuleNodeId(this.firstRuleNodeId));
-        }
-        ruleChain.setRoot(this.root);
-        ruleChain.setDebugMode(this.debugMode);
-        ruleChain.setConfiguration(this.configuration);
-        ruleChain.setAdditionalInfo(this.additionalInfo);
-        return ruleChain;
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/RuleNodeEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/nosql/RuleNodeEntity.java
deleted file mode 100644
index e2dc2fa244..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/RuleNodeEntity.java
+++ /dev/null
@@ -1,167 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.nosql;
-
-import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
-import com.fasterxml.jackson.databind.JsonNode;
-import lombok.EqualsAndHashCode;
-import lombok.Getter;
-import lombok.Setter;
-import lombok.ToString;
-import org.thingsboard.server.common.data.id.RuleChainId;
-import org.thingsboard.server.common.data.id.RuleNodeId;
-import org.thingsboard.server.common.data.rule.RuleNode;
-import org.thingsboard.server.dao.model.SearchTextEntity;
-import org.thingsboard.server.dao.model.type.JsonCodec;
-
-import java.util.UUID;
-
-import static org.thingsboard.server.dao.model.ModelConstants.ADDITIONAL_INFO_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.DEBUG_MODE;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.RULE_NODE_CHAIN_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.RULE_NODE_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.RULE_NODE_CONFIGURATION_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.RULE_NODE_NAME_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.RULE_NODE_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.SEARCH_TEXT_PROPERTY;
-
-@Table(name = RULE_NODE_COLUMN_FAMILY_NAME)
-@EqualsAndHashCode
-@ToString
-public class RuleNodeEntity implements SearchTextEntity<RuleNode> {
-
-    @PartitionKey
-    @Column(name = ID_PROPERTY)
-    private UUID id;
-    @Column(name = RULE_NODE_CHAIN_ID_PROPERTY)
-    private UUID ruleChainId;
-    @Column(name = RULE_NODE_TYPE_PROPERTY)
-    private String type;
-    @Column(name = RULE_NODE_NAME_PROPERTY)
-    private String name;
-    @Column(name = SEARCH_TEXT_PROPERTY)
-    private String searchText;
-    @Column(name = RULE_NODE_CONFIGURATION_PROPERTY, codec = JsonCodec.class)
-    private JsonNode configuration;
-    @Column(name = ADDITIONAL_INFO_PROPERTY, codec = JsonCodec.class)
-    private JsonNode additionalInfo;
-    @Getter
-    @Setter
-    @Column(name = DEBUG_MODE)
-    private boolean debugMode;
-
-    public RuleNodeEntity() {
-    }
-
-    public RuleNodeEntity(RuleNode ruleNode) {
-        if (ruleNode.getId() != null) {
-            this.id = ruleNode.getUuidId();
-        }
-        if (ruleNode.getRuleChainId() != null) {
-            this.ruleChainId = ruleNode.getRuleChainId().getId();
-        }
-        this.type = ruleNode.getType();
-        this.name = ruleNode.getName();
-        this.debugMode = ruleNode.isDebugMode();
-        this.searchText = ruleNode.getName();
-        this.configuration = ruleNode.getConfiguration();
-        this.additionalInfo = ruleNode.getAdditionalInfo();
-    }
-
-    @Override
-    public String getSearchTextSource() {
-        return getSearchText();
-    }
-
-    @Override
-    public void setSearchText(String searchText) {
-        this.searchText = searchText;
-    }
-
-    @Override
-    public UUID getId() {
-        return id;
-    }
-
-    @Override
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    public UUID getRuleChainId() {
-        return ruleChainId;
-    }
-
-    public void setRuleChainId(UUID ruleChainId) {
-        this.ruleChainId = ruleChainId;
-    }
-
-    public String getType() {
-        return type;
-    }
-
-    public void setType(String type) {
-        this.type = type;
-    }
-
-    public String getName() {
-        return name;
-    }
-
-    public void setName(String name) {
-        this.name = name;
-    }
-
-    public String getSearchText() {
-        return searchText;
-    }
-
-    public JsonNode getConfiguration() {
-        return configuration;
-    }
-
-    public void setConfiguration(JsonNode configuration) {
-        this.configuration = configuration;
-    }
-
-    public JsonNode getAdditionalInfo() {
-        return additionalInfo;
-    }
-
-    public void setAdditionalInfo(JsonNode additionalInfo) {
-        this.additionalInfo = additionalInfo;
-    }
-
-    @Override
-    public RuleNode toData() {
-        RuleNode ruleNode = new RuleNode(new RuleNodeId(id));
-        ruleNode.setCreatedTime(UUIDs.unixTimestamp(id));
-        if (this.ruleChainId != null) {
-            ruleNode.setRuleChainId(new RuleChainId(this.ruleChainId));
-        }
-        ruleNode.setType(this.type);
-        ruleNode.setName(this.name);
-        ruleNode.setDebugMode(this.debugMode);
-        ruleNode.setConfiguration(this.configuration);
-        ruleNode.setAdditionalInfo(this.additionalInfo);
-        return ruleNode;
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/TenantEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/nosql/TenantEntity.java
deleted file mode 100644
index 0ce7990755..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/TenantEntity.java
+++ /dev/null
@@ -1,242 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.nosql;
-
-import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
-import com.fasterxml.jackson.databind.JsonNode;
-import lombok.EqualsAndHashCode;
-import lombok.ToString;
-import org.thingsboard.server.common.data.Tenant;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.dao.model.SearchTextEntity;
-import org.thingsboard.server.dao.model.type.JsonCodec;
-
-import java.util.UUID;
-
-import static org.thingsboard.server.dao.model.ModelConstants.ADDRESS2_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ADDRESS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.CITY_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.COUNTRY_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.EMAIL_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.PHONE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.SEARCH_TEXT_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.STATE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.TENANT_ADDITIONAL_INFO_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.TENANT_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.TENANT_REGION_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.TENANT_TITLE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ZIP_PROPERTY;
-
-@Table(name = TENANT_COLUMN_FAMILY_NAME)
-@EqualsAndHashCode
-@ToString
-public final class TenantEntity implements SearchTextEntity<Tenant> {
-
-    @PartitionKey(value = 0)
-    @Column(name = ID_PROPERTY)
-    private UUID id;
-
-    @Column(name = TENANT_TITLE_PROPERTY)
-    private String title;
-    
-    @Column(name = SEARCH_TEXT_PROPERTY)
-    private String searchText;
-
-    @Column(name = TENANT_REGION_PROPERTY)
-    private String region;
-    
-    @Column(name = COUNTRY_PROPERTY)
-    private String country;
-    
-    @Column(name = STATE_PROPERTY)
-    private String state;
-
-    @Column(name = CITY_PROPERTY)
-    private String city;
-
-    @Column(name = ADDRESS_PROPERTY)
-    private String address;
-
-    @Column(name = ADDRESS2_PROPERTY)
-    private String address2;
-
-    @Column(name = ZIP_PROPERTY)
-    private String zip;
-
-    @Column(name = PHONE_PROPERTY)
-    private String phone;
-
-    @Column(name = EMAIL_PROPERTY)
-    private String email;
-
-    @Column(name = TENANT_ADDITIONAL_INFO_PROPERTY, codec = JsonCodec.class)
-    private JsonNode additionalInfo;
-
-    public TenantEntity() {
-        super();
-    }
-
-    public TenantEntity(Tenant tenant) {
-        if (tenant.getId() != null) {
-            this.id = tenant.getId().getId();
-        }
-        this.title = tenant.getTitle();
-        this.region = tenant.getRegion();
-        this.country = tenant.getCountry();
-        this.state = tenant.getState();
-        this.city = tenant.getCity();
-        this.address = tenant.getAddress();
-        this.address2 = tenant.getAddress2();
-        this.zip = tenant.getZip();
-        this.phone = tenant.getPhone();
-        this.email = tenant.getEmail();
-        this.additionalInfo = tenant.getAdditionalInfo();
-    }
-    
-    public UUID getId() {
-        return id;
-    }
-
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    public String getTitle() {
-        return title;
-    }
-
-    public void setTitle(String title) {
-        this.title = title;
-    }
-
-    public String getRegion() {
-        return region;
-    }
-
-    public void setRegion(String region) {
-        this.region = region;
-    }
-
-    public String getCountry() {
-        return country;
-    }
-
-    public void setCountry(String country) {
-        this.country = country;
-    }
-
-    public String getState() {
-        return state;
-    }
-
-    public void setState(String state) {
-        this.state = state;
-    }
-
-    public String getCity() {
-        return city;
-    }
-
-    public void setCity(String city) {
-        this.city = city;
-    }
-
-    public String getAddress() {
-        return address;
-    }
-
-    public void setAddress(String address) {
-        this.address = address;
-    }
-
-    public String getAddress2() {
-        return address2;
-    }
-
-    public void setAddress2(String address2) {
-        this.address2 = address2;
-    }
-
-    public String getZip() {
-        return zip;
-    }
-
-    public void setZip(String zip) {
-        this.zip = zip;
-    }
-
-    public String getPhone() {
-        return phone;
-    }
-
-    public void setPhone(String phone) {
-        this.phone = phone;
-    }
-
-    public String getEmail() {
-        return email;
-    }
-
-    public void setEmail(String email) {
-        this.email = email;
-    }
-
-    public JsonNode getAdditionalInfo() {
-        return additionalInfo;
-    }
-
-    public void setAdditionalInfo(JsonNode additionalInfo) {
-        this.additionalInfo = additionalInfo;
-    }
-
-    @Override
-    public String getSearchTextSource() {
-        return getTitle();
-    }
-
-    @Override
-    public void setSearchText(String searchText) {
-        this.searchText = searchText;
-    }
-    
-    public String getSearchText() {
-        return searchText;
-    }
-
-    @Override
-    public Tenant toData() {
-        Tenant tenant = new Tenant(new TenantId(id));
-        tenant.setCreatedTime(UUIDs.unixTimestamp(id));
-        tenant.setTitle(title);
-        tenant.setRegion(region);
-        tenant.setCountry(country);
-        tenant.setState(state);
-        tenant.setCity(city);
-        tenant.setAddress(address);
-        tenant.setAddress2(address2);
-        tenant.setZip(zip);
-        tenant.setPhone(phone);
-        tenant.setEmail(email);
-        tenant.setAdditionalInfo(additionalInfo);
-        return tenant;
-    }
-
-
-}
\ No newline at end of file
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/UserCredentialsEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/nosql/UserCredentialsEntity.java
deleted file mode 100644
index 50b54bd8c9..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/UserCredentialsEntity.java
+++ /dev/null
@@ -1,140 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.nosql;
-
-import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
-import lombok.EqualsAndHashCode;
-import org.thingsboard.server.common.data.id.UserCredentialsId;
-import org.thingsboard.server.common.data.id.UserId;
-import org.thingsboard.server.common.data.security.UserCredentials;
-import org.thingsboard.server.dao.model.BaseEntity;
-
-import java.util.UUID;
-
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.USER_CREDENTIALS_ACTIVATE_TOKEN_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.USER_CREDENTIALS_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.USER_CREDENTIALS_ENABLED_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.USER_CREDENTIALS_PASSWORD_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.USER_CREDENTIALS_RESET_TOKEN_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.USER_CREDENTIALS_USER_ID_PROPERTY;
-
-@Table(name = USER_CREDENTIALS_COLUMN_FAMILY_NAME)
-@EqualsAndHashCode
-public final class UserCredentialsEntity implements BaseEntity<UserCredentials> {
-
-    @PartitionKey(value = 0)
-    @Column(name = ID_PROPERTY)
-    private UUID id;
-    
-    @Column(name = USER_CREDENTIALS_USER_ID_PROPERTY)
-    private UUID userId;
-
-    @Column(name = USER_CREDENTIALS_ENABLED_PROPERTY)
-    private boolean enabled;
-
-    @Column(name = USER_CREDENTIALS_PASSWORD_PROPERTY)
-    private String password;
-
-    @Column(name = USER_CREDENTIALS_ACTIVATE_TOKEN_PROPERTY)
-    private String activateToken;
-
-    @Column(name = USER_CREDENTIALS_RESET_TOKEN_PROPERTY)
-    private String resetToken;
-
-    public UserCredentialsEntity() {
-        super();
-    }
-
-    public UserCredentialsEntity(UserCredentials userCredentials) {
-        if (userCredentials.getId() != null) {
-            this.id = userCredentials.getId().getId();
-        }
-        if (userCredentials.getUserId() != null) {
-            this.userId = userCredentials.getUserId().getId();
-        }
-        this.enabled = userCredentials.isEnabled();
-        this.password = userCredentials.getPassword();
-        this.activateToken = userCredentials.getActivateToken();
-        this.resetToken = userCredentials.getResetToken();
-    }
-    
-    public UUID getId() {
-        return id;
-    }
-
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    public UUID getUserId() {
-        return userId;
-    }
-
-    public void setUserId(UUID userId) {
-        this.userId = userId;
-    }
-    
-    public boolean isEnabled() {
-        return enabled;
-    }
-
-    public void setEnabled(boolean enabled) {
-        this.enabled = enabled;
-    }
-
-    public String getPassword() {
-        return password;
-    }
-
-    public void setPassword(String password) {
-        this.password = password;
-    }
-
-    public String getActivateToken() {
-        return activateToken;
-    }
-
-    public void setActivateToken(String activateToken) {
-        this.activateToken = activateToken;
-    }
-
-    public String getResetToken() {
-        return resetToken;
-    }
-
-    public void setResetToken(String resetToken) {
-        this.resetToken = resetToken;
-    }
-
-    @Override
-    public UserCredentials toData() {
-        UserCredentials userCredentials = new UserCredentials(new UserCredentialsId(id));
-        userCredentials.setCreatedTime(UUIDs.unixTimestamp(id));
-        if (userId != null) {
-            userCredentials.setUserId(new UserId(userId));
-        }
-        userCredentials.setEnabled(enabled);
-        userCredentials.setPassword(password);
-        userCredentials.setActivateToken(activateToken);
-        userCredentials.setResetToken(resetToken);
-        return userCredentials;
-    }
-
-}
\ No newline at end of file
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/UserEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/nosql/UserEntity.java
deleted file mode 100644
index d8399fc2b5..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/UserEntity.java
+++ /dev/null
@@ -1,200 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.nosql;
-
-import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
-import com.fasterxml.jackson.databind.JsonNode;
-import lombok.EqualsAndHashCode;
-import lombok.ToString;
-import org.thingsboard.server.common.data.User;
-import org.thingsboard.server.common.data.id.CustomerId;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.id.UserId;
-import org.thingsboard.server.common.data.security.Authority;
-import org.thingsboard.server.dao.model.SearchTextEntity;
-import org.thingsboard.server.dao.model.type.AuthorityCodec;
-import org.thingsboard.server.dao.model.type.JsonCodec;
-
-import java.util.UUID;
-
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.SEARCH_TEXT_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.USER_ADDITIONAL_INFO_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.USER_AUTHORITY_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.USER_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.USER_CUSTOMER_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.USER_EMAIL_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.USER_FIRST_NAME_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.USER_LAST_NAME_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.USER_TENANT_ID_PROPERTY;
-
-@Table(name = USER_COLUMN_FAMILY_NAME)
-@EqualsAndHashCode
-@ToString
-public final class UserEntity implements SearchTextEntity<User> {
-
-    @PartitionKey(value = 0)
-    @Column(name = ID_PROPERTY)
-    private UUID id;
-
-    @PartitionKey(value = 1)
-    @Column(name = USER_TENANT_ID_PROPERTY)
-    private UUID tenantId;
-
-    @PartitionKey(value = 2)
-    @Column(name = USER_CUSTOMER_ID_PROPERTY)
-    private UUID customerId;
-
-    @PartitionKey(value = 3)
-    @Column(name = USER_AUTHORITY_PROPERTY, codec = AuthorityCodec.class)
-    private Authority authority;
-
-    @Column(name = USER_EMAIL_PROPERTY)
-    private String email;
-    
-    @Column(name = SEARCH_TEXT_PROPERTY)
-    private String searchText;
-    
-    @Column(name = USER_FIRST_NAME_PROPERTY)
-    private String firstName;
-    
-    @Column(name = USER_LAST_NAME_PROPERTY)
-    private String lastName;
-
-    @Column(name = USER_ADDITIONAL_INFO_PROPERTY, codec = JsonCodec.class)
-    private JsonNode additionalInfo;
-
-    public UserEntity() {
-        super();
-    }
-
-    public UserEntity(User user) {
-        if (user.getId() != null) {
-            this.id = user.getId().getId();
-        }
-        this.authority = user.getAuthority();
-        if (user.getTenantId() != null) {
-        	this.tenantId = user.getTenantId().getId();
-        }
-        if (user.getCustomerId() != null) {
-        	this.customerId = user.getCustomerId().getId();
-        }
-        this.email = user.getEmail();
-        this.firstName = user.getFirstName();
-        this.lastName = user.getLastName();
-        this.additionalInfo = user.getAdditionalInfo();
-    }
-    
-	public UUID getId() {
-        return id;
-    }
-
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    public Authority getAuthority() {
-		return authority;
-	}
-
-	public void setAuthority(Authority authority) {
-		this.authority = authority;
-	}
-
-	public UUID getTenantId() {
-		return tenantId;
-	}
-
-	public void setTenantId(UUID tenantId) {
-		this.tenantId = tenantId;
-	}
-
-	public UUID getCustomerId() {
-		return customerId;
-	}
-
-	public void setCustomerId(UUID customerId) {
-		this.customerId = customerId;
-	}
-
-	public String getEmail() {
-		return email;
-	}
-
-	public void setEmail(String email) {
-		this.email = email;
-	}
-
-	public String getFirstName() {
-		return firstName;
-	}
-
-	public void setFirstName(String firstName) {
-		this.firstName = firstName;
-	}
-
-	public String getLastName() {
-		return lastName;
-	}
-
-	public void setLastName(String lastName) {
-		this.lastName = lastName;
-	}
-
-	public JsonNode getAdditionalInfo() {
-		return additionalInfo;
-	}
-
-	public void setAdditionalInfo(JsonNode additionalInfo) {
-		this.additionalInfo = additionalInfo;
-	}
-	
-    @Override
-    public String getSearchTextSource() {
-        return getEmail();
-    }
-
-    @Override
-    public void setSearchText(String searchText) {
-        this.searchText = searchText;
-    }
-    
-    public String getSearchText() {
-        return searchText;
-    }
-
-    @Override
-    public User toData() {
-		User user = new User(new UserId(id));
-		user.setCreatedTime(UUIDs.unixTimestamp(id));
-		user.setAuthority(authority);
-		if (tenantId != null) {
-			user.setTenantId(new TenantId(tenantId));
-		}
-		if (customerId != null) {
-			user.setCustomerId(new CustomerId(customerId));
-		}
-		user.setEmail(email);
-		user.setFirstName(firstName);
-		user.setLastName(lastName);
-		user.setAdditionalInfo(additionalInfo);
-        return user;
-    }
-
-}
\ No newline at end of file
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/WidgetTypeEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/nosql/WidgetTypeEntity.java
deleted file mode 100644
index 65bc19f421..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/WidgetTypeEntity.java
+++ /dev/null
@@ -1,148 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.nosql;
-
-import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
-import com.fasterxml.jackson.databind.JsonNode;
-import lombok.EqualsAndHashCode;
-import lombok.ToString;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.id.WidgetTypeId;
-import org.thingsboard.server.common.data.widget.WidgetType;
-import org.thingsboard.server.dao.model.BaseEntity;
-import org.thingsboard.server.dao.model.type.JsonCodec;
-
-import java.util.UUID;
-
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGET_TYPE_ALIAS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGET_TYPE_BUNDLE_ALIAS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGET_TYPE_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGET_TYPE_DESCRIPTOR_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGET_TYPE_NAME_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGET_TYPE_TENANT_ID_PROPERTY;
-
-@Table(name = WIDGET_TYPE_COLUMN_FAMILY_NAME)
-@EqualsAndHashCode
-@ToString
-public final class WidgetTypeEntity implements BaseEntity<WidgetType> {
-
-    @PartitionKey(value = 0)
-    @Column(name = ID_PROPERTY)
-    private UUID id;
-
-    @PartitionKey(value = 1)
-    @Column(name = WIDGET_TYPE_TENANT_ID_PROPERTY)
-    private UUID tenantId;
-
-    @PartitionKey(value = 2)
-    @Column(name = WIDGET_TYPE_BUNDLE_ALIAS_PROPERTY)
-    private String bundleAlias;
-
-    @Column(name = WIDGET_TYPE_ALIAS_PROPERTY)
-    private String alias;
-
-    @Column(name = WIDGET_TYPE_NAME_PROPERTY)
-    private String name;
-
-    @Column(name = WIDGET_TYPE_DESCRIPTOR_PROPERTY, codec = JsonCodec.class)
-    private JsonNode descriptor;
-
-    public WidgetTypeEntity() {
-        super();
-    }
-
-    public WidgetTypeEntity(WidgetType widgetType) {
-        if (widgetType.getId() != null) {
-            this.id = widgetType.getId().getId();
-        }
-        if (widgetType.getTenantId() != null) {
-            this.tenantId = widgetType.getTenantId().getId();
-        }
-        this.bundleAlias = widgetType.getBundleAlias();
-        this.alias = widgetType.getAlias();
-        this.name = widgetType.getName();
-        this.descriptor = widgetType.getDescriptor();
-    }
-
-    @Override
-    public UUID getId() {
-        return id;
-    }
-
-    @Override
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    public UUID getTenantId() {
-        return tenantId;
-    }
-
-    public void setTenantId(UUID tenantId) {
-        this.tenantId = tenantId;
-    }
-
-    public String getBundleAlias() {
-        return bundleAlias;
-    }
-
-    public void setBundleAlias(String bundleAlias) {
-        this.bundleAlias = bundleAlias;
-    }
-
-    public String getAlias() {
-        return alias;
-    }
-
-    public void setAlias(String alias) {
-        this.alias = alias;
-    }
-
-    public String getName() {
-        return name;
-    }
-
-    public void setName(String name) {
-        this.name = name;
-    }
-
-    public JsonNode getDescriptor() {
-        return descriptor;
-    }
-
-    public void setDescriptor(JsonNode descriptor) {
-        this.descriptor = descriptor;
-    }
-
-    @Override
-    public WidgetType toData() {
-        WidgetType widgetType = new WidgetType(new WidgetTypeId(id));
-        widgetType.setCreatedTime(UUIDs.unixTimestamp(id));
-        if (tenantId != null) {
-            widgetType.setTenantId(new TenantId(tenantId));
-        }
-        widgetType.setBundleAlias(bundleAlias);
-        widgetType.setAlias(alias);
-        widgetType.setName(name);
-        widgetType.setDescriptor(descriptor);
-        return widgetType;
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/WidgetsBundleEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/nosql/WidgetsBundleEntity.java
deleted file mode 100644
index b70a0f095b..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/WidgetsBundleEntity.java
+++ /dev/null
@@ -1,156 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.nosql;
-
-
-import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
-import lombok.EqualsAndHashCode;
-import lombok.ToString;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.id.WidgetsBundleId;
-import org.thingsboard.server.common.data.widget.WidgetsBundle;
-import org.thingsboard.server.dao.model.SearchTextEntity;
-
-import java.nio.ByteBuffer;
-import java.util.UUID;
-
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.SEARCH_TEXT_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGETS_BUNDLE_ALIAS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGETS_BUNDLE_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGETS_BUNDLE_IMAGE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGETS_BUNDLE_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGETS_BUNDLE_TITLE_PROPERTY;
-
-@Table(name = WIDGETS_BUNDLE_COLUMN_FAMILY_NAME)
-@EqualsAndHashCode
-@ToString
-public final class WidgetsBundleEntity implements SearchTextEntity<WidgetsBundle> {
-
-    @PartitionKey(value = 0)
-    @Column(name = ID_PROPERTY)
-    private UUID id;
-
-    @PartitionKey(value = 1)
-    @Column(name = WIDGETS_BUNDLE_TENANT_ID_PROPERTY)
-    private UUID tenantId;
-
-    @Column(name = WIDGETS_BUNDLE_ALIAS_PROPERTY)
-    private String alias;
-
-    @Column(name = WIDGETS_BUNDLE_TITLE_PROPERTY)
-    private String title;
-
-    @Column(name = SEARCH_TEXT_PROPERTY)
-    private String searchText;
-
-    @Column(name = WIDGETS_BUNDLE_IMAGE_PROPERTY)
-    private ByteBuffer image;
-
-    public WidgetsBundleEntity() {
-        super();
-    }
-
-    public WidgetsBundleEntity(WidgetsBundle widgetsBundle) {
-        if (widgetsBundle.getId() != null) {
-            this.id = widgetsBundle.getId().getId();
-        }
-        if (widgetsBundle.getTenantId() != null) {
-            this.tenantId = widgetsBundle.getTenantId().getId();
-        }
-        this.alias = widgetsBundle.getAlias();
-        this.title = widgetsBundle.getTitle();
-        if (widgetsBundle.getImage() != null) {
-            this.image = ByteBuffer.wrap(widgetsBundle.getImage());
-        }
-    }
-
-    @Override
-    public UUID getId() {
-        return id;
-    }
-
-    @Override
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    public UUID getTenantId() {
-        return tenantId;
-    }
-
-    public void setTenantId(UUID tenantId) {
-        this.tenantId = tenantId;
-    }
-
-    public String getAlias() {
-        return alias;
-    }
-
-    public void setAlias(String alias) {
-        this.alias = alias;
-    }
-
-    public String getTitle() {
-        return title;
-    }
-
-    public void setTitle(String title) {
-        this.title = title;
-    }
-
-    public ByteBuffer getImage() {
-        return image;
-    }
-
-    public void setImage(ByteBuffer image) {
-        this.image = image;
-    }
-
-    @Override
-    public String getSearchTextSource() {
-        return getTitle();
-    }
-
-    @Override
-    public void setSearchText(String searchText) {
-        this.searchText = searchText;
-    }
-
-    public String getSearchText() {
-        return searchText;
-    }
-
-    @Override
-    public WidgetsBundle toData() {
-        WidgetsBundle widgetsBundle = new WidgetsBundle(new WidgetsBundleId(id));
-        widgetsBundle.setCreatedTime(UUIDs.unixTimestamp(id));
-        if (tenantId != null) {
-            widgetsBundle.setTenantId(new TenantId(tenantId));
-        }
-        widgetsBundle.setAlias(alias);
-        widgetsBundle.setTitle(title);
-        if (image != null) {
-            byte[] imageByteArray = new byte[image.remaining()];
-            image.get(imageByteArray);
-            widgetsBundle.setImage(imageByteArray);
-        }
-        return widgetsBundle;
-    }
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/AlarmEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/sql/AbstractAlarmEntity.java
similarity index 52%
rename from dao/src/main/java/org/thingsboard/server/dao/model/nosql/AlarmEntity.java
rename to dao/src/main/java/org/thingsboard/server/dao/model/sql/AbstractAlarmEntity.java
index 0cc8dfab72..5e822a518c 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/AlarmEntity.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/model/sql/AbstractAlarmEntity.java
@@ -13,19 +13,18 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.model.nosql;
+package org.thingsboard.server.dao.model.sql;
 
 import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.ClusteringColumn;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
 import com.fasterxml.jackson.databind.JsonNode;
+import lombok.Data;
 import lombok.EqualsAndHashCode;
-import lombok.ToString;
+import org.hibernate.annotations.Type;
+import org.hibernate.annotations.TypeDef;
 import org.springframework.util.CollectionUtils;
 import org.springframework.util.StringUtils;
 import org.thingsboard.server.common.data.EntityType;
+import org.thingsboard.server.common.data.UUIDConverter;
 import org.thingsboard.server.common.data.alarm.Alarm;
 import org.thingsboard.server.common.data.alarm.AlarmId;
 import org.thingsboard.server.common.data.alarm.AlarmSeverity;
@@ -33,19 +32,19 @@ import org.thingsboard.server.common.data.alarm.AlarmStatus;
 import org.thingsboard.server.common.data.id.EntityIdFactory;
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.dao.model.BaseEntity;
-import org.thingsboard.server.dao.model.type.AlarmSeverityCodec;
-import org.thingsboard.server.dao.model.type.AlarmStatusCodec;
-import org.thingsboard.server.dao.model.type.EntityTypeCodec;
-import org.thingsboard.server.dao.model.type.JsonCodec;
-
+import org.thingsboard.server.dao.model.BaseSqlEntity;
+import org.thingsboard.server.dao.model.ModelConstants;
+import org.thingsboard.server.dao.util.mapping.JsonStringType;
+
+import javax.persistence.Column;
+import javax.persistence.EnumType;
+import javax.persistence.Enumerated;
+import javax.persistence.MappedSuperclass;
 import java.util.Arrays;
 import java.util.Collections;
-import java.util.UUID;
 
 import static org.thingsboard.server.dao.model.ModelConstants.ALARM_ACK_TS_PROPERTY;
 import static org.thingsboard.server.dao.model.ModelConstants.ALARM_CLEAR_TS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_DETAILS_PROPERTY;
 import static org.thingsboard.server.dao.model.ModelConstants.ALARM_END_TS_PROPERTY;
 import static org.thingsboard.server.dao.model.ModelConstants.ALARM_ORIGINATOR_ID_PROPERTY;
 import static org.thingsboard.server.dao.model.ModelConstants.ALARM_ORIGINATOR_TYPE_PROPERTY;
@@ -56,37 +55,31 @@ import static org.thingsboard.server.dao.model.ModelConstants.ALARM_START_TS_PRO
 import static org.thingsboard.server.dao.model.ModelConstants.ALARM_STATUS_PROPERTY;
 import static org.thingsboard.server.dao.model.ModelConstants.ALARM_TENANT_ID_PROPERTY;
 import static org.thingsboard.server.dao.model.ModelConstants.ALARM_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
-
-@Table(name = ALARM_COLUMN_FAMILY_NAME)
-@EqualsAndHashCode
-@ToString
-public final class AlarmEntity implements BaseEntity<Alarm> {
 
-    @ClusteringColumn(value = 1)
-    @Column(name = ID_PROPERTY)
-    private UUID id;
+@Data
+@EqualsAndHashCode(callSuper = true)
+@TypeDef(name = "json", typeClass = JsonStringType.class)
+@MappedSuperclass
+public abstract class AbstractAlarmEntity<T extends Alarm> extends BaseSqlEntity<T> implements BaseEntity<T> {
 
-    @PartitionKey(value = 0)
     @Column(name = ALARM_TENANT_ID_PROPERTY)
-    private UUID tenantId;
+    private String tenantId;
 
-    @PartitionKey(value = 1)
     @Column(name = ALARM_ORIGINATOR_ID_PROPERTY)
-    private UUID originatorId;
+    private String originatorId;
 
-    @PartitionKey(value = 2)
-    @Column(name = ALARM_ORIGINATOR_TYPE_PROPERTY, codec = EntityTypeCodec.class)
+    @Column(name = ALARM_ORIGINATOR_TYPE_PROPERTY)
     private EntityType originatorType;
 
-    @ClusteringColumn(value = 0)
     @Column(name = ALARM_TYPE_PROPERTY)
     private String type;
 
-    @Column(name = ALARM_SEVERITY_PROPERTY, codec = AlarmSeverityCodec.class)
+    @Enumerated(EnumType.STRING)
+    @Column(name = ALARM_SEVERITY_PROPERTY)
     private AlarmSeverity severity;
 
-    @Column(name = ALARM_STATUS_PROPERTY, codec = AlarmStatusCodec.class)
+    @Enumerated(EnumType.STRING)
+    @Column(name = ALARM_STATUS_PROPERTY)
     private AlarmStatus status;
 
     @Column(name = ALARM_START_TS_PROPERTY)
@@ -101,7 +94,8 @@ public final class AlarmEntity implements BaseEntity<Alarm> {
     @Column(name = ALARM_CLEAR_TS_PROPERTY)
     private Long clearTs;
 
-    @Column(name = ALARM_DETAILS_PROPERTY, codec = JsonCodec.class)
+    @Type(type = "json")
+    @Column(name = ModelConstants.ASSET_ADDITIONAL_INFO_PROPERTY)
     private JsonNode details;
 
     @Column(name = ALARM_PROPAGATE_PROPERTY)
@@ -110,19 +104,19 @@ public final class AlarmEntity implements BaseEntity<Alarm> {
     @Column(name = ALARM_PROPAGATE_RELATION_TYPES)
     private String propagateRelationTypes;
 
-    public AlarmEntity() {
+    public AbstractAlarmEntity() {
         super();
     }
 
-    public AlarmEntity(Alarm alarm) {
+    public AbstractAlarmEntity(Alarm alarm) {
         if (alarm.getId() != null) {
-            this.id = alarm.getId().getId();
+            this.setId(alarm.getId().getId());
         }
         if (alarm.getTenantId() != null) {
-            this.tenantId = alarm.getTenantId().getId();
+            this.tenantId = UUIDConverter.fromTimeUUID(alarm.getTenantId().getId());
         }
         this.type = alarm.getType();
-        this.originatorId = alarm.getOriginator().getId();
+        this.originatorId = UUIDConverter.fromTimeUUID(alarm.getOriginator().getId());
         this.originatorType = alarm.getOriginator().getEntityType();
         this.type = alarm.getType();
         this.severity = alarm.getSeverity();
@@ -133,7 +127,6 @@ public final class AlarmEntity implements BaseEntity<Alarm> {
         this.ackTs = alarm.getAckTs();
         this.clearTs = alarm.getClearTs();
         this.details = alarm.getDetails();
-        this.details = alarm.getDetails();
         if (!CollectionUtils.isEmpty(alarm.getPropagateRelationTypes())) {
             this.propagateRelationTypes = String.join(",", alarm.getPropagateRelationTypes());
         } else {
@@ -141,126 +134,31 @@ public final class AlarmEntity implements BaseEntity<Alarm> {
         }
     }
 
-    public UUID getId() {
-        return id;
-    }
-
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    public UUID getTenantId() {
-        return tenantId;
-    }
-
-    public void setTenantId(UUID tenantId) {
-        this.tenantId = tenantId;
-    }
-
-    public UUID getOriginatorId() {
-        return originatorId;
-    }
-
-    public void setOriginatorId(UUID originatorId) {
-        this.originatorId = originatorId;
-    }
-
-    public EntityType getOriginatorType() {
-        return originatorType;
-    }
-
-    public void setOriginatorType(EntityType originatorType) {
-        this.originatorType = originatorType;
-    }
-
-    public String getType() {
-        return type;
-    }
-
-    public void setType(String type) {
-        this.type = type;
-    }
-
-    public AlarmSeverity getSeverity() {
-        return severity;
-    }
-
-    public void setSeverity(AlarmSeverity severity) {
-        this.severity = severity;
-    }
-
-    public AlarmStatus getStatus() {
-        return status;
-    }
-
-    public void setStatus(AlarmStatus status) {
-        this.status = status;
-    }
-
-    public Long getStartTs() {
-        return startTs;
-    }
-
-    public void setStartTs(Long startTs) {
-        this.startTs = startTs;
-    }
-
-    public Long getEndTs() {
-        return endTs;
-    }
-
-    public void setEndTs(Long endTs) {
-        this.endTs = endTs;
-    }
-
-    public Long getAckTs() {
-        return ackTs;
-    }
-
-    public void setAckTs(Long ackTs) {
-        this.ackTs = ackTs;
-    }
-
-    public Long getClearTs() {
-        return clearTs;
-    }
-
-    public void setClearTs(Long clearTs) {
-        this.clearTs = clearTs;
-    }
-
-    public JsonNode getDetails() {
-        return details;
-    }
-
-    public void setDetails(JsonNode details) {
-        this.details = details;
-    }
-
-    public Boolean getPropagate() {
-        return propagate;
-    }
-
-    public void setPropagate(Boolean propagate) {
-        this.propagate = propagate;
-    }
-
-    public String getPropagateRelationTypes() {
-        return propagateRelationTypes;
-    }
-
-    public void setPropagateRelationTypes(String propagateRelationTypes) {
-        this.propagateRelationTypes = propagateRelationTypes;
-    }
-
-    @Override
-    public Alarm toData() {
-        Alarm alarm = new Alarm(new AlarmId(id));
-        alarm.setCreatedTime(UUIDs.unixTimestamp(id));
+    public AbstractAlarmEntity(AlarmEntity alarmEntity) {
+        this.setId(alarmEntity.getId());
+        this.tenantId = alarmEntity.getTenantId();
+        this.type = alarmEntity.getType();
+        this.originatorId = alarmEntity.getOriginatorId();
+        this.originatorType = alarmEntity.getOriginatorType();
+        this.type = alarmEntity.getType();
+        this.severity = alarmEntity.getSeverity();
+        this.status = alarmEntity.getStatus();
+        this.propagate = alarmEntity.getPropagate();
+        this.startTs = alarmEntity.getStartTs();
+        this.endTs = alarmEntity.getEndTs();
+        this.ackTs = alarmEntity.getAckTs();
+        this.clearTs = alarmEntity.getClearTs();
+        this.details = alarmEntity.getDetails();
+        this.propagateRelationTypes = alarmEntity.getPropagateRelationTypes();
+    }
+
+    protected Alarm toAlarm() {
+        Alarm alarm = new Alarm(new AlarmId(UUIDConverter.fromString(id)));
+        alarm.setCreatedTime(UUIDs.unixTimestamp(UUIDConverter.fromString(id)));
         if (tenantId != null) {
-            alarm.setTenantId(new TenantId(tenantId));
+            alarm.setTenantId(new TenantId(UUIDConverter.fromString(tenantId)));
         }
-        alarm.setOriginator(EntityIdFactory.getByTypeAndUuid(originatorType, originatorId));
+        alarm.setOriginator(EntityIdFactory.getByTypeAndUuid(originatorType, UUIDConverter.fromString(originatorId)));
         alarm.setType(type);
         alarm.setSeverity(severity);
         alarm.setStatus(status);
@@ -277,5 +175,4 @@ public final class AlarmEntity implements BaseEntity<Alarm> {
         }
         return alarm;
     }
-
-}
\ No newline at end of file
+}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/AssetEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/sql/AbstractAssetEntity.java
similarity index 54%
rename from dao/src/main/java/org/thingsboard/server/dao/model/nosql/AssetEntity.java
rename to dao/src/main/java/org/thingsboard/server/dao/model/sql/AbstractAssetEntity.java
index 2554e0c3ec..75191c5f74 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/AssetEntity.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/model/sql/AbstractAssetEntity.java
@@ -13,80 +13,75 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.model.nosql;
+package org.thingsboard.server.dao.model.sql;
 
 import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
 import com.fasterxml.jackson.databind.JsonNode;
+import lombok.Data;
 import lombok.EqualsAndHashCode;
-import lombok.ToString;
+import org.hibernate.annotations.Type;
+import org.hibernate.annotations.TypeDef;
+import org.thingsboard.server.common.data.UUIDConverter;
 import org.thingsboard.server.common.data.asset.Asset;
 import org.thingsboard.server.common.data.id.AssetId;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
+import org.thingsboard.server.dao.model.BaseSqlEntity;
+import org.thingsboard.server.dao.model.ModelConstants;
 import org.thingsboard.server.dao.model.SearchTextEntity;
-import org.thingsboard.server.dao.model.type.JsonCodec;
+import org.thingsboard.server.dao.util.mapping.JsonStringType;
 
-import java.util.UUID;
+import javax.persistence.Column;
+import javax.persistence.MappedSuperclass;
 
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_ADDITIONAL_INFO_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_COLUMN_FAMILY_NAME;
 import static org.thingsboard.server.dao.model.ModelConstants.ASSET_CUSTOMER_ID_PROPERTY;
+import static org.thingsboard.server.dao.model.ModelConstants.ASSET_LABEL_PROPERTY;
 import static org.thingsboard.server.dao.model.ModelConstants.ASSET_NAME_PROPERTY;
 import static org.thingsboard.server.dao.model.ModelConstants.ASSET_TENANT_ID_PROPERTY;
 import static org.thingsboard.server.dao.model.ModelConstants.ASSET_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_LABEL_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
 import static org.thingsboard.server.dao.model.ModelConstants.SEARCH_TEXT_PROPERTY;
 
-@Table(name = ASSET_COLUMN_FAMILY_NAME)
-@EqualsAndHashCode
-@ToString
-public final class AssetEntity implements SearchTextEntity<Asset> {
-
-    @PartitionKey(value = 0)
-    @Column(name = ID_PROPERTY)
-    private UUID id;
+@Data
+@EqualsAndHashCode(callSuper = true)
+@TypeDef(name = "json", typeClass = JsonStringType.class)
+@MappedSuperclass
+public abstract class AbstractAssetEntity<T extends Asset> extends BaseSqlEntity<T> implements SearchTextEntity<T> {
 
-    @PartitionKey(value = 1)
     @Column(name = ASSET_TENANT_ID_PROPERTY)
-    private UUID tenantId;
+    private String tenantId;
 
-    @PartitionKey(value = 2)
     @Column(name = ASSET_CUSTOMER_ID_PROPERTY)
-    private UUID customerId;
-
-    @PartitionKey(value = 3)
-    @Column(name = ASSET_TYPE_PROPERTY)
-    private String type;
+    private String customerId;
 
     @Column(name = ASSET_NAME_PROPERTY)
     private String name;
 
+    @Column(name = ASSET_TYPE_PROPERTY)
+    private String type;
+
     @Column(name = ASSET_LABEL_PROPERTY)
     private String label;
 
     @Column(name = SEARCH_TEXT_PROPERTY)
     private String searchText;
 
-    @Column(name = ASSET_ADDITIONAL_INFO_PROPERTY, codec = JsonCodec.class)
+    @Type(type = "json")
+    @Column(name = ModelConstants.ASSET_ADDITIONAL_INFO_PROPERTY)
     private JsonNode additionalInfo;
 
-    public AssetEntity() {
+    public AbstractAssetEntity() {
         super();
     }
 
-    public AssetEntity(Asset asset) {
+    public AbstractAssetEntity(Asset asset) {
         if (asset.getId() != null) {
-            this.id = asset.getId().getId();
+            this.setId(asset.getId().getId());
         }
         if (asset.getTenantId() != null) {
-            this.tenantId = asset.getTenantId().getId();
+            this.tenantId = UUIDConverter.fromTimeUUID(asset.getTenantId().getId());
         }
         if (asset.getCustomerId() != null) {
-            this.customerId = asset.getCustomerId().getId();
+            this.customerId = UUIDConverter.fromTimeUUID(asset.getCustomerId().getId());
         }
         this.name = asset.getName();
         this.type = asset.getType();
@@ -94,57 +89,19 @@ public final class AssetEntity implements SearchTextEntity<Asset> {
         this.additionalInfo = asset.getAdditionalInfo();
     }
 
-    public UUID getId() {
-        return id;
-    }
-
-    public void setId(UUID id) {
-        this.id = id;
-    }
-
-    public UUID getTenantId() {
-        return tenantId;
-    }
-
-    public void setTenantId(UUID tenantId) {
-        this.tenantId = tenantId;
-    }
-
-    public UUID getCustomerId() {
-        return customerId;
-    }
-
-    public void setCustomerId(UUID customerId) {
-        this.customerId = customerId;
-    }
-
-    public String getName() {
-        return name;
-    }
-
-    public void setName(String name) {
-        this.name = name;
-    }
-
-    public String getType() {
-        return type;
-    }
-
-    public void setType(String type) {
-        this.type = type;
-    }
-
-    public JsonNode getAdditionalInfo() {
-        return additionalInfo;
-    }
-
-    public void setAdditionalInfo(JsonNode additionalInfo) {
-        this.additionalInfo = additionalInfo;
+    public AbstractAssetEntity(AssetEntity assetEntity) {
+        this.setId(assetEntity.getId());
+        this.tenantId = assetEntity.getTenantId();
+        this.customerId = assetEntity.getCustomerId();
+        this.type = assetEntity.getType();
+        this.name = assetEntity.getName();
+        this.searchText = assetEntity.getSearchText();
+        this.additionalInfo = assetEntity.getAdditionalInfo();
     }
 
     @Override
     public String getSearchTextSource() {
-        return getName();
+        return name;
     }
 
     @Override
@@ -156,15 +113,14 @@ public final class AssetEntity implements SearchTextEntity<Asset> {
         return searchText;
     }
 
-    @Override
-    public Asset toData() {
-        Asset asset = new Asset(new AssetId(id));
-        asset.setCreatedTime(UUIDs.unixTimestamp(id));
+    protected Asset toAsset() {
+        Asset asset = new Asset(new AssetId(UUIDConverter.fromString(id)));
+        asset.setCreatedTime(UUIDs.unixTimestamp(UUIDConverter.fromString(id)));
         if (tenantId != null) {
-            asset.setTenantId(new TenantId(tenantId));
+            asset.setTenantId(new TenantId(UUIDConverter.fromString(tenantId)));
         }
         if (customerId != null) {
-            asset.setCustomerId(new CustomerId(customerId));
+            asset.setCustomerId(new CustomerId(UUIDConverter.fromString(customerId)));
         }
         asset.setName(name);
         asset.setType(type);
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/sql/AbstractDeviceEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/sql/AbstractDeviceEntity.java
new file mode 100644
index 0000000000..6a973335e1
--- /dev/null
+++ b/dao/src/main/java/org/thingsboard/server/dao/model/sql/AbstractDeviceEntity.java
@@ -0,0 +1,122 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.thingsboard.server.dao.model.sql;
+
+import com.datastax.driver.core.utils.UUIDs;
+import com.fasterxml.jackson.databind.JsonNode;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+import org.hibernate.annotations.Type;
+import org.hibernate.annotations.TypeDef;
+import org.thingsboard.server.common.data.Device;
+import org.thingsboard.server.common.data.id.CustomerId;
+import org.thingsboard.server.common.data.id.DeviceId;
+import org.thingsboard.server.common.data.id.TenantId;
+import org.thingsboard.server.dao.model.BaseSqlEntity;
+import org.thingsboard.server.dao.model.ModelConstants;
+import org.thingsboard.server.dao.model.SearchTextEntity;
+import org.thingsboard.server.dao.util.mapping.JsonStringType;
+
+import javax.persistence.Column;
+import javax.persistence.Entity;
+import javax.persistence.MappedSuperclass;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+@TypeDef(name = "json", typeClass = JsonStringType.class)
+@MappedSuperclass
+public abstract class AbstractDeviceEntity<T extends Device> extends BaseSqlEntity<T> implements SearchTextEntity<T> {
+
+    @Column(name = ModelConstants.DEVICE_TENANT_ID_PROPERTY)
+    private String tenantId;
+
+    @Column(name = ModelConstants.DEVICE_CUSTOMER_ID_PROPERTY)
+    private String customerId;
+
+    @Column(name = ModelConstants.DEVICE_TYPE_PROPERTY)
+    private String type;
+
+    @Column(name = ModelConstants.DEVICE_NAME_PROPERTY)
+    private String name;
+
+    @Column(name = ModelConstants.DEVICE_LABEL_PROPERTY)
+    private String label;
+
+    @Column(name = ModelConstants.SEARCH_TEXT_PROPERTY)
+    private String searchText;
+
+    @Type(type = "json")
+    @Column(name = ModelConstants.DEVICE_ADDITIONAL_INFO_PROPERTY)
+    private JsonNode additionalInfo;
+
+    public AbstractDeviceEntity() {
+        super();
+    }
+
+    public AbstractDeviceEntity(Device device) {
+        if (device.getId() != null) {
+            this.setId(device.getId().getId());
+        }
+        if (device.getTenantId() != null) {
+            this.tenantId = toString(device.getTenantId().getId());
+        }
+        if (device.getCustomerId() != null) {
+            this.customerId = toString(device.getCustomerId().getId());
+        }
+        this.name = device.getName();
+        this.type = device.getType();
+        this.label = device.getLabel();
+        this.additionalInfo = device.getAdditionalInfo();
+    }
+
+    public AbstractDeviceEntity(DeviceEntity deviceEntity) {
+        this.setId(deviceEntity.getId());
+        this.tenantId = deviceEntity.getTenantId();
+        this.customerId = deviceEntity.getCustomerId();
+        this.type = deviceEntity.getType();
+        this.name = deviceEntity.getName();
+        this.label = deviceEntity.getLabel();
+        this.searchText = deviceEntity.getSearchText();
+        this.additionalInfo = deviceEntity.getAdditionalInfo();
+    }
+
+    @Override
+    public String getSearchTextSource() {
+        return name;
+    }
+
+    @Override
+    public void setSearchText(String searchText) {
+        this.searchText = searchText;
+    }
+
+    protected Device toDevice() {
+        Device device = new Device(new DeviceId(getId()));
+        device.setCreatedTime(UUIDs.unixTimestamp(getId()));
+        if (tenantId != null) {
+            device.setTenantId(new TenantId(toUUID(tenantId)));
+        }
+        if (customerId != null) {
+            device.setCustomerId(new CustomerId(toUUID(customerId)));
+        }
+        device.setName(name);
+        device.setType(type);
+        device.setLabel(label);
+        device.setAdditionalInfo(additionalInfo);
+        return device;
+    }
+
+}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/EntityViewEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/sql/AbstractEntityViewEntity.java
similarity index 65%
rename from dao/src/main/java/org/thingsboard/server/dao/model/nosql/EntityViewEntity.java
rename to dao/src/main/java/org/thingsboard/server/dao/model/sql/AbstractEntityViewEntity.java
index 80bc9a3276..c5f0fd36f2 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/model/nosql/EntityViewEntity.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/model/sql/AbstractEntityViewEntity.java
@@ -13,19 +13,16 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.model.nosql;
+package org.thingsboard.server.dao.model.sql;
 
 import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.annotations.Column;
-import com.datastax.driver.mapping.annotations.PartitionKey;
-import com.datastax.driver.mapping.annotations.Table;
 import com.fasterxml.jackson.databind.JsonNode;
 import com.fasterxml.jackson.databind.ObjectMapper;
 import lombok.Data;
 import lombok.EqualsAndHashCode;
-import lombok.ToString;
 import lombok.extern.slf4j.Slf4j;
 import org.hibernate.annotations.Type;
+import org.hibernate.annotations.TypeDef;
 import org.thingsboard.server.common.data.EntityType;
 import org.thingsboard.server.common.data.EntityView;
 import org.thingsboard.server.common.data.id.CustomerId;
@@ -33,52 +30,43 @@ import org.thingsboard.server.common.data.id.EntityIdFactory;
 import org.thingsboard.server.common.data.id.EntityViewId;
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.common.data.objects.TelemetryEntityView;
+import org.thingsboard.server.dao.model.BaseSqlEntity;
 import org.thingsboard.server.dao.model.ModelConstants;
 import org.thingsboard.server.dao.model.SearchTextEntity;
+import org.thingsboard.server.dao.util.mapping.JsonStringType;
 
-import javax.persistence.EnumType;
-import javax.persistence.Enumerated;
+import javax.persistence.*;
 import java.io.IOException;
-import java.util.UUID;
 
-import static org.thingsboard.server.dao.model.ModelConstants.DEVICE_TYPE_PROPERTY;
 import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_VIEW_TABLE_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
 
 /**
- * Created by Victor Basanets on 8/31/2017.
+ * Created by Victor Basanets on 8/30/2017.
  */
+
 @Data
-@Table(name = ENTITY_VIEW_TABLE_FAMILY_NAME)
-@EqualsAndHashCode
-@ToString
+@EqualsAndHashCode(callSuper = true)
+@TypeDef(name = "json", typeClass = JsonStringType.class)
+@MappedSuperclass
 @Slf4j
-public class EntityViewEntity implements SearchTextEntity<EntityView> {
+public abstract class AbstractEntityViewEntity<T extends EntityView> extends BaseSqlEntity<T> implements SearchTextEntity<T> {
 
-    @PartitionKey(value = 0)
-    @Column(name = ID_PROPERTY)
-    private UUID id;
+    @Column(name = ModelConstants.ENTITY_VIEW_ENTITY_ID_PROPERTY)
+    private String entityId;
+
+    @Enumerated(EnumType.STRING)
+    @Column(name = ENTITY_TYPE_PROPERTY)
+    private EntityType entityType;
 
-    @PartitionKey(value = 1)
     @Column(name = ModelConstants.ENTITY_VIEW_TENANT_ID_PROPERTY)
-    private UUID tenantId;
+    private String tenantId;
 
-    @PartitionKey(value = 2)
     @Column(name = ModelConstants.ENTITY_VIEW_CUSTOMER_ID_PROPERTY)
-    private UUID customerId;
+    private String customerId;
 
-    @PartitionKey(value = 3)
-    @Column(name = DEVICE_TYPE_PROPERTY)
+    @Column(name = ModelConstants.DEVICE_TYPE_PROPERTY)
     private String type;
 
-    @Enumerated(EnumType.STRING)
-    @Column(name = ENTITY_TYPE_PROPERTY)
-    private EntityType entityType;
-
-    @Column(name = ModelConstants.ENTITY_VIEW_ENTITY_ID_PROPERTY)
-    private UUID entityId;
-
     @Column(name = ModelConstants.ENTITY_VIEW_NAME_PROPERTY)
     private String name;
 
@@ -100,23 +88,23 @@ public class EntityViewEntity implements SearchTextEntity<EntityView> {
 
     private static final ObjectMapper mapper = new ObjectMapper();
 
-    public EntityViewEntity() {
+    public AbstractEntityViewEntity() {
         super();
     }
 
-    public EntityViewEntity(EntityView entityView) {
+    public AbstractEntityViewEntity(EntityView entityView) {
         if (entityView.getId() != null) {
-            this.id = entityView.getId().getId();
+            this.setId(entityView.getId().getId());
         }
         if (entityView.getEntityId() != null) {
-            this.entityId = entityView.getEntityId().getId();
+            this.entityId = toString(entityView.getEntityId().getId());
             this.entityType = entityView.getEntityId().getEntityType();
         }
         if (entityView.getTenantId() != null) {
-            this.tenantId = entityView.getTenantId().getId();
+            this.tenantId = toString(entityView.getTenantId().getId());
         }
         if (entityView.getCustomerId() != null) {
-            this.customerId = entityView.getCustomerId().getId();
+            this.customerId = toString(entityView.getCustomerId().getId());
         }
         this.type = entityView.getType();
         this.name = entityView.getName();
@@ -131,23 +119,43 @@ public class EntityViewEntity implements SearchTextEntity<EntityView> {
         this.additionalInfo = entityView.getAdditionalInfo();
     }
 
+    public AbstractEntityViewEntity(EntityViewEntity entityViewEntity) {
+        this.setId(entityViewEntity.getId());
+        this.entityId = entityViewEntity.getEntityId();
+        this.entityType = entityViewEntity.getEntityType();
+        this.tenantId = entityViewEntity.getTenantId();
+        this.customerId = entityViewEntity.getCustomerId();
+        this.type = entityViewEntity.getType();
+        this.name = entityViewEntity.getName();
+        this.keys = entityViewEntity.getKeys();
+        this.startTs = entityViewEntity.getStartTs();
+        this.endTs = entityViewEntity.getEndTs();
+        this.searchText = entityViewEntity.getSearchText();
+        this.additionalInfo = entityViewEntity.getAdditionalInfo();
+    }
+
     @Override
     public String getSearchTextSource() {
         return name;
     }
 
     @Override
-    public EntityView toData() {
-        EntityView entityView = new EntityView(new EntityViewId(id));
-        entityView.setCreatedTime(UUIDs.unixTimestamp(id));
+    public void setSearchText(String searchText) {
+        this.searchText = searchText;
+    }
+
+    protected EntityView toEntityView() {
+        EntityView entityView = new EntityView(new EntityViewId(getId()));
+        entityView.setCreatedTime(UUIDs.unixTimestamp(getId()));
+
         if (entityId != null) {
-            entityView.setEntityId(EntityIdFactory.getByTypeAndId(entityType.name(), entityId.toString()));
+            entityView.setEntityId(EntityIdFactory.getByTypeAndId(entityType.name(), toUUID(entityId).toString()));
         }
         if (tenantId != null) {
-            entityView.setTenantId(new TenantId(tenantId));
+            entityView.setTenantId(new TenantId(toUUID(tenantId)));
         }
         if (customerId != null) {
-            entityView.setCustomerId(new CustomerId(customerId));
+            entityView.setCustomerId(new CustomerId(toUUID(customerId)));
         }
         entityView.setType(type);
         entityView.setName(name);
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/sql/AlarmEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/sql/AlarmEntity.java
index 14adcdcd9c..fa9490747a 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/model/sql/AlarmEntity.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/model/sql/AlarmEntity.java
@@ -15,152 +15,34 @@
  */
 package org.thingsboard.server.dao.model.sql;
 
-import com.datastax.driver.core.utils.UUIDs;
-import com.fasterxml.jackson.databind.JsonNode;
 import lombok.Data;
 import lombok.EqualsAndHashCode;
-import org.hibernate.annotations.Type;
 import org.hibernate.annotations.TypeDef;
-import org.springframework.util.CollectionUtils;
-import org.springframework.util.StringUtils;
-import org.thingsboard.server.common.data.EntityType;
-import org.thingsboard.server.common.data.UUIDConverter;
 import org.thingsboard.server.common.data.alarm.Alarm;
-import org.thingsboard.server.common.data.alarm.AlarmId;
-import org.thingsboard.server.common.data.alarm.AlarmSeverity;
-import org.thingsboard.server.common.data.alarm.AlarmStatus;
-import org.thingsboard.server.common.data.id.EntityIdFactory;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.dao.model.BaseEntity;
-import org.thingsboard.server.dao.model.BaseSqlEntity;
-import org.thingsboard.server.dao.model.ModelConstants;
 import org.thingsboard.server.dao.util.mapping.JsonStringType;
 
-import javax.persistence.Column;
 import javax.persistence.Entity;
-import javax.persistence.EnumType;
-import javax.persistence.Enumerated;
 import javax.persistence.Table;
 
-import java.util.Arrays;
-import java.util.Collections;
-
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_ACK_TS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_CLEAR_TS_PROPERTY;
 import static org.thingsboard.server.dao.model.ModelConstants.ALARM_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_END_TS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_ORIGINATOR_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_ORIGINATOR_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_PROPAGATE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_PROPAGATE_RELATION_TYPES;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_SEVERITY_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_START_TS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_STATUS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ALARM_TYPE_PROPERTY;
 
 @Data
 @EqualsAndHashCode(callSuper = true)
 @Entity
 @TypeDef(name = "json", typeClass = JsonStringType.class)
 @Table(name = ALARM_COLUMN_FAMILY_NAME)
-public final class AlarmEntity extends BaseSqlEntity<Alarm> implements BaseEntity<Alarm> {
-
-    @Column(name = ALARM_TENANT_ID_PROPERTY)
-    private String tenantId;
-
-    @Column(name = ALARM_ORIGINATOR_ID_PROPERTY)
-    private String originatorId;
-
-    @Column(name = ALARM_ORIGINATOR_TYPE_PROPERTY)
-    private EntityType originatorType;
-
-    @Column(name = ALARM_TYPE_PROPERTY)
-    private String type;
-
-    @Enumerated(EnumType.STRING)
-    @Column(name = ALARM_SEVERITY_PROPERTY)
-    private AlarmSeverity severity;
-
-    @Enumerated(EnumType.STRING)
-    @Column(name = ALARM_STATUS_PROPERTY)
-    private AlarmStatus status;
-
-    @Column(name = ALARM_START_TS_PROPERTY)
-    private Long startTs;
-
-    @Column(name = ALARM_END_TS_PROPERTY)
-    private Long endTs;
-
-    @Column(name = ALARM_ACK_TS_PROPERTY)
-    private Long ackTs;
-
-    @Column(name = ALARM_CLEAR_TS_PROPERTY)
-    private Long clearTs;
-
-    @Type(type = "json")
-    @Column(name = ModelConstants.ASSET_ADDITIONAL_INFO_PROPERTY)
-    private JsonNode details;
-
-    @Column(name = ALARM_PROPAGATE_PROPERTY)
-    private Boolean propagate;
-
-    @Column(name = ALARM_PROPAGATE_RELATION_TYPES)
-    private String propagateRelationTypes;
+public final class AlarmEntity extends AbstractAlarmEntity<Alarm> {
 
     public AlarmEntity() {
         super();
     }
 
     public AlarmEntity(Alarm alarm) {
-        if (alarm.getId() != null) {
-            this.setId(alarm.getId().getId());
-        }
-        if (alarm.getTenantId() != null) {
-            this.tenantId = UUIDConverter.fromTimeUUID(alarm.getTenantId().getId());
-        }
-        this.type = alarm.getType();
-        this.originatorId = UUIDConverter.fromTimeUUID(alarm.getOriginator().getId());
-        this.originatorType = alarm.getOriginator().getEntityType();
-        this.type = alarm.getType();
-        this.severity = alarm.getSeverity();
-        this.status = alarm.getStatus();
-        this.propagate = alarm.isPropagate();
-        this.startTs = alarm.getStartTs();
-        this.endTs = alarm.getEndTs();
-        this.ackTs = alarm.getAckTs();
-        this.clearTs = alarm.getClearTs();
-        this.details = alarm.getDetails();
-        if (!CollectionUtils.isEmpty(alarm.getPropagateRelationTypes())) {
-            this.propagateRelationTypes = String.join(",", alarm.getPropagateRelationTypes());
-        } else {
-            this.propagateRelationTypes = null;
-        }
+        super(alarm);
     }
 
     @Override
     public Alarm toData() {
-        Alarm alarm = new Alarm(new AlarmId(UUIDConverter.fromString(id)));
-        alarm.setCreatedTime(UUIDs.unixTimestamp(UUIDConverter.fromString(id)));
-        if (tenantId != null) {
-            alarm.setTenantId(new TenantId(UUIDConverter.fromString(tenantId)));
-        }
-        alarm.setOriginator(EntityIdFactory.getByTypeAndUuid(originatorType, UUIDConverter.fromString(originatorId)));
-        alarm.setType(type);
-        alarm.setSeverity(severity);
-        alarm.setStatus(status);
-        alarm.setPropagate(propagate);
-        alarm.setStartTs(startTs);
-        alarm.setEndTs(endTs);
-        alarm.setAckTs(ackTs);
-        alarm.setClearTs(clearTs);
-        alarm.setDetails(details);
-        if(!StringUtils.isEmpty(propagateRelationTypes)) {
-            alarm.setPropagateRelationTypes(Arrays.asList(propagateRelationTypes.split(",")));
-        } else {
-            alarm.setPropagateRelationTypes(Collections.emptyList());
-        }
-        return alarm;
+        return super.toAlarm();
     }
-
-}
\ No newline at end of file
+}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/sql/AlarmInfoEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/sql/AlarmInfoEntity.java
new file mode 100644
index 0000000000..0a73f96adb
--- /dev/null
+++ b/dao/src/main/java/org/thingsboard/server/dao/model/sql/AlarmInfoEntity.java
@@ -0,0 +1,40 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.thingsboard.server.dao.model.sql;
+
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+import org.thingsboard.server.common.data.alarm.AlarmInfo;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+public class AlarmInfoEntity extends AbstractAlarmEntity<AlarmInfo> {
+
+    private String originatorName;
+
+    public AlarmInfoEntity() {
+        super();
+    }
+
+    public AlarmInfoEntity(AlarmEntity alarmEntity) {
+        super(alarmEntity);
+    }
+
+    @Override
+    public AlarmInfo toData() {
+        return new AlarmInfo(super.toAlarm(), this.originatorName);
+    }
+}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/sql/AssetEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/sql/AssetEntity.java
index 0471d4a97d..bdf763424a 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/model/sql/AssetEntity.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/model/sql/AssetEntity.java
@@ -15,112 +15,35 @@
  */
 package org.thingsboard.server.dao.model.sql;
 
-import com.datastax.driver.core.utils.UUIDs;
-import com.fasterxml.jackson.databind.JsonNode;
 import lombok.Data;
 import lombok.EqualsAndHashCode;
-import org.hibernate.annotations.Type;
 import org.hibernate.annotations.TypeDef;
-import org.thingsboard.server.common.data.UUIDConverter;
 import org.thingsboard.server.common.data.asset.Asset;
-import org.thingsboard.server.common.data.id.AssetId;
-import org.thingsboard.server.common.data.id.CustomerId;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.dao.model.BaseSqlEntity;
-import org.thingsboard.server.dao.model.ModelConstants;
-import org.thingsboard.server.dao.model.SearchTextEntity;
 import org.thingsboard.server.dao.util.mapping.JsonStringType;
 
-import javax.persistence.Column;
 import javax.persistence.Entity;
 import javax.persistence.Table;
 
 import static org.thingsboard.server.dao.model.ModelConstants.ASSET_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_CUSTOMER_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_NAME_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_TENANT_ID_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_TYPE_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.ASSET_LABEL_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.SEARCH_TEXT_PROPERTY;
 
 @Data
 @EqualsAndHashCode(callSuper = true)
 @Entity
 @TypeDef(name = "json", typeClass = JsonStringType.class)
 @Table(name = ASSET_COLUMN_FAMILY_NAME)
-public final class AssetEntity extends BaseSqlEntity<Asset> implements SearchTextEntity<Asset> {
-
-    @Column(name = ASSET_TENANT_ID_PROPERTY)
-    private String tenantId;
-
-    @Column(name = ASSET_CUSTOMER_ID_PROPERTY)
-    private String customerId;
-
-    @Column(name = ASSET_NAME_PROPERTY)
-    private String name;
-
-    @Column(name = ASSET_TYPE_PROPERTY)
-    private String type;
-
-    @Column(name = ASSET_LABEL_PROPERTY)
-    private String label;
-
-    @Column(name = SEARCH_TEXT_PROPERTY)
-    private String searchText;
-
-    @Type(type = "json")
-    @Column(name = ModelConstants.ASSET_ADDITIONAL_INFO_PROPERTY)
-    private JsonNode additionalInfo;
+public final class AssetEntity extends AbstractAssetEntity<Asset> {
 
     public AssetEntity() {
         super();
     }
 
     public AssetEntity(Asset asset) {
-        if (asset.getId() != null) {
-            this.setId(asset.getId().getId());
-        }
-        if (asset.getTenantId() != null) {
-            this.tenantId = UUIDConverter.fromTimeUUID(asset.getTenantId().getId());
-        }
-        if (asset.getCustomerId() != null) {
-            this.customerId = UUIDConverter.fromTimeUUID(asset.getCustomerId().getId());
-        }
-        this.name = asset.getName();
-        this.type = asset.getType();
-        this.label = asset.getLabel();
-        this.additionalInfo = asset.getAdditionalInfo();
-    }
-
-    @Override
-    public String getSearchTextSource() {
-        return name;
-    }
-
-    @Override
-    public void setSearchText(String searchText) {
-        this.searchText = searchText;
-    }
-
-    public String getSearchText() {
-        return searchText;
+        super(asset);
     }
 
     @Override
     public Asset toData() {
-        Asset asset = new Asset(new AssetId(UUIDConverter.fromString(id)));
-        asset.setCreatedTime(UUIDs.unixTimestamp(UUIDConverter.fromString(id)));
-        if (tenantId != null) {
-            asset.setTenantId(new TenantId(UUIDConverter.fromString(tenantId)));
-        }
-        if (customerId != null) {
-            asset.setCustomerId(new CustomerId(UUIDConverter.fromString(customerId)));
-        }
-        asset.setName(name);
-        asset.setType(type);
-        asset.setLabel(label);
-        asset.setAdditionalInfo(additionalInfo);
-        return asset;
+        return super.toAsset();
     }
 
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/sql/AssetInfoEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/sql/AssetInfoEntity.java
new file mode 100644
index 0000000000..403cbb6608
--- /dev/null
+++ b/dao/src/main/java/org/thingsboard/server/dao/model/sql/AssetInfoEntity.java
@@ -0,0 +1,58 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.thingsboard.server.dao.model.sql;
+
+import com.fasterxml.jackson.databind.JsonNode;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+import org.thingsboard.server.common.data.asset.AssetInfo;
+
+import java.util.HashMap;
+import java.util.Map;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+public class AssetInfoEntity extends AbstractAssetEntity<AssetInfo> {
+
+    public static final Map<String,String> assetInfoColumnMap = new HashMap<>();
+    static {
+        assetInfoColumnMap.put("customerTitle", "c.title");
+    }
+
+    private String customerTitle;
+    private boolean customerIsPublic;
+
+    public AssetInfoEntity() {
+        super();
+    }
+
+    public AssetInfoEntity(AssetEntity assetEntity,
+                           String customerTitle,
+                           Object customerAdditionalInfo) {
+        super(assetEntity);
+        this.customerTitle = customerTitle;
+        if (customerAdditionalInfo != null && ((JsonNode)customerAdditionalInfo).has("isPublic")) {
+            this.customerIsPublic = ((JsonNode)customerAdditionalInfo).get("isPublic").asBoolean();
+        } else {
+            this.customerIsPublic = false;
+        }
+    }
+
+    @Override
+    public AssetInfo toData() {
+        return new AssetInfo(super.toAsset(), customerTitle, customerIsPublic);
+    }
+}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/sql/DeviceEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/sql/DeviceEntity.java
index 06a86336ae..0c91225b74 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/model/sql/DeviceEntity.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/model/sql/DeviceEntity.java
@@ -15,22 +15,13 @@
  */
 package org.thingsboard.server.dao.model.sql;
 
-import com.datastax.driver.core.utils.UUIDs;
-import com.fasterxml.jackson.databind.JsonNode;
 import lombok.Data;
 import lombok.EqualsAndHashCode;
-import org.hibernate.annotations.Type;
 import org.hibernate.annotations.TypeDef;
 import org.thingsboard.server.common.data.Device;
-import org.thingsboard.server.common.data.id.CustomerId;
-import org.thingsboard.server.common.data.id.DeviceId;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.dao.model.BaseSqlEntity;
 import org.thingsboard.server.dao.model.ModelConstants;
-import org.thingsboard.server.dao.model.SearchTextEntity;
 import org.thingsboard.server.dao.util.mapping.JsonStringType;
 
-import javax.persistence.Column;
 import javax.persistence.Entity;
 import javax.persistence.Table;
 
@@ -39,74 +30,18 @@ import javax.persistence.Table;
 @Entity
 @TypeDef(name = "json", typeClass = JsonStringType.class)
 @Table(name = ModelConstants.DEVICE_COLUMN_FAMILY_NAME)
-public final class DeviceEntity extends BaseSqlEntity<Device> implements SearchTextEntity<Device> {
-
-    @Column(name = ModelConstants.DEVICE_TENANT_ID_PROPERTY)
-    private String tenantId;
-
-    @Column(name = ModelConstants.DEVICE_CUSTOMER_ID_PROPERTY)
-    private String customerId;
-
-    @Column(name = ModelConstants.DEVICE_TYPE_PROPERTY)
-    private String type;
-
-    @Column(name = ModelConstants.DEVICE_NAME_PROPERTY)
-    private String name;
-
-    @Column(name = ModelConstants.DEVICE_LABEL_PROPERTY)
-    private String label;
-
-    @Column(name = ModelConstants.SEARCH_TEXT_PROPERTY)
-    private String searchText;
-
-    @Type(type = "json")
-    @Column(name = ModelConstants.DEVICE_ADDITIONAL_INFO_PROPERTY)
-    private JsonNode additionalInfo;
+public final class DeviceEntity extends AbstractDeviceEntity<Device> {
 
     public DeviceEntity() {
         super();
     }
 
     public DeviceEntity(Device device) {
-        if (device.getId() != null) {
-            this.setId(device.getId().getId());
-        }
-        if (device.getTenantId() != null) {
-            this.tenantId = toString(device.getTenantId().getId());
-        }
-        if (device.getCustomerId() != null) {
-            this.customerId = toString(device.getCustomerId().getId());
-        }
-        this.name = device.getName();
-        this.type = device.getType();
-        this.label = device.getLabel();
-        this.additionalInfo = device.getAdditionalInfo();
-    }
-
-    @Override
-    public String getSearchTextSource() {
-        return name;
-    }
-
-    @Override
-    public void setSearchText(String searchText) {
-        this.searchText = searchText;
+        super(device);
     }
 
     @Override
     public Device toData() {
-        Device device = new Device(new DeviceId(getId()));
-        device.setCreatedTime(UUIDs.unixTimestamp(getId()));
-        if (tenantId != null) {
-            device.setTenantId(new TenantId(toUUID(tenantId)));
-        }
-        if (customerId != null) {
-            device.setCustomerId(new CustomerId(toUUID(customerId)));
-        }
-        device.setName(name);
-        device.setType(type);
-        device.setLabel(label);
-        device.setAdditionalInfo(additionalInfo);
-        return device;
+        return super.toDevice();
     }
-}
\ No newline at end of file
+}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/sql/DeviceInfoEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/sql/DeviceInfoEntity.java
new file mode 100644
index 0000000000..2632641b4b
--- /dev/null
+++ b/dao/src/main/java/org/thingsboard/server/dao/model/sql/DeviceInfoEntity.java
@@ -0,0 +1,58 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.thingsboard.server.dao.model.sql;
+
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+import com.fasterxml.jackson.databind.JsonNode;
+import org.thingsboard.server.common.data.DeviceInfo;
+
+import java.util.HashMap;
+import java.util.Map;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+public class DeviceInfoEntity extends AbstractDeviceEntity<DeviceInfo> {
+
+    public static final Map<String,String> deviceInfoColumnMap = new HashMap<>();
+    static {
+        deviceInfoColumnMap.put("customerTitle", "c.title");
+    }
+
+    private String customerTitle;
+    private boolean customerIsPublic;
+
+    public DeviceInfoEntity() {
+        super();
+    }
+
+    public DeviceInfoEntity(DeviceEntity deviceEntity,
+                            String customerTitle,
+                            Object customerAdditionalInfo) {
+        super(deviceEntity);
+        this.customerTitle = customerTitle;
+        if (customerAdditionalInfo != null && ((JsonNode)customerAdditionalInfo).has("isPublic")) {
+            this.customerIsPublic = ((JsonNode)customerAdditionalInfo).get("isPublic").asBoolean();
+        } else {
+            this.customerIsPublic = false;
+        }
+    }
+
+    @Override
+    public DeviceInfo toData() {
+        return new DeviceInfo(super.toDevice(), customerTitle, customerIsPublic);
+    }
+}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/sql/EntityViewEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/sql/EntityViewEntity.java
index 6a755d2803..e8907c155e 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/model/sql/EntityViewEntity.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/model/sql/EntityViewEntity.java
@@ -15,34 +15,15 @@
  */
 package org.thingsboard.server.dao.model.sql;
 
-import com.datastax.driver.core.utils.UUIDs;
-import com.fasterxml.jackson.databind.JsonNode;
-import com.fasterxml.jackson.databind.ObjectMapper;
 import lombok.Data;
 import lombok.EqualsAndHashCode;
-import lombok.extern.slf4j.Slf4j;
-import org.hibernate.annotations.Type;
 import org.hibernate.annotations.TypeDef;
-import org.thingsboard.server.common.data.EntityType;
 import org.thingsboard.server.common.data.EntityView;
-import org.thingsboard.server.common.data.id.CustomerId;
-import org.thingsboard.server.common.data.id.EntityIdFactory;
-import org.thingsboard.server.common.data.id.EntityViewId;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.objects.TelemetryEntityView;
-import org.thingsboard.server.dao.model.BaseSqlEntity;
 import org.thingsboard.server.dao.model.ModelConstants;
-import org.thingsboard.server.dao.model.SearchTextEntity;
 import org.thingsboard.server.dao.util.mapping.JsonStringType;
 
-import javax.persistence.Column;
 import javax.persistence.Entity;
-import javax.persistence.EnumType;
-import javax.persistence.Enumerated;
 import javax.persistence.Table;
-import java.io.IOException;
-
-import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_TYPE_PROPERTY;
 
 /**
  * Created by Victor Basanets on 8/30/2017.
@@ -53,111 +34,18 @@ import static org.thingsboard.server.dao.model.ModelConstants.ENTITY_TYPE_PROPER
 @Entity
 @TypeDef(name = "json", typeClass = JsonStringType.class)
 @Table(name = ModelConstants.ENTITY_VIEW_TABLE_FAMILY_NAME)
-@Slf4j
-public class EntityViewEntity extends BaseSqlEntity<EntityView> implements SearchTextEntity<EntityView> {
-
-    @Column(name = ModelConstants.ENTITY_VIEW_ENTITY_ID_PROPERTY)
-    private String entityId;
-
-    @Enumerated(EnumType.STRING)
-    @Column(name = ENTITY_TYPE_PROPERTY)
-    private EntityType entityType;
-
-    @Column(name = ModelConstants.ENTITY_VIEW_TENANT_ID_PROPERTY)
-    private String tenantId;
-
-    @Column(name = ModelConstants.ENTITY_VIEW_CUSTOMER_ID_PROPERTY)
-    private String customerId;
-
-    @Column(name = ModelConstants.DEVICE_TYPE_PROPERTY)
-    private String type;
-
-    @Column(name = ModelConstants.ENTITY_VIEW_NAME_PROPERTY)
-    private String name;
-
-    @Column(name = ModelConstants.ENTITY_VIEW_KEYS_PROPERTY)
-    private String keys;
-
-    @Column(name = ModelConstants.ENTITY_VIEW_START_TS_PROPERTY)
-    private long startTs;
-
-    @Column(name = ModelConstants.ENTITY_VIEW_END_TS_PROPERTY)
-    private long endTs;
-
-    @Column(name = ModelConstants.SEARCH_TEXT_PROPERTY)
-    private String searchText;
-
-    @Type(type = "json")
-    @Column(name = ModelConstants.ENTITY_VIEW_ADDITIONAL_INFO_PROPERTY)
-    private JsonNode additionalInfo;
-
-    private static final ObjectMapper mapper = new ObjectMapper();
+public class EntityViewEntity extends AbstractEntityViewEntity<EntityView> {
 
     public EntityViewEntity() {
         super();
     }
 
     public EntityViewEntity(EntityView entityView) {
-        if (entityView.getId() != null) {
-            this.setId(entityView.getId().getId());
-        }
-        if (entityView.getEntityId() != null) {
-            this.entityId = toString(entityView.getEntityId().getId());
-            this.entityType = entityView.getEntityId().getEntityType();
-        }
-        if (entityView.getTenantId() != null) {
-            this.tenantId = toString(entityView.getTenantId().getId());
-        }
-        if (entityView.getCustomerId() != null) {
-            this.customerId = toString(entityView.getCustomerId().getId());
-        }
-        this.type = entityView.getType();
-        this.name = entityView.getName();
-        try {
-            this.keys = mapper.writeValueAsString(entityView.getKeys());
-        } catch (IOException e) {
-            log.error("Unable to serialize entity view keys!", e);
-        }
-        this.startTs = entityView.getStartTimeMs();
-        this.endTs = entityView.getEndTimeMs();
-        this.searchText = entityView.getSearchText();
-        this.additionalInfo = entityView.getAdditionalInfo();
-    }
-
-    @Override
-    public String getSearchTextSource() {
-        return name;
-    }
-
-    @Override
-    public void setSearchText(String searchText) {
-        this.searchText = searchText;
+        super(entityView);
     }
 
     @Override
     public EntityView toData() {
-        EntityView entityView = new EntityView(new EntityViewId(getId()));
-        entityView.setCreatedTime(UUIDs.unixTimestamp(getId()));
-
-        if (entityId != null) {
-            entityView.setEntityId(EntityIdFactory.getByTypeAndId(entityType.name(), toUUID(entityId).toString()));
-        }
-        if (tenantId != null) {
-            entityView.setTenantId(new TenantId(toUUID(tenantId)));
-        }
-        if (customerId != null) {
-            entityView.setCustomerId(new CustomerId(toUUID(customerId)));
-        }
-        entityView.setType(type);
-        entityView.setName(name);
-        try {
-            entityView.setKeys(mapper.readValue(keys, TelemetryEntityView.class));
-        } catch (IOException e) {
-            log.error("Unable to read entity view keys!", e);
-        }
-        entityView.setStartTimeMs(startTs);
-        entityView.setEndTimeMs(endTs);
-        entityView.setAdditionalInfo(additionalInfo);
-        return entityView;
+        return super.toEntityView();
     }
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/sql/EntityViewInfoEntity.java b/dao/src/main/java/org/thingsboard/server/dao/model/sql/EntityViewInfoEntity.java
new file mode 100644
index 0000000000..00012354c1
--- /dev/null
+++ b/dao/src/main/java/org/thingsboard/server/dao/model/sql/EntityViewInfoEntity.java
@@ -0,0 +1,58 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.thingsboard.server.dao.model.sql;
+
+import com.fasterxml.jackson.databind.JsonNode;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+import org.thingsboard.server.common.data.EntityViewInfo;
+
+import java.util.HashMap;
+import java.util.Map;
+
+@Data
+@EqualsAndHashCode(callSuper = true)
+public class EntityViewInfoEntity extends AbstractEntityViewEntity<EntityViewInfo> {
+
+    public static final Map<String,String> entityViewInfoColumnMap = new HashMap<>();
+    static {
+        entityViewInfoColumnMap.put("customerTitle", "c.title");
+    }
+
+    private String customerTitle;
+    private boolean customerIsPublic;
+
+    public EntityViewInfoEntity() {
+        super();
+    }
+
+    public EntityViewInfoEntity(EntityViewEntity entityViewEntity,
+                                String customerTitle,
+                                Object customerAdditionalInfo) {
+        super(entityViewEntity);
+        this.customerTitle = customerTitle;
+        if (customerAdditionalInfo != null && ((JsonNode)customerAdditionalInfo).has("isPublic")) {
+            this.customerIsPublic = ((JsonNode)customerAdditionalInfo).get("isPublic").asBoolean();
+        } else {
+            this.customerIsPublic = false;
+        }
+    }
+
+    @Override
+    public EntityViewInfo toData() {
+        return new EntityViewInfo(super.toEntityView(), customerTitle, customerIsPublic);
+    }
+}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/type/ActionStatusCodec.java b/dao/src/main/java/org/thingsboard/server/dao/model/type/ActionStatusCodec.java
deleted file mode 100644
index 9dfbff08db..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/type/ActionStatusCodec.java
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.type;
-
-import com.datastax.driver.extras.codecs.enums.EnumNameCodec;
-import org.thingsboard.server.common.data.audit.ActionStatus;
-
-public class ActionStatusCodec extends EnumNameCodec<ActionStatus> {
-
-    public ActionStatusCodec() {
-        super(ActionStatus.class);
-    }
-}
\ No newline at end of file
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/type/ComponentTypeCodec.java b/dao/src/main/java/org/thingsboard/server/dao/model/type/ComponentTypeCodec.java
deleted file mode 100644
index 367758ac3d..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/type/ComponentTypeCodec.java
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.type;
-
-import com.datastax.driver.extras.codecs.enums.EnumNameCodec;
-import org.thingsboard.server.common.data.plugin.ComponentType;
-
-public class ComponentTypeCodec extends EnumNameCodec<ComponentType> {
-
-    public ComponentTypeCodec() {
-        super(ComponentType.class);
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/type/DeviceCredentialsTypeCodec.java b/dao/src/main/java/org/thingsboard/server/dao/model/type/DeviceCredentialsTypeCodec.java
deleted file mode 100644
index 2a5a05a831..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/type/DeviceCredentialsTypeCodec.java
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.type;
-
-import com.datastax.driver.extras.codecs.enums.EnumNameCodec;
-import org.thingsboard.server.common.data.security.DeviceCredentialsType;
-
-public class DeviceCredentialsTypeCodec extends EnumNameCodec<DeviceCredentialsType> {
-
-    public DeviceCredentialsTypeCodec() {
-        super(DeviceCredentialsType.class);
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/type/RelationTypeGroupCodec.java b/dao/src/main/java/org/thingsboard/server/dao/model/type/RelationTypeGroupCodec.java
deleted file mode 100644
index bb45e21f8d..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/model/type/RelationTypeGroupCodec.java
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.model.type;
-
-import com.datastax.driver.extras.codecs.enums.EnumNameCodec;
-import org.thingsboard.server.common.data.relation.RelationTypeGroup;
-
-public class RelationTypeGroupCodec extends EnumNameCodec<RelationTypeGroup> {
-
-    public RelationTypeGroupCodec() {
-        super(RelationTypeGroup.class);
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/nosql/CassandraAbstractDao.java b/dao/src/main/java/org/thingsboard/server/dao/nosql/CassandraAbstractDao.java
index 2f6f8626fd..62716af3e1 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/nosql/CassandraAbstractDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/nosql/CassandraAbstractDao.java
@@ -15,26 +15,14 @@
  */
 package org.thingsboard.server.dao.nosql;
 
-import com.datastax.driver.core.BoundStatement;
-import com.datastax.driver.core.CodecRegistry;
-import com.datastax.driver.core.ConsistencyLevel;
-import com.datastax.driver.core.PreparedStatement;
-import com.datastax.driver.core.ResultSet;
-import com.datastax.driver.core.ResultSetFuture;
-import com.datastax.driver.core.Session;
-import com.datastax.driver.core.Statement;
-import com.datastax.driver.core.TypeCodec;
+import com.datastax.driver.core.*;
 import com.datastax.driver.core.exceptions.CodecNotFoundException;
 import lombok.extern.slf4j.Slf4j;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.beans.factory.annotation.Qualifier;
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.dao.cassandra.CassandraCluster;
-import org.thingsboard.server.dao.model.type.AuthorityCodec;
 import org.thingsboard.server.dao.model.type.ComponentLifecycleStateCodec;
-import org.thingsboard.server.dao.model.type.ComponentScopeCodec;
-import org.thingsboard.server.dao.model.type.ComponentTypeCodec;
-import org.thingsboard.server.dao.model.type.DeviceCredentialsTypeCodec;
 import org.thingsboard.server.dao.model.type.EntityTypeCodec;
 import org.thingsboard.server.dao.model.type.JsonCodec;
 
@@ -65,11 +53,7 @@ public abstract class CassandraAbstractDao {
             defaultWriteLevel = cluster.getDefaultWriteConsistencyLevel();
             CodecRegistry registry = session.getCluster().getConfiguration().getCodecRegistry();
             registerCodecIfNotFound(registry, new JsonCodec());
-            registerCodecIfNotFound(registry, new DeviceCredentialsTypeCodec());
-            registerCodecIfNotFound(registry, new AuthorityCodec());
             registerCodecIfNotFound(registry, new ComponentLifecycleStateCodec());
-            registerCodecIfNotFound(registry, new ComponentTypeCodec());
-            registerCodecIfNotFound(registry, new ComponentScopeCodec());
             registerCodecIfNotFound(registry, new EntityTypeCodec());
         }
         return session;
diff --git a/dao/src/main/java/org/thingsboard/server/dao/nosql/CassandraAbstractModelDao.java b/dao/src/main/java/org/thingsboard/server/dao/nosql/CassandraAbstractModelDao.java
deleted file mode 100644
index 137a3f6b2a..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/nosql/CassandraAbstractModelDao.java
+++ /dev/null
@@ -1,195 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.nosql;
-
-import com.datastax.driver.core.ResultSet;
-import com.datastax.driver.core.ResultSetFuture;
-import com.datastax.driver.core.Statement;
-import com.datastax.driver.core.querybuilder.QueryBuilder;
-import com.datastax.driver.core.querybuilder.Select;
-import com.datastax.driver.core.utils.UUIDs;
-import com.datastax.driver.mapping.Mapper;
-import com.datastax.driver.mapping.Result;
-import com.google.common.base.Function;
-import com.google.common.util.concurrent.Futures;
-import com.google.common.util.concurrent.ListenableFuture;
-import lombok.extern.slf4j.Slf4j;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.dao.Dao;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.BaseEntity;
-import org.thingsboard.server.dao.model.ModelConstants;
-import org.thingsboard.server.dao.model.wrapper.EntityResultSet;
-
-import javax.annotation.Nullable;
-import java.util.Collections;
-import java.util.List;
-import java.util.UUID;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-
-@Slf4j
-public abstract class CassandraAbstractModelDao<E extends BaseEntity<D>, D> extends CassandraAbstractDao implements Dao<D> {
-
-    protected abstract Class<E> getColumnFamilyClass();
-
-    protected abstract String getColumnFamilyName();
-
-    protected E updateSearchTextIfPresent(E entity) {
-        return entity;
-    }
-
-    protected Mapper<E> getMapper() {
-        return cluster.getMapper(getColumnFamilyClass());
-    }
-
-    protected List<E> findListByStatement(TenantId tenantId, Statement statement) {
-        List<E> list = Collections.emptyList();
-        if (statement != null) {
-            statement.setConsistencyLevel(cluster.getDefaultReadConsistencyLevel());
-            ResultSet resultSet = executeRead(tenantId, statement);
-            Result<E> result = getMapper().map(resultSet);
-            if (result != null) {
-                list = result.all();
-            }
-        }
-        return list;
-    }
-
-    protected ListenableFuture<List<D>> findListByStatementAsync(TenantId tenantId, Statement statement) {
-        if (statement != null) {
-            statement.setConsistencyLevel(cluster.getDefaultReadConsistencyLevel());
-            ResultSetFuture resultSetFuture = executeAsyncRead(tenantId, statement);
-            return Futures.transform(resultSetFuture, new Function<ResultSet, List<D>>() {
-                @Nullable
-                @Override
-                public List<D> apply(@Nullable ResultSet resultSet) {
-                    Result<E> result = getMapper().map(resultSet);
-                    if (result != null) {
-                        List<E> entities = result.all();
-                        return DaoUtil.convertDataList(entities);
-                    } else {
-                        return Collections.emptyList();
-                    }
-                }
-            });
-        }
-        return Futures.immediateFuture(Collections.emptyList());
-    }
-
-    protected E findOneByStatement(TenantId tenantId, Statement statement) {
-        E object = null;
-        if (statement != null) {
-            statement.setConsistencyLevel(cluster.getDefaultReadConsistencyLevel());
-            ResultSet resultSet = executeRead(tenantId, statement);
-            Result<E> result = getMapper().map(resultSet);
-            if (result != null) {
-                object = result.one();
-            }
-        }
-        return object;
-    }
-
-    protected ListenableFuture<D> findOneByStatementAsync(TenantId tenantId, Statement statement) {
-        if (statement != null) {
-            statement.setConsistencyLevel(cluster.getDefaultReadConsistencyLevel());
-            ResultSetFuture resultSetFuture = executeAsyncRead(tenantId, statement);
-            return Futures.transform(resultSetFuture, new Function<ResultSet, D>() {
-                @Nullable
-                @Override
-                public D apply(@Nullable ResultSet resultSet) {
-                    Result<E> result = getMapper().map(resultSet);
-                    if (result != null) {
-                        E entity = result.one();
-                        return DaoUtil.getData(entity);
-                    } else {
-                        return null;
-                    }
-                }
-            });
-        }
-        return Futures.immediateFuture(null);
-    }
-
-    protected Statement getSaveQuery(E dto) {
-        return getMapper().saveQuery(dto);
-    }
-
-    protected EntityResultSet<E> saveWithResult(TenantId tenantId, E entity) {
-        log.debug("Save entity {}", entity);
-        if (entity.getId() == null) {
-            entity.setId(UUIDs.timeBased());
-        } else if (isDeleteOnSave()) {
-            removeById(tenantId, entity.getId());
-        }
-        Statement saveStatement = getSaveQuery(entity);
-        saveStatement.setConsistencyLevel(cluster.getDefaultWriteConsistencyLevel());
-        ResultSet resultSet = executeWrite(tenantId, saveStatement);
-        return new EntityResultSet<>(resultSet, entity);
-    }
-
-    protected boolean isDeleteOnSave() {
-        return true;
-    }
-
-    @Override
-    public D save(TenantId tenantId, D domain) {
-        E entity;
-        try {
-            entity = getColumnFamilyClass().getConstructor(domain.getClass()).newInstance(domain);
-        } catch (Exception e) {
-            log.error("Can't create entity for domain object {}", domain, e);
-            throw new IllegalArgumentException("Can't create entity for domain object {" + domain + "}", e);
-        }
-        entity = updateSearchTextIfPresent(entity);
-        log.debug("Saving entity {}", entity);
-        entity = saveWithResult(tenantId, entity).getEntity();
-        return DaoUtil.getData(entity);
-    }
-
-    @Override
-    public D findById(TenantId tenantId, UUID key) {
-        log.debug("Get entity by key {}", key);
-        Select.Where query = select().from(getColumnFamilyName()).where(eq(ModelConstants.ID_PROPERTY, key));
-        log.trace("Execute query {}", query);
-        E entity = findOneByStatement(tenantId, query);
-        return DaoUtil.getData(entity);
-    }
-
-    @Override
-    public ListenableFuture<D> findByIdAsync(TenantId tenantId, UUID key) {
-        log.debug("Get entity by key {}", key);
-        Select.Where query = select().from(getColumnFamilyName()).where(eq(ModelConstants.ID_PROPERTY, key));
-        log.trace("Execute query {}", query);
-        return findOneByStatementAsync(tenantId, query);
-    }
-
-    @Override
-    public boolean removeById(TenantId tenantId, UUID key) {
-        Statement delete = QueryBuilder.delete().all().from(getColumnFamilyName()).where(eq(ModelConstants.ID_PROPERTY, key));
-        log.debug("Remove request: {}", delete.toString());
-        return executeWrite(tenantId, delete).wasApplied();
-    }
-
-    @Override
-    public List<D> find(TenantId tenantId) {
-        log.debug("Get all entities from column family {}", getColumnFamilyName());
-        List<E> entities = findListByStatement(tenantId, QueryBuilder.select().all().from(getColumnFamilyName()).setConsistencyLevel(cluster.getDefaultReadConsistencyLevel()));
-        return DaoUtil.convertDataList(entities);
-    }
-    
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/nosql/CassandraAbstractSearchTextDao.java b/dao/src/main/java/org/thingsboard/server/dao/nosql/CassandraAbstractSearchTextDao.java
deleted file mode 100644
index e921cc279a..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/nosql/CassandraAbstractSearchTextDao.java
+++ /dev/null
@@ -1,83 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.nosql;
-
-import com.datastax.driver.core.querybuilder.Clause;
-import com.datastax.driver.core.querybuilder.QueryBuilder;
-import com.datastax.driver.core.querybuilder.Select;
-import com.datastax.driver.core.querybuilder.Select.Where;
-import lombok.extern.slf4j.Slf4j;
-import org.apache.commons.lang3.StringUtils;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.dao.model.ModelConstants;
-import org.thingsboard.server.dao.model.SearchTextEntity;
-
-import java.util.List;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-
-@Slf4j
-public abstract class CassandraAbstractSearchTextDao<E extends SearchTextEntity<D>, D> extends CassandraAbstractModelDao<E, D> {
-
-    @Override
-    protected E updateSearchTextIfPresent(E entity) {
-        if (entity.getSearchTextSource() != null) {
-            entity.setSearchText(entity.getSearchTextSource().toLowerCase());
-        } else {
-            log.trace("Entity [{}] has null SearchTextSource", entity);
-        }
-        return entity;
-    }
-
-    protected List<E> findPageWithTextSearch(TenantId tenantId, String searchView, List<Clause> clauses, TextPageLink pageLink) {
-        Select select = select().from(searchView);
-        Where query = select.where();
-        for (Clause clause : clauses) {
-            query.and(clause);
-        }
-        query.limit(pageLink.getLimit());
-        if (!StringUtils.isEmpty(pageLink.getTextOffset())) {
-            query.and(eq(ModelConstants.SEARCH_TEXT_PROPERTY, pageLink.getTextOffset()));
-            query.and(QueryBuilder.lt(ModelConstants.ID_PROPERTY, pageLink.getIdOffset()));
-            List<E> result = findListByStatement(tenantId, query);
-            if (result.size() < pageLink.getLimit()) {
-                select = select().from(searchView);
-                query = select.where();
-                for (Clause clause : clauses) {
-                    query.and(clause);
-                }
-                query.and(QueryBuilder.gt(ModelConstants.SEARCH_TEXT_PROPERTY, pageLink.getTextOffset()));
-                if (!StringUtils.isEmpty(pageLink.getTextSearch())) {
-                    query.and(QueryBuilder.lt(ModelConstants.SEARCH_TEXT_PROPERTY, pageLink.getTextSearchBound()));
-                }
-                int limit = pageLink.getLimit() - result.size();
-                query.limit(limit);
-                result.addAll(findListByStatement(tenantId, query));
-            }
-            return result;
-        } else if (!StringUtils.isEmpty(pageLink.getTextSearch())) {
-            query.and(QueryBuilder.gte(ModelConstants.SEARCH_TEXT_PROPERTY, pageLink.getTextSearch()));
-            query.and(QueryBuilder.lt(ModelConstants.SEARCH_TEXT_PROPERTY, pageLink.getTextSearchBound()));
-            return findListByStatement(tenantId, query);
-        } else {
-            return findListByStatement(tenantId, query);
-        }
-    }
-
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/nosql/CassandraAbstractSearchTimeDao.java b/dao/src/main/java/org/thingsboard/server/dao/nosql/CassandraAbstractSearchTimeDao.java
deleted file mode 100644
index 5b9e873a5a..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/nosql/CassandraAbstractSearchTimeDao.java
+++ /dev/null
@@ -1,107 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.nosql;
-
-import com.datastax.driver.core.querybuilder.Clause;
-import com.datastax.driver.core.querybuilder.Ordering;
-import com.datastax.driver.core.querybuilder.QueryBuilder;
-import com.datastax.driver.core.querybuilder.Select;
-import com.datastax.driver.core.querybuilder.Select.Where;
-import com.datastax.driver.core.utils.UUIDs;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TimePageLink;
-import org.thingsboard.server.dao.model.BaseEntity;
-import org.thingsboard.server.dao.model.ModelConstants;
-
-import java.util.ArrayList;
-import java.util.Collections;
-import java.util.List;
-import java.util.UUID;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-
-public abstract class CassandraAbstractSearchTimeDao<E extends BaseEntity<D>, D> extends CassandraAbstractModelDao<E, D> {
-
-
-    protected List<E> findPageWithTimeSearch(TenantId tenantId, String searchView, List<Clause> clauses, TimePageLink pageLink) {
-        return findPageWithTimeSearch(tenantId, searchView, clauses, Collections.emptyList(), pageLink);
-    }
-
-    protected List<E> findPageWithTimeSearch(TenantId tenantId, String searchView, List<Clause> clauses, Ordering ordering, TimePageLink pageLink) {
-        return findPageWithTimeSearch(tenantId, searchView, clauses, Collections.singletonList(ordering), pageLink);
-    }
-
-    protected List<E> findPageWithTimeSearch(TenantId tenantId, String searchView, List<Clause> clauses, List<Ordering> topLevelOrderings, TimePageLink pageLink) {
-        return findPageWithTimeSearch(tenantId, searchView, clauses, topLevelOrderings, pageLink, ModelConstants.ID_PROPERTY);
-    }
-
-    protected List<E> findPageWithTimeSearch(TenantId tenantId, String searchView, List<Clause> clauses, TimePageLink pageLink, String idColumn) {
-        return findPageWithTimeSearch(tenantId, searchView, clauses, Collections.emptyList(), pageLink, idColumn);
-    }
-
-    protected List<E> findPageWithTimeSearch(TenantId tenantId, String searchView, List<Clause> clauses, List<Ordering> topLevelOrderings, TimePageLink pageLink, String idColumn) {
-        return findListByStatement(tenantId, buildQuery(searchView, clauses, topLevelOrderings, pageLink, idColumn));
-    }
-
-    public static Where buildQuery(String searchView, List<Clause> clauses, TimePageLink pageLink, String idColumn) {
-        return buildQuery(searchView, clauses, Collections.emptyList(), pageLink, idColumn);
-    }
-
-    public static Where buildQuery(String searchView, List<Clause> clauses, Ordering order, TimePageLink pageLink, String idColumn) {
-        return buildQuery(searchView, clauses, Collections.singletonList(order), pageLink, idColumn);
-    }
-
-    public static Where buildQuery(String searchView, List<Clause> clauses, List<Ordering> topLevelOrderings, TimePageLink pageLink, String idColumn) {
-        Select select = select().from(searchView);
-        Where query = select.where();
-        for (Clause clause : clauses) {
-            query.and(clause);
-        }
-        query.limit(pageLink.getLimit());
-        if (pageLink.isAscOrder()) {
-            if (pageLink.getIdOffset() != null) {
-                query.and(QueryBuilder.gt(idColumn, pageLink.getIdOffset()));
-            } else if (pageLink.getStartTime() != null) {
-                final UUID startOf = UUIDs.startOf(pageLink.getStartTime());
-                query.and(QueryBuilder.gte(idColumn, startOf));
-            }
-            if (pageLink.getEndTime() != null) {
-                final UUID endOf = UUIDs.endOf(pageLink.getEndTime());
-                query.and(QueryBuilder.lte(idColumn, endOf));
-            }
-        } else {
-            if (pageLink.getIdOffset() != null) {
-                query.and(QueryBuilder.lt(idColumn, pageLink.getIdOffset()));
-            } else if (pageLink.getEndTime() != null) {
-                final UUID endOf = UUIDs.endOf(pageLink.getEndTime());
-                query.and(QueryBuilder.lte(idColumn, endOf));
-            }
-            if (pageLink.getStartTime() != null) {
-                final UUID startOf = UUIDs.startOf(pageLink.getStartTime());
-                query.and(QueryBuilder.gte(idColumn, startOf));
-            }
-        }
-        List<Ordering> orderings = new ArrayList<>(topLevelOrderings);
-        if (pageLink.isAscOrder()) {
-            orderings.add(QueryBuilder.asc(idColumn));
-        } else {
-            orderings.add(QueryBuilder.desc(idColumn));
-        }
-        query.orderBy(orderings.toArray(new Ordering[orderings.size()]));
-        return query;
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/relation/BaseRelationDao.java b/dao/src/main/java/org/thingsboard/server/dao/relation/BaseRelationDao.java
deleted file mode 100644
index 9dd574b5e1..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/relation/BaseRelationDao.java
+++ /dev/null
@@ -1,381 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.relation;
-
-import com.datastax.driver.core.BoundStatement;
-import com.datastax.driver.core.PreparedStatement;
-import com.datastax.driver.core.ResultSet;
-import com.datastax.driver.core.ResultSetFuture;
-import com.datastax.driver.core.Row;
-import com.datastax.driver.core.querybuilder.QueryBuilder;
-import com.datastax.driver.core.querybuilder.Select;
-import com.fasterxml.jackson.databind.JsonNode;
-import com.google.common.util.concurrent.ListenableFuture;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.EntityType;
-import org.thingsboard.server.common.data.id.EntityId;
-import org.thingsboard.server.common.data.id.EntityIdFactory;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TimePageLink;
-import org.thingsboard.server.common.data.relation.EntityRelation;
-import org.thingsboard.server.common.data.relation.RelationTypeGroup;
-import org.thingsboard.server.dao.model.ModelConstants;
-import org.thingsboard.server.dao.model.type.RelationTypeGroupCodec;
-import org.thingsboard.server.dao.nosql.CassandraAbstractAsyncDao;
-import org.thingsboard.server.dao.nosql.CassandraAbstractSearchTimeDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import javax.annotation.PostConstruct;
-import java.util.ArrayList;
-import java.util.Arrays;
-import java.util.List;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-
-/**
- * Created by ashvayka on 25.04.17.
- */
-@Component
-@Slf4j
-@NoSqlDao
-public class BaseRelationDao extends CassandraAbstractAsyncDao implements RelationDao {
-
-    private static final String SELECT_COLUMNS = "SELECT " +
-            ModelConstants.RELATION_FROM_ID_PROPERTY + "," +
-            ModelConstants.RELATION_FROM_TYPE_PROPERTY + "," +
-            ModelConstants.RELATION_TO_ID_PROPERTY + "," +
-            ModelConstants.RELATION_TO_TYPE_PROPERTY + "," +
-            ModelConstants.RELATION_TYPE_GROUP_PROPERTY + "," +
-            ModelConstants.RELATION_TYPE_PROPERTY + "," +
-            ModelConstants.ADDITIONAL_INFO_PROPERTY;
-    public static final String FROM = " FROM ";
-    public static final String WHERE = " WHERE ";
-    public static final String AND = " AND ";
-
-    private static final RelationTypeGroupCodec relationTypeGroupCodec = new RelationTypeGroupCodec();
-    public static final String EQUAL_TO_PARAM = " = ? ";
-
-    private PreparedStatement saveStmt;
-    private PreparedStatement findAllByFromStmt;
-    private PreparedStatement findAllByFromAndTypeStmt;
-    private PreparedStatement findAllByToStmt;
-    private PreparedStatement findAllByToAndTypeStmt;
-    private PreparedStatement checkRelationStmt;
-    private PreparedStatement deleteStmt;
-    private PreparedStatement deleteAllByEntityStmt;
-
-    @PostConstruct
-    public void init() {
-        super.startExecutor();
-    }
-
-    @Override
-    public ListenableFuture<List<EntityRelation>> findAllByFrom(TenantId tenantId, EntityId from, RelationTypeGroup typeGroup) {
-        BoundStatement stmt = getFindAllByFromStmt().bind()
-                .setUUID(0, from.getId())
-                .setString(1, from.getEntityType().name())
-                .set(2, typeGroup, relationTypeGroupCodec);
-        return executeAsyncRead(tenantId, from, stmt);
-    }
-
-    @Override
-    public ListenableFuture<List<EntityRelation>> findAllByFromAndType(TenantId tenantId, EntityId from, String relationType, RelationTypeGroup typeGroup) {
-        BoundStatement stmt = getFindAllByFromAndTypeStmt().bind()
-                .setUUID(0, from.getId())
-                .setString(1, from.getEntityType().name())
-                .set(2, typeGroup, relationTypeGroupCodec)
-                .setString(3, relationType);
-        return executeAsyncRead(tenantId, from, stmt);
-    }
-
-    @Override
-    public ListenableFuture<List<EntityRelation>> findAllByTo(TenantId tenantId, EntityId to, RelationTypeGroup typeGroup) {
-        BoundStatement stmt = getFindAllByToStmt().bind()
-                .setUUID(0, to.getId())
-                .setString(1, to.getEntityType().name())
-                .set(2, typeGroup, relationTypeGroupCodec);
-        return executeAsyncRead(tenantId, to, stmt);
-    }
-
-    @Override
-    public ListenableFuture<List<EntityRelation>> findAllByToAndType(TenantId tenantId, EntityId to, String relationType, RelationTypeGroup typeGroup) {
-        BoundStatement stmt = getFindAllByToAndTypeStmt().bind()
-                .setUUID(0, to.getId())
-                .setString(1, to.getEntityType().name())
-                .set(2, typeGroup, relationTypeGroupCodec)
-                .setString(3, relationType);
-        return executeAsyncRead(tenantId, to, stmt);
-    }
-
-    @Override
-    public ListenableFuture<Boolean> checkRelation(TenantId tenantId, EntityId from, EntityId to, String relationType, RelationTypeGroup typeGroup) {
-        BoundStatement stmt = getCheckRelationStmt().bind()
-                .setUUID(0, from.getId())
-                .setString(1, from.getEntityType().name())
-                .setUUID(2, to.getId())
-                .setString(3, to.getEntityType().name())
-                .set(4, typeGroup, relationTypeGroupCodec)
-                .setString(5, relationType);
-        return getFuture(executeAsyncRead(tenantId, stmt), rs -> rs != null ? rs.one() != null : false);
-    }
-
-    @Override
-    public ListenableFuture<EntityRelation> getRelation(TenantId tenantId, EntityId from, EntityId to, String relationType, RelationTypeGroup typeGroup) {
-        BoundStatement stmt = getCheckRelationStmt().bind()
-                .setUUID(0, from.getId())
-                .setString(1, from.getEntityType().name())
-                .setUUID(2, to.getId())
-                .setString(3, to.getEntityType().name())
-                .set(4, typeGroup, relationTypeGroupCodec)
-                .setString(5, relationType);
-        return getFuture(executeAsyncRead(tenantId, stmt), rs -> rs != null ? getEntityRelation(rs.one()) : null);
-    }
-
-    @Override
-    public boolean saveRelation(TenantId tenantId, EntityRelation relation) {
-        BoundStatement stmt = getSaveRelationStatement(tenantId, relation);
-        ResultSet rs = executeWrite(tenantId, stmt);
-        return rs.wasApplied();
-    }
-
-    @Override
-    public ListenableFuture<Boolean> saveRelationAsync(TenantId tenantId, EntityRelation relation) {
-        BoundStatement stmt = getSaveRelationStatement(tenantId, relation);
-        ResultSetFuture future = executeAsyncWrite(tenantId, stmt);
-        return getBooleanListenableFuture(future);
-    }
-
-    private BoundStatement getSaveRelationStatement(TenantId tenantId, EntityRelation relation) {
-        BoundStatement stmt = getSaveStmt().bind()
-                .setUUID(0, relation.getFrom().getId())
-                .setString(1, relation.getFrom().getEntityType().name())
-                .setUUID(2, relation.getTo().getId())
-                .setString(3, relation.getTo().getEntityType().name())
-                .set(4, relation.getTypeGroup(), relationTypeGroupCodec)
-                .setString(5, relation.getType())
-                .set(6, relation.getAdditionalInfo(), JsonNode.class);
-        return stmt;
-    }
-
-    @Override
-    public boolean deleteRelation(TenantId tenantId, EntityRelation relation) {
-        return deleteRelation(tenantId, relation.getFrom(), relation.getTo(), relation.getType(), relation.getTypeGroup());
-    }
-
-    @Override
-    public ListenableFuture<Boolean> deleteRelationAsync(TenantId tenantId, EntityRelation relation) {
-        return deleteRelationAsync(tenantId, relation.getFrom(), relation.getTo(), relation.getType(), relation.getTypeGroup());
-    }
-
-    @Override
-    public boolean deleteRelation(TenantId tenantId, EntityId from, EntityId to, String relationType, RelationTypeGroup typeGroup) {
-        BoundStatement stmt = getDeleteRelationStatement(tenantId, from, to, relationType, typeGroup);
-        ResultSet rs = executeWrite(tenantId, stmt);
-        return rs.wasApplied();
-    }
-
-    @Override
-    public ListenableFuture<Boolean> deleteRelationAsync(TenantId tenantId, EntityId from, EntityId to, String relationType, RelationTypeGroup typeGroup) {
-        BoundStatement stmt = getDeleteRelationStatement(tenantId, from, to, relationType, typeGroup);
-        ResultSetFuture future = executeAsyncWrite(tenantId, stmt);
-        return getBooleanListenableFuture(future);
-    }
-
-    private BoundStatement getDeleteRelationStatement(TenantId tenantId, EntityId from, EntityId to, String relationType, RelationTypeGroup typeGroup) {
-        BoundStatement stmt = getDeleteStmt().bind()
-                .setUUID(0, from.getId())
-                .setString(1, from.getEntityType().name())
-                .setUUID(2, to.getId())
-                .setString(3, to.getEntityType().name())
-                .set(4, typeGroup, relationTypeGroupCodec)
-                .setString(5, relationType);
-        return stmt;
-    }
-
-    @Override
-    public boolean deleteOutboundRelations(TenantId tenantId, EntityId entity) {
-        BoundStatement stmt = getDeleteAllByEntityStmt().bind()
-                .setUUID(0, entity.getId())
-                .setString(1, entity.getEntityType().name());
-        ResultSet rs = executeWrite(tenantId, stmt);
-        return rs.wasApplied();
-    }
-
-
-    @Override
-    public ListenableFuture<Boolean> deleteOutboundRelationsAsync(TenantId tenantId, EntityId entity) {
-        BoundStatement stmt = getDeleteAllByEntityStmt().bind()
-                .setUUID(0, entity.getId())
-                .setString(1, entity.getEntityType().name());
-        ResultSetFuture future = executeAsyncWrite(tenantId, stmt);
-        return getBooleanListenableFuture(future);
-    }
-
-    @Override
-    public ListenableFuture<List<EntityRelation>> findRelations(TenantId tenantId, EntityId from, String relationType, RelationTypeGroup typeGroup, EntityType childType, TimePageLink pageLink) {
-        Select.Where query = CassandraAbstractSearchTimeDao.buildQuery(ModelConstants.RELATION_BY_TYPE_AND_CHILD_TYPE_VIEW_NAME,
-                Arrays.asList(eq(ModelConstants.RELATION_FROM_ID_PROPERTY, from.getId()),
-                        eq(ModelConstants.RELATION_FROM_TYPE_PROPERTY, from.getEntityType().name()),
-                        eq(ModelConstants.RELATION_TYPE_GROUP_PROPERTY, typeGroup.name()),
-                        eq(ModelConstants.RELATION_TYPE_PROPERTY, relationType),
-                        eq(ModelConstants.RELATION_TO_TYPE_PROPERTY, childType.name())),
-                Arrays.asList(
-                        pageLink.isAscOrder() ? QueryBuilder.desc(ModelConstants.RELATION_TYPE_GROUP_PROPERTY) :
-                                QueryBuilder.asc(ModelConstants.RELATION_TYPE_GROUP_PROPERTY),
-                        pageLink.isAscOrder() ? QueryBuilder.desc(ModelConstants.RELATION_TYPE_PROPERTY) :
-                                QueryBuilder.asc(ModelConstants.RELATION_TYPE_PROPERTY),
-                        pageLink.isAscOrder() ? QueryBuilder.desc(ModelConstants.RELATION_TO_TYPE_PROPERTY) :
-                                QueryBuilder.asc(ModelConstants.RELATION_TO_TYPE_PROPERTY)
-                ),
-                pageLink, ModelConstants.RELATION_TO_ID_PROPERTY);
-        return getFuture(executeAsyncRead(tenantId, query), this::getEntityRelations);
-    }
-
-    private PreparedStatement getSaveStmt() {
-        if (saveStmt == null) {
-            saveStmt = prepare("INSERT INTO " + ModelConstants.RELATION_COLUMN_FAMILY_NAME + " " +
-                    "(" + ModelConstants.RELATION_FROM_ID_PROPERTY +
-                    "," + ModelConstants.RELATION_FROM_TYPE_PROPERTY +
-                    "," + ModelConstants.RELATION_TO_ID_PROPERTY +
-                    "," + ModelConstants.RELATION_TO_TYPE_PROPERTY +
-                    "," + ModelConstants.RELATION_TYPE_GROUP_PROPERTY +
-                    "," + ModelConstants.RELATION_TYPE_PROPERTY +
-                    "," + ModelConstants.ADDITIONAL_INFO_PROPERTY + ")" +
-                    " VALUES(?, ?, ?, ?, ?, ?, ?)");
-        }
-        return saveStmt;
-    }
-
-    private PreparedStatement getDeleteStmt() {
-        if (deleteStmt == null) {
-            deleteStmt = prepare("DELETE FROM " + ModelConstants.RELATION_COLUMN_FAMILY_NAME +
-                    WHERE + ModelConstants.RELATION_FROM_ID_PROPERTY + " = ?" +
-                    AND + ModelConstants.RELATION_FROM_TYPE_PROPERTY + " = ?" +
-                    AND + ModelConstants.RELATION_TO_ID_PROPERTY + " = ?" +
-                    AND + ModelConstants.RELATION_TO_TYPE_PROPERTY + " = ?" +
-                    AND + ModelConstants.RELATION_TYPE_GROUP_PROPERTY + " = ?" +
-                    AND + ModelConstants.RELATION_TYPE_PROPERTY + " = ?");
-        }
-        return deleteStmt;
-    }
-
-    private PreparedStatement getDeleteAllByEntityStmt() {
-        if (deleteAllByEntityStmt == null) {
-            deleteAllByEntityStmt = prepare("DELETE FROM " + ModelConstants.RELATION_COLUMN_FAMILY_NAME +
-                    WHERE + ModelConstants.RELATION_FROM_ID_PROPERTY + " = ?" +
-                    AND + ModelConstants.RELATION_FROM_TYPE_PROPERTY + " = ?");
-        }
-        return deleteAllByEntityStmt;
-    }
-
-    private PreparedStatement getFindAllByFromStmt() {
-        if (findAllByFromStmt == null) {
-            findAllByFromStmt = prepare(SELECT_COLUMNS + " " +
-                    FROM + ModelConstants.RELATION_COLUMN_FAMILY_NAME + " " +
-                    WHERE + ModelConstants.RELATION_FROM_ID_PROPERTY + EQUAL_TO_PARAM +
-                    AND + ModelConstants.RELATION_FROM_TYPE_PROPERTY + EQUAL_TO_PARAM +
-                    AND + ModelConstants.RELATION_TYPE_GROUP_PROPERTY + EQUAL_TO_PARAM);
-        }
-        return findAllByFromStmt;
-    }
-
-    private PreparedStatement getFindAllByFromAndTypeStmt() {
-        if (findAllByFromAndTypeStmt == null) {
-            findAllByFromAndTypeStmt = prepare(SELECT_COLUMNS + " " +
-                    FROM + ModelConstants.RELATION_COLUMN_FAMILY_NAME + " " +
-                    WHERE + ModelConstants.RELATION_FROM_ID_PROPERTY + EQUAL_TO_PARAM +
-                    AND + ModelConstants.RELATION_FROM_TYPE_PROPERTY + EQUAL_TO_PARAM +
-                    AND + ModelConstants.RELATION_TYPE_GROUP_PROPERTY + EQUAL_TO_PARAM +
-                    AND + ModelConstants.RELATION_TYPE_PROPERTY + EQUAL_TO_PARAM);
-        }
-        return findAllByFromAndTypeStmt;
-    }
-
-
-    private PreparedStatement getFindAllByToStmt() {
-        if (findAllByToStmt == null) {
-            findAllByToStmt = prepare(SELECT_COLUMNS + " " +
-                    FROM + ModelConstants.RELATION_REVERSE_VIEW_NAME + " " +
-                    WHERE + ModelConstants.RELATION_TO_ID_PROPERTY + EQUAL_TO_PARAM +
-                    AND + ModelConstants.RELATION_TO_TYPE_PROPERTY + EQUAL_TO_PARAM +
-                    AND + ModelConstants.RELATION_TYPE_GROUP_PROPERTY + EQUAL_TO_PARAM);
-        }
-        return findAllByToStmt;
-    }
-
-    private PreparedStatement getFindAllByToAndTypeStmt() {
-        if (findAllByToAndTypeStmt == null) {
-            findAllByToAndTypeStmt = prepare(SELECT_COLUMNS + " " +
-                    FROM + ModelConstants.RELATION_REVERSE_VIEW_NAME + " " +
-                    WHERE + ModelConstants.RELATION_TO_ID_PROPERTY + EQUAL_TO_PARAM +
-                    AND + ModelConstants.RELATION_TO_TYPE_PROPERTY + EQUAL_TO_PARAM +
-                    AND + ModelConstants.RELATION_TYPE_GROUP_PROPERTY + EQUAL_TO_PARAM +
-                    AND + ModelConstants.RELATION_TYPE_PROPERTY + EQUAL_TO_PARAM);
-        }
-        return findAllByToAndTypeStmt;
-    }
-
-
-    private PreparedStatement getCheckRelationStmt() {
-        if (checkRelationStmt == null) {
-            checkRelationStmt = prepare(SELECT_COLUMNS + " " +
-                    FROM + ModelConstants.RELATION_COLUMN_FAMILY_NAME + " " +
-                    WHERE + ModelConstants.RELATION_FROM_ID_PROPERTY + EQUAL_TO_PARAM +
-                    AND + ModelConstants.RELATION_FROM_TYPE_PROPERTY + EQUAL_TO_PARAM +
-                    AND + ModelConstants.RELATION_TO_ID_PROPERTY + EQUAL_TO_PARAM +
-                    AND + ModelConstants.RELATION_TO_TYPE_PROPERTY + EQUAL_TO_PARAM +
-                    AND + ModelConstants.RELATION_TYPE_GROUP_PROPERTY + EQUAL_TO_PARAM +
-                    AND + ModelConstants.RELATION_TYPE_PROPERTY + EQUAL_TO_PARAM);
-        }
-        return checkRelationStmt;
-    }
-
-    private EntityId toEntity(Row row, String uuidColumn, String typeColumn) {
-        return EntityIdFactory.getByTypeAndUuid(row.getString(typeColumn), row.getUUID(uuidColumn));
-    }
-
-    private ListenableFuture<List<EntityRelation>> executeAsyncRead(TenantId tenantId, EntityId from, BoundStatement stmt) {
-        log.debug("Generated query [{}] for entity {}", stmt, from);
-        return getFuture(executeAsyncRead(tenantId, stmt), rs -> getEntityRelations(rs));
-    }
-
-    private ListenableFuture<Boolean> getBooleanListenableFuture(ResultSetFuture rsFuture) {
-        return getFuture(rsFuture, rs -> rs != null ? rs.wasApplied() : false);
-    }
-
-    private List<EntityRelation> getEntityRelations(ResultSet rs) {
-        List<Row> rows = rs.all();
-        List<EntityRelation> entries = new ArrayList<>(rows.size());
-        if (!rows.isEmpty()) {
-            rows.forEach(row -> {
-                entries.add(getEntityRelation(row));
-            });
-        }
-        return entries;
-    }
-
-    private EntityRelation getEntityRelation(Row row) {
-        EntityRelation relation = new EntityRelation();
-        relation.setTypeGroup(row.get(ModelConstants.RELATION_TYPE_GROUP_PROPERTY, relationTypeGroupCodec));
-        relation.setType(row.getString(ModelConstants.RELATION_TYPE_PROPERTY));
-        relation.setAdditionalInfo(row.get(ModelConstants.ADDITIONAL_INFO_PROPERTY, JsonNode.class));
-        relation.setFrom(toEntity(row, ModelConstants.RELATION_FROM_ID_PROPERTY, ModelConstants.RELATION_FROM_TYPE_PROPERTY));
-        relation.setTo(toEntity(row, ModelConstants.RELATION_TO_ID_PROPERTY, ModelConstants.RELATION_TO_TYPE_PROPERTY));
-        return relation;
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/relation/RelationDao.java b/dao/src/main/java/org/thingsboard/server/dao/relation/RelationDao.java
index 28918c63dd..4337f04354 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/relation/RelationDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/relation/RelationDao.java
@@ -19,6 +19,7 @@ import com.google.common.util.concurrent.ListenableFuture;
 import org.thingsboard.server.common.data.EntityType;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.TenantId;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.common.data.relation.EntityRelation;
 import org.thingsboard.server.common.data.relation.RelationTypeGroup;
@@ -58,6 +59,6 @@ public interface RelationDao {
 
     ListenableFuture<Boolean> deleteOutboundRelationsAsync(TenantId tenantId, EntityId entity);
 
-    ListenableFuture<List<EntityRelation>> findRelations(TenantId tenantId, EntityId from, String relationType, RelationTypeGroup typeGroup, EntityType toType, TimePageLink pageLink);
+    ListenableFuture<PageData<EntityRelation>> findRelations(TenantId tenantId, EntityId from, String relationType, RelationTypeGroup typeGroup, EntityType toType, TimePageLink pageLink);
 
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/rule/BaseRuleChainService.java b/dao/src/main/java/org/thingsboard/server/dao/rule/BaseRuleChainService.java
index 8ed968a78a..8c330075f4 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/rule/BaseRuleChainService.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/rule/BaseRuleChainService.java
@@ -27,8 +27,8 @@ import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.RuleChainId;
 import org.thingsboard.server.common.data.id.RuleNodeId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.relation.EntityRelation;
 import org.thingsboard.server.common.data.relation.RelationTypeGroup;
 import org.thingsboard.server.common.data.rule.NodeConnectionInfo;
@@ -329,11 +329,10 @@ public class BaseRuleChainService extends AbstractEntityService implements RuleC
     }
 
     @Override
-    public TextPageData<RuleChain> findTenantRuleChains(TenantId tenantId, TextPageLink pageLink) {
+    public PageData<RuleChain> findTenantRuleChains(TenantId tenantId, PageLink pageLink) {
         Validator.validateId(tenantId, "Incorrect tenant id for search rule chain request.");
-        Validator.validatePageLink(pageLink, "Incorrect PageLink object for search rule chain request.");
-        List<RuleChain> ruleChains = ruleChainDao.findRuleChainsByTenantId(tenantId.getId(), pageLink);
-        return new TextPageData<>(ruleChains, pageLink);
+        Validator.validatePageLink(pageLink);
+        return ruleChainDao.findRuleChainsByTenantId(tenantId.getId(), pageLink);
     }
 
     @Override
@@ -411,7 +410,7 @@ public class BaseRuleChainService extends AbstractEntityService implements RuleC
             new PaginatedRemover<TenantId, RuleChain>() {
 
                 @Override
-                protected List<RuleChain> findEntities(TenantId tenantId, TenantId id, TextPageLink pageLink) {
+                protected PageData<RuleChain> findEntities(TenantId tenantId, TenantId id, PageLink pageLink) {
                     return ruleChainDao.findRuleChainsByTenantId(id.getId(), pageLink);
                 }
 
diff --git a/dao/src/main/java/org/thingsboard/server/dao/rule/CassandraRuleChainDao.java b/dao/src/main/java/org/thingsboard/server/dao/rule/CassandraRuleChainDao.java
deleted file mode 100644
index 811bb68e66..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/rule/CassandraRuleChainDao.java
+++ /dev/null
@@ -1,63 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.rule;
-
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.common.data.rule.RuleChain;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.nosql.RuleChainEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractSearchTextDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import java.util.Collections;
-import java.util.List;
-import java.util.UUID;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static org.thingsboard.server.dao.model.ModelConstants.RULE_CHAIN_BY_TENANT_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.RULE_CHAIN_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.RULE_CHAIN_TENANT_ID_PROPERTY;
-
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraRuleChainDao extends CassandraAbstractSearchTextDao<RuleChainEntity, RuleChain> implements RuleChainDao {
-
-    @Override
-    protected Class<RuleChainEntity> getColumnFamilyClass() {
-        return RuleChainEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return RULE_CHAIN_COLUMN_FAMILY_NAME;
-    }
-
-    @Override
-    public List<RuleChain> findRuleChainsByTenantId(UUID tenantId, TextPageLink pageLink) {
-        log.debug("Try to find rule chains by tenantId [{}] and pageLink [{}]", tenantId, pageLink);
-        List<RuleChainEntity> ruleChainEntities = findPageWithTextSearch(new TenantId(tenantId), RULE_CHAIN_BY_TENANT_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Collections.singletonList(eq(RULE_CHAIN_TENANT_ID_PROPERTY, tenantId)),
-                pageLink);
-
-        log.trace("Found rule chains [{}] by tenantId [{}] and pageLink [{}]", ruleChainEntities, tenantId, pageLink);
-        return DaoUtil.convertDataList(ruleChainEntities);
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/rule/CassandraRuleNodeDao.java b/dao/src/main/java/org/thingsboard/server/dao/rule/CassandraRuleNodeDao.java
deleted file mode 100644
index 53212e1096..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/rule/CassandraRuleNodeDao.java
+++ /dev/null
@@ -1,42 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.rule;
-
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.rule.RuleNode;
-import org.thingsboard.server.dao.model.nosql.RuleNodeEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractSearchTextDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import static org.thingsboard.server.dao.model.ModelConstants.RULE_NODE_COLUMN_FAMILY_NAME;
-
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraRuleNodeDao extends CassandraAbstractSearchTextDao<RuleNodeEntity, RuleNode> implements RuleNodeDao {
-
-    @Override
-    protected Class<RuleNodeEntity> getColumnFamilyClass() {
-        return RuleNodeEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return RULE_NODE_COLUMN_FAMILY_NAME;
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/rule/RuleChainDao.java b/dao/src/main/java/org/thingsboard/server/dao/rule/RuleChainDao.java
index 831df1cd15..07b9e59670 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/rule/RuleChainDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/rule/RuleChainDao.java
@@ -15,7 +15,8 @@
  */
 package org.thingsboard.server.dao.rule;
 
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.rule.RuleChain;
 import org.thingsboard.server.dao.Dao;
 
@@ -34,6 +35,6 @@ public interface RuleChainDao extends Dao<RuleChain> {
      * @param pageLink the page link
      * @return the list of rule chain objects
      */
-    List<RuleChain> findRuleChainsByTenantId(UUID tenantId, TextPageLink pageLink);
+    PageData<RuleChain> findRuleChainsByTenantId(UUID tenantId, PageLink pageLink);
 
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/service/PaginatedRemover.java b/dao/src/main/java/org/thingsboard/server/dao/service/PaginatedRemover.java
index c6157516e1..e78f5a58aa 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/service/PaginatedRemover.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/service/PaginatedRemover.java
@@ -17,7 +17,8 @@ package org.thingsboard.server.dao.service;
 
 import org.thingsboard.server.common.data.id.IdBased;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 
 import java.util.List;
 import java.util.UUID;
@@ -27,23 +28,18 @@ public abstract class PaginatedRemover<I, D extends IdBased<?>> {
     private static final int DEFAULT_LIMIT = 100;
 
     public void removeEntities(TenantId tenantId, I id) {
-        TextPageLink pageLink = new TextPageLink(DEFAULT_LIMIT);
+        PageLink pageLink = new PageLink(DEFAULT_LIMIT);
         boolean hasNext = true;
         while (hasNext) {
-            List<D> entities = findEntities(tenantId, id, pageLink);
-            for (D entity : entities) {
+            PageData<D> entities = findEntities(tenantId, id, pageLink);
+            for (D entity : entities.getData()) {
                 removeEntity(tenantId, entity);
             }
-            hasNext = entities.size() == pageLink.getLimit();
-            if (hasNext) {
-                int index = entities.size() - 1;
-                UUID idOffset = entities.get(index).getUuidId();
-                pageLink.setIdOffset(idOffset);
-            }
+            hasNext = entities.hasNext();
         }
     }
 
-    protected abstract List<D> findEntities(TenantId tenantId,I id, TextPageLink pageLink);
+    protected abstract PageData<D> findEntities(TenantId tenantId, I id, PageLink pageLink);
 
     protected abstract void removeEntity(TenantId tenantId, D entity);
 
diff --git a/dao/src/main/java/org/thingsboard/server/dao/service/TimePaginatedRemover.java b/dao/src/main/java/org/thingsboard/server/dao/service/TimePaginatedRemover.java
index 355103ac97..e2ea5be619 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/service/TimePaginatedRemover.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/service/TimePaginatedRemover.java
@@ -17,6 +17,7 @@ package org.thingsboard.server.dao.service;
 
 import org.thingsboard.server.common.data.id.IdBased;
 import org.thingsboard.server.common.data.id.TenantId;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 
 import java.util.List;
@@ -30,20 +31,15 @@ public abstract class TimePaginatedRemover<I, D extends IdBased<?>> {
         TimePageLink pageLink = new TimePageLink(DEFAULT_LIMIT);
         boolean hasNext = true;
         while (hasNext) {
-            List<D> entities = findEntities(tenantId, id, pageLink);
-            for (D entity : entities) {
+            PageData<D> entities = findEntities(tenantId, id, pageLink);
+            for (D entity : entities.getData()) {
                 removeEntity(tenantId, entity);
             }
-            hasNext = entities.size() == pageLink.getLimit();
-            if (hasNext) {
-                int index = entities.size() - 1;
-                UUID idOffset = entities.get(index).getUuidId();
-                pageLink.setIdOffset(idOffset);
-            }
+            hasNext = entities.hasNext();
         }
     }
 
-    protected abstract List<D> findEntities(TenantId tenantId, I id, TimePageLink pageLink);
+    protected abstract PageData<D> findEntities(TenantId tenantId, I id, TimePageLink pageLink);
 
     protected abstract void removeEntity(TenantId tenantId, D entity);
 
diff --git a/dao/src/main/java/org/thingsboard/server/dao/service/Validator.java b/dao/src/main/java/org/thingsboard/server/dao/service/Validator.java
index 20bacc659b..719b6b7eec 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/service/Validator.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/service/Validator.java
@@ -17,7 +17,7 @@ package org.thingsboard.server.dao.service;
 
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.UUIDBased;
-import org.thingsboard.server.common.data.page.BasePageLink;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.exception.IncorrectParameterException;
 
 import java.util.List;
@@ -116,9 +116,13 @@ public class Validator {
      * @param pageLink     the page link
      * @param errorMessage the error message for exception
      */
-    public static void validatePageLink(BasePageLink pageLink, String errorMessage) {
-        if (pageLink == null || pageLink.getLimit() < 1 || (pageLink.getIdOffset() != null && pageLink.getIdOffset().version() != 1)) {
-            throw new IncorrectParameterException(errorMessage);
+    public static void validatePageLink(PageLink pageLink) {
+        if (pageLink == null) {
+            throw new IncorrectParameterException("Page link must be specified.");
+        } else if (pageLink.getPageSize() < 1) {
+            throw new IncorrectParameterException("Incorrect page link page size '"+pageLink.getPageSize()+"'. Page size must be greater than zero.");
+        } else if (pageLink.getPage() < 0) {
+            throw new IncorrectParameterException("Incorrect page link page '"+pageLink.getPage()+"'. Page must be positive integer.");
         }
     }
 
diff --git a/dao/src/main/java/org/thingsboard/server/dao/settings/CassandraAdminSettingsDao.java b/dao/src/main/java/org/thingsboard/server/dao/settings/CassandraAdminSettingsDao.java
deleted file mode 100644
index 2cc218a678..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/settings/CassandraAdminSettingsDao.java
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.settings;
-
-import com.datastax.driver.core.querybuilder.Select.Where;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.AdminSettings;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.nosql.AdminSettingsEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractModelDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-import static org.thingsboard.server.dao.model.ModelConstants.ADMIN_SETTINGS_BY_KEY_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ADMIN_SETTINGS_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.ADMIN_SETTINGS_KEY_PROPERTY;
-
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraAdminSettingsDao extends CassandraAbstractModelDao<AdminSettingsEntity, AdminSettings> implements AdminSettingsDao {
-
-    @Override
-    protected Class<AdminSettingsEntity> getColumnFamilyClass() {
-        return AdminSettingsEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return ADMIN_SETTINGS_COLUMN_FAMILY_NAME;
-    }
-
-    @Override
-    public AdminSettings findByKey(TenantId tenantId, String key) {
-        log.debug("Try to find admin settings by key [{}] ", key);
-        Where query = select().from(ADMIN_SETTINGS_BY_KEY_COLUMN_FAMILY_NAME).where(eq(ADMIN_SETTINGS_KEY_PROPERTY, key));
-        log.trace("Execute query {}", query);
-        AdminSettingsEntity adminSettingsEntity = findOneByStatement(tenantId, query);
-        log.trace("Found admin settings [{}] by key [{}]", adminSettingsEntity, key);
-        return DaoUtil.getData(adminSettingsEntity);
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/JpaAbstractSearchTimeDao.java b/dao/src/main/java/org/thingsboard/server/dao/sql/JpaAbstractSearchTimeDao.java
index 9c6b2648a5..ac5562898f 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/JpaAbstractSearchTimeDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/JpaAbstractSearchTimeDao.java
@@ -38,51 +38,19 @@ public abstract class JpaAbstractSearchTimeDao<E extends BaseEntity<D>, D> exten
         return new Specification<T>() {
             @Override
             public Predicate toPredicate(Root<T> root, CriteriaQuery<?> criteriaQuery, CriteriaBuilder criteriaBuilder) {
-                List<Predicate> predicates;
-                if (pageLink.isAscOrder()) {
-                    predicates = createAscPredicates(pageLink, idColumn, root, criteriaBuilder);
-                } else {
-                    predicates = createDescPredicates(pageLink, idColumn, root, criteriaBuilder);
+                List<Predicate> predicates = new ArrayList<>();
+                if (pageLink.getStartTime() != null) {
+                    UUID startOf = UUIDs.startOf(pageLink.getStartTime());
+                    Predicate lowerBound = criteriaBuilder.greaterThanOrEqualTo(root.get(idColumn), UUIDConverter.fromTimeUUID(startOf));
+                    predicates.add(lowerBound);
+                }
+                if (pageLink.getEndTime() != null) {
+                    UUID endOf = UUIDs.endOf(pageLink.getEndTime());
+                    Predicate upperBound = criteriaBuilder.lessThanOrEqualTo(root.get(idColumn), UUIDConverter.fromTimeUUID(endOf));
+                    predicates.add(upperBound);
                 }
                 return criteriaBuilder.and(predicates.toArray(new Predicate[0]));
             }
         };
     }
-
-    private static <T> List<Predicate> createAscPredicates(TimePageLink pageLink, String idColumn, Root<T> root, CriteriaBuilder criteriaBuilder) {
-        List<Predicate> predicates = new ArrayList<>();
-        if (pageLink.getIdOffset() != null) {
-            Predicate lowerBound = criteriaBuilder.greaterThan(root.get(idColumn), UUIDConverter.fromTimeUUID(pageLink.getIdOffset()));
-            predicates.add(lowerBound);
-        } else if (pageLink.getStartTime() != null) {
-            UUID startOf = UUIDs.startOf(pageLink.getStartTime());
-            Predicate lowerBound = criteriaBuilder.greaterThanOrEqualTo(root.get(idColumn), UUIDConverter.fromTimeUUID(startOf));
-            predicates.add(lowerBound);
-        }
-        if (pageLink.getEndTime() != null) {
-            UUID endOf = UUIDs.endOf(pageLink.getEndTime());
-            Predicate upperBound = criteriaBuilder.lessThanOrEqualTo(root.get(idColumn), UUIDConverter.fromTimeUUID(endOf));
-            predicates.add(upperBound);
-        }
-        return predicates;
-    }
-
-    private static <T> List<Predicate> createDescPredicates(TimePageLink pageLink, String idColumn, Root<T> root, CriteriaBuilder criteriaBuilder) {
-        List<Predicate> predicates = new ArrayList<>();
-        if (pageLink.getIdOffset() != null) {
-            Predicate lowerBound = criteriaBuilder.lessThan(root.get(idColumn), UUIDConverter.fromTimeUUID(pageLink.getIdOffset()));
-            predicates.add(lowerBound);
-        } else if (pageLink.getEndTime() != null) {
-            UUID endOf = UUIDs.endOf(pageLink.getEndTime());
-            Predicate lowerBound = criteriaBuilder.lessThanOrEqualTo(root.get(idColumn), UUIDConverter.fromTimeUUID(endOf));
-            predicates.add(lowerBound);
-        }
-        if (pageLink.getStartTime() != null) {
-            UUID startOf = UUIDs.startOf(pageLink.getStartTime());
-            Predicate upperBound = criteriaBuilder.greaterThanOrEqualTo(root.get(idColumn), UUIDConverter.fromTimeUUID(startOf));
-            predicates.add(upperBound);
-        }
-        return predicates;
-    }
-
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/alarm/AlarmRepository.java b/dao/src/main/java/org/thingsboard/server/dao/sql/alarm/AlarmRepository.java
index 18159e6fca..906d0f7bda 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/alarm/AlarmRepository.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/alarm/AlarmRepository.java
@@ -15,12 +15,14 @@
  */
 package org.thingsboard.server.dao.sql.alarm;
 
+import org.springframework.data.domain.Page;
 import org.springframework.data.domain.Pageable;
 import org.springframework.data.jpa.repository.Query;
 import org.springframework.data.repository.CrudRepository;
 import org.springframework.data.repository.query.Param;
 import org.thingsboard.server.common.data.EntityType;
 import org.thingsboard.server.dao.model.sql.AlarmEntity;
+import org.thingsboard.server.dao.model.sql.AlarmInfoEntity;
 import org.thingsboard.server.dao.util.SqlDao;
 
 import java.util.List;
@@ -35,4 +37,26 @@ public interface AlarmRepository extends CrudRepository<AlarmEntity, String> {
     List<AlarmEntity> findLatestByOriginatorAndType(@Param("originatorId") String originatorId,
                                                     @Param("alarmType") String alarmType,
                                                     Pageable pageable);
+
+    @Query("SELECT new org.thingsboard.server.dao.model.sql.AlarmInfoEntity(a) FROM AlarmEntity a, " +
+            "RelationEntity re " +
+            "WHERE a.tenantId = :tenantId " +
+            "AND a.id = re.toId AND re.toType = 'ALARM' " +
+            "AND re.relationTypeGroup = 'ALARM' " +
+            "AND re.relationType = :relationType " +
+            "AND re.fromId = :affectedEntityId " +
+            "AND re.fromType = :affectedEntityType " +
+            "AND (:startId IS NULL OR a.id >= :startId) " +
+            "AND (:endId IS NULL OR a.id <= :endId) " +
+            "AND (LOWER(a.type) LIKE LOWER(CONCAT(:searchText, '%'))" +
+            "OR LOWER(a.severity) LIKE LOWER(CONCAT(:searchText, '%'))" +
+            "OR LOWER(a.status) LIKE LOWER(CONCAT(:searchText, '%')))")
+    Page<AlarmInfoEntity> findAlarms(@Param("tenantId") String tenantId,
+                                     @Param("affectedEntityId") String affectedEntityId,
+                                     @Param("affectedEntityType") String affectedEntityType,
+                                     @Param("relationType") String relationType,
+                                     @Param("startId") String startId,
+                                     @Param("endId") String endId,
+                                     @Param("searchText") String searchText,
+                                     Pageable pageable);
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/alarm/JpaAlarmDao.java b/dao/src/main/java/org/thingsboard/server/dao/sql/alarm/JpaAlarmDao.java
index e00d73444b..295c647297 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/alarm/JpaAlarmDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/alarm/JpaAlarmDao.java
@@ -30,6 +30,7 @@ import org.thingsboard.server.common.data.alarm.AlarmQuery;
 import org.thingsboard.server.common.data.alarm.AlarmSearchStatus;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.TenantId;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.relation.EntityRelation;
 import org.thingsboard.server.common.data.relation.RelationTypeGroup;
 import org.thingsboard.server.dao.DaoUtil;
@@ -42,8 +43,13 @@ import org.thingsboard.server.dao.util.SqlDao;
 
 import java.util.ArrayList;
 import java.util.List;
+import java.util.Objects;
 import java.util.UUID;
 
+import static org.thingsboard.server.common.data.UUIDConverter.fromTimeUUID;
+import static org.thingsboard.server.dao.DaoUtil.endTimeToId;
+import static org.thingsboard.server.dao.DaoUtil.startTimeToId;
+
 /**
  * Created by Valerii Sosliuk on 5/19/2017.
  */
@@ -90,7 +96,7 @@ public class JpaAlarmDao extends JpaAbstractDao<AlarmEntity, Alarm> implements A
     }
 
     @Override
-    public ListenableFuture<List<AlarmInfo>> findAlarms(TenantId tenantId, AlarmQuery query) {
+    public PageData<AlarmInfo> findAlarms(TenantId tenantId, AlarmQuery query) {
         log.trace("Try to find alarms by entity [{}], status [{}] and pageLink [{}]", query.getAffectedEntityId(), query.getStatus(), query.getPageLink());
         EntityId affectedEntity = query.getAffectedEntityId();
         String searchStatusName;
@@ -102,15 +108,18 @@ public class JpaAlarmDao extends JpaAbstractDao<AlarmEntity, Alarm> implements A
             searchStatusName = query.getStatus().name();
         }
         String relationType = BaseAlarmService.ALARM_RELATION_PREFIX + searchStatusName;
-        ListenableFuture<List<EntityRelation>> relations = relationDao.findRelations(tenantId, affectedEntity, relationType, RelationTypeGroup.ALARM, EntityType.ALARM, query.getPageLink());
-        return Futures.transformAsync(relations, input -> {
-            List<ListenableFuture<AlarmInfo>> alarmFutures = new ArrayList<>(input.size());
-            for (EntityRelation relation : input) {
-                alarmFutures.add(Futures.transform(
-                        findAlarmByIdAsync(tenantId, relation.getTo().getId()),
-                        AlarmInfo::new));
-            }
-            return Futures.successfulAsList(alarmFutures);
-        });
+
+        return DaoUtil.toPageData(
+            alarmRepository.findAlarms(
+                    fromTimeUUID(tenantId.getId()),
+                    fromTimeUUID(affectedEntity.getId()),
+                    affectedEntity.getEntityType().name(),
+                    relationType,
+                    startTimeToId(query.getPageLink().getStartTime()),
+                    endTimeToId(query.getPageLink().getEndTime()),
+                    Objects.toString(query.getPageLink().getTextSearch(), ""),
+                    DaoUtil.toPageable(query.getPageLink())
+            )
+        );
     }
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/asset/AssetRepository.java b/dao/src/main/java/org/thingsboard/server/dao/sql/asset/AssetRepository.java
index aef9558cab..bfbe407a97 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/asset/AssetRepository.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/asset/AssetRepository.java
@@ -15,11 +15,14 @@
  */
 package org.thingsboard.server.dao.sql.asset;
 
+import org.springframework.data.domain.Page;
 import org.springframework.data.domain.Pageable;
 import org.springframework.data.jpa.repository.Query;
 import org.springframework.data.repository.CrudRepository;
+import org.springframework.data.repository.PagingAndSortingRepository;
 import org.springframework.data.repository.query.Param;
 import org.thingsboard.server.dao.model.sql.AssetEntity;
+import org.thingsboard.server.dao.model.sql.AssetInfoEntity;
 import org.thingsboard.server.dao.util.SqlDao;
 
 import java.util.List;
@@ -28,26 +31,48 @@ import java.util.List;
  * Created by Valerii Sosliuk on 5/21/2017.
  */
 @SqlDao
-public interface AssetRepository extends CrudRepository<AssetEntity, String> {
+public interface AssetRepository extends PagingAndSortingRepository<AssetEntity, String> {
+
+    @Query("SELECT new org.thingsboard.server.dao.model.sql.AssetInfoEntity(a, c.title, c.additionalInfo) " +
+            "FROM AssetEntity a " +
+            "LEFT JOIN CustomerEntity c on c.id = a.customerId " +
+            "WHERE a.id = :assetId")
+    AssetInfoEntity findAssetInfoById(@Param("assetId") String assetId);
 
     @Query("SELECT a FROM AssetEntity a WHERE a.tenantId = :tenantId " +
-            "AND LOWER(a.searchText) LIKE LOWER(CONCAT(:textSearch, '%')) " +
-            "AND a.id > :idOffset ORDER BY a.id")
-    List<AssetEntity> findByTenantId(@Param("tenantId") String tenantId,
+            "AND LOWER(a.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<AssetEntity> findByTenantId(@Param("tenantId") String tenantId,
                                      @Param("textSearch") String textSearch,
-                                     @Param("idOffset") String idOffset,
                                      Pageable pageable);
 
+    @Query("SELECT new org.thingsboard.server.dao.model.sql.AssetInfoEntity(a, c.title, c.additionalInfo) " +
+            "FROM AssetEntity a " +
+            "LEFT JOIN CustomerEntity c on c.id = a.customerId " +
+            "WHERE a.tenantId = :tenantId " +
+            "AND LOWER(a.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<AssetInfoEntity> findAssetInfosByTenantId(@Param("tenantId") String tenantId,
+                                                   @Param("textSearch") String textSearch,
+                                                   Pageable pageable);
+
     @Query("SELECT a FROM AssetEntity a WHERE a.tenantId = :tenantId " +
             "AND a.customerId = :customerId " +
-            "AND LOWER(a.searchText) LIKE LOWER(CONCAT(:textSearch, '%')) " +
-            "AND a.id > :idOffset ORDER BY a.id")
-    List<AssetEntity> findByTenantIdAndCustomerId(@Param("tenantId") String tenantId,
+            "AND LOWER(a.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<AssetEntity> findByTenantIdAndCustomerId(@Param("tenantId") String tenantId,
                                                   @Param("customerId") String customerId,
                                                   @Param("textSearch") String textSearch,
-                                                  @Param("idOffset") String idOffset,
                                                   Pageable pageable);
 
+    @Query("SELECT new org.thingsboard.server.dao.model.sql.AssetInfoEntity(a, c.title, c.additionalInfo) " +
+            "FROM AssetEntity a " +
+            "LEFT JOIN CustomerEntity c on c.id = a.customerId " +
+            "WHERE a.tenantId = :tenantId " +
+            "AND a.customerId = :customerId " +
+            "AND LOWER(a.searchText) LIKE LOWER(CONCAT(:searchText, '%'))")
+    Page<AssetInfoEntity> findAssetInfosByTenantIdAndCustomerId(@Param("tenantId") String tenantId,
+                                                                @Param("customerId") String customerId,
+                                                                @Param("searchText") String searchText,
+                                                                Pageable pageable);
+
     List<AssetEntity> findByTenantIdAndIdIn(String tenantId, List<String> assetIds);
 
     List<AssetEntity> findByTenantIdAndCustomerIdAndIdIn(String tenantId, String customerId, List<String> assetIds);
@@ -56,25 +81,46 @@ public interface AssetRepository extends CrudRepository<AssetEntity, String> {
 
     @Query("SELECT a FROM AssetEntity a WHERE a.tenantId = :tenantId " +
             "AND a.type = :type " +
-            "AND LOWER(a.searchText) LIKE LOWER(CONCAT(:textSearch, '%')) " +
-            "AND a.id > :idOffset ORDER BY a.id")
-    List<AssetEntity> findByTenantIdAndType(@Param("tenantId") String tenantId,
+            "AND LOWER(a.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<AssetEntity> findByTenantIdAndType(@Param("tenantId") String tenantId,
                                             @Param("type") String type,
                                             @Param("textSearch") String textSearch,
-                                            @Param("idOffset") String idOffset,
                                             Pageable pageable);
 
+    @Query("SELECT new org.thingsboard.server.dao.model.sql.AssetInfoEntity(a, c.title, c.additionalInfo) " +
+            "FROM AssetEntity a " +
+            "LEFT JOIN CustomerEntity c on c.id = a.customerId " +
+            "WHERE a.tenantId = :tenantId " +
+            "AND a.type = :type " +
+            "AND LOWER(a.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<AssetInfoEntity> findAssetInfosByTenantIdAndType(@Param("tenantId") String tenantId,
+                                                          @Param("type") String type,
+                                                          @Param("textSearch") String textSearch,
+                                                          Pageable pageable);
+
+
     @Query("SELECT a FROM AssetEntity a WHERE a.tenantId = :tenantId " +
             "AND a.customerId = :customerId AND a.type = :type " +
-            "AND LOWER(a.searchText) LIKE LOWER(CONCAT(:textSearch, '%')) " +
-            "AND a.id > :idOffset ORDER BY a.id")
-    List<AssetEntity> findByTenantIdAndCustomerIdAndType(@Param("tenantId") String tenantId,
+            "AND LOWER(a.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<AssetEntity> findByTenantIdAndCustomerIdAndType(@Param("tenantId") String tenantId,
                                                          @Param("customerId") String customerId,
                                                          @Param("type") String type,
                                                          @Param("textSearch") String textSearch,
-                                                         @Param("idOffset") String idOffset,
                                                          Pageable pageable);
 
+    @Query("SELECT new org.thingsboard.server.dao.model.sql.AssetInfoEntity(a, c.title, c.additionalInfo) " +
+            "FROM AssetEntity a " +
+            "LEFT JOIN CustomerEntity c on c.id = a.customerId " +
+            "WHERE a.tenantId = :tenantId " +
+            "AND a.customerId = :customerId " +
+            "AND a.type = :type " +
+            "AND LOWER(a.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<AssetInfoEntity> findAssetInfosByTenantIdAndCustomerIdAndType(@Param("tenantId") String tenantId,
+                                                                       @Param("customerId") String customerId,
+                                                                       @Param("type") String type,
+                                                                       @Param("textSearch") String textSearch,
+                                                                       Pageable pageable);
+
     @Query("SELECT DISTINCT a.type FROM AssetEntity a WHERE a.tenantId = :tenantId")
     List<String> findTenantAssetTypes(@Param("tenantId") String tenantId);
 
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/asset/JpaAssetDao.java b/dao/src/main/java/org/thingsboard/server/dao/sql/asset/JpaAssetDao.java
index aaddc15eb8..002c8969da 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/asset/JpaAssetDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/asset/JpaAssetDao.java
@@ -23,11 +23,14 @@ import org.springframework.stereotype.Component;
 import org.thingsboard.server.common.data.EntitySubtype;
 import org.thingsboard.server.common.data.EntityType;
 import org.thingsboard.server.common.data.asset.Asset;
+import org.thingsboard.server.common.data.asset.AssetInfo;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.DaoUtil;
 import org.thingsboard.server.dao.asset.AssetDao;
 import org.thingsboard.server.dao.model.sql.AssetEntity;
+import org.thingsboard.server.dao.model.sql.AssetInfoEntity;
 import org.thingsboard.server.dao.sql.JpaAbstractSearchTextDao;
 import org.thingsboard.server.dao.util.SqlDao;
 
@@ -63,13 +66,26 @@ public class JpaAssetDao extends JpaAbstractSearchTextDao<AssetEntity, Asset> im
     }
 
     @Override
-    public List<Asset> findAssetsByTenantId(UUID tenantId, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(assetRepository
+    public AssetInfo findAssetInfoById(TenantId tenantId, UUID assetId) {
+        return DaoUtil.getData(assetRepository.findAssetInfoById(fromTimeUUID(assetId)));
+    }
+
+    @Override
+    public PageData<Asset> findAssetsByTenantId(UUID tenantId, PageLink pageLink) {
+        return DaoUtil.toPageData(assetRepository
                 .findByTenantId(
                         fromTimeUUID(tenantId),
                         Objects.toString(pageLink.getTextSearch(), ""),
-                        pageLink.getIdOffset() == null ? NULL_UUID_STR : fromTimeUUID(pageLink.getIdOffset()),
-                        new PageRequest(0, pageLink.getLimit())));
+                        DaoUtil.toPageable(pageLink)));
+    }
+
+    @Override
+    public PageData<AssetInfo> findAssetInfosByTenantId(UUID tenantId, PageLink pageLink) {
+        return DaoUtil.toPageData(
+                assetRepository.findAssetInfosByTenantId(
+                        fromTimeUUID(tenantId),
+                        Objects.toString(pageLink.getTextSearch(), ""),
+                        DaoUtil.toPageable(pageLink, AssetInfoEntity.assetInfoColumnMap)));
     }
 
     @Override
@@ -79,14 +95,23 @@ public class JpaAssetDao extends JpaAbstractSearchTextDao<AssetEntity, Asset> im
     }
 
     @Override
-    public List<Asset> findAssetsByTenantIdAndCustomerId(UUID tenantId, UUID customerId, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(assetRepository
+    public PageData<Asset> findAssetsByTenantIdAndCustomerId(UUID tenantId, UUID customerId, PageLink pageLink) {
+        return DaoUtil.toPageData(assetRepository
                 .findByTenantIdAndCustomerId(
                         fromTimeUUID(tenantId),
                         fromTimeUUID(customerId),
                         Objects.toString(pageLink.getTextSearch(), ""),
-                        pageLink.getIdOffset() == null ? NULL_UUID_STR : fromTimeUUID(pageLink.getIdOffset()),
-                        new PageRequest(0, pageLink.getLimit())));
+                        DaoUtil.toPageable(pageLink)));
+    }
+
+    @Override
+    public PageData<AssetInfo> findAssetInfosByTenantIdAndCustomerId(UUID tenantId, UUID customerId, PageLink pageLink) {
+        return DaoUtil.toPageData(
+                assetRepository.findAssetInfosByTenantIdAndCustomerId(
+                        fromTimeUUID(tenantId),
+                        fromTimeUUID(customerId),
+                        Objects.toString(pageLink.getTextSearch(), ""),
+                        DaoUtil.toPageable(pageLink, AssetInfoEntity.assetInfoColumnMap)));
     }
 
     @Override
@@ -102,26 +127,45 @@ public class JpaAssetDao extends JpaAbstractSearchTextDao<AssetEntity, Asset> im
     }
 
     @Override
-    public List<Asset> findAssetsByTenantIdAndType(UUID tenantId, String type, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(assetRepository
+    public PageData<Asset> findAssetsByTenantIdAndType(UUID tenantId, String type, PageLink pageLink) {
+        return DaoUtil.toPageData(assetRepository
                 .findByTenantIdAndType(
                         fromTimeUUID(tenantId),
                         type,
                         Objects.toString(pageLink.getTextSearch(), ""),
-                        pageLink.getIdOffset() == null ? NULL_UUID_STR : fromTimeUUID(pageLink.getIdOffset()),
-                        new PageRequest(0, pageLink.getLimit())));
+                        DaoUtil.toPageable(pageLink)));
     }
 
     @Override
-    public List<Asset> findAssetsByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(assetRepository
+    public PageData<AssetInfo> findAssetInfosByTenantIdAndType(UUID tenantId, String type, PageLink pageLink) {
+        return DaoUtil.toPageData(
+                assetRepository.findAssetInfosByTenantIdAndType(
+                        fromTimeUUID(tenantId),
+                        type,
+                        Objects.toString(pageLink.getTextSearch(), ""),
+                        DaoUtil.toPageable(pageLink, AssetInfoEntity.assetInfoColumnMap)));
+    }
+
+    @Override
+    public PageData<Asset> findAssetsByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, PageLink pageLink) {
+        return DaoUtil.toPageData(assetRepository
                 .findByTenantIdAndCustomerIdAndType(
                         fromTimeUUID(tenantId),
                         fromTimeUUID(customerId),
                         type,
                         Objects.toString(pageLink.getTextSearch(), ""),
-                        pageLink.getIdOffset() == null ? NULL_UUID_STR : fromTimeUUID(pageLink.getIdOffset()),
-                        new PageRequest(0, pageLink.getLimit())));
+                        DaoUtil.toPageable(pageLink)));
+    }
+
+    @Override
+    public PageData<AssetInfo> findAssetInfosByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, PageLink pageLink) {
+        return DaoUtil.toPageData(
+                assetRepository.findAssetInfosByTenantIdAndCustomerIdAndType(
+                        fromTimeUUID(tenantId),
+                        fromTimeUUID(customerId),
+                        type,
+                        Objects.toString(pageLink.getTextSearch(), ""),
+                        DaoUtil.toPageable(pageLink, AssetInfoEntity.assetInfoColumnMap)));
     }
 
     @Override
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/audit/AuditLogRepository.java b/dao/src/main/java/org/thingsboard/server/dao/sql/audit/AuditLogRepository.java
index c89d35da6c..19a88ae831 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/audit/AuditLogRepository.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/audit/AuditLogRepository.java
@@ -15,10 +15,95 @@
  */
 package org.thingsboard.server.dao.sql.audit;
 
-import org.springframework.data.jpa.repository.JpaSpecificationExecutor;
-import org.springframework.data.repository.CrudRepository;
+import org.springframework.data.domain.Page;
+import org.springframework.data.domain.Pageable;
+import org.springframework.data.jpa.repository.Query;
+import org.springframework.data.repository.PagingAndSortingRepository;
+import org.springframework.data.repository.query.Param;
+import org.thingsboard.server.common.data.EntityType;
+import org.thingsboard.server.common.data.audit.ActionType;
 import org.thingsboard.server.dao.model.sql.AuditLogEntity;
 
-public interface AuditLogRepository extends CrudRepository<AuditLogEntity, String>, JpaSpecificationExecutor<AuditLogEntity> {
+import java.util.List;
+
+public interface AuditLogRepository extends PagingAndSortingRepository<AuditLogEntity, String> {
+
+    @Query("SELECT a FROM AuditLogEntity a WHERE " +
+            "a.tenantId = :tenantId " +
+            "AND (:startId IS NULL OR a.id >= :startId) " +
+            "AND (:endId IS NULL OR a.id <= :endId) " +
+            "AND (:actionTypes IS NULL OR a.actionType in :actionTypes) " +
+            "AND (LOWER(a.entityType) LIKE LOWER(CONCAT(:textSearch, '%'))" +
+            "OR LOWER(a.entityName) LIKE LOWER(CONCAT(:textSearch, '%'))" +
+            "OR LOWER(a.userName) LIKE LOWER(CONCAT(:textSearch, '%'))" +
+            "OR LOWER(a.actionType) LIKE LOWER(CONCAT(:textSearch, '%'))" +
+            "OR LOWER(a.actionStatus) LIKE LOWER(CONCAT(:textSearch, '%')))"
+    )
+    Page<AuditLogEntity> findByTenantId(
+                                 @Param("tenantId") String tenantId,
+                                 @Param("textSearch") String textSearch,
+                                 @Param("startId") String startId,
+                                 @Param("endId") String endId,
+                                 @Param("actionTypes") List<ActionType> actionTypes,
+                                 Pageable pageable);
+
+    @Query("SELECT a FROM AuditLogEntity a WHERE " +
+            "a.tenantId = :tenantId " +
+            "AND a.entityType = :entityType AND a.entityId = :entityId " +
+            "AND (:startId IS NULL OR a.id >= :startId) " +
+            "AND (:endId IS NULL OR a.id <= :endId) " +
+            "AND (:actionTypes IS NULL OR a.actionType in :actionTypes) " +
+            "AND (LOWER(a.entityName) LIKE LOWER(CONCAT(:textSearch, '%'))" +
+            "OR LOWER(a.userName) LIKE LOWER(CONCAT(:textSearch, '%'))" +
+            "OR LOWER(a.actionType) LIKE LOWER(CONCAT(:textSearch, '%'))" +
+            "OR LOWER(a.actionStatus) LIKE LOWER(CONCAT(:textSearch, '%')))"
+    )
+    Page<AuditLogEntity> findAuditLogsByTenantIdAndEntityId(@Param("tenantId") String tenantId,
+                                                            @Param("entityType") EntityType entityType,
+                                                            @Param("entityId") String entityId,
+                                                            @Param("textSearch") String textSearch,
+                                                            @Param("startId") String startId,
+                                                            @Param("endId") String endId,
+                                                            @Param("actionTypes") List<ActionType> actionTypes,
+                                                            Pageable pageable);
+
+    @Query("SELECT a FROM AuditLogEntity a WHERE " +
+            "a.tenantId = :tenantId " +
+            "AND a.customerId = :customerId " +
+            "AND (:startId IS NULL OR a.id >= :startId) " +
+            "AND (:endId IS NULL OR a.id <= :endId) " +
+            "AND (:actionTypes IS NULL OR a.actionType in :actionTypes) " +
+            "AND (LOWER(a.entityType) LIKE LOWER(CONCAT(:textSearch, '%'))" +
+            "OR LOWER(a.entityName) LIKE LOWER(CONCAT(:textSearch, '%'))" +
+            "OR LOWER(a.userName) LIKE LOWER(CONCAT(:textSearch, '%'))" +
+            "OR LOWER(a.actionType) LIKE LOWER(CONCAT(:textSearch, '%'))" +
+            "OR LOWER(a.actionStatus) LIKE LOWER(CONCAT(:textSearch, '%')))"
+    )
+    Page<AuditLogEntity> findAuditLogsByTenantIdAndCustomerId(@Param("tenantId") String tenantId,
+                                                              @Param("customerId") String customerId,
+                                                              @Param("textSearch") String textSearch,
+                                                              @Param("startId") String startId,
+                                                              @Param("endId") String endId,
+                                                              @Param("actionTypes") List<ActionType> actionTypes,
+                                                              Pageable pageable);
+
+    @Query("SELECT a FROM AuditLogEntity a WHERE " +
+            "a.tenantId = :tenantId " +
+            "AND a.userId = :userId " +
+            "AND (:startId IS NULL OR a.id >= :startId) " +
+            "AND (:endId IS NULL OR a.id <= :endId) " +
+            "AND (:actionTypes IS NULL OR a.actionType in :actionTypes) " +
+            "AND (LOWER(a.entityType) LIKE LOWER(CONCAT(:textSearch, '%'))" +
+            "OR LOWER(a.entityName) LIKE LOWER(CONCAT(:textSearch, '%'))" +
+            "OR LOWER(a.actionType) LIKE LOWER(CONCAT(:textSearch, '%'))" +
+            "OR LOWER(a.actionStatus) LIKE LOWER(CONCAT(:textSearch, '%')))"
+    )
+    Page<AuditLogEntity> findAuditLogsByTenantIdAndUserId(@Param("tenantId") String tenantId,
+                                                          @Param("userId") String userId,
+                                                          @Param("textSearch") String textSearch,
+                                                          @Param("startId") String startId,
+                                                          @Param("endId") String endId,
+                                                          @Param("actionTypes") List<ActionType> actionTypes,
+                                                          Pageable pageable);
 
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/audit/JpaAuditLogDao.java b/dao/src/main/java/org/thingsboard/server/dao/sql/audit/JpaAuditLogDao.java
index c0a260e9da..38abc36940 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/audit/JpaAuditLogDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/audit/JpaAuditLogDao.java
@@ -16,38 +16,29 @@
 package org.thingsboard.server.dao.sql.audit;
 
 import com.google.common.util.concurrent.ListenableFuture;
-import com.google.common.util.concurrent.ListeningExecutorService;
-import com.google.common.util.concurrent.MoreExecutors;
 import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.data.domain.PageRequest;
-import org.springframework.data.domain.Pageable;
-import org.springframework.data.domain.Sort;
-import org.springframework.data.jpa.domain.Specification;
 import org.springframework.data.repository.CrudRepository;
 import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.UUIDConverter;
 import org.thingsboard.server.common.data.audit.ActionType;
 import org.thingsboard.server.common.data.audit.AuditLog;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.UserId;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.dao.DaoUtil;
 import org.thingsboard.server.dao.audit.AuditLogDao;
 import org.thingsboard.server.dao.model.sql.AuditLogEntity;
 import org.thingsboard.server.dao.sql.JpaAbstractDao;
-import org.thingsboard.server.dao.sql.JpaAbstractSearchTimeDao;
 import org.thingsboard.server.dao.util.SqlDao;
 
-import javax.annotation.PreDestroy;
-import javax.persistence.criteria.Predicate;
-import java.util.ArrayList;
 import java.util.List;
+import java.util.Objects;
 import java.util.UUID;
-import java.util.concurrent.Executors;
 
-import static org.springframework.data.jpa.domain.Specifications.where;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
+import static org.thingsboard.server.common.data.UUIDConverter.fromTimeUUID;
+import static org.thingsboard.server.dao.DaoUtil.endTimeToId;
+import static org.thingsboard.server.dao.DaoUtil.startTimeToId;
 
 @Component
 @SqlDao
@@ -75,78 +66,57 @@ public class JpaAuditLogDao extends JpaAbstractDao<AuditLogEntity, AuditLog> imp
     }
 
     @Override
-    public ListenableFuture<Void> saveByTenantIdAndEntityId(AuditLog auditLog) {
-        return service.submit(() -> null);
+    public PageData<AuditLog> findAuditLogsByTenantIdAndEntityId(UUID tenantId, EntityId entityId, List<ActionType> actionTypes, TimePageLink pageLink) {
+        return DaoUtil.toPageData(
+                auditLogRepository
+                        .findAuditLogsByTenantIdAndEntityId(
+                                fromTimeUUID(tenantId),
+                                entityId.getEntityType(),
+                                fromTimeUUID(entityId.getId()),
+                                Objects.toString(pageLink.getTextSearch(), ""),
+                                startTimeToId(pageLink.getStartTime()),
+                                endTimeToId(pageLink.getEndTime()),
+                                actionTypes,
+                                DaoUtil.toPageable(pageLink)));
     }
 
     @Override
-    public ListenableFuture<Void> saveByTenantIdAndCustomerId(AuditLog auditLog) {
-        return service.submit(() -> null);
+    public PageData<AuditLog> findAuditLogsByTenantIdAndCustomerId(UUID tenantId, CustomerId customerId, List<ActionType> actionTypes, TimePageLink pageLink) {
+        return DaoUtil.toPageData(
+                auditLogRepository
+                        .findAuditLogsByTenantIdAndCustomerId(
+                                fromTimeUUID(tenantId),
+                                fromTimeUUID(customerId.getId()),
+                                Objects.toString(pageLink.getTextSearch(), ""),
+                                startTimeToId(pageLink.getStartTime()),
+                                endTimeToId(pageLink.getEndTime()),
+                                actionTypes,
+                                DaoUtil.toPageable(pageLink)));
     }
 
     @Override
-    public ListenableFuture<Void> saveByTenantIdAndUserId(AuditLog auditLog) {
-        return service.submit(() -> null);
+    public PageData<AuditLog> findAuditLogsByTenantIdAndUserId(UUID tenantId, UserId userId, List<ActionType> actionTypes, TimePageLink pageLink) {
+        return DaoUtil.toPageData(
+                auditLogRepository
+                        .findAuditLogsByTenantIdAndUserId(
+                                fromTimeUUID(tenantId),
+                                fromTimeUUID(userId.getId()),
+                                Objects.toString(pageLink.getTextSearch(), ""),
+                                startTimeToId(pageLink.getStartTime()),
+                                endTimeToId(pageLink.getEndTime()),
+                                actionTypes,
+                                DaoUtil.toPageable(pageLink)));
     }
 
     @Override
-    public ListenableFuture<Void> savePartitionsByTenantId(AuditLog auditLog) {
-        return service.submit(() -> null);
-    }
-
-    @Override
-    public List<AuditLog> findAuditLogsByTenantIdAndEntityId(UUID tenantId, EntityId entityId, List<ActionType> actionTypes, TimePageLink pageLink) {
-        return findAuditLogs(tenantId, entityId, null, null, actionTypes, pageLink);
-    }
-
-    @Override
-    public List<AuditLog> findAuditLogsByTenantIdAndCustomerId(UUID tenantId, CustomerId customerId, List<ActionType> actionTypes, TimePageLink pageLink) {
-        return findAuditLogs(tenantId, null, customerId, null, actionTypes, pageLink);
-    }
-
-    @Override
-    public List<AuditLog> findAuditLogsByTenantIdAndUserId(UUID tenantId, UserId userId, List<ActionType> actionTypes, TimePageLink pageLink) {
-        return findAuditLogs(tenantId, null, null, userId, actionTypes, pageLink);
-    }
-
-    @Override
-    public List<AuditLog> findAuditLogsByTenantId(UUID tenantId, List<ActionType> actionTypes, TimePageLink pageLink) {
-        return findAuditLogs(tenantId, null, null, null, actionTypes, pageLink);
-    }
-
-    private List<AuditLog> findAuditLogs(UUID tenantId, EntityId entityId, CustomerId customerId, UserId userId, List<ActionType> actionTypes, TimePageLink pageLink) {
-        Specification<AuditLogEntity> timeSearchSpec = JpaAbstractSearchTimeDao.getTimeSearchPageSpec(pageLink, "id");
-        Specification<AuditLogEntity> fieldsSpec = getEntityFieldsSpec(tenantId, entityId, customerId, userId, actionTypes);
-        Sort.Direction sortDirection = pageLink.isAscOrder() ? Sort.Direction.ASC : Sort.Direction.DESC;
-        Pageable pageable = new PageRequest(0, pageLink.getLimit(), sortDirection, ID_PROPERTY);
-        return DaoUtil.convertDataList(auditLogRepository.findAll(where(timeSearchSpec).and(fieldsSpec), pageable).getContent());
-    }
-
-    private Specification<AuditLogEntity> getEntityFieldsSpec(UUID tenantId, EntityId entityId, CustomerId customerId, UserId userId, List<ActionType> actionTypes) {
-        return (root, criteriaQuery, criteriaBuilder) -> {
-            List<Predicate> predicates = new ArrayList<>();
-            if (tenantId != null) {
-                Predicate tenantIdPredicate = criteriaBuilder.equal(root.get("tenantId"), UUIDConverter.fromTimeUUID(tenantId));
-                predicates.add(tenantIdPredicate);
-            }
-            if (entityId != null) {
-                Predicate entityTypePredicate = criteriaBuilder.equal(root.get("entityType"), entityId.getEntityType());
-                predicates.add(entityTypePredicate);
-                Predicate entityIdPredicate = criteriaBuilder.equal(root.get("entityId"), UUIDConverter.fromTimeUUID(entityId.getId()));
-                predicates.add(entityIdPredicate);
-            }
-            if (customerId != null) {
-                Predicate customerIdPredicate = criteriaBuilder.equal(root.get("customerId"), UUIDConverter.fromTimeUUID(customerId.getId()));
-                predicates.add(customerIdPredicate);
-            }
-            if (userId != null) {
-                Predicate userIdPredicate = criteriaBuilder.equal(root.get("userId"), UUIDConverter.fromTimeUUID(userId.getId()));
-                predicates.add(userIdPredicate);
-            }
-            if (actionTypes != null && !actionTypes.isEmpty()) {
-                predicates.add(root.get("actionType").in(actionTypes));
-            }
-            return criteriaBuilder.and(predicates.toArray(new Predicate[]{}));
-        };
+    public PageData<AuditLog> findAuditLogsByTenantId(UUID tenantId, List<ActionType> actionTypes, TimePageLink pageLink) {
+        return DaoUtil.toPageData(
+                auditLogRepository.findByTenantId(
+                        fromTimeUUID(tenantId),
+                        Objects.toString(pageLink.getTextSearch(), ""),
+                        startTimeToId(pageLink.getStartTime()),
+                        endTimeToId(pageLink.getEndTime()),
+                        actionTypes,
+                        DaoUtil.toPageable(pageLink)));
     }
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/component/ComponentDescriptorRepository.java b/dao/src/main/java/org/thingsboard/server/dao/sql/component/ComponentDescriptorRepository.java
index 87da21ef3f..74554ab98b 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/component/ComponentDescriptorRepository.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/component/ComponentDescriptorRepository.java
@@ -15,9 +15,11 @@
  */
 package org.thingsboard.server.dao.sql.component;
 
+import org.springframework.data.domain.Page;
 import org.springframework.data.domain.Pageable;
 import org.springframework.data.jpa.repository.Query;
 import org.springframework.data.repository.CrudRepository;
+import org.springframework.data.repository.PagingAndSortingRepository;
 import org.springframework.data.repository.query.Param;
 import org.thingsboard.server.common.data.plugin.ComponentScope;
 import org.thingsboard.server.common.data.plugin.ComponentType;
@@ -30,25 +32,21 @@ import java.util.List;
  * Created by Valerii Sosliuk on 5/6/2017.
  */
 @SqlDao
-public interface ComponentDescriptorRepository extends CrudRepository<ComponentDescriptorEntity, String> {
+public interface ComponentDescriptorRepository extends PagingAndSortingRepository<ComponentDescriptorEntity, String> {
 
     ComponentDescriptorEntity findByClazz(String clazz);
 
     @Query("SELECT cd FROM ComponentDescriptorEntity cd WHERE cd.type = :type " +
-            "AND LOWER(cd.searchText) LIKE LOWER(CONCAT(:textSearch, '%')) " +
-            "AND cd.id > :idOffset ORDER BY cd.id")
-    List<ComponentDescriptorEntity> findByType(@Param("type") ComponentType type,
+            "AND LOWER(cd.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<ComponentDescriptorEntity> findByType(@Param("type") ComponentType type,
                                                @Param("textSearch") String textSearch,
-                                               @Param("idOffset") String idOffset,
                                                Pageable pageable);
 
     @Query("SELECT cd FROM ComponentDescriptorEntity cd WHERE cd.type = :type " +
-            "AND cd.scope = :scope AND LOWER(cd.searchText) LIKE LOWER(CONCAT(:textSearch, '%')) " +
-            "AND cd.id > :idOffset ORDER BY cd.id")
-    List<ComponentDescriptorEntity> findByScopeAndType(@Param("type") ComponentType type,
+            "AND cd.scope = :scope AND LOWER(cd.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<ComponentDescriptorEntity> findByScopeAndType(@Param("type") ComponentType type,
                                                        @Param("scope") ComponentScope scope,
                                                        @Param("textSearch") String textSearch,
-                                                       @Param("idOffset") String idOffset,
                                                        Pageable pageable);
 
     void deleteByClazz(String clazz);
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/component/JpaBaseComponentDescriptorDao.java b/dao/src/main/java/org/thingsboard/server/dao/sql/component/JpaBaseComponentDescriptorDao.java
index 938b030d53..67f25c2325 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/component/JpaBaseComponentDescriptorDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/component/JpaBaseComponentDescriptorDao.java
@@ -24,7 +24,8 @@ import org.springframework.transaction.annotation.Transactional;
 import org.thingsboard.server.common.data.UUIDConverter;
 import org.thingsboard.server.common.data.id.ComponentDescriptorId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.plugin.ComponentDescriptor;
 import org.thingsboard.server.common.data.plugin.ComponentScope;
 import org.thingsboard.server.common.data.plugin.ComponentType;
@@ -88,24 +89,22 @@ public class JpaBaseComponentDescriptorDao extends JpaAbstractSearchTextDao<Comp
     }
 
     @Override
-    public List<ComponentDescriptor> findByTypeAndPageLink(TenantId tenantId, ComponentType type, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(componentDescriptorRepository
+    public PageData<ComponentDescriptor> findByTypeAndPageLink(TenantId tenantId, ComponentType type, PageLink pageLink) {
+        return DaoUtil.toPageData(componentDescriptorRepository
                 .findByType(
                         type,
                         Objects.toString(pageLink.getTextSearch(), ""),
-                        pageLink.getIdOffset() == null ? NULL_UUID_STR : UUIDConverter.fromTimeUUID(pageLink.getIdOffset()),
-                        new PageRequest(0, pageLink.getLimit())));
+                        DaoUtil.toPageable(pageLink)));
     }
 
     @Override
-    public List<ComponentDescriptor> findByScopeAndTypeAndPageLink(TenantId tenantId, ComponentScope scope, ComponentType type, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(componentDescriptorRepository
+    public PageData<ComponentDescriptor> findByScopeAndTypeAndPageLink(TenantId tenantId, ComponentScope scope, ComponentType type, PageLink pageLink) {
+        return DaoUtil.toPageData(componentDescriptorRepository
                 .findByScopeAndType(
                         type,
                         scope,
                         Objects.toString(pageLink.getTextSearch(), ""),
-                        pageLink.getIdOffset() == null ? NULL_UUID_STR : UUIDConverter.fromTimeUUID(pageLink.getIdOffset()),
-                        new PageRequest(0, pageLink.getLimit())));
+                        DaoUtil.toPageable(pageLink)));
     }
 
     @Override
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/customer/CustomerRepository.java b/dao/src/main/java/org/thingsboard/server/dao/sql/customer/CustomerRepository.java
index 3159007561..8b40fe1122 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/customer/CustomerRepository.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/customer/CustomerRepository.java
@@ -15,9 +15,11 @@
  */
 package org.thingsboard.server.dao.sql.customer;
 
+import org.springframework.data.domain.Page;
 import org.springframework.data.domain.Pageable;
 import org.springframework.data.jpa.repository.Query;
 import org.springframework.data.repository.CrudRepository;
+import org.springframework.data.repository.PagingAndSortingRepository;
 import org.springframework.data.repository.query.Param;
 import org.thingsboard.server.dao.model.sql.CustomerEntity;
 import org.thingsboard.server.dao.util.SqlDao;
@@ -28,14 +30,12 @@ import java.util.List;
  * Created by Valerii Sosliuk on 5/6/2017.
  */
 @SqlDao
-public interface CustomerRepository extends CrudRepository<CustomerEntity, String> {
+public interface CustomerRepository extends PagingAndSortingRepository<CustomerEntity, String> {
 
     @Query("SELECT c FROM CustomerEntity c WHERE c.tenantId = :tenantId " +
-            "AND LOWER(c.searchText) LIKE LOWER(CONCAT(:textSearch, '%')) " +
-            "AND c.id > :idOffset ORDER BY c.id")
-    List<CustomerEntity> findByTenantId(@Param("tenantId") String tenantId,
+            "AND LOWER(c.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<CustomerEntity> findByTenantId(@Param("tenantId") String tenantId,
                                         @Param("textSearch") String textSearch,
-                                        @Param("idOffset") String idOffset,
                                         Pageable pageable);
 
     CustomerEntity findByTenantIdAndTitle(String tenantId, String title);
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/customer/JpaCustomerDao.java b/dao/src/main/java/org/thingsboard/server/dao/sql/customer/JpaCustomerDao.java
index bbb25ff945..e859773bf7 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/customer/JpaCustomerDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/customer/JpaCustomerDao.java
@@ -21,7 +21,8 @@ import org.springframework.data.repository.CrudRepository;
 import org.springframework.stereotype.Component;
 import org.thingsboard.server.common.data.Customer;
 import org.thingsboard.server.common.data.UUIDConverter;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.DaoUtil;
 import org.thingsboard.server.dao.customer.CustomerDao;
 import org.thingsboard.server.dao.model.sql.CustomerEntity;
@@ -56,12 +57,11 @@ public class JpaCustomerDao extends JpaAbstractSearchTextDao<CustomerEntity, Cus
     }
 
     @Override
-    public List<Customer> findCustomersByTenantId(UUID tenantId, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(customerRepository.findByTenantId(
+    public PageData<Customer> findCustomersByTenantId(UUID tenantId, PageLink pageLink) {
+        return DaoUtil.toPageData(customerRepository.findByTenantId(
                 UUIDConverter.fromTimeUUID(tenantId),
                 Objects.toString(pageLink.getTextSearch(), ""),
-                pageLink.getIdOffset() == null ? NULL_UUID_STR : UUIDConverter.fromTimeUUID(pageLink.getIdOffset()),
-                new PageRequest(0, pageLink.getLimit())));
+                DaoUtil.toPageable(pageLink)));
     }
 
     @Override
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/dashboard/DashboardInfoRepository.java b/dao/src/main/java/org/thingsboard/server/dao/sql/dashboard/DashboardInfoRepository.java
index 2ebd03da78..32afcfd3a7 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/dashboard/DashboardInfoRepository.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/dashboard/DashboardInfoRepository.java
@@ -15,9 +15,11 @@
  */
 package org.thingsboard.server.dao.sql.dashboard;
 
+import org.springframework.data.domain.Page;
 import org.springframework.data.domain.Pageable;
 import org.springframework.data.jpa.repository.Query;
 import org.springframework.data.repository.CrudRepository;
+import org.springframework.data.repository.PagingAndSortingRepository;
 import org.springframework.data.repository.query.Param;
 import org.thingsboard.server.dao.model.sql.DashboardInfoEntity;
 import org.thingsboard.server.dao.util.SqlDao;
@@ -28,14 +30,21 @@ import java.util.List;
  * Created by Valerii Sosliuk on 5/6/2017.
  */
 @SqlDao
-public interface DashboardInfoRepository extends CrudRepository<DashboardInfoEntity, String> {
+public interface DashboardInfoRepository extends PagingAndSortingRepository<DashboardInfoEntity, String> {
 
     @Query("SELECT di FROM DashboardInfoEntity di WHERE di.tenantId = :tenantId " +
-            "AND LOWER(di.searchText) LIKE LOWER(CONCAT(:searchText, '%')) " +
-            "AND di.id > :idOffset ORDER BY di.id")
-    List<DashboardInfoEntity> findByTenantId(@Param("tenantId") String tenantId,
+            "AND LOWER(di.searchText) LIKE LOWER(CONCAT(:searchText, '%'))")
+    Page<DashboardInfoEntity> findByTenantId(@Param("tenantId") String tenantId,
                                              @Param("searchText") String searchText,
-                                             @Param("idOffset") String idOffset,
                                              Pageable pageable);
 
+    @Query("SELECT di FROM DashboardInfoEntity di, RelationEntity re WHERE di.tenantId = :tenantId " +
+            "AND di.id = re.toId AND re.toType = 'DASHBOARD' AND re.relationTypeGroup = 'DASHBOARD' " +
+            "AND re.relationType = 'Contains' AND re.fromId = :customerId AND re.fromType = 'CUSTOMER' " +
+            "AND LOWER(di.searchText) LIKE LOWER(CONCAT(:searchText, '%'))")
+    Page<DashboardInfoEntity> findByTenantIdAndCustomerId(@Param("tenantId") String tenantId,
+                                                          @Param("customerId") String customerId,
+                                                          @Param("searchText") String searchText,
+                                                          Pageable pageable);
+
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/dashboard/JpaDashboardInfoDao.java b/dao/src/main/java/org/thingsboard/server/dao/sql/dashboard/JpaDashboardInfoDao.java
index 64fe4af86b..d2f8cb7e44 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/dashboard/JpaDashboardInfoDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/dashboard/JpaDashboardInfoDao.java
@@ -27,7 +27,8 @@ import org.thingsboard.server.common.data.EntityType;
 import org.thingsboard.server.common.data.UUIDConverter;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.common.data.relation.EntityRelation;
 import org.thingsboard.server.common.data.relation.RelationTypeGroup;
@@ -70,27 +71,21 @@ public class JpaDashboardInfoDao extends JpaAbstractSearchTextDao<DashboardInfoE
     }
 
     @Override
-    public List<DashboardInfo> findDashboardsByTenantId(UUID tenantId, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(dashboardInfoRepository
+    public PageData<DashboardInfo> findDashboardsByTenantId(UUID tenantId, PageLink pageLink) {
+        return DaoUtil.toPageData(dashboardInfoRepository
                 .findByTenantId(
                         UUIDConverter.fromTimeUUID(tenantId),
                         Objects.toString(pageLink.getTextSearch(), ""),
-                        pageLink.getIdOffset() == null ? NULL_UUID_STR : UUIDConverter.fromTimeUUID(pageLink.getIdOffset()),
-                        new PageRequest(0, pageLink.getLimit())));
+                        DaoUtil.toPageable(pageLink)));
     }
 
     @Override
-    public ListenableFuture<List<DashboardInfo>> findDashboardsByTenantIdAndCustomerId(UUID tenantId, UUID customerId, TimePageLink pageLink) {
-        log.debug("Try to find dashboards by tenantId [{}], customerId[{}] and pageLink [{}]", tenantId, customerId, pageLink);
-
-        ListenableFuture<List<EntityRelation>> relations = relationDao.findRelations(new TenantId(tenantId), new CustomerId(customerId), EntityRelation.CONTAINS_TYPE, RelationTypeGroup.DASHBOARD, EntityType.DASHBOARD, pageLink);
-
-        return Futures.transformAsync(relations, input -> {
-            List<ListenableFuture<DashboardInfo>> dashboardFutures = new ArrayList<>(input.size());
-            for (EntityRelation relation : input) {
-                dashboardFutures.add(findByIdAsync(new TenantId(tenantId), relation.getTo().getId()));
-            }
-            return Futures.successfulAsList(dashboardFutures);
-        });
+    public PageData<DashboardInfo> findDashboardsByTenantIdAndCustomerId(UUID tenantId, UUID customerId, PageLink pageLink) {
+        return DaoUtil.toPageData(dashboardInfoRepository
+                .findByTenantIdAndCustomerId(
+                        UUIDConverter.fromTimeUUID(tenantId),
+                        UUIDConverter.fromTimeUUID(customerId),
+                        Objects.toString(pageLink.getTextSearch(), ""),
+                        DaoUtil.toPageable(pageLink)));
     }
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/device/DeviceRepository.java b/dao/src/main/java/org/thingsboard/server/dao/sql/device/DeviceRepository.java
index 16ff6f1b52..084eb20731 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/device/DeviceRepository.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/device/DeviceRepository.java
@@ -15,11 +15,13 @@
  */
 package org.thingsboard.server.dao.sql.device;
 
+import org.springframework.data.domain.Page;
 import org.springframework.data.domain.Pageable;
 import org.springframework.data.jpa.repository.Query;
-import org.springframework.data.repository.CrudRepository;
+import org.springframework.data.repository.PagingAndSortingRepository;
 import org.springframework.data.repository.query.Param;
 import org.thingsboard.server.dao.model.sql.DeviceEntity;
+import org.thingsboard.server.dao.model.sql.DeviceInfoEntity;
 import org.thingsboard.server.dao.util.SqlDao;
 
 import java.util.List;
@@ -28,53 +30,92 @@ import java.util.List;
  * Created by Valerii Sosliuk on 5/6/2017.
  */
 @SqlDao
-public interface DeviceRepository extends CrudRepository<DeviceEntity, String> {
+public interface DeviceRepository extends PagingAndSortingRepository<DeviceEntity, String> {
 
+    @Query("SELECT new org.thingsboard.server.dao.model.sql.DeviceInfoEntity(d, c.title, c.additionalInfo) " +
+            "FROM DeviceEntity d " +
+            "LEFT JOIN CustomerEntity c on c.id = d.customerId " +
+            "WHERE d.id = :deviceId")
+    DeviceInfoEntity findDeviceInfoById(@Param("deviceId") String deviceId);
 
     @Query("SELECT d FROM DeviceEntity d WHERE d.tenantId = :tenantId " +
             "AND d.customerId = :customerId " +
-            "AND LOWER(d.searchText) LIKE LOWER(CONCAT(:searchText, '%')) " +
-            "AND d.id > :idOffset ORDER BY d.id")
-    List<DeviceEntity> findByTenantIdAndCustomerId(@Param("tenantId") String tenantId,
+            "AND LOWER(d.searchText) LIKE LOWER(CONCAT(:searchText, '%'))")
+    Page<DeviceEntity> findByTenantIdAndCustomerId(@Param("tenantId") String tenantId,
                                                    @Param("customerId") String customerId,
                                                    @Param("searchText") String searchText,
-                                                   @Param("idOffset") String idOffset,
                                                    Pageable pageable);
 
-    @Query("SELECT d FROM DeviceEntity d WHERE d.tenantId = :tenantId " +
-            "AND d.id > :idOffset ORDER BY d.id")
-    List<DeviceEntity> findByTenantId(@Param("tenantId") String tenantId,
-                                      @Param("idOffset") String idOffset,
+    @Query("SELECT new org.thingsboard.server.dao.model.sql.DeviceInfoEntity(d, c.title, c.additionalInfo) " +
+            "FROM DeviceEntity d " +
+            "LEFT JOIN CustomerEntity c on c.id = d.customerId " +
+            "WHERE d.tenantId = :tenantId " +
+            "AND d.customerId = :customerId " +
+            "AND LOWER(d.searchText) LIKE LOWER(CONCAT(:searchText, '%'))")
+    Page<DeviceInfoEntity> findDeviceInfosByTenantIdAndCustomerId(@Param("tenantId") String tenantId,
+                                                   @Param("customerId") String customerId,
+                                                   @Param("searchText") String searchText,
+                                                   Pageable pageable);
+
+    @Query("SELECT d FROM DeviceEntity d WHERE d.tenantId = :tenantId")
+    Page<DeviceEntity> findByTenantId(@Param("tenantId") String tenantId,
                                       Pageable pageable);
 
     @Query("SELECT d FROM DeviceEntity d WHERE d.tenantId = :tenantId " +
-            "AND LOWER(d.searchText) LIKE LOWER(CONCAT(:textSearch, '%')) " +
-            "AND d.id > :idOffset ORDER BY d.id")
-    List<DeviceEntity> findByTenantId(@Param("tenantId") String tenantId,
+            "AND LOWER(d.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<DeviceEntity> findByTenantId(@Param("tenantId") String tenantId,
                                       @Param("textSearch") String textSearch,
-                                      @Param("idOffset") String idOffset,
                                       Pageable pageable);
 
+    @Query("SELECT new org.thingsboard.server.dao.model.sql.DeviceInfoEntity(d, c.title, c.additionalInfo) " +
+            "FROM DeviceEntity d " +
+            "LEFT JOIN CustomerEntity c on c.id = d.customerId " +
+            "WHERE d.tenantId = :tenantId " +
+            "AND LOWER(d.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<DeviceInfoEntity> findDeviceInfosByTenantId(@Param("tenantId") String tenantId,
+                                                     @Param("textSearch") String textSearch,
+                                                     Pageable pageable);
+
     @Query("SELECT d FROM DeviceEntity d WHERE d.tenantId = :tenantId " +
             "AND d.type = :type " +
-            "AND LOWER(d.searchText) LIKE LOWER(CONCAT(:textSearch, '%')) " +
-            "AND d.id > :idOffset ORDER BY d.id")
-    List<DeviceEntity> findByTenantIdAndType(@Param("tenantId") String tenantId,
+            "AND LOWER(d.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<DeviceEntity> findByTenantIdAndType(@Param("tenantId") String tenantId,
+                                             @Param("type") String type,
+                                             @Param("textSearch") String textSearch,
+                                             Pageable pageable);
+
+    @Query("SELECT new org.thingsboard.server.dao.model.sql.DeviceInfoEntity(d, c.title, c.additionalInfo) " +
+            "FROM DeviceEntity d " +
+            "LEFT JOIN CustomerEntity c on c.id = d.customerId " +
+            "WHERE d.tenantId = :tenantId " +
+            "AND d.type = :type " +
+            "AND LOWER(d.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<DeviceInfoEntity> findDeviceInfosByTenantIdAndType(@Param("tenantId") String tenantId,
                                              @Param("type") String type,
                                              @Param("textSearch") String textSearch,
-                                             @Param("idOffset") String idOffset,
                                              Pageable pageable);
 
     @Query("SELECT d FROM DeviceEntity d WHERE d.tenantId = :tenantId " +
             "AND d.customerId = :customerId " +
             "AND d.type = :type " +
-            "AND LOWER(d.searchText) LIKE LOWER(CONCAT(:textSearch, '%')) " +
-            "AND d.id > :idOffset ORDER BY d.id")
-    List<DeviceEntity> findByTenantIdAndCustomerIdAndType(@Param("tenantId") String tenantId,
+            "AND LOWER(d.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<DeviceEntity> findByTenantIdAndCustomerIdAndType(@Param("tenantId") String tenantId,
+                                                          @Param("customerId") String customerId,
+                                                          @Param("type") String type,
+                                                          @Param("textSearch") String textSearch,
+                                                          Pageable pageable);
+
+    @Query("SELECT new org.thingsboard.server.dao.model.sql.DeviceInfoEntity(d, c.title, c.additionalInfo) " +
+            "FROM DeviceEntity d " +
+            "LEFT JOIN CustomerEntity c on c.id = d.customerId " +
+            "WHERE d.tenantId = :tenantId " +
+            "AND d.customerId = :customerId " +
+            "AND d.type = :type " +
+            "AND LOWER(d.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<DeviceInfoEntity> findDeviceInfosByTenantIdAndCustomerIdAndType(@Param("tenantId") String tenantId,
                                                           @Param("customerId") String customerId,
                                                           @Param("type") String type,
                                                           @Param("textSearch") String textSearch,
-                                                          @Param("idOffset") String idOffset,
                                                           Pageable pageable);
 
     @Query("SELECT DISTINCT d.type FROM DeviceEntity d WHERE d.tenantId = :tenantId")
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/device/JpaDeviceDao.java b/dao/src/main/java/org/thingsboard/server/dao/sql/device/JpaDeviceDao.java
index 1ae79e0471..177bf68bf6 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/device/JpaDeviceDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/device/JpaDeviceDao.java
@@ -17,19 +17,21 @@ package org.thingsboard.server.dao.sql.device;
 
 import com.google.common.util.concurrent.ListenableFuture;
 import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.data.domain.PageRequest;
 import org.springframework.data.repository.CrudRepository;
 import org.springframework.stereotype.Component;
 import org.springframework.util.StringUtils;
 import org.thingsboard.server.common.data.Device;
+import org.thingsboard.server.common.data.DeviceInfo;
 import org.thingsboard.server.common.data.EntitySubtype;
 import org.thingsboard.server.common.data.EntityType;
 import org.thingsboard.server.common.data.UUIDConverter;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.DaoUtil;
 import org.thingsboard.server.dao.device.DeviceDao;
 import org.thingsboard.server.dao.model.sql.DeviceEntity;
+import org.thingsboard.server.dao.model.sql.DeviceInfoEntity;
 import org.thingsboard.server.dao.sql.JpaAbstractSearchTextDao;
 import org.thingsboard.server.dao.util.SqlDao;
 
@@ -42,7 +44,6 @@ import java.util.UUID;
 
 import static org.thingsboard.server.common.data.UUIDConverter.fromTimeUUID;
 import static org.thingsboard.server.common.data.UUIDConverter.fromTimeUUIDs;
-import static org.thingsboard.server.dao.model.ModelConstants.NULL_UUID_STR;
 
 /**
  * Created by Valerii Sosliuk on 5/6/2017.
@@ -65,37 +66,58 @@ public class JpaDeviceDao extends JpaAbstractSearchTextDao<DeviceEntity, Device>
     }
 
     @Override
-    public List<Device> findDevicesByTenantId(UUID tenantId, TextPageLink pageLink) {
+    public DeviceInfo findDeviceInfoById(TenantId tenantId, UUID deviceId) {
+        return DaoUtil.getData(deviceRepository.findDeviceInfoById(fromTimeUUID(deviceId)));
+    }
+
+    @Override
+    public PageData<Device> findDevicesByTenantId(UUID tenantId, PageLink pageLink) {
         if (StringUtils.isEmpty(pageLink.getTextSearch())) {
-            return DaoUtil.convertDataList(
+            return DaoUtil.toPageData(
                     deviceRepository.findByTenantId(
                             fromTimeUUID(tenantId),
-                            pageLink.getIdOffset() == null ? NULL_UUID_STR : fromTimeUUID(pageLink.getIdOffset()),
-                            new PageRequest(0, pageLink.getLimit())));
+                            DaoUtil.toPageable(pageLink)));
         } else {
-            return DaoUtil.convertDataList(
+            return DaoUtil.toPageData(
                     deviceRepository.findByTenantId(
                             fromTimeUUID(tenantId),
                             Objects.toString(pageLink.getTextSearch(), ""),
-                            pageLink.getIdOffset() == null ? NULL_UUID_STR : fromTimeUUID(pageLink.getIdOffset()),
-                            new PageRequest(0, pageLink.getLimit())));
+                            DaoUtil.toPageable(pageLink)));
         }
     }
 
+    @Override
+    public PageData<DeviceInfo> findDeviceInfosByTenantId(UUID tenantId, PageLink pageLink) {
+        return DaoUtil.toPageData(
+                deviceRepository.findDeviceInfosByTenantId(
+                        fromTimeUUID(tenantId),
+                        Objects.toString(pageLink.getTextSearch(), ""),
+                        DaoUtil.toPageable(pageLink, DeviceInfoEntity.deviceInfoColumnMap)));
+    }
+
     @Override
     public ListenableFuture<List<Device>> findDevicesByTenantIdAndIdsAsync(UUID tenantId, List<UUID> deviceIds) {
         return service.submit(() -> DaoUtil.convertDataList(deviceRepository.findDevicesByTenantIdAndIdIn(UUIDConverter.fromTimeUUID(tenantId), fromTimeUUIDs(deviceIds))));
     }
 
     @Override
-    public List<Device> findDevicesByTenantIdAndCustomerId(UUID tenantId, UUID customerId, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(
+    public PageData<Device> findDevicesByTenantIdAndCustomerId(UUID tenantId, UUID customerId, PageLink pageLink) {
+        return DaoUtil.toPageData(
                 deviceRepository.findByTenantIdAndCustomerId(
                         fromTimeUUID(tenantId),
                         fromTimeUUID(customerId),
                         Objects.toString(pageLink.getTextSearch(), ""),
-                        pageLink.getIdOffset() == null ? NULL_UUID_STR : fromTimeUUID(pageLink.getIdOffset()),
-                        new PageRequest(0, pageLink.getLimit())));
+                        DaoUtil.toPageable(pageLink)));
+    }
+
+    @Override
+    public PageData<DeviceInfo> findDeviceInfosByTenantIdAndCustomerId(UUID tenantId, UUID customerId, PageLink pageLink) {
+        return DaoUtil.toPageData(
+                deviceRepository.findDeviceInfosByTenantIdAndCustomerId(
+                        fromTimeUUID(tenantId),
+                        fromTimeUUID(customerId),
+                        Objects.toString(pageLink.getTextSearch(), ""),
+                        DaoUtil.toPageable(pageLink, DeviceInfoEntity.deviceInfoColumnMap)));
     }
 
     @Override
@@ -111,26 +133,45 @@ public class JpaDeviceDao extends JpaAbstractSearchTextDao<DeviceEntity, Device>
     }
 
     @Override
-    public List<Device> findDevicesByTenantIdAndType(UUID tenantId, String type, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(
+    public PageData<Device> findDevicesByTenantIdAndType(UUID tenantId, String type, PageLink pageLink) {
+        return DaoUtil.toPageData(
                 deviceRepository.findByTenantIdAndType(
                         fromTimeUUID(tenantId),
                         type,
                         Objects.toString(pageLink.getTextSearch(), ""),
-                        pageLink.getIdOffset() == null ? NULL_UUID_STR : fromTimeUUID(pageLink.getIdOffset()),
-                        new PageRequest(0, pageLink.getLimit())));
+                        DaoUtil.toPageable(pageLink)));
     }
 
     @Override
-    public List<Device> findDevicesByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(
+    public PageData<DeviceInfo> findDeviceInfosByTenantIdAndType(UUID tenantId, String type, PageLink pageLink) {
+        return DaoUtil.toPageData(
+                deviceRepository.findDeviceInfosByTenantIdAndType(
+                        fromTimeUUID(tenantId),
+                        type,
+                        Objects.toString(pageLink.getTextSearch(), ""),
+                        DaoUtil.toPageable(pageLink, DeviceInfoEntity.deviceInfoColumnMap)));
+    }
+
+    @Override
+    public PageData<Device> findDevicesByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, PageLink pageLink) {
+        return DaoUtil.toPageData(
                 deviceRepository.findByTenantIdAndCustomerIdAndType(
                         fromTimeUUID(tenantId),
                         fromTimeUUID(customerId),
                         type,
                         Objects.toString(pageLink.getTextSearch(), ""),
-                        pageLink.getIdOffset() == null ? NULL_UUID_STR : fromTimeUUID(pageLink.getIdOffset()),
-                        new PageRequest(0, pageLink.getLimit())));
+                        DaoUtil.toPageable(pageLink)));
+    }
+
+    @Override
+    public PageData<DeviceInfo> findDeviceInfosByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, PageLink pageLink) {
+        return DaoUtil.toPageData(
+                deviceRepository.findDeviceInfosByTenantIdAndCustomerIdAndType(
+                        fromTimeUUID(tenantId),
+                        fromTimeUUID(customerId),
+                        type,
+                        Objects.toString(pageLink.getTextSearch(), ""),
+                        DaoUtil.toPageable(pageLink, DeviceInfoEntity.deviceInfoColumnMap)));
     }
 
     @Override
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/entityview/EntityViewRepository.java b/dao/src/main/java/org/thingsboard/server/dao/sql/entityview/EntityViewRepository.java
index bc246e7dcc..794c11a032 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/entityview/EntityViewRepository.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/entityview/EntityViewRepository.java
@@ -15,11 +15,14 @@
  */
 package org.thingsboard.server.dao.sql.entityview;
 
+import org.springframework.data.domain.Page;
 import org.springframework.data.domain.Pageable;
 import org.springframework.data.jpa.repository.Query;
 import org.springframework.data.repository.CrudRepository;
+import org.springframework.data.repository.PagingAndSortingRepository;
 import org.springframework.data.repository.query.Param;
 import org.thingsboard.server.dao.model.sql.EntityViewEntity;
+import org.thingsboard.server.dao.model.sql.EntityViewInfoEntity;
 import org.thingsboard.server.dao.util.SqlDao;
 
 import java.util.List;
@@ -28,48 +31,90 @@ import java.util.List;
  * Created by Victor Basanets on 8/31/2017.
  */
 @SqlDao
-public interface EntityViewRepository extends CrudRepository<EntityViewEntity, String> {
+public interface EntityViewRepository extends PagingAndSortingRepository<EntityViewEntity, String> {
+
+    @Query("SELECT new org.thingsboard.server.dao.model.sql.EntityViewInfoEntity(e, c.title, c.additionalInfo) " +
+            "FROM EntityViewEntity e " +
+            "LEFT JOIN CustomerEntity c on c.id = e.customerId " +
+            "WHERE e.id = :entityViewId")
+    EntityViewInfoEntity findEntityViewInfoById(@Param("entityViewId") String entityViewId);
 
     @Query("SELECT e FROM EntityViewEntity e WHERE e.tenantId = :tenantId " +
-            "AND LOWER(e.searchText) LIKE LOWER(CONCAT(:textSearch, '%')) " +
-            "AND e.id > :idOffset ORDER BY e.id")
-    List<EntityViewEntity> findByTenantId(@Param("tenantId") String tenantId,
+            "AND LOWER(e.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<EntityViewEntity> findByTenantId(@Param("tenantId") String tenantId,
                                           @Param("textSearch") String textSearch,
-                                          @Param("idOffset") String idOffset,
                                           Pageable pageable);
 
+    @Query("SELECT new org.thingsboard.server.dao.model.sql.EntityViewInfoEntity(e, c.title, c.additionalInfo) " +
+            "FROM EntityViewEntity e " +
+            "LEFT JOIN CustomerEntity c on c.id = e.customerId " +
+            "WHERE e.tenantId = :tenantId " +
+            "AND LOWER(e.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<EntityViewInfoEntity> findEntityViewInfosByTenantId(@Param("tenantId") String tenantId,
+                                                             @Param("textSearch") String textSearch,
+                                                             Pageable pageable);
+
     @Query("SELECT e FROM EntityViewEntity e WHERE e.tenantId = :tenantId " +
             "AND e.type = :type " +
-            "AND LOWER(e.searchText) LIKE LOWER(CONCAT(:textSearch, '%')) " +
-            "AND e.id > :idOffset ORDER BY e.id")
-    List<EntityViewEntity> findByTenantIdAndType(@Param("tenantId") String tenantId,
+            "AND LOWER(e.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<EntityViewEntity> findByTenantIdAndType(@Param("tenantId") String tenantId,
                                                  @Param("type") String type,
                                                  @Param("textSearch") String textSearch,
-                                                 @Param("idOffset") String idOffset,
                                                  Pageable pageable);
 
+    @Query("SELECT new org.thingsboard.server.dao.model.sql.EntityViewInfoEntity(e, c.title, c.additionalInfo) " +
+            "FROM EntityViewEntity e " +
+            "LEFT JOIN CustomerEntity c on c.id = e.customerId " +
+            "WHERE e.tenantId = :tenantId " +
+            "AND e.type = :type " +
+            "AND LOWER(e.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<EntityViewInfoEntity> findEntityViewInfosByTenantIdAndType(@Param("tenantId") String tenantId,
+                                                                    @Param("type") String type,
+                                                                    @Param("textSearch") String textSearch,
+                                                                    Pageable pageable);
+
     @Query("SELECT e FROM EntityViewEntity e WHERE e.tenantId = :tenantId " +
             "AND e.customerId = :customerId " +
-            "AND LOWER(e.searchText) LIKE LOWER(CONCAT(:searchText, '%')) " +
-            "AND e.id > :idOffset ORDER BY e.id")
-    List<EntityViewEntity> findByTenantIdAndCustomerId(@Param("tenantId") String tenantId,
+            "AND LOWER(e.searchText) LIKE LOWER(CONCAT(:searchText, '%'))")
+    Page<EntityViewEntity> findByTenantIdAndCustomerId(@Param("tenantId") String tenantId,
                                                        @Param("customerId") String customerId,
                                                        @Param("searchText") String searchText,
-                                                       @Param("idOffset") String idOffset,
                                                        Pageable pageable);
 
+    @Query("SELECT new org.thingsboard.server.dao.model.sql.EntityViewInfoEntity(e, c.title, c.additionalInfo) " +
+            "FROM EntityViewEntity e " +
+            "LEFT JOIN CustomerEntity c on c.id = e.customerId " +
+            "WHERE e.tenantId = :tenantId " +
+            "AND e.customerId = :customerId " +
+            "AND LOWER(e.searchText) LIKE LOWER(CONCAT(:searchText, '%'))")
+    Page<EntityViewInfoEntity> findEntityViewInfosByTenantIdAndCustomerId(@Param("tenantId") String tenantId,
+                                                                          @Param("customerId") String customerId,
+                                                                          @Param("searchText") String searchText,
+                                                                          Pageable pageable);
+
     @Query("SELECT e FROM EntityViewEntity e WHERE e.tenantId = :tenantId " +
             "AND e.customerId = :customerId " +
             "AND e.type = :type " +
-            "AND LOWER(e.searchText) LIKE LOWER(CONCAT(:searchText, '%')) " +
-            "AND e.id > :idOffset ORDER BY e.id")
-    List<EntityViewEntity> findByTenantIdAndCustomerIdAndType(@Param("tenantId") String tenantId,
+            "AND LOWER(e.searchText) LIKE LOWER(CONCAT(:searchText, '%'))")
+    Page<EntityViewEntity> findByTenantIdAndCustomerIdAndType(@Param("tenantId") String tenantId,
                                                               @Param("customerId") String customerId,
                                                               @Param("type") String type,
                                                               @Param("searchText") String searchText,
-                                                              @Param("idOffset") String idOffset,
                                                               Pageable pageable);
 
+    @Query("SELECT new org.thingsboard.server.dao.model.sql.EntityViewInfoEntity(e, c.title, c.additionalInfo) " +
+            "FROM EntityViewEntity e " +
+            "LEFT JOIN CustomerEntity c on c.id = e.customerId " +
+            "WHERE e.tenantId = :tenantId " +
+            "AND e.customerId = :customerId " +
+            "AND e.type = :type " +
+            "AND LOWER(e.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<EntityViewInfoEntity> findEntityViewInfosByTenantIdAndCustomerIdAndType(@Param("tenantId") String tenantId,
+                                                                                 @Param("customerId") String customerId,
+                                                                                 @Param("type") String type,
+                                                                                 @Param("textSearch") String textSearch,
+                                                                                 Pageable pageable);
+
     EntityViewEntity findByTenantIdAndName(String tenantId, String name);
 
     List<EntityViewEntity> findAllByTenantIdAndEntityId(String tenantId, String entityId);
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/entityview/JpaEntityViewDao.java b/dao/src/main/java/org/thingsboard/server/dao/sql/entityview/JpaEntityViewDao.java
index 91a9181908..0d8d87f74e 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/entityview/JpaEntityViewDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/entityview/JpaEntityViewDao.java
@@ -20,15 +20,14 @@ import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.data.domain.PageRequest;
 import org.springframework.data.repository.CrudRepository;
 import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.EntitySubtype;
-import org.thingsboard.server.common.data.EntityType;
-import org.thingsboard.server.common.data.EntityView;
-import org.thingsboard.server.common.data.UUIDConverter;
+import org.thingsboard.server.common.data.*;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.DaoUtil;
 import org.thingsboard.server.dao.entityview.EntityViewDao;
 import org.thingsboard.server.dao.model.sql.EntityViewEntity;
+import org.thingsboard.server.dao.model.sql.EntityViewInfoEntity;
 import org.thingsboard.server.dao.sql.JpaAbstractSearchTextDao;
 import org.thingsboard.server.dao.util.SqlDao;
 
@@ -64,24 +63,46 @@ public class JpaEntityViewDao extends JpaAbstractSearchTextDao<EntityViewEntity,
     }
 
     @Override
-    public List<EntityView> findEntityViewsByTenantId(UUID tenantId, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(
+    public EntityViewInfo findEntityViewInfoById(TenantId tenantId, UUID entityViewId) {
+        return DaoUtil.getData(entityViewRepository.findEntityViewInfoById(fromTimeUUID(entityViewId)));
+    }
+
+    @Override
+    public PageData<EntityView> findEntityViewsByTenantId(UUID tenantId, PageLink pageLink) {
+        return DaoUtil.toPageData(
                 entityViewRepository.findByTenantId(
                         fromTimeUUID(tenantId),
                         Objects.toString(pageLink.getTextSearch(), ""),
-                        pageLink.getIdOffset() == null ? NULL_UUID_STR : fromTimeUUID(pageLink.getIdOffset()),
-                        new PageRequest(0, pageLink.getLimit())));
+                        DaoUtil.toPageable(pageLink)));
+    }
+
+    @Override
+    public PageData<EntityViewInfo> findEntityViewInfosByTenantId(UUID tenantId, PageLink pageLink) {
+        return DaoUtil.toPageData(
+                entityViewRepository.findEntityViewInfosByTenantId(
+                        fromTimeUUID(tenantId),
+                        Objects.toString(pageLink.getTextSearch(), ""),
+                        DaoUtil.toPageable(pageLink, EntityViewInfoEntity.entityViewInfoColumnMap)));
     }
 
     @Override
-    public List<EntityView> findEntityViewsByTenantIdAndType(UUID tenantId, String type, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(
+    public PageData<EntityView> findEntityViewsByTenantIdAndType(UUID tenantId, String type, PageLink pageLink) {
+        return DaoUtil.toPageData(
                 entityViewRepository.findByTenantIdAndType(
                         fromTimeUUID(tenantId),
                         type,
                         Objects.toString(pageLink.getTextSearch(), ""),
-                        pageLink.getIdOffset() == null ? NULL_UUID_STR : fromTimeUUID(pageLink.getIdOffset()),
-                        new PageRequest(0, pageLink.getLimit())));
+                        DaoUtil.toPageable(pageLink)));
+    }
+
+    @Override
+    public PageData<EntityViewInfo> findEntityViewInfosByTenantIdAndType(UUID tenantId, String type, PageLink pageLink) {
+        return DaoUtil.toPageData(
+                entityViewRepository.findEntityViewInfosByTenantIdAndType(
+                        fromTimeUUID(tenantId),
+                        type,
+                        Objects.toString(pageLink.getTextSearch(), ""),
+                        DaoUtil.toPageable(pageLink, EntityViewInfoEntity.entityViewInfoColumnMap)));
     }
 
     @Override
@@ -91,32 +112,51 @@ public class JpaEntityViewDao extends JpaAbstractSearchTextDao<EntityViewEntity,
     }
 
     @Override
-    public List<EntityView> findEntityViewsByTenantIdAndCustomerId(UUID tenantId,
-                                                                   UUID customerId,
-                                                                   TextPageLink pageLink) {
-        return DaoUtil.convertDataList(
+    public PageData<EntityView> findEntityViewsByTenantIdAndCustomerId(UUID tenantId,
+                                                                       UUID customerId,
+                                                                       PageLink pageLink) {
+        return DaoUtil.toPageData(
                 entityViewRepository.findByTenantIdAndCustomerId(
                         fromTimeUUID(tenantId),
                         fromTimeUUID(customerId),
                         Objects.toString(pageLink.getTextSearch(), ""),
-                        pageLink.getIdOffset() == null ? NULL_UUID_STR : fromTimeUUID(pageLink.getIdOffset()),
-                        new PageRequest(0, pageLink.getLimit())
+                        DaoUtil.toPageable(pageLink)
                 ));
     }
 
     @Override
-    public List<EntityView> findEntityViewsByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(
+    public PageData<EntityViewInfo> findEntityViewInfosByTenantIdAndCustomerId(UUID tenantId, UUID customerId, PageLink pageLink) {
+        return DaoUtil.toPageData(
+                entityViewRepository.findEntityViewInfosByTenantIdAndCustomerId(
+                        fromTimeUUID(tenantId),
+                        fromTimeUUID(customerId),
+                        Objects.toString(pageLink.getTextSearch(), ""),
+                        DaoUtil.toPageable(pageLink, EntityViewInfoEntity.entityViewInfoColumnMap)));
+    }
+
+    @Override
+    public PageData<EntityView> findEntityViewsByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, PageLink pageLink) {
+        return DaoUtil.toPageData(
                 entityViewRepository.findByTenantIdAndCustomerIdAndType(
                         fromTimeUUID(tenantId),
                         fromTimeUUID(customerId),
                         type,
                         Objects.toString(pageLink.getTextSearch(), ""),
-                        pageLink.getIdOffset() == null ? NULL_UUID_STR : fromTimeUUID(pageLink.getIdOffset()),
-                        new PageRequest(0, pageLink.getLimit())
+                        DaoUtil.toPageable(pageLink)
                 ));
     }
 
+    @Override
+    public PageData<EntityViewInfo> findEntityViewInfosByTenantIdAndCustomerIdAndType(UUID tenantId, UUID customerId, String type, PageLink pageLink) {
+        return DaoUtil.toPageData(
+                entityViewRepository.findEntityViewInfosByTenantIdAndCustomerIdAndType(
+                        fromTimeUUID(tenantId),
+                        fromTimeUUID(customerId),
+                        type,
+                        Objects.toString(pageLink.getTextSearch(), ""),
+                        DaoUtil.toPageable(pageLink, EntityViewInfoEntity.entityViewInfoColumnMap)));
+    }
+
     @Override
     public ListenableFuture<List<EntityView>> findEntityViewsByTenantIdAndEntityIdAsync(UUID tenantId, UUID entityId) {
         return service.submit(() -> DaoUtil.convertDataList(
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/event/EventRepository.java b/dao/src/main/java/org/thingsboard/server/dao/sql/event/EventRepository.java
index 2ac8789c9b..6b2160e625 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/event/EventRepository.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/event/EventRepository.java
@@ -15,10 +15,10 @@
  */
 package org.thingsboard.server.dao.sql.event;
 
+import org.springframework.data.domain.Page;
 import org.springframework.data.domain.Pageable;
-import org.springframework.data.jpa.repository.JpaSpecificationExecutor;
 import org.springframework.data.jpa.repository.Query;
-import org.springframework.data.repository.CrudRepository;
+import org.springframework.data.repository.PagingAndSortingRepository;
 import org.springframework.data.repository.query.Param;
 import org.thingsboard.server.common.data.EntityType;
 import org.thingsboard.server.dao.model.sql.EventEntity;
@@ -30,7 +30,7 @@ import java.util.List;
  * Created by Valerii Sosliuk on 5/3/2017.
  */
 @SqlDao
-public interface EventRepository extends CrudRepository<EventEntity, String>, JpaSpecificationExecutor<EventEntity> {
+public interface EventRepository extends PagingAndSortingRepository<EventEntity, String> {
 
     EventEntity findByTenantIdAndEntityTypeAndEntityIdAndEventTypeAndEventUid(String tenantId,
                                                                               EntityType entityType,
@@ -51,4 +51,34 @@ public interface EventRepository extends CrudRepository<EventEntity, String>, Jp
                                                     @Param("eventType") String eventType,
                                                     Pageable pageable);
 
+    @Query("SELECT e FROM EventEntity e WHERE " +
+            "e.tenantId = :tenantId " +
+            "AND e.entityType = :entityType AND e.entityId = :entityId " +
+            "AND (:startId IS NULL OR e.id >= :startId) " +
+            "AND (:endId IS NULL OR e.id <= :endId) " +
+            "AND LOWER(e.eventType) LIKE LOWER(CONCAT(:textSearch, '%'))"
+    )
+    Page<EventEntity> findEventsByTenantIdAndEntityId(@Param("tenantId") String tenantId,
+                                                      @Param("entityType") EntityType entityType,
+                                                      @Param("entityId") String entityId,
+                                                      @Param("textSearch") String textSearch,
+                                                      @Param("startId") String startId,
+                                                      @Param("endId") String endId,
+                                                      Pageable pageable);
+
+    @Query("SELECT e FROM EventEntity e WHERE " +
+            "e.tenantId = :tenantId " +
+            "AND e.entityType = :entityType AND e.entityId = :entityId " +
+            "AND e.eventType = :eventType " +
+            "AND (:startId IS NULL OR e.id >= :startId) " +
+            "AND (:endId IS NULL OR e.id <= :endId)"
+    )
+    Page<EventEntity> findEventsByTenantIdAndEntityIdAndEventType(@Param("tenantId") String tenantId,
+                                                                  @Param("entityType") EntityType entityType,
+                                                                  @Param("entityId") String entityId,
+                                                                  @Param("eventType") String eventType,
+                                                                  @Param("startId") String startId,
+                                                                  @Param("endId") String endId,
+                                                                  Pageable pageable);
+
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/event/JpaBaseEventDao.java b/dao/src/main/java/org/thingsboard/server/dao/sql/event/JpaBaseEventDao.java
index 0651712f21..c5a6ea2717 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/event/JpaBaseEventDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/event/JpaBaseEventDao.java
@@ -21,8 +21,6 @@ import lombok.extern.slf4j.Slf4j;
 import org.apache.commons.lang3.StringUtils;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.data.domain.PageRequest;
-import org.springframework.data.domain.Pageable;
-import org.springframework.data.domain.Sort;
 import org.springframework.data.jpa.domain.Specification;
 import org.springframework.data.repository.CrudRepository;
 import org.springframework.stereotype.Component;
@@ -31,6 +29,7 @@ import org.thingsboard.server.common.data.UUIDConverter;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.EventId;
 import org.thingsboard.server.common.data.id.TenantId;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.dao.DaoUtil;
 import org.thingsboard.server.dao.event.EventDao;
@@ -39,13 +38,11 @@ import org.thingsboard.server.dao.sql.JpaAbstractSearchTimeDao;
 import org.thingsboard.server.dao.util.SqlDao;
 
 import javax.persistence.criteria.Predicate;
-import java.util.ArrayList;
-import java.util.List;
-import java.util.Optional;
-import java.util.UUID;
+import java.util.*;
 
-import static org.springframework.data.jpa.domain.Specifications.where;
-import static org.thingsboard.server.dao.model.ModelConstants.ID_PROPERTY;
+import static org.thingsboard.server.common.data.UUIDConverter.fromTimeUUID;
+import static org.thingsboard.server.dao.DaoUtil.endTimeToId;
+import static org.thingsboard.server.dao.DaoUtil.startTimeToId;
 import static org.thingsboard.server.dao.model.ModelConstants.NULL_UUID;
 
 /**
@@ -110,17 +107,31 @@ public class JpaBaseEventDao extends JpaAbstractSearchTimeDao<EventEntity, Event
     }
 
     @Override
-    public List<Event> findEvents(UUID tenantId, EntityId entityId, TimePageLink pageLink) {
-        return findEvents(tenantId, entityId, null, pageLink);
+    public PageData<Event> findEvents(UUID tenantId, EntityId entityId, TimePageLink pageLink) {
+        return DaoUtil.toPageData(
+                eventRepository
+                        .findEventsByTenantIdAndEntityId(
+                                fromTimeUUID(tenantId),
+                                entityId.getEntityType(),
+                                fromTimeUUID(entityId.getId()),
+                                Objects.toString(pageLink.getTextSearch(), ""),
+                                startTimeToId(pageLink.getStartTime()),
+                                endTimeToId(pageLink.getEndTime()),
+                                DaoUtil.toPageable(pageLink)));
     }
 
     @Override
-    public List<Event> findEvents(UUID tenantId, EntityId entityId, String eventType, TimePageLink pageLink) {
-        Specification<EventEntity> timeSearchSpec = JpaAbstractSearchTimeDao.getTimeSearchPageSpec(pageLink, "id");
-        Specification<EventEntity> fieldsSpec = getEntityFieldsSpec(tenantId, entityId, eventType);
-        Sort.Direction sortDirection = pageLink.isAscOrder() ? Sort.Direction.ASC : Sort.Direction.DESC;
-        Pageable pageable = new PageRequest(0, pageLink.getLimit(), sortDirection, ID_PROPERTY);
-        return DaoUtil.convertDataList(eventRepository.findAll(where(timeSearchSpec).and(fieldsSpec), pageable).getContent());
+    public PageData<Event> findEvents(UUID tenantId, EntityId entityId, String eventType, TimePageLink pageLink) {
+        return DaoUtil.toPageData(
+                eventRepository
+                        .findEventsByTenantIdAndEntityIdAndEventType(
+                                fromTimeUUID(tenantId),
+                                entityId.getEntityType(),
+                                fromTimeUUID(entityId.getId()),
+                                eventType,
+                                startTimeToId(pageLink.getStartTime()),
+                                endTimeToId(pageLink.getEndTime()),
+                                DaoUtil.toPageable(pageLink)));
     }
 
     @Override
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/relation/JpaRelationDao.java b/dao/src/main/java/org/thingsboard/server/dao/sql/relation/JpaRelationDao.java
index cb7887a065..2d69d0ae06 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/relation/JpaRelationDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/relation/JpaRelationDao.java
@@ -27,6 +27,8 @@ import org.thingsboard.server.common.data.EntityType;
 import org.thingsboard.server.common.data.UUIDConverter;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.TenantId;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.SortOrder;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.common.data.relation.EntityRelation;
 import org.thingsboard.server.common.data.relation.RelationTypeGroup;
@@ -185,13 +187,16 @@ public class JpaRelationDao extends JpaAbstractDaoListeningExecutorService imple
     }
 
     @Override
-    public ListenableFuture<List<EntityRelation>> findRelations(TenantId tenantId, EntityId from, String relationType, RelationTypeGroup typeGroup, EntityType childType, TimePageLink pageLink) {
+    public ListenableFuture<PageData<EntityRelation>> findRelations(TenantId tenantId, EntityId from, String relationType, RelationTypeGroup typeGroup, EntityType childType, TimePageLink pageLink) {
         Specification<RelationEntity> timeSearchSpec = JpaAbstractSearchTimeDao.getTimeSearchPageSpec(pageLink, "toId");
         Specification<RelationEntity> fieldsSpec = getEntityFieldsSpec(from, relationType, typeGroup, childType);
-        Sort.Direction sortDirection = pageLink.isAscOrder() ? Sort.Direction.ASC : Sort.Direction.DESC;
-        Pageable pageable = new PageRequest(0, pageLink.getLimit(), sortDirection, "toId");
+        Sort.Direction sortDirection = Sort.Direction.DESC;
+        if (pageLink.getSortOrder() != null) {
+            sortDirection = pageLink.getSortOrder().getDirection() == SortOrder.Direction.ASC ? Sort.Direction.ASC : Sort.Direction.DESC;
+        }
+        Pageable pageable = new PageRequest(pageLink.getPage(), pageLink.getPageSize(), sortDirection, "toId");
         return service.submit(() ->
-                DaoUtil.convertDataList(relationRepository.findAll(where(timeSearchSpec).and(fieldsSpec), pageable).getContent()));
+                DaoUtil.toPageData(relationRepository.findAll(where(timeSearchSpec).and(fieldsSpec), pageable)));
     }
 
     private Specification<RelationEntity> getEntityFieldsSpec(EntityId from, String relationType, RelationTypeGroup typeGroup, EntityType childType) {
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/rule/JpaRuleChainDao.java b/dao/src/main/java/org/thingsboard/server/dao/sql/rule/JpaRuleChainDao.java
index 415cbd15c1..d2dbe725cd 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/rule/JpaRuleChainDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/rule/JpaRuleChainDao.java
@@ -21,7 +21,8 @@ import org.springframework.data.domain.PageRequest;
 import org.springframework.data.repository.CrudRepository;
 import org.springframework.stereotype.Component;
 import org.thingsboard.server.common.data.UUIDConverter;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.rule.RuleChain;
 import org.thingsboard.server.dao.DaoUtil;
 import org.thingsboard.server.dao.model.sql.RuleChainEntity;
@@ -54,13 +55,12 @@ public class JpaRuleChainDao extends JpaAbstractSearchTextDao<RuleChainEntity, R
     }
 
     @Override
-    public List<RuleChain> findRuleChainsByTenantId(UUID tenantId, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(ruleChainRepository
+    public PageData<RuleChain> findRuleChainsByTenantId(UUID tenantId, PageLink pageLink) {
+        return DaoUtil.toPageData(ruleChainRepository
                 .findByTenantId(
                         UUIDConverter.fromTimeUUID(tenantId),
                         Objects.toString(pageLink.getTextSearch(), ""),
-                        pageLink.getIdOffset() == null ? NULL_UUID_STR : UUIDConverter.fromTimeUUID(pageLink.getIdOffset()),
-                        new PageRequest(0, pageLink.getLimit())));
+                        DaoUtil.toPageable(pageLink)));
     }
 
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/rule/RuleChainRepository.java b/dao/src/main/java/org/thingsboard/server/dao/sql/rule/RuleChainRepository.java
index a5d5f6bbee..d29acd1751 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/rule/RuleChainRepository.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/rule/RuleChainRepository.java
@@ -15,9 +15,11 @@
  */
 package org.thingsboard.server.dao.sql.rule;
 
+import org.springframework.data.domain.Page;
 import org.springframework.data.domain.Pageable;
 import org.springframework.data.jpa.repository.Query;
 import org.springframework.data.repository.CrudRepository;
+import org.springframework.data.repository.PagingAndSortingRepository;
 import org.springframework.data.repository.query.Param;
 import org.thingsboard.server.dao.model.sql.RuleChainEntity;
 import org.thingsboard.server.dao.util.SqlDao;
@@ -25,14 +27,12 @@ import org.thingsboard.server.dao.util.SqlDao;
 import java.util.List;
 
 @SqlDao
-public interface RuleChainRepository extends CrudRepository<RuleChainEntity, String> {
+public interface RuleChainRepository extends PagingAndSortingRepository<RuleChainEntity, String> {
 
     @Query("SELECT rc FROM RuleChainEntity rc WHERE rc.tenantId = :tenantId " +
-            "AND LOWER(rc.searchText) LIKE LOWER(CONCAT(:searchText, '%')) " +
-            "AND rc.id > :idOffset ORDER BY rc.id")
-    List<RuleChainEntity> findByTenantId(@Param("tenantId") String tenantId,
+            "AND LOWER(rc.searchText) LIKE LOWER(CONCAT(:searchText, '%'))")
+    Page<RuleChainEntity> findByTenantId(@Param("tenantId") String tenantId,
                                          @Param("searchText") String searchText,
-                                         @Param("idOffset") String idOffset,
                                          Pageable pageable);
 
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/tenant/JpaTenantDao.java b/dao/src/main/java/org/thingsboard/server/dao/sql/tenant/JpaTenantDao.java
index 27496a7a20..826d60b119 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/tenant/JpaTenantDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/tenant/JpaTenantDao.java
@@ -22,7 +22,8 @@ import org.springframework.stereotype.Component;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.UUIDConverter;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.DaoUtil;
 import org.thingsboard.server.dao.model.sql.TenantEntity;
 import org.thingsboard.server.dao.sql.JpaAbstractSearchTextDao;
@@ -55,12 +56,11 @@ public class JpaTenantDao extends JpaAbstractSearchTextDao<TenantEntity, Tenant>
     }
 
     @Override
-    public List<Tenant> findTenantsByRegion(TenantId tenantId, String region, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(tenantRepository
+    public PageData<Tenant> findTenantsByRegion(TenantId tenantId, String region, PageLink pageLink) {
+        return DaoUtil.toPageData(tenantRepository
                 .findByRegionNextPage(
                         region,
                         Objects.toString(pageLink.getTextSearch(), ""),
-                        pageLink.getIdOffset() == null ? NULL_UUID_STR : UUIDConverter.fromTimeUUID(pageLink.getIdOffset()),
-                        new PageRequest(0, pageLink.getLimit())));
+                        DaoUtil.toPageable(pageLink)));
     }
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/tenant/TenantRepository.java b/dao/src/main/java/org/thingsboard/server/dao/sql/tenant/TenantRepository.java
index 265836c851..7a3796e579 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/tenant/TenantRepository.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/tenant/TenantRepository.java
@@ -15,9 +15,11 @@
  */
 package org.thingsboard.server.dao.sql.tenant;
 
+import org.springframework.data.domain.Page;
 import org.springframework.data.domain.Pageable;
 import org.springframework.data.jpa.repository.Query;
 import org.springframework.data.repository.CrudRepository;
+import org.springframework.data.repository.PagingAndSortingRepository;
 import org.springframework.data.repository.query.Param;
 import org.thingsboard.server.dao.model.sql.TenantEntity;
 import org.thingsboard.server.dao.util.SqlDao;
@@ -28,13 +30,11 @@ import java.util.List;
  * Created by Valerii Sosliuk on 4/30/2017.
  */
 @SqlDao
-public interface TenantRepository extends CrudRepository<TenantEntity, String> {
+public interface TenantRepository extends PagingAndSortingRepository<TenantEntity, String> {
 
     @Query("SELECT t FROM TenantEntity t WHERE t.region = :region " +
-            "AND LOWER(t.searchText) LIKE LOWER(CONCAT(:textSearch, '%')) " +
-            "AND t.id > :idOffset ORDER BY t.id")
-    List<TenantEntity> findByRegionNextPage(@Param("region") String region,
+            "AND LOWER(t.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<TenantEntity> findByRegionNextPage(@Param("region") String region,
                                             @Param("textSearch") String textSearch,
-                                            @Param("idOffset") String idOffset,
                                             Pageable pageable);
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/user/JpaUserDao.java b/dao/src/main/java/org/thingsboard/server/dao/sql/user/JpaUserDao.java
index 33b7c3c1e9..9d39a09404 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/user/JpaUserDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/user/JpaUserDao.java
@@ -21,7 +21,8 @@ import org.springframework.data.repository.CrudRepository;
 import org.springframework.stereotype.Component;
 import org.thingsboard.server.common.data.User;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.security.Authority;
 import org.thingsboard.server.dao.DaoUtil;
 import org.thingsboard.server.dao.model.sql.UserEntity;
@@ -62,29 +63,27 @@ public class JpaUserDao extends JpaAbstractSearchTextDao<UserEntity, User> imple
     }
 
     @Override
-    public List<User> findTenantAdmins(UUID tenantId, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(
+    public PageData<User> findTenantAdmins(UUID tenantId, PageLink pageLink) {
+        return DaoUtil.toPageData(
                 userRepository
                         .findUsersByAuthority(
                                 fromTimeUUID(tenantId),
                                 NULL_UUID_STR,
-                                pageLink.getIdOffset() == null ? NULL_UUID_STR : fromTimeUUID(pageLink.getIdOffset()),
                                 Objects.toString(pageLink.getTextSearch(), ""),
                                 Authority.TENANT_ADMIN,
-                                new PageRequest(0, pageLink.getLimit())));
+                                DaoUtil.toPageable(pageLink)));
     }
 
     @Override
-    public List<User> findCustomerUsers(UUID tenantId, UUID customerId, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(
+    public PageData<User> findCustomerUsers(UUID tenantId, UUID customerId, PageLink pageLink) {
+        return DaoUtil.toPageData(
                 userRepository
                         .findUsersByAuthority(
                                 fromTimeUUID(tenantId),
                                 fromTimeUUID(customerId),
-                                pageLink.getIdOffset() == null ? NULL_UUID_STR : fromTimeUUID(pageLink.getIdOffset()),
                                 Objects.toString(pageLink.getTextSearch(), ""),
                                 Authority.CUSTOMER_USER,
-                                new PageRequest(0, pageLink.getLimit())));
+                                DaoUtil.toPageable(pageLink)));
 
     }
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/user/UserRepository.java b/dao/src/main/java/org/thingsboard/server/dao/sql/user/UserRepository.java
index 180c4b0421..ea50ef45bf 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/user/UserRepository.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/user/UserRepository.java
@@ -15,9 +15,11 @@
  */
 package org.thingsboard.server.dao.sql.user;
 
+import org.springframework.data.domain.Page;
 import org.springframework.data.domain.Pageable;
 import org.springframework.data.jpa.repository.Query;
 import org.springframework.data.repository.CrudRepository;
+import org.springframework.data.repository.PagingAndSortingRepository;
 import org.springframework.data.repository.query.Param;
 import org.thingsboard.server.common.data.security.Authority;
 import org.thingsboard.server.dao.model.sql.UserEntity;
@@ -29,19 +31,17 @@ import java.util.List;
  * @author Valerii Sosliuk
  */
 @SqlDao
-public interface UserRepository extends CrudRepository<UserEntity, String> {
+public interface UserRepository extends PagingAndSortingRepository<UserEntity, String> {
 
     UserEntity findByEmail(String email);
 
     @Query("SELECT u FROM UserEntity u WHERE u.tenantId = :tenantId " +
             "AND u.customerId = :customerId AND u.authority = :authority " +
-            "AND LOWER(u.searchText) LIKE LOWER(CONCAT(:searchText, '%'))" +
-            "AND u.id > :idOffset ORDER BY u.id")
-    List<UserEntity> findUsersByAuthority(@Param("tenantId") String tenantId,
+            "AND LOWER(u.searchText) LIKE LOWER(CONCAT(:searchText, '%'))")
+    Page<UserEntity> findUsersByAuthority(@Param("tenantId") String tenantId,
                                           @Param("customerId") String customerId,
-                                          @Param("idOffset") String idOffset,
                                           @Param("searchText") String searchText,
                                           @Param("authority") Authority authority,
                                           Pageable pageable);
 
-}
\ No newline at end of file
+}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/widget/JpaWidgetsBundleDao.java b/dao/src/main/java/org/thingsboard/server/dao/sql/widget/JpaWidgetsBundleDao.java
index 228c596642..c24e3d8e27 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/widget/JpaWidgetsBundleDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/widget/JpaWidgetsBundleDao.java
@@ -21,7 +21,8 @@ import org.springframework.data.repository.CrudRepository;
 import org.springframework.stereotype.Component;
 import org.thingsboard.server.common.data.UUIDConverter;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.widget.WidgetsBundle;
 import org.thingsboard.server.dao.DaoUtil;
 import org.thingsboard.server.dao.model.sql.WidgetsBundleEntity;
@@ -61,36 +62,33 @@ public class JpaWidgetsBundleDao extends JpaAbstractSearchTextDao<WidgetsBundleE
     }
 
     @Override
-    public List<WidgetsBundle> findSystemWidgetsBundles(TenantId tenantId, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(
+    public PageData<WidgetsBundle> findSystemWidgetsBundles(TenantId tenantId, PageLink pageLink) {
+        return DaoUtil.toPageData(
                 widgetsBundleRepository
                         .findSystemWidgetsBundles(
                                 NULL_UUID_STR,
                                 Objects.toString(pageLink.getTextSearch(), ""),
-                                pageLink.getIdOffset() == null ? NULL_UUID_STR : UUIDConverter.fromTimeUUID(pageLink.getIdOffset()),
-                                new PageRequest(0, pageLink.getLimit())));
+                                DaoUtil.toPageable(pageLink)));
     }
 
     @Override
-    public List<WidgetsBundle> findTenantWidgetsBundlesByTenantId(UUID tenantId, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(
+    public PageData<WidgetsBundle> findTenantWidgetsBundlesByTenantId(UUID tenantId, PageLink pageLink) {
+        return DaoUtil.toPageData(
                 widgetsBundleRepository
                         .findTenantWidgetsBundlesByTenantId(
                                 UUIDConverter.fromTimeUUID(tenantId),
                                 Objects.toString(pageLink.getTextSearch(), ""),
-                                pageLink.getIdOffset() == null ? NULL_UUID_STR : UUIDConverter.fromTimeUUID(pageLink.getIdOffset()),
-                                new PageRequest(0, pageLink.getLimit())));
+                                DaoUtil.toPageable(pageLink)));
     }
 
     @Override
-    public List<WidgetsBundle> findAllTenantWidgetsBundlesByTenantId(UUID tenantId, TextPageLink pageLink) {
-        return DaoUtil.convertDataList(
+    public PageData<WidgetsBundle> findAllTenantWidgetsBundlesByTenantId(UUID tenantId, PageLink pageLink) {
+        return DaoUtil.toPageData(
                 widgetsBundleRepository
                         .findAllTenantWidgetsBundlesByTenantId(
                                 UUIDConverter.fromTimeUUID(tenantId),
                                 NULL_UUID_STR,
                                 Objects.toString(pageLink.getTextSearch(), ""),
-                                pageLink.getIdOffset() == null ? NULL_UUID_STR : UUIDConverter.fromTimeUUID(pageLink.getIdOffset()),
-                                new PageRequest(0, pageLink.getLimit())));
+                                DaoUtil.toPageable(pageLink)));
     }
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/widget/WidgetsBundleRepository.java b/dao/src/main/java/org/thingsboard/server/dao/sql/widget/WidgetsBundleRepository.java
index fb887e5241..c01ac80f64 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/widget/WidgetsBundleRepository.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/widget/WidgetsBundleRepository.java
@@ -15,9 +15,11 @@
  */
 package org.thingsboard.server.dao.sql.widget;
 
+import org.springframework.data.domain.Page;
 import org.springframework.data.domain.Pageable;
 import org.springframework.data.jpa.repository.Query;
 import org.springframework.data.repository.CrudRepository;
+import org.springframework.data.repository.PagingAndSortingRepository;
 import org.springframework.data.repository.query.Param;
 import org.thingsboard.server.dao.model.sql.WidgetsBundleEntity;
 import org.thingsboard.server.dao.util.SqlDao;
@@ -28,32 +30,26 @@ import java.util.List;
  * Created by Valerii Sosliuk on 4/23/2017.
  */
 @SqlDao
-public interface WidgetsBundleRepository extends CrudRepository<WidgetsBundleEntity, String> {
+public interface WidgetsBundleRepository extends PagingAndSortingRepository<WidgetsBundleEntity, String> {
 
     WidgetsBundleEntity findWidgetsBundleByTenantIdAndAlias(String tenantId, String alias);
 
     @Query("SELECT wb FROM WidgetsBundleEntity wb WHERE wb.tenantId = :systemTenantId " +
-            "AND LOWER(wb.searchText) LIKE LOWER(CONCAT(:searchText, '%')) " +
-            "AND wb.id > :idOffset ORDER BY wb.id")
-    List<WidgetsBundleEntity> findSystemWidgetsBundles(@Param("systemTenantId") String systemTenantId,
+            "AND LOWER(wb.searchText) LIKE LOWER(CONCAT(:searchText, '%'))")
+    Page<WidgetsBundleEntity> findSystemWidgetsBundles(@Param("systemTenantId") String systemTenantId,
                                                        @Param("searchText") String searchText,
-                                                       @Param("idOffset") String idOffset,
                                                        Pageable pageable);
 
     @Query("SELECT wb FROM WidgetsBundleEntity wb WHERE wb.tenantId = :tenantId " +
-            "AND LOWER(wb.searchText) LIKE LOWER(CONCAT(:textSearch, '%')) " +
-            "AND wb.id > :idOffset ORDER BY wb.id")
-    List<WidgetsBundleEntity> findTenantWidgetsBundlesByTenantId(@Param("tenantId") String tenantId,
+            "AND LOWER(wb.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<WidgetsBundleEntity> findTenantWidgetsBundlesByTenantId(@Param("tenantId") String tenantId,
                                                                  @Param("textSearch") String textSearch,
-                                                                 @Param("idOffset") String idOffset,
                                                                  Pageable pageable);
 
     @Query("SELECT wb FROM WidgetsBundleEntity wb WHERE wb.tenantId IN (:tenantId, :nullTenantId) " +
-            "AND LOWER(wb.searchText) LIKE LOWER(CONCAT(:textSearch, '%')) " +
-            "AND wb.id > :idOffset ORDER BY wb.id")
-    List<WidgetsBundleEntity> findAllTenantWidgetsBundlesByTenantId(@Param("tenantId") String tenantId,
+            "AND LOWER(wb.searchText) LIKE LOWER(CONCAT(:textSearch, '%'))")
+    Page<WidgetsBundleEntity> findAllTenantWidgetsBundlesByTenantId(@Param("tenantId") String tenantId,
                                                                     @Param("nullTenantId") String nullTenantId,
                                                                     @Param("textSearch") String textSearch,
-                                                                    @Param("idOffset") String idOffset,
                                                                     Pageable pageable);
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/tenant/CassandraTenantDao.java b/dao/src/main/java/org/thingsboard/server/dao/tenant/CassandraTenantDao.java
deleted file mode 100644
index b8896d0a80..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/tenant/CassandraTenantDao.java
+++ /dev/null
@@ -1,61 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.tenant;
-
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.Tenant;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.nosql.TenantEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractSearchTextDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import java.util.Arrays;
-import java.util.List;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static org.thingsboard.server.dao.model.ModelConstants.TENANT_BY_REGION_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.TENANT_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.TENANT_REGION_PROPERTY;
-
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraTenantDao extends CassandraAbstractSearchTextDao<TenantEntity, Tenant> implements TenantDao {
-
-    @Override
-    protected Class<TenantEntity> getColumnFamilyClass() {
-        return TenantEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return TENANT_COLUMN_FAMILY_NAME;
-    }
-
-    @Override
-    public List<Tenant> findTenantsByRegion(TenantId tenantId, String region, TextPageLink pageLink) {
-        log.debug("Try to find tenants by region [{}] and pageLink [{}]", region, pageLink);
-        List<TenantEntity> tenantEntities = findPageWithTextSearch(tenantId, TENANT_BY_REGION_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Arrays.asList(eq(TENANT_REGION_PROPERTY, region)), 
-                pageLink); 
-        log.trace("Found tenants [{}] by region [{}] and pageLink [{}]", tenantEntities, region, pageLink);
-        return DaoUtil.convertDataList(tenantEntities);
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/tenant/TenantDao.java b/dao/src/main/java/org/thingsboard/server/dao/tenant/TenantDao.java
index 22c67fb362..60fb93bae4 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/tenant/TenantDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/tenant/TenantDao.java
@@ -17,7 +17,8 @@ package org.thingsboard.server.dao.tenant;
 
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.Dao;
 
 import java.util.List;
@@ -39,6 +40,6 @@ public interface TenantDao extends Dao<Tenant> {
      * @param pageLink the page link
      * @return the list of tenant objects
      */
-    List<Tenant> findTenantsByRegion(TenantId tenantId, String region, TextPageLink pageLink);
+    PageData<Tenant> findTenantsByRegion(TenantId tenantId, String region, PageLink pageLink);
     
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/tenant/TenantServiceImpl.java b/dao/src/main/java/org/thingsboard/server/dao/tenant/TenantServiceImpl.java
index 9453fdb4c5..efac1cfc42 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/tenant/TenantServiceImpl.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/tenant/TenantServiceImpl.java
@@ -23,8 +23,8 @@ import org.springframework.stereotype.Service;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.asset.AssetService;
 import org.thingsboard.server.dao.customer.CustomerService;
 import org.thingsboard.server.dao.dashboard.DashboardService;
@@ -116,11 +116,10 @@ public class TenantServiceImpl extends AbstractEntityService implements TenantSe
     }
 
     @Override
-    public TextPageData<Tenant> findTenants(TextPageLink pageLink) {
+    public PageData<Tenant> findTenants(PageLink pageLink) {
         log.trace("Executing findTenants pageLink [{}]", pageLink);
-        Validator.validatePageLink(pageLink, "Incorrect page link " + pageLink);
-        List<Tenant> tenants = tenantDao.findTenantsByRegion(new TenantId(EntityId.NULL_UUID), DEFAULT_TENANT_REGION, pageLink);
-        return new TextPageData<>(tenants, pageLink);
+        Validator.validatePageLink(pageLink);
+        return tenantDao.findTenantsByRegion(new TenantId(EntityId.NULL_UUID), DEFAULT_TENANT_REGION, pageLink);
     }
 
     @Override
@@ -146,7 +145,7 @@ public class TenantServiceImpl extends AbstractEntityService implements TenantSe
             new PaginatedRemover<String, Tenant>() {
 
         @Override
-        protected List<Tenant> findEntities(TenantId tenantId, String region, TextPageLink pageLink) {
+        protected PageData<Tenant> findEntities(TenantId tenantId, String region, PageLink pageLink) {
             return tenantDao.findTenantsByRegion(tenantId, region, pageLink);
         }
 
diff --git a/dao/src/main/java/org/thingsboard/server/dao/user/CassandraUserCredentialsDao.java b/dao/src/main/java/org/thingsboard/server/dao/user/CassandraUserCredentialsDao.java
deleted file mode 100644
index 1e458fba9d..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/user/CassandraUserCredentialsDao.java
+++ /dev/null
@@ -1,83 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.user;
-
-import com.datastax.driver.core.querybuilder.Select.Where;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.security.UserCredentials;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.ModelConstants;
-import org.thingsboard.server.dao.model.nosql.UserCredentialsEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractModelDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import java.util.UUID;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraUserCredentialsDao extends CassandraAbstractModelDao<UserCredentialsEntity, UserCredentials> implements UserCredentialsDao {
-
-    public static final String EXECUTE_QUERY = "Execute query {}";
-
-    @Override
-    protected Class<UserCredentialsEntity> getColumnFamilyClass() {
-        return UserCredentialsEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return ModelConstants.USER_CREDENTIALS_COLUMN_FAMILY_NAME;
-    }
-
-    @Override
-    public UserCredentials findByUserId(TenantId tenantId, UUID userId) {
-        log.debug("Try to find user credentials by userId [{}] ", userId);
-        Where query = select().from(ModelConstants.USER_CREDENTIALS_BY_USER_COLUMN_FAMILY_NAME).where(eq(ModelConstants.USER_CREDENTIALS_USER_ID_PROPERTY, userId));
-        log.trace(EXECUTE_QUERY, query);
-        UserCredentialsEntity userCredentialsEntity = findOneByStatement(tenantId, query);
-        log.trace("Found user credentials [{}] by userId [{}]", userCredentialsEntity, userId);
-        return DaoUtil.getData(userCredentialsEntity);
-    }
-
-    @Override
-    public UserCredentials findByActivateToken(TenantId tenantId, String activateToken) {
-        log.debug("Try to find user credentials by activateToken [{}] ", activateToken);
-        Where query = select().from(ModelConstants.USER_CREDENTIALS_BY_ACTIVATE_TOKEN_COLUMN_FAMILY_NAME)
-                .where(eq(ModelConstants.USER_CREDENTIALS_ACTIVATE_TOKEN_PROPERTY, activateToken));
-        log.trace(EXECUTE_QUERY, query);
-        UserCredentialsEntity userCredentialsEntity = findOneByStatement(tenantId, query);
-        log.trace("Found user credentials [{}] by activateToken [{}]", userCredentialsEntity, activateToken);
-        return DaoUtil.getData(userCredentialsEntity);
-    }
-
-    @Override
-    public UserCredentials findByResetToken(TenantId tenantId, String resetToken) {
-        log.debug("Try to find user credentials by resetToken [{}] ", resetToken);
-        Where query = select().from(ModelConstants.USER_CREDENTIALS_BY_RESET_TOKEN_COLUMN_FAMILY_NAME)
-                .where(eq(ModelConstants.USER_CREDENTIALS_RESET_TOKEN_PROPERTY, resetToken));
-        log.trace(EXECUTE_QUERY, query);
-        UserCredentialsEntity userCredentialsEntity = findOneByStatement(tenantId, query);
-        log.trace("Found user credentials [{}] by resetToken [{}]", userCredentialsEntity, resetToken);
-        return DaoUtil.getData(userCredentialsEntity);
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/user/CassandraUserDao.java b/dao/src/main/java/org/thingsboard/server/dao/user/CassandraUserDao.java
deleted file mode 100644
index 2b4546676a..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/user/CassandraUserDao.java
+++ /dev/null
@@ -1,89 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.user;
-
-import com.datastax.driver.core.querybuilder.Select.Where;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.User;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.common.data.security.Authority;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.ModelConstants;
-import org.thingsboard.server.dao.model.nosql.UserEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractSearchTextDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import java.util.Arrays;
-import java.util.List;
-import java.util.UUID;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraUserDao extends CassandraAbstractSearchTextDao<UserEntity, User> implements UserDao {
-
-    @Override
-    protected Class<UserEntity> getColumnFamilyClass() {
-        return UserEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return ModelConstants.USER_COLUMN_FAMILY_NAME;
-    }
-
-    @Override
-    public User findByEmail(TenantId tenantId, String email) {
-        log.debug("Try to find user by email [{}] ", email);
-        Where query = select().from(ModelConstants.USER_BY_EMAIL_COLUMN_FAMILY_NAME).where(eq(ModelConstants.USER_EMAIL_PROPERTY, email));
-        log.trace("Execute query {}", query);
-        UserEntity userEntity = findOneByStatement(tenantId, query);
-        log.trace("Found user [{}] by email [{}]", userEntity, email);
-        return DaoUtil.getData(userEntity);
-    }
-
-    @Override
-    public List<User> findTenantAdmins(UUID tenantId, TextPageLink pageLink) {
-        log.debug("Try to find tenant admin users by tenantId [{}] and pageLink [{}]", tenantId, pageLink);
-        List<UserEntity> userEntities = findPageWithTextSearch(new TenantId(tenantId),
-                ModelConstants.USER_BY_TENANT_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Arrays.asList(eq(ModelConstants.USER_TENANT_ID_PROPERTY, tenantId),
-                              eq(ModelConstants.USER_CUSTOMER_ID_PROPERTY, ModelConstants.NULL_UUID),
-                              eq(ModelConstants.USER_AUTHORITY_PROPERTY, Authority.TENANT_ADMIN.name())),
-                pageLink); 
-        log.trace("Found tenant admin users [{}] by tenantId [{}] and pageLink [{}]", userEntities, tenantId, pageLink);
-        return DaoUtil.convertDataList(userEntities);
-    }
-
-    @Override
-    public List<User> findCustomerUsers(UUID tenantId, UUID customerId, TextPageLink pageLink) {
-        log.debug("Try to find customer users by tenantId [{}], customerId [{}] and pageLink [{}]", tenantId, customerId, pageLink);
-        List<UserEntity> userEntities = findPageWithTextSearch(new TenantId(tenantId),
-                ModelConstants.USER_BY_CUSTOMER_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Arrays.asList(eq(ModelConstants.USER_TENANT_ID_PROPERTY, tenantId),
-                              eq(ModelConstants.USER_CUSTOMER_ID_PROPERTY, customerId),
-                              eq(ModelConstants.USER_AUTHORITY_PROPERTY, Authority.CUSTOMER_USER.name())),
-                pageLink); 
-        log.trace("Found customer users [{}] by tenantId [{}], customerId [{}] and pageLink [{}]", userEntities, tenantId, customerId, pageLink);
-        return DaoUtil.convertDataList(userEntities);
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/user/UserDao.java b/dao/src/main/java/org/thingsboard/server/dao/user/UserDao.java
index 4e7b222c66..1ab1037613 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/user/UserDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/user/UserDao.java
@@ -17,7 +17,8 @@ package org.thingsboard.server.dao.user;
 
 import org.thingsboard.server.common.data.User;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.Dao;
 
 import java.util.List;
@@ -48,7 +49,7 @@ public interface UserDao extends Dao<User> {
      * @param pageLink the page link
      * @return the list of user entities
      */
-    List<User> findTenantAdmins(UUID tenantId, TextPageLink pageLink);
+    PageData<User> findTenantAdmins(UUID tenantId, PageLink pageLink);
     
     /**
      * Find customer users by tenantId, customerId and page link.
@@ -58,6 +59,6 @@ public interface UserDao extends Dao<User> {
      * @param pageLink the page link
      * @return the list of user entities
      */
-    List<User> findCustomerUsers(UUID tenantId, UUID customerId, TextPageLink pageLink);
+    PageData<User> findCustomerUsers(UUID tenantId, UUID customerId, PageLink pageLink);
     
 }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/user/UserServiceImpl.java b/dao/src/main/java/org/thingsboard/server/dao/user/UserServiceImpl.java
index 914ba5d3ec..1c69e222fb 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/user/UserServiceImpl.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/user/UserServiceImpl.java
@@ -32,8 +32,8 @@ import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.common.data.id.UserCredentialsId;
 import org.thingsboard.server.common.data.id.UserId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.security.Authority;
 import org.thingsboard.server.common.data.security.UserCredentials;
 import org.thingsboard.server.dao.customer.CustomerDao;
@@ -221,12 +221,11 @@ public class UserServiceImpl extends AbstractEntityService implements UserServic
     }
 
     @Override
-    public TextPageData<User> findTenantAdmins(TenantId tenantId, TextPageLink pageLink) {
+    public PageData<User> findTenantAdmins(TenantId tenantId, PageLink pageLink) {
         log.trace("Executing findTenantAdmins, tenantId [{}], pageLink [{}]", tenantId, pageLink);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
-        validatePageLink(pageLink, "Incorrect page link " + pageLink);
-        List<User> users = userDao.findTenantAdmins(tenantId.getId(), pageLink);
-        return new TextPageData<>(users, pageLink);
+        validatePageLink(pageLink);
+        return userDao.findTenantAdmins(tenantId.getId(), pageLink);
     }
 
     @Override
@@ -237,13 +236,12 @@ public class UserServiceImpl extends AbstractEntityService implements UserServic
     }
 
     @Override
-    public TextPageData<User> findCustomerUsers(TenantId tenantId, CustomerId customerId, TextPageLink pageLink) {
+    public PageData<User> findCustomerUsers(TenantId tenantId, CustomerId customerId, PageLink pageLink) {
         log.trace("Executing findCustomerUsers, tenantId [{}], customerId [{}], pageLink [{}]", tenantId, customerId, pageLink);
         validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
         validateId(customerId, "Incorrect customerId " + customerId);
-        validatePageLink(pageLink, "Incorrect page link " + pageLink);
-        List<User> users = userDao.findCustomerUsers(tenantId.getId(), customerId.getId(), pageLink);
-        return new TextPageData<>(users, pageLink);
+        validatePageLink(pageLink);
+        return userDao.findCustomerUsers(tenantId.getId(), customerId.getId(), pageLink);
     }
 
     @Override
@@ -462,7 +460,7 @@ public class UserServiceImpl extends AbstractEntityService implements UserServic
 
     private PaginatedRemover<TenantId, User> tenantAdminsRemover = new PaginatedRemover<TenantId, User>() {
         @Override
-        protected List<User> findEntities(TenantId tenantId, TenantId id, TextPageLink pageLink) {
+        protected PageData<User> findEntities(TenantId tenantId, TenantId id, PageLink pageLink) {
             return userDao.findTenantAdmins(id.getId(), pageLink);
         }
 
@@ -474,7 +472,7 @@ public class UserServiceImpl extends AbstractEntityService implements UserServic
 
     private PaginatedRemover<CustomerId, User> customerUsersRemover = new PaginatedRemover<CustomerId, User>() {
         @Override
-        protected List<User> findEntities(TenantId tenantId, CustomerId id, TextPageLink pageLink) {
+        protected PageData<User> findEntities(TenantId tenantId, CustomerId id, PageLink pageLink) {
             return userDao.findCustomerUsers(tenantId.getId(), id.getId(), pageLink);
 
         }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/widget/CassandraWidgetTypeDao.java b/dao/src/main/java/org/thingsboard/server/dao/widget/CassandraWidgetTypeDao.java
deleted file mode 100644
index cb4fc83d21..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/widget/CassandraWidgetTypeDao.java
+++ /dev/null
@@ -1,81 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.widget;
-
-import com.datastax.driver.core.querybuilder.Select.Where;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.widget.WidgetType;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.nosql.WidgetTypeEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractModelDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import java.util.List;
-import java.util.UUID;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGET_TYPE_ALIAS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGET_TYPE_BUNDLE_ALIAS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGET_TYPE_BY_TENANT_AND_ALIASES_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGET_TYPE_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGET_TYPE_TENANT_ID_PROPERTY;
-
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraWidgetTypeDao extends CassandraAbstractModelDao<WidgetTypeEntity, WidgetType> implements WidgetTypeDao {
-
-    @Override
-    protected Class<WidgetTypeEntity> getColumnFamilyClass() {
-        return WidgetTypeEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return WIDGET_TYPE_COLUMN_FAMILY_NAME;
-    }
-
-    @Override
-    public List<WidgetType> findWidgetTypesByTenantIdAndBundleAlias(UUID tenantId, String bundleAlias) {
-        log.debug("Try to find widget types by tenantId [{}] and bundleAlias [{}]", tenantId, bundleAlias);
-        Where query = select().from(WIDGET_TYPE_BY_TENANT_AND_ALIASES_COLUMN_FAMILY_NAME)
-                .where()
-                .and(eq(WIDGET_TYPE_TENANT_ID_PROPERTY, tenantId))
-                .and(eq(WIDGET_TYPE_BUNDLE_ALIAS_PROPERTY, bundleAlias));
-        List<WidgetTypeEntity> widgetTypesEntities = findListByStatement(new TenantId(tenantId), query);
-        log.trace("Found widget types [{}] by tenantId [{}] and bundleAlias [{}]", widgetTypesEntities, tenantId, bundleAlias);
-        return DaoUtil.convertDataList(widgetTypesEntities);
-    }
-
-    @Override
-    public WidgetType findByTenantIdBundleAliasAndAlias(UUID tenantId, String bundleAlias, String alias) {
-        log.debug("Try to find widget type by tenantId [{}], bundleAlias [{}] and alias [{}]", tenantId, bundleAlias, alias);
-        Where query = select().from(WIDGET_TYPE_BY_TENANT_AND_ALIASES_COLUMN_FAMILY_NAME)
-                .where()
-                .and(eq(WIDGET_TYPE_TENANT_ID_PROPERTY, tenantId))
-                .and(eq(WIDGET_TYPE_BUNDLE_ALIAS_PROPERTY, bundleAlias))
-                .and(eq(WIDGET_TYPE_ALIAS_PROPERTY, alias));
-        log.trace("Execute query {}", query);
-        WidgetTypeEntity widgetTypeEntity = findOneByStatement(new TenantId(tenantId), query);
-        log.trace("Found widget type [{}] by tenantId [{}], bundleAlias [{}] and alias [{}]",
-                widgetTypeEntity, tenantId, bundleAlias, alias);
-        return DaoUtil.getData(widgetTypeEntity);
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/widget/CassandraWidgetsBundleDao.java b/dao/src/main/java/org/thingsboard/server/dao/widget/CassandraWidgetsBundleDao.java
deleted file mode 100644
index 8d574c17a2..0000000000
--- a/dao/src/main/java/org/thingsboard/server/dao/widget/CassandraWidgetsBundleDao.java
+++ /dev/null
@@ -1,103 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.widget;
-
-import com.datastax.driver.core.querybuilder.Select;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-import org.thingsboard.server.common.data.Tenant;
-import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.common.data.widget.WidgetsBundle;
-import org.thingsboard.server.dao.DaoUtil;
-import org.thingsboard.server.dao.model.nosql.WidgetsBundleEntity;
-import org.thingsboard.server.dao.nosql.CassandraAbstractSearchTextDao;
-import org.thingsboard.server.dao.util.NoSqlDao;
-
-import java.util.Arrays;
-import java.util.List;
-import java.util.UUID;
-
-import static com.datastax.driver.core.querybuilder.QueryBuilder.eq;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.in;
-import static com.datastax.driver.core.querybuilder.QueryBuilder.select;
-import static org.thingsboard.server.dao.model.ModelConstants.NULL_UUID;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGETS_BUNDLE_ALIAS_PROPERTY;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGETS_BUNDLE_BY_TENANT_AND_ALIAS_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGETS_BUNDLE_BY_TENANT_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGETS_BUNDLE_COLUMN_FAMILY_NAME;
-import static org.thingsboard.server.dao.model.ModelConstants.WIDGETS_BUNDLE_TENANT_ID_PROPERTY;
-
-@Component
-@Slf4j
-@NoSqlDao
-public class CassandraWidgetsBundleDao extends CassandraAbstractSearchTextDao<WidgetsBundleEntity, WidgetsBundle> implements WidgetsBundleDao {
-
-    @Override
-    protected Class<WidgetsBundleEntity> getColumnFamilyClass() {
-        return WidgetsBundleEntity.class;
-    }
-
-    @Override
-    protected String getColumnFamilyName() {
-        return WIDGETS_BUNDLE_COLUMN_FAMILY_NAME;
-    }
-
-    @Override
-    public WidgetsBundle findWidgetsBundleByTenantIdAndAlias(UUID tenantId, String alias) {
-        log.debug("Try to find widgets bundle by tenantId [{}] and alias [{}]", tenantId, alias);
-        Select.Where query = select().from(WIDGETS_BUNDLE_BY_TENANT_AND_ALIAS_COLUMN_FAMILY_NAME)
-                .where()
-                .and(eq(WIDGETS_BUNDLE_TENANT_ID_PROPERTY, tenantId))
-                .and(eq(WIDGETS_BUNDLE_ALIAS_PROPERTY, alias));
-        log.trace("Execute query {}", query);
-        WidgetsBundleEntity widgetsBundleEntity = findOneByStatement(new TenantId(tenantId), query);
-        log.trace("Found widgets bundle [{}] by tenantId [{}] and alias [{}]",
-                widgetsBundleEntity, tenantId, alias);
-        return DaoUtil.getData(widgetsBundleEntity);
-    }
-
-    @Override
-    public List<WidgetsBundle> findSystemWidgetsBundles(TenantId tenantId, TextPageLink pageLink) {
-        log.debug("Try to find system widgets bundles by pageLink [{}]", pageLink);
-        List<WidgetsBundleEntity> widgetsBundlesEntities = findPageWithTextSearch(tenantId, WIDGETS_BUNDLE_BY_TENANT_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Arrays.asList(eq(WIDGETS_BUNDLE_TENANT_ID_PROPERTY, NULL_UUID)),
-                pageLink);
-        log.trace("Found system widgets bundles [{}] by pageLink [{}]", widgetsBundlesEntities, pageLink);
-        return DaoUtil.convertDataList(widgetsBundlesEntities);
-    }
-
-    @Override
-    public List<WidgetsBundle> findTenantWidgetsBundlesByTenantId(UUID tenantId, TextPageLink pageLink) {
-        log.debug("Try to find tenant widgets bundles by tenantId [{}] and pageLink [{}]", tenantId, pageLink);
-        List<WidgetsBundleEntity> widgetsBundlesEntities = findPageWithTextSearch(new TenantId(tenantId), WIDGETS_BUNDLE_BY_TENANT_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Arrays.asList(eq(WIDGETS_BUNDLE_TENANT_ID_PROPERTY, tenantId)),
-                pageLink);
-        log.trace("Found tenant widgets bundles [{}] by tenantId [{}] and pageLink [{}]", widgetsBundlesEntities, tenantId, pageLink);
-        return DaoUtil.convertDataList(widgetsBundlesEntities);
-    }
-
-    @Override
-    public List<WidgetsBundle> findAllTenantWidgetsBundlesByTenantId(UUID tenantId, TextPageLink pageLink) {
-        log.debug("Try to find all tenant widgets bundles by tenantId [{}] and pageLink [{}]", tenantId, pageLink);
-        List<WidgetsBundleEntity> widgetsBundlesEntities = findPageWithTextSearch(new TenantId(tenantId), WIDGETS_BUNDLE_BY_TENANT_AND_SEARCH_TEXT_COLUMN_FAMILY_NAME,
-                Arrays.asList(in(WIDGETS_BUNDLE_TENANT_ID_PROPERTY, Arrays.asList(NULL_UUID, tenantId))),
-                pageLink);
-        log.trace("Found all tenant widgets bundles [{}] by tenantId [{}] and pageLink [{}]", widgetsBundlesEntities, tenantId, pageLink);
-        return DaoUtil.convertDataList(widgetsBundlesEntities);
-    }
-
-}
diff --git a/dao/src/main/java/org/thingsboard/server/dao/widget/WidgetsBundleDao.java b/dao/src/main/java/org/thingsboard/server/dao/widget/WidgetsBundleDao.java
index 6de767c687..1cc24a990c 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/widget/WidgetsBundleDao.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/widget/WidgetsBundleDao.java
@@ -16,7 +16,8 @@
 package org.thingsboard.server.dao.widget;
 
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.widget.WidgetsBundle;
 import org.thingsboard.server.dao.Dao;
 
@@ -52,7 +53,7 @@ public interface WidgetsBundleDao extends Dao<WidgetsBundle> {
      * @param pageLink the page link
      * @return the list of widgets bundles objects
      */
-    List<WidgetsBundle> findSystemWidgetsBundles(TenantId tenantId, TextPageLink pageLink);
+    PageData<WidgetsBundle> findSystemWidgetsBundles(TenantId tenantId, PageLink pageLink);
 
     /**
      * Find tenant widgets bundles by tenantId and page link.
@@ -61,7 +62,7 @@ public interface WidgetsBundleDao extends Dao<WidgetsBundle> {
      * @param pageLink the page link
      * @return the list of widgets bundles objects
      */
-    List<WidgetsBundle> findTenantWidgetsBundlesByTenantId(UUID tenantId, TextPageLink pageLink);
+    PageData<WidgetsBundle> findTenantWidgetsBundlesByTenantId(UUID tenantId, PageLink pageLink);
 
     /**
      * Find all tenant widgets bundles (including system) by tenantId and page link.
@@ -70,7 +71,7 @@ public interface WidgetsBundleDao extends Dao<WidgetsBundle> {
      * @param pageLink the page link
      * @return the list of widgets bundles objects
      */
-    List<WidgetsBundle> findAllTenantWidgetsBundlesByTenantId(UUID tenantId, TextPageLink pageLink);
+    PageData<WidgetsBundle> findAllTenantWidgetsBundlesByTenantId(UUID tenantId, PageLink pageLink);
 
 }
 
diff --git a/dao/src/main/java/org/thingsboard/server/dao/widget/WidgetsBundleServiceImpl.java b/dao/src/main/java/org/thingsboard/server/dao/widget/WidgetsBundleServiceImpl.java
index ffdb03ef17..75fea9e3e5 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/widget/WidgetsBundleServiceImpl.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/widget/WidgetsBundleServiceImpl.java
@@ -22,8 +22,8 @@ import org.springframework.stereotype.Service;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.common.data.id.WidgetsBundleId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.widget.WidgetsBundle;
 import org.thingsboard.server.dao.exception.DataValidationException;
 import org.thingsboard.server.dao.exception.IncorrectParameterException;
@@ -88,42 +88,42 @@ public class WidgetsBundleServiceImpl implements WidgetsBundleService {
     }
 
     @Override
-    public TextPageData<WidgetsBundle> findSystemWidgetsBundlesByPageLink(TenantId tenantId, TextPageLink pageLink) {
+    public PageData<WidgetsBundle> findSystemWidgetsBundlesByPageLink(TenantId tenantId, PageLink pageLink) {
         log.trace("Executing findSystemWidgetsBundles, pageLink [{}]", pageLink);
-        Validator.validatePageLink(pageLink, INCORRECT_PAGE_LINK + pageLink);
-        return new TextPageData<>(widgetsBundleDao.findSystemWidgetsBundles(tenantId, pageLink), pageLink);
+        Validator.validatePageLink(pageLink);
+        return widgetsBundleDao.findSystemWidgetsBundles(tenantId, pageLink);
     }
 
     @Override
     public List<WidgetsBundle> findSystemWidgetsBundles(TenantId tenantId) {
         log.trace("Executing findSystemWidgetsBundles");
         List<WidgetsBundle> widgetsBundles = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(DEFAULT_WIDGETS_BUNDLE_LIMIT);
-        TextPageData<WidgetsBundle> pageData;
+        PageLink pageLink = new PageLink(DEFAULT_WIDGETS_BUNDLE_LIMIT);
+        PageData<WidgetsBundle> pageData;
         do {
             pageData = findSystemWidgetsBundlesByPageLink(tenantId, pageLink);
             widgetsBundles.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         return widgetsBundles;
     }
 
     @Override
-    public TextPageData<WidgetsBundle> findTenantWidgetsBundlesByTenantId(TenantId tenantId, TextPageLink pageLink) {
+    public PageData<WidgetsBundle> findTenantWidgetsBundlesByTenantId(TenantId tenantId, PageLink pageLink) {
         log.trace("Executing findTenantWidgetsBundlesByTenantId, tenantId [{}], pageLink [{}]", tenantId, pageLink);
         Validator.validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
-        Validator.validatePageLink(pageLink, INCORRECT_PAGE_LINK + pageLink);
-        return new TextPageData<>(widgetsBundleDao.findTenantWidgetsBundlesByTenantId(tenantId.getId(), pageLink), pageLink);
+        Validator.validatePageLink(pageLink);
+        return widgetsBundleDao.findTenantWidgetsBundlesByTenantId(tenantId.getId(), pageLink);
     }
 
     @Override
-    public TextPageData<WidgetsBundle> findAllTenantWidgetsBundlesByTenantIdAndPageLink(TenantId tenantId, TextPageLink pageLink) {
+    public PageData<WidgetsBundle> findAllTenantWidgetsBundlesByTenantIdAndPageLink(TenantId tenantId, PageLink pageLink) {
         log.trace("Executing findAllTenantWidgetsBundlesByTenantIdAndPageLink, tenantId [{}], pageLink [{}]", tenantId, pageLink);
         Validator.validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
-        Validator.validatePageLink(pageLink, INCORRECT_PAGE_LINK + pageLink);
-        return new TextPageData<>(widgetsBundleDao.findAllTenantWidgetsBundlesByTenantId(tenantId.getId(), pageLink), pageLink);
+        Validator.validatePageLink(pageLink);
+        return widgetsBundleDao.findAllTenantWidgetsBundlesByTenantId(tenantId.getId(), pageLink);
     }
 
     @Override
@@ -131,13 +131,13 @@ public class WidgetsBundleServiceImpl implements WidgetsBundleService {
         log.trace("Executing findAllTenantWidgetsBundlesByTenantId, tenantId [{}]", tenantId);
         Validator.validateId(tenantId, INCORRECT_TENANT_ID + tenantId);
         List<WidgetsBundle> widgetsBundles = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(DEFAULT_WIDGETS_BUNDLE_LIMIT);
-        TextPageData<WidgetsBundle> pageData;
+        PageLink pageLink = new PageLink(DEFAULT_WIDGETS_BUNDLE_LIMIT);
+        PageData<WidgetsBundle> pageData;
         do {
             pageData = findAllTenantWidgetsBundlesByTenantIdAndPageLink(tenantId, pageLink);
             widgetsBundles.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         return widgetsBundles;
@@ -204,7 +204,7 @@ public class WidgetsBundleServiceImpl implements WidgetsBundleService {
             new PaginatedRemover<TenantId, WidgetsBundle>() {
 
                 @Override
-                protected List<WidgetsBundle> findEntities(TenantId tenantId, TenantId id, TextPageLink pageLink) {
+                protected PageData<WidgetsBundle> findEntities(TenantId tenantId, TenantId id, PageLink pageLink) {
                     return widgetsBundleDao.findTenantWidgetsBundlesByTenantId(id.getId(), pageLink);
                 }
 
diff --git a/dao/src/main/resources/cassandra/schema-entities.cql b/dao/src/main/resources/cassandra/schema-entities.cql
deleted file mode 100644
index de2b088cef..0000000000
--- a/dao/src/main/resources/cassandra/schema-entities.cql
+++ /dev/null
@@ -1,717 +0,0 @@
---
--- Copyright © 2016-2020 The Thingsboard Authors
---
--- Licensed under the Apache License, Version 2.0 (the "License");
--- you may not use this file except in compliance with the License.
--- You may obtain a copy of the License at
---
---     http://www.apache.org/licenses/LICENSE-2.0
---
--- Unless required by applicable law or agreed to in writing, software
--- distributed under the License is distributed on an "AS IS" BASIS,
--- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
--- See the License for the specific language governing permissions and
--- limitations under the License.
---
-
-CREATE KEYSPACE IF NOT EXISTS thingsboard
-WITH replication = {
-	'class' : 'SimpleStrategy',
-	'replication_factor' : 1
-};
-
-CREATE TABLE IF NOT EXISTS thingsboard.user (
-	id timeuuid,
-	tenant_id timeuuid,
-	customer_id timeuuid,
-	email text,
-	search_text text,
-	authority text,
-	first_name text,
-	last_name text,
-	additional_info text,
-	PRIMARY KEY (id, tenant_id, customer_id, authority)
-);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.user_by_email AS
-	SELECT *
-	from thingsboard.user
-	WHERE email IS NOT NULL AND tenant_id IS NOT NULL AND customer_id IS NOT NULL AND id IS NOT NULL AND authority IS NOT
-	NULL
-	PRIMARY KEY ( email, tenant_id, customer_id, id, authority );
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.user_by_tenant_and_search_text AS
-	SELECT *
-	from thingsboard.user
-	WHERE tenant_id IS NOT NULL AND customer_id IS NOT NULL AND authority IS NOT NULL AND search_text IS NOT NULL AND id
-	IS NOT NULL
-	PRIMARY KEY ( tenant_id, customer_id, authority, search_text, id )
-	WITH CLUSTERING ORDER BY ( customer_id DESC, authority DESC, search_text ASC, id DESC );
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.user_by_customer_and_search_text AS
-	SELECT *
-	from thingsboard.user
-	WHERE tenant_id IS NOT NULL AND customer_id IS NOT NULL AND authority IS NOT NULL AND search_text IS NOT NULL AND id
-	IS NOT NULL
-	PRIMARY KEY ( customer_id, tenant_id, authority, search_text, id )
-	WITH CLUSTERING ORDER BY ( tenant_id DESC, authority DESC, search_text ASC, id DESC );
-
-CREATE TABLE IF NOT EXISTS thingsboard.user_credentials (
-	id timeuuid PRIMARY KEY,
-	user_id timeuuid,
-	enabled boolean,
-	password text,
-	activate_token text,
-	reset_token text
-);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.user_credentials_by_user AS
-	SELECT *
-	from thingsboard.user_credentials
-	WHERE user_id IS NOT NULL AND id IS NOT NULL
-	PRIMARY KEY ( user_id, id );
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.user_credentials_by_activate_token AS
-	SELECT *
-	from thingsboard.user_credentials
-	WHERE activate_token IS NOT NULL AND id IS NOT NULL
-	PRIMARY KEY ( activate_token, id );
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.user_credentials_by_reset_token AS
-	SELECT *
-	from thingsboard.user_credentials
-	WHERE reset_token IS NOT NULL AND id IS NOT NULL
-	PRIMARY KEY ( reset_token, id );
-
-CREATE TABLE IF NOT EXISTS thingsboard.admin_settings (
-	id timeuuid PRIMARY KEY,
-	key text,
-	json_value text
-);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.admin_settings_by_key AS
-	SELECT *
-	from thingsboard.admin_settings
-	WHERE key IS NOT NULL AND id IS NOT NULL
-	PRIMARY KEY ( key, id )
-	WITH CLUSTERING ORDER BY ( id DESC );
-
-CREATE TABLE IF NOT EXISTS thingsboard.tenant (
-	id timeuuid,
-	title text,
-	search_text text,
-	region text,
-	country text,
-	state text,
-	city text,
-	address text,
-	address2 text,
-	zip text,
-	phone text,
-	email text,
-	additional_info text,
-	PRIMARY KEY (id, region)
-);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.tenant_by_region_and_search_text AS
-	SELECT *
-	from thingsboard.tenant
-	WHERE region IS NOT NULL AND search_text IS NOT NULL AND id IS NOT NULL
-	PRIMARY KEY ( region, search_text, id )
-	WITH CLUSTERING ORDER BY ( search_text ASC, id DESC );
-
-CREATE TABLE IF NOT EXISTS thingsboard.customer (
-	id timeuuid,
-	tenant_id timeuuid,
-	title text,
-	search_text text,
-	country text,
-	state text,
-	city text,
-	address text,
-	address2 text,
-	zip text,
-	phone text,
-	email text,
-	additional_info text,
-	PRIMARY KEY (id, tenant_id)
-);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.customer_by_tenant_and_title AS
-	SELECT *
-	from thingsboard.customer
-	WHERE tenant_id IS NOT NULL AND title IS NOT NULL AND id IS NOT NULL
-	PRIMARY KEY ( tenant_id, title, id )
-	WITH CLUSTERING ORDER BY ( title ASC, id DESC );
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.customer_by_tenant_and_search_text AS
-	SELECT *
-	from thingsboard.customer
-	WHERE tenant_id IS NOT NULL AND search_text IS NOT NULL AND id IS NOT NULL
-	PRIMARY KEY ( tenant_id, search_text, id )
-	WITH CLUSTERING ORDER BY ( search_text ASC, id DESC );
-
-CREATE TABLE IF NOT EXISTS thingsboard.device (
-    id timeuuid,
-    tenant_id timeuuid,
-    customer_id timeuuid,
-    name text,
-    type text,
-    label text,
-    search_text text,
-    additional_info text,
-    PRIMARY KEY (id, tenant_id, customer_id, type)
-);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.device_by_tenant_and_name AS
-    SELECT *
-    from thingsboard.device
-    WHERE tenant_id IS NOT NULL
-      AND customer_id IS NOT NULL
-      AND type IS NOT NULL
-      AND name IS NOT NULL
-      AND id IS NOT NULL
-    PRIMARY KEY ( tenant_id, name, id, customer_id, type)
-    WITH CLUSTERING ORDER BY ( name ASC, id DESC, customer_id DESC);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.device_by_tenant_and_search_text AS
-    SELECT *
-    from thingsboard.device
-    WHERE tenant_id IS NOT NULL
-      AND customer_id IS NOT NULL
-      AND type IS NOT NULL
-      AND search_text IS NOT NULL
-      AND id IS NOT NULL
-    PRIMARY KEY ( tenant_id, search_text, id, customer_id, type)
-    WITH CLUSTERING ORDER BY ( search_text ASC, id DESC, customer_id DESC);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.device_by_tenant_by_type_and_search_text AS
-    SELECT *
-    from thingsboard.device
-    WHERE tenant_id IS NOT NULL
-      AND customer_id IS NOT NULL
-      AND type IS NOT NULL
-      AND search_text IS NOT NULL
-      AND id IS NOT NULL
-    PRIMARY KEY ( tenant_id, type, search_text, id, customer_id)
-    WITH CLUSTERING ORDER BY ( type ASC, search_text ASC, id DESC, customer_id DESC);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.device_by_customer_and_search_text AS
-    SELECT *
-    from thingsboard.device
-    WHERE tenant_id IS NOT NULL
-      AND customer_id IS NOT NULL
-      AND type IS NOT NULL
-      AND search_text IS NOT NULL
-      AND id IS NOT NULL
-    PRIMARY KEY ( customer_id, tenant_id, search_text, id, type )
-    WITH CLUSTERING ORDER BY ( tenant_id DESC, search_text ASC, id DESC );
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.device_by_customer_by_type_and_search_text AS
-    SELECT *
-    from thingsboard.device
-    WHERE tenant_id IS NOT NULL
-      AND customer_id IS NOT NULL
-      AND type IS NOT NULL
-      AND search_text IS NOT NULL
-      AND id IS NOT NULL
-    PRIMARY KEY ( customer_id, tenant_id, type, search_text, id )
-    WITH CLUSTERING ORDER BY ( tenant_id DESC, type ASC, search_text ASC, id DESC );
-
-CREATE TABLE IF NOT EXISTS thingsboard.device_credentials (
-	id timeuuid PRIMARY KEY,
-	device_id timeuuid,
-	credentials_type text,
-	credentials_id text,
-	credentials_value text
-);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.device_credentials_by_device AS
-	SELECT *
-	from thingsboard.device_credentials
-	WHERE device_id IS NOT NULL AND id IS NOT NULL
-	PRIMARY KEY ( device_id, id );
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.device_credentials_by_credentials_id AS
-	SELECT *
-	from thingsboard.device_credentials
-	WHERE credentials_id IS NOT NULL AND id IS NOT NULL
-	PRIMARY KEY ( credentials_id, id );
-
-CREATE TABLE IF NOT EXISTS thingsboard.asset (
-    id timeuuid,
-    tenant_id timeuuid,
-    customer_id timeuuid,
-    name text,
-    type text,
-    label text,
-    search_text text,
-    additional_info text,
-    PRIMARY KEY (id, tenant_id, customer_id, type)
-);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.asset_by_tenant_and_name AS
-    SELECT *
-    from thingsboard.asset
-    WHERE tenant_id IS NOT NULL AND customer_id IS NOT NULL AND type IS NOT NULL AND name IS NOT NULL AND id IS NOT NULL
-    PRIMARY KEY ( tenant_id, name, id, customer_id, type)
-    WITH CLUSTERING ORDER BY ( name ASC, id DESC, customer_id DESC);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.asset_by_tenant_and_search_text AS
-    SELECT *
-    from thingsboard.asset
-    WHERE tenant_id IS NOT NULL AND customer_id IS NOT NULL AND type IS NOT NULL AND search_text IS NOT NULL AND id IS NOT NULL
-    PRIMARY KEY ( tenant_id, search_text, id, customer_id, type)
-    WITH CLUSTERING ORDER BY ( search_text ASC, id DESC, customer_id DESC);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.asset_by_tenant_by_type_and_search_text AS
-    SELECT *
-    from thingsboard.asset
-    WHERE tenant_id IS NOT NULL AND customer_id IS NOT NULL AND type IS NOT NULL AND search_text IS NOT NULL AND id IS NOT NULL
-    PRIMARY KEY ( tenant_id, type, search_text, id, customer_id)
-    WITH CLUSTERING ORDER BY ( type ASC, search_text ASC, id DESC, customer_id DESC);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.asset_by_customer_and_search_text AS
-    SELECT *
-    from thingsboard.asset
-    WHERE tenant_id IS NOT NULL AND customer_id IS NOT NULL AND type IS NOT NULL AND search_text IS NOT NULL AND id IS NOT NULL
-    PRIMARY KEY ( customer_id, tenant_id, search_text, id, type )
-    WITH CLUSTERING ORDER BY ( tenant_id DESC, search_text ASC, id DESC );
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.asset_by_customer_by_type_and_search_text AS
-    SELECT *
-    from thingsboard.asset
-    WHERE tenant_id IS NOT NULL AND customer_id IS NOT NULL AND type IS NOT NULL AND search_text IS NOT NULL AND id IS NOT NULL
-    PRIMARY KEY ( customer_id, tenant_id, type, search_text, id )
-    WITH CLUSTERING ORDER BY ( tenant_id DESC, type ASC, search_text ASC, id DESC );
-
-CREATE TABLE IF NOT EXISTS thingsboard.entity_subtype (
-    tenant_id timeuuid,
-    entity_type text, // (DEVICE, ASSET)
-    type text,
-    PRIMARY KEY (tenant_id, entity_type, type)
-);
-
-CREATE TABLE IF NOT EXISTS thingsboard.alarm (
-	id timeuuid,
-	tenant_id timeuuid,
-	type text,
-	originator_id timeuuid,
-	originator_type text,
-    severity text,
-    status text,
-	start_ts bigint,
-	end_ts bigint,
-	ack_ts bigint,
-	clear_ts bigint,
-	details text,
-	propagate boolean,
-    propagate_relation_types text,
-	PRIMARY KEY ((tenant_id, originator_id, originator_type), type, id)
-) WITH CLUSTERING ORDER BY ( type ASC, id DESC);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.alarm_by_id AS
-    SELECT *
-    from thingsboard.alarm
-    WHERE tenant_id IS NOT NULL AND originator_id IS NOT NULL AND originator_type IS NOT NULL AND type IS NOT NULL
-    AND type IS NOT NULL AND id IS NOT NULL
-    PRIMARY KEY (id, tenant_id, originator_id, originator_type, type)
-    WITH CLUSTERING ORDER BY ( tenant_id ASC, originator_id ASC, originator_type ASC, type ASC);
-
-CREATE TABLE IF NOT EXISTS thingsboard.relation (
-	from_id timeuuid,
-	from_type text,
-	to_id timeuuid,
-	to_type text,
-	relation_type_group text,
-	relation_type text,
-	additional_info text,
-	PRIMARY KEY ((from_id, from_type), relation_type_group, relation_type, to_id, to_type)
-) WITH CLUSTERING ORDER BY ( relation_type_group ASC, relation_type ASC, to_id ASC, to_type ASC);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.relation_by_type_and_child_type AS
-    SELECT *
-    from thingsboard.relation
-    WHERE from_id IS NOT NULL AND from_type IS NOT NULL AND relation_type_group IS NOT NULL AND relation_type IS NOT NULL AND to_id IS NOT NULL AND to_type IS NOT NULL
-    PRIMARY KEY ((from_id, from_type), relation_type_group, relation_type, to_type, to_id)
-    WITH CLUSTERING ORDER BY ( relation_type_group ASC, relation_type ASC, to_type ASC, to_id DESC);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.reverse_relation AS
-    SELECT *
-    from thingsboard.relation
-    WHERE from_id IS NOT NULL AND from_type IS NOT NULL AND relation_type_group IS NOT NULL AND relation_type IS NOT NULL AND to_id IS NOT NULL AND to_type IS NOT NULL
-    PRIMARY KEY ((to_id, to_type), relation_type_group, relation_type, from_id, from_type)
-    WITH CLUSTERING ORDER BY ( relation_type_group ASC, relation_type ASC, from_id ASC, from_type ASC);
-
-CREATE TABLE IF NOT EXISTS thingsboard.widgets_bundle (
-    id timeuuid,
-    tenant_id timeuuid,
-    alias text,
-    title text,
-    search_text text,
-    image blob,
-    PRIMARY KEY (id, tenant_id)
-);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.widgets_bundle_by_tenant_and_search_text AS
-    SELECT *
-    from thingsboard.widgets_bundle
-    WHERE tenant_id IS NOT NULL AND search_text IS NOT NULL AND id IS NOT NULL
-    PRIMARY KEY ( tenant_id, search_text, id )
-    WITH CLUSTERING ORDER BY ( search_text ASC, id DESC );
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.widgets_bundle_by_tenant_and_alias AS
-    SELECT *
-    from thingsboard.widgets_bundle
-    WHERE tenant_id IS NOT NULL AND alias IS NOT NULL AND id IS NOT NULL
-    PRIMARY KEY ( tenant_id, alias, id )
-    WITH CLUSTERING ORDER BY ( alias ASC, id DESC );
-
-CREATE TABLE IF NOT EXISTS thingsboard.widget_type (
-    id timeuuid,
-    tenant_id timeuuid,
-    bundle_alias text,
-    alias text,
-    name text,
-    descriptor text,
-    PRIMARY KEY (id, tenant_id, bundle_alias)
-);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.widget_type_by_tenant_and_aliases AS
-    SELECT *
-    from thingsboard.widget_type
-    WHERE tenant_id IS NOT NULL AND bundle_alias IS NOT NULL AND alias IS NOT NULL AND id IS NOT NULL
-    PRIMARY KEY ( tenant_id, bundle_alias, alias, id )
-    WITH CLUSTERING ORDER BY ( bundle_alias ASC, alias ASC, id DESC );
-
-CREATE TABLE IF NOT EXISTS thingsboard.dashboard (
-	id timeuuid,
-	tenant_id timeuuid,
-	title text,
-	search_text text,
-	assigned_customers text,
-	configuration text,
-	PRIMARY KEY (id, tenant_id)
-);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.dashboard_by_tenant_and_search_text AS
-	SELECT *
-	from thingsboard.dashboard
-	WHERE tenant_id IS NOT NULL AND search_text IS NOT NULL AND id IS NOT NULL
-	PRIMARY KEY ( tenant_id, search_text, id )
-	WITH CLUSTERING ORDER BY ( search_text ASC, id DESC );
-
-CREATE TABLE IF NOT EXISTS thingsboard.attributes_kv_cf (
-    entity_type text, // (DEVICE, CUSTOMER, TENANT)
-    entity_id timeuuid,
-    attribute_type text, // (CLIENT_SIDE, SHARED, SERVER_SIDE)
-    attribute_key text,
-    bool_v boolean,
-    str_v text,
-    long_v bigint,
-    dbl_v double,
-    json_v text,
-    last_update_ts bigint,
-    PRIMARY KEY ((entity_type, entity_id, attribute_type), attribute_key)
-) WITH compaction = { 'class' :  'LeveledCompactionStrategy'  };
-
-CREATE TABLE IF NOT EXISTS  thingsboard.component_descriptor (
-    id timeuuid,
-    type text,
-    scope text,
-    name text,
-    search_text text,
-    clazz text,
-    configuration_descriptor text,
-    actions text,
-    PRIMARY KEY (clazz, id, type, scope)
-);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.component_desc_by_type_search_text AS
-    SELECT *
-    from thingsboard.component_descriptor
-    WHERE type IS NOT NULL AND scope IS NOT NULL AND search_text IS NOT NULL AND id IS NOT NULL AND clazz IS NOT NULL
-    PRIMARY KEY ( type, search_text, id, clazz, scope)
-    WITH CLUSTERING ORDER BY ( search_text DESC);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.component_desc_by_scope_type_search_text AS
-    SELECT *
-    from thingsboard.component_descriptor
-    WHERE type IS NOT NULL AND scope IS NOT NULL AND search_text IS NOT NULL AND id IS NOT NULL AND clazz IS NOT NULL
-    PRIMARY KEY ( (scope, type), search_text, id, clazz)
-    WITH CLUSTERING ORDER BY ( search_text DESC);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.component_desc_by_id AS
-    SELECT *
-    from thingsboard.component_descriptor
-    WHERE type IS NOT NULL AND scope IS NOT NULL AND id IS NOT NULL AND clazz IS NOT NULL
-    PRIMARY KEY ( id, clazz, scope, type )
-    WITH CLUSTERING ORDER BY ( clazz ASC, scope ASC, type DESC);
-
-CREATE TABLE IF NOT EXISTS thingsboard.event (
-	tenant_id timeuuid, // tenant or system
-	id timeuuid,
-	event_type text,
-	event_uid text,
-	entity_type text,
-	entity_id timeuuid,
-	body text,
-	PRIMARY KEY ((tenant_id, entity_type, entity_id), event_type, event_uid)
-);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.event_by_type_and_id AS
-    SELECT *
-    FROM thingsboard.event
-    WHERE tenant_id IS NOT NULL AND entity_type IS NOT NULL AND entity_id IS NOT NULL AND id IS NOT NULL
-    AND event_type IS NOT NULL AND event_uid IS NOT NULL
-    PRIMARY KEY ((tenant_id, entity_type, entity_id), event_type, id, event_uid)
-    WITH CLUSTERING ORDER BY (event_type ASC, id ASC, event_uid ASC);
-
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.event_by_id AS
-    SELECT *
-    FROM thingsboard.event
-    WHERE tenant_id IS NOT NULL AND entity_type IS NOT NULL AND entity_id IS NOT NULL AND id IS NOT NULL
-    AND event_type IS NOT NULL AND event_uid IS NOT NULL
-    PRIMARY KEY ((tenant_id, entity_type, entity_id), id, event_type, event_uid)
-    WITH CLUSTERING ORDER BY (id ASC, event_type ASC, event_uid ASC);
-
-CREATE TABLE IF NOT EXISTS thingsboard.audit_log_by_entity_id (
-  tenant_id timeuuid,
-  id timeuuid,
-  customer_id timeuuid,
-  entity_id timeuuid,
-  entity_type text,
-  entity_name text,
-  user_id timeuuid,
-  user_name text,
-  action_type text,
-  action_data text,
-  action_status text,
-  action_failure_details text,
-  PRIMARY KEY ((tenant_id, entity_id, entity_type), id)
-);
-
-CREATE TABLE IF NOT EXISTS thingsboard.audit_log_by_customer_id (
-  tenant_id timeuuid,
-  id timeuuid,
-  customer_id timeuuid,
-  entity_id timeuuid,
-  entity_type text,
-  entity_name text,
-  user_id timeuuid,
-  user_name text,
-  action_type text,
-  action_data text,
-  action_status text,
-  action_failure_details text,
-  PRIMARY KEY ((tenant_id, customer_id), id)
-);
-
-CREATE TABLE IF NOT EXISTS thingsboard.audit_log_by_user_id (
-  tenant_id timeuuid,
-  id timeuuid,
-  customer_id timeuuid,
-  entity_id timeuuid,
-  entity_type text,
-  entity_name text,
-  user_id timeuuid,
-  user_name text,
-  action_type text,
-  action_data text,
-  action_status text,
-  action_failure_details text,
-  PRIMARY KEY ((tenant_id, user_id), id)
-);
-
-CREATE TABLE IF NOT EXISTS thingsboard.audit_log_by_tenant_id (
-  tenant_id timeuuid,
-  id timeuuid,
-  partition bigint,
-  customer_id timeuuid,
-  entity_id timeuuid,
-  entity_type text,
-  entity_name text,
-  user_id timeuuid,
-  user_name text,
-  action_type text,
-  action_data text,
-  action_status text,
-  action_failure_details text,
-  PRIMARY KEY ((tenant_id, partition), id)
-);
-
-CREATE TABLE IF NOT EXISTS thingsboard.audit_log_by_tenant_id_partitions (
-  tenant_id timeuuid,
-  partition bigint,
-  PRIMARY KEY (( tenant_id ), partition)
-) WITH CLUSTERING ORDER BY ( partition ASC )
-AND compaction = { 'class' :  'LeveledCompactionStrategy'  };
-
-CREATE TABLE IF NOT EXISTS thingsboard.msg_queue (
-    node_id         timeuuid,
-    cluster_partition    bigint,
-    ts_partition       bigint,
-    ts              bigint,
-    msg             blob,
-	PRIMARY KEY ((node_id, cluster_partition, ts_partition), ts))
-WITH CLUSTERING ORDER BY (ts DESC)
-AND compaction = {
-    'class': 'org.apache.cassandra.db.compaction.DateTieredCompactionStrategy',
-    'min_threshold': '5',
-    'base_time_seconds': '43200',
-    'max_window_size_seconds': '43200',
-    'tombstone_threshold': '0.9',
-    'unchecked_tombstone_compaction': 'true'
-};
-
-CREATE TABLE IF NOT EXISTS thingsboard.msg_ack_queue (
-    node_id         timeuuid,
-    cluster_partition    bigint,
-    ts_partition       bigint,
-    msg_id              timeuuid,
-	PRIMARY KEY ((node_id, cluster_partition, ts_partition), msg_id))
-WITH CLUSTERING ORDER BY (msg_id DESC)
-AND compaction = {
-    'class': 'org.apache.cassandra.db.compaction.DateTieredCompactionStrategy',
-    'min_threshold': '5',
-    'base_time_seconds': '43200',
-    'max_window_size_seconds': '43200',
-    'tombstone_threshold': '0.9',
-    'unchecked_tombstone_compaction': 'true'
-};
-
-CREATE TABLE IF NOT EXISTS thingsboard.processed_msg_partitions (
-    node_id         timeuuid,
-    cluster_partition    bigint,
-    ts_partition       bigint,
-	PRIMARY KEY ((node_id, cluster_partition), ts_partition))
-WITH CLUSTERING ORDER BY (ts_partition DESC)
-AND compaction = {
-    'class': 'org.apache.cassandra.db.compaction.DateTieredCompactionStrategy',
-    'min_threshold': '5',
-    'base_time_seconds': '43200',
-    'max_window_size_seconds': '43200',
-    'tombstone_threshold': '0.9',
-    'unchecked_tombstone_compaction': 'true'
-};
-
-CREATE TABLE IF NOT EXISTS  thingsboard.rule_chain (
-    id uuid,
-    tenant_id uuid,
-    name text,
-    search_text text,
-    first_rule_node_id uuid,
-    root boolean,
-    debug_mode boolean,
-    configuration text,
-    additional_info text,
-    PRIMARY KEY (id, tenant_id)
-);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.rule_chain_by_tenant_and_search_text AS
-    SELECT *
-    from thingsboard.rule_chain
-    WHERE tenant_id IS NOT NULL AND search_text IS NOT NULL AND id IS NOT NULL
-    PRIMARY KEY ( tenant_id, search_text, id )
-    WITH CLUSTERING ORDER BY ( search_text ASC, id DESC );
-
-CREATE TABLE IF NOT EXISTS  thingsboard.rule_node (
-    id uuid,
-    rule_chain_id uuid,
-    type text,
-    name text,
-    debug_mode boolean,
-    search_text text,
-    configuration text,
-    additional_info text,
-    PRIMARY KEY (id)
-);
-
-CREATE TABLE IF NOT EXISTS thingsboard.entity_view (
-    id timeuuid,
-    entity_id timeuuid,
-    entity_type text,
-    tenant_id timeuuid,
-    customer_id timeuuid,
-    name text,
-    type text,
-    keys text,
-    start_ts bigint,
-    end_ts bigint,
-    search_text text,
-    additional_info text,
-    PRIMARY KEY (id, entity_id, tenant_id, customer_id, type)
-);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.entity_view_by_tenant_and_name AS
-    SELECT *
-    from thingsboard.entity_view
-    WHERE tenant_id IS NOT NULL
-      AND entity_id IS NOT NULL
-      AND customer_id IS NOT NULL
-      AND type IS NOT NULL
-      AND name IS NOT NULL
-      AND id IS NOT NULL
-    PRIMARY KEY (tenant_id, name, id, customer_id, entity_id, type)
-    WITH CLUSTERING ORDER BY (name ASC, id DESC, customer_id DESC);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.entity_view_by_tenant_and_search_text AS
-    SELECT *
-    from thingsboard.entity_view
-    WHERE tenant_id IS NOT NULL
-      AND entity_id IS NOT NULL
-      AND customer_id IS NOT NULL
-      AND type IS NOT NULL
-      AND search_text IS NOT NULL
-      AND id IS NOT NULL
-    PRIMARY KEY (tenant_id, search_text, id, customer_id, entity_id, type)
-    WITH CLUSTERING ORDER BY (search_text ASC, id DESC, customer_id DESC);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.entity_view_by_tenant_by_type_and_search_text AS
-    SELECT *
-    from thingsboard.entity_view
-    WHERE tenant_id IS NOT NULL
-      AND entity_id IS NOT NULL
-      AND customer_id IS NOT NULL
-      AND type IS NOT NULL
-      AND search_text IS NOT NULL
-      AND id IS NOT NULL
-    PRIMARY KEY (tenant_id, type, search_text, id, customer_id, entity_id)
-    WITH CLUSTERING ORDER BY (type ASC, search_text ASC, id DESC, customer_id DESC);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.entity_view_by_tenant_and_customer AS
-    SELECT *
-    from thingsboard.entity_view
-    WHERE tenant_id IS NOT NULL
-      AND customer_id IS NOT NULL
-      AND entity_id IS NOT NULL
-      AND type IS NOT NULL
-      AND search_text IS NOT NULL
-      AND id IS NOT NULL
-    PRIMARY KEY (tenant_id, customer_id, search_text, id, entity_id, type)
-    WITH CLUSTERING ORDER BY (customer_id DESC, search_text ASC, id DESC);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.entity_view_by_tenant_and_customer_and_type AS
-    SELECT *
-    from thingsboard.entity_view
-    WHERE tenant_id IS NOT NULL
-      AND customer_id IS NOT NULL
-      AND entity_id IS NOT NULL
-      AND type IS NOT NULL
-      AND search_text IS NOT NULL
-      AND id IS NOT NULL
-    PRIMARY KEY (tenant_id, type, customer_id, search_text, id, entity_id)
-    WITH CLUSTERING ORDER BY (type ASC, customer_id DESC, search_text ASC, id DESC);
-
-CREATE MATERIALIZED VIEW IF NOT EXISTS thingsboard.entity_view_by_tenant_and_entity_id AS
-    SELECT *
-    from thingsboard.entity_view
-    WHERE tenant_id IS NOT NULL
-      AND customer_id IS NOT NULL
-      AND entity_id IS NOT NULL
-      AND type IS NOT NULL
-      AND search_text IS NOT NULL
-      AND id IS NOT NULL
-    PRIMARY KEY (tenant_id, entity_id, customer_id, search_text, id, type)
-    WITH CLUSTERING ORDER BY (entity_id DESC, customer_id DESC, search_text ASC, id DESC);
diff --git a/dao/src/main/resources/cassandra/system-data.cql b/dao/src/main/resources/cassandra/system-data.cql
deleted file mode 100644
index 96446449f3..0000000000
--- a/dao/src/main/resources/cassandra/system-data.cql
+++ /dev/null
@@ -1,45 +0,0 @@
---
--- Copyright © 2016-2020 The Thingsboard Authors
---
--- Licensed under the Apache License, Version 2.0 (the "License");
--- you may not use this file except in compliance with the License.
--- You may obtain a copy of the License at
---
---     http://www.apache.org/licenses/LICENSE-2.0
---
--- Unless required by applicable law or agreed to in writing, software
--- distributed under the License is distributed on an "AS IS" BASIS,
--- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
--- See the License for the specific language governing permissions and
--- limitations under the License.
---
-
-/** SYSTEM **/
-
-/** System admin **/
-INSERT INTO thingsboard.user ( id, tenant_id, customer_id, email, search_text, authority )
-VALUES ( minTimeuuid ( '2016-11-01 01:01:01+0000' ), minTimeuuid ( 0 ), minTimeuuid ( 0 ), 'sysadmin@thingsboard.org',
-'sysadmin@thingsboard.org', 'SYS_ADMIN' );
-
-INSERT INTO thingsboard.user_credentials ( id, user_id, enabled, password )
-VALUES ( now ( ), minTimeuuid ( '2016-11-01 01:01:01+0000' ), true,
-'$2a$10$5JTB8/hxWc9WAy62nCGSxeefl3KWmipA9nFpVdDa0/xfIseeBB4Bu' );
-
-/** System settings **/
-INSERT INTO thingsboard.admin_settings ( id, key, json_value )
-VALUES ( now ( ), 'general', '{
-	"baseUrl": "http://localhost:8080"
-}' );
-
-INSERT INTO thingsboard.admin_settings ( id, key, json_value )
-VALUES ( now ( ), 'mail', '{
-	"mailFrom": "Thingsboard <sysadmin@localhost.localdomain>",
-	"smtpProtocol": "smtp",
-	"smtpHost": "localhost",
-	"smtpPort": "25",
-	"timeout": "10000",
-	"enableTls": false,
-	"tlsVersion": "TLSv1.2",
-	"username": "",
-	"password": ""
-}' );
\ No newline at end of file
diff --git a/dao/src/test/java/org/thingsboard/server/dao/CustomCassandraCQLUnit.java b/dao/src/test/java/org/thingsboard/server/dao/CustomCassandraCQLUnit.java
index 6a14117e8a..b3cdec4192 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/CustomCassandraCQLUnit.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/CustomCassandraCQLUnit.java
@@ -73,6 +73,7 @@ public class CustomCassandraCQLUnit extends BaseCassandraUnit {
         CQLDataLoader dataLoader = new CQLDataLoader(session);
         dataSets.forEach(dataLoader::load);
         session = dataLoader.getSession();
+        System.setSecurityManager(null);
     }
 
     @Override
diff --git a/dao/src/test/java/org/thingsboard/server/dao/NoSqlDaoServiceTestSuite.java b/dao/src/test/java/org/thingsboard/server/dao/NoSqlDaoServiceTestSuite.java
index f00c000505..48af5c4eb8 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/NoSqlDaoServiceTestSuite.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/NoSqlDaoServiceTestSuite.java
@@ -29,14 +29,19 @@ import java.util.Arrays;
 })
 public class NoSqlDaoServiceTestSuite {
 
+    @ClassRule
+    public static CustomSqlUnit sqlUnit = new CustomSqlUnit(
+            Arrays.asList("sql/schema-entities-hsql.sql", "sql/schema-entities-idx.sql", "sql/system-data.sql", "sql/system-test.sql"),
+            "sql/drop-all-tables.sql",
+            "nosql-test.properties"
+    );
+
     @ClassRule
     public static CustomCassandraCQLUnit cassandraUnit =
             new CustomCassandraCQLUnit(
                     Arrays.asList(
-                            new ClassPathCQLDataSet("cassandra/schema-ts.cql", false, false),
-                            new ClassPathCQLDataSet("cassandra/schema-entities.cql", false, false),
-                            new ClassPathCQLDataSet("cassandra/system-data.cql", false, false),
-                            new ClassPathCQLDataSet("cassandra/system-test.cql", false, false)),
+                            new ClassPathCQLDataSet("cassandra/schema-ts.cql", false, false)
+                    ),
                     "cassandra-test.yaml", 30000L);
 
 }
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/BaseAlarmServiceTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/BaseAlarmServiceTest.java
index 0ec919eed0..6a994eda1a 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/BaseAlarmServiceTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/service/BaseAlarmServiceTest.java
@@ -28,7 +28,8 @@ import org.thingsboard.server.common.data.alarm.AlarmSeverity;
 import org.thingsboard.server.common.data.alarm.AlarmStatus;
 import org.thingsboard.server.common.data.id.AssetId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.SortOrder;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.common.data.relation.EntityRelation;
 import org.thingsboard.server.common.data.relation.RelationTypeGroup;
@@ -112,10 +113,11 @@ public abstract class BaseAlarmServiceTest extends AbstractServiceTest {
         Alarm created = alarmService.createOrUpdateAlarm(alarm);
 
         // Check child relation
-        TimePageData<AlarmInfo> alarms = alarmService.findAlarms(tenantId, AlarmQuery.builder()
+        PageData<AlarmInfo> alarms = alarmService.findAlarms(tenantId, AlarmQuery.builder()
                 .affectedEntityId(childId)
                 .status(AlarmStatus.ACTIVE_UNACK).pageLink(
-                        new TimePageLink(1, 0L, System.currentTimeMillis(), false)
+                        new TimePageLink(1, 0, "",
+                                new SortOrder("createdTime", SortOrder.Direction.DESC), 0L, System.currentTimeMillis())
                 ).build()).get();
         Assert.assertNotNull(alarms.getData());
         Assert.assertEquals(1, alarms.getData().size());
@@ -125,7 +127,8 @@ public abstract class BaseAlarmServiceTest extends AbstractServiceTest {
         alarms = alarmService.findAlarms(tenantId, AlarmQuery.builder()
                 .affectedEntityId(parentId)
                 .status(AlarmStatus.ACTIVE_UNACK).pageLink(
-                        new TimePageLink(1, 0L, System.currentTimeMillis(), false)
+                        new TimePageLink(1, 0, "",
+                                new SortOrder("createdTime", SortOrder.Direction.DESC), 0L, System.currentTimeMillis())
                 ).build()).get();
         Assert.assertNotNull(alarms.getData());
         Assert.assertEquals(0, alarms.getData().size());
@@ -137,7 +140,8 @@ public abstract class BaseAlarmServiceTest extends AbstractServiceTest {
         alarms = alarmService.findAlarms(tenantId, AlarmQuery.builder()
                 .affectedEntityId(childId)
                 .status(AlarmStatus.ACTIVE_UNACK).pageLink(
-                        new TimePageLink(1, 0L, System.currentTimeMillis(), false)
+                        new TimePageLink(1, 0, "",
+                                new SortOrder("createdTime", SortOrder.Direction.DESC), 0L, System.currentTimeMillis())
                 ).build()).get();
         Assert.assertNotNull(alarms.getData());
         Assert.assertEquals(1, alarms.getData().size());
@@ -147,7 +151,8 @@ public abstract class BaseAlarmServiceTest extends AbstractServiceTest {
         alarms = alarmService.findAlarms(tenantId, AlarmQuery.builder()
                 .affectedEntityId(parentId)
                 .status(AlarmStatus.ACTIVE_UNACK).pageLink(
-                        new TimePageLink(1, 0L, System.currentTimeMillis(), false)
+                        new TimePageLink(1, 0, "",
+                                new SortOrder("createdTime", SortOrder.Direction.DESC), 0L, System.currentTimeMillis())
                 ).build()).get();
         Assert.assertNotNull(alarms.getData());
         Assert.assertEquals(1, alarms.getData().size());
@@ -159,7 +164,8 @@ public abstract class BaseAlarmServiceTest extends AbstractServiceTest {
         alarms = alarmService.findAlarms(tenantId, AlarmQuery.builder()
                 .affectedEntityId(childId)
                 .status(AlarmStatus.ACTIVE_ACK).pageLink(
-                        new TimePageLink(1, 0L, System.currentTimeMillis(), false)
+                        new TimePageLink(1, 0, "",
+                                new SortOrder("createdTime", SortOrder.Direction.DESC), 0L, System.currentTimeMillis())
                 ).build()).get();
         Assert.assertNotNull(alarms.getData());
         Assert.assertEquals(1, alarms.getData().size());
@@ -169,7 +175,8 @@ public abstract class BaseAlarmServiceTest extends AbstractServiceTest {
         alarms = alarmService.findAlarms(tenantId, AlarmQuery.builder()
                 .affectedEntityId(childId)
                 .status(AlarmStatus.ACTIVE_UNACK).pageLink(
-                        new TimePageLink(1, 0L, System.currentTimeMillis(), false)
+                        new TimePageLink(1, 0, "",
+                                new SortOrder("createdTime", SortOrder.Direction.DESC), 0L, System.currentTimeMillis())
                 ).build()).get();
         Assert.assertNotNull(alarms.getData());
         Assert.assertEquals(0, alarms.getData().size());
@@ -180,7 +187,8 @@ public abstract class BaseAlarmServiceTest extends AbstractServiceTest {
         alarms = alarmService.findAlarms(tenantId, AlarmQuery.builder()
                 .affectedEntityId(childId)
                 .status(AlarmStatus.CLEARED_ACK).pageLink(
-                        new TimePageLink(1, 0L, System.currentTimeMillis(), false)
+                        new TimePageLink(1, 0, "",
+                                new SortOrder("createdTime", SortOrder.Direction.DESC), 0L, System.currentTimeMillis())
                 ).build()).get();
         Assert.assertNotNull(alarms.getData());
         Assert.assertEquals(1, alarms.getData().size());
@@ -205,10 +213,11 @@ public abstract class BaseAlarmServiceTest extends AbstractServiceTest {
 
         Alarm created = alarmService.createOrUpdateAlarm(alarm);
 
-        TimePageData<AlarmInfo> alarms = alarmService.findAlarms(tenantId, AlarmQuery.builder()
+        PageData<AlarmInfo> alarms = alarmService.findAlarms(tenantId, AlarmQuery.builder()
                 .affectedEntityId(childId)
                 .status(AlarmStatus.ACTIVE_UNACK).pageLink(
-                        new TimePageLink(1, 0L, System.currentTimeMillis(), false)
+                        new TimePageLink(1, 0, "",
+                                new SortOrder("createdTime", SortOrder.Direction.DESC), 0L, System.currentTimeMillis())
                 ).build()).get();
         Assert.assertNotNull(alarms.getData());
         Assert.assertEquals(1, alarms.getData().size());
@@ -218,7 +227,8 @@ public abstract class BaseAlarmServiceTest extends AbstractServiceTest {
         alarms = alarmService.findAlarms(tenantId, AlarmQuery.builder()
                 .affectedEntityId(parentId)
                 .status(AlarmStatus.ACTIVE_UNACK).pageLink(
-                        new TimePageLink(1, 0L, System.currentTimeMillis(), false)
+                        new TimePageLink(1, 0, "",
+                                new SortOrder("createdTime", SortOrder.Direction.DESC), 0L, System.currentTimeMillis())
                 ).build()).get();
         Assert.assertNotNull(alarms.getData());
         Assert.assertEquals(1, alarms.getData().size());
@@ -243,7 +253,8 @@ public abstract class BaseAlarmServiceTest extends AbstractServiceTest {
         alarms = alarmService.findAlarms(tenantId, AlarmQuery.builder()
                 .affectedEntityId(childId)
                 .status(AlarmStatus.ACTIVE_UNACK).pageLink(
-                        new TimePageLink(1, 0L, System.currentTimeMillis(), false)
+                        new TimePageLink(1, 0, "",
+                                new SortOrder("createdTime", SortOrder.Direction.DESC), 0L, System.currentTimeMillis())
                 ).build()).get();
         Assert.assertNotNull(alarms.getData());
         Assert.assertEquals(0, alarms.getData().size());
@@ -252,7 +263,8 @@ public abstract class BaseAlarmServiceTest extends AbstractServiceTest {
         alarms = alarmService.findAlarms(tenantId, AlarmQuery.builder()
                 .affectedEntityId(parentId)
                 .status(AlarmStatus.ACTIVE_UNACK).pageLink(
-                        new TimePageLink(1, 0L, System.currentTimeMillis(), false)
+                        new TimePageLink(1, 0, "",
+                                new SortOrder("createdTime", SortOrder.Direction.DESC), 0L, System.currentTimeMillis())
                 ).build()).get();
         Assert.assertNotNull(alarms.getData());
         Assert.assertEquals(0, alarms.getData().size());
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/BaseAssetServiceTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/BaseAssetServiceTest.java
index 01fddfb987..d3819e48d5 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/BaseAssetServiceTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/service/BaseAssetServiceTest.java
@@ -25,10 +25,11 @@ import org.thingsboard.server.common.data.Customer;
 import org.thingsboard.server.common.data.EntitySubtype;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.asset.Asset;
+import org.thingsboard.server.common.data.asset.AssetInfo;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.exception.DataValidationException;
 
 import java.util.ArrayList;
@@ -224,13 +225,13 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
         }
 
         List<Asset> loadedAssets = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(23);
-        TextPageData<Asset> pageData = null;
+        PageLink pageLink = new PageLink(23);
+        PageData<Asset> pageData = null;
         do {
             pageData = assetService.findAssetsByTenantId(tenantId, pageLink);
             loadedAssets.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -241,7 +242,7 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
 
         assetService.deleteAssetsByTenantId(tenantId);
 
-        pageLink = new TextPageLink(33);
+        pageLink = new PageLink(33);
         pageData = assetService.findAssetsByTenantId(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertTrue(pageData.getData().isEmpty());
@@ -252,7 +253,7 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
     @Test
     public void testFindAssetsByTenantIdAndName() {
         String title1 = "Asset title 1";
-        List<Asset> assetsTitle1 = new ArrayList<>();
+        List<AssetInfo> assetsTitle1 = new ArrayList<>();
         for (int i=0;i<143;i++) {
             Asset asset = new Asset();
             asset.setTenantId(tenantId);
@@ -261,10 +262,10 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
             name = i % 2 == 0 ? name.toLowerCase() : name.toUpperCase();
             asset.setName(name);
             asset.setType("default");
-            assetsTitle1.add(assetService.saveAsset(asset));
+            assetsTitle1.add(new AssetInfo(assetService.saveAsset(asset), null, false));
         }
         String title2 = "Asset title 2";
-        List<Asset> assetsTitle2 = new ArrayList<>();
+        List<AssetInfo> assetsTitle2 = new ArrayList<>();
         for (int i=0;i<175;i++) {
             Asset asset = new Asset();
             asset.setTenantId(tenantId);
@@ -273,17 +274,17 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
             name = i % 2 == 0 ? name.toLowerCase() : name.toUpperCase();
             asset.setName(name);
             asset.setType("default");
-            assetsTitle2.add(assetService.saveAsset(asset));
+            assetsTitle2.add(new AssetInfo(assetService.saveAsset(asset), null, false));
         }
 
-        List<Asset> loadedAssetsTitle1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15, title1);
-        TextPageData<Asset> pageData = null;
+        List<AssetInfo> loadedAssetsTitle1 = new ArrayList<>();
+        PageLink pageLink = new PageLink(15, 0, title1);
+        PageData<AssetInfo> pageData = null;
         do {
-            pageData = assetService.findAssetsByTenantId(tenantId, pageLink);
+            pageData = assetService.findAssetInfosByTenantId(tenantId, pageLink);
             loadedAssetsTitle1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -292,13 +293,13 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
 
         Assert.assertEquals(assetsTitle1, loadedAssetsTitle1);
 
-        List<Asset> loadedAssetsTitle2 = new ArrayList<>();
-        pageLink = new TextPageLink(4, title2);
+        List<AssetInfo> loadedAssetsTitle2 = new ArrayList<>();
+        pageLink = new PageLink(4, 0, title2);
         do {
-            pageData = assetService.findAssetsByTenantId(tenantId, pageLink);
+            pageData = assetService.findAssetInfosByTenantId(tenantId, pageLink);
             loadedAssetsTitle2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -311,8 +312,8 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
             assetService.deleteAsset(tenantId, asset.getId());
         }
 
-        pageLink = new TextPageLink(4, title1);
-        pageData = assetService.findAssetsByTenantId(tenantId, pageLink);
+        pageLink = new PageLink(4, 0, title1);
+        pageData = assetService.findAssetInfosByTenantId(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
 
@@ -320,8 +321,8 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
             assetService.deleteAsset(tenantId, asset.getId());
         }
 
-        pageLink = new TextPageLink(4, title2);
-        pageData = assetService.findAssetsByTenantId(tenantId, pageLink);
+        pageLink = new PageLink(4, 0, title2);
+        pageData = assetService.findAssetInfosByTenantId(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
     }
@@ -356,13 +357,13 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
         }
 
         List<Asset> loadedAssetsType1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15);
-        TextPageData<Asset> pageData = null;
+        PageLink pageLink = new PageLink(15);
+        PageData<Asset> pageData = null;
         do {
             pageData = assetService.findAssetsByTenantIdAndType(tenantId, type1, pageLink);
             loadedAssetsType1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -372,12 +373,12 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
         Assert.assertEquals(assetsType1, loadedAssetsType1);
 
         List<Asset> loadedAssetsType2 = new ArrayList<>();
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         do {
             pageData = assetService.findAssetsByTenantIdAndType(tenantId, type2, pageLink);
             loadedAssetsType2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -390,7 +391,7 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
             assetService.deleteAsset(tenantId, asset.getId());
         }
 
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         pageData = assetService.findAssetsByTenantIdAndType(tenantId, type1, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -399,7 +400,7 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
             assetService.deleteAsset(tenantId, asset.getId());
         }
 
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         pageData = assetService.findAssetsByTenantIdAndType(tenantId, type2, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -419,24 +420,24 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
         customer = customerService.saveCustomer(customer);
         CustomerId customerId = customer.getId();
 
-        List<Asset> assets = new ArrayList<>();
+        List<AssetInfo> assets = new ArrayList<>();
         for (int i=0;i<278;i++) {
             Asset asset = new Asset();
             asset.setTenantId(tenantId);
             asset.setName("Asset"+i);
             asset.setType("default");
             asset = assetService.saveAsset(asset);
-            assets.add(assetService.assignAssetToCustomer(tenantId, asset.getId(), customerId));
+            assets.add(new AssetInfo(assetService.assignAssetToCustomer(tenantId, asset.getId(), customerId), customer.getTitle(), customer.isPublic()));
         }
 
-        List<Asset> loadedAssets = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(23);
-        TextPageData<Asset> pageData = null;
+        List<AssetInfo> loadedAssets = new ArrayList<>();
+        PageLink pageLink = new PageLink(23);
+        PageData<AssetInfo> pageData = null;
         do {
-            pageData = assetService.findAssetsByTenantIdAndCustomerId(tenantId, customerId, pageLink);
+            pageData = assetService.findAssetInfosByTenantIdAndCustomerId(tenantId, customerId, pageLink);
             loadedAssets.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -447,8 +448,8 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
 
         assetService.unassignCustomerAssets(tenantId, customerId);
 
-        pageLink = new TextPageLink(33);
-        pageData = assetService.findAssetsByTenantIdAndCustomerId(tenantId, customerId, pageLink);
+        pageLink = new PageLink(33);
+        pageData = assetService.findAssetInfosByTenantIdAndCustomerId(tenantId, customerId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertTrue(pageData.getData().isEmpty());
 
@@ -492,13 +493,13 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
         }
 
         List<Asset> loadedAssetsTitle1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15, title1);
-        TextPageData<Asset> pageData = null;
+        PageLink pageLink = new PageLink(15, 0, title1);
+        PageData<Asset> pageData = null;
         do {
             pageData = assetService.findAssetsByTenantIdAndCustomerId(tenantId, customerId, pageLink);
             loadedAssetsTitle1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -508,12 +509,12 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
         Assert.assertEquals(assetsTitle1, loadedAssetsTitle1);
 
         List<Asset> loadedAssetsTitle2 = new ArrayList<>();
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         do {
             pageData = assetService.findAssetsByTenantIdAndCustomerId(tenantId, customerId, pageLink);
             loadedAssetsTitle2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -526,7 +527,7 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
             assetService.deleteAsset(tenantId, asset.getId());
         }
 
-        pageLink = new TextPageLink(4, title1);
+        pageLink = new PageLink(4, 0, title1);
         pageData = assetService.findAssetsByTenantIdAndCustomerId(tenantId, customerId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -535,7 +536,7 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
             assetService.deleteAsset(tenantId, asset.getId());
         }
 
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         pageData = assetService.findAssetsByTenantIdAndCustomerId(tenantId, customerId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -581,13 +582,13 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
         }
 
         List<Asset> loadedAssetsType1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15);
-        TextPageData<Asset> pageData = null;
+        PageLink pageLink = new PageLink(15);
+        PageData<Asset> pageData = null;
         do {
             pageData = assetService.findAssetsByTenantIdAndCustomerIdAndType(tenantId, customerId, type1, pageLink);
             loadedAssetsType1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -597,12 +598,12 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
         Assert.assertEquals(assetsType1, loadedAssetsType1);
 
         List<Asset> loadedAssetsType2 = new ArrayList<>();
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         do {
             pageData = assetService.findAssetsByTenantIdAndCustomerIdAndType(tenantId, customerId, type2, pageLink);
             loadedAssetsType2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -615,7 +616,7 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
             assetService.deleteAsset(tenantId, asset.getId());
         }
 
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         pageData = assetService.findAssetsByTenantIdAndCustomerIdAndType(tenantId, customerId, type1, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -624,7 +625,7 @@ public abstract class BaseAssetServiceTest extends AbstractServiceTest {
             assetService.deleteAsset(tenantId, asset.getId());
         }
 
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         pageData = assetService.findAssetsByTenantIdAndCustomerIdAndType(tenantId, customerId, type2, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/BaseCustomerServiceTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/BaseCustomerServiceTest.java
index 18db6ee744..a830920791 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/BaseCustomerServiceTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/service/BaseCustomerServiceTest.java
@@ -24,8 +24,8 @@ import org.junit.Test;
 import org.thingsboard.server.common.data.Customer;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.exception.DataValidationException;
 
 import java.util.ArrayList;
@@ -146,13 +146,13 @@ public abstract class BaseCustomerServiceTest extends AbstractServiceTest {
         }
 
         List<Customer> loadedCustomers = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(23);
-        TextPageData<Customer> pageData = null;
+        PageLink pageLink = new PageLink(23);
+        PageData<Customer> pageData = null;
         do {
             pageData = customerService.findCustomersByTenantId(tenantId, pageLink);
             loadedCustomers.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -163,7 +163,7 @@ public abstract class BaseCustomerServiceTest extends AbstractServiceTest {
 
         customerService.deleteCustomersByTenantId(tenantId);
 
-        pageLink = new TextPageLink(33);
+        pageLink = new PageLink(33);
         pageData = customerService.findCustomersByTenantId(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertTrue(pageData.getData().isEmpty());
@@ -197,13 +197,13 @@ public abstract class BaseCustomerServiceTest extends AbstractServiceTest {
         }
 
         List<Customer> loadedCustomersTitle1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15, title1);
-        TextPageData<Customer> pageData = null;
+        PageLink pageLink = new PageLink(15, 0, title1);
+        PageData<Customer> pageData = null;
         do {
             pageData = customerService.findCustomersByTenantId(tenantId, pageLink);
             loadedCustomersTitle1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -213,12 +213,12 @@ public abstract class BaseCustomerServiceTest extends AbstractServiceTest {
         Assert.assertEquals(customersTitle1, loadedCustomersTitle1);
 
         List<Customer> loadedCustomersTitle2 = new ArrayList<>();
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         do {
             pageData = customerService.findCustomersByTenantId(tenantId, pageLink);
             loadedCustomersTitle2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -231,7 +231,7 @@ public abstract class BaseCustomerServiceTest extends AbstractServiceTest {
             customerService.deleteCustomer(tenantId, customer.getId());
         }
 
-        pageLink = new TextPageLink(4, title1);
+        pageLink = new PageLink(4, 0, title1);
         pageData = customerService.findCustomersByTenantId(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -240,7 +240,7 @@ public abstract class BaseCustomerServiceTest extends AbstractServiceTest {
             customerService.deleteCustomer(tenantId, customer.getId());
         }
 
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         pageData = customerService.findCustomersByTenantId(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/BaseDashboardServiceTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/BaseDashboardServiceTest.java
index 93d7cea37c..33adbdf848 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/BaseDashboardServiceTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/service/BaseDashboardServiceTest.java
@@ -27,9 +27,8 @@ import org.thingsboard.server.common.data.DashboardInfo;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.dao.exception.DataValidationException;
 
@@ -179,13 +178,13 @@ public abstract class BaseDashboardServiceTest extends AbstractServiceTest {
         }
         
         List<DashboardInfo> loadedDashboards = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(16);
-        TextPageData<DashboardInfo> pageData = null;
+        PageLink pageLink = new PageLink(16);
+        PageData<DashboardInfo> pageData = null;
         do {
             pageData = dashboardService.findDashboardsByTenantId(tenantId, pageLink);
             loadedDashboards.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -196,7 +195,7 @@ public abstract class BaseDashboardServiceTest extends AbstractServiceTest {
         
         dashboardService.deleteDashboardsByTenantId(tenantId);
 
-        pageLink = new TextPageLink(31);
+        pageLink = new PageLink(31);
         pageData = dashboardService.findDashboardsByTenantId(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertTrue(pageData.getData().isEmpty());
@@ -230,13 +229,13 @@ public abstract class BaseDashboardServiceTest extends AbstractServiceTest {
         }
         
         List<DashboardInfo> loadedDashboardsTitle1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(19, title1);
-        TextPageData<DashboardInfo> pageData = null;
+        PageLink pageLink = new PageLink(19, 0, title1);
+        PageData<DashboardInfo> pageData = null;
         do {
             pageData = dashboardService.findDashboardsByTenantId(tenantId, pageLink);
             loadedDashboardsTitle1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -246,12 +245,12 @@ public abstract class BaseDashboardServiceTest extends AbstractServiceTest {
         Assert.assertEquals(dashboardsTitle1, loadedDashboardsTitle1);
         
         List<DashboardInfo> loadedDashboardsTitle2 = new ArrayList<>();
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         do {
             pageData = dashboardService.findDashboardsByTenantId(tenantId, pageLink);
             loadedDashboardsTitle2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -264,7 +263,7 @@ public abstract class BaseDashboardServiceTest extends AbstractServiceTest {
             dashboardService.deleteDashboard(tenantId, dashboard.getId());
         }
         
-        pageLink = new TextPageLink(4, title1);
+        pageLink = new PageLink(4, 0, title1);
         pageData = dashboardService.findDashboardsByTenantId(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -273,7 +272,7 @@ public abstract class BaseDashboardServiceTest extends AbstractServiceTest {
             dashboardService.deleteDashboard(tenantId, dashboard.getId());
         }
         
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         pageData = dashboardService.findDashboardsByTenantId(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -303,13 +302,13 @@ public abstract class BaseDashboardServiceTest extends AbstractServiceTest {
         }
         
         List<DashboardInfo> loadedDashboards = new ArrayList<>();
-        TimePageLink pageLink = new TimePageLink(23);
-        TimePageData<DashboardInfo> pageData = null;
+        PageLink pageLink = new PageLink(23);
+        PageData<DashboardInfo> pageData = null;
         do {
-            pageData = dashboardService.findDashboardsByTenantIdAndCustomerId(tenantId, customerId, pageLink).get();
+            pageData = dashboardService.findDashboardsByTenantIdAndCustomerId(tenantId, customerId, pageLink);
             loadedDashboards.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -320,8 +319,8 @@ public abstract class BaseDashboardServiceTest extends AbstractServiceTest {
         
         dashboardService.unassignCustomerDashboards(tenantId, customerId);
 
-        pageLink = new TimePageLink(42);
-        pageData = dashboardService.findDashboardsByTenantIdAndCustomerId(tenantId, customerId, pageLink).get();
+        pageLink = new PageLink(42);
+        pageData = dashboardService.findDashboardsByTenantIdAndCustomerId(tenantId, customerId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertTrue(pageData.getData().isEmpty());
         
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/BaseDeviceServiceTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/BaseDeviceServiceTest.java
index 6b4ef959b0..e9b0db2b44 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/BaseDeviceServiceTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/service/BaseDeviceServiceTest.java
@@ -21,14 +21,11 @@ import org.junit.After;
 import org.junit.Assert;
 import org.junit.Before;
 import org.junit.Test;
-import org.thingsboard.server.common.data.Customer;
-import org.thingsboard.server.common.data.Device;
-import org.thingsboard.server.common.data.EntitySubtype;
-import org.thingsboard.server.common.data.Tenant;
+import org.thingsboard.server.common.data.*;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.security.DeviceCredentials;
 import org.thingsboard.server.common.data.security.DeviceCredentialsType;
 import org.thingsboard.server.dao.exception.DataValidationException;
@@ -236,13 +233,13 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
         }
         
         List<Device> loadedDevices = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(23);
-        TextPageData<Device> pageData = null;
+        PageLink pageLink = new PageLink(23);
+        PageData<Device> pageData = null;
         do {
             pageData = deviceService.findDevicesByTenantId(tenantId, pageLink);
             loadedDevices.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -253,7 +250,7 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
         
         deviceService.deleteDevicesByTenantId(tenantId);
 
-        pageLink = new TextPageLink(33);
+        pageLink = new PageLink(33);
         pageData = deviceService.findDevicesByTenantId(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertTrue(pageData.getData().isEmpty());
@@ -264,7 +261,7 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
     @Test
     public void testFindDevicesByTenantIdAndName() {
         String title1 = "Device title 1";
-        List<Device> devicesTitle1 = new ArrayList<>();
+        List<DeviceInfo> devicesTitle1 = new ArrayList<>();
         for (int i=0;i<143;i++) {
             Device device = new Device();
             device.setTenantId(tenantId);
@@ -273,10 +270,10 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
             name = i % 2 == 0 ? name.toLowerCase() : name.toUpperCase();
             device.setName(name);
             device.setType("default");
-            devicesTitle1.add(deviceService.saveDevice(device));
+            devicesTitle1.add(new DeviceInfo(deviceService.saveDevice(device), null, false));
         }
         String title2 = "Device title 2";
-        List<Device> devicesTitle2 = new ArrayList<>();
+        List<DeviceInfo> devicesTitle2 = new ArrayList<>();
         for (int i=0;i<175;i++) {
             Device device = new Device();
             device.setTenantId(tenantId);
@@ -285,17 +282,17 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
             name = i % 2 == 0 ? name.toLowerCase() : name.toUpperCase();
             device.setName(name);
             device.setType("default");
-            devicesTitle2.add(deviceService.saveDevice(device));
+            devicesTitle2.add(new DeviceInfo(deviceService.saveDevice(device), null, false));
         }
         
-        List<Device> loadedDevicesTitle1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15, title1);
-        TextPageData<Device> pageData = null;
+        List<DeviceInfo> loadedDevicesTitle1 = new ArrayList<>();
+        PageLink pageLink = new PageLink(15, 0, title1);
+        PageData<DeviceInfo> pageData = null;
         do {
-            pageData = deviceService.findDevicesByTenantId(tenantId, pageLink);
+            pageData = deviceService.findDeviceInfosByTenantId(tenantId, pageLink);
             loadedDevicesTitle1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -304,13 +301,13 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
         
         Assert.assertEquals(devicesTitle1, loadedDevicesTitle1);
         
-        List<Device> loadedDevicesTitle2 = new ArrayList<>();
-        pageLink = new TextPageLink(4, title2);
+        List<DeviceInfo> loadedDevicesTitle2 = new ArrayList<>();
+        pageLink = new PageLink(4, 0, title2);
         do {
-            pageData = deviceService.findDevicesByTenantId(tenantId, pageLink);
+            pageData = deviceService.findDeviceInfosByTenantId(tenantId, pageLink);
             loadedDevicesTitle2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -323,8 +320,8 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
             deviceService.deleteDevice(tenantId, device.getId());
         }
         
-        pageLink = new TextPageLink(4, title1);
-        pageData = deviceService.findDevicesByTenantId(tenantId, pageLink);
+        pageLink = new PageLink(4, 0, title1);
+        pageData = deviceService.findDeviceInfosByTenantId(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
         
@@ -332,8 +329,8 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
             deviceService.deleteDevice(tenantId, device.getId());
         }
         
-        pageLink = new TextPageLink(4, title2);
-        pageData = deviceService.findDevicesByTenantId(tenantId, pageLink);
+        pageLink = new PageLink(4, 0, title2);
+        pageData = deviceService.findDeviceInfosByTenantId(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
     }
@@ -368,13 +365,13 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
         }
 
         List<Device> loadedDevicesType1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15);
-        TextPageData<Device> pageData = null;
+        PageLink pageLink = new PageLink(15);
+        PageData<Device> pageData = null;
         do {
             pageData = deviceService.findDevicesByTenantIdAndType(tenantId, type1, pageLink);
             loadedDevicesType1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -384,12 +381,12 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
         Assert.assertEquals(devicesType1, loadedDevicesType1);
 
         List<Device> loadedDevicesType2 = new ArrayList<>();
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         do {
             pageData = deviceService.findDevicesByTenantIdAndType(tenantId, type2, pageLink);
             loadedDevicesType2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -402,7 +399,7 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
             deviceService.deleteDevice(tenantId, device.getId());
         }
 
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         pageData = deviceService.findDevicesByTenantIdAndType(tenantId, type1, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -411,7 +408,7 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
             deviceService.deleteDevice(tenantId, device.getId());
         }
 
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         pageData = deviceService.findDevicesByTenantIdAndType(tenantId, type2, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -431,24 +428,24 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
         customer = customerService.saveCustomer(customer);
         CustomerId customerId = customer.getId();
         
-        List<Device> devices = new ArrayList<>();
+        List<DeviceInfo> devices = new ArrayList<>();
         for (int i=0;i<278;i++) {
             Device device = new Device();
             device.setTenantId(tenantId);
             device.setName("Device"+i);
             device.setType("default");
             device = deviceService.saveDevice(device);
-            devices.add(deviceService.assignDeviceToCustomer(tenantId, device.getId(), customerId));
+            devices.add(new DeviceInfo(deviceService.assignDeviceToCustomer(tenantId, device.getId(), customerId), customer.getTitle(), customer.isPublic()));
         }
         
-        List<Device> loadedDevices = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(23);
-        TextPageData<Device> pageData = null;
+        List<DeviceInfo> loadedDevices = new ArrayList<>();
+        PageLink pageLink = new PageLink(23);
+        PageData<DeviceInfo> pageData = null;
         do {
-            pageData = deviceService.findDevicesByTenantIdAndCustomerId(tenantId, customerId, pageLink);
+            pageData = deviceService.findDeviceInfosByTenantIdAndCustomerId(tenantId, customerId, pageLink);
             loadedDevices.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -459,8 +456,8 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
         
         deviceService.unassignCustomerDevices(tenantId, customerId);
 
-        pageLink = new TextPageLink(33);
-        pageData = deviceService.findDevicesByTenantIdAndCustomerId(tenantId, customerId, pageLink);
+        pageLink = new PageLink(33);
+        pageData = deviceService.findDeviceInfosByTenantIdAndCustomerId(tenantId, customerId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertTrue(pageData.getData().isEmpty());
         
@@ -504,13 +501,13 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
         }
         
         List<Device> loadedDevicesTitle1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15, title1);
-        TextPageData<Device> pageData = null;
+        PageLink pageLink = new PageLink(15, 0, title1);
+        PageData<Device> pageData = null;
         do {
             pageData = deviceService.findDevicesByTenantIdAndCustomerId(tenantId, customerId, pageLink);
             loadedDevicesTitle1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -520,12 +517,12 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
         Assert.assertEquals(devicesTitle1, loadedDevicesTitle1);
         
         List<Device> loadedDevicesTitle2 = new ArrayList<>();
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         do {
             pageData = deviceService.findDevicesByTenantIdAndCustomerId(tenantId, customerId, pageLink);
             loadedDevicesTitle2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -538,7 +535,7 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
             deviceService.deleteDevice(tenantId, device.getId());
         }
         
-        pageLink = new TextPageLink(4, title1);
+        pageLink = new PageLink(4, 0, title1);
         pageData = deviceService.findDevicesByTenantIdAndCustomerId(tenantId, customerId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -547,7 +544,7 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
             deviceService.deleteDevice(tenantId, device.getId());
         }
         
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         pageData = deviceService.findDevicesByTenantIdAndCustomerId(tenantId, customerId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -593,13 +590,13 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
         }
 
         List<Device> loadedDevicesType1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15);
-        TextPageData<Device> pageData = null;
+        PageLink pageLink = new PageLink(15);
+        PageData<Device> pageData = null;
         do {
             pageData = deviceService.findDevicesByTenantIdAndCustomerIdAndType(tenantId, customerId, type1, pageLink);
             loadedDevicesType1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -609,12 +606,12 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
         Assert.assertEquals(devicesType1, loadedDevicesType1);
 
         List<Device> loadedDevicesType2 = new ArrayList<>();
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         do {
             pageData = deviceService.findDevicesByTenantIdAndCustomerIdAndType(tenantId, customerId, type2, pageLink);
             loadedDevicesType2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -627,7 +624,7 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
             deviceService.deleteDevice(tenantId, device.getId());
         }
 
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         pageData = deviceService.findDevicesByTenantIdAndCustomerIdAndType(tenantId, customerId, type1, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -636,7 +633,7 @@ public abstract class BaseDeviceServiceTest extends AbstractServiceTest {
             deviceService.deleteDevice(tenantId, device.getId());
         }
 
-        pageLink = new TextPageLink(4);
+        pageLink = new PageLink(4);
         pageData = deviceService.findDevicesByTenantIdAndCustomerIdAndType(tenantId, customerId, type2, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/BaseRuleChainServiceTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/BaseRuleChainServiceTest.java
index e6c6eaa699..12d900783b 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/BaseRuleChainServiceTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/service/BaseRuleChainServiceTest.java
@@ -24,8 +24,8 @@ import org.junit.Before;
 import org.junit.Test;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.relation.EntityRelation;
 import org.thingsboard.server.common.data.rule.RuleChain;
 import org.thingsboard.server.common.data.rule.RuleChainMetaData;
@@ -140,13 +140,13 @@ public abstract class BaseRuleChainServiceTest extends AbstractServiceTest {
         }
 
         List<RuleChain> loadedRuleChains = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(16);
-        TextPageData<RuleChain> pageData = null;
+        PageLink pageLink = new PageLink(16);
+        PageData<RuleChain> pageData = null;
         do {
             pageData = ruleChainService.findTenantRuleChains(tenantId, pageLink);
             loadedRuleChains.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -157,7 +157,7 @@ public abstract class BaseRuleChainServiceTest extends AbstractServiceTest {
 
         ruleChainService.deleteRuleChainsByTenantId(tenantId);
 
-        pageLink = new TextPageLink(31);
+        pageLink = new PageLink(31);
         pageData = ruleChainService.findTenantRuleChains(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertTrue(pageData.getData().isEmpty());
@@ -191,13 +191,13 @@ public abstract class BaseRuleChainServiceTest extends AbstractServiceTest {
         }
 
         List<RuleChain> loadedRuleChainsName1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(19, name1);
-        TextPageData<RuleChain> pageData = null;
+        PageLink pageLink = new PageLink(19, 0, name1);
+        PageData<RuleChain> pageData = null;
         do {
             pageData = ruleChainService.findTenantRuleChains(tenantId, pageLink);
             loadedRuleChainsName1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -207,12 +207,12 @@ public abstract class BaseRuleChainServiceTest extends AbstractServiceTest {
         Assert.assertEquals(ruleChainsName1, loadedRuleChainsName1);
 
         List<RuleChain> loadedRuleChainsName2 = new ArrayList<>();
-        pageLink = new TextPageLink(4, name2);
+        pageLink = new PageLink(4, 0, name2);
         do {
             pageData = ruleChainService.findTenantRuleChains(tenantId, pageLink);
             loadedRuleChainsName2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -225,7 +225,7 @@ public abstract class BaseRuleChainServiceTest extends AbstractServiceTest {
             ruleChainService.deleteRuleChainById(tenantId, ruleChain.getId());
         }
 
-        pageLink = new TextPageLink(4, name1);
+        pageLink = new PageLink(4, 0, name1);
         pageData = ruleChainService.findTenantRuleChains(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -234,7 +234,7 @@ public abstract class BaseRuleChainServiceTest extends AbstractServiceTest {
             ruleChainService.deleteRuleChainById(tenantId, ruleChain.getId());
         }
 
-        pageLink = new TextPageLink(4, name2);
+        pageLink = new PageLink(4, 0, name2);
         pageData = ruleChainService.findTenantRuleChains(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/BaseTenantServiceTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/BaseTenantServiceTest.java
index d3da8305dd..0c1cd3ffe5 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/BaseTenantServiceTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/service/BaseTenantServiceTest.java
@@ -19,8 +19,8 @@ import org.apache.commons.lang3.RandomStringUtils;
 import org.junit.Assert;
 import org.junit.Test;
 import org.thingsboard.server.common.data.Tenant;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.exception.DataValidationException;
 
 import java.util.ArrayList;
@@ -88,8 +88,8 @@ public abstract class BaseTenantServiceTest extends AbstractServiceTest {
     public void testFindTenants() {
         
         List<Tenant> tenants = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(17);
-        TextPageData<Tenant> pageData = tenantService.findTenants(pageLink);
+        PageLink pageLink = new PageLink(17);
+        PageData<Tenant> pageData = tenantService.findTenants(pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertTrue(pageData.getData().isEmpty());
         tenants.addAll(pageData.getData());
@@ -101,12 +101,12 @@ public abstract class BaseTenantServiceTest extends AbstractServiceTest {
         }
         
         List<Tenant> loadedTenants = new ArrayList<>();
-        pageLink = new TextPageLink(17);
+        pageLink = new PageLink(17);
         do {
             pageData = tenantService.findTenants(pageLink);
             loadedTenants.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -121,7 +121,7 @@ public abstract class BaseTenantServiceTest extends AbstractServiceTest {
             }
         }
         
-        pageLink = new TextPageLink(17);
+        pageLink = new PageLink(17);
         pageData = tenantService.findTenants(pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertTrue(pageData.getData().isEmpty());
@@ -152,13 +152,13 @@ public abstract class BaseTenantServiceTest extends AbstractServiceTest {
         }
         
         List<Tenant> loadedTenantsTitle1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(15, title1);
-        TextPageData<Tenant> pageData = null;
+        PageLink pageLink = new PageLink(15, 0, title1);
+        PageData<Tenant> pageData = null;
         do {
             pageData = tenantService.findTenants(pageLink);
             loadedTenantsTitle1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
         
@@ -168,12 +168,12 @@ public abstract class BaseTenantServiceTest extends AbstractServiceTest {
         Assert.assertEquals(tenantsTitle1, loadedTenantsTitle1);
         
         List<Tenant> loadedTenantsTitle2 = new ArrayList<>();
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         do {
             pageData = tenantService.findTenants(pageLink);
             loadedTenantsTitle2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -186,7 +186,7 @@ public abstract class BaseTenantServiceTest extends AbstractServiceTest {
             tenantService.deleteTenant(tenant.getId());
         }
         
-        pageLink = new TextPageLink(4, title1);
+        pageLink = new PageLink(4, 0, title1);
         pageData = tenantService.findTenants(pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -195,7 +195,7 @@ public abstract class BaseTenantServiceTest extends AbstractServiceTest {
             tenantService.deleteTenant(tenant.getId());
         }
         
-        pageLink = new TextPageLink(4, title2);
+        pageLink = new PageLink(4, 0, title2);
         pageData = tenantService.findTenants(pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/BaseUserServiceTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/BaseUserServiceTest.java
index 7186d3aced..e6241c1c70 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/BaseUserServiceTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/service/BaseUserServiceTest.java
@@ -25,8 +25,8 @@ import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.User;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.security.Authority;
 import org.thingsboard.server.common.data.security.UserCredentials;
 import org.thingsboard.server.dao.exception.DataValidationException;
@@ -188,7 +188,7 @@ public abstract class BaseUserServiceTest extends AbstractServiceTest {
     @Test
     public void testFindTenantAdmins() {
         User tenantAdminUser = userService.findUserByEmail(tenantId, "tenant@thingsboard.org");
-        TextPageData<User> pageData = userService.findTenantAdmins(tenantAdminUser.getTenantId(), new TextPageLink(10));
+        PageData<User> pageData = userService.findTenantAdmins(tenantAdminUser.getTenantId(), new PageLink(10));
         Assert.assertFalse(pageData.hasNext());
         List<User> users = pageData.getData();
         Assert.assertEquals(1, users.size());
@@ -210,12 +210,12 @@ public abstract class BaseUserServiceTest extends AbstractServiceTest {
         }
 
         List<User> loadedTenantAdmins = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(33);
+        PageLink pageLink = new PageLink(33);
         do {
             pageData = userService.findTenantAdmins(tenantId, pageLink);
             loadedTenantAdmins.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -226,7 +226,7 @@ public abstract class BaseUserServiceTest extends AbstractServiceTest {
 
         tenantService.deleteTenant(tenantId);
 
-        pageLink = new TextPageLink(33);
+        pageLink = new PageLink(33);
         pageData = userService.findTenantAdmins(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertTrue(pageData.getData().isEmpty());
@@ -270,13 +270,13 @@ public abstract class BaseUserServiceTest extends AbstractServiceTest {
         }
 
         List<User> loadedTenantAdminsEmail1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(33, email1);
-        TextPageData<User> pageData = null;
+        PageLink pageLink = new PageLink(33, 0, email1);
+        PageData<User> pageData = null;
         do {
             pageData = userService.findTenantAdmins(tenantId, pageLink);
             loadedTenantAdminsEmail1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -286,12 +286,12 @@ public abstract class BaseUserServiceTest extends AbstractServiceTest {
         Assert.assertEquals(tenantAdminsEmail1, loadedTenantAdminsEmail1);
 
         List<User> loadedTenantAdminsEmail2 = new ArrayList<>();
-        pageLink = new TextPageLink(16, email2);
+        pageLink = new PageLink(16, 0, email2);
         do {
             pageData = userService.findTenantAdmins(tenantId, pageLink);
             loadedTenantAdminsEmail2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -304,7 +304,7 @@ public abstract class BaseUserServiceTest extends AbstractServiceTest {
             userService.deleteUser(tenantId, user.getId());
         }
 
-        pageLink = new TextPageLink(4, email1);
+        pageLink = new PageLink(4, 0, email1);
         pageData = userService.findTenantAdmins(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -313,7 +313,7 @@ public abstract class BaseUserServiceTest extends AbstractServiceTest {
             userService.deleteUser(tenantId, user.getId());
         }
 
-        pageLink = new TextPageLink(4, email2);
+        pageLink = new PageLink(4, 0, email2);
         pageData = userService.findTenantAdmins(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -324,8 +324,8 @@ public abstract class BaseUserServiceTest extends AbstractServiceTest {
     @Test
     public void testFindCustomerUsers() {
         User customerUser = userService.findUserByEmail(tenantId, "customer@thingsboard.org");
-        TextPageData<User> pageData = userService.findCustomerUsers(customerUser.getTenantId(),
-                customerUser.getCustomerId(), new TextPageLink(10));
+        PageData<User> pageData = userService.findCustomerUsers(customerUser.getTenantId(),
+                customerUser.getCustomerId(), new PageLink(10));
         Assert.assertFalse(pageData.hasNext());
         List<User> users = pageData.getData();
         Assert.assertEquals(1, users.size());
@@ -355,12 +355,12 @@ public abstract class BaseUserServiceTest extends AbstractServiceTest {
         }
 
         List<User> loadedCustomerUsers = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(33);
+        PageLink pageLink = new PageLink(33);
         do {
             pageData = userService.findCustomerUsers(tenantId, customerId, pageLink);
             loadedCustomerUsers.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -423,13 +423,13 @@ public abstract class BaseUserServiceTest extends AbstractServiceTest {
         }
 
         List<User> loadedCustomerUsersEmail1 = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(33, email1);
-        TextPageData<User> pageData = null;
+        PageLink pageLink = new PageLink(33, 0, email1);
+        PageData<User> pageData = null;
         do {
             pageData = userService.findCustomerUsers(tenantId, customerId, pageLink);
             loadedCustomerUsersEmail1.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -439,12 +439,12 @@ public abstract class BaseUserServiceTest extends AbstractServiceTest {
         Assert.assertEquals(customerUsersEmail1, loadedCustomerUsersEmail1);
 
         List<User> loadedCustomerUsersEmail2 = new ArrayList<>();
-        pageLink = new TextPageLink(16, email2);
+        pageLink = new PageLink(16, 0, email2);
         do {
             pageData = userService.findCustomerUsers(tenantId, customerId, pageLink);
             loadedCustomerUsersEmail2.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -457,7 +457,7 @@ public abstract class BaseUserServiceTest extends AbstractServiceTest {
             userService.deleteUser(tenantId, user.getId());
         }
 
-        pageLink = new TextPageLink(4, email1);
+        pageLink = new PageLink(4, 0, email1);
         pageData = userService.findCustomerUsers(tenantId, customerId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
@@ -466,7 +466,7 @@ public abstract class BaseUserServiceTest extends AbstractServiceTest {
             userService.deleteUser(tenantId, user.getId());
         }
 
-        pageLink = new TextPageLink(4, email2);
+        pageLink = new PageLink(4, 0, email2);
         pageData = userService.findCustomerUsers(tenantId, customerId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertEquals(0, pageData.getData().size());
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/BaseWidgetsBundleServiceTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/BaseWidgetsBundleServiceTest.java
index 0005c07d95..88f17fefbb 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/BaseWidgetsBundleServiceTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/service/BaseWidgetsBundleServiceTest.java
@@ -22,8 +22,8 @@ import org.junit.Before;
 import org.junit.Test;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.widget.WidgetsBundle;
 import org.thingsboard.server.dao.exception.DataValidationException;
 import org.thingsboard.server.dao.model.ModelConstants;
@@ -175,13 +175,13 @@ public abstract class BaseWidgetsBundleServiceTest extends AbstractServiceTest {
         widgetsBundles.addAll(systemWidgetsBundles);
 
         List<WidgetsBundle> loadedWidgetsBundles = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(19);
-        TextPageData<WidgetsBundle> pageData = null;
+        PageLink pageLink = new PageLink(19);
+        PageData<WidgetsBundle> pageData = null;
         do {
             pageData = widgetsBundleService.findSystemWidgetsBundlesByPageLink(tenantId, pageLink);
             loadedWidgetsBundles.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -255,13 +255,13 @@ public abstract class BaseWidgetsBundleServiceTest extends AbstractServiceTest {
         }
 
         List<WidgetsBundle> loadedWidgetsBundles = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(11);
-        TextPageData<WidgetsBundle> pageData = null;
+        PageLink pageLink = new PageLink(11);
+        PageData<WidgetsBundle> pageData = null;
         do {
             pageData = widgetsBundleService.findTenantWidgetsBundlesByTenantId(tenantId, pageLink);
             loadedWidgetsBundles.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -272,7 +272,7 @@ public abstract class BaseWidgetsBundleServiceTest extends AbstractServiceTest {
 
         widgetsBundleService.deleteWidgetsBundlesByTenantId(tenantId);
 
-        pageLink = new TextPageLink(15);
+        pageLink = new PageLink(15);
         pageData = widgetsBundleService.findTenantWidgetsBundlesByTenantId(tenantId, pageLink);
         Assert.assertFalse(pageData.hasNext());
         Assert.assertTrue(pageData.getData().isEmpty());
@@ -309,13 +309,13 @@ public abstract class BaseWidgetsBundleServiceTest extends AbstractServiceTest {
         widgetsBundles.addAll(systemWidgetsBundles);
 
         List<WidgetsBundle> loadedWidgetsBundles = new ArrayList<>();
-        TextPageLink pageLink = new TextPageLink(17);
-        TextPageData<WidgetsBundle> pageData = null;
+        PageLink pageLink = new PageLink(17);
+        PageData<WidgetsBundle> pageData = null;
         do {
             pageData = widgetsBundleService.findAllTenantWidgetsBundlesByTenantIdAndPageLink(tenantId, pageLink);
             loadedWidgetsBundles.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -327,12 +327,12 @@ public abstract class BaseWidgetsBundleServiceTest extends AbstractServiceTest {
         widgetsBundleService.deleteWidgetsBundlesByTenantId(tenantId);
 
         loadedWidgetsBundles.clear();
-        pageLink = new TextPageLink(14);
+        pageLink = new PageLink(14);
         do {
             pageData = widgetsBundleService.findAllTenantWidgetsBundlesByTenantIdAndPageLink(tenantId, pageLink);
             loadedWidgetsBundles.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
@@ -349,12 +349,12 @@ public abstract class BaseWidgetsBundleServiceTest extends AbstractServiceTest {
         }
 
         loadedWidgetsBundles.clear();
-        pageLink = new TextPageLink(18);
+        pageLink = new PageLink(18);
         do {
             pageData = widgetsBundleService.findAllTenantWidgetsBundlesByTenantIdAndPageLink(tenantId, pageLink);
             loadedWidgetsBundles.addAll(pageData.getData());
             if (pageData.hasNext()) {
-                pageLink = pageData.getNextPageLink();
+                pageLink = pageLink.nextPageLink();
             }
         } while (pageData.hasNext());
 
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/event/BaseEventServiceTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/event/BaseEventServiceTest.java
index 595b6fba02..f6c0420576 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/event/BaseEventServiceTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/service/event/BaseEventServiceTest.java
@@ -25,7 +25,8 @@ import org.thingsboard.server.common.data.id.DeviceId;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.EventId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.SortOrder;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.dao.service.AbstractServiceTest;
 
@@ -74,23 +75,23 @@ public abstract class BaseEventServiceTest extends AbstractServiceTest {
         Event savedEvent3 = saveEventWithProvidedTime(eventTime+2, customerId, tenantId);
         saveEventWithProvidedTime(timeAfterEndTime, customerId, tenantId);
 
-        TimePageData<Event> events = eventService.findEvents(tenantId, customerId, DataConstants.STATS,
-                new TimePageLink(2, startTime, endTime, true));
+        TimePageLink timePageLink = new TimePageLink(2, 0, "", new SortOrder("createdTime"), startTime, endTime);
+
+        PageData<Event> events = eventService.findEvents(tenantId, customerId, DataConstants.STATS,
+                timePageLink);
 
         Assert.assertNotNull(events.getData());
         Assert.assertTrue(events.getData().size() == 2);
         Assert.assertTrue(events.getData().get(0).getUuidId().equals(savedEvent.getUuidId()));
         Assert.assertTrue(events.getData().get(1).getUuidId().equals(savedEvent2.getUuidId()));
         Assert.assertTrue(events.hasNext());
-        Assert.assertNotNull(events.getNextPageLink());
 
-        events = eventService.findEvents(tenantId, customerId, DataConstants.STATS, events.getNextPageLink());
+        events = eventService.findEvents(tenantId, customerId, DataConstants.STATS, timePageLink.nextPageLink());
 
         Assert.assertNotNull(events.getData());
         Assert.assertTrue(events.getData().size() == 1);
         Assert.assertTrue(events.getData().get(0).getUuidId().equals(savedEvent3.getUuidId()));
         Assert.assertFalse(events.hasNext());
-        Assert.assertNull(events.getNextPageLink());
     }
 
     @Test
@@ -109,23 +110,23 @@ public abstract class BaseEventServiceTest extends AbstractServiceTest {
         Event savedEvent3 = saveEventWithProvidedTime(eventTime+2, customerId, tenantId);
         saveEventWithProvidedTime(timeAfterEndTime, customerId, tenantId);
 
-        TimePageData<Event> events = eventService.findEvents(tenantId, customerId, DataConstants.STATS,
-                new TimePageLink(2, startTime, endTime, false));
+        TimePageLink timePageLink = new TimePageLink(2, 0, "", new SortOrder("createdTime", SortOrder.Direction.DESC), startTime, endTime);
+
+        PageData<Event> events = eventService.findEvents(tenantId, customerId, DataConstants.STATS,
+                timePageLink);
 
         Assert.assertNotNull(events.getData());
         Assert.assertTrue(events.getData().size() == 2);
         Assert.assertTrue(events.getData().get(0).getUuidId().equals(savedEvent3.getUuidId()));
         Assert.assertTrue(events.getData().get(1).getUuidId().equals(savedEvent2.getUuidId()));
         Assert.assertTrue(events.hasNext());
-        Assert.assertNotNull(events.getNextPageLink());
 
-        events = eventService.findEvents(tenantId, customerId, DataConstants.STATS, events.getNextPageLink());
+        events = eventService.findEvents(tenantId, customerId, DataConstants.STATS, timePageLink.nextPageLink());
 
         Assert.assertNotNull(events.getData());
         Assert.assertTrue(events.getData().size() == 1);
         Assert.assertTrue(events.getData().get(0).getUuidId().equals(savedEvent.getUuidId()));
         Assert.assertFalse(events.hasNext());
-        Assert.assertNull(events.getNextPageLink());
     }
 
     private Event saveEventWithProvidedTime(long time, EntityId entityId, TenantId tenantId) throws IOException {
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/CustomerServiceNoSqlTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/nosql/CustomerServiceNoSqlTest.java
deleted file mode 100644
index e17f1e0fce..0000000000
--- a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/CustomerServiceNoSqlTest.java
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.service.nosql;
-
-import org.thingsboard.server.dao.service.BaseCustomerServiceTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-@DaoNoSqlTest
-public class CustomerServiceNoSqlTest extends BaseCustomerServiceTest {
-}
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/DashboardServiceNoSqlTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/nosql/DashboardServiceNoSqlTest.java
deleted file mode 100644
index babcf8612a..0000000000
--- a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/DashboardServiceNoSqlTest.java
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.service.nosql;
-
-import org.thingsboard.server.dao.service.BaseDashboardServiceTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-@DaoNoSqlTest
-public class DashboardServiceNoSqlTest extends BaseDashboardServiceTest {
-}
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/DeviceCredentialCacheServiceNoSqlTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/nosql/DeviceCredentialCacheServiceNoSqlTest.java
deleted file mode 100644
index 521c4c018f..0000000000
--- a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/DeviceCredentialCacheServiceNoSqlTest.java
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.service.nosql;
-
-import org.thingsboard.server.dao.service.BaseDeviceCredentialsCacheTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-@DaoNoSqlTest
-public class DeviceCredentialCacheServiceNoSqlTest extends BaseDeviceCredentialsCacheTest {
-}
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/DeviceCredentialServiceNoSqlTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/nosql/DeviceCredentialServiceNoSqlTest.java
deleted file mode 100644
index 6fe90ad103..0000000000
--- a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/DeviceCredentialServiceNoSqlTest.java
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.service.nosql;
-
-import org.thingsboard.server.dao.service.BaseDeviceCredentialsServiceTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-@DaoNoSqlTest
-public class DeviceCredentialServiceNoSqlTest extends BaseDeviceCredentialsServiceTest {
-}
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/RelationServiceNoSqlTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/nosql/RelationServiceNoSqlTest.java
deleted file mode 100644
index 7bcc3d7a6f..0000000000
--- a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/RelationServiceNoSqlTest.java
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.service.nosql;
-
-import org.thingsboard.server.dao.service.BaseRelationServiceTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-@DaoNoSqlTest
-public class RelationServiceNoSqlTest extends BaseRelationServiceTest {
-}
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/RuleChainServiceNoSqlTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/nosql/RuleChainServiceNoSqlTest.java
deleted file mode 100644
index c2b5a7a00a..0000000000
--- a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/RuleChainServiceNoSqlTest.java
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.service.nosql;
-
-import org.thingsboard.server.dao.service.BaseRuleChainServiceTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-@DaoNoSqlTest
-public class RuleChainServiceNoSqlTest extends BaseRuleChainServiceTest {
-}
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/WidgetTypeServiceNoSqlTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/nosql/WidgetTypeServiceNoSqlTest.java
deleted file mode 100644
index 766e6e8bc2..0000000000
--- a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/WidgetTypeServiceNoSqlTest.java
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.service.nosql;
-
-import org.thingsboard.server.dao.service.BaseWidgetTypeServiceTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-@DaoNoSqlTest
-public class WidgetTypeServiceNoSqlTest extends BaseWidgetTypeServiceTest {
-}
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/WidgetsBundleServiceNoSqlTest.java b/dao/src/test/java/org/thingsboard/server/dao/service/nosql/WidgetsBundleServiceNoSqlTest.java
deleted file mode 100644
index 5ba50a1484..0000000000
--- a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/WidgetsBundleServiceNoSqlTest.java
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright © 2016-2020 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.thingsboard.server.dao.service.nosql;
-
-import org.thingsboard.server.dao.service.BaseWidgetsBundleServiceTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-@DaoNoSqlTest
-public class WidgetsBundleServiceNoSqlTest extends BaseWidgetsBundleServiceTest {
-}
diff --git a/dao/src/test/java/org/thingsboard/server/dao/sql/asset/JpaAssetDaoTest.java b/dao/src/test/java/org/thingsboard/server/dao/sql/asset/JpaAssetDaoTest.java
index a35e6f8b63..f91bcefa68 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/sql/asset/JpaAssetDaoTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/sql/asset/JpaAssetDaoTest.java
@@ -24,7 +24,8 @@ import org.thingsboard.server.common.data.asset.Asset;
 import org.thingsboard.server.common.data.id.AssetId;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.AbstractJpaDaoTest;
 import org.thingsboard.server.dao.asset.AssetDao;
 
@@ -61,17 +62,17 @@ public class JpaAssetDaoTest extends AbstractJpaDaoTest {
         }
         assertEquals(60, assetDao.find(new TenantId(tenantId1)).size());
 
-        TextPageLink pageLink1 = new TextPageLink(20, "ASSET_");
-        List<Asset> assets1 = assetDao.findAssetsByTenantId(tenantId1, pageLink1);
-        assertEquals(20, assets1.size());
+        PageLink pageLink = new PageLink(20, 0, "ASSET_");
+        PageData<Asset> assets1 = assetDao.findAssetsByTenantId(tenantId1, pageLink);
+        assertEquals(20, assets1.getData().size());
 
-        TextPageLink pageLink2 = new TextPageLink(20, "ASSET_", assets1.get(19).getId().getId(), null);
-        List<Asset> assets2 = assetDao.findAssetsByTenantId(tenantId1, pageLink2);
-        assertEquals(10, assets2.size());
+        pageLink = pageLink.nextPageLink();
+        PageData<Asset> assets2 = assetDao.findAssetsByTenantId(tenantId1, pageLink);
+        assertEquals(10, assets2.getData().size());
 
-        TextPageLink pageLink3 = new TextPageLink(20, "ASSET_", assets2.get(9).getId().getId(), null);
-        List<Asset> assets3 = assetDao.findAssetsByTenantId(tenantId1, pageLink3);
-        assertEquals(0, assets3.size());
+        pageLink = pageLink.nextPageLink();
+        PageData<Asset> assets3 = assetDao.findAssetsByTenantId(tenantId1, pageLink);
+        assertEquals(0, assets3.getData().size());
     }
 
     @Test
@@ -87,17 +88,17 @@ public class JpaAssetDaoTest extends AbstractJpaDaoTest {
             saveAsset(assetId, tenantId, customerId, "ASSET_" + i, "TYPE_1");
         }
 
-        TextPageLink pageLink1 = new TextPageLink(20, "ASSET_");
-        List<Asset> assets1 = assetDao.findAssetsByTenantIdAndCustomerId(tenantId1, customerId1, pageLink1);
-        assertEquals(20, assets1.size());
+        PageLink pageLink = new PageLink(20, 0,  "ASSET_");
+        PageData<Asset> assets1 = assetDao.findAssetsByTenantIdAndCustomerId(tenantId1, customerId1, pageLink);
+        assertEquals(20, assets1.getData().size());
 
-        TextPageLink pageLink2 = new TextPageLink(20, "ASSET_", assets1.get(19).getId().getId(), null);
-        List<Asset> assets2 = assetDao.findAssetsByTenantIdAndCustomerId(tenantId1, customerId1, pageLink2);
-        assertEquals(10, assets2.size());
+        pageLink = pageLink.nextPageLink();
+        PageData<Asset> assets2 = assetDao.findAssetsByTenantIdAndCustomerId(tenantId1, customerId1, pageLink);
+        assertEquals(10, assets2.getData().size());
 
-        TextPageLink pageLink3 = new TextPageLink(20, "ASSET_", assets2.get(9).getId().getId(), null);
-        List<Asset> assets3 = assetDao.findAssetsByTenantIdAndCustomerId(tenantId1, customerId1, pageLink3);
-        assertEquals(0, assets3.size());
+        pageLink = pageLink.nextPageLink();
+        PageData<Asset> assets3 = assetDao.findAssetsByTenantIdAndCustomerId(tenantId1, customerId1, pageLink);
+        assertEquals(0, assets3.getData().size());
     }
 
     @Test
diff --git a/dao/src/test/java/org/thingsboard/server/dao/sql/component/JpaBaseComponentDescriptorDaoTest.java b/dao/src/test/java/org/thingsboard/server/dao/sql/component/JpaBaseComponentDescriptorDaoTest.java
index 3a377d6cc4..3f439eb6f9 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/sql/component/JpaBaseComponentDescriptorDaoTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/sql/component/JpaBaseComponentDescriptorDaoTest.java
@@ -19,7 +19,8 @@ import com.datastax.driver.core.utils.UUIDs;
 import org.junit.Test;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.thingsboard.server.common.data.id.ComponentDescriptorId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.plugin.ComponentDescriptor;
 import org.thingsboard.server.common.data.plugin.ComponentScope;
 import org.thingsboard.server.common.data.plugin.ComponentType;
@@ -46,13 +47,13 @@ public class JpaBaseComponentDescriptorDaoTest extends AbstractJpaDaoTest {
             createComponentDescriptor(ComponentType.ACTION, ComponentScope.TENANT, i + 20);
         }
 
-        TextPageLink pageLink1 = new TextPageLink(15, "COMPONENT_");
-        List<ComponentDescriptor> components1 = componentDescriptorDao.findByTypeAndPageLink(AbstractServiceTest.SYSTEM_TENANT_ID, ComponentType.FILTER, pageLink1);
-        assertEquals(15, components1.size());
+        PageLink pageLink = new PageLink(15, 0, "COMPONENT_");
+        PageData<ComponentDescriptor> components1 = componentDescriptorDao.findByTypeAndPageLink(AbstractServiceTest.SYSTEM_TENANT_ID, ComponentType.FILTER, pageLink);
+        assertEquals(15, components1.getData().size());
 
-        TextPageLink pageLink2 = new TextPageLink(15, "COMPONENT_", components1.get(14).getId().getId(), null);
-        List<ComponentDescriptor> components2 = componentDescriptorDao.findByTypeAndPageLink(AbstractServiceTest.SYSTEM_TENANT_ID,ComponentType.FILTER, pageLink2);
-        assertEquals(5, components2.size());
+        pageLink = pageLink.nextPageLink();
+        PageData<ComponentDescriptor> components2 = componentDescriptorDao.findByTypeAndPageLink(AbstractServiceTest.SYSTEM_TENANT_ID,ComponentType.FILTER, pageLink);
+        assertEquals(5, components2.getData().size());
     }
 
     @Test
@@ -63,15 +64,15 @@ public class JpaBaseComponentDescriptorDaoTest extends AbstractJpaDaoTest {
             createComponentDescriptor(ComponentType.FILTER, ComponentScope.SYSTEM, i + 40);
         }
 
-        TextPageLink pageLink1 = new TextPageLink(15, "COMPONENT_");
-        List<ComponentDescriptor> components1 = componentDescriptorDao.findByScopeAndTypeAndPageLink(AbstractServiceTest.SYSTEM_TENANT_ID,
-                ComponentScope.SYSTEM, ComponentType.FILTER, pageLink1);
-        assertEquals(15, components1.size());
+        PageLink pageLink = new PageLink(15, 0,  "COMPONENT_");
+        PageData<ComponentDescriptor> components1 = componentDescriptorDao.findByScopeAndTypeAndPageLink(AbstractServiceTest.SYSTEM_TENANT_ID,
+                ComponentScope.SYSTEM, ComponentType.FILTER, pageLink);
+        assertEquals(15, components1.getData().size());
 
-        TextPageLink pageLink2 = new TextPageLink(15, "COMPONENT_", components1.get(14).getId().getId(), null);
-        List<ComponentDescriptor> components2 = componentDescriptorDao.findByScopeAndTypeAndPageLink(AbstractServiceTest.SYSTEM_TENANT_ID,
-                ComponentScope.SYSTEM, ComponentType.FILTER, pageLink2);
-        assertEquals(5, components2.size());
+        pageLink = pageLink.nextPageLink();
+        PageData<ComponentDescriptor> components2 = componentDescriptorDao.findByScopeAndTypeAndPageLink(AbstractServiceTest.SYSTEM_TENANT_ID,
+                ComponentScope.SYSTEM, ComponentType.FILTER, pageLink);
+        assertEquals(5, components2.getData().size());
     }
 
     private void createComponentDescriptor(ComponentType type, ComponentScope scope, int index) {
diff --git a/dao/src/test/java/org/thingsboard/server/dao/sql/customer/JpaCustomerDaoTest.java b/dao/src/test/java/org/thingsboard/server/dao/sql/customer/JpaCustomerDaoTest.java
index db4fb05a6d..8fad52a0ca 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/sql/customer/JpaCustomerDaoTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/sql/customer/JpaCustomerDaoTest.java
@@ -21,7 +21,8 @@ import org.springframework.beans.factory.annotation.Autowired;
 import org.thingsboard.server.common.data.Customer;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.AbstractJpaDaoTest;
 import org.thingsboard.server.dao.customer.CustomerDao;
 
@@ -50,13 +51,13 @@ public class JpaCustomerDaoTest extends AbstractJpaDaoTest {
             createCustomer(tenantId2, i * 2);
         }
 
-        TextPageLink pageLink1 = new TextPageLink(15, "CUSTOMER");
-        List<Customer> customers1 = customerDao.findCustomersByTenantId(tenantId1, pageLink1);
-        assertEquals(15, customers1.size());
+        PageLink pageLink = new PageLink(15, 0,  "CUSTOMER");
+        PageData<Customer> customers1 = customerDao.findCustomersByTenantId(tenantId1, pageLink);
+        assertEquals(15, customers1.getData().size());
 
-        TextPageLink pageLink2 = new TextPageLink(15, "CUSTOMER", customers1.get(14).getId().getId(), null);
-        List<Customer> customers2 = customerDao.findCustomersByTenantId(tenantId1, pageLink2);
-        assertEquals(5, customers2.size());
+        pageLink = pageLink.nextPageLink();
+        PageData<Customer> customers2 = customerDao.findCustomersByTenantId(tenantId1, pageLink);
+        assertEquals(5, customers2.getData().size());
     }
 
     @Test
diff --git a/dao/src/test/java/org/thingsboard/server/dao/sql/dashboard/JpaDashboardInfoDaoTest.java b/dao/src/test/java/org/thingsboard/server/dao/sql/dashboard/JpaDashboardInfoDaoTest.java
index 7dbffc05cb..df166336e7 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/sql/dashboard/JpaDashboardInfoDaoTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/sql/dashboard/JpaDashboardInfoDaoTest.java
@@ -22,7 +22,8 @@ import org.springframework.beans.factory.annotation.Autowired;
 import org.thingsboard.server.common.data.DashboardInfo;
 import org.thingsboard.server.common.data.id.DashboardId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.AbstractJpaDaoTest;
 import org.thingsboard.server.dao.dashboard.DashboardInfoDao;
 import org.thingsboard.server.dao.service.AbstractServiceTest;
@@ -48,13 +49,12 @@ public class JpaDashboardInfoDaoTest extends AbstractJpaDaoTest {
             createDashboard(tenantId2, i * 2);
         }
 
-        TextPageLink pageLink1 = new TextPageLink(15, "DASHBOARD");
-        List<DashboardInfo> dashboardInfos1 = dashboardInfoDao.findDashboardsByTenantId(tenantId1, pageLink1);
-        Assert.assertEquals(15, dashboardInfos1.size());
+        PageLink pageLink = new PageLink(15, 0, "DASHBOARD");
+        PageData<DashboardInfo> dashboardInfos1 = dashboardInfoDao.findDashboardsByTenantId(tenantId1, pageLink);
+        Assert.assertEquals(15, dashboardInfos1.getData().size());
 
-        TextPageLink pageLink2 = new TextPageLink(15, "DASHBOARD", dashboardInfos1.get(14).getId().getId(), null);
-        List<DashboardInfo> dashboardInfos2 = dashboardInfoDao.findDashboardsByTenantId(tenantId1, pageLink2);
-        Assert.assertEquals(5, dashboardInfos2.size());
+        PageData<DashboardInfo> dashboardInfos2 = dashboardInfoDao.findDashboardsByTenantId(tenantId1, pageLink.nextPageLink());
+        Assert.assertEquals(5, dashboardInfos2.getData().size());
     }
 
     private void createDashboard(UUID tenantId, int index) {
diff --git a/dao/src/test/java/org/thingsboard/server/dao/sql/device/JpaDeviceDaoTest.java b/dao/src/test/java/org/thingsboard/server/dao/sql/device/JpaDeviceDaoTest.java
index 3ee89a7387..cd13d998ef 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/sql/device/JpaDeviceDaoTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/sql/device/JpaDeviceDaoTest.java
@@ -25,7 +25,8 @@ import org.thingsboard.server.common.data.Device;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.DeviceId;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.AbstractJpaDaoTest;
 import org.thingsboard.server.dao.device.DeviceDao;
 
@@ -54,13 +55,14 @@ public class JpaDeviceDaoTest extends AbstractJpaDaoTest {
         UUID customerId2 = UUIDs.timeBased();
         createDevices(tenantId1, tenantId2, customerId1, customerId2, 40);
 
-        TextPageLink pageLink1 = new TextPageLink(15, "SEARCH_TEXT");
-        List<Device> devices1 = deviceDao.findDevicesByTenantId(tenantId1, pageLink1);
-        assertEquals(15, devices1.size());
+        PageLink pageLink = new PageLink(15, 0,  "SEARCH_TEXT");
+        PageData<Device> devices1 = deviceDao.findDevicesByTenantId(tenantId1, pageLink);
+        assertEquals(15, devices1.getData().size());
 
-        TextPageLink pageLink2 = new TextPageLink(15, "SEARCH_TEXT",  devices1.get(14).getId().getId(), null);
-        List<Device> devices2 = deviceDao.findDevicesByTenantId(tenantId1, pageLink2);
-        assertEquals(5, devices2.size());
+        pageLink = pageLink.nextPageLink();
+
+        PageData<Device> devices2 = deviceDao.findDevicesByTenantId(tenantId1, pageLink);
+        assertEquals(5, devices2.getData().size());
     }
 
     @Test
diff --git a/dao/src/test/java/org/thingsboard/server/dao/sql/event/JpaBaseEventDaoTest.java b/dao/src/test/java/org/thingsboard/server/dao/sql/event/JpaBaseEventDaoTest.java
index 8f417f61a0..5109fa59f5 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/sql/event/JpaBaseEventDaoTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/sql/event/JpaBaseEventDaoTest.java
@@ -27,6 +27,7 @@ import org.thingsboard.server.common.data.id.DeviceId;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.EventId;
 import org.thingsboard.server.common.data.id.TenantId;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.dao.AbstractJpaDaoTest;
 import org.thingsboard.server.dao.event.EventDao;
@@ -88,26 +89,29 @@ public class JpaBaseEventDaoTest extends AbstractJpaDaoTest {
         long startTime = System.currentTimeMillis();
         long endTime = createEventsTwoEntities(tenantId, entityId1, entityId2, startTime, 20);
 
-        TimePageLink pageLink1 = new TimePageLink(30, null, null, true);
-        List<Event> events1 = eventDao.findEvents(tenantId, new DeviceId(entityId1), pageLink1);
-        assertEquals(10, events1.size());
+        TimePageLink pageLink1 = new TimePageLink(30);
+        PageData<Event> events1 = eventDao.findEvents(tenantId, new DeviceId(entityId1), pageLink1);
+        assertEquals(10, events1.getData().size());
 
-        TimePageLink pageLink2 = new TimePageLink(30, startTime, null, true);
-        List<Event> events2 = eventDao.findEvents(tenantId, new DeviceId(entityId1), pageLink2);
-        assertEquals(10, events2.size());
+        TimePageLink pageLink2 = new TimePageLink(30, 0, "", null, startTime, null);
+        PageData<Event> events2 = eventDao.findEvents(tenantId, new DeviceId(entityId1), pageLink2);
+        assertEquals(10, events2.getData().size());
 
-        TimePageLink pageLink3 = new TimePageLink(30, startTime, endTime, true);
-        List<Event> events3 = eventDao.findEvents(tenantId, new DeviceId(entityId1), pageLink3);
-        assertEquals(10, events3.size());
+        TimePageLink pageLink3 = new TimePageLink(30, 0, "", null, startTime, endTime);
+        PageData<Event> events3 = eventDao.findEvents(tenantId, new DeviceId(entityId1), pageLink3);
+        assertEquals(10, events3.getData().size());
 
-        TimePageLink pageLink4 = new TimePageLink(5, startTime, endTime, true);
-        List<Event> events4 = eventDao.findEvents(tenantId, new DeviceId(entityId1), pageLink4);
-        assertEquals(5, events4.size());
+        TimePageLink pageLink4 = new TimePageLink(5, 0, "", null, startTime, endTime);
+        PageData<Event> events4 = eventDao.findEvents(tenantId, new DeviceId(entityId1), pageLink4);
+        assertEquals(5, events4.getData().size());
 
-        UUID idOffset = events4.get(4).getId().getId();
-        TimePageLink pageLink5 = new TimePageLink(10, startTime, endTime, true, idOffset);
-        List<Event> events5 = eventDao.findEvents(tenantId, new DeviceId(entityId1), pageLink5);
-        assertEquals(5, events5.size());
+        pageLink4 = pageLink4.nextPageLink();
+        PageData<Event> events5 = eventDao.findEvents(tenantId, new DeviceId(entityId1), pageLink4);
+        assertEquals(5, events5.getData().size());
+
+        pageLink4 = pageLink4.nextPageLink();
+        PageData<Event> events6 = eventDao.findEvents(tenantId, new DeviceId(entityId1), pageLink4);
+        assertEquals(0, events6.getData().size());
 
     }
 
@@ -119,26 +123,25 @@ public class JpaBaseEventDaoTest extends AbstractJpaDaoTest {
         long startTime = System.currentTimeMillis();
         long endTime = createEventsTwoEntitiesTwoTypes(tenantId, entityId1, entityId2, startTime, 20);
 
-        TimePageLink pageLink1 = new TimePageLink(30, null, null, true);
-        List<Event> events1 = eventDao.findEvents(tenantId, new DeviceId(entityId1), ALARM, pageLink1);
-        assertEquals(5, events1.size());
+        TimePageLink pageLink1 = new TimePageLink(30);
+        PageData<Event> events1 = eventDao.findEvents(tenantId, new DeviceId(entityId1), ALARM, pageLink1);
+        assertEquals(5, events1.getData().size());
 
-        TimePageLink pageLink2 = new TimePageLink(30, startTime, null, true);
-        List<Event> events2 = eventDao.findEvents(tenantId, new DeviceId(entityId1), ALARM, pageLink2);
-        assertEquals(5, events2.size());
+        TimePageLink pageLink2 = new TimePageLink(30, 0, "", null, startTime, null);
+        PageData<Event> events2 = eventDao.findEvents(tenantId, new DeviceId(entityId1), ALARM, pageLink2);
+        assertEquals(5, events2.getData().size());
 
-        TimePageLink pageLink3 = new TimePageLink(30, startTime, endTime, true);
-        List<Event> events3 = eventDao.findEvents(tenantId, new DeviceId(entityId1), ALARM, pageLink3);
-        assertEquals(5, events3.size());
+        TimePageLink pageLink3 = new TimePageLink(30, 0, "", null, startTime, endTime);
+        PageData<Event> events3 = eventDao.findEvents(tenantId, new DeviceId(entityId1), ALARM, pageLink3);
+        assertEquals(5, events3.getData().size());
 
-        TimePageLink pageLink4 = new TimePageLink(4, startTime, endTime, true);
-        List<Event> events4 = eventDao.findEvents(tenantId, new DeviceId(entityId1), ALARM, pageLink4);
-        assertEquals(4, events4.size());
+        TimePageLink pageLink4 = new TimePageLink(4, 0, "", null, startTime, endTime);
+        PageData<Event> events4 = eventDao.findEvents(tenantId, new DeviceId(entityId1), ALARM, pageLink4);
+        assertEquals(4, events4.getData().size());
 
-        UUID idOffset = events3.get(2).getId().getId();
-        TimePageLink pageLink5 = new TimePageLink(10, startTime, endTime, true, idOffset);
-        List<Event> events5 = eventDao.findEvents(tenantId, new DeviceId(entityId1), ALARM, pageLink5);
-        assertEquals(2, events5.size());
+        pageLink4 = pageLink4.nextPageLink();
+        PageData<Event> events5 = eventDao.findEvents(tenantId, new DeviceId(entityId1), ALARM, pageLink4);
+        assertEquals(2, events5.getData().size());
     }
 
     private long createEventsTwoEntitiesTwoTypes(UUID tenantId, UUID entityId1, UUID entityId2, long startTime, int count) {
diff --git a/dao/src/test/java/org/thingsboard/server/dao/sql/tenant/JpaTenantDaoTest.java b/dao/src/test/java/org/thingsboard/server/dao/sql/tenant/JpaTenantDaoTest.java
index 182927de63..057a1299e7 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/sql/tenant/JpaTenantDaoTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/sql/tenant/JpaTenantDaoTest.java
@@ -21,7 +21,8 @@ import org.junit.Test;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.thingsboard.server.common.data.Tenant;
 import org.thingsboard.server.common.data.id.TenantId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.dao.AbstractJpaDaoTest;
 import org.thingsboard.server.dao.service.AbstractServiceTest;
 import org.thingsboard.server.dao.tenant.TenantDao;
@@ -43,14 +44,20 @@ public class JpaTenantDaoTest extends AbstractJpaDaoTest {
     public void testFindTenantsByRegion() {
         createTenants();
         assertEquals(60, tenantDao.find(AbstractServiceTest.SYSTEM_TENANT_ID).size());
-        List<Tenant> tenants1 = tenantDao.findTenantsByRegion(AbstractServiceTest.SYSTEM_TENANT_ID, "REGION_1", new TextPageLink(20,"title"));
-        assertEquals(20, tenants1.size());
-        List<Tenant> tenants2 = tenantDao.findTenantsByRegion(AbstractServiceTest.SYSTEM_TENANT_ID,"REGION_1",
-                new TextPageLink(20,"title", tenants1.get(19).getId().getId(), null));
-        assertEquals(10, tenants2.size());
-        List<Tenant> tenants3 = tenantDao.findTenantsByRegion(AbstractServiceTest.SYSTEM_TENANT_ID,"REGION_1",
-                new TextPageLink(20,"title", tenants2.get(9).getId().getId(), null));
-        assertEquals(0, tenants3.size());
+
+        PageLink pageLink = new PageLink(20, 0, "title");
+        PageData<Tenant> tenants1 = tenantDao.findTenantsByRegion(AbstractServiceTest.SYSTEM_TENANT_ID, "REGION_1", pageLink);
+        assertEquals(20, tenants1.getData().size());
+
+        pageLink = pageLink.nextPageLink();
+        PageData<Tenant> tenants2 = tenantDao.findTenantsByRegion(AbstractServiceTest.SYSTEM_TENANT_ID,"REGION_1",
+                pageLink);
+        assertEquals(10, tenants2.getData().size());
+
+        pageLink = pageLink.nextPageLink();
+        PageData<Tenant> tenants3 = tenantDao.findTenantsByRegion(AbstractServiceTest.SYSTEM_TENANT_ID,"REGION_1",
+                pageLink);
+        assertEquals(0, tenants3.getData().size());
     }
 
     private void createTenants() {
diff --git a/dao/src/test/java/org/thingsboard/server/dao/sql/user/JpaUserDaoTest.java b/dao/src/test/java/org/thingsboard/server/dao/sql/user/JpaUserDaoTest.java
index d03f6cc42d..2056b48788 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/sql/user/JpaUserDaoTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/sql/user/JpaUserDaoTest.java
@@ -25,7 +25,8 @@ import org.thingsboard.server.common.data.User;
 import org.thingsboard.server.common.data.id.CustomerId;
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.common.data.id.UserId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.security.Authority;
 import org.thingsboard.server.dao.AbstractJpaDaoTest;
 import org.thingsboard.server.dao.service.AbstractServiceTest;
@@ -73,14 +74,17 @@ public class JpaUserDaoTest extends AbstractJpaDaoTest {
         UUID tenantId = UUIDs.timeBased();
         UUID customerId = UUIDs.timeBased();
         create30Adminsand60Users(tenantId, customerId);
-        List<User> tenantAdmins1 = userDao.findTenantAdmins(tenantId, new TextPageLink(20));
-        assertEquals(20, tenantAdmins1.size());
-        List<User> tenantAdmins2 = userDao.findTenantAdmins(tenantId,
-                new TextPageLink(20, null, tenantAdmins1.get(19).getId().getId(), null));
-        assertEquals(10, tenantAdmins2.size());
-        List<User> tenantAdmins3 = userDao.findTenantAdmins(tenantId,
-                new TextPageLink(20, null, tenantAdmins2.get(9).getId().getId(), null));
-        assertEquals(0, tenantAdmins3.size());
+        PageLink pageLink = new PageLink(20);
+        PageData<User> tenantAdmins1 = userDao.findTenantAdmins(tenantId, pageLink);
+        assertEquals(20, tenantAdmins1.getData().size());
+        pageLink = pageLink.nextPageLink();
+        PageData<User> tenantAdmins2 = userDao.findTenantAdmins(tenantId,
+                pageLink);
+        assertEquals(10, tenantAdmins2.getData().size());
+        pageLink = pageLink.nextPageLink();
+        PageData<User> tenantAdmins3 = userDao.findTenantAdmins(tenantId,
+                pageLink);
+        assertEquals(0, tenantAdmins3.getData().size());
     }
 
     @Test
@@ -89,14 +93,17 @@ public class JpaUserDaoTest extends AbstractJpaDaoTest {
         UUID tenantId = UUIDs.timeBased();
         UUID customerId = UUIDs.timeBased();
         create30Adminsand60Users(tenantId, customerId);
-        List<User> customerUsers1 = userDao.findCustomerUsers(tenantId, customerId, new TextPageLink(40));
-        assertEquals(40, customerUsers1.size());
-        List<User> customerUsers2 = userDao.findCustomerUsers(tenantId, customerId,
-                new TextPageLink(20, null, customerUsers1.get(39).getId().getId(), null));
-        assertEquals(20, customerUsers2.size());
-        List<User> customerUsers3 = userDao.findCustomerUsers(tenantId, customerId,
-                new TextPageLink(20, null, customerUsers2.get(19).getId().getId(), null));
-        assertEquals(0, customerUsers3.size());
+        PageLink pageLink = new PageLink(40);
+        PageData<User> customerUsers1 = userDao.findCustomerUsers(tenantId, customerId, pageLink);
+        assertEquals(40, customerUsers1.getData().size());
+        pageLink = pageLink.nextPageLink();
+        PageData<User> customerUsers2 = userDao.findCustomerUsers(tenantId, customerId,
+                pageLink);
+        assertEquals(20, customerUsers2.getData().size());
+        pageLink = pageLink.nextPageLink();
+        PageData<User> customerUsers3 = userDao.findCustomerUsers(tenantId, customerId,
+                pageLink);
+        assertEquals(0, customerUsers3.getData().size());
     }
 
     @Test
diff --git a/dao/src/test/java/org/thingsboard/server/dao/sql/widget/JpaWidgetsBundleDaoTest.java b/dao/src/test/java/org/thingsboard/server/dao/sql/widget/JpaWidgetsBundleDaoTest.java
index c4ff5fad3d..5463f3d8aa 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/sql/widget/JpaWidgetsBundleDaoTest.java
+++ b/dao/src/test/java/org/thingsboard/server/dao/sql/widget/JpaWidgetsBundleDaoTest.java
@@ -23,7 +23,8 @@ import org.junit.Test;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.thingsboard.server.common.data.id.TenantId;
 import org.thingsboard.server.common.data.id.WidgetsBundleId;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.widget.WidgetsBundle;
 import org.thingsboard.server.dao.AbstractJpaDaoTest;
 import org.thingsboard.server.dao.service.AbstractServiceTest;
@@ -65,13 +66,13 @@ public class JpaWidgetsBundleDaoTest extends AbstractJpaDaoTest {
         createSystemWidgetBundles(30, "WB_");
         assertEquals(30, widgetsBundleDao.find(AbstractServiceTest.SYSTEM_TENANT_ID).size());
         // Get first page
-        TextPageLink textPageLink1 = new TextPageLink(10, "WB");
-        List<WidgetsBundle> widgetsBundles1 = widgetsBundleDao.findSystemWidgetsBundles(AbstractServiceTest.SYSTEM_TENANT_ID, textPageLink1);
-        assertEquals(10, widgetsBundles1.size());
+        PageLink pageLink = new PageLink(10, 0, "WB");
+        PageData<WidgetsBundle> widgetsBundles1 = widgetsBundleDao.findSystemWidgetsBundles(AbstractServiceTest.SYSTEM_TENANT_ID, pageLink);
+        assertEquals(10, widgetsBundles1.getData().size());
         // Get next page
-        TextPageLink textPageLink2 = new TextPageLink(10, "WB", widgetsBundles1.get(9).getId().getId(), null);
-        List<WidgetsBundle> widgetsBundles2 = widgetsBundleDao.findSystemWidgetsBundles(AbstractServiceTest.SYSTEM_TENANT_ID, textPageLink2);
-        assertEquals(10, widgetsBundles2.size());
+        pageLink = pageLink.nextPageLink();
+        PageData<WidgetsBundle> widgetsBundles2 = widgetsBundleDao.findSystemWidgetsBundles(AbstractServiceTest.SYSTEM_TENANT_ID, pageLink);
+        assertEquals(10, widgetsBundles2.getData().size());
     }
 
     @Test
@@ -87,18 +88,17 @@ public class JpaWidgetsBundleDaoTest extends AbstractJpaDaoTest {
         }
         assertEquals(180, widgetsBundleDao.find(AbstractServiceTest.SYSTEM_TENANT_ID).size());
 
-        TextPageLink textPageLink1 = new TextPageLink(40, "WB");
-        List<WidgetsBundle> widgetsBundles1 = widgetsBundleDao.findTenantWidgetsBundlesByTenantId(tenantId1, textPageLink1);
-        assertEquals(30, widgetsBundles1.size());
+        PageLink pageLink1 = new PageLink(40, 0,  "WB");
+        PageData<WidgetsBundle> widgetsBundles1 = widgetsBundleDao.findTenantWidgetsBundlesByTenantId(tenantId1, pageLink1);
+        assertEquals(30, widgetsBundles1.getData().size());
 
-        TextPageLink textPageLink2 = new TextPageLink(40, "WB");
-        List<WidgetsBundle> widgetsBundles2 = widgetsBundleDao.findTenantWidgetsBundlesByTenantId(tenantId2, textPageLink2);
-        assertEquals(40, widgetsBundles2.size());
+        PageLink pageLink2 = new PageLink(40, 0,  "WB");
+        PageData<WidgetsBundle> widgetsBundles2 = widgetsBundleDao.findTenantWidgetsBundlesByTenantId(tenantId2, pageLink2);
+        assertEquals(40, widgetsBundles2.getData().size());
 
-        TextPageLink textPageLink3 = new TextPageLink(40, "WB",
-                widgetsBundles2.get(39).getId().getId(), null);
-        List<WidgetsBundle> widgetsBundles3 = widgetsBundleDao.findTenantWidgetsBundlesByTenantId(tenantId2, textPageLink3);
-        assertEquals(10, widgetsBundles3.size());
+        pageLink2 = pageLink2.nextPageLink();
+        PageData<WidgetsBundle> widgetsBundles3 = widgetsBundleDao.findTenantWidgetsBundlesByTenantId(tenantId2, pageLink2);
+        assertEquals(10, widgetsBundles3.getData().size());
     }
 
     @Test
@@ -113,25 +113,21 @@ public class JpaWidgetsBundleDaoTest extends AbstractJpaDaoTest {
             createSystemWidgetBundles(2, "WB_SYS_");
         }
 
-        TextPageLink textPageLink1 = new TextPageLink(30, "WB");
-        List<WidgetsBundle> widgetsBundles1 = widgetsBundleDao.findAllTenantWidgetsBundlesByTenantId(tenantId1, textPageLink1);
-        assertEquals(30, widgetsBundles1.size());
+        PageLink pageLink = new PageLink(30, 0,  "WB");
+        PageData<WidgetsBundle> widgetsBundles1 = widgetsBundleDao.findAllTenantWidgetsBundlesByTenantId(tenantId1, pageLink);
+        assertEquals(30, widgetsBundles1.getData().size());
 
-        TextPageLink textPageLink2 = new TextPageLink(30, "WB",
-                widgetsBundles1.get(29).getId().getId(), null);
-        List<WidgetsBundle> widgetsBundles2 = widgetsBundleDao.findAllTenantWidgetsBundlesByTenantId(tenantId1, textPageLink2);
+        pageLink = pageLink.nextPageLink();
+        PageData<WidgetsBundle> widgetsBundles2 = widgetsBundleDao.findAllTenantWidgetsBundlesByTenantId(tenantId1, pageLink);
+        assertEquals(30, widgetsBundles2.getData().size());
 
-        assertEquals(30, widgetsBundles2.size());
+        pageLink = pageLink.nextPageLink();
+        PageData<WidgetsBundle> widgetsBundles3 = widgetsBundleDao.findAllTenantWidgetsBundlesByTenantId(tenantId1, pageLink);
+        assertEquals(10, widgetsBundles3.getData().size());
 
-        TextPageLink textPageLink3 = new TextPageLink(30, "WB",
-                widgetsBundles2.get(29).getId().getId(), null);
-        List<WidgetsBundle> widgetsBundles3 = widgetsBundleDao.findAllTenantWidgetsBundlesByTenantId(tenantId1, textPageLink3);
-        assertEquals(10, widgetsBundles3.size());
-
-        TextPageLink textPageLink4 = new TextPageLink(30, "WB",
-                widgetsBundles3.get(9).getId().getId(), null);
-        List<WidgetsBundle> widgetsBundles4 = widgetsBundleDao.findAllTenantWidgetsBundlesByTenantId(tenantId1, textPageLink4);
-        assertEquals(0, widgetsBundles4.size());
+        pageLink = pageLink.nextPageLink();
+        PageData<WidgetsBundle> widgetsBundles4 = widgetsBundleDao.findAllTenantWidgetsBundlesByTenantId(tenantId1, pageLink);
+        assertEquals(0, widgetsBundles4.getData().size());
     }
 
     @Test
@@ -142,9 +138,9 @@ public class JpaWidgetsBundleDaoTest extends AbstractJpaDaoTest {
         createWidgetBundles(5, tenantId, "ABC_");
         createSystemWidgetBundles(5, "SYS_");
 
-        TextPageLink textPageLink = new TextPageLink(30, "TEXT_NOT_FOUND");
-        List<WidgetsBundle> widgetsBundles4 = widgetsBundleDao.findAllTenantWidgetsBundlesByTenantId(tenantId, textPageLink);
-        assertEquals(0, widgetsBundles4.size());
+        PageLink textPageLink = new PageLink(30, 0, "TEXT_NOT_FOUND");
+        PageData<WidgetsBundle> widgetsBundles4 = widgetsBundleDao.findAllTenantWidgetsBundlesByTenantId(tenantId, textPageLink);
+        assertEquals(0, widgetsBundles4.getData().size());
     }
 
     private void createWidgetBundles(int count, UUID tenantId, String prefix) {
diff --git a/dao/src/test/resources/cassandra/system-test.cql b/dao/src/test/resources/cassandra/system-test.cql
deleted file mode 100644
index de4e325745..0000000000
--- a/dao/src/test/resources/cassandra/system-test.cql
+++ /dev/null
@@ -1,27 +0,0 @@
-TRUNCATE thingsboard.rule_chain;
-TRUNCATE thingsboard.rule_node;
-
--- msg_queue dataset
-
-INSERT INTO thingsboard.msg_queue (node_id, cluster_partition, ts_partition, ts, msg)
-    VALUES (055eee50-1883-11e8-b380-65b5d5335ba9, 101, 200, 201, null);
-INSERT INTO thingsboard.msg_queue (node_id, cluster_partition, ts_partition, ts, msg)
-    VALUES (055eee50-1883-11e8-b380-65b5d5335ba9, 101, 200, 202, null);
-INSERT INTO thingsboard.msg_queue (node_id, cluster_partition, ts_partition, ts, msg)
-    VALUES (055eee50-1883-11e8-b380-65b5d5335ba9, 101, 300, 301, null);
-
--- ack_queue dataset
-INSERT INTO thingsboard.msg_ack_queue (node_id, cluster_partition, ts_partition, msg_id)
-    VALUES (055eee50-1883-11e8-b380-65b5d5335ba9, 101, 300, bebaeb60-1888-11e8-bf21-65b5d5335ba9);
-INSERT INTO thingsboard.msg_ack_queue (node_id, cluster_partition, ts_partition, msg_id)
-    VALUES (055eee50-1883-11e8-b380-65b5d5335ba9, 101, 300, 12baeb60-1888-11e8-bf21-65b5d5335ba9);
-INSERT INTO thingsboard.msg_ack_queue (node_id, cluster_partition, ts_partition, msg_id)
-    VALUES (055eee50-1883-11e8-b380-65b5d5335ba9, 101, 200, 32baeb60-1888-11e8-bf21-65b5d5335ba9);
-
--- processed partition dataset
-INSERT INTO thingsboard.processed_msg_partitions (node_id, cluster_partition, ts_partition)
-    VALUES (055eee50-1883-11e8-b380-65b5d5335ba9, 101, 100);
-INSERT INTO thingsboard.processed_msg_partitions (node_id, cluster_partition, ts_partition)
-    VALUES (055eee50-1883-11e8-b380-65b5d5335ba9, 101, 777);
-INSERT INTO thingsboard.processed_msg_partitions (node_id, cluster_partition, ts_partition)
-    VALUES (055eee50-1883-11e8-b380-65b5d5335ba9, 202, 200);
\ No newline at end of file
diff --git a/dao/src/test/resources/nosql-test.properties b/dao/src/test/resources/nosql-test.properties
index 7c3ec51e8a..8f827eab43 100644
--- a/dao/src/test/resources/nosql-test.properties
+++ b/dao/src/test/resources/nosql-test.properties
@@ -1,2 +1,16 @@
-database.entities.type=cassandra
 database.ts.type=cassandra
+
+sql.ts_inserts_executor_type=fixed
+sql.ts_inserts_fixed_thread_pool_size=10
+
+spring.jpa.properties.hibernate.jdbc.lob.non_contextual_creation=true
+spring.jpa.properties.hibernate.order_by.default_null_ordering=last
+spring.jpa.show-sql=false
+spring.jpa.hibernate.ddl-auto=none
+spring.jpa.database-platform=org.hibernate.dialect.HSQLDialect
+
+spring.datasource.username=sa
+spring.datasource.password=
+spring.datasource.url=jdbc:hsqldb:file:/tmp/testDb;sql.enforce_size=false
+spring.datasource.driverClassName=org.hsqldb.jdbc.JDBCDriver
+spring.datasource.hikari.maximumPoolSize = 50
diff --git a/dao/src/test/resources/sql-test.properties b/dao/src/test/resources/sql-test.properties
index 765e0da3d6..c7dd8e6429 100644
--- a/dao/src/test/resources/sql-test.properties
+++ b/dao/src/test/resources/sql-test.properties
@@ -1,11 +1,11 @@
 database.ts.type=sql
-database.entities.type=sql
 
 sql.ts_inserts_executor_type=fixed
 sql.ts_inserts_fixed_thread_pool_size=200
 sql.ts_key_value_partitioning=MONTHS
 
 spring.jpa.properties.hibernate.jdbc.lob.non_contextual_creation=true
+spring.jpa.properties.hibernate.order_by.default_null_ordering=last
 spring.jpa.show-sql=false
 spring.jpa.hibernate.ddl-auto=validate
 spring.jpa.database-platform=org.hibernate.dialect.HSQLDialect
diff --git a/dao/src/main/resources/sql/system-data.sql b/dao/src/test/resources/sql/system-data.sql
similarity index 100%
rename from dao/src/main/resources/sql/system-data.sql
rename to dao/src/test/resources/sql/system-data.sql
diff --git a/msa/black-box-tests/pom.xml b/msa/black-box-tests/pom.xml
index ea8ae0db3a..2d73bcb7b2 100644
--- a/msa/black-box-tests/pom.xml
+++ b/msa/black-box-tests/pom.xml
@@ -21,7 +21,7 @@
 
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>msa</artifactId>
     </parent>
     <groupId>org.thingsboard.msa</groupId>
diff --git a/msa/black-box-tests/src/test/java/org/thingsboard/server/msa/connectivity/MqttClientTest.java b/msa/black-box-tests/src/test/java/org/thingsboard/server/msa/connectivity/MqttClientTest.java
index 0342d512cc..d9dce3626c 100644
--- a/msa/black-box-tests/src/test/java/org/thingsboard/server/msa/connectivity/MqttClientTest.java
+++ b/msa/black-box-tests/src/test/java/org/thingsboard/server/msa/connectivity/MqttClientTest.java
@@ -39,7 +39,7 @@ import org.thingsboard.mqtt.MqttClientConfig;
 import org.thingsboard.mqtt.MqttHandler;
 import org.thingsboard.server.common.data.Device;
 import org.thingsboard.server.common.data.id.RuleChainId;
-import org.thingsboard.server.common.data.page.TextPageData;
+import org.thingsboard.server.common.data.page.PageData;
 import org.thingsboard.server.common.data.rule.NodeConnectionInfo;
 import org.thingsboard.server.common.data.rule.RuleChain;
 import org.thingsboard.server.common.data.rule.RuleChainMetaData;
@@ -372,11 +372,11 @@ public class MqttClientTest extends AbstractContainerTest {
     }
 
     private RuleChainId getDefaultRuleChainId() {
-        ResponseEntity<TextPageData<RuleChain>> ruleChains = restClient.getRestTemplate().exchange(
-                HTTPS_URL + "/api/ruleChains?limit=40&textSearch=",
+        ResponseEntity<PageData<RuleChain>> ruleChains = restClient.getRestTemplate().exchange(
+                HTTPS_URL + "/api/ruleChains?pageSize=40&page=0&textSearch=",
                 HttpMethod.GET,
                 null,
-                new ParameterizedTypeReference<TextPageData<RuleChain>>() {
+                new ParameterizedTypeReference<PageData<RuleChain>>() {
                 });
 
         Optional<RuleChain> defaultRuleChain = ruleChains.getBody().getData()
diff --git a/msa/js-executor/package-lock.json b/msa/js-executor/package-lock.json
index 77d1d60b39..63eddd7699 100644
--- a/msa/js-executor/package-lock.json
+++ b/msa/js-executor/package-lock.json
@@ -5,63 +5,50 @@
   "requires": true,
   "dependencies": {
     "@babel/parser": {
-      "version": "7.4.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.4.5.tgz",
-      "integrity": "sha512-9mUqkL1FF5T7f0WDFfAoDdiMVPWsdD1gZYzSnaXsxUCUqzuch/8of9G3VUSNiZmMBoRxT3neyVsqeiL/ZPcjew==",
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.8.4.tgz",
+      "integrity": "sha512-0fKu/QqildpXmPVaRBoXOlyBb3MC+J0A66x97qEfLOMkn3u6nfY5esWogQwi/K0BjASYy4DbnsEWnpNL6qT5Mw==",
       "dev": true
     },
     "@babel/runtime": {
-      "version": "7.4.5",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.4.5.tgz",
-      "integrity": "sha512-TuI4qpWZP6lGOGIuGWtp9sPluqYICmbk8T/1vpSysqJxRPkudh/ofFWyqdcMsDf2s7KvDL4/YHgKyvcS3g9CJQ==",
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.8.4.tgz",
+      "integrity": "sha512-neAp3zt80trRVBI1x0azq6c57aNBqYZH8KhMm3TaB7wEI5Q4A2SHfBHE8w9gOhI/lrqxtEbXZgQIrHP+wvSGwQ==",
       "dev": true,
       "requires": {
         "regenerator-runtime": "^0.13.2"
       }
     },
-    "@mrmlnc/readdir-enhanced": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz",
-      "integrity": "sha512-bPHp6Ji8b41szTOcaP63VlnbbO5Ny6dwAATtY6JTjh5N2OLrb5Qk/Th5cRkRQhkWCt+EJsYrNB0MiL+Gpn6e3g==",
+    "@nodelib/fs.scandir": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.3.tgz",
+      "integrity": "sha512-eGmwYQn3gxo4r7jdQnkrrN6bY478C3P+a/y72IJukF8LjB6ZHeB3c+Ehacj3sYeSmUXGlnA67/PmbM9CVwL7Dw==",
       "dev": true,
       "requires": {
-        "call-me-maybe": "^1.0.1",
-        "glob-to-regexp": "^0.3.0"
+        "@nodelib/fs.stat": "2.0.3",
+        "run-parallel": "^1.1.9"
       }
     },
     "@nodelib/fs.stat": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz",
-      "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==",
-      "dev": true
-    },
-    "@types/events": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.0.tgz",
-      "integrity": "sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.3.tgz",
+      "integrity": "sha512-bQBFruR2TAwoevBEd/NWMoAAtNGzTRgdrqnYCc7dhzfoNvqPzLyqlEQnzZ3kVnNrSp25iyxE00/3h2fqGAGArA==",
       "dev": true
     },
-    "@types/glob": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.1.1.tgz",
-      "integrity": "sha512-1Bh06cbWJUHMC97acuD6UMG29nMt0Aqz1vF3guLfG+kHHJhy3AyohZFFxYk2f7Q1SQIrNwvncxAE0N/9s70F2w==",
+    "@nodelib/fs.walk": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.4.tgz",
+      "integrity": "sha512-1V9XOY4rDW0rehzbrcqAmHnz8e7SKvX27gh8Gt2WgB0+pdzdiLV83p72kZPU+jvMbS1qU5mauP2iOvO8rhmurQ==",
       "dev": true,
       "requires": {
-        "@types/events": "*",
-        "@types/minimatch": "*",
-        "@types/node": "*"
+        "@nodelib/fs.scandir": "2.1.3",
+        "fastq": "^1.6.0"
       }
     },
-    "@types/minimatch": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz",
-      "integrity": "sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==",
-      "dev": true
-    },
-    "@types/node": {
-      "version": "10.12.10",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-10.12.10.tgz",
-      "integrity": "sha512-8xZEYckCbUVgK8Eg7lf5Iy4COKJ5uXlnIOnePN0WUwSQggy9tolM+tDJf7wMOnT/JT/W9xDYIaYggt3mRV2O5w==",
+    "@types/color-name": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz",
+      "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==",
       "dev": true
     },
     "abbrev": {
@@ -71,12 +58,12 @@
       "dev": true
     },
     "ajv": {
-      "version": "6.10.2",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.2.tgz",
-      "integrity": "sha512-TXtUUEYHuaTEbLZWIKUr5pmBuhDLy+8KYtPYdcV8qC+pOZL+NKqYwvWSRrVXHn+ZmRRAu8vJTAznH7Oag6RVRw==",
+      "version": "6.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.11.0.tgz",
+      "integrity": "sha512-nCprB/0syFYy9fVYU1ox1l2KN8S9I+tziH8D4zdZuLT3N6RMlGSGt5FSTpAiHB/Whv8Qs1cWHma1aMKZyaHRKA==",
       "dev": true,
       "requires": {
-        "fast-deep-equal": "^2.0.1",
+        "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
         "json-schema-traverse": "^0.4.1",
         "uri-js": "^4.2.2"
@@ -89,41 +76,14 @@
       "dev": true,
       "requires": {
         "string-width": "^2.0.0"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
-          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
-          "dev": true
-        },
-        "is-fullwidth-code-point": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
-          "dev": true
-        },
-        "string-width": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
-          "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
-          "dev": true,
-          "requires": {
-            "is-fullwidth-code-point": "^2.0.0",
-            "strip-ansi": "^4.0.0"
-          }
-        },
-        "strip-ansi": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
-          "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^3.0.0"
-          }
-        }
       }
     },
+    "ansi-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+      "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
+      "dev": true
+    },
     "ansi-styles": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
@@ -141,6 +101,17 @@
       "requires": {
         "micromatch": "^3.1.4",
         "normalize-path": "^2.1.1"
+      },
+      "dependencies": {
+        "normalize-path": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+          "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
+          "dev": true,
+          "requires": {
+            "remove-trailing-separator": "^1.0.1"
+          }
+        }
       }
     },
     "argparse": {
@@ -170,18 +141,9 @@
       "dev": true
     },
     "array-union": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
-      "integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=",
-      "dev": true,
-      "requires": {
-        "array-uniq": "^1.0.1"
-      }
-    },
-    "array-uniq": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
-      "integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
       "dev": true
     },
     "array-unique": {
@@ -212,17 +174,17 @@
       "dev": true
     },
     "async": {
-      "version": "2.6.1",
-      "resolved": "https://registry.npmjs.org/async/-/async-2.6.1.tgz",
-      "integrity": "sha512-fNEiL2+AZt6AlAw/29Cr0UDe4sRAHCpEHh54WMz+Bb7QfNcFw4h3loofyJpLeQs4Yx7yuqu/2dLgM5hKOs6HlQ==",
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
+      "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
       "requires": {
-        "lodash": "^4.17.10"
+        "lodash": "^4.17.14"
       }
     },
     "async-each": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.1.tgz",
-      "integrity": "sha1-GdOGodntxufByF04iu28xW0zYC0=",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz",
+      "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==",
       "dev": true
     },
     "asynckit": {
@@ -244,9 +206,9 @@
       "dev": true
     },
     "aws4": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.8.0.tgz",
-      "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==",
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.9.1.tgz",
+      "integrity": "sha512-wMHVg2EOHaMRxbzgFJ9gtjOOCrI80OHLG14rxi28XwOW8ux6IiEbRCGGGqCtdAIg4FQCbW20k9RsT4y3gJlFug==",
       "dev": true
     },
     "balanced-match": {
@@ -320,11 +282,21 @@
       }
     },
     "binary-extensions": {
-      "version": "1.12.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.12.0.tgz",
-      "integrity": "sha512-DYWGk01lDcxeS/K9IHPGWfT8PsJmbXRtRd2Sx72Tnb8pcYZQFF1oSDb8hJtS1vhp212q1Rzi5dUf9+nq0o9UIg==",
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+      "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
       "dev": true
     },
+    "bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
     "boxen": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/boxen/-/boxen-1.3.0.tgz",
@@ -338,39 +310,6 @@
         "string-width": "^2.0.0",
         "term-size": "^1.2.0",
         "widest-line": "^2.0.0"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
-          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
-          "dev": true
-        },
-        "is-fullwidth-code-point": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
-          "dev": true
-        },
-        "string-width": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
-          "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
-          "dev": true,
-          "requires": {
-            "is-fullwidth-code-point": "^2.0.0",
-            "strip-ansi": "^4.0.0"
-          }
-        },
-        "strip-ansi": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
-          "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^3.0.0"
-          }
-        }
       }
     },
     "brace-expansion": {
@@ -435,12 +374,6 @@
         "unset-value": "^1.0.0"
       }
     },
-    "call-me-maybe": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/call-me-maybe/-/call-me-maybe-1.0.1.tgz",
-      "integrity": "sha1-JtII6onje1y95gJQoV8DHBak1ms=",
-      "dev": true
-    },
     "camelcase": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
@@ -460,9 +393,9 @@
       "dev": true
     },
     "chalk": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.1.tgz",
-      "integrity": "sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==",
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
       "dev": true,
       "requires": {
         "ansi-styles": "^3.2.1",
@@ -471,24 +404,23 @@
       }
     },
     "chokidar": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.0.4.tgz",
-      "integrity": "sha512-z9n7yt9rOvIJrMhvDtDictKrkFHeihkNl6uWMmZlmL6tJtX9Cs+87oK+teBx+JIgzvbX3yZHT3eF8vpbDxHJXQ==",
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
+      "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
       "dev": true,
       "requires": {
         "anymatch": "^2.0.0",
-        "async-each": "^1.0.0",
-        "braces": "^2.3.0",
-        "fsevents": "^1.2.2",
+        "async-each": "^1.0.1",
+        "braces": "^2.3.2",
+        "fsevents": "^1.2.7",
         "glob-parent": "^3.1.0",
-        "inherits": "^2.0.1",
+        "inherits": "^2.0.3",
         "is-binary-path": "^1.0.0",
         "is-glob": "^4.0.0",
-        "lodash.debounce": "^4.0.8",
-        "normalize-path": "^2.1.1",
+        "normalize-path": "^3.0.0",
         "path-is-absolute": "^1.0.0",
-        "readdirp": "^2.0.0",
-        "upath": "^1.0.5"
+        "readdirp": "^2.2.1",
+        "upath": "^1.1.1"
       }
     },
     "ci-info": {
@@ -573,14 +505,14 @@
       "integrity": "sha1-+IiQMGhcfE/54qVZ9Qd+t2qBb5Y="
     },
     "colors": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/colors/-/colors-1.3.2.tgz",
-      "integrity": "sha512-rhP0JSBGYvpcNQj4s5AdShMeE5ahMop96cTeDl/v9qQQm2fYClE2QXZRi8wLzc+GmXSxdIqqbOIAhyObEXDbfQ=="
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
+      "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA=="
     },
     "colorspace": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/colorspace/-/colorspace-1.1.1.tgz",
-      "integrity": "sha512-pI3btWyiuz7Ken0BWh9Elzsmv2bM9AhA7psXib4anUXy/orfZ/E0MbQwhSOG/9L8hLlalqrU0UhOuqxW1YjmVw==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/colorspace/-/colorspace-1.1.2.tgz",
+      "integrity": "sha512-vt+OoIP2d76xLhjwbBaucYlNSpPsrJWPlBTtwCpQKIu6/CSMutyzX93O/Do0qzpH3YoHEes8YEFXyZ797rEhzQ==",
       "requires": {
         "color": "3.0.x",
         "text-hex": "1.0.x"
@@ -596,9 +528,9 @@
       }
     },
     "component-emitter": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz",
-      "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
+      "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==",
       "dev": true
     },
     "concat-map": {
@@ -608,9 +540,9 @@
       "dev": true
     },
     "config": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/config/-/config-3.2.2.tgz",
-      "integrity": "sha512-rOsfIOAcG82AWouK4/vBS/OKz3UPl2T/kP0irExmXJJOoWg2CmdfPLdx56bCoMUMFNh+7soQkQWCUC8DyemiwQ==",
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/config/-/config-3.2.5.tgz",
+      "integrity": "sha512-8itpjyR01lAJanhAlPncBngYRZez/LoRLW8wnGi+6SEcsUyA1wvHvbpIrAJYDJT+W9BScnj4mYoUgbtp9I+0+Q==",
       "requires": {
         "json5": "^1.0.1"
       }
@@ -681,12 +613,12 @@
       }
     },
     "debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz",
+      "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==",
       "dev": true,
       "requires": {
-        "ms": "2.0.0"
+        "ms": "^2.1.1"
       }
     },
     "decode-uri-component": {
@@ -765,12 +697,12 @@
       }
     },
     "dir-glob": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-2.2.2.tgz",
-      "integrity": "sha512-f9LBi5QWzIW3I6e//uxZoLBlUt9kcp66qo0sSCxL6YZKc75R1c4MFCoe/LaZiBGmgujvQdxc5Bn3QhfyvK5Hsw==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
       "dev": true,
       "requires": {
-        "path-type": "^3.0.0"
+        "path-type": "^4.0.0"
       }
     },
     "dot-prop": {
@@ -800,16 +732,16 @@
     },
     "enabled": {
       "version": "1.0.2",
-      "resolved": "http://registry.npmjs.org/enabled/-/enabled-1.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/enabled/-/enabled-1.0.2.tgz",
       "integrity": "sha1-ll9lE9LC0cX0ZStkouM5ZGf8L5M=",
       "requires": {
         "env-variable": "0.0.x"
       }
     },
     "env-variable": {
-      "version": "0.0.5",
-      "resolved": "https://registry.npmjs.org/env-variable/-/env-variable-0.0.5.tgz",
-      "integrity": "sha512-zoB603vQReOFvTg5xMl9I1P2PnHsHQQKTEowsKKD7nseUfJq6UWzK+4YtlWUO1nhiQUxe6XMkk+JleSZD1NZFA=="
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/env-variable/-/env-variable-0.0.6.tgz",
+      "integrity": "sha512-bHz59NlBbtS0NhftmR8+ExBEekE7br0e01jw+kk0NDro7TtZzBYZ5ScGPs3OmwnpyfHTHOtr1Y6uedCdrIldtg=="
     },
     "escape-string-regexp": {
       "version": "1.0.5",
@@ -818,24 +750,18 @@
       "dev": true
     },
     "escodegen": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.11.1.tgz",
-      "integrity": "sha512-JwiqFD9KdGVVpeuRa68yU3zZnBEOcPs0nKW7wZzXky8Z7tffdYUHbe11bPCV5jYlK6DVdKLWLm0f5I/QlL0Kmw==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.14.1.tgz",
+      "integrity": "sha512-Bmt7NcRySdIfNPfU2ZoXDrrXsG9ZjvDxcAlMfDUgRBjLOWTuIACXPBFJH7Z+cLb40JeQco5toikyc9t9P8E9SQ==",
       "dev": true,
       "requires": {
-        "esprima": "^3.1.3",
+        "esprima": "^4.0.1",
         "estraverse": "^4.2.0",
         "esutils": "^2.0.2",
         "optionator": "^0.8.1",
         "source-map": "~0.6.1"
       },
       "dependencies": {
-        "esprima": {
-          "version": "3.1.3",
-          "resolved": "https://registry.npmjs.org/esprima/-/esprima-3.1.3.tgz",
-          "integrity": "sha1-/cpRzuYTOJXjyI1TXOSdv/YqRjM=",
-          "dev": true
-        },
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -851,15 +777,15 @@
       "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A=="
     },
     "estraverse": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.2.0.tgz",
-      "integrity": "sha1-De4/7TH81GlhjOc0IJn8GvoL2xM=",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
       "dev": true
     },
     "esutils": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz",
-      "integrity": "sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
       "dev": true
     },
     "execa": {
@@ -892,6 +818,15 @@
         "to-regex": "^3.0.1"
       },
       "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
         "define-property": {
           "version": "0.2.5",
           "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
@@ -909,6 +844,12 @@
           "requires": {
             "is-extendable": "^0.1.0"
           }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
         }
       }
     },
@@ -1017,29 +958,82 @@
       "dev": true
     },
     "fast-deep-equal": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
-      "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.1.tgz",
+      "integrity": "sha512-8UEa58QDLauDNfpbrX55Q9jrGHThw2ZMdOky5Gl1CDtVeJDPVrG4Jxx1N8jw2gkWaff5UUuX1KJd+9zGe2B+ZA==",
       "dev": true
     },
     "fast-glob": {
-      "version": "2.2.7",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.7.tgz",
-      "integrity": "sha512-g1KuQwHOZAmOZMuBtHdxDtju+T2RT8jgCC9aANsbpdiDDTSnjgfuVsIBNKbUeJI3oKMRExcfNDtJl4OhbffMsw==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.1.1.tgz",
+      "integrity": "sha512-nTCREpBY8w8r+boyFYAx21iL6faSsQynliPHM4Uf56SbkyohCNxpVPEH9xrF5TXKy+IsjkPUHDKiUkzBVRXn9g==",
       "dev": true,
       "requires": {
-        "@mrmlnc/readdir-enhanced": "^2.2.1",
-        "@nodelib/fs.stat": "^1.1.2",
-        "glob-parent": "^3.1.0",
-        "is-glob": "^4.0.0",
-        "merge2": "^1.2.3",
-        "micromatch": "^3.1.10"
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.0",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.2"
+      },
+      "dependencies": {
+        "braces": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+          "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+          "dev": true,
+          "requires": {
+            "fill-range": "^7.0.1"
+          }
+        },
+        "fill-range": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+          "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+          "dev": true,
+          "requires": {
+            "to-regex-range": "^5.0.1"
+          }
+        },
+        "glob-parent": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.0.tgz",
+          "integrity": "sha512-qjtRgnIVmOfnKUE3NJAQEdk+lKrxfw8t5ke7SXtfMTHcjsBfOfWXCQfdb30zfDoZQ2IRSIiidmjtbHZPZ++Ihw==",
+          "dev": true,
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        },
+        "is-number": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+          "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+          "dev": true
+        },
+        "micromatch": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.2.tgz",
+          "integrity": "sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==",
+          "dev": true,
+          "requires": {
+            "braces": "^3.0.1",
+            "picomatch": "^2.0.5"
+          }
+        },
+        "to-regex-range": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+          "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+          "dev": true,
+          "requires": {
+            "is-number": "^7.0.0"
+          }
+        }
       }
     },
     "fast-json-stable-stringify": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz",
-      "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I=",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
       "dev": true
     },
     "fast-levenshtein": {
@@ -1049,13 +1043,22 @@
       "dev": true
     },
     "fast-safe-stringify": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-safe-stringify/-/fast-safe-stringify-2.0.6.tgz",
-      "integrity": "sha512-q8BZ89jjc+mz08rSxROs8VsrBBcn1SIw1kq9NjolL509tkABRk9io01RAjSaEv1Xb2uFLt8VtRiZbGp5H8iDtg=="
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/fast-safe-stringify/-/fast-safe-stringify-2.0.7.tgz",
+      "integrity": "sha512-Utm6CdzT+6xsDk2m8S6uL8VHxNwI6Jub+e9NYTcAms28T84pTa25GJQV9j0CY0N1rM8hK4x6grpF2BQf+2qwVA=="
+    },
+    "fastq": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.6.0.tgz",
+      "integrity": "sha512-jmxqQ3Z/nXoeyDmWAzF9kH1aGZSis6e/SbfPmJpUnyZ0ogr6iscHQaml4wsEepEWSdtmpy+eVXmCRIMpxaXqOA==",
+      "dev": true,
+      "requires": {
+        "reusify": "^1.0.0"
+      }
     },
     "fecha": {
       "version": "2.3.3",
-      "resolved": "http://registry.npmjs.org/fecha/-/fecha-2.3.3.tgz",
+      "resolved": "https://registry.npmjs.org/fecha/-/fecha-2.3.3.tgz",
       "integrity": "sha512-lUGBnIamTAwk4znq5BcqsDaxSmZ9nDVJaij6NvRt/Tg4R69gERA+otPKbS86ROw9nxVMw2/mp1fnaiWqbs6Sdg=="
     },
     "file-stream-rotator": {
@@ -1066,6 +1069,13 @@
         "moment": "^2.11.2"
       }
     },
+    "file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "dev": true,
+      "optional": true
+    },
     "fill-range": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
@@ -1129,6 +1139,38 @@
       "requires": {
         "inherits": "^2.0.1",
         "readable-stream": "^2.0.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "2.3.7",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+          "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.3",
+            "isarray": "~1.0.0",
+            "process-nextick-args": "~2.0.0",
+            "safe-buffer": "~5.1.1",
+            "string_decoder": "~1.1.1",
+            "util-deprecate": "~1.0.1"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+          "dev": true
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "~5.1.0"
+          }
+        }
       }
     },
     "fs-extra": {
@@ -1142,21 +1184,16 @@
         "universalify": "^0.1.0"
       }
     },
-    "fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
-      "dev": true
-    },
     "fsevents": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.4.tgz",
-      "integrity": "sha512-z8H8/diyk76B7q5wg+Ud0+CqzcAF3mBBI/bA5ne5zrRUUIvNkJY//D3BqyH571KuAC4Nr7Rw7CjWX4r0y9DvNg==",
+      "version": "1.2.11",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.11.tgz",
+      "integrity": "sha512-+ux3lx6peh0BpvY0JebGyZoiR4D+oYzdPZMKJwkZ+sFkNJzpL7tXc/wehS49gUAxg3tmMHPHZkA8JU2rhhgDHw==",
       "dev": true,
       "optional": true,
       "requires": {
-        "nan": "^2.9.2",
-        "node-pre-gyp": "^0.10.0"
+        "bindings": "^1.5.0",
+        "nan": "^2.12.1",
+        "node-pre-gyp": "*"
       },
       "dependencies": {
         "abbrev": {
@@ -1177,7 +1214,7 @@
           "optional": true
         },
         "are-we-there-yet": {
-          "version": "1.1.4",
+          "version": "1.1.5",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -1201,7 +1238,7 @@
           }
         },
         "chownr": {
-          "version": "1.0.1",
+          "version": "1.1.3",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -1228,16 +1265,16 @@
           "optional": true
         },
         "debug": {
-          "version": "2.6.9",
+          "version": "3.2.6",
           "bundled": true,
           "dev": true,
           "optional": true,
           "requires": {
-            "ms": "2.0.0"
+            "ms": "^2.1.1"
           }
         },
         "deep-extend": {
-          "version": "0.5.1",
+          "version": "0.6.0",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -1255,12 +1292,12 @@
           "optional": true
         },
         "fs-minipass": {
-          "version": "1.2.5",
+          "version": "1.2.7",
           "bundled": true,
           "dev": true,
           "optional": true,
           "requires": {
-            "minipass": "^2.2.1"
+            "minipass": "^2.6.0"
           }
         },
         "fs.realpath": {
@@ -1286,7 +1323,7 @@
           }
         },
         "glob": {
-          "version": "7.1.2",
+          "version": "7.1.6",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -1306,16 +1343,16 @@
           "optional": true
         },
         "iconv-lite": {
-          "version": "0.4.21",
+          "version": "0.4.24",
           "bundled": true,
           "dev": true,
           "optional": true,
           "requires": {
-            "safer-buffer": "^2.1.0"
+            "safer-buffer": ">= 2.1.2 < 3"
           }
         },
         "ignore-walk": {
-          "version": "3.0.1",
+          "version": "3.0.3",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -1334,7 +1371,7 @@
           }
         },
         "inherits": {
-          "version": "2.0.3",
+          "version": "2.0.4",
           "bundled": true,
           "dev": true
         },
@@ -1372,21 +1409,21 @@
           "dev": true
         },
         "minipass": {
-          "version": "2.2.4",
+          "version": "2.9.0",
           "bundled": true,
           "dev": true,
           "requires": {
-            "safe-buffer": "^5.1.1",
+            "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
           }
         },
         "minizlib": {
-          "version": "1.1.0",
+          "version": "1.3.3",
           "bundled": true,
           "dev": true,
           "optional": true,
           "requires": {
-            "minipass": "^2.2.1"
+            "minipass": "^2.9.0"
           }
         },
         "mkdirp": {
@@ -1398,38 +1435,38 @@
           }
         },
         "ms": {
-          "version": "2.0.0",
+          "version": "2.1.2",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "needle": {
-          "version": "2.2.0",
+          "version": "2.4.0",
           "bundled": true,
           "dev": true,
           "optional": true,
           "requires": {
-            "debug": "^2.1.2",
+            "debug": "^3.2.6",
             "iconv-lite": "^0.4.4",
             "sax": "^1.2.4"
           }
         },
         "node-pre-gyp": {
-          "version": "0.10.0",
+          "version": "0.14.0",
           "bundled": true,
           "dev": true,
           "optional": true,
           "requires": {
             "detect-libc": "^1.0.2",
             "mkdirp": "^0.5.1",
-            "needle": "^2.2.0",
+            "needle": "^2.2.1",
             "nopt": "^4.0.1",
             "npm-packlist": "^1.1.6",
             "npmlog": "^4.0.2",
-            "rc": "^1.1.7",
+            "rc": "^1.2.7",
             "rimraf": "^2.6.1",
             "semver": "^5.3.0",
-            "tar": "^4"
+            "tar": "^4.4.2"
           }
         },
         "nopt": {
@@ -1443,13 +1480,22 @@
           }
         },
         "npm-bundled": {
-          "version": "1.0.3",
+          "version": "1.1.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "npm-normalize-package-bin": "^1.0.1"
+          }
+        },
+        "npm-normalize-package-bin": {
+          "version": "1.0.1",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "npm-packlist": {
-          "version": "1.1.10",
+          "version": "1.4.7",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -1518,18 +1564,18 @@
           "optional": true
         },
         "process-nextick-args": {
-          "version": "2.0.0",
+          "version": "2.0.1",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "rc": {
-          "version": "1.2.7",
+          "version": "1.2.8",
           "bundled": true,
           "dev": true,
           "optional": true,
           "requires": {
-            "deep-extend": "^0.5.1",
+            "deep-extend": "^0.6.0",
             "ini": "~1.3.0",
             "minimist": "^1.2.0",
             "strip-json-comments": "~2.0.1"
@@ -1559,16 +1605,16 @@
           }
         },
         "rimraf": {
-          "version": "2.6.2",
+          "version": "2.7.1",
           "bundled": true,
           "dev": true,
           "optional": true,
           "requires": {
-            "glob": "^7.0.5"
+            "glob": "^7.1.3"
           }
         },
         "safe-buffer": {
-          "version": "5.1.1",
+          "version": "5.1.2",
           "bundled": true,
           "dev": true
         },
@@ -1585,7 +1631,7 @@
           "optional": true
         },
         "semver": {
-          "version": "5.5.0",
+          "version": "5.7.1",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -1636,18 +1682,18 @@
           "optional": true
         },
         "tar": {
-          "version": "4.4.1",
+          "version": "4.4.13",
           "bundled": true,
           "dev": true,
           "optional": true,
           "requires": {
-            "chownr": "^1.0.1",
+            "chownr": "^1.1.1",
             "fs-minipass": "^1.2.5",
-            "minipass": "^2.2.4",
-            "minizlib": "^1.1.0",
+            "minipass": "^2.8.6",
+            "minizlib": "^1.2.1",
             "mkdirp": "^0.5.0",
-            "safe-buffer": "^5.1.1",
-            "yallist": "^3.0.2"
+            "safe-buffer": "^5.1.2",
+            "yallist": "^3.0.3"
           }
         },
         "util-deprecate": {
@@ -1657,12 +1703,12 @@
           "optional": true
         },
         "wide-align": {
-          "version": "1.1.2",
+          "version": "1.1.3",
           "bundled": true,
           "dev": true,
           "optional": true,
           "requires": {
-            "string-width": "^1.0.2"
+            "string-width": "^1.0.2 || 2"
           }
         },
         "wrappy": {
@@ -1671,7 +1717,7 @@
           "dev": true
         },
         "yallist": {
-          "version": "3.0.2",
+          "version": "3.1.1",
           "bundled": true,
           "dev": true
         }
@@ -1679,7 +1725,7 @@
     },
     "get-stream": {
       "version": "3.0.0",
-      "resolved": "http://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
       "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
       "dev": true
     },
@@ -1698,20 +1744,6 @@
         "assert-plus": "^1.0.0"
       }
     },
-    "glob": {
-      "version": "7.1.4",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.4.tgz",
-      "integrity": "sha512-hkLPepehmnKk41pUGm3sYxoFs/umurYfYJCerbXEyFIWcAzvpipAgVkBqqT9RBKMGjnq6kMuyYwha6csxbiM1A==",
-      "dev": true,
-      "requires": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      }
-    },
     "glob-parent": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
@@ -1733,12 +1765,6 @@
         }
       }
     },
-    "glob-to-regexp": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz",
-      "integrity": "sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=",
-      "dev": true
-    },
     "global-dirs": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-0.1.1.tgz",
@@ -1749,32 +1775,22 @@
       }
     },
     "globby": {
-      "version": "9.2.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-9.2.0.tgz",
-      "integrity": "sha512-ollPHROa5mcxDEkwg6bPt3QbEf4pDQSNtd6JPL1YvOvAo/7/0VAm9TccUeoTmarjPw4pfUthSCqcyfNB1I3ZSg==",
-      "dev": true,
-      "requires": {
-        "@types/glob": "^7.1.1",
-        "array-union": "^1.0.2",
-        "dir-glob": "^2.2.2",
-        "fast-glob": "^2.2.6",
-        "glob": "^7.1.3",
-        "ignore": "^4.0.3",
-        "pify": "^4.0.1",
-        "slash": "^2.0.0"
-      },
-      "dependencies": {
-        "pify": {
-          "version": "4.0.1",
-          "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
-          "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
-          "dev": true
-        }
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.0.tgz",
+      "integrity": "sha512-iuehFnR3xu5wBBtm4xi0dMe92Ob87ufyu/dHwpDYfbcpYpIbrO5OnS8M1vWvrBhSGEJ3/Ecj7gnX76P8YxpPEg==",
+      "dev": true,
+      "requires": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.1.1",
+        "ignore": "^5.1.4",
+        "merge2": "^1.3.0",
+        "slash": "^3.0.0"
       }
     },
     "got": {
       "version": "6.7.1",
-      "resolved": "http://registry.npmjs.org/got/-/got-6.7.1.tgz",
+      "resolved": "https://registry.npmjs.org/got/-/got-6.7.1.tgz",
       "integrity": "sha1-JAzQV4WpoY5WHcG0S0HHY+8ejbA=",
       "dev": true,
       "requires": {
@@ -1792,9 +1808,9 @@
       }
     },
     "graceful-fs": {
-      "version": "4.1.15",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz",
-      "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.3.tgz",
+      "integrity": "sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ==",
       "dev": true
     },
     "har-schema": {
@@ -1863,9 +1879,9 @@
       }
     },
     "ignore": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
-      "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.4.tgz",
+      "integrity": "sha512-MzbUSahkTW1u7JpKKjY7LCARd1fU5W2rLdxlM4kdkayuCwZImjkpluF9CM1aLewYJguPDqewLam18Y6AU69A8A==",
       "dev": true
     },
     "ignore-by-default": {
@@ -1886,20 +1902,10 @@
       "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
       "dev": true
     },
-    "inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
-      "dev": true,
-      "requires": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
     "inherits": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
-      "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4="
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "ini": {
       "version": "1.3.5",
@@ -1908,13 +1914,13 @@
       "dev": true
     },
     "into-stream": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/into-stream/-/into-stream-5.1.0.tgz",
-      "integrity": "sha512-cbDhb8qlxKMxPBk/QxTtYg1DQ4CwXmadu7quG3B7nrJsgSncEreF2kwWKZFdnjc/lSNNIkFPsjI7SM0Cx/QXPw==",
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/into-stream/-/into-stream-5.1.1.tgz",
+      "integrity": "sha512-krrAJ7McQxGGmvaYbB7Q1mcA+cRwg9Ij2RfWIeVesNBgVDZmzY/Fa4IpZUT3bmdRzMzdf/mzltCG2Dq99IZGBA==",
       "dev": true,
       "requires": {
         "from2": "^2.3.0",
-        "p-is-promise": "^2.0.0"
+        "p-is-promise": "^3.0.0"
       }
     },
     "is-accessor-descriptor": {
@@ -2017,10 +2023,16 @@
       "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
       "dev": true
     },
+    "is-fullwidth-code-point": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+      "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+      "dev": true
+    },
     "is-glob": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.0.tgz",
-      "integrity": "sha1-lSHHaEXMJhCoUgPd8ICpWML/q8A=",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
+      "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
       "dev": true,
       "requires": {
         "is-extglob": "^2.1.1"
@@ -2064,7 +2076,7 @@
     },
     "is-obj": {
       "version": "1.0.1",
-      "resolved": "http://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
       "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8=",
       "dev": true
     },
@@ -2093,9 +2105,9 @@
       "dev": true
     },
     "is-retry-allowed": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-retry-allowed/-/is-retry-allowed-1.1.0.tgz",
-      "integrity": "sha1-EaBgVotnM5REAz0BJaYaINVk+zQ=",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-retry-allowed/-/is-retry-allowed-1.2.0.tgz",
+      "integrity": "sha512-RUbUeKwvm3XG2VYamhJL1xFktgjvPzL0Hq8C+6yrWIswDy3BIXGqCxhxkc30N9jqK311gVU137K8Ei55/zVJRg==",
       "dev": true
     },
     "is-stream": {
@@ -2139,9 +2151,9 @@
       "dev": true
     },
     "js-yaml": {
-      "version": "3.12.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.12.0.tgz",
-      "integrity": "sha512-PIt2cnwmPfL4hKNwqeiuz4bKfnzHTBv6HyVgjahA6mPLwPDzjDWrplJBMjHUFxku/N3FlmrbyPclad+I+4mJ3A==",
+      "version": "3.13.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.1.tgz",
+      "integrity": "sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==",
       "requires": {
         "argparse": "^1.0.7",
         "esprima": "^4.0.0"
@@ -2201,17 +2213,17 @@
       }
     },
     "kafkajs": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/kafkajs/-/kafkajs-1.11.0.tgz",
-      "integrity": "sha512-dLRCcFIBygZucR+e8U2ZqH2wgMrAu114K0szUyUseJoeOii3cG5bHZPIdqKecXxI6begPVCfGS3R0nJY4zHW2A==",
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/kafkajs/-/kafkajs-1.12.0.tgz",
+      "integrity": "sha512-Izkd9iFRgeeKaHEgVpGQH08ygzCbHSxTbnu8W3G3uiNaVjGibUTmTwjv1Qf2M8NORXcPfzwVyg6bBlVj4SKr9g==",
       "requires": {
         "long": "^4.0.0"
       }
     },
     "kind-of": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
-      "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==",
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
       "dev": true
     },
     "kuler": {
@@ -2242,33 +2254,20 @@
       }
     },
     "lodash": {
-      "version": "4.17.11",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz",
-      "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg=="
-    },
-    "lodash.debounce": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
-      "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=",
-      "dev": true
+      "version": "4.17.15",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
+      "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A=="
     },
     "logform": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/logform/-/logform-1.10.0.tgz",
-      "integrity": "sha512-em5ojIhU18fIMOw/333mD+ZLE2fis0EzXl1ZwHx4iQzmpQi6odNiY/t+ITNr33JZhT9/KEaH+UPIipr6a9EjWg==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/logform/-/logform-2.1.2.tgz",
+      "integrity": "sha512-+lZh4OpERDBLqjiwDLpAWNQu6KMjnlXH2ByZwCuSqVPJletw0kTWJf5CgSNAUKn1KUkv3m2cUz/LK8zyEy7wzQ==",
       "requires": {
         "colors": "^1.2.1",
         "fast-safe-stringify": "^2.0.4",
         "fecha": "^2.3.3",
         "ms": "^2.1.1",
-        "triple-beam": "^1.2.0"
-      },
-      "dependencies": {
-        "ms": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
-          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg=="
-        }
+        "triple-beam": "^1.3.0"
       }
     },
     "long": {
@@ -2283,13 +2282,13 @@
       "dev": true
     },
     "lru-cache": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.4.tgz",
-      "integrity": "sha512-EPstzZ23znHUVLKj+lcXO1KvZkrlw+ZirdwvOmnAnA/1PB4ggyXJ77LRkCqkff+ShQ+cqoxCxLQOh4cKITO5iA==",
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+      "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
       "dev": true,
       "requires": {
         "pseudomap": "^1.0.2",
-        "yallist": "^3.0.2"
+        "yallist": "^2.1.2"
       }
     },
     "make-dir": {
@@ -2317,9 +2316,9 @@
       }
     },
     "merge2": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.3.tgz",
-      "integrity": "sha512-gdUU1Fwj5ep4kplwcmftruWofEFt6lfpkkr3h860CXbAB9c3hGb55EOL2ali0Td5oebvW0E1+3Sr+Ur7XfKpRA==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.3.0.tgz",
+      "integrity": "sha512-2j4DAdlBOkiSZIsaXk4mTE3sRS02yBHAtfy127xRV3bQUFqXkjHCHLW6Scv7DwNRbIWNHH8zpnz9zMaKXIdvYw==",
       "dev": true
     },
     "micromatch": {
@@ -2344,18 +2343,18 @@
       }
     },
     "mime-db": {
-      "version": "1.40.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz",
-      "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==",
+      "version": "1.43.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.43.0.tgz",
+      "integrity": "sha512-+5dsGEEovYbT8UY9yD7eE4XTc4UwJ1jBYlgaQQF38ENsKR3wj/8q8RFZrF9WIZpB2V1ArTVFUva8sAul1NzRzQ==",
       "dev": true
     },
     "mime-types": {
-      "version": "2.1.24",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz",
-      "integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==",
+      "version": "2.1.26",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.26.tgz",
+      "integrity": "sha512-01paPWYgLrkqAyrlDorC1uDwl2p3qZT7yl806vW7DvDoxwXi46jsjFbg+WdwotBIk6/MbEhO/dh5aZ5sNj/dWQ==",
       "dev": true,
       "requires": {
-        "mime-db": "1.40.0"
+        "mime-db": "1.43.0"
       }
     },
     "minimatch": {
@@ -2369,13 +2368,13 @@
     },
     "minimist": {
       "version": "1.2.0",
-      "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
       "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ="
     },
     "mixin-deep": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.1.tgz",
-      "integrity": "sha512-8ZItLHeEgaqEvd5lYBXfm4EZSFCX29Jb9K+lAHhDKzReKBQKj3R+7NOF6tjqYi9t4oI8VUfaWITJQm86wnXGNQ==",
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
+      "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==",
       "dev": true,
       "requires": {
         "for-in": "^1.0.2",
@@ -2395,7 +2394,7 @@
     },
     "mkdirp": {
       "version": "0.5.1",
-      "resolved": "http://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
       "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
       "dev": true,
       "requires": {
@@ -2404,22 +2403,21 @@
       "dependencies": {
         "minimist": {
           "version": "0.0.8",
-          "resolved": "http://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
           "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
           "dev": true
         }
       }
     },
     "moment": {
-      "version": "2.22.2",
-      "resolved": "https://registry.npmjs.org/moment/-/moment-2.22.2.tgz",
-      "integrity": "sha1-PCV/mDn8DpP/UxSWMiOeuQeD/2Y="
+      "version": "2.24.0",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.24.0.tgz",
+      "integrity": "sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg=="
     },
     "ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
-      "dev": true
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
     "multistream": {
       "version": "2.1.1",
@@ -2429,12 +2427,44 @@
       "requires": {
         "inherits": "^2.0.1",
         "readable-stream": "^2.0.5"
-      }
-    },
-    "nan": {
-      "version": "2.11.1",
-      "resolved": "https://registry.npmjs.org/nan/-/nan-2.11.1.tgz",
-      "integrity": "sha512-iji6k87OSXa0CcrLl9z+ZiYSuR2o+c0bGuNmXdrhTQTakxytAFsC56SArGYoiHlJlFoHSnvmhpceZJaXkVuOtA==",
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "2.3.7",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+          "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.3",
+            "isarray": "~1.0.0",
+            "process-nextick-args": "~2.0.0",
+            "safe-buffer": "~5.1.1",
+            "string_decoder": "~1.1.1",
+            "util-deprecate": "~1.0.1"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+          "dev": true
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "~5.1.0"
+          }
+        }
+      }
+    },
+    "nan": {
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.0.tgz",
+      "integrity": "sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==",
       "dev": true,
       "optional": true
     },
@@ -2458,36 +2488,27 @@
       }
     },
     "nodemon": {
-      "version": "1.18.7",
-      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-1.18.7.tgz",
-      "integrity": "sha512-xuC1V0F5EcEyKQ1VhHYD13owznQbUw29JKvZ8bVH7TmuvVNHvvbp9pLgE4PjTMRJVe0pJ8fGRvwR2nMiosIsPQ==",
+      "version": "1.19.4",
+      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-1.19.4.tgz",
+      "integrity": "sha512-VGPaqQBNk193lrJFotBU8nvWZPqEZY2eIzymy2jjY0fJ9qIsxA0sxQ8ATPl0gZC645gijYEc1jtZvpS8QWzJGQ==",
       "dev": true,
       "requires": {
-        "chokidar": "^2.0.4",
-        "debug": "^3.1.0",
+        "chokidar": "^2.1.8",
+        "debug": "^3.2.6",
         "ignore-by-default": "^1.0.1",
         "minimatch": "^3.0.4",
-        "pstree.remy": "^1.1.2",
-        "semver": "^5.5.0",
-        "supports-color": "^5.2.0",
+        "pstree.remy": "^1.1.7",
+        "semver": "^5.7.1",
+        "supports-color": "^5.5.0",
         "touch": "^3.1.0",
         "undefsafe": "^2.0.2",
-        "update-notifier": "^2.3.0"
+        "update-notifier": "^2.5.0"
       },
       "dependencies": {
-        "debug": {
-          "version": "3.2.6",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz",
-          "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==",
-          "dev": true,
-          "requires": {
-            "ms": "^2.1.1"
-          }
-        },
-        "ms": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
-          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==",
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
           "dev": true
         }
       }
@@ -2502,13 +2523,10 @@
       }
     },
     "normalize-path": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
-      "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
-      "dev": true,
-      "requires": {
-        "remove-trailing-separator": "^1.0.1"
-      }
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true
     },
     "npm-run-path": {
       "version": "2.0.2",
@@ -2579,32 +2597,23 @@
         "isobject": "^3.0.1"
       }
     },
-    "once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
-      "dev": true,
-      "requires": {
-        "wrappy": "1"
-      }
-    },
     "one-time": {
       "version": "0.0.4",
       "resolved": "https://registry.npmjs.org/one-time/-/one-time-0.0.4.tgz",
       "integrity": "sha1-+M33eISCb+Tf+T46nMN7HkSAdC4="
     },
     "optionator": {
-      "version": "0.8.2",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.2.tgz",
-      "integrity": "sha1-NkxeQJ0/TWMB1sC0wFu6UBgK62Q=",
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
+      "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
       "dev": true,
       "requires": {
         "deep-is": "~0.1.3",
-        "fast-levenshtein": "~2.0.4",
+        "fast-levenshtein": "~2.0.6",
         "levn": "~0.3.0",
         "prelude-ls": "~1.1.2",
         "type-check": "~0.3.2",
-        "wordwrap": "~1.0.0"
+        "word-wrap": "~1.2.3"
       }
     },
     "os-tmpdir": {
@@ -2620,9 +2629,9 @@
       "dev": true
     },
     "p-is-promise": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-2.1.0.tgz",
-      "integrity": "sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-3.0.0.tgz",
+      "integrity": "sha512-Wo8VsW4IRQSKVXsJCn7TomUaVtyfjVDn3nUP7kE967BQk0CwFpdbZs0X0uk5sW9mkBa9eNM7hCMaG93WUAwxYQ==",
       "dev": true
     },
     "package-json": {
@@ -2635,6 +2644,14 @@
         "registry-auth-token": "^3.0.1",
         "registry-url": "^3.0.3",
         "semver": "^5.1.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        }
       }
     },
     "pascalcase": {
@@ -2651,7 +2668,7 @@
     },
     "path-is-absolute": {
       "version": "1.0.1",
-      "resolved": "http://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
       "dev": true
     },
@@ -2674,13 +2691,10 @@
       "dev": true
     },
     "path-type": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
-      "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
-      "dev": true,
-      "requires": {
-        "pify": "^3.0.0"
-      }
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true
     },
     "performance-now": {
       "version": "2.1.0",
@@ -2688,6 +2702,12 @@
       "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
       "dev": true
     },
+    "picomatch": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.1.tgz",
+      "integrity": "sha512-ISBaA8xQNmwELC7eOjqFKMESB2VIqt4PPDD0nsS95b/9dZXvVKOlz9keMSnoGGKcOHXfTvDD6WMaRoSc9UuhRA==",
+      "dev": true
+    },
     "pify": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
@@ -2695,85 +2715,168 @@
       "dev": true
     },
     "pkg": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/pkg/-/pkg-4.4.0.tgz",
-      "integrity": "sha512-bFNJ3v56QwqB6JtAl/YrczlmEKBPBVJ3n5nW905kgvG1ex9DajODpTs0kLAFxyLwoubDQux/RPJFL6WrnD/vpg==",
-      "dev": true,
-      "requires": {
-        "@babel/parser": "~7.4.4",
-        "@babel/runtime": "~7.4.4",
-        "chalk": "~2.4.2",
-        "escodegen": "~1.11.1",
-        "fs-extra": "~7.0.1",
-        "globby": "~9.2.0",
-        "into-stream": "~5.1.0",
-        "minimist": "~1.2.0",
-        "multistream": "~2.1.1",
-        "pkg-fetch": "~2.6.2",
-        "progress": "~2.0.3",
-        "resolve": "1.6.0",
-        "stream-meter": "~1.0.4"
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/pkg/-/pkg-4.4.3.tgz",
+      "integrity": "sha512-1M0KNVLxNUzr0CGMhccPxx02G05GL3h9czbQGLswRB2gOvHeKAbld+1S5SGDNLOoFt+IYNNxqHtBhZA6Rer7QQ==",
+      "dev": true,
+      "requires": {
+        "@babel/parser": "^7.7.5",
+        "@babel/runtime": "^7.7.5",
+        "chalk": "^3.0.0",
+        "escodegen": "^1.13.0",
+        "fs-extra": "^8.1.0",
+        "globby": "^11.0.0",
+        "into-stream": "^5.1.1",
+        "minimist": "^1.2.0",
+        "multistream": "^2.1.1",
+        "pkg-fetch": "^2.6.4",
+        "progress": "^2.0.3",
+        "resolve": "^1.15.0",
+        "stream-meter": "^1.0.4"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz",
+          "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==",
+          "dev": true,
+          "requires": {
+            "@types/color-name": "^1.1.1",
+            "color-convert": "^2.0.1"
+          }
+        },
         "chalk": {
-          "version": "2.4.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+          "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
           "dev": true,
           "requires": {
-            "ansi-styles": "^3.2.1",
-            "escape-string-regexp": "^1.0.5",
-            "supports-color": "^5.3.0"
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
           }
         },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
         "fs-extra": {
-          "version": "7.0.1",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
-          "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+          "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
           "dev": true,
           "requires": {
-            "graceful-fs": "^4.1.2",
+            "graceful-fs": "^4.2.0",
             "jsonfile": "^4.0.0",
             "universalify": "^0.1.0"
           }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz",
+          "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
         }
       }
     },
     "pkg-fetch": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/pkg-fetch/-/pkg-fetch-2.6.2.tgz",
-      "integrity": "sha512-7DN6YYP1Kct02mSkhfblK0HkunJ7BJjGBkSkFdIW/QKIovtAMaICidS7feX+mHfnZ98OP7xFJvBluVURlrHJxA==",
-      "dev": true,
-      "requires": {
-        "@babel/runtime": "~7.4.4",
-        "byline": "~5.0.0",
-        "chalk": "~2.4.1",
-        "expand-template": "~2.0.3",
-        "fs-extra": "~7.0.1",
-        "minimist": "~1.2.0",
-        "progress": "~2.0.0",
-        "request": "~2.88.0",
-        "request-progress": "~3.0.0",
-        "semver": "~6.0.0",
-        "unique-temp-dir": "~1.0.0"
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/pkg-fetch/-/pkg-fetch-2.6.4.tgz",
+      "integrity": "sha512-4j4jiuo6RRIuD9e9xUE6OQYnIkQCArZjkHXNYsSJjxhJeiHE16MA+rENMblvGLbeWsTY3BPfcYVCGFXzpfJetA==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.7.5",
+        "byline": "^5.0.0",
+        "chalk": "^3.0.0",
+        "expand-template": "^2.0.3",
+        "fs-extra": "^8.1.0",
+        "minimist": "^1.2.0",
+        "progress": "^2.0.3",
+        "request": "^2.88.0",
+        "request-progress": "^3.0.0",
+        "semver": "^6.3.0",
+        "unique-temp-dir": "^1.0.0"
       },
       "dependencies": {
+        "ansi-styles": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz",
+          "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==",
+          "dev": true,
+          "requires": {
+            "@types/color-name": "^1.1.1",
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+          "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
         "fs-extra": {
-          "version": "7.0.1",
-          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
-          "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+          "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
           "dev": true,
           "requires": {
-            "graceful-fs": "^4.1.2",
+            "graceful-fs": "^4.2.0",
             "jsonfile": "^4.0.0",
             "universalify": "^0.1.0"
           }
         },
-        "semver": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.0.0.tgz",
-          "integrity": "sha512-0UewU+9rFapKFnlbirLi3byoOuhrSsli/z/ihNnvM24vgF+8sNBiI1LZPBSH9wJKUwaUbw+s3hToDLCXkrghrQ==",
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
           "dev": true
+        },
+        "supports-color": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz",
+          "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
         }
       }
     },
@@ -2796,9 +2899,9 @@
       "dev": true
     },
     "process-nextick-args": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz",
-      "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw=="
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
     },
     "progress": {
       "version": "2.0.3",
@@ -2813,15 +2916,15 @@
       "dev": true
     },
     "psl": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/psl/-/psl-1.2.0.tgz",
-      "integrity": "sha512-GEn74ZffufCmkDDLNcl3uuyF/aSD6exEyh1v/ZSdAomB82t6G9hzJVRx0jBmLDW+VfZqks3aScmMw9DszwUalA==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.7.0.tgz",
+      "integrity": "sha512-5NsSEDv8zY70ScRnOTn7bK7eanl2MvFrOrS/R6x+dBt5g1ghnj9Zv90kO8GwT8gxcu2ANyFprnFYB85IogIJOQ==",
       "dev": true
     },
     "pstree.remy": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.2.tgz",
-      "integrity": "sha512-vL6NLxNHzkNTjGJUpMm5PLC+94/0tTlC1vkP9bdU0pOHih+EujMjgMTwfZopZvHWRFbqJ5Y73OMoau50PewDDA==",
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.7.tgz",
+      "integrity": "sha512-xsMgrUwRpuGskEzBFkH8NmTimbZ5PcPup0LA8JJkHIm2IMUbQcpo3yeLNWVrufEYjh8YwtSVh0xz6UeWc5Oh5A==",
       "dev": true
     },
     "punycode": {
@@ -2849,17 +2952,13 @@
       }
     },
     "readable-stream": {
-      "version": "2.3.6",
-      "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
-      "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
       "requires": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
       }
     },
     "readdirp": {
@@ -2871,6 +2970,38 @@
         "graceful-fs": "^4.1.11",
         "micromatch": "^3.1.10",
         "readable-stream": "^2.0.2"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "2.3.7",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+          "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.3",
+            "isarray": "~1.0.0",
+            "process-nextick-args": "~2.0.0",
+            "safe-buffer": "~5.1.1",
+            "string_decoder": "~1.1.1",
+            "util-deprecate": "~1.0.1"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+          "dev": true
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "~5.1.0"
+          }
+        }
       }
     },
     "regenerator-runtime": {
@@ -2890,9 +3021,9 @@
       }
     },
     "registry-auth-token": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.3.2.tgz",
-      "integrity": "sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ==",
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.4.0.tgz",
+      "integrity": "sha512-4LM6Fw8eBQdwMYcES4yTnn2TqIasbXuwDx3um+QRs7S55aMKCBKBxvPXl2RiUjHwuJLTyYfxSpmfSAjQpcuP+A==",
       "dev": true,
       "requires": {
         "rc": "^1.1.6",
@@ -2927,9 +3058,9 @@
       "dev": true
     },
     "request": {
-      "version": "2.88.0",
-      "resolved": "https://registry.npmjs.org/request/-/request-2.88.0.tgz",
-      "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==",
+      "version": "2.88.2",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
+      "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
       "dev": true,
       "requires": {
         "aws-sign2": "~0.7.0",
@@ -2939,7 +3070,7 @@
         "extend": "~3.0.2",
         "forever-agent": "~0.6.1",
         "form-data": "~2.3.2",
-        "har-validator": "~5.1.0",
+        "har-validator": "~5.1.3",
         "http-signature": "~1.2.0",
         "is-typedarray": "~1.0.0",
         "isstream": "~0.1.2",
@@ -2949,7 +3080,7 @@
         "performance-now": "^2.1.0",
         "qs": "~6.5.2",
         "safe-buffer": "^5.1.2",
-        "tough-cookie": "~2.4.3",
+        "tough-cookie": "~2.5.0",
         "tunnel-agent": "^0.6.0",
         "uuid": "^3.3.2"
       }
@@ -2964,12 +3095,12 @@
       }
     },
     "resolve": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.6.0.tgz",
-      "integrity": "sha512-mw7JQNu5ExIkcw4LPih0owX/TZXjD/ZUF/ZQ/pDnkw3ZKhDcZZw5klmBlj6gVMwjQ3Pz5Jgu7F3d0jcDVuEWdw==",
+      "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.15.1.tgz",
+      "integrity": "sha512-84oo6ZTtoTUpjgNEr5SJyzQhzL72gaRodsSfyxC/AXRvwu0Yse9H8eF9IpGo7b8YetZhlI6v7ZQ6bKBFV/6S7w==",
       "dev": true,
       "requires": {
-        "path-parse": "^1.0.5"
+        "path-parse": "^1.0.6"
       }
     },
     "resolve-url": {
@@ -2984,14 +3115,26 @@
       "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
       "dev": true
     },
+    "reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true
+    },
+    "run-parallel": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.1.9.tgz",
+      "integrity": "sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q==",
+      "dev": true
+    },
     "safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
+      "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg=="
     },
     "safe-regex": {
       "version": "1.1.0",
-      "resolved": "http://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
       "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=",
       "dev": true,
       "requires": {
@@ -3005,9 +3148,9 @@
       "dev": true
     },
     "semver": {
-      "version": "5.6.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.6.0.tgz",
-      "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg=="
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
     },
     "semver-diff": {
       "version": "2.1.0",
@@ -3016,12 +3159,20 @@
       "dev": true,
       "requires": {
         "semver": "^5.0.3"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        }
       }
     },
     "set-value": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.0.tgz",
-      "integrity": "sha512-hw0yxk9GT/Hr5yJEYnHNKYXkIA8mVJgd9ditYZCe16ZczcaELYYcfvaXesNACk2O8O0nTiPQcQhGUQj8JLzeeg==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
+      "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==",
       "dev": true,
       "requires": {
         "extend-shallow": "^2.0.1",
@@ -3071,9 +3222,9 @@
       }
     },
     "slash": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
-      "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
       "dev": true
     },
     "snapdragon": {
@@ -3092,6 +3243,15 @@
         "use": "^3.1.0"
       },
       "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
         "define-property": {
           "version": "0.2.5",
           "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
@@ -3109,6 +3269,12 @@
           "requires": {
             "is-extendable": "^0.1.0"
           }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
         }
       }
     },
@@ -3190,12 +3356,12 @@
       "dev": true
     },
     "source-map-resolve": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.2.tgz",
-      "integrity": "sha512-MjqsvNwyz1s0k81Goz/9vRBe9SZdB09Bdw+/zYyO+3CuPk6fouTaxscHkgtE8jKvf01kVfl8riHzERQ/kefaSA==",
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
+      "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
       "dev": true,
       "requires": {
-        "atob": "^2.1.1",
+        "atob": "^2.1.2",
         "decode-uri-component": "^0.2.0",
         "resolve-url": "^0.2.1",
         "source-map-url": "^0.4.0",
@@ -3272,19 +3438,70 @@
       "dev": true,
       "requires": {
         "readable-stream": "^2.1.4"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "2.3.7",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+          "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.3",
+            "isarray": "~1.0.0",
+            "process-nextick-args": "~2.0.0",
+            "safe-buffer": "~5.1.1",
+            "string_decoder": "~1.1.1",
+            "util-deprecate": "~1.0.1"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+          "dev": true
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "~5.1.0"
+          }
+        }
+      }
+    },
+    "string-width": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+      "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+      "dev": true,
+      "requires": {
+        "is-fullwidth-code-point": "^2.0.0",
+        "strip-ansi": "^4.0.0"
       }
     },
     "string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
       "requires": {
-        "safe-buffer": "~5.1.0"
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "strip-ansi": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+      "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^3.0.0"
       }
     },
     "strip-eof": {
       "version": "1.0.0",
-      "resolved": "http://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
       "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
       "dev": true
     },
@@ -3381,21 +3598,13 @@
       }
     },
     "tough-cookie": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz",
-      "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==",
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
+      "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
       "dev": true,
       "requires": {
-        "psl": "^1.1.24",
-        "punycode": "^1.4.1"
-      },
-      "dependencies": {
-        "punycode": {
-          "version": "1.4.1",
-          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-          "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=",
-          "dev": true
-        }
+        "psl": "^1.1.28",
+        "punycode": "^2.1.1"
       }
     },
     "triple-beam": {
@@ -3434,47 +3643,41 @@
       "dev": true
     },
     "undefsafe": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.2.tgz",
-      "integrity": "sha1-Il9rngM3Zj4Njnz9aG/Cg2zKznY=",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.3.tgz",
+      "integrity": "sha512-nrXZwwXrD/T/JXeygJqdCO6NZZ1L66HrxM/Z7mIq2oPanoN0F1nLx3lwJMu6AwJY69hdixaFQOuoYsMjE5/C2A==",
       "dev": true,
       "requires": {
         "debug": "^2.2.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        }
       }
     },
     "union-value": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.0.tgz",
-      "integrity": "sha1-XHHDTLW61dzr4+oM0IIHulqhrqQ=",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
+      "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==",
       "dev": true,
       "requires": {
         "arr-union": "^3.1.0",
         "get-value": "^2.0.6",
         "is-extendable": "^0.1.1",
-        "set-value": "^0.4.3"
-      },
-      "dependencies": {
-        "extend-shallow": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
-          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
-          "dev": true,
-          "requires": {
-            "is-extendable": "^0.1.0"
-          }
-        },
-        "set-value": {
-          "version": "0.4.3",
-          "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.4.3.tgz",
-          "integrity": "sha1-fbCPnT0i3H945Trzw79GZuzfzPE=",
-          "dev": true,
-          "requires": {
-            "extend-shallow": "^2.0.1",
-            "is-extendable": "^0.1.1",
-            "is-plain-object": "^2.0.1",
-            "to-object-path": "^0.3.0"
-          }
-        }
+        "set-value": "^2.0.1"
       }
     },
     "unique-string": {
@@ -3550,9 +3753,9 @@
       "dev": true
     },
     "upath": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/upath/-/upath-1.1.0.tgz",
-      "integrity": "sha512-bzpH/oBhoS/QI/YtbkqCg6VEiPYjSZtrHQM6/QnJS6OL9pKUFLqb3aFh4Scvwm45+7iAgiMkLhSbaZxUqmrprw==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz",
+      "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==",
       "dev": true
     },
     "update-notifier": {
@@ -3609,15 +3812,15 @@
       "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
     },
     "uuid": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz",
-      "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==",
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+      "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
       "dev": true
     },
     "uuid-parse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/uuid-parse/-/uuid-parse-1.0.0.tgz",
-      "integrity": "sha1-9GV3F2JLDkuIrzb5jYlYmlu+5Wk="
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/uuid-parse/-/uuid-parse-1.1.0.tgz",
+      "integrity": "sha512-OdmXxA8rDsQ7YpNVbKSJkNzTw2I+S5WsbMDnCtIWSQaosNAcWtFuI/YK1TjzUI6nbkgiqEyh8gWngfcv8Asd9A=="
     },
     "verror": {
       "version": "1.10.0",
@@ -3646,55 +3849,22 @@
       "dev": true,
       "requires": {
         "string-width": "^2.1.1"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
-          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
-          "dev": true
-        },
-        "is-fullwidth-code-point": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
-          "dev": true
-        },
-        "string-width": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
-          "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
-          "dev": true,
-          "requires": {
-            "is-fullwidth-code-point": "^2.0.0",
-            "strip-ansi": "^4.0.0"
-          }
-        },
-        "strip-ansi": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
-          "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^3.0.0"
-          }
-        }
       }
     },
     "winston": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/winston/-/winston-3.1.0.tgz",
-      "integrity": "sha512-FsQfEE+8YIEeuZEYhHDk5cILo1HOcWkGwvoidLrDgPog0r4bser1lEIOco2dN9zpDJ1M88hfDgZvxe5z4xNcwg==",
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/winston/-/winston-3.2.1.tgz",
+      "integrity": "sha512-zU6vgnS9dAWCEKg/QYigd6cgMVVNwyTzKs81XZtTFuRwJOcDdBg7AU0mXVyNbs7O5RH2zdv+BdNZUlx7mXPuOw==",
       "requires": {
-        "async": "^2.6.0",
+        "async": "^2.6.1",
         "diagnostics": "^1.1.1",
         "is-stream": "^1.1.0",
-        "logform": "^1.9.1",
+        "logform": "^2.1.1",
         "one-time": "0.0.4",
-        "readable-stream": "^2.3.6",
+        "readable-stream": "^3.1.1",
         "stack-trace": "0.0.x",
         "triple-beam": "^1.3.0",
-        "winston-transport": "^4.2.0"
+        "winston-transport": "^4.3.0"
       }
     },
     "winston-compat": {
@@ -3705,46 +3875,83 @@
         "cycle": "~1.0.3",
         "logform": "^1.6.0",
         "triple-beam": "^1.2.0"
+      },
+      "dependencies": {
+        "logform": {
+          "version": "1.10.0",
+          "resolved": "https://registry.npmjs.org/logform/-/logform-1.10.0.tgz",
+          "integrity": "sha512-em5ojIhU18fIMOw/333mD+ZLE2fis0EzXl1ZwHx4iQzmpQi6odNiY/t+ITNr33JZhT9/KEaH+UPIipr6a9EjWg==",
+          "requires": {
+            "colors": "^1.2.1",
+            "fast-safe-stringify": "^2.0.4",
+            "fecha": "^2.3.3",
+            "ms": "^2.1.1",
+            "triple-beam": "^1.2.0"
+          }
+        }
       }
     },
     "winston-daily-rotate-file": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/winston-daily-rotate-file/-/winston-daily-rotate-file-3.5.1.tgz",
-      "integrity": "sha512-Y5CECbcJro55HWcWJSzI1DiQrbrfwwvKHdCCJn9wWsWCGfnCPDl5SWIokS2M0EvOKtbZUrlm5DPG522mvjdUBQ==",
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/winston-daily-rotate-file/-/winston-daily-rotate-file-3.10.0.tgz",
+      "integrity": "sha512-KO8CfbI2CvdR3PaFApEH02GPXiwJ+vbkF1mCkTlvRIoXFI8EFlf1ACcuaahXTEiDEKCii6cNe95gsL4ZkbnphA==",
       "requires": {
         "file-stream-rotator": "^0.4.1",
         "object-hash": "^1.3.0",
-        "semver": "^5.6.0",
+        "semver": "^6.2.0",
         "triple-beam": "^1.3.0",
         "winston-compat": "^0.1.4",
         "winston-transport": "^4.2.0"
       }
     },
     "winston-transport": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/winston-transport/-/winston-transport-4.2.0.tgz",
-      "integrity": "sha512-0R1bvFqxSlK/ZKTH86nymOuKv/cT1PQBMuDdA7k7f0S9fM44dNH6bXnuxwXPrN8lefJgtZq08BKdyZ0DZIy/rg==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/winston-transport/-/winston-transport-4.3.0.tgz",
+      "integrity": "sha512-B2wPuwUi3vhzn/51Uukcao4dIduEiPOcOt9HJ3QeaXgkJ5Z7UwpBzxS4ZGNHtrxrUvTwemsQiSys0ihOf8Mp1A==",
       "requires": {
         "readable-stream": "^2.3.6",
         "triple-beam": "^1.2.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "2.3.7",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+          "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.3",
+            "isarray": "~1.0.0",
+            "process-nextick-args": "~2.0.0",
+            "safe-buffer": "~5.1.1",
+            "string_decoder": "~1.1.1",
+            "util-deprecate": "~1.0.1"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+          "requires": {
+            "safe-buffer": "~5.1.0"
+          }
+        }
       }
     },
-    "wordwrap": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
-      "integrity": "sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=",
-      "dev": true
-    },
-    "wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
+    "word-wrap": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
+      "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
       "dev": true
     },
     "write-file-atomic": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.3.0.tgz",
-      "integrity": "sha512-xuPeK4OdjWqtfi59ylvVL0Yn35SF3zgcAcv7rBPFHVaEapaDr4GdGgm3j7ckTwH9wHL7fGmgfAnb0+THrHb8tA==",
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.4.3.tgz",
+      "integrity": "sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==",
       "dev": true,
       "requires": {
         "graceful-fs": "^4.1.11",
@@ -3759,9 +3966,9 @@
       "dev": true
     },
     "yallist": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.0.3.tgz",
-      "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+      "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
       "dev": true
     }
   }
diff --git a/msa/js-executor/pom.xml b/msa/js-executor/pom.xml
index f85355a11e..45c4af6831 100644
--- a/msa/js-executor/pom.xml
+++ b/msa/js-executor/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>msa</artifactId>
     </parent>
     <groupId>org.thingsboard.msa</groupId>
diff --git a/msa/pom.xml b/msa/pom.xml
index 28ee622df8..a4ca803b0b 100644
--- a/msa/pom.xml
+++ b/msa/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>thingsboard</artifactId>
     </parent>
     <artifactId>msa</artifactId>
diff --git a/msa/tb-node/pom.xml b/msa/tb-node/pom.xml
index 6687a6cc06..8130af88ad 100644
--- a/msa/tb-node/pom.xml
+++ b/msa/tb-node/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>msa</artifactId>
     </parent>
     <groupId>org.thingsboard.msa</groupId>
diff --git a/msa/tb/pom.xml b/msa/tb/pom.xml
index 1afecd234a..2df831d77a 100644
--- a/msa/tb/pom.xml
+++ b/msa/tb/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>msa</artifactId>
     </parent>
     <groupId>org.thingsboard.msa</groupId>
diff --git a/msa/transport/coap/pom.xml b/msa/transport/coap/pom.xml
index 716e8f2f07..14914cacd3 100644
--- a/msa/transport/coap/pom.xml
+++ b/msa/transport/coap/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard.msa</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>transport</artifactId>
     </parent>
     <groupId>org.thingsboard.msa.transport</groupId>
diff --git a/msa/transport/http/pom.xml b/msa/transport/http/pom.xml
index 5d12dec0ed..bbee25e85a 100644
--- a/msa/transport/http/pom.xml
+++ b/msa/transport/http/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard.msa</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>transport</artifactId>
     </parent>
     <groupId>org.thingsboard.msa.transport</groupId>
diff --git a/msa/transport/mqtt/pom.xml b/msa/transport/mqtt/pom.xml
index 25c1b0045e..ec43328496 100644
--- a/msa/transport/mqtt/pom.xml
+++ b/msa/transport/mqtt/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard.msa</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>transport</artifactId>
     </parent>
     <groupId>org.thingsboard.msa.transport</groupId>
diff --git a/msa/transport/pom.xml b/msa/transport/pom.xml
index a08d451989..1211136636 100644
--- a/msa/transport/pom.xml
+++ b/msa/transport/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>msa</artifactId>
     </parent>
     <groupId>org.thingsboard.msa</groupId>
diff --git a/msa/web-ui/pom.xml b/msa/web-ui/pom.xml
index ad750f6706..2cbf977e2b 100644
--- a/msa/web-ui/pom.xml
+++ b/msa/web-ui/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>msa</artifactId>
     </parent>
     <groupId>org.thingsboard.msa</groupId>
@@ -46,7 +46,7 @@
     <dependencies>
         <dependency>
             <groupId>org.thingsboard</groupId>
-            <artifactId>ui</artifactId>
+            <artifactId>ui-ngx</artifactId>
             <version>${project.version}</version>
             <type>jar</type>
             <scope>provided</scope>
@@ -105,7 +105,7 @@
                             <artifactItems>
                                 <artifactItem>
                                     <groupId>org.thingsboard</groupId>
-                                    <artifactId>ui</artifactId>
+                                    <artifactId>ui-ngx</artifactId>
                                     <type>jar</type>
                                     <overWrite>false</overWrite>
                                     <outputDirectory>${project.build.directory}/web</outputDirectory>
diff --git a/netty-mqtt/pom.xml b/netty-mqtt/pom.xml
index cc7a80a242..359226b90d 100644
--- a/netty-mqtt/pom.xml
+++ b/netty-mqtt/pom.xml
@@ -19,12 +19,12 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>thingsboard</artifactId>
     </parent>
     <groupId>org.thingsboard</groupId>
     <artifactId>netty-mqtt</artifactId>
-    <version>2.5.0-SNAPSHOT</version>
+    <version>3.0.0-SNAPSHOT</version>
     <packaging>jar</packaging>
 
     <name>Netty MQTT Client</name>
diff --git a/pom.xml b/pom.xml
index 547c97448f..b7d41c0848 100755
--- a/pom.xml
+++ b/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <groupId>org.thingsboard</groupId>
     <artifactId>thingsboard</artifactId>
-    <version>2.5.0-SNAPSHOT</version>
+    <version>3.0.0-SNAPSHOT</version>
     <packaging>pom</packaging>
 
     <name>Thingsboard</name>
@@ -102,7 +102,7 @@
         <module>rule-engine</module>
         <module>dao</module>
         <module>transport</module>
-        <module>ui</module>
+        <module>ui-ngx</module>
         <module>tools</module>
         <module>application</module>
         <module>msa</module>
@@ -318,6 +318,7 @@
                             <exclude>**/*.proto.js</exclude>
                             <exclude>docker/haproxy/**</exclude>
                             <exclude>docker/tb-node/**</exclude>
+                            <exclude>ui/**</exclude>
                         </excludes>
                         <mapping>
                             <proto>JAVADOC_STYLE</proto>
diff --git a/rest-client/src/main/java/org/thingsboard/rest/client/RestClient.java b/rest-client/src/main/java/org/thingsboard/rest/client/RestClient.java
index 2ece3228aa..150e565d7c 100644
--- a/rest-client/src/main/java/org/thingsboard/rest/client/RestClient.java
+++ b/rest-client/src/main/java/org/thingsboard/rest/client/RestClient.java
@@ -71,9 +71,8 @@ import org.thingsboard.server.common.data.id.WidgetsBundleId;
 import org.thingsboard.server.common.data.kv.Aggregation;
 import org.thingsboard.server.common.data.kv.AttributeKvEntry;
 import org.thingsboard.server.common.data.kv.TsKvEntry;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
-import org.thingsboard.server.common.data.page.TimePageData;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.page.TimePageLink;
 import org.thingsboard.server.common.data.plugin.ComponentDescriptor;
 import org.thingsboard.server.common.data.plugin.ComponentType;
@@ -271,20 +270,20 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
         restTemplate.postForLocation(baseURL + "/api/alarm/{alarmId}/clear", null, alarmId.getId());
     }
 
-    public TimePageData<AlarmInfo> getAlarms(EntityId entityId, AlarmSearchStatus searchStatus, AlarmStatus status, TimePageLink pageLink, Boolean fetchOriginator) {
+    public PageData<AlarmInfo> getAlarms(EntityId entityId, AlarmSearchStatus searchStatus, AlarmStatus status, TimePageLink pageLink, Boolean fetchOriginator) {
         Map<String, String> params = new HashMap<>();
         params.put("entityType", entityId.getEntityType().name());
         params.put("entityId", entityId.getId().toString());
         params.put("searchStatus", searchStatus.name());
         params.put("status", status.name());
         params.put("fetchOriginator", String.valueOf(fetchOriginator));
-        addPageLinkToParam(params, pageLink);
+        addTimePageLinkToParam(params, pageLink);
 
         return restTemplate.exchange(
-                baseURL + "/api/alarm/{entityType}/{entityId}?searchStatus={searchStatus}&status={status}&fetchOriginator={fetchOriginator}&" + getUrlParams(pageLink),
+                baseURL + "/api/alarm/{entityType}/{entityId}?searchStatus={searchStatus}&status={status}&fetchOriginator={fetchOriginator}&" + getTimeUrlParams(pageLink),
                 HttpMethod.GET,
                 HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TimePageData<AlarmInfo>>() {
+                new ParameterizedTypeReference<PageData<AlarmInfo>>() {
                 },
                 params).getBody();
     }
@@ -376,15 +375,15 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
         }
     }
 
-    public TextPageData<Asset> getTenantAssets(TextPageLink pageLink, String assetType) {
+    public PageData<Asset> getTenantAssets(PageLink pageLink, String assetType) {
         Map<String, String> params = new HashMap<>();
         params.put("type", assetType);
         addPageLinkToParam(params, pageLink);
 
-        ResponseEntity<TextPageData<Asset>> assets = restTemplate.exchange(
+        ResponseEntity<PageData<Asset>> assets = restTemplate.exchange(
                 baseURL + "/api/tenant/assets?type={type}&" + getUrlParams(pageLink),
                 HttpMethod.GET, HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TextPageData<Asset>>() {
+                new ParameterizedTypeReference<PageData<Asset>>() {
                 },
                 params);
         return assets.getBody();
@@ -403,17 +402,17 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
         }
     }
 
-    public TextPageData<Asset> getCustomerAssets(CustomerId customerId, TextPageLink pageLink, String assetType) {
+    public PageData<Asset> getCustomerAssets(CustomerId customerId, PageLink pageLink, String assetType) {
         Map<String, String> params = new HashMap<>();
         params.put("customerId", customerId.getId().toString());
         params.put("type", assetType);
         addPageLinkToParam(params, pageLink);
 
-        ResponseEntity<TextPageData<Asset>> assets = restTemplate.exchange(
+        ResponseEntity<PageData<Asset>> assets = restTemplate.exchange(
                 baseURL + "/api/customer/{customerId}/assets?type={type}&" + getUrlParams(pageLink),
                 HttpMethod.GET,
                 HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TextPageData<Asset>>() {
+                new ParameterizedTypeReference<PageData<Asset>>() {
                 },
                 params);
         return assets.getBody();
@@ -483,65 +482,65 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
                 customerId.toString(), assetId.toString()).getBody();
     }
 
-    public TimePageData<AuditLog> getAuditLogsByCustomerId(CustomerId customerId, TimePageLink pageLink, List<ActionType> actionTypes) {
+    public PageData<AuditLog> getAuditLogsByCustomerId(CustomerId customerId, TimePageLink pageLink, List<ActionType> actionTypes) {
         Map<String, String> params = new HashMap<>();
         params.put("customerId", customerId.getId().toString());
         params.put("actionTypes", listEnumToString(actionTypes));
-        addPageLinkToParam(params, pageLink);
+        addTimePageLinkToParam(params, pageLink);
 
-        ResponseEntity<TimePageData<AuditLog>> auditLog = restTemplate.exchange(
-                baseURL + "/api/audit/logs/customer/{customerId}?actionTypes={actionTypes}&" + getUrlParams(pageLink),
+        ResponseEntity<PageData<AuditLog>> auditLog = restTemplate.exchange(
+                baseURL + "/api/audit/logs/customer/{customerId}?actionTypes={actionTypes}&" + getTimeUrlParams(pageLink),
                 HttpMethod.GET,
                 HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TimePageData<AuditLog>>() {
+                new ParameterizedTypeReference<PageData<AuditLog>>() {
                 },
                 params);
         return auditLog.getBody();
     }
 
-    public TimePageData<AuditLog> getAuditLogsByUserId(UserId userId, TimePageLink pageLink, List<ActionType> actionTypes) {
+    public PageData<AuditLog> getAuditLogsByUserId(UserId userId, TimePageLink pageLink, List<ActionType> actionTypes) {
         Map<String, String> params = new HashMap<>();
         params.put("userId", userId.getId().toString());
         params.put("actionTypes", listEnumToString(actionTypes));
-        addPageLinkToParam(params, pageLink);
+        addTimePageLinkToParam(params, pageLink);
 
-        ResponseEntity<TimePageData<AuditLog>> auditLog = restTemplate.exchange(
-                baseURL + "/api/audit/logs/user/{userId}?actionTypes={actionTypes}&" + getUrlParams(pageLink),
+        ResponseEntity<PageData<AuditLog>> auditLog = restTemplate.exchange(
+                baseURL + "/api/audit/logs/user/{userId}?actionTypes={actionTypes}&" + getTimeUrlParams(pageLink),
                 HttpMethod.GET,
                 HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TimePageData<AuditLog>>() {
+                new ParameterizedTypeReference<PageData<AuditLog>>() {
                 },
                 params);
         return auditLog.getBody();
     }
 
-    public TimePageData<AuditLog> getAuditLogsByEntityId(EntityId entityId, List<ActionType> actionTypes, TimePageLink pageLink) {
+    public PageData<AuditLog> getAuditLogsByEntityId(EntityId entityId, List<ActionType> actionTypes, TimePageLink pageLink) {
         Map<String, String> params = new HashMap<>();
         params.put("entityType", entityId.getEntityType().name());
         params.put("entityId", entityId.getId().toString());
         params.put("actionTypes", listEnumToString(actionTypes));
-        addPageLinkToParam(params, pageLink);
+        addTimePageLinkToParam(params, pageLink);
 
-        ResponseEntity<TimePageData<AuditLog>> auditLog = restTemplate.exchange(
-                baseURL + "/api/audit/logs/entity/{entityType}/{entityId}?actionTypes={actionTypes}&" + getUrlParams(pageLink),
+        ResponseEntity<PageData<AuditLog>> auditLog = restTemplate.exchange(
+                baseURL + "/api/audit/logs/entity/{entityType}/{entityId}?actionTypes={actionTypes}&" + getTimeUrlParams(pageLink),
                 HttpMethod.GET,
                 HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TimePageData<AuditLog>>() {
+                new ParameterizedTypeReference<PageData<AuditLog>>() {
                 },
                 params);
         return auditLog.getBody();
     }
 
-    public TimePageData<AuditLog> getAuditLogs(TimePageLink pageLink, List<ActionType> actionTypes) {
+    public PageData<AuditLog> getAuditLogs(TimePageLink pageLink, List<ActionType> actionTypes) {
         Map<String, String> params = new HashMap<>();
         params.put("actionTypes", listEnumToString(actionTypes));
-        addPageLinkToParam(params, pageLink);
+        addTimePageLinkToParam(params, pageLink);
 
-        ResponseEntity<TimePageData<AuditLog>> auditLog = restTemplate.exchange(
-                baseURL + "/api/audit/logs?actionTypes={actionTypes}&" + getUrlParams(pageLink),
+        ResponseEntity<PageData<AuditLog>> auditLog = restTemplate.exchange(
+                baseURL + "/api/audit/logs?actionTypes={actionTypes}&" + getTimeUrlParams(pageLink),
                 HttpMethod.GET,
                 HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TimePageData<AuditLog>>() {
+                new ParameterizedTypeReference<PageData<AuditLog>>() {
                 },
                 params);
         return auditLog.getBody();
@@ -679,15 +678,15 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
         restTemplate.delete(baseURL + "/api/customer/{customerId}", customerId.getId());
     }
 
-    public TextPageData<Customer> getCustomers(TextPageLink pageLink) {
+    public PageData<Customer> getCustomers(PageLink pageLink) {
         Map<String, String> params = new HashMap<>();
         addPageLinkToParam(params, pageLink);
 
-        ResponseEntity<TextPageData<Customer>> customer = restTemplate.exchange(
+        ResponseEntity<PageData<Customer>> customer = restTemplate.exchange(
                 baseURL + "/api/customers?" + getUrlParams(pageLink),
                 HttpMethod.GET,
                 HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TextPageData<Customer>>() {
+                new ParameterizedTypeReference<PageData<Customer>>() {
                 },
                 params);
         return customer.getBody();
@@ -870,35 +869,35 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
         }
     }
 
-    public TextPageData<DashboardInfo> getTenantDashboards(TenantId tenantId, TextPageLink pageLink) {
+    public PageData<DashboardInfo> getTenantDashboards(TenantId tenantId, PageLink pageLink) {
         Map<String, String> params = new HashMap<>();
         params.put("tenantId", tenantId.getId().toString());
         addPageLinkToParam(params, pageLink);
         return restTemplate.exchange(
                 baseURL + "/api/tenant/{tenantId}/dashboards?" + getUrlParams(pageLink),
                 HttpMethod.GET, HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TextPageData<DashboardInfo>>() {
+                new ParameterizedTypeReference<PageData<DashboardInfo>>() {
                 }, params).getBody();
     }
 
-    public TextPageData<DashboardInfo> getTenantDashboards(TextPageLink pageLink) {
+    public PageData<DashboardInfo> getTenantDashboards(PageLink pageLink) {
         Map<String, String> params = new HashMap<>();
         addPageLinkToParam(params, pageLink);
         return restTemplate.exchange(
                 baseURL + "/api/tenant/dashboards?" + getUrlParams(pageLink),
                 HttpMethod.GET, HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TextPageData<DashboardInfo>>() {
+                new ParameterizedTypeReference<PageData<DashboardInfo>>() {
                 }, params).getBody();
     }
 
-    public TimePageData<DashboardInfo> getCustomerDashboards(CustomerId customerId, TimePageLink pageLink) {
+    public PageData<DashboardInfo> getCustomerDashboards(CustomerId customerId, TimePageLink pageLink) {
         Map<String, String> params = new HashMap<>();
         params.put("customerId", customerId.getId().toString());
         addPageLinkToParam(params, pageLink);
         return restTemplate.exchange(
                 baseURL + "/api/customer/{customerId}/dashboards?" + getUrlParams(pageLink),
                 HttpMethod.GET, HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TimePageData<DashboardInfo>>() {
+                new ParameterizedTypeReference<PageData<DashboardInfo>>() {
                 }, params).getBody();
     }
 
@@ -910,8 +909,8 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
     @Deprecated
     public List<DashboardInfo> findTenantDashboards() {
         try {
-            ResponseEntity<TextPageData<DashboardInfo>> dashboards =
-                    restTemplate.exchange(baseURL + "/api/tenant/dashboards?limit=100000", HttpMethod.GET, null, new ParameterizedTypeReference<TextPageData<DashboardInfo>>() {
+            ResponseEntity<PageData<DashboardInfo>> dashboards =
+                    restTemplate.exchange(baseURL + "/api/tenant/dashboards?pageSize=100000", HttpMethod.GET, null, new ParameterizedTypeReference<PageData<DashboardInfo>>() {
                     });
             return dashboards.getBody().getData();
         } catch (HttpClientErrorException exception) {
@@ -1000,14 +999,14 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
         return restTemplate.postForEntity(baseURL + "/api/device/credentials", deviceCredentials, DeviceCredentials.class).getBody();
     }
 
-    public TextPageData<Device> getTenantDevices(String type, TextPageLink pageLink) {
+    public PageData<Device> getTenantDevices(String type, PageLink pageLink) {
         Map<String, String> params = new HashMap<>();
         params.put("type", type);
         addPageLinkToParam(params, pageLink);
         return restTemplate.exchange(
                 baseURL + "/api/tenant/devices?type={type}&" + getUrlParams(pageLink),
                 HttpMethod.GET, HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TextPageData<Device>>() {
+                new ParameterizedTypeReference<PageData<Device>>() {
                 }, params).getBody();
     }
 
@@ -1024,7 +1023,7 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
         }
     }
 
-    public TextPageData<Device> getCustomerDevices(CustomerId customerId, String deviceType, TextPageLink pageLink) {
+    public PageData<Device> getCustomerDevices(CustomerId customerId, String deviceType, PageLink pageLink) {
         Map<String, String> params = new HashMap<>();
         params.put("customerId", customerId.getId().toString());
         params.put("type", deviceType);
@@ -1032,7 +1031,7 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
         return restTemplate.exchange(
                 baseURL + "/api/customer/{customerId}/devices?type={type}&" + getUrlParams(pageLink),
                 HttpMethod.GET, HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TextPageData<Device>>() {
+                new ParameterizedTypeReference<PageData<Device>>() {
                 }, params).getBody();
     }
 
@@ -1360,7 +1359,7 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
         }
     }
 
-    public TextPageData<EntityView> getCustomerEntityViews(CustomerId customerId, String entityViewType, TextPageLink pageLink) {
+    public PageData<EntityView> getCustomerEntityViews(CustomerId customerId, String entityViewType, PageLink pageLink) {
         Map<String, String> params = new HashMap<>();
         params.put("customerId", customerId.getId().toString());
         params.put("type", entityViewType);
@@ -1369,11 +1368,11 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
                 baseURL + "/api/customer/{customerId}/entityViews?type={type}&" + getUrlParams(pageLink),
                 HttpMethod.GET,
                 HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TextPageData<EntityView>>() {
+                new ParameterizedTypeReference<PageData<EntityView>>() {
                 }, params).getBody();
     }
 
-    public TextPageData<EntityView> getTenantEntityViews(String entityViewType, TextPageLink pageLink) {
+    public PageData<EntityView> getTenantEntityViews(String entityViewType, PageLink pageLink) {
         Map<String, String> params = new HashMap<>();
         params.put("type", entityViewType);
         addPageLinkToParam(params, pageLink);
@@ -1381,7 +1380,7 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
                 baseURL + "/api/tenant/entityViews?type={type}&" + getUrlParams(pageLink),
                 HttpMethod.GET,
                 HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TextPageData<EntityView>>() {
+                new ParameterizedTypeReference<PageData<EntityView>>() {
                 }, params).getBody();
     }
 
@@ -1408,35 +1407,35 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
         }
     }
 
-    public TimePageData<Event> getEvents(EntityId entityId, String eventType, TenantId tenantId, TimePageLink pageLink) {
+    public PageData<Event> getEvents(EntityId entityId, String eventType, TenantId tenantId, TimePageLink pageLink) {
         Map<String, String> params = new HashMap<>();
         params.put("entityType", entityId.getEntityType().name());
         params.put("entityId", entityId.getId().toString());
         params.put("eventType", eventType);
         params.put("tenantId", tenantId.getId().toString());
-        addPageLinkToParam(params, pageLink);
+        addTimePageLinkToParam(params, pageLink);
 
         return restTemplate.exchange(
-                baseURL + "/api/events/{entityType}/{entityId}/{eventType}?tenantId={tenantId}&" + getUrlParams(pageLink),
+                baseURL + "/api/events/{entityType}/{entityId}/{eventType}?tenantId={tenantId}&" + getTimeUrlParams(pageLink),
                 HttpMethod.GET,
                 HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TimePageData<Event>>() {
+                new ParameterizedTypeReference<PageData<Event>>() {
                 },
                 params).getBody();
     }
 
-    public TimePageData<Event> getEvents(EntityId entityId, TenantId tenantId, TimePageLink pageLink) {
+    public PageData<Event> getEvents(EntityId entityId, TenantId tenantId, TimePageLink pageLink) {
         Map<String, String> params = new HashMap<>();
         params.put("entityType", entityId.getEntityType().name());
         params.put("entityId", entityId.getId().toString());
         params.put("tenantId", tenantId.getId().toString());
-        addPageLinkToParam(params, pageLink);
+        addTimePageLinkToParam(params, pageLink);
 
         return restTemplate.exchange(
-                baseURL + "/api/events/{entityType}/{entityId}?tenantId={tenantId}&" + getUrlParams(pageLink),
+                baseURL + "/api/events/{entityType}/{entityId}?tenantId={tenantId}&" + getTimeUrlParams(pageLink),
                 HttpMethod.GET,
                 HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TimePageData<Event>>() {
+                new ParameterizedTypeReference<PageData<Event>>() {
                 },
                 params).getBody();
     }
@@ -1502,14 +1501,14 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
         return restTemplate.postForEntity(baseURL + "/api/ruleChain/metadata", ruleChainMetaData, RuleChainMetaData.class).getBody();
     }
 
-    public TextPageData<RuleChain> getRuleChains(TextPageLink pageLink) {
+    public PageData<RuleChain> getRuleChains(PageLink pageLink) {
         Map<String, String> params = new HashMap<>();
         addPageLinkToParam(params, pageLink);
         return restTemplate.exchange(
                 baseURL + "/api/ruleChains?" + getUrlParams(pageLink),
                 HttpMethod.GET,
                 HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TextPageData<RuleChain>>() {
+                new ParameterizedTypeReference<PageData<RuleChain>>() {
                 },
                 params).getBody();
     }
@@ -1784,14 +1783,14 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
         restTemplate.delete(baseURL + "/api/tenant/{tenantId}", tenantId.getId());
     }
 
-    public TextPageData<Tenant> getTenants(TextPageLink pageLink) {
+    public PageData<Tenant> getTenants(PageLink pageLink) {
         Map<String, String> params = new HashMap<>();
         addPageLinkToParam(params, pageLink);
         return restTemplate.exchange(
                 baseURL + "/api/tenants?" + getUrlParams(pageLink),
                 HttpMethod.GET,
                 HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TextPageData<Tenant>>() {
+                new ParameterizedTypeReference<PageData<Tenant>>() {
                 }, params).getBody();
     }
 
@@ -1841,7 +1840,7 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
         restTemplate.delete(baseURL + "/api/user/{userId}", userId.getId());
     }
 
-    public TextPageData<User> getTenantAdmins(TenantId tenantId, TextPageLink pageLink) {
+    public PageData<User> getTenantAdmins(TenantId tenantId, PageLink pageLink) {
         Map<String, String> params = new HashMap<>();
         params.put("tenantId", tenantId.getId().toString());
         addPageLinkToParam(params, pageLink);
@@ -1850,11 +1849,11 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
                 baseURL + "/api/tenant/{tenantId}/users?" + getUrlParams(pageLink),
                 HttpMethod.GET,
                 HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TextPageData<User>>() {
+                new ParameterizedTypeReference<PageData<User>>() {
                 }, params).getBody();
     }
 
-    public TextPageData<User> getCustomerUsers(CustomerId customerId, TextPageLink pageLink) {
+    public PageData<User> getCustomerUsers(CustomerId customerId, PageLink pageLink) {
         Map<String, String> params = new HashMap<>();
         params.put("customerId", customerId.getId().toString());
         addPageLinkToParam(params, pageLink);
@@ -1863,7 +1862,7 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
                 baseURL + "/api/customer/{customerId}/users?" + getUrlParams(pageLink),
                 HttpMethod.GET,
                 HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TextPageData<User>>() {
+                new ParameterizedTypeReference<PageData<User>>() {
                 }, params).getBody();
     }
 
@@ -1897,14 +1896,14 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
         restTemplate.delete(baseURL + "/api/widgetsBundle/{widgetsBundleId}", widgetsBundleId.getId());
     }
 
-    public TextPageData<WidgetsBundle> getWidgetsBundles(TextPageLink pageLink) {
+    public PageData<WidgetsBundle> getWidgetsBundles(PageLink pageLink) {
         Map<String, String> params = new HashMap<>();
         addPageLinkToParam(params, pageLink);
         return restTemplate.exchange(
                 baseURL + "/api/widgetsBundles?" + getUrlParams(pageLink),
                 HttpMethod.GET,
                 HttpEntity.EMPTY,
-                new ParameterizedTypeReference<TextPageData<WidgetsBundle>>() {
+                new ParameterizedTypeReference<PageData<WidgetsBundle>>() {
                 }, params).getBody();
     }
 
@@ -1987,60 +1986,47 @@ public class RestClient implements ClientHttpRequestInterceptor, Closeable {
         }
     }
 
-    private String getUrlParams(TimePageLink pageLink) {
-        String urlParams = "limit={limit}&ascOrder={ascOrder}";
+    private String getTimeUrlParams(TimePageLink pageLink) {
+        String urlParams = this.getUrlParams(pageLink);
         if (pageLink.getStartTime() != null) {
             urlParams += "&startTime={startTime}";
         }
         if (pageLink.getEndTime() != null) {
             urlParams += "&endTime={endTime}";
         }
-        if (pageLink.getIdOffset() != null) {
-            urlParams += "&offset={offset}";
-        }
         return urlParams;
     }
 
-    private String getUrlParams(TextPageLink pageLink) {
-        String urlParams = "limit={limit}";
+    private String getUrlParams(PageLink pageLink) {
+        String urlParams = "pageSize={pageSize}&page={page}";
         if (!isEmpty(pageLink.getTextSearch())) {
             urlParams += "&textSearch={textSearch}";
         }
-        if (!isEmpty(pageLink.getIdOffset())) {
-            urlParams += "&idOffset={idOffset}";
-        }
-        if (!isEmpty(pageLink.getTextOffset())) {
-            urlParams += "&textOffset={textOffset}";
+        if (pageLink.getSortOrder() != null) {
+            urlParams += "&sortProperty={sortProperty}&sortOrder={sortOrder}";
         }
         return urlParams;
     }
 
-    private void addPageLinkToParam(Map<String, String> params, TimePageLink pageLink) {
-        params.put("limit", String.valueOf(pageLink.getLimit()));
+    private void addTimePageLinkToParam(Map<String, String> params, TimePageLink pageLink) {
+        this.addPageLinkToParam(params, pageLink);
         if (pageLink.getStartTime() != null) {
             params.put("startTime", String.valueOf(pageLink.getStartTime()));
         }
         if (pageLink.getEndTime() != null) {
             params.put("endTime", String.valueOf(pageLink.getEndTime()));
         }
-        params.put("ascOrder", String.valueOf(pageLink.isAscOrder()));
-        if (pageLink.getIdOffset() != null) {
-            params.put("offset", pageLink.getIdOffset().toString());
-        }
     }
 
-    private void addPageLinkToParam(Map<String, String> params, TextPageLink pageLink) {
-        params.put("limit", String.valueOf(pageLink.getLimit()));
-        if (pageLink.getTextSearch() != null) {
+    private void addPageLinkToParam(Map<String, String> params, PageLink pageLink) {
+        params.put("pageSize", String.valueOf(pageLink.getPageSize()));
+        params.put("page", String.valueOf(pageLink.getPage()));
+        if (!isEmpty(pageLink.getTextSearch())) {
             params.put("textSearch", pageLink.getTextSearch());
         }
-
-        if (pageLink.getIdOffset() != null) {
-            params.put("idOffset", pageLink.getIdOffset().toString());
-
-        }
-        if (pageLink.getTextOffset() != null) {
-            params.put("textOffset", pageLink.getTextOffset());
+        if (pageLink.getSortOrder() != null) {
+            params.put("sortProperty", pageLink.getSortOrder().getProperty());
+            params.put("sortOrder", pageLink.getSortOrder().getDirection().name());
         }
     }
 
diff --git a/rule-engine/pom.xml b/rule-engine/pom.xml
index 8cfefd546a..315f8b2ee4 100644
--- a/rule-engine/pom.xml
+++ b/rule-engine/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>thingsboard</artifactId>
     </parent>
     <artifactId>rule-engine</artifactId>
diff --git a/rule-engine/rule-engine-api/pom.xml b/rule-engine/rule-engine-api/pom.xml
index 2cc6bf8d64..8070bac591 100644
--- a/rule-engine/rule-engine-api/pom.xml
+++ b/rule-engine/rule-engine-api/pom.xml
@@ -22,7 +22,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>rule-engine</artifactId>
     </parent>
     <groupId>org.thingsboard.rule-engine</groupId>
diff --git a/rule-engine/rule-engine-components/pom.xml b/rule-engine/rule-engine-components/pom.xml
index 373e4107f8..1ada70091c 100644
--- a/rule-engine/rule-engine-components/pom.xml
+++ b/rule-engine/rule-engine-components/pom.xml
@@ -22,7 +22,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>rule-engine</artifactId>
     </parent>
     <groupId>org.thingsboard.rule-engine</groupId>
diff --git a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/action/TbAbstractRelationActionNode.java b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/action/TbAbstractRelationActionNode.java
index bcfabf1100..2c0018ad89 100644
--- a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/action/TbAbstractRelationActionNode.java
+++ b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/action/TbAbstractRelationActionNode.java
@@ -38,8 +38,8 @@ import org.thingsboard.server.common.data.EntityView;
 import org.thingsboard.server.common.data.asset.Asset;
 import org.thingsboard.server.common.data.id.EntityId;
 import org.thingsboard.server.common.data.id.EntityIdFactory;
-import org.thingsboard.server.common.data.page.TextPageData;
-import org.thingsboard.server.common.data.page.TextPageLink;
+import org.thingsboard.server.common.data.page.PageData;
+import org.thingsboard.server.common.data.page.PageLink;
 import org.thingsboard.server.common.data.relation.EntityRelation;
 import org.thingsboard.server.common.data.relation.EntitySearchDirection;
 import org.thingsboard.server.common.data.relation.RelationTypeGroup;
@@ -231,7 +231,7 @@ public abstract class TbAbstractRelationActionNode<C extends TbAbstractRelationA
                     break;
                 case DASHBOARD:
                     DashboardService dashboardService = ctx.getDashboardService();
-                    TextPageData<DashboardInfo> dashboardInfoTextPageData = dashboardService.findDashboardsByTenantId(ctx.getTenantId(), new TextPageLink(200, entitykey.getEntityName()));
+                    PageData<DashboardInfo> dashboardInfoTextPageData = dashboardService.findDashboardsByTenantId(ctx.getTenantId(), new PageLink(200, 0, entitykey.getEntityName()));
                     for (DashboardInfo dashboardInfo : dashboardInfoTextPageData.getData()) {
                         if (dashboardInfo.getTitle().equals(entitykey.getEntityName())) {
                             targetEntity.setEntityId(dashboardInfo.getId());
diff --git a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/action/TbSaveToCustomCassandraTableNode.java b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/action/TbSaveToCustomCassandraTableNode.java
index 50471b366a..a583fe3c74 100644
--- a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/action/TbSaveToCustomCassandraTableNode.java
+++ b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/action/TbSaveToCustomCassandraTableNode.java
@@ -15,15 +15,7 @@
  */
 package org.thingsboard.rule.engine.action;
 
-import com.datastax.driver.core.BoundStatement;
-import com.datastax.driver.core.CodecRegistry;
-import com.datastax.driver.core.ConsistencyLevel;
-import com.datastax.driver.core.PreparedStatement;
-import com.datastax.driver.core.ResultSet;
-import com.datastax.driver.core.ResultSetFuture;
-import com.datastax.driver.core.Session;
-import com.datastax.driver.core.Statement;
-import com.datastax.driver.core.TypeCodec;
+import com.datastax.driver.core.*;
 import com.datastax.driver.core.exceptions.CodecNotFoundException;
 import com.google.common.base.Function;
 import com.google.common.util.concurrent.Futures;
@@ -33,20 +25,12 @@ import com.google.gson.JsonObject;
 import com.google.gson.JsonParser;
 import com.google.gson.JsonPrimitive;
 import lombok.extern.slf4j.Slf4j;
-import org.thingsboard.rule.engine.api.RuleNode;
-import org.thingsboard.rule.engine.api.TbContext;
-import org.thingsboard.rule.engine.api.TbNode;
-import org.thingsboard.rule.engine.api.TbNodeConfiguration;
-import org.thingsboard.rule.engine.api.TbNodeException;
+import org.thingsboard.rule.engine.api.*;
 import org.thingsboard.rule.engine.api.util.TbNodeUtils;
 import org.thingsboard.server.common.data.plugin.ComponentType;
 import org.thingsboard.server.common.msg.TbMsg;
 import org.thingsboard.server.dao.cassandra.CassandraCluster;
-import org.thingsboard.server.dao.model.type.AuthorityCodec;
 import org.thingsboard.server.dao.model.type.ComponentLifecycleStateCodec;
-import org.thingsboard.server.dao.model.type.ComponentScopeCodec;
-import org.thingsboard.server.dao.model.type.ComponentTypeCodec;
-import org.thingsboard.server.dao.model.type.DeviceCredentialsTypeCodec;
 import org.thingsboard.server.dao.model.type.EntityTypeCodec;
 import org.thingsboard.server.dao.model.type.JsonCodec;
 import org.thingsboard.server.dao.nosql.CassandraStatementTask;
@@ -60,8 +44,8 @@ import java.util.concurrent.ExecutorService;
 import java.util.concurrent.Executors;
 import java.util.concurrent.atomic.AtomicInteger;
 
-import static org.thingsboard.rule.engine.api.TbRelationTypes.SUCCESS;
 import static org.thingsboard.common.util.DonAsynchron.withCallback;
+import static org.thingsboard.rule.engine.api.TbRelationTypes.SUCCESS;
 
 @Slf4j
 @RuleNode(type = ComponentType.ACTION,
@@ -137,11 +121,7 @@ public class TbSaveToCustomCassandraTableNode implements TbNode {
             defaultWriteLevel = cassandraCluster.getDefaultWriteConsistencyLevel();
             CodecRegistry registry = session.getCluster().getConfiguration().getCodecRegistry();
             registerCodecIfNotFound(registry, new JsonCodec());
-            registerCodecIfNotFound(registry, new DeviceCredentialsTypeCodec());
-            registerCodecIfNotFound(registry, new AuthorityCodec());
             registerCodecIfNotFound(registry, new ComponentLifecycleStateCodec());
-            registerCodecIfNotFound(registry, new ComponentTypeCodec());
-            registerCodecIfNotFound(registry, new ComponentScopeCodec());
             registerCodecIfNotFound(registry, new EntityTypeCodec());
         }
         return session;
diff --git a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/debug/TbMsgGeneratorNode.java b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/debug/TbMsgGeneratorNode.java
index cd566f8dd2..e16b2f2f0e 100644
--- a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/debug/TbMsgGeneratorNode.java
+++ b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/debug/TbMsgGeneratorNode.java
@@ -41,7 +41,7 @@ import static org.thingsboard.rule.engine.api.TbRelationTypes.SUCCESS;
         nodeDescription = "Periodically generates messages",
         nodeDetails = "Generates messages with configurable period. Javascript function used for message generation.",
         inEnabled = false,
-        uiResources = {"static/rulenode/rulenode-core-config.js", "static/rulenode/rulenode-core-config.css"},
+        uiResources = {"static/rulenode/rulenode-core-config.js"},
         configDirective = "tbActionNodeGeneratorConfig",
         icon = "repeat"
 )
diff --git a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/filter/TbMsgTypeFilterNode.java b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/filter/TbMsgTypeFilterNode.java
index dd55ef2584..59c66dfb8b 100644
--- a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/filter/TbMsgTypeFilterNode.java
+++ b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/filter/TbMsgTypeFilterNode.java
@@ -32,7 +32,7 @@ import org.thingsboard.server.common.msg.TbMsg;
         relationTypes = {"True", "False"},
         nodeDescription = "Filter incoming messages by Message Type",
         nodeDetails = "If incoming MessageType is expected - send Message via <b>True</b> chain, otherwise <b>False</b> chain is used.",
-        uiResources = {"static/rulenode/rulenode-core-config.js", "static/rulenode/rulenode-core-config.css"},
+        uiResources = {"static/rulenode/rulenode-core-config.js"},
         configDirective = "tbFilterNodeMessageTypeConfig")
 public class TbMsgTypeFilterNode implements TbNode {
 
diff --git a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/filter/TbOriginatorTypeFilterNode.java b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/filter/TbOriginatorTypeFilterNode.java
index ac3db9968f..486f9fbd84 100644
--- a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/filter/TbOriginatorTypeFilterNode.java
+++ b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/filter/TbOriginatorTypeFilterNode.java
@@ -30,7 +30,7 @@ import org.thingsboard.server.common.msg.TbMsg;
         relationTypes = {"True", "False"},
         nodeDescription = "Filter incoming messages by message Originator Type",
         nodeDetails = "If Originator Type of incoming message is expected - send Message via <b>True</b> chain, otherwise <b>False</b> chain is used.",
-        uiResources = {"static/rulenode/rulenode-core-config.js", "static/rulenode/rulenode-core-config.css"},
+        uiResources = {"static/rulenode/rulenode-core-config.js"},
         configDirective = "tbFilterNodeOriginatorTypeConfig")
 public class TbOriginatorTypeFilterNode implements TbNode {
 
diff --git a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/metadata/TbGetCustomerAttributeNode.java b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/metadata/TbGetCustomerAttributeNode.java
index 7fb51bc00d..f1c2b57fe6 100644
--- a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/metadata/TbGetCustomerAttributeNode.java
+++ b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/metadata/TbGetCustomerAttributeNode.java
@@ -32,7 +32,7 @@ import org.thingsboard.server.common.data.plugin.ComponentType;
                 "If Latest Telemetry enrichment configured, latest telemetry added into metadata. " +
                 "To access those attributes in other nodes this template can be used " +
                 "<code>metadata.temperature</code>.",
-        uiResources = {"static/rulenode/rulenode-core-config.js", "static/rulenode/rulenode-core-config.css"},
+        uiResources = {"static/rulenode/rulenode-core-config.js"},
         configDirective = "tbEnrichmentNodeCustomerAttributesConfig")
 public class TbGetCustomerAttributeNode extends TbEntityGetAttrNode<CustomerId> {
 
diff --git a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/metadata/TbGetRelatedAttributeNode.java b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/metadata/TbGetRelatedAttributeNode.java
index 639659fd4b..7c9c7c730e 100644
--- a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/metadata/TbGetRelatedAttributeNode.java
+++ b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/metadata/TbGetRelatedAttributeNode.java
@@ -34,7 +34,7 @@ import org.thingsboard.server.common.data.plugin.ComponentType;
                 "If Latest Telemetry enrichment configured, latest telemetry added into metadata. " +
                 "To access those attributes in other nodes this template can be used " +
                 "<code>metadata.temperature</code>.",
-        uiResources = {"static/rulenode/rulenode-core-config.js", "static/rulenode/rulenode-core-config.css"},
+        uiResources = {"static/rulenode/rulenode-core-config.js"},
         configDirective = "tbEnrichmentNodeRelatedAttributesConfig")
 
 public class TbGetRelatedAttributeNode extends TbEntityGetAttrNode<EntityId> {
diff --git a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/metadata/TbGetTenantAttributeNode.java b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/metadata/TbGetTenantAttributeNode.java
index 3b69f0eb04..e5e4cb5667 100644
--- a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/metadata/TbGetTenantAttributeNode.java
+++ b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/metadata/TbGetTenantAttributeNode.java
@@ -34,7 +34,7 @@ import org.thingsboard.server.common.data.plugin.ComponentType;
                 "If Latest Telemetry enrichment configured, latest telemetry added into metadata. " +
                 "To access those attributes in other nodes this template can be used " +
                 "<code>metadata.temperature</code>.",
-        uiResources = {"static/rulenode/rulenode-core-config.js", "static/rulenode/rulenode-core-config.css"},
+        uiResources = {"static/rulenode/rulenode-core-config.js"},
         configDirective = "tbEnrichmentNodeTenantAttributesConfig")
 public class TbGetTenantAttributeNode extends TbEntityGetAttrNode<TenantId> {
 
diff --git a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/mqtt/TbMqttNode.java b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/mqtt/TbMqttNode.java
index 755cd27a33..6d45a3a05c 100644
--- a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/mqtt/TbMqttNode.java
+++ b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/mqtt/TbMqttNode.java
@@ -47,7 +47,7 @@ import java.util.concurrent.TimeoutException;
         configClazz = TbMqttNodeConfiguration.class,
         nodeDescription = "Publish messages to the MQTT broker",
         nodeDetails = "Will publish message payload to the MQTT broker with QoS <b>AT_LEAST_ONCE</b>.",
-        uiResources = {"static/rulenode/rulenode-core-config.js", "static/rulenode/rulenode-core-config.css"},
+        uiResources = {"static/rulenode/rulenode-core-config.js"},
         configDirective = "tbActionNodeMqttConfig",
         icon = "call_split"
 )
diff --git a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/telemetry/TbMsgAttributesNode.java b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/telemetry/TbMsgAttributesNode.java
index 46a68d3e26..3ad89bc05a 100644
--- a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/telemetry/TbMsgAttributesNode.java
+++ b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/telemetry/TbMsgAttributesNode.java
@@ -42,7 +42,7 @@ import java.util.Set;
         configClazz = TbMsgAttributesNodeConfiguration.class,
         nodeDescription = "Saves attributes data",
         nodeDetails = "Saves entity attributes based on configurable scope parameter. Expects messages with 'POST_ATTRIBUTES_REQUEST' message type",
-        uiResources = {"static/rulenode/rulenode-core-config.js", "static/rulenode/rulenode-core-config.css"},
+        uiResources = {"static/rulenode/rulenode-core-config.js"},
         configDirective = "tbActionNodeAttributesConfig",
         icon = "file_upload"
 )
diff --git a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/telemetry/TbMsgTimeseriesNode.java b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/telemetry/TbMsgTimeseriesNode.java
index ce7edf1c5f..d735f7f93f 100644
--- a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/telemetry/TbMsgTimeseriesNode.java
+++ b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/telemetry/TbMsgTimeseriesNode.java
@@ -43,7 +43,7 @@ import java.util.Map;
         configClazz = TbMsgTimeseriesNodeConfiguration.class,
         nodeDescription = "Saves timeseries data",
         nodeDetails = "Saves timeseries telemetry data based on configurable TTL parameter. Expects messages with 'POST_TELEMETRY_REQUEST' message type",
-        uiResources = {"static/rulenode/rulenode-core-config.js", "static/rulenode/rulenode-core-config.css"},
+        uiResources = {"static/rulenode/rulenode-core-config.js"},
         configDirective = "tbActionNodeTimeseriesConfig",
         icon = "file_upload"
 )
diff --git a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/transform/TbChangeOriginatorNode.java b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/transform/TbChangeOriginatorNode.java
index 15cd0c96ef..5d505f51b2 100644
--- a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/transform/TbChangeOriginatorNode.java
+++ b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/transform/TbChangeOriginatorNode.java
@@ -44,7 +44,7 @@ import java.util.HashSet;
         nodeDetails = "Related Entity found using configured relation direction and Relation Type. " +
                 "If multiple Related Entities are found, only first Entity is used as new Originator, other entities are discarded.<br/>" +
                 "Alarm Originator found only in case original Originator is <code>Alarm</code> entity.",
-        uiResources = {"static/rulenode/rulenode-core-config.js", "static/rulenode/rulenode-core-config.css"},
+        uiResources = {"static/rulenode/rulenode-core-config.js"},
         configDirective = "tbTransformationNodeChangeOriginatorConfig",
         icon = "find_replace"
 )
diff --git a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/transform/TbTransformMsgNode.java b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/transform/TbTransformMsgNode.java
index 1cfdf058bd..56f15f42de 100644
--- a/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/transform/TbTransformMsgNode.java
+++ b/rule-engine/rule-engine-components/src/main/java/org/thingsboard/rule/engine/transform/TbTransformMsgNode.java
@@ -36,7 +36,7 @@ import static org.thingsboard.rule.engine.api.TbRelationTypes.SUCCESS;
                 "Should return the following structure:<br/>" +
                 "<code>{ msg: <i style=\"color: #666;\">new payload</i>,<br/>&nbsp&nbsp&nbspmetadata: <i style=\"color: #666;\">new metadata</i>,<br/>&nbsp&nbsp&nbspmsgType: <i style=\"color: #666;\">new msgType</i> }</code><br/>" +
                 "All fields in resulting object are optional and will be taken from original message if not specified.",
-        uiResources = {"static/rulenode/rulenode-core-config.js", "static/rulenode/rulenode-core-config.css"},
+        uiResources = {"static/rulenode/rulenode-core-config.js"},
         configDirective = "tbTransformationNodeScriptConfig")
 public class TbTransformMsgNode extends TbAbstractTransformNode {
 
diff --git a/rule-engine/rule-engine-components/src/main/resources/public/static/rulenode/rulenode-core-config.css b/rule-engine/rule-engine-components/src/main/resources/public/static/rulenode/rulenode-core-config.css
deleted file mode 100644
index b5109b5f90..0000000000
--- a/rule-engine/rule-engine-components/src/main/resources/public/static/rulenode/rulenode-core-config.css
+++ /dev/null
@@ -1,2 +0,0 @@
-.tb-message-type-autocomplete .tb-not-found{display:block;line-height:1.5;height:48px}.tb-message-type-autocomplete .tb-not-found .tb-no-entries{line-height:48px}.tb-message-type-autocomplete li{height:auto!important;white-space:normal!important}.tb-generator-config tb-json-content.tb-message-body,.tb-generator-config tb-json-object-edit.tb-metadata-json{height:200px;display:block}.tb-mqtt-config .tb-credentials-panel-group .tb-panel-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:90px}@media (min-width:960px){.tb-mqtt-config .tb-credentials-panel-group .tb-panel-title{min-width:180px}}.tb-mqtt-config .tb-credentials-panel-group .tb-panel-prompt{font-size:14px;color:rgba(0,0,0,.87);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-mqtt-config .tb-credentials-panel-group.disabled .tb-panel-prompt,.tb-mqtt-config .tb-credentials-panel-group.disabled .tb-panel-title{color:rgba(0,0,0,.38)}.tb-mqtt-config .tb-credentials-panel-group md-icon.md-expansion-panel-icon{margin-right:0}.tb-mqtt-config .tb-container{width:100%}.tb-mqtt-config .dropdown-messages .tb-error-message{padding:5px 0 0}.tb-kv-map-config .header{padding-left:5px;padding-right:5px;padding-bottom:5px}.tb-kv-map-config .header .cell{padding-left:5px;padding-right:5px;color:rgba(0,0,0,.54);font-size:12px;font-weight:700;white-space:nowrap}.tb-kv-map-config .body{padding-left:5px;padding-right:5px;padding-bottom:20px;max-height:300px;overflow:auto}.tb-kv-map-config .body .row{padding-top:5px;max-height:40px}.tb-kv-map-config .body .cell{padding-left:5px;padding-right:5px}.tb-kv-map-config .body md-input-container.cell{margin:0;max-height:40px}.tb-kv-map-config .body .md-button{margin:0}
-/*# sourceMappingURL=rulenode-core-config.css.map*/
\ No newline at end of file
diff --git a/rule-engine/rule-engine-components/src/main/resources/public/static/rulenode/rulenode-core-config.js b/rule-engine/rule-engine-components/src/main/resources/public/static/rulenode/rulenode-core-config.js
index 0358f23448..57521e3299 100644
--- a/rule-engine/rule-engine-components/src/main/resources/public/static/rulenode/rulenode-core-config.js
+++ b/rule-engine/rule-engine-components/src/main/resources/public/static/rulenode/rulenode-core-config.js
@@ -1,6 +1,16 @@
-!function(e){function t(i){if(n[i])return n[i].exports;var a=n[i]={exports:{},id:i,loaded:!1};return e[i].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n={};return t.m=e,t.c=n,t.p="/static/",t(0)}(function(e){for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t))switch(typeof e[t]){case"function":break;case"object":e[t]=function(t){var n=t.slice(1),i=e[t[0]];return function(e,t,a){i.apply(this,[e,t,a].concat(n))}}(e[t]);break;default:e[t]=e[e[t]]}return e}([function(e,t,n){e.exports=n(101)},function(e,t){},1,1,1,1,function(e,t){e.exports=" <section ng-form name=assignCustomerConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.customer-name-pattern</label> <input ng-required=true name=customerNamePattern ng-model=configuration.customerNamePattern> <div ng-messages=assignCustomerConfigForm.customerNamePattern.$error> <div ng-message=required translate>tb.rulenode.customer-name-pattern-required</div> </div> <div class=tb-hint translate>tb.rulenode.customer-name-pattern-hint</div> </md-input-container> <md-checkbox aria-label=\"{{ 'tb.rulenode.create-group-if-not-exists' | translate }}\" ng-model=configuration.createCustomerIfNotExists>{{ 'tb.rulenode.create-customer-if-not-exists' | translate }} </md-checkbox> <md-input-container class=md-block> <label translate>tb.rulenode.customer-cache-expiration</label> <input type=number step=1 min=0 ng-required=true name=customerCacheExpiration ng-model=configuration.customerCacheExpiration> <div ng-messages=assignCustomerConfigForm.customerCacheExpiration.$error> <div translate ng-message=required>tb.rulenode.customer-cache-expiration-required</div> <div translate ng-message=min>tb.rulenode.customer-cache-expiration-range</div> </div> <div class=tb-hint translate>tb.rulenode.customer-cache-expiration-hint</div> </md-input-container> </section> "},function(e,t){e.exports=' <section ng-form name=attributesConfigForm layout=column> <md-input-container class=md-block> <label translate>attribute.attributes-scope</label> <md-select ng-model=configuration.scope ng-disabled=$root.loading> <md-option ng-repeat="scope in types.attributesScope" ng-value=scope.value> {{scope.name | translate}} </md-option> </md-select> </md-input-container> </section> '},function(e,t){e.exports=" <section class=tb-alarm-config ng-form name=alarmConfigForm layout=column> <label translate class=\"tb-title no-padding\">tb.rulenode.alarm-details-builder</label> <tb-js-func ng-model=configuration.alarmDetailsBuildJs function-name=Details function-args=\"{{ ['msg', 'metadata', 'msgType'] }}\" no-validate=true> </tb-js-func> <div layout=row style=padding-bottom:15px> <md-button ng-click=testDetailsBuildJs($event) class=\"md-primary md-raised\"> {{ 'tb.rulenode.test-details-function' | translate }} </md-button> </div> <md-input-container class=md-block> <label translate>tb.rulenode.alarm-type</label> <input ng-required=true name=alarmType ng-model=configuration.alarmType> <div ng-messages=alarmConfigForm.alarmType.$error> <div ng-message=required translate>tb.rulenode.alarm-type-required</div> </div> <div class=tb-hint translate>tb.rulenode.entity-type-pattern-hint</div> </md-input-container> </section> "},function(e,t){e.exports=" <section class=tb-alarm-config ng-form name=alarmConfigForm layout=column> <label translate class=\"tb-title no-padding\">tb.rulenode.alarm-details-builder</label> <tb-js-func ng-model=configuration.alarmDetailsBuildJs function-name=Details function-args=\"{{ ['msg', 'metadata', 'msgType'] }}\" no-validate=true> </tb-js-func> <div layout=row style=padding-bottom:15px> <md-button ng-click=testDetailsBuildJs($event) class=\"md-primary md-raised\"> {{ 'tb.rulenode.test-details-function' | translate }} </md-button> </div> <md-checkbox aria-label=\"{{ 'tb.rulenode.use-metadata-interval-patterns' | translate }}\" ng-model=configuration.useMessageAlarmData>{{ 'tb.rulenode.use-message-alarm-data' | translate }} </md-checkbox> <section layout=column layout-gt-sm=row ng-if=!configuration.useMessageAlarmData> <md-input-container flex class=md-block> <label translate>tb.rulenode.alarm-type</label> <input ng-required=true name=alarmType ng-model=configuration.alarmType> <div ng-messages=alarmConfigForm.alarmType.$error> <div ng-message=required translate>tb.rulenode.alarm-type-required</div> </div> <div class=tb-hint translate>tb.rulenode.entity-type-pattern-hint</div> </md-input-container> <md-input-container flex class=md-block> <label translate>tb.rulenode.alarm-severity</label> <md-select required name=severity ng-model=configuration.severity> <md-option ng-repeat=\"(severityKey, severity) in types.alarmSeverity\" ng-value=severityKey> {{ severity.name | translate}} </md-option> </md-select> <div ng-messages=alarmConfigForm.severity.$error> <div ng-message=required translate>tb.rulenode.alarm-severity-required</div> </div> </md-input-container> </section> <section layout=column ng-if=!configuration.useMessageAlarmData> <md-checkbox aria-label=\"{{ 'tb.rulenode.propagate' | translate }}\" ng-model=configuration.propagate>{{ 'tb.rulenode.propagate' | translate }} </md-checkbox> <div ng-if=configuration.propagate> <label translate class=\"tb-title no-padding\">tb.rulenode.relation-types-list</label> <md-chips ng-required=false readonly=readonly ng-model=configuration.relationTypes placeholder=\"{{'tb.rulenode.relation-types-list' | translate}}\" md-separator-keys=separatorKeys> </md-chips> </div> <div class=tb-hint style=padding-top:2px ng-if=configuration.propagate translate>tb.rulenode.relation-types-list-hint</div> </section> </section> "},function(e,t){e.exports=" <section ng-form name=createRelationConfigForm layout=column style=min-width:650px> <md-input-container class=md-block style=min-width:100px> <label translate>relation.direction</label> <md-select required ng-model=configuration.direction> <md-option ng-repeat=\"direction in types.entitySearchDirection\" ng-value=direction> {{ ('relation.search-direction.' + direction) | translate}} </md-option> </md-select> </md-input-container> <div layout=row class=tb-entity-select> <md-input-container class=md-block> <tb-entity-type-select style=min-width:100px the-form=createRelationConfigForm tb-required=true ng-model=configuration.entityType> </tb-entity-type-select> </md-input-container> <md-input-container class=md-block flex ng-if=configuration.entityType style=margin-top:38px> <label translate>tb.rulenode.entity-name-pattern</label> <input ng-required=true name=entityNamePattern ng-model=configuration.entityNamePattern> <div ng-messages=createRelationConfigForm.entityNamePattern.$error> <div ng-message=required translate>tb.rulenode.entity-name-pattern-required</div> </div> <div class=tb-hint translate>tb.rulenode.entity-name-pattern-hint</div> </md-input-container> <md-input-container class=md-block flex ng-if=\"configuration.entityType  == 'DEVICE' || configuration.entityType  == 'ASSET'\" style=margin-top:38px> <label translate>tb.rulenode.entity-type-pattern</label> <input ng-required=true name=entityTypePattern ng-model=configuration.entityTypePattern> <div ng-messages=createRelationConfigForm.entityTypePattern.$error> <div ng-message=required translate>tb.rulenode.entity-type-pattern-required</div> </div> <div class=tb-hint translate>tb.rulenode.entity-type-pattern-hint</div> </md-input-container> </div> <md-input-container class=md-block flex style=margin-top:0> <label translate>tb.rulenode.relation-type-pattern</label> <input ng-required=true name=relationType ng-model=configuration.relationType> <div ng-messages=createRelationConfigForm.relationType.$error> <div ng-message=required translate>tb.rulenode.relation-type-pattern-required</div> </div> <div class=tb-hint translate>tb.rulenode.relation-type-pattern-hint</div> </md-input-container> <md-checkbox flex ng-if=\"configuration.entityType  == 'CUSTOMER' || configuration.entityType  == 'ASSET' || configuration.entityType  == 'DEVICE'\" aria-label=\"{{ 'tb.rulenode.create-entity-if-not-exists' | translate }}\" ng-model=configuration.createEntityIfNotExists>{{ 'tb.rulenode.create-entity-if-not-exists' | translate }} </md-checkbox> <div class=tb-hint ng-if=\"configuration.entityType  == 'CUSTOMER' || configuration.entityType  == 'ASSET' || configuration.entityType  == 'DEVICE'\" translate>tb.rulenode.create-entity-if-not-exists-hint</div> <md-checkbox flex aria-label=\"{{ 'tb.rulenode.remove-current-relations' | translate }}\" ng-model=configuration.removeCurrentRelations>{{ 'tb.rulenode.remove-current-relations' | translate }} </md-checkbox> <div class=tb-hint translate>tb.rulenode.remove-current-relations-hint</div> <md-checkbox flex aria-label=\"{{ 'tb.rulenode.change-originator-to-related-entity' | translate }}\" ng-model=configuration.changeOriginatorToRelatedEntity>{{ 'tb.rulenode.change-originator-to-related-entity' | translate }} </md-checkbox> <div class=tb-hint translate>tb.rulenode.change-originator-to-related-entity-hint</div> <md-input-container class=md-block> <label translate>tb.rulenode.entity-cache-expiration</label> <input type=number step=1 min=0 ng-required=true name=entityCacheExpiration ng-model=configuration.entityCacheExpiration> <div ng-messages=createRelationConfigForm.entityCacheExpiration.$error> <div translate ng-message=required>tb.rulenode.entity-cache-expiration-required</div> <div translate ng-message=min>tb.rulenode.entity-cache-expiration-range</div> </div> <div class=tb-hint translate>tb.rulenode.entity-cache-expiration-hint</div> </md-input-container> </section> "},function(e,t){e.exports=" <section ng-form name=deleteRelationConfigForm layout=column> <md-checkbox aria-label=\"{{ 'tb.rulenode.delete-relation-to-specific-entity' | translate }}\" ng-model=configuration.deleteForSingleEntity> {{ 'tb.rulenode.delete-relation-to-specific-entity' | translate }} </md-checkbox> <div class=tb-hint translate>tb.rulenode.delete-relation-hint</div> <md-input-container class=md-block style=min-width:100px;margin-bottom:38px> <label translate>relation.direction</label> <md-select required ng-model=configuration.direction> <md-option ng-repeat=\"direction in types.entitySearchDirection\" ng-value=direction> {{ ('relation.search-direction.' + direction) | translate}} </md-option> </md-select> </md-input-container> <div layout=row class=tb-entity-select ng-if=configuration.deleteForSingleEntity> <md-input-container class=md-block> <tb-entity-type-select style=min-width:100px the-form=deleteRelationConfigForm tb-required=true ng-model=configuration.entityType> </tb-entity-type-select> </md-input-container> <md-input-container class=md-block flex ng-if=configuration.entityType style=margin-top:38px> <label translate>tb.rulenode.entity-name-pattern</label> <input ng-required=true name=entityNamePattern ng-model=configuration.entityNamePattern> <div ng-messages=deleteRelationConfigForm.entityNamePattern.$error> <div ng-message=required translate>tb.rulenode.entity-name-pattern-required</div> </div> <div class=tb-hint translate>tb.rulenode.entity-name-pattern-hint</div> </md-input-container> </div> <md-input-container class=md-block flex> <label translate>tb.rulenode.relation-type-pattern</label> <input ng-required=true name=relationType ng-model=configuration.relationType> <div ng-messages=createRelationConfigForm.relationType.$error> <div ng-message=required translate>tb.rulenode.relation-type-pattern-required</div> </div> <div class=tb-hint translate>tb.rulenode.relation-type-pattern-hint</div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.entity-cache-expiration</label> <input type=number step=1 min=0 ng-required=true name=entityCacheExpiration ng-model=configuration.entityCacheExpiration> <div ng-messages=deleteRelationConfigForm.entityCacheExpiration.$error> <div translate ng-message=required>tb.rulenode.entity-cache-expiration-required</div> <div translate ng-message=min>tb.rulenode.entity-cache-expiration-range</div> </div> <div class=tb-hint translate>tb.rulenode.entity-cache-expiration-hint</div> </md-input-container> </section> "},function(e,t){e.exports=" <section class=tb-generator-config ng-form name=generatorConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.message-count</label> <input ng-required=true type=number step=1 name=messageCount ng-model=configuration.msgCount min=0> <div ng-messages=generatorConfigForm.messageCount.$error multiple=multiple md-auto-hide=false> <div ng-message=required translate>tb.rulenode.message-count-required</div> <div ng-message=min translate>tb.rulenode.min-message-count-message</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.period-seconds</label> <input ng-required=true type=number step=1 name=periodInSeconds ng-model=configuration.periodInSeconds min=1> <div ng-messages=generatorConfigForm.periodInSeconds.$error multiple=multiple md-auto-hide=false> <div ng-message=required translate>tb.rulenode.period-seconds-required</div> <div ng-message=min translate>tb.rulenode.min-period-seconds-message</div> </div> </md-input-container> <div layout=column> <label class=tb-small>{{ 'tb.rulenode.originator' | translate }}</label> <tb-entity-select the-form=generatorConfigForm tb-required=false ng-model=originator> </tb-entity-select> </div> <label translate class=\"tb-title no-padding\">tb.rulenode.generate</label> <tb-js-func ng-model=configuration.jsScript function-name=Generate function-args=\"{{ ['prevMsg', 'prevMetadata', 'prevMsgType'] }}\" no-validate=true> </tb-js-func> <div layout=row> <md-button ng-click=testScript($event) class=\"md-primary md-raised\"> {{ 'tb.rulenode.test-generator-function' | translate }} </md-button> </div> </section> "},function(e,t){e.exports=' <section ng-form name=geoActionConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.latitude-key-name</label> <input ng-required=true name=latitudeKeyName ng-model=configuration.latitudeKeyName> <div ng-messages=geoActionConfigForm.latitudeKeyName.$error> <div ng-message=required translate>tb.rulenode.latitude-key-name-required</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.longitude-key-name</label> <input ng-required=true name=longitudeKeyName ng-model=configuration.longitudeKeyName> <div ng-messages=geoActionConfigForm.longitudeKeyName.$error> <div ng-message=required translate>tb.rulenode.longitude-key-name-required</div> </div> </md-input-container> <md-checkbox flex aria-label="{{ \'tb.rulenode.fetch-perimeter-info-from-message-metadata\' | translate }}" ng-model=configuration.fetchPerimeterInfoFromMessageMetadata>{{ \'tb.rulenode.fetch-perimeter-info-from-message-metadata\' | translate }} </md-checkbox> <div layout=row class=tb-entity-select ng-if="configuration.fetchPerimeterInfoFromMessageMetadata === false"> <md-input-container class=md-block flex=100> <label translate>tb.rulenode.perimeter-type</label> <md-select required ng-model=configuration.perimeterType flex> <md-option ng-repeat="type in ruleNodeTypes.perimeterType" ng-value=type.value> {{ type.name | translate}} </md-option> </md-select> </md-input-container> </div> <div layout=row layout-wrap ng-if="configuration.perimeterType===ruleNodeTypes.perimeterType.CIRCLE.value && configuration.fetchPerimeterInfoFromMessageMetadata === false"> <div layout=column flex=50> <md-input-container class=md-block flex layout=column style=margin-top:44px> <label translate>tb.rulenode.circle-center-latitude</label> <input type=number min=-90 max=90 step=0.1 ng-required=true name=centerLatitude ng-model=configuration.centerLatitude> <div ng-messages=geoActionConfigForm.centerLatitude.$error> <div ng-message=required translate>tb.rulenode.circle-center-latitude-required</div> </div> </md-input-container> </div> <div layout=column flex=50> <md-input-container class=md-block flex style=margin-top:44px> <label translate>tb.rulenode.circle-center-longitude</label> <input type=number min=-180 max=180 step=0.1 ng-required=true name=centerLongitude ng-model=configuration.centerLongitude> <div ng-messages=geoActionConfigForm.centerLongitude.$error> <div ng-message=required translate>tb.rulenode.circle-center-longitude-required</div> </div> </md-input-container> </div> <div layout=column flex=50> <md-input-container class=md-block style=margin-top:28px> <label translate>tb.rulenode.range</label> <input type=number min=0 step=0.1 ng-required=true name=range ng-model=configuration.range> <div ng-messages=geoActionConfigForm.range.$error> <div ng-message=required translate>tb.rulenode.range-required</div> </div> </md-input-container> </div> <div layout=column flex=50> <md-input-container class=md-block style=margin-top:28px> <label translate>tb.rulenode.range-units</label> <md-select required ng-model=configuration.rangeUnit> <md-option ng-repeat="type in ruleNodeTypes.rangeUnit" ng-value=type.value> {{ type.name | translate}} </md-option> </md-select> </md-input-container> </div> </div> <div layout=row layout-wrap ng-if="configuration.perimeterType===ruleNodeTypes.perimeterType.POLYGON.value && configuration.fetchPerimeterInfoFromMessageMetadata === false"> <div layout=column flex=100> <md-input-container class=md-block style=margin-top:44px> <label translate>tb.rulenode.polygon-definition</label> <input ng-required=true name=polygonsDefinition ng-model=configuration.polygonsDefinition> <div ng-messages=geoActionConfigForm.polygonsDefinition.$error> <div ng-message=required translate>tb.rulenode.polygon-definition-required</div> </div> <div class=tb-hint style=margin-top:5px translate>tb.rulenode.polygon-definition-hint</div> </md-input-container> </div> </div> <div layout=column layout-gt-sm=row> <md-input-container flex class="md-block tb-time-value" flex> <label translate class="tb-title no-padding">tb.rulenode.min-inside-duration</label> <input required type=number step=1 min=1 max=2147483647 name=minInsideDuration ng-model=configuration.minInsideDuration> <div ng-messages=geoActionConfigForm.minInsideDuration.$error> <div translate ng-message=required>tb.rulenode.min-inside-duration-value-required</div> <div ng-message=min translate>tb.rulenode.time-value-range</div> <div ng-message=max translate>tb.rulenode.time-value-range</div> </div> </md-input-container> <md-input-container flex class="md-block tb-time-unit" flex> <label translate class="tb-title no-padding">tb.rulenode.min-inside-duration-time-unit</label> <md-select required name=minInsideDurationTimeUnit aria-label="{{ \'tb.rulenode.min-inside-duration-time-unit\' | translate }}" ng-model=configuration.minInsideDurationTimeUnit> <md-option ng-repeat="timeUnit in ruleNodeTypes.timeUnit" ng-value=timeUnit.value> {{timeUnit.name | translate}} </md-option> </md-select> </md-input-container> </div> <div layout=column layout-gt-sm=row> <md-input-container flex class="md-block tb-time-value" flex> <label translate class="tb-title no-padding">tb.rulenode.min-outside-duration</label> <input required type=number step=1 min=1 max=2147483647 name=minOutsideDuration ng-model=configuration.minOutsideDuration> <div ng-messages=geoActionConfigForm.minOutsideDuration.$error> <div translate ng-message=required>tb.rulenode.min-outside-duration-value-required</div> <div ng-message=min translate>tb.rulenode.time-value-range</div> <div ng-message=max translate>tb.rulenode.time-value-range</div> </div> </md-input-container> <md-input-container flex class="md-block tb-time-unit" flex> <label translate class="tb-title no-padding">tb.rulenode.min-outside-duration-time-unit</label> <md-select required name=minOutsideDurationTimeUnit aria-label="{{ \'tb.rulenode.min-outside-duration-time-unit\' | translate }}" ng-model=configuration.minOutsideDurationTimeUnit> <md-option ng-repeat="timeUnit in ruleNodeTypes.timeUnit" ng-value=timeUnit.value> {{timeUnit.name | translate}} </md-option> </md-select> </md-input-container> </div> </section> '},function(e,t){e.exports=' <section ng-form name=kafkaConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.topic-pattern</label> <input ng-required=true name=topicPattern ng-model=configuration.topicPattern> <div ng-messages=kafkaConfigForm.topicPattern.$error> <div ng-message=required translate>tb.rulenode.topic-pattern-required</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.bootstrap-servers</label> <input ng-required=true name=bootstrapServers ng-model=configuration.bootstrapServers> <div ng-messages=kafkaConfigForm.bootstrapServers.$error> <div ng-message=required translate>tb.rulenode.bootstrap-servers-required</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.retries</label> <input type=number step=1 name=retries ng-model=configuration.retries min=0> <div ng-messages=kafkaConfigForm.retries.$error> <div ng-message=min translate>tb.rulenode.min-retries-message</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.batch-size-bytes</label> <input type=number step=1 name=batchSize ng-model=configuration.batchSize min=0> <div ng-messages=kafkaConfigForm.batchSize.$error> <div ng-message=min translate>tb.rulenode.min-batch-size-bytes-message</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.linger-ms</label> <input type=number step=1 name=linger ng-model=configuration.linger min=0> <div ng-messages=kafkaConfigForm.linger.$error> <div ng-message=min translate>tb.rulenode.min-linger-ms-message</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.buffer-memory-bytes</label> <input type=number step=1 name=bufferMemory ng-model=configuration.bufferMemory min=0> <div ng-messages=kafkaConfigForm.bufferMemory.$error> <div ng-message=min translate>tb.rulenode.min-buffer-memory-bytes-message</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.acks</label> <md-select ng-model=configuration.acks ng-disabled=$root.loading> <md-option ng-repeat="ackValue in ackValues" ng-value=ackValue> {{ ackValue }} </md-option> </md-select> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.key-serializer</label> <input ng-required=true name=keySerializer ng-model=configuration.keySerializer> <div ng-messages=kafkaConfigForm.keySerializer.$error> <div ng-message=required translate>tb.rulenode.key-serializer-required</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.value-serializer</label> <input ng-required=true name=valueSerializer ng-model=configuration.valueSerializer> <div ng-messages=kafkaConfigForm.valueSerializer.$error> <div ng-message=required translate>tb.rulenode.value-serializer-required</div> </div> </md-input-container> <label translate class=tb-title>tb.rulenode.other-properties</label> <tb-kv-map-config ng-model=configuration.otherProperties ng-required=false key-text="\'tb.rulenode.key\'" key-required-text="\'tb.rulenode.key-required\'" val-text="\'tb.rulenode.value\'" val-required-text="\'tb.rulenode.value-required\'"> </tb-kv-map-config> </section> '},function(e,t){e.exports=" <section layout=column> <label translate class=\"tb-title no-padding\">tb.rulenode.to-string</label> <tb-js-func ng-model=configuration.jsScript function-name=ToString function-args=\"{{ ['msg', 'metadata', 'msgType'] }}\" no-validate=true> </tb-js-func> <div layout=row> <md-button ng-click=testScript($event) class=\"md-primary md-raised\"> {{ 'tb.rulenode.test-to-string-function' | translate }} </md-button> </div> </section> "},function(e,t){e.exports=' <section class=tb-mqtt-config ng-form name=mqttConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.topic-pattern</label> <input ng-required=true name=topicPattern ng-model=configuration.topicPattern> <div ng-messages=mqttConfigForm.topicPattern.$error> <div translate ng-message=required>tb.rulenode.topic-pattern-required</div> </div> <div class=tb-hint translate>tb.rulenode.mqtt-topic-pattern-hint</div> </md-input-container> <div flex layout=column layout-gt-sm=row> <md-input-container flex=60 class=md-block> <label translate>tb.rulenode.host</label> <input ng-required=true name=host ng-model=configuration.host> <div ng-messages=mqttConfigForm.host.$error> <div translate ng-message=required>tb.rulenode.host-required</div> </div> </md-input-container> <md-input-container flex=40 class=md-block> <label translate>tb.rulenode.port</label> <input type=number step=1 min=1 max=65535 ng-required=true name=port ng-model=configuration.port> <div ng-messages=mqttConfigForm.port.$error> <div translate ng-message=required>tb.rulenode.port-required</div> <div translate ng-message=min>tb.rulenode.port-range</div> <div translate ng-message=max>tb.rulenode.port-range</div> </div> </md-input-container> <md-input-container flex=40 class=md-block> <label translate>tb.rulenode.connect-timeout</label> <input type=number step=1 min=1 max=200 ng-required=true name=connectTimeoutSec ng-model=configuration.connectTimeoutSec> <div ng-messages=mqttConfigForm.connectTimeoutSec.$error> <div translate ng-message=required>tb.rulenode.connect-timeout-required</div> <div translate ng-message=min>tb.rulenode.connect-timeout-range</div> <div translate ng-message=max>tb.rulenode.connect-timeout-range</div> </div> </md-input-container> </div> <md-input-container class=md-block> <label translate>tb.rulenode.client-id</label> <input name=clientId ng-model=configuration.clientId> </md-input-container> <md-checkbox ng-disabled="$root.loading || readonly" aria-label="{{ \'tb.rulenode.clean-session\' | translate }}" ng-model=configuration.cleanSession> {{ \'tb.rulenode.clean-session\' | translate }} </md-checkbox> <md-checkbox ng-disabled="$root.loading || readonly" aria-label="{{ \'tb.rulenode.enable-ssl\' | translate }}" ng-model=configuration.ssl> {{ \'tb.rulenode.enable-ssl\' | translate }} </md-checkbox> <md-expansion-panel-group class=tb-credentials-panel-group ng-class="{\'disabled\': $root.loading || readonly}" md-component-id=credentialsPanelGroup> <md-expansion-panel md-component-id=credentialsPanel> <md-expansion-panel-collapsed> <div class=tb-panel-title>{{ \'tb.rulenode.credentials\' | translate }}</div> <div class=tb-panel-prompt>{{ ruleNodeTypes.mqttCredentialTypes[configuration.credentials.type].name | translate }}</div> <span flex></span> <md-expansion-panel-icon></md-expansion-panel-icon> </md-expansion-panel-collapsed> <md-expansion-panel-expanded> <md-expansion-panel-header ng-click="$mdExpansionPanel(\'credentialsPanel\').collapse()"> <div class=tb-panel-title>{{ \'tb.rulenode.credentials\' | translate }}</div> <div class=tb-panel-prompt>{{ ruleNodeTypes.mqttCredentialTypes[configuration.credentials.type].name | translate }}</div> <span flex></span> <md-expansion-panel-icon></md-expansion-panel-icon> </md-expansion-panel-header> <md-expansion-panel-content> <div layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.credentials-type</label> <md-select ng-required=true name=credentialsType ng-model=configuration.credentials.type ng-disabled="$root.loading || readonly" ng-change=credentialsTypeChanged()> <md-option ng-repeat="(credentialsType, credentialsValue) in ruleNodeTypes.mqttCredentialTypes" ng-value=credentialsValue.value> {{credentialsValue.name | translate}} </md-option> </md-select> <div ng-messages=mqttConfigForm.credentialsType.$error> <div translate ng-message=required>tb.rulenode.credentials-type-required</div> </div> </md-input-container> <section flex layout=column ng-if="configuration.credentials.type == ruleNodeTypes.mqttCredentialTypes.basic.value"> <md-input-container class=md-block> <label translate>tb.rulenode.username</label> <input ng-required=true name=mqttUsername ng-model=configuration.credentials.username> <div ng-messages=mqttConfigForm.mqttUsername.$error> <div translate ng-message=required>tb.rulenode.username-required</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.password</label> <input type=password ng-required=true name=mqttPassword ng-model=configuration.credentials.password> <div ng-messages=mqttConfigForm.mqttPassword.$error> <div translate ng-message=required>tb.rulenode.password-required</div> </div> </md-input-container> </section> <section flex layout=column ng-if="configuration.credentials.type == ruleNodeTypes.mqttCredentialTypes[\'cert.PEM\'].value" class=dropdown-section> <div class=tb-container ng-class="configuration.credentials.caCertFileName ? \'ng-valid\' : \'ng-invalid\'"> <label class=tb-label translate>tb.rulenode.ca-cert</label> <div flow-init={singleFile:true} flow-file-added="certFileAdded($file, \'caCert\')" class=tb-file-select-container> <div class=tb-file-clear-container> <md-button ng-click="clearCertFile(\'caCert\')" class="tb-file-clear-btn md-icon-button md-primary" aria-label="{{ \'action.remove\' | translate }}"> <md-tooltip md-direction=top> {{ \'action.remove\' | translate }} </md-tooltip> <md-icon aria-label="{{ \'action.remove\' | translate }}" class=material-icons>close</md-icon> </md-button> </div> <div class="alert tb-flow-drop" flow-drop> <label for=caCertSelect translate>tb.rulenode.drop-file</label> <input class=file-input flow-btn id=caCertSelect> </div> </div> </div> <div class=dropdown-messages> <div ng-if=!configuration.credentials.caCertFileName class=tb-error-message translate>tb.rulenode.no-file</div> <div ng-if=configuration.credentials.caCertFileName>{{configuration.credentials.caCertFileName}}</div> </div> <div class=tb-container ng-class="configuration.credentials.certFileName ? \'ng-valid\' : \'ng-invalid\'"> <label class=tb-label translate>tb.rulenode.cert</label> <div flow-init={singleFile:true} flow-file-added="certFileAdded($file, \'Cert\')" class=tb-file-select-container> <div class=tb-file-clear-container> <md-button ng-click="clearCertFile(\'Cert\')" class="tb-file-clear-btn md-icon-button md-primary" aria-label="{{ \'action.remove\' | translate }}"> <md-tooltip md-direction=top> {{ \'action.remove\' | translate }} </md-tooltip> <md-icon aria-label="{{ \'action.remove\' | translate }}" class=material-icons>close</md-icon> </md-button> </div> <div class="alert tb-flow-drop" flow-drop> <label for=CertSelect translate>tb.rulenode.drop-file</label> <input class=file-input flow-btn id=CertSelect> </div> </div> </div> <div class=dropdown-messages> <div ng-if=!configuration.credentials.certFileName class=tb-error-message translate>tb.rulenode.no-file</div> <div ng-if=configuration.credentials.certFileName>{{configuration.credentials.certFileName}}</div> </div> <div class=tb-container ng-class="configuration.credentials.privateKeyFileName ? \'ng-valid\' : \'ng-invalid\'"> <label class=tb-label translate>tb.rulenode.private-key</label> <div flow-init={singleFile:true} flow-file-added="certFileAdded($file, \'privateKey\')" class=tb-file-select-container> <div class=tb-file-clear-container> <md-button ng-click="clearCertFile(\'privateKey\')" class="tb-file-clear-btn md-icon-button md-primary" aria-label="{{ \'action.remove\' | translate }}"> <md-tooltip md-direction=top> {{ \'action.remove\' | translate }} </md-tooltip> <md-icon aria-label="{{ \'action.remove\' | translate }}" class=material-icons>close</md-icon> </md-button> </div> <div class="alert tb-flow-drop" flow-drop> <label for=privateKeySelect translate>tb.rulenode.drop-file</label> <input class=file-input flow-btn id=privateKeySelect> </div> </div> </div> <div class=dropdown-messages> <div ng-if=!configuration.credentials.privateKeyFileName class=tb-error-message translate>tb.rulenode.no-file</div> <div ng-if=configuration.credentials.privateKeyFileName>{{configuration.credentials.privateKeyFileName}}</div> </div> <md-input-container class=md-block> <label translate>tb.rulenode.private-key-password</label> <input type=password name=privateKeyPassword ng-model=configuration.credentials.password> </md-input-container> </section> </div> </md-expansion-panel-content> </md-expansion-panel-expanded> </md-expansion-panel> </md-expansion-panel-group> </section>';
-},function(e,t){e.exports=" <section ng-form name=msgCountConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.interval-seconds</label> <input ng-required=true type=number step=1 name=interval ng-model=configuration.interval min=1> <div ng-messages=msgCountConfigForm.interval.$error multiple=multiple md-auto-hide=false> <div ng-message=required translate>tb.rulenode.interval-seconds-required</div> <div ng-message=min translate>tb.rulenode.min-interval-seconds-message</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.output-timeseries-key-prefix</label> <input ng-required=true name=telemetryPrefix ng-model=configuration.telemetryPrefix> <div ng-messages=msgCountConfigForm.telemetryPrefix.$error> <div translate ng-message=required>tb.rulenode.output-timeseries-key-prefix-required</div> </div> </md-input-container> </section> "},function(e,t){e.exports=' <section ng-form name=msgDelayConfigForm layout=column> <md-checkbox aria-label="{{ \'tb.rulenode.use-metadata-period-in-seconds-patterns\' | translate }}" ng-model=configuration.useMetadataPeriodInSecondsPatterns>{{ \'tb.rulenode.use-metadata-period-in-seconds-patterns\' | translate }} </md-checkbox> <div class=tb-hint translate>tb.rulenode.use-metadata-period-in-seconds-patterns-hint</div> <md-input-container class=md-block ng-if="configuration.useMetadataPeriodInSecondsPatterns === undefined || configuration.useMetadataPeriodInSecondsPatterns == false"> <label translate>tb.rulenode.period-seconds</label> <input ng-required=true type=number step=1 name=periodInSeconds ng-model=configuration.periodInSeconds min=0> <div ng-messages=msgDelayConfigForm.periodInSeconds.$error multiple=multiple md-auto-hide=false> <div ng-message=required translate>tb.rulenode.period-seconds-required</div> <div ng-message=min translate>tb.rulenode.min-period-0-seconds-message</div> </div> </md-input-container> <md-input-container class=md-block flex ng-if="configuration.useMetadataPeriodInSecondsPatterns === true"> <label translate>tb.rulenode.period-in-seconds-pattern</label> <input ng-required=true name=periodInSecondsPattern ng-model=configuration.periodInSecondsPattern> <div ng-messages=msgDelayConfigForm.periodInSecondsPattern.$error> <div ng-message=required translate>tb.rulenode.period-in-seconds-pattern-required</div> </div> <div class=tb-hint translate>tb.rulenode.period-in-seconds-pattern-hint</div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.max-pending-messages</label> <input ng-required=true type=number step=1 name=maxPendingMsgs ng-model=configuration.maxPendingMsgs min=1 max=100000> <div ng-messages=msgDelayConfigForm.maxPendingMsgs.$error multiple=multiple md-auto-hide=false> <div ng-message=required translate>tb.rulenode.max-pending-messages-required</div> <div ng-message=min translate>tb.rulenode.max-pending-messages-range</div> <div ng-message=max translate>tb.rulenode.max-pending-messages-range</div> </div> </md-input-container> </section> '},function(e,t){e.exports=" <section ng-form name=pubsubConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.gcp-project-id</label> <input ng-required=true name=projectId ng-model=configuration.projectId> <div ng-messages=pubsubConfigForm.projectId.$error> <div ng-message=required translate>tb.rulenode.gcp-project-id-required</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.pubsub-topic-name</label> <input ng-required=true name=topicName ng-model=configuration.topicName> <div ng-messages=pubsubConfigForm.topicName.$error> <div ng-message=required translate>tb.rulenode.pubsub-topic-name-required</div> </div> </md-input-container> <div class=tb-container ng-class=\"configuration.serviceAccountKeyFileName ? 'ng-valid' : 'ng-invalid'\"> <label class=tb-label translate>tb.rulenode.gcp-service-account-key</label> <div flow-init={singleFile:true} flow-file-added=serviceAccountFileAdded($file) class=tb-file-select-container> <div class=tb-file-clear-container> <md-button ng-click=clearServiceAccountFile() class=\"tb-file-clear-btn md-icon-button md-primary\" aria-label=\"{{ 'action.remove' | translate }}\"> <md-tooltip md-direction=top> {{ 'action.remove' | translate }} </md-tooltip> <md-icon aria-label=\"{{ 'action.remove' | translate }}\" class=material-icons>close</md-icon> </md-button> </div> <div class=\"alert tb-flow-drop\" flow-drop> <label for=serviceAccountKeySelect translate>tb.rulenode.drop-file</label> <input class=file-input flow-btn id=serviceAccountKeySelect> </div> </div> </div> <div class=dropdown-messages> <div ng-if=!configuration.serviceAccountKeyFileName class=tb-error-message translate>tb.rulenode.no-file</div> <div ng-if=configuration.serviceAccountKeyFileName>{{configuration.serviceAccountKeyFileName}}</div> </div> <label translate class=tb-title>tb.rulenode.message-attributes</label> <div class=tb-hint translate>tb.rulenode.message-attributes-hint</div> <tb-kv-map-config ng-model=configuration.messageAttributes ng-required=false key-text=\"'tb.rulenode.name'\" key-required-text=\"'tb.rulenode.name-required'\" val-text=\"'tb.rulenode.value'\" val-required-text=\"'tb.rulenode.value-required'\"> </tb-kv-map-config> </section> "},function(e,t){e.exports=' <section ng-form name=rabbitMqConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.exchange-name-pattern</label> <input name=exchangeNamePattern ng-model=configuration.exchangeNamePattern> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.routing-key-pattern</label> <input name=routingKeyPattern ng-model=configuration.routingKeyPattern> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.message-properties</label> <md-select ng-model=configuration.messageProperties ng-disabled="$root.loading || readonly"> <md-option ng-repeat="property in messageProperties" ng-value=property> {{ property }} </md-option> </md-select> </md-input-container> <div layout-gt-sm=row> <md-input-container class=md-block flex=100 flex-gt-sm=60> <label translate>tb.rulenode.host</label> <input ng-required=true name=host ng-model=configuration.host> <div ng-messages=rabbitMqConfigForm.host.$error> <div ng-message=required translate>tb.rulenode.host-required</div> </div> </md-input-container> <md-input-container class=md-block flex=100 flex-gt-sm=40> <label translate>tb.rulenode.port</label> <input ng-required=true type=number step=1 name=port ng-model=configuration.port min=0 max=65535> <div ng-messages=rabbitMqConfigForm.port.$error> <div ng-message=required translate>tb.rulenode.port-required</div> <div ng-message=min translate>tb.rulenode.port-range</div> <div ng-message=max translate>tb.rulenode.port-range</div> </div> </md-input-container> </div> <md-input-container class=md-block> <label translate>tb.rulenode.virtual-host</label> <input name=virtualHost ng-model=configuration.virtualHost> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.username</label> <input name=virtualHost ng-model=configuration.username> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.password</label> <input name=virtualHost type=password ng-model=configuration.password> </md-input-container> <md-input-container class=md-block> <md-checkbox ng-disabled="$root.loading || readonly" aria-label="{{ \'tb.rulenode.automatic-recovery\' | translate }}" ng-model=ruleNode.automaticRecoveryEnabled>{{ \'tb.rulenode.automatic-recovery\' | translate }} </md-checkbox> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.connection-timeout-ms</label> <input type=number step=1 name=connectionTimeout ng-model=configuration.connectionTimeout min=0> <div ng-messages=rabbitMqConfigForm.connectionTimeout.$error> <div ng-message=min translate>tb.rulenode.min-connection-timeout-ms-message</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.handshake-timeout-ms</label> <input type=number step=1 name=handshakeTimeout ng-model=configuration.handshakeTimeout min=0> <div ng-messages=rabbitMqConfigForm.handshakeTimeout.$error> <div ng-message=min translate>tb.rulenode.min-handshake-timeout-ms-message</div> </div> </md-input-container> <label translate class=tb-title>tb.rulenode.client-properties</label> <tb-kv-map-config ng-model=configuration.clientProperties ng-required=false key-text="\'tb.rulenode.key\'" key-required-text="\'tb.rulenode.key-required\'" val-text="\'tb.rulenode.value\'" val-required-text="\'tb.rulenode.value-required\'"> </tb-kv-map-config> </section> '},function(e,t){e.exports=' <section ng-form name=restApiCallConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.endpoint-url-pattern</label> <input ng-required=true name=endpointUrlPattern ng-model=configuration.restEndpointUrlPattern> <div ng-messages=restApiCallConfigForm.endpointUrlPattern.$error> <div ng-message=required translate>tb.rulenode.endpoint-url-pattern-required</div> </div> <div class=tb-hint translate>tb.rulenode.endpoint-url-pattern-hint</div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.request-method</label> <md-select ng-model=configuration.requestMethod ng-disabled=$root.loading> <md-option ng-repeat="type in ruleNodeTypes.httpRequestType" ng-value=type> {{ type }} </md-option> </md-select> </md-input-container> <md-checkbox ng-disabled="$root.loading || readonly" aria-label="{{ \'tb.rulenode.use-simple-client-http-factory\' | translate }}" ng-model=configuration.useSimpleClientHttpFactory> {{ \'tb.rulenode.use-simple-client-http-factory\' | translate }} </md-checkbox> <md-input-container flex ng-if=!configuration.useSimpleClientHttpFactory> <label translate>tb.rulenode.read-timeout</label> <input type=number step=1 ng-model=configuration.readTimeoutMs min=0> <div class=tb-hint translate>tb.rulenode.read-timeout-hint</div> </md-input-container> <md-input-container> <label translate>tb.rulenode.max-parallel-requests-count</label> <input type=number step=1 ng-model=configuration.maxParallelRequestsCount min=0> <div class=tb-hint translate>tb.rulenode.max-parallel-requests-count-hint</div> </md-input-container> <label translate class=tb-title>tb.rulenode.headers</label> <div class=tb-hint translate>tb.rulenode.headers-hint</div> <tb-kv-map-config ng-model=configuration.headers ng-required=false key-text="\'tb.rulenode.header\'" key-required-text="\'tb.rulenode.header-required\'" val-text="\'tb.rulenode.value\'" val-required-text="\'tb.rulenode.value-required\'"> </tb-kv-map-config> <md-checkbox style=line-height:50px ng-disabled="$root.loading || readonly" aria-label="{{ \'tb.rulenode.use-redis-queue\' | translate }}" ng-model=configuration.useRedisQueueForMsgPersistence> {{ \'tb.rulenode.use-redis-queue\' | translate }} </md-checkbox> <div layout=column ng-if=configuration.useRedisQueueForMsgPersistence> <md-checkbox ng-disabled="$root.loading || readonly" aria-label="{{ \'tb.rulenode.trim-redis-queue\' | translate }}" ng-model=configuration.trimQueue> {{ \'tb.rulenode.trim-redis-queue\' | translate }} </md-checkbox> <md-input-container class=md-block> <label translate>tb.rulenode.redis-queue-max-size</label> <input type=number step=1 name=redisQueueMaxSize ng-model=configuration.maxQueueSize min=0> </md-input-container> </div> </section> '},function(e,t){e.exports=" <section ng-form name=rpcReplyConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.request-id-metadata-attribute</label> <input name=requestIdMetaDataAttribute ng-model=configuration.requestIdMetaDataAttribute> </md-input-container> </section> "},function(e,t){e.exports=" <section ng-form name=rpcRequestConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.timeout-sec</label> <input ng-required=true type=number step=1 name=timeoutInSeconds ng-model=configuration.timeoutInSeconds min=0> <div ng-messages=rpcRequestConfigForm.timeoutInSeconds.$error multiple=multiple md-auto-hide=false> <div ng-message=required translate>tb.rulenode.timeout-required</div> <div ng-message=min translate>tb.rulenode.min-timeout-message</div> </div> </md-input-container> </section> "},function(e,t){e.exports=' <section layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.custom-table-name</label> <input ng-required=true name=tableName ng-model=configuration.tableName> <div ng-messages=saveToCustomTableConfigForm.tableName.$error> <div ng-message=required translate>tb.rulenode.custom-table-name-required</div> </div> <div class=tb-hint style=margin-top:5px translate>tb.rulenode.custom-table-hint</div> </md-input-container> <label translate class="tb-title tb-required">tb.rulenode.fields-mapping</label> <tb-kv-map-config ng-model=configuration.fieldsMapping ng-required=true required-text="\'tb.rulenode.fields-mapping-required\'" key-text="\'tb.rulenode.message-field\'" key-required-text="\'tb.rulenode.message-field-required\'" val-text="\'tb.rulenode.table-col\'" val-required-text="\'tb.rulenode.table-col-required\'"> </tb-kv-map-config> </section> '},function(e,t){e.exports=' <section ng-form name=sendEmailConfigForm layout=column> <md-checkbox ng-disabled="$root.loading || readonly" aria-label="{{ \'tb.rulenode.use-system-smtp-settings\' | translate }}" ng-model=configuration.useSystemSmtpSettings> {{ \'tb.rulenode.use-system-smtp-settings\' | translate }} </md-checkbox> <section layout=column ng-if=!configuration.useSystemSmtpSettings> <md-input-container class=md-block> <label translate>tb.rulenode.smtp-protocol</label> <md-select ng-disabled="$root.loading || readonly" ng-model=configuration.smtpProtocol> <md-option ng-repeat="smtpProtocol in smtpProtocols" value={{smtpProtocol}}> {{smtpProtocol.toUpperCase()}} </md-option> </md-select> </md-input-container> <div layout-gt-sm=row> <md-input-container class=md-block flex=100 flex-gt-sm=60> <label translate>tb.rulenode.smtp-host</label> <input ng-required=true name=smtpHost ng-model=configuration.smtpHost> <div ng-messages=sendEmailConfigForm.smtpHost.$error> <div translate ng-message=required>tb.rulenode.smtp-host-required</div> </div> </md-input-container> <md-input-container class=md-block flex=100 flex-gt-sm=40> <label translate>tb.rulenode.smtp-port</label> <input type=number step=1 min=1 max=65535 ng-required=true name=port ng-model=configuration.smtpPort> <div ng-messages=sendEmailConfigForm.port.$error> <div translate ng-message=required>tb.rulenode.smtp-port-required</div> <div translate ng-message=min>tb.rulenode.smtp-port-range</div> <div translate ng-message=max>tb.rulenode.smtp-port-range</div> </div> </md-input-container> </div> <md-input-container class=md-block> <label translate>tb.rulenode.timeout-msec</label> <input type=number step=1 min=0 ng-required=true name=timeout ng-model=configuration.timeout> <div ng-messages=sendEmailConfigForm.timeout.$error> <div translate ng-message=required>tb.rulenode.timeout-required</div> <div translate ng-message=min>tb.rulenode.min-timeout-msec-message</div> </div> </md-input-container> <md-checkbox ng-disabled="$root.loading || readonly" aria-label="{{ \'tb.rulenode.enable-tls\' | translate }}" ng-model=configuration.enableTls>{{ \'tb.rulenode.enable-tls\' | translate }}</md-checkbox> <md-input-container class=md-block> <label translate>tb.rulenode.username</label> <input name=username placeholder="{{ \'tb.rulenode.enter-username\' | translate }}" ng-model=configuration.username> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.password</label> <input name=password placeholder="{{ \'tb.rulenode.enter-password\' | translate }}" type=password ng-model=configuration.password> </md-input-container> </section> </section> '},function(e,t){e.exports=" <section ng-form name=snsConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.topic-arn-pattern</label> <input ng-required=true name=topicArnPattern ng-model=configuration.topicArnPattern> <div ng-messages=snsConfigForm.topicArnPattern.$error> <div ng-message=required translate>tb.rulenode.topic-arn-pattern-required</div> </div> <div class=tb-hint translate>tb.rulenode.topic-arn-pattern-hint</div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.aws-access-key-id</label> <input ng-required=true name=accessKeyId ng-model=configuration.accessKeyId> <div ng-messages=snsConfigForm.accessKeyId.$error> <div ng-message=required translate>tb.rulenode.aws-access-key-id-required</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.aws-secret-access-key</label> <input ng-required=true name=secretAccessKey ng-model=configuration.secretAccessKey> <div ng-messages=snsConfigForm.secretAccessKey.$error> <div ng-message=required translate>tb.rulenode.aws-secret-access-key-required</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.aws-region</label> <input ng-required=true name=region ng-model=configuration.region> <div ng-messages=snsConfigForm.region.$error> <div ng-message=required translate>tb.rulenode.aws-region-required</div> </div> </md-input-container> </section> "},function(e,t){e.exports=' <section ng-form name=sqsConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.queue-type</label> <md-select ng-model=configuration.queueType ng-disabled="$root.loading || readonly"> <md-option ng-repeat="type in ruleNodeTypes.sqsQueueType" ng-value=type.value> {{ type.name | translate }} </md-option> </md-select> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.queue-url-pattern</label> <input ng-required=true name=queueUrlPattern ng-model=configuration.queueUrlPattern> <div ng-messages=sqsConfigForm.queueUrlPattern.$error> <div ng-message=required translate>tb.rulenode.queue-url-pattern-required</div> </div> <div class=tb-hint translate>tb.rulenode.queue-url-pattern-hint</div> </md-input-container> <md-input-container class=md-block ng-if="configuration.queueType == ruleNodeTypes.sqsQueueType.STANDARD.value"> <label translate>tb.rulenode.delay-seconds</label> <input type=number step=1 name=delaySeconds ng-model=configuration.delaySeconds min=0 max=900> <div ng-messages=sqsConfigForm.delaySeconds.$error> <div ng-message=min translate>tb.rulenode.min-delay-seconds-message</div> <div ng-message=max translate>tb.rulenode.max-delay-seconds-message</div> </div> </md-input-container> <label translate class=tb-title>tb.rulenode.message-attributes</label> <div class=tb-hint translate>tb.rulenode.message-attributes-hint</div> <tb-kv-map-config ng-model=configuration.messageAttributes ng-required=false key-text="\'tb.rulenode.name\'" key-required-text="\'tb.rulenode.name-required\'" val-text="\'tb.rulenode.value\'" val-required-text="\'tb.rulenode.value-required\'"> </tb-kv-map-config> <md-input-container class=md-block> <label translate>tb.rulenode.aws-access-key-id</label> <input ng-required=true name=accessKeyId ng-model=configuration.accessKeyId> <div ng-messages=snsConfigForm.accessKeyId.$error> <div ng-message=required translate>tb.rulenode.aws-access-key-id-required</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.aws-secret-access-key</label> <input ng-required=true name=secretAccessKey ng-model=configuration.secretAccessKey> <div ng-messages=snsConfigForm.secretAccessKey.$error> <div ng-message=required translate>tb.rulenode.aws-secret-access-key-required</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.aws-region</label> <input ng-required=true name=region ng-model=configuration.region> <div ng-messages=snsConfigForm.region.$error> <div ng-message=required translate>tb.rulenode.aws-region-required</div> </div> </md-input-container> </section> '},function(e,t){e.exports=" <section ng-form name=timeseriesConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.default-ttl</label> <input ng-required=true type=number step=1 name=defaultTTL ng-model=configuration.defaultTTL min=0> <div ng-messages=timeseriesConfigForm.defaultTTL.$error multiple=multiple md-auto-hide=false> <div ng-message=required translate>tb.rulenode.default-ttl-required</div> <div ng-message=min translate>tb.rulenode.min-default-ttl-message</div> </div> </md-input-container> </section> "},function(e,t){e.exports=" <section ng-form name=unAssignCustomerConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.customer-name-pattern</label> <input ng-required=true name=customerNamePattern ng-model=configuration.customerNamePattern> <div ng-messages=unAssignCustomerConfigForm.customerNamePattern.$error> <div ng-message=required translate>tb.rulenode.customer-name-pattern-required</div> </div> <div class=tb-hint translate>tb.rulenode.customer-name-pattern-hint</div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.customer-cache-expiration</label> <input type=number step=1 min=0 ng-required=true name=customerCacheExpiration ng-model=configuration.customerCacheExpiration> <div ng-messages=unAssignCustomerConfigForm.customerCacheExpiration.$error> <div translate ng-message=required>tb.rulenode.customer-cache-expiration-required</div> <div translate ng-message=min>tb.rulenode.customer-cache-expiration-range</div> </div> <div class=tb-hint translate>tb.rulenode.customer-cache-expiration-hint</div> </md-input-container> </section> "},function(e,t){e.exports=' <section layout=column> <div layout=row> <md-input-container class=md-block style=min-width:100px> <label translate>relation.direction</label> <md-select required ng-model=query.direction> <md-option ng-repeat="direction in types.entitySearchDirection" ng-value=direction> {{ (\'relation.search-direction.\' + direction) | translate}} </md-option> </md-select> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.max-relation-level</label> <input name=maxRelationLevel type=number min=1 step=1 placeholder="{{ \'tb.rulenode.unlimited-level\' | translate }}" ng-model=query.maxLevel aria-label="{{ \'tb.rulenode.max-relation-level\' | translate }}"> </md-input-container> </div> <div class=md-caption style=color:rgba(0,0,0,.57) translate>relation.relation-type</div> <tb-relation-type-autocomplete flex hide-label ng-model=query.relationType tb-required=false> </tb-relation-type-autocomplete> <div class="md-caption tb-required" style=color:rgba(0,0,0,.57) translate>device.device-types</div> <tb-entity-subtype-list tb-required=true entity-type=types.entityType.device ng-model=query.deviceTypes> </tb-entity-subtype-list> </section> '},function(e,t){e.exports=" <section layout=column> <label translate class=\"tb-title tb-required\">tb.rulenode.attr-mapping</label> <md-checkbox aria-label=\"{{ 'tb.rulenode.latest-telemetry' | translate }}\" ng-model=configuration.telemetry>{{ 'tb.rulenode.latest-telemetry' | translate }} </md-checkbox> <tb-kv-map-config ng-model=configuration.attrMapping ng-required=true required-text=\"'tb.rulenode.attr-mapping-required'\" key-text=\"configuration.telemetry ? 'tb.rulenode.source-telemetry' : 'tb.rulenode.source-attribute'\" key-required-text=\"configuration.telemetry ? 'tb.rulenode.source-telemetry-required' : 'tb.rulenode.source-attribute-required'\" val-text=\"'tb.rulenode.target-attribute'\" val-required-text=\"'tb.rulenode.target-attribute-required'\"> </tb-kv-map-config> </section> "},function(e,t){e.exports=' <section layout=column> <label translate class="tb-title tb-required">tb.rulenode.device-relations-query</label> <tb-device-relations-query-config style=padding-bottom:15px ng-model=configuration.deviceRelationsQuery> </tb-device-relations-query-config> <md-checkbox aria-label="{{ \'tb.rulenode.tell-failure-if-absent\' | translate }}" ng-model=configuration.tellFailureIfAbsent> {{ \'tb.rulenode.tell-failure-if-absent\' | translate }} </md-checkbox> <div class=tb-hint translate>tb.rulenode.tell-failure-if-absent-hint</div> <label translate class="tb-title no-padding">tb.rulenode.client-attributes</label> <md-chips style=padding-bottom:15px ng-required=false readonly=readonly ng-model=configuration.clientAttributeNames placeholder="{{\'tb.rulenode.client-attributes\' | translate}}" md-separator-keys=separatorKeys md-add-on-blur=true> </md-chips> <label translate class="tb-title no-padding">tb.rulenode.shared-attributes</label> <md-chips style=padding-bottom:15px ng-required=false readonly=readonly ng-model=configuration.sharedAttributeNames placeholder="{{\'tb.rulenode.shared-attributes\' | translate}}" md-separator-keys=separatorKeys md-add-on-blur=true> </md-chips> <label translate class="tb-title no-padding">tb.rulenode.server-attributes</label> <md-chips style=padding-bottom:15px ng-required=false readonly=readonly ng-model=configuration.serverAttributeNames placeholder="{{\'tb.rulenode.server-attributes\' | translate}}" md-separator-keys=separatorKeys md-add-on-blur=true> </md-chips> <label translate class="tb-title no-padding">tb.rulenode.latest-timeseries</label> <md-chips ng-required=false readonly=readonly ng-model=configuration.latestTsKeyNames placeholder="{{\'tb.rulenode.latest-timeseries\' | translate}}" md-separator-keys=separatorKeys md-add-on-blur=true> </md-chips> <div style=margin-top:20px> <md-checkbox aria-label="{{ \'tb.rulenode.get-latest-value-with-ts\' | translate }}" ng-model=configuration.getLatestValueWithTs> {{ \'tb.rulenode.get-latest-value-with-ts\' | translate }} </md-checkbox> <div class=tb-hint translate>tb.rulenode.get-latest-value-with-ts-hint</div> </div> </section> '},function(e,t){e.exports=' <section layout=column> <label translate class="tb-title no-padding" class=required>tb.rulenode.entity-details</label> <md-chips readonly=disabled style=margin-bottom:28px id=entityDetailsListChips ng-required=tbRequired ng-model=configuration.detailsList placeholder={{placeholder}} secondary-placeholder={{secondaryPlaceholder}} md-autocomplete-snap md-require-match=true> <md-autocomplete md-no-cache=true id=entityDetails md-selected-item=selectedEntityDetail md-selected-item-change=selectedItemChange(item) md-search-text=entityDetailsSearchText md-items="item in entityDetailsList" md-item-text=item md-min-length=0 placeholder="{{ (!ruleNodeTypes.entityDetails || !ruleNodeTypes.entityDetails.length) ? placeholder : secondaryPlaceholder }}"> <md-item-template> <span md-highlight-text=entityDetailsSearchText md-highlight-flags=^i> {{\'tb.rulenode.entity-details-\'+item.toLowerCase() | translate}} </span> </md-item-template> <md-not-found> <span translate translate-values="{ entityDetails: entityDetailsSearchText }">tb.rulenode.no-entity-details-matching</span> </md-not-found> </md-autocomplete> <md-chip-template> <span> <strong>{{\'tb.rulenode.entity-details-\'+$chip.toLowerCase() | translate}}</strong> </span> </md-chip-template> </md-chips> <div class=tb-error-messages ng-messages=ngModelCtrl.$error ng-if="inputTouched && tbRequired" role=alert> <div translate ng-message=configuration.detailsList class=tb-error-message>tb.rulenode.entity-details-list-empty</div> </div> <md-checkbox aria-label="{{ \'tb.rulenode.add-to-metadata\' | translate }}" ng-model=configuration.addToMetadata> {{ \'tb.rulenode.add-to-metadata\' | translate }} </md-checkbox> <div class=tb-hint translate>tb.rulenode.add-to-metadata-hint</div> </section> '},function(e,t){e.exports=' <section class=tb-telemetry-from-database-config ng-form name=getTelemetryConfigForm layout=column> <label translate class="tb-title no-padding">tb.rulenode.latest-timeseries</label> <md-chips ng-required=false readonly=readonly ng-model=configuration.latestTsKeyNames placeholder="{{\'tb.rulenode.latest-timeseries\' | translate}}" md-separator-keys=separatorKeys> </md-chips> <md-input-container style=margin-bottom:18px;margin-top:58px> <label translate class="tb-title no-padding">tb.rulenode.fetch-mode</label> <md-select required ng-model=configuration.fetchMode> <md-option ng-repeat="type in ruleNodeTypes.fetchModeType" ng-value=type> {{ type }} </md-option> </md-select> </md-input-container> <div class=tb-hint translate>tb.rulenode.fetch-mode-hint</div> <md-input-container flex ng-if="configuration.fetchMode === \'ALL\' "> <label translate class="tb-title no-padding">tb.rulenode.order-by</label> <md-select required ng-model=configuration.orderBy> <md-option ng-repeat="type in ruleNodeTypes.samplingOrder" ng-value=type> {{ type }} </md-option> </md-select> </md-input-container> <div class=tb-hint translate flex ng-if="configuration.fetchMode === \'ALL\' ">tb.rulenode.order-by-hint</div> <md-input-container style=margin-bottom:0 flex ng-if="configuration.fetchMode === \'ALL\' "> <label translate class="tb-title no-padding">tb.rulenode.limit</label> <input required type=number step=1 ng-model=configuration.limit min=2 max=1000> </md-input-container> <div class=tb-hint translate flex ng-if="configuration.fetchMode === \'ALL\' ">tb.rulenode.limit-hint</div> <md-checkbox aria-label="{{ \'tb.rulenode.use-metadata-interval-patterns\' | translate }}" ng-model=configuration.useMetadataIntervalPatterns>{{ \'tb.rulenode.use-metadata-interval-patterns\' | translate }} </md-checkbox> <div class=tb-hint translate>tb.rulenode.use-metadata-interval-patterns-hint</div> <div layout=column layout-gt-sm=row> <md-input-container flex class="md-block tb-time-value" flex ng-if="configuration.useMetadataIntervalPatterns == false"> <label translate class="tb-title no-padding">tb.rulenode.start-interval</label> <input required type=number step=1 min=1 max=2147483647 name=startInterval ng-model=configuration.startInterval> <div ng-messages=getTelemetryConfigForm.startInterval.$error> <div translate ng-message=required>tb.rulenode.start-interval-value-required</div> <div ng-message=min translate>tb.rulenode.time-value-range</div> <div ng-message=max translate>tb.rulenode.time-value-range</div> </div> </md-input-container> <md-input-container flex class="md-block tb-time-unit" flex ng-if="configuration.useMetadataIntervalPatterns == false "> <label translate class="tb-title no-padding">tb.rulenode.start-interval-time-unit</label> <md-select required name=startIntervalTimeUnit aria-label="{{ \'tb.rulenode.start-interval-time-unit\' | translate }}" ng-model=configuration.startIntervalTimeUnit> <md-option ng-repeat="timeUnit in ruleNodeTypes.timeUnit" ng-value=timeUnit.value> {{timeUnit.name | translate}} </md-option> </md-select> </md-input-container> </div> <div layout=column layout-gt-sm=row> <md-input-container flex class="md-block tb-time-value" flex ng-if="configuration.useMetadataIntervalPatterns == false"> <label translate class="tb-title no-padding">tb.rulenode.end-interval</label> <input required type=number step=1 min=1 max=2147483647 name=endInterval ng-model=configuration.endInterval> <div ng-messages=getTelemetryConfigForm.endInterval.$error> <div translate ng-message=required>tb.rulenode.end-interval-value-required</div> <div ng-message=min translate>tb.rulenode.time-value-range</div> <div ng-message=max translate>tb.rulenode.time-value-range</div> </div> </md-input-container> <md-input-container flex class="md-block tb-time-unit" flex ng-if="configuration.useMetadataIntervalPatterns === false"> <label translate class="tb-title no-padding">tb.rulenode.end-interval-time-unit</label> <md-select required name=endIntervalTimeUnit aria-label="{{ \'tb.rulenode.end-interval-time-unit\' | translate }}" ng-model=configuration.endIntervalTimeUnit> <md-option ng-repeat="timeUnit in ruleNodeTypes.timeUnit" ng-value=timeUnit.value> {{timeUnit.name | translate}} </md-option> </md-select> </md-input-container> </div> <md-input-container class=md-block flex ng-if="configuration.useMetadataIntervalPatterns === true" style=margin-top:38px> <label translate>tb.rulenode.start-interval-pattern</label> <input ng-required=true name=startIntervalPattern ng-model=configuration.startIntervalPattern> <div ng-messages=getTelemetryConfigForm.startIntervalPattern.$error> <div ng-message=required translate>tb.rulenode.start-interval-pattern-required</div> </div> <div class=tb-hint translate>tb.rulenode.start-interval-pattern-hint</div> </md-input-container> <md-input-container class=md-block flex ng-if="configuration.useMetadataIntervalPatterns === true"> <label translate>tb.rulenode.end-interval-pattern</label> <input ng-required=true name=endIntervalPattern ng-model=configuration.endIntervalPattern> <div ng-messages=getTelemetryConfigForm.endIntervalPattern.$error> <div ng-message=required translate>tb.rulenode.end-interval-pattern-required</div> </div> <div class=tb-hint translate>tb.rulenode.end-interval-pattern-hint</div> </md-input-container> </section>';
-},function(e,t){e.exports=' <section layout=column> <md-checkbox aria-label="{{ \'tb.rulenode.tell-failure-if-absent\' | translate }}" ng-model=configuration.tellFailureIfAbsent> {{ \'tb.rulenode.tell-failure-if-absent\' | translate }} </md-checkbox> <div class=tb-hint translate>tb.rulenode.tell-failure-if-absent-hint</div> <label translate class="tb-title no-padding">tb.rulenode.client-attributes</label> <md-chips style=padding-bottom:15px ng-required=false readonly=readonly ng-model=configuration.clientAttributeNames placeholder="{{\'tb.rulenode.client-attributes\' | translate}}" md-separator-keys=separatorKeys md-add-on-blur=true> </md-chips> <label translate class="tb-title no-padding">tb.rulenode.shared-attributes</label> <md-chips style=padding-bottom:15px ng-required=false readonly=readonly ng-model=configuration.sharedAttributeNames placeholder="{{\'tb.rulenode.shared-attributes\' | translate}}" md-separator-keys=separatorKeys md-add-on-blur=true> </md-chips> <label translate class="tb-title no-padding">tb.rulenode.server-attributes</label> <md-chips style=padding-bottom:15px ng-required=false readonly=readonly ng-model=configuration.serverAttributeNames placeholder="{{\'tb.rulenode.server-attributes\' | translate}}" md-separator-keys=separatorKeys md-add-on-blur=true> </md-chips> <label translate class="tb-title no-padding">tb.rulenode.latest-timeseries</label> <md-chips ng-required=false readonly=readonly ng-model=configuration.latestTsKeyNames placeholder="{{\'tb.rulenode.latest-timeseries\' | translate}}" md-separator-keys=separatorKeys md-add-on-blur=true> </md-chips> <div style=margin-top:20px> <md-checkbox aria-label="{{ \'tb.rulenode.get-latest-value-with-ts\' | translate }}" ng-model=configuration.getLatestValueWithTs> {{ \'tb.rulenode.get-latest-value-with-ts\' | translate }} </md-checkbox> <div class=tb-hint translate>tb.rulenode.get-latest-value-with-ts-hint</div> </div> </section> '},function(e,t){e.exports=' <section layout=column> <label translate class="tb-title tb-required">tb.rulenode.fields-mapping</label> <tb-kv-map-config ng-model=configuration.fieldsMapping ng-required=true required-text="\'tb.rulenode.fields-mapping-required\'" key-text="\'tb.rulenode.source-field\'" key-required-text="\'tb.rulenode.source-field-required\'" val-text="\'tb.rulenode.target-attribute\'" val-required-text="\'tb.rulenode.target-attribute-required\'"> </tb-kv-map-config> </section> '},function(e,t){e.exports=" <section layout=column> <label translate class=\"tb-title tb-required\">tb.rulenode.relations-query</label> <tb-relations-query-config style=padding-bottom:15px ng-model=configuration.relationsQuery> </tb-relations-query-config> <label translate class=\"tb-title tb-required\">tb.rulenode.attr-mapping</label> <md-checkbox aria-label=\"{{ 'tb.rulenode.latest-telemetry' | translate }}\" ng-model=configuration.telemetry>{{ 'tb.rulenode.latest-telemetry' | translate }} </md-checkbox> <tb-kv-map-config ng-model=configuration.attrMapping ng-required=true required-text=\"'tb.rulenode.attr-mapping-required'\" key-text=\"configuration.telemetry ? 'tb.rulenode.source-telemetry' : 'tb.rulenode.source-attribute'\" key-required-text=\"configuration.telemetry ? 'tb.rulenode.source-telemetry-required' : 'tb.rulenode.source-attribute-required'\" val-text=\"'tb.rulenode.target-attribute'\" val-required-text=\"'tb.rulenode.target-attribute-required'\"> </tb-kv-map-config> </section> "},31,function(e,t){e.exports=' <section layout=column> <label translate class="tb-title no-padding tb-required">tb.rulenode.data-keys</label> <md-chips style=padding-bottom:15px ng-required=!(configuration.metadataNames).length readonly=readonly ng-model=configuration.messageNames placeholder="{{\'tb.rulenode.data-keys\' | translate}}" md-separator-keys=separatorKeys md-add-on-blur=true> </md-chips> <div class=tb-hint translate>tb.rulenode.separator-hint</div> <label translate class="tb-title no-padding tb-required">tb.rulenode.metadata-keys</label> <md-chips style=padding-bottom:15px ng-required=!(configuration.messageNames).length readonly=readonly ng-model=configuration.metadataNames placeholder="{{\'tb.rulenode.metadata-keys\' | translate}}" md-separator-keys=separatorKeys md-add-on-blur=true> </md-chips> <div class=tb-hint translate>tb.rulenode.separator-hint</div> <md-checkbox aria-label="{{ \'tb.rulenode.check-all-keys\' | translate }}" ng-model=configuration.checkAllKeys>{{ \'tb.rulenode.check-all-keys\' | translate }} </md-checkbox> <div class=tb-hint translate>tb.rulenode.check-all-keys-hint</div> </section> '},function(e,t){e.exports=" <section ng-form name=checkRelationConfigForm> <md-checkbox aria-label=\"{{ 'tb.rulenode.check-relation-to-specific-entity' | translate }}\" ng-model=configuration.checkForSingleEntity> {{ 'tb.rulenode.check-relation-to-specific-entity' | translate }} </md-checkbox> <div class=tb-hint translate>tb.rulenode.check-relation-hint</div> <md-input-container class=md-block style=min-width:100px> <label translate>relation.direction</label> <md-select required ng-model=configuration.direction> <md-option ng-repeat=\"direction in types.entitySearchDirection\" ng-value=direction> {{ ('relation.search-direction.' + direction) | translate}} </md-option> </md-select> </md-input-container> <div layout=row class=tb-entity-select ng-if=configuration.checkForSingleEntity style=padding-top:20px> <tb-entity-type-select style=min-width:100px;padding-bottom:20px the-form=checkRelationConfigForm tb-required=true ng-model=configuration.entityType> </tb-entity-type-select> <tb-entity-autocomplete flex ng-if=configuration.entityType the-form=checkRelationConfigForm tb-required=true entity-type=configuration.entityType ng-model=configuration.entityId> </tb-entity-autocomplete> </div> <tb-relation-type-autocomplete hide-label ng-model=configuration.relationType tb-required=true> </tb-relation-type-autocomplete> </section> "},function(e,t){e.exports=' <section ng-form name=geoFilterConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.latitude-key-name</label> <input ng-required=true name=latitudeKeyName ng-model=configuration.latitudeKeyName> <div ng-messages=geoFilterConfigForm.latitudeKeyName.$error> <div ng-message=required translate>tb.rulenode.latitude-key-name-required</div> </div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.longitude-key-name</label> <input ng-required=true name=longitudeKeyName ng-model=configuration.longitudeKeyName> <div ng-messages=geoFilterConfigForm.longitudeKeyName.$error> <div ng-message=required translate>tb.rulenode.longitude-key-name-required</div> </div> </md-input-container> <md-checkbox flex aria-label="{{ \'tb.rulenode.fetch-perimeter-info-from-message-metadata\' | translate }}" ng-model=configuration.fetchPerimeterInfoFromMessageMetadata>{{ \'tb.rulenode.fetch-perimeter-info-from-message-metadata\' | translate }} </md-checkbox> <div layout=row class=tb-entity-select ng-if="configuration.fetchPerimeterInfoFromMessageMetadata === false"> <md-input-container class=md-block flex=100> <label translate>tb.rulenode.perimeter-type</label> <md-select required ng-model=configuration.perimeterType flex> <md-option ng-repeat="type in ruleNodeTypes.perimeterType" ng-value=type.value> {{ type.name | translate}} </md-option> </md-select> </md-input-container> </div> <div layout=row layout-wrap ng-if="configuration.perimeterType === ruleNodeTypes.perimeterType.CIRCLE.value && configuration.fetchPerimeterInfoFromMessageMetadata === false"> <div layout=column flex=50> <md-input-container class=md-block flex layout=column style=margin-top:44px> <label translate>tb.rulenode.circle-center-latitude</label> <input type=number min=0 step=0.1 ng-required=true name=centerLatitude ng-model=configuration.centerLatitude> <div ng-messages=geoFilterConfigForm.centerLatitude.$error> <div ng-message=required translate>tb.rulenode.circle-center-latitude-required</div> </div> </md-input-container> </div> <div layout=column flex=50> <md-input-container class=md-block flex style=margin-top:44px> <label translate>tb.rulenode.circle-center-longitude</label> <input type=number min=0 step=0.1 ng-required=true name=centerLongitude ng-model=configuration.centerLongitude> <div ng-messages=geoFilterConfigForm.centerLongitude.$error> <div ng-message=required translate>tb.rulenode.circle-center-longitude-required</div> </div> </md-input-container> </div> <div layout=column flex=50> <md-input-container class=md-block style=margin-top:28px> <label translate>tb.rulenode.range</label> <input type=number min=0 step=0.1 ng-required=true name=range ng-model=configuration.range> <div ng-messages=geoFilterConfigForm.range.$error> <div ng-message=required translate>tb.rulenode.range-required</div> </div> </md-input-container> </div> <div layout=column flex=50> <md-input-container class=md-block style=margin-top:28px> <label translate>tb.rulenode.range-units</label> <md-select required ng-model=configuration.rangeUnit> <md-option ng-repeat="type in ruleNodeTypes.rangeUnit" ng-value=type.value> {{ type.name | translate}} </md-option> </md-select> </md-input-container> </div> </div> <div layout=row layout-wrap ng-if="configuration.perimeterType === ruleNodeTypes.perimeterType.POLYGON.value && configuration.fetchPerimeterInfoFromMessageMetadata === false"> <div layout=column flex=100> <md-input-container class=md-block style=margin-top:44px> <label translate>tb.rulenode.polygon-definition</label> <input ng-required=true name=polygonsDefinition ng-model=configuration.polygonsDefinition> <div ng-messages=geoFilterConfigForm.polygonsDefinition.$error> <div ng-message=required translate>tb.rulenode.polygon-definition-required</div> </div> <div class=tb-hint style=margin-top:5px translate>tb.rulenode.polygon-definition-hint</div> </md-input-container> </div> </div> </section> '},function(e,t){e.exports=' <section layout=column> <label translate class="tb-title no-padding" ng-class="{\'tb-required\': required}">tb.rulenode.message-types-filter</label> <md-chips id=message_type_chips ng-required=required readonly=readonly ng-model=messageTypes md-autocomplete-snap md-transform-chip=transformMessageTypeChip($chip) md-require-match=false> <md-autocomplete id=message_type md-no-cache=true md-selected-item=selectedMessageType md-search-text=messageTypeSearchText md-items="item in messageTypesSearch(messageTypeSearchText)" md-item-text=item.name md-min-length=0 placeholder="{{\'tb.rulenode.message-type\' | translate }}" md-menu-class=tb-message-type-autocomplete> <span md-highlight-text=messageTypeSearchText md-highlight-flags=^i>{{item}}</span> <md-not-found> <div class=tb-not-found> <div class=tb-no-entries ng-if="!messageTypeSearchText || !messageTypeSearchText.length"> <span translate>tb.rulenode.no-message-types-found</span> </div> <div ng-if="messageTypeSearchText && messageTypeSearchText.length"> <span translate translate-values=\'{ messageType: "{{messageTypeSearchText | truncate:true:6:&apos;...&apos;}}" }\'>tb.rulenode.no-message-type-matching</span> <span> <a translate ng-click="createMessageType($event, \'#message_type_chips\')">tb.rulenode.create-new-message-type</a> </span> </div> </div> </md-not-found> </md-autocomplete> <md-chip-template> <span>{{$chip.name}}</span> </md-chip-template> </md-chips> <div class=tb-error-messages ng-messages=ngModelCtrl.$error role=alert> <div translate ng-message=messageTypes class=tb-error-message>tb.rulenode.message-types-required</div> </div> </section>'},function(e,t){e.exports=' <section layout=column> <label translate class="tb-title no-padding" class=required>tb.rulenode.originator-types-filter</label> <tb-entity-type-list flex ng-model=configuration.originatorTypes allowed-entity-types=allowedEntityTypes ignore-authority-filter=true tb-required=true> </tb-entity-type-list> </section> '},function(e,t){e.exports=" <section layout=column> <label translate class=\"tb-title no-padding\">tb.rulenode.filter</label> <tb-js-func ng-model=configuration.jsScript function-name=Filter function-args=\"{{ ['msg', 'metadata', 'msgType'] }}\" no-validate=true> </tb-js-func> <div layout=row> <md-button ng-click=testScript($event) class=\"md-primary md-raised\"> {{ 'tb.rulenode.test-filter-function' | translate }} </md-button> </div> </section> "},function(e,t){e.exports=" <section layout=column> <label translate class=\"tb-title no-padding\">tb.rulenode.switch</label> <tb-js-func ng-model=configuration.jsScript function-name=Switch function-args=\"{{ ['msg', 'metadata', 'msgType'] }}\" no-validate=true> </tb-js-func> <div layout=row> <md-button ng-click=testScript($event) class=\"md-primary md-raised\"> {{ 'tb.rulenode.test-switch-function' | translate }} </md-button> </div> </section> "},function(e,t){e.exports=' <section class=tb-kv-map-config layout=column> <div class=header flex layout=row> <span class=cell flex translate>{{ keyText }}</span> <span class=cell flex translate>{{ valText }}</span> <span ng-show=!disabled style=width:52px>&nbsp</span> </div> <div class=body> <div class=row ng-form name=kvForm flex layout=row layout-align="start center" ng-repeat="keyVal in kvList track by $index"> <md-input-container class="cell md-block" flex md-no-float> <input placeholder="{{ keyText | translate }}" ng-required=true name=key ng-model=keyVal.key> <div ng-messages=kvForm.key.$error> <div translate ng-message=required>{{keyRequiredText}}</div> </div> </md-input-container> <md-input-container class="cell md-block" flex md-no-float> <input placeholder="{{ valText | translate }}" ng-required=true name=value ng-model=keyVal.value> <div ng-messages=kvForm.value.$error> <div translate ng-message=required>{{valRequiredText}}</div> </div> </md-input-container> <md-button ng-show=!disabled ng-disabled=loading class="md-icon-button md-primary" ng-click=removeKeyVal($index) aria-label="{{ \'action.remove\' | translate }}"> <md-tooltip md-direction=top> {{ \'tb.key-val.remove-entry\' | translate }} </md-tooltip> <md-icon aria-label="{{ \'action.delete\' | translate }}" class=material-icons> close </md-icon> </md-button> </div> </div> <div class=tb-error-messages ng-messages=ngModelCtrl.$error role=alert> <div translate ng-message=kvMap class=tb-error-message>{{requiredText}}</div> </div> <div> <md-button ng-show=!disabled ng-disabled=loading class="md-primary md-raised" ng-click=addKeyVal() aria-label="{{ \'action.add\' | translate }}"> <md-tooltip md-direction=top> {{ \'tb.key-val.add-entry\' | translate }} </md-tooltip> <md-icon aria-label="{{ \'action.add\' | translate }}" class=material-icons> add </md-icon> {{ \'action.add\' | translate }} </md-button> </div> </section> '},function(e,t){e.exports=" <section layout=column> <div layout=row> <md-input-container class=md-block style=min-width:100px> <label translate>relation.direction</label> <md-select required ng-model=query.direction> <md-option ng-repeat=\"direction in types.entitySearchDirection\" ng-value=direction> {{ ('relation.search-direction.' + direction) | translate}} </md-option> </md-select> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.max-relation-level</label> <input name=maxRelationLevel type=number min=1 step=1 placeholder=\"{{ 'tb.rulenode.unlimited-level' | translate }}\" ng-model=query.maxLevel aria-label=\"{{ 'tb.rulenode.max-relation-level' | translate }}\"> </md-input-container> </div> <div class=md-caption style=padding-bottom:10px;color:rgba(0,0,0,.57) translate>relation.relation-filters</div> <tb-relation-filters ng-model=query.filters> </tb-relation-filters> </section> "},function(e,t){e.exports=' <section layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.originator-source</label> <md-select required ng-model=configuration.originatorSource> <md-option ng-repeat="source in ruleNodeTypes.originatorSource" ng-value=source.value> {{ source.name | translate}} </md-option> </md-select> </md-input-container> <section layout=column ng-if="configuration.originatorSource == ruleNodeTypes.originatorSource.RELATED.value"> <label translate class="tb-title tb-required">tb.rulenode.relations-query</label> <tb-relations-query-config style=padding-bottom:15px ng-model=configuration.relationsQuery> </tb-relations-query-config> </section> </section> '},function(e,t){e.exports=" <section layout=column> <label translate class=\"tb-title no-padding\">tb.rulenode.transform</label> <tb-js-func ng-model=configuration.jsScript function-name=Transform function-args=\"{{ ['msg', 'metadata', 'msgType'] }}\" no-validate=true> </tb-js-func> <div layout=row style=padding-bottom:15px> <md-button ng-click=testScript($event) class=\"md-primary md-raised\"> {{ 'tb.rulenode.test-transformer-function' | translate }} </md-button> </div> </section> "},function(e,t){e.exports=" <section ng-form name=toEmailConfigForm layout=column> <md-input-container class=md-block> <label translate>tb.rulenode.from-template</label> <textarea ng-required=true name=fromTemplate ng-model=configuration.fromTemplate rows=2></textarea> <div ng-messages=toEmailConfigForm.fromTemplate.$error> <div ng-message=required translate>tb.rulenode.from-template-required</div> </div> <div class=tb-hint translate>tb.rulenode.from-template-hint</div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.to-template</label> <textarea ng-required=true name=toTemplate ng-model=configuration.toTemplate rows=2></textarea> <div ng-messages=toEmailConfigForm.toTemplate.$error> <div ng-message=required translate>tb.rulenode.to-template-required</div> </div> <div class=tb-hint translate>tb.rulenode.mail-address-list-template-hint</div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.cc-template</label> <textarea name=ccTemplate ng-model=configuration.ccTemplate rows=2></textarea> <div class=tb-hint translate>tb.rulenode.mail-address-list-template-hint</div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.bcc-template</label> <textarea name=ccTemplate ng-model=configuration.bccTemplate rows=2></textarea> <div class=tb-hint translate>tb.rulenode.mail-address-list-template-hint</div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.subject-template</label> <textarea ng-required=true name=subjectTemplate ng-model=configuration.subjectTemplate rows=2></textarea> <div ng-messages=toEmailConfigForm.subjectTemplate.$error> <div ng-message=required translate>tb.rulenode.subject-template-required</div> </div> <div class=tb-hint translate>tb.rulenode.subject-template-hint</div> </md-input-container> <md-input-container class=md-block> <label translate>tb.rulenode.body-template</label> <textarea ng-required=true name=bodyTemplate ng-model=configuration.bodyTemplate rows=6></textarea> <div ng-messages=toEmailConfigForm.bodyTemplate.$error> <div ng-message=required translate>tb.rulenode.body-template-required</div> </div> <div class=tb-hint translate>tb.rulenode.body-template-hint</div> </md-input-container> </section> "},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l),n.types=t,n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{},link:n}}a.$inject=["$compile","types"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(6),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l),n.types=t,n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{},link:n}}a.$inject=["$compile","types"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(7),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t,n,i){var a=function(a,r,l,s){var d=o.default;r.html(d),a.types=n,a.$watch("configuration",function(e,t){angular.equals(e,t)||s.$setViewValue(a.configuration)}),s.$render=function(){a.configuration=s.$viewValue},a.testDetailsBuildJs=function(e){var n=angular.copy(a.configuration.alarmDetailsBuildJs);i.testNodeScript(e,n,"json",t.instant("tb.rulenode.details")+"","Details",["msg","metadata","msgType"],a.ruleNodeId).then(function(e){a.configuration.alarmDetailsBuildJs=e,s.$setDirty()})},e(r.contents())(a)};return{restrict:"E",require:"^ngModel",scope:{ruleNodeId:"="},link:a}}a.$inject=["$compile","$translate","types","ruleNodeScriptTest"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(8),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t,n,i){var a=function(a,r,l,s){var d=o.default;r.html(d),a.types=n,a.$watch("configuration",function(e,t){angular.equals(e,t)||s.$setViewValue(a.configuration)}),s.$render=function(){a.configuration=s.$viewValue,a.configuration.hasOwnProperty("relationTypes")||(a.configuration.relationTypes=[])},a.testDetailsBuildJs=function(e){var n=angular.copy(a.configuration.alarmDetailsBuildJs);i.testNodeScript(e,n,"json",t.instant("tb.rulenode.details")+"","Details",["msg","metadata","msgType"],a.ruleNodeId).then(function(e){a.configuration.alarmDetailsBuildJs=e,s.$setDirty()})},e(r.contents())(a)};return{restrict:"E",require:"^ngModel",scope:{ruleNodeId:"="},link:a}}a.$inject=["$compile","$translate","types","ruleNodeScriptTest"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(9),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l),n.types=t,n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{},link:n}}a.$inject=["$compile","types"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(10),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l),n.types=t,n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{},link:n}}a.$inject=["$compile","types"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(11),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t,n,i){var a=function(a,r,l,s){var d=o.default;r.html(d),a.types=n,a.originator=null,a.$watch("configuration",function(e,t){angular.equals(e,t)||s.$setViewValue(a.configuration)}),s.$render=function(){a.configuration=s.$viewValue,a.configuration.originatorId&&a.configuration.originatorType?a.originator={id:a.configuration.originatorId,entityType:a.configuration.originatorType}:a.originator=null,a.$watch("originator",function(e,t){angular.equals(e,t)||(a.originator?(s.$viewValue.originatorId=a.originator.id,s.$viewValue.originatorType=a.originator.entityType):(s.$viewValue.originatorId=null,s.$viewValue.originatorType=null))},!0)},a.testScript=function(e){var n=angular.copy(a.configuration.jsScript);i.testNodeScript(e,n,"generate",t.instant("tb.rulenode.generator")+"","Generate",["prevMsg","prevMetadata","prevMsgType"],a.ruleNodeId).then(function(e){a.configuration.jsScript=e,s.$setDirty()})},e(r.contents())(a)};return{restrict:"E",require:"^ngModel",scope:{ruleNodeId:"="},link:a}}a.$inject=["$compile","$translate","types","ruleNodeScriptTest"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a,n(1);var r=n(12),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l),n.ruleNodeTypes=t,n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{readonly:"=ngReadonly"},link:n}}a.$inject=["$compile","ruleNodeTypes"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(13),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(74),r=i(a),o=n(52),l=i(o),s=n(57),d=i(s),u=n(54),c=i(u),m=n(53),g=i(m),p=n(61),f=i(p),b=n(68),v=i(b),y=n(69),h=i(y),q=n(67),x=i(q),k=n(60),$=i(k),T=n(72),C=i(T),w=n(73),M=i(w),N=n(66),S=i(N),_=n(62),E=i(_),F=n(71),P=i(F),A=n(64),V=i(A),I=n(63),j=i(I),O=n(51),D=i(O),R=n(75),K=i(R),L=n(56),U=i(L),z=n(55),H=i(z),B=n(70),G=i(B),Y=n(58),Q=i(Y),W=n(65),J=i(W);t.default=angular.module("thingsboard.ruleChain.config.action",[]).directive("tbActionNodeTimeseriesConfig",r.default).directive("tbActionNodeAttributesConfig",l.default).directive("tbActionNodeGeneratorConfig",d.default).directive("tbActionNodeCreateAlarmConfig",c.default).directive("tbActionNodeClearAlarmConfig",g.default).directive("tbActionNodeLogConfig",f.default).directive("tbActionNodeRpcReplyConfig",v.default).directive("tbActionNodeRpcRequestConfig",h.default).directive("tbActionNodeRestApiCallConfig",x.default).directive("tbActionNodeKafkaConfig",$.default).directive("tbActionNodeSnsConfig",C.default).directive("tbActionNodeSqsConfig",M.default).directive("tbActionNodeRabbitMqConfig",S.default).directive("tbActionNodeMqttConfig",E.default).directive("tbActionNodeSendEmailConfig",P.default).directive("tbActionNodeMsgDelayConfig",V.default).directive("tbActionNodeMsgCountConfig",j.default).directive("tbActionNodeAssignToCustomerConfig",D.default).directive("tbActionNodeUnAssignToCustomerConfig",K.default).directive("tbActionNodeDeleteRelationConfig",U.default).directive("tbActionNodeCreateRelationConfig",H.default).directive("tbActionNodeCustomTableConfig",G.default).directive("tbActionNodeGpsGeofencingConfig",Q.default).directive("tbActionNodePubSubConfig",J.default).name},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=function(t,n,i,a){var r=o.default;n.html(r),t.ackValues=["all","-1","0","1"],t.$watch("configuration",function(e,n){angular.equals(e,n)||a.$setViewValue(t.configuration)}),a.$render=function(){t.configuration=a.$viewValue},e(n.contents())(t)};return{restrict:"E",require:"^ngModel",scope:{},link:t}}a.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(14),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t,n){var i=function(i,a,r,l){var s=o.default;a.html(s),i.$watch("configuration",function(e,t){angular.equals(e,t)||l.$setViewValue(i.configuration)}),l.$render=function(){i.configuration=l.$viewValue},i.testScript=function(e){var a=angular.copy(i.configuration.jsScript);n.testNodeScript(e,a,"string",t.instant("tb.rulenode.to-string")+"","ToString",["msg","metadata","msgType"],i.ruleNodeId).then(function(e){i.configuration.jsScript=e,l.$setDirty()})},e(a.contents())(i)};return{restrict:"E",require:"^ngModel",scope:{ruleNodeId:"="},link:i}}a.$inject=["$compile","$translate","ruleNodeScriptTest"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(15),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t,n){var i=function(i,a,r,l){var s=o.default;a.html(s),i.$mdExpansionPanel=t,i.ruleNodeTypes=n,i.credentialsTypeChanged=function(){var e=i.configuration.credentials.type;i.configuration.credentials={},i.configuration.credentials.type=e,i.updateValidity()},i.certFileAdded=function(e,t){var n=new FileReader;n.onload=function(n){i.$apply(function(){if(n.target.result){l.$setDirty();var a=n.target.result;a&&a.length>0&&("caCert"==t&&(i.configuration.credentials.caCertFileName=e.name,i.configuration.credentials.caCert=a),"privateKey"==t&&(i.configuration.credentials.privateKeyFileName=e.name,i.configuration.credentials.privateKey=a),"Cert"==t&&(i.configuration.credentials.certFileName=e.name,i.configuration.credentials.cert=a)),i.updateValidity()}})},n.readAsText(e.file)},i.clearCertFile=function(e){l.$setDirty(),"caCert"==e&&(i.configuration.credentials.caCertFileName=null,i.configuration.credentials.caCert=null),"privateKey"==e&&(i.configuration.credentials.privateKeyFileName=null,i.configuration.credentials.privateKey=null),"Cert"==e&&(i.configuration.credentials.certFileName=null,i.configuration.credentials.cert=null),i.updateValidity()},i.updateValidity=function(){var e=!0,t=i.configuration.credentials;t.type==n.mqttCredentialTypes["cert.PEM"].value&&(t.caCert&&t.cert&&t.privateKey||(e=!1)),l.$setValidity("Certs",e)},i.$watch("configuration",function(e,t){angular.equals(e,t)||l.$setViewValue(i.configuration)}),l.$render=function(){i.configuration=l.$viewValue},e(a.contents())(i)};return{restrict:"E",require:"^ngModel",scope:{readonly:"=ngReadonly"},link:i}}a.$inject=["$compile","$mdExpansionPanel","ruleNodeTypes"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a,n(2);var r=n(16),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=function(t,n,i,a){var r=o.default;n.html(r),t.$watch("configuration",function(e,n){angular.equals(e,n)||a.$setViewValue(t.configuration)}),a.$render=function(){t.configuration=a.$viewValue},e(n.contents())(t)};return{restrict:"E",require:"^ngModel",scope:{},link:t}}a.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(17),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=function(t,n,i,a){var r=o.default;n.html(r),t.$watch("configuration",function(e,n){angular.equals(e,n)||a.$setViewValue(t.configuration)}),a.$render=function(){t.configuration=a.$viewValue},e(n.contents())(t)};return{restrict:"E",require:"^ngModel",scope:{},link:t}}a.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(18),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l),n.ruleNodeTypes=t,n.serviceAccountFileAdded=function(e){var t=new FileReader;t.onload=function(t){n.$apply(function(){if(t.target.result){r.$setDirty();var i=t.target.result;i&&i.length>0&&(n.configuration.serviceAccountKeyFileName=e.name,n.configuration.serviceAccountKey=i),n.updateValidity()}})},t.readAsText(e.file)},n.clearServiceAccountFile=function(){r.$setDirty(),n.configuration.serviceAccountKeyFileName=null,n.configuration.serviceAccountKey=null,n.updateValidity()},n.updateValidity=function(){var e=!0,t=n.configuration;t.serviceAccountKeyFileName&&t.serviceAccountKey||(e=!1),r.$setValidity("SAKey",e)},n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{readonly:"=ngReadonly"},link:n}}a.$inject=["$compile","ruleNodeTypes"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(19),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=function(t,n,i,a){var r=o.default;n.html(r),t.messageProperties=[null,"BASIC","TEXT_PLAIN","MINIMAL_BASIC","MINIMAL_PERSISTENT_BASIC","PERSISTENT_BASIC","PERSISTENT_TEXT_PLAIN"],t.$watch("configuration",function(e,n){angular.equals(e,n)||a.$setViewValue(t.configuration)}),a.$render=function(){t.configuration=a.$viewValue},e(n.contents())(t);
-};return{restrict:"E",require:"^ngModel",scope:{readonly:"=ngReadonly"},link:t}}a.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(20),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l),n.ruleNodeTypes=t,n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{readonly:"=ngReadonly"},link:n}}a.$inject=["$compile","ruleNodeTypes"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(21),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=function(t,n,i,a){var r=o.default;n.html(r),t.$watch("configuration",function(e,n){angular.equals(e,n)||a.$setViewValue(t.configuration)}),a.$render=function(){t.configuration=a.$viewValue},e(n.contents())(t)};return{restrict:"E",require:"^ngModel",scope:{},link:t}}a.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(22),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=function(t,n,i,a){var r=o.default;n.html(r),t.$watch("configuration",function(e,n){angular.equals(e,n)||a.$setViewValue(t.configuration)}),a.$render=function(){t.configuration=a.$viewValue},e(n.contents())(t)};return{restrict:"E",require:"^ngModel",scope:{},link:t}}a.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(23),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=function(t,n,i,a){var r=o.default;n.html(r),t.$watch("configuration",function(e,n){angular.equals(e,n)||a.$setViewValue(t.configuration)}),a.$render=function(){t.configuration=a.$viewValue},e(n.contents())(t)};return{restrict:"E",require:"^ngModel",scope:{},link:t}}a.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(24),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=function(t,n,i,a){var r=o.default;n.html(r),t.smtpProtocols=["smtp","smtps"],t.$watch("configuration",function(e,n){angular.equals(e,n)||a.$setViewValue(t.configuration)}),a.$render=function(){t.configuration=a.$viewValue},e(n.contents())(t)};return{restrict:"E",require:"^ngModel",scope:{readonly:"=ngReadonly"},link:t}}a.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(25),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=function(t,n,i,a){var r=o.default;n.html(r),t.$watch("configuration",function(e,n){angular.equals(e,n)||a.$setViewValue(t.configuration)}),a.$render=function(){t.configuration=a.$viewValue},e(n.contents())(t)};return{restrict:"E",require:"^ngModel",scope:{},link:t}}a.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(26),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l),n.ruleNodeTypes=t,n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{readonly:"=ngReadonly"},link:n}}a.$inject=["$compile","ruleNodeTypes"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(27),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=function(t,n,i,a){var r=o.default;n.html(r),t.$watch("configuration",function(e,n){angular.equals(e,n)||a.$setViewValue(t.configuration)}),a.$render=function(){t.configuration=a.$viewValue},e(n.contents())(t)};return{restrict:"E",require:"^ngModel",scope:{},link:t}}a.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(28),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l),n.types=t,n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{},link:n}}a.$inject=["$compile","types"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(29),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l),n.types=t,n.$watch("query",function(e,t){angular.equals(e,t)||r.$setViewValue(n.query)}),r.$render=function(){n.query=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{},link:n}}a.$inject=["$compile","types"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(30),o=i(r)},function(e,t){"use strict";function n(e){var t=function(t,n,i,a){n.html("<div></div>"),t.$watch("configuration",function(e,n){angular.equals(e,n)||a.$setViewValue(t.configuration)}),a.$render=function(){t.configuration=a.$viewValue},e(n.contents())(t)};return{restrict:"E",require:"^ngModel",scope:{},link:t}}n.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=n},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=function(t,n,i,a){var r=o.default;n.html(r),t.$watch("configuration",function(e,n){angular.equals(e,n)||a.$setViewValue(t.configuration)}),a.$render=function(){t.configuration=a.$viewValue},e(n.contents())(t)};return{restrict:"E",require:"^ngModel",scope:{},link:t}}a.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(31),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l);var s=186;n.separatorKeys=[t.KEY_CODE.ENTER,t.KEY_CODE.COMMA,s],n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{},link:n}}a.$inject=["$compile","$mdConstant"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(32),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l),n.ruleNodeTypes=t,n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),n.entityDetailsList=[];for(var s in t.entityDetails){var d=s;n.entityDetailsList.push(d)}r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{},link:n}}a.$inject=["$compile","ruleNodeTypes"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(33),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t,n){var i=function(i,a,r,l){var s=o.default;a.html(s);var d=186;i.separatorKeys=[t.KEY_CODE.ENTER,t.KEY_CODE.COMMA,d],i.ruleNodeTypes=n,i.aggPeriodTimeUnits={},i.aggPeriodTimeUnits.MINUTES=n.timeUnit.MINUTES,i.aggPeriodTimeUnits.HOURS=n.timeUnit.HOURS,i.aggPeriodTimeUnits.DAYS=n.timeUnit.DAYS,i.aggPeriodTimeUnits.MILLISECONDS=n.timeUnit.MILLISECONDS,i.aggPeriodTimeUnits.SECONDS=n.timeUnit.SECONDS,i.$watch("configuration",function(e,t){angular.equals(e,t)||l.$setViewValue(i.configuration)}),l.$render=function(){i.configuration=l.$viewValue},e(a.contents())(i)};return{restrict:"E",require:"^ngModel",scope:{},link:i}}a.$inject=["$compile","$mdConstant","ruleNodeTypes"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(34),o=i(r);n(3)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(83),r=i(a),o=n(84),l=i(o),s=n(79),d=i(s),u=n(85),c=i(u),m=n(78),g=i(m),p=n(86),f=i(p),b=n(81),v=i(b),y=n(80),h=i(y);t.default=angular.module("thingsboard.ruleChain.config.enrichment",[]).directive("tbEnrichmentNodeOriginatorAttributesConfig",r.default).directive("tbEnrichmentNodeOriginatorFieldsConfig",l.default).directive("tbEnrichmentNodeDeviceAttributesConfig",d.default).directive("tbEnrichmentNodeRelatedAttributesConfig",c.default).directive("tbEnrichmentNodeCustomerAttributesConfig",g.default).directive("tbEnrichmentNodeTenantAttributesConfig",f.default).directive("tbEnrichmentNodeGetTelemetryFromDatabase",v.default).directive("tbEnrichmentNodeEntityDetailsConfig",h.default).name},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l);var s=186;n.separatorKeys=[t.KEY_CODE.ENTER,t.KEY_CODE.COMMA,s],n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{},link:n}}a.$inject=["$compile","$mdConstant"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(35),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=function(t,n,i,a){var r=o.default;n.html(r),t.$watch("configuration",function(e,n){angular.equals(e,n)||a.$setViewValue(t.configuration)}),a.$render=function(){t.configuration=a.$viewValue},e(n.contents())(t)};return{restrict:"E",require:"^ngModel",scope:{},link:t}}a.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(36),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=function(t,n,i,a){var r=o.default;n.html(r),t.$watch("configuration",function(e,n){angular.equals(e,n)||a.$setViewValue(t.configuration)}),a.$render=function(){t.configuration=a.$viewValue},e(n.contents())(t)};return{restrict:"E",require:"^ngModel",scope:{},link:t}}a.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(37),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=function(t,n,i,a){var r=o.default;n.html(r),t.$watch("configuration",function(e,n){angular.equals(e,n)||a.$setViewValue(t.configuration)}),a.$render=function(){t.configuration=a.$viewValue},e(n.contents())(t)};return{restrict:"E",require:"^ngModel",scope:{},link:t}}a.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(38),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l);var s=186;n.separatorKeys=[t.KEY_CODE.ENTER,t.KEY_CODE.COMMA,s],n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{},link:n}}a.$inject=["$compile","$mdConstant"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(39),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l),n.types=t,n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{},link:n}}a.$inject=["$compile","types"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(40),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l),n.ruleNodeTypes=t,n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{readonly:"=ngReadonly"},link:n}}a.$inject=["$compile","ruleNodeTypes"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(41),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(93),r=i(a),o=n(91),l=i(o),s=n(94),d=i(s),u=n(88),c=i(u),m=n(92),g=i(m),p=n(87),f=i(p),b=n(89),v=i(b);t.default=angular.module("thingsboard.ruleChain.config.filter",[]).directive("tbFilterNodeScriptConfig",r.default).directive("tbFilterNodeMessageTypeConfig",l.default).directive("tbFilterNodeSwitchConfig",d.default).directive("tbFilterNodeCheckRelationConfig",c.default).directive("tbFilterNodeOriginatorTypeConfig",g.default).directive("tbFilterNodeCheckMessageConfig",f.default).directive("tbFilterNodeGpsGeofencingConfig",v.default).name},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t,n){var i=function(i,a,r,l){function s(){if(l.$viewValue){for(var e=[],t=0;t<i.messageTypes.length;t++)e.push(i.messageTypes[t].value);l.$viewValue.messageTypes=e,d()}}function d(){if(i.required){var e=!(!l.$viewValue.messageTypes||!l.$viewValue.messageTypes.length);l.$setValidity("messageTypes",e)}else l.$setValidity("messageTypes",!0)}var u=o.default;a.html(u),i.selectedMessageType=null,i.messageTypeSearchText=null,i.ngModelCtrl=l;var c=[];for(var m in n.messageType){var g={name:n.messageType[m].name,value:n.messageType[m].value};c.push(g)}i.transformMessageTypeChip=function(e){var n,i=t("filter")(c,{name:e},!0);return n=i&&i.length?angular.copy(i[0]):{name:e,value:e}},i.messageTypesSearch=function(e){var n=e?t("filter")(c,{name:e}):c;return n.map(function(e){return e.name})},i.createMessageType=function(e,t){var n=angular.element(t,a)[0].firstElementChild,i=angular.element(n),r=i.scope().$mdChipsCtrl.getChipBuffer();e.preventDefault(),e.stopPropagation(),i.scope().$mdChipsCtrl.appendChip(r.trim()),i.scope().$mdChipsCtrl.resetChipBuffer()},l.$render=function(){i.messageTypesWatch&&(i.messageTypesWatch(),i.messageTypesWatch=null);var e=l.$viewValue,t=[];if(e&&e.messageTypes)for(var a=0;a<e.messageTypes.length;a++){var r=e.messageTypes[a];n.messageType[r]?t.push(angular.copy(n.messageType[r])):t.push({name:r,value:r})}i.messageTypes=t,i.messageTypesWatch=i.$watch("messageTypes",function(e,t){angular.equals(e,t)||s()},!0)},e(a.contents())(i)};return{restrict:"E",require:"^ngModel",scope:{required:"=ngRequired",readonly:"=ngReadonly"},link:i}}a.$inject=["$compile","$filter","types"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a,n(4);var r=n(42),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l),n.allowedEntityTypes=[t.entityType.device,t.entityType.asset,t.entityType.entityView,t.entityType.tenant,t.entityType.customer,t.entityType.user,t.entityType.dashboard,t.entityType.rulechain,t.entityType.rulenode],n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{},link:n}}a.$inject=["$compile","types"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(43),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t,n){var i=function(i,a,r,l){var s=o.default;a.html(s),i.$watch("configuration",function(e,t){angular.equals(e,t)||l.$setViewValue(i.configuration)}),l.$render=function(){i.configuration=l.$viewValue},i.testScript=function(e){var a=angular.copy(i.configuration.jsScript);n.testNodeScript(e,a,"filter",t.instant("tb.rulenode.filter")+"","Filter",["msg","metadata","msgType"],i.ruleNodeId).then(function(e){i.configuration.jsScript=e,l.$setDirty()})},e(a.contents())(i)};return{restrict:"E",require:"^ngModel",scope:{ruleNodeId:"="},link:i}}a.$inject=["$compile","$translate","ruleNodeScriptTest"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(44),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t,n){var i=function(i,a,r,l){var s=o.default;a.html(s),i.$watch("configuration",function(e,t){angular.equals(e,t)||l.$setViewValue(i.configuration)}),l.$render=function(){i.configuration=l.$viewValue},i.testScript=function(e){var a=angular.copy(i.configuration.jsScript);n.testNodeScript(e,a,"switch",t.instant("tb.rulenode.switch")+"","Switch",["msg","metadata","msgType"],i.ruleNodeId).then(function(e){i.configuration.jsScript=e,l.$setDirty()})},e(a.contents())(i)};return{restrict:"E",require:"^ngModel",scope:{ruleNodeId:"="},link:i}}a.$inject=["$compile","$translate","ruleNodeScriptTest"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(45),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=function(t,n,i,a){function r(e){e>-1&&t.kvList.splice(e,1)}function l(){t.kvList||(t.kvList=[]),t.kvList.push({key:"",value:""})}function s(){var e={};t.kvList.forEach(function(t){t.key&&(e[t.key]=t.value)}),a.$setViewValue(e),d()}function d(){var e=!0;t.required&&!t.kvList.length&&(e=!1),a.$setValidity("kvMap",e)}var u=o.default;n.html(u),t.ngModelCtrl=a,t.removeKeyVal=r,t.addKeyVal=l,t.kvList=[],t.$watch("query",function(e,n){angular.equals(e,n)||a.$setViewValue(t.query)}),a.$render=function(){if(a.$viewValue){var e=a.$viewValue;t.kvList.length=0;for(var n in e)t.kvList.push({key:n,value:e[n]})}t.$watch("kvList",function(e,t){angular.equals(e,t)||s()},!0),d()},e(n.contents())(t)};return{restrict:"E",require:"^ngModel",scope:{required:"=ngRequired",disabled:"=ngDisabled",requiredText:"=",keyText:"=",keyRequiredText:"=",valText:"=",valRequiredText:"="},link:t}}a.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(46),o=i(r);n(5)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l),n.types=t,n.$watch("query",function(e,t){angular.equals(e,t)||r.$setViewValue(n.query)}),r.$render=function(){n.query=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{},link:n}}a.$inject=["$compile","types"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(47),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n=function(n,i,a,r){var l=o.default;i.html(l),n.ruleNodeTypes=t,n.$watch("configuration",function(e,t){angular.equals(e,t)||r.$setViewValue(n.configuration)}),r.$render=function(){n.configuration=r.$viewValue},e(i.contents())(n)};return{restrict:"E",require:"^ngModel",scope:{},link:n}}a.$inject=["$compile","ruleNodeTypes"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(48),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(97),r=i(a),o=n(99),l=i(o),s=n(100),d=i(s);t.default=angular.module("thingsboard.ruleChain.config.transform",[]).directive("tbTransformationNodeChangeOriginatorConfig",r.default).directive("tbTransformationNodeScriptConfig",l.default).directive("tbTransformationNodeToEmailConfig",d.default).name},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t,n){var i=function(i,a,r,l){var s=o.default;a.html(s),i.$watch("configuration",function(e,t){angular.equals(e,t)||l.$setViewValue(i.configuration)}),l.$render=function(){i.configuration=l.$viewValue},i.testScript=function(e){var a=angular.copy(i.configuration.jsScript);n.testNodeScript(e,a,"update",t.instant("tb.rulenode.transformer")+"","Transform",["msg","metadata","msgType"],i.ruleNodeId).then(function(e){i.configuration.jsScript=e,l.$setDirty()})},e(a.contents())(i)};return{restrict:"E",require:"^ngModel",scope:{ruleNodeId:"="},link:i}}a.$inject=["$compile","$translate","ruleNodeScriptTest"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(49),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=function(t,n,i,a){var r=o.default;n.html(r),t.$watch("configuration",function(e,n){angular.equals(e,n)||a.$setViewValue(t.configuration)}),a.$render=function(){t.configuration=a.$viewValue},e(n.contents())(t)};return{restrict:"E",require:"^ngModel",scope:{},link:t}}a.$inject=["$compile"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(50),o=i(r)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(104),r=i(a),o=n(90),l=i(o),s=n(82),d=i(s),u=n(98),c=i(u),m=n(59),g=i(m),p=n(77),f=i(p),b=n(96),v=i(b),y=n(76),h=i(y),q=n(95),x=i(q),k=n(103),$=i(k);t.default=angular.module("thingsboard.ruleChain.config",[r.default,l.default,d.default,c.default,g.default]).directive("tbNodeEmptyConfig",f.default).directive("tbRelationsQueryConfig",v.default).directive("tbDeviceRelationsQueryConfig",h.default).directive("tbKvMapConfig",x.default).config($.default).name},function(e,t){"use strict";function n(e){var t={tb:{rulenode:{"create-entity-if-not-exists":"Create new entity if not exists","create-entity-if-not-exists-hint":"Create a new entity set above if it does not exist.","entity-name-pattern":"Name pattern","entity-name-pattern-required":"Name pattern is required","entity-name-pattern-hint":"Name pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","entity-type-pattern":"Type pattern","entity-type-pattern-required":"Type pattern is required","entity-type-pattern-hint":"Type pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","entity-cache-expiration":"Entities cache expiration time (sec)","entity-cache-expiration-hint":"Specifies maximum time interval allowed to store found entity records. 0 value means that records will never expire.","entity-cache-expiration-required":"Entities cache expiration time is required.","entity-cache-expiration-range":"Entities cache expiration time should be greater than or equal to 0.","customer-name-pattern":"Customer name pattern","customer-name-pattern-required":"Customer name pattern is required","create-customer-if-not-exists":"Create new customer if not exists","customer-cache-expiration":"Customers cache expiration time (sec)","customer-name-pattern-hint":"Customer name pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","customer-cache-expiration-hint":"Specifies maximum time interval allowed to store found customer records. 0 value means that records will never expire.","customer-cache-expiration-required":"Customers cache expiration time is required.","customer-cache-expiration-range":"Customers cache expiration time should be greater than or equal to 0.","start-interval":"Start Interval","end-interval":"End Interval","start-interval-time-unit":"Start Interval Time Unit","end-interval-time-unit":"End Interval Time Unit","fetch-mode":"Fetch mode","fetch-mode-hint":"If selected fetch mode 'ALL'  you able to choose telemetry sampling order.","order-by":"Order by","order-by-hint":"Select to choose telemetry sampling order.",limit:"Limit","limit-hint":"Min limit value is 2, max - 1000. In case you want to fetch a single entry, select fetch mode 'FIRST' or 'LAST'.","time-unit-milliseconds":"Milliseconds","time-unit-seconds":"Seconds","time-unit-minutes":"Minutes","time-unit-hours":"Hours","time-unit-days":"Days","time-value-range":"Time value should be in a range from 1 to 2147483647'.","start-interval-value-required":"Start interval value is required.","end-interval-value-required":"End interval value is required.",filter:"Filter",switch:"Switch","message-type":"Message type","message-type-required":"Message type is required.","message-types-filter":"Message types filter","no-message-types-found":"No message types found","no-message-type-matching":"'{{messageType}}' not found.","create-new-message-type":"Create a new one!","message-types-required":"Message types are required.","client-attributes":"Client attributes","shared-attributes":"Shared attributes","server-attributes":"Server attributes","latest-timeseries":"Latest timeseries","data-keys":"Message data","metadata-keys":"Message metadata","relations-query":"Relations query","device-relations-query":"Device relations query","max-relation-level":"Max relation level","relation-type-pattern":"Relation type pattern","relation-type-pattern-hint":"Relation type pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","relation-type-pattern-required":"Relation type pattern is required","relation-types-list":"Relation types to propagate","relation-types-list-hint":"If Propagate relation types are not selected, alarms will be propagated without filtering by relation type.","unlimited-level":"Unlimited level","latest-telemetry":"Latest telemetry","attr-mapping":"Attributes mapping","source-attribute":"Source attribute","source-attribute-required":"Source attribute is required.","source-telemetry":"Source telemetry","source-telemetry-required":"Source telemetry is required.","target-attribute":"Target attribute","target-attribute-required":"Target attribute is required.","attr-mapping-required":"At least one attribute mapping should be specified.","fields-mapping":"Fields mapping","fields-mapping-required":"At least one field mapping should be specified.","source-field":"Source field","source-field-required":"Source field is required.","originator-source":"Originator source","originator-customer":"Customer","originator-tenant":"Tenant","originator-related":"Related","originator-alarm-originator":"Alarm Originator","clone-message":"Clone message",transform:"Transform","default-ttl":"Default TTL in seconds","default-ttl-required":"Default TTL is required.","min-default-ttl-message":"Only 0 minimum TTL is allowed.","message-count":"Message count (0 - unlimited)","message-count-required":"Message count is required.","min-message-count-message":"Only 0 minimum message count is allowed.","period-seconds":"Period in seconds","period-seconds-required":"Period is required.","use-metadata-period-in-seconds-patterns":"Use metadata period in seconds pattern","use-metadata-period-in-seconds-patterns-hint":"If selected, rule node use period in seconds interval pattern from message metadata assuming that intervals are in the seconds.","period-in-seconds-pattern":"Period in seconds metadata pattern","period-in-seconds-pattern-required":"Period in seconds pattern is required","period-in-seconds-pattern-hint":"Period in seconds pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","min-period-seconds-message":"Only 1 second minimum period is allowed.",originator:"Originator","message-body":"Message body","message-metadata":"Message metadata",generate:"Generate","test-generator-function":"Test generator function",generator:"Generator","test-filter-function":"Test filter function","test-switch-function":"Test switch function","test-transformer-function":"Test transformer function",transformer:"Transformer","alarm-create-condition":"Alarm create condition","test-condition-function":"Test condition function","alarm-clear-condition":"Alarm clear condition","alarm-details-builder":"Alarm details builder","test-details-function":"Test details function","alarm-type":"Alarm type","alarm-type-required":"Alarm type is required.","alarm-severity":"Alarm severity","alarm-severity-required":"Alarm severity is required",propagate:"Propagate",condition:"Condition",details:"Details","to-string":"To string","test-to-string-function":"Test to string function","from-template":"From Template","from-template-required":"From Template is required","from-template-hint":"From address template, use <code>${metaKeyName}</code> to substitute variables from metadata","to-template":"To Template","to-template-required":"To Template is required","mail-address-list-template-hint":"Comma separated address list, use <code>${metaKeyName}</code> to substitute variables from metadata","cc-template":"Cc Template","bcc-template":"Bcc Template","subject-template":"Subject Template","subject-template-required":"Subject Template is required","subject-template-hint":"Mail subject template, use <code>${metaKeyName}</code> to substitute variables from metadata","body-template":"Body Template","body-template-required":"Body Template is required","body-template-hint":"Mail body template, use <code>${metaKeyName}</code> to substitute variables from metadata","request-id-metadata-attribute":"Request Id Metadata attribute name","timeout-sec":"Timeout in seconds","timeout-required":"Timeout is required","min-timeout-message":"Only 0 minimum timeout value is allowed.","endpoint-url-pattern":"Endpoint URL pattern","endpoint-url-pattern-required":"Endpoint URL pattern is required","endpoint-url-pattern-hint":"HTTP URL address pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","request-method":"Request method","use-simple-client-http-factory":"Use simple client HTTP factory","read-timeout":"Read timeout in millis","read-timeout-hint":"The value of 0 means an infinite timeout","max-parallel-requests-count":"Max number of parallel requests","max-parallel-requests-count-hint":"The value of 0 specifies no limit in parallel processing",headers:"Headers","headers-hint":"Use <code>${metaKeyName}</code> in header/value fields to substitute variables from metadata",header:"Header","header-required":"Header is required",value:"Value","value-required":"Value is required","topic-pattern":"Topic pattern","topic-pattern-required":"Topic pattern is required","mqtt-topic-pattern-hint":"MQTT topic pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","bootstrap-servers":"Bootstrap servers","bootstrap-servers-required":"Bootstrap servers value is required","other-properties":"Other properties",key:"Key","key-required":"Key is required",retries:"Automatically retry times if fails","min-retries-message":"Only 0 minimum retries is allowed.","batch-size-bytes":"Produces batch size in bytes","min-batch-size-bytes-message":"Only 0 minimum batch size is allowed.","linger-ms":"Time to buffer locally (ms)","min-linger-ms-message":"Only 0 ms minimum value is allowed.","buffer-memory-bytes":"Client buffer max size in bytes","min-buffer-memory-message":"Only 0 minimum buffer size is allowed.",acks:"Number of acknowledgments","key-serializer":"Key serializer","key-serializer-required":"Key serializer is required","value-serializer":"Value serializer","value-serializer-required":"Value serializer is required","topic-arn-pattern":"Topic ARN pattern","topic-arn-pattern-required":"Topic ARN pattern is required","topic-arn-pattern-hint":"Topic ARN pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","aws-access-key-id":"AWS Access Key ID","aws-access-key-id-required":"AWS Access Key ID is required","aws-secret-access-key":"AWS Secret Access Key","aws-secret-access-key-required":"AWS Secret Access Key is required","aws-region":"AWS Region","aws-region-required":"AWS Region is required","exchange-name-pattern":"Exchange name pattern","routing-key-pattern":"Routing key pattern","message-properties":"Message properties",host:"Host","host-required":"Host is required",port:"Port","port-required":"Port is required","port-range":"Port should be in a range from 1 to 65535.","virtual-host":"Virtual host",username:"Username",password:"Password","automatic-recovery":"Automatic recovery","connection-timeout-ms":"Connection timeout (ms)","min-connection-timeout-ms-message":"Only 0 ms minimum value is allowed.","handshake-timeout-ms":"Handshake timeout (ms)","min-handshake-timeout-ms-message":"Only 0 ms minimum value is allowed.",
-"client-properties":"Client properties","queue-url-pattern":"Queue URL pattern","queue-url-pattern-required":"Queue URL pattern is required","queue-url-pattern-hint":"Queue URL pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","delay-seconds":"Delay (seconds)","min-delay-seconds-message":"Only 0 seconds minimum value is allowed.","max-delay-seconds-message":"Only 900 seconds maximum value is allowed.",name:"Name","name-required":"Name is required","queue-type":"Queue type","sqs-queue-standard":"Standard","sqs-queue-fifo":"FIFO","gcp-project-id":"GCP project ID","gcp-project-id-required":"GCP project ID is required","gcp-service-account-key":"GCP service account key file","gcp-service-account-key-required":"GCP service account key file is required","pubsub-topic-name":"Topic name","pubsub-topic-name-required":"Topic name is required","message-attributes":"Message attributes","message-attributes-hint":"Use <code>${metaKeyName}</code> in name/value fields to substitute variables from metadata","connect-timeout":"Connection timeout (sec)","connect-timeout-required":"Connection timeout is required.","connect-timeout-range":"Connection timeout should be in a range from 1 to 200.","client-id":"Client ID","clean-session":"Clean session","enable-ssl":"Enable SSL",credentials:"Credentials","credentials-type":"Credentials type","credentials-type-required":"Credentials type is required.","credentials-anonymous":"Anonymous","credentials-basic":"Basic","credentials-pem":"PEM","username-required":"Username is required.","password-required":"Password is required.","ca-cert":"CA certificate file *","private-key":"Private key file *",cert:"Certificate file *","no-file":"No file selected.","drop-file":"Drop a file or click to select a file to upload.","private-key-password":"Private key password","use-system-smtp-settings":"Use system SMTP settings","use-metadata-interval-patterns":"Use metadata interval patterns","use-metadata-interval-patterns-hint":"If selected, rule node use start and end interval patterns from message metadata assuming that intervals are in the milliseconds.","use-message-alarm-data":"Use message alarm data","check-all-keys":"Check that all selected keys are present","check-all-keys-hint":"If selected, checks that all specified keys are present in the message data and metadata.","check-relation-to-specific-entity":"Check relation to specific entity","check-relation-hint":"Checks existence of relation to specific entity or to any entity based on direction and relation type.","delete-relation-to-specific-entity":"Delete relation to specific entity","delete-relation-hint":"Deletes relation from the originator of the incoming message to the specified entity or list of entities based on direction and type.","remove-current-relations":"Remove current relations","remove-current-relations-hint":"Removes current relations from the originator of the incoming message based on direction and type.","change-originator-to-related-entity":"Change originator to related entity","change-originator-to-related-entity-hint":"Used to process submitted message as a message from another entity.","start-interval-pattern":"Start interval pattern","end-interval-pattern":"End interval pattern","start-interval-pattern-required":"Start interval pattern is required","end-interval-pattern-required":"End interval pattern is required","start-interval-pattern-hint":"Start interval pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","end-interval-pattern-hint":"End interval pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","smtp-protocol":"Protocol","smtp-host":"SMTP host","smtp-host-required":"SMTP host is required.","smtp-port":"SMTP port","smtp-port-required":"You must supply a smtp port.","smtp-port-range":"SMTP port should be in a range from 1 to 65535.","timeout-msec":"Timeout ms","min-timeout-msec-message":"Only 0 ms minimum value is allowed.","enter-username":"Enter username","enter-password":"Enter password","enable-tls":"Enable TLS","min-period-0-seconds-message":"Only 0 second minimum period is allowed.","max-pending-messages":"Maximum pending messages","max-pending-messages-required":"Maximum pending messages is required.","max-pending-messages-range":"Maximum pending messages should be in a range from 1 to 100000.","originator-types-filter":"Originator types filter","interval-seconds":"Interval in seconds","interval-seconds-required":"Interval is required.","min-interval-seconds-message":"Only 1 second minimum interval is allowed.","output-timeseries-key-prefix":"Output timeseries key prefix","output-timeseries-key-prefix-required":"Output timeseries key prefix required.","separator-hint":'You should press "enter" to complete field input.',"entity-details":"Select entity details:","entity-details-title":"Title","entity-details-country":"Country","entity-details-state":"State","entity-details-zip":"Zip","entity-details-address":"Address","entity-details-address2":"Address2","entity-details-additional_info":"Additional Info","entity-details-phone":"Phone","entity-details-email":"Email","add-to-metadata":"Add selected details to message metadata","add-to-metadata-hint":"If selected, adds the selected details keys to the message metadata instead of message data.","entity-details-list-empty":"No entity details selected.","no-entity-details-matching":"No entity details matching were found.","custom-table-name":"Custom table name","custom-table-name-required":"Table Name is required","custom-table-hint":"You should enter the table name without prefix 'cs_tb_'.","message-field":"Message field","message-field-required":"Message field is required.","table-col":"Table column","table-col-required":"Table column is required.","latitude-key-name":"Latitude key name","longitude-key-name":"Longitude key name","latitude-key-name-required":"Latitude key name is required.","longitude-key-name-required":"Longitude key name is required.","fetch-perimeter-info-from-message-metadata":"Fetch perimeter information from message metadata","perimeter-circle":"Circle","perimeter-polygon":"Polygon","perimeter-type":"Perimeter type","circle-center-latitude":"Center latitude","circle-center-latitude-required":"Center latitude is required.","circle-center-longitude":"Center longitude","circle-center-longitude-required":"Center longitude is required.","range-unit-meter":"Meter","range-unit-kilometer":"Kilometer","range-unit-foot":"Foot","range-unit-mile":"Mile","range-unit-nautical-mile":"Nautical mile","range-units":"Range units",range:"Range","range-required":"Range is required.","polygon-definition":"Polygon definition","polygon-definition-required":"Polygon definition is required.","polygon-definition-hint":"Please, use the following format for manual definition of polygon: [[lat1,lon1],[lat2,lon2], ... ,[latN,lonN]].","min-inside-duration":"Minimal inside duration","min-inside-duration-value-required":"Minimal inside duration is required","min-inside-duration-time-unit":"Minimal inside duration time unit","min-outside-duration":"Minimal outside duration","min-outside-duration-value-required":"Minimal outside duration is required","min-outside-duration-time-unit":"Minimal outside duration time unit","tell-failure-if-absent":"Tell Failure","tell-failure-if-absent-hint":'If at least one selected key doesn\'t exist the outbound message will report "Failure".',"get-latest-value-with-ts":"Fetch Latest telemetry with Timestamp","get-latest-value-with-ts-hint":'If selected, latest telemetry values will be added to the outbound message metadata with timestamp, e.g: "temp": "{\\"ts\\":1574329385897,\\"value\\":42}"',"use-redis-queue":"Use redis queue for message persistence","trim-redis-queue":"Trim redis queue","redis-queue-max-size":"Redis queue max size"},"key-val":{key:"Key",value:"Value","remove-entry":"Remove entry","add-entry":"Add entry"}}};e.translations("en_US",t)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){(0,o.default)(e)}a.$inject=["$translateProvider"],Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var r=n(102),o=i(r)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=angular.module("thingsboard.ruleChain.config.types",[]).constant("ruleNodeTypes",{originatorSource:{CUSTOMER:{name:"tb.rulenode.originator-customer",value:"CUSTOMER"},TENANT:{name:"tb.rulenode.originator-tenant",value:"TENANT"},RELATED:{name:"tb.rulenode.originator-related",value:"RELATED"},ALARM_ORIGINATOR:{name:"tb.rulenode.originator-alarm-originator",value:"ALARM_ORIGINATOR"}},fetchModeType:["FIRST","LAST","ALL"],samplingOrder:["ASC","DESC"],httpRequestType:["GET","POST","PUT","DELETE"],entityDetails:{TITLE:{name:"tb.rulenode.entity-details-title",value:"TITLE"},COUNTRY:{name:"tb.rulenode.entity-details-country",value:"COUNTRY"},STATE:{name:"tb.rulenode.entity-details-state",value:"STATE"},ZIP:{name:"tb.rulenode.entity-details-zip",value:"ZIP"},ADDRESS:{name:"tb.rulenode.entity-details-address",value:"ADDRESS"},ADDRESS2:{name:"tb.rulenode.entity-details-address2",value:"ADDRESS2"},PHONE:{name:"tb.rulenode.entity-details-phone",value:"PHONE"},EMAIL:{name:"tb.rulenode.entity-details-email",value:"EMAIL"},ADDITIONAL_INFO:{name:"tb.rulenode.entity-details-additional_info",value:"ADDITIONAL_INFO"}},sqsQueueType:{STANDARD:{name:"tb.rulenode.sqs-queue-standard",value:"STANDARD"},FIFO:{name:"tb.rulenode.sqs-queue-fifo",value:"FIFO"}},perimeterType:{CIRCLE:{name:"tb.rulenode.perimeter-circle",value:"CIRCLE"},POLYGON:{name:"tb.rulenode.perimeter-polygon",value:"POLYGON"}},timeUnit:{MILLISECONDS:{value:"MILLISECONDS",name:"tb.rulenode.time-unit-milliseconds"},SECONDS:{value:"SECONDS",name:"tb.rulenode.time-unit-seconds"},MINUTES:{value:"MINUTES",name:"tb.rulenode.time-unit-minutes"},HOURS:{value:"HOURS",name:"tb.rulenode.time-unit-hours"},DAYS:{value:"DAYS",name:"tb.rulenode.time-unit-days"}},rangeUnit:{METER:{value:"METER",name:"tb.rulenode.range-unit-meter"},KILOMETER:{value:"KILOMETER",name:"tb.rulenode.range-unit-kilometer"},FOOT:{value:"FOOT",name:"tb.rulenode.range-unit-foot"},MILE:{value:"MILE",name:"tb.rulenode.range-unit-mile"},NAUTICAL_MILE:{value:"NAUTICAL_MILE",name:"tb.rulenode.range-unit-nautical-mile"}},mqttCredentialTypes:{anonymous:{value:"anonymous",name:"tb.rulenode.credentials-anonymous"},basic:{value:"basic",name:"tb.rulenode.credentials-basic"},"cert.PEM":{value:"cert.PEM",name:"tb.rulenode.credentials-pem"}}}).name}]));
-//# sourceMappingURL=rulenode-core-config.js.map
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@ngx-translate/core"),require("@shared/public-api"),require("@ngrx/store"),require("@angular/forms"),require("@core/public-api"),require("@angular/cdk/keycodes"),require("@home/components/public-api"),require("@angular/cdk/coercion"),require("@angular/material/chips"),require("@angular/material/autocomplete"),require("rxjs"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("rulenode-core-config",["exports","@angular/core","@angular/common","@ngx-translate/core","@shared/public-api","@ngrx/store","@angular/forms","@core/public-api","@angular/cdk/keycodes","@home/components/public-api","@angular/cdk/coercion","@angular/material/chips","@angular/material/autocomplete","rxjs","rxjs/operators"],t):t((e=e||self)["rulenode-core-config"]={},e.ng.core,e.ng.common,e["ngx-translate"],e.shared,e["ngrx-store"],e.ng.forms,e.core,e.ng.cdk.keycodes,e.publicApi$2,e.ng.cdk.coercion,e.ng.material.chips,e.ng.material.autocomplete,e.rxjs,e.rxjs.operators)}(this,(function(e,t,r,n,a,o,i,l,s,m,u,d,p,c,f){"use strict";
+/*! *****************************************************************************
+    Copyright (c) Microsoft Corporation. All rights reserved.
+    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+    this file except in compliance with the License. You may obtain a copy of the
+    License at http://www.apache.org/licenses/LICENSE-2.0
+
+    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+    MERCHANTABLITY OR NON-INFRINGEMENT.
+
+    See the Apache Version 2.0 License for specific language governing permissions
+    and limitations under the License.
+    ***************************************************************************** */var g=function(e,t){return(g=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)};function y(e,t){function r(){this.constructor=e}g(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}function b(e,t,r,n){var a,o=arguments.length,i=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(i=(o<3?a(i):o>3?a(t,r,i):a(t,r))||i);return o>3&&i&&Object.defineProperty(t,r,i),i}function h(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function C(e){var t="function"==typeof Symbol&&e[Symbol.iterator],r=0;return t?t.call(e):{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}}}var v,F=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.emptyConfigForm},r.prototype.onConfigurationSet=function(e){this.emptyConfigForm=this.fb.group({})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-node-empty-config",template:"<div></div>"}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),T=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.attributeScopes=Object.keys(a.AttributeScope),n.telemetryTypeTranslationsMap=a.telemetryTypeTranslations,n}return y(r,e),r.prototype.configForm=function(){return this.attributesConfigForm},r.prototype.onConfigurationSet=function(e){this.attributesConfigForm=this.fb.group({scope:[e?e.scope:null,[i.Validators.required]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-attributes-config",template:'<section [formGroup]="attributesConfigForm" fxLayout="column">\n  <mat-form-field fxFlex class="mat-block">\n    <mat-label translate>attribute.attributes-scope</mat-label>\n    <mat-select formControlName="scope" required>\n      <mat-option *ngFor="let scope of attributeScopes" [value]="scope">\n        {{ telemetryTypeTranslationsMap.get(scope) | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),x=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.timeseriesConfigForm},r.prototype.onConfigurationSet=function(e){this.timeseriesConfigForm=this.fb.group({defaultTTL:[e?e.defaultTTL:null,[i.Validators.required,i.Validators.min(0)]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-timeseries-config",template:'<section [formGroup]="timeseriesConfigForm" fxLayout="column">\n  <mat-form-field fxFlex class="mat-block">\n    <mat-label translate>tb.rulenode.default-ttl</mat-label>\n    <input type="number" min="0" step="1" matInput formControlName="defaultTTL" required>\n    <mat-error *ngIf="timeseriesConfigForm.get(\'defaultTTL\').hasError(\'required\')">\n      {{ \'tb.rulenode.default-ttl-required\' | translate }}\n    </mat-error>\n    <mat-error *ngIf="timeseriesConfigForm.get(\'defaultTTL\').hasError(\'min\')">\n      {{ \'tb.rulenode.min-default-ttl-message\' | translate }}\n    </mat-error>\n  </mat-form-field>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),q=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.rpcRequestConfigForm},r.prototype.onConfigurationSet=function(e){this.rpcRequestConfigForm=this.fb.group({timeoutInSeconds:[e?e.timeoutInSeconds:null,[i.Validators.required,i.Validators.min(0)]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-rpc-request-config",template:'<section [formGroup]="rpcRequestConfigForm" fxLayout="column">\n  <mat-form-field fxFlex class="mat-block">\n    <mat-label translate>tb.rulenode.timeout-sec</mat-label>\n    <input type="number" min="0" step="1" matInput formControlName="timeoutInSeconds" required>\n    <mat-error *ngIf="rpcRequestConfigForm.get(\'timeoutInSeconds\').hasError(\'required\')">\n      {{ \'tb.rulenode.timeout-required\' | translate }}\n    </mat-error>\n    <mat-error *ngIf="rpcRequestConfigForm.get(\'timeoutInSeconds\').hasError(\'min\')">\n      {{ \'tb.rulenode.min-timeout-message\' | translate }}\n    </mat-error>\n  </mat-form-field>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),I=function(e){function r(t,r,n,a){var o=e.call(this,t)||this;return o.store=t,o.fb=r,o.nodeScriptTestService=n,o.translate=a,o}return y(r,e),r.prototype.configForm=function(){return this.logConfigForm},r.prototype.onConfigurationSet=function(e){this.logConfigForm=this.fb.group({jsScript:[e?e.jsScript:null,[i.Validators.required]]})},r.prototype.testScript=function(){var e=this,t=this.logConfigForm.get("jsScript").value;this.nodeScriptTestService.testNodeScript(t,"string",this.translate.instant("tb.rulenode.to-string"),"ToString",["msg","metadata","msgType"],this.ruleNodeId).subscribe((function(t){t&&e.logConfigForm.get("jsScript").setValue(t)}))},r.prototype.onValidate=function(){this.jsFuncComponent.validateOnSubmit()},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder},{type:l.NodeScriptTestService},{type:n.TranslateService}]},b([t.ViewChild("jsFuncComponent",{static:!0}),h("design:type",a.JsFuncComponent)],r.prototype,"jsFuncComponent",void 0),r=b([t.Component({selector:"tb-action-node-log-config",template:'<section [formGroup]="logConfigForm" fxLayout="column">\n  <label translate class="tb-title no-padding">tb.rulenode.to-string</label>\n  <tb-js-func #jsFuncComponent\n              formControlName="jsScript"\n              functionName="ToString"\n              [functionArgs]="[\'msg\', \'metadata\', \'msgType\']"\n              noValidate="true">\n  </tb-js-func>\n  <div fxLayout="row">\n    <button mat-button mat-raised-button color="primary" (click)="testScript()">\n      {{ \'tb.rulenode.test-to-string-function\' | translate }}\n    </button>\n  </div>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder,l.NodeScriptTestService,n.TranslateService])],r)}(a.RuleNodeConfigurationComponent),S=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.assignCustomerConfigForm},r.prototype.onConfigurationSet=function(e){this.assignCustomerConfigForm=this.fb.group({customerNamePattern:[e?e.customerNamePattern:null,[i.Validators.required]],createCustomerIfNotExists:[!!e&&e.createCustomerIfNotExists,[]],customerCacheExpiration:[e?e.customerCacheExpiration:null,[i.Validators.required,i.Validators.min(0)]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-assign-to-customer-config",template:'<section [formGroup]="assignCustomerConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.customer-name-pattern</mat-label>\n    <input required matInput formControlName="customerNamePattern">\n    <mat-error *ngIf="assignCustomerConfigForm.get(\'customerNamePattern\').hasError(\'required\')">\n      {{ \'tb.rulenode.customer-name-pattern-required\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.customer-name-pattern-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n  <mat-checkbox fxFlex formControlName="createCustomerIfNotExists" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.create-customer-if-not-exists\' | translate }}\n  </mat-checkbox>\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.customer-cache-expiration</mat-label>\n    <input required type="number" min="0" step="1" matInput formControlName="customerCacheExpiration">\n    <mat-error *ngIf="assignCustomerConfigForm.get(\'customerCacheExpiration\').hasError(\'required\')">\n      {{ \'tb.rulenode.customer-cache-expiration-required\' | translate }}\n    </mat-error>\n    <mat-error *ngIf="assignCustomerConfigForm.get(\'customerCacheExpiration\').hasError(\'min\')">\n      {{ \'tb.rulenode.customer-cache-expiration-range\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.customer-cache-expiration-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),N=function(e){function r(t,r,n,a){var o=e.call(this,t)||this;return o.store=t,o.fb=r,o.nodeScriptTestService=n,o.translate=a,o}return y(r,e),r.prototype.configForm=function(){return this.clearAlarmConfigForm},r.prototype.onConfigurationSet=function(e){this.clearAlarmConfigForm=this.fb.group({alarmDetailsBuildJs:[e?e.alarmDetailsBuildJs:null,[i.Validators.required]],alarmType:[e?e.alarmType:null,[i.Validators.required]]})},r.prototype.testScript=function(){var e=this,t=this.clearAlarmConfigForm.get("alarmDetailsBuildJs").value;this.nodeScriptTestService.testNodeScript(t,"json",this.translate.instant("tb.rulenode.details"),"Details",["msg","metadata","msgType"],this.ruleNodeId).subscribe((function(t){t&&e.clearAlarmConfigForm.get("alarmDetailsBuildJs").setValue(t)}))},r.prototype.onValidate=function(){this.jsFuncComponent.validateOnSubmit()},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder},{type:l.NodeScriptTestService},{type:n.TranslateService}]},b([t.ViewChild("jsFuncComponent",{static:!0}),h("design:type",a.JsFuncComponent)],r.prototype,"jsFuncComponent",void 0),r=b([t.Component({selector:"tb-action-node-clear-alarm-config",template:'<section [formGroup]="clearAlarmConfigForm" fxLayout="column">\n  <label translate class="tb-title no-padding">tb.rulenode.alarm-details-builder</label>\n  <tb-js-func #jsFuncComponent\n              formControlName="alarmDetailsBuildJs"\n              functionName="Details"\n              [functionArgs]="[\'msg\', \'metadata\', \'msgType\']"\n              noValidate="true">\n  </tb-js-func>\n  <div fxLayout="row" style="padding-bottom: 16px;">\n    <button mat-button mat-raised-button color="primary" (click)="testScript()">\n      {{ \'tb.rulenode.test-details-function\' | translate }}\n    </button>\n  </div>\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.alarm-type</mat-label>\n    <input required matInput formControlName="alarmType">\n    <mat-error *ngIf="clearAlarmConfigForm.get(\'alarmType\').hasError(\'required\')">\n      {{ \'tb.rulenode.alarm-type-required\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.entity-type-pattern-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder,l.NodeScriptTestService,n.TranslateService])],r)}(a.RuleNodeConfigurationComponent),k=function(e){function r(t,r,n,o){var i=e.call(this,t)||this;return i.store=t,i.fb=r,i.nodeScriptTestService=n,i.translate=o,i.alarmSeverities=Object.keys(a.AlarmSeverity),i.alarmSeverityTranslationMap=a.alarmSeverityTranslations,i.separatorKeysCodes=[s.ENTER,s.COMMA,s.SEMICOLON],i}return y(r,e),r.prototype.configForm=function(){return this.createAlarmConfigForm},r.prototype.onConfigurationSet=function(e){this.createAlarmConfigForm=this.fb.group({alarmDetailsBuildJs:[e?e.alarmDetailsBuildJs:null,[i.Validators.required]],useMessageAlarmData:[!!e&&e.useMessageAlarmData,[]],alarmType:[e?e.alarmType:null,[]],severity:[e?e.severity:null,[]],propagate:[!!e&&e.propagate,[]],relationTypes:[e?e.relationTypes:null,[]]})},r.prototype.validatorTriggers=function(){return["useMessageAlarmData"]},r.prototype.updateValidators=function(e){this.createAlarmConfigForm.get("useMessageAlarmData").value?(this.createAlarmConfigForm.get("alarmType").setValidators([]),this.createAlarmConfigForm.get("severity").setValidators([])):(this.createAlarmConfigForm.get("alarmType").setValidators([i.Validators.required]),this.createAlarmConfigForm.get("severity").setValidators([i.Validators.required])),this.createAlarmConfigForm.get("alarmType").updateValueAndValidity({emitEvent:e}),this.createAlarmConfigForm.get("severity").updateValueAndValidity({emitEvent:e})},r.prototype.testScript=function(){var e=this,t=this.createAlarmConfigForm.get("alarmDetailsBuildJs").value;this.nodeScriptTestService.testNodeScript(t,"json",this.translate.instant("tb.rulenode.details"),"Details",["msg","metadata","msgType"],this.ruleNodeId).subscribe((function(t){t&&e.createAlarmConfigForm.get("alarmDetailsBuildJs").setValue(t)}))},r.prototype.removeKey=function(e,t){var r=this.createAlarmConfigForm.get(t).value,n=r.indexOf(e);n>=0&&(r.splice(n,1),this.createAlarmConfigForm.get(t).setValue(r,{emitEvent:!0}))},r.prototype.addKey=function(e,t){var r=e.input,n=e.value;if((n||"").trim()){n=n.trim();var a=this.createAlarmConfigForm.get(t).value;a&&-1!==a.indexOf(n)||(a||(a=[]),a.push(n),this.createAlarmConfigForm.get(t).setValue(a,{emitEvent:!0}))}r&&(r.value="")},r.prototype.onValidate=function(){this.jsFuncComponent.validateOnSubmit()},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder},{type:l.NodeScriptTestService},{type:n.TranslateService}]},b([t.ViewChild("jsFuncComponent",{static:!0}),h("design:type",a.JsFuncComponent)],r.prototype,"jsFuncComponent",void 0),r=b([t.Component({selector:"tb-action-node-create-alarm-config",template:'<section [formGroup]="createAlarmConfigForm" fxLayout="column">\n  <label translate class="tb-title no-padding">tb.rulenode.alarm-details-builder</label>\n  <tb-js-func #jsFuncComponent\n              formControlName="alarmDetailsBuildJs"\n              functionName="Details"\n              [functionArgs]="[\'msg\', \'metadata\', \'msgType\']"\n              noValidate="true">\n  </tb-js-func>\n  <div fxLayout="row" style="padding-bottom: 16px;">\n    <button mat-button mat-raised-button color="primary" (click)="testScript()">\n      {{ \'tb.rulenode.test-details-function\' | translate }}\n    </button>\n  </div>\n  <mat-checkbox formControlName="useMessageAlarmData" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.use-message-alarm-data\' | translate }}\n  </mat-checkbox>\n  <section fxLayout="column" *ngIf="createAlarmConfigForm.get(\'useMessageAlarmData\').value === false">\n    <section fxLayout="column" fxLayout.gt-sm="row" fxLayoutGap.gt-sm="8px">\n      <mat-form-field fxFlex class="mat-block" style="padding-bottom: 16px;">\n        <mat-label translate>tb.rulenode.alarm-type</mat-label>\n        <input required matInput formControlName="alarmType">\n        <mat-error *ngIf="createAlarmConfigForm.get(\'alarmType\').hasError(\'required\')">\n          {{ \'tb.rulenode.alarm-type-required\' | translate }}\n        </mat-error>\n        <mat-hint innerHTML="{{ \'tb.rulenode.entity-type-pattern-hint\' | translate }}"></mat-hint>\n      </mat-form-field>\n      <mat-form-field fxFlex class="mat-block">\n        <mat-label translate>tb.rulenode.alarm-severity</mat-label>\n        <mat-select formControlName="severity" required>\n          <mat-option *ngFor="let severity of alarmSeverities" [value]="severity">\n            {{ alarmSeverityTranslationMap.get(severity) | translate }}\n          </mat-option>\n        </mat-select>\n        <mat-error *ngIf="createAlarmConfigForm.get(\'severity\').hasError(\'required\')">\n          {{ \'tb.rulenode.alarm-severity-required\' | translate }}\n        </mat-error>\n      </mat-form-field>\n    </section>\n    <mat-checkbox formControlName="propagate" style="padding-bottom: 16px;">\n      {{ \'tb.rulenode.propagate\' | translate }}\n    </mat-checkbox>\n    <section *ngIf="createAlarmConfigForm.get(\'propagate\').value === true">\n      <mat-form-field floatLabel="always" class="mat-block">\n        <mat-label translate>tb.rulenode.relation-types-list</mat-label>\n        <mat-chip-list #relationTypesChipList>\n          <mat-chip\n            *ngFor="let key of createAlarmConfigForm.get(\'relationTypes\').value;"\n            (removed)="removeKey(key, \'relationTypes\')">\n            {{key}}\n            <mat-icon matChipRemove>close</mat-icon>\n          </mat-chip>\n          <input matInput type="text" placeholder="{{\'tb.rulenode.relation-types-list\' | translate}}"\n                 style="max-width: 200px;"\n                 [matChipInputFor]="relationTypesChipList"\n                 [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\n                 (matChipInputTokenEnd)="addKey($event, \'relationTypes\')"\n                 [matChipInputAddOnBlur]="true">\n        </mat-chip-list>\n        <mat-hint innerHTML="{{ \'tb.rulenode.relation-types-list-hint\' | translate }}"></mat-hint>\n      </mat-form-field>\n    </section>\n  </section>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder,l.NodeScriptTestService,n.TranslateService])],r)}(a.RuleNodeConfigurationComponent),V=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.directionTypes=Object.keys(a.EntitySearchDirection),n.directionTypeTranslations=a.entitySearchDirectionTranslations,n.entityType=a.EntityType,n}return y(r,e),r.prototype.configForm=function(){return this.createRelationConfigForm},r.prototype.onConfigurationSet=function(e){this.createRelationConfigForm=this.fb.group({direction:[e?e.direction:null,[i.Validators.required]],entityType:[e?e.entityType:null,[i.Validators.required]],entityNamePattern:[e?e.entityNamePattern:null,[]],entityTypePattern:[e?e.entityTypePattern:null,[]],relationType:[e?e.relationType:null,[i.Validators.required]],createEntityIfNotExists:[!!e&&e.createEntityIfNotExists,[]],removeCurrentRelations:[!!e&&e.removeCurrentRelations,[]],changeOriginatorToRelatedEntity:[!!e&&e.changeOriginatorToRelatedEntity,[]],entityCacheExpiration:[e?e.entityCacheExpiration:null,[i.Validators.required,i.Validators.min(0)]]})},r.prototype.validatorTriggers=function(){return["entityType"]},r.prototype.updateValidators=function(e){var t=this.createRelationConfigForm.get("entityType").value;t?this.createRelationConfigForm.get("entityNamePattern").setValidators([i.Validators.required]):this.createRelationConfigForm.get("entityNamePattern").setValidators([]),!t||t!==a.EntityType.DEVICE&&t!==a.EntityType.ASSET?this.createRelationConfigForm.get("entityTypePattern").setValidators([]):this.createRelationConfigForm.get("entityTypePattern").setValidators([i.Validators.required]),this.createRelationConfigForm.get("entityNamePattern").updateValueAndValidity({emitEvent:e}),this.createRelationConfigForm.get("entityTypePattern").updateValueAndValidity({emitEvent:e})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-create-relation-config",template:'<section [formGroup]="createRelationConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block" style="min-width: 100px;">\n    <mat-label translate>relation.direction</mat-label>\n    <mat-select required matInput formControlName="direction">\n      <mat-option *ngFor="let type of directionTypes" [value]="type">\n        {{ directionTypeTranslations.get(type) | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n  <div fxLayout="row" fxLayoutGap="8px">\n    <tb-entity-type-select\n      showLabel\n      style="min-width: 100px;"\n      required\n      formControlName="entityType">\n    </tb-entity-type-select>\n    <mat-form-field *ngIf="createRelationConfigForm.get(\'entityType\').value" fxFlex class="mat-block" style="padding-bottom: 32px;">\n      <mat-label translate>tb.rulenode.entity-name-pattern</mat-label>\n      <input required matInput formControlName="entityNamePattern">\n      <mat-error *ngIf="createRelationConfigForm.get(\'entityNamePattern\').hasError(\'required\')">\n        {{ \'tb.rulenode.entity-name-pattern-required\' | translate }}\n      </mat-error>\n      <mat-hint innerHTML="{{ \'tb.rulenode.entity-name-pattern-hint\' | translate }}"></mat-hint>\n    </mat-form-field>\n    <mat-form-field *ngIf="createRelationConfigForm.get(\'entityType\').value === entityType.DEVICE ||\n                           createRelationConfigForm.get(\'entityType\').value === entityType.ASSET"\n                    fxFlex class="mat-block" style="padding-bottom: 32px;">\n      <mat-label translate>tb.rulenode.entity-type-pattern</mat-label>\n      <input required matInput formControlName="entityTypePattern">\n      <mat-error *ngIf="createRelationConfigForm.get(\'entityTypePattern\').hasError(\'required\')">\n        {{ \'tb.rulenode.entity-type-pattern-required\' | translate }}\n      </mat-error>\n      <mat-hint innerHTML="{{ \'tb.rulenode.entity-type-pattern-hint\' | translate }}"></mat-hint>\n    </mat-form-field>\n  </div>\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.relation-type-pattern</mat-label>\n    <input required matInput formControlName="relationType">\n    <mat-error *ngIf="createRelationConfigForm.get(\'relationType\').hasError(\'required\')">\n      {{ \'tb.rulenode.relation-type-pattern-required\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.relation-type-pattern-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n  <section *ngIf="createRelationConfigForm.get(\'entityType\').value === entityType.CUSTOMER ||\n                  createRelationConfigForm.get(\'entityType\').value === entityType.DEVICE ||\n                  createRelationConfigForm.get(\'entityType\').value === entityType.ASSET">\n    <mat-checkbox formControlName="createEntityIfNotExists">\n      {{ \'tb.rulenode.create-entity-if-not-exists\' | translate }}\n    </mat-checkbox>\n    <div class="tb-hint" style="padding-bottom: 16px;" translate>tb.rulenode.create-entity-if-not-exists-hint</div>\n  </section>\n  <mat-checkbox formControlName="removeCurrentRelations">\n    {{ \'tb.rulenode.remove-current-relations\' | translate }}\n  </mat-checkbox>\n  <div class="tb-hint" style="padding-bottom: 16px;" translate>tb.rulenode.remove-current-relations-hint</div>\n  <mat-checkbox formControlName="changeOriginatorToRelatedEntity">\n    {{ \'tb.rulenode.change-originator-to-related-entity\' | translate }}\n  </mat-checkbox>\n  <div class="tb-hint" style="padding-bottom: 16px;" translate>tb.rulenode.change-originator-to-related-entity-hint</div>\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.entity-cache-expiration</mat-label>\n    <input required type="number" min="0" step="1" matInput formControlName="entityCacheExpiration">\n    <mat-error *ngIf="createRelationConfigForm.get(\'entityCacheExpiration\').hasError(\'required\')">\n      {{ \'tb.rulenode.entity-cache-expiration-required\' | translate }}\n    </mat-error>\n    <mat-error *ngIf="createRelationConfigForm.get(\'entityCacheExpiration\').hasError(\'min\')">\n      {{ \'tb.rulenode.entity-cache-expiration-range\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.entity-cache-expiration-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),E=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.msgDelayConfigForm},r.prototype.onConfigurationSet=function(e){this.msgDelayConfigForm=this.fb.group({useMetadataPeriodInSecondsPatterns:[!!e&&e.useMetadataPeriodInSecondsPatterns,[]],periodInSeconds:[e?e.periodInSeconds:null,[]],periodInSecondsPattern:[e?e.periodInSecondsPattern:null,[]],maxPendingMsgs:[e?e.maxPendingMsgs:null,[i.Validators.required,i.Validators.min(1),i.Validators.max(1e5)]]})},r.prototype.validatorTriggers=function(){return["useMetadataPeriodInSecondsPatterns"]},r.prototype.updateValidators=function(e){this.msgDelayConfigForm.get("useMetadataPeriodInSecondsPatterns").value?(this.msgDelayConfigForm.get("periodInSecondsPattern").setValidators([i.Validators.required]),this.msgDelayConfigForm.get("periodInSeconds").setValidators([])):(this.msgDelayConfigForm.get("periodInSecondsPattern").setValidators([]),this.msgDelayConfigForm.get("periodInSeconds").setValidators([i.Validators.required,i.Validators.min(0)])),this.msgDelayConfigForm.get("periodInSecondsPattern").updateValueAndValidity({emitEvent:e}),this.msgDelayConfigForm.get("periodInSeconds").updateValueAndValidity({emitEvent:e})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-msg-delay-config",template:'<section [formGroup]="msgDelayConfigForm" fxLayout="column">\n  <mat-checkbox formControlName="useMetadataPeriodInSecondsPatterns">\n    {{ \'tb.rulenode.use-metadata-period-in-seconds-patterns\' | translate }}\n  </mat-checkbox>\n  <div class="tb-hint" style="padding-bottom: 16px;" translate>tb.rulenode.use-metadata-period-in-seconds-patterns-hint</div>\n  <mat-form-field *ngIf="msgDelayConfigForm.get(\'useMetadataPeriodInSecondsPatterns\').value !== true; else periodInSecondsPattern"\n                  class="mat-block">\n    <mat-label translate>tb.rulenode.period-seconds</mat-label>\n    <input required type="number" min="0" step="1" matInput formControlName="periodInSeconds">\n    <mat-error *ngIf="msgDelayConfigForm.get(\'periodInSeconds\').hasError(\'required\')">\n      {{ \'tb.rulenode.period-seconds-required\' | translate }}\n    </mat-error>\n    <mat-error *ngIf="msgDelayConfigForm.get(\'periodInSeconds\').hasError(\'min\')">\n      {{ \'tb.rulenode.min-period-0-seconds-message\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <ng-template #periodInSecondsPattern>\n    <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n      <mat-label translate>tb.rulenode.period-in-seconds-pattern</mat-label>\n      <input required matInput formControlName="periodInSecondsPattern">\n      <mat-error *ngIf="msgDelayConfigForm.get(\'periodInSecondsPattern\').hasError(\'required\')">\n        {{ \'tb.rulenode.period-in-seconds-pattern-required\' | translate }}\n      </mat-error>\n      <mat-hint innerHTML="{{ \'tb.rulenode.period-in-seconds-pattern-hint\' | translate }}"></mat-hint>\n    </mat-form-field>\n  </ng-template>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.max-pending-messages</mat-label>\n    <input required type="number" min="1" max="100000" step="1" matInput formControlName="maxPendingMsgs">\n    <mat-error *ngIf="msgDelayConfigForm.get(\'maxPendingMsgs\').hasError(\'required\')">\n      {{ \'tb.rulenode.max-pending-messages-required\' | translate }}\n    </mat-error>\n    <mat-error *ngIf="msgDelayConfigForm.get(\'maxPendingMsgs\').hasError(\'min\')">\n      {{ \'tb.rulenode.max-pending-messages-range\' | translate }}\n    </mat-error>\n    <mat-error *ngIf="msgDelayConfigForm.get(\'maxPendingMsgs\').hasError(\'max\')">\n      {{ \'tb.rulenode.max-pending-messages-range\' | translate }}\n    </mat-error>\n  </mat-form-field>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),A=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.directionTypes=Object.keys(a.EntitySearchDirection),n.directionTypeTranslations=a.entitySearchDirectionTranslations,n.entityType=a.EntityType,n}return y(r,e),r.prototype.configForm=function(){return this.deleteRelationConfigForm},r.prototype.onConfigurationSet=function(e){this.deleteRelationConfigForm=this.fb.group({deleteForSingleEntity:[!!e&&e.deleteForSingleEntity,[]],direction:[e?e.direction:null,[i.Validators.required]],entityType:[e?e.entityType:null,[]],entityNamePattern:[e?e.entityNamePattern:null,[]],relationType:[e?e.relationType:null,[i.Validators.required]],entityCacheExpiration:[e?e.entityCacheExpiration:null,[i.Validators.required,i.Validators.min(0)]]})},r.prototype.validatorTriggers=function(){return["deleteForSingleEntity","entityType"]},r.prototype.updateValidators=function(e){var t=this.deleteRelationConfigForm.get("deleteForSingleEntity").value,r=this.deleteRelationConfigForm.get("entityType").value;t?this.deleteRelationConfigForm.get("entityType").setValidators([i.Validators.required]):this.deleteRelationConfigForm.get("entityType").setValidators([]),t&&r?this.deleteRelationConfigForm.get("entityNamePattern").setValidators([i.Validators.required]):this.deleteRelationConfigForm.get("entityNamePattern").setValidators([]),this.deleteRelationConfigForm.get("entityType").updateValueAndValidity({emitEvent:!1}),this.deleteRelationConfigForm.get("entityNamePattern").updateValueAndValidity({emitEvent:e})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-delete-relation-config",template:'<section [formGroup]="deleteRelationConfigForm" fxLayout="column">\n  <mat-checkbox formControlName="deleteForSingleEntity">\n    {{ \'tb.rulenode.delete-relation-to-specific-entity\' | translate }}\n  </mat-checkbox>\n  <div class="tb-hint" style="padding-bottom: 16px;" translate>tb.rulenode.delete-relation-hint</div>\n  <mat-form-field class="mat-block" style="min-width: 100px;">\n    <mat-label translate>relation.direction</mat-label>\n    <mat-select required matInput formControlName="direction">\n      <mat-option *ngFor="let type of directionTypes" [value]="type">\n        {{ directionTypeTranslations.get(type) | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n  <div *ngIf="deleteRelationConfigForm.get(\'deleteForSingleEntity\').value" fxLayout="row" fxLayoutGap="8px">\n    <tb-entity-type-select\n      showLabel\n      style="min-width: 100px;"\n      required\n      formControlName="entityType">\n    </tb-entity-type-select>\n    <mat-form-field *ngIf="deleteRelationConfigForm.get(\'entityType\').value" fxFlex class="mat-block" style="padding-bottom: 32px;">\n      <mat-label translate>tb.rulenode.entity-name-pattern</mat-label>\n      <input required matInput formControlName="entityNamePattern">\n      <mat-error *ngIf="deleteRelationConfigForm.get(\'entityNamePattern\').hasError(\'required\')">\n        {{ \'tb.rulenode.entity-name-pattern-required\' | translate }}\n      </mat-error>\n      <mat-hint innerHTML="{{ \'tb.rulenode.entity-name-pattern-hint\' | translate }}"></mat-hint>\n    </mat-form-field>\n  </div>\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.relation-type-pattern</mat-label>\n    <input required matInput formControlName="relationType">\n    <mat-error *ngIf="deleteRelationConfigForm.get(\'relationType\').hasError(\'required\')">\n      {{ \'tb.rulenode.relation-type-pattern-required\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.relation-type-pattern-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.entity-cache-expiration</mat-label>\n    <input required type="number" min="0" step="1" matInput formControlName="entityCacheExpiration">\n    <mat-error *ngIf="deleteRelationConfigForm.get(\'entityCacheExpiration\').hasError(\'required\')">\n      {{ \'tb.rulenode.entity-cache-expiration-required\' | translate }}\n    </mat-error>\n    <mat-error *ngIf="deleteRelationConfigForm.get(\'entityCacheExpiration\').hasError(\'min\')">\n      {{ \'tb.rulenode.entity-cache-expiration-range\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.entity-cache-expiration-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),L=function(e){function r(t,r,n,a){var o=e.call(this,t)||this;return o.store=t,o.fb=r,o.nodeScriptTestService=n,o.translate=a,o}return y(r,e),r.prototype.configForm=function(){return this.generatorConfigForm},r.prototype.onConfigurationSet=function(e){this.generatorConfigForm=this.fb.group({msgCount:[e?e.msgCount:null,[i.Validators.required,i.Validators.min(0)]],periodInSeconds:[e?e.periodInSeconds:null,[i.Validators.required,i.Validators.min(1)]],originator:[e?e.originator:null,[]],jsScript:[e?e.jsScript:null,[i.Validators.required]]})},r.prototype.prepareInputConfig=function(e){return e&&(e.originatorId&&e.originatorType?e.originator={id:e.originatorId,entityType:e.originatorType}:e.originator=null,delete e.originatorId,delete e.originatorType),e},r.prototype.prepareOutputConfig=function(e){return e.originator?(e.originatorId=e.originator.id,e.originatorType=e.originator.entityType):(e.originatorId=null,e.originatorType=null),delete e.originator,e},r.prototype.testScript=function(){var e=this,t=this.generatorConfigForm.get("jsScript").value;this.nodeScriptTestService.testNodeScript(t,"generate",this.translate.instant("tb.rulenode.generator"),"Generate",["prevMsg","prevMetadata","prevMsgType"],this.ruleNodeId).subscribe((function(t){t&&e.generatorConfigForm.get("jsScript").setValue(t)}))},r.prototype.onValidate=function(){this.jsFuncComponent.validateOnSubmit()},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder},{type:l.NodeScriptTestService},{type:n.TranslateService}]},b([t.ViewChild("jsFuncComponent",{static:!0}),h("design:type",a.JsFuncComponent)],r.prototype,"jsFuncComponent",void 0),r=b([t.Component({selector:"tb-action-node-generator-config",template:'<section [formGroup]="generatorConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.message-count</mat-label>\n    <input required type="number" min="0" step="1" matInput formControlName="msgCount">\n    <mat-error *ngIf="generatorConfigForm.get(\'msgCount\').hasError(\'required\')">\n      {{ \'tb.rulenode.message-count-required\' | translate }}\n    </mat-error>\n    <mat-error *ngIf="generatorConfigForm.get(\'msgCount\').hasError(\'min\')">\n      {{ \'tb.rulenode.min-message-count-message\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.period-seconds</mat-label>\n    <input required type="number" min="1" step="1" matInput formControlName="periodInSeconds">\n    <mat-error *ngIf="generatorConfigForm.get(\'periodInSeconds\').hasError(\'required\')">\n      {{ \'tb.rulenode.period-seconds-required\' | translate }}\n    </mat-error>\n    <mat-error *ngIf="generatorConfigForm.get(\'periodInSeconds\').hasError(\'min\')">\n      {{ \'tb.rulenode.min-period-seconds-message\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <div fxLayout="column">\n    <label class="tb-small">{{ \'tb.rulenode.originator\' | translate }}</label>\n    <tb-entity-select\n      required="false"\n      formControlName="originator">\n    </tb-entity-select>\n  </div>\n  <label translate class="tb-title no-padding">tb.rulenode.generate</label>\n  <tb-js-func #jsFuncComponent\n              formControlName="jsScript"\n              functionName="Generate"\n              [functionArgs]="[\'prevMsg\', \'prevMetadata\', \'prevMsgType\']"\n              noValidate="true">\n  </tb-js-func>\n  <div fxLayout="row" style="padding-bottom: 16px;">\n    <button mat-button mat-raised-button color="primary" (click)="testScript()">\n      {{ \'tb.rulenode.test-generator-function\' | translate }}\n    </button>\n  </div>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder,l.NodeScriptTestService,n.TranslateService])],r)}(a.RuleNodeConfigurationComponent);!function(e){e.CUSTOMER="CUSTOMER",e.TENANT="TENANT",e.RELATED="RELATED",e.ALARM_ORIGINATOR="ALARM_ORIGINATOR"}(v||(v={}));var M,P=new Map([[v.CUSTOMER,"tb.rulenode.originator-customer"],[v.TENANT,"tb.rulenode.originator-tenant"],[v.RELATED,"tb.rulenode.originator-related"],[v.ALARM_ORIGINATOR,"tb.rulenode.originator-alarm-originator"]]);!function(e){e.CIRCLE="CIRCLE",e.POLYGON="POLYGON"}(M||(M={}));var R,w=new Map([[M.CIRCLE,"tb.rulenode.perimeter-circle"],[M.POLYGON,"tb.rulenode.perimeter-polygon"]]);!function(e){e.MILLISECONDS="MILLISECONDS",e.SECONDS="SECONDS",e.MINUTES="MINUTES",e.HOURS="HOURS",e.DAYS="DAYS"}(R||(R={}));var D,O=new Map([[R.MILLISECONDS,"tb.rulenode.time-unit-milliseconds"],[R.SECONDS,"tb.rulenode.time-unit-seconds"],[R.MINUTES,"tb.rulenode.time-unit-minutes"],[R.HOURS,"tb.rulenode.time-unit-hours"],[R.DAYS,"tb.rulenode.time-unit-days"]]);!function(e){e.METER="METER",e.KILOMETER="KILOMETER",e.FOOT="FOOT",e.MILE="MILE",e.NAUTICAL_MILE="NAUTICAL_MILE"}(D||(D={}));var K,B=new Map([[D.METER,"tb.rulenode.range-unit-meter"],[D.KILOMETER,"tb.rulenode.range-unit-kilometer"],[D.FOOT,"tb.rulenode.range-unit-foot"],[D.MILE,"tb.rulenode.range-unit-mile"],[D.NAUTICAL_MILE,"tb.rulenode.range-unit-nautical-mile"]]);!function(e){e.TITLE="TITLE",e.COUNTRY="COUNTRY",e.STATE="STATE",e.ZIP="ZIP",e.ADDRESS="ADDRESS",e.ADDRESS2="ADDRESS2",e.PHONE="PHONE",e.EMAIL="EMAIL",e.ADDITIONAL_INFO="ADDITIONAL_INFO"}(K||(K={}));var j,U,G,H=new Map([[K.TITLE,"tb.rulenode.entity-details-title"],[K.COUNTRY,"tb.rulenode.entity-details-country"],[K.STATE,"tb.rulenode.entity-details-state"],[K.ZIP,"tb.rulenode.entity-details-zip"],[K.ADDRESS,"tb.rulenode.entity-details-address"],[K.ADDRESS2,"tb.rulenode.entity-details-address2"],[K.PHONE,"tb.rulenode.entity-details-phone"],[K.EMAIL,"tb.rulenode.entity-details-email"],[K.ADDITIONAL_INFO,"tb.rulenode.entity-details-additional_info"]]);!function(e){e.FIRST="FIRST",e.LAST="LAST",e.ALL="ALL"}(j||(j={})),function(e){e.ASC="ASC",e.DESC="DESC"}(U||(U={})),function(e){e.STANDARD="STANDARD",e.FIFO="FIFO"}(G||(G={}));var Q,z=new Map([[G.STANDARD,"tb.rulenode.sqs-queue-standard"],[G.FIFO,"tb.rulenode.sqs-queue-fifo"]]),$=["anonymous","basic","cert.PEM"],_=new Map([["anonymous","tb.rulenode.credentials-anonymous"],["basic","tb.rulenode.credentials-basic"],["cert.PEM","tb.rulenode.credentials-pem"]]);!function(e){e.GET="GET",e.POST="POST",e.PUT="PUT",e.DELETE="DELETE"}(Q||(Q={}));var J=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.perimeterType=M,n.perimeterTypes=Object.keys(M),n.perimeterTypeTranslationMap=w,n.rangeUnits=Object.keys(D),n.rangeUnitTranslationMap=B,n.timeUnits=Object.keys(R),n.timeUnitsTranslationMap=O,n}return y(r,e),r.prototype.configForm=function(){return this.geoActionConfigForm},r.prototype.onConfigurationSet=function(e){this.geoActionConfigForm=this.fb.group({latitudeKeyName:[e?e.latitudeKeyName:null,[i.Validators.required]],longitudeKeyName:[e?e.longitudeKeyName:null,[i.Validators.required]],fetchPerimeterInfoFromMessageMetadata:[!!e&&e.fetchPerimeterInfoFromMessageMetadata,[]],perimeterType:[e?e.perimeterType:null,[]],centerLatitude:[e?e.centerLatitude:null,[]],centerLongitude:[e?e.centerLatitude:null,[]],range:[e?e.range:null,[]],rangeUnit:[e?e.rangeUnit:null,[]],polygonsDefinition:[e?e.polygonsDefinition:null,[]],minInsideDuration:[e?e.minInsideDuration:null,[i.Validators.required,i.Validators.min(1),i.Validators.max(2147483647)]],minInsideDurationTimeUnit:[e?e.minInsideDurationTimeUnit:null,[i.Validators.required]],minOutsideDuration:[e?e.minOutsideDuration:null,[i.Validators.required,i.Validators.min(1),i.Validators.max(2147483647)]],minOutsideDurationTimeUnit:[e?e.minOutsideDurationTimeUnit:null,[i.Validators.required]]})},r.prototype.validatorTriggers=function(){return["fetchPerimeterInfoFromMessageMetadata","perimeterType"]},r.prototype.updateValidators=function(e){var t=this.geoActionConfigForm.get("fetchPerimeterInfoFromMessageMetadata").value,r=this.geoActionConfigForm.get("perimeterType").value;t?this.geoActionConfigForm.get("perimeterType").setValidators([]):this.geoActionConfigForm.get("perimeterType").setValidators([i.Validators.required]),t||r!==M.CIRCLE?(this.geoActionConfigForm.get("centerLatitude").setValidators([]),this.geoActionConfigForm.get("centerLongitude").setValidators([]),this.geoActionConfigForm.get("range").setValidators([]),this.geoActionConfigForm.get("rangeUnit").setValidators([])):(this.geoActionConfigForm.get("centerLatitude").setValidators([i.Validators.required,i.Validators.min(-90),i.Validators.max(90)]),this.geoActionConfigForm.get("centerLongitude").setValidators([i.Validators.required,i.Validators.min(-180),i.Validators.max(180)]),this.geoActionConfigForm.get("range").setValidators([i.Validators.required,i.Validators.min(0)]),this.geoActionConfigForm.get("rangeUnit").setValidators([i.Validators.required])),t||r!==M.POLYGON?this.geoActionConfigForm.get("polygonsDefinition").setValidators([]):this.geoActionConfigForm.get("polygonsDefinition").setValidators([i.Validators.required]),this.geoActionConfigForm.get("perimeterType").updateValueAndValidity({emitEvent:!1}),this.geoActionConfigForm.get("centerLatitude").updateValueAndValidity({emitEvent:e}),this.geoActionConfigForm.get("centerLongitude").updateValueAndValidity({emitEvent:e}),this.geoActionConfigForm.get("range").updateValueAndValidity({emitEvent:e}),this.geoActionConfigForm.get("rangeUnit").updateValueAndValidity({emitEvent:e}),this.geoActionConfigForm.get("polygonsDefinition").updateValueAndValidity({emitEvent:e})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-gps-geofencing-config",template:'<section [formGroup]="geoActionConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.latitude-key-name</mat-label>\n    <input matInput formControlName="latitudeKeyName" required>\n    <mat-error *ngIf="geoActionConfigForm.get(\'latitudeKeyName\').hasError(\'required\')">\n      {{ \'tb.rulenode.latitude-key-name-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.longitude-key-name</mat-label>\n    <input matInput formControlName="longitudeKeyName" required>\n    <mat-error *ngIf="geoActionConfigForm.get(\'longitudeKeyName\').hasError(\'required\')">\n      {{ \'tb.rulenode.longitude-key-name-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-checkbox fxFlex formControlName="fetchPerimeterInfoFromMessageMetadata" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.fetch-perimeter-info-from-message-metadata\' | translate }}\n  </mat-checkbox>\n  <div fxLayout="row" *ngIf="!geoActionConfigForm.get(\'fetchPerimeterInfoFromMessageMetadata\').value">\n    <mat-form-field fxFlex class="mat-block">\n      <mat-label translate>tb.rulenode.perimeter-type</mat-label>\n      <mat-select formControlName="perimeterType" required>\n        <mat-option *ngFor="let type of perimeterTypes" [value]="type">\n          {{ perimeterTypeTranslationMap.get(type) | translate }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n  <div fxLayout="column"\n       *ngIf="geoActionConfigForm.get(\'perimeterType\').value === perimeterType.CIRCLE &&\n       !geoActionConfigForm.get(\'fetchPerimeterInfoFromMessageMetadata\').value">\n    <div fxLayout="row" fxLayoutGap="8px">\n      <mat-form-field fxFlex>\n        <mat-label translate>tb.rulenode.circle-center-latitude</mat-label>\n        <input type="number" min="-90" max="90" step="0.1" matInput formControlName="centerLatitude" required>\n        <mat-error *ngIf="geoActionConfigForm.get(\'centerLatitude\').hasError(\'required\')">\n          {{ \'tb.rulenode.circle-center-latitude-required\' | translate }}\n        </mat-error>\n      </mat-form-field>\n      <mat-form-field fxFlex>\n        <mat-label translate>tb.rulenode.circle-center-longitude</mat-label>\n        <input type="number" min="-180" max="180" step="0.1" matInput formControlName="centerLongitude" required>\n        <mat-error *ngIf="geoActionConfigForm.get(\'centerLongitude\').hasError(\'required\')">\n          {{ \'tb.rulenode.circle-center-longitude-required\' | translate }}\n        </mat-error>\n      </mat-form-field>\n    </div>\n    <div fxLayout="row" fxLayoutGap="8px">\n      <mat-form-field fxFlex>\n        <mat-label translate>tb.rulenode.range</mat-label>\n        <input type="number" min="0" step="0.1" matInput formControlName="range" required>\n        <mat-error *ngIf="geoActionConfigForm.get(\'range\').hasError(\'required\')">\n          {{ \'tb.rulenode.range-required\' | translate }}\n        </mat-error>\n      </mat-form-field>\n      <mat-form-field fxFlex>\n        <mat-label translate>tb.rulenode.range-units</mat-label>\n        <mat-select formControlName="rangeUnit" required>\n          <mat-option *ngFor="let type of rangeUnits" [value]="type">\n            {{ rangeUnitTranslationMap.get(type) | translate }}\n          </mat-option>\n        </mat-select>\n      </mat-form-field>\n    </div>\n  </div>\n  <div fxLayout="column" *ngIf="geoActionConfigForm.get(\'perimeterType\').value === perimeterType.POLYGON &&\n                             !geoActionConfigForm.get(\'fetchPerimeterInfoFromMessageMetadata\').value">\n    <mat-form-field class="mat-block" hintLabel="{{\'tb.rulenode.polygon-definition-hint\' | translate}}" style="padding-bottom: 16px;">\n      <mat-label translate>tb.rulenode.polygon-definition</mat-label>\n      <input matInput formControlName="polygonsDefinition" required>\n      <mat-error *ngIf="geoActionConfigForm.get(\'polygonsDefinition\').hasError(\'required\')">\n        {{ \'tb.rulenode.polygon-definition-required\' | translate }}\n      </mat-error>\n    </mat-form-field>\n  </div>\n  <div fxLayout="column" fxLayout.gt-sm="row" fxLayoutGap.gt-sm="8px">\n    <mat-form-field fxFlex class="mat-block">\n      <mat-label translate>tb.rulenode.min-inside-duration</mat-label>\n      <input type="number" step="1" min="1" max="2147483647" matInput formControlName="minInsideDuration" required>\n      <mat-error *ngIf="geoActionConfigForm.get(\'minInsideDuration\').hasError(\'required\')">\n        {{ \'tb.rulenode.min-inside-duration-value-required\' | translate }}\n      </mat-error>\n      <mat-error *ngIf="geoActionConfigForm.get(\'minInsideDuration\').hasError(\'min\')">\n        {{ \'tb.rulenode.time-value-range\' | translate }}\n      </mat-error>\n      <mat-error *ngIf="geoActionConfigForm.get(\'minInsideDuration\').hasError(\'max\')">\n        {{ \'tb.rulenode.time-value-range\' | translate }}\n      </mat-error>\n    </mat-form-field>\n    <mat-form-field fxFlex class="mat-block">\n      <mat-label translate>tb.rulenode.min-inside-duration-time-unit</mat-label>\n      <mat-select formControlName="minInsideDurationTimeUnit" required>\n        <mat-option *ngFor="let timeUnit of timeUnits" [value]="timeUnit">\n          {{ timeUnitsTranslationMap.get(timeUnit) | translate }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n  <div fxLayout="column" fxLayout.gt-sm="row" fxLayoutGap.gt-sm="8px">\n    <mat-form-field fxFlex class="mat-block">\n      <mat-label translate>tb.rulenode.min-outside-duration</mat-label>\n      <input type="number" step="1" min="1" max="2147483647" matInput formControlName="minOutsideDuration" required>\n      <mat-error *ngIf="geoActionConfigForm.get(\'minOutsideDuration\').hasError(\'required\')">\n        {{ \'tb.rulenode.min-outside-duration-value-required\' | translate }}\n      </mat-error>\n      <mat-error *ngIf="geoActionConfigForm.get(\'minOutsideDuration\').hasError(\'min\')">\n        {{ \'tb.rulenode.time-value-range\' | translate }}\n      </mat-error>\n      <mat-error *ngIf="geoActionConfigForm.get(\'minOutsideDuration\').hasError(\'max\')">\n        {{ \'tb.rulenode.time-value-range\' | translate }}\n      </mat-error>\n    </mat-form-field>\n    <mat-form-field fxFlex class="mat-block">\n      <mat-label translate>tb.rulenode.min-outside-duration-time-unit</mat-label>\n      <mat-select formControlName="minOutsideDurationTimeUnit" required>\n        <mat-option *ngFor="let timeUnit of timeUnits" [value]="timeUnit">\n          {{ timeUnitsTranslationMap.get(timeUnit) | translate }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),W=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.msgCountConfigForm},r.prototype.onConfigurationSet=function(e){this.msgCountConfigForm=this.fb.group({interval:[e?e.interval:null,[i.Validators.required,i.Validators.min(1)]],telemetryPrefix:[e?e.telemetryPrefix:null,[i.Validators.required]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-msg-count-config",template:'<section [formGroup]="msgCountConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.interval-seconds</mat-label>\n    <input required type="number" min="1" step="1" matInput formControlName="interval">\n    <mat-error *ngIf="msgCountConfigForm.get(\'interval\').hasError(\'required\')">\n      {{ \'tb.rulenode.interval-seconds-required\' | translate }}\n    </mat-error>\n    <mat-error *ngIf="msgCountConfigForm.get(\'interval\').hasError(\'min\')">\n      {{ \'tb.rulenode.min-interval-seconds-message\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.output-timeseries-key-prefix</mat-label>\n    <input required matInput formControlName="telemetryPrefix">\n    <mat-error *ngIf="msgCountConfigForm.get(\'telemetryPrefix\').hasError(\'required\')">\n      {{ \'tb.rulenode.output-timeseries-key-prefix-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),Y=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.rpcReplyConfigForm},r.prototype.onConfigurationSet=function(e){this.rpcReplyConfigForm=this.fb.group({requestIdMetaDataAttribute:[e?e.requestIdMetaDataAttribute:null,[]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-rpc-reply-config",template:'<section [formGroup]="rpcReplyConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.request-id-metadata-attribute</mat-label>\n    <input matInput formControlName="requestIdMetaDataAttribute">\n  </mat-form-field>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),Z=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.saveToCustomTableConfigForm},r.prototype.onConfigurationSet=function(e){this.saveToCustomTableConfigForm=this.fb.group({tableName:[e?e.tableName:null,[i.Validators.required]],fieldsMapping:[e?e.fieldsMapping:null,[i.Validators.required]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-custom-table-config",template:'<section [formGroup]="saveToCustomTableConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.custom-table-name</mat-label>\n    <input required matInput formControlName="tableName">\n    <mat-error *ngIf="saveToCustomTableConfigForm.get(\'tableName\').hasError(\'required\')">\n      {{ \'tb.rulenode.custom-table-name-required\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.custom-table-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n  <label translate class="tb-title tb-required">tb.rulenode.fields-mapping</label>\n  <tb-kv-map-config\n    required\n    formControlName="fieldsMapping"\n    requiredText="tb.rulenode.fields-mapping-required"\n    keyText="tb.rulenode.message-field"\n    keyRequiredText="tb.rulenode.message-field-required"\n    valText="tb.rulenode.table-col"\n    valRequiredText="tb.rulenode.table-col-required">\n  </tb-kv-map-config>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),X=function(e){function r(t,r,n,a){var o=e.call(this,t)||this;return o.store=t,o.translate=r,o.injector=n,o.fb=a,o.propagateChange=null,o.valueChangeSubscription=null,o}var a;return y(r,e),a=r,Object.defineProperty(r.prototype,"required",{get:function(){return this.requiredValue},set:function(e){this.requiredValue=u.coerceBooleanProperty(e)},enumerable:!0,configurable:!0}),r.prototype.ngOnInit=function(){this.ngControl=this.injector.get(i.NgControl),null!=this.ngControl&&(this.ngControl.valueAccessor=this),this.kvListFormGroup=this.fb.group({}),this.kvListFormGroup.addControl("keyVals",this.fb.array([]))},r.prototype.keyValsFormArray=function(){return this.kvListFormGroup.get("keyVals")},r.prototype.registerOnChange=function(e){this.propagateChange=e},r.prototype.registerOnTouched=function(e){},r.prototype.setDisabledState=function(e){this.disabled=e,this.disabled?this.kvListFormGroup.disable({emitEvent:!1}):this.kvListFormGroup.enable({emitEvent:!1})},r.prototype.writeValue=function(e){var t,r,n=this;this.valueChangeSubscription&&this.valueChangeSubscription.unsubscribe();var a=[];if(e)try{for(var o=C(Object.keys(e)),l=o.next();!l.done;l=o.next()){var s=l.value;Object.prototype.hasOwnProperty.call(e,s)&&a.push(this.fb.group({key:[s,[i.Validators.required]],value:[e[s],[i.Validators.required]]}))}}catch(e){t={error:e}}finally{try{l&&!l.done&&(r=o.return)&&r.call(o)}finally{if(t)throw t.error}}this.kvListFormGroup.setControl("keyVals",this.fb.array(a)),this.valueChangeSubscription=this.kvListFormGroup.valueChanges.subscribe((function(){n.updateModel()}))},r.prototype.removeKeyVal=function(e){this.kvListFormGroup.get("keyVals").removeAt(e)},r.prototype.addKeyVal=function(){this.kvListFormGroup.get("keyVals").push(this.fb.group({key:["",[i.Validators.required]],value:["",[i.Validators.required]]}))},r.prototype.validate=function(e){return!this.kvListFormGroup.get("keyVals").value.length&&this.required?{kvMapRequired:!0}:this.kvListFormGroup.valid?null:{kvFieldsRequired:!0}},r.prototype.updateModel=function(){var e=this.kvListFormGroup.get("keyVals").value;if(this.required&&!e.length||!this.kvListFormGroup.valid)this.propagateChange(null);else{var t={};e.forEach((function(e){t[e.key]=e.value})),this.propagateChange(t)}},r.ctorParameters=function(){return[{type:o.Store},{type:n.TranslateService},{type:t.Injector},{type:i.FormBuilder}]},b([t.Input(),h("design:type",Boolean)],r.prototype,"disabled",void 0),b([t.Input(),h("design:type",String)],r.prototype,"requiredText",void 0),b([t.Input(),h("design:type",String)],r.prototype,"keyText",void 0),b([t.Input(),h("design:type",String)],r.prototype,"keyRequiredText",void 0),b([t.Input(),h("design:type",String)],r.prototype,"valText",void 0),b([t.Input(),h("design:type",String)],r.prototype,"valRequiredText",void 0),b([t.Input(),h("design:type",Boolean),h("design:paramtypes",[Boolean])],r.prototype,"required",null),r=a=b([t.Component({selector:"tb-kv-map-config",template:'<section fxLayout="column" class="tb-kv-map-config" [formGroup]="kvListFormGroup">\n  <div class="header" fxFlex fxLayout="row" fxLayoutGap="8px">\n    <span class="cell" fxFlex translate>{{ keyText }}</span>\n    <span class="cell" fxFlex translate>{{ valText }}</span>\n    <span [fxShow]="!disabled" style="width: 52px;" innerHTML="&nbsp"></span>\n  </div>\n  <div class="body">\n    <div class="row" fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px"\n         formArrayName="keyVals"\n         *ngFor="let keyValControl of keyValsFormArray().controls; let $index = index">\n      <mat-form-field fxFlex floatLabel="always" hideRequiredMarker class="cell mat-block">\n        <mat-label></mat-label>\n        <input [formControl]="keyValControl.get(\'key\')" matInput required\n               placeholder="{{ keyText | translate }}"/>\n        <mat-error *ngIf="keyValControl.get(\'key\').hasError(\'required\')">\n          {{ keyRequiredText | translate }}\n        </mat-error>\n      </mat-form-field>\n      <mat-form-field fxFlex floatLabel="always" hideRequiredMarker class="cell mat-block">\n        <mat-label></mat-label>\n        <input [formControl]="keyValControl.get(\'value\')" matInput required\n               placeholder="{{ valText | translate }}"/>\n        <mat-error *ngIf="keyValControl.get(\'value\').hasError(\'required\')">\n          {{ valRequiredText | translate }}\n        </mat-error>\n      </mat-form-field>\n      <button mat-button mat-icon-button color="primary"\n              [fxShow]="!disabled"\n              type="button"\n              (click)="removeKeyVal($index)"\n              [disabled]="isLoading$ | async"\n              matTooltip="{{ \'tb.key-val.remove-entry\' | translate }}"\n              matTooltipPosition="above">\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n  </div>\n  <tb-error [error]="ngControl.hasError(\'kvMapRequired\')\n                  ? translate.instant(requiredText) : \'\'"></tb-error>\n  <div style="margin-top: 8px;">\n    <button mat-button mat-raised-button color="primary"\n            [fxShow]="!disabled"\n            [disabled]="isLoading$ | async"\n            (click)="addKeyVal()"\n            type="button"\n            matTooltip="{{ \'tb.key-val.add-entry\' | translate }}"\n            matTooltipPosition="above">\n      <mat-icon>add</mat-icon>\n      {{ \'action.add\' | translate }}\n    </button>\n  </div>\n</section>\n',providers:[{provide:i.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return a})),multi:!0},{provide:i.NG_VALIDATORS,useExisting:t.forwardRef((function(){return a})),multi:!0}],styles:[":host .tb-kv-map-config{margin-bottom:16px}:host .tb-kv-map-config .header{padding-left:5px;padding-right:5px;padding-bottom:5px}:host .tb-kv-map-config .header .cell{padding-left:5px;padding-right:5px;color:rgba(0,0,0,.54);font-size:12px;font-weight:700;white-space:nowrap}:host .tb-kv-map-config .body{padding-left:5px;padding-right:5px;padding-bottom:20px;max-height:300px;overflow:auto}:host .tb-kv-map-config .body .row{padding-top:5px;max-height:40px}:host .tb-kv-map-config .body .cell{padding-left:5px;padding-right:5px}:host ::ng-deep .tb-kv-map-config .body mat-form-field.cell{margin:0;max-height:40px}:host ::ng-deep .tb-kv-map-config .body mat-form-field.cell .mat-form-field-infix{border-top:0}:host ::ng-deep .tb-kv-map-config .body button.mat-button{margin:0}"]}),h("design:paramtypes",[o.Store,n.TranslateService,t.Injector,i.FormBuilder])],r)}(a.PageComponent),ee=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.directionTypes=Object.keys(a.EntitySearchDirection),n.directionTypeTranslations=a.entitySearchDirectionTranslations,n.entityType=a.EntityType,n.propagateChange=null,n}var n;return y(r,e),n=r,Object.defineProperty(r.prototype,"required",{get:function(){return this.requiredValue},set:function(e){this.requiredValue=u.coerceBooleanProperty(e)},enumerable:!0,configurable:!0}),r.prototype.ngOnInit=function(){var e=this;this.deviceRelationsQueryFormGroup=this.fb.group({fetchLastLevelOnly:[!1,[]],direction:[null,[i.Validators.required]],maxLevel:[null,[]],relationType:[null],deviceTypes:[null,[i.Validators.required]]}),this.deviceRelationsQueryFormGroup.valueChanges.subscribe((function(t){e.deviceRelationsQueryFormGroup.valid?e.propagateChange(t):e.propagateChange(null)}))},r.prototype.registerOnChange=function(e){this.propagateChange=e},r.prototype.registerOnTouched=function(e){},r.prototype.setDisabledState=function(e){this.disabled=e,this.disabled?this.deviceRelationsQueryFormGroup.disable({emitEvent:!1}):this.deviceRelationsQueryFormGroup.enable({emitEvent:!1})},r.prototype.writeValue=function(e){this.deviceRelationsQueryFormGroup.reset(e,{emitEvent:!1})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},b([t.Input(),h("design:type",Boolean)],r.prototype,"disabled",void 0),b([t.Input(),h("design:type",Boolean),h("design:paramtypes",[Boolean])],r.prototype,"required",null),r=n=b([t.Component({selector:"tb-device-relations-query-config",template:'<section fxLayout="column" [formGroup]="deviceRelationsQueryFormGroup">\n  <mat-checkbox formControlName="fetchLastLevelOnly" style="padding-bottom: 16px;">\n    {{ \'relation.last-level-relation\' | translate }}\n  </mat-checkbox>\n  <div fxLayoutGap="8px" fxLayout="row">\n    <mat-form-field class="mat-block" style="min-width: 100px;">\n      <mat-label translate>relation.direction</mat-label>\n      <mat-select required matInput formControlName="direction">\n        <mat-option *ngFor="let type of directionTypes" [value]="type">\n          {{ directionTypeTranslations.get(type) | translate }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n    <mat-form-field fxFlex floatLabel="always" class="mat-block">\n      <mat-label translate>tb.rulenode.max-relation-level</mat-label>\n      <input matInput\n             type="number"\n             min="1"\n             step="1"\n             placeholder="{{ \'tb.rulenode.unlimited-level\' | translate }}"\n             formControlName="maxLevel">\n    </mat-form-field>\n  </div>\n  <div class="mat-caption" style="color: rgba(0,0,0,0.57);" translate>relation.relation-type</div>\n  <tb-relation-type-autocomplete\n    fxFlex\n    formControlName="relationType">\n  </tb-relation-type-autocomplete>\n  <div class="mat-caption tb-required" style="color: rgba(0,0,0,0.57);" translate>device.device-types</div>\n  <tb-entity-subtype-list\n    required\n    [entityType]="entityType.DEVICE"\n    formControlName="deviceTypes">\n  </tb-entity-subtype-list>\n</section>\n',providers:[{provide:i.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return n})),multi:!0}]}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.PageComponent),te=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.directionTypes=Object.keys(a.EntitySearchDirection),n.directionTypeTranslations=a.entitySearchDirectionTranslations,n.propagateChange=null,n}var n;return y(r,e),n=r,Object.defineProperty(r.prototype,"required",{get:function(){return this.requiredValue},set:function(e){this.requiredValue=u.coerceBooleanProperty(e)},enumerable:!0,configurable:!0}),r.prototype.ngOnInit=function(){var e=this;this.relationsQueryFormGroup=this.fb.group({fetchLastLevelOnly:[!1,[]],direction:[null,[i.Validators.required]],maxLevel:[null,[]],filters:[null]}),this.relationsQueryFormGroup.valueChanges.subscribe((function(t){e.relationsQueryFormGroup.valid?e.propagateChange(t):e.propagateChange(null)}))},r.prototype.registerOnChange=function(e){this.propagateChange=e},r.prototype.registerOnTouched=function(e){},r.prototype.setDisabledState=function(e){this.disabled=e,this.disabled?this.relationsQueryFormGroup.disable({emitEvent:!1}):this.relationsQueryFormGroup.enable({emitEvent:!1})},r.prototype.writeValue=function(e){this.relationsQueryFormGroup.reset(e,{emitEvent:!1})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},b([t.Input(),h("design:type",Boolean)],r.prototype,"disabled",void 0),b([t.Input(),h("design:type",Boolean),h("design:paramtypes",[Boolean])],r.prototype,"required",null),r=n=b([t.Component({selector:"tb-relations-query-config",template:'<section fxLayout="column" [formGroup]="relationsQueryFormGroup">\n  <mat-checkbox formControlName="fetchLastLevelOnly" style="padding-bottom: 16px;">\n    {{ \'relation.last-level-relation\' | translate }}\n  </mat-checkbox>\n  <div fxLayoutGap="8px" fxLayout="row">\n    <mat-form-field class="mat-block" style="min-width: 100px;">\n      <mat-label translate>relation.direction</mat-label>\n      <mat-select required matInput formControlName="direction">\n        <mat-option *ngFor="let type of directionTypes" [value]="type">\n          {{ directionTypeTranslations.get(type) | translate }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n    <mat-form-field fxFlex floatLabel="always" class="mat-block">\n      <mat-label translate>tb.rulenode.max-relation-level</mat-label>\n      <input matInput\n             type="number"\n             min="1"\n             step="1"\n             placeholder="{{ \'tb.rulenode.unlimited-level\' | translate }}"\n             formControlName="maxLevel">\n    </mat-form-field>\n  </div>\n  <div class="mat-caption" style="color: rgba(0,0,0,0.57);" translate>relation.relation-filters</div>\n  <tb-relation-filters\n    formControlName="filters"\n  ></tb-relation-filters>\n</section>\n',providers:[{provide:i.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return n})),multi:!0}]}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.PageComponent),re=function(e){function r(t,r,n,o){var i,l,m=e.call(this,t)||this;m.store=t,m.translate=r,m.truncate=n,m.fb=o,m.placeholder="tb.rulenode.message-type",m.separatorKeysCodes=[s.ENTER,s.COMMA,s.SEMICOLON],m.messageTypes=[],m.messageTypesList=[],m.searchText="",m.propagateChange=function(e){},m.messageTypeConfigForm=m.fb.group({messageType:[null]});try{for(var u=C(Object.keys(a.MessageType)),d=u.next();!d.done;d=u.next()){var p=d.value;m.messageTypesList.push({name:a.messageTypeNames.get(a.MessageType[p]),value:p})}}catch(e){i={error:e}}finally{try{d&&!d.done&&(l=u.return)&&l.call(u)}finally{if(i)throw i.error}}return m}var l;return y(r,e),l=r,Object.defineProperty(r.prototype,"required",{get:function(){return this.requiredValue},set:function(e){this.requiredValue=u.coerceBooleanProperty(e)},enumerable:!0,configurable:!0}),r.prototype.registerOnChange=function(e){this.propagateChange=e},r.prototype.registerOnTouched=function(e){},r.prototype.ngOnInit=function(){var e=this;this.filteredMessageTypes=this.messageTypeConfigForm.get("messageType").valueChanges.pipe(f.startWith(""),f.map((function(e){return e||""})),f.mergeMap((function(t){return e.fetchMessageTypes(t)})),f.share())},r.prototype.ngAfterViewInit=function(){},r.prototype.setDisabledState=function(e){this.disabled=e,this.disabled?this.messageTypeConfigForm.disable({emitEvent:!1}):this.messageTypeConfigForm.enable({emitEvent:!1})},r.prototype.writeValue=function(e){var t=this;this.searchText="",this.messageTypes.length=0,e&&e.forEach((function(e){var r=t.messageTypesList.find((function(t){return t.value===e}));r?t.messageTypes.push({name:r.name,value:r.value}):t.messageTypes.push({name:e,value:e})}))},r.prototype.displayMessageTypeFn=function(e){return e?e.name:void 0},r.prototype.textIsNotEmpty=function(e){return!!(e&&null!=e&&e.length>0)},r.prototype.createMessageType=function(e,t){e.preventDefault(),this.transformMessageType(t)},r.prototype.add=function(e){this.transformMessageType(e.value)},r.prototype.fetchMessageTypes=function(e){if(this.searchText=e,this.searchText&&this.searchText.length){var t=this.searchText.toUpperCase();return c.of(this.messageTypesList.filter((function(e){return e.name.toUpperCase().includes(t)})))}return c.of(this.messageTypesList)},r.prototype.transformMessageType=function(e){if((e||"").trim()){var t=null,r=e.trim(),n=this.messageTypesList.find((function(e){return e.name===r}));(t=n?{name:n.name,value:n.value}:{name:r,value:r})&&this.addMessageType(t)}this.clear("")},r.prototype.remove=function(e){var t=this.messageTypes.indexOf(e);t>=0&&(this.messageTypes.splice(t,1),this.updateModel())},r.prototype.selected=function(e){this.addMessageType(e.option.value),this.clear("")},r.prototype.addMessageType=function(e){-1===this.messageTypes.findIndex((function(t){return t.value===e.value}))&&(this.messageTypes.push(e),this.updateModel())},r.prototype.onFocus=function(){this.messageTypeConfigForm.get("messageType").updateValueAndValidity({onlySelf:!0,emitEvent:!0})},r.prototype.clear=function(e){var t=this;void 0===e&&(e=""),this.messageTypeInput.nativeElement.value=e,this.messageTypeConfigForm.get("messageType").patchValue(null,{emitEvent:!0}),setTimeout((function(){t.messageTypeInput.nativeElement.blur(),t.messageTypeInput.nativeElement.focus()}),0)},r.prototype.updateModel=function(){var e=this.messageTypes.map((function(e){return e.value}));this.required?(this.chipList.errorState=!e.length,this.propagateChange(e.length>0?e:null)):(this.chipList.errorState=!1,this.propagateChange(e))},r.ctorParameters=function(){return[{type:o.Store},{type:n.TranslateService},{type:a.TruncatePipe},{type:i.FormBuilder}]},b([t.Input(),h("design:type",Boolean),h("design:paramtypes",[Boolean])],r.prototype,"required",null),b([t.Input(),h("design:type",String)],r.prototype,"label",void 0),b([t.Input(),h("design:type",Object)],r.prototype,"placeholder",void 0),b([t.Input(),h("design:type",Boolean)],r.prototype,"disabled",void 0),b([t.ViewChild("chipList",{static:!1}),h("design:type",d.MatChipList)],r.prototype,"chipList",void 0),b([t.ViewChild("messageTypeAutocomplete",{static:!1}),h("design:type",p.MatAutocomplete)],r.prototype,"matAutocomplete",void 0),b([t.ViewChild("messageTypeInput",{static:!1}),h("design:type",t.ElementRef)],r.prototype,"messageTypeInput",void 0),r=l=b([t.Component({selector:"tb-message-types-config",template:'<mat-form-field [formGroup]="messageTypeConfigForm" style="width: 100%;">\n  <mat-label *ngIf="label" translate>{{ label }}</mat-label>\n  <mat-chip-list #chipList [required]="required">\n    <mat-chip\n      *ngFor="let messageType of messageTypes"\n      [selectable]="true"\n      [removable]="true"\n      (removed)="remove(messageType)">\n      {{messageType.name}}\n      <mat-icon matChipRemove>close</mat-icon>\n    </mat-chip>\n    <input matInput type="text" placeholder="{{ placeholder | translate }}"\n           style="max-width: 200px;"\n           #messageTypeInput\n           (focusin)="onFocus()"\n           formControlName="messageType"\n           matAutocompleteOrigin\n           #origin="matAutocompleteOrigin"\n           [matAutocompleteConnectedTo]="origin"\n           [matAutocomplete]="messageTypeAutocomplete"\n           [matChipInputFor]="chipList"\n           [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\n           (matChipInputTokenEnd)="add($event)">\n  </mat-chip-list>\n  <mat-autocomplete #messageTypeAutocomplete="matAutocomplete"\n                    class="tb-autocomplete"\n                    (optionSelected)="selected($event)"\n                    [displayWith]="displayMessageTypeFn">\n    <mat-option *ngFor="let messageType of filteredMessageTypes | async" [value]="messageType">\n      <span [innerHTML]="messageType.name | highlight:searchText"></span>\n    </mat-option>\n    <mat-option *ngIf="(filteredMessageTypes | async)?.length === 0" [value]="null" class="tb-not-found">\n      <div class="tb-not-found-content" (click)="$event.stopPropagation()">\n        <div *ngIf="!textIsNotEmpty(searchText); else searchNotEmpty">\n          <span translate>tb.rulenode.no-message-types-found</span>\n        </div>\n        <ng-template #searchNotEmpty>\n                <span>\n                  {{ translate.get(\'tb.rulenode.no-message-type-matching\',\n                  {messageType: truncate.transform(searchText, true, 6, &apos;...&apos;)}) | async }}\n                </span>\n        </ng-template>\n        <span>\n          <a translate (click)="createMessageType($event, searchText)">tb.rulenode.create-new-message-type</a>\n        </span>\n      </div>\n    </mat-option>\n  </mat-autocomplete>\n  <mat-error *ngIf="chipList.errorState">\n    {{ \'tb.rulenode.message-types-required\' | translate }}\n  </mat-error>\n</mat-form-field>\n',providers:[{provide:i.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return l})),multi:!0}]}),h("design:paramtypes",[o.Store,n.TranslateService,a.TruncatePipe,i.FormBuilder])],r)}(a.PageComponent),ne=function(){function e(){}return e=b([t.NgModule({declarations:[X,ee,te,re],imports:[r.CommonModule,a.SharedModule,m.HomeComponentsModule],exports:[X,ee,te,re]})],e)}(),ae=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.unassignCustomerConfigForm},r.prototype.onConfigurationSet=function(e){this.unassignCustomerConfigForm=this.fb.group({customerNamePattern:[e?e.customerNamePattern:null,[i.Validators.required]],customerCacheExpiration:[e?e.customerCacheExpiration:null,[i.Validators.required,i.Validators.min(0)]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-un-assign-to-customer-config",template:'<section [formGroup]="unassignCustomerConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.customer-name-pattern</mat-label>\n    <input required matInput formControlName="customerNamePattern">\n    <mat-error *ngIf="unassignCustomerConfigForm.get(\'customerNamePattern\').hasError(\'required\')">\n      {{ \'tb.rulenode.customer-name-pattern-required\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.customer-name-pattern-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.customer-cache-expiration</mat-label>\n    <input required type="number" min="0" step="1" matInput formControlName="customerCacheExpiration">\n    <mat-error *ngIf="unassignCustomerConfigForm.get(\'customerCacheExpiration\').hasError(\'required\')">\n      {{ \'tb.rulenode.customer-cache-expiration-required\' | translate }}\n    </mat-error>\n    <mat-error *ngIf="unassignCustomerConfigForm.get(\'customerCacheExpiration\').hasError(\'min\')">\n      {{ \'tb.rulenode.customer-cache-expiration-range\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.customer-cache-expiration-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),oe=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.snsConfigForm},r.prototype.onConfigurationSet=function(e){this.snsConfigForm=this.fb.group({topicArnPattern:[e?e.topicArnPattern:null,[i.Validators.required]],accessKeyId:[e?e.accessKeyId:null,[i.Validators.required]],secretAccessKey:[e?e.secretAccessKey:null,[i.Validators.required]],region:[e?e.region:null,[i.Validators.required]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-sns-config",template:'<section [formGroup]="snsConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.topic-arn-pattern</mat-label>\n    <input required matInput formControlName="topicArnPattern">\n    <mat-error *ngIf="snsConfigForm.get(\'topicArnPattern\').hasError(\'required\')">\n      {{ \'tb.rulenode.topic-arn-pattern-required\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.topic-arn-pattern-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.aws-access-key-id</mat-label>\n    <input required matInput formControlName="accessKeyId">\n    <mat-error *ngIf="snsConfigForm.get(\'accessKeyId\').hasError(\'required\')">\n      {{ \'tb.rulenode.aws-access-key-id-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.aws-secret-access-key</mat-label>\n    <input required matInput formControlName="secretAccessKey">\n    <mat-error *ngIf="snsConfigForm.get(\'secretAccessKey\').hasError(\'required\')">\n      {{ \'tb.rulenode.aws-secret-access-key-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.aws-region</mat-label>\n    <input required matInput formControlName="region">\n    <mat-error *ngIf="snsConfigForm.get(\'region\').hasError(\'required\')">\n      {{ \'tb.rulenode.aws-region-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),ie=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.sqsQueueType=G,n.sqsQueueTypes=Object.keys(G),n.sqsQueueTypeTranslationsMap=z,n}return y(r,e),r.prototype.configForm=function(){return this.sqsConfigForm},r.prototype.onConfigurationSet=function(e){this.sqsConfigForm=this.fb.group({queueType:[e?e.queueType:null,[i.Validators.required]],queueUrlPattern:[e?e.queueUrlPattern:null,[i.Validators.required]],delaySeconds:[e?e.delaySeconds:null,[i.Validators.min(0),i.Validators.max(900)]],messageAttributes:[e?e.messageAttributes:null,[]],accessKeyId:[e?e.accessKeyId:null,[i.Validators.required]],secretAccessKey:[e?e.secretAccessKey:null,[i.Validators.required]],region:[e?e.region:null,[i.Validators.required]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-sqs-config",template:'<section [formGroup]="sqsConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.queue-type</mat-label>\n    <mat-select formControlName="queueType" required>\n      <mat-option *ngFor="let type of sqsQueueTypes" [value]="type">\n        {{ sqsQueueTypeTranslationsMap.get(type) | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.queue-url-pattern</mat-label>\n    <input required matInput formControlName="queueUrlPattern">\n    <mat-error *ngIf="sqsConfigForm.get(\'queueUrlPattern\').hasError(\'required\')">\n      {{ \'tb.rulenode.queue-url-pattern-required\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.queue-url-pattern-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n  <mat-form-field *ngIf="sqsConfigForm.get(\'queueType\').value === sqsQueueType.STANDARD" class="mat-block">\n    <mat-label translate>tb.rulenode.delay-seconds</mat-label>\n    <input required type="number" min="0" max="900" step="1" matInput formControlName="delaySeconds">\n    <mat-error *ngIf="sqsConfigForm.get(\'delaySeconds\').hasError(\'min\')">\n      {{ \'tb.rulenode.min-delay-seconds-message\' | translate }}\n    </mat-error>\n    <mat-error *ngIf="sqsConfigForm.get(\'delaySeconds\').hasError(\'max\')">\n      {{ \'tb.rulenode.max-delay-seconds-message\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <label translate class="tb-title">tb.rulenode.message-attributes</label>\n  <div class="tb-hint" translate>tb.rulenode.message-attributes-hint</div>\n  <tb-kv-map-config\n    required="false"\n    formControlName="messageAttributes"\n    keyText="tb.rulenode.name"\n    keyRequiredText="tb.rulenode.name-required"\n    valText="tb.rulenode.value"\n    valRequiredText="tb.rulenode.value-required">\n  </tb-kv-map-config>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.aws-access-key-id</mat-label>\n    <input required matInput formControlName="accessKeyId">\n    <mat-error *ngIf="sqsConfigForm.get(\'accessKeyId\').hasError(\'required\')">\n      {{ \'tb.rulenode.aws-access-key-id-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.aws-secret-access-key</mat-label>\n    <input required matInput formControlName="secretAccessKey">\n    <mat-error *ngIf="sqsConfigForm.get(\'secretAccessKey\').hasError(\'required\')">\n      {{ \'tb.rulenode.aws-secret-access-key-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.aws-region</mat-label>\n    <input required matInput formControlName="region">\n    <mat-error *ngIf="sqsConfigForm.get(\'region\').hasError(\'required\')">\n      {{ \'tb.rulenode.aws-region-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),le=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.pubSubConfigForm},r.prototype.onConfigurationSet=function(e){this.pubSubConfigForm=this.fb.group({projectId:[e?e.projectId:null,[i.Validators.required]],topicName:[e?e.topicName:null,[i.Validators.required]],serviceAccountKey:[e?e.serviceAccountKey:null,[i.Validators.required]],serviceAccountKeyFileName:[e?e.serviceAccountKeyFileName:null,[i.Validators.required]],messageAttributes:[e?e.messageAttributes:null,[]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-pub-sub-config",template:'<section [formGroup]="pubSubConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.gcp-project-id</mat-label>\n    <input required matInput formControlName="projectId">\n    <mat-error *ngIf="pubSubConfigForm.get(\'projectId\').hasError(\'required\')">\n      {{ \'tb.rulenode.gcp-project-id-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.pubsub-topic-name</mat-label>\n    <input required matInput formControlName="topicName">\n    <mat-error *ngIf="pubSubConfigForm.get(\'topicName\').hasError(\'required\')">\n      {{ \'tb.rulenode.pubsub-topic-name-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <tb-file-input style="padding-bottom: 24px;"\n                 formControlName="serviceAccountKey"\n                 [existingFileName]="pubSubConfigForm.get(\'serviceAccountKeyFileName\').value"\n                 (fileNameChanged)="pubSubConfigForm.get(\'serviceAccountKeyFileName\').setValue($event)"\n                 required\n                 requiredAsError\n                 label="{{\'tb.rulenode.gcp-service-account-key\' | translate}}"\n                 noFileText="tb.rulenode.no-file"\n                 dropLabel="{{\'tb.rulenode.drop-file\' | translate}}">\n  </tb-file-input>\n  <label translate class="tb-title">tb.rulenode.message-attributes</label>\n  <div class="tb-hint" translate>tb.rulenode.message-attributes-hint</div>\n  <tb-kv-map-config\n    required="false"\n    formControlName="messageAttributes"\n    keyText="tb.rulenode.name"\n    keyRequiredText="tb.rulenode.name-required"\n    valText="tb.rulenode.value"\n    valRequiredText="tb.rulenode.value-required">\n  </tb-kv-map-config>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),se=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.ackValues=["all","-1","0","1"],n}return y(r,e),r.prototype.configForm=function(){return this.kafkaConfigForm},r.prototype.onConfigurationSet=function(e){this.kafkaConfigForm=this.fb.group({topicPattern:[e?e.topicPattern:null,[i.Validators.required]],bootstrapServers:[e?e.bootstrapServers:null,[i.Validators.required]],retries:[e?e.retries:null,[i.Validators.min(0)]],batchSize:[e?e.batchSize:null,[i.Validators.min(0)]],linger:[e?e.linger:null,[i.Validators.min(0)]],bufferMemory:[e?e.bufferMemory:null,[i.Validators.min(0)]],acks:[e?e.acks:null,[i.Validators.required]],keySerializer:[e?e.keySerializer:null,[i.Validators.required]],valueSerializer:[e?e.valueSerializer:null,[i.Validators.required]],otherProperties:[e?e.otherProperties:null,[]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-kafka-config",template:'<section [formGroup]="kafkaConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.topic-pattern</mat-label>\n    <input required matInput formControlName="topicPattern">\n    <mat-error *ngIf="kafkaConfigForm.get(\'topicPattern\').hasError(\'required\')">\n      {{ \'tb.rulenode.topic-pattern-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.bootstrap-servers</mat-label>\n    <input required matInput formControlName="bootstrapServers">\n    <mat-error *ngIf="kafkaConfigForm.get(\'bootstrapServers\').hasError(\'required\')">\n      {{ \'tb.rulenode.bootstrap-servers-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.retries</mat-label>\n    <input type="number" step="1" min="0" matInput formControlName="retries">\n    <mat-error *ngIf="kafkaConfigForm.get(\'retries\').hasError(\'min\')">\n      {{ \'tb.rulenode.min-retries-message\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.batch-size-bytes</mat-label>\n    <input type="number" step="1" min="0" matInput formControlName="batchSize">\n    <mat-error *ngIf="kafkaConfigForm.get(\'batchSize\').hasError(\'min\')">\n      {{ \'tb.rulenode.min-batch-size-bytes-message\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.linger-ms</mat-label>\n    <input type="number" step="1" min="0" matInput formControlName="linger">\n    <mat-error *ngIf="kafkaConfigForm.get(\'linger\').hasError(\'min\')">\n      {{ \'tb.rulenode.min-linger-ms-message\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.buffer-memory-bytes</mat-label>\n    <input type="number" step="1" min="0" matInput formControlName="bufferMemory">\n    <mat-error *ngIf="kafkaConfigForm.get(\'bufferMemory\').hasError(\'min\')">\n      {{ \'tb.rulenode.min-buffer-memory-bytes-message\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.acks</mat-label>\n    <mat-select formControlName="acks" required>\n      <mat-option *ngFor="let ackValue of ackValues" [value]="ackValue">\n        {{ ackValue }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.key-serializer</mat-label>\n    <input required matInput formControlName="keySerializer">\n    <mat-error *ngIf="kafkaConfigForm.get(\'keySerializer\').hasError(\'required\')">\n      {{ \'tb.rulenode.key-serializer-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.value-serializer</mat-label>\n    <input required matInput formControlName="valueSerializer">\n    <mat-error *ngIf="kafkaConfigForm.get(\'valueSerializer\').hasError(\'required\')">\n      {{ \'tb.rulenode.value-serializer-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <label translate class="tb-title">tb.rulenode.other-properties</label>\n  <tb-kv-map-config\n    required="false"\n    formControlName="otherProperties"\n    keyText="tb.rulenode.key"\n    keyRequiredText="tb.rulenode.key-required"\n    valText="tb.rulenode.value"\n    valRequiredText="tb.rulenode.value-required">\n  </tb-kv-map-config>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),me=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.allMqttCredentialsTypes=$,n.mqttCredentialsTypeTranslationsMap=_,n}return y(r,e),r.prototype.configForm=function(){return this.mqttConfigForm},r.prototype.onConfigurationSet=function(e){this.mqttConfigForm=this.fb.group({topicPattern:[e?e.topicPattern:null,[i.Validators.required]],host:[e?e.host:null,[i.Validators.required]],port:[e?e.port:null,[i.Validators.required,i.Validators.min(1),i.Validators.max(65535)]],connectTimeoutSec:[e?e.connectTimeoutSec:null,[i.Validators.required,i.Validators.min(1),i.Validators.max(200)]],clientId:[e?e.clientId:null,[]],cleanSession:[!!e&&e.cleanSession,[]],ssl:[!!e&&e.ssl,[]],credentials:this.fb.group({type:[e&&e.credentials?e.credentials.type:null,[i.Validators.required]],username:[e&&e.credentials?e.credentials.username:null,[]],password:[e&&e.credentials?e.credentials.password:null,[]],caCert:[e&&e.credentials?e.credentials.caCert:null,[]],caCertFileName:[e&&e.credentials?e.credentials.caCertFileName:null,[]],privateKey:[e&&e.credentials?e.credentials.privateKey:null,[]],privateKeyFileName:[e&&e.credentials?e.credentials.privateKeyFileName:null,[]],cert:[e&&e.credentials?e.credentials.cert:null,[]],certFileName:[e&&e.credentials?e.credentials.certFileName:null,[]]})})},r.prototype.prepareOutputConfig=function(e){var t=e.credentials.type;switch(t){case"anonymous":e.credentials={type:t};break;case"basic":e.credentials={type:t,username:e.credentials.username,password:e.credentials.password};break;case"cert.PEM":delete e.credentials.username}return e},r.prototype.validatorTriggers=function(){return["credentials.type"]},r.prototype.updateValidators=function(e){var t=this.mqttConfigForm.get("credentials"),r=t.get("type").value;switch(e&&t.reset({type:r},{emitEvent:!1}),t.get("username").setValidators([]),t.get("password").setValidators([]),t.get("caCert").setValidators([]),t.get("caCertFileName").setValidators([]),t.get("privateKey").setValidators([]),t.get("privateKeyFileName").setValidators([]),t.get("cert").setValidators([]),t.get("certFileName").setValidators([]),r){case"anonymous":break;case"basic":t.get("username").setValidators([i.Validators.required]),t.get("password").setValidators([i.Validators.required]);break;case"cert.PEM":t.get("caCert").setValidators([i.Validators.required]),t.get("caCertFileName").setValidators([i.Validators.required]),t.get("privateKey").setValidators([i.Validators.required]),t.get("privateKeyFileName").setValidators([i.Validators.required]),t.get("cert").setValidators([i.Validators.required]),t.get("certFileName").setValidators([i.Validators.required])}t.get("username").updateValueAndValidity({emitEvent:e}),t.get("password").updateValueAndValidity({emitEvent:e}),t.get("caCert").updateValueAndValidity({emitEvent:e}),t.get("caCertFileName").updateValueAndValidity({emitEvent:e}),t.get("privateKey").updateValueAndValidity({emitEvent:e}),t.get("privateKeyFileName").updateValueAndValidity({emitEvent:e}),t.get("cert").updateValueAndValidity({emitEvent:e}),t.get("certFileName").updateValueAndValidity({emitEvent:e})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-mqtt-config",template:'<section [formGroup]="mqttConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.topic-pattern</mat-label>\n    <input required matInput formControlName="topicPattern">\n    <mat-error *ngIf="mqttConfigForm.get(\'topicPattern\').hasError(\'required\')">\n      {{ \'tb.rulenode.topic-pattern-required\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.mqtt-topic-pattern-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n  <div fxFlex fxLayout="column" fxLayout.gt-sm="row" fxLayoutGap.gt-sm="8px">\n    <mat-form-field fxFlex="60" class="mat-block">\n      <mat-label translate>tb.rulenode.host</mat-label>\n      <input required matInput formControlName="host">\n      <mat-error *ngIf="mqttConfigForm.get(\'host\').hasError(\'required\')">\n        {{ \'tb.rulenode.host-required\' | translate }}\n      </mat-error>\n    </mat-form-field>\n    <mat-form-field fxFlex="40" class="mat-block">\n      <mat-label translate>tb.rulenode.port</mat-label>\n      <input required type="number" step="1" min="1" max="65535" matInput formControlName="port">\n      <mat-error *ngIf="mqttConfigForm.get(\'port\').hasError(\'required\')">\n        {{ \'tb.rulenode.port-required\' | translate }}\n      </mat-error>\n      <mat-error *ngIf="mqttConfigForm.get(\'port\').hasError(\'min\')">\n        {{ \'tb.rulenode.port-range\' | translate }}\n      </mat-error>\n      <mat-error *ngIf="mqttConfigForm.get(\'port\').hasError(\'max\')">\n        {{ \'tb.rulenode.port-range\' | translate }}\n      </mat-error>\n    </mat-form-field>\n    <mat-form-field fxFlex="40" class="mat-block">\n      <mat-label translate>tb.rulenode.connect-timeout</mat-label>\n      <input required type="number" step="1" min="1" max="200" matInput formControlName="connectTimeoutSec">\n      <mat-error *ngIf="mqttConfigForm.get(\'connectTimeoutSec\').hasError(\'required\')">\n        {{ \'tb.rulenode.connect-timeout-required\' | translate }}\n      </mat-error>\n      <mat-error *ngIf="mqttConfigForm.get(\'connectTimeoutSec\').hasError(\'min\')">\n        {{ \'tb.rulenode.connect-timeout-range\' | translate }}\n      </mat-error>\n      <mat-error *ngIf="mqttConfigForm.get(\'connectTimeoutSec\').hasError(\'max\')">\n        {{ \'tb.rulenode.connect-timeout-range\' | translate }}\n      </mat-error>\n    </mat-form-field>\n  </div>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.client-id</mat-label>\n    <input matInput formControlName="clientId">\n  </mat-form-field>\n  <mat-checkbox formControlName="cleanSession" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.clean-session\' | translate }}\n  </mat-checkbox>\n  <mat-checkbox formControlName="ssl" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.enable-ssl\' | translate }}\n  </mat-checkbox>\n  <mat-expansion-panel class="tb-mqtt-credentials-panel-group">\n    <mat-expansion-panel-header>\n      <mat-panel-title translate>tb.rulenode.credentials</mat-panel-title>\n      <mat-panel-description>\n        {{ mqttCredentialsTypeTranslationsMap.get(mqttConfigForm.get(\'credentials\').get(\'type\').value) | translate }}\n      </mat-panel-description>\n    </mat-expansion-panel-header>\n    <section formGroupName="credentials" fxLayout="column">\n      <mat-form-field class="mat-block">\n        <mat-label translate>tb.rulenode.credentials-type</mat-label>\n        <mat-select formControlName="type" required>\n          <mat-option *ngFor="let credentialsType of allMqttCredentialsTypes" [value]="credentialsType">\n            {{ mqttCredentialsTypeTranslationsMap.get(credentialsType) | translate }}\n          </mat-option>\n        </mat-select>\n        <mat-error *ngIf="mqttConfigForm.get(\'credentials\').get(\'type\').hasError(\'required\')">\n          {{ \'tb.rulenode.credentials-type-required\' | translate }}\n        </mat-error>\n      </mat-form-field>\n      <section fxLayout="column" [ngSwitch]="mqttConfigForm.get(\'credentials\').get(\'type\').value">\n        <ng-template ngSwitchCase="anonymous">\n        </ng-template>\n        <ng-template ngSwitchCase="basic">\n          <mat-form-field class="mat-block">\n            <mat-label translate>tb.rulenode.username</mat-label>\n            <input required matInput formControlName="username">\n            <mat-error *ngIf="mqttConfigForm.get(\'credentials\').get(\'username\').hasError(\'required\')">\n              {{ \'tb.rulenode.username-required\' | translate }}\n            </mat-error>\n          </mat-form-field>\n          <mat-form-field class="mat-block">\n            <mat-label translate>tb.rulenode.password</mat-label>\n            <input type="password" required matInput formControlName="password">\n            <mat-error *ngIf="mqttConfigForm.get(\'credentials\').get(\'password\').hasError(\'required\')">\n              {{ \'tb.rulenode.password-required\' | translate }}\n            </mat-error>\n          </mat-form-field>\n        </ng-template>\n        <ng-template ngSwitchCase="cert.PEM">\n          <tb-file-input formControlName="caCert"\n                         inputId="caCertSelect"\n                         [existingFileName]="mqttConfigForm.get(\'credentials\').get(\'caCertFileName\').value"\n                         (fileNameChanged)="mqttConfigForm.get(\'credentials\').get(\'caCertFileName\').setValue($event)"\n                         required\n                         requiredAsError\n                         label="{{\'tb.rulenode.ca-cert\' | translate}}"\n                         noFileText="tb.rulenode.no-file"\n                         dropLabel="{{\'tb.rulenode.drop-file\' | translate}}">\n          </tb-file-input>\n          <tb-file-input formControlName="cert"\n                         inputId="CertSelect"\n                         [existingFileName]="mqttConfigForm.get(\'credentials\').get(\'certFileName\').value"\n                         (fileNameChanged)="mqttConfigForm.get(\'credentials\').get(\'certFileName\').setValue($event)"\n                         required\n                         requiredAsError\n                         label="{{\'tb.rulenode.cert\' | translate}}"\n                         noFileText="tb.rulenode.no-file"\n                         dropLabel="{{\'tb.rulenode.drop-file\' | translate}}">\n          </tb-file-input>\n          <tb-file-input style="padding-bottom: 8px;"\n                         formControlName="privateKey"\n                         inputId="privateKeySelect"\n                         [existingFileName]="mqttConfigForm.get(\'credentials\').get(\'privateKeyFileName\').value"\n                         (fileNameChanged)="mqttConfigForm.get(\'credentials\').get(\'privateKeyFileName\').setValue($event)"\n                         required\n                         requiredAsError\n                         label="{{\'tb.rulenode.private-key\' | translate}}"\n                         noFileText="tb.rulenode.no-file"\n                         dropLabel="{{\'tb.rulenode.drop-file\' | translate}}">\n          </tb-file-input>\n          <mat-form-field class="mat-block">\n            <mat-label translate>tb.rulenode.private-key-password</mat-label>\n            <input type="password" matInput formControlName="password">\n          </mat-form-field>\n        </ng-template>\n      </section>\n    </section>\n  </mat-expansion-panel>\n</section>\n',styles:[":host .tb-mqtt-credentials-panel-group{margin:0 6px}"]}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),ue=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.messageProperties=[null,"BASIC","TEXT_PLAIN","MINIMAL_BASIC","MINIMAL_PERSISTENT_BASIC","PERSISTENT_BASIC","PERSISTENT_TEXT_PLAIN"],n}return y(r,e),r.prototype.configForm=function(){return this.rabbitMqConfigForm},r.prototype.onConfigurationSet=function(e){this.rabbitMqConfigForm=this.fb.group({exchangeNamePattern:[e?e.exchangeNamePattern:null,[]],routingKeyPattern:[e?e.routingKeyPattern:null,[]],messageProperties:[e?e.messageProperties:null,[]],host:[e?e.host:null,[i.Validators.required]],port:[e?e.port:null,[i.Validators.required,i.Validators.min(1),i.Validators.max(65535)]],virtualHost:[e?e.virtualHost:null,[]],username:[e?e.username:null,[]],password:[e?e.password:null,[]],automaticRecoveryEnabled:[!!e&&e.automaticRecoveryEnabled,[]],connectionTimeout:[e?e.connectionTimeout:null,[i.Validators.min(0)]],handshakeTimeout:[e?e.handshakeTimeout:null,[i.Validators.min(0)]],clientProperties:[e?e.clientProperties:null,[]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-rabbit-mq-config",template:'<section [formGroup]="rabbitMqConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.exchange-name-pattern</mat-label>\n    <input matInput formControlName="exchangeNamePattern">\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.routing-key-pattern</mat-label>\n    <input matInput formControlName="routingKeyPattern">\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.message-properties</mat-label>\n    <mat-select formControlName="messageProperties">\n      <mat-option *ngFor="let property of messageProperties" [value]="property">\n        {{ property }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n  <div fxLayout.gt-sm="row" fxLayoutGap.gt-sm="8px">\n    <mat-form-field fxFlex="100" fxFlex.gt-sm="60" class="mat-block">\n      <mat-label translate>tb.rulenode.host</mat-label>\n      <input required matInput formControlName="host">\n      <mat-error *ngIf="rabbitMqConfigForm.get(\'host\').hasError(\'required\')">\n        {{ \'tb.rulenode.host-required\' | translate }}\n      </mat-error>\n    </mat-form-field>\n    <mat-form-field fxFlex="100" fxFlex.gt-sm="40" class="mat-block">\n      <mat-label translate>tb.rulenode.port</mat-label>\n      <input required type="number" step="1" min="1" max="65535" matInput formControlName="port">\n      <mat-error *ngIf="rabbitMqConfigForm.get(\'port\').hasError(\'required\')">\n        {{ \'tb.rulenode.port-required\' | translate }}\n      </mat-error>\n      <mat-error *ngIf="rabbitMqConfigForm.get(\'port\').hasError(\'min\')">\n        {{ \'tb.rulenode.port-range\' | translate }}\n      </mat-error>\n      <mat-error *ngIf="rabbitMqConfigForm.get(\'port\').hasError(\'max\')">\n        {{ \'tb.rulenode.port-range\' | translate }}\n      </mat-error>\n    </mat-form-field>\n  </div>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.virtual-host</mat-label>\n    <input matInput formControlName="virtualHost">\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.username</mat-label>\n    <input matInput formControlName="username">\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.password</mat-label>\n    <input type="password" matInput formControlName="password">\n  </mat-form-field>\n  <mat-checkbox formControlName="automaticRecoveryEnabled" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.automatic-recovery\' | translate }}\n  </mat-checkbox>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.connection-timeout-ms</mat-label>\n    <input type="number" step="1" min="0" matInput formControlName="connectionTimeout">\n    <mat-error *ngIf="rabbitMqConfigForm.get(\'connectionTimeout\').hasError(\'min\')">\n      {{ \'tb.rulenode.min-connection-timeout-ms-message\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.handshake-timeout-ms</mat-label>\n    <input type="number" step="1" min="0" matInput formControlName="handshakeTimeout">\n    <mat-error *ngIf="rabbitMqConfigForm.get(\'handshakeTimeout\').hasError(\'min\')">\n      {{ \'tb.rulenode.min-handshake-timeout-ms-message\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <label translate class="tb-title">tb.rulenode.client-properties</label>\n  <tb-kv-map-config\n    required="false"\n    formControlName="clientProperties"\n    keyText="tb.rulenode.key"\n    keyRequiredText="tb.rulenode.key-required"\n    valText="tb.rulenode.value"\n    valRequiredText="tb.rulenode.value-required">\n  </tb-kv-map-config>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),de=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.httpRequestTypes=Object.keys(Q),n}return y(r,e),r.prototype.configForm=function(){return this.restApiCallConfigForm},r.prototype.onConfigurationSet=function(e){this.restApiCallConfigForm=this.fb.group({restEndpointUrlPattern:[e?e.restEndpointUrlPattern:null,[i.Validators.required]],requestMethod:[e?e.requestMethod:null,[i.Validators.required]],useSimpleClientHttpFactory:[!!e&&e.useSimpleClientHttpFactory,[]],readTimeoutMs:[e?e.readTimeoutMs:null,[]],maxParallelRequestsCount:[e?e.maxParallelRequestsCount:null,[i.Validators.min(0)]],headers:[e?e.headers:null,[]],useRedisQueueForMsgPersistence:[!!e&&e.useRedisQueueForMsgPersistence,[]],trimQueue:[!!e&&e.trimQueue,[]],maxQueueSize:[e?e.maxQueueSize:null,[]]})},r.prototype.validatorTriggers=function(){return["useSimpleClientHttpFactory","useRedisQueueForMsgPersistence"]},r.prototype.updateValidators=function(e){var t=this.restApiCallConfigForm.get("useSimpleClientHttpFactory").value,r=this.restApiCallConfigForm.get("useRedisQueueForMsgPersistence").value;t?this.restApiCallConfigForm.get("readTimeoutMs").setValidators([]):this.restApiCallConfigForm.get("readTimeoutMs").setValidators([i.Validators.min(0)]),r?this.restApiCallConfigForm.get("maxQueueSize").setValidators([i.Validators.min(0)]):this.restApiCallConfigForm.get("maxQueueSize").setValidators([]),this.restApiCallConfigForm.get("readTimeoutMs").updateValueAndValidity({emitEvent:e}),this.restApiCallConfigForm.get("maxQueueSize").updateValueAndValidity({emitEvent:e})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-rest-api-call-config",template:'<section [formGroup]="restApiCallConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.endpoint-url-pattern</mat-label>\n    <input required matInput formControlName="restEndpointUrlPattern">\n    <mat-error *ngIf="restApiCallConfigForm.get(\'restEndpointUrlPattern\').hasError(\'required\')">\n      {{ \'tb.rulenode.endpoint-url-pattern-required\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.endpoint-url-pattern-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.request-method</mat-label>\n    <mat-select formControlName="requestMethod">\n      <mat-option *ngFor="let requestType of httpRequestTypes" [value]="requestType">\n        {{ requestType }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n  <mat-checkbox formControlName="useSimpleClientHttpFactory" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.use-simple-client-http-factory\' | translate }}\n  </mat-checkbox>\n  <mat-form-field *ngIf="restApiCallConfigForm.get(\'useSimpleClientHttpFactory\').value === false" class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.read-timeout</mat-label>\n    <input type="number" step="1" min="0" matInput formControlName="readTimeoutMs">\n    <mat-hint innerHTML="{{ \'tb.rulenode.read-timeout-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.max-parallel-requests-count</mat-label>\n    <input type="number" step="1" min="0" matInput formControlName="maxParallelRequestsCount">\n    <mat-hint innerHTML="{{ \'tb.rulenode.max-parallel-requests-count-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n  <label translate class="tb-title">tb.rulenode.headers</label>\n  <div class="tb-hint" translate>tb.rulenode.headers-hint</div>\n  <tb-kv-map-config\n    required="false"\n    formControlName="headers"\n    keyText="tb.rulenode.header"\n    keyRequiredText="tb.rulenode.header-required"\n    valText="tb.rulenode.value"\n    valRequiredText="tb.rulenode.value-required">\n  </tb-kv-map-config>\n  <mat-checkbox formControlName="useRedisQueueForMsgPersistence" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.use-redis-queue\' | translate }}\n  </mat-checkbox>\n  <div fxLayout="column" *ngIf="restApiCallConfigForm.get(\'useRedisQueueForMsgPersistence\').value === true">\n    <mat-checkbox formControlName="trimQueue" style="padding-bottom: 16px;">\n      {{ \'tb.rulenode.trim-redis-queue\' | translate }}\n    </mat-checkbox>\n    <mat-form-field class="mat-block">\n      <mat-label translate>tb.rulenode.redis-queue-max-size</mat-label>\n      <input type="number" step="1" min="0" matInput formControlName="maxQueueSize">\n    </mat-form-field>\n  </div>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),pe=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.smtpProtocols=["smtp","smtps"],n.tlsVersions=["TLSv1.0","TLSv1.1","TLSv1.2","TLSv1.3"],n}return y(r,e),r.prototype.configForm=function(){return this.sendEmailConfigForm},r.prototype.onConfigurationSet=function(e){this.sendEmailConfigForm=this.fb.group({useSystemSmtpSettings:[!!e&&e.useSystemSmtpSettings,[]],smtpProtocol:[e?e.smtpProtocol:null,[]],smtpHost:[e?e.smtpHost:null,[]],smtpPort:[e?e.smtpPort:null,[]],timeout:[e?e.timeout:null,[]],enableTls:[!!e&&e.enableTls,[]],tlsVersion:[e?e.tlsVersion:null,[]],username:[e?e.username:null,[]],password:[e?e.password:null,[]]})},r.prototype.validatorTriggers=function(){return["useSystemSmtpSettings"]},r.prototype.updateValidators=function(e){this.sendEmailConfigForm.get("useSystemSmtpSettings").value?(this.sendEmailConfigForm.get("smtpProtocol").setValidators([]),this.sendEmailConfigForm.get("smtpHost").setValidators([]),this.sendEmailConfigForm.get("smtpPort").setValidators([]),this.sendEmailConfigForm.get("timeout").setValidators([])):(this.sendEmailConfigForm.get("smtpProtocol").setValidators([i.Validators.required]),this.sendEmailConfigForm.get("smtpHost").setValidators([i.Validators.required]),this.sendEmailConfigForm.get("smtpPort").setValidators([i.Validators.required,i.Validators.min(1),i.Validators.max(65535)]),this.sendEmailConfigForm.get("timeout").setValidators([i.Validators.required,i.Validators.min(0)])),this.sendEmailConfigForm.get("smtpProtocol").updateValueAndValidity({emitEvent:e}),this.sendEmailConfigForm.get("smtpHost").updateValueAndValidity({emitEvent:e}),this.sendEmailConfigForm.get("smtpPort").updateValueAndValidity({emitEvent:e}),this.sendEmailConfigForm.get("timeout").updateValueAndValidity({emitEvent:e})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-action-node-send-email-config",template:'<section [formGroup]="sendEmailConfigForm" fxLayout="column">\n  <mat-checkbox formControlName="useSystemSmtpSettings" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.use-system-smtp-settings\' | translate }}\n  </mat-checkbox>\n  <section fxLayout="column" *ngIf="sendEmailConfigForm.get(\'useSystemSmtpSettings\').value === false">\n    <mat-form-field class="mat-block">\n      <mat-label translate>tb.rulenode.smtp-protocol</mat-label>\n      <mat-select formControlName="smtpProtocol">\n        <mat-option *ngFor="let smtpProtocol of smtpProtocols" [value]="smtpProtocol">\n          {{ smtpProtocol.toUpperCase() }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n    <div fxLayout.gt-sm="row" fxLayoutGap.gt-sm="8px">\n      <mat-form-field fxFlex="100" fxFlex.gt-sm="60" class="mat-block">\n        <mat-label translate>tb.rulenode.smtp-host</mat-label>\n        <input required matInput formControlName="smtpHost">\n        <mat-error *ngIf="sendEmailConfigForm.get(\'smtpHost\').hasError(\'required\')">\n          {{ \'tb.rulenode.smtp-host-required\' | translate }}\n        </mat-error>\n      </mat-form-field>\n      <mat-form-field fxFlex="100" fxFlex.gt-sm="40" class="mat-block">\n        <mat-label translate>tb.rulenode.smtp-port</mat-label>\n        <input required type="number" step="1" min="1" max="65535" matInput formControlName="smtpPort">\n        <mat-error *ngIf="sendEmailConfigForm.get(\'smtpPort\').hasError(\'required\')">\n          {{ \'tb.rulenode.smtp-port-required\' | translate }}\n        </mat-error>\n        <mat-error *ngIf="sendEmailConfigForm.get(\'smtpPort\').hasError(\'min\')">\n          {{ \'tb.rulenode.smtp-port-range\' | translate }}\n        </mat-error>\n        <mat-error *ngIf="sendEmailConfigForm.get(\'smtpPort\').hasError(\'max\')">\n          {{ \'tb.rulenode.smtp-port-range\' | translate }}\n        </mat-error>\n      </mat-form-field>\n    </div>\n    <mat-form-field class="mat-block">\n      <mat-label translate>tb.rulenode.timeout-msec</mat-label>\n      <input required type="number" step="1" min="0" matInput formControlName="timeout">\n      <mat-error *ngIf="sendEmailConfigForm.get(\'timeout\').hasError(\'required\')">\n        {{ \'tb.rulenode.timeout-required\' | translate }}\n      </mat-error>\n      <mat-error *ngIf="sendEmailConfigForm.get(\'timeout\').hasError(\'min\')">\n        {{ \'tb.rulenode.min-timeout-msec-message\' | translate }}\n      </mat-error>\n    </mat-form-field>\n    <mat-checkbox formControlName="enableTls" style="padding-bottom: 16px;">\n      {{ \'tb.rulenode.enable-tls\' | translate }}\n    </mat-checkbox>\n    <mat-form-field class="mat-block" *ngIf="sendEmailConfigForm.get(\'enableTls\').value === true">\n      <mat-label translate>tb.rulenode.tls-version</mat-label>\n      <mat-select formControlName="tlsVersion">\n        <mat-option *ngFor="let tlsVersion of tlsVersions" [value]="tlsVersion">\n          {{ tlsVersion }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n    <mat-form-field class="mat-block" floatLabel="always">\n      <mat-label translate>tb.rulenode.username</mat-label>\n      <input matInput placeholder="{{ \'tb.rulenode.enter-username\' | translate }}" formControlName="username">\n    </mat-form-field>\n    <mat-form-field class="mat-block" floatLabel="always">\n      <mat-label translate>tb.rulenode.password</mat-label>\n      <input matInput type="password" placeholder="{{ \'tb.rulenode.enter-password\' | translate }}" formControlName="password">\n    </mat-form-field>\n  </section>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),ce=function(){function e(){}return e=b([t.NgModule({declarations:[T,x,q,I,S,N,k,V,E,A,L,J,W,Y,Z,ae,oe,ie,le,se,me,ue,de,pe],imports:[r.CommonModule,a.SharedModule,ne],exports:[T,x,q,I,S,N,k,V,E,A,L,J,W,Y,Z,ae,oe,ie,le,se,me,ue,de,pe]})],e)}(),fe=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.separatorKeysCodes=[s.ENTER,s.COMMA,s.SEMICOLON],n}return y(r,e),r.prototype.configForm=function(){return this.checkMessageConfigForm},r.prototype.onConfigurationSet=function(e){this.checkMessageConfigForm=this.fb.group({messageNames:[e?e.messageNames:null,[]],metadataNames:[e?e.metadataNames:null,[]],checkAllKeys:[!!e&&e.checkAllKeys,[]]})},r.prototype.validateConfig=function(){var e=this.checkMessageConfigForm.get("messageNames").value,t=this.checkMessageConfigForm.get("metadataNames").value;return e.length>0||t.length>0},r.prototype.removeMessageName=function(e){var t=this.checkMessageConfigForm.get("messageNames").value,r=t.indexOf(e);r>=0&&(t.splice(r,1),this.checkMessageConfigForm.get("messageNames").setValue(t,{emitEvent:!0}))},r.prototype.removeMetadataName=function(e){var t=this.checkMessageConfigForm.get("metadataNames").value,r=t.indexOf(e);r>=0&&(t.splice(r,1),this.checkMessageConfigForm.get("metadataNames").setValue(t,{emitEvent:!0}))},r.prototype.addMessageName=function(e){var t=e.input,r=e.value;if((r||"").trim()){r=r.trim();var n=this.checkMessageConfigForm.get("messageNames").value;n&&-1!==n.indexOf(r)||(n||(n=[]),n.push(r),this.checkMessageConfigForm.get("messageNames").setValue(n,{emitEvent:!0}))}t&&(t.value="")},r.prototype.addMetadataName=function(e){var t=e.input,r=e.value;if((r||"").trim()){r=r.trim();var n=this.checkMessageConfigForm.get("metadataNames").value;n&&-1!==n.indexOf(r)||(n||(n=[]),n.push(r),this.checkMessageConfigForm.get("metadataNames").setValue(n,{emitEvent:!0}))}t&&(t.value="")},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-filter-node-check-message-config",template:'<section [formGroup]="checkMessageConfigForm" fxLayout="column">\n  <label translate class="tb-title no-padding tb-required">tb.rulenode.data-keys</label>\n  <mat-form-field floatLabel="always" class="mat-block">\n    <mat-label></mat-label>\n    <mat-chip-list #messageNamesChipList>\n      <mat-chip\n        *ngFor="let messageName of checkMessageConfigForm.get(\'messageNames\').value;"\n        (removed)="removeMessageName(messageName)">\n        {{messageName}}\n        <mat-icon matChipRemove>close</mat-icon>\n      </mat-chip>\n      <input matInput type="text" placeholder="{{\'tb.rulenode.data-keys\' | translate}}"\n             style="max-width: 200px;"\n             [matChipInputFor]="messageNamesChipList"\n             [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\n             (matChipInputTokenEnd)="addMessageName($event)"\n             [matChipInputAddOnBlur]="true">\n    </mat-chip-list>\n  </mat-form-field>\n  <div class="tb-hint" translate>tb.rulenode.separator-hint</div>\n  <label translate class="tb-title no-padding tb-required">tb.rulenode.metadata-keys</label>\n  <mat-form-field floatLabel="always" class="mat-block">\n    <mat-label></mat-label>\n    <mat-chip-list #metadataNamesChipList>\n      <mat-chip\n        *ngFor="let metadataName of checkMessageConfigForm.get(\'metadataNames\').value;"\n        (removed)="removeMetadataName(metadataName)">\n        {{metadataName}}\n        <mat-icon matChipRemove>close</mat-icon>\n      </mat-chip>\n      <input matInput type="text" placeholder="{{\'tb.rulenode.metadata-keys\' | translate}}"\n             style="max-width: 200px;"\n             [matChipInputFor]="metadataNamesChipList"\n             [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\n             (matChipInputTokenEnd)="addMetadataName($event)"\n             [matChipInputAddOnBlur]="true">\n    </mat-chip-list>\n  </mat-form-field>\n  <div class="tb-hint" translate>tb.rulenode.separator-hint</div>\n  <mat-checkbox fxFlex formControlName="checkAllKeys" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.check-all-keys\' | translate }}\n  </mat-checkbox>\n  <div class="tb-hint" translate>tb.rulenode.check-all-keys-hint</div>\n</section>\n',styles:[":host label.tb-title{margin-bottom:-10px}"]}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),ge=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.entitySearchDirection=Object.keys(a.EntitySearchDirection),n.entitySearchDirectionTranslationsMap=a.entitySearchDirectionTranslations,n}return y(r,e),r.prototype.configForm=function(){return this.checkRelationConfigForm},r.prototype.onConfigurationSet=function(e){this.checkRelationConfigForm=this.fb.group({checkForSingleEntity:[!!e&&e.checkForSingleEntity,[]],direction:[e?e.direction:null,[]],entityType:[e?e.entityType:null,e&&e.checkForSingleEntity?[i.Validators.required]:[]],entityId:[e?e.entityId:null,e&&e.checkForSingleEntity?[i.Validators.required]:[]],relationType:[e?e.relationType:null,[i.Validators.required]]})},r.prototype.validatorTriggers=function(){return["checkForSingleEntity"]},r.prototype.updateValidators=function(e){var t=this.checkRelationConfigForm.get("checkForSingleEntity").value;this.checkRelationConfigForm.get("entityType").setValidators(t?[i.Validators.required]:[]),this.checkRelationConfigForm.get("entityType").updateValueAndValidity({emitEvent:e}),this.checkRelationConfigForm.get("entityId").setValidators(t?[i.Validators.required]:[]),this.checkRelationConfigForm.get("entityId").updateValueAndValidity({emitEvent:e})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-filter-node-check-relation-config",template:'<section [formGroup]="checkRelationConfigForm" fxLayout="column">\n  <mat-checkbox fxFlex formControlName="checkForSingleEntity" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.check-relation-to-specific-entity\' | translate }}\n  </mat-checkbox>\n  <div class="tb-hint" translate>tb.rulenode.check-relation-hint</div>\n  <mat-form-field class="mat-block" style="min-width: 100px;">\n    <mat-label translate>relation.direction</mat-label>\n    <mat-select formControlName="direction" required>\n      <mat-option *ngFor="let direction of entitySearchDirection" [value]="direction">\n        {{ entitySearchDirectionTranslationsMap.get(direction) | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n  <div fxLayout="row" *ngIf="checkRelationConfigForm.get(\'checkForSingleEntity\').value" style="padding-top: 20px">\n    <tb-entity-type-select\n      style="min-width: 100px; padding-bottom: 20px; padding-right: 8px;"\n      showLabel\n      required\n      formControlName="entityType">\n    </tb-entity-type-select>\n    <tb-entity-autocomplete\n      fxFlex\n      required\n      *ngIf="checkRelationConfigForm.get(\'entityType\').value"\n      [entityType]="checkRelationConfigForm.get(\'entityType\').value"\n      formControlName="entityId">\n    </tb-entity-autocomplete>\n  </div>\n  <tb-relation-type-autocomplete\n    required\n    formControlName="relationType">\n  </tb-relation-type-autocomplete>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),ye=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.perimeterType=M,n.perimeterTypes=Object.keys(M),n.perimeterTypeTranslationMap=w,n.rangeUnits=Object.keys(D),n.rangeUnitTranslationMap=B,n}return y(r,e),r.prototype.configForm=function(){return this.geoFilterConfigForm},r.prototype.onConfigurationSet=function(e){this.geoFilterConfigForm=this.fb.group({latitudeKeyName:[e?e.latitudeKeyName:null,[i.Validators.required]],longitudeKeyName:[e?e.longitudeKeyName:null,[i.Validators.required]],fetchPerimeterInfoFromMessageMetadata:[!!e&&e.fetchPerimeterInfoFromMessageMetadata,[]],perimeterType:[e?e.perimeterType:null,[]],centerLatitude:[e?e.centerLatitude:null,[]],centerLongitude:[e?e.centerLatitude:null,[]],range:[e?e.range:null,[]],rangeUnit:[e?e.rangeUnit:null,[]],polygonsDefinition:[e?e.polygonsDefinition:null,[]]})},r.prototype.validatorTriggers=function(){return["fetchPerimeterInfoFromMessageMetadata","perimeterType"]},r.prototype.updateValidators=function(e){var t=this.geoFilterConfigForm.get("fetchPerimeterInfoFromMessageMetadata").value,r=this.geoFilterConfigForm.get("perimeterType").value;t?this.geoFilterConfigForm.get("perimeterType").setValidators([]):this.geoFilterConfigForm.get("perimeterType").setValidators([i.Validators.required]),t||r!==M.CIRCLE?(this.geoFilterConfigForm.get("centerLatitude").setValidators([]),this.geoFilterConfigForm.get("centerLongitude").setValidators([]),this.geoFilterConfigForm.get("range").setValidators([]),this.geoFilterConfigForm.get("rangeUnit").setValidators([])):(this.geoFilterConfigForm.get("centerLatitude").setValidators([i.Validators.required,i.Validators.min(-90),i.Validators.max(90)]),this.geoFilterConfigForm.get("centerLongitude").setValidators([i.Validators.required,i.Validators.min(-180),i.Validators.max(180)]),this.geoFilterConfigForm.get("range").setValidators([i.Validators.required,i.Validators.min(0)]),this.geoFilterConfigForm.get("rangeUnit").setValidators([i.Validators.required])),t||r!==M.POLYGON?this.geoFilterConfigForm.get("polygonsDefinition").setValidators([]):this.geoFilterConfigForm.get("polygonsDefinition").setValidators([i.Validators.required]),this.geoFilterConfigForm.get("perimeterType").updateValueAndValidity({emitEvent:!1}),this.geoFilterConfigForm.get("centerLatitude").updateValueAndValidity({emitEvent:e}),this.geoFilterConfigForm.get("centerLongitude").updateValueAndValidity({emitEvent:e}),this.geoFilterConfigForm.get("range").updateValueAndValidity({emitEvent:e}),this.geoFilterConfigForm.get("rangeUnit").updateValueAndValidity({emitEvent:e}),this.geoFilterConfigForm.get("polygonsDefinition").updateValueAndValidity({emitEvent:e})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-filter-node-gps-geofencing-config",template:'<section [formGroup]="geoFilterConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.latitude-key-name</mat-label>\n    <input matInput formControlName="latitudeKeyName" required>\n    <mat-error *ngIf="geoFilterConfigForm.get(\'latitudeKeyName\').hasError(\'required\')">\n      {{ \'tb.rulenode.latitude-key-name-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.longitude-key-name</mat-label>\n    <input matInput formControlName="longitudeKeyName" required>\n    <mat-error *ngIf="geoFilterConfigForm.get(\'longitudeKeyName\').hasError(\'required\')">\n      {{ \'tb.rulenode.longitude-key-name-required\' | translate }}\n    </mat-error>\n  </mat-form-field>\n  <mat-checkbox fxFlex formControlName="fetchPerimeterInfoFromMessageMetadata" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.fetch-perimeter-info-from-message-metadata\' | translate }}\n  </mat-checkbox>\n  <div fxLayout="row" *ngIf="!geoFilterConfigForm.get(\'fetchPerimeterInfoFromMessageMetadata\').value">\n    <mat-form-field fxFlex class="mat-block">\n      <mat-label translate>tb.rulenode.perimeter-type</mat-label>\n      <mat-select formControlName="perimeterType" required>\n        <mat-option *ngFor="let type of perimeterTypes" [value]="type">\n          {{ perimeterTypeTranslationMap.get(type) | translate }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n  <div fxLayout="column"\n       *ngIf="geoFilterConfigForm.get(\'perimeterType\').value === perimeterType.CIRCLE &&\n       !geoFilterConfigForm.get(\'fetchPerimeterInfoFromMessageMetadata\').value">\n    <div fxLayout="row" fxLayoutGap="8px">\n      <mat-form-field fxFlex>\n        <mat-label translate>tb.rulenode.circle-center-latitude</mat-label>\n        <input type="number" min="-90" max="90" step="0.1" matInput formControlName="centerLatitude" required>\n        <mat-error *ngIf="geoFilterConfigForm.get(\'centerLatitude\').hasError(\'required\')">\n          {{ \'tb.rulenode.circle-center-latitude-required\' | translate }}\n        </mat-error>\n      </mat-form-field>\n      <mat-form-field fxFlex>\n        <mat-label translate>tb.rulenode.circle-center-longitude</mat-label>\n        <input type="number" min="-180" max="180" step="0.1" matInput formControlName="centerLongitude" required>\n        <mat-error *ngIf="geoFilterConfigForm.get(\'centerLongitude\').hasError(\'required\')">\n          {{ \'tb.rulenode.circle-center-longitude-required\' | translate }}\n        </mat-error>\n      </mat-form-field>\n    </div>\n    <div fxLayout="row" fxLayoutGap="8px">\n      <mat-form-field fxFlex>\n        <mat-label translate>tb.rulenode.range</mat-label>\n        <input type="number" min="0" step="0.1" matInput formControlName="range" required>\n        <mat-error *ngIf="geoFilterConfigForm.get(\'range\').hasError(\'required\')">\n          {{ \'tb.rulenode.range-required\' | translate }}\n        </mat-error>\n      </mat-form-field>\n      <mat-form-field fxFlex>\n        <mat-label translate>tb.rulenode.range-units</mat-label>\n        <mat-select formControlName="rangeUnit" required>\n          <mat-option *ngFor="let type of rangeUnits" [value]="type">\n            {{ rangeUnitTranslationMap.get(type) | translate }}\n          </mat-option>\n        </mat-select>\n      </mat-form-field>\n    </div>\n  </div>\n  <div fxLayout="row" *ngIf="geoFilterConfigForm.get(\'perimeterType\').value === perimeterType.POLYGON &&\n                             !geoFilterConfigForm.get(\'fetchPerimeterInfoFromMessageMetadata\').value">\n    <div fxLayout="column" fxFlex="100">\n      <mat-form-field class="mat-block" hintLabel="{{\'tb.rulenode.polygon-definition-hint\' | translate}}">\n        <mat-label translate>tb.rulenode.polygon-definition</mat-label>\n        <input matInput formControlName="polygonsDefinition" required>\n        <mat-error *ngIf="geoFilterConfigForm.get(\'polygonsDefinition\').hasError(\'required\')">\n          {{ \'tb.rulenode.polygon-definition-required\' | translate }}\n        </mat-error>\n      </mat-form-field>\n    </div>\n  </div>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),be=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.messageTypeConfigForm},r.prototype.onConfigurationSet=function(e){this.messageTypeConfigForm=this.fb.group({messageTypes:[e?e.messageTypes:null,[i.Validators.required]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-filter-node-message-type-config",template:'<section [formGroup]="messageTypeConfigForm" fxLayout="column">\n  <tb-message-types-config\n    required\n    label="tb.rulenode.message-types-filter"\n    formControlName="messageTypes"\n  ></tb-message-types-config>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),he=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.allowedEntityTypes=[a.EntityType.DEVICE,a.EntityType.ASSET,a.EntityType.ENTITY_VIEW,a.EntityType.TENANT,a.EntityType.CUSTOMER,a.EntityType.USER,a.EntityType.DASHBOARD,a.EntityType.RULE_CHAIN,a.EntityType.RULE_NODE],n}return y(r,e),r.prototype.configForm=function(){return this.originatorTypeConfigForm},r.prototype.onConfigurationSet=function(e){this.originatorTypeConfigForm=this.fb.group({originatorTypes:[e?e.originatorTypes:null,[i.Validators.required]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-filter-node-originator-type-config",template:'<section [formGroup]="originatorTypeConfigForm" fxLayout="column">\n  <label translate class="tb-title no-padding tb-required">tb.rulenode.originator-types-filter</label>\n  <tb-entity-type-list fxFlex\n                       formControlName="originatorTypes"\n                       [allowedEntityTypes]="allowedEntityTypes"\n                       [ignoreAuthorityFilter]="true"\n                       required>\n  </tb-entity-type-list>\n</section>\n',styles:[":host ::ng-deep tb-entity-type-list .mat-form-field-flex{padding-top:0}:host ::ng-deep tb-entity-type-list .mat-form-field-infix{border-top:0}"]}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),Ce=function(e){function r(t,r,n,a){var o=e.call(this,t)||this;return o.store=t,o.fb=r,o.nodeScriptTestService=n,o.translate=a,o}return y(r,e),r.prototype.configForm=function(){return this.scriptConfigForm},r.prototype.onConfigurationSet=function(e){this.scriptConfigForm=this.fb.group({jsScript:[e?e.jsScript:null,[i.Validators.required]]})},r.prototype.testScript=function(){var e=this,t=this.scriptConfigForm.get("jsScript").value;this.nodeScriptTestService.testNodeScript(t,"filter",this.translate.instant("tb.rulenode.filter"),"Filter",["msg","metadata","msgType"],this.ruleNodeId).subscribe((function(t){t&&e.scriptConfigForm.get("jsScript").setValue(t)}))},r.prototype.onValidate=function(){this.jsFuncComponent.validateOnSubmit()},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder},{type:l.NodeScriptTestService},{type:n.TranslateService}]},b([t.ViewChild("jsFuncComponent",{static:!0}),h("design:type",a.JsFuncComponent)],r.prototype,"jsFuncComponent",void 0),r=b([t.Component({selector:"tb-filter-node-script-config",template:'<section [formGroup]="scriptConfigForm" fxLayout="column">\n  <label translate class="tb-title no-padding">tb.rulenode.filter</label>\n  <tb-js-func #jsFuncComponent\n              formControlName="jsScript"\n              functionName="Filter"\n              [functionArgs]="[\'msg\', \'metadata\', \'msgType\']"\n              noValidate="true">\n  </tb-js-func>\n  <div fxLayout="row">\n    <button mat-button mat-raised-button color="primary" (click)="testScript()">\n      {{ \'tb.rulenode.test-filter-function\' | translate }}\n    </button>\n  </div>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder,l.NodeScriptTestService,n.TranslateService])],r)}(a.RuleNodeConfigurationComponent),ve=function(e){function r(t,r,n,a){var o=e.call(this,t)||this;return o.store=t,o.fb=r,o.nodeScriptTestService=n,o.translate=a,o}return y(r,e),r.prototype.configForm=function(){return this.switchConfigForm},r.prototype.onConfigurationSet=function(e){this.switchConfigForm=this.fb.group({jsScript:[e?e.jsScript:null,[i.Validators.required]]})},r.prototype.testScript=function(){var e=this,t=this.switchConfigForm.get("jsScript").value;this.nodeScriptTestService.testNodeScript(t,"switch",this.translate.instant("tb.rulenode.switch"),"Switch",["msg","metadata","msgType"],this.ruleNodeId).subscribe((function(t){t&&e.switchConfigForm.get("jsScript").setValue(t)}))},r.prototype.onValidate=function(){this.jsFuncComponent.validateOnSubmit()},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder},{type:l.NodeScriptTestService},{type:n.TranslateService}]},b([t.ViewChild("jsFuncComponent",{static:!0}),h("design:type",a.JsFuncComponent)],r.prototype,"jsFuncComponent",void 0),r=b([t.Component({selector:"tb-filter-node-switch-config",template:'<section [formGroup]="switchConfigForm" fxLayout="column">\n  <label translate class="tb-title no-padding">tb.rulenode.switch</label>\n  <tb-js-func #jsFuncComponent\n              formControlName="jsScript"\n              functionName="Switch"\n              [functionArgs]="[\'msg\', \'metadata\', \'msgType\']"\n              noValidate="true">\n  </tb-js-func>\n  <div fxLayout="row">\n    <button mat-button mat-raised-button color="primary" (click)="testScript()">\n      {{ \'tb.rulenode.test-switch-function\' | translate }}\n    </button>\n  </div>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder,l.NodeScriptTestService,n.TranslateService])],r)}(a.RuleNodeConfigurationComponent),Fe=function(){function e(){}return e=b([t.NgModule({declarations:[fe,ge,ye,be,he,Ce,ve],imports:[r.CommonModule,a.SharedModule,ne],exports:[fe,ge,ye,be,he,Ce,ve]})],e)}(),Te=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.customerAttributesConfigForm},r.prototype.onConfigurationSet=function(e){this.customerAttributesConfigForm=this.fb.group({telemetry:[!!e&&e.telemetry,[]],attrMapping:[e?e.attrMapping:null,[i.Validators.required]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-enrichment-node-customer-attributes-config",template:'<section [formGroup]="customerAttributesConfigForm" fxLayout="column">\n  <label translate class="tb-title tb-required">tb.rulenode.attr-mapping</label>\n  <mat-checkbox fxFlex formControlName="telemetry" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.latest-telemetry\' | translate }}\n  </mat-checkbox>\n  <tb-kv-map-config\n    required\n    formControlName="attrMapping"\n    requiredText="tb.rulenode.attr-mapping-required"\n    keyText="{{ customerAttributesConfigForm.get(\'telemetry\').value ? \'tb.rulenode.source-telemetry\' : \'tb.rulenode.source-attribute\' }}"\n    keyRequiredText="{{ customerAttributesConfigForm.get(\'telemetry\').value ? \'tb.rulenode.source-telemetry-required\' : \'tb.rulenode.source-attribute-required\' }}"\n    valText="tb.rulenode.target-attribute"\n    valRequiredText="tb.rulenode.target-attribute-required">\n  </tb-kv-map-config>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),xe=function(e){function r(t,r,n){var a,o,l=e.call(this,t)||this;l.store=t,l.translate=r,l.fb=n,l.entityDetailsTranslationsMap=H,l.entityDetailsList=[],l.searchText="",l.displayDetailsFn=l.displayDetails.bind(l);try{for(var s=C(Object.keys(K)),m=s.next();!m.done;m=s.next()){var u=m.value;l.entityDetailsList.push(K[u])}}catch(e){a={error:e}}finally{try{m&&!m.done&&(o=s.return)&&o.call(s)}finally{if(a)throw a.error}}return l.detailsFormControl=new i.FormControl(""),l.filteredEntityDetails=l.detailsFormControl.valueChanges.pipe(f.startWith(""),f.map((function(e){return e||""})),f.mergeMap((function(e){return l.fetchEntityDetails(e)})),f.share()),l}return y(r,e),r.prototype.ngOnInit=function(){e.prototype.ngOnInit.call(this)},r.prototype.configForm=function(){return this.entityDetailsConfigForm},r.prototype.prepareInputConfig=function(e){return this.searchText="",this.detailsFormControl.patchValue("",{emitEvent:!0}),e},r.prototype.onConfigurationSet=function(e){this.entityDetailsConfigForm=this.fb.group({detailsList:[e?e.detailsList:null,[i.Validators.required]],addToMetadata:[!!e&&e.addToMetadata,[]]})},r.prototype.displayDetails=function(e){return e?this.translate.instant(H.get(e)):void 0},r.prototype.fetchEntityDetails=function(e){var t=this;if(this.searchText=e,this.searchText&&this.searchText.length){var r=this.searchText.toUpperCase();return c.of(this.entityDetailsList.filter((function(e){return t.translate.instant(H.get(K[e])).toUpperCase().includes(r)})))}return c.of(this.entityDetailsList)},r.prototype.detailsFieldSelected=function(e){this.addDetailsField(e.option.value),this.clear("")},r.prototype.removeDetailsField=function(e){var t=this.entityDetailsConfigForm.get("detailsList").value;if(t){var r=t.indexOf(e);r>=0&&(t.splice(r,1),this.entityDetailsConfigForm.get("detailsList").setValue(t))}},r.prototype.addDetailsField=function(e){var t=this.entityDetailsConfigForm.get("detailsList").value;t||(t=[]),-1===t.indexOf(e)&&(t.push(e),this.entityDetailsConfigForm.get("detailsList").setValue(t))},r.prototype.onEntityDetailsInputFocus=function(){this.detailsFormControl.updateValueAndValidity({onlySelf:!0,emitEvent:!0})},r.prototype.clear=function(e){var t=this;void 0===e&&(e=""),this.detailsInput.nativeElement.value=e,this.detailsFormControl.patchValue(null,{emitEvent:!0}),setTimeout((function(){t.detailsInput.nativeElement.blur(),t.detailsInput.nativeElement.focus()}),0)},r.ctorParameters=function(){return[{type:o.Store},{type:n.TranslateService},{type:i.FormBuilder}]},b([t.ViewChild("detailsInput",{static:!1}),h("design:type",t.ElementRef)],r.prototype,"detailsInput",void 0),r=b([t.Component({selector:"tb-enrichment-node-entity-details-config",template:'<section [formGroup]="entityDetailsConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block" class="entity-fields-list">\n    <mat-label translate>tb.rulenode.entity-details</mat-label>\n    <mat-chip-list #detailsChipList required>\n      <mat-chip\n        *ngFor="let details of entityDetailsConfigForm.get(\'detailsList\').value;"\n        (removed)="removeDetailsField(details)">\n        <span>\n          <strong>{{entityDetailsTranslationsMap.get(details) | translate}}</strong>\n        </span>\n        <mat-icon matChipRemove>close</mat-icon>\n      </mat-chip>\n      <input matInput type="text"\n             style="max-width: 200px;"\n             #detailsInput\n             (focusin)="onEntityDetailsInputFocus()"\n             [formControl]="detailsFormControl"\n             matAutocompleteOrigin\n             #origin="matAutocompleteOrigin"\n             [matAutocompleteConnectedTo]="origin"\n             [matAutocomplete]="detailsAutocomplete"\n             [matChipInputFor]="detailsChipList">\n    </mat-chip-list>\n    <mat-autocomplete #detailsAutocomplete="matAutocomplete"\n                      class="tb-autocomplete"\n                      (optionSelected)="detailsFieldSelected($event)"\n                      [displayWith]="displayDetailsFn">\n      <mat-option *ngFor="let details of filteredEntityDetails | async" [value]="details">\n        <span [innerHTML]="entityDetailsTranslationsMap.get(details) | translate | highlight:searchText"></span>\n      </mat-option>\n      <mat-option *ngIf="(filteredEntityDetails | async)?.length === 0" [value]="null" class="tb-not-found">\n        <div class="tb-not-found-content" (click)="$event.stopPropagation()">\n          <div>\n            <span translate>tb.rulenode.no-entity-details-matching</span>\n          </div>\n        </div>\n      </mat-option>\n    </mat-autocomplete>\n  </mat-form-field>\n  <tb-error [error]="(detailsFormControl.touched &&\n                     entityDetailsConfigForm.get(\'detailsList\').hasError(\'required\'))\n                  ? translate.instant(\'tb.rulenode.entity-details-list-empty\') : \'\'"></tb-error>\n  <mat-checkbox fxFlex formControlName="addToMetadata" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.add-to-metadata\' | translate }}\n  </mat-checkbox>\n  <div class="tb-hint" translate>tb.rulenode.add-to-metadata-hint</div>\n</section>\n',styles:[":host ::ng-deep mat-form-field.entity-fields-list .mat-form-field-wrapper{margin-bottom:-1.25em}"]}),h("design:paramtypes",[o.Store,n.TranslateService,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),qe=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.separatorKeysCodes=[s.ENTER,s.COMMA,s.SEMICOLON],n}return y(r,e),r.prototype.configForm=function(){return this.deviceAttributesConfigForm},r.prototype.onConfigurationSet=function(e){this.deviceAttributesConfigForm=this.fb.group({deviceRelationsQuery:[e?e.deviceRelationsQuery:null,[i.Validators.required]],tellFailureIfAbsent:[!!e&&e.tellFailureIfAbsent,[]],clientAttributeNames:[e?e.clientAttributeNames:null,[]],sharedAttributeNames:[e?e.sharedAttributeNames:null,[]],serverAttributeNames:[e?e.serverAttributeNames:null,[]],latestTsKeyNames:[e?e.latestTsKeyNames:null,[]],getLatestValueWithTs:[!!e&&e.getLatestValueWithTs,[]]})},r.prototype.removeKey=function(e,t){var r=this.deviceAttributesConfigForm.get(t).value,n=r.indexOf(e);n>=0&&(r.splice(n,1),this.deviceAttributesConfigForm.get(t).setValue(r,{emitEvent:!0}))},r.prototype.addKey=function(e,t){var r=e.input,n=e.value;if((n||"").trim()){n=n.trim();var a=this.deviceAttributesConfigForm.get(t).value;a&&-1!==a.indexOf(n)||(a||(a=[]),a.push(n),this.deviceAttributesConfigForm.get(t).setValue(a,{emitEvent:!0}))}r&&(r.value="")},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-enrichment-node-device-attributes-config",template:'<section [formGroup]="deviceAttributesConfigForm" fxLayout="column">\n  <label translate class="tb-title tb-required">tb.rulenode.device-relations-query</label>\n  <tb-device-relations-query-config\n    required\n    formControlName="deviceRelationsQuery"\n    style="padding-bottom: 15px;">\n  </tb-device-relations-query-config>\n  <mat-checkbox fxFlex formControlName="tellFailureIfAbsent" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.tell-failure-if-absent\' | translate }}\n  </mat-checkbox>\n  <div class="tb-hint" translate>tb.rulenode.tell-failure-if-absent-hint</div>\n  <label translate class="tb-title no-padding">tb.rulenode.client-attributes</label>\n  <mat-form-field floatLabel="always" class="mat-block">\n    <mat-label></mat-label>\n    <mat-chip-list #clientAttributesChipList>\n      <mat-chip\n        *ngFor="let key of deviceAttributesConfigForm.get(\'clientAttributeNames\').value;"\n        (removed)="removeKey(key, \'clientAttributeNames\')">\n        {{key}}\n        <mat-icon matChipRemove>close</mat-icon>\n      </mat-chip>\n      <input matInput type="text" placeholder="{{\'tb.rulenode.client-attributes\' | translate}}"\n             style="max-width: 200px;"\n             [matChipInputFor]="clientAttributesChipList"\n             [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\n             (matChipInputTokenEnd)="addKey($event, \'clientAttributeNames\')"\n             [matChipInputAddOnBlur]="true">\n    </mat-chip-list>\n  </mat-form-field>\n  <label translate class="tb-title no-padding">tb.rulenode.shared-attributes</label>\n  <mat-form-field floatLabel="always" class="mat-block">\n    <mat-label></mat-label>\n    <mat-chip-list #sharedAttributesChipList>\n      <mat-chip\n        *ngFor="let key of deviceAttributesConfigForm.get(\'sharedAttributeNames\').value;"\n        (removed)="removeKey(key, \'sharedAttributeNames\')">\n        {{key}}\n        <mat-icon matChipRemove>close</mat-icon>\n      </mat-chip>\n      <input matInput type="text" placeholder="{{\'tb.rulenode.shared-attributes\' | translate}}"\n             style="max-width: 200px;"\n             [matChipInputFor]="sharedAttributesChipList"\n             [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\n             (matChipInputTokenEnd)="addKey($event, \'sharedAttributeNames\')"\n             [matChipInputAddOnBlur]="true">\n    </mat-chip-list>\n  </mat-form-field>\n  <label translate class="tb-title no-padding">tb.rulenode.server-attributes</label>\n  <mat-form-field floatLabel="always" class="mat-block">\n    <mat-label></mat-label>\n    <mat-chip-list #serverAttributesChipList>\n      <mat-chip\n        *ngFor="let key of deviceAttributesConfigForm.get(\'serverAttributeNames\').value;"\n        (removed)="removeKey(key, \'serverAttributeNames\')">\n        {{key}}\n        <mat-icon matChipRemove>close</mat-icon>\n      </mat-chip>\n      <input matInput type="text" placeholder="{{\'tb.rulenode.server-attributes\' | translate}}"\n             style="max-width: 200px;"\n             [matChipInputFor]="serverAttributesChipList"\n             [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\n             (matChipInputTokenEnd)="addKey($event, \'serverAttributeNames\')"\n             [matChipInputAddOnBlur]="true">\n    </mat-chip-list>\n  </mat-form-field>\n  <label translate class="tb-title no-padding">tb.rulenode.latest-timeseries</label>\n  <mat-form-field floatLabel="always" class="mat-block">\n    <mat-label></mat-label>\n    <mat-chip-list #latestTimeseriesChipList>\n      <mat-chip\n        *ngFor="let key of deviceAttributesConfigForm.get(\'latestTsKeyNames\').value;"\n        (removed)="removeKey(key, \'latestTsKeyNames\')">\n        {{key}}\n        <mat-icon matChipRemove>close</mat-icon>\n      </mat-chip>\n      <input matInput type="text" placeholder="{{\'tb.rulenode.latest-timeseries\' | translate}}"\n             style="max-width: 200px;"\n             [matChipInputFor]="latestTimeseriesChipList"\n             [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\n             (matChipInputTokenEnd)="addKey($event, \'latestTsKeyNames\')"\n             [matChipInputAddOnBlur]="true">\n    </mat-chip-list>\n  </mat-form-field>\n  <mat-checkbox formControlName="getLatestValueWithTs" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.get-latest-value-with-ts\' | translate }}\n  </mat-checkbox>\n  <div class="tb-hint" innerHTML="{{ \'tb.rulenode.get-latest-value-with-ts-hint\' | translate }}"></div>\n</section>\n',styles:[":host label.tb-title{margin-bottom:-10px}"]}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),Ie=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.separatorKeysCodes=[s.ENTER,s.COMMA,s.SEMICOLON],n}return y(r,e),r.prototype.configForm=function(){return this.originatorAttributesConfigForm},r.prototype.onConfigurationSet=function(e){this.originatorAttributesConfigForm=this.fb.group({tellFailureIfAbsent:[!!e&&e.tellFailureIfAbsent,[]],clientAttributeNames:[e?e.clientAttributeNames:null,[]],sharedAttributeNames:[e?e.sharedAttributeNames:null,[]],serverAttributeNames:[e?e.serverAttributeNames:null,[]],latestTsKeyNames:[e?e.latestTsKeyNames:null,[]],getLatestValueWithTs:[!!e&&e.getLatestValueWithTs,[]]})},r.prototype.removeKey=function(e,t){var r=this.originatorAttributesConfigForm.get(t).value,n=r.indexOf(e);n>=0&&(r.splice(n,1),this.originatorAttributesConfigForm.get(t).setValue(r,{emitEvent:!0}))},r.prototype.addKey=function(e,t){var r=e.input,n=e.value;if((n||"").trim()){n=n.trim();var a=this.originatorAttributesConfigForm.get(t).value;a&&-1!==a.indexOf(n)||(a||(a=[]),a.push(n),this.originatorAttributesConfigForm.get(t).setValue(a,{emitEvent:!0}))}r&&(r.value="")},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-enrichment-node-originator-attributes-config",template:'<section [formGroup]="originatorAttributesConfigForm" fxLayout="column">\n  <mat-checkbox fxFlex formControlName="tellFailureIfAbsent" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.tell-failure-if-absent\' | translate }}\n  </mat-checkbox>\n  <div class="tb-hint" translate>tb.rulenode.tell-failure-if-absent-hint</div>\n  <label translate class="tb-title no-padding">tb.rulenode.client-attributes</label>\n  <mat-form-field floatLabel="always" class="mat-block">\n    <mat-label></mat-label>\n    <mat-chip-list #clientAttributesChipList>\n      <mat-chip\n        *ngFor="let key of originatorAttributesConfigForm.get(\'clientAttributeNames\').value;"\n        (removed)="removeKey(key, \'clientAttributeNames\')">\n        {{key}}\n        <mat-icon matChipRemove>close</mat-icon>\n      </mat-chip>\n      <input matInput type="text" placeholder="{{\'tb.rulenode.client-attributes\' | translate}}"\n             style="max-width: 200px;"\n             [matChipInputFor]="clientAttributesChipList"\n             [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\n             (matChipInputTokenEnd)="addKey($event, \'clientAttributeNames\')"\n             [matChipInputAddOnBlur]="true">\n    </mat-chip-list>\n  </mat-form-field>\n  <label translate class="tb-title no-padding">tb.rulenode.shared-attributes</label>\n  <mat-form-field floatLabel="always" class="mat-block">\n    <mat-label></mat-label>\n    <mat-chip-list #sharedAttributesChipList>\n      <mat-chip\n        *ngFor="let key of originatorAttributesConfigForm.get(\'sharedAttributeNames\').value;"\n        (removed)="removeKey(key, \'sharedAttributeNames\')">\n        {{key}}\n        <mat-icon matChipRemove>close</mat-icon>\n      </mat-chip>\n      <input matInput type="text" placeholder="{{\'tb.rulenode.shared-attributes\' | translate}}"\n             style="max-width: 200px;"\n             [matChipInputFor]="sharedAttributesChipList"\n             [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\n             (matChipInputTokenEnd)="addKey($event, \'sharedAttributeNames\')"\n             [matChipInputAddOnBlur]="true">\n    </mat-chip-list>\n  </mat-form-field>\n  <label translate class="tb-title no-padding">tb.rulenode.server-attributes</label>\n  <mat-form-field floatLabel="always" class="mat-block">\n    <mat-label></mat-label>\n    <mat-chip-list #serverAttributesChipList>\n      <mat-chip\n        *ngFor="let key of originatorAttributesConfigForm.get(\'serverAttributeNames\').value;"\n        (removed)="removeKey(key, \'serverAttributeNames\')">\n        {{key}}\n        <mat-icon matChipRemove>close</mat-icon>\n      </mat-chip>\n      <input matInput type="text" placeholder="{{\'tb.rulenode.server-attributes\' | translate}}"\n             style="max-width: 200px;"\n             [matChipInputFor]="serverAttributesChipList"\n             [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\n             (matChipInputTokenEnd)="addKey($event, \'serverAttributeNames\')"\n             [matChipInputAddOnBlur]="true">\n    </mat-chip-list>\n  </mat-form-field>\n  <label translate class="tb-title no-padding">tb.rulenode.latest-timeseries</label>\n  <mat-form-field floatLabel="always" class="mat-block">\n    <mat-label></mat-label>\n    <mat-chip-list #latestTimeseriesChipList>\n      <mat-chip\n        *ngFor="let key of originatorAttributesConfigForm.get(\'latestTsKeyNames\').value;"\n        (removed)="removeKey(key, \'latestTsKeyNames\')">\n        {{key}}\n        <mat-icon matChipRemove>close</mat-icon>\n      </mat-chip>\n      <input matInput type="text" placeholder="{{\'tb.rulenode.latest-timeseries\' | translate}}"\n             style="max-width: 200px;"\n             [matChipInputFor]="latestTimeseriesChipList"\n             [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\n             (matChipInputTokenEnd)="addKey($event, \'latestTsKeyNames\')"\n             [matChipInputAddOnBlur]="true">\n    </mat-chip-list>\n  </mat-form-field>\n  <mat-checkbox formControlName="getLatestValueWithTs" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.get-latest-value-with-ts\' | translate }}\n  </mat-checkbox>\n  <div class="tb-hint" innerHTML="{{ \'tb.rulenode.get-latest-value-with-ts-hint\' | translate }}"></div>\n</section>\n',styles:[":host label.tb-title{margin-bottom:-10px}"]}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),Se=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.originatorFieldsConfigForm},r.prototype.onConfigurationSet=function(e){this.originatorFieldsConfigForm=this.fb.group({fieldsMapping:[e?e.fieldsMapping:null,[i.Validators.required]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-enrichment-node-originator-fields-config",template:'<section [formGroup]="originatorFieldsConfigForm" fxLayout="column">\n  <label translate class="tb-title tb-required">tb.rulenode.fields-mapping</label>\n  <tb-kv-map-config\n    required\n    formControlName="fieldsMapping"\n    requiredText="tb.rulenode.fields-mapping-required"\n    keyText="tb.rulenode.source-field"\n    keyRequiredText="tb.rulenode.source-field-required"\n    valText="tb.rulenode.target-attribute"\n    valRequiredText="tb.rulenode.target-attribute-required">\n  </tb-kv-map-config>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),Ne=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.separatorKeysCodes=[s.ENTER,s.COMMA,s.SEMICOLON],n.fetchMode=j,n.fetchModes=Object.keys(j),n.samplingOrders=Object.keys(U),n.timeUnits=Object.keys(R),n.timeUnitsTranslationMap=O,n}return y(r,e),r.prototype.configForm=function(){return this.getTelemetryFromDatabaseConfigForm},r.prototype.onConfigurationSet=function(e){this.getTelemetryFromDatabaseConfigForm=this.fb.group({latestTsKeyNames:[e?e.latestTsKeyNames:null,[]],fetchMode:[e?e.fetchMode:null,[i.Validators.required]],orderBy:[e?e.orderBy:null,[]],limit:[e?e.limit:null,[]],useMetadataIntervalPatterns:[!!e&&e.useMetadataIntervalPatterns,[]],startInterval:[e?e.startInterval:null,[]],startIntervalTimeUnit:[e?e.startIntervalTimeUnit:null,[]],endInterval:[e?e.endInterval:null,[]],endIntervalTimeUnit:[e?e.endIntervalTimeUnit:null,[]],startIntervalPattern:[e?e.startIntervalPattern:null,[]],endIntervalPattern:[e?e.endIntervalPattern:null,[]]})},r.prototype.validatorTriggers=function(){return["fetchMode","useMetadataIntervalPatterns"]},r.prototype.updateValidators=function(e){var t=this.getTelemetryFromDatabaseConfigForm.get("fetchMode").value,r=this.getTelemetryFromDatabaseConfigForm.get("useMetadataIntervalPatterns").value;t&&t===j.ALL?(this.getTelemetryFromDatabaseConfigForm.get("orderBy").setValidators([i.Validators.required]),this.getTelemetryFromDatabaseConfigForm.get("limit").setValidators([i.Validators.required,i.Validators.min(2),i.Validators.max(1e3)])):(this.getTelemetryFromDatabaseConfigForm.get("orderBy").setValidators([]),this.getTelemetryFromDatabaseConfigForm.get("limit").setValidators([])),r?(this.getTelemetryFromDatabaseConfigForm.get("startInterval").setValidators([]),this.getTelemetryFromDatabaseConfigForm.get("startIntervalTimeUnit").setValidators([]),this.getTelemetryFromDatabaseConfigForm.get("endInterval").setValidators([]),this.getTelemetryFromDatabaseConfigForm.get("endIntervalTimeUnit").setValidators([]),this.getTelemetryFromDatabaseConfigForm.get("startIntervalPattern").setValidators([i.Validators.required]),this.getTelemetryFromDatabaseConfigForm.get("endIntervalPattern").setValidators([i.Validators.required])):(this.getTelemetryFromDatabaseConfigForm.get("startInterval").setValidators([i.Validators.required,i.Validators.min(1),i.Validators.max(2147483647)]),this.getTelemetryFromDatabaseConfigForm.get("startIntervalTimeUnit").setValidators([i.Validators.required]),this.getTelemetryFromDatabaseConfigForm.get("endInterval").setValidators([i.Validators.required,i.Validators.min(1),i.Validators.max(2147483647)]),this.getTelemetryFromDatabaseConfigForm.get("endIntervalTimeUnit").setValidators([i.Validators.required]),this.getTelemetryFromDatabaseConfigForm.get("startIntervalPattern").setValidators([]),this.getTelemetryFromDatabaseConfigForm.get("endIntervalPattern").setValidators([])),this.getTelemetryFromDatabaseConfigForm.get("orderBy").updateValueAndValidity({emitEvent:e}),this.getTelemetryFromDatabaseConfigForm.get("limit").updateValueAndValidity({emitEvent:e}),this.getTelemetryFromDatabaseConfigForm.get("startInterval").updateValueAndValidity({emitEvent:e}),this.getTelemetryFromDatabaseConfigForm.get("startIntervalTimeUnit").updateValueAndValidity({emitEvent:e}),this.getTelemetryFromDatabaseConfigForm.get("endInterval").updateValueAndValidity({emitEvent:e}),this.getTelemetryFromDatabaseConfigForm.get("endIntervalTimeUnit").updateValueAndValidity({emitEvent:e}),this.getTelemetryFromDatabaseConfigForm.get("startIntervalPattern").updateValueAndValidity({emitEvent:e}),this.getTelemetryFromDatabaseConfigForm.get("endIntervalPattern").updateValueAndValidity({emitEvent:e})},r.prototype.removeKey=function(e,t){var r=this.getTelemetryFromDatabaseConfigForm.get(t).value,n=r.indexOf(e);n>=0&&(r.splice(n,1),this.getTelemetryFromDatabaseConfigForm.get(t).setValue(r,{emitEvent:!0}))},r.prototype.addKey=function(e,t){var r=e.input,n=e.value;if((n||"").trim()){n=n.trim();var a=this.getTelemetryFromDatabaseConfigForm.get(t).value;a&&-1!==a.indexOf(n)||(a||(a=[]),a.push(n),this.getTelemetryFromDatabaseConfigForm.get(t).setValue(a,{emitEvent:!0}))}r&&(r.value="")},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-enrichment-node-get-telemetry-from-database",template:'<section [formGroup]="getTelemetryFromDatabaseConfigForm" fxLayout="column">\n  <label translate class="tb-title no-padding">tb.rulenode.latest-timeseries</label>\n  <mat-form-field floatLabel="always" class="mat-block">\n    <mat-label></mat-label>\n    <mat-chip-list #latestTimeseriesChipList>\n      <mat-chip\n        *ngFor="let key of getTelemetryFromDatabaseConfigForm.get(\'latestTsKeyNames\').value;"\n        (removed)="removeKey(key, \'latestTsKeyNames\')">\n        {{key}}\n        <mat-icon matChipRemove>close</mat-icon>\n      </mat-chip>\n      <input matInput type="text" placeholder="{{\'tb.rulenode.latest-timeseries\' | translate}}"\n             style="max-width: 200px;"\n             [matChipInputFor]="latestTimeseriesChipList"\n             [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\n             (matChipInputTokenEnd)="addKey($event, \'latestTsKeyNames\')"\n             [matChipInputAddOnBlur]="true">\n    </mat-chip-list>\n  </mat-form-field>\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.fetch-mode</mat-label>\n    <mat-select formControlName="fetchMode" required>\n      <mat-option *ngFor="let mode of fetchModes" [value]="mode">\n        {{ mode }}\n      </mat-option>\n    </mat-select>\n    <mat-hint translate>tb.rulenode.fetch-mode-hint</mat-hint>\n  </mat-form-field>\n  <div fxLayout="column" *ngIf="getTelemetryFromDatabaseConfigForm.get(\'fetchMode\').value === fetchMode.ALL">\n    <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n      <mat-label translate>tb.rulenode.order-by</mat-label>\n      <mat-select formControlName="orderBy" required>\n        <mat-option *ngFor="let order of samplingOrders" [value]="order">\n          {{ order }}\n        </mat-option>\n      </mat-select>\n      <mat-hint translate>tb.rulenode.order-by-hint</mat-hint>\n    </mat-form-field>\n    <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n      <mat-label translate>tb.rulenode.limit</mat-label>\n      <input type="number" min="2" max="1000" step="1" matInput formControlName="limit" required>\n      <mat-hint translate>tb.rulenode.limit-hint</mat-hint>\n    </mat-form-field>\n  </div>\n  <mat-checkbox formControlName="useMetadataIntervalPatterns">\n    {{ \'tb.rulenode.use-metadata-interval-patterns\' | translate }}\n  </mat-checkbox>\n  <div class="tb-hint" style="padding-bottom: 16px;" translate>tb.rulenode.use-metadata-interval-patterns-hint</div>\n  <div fxLayout="column" *ngIf="getTelemetryFromDatabaseConfigForm.get(\'useMetadataIntervalPatterns\').value === false; else intervalPattern">\n    <div fxLayout="column" fxLayout.gt-sm="row" fxLayoutGap.gt-sm="8px">\n      <mat-form-field fxFlex class="mat-block">\n        <mat-label translate>tb.rulenode.start-interval</mat-label>\n        <input type="number" step="1" min="1" max="2147483647" matInput formControlName="startInterval" required>\n        <mat-error *ngIf="getTelemetryFromDatabaseConfigForm.get(\'startInterval\').hasError(\'required\')">\n          {{ \'tb.rulenode.start-interval-value-required\' | translate }}\n        </mat-error>\n        <mat-error *ngIf="getTelemetryFromDatabaseConfigForm.get(\'startInterval\').hasError(\'min\')">\n          {{ \'tb.rulenode.time-value-range\' | translate }}\n        </mat-error>\n        <mat-error *ngIf="getTelemetryFromDatabaseConfigForm.get(\'startInterval\').hasError(\'max\')">\n          {{ \'tb.rulenode.time-value-range\' | translate }}\n        </mat-error>\n      </mat-form-field>\n      <mat-form-field fxFlex class="mat-block">\n        <mat-label translate>tb.rulenode.start-interval-time-unit</mat-label>\n        <mat-select formControlName="startIntervalTimeUnit" required>\n          <mat-option *ngFor="let timeUnit of timeUnits" [value]="timeUnit">\n            {{ timeUnitsTranslationMap.get(timeUnit) | translate }}\n          </mat-option>\n        </mat-select>\n      </mat-form-field>\n    </div>\n    <div fxLayout="column" fxLayout.gt-sm="row" fxLayoutGap.gt-sm="8px">\n      <mat-form-field fxFlex class="mat-block">\n        <mat-label translate>tb.rulenode.end-interval</mat-label>\n        <input type="number" step="1" min="1" max="2147483647" matInput formControlName="endInterval" required>\n        <mat-error *ngIf="getTelemetryFromDatabaseConfigForm.get(\'endInterval\').hasError(\'required\')">\n          {{ \'tb.rulenode.end-interval-value-required\' | translate }}\n        </mat-error>\n        <mat-error *ngIf="getTelemetryFromDatabaseConfigForm.get(\'endInterval\').hasError(\'min\')">\n          {{ \'tb.rulenode.time-value-range\' | translate }}\n        </mat-error>\n        <mat-error *ngIf="getTelemetryFromDatabaseConfigForm.get(\'endInterval\').hasError(\'max\')">\n          {{ \'tb.rulenode.time-value-range\' | translate }}\n        </mat-error>\n      </mat-form-field>\n      <mat-form-field fxFlex class="mat-block">\n        <mat-label translate>tb.rulenode.end-interval-time-unit</mat-label>\n        <mat-select formControlName="endIntervalTimeUnit" required>\n          <mat-option *ngFor="let timeUnit of timeUnits" [value]="timeUnit">\n            {{ timeUnitsTranslationMap.get(timeUnit) | translate }}\n          </mat-option>\n        </mat-select>\n      </mat-form-field>\n    </div>\n  </div>\n  <ng-template #intervalPattern>\n    <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n      <mat-label translate>tb.rulenode.start-interval-pattern</mat-label>\n      <input matInput formControlName="startIntervalPattern" required>\n      <mat-error *ngIf="getTelemetryFromDatabaseConfigForm.get(\'startIntervalPattern\').hasError(\'required\')">\n        {{ \'tb.rulenode.start-interval-pattern-required\' | translate }}\n      </mat-error>\n      <mat-hint innerHTML="{{ \'tb.rulenode.start-interval-pattern-hint\' | translate }}"></mat-hint>\n    </mat-form-field>\n    <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n      <mat-label translate>tb.rulenode.end-interval-pattern</mat-label>\n      <input matInput formControlName="endIntervalPattern" required>\n      <mat-error *ngIf="getTelemetryFromDatabaseConfigForm.get(\'endIntervalPattern\').hasError(\'required\')">\n        {{ \'tb.rulenode.end-interval-pattern-required\' | translate }}\n      </mat-error>\n      <mat-hint innerHTML="{{ \'tb.rulenode.end-interval-pattern-hint\' | translate }}"></mat-hint>\n    </mat-form-field>\n  </ng-template>\n</section>\n',styles:[":host label.tb-title{margin-bottom:-10px}"]}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),ke=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.relatedAttributesConfigForm},r.prototype.onConfigurationSet=function(e){this.relatedAttributesConfigForm=this.fb.group({relationsQuery:[e?e.relationsQuery:null,[i.Validators.required]],telemetry:[!!e&&e.telemetry,[]],attrMapping:[e?e.attrMapping:null,[i.Validators.required]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-enrichment-node-related-attributes-config",template:'<section [formGroup]="relatedAttributesConfigForm" fxLayout="column">\n  <label translate class="tb-title tb-required">tb.rulenode.relations-query</label>\n  <tb-relations-query-config\n    required\n    formControlName="relationsQuery"\n    style="padding-bottom: 15px;">\n  </tb-relations-query-config>\n  <label translate class="tb-title tb-required">tb.rulenode.attr-mapping</label>\n  <mat-checkbox fxFlex formControlName="telemetry" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.latest-telemetry\' | translate }}\n  </mat-checkbox>\n  <tb-kv-map-config\n    required\n    formControlName="attrMapping"\n    requiredText="tb.rulenode.attr-mapping-required"\n    keyText="{{ relatedAttributesConfigForm.get(\'telemetry\').value ? \'tb.rulenode.source-telemetry\' : \'tb.rulenode.source-attribute\' }}"\n    keyRequiredText="{{ relatedAttributesConfigForm.get(\'telemetry\').value ? \'tb.rulenode.source-telemetry-required\' : \'tb.rulenode.source-attribute-required\' }}"\n    valText="tb.rulenode.target-attribute"\n    valRequiredText="tb.rulenode.target-attribute-required">\n  </tb-kv-map-config>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),Ve=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.tenantAttributesConfigForm},r.prototype.onConfigurationSet=function(e){this.tenantAttributesConfigForm=this.fb.group({telemetry:[!!e&&e.telemetry,[]],attrMapping:[e?e.attrMapping:null,[i.Validators.required]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-enrichment-node-tenant-attributes-config",template:'<section [formGroup]="tenantAttributesConfigForm" fxLayout="column">\n  <label translate class="tb-title tb-required">tb.rulenode.attr-mapping</label>\n  <mat-checkbox fxFlex formControlName="telemetry" style="padding-bottom: 16px;">\n    {{ \'tb.rulenode.latest-telemetry\' | translate }}\n  </mat-checkbox>\n  <tb-kv-map-config\n    required\n    formControlName="attrMapping"\n    requiredText="tb.rulenode.attr-mapping-required"\n    keyText="{{ tenantAttributesConfigForm.get(\'telemetry\').value ? \'tb.rulenode.source-telemetry\' : \'tb.rulenode.source-attribute\' }}"\n    keyRequiredText="{{ tenantAttributesConfigForm.get(\'telemetry\').value ? \'tb.rulenode.source-telemetry-required\' : \'tb.rulenode.source-attribute-required\' }}"\n    valText="tb.rulenode.target-attribute"\n    valRequiredText="tb.rulenode.target-attribute-required">\n  </tb-kv-map-config>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),Ee=function(){function e(){}return e=b([t.NgModule({declarations:[Te,xe,qe,Ie,Se,Ne,ke,Ve],imports:[r.CommonModule,a.SharedModule,ne],exports:[Te,xe,qe,Ie,Se,Ne,ke,Ve]})],e)}(),Ae=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n.originatorSource=v,n.originatorSources=Object.keys(v),n.originatorSourceTranslationMap=P,n}return y(r,e),r.prototype.configForm=function(){return this.changeOriginatorConfigForm},r.prototype.onConfigurationSet=function(e){this.changeOriginatorConfigForm=this.fb.group({originatorSource:[e?e.originatorSource:null,[i.Validators.required]],relationsQuery:[e?e.relationsQuery:null,[]]})},r.prototype.validatorTriggers=function(){return["originatorSource"]},r.prototype.updateValidators=function(e){var t=this.changeOriginatorConfigForm.get("originatorSource").value;t&&t===v.RELATED?this.changeOriginatorConfigForm.get("relationsQuery").setValidators([i.Validators.required]):this.changeOriginatorConfigForm.get("relationsQuery").setValidators([]),this.changeOriginatorConfigForm.get("relationsQuery").updateValueAndValidity({emitEvent:e})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-transformation-node-change-originator-config",template:'<section [formGroup]="changeOriginatorConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block">\n    <mat-label translate>tb.rulenode.originator-source</mat-label>\n    <mat-select formControlName="originatorSource" required>\n      <mat-option *ngFor="let source of originatorSources" [value]="source">\n        {{ originatorSourceTranslationMap.get(source) | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n  <section fxLayout="column" *ngIf="changeOriginatorConfigForm.get(\'originatorSource\').value === originatorSource.RELATED">\n    <label translate class="tb-title tb-required">tb.rulenode.relations-query</label>\n    <tb-relations-query-config\n      required\n      formControlName="relationsQuery"\n      style="padding-bottom: 15px;">\n    </tb-relations-query-config>\n  </section>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),Le=function(e){function r(t,r,n,a){var o=e.call(this,t)||this;return o.store=t,o.fb=r,o.nodeScriptTestService=n,o.translate=a,o}return y(r,e),r.prototype.configForm=function(){return this.scriptConfigForm},r.prototype.onConfigurationSet=function(e){this.scriptConfigForm=this.fb.group({jsScript:[e?e.jsScript:null,[i.Validators.required]]})},r.prototype.testScript=function(){var e=this,t=this.scriptConfigForm.get("jsScript").value;this.nodeScriptTestService.testNodeScript(t,"update",this.translate.instant("tb.rulenode.transformer"),"Transform",["msg","metadata","msgType"],this.ruleNodeId).subscribe((function(t){t&&e.scriptConfigForm.get("jsScript").setValue(t)}))},r.prototype.onValidate=function(){this.jsFuncComponent.validateOnSubmit()},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder},{type:l.NodeScriptTestService},{type:n.TranslateService}]},b([t.ViewChild("jsFuncComponent",{static:!0}),h("design:type",a.JsFuncComponent)],r.prototype,"jsFuncComponent",void 0),r=b([t.Component({selector:"tb-transformation-node-script-config",template:'<section [formGroup]="scriptConfigForm" fxLayout="column">\n  <label translate class="tb-title no-padding">tb.rulenode.transform</label>\n  <tb-js-func #jsFuncComponent\n              formControlName="jsScript"\n              functionName="Transform"\n              [functionArgs]="[\'msg\', \'metadata\', \'msgType\']"\n              noValidate="true">\n  </tb-js-func>\n  <div fxLayout="row">\n    <button mat-button mat-raised-button color="primary" (click)="testScript()">\n      {{ \'tb.rulenode.test-transformer-function\' | translate }}\n    </button>\n  </div>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder,l.NodeScriptTestService,n.TranslateService])],r)}(a.RuleNodeConfigurationComponent),Me=function(e){function r(t,r){var n=e.call(this,t)||this;return n.store=t,n.fb=r,n}return y(r,e),r.prototype.configForm=function(){return this.toEmailConfigForm},r.prototype.onConfigurationSet=function(e){this.toEmailConfigForm=this.fb.group({fromTemplate:[e?e.fromTemplate:null,[i.Validators.required]],toTemplate:[e?e.toTemplate:null,[i.Validators.required]],ccTemplate:[e?e.ccTemplate:null,[]],bccTemplate:[e?e.bccTemplate:null,[]],subjectTemplate:[e?e.subjectTemplate:null,[i.Validators.required]],bodyTemplate:[e?e.bodyTemplate:null,[i.Validators.required]]})},r.ctorParameters=function(){return[{type:o.Store},{type:i.FormBuilder}]},r=b([t.Component({selector:"tb-transformation-node-to-email-config",template:'<section [formGroup]="toEmailConfigForm" fxLayout="column">\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.from-template</mat-label>\n    <textarea required matInput formControlName="fromTemplate" rows="2"></textarea>\n    <mat-error *ngIf="toEmailConfigForm.get(\'fromTemplate\').hasError(\'required\')">\n      {{ \'tb.rulenode.from-template-required\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.from-template-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.to-template</mat-label>\n    <textarea required matInput formControlName="toTemplate" rows="2"></textarea>\n    <mat-error *ngIf="toEmailConfigForm.get(\'toTemplate\').hasError(\'required\')">\n      {{ \'tb.rulenode.to-template-required\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.mail-address-list-template-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.cc-template</mat-label>\n    <textarea matInput formControlName="ccTemplate" rows="2"></textarea>\n    <mat-hint innerHTML="{{ \'tb.rulenode.mail-address-list-template-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.bcc-template</mat-label>\n    <textarea matInput formControlName="bccTemplate" rows="2"></textarea>\n    <mat-hint innerHTML="{{ \'tb.rulenode.mail-address-list-template-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.subject-template</mat-label>\n    <textarea required matInput formControlName="subjectTemplate" rows="2"></textarea>\n    <mat-error *ngIf="toEmailConfigForm.get(\'subjectTemplate\').hasError(\'required\')">\n      {{ \'tb.rulenode.subject-template-required\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.subject-template-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n  <mat-form-field class="mat-block" style="padding-bottom: 16px;">\n    <mat-label translate>tb.rulenode.body-template</mat-label>\n    <textarea required matInput formControlName="bodyTemplate" rows="6"></textarea>\n    <mat-error *ngIf="toEmailConfigForm.get(\'bodyTemplate\').hasError(\'required\')">\n      {{ \'tb.rulenode.body-template-required\' | translate }}\n    </mat-error>\n    <mat-hint innerHTML="{{ \'tb.rulenode.body-template-hint\' | translate }}"></mat-hint>\n  </mat-form-field>\n</section>\n'}),h("design:paramtypes",[o.Store,i.FormBuilder])],r)}(a.RuleNodeConfigurationComponent),Pe=function(){function e(){}return e=b([t.NgModule({declarations:[Ae,Le,Me],imports:[r.CommonModule,a.SharedModule,ne],exports:[Ae,Le,Me]})],e)}(),Re=function(){function e(e){!function(e){e.setTranslation("en_US",{tb:{rulenode:{"create-entity-if-not-exists":"Create new entity if not exists","create-entity-if-not-exists-hint":"Create a new entity set above if it does not exist.","entity-name-pattern":"Name pattern","entity-name-pattern-required":"Name pattern is required","entity-name-pattern-hint":"Name pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","entity-type-pattern":"Type pattern","entity-type-pattern-required":"Type pattern is required","entity-type-pattern-hint":"Type pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","entity-cache-expiration":"Entities cache expiration time (sec)","entity-cache-expiration-hint":"Specifies maximum time interval allowed to store found entity records. 0 value means that records will never expire.","entity-cache-expiration-required":"Entities cache expiration time is required.","entity-cache-expiration-range":"Entities cache expiration time should be greater than or equal to 0.","customer-name-pattern":"Customer name pattern","customer-name-pattern-required":"Customer name pattern is required","create-customer-if-not-exists":"Create new customer if not exists","customer-cache-expiration":"Customers cache expiration time (sec)","customer-name-pattern-hint":"Customer name pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","customer-cache-expiration-hint":"Specifies maximum time interval allowed to store found customer records. 0 value means that records will never expire.","customer-cache-expiration-required":"Customers cache expiration time is required.","customer-cache-expiration-range":"Customers cache expiration time should be greater than or equal to 0.","start-interval":"Start Interval","end-interval":"End Interval","start-interval-time-unit":"Start Interval Time Unit","end-interval-time-unit":"End Interval Time Unit","fetch-mode":"Fetch mode","fetch-mode-hint":"If selected fetch mode 'ALL'  you able to choose telemetry sampling order.","order-by":"Order by","order-by-hint":"Select to choose telemetry sampling order.",limit:"Limit","limit-hint":"Min limit value is 2, max - 1000. In case you want to fetch a single entry, select fetch mode 'FIRST' or 'LAST'.","time-unit-milliseconds":"Milliseconds","time-unit-seconds":"Seconds","time-unit-minutes":"Minutes","time-unit-hours":"Hours","time-unit-days":"Days","time-value-range":"Time value should be in a range from 1 to 2147483647.","start-interval-value-required":"Start interval value is required.","end-interval-value-required":"End interval value is required.",filter:"Filter",switch:"Switch","message-type":"Message type","message-type-required":"Message type is required.","message-types-filter":"Message types filter","no-message-types-found":"No message types found","no-message-type-matching":"'{{messageType}}' not found.","create-new-message-type":"Create a new one!","message-types-required":"Message types are required.","client-attributes":"Client attributes","shared-attributes":"Shared attributes","server-attributes":"Server attributes","latest-timeseries":"Latest timeseries","data-keys":"Message data","metadata-keys":"Message metadata","relations-query":"Relations query","device-relations-query":"Device relations query","max-relation-level":"Max relation level","relation-type-pattern":"Relation type pattern","relation-type-pattern-hint":"Relation type pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","relation-type-pattern-required":"Relation type pattern is required","relation-types-list":"Relation types to propagate","relation-types-list-hint":"If Propagate relation types are not selected, alarms will be propagated without filtering by relation type.","unlimited-level":"Unlimited level","latest-telemetry":"Latest telemetry","attr-mapping":"Attributes mapping","source-attribute":"Source attribute","source-attribute-required":"Source attribute is required.","source-telemetry":"Source telemetry","source-telemetry-required":"Source telemetry is required.","target-attribute":"Target attribute","target-attribute-required":"Target attribute is required.","attr-mapping-required":"At least one attribute mapping should be specified.","fields-mapping":"Fields mapping","fields-mapping-required":"At least one field mapping should be specified.","source-field":"Source field","source-field-required":"Source field is required.","originator-source":"Originator source","originator-customer":"Customer","originator-tenant":"Tenant","originator-related":"Related","originator-alarm-originator":"Alarm Originator","clone-message":"Clone message",transform:"Transform","default-ttl":"Default TTL in seconds","default-ttl-required":"Default TTL is required.","min-default-ttl-message":"Only 0 minimum TTL is allowed.","message-count":"Message count (0 - unlimited)","message-count-required":"Message count is required.","min-message-count-message":"Only 0 minimum message count is allowed.","period-seconds":"Period in seconds","period-seconds-required":"Period is required.","use-metadata-period-in-seconds-patterns":"Use metadata period in seconds pattern","use-metadata-period-in-seconds-patterns-hint":"If selected, rule node use period in seconds interval pattern from message metadata assuming that intervals are in the seconds.","period-in-seconds-pattern":"Period in seconds metadata pattern","period-in-seconds-pattern-required":"Period in seconds pattern is required","period-in-seconds-pattern-hint":"Period in seconds pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","min-period-seconds-message":"Only 1 second minimum period is allowed.",originator:"Originator","message-body":"Message body","message-metadata":"Message metadata",generate:"Generate","test-generator-function":"Test generator function",generator:"Generator","test-filter-function":"Test filter function","test-switch-function":"Test switch function","test-transformer-function":"Test transformer function",transformer:"Transformer","alarm-create-condition":"Alarm create condition","test-condition-function":"Test condition function","alarm-clear-condition":"Alarm clear condition","alarm-details-builder":"Alarm details builder","test-details-function":"Test details function","alarm-type":"Alarm type","alarm-type-required":"Alarm type is required.","alarm-severity":"Alarm severity","alarm-severity-required":"Alarm severity is required",propagate:"Propagate",condition:"Condition",details:"Details","to-string":"To string","test-to-string-function":"Test to string function","from-template":"From Template","from-template-required":"From Template is required","from-template-hint":"From address template, use <code>${metaKeyName}</code> to substitute variables from metadata","to-template":"To Template","to-template-required":"To Template is required","mail-address-list-template-hint":"Comma separated address list, use <code>${metaKeyName}</code> to substitute variables from metadata","cc-template":"Cc Template","bcc-template":"Bcc Template","subject-template":"Subject Template","subject-template-required":"Subject Template is required","subject-template-hint":"Mail subject template, use <code>${metaKeyName}</code> to substitute variables from metadata","body-template":"Body Template","body-template-required":"Body Template is required","body-template-hint":"Mail body template, use <code>${metaKeyName}</code> to substitute variables from metadata","request-id-metadata-attribute":"Request Id Metadata attribute name","timeout-sec":"Timeout in seconds","timeout-required":"Timeout is required","min-timeout-message":"Only 0 minimum timeout value is allowed.","endpoint-url-pattern":"Endpoint URL pattern","endpoint-url-pattern-required":"Endpoint URL pattern is required","endpoint-url-pattern-hint":"HTTP URL address pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","request-method":"Request method","use-simple-client-http-factory":"Use simple client HTTP factory","read-timeout":"Read timeout in millis","read-timeout-hint":"The value of 0 means an infinite timeout","max-parallel-requests-count":"Max number of parallel requests","max-parallel-requests-count-hint":"The value of 0 specifies no limit in parallel processing",headers:"Headers","headers-hint":"Use <code>${metaKeyName}</code> in header/value fields to substitute variables from metadata",header:"Header","header-required":"Header is required",value:"Value","value-required":"Value is required","topic-pattern":"Topic pattern","topic-pattern-required":"Topic pattern is required","mqtt-topic-pattern-hint":"MQTT topic pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","bootstrap-servers":"Bootstrap servers","bootstrap-servers-required":"Bootstrap servers value is required","other-properties":"Other properties",key:"Key","key-required":"Key is required",retries:"Automatically retry times if fails","min-retries-message":"Only 0 minimum retries is allowed.","batch-size-bytes":"Produces batch size in bytes","min-batch-size-bytes-message":"Only 0 minimum batch size is allowed.","linger-ms":"Time to buffer locally (ms)","min-linger-ms-message":"Only 0 ms minimum value is allowed.","buffer-memory-bytes":"Client buffer max size in bytes","min-buffer-memory-message":"Only 0 minimum buffer size is allowed.",acks:"Number of acknowledgments","key-serializer":"Key serializer","key-serializer-required":"Key serializer is required","value-serializer":"Value serializer","value-serializer-required":"Value serializer is required","topic-arn-pattern":"Topic ARN pattern","topic-arn-pattern-required":"Topic ARN pattern is required","topic-arn-pattern-hint":"Topic ARN pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","aws-access-key-id":"AWS Access Key ID","aws-access-key-id-required":"AWS Access Key ID is required","aws-secret-access-key":"AWS Secret Access Key","aws-secret-access-key-required":"AWS Secret Access Key is required","aws-region":"AWS Region","aws-region-required":"AWS Region is required","exchange-name-pattern":"Exchange name pattern","routing-key-pattern":"Routing key pattern","message-properties":"Message properties",host:"Host","host-required":"Host is required",port:"Port","port-required":"Port is required","port-range":"Port should be in a range from 1 to 65535.","virtual-host":"Virtual host",username:"Username",password:"Password","automatic-recovery":"Automatic recovery","connection-timeout-ms":"Connection timeout (ms)","min-connection-timeout-ms-message":"Only 0 ms minimum value is allowed.","handshake-timeout-ms":"Handshake timeout (ms)","min-handshake-timeout-ms-message":"Only 0 ms minimum value is allowed.","client-properties":"Client properties","queue-url-pattern":"Queue URL pattern","queue-url-pattern-required":"Queue URL pattern is required","queue-url-pattern-hint":"Queue URL pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","delay-seconds":"Delay (seconds)","min-delay-seconds-message":"Only 0 seconds minimum value is allowed.","max-delay-seconds-message":"Only 900 seconds maximum value is allowed.",name:"Name","name-required":"Name is required","queue-type":"Queue type","sqs-queue-standard":"Standard","sqs-queue-fifo":"FIFO","gcp-project-id":"GCP project ID","gcp-project-id-required":"GCP project ID is required","gcp-service-account-key":"GCP service account key file","gcp-service-account-key-required":"GCP service account key file is required","pubsub-topic-name":"Topic name","pubsub-topic-name-required":"Topic name is required","message-attributes":"Message attributes","message-attributes-hint":"Use <code>${metaKeyName}</code> in name/value fields to substitute variables from metadata","connect-timeout":"Connection timeout (sec)","connect-timeout-required":"Connection timeout is required.","connect-timeout-range":"Connection timeout should be in a range from 1 to 200.","client-id":"Client ID","clean-session":"Clean session","enable-ssl":"Enable SSL",credentials:"Credentials","credentials-type":"Credentials type","credentials-type-required":"Credentials type is required.","credentials-anonymous":"Anonymous","credentials-basic":"Basic","credentials-pem":"PEM","username-required":"Username is required.","password-required":"Password is required.","ca-cert":"CA certificate file *","private-key":"Private key file *",cert:"Certificate file *","no-file":"No file selected.","drop-file":"Drop a file or click to select a file to upload.","private-key-password":"Private key password","use-system-smtp-settings":"Use system SMTP settings","use-metadata-interval-patterns":"Use metadata interval patterns","use-metadata-interval-patterns-hint":"If selected, rule node use start and end interval patterns from message metadata assuming that intervals are in the milliseconds.","use-message-alarm-data":"Use message alarm data","check-all-keys":"Check that all selected keys are present","check-all-keys-hint":"If selected, checks that all specified keys are present in the message data and metadata.","check-relation-to-specific-entity":"Check relation to specific entity","check-relation-hint":"Checks existence of relation to specific entity or to any entity based on direction and relation type.","delete-relation-to-specific-entity":"Delete relation to specific entity","delete-relation-hint":"Deletes relation from the originator of the incoming message to the specified entity or list of entities based on direction and type.","remove-current-relations":"Remove current relations","remove-current-relations-hint":"Removes current relations from the originator of the incoming message based on direction and type.","change-originator-to-related-entity":"Change originator to related entity","change-originator-to-related-entity-hint":"Used to process submitted message as a message from another entity.","start-interval-pattern":"Start interval pattern","end-interval-pattern":"End interval pattern","start-interval-pattern-required":"Start interval pattern is required","end-interval-pattern-required":"End interval pattern is required","start-interval-pattern-hint":"Start interval pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","end-interval-pattern-hint":"End interval pattern, use <code>${metaKeyName}</code> to substitute variables from metadata","smtp-protocol":"Protocol","smtp-host":"SMTP host","smtp-host-required":"SMTP host is required.","smtp-port":"SMTP port","smtp-port-required":"You must supply a smtp port.","smtp-port-range":"SMTP port should be in a range from 1 to 65535.","timeout-msec":"Timeout ms","min-timeout-msec-message":"Only 0 ms minimum value is allowed.","enter-username":"Enter username","enter-password":"Enter password","enable-tls":"Enable TLS","tls-version":"TLS version","min-period-0-seconds-message":"Only 0 second minimum period is allowed.","max-pending-messages":"Maximum pending messages","max-pending-messages-required":"Maximum pending messages is required.","max-pending-messages-range":"Maximum pending messages should be in a range from 1 to 100000.","originator-types-filter":"Originator types filter","interval-seconds":"Interval in seconds","interval-seconds-required":"Interval is required.","min-interval-seconds-message":"Only 1 second minimum interval is allowed.","output-timeseries-key-prefix":"Output timeseries key prefix","output-timeseries-key-prefix-required":"Output timeseries key prefix required.","separator-hint":'You should press "enter" to complete field input.',"entity-details":"Select entity details:","entity-details-title":"Title","entity-details-country":"Country","entity-details-state":"State","entity-details-zip":"Zip","entity-details-address":"Address","entity-details-address2":"Address2","entity-details-additional_info":"Additional Info","entity-details-phone":"Phone","entity-details-email":"Email","add-to-metadata":"Add selected details to message metadata","add-to-metadata-hint":"If selected, adds the selected details keys to the message metadata instead of message data.","entity-details-list-empty":"No entity details selected.","no-entity-details-matching":"No entity details matching were found.","custom-table-name":"Custom table name","custom-table-name-required":"Table Name is required","custom-table-hint":"You should enter the table name without prefix 'cs_tb_'.","message-field":"Message field","message-field-required":"Message field is required.","table-col":"Table column","table-col-required":"Table column is required.","latitude-key-name":"Latitude key name","longitude-key-name":"Longitude key name","latitude-key-name-required":"Latitude key name is required.","longitude-key-name-required":"Longitude key name is required.","fetch-perimeter-info-from-message-metadata":"Fetch perimeter information from message metadata","perimeter-circle":"Circle","perimeter-polygon":"Polygon","perimeter-type":"Perimeter type","circle-center-latitude":"Center latitude","circle-center-latitude-required":"Center latitude is required.","circle-center-longitude":"Center longitude","circle-center-longitude-required":"Center longitude is required.","range-unit-meter":"Meter","range-unit-kilometer":"Kilometer","range-unit-foot":"Foot","range-unit-mile":"Mile","range-unit-nautical-mile":"Nautical mile","range-units":"Range units",range:"Range","range-required":"Range is required.","polygon-definition":"Polygon definition","polygon-definition-required":"Polygon definition is required.","polygon-definition-hint":"Please, use the following format for manual definition of polygon: [[lat1,lon1],[lat2,lon2], ... ,[latN,lonN]].","min-inside-duration":"Minimal inside duration","min-inside-duration-value-required":"Minimal inside duration is required","min-inside-duration-time-unit":"Minimal inside duration time unit","min-outside-duration":"Minimal outside duration","min-outside-duration-value-required":"Minimal outside duration is required","min-outside-duration-time-unit":"Minimal outside duration time unit","tell-failure-if-absent":"Tell Failure","tell-failure-if-absent-hint":'If at least one selected key doesn\'t exist the outbound message will report "Failure".',"get-latest-value-with-ts":"Fetch Latest telemetry with Timestamp","get-latest-value-with-ts-hint":'If selected, latest telemetry values will be added to the outbound message metadata with timestamp, e.g: "temp": "&lcub;\\"ts\\":1574329385897,\\"value\\":42&rcub;"',"use-redis-queue":"Use redis queue for message persistence","trim-redis-queue":"Trim redis queue","redis-queue-max-size":"Redis queue max size"},"key-val":{key:"Key",value:"Value","remove-entry":"Remove entry","add-entry":"Add entry"}}},!0)}(e)}return e.ctorParameters=function(){return[{type:n.TranslateService}]},e=b([t.NgModule({declarations:[F],imports:[r.CommonModule,a.SharedModule],exports:[ce,Fe,Ee,Pe,F]}),h("design:paramtypes",[n.TranslateService])],e)}();e.RuleNodeCoreConfigModule=Re,e.ɵa=F,e.ɵb=ce,e.ɵba=ne,e.ɵbb=X,e.ɵbc=ee,e.ɵbd=te,e.ɵbe=re,e.ɵbf=Fe,e.ɵbg=fe,e.ɵbh=ge,e.ɵbi=ye,e.ɵbj=be,e.ɵbk=he,e.ɵbl=Ce,e.ɵbm=ve,e.ɵbn=Ee,e.ɵbo=Te,e.ɵbp=xe,e.ɵbq=qe,e.ɵbr=Ie,e.ɵbs=Se,e.ɵbt=Ne,e.ɵbu=ke,e.ɵbv=Ve,e.ɵbw=Pe,e.ɵbx=Ae,e.ɵby=Le,e.ɵbz=Me,e.ɵc=T,e.ɵd=x,e.ɵe=q,e.ɵf=I,e.ɵg=S,e.ɵh=N,e.ɵi=k,e.ɵj=V,e.ɵk=E,e.ɵl=A,e.ɵm=L,e.ɵn=J,e.ɵo=W,e.ɵp=Y,e.ɵq=Z,e.ɵr=ae,e.ɵs=oe,e.ɵt=ie,e.ɵu=le,e.ɵv=se,e.ɵw=me,e.ɵx=ue,e.ɵy=de,e.ɵz=pe,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=rulenode-core-config.umd.min.js.map
\ No newline at end of file
diff --git a/tools/pom.xml b/tools/pom.xml
index 64027c478e..c8058d1bd7 100644
--- a/tools/pom.xml
+++ b/tools/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>thingsboard</artifactId>
     </parent>
     <artifactId>tools</artifactId>
diff --git a/transport/coap/pom.xml b/transport/coap/pom.xml
index d17dc0ba5b..abdb507860 100644
--- a/transport/coap/pom.xml
+++ b/transport/coap/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>transport</artifactId>
     </parent>
     <groupId>org.thingsboard.transport</groupId>
diff --git a/transport/http/pom.xml b/transport/http/pom.xml
index 72572d943f..b50d6e0bdd 100644
--- a/transport/http/pom.xml
+++ b/transport/http/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>transport</artifactId>
     </parent>
     <groupId>org.thingsboard.transport</groupId>
diff --git a/transport/mqtt/pom.xml b/transport/mqtt/pom.xml
index cb1844eea5..3bc142c90f 100644
--- a/transport/mqtt/pom.xml
+++ b/transport/mqtt/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>transport</artifactId>
     </parent>
     <groupId>org.thingsboard.transport</groupId>
diff --git a/transport/pom.xml b/transport/pom.xml
index 0446f3d7b3..2bdec26dff 100644
--- a/transport/pom.xml
+++ b/transport/pom.xml
@@ -20,7 +20,7 @@
     <modelVersion>4.0.0</modelVersion>
     <parent>
         <groupId>org.thingsboard</groupId>
-        <version>2.5.0-SNAPSHOT</version>
+        <version>3.0.0-SNAPSHOT</version>
         <artifactId>thingsboard</artifactId>
     </parent>
     <artifactId>transport</artifactId>
diff --git a/ui-ngx/.editorconfig b/ui-ngx/.editorconfig
new file mode 100644
index 0000000000..9f4a13760a
--- /dev/null
+++ b/ui-ngx/.editorconfig
@@ -0,0 +1,29 @@
+#
+# Copyright © 2016-2020 The Thingsboard Authors
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
diff --git a/ui-ngx/.gitignore b/ui-ngx/.gitignore
new file mode 100644
index 0000000000..f4f46a5fee
--- /dev/null
+++ b/ui-ngx/.gitignore
@@ -0,0 +1,46 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/tmp
+/out-tsc
+# Only exists if Bazel was run
+/bazel-out
+
+# dependencies
+/node_modules
+
+# profiling files
+chrome-profiler-events.json
+speed-measure-plugin.json
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db
diff --git a/ui-ngx/angular.json b/ui-ngx/angular.json
new file mode 100644
index 0000000000..f6cf3125d5
--- /dev/null
+++ b/ui-ngx/angular.json
@@ -0,0 +1,196 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "thingsboard": {
+      "root": "",
+      "sourceRoot": "src",
+      "projectType": "application",
+      "prefix": "tb",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "architect": {
+        "build": {
+          "builder": "@angular-builders/custom-webpack:browser",
+          "options": {
+            "outputPath": "target/generated-resources/public",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "src/tsconfig.app.json",
+            "assets": [
+              "src/thingsboard.ico",
+              "src/assets",
+              { "glob": "worker-html.js", "input": "./node_modules/ace-builds/src-min/", "output": "/" },
+              { "glob": "worker-css.js", "input": "./node_modules/ace-builds/src-min/", "output": "/" },
+              { "glob": "worker-json.js", "input": "./node_modules/ace-builds/src-min/", "output": "/" },
+              { "glob": "worker-javascript.js", "input": "./node_modules/ace-builds/src-min/", "output": "/" }
+            ],
+            "styles": [
+              "src/styles.scss",
+              "node_modules/jquery.terminal/css/jquery.terminal.min.css",
+              "node_modules/tooltipster/dist/css/tooltipster.bundle.min.css",
+              "node_modules/tooltipster/dist/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-shadow.min.css",
+              "src/app/shared/components/json-form/react/json-form.scss",
+              "node_modules/rc-select/assets/index.less",
+              "node_modules/jstree-bootstrap-theme/dist/themes/proton/style.min.css"
+            ],
+            "stylePreprocessorOptions": {
+              "includePaths": [
+                  "src/scss"
+              ]
+            },
+            "scripts": [
+              "node_modules/javascript-detect-element-resize/detect-element-resize.js",
+              "node_modules/jquery/dist/jquery.min.js",
+              "node_modules/jquery.terminal/js/jquery.terminal.min.js",
+              "node_modules/flot/lib/jquery.colorhelpers.js",
+              "node_modules/flot/src/jquery.flot.js",
+              "node_modules/flot/src/plugins/jquery.flot.time.js",
+              "node_modules/flot/src/plugins/jquery.flot.selection.js",
+              "node_modules/flot/src/plugins/jquery.flot.pie.js",
+              "node_modules/flot/src/plugins/jquery.flot.crosshair.js",
+              "node_modules/flot/src/plugins/jquery.flot.stack.js",
+              "node_modules/flot.curvedlines/curvedLines.js",
+              "node_modules/tinycolor2/dist/tinycolor-min.js",
+              "node_modules/tooltipster/dist/js/tooltipster.bundle.min.js",
+              "node_modules/split.js/dist/split.js",
+              "node_modules/js-beautify/js/lib/beautify.js",
+              "node_modules/js-beautify/js/lib/beautify-css.js",
+              "node_modules/js-beautify/js/lib/beautify-html.js",
+              "node_modules/ace-builds/src-min/ace.js",
+              "node_modules/ace-builds/src-min/ext-language_tools.js",
+              "node_modules/ace-builds/src-min/ext-searchbox.js",
+              "node_modules/ace-builds/src-min/theme-github.js",
+              "node_modules/ace-builds/src-min/mode-text.js",
+              "node_modules/ace-builds/src-min/mode-markdown.js",
+              "node_modules/ace-builds/src-min/mode-html.js",
+              "node_modules/ace-builds/src-min/mode-css.js",
+              "node_modules/ace-builds/src-min/mode-json.js",
+              "node_modules/ace-builds/src-min/mode-java.js",
+              "node_modules/ace-builds/src-min/mode-javascript.js",
+              "node_modules/ace-builds/src-min/snippets/text.js",
+              "node_modules/ace-builds/src-min/snippets/markdown.js",
+              "node_modules/ace-builds/src-min/snippets/html.js",
+              "node_modules/ace-builds/src-min/snippets/css.js",
+              "node_modules/ace-builds/src-min/snippets/json.js",
+              "node_modules/ace-builds/src-min/snippets/java.js",
+              "node_modules/ace-builds/src-min/snippets/javascript.js",
+              "node_modules/systemjs/dist/system.js",
+              "node_modules/jstree/dist/jstree.min.js"
+            ],
+            "es5BrowserSupport": true,
+            "customWebpackConfig": {
+              "path": "./extra-webpack.config.js"
+            }
+          },
+          "configurations": {
+            "production": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": false,
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "9mb",
+                  "maximumError": "12mb"
+                }
+              ]
+            }
+          }
+        },
+        "serve": {
+          "builder": "@angular-builders/custom-webpack:dev-server",
+          "options": {
+            "browserTarget": "thingsboard:build",
+            "proxyConfig": "proxy.conf.js"
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "thingsboard:build:production"
+            }
+          }
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "browserTarget": "thingsboard:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "src/test.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "src/tsconfig.spec.json",
+            "karmaConfig": "src/karma.conf.js",
+            "styles": [
+              "src/styles.scss"
+            ],
+            "scripts": [],
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ]
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "src/tsconfig.app.json",
+              "src/tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
+    },
+    "thingsboard-e2e": {
+      "root": "e2e/",
+      "projectType": "application",
+      "prefix": "",
+      "architect": {
+        "e2e": {
+          "builder": "@angular-devkit/build-angular:protractor",
+          "options": {
+            "protractorConfig": "e2e/protractor.conf.js",
+            "devServerTarget": "thingsboard:serve"
+          },
+          "configurations": {
+            "production": {
+              "devServerTarget": "thingsboard:serve:production"
+            }
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": "e2e/tsconfig.e2e.json",
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
+    }
+  },
+  "defaultProject": "thingsboard"
+}
diff --git a/ui-ngx/e2e/protractor.conf.js b/ui-ngx/e2e/protractor.conf.js
new file mode 100644
index 0000000000..e125764451
--- /dev/null
+++ b/ui-ngx/e2e/protractor.conf.js
@@ -0,0 +1,43 @@
+/*
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// Protractor configuration file, see link for more information
+// https://github.com/angular/protractor/blob/master/lib/config.ts
+
+const { SpecReporter } = require("jasmine-spec-reporter");
+
+exports.config = {
+  allScriptsTimeout: 11000,
+  specs: [
+    "./src/**/*.e2e-spec.ts",
+  ],
+  capabilities: {
+    "browserName": "chrome",
+  },
+  directConnect: true,
+  baseUrl: "http://localhost:4200/",
+  framework: "jasmine",
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 30000,
+    print: function() {},
+  },
+  onPrepare() {
+    require("ts-node").register({
+      project: require("path").join(__dirname, "./tsconfig.e2e.json"),
+    });
+    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
+  },
+};
diff --git a/ui-ngx/e2e/src/app.e2e-spec.ts b/ui-ngx/e2e/src/app.e2e-spec.ts
new file mode 100644
index 0000000000..ee5a699b85
--- /dev/null
+++ b/ui-ngx/e2e/src/app.e2e-spec.ts
@@ -0,0 +1,39 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { AppPage } from './app.po';
+import { browser, logging } from 'protractor';
+
+describe('workspace-project App', () => {
+  let page: AppPage;
+
+  beforeEach(() => {
+    page = new AppPage();
+  });
+
+  it('should display welcome message', () => {
+    page.navigateTo();
+    expect(page.getTitleText()).toEqual('Welcome to tb-license-server!');
+  });
+
+  afterEach(async () => {
+    // Assert that there are no errors emitted from the browser
+    const logs = await browser.manage().logs().get(logging.Type.BROWSER);
+    expect(logs).not.toContain(jasmine.objectContaining({
+      level: logging.Level.SEVERE,
+    } as logging.Entry));
+  });
+});
diff --git a/ui-ngx/e2e/src/app.po.ts b/ui-ngx/e2e/src/app.po.ts
new file mode 100644
index 0000000000..f38f906b65
--- /dev/null
+++ b/ui-ngx/e2e/src/app.po.ts
@@ -0,0 +1,27 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { browser, by, element } from 'protractor';
+
+export class AppPage {
+  navigateTo() {
+    return browser.get(browser.baseUrl) as Promise<any>;
+  }
+
+  getTitleText() {
+    return element(by.css('tb-root h1')).getText() as Promise<string>;
+  }
+}
diff --git a/ui-ngx/e2e/tsconfig.e2e.json b/ui-ngx/e2e/tsconfig.e2e.json
new file mode 100644
index 0000000000..a6dd622028
--- /dev/null
+++ b/ui-ngx/e2e/tsconfig.e2e.json
@@ -0,0 +1,13 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/app",
+    "module": "commonjs",
+    "target": "es5",
+    "types": [
+      "jasmine",
+      "jasminewd2",
+      "node"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/ui-ngx/extra-webpack.config.js b/ui-ngx/extra-webpack.config.js
new file mode 100644
index 0000000000..87b95cab07
--- /dev/null
+++ b/ui-ngx/extra-webpack.config.js
@@ -0,0 +1,43 @@
+/*
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const CompressionPlugin = require("compression-webpack-plugin");
+const webpack = require("webpack");
+const dirTree = require("directory-tree");
+
+var langs = [];
+
+dirTree("./src/assets/locale/", {extensions: /\.json$/}, (item) => {
+  /* It is expected what the name of a locale file has the following format: */
+  /* 'locale.constant-LANG_CODE[_REGION_CODE].json', e.g. locale.constant-es.json or locale.constant-zh_CN.json*/
+  langs.push(item.name.slice(item.name.lastIndexOf("-") + 1, -5));
+});
+
+module.exports = {
+  plugins: [
+    new webpack.DefinePlugin({
+      TB_VERSION: JSON.stringify(require("./package.json").version),
+      SUPPORTED_LANGS: JSON.stringify(langs),
+    }),
+    new CompressionPlugin({
+      filename: "[path].gz[query]",
+      algorithm: "gzip",
+      test: /\.js$|\.css$|\.html$|\.svg?.+$|\.jpg$|\.ttf?.+$|\.woff?.+$|\.eot?.+$|\.json$/,
+      threshold: 10240,
+      minRatio: 0.8,
+      deleteOriginalAssets: false,
+    }),
+  ],
+};
diff --git a/ui-ngx/package-lock.json b/ui-ngx/package-lock.json
new file mode 100644
index 0000000000..db25e430bf
--- /dev/null
+++ b/ui-ngx/package-lock.json
@@ -0,0 +1,16305 @@
+{
+  "name": "thingsboard",
+  "version": "3.0.0",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "@angular-builders/custom-webpack": {
+      "version": "9.0.0-beta.7",
+      "resolved": "https://registry.npmjs.org/@angular-builders/custom-webpack/-/custom-webpack-9.0.0-beta.7.tgz",
+      "integrity": "sha512-4TkeHIJIczuikLWpVu9MJ449zSCge6qC4sWV9vWwisD/Wr6YmkF4iNSeq7vmBkxHDbLsiZm5mZsbR0ItHZO/OA==",
+      "dev": true,
+      "requires": {
+        "@angular-devkit/architect": "^0.900.0-rc.2",
+        "@angular-devkit/build-angular": "^0.900.0-rc.2",
+        "@angular-devkit/core": "^9.0.0-rc.2",
+        "lodash": "^4.17.10",
+        "ts-node": "^8.5.2",
+        "webpack-merge": "^4.2.1"
+      }
+    },
+    "@angular-devkit/architect": {
+      "version": "0.900.2",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.900.2.tgz",
+      "integrity": "sha512-uClqp4QEY/m6CB7SsNZGdVNTEgMzkI1Fkt0TOdE9huN1iCi/0+h3nQb+NZ1vBqD2afg9EqDwIPu2KCU0p1BR2A==",
+      "dev": true,
+      "requires": {
+        "@angular-devkit/core": "9.0.2",
+        "rxjs": "6.5.3"
+      },
+      "dependencies": {
+        "rxjs": {
+          "version": "6.5.3",
+          "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.5.3.tgz",
+          "integrity": "sha512-wuYsAYYFdWTAnAaPoKGNhfpWwKZbJW+HgAJ+mImp+Epl7BG8oNWBCTyRM8gba9k4lk8BgWdoYm21Mo/RYhhbgA==",
+          "dev": true,
+          "requires": {
+            "tslib": "^1.9.0"
+          }
+        }
+      }
+    },
+    "@angular-devkit/build-angular": {
+      "version": "0.900.2",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-0.900.2.tgz",
+      "integrity": "sha512-w1FHd+Ub0YO1/Xlz+SrSxbFWbJVW0jmR++fABWreh04XHGtC8kqsqP6VY8DUYBO9PcD5JyB5uG9TBxVLVR/G/w==",
+      "dev": true,
+      "requires": {
+        "@angular-devkit/architect": "0.900.2",
+        "@angular-devkit/build-optimizer": "0.900.2",
+        "@angular-devkit/build-webpack": "0.900.2",
+        "@angular-devkit/core": "9.0.2",
+        "@babel/core": "7.7.7",
+        "@babel/generator": "7.7.7",
+        "@babel/preset-env": "7.7.7",
+        "@ngtools/webpack": "9.0.2",
+        "ajv": "6.10.2",
+        "autoprefixer": "9.7.1",
+        "babel-loader": "8.0.6",
+        "browserslist": "4.8.3",
+        "cacache": "13.0.1",
+        "caniuse-lite": "1.0.30001020",
+        "circular-dependency-plugin": "5.2.0",
+        "copy-webpack-plugin": "5.1.1",
+        "core-js": "3.6.0",
+        "coverage-istanbul-loader": "2.0.3",
+        "cssnano": "4.1.10",
+        "file-loader": "4.2.0",
+        "find-cache-dir": "3.0.0",
+        "glob": "7.1.5",
+        "jest-worker": "24.9.0",
+        "karma-source-map-support": "1.4.0",
+        "less": "3.10.3",
+        "less-loader": "5.0.0",
+        "license-webpack-plugin": "2.1.3",
+        "loader-utils": "1.2.3",
+        "magic-string": "0.25.4",
+        "mini-css-extract-plugin": "0.8.0",
+        "minimatch": "3.0.4",
+        "open": "7.0.0",
+        "parse5": "4.0.0",
+        "postcss": "7.0.21",
+        "postcss-import": "12.0.1",
+        "postcss-loader": "3.0.0",
+        "raw-loader": "3.1.0",
+        "regenerator-runtime": "0.13.3",
+        "rimraf": "3.0.0",
+        "rollup": "1.25.2",
+        "rxjs": "6.5.3",
+        "sass": "1.23.3",
+        "sass-loader": "8.0.0",
+        "semver": "6.3.0",
+        "source-map": "0.7.3",
+        "source-map-loader": "0.2.4",
+        "source-map-support": "0.5.16",
+        "speed-measure-webpack-plugin": "1.3.1",
+        "style-loader": "1.0.0",
+        "stylus": "0.54.7",
+        "stylus-loader": "3.0.2",
+        "terser": "4.5.1",
+        "terser-webpack-plugin": "2.3.3",
+        "tree-kill": "1.2.2",
+        "webpack": "4.41.2",
+        "webpack-dev-middleware": "3.7.2",
+        "webpack-dev-server": "3.9.0",
+        "webpack-merge": "4.2.2",
+        "webpack-sources": "1.4.3",
+        "webpack-subresource-integrity": "1.3.4",
+        "worker-plugin": "3.2.0"
+      },
+      "dependencies": {
+        "ajv": {
+          "version": "6.10.2",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.2.tgz",
+          "integrity": "sha512-TXtUUEYHuaTEbLZWIKUr5pmBuhDLy+8KYtPYdcV8qC+pOZL+NKqYwvWSRrVXHn+ZmRRAu8vJTAznH7Oag6RVRw==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^2.0.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "core-js": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.6.0.tgz",
+          "integrity": "sha512-AHPTNKzyB+YwgDWoSOCaid9PUSEF6781vsfiK8qUz62zRR448/XgK2NtCbpiUGizbep8Lrpt0Du19PpGGZvw3Q==",
+          "dev": true
+        },
+        "fast-deep-equal": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
+          "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=",
+          "dev": true
+        },
+        "glob": {
+          "version": "7.1.5",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.5.tgz",
+          "integrity": "sha512-J9dlskqUXK1OeTOYBEn5s8aMukWMwWfs+rPTn/jn50Ux4MNXVhubL1wu/j2t+H4NVI+cXEcCaYellqaPVGXNqQ==",
+          "dev": true,
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.0.4",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        },
+        "parse5": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/parse5/-/parse5-4.0.0.tgz",
+          "integrity": "sha512-VrZ7eOd3T1Fk4XWNXMgiGBK/z0MG48BWG2uQNU4I72fkQuKUTZpl+u9k+CxEG0twMVzSmXEEz12z5Fnw1jIQFA==",
+          "dev": true
+        },
+        "rxjs": {
+          "version": "6.5.3",
+          "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.5.3.tgz",
+          "integrity": "sha512-wuYsAYYFdWTAnAaPoKGNhfpWwKZbJW+HgAJ+mImp+Epl7BG8oNWBCTyRM8gba9k4lk8BgWdoYm21Mo/RYhhbgA==",
+          "dev": true,
+          "requires": {
+            "tslib": "^1.9.0"
+          }
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.7.3",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
+          "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
+          "dev": true
+        }
+      }
+    },
+    "@angular-devkit/build-optimizer": {
+      "version": "0.900.2",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-optimizer/-/build-optimizer-0.900.2.tgz",
+      "integrity": "sha512-4jcjYKjGvUj1Q4vqQSUU0JT1LXOh7qC7vWCK+bbAsW77wAavtbKFt2mDjB2DMIRFzt9lSULi0Z+JVOD9KUzk2g==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "1.2.3",
+        "source-map": "0.7.3",
+        "tslib": "1.10.0",
+        "typescript": "3.6.4",
+        "webpack-sources": "1.4.3"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.7.3",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
+          "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
+          "dev": true
+        },
+        "typescript": {
+          "version": "3.6.4",
+          "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.6.4.tgz",
+          "integrity": "sha512-unoCll1+l+YK4i4F8f22TaNVPRHcD9PA3yCuZ8g5e0qGqlVlJ/8FSateOLLSagn+Yg5+ZwuPkL8LFUc0Jcvksg==",
+          "dev": true
+        }
+      }
+    },
+    "@angular-devkit/build-webpack": {
+      "version": "0.900.2",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.900.2.tgz",
+      "integrity": "sha512-DiHUSO352NV9OcXB8cZY8gLijrUg0SIbPwrKUTjx1prZMJKa+MqWDpwhleVsM1VRyUH3qMTzhaUFmw+hqdR0BQ==",
+      "dev": true,
+      "requires": {
+        "@angular-devkit/architect": "0.900.2",
+        "@angular-devkit/core": "9.0.2",
+        "rxjs": "6.5.3"
+      },
+      "dependencies": {
+        "rxjs": {
+          "version": "6.5.3",
+          "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.5.3.tgz",
+          "integrity": "sha512-wuYsAYYFdWTAnAaPoKGNhfpWwKZbJW+HgAJ+mImp+Epl7BG8oNWBCTyRM8gba9k4lk8BgWdoYm21Mo/RYhhbgA==",
+          "dev": true,
+          "requires": {
+            "tslib": "^1.9.0"
+          }
+        }
+      }
+    },
+    "@angular-devkit/core": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-9.0.2.tgz",
+      "integrity": "sha512-lEmfYs7+oHmXEQ3y97QGm73zs7i6chpx+ZSaBUvMM9oCKj/lytcn+diVG+t4hMavH6TK0lai7DO1rAbYkbmdrA==",
+      "dev": true,
+      "requires": {
+        "ajv": "6.10.2",
+        "fast-json-stable-stringify": "2.0.0",
+        "magic-string": "0.25.4",
+        "rxjs": "6.5.3",
+        "source-map": "0.7.3"
+      },
+      "dependencies": {
+        "ajv": {
+          "version": "6.10.2",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.2.tgz",
+          "integrity": "sha512-TXtUUEYHuaTEbLZWIKUr5pmBuhDLy+8KYtPYdcV8qC+pOZL+NKqYwvWSRrVXHn+ZmRRAu8vJTAznH7Oag6RVRw==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^2.0.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "fast-deep-equal": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
+          "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=",
+          "dev": true
+        },
+        "fast-json-stable-stringify": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz",
+          "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I=",
+          "dev": true
+        },
+        "rxjs": {
+          "version": "6.5.3",
+          "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.5.3.tgz",
+          "integrity": "sha512-wuYsAYYFdWTAnAaPoKGNhfpWwKZbJW+HgAJ+mImp+Epl7BG8oNWBCTyRM8gba9k4lk8BgWdoYm21Mo/RYhhbgA==",
+          "dev": true,
+          "requires": {
+            "tslib": "^1.9.0"
+          }
+        },
+        "source-map": {
+          "version": "0.7.3",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
+          "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
+          "dev": true
+        }
+      }
+    },
+    "@angular-devkit/schematics": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-9.0.2.tgz",
+      "integrity": "sha512-+MiSBWErz8hxcbyHioCQtTnFpbqaoCEQEknK0vCb15fFEY2Hi3u2TXK59QNKsqn8w+Mye5dHYhwmpsAC8Wcgtw==",
+      "dev": true,
+      "requires": {
+        "@angular-devkit/core": "9.0.2",
+        "ora": "4.0.2",
+        "rxjs": "6.5.3"
+      },
+      "dependencies": {
+        "rxjs": {
+          "version": "6.5.3",
+          "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.5.3.tgz",
+          "integrity": "sha512-wuYsAYYFdWTAnAaPoKGNhfpWwKZbJW+HgAJ+mImp+Epl7BG8oNWBCTyRM8gba9k4lk8BgWdoYm21Mo/RYhhbgA==",
+          "dev": true,
+          "requires": {
+            "tslib": "^1.9.0"
+          }
+        }
+      }
+    },
+    "@angular/animations": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-9.0.1.tgz",
+      "integrity": "sha512-R0FLhAfylFIiRArhtLOUokOAVtWCH20ocRXo6E8HHOc3fbaUS9ci3rIbFZQkaAv9RgZfKewrcV6Wa3TY905w5g=="
+    },
+    "@angular/cdk": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-9.0.0.tgz",
+      "integrity": "sha512-2kYpyYbewIB6fubSIDMvSprJLNplRZoL/AtXW3od4dLyRxtzX+7iWTAtzUG/dhq8CKev0lpd1HENh5lLR/Lhjw==",
+      "requires": {
+        "parse5": "^5.0.0"
+      }
+    },
+    "@angular/cli": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-9.0.2.tgz",
+      "integrity": "sha512-ih3bnvav94MXI9YpwJ4AaETfUGwzc+S2jg4vkfYMuBeWO8kJ7Ma4f2ZriIwWyfHWHlBLHDF6OjAVdisBKPpQag==",
+      "dev": true,
+      "requires": {
+        "@angular-devkit/architect": "0.900.2",
+        "@angular-devkit/core": "9.0.2",
+        "@angular-devkit/schematics": "9.0.2",
+        "@schematics/angular": "9.0.2",
+        "@schematics/update": "0.900.2",
+        "@yarnpkg/lockfile": "1.1.0",
+        "ansi-colors": "4.1.1",
+        "debug": "^4.1.1",
+        "ini": "1.3.5",
+        "inquirer": "7.0.0",
+        "npm-package-arg": "6.1.1",
+        "npm-pick-manifest": "3.0.2",
+        "open": "7.0.0",
+        "pacote": "9.5.8",
+        "read-package-tree": "5.3.1",
+        "rimraf": "3.0.0",
+        "semver": "6.3.0",
+        "symbol-observable": "1.2.0",
+        "universal-analytics": "^0.4.20",
+        "uuid": "^3.3.2"
+      },
+      "dependencies": {
+        "ansi-colors": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
+          "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
+          "dev": true
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
+      }
+    },
+    "@angular/common": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-9.0.1.tgz",
+      "integrity": "sha512-40jbKdCb4xi6NTzLt1kE0V/X7JxCLLo8eUEr3Z34Z9Ljnd4LC+/CkuThPdQJ3HW1Z8r5SWXj+rES+sn75YNVmA=="
+    },
+    "@angular/compiler": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-9.0.1.tgz",
+      "integrity": "sha512-ldamsPzIx+FLT/IYBqwsFL6qbP3BDgvPQa4Y3F/gFXDsoe+VTY5qwJfhr2iLbtF+fYomwOgY2kSL42BVQL873Q=="
+    },
+    "@angular/compiler-cli": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-9.0.1.tgz",
+      "integrity": "sha512-HxJAXr1TWoqVzR7pRe89UjWnu3ESJzo+gjWWtv1NtDMwUKQ2JHWmC3yp/U0URprA03Ii8lXlrZWBjps04ZIlAg==",
+      "dev": true,
+      "requires": {
+        "canonical-path": "1.0.0",
+        "chokidar": "^3.0.0",
+        "convert-source-map": "^1.5.1",
+        "dependency-graph": "^0.7.2",
+        "fs-extra": "4.0.2",
+        "magic-string": "^0.25.0",
+        "minimist": "^1.2.0",
+        "reflect-metadata": "^0.1.2",
+        "semver": "^6.3.0",
+        "source-map": "^0.6.1",
+        "yargs": "13.1.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
+          "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
+          "dev": true
+        },
+        "camelcase": {
+          "version": "5.3.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+          "dev": true
+        },
+        "emoji-regex": {
+          "version": "7.0.3",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+          "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
+          "dev": true
+        },
+        "find-up": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+          "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^3.0.0"
+          }
+        },
+        "fs-extra": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-4.0.2.tgz",
+          "integrity": "sha1-+RcExT0bRh+JNFKwwwfZmXZHq2s=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "get-caller-file": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+          "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        },
+        "locate-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+          "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^3.0.0",
+            "path-exists": "^3.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "2.2.2",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.2.tgz",
+          "integrity": "sha512-WGR+xHecKTr7EbUEhyLSh5Dube9JtdiG78ufaeLxTgpudf/20KqyMioIUZJAezlTIi6evxuoUs9YXc11cU+yzQ==",
+          "dev": true,
+          "requires": {
+            "p-try": "^2.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+          "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.0.0"
+          }
+        },
+        "p-try": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+          "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+          "dev": true
+        },
+        "require-main-filename": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+          "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+          "dev": true
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        },
+        "string-width": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+          "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^7.0.1",
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^5.1.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^4.1.0"
+          }
+        },
+        "yargs": {
+          "version": "13.1.0",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.1.0.tgz",
+          "integrity": "sha512-1UhJbXfzHiPqkfXNHYhiz79qM/kZqjTE8yGlEjZa85Q+3+OwcV6NRkV7XOV1W2Eom2bzILeUn55pQYffjVOLAg==",
+          "dev": true,
+          "requires": {
+            "cliui": "^4.0.0",
+            "find-up": "^3.0.0",
+            "get-caller-file": "^2.0.1",
+            "os-locale": "^3.1.0",
+            "require-directory": "^2.1.1",
+            "require-main-filename": "^2.0.0",
+            "set-blocking": "^2.0.0",
+            "string-width": "^3.0.0",
+            "which-module": "^2.0.0",
+            "y18n": "^4.0.0",
+            "yargs-parser": "^13.0.0"
+          }
+        },
+        "yargs-parser": {
+          "version": "13.1.1",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.1.tgz",
+          "integrity": "sha512-oVAVsHz6uFrg3XQheFII8ESO2ssAf9luWuAd6Wexsu4F3OtIW0o8IribPXYrD4WC24LWtPrJlGy87y5udK+dxQ==",
+          "dev": true,
+          "requires": {
+            "camelcase": "^5.0.0",
+            "decamelize": "^1.2.0"
+          }
+        }
+      }
+    },
+    "@angular/core": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-9.0.1.tgz",
+      "integrity": "sha512-q/3VLGM98euB/ZluSuMqvWyQb563iabRcVkC/DrHqCQMadV1ZpvuOgf8Gm092d8GY/iC4CGlTsN0wiVapMxplQ=="
+    },
+    "@angular/flex-layout": {
+      "version": "9.0.0-beta.29",
+      "resolved": "https://registry.npmjs.org/@angular/flex-layout/-/flex-layout-9.0.0-beta.29.tgz",
+      "integrity": "sha512-93sxR+kYfYMOdnlWL0Q77FZ428gg8XnBu0YZm6GsCdkw/vLggIT/G1ZAqHlCPIODt6pxmCJ5KXh4ShvniIYDsA=="
+    },
+    "@angular/forms": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-9.0.1.tgz",
+      "integrity": "sha512-yzzlCslWp7IiFSYjSGNqexPmnKn9xhpT8FKzxNT0qEpQ+SieQ7apsjvMfR3TCip0Nnfus2qTh3kz1ZCaawAcjQ=="
+    },
+    "@angular/language-service": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/@angular/language-service/-/language-service-9.0.1.tgz",
+      "integrity": "sha512-e/8CGATX7C0ElwBk6QjCfWk7A6lwikrBR1cesNu1kNwneZkiIeIel1jklbDUT0NFr4C2/FdBu2Z3GbvDeCO8Vw==",
+      "dev": true
+    },
+    "@angular/material": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-9.0.0.tgz",
+      "integrity": "sha512-QxN2rmR5mvg2YE1NoIGWLpbnmcJq0iFidzy6odzvN17+XkoCJBZ65IdYsHrJgfwGpoIy6bywuixrDHHcSh9I5w=="
+    },
+    "@angular/platform-browser": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-9.0.1.tgz",
+      "integrity": "sha512-0o2aRxbQ3xZ/ZeLXajDqhrRK6vcICzdJ7GKvPgZxdohnnJ7JN1qp8U7J4aEotPqfSAde/aD2JvoDDtKZ0XIDWg=="
+    },
+    "@angular/platform-browser-dynamic": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-9.0.1.tgz",
+      "integrity": "sha512-DslT339T+TBt4jUlXMblPR4IghXtykB+jQctm02G4AJUlvMa4b798N1oM6sD5F8NmBMa6beZ2dcRJ07f75LVBA=="
+    },
+    "@angular/router": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-9.0.1.tgz",
+      "integrity": "sha512-pHLDooNvXEUtjYANWtJ7fMxG9l2mDJgPphOi/S6c27U5yNf0NVk+Qh3kuuNi2hQQ5RaR4jdRyCQePD2H4g2+/g=="
+    },
+    "@auth0/angular-jwt": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@auth0/angular-jwt/-/angular-jwt-4.0.0.tgz",
+      "integrity": "sha512-CHvk1zJ9jpQupl0f5y7EmTvYAwugyFvC4ztLsZKr7ZC7anNVaDd1+pDFJYS+ZEU9jLWzE74+AfVKfigImADJuw==",
+      "requires": {
+        "url": "^0.11.0"
+      }
+    },
+    "@babel/code-frame": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.8.3.tgz",
+      "integrity": "sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==",
+      "dev": true,
+      "requires": {
+        "@babel/highlight": "^7.8.3"
+      }
+    },
+    "@babel/core": {
+      "version": "7.7.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.7.7.tgz",
+      "integrity": "sha512-jlSjuj/7z138NLZALxVgrx13AOtqip42ATZP7+kYl53GvDV6+4dCek1mVUo8z8c8Xnw/mx2q3d9HWh3griuesQ==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.5.5",
+        "@babel/generator": "^7.7.7",
+        "@babel/helpers": "^7.7.4",
+        "@babel/parser": "^7.7.7",
+        "@babel/template": "^7.7.4",
+        "@babel/traverse": "^7.7.4",
+        "@babel/types": "^7.7.4",
+        "convert-source-map": "^1.7.0",
+        "debug": "^4.1.0",
+        "json5": "^2.1.0",
+        "lodash": "^4.17.13",
+        "resolve": "^1.3.2",
+        "semver": "^5.4.1",
+        "source-map": "^0.5.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "json5": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.1.tgz",
+          "integrity": "sha512-l+3HXD0GEI3huGq1njuqtzYK8OYJyXMkOLtQ53pjWh89tvWS2h6l+1zMkYWqlb57+SiQodKZyvMEFb2X+KrFhQ==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.0"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        }
+      }
+    },
+    "@babel/generator": {
+      "version": "7.7.7",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.7.7.tgz",
+      "integrity": "sha512-/AOIBpHh/JU1l0ZFS4kiRCBnLi6OTHzh0RPk3h9isBxkkqELtQNFi1Vr/tiG9p1yfoUdKVwISuXWQR+hwwM4VQ==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.7.4",
+        "jsesc": "^2.5.1",
+        "lodash": "^4.17.13",
+        "source-map": "^0.5.0"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        }
+      }
+    },
+    "@babel/helper-annotate-as-pure": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.8.3.tgz",
+      "integrity": "sha512-6o+mJrZBxOoEX77Ezv9zwW7WV8DdluouRKNY/IR5u/YTMuKHgugHOzYWlYvYLpLA9nPsQCAAASpCIbjI9Mv+Uw==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-builder-binary-assignment-operator-visitor": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.8.3.tgz",
+      "integrity": "sha512-5eFOm2SyFPK4Rh3XMMRDjN7lBH0orh3ss0g3rTYZnBQ+r6YPj7lgDyCvPphynHvUrobJmeMignBr6Acw9mAPlw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-explode-assignable-expression": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-call-delegate": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-call-delegate/-/helper-call-delegate-7.8.3.tgz",
+      "integrity": "sha512-6Q05px0Eb+N4/GTyKPPvnkig7Lylw+QzihMpws9iiZQv7ZImf84ZsZpQH7QoWN4n4tm81SnSzPgHw2qtO0Zf3A==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-hoist-variables": "^7.8.3",
+        "@babel/traverse": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-create-regexp-features-plugin": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.8.3.tgz",
+      "integrity": "sha512-Gcsm1OHCUr9o9TcJln57xhWHtdXbA2pgQ58S0Lxlks0WMGNXuki4+GLfX0p+L2ZkINUGZvfkz8rzoqJQSthI+Q==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-regex": "^7.8.3",
+        "regexpu-core": "^4.6.0"
+      }
+    },
+    "@babel/helper-define-map": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-map/-/helper-define-map-7.8.3.tgz",
+      "integrity": "sha512-PoeBYtxoZGtct3md6xZOCWPcKuMuk3IHhgxsRRNtnNShebf4C8YonTSblsK4tvDbm+eJAw2HAPOfCr+Q/YRG/g==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-function-name": "^7.8.3",
+        "@babel/types": "^7.8.3",
+        "lodash": "^4.17.13"
+      }
+    },
+    "@babel/helper-explode-assignable-expression": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.8.3.tgz",
+      "integrity": "sha512-N+8eW86/Kj147bO9G2uclsg5pwfs/fqqY5rwgIL7eTBklgXjcOJ3btzS5iM6AitJcftnY7pm2lGsrJVYLGjzIw==",
+      "dev": true,
+      "requires": {
+        "@babel/traverse": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-function-name": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.8.3.tgz",
+      "integrity": "sha512-BCxgX1BC2hD/oBlIFUgOCQDOPV8nSINxCwM3o93xP4P9Fq6aV5sgv2cOOITDMtCfQ+3PvHp3l689XZvAM9QyOA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-get-function-arity": "^7.8.3",
+        "@babel/template": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-get-function-arity": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.8.3.tgz",
+      "integrity": "sha512-FVDR+Gd9iLjUMY1fzE2SR0IuaJToR4RkCDARVfsBBPSP53GEqSFjD8gNyxg246VUyc/ALRxFaAK8rVG7UT7xRA==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-hoist-variables": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.8.3.tgz",
+      "integrity": "sha512-ky1JLOjcDUtSc+xkt0xhYff7Z6ILTAHKmZLHPxAhOP0Nd77O+3nCsd6uSVYur6nJnCI029CrNbYlc0LoPfAPQg==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-member-expression-to-functions": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.8.3.tgz",
+      "integrity": "sha512-fO4Egq88utkQFjbPrSHGmGLFqmrshs11d46WI+WZDESt7Wu7wN2G2Iu+NMMZJFDOVRHAMIkB5SNh30NtwCA7RA==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-module-imports": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.8.3.tgz",
+      "integrity": "sha512-R0Bx3jippsbAEtzkpZ/6FIiuzOURPcMjHp+Z6xPe6DtApDJx+w7UYyOLanZqO8+wKR9G10s/FmHXvxaMd9s6Kg==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-module-transforms": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.8.3.tgz",
+      "integrity": "sha512-C7NG6B7vfBa/pwCOshpMbOYUmrYQDfCpVL/JCRu0ek8B5p8kue1+BCXpg2vOYs7w5ACB9GTOBYQ5U6NwrMg+3Q==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.8.3",
+        "@babel/helper-simple-access": "^7.8.3",
+        "@babel/helper-split-export-declaration": "^7.8.3",
+        "@babel/template": "^7.8.3",
+        "@babel/types": "^7.8.3",
+        "lodash": "^4.17.13"
+      }
+    },
+    "@babel/helper-optimise-call-expression": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.8.3.tgz",
+      "integrity": "sha512-Kag20n86cbO2AvHca6EJsvqAd82gc6VMGule4HwebwMlwkpXuVqrNRj6CkCV2sKxgi9MyAUnZVnZ6lJ1/vKhHQ==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-plugin-utils": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.8.3.tgz",
+      "integrity": "sha512-j+fq49Xds2smCUNYmEHF9kGNkhbet6yVIBp4e6oeQpH1RUs/Ir06xUKzDjDkGcaaokPiTNs2JBWHjaE4csUkZQ==",
+      "dev": true
+    },
+    "@babel/helper-regex": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-regex/-/helper-regex-7.8.3.tgz",
+      "integrity": "sha512-BWt0QtYv/cg/NecOAZMdcn/waj/5P26DR4mVLXfFtDokSR6fyuG0Pj+e2FqtSME+MqED1khnSMulkmGl8qWiUQ==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.13"
+      }
+    },
+    "@babel/helper-remap-async-to-generator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.8.3.tgz",
+      "integrity": "sha512-kgwDmw4fCg7AVgS4DukQR/roGp+jP+XluJE5hsRZwxCYGg+Rv9wSGErDWhlI90FODdYfd4xG4AQRiMDjjN0GzA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.8.3",
+        "@babel/helper-wrap-function": "^7.8.3",
+        "@babel/template": "^7.8.3",
+        "@babel/traverse": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-replace-supers": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.8.3.tgz",
+      "integrity": "sha512-xOUssL6ho41U81etpLoT2RTdvdus4VfHamCuAm4AHxGr+0it5fnwoVdwUJ7GFEqCsQYzJUhcbsN9wB9apcYKFA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-member-expression-to-functions": "^7.8.3",
+        "@babel/helper-optimise-call-expression": "^7.8.3",
+        "@babel/traverse": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-simple-access": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.8.3.tgz",
+      "integrity": "sha512-VNGUDjx5cCWg4vvCTR8qQ7YJYZ+HBjxOgXEl7ounz+4Sn7+LMD3CFrCTEU6/qXKbA2nKg21CwhhBzO0RpRbdCw==",
+      "dev": true,
+      "requires": {
+        "@babel/template": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-split-export-declaration": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.8.3.tgz",
+      "integrity": "sha512-3x3yOeyBhW851hroze7ElzdkeRXQYQbFIb7gLK1WQYsw2GWDay5gAJNw1sWJ0VFP6z5J1whqeXH/WCdCjZv6dA==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-wrap-function": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.8.3.tgz",
+      "integrity": "sha512-LACJrbUET9cQDzb6kG7EeD7+7doC3JNvUgTEQOx2qaO1fKlzE/Bf05qs9w1oXQMmXlPO65lC3Tq9S6gZpTErEQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-function-name": "^7.8.3",
+        "@babel/template": "^7.8.3",
+        "@babel/traverse": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helpers": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.8.4.tgz",
+      "integrity": "sha512-VPbe7wcQ4chu4TDQjimHv/5tj73qz88o12EPkO2ValS2QiQS/1F2SsjyIGNnAD0vF/nZS6Cf9i+vW6HIlnaR8w==",
+      "dev": true,
+      "requires": {
+        "@babel/template": "^7.8.3",
+        "@babel/traverse": "^7.8.4",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/highlight": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.8.3.tgz",
+      "integrity": "sha512-PX4y5xQUvy0fnEVHrYOarRPXVWafSjTW9T0Hab8gVIawpl2Sj0ORyrygANq+KjcNlSSTw0YCLSNA8OyZ1I4yEg==",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.0.0",
+        "esutils": "^2.0.2",
+        "js-tokens": "^4.0.0"
+      }
+    },
+    "@babel/parser": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.8.4.tgz",
+      "integrity": "sha512-0fKu/QqildpXmPVaRBoXOlyBb3MC+J0A66x97qEfLOMkn3u6nfY5esWogQwi/K0BjASYy4DbnsEWnpNL6qT5Mw==",
+      "dev": true
+    },
+    "@babel/plugin-proposal-async-generator-functions": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.8.3.tgz",
+      "integrity": "sha512-NZ9zLv848JsV3hs8ryEh7Uaz/0KsmPLqv0+PdkDJL1cJy0K4kOCFa8zc1E3mp+RHPQcpdfb/6GovEsW4VDrOMw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-remap-async-to-generator": "^7.8.3",
+        "@babel/plugin-syntax-async-generators": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.8.3.tgz",
+      "integrity": "sha512-NyaBbyLFXFLT9FP+zk0kYlUlA8XtCUbehs67F0nnEg7KICgMc2mNkIeu9TYhKzyXMkrapZFwAhXLdnt4IYHy1w==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.8.3.tgz",
+      "integrity": "sha512-KGhQNZ3TVCQG/MjRbAUwuH+14y9q0tpxs1nWWs3pbSleRdDro9SAMMDyye8HhY1gqZ7/NqIc8SKhya0wRDgP1Q==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-json-strings": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-8qvuPwU/xxUCt78HocNlv0mXXo0wdh9VT1R04WU8HGOfaOob26pF+9P5/lYjN/q7DHOX1bvX60hnhOvuQUJdbA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-0gkX7J7E+AtAw9fcwlVQj8peP61qhdg/89D5swOkjYbkboA2CVckn3kiyum1DE0wskGb7KJJxBdyEBApDLLVdw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-unicode-property-regex": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.8.3.tgz",
+      "integrity": "sha512-1/1/rEZv2XGweRwwSkLpY+s60za9OZ1hJs4YDqFHCw0kYWYwL5IFljVY1MYBL+weT1l9pokDO2uhSTLVxzoHkQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-syntax-async-generators": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
+      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-top-level-await": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.8.3.tgz",
+      "integrity": "sha512-kwj1j9lL/6Wd0hROD3b/OZZ7MSrZLqqn9RAZ5+cYYsflQ9HZBIKCUkr3+uL1MEJ1NePiUbf98jjiMQSv0NMR9g==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-arrow-functions": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.8.3.tgz",
+      "integrity": "sha512-0MRF+KC8EqH4dbuITCWwPSzsyO3HIWWlm30v8BbbpOrS1B++isGxPnnuq/IZvOX5J2D/p7DQalQm+/2PnlKGxg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-async-to-generator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.8.3.tgz",
+      "integrity": "sha512-imt9tFLD9ogt56Dd5CI/6XgpukMwd/fLGSrix2httihVe7LOGVPhyhMh1BU5kDM7iHD08i8uUtmV2sWaBFlHVQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-remap-async-to-generator": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-block-scoped-functions": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.8.3.tgz",
+      "integrity": "sha512-vo4F2OewqjbB1+yaJ7k2EJFHlTP3jR634Z9Cj9itpqNjuLXvhlVxgnjsHsdRgASR8xYDrx6onw4vW5H6We0Jmg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-block-scoping": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.8.3.tgz",
+      "integrity": "sha512-pGnYfm7RNRgYRi7bids5bHluENHqJhrV4bCZRwc5GamaWIIs07N4rZECcmJL6ZClwjDz1GbdMZFtPs27hTB06w==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "lodash": "^4.17.13"
+      }
+    },
+    "@babel/plugin-transform-classes": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.8.3.tgz",
+      "integrity": "sha512-SjT0cwFJ+7Rbr1vQsvphAHwUHvSUPmMjMU/0P59G8U2HLFqSa082JO7zkbDNWs9kH/IUqpHI6xWNesGf8haF1w==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.8.3",
+        "@babel/helper-define-map": "^7.8.3",
+        "@babel/helper-function-name": "^7.8.3",
+        "@babel/helper-optimise-call-expression": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-replace-supers": "^7.8.3",
+        "@babel/helper-split-export-declaration": "^7.8.3",
+        "globals": "^11.1.0"
+      }
+    },
+    "@babel/plugin-transform-computed-properties": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.8.3.tgz",
+      "integrity": "sha512-O5hiIpSyOGdrQZRQ2ccwtTVkgUDBBiCuK//4RJ6UfePllUTCENOzKxfh6ulckXKc0DixTFLCfb2HVkNA7aDpzA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-destructuring": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.8.3.tgz",
+      "integrity": "sha512-H4X646nCkiEcHZUZaRkhE2XVsoz0J/1x3VVujnn96pSoGCtKPA99ZZA+va+gK+92Zycd6OBKCD8tDb/731bhgQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-dotall-regex": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.8.3.tgz",
+      "integrity": "sha512-kLs1j9Nn4MQoBYdRXH6AeaXMbEJFaFu/v1nQkvib6QzTj8MZI5OQzqmD83/2jEM1z0DLilra5aWO5YpyC0ALIw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-duplicate-keys": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.8.3.tgz",
+      "integrity": "sha512-s8dHiBUbcbSgipS4SMFuWGqCvyge5V2ZeAWzR6INTVC3Ltjig/Vw1G2Gztv0vU/hRG9X8IvKvYdoksnUfgXOEQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-exponentiation-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.8.3.tgz",
+      "integrity": "sha512-zwIpuIymb3ACcInbksHaNcR12S++0MDLKkiqXHl3AzpgdKlFNhog+z/K0+TGW+b0w5pgTq4H6IwV/WhxbGYSjQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-for-of": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.8.4.tgz",
+      "integrity": "sha512-iAXNlOWvcYUYoV8YIxwS7TxGRJcxyl8eQCfT+A5j8sKUzRFvJdcyjp97jL2IghWSRDaL2PU2O2tX8Cu9dTBq5A==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-function-name": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.8.3.tgz",
+      "integrity": "sha512-rO/OnDS78Eifbjn5Py9v8y0aR+aSYhDhqAwVfsTl0ERuMZyr05L1aFSCJnbv2mmsLkit/4ReeQ9N2BgLnOcPCQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-function-name": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-literals": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.8.3.tgz",
+      "integrity": "sha512-3Tqf8JJ/qB7TeldGl+TT55+uQei9JfYaregDcEAyBZ7akutriFrt6C/wLYIer6OYhleVQvH/ntEhjE/xMmy10A==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-member-expression-literals": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.8.3.tgz",
+      "integrity": "sha512-3Wk2EXhnw+rP+IDkK6BdtPKsUE5IeZ6QOGrPYvw52NwBStw9V1ZVzxgK6fSKSxqUvH9eQPR3tm3cOq79HlsKYA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-modules-amd": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.8.3.tgz",
+      "integrity": "sha512-MadJiU3rLKclzT5kBH4yxdry96odTUwuqrZM+GllFI/VhxfPz+k9MshJM+MwhfkCdxxclSbSBbUGciBngR+kEQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-transforms": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "babel-plugin-dynamic-import-node": "^2.3.0"
+      }
+    },
+    "@babel/plugin-transform-modules-commonjs": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.8.3.tgz",
+      "integrity": "sha512-JpdMEfA15HZ/1gNuB9XEDlZM1h/gF/YOH7zaZzQu2xCFRfwc01NXBMHHSTT6hRjlXJJs5x/bfODM3LiCk94Sxg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-transforms": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-simple-access": "^7.8.3",
+        "babel-plugin-dynamic-import-node": "^2.3.0"
+      }
+    },
+    "@babel/plugin-transform-modules-systemjs": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.8.3.tgz",
+      "integrity": "sha512-8cESMCJjmArMYqa9AO5YuMEkE4ds28tMpZcGZB/jl3n0ZzlsxOAi3mC+SKypTfT8gjMupCnd3YiXCkMjj2jfOg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-hoist-variables": "^7.8.3",
+        "@babel/helper-module-transforms": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "babel-plugin-dynamic-import-node": "^2.3.0"
+      }
+    },
+    "@babel/plugin-transform-modules-umd": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.8.3.tgz",
+      "integrity": "sha512-evhTyWhbwbI3/U6dZAnx/ePoV7H6OUG+OjiJFHmhr9FPn0VShjwC2kdxqIuQ/+1P50TMrneGzMeyMTFOjKSnAw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-transforms": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.8.3.tgz",
+      "integrity": "sha512-f+tF/8UVPU86TrCb06JoPWIdDpTNSGGcAtaD9mLP0aYGA0OS0j7j7DHJR0GTFrUZPUU6loZhbsVZgTh0N+Qdnw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-new-target": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.8.3.tgz",
+      "integrity": "sha512-QuSGysibQpyxexRyui2vca+Cmbljo8bcRckgzYV4kRIsHpVeyeC3JDO63pY+xFZ6bWOBn7pfKZTqV4o/ix9sFw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-object-super": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.8.3.tgz",
+      "integrity": "sha512-57FXk+gItG/GejofIyLIgBKTas4+pEU47IXKDBWFTxdPd7F80H8zybyAY7UoblVfBhBGs2EKM+bJUu2+iUYPDQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-replace-supers": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-parameters": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.8.4.tgz",
+      "integrity": "sha512-IsS3oTxeTsZlE5KqzTbcC2sV0P9pXdec53SU+Yxv7o/6dvGM5AkTotQKhoSffhNgZ/dftsSiOoxy7evCYJXzVA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-call-delegate": "^7.8.3",
+        "@babel/helper-get-function-arity": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-property-literals": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.8.3.tgz",
+      "integrity": "sha512-uGiiXAZMqEoQhRWMK17VospMZh5sXWg+dlh2soffpkAl96KAm+WZuJfa6lcELotSRmooLqg0MWdH6UUq85nmmg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-regenerator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.8.3.tgz",
+      "integrity": "sha512-qt/kcur/FxrQrzFR432FGZznkVAjiyFtCOANjkAKwCbt465L6ZCiUQh2oMYGU3Wo8LRFJxNDFwWn106S5wVUNA==",
+      "dev": true,
+      "requires": {
+        "regenerator-transform": "^0.14.0"
+      }
+    },
+    "@babel/plugin-transform-reserved-words": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.8.3.tgz",
+      "integrity": "sha512-mwMxcycN3omKFDjDQUl+8zyMsBfjRFr0Zn/64I41pmjv4NJuqcYlEtezwYtw9TFd9WR1vN5kiM+O0gMZzO6L0A==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-shorthand-properties": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.8.3.tgz",
+      "integrity": "sha512-I9DI6Odg0JJwxCHzbzW08ggMdCezoWcuQRz3ptdudgwaHxTjxw5HgdFJmZIkIMlRymL6YiZcped4TTCB0JcC8w==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.8.3.tgz",
+      "integrity": "sha512-CkuTU9mbmAoFOI1tklFWYYbzX5qCIZVXPVy0jpXgGwkplCndQAa58s2jr66fTeQnA64bDox0HL4U56CFYoyC7g==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-sticky-regex": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.8.3.tgz",
+      "integrity": "sha512-9Spq0vGCD5Bb4Z/ZXXSK5wbbLFMG085qd2vhL1JYu1WcQ5bXqZBAYRzU1d+p79GcHs2szYv5pVQCX13QgldaWw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-regex": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-template-literals": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.8.3.tgz",
+      "integrity": "sha512-820QBtykIQOLFT8NZOcTRJ1UNuztIELe4p9DCgvj4NK+PwluSJ49we7s9FB1HIGNIYT7wFUJ0ar2QpCDj0escQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-typeof-symbol": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.8.4.tgz",
+      "integrity": "sha512-2QKyfjGdvuNfHsb7qnBBlKclbD4CfshH2KvDabiijLMGXPHJXGxtDzwIF7bQP+T0ysw8fYTtxPafgfs/c1Lrqg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-unicode-regex": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.8.3.tgz",
+      "integrity": "sha512-+ufgJjYdmWfSQ+6NS9VGUR2ns8cjJjYbrbi11mZBTaWm+Fui/ncTLFF28Ei1okavY+xkojGr1eJxNsWYeA5aZw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/preset-env": {
+      "version": "7.7.7",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.7.7.tgz",
+      "integrity": "sha512-pCu0hrSSDVI7kCVUOdcMNQEbOPJ52E+LrQ14sN8uL2ALfSqePZQlKrOy+tM4uhEdYlCHi4imr8Zz2cZe9oSdIg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.7.4",
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/plugin-proposal-async-generator-functions": "^7.7.4",
+        "@babel/plugin-proposal-dynamic-import": "^7.7.4",
+        "@babel/plugin-proposal-json-strings": "^7.7.4",
+        "@babel/plugin-proposal-object-rest-spread": "^7.7.7",
+        "@babel/plugin-proposal-optional-catch-binding": "^7.7.4",
+        "@babel/plugin-proposal-unicode-property-regex": "^7.7.7",
+        "@babel/plugin-syntax-async-generators": "^7.7.4",
+        "@babel/plugin-syntax-dynamic-import": "^7.7.4",
+        "@babel/plugin-syntax-json-strings": "^7.7.4",
+        "@babel/plugin-syntax-object-rest-spread": "^7.7.4",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.7.4",
+        "@babel/plugin-syntax-top-level-await": "^7.7.4",
+        "@babel/plugin-transform-arrow-functions": "^7.7.4",
+        "@babel/plugin-transform-async-to-generator": "^7.7.4",
+        "@babel/plugin-transform-block-scoped-functions": "^7.7.4",
+        "@babel/plugin-transform-block-scoping": "^7.7.4",
+        "@babel/plugin-transform-classes": "^7.7.4",
+        "@babel/plugin-transform-computed-properties": "^7.7.4",
+        "@babel/plugin-transform-destructuring": "^7.7.4",
+        "@babel/plugin-transform-dotall-regex": "^7.7.7",
+        "@babel/plugin-transform-duplicate-keys": "^7.7.4",
+        "@babel/plugin-transform-exponentiation-operator": "^7.7.4",
+        "@babel/plugin-transform-for-of": "^7.7.4",
+        "@babel/plugin-transform-function-name": "^7.7.4",
+        "@babel/plugin-transform-literals": "^7.7.4",
+        "@babel/plugin-transform-member-expression-literals": "^7.7.4",
+        "@babel/plugin-transform-modules-amd": "^7.7.5",
+        "@babel/plugin-transform-modules-commonjs": "^7.7.5",
+        "@babel/plugin-transform-modules-systemjs": "^7.7.4",
+        "@babel/plugin-transform-modules-umd": "^7.7.4",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.7.4",
+        "@babel/plugin-transform-new-target": "^7.7.4",
+        "@babel/plugin-transform-object-super": "^7.7.4",
+        "@babel/plugin-transform-parameters": "^7.7.7",
+        "@babel/plugin-transform-property-literals": "^7.7.4",
+        "@babel/plugin-transform-regenerator": "^7.7.5",
+        "@babel/plugin-transform-reserved-words": "^7.7.4",
+        "@babel/plugin-transform-shorthand-properties": "^7.7.4",
+        "@babel/plugin-transform-spread": "^7.7.4",
+        "@babel/plugin-transform-sticky-regex": "^7.7.4",
+        "@babel/plugin-transform-template-literals": "^7.7.4",
+        "@babel/plugin-transform-typeof-symbol": "^7.7.4",
+        "@babel/plugin-transform-unicode-regex": "^7.7.4",
+        "@babel/types": "^7.7.4",
+        "browserslist": "^4.6.0",
+        "core-js-compat": "^3.6.0",
+        "invariant": "^2.2.2",
+        "js-levenshtein": "^1.1.3",
+        "semver": "^5.5.0"
+      }
+    },
+    "@babel/runtime": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.8.4.tgz",
+      "integrity": "sha512-neAp3zt80trRVBI1x0azq6c57aNBqYZH8KhMm3TaB7wEI5Q4A2SHfBHE8w9gOhI/lrqxtEbXZgQIrHP+wvSGwQ==",
+      "requires": {
+        "regenerator-runtime": "^0.13.2"
+      }
+    },
+    "@babel/template": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.8.3.tgz",
+      "integrity": "sha512-04m87AcQgAFdvuoyiQ2kgELr2tV8B4fP/xJAVUL3Yb3bkNdMedD3d0rlSQr3PegP0cms3eHjl1F7PWlvWbU8FQ==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.8.3",
+        "@babel/parser": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/traverse": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.8.4.tgz",
+      "integrity": "sha512-NGLJPZwnVEyBPLI+bl9y9aSnxMhsKz42so7ApAv9D+b4vAFPpY013FTS9LdKxcABoIYFU52HcYga1pPlx454mg==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.8.3",
+        "@babel/generator": "^7.8.4",
+        "@babel/helper-function-name": "^7.8.3",
+        "@babel/helper-split-export-declaration": "^7.8.3",
+        "@babel/parser": "^7.8.4",
+        "@babel/types": "^7.8.3",
+        "debug": "^4.1.0",
+        "globals": "^11.1.0",
+        "lodash": "^4.17.13"
+      },
+      "dependencies": {
+        "@babel/generator": {
+          "version": "7.8.4",
+          "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.8.4.tgz",
+          "integrity": "sha512-PwhclGdRpNAf3IxZb0YVuITPZmmrXz9zf6fH8lT4XbrmfQKr6ryBzhv593P5C6poJRciFCL/eHGW2NuGrgEyxA==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.8.3",
+            "jsesc": "^2.5.1",
+            "lodash": "^4.17.13",
+            "source-map": "^0.5.0"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        }
+      }
+    },
+    "@babel/types": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.8.3.tgz",
+      "integrity": "sha512-jBD+G8+LWpMBBWvVcdr4QysjUE4mU/syrhN17o1u3gx0/WzJB1kwiVZAXRtWbsIPOwW8pF/YJV5+nmetPzepXg==",
+      "dev": true,
+      "requires": {
+        "esutils": "^2.0.2",
+        "lodash": "^4.17.13",
+        "to-fast-properties": "^2.0.0"
+      }
+    },
+    "@date-io/core": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/@date-io/core/-/core-2.4.0.tgz",
+      "integrity": "sha512-XUr4TSwFmthcCn5QYnGqobbnBqOsSyCggRfvieMQHPSz5zei8KYpw4xlvFFQfu/MI3CmCHDjWMkVaPy/uFIDNA=="
+    },
+    "@date-io/date-fns": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/@date-io/date-fns/-/date-fns-2.4.0.tgz",
+      "integrity": "sha512-DYlfSiTs6GuPmbAmJ9ws7aaOd8f89lVBBqU+71w4Qxxv9DW2qQvBWwOkvCJ5qSp4ae4+PtCzy6JKQDKsdgBaJg==",
+      "requires": {
+        "@date-io/core": "^2.4.0"
+      }
+    },
+    "@emotion/hash": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.7.4.tgz",
+      "integrity": "sha512-fxfMSBMX3tlIbKUdtGKxqB1fyrH6gVrX39Gsv3y8lRYKUqlgDt3UMqQyGnR1bQMa2B8aGnhLZokZgg8vT0Le+A=="
+    },
+    "@flowjs/flow.js": {
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/@flowjs/flow.js/-/flow.js-2.14.0.tgz",
+      "integrity": "sha512-XRzYcgT4YcnMVu5vXZl+bai6tyiMfxopzroqG2mjgnovqlslUsi3/adYEaXjv3nA830rR+vfVm2TjQ8h/dkQgg=="
+    },
+    "@flowjs/ngx-flow": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@flowjs/ngx-flow/-/ngx-flow-0.4.3.tgz",
+      "integrity": "sha512-6k+jLebR1RAoSGt4NHtlVPaGdmGeVocQdgsRAov2OEXcKrAH48yd0FcZI2mNMqLd2zeFyeURKbklqpoCv4gIwg==",
+      "requires": {
+        "@types/flowjs": "2.13.1",
+        "tslib": "^1.9.0"
+      }
+    },
+    "@istanbuljs/schema": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.2.tgz",
+      "integrity": "sha512-tsAQNx32a8CoFhjhijUIhI4kccIAgmGhy8LZMZgGfmXcpMbPRUqn5LWmgRttILi6yeGmBJd2xsPkFMs0PzgPCw==",
+      "dev": true
+    },
+    "@mat-datetimepicker/core": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@mat-datetimepicker/core/-/core-4.0.1.tgz",
+      "integrity": "sha512-xu6UHgyHNBBsOOJ5LiAXLdRNbHJko3OhJWvcMHoac3TPEXoWmMGsx9hxzokwgbmdgEUT04KE11BA+XwQ78qeBA=="
+    },
+    "@material-ui/core": {
+      "version": "4.9.3",
+      "resolved": "https://registry.npmjs.org/@material-ui/core/-/core-4.9.3.tgz",
+      "integrity": "sha512-EQrhN7XHdCfBCMiCTHmiHSn/H1tj2qCt5W/kSDhr1gaYAtBTTiQ29j2xR1NcHT1siVQqAtgIkPephqbTEgQLwA==",
+      "requires": {
+        "@babel/runtime": "^7.4.4",
+        "@material-ui/styles": "^4.9.0",
+        "@material-ui/system": "^4.9.3",
+        "@material-ui/types": "^5.0.0",
+        "@material-ui/utils": "^4.7.1",
+        "@types/react-transition-group": "^4.2.0",
+        "clsx": "^1.0.2",
+        "convert-css-length": "^2.0.1",
+        "hoist-non-react-statics": "^3.3.2",
+        "popper.js": "^1.14.1",
+        "prop-types": "^15.7.2",
+        "react-is": "^16.8.0",
+        "react-transition-group": "^4.3.0"
+      }
+    },
+    "@material-ui/icons": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@material-ui/icons/-/icons-4.9.1.tgz",
+      "integrity": "sha512-GBitL3oBWO0hzBhvA9KxqcowRUsA0qzwKkURyC8nppnC3fw54KPKZ+d4V1Eeg/UnDRSzDaI9nGCdel/eh9AQMg==",
+      "requires": {
+        "@babel/runtime": "^7.4.4"
+      }
+    },
+    "@material-ui/pickers": {
+      "version": "3.2.10",
+      "resolved": "https://registry.npmjs.org/@material-ui/pickers/-/pickers-3.2.10.tgz",
+      "integrity": "sha512-B8G6Obn5S3RCl7hwahkQj9sKUapwXWFjiaz/Bsw1fhYFdNMnDUolRiWQSoKPb1/oKe37Dtfszoywi1Ynbo3y8w==",
+      "requires": {
+        "@babel/runtime": "^7.6.0",
+        "@date-io/core": "1.x",
+        "@types/styled-jsx": "^2.2.8",
+        "clsx": "^1.0.2",
+        "react-transition-group": "^4.0.0",
+        "rifm": "^0.7.0"
+      },
+      "dependencies": {
+        "@date-io/core": {
+          "version": "1.3.13",
+          "resolved": "https://registry.npmjs.org/@date-io/core/-/core-1.3.13.tgz",
+          "integrity": "sha512-AlEKV7TxjeK+jxWVKcCFrfYAk8spX9aCyiToFIiLPtfQbsjmRGLIhb5VZgptQcJdHtLXo7+m0DuurwFgUToQuA=="
+        }
+      }
+    },
+    "@material-ui/styles": {
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@material-ui/styles/-/styles-4.9.0.tgz",
+      "integrity": "sha512-nJHum4RqYBPWsjL/9JET8Z02FZ9gSizlg/7LWVFpIthNzpK6OQ5OSRR4T4x9/p+wK3t1qNn3b1uI4XpnZaPxOA==",
+      "requires": {
+        "@babel/runtime": "^7.4.4",
+        "@emotion/hash": "^0.7.4",
+        "@material-ui/types": "^5.0.0",
+        "@material-ui/utils": "^4.7.1",
+        "clsx": "^1.0.2",
+        "csstype": "^2.5.2",
+        "hoist-non-react-statics": "^3.2.1",
+        "jss": "^10.0.3",
+        "jss-plugin-camel-case": "^10.0.3",
+        "jss-plugin-default-unit": "^10.0.3",
+        "jss-plugin-global": "^10.0.3",
+        "jss-plugin-nested": "^10.0.3",
+        "jss-plugin-props-sort": "^10.0.3",
+        "jss-plugin-rule-value-function": "^10.0.3",
+        "jss-plugin-vendor-prefixer": "^10.0.3",
+        "prop-types": "^15.7.2"
+      }
+    },
+    "@material-ui/system": {
+      "version": "4.9.3",
+      "resolved": "https://registry.npmjs.org/@material-ui/system/-/system-4.9.3.tgz",
+      "integrity": "sha512-DBGsTKYrLlFpHG8BUp0X6ZpvaOzef+GhSwn/8DwVTXUdHitphaPQoL9xucrI8X9MTBo//El+7nylko7lo7eJIw==",
+      "requires": {
+        "@babel/runtime": "^7.4.4",
+        "@material-ui/utils": "^4.7.1",
+        "prop-types": "^15.7.2"
+      }
+    },
+    "@material-ui/types": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@material-ui/types/-/types-5.0.0.tgz",
+      "integrity": "sha512-UeH2BuKkwDndtMSS0qgx1kCzSMw+ydtj0xx/XbFtxNSTlXydKwzs5gVW5ZKsFlAkwoOOQ9TIsyoCC8hq18tOwg=="
+    },
+    "@material-ui/utils": {
+      "version": "4.7.1",
+      "resolved": "https://registry.npmjs.org/@material-ui/utils/-/utils-4.7.1.tgz",
+      "integrity": "sha512-+ux0SlLdlehvzCk2zdQ3KiS3/ylWvuo/JwAGhvb8dFVvwR21K28z0PU9OQW2PGogrMEdvX3miEI5tGxTwwWiwQ==",
+      "requires": {
+        "@babel/runtime": "^7.4.4",
+        "prop-types": "^15.7.2",
+        "react-is": "^16.8.0"
+      }
+    },
+    "@ngrx/effects": {
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/@ngrx/effects/-/effects-8.6.0.tgz",
+      "integrity": "sha512-JdyJLQbv/wnE0ZPY9DcDOtF9PzJuzsKWmIWgIGunHF18wdjk5O8Zpkcrxq18wDRL6geg5UTtNJRMvTQhpDbzow=="
+    },
+    "@ngrx/store": {
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/@ngrx/store/-/store-8.6.0.tgz",
+      "integrity": "sha512-K4cvCEa+5hw9qrETQWO+Cha3YbVCAT8yaIKJr/N35KntTL9mQMjoL+51JWLZfBwPV0e19CFgJIyrBnVUTxwr2A=="
+    },
+    "@ngrx/store-devtools": {
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/@ngrx/store-devtools/-/store-devtools-8.6.0.tgz",
+      "integrity": "sha512-PWZmiOZE0J56GFfZpuzKLb7w0K2c6OXZSp/eWDeAvtdHFD4/Nas1i4TXtiWWMWWnSZeNs0hNIg4nFJXi2EddJQ=="
+    },
+    "@ngtools/webpack": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-9.0.2.tgz",
+      "integrity": "sha512-RR18eMe4/k7y3KZ5Y3GTVQNOnJ8Jbe0Xs0q8IMNcGqldbUR878MmIl9PCc6J79stE/7WiNFQtq1L68RQi3i9/A==",
+      "dev": true,
+      "requires": {
+        "@angular-devkit/core": "9.0.2",
+        "enhanced-resolve": "4.1.1",
+        "rxjs": "6.5.3",
+        "webpack-sources": "1.4.3"
+      },
+      "dependencies": {
+        "rxjs": {
+          "version": "6.5.3",
+          "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.5.3.tgz",
+          "integrity": "sha512-wuYsAYYFdWTAnAaPoKGNhfpWwKZbJW+HgAJ+mImp+Epl7BG8oNWBCTyRM8gba9k4lk8BgWdoYm21Mo/RYhhbgA==",
+          "dev": true,
+          "requires": {
+            "tslib": "^1.9.0"
+          }
+        }
+      }
+    },
+    "@ngx-share/core": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/@ngx-share/core/-/core-7.1.4.tgz",
+      "integrity": "sha512-N6j1/7/I27Wfz1Uoy15uQ8fpRkPZXF1g9+dKrkEh6yi9jKmqNjr1hHB59DHfxrTGivxAgEEFgZMgnPzTd+2kcQ==",
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
+    "@ngx-translate/core": {
+      "version": "12.1.1",
+      "resolved": "https://registry.npmjs.org/@ngx-translate/core/-/core-12.1.1.tgz",
+      "integrity": "sha512-uikMmTog1XAKr5198qeTntVl3Don1Z6Gr0kfznOjbwq+732kpDFeNIRGF3DqH8Nj4zaWHPa/Z3E6K3vuWqq9UQ==",
+      "requires": {
+        "semantic-release": "^8.2.3"
+      }
+    },
+    "@ngx-translate/http-loader": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@ngx-translate/http-loader/-/http-loader-4.0.0.tgz",
+      "integrity": "sha512-x8LumqydWD7eX9yQTAVeoCM9gFUIGVTUjZqbxdAUavAA3qVnk9wCQux7iHLPXpydl8vyQmLoPQR+fFU+DUDOMA==",
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
+    "@schematics/angular": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-9.0.2.tgz",
+      "integrity": "sha512-H6ZyxLYoIN68bbNKnUjBCPtB0fcwnpIyTkqXQHa3B4HITcU3uee4PLAl3xCkTS2NGv8m/0eWND9zt5wryGf8PQ==",
+      "dev": true,
+      "requires": {
+        "@angular-devkit/core": "9.0.2",
+        "@angular-devkit/schematics": "9.0.2"
+      }
+    },
+    "@schematics/update": {
+      "version": "0.900.2",
+      "resolved": "https://registry.npmjs.org/@schematics/update/-/update-0.900.2.tgz",
+      "integrity": "sha512-CRDb2pax8DtSyO32b2D5uKlQZ+s5h9feD4oEMvm2zU7z/4wcoTNC0T9ols20aHYeNhKYD9FuMI3KQWlgMTPgbw==",
+      "dev": true,
+      "requires": {
+        "@angular-devkit/core": "9.0.2",
+        "@angular-devkit/schematics": "9.0.2",
+        "@yarnpkg/lockfile": "1.1.0",
+        "ini": "1.3.5",
+        "npm-package-arg": "^7.0.0",
+        "pacote": "9.5.8",
+        "rxjs": "6.5.3",
+        "semver": "6.3.0",
+        "semver-intersect": "1.4.0"
+      },
+      "dependencies": {
+        "hosted-git-info": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-3.0.2.tgz",
+          "integrity": "sha512-ezZMWtHXm7Eb7Rq4Mwnx2vs79WUx2QmRg3+ZqeGroKzfDO+EprOcgRPYghsOP9JuYBfK18VojmRTGCg8Ma+ktw==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^5.1.1"
+          }
+        },
+        "lru-cache": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+          "dev": true,
+          "requires": {
+            "yallist": "^3.0.2"
+          }
+        },
+        "npm-package-arg": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-7.0.0.tgz",
+          "integrity": "sha512-xXxr8y5U0kl8dVkz2oK7yZjPBvqM2fwaO5l3Yg13p03v8+E3qQcD0JNhHzjL1vyGgxcKkD0cco+NLR72iuPk3g==",
+          "dev": true,
+          "requires": {
+            "hosted-git-info": "^3.0.2",
+            "osenv": "^0.1.5",
+            "semver": "^5.6.0",
+            "validate-npm-package-name": "^3.0.0"
+          },
+          "dependencies": {
+            "semver": {
+              "version": "5.7.1",
+              "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+              "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+              "dev": true
+            }
+          }
+        },
+        "rxjs": {
+          "version": "6.5.3",
+          "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.5.3.tgz",
+          "integrity": "sha512-wuYsAYYFdWTAnAaPoKGNhfpWwKZbJW+HgAJ+mImp+Epl7BG8oNWBCTyRM8gba9k4lk8BgWdoYm21Mo/RYhhbgA==",
+          "dev": true,
+          "requires": {
+            "tslib": "^1.9.0"
+          }
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+          "dev": true
+        }
+      }
+    },
+    "@semantic-release/commit-analyzer": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@semantic-release/commit-analyzer/-/commit-analyzer-3.0.7.tgz",
+      "integrity": "sha512-bxCvvDsZeQp6Fvev8CdAV4pu9rEt8NOuLIFS0E8RLjKRnqQVL/fGAwpQWnRQ5hc08UZroguBNEENWpKBubWmKQ==",
+      "requires": {
+        "@semantic-release/error": "^2.0.0",
+        "conventional-changelog-angular": "^1.4.0",
+        "conventional-commits-parser": "^2.0.0",
+        "import-from": "^2.1.0",
+        "lodash": "^4.17.4",
+        "pify": "^3.0.0"
+      }
+    },
+    "@semantic-release/condition-travis": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/@semantic-release/condition-travis/-/condition-travis-6.2.1.tgz",
+      "integrity": "sha512-0g8O/OObhqjAotztjPjMJ43I6oX05z/Ffdu6HMsScDgLX1+QQzq5w0HnUxjmiXUGNwqi5M6s7BF65ZKHbGOytQ==",
+      "requires": {
+        "@semantic-release/error": "^2.0.0",
+        "github": "^12.0.0",
+        "parse-github-repo-url": "^1.4.1",
+        "semver": "^5.0.3",
+        "travis-deploy-once": "^3.0.0"
+      }
+    },
+    "@semantic-release/error": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@semantic-release/error/-/error-2.2.0.tgz",
+      "integrity": "sha512-9Tj/qn+y2j+sjCI3Jd+qseGtHjOAeg7dU2/lVcqIQ9TV3QDaDXDYXcoOHU+7o2Hwh8L8ymL4gfuO7KxDs3q2zg=="
+    },
+    "@semantic-release/last-release-npm": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@semantic-release/last-release-npm/-/last-release-npm-2.0.2.tgz",
+      "integrity": "sha512-ge5AWWtcrEd6GeG4tsv8gx774G9aPNrrornjBBqNDqN7Eg/xI914ftcnmSgnsbmKcqmq4g+QElIJhNMvsfpOkQ==",
+      "requires": {
+        "@semantic-release/error": "^2.0.0",
+        "npm-registry-client": "^8.4.0",
+        "npmlog": "^4.0.0"
+      }
+    },
+    "@semantic-release/release-notes-generator": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@semantic-release/release-notes-generator/-/release-notes-generator-4.0.5.tgz",
+      "integrity": "sha512-LznqPnifl8jtQkV5ZXnQbqMLx9QROoX5d/FLteLyKy3AznLSubm5rH0LndKvf9ZI8XU8jwgLYu+wbLAEIR2PPg==",
+      "requires": {
+        "@semantic-release/error": "^2.0.0",
+        "conventional-changelog-angular": "^1.4.0",
+        "conventional-changelog-core": "^1.9.0",
+        "get-stream": "^3.0.0",
+        "import-from": "^2.1.0",
+        "lodash": "^4.17.4",
+        "pify": "^3.0.0"
+      }
+    },
+    "@sindresorhus/is": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.7.0.tgz",
+      "integrity": "sha512-ONhaKPIufzzrlNbqtWFFd+jlnemX6lJAgq9ZeiZtS7I1PIf/la7CW4m83rTXRnVnsMbW2k56pGYu7AUFJD9Pow=="
+    },
+    "@types/canvas-gauges": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@types/canvas-gauges/-/canvas-gauges-2.1.2.tgz",
+      "integrity": "sha512-oWCq0XjsTBXPtMKXoW23ORbMWguC2Fa8o5NiZVYiUoQMMrpNLKj1E+LDznlMpcib3iyWVIy+TEpc/ea6LMbW3Q==",
+      "dev": true
+    },
+    "@types/estree": {
+      "version": "0.0.42",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.42.tgz",
+      "integrity": "sha512-K1DPVvnBCPxzD+G51/cxVIoc2X8uUVl1zpJeE6iKcgHMj4+tbat5Xu4TjV7v2QSDbIeAfLi2hIk+u2+s0MlpUQ==",
+      "dev": true
+    },
+    "@types/events": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.0.tgz",
+      "integrity": "sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==",
+      "dev": true
+    },
+    "@types/flot": {
+      "version": "0.0.31",
+      "resolved": "https://registry.npmjs.org/@types/flot/-/flot-0.0.31.tgz",
+      "integrity": "sha512-X+RcMQCqPlQo8zPT6cUFTd/PoYBShMQlHUeOXf05jWlfYnvLuRmluB9z+2EsOKFgUzqzZve5brx+gnFxBaHEUw==",
+      "dev": true,
+      "requires": {
+        "@types/jquery": "*"
+      }
+    },
+    "@types/flowjs": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/@types/flowjs/-/flowjs-2.13.1.tgz",
+      "integrity": "sha512-cPuORQrWmJV7pmiSt1ApDOsQSooVka53Ugr3LB0MW/bsG/fDtOXSxsT5Aiej98VD3eCIZNyABfk3NBWU7CorsQ=="
+    },
+    "@types/glob": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.1.1.tgz",
+      "integrity": "sha512-1Bh06cbWJUHMC97acuD6UMG29nMt0Aqz1vF3guLfG+kHHJhy3AyohZFFxYk2f7Q1SQIrNwvncxAE0N/9s70F2w==",
+      "dev": true,
+      "requires": {
+        "@types/events": "*",
+        "@types/minimatch": "*",
+        "@types/node": "*"
+      }
+    },
+    "@types/jasmine": {
+      "version": "3.5.5",
+      "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-3.5.5.tgz",
+      "integrity": "sha512-LlhwGivHkUV8ehNmaXjGGXopLm91G9ORIRcjw7Ya47jVAIGudewFZM2PdPXBvueZfRWwYzLt083wiPfKRXrSlg==",
+      "dev": true
+    },
+    "@types/jasminewd2": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/@types/jasminewd2/-/jasminewd2-2.0.8.tgz",
+      "integrity": "sha512-d9p31r7Nxk0ZH0U39PTH0hiDlJ+qNVGjlt1ucOoTUptxb2v+Y5VMnsxfwN+i3hK4yQnqBi3FMmoMFcd1JHDxdg==",
+      "dev": true,
+      "requires": {
+        "@types/jasmine": "*"
+      }
+    },
+    "@types/jquery": {
+      "version": "3.3.32",
+      "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.3.32.tgz",
+      "integrity": "sha512-UKoof2mnV/X1/Ix2g+V2Ny5sgHjV8nK/UJbiYxuo4zPwzGyFlZ/mp4KaePb2VqQrqJctmcDQNA57buU84/2uIw==",
+      "requires": {
+        "@types/sizzle": "*"
+      }
+    },
+    "@types/js-beautify": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/@types/js-beautify/-/js-beautify-1.8.1.tgz",
+      "integrity": "sha512-B1Br8yE27obcYvFx5ECZswT/947aAFNb9lHqnkUOhtOfvJqaa6Axibo4T+5G6iQlUfjgSd8am9R/9j9UBfRlrw==",
+      "dev": true
+    },
+    "@types/jstree": {
+      "version": "3.3.39",
+      "resolved": "https://registry.npmjs.org/@types/jstree/-/jstree-3.3.39.tgz",
+      "integrity": "sha512-lUUl9NCRqziIXYTC0n6NUykQS0oII5tUhXq6/pXVZSbrbcxB0jr3i7Bpn/8v6f8BVA9su1/NF/DoJ8IrwKuzKw==",
+      "dev": true,
+      "requires": {
+        "@types/jquery": "*"
+      }
+    },
+    "@types/minimatch": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz",
+      "integrity": "sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==",
+      "dev": true
+    },
+    "@types/mousetrap": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/@types/mousetrap/-/mousetrap-1.6.3.tgz",
+      "integrity": "sha512-13gmo3M2qVvjQrWNseqM3+cR6S2Ss3grbR2NZltgMq94wOwqJYQdgn8qzwDshzgXqMlSUtyPZjysImmktu22ew=="
+    },
+    "@types/node": {
+      "version": "13.7.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-13.7.2.tgz",
+      "integrity": "sha512-uvilvAQbdJvnSBFcKJ2td4016urcGvsiR+N4dHGU87ml8O2Vl6l+ErOi9w0kXSPiwJ1AYlIW+0pDXDWWMOiWbw==",
+      "dev": true
+    },
+    "@types/prop-types": {
+      "version": "15.7.3",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.3.tgz",
+      "integrity": "sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw=="
+    },
+    "@types/q": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.2.tgz",
+      "integrity": "sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw==",
+      "dev": true
+    },
+    "@types/raphael": {
+      "version": "2.1.30",
+      "resolved": "https://registry.npmjs.org/@types/raphael/-/raphael-2.1.30.tgz",
+      "integrity": "sha1-dsvqSlVrol6xxtf6XnGsSOcvgc8=",
+      "dev": true
+    },
+    "@types/react": {
+      "version": "16.9.20",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-16.9.20.tgz",
+      "integrity": "sha512-jRrWBr25zzEVNa4QbESKLPluvrZ3W6Odfwrfe2F5vzbrDuNvlpnHa/xbZcXg8RH5D4CE181J5VxrRrLvzRH+5A==",
+      "requires": {
+        "@types/prop-types": "*",
+        "csstype": "^2.2.0"
+      }
+    },
+    "@types/react-dom": {
+      "version": "16.9.5",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-16.9.5.tgz",
+      "integrity": "sha512-BX6RQ8s9D+2/gDhxrj8OW+YD4R+8hj7FEM/OJHGNR0KipE1h1mSsf39YeyC81qafkq+N3rU3h3RFbLSwE5VqUg==",
+      "dev": true,
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/react-transition-group": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.2.3.tgz",
+      "integrity": "sha512-Hk8jiuT7iLOHrcjKP/ZVSyCNXK73wJAUz60xm0mVhiRujrdiI++j4duLiL282VGxwAgxetHQFfqA29LgEeSkFA==",
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/selenium-webdriver": {
+      "version": "3.0.17",
+      "resolved": "https://registry.npmjs.org/@types/selenium-webdriver/-/selenium-webdriver-3.0.17.tgz",
+      "integrity": "sha512-tGomyEuzSC1H28y2zlW6XPCaDaXFaD6soTdb4GNdmte2qfHtrKqhy0ZFs4r/1hpazCfEZqeTSRLvSasmEx89uw==",
+      "dev": true
+    },
+    "@types/sizzle": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.2.tgz",
+      "integrity": "sha512-7EJYyKTL7tFR8+gDbB6Wwz/arpGa0Mywk1TJbNzKzHtzbwVmY4HR9WqS5VV7dsBUKQmPNr192jHr/VpBluj/hg=="
+    },
+    "@types/source-list-map": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@types/source-list-map/-/source-list-map-0.1.2.tgz",
+      "integrity": "sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA==",
+      "dev": true
+    },
+    "@types/styled-jsx": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/@types/styled-jsx/-/styled-jsx-2.2.8.tgz",
+      "integrity": "sha512-Yjye9VwMdYeXfS71ihueWRSxrruuXTwKCbzue4+5b2rjnQ//AtyM7myZ1BEhNhBQ/nL/RE7bdToUoLln2miKvg==",
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/tinycolor2": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@types/tinycolor2/-/tinycolor2-1.4.2.tgz",
+      "integrity": "sha512-PeHg/AtdW6aaIO2a+98Xj7rWY4KC1E6yOy7AFknJQ7VXUGNrMlyxDFxJo7HqLtjQms/ZhhQX52mLVW/EX3JGOw==",
+      "dev": true
+    },
+    "@types/tooltipster": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/tooltipster/-/tooltipster-0.0.29.tgz",
+      "integrity": "sha512-qDghalzudZcsX21l42N6heDCEhqlRxIsfyICLffEM3qH9hpHPAxwj4XmrMywaX5JgixRFuucVZRA6fV4XmSUVg==",
+      "dev": true,
+      "requires": {
+        "@types/jquery": "*"
+      }
+    },
+    "@types/webpack-sources": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/@types/webpack-sources/-/webpack-sources-0.1.6.tgz",
+      "integrity": "sha512-FtAWR7wR5ocJ9+nP137DV81tveD/ZgB1sadnJ/axUGM3BUVfRPx8oQNMtv3JNfTeHx3VP7cXiyfR/jmtEsVHsQ==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*",
+        "@types/source-list-map": "*",
+        "source-map": "^0.6.1"
+      }
+    },
+    "@webassemblyjs/ast": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.8.5.tgz",
+      "integrity": "sha512-aJMfngIZ65+t71C3y2nBBg5FFG0Okt9m0XEgWZ7Ywgn1oMAT8cNwx00Uv1cQyHtidq0Xn94R4TAywO+LCQ+ZAQ==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/helper-module-context": "1.8.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.8.5",
+        "@webassemblyjs/wast-parser": "1.8.5"
+      }
+    },
+    "@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.8.5.tgz",
+      "integrity": "sha512-9p+79WHru1oqBh9ewP9zW95E3XAo+90oth7S5Re3eQnECGq59ly1Ri5tsIipKGpiStHsUYmY3zMLqtk3gTcOtQ==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-api-error": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.8.5.tgz",
+      "integrity": "sha512-Za/tnzsvnqdaSPOUXHyKJ2XI7PDX64kWtURyGiJJZKVEdFOsdKUCPTNEVFZq3zJ2R0G5wc2PZ5gvdTRFgm81zA==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-buffer": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.8.5.tgz",
+      "integrity": "sha512-Ri2R8nOS0U6G49Q86goFIPNgjyl6+oE1abW1pS84BuhP1Qcr5JqMwRFT3Ah3ADDDYGEgGs1iyb1DGX+kAi/c/Q==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-code-frame": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.8.5.tgz",
+      "integrity": "sha512-VQAadSubZIhNpH46IR3yWO4kZZjMxN1opDrzePLdVKAZ+DFjkGD/rf4v1jap744uPVU6yjL/smZbRIIJTOUnKQ==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/wast-printer": "1.8.5"
+      }
+    },
+    "@webassemblyjs/helper-fsm": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-fsm/-/helper-fsm-1.8.5.tgz",
+      "integrity": "sha512-kRuX/saORcg8se/ft6Q2UbRpZwP4y7YrWsLXPbbmtepKr22i8Z4O3V5QE9DbZK908dh5Xya4Un57SDIKwB9eow==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-module-context": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-module-context/-/helper-module-context-1.8.5.tgz",
+      "integrity": "sha512-/O1B236mN7UNEU4t9X7Pj38i4VoU8CcMHyy3l2cV/kIF4U5KoHXDVqcDuOs1ltkac90IM4vZdHc52t1x8Yfs3g==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.8.5",
+        "mamacro": "^0.0.3"
+      }
+    },
+    "@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.8.5.tgz",
+      "integrity": "sha512-Cu4YMYG3Ddl72CbmpjU/wbP6SACcOPVbHN1dI4VJNJVgFwaKf1ppeFJrwydOG3NDHxVGuCfPlLZNyEdIYlQ6QQ==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-wasm-section": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.8.5.tgz",
+      "integrity": "sha512-VV083zwR+VTrIWWtgIUpqfvVdK4ff38loRmrdDBgBT8ADXYsEZ5mPQ4Nde90N3UYatHdYoDIFb7oHzMncI02tA==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.8.5",
+        "@webassemblyjs/helper-buffer": "1.8.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.8.5",
+        "@webassemblyjs/wasm-gen": "1.8.5"
+      }
+    },
+    "@webassemblyjs/ieee754": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.8.5.tgz",
+      "integrity": "sha512-aaCvQYrvKbY/n6wKHb/ylAJr27GglahUO89CcGXMItrOBqRarUMxWLJgxm9PJNuKULwN5n1csT9bYoMeZOGF3g==",
+      "dev": true,
+      "requires": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "@webassemblyjs/leb128": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.8.5.tgz",
+      "integrity": "sha512-plYUuUwleLIziknvlP8VpTgO4kqNaH57Y3JnNa6DLpu/sGcP6hbVdfdX5aHAV716pQBKrfuU26BJK29qY37J7A==",
+      "dev": true,
+      "requires": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@webassemblyjs/utf8": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.8.5.tgz",
+      "integrity": "sha512-U7zgftmQriw37tfD934UNInokz6yTmn29inT2cAetAsaU9YeVCveWEwhKL1Mg4yS7q//NGdzy79nlXh3bT8Kjw==",
+      "dev": true
+    },
+    "@webassemblyjs/wasm-edit": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.8.5.tgz",
+      "integrity": "sha512-A41EMy8MWw5yvqj7MQzkDjU29K7UJq1VrX2vWLzfpRHt3ISftOXqrtojn7nlPsZ9Ijhp5NwuODuycSvfAO/26Q==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.8.5",
+        "@webassemblyjs/helper-buffer": "1.8.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.8.5",
+        "@webassemblyjs/helper-wasm-section": "1.8.5",
+        "@webassemblyjs/wasm-gen": "1.8.5",
+        "@webassemblyjs/wasm-opt": "1.8.5",
+        "@webassemblyjs/wasm-parser": "1.8.5",
+        "@webassemblyjs/wast-printer": "1.8.5"
+      }
+    },
+    "@webassemblyjs/wasm-gen": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.8.5.tgz",
+      "integrity": "sha512-BCZBT0LURC0CXDzj5FXSc2FPTsxwp3nWcqXQdOZE4U7h7i8FqtFK5Egia6f9raQLpEKT1VL7zr4r3+QX6zArWg==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.8.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.8.5",
+        "@webassemblyjs/ieee754": "1.8.5",
+        "@webassemblyjs/leb128": "1.8.5",
+        "@webassemblyjs/utf8": "1.8.5"
+      }
+    },
+    "@webassemblyjs/wasm-opt": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.8.5.tgz",
+      "integrity": "sha512-HKo2mO/Uh9A6ojzu7cjslGaHaUU14LdLbGEKqTR7PBKwT6LdPtLLh9fPY33rmr5wcOMrsWDbbdCHq4hQUdd37Q==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.8.5",
+        "@webassemblyjs/helper-buffer": "1.8.5",
+        "@webassemblyjs/wasm-gen": "1.8.5",
+        "@webassemblyjs/wasm-parser": "1.8.5"
+      }
+    },
+    "@webassemblyjs/wasm-parser": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.8.5.tgz",
+      "integrity": "sha512-pi0SYE9T6tfcMkthwcgCpL0cM9nRYr6/6fjgDtL6q/ZqKHdMWvxitRi5JcZ7RI4SNJJYnYNaWy5UUrHQy998lw==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.8.5",
+        "@webassemblyjs/helper-api-error": "1.8.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.8.5",
+        "@webassemblyjs/ieee754": "1.8.5",
+        "@webassemblyjs/leb128": "1.8.5",
+        "@webassemblyjs/utf8": "1.8.5"
+      }
+    },
+    "@webassemblyjs/wast-parser": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-parser/-/wast-parser-1.8.5.tgz",
+      "integrity": "sha512-daXC1FyKWHF1i11obK086QRlsMsY4+tIOKgBqI1lxAnkp9xe9YMcgOxm9kLe+ttjs5aWV2KKE1TWJCN57/Btsg==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.8.5",
+        "@webassemblyjs/floating-point-hex-parser": "1.8.5",
+        "@webassemblyjs/helper-api-error": "1.8.5",
+        "@webassemblyjs/helper-code-frame": "1.8.5",
+        "@webassemblyjs/helper-fsm": "1.8.5",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@webassemblyjs/wast-printer": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.8.5.tgz",
+      "integrity": "sha512-w0U0pD4EhlnvRyeJzBqaVSJAo9w/ce7/WPogeXLzGkO6hzhr4GnQIZ4W4uUt5b9ooAaXPtnXlj0gzsXEOUNYMg==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.8.5",
+        "@webassemblyjs/wast-parser": "1.8.5",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true
+    },
+    "@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true
+    },
+    "@yarnpkg/lockfile": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz",
+      "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==",
+      "dev": true
+    },
+    "JSONStream": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/JSONStream/-/JSONStream-1.3.5.tgz",
+      "integrity": "sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==",
+      "requires": {
+        "jsonparse": "^1.2.0",
+        "through": ">=2.2.7 <3"
+      }
+    },
+    "abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q=="
+    },
+    "accepts": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz",
+      "integrity": "sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==",
+      "dev": true,
+      "requires": {
+        "mime-types": "~2.1.24",
+        "negotiator": "0.6.2"
+      }
+    },
+    "ace-builds": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/ace-builds/-/ace-builds-1.4.8.tgz",
+      "integrity": "sha512-8ZVAxwyCGAxQX8mOp9imSXH0hoSPkGfy8igJy+WO/7axL30saRhKgg1XPACSmxxPA7nfHVwM+ShWXT+vKsNuFg=="
+    },
+    "acorn": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.1.0.tgz",
+      "integrity": "sha512-kL5CuoXA/dgxlBbVrflsflzQ3PAas7RYZB52NOm/6839iVYJgKMJ3cQJD+t2i5+qFa8h3MDpEOJiS64E8JLnSQ==",
+      "dev": true
+    },
+    "add-dom-event-listener": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/add-dom-event-listener/-/add-dom-event-listener-1.1.0.tgz",
+      "integrity": "sha512-WCxx1ixHT0GQU9hb0KI/mhgRQhnU+U3GvwY6ZvVjYq8rsihIGoaIOUbY0yMPBxLH5MDtr0kz3fisWGNcbWW7Jw==",
+      "requires": {
+        "object-assign": "4.x"
+      }
+    },
+    "adm-zip": {
+      "version": "0.4.14",
+      "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.4.14.tgz",
+      "integrity": "sha512-/9aQCnQHF+0IiCl0qhXoK7qs//SwYE7zX8lsr/DNk1BRAHYxeLZPL4pguwK29gUEqasYQjqPtEpDRSWEkdHn9g==",
+      "dev": true
+    },
+    "after": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/after/-/after-0.8.2.tgz",
+      "integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=",
+      "dev": true
+    },
+    "agent-base": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-4.3.0.tgz",
+      "integrity": "sha512-salcGninV0nPrwpGNn4VTXBb1SOuXQBiqbrNXoeizJsHrsL6ERFM2Ne3JUSBWRE6aeNJI2ROP/WEEIDUiDe3cg==",
+      "requires": {
+        "es6-promisify": "^5.0.0"
+      }
+    },
+    "agentkeepalive": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-3.5.2.tgz",
+      "integrity": "sha512-e0L/HNe6qkQ7H19kTlRRqUibEAwDK5AFk6y3PtMsuut2VAH6+Q4xZml1tNDJD7kSAyqmbG/K08K5WEJYtUrSlQ==",
+      "dev": true,
+      "requires": {
+        "humanize-ms": "^1.2.1"
+      }
+    },
+    "aggregate-error": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.0.1.tgz",
+      "integrity": "sha512-quoaXsZ9/BLNae5yiNoUz+Nhkwz83GhWwtYFglcjEQB2NDHCIpApbqXxIFnm4Pq/Nvhrsq5sYJFyohrrxnTGAA==",
+      "dev": true,
+      "requires": {
+        "clean-stack": "^2.0.0",
+        "indent-string": "^4.0.0"
+      },
+      "dependencies": {
+        "indent-string": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+          "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+          "dev": true
+        }
+      }
+    },
+    "ajv": {
+      "version": "6.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.11.0.tgz",
+      "integrity": "sha512-nCprB/0syFYy9fVYU1ox1l2KN8S9I+tziH8D4zdZuLT3N6RMlGSGt5FSTpAiHB/Whv8Qs1cWHma1aMKZyaHRKA==",
+      "requires": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      }
+    },
+    "ajv-errors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ajv-errors/-/ajv-errors-1.0.1.tgz",
+      "integrity": "sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==",
+      "dev": true
+    },
+    "ajv-keywords": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.4.1.tgz",
+      "integrity": "sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==",
+      "dev": true
+    },
+    "alphanum-sort": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/alphanum-sort/-/alphanum-sort-1.0.2.tgz",
+      "integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=",
+      "dev": true
+    },
+    "angular-gridster2": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/angular-gridster2/-/angular-gridster2-9.0.1.tgz",
+      "integrity": "sha512-4mapsgxJFMbDGTFAubhfl1vgmgsPd9RcWaL7/ciBNOrgOZfECI3E/topsiEZBmToeustrvkIj5Jlz+niEJlfkw=="
+    },
+    "angular2-hotkeys": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/angular2-hotkeys/-/angular2-hotkeys-2.1.5.tgz",
+      "integrity": "sha512-HiAnK1pW7lns5LpxtRsdkRRb5iVa7fv8Cf69Jye6l9gI6/IyvaVDptRtsWmdIG7VAr2Ngz6Yeehkym39O/LdgA==",
+      "requires": {
+        "@types/mousetrap": "^1.6.0",
+        "mousetrap": "^1.6.0"
+      }
+    },
+    "ansi-colors": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.4.tgz",
+      "integrity": "sha512-hHUXGagefjN2iRrID63xckIvotOXOojhQKWIPUZ4mNUZ9nLZW+7FMNoE1lOkEhNWYsx/7ysGIuJYCiMAA9FnrA==",
+      "dev": true
+    },
+    "ansi-escapes": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.0.tgz",
+      "integrity": "sha512-EiYhwo0v255HUL6eDyuLrXEkTi7WwVCLAw+SeOQ7M7qdun1z1pum4DEm/nuqIVbPvi9RPPc9k9LbyBv6H0DwVg==",
+      "dev": true,
+      "requires": {
+        "type-fest": "^0.8.1"
+      }
+    },
+    "ansi-html": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.7.tgz",
+      "integrity": "sha1-gTWEAhliqenm/QOflA0S9WynhZ4=",
+      "dev": true
+    },
+    "ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
+    },
+    "ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "requires": {
+        "color-convert": "^1.9.0"
+      }
+    },
+    "anymatch": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz",
+      "integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==",
+      "dev": true,
+      "requires": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      }
+    },
+    "app-root-path": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/app-root-path/-/app-root-path-2.2.1.tgz",
+      "integrity": "sha512-91IFKeKk7FjfmezPKkwtaRvSpnUc4gDwPAjA1YZ9Gn0q0PPeW+vbeUsZuyDwjI7+QTHhcLen2v25fi/AmhvbJA==",
+      "dev": true
+    },
+    "append-transform": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/append-transform/-/append-transform-1.0.0.tgz",
+      "integrity": "sha512-P009oYkeHyU742iSZJzZZywj4QRJdnTWffaKuJQLablCZ1uz6/cW4yaRgcDaoQ+uwOxxnt0gRUcwfsNP2ri0gw==",
+      "dev": true,
+      "requires": {
+        "default-require-extensions": "^2.0.0"
+      }
+    },
+    "aproba": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
+      "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw=="
+    },
+    "are-we-there-yet": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz",
+      "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==",
+      "requires": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^2.0.6"
+      }
+    },
+    "arg": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
+      "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
+      "dev": true
+    },
+    "argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "requires": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "aria-query": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-3.0.0.tgz",
+      "integrity": "sha1-ZbP8wcoRVajJrmTW7uKX8V1RM8w=",
+      "dev": true,
+      "requires": {
+        "ast-types-flow": "0.0.7",
+        "commander": "^2.11.0"
+      }
+    },
+    "arr-diff": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+      "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=",
+      "dev": true
+    },
+    "arr-flatten": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz",
+      "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==",
+      "dev": true
+    },
+    "arr-union": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz",
+      "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=",
+      "dev": true
+    },
+    "array-find-index": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz",
+      "integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E="
+    },
+    "array-flatten": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.2.tgz",
+      "integrity": "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==",
+      "dev": true
+    },
+    "array-ify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-ify/-/array-ify-1.0.0.tgz",
+      "integrity": "sha1-nlKHYrSpBmrRY6aWKjZEGOlibs4="
+    },
+    "array-union": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
+      "integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=",
+      "dev": true,
+      "requires": {
+        "array-uniq": "^1.0.1"
+      }
+    },
+    "array-uniq": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
+      "integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=",
+      "dev": true
+    },
+    "array-unique": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+      "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=",
+      "dev": true
+    },
+    "arraybuffer.slice": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz",
+      "integrity": "sha512-wGUIVQXuehL5TCqQun8OW81jGzAWycqzFF8lFp+GOM5BXLYj3bKNsYC4daB7n6XjCqxQA/qgTJ+8ANR3acjrog==",
+      "dev": true
+    },
+    "arrify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0="
+    },
+    "asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=",
+      "dev": true
+    },
+    "asn1": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
+      "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==",
+      "requires": {
+        "safer-buffer": "~2.1.0"
+      }
+    },
+    "asn1.js": {
+      "version": "4.10.1",
+      "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-4.10.1.tgz",
+      "integrity": "sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.0.0",
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "assert": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/assert/-/assert-1.5.0.tgz",
+      "integrity": "sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==",
+      "dev": true,
+      "requires": {
+        "object-assign": "^4.1.1",
+        "util": "0.10.3"
+      },
+      "dependencies": {
+        "inherits": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.1.tgz",
+          "integrity": "sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE=",
+          "dev": true
+        },
+        "util": {
+          "version": "0.10.3",
+          "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz",
+          "integrity": "sha1-evsa/lCAUkZInj23/g7TeTNqwPk=",
+          "dev": true,
+          "requires": {
+            "inherits": "2.0.1"
+          }
+        }
+      }
+    },
+    "assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU="
+    },
+    "assign-symbols": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
+      "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=",
+      "dev": true
+    },
+    "ast-types-flow": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
+      "integrity": "sha1-9wtzXGvKGlycItmCw+Oef+ujva0=",
+      "dev": true
+    },
+    "async": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
+      "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo="
+    },
+    "async-each": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz",
+      "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==",
+      "dev": true
+    },
+    "async-limiter": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
+      "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==",
+      "dev": true
+    },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k="
+    },
+    "atob": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
+      "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
+      "dev": true
+    },
+    "attr-accept": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/attr-accept/-/attr-accept-2.0.0.tgz",
+      "integrity": "sha512-I9SDP4Wvh2ItYYoafEg8hFpsBe96pfQ+eabceShXt3sw2fbIP96+Aoj9zZE0vkZNAkXXzHJATVRuWz+h9FxJxQ=="
+    },
+    "autoprefixer": {
+      "version": "9.7.1",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.7.1.tgz",
+      "integrity": "sha512-w3b5y1PXWlhYulevrTJ0lizkQ5CyqfeU6BIRDbuhsMupstHQOeb1Ur80tcB1zxSu7AwyY/qCQ7Vvqklh31ZBFw==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.7.2",
+        "caniuse-lite": "^1.0.30001006",
+        "chalk": "^2.4.2",
+        "normalize-range": "^0.1.2",
+        "num2fraction": "^1.2.2",
+        "postcss": "^7.0.21",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
+    "aws-sign2": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
+      "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg="
+    },
+    "aws4": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.9.1.tgz",
+      "integrity": "sha512-wMHVg2EOHaMRxbzgFJ9gtjOOCrI80OHLG14rxi28XwOW8ux6IiEbRCGGGqCtdAIg4FQCbW20k9RsT4y3gJlFug=="
+    },
+    "axobject-query": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.0.2.tgz",
+      "integrity": "sha512-MCeek8ZH7hKyO1rWUbKNQBbl4l2eY0ntk7OGi+q0RlafrCnfPxC06WZA+uebCfmYp4mNU9jRBP1AhGyf8+W3ww==",
+      "dev": true,
+      "requires": {
+        "ast-types-flow": "0.0.7"
+      }
+    },
+    "babel-loader": {
+      "version": "8.0.6",
+      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.0.6.tgz",
+      "integrity": "sha512-4BmWKtBOBm13uoUwd08UwjZlaw3O9GWf456R9j+5YykFZ6LUIjIKLc0zEZf+hauxPOJs96C8k6FvYD09vWzhYw==",
+      "dev": true,
+      "requires": {
+        "find-cache-dir": "^2.0.0",
+        "loader-utils": "^1.0.2",
+        "mkdirp": "^0.5.1",
+        "pify": "^4.0.1"
+      },
+      "dependencies": {
+        "find-cache-dir": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz",
+          "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==",
+          "dev": true,
+          "requires": {
+            "commondir": "^1.0.1",
+            "make-dir": "^2.0.0",
+            "pkg-dir": "^3.0.0"
+          }
+        },
+        "pify": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+          "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+          "dev": true
+        }
+      }
+    },
+    "babel-plugin-dynamic-import-node": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.0.tgz",
+      "integrity": "sha512-o6qFkpeQEBxcqt0XYlWzAVxNCSCZdUgcR8IRlhD/8DylxjjO4foPcvTW0GGKa/cVt3rvxZ7o5ippJ+/0nvLhlQ==",
+      "dev": true,
+      "requires": {
+        "object.assign": "^4.1.0"
+      }
+    },
+    "babel-runtime": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
+      "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
+      "requires": {
+        "core-js": "^2.4.0",
+        "regenerator-runtime": "^0.11.0"
+      },
+      "dependencies": {
+        "core-js": {
+          "version": "2.6.11",
+          "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.11.tgz",
+          "integrity": "sha512-5wjnpaT/3dV+XB4borEsnAYQchn00XSgTAWKDkEqv+K8KevjbzmofK6hfJ9TZIlpj2N0xQpazy7PiRQiWHqzWg=="
+        },
+        "regenerator-runtime": {
+          "version": "0.11.1",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+          "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
+        }
+      }
+    },
+    "backo2": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/backo2/-/backo2-1.0.2.tgz",
+      "integrity": "sha1-MasayLEpNjRj41s+u2n038+6eUc=",
+      "dev": true
+    },
+    "balanced-match": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
+      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
+    },
+    "base": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz",
+      "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==",
+      "dev": true,
+      "requires": {
+        "cache-base": "^1.0.1",
+        "class-utils": "^0.3.5",
+        "component-emitter": "^1.2.1",
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.1",
+        "mixin-deep": "^1.2.0",
+        "pascalcase": "^0.1.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+          "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^1.0.0"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+          "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-data-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+          "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+          "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^1.0.0",
+            "is-data-descriptor": "^1.0.0",
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
+    "base64-arraybuffer": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.1.5.tgz",
+      "integrity": "sha1-c5JncZI7Whl0etZmqlzUv5xunOg=",
+      "dev": true
+    },
+    "base64-js": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.3.1.tgz",
+      "integrity": "sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g=="
+    },
+    "base64id": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/base64id/-/base64id-1.0.0.tgz",
+      "integrity": "sha1-R2iMuZu2gE8OBtPnY7HDLlfY5rY=",
+      "dev": true
+    },
+    "batch": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
+      "integrity": "sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=",
+      "dev": true
+    },
+    "bcrypt-pbkdf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+      "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
+      "requires": {
+        "tweetnacl": "^0.14.3"
+      }
+    },
+    "better-assert": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/better-assert/-/better-assert-1.0.2.tgz",
+      "integrity": "sha1-QIZrnhueC1W0gYlDEeaPr/rrxSI=",
+      "dev": true,
+      "requires": {
+        "callsite": "1.0.0"
+      }
+    },
+    "big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "dev": true
+    },
+    "binary-extensions": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.0.0.tgz",
+      "integrity": "sha512-Phlt0plgpIIBOGTT/ehfFnbNlfsDEiqmzE2KRXoX1bLIlir4X/MR+zSyBEkL05ffWgnRSf/DXv+WrUAVr93/ow==",
+      "dev": true
+    },
+    "blob": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/blob/-/blob-0.0.5.tgz",
+      "integrity": "sha512-gaqbzQPqOoamawKg0LGVd7SzLgXS+JH61oWprSLH+P+abTczqJbhTR8CmJ2u9/bUYNmHTGJx/UEmn6doAvvuig==",
+      "dev": true
+    },
+    "blocking-proxy": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/blocking-proxy/-/blocking-proxy-1.0.1.tgz",
+      "integrity": "sha512-KE8NFMZr3mN2E0HcvCgRtX7DjhiIQrwle+nSVJVC/yqFb9+xznHl2ZcoBp2L9qzkI4t4cBFJ1efXF8Dwi132RA==",
+      "dev": true,
+      "requires": {
+        "minimist": "^1.2.0"
+      }
+    },
+    "bluebird": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
+      "dev": true
+    },
+    "bn.js": {
+      "version": "4.11.8",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.8.tgz",
+      "integrity": "sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA==",
+      "dev": true
+    },
+    "body-parser": {
+      "version": "1.19.0",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.0.tgz",
+      "integrity": "sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw==",
+      "dev": true,
+      "requires": {
+        "bytes": "3.1.0",
+        "content-type": "~1.0.4",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "http-errors": "1.7.2",
+        "iconv-lite": "0.4.24",
+        "on-finished": "~2.3.0",
+        "qs": "6.7.0",
+        "raw-body": "2.4.0",
+        "type-is": "~1.6.17"
+      },
+      "dependencies": {
+        "bytes": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
+          "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==",
+          "dev": true
+        },
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        },
+        "qs": {
+          "version": "6.7.0",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz",
+          "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==",
+          "dev": true
+        }
+      }
+    },
+    "bonjour": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/bonjour/-/bonjour-3.5.0.tgz",
+      "integrity": "sha1-jokKGD2O6aI5OzhExpGkK897yfU=",
+      "dev": true,
+      "requires": {
+        "array-flatten": "^2.1.0",
+        "deep-equal": "^1.0.1",
+        "dns-equal": "^1.0.0",
+        "dns-txt": "^2.0.2",
+        "multicast-dns": "^6.0.1",
+        "multicast-dns-service-types": "^1.1.0"
+      },
+      "dependencies": {
+        "deep-equal": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz",
+          "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==",
+          "dev": true,
+          "requires": {
+            "is-arguments": "^1.0.4",
+            "is-date-object": "^1.0.1",
+            "is-regex": "^1.0.4",
+            "object-is": "^1.0.1",
+            "object-keys": "^1.1.1",
+            "regexp.prototype.flags": "^1.2.0"
+          }
+        }
+      }
+    },
+    "boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
+      "dev": true
+    },
+    "brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "requires": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "requires": {
+        "fill-range": "^7.0.1"
+      }
+    },
+    "brorand": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
+      "integrity": "sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=",
+      "dev": true
+    },
+    "browserify-aes": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
+      "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
+      "dev": true,
+      "requires": {
+        "buffer-xor": "^1.0.3",
+        "cipher-base": "^1.0.0",
+        "create-hash": "^1.1.0",
+        "evp_bytestokey": "^1.0.3",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "browserify-cipher": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
+      "integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
+      "dev": true,
+      "requires": {
+        "browserify-aes": "^1.0.4",
+        "browserify-des": "^1.0.0",
+        "evp_bytestokey": "^1.0.0"
+      }
+    },
+    "browserify-des": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
+      "integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
+      "dev": true,
+      "requires": {
+        "cipher-base": "^1.0.1",
+        "des.js": "^1.0.0",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "browserify-rsa": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",
+      "integrity": "sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.0",
+        "randombytes": "^2.0.1"
+      }
+    },
+    "browserify-sign": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.0.4.tgz",
+      "integrity": "sha1-qk62jl17ZYuqa/alfmMMvXqT0pg=",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.1",
+        "browserify-rsa": "^4.0.0",
+        "create-hash": "^1.1.0",
+        "create-hmac": "^1.1.2",
+        "elliptic": "^6.0.0",
+        "inherits": "^2.0.1",
+        "parse-asn1": "^5.0.0"
+      }
+    },
+    "browserify-zlib": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
+      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
+      "dev": true,
+      "requires": {
+        "pako": "~1.0.5"
+      }
+    },
+    "browserslist": {
+      "version": "4.8.3",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.8.3.tgz",
+      "integrity": "sha512-iU43cMMknxG1ClEZ2MDKeonKE1CCrFVkQK2AqO2YWFmvIrx4JWrvQ4w4hQez6EpVI8rHTtqh/ruHHDHSOKxvUg==",
+      "dev": true,
+      "requires": {
+        "caniuse-lite": "^1.0.30001017",
+        "electron-to-chromium": "^1.3.322",
+        "node-releases": "^1.1.44"
+      }
+    },
+    "browserstack": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/browserstack/-/browserstack-1.5.3.tgz",
+      "integrity": "sha512-AO+mECXsW4QcqC9bxwM29O7qWa7bJT94uBFzeb5brylIQwawuEziwq20dPYbins95GlWzOawgyDNdjYAo32EKg==",
+      "dev": true,
+      "requires": {
+        "https-proxy-agent": "^2.2.1"
+      }
+    },
+    "buffer": {
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.2.tgz",
+      "integrity": "sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==",
+      "dev": true,
+      "requires": {
+        "base64-js": "^1.0.2",
+        "ieee754": "^1.1.4",
+        "isarray": "^1.0.0"
+      }
+    },
+    "buffer-alloc": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/buffer-alloc/-/buffer-alloc-1.2.0.tgz",
+      "integrity": "sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==",
+      "dev": true,
+      "requires": {
+        "buffer-alloc-unsafe": "^1.1.0",
+        "buffer-fill": "^1.0.0"
+      }
+    },
+    "buffer-alloc-unsafe": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz",
+      "integrity": "sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==",
+      "dev": true
+    },
+    "buffer-fill": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/buffer-fill/-/buffer-fill-1.0.0.tgz",
+      "integrity": "sha1-+PeLdniYiO858gXNY39o5wISKyw=",
+      "dev": true
+    },
+    "buffer-from": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
+      "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A=="
+    },
+    "buffer-indexof": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/buffer-indexof/-/buffer-indexof-1.1.1.tgz",
+      "integrity": "sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==",
+      "dev": true
+    },
+    "buffer-xor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
+      "integrity": "sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk=",
+      "dev": true
+    },
+    "builtin-modules": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.1.tgz",
+      "integrity": "sha1-Jw8HbFpywC9bZaR9+Uxf46J4iS8=",
+      "dev": true
+    },
+    "builtin-status-codes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
+      "integrity": "sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=",
+      "dev": true
+    },
+    "builtins": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/builtins/-/builtins-1.0.3.tgz",
+      "integrity": "sha1-y5T662HIaWRR2zZTThQi+U8K7og="
+    },
+    "bytes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=",
+      "dev": true
+    },
+    "cacache": {
+      "version": "13.0.1",
+      "resolved": "https://registry.npmjs.org/cacache/-/cacache-13.0.1.tgz",
+      "integrity": "sha512-5ZvAxd05HDDU+y9BVvcqYu2LLXmPnQ0hW62h32g4xBTgL/MppR4/04NHfj/ycM2y6lmTnbw6HVi+1eN0Psba6w==",
+      "dev": true,
+      "requires": {
+        "chownr": "^1.1.2",
+        "figgy-pudding": "^3.5.1",
+        "fs-minipass": "^2.0.0",
+        "glob": "^7.1.4",
+        "graceful-fs": "^4.2.2",
+        "infer-owner": "^1.0.4",
+        "lru-cache": "^5.1.1",
+        "minipass": "^3.0.0",
+        "minipass-collect": "^1.0.2",
+        "minipass-flush": "^1.0.5",
+        "minipass-pipeline": "^1.2.2",
+        "mkdirp": "^0.5.1",
+        "move-concurrently": "^1.0.1",
+        "p-map": "^3.0.0",
+        "promise-inflight": "^1.0.1",
+        "rimraf": "^2.7.1",
+        "ssri": "^7.0.0",
+        "unique-filename": "^1.1.1"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+          "dev": true,
+          "requires": {
+            "yallist": "^3.0.2"
+          }
+        },
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "ssri": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/ssri/-/ssri-7.1.0.tgz",
+          "integrity": "sha512-77/WrDZUWocK0mvA5NTRQyveUf+wsrIc6vyrxpS8tVvYBcX215QbafrJR3KtkpskIzoFLqqNuuYQvxaMjXJ/0g==",
+          "dev": true,
+          "requires": {
+            "figgy-pudding": "^3.5.1",
+            "minipass": "^3.1.1"
+          }
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+          "dev": true
+        }
+      }
+    },
+    "cache-base": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
+      "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==",
+      "dev": true,
+      "requires": {
+        "collection-visit": "^1.0.0",
+        "component-emitter": "^1.2.1",
+        "get-value": "^2.0.6",
+        "has-value": "^1.0.0",
+        "isobject": "^3.0.1",
+        "set-value": "^2.0.0",
+        "to-object-path": "^0.3.0",
+        "union-value": "^1.0.0",
+        "unset-value": "^1.0.0"
+      }
+    },
+    "cacheable-request": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-2.1.4.tgz",
+      "integrity": "sha1-DYCIAbY0KtM8kd+dC0TcCbkeXD0=",
+      "requires": {
+        "clone-response": "1.0.2",
+        "get-stream": "3.0.0",
+        "http-cache-semantics": "3.8.1",
+        "keyv": "3.0.0",
+        "lowercase-keys": "1.0.0",
+        "normalize-url": "2.0.1",
+        "responselike": "1.0.2"
+      },
+      "dependencies": {
+        "lowercase-keys": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.0.tgz",
+          "integrity": "sha1-TjNms55/VFfjXxMkvfb4jQv8cwY="
+        }
+      }
+    },
+    "caller-callsite": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz",
+      "integrity": "sha1-hH4PzgoiN1CpoCfFSzNzGtMVQTQ=",
+      "dev": true,
+      "requires": {
+        "callsites": "^2.0.0"
+      }
+    },
+    "caller-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-2.0.0.tgz",
+      "integrity": "sha1-Ro+DBE42mrIBD6xfBs7uFbsssfQ=",
+      "dev": true,
+      "requires": {
+        "caller-callsite": "^2.0.0"
+      }
+    },
+    "callsite": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/callsite/-/callsite-1.0.0.tgz",
+      "integrity": "sha1-KAOY5dZkvXQDi28JBRU+borxvCA=",
+      "dev": true
+    },
+    "callsites": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
+      "integrity": "sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=",
+      "dev": true
+    },
+    "camelcase": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
+      "integrity": "sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0="
+    },
+    "camelcase-keys": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-4.2.0.tgz",
+      "integrity": "sha1-oqpfsa9oh1glnDLBQUJteJI7m3c=",
+      "requires": {
+        "camelcase": "^4.1.0",
+        "map-obj": "^2.0.0",
+        "quick-lru": "^1.0.0"
+      }
+    },
+    "caniuse-api": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
+      "integrity": "sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "caniuse-lite": "^1.0.0",
+        "lodash.memoize": "^4.1.2",
+        "lodash.uniq": "^4.5.0"
+      }
+    },
+    "caniuse-lite": {
+      "version": "1.0.30001020",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001020.tgz",
+      "integrity": "sha512-yWIvwA68wRHKanAVS1GjN8vajAv7MBFshullKCeq/eKpK7pJBVDgFFEqvgWTkcP2+wIDeQGYFRXECjKZnLkUjA==",
+      "dev": true
+    },
+    "canonical-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/canonical-path/-/canonical-path-1.0.0.tgz",
+      "integrity": "sha512-feylzsbDxi1gPZ1IjystzIQZagYYLvfKrSuygUCgf7z6x790VEzze5QEkdSV1U58RA7Hi0+v6fv4K54atOzATg==",
+      "dev": true
+    },
+    "canvas-gauges": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/canvas-gauges/-/canvas-gauges-2.1.5.tgz",
+      "integrity": "sha512-7GUd1uukePQPQPIoM8Sh4UrG8om+2RG+D8WN5BCkIp9wAfByzPuZZinsUkfFCyRrEOZ/rhuwBfFnb1ld8IfNrw=="
+    },
+    "caseless": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+      "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw="
+    },
+    "chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "requires": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      }
+    },
+    "chardet": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
+      "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
+      "dev": true
+    },
+    "chokidar": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.3.1.tgz",
+      "integrity": "sha512-4QYCEWOcK3OJrxwvyyAOxFuhpvOVCYkr33LPfFNBjAD/w3sEzWsp2BUOkI4l9bHvWioAd0rc6NlHUOEaWkTeqg==",
+      "dev": true,
+      "requires": {
+        "anymatch": "~3.1.1",
+        "braces": "~3.0.2",
+        "fsevents": "~2.1.2",
+        "glob-parent": "~5.1.0",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.3.0"
+      },
+      "dependencies": {
+        "glob-parent": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.0.tgz",
+          "integrity": "sha512-qjtRgnIVmOfnKUE3NJAQEdk+lKrxfw8t5ke7SXtfMTHcjsBfOfWXCQfdb30zfDoZQ2IRSIiidmjtbHZPZ++Ihw==",
+          "dev": true,
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        }
+      }
+    },
+    "chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+      "dev": true
+    },
+    "chrome-trace-event": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz",
+      "integrity": "sha512-9e/zx1jw7B4CO+c/RXoCsfg/x1AfUBioy4owYH0bJprEYAx5hRFLRhWBqHAG57D0ZM4H7vxbP7bPe0VwhQRYDQ==",
+      "dev": true,
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
+    "cipher-base": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
+      "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "circular-dependency-plugin": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/circular-dependency-plugin/-/circular-dependency-plugin-5.2.0.tgz",
+      "integrity": "sha512-7p4Kn/gffhQaavNfyDFg7LS5S/UT1JAjyGd4UqR2+jzoYF02eDkj0Ec3+48TsIa4zghjLY87nQHIh/ecK9qLdw==",
+      "dev": true
+    },
+    "class-utils": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
+      "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==",
+      "dev": true,
+      "requires": {
+        "arr-union": "^3.1.0",
+        "define-property": "^0.2.5",
+        "isobject": "^3.0.0",
+        "static-extend": "^0.1.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        }
+      }
+    },
+    "classnames": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz",
+      "integrity": "sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q=="
+    },
+    "clean-stack": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
+      "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
+      "dev": true
+    },
+    "cli-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
+      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+      "dev": true,
+      "requires": {
+        "restore-cursor": "^3.1.0"
+      }
+    },
+    "cli-spinners": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.2.0.tgz",
+      "integrity": "sha512-tgU3fKwzYjiLEQgPMD9Jt+JjHVL9kW93FiIMX/l7rivvOD4/LL0Mf7gda3+4U2KJBloybwgj5KEoQgGRioMiKQ==",
+      "dev": true
+    },
+    "cli-width": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-2.2.0.tgz",
+      "integrity": "sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=",
+      "dev": true
+    },
+    "clipboard": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/clipboard/-/clipboard-2.0.4.tgz",
+      "integrity": "sha512-Vw26VSLRpJfBofiVaFb/I8PVfdI1OxKcYShe6fm0sP/DtmiWQNCjhM/okTvdCo0G+lMMm1rMYbk4IK4x1X+kgQ==",
+      "optional": true,
+      "requires": {
+        "good-listener": "^1.2.2",
+        "select": "^1.1.2",
+        "tiny-emitter": "^2.0.0"
+      }
+    },
+    "cliui": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-4.1.0.tgz",
+      "integrity": "sha512-4FG+RSG9DL7uEwRUZXZn3SS34DiDPfzP0VOiEwtUWlE+AR2EIg+hSyvrIgUUfhdgR/UkAeW2QHgeP+hWrXs7jQ==",
+      "dev": true,
+      "requires": {
+        "string-width": "^2.1.1",
+        "strip-ansi": "^4.0.0",
+        "wrap-ansi": "^2.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        },
+        "string-width": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+          "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+          "dev": true,
+          "requires": {
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^4.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+          "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^3.0.0"
+          }
+        }
+      }
+    },
+    "clone": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+      "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4="
+    },
+    "clone-deep": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
+      "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
+      "dev": true,
+      "requires": {
+        "is-plain-object": "^2.0.4",
+        "kind-of": "^6.0.2",
+        "shallow-clone": "^3.0.0"
+      }
+    },
+    "clone-response": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.2.tgz",
+      "integrity": "sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=",
+      "requires": {
+        "mimic-response": "^1.0.0"
+      }
+    },
+    "clsx": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.1.0.tgz",
+      "integrity": "sha512-3avwM37fSK5oP6M5rQ9CNe99lwxhXDOeSWVPAOYF6OazUTgZCMb0yWlJpmdD74REy1gkEaFiub2ULv4fq9GUhA=="
+    },
+    "coa": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/coa/-/coa-2.0.2.tgz",
+      "integrity": "sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==",
+      "dev": true,
+      "requires": {
+        "@types/q": "^1.5.1",
+        "chalk": "^2.4.1",
+        "q": "^1.1.2"
+      }
+    },
+    "code-point-at": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
+      "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c="
+    },
+    "codelyzer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/codelyzer/-/codelyzer-5.2.1.tgz",
+      "integrity": "sha512-awBZXFcJUyC5HMYXiHzjr3D24tww2l1D1OqtfA9vUhEtYr32a65A+Gblm/OvsO+HuKLYzn8EDMw1inSM3VbxWA==",
+      "dev": true,
+      "requires": {
+        "app-root-path": "^2.2.1",
+        "aria-query": "^3.0.0",
+        "axobject-query": "2.0.2",
+        "css-selector-tokenizer": "^0.7.1",
+        "cssauron": "^1.4.0",
+        "damerau-levenshtein": "^1.0.4",
+        "semver-dsl": "^1.0.1",
+        "source-map": "^0.5.7",
+        "sprintf-js": "^1.1.2"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        },
+        "sprintf-js": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.2.tgz",
+          "integrity": "sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==",
+          "dev": true
+        }
+      }
+    },
+    "collection-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
+      "integrity": "sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=",
+      "dev": true,
+      "requires": {
+        "map-visit": "^1.0.0",
+        "object-visit": "^1.0.0"
+      }
+    },
+    "color": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/color/-/color-3.1.2.tgz",
+      "integrity": "sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==",
+      "dev": true,
+      "requires": {
+        "color-convert": "^1.9.1",
+        "color-string": "^1.5.2"
+      }
+    },
+    "color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "requires": {
+        "color-name": "1.1.3"
+      }
+    },
+    "color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
+    },
+    "color-string": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.5.3.tgz",
+      "integrity": "sha512-dC2C5qeWoYkxki5UAXapdjqO672AM4vZuPGRQfO8b5HKuKGBbKWpITyDYN7TOFKvRW7kOgAn3746clDBMDJyQw==",
+      "dev": true,
+      "requires": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "colors": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/colors/-/colors-1.1.2.tgz",
+      "integrity": "sha1-FopHAXVran9RoSzgyXv6KMCE7WM=",
+      "dev": true
+    },
+    "combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "requires": {
+        "delayed-stream": "~1.0.0"
+      }
+    },
+    "commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+    },
+    "commondir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+      "integrity": "sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=",
+      "dev": true
+    },
+    "compare-func": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/compare-func/-/compare-func-1.3.2.tgz",
+      "integrity": "sha1-md0LpFfh+bxyKxLAjsM+6rMfpkg=",
+      "requires": {
+        "array-ify": "^1.0.0",
+        "dot-prop": "^3.0.0"
+      }
+    },
+    "compare-versions": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/compare-versions/-/compare-versions-3.6.0.tgz",
+      "integrity": "sha512-W6Af2Iw1z4CB7q4uU4hv646dW9GQuBM+YpC0UvUCWSD8w90SJjp+ujJuXaEMtAXBtSqGfMPuFOVn4/+FlaqfBA==",
+      "dev": true
+    },
+    "compass-sass-mixins": {
+      "version": "0.12.7",
+      "resolved": "https://registry.npmjs.org/compass-sass-mixins/-/compass-sass-mixins-0.12.7.tgz",
+      "integrity": "sha1-KsTTEPLr5Ri31qykriTx0yVAnow="
+    },
+    "component-bind": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/component-bind/-/component-bind-1.0.0.tgz",
+      "integrity": "sha1-AMYIq33Nk4l8AAllGx06jh5zu9E=",
+      "dev": true
+    },
+    "component-classes": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/component-classes/-/component-classes-1.2.6.tgz",
+      "integrity": "sha1-xkI5TDYYpNiwuJGe/Mu9kw5c1pE=",
+      "requires": {
+        "component-indexof": "0.0.3"
+      }
+    },
+    "component-emitter": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
+      "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==",
+      "dev": true
+    },
+    "component-indexof": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/component-indexof/-/component-indexof-0.0.3.tgz",
+      "integrity": "sha1-EdCRMSI5648yyPJa6csAL/6NPCQ="
+    },
+    "component-inherit": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/component-inherit/-/component-inherit-0.0.3.tgz",
+      "integrity": "sha1-ZF/ErfWLcrZJ1crmUTVhnbJv8UM=",
+      "dev": true
+    },
+    "compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "dev": true,
+      "requires": {
+        "mime-db": ">= 1.43.0 < 2"
+      }
+    },
+    "compression": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
+      "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.5",
+        "bytes": "3.0.0",
+        "compressible": "~2.0.16",
+        "debug": "2.6.9",
+        "on-headers": "~1.0.2",
+        "safe-buffer": "5.1.2",
+        "vary": "~1.1.2"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        }
+      }
+    },
+    "compression-webpack-plugin": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/compression-webpack-plugin/-/compression-webpack-plugin-3.1.0.tgz",
+      "integrity": "sha512-iqTHj3rADN4yHwXMBrQa/xrncex/uEQy8QHlaTKxGchT/hC0SdlJlmL/5eRqffmWq2ep0/Romw6Ld39JjTR/ug==",
+      "dev": true,
+      "requires": {
+        "cacache": "^13.0.1",
+        "find-cache-dir": "^3.0.0",
+        "neo-async": "^2.5.0",
+        "schema-utils": "^2.6.1",
+        "serialize-javascript": "^2.1.2",
+        "webpack-sources": "^1.0.1"
+      },
+      "dependencies": {
+        "schema-utils": {
+          "version": "2.6.4",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.6.4.tgz",
+          "integrity": "sha512-VNjcaUxVnEeun6B2fiiUDjXXBtD4ZSH7pdbfIu1pOFwgptDPLMo/z9jr4sUfsjFVPqDCEin/F7IYlq7/E6yDbQ==",
+          "dev": true,
+          "requires": {
+            "ajv": "^6.10.2",
+            "ajv-keywords": "^3.4.1"
+          }
+        }
+      }
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
+    },
+    "concat-stream": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
+      "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
+      "requires": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.2.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "config-chain": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.12.tgz",
+      "integrity": "sha512-a1eOIcu8+7lUInge4Rpf/n4Krkf3Dd9lqhljRzII1/Zno/kRtUWnznPO3jOKBmTEktkt3fkxisUcivoj0ebzoA==",
+      "requires": {
+        "ini": "^1.3.4",
+        "proto-list": "~1.2.1"
+      }
+    },
+    "connect": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz",
+      "integrity": "sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "finalhandler": "1.1.2",
+        "parseurl": "~1.3.3",
+        "utils-merge": "1.0.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        }
+      }
+    },
+    "connect-history-api-fallback": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz",
+      "integrity": "sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==",
+      "dev": true
+    },
+    "console-browserify": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
+      "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==",
+      "dev": true
+    },
+    "console-control-strings": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+      "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4="
+    },
+    "constants-browserify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
+      "integrity": "sha1-wguW2MYXdIqvHBYCF2DNJ/y4y3U=",
+      "dev": true
+    },
+    "content-disposition": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.3.tgz",
+      "integrity": "sha512-ExO0774ikEObIAEV9kDo50o+79VCUdEB6n6lzKgGwupcVeRlhrj3qGAfwq8G6uBJjkqLrhT0qEYFcWng8z1z0g==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.1.2"
+      }
+    },
+    "content-type": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
+      "dev": true
+    },
+    "conventional-changelog-angular": {
+      "version": "1.6.6",
+      "resolved": "https://registry.npmjs.org/conventional-changelog-angular/-/conventional-changelog-angular-1.6.6.tgz",
+      "integrity": "sha512-suQnFSqCxRwyBxY68pYTsFkG0taIdinHLNEAX5ivtw8bCRnIgnpvcHmlR/yjUyZIrNPYAoXlY1WiEKWgSE4BNg==",
+      "requires": {
+        "compare-func": "^1.3.1",
+        "q": "^1.5.1"
+      }
+    },
+    "conventional-changelog-core": {
+      "version": "1.9.5",
+      "resolved": "https://registry.npmjs.org/conventional-changelog-core/-/conventional-changelog-core-1.9.5.tgz",
+      "integrity": "sha1-XbdWba18DLddr0f7spdve/mSjB0=",
+      "requires": {
+        "conventional-changelog-writer": "^2.0.3",
+        "conventional-commits-parser": "^2.1.0",
+        "dateformat": "^1.0.12",
+        "get-pkg-repo": "^1.0.0",
+        "git-raw-commits": "^1.3.0",
+        "git-remote-origin-url": "^2.0.0",
+        "git-semver-tags": "^1.2.3",
+        "lodash": "^4.0.0",
+        "normalize-package-data": "^2.3.5",
+        "q": "^1.4.1",
+        "read-pkg": "^1.1.0",
+        "read-pkg-up": "^1.0.1",
+        "through2": "^2.0.0"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+          "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
+          "requires": {
+            "path-exists": "^2.0.0",
+            "pinkie-promise": "^2.0.0"
+          }
+        },
+        "load-json-file": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+          "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "parse-json": "^2.2.0",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0",
+            "strip-bom": "^2.0.0"
+          }
+        },
+        "parse-json": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
+          "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
+          "requires": {
+            "error-ex": "^1.2.0"
+          }
+        },
+        "path-exists": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+          "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
+          "requires": {
+            "pinkie-promise": "^2.0.0"
+          }
+        },
+        "path-type": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
+          "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0"
+          }
+        },
+        "pify": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
+        },
+        "read-pkg": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+          "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
+          "requires": {
+            "load-json-file": "^1.0.0",
+            "normalize-package-data": "^2.3.2",
+            "path-type": "^1.0.0"
+          }
+        },
+        "read-pkg-up": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
+          "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
+          "requires": {
+            "find-up": "^1.0.0",
+            "read-pkg": "^1.0.0"
+          }
+        },
+        "strip-bom": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+          "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
+          "requires": {
+            "is-utf8": "^0.2.0"
+          }
+        }
+      }
+    },
+    "conventional-changelog-writer": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/conventional-changelog-writer/-/conventional-changelog-writer-2.0.3.tgz",
+      "integrity": "sha512-2E1h7UXL0fhRO5h0CxDZ5EBc5sfBZEQePvuZ+gPvApiRrICUyNDy/NQIP+2TBd4wKZQf2Zm7TxbzXHG5HkPIbA==",
+      "requires": {
+        "compare-func": "^1.3.1",
+        "conventional-commits-filter": "^1.1.1",
+        "dateformat": "^1.0.11",
+        "handlebars": "^4.0.2",
+        "json-stringify-safe": "^5.0.1",
+        "lodash": "^4.0.0",
+        "meow": "^3.3.0",
+        "semver": "^5.0.1",
+        "split": "^1.0.0",
+        "through2": "^2.0.0"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
+          "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8="
+        },
+        "camelcase-keys": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
+          "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
+          "requires": {
+            "camelcase": "^2.0.0",
+            "map-obj": "^1.0.0"
+          }
+        },
+        "find-up": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+          "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
+          "requires": {
+            "path-exists": "^2.0.0",
+            "pinkie-promise": "^2.0.0"
+          }
+        },
+        "indent-string": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
+          "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
+          "requires": {
+            "repeating": "^2.0.0"
+          }
+        },
+        "load-json-file": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+          "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "parse-json": "^2.2.0",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0",
+            "strip-bom": "^2.0.0"
+          }
+        },
+        "map-obj": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+          "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0="
+        },
+        "meow": {
+          "version": "3.7.0",
+          "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
+          "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
+          "requires": {
+            "camelcase-keys": "^2.0.0",
+            "decamelize": "^1.1.2",
+            "loud-rejection": "^1.0.0",
+            "map-obj": "^1.0.1",
+            "minimist": "^1.1.3",
+            "normalize-package-data": "^2.3.4",
+            "object-assign": "^4.0.1",
+            "read-pkg-up": "^1.0.1",
+            "redent": "^1.0.0",
+            "trim-newlines": "^1.0.0"
+          }
+        },
+        "parse-json": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
+          "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
+          "requires": {
+            "error-ex": "^1.2.0"
+          }
+        },
+        "path-exists": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+          "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
+          "requires": {
+            "pinkie-promise": "^2.0.0"
+          }
+        },
+        "path-type": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
+          "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0"
+          }
+        },
+        "pify": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
+        },
+        "read-pkg": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+          "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
+          "requires": {
+            "load-json-file": "^1.0.0",
+            "normalize-package-data": "^2.3.2",
+            "path-type": "^1.0.0"
+          }
+        },
+        "read-pkg-up": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
+          "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
+          "requires": {
+            "find-up": "^1.0.0",
+            "read-pkg": "^1.0.0"
+          }
+        },
+        "redent": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
+          "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
+          "requires": {
+            "indent-string": "^2.1.0",
+            "strip-indent": "^1.0.1"
+          }
+        },
+        "strip-bom": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+          "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
+          "requires": {
+            "is-utf8": "^0.2.0"
+          }
+        },
+        "strip-indent": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
+          "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
+          "requires": {
+            "get-stdin": "^4.0.1"
+          }
+        },
+        "trim-newlines": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
+          "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM="
+        }
+      }
+    },
+    "conventional-commits-filter": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/conventional-commits-filter/-/conventional-commits-filter-1.1.6.tgz",
+      "integrity": "sha512-KcDgtCRKJCQhyk6VLT7zR+ZOyCnerfemE/CsR3iQpzRRFbLEs0Y6rwk3mpDvtOh04X223z+1xyJ582Stfct/0Q==",
+      "requires": {
+        "is-subset": "^0.1.1",
+        "modify-values": "^1.0.0"
+      }
+    },
+    "conventional-commits-parser": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/conventional-commits-parser/-/conventional-commits-parser-2.1.7.tgz",
+      "integrity": "sha512-BoMaddIEJ6B4QVMSDu9IkVImlGOSGA1I2BQyOZHeLQ6qVOJLcLKn97+fL6dGbzWEiqDzfH4OkcveULmeq2MHFQ==",
+      "requires": {
+        "JSONStream": "^1.0.4",
+        "is-text-path": "^1.0.0",
+        "lodash": "^4.2.1",
+        "meow": "^4.0.0",
+        "split2": "^2.0.0",
+        "through2": "^2.0.0",
+        "trim-off-newlines": "^1.0.0"
+      }
+    },
+    "convert-css-length": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/convert-css-length/-/convert-css-length-2.0.1.tgz",
+      "integrity": "sha512-iGpbcvhLPRKUbBc0Quxx7w/bV14AC3ItuBEGMahA5WTYqB8lq9jH0kTXFheCBASsYnqeMFZhiTruNxr1N59Axg=="
+    },
+    "convert-source-map": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz",
+      "integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "~5.1.1"
+      }
+    },
+    "cookie": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.0.tgz",
+      "integrity": "sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==",
+      "dev": true
+    },
+    "cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=",
+      "dev": true
+    },
+    "copy-concurrently": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/copy-concurrently/-/copy-concurrently-1.0.5.tgz",
+      "integrity": "sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A==",
+      "dev": true,
+      "requires": {
+        "aproba": "^1.1.1",
+        "fs-write-stream-atomic": "^1.0.8",
+        "iferr": "^0.1.5",
+        "mkdirp": "^0.5.1",
+        "rimraf": "^2.5.4",
+        "run-queue": "^1.0.0"
+      },
+      "dependencies": {
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        }
+      }
+    },
+    "copy-descriptor": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
+      "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=",
+      "dev": true
+    },
+    "copy-webpack-plugin": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-5.1.1.tgz",
+      "integrity": "sha512-P15M5ZC8dyCjQHWwd4Ia/dm0SgVvZJMYeykVIVYXbGyqO4dWB5oyPHp9i7wjwo5LhtlhKbiBCdS2NvM07Wlybg==",
+      "dev": true,
+      "requires": {
+        "cacache": "^12.0.3",
+        "find-cache-dir": "^2.1.0",
+        "glob-parent": "^3.1.0",
+        "globby": "^7.1.1",
+        "is-glob": "^4.0.1",
+        "loader-utils": "^1.2.3",
+        "minimatch": "^3.0.4",
+        "normalize-path": "^3.0.0",
+        "p-limit": "^2.2.1",
+        "schema-utils": "^1.0.0",
+        "serialize-javascript": "^2.1.2",
+        "webpack-log": "^2.0.0"
+      },
+      "dependencies": {
+        "cacache": {
+          "version": "12.0.3",
+          "resolved": "https://registry.npmjs.org/cacache/-/cacache-12.0.3.tgz",
+          "integrity": "sha512-kqdmfXEGFepesTuROHMs3MpFLWrPkSSpRqOw80RCflZXy/khxaArvFrQ7uJxSUduzAufc6G0g1VUCOZXxWavPw==",
+          "dev": true,
+          "requires": {
+            "bluebird": "^3.5.5",
+            "chownr": "^1.1.1",
+            "figgy-pudding": "^3.5.1",
+            "glob": "^7.1.4",
+            "graceful-fs": "^4.1.15",
+            "infer-owner": "^1.0.3",
+            "lru-cache": "^5.1.1",
+            "mississippi": "^3.0.0",
+            "mkdirp": "^0.5.1",
+            "move-concurrently": "^1.0.1",
+            "promise-inflight": "^1.0.1",
+            "rimraf": "^2.6.3",
+            "ssri": "^6.0.1",
+            "unique-filename": "^1.1.1",
+            "y18n": "^4.0.0"
+          }
+        },
+        "find-cache-dir": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz",
+          "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==",
+          "dev": true,
+          "requires": {
+            "commondir": "^1.0.1",
+            "make-dir": "^2.0.0",
+            "pkg-dir": "^3.0.0"
+          }
+        },
+        "lru-cache": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+          "dev": true,
+          "requires": {
+            "yallist": "^3.0.2"
+          }
+        },
+        "p-limit": {
+          "version": "2.2.2",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.2.tgz",
+          "integrity": "sha512-WGR+xHecKTr7EbUEhyLSh5Dube9JtdiG78ufaeLxTgpudf/20KqyMioIUZJAezlTIi6evxuoUs9YXc11cU+yzQ==",
+          "dev": true,
+          "requires": {
+            "p-try": "^2.0.0"
+          }
+        },
+        "p-try": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+          "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+          "dev": true
+        },
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "ssri": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz",
+          "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==",
+          "dev": true,
+          "requires": {
+            "figgy-pudding": "^3.5.1"
+          }
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+          "dev": true
+        }
+      }
+    },
+    "core-js": {
+      "version": "3.6.4",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.6.4.tgz",
+      "integrity": "sha512-4paDGScNgZP2IXXilaffL9X7968RuvwlkK3xWtZRVqgd8SYNiVKRJvkFd1aqqEuPfN7E68ZHEp9hDj6lHj4Hyw=="
+    },
+    "core-js-compat": {
+      "version": "3.6.4",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.6.4.tgz",
+      "integrity": "sha512-zAa3IZPvsJ0slViBQ2z+vgyyTuhd3MFn1rBQjZSKVEgB0UMYhUkCj9jJUVPgGTGqWvsBVmfnruXgTcNyTlEiSA==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.8.3",
+        "semver": "7.0.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.0.0.tgz",
+          "integrity": "sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==",
+          "dev": true
+        }
+      }
+    },
+    "core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
+    },
+    "cosmiconfig": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
+      "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==",
+      "dev": true,
+      "requires": {
+        "import-fresh": "^2.0.0",
+        "is-directory": "^0.3.1",
+        "js-yaml": "^3.13.1",
+        "parse-json": "^4.0.0"
+      }
+    },
+    "coverage-istanbul-loader": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/coverage-istanbul-loader/-/coverage-istanbul-loader-2.0.3.tgz",
+      "integrity": "sha512-LiGRvyIuzVYs3M1ZYK1tF0HekjH0DJ8zFdUwAZq378EJzqOgToyb1690dp3TAUlP6Y+82uu42LRjuROVeJ54CA==",
+      "dev": true,
+      "requires": {
+        "convert-source-map": "^1.7.0",
+        "istanbul-lib-instrument": "^4.0.0",
+        "loader-utils": "^1.2.3",
+        "merge-source-map": "^1.1.0",
+        "schema-utils": "^2.6.1"
+      },
+      "dependencies": {
+        "schema-utils": {
+          "version": "2.6.4",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.6.4.tgz",
+          "integrity": "sha512-VNjcaUxVnEeun6B2fiiUDjXXBtD4ZSH7pdbfIu1pOFwgptDPLMo/z9jr4sUfsjFVPqDCEin/F7IYlq7/E6yDbQ==",
+          "dev": true,
+          "requires": {
+            "ajv": "^6.10.2",
+            "ajv-keywords": "^3.4.1"
+          }
+        }
+      }
+    },
+    "create-ecdh": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.3.tgz",
+      "integrity": "sha512-GbEHQPMOswGpKXM9kCWVrremUcBmjteUaQ01T9rkKCPDXfUHX0IoP9LpHYo2NPFampa4e+/pFDc3jQdxrxQLaw==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.0",
+        "elliptic": "^6.0.0"
+      }
+    },
+    "create-hash": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
+      "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
+      "dev": true,
+      "requires": {
+        "cipher-base": "^1.0.1",
+        "inherits": "^2.0.1",
+        "md5.js": "^1.3.4",
+        "ripemd160": "^2.0.1",
+        "sha.js": "^2.4.0"
+      }
+    },
+    "create-hmac": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
+      "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
+      "dev": true,
+      "requires": {
+        "cipher-base": "^1.0.3",
+        "create-hash": "^1.1.0",
+        "inherits": "^2.0.1",
+        "ripemd160": "^2.0.0",
+        "safe-buffer": "^5.0.1",
+        "sha.js": "^2.4.8"
+      }
+    },
+    "cross-spawn": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
+      "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=",
+      "requires": {
+        "lru-cache": "^4.0.1",
+        "shebang-command": "^1.2.0",
+        "which": "^1.2.9"
+      }
+    },
+    "crypto-browserify": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
+      "integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
+      "dev": true,
+      "requires": {
+        "browserify-cipher": "^1.0.0",
+        "browserify-sign": "^4.0.0",
+        "create-ecdh": "^4.0.0",
+        "create-hash": "^1.1.0",
+        "create-hmac": "^1.1.0",
+        "diffie-hellman": "^5.0.0",
+        "inherits": "^2.0.1",
+        "pbkdf2": "^3.0.3",
+        "public-encrypt": "^4.0.0",
+        "randombytes": "^2.0.0",
+        "randomfill": "^1.0.3"
+      }
+    },
+    "css": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz",
+      "integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.3",
+        "source-map": "^0.6.1",
+        "source-map-resolve": "^0.5.2",
+        "urix": "^0.1.0"
+      }
+    },
+    "css-animation": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/css-animation/-/css-animation-1.6.1.tgz",
+      "integrity": "sha512-/48+/BaEaHRY6kNQ2OIPzKf9A6g8WjZYjhiNDNuIVbsm5tXCGIAsHDjB4Xu1C4vXJtUWZo26O68OQkDpNBaPog==",
+      "requires": {
+        "babel-runtime": "6.x",
+        "component-classes": "^1.2.5"
+      }
+    },
+    "css-color-names": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
+      "integrity": "sha1-gIrcLnnPhHOAabZGyyDsJ762KeA=",
+      "dev": true
+    },
+    "css-declaration-sorter": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-4.0.1.tgz",
+      "integrity": "sha512-BcxQSKTSEEQUftYpBVnsH4SF05NTuBokb19/sBt6asXGKZ/6VP7PLG1CBCkFDYOnhXhPh0jMhO6xZ71oYHXHBA==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.1",
+        "timsort": "^0.3.0"
+      }
+    },
+    "css-parse": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/css-parse/-/css-parse-2.0.0.tgz",
+      "integrity": "sha1-pGjuZnwW2BzPBcWMONKpfHgNv9Q=",
+      "dev": true,
+      "requires": {
+        "css": "^2.0.0"
+      }
+    },
+    "css-select": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.1.0.tgz",
+      "integrity": "sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==",
+      "dev": true,
+      "requires": {
+        "boolbase": "^1.0.0",
+        "css-what": "^3.2.1",
+        "domutils": "^1.7.0",
+        "nth-check": "^1.0.2"
+      }
+    },
+    "css-select-base-adapter": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz",
+      "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==",
+      "dev": true
+    },
+    "css-selector-tokenizer": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.1.tgz",
+      "integrity": "sha512-xYL0AMZJ4gFzJQsHUKa5jiWWi2vH77WVNg7JYRyewwj6oPh4yb/y6Y9ZCw9dsj/9UauMhtuxR+ogQd//EdEVNA==",
+      "dev": true,
+      "requires": {
+        "cssesc": "^0.1.0",
+        "fastparse": "^1.1.1",
+        "regexpu-core": "^1.0.0"
+      },
+      "dependencies": {
+        "cssesc": {
+          "version": "0.1.0",
+          "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-0.1.0.tgz",
+          "integrity": "sha1-yBSQPkViM3GgR3tAEJqq++6t27Q=",
+          "dev": true
+        },
+        "jsesc": {
+          "version": "0.5.0",
+          "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+          "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=",
+          "dev": true
+        },
+        "regexpu-core": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-1.0.0.tgz",
+          "integrity": "sha1-hqdj9Y7k18L2sQLkdkBQ3n7ZDGs=",
+          "dev": true,
+          "requires": {
+            "regenerate": "^1.2.1",
+            "regjsgen": "^0.2.0",
+            "regjsparser": "^0.1.4"
+          }
+        },
+        "regjsgen": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz",
+          "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=",
+          "dev": true
+        },
+        "regjsparser": {
+          "version": "0.1.5",
+          "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz",
+          "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=",
+          "dev": true,
+          "requires": {
+            "jsesc": "~0.5.0"
+          }
+        }
+      }
+    },
+    "css-tree": {
+      "version": "1.0.0-alpha.37",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz",
+      "integrity": "sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==",
+      "dev": true,
+      "requires": {
+        "mdn-data": "2.0.4",
+        "source-map": "^0.6.1"
+      }
+    },
+    "css-vendor": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/css-vendor/-/css-vendor-2.0.7.tgz",
+      "integrity": "sha512-VS9Rjt79+p7M0WkPqcAza4Yq1ZHrsHrwf7hPL/bjQB+c1lwmAI+1FXxYTYt818D/50fFVflw0XKleiBN5RITkg==",
+      "requires": {
+        "@babel/runtime": "^7.6.2",
+        "is-in-browser": "^1.0.2"
+      }
+    },
+    "css-what": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.2.1.tgz",
+      "integrity": "sha512-WwOrosiQTvyms+Ti5ZC5vGEK0Vod3FTt1ca+payZqvKuGJF+dq7bG63DstxtN0dpm6FxY27a/zS3Wten+gEtGw==",
+      "dev": true
+    },
+    "cssauron": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/cssauron/-/cssauron-1.4.0.tgz",
+      "integrity": "sha1-pmAt/34EqDBtwNuaVR6S6LVmKtg=",
+      "dev": true,
+      "requires": {
+        "through": "X.X.X"
+      }
+    },
+    "cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true
+    },
+    "cssnano": {
+      "version": "4.1.10",
+      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-4.1.10.tgz",
+      "integrity": "sha512-5wny+F6H4/8RgNlaqab4ktc3e0/blKutmq8yNlBFXA//nSFFAqAngjNVRzUvCgYROULmZZUoosL/KSoZo5aUaQ==",
+      "dev": true,
+      "requires": {
+        "cosmiconfig": "^5.0.0",
+        "cssnano-preset-default": "^4.0.7",
+        "is-resolvable": "^1.0.0",
+        "postcss": "^7.0.0"
+      }
+    },
+    "cssnano-preset-default": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-4.0.7.tgz",
+      "integrity": "sha512-x0YHHx2h6p0fCl1zY9L9roD7rnlltugGu7zXSKQx6k2rYw0Hi3IqxcoAGF7u9Q5w1nt7vK0ulxV8Lo+EvllGsA==",
+      "dev": true,
+      "requires": {
+        "css-declaration-sorter": "^4.0.1",
+        "cssnano-util-raw-cache": "^4.0.1",
+        "postcss": "^7.0.0",
+        "postcss-calc": "^7.0.1",
+        "postcss-colormin": "^4.0.3",
+        "postcss-convert-values": "^4.0.1",
+        "postcss-discard-comments": "^4.0.2",
+        "postcss-discard-duplicates": "^4.0.2",
+        "postcss-discard-empty": "^4.0.1",
+        "postcss-discard-overridden": "^4.0.1",
+        "postcss-merge-longhand": "^4.0.11",
+        "postcss-merge-rules": "^4.0.3",
+        "postcss-minify-font-values": "^4.0.2",
+        "postcss-minify-gradients": "^4.0.2",
+        "postcss-minify-params": "^4.0.2",
+        "postcss-minify-selectors": "^4.0.2",
+        "postcss-normalize-charset": "^4.0.1",
+        "postcss-normalize-display-values": "^4.0.2",
+        "postcss-normalize-positions": "^4.0.2",
+        "postcss-normalize-repeat-style": "^4.0.2",
+        "postcss-normalize-string": "^4.0.2",
+        "postcss-normalize-timing-functions": "^4.0.2",
+        "postcss-normalize-unicode": "^4.0.1",
+        "postcss-normalize-url": "^4.0.1",
+        "postcss-normalize-whitespace": "^4.0.2",
+        "postcss-ordered-values": "^4.1.2",
+        "postcss-reduce-initial": "^4.0.3",
+        "postcss-reduce-transforms": "^4.0.2",
+        "postcss-svgo": "^4.0.2",
+        "postcss-unique-selectors": "^4.0.1"
+      }
+    },
+    "cssnano-util-get-arguments": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cssnano-util-get-arguments/-/cssnano-util-get-arguments-4.0.0.tgz",
+      "integrity": "sha1-7ToIKZ8h11dBsg87gfGU7UnMFQ8=",
+      "dev": true
+    },
+    "cssnano-util-get-match": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cssnano-util-get-match/-/cssnano-util-get-match-4.0.0.tgz",
+      "integrity": "sha1-wOTKB/U4a7F+xeUiULT1lhNlFW0=",
+      "dev": true
+    },
+    "cssnano-util-raw-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/cssnano-util-raw-cache/-/cssnano-util-raw-cache-4.0.1.tgz",
+      "integrity": "sha512-qLuYtWK2b2Dy55I8ZX3ky1Z16WYsx544Q0UWViebptpwn/xDBmog2TLg4f+DBMg1rJ6JDWtn96WHbOKDWt1WQA==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "cssnano-util-same-parent": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/cssnano-util-same-parent/-/cssnano-util-same-parent-4.0.1.tgz",
+      "integrity": "sha512-WcKx5OY+KoSIAxBW6UBBRay1U6vkYheCdjyVNDm85zt5K9mHoGOfsOsqIszfAqrQQFIIKgjh2+FDgIj/zsl21Q==",
+      "dev": true
+    },
+    "csso": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-4.0.2.tgz",
+      "integrity": "sha512-kS7/oeNVXkHWxby5tHVxlhjizRCSv8QdU7hB2FpdAibDU8FjTAolhNjKNTiLzXtUrKT6HwClE81yXwEk1309wg==",
+      "dev": true,
+      "requires": {
+        "css-tree": "1.0.0-alpha.37"
+      }
+    },
+    "csstype": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.9.tgz",
+      "integrity": "sha512-xz39Sb4+OaTsULgUERcCk+TJj8ylkL4aSVDQiX/ksxbELSqwkgt4d4RD7fovIdgJGSuNYqwZEiVjYY5l0ask+Q=="
+    },
+    "currently-unhandled": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
+      "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=",
+      "requires": {
+        "array-find-index": "^1.0.1"
+      }
+    },
+    "custom-event": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/custom-event/-/custom-event-1.0.1.tgz",
+      "integrity": "sha1-XQKkaFCt8bSjF5RqOSj8y1v9BCU=",
+      "dev": true
+    },
+    "cyclist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-1.0.1.tgz",
+      "integrity": "sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=",
+      "dev": true
+    },
+    "damerau-levenshtein": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.6.tgz",
+      "integrity": "sha512-JVrozIeElnj3QzfUIt8tB8YMluBJom4Vw9qTPpjGYQ9fYlB3D/rb6OordUxf3xeFB35LKWs0xqcO5U6ySvBtug==",
+      "dev": true
+    },
+    "dargs": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/dargs/-/dargs-4.1.0.tgz",
+      "integrity": "sha1-A6nbtLXC8Tm/FK5T8LiipqhvThc=",
+      "requires": {
+        "number-is-nan": "^1.0.0"
+      }
+    },
+    "dashdash": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
+      "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
+      "requires": {
+        "assert-plus": "^1.0.0"
+      }
+    },
+    "date-fns": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.9.0.tgz",
+      "integrity": "sha512-khbFLu/MlzLjEzy9Gh8oY1hNt/Dvxw3J6Rbc28cVoYWQaC1S3YI4xwkF9ZWcjDLscbZlY9hISMr66RFzZagLsA=="
+    },
+    "date-format": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/date-format/-/date-format-2.1.0.tgz",
+      "integrity": "sha512-bYQuGLeFxhkxNOF3rcMtiZxvCBAquGzZm6oWA1oZ0g2THUzivaRhv8uOhdr19LmoobSOLoIAxeUK2RdbM8IFTA==",
+      "dev": true
+    },
+    "dateformat": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-1.0.12.tgz",
+      "integrity": "sha1-nxJLZ1lMk3/3BpMuSmQsyo27/uk=",
+      "requires": {
+        "get-stdin": "^4.0.1",
+        "meow": "^3.3.0"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
+          "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8="
+        },
+        "camelcase-keys": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
+          "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
+          "requires": {
+            "camelcase": "^2.0.0",
+            "map-obj": "^1.0.0"
+          }
+        },
+        "find-up": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+          "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
+          "requires": {
+            "path-exists": "^2.0.0",
+            "pinkie-promise": "^2.0.0"
+          }
+        },
+        "indent-string": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
+          "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
+          "requires": {
+            "repeating": "^2.0.0"
+          }
+        },
+        "load-json-file": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+          "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "parse-json": "^2.2.0",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0",
+            "strip-bom": "^2.0.0"
+          }
+        },
+        "map-obj": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+          "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0="
+        },
+        "meow": {
+          "version": "3.7.0",
+          "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
+          "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
+          "requires": {
+            "camelcase-keys": "^2.0.0",
+            "decamelize": "^1.1.2",
+            "loud-rejection": "^1.0.0",
+            "map-obj": "^1.0.1",
+            "minimist": "^1.1.3",
+            "normalize-package-data": "^2.3.4",
+            "object-assign": "^4.0.1",
+            "read-pkg-up": "^1.0.1",
+            "redent": "^1.0.0",
+            "trim-newlines": "^1.0.0"
+          }
+        },
+        "parse-json": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
+          "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
+          "requires": {
+            "error-ex": "^1.2.0"
+          }
+        },
+        "path-exists": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+          "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
+          "requires": {
+            "pinkie-promise": "^2.0.0"
+          }
+        },
+        "path-type": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
+          "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0"
+          }
+        },
+        "pify": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
+        },
+        "read-pkg": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+          "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
+          "requires": {
+            "load-json-file": "^1.0.0",
+            "normalize-package-data": "^2.3.2",
+            "path-type": "^1.0.0"
+          }
+        },
+        "read-pkg-up": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
+          "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
+          "requires": {
+            "find-up": "^1.0.0",
+            "read-pkg": "^1.0.0"
+          }
+        },
+        "redent": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
+          "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
+          "requires": {
+            "indent-string": "^2.1.0",
+            "strip-indent": "^1.0.1"
+          }
+        },
+        "strip-bom": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+          "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
+          "requires": {
+            "is-utf8": "^0.2.0"
+          }
+        },
+        "strip-indent": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
+          "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
+          "requires": {
+            "get-stdin": "^4.0.1"
+          }
+        },
+        "trim-newlines": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
+          "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM="
+        }
+      }
+    },
+    "debug": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz",
+      "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==",
+      "requires": {
+        "ms": "^2.1.1"
+      }
+    },
+    "debuglog": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/debuglog/-/debuglog-1.0.1.tgz",
+      "integrity": "sha1-qiT/uaw9+aI1GDfPstJ5NgzXhJI=",
+      "dev": true
+    },
+    "decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA="
+    },
+    "decamelize-keys": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz",
+      "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=",
+      "requires": {
+        "decamelize": "^1.1.0",
+        "map-obj": "^1.0.0"
+      },
+      "dependencies": {
+        "map-obj": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+          "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0="
+        }
+      }
+    },
+    "decode-uri-component": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
+      "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU="
+    },
+    "decompress-response": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-3.3.0.tgz",
+      "integrity": "sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=",
+      "requires": {
+        "mimic-response": "^1.0.0"
+      }
+    },
+    "deep-equal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.0.1.tgz",
+      "integrity": "sha512-7Et6r6XfNW61CPPCIYfm1YPGSmh6+CliYeL4km7GWJcpX5LTAflGF8drLLR+MZX+2P3NZfAfSduutBbSWqER4g==",
+      "requires": {
+        "es-abstract": "^1.16.3",
+        "es-get-iterator": "^1.0.1",
+        "is-arguments": "^1.0.4",
+        "is-date-object": "^1.0.1",
+        "is-regex": "^1.0.4",
+        "isarray": "^2.0.5",
+        "object-is": "^1.0.1",
+        "object-keys": "^1.1.1",
+        "regexp.prototype.flags": "^1.2.0",
+        "side-channel": "^1.0.1",
+        "which-boxed-primitive": "^1.0.1",
+        "which-collection": "^1.0.0"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+          "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="
+        }
+      }
+    },
+    "deep-freeze-strict": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/deep-freeze-strict/-/deep-freeze-strict-1.1.1.tgz",
+      "integrity": "sha1-d9BYPKJKab5LvZrC+uQV1VUj5bA=",
+      "dev": true
+    },
+    "default-gateway": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-4.2.0.tgz",
+      "integrity": "sha512-h6sMrVB1VMWVrW13mSc6ia/DwYYw5MN6+exNu1OaJeFac5aSAvwM7lZ0NVfTABuSkQelr4h5oebg3KB1XPdjgA==",
+      "dev": true,
+      "requires": {
+        "execa": "^1.0.0",
+        "ip-regex": "^2.1.0"
+      },
+      "dependencies": {
+        "cross-spawn": {
+          "version": "6.0.5",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+          "dev": true,
+          "requires": {
+            "nice-try": "^1.0.4",
+            "path-key": "^2.0.1",
+            "semver": "^5.5.0",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          }
+        },
+        "execa": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
+          "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==",
+          "dev": true,
+          "requires": {
+            "cross-spawn": "^6.0.0",
+            "get-stream": "^4.0.0",
+            "is-stream": "^1.1.0",
+            "npm-run-path": "^2.0.0",
+            "p-finally": "^1.0.0",
+            "signal-exit": "^3.0.0",
+            "strip-eof": "^1.0.0"
+          }
+        },
+        "get-stream": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+          "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+          "dev": true,
+          "requires": {
+            "pump": "^3.0.0"
+          }
+        }
+      }
+    },
+    "default-require-extensions": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/default-require-extensions/-/default-require-extensions-2.0.0.tgz",
+      "integrity": "sha1-9fj7sYp9bVCyH2QfZJ67Uiz+JPc=",
+      "dev": true,
+      "requires": {
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "defaults": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.3.tgz",
+      "integrity": "sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=",
+      "requires": {
+        "clone": "^1.0.2"
+      }
+    },
+    "define-properties": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
+      "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==",
+      "requires": {
+        "object-keys": "^1.0.12"
+      }
+    },
+    "define-property": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+      "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+      "dev": true,
+      "requires": {
+        "is-descriptor": "^1.0.2",
+        "isobject": "^3.0.1"
+      },
+      "dependencies": {
+        "is-accessor-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+          "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-data-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+          "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+          "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^1.0.0",
+            "is-data-descriptor": "^1.0.0",
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
+    "del": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/del/-/del-4.1.1.tgz",
+      "integrity": "sha512-QwGuEUouP2kVwQenAsOof5Fv8K9t3D8Ca8NxcXKrIpEHjTXK5J2nXLdP+ALI1cgv8wj7KuwBhTwBkOZSJKM5XQ==",
+      "dev": true,
+      "requires": {
+        "@types/glob": "^7.1.1",
+        "globby": "^6.1.0",
+        "is-path-cwd": "^2.0.0",
+        "is-path-in-cwd": "^2.0.0",
+        "p-map": "^2.0.0",
+        "pify": "^4.0.1",
+        "rimraf": "^2.6.3"
+      },
+      "dependencies": {
+        "globby": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+          "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=",
+          "dev": true,
+          "requires": {
+            "array-union": "^1.0.1",
+            "glob": "^7.0.3",
+            "object-assign": "^4.0.1",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0"
+          },
+          "dependencies": {
+            "pify": {
+              "version": "2.3.0",
+              "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+              "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+              "dev": true
+            }
+          }
+        },
+        "p-map": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/p-map/-/p-map-2.1.0.tgz",
+          "integrity": "sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==",
+          "dev": true
+        },
+        "pify": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+          "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+          "dev": true
+        },
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        }
+      }
+    },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk="
+    },
+    "delegate": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/delegate/-/delegate-3.2.0.tgz",
+      "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==",
+      "optional": true
+    },
+    "delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o="
+    },
+    "depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=",
+      "dev": true
+    },
+    "dependency-graph": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.7.2.tgz",
+      "integrity": "sha512-KqtH4/EZdtdfWX0p6MGP9jljvxSY6msy/pRUD4jgNwVpv3v1QmNLlsB3LDSSUg79BRVSn7jI1QPRtArGABovAQ==",
+      "dev": true
+    },
+    "des.js": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.1.tgz",
+      "integrity": "sha512-Q0I4pfFrv2VPd34/vfLrFOoRmlYj3OV50i7fskps1jZWK1kApMWWT9G6RRUeYedLcBDIhnSDaUvJMb3AhUlaEA==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "destroy": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
+      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=",
+      "dev": true
+    },
+    "detect-node": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.0.4.tgz",
+      "integrity": "sha512-ZIzRpLJrOj7jjP2miAtgqIfmzbxa4ZOr5jJc601zklsfEx9oTzmmj2nVpIPRpNlRTIh8lc1kyViIY7BWSGNmKw==",
+      "dev": true
+    },
+    "dezalgo": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/dezalgo/-/dezalgo-1.0.3.tgz",
+      "integrity": "sha1-f3Qt4Gb8dIvI24IFad3c5Jvw1FY=",
+      "dev": true,
+      "requires": {
+        "asap": "^2.0.0",
+        "wrappy": "1"
+      }
+    },
+    "di": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/di/-/di-0.0.1.tgz",
+      "integrity": "sha1-gGZJMmzqp8qjMG112YXqJ0i6kTw=",
+      "dev": true
+    },
+    "diff": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+      "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+      "dev": true
+    },
+    "diff-match-patch": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/diff-match-patch/-/diff-match-patch-1.0.4.tgz",
+      "integrity": "sha512-Uv3SW8bmH9nAtHKaKSanOQmj2DnlH65fUpcrMdfdaOxUG02QQ4YGZ8AE7kKOMisF7UqvOlGKVYWRvezdncW9lg=="
+    },
+    "diffie-hellman": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
+      "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.0",
+        "miller-rabin": "^4.0.0",
+        "randombytes": "^2.0.0"
+      }
+    },
+    "dir-glob": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-2.2.2.tgz",
+      "integrity": "sha512-f9LBi5QWzIW3I6e//uxZoLBlUt9kcp66qo0sSCxL6YZKc75R1c4MFCoe/LaZiBGmgujvQdxc5Bn3QhfyvK5Hsw==",
+      "dev": true,
+      "requires": {
+        "path-type": "^3.0.0"
+      }
+    },
+    "directory-tree": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/directory-tree/-/directory-tree-2.2.4.tgz",
+      "integrity": "sha512-2N43msQptKbi3WMfIs+U09yi6bfyKL+MWyj5VMj8t1F/Tx04bt1cn/EEIU3o1JBltlJk7NQnzOEuTNa/KQvbWA==",
+      "dev": true
+    },
+    "dns-equal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
+      "integrity": "sha1-s55/HabrCnW6nBcySzR1PEfgZU0=",
+      "dev": true
+    },
+    "dns-packet": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.1.tgz",
+      "integrity": "sha512-0UxfQkMhYAUaZI+xrNZOz/as5KgDU0M/fQ9b6SpkyLbk3GEswDi6PADJVaYJradtRVsRIlF1zLyOodbcTCDzUg==",
+      "dev": true,
+      "requires": {
+        "ip": "^1.1.0",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "dns-txt": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/dns-txt/-/dns-txt-2.0.2.tgz",
+      "integrity": "sha1-uR2Ab10nGI5Ks+fRB9iBocxGQrY=",
+      "dev": true,
+      "requires": {
+        "buffer-indexof": "^1.0.0"
+      }
+    },
+    "dom-align": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/dom-align/-/dom-align-1.10.4.tgz",
+      "integrity": "sha512-wytDzaru67AmqFOY4B9GUb/hrwWagezoYYK97D/vpK+ezg+cnuZO0Q2gltUPa7KfNmIqfRIYVCF8UhRDEHAmgQ=="
+    },
+    "dom-helpers": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.1.3.tgz",
+      "integrity": "sha512-nZD1OtwfWGRBWlpANxacBEZrEuLa16o1nh7YopFWeoF68Zt8GGEmzHu6Xv4F3XaFIC+YXtTLrzgqKxFgLEe4jw==",
+      "requires": {
+        "@babel/runtime": "^7.6.3",
+        "csstype": "^2.6.7"
+      }
+    },
+    "dom-serialize": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/dom-serialize/-/dom-serialize-2.2.1.tgz",
+      "integrity": "sha1-ViromZ9Evl6jB29UGdzVnrQ6yVs=",
+      "dev": true,
+      "requires": {
+        "custom-event": "~1.0.0",
+        "ent": "~2.2.0",
+        "extend": "^3.0.0",
+        "void-elements": "^2.0.0"
+      }
+    },
+    "dom-serializer": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
+      "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
+      "dev": true,
+      "requires": {
+        "domelementtype": "^2.0.1",
+        "entities": "^2.0.0"
+      },
+      "dependencies": {
+        "domelementtype": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.0.1.tgz",
+          "integrity": "sha512-5HOHUDsYZWV8FGWN0Njbr/Rn7f/eWSQi1v7+HsUVwXgn8nWWlL64zKDkS0n8ZmQ3mlWOMuXOnR+7Nx/5tMO5AQ==",
+          "dev": true
+        }
+      }
+    },
+    "domain-browser": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
+      "integrity": "sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==",
+      "dev": true
+    },
+    "domelementtype": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
+      "dev": true
+    },
+    "domutils": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
+      "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
+      "dev": true,
+      "requires": {
+        "dom-serializer": "0",
+        "domelementtype": "1"
+      }
+    },
+    "dot-prop": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-3.0.0.tgz",
+      "integrity": "sha1-G3CK8JSknJoOfbyteQq6U52sEXc=",
+      "requires": {
+        "is-obj": "^1.0.0"
+      }
+    },
+    "dotenv": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-4.0.0.tgz",
+      "integrity": "sha1-hk7xN5rO1Vzm+V3r7NzhefegzR0="
+    },
+    "duplexer3": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.4.tgz",
+      "integrity": "sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI="
+    },
+    "duplexify": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz",
+      "integrity": "sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "^1.0.0",
+        "inherits": "^2.0.1",
+        "readable-stream": "^2.0.0",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "ecc-jsbn": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
+      "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
+      "requires": {
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.1.0"
+      }
+    },
+    "editorconfig": {
+      "version": "0.15.3",
+      "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-0.15.3.tgz",
+      "integrity": "sha512-M9wIMFx96vq0R4F+gRpY3o2exzb8hEj/n9S8unZtHSvYjibBp/iMufSzvmOcV/laG0ZtuTVGtiJggPOSW2r93g==",
+      "requires": {
+        "commander": "^2.19.0",
+        "lru-cache": "^4.1.5",
+        "semver": "^5.6.0",
+        "sigmund": "^1.0.1"
+      }
+    },
+    "ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=",
+      "dev": true
+    },
+    "electron-to-chromium": {
+      "version": "1.3.355",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.355.tgz",
+      "integrity": "sha512-zKO/wS+2ChI/jz9WAo647xSW8t2RmgRLFdbUb/77cORkUTargO+SCj4ctTHjBn2VeNFrsLgDT7IuDVrd3F8mLQ==",
+      "dev": true
+    },
+    "elliptic": {
+      "version": "6.5.2",
+      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.2.tgz",
+      "integrity": "sha512-f4x70okzZbIQl/NSRLkI/+tteV/9WqL98zx+SQ69KbXxmVrmjwsNUPn/gYJJ0sHvEak24cZgHIPegRePAtA/xw==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.4.0",
+        "brorand": "^1.0.1",
+        "hash.js": "^1.0.0",
+        "hmac-drbg": "^1.0.0",
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0",
+        "minimalistic-crypto-utils": "^1.0.0"
+      }
+    },
+    "emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
+    },
+    "emojis-list": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
+      "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
+      "dev": true
+    },
+    "encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=",
+      "dev": true
+    },
+    "encoding": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.12.tgz",
+      "integrity": "sha1-U4tm8+5izRq1HsMjgp0flIDHS+s=",
+      "dev": true,
+      "requires": {
+        "iconv-lite": "~0.4.13"
+      }
+    },
+    "end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "dev": true,
+      "requires": {
+        "once": "^1.4.0"
+      }
+    },
+    "engine.io": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-3.2.1.tgz",
+      "integrity": "sha512-+VlKzHzMhaU+GsCIg4AoXF1UdDFjHHwMmMKqMJNDNLlUlejz58FCy4LBqB2YVJskHGYl06BatYWKP2TVdVXE5w==",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.4",
+        "base64id": "1.0.0",
+        "cookie": "0.3.1",
+        "debug": "~3.1.0",
+        "engine.io-parser": "~2.1.0",
+        "ws": "~3.3.1"
+      },
+      "dependencies": {
+        "cookie": {
+          "version": "0.3.1",
+          "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz",
+          "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=",
+          "dev": true
+        },
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        },
+        "ws": {
+          "version": "3.3.3",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-3.3.3.tgz",
+          "integrity": "sha512-nnWLa/NwZSt4KQJu51MYlCcSQ5g7INpOrOMt4XV8j4dqTXdmlUmSHQ8/oLC069ckre0fRsgfvsKwbTdtKLCDkA==",
+          "dev": true,
+          "requires": {
+            "async-limiter": "~1.0.0",
+            "safe-buffer": "~5.1.0",
+            "ultron": "~1.1.0"
+          }
+        }
+      }
+    },
+    "engine.io-client": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-3.2.1.tgz",
+      "integrity": "sha512-y5AbkytWeM4jQr7m/koQLc5AxpRKC1hEVUb/s1FUAWEJq5AzJJ4NLvzuKPuxtDi5Mq755WuDvZ6Iv2rXj4PTzw==",
+      "dev": true,
+      "requires": {
+        "component-emitter": "1.2.1",
+        "component-inherit": "0.0.3",
+        "debug": "~3.1.0",
+        "engine.io-parser": "~2.1.1",
+        "has-cors": "1.1.0",
+        "indexof": "0.0.1",
+        "parseqs": "0.0.5",
+        "parseuri": "0.0.5",
+        "ws": "~3.3.1",
+        "xmlhttprequest-ssl": "~1.5.4",
+        "yeast": "0.1.2"
+      },
+      "dependencies": {
+        "component-emitter": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz",
+          "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=",
+          "dev": true
+        },
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        },
+        "ws": {
+          "version": "3.3.3",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-3.3.3.tgz",
+          "integrity": "sha512-nnWLa/NwZSt4KQJu51MYlCcSQ5g7INpOrOMt4XV8j4dqTXdmlUmSHQ8/oLC069ckre0fRsgfvsKwbTdtKLCDkA==",
+          "dev": true,
+          "requires": {
+            "async-limiter": "~1.0.0",
+            "safe-buffer": "~5.1.0",
+            "ultron": "~1.1.0"
+          }
+        }
+      }
+    },
+    "engine.io-parser": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-2.1.3.tgz",
+      "integrity": "sha512-6HXPre2O4Houl7c4g7Ic/XzPnHBvaEmN90vtRO9uLmwtRqQmTOw0QMevL1TOfL2Cpu1VzsaTmMotQgMdkzGkVA==",
+      "dev": true,
+      "requires": {
+        "after": "0.8.2",
+        "arraybuffer.slice": "~0.0.7",
+        "base64-arraybuffer": "0.1.5",
+        "blob": "0.0.5",
+        "has-binary2": "~1.0.2"
+      }
+    },
+    "enhanced-resolve": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.1.1.tgz",
+      "integrity": "sha512-98p2zE+rL7/g/DzMHMTF4zZlCgeVdJ7yr6xzEpJRYwFYrGi9ANdn5DnJURg6RpBkyk60XYDnWIv51VfIhfNGuA==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "memory-fs": "^0.5.0",
+        "tapable": "^1.0.0"
+      }
+    },
+    "ent": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.0.tgz",
+      "integrity": "sha1-6WQhkyWiHQX0RGai9obtbOX13R0=",
+      "dev": true
+    },
+    "entities": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.0.0.tgz",
+      "integrity": "sha512-D9f7V0JSRwIxlRI2mjMqufDrRDnx8p+eEOz7aUM9SuvF8gsBzra0/6tbjl1m8eQHrZlYj6PxqE00hZ1SAIKPLw==",
+      "dev": true
+    },
+    "err-code": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/err-code/-/err-code-1.1.2.tgz",
+      "integrity": "sha1-BuARbTAo9q70gGhJ6w6mp0iuaWA=",
+      "dev": true
+    },
+    "errno": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.7.tgz",
+      "integrity": "sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg==",
+      "dev": true,
+      "requires": {
+        "prr": "~1.0.1"
+      }
+    },
+    "error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "requires": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "es-abstract": {
+      "version": "1.17.4",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.4.tgz",
+      "integrity": "sha512-Ae3um/gb8F0mui/jPL+QiqmglkUsaQf7FwBEHYIFkztkneosu9imhqHpBzQ3h1vit8t5iQ74t6PEVvphBZiuiQ==",
+      "requires": {
+        "es-to-primitive": "^1.2.1",
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-symbols": "^1.0.1",
+        "is-callable": "^1.1.5",
+        "is-regex": "^1.0.5",
+        "object-inspect": "^1.7.0",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.0",
+        "string.prototype.trimleft": "^2.1.1",
+        "string.prototype.trimright": "^2.1.1"
+      }
+    },
+    "es-get-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.0.tgz",
+      "integrity": "sha512-UfrmHuWQlNMTs35e1ypnvikg6jCz3SK8v8ImvmDsh36fCVUR1MqoFDiyn0/k52C8NqO3YsO8Oe0azeesNuqSsQ==",
+      "requires": {
+        "es-abstract": "^1.17.4",
+        "has-symbols": "^1.0.1",
+        "is-arguments": "^1.0.4",
+        "is-map": "^2.0.1",
+        "is-set": "^2.0.1",
+        "is-string": "^1.0.5",
+        "isarray": "^2.0.5"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+          "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="
+        }
+      }
+    },
+    "es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "requires": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      }
+    },
+    "es6-promise": {
+      "version": "4.2.8",
+      "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz",
+      "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w=="
+    },
+    "es6-promisify": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/es6-promisify/-/es6-promisify-5.0.0.tgz",
+      "integrity": "sha1-UQnWLz5W6pZ8S2NQWu8IKRyKUgM=",
+      "requires": {
+        "es6-promise": "^4.0.3"
+      }
+    },
+    "escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=",
+      "dev": true
+    },
+    "escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
+    },
+    "eslint-scope": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-4.0.3.tgz",
+      "integrity": "sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==",
+      "dev": true,
+      "requires": {
+        "esrecurse": "^4.1.0",
+        "estraverse": "^4.1.1"
+      }
+    },
+    "esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true
+    },
+    "esrecurse": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.2.1.tgz",
+      "integrity": "sha512-64RBB++fIOAXPw3P9cy89qfMlvZEXZkqqJkjqqXIvzP5ezRZjW+lPWjw35UX/3EhUPFYbg5ER4JYgDw4007/DQ==",
+      "dev": true,
+      "requires": {
+        "estraverse": "^4.1.0"
+      }
+    },
+    "estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true
+    },
+    "esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true
+    },
+    "etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=",
+      "dev": true
+    },
+    "eve-raphael": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/eve-raphael/-/eve-raphael-0.5.0.tgz",
+      "integrity": "sha1-F8dUt5K+7z+maE15z1pHxjxM2jA="
+    },
+    "eventemitter3": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.0.tgz",
+      "integrity": "sha512-qerSRB0p+UDEssxTtm6EDKcE7W4OaoisfIMl4CngyEhjpYglocpNg6UEqCvemdGhosAsg4sO2dXJOdyBifPGCg==",
+      "dev": true
+    },
+    "events": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.1.0.tgz",
+      "integrity": "sha512-Rv+u8MLHNOdMjTAFeT3nCjHn2aGlx435FP/sDHNaRhDEMwyI/aB22Kj2qIN8R0cw3z28psEQLYwxVKLsKrMgWg==",
+      "dev": true
+    },
+    "eventsource": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-1.0.7.tgz",
+      "integrity": "sha512-4Ln17+vVT0k8aWq+t/bF5arcS3EpT9gYtW66EPacdj/mAFevznsnyoHLPy2BA8gbIQeIHoPsvwmfBftfcG//BQ==",
+      "dev": true,
+      "requires": {
+        "original": "^1.0.0"
+      }
+    },
+    "evp_bytestokey": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
+      "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
+      "dev": true,
+      "requires": {
+        "md5.js": "^1.3.4",
+        "safe-buffer": "^5.1.1"
+      }
+    },
+    "execa": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-0.8.0.tgz",
+      "integrity": "sha1-2NdrvBtVIX7RkP1t1J08d07PyNo=",
+      "requires": {
+        "cross-spawn": "^5.0.1",
+        "get-stream": "^3.0.0",
+        "is-stream": "^1.1.0",
+        "npm-run-path": "^2.0.0",
+        "p-finally": "^1.0.0",
+        "signal-exit": "^3.0.0",
+        "strip-eof": "^1.0.0"
+      }
+    },
+    "exit": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
+      "integrity": "sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=",
+      "dev": true
+    },
+    "expand-brackets": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+      "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=",
+      "dev": true,
+      "requires": {
+        "debug": "^2.3.3",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "posix-character-classes": "^0.1.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        },
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        }
+      }
+    },
+    "express": {
+      "version": "4.17.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.17.1.tgz",
+      "integrity": "sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.7",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.19.0",
+        "content-disposition": "0.5.3",
+        "content-type": "~1.0.4",
+        "cookie": "0.4.0",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.1.2",
+        "fresh": "0.5.2",
+        "merge-descriptors": "1.0.1",
+        "methods": "~1.1.2",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "~2.0.5",
+        "qs": "6.7.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.1.2",
+        "send": "0.17.1",
+        "serve-static": "1.14.1",
+        "setprototypeof": "1.1.1",
+        "statuses": "~1.5.0",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "dependencies": {
+        "array-flatten": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+          "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=",
+          "dev": true
+        },
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        },
+        "qs": {
+          "version": "6.7.0",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz",
+          "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==",
+          "dev": true
+        }
+      }
+    },
+    "extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+    },
+    "extend-shallow": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+      "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=",
+      "dev": true,
+      "requires": {
+        "assign-symbols": "^1.0.0",
+        "is-extendable": "^1.0.1"
+      },
+      "dependencies": {
+        "is-extendable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+          "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+          "dev": true,
+          "requires": {
+            "is-plain-object": "^2.0.4"
+          }
+        }
+      }
+    },
+    "external-editor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
+      "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
+      "dev": true,
+      "requires": {
+        "chardet": "^0.7.0",
+        "iconv-lite": "^0.4.24",
+        "tmp": "^0.0.33"
+      }
+    },
+    "extglob": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+      "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+      "dev": true,
+      "requires": {
+        "array-unique": "^0.3.2",
+        "define-property": "^1.0.0",
+        "expand-brackets": "^2.1.4",
+        "extend-shallow": "^2.0.1",
+        "fragment-cache": "^0.2.1",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+          "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^1.0.0"
+          }
+        },
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+          "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-data-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+          "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+          "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^1.0.0",
+            "is-data-descriptor": "^1.0.0",
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
+    "extsprintf": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
+      "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU="
+    },
+    "fast-deep-equal": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.1.tgz",
+      "integrity": "sha512-8UEa58QDLauDNfpbrX55Q9jrGHThw2ZMdOky5Gl1CDtVeJDPVrG4Jxx1N8jw2gkWaff5UUuX1KJd+9zGe2B+ZA=="
+    },
+    "fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
+    },
+    "fastparse": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz",
+      "integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==",
+      "dev": true
+    },
+    "faye-websocket": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.10.0.tgz",
+      "integrity": "sha1-TkkvjQTftviQA1B/btvy1QHnxvQ=",
+      "dev": true,
+      "requires": {
+        "websocket-driver": ">=0.5.1"
+      }
+    },
+    "figgy-pudding": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.1.tgz",
+      "integrity": "sha512-vNKxJHTEKNThjfrdJwHc7brvM6eVevuO5nTj6ez8ZQ1qbXTvGthucRF7S4vf2cr71QVnT70V34v0S1DyQsti0w==",
+      "dev": true
+    },
+    "figures": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
+      "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
+      "dev": true,
+      "requires": {
+        "escape-string-regexp": "^1.0.5"
+      }
+    },
+    "file-loader": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-4.2.0.tgz",
+      "integrity": "sha512-+xZnaK5R8kBJrHK0/6HRlrKNamvVS5rjyuju+rnyxRGuwUJwpAMsVzUl5dz6rK8brkzjV6JpcFNjp6NqV0g1OQ==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.2.3",
+        "schema-utils": "^2.0.0"
+      },
+      "dependencies": {
+        "schema-utils": {
+          "version": "2.6.4",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.6.4.tgz",
+          "integrity": "sha512-VNjcaUxVnEeun6B2fiiUDjXXBtD4ZSH7pdbfIu1pOFwgptDPLMo/z9jr4sUfsjFVPqDCEin/F7IYlq7/E6yDbQ==",
+          "dev": true,
+          "requires": {
+            "ajv": "^6.10.2",
+            "ajv-keywords": "^3.4.1"
+          }
+        }
+      }
+    },
+    "file-selector": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/file-selector/-/file-selector-0.1.12.tgz",
+      "integrity": "sha512-Kx7RTzxyQipHuiqyZGf+Nz4vY9R1XGxuQl/hLoJwq+J4avk/9wxxgZyHKtbyIPJmbD4A66DWGYfyykWNpcYutQ==",
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
+    "fileset": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/fileset/-/fileset-2.0.3.tgz",
+      "integrity": "sha1-jnVIqW08wjJ+5eZ0FocjozO7oqA=",
+      "dev": true,
+      "requires": {
+        "glob": "^7.0.3",
+        "minimatch": "^3.0.3"
+      }
+    },
+    "fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "requires": {
+        "to-regex-range": "^5.0.1"
+      }
+    },
+    "finalhandler": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
+      "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "statuses": "~1.5.0",
+        "unpipe": "~1.0.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        }
+      }
+    },
+    "find-cache-dir": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.0.0.tgz",
+      "integrity": "sha512-t7ulV1fmbxh5G9l/492O1p5+EBbr3uwpt6odhFTMc+nWyhmbloe+ja9BZ8pIBtqFWhOmCWVjx+pTW4zDkFoclw==",
+      "dev": true,
+      "requires": {
+        "commondir": "^1.0.1",
+        "make-dir": "^3.0.0",
+        "pkg-dir": "^4.1.0"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+          "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^5.0.0",
+            "path-exists": "^4.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+          "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^4.1.0"
+          }
+        },
+        "make-dir": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.0.2.tgz",
+          "integrity": "sha512-rYKABKutXa6vXTXhoV18cBE7PaewPXHe/Bdq4v+ZLMhxbWApkFFplT0LcbMW+6BbjnQXzZ/sAvSE/JdguApG5w==",
+          "dev": true,
+          "requires": {
+            "semver": "^6.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "2.2.2",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.2.tgz",
+          "integrity": "sha512-WGR+xHecKTr7EbUEhyLSh5Dube9JtdiG78ufaeLxTgpudf/20KqyMioIUZJAezlTIi6evxuoUs9YXc11cU+yzQ==",
+          "dev": true,
+          "requires": {
+            "p-try": "^2.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+          "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.2.0"
+          }
+        },
+        "p-try": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+          "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+          "dev": true
+        },
+        "path-exists": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+          "dev": true
+        },
+        "pkg-dir": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+          "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+          "dev": true,
+          "requires": {
+            "find-up": "^4.0.0"
+          }
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
+      }
+    },
+    "find-up": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+      "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+      "requires": {
+        "locate-path": "^2.0.0"
+      }
+    },
+    "flatted": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.1.tgz",
+      "integrity": "sha512-a1hQMktqW9Nmqr5aktAux3JMNqaucxGcjtjWnZLHX7yyPCmlSV3M54nGYbqT8K+0GhF3NBgmJCc3ma+WOgX8Jg==",
+      "dev": true
+    },
+    "flot": {
+      "version": "git://github.com/thingsboard/flot.git#6e1a37095868f174d31d5c627c3659b70f9b92dd",
+      "from": "git://github.com/thingsboard/flot.git#0.9-work"
+    },
+    "flot.curvedlines": {
+      "version": "git://github.com/MichaelZinsmaier/CurvedLines.git#22ed1fc2a6ccafc816c2d07b36027cc123825c4b",
+      "from": "git://github.com/MichaelZinsmaier/CurvedLines.git#master"
+    },
+    "flush-write-stream": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.1.1.tgz",
+      "integrity": "sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.3.6"
+      }
+    },
+    "follow-redirects": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.2.6.tgz",
+      "integrity": "sha512-FrMqZ/FONtHnbqO651UPpfRUVukIEwJhXMfdr/JWAmrDbeYBu773b1J6gdWDyRIj4hvvzQEHoEOTrdR8o6KLYA==",
+      "requires": {
+        "debug": "^3.1.0"
+      }
+    },
+    "font-awesome": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
+      "integrity": "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM="
+    },
+    "for-in": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
+      "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=",
+      "dev": true
+    },
+    "foreachasync": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/foreachasync/-/foreachasync-3.0.0.tgz",
+      "integrity": "sha1-VQKYfchxS+M5IJfzLgBxyd7gfPY="
+    },
+    "forever-agent": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+      "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE="
+    },
+    "form-data": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
+      "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
+      "requires": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.6",
+        "mime-types": "^2.1.12"
+      }
+    },
+    "forwarded": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz",
+      "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=",
+      "dev": true
+    },
+    "fragment-cache": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
+      "integrity": "sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=",
+      "dev": true,
+      "requires": {
+        "map-cache": "^0.2.2"
+      }
+    },
+    "fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=",
+      "dev": true
+    },
+    "from2": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/from2/-/from2-2.3.0.tgz",
+      "integrity": "sha1-i/tVAr3kpNNs/e6gB/zKIdfjgq8=",
+      "requires": {
+        "inherits": "^2.0.1",
+        "readable-stream": "^2.0.0"
+      }
+    },
+    "fs-extra": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-4.0.3.tgz",
+      "integrity": "sha512-q6rbdDd1o2mAnQreO7YADIxf/Whx4AHBiRf6d+/cVT8h44ss+lHgxf1FemcqDnQt9X3ct4McHr+JMGlYSsK7Cg==",
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      }
+    },
+    "fs-minipass": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+      "dev": true,
+      "requires": {
+        "minipass": "^3.0.0"
+      }
+    },
+    "fs-write-stream-atomic": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz",
+      "integrity": "sha1-tH31NJPvkR33VzHnCp3tAYnbQMk=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "iferr": "^0.1.5",
+        "imurmurhash": "^0.1.4",
+        "readable-stream": "1 || 2"
+      }
+    },
+    "fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
+    },
+    "fsevents": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.2.tgz",
+      "integrity": "sha512-R4wDiBwZ0KzpgOWetKDug1FZcYhqYnUYKtfZYt4mD5SBz76q0KR4Q9o7GIPamsVPGmW3EYPPJ0dOOjvx32ldZA==",
+      "dev": true,
+      "optional": true
+    },
+    "function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+    },
+    "gauge": {
+      "version": "2.7.4",
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
+      "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
+      "requires": {
+        "aproba": "^1.0.3",
+        "console-control-strings": "^1.0.0",
+        "has-unicode": "^2.0.0",
+        "object-assign": "^4.1.0",
+        "signal-exit": "^3.0.0",
+        "string-width": "^1.0.1",
+        "strip-ansi": "^3.0.1",
+        "wide-align": "^1.1.0"
+      }
+    },
+    "genfun": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/genfun/-/genfun-5.0.0.tgz",
+      "integrity": "sha512-KGDOARWVga7+rnB3z9Sd2Letx515owfk0hSxHGuqjANb1M+x2bGZGqHLiozPsYMdM2OubeMni/Hpwmjq6qIUhA==",
+      "dev": true
+    },
+    "get-caller-file": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
+      "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==",
+      "dev": true
+    },
+    "get-pkg-repo": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/get-pkg-repo/-/get-pkg-repo-1.4.0.tgz",
+      "integrity": "sha1-xztInAbYDMVTbCyFP54FIyBWly0=",
+      "requires": {
+        "hosted-git-info": "^2.1.4",
+        "meow": "^3.3.0",
+        "normalize-package-data": "^2.3.0",
+        "parse-github-repo-url": "^1.3.0",
+        "through2": "^2.0.0"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
+          "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8="
+        },
+        "camelcase-keys": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
+          "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
+          "requires": {
+            "camelcase": "^2.0.0",
+            "map-obj": "^1.0.0"
+          }
+        },
+        "find-up": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+          "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
+          "requires": {
+            "path-exists": "^2.0.0",
+            "pinkie-promise": "^2.0.0"
+          }
+        },
+        "indent-string": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
+          "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
+          "requires": {
+            "repeating": "^2.0.0"
+          }
+        },
+        "load-json-file": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+          "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "parse-json": "^2.2.0",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0",
+            "strip-bom": "^2.0.0"
+          }
+        },
+        "map-obj": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+          "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0="
+        },
+        "meow": {
+          "version": "3.7.0",
+          "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
+          "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
+          "requires": {
+            "camelcase-keys": "^2.0.0",
+            "decamelize": "^1.1.2",
+            "loud-rejection": "^1.0.0",
+            "map-obj": "^1.0.1",
+            "minimist": "^1.1.3",
+            "normalize-package-data": "^2.3.4",
+            "object-assign": "^4.0.1",
+            "read-pkg-up": "^1.0.1",
+            "redent": "^1.0.0",
+            "trim-newlines": "^1.0.0"
+          }
+        },
+        "parse-json": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
+          "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
+          "requires": {
+            "error-ex": "^1.2.0"
+          }
+        },
+        "path-exists": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+          "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
+          "requires": {
+            "pinkie-promise": "^2.0.0"
+          }
+        },
+        "path-type": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
+          "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0"
+          }
+        },
+        "pify": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
+        },
+        "read-pkg": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+          "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
+          "requires": {
+            "load-json-file": "^1.0.0",
+            "normalize-package-data": "^2.3.2",
+            "path-type": "^1.0.0"
+          }
+        },
+        "read-pkg-up": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
+          "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
+          "requires": {
+            "find-up": "^1.0.0",
+            "read-pkg": "^1.0.0"
+          }
+        },
+        "redent": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
+          "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
+          "requires": {
+            "indent-string": "^2.1.0",
+            "strip-indent": "^1.0.1"
+          }
+        },
+        "strip-bom": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+          "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
+          "requires": {
+            "is-utf8": "^0.2.0"
+          }
+        },
+        "strip-indent": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
+          "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
+          "requires": {
+            "get-stdin": "^4.0.1"
+          }
+        },
+        "trim-newlines": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
+          "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM="
+        }
+      }
+    },
+    "get-stdin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
+      "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4="
+    },
+    "get-stream": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+      "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ="
+    },
+    "get-value": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
+      "integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=",
+      "dev": true
+    },
+    "getpass": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
+      "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
+      "requires": {
+        "assert-plus": "^1.0.0"
+      }
+    },
+    "git-head": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/git-head/-/git-head-1.20.1.tgz",
+      "integrity": "sha1-A20WpLN0lJ5OPa8VgnkDaG08zVI=",
+      "requires": {
+        "git-refs": "^1.1.3"
+      }
+    },
+    "git-raw-commits": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/git-raw-commits/-/git-raw-commits-1.3.6.tgz",
+      "integrity": "sha512-svsK26tQ8vEKnMshTDatSIQSMDdz8CxIIqKsvPqbtV23Etmw6VNaFAitu8zwZ0VrOne7FztwPyRLxK7/DIUTQg==",
+      "requires": {
+        "dargs": "^4.0.1",
+        "lodash.template": "^4.0.2",
+        "meow": "^4.0.0",
+        "split2": "^2.0.0",
+        "through2": "^2.0.0"
+      }
+    },
+    "git-refs": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/git-refs/-/git-refs-1.1.3.tgz",
+      "integrity": "sha1-gwl8s6klhcSkkm7FTiGC354g6J0=",
+      "requires": {
+        "path-object": "^2.3.0",
+        "slash": "^1.0.0",
+        "walk": "^2.3.9"
+      }
+    },
+    "git-remote-origin-url": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/git-remote-origin-url/-/git-remote-origin-url-2.0.0.tgz",
+      "integrity": "sha1-UoJlna4hBxRaERJhEq0yFuxfpl8=",
+      "requires": {
+        "gitconfiglocal": "^1.0.0",
+        "pify": "^2.3.0"
+      },
+      "dependencies": {
+        "pify": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
+        }
+      }
+    },
+    "git-semver-tags": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/git-semver-tags/-/git-semver-tags-1.3.6.tgz",
+      "integrity": "sha512-2jHlJnln4D/ECk9FxGEBh3k44wgYdWjWDtMmJPaecjoRmxKo3Y1Lh8GMYuOPu04CHw86NTAODchYjC5pnpMQig==",
+      "requires": {
+        "meow": "^4.0.0",
+        "semver": "^5.5.0"
+      }
+    },
+    "gitconfiglocal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/gitconfiglocal/-/gitconfiglocal-1.0.0.tgz",
+      "integrity": "sha1-QdBF84UaXqiPA/JMocYXgRRGS5s=",
+      "requires": {
+        "ini": "^1.3.2"
+      }
+    },
+    "github": {
+      "version": "12.1.0",
+      "resolved": "https://registry.npmjs.org/github/-/github-12.1.0.tgz",
+      "integrity": "sha512-HhWjhd/OATC4Hjj7xfGjGRtwWzo/fzTc55EkvsRatI9G6Vp47mVcdBIt1lQ56A9Qit/yVQRX1+M9jbWlcJvgug==",
+      "requires": {
+        "dotenv": "^4.0.0",
+        "follow-redirects": "1.2.6",
+        "https-proxy-agent": "^2.1.0",
+        "lodash": "^4.17.4",
+        "mime": "^2.0.3",
+        "netrc": "^0.1.4"
+      }
+    },
+    "glob": {
+      "version": "7.1.6",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
+      "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+      "requires": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      }
+    },
+    "glob-parent": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+      "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=",
+      "dev": true,
+      "requires": {
+        "is-glob": "^3.1.0",
+        "path-dirname": "^1.0.0"
+      },
+      "dependencies": {
+        "is-glob": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+          "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+          "dev": true,
+          "requires": {
+            "is-extglob": "^2.1.0"
+          }
+        }
+      }
+    },
+    "globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "dev": true
+    },
+    "globby": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-7.1.1.tgz",
+      "integrity": "sha1-+yzP+UAfhgCUXfral0QMypcrhoA=",
+      "dev": true,
+      "requires": {
+        "array-union": "^1.0.1",
+        "dir-glob": "^2.0.0",
+        "glob": "^7.1.2",
+        "ignore": "^3.3.5",
+        "pify": "^3.0.0",
+        "slash": "^1.0.0"
+      }
+    },
+    "good-listener": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/good-listener/-/good-listener-1.2.2.tgz",
+      "integrity": "sha1-1TswzfkxPf+33JoNR3CWqm0UXFA=",
+      "optional": true,
+      "requires": {
+        "delegate": "^3.1.2"
+      }
+    },
+    "got": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/got/-/got-8.3.2.tgz",
+      "integrity": "sha512-qjUJ5U/hawxosMryILofZCkm3C84PLJS/0grRIpjAwu+Lkxxj5cxeCU25BG0/3mDSpXKTyZr8oh8wIgLaH0QCw==",
+      "requires": {
+        "@sindresorhus/is": "^0.7.0",
+        "cacheable-request": "^2.1.1",
+        "decompress-response": "^3.3.0",
+        "duplexer3": "^0.1.4",
+        "get-stream": "^3.0.0",
+        "into-stream": "^3.1.0",
+        "is-retry-allowed": "^1.1.0",
+        "isurl": "^1.0.0-alpha5",
+        "lowercase-keys": "^1.0.0",
+        "mimic-response": "^1.0.0",
+        "p-cancelable": "^0.4.0",
+        "p-timeout": "^2.0.1",
+        "pify": "^3.0.0",
+        "safe-buffer": "^5.1.1",
+        "timed-out": "^4.0.1",
+        "url-parse-lax": "^3.0.0",
+        "url-to-options": "^1.0.1"
+      }
+    },
+    "graceful-fs": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.3.tgz",
+      "integrity": "sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ=="
+    },
+    "hammerjs": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/hammerjs/-/hammerjs-2.0.8.tgz",
+      "integrity": "sha1-BO93hiz/K7edMPdpIJWTAiK/YPE="
+    },
+    "handle-thing": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.0.tgz",
+      "integrity": "sha512-d4sze1JNC454Wdo2fkuyzCr6aHcbL6PGGuFAz0Li/NcOm1tCHGnWDRmJP85dh9IhQErTc2svWFEX5xHIOo//kQ==",
+      "dev": true
+    },
+    "handlebars": {
+      "version": "4.7.3",
+      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.3.tgz",
+      "integrity": "sha512-SRGwSYuNfx8DwHD/6InAPzD6RgeruWLT+B8e8a7gGs8FWgHzlExpTFMEq2IA6QpAfOClpKHy6+8IqTjeBCu6Kg==",
+      "requires": {
+        "neo-async": "^2.6.0",
+        "optimist": "^0.6.1",
+        "source-map": "^0.6.1",
+        "uglify-js": "^3.1.4"
+      }
+    },
+    "har-schema": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
+      "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI="
+    },
+    "har-validator": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.3.tgz",
+      "integrity": "sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==",
+      "requires": {
+        "ajv": "^6.5.5",
+        "har-schema": "^2.0.0"
+      }
+    },
+    "has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "requires": {
+        "function-bind": "^1.1.1"
+      }
+    },
+    "has-ansi": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+      "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^2.0.0"
+      }
+    },
+    "has-binary2": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-binary2/-/has-binary2-1.0.3.tgz",
+      "integrity": "sha512-G1LWKhDSvhGeAQ8mPVQlqNcOB2sJdwATtZKl2pDKKHfpf/rYj24lkinxf69blJbnsvtqqNU+L3SL50vzZhXOnw==",
+      "dev": true,
+      "requires": {
+        "isarray": "2.0.1"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.1.tgz",
+          "integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4=",
+          "dev": true
+        }
+      }
+    },
+    "has-cors": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-cors/-/has-cors-1.1.0.tgz",
+      "integrity": "sha1-XkdHk/fqmEPRu5nCPu9J/xJv/zk=",
+      "dev": true
+    },
+    "has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0="
+    },
+    "has-symbol-support-x": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/has-symbol-support-x/-/has-symbol-support-x-1.4.2.tgz",
+      "integrity": "sha512-3ToOva++HaW+eCpgqZrCfN51IPB+7bJNVT6CUATzueB5Heb8o6Nam0V3HG5dlDvZU1Gn5QLcbahiKw/XVk5JJw=="
+    },
+    "has-symbols": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.1.tgz",
+      "integrity": "sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg=="
+    },
+    "has-to-string-tag-x": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/has-to-string-tag-x/-/has-to-string-tag-x-1.4.1.tgz",
+      "integrity": "sha512-vdbKfmw+3LoOYVr+mtxHaX5a96+0f3DljYd8JOqvOLsf5mw2Otda2qCDT9qRqLAhrjyQ0h7ual5nOiASpsGNFw==",
+      "requires": {
+        "has-symbol-support-x": "^1.4.1"
+      }
+    },
+    "has-unicode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+      "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk="
+    },
+    "has-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
+      "integrity": "sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=",
+      "dev": true,
+      "requires": {
+        "get-value": "^2.0.6",
+        "has-values": "^1.0.0",
+        "isobject": "^3.0.0"
+      }
+    },
+    "has-values": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz",
+      "integrity": "sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=",
+      "dev": true,
+      "requires": {
+        "is-number": "^3.0.0",
+        "kind-of": "^4.0.0"
+      },
+      "dependencies": {
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^3.0.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "^1.1.5"
+              }
+            }
+          }
+        },
+        "kind-of": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+          "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "hash-base": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.0.4.tgz",
+      "integrity": "sha1-X8hoaEfs1zSZQDMZprCj8/auSRg=",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "hash.js": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
+      "integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.3",
+        "minimalistic-assert": "^1.0.1"
+      }
+    },
+    "hex-color-regex": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz",
+      "integrity": "sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==",
+      "dev": true
+    },
+    "hmac-drbg": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
+      "integrity": "sha1-0nRXAQJabHdabFRXk+1QL8DGSaE=",
+      "dev": true,
+      "requires": {
+        "hash.js": "^1.0.3",
+        "minimalistic-assert": "^1.0.0",
+        "minimalistic-crypto-utils": "^1.0.1"
+      }
+    },
+    "hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "requires": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "hosted-git-info": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.5.tgz",
+      "integrity": "sha512-kssjab8CvdXfcXMXVcvsXum4Hwdq9XGtRD3TteMEvEbq0LXyiNQr6AprqKqfeaDXze7SxWvRxdpwE6ku7ikLkg=="
+    },
+    "hpack.js": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
+      "integrity": "sha1-h3dMCUnlE/QuhFdbPEVoH63ioLI=",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "obuf": "^1.0.0",
+        "readable-stream": "^2.0.1",
+        "wbuf": "^1.1.0"
+      }
+    },
+    "hsl-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/hsl-regex/-/hsl-regex-1.0.0.tgz",
+      "integrity": "sha1-1JMwx4ntgZ4nakwNJy3/owsY/m4=",
+      "dev": true
+    },
+    "hsla-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/hsla-regex/-/hsla-regex-1.0.0.tgz",
+      "integrity": "sha1-wc56MWjIxmFAM6S194d/OyJfnDg=",
+      "dev": true
+    },
+    "html-comment-regex": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/html-comment-regex/-/html-comment-regex-1.1.2.tgz",
+      "integrity": "sha512-P+M65QY2JQ5Y0G9KKdlDpo0zK+/OHptU5AaBwUfAIDJZk1MYf32Frm84EcOytfJE0t5JvkAnKlmjsXDnWzCJmQ==",
+      "dev": true
+    },
+    "html-entities": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-1.2.1.tgz",
+      "integrity": "sha1-DfKTUfByEWNRXfueVUPl9u7VFi8=",
+      "dev": true
+    },
+    "html-escaper": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.0.tgz",
+      "integrity": "sha512-a4u9BeERWGu/S8JiWEAQcdrg9v4QArtP9keViQjGMdff20fBdd8waotXaNmODqBe6uZ3Nafi7K/ho4gCQHV3Ig==",
+      "dev": true
+    },
+    "http-cache-semantics": {
+      "version": "3.8.1",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-3.8.1.tgz",
+      "integrity": "sha512-5ai2iksyV8ZXmnZhHH4rWPoxxistEexSi5936zIQ1bnNTW5VnA85B6P/VpXiRM017IgRvb2kKo1a//y+0wSp3w=="
+    },
+    "http-deceiver": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
+      "integrity": "sha1-+nFolEq5pRnTN8sL7HKE3D5yPYc=",
+      "dev": true
+    },
+    "http-errors": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz",
+      "integrity": "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==",
+      "dev": true,
+      "requires": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.1.1",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.0"
+      },
+      "dependencies": {
+        "inherits": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+          "dev": true
+        }
+      }
+    },
+    "http-parser-js": {
+      "version": "0.4.10",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.4.10.tgz",
+      "integrity": "sha1-ksnBN0w1CF912zWexWzCV8u5P6Q=",
+      "dev": true
+    },
+    "http-proxy": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.0.tgz",
+      "integrity": "sha512-84I2iJM/n1d4Hdgc6y2+qY5mDaz2PUVjlg9znE9byl+q0uC3DeByqBGReQu5tpLK0TAqTIXScRUV+dg7+bUPpQ==",
+      "dev": true,
+      "requires": {
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "http-proxy-agent": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-2.1.0.tgz",
+      "integrity": "sha512-qwHbBLV7WviBl0rQsOzH6o5lwyOIvwp/BdFnvVxXORldu5TmjFfjzBcWUWS5kWAZhmv+JtiDhSuQCp4sBfbIgg==",
+      "dev": true,
+      "requires": {
+        "agent-base": "4",
+        "debug": "3.1.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        }
+      }
+    },
+    "http-proxy-middleware": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.19.1.tgz",
+      "integrity": "sha512-yHYTgWMQO8VvwNS22eLLloAkvungsKdKTLO8AJlftYIKNfJr3GK3zK0ZCfzDDGUBttdGc8xFy1mCitvNKQtC3Q==",
+      "dev": true,
+      "requires": {
+        "http-proxy": "^1.17.0",
+        "is-glob": "^4.0.0",
+        "lodash": "^4.17.11",
+        "micromatch": "^3.1.10"
+      }
+    },
+    "http-signature": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
+      "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=",
+      "requires": {
+        "assert-plus": "^1.0.0",
+        "jsprim": "^1.2.2",
+        "sshpk": "^1.7.0"
+      }
+    },
+    "https-browserify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
+      "integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=",
+      "dev": true
+    },
+    "https-proxy-agent": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-2.2.4.tgz",
+      "integrity": "sha512-OmvfoQ53WLjtA9HeYP9RNrWMJzzAz1JGaSFr1nijg0PVR1JaD/xbJq1mdEIIlxGpXp9eSe/O2LgU9DJmTPd0Eg==",
+      "requires": {
+        "agent-base": "^4.3.0",
+        "debug": "^3.1.0"
+      }
+    },
+    "humanize-ms": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
+      "integrity": "sha1-xG4xWaKT9riW2ikxbYtv6Lt5u+0=",
+      "dev": true,
+      "requires": {
+        "ms": "^2.0.0"
+      }
+    },
+    "hyphenate-style-name": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.3.tgz",
+      "integrity": "sha512-EcuixamT82oplpoJ2XU4pDtKGWQ7b00CD9f1ug9IaQ3p1bkHMiKCZ9ut9QDI6qsa6cpUuB+A/I+zLtdNK4n2DQ=="
+    },
+    "iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dev": true,
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      }
+    },
+    "ieee754": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.1.13.tgz",
+      "integrity": "sha512-4vf7I2LYV/HaWerSo3XmlMkp5eZ83i+/CDluXi/IGTs/O1sejBNhTtnxzmRZfvOUqj7lZjqHkeTvpgSFDlWZTg==",
+      "dev": true
+    },
+    "iferr": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/iferr/-/iferr-0.1.5.tgz",
+      "integrity": "sha1-xg7taebY/bazEEofy8ocGS3FtQE=",
+      "dev": true
+    },
+    "ignore": {
+      "version": "3.3.10",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-3.3.10.tgz",
+      "integrity": "sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug==",
+      "dev": true
+    },
+    "ignore-walk": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-3.0.3.tgz",
+      "integrity": "sha512-m7o6xuOaT1aqheYHKf8W6J5pYH85ZI9w077erOzLje3JsB1gkafkAhHHY19dqjulgIZHFm32Cp5uNZgcQqdJKw==",
+      "dev": true,
+      "requires": {
+        "minimatch": "^3.0.4"
+      }
+    },
+    "image-size": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
+      "integrity": "sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=",
+      "dev": true,
+      "optional": true
+    },
+    "immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha1-nbHb0Pr43m++D13V5Wu2BigN5ps=",
+      "dev": true
+    },
+    "import-cwd": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
+      "integrity": "sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=",
+      "dev": true,
+      "requires": {
+        "import-from": "^2.1.0"
+      }
+    },
+    "import-fresh": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
+      "integrity": "sha1-2BNVwVYS04bGH53dOSLUMEgipUY=",
+      "dev": true,
+      "requires": {
+        "caller-path": "^2.0.0",
+        "resolve-from": "^3.0.0"
+      }
+    },
+    "import-from": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz",
+      "integrity": "sha1-M1238qev/VOqpHHUuAId7ja387E=",
+      "requires": {
+        "resolve-from": "^3.0.0"
+      }
+    },
+    "import-local": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-2.0.0.tgz",
+      "integrity": "sha512-b6s04m3O+s3CGSbqDIyP4R6aAwAeYlVq9+WUWep6iHa8ETRf9yei1U48C5MmfJmV9AiLYYBKPMq/W+/WRpQmCQ==",
+      "dev": true,
+      "requires": {
+        "pkg-dir": "^3.0.0",
+        "resolve-cwd": "^2.0.0"
+      }
+    },
+    "imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
+      "dev": true
+    },
+    "indent-string": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-3.2.0.tgz",
+      "integrity": "sha1-Sl/W0nzDMvN+VBmlBNu4NxBckok="
+    },
+    "indexes-of": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
+      "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=",
+      "dev": true
+    },
+    "indexof": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/indexof/-/indexof-0.0.1.tgz",
+      "integrity": "sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10=",
+      "dev": true
+    },
+    "infer-owner": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz",
+      "integrity": "sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==",
+      "dev": true
+    },
+    "inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "requires": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "ini": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.5.tgz",
+      "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw=="
+    },
+    "inquirer": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.0.0.tgz",
+      "integrity": "sha512-rSdC7zelHdRQFkWnhsMu2+2SO41mpv2oF2zy4tMhmiLWkcKbOAs87fWAJhVXttKVwhdZvymvnuM95EyEXg2/tQ==",
+      "dev": true,
+      "requires": {
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^2.4.2",
+        "cli-cursor": "^3.1.0",
+        "cli-width": "^2.0.0",
+        "external-editor": "^3.0.3",
+        "figures": "^3.0.0",
+        "lodash": "^4.17.15",
+        "mute-stream": "0.0.8",
+        "run-async": "^2.2.0",
+        "rxjs": "^6.4.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^5.1.0",
+        "through": "^2.3.6"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
+          "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+          "dev": true
+        },
+        "string-width": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz",
+          "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^8.0.0",
+            "is-fullwidth-code-point": "^3.0.0",
+            "strip-ansi": "^6.0.0"
+          },
+          "dependencies": {
+            "strip-ansi": {
+              "version": "6.0.0",
+              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
+              "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "^5.0.0"
+              }
+            }
+          }
+        },
+        "strip-ansi": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^4.1.0"
+          },
+          "dependencies": {
+            "ansi-regex": {
+              "version": "4.1.0",
+              "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
+              "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
+              "dev": true
+            }
+          }
+        }
+      }
+    },
+    "internal-ip": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-4.3.0.tgz",
+      "integrity": "sha512-S1zBo1D6zcsyuC6PMmY5+55YMILQ9av8lotMx447Bq6SAgo/sDK6y6uUKmuYhW7eacnIhFfsPmCNYdDzsnnDCg==",
+      "dev": true,
+      "requires": {
+        "default-gateway": "^4.2.0",
+        "ipaddr.js": "^1.9.0"
+      }
+    },
+    "into-stream": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/into-stream/-/into-stream-3.1.0.tgz",
+      "integrity": "sha1-lvsKk2wSur1v8XUqF9BWFqvQlMY=",
+      "requires": {
+        "from2": "^2.1.1",
+        "p-is-promise": "^1.1.0"
+      }
+    },
+    "invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "dev": true,
+      "requires": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "invert-kv": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-2.0.0.tgz",
+      "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==",
+      "dev": true
+    },
+    "ip": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz",
+      "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=",
+      "dev": true
+    },
+    "ip-regex": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-2.1.0.tgz",
+      "integrity": "sha1-+ni/XS5pE8kRzp+BnuUUa7bYROk=",
+      "dev": true
+    },
+    "ipaddr.js": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.0.tgz",
+      "integrity": "sha512-M4Sjn6N/+O6/IXSJseKqHoFc+5FdGJ22sXqnjTpdZweHK64MzEPAyQZyEU3R/KRv2GLoa7nNtg/C2Ev6m7z+eA==",
+      "dev": true
+    },
+    "is-absolute-url": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-2.1.0.tgz",
+      "integrity": "sha1-UFMN+4T8yap9vnhS6Do3uTufKqY=",
+      "dev": true
+    },
+    "is-accessor-descriptor": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+      "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.0.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "is-arguments": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.0.4.tgz",
+      "integrity": "sha512-xPh0Rmt8NE65sNzvyUmWgI1tz3mKq74lGA0mL8LYZcoIzKOzDh6HmrYm3d18k60nHerC8A9Km8kYu87zfSFnLA=="
+    },
+    "is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0="
+    },
+    "is-bigint": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.0.tgz",
+      "integrity": "sha512-t5mGUXC/xRheCK431ylNiSkGGpBp8bHENBcENTkDT6ppwPzEVxNGZRvgvmOEfbWkFhA7D2GEuE2mmQTr78sl2g=="
+    },
+    "is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "requires": {
+        "binary-extensions": "^2.0.0"
+      }
+    },
+    "is-boolean-object": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.0.1.tgz",
+      "integrity": "sha512-TqZuVwa/sppcrhUCAYkGBk7w0yxfQQnxq28fjkO53tnK9FQXmdwz2JS5+GjsWQ6RByES1K40nI+yDic5c9/aAQ=="
+    },
+    "is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+      "dev": true
+    },
+    "is-callable": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.1.5.tgz",
+      "integrity": "sha512-ESKv5sMCJB2jnHTWZ3O5itG+O128Hsus4K4Qh1h2/cgn2vbgnLSVqfV46AeJA9D5EeeLa9w81KUXMtn34zhX+Q=="
+    },
+    "is-color-stop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-color-stop/-/is-color-stop-1.1.0.tgz",
+      "integrity": "sha1-z/9HGu5N1cnhWFmPvhKWe1za00U=",
+      "dev": true,
+      "requires": {
+        "css-color-names": "^0.0.4",
+        "hex-color-regex": "^1.1.0",
+        "hsl-regex": "^1.0.0",
+        "hsla-regex": "^1.0.0",
+        "rgb-regex": "^1.0.1",
+        "rgba-regex": "^1.0.0"
+      }
+    },
+    "is-data-descriptor": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+      "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.0.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "is-date-object": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.2.tgz",
+      "integrity": "sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g=="
+    },
+    "is-descriptor": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+      "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+      "dev": true,
+      "requires": {
+        "is-accessor-descriptor": "^0.1.6",
+        "is-data-descriptor": "^0.1.4",
+        "kind-of": "^5.0.0"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+          "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+          "dev": true
+        }
+      }
+    },
+    "is-directory": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz",
+      "integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=",
+      "dev": true
+    },
+    "is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=",
+      "dev": true
+    },
+    "is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "dev": true
+    },
+    "is-finite": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.1.0.tgz",
+      "integrity": "sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w=="
+    },
+    "is-fullwidth-code-point": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+      "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
+      "requires": {
+        "number-is-nan": "^1.0.0"
+      }
+    },
+    "is-glob": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
+      "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
+      "dev": true,
+      "requires": {
+        "is-extglob": "^2.1.1"
+      }
+    },
+    "is-in-browser": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/is-in-browser/-/is-in-browser-1.1.3.tgz",
+      "integrity": "sha1-Vv9NtoOgeMYILrldrX3GLh0E+DU="
+    },
+    "is-interactive": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
+      "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==",
+      "dev": true
+    },
+    "is-map": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.1.tgz",
+      "integrity": "sha512-T/S49scO8plUiAOA2DBTBG3JHpn1yiw0kRp6dgiZ0v2/6twi5eiB0rHtHFH9ZIrvlWc6+4O+m4zg5+Z833aXgw=="
+    },
+    "is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true
+    },
+    "is-number-object": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.4.tgz",
+      "integrity": "sha512-zohwelOAur+5uXtk8O3GPQ1eAcu4ZX3UwxQhUlfFFMNpUd83gXgjbhJh6HmB6LUNV/ieOLQuDwJO3dWJosUeMw=="
+    },
+    "is-obj": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
+      "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8="
+    },
+    "is-object": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-object/-/is-object-1.0.1.tgz",
+      "integrity": "sha1-iVJojF7C/9awPsyF52ngKQMINHA="
+    },
+    "is-path-cwd": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz",
+      "integrity": "sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==",
+      "dev": true
+    },
+    "is-path-in-cwd": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-2.1.0.tgz",
+      "integrity": "sha512-rNocXHgipO+rvnP6dk3zI20RpOtrAM/kzbB258Uw5BWr3TpXi861yzjo16Dn4hUox07iw5AyeMLHWsujkjzvRQ==",
+      "dev": true,
+      "requires": {
+        "is-path-inside": "^2.1.0"
+      }
+    },
+    "is-path-inside": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-2.1.0.tgz",
+      "integrity": "sha512-wiyhTzfDWsvwAW53OBWF5zuvaOGlZ6PwYxAbPVDhpm+gM09xKQGjBq/8uYN12aDvMxnAnq3dxTyoSoRNmg5YFg==",
+      "dev": true,
+      "requires": {
+        "path-is-inside": "^1.0.2"
+      }
+    },
+    "is-plain-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4="
+    },
+    "is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "dev": true,
+      "requires": {
+        "isobject": "^3.0.1"
+      }
+    },
+    "is-promise": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.1.0.tgz",
+      "integrity": "sha1-eaKp7OfwlugPNtKy87wWwf9L8/o=",
+      "dev": true
+    },
+    "is-regex": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.0.5.tgz",
+      "integrity": "sha512-vlKW17SNq44owv5AQR3Cq0bQPEb8+kF3UKZ2fiZNOWtztYE5i0CzCZxFDwO58qAOWtxdBRVO/V5Qin1wjCqFYQ==",
+      "requires": {
+        "has": "^1.0.3"
+      }
+    },
+    "is-resolvable": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-resolvable/-/is-resolvable-1.1.0.tgz",
+      "integrity": "sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg==",
+      "dev": true
+    },
+    "is-retry-allowed": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-retry-allowed/-/is-retry-allowed-1.2.0.tgz",
+      "integrity": "sha512-RUbUeKwvm3XG2VYamhJL1xFktgjvPzL0Hq8C+6yrWIswDy3BIXGqCxhxkc30N9jqK311gVU137K8Ei55/zVJRg=="
+    },
+    "is-set": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.1.tgz",
+      "integrity": "sha512-eJEzOtVyenDs1TMzSQ3kU3K+E0GUS9sno+F0OBT97xsgcJsF9nXMBtkT9/kut5JEpM7oL7X/0qxR17K3mcwIAA=="
+    },
+    "is-stream": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+      "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ="
+    },
+    "is-string": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.5.tgz",
+      "integrity": "sha512-buY6VNRjhQMiF1qWDouloZlQbRhDPCebwxSjxMjxgemYT46YMd2NR0/H+fBhEfWX4A/w9TBJ+ol+okqJKFE6vQ=="
+    },
+    "is-subset": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-subset/-/is-subset-0.1.1.tgz",
+      "integrity": "sha1-ilkRfZMt4d4A8kX83TnOQ/HpOaY="
+    },
+    "is-svg": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-svg/-/is-svg-3.0.0.tgz",
+      "integrity": "sha512-gi4iHK53LR2ujhLVVj+37Ykh9GLqYHX6JOVXbLAucaG/Cqw9xwdFOjDM2qeifLs1sF1npXXFvDu0r5HNgCMrzQ==",
+      "dev": true,
+      "requires": {
+        "html-comment-regex": "^1.1.0"
+      }
+    },
+    "is-symbol": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.3.tgz",
+      "integrity": "sha512-OwijhaRSgqvhm/0ZdAcXNZt9lYdKFpcRDT5ULUuYXPoT794UNOdU+gpT6Rzo7b4V2HUl/op6GqY894AZwv9faQ==",
+      "requires": {
+        "has-symbols": "^1.0.1"
+      }
+    },
+    "is-text-path": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-text-path/-/is-text-path-1.0.1.tgz",
+      "integrity": "sha1-Thqg+1G/vLPpJogAE5cgLBd1tm4=",
+      "requires": {
+        "text-extensions": "^1.0.0"
+      }
+    },
+    "is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo="
+    },
+    "is-utf8": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
+      "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI="
+    },
+    "is-weakmap": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
+      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA=="
+    },
+    "is-weakset": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.1.tgz",
+      "integrity": "sha512-pi4vhbhVHGLxohUw7PhGsueT4vRGFoXhP7+RGN0jKIv9+8PWYCQTqtADngrxOm2g46hoH0+g8uZZBzMrvVGDmw=="
+    },
+    "is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+      "dev": true
+    },
+    "is-wsl": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.1.1.tgz",
+      "integrity": "sha512-umZHcSrwlDHo2TGMXv0DZ8dIUGunZ2Iv68YZnrmCiBPkZ4aaOhtv7pXJKeki9k3qJ3RJr0cDyitcl5wEH3AYog==",
+      "dev": true
+    },
+    "isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
+    },
+    "isbinaryfile": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-3.0.3.tgz",
+      "integrity": "sha512-8cJBL5tTd2OS0dM4jz07wQd5g0dCCqIhUxPIGtZfa5L6hWlvV5MHTITy/DBAsF+Oe2LS1X3krBUhNwaGUWpWxw==",
+      "dev": true,
+      "requires": {
+        "buffer-alloc": "^1.2.0"
+      }
+    },
+    "isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA="
+    },
+    "isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
+      "dev": true
+    },
+    "isstream": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+      "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo="
+    },
+    "istanbul-api": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/istanbul-api/-/istanbul-api-2.1.6.tgz",
+      "integrity": "sha512-x0Eicp6KsShG1k1rMgBAi/1GgY7kFGEBwQpw3PXGEmu+rBcBNhqU8g2DgY9mlepAsLPzrzrbqSgCGANnki4POA==",
+      "dev": true,
+      "requires": {
+        "async": "^2.6.2",
+        "compare-versions": "^3.4.0",
+        "fileset": "^2.0.3",
+        "istanbul-lib-coverage": "^2.0.5",
+        "istanbul-lib-hook": "^2.0.7",
+        "istanbul-lib-instrument": "^3.3.0",
+        "istanbul-lib-report": "^2.0.8",
+        "istanbul-lib-source-maps": "^3.0.6",
+        "istanbul-reports": "^2.2.4",
+        "js-yaml": "^3.13.1",
+        "make-dir": "^2.1.0",
+        "minimatch": "^3.0.4",
+        "once": "^1.4.0"
+      },
+      "dependencies": {
+        "async": {
+          "version": "2.6.3",
+          "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
+          "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
+          "dev": true,
+          "requires": {
+            "lodash": "^4.17.14"
+          }
+        },
+        "istanbul-lib-coverage": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz",
+          "integrity": "sha512-8aXznuEPCJvGnMSRft4udDRDtb1V3pkQkMMI5LI+6HuQz5oQ4J2UFn1H82raA3qJtyOLkkwVqICBQkjnGtn5mA==",
+          "dev": true
+        },
+        "istanbul-lib-instrument": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-3.3.0.tgz",
+          "integrity": "sha512-5nnIN4vo5xQZHdXno/YDXJ0G+I3dAm4XgzfSVTPLQpj/zAV2dV6Juy0yaf10/zrJOJeHoN3fraFe+XRq2bFVZA==",
+          "dev": true,
+          "requires": {
+            "@babel/generator": "^7.4.0",
+            "@babel/parser": "^7.4.3",
+            "@babel/template": "^7.4.0",
+            "@babel/traverse": "^7.4.3",
+            "@babel/types": "^7.4.0",
+            "istanbul-lib-coverage": "^2.0.5",
+            "semver": "^6.0.0"
+          }
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
+      }
+    },
+    "istanbul-lib-coverage": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.0.0.tgz",
+      "integrity": "sha512-UiUIqxMgRDET6eR+o5HbfRYP1l0hqkWOs7vNxC/mggutCMUIhWMm8gAHb8tHlyfD3/l6rlgNA5cKdDzEAf6hEg==",
+      "dev": true
+    },
+    "istanbul-lib-hook": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-hook/-/istanbul-lib-hook-2.0.7.tgz",
+      "integrity": "sha512-vrRztU9VRRFDyC+aklfLoeXyNdTfga2EI3udDGn4cZ6fpSXpHLV9X6CHvfoMCPtggg8zvDDmC4b9xfu0z6/llA==",
+      "dev": true,
+      "requires": {
+        "append-transform": "^1.0.0"
+      }
+    },
+    "istanbul-lib-instrument": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.1.tgz",
+      "integrity": "sha512-imIchxnodll7pvQBYOqUu88EufLCU56LMeFPZZM/fJZ1irYcYdqroaV+ACK1Ila8ls09iEYArp+nqyC6lW1Vfg==",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.7.5",
+        "@babel/parser": "^7.7.5",
+        "@babel/template": "^7.7.4",
+        "@babel/traverse": "^7.7.4",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.0.0",
+        "semver": "^6.3.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
+      }
+    },
+    "istanbul-lib-report": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-2.0.8.tgz",
+      "integrity": "sha512-fHBeG573EIihhAblwgxrSenp0Dby6tJMFR/HvlerBsrCTD5bkUuoNtn3gVh29ZCS824cGGBPn7Sg7cNk+2xUsQ==",
+      "dev": true,
+      "requires": {
+        "istanbul-lib-coverage": "^2.0.5",
+        "make-dir": "^2.1.0",
+        "supports-color": "^6.1.0"
+      },
+      "dependencies": {
+        "istanbul-lib-coverage": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz",
+          "integrity": "sha512-8aXznuEPCJvGnMSRft4udDRDtb1V3pkQkMMI5LI+6HuQz5oQ4J2UFn1H82raA3qJtyOLkkwVqICBQkjnGtn5mA==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "istanbul-lib-source-maps": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-3.0.6.tgz",
+      "integrity": "sha512-R47KzMtDJH6X4/YW9XTx+jrLnZnscW4VpNN+1PViSYTejLVPWv7oov+Duf8YQSPyVRUvueQqz1TcsC6mooZTXw==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.1",
+        "istanbul-lib-coverage": "^2.0.5",
+        "make-dir": "^2.1.0",
+        "rimraf": "^2.6.3",
+        "source-map": "^0.6.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "istanbul-lib-coverage": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz",
+          "integrity": "sha512-8aXznuEPCJvGnMSRft4udDRDtb1V3pkQkMMI5LI+6HuQz5oQ4J2UFn1H82raA3qJtyOLkkwVqICBQkjnGtn5mA==",
+          "dev": true
+        },
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        }
+      }
+    },
+    "istanbul-reports": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-2.2.7.tgz",
+      "integrity": "sha512-uu1F/L1o5Y6LzPVSVZXNOoD/KXpJue9aeLRd0sM9uMXfZvzomB0WxVamWb5ue8kA2vVWEmW7EG+A5n3f1kqHKg==",
+      "dev": true,
+      "requires": {
+        "html-escaper": "^2.0.0"
+      }
+    },
+    "isurl": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isurl/-/isurl-1.0.0.tgz",
+      "integrity": "sha512-1P/yWsxPlDtn7QeRD+ULKQPaIaN6yF368GZ2vDfv0AL0NwpStafjWCDDdn0k8wgFMWpVAqG7oJhxHnlud42i9w==",
+      "requires": {
+        "has-to-string-tag-x": "^1.2.0",
+        "is-object": "^1.0.1"
+      }
+    },
+    "jasmine": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/jasmine/-/jasmine-2.8.0.tgz",
+      "integrity": "sha1-awicChFXax8W3xG4AUbZHU6Lij4=",
+      "dev": true,
+      "requires": {
+        "exit": "^0.1.2",
+        "glob": "^7.0.6",
+        "jasmine-core": "~2.8.0"
+      },
+      "dependencies": {
+        "jasmine-core": {
+          "version": "2.8.0",
+          "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-2.8.0.tgz",
+          "integrity": "sha1-vMl5rh+f0FcB5F5S5l06XWPxok4=",
+          "dev": true
+        }
+      }
+    },
+    "jasmine-core": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-3.5.0.tgz",
+      "integrity": "sha512-nCeAiw37MIMA9w9IXso7bRaLl+c/ef3wnxsoSAlYrzS+Ot0zTG6nU8G/cIfGkqpkjX2wNaIW9RFG0TwIFnG6bA==",
+      "dev": true
+    },
+    "jasmine-spec-reporter": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/jasmine-spec-reporter/-/jasmine-spec-reporter-4.2.1.tgz",
+      "integrity": "sha512-FZBoZu7VE5nR7Nilzy+Np8KuVIOxF4oXDPDknehCYBDE080EnlPu0afdZNmpGDBRCUBv3mj5qgqCRmk6W/K8vg==",
+      "dev": true,
+      "requires": {
+        "colors": "1.1.2"
+      }
+    },
+    "jasminewd2": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/jasminewd2/-/jasminewd2-2.2.0.tgz",
+      "integrity": "sha1-43zwsX8ZnM4jvqcbIDk5Uka07E4=",
+      "dev": true
+    },
+    "javascript-detect-element-resize": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/javascript-detect-element-resize/-/javascript-detect-element-resize-0.5.3.tgz",
+      "integrity": "sha1-GnHNUd/lZZB/KZAS/nOilBBAJd4="
+    },
+    "jest-worker": {
+      "version": "24.9.0",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-24.9.0.tgz",
+      "integrity": "sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==",
+      "dev": true,
+      "requires": {
+        "merge-stream": "^2.0.0",
+        "supports-color": "^6.1.0"
+      },
+      "dependencies": {
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "jquery": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.4.1.tgz",
+      "integrity": "sha512-36+AdBzCL+y6qjw5Tx7HgzeGCzC81MDDgaUP8ld2zhx58HdqXGoBd+tHdrBMiyjGQs0Hxs/MLZTu/eHNJJuWPw=="
+    },
+    "jquery.terminal": {
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/jquery.terminal/-/jquery.terminal-2.14.0.tgz",
+      "integrity": "sha512-OLEpsVZs4+JZ9jiaXp4TPKKKHfPdSP3RXfwrctmRUviwS8Zi89Jx0NvAsct0qLIOfkw9bPVD/u7q30mVYz0OzA==",
+      "requires": {
+        "@types/jquery": "^3.3.29",
+        "jquery": "~3",
+        "prismjs": "^1.16.0",
+        "wcwidth": "^1.0.1"
+      }
+    },
+    "js-beautify": {
+      "version": "1.10.3",
+      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.10.3.tgz",
+      "integrity": "sha512-wfk/IAWobz1TfApSdivH5PJ0miIHgDoYb1ugSqHcODPmaYu46rYe5FVuIEkhjg8IQiv6rDNPyhsqbsohI/C2vQ==",
+      "requires": {
+        "config-chain": "^1.1.12",
+        "editorconfig": "^0.15.3",
+        "glob": "^7.1.3",
+        "mkdirp": "~0.5.1",
+        "nopt": "~4.0.1"
+      }
+    },
+    "js-levenshtein": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/js-levenshtein/-/js-levenshtein-1.1.6.tgz",
+      "integrity": "sha512-X2BB11YZtrRqY4EnQcLX5Rh373zbK4alC1FW7D7MBhL2gtcC17cTnr6DmfHZeS0s2rTHjUTMMHfG7gO8SSdw+g==",
+      "dev": true
+    },
+    "js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "js-yaml": {
+      "version": "3.13.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.1.tgz",
+      "integrity": "sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==",
+      "dev": true,
+      "requires": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      }
+    },
+    "jsbn": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+      "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM="
+    },
+    "jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "dev": true
+    },
+    "json-buffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz",
+      "integrity": "sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg="
+    },
+    "json-parse-better-errors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
+      "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw=="
+    },
+    "json-schema": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
+      "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM="
+    },
+    "json-schema-defaults": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/json-schema-defaults/-/json-schema-defaults-0.4.0.tgz",
+      "integrity": "sha512-UsUrkDVNvHTneyeQOYHH9ZHb3+6OjwYfJ831SdO0yjtXtYZ7Jh8BKWsuJYUQW7qckP5JhHawsg4GI6A5fMaR/Q==",
+      "requires": {
+        "argparse": "^1.0.9"
+      }
+    },
+    "json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
+    },
+    "json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus="
+    },
+    "json3": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/json3/-/json3-3.3.3.tgz",
+      "integrity": "sha512-c7/8mbUsKigAbLkD5B010BK4D9LZm7A1pNItkEwiUZRpIN66exu/e7YQWysGun+TRKaJp8MhemM+VkfWv42aCA==",
+      "dev": true
+    },
+    "json5": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+      "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+      "dev": true,
+      "requires": {
+        "minimist": "^1.2.0"
+      }
+    },
+    "jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
+      "requires": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "jsonparse": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz",
+      "integrity": "sha1-P02uSpH6wxX3EGL4UhzCOfE2YoA="
+    },
+    "jsprim": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
+      "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
+      "requires": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.3.0",
+        "json-schema": "0.2.3",
+        "verror": "1.10.0"
+      }
+    },
+    "jss": {
+      "version": "10.0.4",
+      "resolved": "https://registry.npmjs.org/jss/-/jss-10.0.4.tgz",
+      "integrity": "sha512-GqHmeDK83qbqMAVjxyPfN1qJVTKZne533a9bdCrllZukUM8npG/k+JumEPI86IIB5ifaZAHG2HAsUziyxOiooQ==",
+      "requires": {
+        "@babel/runtime": "^7.3.1",
+        "csstype": "^2.6.5",
+        "is-in-browser": "^1.1.3",
+        "tiny-warning": "^1.0.2"
+      }
+    },
+    "jss-plugin-camel-case": {
+      "version": "10.0.4",
+      "resolved": "https://registry.npmjs.org/jss-plugin-camel-case/-/jss-plugin-camel-case-10.0.4.tgz",
+      "integrity": "sha512-+wnqxJsyfUnOn0LxVg3GgZBSjfBCrjxwx7LFxwVTUih0ceGaXKZoieheNOaTo5EM4w8bt1nbb8XonpQCj67C6A==",
+      "requires": {
+        "@babel/runtime": "^7.3.1",
+        "hyphenate-style-name": "^1.0.3",
+        "jss": "10.0.4"
+      }
+    },
+    "jss-plugin-default-unit": {
+      "version": "10.0.4",
+      "resolved": "https://registry.npmjs.org/jss-plugin-default-unit/-/jss-plugin-default-unit-10.0.4.tgz",
+      "integrity": "sha512-T0mhL/Ogp/quvod/jAHEqKvptLDxq7Cj3a+7zRuqK8HxUYkftptN89wJElZC3rshhNKiogkEYhCWenpJdFvTBg==",
+      "requires": {
+        "@babel/runtime": "^7.3.1",
+        "jss": "10.0.4"
+      }
+    },
+    "jss-plugin-global": {
+      "version": "10.0.4",
+      "resolved": "https://registry.npmjs.org/jss-plugin-global/-/jss-plugin-global-10.0.4.tgz",
+      "integrity": "sha512-N8n9/GHENZce+sqE4UYiZiJtI+t+erT/BypHOrNYAfIoNEj7OYsOEKfIo2P0GpLB3QyDAYf5eo9XNdZ8veEkUA==",
+      "requires": {
+        "@babel/runtime": "^7.3.1",
+        "jss": "10.0.4"
+      }
+    },
+    "jss-plugin-nested": {
+      "version": "10.0.4",
+      "resolved": "https://registry.npmjs.org/jss-plugin-nested/-/jss-plugin-nested-10.0.4.tgz",
+      "integrity": "sha512-QM21BKVt8LDeoRfowvAMh/s+/89VYrreIIE6ch4pvw0oAXDWw1iorUPlqLZ7uCO3UL0uFtQhJq3QMLN6Lr1v0A==",
+      "requires": {
+        "@babel/runtime": "^7.3.1",
+        "jss": "10.0.4",
+        "tiny-warning": "^1.0.2"
+      }
+    },
+    "jss-plugin-props-sort": {
+      "version": "10.0.4",
+      "resolved": "https://registry.npmjs.org/jss-plugin-props-sort/-/jss-plugin-props-sort-10.0.4.tgz",
+      "integrity": "sha512-WoETdOCjGskuin/OMt2uEdDPLZF3vfQuHXF+XUHGJrq0BAapoyGQDcv37SeReDlkRAbVXkEZPsIMvYrgHSHFiA==",
+      "requires": {
+        "@babel/runtime": "^7.3.1",
+        "jss": "10.0.4"
+      }
+    },
+    "jss-plugin-rule-value-function": {
+      "version": "10.0.4",
+      "resolved": "https://registry.npmjs.org/jss-plugin-rule-value-function/-/jss-plugin-rule-value-function-10.0.4.tgz",
+      "integrity": "sha512-0hrzOSWRF5ABJGaHrlnHbYZjU877Ofzfh2id3uLtBvemGQLHI+ldoL8/+6iPSRa7M8z8Ngfg2vfYhKjUA5gA0g==",
+      "requires": {
+        "@babel/runtime": "^7.3.1",
+        "jss": "10.0.4"
+      }
+    },
+    "jss-plugin-vendor-prefixer": {
+      "version": "10.0.4",
+      "resolved": "https://registry.npmjs.org/jss-plugin-vendor-prefixer/-/jss-plugin-vendor-prefixer-10.0.4.tgz",
+      "integrity": "sha512-4JgEbcrdeMda1qvxTm1CnxFJAWVV++VLpP46HNTrfH7VhVlvUpihnUNs2gAlKuRT/XSBuiWeLAkrTqF4NVrPig==",
+      "requires": {
+        "@babel/runtime": "^7.3.1",
+        "css-vendor": "^2.0.7",
+        "jss": "10.0.4"
+      }
+    },
+    "jstree": {
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/jstree/-/jstree-3.3.9.tgz",
+      "integrity": "sha512-jRIbhg+BHrIs1Wm6oiJt3oKTVBE6sWS0PCp2/RlkIUqsLUPWUYgV3q8LfKoi1/E+YMzGtP6BuK4okk+0mwfmhQ==",
+      "requires": {
+        "jquery": ">=1.9.1"
+      }
+    },
+    "jstree-bootstrap-theme": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/jstree-bootstrap-theme/-/jstree-bootstrap-theme-1.0.1.tgz",
+      "integrity": "sha1-fV7cc6hG6Np/lPV6HMXd7p2eq0s=",
+      "requires": {
+        "jquery": ">=1.9.1"
+      }
+    },
+    "jszip": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.2.2.tgz",
+      "integrity": "sha512-NmKajvAFQpbg3taXQXr/ccS2wcucR1AZ+NtyWp2Nq7HHVsXhcJFR8p0Baf32C2yVvBylFWVeKf+WI2AnvlPhpA==",
+      "dev": true,
+      "requires": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "set-immediate-shim": "~1.0.1"
+      }
+    },
+    "karma": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/karma/-/karma-4.4.1.tgz",
+      "integrity": "sha512-L5SIaXEYqzrh6b1wqYC42tNsFMx2PWuxky84pK9coK09MvmL7mxii3G3bZBh/0rvD27lqDd0le9jyhzvwif73A==",
+      "dev": true,
+      "requires": {
+        "bluebird": "^3.3.0",
+        "body-parser": "^1.16.1",
+        "braces": "^3.0.2",
+        "chokidar": "^3.0.0",
+        "colors": "^1.1.0",
+        "connect": "^3.6.0",
+        "di": "^0.0.1",
+        "dom-serialize": "^2.2.0",
+        "flatted": "^2.0.0",
+        "glob": "^7.1.1",
+        "graceful-fs": "^4.1.2",
+        "http-proxy": "^1.13.0",
+        "isbinaryfile": "^3.0.0",
+        "lodash": "^4.17.14",
+        "log4js": "^4.0.0",
+        "mime": "^2.3.1",
+        "minimatch": "^3.0.2",
+        "optimist": "^0.6.1",
+        "qjobs": "^1.1.4",
+        "range-parser": "^1.2.0",
+        "rimraf": "^2.6.0",
+        "safe-buffer": "^5.0.1",
+        "socket.io": "2.1.1",
+        "source-map": "^0.6.1",
+        "tmp": "0.0.33",
+        "useragent": "2.3.0"
+      },
+      "dependencies": {
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        }
+      }
+    },
+    "karma-chrome-launcher": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/karma-chrome-launcher/-/karma-chrome-launcher-3.1.0.tgz",
+      "integrity": "sha512-3dPs/n7vgz1rxxtynpzZTvb9y/GIaW8xjAwcIGttLbycqoFtI7yo1NGnQi6oFTherRE+GIhCAHZC4vEqWGhNvg==",
+      "dev": true,
+      "requires": {
+        "which": "^1.2.1"
+      }
+    },
+    "karma-coverage-istanbul-reporter": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/karma-coverage-istanbul-reporter/-/karma-coverage-istanbul-reporter-2.1.1.tgz",
+      "integrity": "sha512-CH8lTi8+kKXGvrhy94+EkEMldLCiUA0xMOiL31vvli9qK0T+qcXJAwWBRVJWnVWxYkTmyWar8lPz63dxX6/z1A==",
+      "dev": true,
+      "requires": {
+        "istanbul-api": "^2.1.6",
+        "minimatch": "^3.0.4"
+      }
+    },
+    "karma-jasmine": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/karma-jasmine/-/karma-jasmine-3.1.1.tgz",
+      "integrity": "sha512-pxBmv5K7IkBRLsFSTOpgiK/HzicQT3mfFF+oHAC7nxMfYKhaYFgxOa5qjnHW4sL5rUnmdkSajoudOnnOdPyW4Q==",
+      "dev": true,
+      "requires": {
+        "jasmine-core": "^3.5.0"
+      }
+    },
+    "karma-jasmine-html-reporter": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-1.5.2.tgz",
+      "integrity": "sha512-ILBPsXqQ3eomq+oaQsM311/jxsypw5/d0LnZXj26XkfThwq7jZ55A2CFSKJVA5VekbbOGvMyv7d3juZj0SeTxA==",
+      "dev": true
+    },
+    "karma-source-map-support": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/karma-source-map-support/-/karma-source-map-support-1.4.0.tgz",
+      "integrity": "sha512-RsBECncGO17KAoJCYXjv+ckIz+Ii9NCi+9enk+rq6XC81ezYkb4/RHE6CTXdA7IOJqoF3wcaLfVG0CPmE5ca6A==",
+      "dev": true,
+      "requires": {
+        "source-map-support": "^0.5.5"
+      }
+    },
+    "keyv": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-3.0.0.tgz",
+      "integrity": "sha512-eguHnq22OE3uVoSYG0LVWNP+4ppamWr9+zWBe1bsNcovIMy6huUJFPgy4mGwCd/rnl3vOLGW1MTlu4c57CT1xA==",
+      "requires": {
+        "json-buffer": "3.0.0"
+      }
+    },
+    "killable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
+      "integrity": "sha512-LzqtLKlUwirEUyl/nicirVmNiPvYs7l5n8wOPP7fyJVpUPkvCnW/vuiXGpylGUlnPDnB7311rARzAt3Mhswpjg==",
+      "dev": true
+    },
+    "kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true
+    },
+    "lcid": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz",
+      "integrity": "sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==",
+      "dev": true,
+      "requires": {
+        "invert-kv": "^2.0.0"
+      }
+    },
+    "less": {
+      "version": "3.10.3",
+      "resolved": "https://registry.npmjs.org/less/-/less-3.10.3.tgz",
+      "integrity": "sha512-vz32vqfgmoxF1h3K4J+yKCtajH0PWmjkIFgbs5d78E/c/e+UQTnI+lWK+1eQRE95PXM2mC3rJlLSSP9VQHnaow==",
+      "dev": true,
+      "requires": {
+        "clone": "^2.1.2",
+        "errno": "^0.1.1",
+        "graceful-fs": "^4.1.2",
+        "image-size": "~0.5.0",
+        "mime": "^1.4.1",
+        "mkdirp": "^0.5.0",
+        "promise": "^7.1.1",
+        "request": "^2.83.0",
+        "source-map": "~0.6.0"
+      },
+      "dependencies": {
+        "clone": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+          "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=",
+          "dev": true
+        },
+        "mime": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+          "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
+    "less-loader": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-5.0.0.tgz",
+      "integrity": "sha512-bquCU89mO/yWLaUq0Clk7qCsKhsF/TZpJUzETRvJa9KSVEL9SO3ovCvdEHISBhrC81OwC8QSVX7E0bzElZj9cg==",
+      "dev": true,
+      "requires": {
+        "clone": "^2.1.1",
+        "loader-utils": "^1.1.0",
+        "pify": "^4.0.1"
+      },
+      "dependencies": {
+        "clone": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+          "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=",
+          "dev": true
+        },
+        "pify": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+          "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+          "dev": true
+        }
+      }
+    },
+    "license-webpack-plugin": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/license-webpack-plugin/-/license-webpack-plugin-2.1.3.tgz",
+      "integrity": "sha512-vTSY5r9HOq4sxR2BIxdIXWKI+9n3b+DoQkhKHedB3TdSxTfXUDRxKXdAj5iejR+qNXprXsxvEu9W+zOhgGIkAw==",
+      "dev": true,
+      "requires": {
+        "@types/webpack-sources": "^0.1.5",
+        "webpack-sources": "^1.2.0"
+      }
+    },
+    "lie": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+      "dev": true,
+      "requires": {
+        "immediate": "~3.0.5"
+      }
+    },
+    "load-json-file": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
+      "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "parse-json": "^4.0.0",
+        "pify": "^3.0.0",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "loader-runner": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-2.4.0.tgz",
+      "integrity": "sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==",
+      "dev": true
+    },
+    "loader-utils": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.2.3.tgz",
+      "integrity": "sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==",
+      "dev": true,
+      "requires": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^2.0.0",
+        "json5": "^1.0.1"
+      }
+    },
+    "locate-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+      "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+      "requires": {
+        "p-locate": "^2.0.0",
+        "path-exists": "^3.0.0"
+      }
+    },
+    "lodash": {
+      "version": "4.17.15",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
+      "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A=="
+    },
+    "lodash._baseassign": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/lodash._baseassign/-/lodash._baseassign-3.2.0.tgz",
+      "integrity": "sha1-jDigmVAPIVrQnlnxci/QxSv+Ck4=",
+      "requires": {
+        "lodash._basecopy": "^3.0.0",
+        "lodash.keys": "^3.0.0"
+      }
+    },
+    "lodash._basecopy": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/lodash._basecopy/-/lodash._basecopy-3.0.1.tgz",
+      "integrity": "sha1-jaDmqHbPNEwK2KVIghEd08XHyjY="
+    },
+    "lodash._bindcallback": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/lodash._bindcallback/-/lodash._bindcallback-3.0.1.tgz",
+      "integrity": "sha1-5THCdkTPi1epnhftlbNcdIeJOS4="
+    },
+    "lodash._createassigner": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/lodash._createassigner/-/lodash._createassigner-3.1.1.tgz",
+      "integrity": "sha1-g4pbri/aymOsIt7o4Z+k5taXCxE=",
+      "requires": {
+        "lodash._bindcallback": "^3.0.0",
+        "lodash._isiterateecall": "^3.0.0",
+        "lodash.restparam": "^3.0.0"
+      }
+    },
+    "lodash._getnative": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/lodash._getnative/-/lodash._getnative-3.9.1.tgz",
+      "integrity": "sha1-VwvH3t5G1hzc3mh9ZdPuy6o6r/U="
+    },
+    "lodash._isiterateecall": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/lodash._isiterateecall/-/lodash._isiterateecall-3.0.9.tgz",
+      "integrity": "sha1-UgOte6Ql+uhCRg5pbbnPPmqsBXw="
+    },
+    "lodash._reinterpolate": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz",
+      "integrity": "sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0="
+    },
+    "lodash.assign": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.assign/-/lodash.assign-3.2.0.tgz",
+      "integrity": "sha1-POnwI0tLIiPilrj6CsH+6OvKZPo=",
+      "requires": {
+        "lodash._baseassign": "^3.0.0",
+        "lodash._createassigner": "^3.0.0",
+        "lodash.keys": "^3.0.0"
+      }
+    },
+    "lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=",
+      "dev": true
+    },
+    "lodash.get": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+      "integrity": "sha1-LRd/ZS+jHpObRDjVNBSZ36OCXpk="
+    },
+    "lodash.isarguments": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz",
+      "integrity": "sha1-L1c9hcaiQon/AGY7SRwdM4/zRYo="
+    },
+    "lodash.isarray": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/lodash.isarray/-/lodash.isarray-3.0.4.tgz",
+      "integrity": "sha1-eeTriMNqgSKvhvhEqpvNhRtfu1U="
+    },
+    "lodash.isequal": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+      "integrity": "sha1-QVxEePK8wwEgwizhDtMib30+GOA="
+    },
+    "lodash.keys": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/lodash.keys/-/lodash.keys-3.1.2.tgz",
+      "integrity": "sha1-TbwEcrFWvlCgsoaFXRvQsMZWCYo=",
+      "requires": {
+        "lodash._getnative": "^3.0.0",
+        "lodash.isarguments": "^3.0.0",
+        "lodash.isarray": "^3.0.0"
+      }
+    },
+    "lodash.memoize": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
+      "integrity": "sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=",
+      "dev": true
+    },
+    "lodash.restparam": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/lodash.restparam/-/lodash.restparam-3.6.1.tgz",
+      "integrity": "sha1-k2pOMJ7zMKdkXtQUWYbIWuWyCAU="
+    },
+    "lodash.template": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-4.5.0.tgz",
+      "integrity": "sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==",
+      "requires": {
+        "lodash._reinterpolate": "^3.0.0",
+        "lodash.templatesettings": "^4.0.0"
+      }
+    },
+    "lodash.templatesettings": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz",
+      "integrity": "sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==",
+      "requires": {
+        "lodash._reinterpolate": "^3.0.0"
+      }
+    },
+    "lodash.uniq": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+      "integrity": "sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=",
+      "dev": true
+    },
+    "log-symbols": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-3.0.0.tgz",
+      "integrity": "sha512-dSkNGuI7iG3mfvDzUuYZyvk5dD9ocYCYzNU6CYDE6+Xqd+gwme6Z00NS3dUh8mq/73HaEtT7m6W+yUPtU6BZnQ==",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.4.2"
+      }
+    },
+    "log4js": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/log4js/-/log4js-4.5.1.tgz",
+      "integrity": "sha512-EEEgFcE9bLgaYUKuozyFfytQM2wDHtXn4tAN41pkaxpNjAykv11GVdeI4tHtmPWW4Xrgh9R/2d7XYghDVjbKKw==",
+      "dev": true,
+      "requires": {
+        "date-format": "^2.0.0",
+        "debug": "^4.1.1",
+        "flatted": "^2.0.0",
+        "rfdc": "^1.1.4",
+        "streamroller": "^1.0.6"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        }
+      }
+    },
+    "loglevel": {
+      "version": "1.6.7",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.6.7.tgz",
+      "integrity": "sha512-cY2eLFrQSAfVPhCgH1s7JI73tMbg9YC3v3+ZHVW67sBS7UxWzNEk/ZBbSfLykBWHp33dqqtOv82gjhKEi81T/A==",
+      "dev": true
+    },
+    "loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "requires": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      }
+    },
+    "loud-rejection": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
+      "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=",
+      "requires": {
+        "currently-unhandled": "^0.4.1",
+        "signal-exit": "^3.0.0"
+      }
+    },
+    "lowercase-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz",
+      "integrity": "sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA=="
+    },
+    "lru-cache": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+      "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+      "requires": {
+        "pseudomap": "^1.0.2",
+        "yallist": "^2.1.2"
+      }
+    },
+    "magic-string": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.4.tgz",
+      "integrity": "sha512-oycWO9nEVAP2RVPbIoDoA4Y7LFIJ3xRYov93gAyJhZkET1tNuB0u7uWkZS2LpBWTJUWnmau/To8ECWRC+jKNfw==",
+      "dev": true,
+      "requires": {
+        "sourcemap-codec": "^1.4.4"
+      }
+    },
+    "make-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+      "dev": true,
+      "requires": {
+        "pify": "^4.0.1",
+        "semver": "^5.6.0"
+      },
+      "dependencies": {
+        "pify": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+          "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+          "dev": true
+        }
+      }
+    },
+    "make-error": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
+      "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
+      "dev": true
+    },
+    "make-fetch-happen": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-5.0.2.tgz",
+      "integrity": "sha512-07JHC0r1ykIoruKO8ifMXu+xEU8qOXDFETylktdug6vJDACnP+HKevOu3PXyNPzFyTSlz8vrBYlBO1JZRe8Cag==",
+      "dev": true,
+      "requires": {
+        "agentkeepalive": "^3.4.1",
+        "cacache": "^12.0.0",
+        "http-cache-semantics": "^3.8.1",
+        "http-proxy-agent": "^2.1.0",
+        "https-proxy-agent": "^2.2.3",
+        "lru-cache": "^5.1.1",
+        "mississippi": "^3.0.0",
+        "node-fetch-npm": "^2.0.2",
+        "promise-retry": "^1.1.1",
+        "socks-proxy-agent": "^4.0.0",
+        "ssri": "^6.0.0"
+      },
+      "dependencies": {
+        "cacache": {
+          "version": "12.0.3",
+          "resolved": "https://registry.npmjs.org/cacache/-/cacache-12.0.3.tgz",
+          "integrity": "sha512-kqdmfXEGFepesTuROHMs3MpFLWrPkSSpRqOw80RCflZXy/khxaArvFrQ7uJxSUduzAufc6G0g1VUCOZXxWavPw==",
+          "dev": true,
+          "requires": {
+            "bluebird": "^3.5.5",
+            "chownr": "^1.1.1",
+            "figgy-pudding": "^3.5.1",
+            "glob": "^7.1.4",
+            "graceful-fs": "^4.1.15",
+            "infer-owner": "^1.0.3",
+            "lru-cache": "^5.1.1",
+            "mississippi": "^3.0.0",
+            "mkdirp": "^0.5.1",
+            "move-concurrently": "^1.0.1",
+            "promise-inflight": "^1.0.1",
+            "rimraf": "^2.6.3",
+            "ssri": "^6.0.1",
+            "unique-filename": "^1.1.1",
+            "y18n": "^4.0.0"
+          }
+        },
+        "lru-cache": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+          "dev": true,
+          "requires": {
+            "yallist": "^3.0.2"
+          }
+        },
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "ssri": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz",
+          "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==",
+          "dev": true,
+          "requires": {
+            "figgy-pudding": "^3.5.1"
+          }
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+          "dev": true
+        }
+      }
+    },
+    "make-plural": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/make-plural/-/make-plural-4.3.0.tgz",
+      "integrity": "sha512-xTYd4JVHpSCW+aqDof6w/MebaMVNTVYBZhbB/vi513xXdiPT92JMVCo0Jq8W2UZnzYRFeVbQiQ+I25l13JuKvA==",
+      "requires": {
+        "minimist": "^1.2.0"
+      }
+    },
+    "mamacro": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/mamacro/-/mamacro-0.0.3.tgz",
+      "integrity": "sha512-qMEwh+UujcQ+kbz3T6V+wAmO2U8veoq2w+3wY8MquqwVA3jChfwY+Tk52GZKDfACEPjuZ7r2oJLejwpt8jtwTA==",
+      "dev": true
+    },
+    "map-age-cleaner": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz",
+      "integrity": "sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==",
+      "dev": true,
+      "requires": {
+        "p-defer": "^1.0.0"
+      }
+    },
+    "map-cache": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
+      "integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=",
+      "dev": true
+    },
+    "map-obj": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-2.0.0.tgz",
+      "integrity": "sha1-plzSkIepJZi4eRJXpSPgISIqwfk="
+    },
+    "map-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
+      "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=",
+      "dev": true,
+      "requires": {
+        "object-visit": "^1.0.0"
+      }
+    },
+    "material-design-icons": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/material-design-icons/-/material-design-icons-3.0.1.tgz",
+      "integrity": "sha1-mnHEh0chjrylHlGmbaaCA4zct78="
+    },
+    "md5.js": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
+      "integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
+      "dev": true,
+      "requires": {
+        "hash-base": "^3.0.0",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "mdn-data": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
+      "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==",
+      "dev": true
+    },
+    "media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=",
+      "dev": true
+    },
+    "mem": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/mem/-/mem-4.3.0.tgz",
+      "integrity": "sha512-qX2bG48pTqYRVmDB37rn/6PT7LcR8T7oAX3bf99u1Tt1nzxYfxkgqDwUwolPlXweM0XzBOBFzSx4kfp7KP1s/w==",
+      "dev": true,
+      "requires": {
+        "map-age-cleaner": "^0.1.1",
+        "mimic-fn": "^2.0.0",
+        "p-is-promise": "^2.0.0"
+      },
+      "dependencies": {
+        "p-is-promise": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-2.1.0.tgz",
+          "integrity": "sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg==",
+          "dev": true
+        }
+      }
+    },
+    "memory-fs": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.5.0.tgz",
+      "integrity": "sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==",
+      "dev": true,
+      "requires": {
+        "errno": "^0.1.3",
+        "readable-stream": "^2.0.1"
+      }
+    },
+    "meow": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-4.0.1.tgz",
+      "integrity": "sha512-xcSBHD5Z86zaOc+781KrupuHAzeGXSLtiAOmBsiLDiPSaYSB6hdew2ng9EBAnZ62jagG9MHAOdxpDi/lWBFJ/A==",
+      "requires": {
+        "camelcase-keys": "^4.0.0",
+        "decamelize-keys": "^1.0.0",
+        "loud-rejection": "^1.0.0",
+        "minimist": "^1.1.3",
+        "minimist-options": "^3.0.1",
+        "normalize-package-data": "^2.3.4",
+        "read-pkg-up": "^3.0.0",
+        "redent": "^2.0.0",
+        "trim-newlines": "^2.0.0"
+      }
+    },
+    "merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=",
+      "dev": true
+    },
+    "merge-source-map": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/merge-source-map/-/merge-source-map-1.1.0.tgz",
+      "integrity": "sha512-Qkcp7P2ygktpMPh2mCQZaf3jhN6D3Z/qVZHSdWvQ+2Ef5HgRAPBO57A77+ENm0CPx2+1Ce/MYKi3ymqdfuqibw==",
+      "dev": true,
+      "requires": {
+        "source-map": "^0.6.1"
+      }
+    },
+    "merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true
+    },
+    "messageformat": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/messageformat/-/messageformat-2.3.0.tgz",
+      "integrity": "sha512-uTzvsv0lTeQxYI2y1NPa1lItL5VRI8Gb93Y2K2ue5gBPyrbJxfDi/EYWxh2PKv5yO42AJeeqblS9MJSh/IEk4w==",
+      "requires": {
+        "make-plural": "^4.3.0",
+        "messageformat-formatters": "^2.0.1",
+        "messageformat-parser": "^4.1.2"
+      }
+    },
+    "messageformat-formatters": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/messageformat-formatters/-/messageformat-formatters-2.0.1.tgz",
+      "integrity": "sha512-E/lQRXhtHwGuiQjI7qxkLp8AHbMD5r2217XNe/SREbBlSawe0lOqsFb7rflZJmlQFSULNLIqlcjjsCPlB3m3Mg=="
+    },
+    "messageformat-parser": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/messageformat-parser/-/messageformat-parser-4.1.2.tgz",
+      "integrity": "sha512-7dWuifeyldz7vhEuL96Kwq1fhZXBW+TUfbnHN4UCrCxoXQTYjHnR78eI66Gk9LaLLsAvzPNVJBaa66DRfFNaiA=="
+    },
+    "methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=",
+      "dev": true
+    },
+    "micromatch": {
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+      "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+      "dev": true,
+      "requires": {
+        "arr-diff": "^4.0.0",
+        "array-unique": "^0.3.2",
+        "braces": "^2.3.1",
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "extglob": "^2.0.4",
+        "fragment-cache": "^0.2.1",
+        "kind-of": "^6.0.2",
+        "nanomatch": "^1.2.9",
+        "object.pick": "^1.3.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.2"
+      },
+      "dependencies": {
+        "braces": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+          "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+          "dev": true,
+          "requires": {
+            "arr-flatten": "^1.1.0",
+            "array-unique": "^0.3.2",
+            "extend-shallow": "^2.0.1",
+            "fill-range": "^4.0.0",
+            "isobject": "^3.0.1",
+            "repeat-element": "^1.1.2",
+            "snapdragon": "^0.8.1",
+            "snapdragon-node": "^2.0.1",
+            "split-string": "^3.0.2",
+            "to-regex": "^3.0.1"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "^0.1.0"
+              }
+            }
+          }
+        },
+        "fill-range": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+          "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+          "dev": true,
+          "requires": {
+            "extend-shallow": "^2.0.1",
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1",
+            "to-regex-range": "^2.1.0"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "^0.1.0"
+              }
+            }
+          }
+        },
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^3.0.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "^1.1.5"
+              }
+            }
+          }
+        },
+        "to-regex-range": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+          "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=",
+          "dev": true,
+          "requires": {
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1"
+          }
+        }
+      }
+    },
+    "miller-rabin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
+      "integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.0.0",
+        "brorand": "^1.0.1"
+      }
+    },
+    "mime": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.4.tgz",
+      "integrity": "sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA=="
+    },
+    "mime-db": {
+      "version": "1.43.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.43.0.tgz",
+      "integrity": "sha512-+5dsGEEovYbT8UY9yD7eE4XTc4UwJ1jBYlgaQQF38ENsKR3wj/8q8RFZrF9WIZpB2V1ArTVFUva8sAul1NzRzQ=="
+    },
+    "mime-types": {
+      "version": "2.1.26",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.26.tgz",
+      "integrity": "sha512-01paPWYgLrkqAyrlDorC1uDwl2p3qZT7yl806vW7DvDoxwXi46jsjFbg+WdwotBIk6/MbEhO/dh5aZ5sNj/dWQ==",
+      "requires": {
+        "mime-db": "1.43.0"
+      }
+    },
+    "mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true
+    },
+    "mimic-response": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
+      "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ=="
+    },
+    "mini-css-extract-plugin": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.8.0.tgz",
+      "integrity": "sha512-MNpRGbNA52q6U92i0qbVpQNsgk7LExy41MdAlG84FeytfDOtRIf/mCHdEgG8rpTKOaNKiqUnZdlptF469hxqOw==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.1.0",
+        "normalize-url": "1.9.1",
+        "schema-utils": "^1.0.0",
+        "webpack-sources": "^1.1.0"
+      },
+      "dependencies": {
+        "normalize-url": {
+          "version": "1.9.1",
+          "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-1.9.1.tgz",
+          "integrity": "sha1-LMDWazHqIwNkWENuNiDYWVTGbDw=",
+          "dev": true,
+          "requires": {
+            "object-assign": "^4.0.1",
+            "prepend-http": "^1.0.0",
+            "query-string": "^4.1.0",
+            "sort-keys": "^1.0.0"
+          }
+        },
+        "prepend-http": {
+          "version": "1.0.4",
+          "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
+          "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=",
+          "dev": true
+        },
+        "query-string": {
+          "version": "4.3.4",
+          "resolved": "https://registry.npmjs.org/query-string/-/query-string-4.3.4.tgz",
+          "integrity": "sha1-u7aTucqRXCMlFbIosaArYJBD2+s=",
+          "dev": true,
+          "requires": {
+            "object-assign": "^4.1.0",
+            "strict-uri-encode": "^1.0.0"
+          }
+        },
+        "sort-keys": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz",
+          "integrity": "sha1-RBttTTRnmPG05J6JIK37oOVD+a0=",
+          "dev": true,
+          "requires": {
+            "is-plain-obj": "^1.0.0"
+          }
+        }
+      }
+    },
+    "minimalistic-assert": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
+      "dev": true
+    },
+    "minimalistic-crypto-utils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
+      "integrity": "sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=",
+      "dev": true
+    },
+    "minimatch": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
+      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+      "requires": {
+        "brace-expansion": "^1.1.7"
+      }
+    },
+    "minimist": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+      "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ="
+    },
+    "minimist-options": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-3.0.2.tgz",
+      "integrity": "sha512-FyBrT/d0d4+uiZRbqznPXqw3IpZZG3gl3wKWiX784FycUKVwBt0uLBFkQrtE4tZOrgo78nZp2jnKz3L65T5LdQ==",
+      "requires": {
+        "arrify": "^1.0.1",
+        "is-plain-obj": "^1.1.0"
+      }
+    },
+    "minipass": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.1.1.tgz",
+      "integrity": "sha512-UFqVihv6PQgwj8/yTGvl9kPz7xIAY+R5z6XYjRInD3Gk3qx6QGSD6zEcpeG4Dy/lQnv1J6zv8ejV90hyYIKf3w==",
+      "dev": true,
+      "requires": {
+        "yallist": "^4.0.0"
+      },
+      "dependencies": {
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true
+        }
+      }
+    },
+    "minipass-collect": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-1.0.2.tgz",
+      "integrity": "sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==",
+      "dev": true,
+      "requires": {
+        "minipass": "^3.0.0"
+      }
+    },
+    "minipass-flush": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz",
+      "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==",
+      "dev": true,
+      "requires": {
+        "minipass": "^3.0.0"
+      }
+    },
+    "minipass-pipeline": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.2.tgz",
+      "integrity": "sha512-3JS5A2DKhD2g0Gg8x3yamO0pj7YeKGwVlDS90pF++kxptwx/F+B//roxf9SqYil5tQo65bijy+dAuAFZmYOouA==",
+      "dev": true,
+      "requires": {
+        "minipass": "^3.0.0"
+      }
+    },
+    "minizlib": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-1.3.3.tgz",
+      "integrity": "sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==",
+      "dev": true,
+      "requires": {
+        "minipass": "^2.9.0"
+      },
+      "dependencies": {
+        "minipass": {
+          "version": "2.9.0",
+          "resolved": "https://registry.npmjs.org/minipass/-/minipass-2.9.0.tgz",
+          "integrity": "sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "^5.1.2",
+            "yallist": "^3.0.0"
+          }
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+          "dev": true
+        }
+      }
+    },
+    "mississippi": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mississippi/-/mississippi-3.0.0.tgz",
+      "integrity": "sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==",
+      "dev": true,
+      "requires": {
+        "concat-stream": "^1.5.0",
+        "duplexify": "^3.4.2",
+        "end-of-stream": "^1.1.0",
+        "flush-write-stream": "^1.0.0",
+        "from2": "^2.1.0",
+        "parallel-transform": "^1.1.0",
+        "pump": "^3.0.0",
+        "pumpify": "^1.3.3",
+        "stream-each": "^1.1.0",
+        "through2": "^2.0.0"
+      }
+    },
+    "mixin-deep": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
+      "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==",
+      "dev": true,
+      "requires": {
+        "for-in": "^1.0.2",
+        "is-extendable": "^1.0.1"
+      },
+      "dependencies": {
+        "is-extendable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+          "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+          "dev": true,
+          "requires": {
+            "is-plain-object": "^2.0.4"
+          }
+        }
+      }
+    },
+    "mkdirp": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
+      "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+      "requires": {
+        "minimist": "0.0.8"
+      },
+      "dependencies": {
+        "minimist": {
+          "version": "0.0.8",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
+          "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0="
+        }
+      }
+    },
+    "modify-values": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/modify-values/-/modify-values-1.0.1.tgz",
+      "integrity": "sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw=="
+    },
+    "moment": {
+      "version": "2.24.0",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.24.0.tgz",
+      "integrity": "sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg=="
+    },
+    "mousetrap": {
+      "version": "1.6.5",
+      "resolved": "https://registry.npmjs.org/mousetrap/-/mousetrap-1.6.5.tgz",
+      "integrity": "sha512-QNo4kEepaIBwiT8CDhP98umTetp+JNfQYBWvC1pc6/OAibuXtRcxZ58Qz8skvEHYvURne/7R8T5VoOI7rDsEUA=="
+    },
+    "move-concurrently": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
+      "integrity": "sha1-viwAX9oy4LKa8fBdfEszIUxwH5I=",
+      "dev": true,
+      "requires": {
+        "aproba": "^1.1.1",
+        "copy-concurrently": "^1.0.0",
+        "fs-write-stream-atomic": "^1.0.8",
+        "mkdirp": "^0.5.1",
+        "rimraf": "^2.5.4",
+        "run-queue": "^1.0.3"
+      },
+      "dependencies": {
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        }
+      }
+    },
+    "ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "multicast-dns": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-6.2.3.tgz",
+      "integrity": "sha512-ji6J5enbMyGRHIAkAOu3WdV8nggqviKCEKtXcOqfphZZtQrmHKycfynJ2V7eVPUA4NhJ6V7Wf4TmGbTwKE9B6g==",
+      "dev": true,
+      "requires": {
+        "dns-packet": "^1.3.1",
+        "thunky": "^1.0.2"
+      }
+    },
+    "multicast-dns-service-types": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz",
+      "integrity": "sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE=",
+      "dev": true
+    },
+    "mute-stream": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
+      "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
+      "dev": true
+    },
+    "nanomatch": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
+      "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==",
+      "dev": true,
+      "requires": {
+        "arr-diff": "^4.0.0",
+        "array-unique": "^0.3.2",
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "fragment-cache": "^0.2.1",
+        "is-windows": "^1.0.2",
+        "kind-of": "^6.0.2",
+        "object.pick": "^1.3.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      }
+    },
+    "negotiator": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz",
+      "integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==",
+      "dev": true
+    },
+    "neo-async": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.1.tgz",
+      "integrity": "sha512-iyam8fBuCUpWeKPGpaNMetEocMt364qkCsfL9JuhjXX6dRnguRVOfk2GZaDpPjcOKiiXCPINZC1GczQ7iTq3Zw=="
+    },
+    "nerf-dart": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/nerf-dart/-/nerf-dart-1.0.0.tgz",
+      "integrity": "sha1-5tq3/r9a2Bbqgc9cYpxaDr3nLBo="
+    },
+    "netrc": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/netrc/-/netrc-0.1.4.tgz",
+      "integrity": "sha1-a+lPysqNd63gqWcNxGCRTJRHJEQ="
+    },
+    "ngrx-store-freeze": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/ngrx-store-freeze/-/ngrx-store-freeze-0.2.4.tgz",
+      "integrity": "sha512-90awpbbMa/x2H81eWWYniyli3LJ1PZU/FaztL10d9Rp/4kw2+97pqyLjdxSPxcOv9St//m9kfuWZ7gyoVDjgcg==",
+      "dev": true,
+      "requires": {
+        "deep-freeze-strict": "^1.1.1"
+      }
+    },
+    "ngx-clipboard": {
+      "version": "12.3.1",
+      "resolved": "https://registry.npmjs.org/ngx-clipboard/-/ngx-clipboard-12.3.1.tgz",
+      "integrity": "sha512-qrUmkfYXEBQZQ4wNKno8yw5eOSxtdkzCPFFPil/XVVc93MNIKUme8aLbS3TEMB4PGsxopjbuTAzV7fptiSOIww==",
+      "requires": {
+        "ngx-window-token": "^2.0.0",
+        "tslib": "^1.9.0"
+      }
+    },
+    "ngx-color-picker": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/ngx-color-picker/-/ngx-color-picker-9.0.0.tgz",
+      "integrity": "sha512-fe5KS89gzzBBB+keugAQtneBOGso44EW8cxJa8j/4c7pELBGw1Xgu/duINuwlwVDalN9R5GIFWeMdNaBvBPHyA=="
+    },
+    "ngx-daterangepicker-material": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ngx-daterangepicker-material/-/ngx-daterangepicker-material-2.2.0.tgz",
+      "integrity": "sha512-rw1UdRPeWoM52fgeYJYox+gkWEDt3+swk2qB/tb8tLYJJa2nW3DectHWGNQ+ysWp9SD9bhi8i0V8ARd0XjjqvA==",
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
+    "ngx-flowchart": {
+      "version": "git://github.com/thingsboard/ngx-flowchart.git#97a77477ca8579becf0e3a07866046b4536fe30a",
+      "from": "git://github.com/thingsboard/ngx-flowchart.git#master",
+      "requires": {
+        "tslib": "^1.10.0"
+      }
+    },
+    "ngx-hm-carousel": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/ngx-hm-carousel/-/ngx-hm-carousel-1.7.2.tgz",
+      "integrity": "sha512-l53iWKO+brHPCgveqz9eBYvs0/YUp3EAIaxY30c361heMfegNI9yX/xDNXcwCZiKY80KKeT04Qqxos+EyZl/VQ==",
+      "requires": {
+        "hammerjs": "^2.0.8",
+        "resize-observer-polyfill": "^1.5.1",
+        "tslib": "^1.9.0"
+      }
+    },
+    "ngx-translate-messageformat-compiler": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/ngx-translate-messageformat-compiler/-/ngx-translate-messageformat-compiler-4.5.0.tgz",
+      "integrity": "sha512-FasG50bAcF39d+tRa4QRqxtSY9N2xfPelJHSn/OpZF4uU08ioC+eERo4x9HcOXZDtZH2vrbw9GNv/Xwzg/Irbw==",
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
+    "ngx-window-token": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/ngx-window-token/-/ngx-window-token-2.0.1.tgz",
+      "integrity": "sha512-rvqdqJEfnWXQFU5fyfYt06E10tR/UtFOYdF3QebfcOh5VIJhnTKiprX8e4B9OrX7WEVFm9BT8uV72xXcEgsaKA==",
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
+    "nice-try": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
+      "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
+      "dev": true
+    },
+    "node-fetch-npm": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/node-fetch-npm/-/node-fetch-npm-2.0.2.tgz",
+      "integrity": "sha512-nJIxm1QmAj4v3nfCvEeCrYSoVwXyxLnaPBK5W1W5DGEJwjlKuC2VEUycGw5oxk+4zZahRrB84PUJJgEmhFTDFw==",
+      "dev": true,
+      "requires": {
+        "encoding": "^0.1.11",
+        "json-parse-better-errors": "^1.0.0",
+        "safe-buffer": "^5.1.1"
+      }
+    },
+    "node-forge": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.9.0.tgz",
+      "integrity": "sha512-7ASaDa3pD+lJ3WvXFsxekJQelBKRpne+GOVbLbtHYdd7pFspyeuJHnWfLplGf3SwKGbfs/aYl5V/JCIaHVUKKQ==",
+      "dev": true
+    },
+    "node-libs-browser": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.2.1.tgz",
+      "integrity": "sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==",
+      "dev": true,
+      "requires": {
+        "assert": "^1.1.1",
+        "browserify-zlib": "^0.2.0",
+        "buffer": "^4.3.0",
+        "console-browserify": "^1.1.0",
+        "constants-browserify": "^1.0.0",
+        "crypto-browserify": "^3.11.0",
+        "domain-browser": "^1.1.1",
+        "events": "^3.0.0",
+        "https-browserify": "^1.0.0",
+        "os-browserify": "^0.3.0",
+        "path-browserify": "0.0.1",
+        "process": "^0.11.10",
+        "punycode": "^1.2.4",
+        "querystring-es3": "^0.2.0",
+        "readable-stream": "^2.3.3",
+        "stream-browserify": "^2.0.1",
+        "stream-http": "^2.7.2",
+        "string_decoder": "^1.0.0",
+        "timers-browserify": "^2.0.4",
+        "tty-browserify": "0.0.0",
+        "url": "^0.11.0",
+        "util": "^0.11.0",
+        "vm-browserify": "^1.0.1"
+      }
+    },
+    "node-releases": {
+      "version": "1.1.49",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.49.tgz",
+      "integrity": "sha512-xH8t0LS0disN0mtRCh+eByxFPie+msJUBL/lJDBuap53QGiYPa9joh83K4pCZgWJ+2L4b9h88vCVdXQ60NO2bg==",
+      "dev": true,
+      "requires": {
+        "semver": "^6.3.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
+      }
+    },
+    "nopt": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-4.0.1.tgz",
+      "integrity": "sha1-0NRoWv1UFRk8jHUFYC0NF81kR00=",
+      "requires": {
+        "abbrev": "1",
+        "osenv": "^0.1.4"
+      }
+    },
+    "normalize-package-data": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+      "requires": {
+        "hosted-git-info": "^2.1.4",
+        "resolve": "^1.10.0",
+        "semver": "2 || 3 || 4 || 5",
+        "validate-npm-package-license": "^3.0.1"
+      }
+    },
+    "normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true
+    },
+    "normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
+      "dev": true
+    },
+    "normalize-url": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-2.0.1.tgz",
+      "integrity": "sha512-D6MUW4K/VzoJ4rJ01JFKxDrtY1v9wrgzCX5f2qj/lzH1m/lW6MhUZFKerVsnyjOhOsYzI9Kqqak+10l4LvLpMw==",
+      "requires": {
+        "prepend-http": "^2.0.0",
+        "query-string": "^5.0.1",
+        "sort-keys": "^2.0.0"
+      }
+    },
+    "npm-bundled": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.1.1.tgz",
+      "integrity": "sha512-gqkfgGePhTpAEgUsGEgcq1rqPXA+tv/aVBlgEzfXwA1yiUJF7xtEt3CtVwOjNYQOVknDk0F20w58Fnm3EtG0fA==",
+      "dev": true,
+      "requires": {
+        "npm-normalize-package-bin": "^1.0.1"
+      }
+    },
+    "npm-normalize-package-bin": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz",
+      "integrity": "sha512-EPfafl6JL5/rU+ot6P3gRSCpPDW5VmIzX959Ob1+ySFUuuYHWHekXpwdUZcKP5C+DS4GEtdJluwBjnsNDl+fSA==",
+      "dev": true
+    },
+    "npm-package-arg": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-6.1.1.tgz",
+      "integrity": "sha512-qBpssaL3IOZWi5vEKUKW0cO7kzLeT+EQO9W8RsLOZf76KF9E/K9+wH0C7t06HXPpaH8WH5xF1MExLuCwbTqRUg==",
+      "requires": {
+        "hosted-git-info": "^2.7.1",
+        "osenv": "^0.1.5",
+        "semver": "^5.6.0",
+        "validate-npm-package-name": "^3.0.0"
+      }
+    },
+    "npm-packlist": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-1.4.8.tgz",
+      "integrity": "sha512-5+AZgwru5IevF5ZdnFglB5wNlHG1AOOuw28WhUq8/8emhBmLv6jX5by4WJCh7lW0uSYZYS6DXqIsyZVIXRZU9A==",
+      "dev": true,
+      "requires": {
+        "ignore-walk": "^3.0.1",
+        "npm-bundled": "^1.0.1",
+        "npm-normalize-package-bin": "^1.0.1"
+      }
+    },
+    "npm-pick-manifest": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/npm-pick-manifest/-/npm-pick-manifest-3.0.2.tgz",
+      "integrity": "sha512-wNprTNg+X5nf+tDi+hbjdHhM4bX+mKqv6XmPh7B5eG+QY9VARfQPfCEH013H5GqfNj6ee8Ij2fg8yk0mzps1Vw==",
+      "dev": true,
+      "requires": {
+        "figgy-pudding": "^3.5.1",
+        "npm-package-arg": "^6.0.0",
+        "semver": "^5.4.1"
+      }
+    },
+    "npm-registry-client": {
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/npm-registry-client/-/npm-registry-client-8.6.0.tgz",
+      "integrity": "sha512-Qs6P6nnopig+Y8gbzpeN/dkt+n7IyVd8f45NTMotGk6Qo7GfBmzwYx6jRLoOOgKiMnaQfYxsuyQlD8Mc3guBhg==",
+      "requires": {
+        "concat-stream": "^1.5.2",
+        "graceful-fs": "^4.1.6",
+        "normalize-package-data": "~1.0.1 || ^2.0.0",
+        "npm-package-arg": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0",
+        "npmlog": "2 || ^3.1.0 || ^4.0.0",
+        "once": "^1.3.3",
+        "request": "^2.74.0",
+        "retry": "^0.10.0",
+        "safe-buffer": "^5.1.1",
+        "semver": "2 >=2.2.1 || 3.x || 4 || 5",
+        "slide": "^1.1.3",
+        "ssri": "^5.2.4"
+      }
+    },
+    "npm-registry-fetch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-4.0.3.tgz",
+      "integrity": "sha512-WGvUx0lkKFhu9MbiGFuT9nG2NpfQ+4dCJwRwwtK2HK5izJEvwDxMeUyqbuMS7N/OkpVCqDorV6rO5E4V9F8lJw==",
+      "dev": true,
+      "requires": {
+        "JSONStream": "^1.3.4",
+        "bluebird": "^3.5.1",
+        "figgy-pudding": "^3.4.1",
+        "lru-cache": "^5.1.1",
+        "make-fetch-happen": "^5.0.0",
+        "npm-package-arg": "^6.1.0",
+        "safe-buffer": "^5.2.0"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+          "dev": true,
+          "requires": {
+            "yallist": "^3.0.2"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
+          "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==",
+          "dev": true
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+          "dev": true
+        }
+      }
+    },
+    "npm-run-path": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+      "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=",
+      "requires": {
+        "path-key": "^2.0.0"
+      }
+    },
+    "npmconf": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/npmconf/-/npmconf-2.1.3.tgz",
+      "integrity": "sha512-iTK+HI68GceCoGOHAQiJ/ik1iDfI7S+cgyG8A+PP18IU3X83kRhQIRhAUNj4Bp2JMx6Zrt5kCiozYa9uGWTjhA==",
+      "requires": {
+        "config-chain": "~1.1.8",
+        "inherits": "~2.0.0",
+        "ini": "^1.2.0",
+        "mkdirp": "^0.5.0",
+        "nopt": "~3.0.1",
+        "once": "~1.3.0",
+        "osenv": "^0.1.0",
+        "safe-buffer": "^5.1.1",
+        "semver": "2 || 3 || 4",
+        "uid-number": "0.0.5"
+      },
+      "dependencies": {
+        "nopt": {
+          "version": "3.0.6",
+          "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz",
+          "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=",
+          "requires": {
+            "abbrev": "1"
+          }
+        },
+        "once": {
+          "version": "1.3.3",
+          "resolved": "https://registry.npmjs.org/once/-/once-1.3.3.tgz",
+          "integrity": "sha1-suJhVXzkwxTsgwTz+oJmPkKXyiA=",
+          "requires": {
+            "wrappy": "1"
+          }
+        },
+        "semver": {
+          "version": "4.3.6",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-4.3.6.tgz",
+          "integrity": "sha1-MAvG4OhjdPe6YQaLWx7NV/xlMto="
+        }
+      }
+    },
+    "npmlog": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
+      "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
+      "requires": {
+        "are-we-there-yet": "~1.1.2",
+        "console-control-strings": "~1.1.0",
+        "gauge": "~2.7.3",
+        "set-blocking": "~2.0.0"
+      }
+    },
+    "nth-check": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
+      "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
+      "dev": true,
+      "requires": {
+        "boolbase": "~1.0.0"
+      }
+    },
+    "num2fraction": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
+      "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=",
+      "dev": true
+    },
+    "number-is-nan": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
+      "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0="
+    },
+    "oauth-sign": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
+      "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ=="
+    },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
+    },
+    "object-component": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/object-component/-/object-component-0.0.3.tgz",
+      "integrity": "sha1-8MaapQ78lbhmwYb0AKM3acsvEpE=",
+      "dev": true
+    },
+    "object-copy": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
+      "integrity": "sha1-fn2Fi3gb18mRpBupde04EnVOmYw=",
+      "dev": true,
+      "requires": {
+        "copy-descriptor": "^0.1.0",
+        "define-property": "^0.2.5",
+        "kind-of": "^3.0.3"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        },
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "object-inspect": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.7.0.tgz",
+      "integrity": "sha512-a7pEHdh1xKIAgTySUGgLMx/xwDZskN1Ud6egYYN3EdRW4ZMPNEDUTF+hwy2LUC+Bl+SyLXANnwz/jyh/qutKUw=="
+    },
+    "object-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.0.2.tgz",
+      "integrity": "sha512-Epah+btZd5wrrfjkJZq1AOB9O6OxUQto45hzFd7lXGrpHPGE0W1k+426yrZV+k6NJOzLNNW/nVsmZdIWsAqoOQ=="
+    },
+    "object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA=="
+    },
+    "object-visit": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
+      "integrity": "sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=",
+      "dev": true,
+      "requires": {
+        "isobject": "^3.0.0"
+      }
+    },
+    "object.assign": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.0.tgz",
+      "integrity": "sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==",
+      "requires": {
+        "define-properties": "^1.1.2",
+        "function-bind": "^1.1.1",
+        "has-symbols": "^1.0.0",
+        "object-keys": "^1.0.11"
+      }
+    },
+    "object.getownpropertydescriptors": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.0.tgz",
+      "integrity": "sha512-Z53Oah9A3TdLoblT7VKJaTDdXdT+lQO+cNpKVnya5JDe9uLvzu1YyY1yFDFrcxrlRgWrEFH0jJtD/IbuwjcEVg==",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.0-next.1"
+      }
+    },
+    "object.pick": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
+      "integrity": "sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=",
+      "dev": true,
+      "requires": {
+        "isobject": "^3.0.1"
+      }
+    },
+    "object.values": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.1.tgz",
+      "integrity": "sha512-WTa54g2K8iu0kmS/us18jEmdv1a4Wi//BZ/DTVYEcH0XhLM5NYdpDHja3gt57VrZLcNAO2WGA+KpWsDBaHt6eA==",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.0-next.1",
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3"
+      }
+    },
+    "objectpath": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/objectpath/-/objectpath-2.0.0.tgz",
+      "integrity": "sha512-IWH9JOBUJz4HHBtXm1qqwoPiDAB8Qp+ZBE4PpXsOlXVEnxGa+fAgfAZFwN6L1cUYvzPpFeJ1HsY1WAhoOqQq7Q=="
+    },
+    "obuf": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
+      "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
+      "dev": true
+    },
+    "on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
+      "dev": true,
+      "requires": {
+        "ee-first": "1.1.1"
+      }
+    },
+    "on-headers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
+      "dev": true
+    },
+    "once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "requires": {
+        "wrappy": "1"
+      }
+    },
+    "onetime": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.0.tgz",
+      "integrity": "sha512-5NcSkPHhwTVFIQN+TUqXoS5+dlElHXdpAWu9I0HP20YOtIi+aZ0Ct82jdlILDxjLEAWwvm+qj1m6aEtsDVmm6Q==",
+      "dev": true,
+      "requires": {
+        "mimic-fn": "^2.1.0"
+      }
+    },
+    "open": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/open/-/open-7.0.0.tgz",
+      "integrity": "sha512-K6EKzYqnwQzk+/dzJAQSBORub3xlBTxMz+ntpZpH/LyCa1o6KjXhuN+2npAaI9jaSmU3R1Q8NWf4KUWcyytGsQ==",
+      "dev": true,
+      "requires": {
+        "is-wsl": "^2.1.0"
+      }
+    },
+    "opn": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/opn/-/opn-5.5.0.tgz",
+      "integrity": "sha512-PqHpggC9bLV0VeWcdKhkpxY+3JTzetLSqTCWL/z/tFIbI6G8JCjondXklT1JinczLz2Xib62sSp0T/gKT4KksA==",
+      "dev": true,
+      "requires": {
+        "is-wsl": "^1.1.0"
+      },
+      "dependencies": {
+        "is-wsl": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz",
+          "integrity": "sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=",
+          "dev": true
+        }
+      }
+    },
+    "optimist": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
+      "integrity": "sha1-2j6nRob6IaGaERwybpDrFaAZZoY=",
+      "requires": {
+        "minimist": "~0.0.1",
+        "wordwrap": "~0.0.2"
+      },
+      "dependencies": {
+        "minimist": {
+          "version": "0.0.10",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz",
+          "integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8="
+        }
+      }
+    },
+    "ora": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/ora/-/ora-4.0.2.tgz",
+      "integrity": "sha512-YUOZbamht5mfLxPmk4M35CD/5DuOkAacxlEUbStVXpBAt4fyhBf+vZHI/HRkI++QUp3sNoeA2Gw4C+hi4eGSig==",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.4.2",
+        "cli-cursor": "^3.1.0",
+        "cli-spinners": "^2.2.0",
+        "is-interactive": "^1.0.0",
+        "log-symbols": "^3.0.0",
+        "strip-ansi": "^5.2.0",
+        "wcwidth": "^1.0.1"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
+          "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^4.1.0"
+          }
+        }
+      }
+    },
+    "original": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/original/-/original-1.0.2.tgz",
+      "integrity": "sha512-hyBVl6iqqUOJ8FqRe+l/gS8H+kKYjrEndd5Pm1MfBtsEKA038HkkdbAl/72EAXGyonD/PFsvmVG+EvcIpliMBg==",
+      "dev": true,
+      "requires": {
+        "url-parse": "^1.4.3"
+      }
+    },
+    "os-browserify": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
+      "integrity": "sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=",
+      "dev": true
+    },
+    "os-homedir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+      "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M="
+    },
+    "os-locale": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.1.0.tgz",
+      "integrity": "sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==",
+      "dev": true,
+      "requires": {
+        "execa": "^1.0.0",
+        "lcid": "^2.0.0",
+        "mem": "^4.0.0"
+      },
+      "dependencies": {
+        "cross-spawn": {
+          "version": "6.0.5",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+          "dev": true,
+          "requires": {
+            "nice-try": "^1.0.4",
+            "path-key": "^2.0.1",
+            "semver": "^5.5.0",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          }
+        },
+        "execa": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
+          "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==",
+          "dev": true,
+          "requires": {
+            "cross-spawn": "^6.0.0",
+            "get-stream": "^4.0.0",
+            "is-stream": "^1.1.0",
+            "npm-run-path": "^2.0.0",
+            "p-finally": "^1.0.0",
+            "signal-exit": "^3.0.0",
+            "strip-eof": "^1.0.0"
+          }
+        },
+        "get-stream": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+          "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+          "dev": true,
+          "requires": {
+            "pump": "^3.0.0"
+          }
+        }
+      }
+    },
+    "os-tmpdir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+      "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ="
+    },
+    "osenv": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz",
+      "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==",
+      "requires": {
+        "os-homedir": "^1.0.0",
+        "os-tmpdir": "^1.0.0"
+      }
+    },
+    "p-cancelable": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-0.4.1.tgz",
+      "integrity": "sha512-HNa1A8LvB1kie7cERyy21VNeHb2CWJJYqyyC2o3klWFfMGlFmWv2Z7sFgZH8ZiaYL95ydToKTFVXgMV/Os0bBQ=="
+    },
+    "p-defer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz",
+      "integrity": "sha1-n26xgvbJqozXQwBKfU+WsZaw+ww=",
+      "dev": true
+    },
+    "p-finally": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+      "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4="
+    },
+    "p-is-promise": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
+      "integrity": "sha1-nJRWmJ6fZYgBewQ01WCXZ1w9oF4="
+    },
+    "p-limit": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+      "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+      "requires": {
+        "p-try": "^1.0.0"
+      }
+    },
+    "p-locate": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+      "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+      "requires": {
+        "p-limit": "^1.1.0"
+      }
+    },
+    "p-map": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-3.0.0.tgz",
+      "integrity": "sha512-d3qXVTF/s+W+CdJ5A29wywV2n8CQQYahlgz2bFiA+4eVNJbHJodPZ+/gXwPGh0bOqA+j8S+6+ckmvLGPk1QpxQ==",
+      "dev": true,
+      "requires": {
+        "aggregate-error": "^3.0.0"
+      }
+    },
+    "p-reduce": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-reduce/-/p-reduce-1.0.0.tgz",
+      "integrity": "sha1-GMKw3ZNqRpClKfgjH1ig/bakffo="
+    },
+    "p-retry": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-1.0.0.tgz",
+      "integrity": "sha1-OSczKkt9cCabU1UVEX/FR9oaaWg=",
+      "requires": {
+        "retry": "^0.10.0"
+      }
+    },
+    "p-series": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/p-series/-/p-series-1.1.0.tgz",
+      "integrity": "sha512-356covArc9UCfj2twY/sxCJKGMzzO+pJJtucizsPC6aS1xKSTBc9PQrQhvFR3+7F+fa2KBKdJjdIcv6NEWDcIQ==",
+      "requires": {
+        "@sindresorhus/is": "^0.7.0",
+        "p-reduce": "^1.0.0"
+      }
+    },
+    "p-timeout": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-2.0.1.tgz",
+      "integrity": "sha512-88em58dDVB/KzPEx1X0N3LwFfYZPyDc4B6eF38M1rk9VTZMbxXXgjugz8mmwpS9Ox4BDZ+t6t3QP5+/gazweIA==",
+      "requires": {
+        "p-finally": "^1.0.0"
+      }
+    },
+    "p-try": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+      "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M="
+    },
+    "pacote": {
+      "version": "9.5.8",
+      "resolved": "https://registry.npmjs.org/pacote/-/pacote-9.5.8.tgz",
+      "integrity": "sha512-0Tl8Oi/K0Lo4MZmH0/6IsT3gpGf9eEAznLXEQPKgPq7FscnbUOyopnVpwXlnQdIbCUaojWy1Wd7VMyqfVsRrIw==",
+      "dev": true,
+      "requires": {
+        "bluebird": "^3.5.3",
+        "cacache": "^12.0.2",
+        "chownr": "^1.1.2",
+        "figgy-pudding": "^3.5.1",
+        "get-stream": "^4.1.0",
+        "glob": "^7.1.3",
+        "infer-owner": "^1.0.4",
+        "lru-cache": "^5.1.1",
+        "make-fetch-happen": "^5.0.0",
+        "minimatch": "^3.0.4",
+        "minipass": "^2.3.5",
+        "mississippi": "^3.0.0",
+        "mkdirp": "^0.5.1",
+        "normalize-package-data": "^2.4.0",
+        "npm-package-arg": "^6.1.0",
+        "npm-packlist": "^1.1.12",
+        "npm-pick-manifest": "^3.0.0",
+        "npm-registry-fetch": "^4.0.0",
+        "osenv": "^0.1.5",
+        "promise-inflight": "^1.0.1",
+        "promise-retry": "^1.1.1",
+        "protoduck": "^5.0.1",
+        "rimraf": "^2.6.2",
+        "safe-buffer": "^5.1.2",
+        "semver": "^5.6.0",
+        "ssri": "^6.0.1",
+        "tar": "^4.4.10",
+        "unique-filename": "^1.1.1",
+        "which": "^1.3.1"
+      },
+      "dependencies": {
+        "cacache": {
+          "version": "12.0.3",
+          "resolved": "https://registry.npmjs.org/cacache/-/cacache-12.0.3.tgz",
+          "integrity": "sha512-kqdmfXEGFepesTuROHMs3MpFLWrPkSSpRqOw80RCflZXy/khxaArvFrQ7uJxSUduzAufc6G0g1VUCOZXxWavPw==",
+          "dev": true,
+          "requires": {
+            "bluebird": "^3.5.5",
+            "chownr": "^1.1.1",
+            "figgy-pudding": "^3.5.1",
+            "glob": "^7.1.4",
+            "graceful-fs": "^4.1.15",
+            "infer-owner": "^1.0.3",
+            "lru-cache": "^5.1.1",
+            "mississippi": "^3.0.0",
+            "mkdirp": "^0.5.1",
+            "move-concurrently": "^1.0.1",
+            "promise-inflight": "^1.0.1",
+            "rimraf": "^2.6.3",
+            "ssri": "^6.0.1",
+            "unique-filename": "^1.1.1",
+            "y18n": "^4.0.0"
+          }
+        },
+        "get-stream": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+          "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+          "dev": true,
+          "requires": {
+            "pump": "^3.0.0"
+          }
+        },
+        "lru-cache": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+          "dev": true,
+          "requires": {
+            "yallist": "^3.0.2"
+          }
+        },
+        "minipass": {
+          "version": "2.9.0",
+          "resolved": "https://registry.npmjs.org/minipass/-/minipass-2.9.0.tgz",
+          "integrity": "sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "^5.1.2",
+            "yallist": "^3.0.0"
+          }
+        },
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "ssri": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz",
+          "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==",
+          "dev": true,
+          "requires": {
+            "figgy-pudding": "^3.5.1"
+          }
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+          "dev": true
+        }
+      }
+    },
+    "pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "dev": true
+    },
+    "parallel-transform": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/parallel-transform/-/parallel-transform-1.2.0.tgz",
+      "integrity": "sha512-P2vSmIu38uIlvdcU7fDkyrxj33gTUy/ABO5ZUbGowxNCopBq/OoD42bP4UmMrJoPyk4Uqf0mu3mtWBhHCZD8yg==",
+      "dev": true,
+      "requires": {
+        "cyclist": "^1.0.1",
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.1.5"
+      }
+    },
+    "parse-asn1": {
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.5.tgz",
+      "integrity": "sha512-jkMYn1dcJqF6d5CpU689bq7w/b5ALS9ROVSpQDPrZsqqesUJii9qutvoT5ltGedNXMO2e16YUWIghG9KxaViTQ==",
+      "dev": true,
+      "requires": {
+        "asn1.js": "^4.0.0",
+        "browserify-aes": "^1.0.0",
+        "create-hash": "^1.1.0",
+        "evp_bytestokey": "^1.0.0",
+        "pbkdf2": "^3.0.3",
+        "safe-buffer": "^5.1.1"
+      }
+    },
+    "parse-github-repo-url": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/parse-github-repo-url/-/parse-github-repo-url-1.4.1.tgz",
+      "integrity": "sha1-nn2LslKmy2ukJZUGC3v23z28H1A="
+    },
+    "parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
+      "requires": {
+        "error-ex": "^1.3.1",
+        "json-parse-better-errors": "^1.0.1"
+      }
+    },
+    "parse5": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.1.tgz",
+      "integrity": "sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==",
+      "optional": true
+    },
+    "parseqs": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/parseqs/-/parseqs-0.0.5.tgz",
+      "integrity": "sha1-1SCKNzjkZ2bikbouoXNoSSGouJ0=",
+      "dev": true,
+      "requires": {
+        "better-assert": "~1.0.0"
+      }
+    },
+    "parseuri": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/parseuri/-/parseuri-0.0.5.tgz",
+      "integrity": "sha1-gCBKUNTbt3m/3G6+J3jZDkvOMgo=",
+      "dev": true,
+      "requires": {
+        "better-assert": "~1.0.0"
+      }
+    },
+    "parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "dev": true
+    },
+    "pascalcase": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
+      "integrity": "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=",
+      "dev": true
+    },
+    "path-browserify": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-0.0.1.tgz",
+      "integrity": "sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==",
+      "dev": true
+    },
+    "path-dirname": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
+      "integrity": "sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=",
+      "dev": true
+    },
+    "path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU="
+    },
+    "path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
+    },
+    "path-is-inside": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+      "integrity": "sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=",
+      "dev": true
+    },
+    "path-key": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A="
+    },
+    "path-object": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/path-object/-/path-object-2.3.0.tgz",
+      "integrity": "sha1-A+RmU+XDdcYK8cq92UvGRIpdkRA=",
+      "requires": {
+        "core-util-is": "^1.0.1",
+        "lodash.assign": "^3.0.0"
+      }
+    },
+    "path-parse": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
+      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw=="
+    },
+    "path-to-regexp": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=",
+      "dev": true
+    },
+    "path-type": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
+      "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
+      "requires": {
+        "pify": "^3.0.0"
+      }
+    },
+    "pbkdf2": {
+      "version": "3.0.17",
+      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.0.17.tgz",
+      "integrity": "sha512-U/il5MsrZp7mGg3mSQfn742na2T+1/vHDCG5/iTI3X9MKUuYUZVLQhyRsg06mCgDBTd57TxzgZt7P+fYfjRLtA==",
+      "dev": true,
+      "requires": {
+        "create-hash": "^1.1.2",
+        "create-hmac": "^1.1.4",
+        "ripemd160": "^2.0.1",
+        "safe-buffer": "^5.0.1",
+        "sha.js": "^2.4.8"
+      }
+    },
+    "performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns="
+    },
+    "picomatch": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.1.tgz",
+      "integrity": "sha512-ISBaA8xQNmwELC7eOjqFKMESB2VIqt4PPDD0nsS95b/9dZXvVKOlz9keMSnoGGKcOHXfTvDD6WMaRoSc9UuhRA==",
+      "dev": true
+    },
+    "pify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+      "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY="
+    },
+    "pinkie": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
+      "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA="
+    },
+    "pinkie-promise": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
+      "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
+      "requires": {
+        "pinkie": "^2.0.0"
+      }
+    },
+    "pkg-dir": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz",
+      "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==",
+      "dev": true,
+      "requires": {
+        "find-up": "^3.0.0"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+          "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^3.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+          "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^3.0.0",
+            "path-exists": "^3.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "2.2.2",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.2.tgz",
+          "integrity": "sha512-WGR+xHecKTr7EbUEhyLSh5Dube9JtdiG78ufaeLxTgpudf/20KqyMioIUZJAezlTIi6evxuoUs9YXc11cU+yzQ==",
+          "dev": true,
+          "requires": {
+            "p-try": "^2.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+          "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.0.0"
+          }
+        },
+        "p-try": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+          "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+          "dev": true
+        }
+      }
+    },
+    "popper.js": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
+      "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ=="
+    },
+    "portfinder": {
+      "version": "1.0.25",
+      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.25.tgz",
+      "integrity": "sha512-6ElJnHBbxVA1XSLgBp7G1FiCkQdlqGzuF7DswL5tcea+E8UpuvPU7beVAjjRwCioTS9ZluNbu+ZyRvgTsmqEBg==",
+      "dev": true,
+      "requires": {
+        "async": "^2.6.2",
+        "debug": "^3.1.1",
+        "mkdirp": "^0.5.1"
+      },
+      "dependencies": {
+        "async": {
+          "version": "2.6.3",
+          "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
+          "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
+          "dev": true,
+          "requires": {
+            "lodash": "^4.17.14"
+          }
+        }
+      }
+    },
+    "posix-character-classes": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
+      "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=",
+      "dev": true
+    },
+    "postcss": {
+      "version": "7.0.21",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.21.tgz",
+      "integrity": "sha512-uIFtJElxJo29QC753JzhidoAhvp/e/Exezkdhfmt8AymWT6/5B7W1WmponYWkHk2eg6sONyTch0A3nkMPun3SQ==",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.4.2",
+        "source-map": "^0.6.1",
+        "supports-color": "^6.1.0"
+      },
+      "dependencies": {
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "postcss-calc": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-7.0.2.tgz",
+      "integrity": "sha512-rofZFHUg6ZIrvRwPeFktv06GdbDYLcGqh9EwiMutZg+a0oePCCw1zHOEiji6LCpyRcjTREtPASuUqeAvYlEVvQ==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.27",
+        "postcss-selector-parser": "^6.0.2",
+        "postcss-value-parser": "^4.0.2"
+      },
+      "dependencies": {
+        "postcss": {
+          "version": "7.0.27",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.27.tgz",
+          "integrity": "sha512-WuQETPMcW9Uf1/22HWUWP9lgsIC+KEHg2kozMflKjbeUtw9ujvFX6QmIfozaErDkmLWS9WEnEdEe6Uo9/BNTdQ==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2",
+            "source-map": "^0.6.1",
+            "supports-color": "^6.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "postcss-colormin": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-4.0.3.tgz",
+      "integrity": "sha512-WyQFAdDZpExQh32j0U0feWisZ0dmOtPl44qYmJKkq9xFWY3p+4qnRzCHeNrkeRhwPHz9bQ3mo0/yVkaply0MNw==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "color": "^3.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-convert-values": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-4.0.1.tgz",
+      "integrity": "sha512-Kisdo1y77KUC0Jmn0OXU/COOJbzM8cImvw1ZFsBgBgMgb1iL23Zs/LXRe3r+EZqM3vGYKdQ2YJVQ5VkJI+zEJQ==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-discard-comments": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-4.0.2.tgz",
+      "integrity": "sha512-RJutN259iuRf3IW7GZyLM5Sw4GLTOH8FmsXBnv8Ab/Tc2k4SR4qbV4DNbyyY4+Sjo362SyDmW2DQ7lBSChrpkg==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-discard-duplicates": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-4.0.2.tgz",
+      "integrity": "sha512-ZNQfR1gPNAiXZhgENFfEglF93pciw0WxMkJeVmw8eF+JZBbMD7jp6C67GqJAXVZP2BWbOztKfbsdmMp/k8c6oQ==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-discard-empty": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-4.0.1.tgz",
+      "integrity": "sha512-B9miTzbznhDjTfjvipfHoqbWKwd0Mj+/fL5s1QOz06wufguil+Xheo4XpOnc4NqKYBCNqqEzgPv2aPBIJLox0w==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-discard-overridden": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-4.0.1.tgz",
+      "integrity": "sha512-IYY2bEDD7g1XM1IDEsUT4//iEYCxAmP5oDSFMVU/JVvT7gh+l4fmjciLqGgwjdWpQIdb0Che2VX00QObS5+cTg==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-import": {
+      "version": "12.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-12.0.1.tgz",
+      "integrity": "sha512-3Gti33dmCjyKBgimqGxL3vcV8w9+bsHwO5UrBawp796+jdardbcFl4RP5w/76BwNL7aGzpKstIfF9I+kdE8pTw==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.1",
+        "postcss-value-parser": "^3.2.3",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-load-config": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.0.tgz",
+      "integrity": "sha512-4pV3JJVPLd5+RueiVVB+gFOAa7GWc25XQcMp86Zexzke69mKf6Nx9LRcQywdz7yZI9n1udOxmLuAwTBypypF8Q==",
+      "dev": true,
+      "requires": {
+        "cosmiconfig": "^5.0.0",
+        "import-cwd": "^2.0.0"
+      }
+    },
+    "postcss-loader": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-3.0.0.tgz",
+      "integrity": "sha512-cLWoDEY5OwHcAjDnkyRQzAXfs2jrKjXpO/HQFcc5b5u/r7aa471wdmChmwfnv7x2u840iat/wi0lQ5nbRgSkUA==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.1.0",
+        "postcss": "^7.0.0",
+        "postcss-load-config": "^2.0.0",
+        "schema-utils": "^1.0.0"
+      }
+    },
+    "postcss-merge-longhand": {
+      "version": "4.0.11",
+      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-4.0.11.tgz",
+      "integrity": "sha512-alx/zmoeXvJjp7L4mxEMjh8lxVlDFX1gqWHzaaQewwMZiVhLo42TEClKaeHbRf6J7j82ZOdTJ808RtN0ZOZwvw==",
+      "dev": true,
+      "requires": {
+        "css-color-names": "0.0.4",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0",
+        "stylehacks": "^4.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-merge-rules": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-4.0.3.tgz",
+      "integrity": "sha512-U7e3r1SbvYzO0Jr3UT/zKBVgYYyhAz0aitvGIYOYK5CPmkNih+WDSsS5tvPrJ8YMQYlEMvsZIiqmn7HdFUaeEQ==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "caniuse-api": "^3.0.0",
+        "cssnano-util-same-parent": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-selector-parser": "^3.0.0",
+        "vendors": "^1.0.0"
+      },
+      "dependencies": {
+        "dot-prop": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.2.0.tgz",
+          "integrity": "sha512-uEUyaDKoSQ1M4Oq8l45hSE26SnTxL6snNnqvK/VWx5wJhmff5z0FUVJDKDanor/6w3kzE3i7XZOk+7wC0EXr1A==",
+          "dev": true,
+          "requires": {
+            "is-obj": "^2.0.0"
+          }
+        },
+        "is-obj": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
+          "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==",
+          "dev": true
+        },
+        "postcss-selector-parser": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
+          "integrity": "sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==",
+          "dev": true,
+          "requires": {
+            "dot-prop": "^5.2.0",
+            "indexes-of": "^1.0.1",
+            "uniq": "^1.0.1"
+          }
+        }
+      }
+    },
+    "postcss-minify-font-values": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-4.0.2.tgz",
+      "integrity": "sha512-j85oO6OnRU9zPf04+PZv1LYIYOprWm6IA6zkXkrJXyRveDEuQggG6tvoy8ir8ZwjLxLuGfNkCZEQG7zan+Hbtg==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-minify-gradients": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-4.0.2.tgz",
+      "integrity": "sha512-qKPfwlONdcf/AndP1U8SJ/uzIJtowHlMaSioKzebAXSG4iJthlWC9iSWznQcX4f66gIWX44RSA841HTHj3wK+Q==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-arguments": "^4.0.0",
+        "is-color-stop": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-minify-params": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-4.0.2.tgz",
+      "integrity": "sha512-G7eWyzEx0xL4/wiBBJxJOz48zAKV2WG3iZOqVhPet/9geefm/Px5uo1fzlHu+DOjT+m0Mmiz3jkQzVHe6wxAWg==",
+      "dev": true,
+      "requires": {
+        "alphanum-sort": "^1.0.0",
+        "browserslist": "^4.0.0",
+        "cssnano-util-get-arguments": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0",
+        "uniqs": "^2.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-minify-selectors": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-4.0.2.tgz",
+      "integrity": "sha512-D5S1iViljXBj9kflQo4YutWnJmwm8VvIsU1GeXJGiG9j8CIg9zs4voPMdQDUmIxetUOh60VilsNzCiAFTOqu3g==",
+      "dev": true,
+      "requires": {
+        "alphanum-sort": "^1.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-selector-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "dot-prop": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.2.0.tgz",
+          "integrity": "sha512-uEUyaDKoSQ1M4Oq8l45hSE26SnTxL6snNnqvK/VWx5wJhmff5z0FUVJDKDanor/6w3kzE3i7XZOk+7wC0EXr1A==",
+          "dev": true,
+          "requires": {
+            "is-obj": "^2.0.0"
+          }
+        },
+        "is-obj": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
+          "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==",
+          "dev": true
+        },
+        "postcss-selector-parser": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
+          "integrity": "sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==",
+          "dev": true,
+          "requires": {
+            "dot-prop": "^5.2.0",
+            "indexes-of": "^1.0.1",
+            "uniq": "^1.0.1"
+          }
+        }
+      }
+    },
+    "postcss-normalize-charset": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-4.0.1.tgz",
+      "integrity": "sha512-gMXCrrlWh6G27U0hF3vNvR3w8I1s2wOBILvA87iNXaPvSNo5uZAMYsZG7XjCUf1eVxuPfyL4TJ7++SGZLc9A3g==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-normalize-display-values": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-4.0.2.tgz",
+      "integrity": "sha512-3F2jcsaMW7+VtRMAqf/3m4cPFhPD3EFRgNs18u+k3lTJJlVe7d0YPO+bnwqo2xg8YiRpDXJI2u8A0wqJxMsQuQ==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-match": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-normalize-positions": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-4.0.2.tgz",
+      "integrity": "sha512-Dlf3/9AxpxE+NF1fJxYDeggi5WwV35MXGFnnoccP/9qDtFrTArZ0D0R+iKcg5WsUd8nUYMIl8yXDCtcrT8JrdA==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-arguments": "^4.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-normalize-repeat-style": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-4.0.2.tgz",
+      "integrity": "sha512-qvigdYYMpSuoFs3Is/f5nHdRLJN/ITA7huIoCyqqENJe9PvPmLhNLMu7QTjPdtnVf6OcYYO5SHonx4+fbJE1+Q==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-arguments": "^4.0.0",
+        "cssnano-util-get-match": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-normalize-string": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-4.0.2.tgz",
+      "integrity": "sha512-RrERod97Dnwqq49WNz8qo66ps0swYZDSb6rM57kN2J+aoyEAJfZ6bMx0sx/F9TIEX0xthPGCmeyiam/jXif0eA==",
+      "dev": true,
+      "requires": {
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-normalize-timing-functions": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-4.0.2.tgz",
+      "integrity": "sha512-acwJY95edP762e++00Ehq9L4sZCEcOPyaHwoaFOhIwWCDfik6YvqsYNxckee65JHLKzuNSSmAdxwD2Cud1Z54A==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-match": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-normalize-unicode": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-4.0.1.tgz",
+      "integrity": "sha512-od18Uq2wCYn+vZ/qCOeutvHjB5jm57ToxRaMeNuf0nWVHaP9Hua56QyMF6fs/4FSUnVIw0CBPsU0K4LnBPwYwg==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-normalize-url": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-4.0.1.tgz",
+      "integrity": "sha512-p5oVaF4+IHwu7VpMan/SSpmpYxcJMtkGppYf0VbdH5B6hN8YNmVyJLuY9FmLQTzY3fag5ESUUHDqM+heid0UVA==",
+      "dev": true,
+      "requires": {
+        "is-absolute-url": "^2.0.0",
+        "normalize-url": "^3.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "normalize-url": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-3.3.0.tgz",
+          "integrity": "sha512-U+JJi7duF1o+u2pynbp2zXDW2/PADgC30f0GsHZtRh+HOcXHnw137TrNlyxxRvWW5fjKd3bcLHPxofWuCjaeZg==",
+          "dev": true
+        },
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-normalize-whitespace": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-4.0.2.tgz",
+      "integrity": "sha512-tO8QIgrsI3p95r8fyqKV+ufKlSHh9hMJqACqbv2XknufqEDhDvbguXGBBqxw9nsQoXWf0qOqppziKJKHMD4GtA==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-ordered-values": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-4.1.2.tgz",
+      "integrity": "sha512-2fCObh5UanxvSxeXrtLtlwVThBvHn6MQcu4ksNT2tsaV2Fg76R2CV98W7wNSlX+5/pFwEyaDwKLLoEV7uRybAw==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-arguments": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-reduce-initial": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-4.0.3.tgz",
+      "integrity": "sha512-gKWmR5aUulSjbzOfD9AlJiHCGH6AEVLaM0AV+aSioxUDd16qXP1PCh8d1/BGVvpdWn8k/HiK7n6TjeoXN1F7DA==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "caniuse-api": "^3.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-reduce-transforms": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-4.0.2.tgz",
+      "integrity": "sha512-EEVig1Q2QJ4ELpJXMZR8Vt5DQx8/mo+dGWSR7vWXqcob2gQLyQGsionYcGKATXvQzMPn6DSN1vTN7yFximdIAg==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-match": "^4.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-selector-parser": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz",
+      "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==",
+      "dev": true,
+      "requires": {
+        "cssesc": "^3.0.0",
+        "indexes-of": "^1.0.1",
+        "uniq": "^1.0.1"
+      }
+    },
+    "postcss-svgo": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-4.0.2.tgz",
+      "integrity": "sha512-C6wyjo3VwFm0QgBy+Fu7gCYOkCmgmClghO+pjcxvrcBKtiKt0uCF+hvbMO1fyv5BMImRK90SMb+dwUnfbGd+jw==",
+      "dev": true,
+      "requires": {
+        "is-svg": "^3.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0",
+        "svgo": "^1.0.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-unique-selectors": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-4.0.1.tgz",
+      "integrity": "sha512-+JanVaryLo9QwZjKrmJgkI4Fn8SBgRO6WXQBJi7KiAVPlmxikB5Jzc4EvXMT2H0/m0RjrVVm9rGNhZddm/8Spg==",
+      "dev": true,
+      "requires": {
+        "alphanum-sort": "^1.0.0",
+        "postcss": "^7.0.0",
+        "uniqs": "^2.0.0"
+      }
+    },
+    "postcss-value-parser": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.0.3.tgz",
+      "integrity": "sha512-N7h4pG+Nnu5BEIzyeaaIYWs0LI5XC40OrRh5L60z0QjFsqGWcHcbkBvpe1WYpcIS9yQ8sOi/vIPt1ejQCrMVrg==",
+      "dev": true
+    },
+    "prepend-http": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
+      "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc="
+    },
+    "prismjs": {
+      "version": "1.19.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.19.0.tgz",
+      "integrity": "sha512-IVFtbW9mCWm9eOIaEkNyo2Vl4NnEifis2GQ7/MLRG5TQe6t+4Sj9J5QWI9i3v+SS43uZBlCAOn+zYTVYQcPXJw==",
+      "requires": {
+        "clipboard": "^2.0.0"
+      }
+    },
+    "private": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
+      "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==",
+      "dev": true
+    },
+    "process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=",
+      "dev": true
+    },
+    "process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
+    },
+    "promise": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
+      "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "asap": "~2.0.3"
+      }
+    },
+    "promise-inflight": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
+      "integrity": "sha1-mEcocL8igTL8vdhoEputEsPAKeM=",
+      "dev": true
+    },
+    "promise-retry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-1.1.1.tgz",
+      "integrity": "sha1-ZznpaOMFHaIM5kl/srUPaRHfPW0=",
+      "dev": true,
+      "requires": {
+        "err-code": "^1.0.0",
+        "retry": "^0.10.0"
+      }
+    },
+    "prop-types": {
+      "version": "15.7.2",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
+      "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
+      "requires": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.8.1"
+      }
+    },
+    "proto-list": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
+      "integrity": "sha1-IS1b/hMYMGpCD2QCuOJv85ZHqEk="
+    },
+    "protoduck": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/protoduck/-/protoduck-5.0.1.tgz",
+      "integrity": "sha512-WxoCeDCoCBY55BMvj4cAEjdVUFGRWed9ZxPlqTKYyw1nDDTQ4pqmnIMAGfJlg7Dx35uB/M+PHJPTmGOvaCaPTg==",
+      "dev": true,
+      "requires": {
+        "genfun": "^5.0.0"
+      }
+    },
+    "protractor": {
+      "version": "5.4.3",
+      "resolved": "https://registry.npmjs.org/protractor/-/protractor-5.4.3.tgz",
+      "integrity": "sha512-7pMAolv8Ah1yJIqaorDTzACtn3gk7BamVKPTeO5lqIGOrfosjPgXFx/z1dqSI+m5EeZc2GMJHPr5DYlodujDNA==",
+      "dev": true,
+      "requires": {
+        "@types/q": "^0.0.32",
+        "@types/selenium-webdriver": "^3.0.0",
+        "blocking-proxy": "^1.0.0",
+        "browserstack": "^1.5.1",
+        "chalk": "^1.1.3",
+        "glob": "^7.0.3",
+        "jasmine": "2.8.0",
+        "jasminewd2": "^2.1.0",
+        "optimist": "~0.6.0",
+        "q": "1.4.1",
+        "saucelabs": "^1.5.0",
+        "selenium-webdriver": "3.6.0",
+        "source-map-support": "~0.4.0",
+        "webdriver-js-extender": "2.1.0",
+        "webdriver-manager": "^12.0.6"
+      },
+      "dependencies": {
+        "@types/q": {
+          "version": "0.0.32",
+          "resolved": "https://registry.npmjs.org/@types/q/-/q-0.0.32.tgz",
+          "integrity": "sha1-vShOV8hPEyXacCur/IKlMoGQwMU=",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+          "dev": true
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^2.2.1",
+            "escape-string-regexp": "^1.0.2",
+            "has-ansi": "^2.0.0",
+            "strip-ansi": "^3.0.0",
+            "supports-color": "^2.0.0"
+          }
+        },
+        "del": {
+          "version": "2.2.2",
+          "resolved": "https://registry.npmjs.org/del/-/del-2.2.2.tgz",
+          "integrity": "sha1-wSyYHQZ4RshLyvhiz/kw2Qf/0ag=",
+          "dev": true,
+          "requires": {
+            "globby": "^5.0.0",
+            "is-path-cwd": "^1.0.0",
+            "is-path-in-cwd": "^1.0.0",
+            "object-assign": "^4.0.1",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0",
+            "rimraf": "^2.2.8"
+          }
+        },
+        "globby": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-5.0.0.tgz",
+          "integrity": "sha1-69hGZ8oNuzMLmbz8aOrCvFQ3Dg0=",
+          "dev": true,
+          "requires": {
+            "array-union": "^1.0.1",
+            "arrify": "^1.0.0",
+            "glob": "^7.0.3",
+            "object-assign": "^4.0.1",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0"
+          }
+        },
+        "is-path-cwd": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-1.0.0.tgz",
+          "integrity": "sha1-0iXsIxMuie3Tj9p2dHLmLmXxEG0=",
+          "dev": true
+        },
+        "is-path-in-cwd": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-1.0.1.tgz",
+          "integrity": "sha512-FjV1RTW48E7CWM7eE/J2NJvAEEVektecDBVBE5Hh3nM1Jd0kvhHtX68Pr3xsDf857xt3Y4AkwVULK1Vku62aaQ==",
+          "dev": true,
+          "requires": {
+            "is-path-inside": "^1.0.0"
+          }
+        },
+        "is-path-inside": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-1.0.1.tgz",
+          "integrity": "sha1-jvW33lBDej/cprToZe96pVy0gDY=",
+          "dev": true,
+          "requires": {
+            "path-is-inside": "^1.0.1"
+          }
+        },
+        "pify": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+          "dev": true
+        },
+        "q": {
+          "version": "1.4.1",
+          "resolved": "https://registry.npmjs.org/q/-/q-1.4.1.tgz",
+          "integrity": "sha1-VXBbzZPF82c1MMLCy8DCs63cKG4=",
+          "dev": true
+        },
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        },
+        "source-map-support": {
+          "version": "0.4.18",
+          "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.4.18.tgz",
+          "integrity": "sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==",
+          "dev": true,
+          "requires": {
+            "source-map": "^0.5.6"
+          }
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+          "dev": true
+        },
+        "webdriver-manager": {
+          "version": "12.1.7",
+          "resolved": "https://registry.npmjs.org/webdriver-manager/-/webdriver-manager-12.1.7.tgz",
+          "integrity": "sha512-XINj6b8CYuUYC93SG3xPkxlyUc3IJbD6Vvo75CVGuG9uzsefDzWQrhz0Lq8vbPxtb4d63CZdYophF8k8Or/YiA==",
+          "dev": true,
+          "requires": {
+            "adm-zip": "^0.4.9",
+            "chalk": "^1.1.1",
+            "del": "^2.2.0",
+            "glob": "^7.0.3",
+            "ini": "^1.3.4",
+            "minimist": "^1.2.0",
+            "q": "^1.4.1",
+            "request": "^2.87.0",
+            "rimraf": "^2.5.2",
+            "semver": "^5.3.0",
+            "xml2js": "^0.4.17"
+          }
+        }
+      }
+    },
+    "proxy-addr": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.5.tgz",
+      "integrity": "sha512-t/7RxHXPH6cJtP0pRG6smSr9QJidhB+3kXu0KgXnbGYMgzEnUxRQ4/LDdfOwZEMyIh3/xHb8PX3t+lfL9z+YVQ==",
+      "dev": true,
+      "requires": {
+        "forwarded": "~0.1.2",
+        "ipaddr.js": "1.9.0"
+      }
+    },
+    "prr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+      "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=",
+      "dev": true
+    },
+    "pseudomap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
+      "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM="
+    },
+    "psl": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.7.0.tgz",
+      "integrity": "sha512-5NsSEDv8zY70ScRnOTn7bK7eanl2MvFrOrS/R6x+dBt5g1ghnj9Zv90kO8GwT8gxcu2ANyFprnFYB85IogIJOQ=="
+    },
+    "public-encrypt": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
+      "integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.0",
+        "browserify-rsa": "^4.0.0",
+        "create-hash": "^1.1.0",
+        "parse-asn1": "^5.0.0",
+        "randombytes": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "pumpify": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-1.5.1.tgz",
+      "integrity": "sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==",
+      "dev": true,
+      "requires": {
+        "duplexify": "^3.6.0",
+        "inherits": "^2.0.3",
+        "pump": "^2.0.0"
+      },
+      "dependencies": {
+        "pump": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz",
+          "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==",
+          "dev": true,
+          "requires": {
+            "end-of-stream": "^1.1.0",
+            "once": "^1.3.1"
+          }
+        }
+      }
+    },
+    "punycode": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.3.2.tgz",
+      "integrity": "sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0="
+    },
+    "q": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
+      "integrity": "sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc="
+    },
+    "qjobs": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/qjobs/-/qjobs-1.2.0.tgz",
+      "integrity": "sha512-8YOJEHtxpySA3fFDyCRxA+UUV+fA+rTWnuWvylOK/NCjhY+b4ocCtmu8TtsWb+mYeU+GCHf/S66KZF/AsteKHg==",
+      "dev": true
+    },
+    "qs": {
+      "version": "6.5.2",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
+      "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA=="
+    },
+    "query-string": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/query-string/-/query-string-5.1.1.tgz",
+      "integrity": "sha512-gjWOsm2SoGlgLEdAGt7a6slVOk9mGiXmPFMqrEhLQ68rhQuBnpfs3+EmlvqKyxnCo9/PPlF+9MtY02S1aFg+Jw==",
+      "requires": {
+        "decode-uri-component": "^0.2.0",
+        "object-assign": "^4.1.0",
+        "strict-uri-encode": "^1.0.0"
+      }
+    },
+    "querystring": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
+      "integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA="
+    },
+    "querystring-es3": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
+      "integrity": "sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=",
+      "dev": true
+    },
+    "querystringify": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.1.1.tgz",
+      "integrity": "sha512-w7fLxIRCRT7U8Qu53jQnJyPkYZIaR4n5151KMfcJlO/A9397Wxb1amJvROTK6TOnp7PfoAmg/qXiNHI+08jRfA==",
+      "dev": true
+    },
+    "quick-lru": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-1.1.0.tgz",
+      "integrity": "sha1-Q2CxfGETatOAeDl/8RQW4Ybc+7g="
+    },
+    "raf": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
+      "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==",
+      "requires": {
+        "performance-now": "^2.1.0"
+      }
+    },
+    "randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "randomfill": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
+      "integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
+      "dev": true,
+      "requires": {
+        "randombytes": "^2.0.5",
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "dev": true
+    },
+    "raphael": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/raphael/-/raphael-2.3.0.tgz",
+      "integrity": "sha512-w2yIenZAQnp257XUWGni4bLMVxpUpcIl7qgxEgDIXtmSypYtlNxfXWpOBxs7LBTps5sDwhRnrToJrMUrivqNTQ==",
+      "requires": {
+        "eve-raphael": "0.5.0"
+      }
+    },
+    "raw-body": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.0.tgz",
+      "integrity": "sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==",
+      "dev": true,
+      "requires": {
+        "bytes": "3.1.0",
+        "http-errors": "1.7.2",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "dependencies": {
+        "bytes": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
+          "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==",
+          "dev": true
+        }
+      }
+    },
+    "raw-loader": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/raw-loader/-/raw-loader-3.1.0.tgz",
+      "integrity": "sha512-lzUVMuJ06HF4rYveaz9Tv0WRlUMxJ0Y1hgSkkgg+50iEdaI0TthyEDe08KIHb0XsF6rn8WYTqPCaGTZg3sX+qA==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.1.0",
+        "schema-utils": "^2.0.1"
+      },
+      "dependencies": {
+        "schema-utils": {
+          "version": "2.6.4",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.6.4.tgz",
+          "integrity": "sha512-VNjcaUxVnEeun6B2fiiUDjXXBtD4ZSH7pdbfIu1pOFwgptDPLMo/z9jr4sUfsjFVPqDCEin/F7IYlq7/E6yDbQ==",
+          "dev": true,
+          "requires": {
+            "ajv": "^6.10.2",
+            "ajv-keywords": "^3.4.1"
+          }
+        }
+      }
+    },
+    "rc-align": {
+      "version": "3.0.0-rc.1",
+      "resolved": "https://registry.npmjs.org/rc-align/-/rc-align-3.0.0-rc.1.tgz",
+      "integrity": "sha512-GbofumhCUb7SxP410j/fbtR2M9Zml+eoZSdaliZh6R3NhfEj5zP4jcO3HG3S9C9KIcXQQtd/cwVHkb9Y0KU7Hg==",
+      "requires": {
+        "classnames": "2.x",
+        "dom-align": "^1.7.0",
+        "rc-util": "^4.12.0",
+        "resize-observer-polyfill": "^1.5.1"
+      }
+    },
+    "rc-animate": {
+      "version": "2.10.2",
+      "resolved": "https://registry.npmjs.org/rc-animate/-/rc-animate-2.10.2.tgz",
+      "integrity": "sha512-cE/A7piAzoWFSgUD69NmmMraqCeqVBa51UErod8NS3LUEqWfppSVagHfa0qHAlwPVPiIBg3emRONyny3eiH0Dg==",
+      "requires": {
+        "babel-runtime": "6.x",
+        "classnames": "^2.2.6",
+        "css-animation": "^1.3.2",
+        "prop-types": "15.x",
+        "raf": "^3.4.0",
+        "rc-util": "^4.15.3",
+        "react-lifecycles-compat": "^3.0.4"
+      }
+    },
+    "rc-select": {
+      "version": "10.0.0-rc.6",
+      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-10.0.0-rc.6.tgz",
+      "integrity": "sha512-eGQZBk2agq6eqVlF01kgT7i6hJzbWLWP4zC8qYp6sjuzBvDtFo8IRiHVPQk9ZHYJC+ZW8S9atD+ZzndCM1DcvQ==",
+      "requires": {
+        "classnames": "2.x",
+        "rc-animate": "^2.10.0",
+        "rc-trigger": "^4.0.0-alpha.4",
+        "rc-util": "^4.17.0",
+        "rc-virtual-list": "^0.0.0-alpha.25",
+        "warning": "^4.0.3"
+      }
+    },
+    "rc-trigger": {
+      "version": "4.0.0-rc.5",
+      "resolved": "https://registry.npmjs.org/rc-trigger/-/rc-trigger-4.0.0-rc.5.tgz",
+      "integrity": "sha512-CUimlGKduOzBJxMEib3MzWhFpSq0wFk/iXxonaIIth/zVMZ4at+Wf3yxh8apY6UuYZlrJiA8S58/BfePpT+g0Q==",
+      "requires": {
+        "classnames": "^2.2.6",
+        "prop-types": "15.x",
+        "raf": "^3.4.1",
+        "rc-align": "^3.0.0-rc.0",
+        "rc-animate": "^2.10.2",
+        "rc-util": "^4.15.2"
+      }
+    },
+    "rc-util": {
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-4.19.0.tgz",
+      "integrity": "sha512-mptALlLwpeczS3nrv83DbwJNeupolbuvlIEjcvimSiWI8NUBjpF0HgG3kWp1RymiuiRCNm9yhaXqDz0a99dpgQ==",
+      "requires": {
+        "add-dom-event-listener": "^1.1.0",
+        "babel-runtime": "6.x",
+        "prop-types": "^15.5.10",
+        "react-lifecycles-compat": "^3.0.4",
+        "shallowequal": "^1.1.0"
+      }
+    },
+    "rc-virtual-list": {
+      "version": "0.0.0-rc.1",
+      "resolved": "https://registry.npmjs.org/rc-virtual-list/-/rc-virtual-list-0.0.0-rc.1.tgz",
+      "integrity": "sha512-bd4Wj7XVG+fioBUW1tvQUdV9yrByf9Hc2MGnrhzxpGvSAYOoR9LqDxi2ahHOD8rzlwxsDUm1H5bvb89cZ/7baw==",
+      "requires": {
+        "classnames": "^2.2.6",
+        "rc-util": "^4.8.0"
+      }
+    },
+    "react": {
+      "version": "16.12.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-16.12.0.tgz",
+      "integrity": "sha512-fglqy3k5E+81pA8s+7K0/T3DBCF0ZDOher1elBFzF7O6arXJgzyu/FW+COxFvAWXJoJN9KIZbT2LXlukwphYTA==",
+      "requires": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.6.2"
+      }
+    },
+    "react-ace": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/react-ace/-/react-ace-8.0.0.tgz",
+      "integrity": "sha512-EvU14vXbZpAenb1ZVKdn8yTQs/shZ9RghFulHtt67bBXT6sjrNHcfOEXHYtSEmwMb6pQVVNNuulzzd8o+Uouig==",
+      "requires": {
+        "ace-builds": "^1.4.6",
+        "diff-match-patch": "^1.0.4",
+        "lodash.get": "^4.4.2",
+        "lodash.isequal": "^4.5.0",
+        "prop-types": "^15.7.2"
+      }
+    },
+    "react-dom": {
+      "version": "16.12.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.12.0.tgz",
+      "integrity": "sha512-LMxFfAGrcS3kETtQaCkTKjMiifahaMySFDn71fZUNpPHZQEzmk/GiAeIT8JSOrHB23fnuCOMruL2a8NYlw+8Gw==",
+      "requires": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.6.2",
+        "scheduler": "^0.18.0"
+      }
+    },
+    "react-dropzone": {
+      "version": "10.2.1",
+      "resolved": "https://registry.npmjs.org/react-dropzone/-/react-dropzone-10.2.1.tgz",
+      "integrity": "sha512-Me5nOu8hK9/Xyg5easpdfJ6SajwUquqYR/2YTdMotsCUgJ1pHIIwNsv0n+qcIno0tWR2V2rVQtj2r/hXYs2TnQ==",
+      "requires": {
+        "attr-accept": "^2.0.0",
+        "file-selector": "^0.1.12",
+        "prop-types": "^15.7.2"
+      }
+    },
+    "react-is": {
+      "version": "16.12.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.12.0.tgz",
+      "integrity": "sha512-rPCkf/mWBtKc97aLL9/txD8DZdemK0vkA3JMLShjlJB3Pj3s+lpf1KaBzMfQrAmhMQB0n1cU/SUGgKKBCe837Q=="
+    },
+    "react-lifecycles-compat": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+    },
+    "react-transition-group": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.3.0.tgz",
+      "integrity": "sha512-1qRV1ZuVSdxPlPf4O8t7inxUGpdyO5zG9IoNfJxSO0ImU2A1YWkEQvFPuIPZmMLkg5hYs7vv5mMOyfgSkvAwvw==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      }
+    },
+    "reactcss": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/reactcss/-/reactcss-1.2.3.tgz",
+      "integrity": "sha512-KiwVUcFu1RErkI97ywr8nvx8dNOpT03rbnma0SSalTYjkrPYaEajR4a/MRt6DZ46K6arDRbWMNHF+xH7G7n/8A==",
+      "requires": {
+        "lodash": "^4.0.1"
+      }
+    },
+    "read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=",
+      "dev": true,
+      "requires": {
+        "pify": "^2.3.0"
+      },
+      "dependencies": {
+        "pify": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+          "dev": true
+        }
+      }
+    },
+    "read-package-json": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/read-package-json/-/read-package-json-2.1.1.tgz",
+      "integrity": "sha512-dAiqGtVc/q5doFz6096CcnXhpYk0ZN8dEKVkGLU0CsASt8SrgF6SF7OTKAYubfvFhWaqofl+Y8HK19GR8jwW+A==",
+      "dev": true,
+      "requires": {
+        "glob": "^7.1.1",
+        "graceful-fs": "^4.1.2",
+        "json-parse-better-errors": "^1.0.1",
+        "normalize-package-data": "^2.0.0",
+        "npm-normalize-package-bin": "^1.0.0"
+      }
+    },
+    "read-package-tree": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/read-package-tree/-/read-package-tree-5.3.1.tgz",
+      "integrity": "sha512-mLUDsD5JVtlZxjSlPPx1RETkNjjvQYuweKwNVt1Sn8kP5Jh44pvYuUHCp6xSVDZWbNxVxG5lyZJ921aJH61sTw==",
+      "dev": true,
+      "requires": {
+        "read-package-json": "^2.0.0",
+        "readdir-scoped-modules": "^1.0.0",
+        "util-promisify": "^2.1.0"
+      }
+    },
+    "read-pkg": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
+      "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=",
+      "requires": {
+        "load-json-file": "^4.0.0",
+        "normalize-package-data": "^2.3.2",
+        "path-type": "^3.0.0"
+      }
+    },
+    "read-pkg-up": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-3.0.0.tgz",
+      "integrity": "sha1-PtSWaF26D4/hGNBpHcUfSh/5bwc=",
+      "requires": {
+        "find-up": "^2.0.0",
+        "read-pkg": "^3.0.0"
+      }
+    },
+    "readable-stream": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+      "requires": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "readdir-scoped-modules": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/readdir-scoped-modules/-/readdir-scoped-modules-1.1.0.tgz",
+      "integrity": "sha512-asaikDeqAQg7JifRsZn1NJZXo9E+VwlyCfbkZhwyISinqk5zNS6266HS5kah6P0SaQKGF6SkNnZVHUzHFYxYDw==",
+      "dev": true,
+      "requires": {
+        "debuglog": "^1.0.1",
+        "dezalgo": "^1.0.0",
+        "graceful-fs": "^4.1.2",
+        "once": "^1.3.0"
+      }
+    },
+    "readdirp": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.3.0.tgz",
+      "integrity": "sha512-zz0pAkSPOXXm1viEwygWIPSPkcBYjW1xU5j/JBh5t9bGCJwa6f9+BJa6VaB2g+b55yVrmXzqkyLf4xaWYM0IkQ==",
+      "dev": true,
+      "requires": {
+        "picomatch": "^2.0.7"
+      }
+    },
+    "redent": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-2.0.0.tgz",
+      "integrity": "sha1-wbIAe0LVfrE4kHmzyDM2OdXhzKo=",
+      "requires": {
+        "indent-string": "^3.0.0",
+        "strip-indent": "^2.0.0"
+      }
+    },
+    "reflect-metadata": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.1.13.tgz",
+      "integrity": "sha512-Ts1Y/anZELhSsjMcU605fU9RE4Oi3p5ORujwbIKXfWa+0Zxs510Qrmrce5/Jowq3cHSZSJqBjypxmHarc+vEWg==",
+      "dev": true
+    },
+    "regenerate": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.0.tgz",
+      "integrity": "sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg==",
+      "dev": true
+    },
+    "regenerate-unicode-properties": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-8.1.0.tgz",
+      "integrity": "sha512-LGZzkgtLY79GeXLm8Dp0BVLdQlWICzBnJz/ipWUgo59qBaZ+BHtq51P2q1uVZlppMuUAT37SDk39qUbjTWB7bA==",
+      "dev": true,
+      "requires": {
+        "regenerate": "^1.4.0"
+      }
+    },
+    "regenerator-runtime": {
+      "version": "0.13.3",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.3.tgz",
+      "integrity": "sha512-naKIZz2GQ8JWh///G7L3X6LaQUAMp2lvb1rvwwsURe/VXwD6VMfr+/1NuNw3ag8v2kY1aQ/go5SNn79O9JU7yw=="
+    },
+    "regenerator-transform": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.14.1.tgz",
+      "integrity": "sha512-flVuee02C3FKRISbxhXl9mGzdbWUVHubl1SMaknjxkFB1/iqpJhArQUvRxOOPEc/9tAiX0BaQ28FJH10E4isSQ==",
+      "dev": true,
+      "requires": {
+        "private": "^0.1.6"
+      }
+    },
+    "regex-not": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
+      "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^3.0.2",
+        "safe-regex": "^1.1.0"
+      }
+    },
+    "regexp.prototype.flags": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.3.0.tgz",
+      "integrity": "sha512-2+Q0C5g951OlYlJz6yu5/M33IcsESLlLfsyIaLJaG4FA2r4yP8MvVMJUUP/fVBkSpbbbZlS5gynbEWLipiiXiQ==",
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.0-next.1"
+      }
+    },
+    "regexpu-core": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.6.0.tgz",
+      "integrity": "sha512-YlVaefl8P5BnFYOITTNzDvan1ulLOiXJzCNZxduTIosN17b87h3bvG9yHMoHaRuo88H4mQ06Aodj5VtYGGGiTg==",
+      "dev": true,
+      "requires": {
+        "regenerate": "^1.4.0",
+        "regenerate-unicode-properties": "^8.1.0",
+        "regjsgen": "^0.5.0",
+        "regjsparser": "^0.6.0",
+        "unicode-match-property-ecmascript": "^1.0.4",
+        "unicode-match-property-value-ecmascript": "^1.1.0"
+      }
+    },
+    "regjsgen": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.5.1.tgz",
+      "integrity": "sha512-5qxzGZjDs9w4tzT3TPhCJqWdCc3RLYwy9J2NB0nm5Lz+S273lvWcpjaTGHsT1dc6Hhfq41uSEOw8wBmxrKOuyg==",
+      "dev": true
+    },
+    "regjsparser": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.6.3.tgz",
+      "integrity": "sha512-8uZvYbnfAtEm9Ab8NTb3hdLwL4g/LQzEYP7Xs27T96abJCCE2d6r3cPZPQEsLKy0vRSGVNG+/zVGtLr86HQduA==",
+      "dev": true,
+      "requires": {
+        "jsesc": "~0.5.0"
+      },
+      "dependencies": {
+        "jsesc": {
+          "version": "0.5.0",
+          "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+          "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=",
+          "dev": true
+        }
+      }
+    },
+    "remove-trailing-separator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
+      "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=",
+      "dev": true
+    },
+    "repeat-element": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.3.tgz",
+      "integrity": "sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==",
+      "dev": true
+    },
+    "repeat-string": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+      "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=",
+      "dev": true
+    },
+    "repeating": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz",
+      "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
+      "requires": {
+        "is-finite": "^1.0.0"
+      }
+    },
+    "request": {
+      "version": "2.88.2",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
+      "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
+      "requires": {
+        "aws-sign2": "~0.7.0",
+        "aws4": "^1.8.0",
+        "caseless": "~0.12.0",
+        "combined-stream": "~1.0.6",
+        "extend": "~3.0.2",
+        "forever-agent": "~0.6.1",
+        "form-data": "~2.3.2",
+        "har-validator": "~5.1.3",
+        "http-signature": "~1.2.0",
+        "is-typedarray": "~1.0.0",
+        "isstream": "~0.1.2",
+        "json-stringify-safe": "~5.0.1",
+        "mime-types": "~2.1.19",
+        "oauth-sign": "~0.9.0",
+        "performance-now": "^2.1.0",
+        "qs": "~6.5.2",
+        "safe-buffer": "^5.1.2",
+        "tough-cookie": "~2.5.0",
+        "tunnel-agent": "^0.6.0",
+        "uuid": "^3.3.2"
+      }
+    },
+    "require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=",
+      "dev": true
+    },
+    "require-main-filename": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz",
+      "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=",
+      "dev": true
+    },
+    "require-relative": {
+      "version": "0.8.7",
+      "resolved": "https://registry.npmjs.org/require-relative/-/require-relative-0.8.7.tgz",
+      "integrity": "sha1-eZlTn8ngR6N5KPoZb44VY9q9Nt4="
+    },
+    "requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
+      "dev": true
+    },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
+    "resolve": {
+      "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.15.1.tgz",
+      "integrity": "sha512-84oo6ZTtoTUpjgNEr5SJyzQhzL72gaRodsSfyxC/AXRvwu0Yse9H8eF9IpGo7b8YetZhlI6v7ZQ6bKBFV/6S7w==",
+      "requires": {
+        "path-parse": "^1.0.6"
+      }
+    },
+    "resolve-cwd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-2.0.0.tgz",
+      "integrity": "sha1-AKn3OHVW4nA46uIyyqNypqWbZlo=",
+      "dev": true,
+      "requires": {
+        "resolve-from": "^3.0.0"
+      }
+    },
+    "resolve-from": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+      "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g="
+    },
+    "resolve-url": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
+      "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=",
+      "dev": true
+    },
+    "responselike": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/responselike/-/responselike-1.0.2.tgz",
+      "integrity": "sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=",
+      "requires": {
+        "lowercase-keys": "^1.0.0"
+      }
+    },
+    "restore-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
+      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
+      "dev": true,
+      "requires": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      }
+    },
+    "ret": {
+      "version": "0.1.15",
+      "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
+      "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
+      "dev": true
+    },
+    "retry": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.10.1.tgz",
+      "integrity": "sha1-52OI0heZLCUnUCQdPTlW/tmNj/Q="
+    },
+    "rfdc": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.1.4.tgz",
+      "integrity": "sha512-5C9HXdzK8EAqN7JDif30jqsBzavB7wLpaubisuQIGHWf2gUXSpzy6ArX/+Da8RjFpagWsCn+pIgxTMAmKw9Zug==",
+      "dev": true
+    },
+    "rgb-regex": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/rgb-regex/-/rgb-regex-1.0.1.tgz",
+      "integrity": "sha1-wODWiC3w4jviVKR16O3UGRX+rrE=",
+      "dev": true
+    },
+    "rgba-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/rgba-regex/-/rgba-regex-1.0.0.tgz",
+      "integrity": "sha1-QzdOLiyglosO8VI0YLfXMP8i7rM=",
+      "dev": true
+    },
+    "rifm": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/rifm/-/rifm-0.7.0.tgz",
+      "integrity": "sha512-DSOJTWHD67860I5ojetXdEQRIBvF6YcpNe53j0vn1vp9EUb9N80EiZTxgP+FkDKorWC8PZw052kTF4C1GOivCQ==",
+      "requires": {
+        "@babel/runtime": "^7.3.1"
+      }
+    },
+    "rimraf": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.0.tgz",
+      "integrity": "sha512-NDGVxTsjqfunkds7CqsOiEnxln4Bo7Nddl3XhS4pXg5OzwkLqJ971ZVAAnB+DDLnF76N+VnDEiBHaVV8I06SUg==",
+      "dev": true,
+      "requires": {
+        "glob": "^7.1.3"
+      }
+    },
+    "ripemd160": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
+      "integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
+      "dev": true,
+      "requires": {
+        "hash-base": "^3.0.0",
+        "inherits": "^2.0.1"
+      }
+    },
+    "rollup": {
+      "version": "1.25.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-1.25.2.tgz",
+      "integrity": "sha512-+7z6Wab/L45QCPcfpuTZKwKiB0tynj05s/+s2U3F2Bi7rOLPr9UcjUwO7/xpjlPNXA/hwnth6jBExFRGyf3tMg==",
+      "dev": true,
+      "requires": {
+        "@types/estree": "*",
+        "@types/node": "*",
+        "acorn": "^7.1.0"
+      }
+    },
+    "run-async": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.3.0.tgz",
+      "integrity": "sha1-A3GrSuC91yDUFm19/aZP96RFpsA=",
+      "dev": true,
+      "requires": {
+        "is-promise": "^2.1.0"
+      }
+    },
+    "run-queue": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/run-queue/-/run-queue-1.0.3.tgz",
+      "integrity": "sha1-6Eg5bwV9Ij8kOGkkYY4laUFh7Ec=",
+      "dev": true,
+      "requires": {
+        "aproba": "^1.1.1"
+      }
+    },
+    "rxjs": {
+      "version": "6.5.4",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.5.4.tgz",
+      "integrity": "sha512-naMQXcgEo3csAEGvw/NydRA0fuS2nDZJiw1YUWFKU7aPPAPGZEsD4Iimit96qwCieH6y614MCLYwdkrWx7z/7Q==",
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
+    "safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+    },
+    "safe-regex": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
+      "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=",
+      "dev": true,
+      "requires": {
+        "ret": "~0.1.10"
+      }
+    },
+    "safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "sass": {
+      "version": "1.23.3",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.23.3.tgz",
+      "integrity": "sha512-1DKRZxJMOh4Bme16AbWTyYeJAjTlrvw2+fWshHHaepeJfGq2soFZTnt0YhWit+bohtDu4LdyPoEj6VFD4APHog==",
+      "dev": true,
+      "requires": {
+        "chokidar": ">=2.0.0 <4.0.0"
+      }
+    },
+    "sass-loader": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-8.0.0.tgz",
+      "integrity": "sha512-+qeMu563PN7rPdit2+n5uuYVR0SSVwm0JsOUsaJXzgYcClWSlmX0iHDnmeOobPkf5kUglVot3QS6SyLyaQoJ4w==",
+      "dev": true,
+      "requires": {
+        "clone-deep": "^4.0.1",
+        "loader-utils": "^1.2.3",
+        "neo-async": "^2.6.1",
+        "schema-utils": "^2.1.0",
+        "semver": "^6.3.0"
+      },
+      "dependencies": {
+        "schema-utils": {
+          "version": "2.6.4",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.6.4.tgz",
+          "integrity": "sha512-VNjcaUxVnEeun6B2fiiUDjXXBtD4ZSH7pdbfIu1pOFwgptDPLMo/z9jr4sUfsjFVPqDCEin/F7IYlq7/E6yDbQ==",
+          "dev": true,
+          "requires": {
+            "ajv": "^6.10.2",
+            "ajv-keywords": "^3.4.1"
+          }
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
+      }
+    },
+    "saucelabs": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/saucelabs/-/saucelabs-1.5.0.tgz",
+      "integrity": "sha512-jlX3FGdWvYf4Q3LFfFWS1QvPg3IGCGWxIc8QBFdPTbpTJnt/v17FHXYVAn7C8sHf1yUXo2c7yIM0isDryfYtHQ==",
+      "dev": true,
+      "requires": {
+        "https-proxy-agent": "^2.2.1"
+      }
+    },
+    "sax": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+      "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
+      "dev": true
+    },
+    "scheduler": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.18.0.tgz",
+      "integrity": "sha512-agTSHR1Nbfi6ulI0kYNK0203joW2Y5W4po4l+v03tOoiJKpTBbxpNhWDvqc/4IcOw+KLmSiQLTasZ4cab2/UWQ==",
+      "requires": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1"
+      }
+    },
+    "schema-inspector": {
+      "version": "1.6.8",
+      "resolved": "https://registry.npmjs.org/schema-inspector/-/schema-inspector-1.6.8.tgz",
+      "integrity": "sha1-ueU5g8xV/y29e2Xj2+CF2dEoXyo=",
+      "requires": {
+        "async": "^1.5.0"
+      }
+    },
+    "schema-utils": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
+      "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+      "dev": true,
+      "requires": {
+        "ajv": "^6.1.0",
+        "ajv-errors": "^1.0.0",
+        "ajv-keywords": "^3.1.0"
+      }
+    },
+    "screenfull": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.0.2.tgz",
+      "integrity": "sha512-cCF2b+L/mnEiORLN5xSAz6H3t18i2oHh9BA8+CQlAh5DRw2+NFAGQJOSYbcGw8B2k04g/lVvFcfZ83b3ysH5UQ=="
+    },
+    "select": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/select/-/select-1.1.2.tgz",
+      "integrity": "sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0=",
+      "optional": true
+    },
+    "select-hose": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
+      "integrity": "sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=",
+      "dev": true
+    },
+    "selenium-webdriver": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/selenium-webdriver/-/selenium-webdriver-3.6.0.tgz",
+      "integrity": "sha512-WH7Aldse+2P5bbFBO4Gle/nuQOdVwpHMTL6raL3uuBj/vPG07k6uzt3aiahu352ONBr5xXh0hDlM3LhtXPOC4Q==",
+      "dev": true,
+      "requires": {
+        "jszip": "^3.1.3",
+        "rimraf": "^2.5.4",
+        "tmp": "0.0.30",
+        "xml2js": "^0.4.17"
+      },
+      "dependencies": {
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "tmp": {
+          "version": "0.0.30",
+          "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.30.tgz",
+          "integrity": "sha1-ckGdSovn1s51FI/YsyTlk6cRwu0=",
+          "dev": true,
+          "requires": {
+            "os-tmpdir": "~1.0.1"
+          }
+        }
+      }
+    },
+    "selfsigned": {
+      "version": "1.10.7",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-1.10.7.tgz",
+      "integrity": "sha512-8M3wBCzeWIJnQfl43IKwOmC4H/RAp50S8DF60znzjW5GVqTcSe2vWclt7hmYVPkKPlHWOu5EaWOMZ2Y6W8ZXTA==",
+      "dev": true,
+      "requires": {
+        "node-forge": "0.9.0"
+      }
+    },
+    "semantic-release": {
+      "version": "8.2.3",
+      "resolved": "https://registry.npmjs.org/semantic-release/-/semantic-release-8.2.3.tgz",
+      "integrity": "sha512-L0EKspX5xaPKhrrZWwbdlydwk+uXQG+SadYlaQjYQJjaBSfptd+jL6FRu3LspZoLxvKF8yQWe4sYAySHcp69aw==",
+      "requires": {
+        "@semantic-release/commit-analyzer": "^3.0.1",
+        "@semantic-release/condition-travis": "^6.0.0",
+        "@semantic-release/error": "^2.0.0",
+        "@semantic-release/last-release-npm": "^2.0.0",
+        "@semantic-release/release-notes-generator": "^4.0.0",
+        "execa": "^0.8.0",
+        "fs-extra": "^4.0.2",
+        "git-head": "^1.2.1",
+        "github": "^12.0.0",
+        "lodash": "^4.0.0",
+        "nerf-dart": "^1.0.0",
+        "nopt": "^4.0.0",
+        "normalize-package-data": "^2.3.4",
+        "npmconf": "^2.1.2",
+        "npmlog": "^4.0.0",
+        "p-series": "^1.0.0",
+        "parse-github-repo-url": "^1.3.0",
+        "require-relative": "^0.8.7",
+        "semver": "^5.4.1"
+      }
+    },
+    "semver": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+    },
+    "semver-dsl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/semver-dsl/-/semver-dsl-1.0.1.tgz",
+      "integrity": "sha1-02eN5VVeimH2Ke7QJTZq5fJzQKA=",
+      "dev": true,
+      "requires": {
+        "semver": "^5.3.0"
+      }
+    },
+    "semver-intersect": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/semver-intersect/-/semver-intersect-1.4.0.tgz",
+      "integrity": "sha512-d8fvGg5ycKAq0+I6nfWeCx6ffaWJCsBYU0H2Rq56+/zFePYfT8mXkB3tWBSjR5BerkHNZ5eTPIk1/LBYas35xQ==",
+      "dev": true,
+      "requires": {
+        "semver": "^5.0.0"
+      }
+    },
+    "send": {
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.17.1.tgz",
+      "integrity": "sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg==",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "destroy": "~1.0.4",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "~1.7.2",
+        "mime": "1.6.0",
+        "ms": "2.1.1",
+        "on-finished": "~2.3.0",
+        "range-parser": "~1.2.1",
+        "statuses": "~1.5.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          },
+          "dependencies": {
+            "ms": {
+              "version": "2.0.0",
+              "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+              "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+              "dev": true
+            }
+          }
+        },
+        "mime": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+          "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+          "dev": true
+        },
+        "ms": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
+          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==",
+          "dev": true
+        }
+      }
+    },
+    "serialize-javascript": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-2.1.2.tgz",
+      "integrity": "sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==",
+      "dev": true
+    },
+    "serve-index": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
+      "integrity": "sha1-03aNabHn2C5c4FD/9bRTvqEqkjk=",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.4",
+        "batch": "0.6.1",
+        "debug": "2.6.9",
+        "escape-html": "~1.0.3",
+        "http-errors": "~1.6.2",
+        "mime-types": "~2.1.17",
+        "parseurl": "~1.3.2"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "http-errors": {
+          "version": "1.6.3",
+          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+          "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=",
+          "dev": true,
+          "requires": {
+            "depd": "~1.1.2",
+            "inherits": "2.0.3",
+            "setprototypeof": "1.1.0",
+            "statuses": ">= 1.4.0 < 2"
+          }
+        },
+        "inherits": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+          "dev": true
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        },
+        "setprototypeof": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+          "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
+          "dev": true
+        }
+      }
+    },
+    "serve-static": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.1.tgz",
+      "integrity": "sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==",
+      "dev": true,
+      "requires": {
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.17.1"
+      }
+    },
+    "set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc="
+    },
+    "set-immediate-shim": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz",
+      "integrity": "sha1-SysbJ+uAip+NzEgaWOXlb1mfP2E=",
+      "dev": true
+    },
+    "set-value": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
+      "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^2.0.1",
+        "is-extendable": "^0.1.1",
+        "is-plain-object": "^2.0.3",
+        "split-string": "^3.0.1"
+      },
+      "dependencies": {
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        }
+      }
+    },
+    "setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=",
+      "dev": true
+    },
+    "setprototypeof": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz",
+      "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==",
+      "dev": true
+    },
+    "sha.js": {
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+      "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "shallow-clone": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
+      "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
+      "dev": true,
+      "requires": {
+        "kind-of": "^6.0.2"
+      }
+    },
+    "shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+    },
+    "shebang-command": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "requires": {
+        "shebang-regex": "^1.0.0"
+      }
+    },
+    "shebang-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM="
+    },
+    "side-channel": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.2.tgz",
+      "integrity": "sha512-7rL9YlPHg7Ancea1S96Pa8/QWb4BtXL/TZvS6B8XFetGBeuhAsfmUspK6DokBeZ64+Kj9TCNRD/30pVz1BvQNA==",
+      "requires": {
+        "es-abstract": "^1.17.0-next.1",
+        "object-inspect": "^1.7.0"
+      }
+    },
+    "sigmund": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/sigmund/-/sigmund-1.0.1.tgz",
+      "integrity": "sha1-P/IfGYytIXX587eBhT/ZTQ0ZtZA="
+    },
+    "signal-exit": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz",
+      "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0="
+    },
+    "simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=",
+      "dev": true,
+      "requires": {
+        "is-arrayish": "^0.3.1"
+      },
+      "dependencies": {
+        "is-arrayish": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+          "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
+          "dev": true
+        }
+      }
+    },
+    "slash": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz",
+      "integrity": "sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU="
+    },
+    "slide": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/slide/-/slide-1.1.6.tgz",
+      "integrity": "sha1-VusCfWW00tzmyy4tMsTUr8nh1wc="
+    },
+    "smart-buffer": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.1.0.tgz",
+      "integrity": "sha512-iVICrxOzCynf/SNaBQCw34eM9jROU/s5rzIhpOvzhzuYHfJR/DhZfDkXiZSgKXfgv26HT3Yni3AV/DGw0cGnnw==",
+      "dev": true
+    },
+    "snapdragon": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
+      "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==",
+      "dev": true,
+      "requires": {
+        "base": "^0.11.1",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "map-cache": "^0.2.2",
+        "source-map": "^0.5.6",
+        "source-map-resolve": "^0.5.0",
+        "use": "^3.1.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        },
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        }
+      }
+    },
+    "snapdragon-node": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz",
+      "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==",
+      "dev": true,
+      "requires": {
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.0",
+        "snapdragon-util": "^3.0.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+          "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^1.0.0"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+          "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-data-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+          "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+          "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^1.0.0",
+            "is-data-descriptor": "^1.0.0",
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
+    "snapdragon-util": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz",
+      "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.2.0"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "socket.io": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-2.1.1.tgz",
+      "integrity": "sha512-rORqq9c+7W0DAK3cleWNSyfv/qKXV99hV4tZe+gGLfBECw3XEhBy7x85F3wypA9688LKjtwO9pX9L33/xQI8yA==",
+      "dev": true,
+      "requires": {
+        "debug": "~3.1.0",
+        "engine.io": "~3.2.0",
+        "has-binary2": "~1.0.2",
+        "socket.io-adapter": "~1.1.0",
+        "socket.io-client": "2.1.1",
+        "socket.io-parser": "~3.2.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        }
+      }
+    },
+    "socket.io-adapter": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-1.1.2.tgz",
+      "integrity": "sha512-WzZRUj1kUjrTIrUKpZLEzFZ1OLj5FwLlAFQs9kuZJzJi5DKdU7FsWc36SNmA8iDOtwBQyT8FkrriRM8vXLYz8g==",
+      "dev": true
+    },
+    "socket.io-client": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-2.1.1.tgz",
+      "integrity": "sha512-jxnFyhAuFxYfjqIgduQlhzqTcOEQSn+OHKVfAxWaNWa7ecP7xSNk2Dx/3UEsDcY7NcFafxvNvKPmmO7HTwTxGQ==",
+      "dev": true,
+      "requires": {
+        "backo2": "1.0.2",
+        "base64-arraybuffer": "0.1.5",
+        "component-bind": "1.0.0",
+        "component-emitter": "1.2.1",
+        "debug": "~3.1.0",
+        "engine.io-client": "~3.2.0",
+        "has-binary2": "~1.0.2",
+        "has-cors": "1.1.0",
+        "indexof": "0.0.1",
+        "object-component": "0.0.3",
+        "parseqs": "0.0.5",
+        "parseuri": "0.0.5",
+        "socket.io-parser": "~3.2.0",
+        "to-array": "0.1.4"
+      },
+      "dependencies": {
+        "component-emitter": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz",
+          "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=",
+          "dev": true
+        },
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        }
+      }
+    },
+    "socket.io-parser": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-3.2.0.tgz",
+      "integrity": "sha512-FYiBx7rc/KORMJlgsXysflWx/RIvtqZbyGLlHZvjfmPTPeuD/I8MaW7cfFrj5tRltICJdgwflhfZ3NVVbVLFQA==",
+      "dev": true,
+      "requires": {
+        "component-emitter": "1.2.1",
+        "debug": "~3.1.0",
+        "isarray": "2.0.1"
+      },
+      "dependencies": {
+        "component-emitter": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz",
+          "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=",
+          "dev": true
+        },
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "isarray": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.1.tgz",
+          "integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4=",
+          "dev": true
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        }
+      }
+    },
+    "sockjs": {
+      "version": "0.3.19",
+      "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.19.tgz",
+      "integrity": "sha512-V48klKZl8T6MzatbLlzzRNhMepEys9Y4oGFpypBFFn1gLI/QQ9HtLLyWJNbPlwGLelOVOEijUbTTJeLLI59jLw==",
+      "dev": true,
+      "requires": {
+        "faye-websocket": "^0.10.0",
+        "uuid": "^3.0.1"
+      }
+    },
+    "sockjs-client": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.4.0.tgz",
+      "integrity": "sha512-5zaLyO8/nri5cua0VtOrFXBPK1jbL4+1cebT/mmKA1E1ZXOvJrII75bPu0l0k843G/+iAbhEqzyKr0w/eCCj7g==",
+      "dev": true,
+      "requires": {
+        "debug": "^3.2.5",
+        "eventsource": "^1.0.7",
+        "faye-websocket": "~0.11.1",
+        "inherits": "^2.0.3",
+        "json3": "^3.3.2",
+        "url-parse": "^1.4.3"
+      },
+      "dependencies": {
+        "faye-websocket": {
+          "version": "0.11.3",
+          "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.3.tgz",
+          "integrity": "sha512-D2y4bovYpzziGgbHYtGCMjlJM36vAl/y+xUyn1C+FVx8szd1E+86KwVw6XvYSzOP8iMpm1X0I4xJD+QtUb36OA==",
+          "dev": true,
+          "requires": {
+            "websocket-driver": ">=0.5.1"
+          }
+        }
+      }
+    },
+    "socks": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.3.3.tgz",
+      "integrity": "sha512-o5t52PCNtVdiOvzMry7wU4aOqYWL0PeCXRWBEiJow4/i/wr+wpsJQ9awEu1EonLIqsfGd5qSgDdxEOvCdmBEpA==",
+      "dev": true,
+      "requires": {
+        "ip": "1.1.5",
+        "smart-buffer": "^4.1.0"
+      }
+    },
+    "socks-proxy-agent": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-4.0.2.tgz",
+      "integrity": "sha512-NT6syHhI9LmuEMSK6Kd2V7gNv5KFZoLE7V5udWmn0de+3Mkj3UMA/AJPLyeNUVmElCurSHtUdM3ETpR3z770Wg==",
+      "dev": true,
+      "requires": {
+        "agent-base": "~4.2.1",
+        "socks": "~2.3.2"
+      },
+      "dependencies": {
+        "agent-base": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-4.2.1.tgz",
+          "integrity": "sha512-JVwXMr9nHYTUXsBFKUqhJwvlcYU/blreOEUkhNR2eXZIvwd+c+o5V4MgDPKWnMS/56awN3TRzIP+KoPn+roQtg==",
+          "dev": true,
+          "requires": {
+            "es6-promisify": "^5.0.0"
+          }
+        }
+      }
+    },
+    "sort-keys": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-2.0.0.tgz",
+      "integrity": "sha1-ZYU1WEhh7JfXMNbPQYIuH1ZoQSg=",
+      "requires": {
+        "is-plain-obj": "^1.0.0"
+      }
+    },
+    "source-list-map": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
+      "integrity": "sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==",
+      "dev": true
+    },
+    "source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+    },
+    "source-map-loader": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-0.2.4.tgz",
+      "integrity": "sha512-OU6UJUty+i2JDpTItnizPrlpOIBLmQbWMuBg9q5bVtnHACqw1tn9nNwqJLbv0/00JjnJb/Ee5g5WS5vrRv7zIQ==",
+      "dev": true,
+      "requires": {
+        "async": "^2.5.0",
+        "loader-utils": "^1.1.0"
+      },
+      "dependencies": {
+        "async": {
+          "version": "2.6.3",
+          "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
+          "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
+          "dev": true,
+          "requires": {
+            "lodash": "^4.17.14"
+          }
+        }
+      }
+    },
+    "source-map-resolve": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
+      "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
+      "dev": true,
+      "requires": {
+        "atob": "^2.1.2",
+        "decode-uri-component": "^0.2.0",
+        "resolve-url": "^0.2.1",
+        "source-map-url": "^0.4.0",
+        "urix": "^0.1.0"
+      }
+    },
+    "source-map-support": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.16.tgz",
+      "integrity": "sha512-efyLRJDr68D9hBBNIPWFjhpFzURh+KJykQwvMyW5UiZzYwoF6l4YMMDIJJEyFWxWCqfyxLzz6tSfUFR+kXXsVQ==",
+      "dev": true,
+      "requires": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "source-map-url": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.0.tgz",
+      "integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=",
+      "dev": true
+    },
+    "sourcemap-codec": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
+      "dev": true
+    },
+    "spdx-correct": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz",
+      "integrity": "sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==",
+      "requires": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "spdx-exceptions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.2.0.tgz",
+      "integrity": "sha512-2XQACfElKi9SlVb1CYadKDXvoajPgBVPn/gOQLrTvHdElaVhr7ZEbqJaRnJLVNeaI4cMEAgVCeBMKF6MWRDCRA=="
+    },
+    "spdx-expression-parse": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz",
+      "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==",
+      "requires": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "spdx-license-ids": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.5.tgz",
+      "integrity": "sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q=="
+    },
+    "spdy": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.1.tgz",
+      "integrity": "sha512-HeZS3PBdMA+sZSu0qwpCxl3DeALD5ASx8pAX0jZdKXSpPWbQ6SYGnlg3BBmYLx5LtiZrmkAZfErCm2oECBcioA==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.0",
+        "handle-thing": "^2.0.0",
+        "http-deceiver": "^1.2.7",
+        "select-hose": "^2.0.0",
+        "spdy-transport": "^3.0.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        }
+      }
+    },
+    "spdy-transport": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz",
+      "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.0",
+        "detect-node": "^2.0.4",
+        "hpack.js": "^2.1.6",
+        "obuf": "^1.1.2",
+        "readable-stream": "^3.0.6",
+        "wbuf": "^1.7.3"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "readable-stream": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+          "dev": true,
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
+    "speed-measure-webpack-plugin": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/speed-measure-webpack-plugin/-/speed-measure-webpack-plugin-1.3.1.tgz",
+      "integrity": "sha512-qVIkJvbtS9j/UeZumbdfz0vg+QfG/zxonAjzefZrqzkr7xOncLVXkeGbTpzd1gjCBM4PmVNkWlkeTVhgskAGSQ==",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.0.1"
+      }
+    },
+    "split": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/split/-/split-1.0.1.tgz",
+      "integrity": "sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==",
+      "requires": {
+        "through": "2"
+      }
+    },
+    "split-string": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
+      "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^3.0.0"
+      }
+    },
+    "split.js": {
+      "version": "1.5.11",
+      "resolved": "https://registry.npmjs.org/split.js/-/split.js-1.5.11.tgz",
+      "integrity": "sha512-ec0sAbWnaMGpNHWo1ZgIlF3Mx7GzSyaO0GlcEBZGIFZQwYPPkbDV6JRpDmpzIshVig7USREuEPudy0ygQaskXg=="
+    },
+    "split2": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/split2/-/split2-2.2.0.tgz",
+      "integrity": "sha512-RAb22TG39LhI31MbreBgIuKiIKhVsawfTgEGqKHTK87aG+ul/PB8Sqoi3I7kVdRWiCfrKxK3uo4/YUkpNvhPbw==",
+      "requires": {
+        "through2": "^2.0.2"
+      }
+    },
+    "sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
+    },
+    "sshpk": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz",
+      "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==",
+      "requires": {
+        "asn1": "~0.2.3",
+        "assert-plus": "^1.0.0",
+        "bcrypt-pbkdf": "^1.0.0",
+        "dashdash": "^1.12.0",
+        "ecc-jsbn": "~0.1.1",
+        "getpass": "^0.1.1",
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.0.2",
+        "tweetnacl": "~0.14.0"
+      }
+    },
+    "ssri": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-5.3.0.tgz",
+      "integrity": "sha512-XRSIPqLij52MtgoQavH/x/dU1qVKtWUAAZeOHsR9c2Ddi4XerFy3mc1alf+dLJKl9EUIm/Ht+EowFkTUOA6GAQ==",
+      "requires": {
+        "safe-buffer": "^5.1.1"
+      }
+    },
+    "stable": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
+      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
+      "dev": true
+    },
+    "static-extend": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
+      "integrity": "sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=",
+      "dev": true,
+      "requires": {
+        "define-property": "^0.2.5",
+        "object-copy": "^0.1.0"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        }
+      }
+    },
+    "statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=",
+      "dev": true
+    },
+    "stream-browserify": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz",
+      "integrity": "sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==",
+      "dev": true,
+      "requires": {
+        "inherits": "~2.0.1",
+        "readable-stream": "^2.0.2"
+      }
+    },
+    "stream-each": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/stream-each/-/stream-each-1.2.3.tgz",
+      "integrity": "sha512-vlMC2f8I2u/bZGqkdfLQW/13Zihpej/7PmSiMQsbYddxuTsJp8vRe2x2FvVExZg7FaOds43ROAuFJwPR4MTZLw==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "^1.1.0",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "stream-http": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-2.8.3.tgz",
+      "integrity": "sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==",
+      "dev": true,
+      "requires": {
+        "builtin-status-codes": "^3.0.0",
+        "inherits": "^2.0.1",
+        "readable-stream": "^2.3.6",
+        "to-arraybuffer": "^1.0.0",
+        "xtend": "^4.0.0"
+      }
+    },
+    "stream-shift": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz",
+      "integrity": "sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==",
+      "dev": true
+    },
+    "streamroller": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-1.0.6.tgz",
+      "integrity": "sha512-3QC47Mhv3/aZNFpDDVO44qQb9gwB9QggMEE0sQmkTAwBVYdBRWISdsywlkfm5II1Q5y/pmrHflti/IgmIzdDBg==",
+      "dev": true,
+      "requires": {
+        "async": "^2.6.2",
+        "date-format": "^2.0.0",
+        "debug": "^3.2.6",
+        "fs-extra": "^7.0.1",
+        "lodash": "^4.17.14"
+      },
+      "dependencies": {
+        "async": {
+          "version": "2.6.3",
+          "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
+          "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
+          "dev": true,
+          "requires": {
+            "lodash": "^4.17.14"
+          }
+        },
+        "fs-extra": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
+          "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        }
+      }
+    },
+    "strict-uri-encode": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
+      "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM="
+    },
+    "string-width": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+      "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
+      "requires": {
+        "code-point-at": "^1.0.0",
+        "is-fullwidth-code-point": "^1.0.0",
+        "strip-ansi": "^3.0.0"
+      }
+    },
+    "string.prototype.trimleft": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimleft/-/string.prototype.trimleft-2.1.1.tgz",
+      "integrity": "sha512-iu2AGd3PuP5Rp7x2kEZCrB2Nf41ehzh+goo8TV7z8/XDBbsvc6HQIlUl9RjkZ4oyrW1XM5UwlGl1oVEaDjg6Ag==",
+      "requires": {
+        "define-properties": "^1.1.3",
+        "function-bind": "^1.1.1"
+      }
+    },
+    "string.prototype.trimright": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimright/-/string.prototype.trimright-2.1.1.tgz",
+      "integrity": "sha512-qFvWL3/+QIgZXVmJBfpHmxLB7xsUXz6HsUmP8+5dRaC3Q7oKUv9Vo6aMCRZC1smrtyECFsIT30PqBJ1gTjAs+g==",
+      "requires": {
+        "define-properties": "^1.1.3",
+        "function-bind": "^1.1.1"
+      }
+    },
+    "string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "requires": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "strip-ansi": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+      "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+      "requires": {
+        "ansi-regex": "^2.0.0"
+      }
+    },
+    "strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM="
+    },
+    "strip-eof": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+      "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8="
+    },
+    "strip-indent": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-2.0.0.tgz",
+      "integrity": "sha1-XvjbKV0B5u1sv3qrlpmNeCJSe2g="
+    },
+    "style-loader": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-1.0.0.tgz",
+      "integrity": "sha512-B0dOCFwv7/eY31a5PCieNwMgMhVGFe9w+rh7s/Bx8kfFkrth9zfTZquoYvdw8URgiqxObQKcpW51Ugz1HjfdZw==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.2.3",
+        "schema-utils": "^2.0.1"
+      },
+      "dependencies": {
+        "schema-utils": {
+          "version": "2.6.4",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.6.4.tgz",
+          "integrity": "sha512-VNjcaUxVnEeun6B2fiiUDjXXBtD4ZSH7pdbfIu1pOFwgptDPLMo/z9jr4sUfsjFVPqDCEin/F7IYlq7/E6yDbQ==",
+          "dev": true,
+          "requires": {
+            "ajv": "^6.10.2",
+            "ajv-keywords": "^3.4.1"
+          }
+        }
+      }
+    },
+    "stylehacks": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-4.0.3.tgz",
+      "integrity": "sha512-7GlLk9JwlElY4Y6a/rmbH2MhVlTyVmiJd1PfTCqFaIBEGMYNsrO/v3SeGTdhBThLg4Z+NbOk/qFMwCa+J+3p/g==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-selector-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "dot-prop": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.2.0.tgz",
+          "integrity": "sha512-uEUyaDKoSQ1M4Oq8l45hSE26SnTxL6snNnqvK/VWx5wJhmff5z0FUVJDKDanor/6w3kzE3i7XZOk+7wC0EXr1A==",
+          "dev": true,
+          "requires": {
+            "is-obj": "^2.0.0"
+          }
+        },
+        "is-obj": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
+          "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==",
+          "dev": true
+        },
+        "postcss-selector-parser": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
+          "integrity": "sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==",
+          "dev": true,
+          "requires": {
+            "dot-prop": "^5.2.0",
+            "indexes-of": "^1.0.1",
+            "uniq": "^1.0.1"
+          }
+        }
+      }
+    },
+    "stylus": {
+      "version": "0.54.7",
+      "resolved": "https://registry.npmjs.org/stylus/-/stylus-0.54.7.tgz",
+      "integrity": "sha512-Yw3WMTzVwevT6ZTrLCYNHAFmanMxdylelL3hkWNgPMeTCpMwpV3nXjpOHuBXtFv7aiO2xRuQS6OoAdgkNcSNug==",
+      "dev": true,
+      "requires": {
+        "css-parse": "~2.0.0",
+        "debug": "~3.1.0",
+        "glob": "^7.1.3",
+        "mkdirp": "~0.5.x",
+        "safer-buffer": "^2.1.2",
+        "sax": "~1.2.4",
+        "semver": "^6.0.0",
+        "source-map": "^0.7.3"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.7.3",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
+          "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
+          "dev": true
+        }
+      }
+    },
+    "stylus-loader": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/stylus-loader/-/stylus-loader-3.0.2.tgz",
+      "integrity": "sha512-+VomPdZ6a0razP+zinir61yZgpw2NfljeSsdUF5kJuEzlo3khXhY19Fn6l8QQz1GRJGtMCo8nG5C04ePyV7SUA==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.0.2",
+        "lodash.clonedeep": "^4.5.0",
+        "when": "~3.6.x"
+      }
+    },
+    "supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "requires": {
+        "has-flag": "^3.0.0"
+      }
+    },
+    "svgo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
+      "integrity": "sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.4.1",
+        "coa": "^2.0.2",
+        "css-select": "^2.0.0",
+        "css-select-base-adapter": "^0.1.1",
+        "css-tree": "1.0.0-alpha.37",
+        "csso": "^4.0.2",
+        "js-yaml": "^3.13.1",
+        "mkdirp": "~0.5.1",
+        "object.values": "^1.1.0",
+        "sax": "~1.2.4",
+        "stable": "^0.1.8",
+        "unquote": "~1.1.1",
+        "util.promisify": "~1.0.0"
+      }
+    },
+    "symbol-observable": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",
+      "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==",
+      "dev": true
+    },
+    "systemjs": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/systemjs/-/systemjs-0.21.5.tgz",
+      "integrity": "sha512-GWzZhN/x7Fsae2CYkz2GF7OgOS+YDgKulcgd5L1kTogZHMKDrPx5T8zI8I0y5RoU9Dx78Z7j1XMfuFa1thD84A=="
+    },
+    "tapable": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
+      "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==",
+      "dev": true
+    },
+    "tar": {
+      "version": "4.4.13",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.13.tgz",
+      "integrity": "sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==",
+      "dev": true,
+      "requires": {
+        "chownr": "^1.1.1",
+        "fs-minipass": "^1.2.5",
+        "minipass": "^2.8.6",
+        "minizlib": "^1.2.1",
+        "mkdirp": "^0.5.0",
+        "safe-buffer": "^5.1.2",
+        "yallist": "^3.0.3"
+      },
+      "dependencies": {
+        "fs-minipass": {
+          "version": "1.2.7",
+          "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-1.2.7.tgz",
+          "integrity": "sha512-GWSSJGFy4e9GUeCcbIkED+bgAoFyj7XF1mV8rma3QW4NIqX9Kyx79N/PF61H5udOV3aY1IaMLs6pGbH71nlCTA==",
+          "dev": true,
+          "requires": {
+            "minipass": "^2.6.0"
+          }
+        },
+        "minipass": {
+          "version": "2.9.0",
+          "resolved": "https://registry.npmjs.org/minipass/-/minipass-2.9.0.tgz",
+          "integrity": "sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "^5.1.2",
+            "yallist": "^3.0.0"
+          }
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+          "dev": true
+        }
+      }
+    },
+    "terser": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-4.5.1.tgz",
+      "integrity": "sha512-lH9zLIbX8PRBEFCTvfHGCy0s9HEKnNso1Dx9swSopF3VUnFLB8DpQ61tHxoofovNC/sG0spajJM3EIIRSTByiQ==",
+      "dev": true,
+      "requires": {
+        "commander": "^2.20.0",
+        "source-map": "~0.6.1",
+        "source-map-support": "~0.5.12"
+      }
+    },
+    "terser-webpack-plugin": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-2.3.3.tgz",
+      "integrity": "sha512-gWHkaGzGYjmDoYxksFZynWTzvXOAjQ5dd7xuTMYlv4zpWlLSb6v0QLSZjELzP5dMs1ox30O1BIPs9dgqlMHuLQ==",
+      "dev": true,
+      "requires": {
+        "cacache": "^13.0.1",
+        "find-cache-dir": "^3.2.0",
+        "jest-worker": "^25.1.0",
+        "p-limit": "^2.2.2",
+        "schema-utils": "^2.6.4",
+        "serialize-javascript": "^2.1.2",
+        "source-map": "^0.6.1",
+        "terser": "^4.4.3",
+        "webpack-sources": "^1.4.3"
+      },
+      "dependencies": {
+        "find-cache-dir": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.2.0.tgz",
+          "integrity": "sha512-1JKclkYYsf1q9WIJKLZa9S9muC+08RIjzAlLrK4QcYLJMS6mk9yombQ9qf+zJ7H9LS800k0s44L4sDq9VYzqyg==",
+          "dev": true,
+          "requires": {
+            "commondir": "^1.0.1",
+            "make-dir": "^3.0.0",
+            "pkg-dir": "^4.1.0"
+          }
+        },
+        "find-up": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+          "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^5.0.0",
+            "path-exists": "^4.0.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "jest-worker": {
+          "version": "25.1.0",
+          "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-25.1.0.tgz",
+          "integrity": "sha512-ZHhHtlxOWSxCoNOKHGbiLzXnl42ga9CxDr27H36Qn+15pQZd3R/F24jrmjDelw9j/iHUIWMWs08/u2QN50HHOg==",
+          "dev": true,
+          "requires": {
+            "merge-stream": "^2.0.0",
+            "supports-color": "^7.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+          "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^4.1.0"
+          }
+        },
+        "make-dir": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.0.2.tgz",
+          "integrity": "sha512-rYKABKutXa6vXTXhoV18cBE7PaewPXHe/Bdq4v+ZLMhxbWApkFFplT0LcbMW+6BbjnQXzZ/sAvSE/JdguApG5w==",
+          "dev": true,
+          "requires": {
+            "semver": "^6.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "2.2.2",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.2.tgz",
+          "integrity": "sha512-WGR+xHecKTr7EbUEhyLSh5Dube9JtdiG78ufaeLxTgpudf/20KqyMioIUZJAezlTIi6evxuoUs9YXc11cU+yzQ==",
+          "dev": true,
+          "requires": {
+            "p-try": "^2.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+          "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.2.0"
+          }
+        },
+        "p-try": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+          "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+          "dev": true
+        },
+        "path-exists": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+          "dev": true
+        },
+        "pkg-dir": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+          "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+          "dev": true,
+          "requires": {
+            "find-up": "^4.0.0"
+          }
+        },
+        "schema-utils": {
+          "version": "2.6.4",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.6.4.tgz",
+          "integrity": "sha512-VNjcaUxVnEeun6B2fiiUDjXXBtD4ZSH7pdbfIu1pOFwgptDPLMo/z9jr4sUfsjFVPqDCEin/F7IYlq7/E6yDbQ==",
+          "dev": true,
+          "requires": {
+            "ajv": "^6.10.2",
+            "ajv-keywords": "^3.4.1"
+          }
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz",
+          "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "text-extensions": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/text-extensions/-/text-extensions-1.9.0.tgz",
+      "integrity": "sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ=="
+    },
+    "through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU="
+    },
+    "through2": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
+      "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==",
+      "requires": {
+        "readable-stream": "~2.3.6",
+        "xtend": "~4.0.1"
+      }
+    },
+    "thunky": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
+      "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
+      "dev": true
+    },
+    "timed-out": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/timed-out/-/timed-out-4.0.1.tgz",
+      "integrity": "sha1-8y6srFoXW+ol1/q1Zas+2HQe9W8="
+    },
+    "timers-browserify": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.11.tgz",
+      "integrity": "sha512-60aV6sgJ5YEbzUdn9c8kYGIqOubPoUdqQCul3SBAsRCZ40s6Y5cMcrW4dt3/k/EsbLVJNl9n6Vz3fTc+k2GeKQ==",
+      "dev": true,
+      "requires": {
+        "setimmediate": "^1.0.4"
+      }
+    },
+    "timsort": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz",
+      "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=",
+      "dev": true
+    },
+    "tiny-emitter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
+      "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==",
+      "optional": true
+    },
+    "tiny-warning": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
+      "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
+    },
+    "tinycolor2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.4.1.tgz",
+      "integrity": "sha1-9PrTM0R7wLB9TcjpIJ2POaisd+g="
+    },
+    "tmp": {
+      "version": "0.0.33",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+      "dev": true,
+      "requires": {
+        "os-tmpdir": "~1.0.2"
+      }
+    },
+    "to-array": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/to-array/-/to-array-0.1.4.tgz",
+      "integrity": "sha1-F+bBH3PdTz10zaek/zI46a2b+JA=",
+      "dev": true
+    },
+    "to-arraybuffer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
+      "integrity": "sha1-fSKbH8xjfkZsoIEYCDanqr/4P0M=",
+      "dev": true
+    },
+    "to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
+      "dev": true
+    },
+    "to-object-path": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
+      "integrity": "sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.0.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "to-regex": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
+      "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+      "dev": true,
+      "requires": {
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "regex-not": "^1.0.2",
+        "safe-regex": "^1.1.0"
+      }
+    },
+    "to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "requires": {
+        "is-number": "^7.0.0"
+      }
+    },
+    "toidentifier": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
+      "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==",
+      "dev": true
+    },
+    "tooltipster": {
+      "version": "4.2.7",
+      "resolved": "https://registry.npmjs.org/tooltipster/-/tooltipster-4.2.7.tgz",
+      "integrity": "sha512-W4tY3LG2eyPY2VQZRH3JcsNuRl3jPCEGmKBPOMTP/05E3+1kOJjASzPRRkcpP+uf9vqX7+896ivU86f6B8Esgw=="
+    },
+    "tough-cookie": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
+      "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
+      "requires": {
+        "psl": "^1.1.28",
+        "punycode": "^2.1.1"
+      },
+      "dependencies": {
+        "punycode": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+          "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
+        }
+      }
+    },
+    "travis-deploy-once": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/travis-deploy-once/-/travis-deploy-once-3.3.0.tgz",
+      "integrity": "sha512-N0l+sdYHMQbJmQWfjmxkKRJrMWJ+52Ve1dhGDiPhGXFiWO0A0zSeTxiFujz0rSOLOl9OhsZ9EMlJh2lNrgGugA==",
+      "requires": {
+        "chalk": "^2.1.0",
+        "got": "^8.0.1",
+        "p-retry": "^1.0.0",
+        "semver": "^5.4.1",
+        "url-join": "^2.0.2"
+      }
+    },
+    "tree-kill": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+      "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+      "dev": true
+    },
+    "trim-newlines": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-2.0.0.tgz",
+      "integrity": "sha1-tAPQuRvlDDMd/EuC7s6yLD3hbSA="
+    },
+    "trim-off-newlines": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/trim-off-newlines/-/trim-off-newlines-1.0.1.tgz",
+      "integrity": "sha1-n5up2e+odkw4dpi8v+sshI8RrbM="
+    },
+    "ts-node": {
+      "version": "8.6.2",
+      "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-8.6.2.tgz",
+      "integrity": "sha512-4mZEbofxGqLL2RImpe3zMJukvEvcO1XP8bj8ozBPySdCUXEcU5cIRwR0aM3R+VoZq7iXc8N86NC0FspGRqP4gg==",
+      "dev": true,
+      "requires": {
+        "arg": "^4.1.0",
+        "diff": "^4.0.1",
+        "make-error": "^1.1.1",
+        "source-map-support": "^0.5.6",
+        "yn": "3.1.1"
+      }
+    },
+    "tslib": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
+      "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
+    },
+    "tslint": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/tslint/-/tslint-6.0.0.tgz",
+      "integrity": "sha512-9nLya8GBtlFmmFMW7oXXwoXS1NkrccqTqAtwXzdPV9e2mqSEvCki6iHL/Fbzi5oqbugshzgGPk7KBb2qNP1DSA==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.0.0",
+        "builtin-modules": "^1.1.1",
+        "chalk": "^2.3.0",
+        "commander": "^2.12.1",
+        "diff": "^4.0.1",
+        "glob": "^7.1.1",
+        "js-yaml": "^3.13.1",
+        "minimatch": "^3.0.4",
+        "mkdirp": "^0.5.1",
+        "resolve": "^1.3.2",
+        "semver": "^5.3.0",
+        "tslib": "^1.10.0",
+        "tsutils": "^2.29.0"
+      }
+    },
+    "tsutils": {
+      "version": "2.29.0",
+      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-2.29.0.tgz",
+      "integrity": "sha512-g5JVHCIJwzfISaXpXE1qvNalca5Jwob6FjI4AoPlqMusJ6ftFE7IkkFoMhVLRgK+4Kx3gkzb8UZK5t5yTTvEmA==",
+      "dev": true,
+      "requires": {
+        "tslib": "^1.8.1"
+      }
+    },
+    "tty-browserify": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",
+      "integrity": "sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY=",
+      "dev": true
+    },
+    "tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
+      "requires": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "tv4": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/tv4/-/tv4-1.3.0.tgz",
+      "integrity": "sha1-0CDIRvrdUMhVq7JeuuzGj8EPeWM="
+    },
+    "tweetnacl": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+      "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q="
+    },
+    "type-fest": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+      "dev": true
+    },
+    "type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dev": true,
+      "requires": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      }
+    },
+    "typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c="
+    },
+    "typeface-roboto": {
+      "version": "0.0.75",
+      "resolved": "https://registry.npmjs.org/typeface-roboto/-/typeface-roboto-0.0.75.tgz",
+      "integrity": "sha512-VrR/IiH00Z1tFP4vDGfwZ1esNqTiDMchBEXYY9kilT6wRGgFoCAlgkEUMHb1E3mB0FsfZhv756IF0+R+SFPfdg=="
+    },
+    "typescript": {
+      "version": "3.7.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.7.5.tgz",
+      "integrity": "sha512-/P5lkRXkWHNAbcJIiHPfRoKqyd7bsyCma1hZNUGfn20qm64T6ZBlrzprymeu918H+mB/0rIg2gGK/BXkhhYgBw==",
+      "dev": true
+    },
+    "uglify-js": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.8.0.tgz",
+      "integrity": "sha512-ugNSTT8ierCsDHso2jkBHXYrU8Y5/fY2ZUprfrJUiD7YpuFvV4jODLFmb3h4btQjqr5Nh4TX4XtgDfCU1WdioQ==",
+      "optional": true,
+      "requires": {
+        "commander": "~2.20.3",
+        "source-map": "~0.6.1"
+      }
+    },
+    "uid-number": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/uid-number/-/uid-number-0.0.5.tgz",
+      "integrity": "sha1-Wj2yPvXb1VuB/ODsmirG/M3ruB4="
+    },
+    "ultron": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ultron/-/ultron-1.1.1.tgz",
+      "integrity": "sha512-UIEXBNeYmKptWH6z8ZnqTeS8fV74zG0/eRU9VGkpzz+LIJNs8W/zM/L+7ctCkRrgbNnnR0xxw4bKOr0cW0N0Og==",
+      "dev": true
+    },
+    "unicode-canonical-property-names-ecmascript": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
+      "integrity": "sha512-jDrNnXWHd4oHiTZnx/ZG7gtUTVp+gCcTTKr8L0HjlwphROEW3+Him+IpvC+xcJEFegapiMZyZe02CyuOnRmbnQ==",
+      "dev": true
+    },
+    "unicode-match-property-ecmascript": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-1.0.4.tgz",
+      "integrity": "sha512-L4Qoh15vTfntsn4P1zqnHulG0LdXgjSO035fEpdtp6YxXhMT51Q6vgM5lYdG/5X3MjS+k/Y9Xw4SFCY9IkR0rg==",
+      "dev": true,
+      "requires": {
+        "unicode-canonical-property-names-ecmascript": "^1.0.4",
+        "unicode-property-aliases-ecmascript": "^1.0.4"
+      }
+    },
+    "unicode-match-property-value-ecmascript": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.1.0.tgz",
+      "integrity": "sha512-hDTHvaBk3RmFzvSl0UVrUmC3PuW9wKVnpoUDYH0JDkSIovzw+J5viQmeYHxVSBptubnr7PbH2e0fnpDRQnQl5g==",
+      "dev": true
+    },
+    "unicode-property-aliases-ecmascript": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.0.5.tgz",
+      "integrity": "sha512-L5RAqCfXqAwR3RriF8pM0lU0w4Ryf/GgzONwi6KnL1taJQa7x1TCxdJnILX59WIGOwR57IVxn7Nej0fz1Ny6fw==",
+      "dev": true
+    },
+    "union-value": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
+      "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==",
+      "dev": true,
+      "requires": {
+        "arr-union": "^3.1.0",
+        "get-value": "^2.0.6",
+        "is-extendable": "^0.1.1",
+        "set-value": "^2.0.1"
+      }
+    },
+    "uniq": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz",
+      "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=",
+      "dev": true
+    },
+    "uniqs": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/uniqs/-/uniqs-2.0.0.tgz",
+      "integrity": "sha1-/+3ks2slKQaW5uFl1KWe25mOawI=",
+      "dev": true
+    },
+    "unique-filename": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.1.tgz",
+      "integrity": "sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==",
+      "dev": true,
+      "requires": {
+        "unique-slug": "^2.0.0"
+      }
+    },
+    "unique-slug": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-2.0.2.tgz",
+      "integrity": "sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==",
+      "dev": true,
+      "requires": {
+        "imurmurhash": "^0.1.4"
+      }
+    },
+    "universal-analytics": {
+      "version": "0.4.20",
+      "resolved": "https://registry.npmjs.org/universal-analytics/-/universal-analytics-0.4.20.tgz",
+      "integrity": "sha512-gE91dtMvNkjO+kWsPstHRtSwHXz0l2axqptGYp5ceg4MsuurloM0PU3pdOfpb5zBXUvyjT4PwhWK2m39uczZuw==",
+      "dev": true,
+      "requires": {
+        "debug": "^3.0.0",
+        "request": "^2.88.0",
+        "uuid": "^3.0.0"
+      }
+    },
+    "universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg=="
+    },
+    "unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=",
+      "dev": true
+    },
+    "unquote": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz",
+      "integrity": "sha1-j97XMk7G6IoP+LkF58CYzcCG1UQ=",
+      "dev": true
+    },
+    "unset-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz",
+      "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=",
+      "dev": true,
+      "requires": {
+        "has-value": "^0.3.1",
+        "isobject": "^3.0.0"
+      },
+      "dependencies": {
+        "has-value": {
+          "version": "0.3.1",
+          "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz",
+          "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=",
+          "dev": true,
+          "requires": {
+            "get-value": "^2.0.3",
+            "has-values": "^0.1.4",
+            "isobject": "^2.0.0"
+          },
+          "dependencies": {
+            "isobject": {
+              "version": "2.1.0",
+              "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+              "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=",
+              "dev": true,
+              "requires": {
+                "isarray": "1.0.0"
+              }
+            }
+          }
+        },
+        "has-values": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz",
+          "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E=",
+          "dev": true
+        }
+      }
+    },
+    "upath": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz",
+      "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==",
+      "dev": true
+    },
+    "uri-js": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz",
+      "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==",
+      "requires": {
+        "punycode": "^2.1.0"
+      },
+      "dependencies": {
+        "punycode": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+          "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
+        }
+      }
+    },
+    "urix": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
+      "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=",
+      "dev": true
+    },
+    "url": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/url/-/url-0.11.0.tgz",
+      "integrity": "sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=",
+      "requires": {
+        "punycode": "1.3.2",
+        "querystring": "0.2.0"
+      }
+    },
+    "url-join": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/url-join/-/url-join-2.0.5.tgz",
+      "integrity": "sha1-WvIvGMBSoACkjXuCxenC4v7tpyg="
+    },
+    "url-parse": {
+      "version": "1.4.7",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.4.7.tgz",
+      "integrity": "sha512-d3uaVyzDB9tQoSXFvuSUNFibTd9zxd2bkVrDRvF5TmvWWQwqE4lgYJ5m+x1DbecWkw+LK4RNl2CU1hHuOKPVlg==",
+      "dev": true,
+      "requires": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "url-parse-lax": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-3.0.0.tgz",
+      "integrity": "sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=",
+      "requires": {
+        "prepend-http": "^2.0.0"
+      }
+    },
+    "url-to-options": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/url-to-options/-/url-to-options-1.0.1.tgz",
+      "integrity": "sha1-FQWgOiiaSMvXpDTvuu7FBV9WM6k="
+    },
+    "use": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
+      "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==",
+      "dev": true
+    },
+    "useragent": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/useragent/-/useragent-2.3.0.tgz",
+      "integrity": "sha512-4AoH4pxuSvHCjqLO04sU6U/uE65BYza8l/KKBS0b0hnUPWi+cQ2BpeTEwejCSx9SPV5/U03nniDTrWx5NrmKdw==",
+      "dev": true,
+      "requires": {
+        "lru-cache": "4.1.x",
+        "tmp": "0.0.x"
+      }
+    },
+    "util": {
+      "version": "0.11.1",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.11.1.tgz",
+      "integrity": "sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3"
+      },
+      "dependencies": {
+        "inherits": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+          "dev": true
+        }
+      }
+    },
+    "util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
+    },
+    "util-promisify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/util-promisify/-/util-promisify-2.1.0.tgz",
+      "integrity": "sha1-PCI2R2xNMsX/PEcAKt18E7moKlM=",
+      "dev": true,
+      "requires": {
+        "object.getownpropertydescriptors": "^2.0.3"
+      }
+    },
+    "util.promisify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.1.tgz",
+      "integrity": "sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.2",
+        "has-symbols": "^1.0.1",
+        "object.getownpropertydescriptors": "^2.1.0"
+      }
+    },
+    "utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=",
+      "dev": true
+    },
+    "uuid": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+      "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="
+    },
+    "validate-npm-package-license": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "requires": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
+    "validate-npm-package-name": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-3.0.0.tgz",
+      "integrity": "sha1-X6kS2B630MdK/BQN5zF/DKffQ34=",
+      "requires": {
+        "builtins": "^1.0.3"
+      }
+    },
+    "vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=",
+      "dev": true
+    },
+    "vendors": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/vendors/-/vendors-1.0.4.tgz",
+      "integrity": "sha512-/juG65kTL4Cy2su4P8HjtkTxk6VmJDiOPBufWniqQ6wknac6jNiXS9vU+hO3wgusiyqWlzTbVHi0dyJqRONg3w==",
+      "dev": true
+    },
+    "verror": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
+      "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
+      "requires": {
+        "assert-plus": "^1.0.0",
+        "core-util-is": "1.0.2",
+        "extsprintf": "^1.2.0"
+      }
+    },
+    "vm-browserify": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
+      "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
+      "dev": true
+    },
+    "void-elements": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
+      "integrity": "sha1-wGavtYK7HLQSjWDqkjkulNXp2+w=",
+      "dev": true
+    },
+    "walk": {
+      "version": "2.3.14",
+      "resolved": "https://registry.npmjs.org/walk/-/walk-2.3.14.tgz",
+      "integrity": "sha512-5skcWAUmySj6hkBdH6B6+3ddMjVQYH5Qy9QGbPmN8kVmLteXk+yVXg+yfk1nbX30EYakahLrr8iPcCxJQSCBeg==",
+      "requires": {
+        "foreachasync": "^3.0.0"
+      }
+    },
+    "warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "requires": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "watchpack": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.6.0.tgz",
+      "integrity": "sha512-i6dHe3EyLjMmDlU1/bGQpEw25XSjkJULPuAVKCbNRefQVq48yXKUpwg538F7AZTf9kyr57zj++pQFltUa5H7yA==",
+      "dev": true,
+      "requires": {
+        "chokidar": "^2.0.2",
+        "graceful-fs": "^4.1.2",
+        "neo-async": "^2.5.0"
+      },
+      "dependencies": {
+        "anymatch": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+          "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+          "dev": true,
+          "requires": {
+            "micromatch": "^3.1.4",
+            "normalize-path": "^2.1.1"
+          },
+          "dependencies": {
+            "normalize-path": {
+              "version": "2.1.1",
+              "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+              "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
+              "dev": true,
+              "requires": {
+                "remove-trailing-separator": "^1.0.1"
+              }
+            }
+          }
+        },
+        "binary-extensions": {
+          "version": "1.13.1",
+          "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+          "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
+          "dev": true
+        },
+        "braces": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+          "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+          "dev": true,
+          "requires": {
+            "arr-flatten": "^1.1.0",
+            "array-unique": "^0.3.2",
+            "extend-shallow": "^2.0.1",
+            "fill-range": "^4.0.0",
+            "isobject": "^3.0.1",
+            "repeat-element": "^1.1.2",
+            "snapdragon": "^0.8.1",
+            "snapdragon-node": "^2.0.1",
+            "split-string": "^3.0.2",
+            "to-regex": "^3.0.1"
+          }
+        },
+        "chokidar": {
+          "version": "2.1.8",
+          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
+          "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
+          "dev": true,
+          "requires": {
+            "anymatch": "^2.0.0",
+            "async-each": "^1.0.1",
+            "braces": "^2.3.2",
+            "fsevents": "^1.2.7",
+            "glob-parent": "^3.1.0",
+            "inherits": "^2.0.3",
+            "is-binary-path": "^1.0.0",
+            "is-glob": "^4.0.0",
+            "normalize-path": "^3.0.0",
+            "path-is-absolute": "^1.0.0",
+            "readdirp": "^2.2.1",
+            "upath": "^1.1.1"
+          }
+        },
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        },
+        "fill-range": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+          "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+          "dev": true,
+          "requires": {
+            "extend-shallow": "^2.0.1",
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1",
+            "to-regex-range": "^2.1.0"
+          }
+        },
+        "fsevents": {
+          "version": "1.2.11",
+          "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.11.tgz",
+          "integrity": "sha512-+ux3lx6peh0BpvY0JebGyZoiR4D+oYzdPZMKJwkZ+sFkNJzpL7tXc/wehS49gUAxg3tmMHPHZkA8JU2rhhgDHw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "node-pre-gyp": "*"
+          },
+          "dependencies": {
+            "abbrev": {
+              "version": "1.1.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "ansi-regex": {
+              "version": "2.1.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "aproba": {
+              "version": "1.2.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "are-we-there-yet": {
+              "version": "1.1.5",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "delegates": "^1.0.0",
+                "readable-stream": "^2.0.6"
+              }
+            },
+            "balanced-match": {
+              "version": "1.0.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "brace-expansion": {
+              "version": "1.1.11",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "balanced-match": "^1.0.0",
+                "concat-map": "0.0.1"
+              }
+            },
+            "chownr": {
+              "version": "1.1.3",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "code-point-at": {
+              "version": "1.1.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "concat-map": {
+              "version": "0.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "console-control-strings": {
+              "version": "1.1.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "core-util-is": {
+              "version": "1.0.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "debug": {
+              "version": "3.2.6",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "ms": "^2.1.1"
+              }
+            },
+            "deep-extend": {
+              "version": "0.6.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "delegates": {
+              "version": "1.0.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "detect-libc": {
+              "version": "1.0.3",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "fs-minipass": {
+              "version": "1.2.7",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "minipass": "^2.6.0"
+              }
+            },
+            "fs.realpath": {
+              "version": "1.0.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "gauge": {
+              "version": "2.7.4",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "aproba": "^1.0.3",
+                "console-control-strings": "^1.0.0",
+                "has-unicode": "^2.0.0",
+                "object-assign": "^4.1.0",
+                "signal-exit": "^3.0.0",
+                "string-width": "^1.0.1",
+                "strip-ansi": "^3.0.1",
+                "wide-align": "^1.1.0"
+              }
+            },
+            "glob": {
+              "version": "7.1.6",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "fs.realpath": "^1.0.0",
+                "inflight": "^1.0.4",
+                "inherits": "2",
+                "minimatch": "^3.0.4",
+                "once": "^1.3.0",
+                "path-is-absolute": "^1.0.0"
+              }
+            },
+            "has-unicode": {
+              "version": "2.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "iconv-lite": {
+              "version": "0.4.24",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "safer-buffer": ">= 2.1.2 < 3"
+              }
+            },
+            "ignore-walk": {
+              "version": "3.0.3",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "minimatch": "^3.0.4"
+              }
+            },
+            "inflight": {
+              "version": "1.0.6",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "once": "^1.3.0",
+                "wrappy": "1"
+              }
+            },
+            "inherits": {
+              "version": "2.0.4",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "ini": {
+              "version": "1.3.5",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "is-fullwidth-code-point": {
+              "version": "1.0.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "number-is-nan": "^1.0.0"
+              }
+            },
+            "isarray": {
+              "version": "1.0.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "minimatch": {
+              "version": "3.0.4",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "brace-expansion": "^1.1.7"
+              }
+            },
+            "minimist": {
+              "version": "0.0.8",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "minipass": {
+              "version": "2.9.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "safe-buffer": "^5.1.2",
+                "yallist": "^3.0.0"
+              }
+            },
+            "minizlib": {
+              "version": "1.3.3",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "minipass": "^2.9.0"
+              }
+            },
+            "mkdirp": {
+              "version": "0.5.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "minimist": "0.0.8"
+              }
+            },
+            "ms": {
+              "version": "2.1.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "needle": {
+              "version": "2.4.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "debug": "^3.2.6",
+                "iconv-lite": "^0.4.4",
+                "sax": "^1.2.4"
+              }
+            },
+            "node-pre-gyp": {
+              "version": "0.14.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "detect-libc": "^1.0.2",
+                "mkdirp": "^0.5.1",
+                "needle": "^2.2.1",
+                "nopt": "^4.0.1",
+                "npm-packlist": "^1.1.6",
+                "npmlog": "^4.0.2",
+                "rc": "^1.2.7",
+                "rimraf": "^2.6.1",
+                "semver": "^5.3.0",
+                "tar": "^4.4.2"
+              }
+            },
+            "nopt": {
+              "version": "4.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "abbrev": "1",
+                "osenv": "^0.1.4"
+              }
+            },
+            "npm-bundled": {
+              "version": "1.1.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "npm-normalize-package-bin": "^1.0.1"
+              }
+            },
+            "npm-normalize-package-bin": {
+              "version": "1.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "npm-packlist": {
+              "version": "1.4.7",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "ignore-walk": "^3.0.1",
+                "npm-bundled": "^1.0.1"
+              }
+            },
+            "npmlog": {
+              "version": "4.1.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "are-we-there-yet": "~1.1.2",
+                "console-control-strings": "~1.1.0",
+                "gauge": "~2.7.3",
+                "set-blocking": "~2.0.0"
+              }
+            },
+            "number-is-nan": {
+              "version": "1.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "object-assign": {
+              "version": "4.1.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "once": {
+              "version": "1.4.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "wrappy": "1"
+              }
+            },
+            "os-homedir": {
+              "version": "1.0.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "os-tmpdir": {
+              "version": "1.0.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "osenv": {
+              "version": "0.1.5",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "os-homedir": "^1.0.0",
+                "os-tmpdir": "^1.0.0"
+              }
+            },
+            "path-is-absolute": {
+              "version": "1.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "process-nextick-args": {
+              "version": "2.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "rc": {
+              "version": "1.2.8",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "deep-extend": "^0.6.0",
+                "ini": "~1.3.0",
+                "minimist": "^1.2.0",
+                "strip-json-comments": "~2.0.1"
+              },
+              "dependencies": {
+                "minimist": {
+                  "version": "1.2.0",
+                  "bundled": true,
+                  "dev": true,
+                  "optional": true
+                }
+              }
+            },
+            "readable-stream": {
+              "version": "2.3.6",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "core-util-is": "~1.0.0",
+                "inherits": "~2.0.3",
+                "isarray": "~1.0.0",
+                "process-nextick-args": "~2.0.0",
+                "safe-buffer": "~5.1.1",
+                "string_decoder": "~1.1.1",
+                "util-deprecate": "~1.0.1"
+              }
+            },
+            "rimraf": {
+              "version": "2.7.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "glob": "^7.1.3"
+              }
+            },
+            "safe-buffer": {
+              "version": "5.1.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "safer-buffer": {
+              "version": "2.1.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "sax": {
+              "version": "1.2.4",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "semver": {
+              "version": "5.7.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "set-blocking": {
+              "version": "2.0.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "signal-exit": {
+              "version": "3.0.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "string-width": {
+              "version": "1.0.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "code-point-at": "^1.0.0",
+                "is-fullwidth-code-point": "^1.0.0",
+                "strip-ansi": "^3.0.0"
+              }
+            },
+            "string_decoder": {
+              "version": "1.1.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "safe-buffer": "~5.1.0"
+              }
+            },
+            "strip-ansi": {
+              "version": "3.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "ansi-regex": "^2.0.0"
+              }
+            },
+            "strip-json-comments": {
+              "version": "2.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "tar": {
+              "version": "4.4.13",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "chownr": "^1.1.1",
+                "fs-minipass": "^1.2.5",
+                "minipass": "^2.8.6",
+                "minizlib": "^1.2.1",
+                "mkdirp": "^0.5.0",
+                "safe-buffer": "^5.1.2",
+                "yallist": "^3.0.3"
+              }
+            },
+            "util-deprecate": {
+              "version": "1.0.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "wide-align": {
+              "version": "1.1.3",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "string-width": "^1.0.2 || 2"
+              }
+            },
+            "wrappy": {
+              "version": "1.0.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "yallist": {
+              "version": "3.1.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            }
+          }
+        },
+        "is-binary-path": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+          "integrity": "sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=",
+          "dev": true,
+          "requires": {
+            "binary-extensions": "^1.0.0"
+          }
+        },
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^3.0.2"
+          }
+        },
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        },
+        "readdirp": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz",
+          "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.11",
+            "micromatch": "^3.1.10",
+            "readable-stream": "^2.0.2"
+          }
+        },
+        "to-regex-range": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+          "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=",
+          "dev": true,
+          "requires": {
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1"
+          }
+        }
+      }
+    },
+    "wbuf": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
+      "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
+      "dev": true,
+      "requires": {
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "wcwidth": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
+      "integrity": "sha1-8LDc+RW8X/FSivrbLA4XtTLaL+g=",
+      "requires": {
+        "defaults": "^1.0.3"
+      }
+    },
+    "webdriver-js-extender": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/webdriver-js-extender/-/webdriver-js-extender-2.1.0.tgz",
+      "integrity": "sha512-lcUKrjbBfCK6MNsh7xaY2UAUmZwe+/ib03AjVOpFobX4O7+83BUveSrLfU0Qsyb1DaKJdQRbuU+kM9aZ6QUhiQ==",
+      "dev": true,
+      "requires": {
+        "@types/selenium-webdriver": "^3.0.0",
+        "selenium-webdriver": "^3.0.1"
+      }
+    },
+    "webpack": {
+      "version": "4.41.2",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.41.2.tgz",
+      "integrity": "sha512-Zhw69edTGfbz9/8JJoyRQ/pq8FYUoY0diOXqW0T6yhgdhCv6wr0hra5DwwWexNRns2Z2+gsnrNcbe9hbGBgk/A==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.8.5",
+        "@webassemblyjs/helper-module-context": "1.8.5",
+        "@webassemblyjs/wasm-edit": "1.8.5",
+        "@webassemblyjs/wasm-parser": "1.8.5",
+        "acorn": "^6.2.1",
+        "ajv": "^6.10.2",
+        "ajv-keywords": "^3.4.1",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^4.1.0",
+        "eslint-scope": "^4.0.3",
+        "json-parse-better-errors": "^1.0.2",
+        "loader-runner": "^2.4.0",
+        "loader-utils": "^1.2.3",
+        "memory-fs": "^0.4.1",
+        "micromatch": "^3.1.10",
+        "mkdirp": "^0.5.1",
+        "neo-async": "^2.6.1",
+        "node-libs-browser": "^2.2.1",
+        "schema-utils": "^1.0.0",
+        "tapable": "^1.1.3",
+        "terser-webpack-plugin": "^1.4.1",
+        "watchpack": "^1.6.0",
+        "webpack-sources": "^1.4.1"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "6.4.0",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.0.tgz",
+          "integrity": "sha512-gac8OEcQ2Li1dxIEWGZzsp2BitJxwkwcOm0zHAJLcPJaVvm58FRnk6RkuLRpU1EujipU2ZFODv2P9DLMfnV8mw==",
+          "dev": true
+        },
+        "cacache": {
+          "version": "12.0.3",
+          "resolved": "https://registry.npmjs.org/cacache/-/cacache-12.0.3.tgz",
+          "integrity": "sha512-kqdmfXEGFepesTuROHMs3MpFLWrPkSSpRqOw80RCflZXy/khxaArvFrQ7uJxSUduzAufc6G0g1VUCOZXxWavPw==",
+          "dev": true,
+          "requires": {
+            "bluebird": "^3.5.5",
+            "chownr": "^1.1.1",
+            "figgy-pudding": "^3.5.1",
+            "glob": "^7.1.4",
+            "graceful-fs": "^4.1.15",
+            "infer-owner": "^1.0.3",
+            "lru-cache": "^5.1.1",
+            "mississippi": "^3.0.0",
+            "mkdirp": "^0.5.1",
+            "move-concurrently": "^1.0.1",
+            "promise-inflight": "^1.0.1",
+            "rimraf": "^2.6.3",
+            "ssri": "^6.0.1",
+            "unique-filename": "^1.1.1",
+            "y18n": "^4.0.0"
+          }
+        },
+        "find-cache-dir": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz",
+          "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==",
+          "dev": true,
+          "requires": {
+            "commondir": "^1.0.1",
+            "make-dir": "^2.0.0",
+            "pkg-dir": "^3.0.0"
+          }
+        },
+        "is-wsl": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz",
+          "integrity": "sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=",
+          "dev": true
+        },
+        "lru-cache": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+          "dev": true,
+          "requires": {
+            "yallist": "^3.0.2"
+          }
+        },
+        "memory-fs": {
+          "version": "0.4.1",
+          "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
+          "integrity": "sha1-OpoguEYlI+RHz7x+i7gO1me/xVI=",
+          "dev": true,
+          "requires": {
+            "errno": "^0.1.3",
+            "readable-stream": "^2.0.1"
+          }
+        },
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "ssri": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz",
+          "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==",
+          "dev": true,
+          "requires": {
+            "figgy-pudding": "^3.5.1"
+          }
+        },
+        "terser-webpack-plugin": {
+          "version": "1.4.3",
+          "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.3.tgz",
+          "integrity": "sha512-QMxecFz/gHQwteWwSo5nTc6UaICqN1bMedC5sMtUc7y3Ha3Q8y6ZO0iCR8pq4RJC8Hjf0FEPEHZqcMB/+DFCrA==",
+          "dev": true,
+          "requires": {
+            "cacache": "^12.0.2",
+            "find-cache-dir": "^2.1.0",
+            "is-wsl": "^1.1.0",
+            "schema-utils": "^1.0.0",
+            "serialize-javascript": "^2.1.2",
+            "source-map": "^0.6.1",
+            "terser": "^4.1.2",
+            "webpack-sources": "^1.4.0",
+            "worker-farm": "^1.7.0"
+          }
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+          "dev": true
+        }
+      }
+    },
+    "webpack-dev-middleware": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-3.7.2.tgz",
+      "integrity": "sha512-1xC42LxbYoqLNAhV6YzTYacicgMZQTqRd27Sim9wn5hJrX3I5nxYy1SxSd4+gjUFsz1dQFj+yEe6zEVmSkeJjw==",
+      "dev": true,
+      "requires": {
+        "memory-fs": "^0.4.1",
+        "mime": "^2.4.4",
+        "mkdirp": "^0.5.1",
+        "range-parser": "^1.2.1",
+        "webpack-log": "^2.0.0"
+      },
+      "dependencies": {
+        "memory-fs": {
+          "version": "0.4.1",
+          "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
+          "integrity": "sha1-OpoguEYlI+RHz7x+i7gO1me/xVI=",
+          "dev": true,
+          "requires": {
+            "errno": "^0.1.3",
+            "readable-stream": "^2.0.1"
+          }
+        }
+      }
+    },
+    "webpack-dev-server": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-3.9.0.tgz",
+      "integrity": "sha512-E6uQ4kRrTX9URN9s/lIbqTAztwEPdvzVrcmHE8EQ9YnuT9J8Es5Wrd8n9BKg1a0oZ5EgEke/EQFgUsp18dSTBw==",
+      "dev": true,
+      "requires": {
+        "ansi-html": "0.0.7",
+        "bonjour": "^3.5.0",
+        "chokidar": "^2.1.8",
+        "compression": "^1.7.4",
+        "connect-history-api-fallback": "^1.6.0",
+        "debug": "^4.1.1",
+        "del": "^4.1.1",
+        "express": "^4.17.1",
+        "html-entities": "^1.2.1",
+        "http-proxy-middleware": "0.19.1",
+        "import-local": "^2.0.0",
+        "internal-ip": "^4.3.0",
+        "ip": "^1.1.5",
+        "is-absolute-url": "^3.0.3",
+        "killable": "^1.0.1",
+        "loglevel": "^1.6.4",
+        "opn": "^5.5.0",
+        "p-retry": "^3.0.1",
+        "portfinder": "^1.0.25",
+        "schema-utils": "^1.0.0",
+        "selfsigned": "^1.10.7",
+        "semver": "^6.3.0",
+        "serve-index": "^1.9.1",
+        "sockjs": "0.3.19",
+        "sockjs-client": "1.4.0",
+        "spdy": "^4.0.1",
+        "strip-ansi": "^3.0.1",
+        "supports-color": "^6.1.0",
+        "url": "^0.11.0",
+        "webpack-dev-middleware": "^3.7.2",
+        "webpack-log": "^2.0.0",
+        "ws": "^6.2.1",
+        "yargs": "12.0.5"
+      },
+      "dependencies": {
+        "anymatch": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+          "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+          "dev": true,
+          "requires": {
+            "micromatch": "^3.1.4",
+            "normalize-path": "^2.1.1"
+          },
+          "dependencies": {
+            "normalize-path": {
+              "version": "2.1.1",
+              "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+              "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
+              "dev": true,
+              "requires": {
+                "remove-trailing-separator": "^1.0.1"
+              }
+            }
+          }
+        },
+        "binary-extensions": {
+          "version": "1.13.1",
+          "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+          "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
+          "dev": true
+        },
+        "braces": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+          "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+          "dev": true,
+          "requires": {
+            "arr-flatten": "^1.1.0",
+            "array-unique": "^0.3.2",
+            "extend-shallow": "^2.0.1",
+            "fill-range": "^4.0.0",
+            "isobject": "^3.0.1",
+            "repeat-element": "^1.1.2",
+            "snapdragon": "^0.8.1",
+            "snapdragon-node": "^2.0.1",
+            "split-string": "^3.0.2",
+            "to-regex": "^3.0.1"
+          }
+        },
+        "chokidar": {
+          "version": "2.1.8",
+          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
+          "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
+          "dev": true,
+          "requires": {
+            "anymatch": "^2.0.0",
+            "async-each": "^1.0.1",
+            "braces": "^2.3.2",
+            "fsevents": "^1.2.7",
+            "glob-parent": "^3.1.0",
+            "inherits": "^2.0.3",
+            "is-binary-path": "^1.0.0",
+            "is-glob": "^4.0.0",
+            "normalize-path": "^3.0.0",
+            "path-is-absolute": "^1.0.0",
+            "readdirp": "^2.2.1",
+            "upath": "^1.1.1"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        },
+        "fill-range": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+          "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+          "dev": true,
+          "requires": {
+            "extend-shallow": "^2.0.1",
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1",
+            "to-regex-range": "^2.1.0"
+          }
+        },
+        "fsevents": {
+          "version": "1.2.11",
+          "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.11.tgz",
+          "integrity": "sha512-+ux3lx6peh0BpvY0JebGyZoiR4D+oYzdPZMKJwkZ+sFkNJzpL7tXc/wehS49gUAxg3tmMHPHZkA8JU2rhhgDHw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "node-pre-gyp": "*"
+          },
+          "dependencies": {
+            "abbrev": {
+              "version": "1.1.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "ansi-regex": {
+              "version": "2.1.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "aproba": {
+              "version": "1.2.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "are-we-there-yet": {
+              "version": "1.1.5",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "delegates": "^1.0.0",
+                "readable-stream": "^2.0.6"
+              }
+            },
+            "balanced-match": {
+              "version": "1.0.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "brace-expansion": {
+              "version": "1.1.11",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "balanced-match": "^1.0.0",
+                "concat-map": "0.0.1"
+              }
+            },
+            "chownr": {
+              "version": "1.1.3",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "code-point-at": {
+              "version": "1.1.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "concat-map": {
+              "version": "0.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "console-control-strings": {
+              "version": "1.1.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "core-util-is": {
+              "version": "1.0.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "debug": {
+              "version": "3.2.6",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "ms": "^2.1.1"
+              }
+            },
+            "deep-extend": {
+              "version": "0.6.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "delegates": {
+              "version": "1.0.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "detect-libc": {
+              "version": "1.0.3",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "fs-minipass": {
+              "version": "1.2.7",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "minipass": "^2.6.0"
+              }
+            },
+            "fs.realpath": {
+              "version": "1.0.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "gauge": {
+              "version": "2.7.4",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "aproba": "^1.0.3",
+                "console-control-strings": "^1.0.0",
+                "has-unicode": "^2.0.0",
+                "object-assign": "^4.1.0",
+                "signal-exit": "^3.0.0",
+                "string-width": "^1.0.1",
+                "strip-ansi": "^3.0.1",
+                "wide-align": "^1.1.0"
+              }
+            },
+            "glob": {
+              "version": "7.1.6",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "fs.realpath": "^1.0.0",
+                "inflight": "^1.0.4",
+                "inherits": "2",
+                "minimatch": "^3.0.4",
+                "once": "^1.3.0",
+                "path-is-absolute": "^1.0.0"
+              }
+            },
+            "has-unicode": {
+              "version": "2.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "iconv-lite": {
+              "version": "0.4.24",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "safer-buffer": ">= 2.1.2 < 3"
+              }
+            },
+            "ignore-walk": {
+              "version": "3.0.3",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "minimatch": "^3.0.4"
+              }
+            },
+            "inflight": {
+              "version": "1.0.6",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "once": "^1.3.0",
+                "wrappy": "1"
+              }
+            },
+            "inherits": {
+              "version": "2.0.4",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "ini": {
+              "version": "1.3.5",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "is-fullwidth-code-point": {
+              "version": "1.0.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "number-is-nan": "^1.0.0"
+              }
+            },
+            "isarray": {
+              "version": "1.0.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "minimatch": {
+              "version": "3.0.4",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "brace-expansion": "^1.1.7"
+              }
+            },
+            "minimist": {
+              "version": "0.0.8",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "minipass": {
+              "version": "2.9.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "safe-buffer": "^5.1.2",
+                "yallist": "^3.0.0"
+              }
+            },
+            "minizlib": {
+              "version": "1.3.3",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "minipass": "^2.9.0"
+              }
+            },
+            "mkdirp": {
+              "version": "0.5.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "minimist": "0.0.8"
+              }
+            },
+            "ms": {
+              "version": "2.1.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "needle": {
+              "version": "2.4.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "debug": "^3.2.6",
+                "iconv-lite": "^0.4.4",
+                "sax": "^1.2.4"
+              }
+            },
+            "node-pre-gyp": {
+              "version": "0.14.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "detect-libc": "^1.0.2",
+                "mkdirp": "^0.5.1",
+                "needle": "^2.2.1",
+                "nopt": "^4.0.1",
+                "npm-packlist": "^1.1.6",
+                "npmlog": "^4.0.2",
+                "rc": "^1.2.7",
+                "rimraf": "^2.6.1",
+                "semver": "^5.3.0",
+                "tar": "^4.4.2"
+              }
+            },
+            "nopt": {
+              "version": "4.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "abbrev": "1",
+                "osenv": "^0.1.4"
+              }
+            },
+            "npm-bundled": {
+              "version": "1.1.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "npm-normalize-package-bin": "^1.0.1"
+              }
+            },
+            "npm-normalize-package-bin": {
+              "version": "1.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "npm-packlist": {
+              "version": "1.4.7",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "ignore-walk": "^3.0.1",
+                "npm-bundled": "^1.0.1"
+              }
+            },
+            "npmlog": {
+              "version": "4.1.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "are-we-there-yet": "~1.1.2",
+                "console-control-strings": "~1.1.0",
+                "gauge": "~2.7.3",
+                "set-blocking": "~2.0.0"
+              }
+            },
+            "number-is-nan": {
+              "version": "1.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "object-assign": {
+              "version": "4.1.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "once": {
+              "version": "1.4.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "wrappy": "1"
+              }
+            },
+            "os-homedir": {
+              "version": "1.0.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "os-tmpdir": {
+              "version": "1.0.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "osenv": {
+              "version": "0.1.5",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "os-homedir": "^1.0.0",
+                "os-tmpdir": "^1.0.0"
+              }
+            },
+            "path-is-absolute": {
+              "version": "1.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "process-nextick-args": {
+              "version": "2.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "rc": {
+              "version": "1.2.8",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "deep-extend": "^0.6.0",
+                "ini": "~1.3.0",
+                "minimist": "^1.2.0",
+                "strip-json-comments": "~2.0.1"
+              },
+              "dependencies": {
+                "minimist": {
+                  "version": "1.2.0",
+                  "bundled": true,
+                  "dev": true,
+                  "optional": true
+                }
+              }
+            },
+            "readable-stream": {
+              "version": "2.3.6",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "core-util-is": "~1.0.0",
+                "inherits": "~2.0.3",
+                "isarray": "~1.0.0",
+                "process-nextick-args": "~2.0.0",
+                "safe-buffer": "~5.1.1",
+                "string_decoder": "~1.1.1",
+                "util-deprecate": "~1.0.1"
+              }
+            },
+            "rimraf": {
+              "version": "2.7.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "glob": "^7.1.3"
+              }
+            },
+            "safe-buffer": {
+              "version": "5.1.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "safer-buffer": {
+              "version": "2.1.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "sax": {
+              "version": "1.2.4",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "semver": {
+              "version": "5.7.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "set-blocking": {
+              "version": "2.0.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "signal-exit": {
+              "version": "3.0.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "string-width": {
+              "version": "1.0.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "code-point-at": "^1.0.0",
+                "is-fullwidth-code-point": "^1.0.0",
+                "strip-ansi": "^3.0.0"
+              }
+            },
+            "string_decoder": {
+              "version": "1.1.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "safe-buffer": "~5.1.0"
+              }
+            },
+            "strip-ansi": {
+              "version": "3.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "ansi-regex": "^2.0.0"
+              }
+            },
+            "strip-json-comments": {
+              "version": "2.0.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "tar": {
+              "version": "4.4.13",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "chownr": "^1.1.1",
+                "fs-minipass": "^1.2.5",
+                "minipass": "^2.8.6",
+                "minizlib": "^1.2.1",
+                "mkdirp": "^0.5.0",
+                "safe-buffer": "^5.1.2",
+                "yallist": "^3.0.3"
+              }
+            },
+            "util-deprecate": {
+              "version": "1.0.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "wide-align": {
+              "version": "1.1.3",
+              "bundled": true,
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "string-width": "^1.0.2 || 2"
+              }
+            },
+            "wrappy": {
+              "version": "1.0.2",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            },
+            "yallist": {
+              "version": "3.1.1",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            }
+          }
+        },
+        "is-absolute-url": {
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-3.0.3.tgz",
+          "integrity": "sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==",
+          "dev": true
+        },
+        "is-binary-path": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+          "integrity": "sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=",
+          "dev": true,
+          "requires": {
+            "binary-extensions": "^1.0.0"
+          }
+        },
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^3.0.2"
+          }
+        },
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        },
+        "p-retry": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-3.0.1.tgz",
+          "integrity": "sha512-XE6G4+YTTkT2a0UWb2kjZe8xNwf8bIbnqpc/IS/idOBVhyves0mK5OJgeocjx7q5pvX/6m23xuzVPYT1uGM73w==",
+          "dev": true,
+          "requires": {
+            "retry": "^0.12.0"
+          }
+        },
+        "readdirp": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz",
+          "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.11",
+            "micromatch": "^3.1.10",
+            "readable-stream": "^2.0.2"
+          }
+        },
+        "retry": {
+          "version": "0.12.0",
+          "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+          "integrity": "sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=",
+          "dev": true
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        },
+        "to-regex-range": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+          "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=",
+          "dev": true,
+          "requires": {
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1"
+          }
+        }
+      }
+    },
+    "webpack-log": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/webpack-log/-/webpack-log-2.0.0.tgz",
+      "integrity": "sha512-cX8G2vR/85UYG59FgkoMamwHUIkSSlV3bBMRsbxVXVUk2j6NleCKjQ/WE9eYg9WY4w25O9w8wKP4rzNZFmUcUg==",
+      "dev": true,
+      "requires": {
+        "ansi-colors": "^3.0.0",
+        "uuid": "^3.3.2"
+      }
+    },
+    "webpack-merge": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-4.2.2.tgz",
+      "integrity": "sha512-TUE1UGoTX2Cd42j3krGYqObZbOD+xF7u28WB7tfUordytSjbWTIjK/8V0amkBfTYN4/pB/GIDlJZZ657BGG19g==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.15"
+      }
+    },
+    "webpack-sources": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.3.tgz",
+      "integrity": "sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==",
+      "dev": true,
+      "requires": {
+        "source-list-map": "^2.0.0",
+        "source-map": "~0.6.1"
+      }
+    },
+    "webpack-subresource-integrity": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/webpack-subresource-integrity/-/webpack-subresource-integrity-1.3.4.tgz",
+      "integrity": "sha512-6XbGYzjh30cGQT/NsC+9IAkJP8IL7/t47sbwR5DLSsamiD56Rwv4/+hsgEHsviPvrEFZ0JRAQtCRN3UsR2Pw9g==",
+      "dev": true,
+      "requires": {
+        "webpack-sources": "^1.3.0"
+      }
+    },
+    "websocket-driver": {
+      "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.3.tgz",
+      "integrity": "sha512-bpxWlvbbB459Mlipc5GBzzZwhoZgGEZLuqPaR0INBGnPAY1vdBX6hPnoFXiw+3yWxDuHyQjO2oXTMyS8A5haFg==",
+      "dev": true,
+      "requires": {
+        "http-parser-js": ">=0.4.0 <0.4.11",
+        "safe-buffer": ">=5.1.0",
+        "websocket-extensions": ">=0.1.1"
+      }
+    },
+    "websocket-extensions": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.3.tgz",
+      "integrity": "sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg==",
+      "dev": true
+    },
+    "when": {
+      "version": "3.6.4",
+      "resolved": "https://registry.npmjs.org/when/-/when-3.6.4.tgz",
+      "integrity": "sha1-RztRfsFZ4rhQBUl6E5g/CVQS404=",
+      "dev": true
+    },
+    "which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "requires": {
+        "isexe": "^2.0.0"
+      }
+    },
+    "which-boxed-primitive": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.1.tgz",
+      "integrity": "sha512-7BT4TwISdDGBgaemWU0N0OU7FeAEJ9Oo2P1PHRm/FCWoEi2VLWC9b6xvxAA3C/NMpxg3HXVgi0sMmGbNUbNepQ==",
+      "requires": {
+        "is-bigint": "^1.0.0",
+        "is-boolean-object": "^1.0.0",
+        "is-number-object": "^1.0.3",
+        "is-string": "^1.0.4",
+        "is-symbol": "^1.0.2"
+      }
+    },
+    "which-collection": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
+      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+      "requires": {
+        "is-map": "^2.0.1",
+        "is-set": "^2.0.1",
+        "is-weakmap": "^2.0.1",
+        "is-weakset": "^2.0.1"
+      }
+    },
+    "which-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
+      "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
+      "dev": true
+    },
+    "wide-align": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz",
+      "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==",
+      "requires": {
+        "string-width": "^1.0.2 || 2"
+      }
+    },
+    "wordwrap": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz",
+      "integrity": "sha1-o9XabNXAvAAI03I0u68b7WMFkQc="
+    },
+    "worker-farm": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/worker-farm/-/worker-farm-1.7.0.tgz",
+      "integrity": "sha512-rvw3QTZc8lAxyVrqcSGVm5yP/IJ2UcB3U0graE3LCFoZ0Yn2x4EoVSqJKdB/T5M+FLcRPjz4TDacRf3OCfNUzw==",
+      "dev": true,
+      "requires": {
+        "errno": "~0.1.7"
+      }
+    },
+    "worker-plugin": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/worker-plugin/-/worker-plugin-3.2.0.tgz",
+      "integrity": "sha512-W5nRkw7+HlbsEt3qRP6MczwDDISjiRj2GYt9+bpe8A2La00TmJdwzG5bpdMXhRt1qcWmwAvl1TiKaHRa+XDS9Q==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.1.0"
+      }
+    },
+    "wrap-ansi": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
+      "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=",
+      "dev": true,
+      "requires": {
+        "string-width": "^1.0.1",
+        "strip-ansi": "^3.0.1"
+      }
+    },
+    "wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+    },
+    "ws": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
+      "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==",
+      "dev": true,
+      "requires": {
+        "async-limiter": "~1.0.0"
+      }
+    },
+    "xml2js": {
+      "version": "0.4.23",
+      "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.4.23.tgz",
+      "integrity": "sha512-ySPiMjM0+pLDftHgXY4By0uswI3SPKLDw/i3UXbnO8M/p28zqexCUoPmQFrYD+/1BzhGJSs2i1ERWKJAtiLrug==",
+      "dev": true,
+      "requires": {
+        "sax": ">=0.6.0",
+        "xmlbuilder": "~11.0.0"
+      }
+    },
+    "xmlbuilder": {
+      "version": "11.0.1",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-11.0.1.tgz",
+      "integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==",
+      "dev": true
+    },
+    "xmlhttprequest-ssl": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz",
+      "integrity": "sha1-wodrBhaKrcQOV9l+gRkayPQ5iz4=",
+      "dev": true
+    },
+    "xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ=="
+    },
+    "y18n": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz",
+      "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==",
+      "dev": true
+    },
+    "yallist": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+      "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI="
+    },
+    "yargs": {
+      "version": "12.0.5",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.5.tgz",
+      "integrity": "sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==",
+      "dev": true,
+      "requires": {
+        "cliui": "^4.0.0",
+        "decamelize": "^1.2.0",
+        "find-up": "^3.0.0",
+        "get-caller-file": "^1.0.1",
+        "os-locale": "^3.0.0",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^1.0.1",
+        "set-blocking": "^2.0.0",
+        "string-width": "^2.0.0",
+        "which-module": "^2.0.0",
+        "y18n": "^3.2.1 || ^4.0.0",
+        "yargs-parser": "^11.1.1"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
+          "dev": true
+        },
+        "find-up": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+          "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^3.0.0"
+          }
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        },
+        "locate-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+          "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^3.0.0",
+            "path-exists": "^3.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "2.2.2",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.2.tgz",
+          "integrity": "sha512-WGR+xHecKTr7EbUEhyLSh5Dube9JtdiG78ufaeLxTgpudf/20KqyMioIUZJAezlTIi6evxuoUs9YXc11cU+yzQ==",
+          "dev": true,
+          "requires": {
+            "p-try": "^2.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+          "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.0.0"
+          }
+        },
+        "p-try": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+          "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+          "dev": true
+        },
+        "string-width": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+          "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+          "dev": true,
+          "requires": {
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^4.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+          "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^3.0.0"
+          }
+        }
+      }
+    },
+    "yargs-parser": {
+      "version": "11.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-11.1.1.tgz",
+      "integrity": "sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==",
+      "dev": true,
+      "requires": {
+        "camelcase": "^5.0.0",
+        "decamelize": "^1.2.0"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "5.3.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+          "dev": true
+        }
+      }
+    },
+    "yeast": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz",
+      "integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk=",
+      "dev": true
+    },
+    "yn": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
+      "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
+      "dev": true
+    },
+    "zone.js": {
+      "version": "0.10.2",
+      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.10.2.tgz",
+      "integrity": "sha512-UAYfiuvxLN4oyuqhJwd21Uxb4CNawrq6fPS/05Su5L4G+1TN+HVDJMUHNMobVQDFJRir2cLAODXwluaOKB7HFg=="
+    }
+  }
+}
diff --git a/ui-ngx/package.json b/ui-ngx/package.json
new file mode 100644
index 0000000000..a8375a169d
--- /dev/null
+++ b/ui-ngx/package.json
@@ -0,0 +1,125 @@
+{
+  "name": "thingsboard",
+  "version": "3.0.0",
+  "scripts": {
+    "postinstall": "ngcc --properties es2015 browser module main --first-only --create-ivy-entry-points",
+    "ng": "ng",
+    "start": "ng serve --host 0.0.0.0 --open",
+    "build": "ng build",
+    "build:prod": "node --max_old_space_size=8048 ./node_modules/@angular/cli/bin/ng build --prod --vendor-chunk",
+    "test": "ng test",
+    "lint": "ng lint",
+    "e2e": "ng e2e"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "^9.0.1",
+    "@angular/cdk": "^9.0.0",
+    "@angular/common": "^9.0.1",
+    "@angular/compiler": "^9.0.1",
+    "@angular/core": "^9.0.1",
+    "@angular/flex-layout": "^9.0.0-beta.29",
+    "@angular/forms": "^9.0.1",
+    "@angular/material": "^9.0.0",
+    "@angular/platform-browser": "^9.0.1",
+    "@angular/platform-browser-dynamic": "^9.0.1",
+    "@angular/router": "^9.0.1",
+    "@auth0/angular-jwt": "^4.0.0",
+    "@date-io/date-fns": "^2.4.0",
+    "@flowjs/flow.js": "^2.14.0",
+    "@flowjs/ngx-flow": "^0.4.3",
+    "@mat-datetimepicker/core": "^4.0.1",
+    "@material-ui/core": "^4.9.3",
+    "@material-ui/icons": "^4.9.1",
+    "@material-ui/pickers": "^3.2.10",
+    "@ngrx/effects": "^8.6.0",
+    "@ngrx/store": "^8.6.0",
+    "@ngrx/store-devtools": "^8.6.0",
+    "@ngx-share/core": "^7.1.4",
+    "@ngx-translate/core": "^12.1.1",
+    "@ngx-translate/http-loader": "^4.0.0",
+    "ace-builds": "^1.4.8",
+    "angular-gridster2": "^9.0.1",
+    "angular2-hotkeys": "^2.1.5",
+    "base64-js": "^1.3.1",
+    "canvas-gauges": "^2.1.5",
+    "compass-sass-mixins": "^0.12.7",
+    "core-js": "^3.6.4",
+    "date-fns": "^2.9.0",
+    "deep-equal": "^2.0.1",
+    "flot": "git://github.com/thingsboard/flot.git#0.9-work",
+    "flot.curvedlines": "git://github.com/MichaelZinsmaier/CurvedLines.git#master",
+    "font-awesome": "^4.7.0",
+    "javascript-detect-element-resize": "^0.5.3",
+    "jquery": "^3.4.1",
+    "jquery.terminal": "^2.14.0",
+    "js-beautify": "^1.10.3",
+    "json-schema-defaults": "^0.4.0",
+    "jstree": "^3.3.9",
+    "jstree-bootstrap-theme": "^1.0.1",
+    "material-design-icons": "^3.0.1",
+    "messageformat": "^2.3.0",
+    "moment": "^2.24.0",
+    "ngx-clipboard": "^12.3.1",
+    "ngx-color-picker": "^9.0.0",
+    "ngx-daterangepicker-material": "^2.2.0",
+    "ngx-flowchart": "git://github.com/thingsboard/ngx-flowchart.git#master",
+    "ngx-hm-carousel": "^1.7.2",
+    "ngx-translate-messageformat-compiler": "^4.5.0",
+    "objectpath": "^2.0.0",
+    "prop-types": "^15.7.2",
+    "raphael": "^2.3.0",
+    "rc-select": "^10.0.0-rc.6",
+    "react": "^16.12.0",
+    "react-ace": "^8.0.0",
+    "react-dom": "^16.12.0",
+    "react-dropzone": "^10.2.1",
+    "reactcss": "^1.2.3",
+    "rxjs": "^6.5.4",
+    "schema-inspector": "1.6.8",
+    "screenfull": "^5.0.2",
+    "split.js": "^1.5.11",
+    "systemjs": "0.21.5",
+    "tinycolor2": "^1.4.1",
+    "tooltipster": "^4.2.7",
+    "tslib": "^1.10.0",
+    "tv4": "^1.3.0",
+    "typeface-roboto": "^0.0.75",
+    "zone.js": "~0.10.2"
+  },
+  "devDependencies": {
+    "@angular-builders/custom-webpack": "^9.0.0-beta.7",
+    "@angular-devkit/build-angular": "^0.900.2",
+    "@angular/cli": "^9.0.2",
+    "@angular/compiler-cli": "^9.0.1",
+    "@angular/language-service": "^9.0.1",
+    "@types/canvas-gauges": "^2.1.2",
+    "@types/flot": "^0.0.31",
+    "@types/jasmine": "^3.5.5",
+    "@types/jasminewd2": "^2.0.8",
+    "@types/jquery": "^3.3.32",
+    "@types/js-beautify": "^1.8.1",
+    "@types/jstree": "^3.3.39",
+    "@types/node": "^13.7.2",
+    "@types/raphael": "^2.1.30",
+    "@types/react": "^16.9.20",
+    "@types/react-dom": "^16.9.5",
+    "@types/tinycolor2": "^1.4.2",
+    "@types/tooltipster": "^0.0.29",
+    "codelyzer": "^5.2.1",
+    "compression-webpack-plugin": "^3.1.0",
+    "directory-tree": "^2.2.4",
+    "jasmine-core": "^3.5.0",
+    "jasmine-spec-reporter": "^4.2.1",
+    "karma": "^4.4.1",
+    "karma-chrome-launcher": "^3.1.0",
+    "karma-coverage-istanbul-reporter": "^2.1.1",
+    "karma-jasmine": "^3.1.1",
+    "karma-jasmine-html-reporter": "^1.5.2",
+    "ngrx-store-freeze": "^0.2.4",
+    "protractor": "^5.4.3",
+    "ts-node": "^8.6.2",
+    "tslint": "^6.0.0",
+    "typescript": "^3.7.5"
+  }
+}
diff --git a/ui-ngx/pom.xml b/ui-ngx/pom.xml
new file mode 100644
index 0000000000..056b185180
--- /dev/null
+++ b/ui-ngx/pom.xml
@@ -0,0 +1,141 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <parent>
+        <groupId>org.thingsboard</groupId>
+        <version>3.0.0-SNAPSHOT</version>
+        <artifactId>thingsboard</artifactId>
+    </parent>
+    <groupId>org.thingsboard</groupId>
+    <artifactId>ui-ngx</artifactId>
+    <packaging>jar</packaging>
+
+    <name>ThingsBoard Server UI</name>
+    <url>https://thingsboard.io</url>
+
+    <properties>
+        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
+        <main.dir>${basedir}/..</main.dir>
+    </properties>
+
+    <build>
+        <resources>
+            <resource>
+                <directory>${project.build.directory}/generated-resources</directory>
+            </resource>
+        </resources>
+        <plugins>
+            <plugin>
+                <groupId>com.github.eirslett</groupId>
+                <artifactId>frontend-maven-plugin</artifactId>
+                <version>1.7.5</version>
+                <configuration>
+                    <installDirectory>target</installDirectory>
+                    <workingDirectory>${basedir}</workingDirectory>
+                </configuration>
+                <executions>
+                    <execution>
+                        <id>install node and npm</id>
+                        <goals>
+                            <goal>install-node-and-npm</goal>
+                        </goals>
+                        <configuration>
+                            <nodeVersion>v10.16.0</nodeVersion>
+                            <npmVersion>6.9.0</npmVersion>
+                        </configuration>
+                    </execution>
+                    <execution>
+                        <id>npm install</id>
+                        <goals>
+                            <goal>npm</goal>
+                        </goals>
+                        <configuration>
+                            <arguments>install</arguments>
+                        </configuration>
+                    </execution>
+                </executions>
+            </plugin>
+        </plugins>
+    </build>
+    <profiles>
+        <profile>
+            <id>npm-build</id>
+            <activation>
+                <activeByDefault>true</activeByDefault>
+            </activation>
+            <build>
+                <plugins>
+                    <plugin>
+                        <groupId>com.github.eirslett</groupId>
+                        <artifactId>frontend-maven-plugin</artifactId>
+                        <version>1.7.5</version>
+                        <configuration>
+                            <installDirectory>target</installDirectory>
+                            <workingDirectory>${basedir}</workingDirectory>
+                        </configuration>
+                        <executions>
+                            <execution>
+                                <id>npm build</id>
+                                <goals>
+                                    <goal>npm</goal>
+                                </goals>
+                                <configuration>
+                                    <arguments>run build:prod</arguments>
+                                </configuration>
+                            </execution>
+                        </executions>
+                    </plugin>
+                </plugins>
+            </build>
+        </profile>
+        <profile>
+            <id>npm-start</id>
+            <activation>
+                <property>
+                    <name>npm-start</name>
+                </property>
+            </activation>
+            <build>
+                <plugins>
+                    <plugin>
+                        <groupId>com.github.eirslett</groupId>
+                        <artifactId>frontend-maven-plugin</artifactId>
+                        <version>1.7.5</version>
+                        <configuration>
+                            <installDirectory>target</installDirectory>
+                            <workingDirectory>${basedir}</workingDirectory>
+                        </configuration>
+                        <executions>
+                            <execution>
+                                <id>npm start</id>
+                                <goals>
+                                    <goal>npm</goal>
+                                </goals>
+                                <configuration>
+                                    <arguments>start</arguments>
+                                </configuration>
+                            </execution>
+                        </executions>
+                    </plugin>
+                </plugins>
+            </build>
+        </profile>
+    </profiles>
+</project>
diff --git a/ui-ngx/proxy.conf.js b/ui-ngx/proxy.conf.js
new file mode 100644
index 0000000000..243f260870
--- /dev/null
+++ b/ui-ngx/proxy.conf.js
@@ -0,0 +1,34 @@
+/*
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const ruleNodeUiforwardHost = "localhost";
+const ruleNodeUiforwardPort = 8080;
+
+const PROXY_CONFIG = {
+  "/api": {
+    "target": "http://localhost:8080",
+    "secure": false,
+  },
+  "/static/rulenode": {
+    "target": `http://${ruleNodeUiforwardHost}:${ruleNodeUiforwardPort}`,
+    "secure": false,
+  },
+  "/api/ws": {
+    "target": "ws://localhost:8080",
+    "ws": true,
+  },
+};
+
+module.exports = PROXY_CONFIG;
diff --git a/ui-ngx/src/app/app-routing.module.ts b/ui-ngx/src/app/app-routing.module.ts
new file mode 100644
index 0000000000..e0f573095d
--- /dev/null
+++ b/ui-ngx/src/app/app-routing.module.ts
@@ -0,0 +1,36 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+const routes: Routes = [
+  { path: '',
+    redirectTo: 'home',
+    pathMatch: 'full',
+    data: {
+      breadcrumb: {
+        skip: true
+      }
+    }
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes)],
+  exports: [RouterModule]
+})
+export class AppRoutingModule { }
diff --git a/ui-ngx/src/app/app.component.html b/ui-ngx/src/app/app.component.html
new file mode 100644
index 0000000000..6521e99533
--- /dev/null
+++ b/ui-ngx/src/app/app.component.html
@@ -0,0 +1,20 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<!--The content below is only a placeholder and can be replaced.-->
+
+<router-outlet></router-outlet>
diff --git a/ui-ngx/src/app/app.component.scss b/ui-ngx/src/app/app.component.scss
new file mode 100644
index 0000000000..b8f6f58fb2
--- /dev/null
+++ b/ui-ngx/src/app/app.component.scss
@@ -0,0 +1,15 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
diff --git a/ui-ngx/src/app/app.component.ts b/ui-ngx/src/app/app.component.ts
new file mode 100644
index 0000000000..eed742c0c4
--- /dev/null
+++ b/ui-ngx/src/app/app.component.ts
@@ -0,0 +1,97 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnInit } from '@angular/core';
+
+import { environment as env } from '@env/environment';
+
+import { TranslateService } from '@ngx-translate/core';
+import { select, Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { LocalStorageService } from '@core/local-storage/local-storage.service';
+import { DomSanitizer } from '@angular/platform-browser';
+import { MatIconRegistry } from '@angular/material/icon';
+import { combineLatest } from 'rxjs';
+import { selectIsAuthenticated, selectIsUserLoaded } from '@core/auth/auth.selectors';
+import { distinctUntilChanged, filter, map, skip } from 'rxjs/operators';
+import { AuthService } from '@core/auth/auth.service';
+
+@Component({
+  selector: 'tb-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.scss']
+})
+export class AppComponent implements OnInit {
+
+  constructor(private store: Store<AppState>,
+              private storageService: LocalStorageService,
+              private translate: TranslateService,
+              private matIconRegistry: MatIconRegistry,
+              private domSanitizer: DomSanitizer,
+              private authService: AuthService) {
+
+    console.log(`ThingsBoard Version: ${env.tbVersion}`);
+
+    this.matIconRegistry.addSvgIconSetInNamespace('mdi',
+      this.domSanitizer.bypassSecurityTrustResourceUrl('./assets/mdi.svg'));
+
+    this.matIconRegistry.addSvgIconLiteral(
+      'alpha-a-circle-outline',
+      this.domSanitizer.bypassSecurityTrustHtml(
+        '<svg viewBox="0 0 24 24"><path d="M11,7H13A2,2 0 0,1 15,9V17H13V13H11V17H9V9A2,2 0 0,' +
+        '1 11,7M11,9V11H13V9H11M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 ' +
+        '0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A1' +
+        '0,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>'
+      )
+    );
+
+    this.storageService.testLocalStorage();
+
+    this.setupTranslate();
+    this.setupAuth();
+  }
+
+  setupTranslate() {
+    if (!env.production) {
+      console.log(`Supported Langs: ${env.supportedLangs}`);
+    }
+    this.translate.addLangs(env.supportedLangs);
+    if (!env.production) {
+      console.log(`Default Lang: ${env.defaultLang}`);
+    }
+    this.translate.setDefaultLang(env.defaultLang);
+  }
+
+  setupAuth() {
+    combineLatest([
+      this.store.pipe(select(selectIsAuthenticated)),
+      this.store.pipe(select(selectIsUserLoaded))]
+    ).pipe(
+      map(results => ({isAuthenticated: results[0], isUserLoaded: results[1]})),
+      distinctUntilChanged(),
+      filter((data) => data.isUserLoaded ),
+      skip(1),
+    ).subscribe((data) => {
+      this.authService.gotoDefaultPlace(data.isAuthenticated);
+    });
+    this.authService.reloadUser();
+  }
+
+  ngOnInit() {
+  }
+
+}
+
diff --git a/ui-ngx/src/app/app.module.ts b/ui-ngx/src/app/app.module.ts
new file mode 100644
index 0000000000..0c3098207a
--- /dev/null
+++ b/ui-ngx/src/app/app.module.ts
@@ -0,0 +1,45 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { NgModule } from '@angular/core';
+
+import { AppRoutingModule } from './app-routing.module';
+import { CoreModule } from '@core/core.module';
+import { LoginModule } from '@modules/login/login.module';
+import { HomeModule } from '@home/home.module';
+
+import { AppComponent } from './app.component';
+import { DashboardRoutingModule } from '@modules/dashboard/dashboard-routing.module';
+
+@NgModule({
+  declarations: [
+    AppComponent
+  ],
+  imports: [
+    BrowserModule,
+    BrowserAnimationsModule,
+    AppRoutingModule,
+    CoreModule,
+    LoginModule,
+    HomeModule,
+    DashboardRoutingModule
+  ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }
diff --git a/ui-ngx/src/app/core/api/alias-controller.ts b/ui-ngx/src/app/core/api/alias-controller.ts
new file mode 100644
index 0000000000..f4977fd30d
--- /dev/null
+++ b/ui-ngx/src/app/core/api/alias-controller.ts
@@ -0,0 +1,328 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { AliasInfo, IAliasController, StateControllerHolder, StateEntityInfo } from '@core/api/widget-api.models';
+import { forkJoin, Observable, of, ReplaySubject, Subject } from 'rxjs';
+import { DataKey, Datasource, DatasourceType } from '@app/shared/models/widget.models';
+import { deepClone } from '@core/utils';
+import { EntityService } from '@core/http/entity.service';
+import { UtilsService } from '@core/services/utils.service';
+import { EntityAliases } from '@shared/models/alias.models';
+import { EntityInfo } from '@shared/models/entity.models';
+import * as equal from 'deep-equal';
+import { map } from 'rxjs/operators';
+
+export class AliasController implements IAliasController {
+
+  private entityAliasesChangedSubject = new Subject<Array<string>>();
+  entityAliasesChanged: Observable<Array<string>> = this.entityAliasesChangedSubject.asObservable();
+
+  private entityAliasResolvedSubject = new Subject<string>();
+  entityAliasResolved: Observable<string> = this.entityAliasResolvedSubject.asObservable();
+
+  entityAliases: EntityAliases;
+
+  resolvedAliases: {[aliasId: string]: AliasInfo} = {};
+  resolvedAliasesObservable: {[aliasId: string]: Observable<AliasInfo>} = {};
+
+  resolvedAliasesToStateEntities: {[aliasId: string]: StateEntityInfo} = {};
+
+  constructor(private utils: UtilsService,
+              private entityService: EntityService,
+              private stateControllerHolder: StateControllerHolder,
+              private origEntityAliases: EntityAliases) {
+    this.entityAliases = deepClone(this.origEntityAliases);
+  }
+
+
+  updateEntityAliases(newEntityAliases: EntityAliases) {
+    const changedAliasIds: Array<string> = [];
+    for (const aliasId of Object.keys(newEntityAliases)) {
+      const newEntityAlias = newEntityAliases[aliasId];
+      const prevEntityAlias = this.entityAliases[aliasId];
+      if (!equal(newEntityAlias, prevEntityAlias)) {
+        changedAliasIds.push(aliasId);
+        this.setAliasUnresolved(aliasId);
+      }
+    }
+    for (const aliasId of Object.keys(this.entityAliases)) {
+      if (!newEntityAliases[aliasId]) {
+        changedAliasIds.push(aliasId);
+        this.setAliasUnresolved(aliasId);
+      }
+    }
+    this.entityAliases = deepClone(newEntityAliases);
+    if (changedAliasIds.length) {
+      this.entityAliasesChangedSubject.next(changedAliasIds);
+    }
+  }
+
+  dashboardStateChanged() {
+    const changedAliasIds: Array<string> = [];
+    for (const aliasId of Object.keys(this.resolvedAliasesToStateEntities)) {
+      const stateEntityInfo = this.resolvedAliasesToStateEntities[aliasId];
+      const newEntityId = this.stateControllerHolder().getEntityId(stateEntityInfo.entityParamName);
+      const prevEntityId = stateEntityInfo.entityId;
+      if (!equal(newEntityId, prevEntityId)) {
+        changedAliasIds.push(aliasId);
+        this.setAliasUnresolved(aliasId);
+      }
+    }
+    if (changedAliasIds.length) {
+      this.entityAliasesChangedSubject.next(changedAliasIds);
+    }
+  }
+
+  private setAliasUnresolved(aliasId: string) {
+    delete this.resolvedAliases[aliasId];
+    delete this.resolvedAliasesObservable[aliasId];
+    delete this.resolvedAliasesToStateEntities[aliasId];
+  }
+
+  getEntityAliases(): EntityAliases {
+    return this.entityAliases;
+  }
+
+  getEntityAliasId(aliasName: string): string {
+    for (const aliasId of Object.keys(this.entityAliases)) {
+      const alias = this.entityAliases[aliasId];
+      if (alias.alias === aliasName) {
+        return aliasId;
+      }
+    }
+    return null;
+  }
+
+  getAliasInfo(aliasId: string): Observable<AliasInfo> {
+    const aliasInfo = this.resolvedAliases[aliasId];
+    if (aliasInfo) {
+      return of(aliasInfo);
+    } else if (this.resolvedAliasesObservable[aliasId]) {
+      return this.resolvedAliasesObservable[aliasId];
+    } else {
+      const resolvedAliasSubject = new ReplaySubject<AliasInfo>();
+      this.resolvedAliasesObservable[aliasId] = resolvedAliasSubject.asObservable();
+      const entityAlias = this.entityAliases[aliasId];
+      if (entityAlias) {
+        this.entityService.resolveAlias(entityAlias, this.stateControllerHolder().getStateParams()).subscribe(
+          (resolvedAliasInfo) => {
+            this.resolvedAliases[aliasId] = resolvedAliasInfo;
+            delete this.resolvedAliasesObservable[aliasId];
+            if (resolvedAliasInfo.stateEntity) {
+              const stateEntityInfo: StateEntityInfo = {
+                entityParamName: resolvedAliasInfo.entityParamName,
+                entityId: this.stateControllerHolder().getEntityId(resolvedAliasInfo.entityParamName)
+              };
+              this.resolvedAliasesToStateEntities[aliasId] = stateEntityInfo;
+            }
+            this.entityAliasResolvedSubject.next(aliasId);
+            resolvedAliasSubject.next(resolvedAliasInfo);
+            resolvedAliasSubject.complete();
+          },
+          () => {
+            resolvedAliasSubject.error(null);
+            delete this.resolvedAliasesObservable[aliasId];
+          }
+        );
+      } else {
+        resolvedAliasSubject.error(null);
+        const res = this.resolvedAliasesObservable[aliasId];
+        delete this.resolvedAliasesObservable[aliasId];
+        return res;
+      }
+      return this.resolvedAliasesObservable[aliasId];
+    }
+  }
+
+  private resolveDatasource(datasource: Datasource, isSingle?: boolean): Observable<Array<Datasource>> {
+    if (datasource.type === DatasourceType.entity) {
+      if (datasource.entityAliasId) {
+        return this.getAliasInfo(datasource.entityAliasId).pipe(
+          map((aliasInfo) => {
+            datasource.aliasName = aliasInfo.alias;
+            if (aliasInfo.resolveMultiple && !isSingle) {
+              let newDatasource: Datasource;
+              const resolvedEntities = aliasInfo.resolvedEntities;
+              if (resolvedEntities && resolvedEntities.length) {
+                const datasources: Array<Datasource> = [];
+                for (let i = 0; i < resolvedEntities.length; i++) {
+                  const resolvedEntity = resolvedEntities[i];
+                  newDatasource = deepClone(datasource);
+                  if (resolvedEntity.origEntity) {
+                    newDatasource.entity = deepClone(resolvedEntity.origEntity);
+                  } else {
+                    newDatasource.entity = {};
+                  }
+                  newDatasource.entityId = resolvedEntity.id;
+                  newDatasource.entityType = resolvedEntity.entityType;
+                  newDatasource.entityName = resolvedEntity.name;
+                  newDatasource.entityLabel = resolvedEntity.label;
+                  newDatasource.entityDescription = resolvedEntity.entityDescription;
+                  newDatasource.name = resolvedEntity.name;
+                  newDatasource.generated = i > 0 ? true : false;
+                  datasources.push(newDatasource);
+                }
+                return datasources;
+              } else {
+                if (aliasInfo.stateEntity) {
+                  newDatasource = deepClone(datasource);
+                  newDatasource.unresolvedStateEntity = true;
+                  return [newDatasource];
+                } else {
+                  return [];
+                  // throw new Error('Unable to resolve datasource.');
+                }
+              }
+            } else {
+              const entity = aliasInfo.currentEntity;
+              if (entity) {
+                if (entity.origEntity) {
+                  datasource.entity = deepClone(entity.origEntity);
+                } else {
+                  datasource.entity = {};
+                }
+                datasource.entityId = entity.id;
+                datasource.entityType = entity.entityType;
+                datasource.entityName = entity.name;
+                datasource.entityLabel = entity.label;
+                datasource.name = entity.name;
+                datasource.entityDescription = entity.entityDescription;
+                return [datasource];
+              } else {
+                if (aliasInfo.stateEntity) {
+                  datasource.unresolvedStateEntity = true;
+                  return [datasource];
+                } else {
+                  return [];
+                  // throw new Error('Unable to resolve datasource.');
+                }
+              }
+            }
+          })
+        );
+      } else {
+        datasource.aliasName = datasource.entityName;
+        datasource.name = datasource.entityName;
+        return of([datasource]);
+      }
+    } else {
+      return of([datasource]);
+    }
+  }
+
+  resolveAlarmSource(alarmSource: Datasource): Observable<Datasource> {
+    return this.resolveDatasource(alarmSource, true).pipe(
+      map((datasources) => {
+        const datasource = datasources[0];
+        if (datasource.type === DatasourceType.function) {
+          let name: string;
+          if (datasource.name && datasource.name.length) {
+            name = datasource.name;
+          } else {
+            name = DatasourceType.function;
+          }
+          datasource.name = name;
+          datasource.aliasName = name;
+          datasource.entityName = name;
+        } else if (datasource.unresolvedStateEntity) {
+          datasource.name = 'Unresolved';
+          datasource.entityName = 'Unresolved';
+        }
+        return datasource;
+      })
+    );
+  }
+
+  resolveDatasources(datasources: Array<Datasource>): Observable<Array<Datasource>> {
+    const newDatasources = deepClone(datasources);
+    const observables = new Array<Observable<Array<Datasource>>>();
+    newDatasources.forEach((datasource) => {
+      observables.push(this.resolveDatasource(datasource));
+    });
+    return forkJoin(observables).pipe(
+      map((arrayOfDatasources) => {
+        const result = new Array<Datasource>();
+        arrayOfDatasources.forEach((datasourcesArray) => {
+          result.push(...datasourcesArray);
+        });
+        result.sort((d1, d2) => {
+          const i1 = d1.generated ? 1 : 0;
+          const i2 = d2.generated ? 1 : 0;
+          return i1 - i2;
+        });
+        let index = 0;
+        let functionIndex = 0;
+        result.forEach((datasource) => {
+          if (datasource.type === DatasourceType.function) {
+            let name: string;
+            if (datasource.name && datasource.name.length) {
+              name = datasource.name;
+            } else {
+              functionIndex++;
+              name = DatasourceType.function;
+              if (functionIndex > 1) {
+                name += ' ' + functionIndex;
+              }
+            }
+            datasource.name = name;
+            datasource.aliasName = name;
+            datasource.entityName = name;
+          } else if (datasource.unresolvedStateEntity) {
+            datasource.name = 'Unresolved';
+            datasource.entityName = 'Unresolved';
+          }
+          datasource.dataKeys.forEach((dataKey) => {
+            if (datasource.generated) {
+              dataKey._hash = Math.random();
+              dataKey.color = this.utils.getMaterialColor(index);
+            }
+            index++;
+          });
+          this.updateDatasourceKeyLabels(datasource);
+        });
+        return result;
+      })
+    );
+  }
+
+  private updateDatasourceKeyLabels(datasource: Datasource) {
+    datasource.dataKeys.forEach((dataKey) => {
+      this.updateDataKeyLabel(dataKey, datasource);
+    });
+  }
+
+  private updateDataKeyLabel(dataKey: DataKey, datasource: Datasource) {
+    if (!dataKey.pattern) {
+      dataKey.pattern = deepClone(dataKey.label);
+    }
+    dataKey.label = this.utils.createLabelFromDatasource(datasource, dataKey.pattern);
+  }
+
+  getInstantAliasInfo(aliasId: string): AliasInfo {
+    return this.resolvedAliases[aliasId];
+  }
+
+  updateCurrentAliasEntity(aliasId: string, currentEntity: EntityInfo) {
+    const aliasInfo = this.resolvedAliases[aliasId];
+    if (aliasInfo) {
+      const prevCurrentEntity = aliasInfo.currentEntity;
+      if (!equal(currentEntity, prevCurrentEntity)) {
+        aliasInfo.currentEntity = currentEntity;
+        this.entityAliasesChangedSubject.next([aliasId]);
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/core/api/data-aggregator.ts b/ui-ngx/src/app/core/api/data-aggregator.ts
new file mode 100644
index 0000000000..a5a1b65bf0
--- /dev/null
+++ b/ui-ngx/src/app/core/api/data-aggregator.ts
@@ -0,0 +1,332 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { SubscriptionData, SubscriptionUpdateMsg, SubscriptionDataHolder } from '@app/shared/models/telemetry/telemetry.models';
+import { AggregationType } from '@shared/models/time/time.models';
+import { UtilsService } from '@core/services/utils.service';
+import Timeout = NodeJS.Timeout;
+import { deepClone } from '@core/utils';
+
+export declare type onAggregatedData = (data: SubscriptionData, detectChanges: boolean) => void;
+
+interface AggData {
+  count: number;
+  sum: number;
+  aggValue: any;
+}
+
+interface AggregationMap {
+  [key: string]: Map<number, AggData>;
+}
+
+declare type AggFunction = (aggData: AggData, value?: any) => void;
+
+const avg: AggFunction = (aggData: AggData, value?: any) => {
+  aggData.count++;
+  aggData.sum += value;
+  aggData.aggValue = aggData.sum / aggData.count;
+};
+
+const min: AggFunction = (aggData: AggData, value?: any) => {
+  aggData.aggValue = Math.min(aggData.aggValue, value);
+};
+
+const max: AggFunction = (aggData: AggData, value?: any) => {
+  aggData.aggValue = Math.max(aggData.aggValue, value);
+};
+
+const sum: AggFunction = (aggData: AggData, value?: any) => {
+  aggData.aggValue = aggData.aggValue + value;
+};
+
+const count: AggFunction = (aggData: AggData) => {
+  aggData.count++;
+  aggData.aggValue = aggData.count;
+};
+
+const none: AggFunction = (aggData: AggData, value?: any) => {
+  aggData.aggValue = value;
+};
+
+export class DataAggregator {
+
+  private dataBuffer: SubscriptionData = {};
+  private data: SubscriptionData;
+  private readonly lastPrevKvPairData: {[key: string]: [number, any]};
+
+  private aggregationMap: AggregationMap;
+
+  private dataReceived = false;
+  private resetPending = false;
+
+  private noAggregation = this.aggregationType === AggregationType.NONE;
+  private aggregationTimeout = Math.max(this.interval, 1000);
+  private readonly aggFunction: AggFunction;
+
+  private intervalTimeoutHandle: Timeout;
+  private intervalScheduledTime: number;
+
+  private endTs: number;
+  private elapsed: number;
+
+  constructor(private onDataCb: onAggregatedData,
+              private tsKeyNames: string[],
+              private startTs: number,
+              private limit: number,
+              private aggregationType: AggregationType,
+              private timeWindow: number,
+              private interval: number,
+              private stateData: boolean,
+              private utils: UtilsService) {
+    this.tsKeyNames.forEach((key) => {
+      this.dataBuffer[key] = [];
+    });
+    if (this.stateData) {
+      this.lastPrevKvPairData = {};
+    }
+    switch (this.aggregationType) {
+      case AggregationType.MIN:
+        this.aggFunction = min;
+        break;
+      case AggregationType.MAX:
+        this.aggFunction = max;
+        break;
+      case AggregationType.AVG:
+        this.aggFunction = avg;
+        break;
+      case AggregationType.SUM:
+        this.aggFunction = sum;
+        break;
+      case AggregationType.COUNT:
+        this.aggFunction = count;
+        break;
+      case AggregationType.NONE:
+        this.aggFunction = none;
+        break;
+      default:
+        this.aggFunction = avg;
+    }
+  }
+
+  public reset(startTs: number, timeWindow: number, interval: number) {
+    if (this.intervalTimeoutHandle) {
+      clearTimeout(this.intervalTimeoutHandle);
+      this.intervalTimeoutHandle = null;
+    }
+    this.intervalScheduledTime = this.utils.currentPerfTime();
+    this.startTs = startTs;
+    this.timeWindow = timeWindow;
+    this.interval = interval;
+    this.endTs = this.startTs + this.timeWindow;
+    this.elapsed = 0;
+    this.aggregationTimeout = Math.max(this.interval, 1000);
+    this.resetPending = true;
+    this.intervalTimeoutHandle = setTimeout(this.onInterval.bind(this), this.aggregationTimeout);
+  }
+
+  public destroy() {
+    if (this.intervalTimeoutHandle) {
+      clearTimeout(this.intervalTimeoutHandle);
+      this.intervalTimeoutHandle = null;
+    }
+    this.aggregationMap = null;
+  }
+
+  public onData(data: SubscriptionDataHolder, update: boolean, history: boolean, detectChanges: boolean) {
+    if (!this.dataReceived || this.resetPending) {
+      let updateIntervalScheduledTime = true;
+      if (!this.dataReceived) {
+        this.elapsed = 0;
+        this.dataReceived = true;
+        this.endTs = this.startTs + this.timeWindow;
+      }
+      if (this.resetPending) {
+        this.resetPending = false;
+        updateIntervalScheduledTime = false;
+      }
+      if (update) {
+        this.aggregationMap = {};
+        this.updateAggregatedData(data.data);
+      } else {
+        this.aggregationMap = this.processAggregatedData(data.data);
+      }
+      if (updateIntervalScheduledTime) {
+        this.intervalScheduledTime = this.utils.currentPerfTime();
+      }
+      this.onInterval(history, detectChanges);
+    } else {
+      this.updateAggregatedData(data.data);
+      if (history) {
+        this.intervalScheduledTime = this.utils.currentPerfTime();
+        this.onInterval(history, detectChanges);
+      }
+    }
+  }
+
+  private onInterval(history?: boolean, detectChanges?: boolean) {
+    const now = this.utils.currentPerfTime();
+    this.elapsed += now - this.intervalScheduledTime;
+    this.intervalScheduledTime = now;
+    if (this.intervalTimeoutHandle) {
+      clearTimeout(this.intervalTimeoutHandle);
+      this.intervalTimeoutHandle = null;
+    }
+    if (!history) {
+      const delta = Math.floor(this.elapsed / this.interval);
+      if (delta || !this.data) {
+        this.startTs += delta * this.interval;
+        this.endTs += delta * this.interval;
+        this.data = this.updateData();
+        this.elapsed = this.elapsed - delta * this.interval;
+      }
+    } else {
+      this.data = this.updateData();
+    }
+    if (this.onDataCb) {
+      this.onDataCb(this.data, detectChanges);
+    }
+    if (!history) {
+      this.intervalTimeoutHandle = setTimeout(this.onInterval.bind(this), this.aggregationTimeout);
+    }
+  }
+
+  private updateData(): SubscriptionData {
+    this.tsKeyNames.forEach((key) => {
+      this.dataBuffer[key] = [];
+    });
+    for (const key of Object.keys(this.aggregationMap)) {
+      const aggKeyData = this.aggregationMap[key];
+      let keyData = this.dataBuffer[key];
+      aggKeyData.forEach((aggData, aggTimestamp) => {
+        if (aggTimestamp <= this.startTs) {
+          if (this.stateData &&
+            (!this.lastPrevKvPairData[key] || this.lastPrevKvPairData[key][0] < aggTimestamp)) {
+            this.lastPrevKvPairData[key] = [aggTimestamp, aggData.aggValue];
+          }
+          aggKeyData.delete(aggTimestamp);
+        } else if (aggTimestamp <= this.endTs) {
+          const kvPair: [number, any] = [aggTimestamp, aggData.aggValue];
+          keyData.push(kvPair);
+        }
+      });
+      keyData.sort((set1, set2) => set1[0] - set2[0]);
+      if (this.stateData) {
+        this.updateStateBounds(keyData, deepClone(this.lastPrevKvPairData[key]));
+      }
+      if (keyData.length > this.limit) {
+        keyData = keyData.slice(keyData.length - this.limit);
+      }
+      this.dataBuffer[key] = keyData;
+    }
+    return this.dataBuffer;
+  }
+
+  private updateStateBounds(keyData: [number, any][], lastPrevKvPair: [number, any]) {
+    if (lastPrevKvPair) {
+      lastPrevKvPair[0] = this.startTs;
+    }
+    let firstKvPair;
+    if (!keyData.length) {
+      if (lastPrevKvPair) {
+        firstKvPair = lastPrevKvPair;
+        keyData.push(firstKvPair);
+      }
+    } else {
+      firstKvPair = keyData[0];
+    }
+    if (firstKvPair && firstKvPair[0] > this.startTs) {
+      if (lastPrevKvPair) {
+        keyData.unshift(lastPrevKvPair);
+      }
+    }
+    if (keyData.length) {
+      let lastKvPair = keyData[keyData.length - 1];
+      if (lastKvPair[0] < this.endTs) {
+        lastKvPair = deepClone(lastKvPair);
+        lastKvPair[0] = this.endTs;
+        keyData.push(lastKvPair);
+      }
+    }
+  }
+
+  private processAggregatedData(data: SubscriptionData): AggregationMap {
+    const isCount = this.aggregationType === AggregationType.COUNT;
+    const aggregationMap: AggregationMap = {};
+    for (const key of Object.keys(data)) {
+      let aggKeyData = aggregationMap[key];
+      if (!aggKeyData) {
+        aggKeyData = new Map<number, AggData>();
+        aggregationMap[key] = aggKeyData;
+      }
+      const keyData = data[key];
+      keyData.forEach((kvPair) => {
+        const timestamp = kvPair[0];
+        const value = this.convertValue(kvPair[1]);
+        const aggKey = timestamp;
+        const aggData = {
+          count: isCount ? value : 1,
+          sum: value,
+          aggValue: value
+        };
+        aggKeyData.set(aggKey, aggData);
+      });
+    }
+    return aggregationMap;
+  }
+
+  private updateAggregatedData(data: SubscriptionData) {
+    const isCount = this.aggregationType === AggregationType.COUNT;
+    for (const key of Object.keys(data)) {
+      let aggKeyData = this.aggregationMap[key];
+      if (!aggKeyData) {
+        aggKeyData = new Map<number, AggData>();
+        this.aggregationMap[key] = aggKeyData;
+      }
+      const keyData = data[key];
+      keyData.forEach((kvPair) => {
+        const timestamp = kvPair[0];
+        const value = this.convertValue(kvPair[1]);
+        const aggTimestamp = this.noAggregation ? timestamp : (this.startTs +
+          Math.floor((timestamp - this.startTs) / this.interval) * this.interval + this.interval / 2);
+        let aggData = aggKeyData.get(aggTimestamp);
+        if (!aggData) {
+          aggData = {
+            count: 1,
+            sum: value,
+            aggValue: isCount ? 1 : value
+          };
+          aggKeyData.set(aggTimestamp, aggData);
+        } else {
+          this.aggFunction(aggData, value);
+        }
+      });
+    }
+  }
+
+  private isNumeric(val: any): boolean {
+    return (val - parseFloat( val ) + 1) >= 0;
+  }
+
+  private convertValue(val: string): any {
+    if (!this.noAggregation || val && this.isNumeric(val)) {
+      return Number(val);
+    } else {
+      return val;
+    }
+  }
+
+}
+
diff --git a/ui-ngx/src/app/core/api/datasource-subcription.ts b/ui-ngx/src/app/core/api/datasource-subcription.ts
new file mode 100644
index 0000000000..0c4edfd349
--- /dev/null
+++ b/ui-ngx/src/app/core/api/datasource-subcription.ts
@@ -0,0 +1,666 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { DataSet, DataSetHolder, DatasourceType, widgetType } from '@shared/models/widget.models';
+import {
+  AttributesSubscriptionCmd,
+  DataKeyType,
+  GetHistoryCmd,
+  SubscriptionData,
+  SubscriptionDataHolder,
+  SubscriptionUpdateMsg,
+  TelemetryService,
+  TelemetrySubscriber,
+  TimeseriesSubscriptionCmd
+} from '@shared/models/telemetry/telemetry.models';
+import { DatasourceListener } from './datasource.service';
+import { AggregationType, SubscriptionTimewindow, YEAR } from '@shared/models/time/time.models';
+import { deepClone, isDefined, isObject, isDefinedAndNotNull } from '@core/utils';
+import { UtilsService } from '@core/services/utils.service';
+import { EntityType } from '@shared/models/entity-type.models';
+import { DataAggregator } from '@core/api/data-aggregator';
+import Timeout = NodeJS.Timeout;
+
+declare type DataKeyFunction = (time: number, prevValue: any) => any;
+
+declare type DataKeyPostFunction = (time: number, value: any, prevValue: any, timePrev: number, prevOrigValue: any) => any;
+
+export interface SubscriptionDataKey {
+  name: string;
+  type: DataKeyType;
+  funcBody: string;
+  func?: DataKeyFunction;
+  postFuncBody: string;
+  postFunc?: DataKeyPostFunction;
+  index?: number;
+  key?: string;
+  lastUpdateTime?: number;
+}
+
+export interface DatasourceSubscriptionOptions {
+  datasourceType: DatasourceType;
+  dataKeys: Array<SubscriptionDataKey>;
+  type: widgetType;
+  entityType?: EntityType;
+  entityId?: string;
+  subscriptionTimewindow?: SubscriptionTimewindow;
+}
+
+export class DatasourceSubscription {
+
+  private listeners: Array<DatasourceListener> = [];
+  private datasourceType: DatasourceType = this.datasourceSubscriptionOptions.datasourceType;
+
+  private history = this.datasourceSubscriptionOptions.subscriptionTimewindow &&
+    isObject(this.datasourceSubscriptionOptions.subscriptionTimewindow.fixedWindow);
+
+  private realtime = this.datasourceSubscriptionOptions.subscriptionTimewindow &&
+    isDefinedAndNotNull(this.datasourceSubscriptionOptions.subscriptionTimewindow.realtimeWindowMs);
+
+  private subscribers = new Array<TelemetrySubscriber>();
+
+  private dataAggregator: DataAggregator;
+
+  private dataKeys: {[key: string]: Array<SubscriptionDataKey> | SubscriptionDataKey} = {};
+  private datasourceData: {[key: string]: DataSetHolder} = {};
+  private datasourceOrigData: {[key: string]: DataSetHolder} = {};
+
+  private frequency: number;
+  private tickScheduledTime = 0;
+  private tickElapsed = 0;
+  private timer: Timeout;
+
+  constructor(private datasourceSubscriptionOptions: DatasourceSubscriptionOptions,
+              private telemetryService: TelemetryService,
+              private utils: UtilsService) {
+    this.initializeSubscription();
+  }
+
+  private initializeSubscription() {
+    for (let i = 0; i < this.datasourceSubscriptionOptions.dataKeys.length; i++) {
+      const dataKey = deepClone(this.datasourceSubscriptionOptions.dataKeys[i]);
+      dataKey.index = i;
+      if (this.datasourceType === DatasourceType.function) {
+        if (!dataKey.func) {
+          dataKey.func = new Function('time', 'prevValue', dataKey.funcBody) as DataKeyFunction;
+        }
+      } else {
+        if (dataKey.postFuncBody && !dataKey.postFunc) {
+          dataKey.postFunc = new Function('time', 'value', 'prevValue', 'timePrev', 'prevOrigValue',
+            dataKey.postFuncBody) as DataKeyPostFunction;
+        }
+      }
+      let key: string;
+      if (this.datasourceType === DatasourceType.entity || this.datasourceSubscriptionOptions.type === widgetType.timeseries) {
+        if (this.datasourceType === DatasourceType.function) {
+          key = `${dataKey.name}_${dataKey.index}_${dataKey.type}`;
+        } else {
+          key = `${dataKey.name}_${dataKey.type}`;
+        }
+        let dataKeysList = this.dataKeys[key] as Array<SubscriptionDataKey>;
+        if (!dataKeysList) {
+          dataKeysList = [];
+          this.dataKeys[key] = dataKeysList;
+        }
+        const index = dataKeysList.push(dataKey) - 1;
+        this.datasourceData[key + '_' + index] = {
+          data: []
+        };
+      } else {
+        key = String(this.utils.objectHashCode(dataKey));
+        this.datasourceData[key] = {
+          data: []
+        };
+        this.dataKeys[key] = dataKey;
+      }
+      dataKey.key = key;
+    }
+    this.datasourceOrigData = deepClone(this.datasourceData);
+    if (this.datasourceType === DatasourceType.function) {
+      this.frequency = 1000;
+      if (this.datasourceSubscriptionOptions.type === widgetType.timeseries) {
+        this.frequency = Math.min(this.datasourceSubscriptionOptions.subscriptionTimewindow.aggregation.interval, 5000);
+      }
+    }
+  }
+
+  public addListener(listener: DatasourceListener) {
+    this.listeners.push(listener);
+    if (this.history) {
+      this.start();
+    }
+  }
+
+  public hasListeners(): boolean {
+    return this.listeners.length > 0;
+  }
+
+  public removeListener(listener: DatasourceListener) {
+    this.listeners.splice(this.listeners.indexOf(listener), 1);
+  }
+
+  public syncListener(listener: DatasourceListener) {
+    let key: string;
+    let dataKey: SubscriptionDataKey;
+    if (this.datasourceType === DatasourceType.entity || this.datasourceSubscriptionOptions.type === widgetType.timeseries) {
+      for (key of Object.keys(this.dataKeys)) {
+        const dataKeysList = this.dataKeys[key] as Array<SubscriptionDataKey>;
+        for (let i = 0; i < dataKeysList.length; i++) {
+          dataKey = dataKeysList[i];
+          const datasourceKey = `${key}_${i}`;
+          listener.dataUpdated(this.datasourceData[datasourceKey],
+            listener.datasourceIndex,
+            dataKey.index, false);
+        }
+      }
+    } else {
+      for (key of Object.keys(this.dataKeys)) {
+        dataKey = this.dataKeys[key] as SubscriptionDataKey;
+        listener.dataUpdated(this.datasourceData[key],
+          listener.datasourceIndex,
+          dataKey.index, false);
+      }
+    }
+  }
+
+  public unsubscribe() {
+    if (this.timer) {
+      clearTimeout(this.timer);
+      this.timer = null;
+    }
+    if (this.datasourceType === DatasourceType.entity) {
+      this.subscribers.forEach(
+        (subscriber) => {
+          subscriber.unsubscribe();
+        }
+      );
+      this.subscribers.length = 0;
+    }
+    if (this.dataAggregator) {
+      this.dataAggregator.destroy();
+      this.dataAggregator = null;
+    }
+  }
+
+  public start() {
+    if (this.history && !this.hasListeners()) {
+      return;
+    }
+    let subsTw = this.datasourceSubscriptionOptions.subscriptionTimewindow;
+    const tsKeyNames: string[] = [];
+    const attrKeyNames: string[] = [];
+    let dataKey: SubscriptionDataKey;
+    if (this.datasourceType === DatasourceType.entity) {
+
+      let tsKeys = '';
+      let attrKeys = '';
+
+      for (const key of Object.keys(this.dataKeys)) {
+        const dataKeysList = this.dataKeys[key] as Array<SubscriptionDataKey>;
+        dataKey = dataKeysList[0];
+        if (dataKey.type === DataKeyType.timeseries) {
+          tsKeyNames.push(dataKey.name);
+        } else if (dataKey.type === DataKeyType.attribute) {
+          attrKeyNames.push(dataKey.name);
+        }
+      }
+      tsKeys = tsKeyNames.join(',');
+      attrKeys = attrKeyNames.join(',');
+      if (tsKeys.length > 0) {
+        if (this.history) {
+          const historyCommand = new GetHistoryCmd();
+          historyCommand.entityType = this.datasourceSubscriptionOptions.entityType;
+          historyCommand.entityId = this.datasourceSubscriptionOptions.entityId;
+          historyCommand.keys = tsKeys;
+          historyCommand.startTs = subsTw.fixedWindow.startTimeMs;
+          historyCommand.endTs = subsTw.fixedWindow.endTimeMs;
+          historyCommand.interval = subsTw.aggregation.interval;
+          historyCommand.limit = subsTw.aggregation.limit;
+          historyCommand.agg = subsTw.aggregation.type;
+
+          const subscriber = new TelemetrySubscriber(this.telemetryService);
+          subscriber.subscriptionCommands.push(historyCommand);
+
+          let firstStateHistoryCommand: GetHistoryCmd;
+          if (subsTw.aggregation.stateData) {
+            firstStateHistoryCommand = this.createFirstStateHistoryCommand(subsTw.fixedWindow.startTimeMs, tsKeys);
+            subscriber.subscriptionCommands.push(firstStateHistoryCommand);
+          }
+          let data: SubscriptionUpdateMsg;
+          let firstStateData: SubscriptionUpdateMsg;
+
+          subscriber.data$.subscribe(
+            (subscriptionUpdate) => {
+              if (subsTw.aggregation.stateData && firstStateHistoryCommand
+                && firstStateHistoryCommand.cmdId === subscriptionUpdate.subscriptionId) {
+                if (data) {
+                  this.onStateHistoryData(subscriptionUpdate, data, subsTw.aggregation.limit,
+                    subsTw.fixedWindow.startTimeMs, subsTw.fixedWindow.endTimeMs,
+                    (newData) => {
+                      this.onData(newData.data, DataKeyType.timeseries, true);
+                    }
+                  );
+                } else {
+                  firstStateData = data;
+                }
+              } else {
+                if (subsTw.aggregation.stateData) {
+                  if (firstStateData) {
+                    this.onStateHistoryData(firstStateData, subscriptionUpdate, subsTw.aggregation.limit,
+                      subsTw.fixedWindow.startTimeMs, subsTw.fixedWindow.endTimeMs,
+                      (newData) => {
+                        this.onData(newData.data, DataKeyType.timeseries, true);
+                      });
+                  } else {
+                    data = subscriptionUpdate;
+                  }
+                } else {
+                  for (const key of Object.keys(subscriptionUpdate.data)) {
+                    const keyData = subscriptionUpdate.data[key];
+                    keyData.sort((set1, set2) => set1[0] - set2[0]);
+                  }
+                  this.onData(subscriptionUpdate.data, DataKeyType.timeseries, true);
+                }
+              }
+            }
+          );
+          subscriber.subscribe();
+          this.subscribers.push(subscriber);
+        } else {
+          const subscriptionCommand = new TimeseriesSubscriptionCmd();
+          subscriptionCommand.entityType = this.datasourceSubscriptionOptions.entityType;
+          subscriptionCommand.entityId = this.datasourceSubscriptionOptions.entityId;
+          subscriptionCommand.keys = tsKeys;
+
+          const subscriber = new TelemetrySubscriber(this.telemetryService);
+          subscriber.subscriptionCommands.push(subscriptionCommand);
+
+          if (this.datasourceSubscriptionOptions.type === widgetType.timeseries) {
+            this.updateRealtimeSubscriptionCommand(subscriptionCommand, subsTw);
+
+            let firstStateSubscriptionCommand: GetHistoryCmd;
+            if (subsTw.aggregation.stateData) {
+              firstStateSubscriptionCommand = this.createFirstStateHistoryCommand(subsTw.startTs, tsKeys);
+              subscriber.subscriptionCommands.push(firstStateSubscriptionCommand);
+            }
+            this.dataAggregator = this.createRealtimeDataAggregator(subsTw, tsKeyNames, DataKeyType.timeseries);
+
+            let data: SubscriptionUpdateMsg;
+            let firstStateData: SubscriptionUpdateMsg;
+            let stateDataReceived: boolean;
+
+            subscriber.data$.subscribe(
+              (subscriptionUpdate) => {
+                if (subsTw.aggregation.stateData &&
+                  firstStateSubscriptionCommand && firstStateSubscriptionCommand.cmdId === subscriptionUpdate.subscriptionId) {
+                  if (data) {
+                    this.onStateHistoryData(subscriptionUpdate, data, subsTw.aggregation.limit,
+                      subsTw.startTs, subsTw.startTs + subsTw.aggregation.timeWindow,
+                      (newData) => {
+                        this.dataAggregator.onData(newData, false, false, true);
+                      });
+                    stateDataReceived = true;
+                  } else {
+                    firstStateData = data;
+                  }
+                } else {
+                  if (subsTw.aggregation.stateData && !stateDataReceived) {
+                    if (firstStateData) {
+                      this.onStateHistoryData(firstStateData, subscriptionUpdate, subsTw.aggregation.limit,
+                        subsTw.startTs, subsTw.startTs + subsTw.aggregation.timeWindow,
+                        (newData) => {
+                          this.dataAggregator.onData(newData, false, false, true);
+                        });
+                      stateDataReceived = true;
+                    } else {
+                      data = subscriptionUpdate;
+                    }
+                  } else {
+                    this.dataAggregator.onData(subscriptionUpdate, false, false, true);
+                  }
+                }
+              }
+            );
+            subscriber.reconnect$.subscribe(() => {
+              let newSubsTw: SubscriptionTimewindow = null;
+              this.listeners.forEach((listener) => {
+                if (!newSubsTw) {
+                  newSubsTw = listener.updateRealtimeSubscription();
+                } else {
+                  listener.setRealtimeSubscription(newSubsTw);
+                }
+              });
+              subsTw = newSubsTw;
+              firstStateData = null;
+              data = null;
+              stateDataReceived = false;
+              this.updateRealtimeSubscriptionCommand(subscriptionCommand, subsTw);
+              if (subsTw.aggregation.stateData) {
+                this.updateFirstStateHistoryCommand(firstStateSubscriptionCommand, subsTw.startTs);
+              }
+              this.dataAggregator.reset(newSubsTw.startTs,  newSubsTw.aggregation.timeWindow, newSubsTw.aggregation.interval);
+            });
+          } else {
+            subscriber.data$.subscribe(
+              (subscriptionUpdate) => {
+                if (subscriptionUpdate.data) {
+                  this.onData(subscriptionUpdate.data, DataKeyType.timeseries, true);
+                }
+              }
+            );
+          }
+
+          subscriber.subscribe();
+          this.subscribers.push(subscriber);
+
+        }
+      }
+
+      if (attrKeys.length) {
+        const attrsSubscriptionCommand = new AttributesSubscriptionCmd();
+        attrsSubscriptionCommand.entityType = this.datasourceSubscriptionOptions.entityType;
+        attrsSubscriptionCommand.entityId = this.datasourceSubscriptionOptions.entityId;
+        attrsSubscriptionCommand.keys = attrKeys;
+
+        const subscriber = new TelemetrySubscriber(this.telemetryService);
+        subscriber.subscriptionCommands.push(attrsSubscriptionCommand);
+        subscriber.data$.subscribe(
+          (subscriptionUpdate) => {
+            if (subscriptionUpdate.data) {
+              this.onData(subscriptionUpdate.data, DataKeyType.attribute, true);
+            }
+          }
+        );
+
+        subscriber.subscribe();
+        this.subscribers.push(subscriber);
+      }
+    } else if (this.datasourceType === DatasourceType.function) {
+      if (this.datasourceSubscriptionOptions.type === widgetType.timeseries) {
+        for (const key of Object.keys(this.dataKeys)) {
+          const dataKeysList = this.dataKeys[key] as Array<SubscriptionDataKey>;
+          dataKeysList.forEach((subscriptionDataKey) => {
+            tsKeyNames.push(`${subscriptionDataKey.name}_${subscriptionDataKey.index}`);
+          });
+        }
+        this.dataAggregator = this.createRealtimeDataAggregator(subsTw, tsKeyNames, DataKeyType.function);
+      }
+      this.tickScheduledTime = this.utils.currentPerfTime();
+      if (this.history) {
+        this.onTick(true);
+      } else {
+        this.timer = setTimeout(this.onTick.bind(this, true), 0);
+      }
+    }
+  }
+
+  private createFirstStateHistoryCommand(startTs: number, tsKeys: string): GetHistoryCmd {
+    const command = new GetHistoryCmd();
+    command.entityType = this.datasourceSubscriptionOptions.entityType;
+    command.entityId = this.datasourceSubscriptionOptions.entityId;
+    command.keys = tsKeys;
+    command.startTs = startTs - YEAR;
+    command.endTs = startTs;
+    command.interval = 1000;
+    command.limit = 1;
+    command.agg = AggregationType.NONE;
+    return command;
+  }
+
+  private updateFirstStateHistoryCommand(stateHistoryCommand: GetHistoryCmd, startTs: number) {
+    stateHistoryCommand.startTs = startTs - YEAR;
+    stateHistoryCommand.endTs = startTs;
+  }
+
+  private onStateHistoryData(firstStateData: SubscriptionUpdateMsg, data: SubscriptionUpdateMsg,
+                             limit: number, startTs: number, endTs: number, onData: (data: SubscriptionUpdateMsg) => void) {
+    for (const key of Object.keys(data.data)) {
+      const keyData = data.data[key];
+      keyData.sort((set1, set2) => set1[0] - set2[0]);
+      if (keyData.length < limit) {
+        let firstStateKeyData = firstStateData.data[key];
+        if (firstStateKeyData.length) {
+          const firstStateDataTsKv = firstStateKeyData[0];
+          firstStateDataTsKv[0] = startTs;
+          firstStateKeyData = [
+            [ startTs, firstStateKeyData[0][1] ]
+          ];
+          keyData.unshift(firstStateDataTsKv);
+        }
+      }
+      if (keyData.length) {
+        const lastTsKv = deepClone(keyData[keyData.length - 1]);
+        lastTsKv[0] = endTs;
+        keyData.push(lastTsKv);
+      }
+    }
+    onData(data);
+  }
+
+  private createRealtimeDataAggregator(subsTw: SubscriptionTimewindow,
+                                       tsKeyNames: Array<string>, dataKeyType: DataKeyType): DataAggregator {
+    return new DataAggregator(
+      (data, detectChanges) => {
+        this.onData(data, dataKeyType, detectChanges);
+      },
+      tsKeyNames,
+      subsTw.startTs,
+      subsTw.aggregation.limit,
+      subsTw.aggregation.type,
+      subsTw.aggregation.timeWindow,
+      subsTw.aggregation.interval,
+      subsTw.aggregation.stateData,
+      this.utils
+    );
+  }
+
+  private updateRealtimeSubscriptionCommand(subscriptionCommand: TimeseriesSubscriptionCmd, subsTw: SubscriptionTimewindow) {
+    subscriptionCommand.startTs = subsTw.startTs;
+    subscriptionCommand.timeWindow = subsTw.aggregation.timeWindow;
+    subscriptionCommand.interval = subsTw.aggregation.interval;
+    subscriptionCommand.limit = subsTw.aggregation.limit;
+    subscriptionCommand.agg = subsTw.aggregation.type;
+  }
+
+  private generateSeries(dataKey: SubscriptionDataKey, index: number, startTime: number, endTime: number): [number, any][] {
+    const data: [number, any][] = [];
+    let prevSeries: [number, any];
+    const datasourceDataKey = `${dataKey.key}_${index}`;
+    const datasourceKeyData = this.datasourceData[datasourceDataKey].data;
+    if (datasourceKeyData.length > 0) {
+      prevSeries = datasourceKeyData[datasourceKeyData.length - 1];
+    } else {
+      prevSeries = [0, 0];
+    }
+    for (let time = startTime; time <= endTime && (this.timer || this.history); time += this.frequency) {
+      const value = dataKey.func(time, prevSeries[1]);
+      const series: [number, any] = [time, value];
+      data.push(series);
+      prevSeries = series;
+    }
+    if (data.length > 0) {
+      dataKey.lastUpdateTime = data[data.length - 1][0];
+    }
+    return data;
+  }
+
+  private generateLatest(dataKey: SubscriptionDataKey, detectChanges: boolean) {
+    let prevSeries: [number, any];
+    const datasourceKeyData = this.datasourceData[dataKey.key].data;
+    if (datasourceKeyData.length > 0) {
+      prevSeries = datasourceKeyData[datasourceKeyData.length - 1];
+    } else {
+      prevSeries = [0, 0];
+    }
+    const time = Date.now();
+    const value = dataKey.func(time, prevSeries[1]);
+    const series: [number, any] = [time, value];
+    this.datasourceData[dataKey.key].data = [series];
+    this.listeners.forEach(
+      (listener) => {
+        listener.dataUpdated(this.datasourceData[dataKey.key],
+          listener.datasourceIndex,
+          dataKey.index, detectChanges);
+      }
+    );
+  }
+
+  private onTick(detectChanges: boolean) {
+    const now = this.utils.currentPerfTime();
+    this.tickElapsed += now - this.tickScheduledTime;
+    this.tickScheduledTime = now;
+
+    if (this.timer) {
+      clearTimeout(this.timer);
+    }
+    let key: string;
+    if (this.datasourceSubscriptionOptions.type === widgetType.timeseries) {
+      let startTime: number;
+      let endTime: number;
+      let delta: number;
+      const generatedData: SubscriptionDataHolder = {
+        data: {}
+      };
+      if (!this.history) {
+        delta = Math.floor(this.tickElapsed / this.frequency);
+      }
+      const deltaElapsed = this.history ? this.frequency : delta * this.frequency;
+      this.tickElapsed = this.tickElapsed - deltaElapsed;
+      for (key of Object.keys(this.dataKeys)) {
+        const dataKeyList = this.dataKeys[key] as Array<SubscriptionDataKey>;
+        for (let index = 0; index < dataKeyList.length && (this.timer || this.history); index ++) {
+          const dataKey = dataKeyList[index];
+          if (!startTime) {
+            if (this.realtime) {
+              if (dataKey.lastUpdateTime) {
+                startTime = dataKey.lastUpdateTime + this.frequency;
+                endTime = dataKey.lastUpdateTime + deltaElapsed;
+              } else {
+                startTime = this.datasourceSubscriptionOptions.subscriptionTimewindow.startTs;
+                endTime = startTime + this.datasourceSubscriptionOptions.subscriptionTimewindow.realtimeWindowMs + this.frequency;
+                if (this.datasourceSubscriptionOptions.subscriptionTimewindow.aggregation.type === AggregationType.NONE) {
+                  const time = endTime - this.frequency * this.datasourceSubscriptionOptions.subscriptionTimewindow.aggregation.limit;
+                  startTime = Math.max(time, startTime);
+                }
+              }
+            } else {
+              startTime = this.datasourceSubscriptionOptions.subscriptionTimewindow.fixedWindow.startTimeMs;
+              endTime = this.datasourceSubscriptionOptions.subscriptionTimewindow.fixedWindow.endTimeMs;
+            }
+          }
+          const data = this.generateSeries(dataKey, index, startTime, endTime);
+          generatedData.data[`${dataKey.name}_${dataKey.index}`] = data;
+        }
+      }
+      if (this.dataAggregator) {
+        this.dataAggregator.onData(generatedData, true, this.history, detectChanges);
+      }
+    } else if (this.datasourceSubscriptionOptions.type === widgetType.latest) {
+      for (key of Object.keys(this.dataKeys)) {
+        this.generateLatest(this.dataKeys[key] as SubscriptionDataKey, detectChanges);
+      }
+    }
+
+    if (!this.history) {
+      this.timer = setTimeout(this.onTick.bind(this, true), this.frequency);
+    }
+  }
+
+  private onData(sourceData: SubscriptionData, type: DataKeyType, detectChanges: boolean) {
+    for (const keyName of Object.keys(sourceData)) {
+      const keyData = sourceData[keyName];
+      const key = `${keyName}_${type}`;
+      const dataKeyList = this.dataKeys[key] as Array<SubscriptionDataKey>;
+      for (let keyIndex = 0; dataKeyList && keyIndex < dataKeyList.length; keyIndex++) {
+        const datasourceKey = `${key}_${keyIndex}`;
+        if (this.datasourceData[datasourceKey].data) {
+          const dataKey = dataKeyList[keyIndex];
+          const data: DataSet = [];
+          let prevSeries: [number, any];
+          let prevOrigSeries: [number, any];
+          let datasourceKeyData: DataSet;
+          let datasourceOrigKeyData: DataSet;
+          let update = false;
+          if (this.realtime) {
+            datasourceKeyData = [];
+            datasourceOrigKeyData = [];
+          } else {
+            datasourceKeyData = this.datasourceData[datasourceKey].data;
+            datasourceOrigKeyData = this.datasourceOrigData[datasourceKey].data;
+          }
+          if (datasourceKeyData.length > 0) {
+            prevSeries = datasourceKeyData[datasourceKeyData.length - 1];
+            prevOrigSeries = datasourceOrigKeyData[datasourceOrigKeyData.length - 1];
+          } else {
+            prevSeries = [0, 0];
+            prevOrigSeries = [0, 0];
+          }
+          this.datasourceOrigData[datasourceKey].data = [];
+          if (this.datasourceSubscriptionOptions.type === widgetType.timeseries) {
+            keyData.forEach((keySeries) => {
+              let series = keySeries;
+              const time = series[0];
+              this.datasourceOrigData[datasourceKey].data.push(series);
+              let value = this.convertValue(series[1]);
+              if (dataKey.postFunc) {
+                value = dataKey.postFunc(time, value, prevSeries[1], prevOrigSeries[0], prevOrigSeries[1]);
+              }
+              prevOrigSeries = series;
+              series = [time, value];
+              data.push(series);
+              prevSeries = series;
+            });
+            update = true;
+          } else if (this.datasourceSubscriptionOptions.type === widgetType.latest) {
+            if (keyData.length > 0) {
+              let series = keyData[0];
+              const time = series[0];
+              this.datasourceOrigData[datasourceKey].data.push(series);
+              let value = this.convertValue(series[1]);
+              if (dataKey.postFunc) {
+                value = dataKey.postFunc(time, value, prevSeries[1], prevOrigSeries[0], prevOrigSeries[1]);
+              }
+              series = [time, value];
+              data.push(series);
+            }
+            update = true;
+          }
+          if (update) {
+            this.datasourceData[datasourceKey].data = data;
+            this.listeners.forEach((listener) => {
+              listener.dataUpdated(this.datasourceData[datasourceKey],
+                listener.datasourceIndex,
+                dataKey.index, detectChanges);
+            });
+          }
+        }
+      }
+    }
+  }
+
+  private isNumeric(val: any): boolean {
+    return (val - parseFloat( val ) + 1) >= 0;
+  }
+
+  private convertValue(val: string): any {
+    if (val && this.isNumeric(val)) {
+      return Number(val);
+    } else {
+      return val;
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/core/api/datasource.service.ts b/ui-ngx/src/app/core/api/datasource.service.ts
new file mode 100644
index 0000000000..1776db5ac0
--- /dev/null
+++ b/ui-ngx/src/app/core/api/datasource.service.ts
@@ -0,0 +1,109 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { TelemetryWebsocketService } from '@core/ws/telemetry-websocket.service';
+import { UtilsService } from '@core/services/utils.service';
+import { EntityType } from '@app/shared/models/entity-type.models';
+import { DataSetHolder, Datasource, DatasourceType, widgetType } from '@shared/models/widget.models';
+import { SubscriptionTimewindow } from '@shared/models/time/time.models';
+import {
+  DatasourceSubscription,
+  DatasourceSubscriptionOptions,
+  SubscriptionDataKey
+} from '@core/api/datasource-subcription';
+import { deepClone } from '@core/utils';
+
+export interface DatasourceListener {
+  subscriptionType: widgetType;
+  subscriptionTimewindow: SubscriptionTimewindow;
+  datasource: Datasource;
+  entityType: EntityType;
+  entityId: string;
+  datasourceIndex: number;
+  dataUpdated: (data: DataSetHolder, datasourceIndex: number, dataKeyIndex: number, detectChanges: boolean) => void;
+  updateRealtimeSubscription: () => SubscriptionTimewindow;
+  setRealtimeSubscription: (subscriptionTimewindow: SubscriptionTimewindow) => void;
+  datasourceSubscriptionKey?: number;
+}
+
+@Injectable({
+  providedIn: 'root'
+})
+export class DatasourceService {
+
+  private subscriptions: {[datasourceSubscriptionKey: string]: DatasourceSubscription} = {};
+
+  constructor(private telemetryService: TelemetryWebsocketService,
+              private utils: UtilsService) {}
+
+  public subscribeToDatasource(listener: DatasourceListener) {
+    const datasource = listener.datasource;
+    if (datasource.type === DatasourceType.entity && (!listener.entityId || !listener.entityType)) {
+      return;
+    }
+    const subscriptionDataKeys: Array<SubscriptionDataKey> = [];
+    datasource.dataKeys.forEach((dataKey) => {
+      const subscriptionDataKey: SubscriptionDataKey = {
+        name: dataKey.name,
+        type: dataKey.type,
+        funcBody: dataKey.funcBody,
+        postFuncBody: dataKey.postFuncBody
+      };
+      subscriptionDataKeys.push(subscriptionDataKey);
+    });
+
+    const datasourceSubscriptionOptions: DatasourceSubscriptionOptions = {
+      datasourceType: datasource.type,
+      dataKeys: subscriptionDataKeys,
+      type: listener.subscriptionType
+    };
+
+    if (listener.subscriptionType === widgetType.timeseries) {
+      datasourceSubscriptionOptions.subscriptionTimewindow = deepClone(listener.subscriptionTimewindow);
+    }
+    if (datasourceSubscriptionOptions.datasourceType === DatasourceType.entity) {
+      datasourceSubscriptionOptions.entityType = listener.entityType;
+      datasourceSubscriptionOptions.entityId = listener.entityId;
+    }
+    listener.datasourceSubscriptionKey = this.utils.objectHashCode(datasourceSubscriptionOptions);
+    let subscription: DatasourceSubscription;
+    if (this.subscriptions[listener.datasourceSubscriptionKey]) {
+      subscription = this.subscriptions[listener.datasourceSubscriptionKey];
+      subscription.syncListener(listener);
+    } else {
+      subscription = new DatasourceSubscription(datasourceSubscriptionOptions,
+                                                this.telemetryService, this.utils);
+      this.subscriptions[listener.datasourceSubscriptionKey] = subscription;
+      subscription.start();
+    }
+    subscription.addListener(listener);
+  }
+
+  public unsubscribeFromDatasource(listener: DatasourceListener) {
+    if (listener.datasourceSubscriptionKey) {
+      const subscription = this.subscriptions[listener.datasourceSubscriptionKey];
+      if (subscription) {
+        subscription.removeListener(listener);
+        if (!subscription.hasListeners()) {
+          subscription.unsubscribe();
+          delete this.subscriptions[listener.datasourceSubscriptionKey];
+        }
+      }
+      listener.datasourceSubscriptionKey = null;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/core/api/public-api.ts b/ui-ngx/src/app/core/api/public-api.ts
new file mode 100644
index 0000000000..3d292cfd40
--- /dev/null
+++ b/ui-ngx/src/app/core/api/public-api.ts
@@ -0,0 +1,22 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export * from './alias-controller';
+export * from './data-aggregator';
+export * from './datasource.service';
+export * from './datasource-subcription';
+export * from './widget-api.models';
+export * from './widget-subscription';
diff --git a/ui-ngx/src/app/core/api/widget-api.models.ts b/ui-ngx/src/app/core/api/widget-api.models.ts
new file mode 100644
index 0000000000..92df055f21
--- /dev/null
+++ b/ui-ngx/src/app/core/api/widget-api.models.ts
@@ -0,0 +1,265 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Observable } from 'rxjs';
+import { EntityId } from '@app/shared/models/id/entity-id';
+import {
+  WidgetActionDescriptor,
+  widgetType,
+  LegendConfig,
+  LegendData,
+  Datasource,
+  DatasourceData, DataSet, DatasourceType, KeyInfo
+} from '@shared/models/widget.models';
+import { TimeService } from '../services/time.service';
+import { DeviceService } from '../http/device.service';
+import { AlarmService } from '../http/alarm.service';
+import { UtilsService } from '@core/services/utils.service';
+import { Timewindow, WidgetTimewindow } from '@shared/models/time/time.models';
+import { EntityType } from '@shared/models/entity-type.models';
+import { AlarmInfo, AlarmSearchStatus } from '@shared/models/alarm.models';
+import { HttpErrorResponse } from '@angular/common/http';
+import { DatasourceService } from '@core/api/datasource.service';
+import { RafService } from '@core/services/raf.service';
+import { EntityAliases } from '@shared/models/alias.models';
+import { EntityInfo } from '@app/shared/models/entity.models';
+import { Type } from '@angular/core';
+import { AssetService } from '@core/http/asset.service';
+import { DialogService } from '@core/services/dialog.service';
+import { IDashboardComponent } from '@home/models/dashboard-component.models';
+
+export interface TimewindowFunctions {
+  onUpdateTimewindow: (startTimeMs: number, endTimeMs: number, interval?: number) => void;
+  onResetTimewindow: () => void;
+}
+
+export interface WidgetSubscriptionApi {
+  createSubscription: (options: WidgetSubscriptionOptions, subscribe?: boolean) => Observable<IWidgetSubscription>;
+  createSubscriptionFromInfo: (type: widgetType, subscriptionsInfo: Array<SubscriptionInfo>,
+                               options: WidgetSubscriptionOptions, useDefaultComponents: boolean, subscribe: boolean)
+    => Observable<IWidgetSubscription>;
+  removeSubscription: (id: string) => void;
+}
+
+export interface RpcApi {
+  sendOneWayCommand: (method: string, params?: any, timeout?: number) => Observable<any>;
+  sendTwoWayCommand: (method: string, params?: any, timeout?: number) => Observable<any>;
+}
+
+export interface IWidgetUtils {
+  formatValue: (value: any, dec?: number, units?: string, showZeroDecimals?: boolean) => string | undefined;
+}
+
+export interface WidgetActionsApi {
+  actionDescriptorsBySourceId: {[sourceId: string]: Array<WidgetActionDescriptor>};
+  getActionDescriptors: (actionSourceId: string) => Array<WidgetActionDescriptor>;
+  handleWidgetAction: ($event: Event, descriptor: WidgetActionDescriptor,
+                       entityId?: EntityId, entityName?: string, additionalParams?: any) => void;
+  elementClick: ($event: Event) => void;
+}
+
+export interface AliasInfo {
+  alias?: string;
+  stateEntity?: boolean;
+  currentEntity?: EntityInfo;
+  selectedId?: string;
+  resolvedEntities?: Array<EntityInfo>;
+  entityParamName?: string;
+  resolveMultiple?: boolean;
+}
+
+export interface StateEntityInfo {
+  entityParamName: string;
+  entityId: EntityId;
+}
+
+export interface IAliasController {
+  entityAliasesChanged: Observable<Array<string>>;
+  entityAliasResolved: Observable<string>;
+  getAliasInfo(aliasId: string): Observable<AliasInfo>;
+  getEntityAliasId(aliasName: string): string;
+  getInstantAliasInfo(aliasId: string): AliasInfo;
+  resolveDatasources(datasources: Array<Datasource>): Observable<Array<Datasource>>;
+  resolveAlarmSource(alarmSource: Datasource): Observable<Datasource>;
+  getEntityAliases(): EntityAliases;
+  updateCurrentAliasEntity(aliasId: string, currentEntity: EntityInfo);
+  updateEntityAliases(entityAliases: EntityAliases);
+  dashboardStateChanged();
+}
+
+export interface StateObject {
+  id?: string;
+  params?: StateParams;
+}
+
+export interface StateParams {
+  entityName?: string;
+  targetEntityParamName?: string;
+  entityId?: EntityId;
+  [key: string]: any | null;
+}
+
+export type StateControllerHolder = () => IStateController;
+
+export interface IStateController {
+  getStateParams(): StateParams;
+  getStateParamsByStateId(stateId: string): StateParams;
+  openState(id: string, params?: StateParams, openRightLayout?: boolean): void;
+  updateState(id?: string, params?: StateParams, openRightLayout?: boolean): void;
+  resetState(): void;
+  openRightLayout(): void;
+  preserveState(): void;
+  cleanupPreservedStates(): void;
+  navigatePrevState(index: number): void;
+  getStateId(): string;
+  getStateIndex(): number;
+  getStateIdAtIndex(index: number): string;
+  getEntityId(entityParamName: string): EntityId;
+}
+
+export interface SubscriptionInfo {
+  type: DatasourceType;
+  name?: string;
+  entityType?: EntityType;
+  entityId?: string;
+  entityIds?: Array<string>;
+  entityName?: string;
+  entityNamePrefix?: string;
+  timeseries?: Array<KeyInfo>;
+  attributes?: Array<KeyInfo>;
+  functions?: Array<KeyInfo>;
+  alarmFields?: Array<KeyInfo>;
+
+  deviceId?: string;
+  deviceName?: string;
+  deviceNamePrefix?: string;
+  deviceIds?: Array<string>;
+}
+
+export class WidgetSubscriptionContext {
+
+  constructor(private dashboard: IDashboardComponent) {}
+
+  get aliasController(): IAliasController {
+    return this.dashboard.aliasController;
+  }
+
+  dashboardTimewindowApi: TimewindowFunctions = {
+    onResetTimewindow: this.dashboard.onResetTimewindow.bind(this.dashboard),
+    onUpdateTimewindow: this.dashboard.onUpdateTimewindow.bind(this.dashboard)
+  };
+
+  timeService: TimeService;
+  deviceService: DeviceService;
+  alarmService: AlarmService;
+  datasourceService: DatasourceService;
+  utils: UtilsService;
+  raf: RafService;
+  widgetUtils: IWidgetUtils;
+  getServerTimeDiff: () => Observable<number>;
+}
+
+export interface WidgetSubscriptionCallbacks {
+  onDataUpdated?: (subscription: IWidgetSubscription, detectChanges: boolean) => void;
+  onDataUpdateError?: (subscription: IWidgetSubscription, e: any) => void;
+  dataLoading?: (subscription: IWidgetSubscription) => void;
+  legendDataUpdated?: (subscription: IWidgetSubscription, detectChanges: boolean) => void;
+  timeWindowUpdated?: (subscription: IWidgetSubscription, timeWindowConfig: Timewindow) => void;
+  rpcStateChanged?: (subscription: IWidgetSubscription) => void;
+  onRpcSuccess?: (subscription: IWidgetSubscription) => void;
+  onRpcFailed?: (subscription: IWidgetSubscription) => void;
+  onRpcErrorCleared?: (subscription: IWidgetSubscription) => void;
+}
+
+export interface WidgetSubscriptionOptions {
+  type?: widgetType;
+  stateData?: boolean;
+  alarmSource?: Datasource;
+  alarmSearchStatus?: AlarmSearchStatus;
+  alarmsPollingInterval?: number;
+  datasources?: Array<Datasource>;
+  targetDeviceAliasIds?: Array<string>;
+  targetDeviceIds?: Array<string>;
+  useDashboardTimewindow?: boolean;
+  displayTimewindow?: boolean;
+  timeWindowConfig?: Timewindow;
+  dashboardTimewindow?: Timewindow;
+  legendConfig?: LegendConfig;
+  decimals?: number;
+  units?: string;
+  callbacks?: WidgetSubscriptionCallbacks;
+}
+
+export interface SubscriptionEntityInfo {
+  entityId: EntityId;
+  entityName: string;
+}
+
+export interface IWidgetSubscription {
+
+  id: string;
+  init$: Observable<IWidgetSubscription>;
+  ctx: WidgetSubscriptionContext;
+  type: widgetType;
+  callbacks: WidgetSubscriptionCallbacks;
+
+  loadingData: boolean;
+  useDashboardTimewindow: boolean;
+
+  legendData: LegendData;
+  datasources?: Array<Datasource>;
+  data?: Array<DatasourceData>;
+  hiddenData?: Array<{data: DataSet}>;
+  timeWindowConfig?: Timewindow;
+  timeWindow?: WidgetTimewindow;
+
+  alarms?: Array<AlarmInfo>;
+  alarmSource?: Datasource;
+  alarmSearchStatus?: AlarmSearchStatus;
+  alarmsPollingInterval?: number;
+
+  targetDeviceAliasIds?: Array<string>;
+  targetDeviceIds?: Array<string>;
+
+  rpcEnabled?: boolean;
+  executingRpcRequest?: boolean;
+  rpcErrorText?: string;
+  rpcRejection?: HttpErrorResponse;
+
+  getFirstEntityInfo(): SubscriptionEntityInfo;
+
+  onAliasesChanged(aliasIds: Array<string>): boolean;
+
+  onDashboardTimewindowChanged(dashboardTimewindow: Timewindow): void;
+
+  updateDataVisibility(index: number): void;
+
+  onUpdateTimewindow(startTimeMs: number, endTimeMs: number, interval?: number): void;
+  onResetTimewindow(): void;
+  updateTimewindowConfig(newTimewindow: Timewindow): void;
+
+  sendOneWayCommand(method: string, params?: any, timeout?: number): Observable<any>;
+  sendTwoWayCommand(method: string, params?: any, timeout?: number): Observable<any>;
+  clearRpcError(): void;
+
+  subscribe(): void;
+
+  destroy(): void;
+
+  update(): void;
+
+  [key: string]: any;
+}
diff --git a/ui-ngx/src/app/core/api/widget-subscription.ts b/ui-ngx/src/app/core/api/widget-subscription.ts
new file mode 100644
index 0000000000..bd78bf674e
--- /dev/null
+++ b/ui-ngx/src/app/core/api/widget-subscription.ts
@@ -0,0 +1,967 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  IWidgetSubscription,
+  SubscriptionEntityInfo,
+  WidgetSubscriptionCallbacks,
+  WidgetSubscriptionContext,
+  WidgetSubscriptionOptions
+} from '@core/api/widget-api.models';
+import {
+  DataSet,
+  DataSetHolder,
+  Datasource,
+  DatasourceData,
+  DatasourceType,
+  LegendConfig,
+  LegendData,
+  LegendKey,
+  LegendKeyData,
+  widgetType
+} from '@app/shared/models/widget.models';
+import { HttpErrorResponse } from '@angular/common/http';
+import {
+  createSubscriptionTimewindow,
+  SubscriptionTimewindow,
+  Timewindow,
+  toHistoryTimewindow,
+  WidgetTimewindow
+} from '@app/shared/models/time/time.models';
+import { Observable, ReplaySubject, Subject, throwError } from 'rxjs';
+import { CancelAnimationFrame } from '@core/services/raf.service';
+import { EntityType } from '@shared/models/entity-type.models';
+import { AlarmInfo, AlarmSearchStatus } from '@shared/models/alarm.models';
+import { deepClone, isDefined } from '@core/utils';
+import { AlarmSourceListener } from '@core/http/alarm.service';
+import { DatasourceListener } from '@core/api/datasource.service';
+import * as deepEqual from 'deep-equal';
+import { EntityId } from '@app/shared/models/id/entity-id';
+
+export class WidgetSubscription implements IWidgetSubscription {
+
+  id: string;
+  ctx: WidgetSubscriptionContext;
+  type: widgetType;
+  callbacks: WidgetSubscriptionCallbacks;
+
+  timeWindow: WidgetTimewindow;
+  originalTimewindow: Timewindow;
+  timeWindowConfig: Timewindow;
+  subscriptionTimewindow: SubscriptionTimewindow;
+  useDashboardTimewindow: boolean;
+
+  data: Array<DatasourceData>;
+  datasources: Array<Datasource>;
+  datasourceListeners: Array<DatasourceListener>;
+  hiddenData: Array<DataSetHolder>;
+  legendData: LegendData;
+  legendConfig: LegendConfig;
+  caulculateLegendData: boolean;
+  displayLegend: boolean;
+  stateData: boolean;
+  decimals: number;
+  units: string;
+
+  alarms: Array<AlarmInfo>;
+  alarmSource: Datasource;
+
+  private alarmSearchStatusValue: AlarmSearchStatus;
+
+  set alarmSearchStatus(value: AlarmSearchStatus) {
+    if (this.alarmSearchStatusValue !== value) {
+      this.alarmSearchStatusValue = value;
+      this.onAlarmSearchStatusChanged();
+    }
+  }
+
+  get alarmSearchStatus(): AlarmSearchStatus {
+    return this.alarmSearchStatusValue;
+  }
+
+  alarmsPollingInterval: number;
+  alarmSourceListener: AlarmSourceListener;
+
+  loadingData: boolean;
+
+  targetDeviceAliasIds?: Array<string>;
+  targetDeviceIds?: Array<string>;
+
+  executingRpcRequest: boolean;
+  rpcEnabled: boolean;
+  rpcErrorText: string;
+  rpcRejection: HttpErrorResponse;
+
+  init$: Observable<IWidgetSubscription>;
+
+  cafs: {[cafId: string]: CancelAnimationFrame} = {};
+
+  targetDeviceAliasId: string;
+  targetDeviceId: string;
+  targetDeviceName: string;
+  executingSubjects: Array<Subject<any>>;
+
+  constructor(subscriptionContext: WidgetSubscriptionContext, options: WidgetSubscriptionOptions) {
+    const subscriptionSubject = new ReplaySubject<IWidgetSubscription>();
+    this.init$ = subscriptionSubject.asObservable();
+    this.ctx = subscriptionContext;
+    this.type = options.type;
+    this.id = this.ctx.utils.guid();
+    this.callbacks = options.callbacks;
+
+    if (this.type === widgetType.rpc) {
+      this.callbacks.rpcStateChanged = this.callbacks.rpcStateChanged || (() => {});
+      this.callbacks.onRpcSuccess = this.callbacks.onRpcSuccess || (() => {});
+      this.callbacks.onRpcFailed = this.callbacks.onRpcFailed || (() => {});
+      this.callbacks.onRpcErrorCleared = this.callbacks.onRpcErrorCleared || (() => {});
+
+      this.targetDeviceAliasIds = options.targetDeviceAliasIds;
+      this.targetDeviceIds = options.targetDeviceIds;
+
+      this.targetDeviceAliasId = null;
+      this.targetDeviceId = null;
+
+      this.rpcRejection = null;
+      this.rpcErrorText = null;
+      this.rpcEnabled = false;
+      this.executingRpcRequest = false;
+      this.executingSubjects = [];
+      this.initRpc().subscribe(() => {
+        subscriptionSubject.next(this);
+        subscriptionSubject.complete();
+      });
+    } else if (this.type === widgetType.alarm) {
+      this.callbacks.onDataUpdated = this.callbacks.onDataUpdated || (() => {});
+      this.callbacks.onDataUpdateError = this.callbacks.onDataUpdateError || (() => {});
+      this.callbacks.dataLoading = this.callbacks.dataLoading || (() => {});
+      this.callbacks.timeWindowUpdated = this.callbacks.timeWindowUpdated || (() => {});
+      this.alarmSource = options.alarmSource;
+      this.alarmSearchStatusValue = isDefined(options.alarmSearchStatus) ?
+        options.alarmSearchStatus : AlarmSearchStatus.ANY;
+      this.alarmsPollingInterval = isDefined(options.alarmsPollingInterval) ?
+        options.alarmsPollingInterval : 5000;
+      this.alarmSourceListener = null;
+      this.alarms = [];
+      this.originalTimewindow = null;
+      this.timeWindow = {};
+      this.useDashboardTimewindow = options.useDashboardTimewindow;
+      if (this.useDashboardTimewindow) {
+        this.timeWindowConfig = deepClone(options.dashboardTimewindow);
+      } else {
+        this.timeWindowConfig = deepClone(options.timeWindowConfig);
+      }
+      this.subscriptionTimewindow = null;
+      this.loadingData = false;
+      this.displayLegend = false;
+      this.initAlarmSubscription().subscribe(() => {
+        subscriptionSubject.next(this);
+        subscriptionSubject.complete();
+      },
+      () => {
+        subscriptionSubject.error(null);
+      });
+    } else {
+      this.callbacks.onDataUpdated = this.callbacks.onDataUpdated || (() => {});
+      this.callbacks.onDataUpdateError = this.callbacks.onDataUpdateError || (() => {});
+      this.callbacks.dataLoading = this.callbacks.dataLoading || (() => {});
+      this.callbacks.legendDataUpdated = this.callbacks.legendDataUpdated || (() => {});
+      this.callbacks.timeWindowUpdated = this.callbacks.timeWindowUpdated || (() => {});
+
+      this.datasources = this.ctx.utils.validateDatasources(options.datasources);
+      this.datasourceListeners = [];
+      this.data = [];
+      this.hiddenData = [];
+      this.originalTimewindow = null;
+      this.timeWindow = {};
+      this.useDashboardTimewindow = options.useDashboardTimewindow;
+      this.stateData = options.stateData;
+      if (this.useDashboardTimewindow) {
+        this.timeWindowConfig = deepClone(options.dashboardTimewindow);
+      } else {
+        this.timeWindowConfig = deepClone(options.timeWindowConfig);
+      }
+
+      this.subscriptionTimewindow = null;
+
+      this.units = options.units || '';
+      this.decimals = isDefined(options.decimals) ? options.decimals : 2;
+
+      this.loadingData = false;
+
+      if (options.legendConfig) {
+        this.legendConfig = options.legendConfig;
+        this.legendData = {
+          keys: [],
+          data: []
+        };
+        this.displayLegend = true;
+      } else {
+        this.displayLegend = false;
+      }
+      this.caulculateLegendData = this.displayLegend &&
+        this.type === widgetType.timeseries &&
+        (this.legendConfig.showMin === true ||
+          this.legendConfig.showMax === true ||
+          this.legendConfig.showAvg === true ||
+          this.legendConfig.showTotal === true);
+      this.initDataSubscription().subscribe(() => {
+          subscriptionSubject.next(this);
+          subscriptionSubject.complete();
+        },
+        (err) => {
+          subscriptionSubject.error(err);
+        });
+    }
+ }
+
+  private initRpc(): Observable<any> {
+    const initRpcSubject = new ReplaySubject();
+    if (this.targetDeviceAliasIds && this.targetDeviceAliasIds.length > 0) {
+      this.targetDeviceAliasId = this.targetDeviceAliasIds[0];
+      this.ctx.aliasController.getAliasInfo(this.targetDeviceAliasId).subscribe(
+        (aliasInfo) => {
+          if (aliasInfo.currentEntity && aliasInfo.currentEntity.entityType === EntityType.DEVICE) {
+            this.targetDeviceId = aliasInfo.currentEntity.id;
+            this.targetDeviceName = aliasInfo.currentEntity.name;
+            if (this.targetDeviceId) {
+              this.rpcEnabled = true;
+            } else {
+              this.rpcEnabled = this.ctx.utils.widgetEditMode ? true : false;
+            }
+            this.callbacks.rpcStateChanged(this);
+            initRpcSubject.next();
+            initRpcSubject.complete();
+          } else {
+            this.rpcEnabled = false;
+            this.callbacks.rpcStateChanged(this);
+            initRpcSubject.next();
+            initRpcSubject.complete();
+          }
+        },
+        () => {
+          this.rpcEnabled = false;
+          this.callbacks.rpcStateChanged(this);
+          initRpcSubject.next();
+          initRpcSubject.complete();
+        }
+      );
+    } else {
+      if (this.targetDeviceIds && this.targetDeviceIds.length > 0) {
+        this.targetDeviceId = this.targetDeviceIds[0];
+      }
+      if (this.targetDeviceId) {
+        this.rpcEnabled = true;
+      } else {
+        this.rpcEnabled = this.ctx.utils.widgetEditMode ? true : false;
+      }
+      this.callbacks.rpcStateChanged(this);
+      initRpcSubject.next();
+      initRpcSubject.complete();
+    }
+    return initRpcSubject.asObservable();
+  }
+
+  private initAlarmSubscription(): Observable<any> {
+    const initAlarmSubscriptionSubject = new ReplaySubject(1);
+    this.loadStDiff().subscribe(() => {
+      if (!this.ctx.aliasController) {
+        this.configureAlarmsData();
+        initAlarmSubscriptionSubject.next();
+        initAlarmSubscriptionSubject.complete();
+      } else {
+        this.ctx.aliasController.resolveAlarmSource(this.alarmSource).subscribe(
+          (alarmSource) => {
+            this.alarmSource = alarmSource;
+            this.configureAlarmsData();
+            initAlarmSubscriptionSubject.next();
+            initAlarmSubscriptionSubject.complete();
+          },
+          (err) => {
+            initAlarmSubscriptionSubject.error(err);
+          }
+        );
+      }
+    });
+    return initAlarmSubscriptionSubject.asObservable();
+  }
+
+  private configureAlarmsData() {
+  }
+
+  private initDataSubscription(): Observable<any> {
+    const initDataSubscriptionSubject = new ReplaySubject(1);
+    this.loadStDiff().subscribe(() => {
+      if (!this.ctx.aliasController) {
+        this.configureData();
+        initDataSubscriptionSubject.next();
+        initDataSubscriptionSubject.complete();
+      } else {
+        this.ctx.aliasController.resolveDatasources(this.datasources).subscribe(
+          (datasources) => {
+            this.datasources = datasources;
+            this.configureData();
+            initDataSubscriptionSubject.next();
+            initDataSubscriptionSubject.complete();
+          },
+          (err) => {
+            initDataSubscriptionSubject.error(err);
+          }
+        );
+      }
+    });
+    return initDataSubscriptionSubject.asObservable();
+  }
+
+  private configureData() {
+    let dataIndex = 0;
+    this.datasources.forEach((datasource) => {
+      datasource.dataKeys.forEach((dataKey) => {
+        dataKey.hidden = false;
+        dataKey.pattern = dataKey.label;
+        const datasourceData: DatasourceData = {
+          datasource,
+          dataKey,
+          data: []
+        };
+        this.data.push(datasourceData);
+        this.hiddenData.push({data: []});
+        if (this.displayLegend) {
+          const legendKey: LegendKey = {
+            dataKey,
+            dataIndex: dataIndex++
+          };
+          this.legendData.keys.push(legendKey);
+          const legendKeyData: LegendKeyData = {
+            min: null,
+            max: null,
+            avg: null,
+            total: null,
+            hidden: false
+          };
+          this.legendData.data.push(legendKeyData);
+        }
+      });
+    });
+    if (this.displayLegend) {
+      this.legendData.keys = this.legendData.keys.sort((key1, key2) => key1.dataKey.label.localeCompare(key2.dataKey.label));
+    }
+  }
+
+  private resetData() {
+    for (let i = 0; i < this.data.length; i++) {
+      this.data[i].data = [];
+      this.hiddenData[i].data = [];
+      if (this.displayLegend) {
+        this.legendData.data[i].min = null;
+        this.legendData.data[i].max = null;
+        this.legendData.data[i].avg = null;
+        this.legendData.data[i].total = null;
+        this.legendData.data[i].hidden = false;
+      }
+    }
+    this.onDataUpdated();
+  }
+
+  getFirstEntityInfo(): SubscriptionEntityInfo {
+    let entityId: EntityId;
+    let entityName: string;
+    if (this.type === widgetType.rpc) {
+      if (this.targetDeviceId) {
+        entityId = {
+          entityType: EntityType.DEVICE,
+          id: this.targetDeviceId
+        };
+        entityName = this.targetDeviceName;
+      }
+    } else if (this.type === widgetType.alarm) {
+      if (this.alarmSource && this.alarmSource.entityType && this.alarmSource.entityId) {
+        entityId = {
+          entityType: this.alarmSource.entityType,
+          id: this.alarmSource.entityId
+        };
+        entityName = this.alarmSource.entityName;
+      }
+    } else {
+      for (const datasource of this.datasources) {
+        if (datasource && datasource.entityType && datasource.entityId) {
+          entityId = {
+            entityType: datasource.entityType,
+            id: datasource.entityId
+          };
+          entityName = datasource.entityName;
+          break;
+        }
+      }
+    }
+    if (entityId) {
+      return {
+        entityId,
+        entityName
+      };
+    } else {
+      return null;
+    }
+  }
+
+  onAliasesChanged(aliasIds: Array<string>): boolean {
+    if (this.type === widgetType.rpc) {
+      return this.checkRpcTarget(aliasIds);
+    } else if (this.type === widgetType.alarm) {
+      return this.checkAlarmSource(aliasIds);
+    } else {
+      return this.checkSubscriptions(aliasIds);
+    }
+    return false;
+  }
+
+  private onDataUpdated(detectChanges?: boolean) {
+    if (this.cafs.dataUpdated) {
+      this.cafs.dataUpdated();
+      this.cafs.dataUpdated = null;
+    }
+    this.cafs.dataUpdated = this.ctx.raf.raf(() => {
+      try {
+        this.callbacks.onDataUpdated(this, detectChanges);
+      } catch (e) {
+        this.callbacks.onDataUpdateError(this, e);
+      }
+    });
+  }
+
+  onDashboardTimewindowChanged(newDashboardTimewindow: Timewindow): void {
+    if (this.type === widgetType.timeseries || this.type === widgetType.alarm) {
+      if (this.useDashboardTimewindow) {
+        if (!deepEqual(this.timeWindowConfig, newDashboardTimewindow) && newDashboardTimewindow) {
+          this.timeWindowConfig = deepClone(newDashboardTimewindow);
+          this.update();
+        }
+      }
+    }
+  }
+
+  private onAlarmSearchStatusChanged() {
+    if (this.type === widgetType.alarm) {
+      this.update();
+    }
+  }
+
+  updateDataVisibility(index: number): void {
+    if (this.displayLegend) {
+      const hidden = this.legendData.keys[index].dataKey.hidden;
+      if (hidden) {
+        this.hiddenData[index].data = this.data[index].data;
+        this.data[index].data = [];
+      } else {
+        this.data[index].data = this.hiddenData[index].data;
+        this.hiddenData[index].data = [];
+      }
+      this.onDataUpdated();
+    }
+  }
+
+  updateTimewindowConfig(newTimewindow: Timewindow): void {
+    if (!this.useDashboardTimewindow) {
+      this.timeWindowConfig = newTimewindow;
+      this.update();
+    }
+  }
+
+  onResetTimewindow(): void {
+    if (this.useDashboardTimewindow) {
+      this.ctx.dashboardTimewindowApi.onResetTimewindow();
+    } else {
+      if (this.originalTimewindow) {
+        this.timeWindowConfig = deepClone(this.originalTimewindow);
+        this.originalTimewindow = null;
+        this.callbacks.timeWindowUpdated(this, this.timeWindowConfig);
+        this.update();
+      }
+    }
+  }
+
+  onUpdateTimewindow(startTimeMs: number, endTimeMs: number, interval?: number): void {
+    if (this.useDashboardTimewindow) {
+      this.ctx.dashboardTimewindowApi.onUpdateTimewindow(startTimeMs, endTimeMs);
+    } else {
+      if (!this.originalTimewindow) {
+        this.originalTimewindow = deepClone(this.timeWindowConfig);
+      }
+      this.timeWindowConfig = toHistoryTimewindow(this.timeWindowConfig, startTimeMs, endTimeMs, interval, this.ctx.timeService);
+      this.callbacks.timeWindowUpdated(this, this.timeWindowConfig);
+      this.update();
+    }
+  }
+
+  sendOneWayCommand(method: string, params?: any, timeout?: number): Observable<any> {
+    return this.sendCommand(true, method, params, timeout);
+  }
+
+  sendTwoWayCommand(method: string, params?: any, timeout?: number): Observable<any> {
+    return this.sendCommand(false, method, params, timeout);
+  }
+
+  clearRpcError(): void {
+    this.rpcRejection = null;
+    this.rpcErrorText = null;
+    this.callbacks.onRpcErrorCleared(this);
+  }
+
+  sendCommand(oneWayElseTwoWay: boolean, method: string, params?: any, timeout?: number): Observable<any> {
+    if (!this.rpcEnabled) {
+      return throwError(new Error('Rpc disabled!'));
+    } else {
+      if (this.rpcRejection && this.rpcRejection.status !== 408) {
+        this.rpcRejection = null;
+        this.rpcErrorText = null;
+        this.callbacks.onRpcErrorCleared(this);
+      }
+      const requestBody: any = {
+        method,
+        params
+      };
+      if (timeout && timeout > 0) {
+        requestBody.timeout = timeout;
+      }
+      const rpcSubject: Subject<any> = new ReplaySubject<any>();
+      this.executingRpcRequest = true;
+      this.callbacks.rpcStateChanged(this);
+      if (this.ctx.utils.widgetEditMode) {
+        setTimeout(() => {
+          this.executingRpcRequest = false;
+          this.callbacks.rpcStateChanged(this);
+          if (oneWayElseTwoWay) {
+            rpcSubject.next();
+            rpcSubject.complete();
+          } else {
+            rpcSubject.next(requestBody);
+            rpcSubject.complete();
+          }
+        }, 500);
+      } else {
+        this.executingSubjects.push(rpcSubject);
+        (oneWayElseTwoWay ? this.ctx.deviceService.sendOneWayRpcCommand(this.targetDeviceId, requestBody) :
+          this.ctx.deviceService.sendTwoWayRpcCommand(this.targetDeviceId, requestBody))
+        .subscribe((responseBody) => {
+          this.rpcRejection = null;
+          this.rpcErrorText = null;
+          const index = this.executingSubjects.indexOf(rpcSubject);
+          if (index >= 0) {
+            this.executingSubjects.splice( index, 1 );
+          }
+          this.executingRpcRequest = this.executingSubjects.length > 0;
+          this.callbacks.onRpcSuccess(this);
+          rpcSubject.next(responseBody);
+          rpcSubject.complete();
+        },
+        (rejection: HttpErrorResponse) => {
+          const index = this.executingSubjects.indexOf(rpcSubject);
+          if (index >= 0) {
+            this.executingSubjects.splice( index, 1 );
+          }
+          this.executingRpcRequest = this.executingSubjects.length > 0;
+          this.callbacks.rpcStateChanged(this);
+          if (!this.executingRpcRequest || rejection.status === 408) {
+            this.rpcRejection = rejection;
+            if (rejection.status === 408) {
+              this.rpcErrorText = 'Device is offline.';
+            } else {
+              this.rpcErrorText =  'Error : ' + rejection.status + ' - ' + rejection.statusText;
+              const error = this.extractRejectionErrorText(rejection);
+              if (error) {
+                this.rpcErrorText += '</br>';
+                this.rpcErrorText += error;
+              }
+            }
+            this.callbacks.onRpcFailed(this);
+          }
+          rpcSubject.error(rejection);
+        });
+      }
+      return rpcSubject.asObservable();
+    }
+  }
+
+  private extractRejectionErrorText(rejection: HttpErrorResponse) {
+    let error = null;
+    if (rejection.error) {
+      error = rejection.error;
+      try {
+        error = rejection.error ? JSON.parse(rejection.error) : null;
+      } catch (e) {}
+    }
+    if (error && !error.message) {
+      error = this.prepareMessageFromData(error);
+    } else if (error && error.message) {
+      error = error.message;
+    }
+    return error;
+  }
+
+  private prepareMessageFromData(data) {
+    if (typeof data === 'object' && data.constructor === ArrayBuffer) {
+      const msg = String.fromCharCode.apply(null, new Uint8Array(data));
+      try {
+        const msgObj = JSON.parse(msg);
+        if (msgObj.message) {
+          return msgObj.message;
+        } else {
+          return msg;
+        }
+      } catch (e) {
+        return msg;
+      }
+    } else {
+      return data;
+    }
+  }
+
+  update() {
+    this.unsubscribe();
+    this.subscribe();
+  }
+
+  subscribe(): void {
+    if (this.cafs.subscribe) {
+      this.cafs.subscribe();
+      this.cafs.subscribe = null;
+    }
+    this.cafs.subscribe = this.ctx.raf.raf(() => {
+      this.doSubscribe();
+    });
+  }
+
+  private doSubscribe() {
+    if (this.type === widgetType.rpc) {
+      return;
+    }
+    if (this.type === widgetType.alarm) {
+      this.alarmsSubscribe();
+    } else {
+      this.notifyDataLoading();
+      if (this.type === widgetType.timeseries && this.timeWindowConfig) {
+        this.updateRealtimeSubscription();
+        if (this.subscriptionTimewindow.fixedWindow) {
+          this.onDataUpdated();
+        }
+      }
+      let index = 0;
+      let forceUpdate = !this.datasources.length;
+      this.datasources.forEach((datasource) => {
+        const listener: DatasourceListener = {
+          subscriptionType: this.type,
+          subscriptionTimewindow: this.subscriptionTimewindow,
+          datasource,
+          entityType: datasource.entityType,
+          entityId: datasource.entityId,
+          dataUpdated: this.dataUpdated.bind(this),
+          updateRealtimeSubscription: () => {
+            this.subscriptionTimewindow = this.updateRealtimeSubscription();
+            return this.subscriptionTimewindow;
+          },
+          setRealtimeSubscription: (subscriptionTimewindow) => {
+            this.updateRealtimeSubscription(deepClone(subscriptionTimewindow));
+          },
+          datasourceIndex: index
+        };
+        for (let a = 0; a < datasource.dataKeys.length; a++) {
+          this.data[index + a].data = [];
+        }
+        index += datasource.dataKeys.length;
+        this.datasourceListeners.push(listener);
+
+        if (datasource.dataKeys.length) {
+          this.ctx.datasourceService.subscribeToDatasource(listener);
+        }
+        if (datasource.unresolvedStateEntity ||
+          !datasource.dataKeys.length ||
+          (datasource.type === DatasourceType.entity && !datasource.entityId)
+        ) {
+          forceUpdate = true;
+        }
+      });
+      if (forceUpdate) {
+        this.notifyDataLoaded();
+        this.onDataUpdated();
+      }
+    }
+  }
+
+  private alarmsSubscribe() {
+    this.notifyDataLoading();
+    if (this.timeWindowConfig) {
+      this.updateRealtimeSubscription();
+      if (this.subscriptionTimewindow.fixedWindow) {
+        this.onDataUpdated();
+      }
+    }
+    this.alarmSourceListener = {
+      subscriptionTimewindow: this.subscriptionTimewindow,
+      alarmSource: this.alarmSource,
+      alarmSearchStatus: this.alarmSearchStatus,
+      alarmsPollingInterval: this.alarmsPollingInterval,
+      alarmsUpdated: alarms => this.alarmsUpdated(alarms)
+    };
+    this.alarms = null;
+
+    this.ctx.alarmService.subscribeForAlarms(this.alarmSourceListener);
+
+    let forceUpdate = false;
+    if (this.alarmSource.unresolvedStateEntity ||
+      (this.alarmSource.type === DatasourceType.entity && !this.alarmSource.entityId)
+    ) {
+      forceUpdate = true;
+    }
+    if (forceUpdate) {
+      this.notifyDataLoaded();
+      this.onDataUpdated();
+    }
+  }
+
+
+  unsubscribe() {
+    if (this.type !== widgetType.rpc) {
+      if (this.type === widgetType.alarm) {
+        this.alarmsUnsubscribe();
+      } else {
+        this.datasourceListeners.forEach((listener) => {
+          this.ctx.datasourceService.unsubscribeFromDatasource(listener);
+        });
+        this.datasourceListeners.length = 0;
+        this.resetData();
+      }
+    }
+  }
+
+  private alarmsUnsubscribe() {
+    if (this.alarmSourceListener) {
+      this.ctx.alarmService.unsubscribeFromAlarms(this.alarmSourceListener);
+      this.alarmSourceListener = null;
+    }
+  }
+
+  private checkRpcTarget(aliasIds: Array<string>): boolean {
+    if (aliasIds.indexOf(this.targetDeviceAliasId) > -1) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+
+  private checkAlarmSource(aliasIds: Array<string>): boolean {
+    if (this.alarmSource && this.alarmSource.entityAliasId) {
+      return aliasIds.indexOf(this.alarmSource.entityAliasId) > -1;
+    } else {
+      return false;
+    }
+  }
+
+  private checkSubscriptions(aliasIds: Array<string>): boolean {
+    let subscriptionsChanged = false;
+    for (const listener of this.datasourceListeners) {
+      if (listener.datasource.entityAliasId) {
+        if (aliasIds.indexOf(listener.datasource.entityAliasId) > -1) {
+          subscriptionsChanged = true;
+          break;
+        }
+      }
+    }
+    return subscriptionsChanged;
+  }
+
+  destroy(): void {
+    this.unsubscribe();
+    for (const cafId of Object.keys(this.cafs)) {
+      if (this.cafs[cafId]) {
+        this.cafs[cafId]();
+        this.cafs[cafId] = null;
+      }
+    }
+  }
+
+  private notifyDataLoading() {
+    this.loadingData = true;
+    this.callbacks.dataLoading(this);
+  }
+
+  private notifyDataLoaded() {
+    this.loadingData = false;
+    this.callbacks.dataLoading(this);
+  }
+
+  private updateTimewindow() {
+    this.timeWindow.interval = this.subscriptionTimewindow.aggregation.interval || 1000;
+    if (this.subscriptionTimewindow.realtimeWindowMs) {
+      this.timeWindow.maxTime = Date.now() + this.timeWindow.stDiff;
+      this.timeWindow.minTime = this.timeWindow.maxTime - this.subscriptionTimewindow.realtimeWindowMs;
+    } else if (this.subscriptionTimewindow.fixedWindow) {
+      this.timeWindow.maxTime = this.subscriptionTimewindow.fixedWindow.endTimeMs;
+      this.timeWindow.minTime = this.subscriptionTimewindow.fixedWindow.startTimeMs;
+    }
+  }
+
+  private updateRealtimeSubscription(subscriptionTimewindow?: SubscriptionTimewindow) {
+    if (subscriptionTimewindow) {
+      this.subscriptionTimewindow = subscriptionTimewindow;
+    } else {
+      this.subscriptionTimewindow =
+        createSubscriptionTimewindow(this.timeWindowConfig, this.timeWindow.stDiff,
+          this.stateData, this.ctx.timeService);
+    }
+    this.updateTimewindow();
+    return this.subscriptionTimewindow;
+  }
+
+  private dataUpdated(sourceData: DataSetHolder, datasourceIndex: number, dataKeyIndex: number, detectChanges: boolean) {
+    for (let x = 0; x < this.datasourceListeners.length; x++) {
+      this.datasources[x].dataReceived = this.datasources[x].dataReceived === true;
+      if (this.datasourceListeners[x].datasourceIndex === datasourceIndex && sourceData.data.length > 0) {
+        this.datasources[x].dataReceived = true;
+      }
+    }
+    this.notifyDataLoaded();
+    let update = true;
+    let currentData: DataSetHolder;
+    if (this.displayLegend && this.legendData.keys[datasourceIndex + dataKeyIndex].dataKey.hidden) {
+      currentData = this.hiddenData[datasourceIndex + dataKeyIndex];
+    } else {
+      currentData = this.data[datasourceIndex + dataKeyIndex];
+    }
+    if (this.type === widgetType.latest) {
+      const prevData = currentData.data;
+      if (!sourceData.data.length) {
+        update = false;
+      } else if (prevData && prevData[0] && prevData[0].length > 1 && sourceData.data.length > 0) {
+        const prevTs = prevData[0][0];
+        const prevValue = prevData[0][1];
+        if (prevTs === sourceData.data[0][0] && prevValue === sourceData.data[0][1]) {
+          update = false;
+        }
+      }
+    }
+    if (update) {
+      if (this.subscriptionTimewindow && this.subscriptionTimewindow.realtimeWindowMs) {
+        this.updateTimewindow();
+      }
+      currentData.data = sourceData.data;
+      if (this.caulculateLegendData) {
+        this.updateLegend(datasourceIndex + dataKeyIndex, sourceData.data, detectChanges);
+      }
+      this.onDataUpdated(detectChanges);
+    }
+  }
+
+  private alarmsUpdated(alarms: Array<AlarmInfo>) {
+    this.notifyDataLoaded();
+    const updated = !this.alarms || !deepEqual(this.alarms, alarms);
+    this.alarms = alarms;
+    if (this.subscriptionTimewindow && this.subscriptionTimewindow.realtimeWindowMs) {
+      this.updateTimewindow();
+    }
+    if (updated) {
+      this.onDataUpdated();
+    }
+  }
+
+  private updateLegend(dataIndex: number, data: DataSet, detectChanges: boolean) {
+    const dataKey = this.legendData.keys[dataIndex].dataKey;
+    const decimals = isDefined(dataKey.decimals) ? dataKey.decimals : this.decimals;
+    const units = dataKey.units && dataKey.units.length ? dataKey.units : this.units;
+    const legendKeyData = this.legendData.data[dataIndex];
+    if (this.legendConfig.showMin) {
+      legendKeyData.min = this.ctx.widgetUtils.formatValue(calculateMin(data), decimals, units);
+    }
+    if (this.legendConfig.showMax) {
+      legendKeyData.max = this.ctx.widgetUtils.formatValue(calculateMax(data), decimals, units);
+    }
+    if (this.legendConfig.showAvg) {
+      legendKeyData.avg = this.ctx.widgetUtils.formatValue(calculateAvg(data), decimals, units);
+    }
+    if (this.legendConfig.showTotal) {
+      legendKeyData.total = this.ctx.widgetUtils.formatValue(calculateTotal(data), decimals, units);
+    }
+    this.callbacks.legendDataUpdated(this, detectChanges !== false);
+  }
+
+
+  private loadStDiff(): Observable<any> {
+    const loadSubject = new ReplaySubject(1);
+    if (this.ctx.getServerTimeDiff && this.timeWindow) {
+      this.ctx.getServerTimeDiff().subscribe(
+        (stDiff) => {
+          this.timeWindow.stDiff = stDiff;
+          loadSubject.next();
+          loadSubject.complete();
+        },
+        () => {
+          this.timeWindow.stDiff = 0;
+          loadSubject.next();
+          loadSubject.complete();
+        }
+      );
+    } else {
+      if (this.timeWindow) {
+        this.timeWindow.stDiff = 0;
+      }
+      loadSubject.next();
+      loadSubject.complete();
+    }
+    return loadSubject.asObservable();
+  }
+}
+
+function calculateMin(data: DataSet): number {
+  if (data.length > 0) {
+    let result = Number(data[0][1]);
+    for (let i = 1; i < data.length; i++) {
+      result = Math.min(result, Number(data[i][1]));
+    }
+    return result;
+  } else {
+    return null;
+  }
+}
+
+function calculateMax(data: DataSet): number {
+  if (data.length > 0) {
+    let result = Number(data[0][1]);
+    for (let i = 1; i < data.length; i++) {
+      result = Math.max(result, Number(data[i][1]));
+    }
+    return result;
+  } else {
+    return null;
+  }
+}
+
+function calculateAvg(data: DataSet): number {
+  if (data.length > 0) {
+    return calculateTotal(data) / data.length;
+  } else {
+    return null;
+  }
+}
+
+function calculateTotal(data: DataSet): number {
+  if (data.length > 0) {
+    let result = 0;
+    data.forEach((dataRow) => {
+      result += Number(dataRow[1]);
+    });
+    return result;
+  } else {
+    return null;
+  }
+}
diff --git a/ui-ngx/src/app/core/auth/auth.actions.ts b/ui-ngx/src/app/core/auth/auth.actions.ts
new file mode 100644
index 0000000000..5ad856d99a
--- /dev/null
+++ b/ui-ngx/src/app/core/auth/auth.actions.ts
@@ -0,0 +1,58 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Action } from '@ngrx/store';
+import { User } from '@shared/models/user.model';
+import { AuthPayload } from '@core/auth/auth.models';
+
+export enum AuthActionTypes {
+  AUTHENTICATED = '[Auth] Authenticated',
+  UNAUTHENTICATED = '[Auth] Unauthenticated',
+  LOAD_USER = '[Auth] Load User',
+  UPDATE_USER_DETAILS = '[Auth] Update User Details',
+  UPDATE_LAST_PUBLIC_DASHBOARD_ID = '[Auth] Update Last Public Dashboard Id'
+}
+
+export class ActionAuthAuthenticated implements Action {
+  readonly type = AuthActionTypes.AUTHENTICATED;
+
+  constructor(readonly payload: AuthPayload) {}
+}
+
+export class ActionAuthUnauthenticated implements Action {
+  readonly type = AuthActionTypes.UNAUTHENTICATED;
+}
+
+export class ActionAuthLoadUser implements Action {
+  readonly type = AuthActionTypes.LOAD_USER;
+
+  constructor(readonly payload: { isUserLoaded: boolean }) {}
+}
+
+export class ActionAuthUpdateUserDetails implements Action {
+  readonly type = AuthActionTypes.UPDATE_USER_DETAILS;
+
+  constructor(readonly payload: { userDetails: User }) {}
+}
+
+export class ActionAuthUpdateLastPublicDashboardId implements Action {
+  readonly type = AuthActionTypes.UPDATE_LAST_PUBLIC_DASHBOARD_ID;
+
+  constructor(readonly payload: { lastPublicDashboardId: string }) {}
+}
+
+export type AuthActions = ActionAuthAuthenticated | ActionAuthUnauthenticated |
+  ActionAuthLoadUser | ActionAuthUpdateUserDetails | ActionAuthUpdateLastPublicDashboardId;
diff --git a/ui-ngx/src/app/core/auth/auth.models.ts b/ui-ngx/src/app/core/auth/auth.models.ts
new file mode 100644
index 0000000000..c7210da6ed
--- /dev/null
+++ b/ui-ngx/src/app/core/auth/auth.models.ts
@@ -0,0 +1,36 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { AuthUser, User } from '@shared/models/user.model';
+
+export interface AuthPayload {
+  authUser: AuthUser;
+  userDetails: User;
+  userTokenAccessEnabled: boolean;
+  allowedDashboardIds: string[];
+  forceFullscreen: boolean;
+}
+
+export interface AuthState {
+  isAuthenticated: boolean;
+  isUserLoaded: boolean;
+  authUser: AuthUser;
+  userDetails: User;
+  userTokenAccessEnabled: boolean;
+  allowedDashboardIds: string[];
+  forceFullscreen: boolean;
+  lastPublicDashboardId: string;
+}
diff --git a/ui-ngx/src/app/core/auth/auth.reducer.ts b/ui-ngx/src/app/core/auth/auth.reducer.ts
new file mode 100644
index 0000000000..6e02d03191
--- /dev/null
+++ b/ui-ngx/src/app/core/auth/auth.reducer.ts
@@ -0,0 +1,59 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { AuthPayload, AuthState } from './auth.models';
+import { AuthActions, AuthActionTypes } from './auth.actions';
+
+const emptyUserAuthState: AuthPayload = {
+  authUser: null,
+  userDetails: null,
+  userTokenAccessEnabled: false,
+  forceFullscreen: false,
+  allowedDashboardIds: []
+};
+
+export const initialState: AuthState = {
+  isAuthenticated: false,
+  isUserLoaded: false,
+  lastPublicDashboardId: null,
+  ...emptyUserAuthState
+};
+
+export function authReducer(
+  state: AuthState = initialState,
+  action: AuthActions
+): AuthState {
+  switch (action.type) {
+    case AuthActionTypes.AUTHENTICATED:
+      return { ...state, isAuthenticated: true, ...action.payload };
+
+    case AuthActionTypes.UNAUTHENTICATED:
+      return { ...state, isAuthenticated: false, ...emptyUserAuthState };
+
+    case AuthActionTypes.LOAD_USER:
+      return { ...state, ...action.payload, isAuthenticated: action.payload.isUserLoaded ? state.isAuthenticated : false,
+        ...action.payload.isUserLoaded ? {} : emptyUserAuthState };
+
+    case AuthActionTypes.UPDATE_USER_DETAILS:
+      return { ...state, ...action.payload};
+
+    case AuthActionTypes.UPDATE_LAST_PUBLIC_DASHBOARD_ID:
+      return { ...state, ...action.payload};
+
+    default:
+      return state;
+  }
+}
diff --git a/ui-ngx/src/app/core/auth/auth.selectors.ts b/ui-ngx/src/app/core/auth/auth.selectors.ts
new file mode 100644
index 0000000000..76dffe659e
--- /dev/null
+++ b/ui-ngx/src/app/core/auth/auth.selectors.ts
@@ -0,0 +1,72 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { createFeatureSelector, createSelector, select, Store } from '@ngrx/store';
+
+import { AppState } from '../core.state';
+import { AuthState } from './auth.models';
+import { take } from 'rxjs/operators';
+import { AuthUser } from '@shared/models/user.model';
+
+export const selectAuthState = createFeatureSelector<AppState, AuthState>(
+  'auth'
+);
+
+export const selectAuth = createSelector(
+  selectAuthState,
+  (state: AuthState) => state
+);
+
+export const selectIsAuthenticated = createSelector(
+  selectAuthState,
+  (state: AuthState) => state.isAuthenticated
+);
+
+export const selectIsUserLoaded = createSelector(
+  selectAuthState,
+  (state: AuthState) => state.isUserLoaded
+);
+
+export const selectAuthUser = createSelector(
+  selectAuthState,
+  (state: AuthState) => state.authUser
+);
+
+export const selectUserDetails = createSelector(
+  selectAuthState,
+  (state: AuthState) => state.userDetails
+);
+
+export const selectUserTokenAccessEnabled = createSelector(
+  selectAuthState,
+  (state: AuthState) => state.userTokenAccessEnabled
+);
+
+export function getCurrentAuthState(store: Store<AppState>): AuthState {
+  let state: AuthState;
+  store.pipe(select(selectAuth), take(1)).subscribe(
+    val => state = val
+  );
+  return state;
+}
+
+export function getCurrentAuthUser(store: Store<AppState>): AuthUser {
+  let authUser: AuthUser;
+  store.pipe(select(selectAuthUser), take(1)).subscribe(
+    val => authUser = val
+  );
+  return authUser;
+}
diff --git a/ui-ngx/src/app/core/auth/auth.service.spec.ts b/ui-ngx/src/app/core/auth/auth.service.spec.ts
new file mode 100644
index 0000000000..7457dbda7f
--- /dev/null
+++ b/ui-ngx/src/app/core/auth/auth.service.spec.ts
@@ -0,0 +1,28 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { TestBed } from '@angular/core/testing';
+
+import { AuthService } from './auth.service';
+
+describe('AuthService', () => {
+  beforeEach(() => TestBed.configureTestingModule({}));
+
+  it('should be created', () => {
+    const service: AuthService = TestBed.get(AuthService);
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/ui-ngx/src/app/core/auth/auth.service.ts b/ui-ngx/src/app/core/auth/auth.service.ts
new file mode 100644
index 0000000000..8a3e7d3525
--- /dev/null
+++ b/ui-ngx/src/app/core/auth/auth.service.ts
@@ -0,0 +1,560 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable, NgZone } from '@angular/core';
+import { JwtHelperService } from '@auth0/angular-jwt';
+import { HttpClient } from '@angular/common/http';
+
+import { forkJoin, Observable, of, throwError } from 'rxjs';
+import { catchError, map, mergeMap, tap } from 'rxjs/operators';
+
+import { LoginRequest, LoginResponse, PublicLoginRequest } from '@shared/models/login.models';
+import { ActivatedRoute, Router, UrlTree } from '@angular/router';
+import { defaultHttpOptions } from '../http/http-utils';
+import { ReplaySubject } from 'rxjs/internal/ReplaySubject';
+import { UserService } from '../http/user.service';
+import { Store } from '@ngrx/store';
+import { AppState } from '../core.state';
+import { ActionAuthAuthenticated, ActionAuthLoadUser, ActionAuthUnauthenticated } from './auth.actions';
+import { getCurrentAuthState, getCurrentAuthUser } from './auth.selectors';
+import { Authority } from '@shared/models/authority.enum';
+import { ActionSettingsChangeLanguage } from '@app/core/settings/settings.actions';
+import { AuthPayload, AuthState } from '@core/auth/auth.models';
+import { TranslateService } from '@ngx-translate/core';
+import { AuthUser } from '@shared/models/user.model';
+import { TimeService } from '@core/services/time.service';
+import { UtilsService } from '@core/services/utils.service';
+import { DashboardService } from '@core/http/dashboard.service';
+import { PageLink } from '@shared/models/page/page-link';
+import { DashboardInfo } from '@shared/models/dashboard.models';
+import { PageData } from '@app/shared/models/page/page-data';
+import { AdminService } from '@core/http/admin.service';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+
+@Injectable({
+    providedIn: 'root'
+})
+export class AuthService {
+
+  constructor(
+    private store: Store<AppState>,
+    private http: HttpClient,
+    private userService: UserService,
+    private timeService: TimeService,
+    private router: Router,
+    private route: ActivatedRoute,
+    private zone: NgZone,
+    private utils: UtilsService,
+    private dashboardService: DashboardService,
+    private adminService: AdminService,
+    private translate: TranslateService
+  ) {
+  }
+
+  redirectUrl: string;
+
+  private refreshTokenSubject: ReplaySubject<LoginResponse> = null;
+  private jwtHelper = new JwtHelperService();
+
+  private static _storeGet(key) {
+    return localStorage.getItem(key);
+  }
+
+  private static isTokenValid(prefix) {
+    const clientExpiration = AuthService._storeGet(prefix + '_expiration');
+    return clientExpiration && Number(clientExpiration) > (new Date().valueOf() + 2000);
+  }
+
+  public static isJwtTokenValid() {
+    return AuthService.isTokenValid('jwt_token');
+  }
+
+  private static clearTokenData() {
+    localStorage.removeItem('jwt_token');
+    localStorage.removeItem('jwt_token_expiration');
+    localStorage.removeItem('refresh_token');
+    localStorage.removeItem('refresh_token_expiration');
+  }
+
+  public static getJwtToken() {
+    return AuthService._storeGet('jwt_token');
+  }
+
+  public reloadUser() {
+    this.loadUser(true).subscribe(
+      (authPayload) => {
+        this.notifyAuthenticated(authPayload);
+        this.notifyUserLoaded(true);
+      },
+      () => {
+        this.notifyUnauthenticated();
+        this.notifyUserLoaded(true);
+      }
+    );
+  }
+
+
+  public login(loginRequest: LoginRequest): Observable<LoginResponse> {
+    return this.http.post<LoginResponse>('/api/auth/login', loginRequest, defaultHttpOptions()).pipe(
+      tap((loginResponse: LoginResponse) => {
+          this.setUserFromJwtToken(loginResponse.token, loginResponse.refreshToken, true);
+        }
+      ));
+  }
+
+  public publicLogin(publicId: string): Observable<LoginResponse> {
+    const publicLoginRequest: PublicLoginRequest = {
+      publicId
+    };
+    return this.http.post<LoginResponse>('/api/auth/login/public', publicLoginRequest, defaultHttpOptions());
+  }
+
+  public sendResetPasswordLink(email: string) {
+    return this.http.post('/api/noauth/resetPasswordByEmail',
+      {email}, defaultHttpOptions());
+  }
+
+  public activate(activateToken: string, password: string): Observable<LoginResponse> {
+    return this.http.post<LoginResponse>('/api/noauth/activate', {activateToken, password}, defaultHttpOptions()).pipe(
+      tap((loginResponse: LoginResponse) => {
+          this.setUserFromJwtToken(loginResponse.token, loginResponse.refreshToken, true);
+        }
+      ));
+  }
+
+  public resetPassword(resetToken: string, password: string): Observable<LoginResponse> {
+    return this.http.post<LoginResponse>('/api/noauth/resetPassword', {resetToken, password}, defaultHttpOptions()).pipe(
+      tap((loginResponse: LoginResponse) => {
+          this.setUserFromJwtToken(loginResponse.token, loginResponse.refreshToken, true);
+        }
+      ));
+  }
+
+  public changePassword(currentPassword: string, newPassword: string) {
+    return this.http.post('/api/auth/changePassword',
+      {currentPassword, newPassword}, defaultHttpOptions());
+  }
+
+  public activateByEmailCode(emailCode: string): Observable<LoginResponse> {
+    return this.http.post<LoginResponse>(`/api/noauth/activateByEmailCode?emailCode=${emailCode}`,
+      null, defaultHttpOptions());
+  }
+
+  public resendEmailActivation(email: string) {
+    return this.http.post(`/api/noauth/resendEmailActivation?email=${email}`,
+      null, defaultHttpOptions());
+  }
+
+  public loginAsUser(userId: string) {
+    return this.http.get<LoginResponse>(`/api/user/${userId}/token`, defaultHttpOptions()).pipe(
+      tap((loginResponse: LoginResponse) => {
+          this.setUserFromJwtToken(loginResponse.token, loginResponse.refreshToken, true);
+        }
+      ));
+  }
+
+  public logout(captureLastUrl: boolean = false) {
+    if (captureLastUrl) {
+      this.redirectUrl = this.router.url;
+    }
+    this.http.post('/api/auth/logout', null, defaultHttpOptions(true, true))
+      .subscribe(() => {
+          this.clearJwtToken();
+        },
+        () => {
+          this.clearJwtToken();
+        }
+      );
+  }
+
+  private notifyUserLoaded(isUserLoaded: boolean) {
+    this.store.dispatch(new ActionAuthLoadUser({isUserLoaded}));
+  }
+
+  public gotoDefaultPlace(isAuthenticated: boolean) {
+    const authState = getCurrentAuthState(this.store);
+    const url = this.defaultUrl(isAuthenticated, authState);
+    this.zone.run(() => {
+      this.router.navigateByUrl(url);
+    });
+  }
+
+  private forceDefaultPlace(authState?: AuthState, path?: string, params?: any): boolean {
+    if (authState && authState.authUser) {
+      if (authState.authUser.authority === Authority.TENANT_ADMIN || authState.authUser.authority === Authority.CUSTOMER_USER) {
+        if ((this.userHasDefaultDashboard(authState) && authState.forceFullscreen) || authState.authUser.isPublic) {
+          if (path === 'profile') {
+            if (this.userHasProfile(authState.authUser)) {
+              return false;
+            } else {
+              return true;
+            }
+          } else if (path.startsWith('dashboard.') || path.startsWith('dashboards.') &&
+              authState.allowedDashboardIds.indexOf(params.dashboardId) > -1) {
+            return false;
+          } else {
+            return true;
+          }
+        }
+      }
+    }
+    return false;
+  }
+
+  public defaultUrl(isAuthenticated: boolean, authState?: AuthState, path?: string, params?: any): UrlTree {
+    let result: UrlTree = null;
+    if (isAuthenticated) {
+      if (!path || path === 'login' || this.forceDefaultPlace(authState, path, params)) {
+        if (this.redirectUrl) {
+          const redirectUrl = this.redirectUrl;
+          this.redirectUrl = null;
+          result = this.router.parseUrl(redirectUrl);
+        } else {
+          result = this.router.parseUrl('home');
+        }
+        if (authState.authUser.authority === Authority.TENANT_ADMIN || authState.authUser.authority === Authority.CUSTOMER_USER) {
+          if (this.userHasDefaultDashboard(authState)) {
+            const dashboardId = authState.userDetails.additionalInfo.defaultDashboardId;
+            if (authState.forceFullscreen) {
+              result = this.router.parseUrl(`dashboard/${dashboardId}`);
+            } else {
+              result = this.router.parseUrl(`dashboards/${dashboardId}`);
+            }
+          } else if (authState.authUser.isPublic) {
+            result = this.router.parseUrl(`dashboard/${authState.lastPublicDashboardId}`);
+          }
+        } else if (authState.authUser.authority === Authority.SYS_ADMIN) {
+          this.adminService.checkUpdates().subscribe((updateMessage) => {
+            if (updateMessage && updateMessage.updateAvailable) {
+              this.store.dispatch(new ActionNotificationShow(
+                {message: updateMessage.message,
+                           type: 'info',
+                           verticalPosition: 'bottom',
+                           horizontalPosition: 'right'}));
+            }
+          });
+        }
+      }
+    } else {
+      result = this.router.parseUrl('login');
+    }
+    return result;
+  }
+
+  private loadUser(doTokenRefresh): Observable<AuthPayload> {
+    const authUser = getCurrentAuthUser(this.store);
+    if (!authUser) {
+      const publicId = this.utils.getQueryParam('publicId');
+      const accessToken = this.utils.getQueryParam('accessToken');
+      const refreshToken = this.utils.getQueryParam('refreshToken');
+      if (publicId) {
+        return this.publicLogin(publicId).pipe(
+          mergeMap((response) => {
+            this.updateAndValidateToken(response.token, 'jwt_token', false);
+            this.updateAndValidateToken(response.refreshToken, 'refresh_token', false);
+            return this.procceedJwtTokenValidate();
+          }),
+          catchError((err) => {
+            this.utils.updateQueryParam('publicId', null);
+            throw Error();
+          })
+        );
+      } else if (accessToken) {
+        this.utils.updateQueryParam('accessToken', null);
+        if (refreshToken) {
+          this.utils.updateQueryParam('refreshToken', null);
+        }
+        try {
+          this.updateAndValidateToken(accessToken, 'jwt_token', false);
+          if (refreshToken) {
+            this.updateAndValidateToken(refreshToken, 'refresh_token', false);
+          } else {
+            localStorage.removeItem('refresh_token');
+            localStorage.removeItem('refresh_token_expiration');
+          }
+        } catch (e) {
+          return throwError(e);
+        }
+        return this.procceedJwtTokenValidate();
+      }
+      return this.procceedJwtTokenValidate(doTokenRefresh);
+    } else {
+      return of({} as AuthPayload);
+    }
+  }
+
+  private procceedJwtTokenValidate(doTokenRefresh?: boolean): Observable<AuthPayload> {
+    const loadUserSubject = new ReplaySubject<AuthPayload>();
+    this.validateJwtToken(doTokenRefresh).subscribe(
+      () => {
+        let authPayload = {} as AuthPayload;
+        const jwtToken = AuthService._storeGet('jwt_token');
+        authPayload.authUser = this.jwtHelper.decodeToken(jwtToken);
+        if (authPayload.authUser && authPayload.authUser.scopes && authPayload.authUser.scopes.length) {
+          authPayload.authUser.authority = Authority[authPayload.authUser.scopes[0]];
+        } else if (authPayload.authUser) {
+          authPayload.authUser.authority = Authority.ANONYMOUS;
+        }
+        if (authPayload.authUser.isPublic) {
+          authPayload.forceFullscreen = true;
+        }
+        if (authPayload.authUser.isPublic) {
+          this.loadSystemParams(authPayload).subscribe(
+            (sysParams) => {
+              authPayload = {...authPayload, ...sysParams};
+              loadUserSubject.next(authPayload);
+              loadUserSubject.complete();
+            },
+            (err) => {
+              loadUserSubject.error(err);
+            }
+          );
+        } else if (authPayload.authUser.userId) {
+          this.userService.getUser(authPayload.authUser.userId).subscribe(
+            (user) => {
+              authPayload.userDetails = user;
+              authPayload.forceFullscreen = false;
+              if (this.userForceFullscreen(authPayload)) {
+                authPayload.forceFullscreen = true;
+              }
+              this.loadSystemParams(authPayload).subscribe(
+                (sysParams) => {
+                  authPayload = {...authPayload, ...sysParams};
+                  let userLang;
+                  if (authPayload.userDetails.additionalInfo && authPayload.userDetails.additionalInfo.lang) {
+                    userLang = authPayload.userDetails.additionalInfo.lang;
+                  } else {
+                    userLang = null;
+                  }
+                  this.notifyUserLang(userLang);
+                  loadUserSubject.next(authPayload);
+                  loadUserSubject.complete();
+                },
+                (err) => {
+                  loadUserSubject.error(err);
+                  this.logout();
+                });
+            },
+            (err) => {
+              loadUserSubject.error(err);
+              this.logout();
+            }
+          );
+        } else {
+          loadUserSubject.error(null);
+        }
+      },
+      (err) => {
+        loadUserSubject.error(err);
+      }
+    );
+    return loadUserSubject;
+  }
+
+  private loadIsUserTokenAccessEnabled(authUser: AuthUser): Observable<boolean> {
+    if (authUser.authority === Authority.SYS_ADMIN ||
+        authUser.authority === Authority.TENANT_ADMIN) {
+      return this.http.get<boolean>('/api/user/tokenAccessEnabled', defaultHttpOptions());
+    } else {
+      return of(false);
+    }
+  }
+
+  private loadSystemParams(authPayload: AuthPayload): Observable<any> {
+    const sources: Array<Observable<any>> = [this.loadIsUserTokenAccessEnabled(authPayload.authUser),
+                                             this.fetchAllowedDashboardIds(authPayload),
+                                             this.timeService.loadMaxDatapointsLimit()];
+    return forkJoin(sources)
+      .pipe(map((data) => {
+        const userTokenAccessEnabled: boolean = data[0];
+        const allowedDashboardIds: string[] = data[1];
+        return {userTokenAccessEnabled, allowedDashboardIds};
+      }));
+  }
+
+  public refreshJwtToken(): Observable<LoginResponse> {
+    let response: Observable<LoginResponse> = this.refreshTokenSubject;
+    if (this.refreshTokenSubject === null) {
+        this.refreshTokenSubject = new ReplaySubject<LoginResponse>(1);
+        response = this.refreshTokenSubject;
+        const refreshToken = AuthService._storeGet('refresh_token');
+        const refreshTokenValid = AuthService.isTokenValid('refresh_token');
+        this.setUserFromJwtToken(null, null, false);
+        if (!refreshTokenValid) {
+          this.refreshTokenSubject.error(new Error(this.translate.instant('access.refresh-token-expired')));
+          this.refreshTokenSubject = null;
+        } else {
+          const refreshTokenRequest = {
+            refreshToken
+          };
+          const refreshObservable = this.http.post<LoginResponse>('/api/auth/token', refreshTokenRequest, defaultHttpOptions());
+          refreshObservable.subscribe((loginResponse: LoginResponse) => {
+            this.setUserFromJwtToken(loginResponse.token, loginResponse.refreshToken, false);
+            this.refreshTokenSubject.next(loginResponse);
+            this.refreshTokenSubject.complete();
+            this.refreshTokenSubject = null;
+          }, () => {
+            this.clearJwtToken();
+            this.refreshTokenSubject.error(new Error(this.translate.instant('access.refresh-token-failed')));
+            this.refreshTokenSubject = null;
+          });
+        }
+    }
+    return response;
+  }
+
+  private validateJwtToken(doRefresh): Observable<void> {
+    const subject = new ReplaySubject<void>();
+    if (!AuthService.isTokenValid('jwt_token')) {
+      if (doRefresh) {
+        this.refreshJwtToken().subscribe(
+          () => {
+            subject.next();
+            subject.complete();
+          },
+          (err) => {
+            subject.error(err);
+          }
+        );
+      } else {
+        this.clearJwtToken();
+        subject.error(null);
+      }
+    } else {
+      subject.next();
+      subject.complete();
+    }
+    return subject;
+  }
+
+  public refreshTokenPending() {
+    return this.refreshTokenSubject !== null;
+  }
+
+  public setUserFromJwtToken(jwtToken, refreshToken, notify) {
+    if (!jwtToken) {
+      AuthService.clearTokenData();
+      if (notify) {
+        this.notifyUnauthenticated();
+      }
+    } else {
+      this.updateAndValidateToken(jwtToken, 'jwt_token', true);
+      this.updateAndValidateToken(refreshToken, 'refresh_token', true);
+      if (notify) {
+        this.notifyUserLoaded(false);
+        this.loadUser(false).subscribe(
+          (authPayload) => {
+            this.notifyUserLoaded(true);
+            this.notifyAuthenticated(authPayload);
+          },
+          () => {
+            this.notifyUserLoaded(true);
+            this.notifyUnauthenticated();
+          }
+        );
+      } else {
+        this.loadUser(false).subscribe();
+      }
+    }
+  }
+
+  public parsePublicId(): string {
+    const token = AuthService.getJwtToken();
+    if (token) {
+      const tokenData = this.jwtHelper.decodeToken(token);
+      if (tokenData && tokenData.isPublic) {
+        return tokenData.sub;
+      }
+    }
+    return null;
+  }
+
+  private notifyUnauthenticated() {
+    this.store.dispatch(new ActionAuthUnauthenticated());
+  }
+
+  private notifyAuthenticated(authPayload: AuthPayload) {
+    this.store.dispatch(new ActionAuthAuthenticated(authPayload));
+  }
+
+  private notifyUserLang(userLang: string) {
+    this.store.dispatch(new ActionSettingsChangeLanguage({userLang}));
+  }
+
+  private updateAndValidateToken(token, prefix, notify) {
+    let valid = false;
+    const tokenData = this.jwtHelper.decodeToken(token);
+    const issuedAt = tokenData.iat;
+    const expTime = tokenData.exp;
+    if (issuedAt && expTime) {
+      const ttl = expTime - issuedAt;
+      if (ttl > 0) {
+        const clientExpiration = new Date().valueOf() + ttl * 1000;
+        localStorage.setItem(prefix, token);
+        localStorage.setItem(prefix + '_expiration', '' + clientExpiration);
+        valid = true;
+      }
+    }
+    if (!valid && notify) {
+      this.notifyUnauthenticated();
+    }
+  }
+
+  private clearJwtToken() {
+    this.setUserFromJwtToken(null, null, true);
+  }
+
+  private userForceFullscreen(authPayload: AuthPayload): boolean {
+    return (authPayload.authUser && authPayload.authUser.isPublic) ||
+      (authPayload.userDetails && authPayload.userDetails.additionalInfo &&
+        authPayload.userDetails.additionalInfo.defaultDashboardFullscreen &&
+        authPayload.userDetails.additionalInfo.defaultDashboardFullscreen === true);
+  }
+
+  private userHasProfile(authUser: AuthUser): boolean {
+    return authUser && !authUser.isPublic;
+  }
+
+  private userHasDefaultDashboard(authState: AuthState): boolean {
+    if (authState && authState.userDetails && authState.userDetails.additionalInfo
+      && authState.userDetails.additionalInfo.defaultDashboardId) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+
+  private fetchAllowedDashboardIds(authPayload: AuthPayload): Observable<string[]> {
+    if (authPayload.forceFullscreen && (authPayload.authUser.authority === Authority.TENANT_ADMIN ||
+      authPayload.authUser.authority === Authority.CUSTOMER_USER)) {
+      const pageLink = new PageLink(100);
+      let fetchDashboardsObservable: Observable<PageData<DashboardInfo>>;
+      if (authPayload.authUser.authority === Authority.TENANT_ADMIN) {
+        fetchDashboardsObservable = this.dashboardService.getTenantDashboards(pageLink);
+      } else {
+        fetchDashboardsObservable = this.dashboardService.getCustomerDashboards(authPayload.authUser.customerId, pageLink);
+      }
+      return fetchDashboardsObservable.pipe(
+        map((result) => {
+          const dashboards = result.data;
+          return dashboards.map(dashboard => dashboard.id.id);
+        })
+      );
+    } else {
+      return of([]);
+    }
+  }
+}
diff --git a/ui-ngx/src/app/core/core.module.ts b/ui-ngx/src/app/core/core.module.ts
new file mode 100644
index 0000000000..877d193a9e
--- /dev/null
+++ b/ui-ngx/src/app/core/core.module.ts
@@ -0,0 +1,102 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { HTTP_INTERCEPTORS, HttpClient, HttpClientModule } from '@angular/common/http';
+import { StoreModule } from '@ngrx/store';
+import { EffectsModule } from '@ngrx/effects';
+import { StoreDevtoolsModule } from '@ngrx/store-devtools';
+import { GlobalHttpInterceptor } from './interceptors/global-http-interceptor';
+import { effects, metaReducers, reducers } from './core.state';
+import { environment as env } from '@env/environment';
+
+import {
+  MissingTranslationHandler,
+  TranslateCompiler,
+  TranslateLoader,
+  TranslateModule
+} from '@ngx-translate/core';
+import { TranslateHttpLoader } from '@ngx-translate/http-loader';
+import { TbMissingTranslationHandler } from './translate/missing-translate-handler';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { TranslateDefaultCompiler } from '@core/translate/translate-default-compiler';
+import { WINDOW_PROVIDERS } from '@core/services/window.service';
+import { HotkeyModule } from 'angular2-hotkeys';
+
+export function HttpLoaderFactory(http: HttpClient) {
+  return new TranslateHttpLoader(http, './assets/locale/locale.constant-', '.json');
+}
+
+@NgModule({
+  imports: [
+    CommonModule,
+    HttpClientModule,
+    FlexLayoutModule.withConfig({addFlexToParent: false}),
+    MatDialogModule,
+    MatButtonModule,
+    MatSnackBarModule,
+
+    // ngx-translate
+    TranslateModule.forRoot({
+      loader: {
+        provide: TranslateLoader,
+        useFactory: HttpLoaderFactory,
+        deps: [HttpClient]
+      },
+      missingTranslationHandler: {
+        provide: MissingTranslationHandler,
+        useClass: TbMissingTranslationHandler
+      },
+      compiler: {
+        provide: TranslateCompiler,
+        useClass: TranslateDefaultCompiler
+      }
+    }),
+    HotkeyModule.forRoot(),
+
+    // ngrx
+    StoreModule.forRoot(reducers,
+      { metaReducers,
+        runtimeChecks: {
+          strictStateImmutability: true,
+          strictActionImmutability: true,
+          strictStateSerializability: true,
+          strictActionSerializability: true
+        }}
+    ),
+    EffectsModule.forRoot(effects),
+    env.production
+      ? []
+      : StoreDevtoolsModule.instrument({
+        name: env.appTitle
+      })
+  ],
+  providers: [
+    {
+      provide: HTTP_INTERCEPTORS,
+      useClass: GlobalHttpInterceptor,
+      multi: true
+    },
+    WINDOW_PROVIDERS
+  ],
+  exports: []
+})
+export class CoreModule {
+}
diff --git a/ui-ngx/src/app/core/core.state.ts b/ui-ngx/src/app/core/core.state.ts
new file mode 100644
index 0000000000..45ed3ce4c1
--- /dev/null
+++ b/ui-ngx/src/app/core/core.state.ts
@@ -0,0 +1,65 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  ActionReducerMap,
+  MetaReducer, Store
+} from '@ngrx/store';
+import { storeFreeze } from 'ngrx-store-freeze';
+
+import { environment as env} from '@env/environment';
+
+import { initStateFromLocalStorage } from './meta-reducers/init-state-from-local-storage.reducer';
+import { debug } from './meta-reducers/debug.reducer';
+import { LoadState } from './interceptors/load.models';
+import { loadReducer } from './interceptors/load.reducer';
+import { AuthState } from './auth/auth.models';
+import { authReducer } from './auth/auth.reducer';
+import { settingsReducer } from '@app/core/settings/settings.reducer';
+import { SettingsState } from '@app/core/settings/settings.models';
+import { Type } from '@angular/core';
+import { SettingsEffects } from '@app/core/settings/settings.effects';
+import { NotificationState } from '@app/core/notification/notification.models';
+import { notificationReducer } from '@app/core/notification/notification.reducer';
+import { NotificationEffects } from '@app/core/notification/notification.effects';
+import { take } from 'rxjs/operators';
+
+export const reducers: ActionReducerMap<AppState> = {
+  load: loadReducer,
+  auth: authReducer,
+  settings: settingsReducer,
+  notification: notificationReducer
+};
+
+export const metaReducers: MetaReducer<AppState>[] = [
+  initStateFromLocalStorage
+];
+if (!env.production) {
+  metaReducers.unshift(storeFreeze);
+  metaReducers.unshift(debug);
+}
+
+export const effects: Type<any>[] = [
+  SettingsEffects,
+  NotificationEffects
+];
+
+export interface AppState {
+  load: LoadState;
+  auth: AuthState;
+  settings: SettingsState;
+  notification: NotificationState;
+}
diff --git a/ui-ngx/src/app/core/css/css.js b/ui-ngx/src/app/core/css/css.js
new file mode 100644
index 0000000000..29b8ba164d
--- /dev/null
+++ b/ui-ngx/src/app/core/css/css.js
@@ -0,0 +1,686 @@
+/*
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* eslint-disable */
+
+/* jshint unused:false */
+/* global base64_decode, CSSWizardView, window, console, jQuery */
+var fi = function() {
+
+  this.cssImportStatements = [];
+  this.cssKeyframeStatements = [];
+
+  this.cssRegex = new RegExp("([\\s\\S]*?){([\\s\\S]*?)}", "gi");
+  this.cssMediaQueryRegex = "((@media [\\s\\S]*?){([\\s\\S]*?}\\s*?)})";
+  this.cssKeyframeRegex = "((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})";
+  this.combinedCSSRegex = "((\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})"; //to match css & media queries together
+  this.cssCommentsRegex = "(\\/\\*[\\s\\S]*?\\*\\/)";
+  this.cssImportStatementRegex = new RegExp("@import .*?;", "gi");
+};
+
+/*
+ Strip outs css comments and returns cleaned css string
+
+ @param css, the original css string to be stipped out of comments
+
+ @return cleanedCSS contains no css comments
+ */
+fi.prototype.stripComments = function(cssString) {
+  var regex = new RegExp(this.cssCommentsRegex, "gi");
+
+  return cssString.replace(regex, "");
+};
+
+/*
+ Parses given css string, and returns css object
+ keys as selectors and values are css rules
+ eliminates all css comments before parsing
+
+ @param source css string to be parsed
+
+ @return object css
+ */
+fi.prototype.parseCSS = function(source) {
+
+  if (source === undefined) {
+    return [];
+  }
+
+  var css = [];
+  //strip out comments
+  //source = this.stripComments(source);
+
+  //get import statements
+
+  while (true) {
+    var imports = this.cssImportStatementRegex.exec(source);
+    if (imports !== null) {
+      this.cssImportStatements.push(imports[0]);
+      css.push({
+        selector: "@imports",
+        type: "imports",
+        styles: imports[0],
+      });
+    } else {
+      break;
+    }
+  }
+  source = source.replace(this.cssImportStatementRegex, "");
+  //get keyframe statements
+  var keyframesRegex = new RegExp(this.cssKeyframeRegex, "gi");
+  var arr;
+  while (true) {
+    arr = keyframesRegex.exec(source);
+    if (arr === null) {
+      break;
+    }
+    css.push({
+      selector: "@keyframes",
+      type: "keyframes",
+      styles: arr[0],
+    });
+  }
+  source = source.replace(keyframesRegex, "");
+
+  //unified regex
+  var unified = new RegExp(this.combinedCSSRegex, "gi");
+
+  while (true) {
+    arr = unified.exec(source);
+    if (arr === null) {
+      break;
+    }
+    var selector = "";
+    if (arr[2] === undefined) {
+      selector = arr[5].split("\r\n").join("\n").trim();
+    } else {
+      selector = arr[2].split("\r\n").join("\n").trim();
+    }
+
+    /*
+     fetch comments and associate it with current selector
+     */
+    var commentsRegex = new RegExp(this.cssCommentsRegex, "gi");
+    var comments = commentsRegex.exec(selector);
+    if (comments !== null) {
+      selector = selector.replace(commentsRegex, "").trim();
+    }
+
+    //determine the type
+    if (selector.indexOf("@media") !== -1) {
+      //we have a media query
+      var cssObject = {
+        selector: selector,
+        type: "media",
+        subStyles: this.parseCSS(arr[3] + "\n}"), //recursively parse media query inner css
+      };
+      if (comments !== null) {
+        cssObject.comments = comments[0];
+      }
+      css.push(cssObject);
+    } else {
+      //we have standart css
+      var rules = this.parseRules(arr[6]);
+      var style = {
+        selector: selector,
+        rules: rules,
+      };
+      if (selector === "@font-face") {
+        style.type = "font-face";
+      }
+      if (comments !== null) {
+        style.comments = comments[0];
+      }
+      css.push(style);
+    }
+  }
+
+  return css;
+};
+
+/*
+ parses given string containing css directives
+ and returns an array of objects containing ruleName:ruleValue pairs
+
+ @param rules, css directive string example
+ \n\ncolor:white;\n    font-size:18px;\n
+ */
+fi.prototype.parseRules = function(rules) {
+  //convert all windows style line endings to unix style line endings
+  rules = rules.split("\r\n").join("\n");
+  var ret = [];
+
+  // Split all rules but keep semicolon for base64 url data
+  rules = rules.split(/;(?![^\(]*\))/);
+
+  //proccess rules line by line
+  for (var i = 0; i < rules.length; i++) {
+    var line = rules[i];
+
+    //determine if line is a valid css directive, ie color:white;
+    line = line.trim();
+    if (line.indexOf(":") !== -1) {
+      //line contains :
+      line = line.split(":");
+      var cssDirective = line[0].trim();
+      var cssValue = line.slice(1).join(":").trim();
+
+      //more checks
+      if (cssDirective.length < 1 || cssValue.length < 1) {
+        continue; //there is no css directive or value that is of length 1 or 0
+        // PLAIN WRONG WHAT ABOUT margin:0; ?
+      }
+
+      //push rule
+      ret.push({
+        directive: cssDirective,
+        value: cssValue,
+      });
+    } else {
+      //if there is no ':', but what if it was mis splitted value which starts with base64
+      if (line.trim().substr(0, 7) == "base64,") { //hack :)
+        ret[ret.length - 1].value += line.trim();
+      } else {
+        //add rule, even if it is defective
+        if (line.length > 0) {
+          ret.push({
+            directive: "",
+            value: line,
+            defective: true,
+          });
+        }
+      }
+    }
+  }
+
+  return ret; //we are done!
+};
+/*
+ just returns the rule having given directive
+ if not found returns false;
+ */
+fi.prototype.findCorrespondingRule = function(rules, directive, value) {
+  if (value === undefined) {
+    value = false;
+  }
+  var ret = false;
+  for (var i = 0; i < rules.length; i++) {
+    if (rules[i].directive == directive) {
+      ret = rules[i];
+      if (value === rules[i].value) {
+        break;
+      }
+    }
+  }
+  return ret;
+};
+
+/*
+ Finds styles that have given selector, compress them,
+ and returns them
+ */
+fi.prototype.findBySelector = function(cssObjectArray, selector, contains) {
+  if (contains === undefined) {
+    contains = false;
+  }
+
+  var found = [];
+  for (var i = 0; i < cssObjectArray.length; i++) {
+    if (contains === false) {
+      if (cssObjectArray[i].selector === selector) {
+        found.push(cssObjectArray[i]);
+      }
+    } else {
+      if (cssObjectArray[i].selector.indexOf(selector) !== -1) {
+        found.push(cssObjectArray[i]);
+      }
+    }
+
+  }
+  if (found.length < 2) {
+    return found;
+  } else {
+    var base = found[0];
+    for (i = 1; i < found.length; i++) {
+      this.intelligentCSSPush([base], found[i]);
+    }
+    return [base]; //we are done!! all properties merged into base!
+  }
+};
+
+/*
+ deletes cssObjects having given selector, and returns new array
+ */
+fi.prototype.deleteBySelector = function(cssObjectArray, selector) {
+  var ret = [];
+  for (var i = 0; i < cssObjectArray.length; i++) {
+    if (cssObjectArray[i].selector !== selector) {
+      ret.push(cssObjectArray[i]);
+    }
+  }
+  return ret;
+};
+
+/*
+ Compresses given cssObjectArray and tries to minimize
+ selector redundence.
+ */
+fi.prototype.compressCSS = function(cssObjectArray) {
+  var compressed = [];
+  var done = {};
+  for (var i = 0; i < cssObjectArray.length; i++) {
+    var obj = cssObjectArray[i];
+    if (done[obj.selector] === true) {
+      continue;
+    }
+
+    var found = this.findBySelector(cssObjectArray, obj.selector); //found compressed
+    if (found.length !== 0) {
+      compressed.push(found[0]);
+      done[obj.selector] = true;
+    }
+  }
+  return compressed;
+};
+
+/*
+ Received 2 css objects with following structure
+ {
+ rules : [{directive:"", value:""}, {directive:"", value:""}, ...]
+ selector : "SOMESELECTOR"
+ }
+
+ returns the changed(new,removed,updated) values on css1 parameter, on same structure
+
+ if two css objects are the same, then returns false
+
+ if a css directive exists in css1 and     css2, and its value is different, it is included in diff
+ if a css directive exists in css1 and not css2, it is then included in diff
+ if a css directive exists in css2 but not css1, then it is deleted in css1, it would be included in diff but will be marked as type='DELETED'
+
+ @object css1 css object
+ @object css2 css object
+
+ @return diff css object contains changed values in css1 in regards to css2 see test input output in /test/data/css.js
+ */
+fi.prototype.cssDiff = function(css1, css2) {
+  if (css1.selector !== css2.selector) {
+    return false;
+  }
+
+  //if one of them is media query return false, because diff function can not operate on media queries
+  if ((css1.type === "media" || css2.type === "media")) {
+    return false;
+  }
+
+  var diff = {
+    selector: css1.selector,
+    rules: [],
+  };
+  var rule1, rule2;
+  for (var i = 0; i < css1.rules.length; i++) {
+    rule1 = css1.rules[i];
+    //find rule2 which has the same directive as rule1
+    rule2 = this.findCorrespondingRule(css2.rules, rule1.directive, rule1.value);
+    if (rule2 === false) {
+      //rule1 is a new rule in css1
+      diff.rules.push(rule1);
+    } else {
+      //rule2 was found only push if its value is different too
+      if (rule1.value !== rule2.value) {
+        diff.rules.push(rule1);
+      }
+    }
+  }
+
+  //now for rules exists in css2 but not in css1, which means deleted rules
+  for (var ii = 0; ii < css2.rules.length; ii++) {
+    rule2 = css2.rules[ii];
+    //find rule2 which has the same directive as rule1
+    rule1 = this.findCorrespondingRule(css1.rules, rule2.directive);
+    if (rule1 === false) {
+      //rule1 is a new rule
+      rule2.type = "DELETED"; //mark it as a deleted rule, so that other merge operations could be true
+      diff.rules.push(rule2);
+    }
+  }
+
+  if (diff.rules.length === 0) {
+    return false;
+  }
+  return diff;
+};
+
+/*
+ Merges 2 different css objects together
+ using intelligentCSSPush,
+
+ @param cssObjectArray, target css object array
+ @param newArray, source array that will be pushed into cssObjectArray parameter
+ @param reverse, [optional], if given true, first parameter will be traversed on reversed order
+ effectively giving priority to the styles in newArray
+ */
+fi.prototype.intelligentMerge = function(cssObjectArray, newArray, reverse) {
+  if (reverse === undefined) {
+    reverse = false;
+  }
+
+  for (var i = 0; i < newArray.length; i++) {
+    this.intelligentCSSPush(cssObjectArray, newArray[i], reverse);
+  }
+  for (i = 0; i < cssObjectArray.length; i++) {
+    var cobj = cssObjectArray[i];
+    if (cobj.type === "media" || (cobj.type === "keyframes")) {
+      continue;
+    }
+    cobj.rules = this.compactRules(cobj.rules);
+  }
+};
+
+/*
+ inserts new css objects into a bigger css object
+ with same selectors groupped together
+
+ @param cssObjectArray, array of bigger css object to be pushed into
+ @param minimalObject, single css object
+ @param reverse [optional] default is false, if given, cssObjectArray will be reversly traversed
+ resulting more priority in minimalObject's styles
+ */
+fi.prototype.intelligentCSSPush = function(cssObjectArray, minimalObject, reverse) {
+  var pushSelector = minimalObject.selector;
+  //find correct selector if not found just push minimalObject into cssObject
+  var cssObject = false;
+
+  if (reverse === undefined) {
+    reverse = false;
+  }
+
+  if (reverse === false) {
+    for (var i = 0; i < cssObjectArray.length; i++) {
+      if (cssObjectArray[i].selector === minimalObject.selector) {
+        cssObject = cssObjectArray[i];
+        break;
+      }
+    }
+  } else {
+    for (var j = cssObjectArray.length - 1; j > -1; j--) {
+      if (cssObjectArray[j].selector === minimalObject.selector) {
+        cssObject = cssObjectArray[j];
+        break;
+      }
+    }
+  }
+
+  if (cssObject === false) {
+    cssObjectArray.push(minimalObject); //just push, because cssSelector is new
+  } else {
+    if (minimalObject.type !== "media") {
+      for (var ii = 0; ii < minimalObject.rules.length; ii++) {
+        var rule = minimalObject.rules[ii];
+        //find rule inside cssObject
+        var oldRule = this.findCorrespondingRule(cssObject.rules, rule.directive);
+        if (oldRule === false) {
+          cssObject.rules.push(rule);
+        } else if (rule.type == "DELETED") {
+          oldRule.type = "DELETED";
+        } else {
+          //rule found just update value
+
+          oldRule.value = rule.value;
+        }
+      }
+    } else {
+      cssObject.subStyles = minimalObject.subStyles; //TODO, make this intelligent too
+    }
+
+  }
+};
+
+/*
+ filter outs rule objects whose type param equal to DELETED
+
+ @param rules, array of rules
+
+ @returns rules array, compacted by deleting all unneccessary rules
+ */
+fi.prototype.compactRules = function(rules) {
+  var newRules = [];
+  for (var i = 0; i < rules.length; i++) {
+    if (rules[i].type !== "DELETED") {
+      newRules.push(rules[i]);
+    }
+  }
+  return newRules;
+};
+/*
+ computes string for ace editor using this.css or given cssBase optional parameter
+
+ @param [optional] cssBase, if given computes cssString from cssObject array
+ */
+fi.prototype.getCSSForEditor = function(cssBase, depth) {
+  if (depth === undefined) {
+    depth = 0;
+  }
+  var ret = "";
+  if (cssBase === undefined) {
+    cssBase = this.css;
+  }
+  //append imports
+  for (var i = 0; i < cssBase.length; i++) {
+    if (cssBase[i].type == "imports") {
+      ret += cssBase[i].styles + "\n\n";
+    }
+  }
+  for (i = 0; i < cssBase.length; i++) {
+    var tmp = cssBase[i];
+    if (tmp.selector === undefined) { //temporarily omit media queries
+      continue;
+    }
+    var comments = "";
+    if (tmp.comments !== undefined) {
+      comments = tmp.comments + "\n";
+    }
+
+    if (tmp.type == "media") { //also put media queries to output
+      ret += comments + tmp.selector + "{\n";
+      ret += this.getCSSForEditor(tmp.subStyles, depth + 1);
+      ret += "}\n\n";
+    } else if (tmp.type !== "keyframes" && tmp.type !== "imports") {
+      ret += this.getSpaces(depth) + comments + tmp.selector + " {\n";
+      ret += this.getCSSOfRules(tmp.rules, depth + 1);
+      ret += this.getSpaces(depth) + "}\n\n";
+    }
+  }
+
+  //append keyFrames
+  for (i = 0; i < cssBase.length; i++) {
+    if (cssBase[i].type == "keyframes") {
+      ret += cssBase[i].styles + "\n\n";
+    }
+  }
+
+  return ret;
+};
+
+fi.prototype.getImports = function(cssObjectArray) {
+  var imps = [];
+  for (var i = 0; i < cssObjectArray.length; i++) {
+    if (cssObjectArray[i].type == "imports") {
+      imps.push(cssObjectArray[i].styles);
+    }
+  }
+  return imps;
+};
+/*
+ given rules array, returns visually formatted css string
+ to be used inside editor
+ */
+fi.prototype.getCSSOfRules = function(rules, depth) {
+  var ret = "";
+  for (var i = 0; i < rules.length; i++) {
+    if (rules[i] === undefined) {
+      continue;
+    }
+    if (rules[i].defective === undefined) {
+      ret += this.getSpaces(depth) + rules[i].directive + " : " + rules[i].value + ";\n";
+    } else {
+      ret += this.getSpaces(depth) + rules[i].value + ";\n";
+    }
+
+  }
+  return ret || "\n";
+};
+
+/*
+ A very simple helper function returns number of spaces appended in a single string,
+ the number depends input parameter, namely input*2
+ */
+fi.prototype.getSpaces = function(num) {
+  var ret = "";
+  for (var i = 0; i < num * 4; i++) {
+    ret += " ";
+  }
+  return ret;
+};
+
+/*
+ Given css string or objectArray, parses it and then for every selector,
+ prepends this.cssPreviewNamespace to prevent css collision issues
+
+ @returns css string in which this.cssPreviewNamespace prepended
+ */
+fi.prototype.applyNamespacing = function(css, forcedNamespace) {
+  var cssObjectArray = css;
+  var namespaceClass = "." + this.cssPreviewNamespace;
+  if (forcedNamespace !== undefined) {
+    namespaceClass = forcedNamespace;
+  }
+
+  if (typeof css === "string") {
+    cssObjectArray = this.parseCSS(css);
+  }
+
+  for (var i = 0; i < cssObjectArray.length; i++) {
+    var obj = cssObjectArray[i];
+
+    //bypass namespacing for @font-face @keyframes @import
+    if (obj.selector.indexOf("@font-face") > -1 || obj.selector.indexOf("keyframes") > -1 || obj.selector.indexOf("@import") > -1 || obj.selector.indexOf(".form-all") > -1 || obj.selector.indexOf("#stage") > -1) {
+      continue;
+    }
+
+    if (obj.type !== "media") {
+      var selector = obj.selector.split(",");
+      var newSelector = [];
+      for (var j = 0; j < selector.length; j++) {
+        if (selector[j].indexOf(".supernova") === -1) { //do not apply namespacing to selectors including supernova
+          newSelector.push(namespaceClass + " " + selector[j]);
+        } else {
+          newSelector.push(selector[j]);
+        }
+      }
+      obj.selector = newSelector.join(",");
+    } else {
+      obj.subStyles = this.applyNamespacing(obj.subStyles, forcedNamespace); //handle media queries as well
+    }
+  }
+
+  return cssObjectArray;
+};
+
+/*
+ given css string or object array, clears possible namespacing from
+ all of the selectors inside the css
+ */
+fi.prototype.clearNamespacing = function(css, returnObj) {
+  if (returnObj === undefined) {
+    returnObj = false;
+  }
+  var cssObjectArray = css;
+  var namespaceClass = "." + this.cssPreviewNamespace;
+  if (typeof css === "string") {
+    cssObjectArray = this.parseCSS(css);
+  }
+
+  for (var i = 0; i < cssObjectArray.length; i++) {
+    var obj = cssObjectArray[i];
+
+    if (obj.type !== "media") {
+      var selector = obj.selector.split(",");
+      var newSelector = [];
+      for (var j = 0; j < selector.length; j++) {
+        newSelector.push(selector[j].split(namespaceClass + " ").join(""));
+      }
+      obj.selector = newSelector.join(",");
+    } else {
+      obj.subStyles = this.clearNamespacing(obj.subStyles, true); //handle media queries as well
+    }
+  }
+  if (returnObj === false) {
+    return this.getCSSForEditor(cssObjectArray);
+  } else {
+    return cssObjectArray;
+  }
+
+};
+
+/*
+ creates a new style tag (also destroys the previous one)
+ and injects given css string into that css tag
+ */
+fi.prototype.createStyleElement = function(id, css, format) {
+  if (format === undefined) {
+    format = false;
+  }
+
+  if (this.testMode === false && format !== "nonamespace") {
+    //apply namespacing classes
+    css = this.applyNamespacing(css);
+  }
+
+  if (typeof css != "string") {
+    css = this.getCSSForEditor(css);
+  }
+  //apply formatting for css
+  if (format === true) {
+    css = this.getCSSForEditor(this.parseCSS(css));
+  }
+
+  if (this.testMode !== false) {
+    return this.testMode("create style #" + id, css); //if test mode, just pass result to callback
+  }
+
+  var __el = document.getElementById(id);
+  if (__el) {
+    __el.parentNode.removeChild(__el);
+  }
+
+  var head = document.head || document.getElementsByTagName("head")[0],
+    style = document.createElement("style");
+
+  style.id = id;
+  style.type = "text/css";
+
+  head.appendChild(style);
+
+  if (style.styleSheet && !style.sheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+};
+
+export default fi;
+
+/* eslint-enable */
diff --git a/ui-ngx/src/app/core/guards/auth.guard.ts b/ui-ngx/src/app/core/guards/auth.guard.ts
new file mode 100644
index 0000000000..f42029f6f9
--- /dev/null
+++ b/ui-ngx/src/app/core/guards/auth.guard.ts
@@ -0,0 +1,130 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable, NgZone } from '@angular/core';
+import {
+  ActivatedRouteSnapshot,
+  CanActivate,
+  CanActivateChild,
+  RouterStateSnapshot
+} from '@angular/router';
+import { AuthService } from '../auth/auth.service';
+import { select, Store } from '@ngrx/store';
+import { AppState } from '../core.state';
+import { selectAuth } from '../auth/auth.selectors';
+import { catchError, map, skipWhile, take } from 'rxjs/operators';
+import { AuthState } from '../auth/auth.models';
+import { Observable, of } from 'rxjs';
+import { enterZone } from '@core/operator/enterZone';
+import { Authority } from '@shared/models/authority.enum';
+import { DialogService } from '@core/services/dialog.service';
+import { TranslateService } from '@ngx-translate/core';
+import { UtilsService } from '@core/services/utils.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AuthGuard implements CanActivate, CanActivateChild {
+
+  constructor(private store: Store<AppState>,
+              private authService: AuthService,
+              private dialogService: DialogService,
+              private utils: UtilsService,
+              private translate: TranslateService,
+              private zone: NgZone) {}
+
+  getAuthState(): Observable<AuthState> {
+    return this.store.pipe(
+      select(selectAuth),
+      skipWhile((authState) => !authState || !authState.isUserLoaded),
+      take(1),
+      enterZone(this.zone)
+    );
+  }
+
+  canActivate(next: ActivatedRouteSnapshot,
+              state: RouterStateSnapshot) {
+
+    return this.getAuthState().pipe(
+      map((authState) => {
+        const url: string = state.url;
+
+        let lastChild = state.root;
+        const urlSegments: string[] = [];
+        if (lastChild.url) {
+          urlSegments.push(...lastChild.url.map(segment => segment.path));
+        }
+        while (lastChild.children.length) {
+          lastChild = lastChild.children[0];
+          if (lastChild.url) {
+            urlSegments.push(...lastChild.url.map(segment => segment.path));
+          }
+        }
+        const path = urlSegments.join('.');
+        const publicId = this.utils.getQueryParam('publicId');
+        const data = lastChild.data || {};
+        const params = lastChild.params || {};
+        const isPublic = data.module === 'public';
+
+        if (!authState.isAuthenticated) {
+          if (publicId && publicId.length > 0) {
+            this.authService.setUserFromJwtToken(null, null, false);
+            this.authService.reloadUser();
+            return false;
+          } else if (!isPublic) {
+            this.authService.redirectUrl = url;
+            // this.authService.gotoDefaultPlace(false);
+            return this.authService.defaultUrl(false);
+          } else {
+            return true;
+          }
+        } else {
+          if (authState.authUser.isPublic) {
+            if (this.authService.parsePublicId() !== publicId) {
+              if (publicId && publicId.length > 0) {
+                this.authService.setUserFromJwtToken(null, null, false);
+                this.authService.reloadUser();
+              } else {
+                this.authService.logout();
+              }
+              return false;
+            }
+          }
+          const defaultUrl = this.authService.defaultUrl(true, authState, path, params);
+          if (defaultUrl) {
+            // this.authService.gotoDefaultPlace(true);
+            return defaultUrl;
+          } else {
+            const authority = Authority[authState.authUser.authority];
+            if (data.auth && data.auth.indexOf(authority) === -1) {
+              this.dialogService.forbidden();
+              return false;
+            } else {
+              return true;
+            }
+          }
+        }
+      }),
+      catchError((err => { console.error(err); return of(false); } ))
+    );
+  }
+
+  canActivateChild(
+    route: ActivatedRouteSnapshot,
+    state: RouterStateSnapshot) {
+    return this.canActivate(route, state);
+  }
+}
diff --git a/ui-ngx/src/app/core/guards/confirm-on-exit.guard.ts b/ui-ngx/src/app/core/guards/confirm-on-exit.guard.ts
new file mode 100644
index 0000000000..6a76f27056
--- /dev/null
+++ b/ui-ngx/src/app/core/guards/confirm-on-exit.guard.ts
@@ -0,0 +1,81 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import {
+  ActivatedRouteSnapshot,
+  CanDeactivate,
+  RouterStateSnapshot
+} from '@angular/router';
+import { FormGroup } from '@angular/forms';
+import { select, Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { AuthState } from '@core/auth/auth.models';
+import { selectAuth } from '@core/auth/auth.selectors';
+import { take } from 'rxjs/operators';
+import { DialogService } from '@core/services/dialog.service';
+import { TranslateService } from '@ngx-translate/core';
+import { isDefined } from '../utils';
+
+export interface HasConfirmForm {
+  confirmForm(): FormGroup;
+}
+
+export interface HasDirtyFlag {
+  isDirty: boolean;
+}
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ConfirmOnExitGuard implements CanDeactivate<HasConfirmForm & HasDirtyFlag> {
+
+  constructor(private store: Store<AppState>,
+              private dialogService: DialogService,
+              private translate: TranslateService) { }
+
+  canDeactivate(component: HasConfirmForm & HasDirtyFlag,
+                route: ActivatedRouteSnapshot,
+                state: RouterStateSnapshot) {
+
+
+    let auth: AuthState = null;
+    this.store.pipe(select(selectAuth), take(1)).subscribe(
+      (authState: AuthState) => {
+        auth = authState;
+      }
+    );
+
+    if (auth && auth.isAuthenticated) {
+      let isDirty = false;
+      if (component.confirmForm) {
+        const confirmForm = component.confirmForm();
+        if (confirmForm) {
+          isDirty = confirmForm.dirty;
+        }
+      } else if (isDefined(component.isDirty)) {
+        isDirty = component.isDirty;
+      }
+      if (isDirty) {
+        return this.dialogService.confirm(
+          this.translate.instant('confirm-on-exit.title'),
+          this.translate.instant('confirm-on-exit.html-message')
+        );
+      }
+    }
+    return true;
+  }
+}
diff --git a/ui-ngx/src/app/core/http/admin.service.ts b/ui-ngx/src/app/core/http/admin.service.ts
new file mode 100644
index 0000000000..f575f56906
--- /dev/null
+++ b/ui-ngx/src/app/core/http/admin.service.ts
@@ -0,0 +1,59 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { defaultHttpOptionsFromConfig, RequestConfig } from './http-utils';
+import { Observable } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { AdminSettings, MailServerSettings, SecuritySettings, UpdateMessage } from '@shared/models/settings.models';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AdminService {
+
+  constructor(
+    private http: HttpClient
+  ) { }
+
+  public getAdminSettings<T>(key: string, config?: RequestConfig): Observable<AdminSettings<T>> {
+    return this.http.get<AdminSettings<T>>(`/api/admin/settings/${key}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public saveAdminSettings<T>(adminSettings: AdminSettings<T>,
+                              config?: RequestConfig): Observable<AdminSettings<T>> {
+    return this.http.post<AdminSettings<T>>('/api/admin/settings', adminSettings, defaultHttpOptionsFromConfig(config));
+  }
+
+  public sendTestMail(adminSettings: AdminSettings<MailServerSettings>,
+                      config?: RequestConfig): Observable<void> {
+    return this.http.post<void>('/api/admin/settings/testMail', adminSettings, defaultHttpOptionsFromConfig(config));
+  }
+
+  public getSecuritySettings(config?: RequestConfig): Observable<SecuritySettings> {
+    return this.http.get<SecuritySettings>(`/api/admin/securitySettings`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public saveSecuritySettings(securitySettings: SecuritySettings,
+                              config?: RequestConfig): Observable<SecuritySettings> {
+    return this.http.post<SecuritySettings>('/api/admin/securitySettings', securitySettings,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public checkUpdates(config?: RequestConfig): Observable<UpdateMessage> {
+    return this.http.get<UpdateMessage>(`/api/admin/updates`, defaultHttpOptionsFromConfig(config));
+  }
+}
diff --git a/ui-ngx/src/app/core/http/alarm.service.ts b/ui-ngx/src/app/core/http/alarm.service.ts
new file mode 100644
index 0000000000..e06a303f5d
--- /dev/null
+++ b/ui-ngx/src/app/core/http/alarm.service.ts
@@ -0,0 +1,226 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { defaultHttpOptionsFromConfig, RequestConfig } from './http-utils';
+import { Observable } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { PageData } from '@shared/models/page/page-data';
+import { EntityId } from '@shared/models/id/entity-id';
+import {
+  Alarm,
+  AlarmInfo,
+  AlarmQuery,
+  AlarmSearchStatus,
+  AlarmSeverity,
+  AlarmStatus,
+  simulatedAlarm
+} from '@shared/models/alarm.models';
+import { EntityType } from '@shared/models/entity-type.models';
+import { Datasource, DatasourceType } from '@shared/models/widget.models';
+import { SubscriptionTimewindow } from '@shared/models/time/time.models';
+import { UtilsService } from '@core/services/utils.service';
+import { TimePageLink } from '@shared/models/page/page-link';
+import { Direction, SortOrder } from '@shared/models/page/sort-order';
+import { concatMap, expand, map, toArray } from 'rxjs/operators';
+import { EMPTY } from 'rxjs';
+import Timeout = NodeJS.Timeout;
+
+interface AlarmSourceListenerQuery {
+  entityType: EntityType;
+  entityId: string;
+  alarmSearchStatus: AlarmSearchStatus;
+  alarmStatus: AlarmStatus;
+  fetchOriginator?: boolean;
+  limit?: number;
+  interval?: number;
+  startTime?: number;
+  endTime?: number;
+  onAlarms?: (alarms: Array<AlarmInfo>) => void;
+}
+
+export interface AlarmSourceListener {
+  id?: string;
+  subscriptionTimewindow: SubscriptionTimewindow;
+  alarmSource: Datasource;
+  alarmsPollingInterval: number;
+  alarmSearchStatus: AlarmSearchStatus;
+  alarmsUpdated: (alarms: Array<AlarmInfo>) => void;
+  lastUpdateTs?: number;
+  alarmsQuery?: AlarmSourceListenerQuery;
+  pollTimer?: Timeout;
+}
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AlarmService {
+
+  private alarmSourceListeners: {[id: string]: AlarmSourceListener} = {};
+
+  constructor(
+    private http: HttpClient,
+    private utils: UtilsService
+  ) { }
+
+  public getAlarm(alarmId: string, config?: RequestConfig): Observable<Alarm> {
+    return this.http.get<Alarm>(`/api/alarm/${alarmId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public getAlarmInfo(alarmId: string, config?: RequestConfig): Observable<AlarmInfo> {
+    return this.http.get<AlarmInfo>(`/api/alarm/info/${alarmId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public saveAlarm(alarm: Alarm, config?: RequestConfig): Observable<Alarm> {
+    return this.http.post<Alarm>('/api/alarm', alarm, defaultHttpOptionsFromConfig(config));
+  }
+
+  public ackAlarm(alarmId: string, config?: RequestConfig): Observable<void> {
+    return this.http.post<void>(`/api/alarm/${alarmId}/ack`, null, defaultHttpOptionsFromConfig(config));
+  }
+
+  public clearAlarm(alarmId: string, config?: RequestConfig): Observable<void> {
+    return this.http.post<void>(`/api/alarm/${alarmId}/clear`, null, defaultHttpOptionsFromConfig(config));
+  }
+
+  public deleteAlarm(alarmId: string, config?: RequestConfig): Observable<void> {
+    return this.http.delete<void>(`/api/alarm/${alarmId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public getAlarms(query: AlarmQuery,
+                   config?: RequestConfig): Observable<PageData<AlarmInfo>> {
+    return this.http.get<PageData<AlarmInfo>>(`/api/alarm${query.toQuery()}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getHighestAlarmSeverity(entityId: EntityId, alarmSearchStatus: AlarmSearchStatus, alarmStatus: AlarmStatus,
+                                 config?: RequestConfig): Observable<AlarmSeverity> {
+    let url = `/api/alarm/highestSeverity/${entityId.entityType}/${entityId.entityType}`;
+    if (alarmSearchStatus) {
+      url += `?searchStatus=${alarmSearchStatus}`;
+    } else if (alarmStatus) {
+      url += `?status=${alarmStatus}`;
+    }
+    return this.http.get<AlarmSeverity>(url,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public subscribeForAlarms(alarmSourceListener: AlarmSourceListener): void {
+    alarmSourceListener.id = this.utils.guid();
+    this.alarmSourceListeners[alarmSourceListener.id] = alarmSourceListener;
+    const alarmSource = alarmSourceListener.alarmSource;
+    if (alarmSource.type === DatasourceType.function) {
+      setTimeout(() => {
+        alarmSourceListener.alarmsUpdated([simulatedAlarm]);
+      }, 0);
+    } else if (alarmSource.entityType && alarmSource.entityId) {
+      const pollingInterval = alarmSourceListener.alarmsPollingInterval;
+      alarmSourceListener.alarmsQuery = {
+        entityType: alarmSource.entityType,
+        entityId: alarmSource.entityId,
+        alarmSearchStatus: alarmSourceListener.alarmSearchStatus,
+        alarmStatus: null
+      };
+      const originatorKeys = alarmSource.dataKeys.filter(dataKey => dataKey.name.toLocaleLowerCase().includes('originator'));
+      if (originatorKeys.length) {
+        alarmSourceListener.alarmsQuery.fetchOriginator = true;
+      }
+      const subscriptionTimewindow = alarmSourceListener.subscriptionTimewindow;
+      if (subscriptionTimewindow.realtimeWindowMs) {
+        alarmSourceListener.alarmsQuery.startTime = subscriptionTimewindow.startTs;
+      } else {
+        alarmSourceListener.alarmsQuery.startTime = subscriptionTimewindow.fixedWindow.startTimeMs;
+        alarmSourceListener.alarmsQuery.endTime = subscriptionTimewindow.fixedWindow.endTimeMs;
+      }
+      alarmSourceListener.alarmsQuery.onAlarms = (alarms) => {
+        if (subscriptionTimewindow.realtimeWindowMs) {
+          const now = Date.now();
+          if (alarmSourceListener.lastUpdateTs) {
+            const interval = now - alarmSourceListener.lastUpdateTs;
+            alarmSourceListener.alarmsQuery.startTime += interval;
+          }
+          alarmSourceListener.lastUpdateTs = now;
+        }
+        alarmSourceListener.alarmsUpdated(alarms);
+      };
+      this.onPollAlarms(alarmSourceListener.alarmsQuery);
+      alarmSourceListener.pollTimer = setInterval(this.onPollAlarms.bind(this), pollingInterval, alarmSourceListener.alarmsQuery);
+    }
+  }
+
+  public unsubscribeFromAlarms(alarmSourceListener: AlarmSourceListener): void {
+    if (alarmSourceListener && alarmSourceListener.id) {
+      if (alarmSourceListener.pollTimer) {
+        clearInterval(alarmSourceListener.pollTimer);
+        alarmSourceListener.pollTimer = null;
+      }
+      delete this.alarmSourceListeners[alarmSourceListener.id];
+    }
+  }
+
+  private onPollAlarms(alarmsQuery: AlarmSourceListenerQuery): void {
+    this.getAlarmsByAlarmSourceQuery(alarmsQuery).subscribe((alarms) => {
+      alarmsQuery.onAlarms(alarms);
+    });
+  }
+
+  private getAlarmsByAlarmSourceQuery(alarmsQuery: AlarmSourceListenerQuery): Observable<Array<AlarmInfo>> {
+    const time = Date.now();
+    let pageLink: TimePageLink;
+    const sortOrder: SortOrder = {property: 'createdTime', direction: Direction.DESC};
+    if (alarmsQuery.limit) {
+      pageLink = new TimePageLink(alarmsQuery.limit, 0,
+        null,
+        sortOrder);
+    } else if (alarmsQuery.interval) {
+      pageLink = new TimePageLink(100, 0,
+        null,
+        sortOrder, time - alarmsQuery.interval);
+    } else if (alarmsQuery.startTime) {
+      pageLink = new TimePageLink(100, 0,
+        null,
+        sortOrder, Math.round(alarmsQuery.startTime));
+      if (alarmsQuery.endTime) {
+        pageLink.endTime = Math.round(alarmsQuery.endTime);
+      }
+    }
+    return this.fetchAlarms(alarmsQuery, pageLink);
+  }
+
+  private fetchAlarms(query: AlarmSourceListenerQuery,
+                      pageLink: TimePageLink): Observable<Array<AlarmInfo>> {
+    const alarmQuery = new AlarmQuery(
+      {id: query.entityId, entityType: query.entityType},
+      pageLink,
+      query.alarmSearchStatus,
+      query.alarmStatus,
+      query.fetchOriginator);
+    return this.getAlarms(alarmQuery, {ignoreLoading: true}).pipe(
+      expand((data) => {
+        if (data.hasNext && !query.limit) {
+          alarmQuery.pageLink.page += 1;
+          return this.getAlarms(alarmQuery, {ignoreLoading: true});
+        } else {
+          return EMPTY;
+        }
+      }),
+      map((data) => data.data),
+      concatMap((data) => data),
+      toArray(),
+      map((data) => data.sort((a, b) => alarmQuery.pageLink.sort(a, b))),
+    );
+  }
+}
diff --git a/ui-ngx/src/app/core/http/asset.service.ts b/ui-ngx/src/app/core/http/asset.service.ts
new file mode 100644
index 0000000000..f272dccfc0
--- /dev/null
+++ b/ui-ngx/src/app/core/http/asset.service.ts
@@ -0,0 +1,92 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { defaultHttpOptionsFromConfig, RequestConfig } from './http-utils';
+import { Observable } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { PageLink } from '@shared/models/page/page-link';
+import { PageData } from '@shared/models/page/page-data';
+import { EntitySubtype } from '@app/shared/models/entity-type.models';
+import { Asset, AssetInfo, AssetSearchQuery } from '@app/shared/models/asset.models';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AssetService {
+
+  constructor(
+    private http: HttpClient
+  ) { }
+
+  public getTenantAssetInfos(pageLink: PageLink, type: string = '', config?: RequestConfig): Observable<PageData<AssetInfo>> {
+    return this.http.get<PageData<AssetInfo>>(`/api/tenant/assetInfos${pageLink.toQuery()}&type=${type}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getCustomerAssetInfos(customerId: string, pageLink: PageLink, type: string = '',
+                               config?: RequestConfig): Observable<PageData<AssetInfo>> {
+    return this.http.get<PageData<AssetInfo>>(`/api/customer/${customerId}/assetInfos${pageLink.toQuery()}&type=${type}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getAsset(assetId: string, config?: RequestConfig): Observable<Asset> {
+    return this.http.get<Asset>(`/api/asset/${assetId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public getAssets(assetIds: Array<string>, config?: RequestConfig): Observable<Array<Asset>> {
+    return this.http.get<Array<Asset>>(`/api/assets?assetIds=${assetIds.join(',')}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public getAssetInfo(assetId: string, config?: RequestConfig): Observable<AssetInfo> {
+    return this.http.get<AssetInfo>(`/api/asset/info/${assetId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public saveAsset(asset: Asset, config?: RequestConfig): Observable<Asset> {
+    return this.http.post<Asset>('/api/asset', asset, defaultHttpOptionsFromConfig(config));
+  }
+
+  public deleteAsset(assetId: string, config?: RequestConfig) {
+    return this.http.delete(`/api/asset/${assetId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public getAssetTypes(config?: RequestConfig): Observable<Array<EntitySubtype>> {
+    return this.http.get<Array<EntitySubtype>>('/api/asset/types', defaultHttpOptionsFromConfig(config));
+  }
+
+  public makeAssetPublic(assetId: string, config?: RequestConfig): Observable<Asset> {
+    return this.http.post<Asset>(`/api/customer/public/asset/${assetId}`, null, defaultHttpOptionsFromConfig(config));
+  }
+
+  public assignAssetToCustomer(customerId: string, assetId: string,
+                               config?: RequestConfig): Observable<Asset> {
+    return this.http.post<Asset>(`/api/customer/${customerId}/asset/${assetId}`, null, defaultHttpOptionsFromConfig(config));
+  }
+
+  public unassignAssetFromCustomer(assetId: string, config?: RequestConfig) {
+    return this.http.delete(`/api/customer/asset/${assetId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public findByQuery(query: AssetSearchQuery,
+                     config?: RequestConfig): Observable<Array<Asset>> {
+    return this.http.post<Array<Asset>>('/api/assets', query, defaultHttpOptionsFromConfig(config));
+  }
+
+  public findByName(assetName: string, config?: RequestConfig): Observable<Asset> {
+    return this.http.get<Asset>(`/api/tenant/assets?assetName=${assetName}`, defaultHttpOptionsFromConfig(config));
+  }
+
+}
diff --git a/ui-ngx/src/app/core/http/attribute.service.ts b/ui-ngx/src/app/core/http/attribute.service.ts
new file mode 100644
index 0000000000..05cc3f3665
--- /dev/null
+++ b/ui-ngx/src/app/core/http/attribute.service.ts
@@ -0,0 +1,110 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { defaultHttpOptionsFromConfig, RequestConfig } from './http-utils';
+import { forkJoin, Observable, of } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { EntityId } from '@shared/models/id/entity-id';
+import { AttributeData, AttributeScope } from '@shared/models/telemetry/telemetry.models';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AttributeService {
+
+  constructor(
+    private http: HttpClient
+  ) { }
+
+  public getEntityAttributes(entityId: EntityId, attributeScope: AttributeScope,
+                             config?: RequestConfig): Observable<Array<AttributeData>> {
+    return this.http.get<Array<AttributeData>>(`/api/plugins/telemetry/${entityId.entityType}/${entityId.id}/values/attributes/` +
+      `${attributeScope}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public deleteEntityAttributes(entityId: EntityId, attributeScope: AttributeScope, attributes: Array<AttributeData>,
+                                config?: RequestConfig): Observable<any> {
+    const keys = attributes.map(attribute => attribute.key).join(',');
+    return this.http.delete(`/api/plugins/telemetry/${entityId.entityType}/${entityId.id}/${attributeScope}` +
+      `?keys=${keys}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public deleteEntityTimeseries(entityId: EntityId, timeseries: Array<AttributeData>,
+                                config?: RequestConfig): Observable<any> {
+    const keys = timeseries.map(attribute => attribute.key).join(',');
+    return this.http.delete(`/api/plugins/telemetry/${entityId.entityType}/${entityId.id}/timeseries/delete` +
+      `?keys=${keys}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public saveEntityAttributes(entityId: EntityId, attributeScope: AttributeScope, attributes: Array<AttributeData>,
+                              config?: RequestConfig): Observable<any> {
+    const attributesData: {[key: string]: any} = {};
+    const deleteAttributes: AttributeData[] = [];
+    attributes.forEach((attribute) => {
+      if (attribute.value !== null) {
+        attributesData[attribute.key] = attribute.value;
+      } else {
+        deleteAttributes.push(attribute);
+      }
+    });
+    let deleteEntityAttributesObservable: Observable<any>;
+    if (deleteAttributes.length) {
+      deleteEntityAttributesObservable = this.deleteEntityAttributes(entityId, attributeScope, deleteAttributes, config);
+    } else {
+      deleteEntityAttributesObservable = of(null);
+    }
+    let saveEntityAttributesObservable: Observable<any>;
+    if (Object.keys(attributesData).length) {
+      saveEntityAttributesObservable = this.http.post(`/api/plugins/telemetry/${entityId.entityType}/${entityId.id}/${attributeScope}`,
+        attributesData, defaultHttpOptionsFromConfig(config));
+    } else {
+      saveEntityAttributesObservable = of(null);
+    }
+    return forkJoin([saveEntityAttributesObservable, deleteEntityAttributesObservable]);
+  }
+
+  public saveEntityTimeseries(entityId: EntityId, timeseriesScope: string, timeseries: Array<AttributeData>,
+                              config?: RequestConfig): Observable<any> {
+    const timeseriesData: {[key: string]: any} = {};
+    const deleteTimeseries: AttributeData[] = [];
+    timeseries.forEach((attribute) => {
+      if (attribute.value !== null) {
+        timeseriesData[attribute.key] = attribute.value;
+      } else {
+        deleteTimeseries.push(attribute);
+      }
+    });
+    let deleteEntityTimeseriesObservable: Observable<any>;
+    if (deleteTimeseries.length) {
+      deleteEntityTimeseriesObservable = this.deleteEntityTimeseries(entityId, deleteTimeseries, config);
+    } else {
+      deleteEntityTimeseriesObservable = of(null);
+    }
+    let saveEntityTimeseriesObservable: Observable<any>;
+    if (Object.keys(timeseriesData).length) {
+      saveEntityTimeseriesObservable =
+        this.http.post(`/api/plugins/telemetry/${entityId.entityType}/${entityId.id}/timeseries/${timeseriesScope}`,
+        timeseriesData, defaultHttpOptionsFromConfig(config));
+    } else {
+      saveEntityTimeseriesObservable = of(null);
+    }
+    return forkJoin([saveEntityTimeseriesObservable, deleteEntityTimeseriesObservable]);
+  }
+}
diff --git a/ui-ngx/src/app/core/http/audit-log.service.ts b/ui-ngx/src/app/core/http/audit-log.service.ts
new file mode 100644
index 0000000000..1b485ff15d
--- /dev/null
+++ b/ui-ngx/src/app/core/http/audit-log.service.ts
@@ -0,0 +1,59 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { defaultHttpOptionsFromConfig, RequestConfig } from './http-utils';
+import { Observable } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { TimePageLink } from '@shared/models/page/page-link';
+import { PageData } from '@shared/models/page/page-data';
+import { AuditLog } from '@shared/models/audit-log.models';
+import { EntityId } from '@shared/models/id/entity-id';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AuditLogService {
+
+  constructor(
+    private http: HttpClient
+  ) { }
+
+  public getAuditLogs(pageLink: TimePageLink,
+                      config?: RequestConfig): Observable<PageData<AuditLog>> {
+    return this.http.get<PageData<AuditLog>>(`/api/audit/logs${pageLink.toQuery()}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getAuditLogsByCustomerId(customerId: string, pageLink: TimePageLink,
+                                  config?: RequestConfig): Observable<PageData<AuditLog>> {
+    return this.http.get<PageData<AuditLog>>(`/api/audit/logs/customer/${customerId}${pageLink.toQuery()}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getAuditLogsByUserId(userId: string, pageLink: TimePageLink,
+                              config?: RequestConfig): Observable<PageData<AuditLog>> {
+    return this.http.get<PageData<AuditLog>>(`/api/audit/logs/user/${userId}${pageLink.toQuery()}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getAuditLogsByEntityId(entityId: EntityId, pageLink: TimePageLink,
+                                config?: RequestConfig): Observable<PageData<AuditLog>> {
+    return this.http.get<PageData<AuditLog>>(`/api/audit/logs/entity/${entityId.entityType}/${entityId.id}${pageLink.toQuery()}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+}
diff --git a/ui-ngx/src/app/core/http/component-descriptor.service.ts b/ui-ngx/src/app/core/http/component-descriptor.service.ts
new file mode 100644
index 0000000000..3eb5725ac8
--- /dev/null
+++ b/ui-ngx/src/app/core/http/component-descriptor.service.ts
@@ -0,0 +1,103 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { ComponentDescriptor, ComponentType } from '@shared/models/component-descriptor.models';
+import { defaultHttpOptionsFromConfig, RequestConfig } from '@core/http/http-utils';
+import { Observable, of } from 'rxjs';
+import { RuleChainMetaData } from '@shared/models/rule-chain.models';
+import { tap, map } from 'rxjs/operators';
+import { RuleNodeType } from '@shared/models/rule-node.models';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ComponentDescriptorService {
+
+  private componentsByType: Map<ComponentType | RuleNodeType, Array<ComponentDescriptor>> =
+    new Map<ComponentType, Array<ComponentDescriptor>>();
+  private componentsByClazz: Map<string, ComponentDescriptor> = new Map<string, ComponentDescriptor>();
+
+  constructor(
+    private http: HttpClient
+  ) {
+  }
+
+  public getComponentDescriptorsByType(componentType: ComponentType, config?: RequestConfig): Observable<Array<ComponentDescriptor>> {
+    const existing = this.componentsByType.get(componentType);
+    if (existing) {
+      return of(existing);
+    } else {
+      return this.http.get<Array<ComponentDescriptor>>(`/api/components/${componentType}`, defaultHttpOptionsFromConfig(config)).pipe(
+        map((componentDescriptors) => {
+          this.componentsByType.set(componentType, componentDescriptors);
+          componentDescriptors.forEach((componentDescriptor) => {
+            this.componentsByClazz.set(componentDescriptor.clazz, componentDescriptor);
+          });
+          return componentDescriptors;
+        })
+      );
+    }
+  }
+
+  public getComponentDescriptorsByTypes(componentTypes: Array<ComponentType>,
+                                        config?: RequestConfig): Observable<Array<ComponentDescriptor>> {
+    let result: ComponentDescriptor[] = [];
+    for (let i = componentTypes.length - 1; i >= 0; i--) {
+      const componentType = componentTypes[i];
+      const componentDescriptors = this.componentsByType.get(componentType);
+      if (componentDescriptors) {
+        result = result.concat(componentDescriptors);
+        componentTypes.splice(i, 1);
+      }
+    }
+    if (!componentTypes.length) {
+      return of(result);
+    } else {
+      return this.http.get<Array<ComponentDescriptor>>(`/api/components?componentTypes=${componentTypes.join(',')}`,
+        defaultHttpOptionsFromConfig(config)).pipe(
+        map((componentDescriptors) => {
+          componentDescriptors.forEach((componentDescriptor) => {
+            let componentsList = this.componentsByType.get(componentDescriptor.type);
+            if (!componentsList) {
+              componentsList = new Array<ComponentDescriptor>();
+              this.componentsByType.set(componentDescriptor.type, componentsList);
+            }
+            componentsList.push(componentDescriptor);
+            this.componentsByClazz.set(componentDescriptor.clazz, componentDescriptor);
+          });
+          result = result.concat(componentDescriptors);
+          return result;
+        })
+      );
+    }
+  }
+
+  public getComponentDescriptorByClazz(componentDescriptorClazz: string, config?: RequestConfig): Observable<ComponentDescriptor> {
+    const existing = this.componentsByClazz.get(componentDescriptorClazz);
+    if (existing) {
+      return of(existing);
+    } else {
+      return this.http.get<ComponentDescriptor>(`/api/component/${componentDescriptorClazz}`, defaultHttpOptionsFromConfig(config)).pipe(
+        map((componentDescriptor) => {
+          this.componentsByClazz.set(componentDescriptorClazz, componentDescriptor);
+          return componentDescriptor;
+        })
+      );
+    }
+  }
+}
diff --git a/ui-ngx/src/app/core/http/customer.service.ts b/ui-ngx/src/app/core/http/customer.service.ts
new file mode 100644
index 0000000000..4623ac7438
--- /dev/null
+++ b/ui-ngx/src/app/core/http/customer.service.ts
@@ -0,0 +1,51 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { defaultHttpOptionsFromConfig, RequestConfig } from './http-utils';
+import { Observable } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { PageLink } from '@shared/models/page/page-link';
+import { PageData } from '@shared/models/page/page-data';
+import { Customer } from '@shared/models/customer.model';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class CustomerService {
+
+  constructor(
+    private http: HttpClient
+  ) { }
+
+  public getCustomers(pageLink: PageLink, config?: RequestConfig): Observable<PageData<Customer>> {
+    return this.http.get<PageData<Customer>>(`/api/customers${pageLink.toQuery()}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getCustomer(customerId: string, config?: RequestConfig): Observable<Customer> {
+    return this.http.get<Customer>(`/api/customer/${customerId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public saveCustomer(customer: Customer, config?: RequestConfig): Observable<Customer> {
+    return this.http.post<Customer>('/api/customer', customer, defaultHttpOptionsFromConfig(config));
+  }
+
+  public deleteCustomer(customerId: string, config?: RequestConfig) {
+    return this.http.delete(`/api/customer/${customerId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+}
diff --git a/ui-ngx/src/app/core/http/dashboard.service.ts b/ui-ngx/src/app/core/http/dashboard.service.ts
new file mode 100644
index 0000000000..42ba3834c9
--- /dev/null
+++ b/ui-ngx/src/app/core/http/dashboard.service.ts
@@ -0,0 +1,160 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Inject, Injectable } from '@angular/core';
+import { defaultHttpOptions, defaultHttpOptionsFromConfig, RequestConfig } from './http-utils';
+import { Observable } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { PageLink } from '@shared/models/page/page-link';
+import { PageData } from '@shared/models/page/page-data';
+import { Dashboard, DashboardInfo } from '@shared/models/dashboard.models';
+import { WINDOW } from '@core/services/window.service';
+import { NavigationEnd, Router } from '@angular/router';
+import { filter, map, publishReplay, refCount } from 'rxjs/operators';
+
+// @dynamic
+@Injectable({
+  providedIn: 'root'
+})
+export class DashboardService {
+
+  stDiffObservable: Observable<number>;
+  currentUrl: string;
+
+  constructor(
+    private http: HttpClient,
+    private router: Router,
+    @Inject(WINDOW) private window: Window
+  ) {
+    this.currentUrl = this.router.url.split('?')[0];
+    this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe(
+      () => {
+        const newUrl = this.router.url.split('?')[0];
+        if (this.currentUrl !== newUrl) {
+          this.stDiffObservable = null;
+          this.currentUrl = newUrl;
+        }
+      }
+    );
+  }
+
+  public getTenantDashboards(pageLink: PageLink, config?: RequestConfig): Observable<PageData<DashboardInfo>> {
+    return this.http.get<PageData<DashboardInfo>>(`/api/tenant/dashboards${pageLink.toQuery()}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getTenantDashboardsByTenantId(tenantId: string, pageLink: PageLink,
+                                       config?: RequestConfig): Observable<PageData<DashboardInfo>> {
+    return this.http.get<PageData<DashboardInfo>>(`/api/tenant/${tenantId}/dashboards${pageLink.toQuery()}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getCustomerDashboards(customerId: string, pageLink: PageLink, config?: RequestConfig): Observable<PageData<DashboardInfo>> {
+    return this.http.get<PageData<DashboardInfo>>(`/api/customer/${customerId}/dashboards${pageLink.toQuery()}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getDashboard(dashboardId: string, config?: RequestConfig): Observable<Dashboard> {
+    return this.http.get<Dashboard>(`/api/dashboard/${dashboardId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public getDashboardInfo(dashboardId: string, config?: RequestConfig): Observable<DashboardInfo> {
+    return this.http.get<DashboardInfo>(`/api/dashboard/info/${dashboardId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public saveDashboard(dashboard: Dashboard, config?: RequestConfig): Observable<Dashboard> {
+    return this.http.post<Dashboard>('/api/dashboard', dashboard, defaultHttpOptionsFromConfig(config));
+  }
+
+  public deleteDashboard(dashboardId: string, config?: RequestConfig) {
+    return this.http.delete(`/api/dashboard/${dashboardId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public assignDashboardToCustomer(customerId: string, dashboardId: string,
+                                   config?: RequestConfig): Observable<Dashboard> {
+    return this.http.post<Dashboard>(`/api/customer/${customerId}/dashboard/${dashboardId}`,
+      null, defaultHttpOptionsFromConfig(config));
+  }
+
+  public unassignDashboardFromCustomer(customerId: string, dashboardId: string,
+                                       config?: RequestConfig) {
+    return this.http.delete(`/api/customer/${customerId}/dashboard/${dashboardId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public makeDashboardPublic(dashboardId: string, config?: RequestConfig): Observable<Dashboard> {
+    return this.http.post<Dashboard>(`/api/customer/public/dashboard/${dashboardId}`, null,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public makeDashboardPrivate(dashboardId: string, config?: RequestConfig): Observable<Dashboard> {
+    return this.http.delete<Dashboard>(`/api/customer/public/dashboard/${dashboardId}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public updateDashboardCustomers(dashboardId: string, customerIds: Array<string>,
+                                  config?: RequestConfig): Observable<Dashboard> {
+    return this.http.post<Dashboard>(`/api/dashboard/${dashboardId}/customers`, customerIds,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public addDashboardCustomers(dashboardId: string, customerIds: Array<string>,
+                               config?: RequestConfig): Observable<Dashboard> {
+    return this.http.post<Dashboard>(`/api/dashboard/${dashboardId}/customers/add`, customerIds,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public removeDashboardCustomers(dashboardId: string, customerIds: Array<string>,
+                                  config?: RequestConfig): Observable<Dashboard> {
+    return this.http.post<Dashboard>(`/api/dashboard/${dashboardId}/customers/remove`, customerIds,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getPublicDashboardLink(dashboard: DashboardInfo): string | null {
+    if (dashboard && dashboard.assignedCustomers && dashboard.assignedCustomers.length > 0) {
+      const publicCustomers = dashboard.assignedCustomers
+        .filter(customerInfo => customerInfo.public);
+      if (publicCustomers.length > 0) {
+        const publicCustomerId = publicCustomers[0].customerId.id;
+        let url = this.window.location.protocol + '//' + this.window.location.hostname;
+        const port = this.window.location.port;
+        if (port !== '80' && port !== '443') {
+          url += ':' + port;
+        }
+        url += `/dashboard/${dashboard.id.id}?publicId=${publicCustomerId}`;
+        return url;
+      }
+    }
+    return null;
+  }
+
+  public getServerTimeDiff(): Observable<number> {
+    if (!this.stDiffObservable) {
+      const url = '/api/dashboard/serverTime';
+      const ct1 = Date.now();
+      this.stDiffObservable = this.http.get<number>(url, defaultHttpOptions(true)).pipe(
+        map((st) => {
+          const ct2 = Date.now();
+          const stDiff = Math.ceil(st - (ct1 + ct2) / 2);
+          return stDiff;
+        }),
+        publishReplay(1),
+        refCount()
+      );
+    }
+    return this.stDiffObservable;
+  }
+
+}
diff --git a/ui-ngx/src/app/core/http/device.service.ts b/ui-ngx/src/app/core/http/device.service.ts
new file mode 100644
index 0000000000..3e325039c3
--- /dev/null
+++ b/ui-ngx/src/app/core/http/device.service.ts
@@ -0,0 +1,130 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { defaultHttpOptionsFromConfig, RequestConfig } from './http-utils';
+import { Observable, ReplaySubject } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { PageLink } from '@shared/models/page/page-link';
+import { PageData } from '@shared/models/page/page-data';
+import { Device, DeviceCredentials, DeviceInfo, DeviceSearchQuery } from '@app/shared/models/device.models';
+import { EntitySubtype } from '@app/shared/models/entity-type.models';
+import { AuthService } from '@core/auth/auth.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class DeviceService {
+
+  constructor(
+    private http: HttpClient
+  ) { }
+
+  public getTenantDeviceInfos(pageLink: PageLink, type: string = '',
+                              config?: RequestConfig): Observable<PageData<DeviceInfo>> {
+    return this.http.get<PageData<DeviceInfo>>(`/api/tenant/deviceInfos${pageLink.toQuery()}&type=${type}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getCustomerDeviceInfos(customerId: string, pageLink: PageLink, type: string = '',
+                                config?: RequestConfig): Observable<PageData<DeviceInfo>> {
+    return this.http.get<PageData<DeviceInfo>>(`/api/customer/${customerId}/deviceInfos${pageLink.toQuery()}&type=${type}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getDevice(deviceId: string, config?: RequestConfig): Observable<Device> {
+    return this.http.get<Device>(`/api/device/${deviceId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public getDevices(deviceIds: Array<string>, config?: RequestConfig): Observable<Array<Device>> {
+    return this.http.get<Array<Device>>(`/api/devices?deviceIds=${deviceIds.join(',')}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public getDeviceInfo(deviceId: string, config?: RequestConfig): Observable<DeviceInfo> {
+    return this.http.get<DeviceInfo>(`/api/device/info/${deviceId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public saveDevice(device: Device, config?: RequestConfig): Observable<Device> {
+    return this.http.post<Device>('/api/device', device, defaultHttpOptionsFromConfig(config));
+  }
+
+  public deleteDevice(deviceId: string, config?: RequestConfig) {
+    return this.http.delete(`/api/device/${deviceId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public getDeviceTypes(config?: RequestConfig): Observable<Array<EntitySubtype>> {
+    return this.http.get<Array<EntitySubtype>>('/api/device/types', defaultHttpOptionsFromConfig(config));
+  }
+
+  public getDeviceCredentials(deviceId: string, sync: boolean = false, config?: RequestConfig): Observable<DeviceCredentials> {
+    const url = `/api/device/${deviceId}/credentials`;
+    if (sync) {
+      const responseSubject = new ReplaySubject<DeviceCredentials>();
+      const request = new XMLHttpRequest();
+      request.open('GET', url, false);
+      request.setRequestHeader('Accept', 'application/json, text/plain, */*');
+      const jwtToken = AuthService.getJwtToken();
+      if (jwtToken) {
+        request.setRequestHeader('X-Authorization', 'Bearer ' + jwtToken);
+      }
+      request.send(null);
+      if (request.status === 200) {
+        const credentials = JSON.parse(request.responseText) as DeviceCredentials;
+        responseSubject.next(credentials);
+      } else {
+        responseSubject.error(null);
+      }
+      return responseSubject.asObservable();
+    } else {
+      return this.http.get<DeviceCredentials>(url, defaultHttpOptionsFromConfig(config));
+    }
+  }
+
+  public saveDeviceCredentials(deviceCredentials: DeviceCredentials, config?: RequestConfig): Observable<DeviceCredentials> {
+    return this.http.post<DeviceCredentials>('/api/device/credentials', deviceCredentials, defaultHttpOptionsFromConfig(config));
+  }
+
+  public makeDevicePublic(deviceId: string, config?: RequestConfig): Observable<Device> {
+    return this.http.post<Device>(`/api/customer/public/device/${deviceId}`, null, defaultHttpOptionsFromConfig(config));
+  }
+
+  public assignDeviceToCustomer(customerId: string, deviceId: string,
+                                config?: RequestConfig): Observable<Device> {
+    return this.http.post<Device>(`/api/customer/${customerId}/device/${deviceId}`, null, defaultHttpOptionsFromConfig(config));
+  }
+
+  public unassignDeviceFromCustomer(deviceId: string, config?: RequestConfig) {
+    return this.http.delete(`/api/customer/device/${deviceId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public sendOneWayRpcCommand(deviceId: string, requestBody: any, config?: RequestConfig): Observable<any> {
+    return this.http.post<Device>(`/api/plugins/rpc/oneway/${deviceId}`, requestBody, defaultHttpOptionsFromConfig(config));
+  }
+
+  public sendTwoWayRpcCommand(deviceId: string, requestBody: any, config?: RequestConfig): Observable<any> {
+    return this.http.post<Device>(`/api/plugins/rpc/twoway/${deviceId}`, requestBody, defaultHttpOptionsFromConfig(config));
+  }
+
+  public findByQuery(query: DeviceSearchQuery,
+                     config?: RequestConfig): Observable<Array<Device>> {
+    return this.http.post<Array<Device>>('/api/devices', query, defaultHttpOptionsFromConfig(config));
+  }
+
+  public findByName(deviceName: string, config?: RequestConfig): Observable<Device> {
+    return this.http.get<Device>(`/api/tenant/devices?deviceName=${deviceName}`, defaultHttpOptionsFromConfig(config));
+  }
+
+}
diff --git a/ui-ngx/src/app/core/http/entity-relation.service.ts b/ui-ngx/src/app/core/http/entity-relation.service.ts
new file mode 100644
index 0000000000..08f2fc9e98
--- /dev/null
+++ b/ui-ngx/src/app/core/http/entity-relation.service.ts
@@ -0,0 +1,113 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { defaultHttpOptionsFromConfig, RequestConfig } from './http-utils';
+import { Observable } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { EntityRelation, EntityRelationInfo, EntityRelationsQuery } from '@shared/models/relation.models';
+import { EntityId } from '@app/shared/models/id/entity-id';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class EntityRelationService {
+
+  constructor(
+    private http: HttpClient
+  ) { }
+
+  public saveRelation(relation: EntityRelation, config?: RequestConfig): Observable<EntityRelation> {
+    return this.http.post<EntityRelation>('/api/relation', relation, defaultHttpOptionsFromConfig(config));
+  }
+
+  public deleteRelation(fromId: EntityId, relationType: string, toId: EntityId,
+                        config?: RequestConfig) {
+    return this.http.delete(`/api/relation?fromId=${fromId.id}&fromType=${fromId.entityType}` +
+      `&relationType=${relationType}&toId=${toId.id}&toType=${toId.entityType}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public deleteRelations(entityId: EntityId,
+                         config?: RequestConfig) {
+    return this.http.delete(`/api/relations?entityId=${entityId.id}&entityType=${entityId.entityType}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getRelation(fromId: EntityId, relationType: string, toId: EntityId,
+                     config?: RequestConfig): Observable<EntityRelation> {
+    return this.http.get<EntityRelation>(`/api/relation?fromId=${fromId.id}&fromType=${fromId.entityType}` +
+      `&relationType=${relationType}&toId=${toId.id}&toType=${toId.entityType}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public findByFrom(fromId: EntityId,
+                    config?: RequestConfig): Observable<Array<EntityRelation>> {
+    return this.http.get<Array<EntityRelation>>(
+      `/api/relations?fromId=${fromId.id}&fromType=${fromId.entityType}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public findInfoByFrom(fromId: EntityId,
+                        config?: RequestConfig): Observable<Array<EntityRelationInfo>> {
+    return this.http.get<Array<EntityRelationInfo>>(
+      `/api/relations/info?fromId=${fromId.id}&fromType=${fromId.entityType}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public findByFromAndType(fromId: EntityId, relationType: string,
+                           config?: RequestConfig): Observable<Array<EntityRelation>> {
+    return this.http.get<Array<EntityRelation>>(
+      `/api/relations?fromId=${fromId.id}&fromType=${fromId.entityType}&relationType=${relationType}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public findByTo(toId: EntityId,
+                  config?: RequestConfig): Observable<Array<EntityRelation>> {
+    return this.http.get<Array<EntityRelation>>(
+      `/api/relations?toId=${toId.id}&toType=${toId.entityType}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public findInfoByTo(toId: EntityId,
+                      config?: RequestConfig): Observable<Array<EntityRelationInfo>> {
+    return this.http.get<Array<EntityRelationInfo>>(
+      `/api/relations/info?toId=${toId.id}&toType=${toId.entityType}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public findByToAndType(toId: EntityId, relationType: string,
+                         config?: RequestConfig): Observable<Array<EntityRelation>> {
+    return this.http.get<Array<EntityRelation>>(
+      `/api/relations?toId=${toId.id}&toType=${toId.entityType}&relationType=${relationType}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public findByQuery(query: EntityRelationsQuery,
+                     config?: RequestConfig): Observable<Array<EntityRelation>> {
+    return this.http.post<Array<EntityRelation>>(
+      '/api/relations', query,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public findInfoByQuery(query: EntityRelationsQuery,
+                         config?: RequestConfig): Observable<Array<EntityRelationInfo>> {
+    return this.http.post<Array<EntityRelationInfo>>(
+      '/api/relations/info', query,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+}
diff --git a/ui-ngx/src/app/core/http/entity-view.service.ts b/ui-ngx/src/app/core/http/entity-view.service.ts
new file mode 100644
index 0000000000..d7fd2b2ab4
--- /dev/null
+++ b/ui-ngx/src/app/core/http/entity-view.service.ts
@@ -0,0 +1,86 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { defaultHttpOptionsFromConfig, RequestConfig } from './http-utils';
+import { Observable } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { PageLink } from '@shared/models/page/page-link';
+import { PageData } from '@shared/models/page/page-data';
+import { EntitySubtype } from '@app/shared/models/entity-type.models';
+import { EntityView, EntityViewInfo, EntityViewSearchQuery } from '@app/shared/models/entity-view.models';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class EntityViewService {
+
+  constructor(
+    private http: HttpClient
+  ) { }
+
+  public getTenantEntityViewInfos(pageLink: PageLink, type: string = '', config?: RequestConfig): Observable<PageData<EntityViewInfo>> {
+    return this.http.get<PageData<EntityViewInfo>>(`/api/tenant/entityViewInfos${pageLink.toQuery()}&type=${type}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getCustomerEntityViewInfos(customerId: string, pageLink: PageLink, type: string = '',
+                                    config?: RequestConfig): Observable<PageData<EntityViewInfo>> {
+    return this.http.get<PageData<EntityViewInfo>>(`/api/customer/${customerId}/entityViewInfos${pageLink.toQuery()}&type=${type}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getEntityView(entityViewId: string, config?: RequestConfig): Observable<EntityView> {
+    return this.http.get<EntityView>(`/api/entityView/${entityViewId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public getEntityViewInfo(entityViewId: string, config?: RequestConfig): Observable<EntityViewInfo> {
+    return this.http.get<EntityViewInfo>(`/api/entityView/info/${entityViewId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public saveEntityView(entityView: EntityView, config?: RequestConfig): Observable<EntityView> {
+    return this.http.post<EntityView>('/api/entityView', entityView, defaultHttpOptionsFromConfig(config));
+  }
+
+  public deleteEntityView(entityViewId: string, config?: RequestConfig) {
+    return this.http.delete(`/api/entityView/${entityViewId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public getEntityViewTypes(config?: RequestConfig): Observable<Array<EntitySubtype>> {
+    return this.http.get<Array<EntitySubtype>>('/api/entityView/types', defaultHttpOptionsFromConfig(config));
+  }
+
+  public makeEntityViewPublic(entityViewId: string, config?: RequestConfig): Observable<EntityView> {
+    return this.http.post<EntityView>(`/api/customer/public/entityView/${entityViewId}`, null,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public assignEntityViewToCustomer(customerId: string, entityViewId: string,
+                                    config?: RequestConfig): Observable<EntityView> {
+    return this.http.post<EntityView>(`/api/customer/${customerId}/entityView/${entityViewId}`, null,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public unassignEntityViewFromCustomer(entityViewId: string, config?: RequestConfig) {
+    return this.http.delete(`/api/customer/entityView/${entityViewId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public findByQuery(query: EntityViewSearchQuery,
+                     config?: RequestConfig): Observable<Array<EntityView>> {
+    return this.http.post<Array<EntityView>>('/api/entityViews', query, defaultHttpOptionsFromConfig(config));
+  }
+
+}
diff --git a/ui-ngx/src/app/core/http/entity.service.ts b/ui-ngx/src/app/core/http/entity.service.ts
new file mode 100644
index 0000000000..e8d7ff0234
--- /dev/null
+++ b/ui-ngx/src/app/core/http/entity.service.ts
@@ -0,0 +1,1137 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { EMPTY, forkJoin, Observable, of, throwError } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { PageLink } from '@shared/models/page/page-link';
+import { AliasEntityType, EntityType } from '@shared/models/entity-type.models';
+import { BaseData } from '@shared/models/base-data';
+import { EntityId } from '@shared/models/id/entity-id';
+import { DeviceService } from '@core/http/device.service';
+import { TenantService } from '@core/http/tenant.service';
+import { CustomerService } from '@core/http/customer.service';
+import { UserService } from './user.service';
+import { DashboardService } from '@core/http/dashboard.service';
+import { Direction } from '@shared/models/page/sort-order';
+import { PageData } from '@shared/models/page/page-data';
+import { getCurrentAuthUser } from '@core/auth/auth.selectors';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { Authority } from '@shared/models/authority.enum';
+import { Tenant } from '@shared/models/tenant.model';
+import { catchError, concatMap, expand, map, mergeMap, toArray } from 'rxjs/operators';
+import { Customer } from '@app/shared/models/customer.model';
+import { AssetService } from '@core/http/asset.service';
+import { EntityViewService } from '@core/http/entity-view.service';
+import { AttributeScope, DataKeyType } from '@shared/models/telemetry/telemetry.models';
+import { defaultHttpOptionsFromConfig, RequestConfig } from '@core/http/http-utils';
+import { RuleChainService } from '@core/http/rule-chain.service';
+import { AliasInfo, StateParams, SubscriptionInfo } from '@core/api/widget-api.models';
+import { Datasource, DatasourceType, KeyInfo } from '@app/shared/models/widget.models';
+import { UtilsService } from '@core/services/utils.service';
+import { AliasFilterType, EntityAlias, EntityAliasFilter, EntityAliasFilterResult } from '@shared/models/alias.models';
+import { EntityInfo, ImportEntitiesResultInfo, ImportEntityData } from '@shared/models/entity.models';
+import {
+  EntityRelationInfo,
+  EntityRelationsQuery,
+  EntitySearchDirection,
+  EntitySearchQuery
+} from '@shared/models/relation.models';
+import { EntityRelationService } from '@core/http/entity-relation.service';
+import { isDefined } from '@core/utils';
+import { Asset, AssetSearchQuery } from '@shared/models/asset.models';
+import { Device, DeviceCredentialsType, DeviceSearchQuery } from '@shared/models/device.models';
+import { EntityViewSearchQuery } from '@shared/models/entity-view.models';
+import { AttributeService } from '@core/http/attribute.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class EntityService {
+
+  constructor(
+    private http: HttpClient,
+    private store: Store<AppState>,
+    private deviceService: DeviceService,
+    private assetService: AssetService,
+    private entityViewService: EntityViewService,
+    private tenantService: TenantService,
+    private customerService: CustomerService,
+    private userService: UserService,
+    private ruleChainService: RuleChainService,
+    private dashboardService: DashboardService,
+    private entityRelationService: EntityRelationService,
+    private attributeService: AttributeService,
+    private utils: UtilsService
+  ) { }
+
+  private getEntityObservable(entityType: EntityType, entityId: string,
+                              config?: RequestConfig): Observable<BaseData<EntityId>> {
+
+    let observable: Observable<BaseData<EntityId>>;
+    switch (entityType) {
+      case EntityType.DEVICE:
+        observable = this.deviceService.getDevice(entityId, config);
+        break;
+      case EntityType.ASSET:
+        observable = this.assetService.getAsset(entityId, config);
+        break;
+      case EntityType.ENTITY_VIEW:
+        observable = this.entityViewService.getEntityView(entityId, config);
+        break;
+      case EntityType.TENANT:
+        observable = this.tenantService.getTenant(entityId, config);
+        break;
+      case EntityType.CUSTOMER:
+        observable = this.customerService.getCustomer(entityId, config);
+        break;
+      case EntityType.DASHBOARD:
+        observable = this.dashboardService.getDashboardInfo(entityId, config);
+        break;
+      case EntityType.USER:
+        observable = this.userService.getUser(entityId, config);
+        break;
+      case EntityType.RULE_CHAIN:
+        observable = this.ruleChainService.getRuleChain(entityId, config);
+        break;
+      case EntityType.ALARM:
+        console.error('Get Alarm Entity is not implemented!');
+        break;
+    }
+    return observable;
+  }
+  public getEntity(entityType: EntityType, entityId: string,
+                   config?: RequestConfig): Observable<BaseData<EntityId>> {
+    const entityObservable = this.getEntityObservable(entityType, entityId, config);
+    if (entityObservable) {
+      return entityObservable;
+    } else {
+      return throwError(null);
+    }
+  }
+
+  private getEntitiesByIdsObservable(fetchEntityFunction: (entityId: string) => Observable<BaseData<EntityId>>,
+                                     entityIds: Array<string>): Observable<Array<BaseData<EntityId>>> {
+    const tasks: Observable<BaseData<EntityId>>[] = [];
+    entityIds.forEach((entityId) => {
+      tasks.push(fetchEntityFunction(entityId));
+    });
+    return forkJoin(tasks).pipe(
+      map((entities) => {
+        if (entities) {
+          entities.sort((entity1, entity2) => {
+            const index1 = entityIds.indexOf(entity1.id.id);
+            const index2 = entityIds.indexOf(entity2.id.id);
+            return index1 - index2;
+          });
+          return entities;
+        } else {
+          return [];
+        }
+      })
+    );
+  }
+
+
+  private getEntitiesObservable(entityType: EntityType, entityIds: Array<string>,
+                                config?: RequestConfig): Observable<Array<BaseData<EntityId>>> {
+    let observable: Observable<Array<BaseData<EntityId>>>;
+    switch (entityType) {
+      case EntityType.DEVICE:
+        observable = this.deviceService.getDevices(entityIds, config);
+        break;
+      case EntityType.ASSET:
+        observable = this.assetService.getAssets(entityIds, config);
+        break;
+      case EntityType.ENTITY_VIEW:
+        observable = this.getEntitiesByIdsObservable(
+          (id) => this.entityViewService.getEntityView(id, config),
+          entityIds);
+        break;
+      case EntityType.TENANT:
+        observable = this.getEntitiesByIdsObservable(
+          (id) => this.tenantService.getTenant(id, config),
+          entityIds);
+        break;
+      case EntityType.CUSTOMER:
+        observable = this.getEntitiesByIdsObservable(
+          (id) => this.customerService.getCustomer(id, config),
+          entityIds);
+        break;
+      case EntityType.DASHBOARD:
+        observable = this.getEntitiesByIdsObservable(
+          (id) => this.dashboardService.getDashboardInfo(id, config),
+          entityIds);
+        break;
+      case EntityType.USER:
+        observable = this.getEntitiesByIdsObservable(
+          (id) => this.userService.getUser(id, config),
+          entityIds);
+        break;
+      case EntityType.ALARM:
+        console.error('Get Alarm Entity is not implemented!');
+        break;
+    }
+    return observable;
+  }
+
+  public getEntities(entityType: EntityType, entityIds: Array<string>,
+                     config?: RequestConfig): Observable<Array<BaseData<EntityId>>> {
+    const entitiesObservable = this.getEntitiesObservable(entityType, entityIds, config);
+    if (entitiesObservable) {
+      return entitiesObservable;
+    } else {
+      return throwError(null);
+    }
+  }
+
+  private getSingleTenantByPageLinkObservable(pageLink: PageLink,
+                                              config?: RequestConfig): Observable<PageData<Tenant>> {
+    const authUser = getCurrentAuthUser(this.store);
+    const tenantId = authUser.tenantId;
+    return this.tenantService.getTenant(tenantId, config).pipe(
+      map((tenant) => {
+        const result = {
+          data: [],
+          totalPages: 0,
+          totalElements: 0,
+          hasNext: false
+        } as PageData<Tenant>;
+        if (tenant.title.toLowerCase().startsWith(pageLink.textSearch.toLowerCase())) {
+          result.data.push(tenant);
+          result.totalPages = 1;
+          result.totalElements = 1;
+        }
+        return result;
+      })
+    );
+  }
+
+  private getSingleCustomerByPageLinkObservable(pageLink: PageLink,
+                                                config?: RequestConfig): Observable<PageData<Customer>> {
+    const authUser = getCurrentAuthUser(this.store);
+    const customerId = authUser.customerId;
+    return this.customerService.getCustomer(customerId, config).pipe(
+      map((customer) => {
+        const result = {
+          data: [],
+          totalPages: 0,
+          totalElements: 0,
+          hasNext: false
+        } as PageData<Customer>;
+        if (customer.title.toLowerCase().startsWith(pageLink.textSearch.toLowerCase())) {
+          result.data.push(customer);
+          result.totalPages = 1;
+          result.totalElements = 1;
+        }
+        return result;
+      })
+    );
+  }
+
+  private getEntitiesByPageLinkObservable(entityType: EntityType, pageLink: PageLink, subType: string = '',
+                                          config?: RequestConfig): Observable<PageData<BaseData<EntityId>>> {
+    let entitiesObservable: Observable<PageData<BaseData<EntityId>>>;
+    const authUser = getCurrentAuthUser(this.store);
+    const customerId = authUser.customerId;
+    switch (entityType) {
+      case EntityType.DEVICE:
+        pageLink.sortOrder.property = 'name';
+        if (authUser.authority === Authority.CUSTOMER_USER) {
+          entitiesObservable = this.deviceService.getCustomerDeviceInfos(customerId, pageLink, subType, config);
+        } else {
+          entitiesObservable = this.deviceService.getTenantDeviceInfos(pageLink, subType, config);
+        }
+        break;
+      case EntityType.ASSET:
+        pageLink.sortOrder.property = 'name';
+        if (authUser.authority === Authority.CUSTOMER_USER) {
+          entitiesObservable = this.assetService.getCustomerAssetInfos(customerId, pageLink, subType, config);
+        } else {
+          entitiesObservable = this.assetService.getTenantAssetInfos(pageLink, subType, config);
+        }
+        break;
+      case EntityType.ENTITY_VIEW:
+        pageLink.sortOrder.property = 'name';
+        if (authUser.authority === Authority.CUSTOMER_USER) {
+          entitiesObservable = this.entityViewService.getCustomerEntityViewInfos(customerId, pageLink,
+            subType, config);
+        } else {
+          entitiesObservable = this.entityViewService.getTenantEntityViewInfos(pageLink, subType, config);
+        }
+        break;
+      case EntityType.TENANT:
+        pageLink.sortOrder.property = 'title';
+        if (authUser.authority === Authority.TENANT_ADMIN) {
+          entitiesObservable = this.getSingleTenantByPageLinkObservable(pageLink, config);
+        } else {
+          entitiesObservable = this.tenantService.getTenants(pageLink, config);
+        }
+        break;
+      case EntityType.CUSTOMER:
+        pageLink.sortOrder.property = 'title';
+        if (authUser.authority === Authority.CUSTOMER_USER) {
+          entitiesObservable = this.getSingleCustomerByPageLinkObservable(pageLink, config);
+        } else {
+          entitiesObservable = this.customerService.getCustomers(pageLink, config);
+        }
+        break;
+      case EntityType.RULE_CHAIN:
+        pageLink.sortOrder.property = 'name';
+        entitiesObservable = this.ruleChainService.getRuleChains(pageLink, config);
+        break;
+      case EntityType.DASHBOARD:
+        pageLink.sortOrder.property = 'title';
+        if (authUser.authority === Authority.CUSTOMER_USER) {
+          entitiesObservable = this.dashboardService.getCustomerDashboards(customerId, pageLink, config);
+        } else {
+          entitiesObservable = this.dashboardService.getTenantDashboards(pageLink, config);
+        }
+        break;
+      case EntityType.USER:
+        console.error('Get User Entities is not implemented!');
+        break;
+      case EntityType.ALARM:
+        console.error('Get Alarm Entities is not implemented!');
+        break;
+    }
+    return entitiesObservable;
+  }
+
+  private getEntitiesByPageLink(entityType: EntityType, pageLink: PageLink, subType: string = '',
+                                config?: RequestConfig): Observable<Array<BaseData<EntityId>>> {
+    const entitiesObservable: Observable<PageData<BaseData<EntityId>>> =
+      this.getEntitiesByPageLinkObservable(entityType, pageLink, subType, config);
+    if (entitiesObservable) {
+      return entitiesObservable.pipe(
+        expand((data) => {
+          if (data.hasNext) {
+            pageLink.page += 1;
+            return this.getEntitiesByPageLinkObservable(entityType, pageLink, subType, config);
+          } else {
+            return EMPTY;
+          }
+        }),
+        map((data) => data.data),
+        concatMap((data) => data),
+        toArray()
+      );
+    } else {
+      return of(null);
+    }
+  }
+
+  public getEntitiesByNameFilter(entityType: EntityType, entityNameFilter: string,
+                                 pageSize: number, subType: string = '',
+                                 config?: RequestConfig): Observable<Array<BaseData<EntityId>>> {
+    const pageLink = new PageLink(pageSize, 0, entityNameFilter, {
+      property: 'name',
+      direction: Direction.ASC
+    });
+    if (pageSize === -1) { // all
+      pageLink.pageSize = 100;
+      return this.getEntitiesByPageLink(entityType, pageLink, subType, config).pipe(
+        map((data) => data && data.length ? data : null)
+      );
+    } else {
+      const entitiesObservable: Observable<PageData<BaseData<EntityId>>> =
+        this.getEntitiesByPageLinkObservable(entityType, pageLink, subType, config);
+      if (entitiesObservable) {
+        return entitiesObservable.pipe(
+          map((data) => data && data.data.length ? data.data : null)
+        );
+      } else {
+        return of(null);
+      }
+    }
+  }
+
+  public getAliasFilterTypesByEntityTypes(entityTypes: Array<EntityType | AliasEntityType>): Array<AliasFilterType> {
+    const allAliasFilterTypes: Array<AliasFilterType> = Object.keys(AliasFilterType).map((key) => AliasFilterType[key]);
+    if (!entityTypes || !entityTypes.length) {
+      return allAliasFilterTypes;
+    }
+    const result = [];
+    for (const aliasFilterType of allAliasFilterTypes) {
+      if (this.filterAliasFilterTypeByEntityTypes(aliasFilterType, entityTypes)) {
+        result.push(aliasFilterType);
+      }
+    }
+    return result;
+  }
+
+  public filterAliasByEntityTypes(entityAlias: EntityAlias, entityTypes: Array<EntityType | AliasEntityType>): boolean {
+    const filter = entityAlias.filter;
+    if (this.filterAliasFilterTypeByEntityTypes(filter.type, entityTypes)) {
+      switch (filter.type) {
+        case AliasFilterType.singleEntity:
+          return entityTypes.indexOf(filter.singleEntity.entityType) > -1 ? true : false;
+        case AliasFilterType.entityList:
+          return entityTypes.indexOf(filter.entityType) > -1 ? true : false;
+        case AliasFilterType.entityName:
+          return entityTypes.indexOf(filter.entityType) > -1 ? true : false;
+        case AliasFilterType.stateEntity:
+          return true;
+        case AliasFilterType.assetType:
+          return entityTypes.indexOf(EntityType.ASSET)  > -1 ? true : false;
+        case AliasFilterType.deviceType:
+          return entityTypes.indexOf(EntityType.DEVICE)  > -1 ? true : false;
+        case AliasFilterType.entityViewType:
+          return entityTypes.indexOf(EntityType.ENTITY_VIEW)  > -1 ? true : false;
+        case AliasFilterType.relationsQuery:
+          if (filter.filters && filter.filters.length) {
+            let match = false;
+            for (const relationFilter of filter.filters) {
+              if (relationFilter.entityTypes && relationFilter.entityTypes.length) {
+                for (const relationFilterEntityType of relationFilter.entityTypes) {
+                  if (entityTypes.indexOf(relationFilterEntityType) > -1) {
+                    match = true;
+                    break;
+                  }
+                }
+              } else {
+                match = true;
+                break;
+              }
+            }
+            return match;
+          } else {
+            return true;
+          }
+        case AliasFilterType.assetSearchQuery:
+          return entityTypes.indexOf(EntityType.ASSET)  > -1 ? true : false;
+        case AliasFilterType.deviceSearchQuery:
+          return entityTypes.indexOf(EntityType.DEVICE)  > -1 ? true : false;
+        case AliasFilterType.entityViewSearchQuery:
+          return entityTypes.indexOf(EntityType.ENTITY_VIEW)  > -1 ? true : false;
+      }
+    }
+    return false;
+  }
+
+  private filterAliasFilterTypeByEntityTypes(aliasFilterType: AliasFilterType,
+                                             entityTypes: Array<EntityType | AliasEntityType>): boolean {
+    if (!entityTypes || !entityTypes.length) {
+      return true;
+    }
+    let valid = false;
+    entityTypes.forEach((entityType) => {
+      valid = valid || this.filterAliasFilterTypeByEntityType(aliasFilterType, entityType);
+    });
+    return valid;
+  }
+
+  private filterAliasFilterTypeByEntityType(aliasFilterType: AliasFilterType, entityType: EntityType | AliasEntityType): boolean {
+    switch (aliasFilterType) {
+      case AliasFilterType.singleEntity:
+        return true;
+      case AliasFilterType.entityList:
+        return true;
+      case AliasFilterType.entityName:
+        return true;
+      case AliasFilterType.stateEntity:
+        return true;
+      case AliasFilterType.assetType:
+        return entityType === EntityType.ASSET;
+      case AliasFilterType.deviceType:
+        return entityType === EntityType.DEVICE;
+      case AliasFilterType.entityViewType:
+        return entityType === EntityType.ENTITY_VIEW;
+      case AliasFilterType.relationsQuery:
+        return true;
+      case AliasFilterType.assetSearchQuery:
+        return entityType === EntityType.ASSET;
+      case AliasFilterType.deviceSearchQuery:
+        return entityType === EntityType.DEVICE;
+      case AliasFilterType.entityViewSearchQuery:
+        return entityType === EntityType.ENTITY_VIEW;
+    }
+    return false;
+  }
+
+  public prepareAllowedEntityTypesList(allowedEntityTypes: Array<EntityType | AliasEntityType>,
+                                       useAliasEntityTypes?: boolean): Array<EntityType | AliasEntityType> {
+    const authUser = getCurrentAuthUser(this.store);
+    const entityTypes: Array<EntityType | AliasEntityType> = [];
+    switch (authUser.authority) {
+      case Authority.SYS_ADMIN:
+        entityTypes.push(EntityType.TENANT);
+        break;
+      case Authority.TENANT_ADMIN:
+        entityTypes.push(EntityType.DEVICE);
+        entityTypes.push(EntityType.ASSET);
+        entityTypes.push(EntityType.ENTITY_VIEW);
+        entityTypes.push(EntityType.TENANT);
+        entityTypes.push(EntityType.CUSTOMER);
+        entityTypes.push(EntityType.DASHBOARD);
+        if (useAliasEntityTypes) {
+          entityTypes.push(AliasEntityType.CURRENT_CUSTOMER);
+        }
+        break;
+      case Authority.CUSTOMER_USER:
+        entityTypes.push(EntityType.DEVICE);
+        entityTypes.push(EntityType.ASSET);
+        entityTypes.push(EntityType.ENTITY_VIEW);
+        entityTypes.push(EntityType.CUSTOMER);
+        entityTypes.push(EntityType.DASHBOARD);
+        if (useAliasEntityTypes) {
+          entityTypes.push(AliasEntityType.CURRENT_CUSTOMER);
+        }
+        break;
+    }
+    if (allowedEntityTypes && allowedEntityTypes.length) {
+      for (let index = entityTypes.length - 1; index >= 0; index--) {
+        if (allowedEntityTypes.indexOf(entityTypes[index]) === -1) {
+          entityTypes.splice(index, 1);
+        }
+      }
+    }
+    return entityTypes;
+  }
+
+  public getEntityKeys(entityId: EntityId, query: string, type: DataKeyType,
+                       config?: RequestConfig): Observable<Array<string>> {
+    let url = `/api/plugins/telemetry/${entityId.entityType}/${entityId.id}/keys/`;
+    if (type === DataKeyType.timeseries) {
+      url += 'timeseries';
+    } else if (type === DataKeyType.attribute) {
+      url += 'attributes';
+    }
+    return this.http.get<Array<string>>(url,
+      defaultHttpOptionsFromConfig(config))
+      .pipe(
+        map(
+          (dataKeys) => {
+            if (query) {
+              const lowercaseQuery = query.toLowerCase();
+              return dataKeys.filter((dataKey) => dataKey.toLowerCase().indexOf(lowercaseQuery) === 0);
+            } else {
+              return dataKeys;
+            }
+           }
+        )
+    );
+  }
+
+  public createDatasourcesFromSubscriptionsInfo(subscriptionsInfo: Array<SubscriptionInfo>): Observable<Array<Datasource>> {
+    const observables = new Array<Observable<Array<Datasource>>>();
+    subscriptionsInfo.forEach((subscriptionInfo) => {
+      observables.push(this.createDatasourcesFromSubscriptionInfo(subscriptionInfo));
+    });
+    return forkJoin(observables).pipe(
+      map((arrayOfDatasources) => {
+        const result = new Array<Datasource>();
+        arrayOfDatasources.forEach((datasources) => {
+          result.push(...datasources);
+        });
+        this.utils.generateColors(result);
+        return result;
+      })
+    );
+  }
+
+  public createAlarmSourceFromSubscriptionInfo(subscriptionInfo: SubscriptionInfo): Observable<Datasource> {
+    if (subscriptionInfo.entityId && subscriptionInfo.entityType) {
+      return this.getEntity(subscriptionInfo.entityType, subscriptionInfo.entityId,
+        {ignoreLoading: true, ignoreErrors: true}).pipe(
+        map((entity) => {
+          const alarmSource = this.createDatasourceFromSubscription(subscriptionInfo, entity);
+          this.utils.generateColors([alarmSource]);
+          return alarmSource;
+        })
+      );
+    } else {
+      return throwError(null);
+    }
+  }
+
+  public resolveAlias(entityAlias: EntityAlias, stateParams: StateParams): Observable<AliasInfo> {
+    const filter = entityAlias.filter;
+    return this.resolveAliasFilter(filter, stateParams, -1, false).pipe(
+      map((result) => {
+        const aliasInfo: AliasInfo = {
+          alias: entityAlias.alias,
+          stateEntity: result.stateEntity,
+          entityParamName: result.entityParamName,
+          resolveMultiple: filter.resolveMultiple
+        };
+        aliasInfo.resolvedEntities = result.entities;
+        aliasInfo.currentEntity = null;
+        if (aliasInfo.resolvedEntities.length) {
+          aliasInfo.currentEntity = aliasInfo.resolvedEntities[0];
+        }
+        return aliasInfo;
+      })
+    );
+  }
+
+  public resolveAliasFilter(filter: EntityAliasFilter, stateParams: StateParams,
+                            maxItems: number, failOnEmpty: boolean): Observable<EntityAliasFilterResult> {
+    const result: EntityAliasFilterResult = {
+      entities: [],
+      stateEntity: false
+    };
+    if (filter.stateEntityParamName && filter.stateEntityParamName.length) {
+      result.entityParamName = filter.stateEntityParamName;
+    }
+    const stateEntityId = this.getStateEntityId(filter, stateParams);
+    switch (filter.type) {
+      case AliasFilterType.singleEntity:
+        const aliasEntityId = this.resolveAliasEntityId(filter.singleEntity.entityType, filter.singleEntity.id);
+        return this.getEntity(aliasEntityId.entityType as EntityType, aliasEntityId.id, {ignoreLoading: true, ignoreErrors: true}).pipe(
+          map((entity) => {
+            result.entities = this.entitiesToEntitiesInfo([entity]);
+            return result;
+          }
+        ));
+        break;
+      case AliasFilterType.entityList:
+        return this.getEntities(filter.entityType, filter.entityList, {ignoreLoading: true, ignoreErrors: true}).pipe(
+          map((entities) => {
+              if (entities && entities.length || !failOnEmpty) {
+                result.entities = this.entitiesToEntitiesInfo(entities);
+                return result;
+              } else {
+                throw new Error();
+              }
+            }
+          ));
+        break;
+      case AliasFilterType.entityName:
+        return this.getEntitiesByNameFilter(filter.entityType, filter.entityNameFilter, maxItems,
+          '', {ignoreLoading: true, ignoreErrors: true}).pipe(
+            map((entities) => {
+              if (entities && entities.length || !failOnEmpty) {
+                result.entities = this.entitiesToEntitiesInfo(entities);
+                return result;
+              } else {
+                throw new Error();
+              }
+            }
+          )
+        );
+        break;
+      case AliasFilterType.stateEntity:
+        result.stateEntity = true;
+        if (stateEntityId) {
+          return this.getEntity(stateEntityId.entityType as EntityType, stateEntityId.id, {ignoreLoading: true, ignoreErrors: true}).pipe(
+            map((entity) => {
+                result.entities = this.entitiesToEntitiesInfo([entity]);
+                return result;
+              }
+            ));
+        } else {
+          return of(result);
+        }
+        break;
+      case AliasFilterType.assetType:
+        return this.getEntitiesByNameFilter(EntityType.ASSET, filter.assetNameFilter, maxItems,
+          filter.assetType, {ignoreLoading: true, ignoreErrors: true}).pipe(
+          map((entities) => {
+              if (entities && entities.length || !failOnEmpty) {
+                result.entities = this.entitiesToEntitiesInfo(entities);
+                return result;
+              } else {
+                throw new Error();
+              }
+            }
+          )
+        );
+        break;
+      case AliasFilterType.deviceType:
+        return this.getEntitiesByNameFilter(EntityType.DEVICE, filter.deviceNameFilter, maxItems,
+          filter.deviceType, {ignoreLoading: true, ignoreErrors: true}).pipe(
+          map((entities) => {
+              if (entities && entities.length || !failOnEmpty) {
+                result.entities = this.entitiesToEntitiesInfo(entities);
+                return result;
+              } else {
+                throw new Error();
+              }
+            }
+          )
+        );
+        break;
+      case AliasFilterType.entityViewType:
+        return this.getEntitiesByNameFilter(EntityType.ENTITY_VIEW, filter.entityViewNameFilter, maxItems,
+          filter.entityViewType, {ignoreLoading: true, ignoreErrors: true}).pipe(
+          map((entities) => {
+              if (entities && entities.length || !failOnEmpty) {
+                result.entities = this.entitiesToEntitiesInfo(entities);
+                return result;
+              } else {
+                throw new Error();
+              }
+            }
+          )
+        );
+        break;
+      case AliasFilterType.relationsQuery:
+        result.stateEntity = filter.rootStateEntity;
+        let rootEntityType;
+        let rootEntityId;
+        if (result.stateEntity && stateEntityId) {
+          rootEntityType = stateEntityId.entityType;
+          rootEntityId = stateEntityId.id;
+        } else if (!result.stateEntity) {
+          rootEntityType = filter.rootEntity.entityType;
+          rootEntityId = filter.rootEntity.id;
+        }
+        if (rootEntityType && rootEntityId) {
+          const relationQueryRootEntityId = this.resolveAliasEntityId(rootEntityType, rootEntityId);
+          const searchQuery: EntityRelationsQuery = {
+            parameters: {
+              rootId: relationQueryRootEntityId.id,
+              rootType: relationQueryRootEntityId.entityType as EntityType,
+              direction: filter.direction
+            },
+            filters: filter.filters
+          };
+          searchQuery.parameters.maxLevel = filter.maxLevel && filter.maxLevel > 0 ? filter.maxLevel : -1;
+          return this.entityRelationService.findInfoByQuery(searchQuery, {ignoreLoading: true, ignoreErrors: true}).pipe(
+            mergeMap((allRelations) => {
+              if (allRelations && allRelations.length || !failOnEmpty) {
+                if (isDefined(maxItems) && maxItems > 0 && allRelations) {
+                  const limit = Math.min(allRelations.length, maxItems);
+                  allRelations.length = limit;
+                }
+                return this.entityRelationInfosToEntitiesInfo(allRelations, filter.direction).pipe(
+                  map((entities) => {
+                    result.entities = entities;
+                    return result;
+                  })
+                );
+              } else {
+                return throwError(null);
+              }
+            })
+          );
+        } else {
+          return of(result);
+        }
+        break;
+      case AliasFilterType.assetSearchQuery:
+      case AliasFilterType.deviceSearchQuery:
+      case AliasFilterType.entityViewSearchQuery:
+        result.stateEntity = filter.rootStateEntity;
+        if (result.stateEntity && stateEntityId) {
+          rootEntityType = stateEntityId.entityType;
+          rootEntityId = stateEntityId.id;
+        } else if (!result.stateEntity) {
+          rootEntityType = filter.rootEntity.entityType;
+          rootEntityId = filter.rootEntity.id;
+        }
+        if (rootEntityType && rootEntityId) {
+          const searchQueryRootEntityId = this.resolveAliasEntityId(rootEntityType, rootEntityId);
+          const searchQuery: EntitySearchQuery = {
+            parameters: {
+              rootId: searchQueryRootEntityId.id,
+              rootType: searchQueryRootEntityId.entityType as EntityType,
+              direction: filter.direction
+            },
+            relationType: filter.relationType
+          };
+          let findByQueryObservable: Observable<Array<BaseData<EntityId>>>;
+          if (filter.type === AliasFilterType.assetSearchQuery) {
+            const assetSearchQuery = searchQuery as AssetSearchQuery;
+            assetSearchQuery.assetTypes = filter.assetTypes;
+            findByQueryObservable = this.assetService.findByQuery(assetSearchQuery, {ignoreLoading: true, ignoreErrors: true});
+          } else if (filter.type === AliasFilterType.deviceSearchQuery) {
+            const deviceSearchQuery = searchQuery as DeviceSearchQuery;
+            deviceSearchQuery.deviceTypes = filter.deviceTypes;
+            findByQueryObservable = this.deviceService.findByQuery(deviceSearchQuery, {ignoreLoading: true, ignoreErrors: true});
+          } else if (filter.type === AliasFilterType.entityViewSearchQuery) {
+            const entityViewSearchQuery = searchQuery as EntityViewSearchQuery;
+            entityViewSearchQuery.entityViewTypes = filter.entityViewTypes;
+            findByQueryObservable = this.entityViewService.findByQuery(entityViewSearchQuery, {ignoreLoading: true, ignoreErrors: true});
+          }
+          return findByQueryObservable.pipe(
+            map((entities) => {
+              if (entities && entities.length || !failOnEmpty) {
+                if (isDefined(maxItems) && maxItems > 0 && entities) {
+                  const limit = Math.min(entities.length, maxItems);
+                  entities.length = limit;
+                }
+                result.entities = this.entitiesToEntitiesInfo(entities);
+                return result;
+              } else {
+                throw Error();
+              }
+            })
+          );
+        } else {
+          return of(result);
+        }
+        break;
+    }
+  }
+
+  public checkEntityAlias(entityAlias: EntityAlias): Observable<boolean> {
+    return this.resolveAliasFilter(entityAlias.filter, null, 1, true).pipe(
+      map((result) => {
+        if (result.stateEntity) {
+          return true;
+        } else {
+          const entities = result.entities;
+          if (entities && entities.length) {
+            return true;
+          } else {
+            return false;
+          }
+        }
+      }),
+      catchError(err => of(false))
+    );
+  }
+
+  public saveEntityParameters(entityType: EntityType, entityData: ImportEntityData, update: boolean,
+                              config?: RequestConfig): Observable<ImportEntitiesResultInfo> {
+    let saveEntityObservable: Observable<BaseData<EntityId>>;
+    switch (entityType) {
+      case EntityType.DEVICE:
+        const device: Device = {
+          name: entityData.name,
+          type: entityData.type,
+          label: entityData.label,
+          additionalInfo: {
+            description: entityData.description
+          }
+        };
+        if (entityData.gateway !== null) {
+          device.additionalInfo = {
+            ...device.additionalInfo,
+            gateway: entityData.gateway
+          };
+        }
+        saveEntityObservable = this.deviceService.saveDevice(device, config);
+        break;
+      case EntityType.ASSET:
+        const asset: Asset = {
+          name: entityData.name,
+          type: entityData.type,
+          label: entityData.label,
+          additionalInfo: {
+            description: entityData.description
+          }
+        };
+        saveEntityObservable = this.assetService.saveAsset(asset, config);
+        break;
+    }
+    return saveEntityObservable.pipe(
+      mergeMap((entity) => {
+        return this.saveEntityData(entity.id, entityData, config).pipe(
+          map(() => {
+            return { create: { entity: 1 } } as ImportEntitiesResultInfo;
+          }),
+          catchError(err => of({ error: { entity: 1 } } as ImportEntitiesResultInfo))
+        );
+      }),
+      catchError(err => {
+        if (update) {
+          let findEntityObservable: Observable<BaseData<EntityId>>;
+          switch (entityType) {
+            case EntityType.DEVICE:
+              findEntityObservable = this.deviceService.findByName(entityData.name, config);
+              break;
+            case EntityType.ASSET:
+              findEntityObservable = this.assetService.findByName(entityData.name, config);
+              break;
+          }
+          return findEntityObservable.pipe(
+            mergeMap((entity) => {
+              const tasks: Observable<any>[] = [];
+              const result: Device | Asset = entity as (Device | Asset);
+              const additionalInfo = result.additionalInfo || {};
+              if(result.label !== entityData.label ||
+                 result.type !== entityData.type ||
+                 additionalInfo.description !== entityData.description ||
+                 (result.id.entityType === EntityType.DEVICE && (additionalInfo.gateway !== entityData.gateway)) ) {
+                result.label = entityData.label;
+                result.type = entityData.type;
+                result.additionalInfo = additionalInfo;
+                result.additionalInfo.description = entityData.description;
+                if (result.id.entityType === EntityType.DEVICE) {
+                  result.additionalInfo.gateway = entityData.gateway;
+                }
+                switch (result.id.entityType) {
+                  case EntityType.DEVICE:
+                    tasks.push(this.deviceService.saveDevice(result, config));
+                    break;
+                  case EntityType.ASSET:
+                    tasks.push(this.assetService.saveAsset(result, config));
+                    break;
+                }
+              }
+              tasks.push(this.saveEntityData(entity.id, entityData, config));
+              return forkJoin(tasks).pipe(
+                map(() => {
+                  return { update: { entity: 1 } } as ImportEntitiesResultInfo;
+                }),
+                catchError(updateError => of({ error: { entity: 1 } } as ImportEntitiesResultInfo))
+              );
+            }),
+            catchError(findErr => of({ error: { entity: 1 } } as ImportEntitiesResultInfo))
+          );
+        } else {
+          return of({ error: { entity: 1 } } as ImportEntitiesResultInfo);
+        }
+      })
+    );
+  }
+
+  public saveEntityData(entityId: EntityId, entityData: ImportEntityData, config?: RequestConfig): Observable<any> {
+    const observables: Observable<string>[] = [];
+    let observable: Observable<string>;
+    if (entityData.accessToken && entityData.accessToken !== '') {
+      observable = this.deviceService.getDeviceCredentials(entityId.id, false, config).pipe(
+        mergeMap((credentials) => {
+          credentials.credentialsId = entityData.accessToken;
+          credentials.credentialsType = DeviceCredentialsType.ACCESS_TOKEN;
+          credentials.credentialsValue = null;
+          return this.deviceService.saveDeviceCredentials(credentials, config).pipe(
+            map(() => 'ok'),
+            catchError(err => of('error'))
+          );
+        })
+      );
+      observables.push(observable);
+    }
+    if (entityData.attributes.shared && entityData.attributes.shared.length) {
+      observable = this.attributeService.saveEntityAttributes(entityId, AttributeScope.SHARED_SCOPE,
+        entityData.attributes.shared, config).pipe(
+        map(() => 'ok'),
+        catchError(err => of('error'))
+      );
+      observables.push(observable);
+    }
+    if (entityData.attributes.server && entityData.attributes.server.length) {
+      observable = this.attributeService.saveEntityAttributes(entityId, AttributeScope.SERVER_SCOPE,
+        entityData.attributes.server, config).pipe(
+        map(() => 'ok'),
+        catchError(err => of('error'))
+      );
+      observables.push(observable);
+    }
+    if (entityData.timeseries && entityData.timeseries.length) {
+      observable = this.attributeService.saveEntityTimeseries(entityId, 'time', entityData.timeseries, config).pipe(
+        map(() => 'ok'),
+        catchError(err => of('error'))
+      );
+      observables.push(observable);
+    }
+    return forkJoin(observables).pipe(
+      map((response) => {
+        const hasError = response.filter((status) => status === 'error').length > 0;
+        if (hasError) {
+          throw Error();
+        } else {
+          return response;
+        }
+      })
+    );
+  }
+
+  private entitiesToEntitiesInfo(entities: Array<BaseData<EntityId>>): Array<EntityInfo> {
+    const entitiesInfo = [];
+    if (entities) {
+      entities.forEach((entity) => {
+        entitiesInfo.push(this.entityToEntityInfo(entity));
+      });
+    }
+    return entitiesInfo;
+  }
+
+  private entityToEntityInfo(entity: BaseData<EntityId>): EntityInfo {
+    return {
+      origEntity: entity,
+      name: entity.name,
+      label: (entity as any).label ? (entity as any).label : '',
+      entityType: entity.id.entityType as EntityType,
+      id: entity.id.id,
+      entityDescription: (entity as any).additionalInfo ? (entity as any).additionalInfo.description : ''
+    };
+  }
+
+  private entityRelationInfosToEntitiesInfo(entityRelations: Array<EntityRelationInfo>,
+                                            direction: EntitySearchDirection): Observable<Array<EntityInfo>> {
+    if (entityRelations) {
+      const tasks: Observable<EntityInfo>[] = [];
+      entityRelations.forEach((entityRelation) => {
+        tasks.push(this.entityRelationInfoToEntityInfo(entityRelation, direction));
+      });
+      return forkJoin(tasks);
+    } else {
+      return of([]);
+    }
+  }
+
+  private entityRelationInfoToEntityInfo(entityRelationInfo: EntityRelationInfo, direction: EntitySearchDirection): Observable<EntityInfo> {
+    const entityId = direction === EntitySearchDirection.FROM ? entityRelationInfo.to : entityRelationInfo.from;
+    return this.getEntity(entityId.entityType as EntityType, entityId.id, {ignoreLoading: true, ignoreErrors: true}).pipe(
+      map((entity) => {
+        return this.entityToEntityInfo(entity);
+      })
+    );
+  }
+
+  private getStateEntityId(filter: EntityAliasFilter, stateParams: StateParams): EntityId {
+    let entityId = null;
+    if (stateParams) {
+      if (filter.stateEntityParamName && filter.stateEntityParamName.length) {
+        if (stateParams[filter.stateEntityParamName]) {
+          entityId = stateParams[filter.stateEntityParamName].entityId;
+        }
+      } else {
+        entityId = stateParams.entityId;
+      }
+    }
+    if (!entityId) {
+      entityId = filter.defaultStateEntity;
+    }
+    if (entityId) {
+      entityId = this.resolveAliasEntityId(entityId.entityType, entityId.id);
+    }
+    return entityId;
+  }
+
+  private resolveAliasEntityId(entityType: EntityType | AliasEntityType, id: string): EntityId {
+    const entityId: EntityId = {
+      entityType,
+      id
+    };
+    if (entityType === AliasEntityType.CURRENT_CUSTOMER) {
+      const authUser = getCurrentAuthUser(this.store);
+      entityId.entityType = EntityType.CUSTOMER;
+      if (authUser.authority === Authority.CUSTOMER_USER) {
+        entityId.id = authUser.customerId;
+      }
+    }
+    return entityId;
+  }
+
+  private createDatasourcesFromSubscriptionInfo(subscriptionInfo: SubscriptionInfo): Observable<Array<Datasource>> {
+    subscriptionInfo = this.validateSubscriptionInfo(subscriptionInfo);
+    if (subscriptionInfo.type === DatasourceType.entity) {
+      return this.resolveEntitiesFromSubscriptionInfo(subscriptionInfo).pipe(
+        map((entities) => {
+          const datasources = new Array<Datasource>();
+          entities.forEach((entity) => {
+            datasources.push(this.createDatasourceFromSubscription(subscriptionInfo, entity));
+          });
+          return datasources;
+        })
+      );
+    } else if (subscriptionInfo.type === DatasourceType.function) {
+      return of([this.createDatasourceFromSubscription(subscriptionInfo)]);
+    } else {
+      return of([]);
+    }
+  }
+
+  private resolveEntitiesFromSubscriptionInfo(subscriptionInfo: SubscriptionInfo): Observable<Array<BaseData<EntityId>>> {
+    if (subscriptionInfo.entityId) {
+      if (subscriptionInfo.entityName) {
+        const entity: BaseData<EntityId> = {
+          id: {id: subscriptionInfo.entityId, entityType: subscriptionInfo.entityType},
+          name: subscriptionInfo.entityName
+        };
+        return of([entity]);
+      } else {
+        return this.getEntity(subscriptionInfo.entityType, subscriptionInfo.entityId,
+          {ignoreLoading: true, ignoreErrors: true}).pipe(
+          map((entity) => [entity]),
+          catchError(e => of([]))
+        );
+      }
+    } else if (subscriptionInfo.entityName || subscriptionInfo.entityNamePrefix || subscriptionInfo.entityIds) {
+      let entitiesObservable: Observable<Array<BaseData<EntityId>>>;
+      if (subscriptionInfo.entityName) {
+        entitiesObservable = this.getEntitiesByNameFilter(subscriptionInfo.entityType, subscriptionInfo.entityName,
+          1, null, {ignoreLoading: true, ignoreErrors: true});
+      } else if (subscriptionInfo.entityNamePrefix) {
+        entitiesObservable = this.getEntitiesByNameFilter(subscriptionInfo.entityType, subscriptionInfo.entityNamePrefix,
+          100, null, {ignoreLoading: true, ignoreErrors: true});
+      } else if (subscriptionInfo.entityIds) {
+        entitiesObservable = this.getEntities(subscriptionInfo.entityType, subscriptionInfo.entityIds,
+          {ignoreLoading: true, ignoreErrors: true});
+      }
+      return entitiesObservable.pipe(
+        catchError(e => of([]))
+      );
+    } else {
+      return of([]);
+    }
+  }
+
+  private validateSubscriptionInfo(subscriptionInfo: SubscriptionInfo): SubscriptionInfo {
+    // @ts-ignore
+    if (subscriptionInfo.type === 'device') {
+      subscriptionInfo.type = DatasourceType.entity;
+      subscriptionInfo.entityType = EntityType.DEVICE;
+      if (subscriptionInfo.deviceId) {
+        subscriptionInfo.entityId = subscriptionInfo.deviceId;
+      } else if (subscriptionInfo.deviceName) {
+        subscriptionInfo.entityName = subscriptionInfo.deviceName;
+      } else if (subscriptionInfo.deviceNamePrefix) {
+        subscriptionInfo.entityNamePrefix = subscriptionInfo.deviceNamePrefix;
+      } else if (subscriptionInfo.deviceIds) {
+        subscriptionInfo.entityIds = subscriptionInfo.deviceIds;
+      }
+    }
+    return subscriptionInfo;
+  }
+
+  private createDatasourceFromSubscription(subscriptionInfo: SubscriptionInfo, entity?: BaseData<EntityId>): Datasource {
+    let datasource: Datasource;
+    if (subscriptionInfo.type === DatasourceType.entity) {
+      datasource = {
+        type: subscriptionInfo.type,
+        entityName: entity.name,
+        name: entity.name,
+        entityType: subscriptionInfo.entityType,
+        entityId: entity.id.id,
+        dataKeys: []
+      };
+    } else if (subscriptionInfo.type === DatasourceType.function) {
+      datasource = {
+        type: subscriptionInfo.type,
+        name: subscriptionInfo.name || DatasourceType.function,
+        dataKeys: []
+      };
+    }
+    if (subscriptionInfo.timeseries) {
+      this.createDatasourceKeys(subscriptionInfo.timeseries, DataKeyType.timeseries, datasource);
+    }
+    if (subscriptionInfo.attributes) {
+      this.createDatasourceKeys(subscriptionInfo.attributes, DataKeyType.attribute, datasource);
+    }
+    if (subscriptionInfo.functions) {
+      this.createDatasourceKeys(subscriptionInfo.functions, DataKeyType.function, datasource);
+    }
+    if (subscriptionInfo.alarmFields) {
+      this.createDatasourceKeys(subscriptionInfo.alarmFields, DataKeyType.alarm, datasource);
+    }
+    return datasource;
+  }
+
+  private createDatasourceKeys(keyInfos: Array<KeyInfo>, type: DataKeyType, datasource: Datasource) {
+    keyInfos.forEach((keyInfo) => {
+      const dataKey = this.utils.createKey(keyInfo, type);
+      datasource.dataKeys.push(dataKey);
+    });
+  }
+}
diff --git a/ui-ngx/src/app/core/http/event.service.ts b/ui-ngx/src/app/core/http/event.service.ts
new file mode 100644
index 0000000000..5c66a10c03
--- /dev/null
+++ b/ui-ngx/src/app/core/http/event.service.ts
@@ -0,0 +1,41 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { defaultHttpOptionsFromConfig, RequestConfig } from './http-utils';
+import { Observable } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { TimePageLink } from '@shared/models/page/page-link';
+import { PageData } from '@shared/models/page/page-data';
+import { EntityId } from '@shared/models/id/entity-id';
+import { DebugEventType, Event, EventType } from '@shared/models/event.models';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class EventService {
+
+  constructor(
+    private http: HttpClient
+  ) { }
+
+  public getEvents(entityId: EntityId, eventType: EventType | DebugEventType, tenantId: string, pageLink: TimePageLink,
+                   config?: RequestConfig): Observable<PageData<Event>> {
+    return this.http.get<PageData<Event>>(`/api/events/${entityId.entityType}/${entityId.id}/${eventType}` +
+              `${pageLink.toQuery()}&tenantId=${tenantId}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+}
diff --git a/ui-ngx/src/app/core/http/http-utils.ts b/ui-ngx/src/app/core/http/http-utils.ts
new file mode 100644
index 0000000000..187767b6b1
--- /dev/null
+++ b/ui-ngx/src/app/core/http/http-utils.ts
@@ -0,0 +1,41 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { InterceptorHttpParams } from '../interceptors/interceptor-http-params';
+import { HttpHeaders } from '@angular/common/http';
+import { InterceptorConfig } from '../interceptors/interceptor-config';
+
+export interface RequestConfig {
+  ignoreLoading?: boolean;
+  ignoreErrors?: boolean;
+  resendRequest?: boolean;
+}
+
+export function defaultHttpOptionsFromConfig(config?: RequestConfig) {
+  if (!config) {
+    config = {};
+  }
+  return defaultHttpOptions(config.ignoreLoading, config.ignoreErrors, config.resendRequest);
+}
+
+export function defaultHttpOptions(ignoreLoading: boolean = false,
+                                   ignoreErrors: boolean = false,
+                                   resendRequest: boolean = false) {
+  return {
+    headers: new HttpHeaders({'Content-Type': 'application/json'}),
+    params: new InterceptorHttpParams(new InterceptorConfig(ignoreLoading, ignoreErrors, resendRequest))
+  };
+}
diff --git a/ui-ngx/src/app/core/http/public-api.ts b/ui-ngx/src/app/core/http/public-api.ts
new file mode 100644
index 0000000000..761f04989d
--- /dev/null
+++ b/ui-ngx/src/app/core/http/public-api.ts
@@ -0,0 +1,34 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export * from './admin.service';
+export * from './alarm.service';
+export * from './asset.service';
+export * from './attribute.service';
+export * from './audit-log.service';
+export * from './component-descriptor.service';
+export * from './customer.service';
+export * from './dashboard.service';
+export * from './device.service';
+export * from './entity.service';
+export * from './entity-relation.service';
+export * from './entity-view.service';
+export * from './event.service';
+export * from './http-utils';
+export * from './rule-chain.service';
+export * from './tenant.service';
+export * from './user.service';
+export * from './widget.service';
diff --git a/ui-ngx/src/app/core/http/rule-chain.service.ts b/ui-ngx/src/app/core/http/rule-chain.service.ts
new file mode 100644
index 0000000000..c93d67c58b
--- /dev/null
+++ b/ui-ngx/src/app/core/http/rule-chain.service.ts
@@ -0,0 +1,289 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { ComponentFactory, Injectable } from '@angular/core';
+import { defaultHttpOptionsFromConfig, RequestConfig } from './http-utils';
+import { forkJoin, Observable, of } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { PageLink } from '@shared/models/page/page-link';
+import { PageData } from '@shared/models/page/page-data';
+import {
+  ResolvedRuleChainMetaData,
+  RuleChain,
+  RuleChainConnectionInfo,
+  RuleChainMetaData,
+  ruleChainNodeComponent,
+  ruleNodeTypeComponentTypes,
+  unknownNodeComponent
+} from '@shared/models/rule-chain.models';
+import { ComponentDescriptorService } from './component-descriptor.service';
+import {
+  IRuleNodeConfigurationComponent,
+  LinkLabel,
+  RuleNodeComponentDescriptor,
+  TestScriptInputParams,
+  TestScriptResult
+} from '@app/shared/models/rule-node.models';
+import { ResourcesService } from '../services/resources.service';
+import { catchError, map, mergeMap } from 'rxjs/operators';
+import { TranslateService } from '@ngx-translate/core';
+import { EntityType } from '@shared/models/entity-type.models';
+import { deepClone, snakeCase } from '@core/utils';
+import { DebugRuleNodeEventBody } from '@app/shared/models/event.models';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class RuleChainService {
+
+  private ruleNodeComponents: Array<RuleNodeComponentDescriptor>;
+  private ruleNodeConfigFactories: {[directive: string]: ComponentFactory<IRuleNodeConfigurationComponent>} = {};
+
+  constructor(
+    private http: HttpClient,
+    private componentDescriptorService: ComponentDescriptorService,
+    private resourcesService: ResourcesService,
+    private translate: TranslateService
+  ) { }
+
+  public getRuleChains(pageLink: PageLink, config?: RequestConfig): Observable<PageData<RuleChain>> {
+    return this.http.get<PageData<RuleChain>>(`/api/ruleChains${pageLink.toQuery()}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getRuleChain(ruleChainId: string, config?: RequestConfig): Observable<RuleChain> {
+    return this.http.get<RuleChain>(`/api/ruleChain/${ruleChainId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public saveRuleChain(ruleChain: RuleChain, config?: RequestConfig): Observable<RuleChain> {
+    return this.http.post<RuleChain>('/api/ruleChain', ruleChain, defaultHttpOptionsFromConfig(config));
+  }
+
+  public deleteRuleChain(ruleChainId: string, config?: RequestConfig) {
+    return this.http.delete(`/api/ruleChain/${ruleChainId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public setRootRuleChain(ruleChainId: string, config?: RequestConfig): Observable<RuleChain> {
+    return this.http.post<RuleChain>(`/api/ruleChain/${ruleChainId}/root`, null, defaultHttpOptionsFromConfig(config));
+  }
+
+  public getRuleChainMetadata(ruleChainId: string, config?: RequestConfig): Observable<RuleChainMetaData> {
+    return this.http.get<RuleChainMetaData>(`/api/ruleChain/${ruleChainId}/metadata`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public getResolvedRuleChainMetadata(ruleChainId: string, config?: RequestConfig): Observable<ResolvedRuleChainMetaData> {
+    return this.getRuleChainMetadata(ruleChainId, config).pipe(
+      mergeMap((ruleChainMetaData) => this.resolveRuleChainMetadata(ruleChainMetaData))
+    );
+  }
+
+  public saveRuleChainMetadata(ruleChainMetaData: RuleChainMetaData, config?: RequestConfig): Observable<RuleChainMetaData> {
+    return this.http.post<RuleChainMetaData>('/api/ruleChain/metadata', ruleChainMetaData, defaultHttpOptionsFromConfig(config));
+  }
+
+  public saveAndGetResolvedRuleChainMetadata(ruleChainMetaData: RuleChainMetaData,
+                                             config?: RequestConfig): Observable<ResolvedRuleChainMetaData> {
+    return this.saveRuleChainMetadata(ruleChainMetaData, config).pipe(
+      mergeMap((savedRuleChainMetaData) => this.resolveRuleChainMetadata(savedRuleChainMetaData))
+    );
+  }
+
+  public resolveRuleChainMetadata(ruleChainMetaData: RuleChainMetaData): Observable<ResolvedRuleChainMetaData> {
+    return this.resolveTargetRuleChains(ruleChainMetaData.ruleChainConnections).pipe(
+      map((targetRuleChainsMap) => {
+        const resolvedRuleChainMetadata: ResolvedRuleChainMetaData = {...ruleChainMetaData, targetRuleChainsMap};
+        return resolvedRuleChainMetadata;
+      })
+    );
+  }
+
+  public getRuleNodeComponents(ruleNodeConfigResourcesModulesMap: {[key: string]: any}, config?: RequestConfig):
+    Observable<Array<RuleNodeComponentDescriptor>> {
+     if (this.ruleNodeComponents) {
+       return of(this.ruleNodeComponents);
+     } else {
+      return this.loadRuleNodeComponents(config).pipe(
+        mergeMap((components) => {
+          return this.resolveRuleNodeComponentsUiResources(components, ruleNodeConfigResourcesModulesMap).pipe(
+            map((ruleNodeComponents) => {
+              this.ruleNodeComponents = ruleNodeComponents;
+              this.ruleNodeComponents.push(ruleChainNodeComponent);
+              this.ruleNodeComponents.sort(
+                (comp1, comp2) => {
+                  let result = comp1.type.toString().localeCompare(comp2.type.toString());
+                  if (result === 0) {
+                    result = comp1.name.localeCompare(comp2.name);
+                  }
+                  return result;
+                }
+              );
+              return this.ruleNodeComponents;
+            })
+          );
+        })
+      );
+    }
+  }
+
+  public getRuleNodeConfigFactory(directive: string): ComponentFactory<IRuleNodeConfigurationComponent> {
+    return this.ruleNodeConfigFactories[directive];
+  }
+
+  public getRuleNodeComponentByClazz(clazz: string): RuleNodeComponentDescriptor {
+    const found = this.ruleNodeComponents.filter((component) => component.clazz === clazz);
+    if (found && found.length) {
+      return found[0];
+    } else {
+      const unknownComponent = deepClone(unknownNodeComponent);
+      unknownComponent.clazz = clazz;
+      unknownComponent.configurationDescriptor.nodeDefinition.details = 'Unknown Rule Node class: ' + clazz;
+      return unknownComponent;
+    }
+  }
+
+  public getRuleNodeSupportedLinks(component: RuleNodeComponentDescriptor): {[label: string]: LinkLabel} {
+    const relationTypes = component.configurationDescriptor.nodeDefinition.relationTypes;
+    const linkLabels: {[label: string]: LinkLabel} = {};
+    relationTypes.forEach((label) => {
+      linkLabels[label] = {
+        name: label,
+        value: label
+      };
+    });
+    return linkLabels;
+  }
+
+  public ruleNodeAllowCustomLinks(component: RuleNodeComponentDescriptor): boolean {
+    return component.configurationDescriptor.nodeDefinition.customRelations;
+  }
+
+  public getLatestRuleNodeDebugInput(ruleNodeId: string, config?: RequestConfig): Observable<DebugRuleNodeEventBody> {
+    return this.http.get<DebugRuleNodeEventBody>(`/api/ruleNode/${ruleNodeId}/debugIn`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public testScript(inputParams: TestScriptInputParams, config?: RequestConfig): Observable<TestScriptResult> {
+    return this.http.post<TestScriptResult>('/api/ruleChain/testScript', inputParams, defaultHttpOptionsFromConfig(config));
+  }
+
+  private resolveTargetRuleChains(ruleChainConnections: Array<RuleChainConnectionInfo>): Observable<{[ruleChainId: string]: RuleChain}> {
+    if (ruleChainConnections && ruleChainConnections.length) {
+      const tasks: Observable<RuleChain>[] = [];
+      ruleChainConnections.forEach((connection) => {
+        tasks.push(this.resolveRuleChain(connection.targetRuleChainId.id));
+      });
+      return forkJoin(tasks).pipe(
+        map((ruleChains) => {
+          const ruleChainsMap: {[ruleChainId: string]: RuleChain} = {};
+          ruleChains.forEach((ruleChain) => {
+            ruleChainsMap[ruleChain.id.id] = ruleChain;
+          });
+          return ruleChainsMap;
+        })
+      );
+    } else {
+      return of({} as {[ruleChainId: string]: RuleChain});
+    }
+  }
+
+  private loadRuleNodeComponents(config?: RequestConfig): Observable<Array<RuleNodeComponentDescriptor>> {
+    return this.componentDescriptorService.getComponentDescriptorsByTypes(ruleNodeTypeComponentTypes, config).pipe(
+      map((components) => {
+        const ruleNodeComponents: RuleNodeComponentDescriptor[] = [];
+        components.forEach((component) => {
+          ruleNodeComponents.push(component as RuleNodeComponentDescriptor);
+        });
+        return ruleNodeComponents;
+      })
+    );
+  }
+
+  private resolveRuleNodeComponentsUiResources(components: Array<RuleNodeComponentDescriptor>,
+                                               ruleNodeConfigResourcesModulesMap: {[key: string]: any}):
+    Observable<Array<RuleNodeComponentDescriptor>> {
+    const tasks: Observable<RuleNodeComponentDescriptor>[] = [];
+    components.forEach((component) => {
+      tasks.push(this.resolveRuleNodeComponentUiResources(component, ruleNodeConfigResourcesModulesMap));
+    });
+    return forkJoin(tasks).pipe(
+      catchError((err) => {
+        return of(components);
+      })
+    );
+  }
+
+  private resolveRuleNodeComponentUiResources(component: RuleNodeComponentDescriptor,
+                                              ruleNodeConfigResourcesModulesMap: {[key: string]: any}):
+    Observable<RuleNodeComponentDescriptor> {
+    const nodeDefinition = component.configurationDescriptor.nodeDefinition;
+    const uiResources = nodeDefinition.uiResources;
+    if (uiResources && uiResources.length) {
+      const commonResources = uiResources.filter((resource) => !resource.endsWith('.js'));
+      const moduleResource = uiResources.find((resource) => resource.endsWith('.js'));
+      const tasks: Observable<any>[] = [];
+      if (commonResources && commonResources.length) {
+        commonResources.forEach((resource) => {
+          tasks.push(this.resourcesService.loadResource(resource));
+        });
+      }
+      if (moduleResource) {
+        tasks.push(this.resourcesService.loadModule(moduleResource, ruleNodeConfigResourcesModulesMap).pipe(
+          map((res) => {
+            if (nodeDefinition.configDirective && nodeDefinition.configDirective.length) {
+              const selector = snakeCase(nodeDefinition.configDirective, '-');
+              const componentFactory = res.find((factory) =>
+              factory.selector === selector);
+              if (componentFactory) {
+                this.ruleNodeConfigFactories[nodeDefinition.configDirective] = componentFactory;
+              } else {
+                component.configurationDescriptor.nodeDefinition.uiResourceLoadError =
+                  this.translate.instant('rulenode.directive-is-not-loaded',
+                    {directiveName: nodeDefinition.configDirective});
+              }
+            }
+            return of(component);
+          })
+        ));
+      }
+      return forkJoin(tasks).pipe(
+        map((res) => {
+          return component;
+        }),
+        catchError(() => {
+          component.configurationDescriptor.nodeDefinition.uiResourceLoadError = this.translate.instant('rulenode.ui-resources-load-error');
+          return of(component);
+        })
+      );
+    } else {
+      return of(component);
+    }
+  }
+
+  private resolveRuleChain(ruleChainId: string): Observable<RuleChain> {
+    return this.getRuleChain(ruleChainId, {ignoreErrors: true}).pipe(
+      map(ruleChain => ruleChain),
+      catchError((err) => {
+        const ruleChain = {
+         id: {
+            entityType: EntityType.RULE_CHAIN,
+            id: ruleChainId
+          }
+        } as RuleChain;
+        return of(ruleChain);
+      })
+    );
+  }
+
+}
diff --git a/ui-ngx/src/app/core/http/tenant.service.ts b/ui-ngx/src/app/core/http/tenant.service.ts
new file mode 100644
index 0000000000..b98955f16b
--- /dev/null
+++ b/ui-ngx/src/app/core/http/tenant.service.ts
@@ -0,0 +1,50 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { defaultHttpOptionsFromConfig, RequestConfig } from './http-utils';
+import { Observable } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { PageLink } from '@shared/models/page/page-link';
+import { PageData } from '@shared/models/page/page-data';
+import { Tenant } from '@shared/models/tenant.model';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class TenantService {
+
+  constructor(
+    private http: HttpClient
+  ) { }
+
+  public getTenants(pageLink: PageLink, config?: RequestConfig): Observable<PageData<Tenant>> {
+    return this.http.get<PageData<Tenant>>(`/api/tenants${pageLink.toQuery()}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public getTenant(tenantId: string, config?: RequestConfig): Observable<Tenant> {
+    return this.http.get<Tenant>(`/api/tenant/${tenantId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public saveTenant(tenant: Tenant, config?: RequestConfig): Observable<Tenant> {
+    return this.http.post<Tenant>('/api/tenant', tenant, defaultHttpOptionsFromConfig(config));
+  }
+
+  public deleteTenant(tenantId: string, config?: RequestConfig) {
+    return this.http.delete(`/api/tenant/${tenantId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+}
diff --git a/ui-ngx/src/app/core/http/user.service.ts b/ui-ngx/src/app/core/http/user.service.ts
new file mode 100644
index 0000000000..5beb8017f9
--- /dev/null
+++ b/ui-ngx/src/app/core/http/user.service.ts
@@ -0,0 +1,79 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { defaultHttpOptionsFromConfig, RequestConfig } from './http-utils';
+import { User } from '@shared/models/user.model';
+import { Observable } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { PageLink } from '@shared/models/page/page-link';
+import { PageData } from '@shared/models/page/page-data';
+import { isDefined } from '@core/utils';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class UserService {
+
+  constructor(
+    private http: HttpClient
+  ) { }
+
+  public getTenantAdmins(tenantId: string, pageLink: PageLink,
+                         config?: RequestConfig): Observable<PageData<User>> {
+    return this.http.get<PageData<User>>(`/api/tenant/${tenantId}/users${pageLink.toQuery()}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getCustomerUsers(customerId: string, pageLink: PageLink,
+                          config?: RequestConfig): Observable<PageData<User>> {
+    return this.http.get<PageData<User>>(`/api/customer/${customerId}/users${pageLink.toQuery()}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getUser(userId: string, config?: RequestConfig): Observable<User> {
+    return this.http.get<User>(`/api/user/${userId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public saveUser(user: User, sendActivationMail: boolean = false,
+                  config?: RequestConfig): Observable<User> {
+    let url = '/api/user';
+    url += '?sendActivationMail=' + sendActivationMail;
+    return this.http.post<User>(url, user, defaultHttpOptionsFromConfig(config));
+  }
+
+  public deleteUser(userId: string, config?: RequestConfig) {
+    return this.http.delete(`/api/user/${userId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public getActivationLink(userId: string, config?: RequestConfig): Observable<string> {
+    return this.http.get(`/api/user/${userId}/activationLink`,
+      {...{responseType: 'text'}, ...defaultHttpOptionsFromConfig(config)});
+  }
+
+  public sendActivationEmail(email: string, config?: RequestConfig) {
+    return this.http.post(`/api/user/sendActivationMail?email=${email}`, null, defaultHttpOptionsFromConfig(config));
+  }
+
+  public setUserCredentialsEnabled(userId: string, userCredentialsEnabled?: boolean, config?: RequestConfig): Observable<any> {
+    let url = `/api/user/${userId}/userCredentialsEnabled`;
+    if (isDefined(userCredentialsEnabled)) {
+      url += `?userCredentialsEnabled=${userCredentialsEnabled}`;
+    }
+    return this.http.post<User>(url, null, defaultHttpOptionsFromConfig(config));
+  }
+
+}
diff --git a/ui-ngx/src/app/core/http/widget.service.ts b/ui-ngx/src/app/core/http/widget.service.ts
new file mode 100644
index 0000000000..35a1331060
--- /dev/null
+++ b/ui-ngx/src/app/core/http/widget.service.ts
@@ -0,0 +1,280 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { defaultHttpOptionsFromConfig, RequestConfig } from './http-utils';
+import { Observable, of, ReplaySubject, Subject } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { PageLink } from '@shared/models/page/page-link';
+import { PageData } from '@shared/models/page/page-data';
+import { WidgetsBundle } from '@shared/models/widgets-bundle.model';
+import { Widget, WidgetType, widgetType, widgetTypesData } from '@shared/models/widget.models';
+import { UtilsService } from '@core/services/utils.service';
+import { TranslateService } from '@ngx-translate/core';
+import { ResourcesService } from '../services/resources.service';
+import { toWidgetInfo, toWidgetType, WidgetInfo } from '@app/modules/home/models/widget-component.models';
+import { filter, map, mergeMap, tap } from 'rxjs/operators';
+import { WidgetTypeId } from '@shared/models/id/widget-type-id';
+import { NULL_UUID } from '@shared/models/id/has-uuid';
+import { ActivationEnd, Router } from '@angular/router';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class WidgetService {
+
+  private widgetTypeUpdatedSubject = new Subject<WidgetType>();
+  private widgetsBundleDeletedSubject = new Subject<WidgetsBundle>();
+
+  private allWidgetsBundles: Array<WidgetsBundle>;
+  private systemWidgetsBundles: Array<WidgetsBundle>;
+  private tenantWidgetsBundles: Array<WidgetsBundle>;
+
+  constructor(
+    private http: HttpClient,
+    private utils: UtilsService,
+    private resources: ResourcesService,
+    private translate: TranslateService,
+    private router: Router
+  ) {
+    this.router.events.pipe(filter(event => event instanceof ActivationEnd)).subscribe(
+      () => {
+        this.invalidateWidgetsBundleCache();
+      }
+    );
+  }
+
+  public getAllWidgetsBundles(config?: RequestConfig): Observable<Array<WidgetsBundle>> {
+    return this.loadWidgetsBundleCache(config).pipe(
+      map(() => this.allWidgetsBundles)
+    );
+  }
+
+  public getSystemWidgetsBundles(config?: RequestConfig): Observable<Array<WidgetsBundle>> {
+    return this.loadWidgetsBundleCache(config).pipe(
+      map(() => this.systemWidgetsBundles)
+    );
+  }
+
+  public getTenantWidgetsBundles(config?: RequestConfig): Observable<Array<WidgetsBundle>> {
+    return this.loadWidgetsBundleCache(config).pipe(
+      map(() => this.tenantWidgetsBundles)
+    );
+  }
+
+  public getWidgetBundles(pageLink: PageLink, config?: RequestConfig): Observable<PageData<WidgetsBundle>> {
+    return this.http.get<PageData<WidgetsBundle>>(`/api/widgetsBundles${pageLink.toQuery()}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getWidgetsBundle(widgetsBundleId: string,
+                          config?: RequestConfig): Observable<WidgetsBundle> {
+    return this.http.get<WidgetsBundle>(`/api/widgetsBundle/${widgetsBundleId}`, defaultHttpOptionsFromConfig(config));
+  }
+
+  public saveWidgetsBundle(widgetsBundle: WidgetsBundle,
+                           config?: RequestConfig): Observable<WidgetsBundle> {
+    return this.http.post<WidgetsBundle>('/api/widgetsBundle', widgetsBundle,
+      defaultHttpOptionsFromConfig(config)).pipe(
+      tap(() => {
+        this.invalidateWidgetsBundleCache();
+      })
+    );
+  }
+
+  public deleteWidgetsBundle(widgetsBundleId: string, config?: RequestConfig) {
+    return this.getWidgetsBundle(widgetsBundleId, config).pipe(
+      mergeMap((widgetsBundle) => {
+        return this.http.delete(`/api/widgetsBundle/${widgetsBundleId}`,
+          defaultHttpOptionsFromConfig(config)).pipe(
+          tap(() => {
+            this.invalidateWidgetsBundleCache();
+            this.widgetsBundleDeletedSubject.next(widgetsBundle);
+          })
+        );
+      }
+    ));
+  }
+
+  public getBundleWidgetTypes(bundleAlias: string, isSystem: boolean,
+                              config?: RequestConfig): Observable<Array<WidgetType>> {
+    return this.http.get<Array<WidgetType>>(`/api/widgetTypes?isSystem=${isSystem}&bundleAlias=${bundleAlias}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public loadBundleLibraryWidgets(bundleAlias: string, isSystem: boolean,
+                                  config?: RequestConfig): Observable<Array<Widget>> {
+    return this.getBundleWidgetTypes(bundleAlias, isSystem, config).pipe(
+      map((types) => {
+        types = types.sort((a, b) => {
+          let result = widgetType[b.descriptor.type].localeCompare(widgetType[a.descriptor.type]);
+          if (result === 0) {
+            result = b.createdTime - a.createdTime;
+          }
+          return result;
+        });
+        const widgetTypes = new Array<Widget>();
+        let top = 0;
+        const lastTop = [0, 0, 0];
+        let col = 0;
+        let column = 0;
+        types.forEach((type) => {
+          const widgetTypeInfo = toWidgetInfo(type);
+          const sizeX = 8;
+          const sizeY = Math.floor(widgetTypeInfo.sizeY);
+          const widget: Widget = {
+            typeId: type.id,
+            isSystemType: isSystem,
+            bundleAlias,
+            typeAlias: widgetTypeInfo.alias,
+            type: widgetTypeInfo.type,
+            title: widgetTypeInfo.widgetName,
+            sizeX,
+            sizeY,
+            row: top,
+            col,
+            config: JSON.parse(widgetTypeInfo.defaultConfig)
+          };
+
+          widget.config.title = widgetTypeInfo.widgetName;
+
+          widgetTypes.push(widget);
+          top += sizeY;
+          if (top > lastTop[column] + 10) {
+            lastTop[column] = top;
+            column++;
+            if (column > 2) {
+              column = 0;
+            }
+            top = lastTop[column];
+            col = column * 8;
+          }
+        });
+        return widgetTypes;
+      })
+    );
+  }
+
+  public getWidgetType(bundleAlias: string, widgetTypeAlias: string, isSystem: boolean,
+                       config?: RequestConfig): Observable<WidgetType> {
+    return this.http.get<WidgetType>(`/api/widgetType?isSystem=${isSystem}&bundleAlias=${bundleAlias}&alias=${widgetTypeAlias}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public saveWidgetType(widgetInfo: WidgetInfo,
+                        id: WidgetTypeId,
+                        bundleAlias: string,
+                        config?: RequestConfig): Observable<WidgetType> {
+    const widgetTypeInstance = toWidgetType(widgetInfo, id, undefined, bundleAlias);
+    return this.http.post<WidgetType>('/api/widgetType', widgetTypeInstance,
+      defaultHttpOptionsFromConfig(config)).pipe(
+      tap((savedWidgetType) => {
+        this.widgetTypeUpdatedSubject.next(savedWidgetType);
+      }));
+  }
+
+  public saveImportedWidgetType(widgetTypeInstance: WidgetType,
+                                config?: RequestConfig): Observable<WidgetType> {
+    return this.http.post<WidgetType>('/api/widgetType', widgetTypeInstance,
+      defaultHttpOptionsFromConfig(config)).pipe(
+      tap((savedWidgetType) => {
+        this.widgetTypeUpdatedSubject.next(savedWidgetType);
+      }));
+  }
+
+  public deleteWidgetType(bundleAlias: string, widgetTypeAlias: string, isSystem: boolean,
+                          config?: RequestConfig) {
+    return this.getWidgetType(bundleAlias, widgetTypeAlias, isSystem, config).pipe(
+      mergeMap((widgetTypeInstance) => {
+          return this.http.delete(`/api/widgetType/${widgetTypeInstance.id.id}`,
+            defaultHttpOptionsFromConfig(config)).pipe(
+            tap(() => {
+              this.widgetTypeUpdatedSubject.next(widgetTypeInstance);
+            })
+          );
+        }
+      ));
+  }
+
+  public getWidgetTypeById(widgetTypeId: string,
+                           config?: RequestConfig): Observable<WidgetType> {
+    return this.http.get<WidgetType>(`/api/widgetType/${widgetTypeId}`,
+      defaultHttpOptionsFromConfig(config));
+  }
+
+  public getWidgetTemplate(widgetTypeParam: widgetType,
+                           config?: RequestConfig): Observable<WidgetInfo> {
+    const templateWidgetType = widgetTypesData.get(widgetTypeParam);
+    return this.getWidgetType(templateWidgetType.template.bundleAlias, templateWidgetType.template.alias, true,
+      config).pipe(
+        map((result) => {
+          const widgetInfo = toWidgetInfo(result);
+          widgetInfo.alias = undefined;
+          return widgetInfo;
+        })
+      );
+  }
+
+  public onWidgetTypeUpdated(): Observable<WidgetType> {
+    return this.widgetTypeUpdatedSubject.asObservable();
+  }
+
+  public onWidgetBundleDeleted(): Observable<WidgetsBundle> {
+    return this.widgetsBundleDeletedSubject.asObservable();
+  }
+
+  private loadWidgetsBundleCache(config?: RequestConfig): Observable<any> {
+    if (!this.allWidgetsBundles) {
+      const loadWidgetsBundleCacheSubject = new ReplaySubject();
+      this.http.get<Array<WidgetsBundle>>('/api/widgetsBundles',
+        defaultHttpOptionsFromConfig(config)).subscribe(
+        (allWidgetsBundles) => {
+          this.allWidgetsBundles = allWidgetsBundles;
+          this.systemWidgetsBundles = new Array<WidgetsBundle>();
+          this.tenantWidgetsBundles = new Array<WidgetsBundle>();
+          this.allWidgetsBundles = this.allWidgetsBundles.sort((wb1, wb2) => {
+            let res = wb1.title.localeCompare(wb2.title);
+            if (res === 0) {
+              res = wb2.createdTime - wb1.createdTime;
+            }
+            return res;
+          });
+          this.allWidgetsBundles.forEach((widgetsBundle) => {
+            if (widgetsBundle.tenantId.id === NULL_UUID) {
+              this.systemWidgetsBundles.push(widgetsBundle);
+            } else {
+              this.tenantWidgetsBundles.push(widgetsBundle);
+            }
+          });
+          loadWidgetsBundleCacheSubject.next();
+          loadWidgetsBundleCacheSubject.complete();
+        },
+        () => {
+          loadWidgetsBundleCacheSubject.error(null);
+        });
+      return loadWidgetsBundleCacheSubject.asObservable();
+    } else {
+      return of(null);
+    }
+  }
+
+  private invalidateWidgetsBundleCache() {
+    this.allWidgetsBundles = undefined;
+    this.systemWidgetsBundles = undefined;
+    this.tenantWidgetsBundles = undefined;
+  }
+
+}
diff --git a/ui-ngx/src/app/core/interceptors/global-http-interceptor.ts b/ui-ngx/src/app/core/interceptors/global-http-interceptor.ts
new file mode 100644
index 0000000000..b2167414c3
--- /dev/null
+++ b/ui-ngx/src/app/core/interceptors/global-http-interceptor.ts
@@ -0,0 +1,274 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  HttpErrorResponse,
+  HttpEvent,
+  HttpHandler,
+  HttpInterceptor,
+  HttpRequest,
+  HttpResponseBase
+} from '@angular/common/http';
+import { Observable } from 'rxjs/internal/Observable';
+import { Inject, Injectable } from '@angular/core';
+import { AuthService } from '@core/auth/auth.service';
+import { Constants } from '@shared/models/constants';
+import { InterceptorHttpParams } from './interceptor-http-params';
+import { catchError, delay, mergeMap, switchMap, tap } from 'rxjs/operators';
+import { throwError } from 'rxjs/internal/observable/throwError';
+import { of } from 'rxjs/internal/observable/of';
+import { InterceptorConfig } from './interceptor-config';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { ActionLoadFinish, ActionLoadStart } from './load.actions';
+import { ActionNotificationShow } from '@app/core/notification/notification.actions';
+import { DialogService } from '@core/services/dialog.service';
+import { TranslateService } from '@ngx-translate/core';
+
+let tmpHeaders = {};
+
+@Injectable()
+export class GlobalHttpInterceptor implements HttpInterceptor {
+
+  private AUTH_SCHEME = 'Bearer ';
+  private AUTH_HEADER_NAME = 'X-Authorization';
+
+  private internalUrlPrefixes = [
+    '/api/auth/token',
+    '/api/plugins/rpc'
+  ];
+
+  private activeRequests = 0;
+
+  constructor(@Inject(Store) private store: Store<AppState>,
+              @Inject(DialogService) private dialogService: DialogService,
+              @Inject(TranslateService) private translate: TranslateService,
+              @Inject(AuthService) private authService: AuthService) {
+  }
+
+  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    if (req.url.startsWith('/api/')) {
+      const config = this.getInterceptorConfig(req);
+      const isLoading = !this.isInternalUrlPrefix(req.url);
+      this.updateLoadingState(config, isLoading);
+      if (this.isTokenBasedAuthEntryPoint(req.url)) {
+        if (!AuthService.getJwtToken() && !this.authService.refreshTokenPending()) {
+          return this.handleResponseError(req, next, new HttpErrorResponse({error: {message: 'Unauthorized!'}, status: 401}));
+        } else if (!AuthService.isJwtTokenValid()) {
+          return this.handleResponseError(req, next, new HttpErrorResponse({error: {refreshTokenPending: true}}));
+        } else {
+          return this.jwtIntercept(req, next);
+        }
+      } else {
+        return this.handleRequest(req, next);
+      }
+    } else {
+      return next.handle(req);
+    }
+  }
+
+  private jwtIntercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    const newReq = this.updateAuthorizationHeader(req);
+    if (newReq) {
+      return this.handleRequest(newReq, next);
+    } else {
+      return this.handleRequestError(req, new Error('Could not get JWT token from store.'));
+    }
+  }
+
+  private handleRequest(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    return next.handle(req).pipe(
+      tap((event: HttpEvent<any>) => {
+        if (event instanceof HttpResponseBase) {
+          this.handleResponse(req, event as HttpResponseBase);
+        }
+      }),
+      catchError((err) => {
+        const errorResponse = err as HttpErrorResponse;
+        return this.handleResponseError(req, next, errorResponse);
+      }));
+  }
+
+  private handleRequestError(req: HttpRequest<any>, err): Observable<HttpEvent<any>> {
+    const config = this.getInterceptorConfig(req);
+    if (req.url.startsWith('/api/')) {
+      this.updateLoadingState(config, false);
+    }
+    return throwError(err);
+  }
+
+  private handleResponse(req: HttpRequest<any>, response: HttpResponseBase) {
+    const config = this.getInterceptorConfig(req);
+    if (req.url.startsWith('/api/')) {
+      this.updateLoadingState(config, false);
+    }
+  }
+
+  private handleResponseError(req: HttpRequest<any>, next: HttpHandler, errorResponse: HttpErrorResponse): Observable<HttpEvent<any>> {
+    const config = this.getInterceptorConfig(req);
+    if (req.url.startsWith('/api/')) {
+      this.updateLoadingState(config, false);
+    }
+    let unhandled = false;
+    const ignoreErrors = config.ignoreErrors;
+    const resendRequest = config.resendRequest;
+    const errorCode = errorResponse.error ? errorResponse.error.errorCode : null;
+    if (errorResponse.error && errorResponse.error.refreshTokenPending || errorResponse.status === 401) {
+      if (errorResponse.error && errorResponse.error.refreshTokenPending ||
+          errorCode && errorCode === Constants.serverErrorCode.jwtTokenExpired) {
+          return this.refreshTokenAndRetry(req, next);
+      } else if (errorCode !== Constants.serverErrorCode.credentialsExpired) {
+        unhandled = true;
+      }
+    } else if (errorResponse.status === 429) {
+      if (resendRequest) {
+        return this.retryRequest(req, next);
+      }
+    } else if (errorResponse.status === 403) {
+      if (!ignoreErrors) {
+        this.dialogService.forbidden();
+      }
+    } else if (errorResponse.status === 0 || errorResponse.status === -1) {
+        this.showError('Unable to connect');
+    } else if (!req.url.startsWith('/api/plugins/rpc')) {
+      if (errorResponse.status === 404) {
+        if (!ignoreErrors) {
+          this.showError(req.method + ': ' + req.url + '<br/>' +
+            errorResponse.status + ': ' + errorResponse.statusText);
+        }
+      } else {
+        unhandled = true;
+      }
+    }
+
+    if (unhandled && !ignoreErrors) {
+      let error = null;
+      if (req.responseType === 'text') {
+        try {
+          error = errorResponse.error ? JSON.parse(errorResponse.error) : null;
+        } catch (e) {}
+      } else {
+        error = errorResponse.error;
+      }
+      if (error && !error.message) {
+        this.showError(this.prepareMessageFromData(error));
+      } else if (error && error.message) {
+        this.showError(error.message, error.timeout ? error.timeout : 0);
+      } else {
+        this.showError('Unhandled error code ' + (error ? error.status : '\'Unknown\''));
+      }
+    }
+    return throwError(errorResponse);
+  }
+
+  private prepareMessageFromData(data) {
+    if (typeof data === 'object' && data.constructor === ArrayBuffer) {
+      const msg = String.fromCharCode.apply(null, new Uint8Array(data));
+      try {
+        const msgObj = JSON.parse(msg);
+        if (msgObj.message) {
+          return msgObj.message;
+        } else {
+          return msg;
+        }
+      } catch (e) {
+        return msg;
+      }
+    } else {
+      return data;
+    }
+  }
+
+  private retryRequest(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    const thisTimeout =  1000 + Math.random() * 3000;
+    return of(null).pipe(
+      delay(thisTimeout),
+      mergeMap(() => {
+        return this.jwtIntercept(req, next);
+      }
+    ));
+  }
+
+  private refreshTokenAndRetry(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    return this.authService.refreshJwtToken().pipe(switchMap(() => {
+      return this.jwtIntercept(req, next);
+    }),
+    catchError((err: Error) => {
+      this.authService.logout(true);
+      const message = err ? err.message : 'Unauthorized!';
+      return this.handleResponseError(req, next, new HttpErrorResponse({error: {message, timeout: 200}, status: 401}));
+    }));
+  }
+
+  private updateAuthorizationHeader(req: HttpRequest<any>): HttpRequest<any> {
+    const jwtToken = AuthService.getJwtToken();
+    if (jwtToken) {
+      req = req.clone({
+        setHeaders: (tmpHeaders = {},
+          tmpHeaders[this.AUTH_HEADER_NAME] = '' + this.AUTH_SCHEME + jwtToken,
+          tmpHeaders)
+      });
+      return req;
+    } else {
+      return null;
+    }
+  }
+
+  private isInternalUrlPrefix(url): boolean {
+    for (const index in this.internalUrlPrefixes) {
+      if (url.startsWith(this.internalUrlPrefixes[index])) {
+        return true;
+      }
+    }
+    return false;
+  }
+
+  private isTokenBasedAuthEntryPoint(url): boolean {
+    return  url.startsWith('/api/') &&
+      !url.startsWith(Constants.entryPoints.login) &&
+      !url.startsWith(Constants.entryPoints.tokenRefresh) &&
+      !url.startsWith(Constants.entryPoints.nonTokenBased);
+  }
+
+  private updateLoadingState(config: InterceptorConfig, isLoading: boolean) {
+    if (!config.ignoreLoading) {
+      if (isLoading) {
+        this.activeRequests++;
+      } else {
+        this.activeRequests--;
+      }
+      if (this.activeRequests === 1) {
+        this.store.dispatch(new ActionLoadStart());
+      } else if (this.activeRequests === 0) {
+        this.store.dispatch(new ActionLoadFinish());
+      }
+    }
+  }
+
+  private getInterceptorConfig(req: HttpRequest<any>): InterceptorConfig {
+    if (req.params && req.params instanceof InterceptorHttpParams) {
+      return (req.params as InterceptorHttpParams).interceptorConfig;
+    } else {
+      return new InterceptorConfig(false, false);
+    }
+  }
+
+  private showError(error: string, timeout: number = 0) {
+    setTimeout(() => {
+      this.store.dispatch(new ActionNotificationShow({message: error, type: 'error'}));
+    }, timeout);
+  }
+}
diff --git a/ui-ngx/src/app/core/interceptors/interceptor-config.ts b/ui-ngx/src/app/core/interceptors/interceptor-config.ts
new file mode 100644
index 0000000000..967d0764e7
--- /dev/null
+++ b/ui-ngx/src/app/core/interceptors/interceptor-config.ts
@@ -0,0 +1,21 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export class InterceptorConfig {
+  constructor(public ignoreLoading: boolean = false,
+              public ignoreErrors: boolean = false,
+              public resendRequest: boolean = false) {}
+}
diff --git a/ui-ngx/src/app/core/interceptors/interceptor-http-params.ts b/ui-ngx/src/app/core/interceptors/interceptor-http-params.ts
new file mode 100644
index 0000000000..7a6f8468a4
--- /dev/null
+++ b/ui-ngx/src/app/core/interceptors/interceptor-http-params.ts
@@ -0,0 +1,27 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { HttpParams } from '@angular/common/http';
+import { InterceptorConfig } from './interceptor-config';
+
+export class InterceptorHttpParams extends HttpParams {
+  constructor(
+    public interceptorConfig: InterceptorConfig,
+    params?: { [param: string]: string | string[] }
+  ) {
+    super({ fromObject: params });
+  }
+}
diff --git a/ui-ngx/src/app/core/interceptors/load.actions.ts b/ui-ngx/src/app/core/interceptors/load.actions.ts
new file mode 100644
index 0000000000..7ae98d1a35
--- /dev/null
+++ b/ui-ngx/src/app/core/interceptors/load.actions.ts
@@ -0,0 +1,32 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Action } from '@ngrx/store';
+
+export enum LoadActionTypes {
+  START_LOAD = '[Load] Start',
+  FINISH_LOAD = '[Load] Finish'
+}
+
+export class ActionLoadStart implements Action {
+  readonly type = LoadActionTypes.START_LOAD;
+}
+
+export class ActionLoadFinish implements Action {
+  readonly type = LoadActionTypes.FINISH_LOAD;
+}
+
+export type LoadActions = ActionLoadStart | ActionLoadFinish;
diff --git a/ui-ngx/src/app/core/interceptors/load.models.ts b/ui-ngx/src/app/core/interceptors/load.models.ts
new file mode 100644
index 0000000000..10a07afd98
--- /dev/null
+++ b/ui-ngx/src/app/core/interceptors/load.models.ts
@@ -0,0 +1,19 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export interface LoadState {
+  isLoading: boolean;
+}
diff --git a/ui-ngx/src/app/core/interceptors/load.reducer.ts b/ui-ngx/src/app/core/interceptors/load.reducer.ts
new file mode 100644
index 0000000000..6223f392e7
--- /dev/null
+++ b/ui-ngx/src/app/core/interceptors/load.reducer.ts
@@ -0,0 +1,38 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { LoadState } from './load.models';
+import { LoadActions, LoadActionTypes } from './load.actions';
+
+export const initialState: LoadState = {
+  isLoading: false
+};
+
+export function loadReducer(
+  state: LoadState = initialState,
+  action: LoadActions
+): LoadState {
+  switch (action.type) {
+    case LoadActionTypes.START_LOAD:
+      return { ...state, isLoading: true };
+
+    case LoadActionTypes.FINISH_LOAD:
+      return { ...state, isLoading: false };
+
+    default:
+      return state;
+  }
+}
diff --git a/ui-ngx/src/app/core/interceptors/load.selectors.ts b/ui-ngx/src/app/core/interceptors/load.selectors.ts
new file mode 100644
index 0000000000..280653361f
--- /dev/null
+++ b/ui-ngx/src/app/core/interceptors/load.selectors.ts
@@ -0,0 +1,45 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { createFeatureSelector, createSelector, select, Store } from '@ngrx/store';
+
+import { AppState } from '../core.state';
+import { LoadState } from './load.models';
+import { AuthUser } from '@shared/models/user.model';
+import { take } from 'rxjs/operators';
+import { selectAuthUser } from '@core/auth/auth.selectors';
+
+export const selectLoadState = createFeatureSelector<AppState, LoadState>(
+  'load'
+);
+
+export const selectLoad = createSelector(
+  selectLoadState,
+  (state: LoadState) => state
+);
+
+export const selectIsLoading = createSelector(
+  selectLoadState,
+  (state: LoadState) => state.isLoading
+);
+
+export function getCurrentIsLoading(store: Store<AppState>): boolean {
+  let isLoading: boolean;
+  store.pipe(select(selectIsLoading), take(1)).subscribe(
+    val => isLoading = val
+  );
+  return isLoading;
+}
diff --git a/ui-ngx/src/app/core/local-storage/local-storage.service.ts b/ui-ngx/src/app/core/local-storage/local-storage.service.ts
new file mode 100644
index 0000000000..37ea7ad062
--- /dev/null
+++ b/ui-ngx/src/app/core/local-storage/local-storage.service.ts
@@ -0,0 +1,88 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+
+const APP_PREFIX = 'TB-';
+
+// @dynamic
+@Injectable(
+  {
+    providedIn: 'root'
+  }
+)
+export class LocalStorageService {
+  constructor() {}
+
+  static loadInitialState() {
+    return Object.keys(localStorage).reduce((state: any, storageKey) => {
+      if (storageKey.includes(APP_PREFIX)) {
+        const stateKeys = storageKey
+          .replace(APP_PREFIX, '')
+          .toLowerCase()
+          .split('.')
+          .map(key =>
+            key
+              .split('-')
+              .map(
+                (token, index) =>
+                  index === 0
+                    ? token
+                    : token.charAt(0).toUpperCase() + token.slice(1)
+              )
+              .join('')
+          );
+        let currentStateRef = state;
+        stateKeys.forEach((key, index) => {
+          if (index === stateKeys.length - 1) {
+            currentStateRef[key] = JSON.parse(localStorage.getItem(storageKey));
+            return;
+          }
+          currentStateRef[key] = currentStateRef[key] || {};
+          currentStateRef = currentStateRef[key];
+        });
+      }
+      return state;
+    }, {});
+  }
+
+  setItem(key: string, value: any) {
+    localStorage.setItem(`${APP_PREFIX}${key}`, JSON.stringify(value));
+  }
+
+  getItem(key: string) {
+    return JSON.parse(localStorage.getItem(`${APP_PREFIX}${key}`));
+  }
+
+  removeItem(key: string) {
+    localStorage.removeItem(`${APP_PREFIX}${key}`);
+  }
+  /** Tests that localStorage exists, can be written to, and read from. */
+  testLocalStorage() {
+    const testValue = 'testValue';
+    const testKey = 'testKey';
+    let retrievedValue: string;
+    const errorMessage = 'localStorage did not return expected value';
+
+    this.setItem(testKey, testValue);
+    retrievedValue = this.getItem(testKey);
+    this.removeItem(testKey);
+
+    if (retrievedValue !== testValue) {
+      throw new Error(errorMessage);
+    }
+  }
+}
diff --git a/ui-ngx/src/app/core/meta-reducers/debug.reducer.ts b/ui-ngx/src/app/core/meta-reducers/debug.reducer.ts
new file mode 100644
index 0000000000..a056ba0294
--- /dev/null
+++ b/ui-ngx/src/app/core/meta-reducers/debug.reducer.ts
@@ -0,0 +1,33 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { ActionReducer } from '@ngrx/store';
+
+import { AppState } from '../core.state';
+
+export function debug(
+  reducer: ActionReducer<AppState>
+): ActionReducer<AppState> {
+  return (state, action) => {
+    const newState = reducer(state, action);
+    console.log(`[DEBUG] action: ${action.type}`, {
+      payload: (action as any).payload,
+      oldState: state,
+      newState
+    });
+    return newState;
+  };
+}
diff --git a/ui-ngx/src/app/core/meta-reducers/init-state-from-local-storage.reducer.ts b/ui-ngx/src/app/core/meta-reducers/init-state-from-local-storage.reducer.ts
new file mode 100644
index 0000000000..2e02ea94d2
--- /dev/null
+++ b/ui-ngx/src/app/core/meta-reducers/init-state-from-local-storage.reducer.ts
@@ -0,0 +1,32 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { ActionReducer, INIT, UPDATE } from '@ngrx/store';
+
+import { LocalStorageService } from '../local-storage/local-storage.service';
+import { AppState } from '../core.state';
+
+export function initStateFromLocalStorage(
+  reducer: ActionReducer<AppState>
+): ActionReducer<AppState> {
+  return (state, action) => {
+    const newState = reducer(state, action);
+    if ([INIT.toString(), UPDATE.toString()].includes(action.type)) {
+      return { ...newState, ...LocalStorageService.loadInitialState() };
+    }
+    return newState;
+  };
+}
diff --git a/ui-ngx/src/app/core/notification/notification.actions.ts b/ui-ngx/src/app/core/notification/notification.actions.ts
new file mode 100644
index 0000000000..a7cc19fe14
--- /dev/null
+++ b/ui-ngx/src/app/core/notification/notification.actions.ts
@@ -0,0 +1,38 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Action } from '@ngrx/store';
+import { NotificationMessage, HideNotification } from '@app/core/notification/notification.models';
+
+export enum NotificationActionTypes {
+  SHOW_NOTIFICATION = '[Notification] Show',
+  HIDE_NOTIFICATION = '[Notification] Hide'
+}
+
+export class ActionNotificationShow implements Action {
+  readonly type = NotificationActionTypes.SHOW_NOTIFICATION;
+
+  constructor(readonly notification: NotificationMessage ) {}
+}
+
+export class ActionNotificationHide implements Action {
+  readonly type = NotificationActionTypes.HIDE_NOTIFICATION;
+
+  constructor(readonly hideNotification: HideNotification ) {}
+}
+
+export type NotificationActions =
+  | ActionNotificationShow | ActionNotificationHide;
diff --git a/ui-ngx/src/app/core/notification/notification.effects.ts b/ui-ngx/src/app/core/notification/notification.effects.ts
new file mode 100644
index 0000000000..017ba5fd77
--- /dev/null
+++ b/ui-ngx/src/app/core/notification/notification.effects.ts
@@ -0,0 +1,56 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { Actions, Effect, ofType } from '@ngrx/effects';
+import {
+  map,
+} from 'rxjs/operators';
+
+import {
+  NotificationActions,
+  NotificationActionTypes
+} from '@app/core/notification/notification.actions';
+import { NotificationService } from '@app/core/services/notification.service';
+
+@Injectable()
+export class NotificationEffects {
+  constructor(
+    private actions$: Actions<NotificationActions>,
+    private notificationService: NotificationService
+  ) {
+  }
+
+  @Effect({dispatch: false})
+  dispatchNotification = this.actions$.pipe(
+    ofType(
+      NotificationActionTypes.SHOW_NOTIFICATION,
+    ),
+    map(({ notification }) => {
+      this.notificationService.dispatchNotification(notification);
+    })
+  );
+
+  @Effect({dispatch: false})
+  hideNotification = this.actions$.pipe(
+    ofType(
+      NotificationActionTypes.HIDE_NOTIFICATION,
+    ),
+    map(({ hideNotification }) => {
+      this.notificationService.hideNotification(hideNotification);
+    })
+  );
+}
diff --git a/ui-ngx/src/app/core/notification/notification.models.ts b/ui-ngx/src/app/core/notification/notification.models.ts
new file mode 100644
index 0000000000..312298d3e4
--- /dev/null
+++ b/ui-ngx/src/app/core/notification/notification.models.ts
@@ -0,0 +1,40 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+
+export interface NotificationState {
+  notification: NotificationMessage;
+  hideNotification: HideNotification;
+}
+
+export declare type NotificationType = 'info' | 'success' | 'error';
+export declare type NotificationHorizontalPosition = 'start' | 'center' | 'end' | 'left' | 'right';
+export declare type NotificationVerticalPosition = 'top' | 'bottom';
+
+export class NotificationMessage {
+  message: string;
+  type: NotificationType;
+  target?: string;
+  duration?: number;
+  forceDismiss?: boolean;
+  horizontalPosition?: NotificationHorizontalPosition;
+  verticalPosition?: NotificationVerticalPosition;
+  panelClass?: string | string[];
+}
+
+export class HideNotification {
+  target?: string;
+}
diff --git a/ui-ngx/src/app/core/notification/notification.reducer.ts b/ui-ngx/src/app/core/notification/notification.reducer.ts
new file mode 100644
index 0000000000..74de03af58
--- /dev/null
+++ b/ui-ngx/src/app/core/notification/notification.reducer.ts
@@ -0,0 +1,37 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NotificationState } from './notification.models';
+import { NotificationActions, NotificationActionTypes } from './notification.actions';
+
+export const initialState: NotificationState = {
+  notification: null,
+  hideNotification: null
+};
+
+export function notificationReducer(
+  state: NotificationState = initialState,
+  action: NotificationActions
+): NotificationState {
+  switch (action.type) {
+    case NotificationActionTypes.SHOW_NOTIFICATION:
+      return { ...state, notification: action.notification };
+    case NotificationActionTypes.HIDE_NOTIFICATION:
+      return { ...state, hideNotification: action.hideNotification };
+    default:
+      return state;
+  }
+}
diff --git a/ui-ngx/src/app/core/operator/enterZone.ts b/ui-ngx/src/app/core/operator/enterZone.ts
new file mode 100644
index 0000000000..b7c005bd96
--- /dev/null
+++ b/ui-ngx/src/app/core/operator/enterZone.ts
@@ -0,0 +1,44 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+
+import { MonoTypeOperatorFunction, Observable, Operator, Subscriber } from 'rxjs';
+
+export type EnterZoneSignature<T> = (zone: { run: (fn: any) => any }) => Observable<T>;
+
+export function enterZone<T>(zone: { run: (fn: any) => any }): MonoTypeOperatorFunction<T> {
+  return (source: Observable<T>) => {
+    return source.lift(new EnterZoneOperator(zone));
+  };
+}
+
+export class EnterZoneOperator<T> implements Operator<T, T> {
+  constructor(private zone: { run: (fn: any) => any }) { }
+
+  call(subscriber: Subscriber<T>, source: any): any {
+    return source._subscribe(new EnterZoneSubscriber(subscriber, this.zone));
+  }
+}
+
+class EnterZoneSubscriber<T> extends Subscriber<T> {
+  constructor(destination: Subscriber<T>, private zone: { run: (fn: any) => any }) {
+    super(destination);
+  }
+
+  protected _next(value: T) {
+    this.zone.run(() => this.destination.next(value));
+  }
+}
diff --git a/ui-ngx/src/app/core/public-api.ts b/ui-ngx/src/app/core/public-api.ts
new file mode 100644
index 0000000000..0d7f93c1d8
--- /dev/null
+++ b/ui-ngx/src/app/core/public-api.ts
@@ -0,0 +1,23 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export * from './api/public-api';
+export * from './http/public-api';
+export * from './local-storage/local-storage.service';
+export * from './services/public-api';
+export * from './ws/telemetry-websocket.service';
+export * from './core.state';
+export * from './core.module';
diff --git a/ui-ngx/src/app/core/services/broadcast.models.ts b/ui-ngx/src/app/core/services/broadcast.models.ts
new file mode 100644
index 0000000000..99c0a0a905
--- /dev/null
+++ b/ui-ngx/src/app/core/services/broadcast.models.ts
@@ -0,0 +1,27 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+
+export interface BroadcastMessage {
+  name: string;
+  args?: Array<any>;
+}
+
+export interface BroadcastEvent {
+  name: string;
+}
+
+export type BroadcastListener = (event: BroadcastEvent, ...args: Array<any>) => void;
diff --git a/ui-ngx/src/app/core/services/broadcast.service.ts b/ui-ngx/src/app/core/services/broadcast.service.ts
new file mode 100644
index 0000000000..90a8bcff4c
--- /dev/null
+++ b/ui-ngx/src/app/core/services/broadcast.service.ts
@@ -0,0 +1,51 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Injectable} from '@angular/core';
+import {Subject, Subscription} from 'rxjs';
+import {NotificationMessage} from '@core/notification/notification.models';
+import {BroadcastEvent, BroadcastListener, BroadcastMessage} from '@core/services/broadcast.models';
+import {filter} from 'rxjs/operators';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class BroadcastService {
+
+  private broadcastSubject: Subject<BroadcastMessage> = new Subject();
+
+  broadcast(name: string, ...args: Array<any>) {
+    const message = {
+      name,
+      args
+    } as BroadcastMessage;
+    this.broadcastSubject.next(message);
+  }
+
+  on(name: string, listener: BroadcastListener): Subscription {
+    return this.broadcastSubject.asObservable().pipe(
+      filter((message) => message.name === name)
+    ).subscribe(
+      (message) => {
+        const event = {
+          name: message.name
+        } as BroadcastEvent;
+        listener(event, message.args);
+      }
+    );
+  }
+
+}
diff --git a/ui-ngx/src/app/core/services/dashboard-utils.service.ts b/ui-ngx/src/app/core/services/dashboard-utils.service.ts
new file mode 100644
index 0000000000..c892d02c34
--- /dev/null
+++ b/ui-ngx/src/app/core/services/dashboard-utils.service.ts
@@ -0,0 +1,623 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { UtilsService } from '@core/services/utils.service';
+import { TimeService } from '@core/services/time.service';
+import {
+  Dashboard,
+  DashboardConfiguration,
+  DashboardLayout,
+  DashboardLayoutId,
+  DashboardLayoutInfo,
+  DashboardLayoutsInfo,
+  DashboardState,
+  DashboardStateLayouts,
+  GridSettings,
+  WidgetLayout
+} from '@shared/models/dashboard.models';
+import { isDefined, isString, isUndefined } from '@core/utils';
+import { Datasource, DatasourceType, Widget } from '@app/shared/models/widget.models';
+import { EntityType } from '@shared/models/entity-type.models';
+import { AliasFilterType, EntityAlias, EntityAliasFilter } from '@app/shared/models/alias.models';
+import { EntityId } from '@app/shared/models/id/entity-id';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class DashboardUtilsService {
+
+  constructor(private utils: UtilsService,
+              private timeService: TimeService) {
+  }
+
+  public validateAndUpdateDashboard(dashboard: Dashboard): Dashboard {
+    if (!dashboard.configuration) {
+      dashboard.configuration = {};
+    }
+    if (isUndefined(dashboard.configuration.widgets)) {
+      dashboard.configuration.widgets = {};
+    } else if (Array.isArray(dashboard.configuration.widgets)) {
+      const widgetsMap: {[id: string]: Widget} = {};
+      dashboard.configuration.widgets.forEach((widget) => {
+        if (!widget.id) {
+          widget.id = this.utils.guid();
+        }
+        widgetsMap[widget.id] = widget;
+      });
+      dashboard.configuration.widgets = widgetsMap;
+    }
+    for (const id of Object.keys(dashboard.configuration.widgets)) {
+      const widget = dashboard.configuration.widgets[id];
+      dashboard.configuration.widgets[id] = this.validateAndUpdateWidget(widget);
+    }
+    if (isUndefined(dashboard.configuration.states)) {
+      dashboard.configuration.states = {
+        default: this.createDefaultState(dashboard.title, true)
+      };
+
+      const mainLayout = dashboard.configuration.states.default.layouts.main;
+      for (const id of Object.keys(dashboard.configuration.widgets)) {
+        const widget = dashboard.configuration.widgets[id];
+        mainLayout.widgets[id] = {
+          sizeX: widget.sizeX,
+          sizeY: widget.sizeY,
+          row: widget.row,
+          col: widget.col
+        };
+        if (isDefined(widget.config.mobileHeight)) {
+          mainLayout.widgets[id].mobileHeight = widget.config.mobileHeight;
+        }
+        if (isDefined(widget.config.mobileOrder)) {
+          mainLayout.widgets[id].mobileOrder = widget.config.mobileOrder;
+        }
+      }
+    } else {
+      const states = dashboard.configuration.states;
+      let rootFound = false;
+      for (const stateId of Object.keys(states)) {
+        const state = states[stateId];
+        if (isUndefined(state.root)) {
+          state.root = false;
+        } else if (state.root) {
+          rootFound = true;
+        }
+        this.validateAndUpdateState(state);
+      }
+      if (!rootFound) {
+        const firstStateId = Object.keys(states)[0];
+        states[firstStateId].root = true;
+      }
+    }
+    const datasourcesByAliasId: {[aliasId: string]: Array<Datasource>} = {};
+    const targetDevicesByAliasId: {[aliasId: string]: Array<Array<string>>} = {};
+    for (const widgetId of Object.keys(dashboard.configuration.widgets)) {
+      const widget = dashboard.configuration.widgets[widgetId];
+      widget.config.datasources.forEach((datasource) => {
+        if (datasource.entityAliasId) {
+          const aliasId = datasource.entityAliasId;
+          let aliasDatasources = datasourcesByAliasId[aliasId];
+          if (!aliasDatasources) {
+            aliasDatasources = [];
+            datasourcesByAliasId[aliasId] = aliasDatasources;
+          }
+          aliasDatasources.push(datasource);
+        }
+      });
+      if (widget.config.targetDeviceAliasIds && widget.config.targetDeviceAliasIds.length) {
+        const aliasId = widget.config.targetDeviceAliasIds[0];
+        let targetDeviceAliasIdsList = targetDevicesByAliasId[aliasId];
+        if (!targetDeviceAliasIdsList) {
+          targetDeviceAliasIdsList = [];
+          targetDevicesByAliasId[aliasId] = targetDeviceAliasIdsList;
+        }
+        targetDeviceAliasIdsList.push(widget.config.targetDeviceAliasIds);
+      }
+    }
+
+    dashboard.configuration = this.validateAndUpdateEntityAliases(dashboard.configuration, datasourcesByAliasId, targetDevicesByAliasId);
+
+    if (isUndefined(dashboard.configuration.timewindow)) {
+      dashboard.configuration.timewindow = this.timeService.defaultTimewindow();
+    }
+    if (isUndefined(dashboard.configuration.settings)) {
+      dashboard.configuration.settings = {};
+      dashboard.configuration.settings.stateControllerId = 'entity';
+      dashboard.configuration.settings.showTitle = false;
+      dashboard.configuration.settings.showDashboardsSelect = true;
+      dashboard.configuration.settings.showEntitiesSelect = true;
+      dashboard.configuration.settings.showDashboardTimewindow = true;
+      dashboard.configuration.settings.showDashboardExport = true;
+      dashboard.configuration.settings.toolbarAlwaysOpen = true;
+    } else {
+      if (isUndefined(dashboard.configuration.settings.stateControllerId)) {
+        dashboard.configuration.settings.stateControllerId = 'entity';
+      }
+    }
+    if (isDefined(dashboard.configuration.gridSettings)) {
+      const gridSettings = dashboard.configuration.gridSettings;
+      if (isDefined(gridSettings.showTitle)) {
+        dashboard.configuration.settings.showTitle = gridSettings.showTitle;
+        delete gridSettings.showTitle;
+      }
+      if (isDefined(gridSettings.titleColor)) {
+        dashboard.configuration.settings.titleColor = gridSettings.titleColor;
+        delete gridSettings.titleColor;
+      }
+      if (isDefined(gridSettings.showDevicesSelect)) {
+        dashboard.configuration.settings.showEntitiesSelect = gridSettings.showDevicesSelect;
+        delete gridSettings.showDevicesSelect;
+      }
+      if (isDefined(gridSettings.showEntitiesSelect)) {
+        dashboard.configuration.settings.showEntitiesSelect = gridSettings.showEntitiesSelect;
+        delete gridSettings.showEntitiesSelect;
+      }
+      if (isDefined(gridSettings.showDashboardTimewindow)) {
+        dashboard.configuration.settings.showDashboardTimewindow = gridSettings.showDashboardTimewindow;
+        delete gridSettings.showDashboardTimewindow;
+      }
+      if (isDefined(gridSettings.showDashboardExport)) {
+        dashboard.configuration.settings.showDashboardExport = gridSettings.showDashboardExport;
+        delete gridSettings.showDashboardExport;
+      }
+      dashboard.configuration.states.default.layouts.main.gridSettings = gridSettings;
+      delete dashboard.configuration.gridSettings;
+    }
+    return dashboard;
+  }
+
+  public createSingleWidgetDashboard(widget: Widget): Dashboard {
+    if (!widget.id) {
+      widget.id = this.utils.guid();
+    }
+    let dashboard: Dashboard = {};
+    dashboard = this.validateAndUpdateDashboard(dashboard);
+    dashboard.configuration.widgets[widget.id] = widget;
+    dashboard.configuration.states.default.layouts.main.widgets[widget.id] = {
+      sizeX: widget.sizeX,
+      sizeY: widget.sizeY,
+      row: widget.row,
+      col: widget.col,
+    };
+    return dashboard;
+  }
+
+  public validateAndUpdateWidget(widget: Widget): Widget {
+    if (!widget.config) {
+      widget.config = {};
+    }
+    if (!widget.config.datasources) {
+      widget.config.datasources = [];
+    }
+    widget.config.datasources.forEach((datasource) => {
+      if (datasource.type === 'device') {
+        datasource.type = DatasourceType.entity;
+      }
+      if (datasource.deviceAliasId) {
+        datasource.entityAliasId = datasource.deviceAliasId;
+        delete datasource.deviceAliasId;
+      }
+    });
+    // Temp workaround
+    if (widget.isSystemType  && widget.bundleAlias === 'charts' && widget.typeAlias === 'timeseries') {
+      widget.typeAlias = 'basic_timeseries';
+    }
+    return widget;
+  }
+
+  public createDefaultLayoutData(): DashboardLayout {
+    return {
+      widgets: {},
+      gridSettings: this.createDefaultGridSettings()
+    };
+  }
+
+  private createDefaultGridSettings(): GridSettings {
+    return {
+      backgroundColor: '#eeeeee',
+      color: 'rgba(0,0,0,0.870588)',
+      columns: 24,
+      margin: 10,
+      backgroundSizeMode: '100%'
+    };
+  }
+
+  public createDefaultLayouts(): DashboardStateLayouts {
+    return {
+      main: this.createDefaultLayoutData()
+    };
+  }
+
+  public createDefaultState(name: string, root: boolean): DashboardState {
+    return {
+      name,
+      root,
+      layouts: this.createDefaultLayouts()
+    };
+  }
+
+  public createSingleEntityFilter(entityId: EntityId): EntityAliasFilter {
+    return {
+      type: AliasFilterType.singleEntity,
+      singleEntity: entityId,
+      resolveMultiple: false
+    };
+  }
+
+  private validateAndUpdateState(state: DashboardState) {
+    if (!state.layouts) {
+      state.layouts = this.createDefaultLayouts();
+    }
+    for (const l of Object.keys(state.layouts)) {
+      const layout = state.layouts[l as DashboardLayoutId];
+      this.validateAndUpdateLayout(layout);
+    }
+  }
+
+  private validateAndUpdateLayout(layout: DashboardLayout) {
+    if (!layout.gridSettings) {
+      layout.gridSettings = this.createDefaultGridSettings();
+    }
+    if (layout.gridSettings.margins && layout.gridSettings.margins.length === 2) {
+      layout.gridSettings.margin = layout.gridSettings.margins[0];
+      delete layout.gridSettings.margins;
+    }
+    layout.gridSettings.margin = layout.gridSettings.margin || 10;
+  }
+
+  public setLayouts(dashboard: Dashboard, targetState: string, newLayouts: DashboardStateLayouts) {
+    const dashboardConfiguration = dashboard.configuration;
+    const states = dashboardConfiguration.states;
+    const state = states[targetState];
+    let addedCount = 0;
+    let removedCount = 0;
+    for (const l of Object.keys(state.layouts)) {
+      if (!newLayouts[l]) {
+        removedCount++;
+      }
+    }
+    for (const l of Object.keys(newLayouts)) {
+      if (!state.layouts[l]) {
+        addedCount++;
+      }
+    }
+    state.layouts = newLayouts;
+    const layoutsCount = Object.keys(state.layouts).length;
+    let newColumns;
+    if (addedCount) {
+      for (const l of Object.keys(state.layouts)) {
+        newColumns = state.layouts[l].gridSettings.columns * (layoutsCount - addedCount) / layoutsCount;
+        if (newColumns > 0) {
+          state.layouts[l].gridSettings.columns = newColumns;
+        }
+      }
+    }
+    if (removedCount) {
+      for (const l of Object.keys(state.layouts)) {
+        newColumns = state.layouts[l].gridSettings.columns * (layoutsCount + removedCount) / layoutsCount;
+        if (newColumns > 0) {
+          state.layouts[l].gridSettings.columns = newColumns;
+        }
+      }
+    }
+    this.removeUnusedWidgets(dashboard);
+  }
+
+  public getRootStateId(states: {[id: string]: DashboardState }): string {
+    for (const stateId of Object.keys(states)) {
+      const state = states[stateId];
+      if (state.root) {
+        return stateId;
+      }
+    }
+    return Object.keys(states)[0];
+  }
+
+  public getStateLayoutsData(dashboard: Dashboard, targetState: string): DashboardLayoutsInfo {
+    const dashboardConfiguration = dashboard.configuration;
+    const states = dashboardConfiguration.states;
+    const state = states[targetState];
+    if (state) {
+      const allWidgets = dashboardConfiguration.widgets;
+      const result: DashboardLayoutsInfo = {};
+      for (const l of Object.keys(state.layouts)) {
+        const layout: DashboardLayout = state.layouts[l];
+        if (layout) {
+          result[l] = {
+            widgetIds: [],
+            widgetLayouts: {},
+            gridSettings: {}
+          } as DashboardLayoutInfo;
+          for (const id of Object.keys(layout.widgets)) {
+            result[l].widgetIds.push(id);
+          }
+          result[l].widgetLayouts = layout.widgets;
+          result[l].gridSettings = layout.gridSettings;
+        }
+      }
+      return result;
+    } else {
+      return null;
+    }
+  }
+
+  public getWidgetsArray(dashboard: Dashboard): Array<Widget> {
+    const widgetsArray: Array<Widget> = [];
+    const dashboardConfiguration = dashboard.configuration;
+    const widgets = dashboardConfiguration.widgets;
+    for (const widgetId of Object.keys(widgets)) {
+      const widget = widgets[widgetId];
+      widgetsArray.push(widget);
+    }
+    return widgetsArray;
+  }
+
+  public addWidgetToLayout(dashboard: Dashboard,
+                           targetState: string,
+                           targetLayout: DashboardLayoutId,
+                           widget: Widget,
+                           originalColumns?: number,
+                           originalSize?: {sizeX: number, sizeY: number},
+                           row?: number,
+                           column?: number): void {
+    const dashboardConfiguration = dashboard.configuration;
+    const states = dashboardConfiguration.states;
+    const state = states[targetState];
+    const layout = state.layouts[targetLayout];
+    const layoutCount = Object.keys(state.layouts).length;
+    if (!widget.id) {
+      widget.id = this.utils.guid();
+    }
+    if (!dashboardConfiguration.widgets[widget.id]) {
+      dashboardConfiguration.widgets[widget.id] = widget;
+    }
+    const widgetLayout: WidgetLayout = {
+      sizeX: originalSize ? originalSize.sizeX : widget.sizeX,
+      sizeY: originalSize ? originalSize.sizeY : widget.sizeY,
+      mobileOrder: widget.config.mobileOrder,
+      mobileHeight: widget.config.mobileHeight
+    };
+    if (isUndefined(originalColumns)) {
+      originalColumns = 24;
+    }
+    const gridSettings = layout.gridSettings;
+    let columns = 24;
+    if (gridSettings && gridSettings.columns) {
+      columns = gridSettings.columns;
+    }
+    columns = columns * layoutCount;
+    if (columns !== originalColumns) {
+      const ratio = columns / originalColumns;
+      widgetLayout.sizeX *= ratio;
+      widgetLayout.sizeY *= ratio;
+    }
+
+    if (row > -1 && column > - 1) {
+      widgetLayout.row = row;
+      widgetLayout.col = column;
+    } else {
+      row = 0;
+      for (const w of Object.keys(layout.widgets)) {
+        const existingLayout = layout.widgets[w];
+        const wRow = existingLayout.row ? existingLayout.row : 0;
+        const wSizeY = existingLayout.sizeY ? existingLayout.sizeY : 1;
+        const bottom = wRow + wSizeY;
+        row = Math.max(row, bottom);
+      }
+      widgetLayout.row = row;
+      widgetLayout.col = 0;
+    }
+    layout.widgets[widget.id] = widgetLayout;
+  }
+
+  public removeWidgetFromLayout(dashboard: Dashboard,
+                                targetState: string,
+                                targetLayout: DashboardLayoutId,
+                                widgetId: string) {
+    const dashboardConfiguration = dashboard.configuration;
+    const states = dashboardConfiguration.states;
+    const state = states[targetState];
+    const layout = state.layouts[targetLayout];
+    delete layout.widgets[widgetId];
+    this.removeUnusedWidgets(dashboard);
+  }
+
+  public isSingleLayoutDashboard(dashboard: Dashboard): {state: string, layout: DashboardLayoutId} {
+    const dashboardConfiguration = dashboard.configuration;
+    const states = dashboardConfiguration.states;
+    const stateKeys = Object.keys(states);
+    if (stateKeys.length === 1) {
+      const state = states[stateKeys[0]];
+      const layouts = state.layouts;
+      const layoutKeys = Object.keys(layouts);
+      if (layoutKeys.length === 1) {
+        return {
+          state: stateKeys[0],
+          layout: layoutKeys[0] as DashboardLayoutId
+        };
+      }
+    }
+    return null;
+  }
+
+  public updateLayoutSettings(layout: DashboardLayout, gridSettings: GridSettings) {
+    const prevGridSettings = layout.gridSettings;
+    let prevColumns = prevGridSettings ? prevGridSettings.columns : 24;
+    if (!prevColumns) {
+      prevColumns = 24;
+    }
+    const columns = gridSettings.columns || 24;
+    const ratio = columns / prevColumns;
+    layout.gridSettings = gridSettings;
+    let maxRow = 0;
+    for (const w of Object.keys(layout.widgets)) {
+      const widget = layout.widgets[w];
+      if (!widget.sizeX) {
+        widget.sizeX = 1;
+      }
+      if (!widget.sizeY) {
+        widget.sizeY = 1;
+      }
+      maxRow = Math.max(maxRow, widget.row + widget.sizeY);
+    }
+    const newMaxRow = Math.round(maxRow * ratio);
+    for (const w of Object.keys(layout.widgets)) {
+      const widget = layout.widgets[w];
+      if (widget.row + widget.sizeY === maxRow) {
+        widget.row = Math.round(widget.row * ratio);
+        widget.sizeY = newMaxRow - widget.row;
+      } else {
+        widget.row = Math.round(widget.row * ratio);
+        widget.sizeY = Math.round(widget.sizeY * ratio);
+      }
+      widget.sizeX = Math.round(widget.sizeX * ratio);
+      widget.col = Math.round(widget.col * ratio);
+      if (widget.col + widget.sizeX > columns) {
+        widget.sizeX = columns - widget.col;
+      }
+    }
+  }
+
+  public removeUnusedWidgets(dashboard: Dashboard) {
+    const dashboardConfiguration = dashboard.configuration;
+    const states = dashboardConfiguration.states;
+    const widgets = dashboardConfiguration.widgets;
+    for (const widgetId of Object.keys(widgets)) {
+      let found = false;
+      for (const s of Object.keys(states)) {
+        const state = states[s];
+        for (const l of Object.keys(state.layouts)) {
+          const layout = state.layouts[l];
+          if (layout.widgets[widgetId]) {
+            found = true;
+            break;
+          }
+        }
+      }
+      if (!found) {
+        delete dashboardConfiguration.widgets[widgetId];
+      }
+    }
+  }
+
+  private validateAndUpdateEntityAliases(configuration: DashboardConfiguration,
+                                         datasourcesByAliasId: {[aliasId: string]: Array<Datasource>},
+                                         targetDevicesByAliasId: {[aliasId: string]: Array<Array<string>>}): DashboardConfiguration {
+    let entityAlias: EntityAlias;
+    if (isUndefined(configuration.entityAliases)) {
+      configuration.entityAliases = {};
+      if (configuration.deviceAliases) {
+        const deviceAliases = configuration.deviceAliases;
+        for (const aliasId of Object.keys(deviceAliases)) {
+          const deviceAlias = deviceAliases[aliasId];
+          entityAlias = this.validateAndUpdateDeviceAlias(aliasId, deviceAlias, datasourcesByAliasId, targetDevicesByAliasId);
+          configuration.entityAliases[entityAlias.id] = entityAlias;
+        }
+        delete configuration.deviceAliases;
+      }
+    } else {
+      const entityAliases = configuration.entityAliases;
+      for (const aliasId of Object.keys(entityAliases)) {
+        entityAlias = entityAliases[aliasId];
+        entityAlias = this.validateAndUpdateEntityAlias(aliasId, entityAlias, datasourcesByAliasId, targetDevicesByAliasId);
+        if (aliasId !== entityAlias.id) {
+          delete entityAliases[aliasId];
+        }
+        entityAliases[entityAlias.id] = entityAlias;
+      }
+    }
+    return configuration;
+  }
+
+  private validateAndUpdateDeviceAlias(aliasId: string,
+                                       deviceAlias: any,
+                                       datasourcesByAliasId: {[aliasId: string]: Array<Datasource>},
+                                       targetDevicesByAliasId: {[aliasId: string]: Array<Array<string>>}): EntityAlias {
+    aliasId = this.validateAliasId(aliasId, datasourcesByAliasId, targetDevicesByAliasId);
+    const alias = deviceAlias.alias;
+    const entityAlias: EntityAlias = {
+      id: aliasId,
+      alias,
+      filter: {
+        type: null,
+        entityType: EntityType.DEVICE,
+        resolveMultiple: false
+      },
+    };
+    if (deviceAlias.deviceFilter) {
+      entityAlias.filter.type =
+        deviceAlias.deviceFilter.useFilter ? AliasFilterType.entityName : AliasFilterType.entityList;
+      if (entityAlias.filter.type === AliasFilterType.entityList) {
+        entityAlias.filter.entityList = deviceAlias.deviceFilter.deviceList;
+      } else {
+        entityAlias.filter.entityNameFilter = deviceAlias.deviceFilter.deviceNameFilter;
+      }
+    } else {
+      entityAlias.filter.type = AliasFilterType.entityList;
+      entityAlias.filter.entityList = [deviceAlias.deviceId];
+    }
+    return entityAlias;
+  }
+
+  private validateAndUpdateEntityAlias(aliasId: string, entityAlias: EntityAlias,
+                                       datasourcesByAliasId: {[aliasId: string]: Array<Datasource>},
+                                       targetDevicesByAliasId: {[aliasId: string]: Array<Array<string>>}): EntityAlias {
+    entityAlias.id = this.validateAliasId(aliasId, datasourcesByAliasId, targetDevicesByAliasId);
+    if (!entityAlias.filter) {
+      entityAlias.filter = {
+        type: entityAlias.entityFilter.useFilter ? AliasFilterType.entityName : AliasFilterType.entityList,
+        entityType: entityAlias.entityType,
+        resolveMultiple: false
+      };
+      if (entityAlias.filter.type === AliasFilterType.entityList) {
+        entityAlias.filter.entityList = entityAlias.entityFilter.entityList;
+      } else {
+        entityAlias.filter.entityNameFilter = entityAlias.entityFilter.entityNameFilter;
+      }
+      delete entityAlias.entityType;
+      delete entityAlias.entityFilter;
+    }
+    return entityAlias;
+  }
+
+  private validateAliasId(aliasId: string,
+                          datasourcesByAliasId: {[aliasId: string]: Array<Datasource>},
+                          targetDevicesByAliasId: {[aliasId: string]: Array<Array<string>>}): string {
+    if (!aliasId || !isString(aliasId) || aliasId.length !== 36) {
+      const newAliasId = this.utils.guid();
+      const aliasDatasources = datasourcesByAliasId[aliasId];
+      if (aliasDatasources) {
+        aliasDatasources.forEach(
+          (datasource) => {
+            datasource.entityAliasId = newAliasId;
+          }
+        );
+      }
+      const targetDeviceAliasIdsList = targetDevicesByAliasId[aliasId];
+      if (targetDeviceAliasIdsList) {
+        targetDeviceAliasIdsList.forEach(
+          (targetDeviceAliasIds) => {
+            targetDeviceAliasIds[0] = newAliasId;
+          }
+        );
+      }
+      return newAliasId;
+    } else {
+      return aliasId;
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/core/services/dialog.service.ts b/ui-ngx/src/app/core/services/dialog.service.ts
new file mode 100644
index 0000000000..bca75da362
--- /dev/null
+++ b/ui-ngx/src/app/core/services/dialog.service.ts
@@ -0,0 +1,136 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { MatDialog, MatDialogConfig } from '@angular/material/dialog';
+import { TranslateService } from '@ngx-translate/core';
+import { AuthService } from '@core/auth/auth.service';
+import {
+  ColorPickerDialogComponent,
+  ColorPickerDialogData
+} from '@shared/components/dialog/color-picker-dialog.component';
+import {
+  MaterialIconsDialogComponent,
+  MaterialIconsDialogData
+} from '@shared/components/dialog/material-icons-dialog.component';
+import { ConfirmDialogComponent } from '@shared/components/dialog/confirm-dialog.component';
+import { AlertDialogComponent } from '@shared/components/dialog/alert-dialog.component';
+import { TodoDialogComponent } from '@shared/components/dialog/todo-dialog.component';
+
+@Injectable(
+  {
+    providedIn: 'root'
+  }
+)
+export class DialogService {
+
+  constructor(
+    private translate: TranslateService,
+    private authService: AuthService,
+    public dialog: MatDialog
+  ) {
+  }
+
+  confirm(title: string, message: string, cancel: string = null, ok: string = null, fullscreen: boolean = false): Observable<boolean> {
+    const dialogConfig: MatDialogConfig = {
+      disableClose: true,
+      data: {
+        title,
+        message,
+        cancel: cancel || this.translate.instant('action.cancel'),
+        ok: ok || this.translate.instant('action.ok')
+      }
+    };
+    if (fullscreen) {
+      dialogConfig.panelClass = ['tb-fullscreen-dialog'];
+    }
+    const dialogRef = this.dialog.open(ConfirmDialogComponent, dialogConfig);
+    return dialogRef.afterClosed();
+  }
+
+  alert(title: string, message: string, ok: string = null, fullscreen: boolean = false): Observable<boolean> {
+    const dialogConfig: MatDialogConfig = {
+      disableClose: true,
+      data: {
+        title,
+        message,
+        ok: ok || this.translate.instant('action.ok')
+      }
+    };
+    if (fullscreen) {
+      dialogConfig.panelClass = ['tb-fullscreen-dialog'];
+    }
+    const dialogRef = this.dialog.open(AlertDialogComponent, dialogConfig);
+    return dialogRef.afterClosed();
+  }
+
+  colorPicker(color: string): Observable<string> {
+    return this.dialog.open<ColorPickerDialogComponent, ColorPickerDialogData, string>(ColorPickerDialogComponent,
+      {
+        disableClose: true,
+        panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+        data: {
+          color
+        }
+    }).afterClosed();
+  }
+
+  materialIconPicker(icon: string): Observable<string> {
+    return this.dialog.open<MaterialIconsDialogComponent, MaterialIconsDialogData, string>(MaterialIconsDialogComponent,
+      {
+        disableClose: true,
+        panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+        data: {
+          icon
+        }
+      }).afterClosed();
+  }
+
+  private permissionDenied() {
+    this.alert(
+      this.translate.instant('access.permission-denied'),
+      this.translate.instant('access.permission-denied-text'),
+      this.translate.instant('action.close')
+    );
+  }
+
+  forbidden(): Observable<boolean> {
+    const observable = this.confirm(
+      this.translate.instant('access.access-forbidden'),
+      this.translate.instant('access.access-forbidden-text'),
+      this.translate.instant('action.cancel'),
+      this.translate.instant('action.sign-in'),
+      true
+    );
+    observable.subscribe((res) => {
+      if (res) {
+        this.authService.logout();
+      }
+    });
+    return observable;
+  }
+
+  todo(): Observable<any> {
+    const dialogConfig: MatDialogConfig = {
+      disableClose: true,
+      panelClass: ['tb-fullscreen-dialog']
+    };
+    const dialogRef = this.dialog.open(TodoDialogComponent, dialogConfig);
+    return dialogRef.afterClosed();
+  }
+
+}
diff --git a/ui-ngx/src/app/core/services/dynamic-component-factory.service.ts b/ui-ngx/src/app/core/services/dynamic-component-factory.service.ts
new file mode 100644
index 0000000000..50f50beb80
--- /dev/null
+++ b/ui-ngx/src/app/core/services/dynamic-component-factory.service.ts
@@ -0,0 +1,111 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  Compiler,
+  Component,
+  ComponentFactory,
+  Injectable,
+  Injector,
+  NgModule,
+  NgModuleRef,
+  OnDestroy,
+  Type
+} from '@angular/core';
+import { Observable, ReplaySubject } from 'rxjs';
+import { CommonModule } from '@angular/common';
+
+export abstract class DynamicComponentModule implements OnDestroy {
+
+  ngOnDestroy(): void {
+  }
+
+}
+
+interface DynamicComponentModuleData {
+  moduleRef: NgModuleRef<DynamicComponentModule>;
+  moduleType: Type<DynamicComponentModule>;
+}
+
+@Injectable(
+  {
+    providedIn: 'root'
+  }
+)
+export class DynamicComponentFactoryService {
+
+  private dynamicComponentModulesMap = new Map<ComponentFactory<any>, DynamicComponentModuleData>();
+
+  constructor(private compiler: Compiler,
+              private injector: Injector) {
+  }
+
+  public createDynamicComponentFactory<T>(
+                     componentType: Type<T>,
+                     template: string,
+                     modules?: Type<any>[]): Observable<ComponentFactory<T>> {
+    const dymamicComponentFactorySubject = new ReplaySubject<ComponentFactory<T>>();
+    const comp = this.createDynamicComponent(componentType, template);
+    let moduleImports: Type<any>[] = [CommonModule];
+    if (modules) {
+      moduleImports = [...moduleImports, ...modules];
+    }
+    // noinspection AngularInvalidImportedOrDeclaredSymbol
+    @NgModule({
+      declarations: [comp],
+      imports: moduleImports
+    })
+    class DynamicComponentInstanceModule extends DynamicComponentModule {}
+    try {
+      this.compiler.compileModuleAsync(DynamicComponentInstanceModule).then(
+        (module) => {
+          const moduleRef = module.create(this.injector);
+          const factory = moduleRef.componentFactoryResolver.resolveComponentFactory(comp);
+          this.dynamicComponentModulesMap.set(factory, {
+            moduleRef,
+            moduleType: module.moduleType
+          });
+          dymamicComponentFactorySubject.next(factory);
+          dymamicComponentFactorySubject.complete();
+        }
+      ).catch(
+        (e) => {
+          dymamicComponentFactorySubject.error(e);
+        }
+      );
+    } catch (e) {
+      dymamicComponentFactorySubject.error(e);
+    }
+    return dymamicComponentFactorySubject.asObservable();
+  }
+
+  public destroyDynamicComponentFactory<T>(factory: ComponentFactory<T>) {
+    const moduleData = this.dynamicComponentModulesMap.get(factory);
+    if (moduleData) {
+      moduleData.moduleRef.destroy();
+      this.compiler.clearCacheFor(moduleData.moduleType);
+      this.dynamicComponentModulesMap.delete(factory);
+    }
+  }
+
+  private createDynamicComponent<T>(componentType: Type<T>, template: string): Type<T> {
+    // noinspection AngularMissingOrInvalidDeclarationInModule
+    return Component({
+      template
+    })(componentType);
+  }
+
+}
diff --git a/ui-ngx/src/app/core/services/item-buffer.service.ts b/ui-ngx/src/app/core/services/item-buffer.service.ts
new file mode 100644
index 0000000000..1b02ca341b
--- /dev/null
+++ b/ui-ngx/src/app/core/services/item-buffer.service.ts
@@ -0,0 +1,476 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { Dashboard, DashboardLayoutId } from '@app/shared/models/dashboard.models';
+import { EntityAlias, EntityAliasFilter, EntityAliases, EntityAliasInfo, AliasesInfo } from '@shared/models/alias.models';
+import { DatasourceType, Widget, WidgetPosition, WidgetSize } from '@shared/models/widget.models';
+import { DashboardUtilsService } from '@core/services/dashboard-utils.service';
+import { deepClone } from '@core/utils';
+import * as equal from 'deep-equal';
+import { UtilsService } from '@core/services/utils.service';
+import { Observable, of, throwError } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { FcRuleEdge, FcRuleNode, ruleNodeTypeDescriptors } from '@shared/models/rule-node.models';
+import { RuleChainService } from '@core/http/rule-chain.service';
+import { RuleChainImport } from '@shared/models/rule-chain.models';
+import { Simulate } from 'react-dom/test-utils';
+import error = Simulate.error;
+
+const WIDGET_ITEM = 'widget_item';
+const WIDGET_REFERENCE = 'widget_reference';
+const RULE_NODES = 'rule_nodes';
+const RULE_CHAIN_IMPORT = 'rule_chain_import';
+
+export interface WidgetItem {
+  widget: Widget;
+  aliasesInfo: AliasesInfo;
+  originalSize: WidgetSize;
+  originalColumns: number;
+}
+
+export interface WidgetReference {
+  dashboardId: string;
+  sourceState: string;
+  sourceLayout: DashboardLayoutId;
+  widgetId: string;
+  originalSize: WidgetSize;
+  originalColumns: number;
+}
+
+export interface RuleNodeConnection {
+  isInputSource: boolean;
+  fromIndex: number;
+  toIndex: number;
+  label: string;
+  labels: string[];
+}
+
+export interface RuleNodesReference {
+  nodes: FcRuleNode[];
+  connections: RuleNodeConnection[];
+  originX?: number;
+  originY?: number;
+}
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ItemBufferService {
+
+  private namespace = 'tbBufferStore';
+  private delimiter = '.';
+
+  constructor(private dashboardUtils: DashboardUtilsService,
+              private ruleChainService: RuleChainService,
+              private utils: UtilsService) {}
+
+  public prepareWidgetItem(dashboard: Dashboard, sourceState: string, sourceLayout: DashboardLayoutId, widget: Widget): WidgetItem {
+    const aliasesInfo: AliasesInfo = {
+      datasourceAliases: {},
+      targetDeviceAliases: {}
+    };
+    const originalColumns = this.getOriginalColumns(dashboard, sourceState, sourceLayout);
+    const originalSize = this.getOriginalSize(dashboard, sourceState, sourceLayout, widget);
+    if (widget.config && dashboard.configuration
+      && dashboard.configuration.entityAliases) {
+      let entityAlias: EntityAlias;
+      if (widget.config.datasources) {
+        for (let i = 0; i < widget.config.datasources.length; i++) {
+          const datasource = widget.config.datasources[i];
+          if (datasource.type === DatasourceType.entity && datasource.entityAliasId) {
+            entityAlias = dashboard.configuration.entityAliases[datasource.entityAliasId];
+            if (entityAlias) {
+              aliasesInfo.datasourceAliases[i] = this.prepareAliasInfo(entityAlias);
+            }
+          }
+        }
+      }
+      if (widget.config.targetDeviceAliasIds) {
+        for (let i = 0; i < widget.config.targetDeviceAliasIds.length; i++) {
+          const targetDeviceAliasId = widget.config.targetDeviceAliasIds[i];
+          if (targetDeviceAliasId) {
+            entityAlias = dashboard.configuration.entityAliases[targetDeviceAliasId];
+            if (entityAlias) {
+              aliasesInfo.targetDeviceAliases[i] = this.prepareAliasInfo(entityAlias);
+            }
+          }
+        }
+      }
+    }
+    return {
+      widget,
+      aliasesInfo,
+      originalSize,
+      originalColumns
+    };
+  }
+
+  public copyWidget(dashboard: Dashboard, sourceState: string, sourceLayout: DashboardLayoutId, widget: Widget): void {
+    const widgetItem = this.prepareWidgetItem(dashboard, sourceState, sourceLayout, widget);
+    this.storeSet(WIDGET_ITEM, widgetItem);
+  }
+
+  public copyWidgetReference(dashboard: Dashboard, sourceState: string, sourceLayout: DashboardLayoutId, widget: Widget): void {
+    const widgetReference = this.prepareWidgetReference(dashboard, sourceState, sourceLayout, widget);
+    this.storeSet(WIDGET_REFERENCE, widgetReference);
+  }
+
+  public hasWidget(): boolean {
+    return this.storeHas(WIDGET_ITEM);
+  }
+
+  public canPasteWidgetReference(dashboard: Dashboard, state: string, layout: DashboardLayoutId): boolean {
+    const widgetReference: WidgetReference = this.storeGet(WIDGET_REFERENCE);
+    if (widgetReference) {
+      if (widgetReference.dashboardId === dashboard.id.id) {
+        if ((widgetReference.sourceState !== state || widgetReference.sourceLayout !== layout)
+          && dashboard.configuration.widgets[widgetReference.widgetId]) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+
+  public pasteWidget(targetDashboard: Dashboard, targetState: string,
+                     targetLayout: DashboardLayoutId, position: WidgetPosition,
+                     onAliasesUpdateFunction: () => void): Observable<Widget> {
+    const widgetItem: WidgetItem = this.storeGet(WIDGET_ITEM);
+    if (widgetItem) {
+      const widget = widgetItem.widget;
+      const aliasesInfo = widgetItem.aliasesInfo;
+      const originalColumns = widgetItem.originalColumns;
+      const originalSize = widgetItem.originalSize;
+      let targetRow = -1;
+      let targetColumn = -1;
+      if (position) {
+        targetRow = position.row;
+        targetColumn = position.column;
+      }
+      widget.id = this.utils.guid();
+      return this.addWidgetToDashboard(targetDashboard, targetState,
+                                targetLayout, widget, aliasesInfo,
+                                onAliasesUpdateFunction, originalColumns,
+                                originalSize, targetRow, targetColumn).pipe(
+        map(() => widget)
+      );
+    } else {
+      return throwError('Failed to read widget from buffer!');
+    }
+  }
+
+  public pasteWidgetReference(targetDashboard: Dashboard, targetState: string,
+                              targetLayout: DashboardLayoutId, position: WidgetPosition): Observable<Widget> {
+    const widgetReference: WidgetReference = this.storeGet(WIDGET_REFERENCE);
+    if (widgetReference) {
+      const widget = targetDashboard.configuration.widgets[widgetReference.widgetId];
+      if (widget) {
+        const originalColumns = widgetReference.originalColumns;
+        const originalSize = widgetReference.originalSize;
+        let targetRow = -1;
+        let targetColumn = -1;
+        if (position) {
+          targetRow = position.row;
+          targetColumn = position.column;
+        }
+        return this.addWidgetToDashboard(targetDashboard, targetState,
+          targetLayout, widget, null,
+          null, originalColumns,
+          originalSize, targetRow, targetColumn).pipe(
+          map(() => widget)
+        );
+      } else {
+        return throwError('Failed to read widget reference from buffer!');
+      }
+    } else {
+      return throwError('Failed to read widget reference from buffer!');
+    }
+  }
+
+  public addWidgetToDashboard(dashboard: Dashboard, targetState: string,
+                              targetLayout: DashboardLayoutId, widget: Widget,
+                              aliasesInfo: AliasesInfo,
+                              onAliasesUpdateFunction: () => void,
+                              originalColumns: number,
+                              originalSize: WidgetSize,
+                              row: number,
+                              column: number): Observable<Dashboard> {
+    let theDashboard: Dashboard;
+    if (dashboard) {
+      theDashboard = dashboard;
+    } else {
+      theDashboard = {};
+    }
+    theDashboard = this.dashboardUtils.validateAndUpdateDashboard(theDashboard);
+    let callAliasUpdateFunction = false;
+    if (aliasesInfo) {
+      const newEntityAliases = this.updateAliases(theDashboard, widget, aliasesInfo);
+      const aliasesUpdated = !equal(newEntityAliases, theDashboard.configuration.entityAliases);
+      if (aliasesUpdated) {
+        theDashboard.configuration.entityAliases = newEntityAliases;
+        if (onAliasesUpdateFunction) {
+          callAliasUpdateFunction = true;
+        }
+      }
+    }
+    this.dashboardUtils.addWidgetToLayout(theDashboard, targetState, targetLayout, widget,
+                                          originalColumns, originalSize, row, column);
+    if (callAliasUpdateFunction) {
+      onAliasesUpdateFunction();
+    }
+    return of(theDashboard);
+  }
+
+  public copyRuleNodes(nodes: FcRuleNode[], connections: RuleNodeConnection[]) {
+    const ruleNodes: RuleNodesReference = {
+      nodes: [],
+      connections: []
+    };
+    let top = -1;
+    let left = -1;
+    let bottom = -1;
+    let right = -1;
+    for (let i = 0; i < nodes.length; i++) {
+      const origNode = nodes[i];
+      const node: FcRuleNode = {
+        id: '',
+        connectors: [],
+        additionalInfo: origNode.additionalInfo,
+        configuration: origNode.configuration,
+        debugMode: origNode.debugMode,
+        x: origNode.x,
+        y: origNode.y,
+        name: origNode.name,
+        componentClazz: origNode.component.clazz,
+      };
+      if (origNode.targetRuleChainId) {
+        node.targetRuleChainId = origNode.targetRuleChainId;
+      }
+      if (origNode.error) {
+        node.error = origNode.error;
+      }
+      ruleNodes.nodes.push(node);
+      if (i === 0) {
+        top = node.y;
+        left = node.x;
+        bottom = node.y + 50;
+        right = node.x + 170;
+      } else {
+        top = Math.min(top, node.y);
+        left = Math.min(left, node.x);
+        bottom = Math.max(bottom, node.y + 50);
+        right = Math.max(right, node.x + 170);
+      }
+    }
+    ruleNodes.originX = left + (right - left) / 2;
+    ruleNodes.originY = top + (bottom - top) / 2;
+    connections.forEach(connection => {
+      ruleNodes.connections.push(connection);
+    });
+    this.storeSet(RULE_NODES, ruleNodes);
+  }
+
+  public hasRuleNodes(): boolean {
+    return this.storeHas(RULE_NODES);
+  }
+
+  public pasteRuleNodes(x: number, y: number): RuleNodesReference {
+    const ruleNodes: RuleNodesReference = this.storeGet(RULE_NODES);
+    if (ruleNodes) {
+      const deltaX = x - ruleNodes.originX;
+      const deltaY = y - ruleNodes.originY;
+      for (const node of ruleNodes.nodes) {
+        const component = this.ruleChainService.getRuleNodeComponentByClazz(node.componentClazz);
+        if (component) {
+          let icon = ruleNodeTypeDescriptors.get(component.type).icon;
+          let iconUrl: string = null;
+          if (component.configurationDescriptor.nodeDefinition.icon) {
+            icon = component.configurationDescriptor.nodeDefinition.icon;
+          }
+          if (component.configurationDescriptor.nodeDefinition.iconUrl) {
+            iconUrl = component.configurationDescriptor.nodeDefinition.iconUrl;
+          }
+          delete node.componentClazz;
+          node.component = component;
+          node.nodeClass = ruleNodeTypeDescriptors.get(component.type).nodeClass;
+          node.icon = icon;
+          node.iconUrl = iconUrl;
+          node.connectors = [];
+          node.x = Math.round(node.x + deltaX);
+          node.y = Math.round(node.y + deltaY);
+        } else {
+          return null;
+        }
+      }
+      return ruleNodes;
+    }
+    return null;
+  }
+
+  public hasRuleChainImport(): boolean {
+    return this.storeHas(RULE_CHAIN_IMPORT);
+  }
+
+  public storeRuleChainImport(ruleChainImport: RuleChainImport): void {
+    this.storeSet(RULE_CHAIN_IMPORT, ruleChainImport);
+  }
+
+  public getRuleChainImport(): RuleChainImport {
+    const ruleChainImport: RuleChainImport = this.storeGet(RULE_CHAIN_IMPORT);
+    this.storeRemove(RULE_CHAIN_IMPORT);
+    return ruleChainImport;
+  }
+
+  private getOriginalColumns(dashboard: Dashboard, sourceState: string, sourceLayout: DashboardLayoutId): number {
+    let originalColumns = 24;
+    let gridSettings = null;
+    const state = dashboard.configuration.states[sourceState];
+    const layoutCount = Object.keys(state.layouts).length;
+    if (state) {
+      const layout = state.layouts[sourceLayout];
+      if (layout) {
+        gridSettings = layout.gridSettings;
+
+      }
+    }
+    if (gridSettings &&
+      gridSettings.columns) {
+      originalColumns = gridSettings.columns;
+    }
+    originalColumns = originalColumns * layoutCount;
+    return originalColumns;
+  }
+
+  private getOriginalSize(dashboard: Dashboard, sourceState: string, sourceLayout: DashboardLayoutId, widget: Widget): WidgetSize {
+    const layout = dashboard.configuration.states[sourceState].layouts[sourceLayout];
+    const widgetLayout = layout.widgets[widget.id];
+    return {
+      sizeX: widgetLayout.sizeX,
+      sizeY: widgetLayout.sizeY
+    };
+  }
+
+  private prepareAliasInfo(entityAlias: EntityAlias): EntityAliasInfo {
+    return {
+      alias: entityAlias.alias,
+      filter: entityAlias.filter
+    };
+  }
+
+  private prepareWidgetReference(dashboard: Dashboard, sourceState: string,
+                                 sourceLayout: DashboardLayoutId, widget: Widget): WidgetReference {
+    const originalColumns = this.getOriginalColumns(dashboard, sourceState, sourceLayout);
+    const originalSize = this.getOriginalSize(dashboard, sourceState, sourceLayout, widget);
+    return {
+      dashboardId: dashboard.id.id,
+      sourceState,
+      sourceLayout,
+      widgetId: widget.id,
+      originalSize,
+      originalColumns
+    };
+  }
+
+  private updateAliases(dashboard: Dashboard, widget: Widget, aliasesInfo: AliasesInfo): EntityAliases {
+    const entityAliases = deepClone(dashboard.configuration.entityAliases);
+    let aliasInfo: EntityAliasInfo;
+    let newAliasId: string;
+    for (const datasourceIndexStr of Object.keys(aliasesInfo.datasourceAliases)) {
+      const datasourceIndex = Number(datasourceIndexStr);
+      aliasInfo = aliasesInfo.datasourceAliases[datasourceIndex];
+      newAliasId = this.getEntityAliasId(entityAliases, aliasInfo);
+      widget.config.datasources[datasourceIndex].entityAliasId = newAliasId;
+    }
+    for (const targetDeviceAliasIndexStr of Object.keys(aliasesInfo.targetDeviceAliases)) {
+      const targetDeviceAliasIndex = Number(targetDeviceAliasIndexStr);
+      aliasInfo = aliasesInfo.targetDeviceAliases[targetDeviceAliasIndex];
+      newAliasId = this.getEntityAliasId(entityAliases, aliasInfo);
+      widget.config.targetDeviceAliasIds[targetDeviceAliasIndex] = newAliasId;
+    }
+    return entityAliases;
+  }
+
+  private isEntityAliasEqual(alias1: EntityAliasInfo, alias2: EntityAliasInfo): boolean {
+    return equal(alias1.filter, alias2.filter);
+  }
+
+  private getEntityAliasId(entityAliases: EntityAliases, aliasInfo: EntityAliasInfo): string {
+    let newAliasId: string;
+    for (const aliasId of Object.keys(entityAliases)) {
+      if (this.isEntityAliasEqual(entityAliases[aliasId], aliasInfo)) {
+        newAliasId = aliasId;
+        break;
+      }
+    }
+    if (!newAliasId) {
+      const newAliasName = this.createEntityAliasName(entityAliases, aliasInfo.alias);
+      newAliasId = this.utils.guid();
+      entityAliases[newAliasId] = {id: newAliasId, alias: newAliasName, filter: aliasInfo.filter};
+    }
+    return newAliasId;
+  }
+
+  private createEntityAliasName(entityAliases: EntityAliases, alias: string): string {
+    let c = 0;
+    let newAlias = alias;
+    let unique = false;
+    while (!unique) {
+      unique = true;
+      for (const entAliasId of Object.keys(entityAliases)) {
+        const entAlias = entityAliases[entAliasId];
+        if (newAlias === entAlias.alias) {
+          c++;
+          newAlias = alias + c;
+          unique = false;
+        }
+      }
+    }
+    return newAlias;
+  }
+
+  private storeSet(key: string, elem: any) {
+    localStorage.setItem(this.getNamespacedKey(key), JSON.stringify(elem));
+  }
+
+  private storeGet(key: string): any {
+    let obj = null;
+    const saved = localStorage.getItem(this.getNamespacedKey(key));
+    try {
+      if (typeof saved === 'undefined' || saved === 'undefined') {
+        obj = undefined;
+      } else {
+        obj = JSON.parse(saved);
+      }
+    } catch (e) {
+      this.storeRemove(key);
+    }
+    return obj;
+  }
+
+  private storeHas(key: string): boolean {
+    const saved = localStorage.getItem(this.getNamespacedKey(key));
+    return typeof saved !== 'undefined' && saved !== 'undefined' && saved !== null;
+  }
+
+  private storeRemove(key: string) {
+    localStorage.removeItem(this.getNamespacedKey(key));
+  }
+
+  private getNamespacedKey(key: string): string {
+    return [this.namespace, key].join(this.delimiter);
+  }
+}
diff --git a/ui-ngx/src/app/core/services/menu.models.ts b/ui-ngx/src/app/core/services/menu.models.ts
new file mode 100644
index 0000000000..f9715b3555
--- /dev/null
+++ b/ui-ngx/src/app/core/services/menu.models.ts
@@ -0,0 +1,39 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export declare type MenuSectionType = 'link' | 'toggle';
+
+export class MenuSection {
+  name: string;
+  type: MenuSectionType;
+  path: string;
+  icon: string;
+  isMdiIcon?: boolean;
+  height?: string;
+  pages?: Array<MenuSection>;
+}
+
+export class HomeSection {
+  name: string;
+  places: Array<HomeSectionPlace>;
+}
+
+export class HomeSectionPlace {
+  name: string;
+  icon: string;
+  isMdiIcon?: boolean;
+  path: string;
+}
diff --git a/ui-ngx/src/app/core/services/menu.service.ts b/ui-ngx/src/app/core/services/menu.service.ts
new file mode 100644
index 0000000000..84799da5ed
--- /dev/null
+++ b/ui-ngx/src/app/core/services/menu.service.ts
@@ -0,0 +1,407 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { AuthService } from '../auth/auth.service';
+import { select, Store } from '@ngrx/store';
+import { AppState } from '../core.state';
+import { selectAuthUser, selectIsAuthenticated } from '../auth/auth.selectors';
+import { take } from 'rxjs/operators';
+import { HomeSection, MenuSection } from '@core/services/menu.models';
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import { Authority } from '@shared/models/authority.enum';
+import {AuthUser} from '@shared/models/user.model';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class MenuService {
+
+  menuSections$: Subject<Array<MenuSection>> = new BehaviorSubject<Array<MenuSection>>([]);
+  homeSections$: Subject<Array<HomeSection>> = new BehaviorSubject<Array<HomeSection>>([]);
+
+  constructor(private store: Store<AppState>, private authService: AuthService) {
+    this.store.pipe(select(selectIsAuthenticated)).subscribe(
+      (authenticated: boolean) => {
+        if (authenticated) {
+          this.buildMenu();
+        }
+      }
+    );
+  }
+
+  private buildMenu() {
+    this.store.pipe(select(selectAuthUser), take(1)).subscribe(
+      (authUser: AuthUser) => {
+        if (authUser) {
+          let menuSections: Array<MenuSection>;
+          let homeSections: Array<HomeSection>;
+          switch (authUser.authority) {
+            case Authority.SYS_ADMIN:
+              menuSections = this.buildSysAdminMenu(authUser);
+              homeSections = this.buildSysAdminHome(authUser);
+              break;
+            case Authority.TENANT_ADMIN:
+              menuSections = this.buildTenantAdminMenu(authUser);
+              homeSections = this.buildTenantAdminHome(authUser);
+              break;
+            case Authority.CUSTOMER_USER:
+              menuSections = this.buildCustomerUserMenu(authUser);
+              homeSections = this.buildCustomerUserHome(authUser);
+              break;
+          }
+          this.menuSections$.next(menuSections);
+          this.homeSections$.next(homeSections);
+        }
+      }
+    );
+  }
+
+  private buildSysAdminMenu(authUser: any): Array<MenuSection> {
+    const sections: Array<MenuSection> = [];
+    sections.push(
+      {
+        name: 'home.home',
+        type: 'link',
+        path: '/home',
+        icon: 'home'
+      },
+      {
+        name: 'tenant.tenants',
+        type: 'link',
+        path: '/tenants',
+        icon: 'supervisor_account'
+      },
+      {
+        name: 'widget.widget-library',
+        type: 'link',
+        path: '/widgets-bundles',
+        icon: 'now_widgets'
+      },
+      {
+        name: 'admin.system-settings',
+        type: 'toggle',
+        path: '/settings',
+        height: '120px',
+        icon: 'settings',
+        pages: [
+          {
+            name: 'admin.general',
+            type: 'link',
+            path: '/settings/general',
+            icon: 'settings_applications'
+          },
+          {
+            name: 'admin.outgoing-mail',
+            type: 'link',
+            path: '/settings/outgoing-mail',
+            icon: 'mail'
+          },
+          {
+            name: 'admin.security-settings',
+            type: 'link',
+            path: '/settings/security-settings',
+            icon: 'security'
+          }
+        ]
+      }
+    );
+    return sections;
+  }
+
+  private buildSysAdminHome(authUser: any): Array<HomeSection> {
+    const homeSections: Array<HomeSection> = [];
+    homeSections.push(
+      {
+        name: 'tenant.management',
+        places: [
+          {
+            name: 'tenant.tenants',
+            icon: 'supervisor_account',
+            path: '/tenants'
+          }
+        ]
+      },
+      {
+        name: 'widget.management',
+        places: [
+          {
+            name: 'widget.widget-library',
+            icon: 'now_widgets',
+            path: '/widgets-bundles'
+          }
+        ]
+      },
+      {
+        name: 'admin.system-settings',
+        places: [
+          {
+            name: 'admin.general',
+            icon: 'settings_applications',
+            path: '/settings/general'
+          },
+          {
+            name: 'admin.outgoing-mail',
+            icon: 'mail',
+            path: '/settings/outgoing-mail'
+          },
+          {
+            name: 'admin.security-settings',
+            icon: 'security',
+            path: '/settings/security-settings'
+          }
+        ]
+      }
+    );
+    return homeSections;
+  }
+
+  private buildTenantAdminMenu(authUser: any): Array<MenuSection> {
+    const sections: Array<MenuSection> = [];
+    sections.push(
+      {
+        name: 'home.home',
+        type: 'link',
+        path: '/home',
+        icon: 'home'
+      },
+      {
+        name: 'rulechain.rulechains',
+        type: 'link',
+        path: '/ruleChains',
+        icon: 'settings_ethernet'
+      },
+      {
+        name: 'customer.customers',
+        type: 'link',
+        path: '/customers',
+        icon: 'supervisor_account'
+      },
+      {
+        name: 'asset.assets',
+        type: 'link',
+        path: '/assets',
+        icon: 'domain'
+      },
+      {
+        name: 'device.devices',
+        type: 'link',
+        path: '/devices',
+        icon: 'devices_other'
+      },
+      {
+        name: 'entity-view.entity-views',
+        type: 'link',
+        path: '/entityViews',
+        icon: 'view_quilt'
+      },
+      {
+        name: 'widget.widget-library',
+        type: 'link',
+        path: '/widgets-bundles',
+        icon: 'now_widgets'
+      },
+      {
+        name: 'dashboard.dashboards',
+        type: 'link',
+        path: '/dashboards',
+        icon: 'dashboards'
+      },
+      {
+        name: 'audit-log.audit-logs',
+        type: 'link',
+        path: '/auditLogs',
+        icon: 'track_changes'
+      }
+    );
+    return sections;
+  }
+
+  private buildTenantAdminHome(authUser: any): Array<HomeSection> {
+    const homeSections: Array<HomeSection> = [];
+    homeSections.push(
+      {
+        name: 'rulechain.management',
+        places: [
+          {
+            name: 'rulechain.rulechains',
+            icon: 'settings_ethernet',
+            path: '/ruleChains'
+          }
+        ]
+      },
+      {
+        name: 'customer.management',
+        places: [
+          {
+            name: 'customer.customers',
+            icon: 'supervisor_account',
+            path: '/customers'
+          }
+        ]
+      },
+      {
+        name: 'asset.management',
+        places: [
+          {
+            name: 'asset.assets',
+            icon: 'domain',
+            path: '/assets'
+          }
+        ]
+      },
+      {
+        name: 'device.management',
+        places: [
+          {
+            name: 'device.devices',
+            icon: 'devices_other',
+            path: '/devices'
+          }
+        ]
+      },
+      {
+        name: 'entity-view.management',
+        places: [
+          {
+            name: 'entity-view.entity-views',
+            icon: 'view_quilt',
+            path: '/entityViews'
+          }
+        ]
+      },
+      {
+        name: 'dashboard.management',
+        places: [
+          {
+            name: 'widget.widget-library',
+            icon: 'now_widgets',
+            path: '/widgets-bundles'
+          },
+          {
+            name: 'dashboard.dashboards',
+            icon: 'dashboard',
+            path: '/dashboards'
+          }
+        ]
+      },
+      {
+        name: 'audit-log.audit',
+        places: [
+          {
+            name: 'audit-log.audit-logs',
+            icon: 'track_changes',
+            path: '/auditLogs'
+          }
+        ]
+      }
+    );
+    return homeSections;
+  }
+
+  private buildCustomerUserMenu(authUser: any): Array<MenuSection> {
+    const sections: Array<MenuSection> = [];
+    sections.push(
+      {
+        name: 'home.home',
+        type: 'link',
+        path: '/home',
+        icon: 'home'
+      },
+      {
+        name: 'asset.assets',
+        type: 'link',
+        path: '/assets',
+        icon: 'domain'
+      },
+      {
+        name: 'device.devices',
+        type: 'link',
+        path: '/devices',
+        icon: 'devices_other'
+      },
+      {
+        name: 'entity-view.entity-views',
+        type: 'link',
+        path: '/entityViews',
+        icon: 'view_quilt'
+      },
+      {
+        name: 'dashboard.dashboards',
+        type: 'link',
+        path: '/dashboards',
+        icon: 'dashboard'
+      }
+    );
+    return sections;
+  }
+
+  private buildCustomerUserHome(authUser: any): Array<HomeSection> {
+    const homeSections: Array<HomeSection> = [
+      {
+        name: 'asset.view-assets',
+        places: [
+          {
+            name: 'asset.assets',
+            icon: 'domain',
+            path: '/assets'
+          }
+        ]
+      },
+      {
+        name: 'device.view-devices',
+        places: [
+          {
+            name: 'device.devices',
+            icon: 'devices_other',
+            path: '/devices'
+          }
+        ]
+      },
+      {
+        name: 'entity-view.management',
+        places: [
+          {
+            name: 'entity-view.entity-views',
+            icon: 'view_quilt',
+            path: '/entityViews'
+          }
+        ]
+      },
+      {
+        name: 'dashboard.view-dashboards',
+        places: [
+          {
+            name: 'dashboard.dashboards',
+            icon: 'dashboard',
+            path: '/dashboards'
+          }
+        ]
+      }
+    ];
+    return homeSections;
+  }
+
+  public menuSections(): Observable<Array<MenuSection>> {
+    return this.menuSections$;
+  }
+
+  public homeSections(): Observable<Array<HomeSection>> {
+    return this.homeSections$;
+  }
+
+}
+
diff --git a/ui-ngx/src/app/core/services/notification.service.ts b/ui-ngx/src/app/core/services/notification.service.ts
new file mode 100644
index 0000000000..c4dd566d56
--- /dev/null
+++ b/ui-ngx/src/app/core/services/notification.service.ts
@@ -0,0 +1,52 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { HideNotification, NotificationMessage } from '@app/core/notification/notification.models';
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
+
+
+@Injectable(
+  {
+    providedIn: 'root'
+  }
+)
+export class NotificationService {
+
+  private notificationSubject: Subject<NotificationMessage> = new Subject();
+
+  private hideNotificationSubject: Subject<HideNotification> = new Subject();
+
+  constructor(
+  ) {
+  }
+
+  dispatchNotification(notification: NotificationMessage) {
+    this.notificationSubject.next(notification);
+  }
+
+  hideNotification(hideNotification: HideNotification) {
+    this.hideNotificationSubject.next(hideNotification);
+  }
+
+  getNotification(): Observable<NotificationMessage> {
+    return this.notificationSubject.asObservable();
+  }
+
+  getHideNotification(): Observable<HideNotification> {
+    return this.hideNotificationSubject.asObservable();
+  }
+}
diff --git a/ui-ngx/src/app/core/services/public-api.ts b/ui-ngx/src/app/core/services/public-api.ts
new file mode 100644
index 0000000000..9a57872758
--- /dev/null
+++ b/ui-ngx/src/app/core/services/public-api.ts
@@ -0,0 +1,32 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export * from './script/node-script-test.service';
+export * from './broadcast.models';
+export * from './broadcast.service';
+export * from './dashboard-utils.service';
+export * from './dialog.service';
+export * from './dynamic-component-factory.service';
+export * from './item-buffer.service';
+export * from './menu.models';
+export * from './menu.service';
+export * from './notification.service';
+export * from './raf.service';
+export * from './resources.service';
+export * from './time.service';
+export * from './title.service';
+export * from './utils.service';
+export * from './window.service';
diff --git a/ui-ngx/src/app/core/services/raf.service.ts b/ui-ngx/src/app/core/services/raf.service.ts
new file mode 100644
index 0000000000..98d31d7dd6
--- /dev/null
+++ b/ui-ngx/src/app/core/services/raf.service.ts
@@ -0,0 +1,69 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Inject, Injectable, NgZone } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { WINDOW } from '@core/services/window.service';
+
+export type CancelAnimationFrame = () => void;
+
+// @dynamic
+@Injectable({
+  providedIn: 'root'
+})
+export class RafService {
+
+  private readonly rafFunction: (frameCallback: () => void) => CancelAnimationFrame;
+  private readonly rafSupported: boolean;
+
+  constructor(
+    @Inject(WINDOW) private window: Window,
+    private ngZone: NgZone
+  ) {
+    const requestAnimationFrame: (frameCallback: () => void) => number = window.requestAnimationFrame ||
+      window.webkitRequestAnimationFrame;
+    const cancelAnimationFrame = window.cancelAnimationFrame ||
+      window.webkitCancelAnimationFrame ||
+      // @ts-ignore
+      window.webkitCancelRequestAnimationFrame;
+
+    this.rafSupported = !!requestAnimationFrame;
+
+    if (this.rafSupported) {
+      this.rafFunction = (frameCallback: () => void) => {
+        const id = requestAnimationFrame(frameCallback);
+        return () => {
+          cancelAnimationFrame(id);
+        };
+      };
+    } else {
+      this.rafFunction = (frameCallback: () => void) => {
+        const timeoutId = setTimeout(frameCallback, 16.66);
+        return () => {
+          clearTimeout(timeoutId);
+        };
+      };
+    }
+  }
+
+  public raf(frameCallback: () => void, runInZone = false): CancelAnimationFrame {
+    if (runInZone) {
+      return this.rafFunction(frameCallback);
+    } else {
+      return this.ngZone.runOutsideAngular(() => this.rafFunction(frameCallback));
+    }
+  }
+}
diff --git a/ui-ngx/src/app/core/services/resources.service.ts b/ui-ngx/src/app/core/services/resources.service.ts
new file mode 100644
index 0000000000..ec90cbb232
--- /dev/null
+++ b/ui-ngx/src/app/core/services/resources.service.ts
@@ -0,0 +1,157 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  Compiler,
+  ComponentFactory,
+  Inject,
+  Injectable,
+  Injector,
+  ModuleWithComponentFactories,
+  Type
+} from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { forkJoin, Observable, ReplaySubject, throwError } from 'rxjs';
+
+declare const SystemJS;
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ResourcesService {
+
+  private loadedResources: { [url: string]: ReplaySubject<any> } = {};
+  private loadedModules: { [url: string]: ReplaySubject<ComponentFactory<any>[]> } = {};
+
+  private anchor = this.document.getElementsByTagName('head')[0] || this.document.getElementsByTagName('body')[0];
+
+  constructor(@Inject(DOCUMENT) private readonly document: any,
+              private compiler: Compiler,
+              private injector: Injector) {}
+
+  public loadResource(url: string): Observable<any> {
+    if (this.loadedResources[url]) {
+      return this.loadedResources[url].asObservable();
+    }
+
+    let fileType;
+    const match = /[.](css|less|html|htm|js)?((\?|#).*)?$/.exec(url);
+    if (match !== null) {
+      fileType = match[1];
+    }
+    if (!fileType) {
+      return throwError(new Error(`Unable to detect file type from url: ${url}`));
+    } else if (fileType !== 'css' && fileType !== 'js') {
+      return throwError(new Error(`Unsupported file type: ${fileType}`));
+    }
+    return this.loadResourceByType(fileType, url);
+  }
+
+  public loadModule(url: string, modulesMap: {[key: string]: any}): Observable<ComponentFactory<any>[]> {
+    if (this.loadedModules[url]) {
+      return this.loadedModules[url].asObservable();
+    }
+    const subject = new ReplaySubject<ComponentFactory<any>[]>();
+    this.loadedModules[url] = subject;
+    if (modulesMap) {
+      for (const moduleId of Object.keys(modulesMap)) {
+        SystemJS.set(moduleId, modulesMap[moduleId]);
+      }
+    }
+    SystemJS.import(url).then(
+      (module) => {
+        const modules = this.extractNgModules(module);
+        if (modules.length) {
+          const tasks: Promise<ModuleWithComponentFactories<any>>[] = [];
+          for (const m of modules) {
+            tasks.push(this.compiler.compileModuleAndAllComponentsAsync(m));
+          }
+          forkJoin(tasks).subscribe((compiled) => {
+            try {
+              const componentFactories: ComponentFactory<any>[] = [];
+              for (const c of compiled) {
+                c.ngModuleFactory.create(this.injector);
+                componentFactories.push(...c.componentFactories);
+              }
+              this.loadedModules[url].next(componentFactories);
+              this.loadedModules[url].complete();
+            } catch (e) {
+              this.loadedModules[url].error(new Error(`Unable to init module from url: ${url}`));
+              delete this.loadedModules[url];
+            }
+          },
+          (e) => {
+              this.loadedModules[url].error(new Error(`Unable to compile module from url: ${url}`));
+              delete this.loadedModules[url];
+          });
+        } else {
+          this.loadedModules[url].error(new Error(`Module '${url}' doesn't have default export!`));
+          delete this.loadedModules[url];
+        }
+      },
+      (e) => {
+        this.loadedModules[url].error(new Error(`Unable to load module from url: ${url}`));
+        delete this.loadedModules[url];
+      }
+    );
+    return subject.asObservable();
+  }
+
+  private extractNgModules(module: any, modules: Type<any>[] = [] ): Type<any>[] {
+    if (module && 'ɵmod' in module) {
+      modules.push(module);
+    } else {
+      for (const k of Object.keys(module)) {
+        this.extractNgModules(module[k], modules);
+      }
+    }
+    return modules;
+  }
+
+  private loadResourceByType(type: 'css' | 'js', url: string): Observable<any> {
+    const subject = new ReplaySubject();
+    this.loadedResources[url] = subject;
+    let el;
+    let loaded = false;
+    switch (type) {
+      case 'js':
+        el = this.document.createElement('script');
+        el.type = 'text/javascript';
+        el.async = true;
+        el.src = url;
+        break;
+      case 'css':
+        el = this.document.createElement('link');
+        el.type = 'text/css';
+        el.rel = 'stylesheet';
+        el.href = url;
+        break;
+    }
+    el.onload = el.onreadystatechange = (e) => {
+      if (el.readyState && !/^c|loade/.test(el.readyState) || loaded) { return; }
+      el.onload = el.onreadystatechange = null;
+      loaded = true;
+      this.loadedResources[url].next();
+      this.loadedResources[url].complete();
+    };
+    el.onerror = () => {
+      this.loadedResources[url].error(new Error(`Unable to load ${url}`));
+      delete this.loadedResources[url];
+    };
+    this.anchor.appendChild(el);
+    return subject.asObservable();
+  }
+}
diff --git a/ui-ngx/src/app/core/services/script/node-script-test.service.ts b/ui-ngx/src/app/core/services/script/node-script-test.service.ts
new file mode 100644
index 0000000000..ac50af85f8
--- /dev/null
+++ b/ui-ngx/src/app/core/services/script/node-script-test.service.ts
@@ -0,0 +1,96 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { Observable, of } from 'rxjs';
+import { RuleChainService } from '@core/http/rule-chain.service';
+import { map, switchMap } from 'rxjs/operators';
+import { MatDialog } from '@angular/material/dialog';
+import { NodeScriptTestDialogComponent, NodeScriptTestDialogData } from '@shared/components/dialog/node-script-test-dialog.component';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class NodeScriptTestService {
+
+  constructor(private ruleChainService: RuleChainService,
+              public dialog: MatDialog) {
+  }
+
+  testNodeScript(script: string, scriptType: string, functionTitle: string,
+                 functionName: string, argNames: string[], ruleNodeId: string): Observable<string> {
+    if (ruleNodeId) {
+      return this.ruleChainService.getLatestRuleNodeDebugInput(ruleNodeId).pipe(
+        switchMap((debugIn) => {
+          let msg: any;
+          let metadata: {[key: string]: string};
+          let msgType: string;
+          if (debugIn) {
+            if (debugIn.data) {
+              msg = JSON.parse(debugIn.data);
+            }
+            if (debugIn.metadata) {
+              metadata = JSON.parse(debugIn.metadata);
+            }
+            msgType = debugIn.msgType;
+          }
+          return this.openTestScriptDialog(script, scriptType, functionTitle,
+            functionName, argNames, msg, metadata, msgType);
+        })
+      );
+    } else {
+      return this.openTestScriptDialog(script, scriptType, functionTitle,
+        functionName, argNames);
+    }
+  }
+
+  private openTestScriptDialog(script: string, scriptType: string,
+                               functionTitle: string, functionName: string, argNames: string[],
+                               msg?: any, metadata?: {[key: string]: string}, msgType?: string): Observable<string> {
+    if (!msg) {
+      msg = {
+        temperature: 22.4,
+        humidity: 78
+      };
+    }
+    if (!metadata) {
+      metadata = {
+        deviceType: 'default',
+        deviceName: 'Test Device',
+        ts: new Date().getTime() + ''
+      };
+    }
+    if (!msgType) {
+      msgType = 'POST_TELEMETRY_REQUEST';
+    }
+    return this.dialog.open<NodeScriptTestDialogComponent, NodeScriptTestDialogData, string>(NodeScriptTestDialogComponent,
+      {
+        disableClose: true,
+        panelClass: ['tb-dialog', 'tb-fullscreen-dialog', 'tb-fullscreen-dialog-gt-sm'],
+        data: {
+          msg,
+          metadata,
+          msgType,
+          functionTitle,
+          functionName,
+          script,
+          scriptType,
+          argNames
+        }
+      }).afterClosed();
+  }
+
+}
diff --git a/ui-ngx/src/app/core/services/time.service.ts b/ui-ngx/src/app/core/services/time.service.ts
new file mode 100644
index 0000000000..ea9326e6ba
--- /dev/null
+++ b/ui-ngx/src/app/core/services/time.service.ts
@@ -0,0 +1,156 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { AggregationType, DAY, defaultTimeIntervals, SECOND, Timewindow, defaultTimewindow } from '@shared/models/time/time.models';
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { defaultHttpOptions } from '@core/http/http-utils';
+import { map } from 'rxjs/operators';
+import { isDefined } from '@core/utils';
+
+export interface TimeInterval {
+  name: string;
+  translateParams: {[key: string]: any};
+  value: number;
+}
+
+const MIN_INTERVAL = SECOND;
+const MAX_INTERVAL = 365 * 20 * DAY;
+
+const MIN_LIMIT = 10;
+
+const MAX_DATAPOINTS_LIMIT = 500;
+
+@Injectable({
+  providedIn: 'root'
+})
+export class TimeService {
+
+  private maxDatapointsLimit = MAX_DATAPOINTS_LIMIT;
+
+  constructor(
+    private http: HttpClient
+  ) {}
+
+  public loadMaxDatapointsLimit(): Observable<number> {
+    return this.http.get<number>('/api/dashboard/maxDatapointsLimit',
+      defaultHttpOptions(true)).pipe(
+        map( (limit) => {
+          this.maxDatapointsLimit = limit;
+          if (!this.maxDatapointsLimit || this.maxDatapointsLimit <= MIN_LIMIT) {
+            this.maxDatapointsLimit = MIN_LIMIT + 1;
+          }
+          return this.maxDatapointsLimit;
+        })
+      );
+  }
+
+  public matchesExistingInterval(min: number, max: number, intervalMs: number): boolean {
+    const intervals = this.getIntervals(min, max);
+    return intervals.findIndex(interval => interval.value === intervalMs) > -1;
+  }
+
+  public getIntervals(min: number, max: number): Array<TimeInterval> {
+    min = this.boundMinInterval(min);
+    max = this.boundMaxInterval(max);
+    return defaultTimeIntervals.filter((interval) => interval.value >= min && interval.value <= max);
+  }
+
+  public boundMinInterval(min: number): number {
+    if (isDefined(min)) {
+      min = Math.floor(min / 1000) * 1000;
+    }
+    return this.toBound(min, MIN_INTERVAL, MAX_INTERVAL, MIN_INTERVAL);
+  }
+
+  public boundMaxInterval(max: number): number {
+    if (isDefined(max)) {
+      max = Math.floor(max / 1000) * 1000;
+    }
+    return this.toBound(max, MIN_INTERVAL, MAX_INTERVAL, MAX_INTERVAL);
+  }
+
+  public boundToPredefinedInterval(min: number, max: number, intervalMs: number): number {
+    const intervals = this.getIntervals(min, max);
+    let minDelta = MAX_INTERVAL;
+    const boundedInterval = intervalMs || min;
+    if (!intervals.length) {
+      return boundedInterval;
+    }
+    let matchedInterval: TimeInterval = intervals[0];
+    intervals.forEach((interval) => {
+      const delta = Math.abs(interval.value - boundedInterval);
+      if (delta < minDelta) {
+        matchedInterval = interval;
+        minDelta = delta;
+      }
+    });
+    return matchedInterval.value;
+  }
+
+  public boundIntervalToTimewindow(timewindow: number, intervalMs: number, aggType: AggregationType): number {
+    if (aggType === AggregationType.NONE) {
+      return SECOND;
+    } else {
+      const min = this.minIntervalLimit(timewindow);
+      const max = this.maxIntervalLimit(timewindow);
+      if (intervalMs) {
+        return this.toBound(intervalMs, min, max, intervalMs);
+      } else {
+        return this.boundToPredefinedInterval(min, max, this.avgInterval(timewindow));
+      }
+    }
+  }
+
+  public getMaxDatapointsLimit(): number {
+    return this.maxDatapointsLimit;
+  }
+
+  public getMinDatapointsLimit(): number {
+    return MIN_LIMIT;
+  }
+
+  public avgInterval(timewindow: number): number {
+    const avg = timewindow / 200;
+    return this.boundMinInterval(avg);
+  }
+
+  public minIntervalLimit(timewindowMs: number): number {
+    const min = timewindowMs / 500;
+    return this.boundMinInterval(min);
+  }
+
+  public maxIntervalLimit(timewindowMs: number): number {
+    const max = timewindowMs / MIN_LIMIT;
+    return this.boundMaxInterval(max);
+  }
+
+  public defaultTimewindow(): Timewindow {
+    return defaultTimewindow(this);
+  }
+
+  private toBound(value: number, min: number, max: number, defValue: number): number {
+    if (isDefined(value)) {
+      value = Math.max(value, min);
+      value = Math.min(value, max);
+      return value;
+    } else {
+      return defValue;
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/core/services/title.service.ts b/ui-ngx/src/app/core/services/title.service.ts
new file mode 100644
index 0000000000..9e26c73690
--- /dev/null
+++ b/ui-ngx/src/app/core/services/title.service.ts
@@ -0,0 +1,55 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Title } from '@angular/platform-browser';
+import { Injectable } from '@angular/core';
+import { ActivatedRouteSnapshot } from '@angular/router';
+import { TranslateService } from '@ngx-translate/core';
+import { filter } from 'rxjs/operators';
+
+import { environment as env } from '@env/environment';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class TitleService {
+  constructor(
+    private translate: TranslateService,
+    private title: Title
+  ) {}
+
+  setTitle(
+    snapshot: ActivatedRouteSnapshot,
+    lazyTranslate?: TranslateService
+  ) {
+    let lastChild = snapshot;
+    while (lastChild.children.length) {
+      lastChild = lastChild.children[0];
+    }
+    const { title } = lastChild.data;
+    const translate = lazyTranslate || this.translate;
+    if (title) {
+      translate
+        .get(title)
+        .pipe(filter(translatedTitle => translatedTitle !== title))
+        .subscribe(translatedTitle =>
+          this.title.setTitle(`${env.appTitle} | ${translatedTitle}`)
+        );
+    } else {
+      this.title.setTitle(env.appTitle);
+    }
+  }
+}
diff --git a/ui-ngx/src/app/core/services/utils.service.ts b/ui-ngx/src/app/core/services/utils.service.ts
new file mode 100644
index 0000000000..e5e44a87f2
--- /dev/null
+++ b/ui-ngx/src/app/core/services/utils.service.ts
@@ -0,0 +1,463 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+// tslint:disable-next-line:no-reference
+/// <reference path="../../../../src/typings/rawloader.typings.d.ts" />
+
+import { Inject, Injectable, NgZone } from '@angular/core';
+import { WINDOW } from '@core/services/window.service';
+import { ExceptionData } from '@app/shared/models/error.models';
+import { deepClone, deleteNullProperties, guid, isDefined, isDefinedAndNotNull, isUndefined } from '@core/utils';
+import { WindowMessage } from '@shared/models/window-message.model';
+import { TranslateService } from '@ngx-translate/core';
+import { customTranslationsPrefix } from '@app/shared/models/constants';
+import { DataKey, Datasource, DatasourceType, KeyInfo } from '@shared/models/widget.models';
+import { EntityType } from '@shared/models/entity-type.models';
+import { DataKeyType } from '@app/shared/models/telemetry/telemetry.models';
+import { alarmFields } from '@shared/models/alarm.models';
+import { materialColors } from '@app/shared/models/material.models';
+import { WidgetInfo } from '@home/models/widget-component.models';
+import jsonSchemaDefaults from 'json-schema-defaults';
+import materialIconsCodepoints from '!raw-loader!material-design-icons/iconfont/codepoints';
+import { Observable, of, ReplaySubject } from 'rxjs';
+
+const varsRegex = /\$\{([^}]*)\}/g;
+
+const predefinedFunctions: {[func: string]: string} = {
+  Sin: 'return Math.round(1000*Math.sin(time/5000));',
+  Cos: 'return Math.round(1000*Math.cos(time/5000));',
+  Random: 'var value = prevValue + Math.random() * 100 - 50;\n' +
+    'var multiplier = Math.pow(10, 2 || 0);\n' +
+    'var value = Math.round(value * multiplier) / multiplier;\n' +
+    'if (value < -1000) {\n' +
+    '	value = -1000;\n' +
+    '} else if (value > 1000) {\n' +
+    '	value = 1000;\n' +
+    '}\n' +
+    'return value;'
+};
+
+const predefinedFunctionsList: Array<string> = [];
+for (const func of Object.keys(predefinedFunctions)) {
+  predefinedFunctionsList.push(func);
+}
+
+const defaultAlarmFields: Array<string> = [
+  alarmFields.createdTime.keyName,
+  alarmFields.originator.keyName,
+  alarmFields.type.keyName,
+  alarmFields.severity.keyName,
+  alarmFields.status.keyName
+];
+
+const commonMaterialIcons: Array<string> = [ 'more_horiz', 'more_vert', 'open_in_new',
+  'visibility', 'play_arrow', 'arrow_back', 'arrow_downward',
+  'arrow_forward', 'arrow_upwards', 'close', 'refresh', 'menu', 'show_chart', 'multiline_chart', 'pie_chart', 'insert_chart', 'people',
+  'person', 'domain', 'devices_other', 'now_widgets', 'dashboards', 'map', 'pin_drop', 'my_location', 'extension', 'search',
+  'settings', 'notifications', 'notifications_active', 'info', 'info_outline', 'warning', 'list', 'file_download', 'import_export',
+  'share', 'add', 'edit', 'done' ];
+
+// @dynamic
+@Injectable({
+  providedIn: 'root'
+})
+export class UtilsService {
+
+  iframeMode = false;
+  widgetEditMode = false;
+  editWidgetInfo: WidgetInfo = null;
+
+  defaultDataKey: DataKey = {
+    name: 'f(x)',
+    type: DataKeyType.function,
+    label: 'Sin',
+    color: this.getMaterialColor(0),
+    funcBody: this.getPredefinedFunctionBody('Sin'),
+    settings: {},
+    _hash: Math.random()
+  };
+
+  defaultDatasource: Datasource = {
+    type: DatasourceType.function,
+    name: DatasourceType.function,
+    dataKeys: [deepClone(this.defaultDataKey)]
+  };
+
+  defaultAlarmDataKeys: Array<DataKey> = [];
+
+  materialIcons: Array<string> = [];
+
+  constructor(@Inject(WINDOW) private window: Window,
+              private zone: NgZone,
+              private translate: TranslateService) {
+    let frame: Element = null;
+    try {
+      frame = window.frameElement;
+    } catch (e) {
+      // ie11 fix
+    }
+    if (frame) {
+      this.iframeMode = true;
+      const dataWidgetAttr = frame.getAttribute('data-widget');
+      if (dataWidgetAttr && dataWidgetAttr.length) {
+        this.editWidgetInfo = JSON.parse(dataWidgetAttr);
+        this.widgetEditMode = true;
+      }
+    }
+  }
+
+  public getPredefinedFunctionsList(): Array<string> {
+    return predefinedFunctionsList;
+  }
+
+  public getPredefinedFunctionBody(func: string): string {
+    return predefinedFunctions[func];
+  }
+
+  public getDefaultDatasource(dataKeySchema: any): Datasource {
+    const datasource = deepClone(this.defaultDatasource);
+    if (isDefined(dataKeySchema)) {
+      datasource.dataKeys[0].settings = this.generateObjectFromJsonSchema(dataKeySchema);
+    }
+    return datasource;
+  }
+
+  private initDefaultAlarmDataKeys() {
+    for (let i = 0; i < defaultAlarmFields.length; i++) {
+      const name = defaultAlarmFields[i];
+      const dataKey: DataKey = {
+        name,
+        type: DataKeyType.alarm,
+        label: this.translate.instant(alarmFields[name].name),
+        color: this.getMaterialColor(i),
+        settings: {},
+        _hash: Math.random()
+      };
+      this.defaultAlarmDataKeys.push(dataKey);
+    }
+  }
+
+  public getDefaultAlarmDataKeys(): Array<DataKey> {
+    if (!this.defaultAlarmDataKeys.length) {
+      this.initDefaultAlarmDataKeys();
+    }
+    return deepClone(this.defaultAlarmDataKeys);
+  }
+
+  public generateObjectFromJsonSchema(schema: any): any {
+    const obj = jsonSchemaDefaults(schema);
+    deleteNullProperties(obj);
+    return obj;
+  }
+
+  public hashCode(str: string): number {
+    let hash = 0;
+    let i: number;
+    let char: number;
+    if (str.length === 0) {
+      return hash;
+    }
+    for (i = 0; i < str.length; i++) {
+      char = str.charCodeAt(i);
+      // tslint:disable-next-line:no-bitwise
+      hash = ((hash << 5) - hash) + char;
+      // tslint:disable-next-line:no-bitwise
+      hash = hash & hash; // Convert to 32bit integer
+    }
+    return hash;
+  }
+
+  public objectHashCode(obj: any): number {
+    let hash = 0;
+    if (obj) {
+      const str = JSON.stringify(obj);
+      hash = this.hashCode(str);
+    }
+    return hash;
+  }
+
+  public processWidgetException(exception: any): ExceptionData {
+    const data = this.parseException(exception, -6);
+    if (this.widgetEditMode) {
+      const message: WindowMessage = {
+        type: 'widgetException',
+        data
+      };
+      this.window.parent.postMessage(JSON.stringify(message), '*');
+    }
+    return data;
+  }
+
+  public parseException(exception: any, lineOffset?: number): ExceptionData {
+    const data: ExceptionData = {};
+    if (exception) {
+      if (typeof exception === 'string') {
+        data.message = exception;
+      } else if (exception instanceof String) {
+        data.message = exception.toString();
+      } else {
+        if (exception.name) {
+          data.name = exception.name;
+        } else {
+          data.name = 'UnknownError';
+        }
+        if (exception.message) {
+          data.message = exception.message;
+        }
+        if (exception.lineNumber) {
+          data.lineNumber = exception.lineNumber;
+          if (exception.columnNumber) {
+            data.columnNumber = exception.columnNumber;
+          }
+        } else if (exception.stack) {
+          const lineInfoRegexp = /(.*<anonymous>):(\d*)(:)?(\d*)?/g;
+          const lineInfoGroups = lineInfoRegexp.exec(exception.stack);
+          if (lineInfoGroups != null && lineInfoGroups.length >= 3) {
+            if (isUndefined(lineOffset)) {
+              lineOffset = -2;
+            }
+            data.lineNumber = Number(lineInfoGroups[2]) + lineOffset;
+            if (lineInfoGroups.length >= 5) {
+              data.columnNumber = Number(lineInfoGroups[4]);
+            }
+          }
+        }
+      }
+    }
+    return data;
+  }
+
+  public customTranslation(translationValue: string, defaultValue: string): string {
+    let result = '';
+    const translationId = customTranslationsPrefix + translationValue;
+    const translation = this.translate.instant(translationId);
+    if (translation !== translationId) {
+      result = translation + '';
+    } else {
+      result = defaultValue;
+    }
+    return result;
+  }
+
+  public insertVariable(pattern: string, name: string, value: any): string {
+    let result = deepClone(pattern);
+    let match = varsRegex.exec(pattern);
+    while (match !== null) {
+      const variable = match[0];
+      const variableName = match[1];
+      if (variableName === name) {
+        result = result.split(variable).join(value);
+      }
+      match = varsRegex.exec(pattern);
+    }
+    return result;
+  }
+
+  public guid(): string {
+    return guid();
+  }
+
+  public validateDatasources(datasources: Array<Datasource>): Array<Datasource> {
+    datasources.forEach((datasource) => {
+      // @ts-ignore
+      if (datasource.type === 'device') {
+        datasource.type = DatasourceType.entity;
+        datasource.entityType = EntityType.DEVICE;
+        if (datasource.deviceId) {
+          datasource.entityId = datasource.deviceId;
+        } else if (datasource.deviceAliasId) {
+          datasource.entityAliasId = datasource.deviceAliasId;
+        }
+        if (datasource.deviceName) {
+          datasource.entityName = datasource.deviceName;
+        }
+      }
+      if (datasource.type === DatasourceType.entity && datasource.entityId) {
+        datasource.name = datasource.entityName;
+      }
+    });
+    return datasources;
+  }
+
+  public getMaterialIcons(): Observable<Array<string>> {
+    if (this.materialIcons.length) {
+      return of(this.materialIcons);
+    } else {
+      const materialIconsSubject = new ReplaySubject<Array<string>>();
+      this.zone.runOutsideAngular(() => {
+        const codepointsArray = materialIconsCodepoints
+          .split('\n')
+          .filter((codepoint) => codepoint && codepoint.length);
+        codepointsArray.forEach((codepoint) => {
+            const values = codepoint.split(' ');
+            if (values && values.length === 2) {
+              this.materialIcons.push(values[0]);
+            }
+        });
+        materialIconsSubject.next(this.materialIcons);
+      });
+      return materialIconsSubject.asObservable();
+    }
+  }
+
+  public getCommonMaterialIcons(): Array<string> {
+    return commonMaterialIcons;
+  }
+
+  public getMaterialColor(index: number) {
+    const colorIndex = index % materialColors.length;
+    return materialColors[colorIndex].value;
+  }
+
+  public createKey(keyInfo: KeyInfo, type: DataKeyType, index: number = -1): DataKey {
+    let label;
+    if (type === DataKeyType.alarm && !keyInfo.label) {
+      const alarmField = alarmFields[keyInfo.name];
+      if (alarmField) {
+        label = this.translate.instant(alarmField.name);
+      }
+    }
+    if (!label) {
+      label = keyInfo.label || keyInfo.name;
+    }
+    const dataKey: DataKey = {
+      name: keyInfo.name,
+      type,
+      label,
+      funcBody: keyInfo.funcBody,
+      settings: {},
+      _hash: Math.random()
+    };
+    if (keyInfo.units) {
+      dataKey.units = keyInfo.units;
+    }
+    if (isDefined(keyInfo.decimals)) {
+      dataKey.decimals = keyInfo.decimals;
+    }
+    if (keyInfo.color) {
+      dataKey.color = keyInfo.color;
+    } else if (index > -1) {
+      dataKey.color = this.getMaterialColor(index);
+    }
+    if (keyInfo.postFuncBody && keyInfo.postFuncBody.length) {
+      dataKey.usePostProcessing = true;
+      dataKey.postFuncBody = keyInfo.postFuncBody;
+    }
+    return dataKey;
+  }
+
+  public createLabelFromDatasource(datasource: Datasource, pattern: string) {
+    let label = pattern;
+    if (!datasource) {
+      return label;
+    }
+    let match = varsRegex.exec(pattern);
+    while (match !== null) {
+      const variable = match[0];
+      const variableName = match[1];
+      if (variableName === 'dsName') {
+        label = label.split(variable).join(datasource.name);
+      } else if (variableName === 'entityName') {
+        label = label.split(variable).join(datasource.entityName);
+      } else if (variableName === 'deviceName') {
+        label = label.split(variable).join(datasource.entityName);
+      } else if (variableName === 'entityLabel') {
+        label = label.split(variable).join(datasource.entityLabel);
+      } else if (variableName === 'aliasName') {
+        label = label.split(variable).join(datasource.aliasName);
+      } else if (variableName === 'entityDescription') {
+        label = label.split(variable).join(datasource.entityDescription);
+      }
+      match = varsRegex.exec(pattern);
+    }
+    return label;
+  }
+
+  public generateColors(datasources: Array<Datasource>) {
+    let index = 0;
+    datasources.forEach((datasource) => {
+      datasource.dataKeys.forEach((dataKey) => {
+        if (!dataKey.color) {
+          dataKey.color = this.getMaterialColor(index);
+        }
+        index++;
+      });
+    });
+  }
+
+  public currentPerfTime(): number {
+    return this.window.performance && this.window.performance.now ?
+      this.window.performance.now() : Date.now();
+  }
+
+  public getQueryParam(name: string): string {
+    const url = this.window.location.href;
+    name = name.replace(/[\[\]]/g, '\\$&');
+    const regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)');
+    const results = regex.exec(url);
+    if (!results) {
+      return null;
+    }
+    if (!results[2]) {
+      return '';
+    }
+    return decodeURIComponent(results[2].replace(/\+/g, ' '));
+  }
+
+  public updateQueryParam(name: string, value: string | null) {
+    const baseUrl = [this.window.location.protocol, '//', this.window.location.host, this.window.location.pathname].join('');
+    const urlQueryString = this.window.location.search;
+    let newParam = '';
+    let params = '';
+    if (value !== null) {
+      newParam = name + '=' + value;
+    }
+    if (urlQueryString) {
+      const keyRegex = new RegExp('([\?&])' + name + '[^&]*');
+      if (urlQueryString.match(keyRegex) !== null) {
+        if (newParam) {
+          newParam = '$1' + newParam;
+        }
+        params = urlQueryString.replace(keyRegex, newParam);
+      } else if (newParam) {
+        params = urlQueryString + '&' + newParam;
+      }
+    } else if (newParam) {
+        params = '?' + newParam;
+    }
+    this.window.history.replaceState({}, '', baseUrl + params);
+  }
+
+  public deepClone<T>(target: T, ignoreFields?: string[]): T {
+    return deepClone(target, ignoreFields);
+  }
+
+  public isUndefined(value: any): boolean {
+    return isUndefined(value);
+  }
+
+  public isDefined(value: any): boolean {
+    return isDefined(value);
+  }
+
+  public defaultValue(value: any, defaultValue: any): any {
+    if (isDefinedAndNotNull(value)) {
+      return value;
+    } else {
+      return defaultValue;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/core/services/window.service.ts b/ui-ngx/src/app/core/services/window.service.ts
new file mode 100644
index 0000000000..1bd0ce3c8e
--- /dev/null
+++ b/ui-ngx/src/app/core/services/window.service.ts
@@ -0,0 +1,72 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+
+import { isPlatformBrowser } from '@angular/common';
+import { ClassProvider, FactoryProvider, InjectionToken, PLATFORM_ID, Injectable } from '@angular/core';
+
+/* Create a new injection token for injecting the window into a component. */
+export const WINDOW = new InjectionToken('WindowToken');
+
+/* Define abstract class for obtaining reference to the global window object. */
+export abstract class WindowRef {
+
+  get nativeWindow(): Window | object {
+    throw new Error('Not implemented.');
+  }
+
+}
+
+/* Define class that implements the abstract class and returns the native window object. */
+@Injectable()
+export class BrowserWindowRef extends WindowRef {
+
+  constructor() {
+    super();
+  }
+
+  get nativeWindow(): Window | object {
+    return window;
+  }
+
+}
+
+/* Create an factory function that returns the native window object. */
+export function windowFactory(browserWindowRef: BrowserWindowRef, platformId: object): Window | object {
+  if (isPlatformBrowser(platformId)) {
+    return browserWindowRef.nativeWindow;
+  }
+  return new Object();
+}
+
+/* Create a injectable provider for the WindowRef token that uses the BrowserWindowRef class. */
+export const browserWindowProvider: ClassProvider = {
+  provide: WindowRef,
+  useClass: BrowserWindowRef
+};
+
+/* Create an injectable provider that uses the windowFactory function for returning the native window object. */
+export const windowProvider: FactoryProvider = {
+  provide: WINDOW,
+  useFactory: windowFactory,
+  deps: [ WindowRef, PLATFORM_ID ]
+};
+
+/* Create an array of providers. */
+export const WINDOW_PROVIDERS = [
+  browserWindowProvider,
+  windowProvider
+];
diff --git a/ui-ngx/src/app/core/settings/settings.actions.ts b/ui-ngx/src/app/core/settings/settings.actions.ts
new file mode 100644
index 0000000000..6d4c737197
--- /dev/null
+++ b/ui-ngx/src/app/core/settings/settings.actions.ts
@@ -0,0 +1,30 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Action } from '@ngrx/store';
+
+export enum SettingsActionTypes {
+  CHANGE_LANGUAGE = '[Settings] Change Language'
+}
+
+export class ActionSettingsChangeLanguage implements Action {
+  readonly type = SettingsActionTypes.CHANGE_LANGUAGE;
+
+  constructor(readonly payload: { userLang: string }) {}
+}
+
+export type SettingsActions =
+  | ActionSettingsChangeLanguage;
diff --git a/ui-ngx/src/app/core/settings/settings.effects.ts b/ui-ngx/src/app/core/settings/settings.effects.ts
new file mode 100644
index 0000000000..f11cc5bbed
--- /dev/null
+++ b/ui-ngx/src/app/core/settings/settings.effects.ts
@@ -0,0 +1,110 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { ActivationEnd, ActivationStart, Router } from '@angular/router';
+import { Injectable } from '@angular/core';
+import { select, Store } from '@ngrx/store';
+import { Actions, Effect, ofType } from '@ngrx/effects';
+import { TranslateService } from '@ngx-translate/core';
+import { merge } from 'rxjs';
+import {
+  tap,
+  withLatestFrom,
+  map,
+  distinctUntilChanged,
+  filter
+} from 'rxjs/operators';
+
+import {
+  SettingsActionTypes,
+  SettingsActions,
+} from './settings.actions';
+import {
+  selectSettingsState
+} from './settings.selectors';
+import { AppState } from '@app/core/core.state';
+import { LocalStorageService } from '@app/core/local-storage/local-storage.service';
+import { TitleService } from '@app/core/services/title.service';
+import { updateUserLang } from '@app/core/settings/settings.utils';
+import { AuthService } from '@core/auth/auth.service';
+import { UtilsService } from '@core/services/utils.service';
+import { getCurrentAuthUser } from '@core/auth/auth.selectors';
+import { ActionAuthUpdateLastPublicDashboardId } from '../auth/auth.actions';
+
+export const SETTINGS_KEY = 'SETTINGS';
+
+@Injectable()
+export class SettingsEffects {
+  constructor(
+    private actions$: Actions<SettingsActions>,
+    private store: Store<AppState>,
+    private authService: AuthService,
+    private utils: UtilsService,
+    private router: Router,
+    private localStorageService: LocalStorageService,
+    private titleService: TitleService,
+    private translate: TranslateService
+  ) {
+  }
+
+  @Effect({dispatch: false})
+  persistSettings = this.actions$.pipe(
+    ofType(
+      SettingsActionTypes.CHANGE_LANGUAGE,
+    ),
+    withLatestFrom(this.store.pipe(select(selectSettingsState))),
+    tap(([action, settings]) =>
+      this.localStorageService.setItem(SETTINGS_KEY, settings)
+    )
+  );
+
+  @Effect({dispatch: false})
+  setTranslateServiceLanguage = this.store.pipe(
+    select(selectSettingsState),
+    map(settings => settings.userLang),
+    distinctUntilChanged(),
+    tap(userLang => updateUserLang(this.translate, userLang))
+  );
+
+  @Effect({dispatch: false})
+  setTitle = merge(
+    this.actions$.pipe(ofType(SettingsActionTypes.CHANGE_LANGUAGE)),
+    this.router.events.pipe(filter(event => event instanceof ActivationEnd))
+  ).pipe(
+    tap(() => {
+      this.titleService.setTitle(
+        this.router.routerState.snapshot.root,
+        this.translate
+      );
+    })
+  );
+
+  @Effect({dispatch: false})
+  setPublicId = merge(
+    this.router.events.pipe(filter(event => event instanceof ActivationEnd))
+  ).pipe(
+    tap((event) => {
+      const authUser = getCurrentAuthUser(this.store);
+      const snapshot = (event as ActivationEnd).snapshot;
+      if (authUser && authUser.isPublic && snapshot.url && snapshot.url.length
+          && snapshot.url[0].path === 'dashboard') {
+        this.utils.updateQueryParam('publicId', authUser.sub);
+        this.store.dispatch(new ActionAuthUpdateLastPublicDashboardId(
+          { lastPublicDashboardId: snapshot.params.dashboardId}));
+      }
+    })
+  );
+}
diff --git a/ui-ngx/src/app/core/settings/settings.models.ts b/ui-ngx/src/app/core/settings/settings.models.ts
new file mode 100644
index 0000000000..7489a9a031
--- /dev/null
+++ b/ui-ngx/src/app/core/settings/settings.models.ts
@@ -0,0 +1,20 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+
+export interface SettingsState {
+  userLang: string;
+}
diff --git a/ui-ngx/src/app/core/settings/settings.reducer.ts b/ui-ngx/src/app/core/settings/settings.reducer.ts
new file mode 100644
index 0000000000..9ae9518519
--- /dev/null
+++ b/ui-ngx/src/app/core/settings/settings.reducer.ts
@@ -0,0 +1,34 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { SettingsState } from './settings.models';
+import { SettingsActions, SettingsActionTypes } from './settings.actions';
+
+export const initialState: SettingsState = {
+  userLang: null
+};
+
+export function settingsReducer(
+  state: SettingsState = initialState,
+  action: SettingsActions
+): SettingsState {
+  switch (action.type) {
+    case SettingsActionTypes.CHANGE_LANGUAGE:
+      return { ...state, ...action.payload };
+    default:
+      return state;
+  }
+}
diff --git a/ui-ngx/src/app/core/settings/settings.selectors.ts b/ui-ngx/src/app/core/settings/settings.selectors.ts
new file mode 100644
index 0000000000..db6ce50165
--- /dev/null
+++ b/ui-ngx/src/app/core/settings/settings.selectors.ts
@@ -0,0 +1,34 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { createFeatureSelector, createSelector } from '@ngrx/store';
+
+import { SettingsState } from './settings.models';
+import { AppState } from '@app/core/core.state';
+
+export const selectSettingsState = createFeatureSelector<AppState, SettingsState>(
+  'settings'
+);
+
+export const selectSettings = createSelector(
+  selectSettingsState,
+  (state: SettingsState) => state
+);
+
+export const selectUserLang = createSelector(
+  selectSettings,
+  (state: SettingsState) => state.userLang
+);
diff --git a/ui-ngx/src/app/core/settings/settings.utils.ts b/ui-ngx/src/app/core/settings/settings.utils.ts
new file mode 100644
index 0000000000..d44dc267e0
--- /dev/null
+++ b/ui-ngx/src/app/core/settings/settings.utils.ts
@@ -0,0 +1,65 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { environment as env } from '@env/environment';
+import { TranslateService } from '@ngx-translate/core';
+import * as _moment from 'moment';
+
+export function updateUserLang(translate: TranslateService, userLang: string) {
+  let targetLang = userLang;
+  if (!env.production) {
+    console.log(`User lang: ${targetLang}`);
+  }
+  if (!targetLang) {
+    targetLang = translate.getBrowserCultureLang();
+    if (!env.production) {
+      console.log(`Fallback to browser lang: ${targetLang}`);
+    }
+  }
+  const detectedSupportedLang = detectSupportedLang(targetLang);
+  if (!env.production) {
+    console.log(`Detected supported lang: ${detectedSupportedLang}`);
+  }
+  translate.use(detectedSupportedLang);
+  _moment.locale([detectedSupportedLang]);
+}
+
+function detectSupportedLang(targetLang: string): string {
+  const langTag = (targetLang || '').split('-').join('_');
+  if (langTag.length) {
+    if (env.supportedLangs.indexOf(langTag) > -1) {
+      return langTag;
+    } else {
+      const parts = langTag.split('_');
+      let lang;
+      if (parts.length === 2) {
+        lang = parts[0];
+      } else {
+        lang = langTag;
+      }
+      const foundLangs = env.supportedLangs.filter(
+        (supportedLang: string) => {
+          const supportedLangParts = supportedLang.split('_');
+          return supportedLangParts[0] === lang;
+        }
+      );
+      if (foundLangs.length) {
+        return foundLangs[0];
+      }
+    }
+  }
+  return env.defaultLang;
+}
diff --git a/ui-ngx/src/app/core/translate/missing-translate-handler.ts b/ui-ngx/src/app/core/translate/missing-translate-handler.ts
new file mode 100644
index 0000000000..dd91e9f4bf
--- /dev/null
+++ b/ui-ngx/src/app/core/translate/missing-translate-handler.ts
@@ -0,0 +1,26 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {MissingTranslationHandler, MissingTranslationHandlerParams} from '@ngx-translate/core';
+import { customTranslationsPrefix } from '@app/shared/models/constants';
+
+export class TbMissingTranslationHandler implements MissingTranslationHandler {
+  handle(params: MissingTranslationHandlerParams) {
+    if (params.key && !params.key.startsWith(customTranslationsPrefix)) {
+      console.warn('Translation for ' + params.key + ' doesn\'t exist');
+    }
+  }
+}
diff --git a/ui-ngx/src/app/core/translate/translate-default-compiler.ts b/ui-ngx/src/app/core/translate/translate-default-compiler.ts
new file mode 100644
index 0000000000..26fcfc0746
--- /dev/null
+++ b/ui-ngx/src/app/core/translate/translate-default-compiler.ts
@@ -0,0 +1,74 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  MESSAGE_FORMAT_CONFIG, MessageFormatConfig,
+  TranslateMessageFormatCompiler
+} from 'ngx-translate-messageformat-compiler';
+import { Inject, Injectable, Optional } from '@angular/core';
+const parse = require('messageformat-parser').parse;
+
+@Injectable({ providedIn: 'root' })
+export class TranslateDefaultCompiler extends TranslateMessageFormatCompiler {
+
+  constructor(
+    @Optional()
+    @Inject(MESSAGE_FORMAT_CONFIG)
+      config?: MessageFormatConfig
+  ) {
+    super(config);
+  }
+
+  public compile(value: string, lang: string): (params: any) => string {
+    return this.defaultCompile(value, lang);
+  }
+
+  public compileTranslations(translations: any, lang: string): any {
+    return this.defaultCompile(translations, lang);
+  }
+
+  private defaultCompile(src: any, lang: string): any {
+    if (typeof src !== 'object') {
+      if (this.checkIsPlural(src)) {
+        return super.compile(src, lang);
+      } else {
+        return src;
+      }
+    } else {
+      const result = {};
+      for (const key of Object.keys(src)) {
+        result[key] = this.defaultCompile(src[key], lang);
+      }
+      return result;
+    }
+  }
+
+  private checkIsPlural(src: string): boolean {
+    let tokens: any[];
+    try {
+      tokens = parse(src.replace(/\{\{/g, '{').replace(/\}\}/g, '}'),
+        {cardinal: [], ordinal: []});
+    } catch (e) {
+      console.warn(`Failed to parse source: ${src}`);
+      console.error(e);
+    }
+    const res = tokens.filter(
+      (value) => typeof value !== 'string' && value.type === 'plural'
+    );
+    return res.length > 0;
+  }
+
+}
diff --git a/ui-ngx/src/app/core/utils.ts b/ui-ngx/src/app/core/utils.ts
new file mode 100644
index 0000000000..11f2b3408d
--- /dev/null
+++ b/ui-ngx/src/app/core/utils.ts
@@ -0,0 +1,408 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import { finalize, share } from 'rxjs/operators';
+import base64js from 'base64-js';
+
+export function onParentScrollOrWindowResize(el: Node): Observable<Event> {
+  const scrollSubject = new Subject<Event>();
+  const scrollParentNodes = scrollParents(el);
+  const eventListenerObject: EventListenerObject = {
+    handleEvent(evt: Event) {
+      scrollSubject.next(evt);
+    }
+  };
+  scrollParentNodes.forEach((scrollParentNode) => {
+    scrollParentNode.addEventListener('scroll', eventListenerObject);
+  });
+  window.addEventListener('resize', eventListenerObject);
+  const shared = scrollSubject.pipe(
+    finalize(() => {
+      scrollParentNodes.forEach((scrollParentNode) => {
+        scrollParentNode.removeEventListener('scroll', eventListenerObject);
+      });
+      window.removeEventListener('resize', eventListenerObject);
+    }),
+    share()
+  );
+  return shared;
+}
+
+export function isLocalUrl(url: string): boolean {
+  const parser = document.createElement('a');
+  parser.href = url;
+  const host = parser.hostname;
+  if (host === 'localhost' || host === '127.0.0.1') {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+export function animatedScroll(element: HTMLElement, scrollTop: number, delay?: number) {
+  let currentTime = 0;
+  const increment = 20;
+  const start = element.scrollTop;
+  const to = scrollTop;
+  const duration = delay ? delay : 0;
+  const remaining = to - start;
+  const animateScroll = () => {
+    if (duration === 0) {
+      element.scrollTop = to;
+    } else {
+      currentTime += increment;
+      const val = easeInOut(currentTime, start, remaining, duration);
+      element.scrollTop = val;
+      if (currentTime < duration) {
+        setTimeout(animateScroll, increment);
+      }
+    }
+  };
+  animateScroll();
+}
+
+export function isUndefined(value: any): boolean {
+  return typeof value === 'undefined';
+}
+
+export function isDefined(value: any): boolean {
+  return typeof value !== 'undefined';
+}
+
+export function isDefinedAndNotNull(value: any): boolean {
+  return typeof value !== 'undefined' && value !== null;
+}
+
+export function isFunction(value: any): boolean {
+  return typeof value === 'function';
+}
+
+export function isObject(value: any): boolean {
+  return value !== null && typeof value === 'object';
+}
+
+export function isNumber(value: any): boolean {
+  return typeof value === 'number';
+}
+
+export function isNumeric(value: any): boolean {
+  return (value - parseFloat( value ) + 1) >= 0;
+}
+
+export function isString(value: any): boolean {
+  return typeof value === 'string';
+}
+
+export function formatValue(value: any, dec?: number, units?: string, showZeroDecimals?: boolean): string | undefined {
+  if (isDefined(value) &&
+    value !== null && isNumeric(value)) {
+    let formatted: string | number = Number(value);
+    if (isDefined(dec)) {
+      formatted = formatted.toFixed(dec);
+    }
+    if (!showZeroDecimals) {
+      formatted = (Number(formatted) * 1);
+    }
+    formatted = formatted.toString();
+    if (isDefined(units) && units.length > 0) {
+      formatted += ' ' + units;
+    }
+    return formatted;
+  } else {
+    return value !== null ? value : '';
+  }
+}
+
+export function objectValues(obj: any): any[] {
+  return Object.keys(obj).map(e => obj[e]);
+}
+
+export function deleteNullProperties(obj: any) {
+  if (isUndefined(obj) || obj == null) {
+    return;
+  }
+  Object.keys(obj).forEach((propName) => {
+    if (obj[propName] === null || isUndefined(obj[propName])) {
+      delete obj[propName];
+    } else if (isObject(obj[propName])) {
+      deleteNullProperties(obj[propName]);
+    } else if (obj[propName] instanceof Array) {
+      (obj[propName] as any[]).forEach((elem) => {
+        deleteNullProperties(elem);
+      });
+    }
+  });
+}
+
+export function objToBase64(obj: any): string {
+  const json = JSON.stringify(obj);
+  const encoded = utf8Encode(json);
+  const b64Encoded: string = base64js.fromByteArray(encoded);
+  return b64Encoded;
+}
+
+export function base64toObj(b64Encoded: string): any {
+  const encoded: Uint8Array | number[] = base64js.toByteArray(b64Encoded);
+  const json = utf8Decode(encoded);
+  const obj = JSON.parse(json);
+  return obj;
+}
+
+function utf8Encode(str: string): Uint8Array | number[] {
+  let result: Uint8Array | number[];
+  if (isUndefined(Uint8Array)) {
+    result = utf8ToBytes(str);
+  } else {
+    result = new Uint8Array(utf8ToBytes(str));
+  }
+  return result;
+}
+
+function utf8Decode(bytes: Uint8Array | number[]): string {
+  return utf8Slice(bytes, 0, bytes.length);
+}
+
+const scrollRegex = /(auto|scroll)/;
+
+function parentNodes(node: Node, nodes: Node[]): Node[] {
+  if (node.parentNode === null) {
+    return nodes;
+  }
+  return parentNodes(node.parentNode, nodes.concat([node]));
+}
+
+function style(el: Element, prop: string): string {
+  return getComputedStyle(el, null).getPropertyValue(prop);
+}
+
+function overflow(el: Element): string {
+  return style(el, 'overflow') + style(el, 'overflow-y') + style(el, 'overflow-x');
+}
+
+function isScrollNode(node: Node): boolean {
+  if (node instanceof Element) {
+    return scrollRegex.test(overflow(node));
+  } else {
+    return false;
+  }
+}
+
+function scrollParents(node: Node): Node[] {
+  if (!(node instanceof HTMLElement || node instanceof SVGElement)) {
+    return [];
+  }
+  const scrollParentNodes = [];
+  const nodeParents = parentNodes(node, []);
+  nodeParents.forEach((nodeParent) => {
+    if (isScrollNode(nodeParent)) {
+      scrollParentNodes.push(nodeParent);
+    }
+  });
+  if (document.scrollingElement) {
+    scrollParentNodes.push(document.scrollingElement);
+  } else if (document.documentElement) {
+    scrollParentNodes.push(document.documentElement);
+  }
+  return scrollParentNodes;
+}
+
+function easeInOut(
+  currentTime: number,
+  startTime: number,
+  remainingTime: number,
+  duration: number) {
+  currentTime /= duration / 2;
+
+  if (currentTime < 1) {
+    return (remainingTime / 2) * currentTime * currentTime + startTime;
+  }
+
+  currentTime--;
+  return (
+    (-remainingTime / 2) * (currentTime * (currentTime - 2) - 1) + startTime
+  );
+}
+
+function utf8Slice(buf: Uint8Array | number[], start: number, end: number): string {
+  let res = '';
+  let tmp = '';
+  end = Math.min(buf.length, end || Infinity);
+  start = start || 0;
+
+  for (let i = start; i < end; i++) {
+    if (buf[i] <= 0x7F) {
+      res += decodeUtf8Char(tmp) + String.fromCharCode(buf[i]);
+      tmp = '';
+    } else {
+      tmp += '%' + buf[i].toString(16);
+    }
+  }
+  return res + decodeUtf8Char(tmp);
+}
+
+function decodeUtf8Char(str: string): string {
+  try {
+    return decodeURIComponent(str);
+  } catch (err) {
+    return String.fromCharCode(0xFFFD); // UTF 8 invalid char
+  }
+}
+
+function utf8ToBytes(input: string, units?: number): number[] {
+  units = units || Infinity;
+  let codePoint: number;
+  const length = input.length;
+  let leadSurrogate: number = null;
+  const bytes: number[] = [];
+  let i = 0;
+
+  for (; i < length; i++) {
+    codePoint = input.charCodeAt(i);
+
+    // is surrogate component
+    if (codePoint > 0xD7FF && codePoint < 0xE000) {
+      // last char was a lead
+      if (leadSurrogate) {
+        // 2 leads in a row
+        if (codePoint < 0xDC00) {
+          units -= 3;
+          if (units > -1) { bytes.push(0xEF, 0xBF, 0xBD); }
+          leadSurrogate = codePoint;
+          continue;
+        } else {
+          // valid surrogate pair
+          // tslint:disable-next-line:no-bitwise
+          codePoint = leadSurrogate - 0xD800 << 10 | codePoint - 0xDC00 | 0x10000;
+          leadSurrogate = null;
+        }
+      } else {
+        // no lead yet
+
+        if (codePoint > 0xDBFF) {
+          // unexpected trail
+          units -= 3;
+          if (units > -1) { bytes.push(0xEF, 0xBF, 0xBD); }
+          continue;
+        } else if (i + 1 === length) {
+          // unpaired lead
+          units -= 3;
+          if (units > -1) { bytes.push(0xEF, 0xBF, 0xBD); }
+          continue;
+        } else {
+          // valid lead
+          leadSurrogate = codePoint;
+          continue;
+        }
+      }
+    } else if (leadSurrogate) {
+      // valid bmp char, but last char was a lead
+      units -= 3;
+      if (units > -1) { bytes.push(0xEF, 0xBF, 0xBD); }
+      leadSurrogate = null;
+    }
+
+    // encode utf8
+    if (codePoint < 0x80) {
+      units -= 1;
+      if (units < 0) { break; }
+      bytes.push(codePoint);
+    } else if (codePoint < 0x800) {
+      units -= 2;
+      if (units < 0) { break; }
+      bytes.push(
+        // tslint:disable-next-line:no-bitwise
+        codePoint >> 0x6 | 0xC0,
+        // tslint:disable-next-line:no-bitwise
+        codePoint & 0x3F | 0x80
+      );
+    } else if (codePoint < 0x10000) {
+      units -= 3;
+      if (units < 0) { break; }
+      bytes.push(
+        // tslint:disable-next-line:no-bitwise
+        codePoint >> 0xC | 0xE0,
+        // tslint:disable-next-line:no-bitwise
+        codePoint >> 0x6 & 0x3F | 0x80,
+        // tslint:disable-next-line:no-bitwise
+        codePoint & 0x3F | 0x80
+      );
+    } else if (codePoint < 0x200000) {
+      units -= 4;
+      if (units < 0) { break; }
+      bytes.push(
+        // tslint:disable-next-line:no-bitwise
+        codePoint >> 0x12 | 0xF0,
+        // tslint:disable-next-line:no-bitwise
+        codePoint >> 0xC & 0x3F | 0x80,
+        // tslint:disable-next-line:no-bitwise
+        codePoint >> 0x6 & 0x3F | 0x80,
+        // tslint:disable-next-line:no-bitwise
+        codePoint & 0x3F | 0x80
+      );
+    } else {
+      throw new Error('Invalid code point');
+    }
+  }
+  return bytes;
+}
+
+export function deepClone<T>(target: T, ignoreFields?: string[]): T {
+  if (target === null) {
+    return target;
+  }
+  if (target instanceof Date) {
+    return new Date(target.getTime()) as any;
+  }
+  if (target instanceof Array) {
+    const cp = [] as any[];
+    (target as any[]).forEach((v) => { cp.push(v); });
+    return cp.map((n: any) => deepClone<any>(n)) as any;
+  }
+  if (typeof target === 'object' && target !== {}) {
+    const cp = { ...(target as { [key: string]: any }) } as { [key: string]: any };
+    Object.keys(cp).forEach(k => {
+      if (!ignoreFields || ignoreFields.indexOf(k) === -1) {
+        cp[k] = deepClone<any>(cp[k]);
+      }
+    });
+    return cp as T;
+  }
+  return target;
+}
+
+export function guid(): string {
+  function s4(): string {
+    return Math.floor((1 + Math.random()) * 0x10000)
+      .toString(16)
+      .substring(1);
+  }
+  return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
+    s4() + '-' + s4() + s4() + s4();
+}
+
+const SNAKE_CASE_REGEXP = /[A-Z]/g;
+
+export function snakeCase(name: string, separator: string): string {
+  separator = separator || '_';
+  return name.replace(SNAKE_CASE_REGEXP, (letter, pos) => {
+    return (pos ? separator : '') + letter.toLowerCase();
+  });
+}
+
+export function getDescendantProp(obj: any, path: string): any {
+  return path.split('.').reduce((acc, part) => acc && acc[part], obj);
+}
diff --git a/ui-ngx/src/app/core/ws/telemetry-websocket.service.ts b/ui-ngx/src/app/core/ws/telemetry-websocket.service.ts
new file mode 100644
index 0000000000..1502e76fd8
--- /dev/null
+++ b/ui-ngx/src/app/core/ws/telemetry-websocket.service.ts
@@ -0,0 +1,313 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Inject, Injectable, NgZone } from '@angular/core';
+import {
+  AttributesSubscriptionCmd,
+  GetHistoryCmd,
+  SubscriptionCmd,
+  SubscriptionUpdate,
+  SubscriptionUpdateMsg,
+  TelemetryFeature,
+  TelemetryPluginCmdsWrapper,
+  TelemetryService,
+  TelemetrySubscriber,
+  TimeseriesSubscriptionCmd
+} from '@app/shared/models/telemetry/telemetry.models';
+import { select, Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { AuthService } from '@core/auth/auth.service';
+import { selectIsAuthenticated } from '@core/auth/auth.selectors';
+import { WINDOW } from '@core/services/window.service';
+import { webSocket, WebSocketSubject } from 'rxjs/webSocket';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import Timeout = NodeJS.Timeout;
+
+const RECONNECT_INTERVAL = 2000;
+const WS_IDLE_TIMEOUT = 90000;
+const MAX_PUBLISH_COMMANDS = 10;
+
+// @dynamic
+@Injectable({
+  providedIn: 'root'
+})
+export class TelemetryWebsocketService implements TelemetryService {
+
+  isActive = false;
+  isOpening = false;
+  isOpened = false;
+  isReconnect = false;
+
+  socketCloseTimer: Timeout;
+  reconnectTimer: Timeout;
+
+  lastCmdId = 0;
+  subscribersCount = 0;
+  subscribersMap = new Map<number, TelemetrySubscriber>();
+
+  reconnectSubscribers = new Set<TelemetrySubscriber>();
+
+  cmdsWrapper = new TelemetryPluginCmdsWrapper();
+  telemetryUri: string;
+
+  dataStream: WebSocketSubject<TelemetryPluginCmdsWrapper | SubscriptionUpdateMsg>;
+
+  constructor(private store: Store<AppState>,
+              private authService: AuthService,
+              private ngZone: NgZone,
+              @Inject(WINDOW) private window: Window) {
+    this.store.pipe(select(selectIsAuthenticated)).subscribe(
+      (authenticated: boolean) => {
+        if (!authenticated) {
+          this.reset(true);
+        }
+      }
+    );
+
+    let port = this.window.location.port;
+    if (this.window.location.protocol === 'https:') {
+      if (!port) {
+        port = '443';
+      }
+      this.telemetryUri = 'wss:';
+    } else {
+      if (!port) {
+        port = '80';
+      }
+      this.telemetryUri = 'ws:';
+    }
+    this.telemetryUri += `//${this.window.location.hostname}:${port}/api/ws/plugins/telemetry`;
+  }
+
+  public subscribe(subscriber: TelemetrySubscriber) {
+    this.isActive = true;
+    subscriber.subscriptionCommands.forEach(
+      (subscriptionCommand) => {
+        const cmdId = this.nextCmdId();
+        this.subscribersMap.set(cmdId, subscriber);
+        subscriptionCommand.cmdId = cmdId;
+        if (subscriptionCommand instanceof SubscriptionCmd) {
+          if (subscriptionCommand.getType() === TelemetryFeature.TIMESERIES) {
+            this.cmdsWrapper.tsSubCmds.push(subscriptionCommand as TimeseriesSubscriptionCmd);
+          } else {
+            this.cmdsWrapper.attrSubCmds.push(subscriptionCommand as AttributesSubscriptionCmd);
+          }
+        } else if (subscriptionCommand instanceof GetHistoryCmd) {
+          this.cmdsWrapper.historyCmds.push(subscriptionCommand);
+        }
+      }
+    );
+    this.subscribersCount++;
+    this.publishCommands();
+  }
+
+  public unsubscribe(subscriber: TelemetrySubscriber) {
+    if (this.isActive) {
+      subscriber.subscriptionCommands.forEach(
+        (subscriptionCommand) => {
+          if (subscriptionCommand instanceof SubscriptionCmd) {
+            subscriptionCommand.unsubscribe = true;
+            if (subscriptionCommand.getType() === TelemetryFeature.TIMESERIES) {
+              this.cmdsWrapper.tsSubCmds.push(subscriptionCommand as TimeseriesSubscriptionCmd);
+            } else {
+              this.cmdsWrapper.attrSubCmds.push(subscriptionCommand as AttributesSubscriptionCmd);
+            }
+          }
+          const cmdId = subscriptionCommand.cmdId;
+          if (cmdId) {
+            this.subscribersMap.delete(cmdId);
+          }
+        }
+      );
+      this.reconnectSubscribers.delete(subscriber);
+      this.subscribersCount--;
+      this.publishCommands();
+    }
+  }
+
+  private nextCmdId(): number {
+    this.lastCmdId++;
+    return this.lastCmdId;
+  }
+
+  private publishCommands() {
+    while (this.isOpened && this.cmdsWrapper.hasCommands()) {
+      this.dataStream.next(this.cmdsWrapper.preparePublishCommands(MAX_PUBLISH_COMMANDS));
+      this.checkToClose();
+    }
+    this.tryOpenSocket();
+  }
+
+  private checkToClose() {
+    if (this.subscribersCount === 0 && this.isOpened) {
+      if (!this.socketCloseTimer) {
+        this.socketCloseTimer = setTimeout(
+          () => this.closeSocket(), WS_IDLE_TIMEOUT);
+      }
+    }
+  }
+
+  private reset(close: boolean) {
+    if (this.socketCloseTimer) {
+      clearTimeout(this.socketCloseTimer);
+      this.socketCloseTimer = null;
+    }
+    this.lastCmdId = 0;
+    this.subscribersMap.clear();
+    this.subscribersCount = 0;
+    this.cmdsWrapper.clear();
+    if (close) {
+      this.closeSocket();
+    }
+  }
+
+  private closeSocket() {
+    this.isActive = false;
+    if (this.isOpened) {
+      this.dataStream.unsubscribe();
+    }
+  }
+
+  private tryOpenSocket() {
+    if (this.isActive) {
+      if (!this.isOpened && !this.isOpening) {
+        this.isOpening = true;
+        if (AuthService.isJwtTokenValid()) {
+          this.openSocket(AuthService.getJwtToken());
+        } else {
+          this.authService.refreshJwtToken().subscribe(() => {
+              this.openSocket(AuthService.getJwtToken());
+            },
+            () => {
+              this.isOpening = false;
+              this.authService.logout(true);
+            }
+          );
+        }
+      }
+      if (this.socketCloseTimer) {
+        clearTimeout(this.socketCloseTimer);
+        this.socketCloseTimer = null;
+      }
+    }
+  }
+
+  private openSocket(token: string) {
+    const uri = `${this.telemetryUri}?token=${token}`;
+    this.dataStream = webSocket(
+      {
+        url: uri,
+        openObserver: {
+          next: (e: Event) => {
+            this.onOpen();
+          }
+        },
+        closeObserver: {
+          next: (e: CloseEvent) => {
+            this.onClose(e);
+          }
+        }
+      }
+    );
+
+    this.dataStream.subscribe((message) => {
+        this.ngZone.runOutsideAngular(() => {
+          this.onMessage(message as SubscriptionUpdateMsg);
+        });
+    },
+    (error) => {
+      this.onError(error);
+    });
+  }
+
+  private onOpen() {
+    this.isOpening = false;
+    this.isOpened = true;
+    if (this.reconnectTimer) {
+      clearTimeout(this.reconnectTimer);
+      this.reconnectTimer = null;
+    }
+    if (this.isReconnect) {
+      this.isReconnect = false;
+      this.reconnectSubscribers.forEach(
+        (reconnectSubscriber) => {
+          reconnectSubscriber.onReconnected();
+          this.subscribe(reconnectSubscriber);
+        }
+      );
+      this.reconnectSubscribers.clear();
+    } else {
+      this.publishCommands();
+    }
+  }
+
+  private onMessage(message: SubscriptionUpdateMsg) {
+    if (message.errorCode) {
+      this.showWsError(message.errorCode, message.errorMsg);
+    } else if (message.subscriptionId) {
+      const subscriber = this.subscribersMap.get(message.subscriptionId);
+      if (subscriber) {
+        subscriber.onData(new SubscriptionUpdate(message));
+      }
+    }
+    this.checkToClose();
+  }
+
+  private onError(errorEvent) {
+    if (errorEvent) {
+      console.warn('WebSocket error event', errorEvent);
+    }
+    this.isOpening = false;
+  }
+
+  private onClose(closeEvent: CloseEvent) {
+    if (closeEvent && closeEvent.code > 1000 && closeEvent.code !== 1006) {
+      this.showWsError(closeEvent.code, closeEvent.reason);
+    }
+    this.isOpening = false;
+    this.isOpened = false;
+    if (this.isActive) {
+      if (!this.isReconnect) {
+        this.reconnectSubscribers.clear();
+        this.subscribersMap.forEach(
+          (subscriber) => {
+            this.reconnectSubscribers.add(subscriber);
+          }
+        );
+        this.reset(false);
+        this.isReconnect = true;
+      }
+      if (this.reconnectTimer) {
+        clearTimeout(this.reconnectTimer);
+      }
+      this.reconnectTimer = setTimeout(() => this.tryOpenSocket(), RECONNECT_INTERVAL);
+    }
+  }
+
+  private showWsError(errorCode: number, errorMsg: string) {
+    let message = 'WebSocket Error: ';
+    if (errorMsg) {
+      message += errorMsg;
+    } else {
+      message += `error code - ${errorCode}.`;
+    }
+    this.store.dispatch(new ActionNotificationShow(
+      {
+        message, type: 'error'
+      }));
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/dashboard/dashboard-pages.module.ts b/ui-ngx/src/app/modules/dashboard/dashboard-pages.module.ts
new file mode 100644
index 0000000000..1857563116
--- /dev/null
+++ b/ui-ngx/src/app/modules/dashboard/dashboard-pages.module.ts
@@ -0,0 +1,35 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@shared/shared.module';
+import { HomeComponentsModule } from '@modules/home/components/home-components.module';
+import { HomeDialogsModule } from '@app/modules/home/dialogs/home-dialogs.module';
+import { DashboardModule } from '@home/pages/dashboard/dashboard.module';
+import { DashboardPagesRoutingModule } from './dashboard-pages.routing.module';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    SharedModule,
+    HomeComponentsModule,
+    HomeDialogsModule,
+    DashboardModule,
+    DashboardPagesRoutingModule
+  ]
+})
+export class DashboardPagesModule { }
diff --git a/ui-ngx/src/app/modules/dashboard/dashboard-pages.routing.module.ts b/ui-ngx/src/app/modules/dashboard/dashboard-pages.routing.module.ts
new file mode 100644
index 0000000000..f7ce154661
--- /dev/null
+++ b/ui-ngx/src/app/modules/dashboard/dashboard-pages.routing.module.ts
@@ -0,0 +1,104 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable, NgModule } from '@angular/core';
+import { ActivatedRouteSnapshot, Resolve, RouterModule, Routes } from '@angular/router';
+
+import {Authority} from '@shared/models/authority.enum';
+import { DashboardPageComponent } from '@home/pages/dashboard/dashboard-page.component';
+import { BreadCrumbConfig, BreadCrumbLabelFunction } from '@shared/components/breadcrumb';
+import { widgetTypesBreadcumbLabelFunction } from '@home/pages/widget/widget-library-routing.module';
+import { WidgetsBundle } from '@shared/models/widgets-bundle.model';
+import { WidgetService } from '@core/http/widget.service';
+import { Observable } from 'rxjs';
+import { Dashboard } from '@app/shared/models/dashboard.models';
+import { DashboardService } from '@core/http/dashboard.service';
+import { DashboardUtilsService } from '@core/services/dashboard-utils.service';
+import { map } from 'rxjs/operators';
+import { dashboardBreadcumbLabelFunction, DashboardResolver } from '@app/modules/home/pages/dashboard/dashboard-routing.module';
+import { UtilsService } from '@core/services/utils.service';
+import { Widget } from '@app/shared/models/widget.models';
+
+@Injectable()
+export class WidgetEditorDashboardResolver implements Resolve<Dashboard> {
+
+  constructor(private dashboardService: DashboardService,
+              private dashboardUtils: DashboardUtilsService,
+              private utils: UtilsService) {
+  }
+
+  resolve(route: ActivatedRouteSnapshot): Dashboard {
+    const editWidgetInfo = this.utils.editWidgetInfo;
+    const widget: Widget = {
+      isSystemType: true,
+      bundleAlias: 'customWidgetBundle',
+      typeAlias: 'customWidget',
+      type: editWidgetInfo.type,
+      title: 'My widget',
+      sizeX: editWidgetInfo.sizeX * 2,
+      sizeY: editWidgetInfo.sizeY * 2,
+      row: 2,
+      col: 4,
+      config: JSON.parse(editWidgetInfo.defaultConfig)
+    };
+    widget.config.title = widget.config.title || editWidgetInfo.widgetName;
+    return this.dashboardUtils.createSingleWidgetDashboard(widget);
+  }
+}
+
+const routes: Routes = [
+  {
+    path: 'dashboard/:dashboardId',
+    component: DashboardPageComponent,
+    data: {
+      breadcrumb: {
+        skip: true
+      },
+      auth: [Authority.TENANT_ADMIN, Authority.CUSTOMER_USER],
+      title: 'dashboard.dashboard',
+      widgetEditMode: false,
+      singlePageMode: true
+    },
+    resolve: {
+      dashboard: DashboardResolver
+    }
+  },
+  {
+    path: 'widget-editor',
+    component: DashboardPageComponent,
+    data: {
+      breadcrumb: {
+        skip: true
+      },
+      auth: [Authority.SYS_ADMIN, Authority.TENANT_ADMIN],
+      title: 'widget.editor',
+      widgetEditMode: true,
+      singlePageMode: true
+    },
+    resolve: {
+      dashboard: WidgetEditorDashboardResolver
+    }
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+  providers: [
+    WidgetEditorDashboardResolver
+  ]
+})
+export class DashboardPagesRoutingModule { }
diff --git a/ui-ngx/src/app/modules/dashboard/dashboard-routing.module.ts b/ui-ngx/src/app/modules/dashboard/dashboard-routing.module.ts
new file mode 100644
index 0000000000..5166465170
--- /dev/null
+++ b/ui-ngx/src/app/modules/dashboard/dashboard-routing.module.ts
@@ -0,0 +1,43 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { AuthGuard } from '@core/guards/auth.guard';
+import { StoreModule } from '@ngrx/store';
+
+const routes: Routes = [
+  { path: '',
+    data: {
+      title: 'dashboard.dashboard',
+      breadcrumb: {
+        skip: true
+      }
+    },
+    canActivate: [AuthGuard],
+    canActivateChild: [AuthGuard],
+    loadChildren: () => import('./dashboard-pages.module').then(m => m.DashboardPagesModule)
+  }
+];
+
+@NgModule({
+  imports: [
+    StoreModule,
+    RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class DashboardRoutingModule { }
diff --git a/ui-ngx/src/app/modules/home/components/alarm/alarm-details-dialog.component.html b/ui-ngx/src/app/modules/home/components/alarm/alarm-details-dialog.component.html
new file mode 100644
index 0000000000..7ff3317789
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alarm/alarm-details-dialog.component.html
@@ -0,0 +1,123 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form [formGroup]="alarmFormGroup" style="min-width: 600px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2>{{ 'alarm.alarm-details' | translate }}</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="close()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async">
+      <div fxLayout="row" fxLayoutGap="6px">
+        <mat-form-field class="mat-block">
+          <mat-label translate>alarm.created-time</mat-label>
+          <input matInput formControlName="createdTime" readonly>
+        </mat-form-field>
+        <mat-form-field fxFlex class="mat-block">
+          <mat-label translate>alarm.originator</mat-label>
+          <input matInput formControlName="originatorName" readonly>
+        </mat-form-field>
+      </div>
+      <div fxLayout="row" fxLayoutGap="6px" *ngIf="alarmFormGroup.get('startTime').value ||
+                                 alarmFormGroup.get('endTime').value">
+        <mat-form-field *ngIf="alarmFormGroup.get('startTime').value" fxFlex class="mat-block">
+          <mat-label translate>alarm.start-time</mat-label>
+          <input matInput formControlName="startTime" readonly>
+        </mat-form-field>
+        <mat-form-field *ngIf="alarmFormGroup.get('endTime').value" fxFlex class="mat-block">
+          <mat-label translate>alarm.end-time</mat-label>
+          <input matInput formControlName="endTime" readonly>
+        </mat-form-field>
+        <span fxFlex *ngIf="!alarmFormGroup.get('startTime').value || !alarmFormGroup.get('endTime').value"></span>
+      </div>
+      <div fxLayout="row" fxLayoutGap="6px" *ngIf="alarmFormGroup.get('ackTime').value ||
+                                 alarmFormGroup.get('clearTime').value">
+        <mat-form-field *ngIf="alarmFormGroup.get('ackTime').value" fxFlex class="mat-block">
+          <mat-label translate>alarm.ack-time</mat-label>
+          <input matInput formControlName="ackTime" readonly>
+        </mat-form-field>
+        <mat-form-field *ngIf="alarmFormGroup.get('clearTime').value" fxFlex class="mat-block">
+          <mat-label translate>alarm.clear-time</mat-label>
+          <input matInput formControlName="clearTime" readonly>
+        </mat-form-field>
+        <span fxFlex *ngIf="!alarmFormGroup.get('ackTime').value || !alarmFormGroup.get('clearTime').value"></span>
+      </div>
+      <div fxLayout="row" fxLayoutGap="6px">
+        <mat-form-field fxFlex class="mat-block">
+          <mat-label translate>alarm.type</mat-label>
+          <input matInput formControlName="type" readonly>
+        </mat-form-field>
+        <mat-form-field fxFlex class="mat-block">
+          <mat-label translate>alarm.severity</mat-label>
+          <input matInput formControlName="alarmSeverity" readonly
+                 [ngStyle]="{fontWeight: 'bold', color: alarmSeverityColorsMap.get((alarm$ | async)?.severity)}">
+        </mat-form-field>
+        <mat-form-field fxFlex class="mat-block">
+          <mat-label translate>alarm.status</mat-label>
+          <input matInput formControlName="alarmStatus" readonly>
+        </mat-form-field>
+      </div>
+      <tb-json-object-edit
+          *ngIf="displayDetails"
+          formControlName="alarmDetails"
+          readonly
+          label="{{ 'alarm.details' | translate }}">
+      </tb-json-object-edit>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <div fxLayout="row" *ngIf="alarm$ | async; let alarm;">
+      <button *ngIf="allowAcknowledgment && (alarm.status === alarmStatuses.ACTIVE_UNACK ||
+                                             alarm.status === alarmStatuses.CLEARED_UNACK)"
+              mat-button
+              mat-raised-button
+              color="primary"
+              type="button"
+              (click)="acknowledge()"
+              style="margin-right: 20px;"
+              [disabled]="(isLoading$ | async)">
+        {{ 'alarm.acknowledge' | translate }}
+      </button>
+      <button *ngIf="allowClear && (alarm.status === alarmStatuses.ACTIVE_ACK ||
+                                    alarm.status === alarmStatuses.ACTIVE_UNACK)"
+              mat-button
+              mat-raised-button
+              color="primary"
+              type="button"
+              (click)="clear()"
+              [disabled]="(isLoading$ | async)">
+        {{ 'alarm.clear' | translate }}
+      </button>
+    </div>
+    <span fxFlex></span>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="close()" cdkFocusInitial>
+      {{ 'action.close' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/components/alarm/alarm-details-dialog.component.ts b/ui-ngx/src/app/modules/home/components/alarm/alarm-details-dialog.component.ts
new file mode 100644
index 0000000000..52cd607167
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alarm/alarm-details-dialog.component.ts
@@ -0,0 +1,155 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { Observable, Subject } from 'rxjs';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@app/shared/components/dialog.component';
+import {
+  AlarmInfo,
+  alarmSeverityColors,
+  alarmSeverityTranslations,
+  AlarmStatus,
+  alarmStatusTranslations
+} from '@app/shared/models/alarm.models';
+import { AlarmService } from '@core/http/alarm.service';
+import { share, tap } from 'rxjs/operators';
+import { DatePipe } from '@angular/common';
+import { TranslateService } from '@ngx-translate/core';
+
+export interface AlarmDetailsDialogData {
+  alarmId: string;
+  allowAcknowledgment: boolean;
+  allowClear: boolean;
+  displayDetails: boolean;
+}
+
+@Component({
+  selector: 'tb-alarm-details-dialog',
+  templateUrl: './alarm-details-dialog.component.html',
+  styleUrls: []
+})
+export class AlarmDetailsDialogComponent extends DialogComponent<AlarmDetailsDialogComponent, boolean> implements OnInit {
+
+  alarmFormGroup: FormGroup;
+
+  allowAcknowledgment: boolean;
+  allowClear: boolean;
+  displayDetails: boolean;
+
+  loadAlarmSubject = new Subject<AlarmInfo>();
+  alarm$: Observable<AlarmInfo> = this.loadAlarmSubject.asObservable().pipe(
+    tap(alarm => this.loadAlarmFields(alarm)),
+    share()
+  );
+
+  alarmSeverityColorsMap = alarmSeverityColors;
+  alarmStatuses = AlarmStatus;
+
+  alarmUpdated = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              private datePipe: DatePipe,
+              private translate: TranslateService,
+              @Inject(MAT_DIALOG_DATA) public data: AlarmDetailsDialogData,
+              private alarmService: AlarmService,
+              public dialogRef: MatDialogRef<AlarmDetailsDialogComponent, boolean>,
+              public fb: FormBuilder) {
+    super(store, router, dialogRef);
+
+    this.allowAcknowledgment = data.allowAcknowledgment;
+    this.allowClear = data.allowClear;
+    this.displayDetails = data.displayDetails;
+
+    this.alarmFormGroup = this.fb.group(
+      {
+        createdTime: [''],
+        originatorName: [''],
+        startTime: [''],
+        endTime: [''],
+        ackTime: [''],
+        clearTime: [''],
+        type: [''],
+        alarmSeverity: [''],
+        alarmStatus: [''],
+        alarmDetails: [null]
+      }
+    );
+
+    this.loadAlarm();
+
+  }
+
+  loadAlarm() {
+    this.alarmService.getAlarmInfo(this.data.alarmId).subscribe(
+      alarm => this.loadAlarmSubject.next(alarm)
+    );
+  }
+
+  loadAlarmFields(alarm: AlarmInfo) {
+    this.alarmFormGroup.get('createdTime')
+      .patchValue(this.datePipe.transform(alarm.createdTime, 'yyyy-MM-dd HH:mm:ss'));
+    this.alarmFormGroup.get('originatorName')
+      .patchValue(alarm.originatorName);
+    if (alarm.startTs) {
+      this.alarmFormGroup.get('startTime')
+        .patchValue(this.datePipe.transform(alarm.startTs, 'yyyy-MM-dd HH:mm:ss'));
+    }
+    if (alarm.endTs) {
+      this.alarmFormGroup.get('endTime')
+        .patchValue(this.datePipe.transform(alarm.endTs, 'yyyy-MM-dd HH:mm:ss'));
+    }
+    if (alarm.ackTs) {
+      this.alarmFormGroup.get('ackTime')
+        .patchValue(this.datePipe.transform(alarm.ackTs, 'yyyy-MM-dd HH:mm:ss'));
+    }
+    if (alarm.clearTs) {
+      this.alarmFormGroup.get('clearTime')
+        .patchValue(this.datePipe.transform(alarm.clearTs, 'yyyy-MM-dd HH:mm:ss'));
+    }
+    this.alarmFormGroup.get('type').patchValue(alarm.type);
+    this.alarmFormGroup.get('alarmSeverity')
+      .patchValue(this.translate.instant(alarmSeverityTranslations.get(alarm.severity)));
+    this.alarmFormGroup.get('alarmStatus')
+      .patchValue(this.translate.instant(alarmStatusTranslations.get(alarm.status)));
+    this.alarmFormGroup.get('alarmDetails').patchValue(alarm.details);
+  }
+
+  ngOnInit(): void {
+  }
+
+  close(): void {
+    this.dialogRef.close(this.alarmUpdated);
+  }
+
+  acknowledge(): void {
+    this.alarmService.ackAlarm(this.data.alarmId).subscribe(
+      () => { this.alarmUpdated = true; this.loadAlarm(); }
+    );
+  }
+
+  clear(): void {
+    this.alarmService.clearAlarm(this.data.alarmId).subscribe(
+      () => { this.alarmUpdated = true; this.loadAlarm(); }
+    );
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/alarm/alarm-table-config.ts b/ui-ngx/src/app/modules/home/components/alarm/alarm-table-config.ts
new file mode 100644
index 0000000000..a4e1e60e9c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alarm/alarm-table-config.ts
@@ -0,0 +1,137 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  DateEntityTableColumn,
+  EntityTableColumn,
+  EntityTableConfig
+} from '@home/models/entity/entities-table-config.models';
+import { EntityType, EntityTypeResource, entityTypeTranslations } from '@shared/models/entity-type.models';
+import { TranslateService } from '@ngx-translate/core';
+import { DatePipe } from '@angular/common';
+import { Direction } from '@shared/models/page/sort-order';
+import { MatDialog } from '@angular/material/dialog';
+import { TimePageLink } from '@shared/models/page/page-link';
+import { Observable } from 'rxjs';
+import { PageData } from '@shared/models/page/page-data';
+import { EntityId } from '@shared/models/id/entity-id';
+import {
+  AlarmInfo,
+  AlarmQuery,
+  AlarmSearchStatus,
+  alarmSeverityColors,
+  alarmSeverityTranslations,
+  alarmStatusTranslations
+} from '@app/shared/models/alarm.models';
+import { AlarmService } from '@app/core/http/alarm.service';
+import { DialogService } from '@core/services/dialog.service';
+import { AlarmTableHeaderComponent } from '@home/components/alarm/alarm-table-header.component';
+import {
+  AuditLogDetailsDialogComponent,
+  AuditLogDetailsDialogData
+} from '@home/components/audit-log/audit-log-details-dialog.component';
+import {
+  AlarmDetailsDialogComponent,
+  AlarmDetailsDialogData
+} from '@home/components/alarm/alarm-details-dialog.component';
+
+export class AlarmTableConfig extends EntityTableConfig<AlarmInfo, TimePageLink> {
+
+  searchStatus: AlarmSearchStatus;
+
+  constructor(private alarmService: AlarmService,
+              private dialogService: DialogService,
+              private translate: TranslateService,
+              private datePipe: DatePipe,
+              private dialog: MatDialog,
+              public entityId: EntityId = null,
+              private defaultSearchStatus: AlarmSearchStatus = AlarmSearchStatus.ANY) {
+    super();
+    this.loadDataOnInit = false;
+    this.tableTitle = '';
+    this.useTimePageLink = true;
+    this.detailsPanelEnabled = false;
+    this.selectionEnabled = false;
+    this.searchEnabled = true;
+    this.addEnabled = false;
+    this.entitiesDeleteEnabled = false;
+    this.actionsColumnTitle = 'alarm.details';
+    this.entityType = EntityType.ALARM;
+    this.entityTranslations = entityTypeTranslations.get(EntityType.ALARM);
+    this.entityResources = {
+    } as EntityTypeResource;
+    this.searchStatus = defaultSearchStatus;
+
+    this.headerComponent = AlarmTableHeaderComponent;
+
+    this.entitiesFetchFunction = pageLink => this.fetchAlarms(pageLink);
+
+    this.defaultSortOrder = {property: 'createdTime', direction: Direction.DESC};
+
+    this.columns.push(
+      new DateEntityTableColumn<AlarmInfo>('createdTime', 'alarm.created-time', this.datePipe, '150px'));
+    this.columns.push(
+      new EntityTableColumn<AlarmInfo>('originatorName', 'alarm.originator', '25%',
+        (entity) => entity.originatorName, entity => ({}), false));
+    this.columns.push(
+      new EntityTableColumn<AlarmInfo>('type', 'alarm.type', '25%'));
+    this.columns.push(
+      new EntityTableColumn<AlarmInfo>('severity', 'alarm.severity', '25%',
+        (entity) => this.translate.instant(alarmSeverityTranslations.get(entity.severity)),
+          entity => ({
+            fontWeight: 'bold',
+            color: alarmSeverityColors.get(entity.severity)
+          })));
+    this.columns.push(
+      new EntityTableColumn<AlarmInfo>('status', 'alarm.status', '25%',
+        (entity) => this.translate.instant(alarmStatusTranslations.get(entity.status))));
+
+    this.cellActionDescriptors.push(
+      {
+        name: this.translate.instant('alarm.details'),
+        icon: 'more_horiz',
+        isEnabled: () => true,
+        onAction: ($event, entity) => this.showAlarmDetails(entity)
+      }
+    );
+  }
+
+  fetchAlarms(pageLink: TimePageLink): Observable<PageData<AlarmInfo>> {
+    const query = new AlarmQuery(this.entityId, pageLink, this.searchStatus, null, true);
+    return this.alarmService.getAlarms(query);
+  }
+
+  showAlarmDetails(entity: AlarmInfo) {
+    this.dialog.open<AlarmDetailsDialogComponent, AlarmDetailsDialogData, boolean>
+    (AlarmDetailsDialogComponent,
+      {
+        disableClose: true,
+        panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+        data: {
+          alarmId: entity.id.id,
+          allowAcknowledgment: true,
+          allowClear: true,
+          displayDetails: true
+        }
+      }).afterClosed().subscribe(
+      (res) => {
+        if (res) {
+          this.table.updateData();
+        }
+      }
+    );
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/alarm/alarm-table-header.component.html b/ui-ngx/src/app/modules/home/components/alarm/alarm-table-header.component.html
new file mode 100644
index 0000000000..4b86b4f481
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alarm/alarm-table-header.component.html
@@ -0,0 +1,26 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field class="mat-block" style="width: 200px;">
+  <mat-label translate>alarm.alarm-status</mat-label>
+  <mat-select matInput [ngModel]="alarmTableConfig.searchStatus"
+              (ngModelChange)="searchStatusChanged($event)">
+    <mat-option *ngFor="let status of alarmSearchStatusTypes" [value]="status">
+      {{ alarmSearchStatusTranslationsMap.get(alarmSearchStatusEnum[status]) | translate }}
+    </mat-option>
+  </mat-select>
+</mat-form-field>
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/AdminSettingsServiceNoSqlTest.java b/ui-ngx/src/app/modules/home/components/alarm/alarm-table-header.component.scss
similarity index 68%
rename from dao/src/test/java/org/thingsboard/server/dao/service/nosql/AdminSettingsServiceNoSqlTest.java
rename to ui-ngx/src/app/modules/home/components/alarm/alarm-table-header.component.scss
index fd9e4c0a96..57960c57a5 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/AdminSettingsServiceNoSqlTest.java
+++ b/ui-ngx/src/app/modules/home/components/alarm/alarm-table-header.component.scss
@@ -13,11 +13,23 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.service.nosql;
+:host {
+  /*  flex: 1;
+    display: flex;
+    justify-content: flex-start; */
+  padding-right: 8px;
+}
+
+:host ::ng-deep {
+  mat-form-field {
+    font-size: 16px;
 
-import org.thingsboard.server.dao.service.BaseAdminSettingsServiceTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
+    .mat-form-field-wrapper {
+      padding-bottom: 0;
+    }
 
-@DaoNoSqlTest
-public class AdminSettingsServiceNoSqlTest extends BaseAdminSettingsServiceTest {
+    .mat-form-field-underline {
+      bottom: 0;
+    }
+  }
 }
diff --git a/ui-ngx/src/app/modules/home/components/alarm/alarm-table-header.component.ts b/ui-ngx/src/app/modules/home/components/alarm/alarm-table-header.component.ts
new file mode 100644
index 0000000000..96633c1c3c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alarm/alarm-table-header.component.ts
@@ -0,0 +1,48 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityTableHeaderComponent } from '../../components/entity/entity-table-header.component';
+import { AlarmInfo, AlarmSearchStatus, alarmSearchStatusTranslations } from '@shared/models/alarm.models';
+import { AlarmTableConfig } from './alarm-table-config';
+
+@Component({
+  selector: 'tb-alarm-table-header',
+  templateUrl: './alarm-table-header.component.html',
+  styleUrls: ['./alarm-table-header.component.scss']
+})
+export class AlarmTableHeaderComponent extends EntityTableHeaderComponent<AlarmInfo> {
+
+  alarmSearchStatusTranslationsMap = alarmSearchStatusTranslations;
+
+  alarmSearchStatusTypes = Object.keys(AlarmSearchStatus);
+  alarmSearchStatusEnum = AlarmSearchStatus;
+
+  get alarmTableConfig(): AlarmTableConfig {
+    return this.entitiesTableConfig as AlarmTableConfig;
+  }
+
+  constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  searchStatusChanged(searchStatus: AlarmSearchStatus) {
+    this.alarmTableConfig.searchStatus = searchStatus;
+    this.alarmTableConfig.table.updateData();
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/alarm/alarm-table.component.html b/ui-ngx/src/app/modules/home/components/alarm/alarm-table.component.html
new file mode 100644
index 0000000000..4688d680b3
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alarm/alarm-table.component.html
@@ -0,0 +1,18 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<tb-entities-table [entitiesTableConfig]="alarmTableConfig"></tb-entities-table>
diff --git a/ui-ngx/src/app/modules/home/components/alarm/alarm-table.component.scss b/ui-ngx/src/app/modules/home/components/alarm/alarm-table.component.scss
new file mode 100644
index 0000000000..719941ef46
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alarm/alarm-table.component.scss
@@ -0,0 +1,22 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host ::ng-deep {
+  tb-entities-table {
+    .mat-drawer-container {
+      background-color: white;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/alarm/alarm-table.component.ts b/ui-ngx/src/app/modules/home/components/alarm/alarm-table.component.ts
new file mode 100644
index 0000000000..760514dfb5
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alarm/alarm-table.component.ts
@@ -0,0 +1,90 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Input, OnInit, ViewChild } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { DatePipe } from '@angular/common';
+import { MatDialog } from '@angular/material/dialog';
+import { EntityId } from '@shared/models/id/entity-id';
+import { EntitiesTableComponent } from '@home/components/entity/entities-table.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { DialogService } from '@core/services/dialog.service';
+import { AlarmTableConfig } from './alarm-table-config';
+import { AlarmSearchStatus } from '@shared/models/alarm.models';
+import { AlarmService } from '@app/core/http/alarm.service';
+
+@Component({
+  selector: 'tb-alarm-table',
+  templateUrl: './alarm-table.component.html',
+  styleUrls: ['./alarm-table.component.scss']
+})
+export class AlarmTableComponent implements OnInit {
+
+  activeValue = false;
+  dirtyValue = false;
+  entityIdValue: EntityId;
+
+  @Input()
+  set active(active: boolean) {
+    if (this.activeValue !== active) {
+      this.activeValue = active;
+      if (this.activeValue && this.dirtyValue) {
+        this.dirtyValue = false;
+        this.entitiesTable.updateData();
+      }
+    }
+  }
+
+  @Input()
+  set entityId(entityId: EntityId) {
+    this.entityIdValue = entityId;
+    if (this.alarmTableConfig && this.alarmTableConfig.entityId !== entityId) {
+      this.alarmTableConfig.searchStatus = AlarmSearchStatus.ANY;
+      this.alarmTableConfig.entityId = entityId;
+      this.entitiesTable.resetSortAndFilter(this.activeValue);
+      if (!this.activeValue) {
+        this.dirtyValue = true;
+      }
+    }
+  }
+
+  @ViewChild(EntitiesTableComponent, {static: true}) entitiesTable: EntitiesTableComponent;
+
+  alarmTableConfig: AlarmTableConfig;
+
+  constructor(private alarmService: AlarmService,
+              private dialogService: DialogService,
+              private translate: TranslateService,
+              private datePipe: DatePipe,
+              private dialog: MatDialog,
+              private store: Store<AppState>) {
+  }
+
+  ngOnInit() {
+    this.dirtyValue = !this.activeValue;
+    this.alarmTableConfig = new AlarmTableConfig(
+      this.alarmService,
+      this.dialogService,
+      this.translate,
+      this.datePipe,
+      this.dialog,
+      this.entityIdValue,
+      AlarmSearchStatus.ANY
+    );
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select-panel.component.html b/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select-panel.component.html
new file mode 100644
index 0000000000..af28ee7786
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select-panel.component.html
@@ -0,0 +1,30 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div fxLayout="column" class="mat-content mat-padding">
+  <div fxLayout="row" *ngFor="let alias of entityAliasesInfo | keyvalue">
+    <mat-form-field>
+      <mat-label>{{alias.value.alias}}</mat-label>
+      <mat-select matInput [(ngModel)]="alias.value.selectedId"
+                  (ngModelChange)="currentAliasEntityChanged(alias.key, alias.value.selectedId)">
+        <mat-option *ngFor="let resolvedEntity of alias.value.resolvedEntities" [value]="resolvedEntity.id">
+          {{resolvedEntity.name}}
+        </mat-option>
+      </mat-select>
+    </mat-form-field>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select-panel.component.scss b/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select-panel.component.scss
new file mode 100644
index 0000000000..845b959302
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select-panel.component.scss
@@ -0,0 +1,35 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  min-width: 300px;
+  max-height: 150px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: #fff;
+  border-radius: 4px;
+  box-shadow:
+    0 7px 8px -4px rgba(0, 0, 0, .2),
+    0 13px 19px 2px rgba(0, 0, 0, .14),
+    0 5px 24px 4px rgba(0, 0, 0, .12);
+
+  @media (min-height: 350px) {
+    max-height: 250px;
+  }
+
+  .mat-content {
+    background-color: #fff;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select-panel.component.ts b/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select-panel.component.ts
new file mode 100644
index 0000000000..4ea777ff09
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select-panel.component.ts
@@ -0,0 +1,60 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, InjectionToken, OnInit } from '@angular/core';
+import { Timewindow } from '@shared/models/time/time.models';
+import { AliasInfo, IAliasController } from '@core/api/widget-api.models';
+import { PageComponent } from '@shared/components/page.component';
+import { TIMEWINDOW_PANEL_DATA, TimewindowPanelData } from '@shared/components/time/timewindow-panel.component';
+import { deepClone } from '@core/utils';
+
+export const ALIASES_ENTITY_SELECT_PANEL_DATA = new InjectionToken<any>('AliasesEntitySelectPanelData');
+
+export interface AliasesEntitySelectPanelData {
+  aliasController: IAliasController;
+}
+
+@Component({
+  selector: 'tb-aliases-entity-select-panel',
+  templateUrl: './aliases-entity-select-panel.component.html',
+  styleUrls: ['./aliases-entity-select-panel.component.scss']
+})
+export class AliasesEntitySelectPanelComponent {
+
+  entityAliasesInfo: {[aliasId: string]: AliasInfo} = {};
+
+  constructor(@Inject(ALIASES_ENTITY_SELECT_PANEL_DATA) public data: AliasesEntitySelectPanelData) {
+    const allEntityAliases = this.data.aliasController.getEntityAliases();
+    for (const aliasId of Object.keys(allEntityAliases)) {
+      const aliasInfo = this.data.aliasController.getInstantAliasInfo(aliasId);
+      if (aliasInfo && !aliasInfo.resolveMultiple && aliasInfo.currentEntity
+        && aliasInfo.resolvedEntities.length > 1) {
+        this.entityAliasesInfo[aliasId] = deepClone(aliasInfo);
+        this.entityAliasesInfo[aliasId].selectedId = aliasInfo.currentEntity.id;
+      }
+    }
+  }
+
+  public currentAliasEntityChanged(aliasId: string, selectedId: string) {
+    const resolvedEntities = this.entityAliasesInfo[aliasId].resolvedEntities;
+    const selected = resolvedEntities.find((entity) => entity.id === selectedId);
+    if (selected) {
+      this.data.aliasController.updateCurrentAliasEntity(aliasId, selected);
+    }
+  }
+
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select.component.html b/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select.component.html
new file mode 100644
index 0000000000..b3f2bbf393
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select.component.html
@@ -0,0 +1,32 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<section class="tb-aliases-entity-select" fxLayout="row" fxLayoutAlign="start center">
+  <button mat-button mat-icon-button
+          cdkOverlayOrigin #aliasEntitySelectPanelOrigin="cdkOverlayOrigin"
+          (click)="openEditMode()"
+          matTooltip="{{ 'entity.select-entities' | translate }}"
+          [matTooltipPosition]="tooltipPosition">
+    <mat-icon class="material-icons">devices_other</mat-icon>
+  </button>
+  <span fxHide.xs fxHide.sm fxHide.md
+        (click)="openEditMode()"
+        matTooltip="{{ 'entity.select-entities' | translate }}"
+        [matTooltipPosition]="tooltipPosition">
+    {{displayValue}}
+  </span>
+</section>
diff --git a/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select.component.scss b/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select.component.scss
new file mode 100644
index 0000000000..b406a542a6
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select.component.scss
@@ -0,0 +1,38 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import "../../../../../scss/constants";
+
+:host {
+  min-width: 52px;
+
+  section.tb-aliases-entity-select {
+    min-height: 32px;
+    padding: 0 6px;
+
+    @media #{$mat-lt-md} {
+      padding: 0;
+    }
+
+    span {
+      max-width: 200px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      pointer-events: all;
+      cursor: pointer;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select.component.ts b/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select.component.ts
new file mode 100644
index 0000000000..d768071749
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alias/aliases-entity-select.component.ts
@@ -0,0 +1,179 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, Input, OnDestroy, OnInit, ViewChild, ViewContainerRef } from '@angular/core';
+import { TooltipPosition } from '@angular/material/tooltip';
+import { IAliasController } from '@core/api/widget-api.models';
+import { CdkOverlayOrigin, ConnectedPosition, Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
+import { TranslateService } from '@ngx-translate/core';
+import { Subscription } from 'rxjs';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { DOCUMENT } from '@angular/common';
+import { WINDOW } from '@core/services/window.service';
+import { ComponentPortal, PortalInjector } from '@angular/cdk/portal';
+import {
+  ALIASES_ENTITY_SELECT_PANEL_DATA,
+  AliasesEntitySelectPanelComponent,
+  AliasesEntitySelectPanelData
+} from './aliases-entity-select-panel.component';
+
+// @dynamic
+@Component({
+  selector: 'tb-aliases-entity-select',
+  templateUrl: './aliases-entity-select.component.html',
+  styleUrls: ['./aliases-entity-select.component.scss']
+})
+export class AliasesEntitySelectComponent implements OnInit, OnDestroy {
+
+  @Input()
+  aliasController: IAliasController;
+
+  @Input()
+  tooltipPosition: TooltipPosition = 'above';
+
+  @Input() disabled: boolean;
+
+  @ViewChild('aliasEntitySelectPanelOrigin') aliasEntitySelectPanelOrigin: CdkOverlayOrigin;
+
+  displayValue: string;
+
+  private rxSubscriptions = new Array<Subscription>();
+
+  constructor(private translate: TranslateService,
+              private overlay: Overlay,
+              private breakpointObserver: BreakpointObserver,
+              private viewContainerRef: ViewContainerRef,
+              @Inject(DOCUMENT) private document: Document,
+              @Inject(WINDOW) private window: Window) {
+  }
+
+  ngOnInit(): void {
+    this.rxSubscriptions.push(this.aliasController.entityAliasesChanged.subscribe(
+      () => {
+        this.updateDisplayValue();
+      }
+    ));
+    this.rxSubscriptions.push(this.aliasController.entityAliasResolved.subscribe(
+      () => {
+        this.updateDisplayValue();
+      }
+    ));
+  }
+
+  ngOnDestroy(): void {
+    this.rxSubscriptions.forEach((subscription) => {
+      subscription.unsubscribe();
+    });
+    this.rxSubscriptions.length = 0;
+  }
+
+  openEditMode() {
+    if (this.disabled) {
+      return;
+    }
+    const panelHeight = this.breakpointObserver.isMatched('min-height: 350px') ? 250 : 150;
+    const panelWidth = 300;
+    const position = this.overlay.position();
+    const config = new OverlayConfig({
+      panelClass: 'tb-aliases-entity-select-panel',
+      backdropClass: 'cdk-overlay-transparent-backdrop',
+      hasBackdrop: true,
+    });
+    const el = this.aliasEntitySelectPanelOrigin.elementRef.nativeElement;
+    const offset = el.getBoundingClientRect();
+    const scrollTop = this.window.pageYOffset || this.document.documentElement.scrollTop || this.document.body.scrollTop || 0;
+    const scrollLeft = this.window.pageXOffset || this.document.documentElement.scrollLeft || this.document.body.scrollLeft || 0;
+    const bottomY = offset.bottom - scrollTop;
+    const leftX = offset.left - scrollLeft;
+    let originX;
+    let originY;
+    let overlayX;
+    let overlayY;
+    const wHeight = this.document.documentElement.clientHeight;
+    const wWidth = this.document.documentElement.clientWidth;
+    if (bottomY + panelHeight > wHeight) {
+      originY = 'top';
+      overlayY = 'bottom';
+    } else {
+      originY = 'bottom';
+      overlayY = 'top';
+    }
+    if (leftX + panelWidth > wWidth) {
+      originX = 'end';
+      overlayX = 'end';
+    } else {
+      originX = 'start';
+      overlayX = 'start';
+    }
+    const connectedPosition: ConnectedPosition = {
+      originX,
+      originY,
+      overlayX,
+      overlayY
+    };
+    config.positionStrategy = position.flexibleConnectedTo(this.aliasEntitySelectPanelOrigin.elementRef)
+      .withPositions([connectedPosition]);
+    const overlayRef = this.overlay.create(config);
+    overlayRef.backdropClick().subscribe(() => {
+      overlayRef.dispose();
+    });
+
+    const injector = this._createAliasesEntitySelectPanelInjector(
+      overlayRef,
+      {
+        aliasController: this.aliasController
+      }
+    );
+    overlayRef.attach(new ComponentPortal(AliasesEntitySelectPanelComponent, this.viewContainerRef, injector));
+  }
+
+  private _createAliasesEntitySelectPanelInjector(overlayRef: OverlayRef, data: AliasesEntitySelectPanelData): PortalInjector {
+    const injectionTokens = new WeakMap<any, any>([
+      [ALIASES_ENTITY_SELECT_PANEL_DATA, data],
+      [OverlayRef, overlayRef]
+    ]);
+    return new PortalInjector(this.viewContainerRef.injector, injectionTokens);
+  }
+
+  private updateDisplayValue() {
+    let displayValue;
+    let singleValue = true;
+    let currentAliasId;
+    const entityAliases = this.aliasController.getEntityAliases();
+    for (const aliasId of Object.keys(entityAliases)) {
+      const entityAlias = entityAliases[aliasId];
+      if (!entityAlias.filter.resolveMultiple) {
+        const resolvedAlias = this.aliasController.getInstantAliasInfo(aliasId);
+        if (resolvedAlias && resolvedAlias.currentEntity) {
+          if (!currentAliasId) {
+            currentAliasId = aliasId;
+          } else {
+            singleValue = false;
+            break;
+          }
+        }
+      }
+    }
+    if (singleValue && currentAliasId) {
+      const aliasInfo = this.aliasController.getInstantAliasInfo(currentAliasId);
+      displayValue = aliasInfo.currentEntity.name;
+    } else {
+      displayValue = this.translate.instant('entity.entities');
+    }
+    this.displayValue = displayValue;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/alias/entity-alias-dialog.component.html b/ui-ngx/src/app/modules/home/components/alias/entity-alias-dialog.component.html
new file mode 100644
index 0000000000..5ddff2f60a
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alias/entity-alias-dialog.component.html
@@ -0,0 +1,76 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #entityAliasForm="ngForm" [formGroup]="entityAliasFormGroup" (ngSubmit)="save()" style="width: 600px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2>{{ (isAdd ? 'alias.add' : 'alias.edit') | translate }}</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async">
+      <div fxFlex fxLayout="column">
+        <div fxLayout="row">
+          <mat-form-field fxFlex class="mat-block">
+            <mat-label translate>alias.name</mat-label>
+            <input matInput formControlName="alias" required>
+            <mat-error *ngIf="entityAliasFormGroup.get('alias').hasError('required')">
+              {{ 'alias.name-required' | translate }}
+            </mat-error>
+            <mat-error *ngIf="entityAliasFormGroup.get('alias').hasError('duplicateAliasName')">
+              {{ 'alias.duplicate-alias' | translate }}
+            </mat-error>
+          </mat-form-field>
+          <section class="tb-resolve-multiple-switch" fxLayout="column" fxLayoutAlign="start center">
+            <label class="tb-small resolve-multiple-label" translate>alias.resolve-multiple</label>
+            <mat-slide-toggle class="resolve-multiple-switch"
+                              formControlName="resolveMultiple">
+            </mat-slide-toggle>
+          </section>
+        </div>
+        <tb-entity-filter formControlName="filter"
+                          [resolveMultiple]="entityAliasFormGroup.get('resolveMultiple').value"
+                          (resolveMultipleChanged)="entityAliasFormGroup.get('resolveMultiple').patchValue($event)"
+                          [allowedEntityTypes]="allowedEntityTypes">
+        </tb-entity-filter>
+        <tb-error [error]="entityAliasFormGroup.hasError('noEntityMatched')
+                  ? translate.instant('alias.entity-filter-no-entity-matched') : ''"></tb-error>
+      </div>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || entityAliasFormGroup.invalid || !entityAliasFormGroup.dirty">
+      {{ (isAdd ? 'action.add' : 'action.save') | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/RelationCacheNoSqlTest.java b/ui-ngx/src/app/modules/home/components/alias/entity-alias-dialog.component.scss
similarity index 70%
rename from dao/src/test/java/org/thingsboard/server/dao/service/nosql/RelationCacheNoSqlTest.java
rename to ui-ngx/src/app/modules/home/components/alias/entity-alias-dialog.component.scss
index e5c08a1bac..6de3900a64 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/RelationCacheNoSqlTest.java
+++ b/ui-ngx/src/app/modules/home/components/alias/entity-alias-dialog.component.scss
@@ -13,11 +13,16 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.service.nosql;
+:host {
+  .tb-resolve-multiple-switch {
+    padding-left: 10px;
 
-import org.thingsboard.server.dao.service.BaseRelationCacheTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
+    .resolve-multiple-switch {
+      margin: 0;
+    }
 
-@DaoNoSqlTest
-public class RelationCacheNoSqlTest extends BaseRelationCacheTest {
-}
+    .resolve-multiple-label {
+      margin: 5px 0;
+    }
+  }
+}
\ No newline at end of file
diff --git a/ui-ngx/src/app/modules/home/components/alias/entity-alias-dialog.component.ts b/ui-ngx/src/app/modules/home/components/alias/entity-alias-dialog.component.ts
new file mode 100644
index 0000000000..757d44ef86
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alias/entity-alias-dialog.component.ts
@@ -0,0 +1,165 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit, SkipSelf } from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import {
+  AbstractControl,
+  FormArray,
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  FormGroupDirective,
+  NgForm, Validators, ValidatorFn
+} from '@angular/forms';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@app/shared/components/dialog.component';
+import { AttributeData } from '@shared/models/telemetry/telemetry.models';
+import { EntityAlias, EntityAliases, EntityAliasFilter } from '@shared/models/alias.models';
+import { DatasourceType, Widget, widgetType } from '@shared/models/widget.models';
+import { AliasEntityType, EntityType } from '@shared/models/entity-type.models';
+import { UtilsService } from '@core/services/utils.service';
+import { TranslateService } from '@ngx-translate/core';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { DialogService } from '@core/services/dialog.service';
+import { EntityService } from '@core/http/entity.service';
+import { Observable, of } from 'rxjs';
+
+export interface EntityAliasDialogData {
+  isAdd: boolean;
+  allowedEntityTypes: Array<EntityType | AliasEntityType>;
+  entityAliases: EntityAliases | Array<EntityAlias>;
+  alias?: EntityAlias;
+}
+
+@Component({
+  selector: 'tb-entity-alias-dialog',
+  templateUrl: './entity-alias-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: EntityAliasDialogComponent}],
+  styleUrls: ['./entity-alias-dialog.component.scss']
+})
+export class EntityAliasDialogComponent extends DialogComponent<EntityAliasDialogComponent, EntityAlias>
+  implements OnInit, ErrorStateMatcher {
+
+  isAdd: boolean;
+  allowedEntityTypes: Array<EntityType | AliasEntityType>;
+  entityAliases: Array<EntityAlias>;
+
+  alias: EntityAlias;
+
+  entityAliasFormGroup: FormGroup;
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: EntityAliasDialogData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<EntityAliasDialogComponent, EntityAlias>,
+              private fb: FormBuilder,
+              private utils: UtilsService,
+              public translate: TranslateService,
+              private entityService: EntityService) {
+    super(store, router, dialogRef);
+    this.isAdd = data.isAdd;
+    this.allowedEntityTypes = data.allowedEntityTypes;
+    if (Array.isArray(data.entityAliases)) {
+      this.entityAliases = data.entityAliases;
+    } else {
+      this.entityAliases = [];
+      for (const aliasId of Object.keys(data.entityAliases)) {
+        this.entityAliases.push(data.entityAliases[aliasId]);
+      }
+    }
+    if (this.isAdd && !this.data.alias) {
+      this.alias = {
+        id: null,
+        alias: '',
+        filter: {
+          resolveMultiple: false
+        }
+      };
+    } else {
+      this.alias = data.alias;
+    }
+
+    this.entityAliasFormGroup = this.fb.group({
+      alias: [this.alias.alias, [this.validateDuplicateAliasName(), Validators.required]],
+      resolveMultiple: [this.alias.filter.resolveMultiple],
+      filter: [this.alias.filter, Validators.required]
+    });
+  }
+
+  validateDuplicateAliasName(): ValidatorFn {
+    return (c: FormControl) => {
+      const newAlias = c.value;
+      const found = this.entityAliases.find((entityAlias) => entityAlias.alias === newAlias);
+      if (found) {
+        if (this.isAdd || this.alias.id !== found.id) {
+          return {
+            duplicateAliasName: {
+              valid: false
+            }
+          };
+        }
+      }
+      return null;
+    };
+  }
+
+  ngOnInit(): void {
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  private validate(): Observable<any> {
+    return this.entityService.resolveAliasFilter(this.alias.filter, null, 1, true);
+  }
+
+  save(): void {
+    this.submitted = true;
+    this.alias.alias = this.entityAliasFormGroup.get('alias').value;
+    this.alias.filter = this.entityAliasFormGroup.get('filter').value;
+    this.alias.filter.resolveMultiple = this.entityAliasFormGroup.get('resolveMultiple').value;
+    this.validate().subscribe(() => {
+        if (this.isAdd) {
+          this.alias.id = this.utils.guid();
+        }
+        this.dialogRef.close(this.alias);
+      },
+      () => {
+        this.entityAliasFormGroup.setErrors({
+          noEntityMatched: true
+        });
+        const changesSubscriptuion = this.entityAliasFormGroup.valueChanges.subscribe(() => {
+          this.entityAliasFormGroup.setErrors(null);
+          changesSubscriptuion.unsubscribe();
+        });
+      }
+    );
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/alias/entity-alias-select.component.html b/ui-ngx/src/app/modules/home/components/alias/entity-alias-select.component.html
new file mode 100644
index 0000000000..f6fe6de025
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alias/entity-alias-select.component.html
@@ -0,0 +1,60 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field floatLabel="always" hideRequiredMarker [formGroup]="selectEntityAliasFormGroup" class="mat-block">
+  <mat-label></mat-label>
+  <input matInput type="text" placeholder="{{ 'entity.entity-alias' | translate }}"
+         #entityAliasInput
+         formControlName="entityAlias"
+         (focusin)="onFocus()"
+         [required]="tbRequired"
+         (keydown)="entityAliasEnter($event)"
+         (keypress)="entityAliasEnter($event)"
+         [matAutocomplete]="entityAliasAutocomplete">
+  <button *ngIf="selectEntityAliasFormGroup.get('entityAlias').value && !disabled"
+          type="button"
+          matSuffix mat-button mat-icon-button aria-label="Clear"
+          (click)="clear()">
+    <mat-icon class="material-icons">close</mat-icon>
+  </button>
+  <mat-autocomplete class="tb-autocomplete"
+                    #entityAliasAutocomplete="matAutocomplete"
+                    [displayWith]="displayEntityAliasFn">
+    <mat-option *ngFor="let entityAlias of filteredEntityAliases | async" [value]="entityAlias">
+      <span [innerHTML]="entityAlias.alias | highlight:searchText"></span>
+    </mat-option>
+    <mat-option *ngIf="!(filteredEntityAliases | async)?.length" [value]="null" class="tb-not-found">
+      <div class="tb-not-found-content" (click)="$event.stopPropagation()">
+        <div *ngIf="!textIsNotEmpty(searchText); else searchNotEmpty">
+          <span translate>entity.no-aliases-found</span>
+        </div>
+        <ng-template #searchNotEmpty>
+          <span>
+            {{ translate.get('entity.no-alias-matching',
+              {alias: truncate.transform(searchText, true, 6, &apos;...&apos;)}) | async }}
+          </span>
+        </ng-template>
+        <span>
+          <a translate (click)="createEntityAlias($event, searchText)">entity.create-new-alias</a>
+        </span>
+      </div>
+    </mat-option>
+  </mat-autocomplete>
+  <mat-error *ngIf="!modelValue && tbRequired">
+    {{ 'entity.alias-required' | translate }}
+  </mat-error>
+</mat-form-field>
diff --git a/ui-ngx/src/app/modules/home/components/alias/entity-alias-select.component.models.ts b/ui-ngx/src/app/modules/home/components/alias/entity-alias-select.component.models.ts
new file mode 100644
index 0000000000..bea4198cdd
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alias/entity-alias-select.component.models.ts
@@ -0,0 +1,23 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityType } from '@shared/models/entity-type.models';
+import { Observable } from 'rxjs';
+import { EntityAlias } from '@shared/models/alias.models';
+
+export interface EntityAliasSelectCallbacks {
+  createEntityAlias: (alias: string, allowedEntityTypes: Array<EntityType>) => Observable<EntityAlias>;
+}
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/UserServiceNoSqlTest.java b/ui-ngx/src/app/modules/home/components/alias/entity-alias-select.component.scss
similarity index 71%
rename from dao/src/test/java/org/thingsboard/server/dao/service/nosql/UserServiceNoSqlTest.java
rename to ui-ngx/src/app/modules/home/components/alias/entity-alias-select.component.scss
index e065c28afa..c14adfc443 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/UserServiceNoSqlTest.java
+++ b/ui-ngx/src/app/modules/home/components/alias/entity-alias-select.component.scss
@@ -13,11 +13,12 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.service.nosql;
+:host {
 
-import org.thingsboard.server.dao.service.BaseUserServiceTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
+}
 
-@DaoNoSqlTest
-public class UserServiceNoSqlTest extends BaseUserServiceTest {
+:host ::ng-deep {
+  .mat-form-field-infix {
+    border-top: none;
+  }
 }
diff --git a/ui-ngx/src/app/modules/home/components/alias/entity-alias-select.component.ts b/ui-ngx/src/app/modules/home/components/alias/entity-alias-select.component.ts
new file mode 100644
index 0000000000..a1007cabd4
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alias/entity-alias-select.component.ts
@@ -0,0 +1,258 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { AfterViewInit, Component, ElementRef, forwardRef, Input, OnInit, SkipSelf, ViewChild } from '@angular/core';
+import {
+  ControlValueAccessor,
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  FormGroupDirective,
+  NG_VALUE_ACCESSOR, NgForm
+} from '@angular/forms';
+import { Observable, of } from 'rxjs';
+import { map, mergeMap, startWith, tap, share, filter } from 'rxjs/operators';
+import {Store} from '@ngrx/store';
+import {AppState} from '@app/core/core.state';
+import {TranslateService} from '@ngx-translate/core';
+import {AliasEntityType, EntityType} from '@shared/models/entity-type.models';
+import {BaseData} from '@shared/models/base-data';
+import {EntityId} from '@shared/models/id/entity-id';
+import {EntityService} from '@core/http/entity.service';
+import {coerceBooleanProperty} from '@angular/cdk/coercion';
+import { EntityAlias } from '@shared/models/alias.models';
+import { IAliasController } from '@core/api/widget-api.models';
+import { TruncatePipe } from '@shared/pipe/truncate.pipe';
+import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
+import { EntityAliasSelectCallbacks } from './entity-alias-select.component.models';
+import {ENTER} from '@angular/cdk/keycodes';
+import { ErrorStateMatcher } from '@angular/material/core';
+
+@Component({
+  selector: 'tb-entity-alias-select',
+  templateUrl: './entity-alias-select.component.html',
+  styleUrls: ['./entity-alias-select.component.scss'],
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => EntityAliasSelectComponent),
+    multi: true
+  },
+  {
+    provide: ErrorStateMatcher,
+    useExisting: EntityAliasSelectComponent
+  }]
+})
+export class EntityAliasSelectComponent implements ControlValueAccessor, OnInit, AfterViewInit, ErrorStateMatcher {
+
+  selectEntityAliasFormGroup: FormGroup;
+
+  modelValue: string | null;
+
+  @Input()
+  aliasController: IAliasController;
+
+  @Input()
+  allowedEntityTypes: Array<EntityType>;
+
+  @Input()
+  callbacks: EntityAliasSelectCallbacks;
+
+  @ViewChild('entityAliasAutocomplete') entityAliasAutocomplete: MatAutocomplete;
+  @ViewChild('autocomplete', { read: MatAutocompleteTrigger }) autoCompleteTrigger: MatAutocompleteTrigger;
+
+
+  private requiredValue: boolean;
+  get tbRequired(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set tbRequired(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  @ViewChild('entityAliasInput', {static: true}) entityAliasInput: ElementRef;
+
+  entityAliasList: Array<EntityAlias> = [];
+
+  filteredEntityAliases: Observable<Array<EntityAlias>>;
+
+  searchText = '';
+
+  private dirty = false;
+
+  private creatingEntityAlias = false;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              private entityService: EntityService,
+              public translate: TranslateService,
+              public truncate: TruncatePipe,
+              private fb: FormBuilder) {
+    this.selectEntityAliasFormGroup = this.fb.group({
+      entityAlias: [null]
+    });
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+    const entityAliases = this.aliasController.getEntityAliases();
+    for (const aliasId of Object.keys(entityAliases)) {
+      if (this.allowedEntityTypes && this.allowedEntityTypes.length) {
+        if (!this.entityService.filterAliasByEntityTypes(entityAliases[aliasId], this.allowedEntityTypes)) {
+          continue;
+        }
+      }
+      this.entityAliasList.push(entityAliases[aliasId]);
+    }
+
+    this.filteredEntityAliases = this.selectEntityAliasFormGroup.get('entityAlias').valueChanges
+      .pipe(
+        tap(value => {
+          let modelValue;
+          if (typeof value === 'string' || !value) {
+            modelValue = null;
+          } else {
+            modelValue = value;
+          }
+          this.updateView(modelValue);
+          if (value === null) {
+            this.clear();
+          }
+        }),
+        map(value => value ? (typeof value === 'string' ? value : value.alias) : ''),
+        mergeMap(name => this.fetchEntityAliases(name) ),
+        share()
+      );
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = this.tbRequired && !this.modelValue;
+    return originalErrorState || customErrorState;
+  }
+
+  ngAfterViewInit(): void {}
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (this.disabled) {
+      this.selectEntityAliasFormGroup.disable({emitEvent: false});
+    } else {
+      this.selectEntityAliasFormGroup.enable({emitEvent: false});
+    }
+  }
+
+  writeValue(value: string | null): void {
+    this.searchText = '';
+    let entityAlias = null;
+    if (value != null) {
+      const entityAliases = this.aliasController.getEntityAliases();
+      if (entityAliases[value]) {
+        entityAlias = entityAliases[value];
+      }
+    }
+    if (entityAlias != null) {
+      this.modelValue = entityAlias.id;
+      this.selectEntityAliasFormGroup.get('entityAlias').patchValue(entityAlias, {emitEvent: false});
+    } else {
+      this.modelValue = null;
+      this.selectEntityAliasFormGroup.get('entityAlias').patchValue('', {emitEvent: false});
+    }
+    this.dirty = true;
+  }
+
+  onFocus() {
+    if (this.dirty) {
+      this.selectEntityAliasFormGroup.get('entityAlias').updateValueAndValidity({onlySelf: true, emitEvent: true});
+      this.dirty = false;
+    }
+  }
+
+  updateView(value: EntityAlias | null) {
+    const aliasId = value ? value.id : null;
+    if (this.modelValue !== aliasId) {
+      this.modelValue = aliasId;
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  displayEntityAliasFn(entityAlias?: EntityAlias): string | undefined {
+    return entityAlias ? entityAlias.alias : undefined;
+  }
+
+  fetchEntityAliases(searchText?: string): Observable<Array<EntityAlias>> {
+    this.searchText = searchText;
+    let result = this.entityAliasList;
+    if (searchText && searchText.length) {
+      result = this.entityAliasList.filter((entityAlias) => entityAlias.alias.toLowerCase().includes(searchText.toLowerCase()));
+    }
+    return of(result);
+  }
+
+  clear(value: string = '') {
+    this.entityAliasInput.nativeElement.value = value;
+    this.selectEntityAliasFormGroup.get('entityAlias').patchValue(value, {emitEvent: true});
+    setTimeout(() => {
+      this.entityAliasInput.nativeElement.blur();
+      this.entityAliasInput.nativeElement.focus();
+    }, 0);
+  }
+
+  textIsNotEmpty(text: string): boolean {
+    return (text && text != null && text.length > 0) ? true : false;
+  }
+
+  entityAliasEnter($event: KeyboardEvent) {
+    if ($event.keyCode === ENTER) {
+      $event.preventDefault();
+      if (!this.modelValue) {
+        this.createEntityAlias($event, this.searchText);
+      }
+    }
+  }
+
+  createEntityAlias($event: Event, alias: string) {
+    $event.preventDefault();
+    this.creatingEntityAlias = true;
+    if (this.callbacks && this.callbacks.createEntityAlias) {
+      this.callbacks.createEntityAlias(alias, this.allowedEntityTypes).subscribe((newAlias) => {
+          if (!newAlias) {
+            setTimeout(() => {
+              this.entityAliasInput.nativeElement.blur();
+              this.entityAliasInput.nativeElement.focus();
+            }, 0);
+          } else {
+            this.entityAliasList.push(newAlias);
+            this.modelValue = newAlias.id;
+            this.selectEntityAliasFormGroup.get('entityAlias').patchValue(newAlias, {emitEvent: true});
+            this.propagateChange(this.modelValue);
+          }
+        }
+      );
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/alias/entity-aliases-dialog.component.html b/ui-ngx/src/app/modules/home/components/alias/entity-aliases-dialog.component.html
new file mode 100644
index 0000000000..8950c3c6e0
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alias/entity-aliases-dialog.component.html
@@ -0,0 +1,111 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #entityAliasesForm="ngForm" [formGroup]="entityAliasesFormGroup" (ngSubmit)="save()" style="width: 700px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2>{{ title | translate }}</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div class="tb-aliases-header" fxFlex fxLayout="row" fxLayoutAlign="start center">
+    <span fxFlex="5"></span>
+    <div fxFlex="95" fxLayout="row" fxLayoutAlign="start center">
+      <span class="tb-header-label" translate fxFlex="150px">alias.name</span>
+      <span class="tb-header-label" translate fxFlex style="padding-left: 10px;">alias.entity-filter</span>
+      <span class="tb-header-label" translate fxFlex="120px" style="padding-left: 10px;">alias.resolve-multiple</span>
+      <span style="min-width: 80px;"></span>
+    </div>
+  </div>
+  <mat-divider></mat-divider>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async">
+      <div fxFlex fxLayout="row" fxLayoutAlign="start center"
+           formArrayName="entityAliases"
+           *ngFor="let entityAliasControl of entityAliasesFormArray().controls; let $index = index">
+        <span fxFlex="5">{{$index + 1}}.</span>
+        <div class="mat-elevation-z4 tb-alias" fxFlex="95" fxLayout="row" fxLayoutAlign="start center">
+          <mat-form-field floatLabel="always" hideRequiredMarker class="mat-block" fxFlex="150px">
+            <mat-label></mat-label>
+            <input matInput [formControl]="entityAliasControl.get('alias')" required placeholder="{{ 'entity.alias' | translate }}">
+            <mat-error *ngIf="entityAliasControl.get('alias').hasError('required')">
+              {{ 'entity.alias-required' | translate }}
+            </mat-error>
+          </mat-form-field>
+          <tb-entity-filter-view fxFlex style="padding-left: 10px;" [formControl]="entityAliasControl.get('filter')">
+          </tb-entity-filter-view>
+          <section fxFlex="120px" style="padding-left: 10px;"
+                   class="tb-resolve-multiple-switch"
+                   fxLayout="column"
+                   fxLayoutAlign="center center">
+            <mat-slide-toggle class="resolve-multiple-switch"
+                   [formControl]="entityAliasControl.get('resolveMultiple')">
+            </mat-slide-toggle>
+          </section>
+          <button [disabled]="isLoading$ | async"
+                  mat-button mat-icon-button color="primary"
+                  style="min-width: 40px;"
+                  type="button"
+                  (click)="editAlias($index)"
+                  matTooltip="{{ 'alias.edit' | translate }}"
+                  matTooltipPosition="above">
+            <mat-icon>edit</mat-icon>
+          </button>
+          <button [disabled]="isLoading$ | async"
+                  mat-button mat-icon-button color="primary"
+                  style="min-width: 40px;"
+                  type="button"
+                  (click)="removeAlias($index)"
+                  matTooltip="{{ 'entity.remove-alias' | translate }}"
+                  matTooltipPosition="above">
+            <mat-icon>close</mat-icon>
+          </button>
+        </div>
+      </div>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <button mat-button mat-raised-button color="primary"
+            type="button"
+            (click)="addAlias()"
+            [fxShow]="!disableAdd"
+            [disabled]="isLoading$ | async"
+            matTooltip="{{ 'alias.add' | translate }}"
+            matTooltipPosition="above">
+      {{ 'alias.add' | translate }}
+    </button>
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || entityAliasesFormGroup.invalid || !entityAliasesFormGroup.dirty">
+      {{ 'action.save' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/components/alias/entity-aliases-dialog.component.scss b/ui-ngx/src/app/modules/home/components/alias/entity-aliases-dialog.component.scss
new file mode 100644
index 0000000000..d247d7e8f0
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alias/entity-aliases-dialog.component.scss
@@ -0,0 +1,48 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+
+  .tb-aliases-header {
+    min-height: 40px;
+    padding: 0 34px 0 34px;
+    margin: 5px;
+
+    .tb-header-label {
+      font-size: 14px;
+      color: rgba(0, 0, 0, .570588);
+    }
+  }
+
+  .tb-alias {
+    padding: 0 0 0 10px;
+    margin: 5px;
+
+    .tb-resolve-multiple-switch {
+      padding-left: 10px;
+
+      .resolve-multiple-switch {
+        margin: 0;
+      }
+    }
+  }
+}
+
+:host ::ng-deep {
+  .mat-dialog-content {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/alias/entity-aliases-dialog.component.ts b/ui-ngx/src/app/modules/home/components/alias/entity-aliases-dialog.component.ts
new file mode 100644
index 0000000000..90bd2677c3
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/alias/entity-aliases-dialog.component.ts
@@ -0,0 +1,271 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit, SkipSelf } from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import {
+  AbstractControl,
+  FormArray,
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  FormGroupDirective,
+  NgForm, Validators
+} from '@angular/forms';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@app/shared/components/dialog.component';
+import { AttributeData } from '@shared/models/telemetry/telemetry.models';
+import { EntityAlias, EntityAliases, EntityAliasFilter } from '@shared/models/alias.models';
+import { DatasourceType, Widget, widgetType } from '@shared/models/widget.models';
+import { AliasEntityType, EntityType } from '@shared/models/entity-type.models';
+import { UtilsService } from '@core/services/utils.service';
+import { TranslateService } from '@ngx-translate/core';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { DialogService } from '@core/services/dialog.service';
+import { deepClone, isUndefined } from '@core/utils';
+import { MatDialog } from '@angular/material/dialog';
+import { EntityAliasDialogComponent, EntityAliasDialogData } from './entity-alias-dialog.component';
+
+export interface EntityAliasesDialogData {
+  entityAliases: EntityAliases;
+  widgets: Array<Widget>;
+  isSingleEntityAlias?: boolean;
+  isSingleWidget?: boolean;
+  allowedEntityTypes?: Array<AliasEntityType>;
+  disableAdd?: boolean;
+  singleEntityAlias?: EntityAlias;
+  customTitle?: string;
+}
+
+@Component({
+  selector: 'tb-entity-aliases-dialog',
+  templateUrl: './entity-aliases-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: EntityAliasesDialogComponent}],
+  styleUrls: ['./entity-aliases-dialog.component.scss']
+})
+export class EntityAliasesDialogComponent extends DialogComponent<EntityAliasesDialogComponent, EntityAliases>
+  implements OnInit, ErrorStateMatcher {
+
+  title: string;
+  disableAdd: boolean;
+  allowedEntityTypes: Array<EntityType | AliasEntityType>;
+
+  aliasToWidgetsMap: {[aliasId: string]: Array<string>} = {};
+
+  entityAliasesFormGroup: FormGroup;
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: EntityAliasesDialogData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<EntityAliasesDialogComponent, EntityAliases>,
+              private fb: FormBuilder,
+              private utils: UtilsService,
+              private translate: TranslateService,
+              private dialogs: DialogService,
+              private dialog: MatDialog) {
+    super(store, router, dialogRef);
+    this.title = data.customTitle ? data.customTitle : 'entity.aliases';
+    this.disableAdd = this.data.disableAdd;
+    this.allowedEntityTypes = this.data.allowedEntityTypes;
+
+    if (data.widgets) {
+      let widgetsTitleList: Array<string>;
+      if (this.data.isSingleWidget && this.data.widgets.length === 1) {
+        const widget = this.data.widgets[0];
+        widgetsTitleList = [widget.config.title];
+        for (const aliasId of Object.keys(this.data.entityAliases)) {
+          this.aliasToWidgetsMap[aliasId] = widgetsTitleList;
+        }
+      } else {
+        this.data.widgets.forEach((widget) => {
+          if (widget.type === widgetType.rpc) {
+            if (widget.config.targetDeviceAliasIds && widget.config.targetDeviceAliasIds.length > 0) {
+              const targetDeviceAliasId = widget.config.targetDeviceAliasIds[0];
+              widgetsTitleList = this.aliasToWidgetsMap[targetDeviceAliasId];
+              if (!widgetsTitleList) {
+                widgetsTitleList = [];
+                this.aliasToWidgetsMap[targetDeviceAliasId] = widgetsTitleList;
+              }
+              widgetsTitleList.push(widget.config.title);
+            }
+          } else {
+            const datasources = this.utils.validateDatasources(widget.config.datasources);
+            datasources.forEach((datasource) => {
+              if (datasource.type === DatasourceType.entity && datasource.entityAliasId) {
+                widgetsTitleList = this.aliasToWidgetsMap[datasource.entityAliasId];
+                if (!widgetsTitleList) {
+                  widgetsTitleList = [];
+                  this.aliasToWidgetsMap[datasource.entityAliasId] = widgetsTitleList;
+                }
+                widgetsTitleList.push(widget.config.title);
+              }
+            });
+          }
+        });
+      }
+    }
+    const entityAliasControls: Array<AbstractControl> = [];
+    for (const aliasId of Object.keys(this.data.entityAliases)) {
+      const entityAlias = this.data.entityAliases[aliasId];
+      if (!entityAlias.filter) {
+        entityAlias.filter = {
+          resolveMultiple: false
+        };
+      }
+      if (isUndefined(entityAlias.filter.resolveMultiple)) {
+        entityAlias.filter.resolveMultiple = false;
+      }
+      entityAliasControls.push(this.createEntityAliasFormControl(aliasId, entityAlias));
+    }
+
+    this.entityAliasesFormGroup = this.fb.group({
+      entityAliases: this.fb.array(entityAliasControls)
+    });
+  }
+
+  private createEntityAliasFormControl(aliasId: string, entityAlias: EntityAlias): AbstractControl {
+    const aliasFormControl = this.fb.group({
+      id: [aliasId],
+      alias: [entityAlias ? entityAlias.alias : null, [Validators.required]],
+      filter: [entityAlias ? entityAlias.filter : null],
+      resolveMultiple: [entityAlias ? entityAlias.filter.resolveMultiple : false]
+    });
+    aliasFormControl.get('resolveMultiple').valueChanges.subscribe((resolveMultiple: boolean) => {
+      (aliasFormControl.get('filter').value as EntityAliasFilter).resolveMultiple = resolveMultiple;
+    });
+    return aliasFormControl;
+  }
+
+
+  entityAliasesFormArray(): FormArray {
+    return this.entityAliasesFormGroup.get('entityAliases') as FormArray;
+  }
+
+  ngOnInit(): void {
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  removeAlias(index: number) {
+    const entityAlias = (this.entityAliasesFormGroup.get('entityAliases').value as any[])[index];
+    const widgetsTitleList = this.aliasToWidgetsMap[entityAlias.id];
+    if (widgetsTitleList) {
+      let widgetsListHtml = '';
+      for (const widgetTitle of widgetsTitleList) {
+        widgetsListHtml += '<br/>\'' + widgetTitle + '\'';
+      }
+      const message = this.translate.instant('entity.unable-delete-entity-alias-text',
+        {entityAlias: entityAlias.alias, widgetsList: widgetsListHtml});
+      this.dialogs.alert(this.translate.instant('entity.unable-delete-entity-alias-title'),
+        message, this.translate.instant('action.close'), true);
+    } else {
+      (this.entityAliasesFormGroup.get('entityAliases') as FormArray).removeAt(index);
+      this.entityAliasesFormGroup.markAsDirty();
+    }
+  }
+
+  public addAlias() {
+    this.openAliasDialog(-1);
+  }
+
+  public editAlias(index: number) {
+    this.openAliasDialog(index);
+  }
+
+  private openAliasDialog(index: number) {
+    const isAdd = index === -1;
+    let alias;
+    const aliasesArray = this.entityAliasesFormGroup.get('entityAliases').value as any[];
+    if (!isAdd) {
+      alias = aliasesArray[index];
+    }
+    this.dialog.open<EntityAliasDialogComponent, EntityAliasDialogData,
+      EntityAlias>(EntityAliasDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        isAdd,
+        allowedEntityTypes: this.allowedEntityTypes,
+        entityAliases: aliasesArray,
+        alias: isAdd ? null : deepClone(alias)
+      }
+    }).afterClosed().subscribe((entityAlias) => {
+      if (entityAlias) {
+        if (isAdd) {
+          (this.entityAliasesFormGroup.get('entityAliases') as FormArray)
+            .push(this.createEntityAliasFormControl(entityAlias.id, entityAlias));
+        } else {
+          const aliasFormControl = (this.entityAliasesFormGroup.get('entityAliases') as FormArray).at(index);
+          aliasFormControl.get('alias').patchValue(entityAlias.alias);
+          aliasFormControl.get('filter').patchValue(entityAlias.filter);
+          aliasFormControl.get('resolveMultiple').patchValue(entityAlias.filter.resolveMultiple);
+        }
+        this.entityAliasesFormGroup.markAsDirty();
+      }
+    });
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  save(): void {
+    this.submitted = true;
+    const entityAliases: EntityAliases = {};
+    const uniqueAliasList: {[alias: string]: string} = {};
+
+    let valid = true;
+    let message: string;
+
+    const aliasesArray = this.entityAliasesFormGroup.get('entityAliases').value as any[];
+    for (const aliasValue of aliasesArray) {
+      const aliasId: string = aliasValue.id;
+      const alias: string = aliasValue.alias;
+      const filter: EntityAliasFilter = aliasValue.filter;
+      if (uniqueAliasList[alias]) {
+        valid = false;
+        message = this.translate.instant('entity.duplicate-alias-error', {alias});
+        break;
+      } else if (!filter || !filter.type) {
+        valid = false;
+        message = this.translate.instant('entity.missing-entity-filter-error', {alias});
+        break;
+      } else {
+        uniqueAliasList[alias] = alias;
+        entityAliases[aliasId] = {id: aliasId, alias, filter};
+      }
+    }
+    if (valid) {
+      this.dialogRef.close(entityAliases);
+    } else {
+      this.store.dispatch(new ActionNotificationShow(
+        {
+          message,
+          type: 'error'
+        }));
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/attribute/add-attribute-dialog.component.html b/ui-ngx/src/app/modules/home/components/attribute/add-attribute-dialog.component.html
new file mode 100644
index 0000000000..91e70692c2
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/attribute/add-attribute-dialog.component.html
@@ -0,0 +1,61 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form [formGroup]="attributeFormGroup" (ngSubmit)="add()" style="min-width: 400px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2>{{ 'attribute.add' | translate }}</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async">
+      <mat-form-field class="mat-block">
+        <mat-label translate>attribute.key</mat-label>
+        <input matInput formControlName="key" required>
+        <mat-error *ngIf="attributeFormGroup.get('key').hasError('required')">
+          {{ 'attribute.key-required' | translate }}
+        </mat-error>
+      </mat-form-field>
+      <tb-value-input
+        formControlName="value"
+        requiredText="attribute.value-required">
+      </tb-value-input>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || attributeFormGroup.invalid || !attributeFormGroup.dirty">
+      {{ 'action.add' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/components/attribute/add-attribute-dialog.component.ts b/ui-ngx/src/app/modules/home/components/attribute/add-attribute-dialog.component.ts
new file mode 100644
index 0000000000..6fdbf1e744
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/attribute/add-attribute-dialog.component.ts
@@ -0,0 +1,88 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit, SkipSelf } from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm, Validators } from '@angular/forms';
+import { EntityId } from '@shared/models/id/entity-id';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@app/shared/components/dialog.component';
+import { AttributeData, AttributeScope } from '@shared/models/telemetry/telemetry.models';
+import { AttributeService } from '@core/http/attribute.service';
+
+export interface AddAttributeDialogData {
+  entityId: EntityId;
+  attributeScope: AttributeScope;
+}
+
+@Component({
+  selector: 'tb-add-attribute-dialog',
+  templateUrl: './add-attribute-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: AddAttributeDialogComponent}],
+  styleUrls: []
+})
+export class AddAttributeDialogComponent extends DialogComponent<AddAttributeDialogComponent, boolean>
+  implements OnInit, ErrorStateMatcher {
+
+  attributeFormGroup: FormGroup;
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: AddAttributeDialogData,
+              private attributeService: AttributeService,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<AddAttributeDialogComponent, boolean>,
+              public fb: FormBuilder) {
+    super(store, router, dialogRef);
+  }
+
+  ngOnInit(): void {
+    this.attributeFormGroup = this.fb.group({
+      key: ['', [Validators.required]],
+      value: [null, [Validators.required]]
+    });
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(false);
+  }
+
+  add(): void {
+    this.submitted = true;
+    const attribute: AttributeData = {
+      lastUpdateTs: null,
+      key: this.attributeFormGroup.get('key').value,
+      value: this.attributeFormGroup.get('value').value
+    };
+    this.attributeService.saveEntityAttributes(this.data.entityId,
+      this.data.attributeScope, [attribute]).subscribe(
+          () => {
+            this.dialogRef.close(true);
+          }
+    );
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/attribute/add-widget-to-dashboard-dialog.component.html b/ui-ngx/src/app/modules/home/components/attribute/add-widget-to-dashboard-dialog.component.html
new file mode 100644
index 0000000000..fd109793e6
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/attribute/add-widget-to-dashboard-dialog.component.html
@@ -0,0 +1,77 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #addWidgetForm="ngForm" [formGroup]="addWidgetFormGroup" (ngSubmit)="add()" style="min-width: 400px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>attribute.add-widget-to-dashboard</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div mat-dialog-content fxLayout="column">
+    <fieldset [disabled]="isLoading$ | async">
+      <mat-radio-group formControlName="addToDashboardType">
+        <mat-radio-button [value]="0" color="primary">
+          <section fxLayout="column" style="width: 300px;">
+            <span translate>dashboard.select-existing</span>
+            <tb-dashboard-autocomplete formControlName="dashboardId"
+                                       [required]="addWidgetFormGroup.get('addToDashboardType').value === 0"
+                                       [selectFirstDashboard]="false">
+            </tb-dashboard-autocomplete>
+          </section>
+        </mat-radio-button>
+        <mat-radio-button [value]="1" color="primary">
+          <section fxLayout="column" style="width: 300px;">
+            <span translate>dashboard.create-new</span>
+            <mat-form-field class="mat-block">
+              <mat-label translate>dashboard.new-dashboard-title</mat-label>
+              <input matInput formControlName="newDashboardTitle"
+                     [required]="addWidgetFormGroup.get('addToDashboardType').value === 1">
+              <mat-error *ngIf="addWidgetFormGroup.get('newDashboardTitle').hasError('required')">
+                {{ 'dashboard.title-required' | translate }}
+              </mat-error>
+            </mat-form-field>
+          </section>
+        </mat-radio-button>
+      </mat-radio-group>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <mat-checkbox formControlName="openDashboard"
+                  style="margin-bottom: 0px; padding-right: 20px;">
+      {{ 'dashboard.open-dashboard' | translate }}
+    </mat-checkbox>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || addWidgetFormGroup.invalid || !addWidgetFormGroup.dirty">
+      {{ 'action.add' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/components/attribute/add-widget-to-dashboard-dialog.component.scss b/ui-ngx/src/app/modules/home/components/attribute/add-widget-to-dashboard-dialog.component.scss
new file mode 100644
index 0000000000..8e2ed04d6a
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/attribute/add-widget-to-dashboard-dialog.component.scss
@@ -0,0 +1,28 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host ::ng-deep {
+  mat-radio-button {
+    display: block;
+    margin-bottom: 16px;
+    .mat-radio-label {
+      width: 100%;
+      align-items: start;
+      .mat-radio-label-content {
+        width: 100%;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/attribute/add-widget-to-dashboard-dialog.component.ts b/ui-ngx/src/app/modules/home/components/attribute/add-widget-to-dashboard-dialog.component.ts
new file mode 100644
index 0000000000..3a98ae906f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/attribute/add-widget-to-dashboard-dialog.component.ts
@@ -0,0 +1,223 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit, SkipSelf } from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm, Validators } from '@angular/forms';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@app/shared/components/dialog.component';
+import { UtilsService } from '@core/services/utils.service';
+import { TranslateService } from '@ngx-translate/core';
+import {
+  DashboardLayoutId,
+  DashboardSettings,
+  GridSettings,
+  StateControllerId,
+  Dashboard
+} from '@app/shared/models/dashboard.models';
+import { isUndefined, objToBase64 } from '@core/utils';
+import { DashboardUtilsService } from '@core/services/dashboard-utils.service';
+import { EntityId } from '@app/shared/models/id/entity-id';
+import { Widget } from '@app/shared/models/widget.models';
+import { DashboardService } from '@core/http/dashboard.service';
+import { forkJoin, Observable, of } from 'rxjs';
+import { SelectTargetLayoutDialogComponent } from '@home/components/dashboard/select-target-layout-dialog.component';
+import { MatDialog } from '@angular/material/dialog';
+import {
+  SelectTargetStateDialogComponent,
+  SelectTargetStateDialogData
+} from '@home/components/dashboard/select-target-state-dialog.component';
+import { mergeMap, map } from 'rxjs/operators';
+import { AliasesInfo } from '@shared/models/alias.models';
+import { ItemBufferService } from '@core/services/item-buffer.service';
+import { StateObject } from '@core/api/widget-api.models';
+
+export interface AddWidgetToDashboardDialogData {
+  entityId: EntityId;
+  entityName: string;
+  widget: Widget;
+}
+
+@Component({
+  selector: 'tb-add-widget-to-dashboard-dialog',
+  templateUrl: './add-widget-to-dashboard-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: AddWidgetToDashboardDialogComponent}],
+  styleUrls: ['./add-widget-to-dashboard-dialog.component.scss']
+})
+export class AddWidgetToDashboardDialogComponent extends
+  DialogComponent<AddWidgetToDashboardDialogComponent, void>
+  implements OnInit, ErrorStateMatcher {
+
+  addWidgetFormGroup: FormGroup;
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: AddWidgetToDashboardDialogData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<AddWidgetToDashboardDialogComponent, void>,
+              private fb: FormBuilder,
+              private utils: UtilsService,
+              private dashboardUtils: DashboardUtilsService,
+              private dashboardService: DashboardService,
+              private itembuffer: ItemBufferService,
+              private dialog: MatDialog) {
+    super(store, router, dialogRef);
+
+    this.addWidgetFormGroup = this.fb.group(
+      {
+        addToDashboardType: [0, []],
+        dashboardId: [null, [Validators.required]],
+        newDashboardTitle: [{value: null, disabled: true}, []],
+        openDashboard: [false, []]
+      }
+    );
+
+    this.addWidgetFormGroup.get('addToDashboardType').valueChanges.subscribe(
+      (addToDashboardType: number) => {
+        if (addToDashboardType === 0) {
+          this.addWidgetFormGroup.get('dashboardId').setValidators([Validators.required]);
+          this.addWidgetFormGroup.get('dashboardId').enable();
+          this.addWidgetFormGroup.get('newDashboardTitle').setValidators([]);
+          this.addWidgetFormGroup.get('newDashboardTitle').disable();
+          this.addWidgetFormGroup.get('dashboardId').updateValueAndValidity();
+          this.addWidgetFormGroup.get('newDashboardTitle').updateValueAndValidity();
+        } else {
+          this.addWidgetFormGroup.get('dashboardId').setValidators([]);
+          this.addWidgetFormGroup.get('dashboardId').disable();
+          this.addWidgetFormGroup.get('newDashboardTitle').setValidators([Validators.required]);
+          this.addWidgetFormGroup.get('newDashboardTitle').enable();
+          this.addWidgetFormGroup.get('dashboardId').updateValueAndValidity();
+          this.addWidgetFormGroup.get('newDashboardTitle').updateValueAndValidity();
+        }
+      }
+    );
+  }
+
+  ngOnInit(): void {
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  add(): void {
+    this.submitted = true;
+    const addToDashboardType: number = this.addWidgetFormGroup.get('addToDashboardType').value;
+    if (addToDashboardType === 0) {
+      const dashboardId: string = this.addWidgetFormGroup.get('dashboardId').value;
+      this.dashboardService.getDashboard(dashboardId).pipe(
+        mergeMap((dashboard) => {
+          dashboard = this.dashboardUtils.validateAndUpdateDashboard(dashboard);
+          return this.selectTargetState(dashboard).pipe(
+            mergeMap((targetState) => {
+              return forkJoin([of(dashboard), of(targetState), this.selectTargetLayout(dashboard, targetState)]);
+            })
+          );
+        })
+      ).subscribe((res) => {
+        this.addWidgetToDashboard(res[0], res[1], res[2]);
+      });
+    } else {
+      const dashboardTitle: string = this.addWidgetFormGroup.get('newDashboardTitle').value;
+      const newDashboard: Dashboard = {
+        title: dashboardTitle
+      };
+      this.addWidgetToDashboard(newDashboard, 'default', 'main');
+    }
+  }
+
+  private selectTargetState(dashboard: Dashboard): Observable<string> {
+    const states = dashboard.configuration.states;
+    const stateIds = Object.keys(states);
+    if (stateIds.length > 1) {
+      return this.dialog.open<SelectTargetStateDialogComponent, SelectTargetStateDialogData,
+        string>(SelectTargetStateDialogComponent, {
+        disableClose: true,
+        panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+        data: {
+          states
+        }
+      }).afterClosed();
+    } else {
+      return of(stateIds[0]);
+    }
+  }
+
+  private selectTargetLayout(dashboard: Dashboard, targetState: string): Observable<DashboardLayoutId> {
+    const layouts = dashboard.configuration.states[targetState].layouts;
+    const layoutIds = Object.keys(layouts);
+    if (layoutIds.length > 1) {
+      return this.dialog.open<SelectTargetLayoutDialogComponent, any,
+        DashboardLayoutId>(SelectTargetLayoutDialogComponent, {
+        disableClose: true,
+        panelClass: ['tb-dialog', 'tb-fullscreen-dialog']
+      }).afterClosed();
+    } else {
+      return of(layoutIds[0] as DashboardLayoutId);
+    }
+  }
+
+  private addWidgetToDashboard(dashboard: Dashboard, targetState: string, targetLayout: DashboardLayoutId) {
+    const aliasesInfo: AliasesInfo = {
+      datasourceAliases: {},
+      targetDeviceAliases: {}
+    };
+    aliasesInfo.datasourceAliases[0] = {
+      alias: this.data.entityName,
+      filter: this.dashboardUtils.createSingleEntityFilter(this.data.entityId)
+    };
+    this.itembuffer.addWidgetToDashboard(dashboard, targetState,
+      targetLayout, this.data.widget, aliasesInfo, null,
+      48, null, -1, -1).pipe(
+      mergeMap((theDashboard) => {
+        return this.dashboardService.saveDashboard(theDashboard);
+      })
+    ).subscribe(
+      (theDashboard) => {
+        const openDashboard: boolean = this.addWidgetFormGroup.get('openDashboard').value;
+        this.dialogRef.close();
+        if (openDashboard) {
+          let url;
+          const stateIds = Object.keys(dashboard.configuration.states);
+          const stateIndex = stateIds.indexOf(targetState);
+          if (stateIndex > 0) {
+            const stateObject: StateObject = {
+              id: targetState,
+              params: {}
+            };
+            const state = objToBase64([ stateObject ]);
+            url = `/dashboards/${theDashboard.id.id}?state=${state}`;
+          } else {
+            url = `/dashboards/${theDashboard.id.id}`;
+          }
+          const urlTree = this.router.parseUrl(url);
+          this.router.navigateByUrl(url);
+        }
+      }
+    );
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.html b/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.html
new file mode 100644
index 0000000000..4e40fdbe90
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.html
@@ -0,0 +1,254 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="mat-padding tb-entity-table tb-absolute-fill">
+  <div fxFlex fxLayout="column" class="mat-elevation-z1 tb-entity-table-content">
+    <mat-toolbar class="mat-table-toolbar" [fxShow]="mode === 'default' && !textSearchMode && dataSource.selection.isEmpty()">
+      <div class="mat-toolbar-tools">
+        <span class="tb-entity-table-title">{{telemetryTypeTranslationsMap.get(attributeScope) | translate}}</span>
+        <mat-form-field class="mat-block tb-attribute-scope" style="width: 200px;" *ngIf="!disableAttributeScopeSelection">
+          <mat-label translate>attribute.attributes-scope</mat-label>
+          <mat-select [disabled]="(isLoading$ | async) || attributeScopeSelectionReadonly"
+                      matInput [ngModel]="attributeScope"
+                      (ngModelChange)="attributeScopeChanged($event)">
+            <mat-option *ngFor="let scope of attributeScopes" [value]="scope">
+              {{ telemetryTypeTranslationsMap.get(toTelemetryTypeFunc(scope)) | translate }}
+            </mat-option>
+          </mat-select>
+        </mat-form-field>
+        <span fxFlex></span>
+        <button *ngIf="!isClientSideTelemetryTypeMap.get(attributeScope)"
+                mat-button mat-icon-button
+                [disabled]="isLoading$ | async"
+                (click)="addAttribute($event)"
+                matTooltip="{{ 'action.add' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>add</mat-icon>
+        </button>
+        <button *ngIf="!isClientSideTelemetryTypeMap.get(attributeScope)"
+                mat-button mat-icon-button
+                [disabled]="isLoading$ | async"
+                (click)="reloadAttributes()"
+                matTooltip="{{ 'action.refresh' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>refresh</mat-icon>
+        </button>
+        <button mat-button mat-icon-button
+                [disabled]="isLoading$ | async"
+                (click)="enterFilterMode()"
+                matTooltip="{{ 'action.search' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>search</mat-icon>
+        </button>
+      </div>
+    </mat-toolbar>
+    <mat-toolbar class="mat-table-toolbar" [fxShow]="mode === 'default' && textSearchMode && dataSource.selection.isEmpty()">
+      <div class="mat-toolbar-tools">
+        <button mat-button mat-icon-button
+                matTooltip="{{ 'action.search' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>search</mat-icon>
+        </button>
+        <mat-form-field fxFlex>
+          <mat-label>&nbsp;</mat-label>
+          <input #searchInput matInput
+                 [(ngModel)]="pageLink.textSearch"
+                 placeholder="{{ 'common.enter-search' | translate }}"/>
+        </mat-form-field>
+        <button mat-button mat-icon-button (click)="exitFilterMode()"
+                matTooltip="{{ 'action.close' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>close</mat-icon>
+        </button>
+      </div>
+    </mat-toolbar>
+    <mat-toolbar class="mat-table-toolbar" color="primary" [fxShow]="mode === 'default' && !dataSource.selection.isEmpty()">
+      <div class="mat-toolbar-tools">
+                <span>
+                  {{ translate.get(
+                    attributeScope === latestTelemetryTypes.LATEST_TELEMETRY
+                        ? 'attribute.selected-telemetry' : 'attribute.selected-attributes',
+                    {count: dataSource.selection.selected.length}) | async }}
+                </span>
+        <span fxFlex></span>
+        <button [fxShow]="!isClientSideTelemetryTypeMap.get(attributeScope)"
+                mat-button mat-icon-button [disabled]="isLoading$ | async"
+                matTooltip="{{ 'action.delete' | translate }}"
+                matTooltipPosition="above"
+                (click)="deleteAttributes($event)">
+          <mat-icon>delete</mat-icon>
+        </button>
+        <button mat-button mat-raised-button
+                color="accent"
+                [disabled]="isLoading$ | async"
+                matTooltip="{{ 'attribute.show-on-widget' | translate }}"
+                matTooltipPosition="above"
+                (click)="enterWidgetMode()">
+          <mat-icon>now_widgets</mat-icon>
+          <span translate>attribute.show-on-widget</span>
+        </button>
+      </div>
+    </mat-toolbar>
+    <mat-toolbar class="mat-table-toolbar" color="primary" [fxShow]="mode === 'widget'">
+      <div class="mat-toolbar-tools" fxLayoutGap="8px">
+        <div fxFlex fxLayout="row" fxLayoutAlign="start">
+          <span class="tb-details-subtitle">{{ 'widgets-bundle.current' | translate }}</span>
+          <tb-widgets-bundle-select fxFlexOffset="5"
+                                    fxFlex
+                                    [selectFirstBundle]="false"
+                                    [selectBundleAlias]="selectedWidgetsBundleAlias"
+                                    [(ngModel)]="widgetsBundle"
+                                    (ngModelChange)="onWidgetsBundleChanged()">
+          </tb-widgets-bundle-select>
+        </div>
+        <button mat-button mat-raised-button [fxShow]="widgetsList.length > 0"
+                color="accent"
+                [disabled]="isLoading$ | async"
+                matTooltip="{{ 'attribute.add-to-dashboard' | translate }}"
+                matTooltipPosition="above"
+                (click)="addWidgetToDashboard()">
+          <mat-icon>dashboard</mat-icon>
+          <span translate>attribute.add-to-dashboard</span>
+        </button>
+        <button mat-button mat-icon-button
+                [disabled]="isLoading$ | async"
+                matTooltip="{{ 'action.close' | translate }}"
+                matTooltipPosition="above"
+                (click)="exitWidgetMode()">
+          <mat-icon>close</mat-icon>
+        </button>
+      </div>
+    </mat-toolbar>
+    <div fxFlex class="table-container" [fxShow]="mode !== 'widget'">
+      <mat-table [dataSource]="dataSource"
+                 matSort [matSortActive]="pageLink.sortOrder.property" [matSortDirection]="pageLink.sortDirection()" matSortDisableClear>
+        <ng-container matColumnDef="select" sticky>
+          <mat-header-cell *matHeaderCellDef style="width: 30px;">
+            <mat-checkbox (change)="$event ? dataSource.masterToggle() : null"
+                          [checked]="dataSource.selection.hasValue() && (dataSource.isAllSelected() | async)"
+                          [indeterminate]="dataSource.selection.hasValue() && !(dataSource.isAllSelected() | async)">
+            </mat-checkbox>
+          </mat-header-cell>
+          <mat-cell *matCellDef="let attribute">
+            <mat-checkbox (click)="$event.stopPropagation()"
+                          (change)="$event ? dataSource.selection.toggle(attribute) : null"
+                          [checked]="dataSource.selection.isSelected(attribute)">
+            </mat-checkbox>
+          </mat-cell>
+        </ng-container>
+        <ng-container matColumnDef="lastUpdateTs">
+          <mat-header-cell *matHeaderCellDef mat-sort-header style="min-width: 150px; max-width: 150px; width: 150px;"> {{ 'attribute.last-update-time' | translate }} </mat-header-cell>
+          <mat-cell *matCellDef="let attribute">
+            {{ attribute.lastUpdateTs | date:'yyyy-MM-dd HH:mm:ss' }}
+          </mat-cell>
+        </ng-container>
+        <ng-container matColumnDef="key">
+          <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 40%"> {{ 'attribute.key' | translate }} </mat-header-cell>
+          <mat-cell *matCellDef="let attribute">
+            {{ attribute.key }}
+          </mat-cell>
+        </ng-container>
+        <ng-container matColumnDef="value">
+          <mat-header-cell *matHeaderCellDef style="width: 60%"> {{ 'attribute.value' | translate }} </mat-header-cell>
+          <mat-cell *matCellDef="let attribute"
+                    class="tb-value-cell"
+                    (click)="editAttribute($event, attribute)">
+            <div fxLayout="row">
+              <span fxFlex>{{attribute.value}}</span>
+              <span [fxShow]="!isClientSideTelemetryTypeMap.get(attributeScope)">
+                <mat-icon>edit</mat-icon>
+              </span>
+            </div>
+          </mat-cell>
+        </ng-container>
+        <mat-header-row [ngClass]="{'mat-row-select': true}" *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
+        <mat-row [ngClass]="{'mat-row-select': true,
+                             'mat-selected': dataSource.selection.isSelected(attribute)}"
+                 *matRowDef="let attribute; columns: displayedColumns;" (click)="dataSource.selection.toggle(attribute)"></mat-row>
+      </mat-table>
+      <span [fxShow]="dataSource.isEmpty() | async"
+            fxLayoutAlign="center center"
+            class="no-data-found" translate>{{
+          attributeScope === latestTelemetryTypes.LATEST_TELEMETRY
+              ? 'attribute.no-telemetry-text'
+              : 'attribute.no-attributes-text'
+        }}</span>
+    </div>
+    <mat-divider [fxShow]="mode !== 'widget'"></mat-divider>
+    <mat-paginator [fxShow]="mode !== 'widget'"
+                   [length]="dataSource.total() | async"
+                   [pageIndex]="pageLink.page"
+                   [pageSize]="pageLink.pageSize"
+                   [pageSizeOptions]="[10, 20, 30]"></mat-paginator>
+    <ngx-hm-carousel fxFlex *ngIf="mode === 'widget' && widgetsList.length > 0"
+                     #carousel
+                     [(ngModel)]="widgetsCarouselIndex"
+                     (ngModelChange)="onWidgetsCarouselIndexChanged()"
+                     [data]="widgetsList"
+                     [infinite]="false"
+                     class="carousel c-accent">
+      <section ngx-hm-carousel-container class="content">
+        <article class="item cursor-pointer"
+                 ngx-hm-carousel-item
+                 *ngFor="let widgets of widgetsList">
+          <tb-dashboard class="tb-absolute-fill"
+            [aliasController]="aliasController"
+            [widgets]="widgets"
+            [columns]="20"
+            [isEdit]="false"
+            [isMobileDisabled]="true"
+            [isEditActionEnabled]="false"
+            [isRemoveActionEnabled]="false">
+          </tb-dashboard>
+        </article>
+      </section>
+
+      <ng-template #carouselPrev>
+        <button mat-button mat-icon-button *ngIf="widgetsCarouselIndex > 0"
+                matTooltip="{{ 'attribute.prev-widget' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>keyboard_arrow_left</mat-icon>
+        </button>
+      </ng-template>
+      <ng-template #carouselNext>
+        <button mat-button mat-icon-button *ngIf="widgetsCarouselIndex < widgetsList.length - 1"
+                matTooltip="{{ 'attribute.next-widget' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>keyboard_arrow_right</mat-icon>
+        </button>
+      </ng-template>
+
+      <ng-template #carouselDot let-model>
+        <div class="ball"
+             [class.visible]="model.index === model.currentIndex"></div>
+      </ng-template>
+
+    </ngx-hm-carousel>
+    <span translate *ngIf="mode === 'widget' && widgetsLoaded &&
+                           widgetsList.length === 0 &&
+                           widgetsBundle"
+          fxLayoutAlign="center center"
+          fxFlex
+          style="text-transform: uppercase; display: flex;"
+          class="mat-headline">widgets-bundle.empty</span>
+    <span translate *ngIf="mode === 'widget' && !widgetsBundle"
+          fxLayoutAlign="center center"
+          fxFlex
+          style="text-transform: uppercase; display: flex;"
+          class="mat-headline">widget.select-widgets-bundle</span>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.scss b/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.scss
new file mode 100644
index 0000000000..3de276b003
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.scss
@@ -0,0 +1,101 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  width: 100%;
+  height: 100%;
+  .tb-entity-table {
+    .tb-entity-table-content {
+      width: 100%;
+      height: 100%;
+      background: #fff;
+
+      .tb-entity-table-title {
+        padding-right: 20px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .table-container {
+        overflow: auto;
+      }
+    }
+  }
+}
+
+:host ::ng-deep {
+  .mat-sort-header-sorted .mat-sort-header-arrow {
+    opacity: 1 !important;
+  }
+  mat-form-field.tb-attribute-scope {
+    font-size: 16px;
+
+    .mat-form-field-wrapper {
+      padding-bottom: 0;
+    }
+
+    .mat-form-field-underline {
+      bottom: 0;
+    }
+  }
+  mat-cell.tb-value-cell {
+    cursor: pointer;
+    mat-icon {
+      height: 24px;
+      width: 24px;
+      font-size: 24px;
+      color: #757575
+    }
+  }
+
+  .carousel {
+    .aniT {
+      transition: all 1s linear;
+    }
+
+    .transition {
+      transition: all 0.3s ease-in-out !important;
+    }
+    .content {
+      display: flex;
+      height: 100%;
+      .item {
+        position: relative;
+      }
+    }
+    .direction {
+      width: 60px;
+    }
+    .ball {
+      width: 10px;
+      height: 10px;
+      border-radius: 50%;
+      background: black;
+      border: 2px solid;
+      opacity: 0.5;
+
+      &.visible {
+        opacity: 1;
+      }
+    }
+    ul.indicators {
+      pointer-events: none;
+      li {
+        pointer-events: all;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.ts b/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.ts
new file mode 100644
index 0000000000..f4ddad7825
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.ts
@@ -0,0 +1,500 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  Component,
+  ElementRef,
+  Input,
+  NgZone,
+  OnInit,
+  ViewChild,
+  ViewContainerRef
+} from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { PageLink } from '@shared/models/page/page-link';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { TranslateService } from '@ngx-translate/core';
+import { MatDialog } from '@angular/material/dialog';
+import { DialogService } from '@core/services/dialog.service';
+import { Direction, SortOrder } from '@shared/models/page/sort-order';
+import { fromEvent, merge } from 'rxjs';
+import { debounceTime, distinctUntilChanged, tap } from 'rxjs/operators';
+import { EntityId } from '@shared/models/id/entity-id';
+import {
+  AttributeData,
+  AttributeScope,
+  DataKeyType,
+  isClientSideTelemetryType,
+  LatestTelemetry,
+  TelemetryType,
+  telemetryTypeTranslations, toTelemetryType
+} from '@shared/models/telemetry/telemetry.models';
+import { AttributeDatasource } from '@home/models/datasource/attribute-datasource';
+import { AttributeService } from '@app/core/http/attribute.service';
+import { EntityType } from '@shared/models/entity-type.models';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import {
+  AddAttributeDialogComponent,
+  AddAttributeDialogData
+} from '@home/components/attribute/add-attribute-dialog.component';
+import { ConnectedPosition, Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
+import {
+  EDIT_ATTRIBUTE_VALUE_PANEL_DATA,
+  EditAttributeValuePanelComponent,
+  EditAttributeValuePanelData
+} from './edit-attribute-value-panel.component';
+import { ComponentPortal, PortalInjector } from '@angular/cdk/portal';
+import { TelemetryWebsocketService } from '@core/ws/telemetry-websocket.service';
+import { WidgetsBundle } from '@shared/models/widgets-bundle.model';
+import { DataKey, Datasource, DatasourceType, Widget, widgetType } from '@shared/models/widget.models';
+import { IAliasController, IStateController, StateParams } from '@core/api/widget-api.models';
+import { AliasController } from '@core/api/alias-controller';
+import { EntityAlias, EntityAliases } from '@shared/models/alias.models';
+import { UtilsService } from '@core/services/utils.service';
+import { DashboardUtilsService } from '@core/services/dashboard-utils.service';
+import { NULL_UUID } from '@shared/models/id/has-uuid';
+import { WidgetService } from '@core/http/widget.service';
+import { toWidgetInfo } from '../../models/widget-component.models';
+import { EntityService } from '@core/http/entity.service';
+import {
+  AddWidgetToDashboardDialogComponent,
+  AddWidgetToDashboardDialogData
+} from '@home/components/attribute/add-widget-to-dashboard-dialog.component';
+import { deepClone } from '@core/utils';
+
+
+@Component({
+  selector: 'tb-attribute-table',
+  templateUrl: './attribute-table.component.html',
+  styleUrls: ['./attribute-table.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class AttributeTableComponent extends PageComponent implements AfterViewInit, OnInit {
+
+  telemetryTypeTranslationsMap = telemetryTypeTranslations;
+  isClientSideTelemetryTypeMap = isClientSideTelemetryType;
+
+  latestTelemetryTypes = LatestTelemetry;
+
+  mode: 'default' | 'widget' = 'default';
+
+  attributeScopes: Array<string> = [];
+  attributeScope: TelemetryType;
+  toTelemetryTypeFunc = toTelemetryType;
+
+  displayedColumns = ['select', 'lastUpdateTs', 'key', 'value'];
+  pageLink: PageLink;
+  textSearchMode = false;
+  dataSource: AttributeDatasource;
+
+  activeValue = false;
+  dirtyValue = false;
+  entityIdValue: EntityId;
+
+  attributeScopeSelectionReadonly = false;
+
+  viewsInited = false;
+
+  selectedWidgetsBundleAlias: string = null;
+  widgetsBundle: WidgetsBundle = null;
+  widgetsLoaded = false;
+  widgetsCarouselIndex = 0;
+  widgetsList: Array<Array<Widget>> = [];
+  widgetsListCache: Array<Array<Widget>> = [];
+  aliasController: IAliasController;
+  private widgetDatasource: Datasource;
+
+  private disableAttributeScopeSelectionValue: boolean;
+  get disableAttributeScopeSelection(): boolean {
+    return this.disableAttributeScopeSelectionValue;
+  }
+  @Input()
+  set disableAttributeScopeSelection(value: boolean) {
+    this.disableAttributeScopeSelectionValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  defaultAttributeScope: TelemetryType;
+
+  @Input()
+  set active(active: boolean) {
+    if (this.activeValue !== active) {
+      this.activeValue = active;
+      if (this.activeValue && this.dirtyValue) {
+        this.dirtyValue = false;
+        if (this.viewsInited) {
+          this.updateData(true);
+        }
+      }
+    }
+  }
+
+  @Input()
+  set entityId(entityId: EntityId) {
+    if (this.entityIdValue !== entityId) {
+      this.entityIdValue = entityId;
+      this.resetSortAndFilter(this.activeValue);
+      if (!this.activeValue) {
+        this.dirtyValue = true;
+      }
+    }
+  }
+
+  @Input()
+  entityName: string;
+
+  @ViewChild('searchInput') searchInputField: ElementRef;
+
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+  @ViewChild(MatSort) sort: MatSort;
+
+  constructor(protected store: Store<AppState>,
+              private attributeService: AttributeService,
+              private telemetryWsService: TelemetryWebsocketService,
+              public translate: TranslateService,
+              public dialog: MatDialog,
+              private overlay: Overlay,
+              private viewContainerRef: ViewContainerRef,
+              private dialogService: DialogService,
+              private entityService: EntityService,
+              private utils: UtilsService,
+              private dashboardUtils: DashboardUtilsService,
+              private widgetService: WidgetService,
+              private zone: NgZone) {
+    super(store);
+    this.dirtyValue = !this.activeValue;
+    const sortOrder: SortOrder = { property: 'key', direction: Direction.ASC };
+    this.pageLink = new PageLink(10, 0, null, sortOrder);
+    this.dataSource = new AttributeDatasource(this.attributeService, this.telemetryWsService, this.zone, this.translate);
+  }
+
+  ngOnInit() {
+  }
+
+  attributeScopeChanged(attributeScope: TelemetryType) {
+    this.attributeScope = attributeScope;
+    this.mode = 'default';
+    this.updateData(true);
+  }
+
+  ngAfterViewInit() {
+
+    fromEvent(this.searchInputField.nativeElement, 'keyup')
+      .pipe(
+        debounceTime(150),
+        distinctUntilChanged(),
+        tap(() => {
+          this.paginator.pageIndex = 0;
+          this.updateData();
+        })
+      )
+      .subscribe();
+
+    this.sort.sortChange.subscribe(() => this.paginator.pageIndex = 0);
+
+    merge(this.sort.sortChange, this.paginator.page)
+      .pipe(
+        tap(() => this.updateData())
+      )
+      .subscribe();
+
+    this.viewsInited = true;
+    if (this.activeValue && this.entityIdValue) {
+      this.updateData(true);
+    }
+  }
+
+  updateData(reload: boolean = false) {
+    this.pageLink.page = this.paginator.pageIndex;
+    this.pageLink.pageSize = this.paginator.pageSize;
+    this.pageLink.sortOrder.property = this.sort.active;
+    this.pageLink.sortOrder.direction = Direction[this.sort.direction.toUpperCase()];
+    this.dataSource.loadAttributes(this.entityIdValue, this.attributeScope, this.pageLink, reload);
+  }
+
+  enterFilterMode() {
+    this.textSearchMode = true;
+    this.pageLink.textSearch = '';
+    setTimeout(() => {
+      this.searchInputField.nativeElement.focus();
+      this.searchInputField.nativeElement.setSelectionRange(0, 0);
+    }, 10);
+  }
+
+  exitFilterMode() {
+    this.textSearchMode = false;
+    this.pageLink.textSearch = null;
+    this.paginator.pageIndex = 0;
+    this.updateData();
+  }
+
+  resetSortAndFilter(update: boolean = true) {
+    const entityType = this.entityIdValue.entityType;
+    if (entityType === EntityType.DEVICE || entityType === EntityType.ENTITY_VIEW) {
+      this.attributeScopes = Object.keys(AttributeScope);
+      this.attributeScopeSelectionReadonly = false;
+    } else {
+      this.attributeScopes = [AttributeScope.SERVER_SCOPE];
+      this.attributeScopeSelectionReadonly = true;
+    }
+    this.mode = 'default';
+    this.attributeScope = this.defaultAttributeScope;
+    this.pageLink.textSearch = null;
+    if (this.viewsInited) {
+      this.paginator.pageIndex = 0;
+      const sortable = this.sort.sortables.get('key');
+      this.sort.active = sortable.id;
+      this.sort.direction = 'asc';
+      if (update) {
+        this.updateData(true);
+      }
+    }
+  }
+
+  reloadAttributes() {
+    this.updateData(true);
+  }
+
+  addAttribute($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialog.open<AddAttributeDialogComponent, AddAttributeDialogData, boolean>(AddAttributeDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        entityId: this.entityIdValue,
+        attributeScope: this.attributeScope as AttributeScope
+      }
+    }).afterClosed().subscribe(
+      (res) => {
+        if (res) {
+          this.reloadAttributes();
+        }
+      }
+    );
+  }
+
+  editAttribute($event: Event, attribute: AttributeData) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    const target = $event.target || $event.srcElement || $event.currentTarget;
+    const config = new OverlayConfig();
+    config.backdropClass = 'cdk-overlay-transparent-backdrop';
+    config.hasBackdrop = true;
+    const connectedPosition: ConnectedPosition = {
+      originX: 'end',
+      originY: 'center',
+      overlayX: 'end',
+      overlayY: 'center'
+    };
+    config.positionStrategy = this.overlay.position().flexibleConnectedTo(target as HTMLElement)
+      .withPositions([connectedPosition]);
+
+    const overlayRef = this.overlay.create(config);
+    overlayRef.backdropClick().subscribe(() => {
+      overlayRef.dispose();
+    });
+    const injectionTokens = new WeakMap<any, any>([
+      [EDIT_ATTRIBUTE_VALUE_PANEL_DATA, {
+        attributeValue: attribute.value
+      } as EditAttributeValuePanelData],
+      [OverlayRef, overlayRef]
+    ]);
+    const injector = new PortalInjector(this.viewContainerRef.injector, injectionTokens);
+    const componentRef = overlayRef.attach(new ComponentPortal(EditAttributeValuePanelComponent,
+      this.viewContainerRef, injector));
+    componentRef.onDestroy(() => {
+      if (componentRef.instance.result !== null) {
+        const attributeValue = componentRef.instance.result;
+        const updatedAttribute = {...attribute};
+        updatedAttribute.value = attributeValue;
+        this.attributeService.saveEntityAttributes(this.entityIdValue,
+          this.attributeScope as AttributeScope, [updatedAttribute]).subscribe(
+          () => {
+            this.reloadAttributes();
+          }
+        );
+      }
+    });
+  }
+
+  deleteAttributes($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    if (this.dataSource.selection.selected.length > 0) {
+      this.dialogService.confirm(
+        this.translate.instant('attribute.delete-attributes-title', {count: this.dataSource.selection.selected.length}),
+        this.translate.instant('attribute.delete-attributes-text'),
+        this.translate.instant('action.no'),
+        this.translate.instant('action.yes'),
+        true
+      ).subscribe((result) => {
+        if (result) {
+          this.attributeService.deleteEntityAttributes(this.entityIdValue,
+            this.attributeScope as AttributeScope, this.dataSource.selection.selected).subscribe(
+            () => {
+              this.reloadAttributes();
+            }
+          );
+        }
+      });
+    }
+  }
+
+  enterWidgetMode() {
+    this.mode = 'widget';
+    this.widgetsList = [];
+    this.widgetsListCache = [];
+    this.widgetsLoaded = false;
+    this.widgetsCarouselIndex = 0;
+    this.widgetsBundle = null;
+    this.selectedWidgetsBundleAlias = 'cards';
+
+    const entityAlias: EntityAlias = {
+      id: this.utils.guid(),
+      alias: this.entityName,
+      filter: this.dashboardUtils.createSingleEntityFilter(this.entityIdValue)
+    };
+    const entitiAliases: EntityAliases = {};
+    entitiAliases[entityAlias.id] = entityAlias;
+
+    // @ts-ignore
+    const stateController: IStateController = {
+      getStateParams(): StateParams {
+        return {};
+      }
+    };
+
+    this.aliasController = new AliasController(this.utils,
+      this.entityService,
+      () => stateController, entitiAliases);
+
+    const dataKeyType: DataKeyType = this.attributeScope === LatestTelemetry.LATEST_TELEMETRY ?
+      DataKeyType.timeseries : DataKeyType.attribute;
+
+    this.widgetDatasource = {
+      type: DatasourceType.entity,
+      entityAliasId: entityAlias.id,
+      dataKeys: []
+    };
+
+    for (let i = 0; i < this.dataSource.selection.selected.length; i++) {
+      const attribute = this.dataSource.selection.selected[i];
+      const dataKey: DataKey = {
+        name: attribute.key,
+        label: attribute.key,
+        type: dataKeyType,
+        color: this.utils.getMaterialColor(i),
+        settings: {},
+        _hash: Math.random()
+      };
+      this.widgetDatasource.dataKeys.push(dataKey);
+    }
+  }
+
+  onWidgetsCarouselIndexChanged() {
+    if (this.mode === 'widget') {
+      for (let i = 0; i < this.widgetsList.length; i++) {
+        this.widgetsList[i].splice(0, this.widgetsList[i].length);
+        if (i === this.widgetsCarouselIndex) {
+          this.widgetsList[i].push(this.widgetsListCache[i][0]);
+        }
+      }
+    }
+  }
+
+  onWidgetsBundleChanged() {
+    if (this.mode === 'widget') {
+      this.widgetsList = [];
+      this.widgetsListCache = [];
+      this.widgetsCarouselIndex = 0;
+      if (this.widgetsBundle) {
+        this.widgetsLoaded = false;
+        const bundleAlias = this.widgetsBundle.alias;
+        const isSystem = this.widgetsBundle.tenantId.id === NULL_UUID;
+        this.widgetService.getBundleWidgetTypes(bundleAlias, isSystem).subscribe(
+          (widgetTypes) => {
+            widgetTypes = widgetTypes.sort((a, b) => {
+              let result = widgetType[b.descriptor.type].localeCompare(widgetType[a.descriptor.type]);
+              if (result === 0) {
+                result = b.createdTime - a.createdTime;
+              }
+              return result;
+            });
+            for (const type of widgetTypes) {
+              const widgetInfo = toWidgetInfo(type);
+              if (widgetInfo.type !== widgetType.static) {
+                const sizeX = widgetInfo.sizeX * 2;
+                const sizeY = widgetInfo.sizeY * 2;
+                const col = Math.floor(Math.max(0, (20 - sizeX) / 2));
+                const widget: Widget = {
+                  isSystemType: isSystem,
+                  bundleAlias,
+                  typeAlias: widgetInfo.alias,
+                  type: widgetInfo.type,
+                  title: widgetInfo.widgetName,
+                  sizeX,
+                  sizeY,
+                  row: 0,
+                  col,
+                  config: JSON.parse(widgetInfo.defaultConfig)
+                };
+                widget.config.title = widgetInfo.widgetName;
+                widget.config.datasources = [this.widgetDatasource];
+                if ((this.attributeScope === LatestTelemetry.LATEST_TELEMETRY && widgetInfo.type !== widgetType.rpc) ||
+                      widgetInfo.type === widgetType.latest) {
+                  const length = this.widgetsListCache.push([widget]);
+                  this.widgetsList.push(length === 1 ? [widget] : []);
+                }
+              }
+            }
+            this.widgetsLoaded = true;
+          }
+        );
+      }
+    }
+  }
+
+  addWidgetToDashboard() {
+    if (this.mode === 'widget' && this.widgetsListCache.length > 0) {
+      const widget = this.widgetsListCache[this.widgetsCarouselIndex][0];
+      this.dialog.open<AddWidgetToDashboardDialogComponent, AddWidgetToDashboardDialogData>
+        (AddWidgetToDashboardDialogComponent, {
+        disableClose: true,
+        panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+        data: {
+          entityId: this.entityIdValue,
+          entityName: this.entityName,
+          widget: deepClone(widget)
+        }
+      }).afterClosed();
+    }
+  }
+
+  exitWidgetMode() {
+    this.selectedWidgetsBundleAlias = null;
+    this.mode = 'default';
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/attribute/edit-attribute-value-panel.component.html b/ui-ngx/src/app/modules/home/components/attribute/edit-attribute-value-panel.component.html
new file mode 100644
index 0000000000..a3547cd486
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/attribute/edit-attribute-value-panel.component.html
@@ -0,0 +1,42 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #attributeForm="ngForm"
+      class="mat-elevation-z1"
+      [formGroup]="attributeFormGroup" (ngSubmit)="update()" style="width: 400px; padding: 5px;">
+  <fieldset [disabled]="isLoading$ | async">
+    <tb-value-input
+      formControlName="value"
+      requiredText="attribute.value-required">
+    </tb-value-input>
+  </fieldset>
+  <div fxLayout="row" class="tb-panel-actions">
+    <span fxFlex></span>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || attributeFormGroup.invalid || !attributeFormGroup.dirty">
+      {{ 'action.update' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/DeviceServiceNoSqlTest.java b/ui-ngx/src/app/modules/home/components/attribute/edit-attribute-value-panel.component.scss
similarity index 70%
rename from dao/src/test/java/org/thingsboard/server/dao/service/nosql/DeviceServiceNoSqlTest.java
rename to ui-ngx/src/app/modules/home/components/attribute/edit-attribute-value-panel.component.scss
index 7bd57ece28..79792e2cd5 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/DeviceServiceNoSqlTest.java
+++ b/ui-ngx/src/app/modules/home/components/attribute/edit-attribute-value-panel.component.scss
@@ -13,11 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.service.nosql;
-
-import org.thingsboard.server.dao.service.BaseDeviceServiceTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-@DaoNoSqlTest
-public class DeviceServiceNoSqlTest extends BaseDeviceServiceTest {
+:host {
+  background-color: #f9f9f9;
 }
+
diff --git a/ui-ngx/src/app/modules/home/components/attribute/edit-attribute-value-panel.component.ts b/ui-ngx/src/app/modules/home/components/attribute/edit-attribute-value-panel.component.ts
new file mode 100644
index 0000000000..a7f82129c9
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/attribute/edit-attribute-value-panel.component.ts
@@ -0,0 +1,74 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, InjectionToken, OnInit, SkipSelf } from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm, Validators } from '@angular/forms';
+import { PageComponent } from '@shared/components/page.component';
+import { OverlayRef } from '@angular/cdk/overlay';
+
+export const EDIT_ATTRIBUTE_VALUE_PANEL_DATA = new InjectionToken<any>('EditAttributeValuePanelData');
+
+export interface EditAttributeValuePanelData {
+  attributeValue: any;
+}
+
+@Component({
+  selector: 'tb-edit-attribute-value-panel',
+  templateUrl: './edit-attribute-value-panel.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: EditAttributeValuePanelComponent}],
+  styleUrls: ['./edit-attribute-value-panel.component.scss']
+})
+export class EditAttributeValuePanelComponent extends PageComponent implements OnInit, ErrorStateMatcher {
+
+  attributeFormGroup: FormGroup;
+
+  result: any = null;
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              @Inject(EDIT_ATTRIBUTE_VALUE_PANEL_DATA) public data: EditAttributeValuePanelData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public overlayRef: OverlayRef,
+              public fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+    this.attributeFormGroup = this.fb.group({
+      value: [this.data.attributeValue, [Validators.required]]
+    });
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  cancel(): void {
+    this.overlayRef.dispose();
+  }
+
+  update(): void {
+    this.submitted = true;
+    this.result = this.attributeFormGroup.get('value').value;
+    this.overlayRef.dispose();
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/audit-log/audit-log-details-dialog.component.html b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-details-dialog.component.html
new file mode 100644
index 0000000000..5bda4c7550
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-details-dialog.component.html
@@ -0,0 +1,45 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-toolbar fxLayout="row" color="primary">
+  <h2 translate>audit-log.audit-log-details</h2>
+  <span fxFlex></span>
+  <button mat-button mat-icon-button
+          [mat-dialog-close]="false"
+          type="button">
+    <mat-icon class="material-icons">close</mat-icon>
+  </button>
+</mat-toolbar>
+<div mat-dialog-content fxLayout="column">
+  <label translate class="tb-title no-padding">audit-log.action-data</label>
+  <div #actionDataEditor class="tb-audit-log-action-data">
+  </div>
+  <span style="min-height: 30px;"></span>
+  <label [fxShow]="displayFailureDetails" translate class="tb-title no-padding">audit-log.failure-details</label>
+  <div #failureDetailsEditor [fxShow]="displayFailureDetails" class="tb-audit-log-failure-details">
+  </div>
+</div>
+<div mat-dialog-actions fxLayout="row">
+  <span fxFlex></span>
+  <button mat-button color="primary"
+          style="margin-right: 20px;"
+          type="button"
+          [disabled]="(isLoading$ | async)"
+          [mat-dialog-close]="false" cdkFocusInitial>
+    {{ 'action.close' | translate }}
+  </button>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/audit-log/audit-log-details-dialog.component.scss b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-details-dialog.component.scss
new file mode 100644
index 0000000000..d984517821
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-details-dialog.component.scss
@@ -0,0 +1,25 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .tb-audit-log-action-data,
+  .tb-audit-log-failure-details {
+    width: 100%;
+    min-width: 400px;
+    height: 100%;
+    min-height: 50px;
+    border: 1px solid #c0c0c0;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/audit-log/audit-log-details-dialog.component.ts b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-details-dialog.component.ts
new file mode 100644
index 0000000000..bdf7073e3e
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-details-dialog.component.ts
@@ -0,0 +1,116 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, ElementRef, Inject, OnInit, Renderer2, ViewChild } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { ActionStatus, AuditLog } from '@shared/models/audit-log.models';
+
+import * as ace from 'ace-builds';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { Router } from '@angular/router';
+
+export interface AuditLogDetailsDialogData {
+  auditLog: AuditLog;
+}
+
+@Component({
+  selector: 'tb-audit-log-details-dialog',
+  templateUrl: './audit-log-details-dialog.component.html',
+  styleUrls: ['./audit-log-details-dialog.component.scss']
+})
+export class AuditLogDetailsDialogComponent extends DialogComponent<AuditLogDetailsDialogComponent> implements OnInit {
+
+  @ViewChild('actionDataEditor', {static: true})
+  actionDataEditorElmRef: ElementRef;
+  private actionDataEditor: ace.Ace.Editor;
+
+  @ViewChild('failureDetailsEditor', {static: true})
+  failureDetailsEditorElmRef: ElementRef;
+  private failureDetailsEditor: ace.Ace.Editor;
+
+  auditLog: AuditLog;
+  displayFailureDetails: boolean;
+  actionData: string;
+  actionFailureDetails: string;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: AuditLogDetailsDialogData,
+              public dialogRef: MatDialogRef<AuditLogDetailsDialogComponent>,
+              private renderer: Renderer2) {
+    super(store, router, dialogRef);
+  }
+
+  ngOnInit(): void {
+    this.auditLog = this.data.auditLog;
+    this.displayFailureDetails = this.auditLog.actionStatus === ActionStatus.FAILURE;
+    this.actionData = this.auditLog.actionData ? JSON.stringify(this.auditLog.actionData, null, 2) : '';
+    this.actionFailureDetails = this.auditLog.actionFailureDetails;
+
+    this.actionDataEditor = this.createEditor(this.actionDataEditorElmRef, this.actionData);
+    if (this.displayFailureDetails) {
+      this.failureDetailsEditor = this.createEditor(this.failureDetailsEditorElmRef, this.actionFailureDetails);
+    }
+  }
+
+  createEditor(editorElementRef: ElementRef, content: string): ace.Ace.Editor {
+    const editorElement = editorElementRef.nativeElement;
+    let editorOptions: Partial<ace.Ace.EditorOptions> = {
+      mode: 'ace/mode/java',
+      theme: 'ace/theme/github',
+      showGutter: false,
+      showPrintMargin: false,
+      readOnly: true
+    };
+
+    const advancedOptions = {
+      enableSnippets: false,
+      enableBasicAutocompletion: false,
+      enableLiveAutocompletion: false
+    };
+
+    editorOptions = {...editorOptions, ...advancedOptions};
+    const editor = ace.edit(editorElement, editorOptions);
+    editor.session.setUseWrapMode(false);
+    editor.setValue(content, -1);
+    this.updateEditorSize(editorElement, content, editor);
+    return editor;
+  }
+
+  updateEditorSize(editorElement: any, content: string, editor: ace.Ace.Editor) {
+    let newHeight = 200;
+    let newWidth = 600;
+    if (content && content.length > 0) {
+      const lines = content.split('\n');
+      newHeight = 16 * lines.length + 16;
+      let maxLineLength = 0;
+      lines.forEach((row) => {
+        const line = row.replace(/\t/g, '    ').replace(/\n/g, '');
+        const lineLength = line.length;
+        maxLineLength = Math.max(maxLineLength, lineLength);
+      });
+      newWidth = 8 * maxLineLength + 16;
+    }
+    // newHeight = Math.min(400, newHeight);
+    this.renderer.setStyle(editorElement, 'minHeight', newHeight.toString() + 'px');
+    this.renderer.setStyle(editorElement, 'height', newHeight.toString() + 'px');
+    this.renderer.setStyle(editorElement, 'width', newWidth.toString() + 'px');
+    editor.resize();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/audit-log/audit-log-table-config.ts b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-table-config.ts
new file mode 100644
index 0000000000..c578b0eef3
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-table-config.ts
@@ -0,0 +1,138 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  DateEntityTableColumn,
+  EntityTableColumn,
+  EntityTableConfig
+} from '@home/models/entity/entities-table-config.models';
+import {
+  actionStatusTranslations,
+  actionTypeTranslations,
+  AuditLog,
+  AuditLogMode
+} from '@shared/models/audit-log.models';
+import {
+  EntityTypeResource,
+  EntityTypeTranslation,
+  entityTypeTranslations
+} from '@shared/models/entity-type.models';
+import { AuditLogService } from '@core/http/audit-log.service';
+import { TranslateService } from '@ngx-translate/core';
+import { DatePipe } from '@angular/common';
+import { Direction } from '@shared/models/page/sort-order';
+import { MatDialog } from '@angular/material/dialog';
+import { PageLink, TimePageLink } from '@shared/models/page/page-link';
+import { Observable } from 'rxjs';
+import { PageData } from '@shared/models/page/page-data';
+import { EntityId } from '@shared/models/id/entity-id';
+import { UserId } from '@shared/models/id/user-id';
+import { CustomerId } from '@shared/models/id/customer-id';
+import {
+  AuditLogDetailsDialogComponent,
+  AuditLogDetailsDialogData
+} from '@home/components/audit-log/audit-log-details-dialog.component';
+
+export class AuditLogTableConfig extends EntityTableConfig<AuditLog, TimePageLink> {
+
+  constructor(private auditLogService: AuditLogService,
+              private translate: TranslateService,
+              private datePipe: DatePipe,
+              private dialog: MatDialog,
+              private auditLogMode: AuditLogMode = AuditLogMode.TENANT,
+              public entityId: EntityId = null,
+              public userId: UserId = null,
+              public customerId: CustomerId = null,
+              updateOnInit = true) {
+    super();
+    this.loadDataOnInit = updateOnInit;
+    this.tableTitle = '';
+    this.useTimePageLink = true;
+    this.detailsPanelEnabled = false;
+    this.selectionEnabled = false;
+    this.searchEnabled = true;
+    this.addEnabled = false;
+    this.entitiesDeleteEnabled = false;
+    this.actionsColumnTitle = 'audit-log.details';
+    this.entityTranslations = {
+      noEntities: 'audit-log.no-audit-logs-prompt',
+      search: 'audit-log.search'
+    };
+    this.entityResources = {
+    } as EntityTypeResource;
+
+    this.entitiesFetchFunction = pageLink => this.fetchAuditLogs(pageLink);
+
+    this.defaultSortOrder = {property: 'createdTime', direction: Direction.DESC};
+
+    this.columns.push(
+      new DateEntityTableColumn<AuditLog>('createdTime', 'audit-log.timestamp', this.datePipe, '150px'));
+
+    if (this.auditLogMode !== AuditLogMode.ENTITY) {
+      this.columns.push(
+        new EntityTableColumn<AuditLog>('entityType', 'audit-log.entity-type', '20%',
+          (entity) => translate.instant(entityTypeTranslations.get(entity.entityId.entityType).type)),
+        new EntityTableColumn<AuditLog>('entityName', 'audit-log.entity-name', '20%'),
+      );
+    }
+
+    if (this.auditLogMode !== AuditLogMode.USER) {
+      this.columns.push(
+        new EntityTableColumn<AuditLog>('userName', 'audit-log.user', '33%')
+      );
+    }
+
+    this.columns.push(
+      new EntityTableColumn<AuditLog>('actionType', 'audit-log.type', '33%',
+        (entity) => translate.instant(actionTypeTranslations.get(entity.actionType))),
+      new EntityTableColumn<AuditLog>('actionStatus', 'audit-log.status', '33%',
+        (entity) => translate.instant(actionStatusTranslations.get(entity.actionStatus)))
+    );
+
+    this.cellActionDescriptors.push(
+      {
+        name: this.translate.instant('audit-log.details'),
+        icon: 'more_horiz',
+        isEnabled: () => true,
+        onAction: ($event, entity) => this.showAuditLogDetails(entity)
+      }
+    );
+  }
+
+  fetchAuditLogs(pageLink: TimePageLink): Observable<PageData<AuditLog>> {
+    switch (this.auditLogMode) {
+      case AuditLogMode.TENANT:
+        return this.auditLogService.getAuditLogs(pageLink);
+      case AuditLogMode.ENTITY:
+        return this.auditLogService.getAuditLogsByEntityId(this.entityId, pageLink);
+      case AuditLogMode.USER:
+        return this.auditLogService.getAuditLogsByUserId(this.userId.id, pageLink);
+      case AuditLogMode.CUSTOMER:
+        return this.auditLogService.getAuditLogsByCustomerId(this.customerId.id, pageLink);
+    }
+  }
+
+  showAuditLogDetails(entity: AuditLog) {
+    this.dialog.open<AuditLogDetailsDialogComponent, AuditLogDetailsDialogData>(AuditLogDetailsDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        auditLog: entity
+      }
+    });
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/audit-log/audit-log-table.component.html b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-table.component.html
new file mode 100644
index 0000000000..d5cf0762af
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-table.component.html
@@ -0,0 +1,18 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<tb-entities-table [entitiesTableConfig]="auditLogTableConfig" [ngClass]="{'tb-details-mode': detailsMode}"></tb-entities-table>
diff --git a/ui-ngx/src/app/modules/home/components/audit-log/audit-log-table.component.scss b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-table.component.scss
new file mode 100644
index 0000000000..eb11e3b4eb
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-table.component.scss
@@ -0,0 +1,22 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host ::ng-deep {
+  tb-entities-table.tb-details-mode {
+    .mat-drawer-container {
+      background-color: white;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/audit-log/audit-log-table.component.ts b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-table.component.ts
new file mode 100644
index 0000000000..3c7609602e
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-table.component.ts
@@ -0,0 +1,133 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Input, OnInit, ViewChild } from '@angular/core';
+import { AuditLogService } from '@core/http/audit-log.service';
+import { TranslateService } from '@ngx-translate/core';
+import { DatePipe } from '@angular/common';
+import { MatDialog } from '@angular/material/dialog';
+import { AuditLogMode } from '@shared/models/audit-log.models';
+import { EntityId } from '@shared/models/id/entity-id';
+import { UserId } from '@shared/models/id/user-id';
+import { CustomerId } from '@shared/models/id/customer-id';
+import { AuditLogTableConfig } from '@home/components/audit-log/audit-log-table-config';
+import { EntitiesTableComponent } from '@home/components/entity/entities-table.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { Authority } from '@shared/models/authority.enum';
+import { getCurrentAuthUser } from '@core/auth/auth.selectors';
+
+@Component({
+  selector: 'tb-audit-log-table',
+  templateUrl: './audit-log-table.component.html',
+  styleUrls: ['./audit-log-table.component.scss']
+})
+export class AuditLogTableComponent implements OnInit {
+
+  @Input()
+  auditLogMode: AuditLogMode;
+
+  @Input()
+  detailsMode: boolean;
+
+  activeValue = false;
+  dirtyValue = false;
+  entityIdValue: EntityId;
+  userIdValue: UserId;
+  customerIdValue: CustomerId;
+
+  @Input()
+  set active(active: boolean) {
+    if (this.activeValue !== active) {
+      this.activeValue = active;
+      if (this.activeValue && this.dirtyValue) {
+        this.dirtyValue = false;
+        this.entitiesTable.updateData();
+      }
+    }
+  }
+
+  @Input()
+  set entityId(entityId: EntityId) {
+    this.entityIdValue = entityId;
+    if (this.auditLogTableConfig && this.auditLogTableConfig.entityId !== entityId) {
+      this.auditLogTableConfig.entityId = entityId;
+      this.entitiesTable.resetSortAndFilter(this.activeValue);
+      if (!this.activeValue) {
+        this.dirtyValue = true;
+      }
+    }
+  }
+
+  @Input()
+  set userId(userId: UserId) {
+    this.userIdValue = userId;
+    if (this.auditLogTableConfig && this.auditLogTableConfig.userId !== userId) {
+      this.auditLogTableConfig.userId = userId;
+      this.entitiesTable.resetSortAndFilter(this.activeValue);
+      if (!this.activeValue) {
+        this.dirtyValue = true;
+      }
+    }
+  }
+
+  @Input()
+  set customerId(customerId: CustomerId) {
+    this.customerIdValue = customerId;
+    if (this.auditLogTableConfig && this.auditLogTableConfig.customerId !== customerId) {
+      this.auditLogTableConfig.customerId = customerId;
+      this.entitiesTable.resetSortAndFilter(this.activeValue);
+      if (!this.activeValue) {
+        this.dirtyValue = true;
+      }
+    }
+  }
+
+  @ViewChild(EntitiesTableComponent, {static: true}) entitiesTable: EntitiesTableComponent;
+
+  auditLogTableConfig: AuditLogTableConfig;
+
+  constructor(private auditLogService: AuditLogService,
+              private translate: TranslateService,
+              private datePipe: DatePipe,
+              private dialog: MatDialog,
+              private store: Store<AppState>) {
+  }
+
+  ngOnInit() {
+    let updateOnInit = this.activeValue;
+    this.dirtyValue = !this.activeValue;
+    if (!this.auditLogMode) {
+      const authUser = getCurrentAuthUser(this.store);
+      if (authUser.authority === Authority.TENANT_ADMIN) {
+        this.auditLogMode = AuditLogMode.TENANT;
+      }
+      updateOnInit = true;
+    }
+    this.auditLogTableConfig = new AuditLogTableConfig(
+      this.auditLogService,
+      this.translate,
+      this.datePipe,
+      this.dialog,
+      this.auditLogMode,
+      this.entityIdValue,
+      this.userIdValue,
+      this.customerIdValue,
+      updateOnInit
+    );
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/contact.component.html b/ui-ngx/src/app/modules/home/components/contact.component.html
new file mode 100644
index 0000000000..53c2e29a76
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/contact.component.html
@@ -0,0 +1,63 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<section [formGroup]="parentForm">
+  <mat-form-field class="mat-block">
+    <mat-label translate>contact.country</mat-label>
+    <mat-select matInput formControlName="country">
+      <mat-option *ngFor="let country of countries" [value]="country">
+        {{ country }}
+      </mat-option>
+    </mat-select>
+  </mat-form-field>
+  <div fxLayout.gt-sm="row" fxLayoutGap.gt-sm="10px">
+    <mat-form-field class="mat-block">
+      <mat-label translate>contact.city</mat-label>
+      <input matInput formControlName="city">
+    </mat-form-field>
+    <mat-form-field class="mat-block">
+      <mat-label translate>contact.state</mat-label>
+      <input matInput formControlName="state">
+    </mat-form-field>
+    <mat-form-field class="mat-block">
+      <mat-label translate>contact.postal-code</mat-label>
+      <input matInput formControlName="zip">
+      <mat-error *ngIf="parentForm.get('zip').hasError('pattern')">
+        {{ 'contact.postal-code-invalid' | translate }}
+      </mat-error>
+    </mat-form-field>
+  </div>
+  <mat-form-field class="mat-block">
+    <mat-label translate>contact.address</mat-label>
+    <input matInput formControlName="address">
+  </mat-form-field>
+  <mat-form-field class="mat-block">
+    <mat-label translate>contact.address2</mat-label>
+    <input matInput formControlName="address2">
+  </mat-form-field>
+  <mat-form-field class="mat-block">
+    <mat-label translate>contact.phone</mat-label>
+    <input matInput formControlName="phone">
+  </mat-form-field>
+  <mat-form-field class="mat-block">
+    <mat-label translate>contact.email</mat-label>
+    <input matInput formControlName="email">
+    <mat-error *ngIf="parentForm.get('email').hasError('email')">
+      {{ 'user.invalid-email-format' | translate }}
+    </mat-error>
+  </mat-form-field>
+</section>
diff --git a/ui-ngx/src/app/modules/home/components/contact.component.ts b/ui-ngx/src/app/modules/home/components/contact.component.ts
new file mode 100644
index 0000000000..7b6d5b778d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/contact.component.ts
@@ -0,0 +1,34 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Input } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { COUNTRIES } from '@home/models/contact.models';
+
+@Component({
+  selector: 'tb-contact',
+  templateUrl: './contact.component.html'
+})
+export class ContactComponent {
+
+  @Input()
+  parentForm: FormGroup;
+
+  @Input() isEdit: boolean;
+
+  countries = COUNTRIES;
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/dashboard/dashboard.component.html b/ui-ngx/src/app/modules/home/components/dashboard/dashboard.component.html
new file mode 100644
index 0000000000..c5061d37a1
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/dashboard/dashboard.component.html
@@ -0,0 +1,158 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div fxFlex fxLayout="column" class="tb-progress-cover" fxLayoutAlign="center center"
+     [ngStyle]="dashboardStyle"
+     [style.backgroundImage]="backgroundImage"
+     [fxShow]="(((isLoading$ | async) && !this.ignoreLoading) || this.dashboardLoading) && !isEdit">
+  <mat-spinner color="warn" mode="indeterminate" diameter="100">
+  </mat-spinner>
+</div>
+<div id="gridster-parent"
+     fxFlex class="tb-dashboard-content layout-wrap" [ngStyle]="{overflowY: isAutofillHeight() ? 'hidden' : 'auto'}"
+                (contextmenu)="openDashboardContextMenu($event)">
+  <div #dashboardMenuTrigger="matMenuTrigger" style="visibility: hidden; position: fixed"
+       [style.left]="dashboardMenuPosition.x"
+       [style.top]="dashboardMenuPosition.y"
+       [matMenuTriggerFor]="dashboardMenu">
+  </div>
+  <mat-menu #dashboardMenu="matMenu">
+    <ng-template matMenuContent let-items="items">
+      <div class="tb-dashboard-context-menu-items">
+        <button mat-menu-item *ngFor="let item of items;"
+                [disabled]="!item.enabled"
+                (click)="item.action(dashboardContextMenuEvent)">
+          <span *ngIf="item.shortcut" class="tb-alt-text"> {{ item.shortcut | keyboardShortcut }}</span>
+          <mat-icon *ngIf="item.icon">{{item.icon}}</mat-icon>
+          <span translate>{{item.value}}</span>
+        </button>
+      </div>
+    </ng-template>
+  </mat-menu>
+  <div #widgetMenuTrigger="matMenuTrigger" style="visibility: hidden; position: fixed"
+       [style.left]="widgetMenuPosition.x"
+       [style.top]="widgetMenuPosition.y"
+       [matMenuTriggerFor]="widgetMenu">
+  </div>
+  <mat-menu #widgetMenu="matMenu">
+    <ng-template matMenuContent let-items="items" let-widget="widget">
+      <div class="tb-dashboard-context-menu-items">
+        <button mat-menu-item *ngFor="let item of items;"
+                [disabled]="!item.enabled"
+                (click)="item.action(widgetContextMenuEvent, widget)">
+          <span *ngIf="item.shortcut" class="tb-alt-text"> {{ item.shortcut | keyboardShortcut }}</span>
+          <mat-icon *ngIf="item.icon">{{item.icon}}</mat-icon>
+          <span translate>{{item.value}}</span>
+        </button>
+      </div>
+    </ng-template>
+  </mat-menu>
+  <div [ngClass]="dashboardClass" id="gridster-background" style="height: auto; min-height: 100%; display: inline;">
+    <gridster #gridster id="gridster-child" [options]="gridsterOpts">
+      <gridster-item [item]="widget" class="tb-noselect" *ngFor="let widget of dashboardWidgets">
+        <div tb-fullscreen [fullscreen]="widget.isFullscreen" (fullscreenChanged)="onWidgetFullscreenChanged($event, widget)"
+             fxLayout="column"
+             class="tb-widget"
+             [ngClass]="{
+                'tb-highlighted': isHighlighted(widget),
+                'tb-not-highlighted': isNotHighlighted(widget),
+                'mat-elevation-z4': widget.dropShadow,
+                'tb-has-timewindow': widget.hasTimewindow
+             }"
+             [ngStyle]="widget.style"
+             (mousedown)="widgetMouseDown($event, widget)"
+             (click)="widgetClicked($event, widget)"
+             (contextmenu)="openWidgetContextMenu($event, widget)">
+          <div fxLayout="row" fxLayoutAlign="space-between start">
+            <div class="tb-widget-title" fxLayout="column" fxLayoutAlign="center start" [fxShow]="widget.showWidgetTitlePanel">
+              <div *ngIf="widget.hasWidgetTitleTemplate">
+                TODO:
+              </div>
+              <span [fxShow]="widget.showTitle" [ngStyle]="widget.titleStyle" class="mat-subheading-2 title">
+                <mat-icon *ngIf="widget.showTitleIcon" [ngStyle]="widget.titleIconStyle">{{widget.titleIcon}}</mat-icon>
+                {{widget.title}}
+              </span>
+              <tb-timewindow *ngIf="widget.hasTimewindow"
+                             #timewindowComponent
+                             aggregation="{{widget.hasAggregation}}"
+                             [ngModel]="widgetComponent.widget.config.timewindow"
+                             (ngModelChange)="widgetComponent.onTimewindowChanged($event)">
+              </tb-timewindow>
+            </div>
+            <div [fxShow]="widget.showWidgetActions"
+                 class="tb-widget-actions"
+                 [ngClass]="{'tb-widget-actions-absolute': !(widget.showWidgetTitlePanel&&(widget.hasWidgetTitleTemplate||widget.showTitle||widget.hasAggregation))}"
+                 fxLayout="row"
+                 fxLayoutAlign="start center"
+                 (mousedown)="$event.stopPropagation()">
+              <button mat-button mat-icon-button *ngFor="let action of widget.customHeaderActions"
+                    [fxShow]="!isEdit"
+                    (click)="action.onAction($event)"
+                    matTooltip="{{ action.displayName }}"
+                    matTooltipPosition="above">
+                <mat-icon>{{ action.icon }}</mat-icon>
+              </button>
+              <button mat-button mat-icon-button *ngFor="let action of widget.widgetActions"
+                      [fxShow]="!isEdit && action.show"
+                      (click)="action.onAction($event)"
+                      matTooltip="{{ action.name | translate }}"
+                      matTooltipPosition="above">
+                <mat-icon>{{ action.icon }}</mat-icon>
+              </button>
+              <button mat-button mat-icon-button
+                      [fxShow]="!isEdit && widget.enableFullscreen"
+                      (click)="$event.stopPropagation(); widget.isFullscreen = !widget.isFullscreen"
+                      matTooltip="{{(widget.isFullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
+                      matTooltipPosition="above">
+                <mat-icon>{{ widget.isFullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+              </button>
+              <button mat-button mat-icon-button
+                      [fxShow]="isEditActionEnabled && !widget.isFullscreen"
+                      (click)="editWidget($event, widget)"
+                      matTooltip="{{ 'widget.edit' | translate }}"
+                      matTooltipPosition="above">
+                <mat-icon>edit</mat-icon>
+              </button>
+              <button mat-button mat-icon-button
+                      [fxShow]="isExportActionEnabled && !widget.isFullscreen"
+                      (click)="exportWidget($event, widget)"
+                      matTooltip="{{ 'widget.export' | translate }}"
+                      matTooltipPosition="above">
+                <mat-icon>file_download</mat-icon>
+              </button>
+              <button mat-button mat-icon-button
+                      [fxShow]="isRemoveActionEnabled && !widget.isFullscreen"
+                      (click)="removeWidget($event, widget);"
+                      matTooltip="{{ 'widget.remove' | translate }}"
+                      matTooltipPosition="above">
+                <mat-icon>close</mat-icon>
+              </button>
+            </div>
+          </div>
+          <div fxFlex fxLayout="column" class="tb-widget-content">
+            <tb-widget fxFlex
+                       #widgetComponent
+                       [dashboardWidget]="widget"
+                       [isEdit]="isEdit"
+                       [isMobile]="isMobileSize">
+            </tb-widget>
+          </div>
+        </div>
+      </gridster-item>
+    </gridster>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/dashboard/dashboard.component.scss b/ui-ngx/src/app/modules/home/components/dashboard/dashboard.component.scss
new file mode 100644
index 0000000000..a82952377b
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/dashboard/dashboard.component.scss
@@ -0,0 +1,140 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import '../../../../../scss/constants';
+
+:host {
+
+  .tb-progress-cover {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 6;
+    opacity: 1;
+  }
+
+  .tb-dashboard-content {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: none;
+    outline: none;
+
+    gridster-item {
+      transition: none;
+      overflow: visible;
+      background: none;
+    }
+  }
+
+  #gridster-child {
+    background: none;
+  }
+}
+
+tb-widget.tb-widget {
+  position: relative;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  outline: none;
+
+  transition: all .2s ease-in-out;
+}
+
+div.tb-widget {
+  position: relative;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  outline: none;
+
+  transition: all .2s ease-in-out;
+
+  .tb-widget-title {
+    max-height: 65px;
+    padding-top: 5px;
+    padding-left: 5px;
+    overflow: hidden;
+
+    tb-timewindow {
+      font-size: 14px;
+      opacity: .85;
+    }
+
+    .title {
+      width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      line-height: 24px;
+      letter-spacing: .01em;
+      margin: 0;
+    }
+  }
+
+  .tb-widget-actions {
+    z-index: 19;
+    margin: 5px 0 0;
+
+    &-absolute {
+      position: absolute;
+      top: 3px;
+      right: 8px;
+    }
+
+    button.mat-icon-button {
+      width: 32px;
+      min-width: 32px;
+      height: 32px;
+      min-height: 32px;
+      padding: 0 !important;
+      margin: 0 !important;
+      line-height: 20px;
+
+      mat-icon {
+        width: 20px;
+        min-width: 20px;
+        height: 20px;
+        min-height: 20px;
+        font-size: 20px;
+        line-height: 20px;
+      }
+    }
+  }
+
+  .tb-widget-content {
+    tb-widget {
+      position: relative;
+      width: 100%;
+    }
+  }
+
+  &.tb-highlighted {
+    border: 1px solid #039be5;
+    box-shadow: 0 0 20px #039be5;
+  }
+
+  &.tb-not-highlighted {
+    opacity: .5;
+  }
+}
+
+.tb-dashboard-context-menu-items {
+  min-width: 256px;
+}
diff --git a/ui-ngx/src/app/modules/home/components/dashboard/dashboard.component.ts b/ui-ngx/src/app/modules/home/components/dashboard/dashboard.component.ts
new file mode 100644
index 0000000000..d34275b737
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/dashboard/dashboard.component.ts
@@ -0,0 +1,558 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  AfterViewInit,
+  Component,
+  DoCheck,
+  Input,
+  IterableDiffers,
+  KeyValueDiffers,
+  NgZone,
+  OnChanges,
+  OnDestroy,
+  OnInit,
+  SimpleChanges,
+  ViewChild
+} from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { PageComponent } from '@shared/components/page.component';
+import { AuthUser } from '@shared/models/user.model';
+import { getCurrentAuthUser } from '@core/auth/auth.selectors';
+import { Timewindow, toHistoryTimewindow } from '@shared/models/time/time.models';
+import { TimeService } from '@core/services/time.service';
+import { GridsterComponent, GridsterConfig } from 'angular-gridster2';
+import {
+  DashboardCallbacks,
+  DashboardWidget,
+  DashboardWidgets,
+  IDashboardComponent
+} from '../../models/dashboard-component.models';
+import { ReplaySubject, Subject, Subscription } from 'rxjs';
+import { WidgetLayout, WidgetLayouts } from '@shared/models/dashboard.models';
+import { DialogService } from '@core/services/dialog.service';
+import { animatedScroll, deepClone, isDefined } from '@app/core/utils';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { MediaBreakpoints } from '@shared/models/constants';
+import { IAliasController, IStateController } from '@app/core/api/widget-api.models';
+import { Widget, WidgetPosition } from '@app/shared/models/widget.models';
+import { MatMenuTrigger } from '@angular/material/menu';
+import { SafeStyle } from '@angular/platform-browser';
+import { distinct } from 'rxjs/operators';
+
+@Component({
+  selector: 'tb-dashboard',
+  templateUrl: './dashboard.component.html',
+  styleUrls: ['./dashboard.component.scss']
+})
+export class DashboardComponent extends PageComponent implements IDashboardComponent, DoCheck, OnInit, OnDestroy, AfterViewInit, OnChanges {
+
+  authUser: AuthUser;
+
+  @Input()
+  widgets: Iterable<Widget>;
+
+  @Input()
+  widgetLayouts: WidgetLayouts;
+
+  @Input()
+  callbacks: DashboardCallbacks;
+
+  @Input()
+  aliasController: IAliasController;
+
+  @Input()
+  stateController: IStateController;
+
+  @Input()
+  columns: number;
+
+  @Input()
+  margin: number;
+
+  @Input()
+  isEdit: boolean;
+
+  @Input()
+  autofillHeight: boolean;
+
+  @Input()
+  mobileAutofillHeight: boolean;
+
+  @Input()
+  mobileRowHeight: number;
+
+  @Input()
+  isMobile: boolean;
+
+  @Input()
+  isMobileDisabled: boolean;
+
+  @Input()
+  isEditActionEnabled: boolean;
+
+  @Input()
+  isExportActionEnabled: boolean;
+
+  @Input()
+  isRemoveActionEnabled: boolean;
+
+  @Input()
+  dashboardStyle: {[klass: string]: any};
+
+  @Input()
+  backgroundImage: SafeStyle | string;
+
+  @Input()
+  dashboardClass: string;
+
+  @Input()
+  ignoreLoading: boolean;
+
+  @Input()
+  dashboardTimewindow: Timewindow;
+
+  dashboardTimewindowChangedSubject: Subject<Timewindow> = new ReplaySubject<Timewindow>();
+
+  dashboardTimewindowChanged = this.dashboardTimewindowChangedSubject.asObservable().pipe(
+    distinct()
+  );
+
+  originalDashboardTimewindow: Timewindow;
+
+  gridsterOpts: GridsterConfig;
+
+  isWidgetExpanded = false;
+  isMobileSize = false;
+
+  @ViewChild('gridster', {static: true}) gridster: GridsterComponent;
+
+  @ViewChild('dashboardMenuTrigger', {static: true}) dashboardMenuTrigger: MatMenuTrigger;
+
+  dashboardMenuPosition = { x: '0px', y: '0px' };
+
+  dashboardContextMenuEvent: MouseEvent;
+
+  @ViewChild('widgetMenuTrigger', {static: true}) widgetMenuTrigger: MatMenuTrigger;
+
+  widgetMenuPosition = { x: '0px', y: '0px' };
+
+  widgetContextMenuEvent: MouseEvent;
+
+  dashboardLoading = true;
+
+  dashboardWidgets = new DashboardWidgets(this,
+    this.differs.find([]).create<Widget>((index, item) => {
+      return item;
+    }),
+    this.kvDiffers.find([]).create<string, WidgetLayout>()
+  );
+
+  breakpointObserverSubscription: Subscription;
+
+  private optionsChangeNotificationsPaused = false;
+
+  private gridsterResizeListener = null;
+
+  constructor(protected store: Store<AppState>,
+              private timeService: TimeService,
+              private dialogService: DialogService,
+              private breakpointObserver: BreakpointObserver,
+              private differs: IterableDiffers,
+              private kvDiffers: KeyValueDiffers,
+              private ngZone: NgZone) {
+    super(store);
+    this.authUser = getCurrentAuthUser(store);
+  }
+
+  ngOnInit(): void {
+    if (!this.dashboardTimewindow) {
+      this.dashboardTimewindow = this.timeService.defaultTimewindow();
+    }
+    this.gridsterOpts = {
+      gridType: 'scrollVertical',
+      keepFixedHeightInMobile: true,
+      disableWarnings: false,
+      disableAutoPositionOnConflict: false,
+      pushItems: false,
+      swap: false,
+      maxRows: 100,
+      minCols: this.columns ? this.columns : 24,
+      maxCols: 3000,
+      maxItemCols: 1000,
+      maxItemRows: 1000,
+      maxItemArea: 1000000,
+      outerMargin: true,
+      margin: this.margin ? this.margin : 10,
+      minItemCols: 1,
+      minItemRows: 1,
+      defaultItemCols: 8,
+      defaultItemRows: 6,
+      resizable: {enabled: this.isEdit},
+      draggable: {enabled: this.isEdit},
+      itemChangeCallback: item => this.dashboardWidgets.sortWidgets(),
+      itemInitCallback: (item, itemComponent) => {
+        (itemComponent.item as DashboardWidget).gridsterItemComponent = itemComponent;
+      }
+    };
+
+    this.updateMobileOpts();
+
+    this.breakpointObserverSubscription = this.breakpointObserver
+      .observe(MediaBreakpoints['gt-sm']).subscribe(
+      () => {
+        this.updateMobileOpts();
+        this.notifyGridsterOptionsChanged();
+      }
+    );
+
+    this.updateWidgets();
+  }
+
+  ngOnDestroy(): void {
+    super.ngOnDestroy();
+    if (this.gridsterResizeListener) {
+      // @ts-ignore
+      removeResizeListener(this.gridster.el, this.gridsterResizeListener);
+    }
+    if (this.breakpointObserverSubscription) {
+      this.breakpointObserverSubscription.unsubscribe();
+    }
+    this.gridster = null;
+  }
+
+  ngDoCheck() {
+    if (!this.optionsChangeNotificationsPaused) {
+      this.dashboardWidgets.doCheck();
+    }
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    let updateMobileOpts = false;
+    let updateLayoutOpts = false;
+    let updateEditingOpts = false;
+    let updateWidgets = false;
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (!change.firstChange && change.currentValue !== change.previousValue) {
+        if (['isMobile', 'isMobileDisabled', 'autofillHeight', 'mobileAutofillHeight', 'mobileRowHeight'].includes(propName)) {
+          updateMobileOpts = true;
+        } else if (['margin', 'columns'].includes(propName)) {
+          updateLayoutOpts = true;
+        } else if (propName === 'isEdit') {
+          updateEditingOpts = true;
+        } else if (['widgets', 'widgetLayouts'].includes(propName)) {
+          updateWidgets = true;
+        } else if (propName === 'dashboardTimewindow') {
+          this.dashboardTimewindowChangedSubject.next(this.dashboardTimewindow);
+        }
+      }
+    }
+    if (updateWidgets) {
+      this.updateWidgets();
+    }
+    if (updateMobileOpts) {
+      this.updateMobileOpts();
+    }
+    if (updateLayoutOpts) {
+      this.updateLayoutOpts();
+    }
+    if (updateEditingOpts) {
+      this.updateEditingOpts();
+    }
+    if (updateMobileOpts || updateLayoutOpts || updateEditingOpts) {
+      this.notifyGridsterOptionsChanged();
+    }
+  }
+
+  private updateWidgets() {
+    this.dashboardWidgets.setWidgets(this.widgets, this.widgetLayouts);
+    this.dashboardWidgets.doCheck();
+    this.dashboardLoading = false;
+  }
+
+  private updateWidgetLayouts() {
+    this.dashboardWidgets.widgetLayoutsUpdated();
+  }
+
+  ngAfterViewInit(): void {
+    this.gridsterResizeListener = this.onGridsterParentResize.bind(this);
+    // @ts-ignore
+    addResizeListener(this.gridster.el, this.gridsterResizeListener);
+  }
+
+  onUpdateTimewindow(startTimeMs: number, endTimeMs: number, interval?: number, persist?: boolean): void {
+    this.ngZone.run(() => {
+      if (!this.originalDashboardTimewindow && !persist) {
+        this.originalDashboardTimewindow = deepClone(this.dashboardTimewindow);
+      }
+      this.dashboardTimewindow = toHistoryTimewindow(this.dashboardTimewindow,
+        startTimeMs, endTimeMs, interval, this.timeService);
+      this.dashboardTimewindowChangedSubject.next(this.dashboardTimewindow);
+    });
+  }
+
+  onResetTimewindow(): void {
+    this.ngZone.run(() => {
+      if (this.originalDashboardTimewindow) {
+        this.dashboardTimewindow = deepClone(this.originalDashboardTimewindow);
+        this.originalDashboardTimewindow = null;
+        this.dashboardTimewindowChangedSubject.next(this.dashboardTimewindow);
+      }
+    });
+  }
+
+  isAutofillHeight(): boolean {
+    if (this.isMobileSize) {
+      return isDefined(this.mobileAutofillHeight) ? this.mobileAutofillHeight : false;
+    } else {
+      return isDefined(this.autofillHeight) ? this.autofillHeight : false;
+    }
+  }
+
+  openDashboardContextMenu($event: MouseEvent) {
+    if (this.callbacks && this.callbacks.prepareDashboardContextMenu) {
+      const items = this.callbacks.prepareDashboardContextMenu($event);
+      if (items && items.length) {
+        $event.preventDefault();
+        $event.stopPropagation();
+        this.dashboardContextMenuEvent = $event;
+        this.dashboardMenuPosition.x = $event.clientX + 'px';
+        this.dashboardMenuPosition.y = $event.clientY + 'px';
+        this.dashboardMenuTrigger.menuData = { items };
+        this.dashboardMenuTrigger.openMenu();
+      }
+    }
+  }
+
+  openWidgetContextMenu($event: MouseEvent, widget: DashboardWidget) {
+    if (this.callbacks && this.callbacks.prepareWidgetContextMenu) {
+      const items = this.callbacks.prepareWidgetContextMenu($event, widget.widget);
+      if (items && items.length) {
+        $event.preventDefault();
+        $event.stopPropagation();
+        this.widgetContextMenuEvent = $event;
+        this.widgetMenuPosition.x = $event.clientX + 'px';
+        this.widgetMenuPosition.y = $event.clientY + 'px';
+        this.widgetMenuTrigger.menuData = { items, widget: widget.widget };
+        this.widgetMenuTrigger.openMenu();
+      }
+    }
+  }
+
+  onWidgetFullscreenChanged(expanded: boolean, widget: DashboardWidget) {
+    this.isWidgetExpanded = expanded;
+  }
+
+  widgetMouseDown($event: Event, widget: DashboardWidget) {
+    if (this.callbacks && this.callbacks.onWidgetMouseDown) {
+      this.callbacks.onWidgetMouseDown($event, widget.widget);
+    }
+  }
+
+  widgetClicked($event: Event, widget: DashboardWidget) {
+    if (this.callbacks && this.callbacks.onWidgetClicked) {
+      this.callbacks.onWidgetClicked($event, widget.widget);
+    }
+  }
+
+  editWidget($event: Event, widget: DashboardWidget) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    if (this.isEditActionEnabled && this.callbacks && this.callbacks.onEditWidget) {
+      this.callbacks.onEditWidget($event, widget.widget);
+    }
+  }
+
+  exportWidget($event: Event, widget: DashboardWidget) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    if (this.isExportActionEnabled && this.callbacks && this.callbacks.onExportWidget) {
+      this.callbacks.onExportWidget($event, widget.widget);
+    }
+  }
+
+  removeWidget($event: Event, widget: DashboardWidget) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    if (this.isRemoveActionEnabled && this.callbacks && this.callbacks.onRemoveWidget) {
+      this.callbacks.onRemoveWidget($event, widget.widget);
+    }
+  }
+
+  highlightWidget(widgetId: string, delay?: number) {
+    const highlighted = this.dashboardWidgets.highlightWidget(widgetId);
+    if (highlighted) {
+      this.scrollToWidget(highlighted, delay);
+    }
+  }
+
+  selectWidget(widgetId: string, delay?: number) {
+    const selected = this.dashboardWidgets.selectWidget(widgetId);
+    if (selected) {
+      this.scrollToWidget(selected, delay);
+    }
+  }
+
+  getSelectedWidget(): Widget {
+    const dashboardWidget = this.dashboardWidgets.getSelectedWidget();
+    return dashboardWidget ? dashboardWidget.widget : null;
+  }
+
+  getEventGridPosition(event: Event): WidgetPosition {
+    const pos: WidgetPosition = {
+      row: 0,
+      column: 0
+    };
+    const parentElement = $(this.gridster.el);
+    let pageX = 0;
+    let pageY = 0;
+    if (event instanceof MouseEvent) {
+      pageX = event.pageX;
+      pageY = event.pageY;
+    }
+    const offset = parentElement.offset();
+    const x = pageX - offset.left + parentElement.scrollLeft();
+    const y = pageY - offset.top + parentElement.scrollTop();
+    pos.row = this.gridster.pixelsToPositionY(y, Math.floor);
+    pos.column = this.gridster.pixelsToPositionX(x, Math.floor);
+    return pos;
+  }
+
+  resetHighlight() {
+    const highlighted = this.dashboardWidgets.resetHighlight();
+    if (highlighted) {
+      setTimeout(() => {
+        this.scrollToWidget(highlighted, 0);
+      }, 0);
+    }
+  }
+
+  isHighlighted(widget: DashboardWidget) {
+    return this.dashboardWidgets.isHighlighted(widget);
+  }
+
+  isNotHighlighted(widget: DashboardWidget) {
+    return this.dashboardWidgets.isNotHighlighted(widget);
+  }
+
+  private scrollToWidget(widget: DashboardWidget, delay?: number) {
+    const parentElement = this.gridster.el as HTMLElement;
+    widget.gridsterItemComponent$().subscribe((gridsterItem) => {
+      const gridsterItemElement = gridsterItem.el as HTMLElement;
+      const offset = (parentElement.clientHeight - gridsterItemElement.clientHeight) / 2;
+      let scrollTop;
+      if (this.isMobileSize) {
+        scrollTop = gridsterItemElement.offsetTop;
+      } else {
+        scrollTop = scrollTop = gridsterItem.top;
+      }
+      if (offset > 0) {
+        scrollTop -= offset;
+      }
+      animatedScroll(parentElement, scrollTop, delay);
+    });
+  }
+
+  private updateMobileOpts(parentHeight?: number) {
+    this.isMobileSize = this.checkIsMobileSize();
+    const autofillHeight = this.isAutofillHeight();
+    if (autofillHeight) {
+      this.gridsterOpts.gridType = this.isMobileSize ? 'fixed' : 'fit';
+    } else {
+      this.gridsterOpts.gridType = this.isMobileSize ? 'fixed' : 'scrollVertical';
+    }
+    const mobileBreakPoint = this.isMobileSize ? 20000 : 0;
+    this.gridsterOpts.mobileBreakpoint = mobileBreakPoint;
+    const rowSize = this.detectRowSize(this.isMobileSize, autofillHeight, parentHeight);
+    if (this.gridsterOpts.fixedRowHeight !== rowSize) {
+      this.gridsterOpts.fixedRowHeight = rowSize;
+    }
+  }
+
+  private onGridsterParentResize() {
+    const parentHeight = this.gridster.el.offsetHeight;
+    if (this.isMobileSize && this.mobileAutofillHeight && parentHeight) {
+      this.updateMobileOpts(parentHeight);
+      this.notifyGridsterOptionsChanged();
+    }
+  }
+
+  private updateLayoutOpts() {
+    this.gridsterOpts.minCols = this.columns ? this.columns : 24;
+    this.gridsterOpts.margin = this.margin ? this.margin : 10;
+  }
+
+  private updateEditingOpts() {
+    this.gridsterOpts.resizable.enabled = this.isEdit;
+    this.gridsterOpts.draggable.enabled = this.isEdit;
+  }
+
+  public notifyGridsterOptionsChanged() {
+    if (!this.optionsChangeNotificationsPaused) {
+      if (this.gridster && this.gridster.options) {
+        this.gridster.optionsChanged();
+      }
+    }
+  }
+
+  public pauseChangeNotifications() {
+    this.optionsChangeNotificationsPaused = true;
+  }
+
+  public resumeChangeNotifications() {
+    this.optionsChangeNotificationsPaused = false;
+  }
+
+  public notifyLayoutUpdated() {
+    this.updateWidgetLayouts();
+  }
+
+  private detectRowSize(isMobile: boolean, autofillHeight: boolean, parentHeight?: number): number | null {
+    let rowHeight = null;
+    if (!autofillHeight) {
+      if (isMobile) {
+        rowHeight = isDefined(this.mobileRowHeight) ? this.mobileRowHeight : 70;
+      }
+    } else if (autofillHeight && isMobile) {
+      if (!parentHeight) {
+        parentHeight = this.gridster.el.offsetHeight;
+      }
+      if (parentHeight) {
+        let totalRows = 0;
+        for (const widget of this.dashboardWidgets.dashboardWidgets) {
+          totalRows += widget.rows;
+        }
+        rowHeight = (parentHeight - this.gridsterOpts.margin * (this.dashboardWidgets.dashboardWidgets.length + 2)) / totalRows;
+      }
+    }
+    return rowHeight;
+  }
+
+  private checkIsMobileSize(): boolean {
+    const isMobileDisabled = this.isMobileDisabled === true;
+    let isMobileSize = this.isMobile === true && !isMobileDisabled;
+    if (!isMobileSize && !isMobileDisabled) {
+      isMobileSize = !this.breakpointObserver.isMatched(MediaBreakpoints['gt-sm']);
+    }
+    return isMobileSize;
+  }
+
+}
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/event/nosql/EventServiceNoSqlTest.java b/ui-ngx/src/app/modules/home/components/dashboard/layout-button.scss
similarity index 68%
rename from dao/src/test/java/org/thingsboard/server/dao/service/event/nosql/EventServiceNoSqlTest.java
rename to ui-ngx/src/app/modules/home/components/dashboard/layout-button.scss
index 58eeef7b4a..c712c3a99a 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/event/nosql/EventServiceNoSqlTest.java
+++ b/ui-ngx/src/app/modules/home/components/dashboard/layout-button.scss
@@ -13,11 +13,19 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.service.event.nosql;
-
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-import org.thingsboard.server.dao.service.event.BaseEventServiceTest;
-
-@DaoNoSqlTest
-public class EventServiceNoSqlTest extends BaseEventServiceTest {
+:host ::ng-deep {
+  button.tb-layout-button {
+    width: 100%;
+    max-width: 240px;
+    height: 100%;
+    .mat-button-wrapper {
+      padding: 40px;
+      line-height: 18px;
+      span {
+        font-size: 18px;
+        font-weight: 400;
+        white-space: normal;
+      }
+    }
+  }
 }
diff --git a/ui-ngx/src/app/modules/home/components/dashboard/select-target-layout-dialog.component.html b/ui-ngx/src/app/modules/home/components/dashboard/select-target-layout-dialog.component.html
new file mode 100644
index 0000000000..c0e2025194
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/dashboard/select-target-layout-dialog.component.html
@@ -0,0 +1,48 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #widgetForm="ngForm">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>layout.select</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+      (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async" fxLayout="column" fxLayoutGap="8px">
+      <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px">
+        <button fxFlex fxLayout="column"
+                type="button" mat-button mat-raised-button color="primary"
+                class="tb-layout-button"
+          (click)="selectLayout('main')">
+          <span translate>layout.main</span>
+        </button>
+        <button fxFlex fxLayout="column"
+                type="button" mat-button mat-raised-button color="primary"
+                class="tb-layout-button"
+          (click)="selectLayout('right')">
+          <span translate>layout.right</span>
+        </button>
+      </div>
+    </fieldset>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/components/dashboard/select-target-layout-dialog.component.ts b/ui-ngx/src/app/modules/home/components/dashboard/select-target-layout-dialog.component.ts
new file mode 100644
index 0000000000..422ae95808
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/dashboard/select-target-layout-dialog.component.ts
@@ -0,0 +1,50 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnInit } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@app/shared/components/dialog.component';
+import { DashboardLayoutId } from '@app/shared/models/dashboard.models';
+
+@Component({
+  selector: 'tb-select-target-layout-dialog',
+  templateUrl: './select-target-layout-dialog.component.html',
+  styleUrls: ['./layout-button.scss']
+})
+export class SelectTargetLayoutDialogComponent extends DialogComponent<SelectTargetLayoutDialogComponent, DashboardLayoutId>
+  implements OnInit {
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              public dialogRef: MatDialogRef<SelectTargetLayoutDialogComponent, DashboardLayoutId>) {
+    super(store, router, dialogRef);
+  }
+
+  ngOnInit(): void {
+  }
+
+  selectLayout(layoutId: DashboardLayoutId) {
+    this.dialogRef.close(layoutId);
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/dashboard/select-target-state-dialog.component.html b/ui-ngx/src/app/modules/home/components/dashboard/select-target-state-dialog.component.html
new file mode 100644
index 0000000000..3625934a31
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/dashboard/select-target-state-dialog.component.html
@@ -0,0 +1,57 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #stateForm="ngForm" [formGroup]="stateFormGroup" (ngSubmit)="save()">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>dashboard.select-state</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async" fxLayout="column">
+      <mat-form-field class="mat-block">
+        <mat-label translate>dashboard.state</mat-label>
+        <mat-select required matInput formControlName="stateId">
+          <mat-option *ngFor="let stateItem of states | keyvalue" [value]="stateItem.key">
+            {{ stateItem.value.name }}
+          </mat-option>
+        </mat-select>
+      </mat-form-field>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || stateFormGroup.invalid">
+      {{ 'action.select' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/components/dashboard/select-target-state-dialog.component.ts b/ui-ngx/src/app/modules/home/components/dashboard/select-target-state-dialog.component.ts
new file mode 100644
index 0000000000..c75241537b
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/dashboard/select-target-state-dialog.component.ts
@@ -0,0 +1,86 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit, SkipSelf } from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm, Validators } from '@angular/forms';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@app/shared/components/dialog.component';
+import { UtilsService } from '@core/services/utils.service';
+import { TranslateService } from '@ngx-translate/core';
+import { DashboardState } from '@app/shared/models/dashboard.models';
+import { DashboardUtilsService } from '@core/services/dashboard-utils.service';
+import { DashboardService } from '@core/http/dashboard.service';
+
+export interface SelectTargetStateDialogData {
+  states: {[id: string]: DashboardState };
+}
+
+@Component({
+  selector: 'tb-select-target-state-dialog',
+  templateUrl: './select-target-state-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: SelectTargetStateDialogComponent}],
+  styleUrls: []
+})
+export class SelectTargetStateDialogComponent extends
+  DialogComponent<SelectTargetStateDialogComponent, string>
+  implements OnInit, ErrorStateMatcher {
+
+  states: {[id: string]: DashboardState };
+  stateFormGroup: FormGroup;
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: SelectTargetStateDialogData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<SelectTargetStateDialogComponent, string>,
+              private fb: FormBuilder,
+              private dashboardUtils: DashboardUtilsService) {
+    super(store, router, dialogRef);
+
+    this.states = this.data.states;
+
+    this.stateFormGroup = this.fb.group(
+      {
+        stateId: [this.dashboardUtils.getRootStateId(this.states), [Validators.required]]
+      }
+    );
+  }
+
+  ngOnInit(): void {
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  save(): void {
+    this.submitted = true;
+    const stateId: string = this.stateFormGroup.get('stateId').value;
+    this.dialogRef.close(stateId);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/details-panel.component.html b/ui-ngx/src/app/modules/home/components/details-panel.component.html
new file mode 100644
index 0000000000..743e71c4d0
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/details-panel.component.html
@@ -0,0 +1,56 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<header>
+  <mat-toolbar class="details-toolbar" color="primary" [ngStyle]="{height: headerHeightPx+'px'}">
+    <div class="mat-toolbar-tools" fxFlex fxLayout="row" fxLayoutAlign="start center" style="height: 100%;">
+      <div class="mat-toolbar-tools tb-details-title-header" fxFlex fxLayout="column" fxLayoutAlign="start start">
+        <span class="tb-details-title">{{ headerTitle }}</span>
+        <span class="tb-details-subtitle">{{ headerSubtitle }}</span>
+        <span style="width: 100%;">
+          <ng-content select=".header-pane"></ng-content>
+        </span>
+      </div>
+      <ng-content select=".details-buttons"></ng-content>
+      <button mat-button mat-icon-button (click)="onCloseDetails()">
+        <mat-icon class="material-icons">close</mat-icon>
+      </button>
+    </div>
+    <section *ngIf="!isReadOnly" fxLayout="row" class="layout-wrap tb-header-buttons">
+      <button [disabled]="(isLoading$ | async) || theForm?.invalid || !theForm?.dirty"
+              mat-fab
+              matTooltip="{{ 'action.apply-changes' | translate }}"
+              matTooltipPosition="above"
+              color="accent" class="tb-btn-header mat-fab-bottom-right"
+              [ngClass]="{'tb-hide': !isEdit}"
+              (click)="onApplyDetails()">
+        <mat-icon class="material-icons">done</mat-icon>
+      </button>
+      <button [disabled]="(isLoading$ | async) || (isAlwaysEdit && !theForm?.dirty)"
+              mat-fab
+              matTooltip="{{ (isAlwaysEdit ? 'action.decline-changes' : 'details.toggle-edit-mode') | translate }}"
+              matTooltipPosition="above"
+              color="accent" class="tb-btn-header mat-fab-bottom-right"
+              (click)="onToggleDetailsEditMode()">
+        <mat-icon class="material-icons">{{isEdit ? 'close' : 'edit'}}</mat-icon>
+      </button>
+    </section>
+  </mat-toolbar>
+</header>
+<div fxFlex class="mat-content">
+  <ng-content></ng-content>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/details-panel.component.scss b/ui-ngx/src/app/modules/home/components/details-panel.component.scss
new file mode 100644
index 0000000000..af142b293c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/details-panel.component.scss
@@ -0,0 +1,67 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import '../../../../scss/constants';
+
+:host {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  .mat-toolbar.details-toolbar {
+    padding: 0;
+  }
+}
+
+:host ::ng-deep {
+  .mat-toolbar-tools {
+    height: 100%;
+    min-height: 100px;
+    max-height: 120px;
+    &.tb-details-title-header {
+      min-width: 0;
+    }
+  }
+  .tb-details-title {
+    width: inherit;
+    margin: 20px 8px 0 0;
+    overflow: hidden;
+    font-size: 1rem;
+    font-weight: 400;
+    text-overflow: ellipsis;
+    text-transform: uppercase;
+    white-space: nowrap;
+
+    @media #{$mat-gt-sm} {
+      font-size: 1.6rem;
+    }
+  }
+
+  .tb-details-subtitle {
+    width: inherit;
+    margin: 10px 0;
+    overflow: hidden;
+    font-size: 1rem;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    opacity: .8;
+  }
+
+  tb-dashboard {
+    .tb-dashboard-content {
+      background-color: $primary-hue-3 !important;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/details-panel.component.ts b/ui-ngx/src/app/modules/home/components/details-panel.component.ts
new file mode 100644
index 0000000000..12894876eb
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/details-panel.component.ts
@@ -0,0 +1,91 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { NgForm } from '@angular/forms';
+
+@Component({
+  selector: 'tb-details-panel',
+  templateUrl: './details-panel.component.html',
+  styleUrls: ['./details-panel.component.scss']
+})
+export class DetailsPanelComponent extends PageComponent {
+
+  @Input() headerHeightPx = 100;
+  @Input() headerTitle = '';
+  @Input() headerSubtitle = '';
+  @Input() isReadOnly = false;
+  @Input() isAlwaysEdit = false;
+
+  theFormValue: NgForm;
+
+  @Input()
+  set theForm(value: NgForm) {
+    this.theFormValue = value;
+  }
+
+  get theForm(): NgForm {
+    return this.theFormValue;
+  }
+
+  @Output()
+  closeDetails = new EventEmitter<void>();
+  @Output()
+  toggleDetailsEditMode = new EventEmitter<boolean>();
+  @Output()
+  applyDetails = new EventEmitter<void>();
+
+  isEditValue = false;
+
+  @Output()
+  isEditChange = new EventEmitter<boolean>();
+
+  @Input()
+  get isEdit() {
+    return this.isAlwaysEdit || this.isEditValue;
+  }
+
+  set isEdit(val: boolean) {
+    this.isEditValue = val;
+    this.isEditChange.emit(this.isEditValue);
+  }
+
+
+  constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  onCloseDetails() {
+    this.closeDetails.emit();
+  }
+
+  onToggleDetailsEditMode() {
+    if (!this.isAlwaysEdit) {
+      this.isEdit = !this.isEdit;
+    }
+    this.toggleDetailsEditMode.emit(this.isEditValue);
+  }
+
+  onApplyDetails() {
+    if (this.theForm && this.theForm.valid) {
+      this.applyDetails.emit();
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/entity/add-entity-dialog.component.html b/ui-ngx/src/app/modules/home/components/entity/add-entity-dialog.component.html
new file mode 100644
index 0000000000..68bb015071
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/add-entity-dialog.component.html
@@ -0,0 +1,51 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form (ngSubmit)="add()" style="min-width: 400px;" [ngStyle]="entitiesTableConfig.addDialogStyle">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>{{ translations.add }}</h2>
+    <span fxFlex></span>
+    <div [tb-help]="resources.helpLinkId"></div>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div mat-dialog-content>
+    <tb-anchor #entityDetailsForm></tb-anchor>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || detailsForm.invalid || !detailsForm.dirty">
+      {{ 'action.add' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            cdkFocusInitial
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()">
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/components/entity/add-entity-dialog.component.scss b/ui-ngx/src/app/modules/home/components/entity/add-entity-dialog.component.scss
new file mode 100644
index 0000000000..655a7ced9b
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/add-entity-dialog.component.scss
@@ -0,0 +1,17 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+}
diff --git a/ui-ngx/src/app/modules/home/components/entity/add-entity-dialog.component.ts b/ui-ngx/src/app/modules/home/components/entity/add-entity-dialog.component.ts
new file mode 100644
index 0000000000..98fc72f082
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/add-entity-dialog.component.ts
@@ -0,0 +1,101 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Component, ComponentFactoryResolver, Inject, OnInit, SkipSelf, ViewChild} from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import {PageComponent} from '@shared/components/page.component';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {FormControl, FormGroupDirective, NgForm} from '@angular/forms';
+import {EntityTypeResource, EntityTypeTranslation} from '@shared/models/entity-type.models';
+import {BaseData, HasId} from '@shared/models/base-data';
+import {EntityId} from '@shared/models/id/entity-id';
+import {TbAnchorComponent} from '@shared/components/tb-anchor.component';
+import {EntityComponent} from './entity.component';
+import {EntityTableConfig} from '@home/models/entity/entities-table-config.models';
+import {AddEntityDialogData} from '@home/models/entity/entity-component.models';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'tb-add-entity-dialog',
+  templateUrl: './add-entity-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: AddEntityDialogComponent}],
+  styleUrls: ['./add-entity-dialog.component.scss']
+})
+export class AddEntityDialogComponent extends
+  DialogComponent<AddEntityDialogComponent, BaseData<HasId>> implements OnInit, ErrorStateMatcher {
+
+  entityComponent: EntityComponent<BaseData<HasId>>;
+  detailsForm: NgForm;
+
+  entitiesTableConfig: EntityTableConfig<BaseData<HasId>>;
+  translations: EntityTypeTranslation;
+  resources: EntityTypeResource;
+  entity: BaseData<EntityId>;
+
+  submitted = false;
+
+  @ViewChild('entityDetailsForm', {static: true}) entityDetailsFormAnchor: TbAnchorComponent;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: AddEntityDialogData<BaseData<HasId>>,
+              public dialogRef: MatDialogRef<AddEntityDialogComponent, BaseData<HasId>>,
+              private componentFactoryResolver: ComponentFactoryResolver,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher) {
+    super(store, router, dialogRef);
+  }
+
+  ngOnInit(): void {
+    this.entitiesTableConfig = this.data.entitiesTableConfig;
+    this.translations = this.entitiesTableConfig.entityTranslations;
+    this.resources = this.entitiesTableConfig.entityResources;
+    this.entity = {};
+    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.entitiesTableConfig.entityComponent);
+    const viewContainerRef = this.entityDetailsFormAnchor.viewContainerRef;
+    viewContainerRef.clear();
+    const componentRef = viewContainerRef.createComponent(componentFactory);
+    this.entityComponent = componentRef.instance;
+    this.entityComponent.isEdit = true;
+    this.entityComponent.entitiesTableConfig = this.entitiesTableConfig;
+    this.entityComponent.entity = this.entity;
+    this.detailsForm = this.entityComponent.entityNgForm;
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  add(): void {
+    this.submitted = true;
+    if (this.detailsForm.valid) {
+      this.entity = {...this.entity, ...this.entityComponent.entityFormValue()};
+      this.entitiesTableConfig.saveEntity(this.entity).subscribe(
+        (entity) => {
+          this.dialogRef.close(entity);
+        }
+      );
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/entity/contact-based.component.ts b/ui-ngx/src/app/modules/home/components/entity/contact-based.component.ts
new file mode 100644
index 0000000000..0cf012d64f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/contact-based.component.ts
@@ -0,0 +1,84 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormGroup, ValidatorFn, Validators } from '@angular/forms';
+import { ContactBased } from '@shared/models/contact-based.model';
+import { AfterViewInit } from '@angular/core';
+import { POSTAL_CODE_PATTERNS } from '@home/models/contact.models';
+import { HasId } from '@shared/models/base-data';
+import {EntityComponent} from './entity.component';
+
+export abstract class ContactBasedComponent<T extends ContactBased<HasId>> extends EntityComponent<T> implements AfterViewInit {
+
+  protected constructor(protected store: Store<AppState>,
+                        protected fb: FormBuilder) {
+    super(store);
+  }
+
+  buildForm(entity: T): FormGroup {
+    const entityForm = this.buildEntityForm(entity);
+    entityForm.addControl('country', this.fb.control(entity ? entity.country : '', []));
+    entityForm.addControl('city', this.fb.control(entity ? entity.city : '', []));
+    entityForm.addControl('state', this.fb.control(entity ? entity.state : '', []));
+    entityForm.addControl('zip', this.fb.control(entity ? entity.zip : '',
+      this.zipValidators(entity ? entity.country : '')
+    ));
+    entityForm.addControl('address', this.fb.control(entity ? entity.address : '', []));
+    entityForm.addControl('address2', this.fb.control(entity ? entity.address2 : '', []));
+    entityForm.addControl('phone', this.fb.control(entity ? entity.phone : '', []));
+    entityForm.addControl('email', this.fb.control(entity ? entity.email : '', [Validators.email]));
+    return entityForm;
+  }
+
+  updateForm(entity: T) {
+    this.updateEntityForm(entity);
+    this.entityForm.patchValue({country: entity.country});
+    this.entityForm.patchValue({city: entity.city});
+    this.entityForm.patchValue({state: entity.state});
+    this.entityForm.get('zip').setValidators(this.zipValidators(entity.country));
+    this.entityForm.patchValue({zip: entity.zip});
+    this.entityForm.patchValue({address: entity.address});
+    this.entityForm.patchValue({address2: entity.address2});
+    this.entityForm.patchValue({phone: entity.phone});
+    this.entityForm.patchValue({email: entity.email});
+  }
+
+  ngAfterViewInit() {
+    this.entityForm.get('country').valueChanges.subscribe(
+      (country) => {
+        this.entityForm.get('zip').setValidators(this.zipValidators(country));
+        this.entityForm.get('zip').updateValueAndValidity({onlySelf: true});
+        this.entityForm.get('zip').markAsTouched({onlySelf: true});
+      }
+    );
+  }
+
+  zipValidators(country: string): ValidatorFn[] {
+    const zipValidators = [];
+    if (country && POSTAL_CODE_PATTERNS[country]) {
+      const postalCodePattern = POSTAL_CODE_PATTERNS[country];
+      zipValidators.push(Validators.pattern(postalCodePattern));
+    }
+    return zipValidators;
+  }
+
+  abstract buildEntityForm(entity: T): FormGroup;
+
+  abstract updateEntityForm(entity: T);
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/entity/entities-table.component.html b/ui-ngx/src/app/modules/home/components/entity/entities-table.component.html
new file mode 100644
index 0000000000..31b28c03e7
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/entities-table.component.html
@@ -0,0 +1,236 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-drawer-container hasBackdrop="false" class="tb-absolute-fill">
+  <mat-drawer *ngIf="entitiesTableConfig.detailsPanelEnabled"
+              class="tb-details-drawer mat-elevation-z4"
+              #drawer
+              mode="over"
+              position="end"
+              [opened]="isDetailsOpen">
+    <tb-entity-details-panel
+      [entitiesTableConfig]="entitiesTableConfig"
+      [entityId]="dataSource.currentEntity?.id"
+      (closeEntityDetails)="isDetailsOpen = false"
+      (entityUpdated)="onEntityUpdated($event)"
+      (entityAction)="onEntityAction($event)"
+    >
+    </tb-entity-details-panel>
+  </mat-drawer>
+  <mat-drawer-content>
+    <div class="mat-padding tb-entity-table tb-absolute-fill">
+      <div fxFlex fxLayout="column" class="mat-elevation-z1 tb-entity-table-content">
+        <mat-toolbar class="mat-table-toolbar" [fxShow]="!textSearchMode && dataSource.selection.isEmpty()">
+          <div class="mat-toolbar-tools">
+            <span *ngIf="entitiesTableConfig.tableTitle" class="tb-entity-table-title">{{ entitiesTableConfig.tableTitle }}</span>
+            <tb-anchor #entityTableHeader></tb-anchor>
+            <tb-timewindow *ngIf="entitiesTableConfig.useTimePageLink" [(ngModel)]="timewindow"
+                            (ngModelChange)="onTimewindowChange()"
+                            asButton historyOnly></tb-timewindow>
+            <span fxFlex *ngIf="!entitiesTableConfig.headerComponent ||
+                                entitiesTableConfig.useTimePageLink"></span>
+            <div [fxShow]="addEnabled()">
+              <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                      *ngIf="!entitiesTableConfig.addActionDescriptors.length; else addActions"
+                      (click)="addEntity($event)"
+                      matTooltip="{{ translations.add | translate }}"
+                      matTooltipPosition="above">
+                <mat-icon>add</mat-icon>
+              </button>
+              <ng-template #addActions>
+                <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                        *ngIf="entitiesTableConfig.addActionDescriptors.length === 1; else addActionsMenu"
+                        [fxShow]="entitiesTableConfig.addActionDescriptors[0].isEnabled()"
+                        (click)="entitiesTableConfig.addActionDescriptors[0].onAction($event)"
+                        matTooltip="{{ entitiesTableConfig.addActionDescriptors[0].name }}"
+                        matTooltipPosition="above">
+                  <mat-icon>{{entitiesTableConfig.addActionDescriptors[0].icon}}</mat-icon>
+                </button>
+                <ng-template #addActionsMenu>
+                  <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                          matTooltip="{{ translations.add | translate }}"
+                          matTooltipPosition="above"
+                          [matMenuTriggerFor]="addActionsMenu">
+                    <mat-icon>add</mat-icon>
+                  </button>
+                  <mat-menu #addActionsMenu="matMenu" xPosition="before">
+                    <button mat-menu-item *ngFor="let actionDescriptor of entitiesTableConfig.addActionDescriptors"
+                            [disabled]="isLoading$ | async"
+                            [fxShow]="actionDescriptor.isEnabled()"
+                            (click)="actionDescriptor.onAction($event)">
+                      <mat-icon>{{actionDescriptor.icon}}</mat-icon>
+                      <span>{{ actionDescriptor.name }}</span>
+                    </button>
+                  </mat-menu>
+                </ng-template>
+              </ng-template>
+            </div>
+            <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                    [fxShow]="actionDescriptor.isEnabled()" *ngFor="let actionDescriptor of headerActionDescriptors"
+                    matTooltip="{{ actionDescriptor.name }}"
+                    matTooltipPosition="above"
+                    (click)="actionDescriptor.onAction($event)">
+              <mat-icon>{{actionDescriptor.icon}}</mat-icon>
+            </button>
+            <button mat-button mat-icon-button [disabled]="isLoading$ | async" (click)="updateData()"
+                    matTooltip="{{ 'action.refresh' | translate }}"
+                    matTooltipPosition="above">
+              <mat-icon>refresh</mat-icon>
+            </button>
+            <button *ngIf="entitiesTableConfig.searchEnabled"
+                    mat-button mat-icon-button [disabled]="isLoading$ | async" (click)="enterFilterMode()"
+                    matTooltip="{{ translations.search | translate }}"
+                    matTooltipPosition="above">
+              <mat-icon>search</mat-icon>
+            </button>
+          </div>
+        </mat-toolbar>
+        <mat-toolbar class="mat-table-toolbar" [fxShow]="textSearchMode && dataSource.selection.isEmpty()">
+          <div class="mat-toolbar-tools">
+            <button mat-button mat-icon-button
+                    matTooltip="{{ translations.search | translate }}"
+                    matTooltipPosition="above">
+              <mat-icon>search</mat-icon>
+            </button>
+            <mat-form-field fxFlex>
+              <mat-label>&nbsp;</mat-label>
+              <input #searchInput matInput
+                     [(ngModel)]="pageLink.textSearch"
+                     placeholder="{{ translations.search | translate }}"/>
+            </mat-form-field>
+            <button mat-button mat-icon-button (click)="exitFilterMode()"
+                    matTooltip="{{ 'action.close' | translate }}"
+                    matTooltipPosition="above">
+              <mat-icon>close</mat-icon>
+            </button>
+          </div>
+        </mat-toolbar>
+        <mat-toolbar *ngIf="entitiesTableConfig.selectionEnabled" class="mat-table-toolbar" color="primary" [fxShow]="!dataSource.selection.isEmpty()">
+          <div class="mat-toolbar-tools">
+                    <span>
+                      {{ translate.get(translations.selectedEntities, {count: dataSource.selection.selected.length}) | async }}
+                    </span>
+            <span fxFlex></span>
+            <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                    [fxShow]="actionDescriptor.isEnabled" *ngFor="let actionDescriptor of groupActionDescriptors"
+                    matTooltip="{{ actionDescriptor.name }}"
+                    matTooltipPosition="above"
+                    (click)="actionDescriptor.onAction($event, dataSource.selection.selected)">
+              <mat-icon>{{actionDescriptor.icon}}</mat-icon>
+            </button>
+          </div>
+        </mat-toolbar>
+        <div fxFlex class="table-container">
+          <mat-table [dataSource]="dataSource" [trackBy]="trackByEntityId"
+                     matSort [matSortActive]="pageLink.sortOrder.property" [matSortDirection]="pageLink.sortDirection()" matSortDisableClear>
+            <ng-container matColumnDef="select" sticky>
+              <mat-header-cell *matHeaderCellDef style="width: 30px;">
+                <mat-checkbox (change)="$event ? dataSource.masterToggle() : null"
+                              [checked]="dataSource.selection.hasValue() && (dataSource.isAllSelected() | async)"
+                              [indeterminate]="dataSource.selection.hasValue() && !(dataSource.isAllSelected() | async)">
+                </mat-checkbox>
+              </mat-header-cell>
+              <mat-cell *matCellDef="let entity">
+                <mat-checkbox (click)="$event.stopPropagation()"
+                              [fxShow]="entitiesTableConfig.entitySelectionEnabled(entity)"
+                              (change)="$event ? dataSource.selection.toggle(entity) : null"
+                              [checked]="dataSource.selection.isSelected(entity)">
+                </mat-checkbox>
+              </mat-cell>
+            </ng-container>
+            <ng-container [matColumnDef]="column.key" *ngFor="let column of entityColumns; trackBy: trackByColumnKey;">
+              <mat-header-cell [ngClass]="{'mat-number-cell': column.isNumberColumn}"
+                               *matHeaderCellDef [ngStyle]="headerCellStyle(column)" mat-sort-header [disabled]="!column.sortable"> {{ column.title | translate }} </mat-header-cell>
+              <mat-cell [ngClass]="{'mat-number-cell': column.isNumberColumn}"
+                        *matCellDef="let entity; let row = index"
+                        [matTooltip]="cellTooltip(entity, column, row)"
+                        matTooltipPosition="above"
+                        [innerHTML]="cellContent(entity, column, row)"
+                        [ngStyle]="cellStyle(entity, column, row)">
+              </mat-cell>
+            </ng-container>
+            <ng-container [matColumnDef]="column.key" *ngFor="let column of actionColumns; trackBy: trackByColumnKey;">
+              <mat-header-cell *matHeaderCellDef [ngStyle]="headerCellStyle(column)" mat-sort-header [disabled]="!column.sortable"> {{ column.title | translate }} </mat-header-cell>
+              <mat-cell *matCellDef="let entity; let row = index"
+                        [ngStyle]="cellStyle(entity, column, row)">
+                <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                        [fxShow]="column.actionDescriptor.isEnabled(entity)"
+                        matTooltip="{{ column.actionDescriptor.nameFunction ? column.actionDescriptor.nameFunction(entity) : column.actionDescriptor.name }}"
+                        matTooltipPosition="above"
+                        (click)="column.actionDescriptor.onAction($event, entity)">
+                  <mat-icon [svgIcon]="column.actionDescriptor.mdiIcon" [ngStyle]="column.actionDescriptor.style">
+                    {{column.actionDescriptor.icon}}</mat-icon>
+                </button>
+              </mat-cell>
+            </ng-container>
+            <ng-container matColumnDef="actions" stickyEnd>
+              <mat-header-cell *matHeaderCellDef [ngStyle.gt-md]="{ minWidth: (cellActionDescriptors.length * 40) + 'px',
+                                                                    maxWidth: (cellActionDescriptors.length * 40) + 'px',
+                                                                    width: (cellActionDescriptors.length * 40) + 'px' }">
+                {{ entitiesTableConfig.actionsColumnTitle ? (entitiesTableConfig.actionsColumnTitle | translate) : '' }}
+              </mat-header-cell>
+              <mat-cell *matCellDef="let entity" [ngStyle.gt-md]="{ minWidth: (cellActionDescriptors.length * 40) + 'px',
+                                                                    maxWidth: (cellActionDescriptors.length * 40) + 'px',
+                                                                    width: (cellActionDescriptors.length * 40) + 'px' }">
+                <div fxHide fxShow.gt-md fxFlex fxLayout="row" fxLayoutAlign="end">
+                  <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                          [fxShow]="actionDescriptor.isEnabled(entity)" *ngFor="let actionDescriptor of cellActionDescriptors"
+                          matTooltip="{{ actionDescriptor.nameFunction ? actionDescriptor.nameFunction(entity) : actionDescriptor.name }}"
+                          matTooltipPosition="above"
+                          (click)="actionDescriptor.onAction($event, entity)">
+                    <mat-icon [svgIcon]="actionDescriptor.mdiIcon" [ngStyle]="actionDescriptor.style">
+                      {{actionDescriptor.icon}}</mat-icon>
+                  </button>
+                </div>
+                <div fxHide fxShow.lt-lg *ngIf="cellActionDescriptors.length">
+                  <button mat-button mat-icon-button
+                          (click)="$event.stopPropagation()"
+                          [matMenuTriggerFor]="cellActionsMenu">
+                    <mat-icon class="material-icons">more_vert</mat-icon>
+                  </button>
+                  <mat-menu #cellActionsMenu="matMenu" xPosition="before">
+                    <button mat-menu-item *ngFor="let actionDescriptor of cellActionDescriptors"
+                            [disabled]="isLoading$ | async"
+                            [fxShow]="actionDescriptor.isEnabled(entity)"
+                            (click)="actionDescriptor.onAction($event, entity)">
+                      <mat-icon [svgIcon]="actionDescriptor.mdiIcon" [ngStyle]="actionDescriptor.style">
+                        {{actionDescriptor.icon}}</mat-icon>
+                      <span>{{ actionDescriptor.nameFunction ? actionDescriptor.nameFunction(entity) : actionDescriptor.name }}</span>
+                    </button>
+                  </mat-menu>
+                </div>
+              </mat-cell>
+            </ng-container>
+            <mat-header-row [ngClass]="{'mat-row-select': selectionEnabled}" *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
+            <mat-row [ngClass]="{'mat-row-select': selectionEnabled,
+                                 'mat-selected': dataSource.selection.isSelected(entity),
+                                 'tb-current-entity': dataSource.isCurrentEntity(entity)}"
+                     *matRowDef="let entity; columns: displayedColumns;" (click)="onRowClick($event, entity)"></mat-row>
+          </mat-table>
+          <span [fxShow]="!(isLoading$ | async) && (dataSource.isEmpty() | async)"
+                fxLayoutAlign="center center"
+                class="no-data-found" translate>{{ translations.noEntities }}</span>
+        </div>
+        <mat-divider></mat-divider>
+        <mat-paginator [length]="dataSource.total() | async"
+                       [pageIndex]="pageLink.page"
+                       [pageSize]="pageLink.pageSize"
+                       [pageSizeOptions]="[10, 20, 30]"></mat-paginator>
+      </div>
+    </div>
+  </mat-drawer-content>
+</mat-drawer-container>
diff --git a/ui-ngx/src/app/modules/home/components/entity/entities-table.component.scss b/ui-ngx/src/app/modules/home/components/entity/entities-table.component.scss
new file mode 100644
index 0000000000..4be24e9eb3
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/entities-table.component.scss
@@ -0,0 +1,41 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  width: 100%;
+  height: 100%;
+  .tb-entity-table {
+    .tb-entity-table-content {
+      width: 100%;
+      height: 100%;
+      background: #fff;
+
+      .tb-entity-table-title {
+        padding-right: 20px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .table-container {
+        overflow: auto;
+      }
+    }
+  }
+}
+
+:host ::ng-deep .mat-sort-header-sorted .mat-sort-header-arrow {
+  opacity: 1 !important;
+}
diff --git a/ui-ngx/src/app/modules/home/components/entity/entities-table.component.ts b/ui-ngx/src/app/modules/home/components/entity/entities-table.component.ts
new file mode 100644
index 0000000000..7acd2865f3
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/entities-table.component.ts
@@ -0,0 +1,473 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  Component,
+  ComponentFactoryResolver,
+  ElementRef,
+  Input,
+  OnInit,
+  ViewChild
+} from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { PageLink, TimePageLink } from '@shared/models/page/page-link';
+import { MatDialog } from '@angular/material/dialog';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { EntitiesDataSource } from '@home/models/datasource/entity-datasource';
+import { debounceTime, distinctUntilChanged, tap } from 'rxjs/operators';
+import { Direction, SortOrder } from '@shared/models/page/sort-order';
+import { forkJoin, fromEvent, merge, Observable } from 'rxjs';
+import { TranslateService } from '@ngx-translate/core';
+import { BaseData, HasId } from '@shared/models/base-data';
+import { ActivatedRoute } from '@angular/router';
+import {
+  CellActionDescriptor,
+  EntityActionTableColumn,
+  EntityColumn,
+  EntityTableColumn,
+  EntityTableConfig,
+  GroupActionDescriptor,
+  HeaderActionDescriptor
+} from '@home/models/entity/entities-table-config.models';
+import { EntityTypeTranslation } from '@shared/models/entity-type.models';
+import { DialogService } from '@core/services/dialog.service';
+import { AddEntityDialogComponent } from './add-entity-dialog.component';
+import { AddEntityDialogData, EntityAction } from '@home/models/entity/entity-component.models';
+import { historyInterval, Timewindow } from '@shared/models/time/time.models';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { TbAnchorComponent } from '@shared/components/tb-anchor.component';
+import { isDefined, isUndefined } from '@core/utils';
+
+@Component({
+  selector: 'tb-entities-table',
+  templateUrl: './entities-table.component.html',
+  styleUrls: ['./entities-table.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class EntitiesTableComponent extends PageComponent implements AfterViewInit, OnInit {
+
+  @Input()
+  entitiesTableConfig: EntityTableConfig<BaseData<HasId>>;
+
+  translations: EntityTypeTranslation;
+
+  headerActionDescriptors: Array<HeaderActionDescriptor>;
+  groupActionDescriptors: Array<GroupActionDescriptor<BaseData<HasId>>>;
+  cellActionDescriptors: Array<CellActionDescriptor<BaseData<HasId>>>;
+
+  actionColumns: Array<EntityActionTableColumn<BaseData<HasId>>>;
+  entityColumns: Array<EntityTableColumn<BaseData<HasId>>>;
+
+  displayedColumns: string[];
+
+  headerCellStyleCache: Array<any> = [];
+
+  cellContentCache: Array<SafeHtml> = [];
+  cellTooltipCache: Array<string> = [];
+
+  cellStyleCache: Array<any> = [];
+
+  selectionEnabled;
+
+  pageLink: PageLink;
+  textSearchMode = false;
+  timewindow: Timewindow;
+  dataSource: EntitiesDataSource<BaseData<HasId>>;
+
+  isDetailsOpen = false;
+
+  @ViewChild('entityTableHeader', {static: true}) entityTableHeaderAnchor: TbAnchorComponent;
+
+  @ViewChild('searchInput') searchInputField: ElementRef;
+
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+  @ViewChild(MatSort) sort: MatSort;
+
+  constructor(protected store: Store<AppState>,
+              private route: ActivatedRoute,
+              public translate: TranslateService,
+              public dialog: MatDialog,
+              private dialogService: DialogService,
+              private domSanitizer: DomSanitizer,
+              private componentFactoryResolver: ComponentFactoryResolver) {
+    super(store);
+  }
+
+  ngOnInit() {
+    this.entitiesTableConfig = this.entitiesTableConfig || this.route.snapshot.data.entitiesTableConfig;
+    if (this.entitiesTableConfig.headerComponent) {
+      const componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.entitiesTableConfig.headerComponent);
+      const viewContainerRef = this.entityTableHeaderAnchor.viewContainerRef;
+      viewContainerRef.clear();
+      const componentRef = viewContainerRef.createComponent(componentFactory);
+      const headerComponent = componentRef.instance;
+      headerComponent.entitiesTableConfig = this.entitiesTableConfig;
+    }
+
+    this.entitiesTableConfig.table = this;
+    this.translations = this.entitiesTableConfig.entityTranslations;
+
+    this.headerActionDescriptors = [...this.entitiesTableConfig.headerActionDescriptors];
+    this.groupActionDescriptors = [...this.entitiesTableConfig.groupActionDescriptors];
+    this.cellActionDescriptors = [...this.entitiesTableConfig.cellActionDescriptors];
+
+    if (this.entitiesTableConfig.entitiesDeleteEnabled) {
+      this.cellActionDescriptors.push(
+        {
+          name: this.translate.instant('action.delete'),
+          icon: 'delete',
+          isEnabled: entity => this.entitiesTableConfig.deleteEnabled(entity),
+          onAction: ($event, entity) => this.deleteEntity($event, entity)
+        }
+      );
+    }
+
+    this.groupActionDescriptors.push(
+      {
+        name: this.translate.instant('action.delete'),
+        icon: 'delete',
+        isEnabled: this.entitiesTableConfig.entitiesDeleteEnabled,
+        onAction: ($event, entities) => this.deleteEntities($event, entities)
+      }
+    );
+
+    const enabledGroupActionDescriptors =
+      this.groupActionDescriptors.filter((descriptor) => descriptor.isEnabled);
+
+    this.selectionEnabled = this.entitiesTableConfig.selectionEnabled && enabledGroupActionDescriptors.length;
+
+    this.columnsUpdated();
+
+    const sortOrder: SortOrder = { property: this.entitiesTableConfig.defaultSortOrder.property,
+                                   direction: this.entitiesTableConfig.defaultSortOrder.direction };
+
+    if (this.entitiesTableConfig.useTimePageLink) {
+      this.timewindow = historyInterval(24 * 60 * 60 * 1000);
+      const currentTime = Date.now();
+      this.pageLink = new TimePageLink(10, 0, null, sortOrder,
+        currentTime - this.timewindow.history.timewindowMs, currentTime);
+    } else {
+      this.pageLink = new PageLink(10, 0, null, sortOrder);
+    }
+    this.dataSource = new EntitiesDataSource<BaseData<HasId>>(
+      this.entitiesTableConfig.entitiesFetchFunction,
+      this.entitiesTableConfig.entitySelectionEnabled,
+      () => {
+        this.dataLoaded();
+      }
+    );
+    if (this.entitiesTableConfig.onLoadAction) {
+      this.entitiesTableConfig.onLoadAction(this.route);
+    }
+    if (this.entitiesTableConfig.loadDataOnInit) {
+      this.dataSource.loadEntities(this.pageLink);
+    }
+  }
+
+  ngAfterViewInit() {
+
+    fromEvent(this.searchInputField.nativeElement, 'keyup')
+      .pipe(
+        debounceTime(150),
+        distinctUntilChanged(),
+        tap(() => {
+          this.paginator.pageIndex = 0;
+          this.updateData();
+        })
+      )
+      .subscribe();
+
+    this.sort.sortChange.subscribe(() => this.paginator.pageIndex = 0);
+
+    merge(this.sort.sortChange, this.paginator.page)
+      .pipe(
+        tap(() => this.updateData())
+      )
+      .subscribe();
+  }
+
+  addEnabled() {
+    return this.entitiesTableConfig.addEnabled;
+  }
+
+  updateData(closeDetails: boolean = true) {
+    if (closeDetails) {
+      this.isDetailsOpen = false;
+    }
+    this.pageLink.page = this.paginator.pageIndex;
+    this.pageLink.pageSize = this.paginator.pageSize;
+    this.pageLink.sortOrder.property = this.sort.active;
+    this.pageLink.sortOrder.direction = Direction[this.sort.direction.toUpperCase()];
+    if (this.entitiesTableConfig.useTimePageLink) {
+      const timePageLink = this.pageLink as TimePageLink;
+      if (this.timewindow.history.timewindowMs) {
+        const currentTime = Date.now();
+        timePageLink.startTime = currentTime - this.timewindow.history.timewindowMs;
+        timePageLink.endTime = currentTime;
+      } else {
+        timePageLink.startTime = this.timewindow.history.fixedTimewindow.startTimeMs;
+        timePageLink.endTime = this.timewindow.history.fixedTimewindow.endTimeMs;
+      }
+    }
+    this.dataSource.loadEntities(this.pageLink);
+  }
+
+  private dataLoaded() {
+    this.headerCellStyleCache.length = 0;
+    this.cellContentCache.length = 0;
+    this.cellTooltipCache.length = 0;
+    this.cellStyleCache.length = 0;
+  }
+
+  onRowClick($event: Event, entity) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    if (this.dataSource.toggleCurrentEntity(entity)) {
+      this.isDetailsOpen = true;
+    } else {
+      this.isDetailsOpen = !this.isDetailsOpen;
+    }
+  }
+
+  addEntity($event: Event) {
+    let entity$: Observable<BaseData<HasId>>;
+    if (this.entitiesTableConfig.addEntity) {
+      entity$ = this.entitiesTableConfig.addEntity();
+    } else {
+      entity$ = this.dialog.open<AddEntityDialogComponent, AddEntityDialogData<BaseData<HasId>>,
+                                 BaseData<HasId>>(AddEntityDialogComponent, {
+        disableClose: true,
+        panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+        data: {
+          entitiesTableConfig: this.entitiesTableConfig
+        }
+      }).afterClosed();
+    }
+    entity$.subscribe(
+      (entity) => {
+        if (entity) {
+          this.updateData();
+        }
+      }
+    );
+  }
+
+  onEntityUpdated(entity: BaseData<HasId>) {
+    this.updateData(false);
+  }
+
+  onEntityAction(action: EntityAction<BaseData<HasId>>) {
+    if (action.action === 'delete') {
+      this.deleteEntity(action.event, action.entity);
+    }
+  }
+
+  deleteEntity($event: Event, entity: BaseData<HasId>) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialogService.confirm(
+      this.entitiesTableConfig.deleteEntityTitle(entity),
+      this.entitiesTableConfig.deleteEntityContent(entity),
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+      true
+    ).subscribe((result) => {
+      if (result) {
+        this.entitiesTableConfig.deleteEntity(entity.id).subscribe(
+          () => {
+            this.updateData();
+          }
+        );
+      }
+    });
+  }
+
+  deleteEntities($event: Event, entities: BaseData<HasId>[]) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialogService.confirm(
+      this.entitiesTableConfig.deleteEntitiesTitle(entities.length),
+      this.entitiesTableConfig.deleteEntitiesContent(entities.length),
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+      true
+    ).subscribe((result) => {
+      if (result) {
+        const tasks: Observable<any>[] = [];
+        entities.forEach((entity) => {
+          if (this.entitiesTableConfig.deleteEnabled(entity)) {
+            tasks.push(this.entitiesTableConfig.deleteEntity(entity.id));
+          }
+        });
+        forkJoin(tasks).subscribe(
+          () => {
+            this.updateData();
+          }
+        );
+      }
+    });
+  }
+
+  onTimewindowChange() {
+    this.updateData();
+  }
+
+  enterFilterMode() {
+    this.textSearchMode = true;
+    this.pageLink.textSearch = '';
+    setTimeout(() => {
+      this.searchInputField.nativeElement.focus();
+      this.searchInputField.nativeElement.setSelectionRange(0, 0);
+    }, 10);
+  }
+
+  exitFilterMode() {
+    this.textSearchMode = false;
+    this.pageLink.textSearch = null;
+    this.paginator.pageIndex = 0;
+    this.updateData();
+  }
+
+  resetSortAndFilter(update: boolean = true) {
+    this.pageLink.textSearch = null;
+    if (this.entitiesTableConfig.useTimePageLink) {
+      this.timewindow = historyInterval(24 * 60 * 60 * 1000);
+    }
+    this.paginator.pageIndex = 0;
+    const sortable = this.sort.sortables.get(this.entitiesTableConfig.defaultSortOrder.property);
+    this.sort.active = sortable.id;
+    this.sort.direction = this.entitiesTableConfig.defaultSortOrder.direction === Direction.ASC ? 'asc' : 'desc';
+    if (update) {
+      this.updateData();
+    }
+  }
+
+  columnsUpdated(resetData: boolean = false) {
+    this.entityColumns = this.entitiesTableConfig.columns.filter(
+      (column) => column instanceof EntityTableColumn)
+      .map(column => column as EntityTableColumn<BaseData<HasId>>);
+    this.actionColumns = this.entitiesTableConfig.columns.filter(
+      (column) => column instanceof EntityActionTableColumn)
+      .map(column => column as EntityActionTableColumn<BaseData<HasId>>);
+
+    this.displayedColumns = [];
+
+    if (this.selectionEnabled) {
+      this.displayedColumns.push('select');
+    }
+    this.entitiesTableConfig.columns.forEach(
+      (column) => {
+        this.displayedColumns.push(column.key);
+      }
+    );
+    this.displayedColumns.push('actions');
+    this.headerCellStyleCache.length = 0;
+    this.cellContentCache.length = 0;
+    this.cellTooltipCache.length = 0;
+    this.cellStyleCache.length = 0;
+    if (resetData) {
+      this.dataSource.reset();
+    }
+  }
+
+  headerCellStyle(column: EntityColumn<BaseData<HasId>>) {
+    const index = this.entitiesTableConfig.columns.indexOf(column);
+    let res = this.headerCellStyleCache[index];
+    if (!res) {
+      const widthStyle: any = {width: column.width};
+      if (column.width !== '0px') {
+        widthStyle.minWidth = column.width;
+        widthStyle.maxWidth = column.width;
+      }
+      if (column instanceof EntityTableColumn) {
+        res = {...column.headerCellStyleFunction(column.key), ...widthStyle};
+      } else {
+        res = widthStyle;
+      }
+      this.headerCellStyleCache[index] = res;
+    }
+    return res;
+  }
+
+  cellContent(entity: BaseData<HasId>, column: EntityColumn<BaseData<HasId>>, row: number) {
+    if (column instanceof EntityTableColumn) {
+      const col = this.entitiesTableConfig.columns.indexOf(column);
+      const index = row * this.entitiesTableConfig.columns.length + col;
+      let res = this.cellContentCache[index];
+      if (!res) {
+        res = this.domSanitizer.bypassSecurityTrustHtml(column.cellContentFunction(entity, column.key));
+        this.cellContentCache[index] = res;
+      }
+      return res;
+    } else {
+      return '';
+    }
+  }
+
+  cellTooltip(entity: BaseData<HasId>, column: EntityColumn<BaseData<HasId>>, row: number) {
+    if (column instanceof EntityTableColumn) {
+      const col = this.entitiesTableConfig.columns.indexOf(column);
+      const index = row * this.entitiesTableConfig.columns.length + col;
+      let res = this.cellTooltipCache[index];
+      if (isUndefined(res)) {
+        res = column.cellTooltipFunction(entity, column.key);
+        res = isDefined(res) ? res : null;
+        this.cellTooltipCache[index] = res;
+      } else {
+        return res !== null ? res : undefined;
+      }
+    } else {
+      return undefined;
+    }
+  }
+
+  cellStyle(entity: BaseData<HasId>, column: EntityColumn<BaseData<HasId>>, row: number) {
+    const col = this.entitiesTableConfig.columns.indexOf(column);
+    const index = row * this.entitiesTableConfig.columns.length + col;
+    let res = this.cellStyleCache[index];
+    if (!res) {
+      const widthStyle: any = {width: column.width};
+      if (column.width !== '0px') {
+        widthStyle.minWidth = column.width;
+        widthStyle.maxWidth = column.width;
+      }
+      if (column instanceof EntityTableColumn) {
+        res = {...column.cellStyleFunction(entity, column.key), ...widthStyle};
+      } else {
+        res = widthStyle;
+      }
+      this.cellStyleCache[index] = res;
+    }
+    return res;
+  }
+
+  trackByColumnKey(index, column: EntityTableColumn<BaseData<HasId>>) {
+    return column.key;
+  }
+
+  trackByEntityId(index: number, entity: BaseData<HasId>) {
+    return entity.id.id;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/entity/entity-details-panel.component.html b/ui-ngx/src/app/modules/home/components/entity/entity-details-panel.component.html
new file mode 100644
index 0000000000..71332f61f0
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/entity-details-panel.component.html
@@ -0,0 +1,36 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<tb-details-panel fxFlex
+                   [headerTitle]="entity?.name"
+                   headerSubtitle="{{ translations.details | translate }}"
+                   [isReadOnly]="entitiesTableConfig.detailsReadonly(entity)"
+                   [isEdit]="isEditValue"
+                   (closeDetails)="onCloseEntityDetails()"
+                   (toggleDetailsEditMode)="onToggleEditMode($event)"
+                   (applyDetails)="saveEntity()"
+                   [theForm]="detailsForm">
+  <div class="details-buttons">
+    <div [tb-help]="resources.helpLinkId"></div>
+  </div>
+  <mat-tab-group class="tb-absolute-fill" [ngClass]="{'tb-headless': isEditValue}" fxFlex [(selectedIndex)]="selectedTab">
+    <mat-tab label="{{ 'details.details' | translate }}">
+      <tb-anchor #entityDetailsForm></tb-anchor>
+    </mat-tab>
+    <tb-anchor #entityTabs></tb-anchor>
+  </mat-tab-group>
+</tb-details-panel>
diff --git a/ui-ngx/src/app/modules/home/components/entity/entity-details-panel.component.scss b/ui-ngx/src/app/modules/home/components/entity/entity-details-panel.component.scss
new file mode 100644
index 0000000000..c7abb0aef1
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/entity-details-panel.component.scss
@@ -0,0 +1,42 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+:host ::ng-deep {
+  tb-details-panel {
+    > .mat-content {
+      > .mat-tab-group {
+        > .mat-tab-body-wrapper {
+          position: absolute;
+          top: 49px;
+          left: 0;
+          right: 0;
+          bottom: 0;
+        }
+        > .mat-tab-header {
+          .mat-tab-label {
+            min-width: 40px;
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/entity/entity-details-panel.component.ts b/ui-ngx/src/app/modules/home/components/entity/entity-details-panel.component.ts
new file mode 100644
index 0000000000..03aa90c0d5
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/entity-details-panel.component.ts
@@ -0,0 +1,216 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  ChangeDetectionStrategy,
+  Component,
+  ComponentFactoryResolver,
+  EventEmitter,
+  Input,
+  OnDestroy,
+  OnInit,
+  Output,
+  ViewChild,
+  ViewChildren,
+  QueryList,
+  ContentChildren, AfterViewInit
+} from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityTableConfig } from '@home/models/entity/entities-table-config.models';
+import { BaseData, HasId } from '@shared/models/base-data';
+import {
+  EntityType,
+  EntityTypeResource,
+  EntityTypeTranslation
+} from '@shared/models/entity-type.models';
+import { NgForm } from '@angular/forms';
+import { EntityComponent } from './entity.component';
+import { TbAnchorComponent } from '@shared/components/tb-anchor.component';
+import { EntityAction } from '@home/models/entity/entity-component.models';
+import { Subscription } from 'rxjs';
+import { MatTabGroup, MatTab } from '@angular/material/tabs';
+import { EntityTabsComponent } from '@home/components/entity/entity-tabs.component';
+
+@Component({
+  selector: 'tb-entity-details-panel',
+  templateUrl: './entity-details-panel.component.html',
+  styleUrls: ['./entity-details-panel.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class EntityDetailsPanelComponent extends PageComponent implements OnInit, AfterViewInit, OnDestroy {
+
+  @Input() entitiesTableConfig: EntityTableConfig<BaseData<HasId>>;
+
+  @Output()
+  closeEntityDetails = new EventEmitter<void>();
+
+  @Output()
+  entityUpdated = new EventEmitter<BaseData<HasId>>();
+
+  @Output()
+  entityAction = new EventEmitter<EntityAction<BaseData<HasId>>>();
+
+  entityComponent: EntityComponent<BaseData<HasId>>;
+  entityTabsComponent: EntityTabsComponent<BaseData<HasId>>;
+  detailsForm: NgForm;
+
+  isEditValue = false;
+  selectedTab = 0;
+
+  entityTypes = EntityType;
+
+  @ViewChild('entityDetailsForm', {static: true}) entityDetailsFormAnchor: TbAnchorComponent;
+
+  @ViewChild('entityTabs', {static: true}) entityTabsAnchor: TbAnchorComponent;
+
+  @ViewChild(MatTabGroup, {static: true}) matTabGroup: MatTabGroup;
+
+  @ViewChildren(MatTab) inclusiveTabs: QueryList<MatTab>;
+
+  translations: EntityTypeTranslation;
+  resources: EntityTypeResource;
+  entity: BaseData<HasId>;
+
+  private currentEntityId: HasId;
+  private entityActionSubscription: Subscription;
+
+  constructor(protected store: Store<AppState>,
+              private componentFactoryResolver: ComponentFactoryResolver) {
+    super(store);
+  }
+
+  @Input()
+  set entityId(entityId: HasId) {
+    if (entityId && entityId !== this.currentEntityId) {
+      this.currentEntityId = entityId;
+      this.reload();
+    }
+  }
+
+  set isEdit(val: boolean) {
+    this.isEditValue = val;
+    this.entityComponent.isEdit = val;
+    if (this.entityTabsComponent) {
+      this.entityTabsComponent.isEdit = val;
+    }
+  }
+
+  get isEdit() {
+    return this.isEditValue;
+  }
+
+  ngOnInit(): void {
+    this.translations = this.entitiesTableConfig.entityTranslations;
+    this.resources = this.entitiesTableConfig.entityResources;
+    this.buildEntityComponent();
+  }
+
+  ngOnDestroy(): void {
+    super.ngOnDestroy();
+    if (this.entityActionSubscription) {
+      this.entityActionSubscription.unsubscribe();
+    }
+  }
+
+  buildEntityComponent() {
+    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.entitiesTableConfig.entityComponent);
+    const viewContainerRef = this.entityDetailsFormAnchor.viewContainerRef;
+    viewContainerRef.clear();
+    const componentRef = viewContainerRef.createComponent(componentFactory);
+    this.entityComponent = componentRef.instance;
+    this.entityComponent.isEdit = this.isEdit;
+    this.entityComponent.entitiesTableConfig = this.entitiesTableConfig;
+    this.detailsForm = this.entityComponent.entityNgForm;
+    this.entityActionSubscription = this.entityComponent.entityAction.subscribe((action) => {
+      this.entityAction.emit(action);
+    });
+    this.buildEntityTabsComponent();
+  }
+
+  buildEntityTabsComponent() {
+    if (this.entitiesTableConfig.entityTabsComponent) {
+      const componentTabsFactory = this.componentFactoryResolver.resolveComponentFactory(this.entitiesTableConfig.entityTabsComponent);
+      const viewContainerRef = this.entityTabsAnchor.viewContainerRef;
+      viewContainerRef.clear();
+      const componentTabsRef = viewContainerRef.createComponent(componentTabsFactory);
+      this.entityTabsComponent = componentTabsRef.instance;
+      this.entityTabsComponent.isEdit = this.isEdit;
+      this.entityTabsComponent.entitiesTableConfig = this.entitiesTableConfig;
+    }
+  }
+
+  reload(): void {
+    this.isEdit = false;
+    this.entitiesTableConfig.loadEntity(this.currentEntityId).subscribe(
+      (entity) => {
+        this.entity = entity;
+        this.entityComponent.entity = entity;
+        if (this.entityTabsComponent) {
+          this.entityTabsComponent.entity = entity;
+        }
+      }
+    );
+  }
+
+  onCloseEntityDetails() {
+    this.closeEntityDetails.emit();
+  }
+
+  onToggleEditMode(isEdit: boolean) {
+    this.isEdit = isEdit;
+    if (!this.isEdit) {
+      this.entityComponent.entity = this.entity;
+      if (this.entityTabsComponent) {
+        this.entityTabsComponent.entity = this.entity;
+      }
+    } else {
+      this.selectedTab = 0;
+    }
+  }
+
+  saveEntity() {
+    if (this.detailsForm.valid) {
+      const editingEntity = {...this.entity, ...this.entityComponent.entityFormValue()};
+      this.entitiesTableConfig.saveEntity(editingEntity).subscribe(
+        (entity) => {
+          this.entity = entity;
+          this.entityComponent.entity = entity;
+          if (this.entityTabsComponent) {
+            this.entityTabsComponent.entity = entity;
+          }
+          this.isEdit = false;
+          this.entityUpdated.emit(this.entity);
+        }
+      );
+    }
+  }
+
+  ngAfterViewInit(): void {
+    if (this.entityTabsComponent) {
+      this.entityTabsComponent.entityTabsChanged.subscribe(
+        (entityTabs) => {
+          if (entityTabs) {
+            this.matTabGroup._tabs.reset([...this.inclusiveTabs.toArray(), ...entityTabs]);
+            this.matTabGroup._tabs.notifyOnChanges();
+          }
+        }
+      );
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/entity/entity-filter-view.component.html b/ui-ngx/src/app/modules/home/components/entity/entity-filter-view.component.html
new file mode 100644
index 0000000000..7eb55aa802
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/entity-filter-view.component.html
@@ -0,0 +1,25 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div fxLayout="column" class="tb-entity-filter-view">
+  <div *ngIf="!filter || !filter.type; else filterView" class="entity-filter-empty" translate>alias.no-entity-filter-specified</div>
+  <ng-template #filterView>
+    <div fxLayout="column">
+      <div class="entity-filter-value">{{ filterDisplayValue }}</div>
+    </div>
+  </ng-template>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/entity/entity-filter-view.component.scss b/ui-ngx/src/app/modules/home/components/entity/entity-filter-view.component.scss
new file mode 100644
index 0000000000..77ac4bcb53
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/entity-filter-view.component.scss
@@ -0,0 +1,36 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .tb-entity-filter-view {
+    .entity-filter-empty {
+      font-size: 14px;
+      line-height: 16px;
+      color: rgba(221, 44, 0, .87);
+    }
+
+    .entity-filter-type {
+      font-size: 14px;
+      line-height: 16px;
+      color: rgba(0, 0, 0, .570588);
+    }
+
+    .entity-filter-value {
+      font-size: 14px;
+      line-height: 16px;
+      color: rgba(0, 0, 0, .570588);
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/entity/entity-filter-view.component.ts b/ui-ngx/src/app/modules/home/components/entity/entity-filter-view.component.ts
new file mode 100644
index 0000000000..9657ee4b6c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/entity-filter-view.component.ts
@@ -0,0 +1,230 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, forwardRef } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { AliasFilterType, EntityAliasFilter } from '@shared/models/alias.models';
+import { AliasEntityType, EntityType, entityTypeTranslations } from '@shared/models/entity-type.models';
+import { TranslateService } from '@ngx-translate/core';
+
+@Component({
+  selector: 'tb-entity-filter-view',
+  templateUrl: './entity-filter-view.component.html',
+  styleUrls: ['./entity-filter-view.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => EntityFilterViewComponent),
+      multi: true
+    }
+  ]
+})
+export class EntityFilterViewComponent implements ControlValueAccessor {
+
+  constructor(private translate: TranslateService) {}
+
+  filterDisplayValue: string;
+  filter: EntityAliasFilter;
+
+  registerOnChange(fn: any): void {
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState?(isDisabled: boolean): void {
+  }
+
+  writeValue(filter: EntityAliasFilter): void {
+    this.filter = filter;
+    if (this.filter && this.filter.type) {
+      let entityType: EntityType | AliasEntityType;
+      let prefix: string;
+      let allEntitiesText;
+      let anyRelationText;
+      let relationTypeText;
+      let rootEntityText;
+      let directionText;
+      switch (this.filter.type) {
+        case AliasFilterType.singleEntity:
+          entityType = this.filter.singleEntity.entityType;
+          this.filterDisplayValue = this.translate.instant(entityTypeTranslations.get(entityType).list,
+            {count: 1});
+          break;
+        case AliasFilterType.entityList:
+          entityType = this.filter.entityType;
+          const count = this.filter.entityList.length;
+          this.filterDisplayValue = this.translate.instant(entityTypeTranslations.get(entityType).list,
+            {count});
+          break;
+        case AliasFilterType.entityName:
+          entityType = this.filter.entityType;
+          prefix = this.filter.entityNameFilter;
+          this.filterDisplayValue = this.translate.instant(entityTypeTranslations.get(entityType).nameStartsWith,
+            {prefix});
+          break;
+        case AliasFilterType.stateEntity:
+          this.filterDisplayValue = this.translate.instant('alias.filter-type-state-entity-description');
+          break;
+        case AliasFilterType.assetType:
+          const assetType = this.filter.assetType;
+          prefix = this.filter.assetNameFilter;
+          if (prefix && prefix.length) {
+            this.filterDisplayValue = this.translate.instant('alias.filter-type-asset-type-and-name-description',
+              {assetType, prefix});
+          } else {
+            this.filterDisplayValue = this.translate.instant('alias.filter-type-asset-type-description',
+              {assetType});
+          }
+          break;
+        case AliasFilterType.deviceType:
+          const deviceType = this.filter.deviceType;
+          prefix = this.filter.deviceNameFilter;
+          if (prefix && prefix.length) {
+            this.filterDisplayValue = this.translate.instant('alias.filter-type-device-type-and-name-description',
+              {deviceType, prefix});
+          } else {
+            this.filterDisplayValue = this.translate.instant('alias.filter-type-device-type-description',
+              {deviceType});
+          }
+          break;
+        case AliasFilterType.entityViewType:
+          const entityViewType = this.filter.entityViewType;
+          prefix = this.filter.entityViewNameFilter;
+          if (prefix && prefix.length) {
+            this.filterDisplayValue = this.translate.instant('alias.filter-type-entity-view-type-and-name-description',
+              {entityViewType, prefix});
+          } else {
+            this.filterDisplayValue = this.translate.instant('alias.filter-type-entity-view-type-description',
+              {entityViewType});
+          }
+          break;
+        case AliasFilterType.relationsQuery:
+          allEntitiesText = this.translate.instant('alias.all-entities');
+          anyRelationText = this.translate.instant('alias.any-relation');
+          if (this.filter.rootStateEntity) {
+            rootEntityText = this.translate.instant('alias.state-entity');
+          } else {
+            rootEntityText = this.translate.instant(entityTypeTranslations.get(this.filter.rootEntity.entityType).type);
+          }
+          directionText = this.translate.instant('relation.direction-type.' + this.filter.direction);
+          const relationFilters = this.filter.filters;
+          if (relationFilters && relationFilters.length) {
+            const relationFiltersDisplayValues = [];
+            relationFilters.forEach((relationFilter) => {
+              let entitiesText;
+              if (relationFilter.entityTypes && relationFilter.entityTypes.length) {
+                const entitiesNamesList = [];
+                relationFilter.entityTypes.forEach((filterEntityType) => {
+                  entitiesNamesList.push(
+                    this.translate.instant(entityTypeTranslations.get(filterEntityType).typePlural)
+                  );
+                });
+                entitiesText = entitiesNamesList.join(', ');
+              } else {
+                entitiesText = allEntitiesText;
+              }
+              if (relationFilter.relationType && relationFilter.relationType.length) {
+                relationTypeText = `'${relationFilter.relationType}'`;
+              } else {
+                relationTypeText = anyRelationText;
+              }
+              const relationFilterDisplayValue = this.translate.instant('alias.filter-type-relations-query-description',
+                {
+                  entities: entitiesText,
+                  relationType: relationTypeText,
+                  direction: directionText,
+                  rootEntity: rootEntityText
+                }
+              );
+              relationFiltersDisplayValues.push(relationFilterDisplayValue);
+            });
+            this.filterDisplayValue = relationFiltersDisplayValues.join(', ');
+          } else {
+            this.filterDisplayValue = this.translate.instant('alias.filter-type-relations-query-description',
+              {
+                entities: allEntitiesText,
+                relationType: anyRelationText,
+                direction: directionText,
+                rootEntity: rootEntityText
+              }
+            );
+          }
+          break;
+        case AliasFilterType.assetSearchQuery:
+        case AliasFilterType.deviceSearchQuery:
+        case AliasFilterType.entityViewSearchQuery:
+          allEntitiesText = this.translate.instant('alias.all-entities');
+          anyRelationText = this.translate.instant('alias.any-relation');
+          if (this.filter.rootStateEntity) {
+            rootEntityText = this.translate.instant('alias.state-entity');
+          } else {
+            rootEntityText = this.translate.instant(entityTypeTranslations.get(this.filter.rootEntity.entityType).type);
+          }
+          directionText = this.translate.instant('relation.direction-type.' + this.filter.direction);
+          if (this.filter.relationType && this.filter.relationType.length) {
+            relationTypeText = `'${filter.relationType}'`;
+          } else {
+            relationTypeText = anyRelationText;
+          }
+
+          const translationValues: any = {
+            relationType: relationTypeText,
+            direction: directionText,
+            rootEntity: rootEntityText
+          };
+
+          if (this.filter.type === AliasFilterType.assetSearchQuery) {
+            const assetTypesQuoted = [];
+            this.filter.assetTypes.forEach((filterAssetType) => {
+              assetTypesQuoted.push(`'${filterAssetType}'`);
+            });
+            const assetTypesText = assetTypesQuoted.join(', ');
+            translationValues.assetTypes = assetTypesText;
+            this.filterDisplayValue = this.translate.instant('alias.filter-type-asset-search-query-description',
+              translationValues
+            );
+          } else if (this.filter.type === AliasFilterType.deviceSearchQuery) {
+            const deviceTypesQuoted = [];
+            this.filter.deviceTypes.forEach((filterDeviceType) => {
+              deviceTypesQuoted.push(`'${filterDeviceType}'`);
+            });
+            const deviceTypesText = deviceTypesQuoted.join(', ');
+            translationValues.deviceTypes = deviceTypesText;
+            this.filterDisplayValue = this.translate.instant('alias.filter-type-device-search-query-description',
+              translationValues
+            );
+          } else if (this.filter.type === AliasFilterType.entityViewSearchQuery) {
+            const entityViewTypesQuoted = [];
+            this.filter.entityViewTypes.forEach((filterEntityViewType) => {
+              entityViewTypesQuoted.push(`'${filterEntityViewType}'`);
+            });
+            const entityViewTypesText = entityViewTypesQuoted.join(', ');
+            translationValues.entityViewTypes = entityViewTypesText;
+            this.filterDisplayValue = this.translate.instant('alias.filter-type-entity-view-search-query-description',
+              translationValues
+            );
+          }
+          break;
+        default:
+          this.filterDisplayValue = this.filter.type;
+          break;
+      }
+    } else {
+      this.filterDisplayValue = '';
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/entity/entity-filter.component.html b/ui-ngx/src/app/modules/home/components/entity/entity-filter.component.html
new file mode 100644
index 0000000000..05247b5e04
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/entity-filter.component.html
@@ -0,0 +1,244 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div fxLayout="column" [formGroup]="entityFilterFormGroup" class="tb-entity-filter">
+  <mat-form-field class="mat-block">
+    <mat-label translate>alias.filter-type</mat-label>
+    <mat-select required matInput formControlName="type">
+      <mat-option *ngFor="let type of aliasFilterTypes" [value]="type">
+        {{aliasFilterTypeTranslations.get(type) | translate}}
+      </mat-option>
+    </mat-select>
+    <mat-error *ngIf="entityFilterFormGroup.get('type').hasError('required')">
+      {{ 'alias.filter-type-required' | translate }}
+    </mat-error>
+  </mat-form-field>
+  <section fxLayout="column" [formGroup]="filterFormGroup" [ngSwitch]="entityFilterFormGroup.get('type').value">
+    <ng-template [ngSwitchCase]="aliasFilterType.singleEntity">
+      <tb-entity-select required
+                        useAliasEntityTypes="true"
+                        formControlName="singleEntity">
+      </tb-entity-select>
+    </ng-template>
+    <ng-template [ngSwitchCase]="aliasFilterType.entityList">
+      <tb-entity-type-select required
+                             showLabel
+                             [allowedEntityTypes]="allowedEntityTypes"
+                             formControlName="entityType">
+      </tb-entity-type-select>
+      <tb-entity-list required
+                      [entityType]="filterFormGroup.get('entityType').value"
+                      formControlName="entityList">
+      </tb-entity-list>
+    </ng-template>
+    <ng-template [ngSwitchCase]="aliasFilterType.entityName">
+      <tb-entity-type-select required
+                             showLabel
+                             [allowedEntityTypes]="allowedEntityTypes"
+                             formControlName="entityType">
+      </tb-entity-type-select>
+      <mat-form-field class="mat-block">
+        <mat-label translate>entity.name-starts-with</mat-label>
+        <input matInput formControlName="entityNameFilter" required>
+        <mat-error *ngIf="filterFormGroup.get('entityNameFilter').hasError('required')">
+          {{ 'entity.entity-name-filter-required' | translate }}
+        </mat-error>
+      </mat-form-field>
+    </ng-template>
+    <ng-template [ngSwitchCase]="aliasFilterType.stateEntity">
+      <mat-form-field floatLabel="always" class="mat-block">
+        <mat-label translate>alias.state-entity-parameter-name</mat-label>
+        <input matInput formControlName="stateEntityParamName"
+               placeholder="{{ 'alias.default-entity-parameter-name' | translate }}">
+      </mat-form-field>
+      <div fxLayout="column">
+        <label class="tb-small">{{ 'alias.default-state-entity' | translate }}</label>
+        <tb-entity-select fxFlex
+                          useAliasEntityTypes="true"
+                          formControlName="defaultStateEntity">
+        </tb-entity-select>
+      </div>
+    </ng-template>
+    <ng-template [ngSwitchCase]="aliasFilterType.assetType">
+      <tb-entity-subtype-autocomplete required
+                                      formControlName="assetType"
+                                      [entityType]="entityType.ASSET">
+      </tb-entity-subtype-autocomplete>
+      <mat-form-field class="mat-block">
+        <mat-label translate>asset.name-starts-with</mat-label>
+        <input matInput formControlName="assetNameFilter">
+      </mat-form-field>
+    </ng-template>
+    <ng-template [ngSwitchCase]="aliasFilterType.deviceType">
+      <tb-entity-subtype-autocomplete required
+                                      formControlName="deviceType"
+                                      [entityType]="entityType.DEVICE">
+      </tb-entity-subtype-autocomplete>
+      <mat-form-field class="mat-block">
+        <mat-label translate>device.name-starts-with</mat-label>
+        <input matInput formControlName="deviceNameFilter">
+      </mat-form-field>
+    </ng-template>
+    <ng-template [ngSwitchCase]="aliasFilterType.entityViewType">
+      <tb-entity-subtype-autocomplete required
+                                      formControlName="entityViewType"
+                                      [entityType]="entityType.ENTITY_VIEW">
+      </tb-entity-subtype-autocomplete>
+      <mat-form-field class="mat-block">
+        <mat-label translate>entity-view.name-starts-with</mat-label>
+        <input matInput formControlName="entityViewNameFilter">
+      </mat-form-field>
+    </ng-template>
+    <ng-template [ngSwitchCase]="aliasFilterType.relationsQuery">
+      <section fxLayout="column" id="relationsQueryFilter">
+        <label class="tb-small">{{ 'alias.root-entity' | translate }}</label>
+        <section class="tb-root-state-entity-switch" fxLayout="row" fxLayoutAlign="start center" style="padding-left: 0px;">
+          <mat-slide-toggle class="root-state-entity-switch"
+                            formControlName="rootStateEntity">
+          </mat-slide-toggle>
+          <label class="tb-small root-state-entity-label" translate>alias.root-state-entity</label>
+        </section>
+        <div fxFlex fxLayout="row" *ngIf="!filterFormGroup.get('rootStateEntity').value">
+          <tb-entity-select fxFlex
+                            required
+                            useAliasEntityTypes="true"
+                            formControlName="rootEntity">
+          </tb-entity-select>
+        </div>
+        <div fxFlex fxLayout="row" *ngIf="filterFormGroup.get('rootStateEntity').value">
+          <mat-form-field floatLabel="always" class="mat-block" style="margin-top: 14px; padding-right: 8px;">
+            <mat-label translate>alias.state-entity-parameter-name</mat-label>
+            <input matInput formControlName="stateEntityParamName"
+                   placeholder="{{ 'alias.default-entity-parameter-name' | translate }}">
+          </mat-form-field>
+          <div fxFlex fxLayout="column">
+            <label class="tb-small">{{ 'alias.default-state-entity' | translate }}</label>
+            <tb-entity-select fxFlex
+                              useAliasEntityTypes="true"
+                              formControlName="defaultStateEntity">
+            </tb-entity-select>
+          </div>
+        </div>
+        <div fxFlex fxLayoutGap="8px" fxLayout="row">
+          <mat-form-field class="mat-block" style="min-width: 100px;">
+            <mat-label translate>relation.direction</mat-label>
+            <mat-select required matInput formControlName="direction">
+              <mat-option *ngFor="let type of directionTypes" [value]="type">
+                {{ directionTypeTranslations.get(directionTypeEnum[type]) | translate }}
+              </mat-option>
+            </mat-select>
+          </mat-form-field>
+          <mat-form-field fxFlex floatLabel="always" class="mat-block">
+            <mat-label translate>alias.max-relation-level</mat-label>
+            <input matInput
+                   type="number"
+                   min="1"
+                   step="1"
+                   placeholder="{{ 'alias.unlimited-level' | translate }}"
+                   formControlName="maxLevel">
+          </mat-form-field>
+        </div>
+        <div class="mat-caption" style="padding-bottom: 10px; color: rgba(0,0,0,0.57);" translate>relation.relation-filters</div>
+        <tb-relation-filters
+          [allowedEntityTypes]="allowedEntityTypes"
+          formControlName="filters">
+        </tb-relation-filters>
+      </section>
+    </ng-template>
+    <ng-template [ngSwitchCase]="entityFilterFormGroup.get('type').value === aliasFilterType.assetSearchQuery ||
+                                 entityFilterFormGroup.get('type').value === aliasFilterType.deviceSearchQuery ||
+                                 entityFilterFormGroup.get('type').value === aliasFilterType.entityViewSearchQuery ?
+                                 entityFilterFormGroup.get('type').value : ''">
+      <label class="tb-small">{{ 'alias.root-entity' | translate }}</label>
+      <section class="tb-root-state-entity-switch" fxLayout="row" fxLayoutAlign="start center" style="padding-left: 0px;">
+        <mat-slide-toggle class="root-state-entity-switch"
+                          formControlName="rootStateEntity">
+        </mat-slide-toggle>
+        <label class="tb-small root-state-entity-label" translate>alias.root-state-entity</label>
+      </section>
+      <div fxFlex fxLayout="row" *ngIf="!filterFormGroup.get('rootStateEntity').value">
+        <tb-entity-select fxFlex
+                          required
+                          useAliasEntityTypes="true"
+                          formControlName="rootEntity">
+        </tb-entity-select>
+      </div>
+      <div fxFlex fxLayout="row" *ngIf="filterFormGroup.get('rootStateEntity').value">
+        <mat-form-field floatLabel="always" class="mat-block" style="margin-top: 14px; padding-right: 8px;">
+          <mat-label translate>alias.state-entity-parameter-name</mat-label>
+          <input matInput formControlName="stateEntityParamName"
+                 placeholder="{{ 'alias.default-entity-parameter-name' | translate }}">
+        </mat-form-field>
+        <div fxFlex fxLayout="column">
+          <label class="tb-small">{{ 'alias.default-state-entity' | translate }}</label>
+          <tb-entity-select fxFlex
+                            useAliasEntityTypes="true"
+                            formControlName="defaultStateEntity">
+          </tb-entity-select>
+        </div>
+      </div>
+      <div fxFlex fxLayoutGap="8px" fxLayout="row">
+        <mat-form-field class="mat-block" style="min-width: 100px;">
+          <mat-label translate>relation.direction</mat-label>
+          <mat-select required matInput formControlName="direction">
+            <mat-option *ngFor="let type of directionTypes" [value]="type">
+              {{ directionTypeTranslations.get(directionTypeEnum[type]) | translate }}
+            </mat-option>
+          </mat-select>
+        </mat-form-field>
+        <mat-form-field fxFlex floatLabel="always" class="mat-block">
+          <mat-label translate>alias.max-relation-level</mat-label>
+          <input matInput
+                 type="number"
+                 min="1"
+                 step="1"
+                 placeholder="{{ 'alias.unlimited-level' | translate }}"
+                 formControlName="maxLevel">
+        </mat-form-field>
+      </div>
+      <div class="mat-caption" style="color: rgba(0,0,0,0.57);" translate>relation.relation-type</div>
+      <tb-relation-type-autocomplete
+        fxFlex
+        formControlName="relationType">
+      </tb-relation-type-autocomplete>
+    </ng-template>
+    <ng-template [ngSwitchCase]="aliasFilterType.assetSearchQuery">
+      <div class="mat-caption tb-required" style="color: rgba(0,0,0,0.57);" translate>asset.asset-types</div>
+      <tb-entity-subtype-list
+        required
+        [entityType]="entityType.ASSET"
+        formControlName="assetTypes">
+      </tb-entity-subtype-list>
+    </ng-template>
+    <ng-template [ngSwitchCase]="aliasFilterType.deviceSearchQuery">
+      <div class="mat-caption tb-required" style="color: rgba(0,0,0,0.57);" translate>device.device-types</div>
+      <tb-entity-subtype-list
+        required
+        [entityType]="entityType.DEVICE"
+        formControlName="deviceTypes">
+      </tb-entity-subtype-list>
+    </ng-template>
+    <ng-template [ngSwitchCase]="aliasFilterType.entityViewSearchQuery">
+      <div class="mat-caption tb-required" style="color: rgba(0,0,0,0.57);" translate>entity-view.entity-view-types</div>
+      <tb-entity-subtype-list
+        required
+        [entityType]="entityType.ENTITY_VIEW"
+        formControlName="entityViewTypes">
+      </tb-entity-subtype-list>
+    </ng-template>
+  </section>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/entity/entity-filter.component.scss b/ui-ngx/src/app/modules/home/components/entity/entity-filter.component.scss
new file mode 100644
index 0000000000..267e0a5773
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/entity-filter.component.scss
@@ -0,0 +1,38 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .tb-entity-filter {
+    #relationsQueryFilter {
+      padding-top: 20px;
+
+      tb-entity-select {
+        min-height: 92px;
+      }
+    }
+
+    .tb-root-state-entity-switch {
+      padding-left: 10px;
+
+      .root-state-entity-switch {
+        margin: 0;
+      }
+
+      .root-state-entity-label {
+        margin: 5px 0 5px 10px;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/entity/entity-filter.component.ts b/ui-ngx/src/app/modules/home/components/entity/entity-filter.component.ts
new file mode 100644
index 0000000000..ecaaad5fd2
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/entity-filter.component.ts
@@ -0,0 +1,219 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, EventEmitter, forwardRef, Input, OnInit, Output } from '@angular/core';
+import {
+  ControlValueAccessor,
+  FormBuilder, FormControl,
+  FormGroup,
+  NG_VALUE_ACCESSOR,
+  ValidatorFn,
+  Validators
+} from '@angular/forms';
+import { AliasFilterType, aliasFilterTypeTranslationMap, EntityAliasFilter } from '@shared/models/alias.models';
+import { AliasEntityType, EntityType } from '@shared/models/entity-type.models';
+import { TranslateService } from '@ngx-translate/core';
+import { EntityService } from '@core/http/entity.service';
+import { EntitySearchDirection, entitySearchDirectionTranslations } from '@shared/models/relation.models';
+
+@Component({
+  selector: 'tb-entity-filter',
+  templateUrl: './entity-filter.component.html',
+  styleUrls: ['./entity-filter.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => EntityFilterComponent),
+      multi: true
+    }
+  ]
+})
+export class EntityFilterComponent implements ControlValueAccessor, OnInit {
+
+  @Input() disabled: boolean;
+
+  @Input() allowedEntityTypes: Array<EntityType | AliasEntityType>;
+
+  @Input() resolveMultiple: boolean;
+
+  @Output() resolveMultipleChanged: EventEmitter<boolean> = new EventEmitter<boolean>();
+
+  entityFilterFormGroup: FormGroup;
+  filterFormGroup: FormGroup;
+
+  aliasFilterTypes: Array<AliasFilterType>;
+
+  aliasFilterType = AliasFilterType;
+  aliasFilterTypeTranslations = aliasFilterTypeTranslationMap;
+  entityType = EntityType;
+
+  directionTypes = Object.keys(EntitySearchDirection);
+  directionTypeTranslations = entitySearchDirectionTranslations;
+  directionTypeEnum = EntitySearchDirection;
+
+  private propagateChange = null;
+
+  constructor(private translate: TranslateService,
+              private entityService: EntityService,
+              private fb: FormBuilder) {
+  }
+
+  ngOnInit(): void {
+
+    this.aliasFilterTypes = this.entityService.getAliasFilterTypesByEntityTypes(this.allowedEntityTypes);
+
+    this.entityFilterFormGroup = this.fb.group({
+      type: [null, [Validators.required]]
+    });
+    this.entityFilterFormGroup.get('type').valueChanges.subscribe((type: AliasFilterType) => {
+      this.filterTypeChanged(type);
+    });
+    this.entityFilterFormGroup.valueChanges.subscribe(() => {
+      this.updateModel();
+    });
+    this.filterFormGroup = this.fb.group({});
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState?(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(filter: EntityAliasFilter): void {
+    if (!filter) {
+      filter = {
+        type: null,
+        resolveMultiple: this.resolveMultiple
+      };
+    }
+    this.entityFilterFormGroup.get('type').patchValue(filter.type, {emitEvent: false});
+    if (filter && filter.type) {
+      this.updateFilterFormGroup(filter.type, filter);
+    }
+  }
+
+  private updateFilterFormGroup(type: AliasFilterType, filter?: EntityAliasFilter) {
+    switch (type) {
+      case AliasFilterType.singleEntity:
+        this.filterFormGroup = this.fb.group({
+          singleEntity: [filter ? filter.singleEntity : null, [Validators.required]]
+        });
+        break;
+      case AliasFilterType.entityList:
+        this.filterFormGroup = this.fb.group({
+          entityType: [filter ? filter.entityType : null, [Validators.required]],
+          entityList: [filter ? filter.entityList : [], [Validators.required]],
+        });
+        break;
+      case AliasFilterType.entityName:
+        this.filterFormGroup = this.fb.group({
+          entityType: [filter ? filter.entityType : null, [Validators.required]],
+          entityNameFilter: [filter ? filter.entityNameFilter : '', [Validators.required]],
+        });
+        break;
+      case AliasFilterType.stateEntity:
+        this.filterFormGroup = this.fb.group({
+          stateEntityParamName: [filter ? filter.stateEntityParamName : null, []],
+          defaultStateEntity: [filter ? filter.defaultStateEntity : null, []],
+        });
+        break;
+      case AliasFilterType.assetType:
+        this.filterFormGroup = this.fb.group({
+          assetType: [filter ? filter.assetType : null, [Validators.required]],
+          assetNameFilter: [filter ? filter.assetNameFilter : '', []],
+        });
+        break;
+      case AliasFilterType.deviceType:
+        this.filterFormGroup = this.fb.group({
+          deviceType: [filter ? filter.deviceType : null, [Validators.required]],
+          deviceNameFilter: [filter ? filter.deviceNameFilter : '', []],
+        });
+        break;
+      case AliasFilterType.entityViewType:
+        this.filterFormGroup = this.fb.group({
+          entityViewType: [filter ? filter.entityViewType : null, [Validators.required]],
+          entityViewNameFilter: [filter ? filter.entityViewNameFilter : '', []],
+        });
+        break;
+      case AliasFilterType.relationsQuery:
+      case AliasFilterType.assetSearchQuery:
+      case AliasFilterType.deviceSearchQuery:
+      case AliasFilterType.entityViewSearchQuery:
+        this.filterFormGroup = this.fb.group({
+          rootStateEntity: [filter ? filter.rootStateEntity : false, []],
+          stateEntityParamName: [filter ? filter.stateEntityParamName : null, []],
+          defaultStateEntity: [filter ? filter.defaultStateEntity : null, []],
+          rootEntity: [filter ? filter.rootEntity : null, (filter && filter.rootStateEntity) ? [] : [Validators.required]],
+          direction: [filter ? filter.direction : EntitySearchDirection.FROM, [Validators.required]],
+          maxLevel: [filter ? filter.maxLevel : 1, []],
+        });
+        this.filterFormGroup.get('rootStateEntity').valueChanges.subscribe((rootStateEntity: boolean) => {
+          this.filterFormGroup.get('rootEntity').setValidators(rootStateEntity ? [] : [Validators.required]);
+          this.filterFormGroup.get('rootEntity').updateValueAndValidity();
+        });
+        if (type === AliasFilterType.relationsQuery) {
+          this.filterFormGroup.addControl('filters',
+            this.fb.control(filter ? filter.filters : [], []));
+        } else {
+          this.filterFormGroup.addControl('relationType',
+            this.fb.control(filter ? filter.relationType : null, []));
+          if (type === AliasFilterType.assetSearchQuery) {
+            this.filterFormGroup.addControl('assetTypes',
+              this.fb.control(filter ? filter.assetTypes : [], [Validators.required]));
+          } else if (type === AliasFilterType.deviceSearchQuery) {
+            this.filterFormGroup.addControl('deviceTypes',
+              this.fb.control(filter ? filter.deviceTypes : [], [Validators.required]));
+          } else if (type === AliasFilterType.entityViewSearchQuery) {
+            this.filterFormGroup.addControl('entityViewTypes',
+              this.fb.control(filter ? filter.entityViewTypes : [], [Validators.required]));
+          }
+        }
+        break;
+    }
+    this.filterFormGroup.valueChanges.subscribe(() => {
+      this.updateModel();
+    });
+  }
+
+  private filterTypeChanged(type: AliasFilterType) {
+    let resolveMultiple = true;
+    if (type === AliasFilterType.singleEntity || type === AliasFilterType.stateEntity) {
+      resolveMultiple = false;
+    }
+    if (this.resolveMultiple !== resolveMultiple) {
+      this.resolveMultipleChanged.emit(resolveMultiple);
+    }
+    this.updateFilterFormGroup(type);
+  }
+
+  private updateModel() {
+    let filter = null;
+    if (this.entityFilterFormGroup.valid && this.filterFormGroup.valid) {
+      filter = {
+        type: this.entityFilterFormGroup.get('type').value,
+        resolveMultiple: this.resolveMultiple
+      };
+      filter = {...filter, ...this.filterFormGroup.value};
+    }
+    this.propagateChange(filter);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/entity/entity-table-header.component.ts b/ui-ngx/src/app/modules/home/components/entity/entity-table-header.component.ts
new file mode 100644
index 0000000000..a61f78ec3e
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/entity-table-header.component.ts
@@ -0,0 +1,37 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { BaseData, HasId } from '@shared/models/base-data';
+import { PageComponent } from '@shared/components/page.component';
+import { Input, OnInit, Directive } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityTableConfig } from '@home/models/entity/entities-table-config.models';
+
+@Directive()
+export abstract class EntityTableHeaderComponent<T extends BaseData<HasId>> extends PageComponent implements OnInit {
+
+  @Input()
+  entitiesTableConfig: EntityTableConfig<T>;
+
+  protected constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/entity/entity-tabs.component.ts b/ui-ngx/src/app/modules/home/components/entity/entity-tabs.component.ts
new file mode 100644
index 0000000000..90a695d6f4
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/entity-tabs.component.ts
@@ -0,0 +1,103 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { BaseData, HasId } from '@shared/models/base-data';
+import { PageComponent } from '@shared/components/page.component';
+import { AfterViewInit, ContentChildren, EventEmitter, Input, OnInit, Output, QueryList, ViewChildren, Directive } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityTableConfig } from '@home/models/entity/entities-table-config.models';
+import { MatTab } from '@angular/material/tabs';
+import { EntityAction } from '@home/models/entity/entity-component.models';
+import { BehaviorSubject } from 'rxjs';
+import { Authority } from '@app/shared/models/authority.enum';
+import { selectAuthUser, getCurrentAuthUser } from '@core/auth/auth.selectors';
+import { AuthUser } from '@shared/models/user.model';
+import { EntityType } from '@shared/models/entity-type.models';
+import { AuditLogMode } from '@shared/models/audit-log.models';
+import { DebugEventType, EventType } from '@shared/models/event.models';
+import { AttributeScope, LatestTelemetry } from '@shared/models/telemetry/telemetry.models';
+import { NULL_UUID } from '@shared/models/id/has-uuid';
+
+@Directive()
+export abstract class EntityTabsComponent<T extends BaseData<HasId>> extends PageComponent implements OnInit, AfterViewInit {
+
+  attributeScopes = AttributeScope;
+  latestTelemetryTypes = LatestTelemetry;
+
+  authorities = Authority;
+
+  entityTypes = EntityType;
+
+  auditLogModes = AuditLogMode;
+
+  eventTypes = EventType;
+
+  debugEventTypes = DebugEventType;
+
+  authUser: AuthUser;
+
+  nullUid = NULL_UUID;
+
+  entityValue: T;
+
+  @ViewChildren(MatTab) entityTabs: QueryList<MatTab>;
+
+  isEditValue: boolean;
+
+  @Input()
+  set isEdit(isEdit: boolean) {
+    this.isEditValue = isEdit;
+  }
+
+  get isEdit() {
+    return this.isEditValue;
+  }
+
+  @Input()
+  set entity(entity: T) {
+    this.entityValue = entity;
+  }
+
+  get entity(): T {
+    return this.entityValue;
+  }
+
+  @Input()
+  entitiesTableConfig: EntityTableConfig<T>;
+
+  private entityTabsSubject = new BehaviorSubject<Array<MatTab>>(null);
+
+  entityTabsChanged = this.entityTabsSubject.asObservable();
+
+  protected constructor(protected store: Store<AppState>) {
+    super(store);
+    this.authUser = getCurrentAuthUser(store);
+  }
+
+  ngOnInit() {
+  }
+
+  ngAfterViewInit(): void {
+    this.entityTabsSubject.next(this.entityTabs.toArray());
+    this.entityTabs.changes.subscribe(
+      () => {
+        this.entityTabsSubject.next(this.entityTabs.toArray());
+      }
+    );
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/entity/entity.component.ts b/ui-ngx/src/app/modules/home/components/entity/entity.component.ts
new file mode 100644
index 0000000000..fbe7de41e8
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/entity/entity.component.ts
@@ -0,0 +1,111 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { BaseData, HasId } from '@shared/models/base-data';
+import { FormGroup, NgForm } from '@angular/forms';
+import { PageComponent } from '@shared/components/page.component';
+import { EventEmitter, Input, OnInit, Output, ViewChild, Directive } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityAction } from '@home/models/entity/entity-component.models';
+import { EntityTableConfig } from '@home/models/entity/entities-table-config.models';
+
+@Directive()
+export abstract class EntityComponent<T extends BaseData<HasId>> extends PageComponent implements OnInit {
+
+  entityValue: T;
+  entityForm: FormGroup;
+
+  @ViewChild('entityNgForm', {static: true}) entityNgForm: NgForm;
+
+  isEditValue: boolean;
+
+  @Input()
+  set isEdit(isEdit: boolean) {
+    this.isEditValue = isEdit;
+    this.updateFormState();
+  }
+
+  get isEdit() {
+    return this.isEditValue;
+  }
+
+  get isAdd(): boolean {
+    return this.entityValue && !this.entityValue.id;
+  }
+
+  @Input()
+  set entity(entity: T) {
+    this.entityValue = entity;
+    if (this.entityForm) {
+      this.entityForm.reset();
+      this.updateForm(entity);
+    }
+  }
+
+  get entity(): T {
+    return this.entityValue;
+  }
+
+  @Input()
+  entitiesTableConfig: EntityTableConfig<T>;
+
+  @Output()
+  entityAction = new EventEmitter<EntityAction<T>>();
+
+  protected constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit() {
+    this.entityForm = this.buildForm(this.entityValue);
+  }
+
+  onEntityAction($event: Event, action: string) {
+    const entityAction = {event: $event, action, entity: this.entity} as EntityAction<T>;
+    let handled = false;
+    if (this.entitiesTableConfig) {
+      handled = this.entitiesTableConfig.onEntityAction(entityAction);
+    }
+    if (!handled) {
+      this.entityAction.emit(entityAction);
+    }
+  }
+
+  updateFormState() {
+    if (this.entityForm) {
+      if (this.isEditValue) {
+        this.entityForm.enable({emitEvent: false});
+      } else {
+        this.entityForm.disable({emitEvent: false});
+      }
+    }
+  }
+
+  entityFormValue() {
+    const formValue = this.entityForm ? {...this.entityForm.value} : {};
+    return this.prepareFormValue(formValue);
+  }
+
+  prepareFormValue(formValue: any): any {
+    return formValue;
+  }
+
+  abstract buildForm(entity: T): FormGroup;
+
+  abstract updateForm(entity: T);
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/event/event-content-dialog.component.html b/ui-ngx/src/app/modules/home/components/event/event-content-dialog.component.html
new file mode 100644
index 0000000000..29ee7364eb
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/event/event-content-dialog.component.html
@@ -0,0 +1,40 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-toolbar fxLayout="row" color="primary">
+  <h2 translate>{{ title }}</h2>
+  <span fxFlex></span>
+  <button mat-button mat-icon-button
+          [mat-dialog-close]="false"
+          type="button">
+    <mat-icon class="material-icons">close</mat-icon>
+  </button>
+</mat-toolbar>
+<div mat-dialog-content fxLayout="column">
+  <div #eventContentEditor class="tb-event-content">
+  </div>
+</div>
+<div mat-dialog-actions fxLayout="row">
+  <span fxFlex></span>
+  <button mat-button color="primary"
+          style="margin-right: 20px;"
+          type="button"
+          [disabled]="(isLoading$ | async)"
+          [mat-dialog-close]="false" cdkFocusInitial>
+    {{ 'action.close' | translate }}
+  </button>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/event/event-content-dialog.component.scss b/ui-ngx/src/app/modules/home/components/event/event-content-dialog.component.scss
new file mode 100644
index 0000000000..b3765502d4
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/event/event-content-dialog.component.scss
@@ -0,0 +1,23 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .tb-event-content {
+    width: 100%;
+    min-width: 400px;
+    height: 100%;
+    min-height: 50px;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/event/event-content-dialog.component.ts b/ui-ngx/src/app/modules/home/components/event/event-content-dialog.component.ts
new file mode 100644
index 0000000000..e0359354a9
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/event/event-content-dialog.component.ts
@@ -0,0 +1,116 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, ElementRef, Inject, OnInit, Renderer2, ViewChild } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+
+import * as ace from 'ace-builds';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { Router } from '@angular/router';
+import { ContentType, contentTypesMap } from '@shared/models/constants';
+
+export interface EventContentDialogData {
+  content: string;
+  title: string;
+  contentType: ContentType;
+}
+
+@Component({
+  selector: 'tb-event-content-dialog',
+  templateUrl: './event-content-dialog.component.html',
+  styleUrls: ['./event-content-dialog.component.scss']
+})
+export class EventContentDialogComponent extends DialogComponent<EventContentDialogData> implements OnInit {
+
+  @ViewChild('eventContentEditor', {static: true})
+  eventContentEditorElmRef: ElementRef;
+  private eventContentEditor: ace.Ace.Editor;
+
+  content: string;
+  title: string;
+  contentType: ContentType;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: EventContentDialogData,
+              public dialogRef: MatDialogRef<EventContentDialogComponent>,
+              private renderer: Renderer2) {
+    super(store, router, dialogRef);
+  }
+
+  ngOnInit(): void {
+    this.content = this.data.content;
+    this.title = this.data.title;
+    this.contentType = this.data.contentType;
+
+    this.eventContentEditor = this.createEditor(this.eventContentEditorElmRef, this.content);
+  }
+
+  createEditor(editorElementRef: ElementRef, content: string): ace.Ace.Editor {
+    const editorElement = editorElementRef.nativeElement;
+    let mode = 'java';
+    if (this.contentType) {
+      mode = contentTypesMap.get(this.contentType).code;
+      if (this.contentType === ContentType.JSON && content) {
+        content = js_beautify(content, {indent_size: 4});
+      }
+    }
+    let editorOptions: Partial<ace.Ace.EditorOptions> = {
+      mode: `ace/mode/${mode}`,
+      theme: 'ace/theme/github',
+      showGutter: false,
+      showPrintMargin: false,
+      readOnly: true
+    };
+
+    const advancedOptions = {
+      enableSnippets: false,
+      enableBasicAutocompletion: false,
+      enableLiveAutocompletion: false
+    };
+
+    editorOptions = {...editorOptions, ...advancedOptions};
+    const editor = ace.edit(editorElement, editorOptions);
+    editor.session.setUseWrapMode(false);
+    editor.setValue(content, -1);
+    this.updateEditorSize(editorElement, content, editor);
+    return editor;
+  }
+
+  updateEditorSize(editorElement: any, content: string, editor: ace.Ace.Editor) {
+    let newHeight = 400;
+    let newWidth = 600;
+    if (content && content.length > 0) {
+      const lines = content.split('\n');
+      newHeight = 16 * lines.length + 16;
+      let maxLineLength = 0;
+      lines.forEach((row) => {
+        const line = row.replace(/\t/g, '    ').replace(/\n/g, '');
+        const lineLength = line.length;
+        maxLineLength = Math.max(maxLineLength, lineLength);
+      });
+      newWidth = 8 * maxLineLength + 16;
+    }
+    // newHeight = Math.min(400, newHeight);
+    this.renderer.setStyle(editorElement, 'minHeight', newHeight.toString() + 'px');
+    this.renderer.setStyle(editorElement, 'height', newHeight.toString() + 'px');
+    this.renderer.setStyle(editorElement, 'width', newWidth.toString() + 'px');
+    editor.resize();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/event/event-table-config.ts b/ui-ngx/src/app/modules/home/components/event/event-table-config.ts
new file mode 100644
index 0000000000..2e998b209f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/event/event-table-config.ts
@@ -0,0 +1,246 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  DateEntityTableColumn,
+  EntityActionTableColumn,
+  EntityTableColumn,
+  EntityTableConfig
+} from '@home/models/entity/entities-table-config.models';
+import { DebugEventType, Event, EventType } from '@shared/models/event.models';
+import { TimePageLink } from '@shared/models/page/page-link';
+import { TranslateService } from '@ngx-translate/core';
+import { DatePipe } from '@angular/common';
+import { MatDialog } from '@angular/material/dialog';
+import { EntityId } from '@shared/models/id/entity-id';
+import { EventService } from '@app/core/http/event.service';
+import { EventTableHeaderComponent } from '@home/components/event/event-table-header.component';
+import { EntityTypeResource } from '@shared/models/entity-type.models';
+import { Observable } from 'rxjs';
+import { PageData } from '@shared/models/page/page-data';
+import { Direction } from '@shared/models/page/sort-order';
+import { DialogService } from '@core/services/dialog.service';
+import { ContentType } from '@shared/models/constants';
+import {
+  EventContentDialogComponent,
+  EventContentDialogData
+} from '@home/components/event/event-content-dialog.component';
+
+export class EventTableConfig extends EntityTableConfig<Event, TimePageLink> {
+
+  eventTypeValue: EventType | DebugEventType;
+
+  set eventType(eventType: EventType | DebugEventType) {
+    if (this.eventTypeValue !== eventType) {
+      this.eventTypeValue = eventType;
+      this.updateColumns(true);
+    }
+  }
+
+  get eventType(): EventType | DebugEventType {
+    return this.eventTypeValue;
+  }
+
+  eventTypes: Array<EventType | DebugEventType>;
+
+  constructor(private eventService: EventService,
+              private dialogService: DialogService,
+              private translate: TranslateService,
+              private datePipe: DatePipe,
+              private dialog: MatDialog,
+              public entityId: EntityId,
+              public tenantId: string,
+              private defaultEventType: EventType | DebugEventType,
+              private disabledEventTypes: Array<EventType | DebugEventType> = null,
+              private debugEventTypes: Array<DebugEventType> = null) {
+    super();
+    this.loadDataOnInit = false;
+    this.tableTitle = '';
+    this.useTimePageLink = true;
+    this.detailsPanelEnabled = false;
+    this.selectionEnabled = false;
+    this.searchEnabled = false;
+    this.addEnabled = false;
+    this.entitiesDeleteEnabled = false;
+
+    this.headerComponent = EventTableHeaderComponent;
+
+    this.eventTypes = Object.keys(EventType).map(type => EventType[type]);
+
+    if (disabledEventTypes && disabledEventTypes.length) {
+      this.eventTypes = this.eventTypes.filter(type => disabledEventTypes.indexOf(type) === -1);
+    }
+
+    if (debugEventTypes && debugEventTypes.length) {
+      this.eventTypes = [...this.eventTypes, ...debugEventTypes];
+    }
+
+    this.eventTypeValue = defaultEventType;
+
+    this.entityTranslations = {
+      noEntities: 'event.no-events-prompt'
+    };
+    this.entityResources = {
+    } as EntityTypeResource;
+    this.entitiesFetchFunction = pageLink => this.fetchEvents(pageLink);
+
+    this.defaultSortOrder = {property: 'createdTime', direction: Direction.DESC};
+
+    this.updateColumns();
+  }
+
+  fetchEvents(pageLink: TimePageLink): Observable<PageData<Event>> {
+    return this.eventService.getEvents(this.entityId, this.eventType, this.tenantId, pageLink);
+  }
+
+  updateColumns(updateTableColumns: boolean = false): void {
+    this.columns = [];
+    this.columns.push(
+      new DateEntityTableColumn<Event>('createdTime', 'event.event-time', this.datePipe, '120px'),
+      new EntityTableColumn<Event>('server', 'event.server', '100px',
+        (entity) => entity.body.server, entity => ({}), false));
+    switch (this.eventType) {
+      case EventType.ERROR:
+        this.columns.push(
+        new EntityTableColumn<Event>('method', 'event.method', '100%',
+          (entity) => entity.body.method, entity => ({}), false),
+          new EntityActionTableColumn<Event>('error', 'event.error',
+            {
+              name: this.translate.instant('action.view'),
+              icon: 'more_horiz',
+              isEnabled: (entity) => entity.body.error && entity.body.error.length > 0,
+              onAction: ($event, entity) => this.showContent($event, entity.body.error, 'event.error')
+            },
+            '100px')
+        );
+        break;
+      case EventType.LC_EVENT:
+        this.columns.push(
+          new EntityTableColumn<Event>('method', 'event.event', '100%',
+            (entity) => entity.body.event, entity => ({}), false),
+          new EntityTableColumn<Event>('status', 'event.status', '100%',
+            (entity) =>
+              this.translate.instant(entity.body.success ? 'event.success' : 'event.failed'), entity => ({}), false),
+          new EntityActionTableColumn<Event>('error', 'event.error',
+            {
+              name: this.translate.instant('action.view'),
+              icon: 'more_horiz',
+              isEnabled: (entity) => entity.body.error && entity.body.error.length > 0,
+              onAction: ($event, entity) => this.showContent($event, entity.body.error, 'event.error')
+            },
+            '100px')
+        );
+        break;
+      case EventType.STATS:
+        this.columns.push(
+          new EntityTableColumn<Event>('messagesProcessed', 'event.messages-processed', '50%',
+            (entity) => entity.body.messagesProcessed + '',
+            () => ({}),
+            false,
+            () => ({}), () => undefined, true),
+          new EntityTableColumn<Event>('errorsOccurred', 'event.errors-occurred', '50%',
+            (entity) => entity.body.errorsOccurred + '',
+            () => ({}),
+            false,
+            () => ({}), () => undefined, true)
+        );
+        break;
+      case DebugEventType.DEBUG_RULE_NODE:
+      case DebugEventType.DEBUG_RULE_CHAIN:
+        this.columns[0].width = '100px';
+        this.columns.push(
+          new EntityTableColumn<Event>('type', 'event.type', '40px',
+            (entity) => entity.body.type, entity => ({
+              padding: '0 12px 0 0',
+            }), false, key => ({
+              padding: '0 12px 0 0'
+            })),
+          new EntityTableColumn<Event>('entity', 'event.entity', '100px',
+            (entity) => entity.body.entityName, entity => ({
+              padding: '0 12px 0 0',
+            }), false, key => ({
+              padding: '0 12px 0 0'
+            })),
+          new EntityTableColumn<Event>('msgId', 'event.message-id', '100px',
+            (entity) => entity.body.msgId, entity => ({
+              whiteSpace: 'nowrap',
+              padding: '0 12px 0 0'
+            }), false, key => ({
+              padding: '0 12px 0 0'
+            }),
+            entity => entity.body.msgId),
+          new EntityTableColumn<Event>('msgType', 'event.message-type', '100px',
+            (entity) => entity.body.msgType, entity => ({
+              whiteSpace: 'nowrap',
+              padding: '0 12px 0 0'
+            }), false, key => ({
+              padding: '0 12px 0 0'
+            }),
+            entity => entity.body.msgType),
+          new EntityTableColumn<Event>('relationType', 'event.relation-type', '100px',
+            (entity) => entity.body.relationType, entity => ({padding: '0 12px 0 0', }), false, key => ({
+              padding: '0 12px 0 0'
+            })),
+          new EntityActionTableColumn<Event>('data', 'event.data',
+            {
+              name: this.translate.instant('action.view'),
+              icon: 'more_horiz',
+              isEnabled: (entity) => entity.body.data ? entity.body.data.length > 0 : false,
+              onAction: ($event, entity) => this.showContent($event, entity.body.data,
+                'event.data', entity.body.dataType)
+            },
+            '40px'),
+          new EntityActionTableColumn<Event>('metadata', 'event.metadata',
+            {
+              name: this.translate.instant('action.view'),
+              icon: 'more_horiz',
+              isEnabled: (entity) => entity.body.metadata ? entity.body.metadata.length > 0 : false,
+              onAction: ($event, entity) => this.showContent($event, entity.body.metadata,
+                'event.metadata', ContentType.JSON)
+            },
+            '40px'),
+          new EntityActionTableColumn<Event>('error', 'event.error',
+            {
+              name: this.translate.instant('action.view'),
+              icon: 'more_horiz',
+              isEnabled: (entity) => entity.body.error && entity.body.error.length > 0,
+              onAction: ($event, entity) => this.showContent($event, entity.body.error,
+                'event.error')
+            },
+            '40px')
+        );
+        break;
+    }
+    if (updateTableColumns) {
+      this.table.columnsUpdated(true);
+    }
+  }
+
+  showContent($event: MouseEvent, content: string, title: string, contentType: ContentType = null): void {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialog.open<EventContentDialogComponent, EventContentDialogData>(EventContentDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        content,
+        title,
+        contentType
+      }
+    });
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/event/event-table-header.component.html b/ui-ngx/src/app/modules/home/components/event/event-table-header.component.html
new file mode 100644
index 0000000000..9662e33af9
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/event/event-table-header.component.html
@@ -0,0 +1,26 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field class="mat-block" style="width: 200px;">
+  <mat-label translate>event.event-type</mat-label>
+  <mat-select matInput [ngModel]="eventTableConfig.eventType"
+              (ngModelChange)="eventTypeChanged($event)">
+    <mat-option *ngFor="let type of eventTableConfig.eventTypes" [value]="type">
+      {{ eventTypeTranslationsMap.get(type) | translate }}
+    </mat-option>
+  </mat-select>
+</mat-form-field>
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/TenantServiceNoSqlTest.java b/ui-ngx/src/app/modules/home/components/event/event-table-header.component.scss
similarity index 69%
rename from dao/src/test/java/org/thingsboard/server/dao/service/nosql/TenantServiceNoSqlTest.java
rename to ui-ngx/src/app/modules/home/components/event/event-table-header.component.scss
index 6d878995f0..aa9f8d742d 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/TenantServiceNoSqlTest.java
+++ b/ui-ngx/src/app/modules/home/components/event/event-table-header.component.scss
@@ -13,11 +13,23 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.service.nosql;
+:host {
+/*  flex: 1;
+  display: flex;
+  justify-content: flex-start; */
+  padding-right: 8px;
+}
+
+:host ::ng-deep {
+  mat-form-field {
+    font-size: 16px;
 
-import org.thingsboard.server.dao.service.BaseTenantServiceTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
+    .mat-form-field-wrapper {
+      padding-bottom: 0;
+    }
 
-@DaoNoSqlTest
-public class TenantServiceNoSqlTest extends BaseTenantServiceTest {
+    .mat-form-field-underline {
+      bottom: 0;
+    }
+  }
 }
diff --git a/ui-ngx/src/app/modules/home/components/event/event-table-header.component.ts b/ui-ngx/src/app/modules/home/components/event/event-table-header.component.ts
new file mode 100644
index 0000000000..7380f5f7b2
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/event/event-table-header.component.ts
@@ -0,0 +1,45 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityTableHeaderComponent } from '../../components/entity/entity-table-header.component';
+import { DebugEventType, Event, EventType, eventTypeTranslations } from '@app/shared/models/event.models';
+import { EventTableConfig } from '@home/components/event/event-table-config';
+
+@Component({
+  selector: 'tb-event-table-header',
+  templateUrl: './event-table-header.component.html',
+  styleUrls: ['./event-table-header.component.scss']
+})
+export class EventTableHeaderComponent extends EntityTableHeaderComponent<Event> {
+
+  eventTypeTranslationsMap = eventTypeTranslations;
+
+  get eventTableConfig(): EventTableConfig {
+    return this.entitiesTableConfig as EventTableConfig;
+  }
+
+  constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  eventTypeChanged(eventType: EventType | DebugEventType) {
+    this.eventTableConfig.eventType = eventType;
+    this.eventTableConfig.table.updateData();
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/event/event-table.component.html b/ui-ngx/src/app/modules/home/components/event/event-table.component.html
new file mode 100644
index 0000000000..d8f0277a6c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/event/event-table.component.html
@@ -0,0 +1,18 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<tb-entities-table [entitiesTableConfig]="eventTableConfig"></tb-entities-table>
diff --git a/ui-ngx/src/app/modules/home/components/event/event-table.component.scss b/ui-ngx/src/app/modules/home/components/event/event-table.component.scss
new file mode 100644
index 0000000000..719941ef46
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/event/event-table.component.scss
@@ -0,0 +1,22 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host ::ng-deep {
+  tb-entities-table {
+    .mat-drawer-container {
+      background-color: white;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/event/event-table.component.ts b/ui-ngx/src/app/modules/home/components/event/event-table.component.ts
new file mode 100644
index 0000000000..9469711db7
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/event/event-table.component.ts
@@ -0,0 +1,112 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Input, OnInit, ViewChild } from '@angular/core';
+import { AuditLogService } from '@core/http/audit-log.service';
+import { TranslateService } from '@ngx-translate/core';
+import { DatePipe } from '@angular/common';
+import { MatDialog } from '@angular/material/dialog';
+import { AuditLogMode } from '@shared/models/audit-log.models';
+import { EntityId } from '@shared/models/id/entity-id';
+import { UserId } from '@shared/models/id/user-id';
+import { CustomerId } from '@shared/models/id/customer-id';
+import { AuditLogTableConfig } from '@home/components/audit-log/audit-log-table-config';
+import { EntitiesTableComponent } from '@home/components/entity/entities-table.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { Authority } from '@shared/models/authority.enum';
+import { getCurrentAuthUser } from '@core/auth/auth.selectors';
+import { EventTableConfig } from './event-table-config';
+import { EventService } from '@core/http/event.service';
+import { DialogService } from '@core/services/dialog.service';
+import { DebugEventType, EventType } from '@shared/models/event.models';
+
+@Component({
+  selector: 'tb-event-table',
+  templateUrl: './event-table.component.html',
+  styleUrls: ['./event-table.component.scss']
+})
+export class EventTableComponent implements OnInit {
+
+  @Input()
+  tenantId: string;
+
+  @Input()
+  defaultEventType: EventType | DebugEventType;
+
+  @Input()
+  disabledEventTypes: Array<EventType | DebugEventType>;
+
+  @Input()
+  debugEventTypes: Array<DebugEventType>;
+
+  activeValue = false;
+  dirtyValue = false;
+  entityIdValue: EntityId;
+
+  @Input()
+  set active(active: boolean) {
+    if (this.activeValue !== active) {
+      this.activeValue = active;
+      if (this.activeValue && this.dirtyValue) {
+        this.dirtyValue = false;
+        this.entitiesTable.updateData();
+      }
+    }
+  }
+
+  @Input()
+  set entityId(entityId: EntityId) {
+    this.entityIdValue = entityId;
+    if (this.eventTableConfig && this.eventTableConfig.entityId !== entityId) {
+      this.eventTableConfig.eventType = this.defaultEventType;
+      this.eventTableConfig.entityId = entityId;
+      this.entitiesTable.resetSortAndFilter(this.activeValue);
+      if (!this.activeValue) {
+        this.dirtyValue = true;
+      }
+    }
+  }
+
+  @ViewChild(EntitiesTableComponent, {static: true}) entitiesTable: EntitiesTableComponent;
+
+  eventTableConfig: EventTableConfig;
+
+  constructor(private eventService: EventService,
+              private dialogService: DialogService,
+              private translate: TranslateService,
+              private datePipe: DatePipe,
+              private dialog: MatDialog,
+              private store: Store<AppState>) {
+  }
+
+  ngOnInit() {
+    this.dirtyValue = !this.activeValue;
+    this.eventTableConfig = new EventTableConfig(
+      this.eventService,
+      this.dialogService,
+      this.translate,
+      this.datePipe,
+      this.dialog,
+      this.entityIdValue,
+      this.tenantId,
+      this.defaultEventType,
+      this.disabledEventTypes,
+      this.debugEventTypes
+    );
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/home-components.module.ts b/ui-ngx/src/app/modules/home/components/home-components.module.ts
new file mode 100644
index 0000000000..8ae0c6c90a
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/home-components.module.ts
@@ -0,0 +1,167 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@app/shared/shared.module';
+import { AddEntityDialogComponent } from '@home/components/entity/add-entity-dialog.component';
+import { EntitiesTableComponent } from '@home/components/entity/entities-table.component';
+import { DetailsPanelComponent } from '@home/components/details-panel.component';
+import { EntityDetailsPanelComponent } from '@home/components/entity/entity-details-panel.component';
+import { ContactComponent } from '@home/components/contact.component';
+import { AuditLogDetailsDialogComponent } from '@home/components/audit-log/audit-log-details-dialog.component';
+import { AuditLogTableComponent } from '@home/components/audit-log/audit-log-table.component';
+import { EventTableHeaderComponent } from '@home/components/event/event-table-header.component';
+import { EventTableComponent } from '@home/components/event/event-table.component';
+import { RelationTableComponent } from '@home/components/relation/relation-table.component';
+import { RelationDialogComponent } from '@home/components/relation/relation-dialog.component';
+import { AlarmTableHeaderComponent } from '@home/components/alarm/alarm-table-header.component';
+import { AlarmTableComponent } from '@home/components/alarm/alarm-table.component';
+import { AttributeTableComponent } from '@home/components/attribute/attribute-table.component';
+import { AddAttributeDialogComponent } from '@home/components/attribute/add-attribute-dialog.component';
+import { EditAttributeValuePanelComponent } from '@home/components/attribute/edit-attribute-value-panel.component';
+import { DashboardComponent } from '@home/components/dashboard/dashboard.component';
+import { WidgetComponent } from '@home/components/widget/widget.component';
+import { WidgetComponentService } from '@home/components/widget/widget-component.service';
+import { LegendComponent } from '@home/components/widget/legend.component';
+import { AliasesEntitySelectPanelComponent } from '@home/components/alias/aliases-entity-select-panel.component';
+import { AliasesEntitySelectComponent } from '@home/components/alias/aliases-entity-select.component';
+import { WidgetConfigComponent } from '@home/components/widget/widget-config.component';
+import { EntityAliasesDialogComponent } from '@home/components/alias/entity-aliases-dialog.component';
+import { EntityFilterViewComponent } from '@home/components/entity/entity-filter-view.component';
+import { EntityAliasDialogComponent } from '@home/components/alias/entity-alias-dialog.component';
+import { EntityFilterComponent } from '@home/components/entity/entity-filter.component';
+import { RelationFiltersComponent } from '@home/components/relation/relation-filters.component';
+import { EntityAliasSelectComponent } from '@home/components/alias/entity-alias-select.component';
+import { DataKeysComponent } from '@home/components/widget/data-keys.component';
+import { DataKeyConfigDialogComponent } from '@home/components/widget/data-key-config-dialog.component';
+import { DataKeyConfigComponent } from '@home/components/widget/data-key-config.component';
+import { LegendConfigPanelComponent } from '@home/components/widget/legend-config-panel.component';
+import { LegendConfigComponent } from '@home/components/widget/legend-config.component';
+import { ManageWidgetActionsComponent } from '@home/components/widget/action/manage-widget-actions.component';
+import { WidgetActionDialogComponent } from '@home/components/widget/action/widget-action-dialog.component';
+import { CustomActionPrettyResourcesTabsComponent } from '@home/components/widget/action/custom-action-pretty-resources-tabs.component';
+import { CustomActionPrettyEditorComponent } from '@home/components/widget/action/custom-action-pretty-editor.component';
+import { CustomDialogService } from '@home/components/widget/dialog/custom-dialog.service';
+import { CustomDialogContainerComponent } from '@home/components/widget/dialog/custom-dialog-container.component';
+import { ImportExportService } from '@home/components/import-export/import-export.service';
+import { ImportDialogComponent } from '@home/components/import-export/import-dialog.component';
+import { AddWidgetToDashboardDialogComponent } from '@home/components/attribute/add-widget-to-dashboard-dialog.component';
+import { ImportDialogCsvComponent } from '@home/components/import-export/import-dialog-csv.component';
+import { TableColumnsAssignmentComponent } from '@home/components/import-export/table-columns-assignment.component';
+import { EventContentDialogComponent } from '@home/components/event/event-content-dialog.component';
+import { SharedHomeComponentsModule } from '@home/components/shared-home-components.module';
+import { SelectTargetLayoutDialogComponent } from '@home/components/dashboard/select-target-layout-dialog.component';
+import { SelectTargetStateDialogComponent } from '@home/components/dashboard/select-target-state-dialog.component';
+
+@NgModule({
+  declarations:
+    [
+      EntitiesTableComponent,
+      AddEntityDialogComponent,
+      DetailsPanelComponent,
+      EntityDetailsPanelComponent,
+      ContactComponent,
+      AuditLogTableComponent,
+      AuditLogDetailsDialogComponent,
+      EventContentDialogComponent,
+      EventTableHeaderComponent,
+      EventTableComponent,
+      RelationTableComponent,
+      RelationDialogComponent,
+      RelationFiltersComponent,
+      AlarmTableHeaderComponent,
+      AlarmTableComponent,
+      AttributeTableComponent,
+      AddAttributeDialogComponent,
+      EditAttributeValuePanelComponent,
+      AliasesEntitySelectPanelComponent,
+      AliasesEntitySelectComponent,
+      EntityAliasesDialogComponent,
+      EntityAliasDialogComponent,
+      DashboardComponent,
+      WidgetComponent,
+      LegendComponent,
+      WidgetConfigComponent,
+      EntityFilterViewComponent,
+      EntityFilterComponent,
+      EntityAliasSelectComponent,
+      DataKeysComponent,
+      DataKeyConfigComponent,
+      DataKeyConfigDialogComponent,
+      LegendConfigPanelComponent,
+      LegendConfigComponent,
+      ManageWidgetActionsComponent,
+      WidgetActionDialogComponent,
+      CustomActionPrettyResourcesTabsComponent,
+      CustomActionPrettyEditorComponent,
+      CustomDialogContainerComponent,
+      ImportDialogComponent,
+      ImportDialogCsvComponent,
+      SelectTargetLayoutDialogComponent,
+      SelectTargetStateDialogComponent,
+      AddWidgetToDashboardDialogComponent,
+      TableColumnsAssignmentComponent
+    ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    SharedHomeComponentsModule
+  ],
+  exports: [
+    EntitiesTableComponent,
+    AddEntityDialogComponent,
+    DetailsPanelComponent,
+    EntityDetailsPanelComponent,
+    ContactComponent,
+    AuditLogTableComponent,
+    EventTableComponent,
+    RelationTableComponent,
+    RelationFiltersComponent,
+    AlarmTableComponent,
+    AttributeTableComponent,
+    AliasesEntitySelectComponent,
+    EntityAliasesDialogComponent,
+    EntityAliasDialogComponent,
+    DashboardComponent,
+    WidgetComponent,
+    LegendComponent,
+    WidgetConfigComponent,
+    EntityFilterViewComponent,
+    EntityFilterComponent,
+    EntityAliasSelectComponent,
+    DataKeysComponent,
+    DataKeyConfigComponent,
+    DataKeyConfigDialogComponent,
+    LegendConfigComponent,
+    ManageWidgetActionsComponent,
+    WidgetActionDialogComponent,
+    CustomActionPrettyResourcesTabsComponent,
+    CustomActionPrettyEditorComponent,
+    CustomDialogContainerComponent,
+    ImportDialogComponent,
+    ImportDialogCsvComponent,
+    TableColumnsAssignmentComponent,
+    SelectTargetLayoutDialogComponent,
+    SelectTargetStateDialogComponent
+  ],
+  providers: [
+    WidgetComponentService,
+    CustomDialogService,
+    ImportExportService
+  ]
+})
+export class HomeComponentsModule { }
diff --git a/ui-ngx/src/app/modules/home/components/import-export/import-dialog-csv.component.html b/ui-ngx/src/app/modules/home/components/import-export/import-dialog-csv.component.html
new file mode 100644
index 0000000000..2f9598015c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/import-export/import-dialog-csv.component.html
@@ -0,0 +1,144 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form>
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>{{ importTitle }}</h2>
+    <span fxFlex></span>
+    <div [tb-help]="'entitiesImport'"></div>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            [disabled]="isImportData"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div mat-dialog-content>
+    <mat-vertical-stepper [linear]="true" [selectedIndex]="selectedIndex" #importStepper>
+      <mat-step [stepControl]="selectFileFormGroup">
+        <form [formGroup]="selectFileFormGroup">
+          <ng-template matStepLabel>{{ 'import.stepper-text.select-file' | translate }}</ng-template>
+          <fieldset [disabled]="isLoading$ | async">
+            <tb-file-input formControlName="importData"
+                           required
+                           label="{{importFileLabel | translate}}"
+                           [allowedExtensions]="'csv'"
+                           [accept]="'.csv,application/csv,text/csv'"
+                           dropLabel="{{'import.drop-file-csv' | translate}}">
+            </tb-file-input>
+          </fieldset>
+        </form>
+        <div fxLayout="row">
+          <span fxFlex></span>
+          <button mat-button
+                  style="margin-right: 20px;"
+                  [disabled]="(isLoading$ | async)"
+                  (click)="cancel()">{{ 'action.cancel' | translate }}</button>
+          <button mat-button mat-raised-button
+                  [disabled]="(isLoading$ | async) || selectFileFormGroup.invalid || !selectFileFormGroup.dirty"
+                  color="primary"
+                  (click)="nextStep(2)">{{ 'action.continue' | translate }}</button>
+        </div>
+      </mat-step>
+      <mat-step [stepControl]="importParametersFormGroup">
+        <form [formGroup]="importParametersFormGroup">
+          <ng-template matStepLabel>{{ 'import.stepper-text.configuration' | translate }}</ng-template>
+          <fieldset [disabled]="isLoading$ | async" fxLayout="column">
+            <mat-form-field class="mat-block">
+              <mat-label translate>import.csv-delimiter</mat-label>
+              <mat-select required matInput formControlName="delim">
+                <mat-option *ngFor="let delimiter of delimiters" [value]="delimiter.key">
+                  {{ delimiter.value }}
+                </mat-option>
+              </mat-select>
+            </mat-form-field>
+            <div fxLayout="column" fxLayoutGap="12px">
+              <mat-checkbox formControlName="isHeader">
+                {{ 'import.csv-first-line-header' | translate }}
+              </mat-checkbox>
+              <mat-checkbox formControlName="isUpdate">
+                {{ 'import.csv-update-data' | translate }}
+              </mat-checkbox>
+            </div>
+          </fieldset>
+        </form>
+        <div fxLayout="row">
+          <button mat-button
+                  [disabled]="(isLoading$ | async)"
+                  (click)="previousStep()">{{ 'action.back' | translate }}</button>
+          <span fxFlex></span>
+          <button mat-button
+                  style="margin-right: 20px;"
+                  [disabled]="(isLoading$ | async)"
+                  (click)="cancel()">{{ 'action.cancel' | translate }}</button>
+          <button mat-button mat-raised-button
+                  [disabled]="(isLoading$ | async)"
+                  color="primary"
+                  (click)="nextStep(3)">{{ 'action.continue' | translate }}</button>
+        </div>
+      </mat-step>
+      <mat-step [stepControl]="columnTypesFormGroup">
+        <form [formGroup]="columnTypesFormGroup">
+          <ng-template matStepLabel>{{ 'import.stepper-text.column-type' | translate }}</ng-template>
+          <tb-table-columns-assignment formControlName="columnsParam" [entityType]="entityType"></tb-table-columns-assignment>
+        </form>
+        <div fxLayout="row">
+          <button mat-button
+                  [disabled]="(isLoading$ | async)"
+                  (click)="previousStep()">{{ 'action.back' | translate }}</button>
+          <span fxFlex></span>
+          <button mat-button
+                  style="margin-right: 20px;"
+                  [disabled]="(isLoading$ | async)"
+                  (click)="cancel()">{{ 'action.cancel' | translate }}</button>
+          <button mat-button mat-raised-button
+                  [disabled]="(isLoading$ | async) || columnTypesFormGroup.invalid || !columnTypesFormGroup.dirty"
+                  color="primary"
+                  (click)="nextStep(4)">{{ 'action.continue' | translate }}</button>
+        </div>
+      </mat-step>
+      <mat-step>
+        <ng-template matStepLabel>{{ 'import.stepper-text.creat-entities' | translate }}</ng-template>
+        <mat-progress-bar color="warn" class="tb-import-progress" mode="determinate" [value]="progressCreate">
+        </mat-progress-bar>
+      </mat-step>
+      <mat-step>
+        <ng-template matStepLabel>{{ 'import.stepper-text.done' | translate }}</ng-template>
+        <div fxLayout="column">
+          <p class="mat-body-1" *ngIf="this.statistical?.create && this.statistical?.create.entity">
+            {{ translate.instant('import.message.create-entities', {count: this.statistical.create.entity}) }}
+          </p>
+          <p class="mat-body-1" *ngIf="this.statistical?.update && this.statistical?.update.entity">
+            {{ translate.instant('import.message.update-entities', {count: this.statistical.update.entity}) }}
+          </p>
+          <p class="mat-body-1" *ngIf="this.statistical?.error && this.statistical?.error.entity">
+            {{ translate.instant('import.message.error-entities', {count: this.statistical.error.entity}) }}
+          </p>
+        </div>
+        <div fxLayout="row">
+          <span fxFlex></span>
+          <button mat-button mat-raised-button
+                  [disabled]="(isLoading$ | async)"
+                  color="primary"
+                  (click)="nextStep(6)">{{ 'action.ok' | translate }}</button>
+        </div>
+      </mat-step>
+    </mat-vertical-stepper>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/components/import-export/import-dialog-csv.component.scss b/ui-ngx/src/app/modules/home/components/import-export/import-dialog-csv.component.scss
new file mode 100644
index 0000000000..9be9def15f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/import-export/import-dialog-csv.component.scss
@@ -0,0 +1,31 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host ::ng-deep {
+  .mat-dialog-content {
+    .mat-vertical-content {
+      form {
+        overflow: hidden !important;
+        padding-bottom: 12px;
+      }
+    }
+    .mat-vertical-stepper-header {
+      pointer-events: none !important;
+    }
+    .tb-import-progress{
+      margin: 7px 0;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/import-export/import-dialog-csv.component.ts b/ui-ngx/src/app/modules/home/components/import-export/import-dialog-csv.component.ts
new file mode 100644
index 0000000000..7897d24feb
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/import-export/import-dialog-csv.component.ts
@@ -0,0 +1,268 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit, ViewChild } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@app/shared/components/dialog.component';
+import { EntityType } from '@shared/models/entity-type.models';
+import { TranslateService } from '@ngx-translate/core';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { MatVerticalStepper } from '@angular/material/stepper';
+import {
+  convertCSVToJson,
+  CsvColumnParam,
+  CsvToJsonConfig,
+  CsvToJsonResult,
+  ImportEntityColumnType
+} from '@home/components/import-export/import-export.models';
+import { ImportEntitiesResultInfo, ImportEntityData } from '@app/shared/models/entity.models';
+import { ImportExportService } from '@home/components/import-export/import-export.service';
+
+export interface ImportDialogCsvData {
+  entityType: EntityType;
+  importTitle: string;
+  importFileLabel: string;
+}
+
+@Component({
+  selector: 'tb-import-csv-dialog',
+  templateUrl: './import-dialog-csv.component.html',
+  providers: [],
+  styleUrls: ['./import-dialog-csv.component.scss']
+})
+export class ImportDialogCsvComponent extends DialogComponent<ImportDialogCsvComponent, boolean>
+  implements OnInit {
+
+  @ViewChild('importStepper', {static: true}) importStepper: MatVerticalStepper;
+
+  entityType: EntityType;
+  importTitle: string;
+  importFileLabel: string;
+
+  delimiters: {key: string, value: string}[] = [{
+    key: ',',
+    value: ','
+  }, {
+    key: ';',
+    value: ';'
+  }, {
+    key: '|',
+    value: '|'
+  }, {
+    key: '\t',
+    value: 'Tab'
+  }];
+
+  selectedIndex = 0;
+
+  selectFileFormGroup: FormGroup;
+  importParametersFormGroup: FormGroup;
+  columnTypesFormGroup: FormGroup;
+
+  isImportData = false;
+  progressCreate = 0;
+  statistical: ImportEntitiesResultInfo;
+
+  private parseData: CsvToJsonResult;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: ImportDialogCsvData,
+              public dialogRef: MatDialogRef<ImportDialogCsvComponent, boolean>,
+              public translate: TranslateService,
+              private importExport: ImportExportService,
+              private fb: FormBuilder) {
+    super(store, router, dialogRef);
+    this.entityType = data.entityType;
+    this.importTitle = data.importTitle;
+    this.importFileLabel = data.importFileLabel;
+
+    this.selectFileFormGroup = this.fb.group(
+      {
+        importData: [null, [Validators.required]]
+      }
+    );
+    this.importParametersFormGroup = this.fb.group({
+      delim: [',', [Validators.required]],
+      isHeader: [true, []],
+      isUpdate: [true, []],
+    });
+    this.columnTypesFormGroup = this.fb.group({
+      columnsParam: [[], []]
+    });
+  }
+
+  ngOnInit(): void {
+  }
+
+  cancel(): void {
+    this.dialogRef.close(false);
+  }
+
+  previousStep() {
+    this.importStepper.previous();
+  }
+
+  nextStep(step: number) {
+    switch (step) {
+      case 2:
+        this.importStepper.next();
+        break;
+      case 3:
+        const importData: string = this.selectFileFormGroup.get('importData').value;
+        const parseData = this.parseCSV(importData);
+        if (parseData === -1) {
+          this.importStepper.previous();
+          this.importStepper.selected.reset();
+        } else {
+          this.parseData = parseData as CsvToJsonResult;
+          const columnsParam = this.createColumnsData();
+          this.columnTypesFormGroup.patchValue({columnsParam}, {emitEvent: true});
+          this.importStepper.next();
+        }
+        break;
+      case 4:
+        this.importStepper.next();
+        this.isImportData = true;
+        this.addEntities();
+        break;
+      case 6:
+        this.dialogRef.close(true);
+        break;
+    }
+  }
+
+  private parseCSV(importData: string): CsvToJsonResult | number {
+    const config: CsvToJsonConfig = {
+      delim: this.importParametersFormGroup.get('delim').value,
+      header: this.importParametersFormGroup.get('isHeader').value
+    };
+    return convertCSVToJson(importData, config,
+      (messageId, params) => {
+        this.store.dispatch(new ActionNotificationShow(
+          {message: this.translate.instant(messageId, params),
+            type: 'error'}));
+      }
+    );
+  }
+
+  private createColumnsData(): CsvColumnParam[] {
+    const columnsParam: CsvColumnParam[] = [];
+    const isHeader: boolean = this.importParametersFormGroup.get('isHeader').value;
+    for (let i = 0; i < this.parseData.headers.length; i++) {
+      let columnParam: CsvColumnParam;
+      if (isHeader && this.parseData.headers[i].search(/^(name|type|label)$/im) === 0) {
+        columnParam = {
+          type: ImportEntityColumnType[this.parseData.headers[i].toLowerCase()],
+          key: this.parseData.headers[i].toLowerCase(),
+          sampleData: this.parseData.rows[0][i]
+        };
+      } else {
+        columnParam = {
+          type: ImportEntityColumnType.serverAttribute,
+          key: isHeader ? this.parseData.headers[i] : '',
+          sampleData: this.parseData.rows[0][i]
+        };
+      }
+      columnsParam.push(columnParam);
+    }
+    return columnsParam;
+  }
+
+  private addEntities() {
+    const importData = this.parseData;
+    const parameterColumns: CsvColumnParam[] = this.columnTypesFormGroup.get('columnsParam').value;
+    const entitiesData: ImportEntityData[] = [];
+    let sentDataLength = 0;
+    for (let row = 0; row < importData.rows.length; row++) {
+      const entityData: ImportEntityData = {
+        name: '',
+        type: '',
+        description: '',
+        gateway: null,
+        label: '',
+        accessToken: '',
+        attributes: {
+          server: [],
+          shared: []
+        },
+        timeseries: []
+      };
+      const i = row;
+      for (let j = 0; j < parameterColumns.length; j++) {
+        switch (parameterColumns[j].type) {
+          case ImportEntityColumnType.serverAttribute:
+            entityData.attributes.server.push({
+              key: parameterColumns[j].key,
+              value: importData.rows[i][j]
+            });
+            break;
+          case ImportEntityColumnType.timeseries:
+            entityData.timeseries.push({
+              key: parameterColumns[j].key,
+              value: importData.rows[i][j]
+            });
+            break;
+          case ImportEntityColumnType.sharedAttribute:
+            entityData.attributes.shared.push({
+              key: parameterColumns[j].key,
+              value: importData.rows[i][j]
+            });
+            break;
+          case ImportEntityColumnType.accessToken:
+            entityData.accessToken = importData.rows[i][j];
+            break;
+          case ImportEntityColumnType.name:
+            entityData.name = importData.rows[i][j];
+            break;
+          case ImportEntityColumnType.type:
+            entityData.type = importData.rows[i][j];
+            break;
+          case ImportEntityColumnType.label:
+            entityData.label = importData.rows[i][j];
+            break;
+          case ImportEntityColumnType.isGateway:
+            entityData.gateway = importData.rows[i][j];
+            break;
+          case ImportEntityColumnType.description:
+            entityData.description = importData.rows[i][j];
+            break;
+        }
+      }
+      entitiesData.push(entityData);
+    }
+    const createImportEntityCompleted = () => {
+      sentDataLength++;
+      this.progressCreate = Math.round((sentDataLength / importData.rows.length) * 100);
+    };
+
+    const isUpdate: boolean = this.importParametersFormGroup.get('isUpdate').value;
+
+    this.importExport.importEntities(entitiesData, this.entityType, isUpdate,
+      createImportEntityCompleted, {ignoreErrors: true, resendRequest: true}).subscribe(
+      (result) => {
+        this.statistical = result;
+        this.isImportData = false;
+        this.importStepper.next();
+      }
+    );
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/import-export/import-dialog.component.html b/ui-ngx/src/app/modules/home/components/import-export/import-dialog.component.html
new file mode 100644
index 0000000000..a75d2b4bca
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/import-export/import-dialog.component.html
@@ -0,0 +1,60 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #importForm="ngForm" [formGroup]="importFormGroup" (ngSubmit)="importFromJson()">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>{{ importTitle }}</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async">
+      <div fxFlex fxLayout="column">
+        <tb-file-input
+          [contentConvertFunction]="loadDataFromJsonContent"
+          formControlName="jsonContent"
+          required
+          label="{{importFileLabel | translate}}"
+          dropLabel="{{ 'import.drop-file' | translate }}"
+          accept=".json,application/json"
+          allowedExtensions="json">
+        </tb-file-input>
+      </div>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || importFormGroup.invalid || !importFormGroup.dirty">
+      {{ 'action.import' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/components/import-export/import-dialog.component.ts b/ui-ngx/src/app/modules/home/components/import-export/import-dialog.component.ts
new file mode 100644
index 0000000000..20f7a1ee9b
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/import-export/import-dialog.component.ts
@@ -0,0 +1,108 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit, SkipSelf } from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import {
+  AbstractControl,
+  FormArray,
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  FormGroupDirective,
+  NgForm, Validators, ValidatorFn
+} from '@angular/forms';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@app/shared/components/dialog.component';
+import { AttributeData } from '@shared/models/telemetry/telemetry.models';
+import { EntityAlias, EntityAliases, EntityAliasFilter } from '@shared/models/alias.models';
+import { DatasourceType, Widget, widgetType } from '@shared/models/widget.models';
+import { AliasEntityType, EntityType } from '@shared/models/entity-type.models';
+import { UtilsService } from '@core/services/utils.service';
+import { TranslateService } from '@ngx-translate/core';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { DialogService } from '@core/services/dialog.service';
+import { EntityService } from '@core/http/entity.service';
+import { Observable, of } from 'rxjs';
+
+export interface ImportDialogData {
+  importTitle: string;
+  importFileLabel: string;
+}
+
+@Component({
+  selector: 'tb-import-dialog',
+  templateUrl: './import-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: ImportDialogComponent}],
+  styleUrls: []
+})
+export class ImportDialogComponent extends DialogComponent<ImportDialogComponent>
+  implements OnInit, ErrorStateMatcher {
+
+  importTitle: string;
+  importFileLabel: string;
+
+  importFormGroup: FormGroup;
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: ImportDialogData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<ImportDialogComponent>,
+              private fb: FormBuilder) {
+    super(store, router, dialogRef);
+    this.importTitle = data.importTitle;
+    this.importFileLabel = data.importFileLabel;
+
+    this.importFormGroup = this.fb.group({
+      jsonContent: [null, [Validators.required]]
+    });
+  }
+
+  ngOnInit(): void {
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  loadDataFromJsonContent(content: string): any {
+    try {
+      const importData = JSON.parse(content);
+      return importData;
+    } catch (err) {
+      this.store.dispatch(new ActionNotificationShow({message: err.message, type: 'error'}));
+      return null;
+    }
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  importFromJson(): void {
+    this.submitted = true;
+    const importData = this.importFormGroup.get('jsonContent').value;
+    this.dialogRef.close(importData);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/import-export/import-export.models.ts b/ui-ngx/src/app/modules/home/components/import-export/import-export.models.ts
new file mode 100644
index 0000000000..3de12d3969
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/import-export/import-export.models.ts
@@ -0,0 +1,151 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Widget, WidgetType } from '@app/shared/models/widget.models';
+import { DashboardLayoutId } from '@shared/models/dashboard.models';
+import { WidgetsBundle } from '@shared/models/widgets-bundle.model';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { ActionType } from '@shared/models/audit-log.models';
+import { RuleChain, RuleChainMetaData } from '@shared/models/rule-chain.models';
+
+export interface ImportWidgetResult {
+  widget: Widget;
+  layoutId: DashboardLayoutId;
+}
+
+export interface WidgetsBundleItem {
+  widgetsBundle: WidgetsBundle;
+  widgetTypes: WidgetType[];
+}
+
+export interface CsvToJsonConfig {
+  delim?: string;
+  header?: boolean;
+}
+
+export interface CsvToJsonResult {
+  headers?: string[];
+  rows?: any[][];
+}
+
+export enum ImportEntityColumnType {
+  name = 'NAME',
+  type = 'TYPE',
+  label = 'LABEL',
+  clientAttribute = 'CLIENT_ATTRIBUTE',
+  sharedAttribute = 'SHARED_ATTRIBUTE',
+  serverAttribute = 'SERVER_ATTRIBUTE',
+  timeseries = 'TIMESERIES',
+  entityField = 'ENTITY_FIELD',
+  accessToken = 'ACCESS_TOKEN',
+  isGateway = 'IS_GATEWAY',
+  description = 'DESCRIPTION'
+}
+
+export const importEntityObjectColumns =
+  [ImportEntityColumnType.name, ImportEntityColumnType.type, ImportEntityColumnType.accessToken];
+
+export const importEntityColumnTypeTranslations = new Map<ImportEntityColumnType, string>(
+  [
+    [ImportEntityColumnType.name, 'import.column-type.name'],
+    [ImportEntityColumnType.type, 'import.column-type.type'],
+    [ImportEntityColumnType.label, 'import.column-type.label'],
+    [ImportEntityColumnType.clientAttribute, 'import.column-type.client-attribute'],
+    [ImportEntityColumnType.sharedAttribute, 'import.column-type.shared-attribute'],
+    [ImportEntityColumnType.serverAttribute, 'import.column-type.server-attribute'],
+    [ImportEntityColumnType.timeseries, 'import.column-type.timeseries'],
+    [ImportEntityColumnType.entityField, 'import.column-type.entity-field'],
+    [ImportEntityColumnType.accessToken, 'import.column-type.access-token'],
+    [ImportEntityColumnType.isGateway, 'import.column-type.isgateway'],
+    [ImportEntityColumnType.description, 'import.column-type.description'],
+  ]
+);
+
+export interface CsvColumnParam {
+  type: ImportEntityColumnType;
+  key: string;
+  sampleData: any;
+}
+
+export function convertCSVToJson(csvdata: string, config: CsvToJsonConfig,
+                                 onError: (messageId: string, params?: any) => void): CsvToJsonResult | number {
+  config = config || {};
+  const delim = config.delim || ',';
+  const header = config.header || false;
+  const result: CsvToJsonResult = {};
+  const csvlines = csvdata.split(/[\r\n]+/);
+  const csvheaders = splitCSV(csvlines[0], delim);
+  if (csvheaders.length < 2) {
+    onError('import.import-csv-number-columns-error');
+    return -1;
+  }
+  const csvrows = header ? csvlines.slice(1, csvlines.length) : csvlines;
+  result.headers = csvheaders;
+  result.rows = [];
+  for (const row of csvrows) {
+    if (row.length === 0) {
+      break;
+    }
+    const rowitems: any[] = splitCSV(row, delim);
+    if (rowitems.length !== result.headers.length) {
+      onError('import.import-csv-invalid-format-error', {line: (header ? result.rows.length + 2 : result.rows.length + 1)});
+      return -1;
+    }
+    for (let i = 0; i < rowitems.length; i++) {
+      rowitems[i] = convertStringToJSType(rowitems[i]);
+    }
+    result.rows.push(rowitems);
+  }
+  return result;
+}
+
+function splitCSV(str: string, sep: string): string[] {
+  let foo: string[];
+  let x: number;
+  let tl: string;
+  for (foo = str.split(sep = sep || ','), x = foo.length - 1, tl; x >= 0; x--) {
+    if (foo[x].replace(/"\s+$/, '"').charAt(foo[x].length - 1) === '"') {
+      if ((tl = foo[x].replace(/^\s+"/, '"')).length > 1 && tl.charAt(0) === '"') {
+        foo[x] = foo[x].replace(/^\s*"|"\s*$/g, '').replace(/""/g, '"');
+      } else if (x) {
+        foo.splice(x - 1, 2, [foo[x - 1], foo[x]].join(sep));
+      } else {
+        foo = foo.shift().split(sep).concat(foo);
+      }
+    } else {
+      foo[x].replace(/""/g, '"');
+    }
+  }
+  return foo;
+}
+
+function isNumeric(str: any): boolean {
+  str = str.replace(',', '.');
+  return !isNaN(parseFloat(str)) && isFinite(str);
+}
+
+function convertStringToJSType(str: string): any {
+  if (isNumeric(str.replace(',', '.'))) {
+    return parseFloat(str.replace(',', '.'));
+  }
+  if (str.search(/^(true|false)$/im) === 0) {
+    return str.toLowerCase() === 'true';
+  }
+  if (str === '') {
+    return null;
+  }
+  return str;
+}
diff --git a/ui-ngx/src/app/modules/home/components/import-export/import-export.service.ts b/ui-ngx/src/app/modules/home/components/import-export/import-export.service.ts
new file mode 100644
index 0000000000..0bd96e2456
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/import-export/import-export.service.ts
@@ -0,0 +1,726 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Inject, Injectable } from '@angular/core';
+import { DashboardService } from '@core/http/dashboard.service';
+import { TranslateService } from '@ngx-translate/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { Dashboard, DashboardLayoutId } from '@shared/models/dashboard.models';
+import { deepClone, isDefined, isObject, isUndefined } from '@core/utils';
+import { WINDOW } from '@core/services/window.service';
+import { DOCUMENT } from '@angular/common';
+import {
+  AliasesInfo,
+  AliasFilterType,
+  EntityAlias,
+  EntityAliases,
+  EntityAliasFilter,
+  EntityAliasInfo
+} from '@shared/models/alias.models';
+import { MatDialog } from '@angular/material/dialog';
+import { ImportDialogComponent, ImportDialogData } from '@home/components/import-export/import-dialog.component';
+import { forkJoin, Observable, of } from 'rxjs';
+import { catchError, map, mergeMap, tap } from 'rxjs/operators';
+import { DashboardUtilsService } from '@core/services/dashboard-utils.service';
+import { EntityService } from '@core/http/entity.service';
+import { Widget, WidgetSize, WidgetType } from '@shared/models/widget.models';
+import {
+  EntityAliasesDialogComponent,
+  EntityAliasesDialogData
+} from '@home/components/alias/entity-aliases-dialog.component';
+import { ItemBufferService, WidgetItem } from '@core/services/item-buffer.service';
+import { ImportWidgetResult, WidgetsBundleItem } from './import-export.models';
+import { EntityType } from '@shared/models/entity-type.models';
+import { UtilsService } from '@core/services/utils.service';
+import { WidgetService } from '@core/http/widget.service';
+import { NULL_UUID } from '@shared/models/id/has-uuid';
+import { WidgetsBundle } from '@shared/models/widgets-bundle.model';
+import { ImportEntitiesResultInfo, ImportEntityData } from '@shared/models/entity.models';
+import { RequestConfig } from '@core/http/http-utils';
+import { RuleChain, RuleChainImport, RuleChainMetaData } from '@shared/models/rule-chain.models';
+import { RuleChainService } from '@core/http/rule-chain.service';
+
+// @dynamic
+@Injectable()
+export class ImportExportService {
+
+  constructor(@Inject(WINDOW) private window: Window,
+              @Inject(DOCUMENT) private document: Document,
+              private store: Store<AppState>,
+              private translate: TranslateService,
+              private dashboardService: DashboardService,
+              private dashboardUtils: DashboardUtilsService,
+              private widgetService: WidgetService,
+              private entityService: EntityService,
+              private ruleChainService: RuleChainService,
+              private utils: UtilsService,
+              private itembuffer: ItemBufferService,
+              private dialog: MatDialog) {
+
+  }
+
+  public exportDashboard(dashboardId: string) {
+    this.dashboardService.getDashboard(dashboardId).subscribe(
+      (dashboard) => {
+        let name = dashboard.title;
+        name = name.toLowerCase().replace(/\W/g, '_');
+        this.exportToPc(this.prepareDashboardExport(dashboard), name + '.json');
+      },
+      (e) => {
+        this.handleExportError(e, 'dashboard.export-failed-error');
+      }
+    );
+  }
+
+  public importDashboard(): Observable<Dashboard> {
+    return this.openImportDialog('dashboard.import', 'dashboard.dashboard-file').pipe(
+      mergeMap((dashboard: Dashboard) => {
+        if (!this.validateImportedDashboard(dashboard)) {
+          this.store.dispatch(new ActionNotificationShow(
+            {message: this.translate.instant('dashboard.invalid-dashboard-file-error'),
+              type: 'error'}));
+          throw new Error('Invalid dashboard file');
+        } else {
+          dashboard = this.dashboardUtils.validateAndUpdateDashboard(dashboard);
+          let aliasIds = null;
+          const entityAliases = dashboard.configuration.entityAliases;
+          if (entityAliases) {
+            aliasIds = Object.keys(entityAliases);
+          }
+          if (aliasIds && aliasIds.length > 0) {
+            return this.processEntityAliases(entityAliases, aliasIds).pipe(
+              mergeMap((missingEntityAliases) => {
+                if (Object.keys(missingEntityAliases).length > 0) {
+                  return this.editMissingAliases(this.dashboardUtils.getWidgetsArray(dashboard),
+                    false, 'dashboard.dashboard-import-missing-aliases-title',
+                    missingEntityAliases).pipe(
+                    mergeMap((updatedEntityAliases) => {
+                      for (const aliasId of Object.keys(updatedEntityAliases)) {
+                        entityAliases[aliasId] = updatedEntityAliases[aliasId];
+                      }
+                      return this.saveImportedDashboard(dashboard);
+                    })
+                  );
+                } else {
+                  return this.saveImportedDashboard(dashboard);
+                }
+              }
+             ));
+          } else {
+            return this.saveImportedDashboard(dashboard);
+          }
+        }
+      }),
+      catchError((err) => {
+        return of(null);
+      })
+    );
+  }
+
+  public exportWidget(dashboard: Dashboard, sourceState: string, sourceLayout: DashboardLayoutId, widget: Widget) {
+    const widgetItem = this.itembuffer.prepareWidgetItem(dashboard, sourceState, sourceLayout, widget);
+    let name = widgetItem.widget.config.title;
+    name = name.toLowerCase().replace(/\W/g, '_');
+    this.exportToPc(this.prepareExport(widgetItem), name + '.json');
+  }
+
+  public importWidget(dashboard: Dashboard, targetState: string,
+                      targetLayoutFunction: () => Observable<DashboardLayoutId>,
+                      onAliasesUpdateFunction: () => void): Observable<ImportWidgetResult> {
+    return this.openImportDialog('dashboard.import-widget', 'dashboard.widget-file').pipe(
+      mergeMap((widgetItem: WidgetItem) => {
+        if (!this.validateImportedWidget(widgetItem)) {
+          this.store.dispatch(new ActionNotificationShow(
+            {message: this.translate.instant('dashboard.invalid-widget-file-error'),
+              type: 'error'}));
+          throw new Error('Invalid widget file');
+        } else {
+          let widget = widgetItem.widget;
+          widget = this.dashboardUtils.validateAndUpdateWidget(widget);
+          const aliasesInfo = this.prepareAliasesInfo(widgetItem.aliasesInfo);
+          const originalColumns = widgetItem.originalColumns;
+          const originalSize = widgetItem.originalSize;
+
+          const datasourceAliases = aliasesInfo.datasourceAliases;
+          const targetDeviceAliases = aliasesInfo.targetDeviceAliases;
+          if (datasourceAliases || targetDeviceAliases) {
+            const entityAliases: EntityAliases = {};
+            const datasourceAliasesMap: {[aliasId: string]: number} = {};
+            const targetDeviceAliasesMap: {[aliasId: string]: number} = {};
+            let aliasId: string;
+            let datasourceIndex: number;
+            if (datasourceAliases) {
+              for (const strIndex of Object.keys(datasourceAliases)) {
+                datasourceIndex = Number(strIndex);
+                aliasId = this.utils.guid();
+                datasourceAliasesMap[aliasId] = datasourceIndex;
+                entityAliases[aliasId] = {id: aliasId, ...datasourceAliases[datasourceIndex]};
+              }
+            }
+            if (targetDeviceAliases) {
+              for (const strIndex of Object.keys(targetDeviceAliases)) {
+                datasourceIndex = Number(strIndex);
+                aliasId = this.utils.guid();
+                targetDeviceAliasesMap[aliasId] = datasourceIndex;
+                entityAliases[aliasId] = {id: aliasId, ...targetDeviceAliases[datasourceIndex]};
+              }
+            }
+            const aliasIds = Object.keys(entityAliases);
+            if (aliasIds.length > 0) {
+              return this.processEntityAliases(entityAliases, aliasIds).pipe(
+                mergeMap((missingEntityAliases) => {
+                    if (Object.keys(missingEntityAliases).length > 0) {
+                      return this.editMissingAliases([widget],
+                        false, 'dashboard.widget-import-missing-aliases-title',
+                        missingEntityAliases).pipe(
+                        mergeMap((updatedEntityAliases) => {
+                          for (const id of Object.keys(updatedEntityAliases)) {
+                            const entityAlias = updatedEntityAliases[id];
+                            let index;
+                            if (isDefined(datasourceAliasesMap[id])) {
+                              index = datasourceAliasesMap[id];
+                              datasourceAliases[index] = entityAlias;
+                            } else if (isDefined(targetDeviceAliasesMap[id])) {
+                              index = targetDeviceAliasesMap[id];
+                              targetDeviceAliases[index] = entityAlias;
+                            }
+                          }
+                          return this.addImportedWidget(dashboard, targetState, targetLayoutFunction, widget,
+                            aliasesInfo, onAliasesUpdateFunction, originalColumns, originalSize);
+                        }
+                      ));
+                    } else {
+                      return this.addImportedWidget(dashboard, targetState, targetLayoutFunction, widget,
+                        aliasesInfo, onAliasesUpdateFunction, originalColumns, originalSize);
+                    }
+                  }
+                )
+              );
+            } else {
+              return this.addImportedWidget(dashboard, targetState, targetLayoutFunction, widget,
+                aliasesInfo, onAliasesUpdateFunction, originalColumns, originalSize);
+            }
+          } else {
+            return this.addImportedWidget(dashboard, targetState, targetLayoutFunction, widget,
+              aliasesInfo, onAliasesUpdateFunction, originalColumns, originalSize);
+          }
+        }
+      }),
+      catchError((err) => {
+        return of(null);
+      })
+    );
+  }
+
+  public exportWidgetType(widgetTypeId: string) {
+    this.widgetService.getWidgetTypeById(widgetTypeId).subscribe(
+      (widgetType) => {
+        if (isDefined(widgetType.bundleAlias)) {
+          delete widgetType.bundleAlias;
+        }
+        let name = widgetType.name;
+        name = name.toLowerCase().replace(/\W/g, '_');
+        this.exportToPc(this.prepareExport(widgetType), name + '.json');
+      },
+      (e) => {
+        this.handleExportError(e, 'widget-type.export-failed-error');
+      }
+    );
+  }
+
+  public importWidgetType(bundleAlias: string): Observable<WidgetType> {
+    return this.openImportDialog('widget-type.import', 'widget-type.widget-type-file').pipe(
+      mergeMap((widgetType: WidgetType) => {
+        if (!this.validateImportedWidgetType(widgetType)) {
+          this.store.dispatch(new ActionNotificationShow(
+            {message: this.translate.instant('widget-type.invalid-widget-type-file-error'),
+              type: 'error'}));
+          throw new Error('Invalid widget type file');
+        } else {
+          widgetType.bundleAlias = bundleAlias;
+          return this.widgetService.saveImportedWidgetType(widgetType);
+        }
+      }),
+      catchError((err) => {
+        return of(null);
+      })
+    );
+  }
+
+  public exportWidgetsBundle(widgetsBundleId: string) {
+    this.widgetService.getWidgetsBundle(widgetsBundleId).subscribe(
+      (widgetsBundle) => {
+        const bundleAlias = widgetsBundle.alias;
+        const isSystem = widgetsBundle.tenantId.id === NULL_UUID;
+        this.widgetService.getBundleWidgetTypes(bundleAlias, isSystem).subscribe(
+          (widgetTypes) => {
+            const widgetsBundleItem: WidgetsBundleItem = {
+              widgetsBundle: this.prepareExport(widgetsBundle),
+              widgetTypes: []
+            };
+            for (const widgetType of widgetTypes) {
+              if (isDefined(widgetType.bundleAlias)) {
+                delete widgetType.bundleAlias;
+              }
+              widgetsBundleItem.widgetTypes.push(this.prepareExport(widgetType));
+            }
+            let name = widgetsBundle.title;
+            name = name.toLowerCase().replace(/\W/g, '_');
+            this.exportToPc(widgetsBundleItem, name + '.json');
+          },
+          (e) => {
+            this.handleExportError(e, 'widgets-bundle.export-failed-error');
+          }
+        );
+      },
+      (e) => {
+        this.handleExportError(e, 'widgets-bundle.export-failed-error');
+      }
+    );
+  }
+
+  public importWidgetsBundle(): Observable<WidgetsBundle> {
+    return this.openImportDialog('widgets-bundle.import', 'widgets-bundle.widgets-bundle-file').pipe(
+      mergeMap((widgetsBundleItem: WidgetsBundleItem) => {
+        if (!this.validateImportedWidgetsBundle(widgetsBundleItem)) {
+          this.store.dispatch(new ActionNotificationShow(
+            {message: this.translate.instant('widgets-bundle.invalid-widgets-bundle-file-error'),
+              type: 'error'}));
+          throw new Error('Invalid widgets bundle file');
+        } else {
+          const widgetsBundle = widgetsBundleItem.widgetsBundle;
+          return this.widgetService.saveWidgetsBundle(widgetsBundle).pipe(
+            mergeMap((savedWidgetsBundle) => {
+              const bundleAlias = savedWidgetsBundle.alias;
+              const widgetTypes = widgetsBundleItem.widgetTypes;
+              if (widgetTypes.length) {
+                const saveWidgetTypesObservables: Array<Observable<WidgetType>> = [];
+                for (const widgetType of widgetTypes) {
+                  widgetType.bundleAlias = bundleAlias;
+                  saveWidgetTypesObservables.push(this.widgetService.saveImportedWidgetType(widgetType));
+                }
+                return forkJoin(saveWidgetTypesObservables).pipe(
+                  map(() => savedWidgetsBundle)
+                );
+              } else {
+                return of(savedWidgetsBundle);
+              }
+            }
+          ));
+        }
+      }),
+      catchError((err) => {
+        return of(null);
+      })
+    );
+  }
+
+  public importEntities(entitiesData: ImportEntityData[], entityType: EntityType, updateData: boolean,
+                        importEntityCompleted?: () => void, config?: RequestConfig): Observable<ImportEntitiesResultInfo> {
+    let partSize = 100;
+    partSize = entitiesData.length > partSize ? partSize : entitiesData.length;
+
+    let statisticalInfo: ImportEntitiesResultInfo = {};
+    const importEntitiesObservables: Observable<ImportEntitiesResultInfo>[] = [];
+    for (let i = 0; i < partSize; i++) {
+      const importEntityPromise =
+        this.entityService.saveEntityParameters(entityType, entitiesData[i], updateData, config).pipe(
+          tap((res) => {
+            if (importEntityCompleted) {
+              importEntityCompleted();
+            }
+          })
+        );
+      importEntitiesObservables.push(importEntityPromise);
+    }
+    return forkJoin(importEntitiesObservables).pipe(
+      mergeMap((responses) => {
+        for (const response of responses) {
+          statisticalInfo = this.sumObject(statisticalInfo, response);
+        }
+        entitiesData.splice(0, partSize);
+        if (entitiesData.length) {
+          return this.importEntities(entitiesData, entityType, updateData, importEntityCompleted, config).pipe(
+            map((response) => {
+              return this.sumObject(statisticalInfo, response) as ImportEntitiesResultInfo;
+            })
+          );
+        } else {
+          return of(statisticalInfo);
+        }
+      })
+    );
+  }
+
+  public exportRuleChain(ruleChainId: string) {
+    this.ruleChainService.getRuleChain(ruleChainId).pipe(
+      mergeMap(ruleChain => {
+        return this.ruleChainService.getRuleChainMetadata(ruleChainId).pipe(
+          map((ruleChainMetaData) => {
+            const ruleChainExport: RuleChainImport = {
+              ruleChain: this.prepareRuleChain(ruleChain),
+              metadata: this.prepareRuleChainMetaData(ruleChainMetaData)
+            };
+            return ruleChainExport;
+          })
+        );
+      })
+    ).subscribe((ruleChainExport) => {
+        let name = ruleChainExport.ruleChain.name;
+        name = name.toLowerCase().replace(/\W/g, '_');
+        this.exportToPc(ruleChainExport, name + '.json');
+    },
+      (e) => {
+        this.handleExportError(e, 'rulechain.export-failed-error');
+      }
+    );
+  }
+
+  public importRuleChain(): Observable<RuleChainImport> {
+    return this.openImportDialog('rulechain.import', 'rulechain.rulechain-file').pipe(
+      mergeMap((ruleChainImport: RuleChainImport) => {
+        if (!this.validateImportedRuleChain(ruleChainImport)) {
+          this.store.dispatch(new ActionNotificationShow(
+            {message: this.translate.instant('rulechain.invalid-rulechain-file-error'),
+              type: 'error'}));
+          throw new Error('Invalid rule chain file');
+        } else {
+          return this.ruleChainService.resolveRuleChainMetadata(ruleChainImport.metadata).pipe(
+            map((resolvedMetadata) => {
+              ruleChainImport.resolvedMetadata = resolvedMetadata;
+              return ruleChainImport;
+            })
+          );
+        }
+      }),
+      catchError((err) => {
+        return of(null);
+      })
+    );
+  }
+
+  private prepareRuleChain(ruleChain: RuleChain): RuleChain {
+    ruleChain = this.prepareExport(ruleChain);
+    if (ruleChain.firstRuleNodeId) {
+      ruleChain.firstRuleNodeId = null;
+    }
+    ruleChain.root = false;
+    return ruleChain;
+  }
+
+  private prepareRuleChainMetaData(ruleChainMetaData: RuleChainMetaData) {
+    delete ruleChainMetaData.ruleChainId;
+    for (let i = 0; i < ruleChainMetaData.nodes.length; i++) {
+      const node = ruleChainMetaData.nodes[i];
+      delete node.ruleChainId;
+      ruleChainMetaData.nodes[i] = this.prepareExport(node);
+    }
+    return ruleChainMetaData;
+  }
+
+  private validateImportedRuleChain(ruleChainImport: RuleChainImport): boolean {
+    if (isUndefined(ruleChainImport.ruleChain)
+      || isUndefined(ruleChainImport.metadata)
+      || isUndefined(ruleChainImport.ruleChain.name)) {
+      return false;
+    }
+    return true;
+  }
+
+  private sumObject(obj1: any, obj2: any): any {
+    Object.keys(obj2).map((key) => {
+      if (isObject(obj2[key])) {
+        obj1[key] = obj1[key] || {};
+        obj1[key] = {...obj1[key], ...this.sumObject(obj1[key], obj2[key])};
+      } else {
+        obj1[key] = (obj1[key] || 0) + obj2[key];
+      }
+    });
+    return obj1;
+  }
+
+  private handleExportError(e: any, errorDetailsMessageId: string) {
+    let message = e;
+    if (!message) {
+      message = this.translate.instant('error.unknown-error');
+    }
+    this.store.dispatch(new ActionNotificationShow(
+      {message: this.translate.instant(errorDetailsMessageId, {error: message}),
+        type: 'error'}));
+  }
+
+  private validateImportedDashboard(dashboard: Dashboard): boolean {
+    if (isUndefined(dashboard.title) || isUndefined(dashboard.configuration)) {
+      return false;
+    }
+    return true;
+  }
+
+  private validateImportedWidget(widgetItem: WidgetItem): boolean {
+    if (isUndefined(widgetItem.widget)
+      || isUndefined(widgetItem.aliasesInfo)
+      || isUndefined(widgetItem.originalColumns)) {
+      return false;
+    }
+    const widget = widgetItem.widget;
+    if (isUndefined(widget.isSystemType) ||
+      isUndefined(widget.bundleAlias) ||
+      isUndefined(widget.typeAlias) ||
+      isUndefined(widget.type)) {
+      return false;
+    }
+    return true;
+  }
+
+  private validateImportedWidgetType(widgetType: WidgetType): boolean {
+    if (isUndefined(widgetType.name)
+      || isUndefined(widgetType.descriptor)) {
+      return false;
+    }
+    return true;
+  }
+
+  private validateImportedWidgetsBundle(widgetsBundleItem: WidgetsBundleItem): boolean {
+    if (isUndefined(widgetsBundleItem.widgetsBundle)) {
+      return false;
+    }
+    if (isUndefined(widgetsBundleItem.widgetTypes)) {
+      return false;
+    }
+    const widgetsBundle = widgetsBundleItem.widgetsBundle;
+    if (isUndefined(widgetsBundle.title)) {
+      return false;
+    }
+    const widgetTypes = widgetsBundleItem.widgetTypes;
+    for (const widgetType of widgetTypes) {
+      if (!this.validateImportedWidgetType(widgetType)) {
+        return false;
+      }
+    }
+    return true;
+  }
+
+  private saveImportedDashboard(dashboard: Dashboard): Observable<Dashboard> {
+    return this.dashboardService.saveDashboard(dashboard);
+  }
+
+  private addImportedWidget(dashboard: Dashboard, targetState: string,
+                            targetLayoutFunction: () => Observable<DashboardLayoutId>,
+                            widget: Widget, aliasesInfo: AliasesInfo, onAliasesUpdateFunction: () => void,
+                            originalColumns: number, originalSize: WidgetSize): Observable<ImportWidgetResult> {
+    return targetLayoutFunction().pipe(
+      mergeMap((targetLayout) => {
+        return this.itembuffer.addWidgetToDashboard(dashboard, targetState, targetLayout,
+          widget, aliasesInfo, onAliasesUpdateFunction, originalColumns, originalSize, -1, -1).pipe(
+          map(() => ({widget, layoutId: targetLayout} as ImportWidgetResult))
+        );
+      }
+    ));
+  }
+
+  private processEntityAliases(entityAliases: EntityAliases, aliasIds: string[]): Observable<EntityAliases> {
+    const tasks: Observable<EntityAlias>[] = [];
+    for (const aliasId of aliasIds) {
+      const entityAlias = entityAliases[aliasId];
+      tasks.push(
+        this.entityService.checkEntityAlias(entityAlias).pipe(
+          map((result) => {
+            if (!result) {
+              const missingEntityAlias = deepClone(entityAlias);
+              missingEntityAlias.filter = null;
+              return missingEntityAlias;
+            }
+            return null;
+          }
+          )
+        )
+      );
+    }
+    return forkJoin(tasks).pipe(
+      map((missingAliasesArray) => {
+          missingAliasesArray = missingAliasesArray.filter(alias => alias !== null);
+          const missingEntityAliases: EntityAliases = {};
+          for (const missingAlias of missingAliasesArray) {
+            missingEntityAliases[missingAlias.id] = missingAlias;
+          }
+          return missingEntityAliases;
+        }
+      )
+    );
+  }
+
+  private editMissingAliases(widgets: Array<Widget>, isSingleWidget: boolean,
+                             customTitle: string, missingEntityAliases: EntityAliases): Observable<EntityAliases> {
+    return this.dialog.open<EntityAliasesDialogComponent, EntityAliasesDialogData,
+      EntityAliases>(EntityAliasesDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        entityAliases: missingEntityAliases,
+        widgets,
+        customTitle,
+        isSingleWidget,
+        disableAdd: true
+      }
+    }).afterClosed().pipe(
+      map((updatedEntityAliases) => {
+        if (updatedEntityAliases) {
+          return updatedEntityAliases;
+        } else {
+          throw new Error('Unable to resolve missing entity aliases!');
+        }
+      }
+    ));
+  }
+
+  private prepareAliasesInfo(aliasesInfo: AliasesInfo): AliasesInfo {
+    const datasourceAliases = aliasesInfo.datasourceAliases;
+    const targetDeviceAliases = aliasesInfo.targetDeviceAliases;
+    if (datasourceAliases || targetDeviceAliases) {
+      if (datasourceAliases) {
+        for (const strIndex of Object.keys(datasourceAliases)) {
+          const datasourceIndex = Number(strIndex);
+          datasourceAliases[datasourceIndex] = this.prepareEntityAlias(datasourceAliases[datasourceIndex]);
+        }
+      }
+      if (targetDeviceAliases) {
+        for (const strIndex of Object.keys(targetDeviceAliases)) {
+          const datasourceIndex = Number(strIndex);
+          targetDeviceAliases[datasourceIndex] = this.prepareEntityAlias(targetDeviceAliases[datasourceIndex]);
+        }
+      }
+    }
+    return aliasesInfo;
+  }
+
+  private prepareEntityAlias(aliasInfo: EntityAliasInfo): EntityAliasInfo {
+    let alias: string;
+    let filter: EntityAliasFilter;
+    if (aliasInfo.deviceId) {
+      alias = aliasInfo.aliasName;
+      filter = {
+        type: AliasFilterType.entityList,
+        entityType: EntityType.DEVICE,
+        entityList: [aliasInfo.deviceId],
+        resolveMultiple: false
+      };
+    } else if (aliasInfo.deviceFilter) {
+      alias = aliasInfo.aliasName;
+      filter = {
+        type: aliasInfo.deviceFilter.useFilter ? AliasFilterType.entityName : AliasFilterType.entityList,
+        entityType: EntityType.DEVICE,
+        resolveMultiple: false
+      };
+      if (filter.type === AliasFilterType.entityList) {
+        filter.entityList = aliasInfo.deviceFilter.deviceList;
+      } else {
+        filter.entityNameFilter = aliasInfo.deviceFilter.deviceNameFilter;
+      }
+    } else if (aliasInfo.entityFilter) {
+      alias = aliasInfo.aliasName;
+      filter = {
+        type: aliasInfo.entityFilter.useFilter ? AliasFilterType.entityName : AliasFilterType.entityList,
+        entityType: aliasInfo.entityType,
+        resolveMultiple: false
+      };
+      if (filter.type === AliasFilterType.entityList) {
+        filter.entityList = aliasInfo.entityFilter.entityList;
+      } else {
+        filter.entityNameFilter = aliasInfo.entityFilter.entityNameFilter;
+      }
+    } else {
+      alias = aliasInfo.alias;
+      filter = aliasInfo.filter;
+    }
+    return {
+      alias,
+      filter
+    };
+  }
+
+  private openImportDialog(importTitle: string, importFileLabel: string): Observable<any> {
+    return this.dialog.open<ImportDialogComponent, ImportDialogData,
+      any>(ImportDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        importTitle,
+        importFileLabel
+      }
+    }).afterClosed().pipe(
+      map((importedData) => {
+        if (importedData) {
+          return importedData;
+        } else {
+          throw new Error('No file selected!');
+        }
+      }
+    ));
+  }
+
+  private exportToPc(data: any, filename: string) {
+    if (!data) {
+      console.error('No data');
+      return;
+    }
+    if (!filename) {
+      filename = 'download.json';
+    }
+    if (isObject(data)) {
+      data = JSON.stringify(data, null,  2);
+    }
+    const blob = new Blob([data], {type: 'text/json'});
+    if (this.window.navigator && this.window.navigator.msSaveOrOpenBlob) {
+      this.window.navigator.msSaveOrOpenBlob(blob, filename);
+    } else {
+      const e = this.document.createEvent('MouseEvents');
+      const a = this.document.createElement('a');
+      a.download = filename;
+      a.href = URL.createObjectURL(blob);
+      a.dataset.downloadurl = ['text/json', a.download, a.href].join(':');
+      // @ts-ignore
+      e.initEvent('click', true, false, this.window,
+        0, 0, 0, 0, 0, false, false, false, false, 0, null);
+      a.dispatchEvent(e);
+    }
+  }
+
+  private prepareDashboardExport(dashboard: Dashboard): Dashboard {
+    dashboard = this.prepareExport(dashboard);
+    delete dashboard.assignedCustomers;
+    return dashboard;
+  }
+
+  private prepareExport(data: any): any {
+    const exportedData = deepClone(data);
+    if (isDefined(exportedData.id)) {
+      delete exportedData.id;
+    }
+    if (isDefined(exportedData.createdTime)) {
+      delete exportedData.createdTime;
+    }
+    if (isDefined(exportedData.tenantId)) {
+      delete exportedData.tenantId;
+    }
+    if (isDefined(exportedData.customerId)) {
+      delete exportedData.customerId;
+    }
+    return exportedData;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.html b/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.html
new file mode 100644
index 0000000000..889eaa9c1d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.html
@@ -0,0 +1,56 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-table [dataSource]="dataSource">
+  <ng-container matColumnDef="order">
+    <mat-header-cell *matHeaderCellDef style="min-width: 40px; max-width: 40px; width: 40px"></mat-header-cell>
+    <mat-cell *matCellDef="let column; let i = index">
+      {{ (i+1) }}
+    </mat-cell>
+  </ng-container>
+  <ng-container matColumnDef="sampleData">
+    <mat-header-cell *matHeaderCellDef style="width: 30%"> {{ 'import.column-example' | translate }} </mat-header-cell>
+    <mat-cell *matCellDef="let column">
+      {{column.sampleData}}
+    </mat-cell>
+  </ng-container>
+  <ng-container matColumnDef="type">
+    <mat-header-cell *matHeaderCellDef style="width: 40%"> {{ 'import.column-type.column-type' | translate }} </mat-header-cell>
+    <mat-cell *matCellDef="let column">
+      <mat-select matInput [(ngModel)]="column.type" (ngModelChange)="columnsUpdated()">
+        <mat-option *ngFor="let type of columnTypes" [value]="type.value" [disabled]="type.disabled">
+          {{ columnTypesTranslations.get(type.value) | translate }}
+        </mat-option>
+      </mat-select>
+    </mat-cell>
+  </ng-container>
+  <ng-container matColumnDef="key">
+    <mat-header-cell *matHeaderCellDef style="width: 30%"> {{ 'import.column-key' | translate }} </mat-header-cell>
+    <mat-cell *matCellDef="let column">
+      <mat-form-field floatLabel="always" hideRequiredMarker
+                      *ngIf="isColumnTypeDiffers(column.type)">
+        <mat-label></mat-label>
+        <input matInput required
+               [(ngModel)]="column.key" (ngModelChange)="columnsUpdated()"
+               placeholder="{{ 'import.column-value' | translate }}"/>
+      </mat-form-field>
+    </mat-cell>
+  </ng-container>
+  <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+  <mat-row *matRowDef="let column; columns: displayedColumns;"></mat-row>
+</mat-table>
+<mat-divider></mat-divider>
diff --git a/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.scss b/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.scss
new file mode 100644
index 0000000000..ce0b1f1919
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.scss
@@ -0,0 +1,26 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .mat-column-order {
+    flex: 0 0 40px;
+  }
+  .mat-column-sampleData {
+    flex: 0 0 120px;
+  }
+  .mat-column-type {
+    flex: 0 0 120px;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.ts b/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.ts
new file mode 100644
index 0000000000..9e759ec641
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.ts
@@ -0,0 +1,193 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, ElementRef, forwardRef, Input, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormControl, NG_VALIDATORS, NG_VALUE_ACCESSOR, Validator } from '@angular/forms';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityType } from '@shared/models/entity-type.models';
+import { CsvColumnParam, ImportEntityColumnType, importEntityColumnTypeTranslations,
+         importEntityObjectColumns } from '@home/components/import-export/import-export.models';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { CollectionViewer, DataSource } from '@angular/cdk/collections';
+
+@Component({
+  selector: 'tb-table-columns-assignment',
+  templateUrl: './table-columns-assignment.component.html',
+  styleUrls: ['./table-columns-assignment.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => TableColumnsAssignmentComponent),
+      multi: true
+    },
+    {
+      provide: NG_VALIDATORS,
+      useExisting: forwardRef(() => TableColumnsAssignmentComponent),
+      multi: true,
+    }
+  ]
+})
+export class TableColumnsAssignmentComponent implements OnInit, ControlValueAccessor, Validator {
+
+  @Input() entityType: EntityType;
+
+  @Input() disabled: boolean;
+
+  dataSource = new CsvColumnsDatasource();
+
+  displayedColumns = ['order', 'sampleData', 'type', 'key'];
+
+  importEntityColumnType = ImportEntityColumnType;
+
+  columnTypes: AssignmentColumnType[] = [];
+
+  columnTypesTranslations = importEntityColumnTypeTranslations;
+
+  private columns: CsvColumnParam[];
+
+  private valid = true;
+
+  private propagateChangePending = false;
+  private propagateChange = null;
+
+  constructor(public elementRef: ElementRef,
+              protected store: Store<AppState>) {
+  }
+
+  ngOnInit(): void {
+    this.columnTypes.push(
+      { value: ImportEntityColumnType.name },
+      { value: ImportEntityColumnType.type },
+      { value: ImportEntityColumnType.label },
+      { value: ImportEntityColumnType.description },
+    );
+    switch (this.entityType) {
+      case EntityType.DEVICE:
+        this.columnTypes.push(
+          { value: ImportEntityColumnType.sharedAttribute },
+          { value: ImportEntityColumnType.serverAttribute },
+          { value: ImportEntityColumnType.timeseries },
+          { value: ImportEntityColumnType.accessToken },
+          { value: ImportEntityColumnType.isGateway }
+        );
+        break;
+      case EntityType.ASSET:
+        this.columnTypes.push(
+          { value: ImportEntityColumnType.serverAttribute },
+          { value: ImportEntityColumnType.timeseries }
+        );
+        break;
+    }
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+    if (this.propagateChangePending) {
+      this.propagateChange(this.columns);
+      this.propagateChangePending = false;
+    }
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  columnsUpdated() {
+    const isSelectName = this.columns.findIndex((column) => column.type === ImportEntityColumnType.name) > -1;
+    const isSelectType = this.columns.findIndex((column) => column.type === ImportEntityColumnType.type) > -1;
+    const isSelectLabel = this.columns.findIndex((column) => column.type === ImportEntityColumnType.label) > -1;
+    const isSelectCredentials = this.columns.findIndex((column) => column.type === ImportEntityColumnType.accessToken) > -1;
+    const isSelectGateway = this.columns.findIndex((column) => column.type === ImportEntityColumnType.isGateway) > -1;
+    const isSelectDescription = this.columns.findIndex((column) => column.type === ImportEntityColumnType.description) > -1;
+    const hasInvalidColumn = this.columns.findIndex((column) => !this.columnValid(column)) > -1;
+
+    this.valid = isSelectName && isSelectType && !hasInvalidColumn;
+
+    this.columnTypes.find((columnType) => columnType.value === ImportEntityColumnType.name).disabled = isSelectName;
+    this.columnTypes.find((columnType) => columnType.value === ImportEntityColumnType.type).disabled = isSelectType;
+    this.columnTypes.find((columnType) => columnType.value === ImportEntityColumnType.label).disabled = isSelectLabel;
+    this.columnTypes.find((columnType) => columnType.value === ImportEntityColumnType.isGateway).disabled = isSelectGateway;
+    this.columnTypes.find((columnType) => columnType.value === ImportEntityColumnType.description).disabled = isSelectDescription;
+
+    const accessTokenColumnType = this.columnTypes.find((columnType) => columnType.value === ImportEntityColumnType.accessToken);
+    if (accessTokenColumnType) {
+      accessTokenColumnType.disabled = isSelectCredentials;
+    }
+    if (this.propagateChange) {
+      this.propagateChange(this.columns);
+    } else {
+      this.propagateChangePending = true;
+    }
+  }
+
+  public isColumnTypeDiffers(columnType: ImportEntityColumnType): boolean {
+    return columnType !== ImportEntityColumnType.name &&
+      columnType !== ImportEntityColumnType.type &&
+      columnType !== ImportEntityColumnType.label &&
+      columnType !== ImportEntityColumnType.accessToken &&
+      columnType !== ImportEntityColumnType.isGateway &&
+      columnType !== ImportEntityColumnType.description;
+  }
+
+  private columnValid(column: CsvColumnParam): boolean {
+    if (!importEntityObjectColumns.includes(column.type)) {
+      return column.key && column.key.trim().length > 0;
+    } else {
+      return true;
+    }
+  }
+
+  public validate(c: FormControl) {
+    return (this.valid) ? null : {
+      columnsInvalid: true
+    };
+  }
+
+  writeValue(value: CsvColumnParam[]): void {
+    this.columns = value;
+    this.dataSource.setColumns(this.columns);
+    this.columnsUpdated();
+  }
+}
+
+interface AssignmentColumnType {
+  value: ImportEntityColumnType;
+  disabled?: boolean;
+}
+
+class CsvColumnsDatasource implements DataSource<CsvColumnParam> {
+
+  private columnsSubject = new BehaviorSubject<CsvColumnParam[]>([]);
+
+  constructor() {}
+
+  connect(collectionViewer: CollectionViewer): Observable<CsvColumnParam[] | ReadonlyArray<CsvColumnParam>> {
+    return this.columnsSubject.asObservable();
+  }
+
+  disconnect(collectionViewer: CollectionViewer): void {
+    this.columnsSubject.complete();
+  }
+
+  setColumns(columns: CsvColumnParam[]) {
+    this.columnsSubject.next(columns);
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/public-api.ts b/ui-ngx/src/app/modules/home/components/public-api.ts
new file mode 100644
index 0000000000..5cd3d6a264
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/public-api.ts
@@ -0,0 +1,17 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export * from './home-components.module';
diff --git a/ui-ngx/src/app/modules/home/components/relation/relation-dialog.component.html b/ui-ngx/src/app/modules/home/components/relation/relation-dialog.component.html
new file mode 100644
index 0000000000..85f0ae64c5
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/relation/relation-dialog.component.html
@@ -0,0 +1,69 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #relationForm="ngForm" [formGroup]="relationFormGroup" (ngSubmit)="save()" style="min-width: 600px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2>{{ (isAdd ? 'relation.add' : 'relation.edit' ) | translate }}</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async">
+      <tb-relation-type-autocomplete
+        formControlName="type"
+        required="true">
+      </tb-relation-type-autocomplete>
+      <small>{{(direction === entitySearchDirection.FROM ?
+          'relation.to-entity' : 'relation.from-entity') | translate}}</small>
+      <tb-entity-list-select
+        formControlName="targetEntityIds"
+        required="true">
+      </tb-entity-list-select>
+      <tb-json-object-edit
+        #additionalInfoEdit
+        [formControl]="additionalInfo"
+        label="{{ 'relation.additional-info' | translate }}">
+      </tb-json-object-edit>
+      <div class="tb-error-messages" *ngIf="submitted &&
+                                            additionalInfo.invalid" role="alert">
+        <div translate class="tb-error-message">relation.invalid-additional-info</div>
+      </div>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || relationFormGroup.invalid || !(relationFormGroup.dirty || additionalInfo.dirty)">
+      {{ (isAdd  ? 'action.add' : 'action.save') | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/components/relation/relation-dialog.component.scss b/ui-ngx/src/app/modules/home/components/relation/relation-dialog.component.scss
new file mode 100644
index 0000000000..bb3718c2da
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/relation/relation-dialog.component.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/relation/relation-dialog.component.ts b/ui-ngx/src/app/modules/home/components/relation/relation-dialog.component.ts
new file mode 100644
index 0000000000..436cb72603
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/relation/relation-dialog.component.ts
@@ -0,0 +1,142 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit, SkipSelf, ViewChild } from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm, Validators } from '@angular/forms';
+import {
+  CONTAINS_TYPE,
+  EntityRelation,
+  EntitySearchDirection,
+  RelationTypeGroup
+} from '@shared/models/relation.models';
+import { EntityRelationService } from '@core/http/entity-relation.service';
+import { EntityId } from '@shared/models/id/entity-id';
+import { forkJoin, Observable } from 'rxjs';
+import { JsonObjectEditComponent } from '@shared/components/json-object-edit.component';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@shared/components/dialog.component';
+
+export interface RelationDialogData {
+  isAdd: boolean;
+  direction: EntitySearchDirection;
+  relation: EntityRelation;
+}
+
+@Component({
+  selector: 'tb-relation-dialog',
+  templateUrl: './relation-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: RelationDialogComponent}],
+  styleUrls: ['./relation-dialog.component.scss']
+})
+export class RelationDialogComponent extends DialogComponent<RelationDialogComponent, boolean> implements OnInit, ErrorStateMatcher {
+
+  relationFormGroup: FormGroup;
+
+  isAdd: boolean;
+  direction: EntitySearchDirection;
+  entitySearchDirection = EntitySearchDirection;
+
+  additionalInfo: FormControl;
+
+  @ViewChild('additionalInfoEdit', {static: true}) additionalInfoEdit: JsonObjectEditComponent;
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: RelationDialogData,
+              private entityRelationService: EntityRelationService,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<RelationDialogComponent, boolean>,
+              public fb: FormBuilder) {
+    super(store, router, dialogRef);
+    this.isAdd = data.isAdd;
+    this.direction = data.direction;
+  }
+
+  ngOnInit(): void {
+    this.relationFormGroup = this.fb.group({
+      type: [this.isAdd ? CONTAINS_TYPE : this.data.relation.type, [Validators.required]],
+      targetEntityIds: [this.isAdd ? null :
+        [this.direction === EntitySearchDirection.FROM ? this.data.relation.to : this.data.relation.from],
+        [Validators.required]]
+    });
+    this.additionalInfo = new FormControl(this.data.relation.additionalInfo ? {...this.data.relation.additionalInfo} : null);
+    if (!this.isAdd) {
+      this.relationFormGroup.get('type').disable();
+      this.relationFormGroup.get('targetEntityIds').disable();
+    }
+    this.additionalInfo.valueChanges.subscribe(
+      () => {
+        this.submitted = false;
+      }
+    );
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(false);
+  }
+
+  save(): void {
+    this.submitted = true;
+    this.additionalInfoEdit.validateOnSubmit();
+    if (!this.relationFormGroup.invalid && !this.additionalInfo.invalid) {
+      if (this.isAdd) {
+        const tasks: Observable<EntityRelation>[] = [];
+        const type: string = this.relationFormGroup.get('type').value;
+        const entityIds: Array<EntityId> = this.relationFormGroup.get('targetEntityIds').value;
+        entityIds.forEach(entityId => {
+          const relation = {
+            type,
+            additionalInfo: this.additionalInfo.value,
+            typeGroup: RelationTypeGroup.COMMON
+          } as EntityRelation;
+          if (this.direction === EntitySearchDirection.FROM) {
+            relation.from = this.data.relation.from;
+            relation.to = entityId;
+          } else {
+            relation.from = entityId;
+            relation.to = this.data.relation.to;
+          }
+          tasks.push(this.entityRelationService.saveRelation(relation));
+        });
+        forkJoin(tasks).subscribe(
+          () => {
+            this.dialogRef.close(true);
+          }
+        );
+      } else {
+        const relation: EntityRelation = {...this.data.relation};
+        relation.additionalInfo = this.additionalInfo.value;
+        this.entityRelationService.saveRelation(relation).subscribe(
+          () => {
+            this.dialogRef.close(true);
+          }
+        );
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/relation/relation-filters.component.html b/ui-ngx/src/app/modules/home/components/relation/relation-filters.component.html
new file mode 100644
index 0000000000..c34fc34c6d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/relation/relation-filters.component.html
@@ -0,0 +1,66 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-relation-filters" [formGroup]="relationFiltersFormGroup">
+  <div class="header" [fxShow]="relationFiltersFormArray().length">
+    <div fxLayout="row" fxLayoutAlign="start center">
+      <span class="cell" style="width: 200px; min-width: 200px;" translate>relation.type</span>
+      <span class="cell" fxFlex translate>entity.entity-types</span>
+      <span class="cell" style="width: 40px; min-width: 40px;">&nbsp;</span>
+    </div>
+  </div>
+  <div class="body" [fxShow]="relationFiltersFormArray().length">
+    <div class="row" fxFlex fxLayout="row"
+         fxLayoutAlign="start center" formArrayName="relationFilters"
+         *ngFor="let relationFilterControl of relationFiltersFormArray().controls; let $index = index">
+      <div class="mat-elevation-z1" fxFlex fxLayout="row" fxLayoutAlign="start center">
+        <tb-relation-type-autocomplete
+          class="cell" style="width: 200px; min-width: 200px;"
+          [formControl]="relationFilterControl.get('relationType')">
+        </tb-relation-type-autocomplete>
+        <tb-entity-type-list class="cell" fxFlex
+          [allowedEntityTypes]="allowedEntityTypes"
+          [formControl]="relationFilterControl.get('entityTypes')">
+        </tb-entity-type-list>
+        <button mat-button mat-icon-button color="primary"
+                type="button"
+                style="width: 40px; min-width: 40px;"
+                (click)="removeFilter($index)"
+                [disabled]="isLoading$ | async"
+                matTooltip="{{ 'relation.remove-relation-filter' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>close</mat-icon>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div class="any-filter" [fxShow]="!relationFiltersFormArray().length">
+        <span fxLayoutAlign="center center"
+              class="tb-prompt" translate>relation.any-relation</span>
+  </div>
+  <div>
+    <button mat-button mat-raised-button color="primary"
+            [disabled]="isLoading$ | async"
+            (click)="addFilter()"
+            type="button"
+            matTooltip="{{ 'relation.add-relation-filter' | translate }}"
+            matTooltipPosition="above">
+      <mat-icon>add</mat-icon>
+      {{ 'action.add' | translate }}
+    </button>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/relation/relation-filters.component.scss b/ui-ngx/src/app/modules/home/components/relation/relation-filters.component.scss
new file mode 100644
index 0000000000..85f4a1c893
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/relation/relation-filters.component.scss
@@ -0,0 +1,67 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .tb-relation-filters {
+    .header {
+      padding-right: 5px;
+      padding-bottom: 5px;
+      padding-left: 5px;
+
+      .cell {
+        padding-right: 5px;
+        padding-left: 5px;
+        font-size: 12px;
+        font-weight: 700;
+        color: rgba(0, 0, 0, .54);
+        white-space: nowrap;
+      }
+    }
+
+    .body {
+      max-height: 300px;
+      padding-right: 5px;
+      padding-bottom: 20px;
+      padding-left: 5px;
+      overflow: auto;
+
+      .row {
+        padding-top: 5px;
+      }
+
+      .cell {
+        padding-right: 5px;
+        padding-left: 5px;
+      }
+    }
+  }
+}
+
+:host ::ng-deep {
+  .tb-relation-filters {
+    .cell {
+      .mat-form-field {
+        .mat-form-field-infix {
+          border-top: none;
+        }
+        &.mat-form-field-appearance-standard {
+          .mat-form-field-flex {
+            padding-top: 0;
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/relation/relation-filters.component.ts b/ui-ngx/src/app/modules/home/components/relation/relation-filters.component.ts
new file mode 100644
index 0000000000..9598d5cbb9
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/relation/relation-filters.component.ts
@@ -0,0 +1,127 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, EventEmitter, forwardRef, Input, OnInit, Output } from '@angular/core';
+import {
+  AbstractControl,
+  ControlValueAccessor, FormArray,
+  FormBuilder, FormControl,
+  FormGroup,
+  NG_VALUE_ACCESSOR,
+  ValidatorFn,
+  Validators
+} from '@angular/forms';
+import { AliasFilterType, aliasFilterTypeTranslationMap, EntityAliasFilter } from '@shared/models/alias.models';
+import { AliasEntityType, EntityType } from '@shared/models/entity-type.models';
+import { TranslateService } from '@ngx-translate/core';
+import { EntityService } from '@core/http/entity.service';
+import { EntitySearchDirection, entitySearchDirectionTranslations, EntityTypeFilter } from '@shared/models/relation.models';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { Subscription } from 'rxjs';
+
+@Component({
+  selector: 'tb-relation-filters',
+  templateUrl: './relation-filters.component.html',
+  styleUrls: ['./relation-filters.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => RelationFiltersComponent),
+      multi: true
+    }
+  ]
+})
+export class RelationFiltersComponent extends PageComponent implements ControlValueAccessor, OnInit {
+
+  @Input() disabled: boolean;
+
+  @Input() allowedEntityTypes: Array<EntityType | AliasEntityType>;
+
+  relationFiltersFormGroup: FormGroup;
+
+  private propagateChange = null;
+
+  private valueChangeSubscription: Subscription = null;
+
+  constructor(protected store: Store<AppState>,
+              private fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+    this.relationFiltersFormGroup = this.fb.group({});
+    this.relationFiltersFormGroup.addControl('relationFilters',
+      this.fb.array([]));
+  }
+
+  relationFiltersFormArray(): FormArray {
+      return this.relationFiltersFormGroup.get('relationFilters') as FormArray;
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState?(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(filters: Array<EntityTypeFilter>): void {
+    if (this.valueChangeSubscription) {
+      this.valueChangeSubscription.unsubscribe();
+    }
+    const relationFiltersControls: Array<AbstractControl> = [];
+    if (filters && filters.length) {
+      filters.forEach((filter) => {
+        relationFiltersControls.push(this.createRelationFilterFormGroup(filter));
+      });
+    }
+    this.relationFiltersFormGroup.setControl('relationFilters', this.fb.array(relationFiltersControls));
+    this.valueChangeSubscription = this.relationFiltersFormGroup.valueChanges.subscribe(() => {
+      this.updateModel();
+    });
+  }
+
+  public removeFilter(index: number) {
+    (this.relationFiltersFormGroup.get('relationFilters') as FormArray).removeAt(index);
+  }
+
+  public addFilter() {
+    const relationFiltersFormArray = this.relationFiltersFormGroup.get('relationFilters') as FormArray;
+    const filter: EntityTypeFilter = {
+      relationType: null,
+      entityTypes: []
+    };
+    relationFiltersFormArray.push(this.createRelationFilterFormGroup(filter));
+  }
+
+  private createRelationFilterFormGroup(filter: EntityTypeFilter): AbstractControl {
+    return this.fb.group({
+      relationType: [filter ? filter.relationType : null],
+      entityTypes: [filter ? filter.entityTypes : []]
+    });
+  }
+
+  private updateModel() {
+    const filters: Array<EntityTypeFilter> = this.relationFiltersFormGroup.get('relationFilters').value;
+    this.propagateChange(filters);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/relation/relation-table.component.html b/ui-ngx/src/app/modules/home/components/relation/relation-table.component.html
new file mode 100644
index 0000000000..9b1686e0ed
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/relation/relation-table.component.html
@@ -0,0 +1,168 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="mat-padding tb-entity-table tb-absolute-fill">
+  <div fxFlex fxLayout="column" class="mat-elevation-z1 tb-entity-table-content">
+    <mat-toolbar class="mat-table-toolbar" [fxShow]="!textSearchMode && dataSource.selection.isEmpty()">
+      <div class="mat-toolbar-tools">
+        <span class="tb-entity-table-title">{{(direction == directions.FROM ?
+            'relation.from-relations' : 'relation.to-relations') | translate}}</span>
+        <mat-form-field class="mat-block tb-relation-direction" style="width: 200px;">
+          <mat-label translate>relation.direction</mat-label>
+          <mat-select matInput [ngModel]="direction"
+                      (ngModelChange)="directionChanged($event)">
+            <mat-option *ngFor="let type of directionTypes" [value]="type">
+              {{ directionTypeTranslations.get(directions[type]) | translate }}
+            </mat-option>
+          </mat-select>
+        </mat-form-field>
+        <span fxFlex></span>
+        <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                (click)="addRelation($event)"
+                matTooltip="{{ 'action.add' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>add</mat-icon>
+        </button>
+        <button mat-button mat-icon-button [disabled]="isLoading$ | async" (click)="reloadRelations()"
+                matTooltip="{{ 'action.refresh' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>refresh</mat-icon>
+        </button>
+        <button mat-button mat-icon-button [disabled]="isLoading$ | async" (click)="enterFilterMode()"
+                matTooltip="{{ 'action.search' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>search</mat-icon>
+        </button>
+      </div>
+    </mat-toolbar>
+    <mat-toolbar class="mat-table-toolbar" [fxShow]="textSearchMode && dataSource.selection.isEmpty()">
+      <div class="mat-toolbar-tools">
+        <button mat-button mat-icon-button
+                matTooltip="{{ 'action.search' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>search</mat-icon>
+        </button>
+        <mat-form-field fxFlex>
+          <mat-label>&nbsp;</mat-label>
+          <input #searchInput matInput
+                 [(ngModel)]="pageLink.textSearch"
+                 placeholder="{{ 'common.enter-search' | translate }}"/>
+        </mat-form-field>
+        <button mat-button mat-icon-button (click)="exitFilterMode()"
+                matTooltip="{{ 'action.close' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>close</mat-icon>
+        </button>
+      </div>
+    </mat-toolbar>
+    <mat-toolbar class="mat-table-toolbar" color="primary" [fxShow]="!dataSource.selection.isEmpty()">
+      <div class="mat-toolbar-tools">
+                <span>
+                  {{ translate.get('relation.selected-relations', {count: dataSource.selection.selected.length}) | async }}
+                </span>
+        <span fxFlex></span>
+        <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                matTooltip="{{ 'action.delete' | translate }}"
+                matTooltipPosition="above"
+                (click)="deleteRelations($event)">
+          <mat-icon>delete</mat-icon>
+        </button>
+      </div>
+    </mat-toolbar>
+    <div fxFlex class="table-container">
+      <mat-table [dataSource]="dataSource"
+                 matSort [matSortActive]="pageLink.sortOrder.property" [matSortDirection]="pageLink.sortDirection()" matSortDisableClear>
+        <ng-container matColumnDef="select" sticky>
+          <mat-header-cell *matHeaderCellDef style="width: 30px;">
+            <mat-checkbox (change)="$event ? dataSource.masterToggle() : null"
+                          [checked]="dataSource.selection.hasValue() && (dataSource.isAllSelected() | async)"
+                          [indeterminate]="dataSource.selection.hasValue() && !(dataSource.isAllSelected() | async)">
+            </mat-checkbox>
+          </mat-header-cell>
+          <mat-cell *matCellDef="let relation">
+            <mat-checkbox (click)="$event.stopPropagation()"
+                          (change)="$event ? dataSource.selection.toggle(relation) : null"
+                          [checked]="dataSource.selection.isSelected(relation)">
+            </mat-checkbox>
+          </mat-cell>
+        </ng-container>
+        <ng-container matColumnDef="type">
+          <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 33%"> {{ 'relation.type' | translate }} </mat-header-cell>
+          <mat-cell *matCellDef="let relation">
+            {{ relation.type }}
+          </mat-cell>
+        </ng-container>
+        <ng-container *ngIf="direction === directions.FROM" matColumnDef="toEntityTypeName">
+          <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 33%"> {{ 'relation.to-entity-type' | translate }} </mat-header-cell>
+          <mat-cell *matCellDef="let relation">
+            {{ relation.toEntityTypeName }}
+          </mat-cell>
+        </ng-container>
+        <ng-container *ngIf="direction === directions.FROM" matColumnDef="toName">
+          <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 33%"> {{ 'relation.to-entity-name' | translate }} </mat-header-cell>
+          <mat-cell *matCellDef="let relation">
+            {{ relation.toName }}
+          </mat-cell>
+        </ng-container>
+        <ng-container *ngIf="direction === directions.TO" matColumnDef="fromEntityTypeName">
+          <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 33%"> {{ 'relation.from-entity-type' | translate }} </mat-header-cell>
+          <mat-cell *matCellDef="let relation">
+            {{ relation.fromEntityTypeName }}
+          </mat-cell>
+        </ng-container>
+        <ng-container *ngIf="direction === directions.TO" matColumnDef="fromName">
+          <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 33%"> {{ 'relation.from-entity-name' | translate }} </mat-header-cell>
+          <mat-cell *matCellDef="let relation">
+            {{ relation.fromName }}
+          </mat-cell>
+        </ng-container>
+        <ng-container matColumnDef="actions" stickyEnd>
+          <mat-header-cell *matHeaderCellDef style="min-width: 80px; max-width: 80px; width: 80px">
+          </mat-header-cell>
+          <mat-cell *matCellDef="let relation">
+            <div fxFlex fxLayout="row" fxLayoutAlign="end">
+              <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                      matTooltip="{{ 'relation.edit' | translate }}"
+                      matTooltipPosition="above"
+                      (click)="editRelation($event, relation)">
+                <mat-icon>edit</mat-icon>
+              </button>
+              <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                      matTooltip="{{ 'relation.delete' | translate }}"
+                      matTooltipPosition="above"
+                      (click)="deleteRelation($event, relation)">
+                <mat-icon>delete</mat-icon>
+              </button>
+            </div>
+          </mat-cell>
+        </ng-container>
+        <mat-header-row [ngClass]="{'mat-row-select': true}" *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
+        <mat-row [ngClass]="{'mat-row-select': true,
+                             'mat-selected': dataSource.selection.isSelected(relation)}"
+                 *matRowDef="let relation; columns: displayedColumns;" (click)="dataSource.selection.toggle(relation)"></mat-row>
+      </mat-table>
+      <span [fxShow]="dataSource.isEmpty() | async"
+            fxLayoutAlign="center center"
+            class="no-data-found" translate>{{ 'relation.no-relations-text' }}</span>
+    </div>
+    <mat-divider></mat-divider>
+    <mat-paginator [length]="dataSource.total() | async"
+                   [pageIndex]="pageLink.page"
+                   [pageSize]="pageLink.pageSize"
+                   [pageSizeOptions]="[10, 20, 30]"></mat-paginator>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/relation/relation-table.component.scss b/ui-ngx/src/app/modules/home/components/relation/relation-table.component.scss
new file mode 100644
index 0000000000..83d66a687a
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/relation/relation-table.component.scss
@@ -0,0 +1,54 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  width: 100%;
+  height: 100%;
+  .tb-entity-table {
+    .tb-entity-table-content {
+      width: 100%;
+      height: 100%;
+      background: #fff;
+
+      .tb-entity-table-title {
+        padding-right: 20px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .table-container {
+        overflow: auto;
+      }
+    }
+  }
+}
+
+:host ::ng-deep {
+  .mat-sort-header-sorted .mat-sort-header-arrow {
+    opacity: 1 !important;
+  }
+  mat-form-field.tb-relation-direction {
+    font-size: 16px;
+
+    .mat-form-field-wrapper {
+      padding-bottom: 0;
+    }
+
+    .mat-form-field-underline {
+      bottom: 0;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/relation/relation-table.component.ts b/ui-ngx/src/app/modules/home/components/relation/relation-table.component.ts
new file mode 100644
index 0000000000..158a41ed1b
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/relation/relation-table.component.ts
@@ -0,0 +1,321 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { PageLink } from '@shared/models/page/page-link';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { TranslateService } from '@ngx-translate/core';
+import { MatDialog } from '@angular/material/dialog';
+import { DialogService } from '@core/services/dialog.service';
+import { EntityRelationService } from '@core/http/entity-relation.service';
+import { Direction, SortOrder } from '@shared/models/page/sort-order';
+import { forkJoin, fromEvent, merge, Observable } from 'rxjs';
+import { debounceTime, distinctUntilChanged, tap } from 'rxjs/operators';
+import {
+  EntityRelation,
+  EntityRelationInfo,
+  EntitySearchDirection,
+  entitySearchDirectionTranslations,
+  RelationTypeGroup
+} from '@shared/models/relation.models';
+import { EntityId } from '@shared/models/id/entity-id';
+import { RelationsDatasource } from '../../models/datasource/relation-datasource';
+import { RelationDialogComponent, RelationDialogData } from '@home/components/relation/relation-dialog.component';
+
+@Component({
+  selector: 'tb-relation-table',
+  templateUrl: './relation-table.component.html',
+  styleUrls: ['./relation-table.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class RelationTableComponent extends PageComponent implements AfterViewInit, OnInit {
+
+  directions = EntitySearchDirection;
+
+  directionTypes = Object.keys(EntitySearchDirection);
+
+  directionTypeTranslations = entitySearchDirectionTranslations;
+
+  displayedColumns: string[];
+  direction: EntitySearchDirection;
+  pageLink: PageLink;
+  textSearchMode = false;
+  dataSource: RelationsDatasource;
+
+  activeValue = false;
+  dirtyValue = false;
+  entityIdValue: EntityId;
+
+  viewsInited = false;
+
+  @Input()
+  set active(active: boolean) {
+    if (this.activeValue !== active) {
+      this.activeValue = active;
+      if (this.activeValue && this.dirtyValue) {
+        this.dirtyValue = false;
+        if (this.viewsInited) {
+          this.updateData(true);
+        }
+      }
+    }
+  }
+
+  @Input()
+  set entityId(entityId: EntityId) {
+    if (this.entityIdValue !== entityId) {
+      this.entityIdValue = entityId;
+      if (this.viewsInited) {
+        this.resetSortAndFilter(this.activeValue);
+        if (!this.activeValue) {
+          this.dirtyValue = true;
+        }
+      }
+    }
+  }
+
+  @ViewChild('searchInput') searchInputField: ElementRef;
+
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+  @ViewChild(MatSort) sort: MatSort;
+
+  constructor(protected store: Store<AppState>,
+              private entityRelationService: EntityRelationService,
+              public translate: TranslateService,
+              public dialog: MatDialog,
+              private dialogService: DialogService) {
+    super(store);
+    this.dirtyValue = !this.activeValue;
+    const sortOrder: SortOrder = { property: 'type', direction: Direction.ASC };
+    this.direction = EntitySearchDirection.FROM;
+    this.pageLink = new PageLink(10, 0, null, sortOrder);
+    this.dataSource = new RelationsDatasource(this.entityRelationService, this.translate);
+    this.updateColumns();
+  }
+
+  ngOnInit() {
+  }
+
+  updateColumns() {
+    if (this.direction === EntitySearchDirection.FROM) {
+      this.displayedColumns = ['select', 'type', 'toEntityTypeName', 'toName', 'actions'];
+    } else {
+      this.displayedColumns = ['select', 'type', 'fromEntityTypeName', 'fromName', 'actions'];
+    }
+  }
+
+  directionChanged(direction: EntitySearchDirection) {
+    this.direction = direction;
+    this.updateColumns();
+    this.updateData(true);
+  }
+
+  ngAfterViewInit() {
+
+    fromEvent(this.searchInputField.nativeElement, 'keyup')
+      .pipe(
+        debounceTime(150),
+        distinctUntilChanged(),
+        tap(() => {
+          this.paginator.pageIndex = 0;
+          this.updateData();
+        })
+      )
+      .subscribe();
+
+    this.sort.sortChange.subscribe(() => this.paginator.pageIndex = 0);
+
+    merge(this.sort.sortChange, this.paginator.page)
+      .pipe(
+        tap(() => this.updateData())
+      )
+      .subscribe();
+
+    this.viewsInited = true;
+    if (this.activeValue && this.entityIdValue) {
+      this.updateData(true);
+    }
+  }
+
+  updateData(reload: boolean = false) {
+    this.pageLink.page = this.paginator.pageIndex;
+    this.pageLink.pageSize = this.paginator.pageSize;
+    this.pageLink.sortOrder.property = this.sort.active;
+    this.pageLink.sortOrder.direction = Direction[this.sort.direction.toUpperCase()];
+    this.dataSource.loadRelations(this.direction, this.entityIdValue, this.pageLink, reload);
+  }
+
+  enterFilterMode() {
+    this.textSearchMode = true;
+    this.pageLink.textSearch = '';
+    setTimeout(() => {
+      this.searchInputField.nativeElement.focus();
+      this.searchInputField.nativeElement.setSelectionRange(0, 0);
+    }, 10);
+  }
+
+  exitFilterMode() {
+    this.textSearchMode = false;
+    this.pageLink.textSearch = null;
+    this.paginator.pageIndex = 0;
+    this.updateData();
+  }
+
+  resetSortAndFilter(update: boolean = true) {
+    this.direction = EntitySearchDirection.FROM;
+    this.updateColumns();
+    this.pageLink.textSearch = null;
+    this.paginator.pageIndex = 0;
+    const sortable = this.sort.sortables.get('type');
+    this.sort.active = sortable.id;
+    this.sort.direction = 'asc';
+    if (update) {
+      this.updateData(true);
+    }
+  }
+
+  reloadRelations() {
+    this.updateData(true);
+  }
+
+  addRelation($event: Event) {
+    this.openRelationDialog($event);
+  }
+
+  editRelation($event: Event, relation: EntityRelationInfo) {
+    this.openRelationDialog($event, relation);
+  }
+
+  deleteRelation($event: Event, relation: EntityRelationInfo) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    let title;
+    let content;
+    if (this.direction === EntitySearchDirection.FROM) {
+      title = this.translate.instant('relation.delete-to-relation-title', {entityName: relation.toName});
+      content = this.translate.instant('relation.delete-to-relation-text', {entityName: relation.toName});
+    } else {
+      title = this.translate.instant('relation.delete-from-relation-title', {entityName: relation.fromName});
+      content = this.translate.instant('relation.delete-from-relation-text', {entityName: relation.fromName});
+    }
+
+    this.dialogService.confirm(
+      title,
+      content,
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+      true
+    ).subscribe((result) => {
+      if (result) {
+        this.entityRelationService.deleteRelation(
+          relation.from,
+          relation.type,
+          relation.to
+        ).subscribe(
+          () => {
+            this.reloadRelations();
+          }
+        );
+      }
+    });
+  }
+
+  deleteRelations($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    if (this.dataSource.selection.selected.length > 0) {
+      let title;
+      let content;
+
+      if (this.direction === EntitySearchDirection.FROM) {
+        title = this.translate.instant('relation.delete-to-relations-title', {count: this.dataSource.selection.selected.length});
+        content = this.translate.instant('relation.delete-to-relations-text');
+      } else {
+        title = this.translate.instant('relation.delete-from-relations-title', {count: this.dataSource.selection.selected.length});
+        content = this.translate.instant('relation.delete-from-relations-text');
+      }
+
+      this.dialogService.confirm(
+        title,
+        content,
+        this.translate.instant('action.no'),
+        this.translate.instant('action.yes'),
+        true
+      ).subscribe((result) => {
+        if (result) {
+          const tasks: Observable<any>[] = [];
+          this.dataSource.selection.selected.forEach((relation) => {
+            tasks.push(this.entityRelationService.deleteRelation(
+              relation.from,
+              relation.type,
+              relation.to
+            ));
+          });
+          forkJoin(tasks).subscribe(
+            () => {
+              this.reloadRelations();
+            }
+          );
+        }
+      });
+    }
+  }
+
+  openRelationDialog($event: Event, relation: EntityRelation = null) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+
+    let isAdd = false;
+    if (!relation) {
+      isAdd = true;
+      relation = {
+        from: null,
+        to: null,
+        type: null,
+        typeGroup: RelationTypeGroup.COMMON
+      };
+      if (this.direction === EntitySearchDirection.FROM) {
+        relation.from = this.entityIdValue;
+      } else {
+        relation.to = this.entityIdValue;
+      }
+    }
+
+    this.dialog.open<RelationDialogComponent, RelationDialogData, boolean>(RelationDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        isAdd,
+        direction: this.direction,
+        relation: {...relation}
+      }
+    }).afterClosed().subscribe(
+      (res) => {
+        if (res) {
+          this.reloadRelations();
+        }
+      }
+    );
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/shared-home-components.module.ts b/ui-ngx/src/app/modules/home/components/shared-home-components.module.ts
new file mode 100644
index 0000000000..0d0eeace91
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/shared-home-components.module.ts
@@ -0,0 +1,35 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@app/shared/shared.module';
+import { AlarmDetailsDialogComponent } from '@home/components/alarm/alarm-details-dialog.component';
+
+@NgModule({
+  declarations:
+    [
+      AlarmDetailsDialogComponent
+    ],
+  imports: [
+    CommonModule,
+    SharedModule
+  ],
+  exports: [
+    AlarmDetailsDialogComponent
+  ]
+})
+export class SharedHomeComponentsModule { }
diff --git a/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-editor.component.html b/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-editor.component.html
new file mode 100644
index 0000000000..f6841e5da5
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-editor.component.html
@@ -0,0 +1,53 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-custom-action-pretty mat-elevation-z1" tb-fullscreen [fullscreen]="fullscreen">
+  <div fxLayout="row" fxLayoutAlign="end center" class="tb-action-expand-button" [ngClass]="{'tb-fullscreen-editor': fullscreen}">
+    <button mat-button fxHide.xs fxHide.sm
+            matTooltip="{{ 'widget.toggle-fullscreen' | translate }}"
+            matTooltipPosition="above"
+            (click)="fullscreen = !fullscreen">
+      <mat-icon>{{ fullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+      <span *ngIf="fullscreen" translate>widget.toggle-fullscreen</span>
+    </button>
+  </div>
+  <div class="tb-custom-action-editor" [ngClass]="{'tb-fullscreen-editor': fullscreen}">
+    <div *ngIf="!fullscreen; else fullscreenEditor">
+      <tb-custom-action-pretty-resources-tabs [hasCustomFunction]="true"
+                                              [action]="action" (actionUpdated)="onActionUpdated($event ? true : false)">
+      </tb-custom-action-pretty-resources-tabs>
+    </div>
+    <ng-template #fullscreenEditor>
+      <div class="tb-fullscreen-panel tb-layout-fill" fxLayout="row">
+        <div #leftPanel class="tb-split tb-content">
+          <tb-custom-action-pretty-resources-tabs [hasCustomFunction]="false"
+                                                  [action]="action" (actionUpdated)="onActionUpdated($event ? true : false)">
+          </tb-custom-action-pretty-resources-tabs>
+        </div>
+        <div #rightPanel class="tb-split tb-content right-panel">
+          <tb-js-func
+            [(ngModel)]="action.customFunction"
+            (ngModelChange)="onActionUpdated()"
+            [fillHeight]="true"
+            [functionArgs]="['$event', 'widgetContext', 'entityId', 'entityName', 'htmlTemplate', 'additionalParams']"
+            [validationArgs]="[]">
+          </tb-js-func>
+        </div>
+      </div>
+    </ng-template>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-editor.component.scss b/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-editor.component.scss
new file mode 100644
index 0000000000..3fe4f15f89
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-editor.component.scss
@@ -0,0 +1,107 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.tb-custom-action-pretty {
+  box-sizing: border-box;
+  position: relative;
+  padding: 8px;
+  background-color: #fff;
+
+  .tb-fullscreen-panel {
+    .tb-custom-action-editor-container {
+      height: calc(100% - 40px);
+    }
+
+    .right-panel {
+      padding-top: 8px;
+      padding-left: 3px;
+    }
+
+    tb-js-func .tb-js-func-panel {
+      box-sizing: border-box;
+    }
+
+    mat-tab-group {
+      .mat-tab-body-wrapper {
+        height: 100%;
+        mat-tab-body {
+          height: 100%;
+          & > div {
+            height: 100%;
+          }
+        }
+      }
+    }
+  }
+
+  .tb-split {
+    box-sizing: border-box;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+
+  .tb-content {
+    border: 1px solid #c0c0c0;
+  }
+
+  .gutter {
+    background-color: #eee;
+    background-repeat: no-repeat;
+    background-position: 50%;
+  }
+
+  .gutter.gutter-horizontal {
+    cursor: col-resize;
+    background-image: url("../../../../../../assets/split.js/grips/vertical.png");
+  }
+
+  .tb-split.tb-split-horizontal,
+  .gutter.gutter-horizontal {
+    float: left;
+    height: 100%;
+  }
+
+  .tb-action-expand-button {
+    position: absolute;
+    right: 14px;
+    z-index: 2;
+
+    &.tb-fullscreen-editor {
+      position: relative;
+      right: 0;
+      .mat-button {
+        .mat-icon {
+          margin-right: 5px;
+        }
+      }
+    }
+
+    .mat-button {
+      min-width: 36px;
+      padding: 0;
+      .mat-icon {
+        margin-right: 0;
+      }
+    }
+  }
+
+  .tb-custom-action-editor {
+    &.tb-fullscreen-editor {
+      height: 100%;
+    }
+  }
+}
+
+
diff --git a/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-editor.component.ts b/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-editor.component.ts
new file mode 100644
index 0000000000..981ca9a0ae
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-editor.component.ts
@@ -0,0 +1,141 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+// tslint:disable-next-line:no-reference
+/// <reference path="../../../../../../../src/typings/split.js.typings.d.ts" />
+
+import {
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  Component,
+  ElementRef,
+  forwardRef,
+  Input,
+  OnDestroy,
+  OnInit,
+  ViewChild, ViewEncapsulation, ViewChildren, QueryList, ComponentFactoryResolver
+} from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { TranslateService } from '@ngx-translate/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { MatDialog } from '@angular/material/dialog';
+import { DialogService } from '@core/services/dialog.service';
+import { PageLink } from '@shared/models/page/page-link';
+import { Direction, SortOrder } from '@shared/models/page/sort-order';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { combineLatest, fromEvent, merge } from 'rxjs';
+import { debounceTime, distinctUntilChanged, tap } from 'rxjs/operators';
+import {
+  WidgetActionDescriptorInfo,
+  WidgetActionsData,
+  WidgetActionsDatasource,
+  WidgetActionCallbacks, toWidgetActionDescriptor
+} from '@home/components/widget/action/manage-widget-actions.component.models';
+import { UtilsService } from '@core/services/utils.service';
+import { EntityRelation, EntitySearchDirection, RelationTypeGroup } from '@shared/models/relation.models';
+import { RelationDialogComponent, RelationDialogData } from '@home/components/relation/relation-dialog.component';
+import { CustomActionDescriptor, WidgetActionDescriptor, WidgetActionSource } from '@shared/models/widget.models';
+import {
+  WidgetActionDialogComponent,
+  WidgetActionDialogData
+} from '@home/components/widget/action/widget-action-dialog.component';
+import { deepClone } from '@core/utils';
+import { TbAnchorComponent } from '@shared/components/tb-anchor.component';
+import { CustomActionPrettyResourcesTabsComponent } from '@home/components/widget/action/custom-action-pretty-resources-tabs.component';
+import { MatTab, MatTabGroup } from '@angular/material/tabs';
+
+@Component({
+  selector: 'tb-custom-action-pretty-editor',
+  templateUrl: './custom-action-pretty-editor.component.html',
+  styleUrls: ['./custom-action-pretty-editor.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => CustomActionPrettyEditorComponent),
+      multi: true
+    }
+  ],
+  encapsulation: ViewEncapsulation.None
+})
+export class CustomActionPrettyEditorComponent extends PageComponent implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor {
+
+  @Input() disabled: boolean;
+
+  action: CustomActionDescriptor;
+
+  fullscreen = false;
+
+  @ViewChildren('leftPanel')
+  leftPanelElmRef: QueryList<ElementRef<HTMLElement>>;
+
+  @ViewChildren('rightPanel')
+  rightPanelElmRef: QueryList<ElementRef<HTMLElement>>;
+
+  private propagateChange = (_: any) => {};
+
+  constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+  }
+
+  ngAfterViewInit(): void {
+    combineLatest(this.leftPanelElmRef.changes, this.rightPanelElmRef.changes).subscribe(() => {
+      if (this.leftPanelElmRef.length && this.rightPanelElmRef.length) {
+        this.initSplitLayout(this.leftPanelElmRef.first.nativeElement,
+          this.rightPanelElmRef.first.nativeElement);
+      }
+    });
+  }
+
+  private initSplitLayout(leftPanel: any, rightPanel: any) {
+    Split([leftPanel, rightPanel], {
+      sizes: [50, 50],
+      gutterSize: 8,
+      cursor: 'col-resize'
+    });
+  }
+
+  ngOnDestroy(): void {
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(obj: CustomActionDescriptor): void {
+    this.action = obj;
+  }
+
+  public onActionUpdated(valid: boolean = true) {
+    if (!valid) {
+      this.propagateChange(null);
+    } else {
+      this.propagateChange(this.action);
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-resources-tabs.component.html b/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-resources-tabs.component.html
new file mode 100644
index 0000000000..6a002dc932
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-resources-tabs.component.html
@@ -0,0 +1,100 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-tab-group selectedIndex="{{hasCustomFunction ? 3 : 2}}" dynamicHeight="true" style="width: 100%; height: 100%;">
+  <mat-tab label="{{ 'widget.resources' | translate }}" style="width: 100%; height: 100%;">
+    <div class="tb-custom-action-editor-container" style="background-color: #fff;">
+      <div class="mat-padding">
+        <div fxFlex fxLayout="row" style="max-height: 40px;"
+             fxLayoutAlign="start center"
+             *ngFor="let resource of action.customResources; let i = index" >
+          <mat-form-field fxFlex class="mat-block resource-field" floatLabel="never"
+                          style="margin: 10px 0px 0px 0px; max-height: 40px;">
+            <input required matInput [(ngModel)]="resource.url"
+                   (ngModelChange)="notifyActionUpdated()"
+                   placeholder="{{ 'widget.resource-url' | translate }}"/>
+          </mat-form-field>
+          <button mat-button mat-icon-button color="primary"
+                  [disabled]="isLoading$ | async"
+                  type="button"
+                  (click)="removeResource(i)"
+                  matTooltip="{{'widget.remove-resource' | translate}}"
+                  matTooltipPosition="above">
+            <mat-icon>close</mat-icon>
+          </button>
+        </div>
+        <div style="margin-top: 6px;">
+          <button mat-button mat-raised-button color="primary"
+                  [disabled]="isLoading$ | async"
+                  type="button"
+                  (click)="addResource()"
+                  matTooltip="{{'widget.add-resource' | translate}}"
+                  matTooltipPosition="above">
+            <span translate>action.add</span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </mat-tab>
+  <mat-tab label="{{ 'widget.css' | translate }}" style="width: 100%; height: 100%;">
+    <div class="tb-custom-action-editor-container" tb-fullscreen [fullscreen]="cssFullscreen">
+      <div class="tb-editor-area-title-panel">
+        <button mat-button
+                type="button"
+                (click)="beautifyCss()">
+          {{ 'widget.tidy' | translate }}
+        </button>
+        <button mat-button
+                type="button"
+                mat-icon-button class="tb-mat-32"
+                (click)="cssFullscreen = !cssFullscreen"
+                matTooltip="{{(cssFullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
+                matTooltipPosition="above">
+          <mat-icon>{{ cssFullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+        </button>
+      </div>
+      <div #cssInput class="css-panel"></div>
+    </div>
+  </mat-tab>
+  <mat-tab label="{{ 'widget.html' | translate }}" style="width: 100%; height: 100%;">
+    <div class="tb-custom-action-editor-container" tb-fullscreen [fullscreen]="htmlFullscreen">
+      <div class="tb-editor-area-title-panel">
+        <button mat-button
+                type="button" (click)="beautifyHtml()">
+          {{ 'widget.tidy' | translate }}
+        </button>
+        <button mat-button
+                type="button"
+                mat-icon-button class="tb-mat-32"
+                (click)="htmlFullscreen = !htmlFullscreen"
+                matTooltip="{{(htmlFullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
+                matTooltipPosition="above">
+          <mat-icon>{{ htmlFullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+        </button>
+      </div>
+      <div #htmlInput class="html-panel"></div>
+    </div>
+  </mat-tab>
+  <mat-tab *ngIf="hasCustomFunction" label="{{ 'widget.js' | translate }}" style="width: 100%; height: 100%;">
+    <tb-js-func
+      [(ngModel)]="action.customFunction"
+      (ngModelChange)="notifyActionUpdated()"
+      [functionArgs]="['$event', 'widgetContext', 'entityId', 'entityName', 'htmlTemplate', 'additionalParams']"
+      [validationArgs]="[]">
+    </tb-js-func>
+  </mat-tab>
+</mat-tab-group>
diff --git a/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-resources-tabs.component.scss b/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-resources-tabs.component.scss
new file mode 100644
index 0000000000..6a37c45ae6
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-resources-tabs.component.scss
@@ -0,0 +1,79 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.tb-custom-action-editor-container {
+
+  mat-form-field.resource-field {
+    max-height: 40px;
+    margin: 10px 0px 0px 0px;
+    .mat-form-field-wrapper {
+      padding-bottom: 0;
+      .mat-form-field-flex {
+        max-height: 40px;
+        .mat-form-field-infix {
+          border: 0;
+        }
+      }
+      .mat-form-field-underline {
+        bottom: 0;
+      }
+    }
+  }
+
+  .html-panel,
+  .css-panel {
+    width: 100%;
+    min-width: 200px;
+    height: 100%;
+    min-height: 200px;
+  }
+
+  div.tb-editor-area-title-panel {
+    position: absolute;
+    top: 5px;
+    right: 20px;
+    z-index: 5;
+    font-size: .8rem;
+    font-weight: 500;
+
+    label {
+      padding: 4px;
+      color: #00acc1;
+      text-transform: uppercase;
+      background: rgba(220, 220, 220, .35);
+      border-radius: 5px;
+      &:not(:last-child) {
+        margin-right: 4px;
+      }
+    }
+
+    button.mat-button, button.mat-icon-button, button.mat-icon-button.tb-mat-32 {
+      align-items: center;
+      vertical-align: middle;
+      min-width: 32px;
+      min-height: 15px;
+      padding: 4px;
+      margin: 0;
+      font-size: .8rem;
+      line-height: 15px;
+      color: #7b7b7b;
+      background: rgba(220, 220, 220, .35);
+      &:not(:last-child) {
+        margin-right: 4px;
+      }
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-resources-tabs.component.ts b/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-resources-tabs.component.ts
new file mode 100644
index 0000000000..5c83f173ee
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-resources-tabs.component.ts
@@ -0,0 +1,211 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  Component,
+  ElementRef,
+  EventEmitter,
+  Input,
+  OnChanges,
+  OnDestroy,
+  OnInit,
+  Output, QueryList,
+  SimpleChanges,
+  ViewChild, ViewChildren, ViewEncapsulation
+} from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { CustomActionDescriptor } from '@shared/models/widget.models';
+import * as ace from 'ace-builds';
+import { CancelAnimationFrame, RafService } from '@core/services/raf.service';
+import { css_beautify, html_beautify } from 'js-beautify';
+import { MatTab } from '@angular/material/tabs';
+import { BehaviorSubject } from 'rxjs';
+
+@Component({
+  selector: 'tb-custom-action-pretty-resources-tabs',
+  templateUrl: './custom-action-pretty-resources-tabs.component.html',
+  styleUrls: ['./custom-action-pretty-resources-tabs.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class CustomActionPrettyResourcesTabsComponent extends PageComponent implements OnInit, OnChanges, OnDestroy {
+
+  @Input()
+  action: CustomActionDescriptor;
+
+  @Input()
+  hasCustomFunction: boolean;
+
+  @Output()
+  actionUpdated: EventEmitter<CustomActionDescriptor> = new EventEmitter<CustomActionDescriptor>();
+
+  @ViewChild('htmlInput', {static: true})
+  htmlInputElmRef: ElementRef;
+
+  @ViewChild('cssInput', {static: true})
+  cssInputElmRef: ElementRef;
+
+  htmlFullscreen = false;
+  cssFullscreen = false;
+
+  aceEditors: ace.Ace.Editor[] = [];
+  editorsResizeCafs: {[editorId: string]: CancelAnimationFrame} = {};
+  aceResizeListeners: { element: any, resizeListener: any }[] = [];
+  htmlEditor: ace.Ace.Editor;
+  cssEditor: ace.Ace.Editor;
+  setValuesPending = false;
+
+  constructor(protected store: Store<AppState>,
+              private translate: TranslateService,
+              private raf: RafService) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+    this.initAceEditors();
+    if (this.setValuesPending) {
+      this.setAceEditorValues();
+      this.setValuesPending = false;
+    }
+  }
+
+  ngOnDestroy(): void {
+    this.aceResizeListeners.forEach((resizeListener) => {
+      // @ts-ignore
+      removeResizeListener(resizeListener.element, resizeListener.resizeListener);
+    });
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (propName === 'action') {
+        if (this.aceEditors.length) {
+          this.setAceEditorValues();
+        } else {
+          this.setValuesPending = true;
+        }
+      }
+    }
+  }
+
+  public notifyActionUpdated() {
+    this.actionUpdated.emit(this.validate() ? this.action : null);
+  }
+
+  private validate(): boolean {
+    for (const resource of this.action.customResources) {
+      if (!resource.url) {
+        return false;
+      }
+    }
+    return true;
+  }
+
+  public addResource() {
+    this.action.customResources.push({url: ''});
+    this.notifyActionUpdated();
+  }
+
+  public removeResource(index: number) {
+    if (index > -1) {
+      if (this.action.customResources.splice(index, 1).length > 0) {
+        this.notifyActionUpdated();
+      }
+    }
+  }
+
+  public beautifyCss(): void {
+    const res = css_beautify(this.action.customCss, {indent_size: 4});
+    if (this.action.customCss !== res) {
+      this.action.customCss = res;
+      this.cssEditor.setValue(this.action.customCss ? this.action.customCss : '', -1);
+      this.notifyActionUpdated();
+    }
+  }
+
+  public beautifyHtml(): void {
+    const res = html_beautify(this.action.customHtml, {indent_size: 4, wrap_line_length: 60});
+    if (this.action.customHtml !== res) {
+      this.action.customHtml = res;
+      this.htmlEditor.setValue(this.action.customHtml ? this.action.customHtml : '', -1);
+      this.notifyActionUpdated();
+    }
+  }
+
+  private initAceEditors() {
+    this.htmlEditor = this.createAceEditor(this.htmlInputElmRef, 'html');
+    this.htmlEditor.on('input', () => {
+      const editorValue = this.htmlEditor.getValue();
+      if (this.action.customHtml !== editorValue) {
+        this.action.customHtml = editorValue;
+        this.notifyActionUpdated();
+      }
+    });
+    this.cssEditor = this.createAceEditor(this.cssInputElmRef, 'css');
+    this.cssEditor.on('input', () => {
+      const editorValue = this.cssEditor.getValue();
+      if (this.action.customCss !== editorValue) {
+        this.action.customCss = editorValue;
+        this.notifyActionUpdated();
+      }
+    });
+  }
+
+  private createAceEditor(editorElementRef: ElementRef, mode: string): ace.Ace.Editor {
+    const editorElement = editorElementRef.nativeElement;
+    let editorOptions: Partial<ace.Ace.EditorOptions> = {
+      mode: `ace/mode/${mode}`,
+      showGutter: true,
+      showPrintMargin: true
+    };
+    const advancedOptions = {
+      enableSnippets: true,
+      enableBasicAutocompletion: true,
+      enableLiveAutocompletion: true
+    };
+    editorOptions = {...editorOptions, ...advancedOptions};
+    const aceEditor = ace.edit(editorElement, editorOptions);
+    aceEditor.session.setUseWrapMode(true);
+    this.aceEditors.push(aceEditor);
+
+    const resizeListener = this.onAceEditorResize.bind(this, aceEditor);
+
+    // @ts-ignore
+    addResizeListener(editorElement, resizeListener);
+    this.aceResizeListeners.push({element: editorElement, resizeListener});
+    return aceEditor;
+  }
+
+  private setAceEditorValues() {
+    this.htmlEditor.setValue(this.action.customHtml ? this.action.customHtml : '', -1);
+    this.cssEditor.setValue(this.action.customCss ? this.action.customCss : '', -1);
+  }
+
+  private onAceEditorResize(aceEditor: ace.Ace.Editor) {
+    if (this.editorsResizeCafs[aceEditor.id]) {
+      this.editorsResizeCafs[aceEditor.id]();
+      delete this.editorsResizeCafs[aceEditor.id];
+    }
+    this.editorsResizeCafs[aceEditor.id] = this.raf.raf(() => {
+      aceEditor.resize();
+      aceEditor.renderer.updateFull();
+    });
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/action/custom-sample-css.raw b/ui-ngx/src/app/modules/home/components/widget/action/custom-sample-css.raw
new file mode 100644
index 0000000000..56620aee51
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/action/custom-sample-css.raw
@@ -0,0 +1,126 @@
+/*================================================================================*/
+/*=======================  New TB 3.0 / Angular 8 Example  =======================*/
+/*================================================================================*/
+/*
+.edit-entity-form mat-form-field {
+    padding-right: 10px;
+}
+*/
+/*=======================================================================*/
+/*==========  There are two examples: for edit and add entity  ==========*/
+/*=======================================================================*/
+/*========================  Edit entity example  ========================*/
+/*=======================================================================*/
+/*
+.edit-entity-form md-input-container {
+    padding-right: 10px;
+}
+
+.edit-entity-form .boolean-value-input {
+    padding-left: 5px;
+}
+
+.edit-entity-form .boolean-value-input .checkbox-label {
+    margin-bottom: 8px;
+    color: rgba(0,0,0,0.54);
+    font-size: 12px;
+}
+
+.relations-list .header {
+    padding-right: 5px;
+    padding-bottom: 5px;
+    padding-left: 5px;
+}
+
+.relations-list .header .cell {
+    padding-right: 5px;
+    padding-left: 5px;
+    font-size: 12px;
+    font-weight: 700;
+    color: rgba(0, 0, 0, .54);
+    white-space: nowrap;
+}
+
+.relations-list .body {
+    padding-right: 5px;
+    padding-bottom: 15px;
+    padding-left: 5px;
+}
+
+.relations-list .body .row {
+    padding-top: 5px;
+}
+
+.relations-list .body .cell {
+    padding-right: 5px;
+    padding-left: 5px;
+}
+
+.relations-list .body md-autocomplete-wrap md-input-container {
+    height: 30px;
+}
+
+.relations-list .body .md-button {
+    margin: 0;
+}
+
+.relations-list.old-relations tb-entity-select tb-entity-autocomplete button {
+    display: none;
+}
+*/
+/*========================================================================*/
+/*=========================  Add entity example  =========================*/
+/*========================================================================*/
+/*
+.add-entity-form md-input-container {
+    padding-right: 10px;
+}
+
+.add-entity-form .boolean-value-input {
+    padding-left: 5px;
+}
+
+.add-entity-form .boolean-value-input .checkbox-label {
+    margin-bottom: 8px;
+    color: rgba(0,0,0,0.54);
+    font-size: 12px;
+}
+
+.relations-list .header {
+    padding-right: 5px;
+    padding-bottom: 5px;
+    padding-left: 5px;
+}
+
+.relations-list .header .cell {
+    padding-right: 5px;
+    padding-left: 5px;
+    font-size: 12px;
+    font-weight: 700;
+    color: rgba(0, 0, 0, .54);
+    white-space: nowrap;
+}
+
+.relations-list .body {
+    padding-right: 5px;
+    padding-bottom: 15px;
+    padding-left: 5px;
+}
+
+.relations-list .body .row {
+    padding-top: 5px;
+}
+
+.relations-list .body .cell {
+    padding-right: 5px;
+    padding-left: 5px;
+}
+
+.relations-list .body md-autocomplete-wrap md-input-container {
+    height: 30px;
+}
+
+.relations-list .body .md-button {
+    margin: 0;
+}
+*/
diff --git a/ui-ngx/src/app/modules/home/components/widget/action/custom-sample-html.raw b/ui-ngx/src/app/modules/home/components/widget/action/custom-sample-html.raw
new file mode 100644
index 0000000000..73d771b9c6
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/action/custom-sample-html.raw
@@ -0,0 +1,349 @@
+<!--=======================================================================-->
+<!--===================  New TB 3.0 / Angular 8 Example   =================-->
+<!--=======================================================================-->
+<!--<form #editEntityForm="ngForm" [formGroup]="editEntityFormGroup"-->
+<!--      class="edit-entity-form"-->
+<!--      (ngSubmit)="save()" style="width: 600px;">-->
+<!--  <mat-toolbar fxLayout="row" color="primary">-->
+<!--    <h2>Edit {{entityType.toLowerCase()}} {{entityName}}</h2>-->
+<!--    <span fxFlex></span>-->
+<!--    <button mat-button mat-icon-button-->
+<!--            (click)="cancel()"-->
+<!--            type="button">-->
+<!--      <mat-icon class="material-icons">close</mat-icon>-->
+<!--    </button>-->
+<!--  </mat-toolbar>-->
+<!--  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">-->
+<!--  </mat-progress-bar>-->
+<!--  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>-->
+<!--  <div mat-dialog-content>-->
+<!--      <div class="mat-padding" fxLayout="column">-->
+<!--          <mat-form-field class="mat-block">-->
+<!--                <mat-label>Entity name</mat-label>-->
+<!--                <input matInput formControlName="entityName" required>-->
+<!--                <mat-error *ngIf="editEntityFormGroup.get('entityName').hasError('required')">-->
+<!--                    Entity name required-->
+<!--                </mat-error>-->
+<!--           </mat-form-field>-->
+<!--      </div>  -->
+<!--  </div>-->
+<!--  <div mat-dialog-actions fxLayout="row">-->
+<!--    <span fxFlex></span>-->
+<!--    <button mat-button mat-raised-button color="primary"-->
+<!--            type="submit"-->
+<!--            [disabled]="(isLoading$ | async) || editEntityForm.invalid || !editEntityForm.dirty">-->
+<!--      {{ 'action.save' | translate }}-->
+<!--    </button>-->
+<!--    <button mat-button color="primary"-->
+<!--            style="margin-right: 20px;"-->
+<!--            type="button"-->
+<!--            [disabled]="(isLoading$ | async)"-->
+<!--            (click)="cancel()" cdkFocusInitial>-->
+<!--      {{ 'action.cancel' | translate }}-->
+<!--    </button>-->
+<!--  </div>-->
+<!--</form>-->
+<!--=======================================================================-->
+<!--=====  There are two example templates: for edit and add entity   =====-->
+<!--=======================================================================-->
+<!--========================  Edit entity example  ========================-->
+<!--=======================================================================-->
+<!-- -->
+<!--<md-dialog aria-label="Edit entity">-->
+<!--    <form name="editEntityForm" class="edit-entity-form" ng-submit="vm.save()">-->
+<!--        <md-toolbar>-->
+<!--            <div class="md-toolbar-tools">-->
+<!--                <h2>Edit {{vm.entityType.toLowerCase()}} {{vm.entityName}}</h2>-->
+<!--                <span flex></span>-->
+<!--                <md-button class="md-icon-button" ng-click="vm.cancel()">-->
+<!--                    <ng-md-icon icon="close" aria-label="Close"></ng-md-icon>-->
+<!--                </md-button>-->
+<!--            </div>-->
+<!--        </md-toolbar>-->
+<!--        <md-dialog-content>-->
+<!--            <div class="md-dialog-content">-->
+<!--                <div layout="row">-->
+<!--                    <md-input-container flex class="md-block">-->
+<!--                        <label>Entity Name</label>-->
+<!--                        <input ng-model="vm.entityName" readonly>-->
+<!--                    </md-input-container>-->
+<!--                    <md-input-container flex class="md-block">-->
+<!--                        <label>Entity Type</label>-->
+<!--                        <input ng-model="vm.entityType" readonly>-->
+<!--                    </md-input-container>-->
+<!--                    <md-input-container flex class="md-block">-->
+<!--                        <label>Type</label>-->
+<!--                        <input ng-model="vm.type" readonly>-->
+<!--                    </md-input-container>-->
+<!--                </div>-->
+<!--                <div layout="row">-->
+<!--                    <md-input-container flex class="md-block">-->
+<!--                        <label>Latitude</label>-->
+<!--                        <input name="latitude" type="number" step="any" ng-model="vm.attributes.latitude">-->
+<!--                    </md-input-container>-->
+<!--                    <md-input-container flex class="md-block">-->
+<!--                        <label>Longitude</label>-->
+<!--                        <input name="longitude" type="number" step="any" ng-model="vm.attributes.longitude">-->
+<!--                    </md-input-container>-->
+<!--                </div>-->
+<!--                 <div layout="row">-->
+<!--                    <md-input-container flex class="md-block">-->
+<!--                        <label>Address</label>-->
+<!--                        <input ng-model="vm.attributes.address">-->
+<!--                    </md-input-container>-->
+<!--                    <md-input-container flex class="md-block">-->
+<!--                        <label>Owner</label>-->
+<!--                        <input ng-model="vm.attributes.owner">-->
+<!--                    </md-input-container>-->
+<!--                </div>-->
+<!--                <div layout="row">-->
+<!--                    <md-input-container flex class="md-block">-->
+<!--                        <label>Integer Value</label>-->
+<!--                        <input name="integerNumber" type="number" step="1" ng-pattern="/^-?[0-9]+$/" ng-model="vm.attributes.number">-->
+<!--                        <div ng-messages="editEntityForm.integerNumber.$error">-->
+<!--                            <div ng-message="pattern">Invalid integer value.</div>-->
+<!--                        </div>-->
+<!--                    </md-input-container>-->
+<!--                    <div class="boolean-value-input" layout="column" layout-align="center start" flex>-->
+<!--                        <label class="checkbox-label">Boolean Value</label>-->
+<!--                        <md-checkbox ng-model="vm.attributes.booleanValue" style="margin-bottom: 40px;">-->
+<!--                            {{ (vm.attributes.booleanValue ? "value.true" : "value.false") | translate }}-->
+<!--                        </md-checkbox>-->
+<!--                    </div>-->
+<!--                </div>-->
+<!--                <div class="relations-list old-relations">-->
+<!--                    <div class="md-body-1" style="padding-bottom: 10px; color: rgba(0,0,0,0.57);">Relations</div>-->
+<!--                    <div class="body" ng-show="vm.relations.length">-->
+<!--                        <div class="row" layout="row" layout-align="start center" ng-repeat="relation in vm.relations track by $index">-->
+<!--                            <div class="md-whiteframe-1dp" flex layout="row" style="padding-left: 5px; margin-bottom: 3px;">-->
+<!--                                <div flex layout="column">-->
+<!--                                    <div layout="row">-->
+<!--                                        <md-input-container class="md-block" style="min-width: 100px;">-->
+<!--                                            <label>Direction</label>-->
+<!--                                            <md-select ng-disabled="true" required ng-model="relation.direction">-->
+<!--                                                <md-option ng-repeat="direction in vm.entitySearchDirection" ng-value="direction">-->
+<!--                                                    {{ ("relation.search-direction." + direction) | translate}}-->
+<!--                                                </md-option>-->
+<!--                                            </md-select>-->
+<!--                                        </md-input-container>-->
+<!--                                        <tb-relation-type-autocomplete ng-disabled="true" flex class="md-block"-->
+<!--                                           the-form="editEntityForm"-->
+<!--                                           ng-model="relation.relationType"-->
+<!--                                           tb-required="true">-->
+<!--                                        </tb-relation-type-autocomplete>-->
+<!--                                    </div>-->
+<!--                                    <div layout="row">-->
+<!--                                        <tb-entity-select flex class="md-block"-->
+<!--                                            the-form="editEntityForm"-->
+<!--                                            ng-disabled="true"-->
+<!--                                            tb-required="true"-->
+<!--                                            ng-model="relation.relatedEntity">-->
+<!--                                        </tb-entity-select>-->
+<!--                                    </div>-->
+<!--                                </div>-->
+<!--                                <div layout="column" layout-align="center center">-->
+<!--                                    <md-button class="md-icon-button md-primary" style="width: 40px; min-width: 40px;"-->
+<!--                                               ng-click="vm.removeOldRelation($index,relation)" aria-label="Remove">-->
+<!--                                        <md-tooltip md-direction="top">Remove relation</md-tooltip>-->
+<!--                                        <md-icon aria-label="Remove" class="material-icons">-->
+<!--                                            close-->
+<!--                                        </md-icon>-->
+<!--                                    </md-button>-->
+<!--                                </div>-->
+<!--                            </div>-->
+<!--                        </div>-->
+<!--                    </div>-->
+<!--                </div>-->
+<!--                <div class="relations-list">-->
+<!--                    <div class="md-body-1" style="padding-bottom: 10px; color: rgba(0,0,0,0.57);">New Relations</div>-->
+<!--                    <div class="body" ng-show="vm.newRelations.length">-->
+<!--                        <div class="row" layout="row" layout-align="start center" ng-repeat="relation in vm.newRelations track by $index">-->
+<!--                            <div class="md-whiteframe-1dp" flex layout="row" style="padding-left: 5px; margin-bottom: 3px;">-->
+<!--                                <div flex layout="column">-->
+<!--                                    <div layout="row">-->
+<!--                                        <md-input-container class="md-block" style="min-width: 100px;">-->
+<!--                                            <label>Direction</label>-->
+<!--                                            <md-select name="direction" required ng-model="relation.direction">-->
+<!--                                                <md-option ng-repeat="direction in vm.entitySearchDirection" ng-value="direction">-->
+<!--                                                    {{ ("relation.search-direction." + direction) | translate}}-->
+<!--                                                </md-option>-->
+<!--                                            </md-select>-->
+<!--                                            <div ng-messages="editEntityForm.direction.$error">-->
+<!--                                                <div ng-message="required">Relation direction is required.</div>-->
+<!--                                            </div>-->
+<!--                                        </md-input-container>-->
+<!--                                        <tb-relation-type-autocomplete flex class="md-block"-->
+<!--                                           the-form="editEntityForm"-->
+<!--                                           ng-model="relation.relationType"-->
+<!--                                           tb-required="true">-->
+<!--                                        </tb-relation-type-autocomplete>-->
+<!--                                    </div>-->
+<!--                                    <div layout="row">-->
+<!--                                        <tb-entity-select flex class="md-block"-->
+<!--                                            the-form="editEntityForm"-->
+<!--                                            tb-required="true"-->
+<!--                                            ng-model="relation.relatedEntity">-->
+<!--                                        </tb-entity-select>-->
+<!--                                    </div>-->
+<!--                                </div>-->
+<!--                                <div layout="column" layout-align="center center">-->
+<!--                                    <md-button class="md-icon-button md-primary" style="width: 40px; min-width: 40px;"-->
+<!--                                               ng-click="vm.removeRelation($index)" aria-label="Remove">-->
+<!--                                        <md-tooltip md-direction="top">Remove relation</md-tooltip>-->
+<!--                                        <md-icon aria-label="Remove" class="material-icons">-->
+<!--                                            close-->
+<!--                                        </md-icon>-->
+<!--                                    </md-button>-->
+<!--                                </div>-->
+<!--                            </div>-->
+<!--                        </div>-->
+<!--                    </div>-->
+<!--                   <div>-->
+<!--                       <md-button class="md-primary md-raised" ng-click="vm.addRelation()" aria-label="Add">-->
+<!--                           <md-tooltip md-direction="top">Add Relation</md-tooltip>-->
+<!--                           Add-->
+<!--                       </md-button>-->
+<!--                   </div> -->
+<!--                </div>-->
+<!--            </div>-->
+<!--        </md-dialog-content>-->
+<!--        <md-dialog-actions>-->
+<!--            <md-button type="submit" ng-disabled="editEntityForm.$invalid || !editEntityForm.$dirty" class="md-raised md-primary">Save</md-button>-->
+<!--            <md-button ng-click="vm.cancel()" class="md-primary">Cancel</md-button>-->
+<!--        </md-dialog-actions>-->
+<!--    </form>-->
+<!--</md-dialog>-->
+<!---->
+<!--========================================================================-->
+<!--=========================  Add entity example  =========================-->
+<!--========================================================================-->
+<!---->
+<!--<md-dialog aria-label="Add entity">-->
+<!--    <form name="addEntityForm" class="add-entity-form" ng-submit="vm.save()">-->
+<!--        <md-toolbar>-->
+<!--            <div class="md-toolbar-tools">-->
+<!--                <h2>Add entity</h2>-->
+<!--                <span flex></span>-->
+<!--                <md-button class="md-icon-button" ng-click="vm.cancel()">-->
+<!--                    <ng-md-icon icon="close" aria-label="Close"></ng-md-icon>-->
+<!--                </md-button>-->
+<!--            </div>-->
+<!--        </md-toolbar>-->
+<!--        <md-dialog-content>-->
+<!--            <div class="md-dialog-content">-->
+<!--                <div layout="row">-->
+<!--                    <md-input-container flex class="md-block">-->
+<!--                        <label>Entity Name</label>-->
+<!--                        <input ng-model="vm.entityName" name=entityName required>-->
+<!--                        <div ng-messages="addEntityForm.entityName.$error">-->
+<!--                            <div ng-message="required">Entity name is required.</div>-->
+<!--                        </div>-->
+<!--                    </md-input-container>-->
+<!--                    <tb-entity-type-select class="md-block" style="min-width: 100px; width: 100px;"-->
+<!--                       the-form="addEntityForm"-->
+<!--                       tb-required="true"-->
+<!--                       allowed-entity-types="vm.allowedEntityTypes"-->
+<!--                       ng-model="vm.entityType">-->
+<!--                    </tb-entity-type-select>-->
+<!--                    <md-input-container flex class="md-block">-->
+<!--                        <label>Entity Subtype</label>-->
+<!--                        <input ng-model="vm.type" name=type required>-->
+<!--                        <div ng-messages="addEntityForm.type.$error">-->
+<!--                            <div ng-message="required">Entity subtype is required.</div>-->
+<!--                        </div>-->
+<!--                    </md-input-container>-->
+<!--                </div>-->
+<!--                <div layout="row">-->
+<!--                    <md-input-container flex class="md-block">-->
+<!--                        <label>Latitude</label>-->
+<!--                        <input name="latitude" type="number" step="any" ng-model="vm.attributes.latitude">-->
+<!--                    </md-input-container>-->
+<!--                    <md-input-container flex class="md-block">-->
+<!--                        <label>Longitude</label>-->
+<!--                        <input name="longitude" type="number" step="any" ng-model="vm.attributes.longitude">-->
+<!--                    </md-input-container>-->
+<!--                </div>-->
+<!--                 <div layout="row">-->
+<!--                    <md-input-container flex class="md-block">-->
+<!--                        <label>Address</label>-->
+<!--                        <input ng-model="vm.attributes.address">-->
+<!--                    </md-input-container>-->
+<!--                    <md-input-container flex class="md-block">-->
+<!--                        <label>Owner</label>-->
+<!--                        <input ng-model="vm.attributes.owner">-->
+<!--                    </md-input-container>-->
+<!--                </div>-->
+<!--                <div layout="row">-->
+<!--                    <md-input-container flex class="md-block">-->
+<!--                        <label>Integer Value</label>-->
+<!--                        <input name="integerNumber" type="number" step="1" ng-pattern="/^-?[0-9]+$/" ng-model="vm.attributes.number">-->
+<!--                        <div ng-messages="addEntityForm.integerNumber.$error">-->
+<!--                            <div ng-message="pattern">Invalid integer value.</div>-->
+<!--                        </div>-->
+<!--                    </md-input-container>-->
+<!--                    <div class="boolean-value-input" layout="column" layout-align="center start" flex>-->
+<!--                        <label class="checkbox-label">Boolean Value</label>-->
+<!--                        <md-checkbox ng-model="vm.attributes.booleanValue" style="margin-bottom: 40px;">-->
+<!--                            {{ (vm.attributes.booleanValue ? "value.true" : "value.false") | translate }}-->
+<!--                        </md-checkbox>-->
+<!--                    </div>-->
+<!--                </div>-->
+<!--                <div class="relations-list">-->
+<!--                    <div class="md-body-1" style="padding-bottom: 10px; color: rgba(0,0,0,0.57);">Relations</div>-->
+<!--                    <div class="body" ng-show="vm.relations.length">-->
+<!--                        <div class="row" layout="row" layout-align="start center" ng-repeat="relation in vm.relations track by $index">-->
+<!--                            <div class="md-whiteframe-1dp" flex layout="row" style="padding-left: 5px;">-->
+<!--                                <div flex layout="column">-->
+<!--                                    <div layout="row">-->
+<!--                                        <md-input-container class="md-block" style="min-width: 100px;">-->
+<!--                                            <label>Direction</label>-->
+<!--                                            <md-select name="direction" required ng-model="relation.direction">-->
+<!--                                                <md-option ng-repeat="direction in vm.entitySearchDirection" ng-value="direction">-->
+<!--                                                    {{ ("relation.search-direction." + direction) | translate}}-->
+<!--                                                </md-option>-->
+<!--                                            </md-select>-->
+<!--                                            <div ng-messages="addEntityForm.direction.$error">-->
+<!--                                                <div ng-message="required">Relation direction is required.</div>-->
+<!--                                            </div>-->
+<!--                                        </md-input-container>-->
+<!--                                        <tb-relation-type-autocomplete flex class="md-block"-->
+<!--                                           the-form="addEntityForm"-->
+<!--                                           ng-model="relation.relationType"-->
+<!--                                           tb-required="true">-->
+<!--                                        </tb-relation-type-autocomplete>-->
+<!--                                    </div>-->
+<!--                                    <div layout="row">-->
+<!--                                        <tb-entity-select flex class="md-block"-->
+<!--                                            the-form="addEntityForm"-->
+<!--                                            tb-required="true"-->
+<!--                                            ng-model="relation.relatedEntity">-->
+<!--                                        </tb-entity-select>-->
+<!--                                    </div>-->
+<!--                                </div>-->
+<!--                                <div layout="column" layout-align="center center">-->
+<!--                                    <md-button class="md-icon-button md-primary" style="width: 40px; min-width: 40px;"-->
+<!--                                               ng-click="vm.removeRelation($index)" aria-label="Remove">-->
+<!--                                        <md-tooltip md-direction="top">Remove relation</md-tooltip>-->
+<!--                                        <md-icon aria-label="Remove" class="material-icons">-->
+<!--                                            close-->
+<!--                                        </md-icon>-->
+<!--                                    </md-button>-->
+<!--                                </div>-->
+<!--                            </div>-->
+<!--                        </div>-->
+<!--                    </div>-->
+<!--                   <div>-->
+<!--                       <md-button class="md-primary md-raised" ng-click="vm.addRelation()" aria-label="Add">-->
+<!--                           <md-tooltip md-direction="top">Add Relation</md-tooltip>-->
+<!--                           Add-->
+<!--                       </md-button>-->
+<!--                   </div> -->
+<!--                </div>-->
+<!--            </div>-->
+<!--        </md-dialog-content>-->
+<!--        <md-dialog-actions>-->
+<!--            <md-button type="submit" ng-disabled="addEntityForm.$invalid || !addEntityForm.$dirty" class="md-raised md-primary">Create</md-button>-->
+<!--            <md-button ng-click="vm.cancel()" class="md-primary">Cancel</md-button>-->
+<!--        </md-dialog-actions>-->
+<!--    </form>-->
+<!--</md-dialog>-->
diff --git a/ui-ngx/src/app/modules/home/components/widget/action/custom-sample-js.raw b/ui-ngx/src/app/modules/home/components/widget/action/custom-sample-js.raw
new file mode 100644
index 0000000000..02a97e7d6e
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/action/custom-sample-js.raw
@@ -0,0 +1,437 @@
+/*================================================================================*/
+/*=======================  New TB 3.0 / Angular 8 Example  =======================*/
+/*================================================================================*/
+//
+//let $injector = widgetContext.$scope.$injector;
+//let deviceService = $injector.get(widgetContext.servicesMap.get('deviceService'));
+//
+//deviceService.getDevice(entityId.id).subscribe(function(device) {
+//   console.log(device);
+//});
+//
+//
+//let customDialog = $injector.get(widgetContext.servicesMap.get('customDialog'));
+//
+//customDialog.customDialog(htmlTemplate, EditEntityDialogController).subscribe(
+//    function(res) {
+//        console.log(res);
+//    }
+//);
+//
+//function EditEntityDialogController(instance) {
+//    let vm = instance;
+//    vm.entityId = entityId;
+//    vm.entityName = entityName;
+//    vm.entityType = entityId.entityType;
+//
+//    vm.editEntityFormGroup = vm.fb.group({
+//      entityName: [vm.entityName, [vm.validators.required]]
+//    });
+//
+//    vm.cancel = function() {
+//        vm.dialogRef.close(null);
+//    };
+//
+//    vm.save = function() {
+//        const newVal = vm.editEntityFormGroup.value;
+//        vm.dialogRef.close(newVal);
+//    };
+//}
+//
+/*=======================================================================*/
+/*=====  There are three examples: for delete, edit and add entity  =====*/
+/*=======================================================================*/
+/*=======================  Delete entity example  =======================*/
+/*=======================================================================*/
+//
+//var $injector = widgetContext.$scope.$injector;
+//var $mdDialog = $injector.get('$mdDialog'),
+//    $document = $injector.get('$document'),
+//    types = $injector.get('types'),
+//    assetService = $injector.get('assetService'),
+//    deviceService = $injector.get('deviceService')
+//    $rootScope = $injector.get('$rootScope'),
+//    $q = $injector.get('$q');
+//
+//openDeleteEntityDialog();
+//
+//function openDeleteEntityDialog() {
+//    var title = 'Delete ' + entityId.entityType
+//        .toLowerCase() + ' ' +
+//        entityName;
+//    var content = 'Are you sure you want to delete the ' +
+//        entityId.entityType.toLowerCase() + ' ' +
+//        entityName + '?';
+//    var confirm = $mdDialog.confirm()
+//        .targetEvent($event)
+//        .title(title)
+//        .htmlContent(content)
+//        .ariaLabel(title)
+//        .cancel('Cancel')
+//        .ok('Delete');
+//    $mdDialog.show(confirm).then(function() {
+//        deleteEntity();
+//    })
+//}
+//
+//function deleteEntity() {
+//    deleteEntityPromise(entityId).then(
+//        function success() {
+//            updateAliasData();
+//        },
+//        function fail() {
+//            showErrorDialog();
+//        }
+//    );
+//}
+//
+//function deleteEntityPromise(entityId) {
+//    if (entityId.entityType == types.entityType.asset) {
+//        return assetService.deleteAsset(entityId.id);
+//    } else if (entityId.entityType == types.entityType.device) {
+//        return deviceService.deleteDevice(entityId.id);
+//    }
+//}
+//
+//function updateAliasData() {
+//    var aliasIds = [];
+//    for (var id in widgetContext.aliasController.resolvedAliases) {
+//        aliasIds.push(id);
+//    }
+//    var tasks = [];
+//    aliasIds.forEach(function(aliasId) {
+//        widgetContext.aliasController.setAliasUnresolved(aliasId);
+//        tasks.push(widgetContext.aliasController.getAliasInfo(aliasId));
+//    });
+//    $q.all(tasks).then(function() {
+//        $rootScope.$broadcast('entityAliasesChanged', aliasIds);
+//    });
+//}
+//
+//function showErrorDialog() {
+//    var title = 'Error';
+//    var content = 'An error occurred while deleting the entity. Please try again.';
+//    var alert = $mdDialog.alert()
+//        .title(title)
+//        .htmlContent(content)
+//        .ariaLabel(title)
+//        .parent(angular.element($document[0].body))
+//        .targetEvent($event)
+//        .multiple(true)
+//        .clickOutsideToClose(true)
+//        .ok('CLOSE');
+//    $mdDialog.show(alert);
+//}
+//
+/*=======================================================================*/
+/*========================  Edit entity example  ========================*/
+/*=======================================================================*/
+//
+//var $injector = widgetContext.$scope.$injector;
+//var $mdDialog = $injector.get('$mdDialog'),
+//    $document = $injector.get('$document'),
+//    $q = $injector.get('$q'),
+//    types = $injector.get('types'),
+//    $rootScope = $injector.get('$rootScope'),
+//    entityService = $injector.get('entityService'),
+//    attributeService = $injector.get('attributeService'),
+//    entityRelationService = $injector.get('entityRelationService');
+//
+//openEditEntityDialog();
+//
+//function openEditEntityDialog() {
+//    $mdDialog.show({
+//        controller: ['$scope','$mdDialog', EditEntityDialogController],
+//        controllerAs: 'vm',
+//        template: htmlTemplate,
+//        locals: {
+//            entityId: entityId
+//        },
+//        parent: angular.element($document[0].body),
+//        targetEvent: $event,
+//        multiple: true,
+//        clickOutsideToClose: false
+//    });
+//}
+//
+//function EditEntityDialogController($scope,$mdDialog) {
+//    var vm = this;
+//    vm.entityId = entityId;
+//    vm.entityName = entityName;
+//    vm.entityType = entityId.entityType;
+//    vm.allowedEntityTypes = [types.entityType.asset, types.entityType.device];
+//    vm.allowedRelatedEntityTypes = [];
+//    vm.entitySearchDirection = types.entitySearchDirection;
+//    vm.attributes = {};
+//    vm.serverAttributes = {};
+//    vm.relations = [];
+//    vm.newRelations = [];
+//    vm.relationsToDelete = [];
+//    getEntityInfo();
+//
+//    vm.addRelation = function() {
+//        var relation = {
+//            direction: null,
+//            relationType: null,
+//            relatedEntity: null
+//        };
+//        vm.newRelations.push(relation);
+//        $scope.editEntityForm.$setDirty();
+//    };
+//    vm.removeRelation = function(index) {
+//        if (index > -1) {
+//            vm.newRelations.splice(index, 1);
+//            $scope.editEntityForm.$setDirty();
+//        }
+//    };
+//    vm.removeOldRelation = function(index, relation) {
+//        if (index > -1) {
+//            vm.relations.splice(index, 1);
+//            vm.relationsToDelete.push(relation);
+//            $scope.editEntityForm.$setDirty();
+//        }
+//    };
+//    vm.save = function() {
+//        saveAttributes();
+//        saveRelations();
+//        $scope.editEntityForm.$setPristine();
+//    };
+//    vm.cancel = function() {
+//        $mdDialog.hide();
+//    };
+//
+//    function getEntityAttributes(attributes) {
+//        for (var i = 0; i < attributes.length; i++) {
+//              vm.attributes[attributes[i].key] = attributes[i].value;
+//        }
+//        vm.serverAttributes = angular.copy(vm.attributes);
+//    }
+//
+//    function getEntityRelations(relations) {
+//        var relationsFrom = relations[0];
+//        var relationsTo = relations[1];
+//        for (var i=0; i < relationsFrom.length; i++) {
+//            var relation = {
+//                direction: types.entitySearchDirection.from,
+//                relationType: relationsFrom[i].type,
+//                relatedEntity: relationsFrom[i].to
+//            };
+//            vm.relations.push(relation);
+//        }
+//        for (var i=0; i < relationsTo.length; i++) {
+//            var relation = {
+//                direction: types.entitySearchDirection.to,
+//                relationType: relationsTo[i].type,
+//                relatedEntity: relationsTo[i].from
+//            };
+//            vm.relations.push(relation);
+//        }
+//    }
+//
+//    function getEntityInfo() {
+//        entityService.getEntity(entityId.entityType, entityId.id).then(
+//            function(entity) {
+//                vm.entity = entity;
+//                vm.type = vm.entity.type;
+//            });
+//        attributeService.getEntityAttributesValues(entityId.entityType, entityId.id, 'SERVER_SCOPE').then(
+//            function(data){
+//                if (data.length) {
+//                    getEntityAttributes(data);
+//                }
+//            });
+//        $q.all([entityRelationService.findInfoByFrom(entityId.id, entityId.entityType), entityRelationService.findInfoByTo(entityId.id, entityId.entityType)]).then(
+//            function(relations){
+//                getEntityRelations(relations);
+//            });
+//    }
+//
+//    function saveAttributes() {
+//        var attributesArray = [];
+//        for (var key in vm.attributes) {
+//            if (vm.attributes[key] !== vm.serverAttributes[key]) {
+//                attributesArray.push({key: key, value: vm.attributes[key]});
+//            }
+//        }
+//        if (attributesArray.length > 0) {
+//            attributeService.saveEntityAttributes(entityId.entityType, entityId.id, \"SERVER_SCOPE\", attributesArray);
+//        }
+//    }
+//
+//    function saveRelations() {
+//        var tasks = [];
+//        for (var i=0; i < vm.newRelations.length; i++) {
+//            var relation = {
+//                type: vm.newRelations[i].relationType
+//            };
+//            if (vm.newRelations[i].direction == types.entitySearchDirection.from) {
+//                relation.to = vm.newRelations[i].relatedEntity;
+//                relation.from = entityId;
+//            } else {
+//                relation.to = entityId;
+//                relation.from = vm.newRelations[i].relatedEntity;
+//            }
+//            tasks.push(entityRelationService.saveRelation(relation));
+//        }
+//        for (var i=0; i < vm.relationsToDelete.length; i++) {
+//            var relation = {
+//                type: vm.relationsToDelete[i].relationType
+//            };
+//            if (vm.relationsToDelete[i].direction == types.entitySearchDirection.from) {
+//                relation.to = vm.relationsToDelete[i].relatedEntity;
+//                relation.from = entityId;
+//            } else {
+//                relation.to = entityId;
+//                relation.from = vm.relationsToDelete[i].relatedEntity;
+//            }
+//            tasks.push(entityRelationService.deleteRelation(relation.from.id, relation.from.entityType, relation.type, relation.to.id, relation.to.entityType));
+//        }
+//        $q.all(tasks).then(function(){
+//            vm.relations = vm.relations.concat(vm.newRelations);
+//            vm.newRelations = [];
+//            vm.relationsToDelete = [];
+//            updateAliasData();
+//        });
+//    }
+//
+//    function updateAliasData() {
+//        var aliasIds = [];
+//        for (var id in widgetContext.aliasController.resolvedAliases) {
+//            aliasIds.push(id);
+//        }
+//        var tasks = [];
+//        aliasIds.forEach(function(aliasId) {
+//            widgetContext.aliasController.setAliasUnresolved(aliasId);
+//            tasks.push(widgetContext.aliasController.getAliasInfo(aliasId));
+//        });
+//        $q.all(tasks).then(function() {
+//            $rootScope.$broadcast('entityAliasesChanged', aliasIds);
+//        });
+//    }
+//}
+//
+/*========================================================================*/
+/*=========================  Add entity example  =========================*/
+/*========================================================================*/
+//
+//var $injector = widgetContext.$scope.$injector;
+//var $mdDialog = $injector.get('$mdDialog'),
+//    $document = $injector.get('$document'),
+//    $q = $injector.get('$q'),
+//    $rootScope = $injector.get('$rootScope'),
+//    types = $injector.get('types'),
+//    assetService = $injector.get('assetService'),
+//    deviceService = $injector.get('deviceService'),
+//    attributeService = $injector.get('attributeService'),
+//    entityRelationService = $injector.get('entityRelationService');
+//
+//openAddEntityDialog();
+//
+//function openAddEntityDialog() {
+//    $mdDialog.show({
+//        controller: ['$scope','$mdDialog', AddEntityDialogController],
+//        controllerAs: 'vm',
+//        template: htmlTemplate,
+//        locals: {
+//            entityId: entityId
+//        },
+//        parent: angular.element($document[0].body),
+//        targetEvent: $event,
+//        multiple: true,
+//        clickOutsideToClose: false
+//    });
+//}
+//
+//function AddEntityDialogController($scope, $mdDialog) {
+//    var vm = this;
+//    vm.allowedEntityTypes = [types.entityType.asset, types.entityType.device];
+//    vm.allowedRelatedEntityTypes = [];
+//    vm.entitySearchDirection = types.entitySearchDirection;
+//    vm.attributes = {};
+//    vm.relations = [];
+//
+//    vm.addRelation = function() {
+//        var relation = {
+//            direction: null,
+//            relationType: null,
+//            relatedEntity: null
+//        };
+//        vm.relations.push(relation);
+//    };
+//    vm.removeRelation = function(index) {
+//        if (index > -1) {
+//            vm.relations.splice(index, 1);
+//        }
+//    };
+//    vm.save = function() {
+//        $scope.addEntityForm.$setPristine();
+//        saveEntityPromise().then(
+//            function (entity) {
+//                saveAttributes(entity.id);
+//                saveRelations(entity.id);
+//                $mdDialog.hide();
+//            }
+//        );
+//    };
+//    vm.cancel = function() {
+//        $mdDialog.hide();
+//    };
+//
+//
+//    function saveEntityPromise() {
+//        var entity = {
+//            name: vm.entityName,
+//            type: vm.type
+//        };
+//        if (vm.entityType == types.entityType.asset) {
+//            return assetService.saveAsset(entity);
+//        } else if (vm.entityType == types.entityType.device) {
+//            return deviceService.saveDevice(entity);
+//        }
+//    }
+//
+//    function saveAttributes(entityId) {
+//        var attributesArray = [];
+//        for (var key in vm.attributes) {
+//            attributesArray.push({key: key, value: vm.attributes[key]});
+//        }
+//        if (attributesArray.length > 0) {
+//            attributeService.saveEntityAttributes(entityId.entityType, entityId.id, \"SERVER_SCOPE\", attributesArray);
+//        }
+//    }
+//
+//    function saveRelations(entityId) {
+//        var tasks = [];
+//        for (var i=0; i < vm.relations.length; i++) {
+//            var relation = {
+//                type: vm.relations[i].relationType
+//            };
+//            if (vm.relations[i].direction == types.entitySearchDirection.from) {
+//                relation.to = vm.relations[i].relatedEntity;
+//                relation.from = entityId;
+//            } else {
+//                relation.to = entityId;
+//                relation.from = vm.relations[i].relatedEntity;
+//            }
+//            tasks.push(entityRelationService.saveRelation(relation));
+//        }
+//        $q.all(tasks).then(function(){
+//            updateAliasData();
+//        });
+//    }
+//
+//    function updateAliasData() {
+//        var aliasIds = [];
+//        for (var id in widgetContext.aliasController.resolvedAliases) {
+//            aliasIds.push(id);
+//        }
+//        var tasks = [];
+//        aliasIds.forEach(function(aliasId) {
+//            widgetContext.aliasController.setAliasUnresolved(aliasId);
+//            tasks.push(widgetContext.aliasController.getAliasInfo(aliasId));
+//        });
+//        $q.all(tasks).then(function() {
+//            $rootScope.$broadcast('entityAliasesChanged', aliasIds);
+//        });
+//    }
+//}
diff --git a/ui-ngx/src/app/modules/home/components/widget/action/manage-widget-actions.component.html b/ui-ngx/src/app/modules/home/components/widget/action/manage-widget-actions.component.html
new file mode 100644
index 0000000000..9f9bc96ea0
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/action/manage-widget-actions.component.html
@@ -0,0 +1,124 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="mat-padding tb-entity-table tb-absolute-fill">
+  <div fxFlex fxLayout="column" class="mat-elevation-z1 tb-entity-table-content">
+    <mat-toolbar class="mat-table-toolbar" [fxShow]="!textSearchMode">
+      <div class="mat-toolbar-tools">
+        <span class="tb-entity-table-title" translate>widget-config.actions</span>
+        <span fxFlex></span>
+        <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                type="button"
+                (click)="addAction($event)"
+                matTooltip="{{ 'widget-config.add-action' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>add</mat-icon>
+        </button>
+        <button mat-button mat-icon-button [disabled]="isLoading$ | async" (click)="enterFilterMode()"
+                type="button"
+                matTooltip="{{ 'action.search' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>search</mat-icon>
+        </button>
+      </div>
+    </mat-toolbar>
+    <mat-toolbar class="mat-table-toolbar" [fxShow]="textSearchMode">
+      <div class="mat-toolbar-tools">
+        <button mat-button mat-icon-button
+                type="button"
+                matTooltip="{{ 'widget-config.search-actions' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>search</mat-icon>
+        </button>
+        <mat-form-field fxFlex>
+          <mat-label>&nbsp;</mat-label>
+          <input #searchInput matInput
+                 [(ngModel)]="pageLink.textSearch"
+                 placeholder="{{ 'widget-config.search-actions' | translate }}"/>
+        </mat-form-field>
+        <button mat-button mat-icon-button (click)="exitFilterMode()"
+                type="button"
+                matTooltip="{{ 'action.close' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>close</mat-icon>
+        </button>
+      </div>
+    </mat-toolbar>
+    <div fxFlex class="table-container">
+      <mat-table [dataSource]="dataSource"
+                 matSort [matSortActive]="pageLink.sortOrder.property" [matSortDirection]="pageLink.sortDirection()" matSortDisableClear>
+        <ng-container matColumnDef="actionSourceName">
+          <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 20%"> {{ 'widget-config.action-source' | translate }} </mat-header-cell>
+          <mat-cell *matCellDef="let action">
+            {{ action.actionSourceName }}
+          </mat-cell>
+        </ng-container>
+        <ng-container matColumnDef="name">
+          <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 30%"> {{ 'widget-config.action-name' | translate }} </mat-header-cell>
+          <mat-cell *matCellDef="let action">
+            {{ action.name }}
+          </mat-cell>
+        </ng-container>
+        <ng-container matColumnDef="icon">
+          <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 40px"> {{ 'widget-config.action-icon' | translate }} </mat-header-cell>
+          <mat-cell *matCellDef="let action">
+            <mat-icon>{{ action.icon }}</mat-icon>
+          </mat-cell>
+        </ng-container>
+        <ng-container matColumnDef="typeName">
+          <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 50%"> {{ 'widget-config.action-type' | translate }} </mat-header-cell>
+          <mat-cell *matCellDef="let action">
+            {{ action.typeName }}
+          </mat-cell>
+        </ng-container>
+        <ng-container matColumnDef="actions" stickyEnd>
+          <mat-header-cell *matHeaderCellDef style="min-width: 80px; max-width: 80px; width: 80px">
+          </mat-header-cell>
+          <mat-cell *matCellDef="let action">
+            <div fxFlex fxLayout="row" fxLayoutAlign="end">
+              <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                      type="button"
+                      matTooltip="{{ 'widget-config.edit-action' | translate }}"
+                      matTooltipPosition="above"
+                      (click)="editAction($event, action)">
+                <mat-icon>edit</mat-icon>
+              </button>
+              <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                      type="button"
+                      matTooltip="{{ 'widget-config.delete-action' | translate }}"
+                      matTooltipPosition="above"
+                      (click)="deleteAction($event, action)">
+                <mat-icon>delete</mat-icon>
+              </button>
+            </div>
+          </mat-cell>
+        </ng-container>
+        <mat-header-row [ngClass]="{'mat-row-select': true}" *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
+        <mat-row [ngClass]="{'mat-row-select': true}"
+                 *matRowDef="let action; columns: displayedColumns;"></mat-row>
+      </mat-table>
+      <span [fxShow]="dataSource.isEmpty() | async"
+            fxLayoutAlign="center center"
+            class="no-data-found" translate>{{ 'widget-config.no-actions-text' }}</span>
+    </div>
+    <mat-divider></mat-divider>
+    <mat-paginator [length]="dataSource.total() | async"
+                   [pageIndex]="pageLink.page"
+                   [pageSize]="pageLink.pageSize"
+                   [pageSizeOptions]="[10, 20, 30]"></mat-paginator>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/widget/action/manage-widget-actions.component.models.ts b/ui-ngx/src/app/modules/home/components/widget/action/manage-widget-actions.component.models.ts
new file mode 100644
index 0000000000..80e7303817
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/action/manage-widget-actions.component.models.ts
@@ -0,0 +1,167 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { WidgetActionDescriptor, WidgetActionSource,
+  widgetActionTypeTranslationMap, CustomActionDescriptor } from '@app/shared/models/widget.models';
+import { CollectionViewer, DataSource } from '@angular/cdk/collections';
+import { EntityRelationInfo, EntitySearchDirection } from '@shared/models/relation.models';
+import { BehaviorSubject, Observable, of, ReplaySubject } from 'rxjs';
+import { emptyPageData, PageData } from '@shared/models/page/page-data';
+import { SelectionModel } from '@angular/cdk/collections';
+import { EntityRelationService } from '@core/http/entity-relation.service';
+import { TranslateService } from '@ngx-translate/core';
+import { EntityId } from '@shared/models/id/entity-id';
+import { PageLink } from '@shared/models/page/page-link';
+import { catchError, map, publishReplay, refCount, share, take, tap } from 'rxjs/operators';
+import { entityTypeTranslations } from '@shared/models/entity-type.models';
+import { UtilsService } from '@core/services/utils.service';
+import { deepClone, isUndefined } from '@core/utils';
+
+import customSampleJs from '!raw-loader!./custom-sample-js.raw';
+import customSampleCss from '!raw-loader!./custom-sample-css.raw';
+import customSampleHtml from '!raw-loader!./custom-sample-html.raw';
+
+export interface WidgetActionCallbacks {
+  fetchDashboardStates: (query: string) => Array<string>;
+}
+
+export interface WidgetActionsData {
+  actionsMap: {[actionSourceId: string]: Array<WidgetActionDescriptor>};
+  actionSources: {[actionSourceId: string]: WidgetActionSource};
+}
+
+export interface WidgetActionDescriptorInfo extends WidgetActionDescriptor {
+  actionSourceId?: string;
+  actionSourceName?: string;
+  typeName?: string;
+}
+
+export function toWidgetActionDescriptor(action: WidgetActionDescriptorInfo): WidgetActionDescriptor {
+  const copy = deepClone(action);
+  delete copy.actionSourceId;
+  delete copy.actionSourceName;
+  delete copy.typeName;
+  return copy;
+}
+
+export function toCustomAction(action: WidgetActionDescriptorInfo): CustomActionDescriptor {
+  let result: CustomActionDescriptor;
+  if (!action || (isUndefined(action.customFunction) && isUndefined(action.customHtml) && isUndefined(action.customCss))) {
+    result = {
+      customHtml: customSampleHtml,
+      customCss: customSampleCss,
+      customFunction: customSampleJs
+    };
+  } else {
+    result = {
+      customHtml: action.customHtml,
+      customCss: action.customCss,
+      customFunction: action.customFunction
+    };
+  }
+  result.customResources = action ? deepClone(action.customResources) : [];
+  return result;
+}
+
+export class WidgetActionsDatasource implements DataSource<WidgetActionDescriptorInfo> {
+
+  private actionsSubject = new BehaviorSubject<WidgetActionDescriptorInfo[]>([]);
+  private pageDataSubject = new BehaviorSubject<PageData<WidgetActionDescriptorInfo>>(emptyPageData<WidgetActionDescriptorInfo>());
+
+  public pageData$ = this.pageDataSubject.asObservable();
+
+  private allActions: Observable<Array<WidgetActionDescriptorInfo>>;
+
+  private actionsMap: {[actionSourceId: string]: Array<WidgetActionDescriptor>};
+  private actionSources: {[actionSourceId: string]: WidgetActionSource};
+
+  constructor(private translate: TranslateService,
+              private utils: UtilsService) {}
+
+  connect(collectionViewer: CollectionViewer): Observable<WidgetActionDescriptorInfo[] | ReadonlyArray<WidgetActionDescriptorInfo>> {
+    return this.actionsSubject.asObservable();
+  }
+
+  disconnect(collectionViewer: CollectionViewer): void {
+    this.actionsSubject.complete();
+    this.pageDataSubject.complete();
+  }
+
+  setActions(actionsData: WidgetActionsData) {
+    this.actionsMap = actionsData.actionsMap;
+    this.actionSources = actionsData.actionSources;
+  }
+
+  loadActions(pageLink: PageLink, reload: boolean = false): Observable<PageData<WidgetActionDescriptorInfo>> {
+    if (reload) {
+      this.allActions = null;
+    }
+    const result = new ReplaySubject<PageData<WidgetActionDescriptorInfo>>();
+    this.fetchActions(pageLink).pipe(
+      catchError(() => of(emptyPageData<WidgetActionDescriptorInfo>())),
+    ).subscribe(
+      (pageData) => {
+        this.actionsSubject.next(pageData.data);
+        this.pageDataSubject.next(pageData);
+        result.next(pageData);
+      }
+    );
+    return result;
+  }
+
+  fetchActions(pageLink: PageLink): Observable<PageData<WidgetActionDescriptorInfo>> {
+    return this.getAllActions().pipe(
+      map((data) => pageLink.filterData(data))
+    );
+  }
+
+  getAllActions(): Observable<Array<WidgetActionDescriptorInfo>> {
+    if (!this.allActions) {
+      const actions: WidgetActionDescriptorInfo[] = [];
+      for (const actionSourceId of Object.keys(this.actionsMap)) {
+        const descriptors = this.actionsMap[actionSourceId];
+        descriptors.forEach((descriptor) => {
+          actions.push(this.toWidgetActionDescriptorInfo(actionSourceId, descriptor));
+        });
+      }
+      this.allActions = of(actions).pipe(
+        publishReplay(1),
+        refCount()
+      );
+    }
+    return this.allActions;
+  }
+
+  private toWidgetActionDescriptorInfo(actionSourceId: string, action: WidgetActionDescriptor): WidgetActionDescriptorInfo {
+    const actionSource = this.actionSources[actionSourceId];
+    const actionSourceName = actionSource ? this.utils.customTranslation(actionSource.name, actionSource.name) : actionSourceId;
+    const typeName = this.translate.instant(widgetActionTypeTranslationMap.get(action.type));
+    return { actionSourceId, actionSourceName, typeName, ...action};
+  }
+
+  isEmpty(): Observable<boolean> {
+    return this.actionsSubject.pipe(
+      map((actions) => !actions.length)
+    );
+  }
+
+  total(): Observable<number> {
+    return this.pageDataSubject.pipe(
+      map((pageData) => pageData.totalElements)
+    );
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/action/manage-widget-actions.component.scss b/ui-ngx/src/app/modules/home/components/widget/action/manage-widget-actions.component.scss
new file mode 100644
index 0000000000..b82b4f3ca6
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/action/manage-widget-actions.component.scss
@@ -0,0 +1,43 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  width: 100%;
+  height: 100%;
+  .tb-entity-table {
+    .tb-entity-table-content {
+      width: 100%;
+      height: 100%;
+      background: #fff;
+
+      .tb-entity-table-title {
+        padding-right: 20px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .table-container {
+        overflow: auto;
+      }
+    }
+  }
+}
+
+:host ::ng-deep {
+  .mat-sort-header-sorted .mat-sort-header-arrow {
+    opacity: 1 !important;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/action/manage-widget-actions.component.ts b/ui-ngx/src/app/modules/home/components/widget/action/manage-widget-actions.component.ts
new file mode 100644
index 0000000000..8a53da6652
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/action/manage-widget-actions.component.ts
@@ -0,0 +1,318 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  Component,
+  ElementRef,
+  forwardRef,
+  Input,
+  OnDestroy,
+  OnInit,
+  ViewChild
+} from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { TranslateService } from '@ngx-translate/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { MatDialog } from '@angular/material/dialog';
+import { DialogService } from '@core/services/dialog.service';
+import { PageLink } from '@shared/models/page/page-link';
+import { Direction, SortOrder } from '@shared/models/page/sort-order';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { fromEvent, merge } from 'rxjs';
+import { debounceTime, distinctUntilChanged, tap } from 'rxjs/operators';
+import {
+  WidgetActionDescriptorInfo,
+  WidgetActionsData,
+  WidgetActionsDatasource,
+  WidgetActionCallbacks, toWidgetActionDescriptor
+} from '@home/components/widget/action/manage-widget-actions.component.models';
+import { UtilsService } from '@core/services/utils.service';
+import { EntityRelation, EntitySearchDirection, RelationTypeGroup } from '@shared/models/relation.models';
+import { RelationDialogComponent, RelationDialogData } from '@home/components/relation/relation-dialog.component';
+import { WidgetActionDescriptor, WidgetActionSource } from '@shared/models/widget.models';
+import {
+  WidgetActionDialogComponent,
+  WidgetActionDialogData
+} from '@home/components/widget/action/widget-action-dialog.component';
+import { deepClone } from '@core/utils';
+
+@Component({
+  selector: 'tb-manage-widget-actions',
+  templateUrl: './manage-widget-actions.component.html',
+  styleUrls: ['./manage-widget-actions.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => ManageWidgetActionsComponent),
+      multi: true
+    }
+  ]
+})
+export class ManageWidgetActionsComponent extends PageComponent implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor {
+
+  @Input() disabled: boolean;
+
+  @Input() callbacks: WidgetActionCallbacks;
+
+  innerValue: WidgetActionsData;
+
+  displayedColumns: string[];
+  pageLink: PageLink;
+  textSearchMode = false;
+  dataSource: WidgetActionsDatasource;
+
+  viewsInited = false;
+  dirtyValue = false;
+
+  @ViewChild('searchInput') searchInputField: ElementRef;
+
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+  @ViewChild(MatSort) sort: MatSort;
+
+  private propagateChange = (_: any) => {};
+
+  constructor(protected store: Store<AppState>,
+              private translate: TranslateService,
+              private utils: UtilsService,
+              private dialog: MatDialog,
+              private dialogs: DialogService) {
+    super(store);
+    const sortOrder: SortOrder = { property: 'actionSourceName', direction: Direction.ASC };
+    this.pageLink = new PageLink(10, 0, null, sortOrder);
+    this.dataSource = new WidgetActionsDatasource(this.translate, this.utils);
+    this.displayedColumns = ['actionSourceName', 'name', 'icon', 'typeName', 'actions'];
+  }
+
+  ngOnInit(): void {
+  }
+
+  ngOnDestroy(): void {
+  }
+
+  ngAfterViewInit() {
+
+    fromEvent(this.searchInputField.nativeElement, 'keyup')
+      .pipe(
+        debounceTime(150),
+        distinctUntilChanged(),
+        tap(() => {
+          this.paginator.pageIndex = 0;
+          this.updateData();
+        })
+      )
+      .subscribe();
+
+    this.sort.sortChange.subscribe(() => this.paginator.pageIndex = 0);
+
+    merge(this.sort.sortChange, this.paginator.page)
+      .pipe(
+        tap(() => this.updateData())
+      )
+      .subscribe();
+
+    this.viewsInited = true;
+    if (this.dirtyValue) {
+      this.dirtyValue = false;
+      this.updateData(true);
+    }
+
+  }
+
+  updateData(reload: boolean = false) {
+    this.pageLink.page = this.paginator.pageIndex;
+    this.pageLink.pageSize = this.paginator.pageSize;
+    this.pageLink.sortOrder.property = this.sort.active;
+    this.pageLink.sortOrder.direction = Direction[this.sort.direction.toUpperCase()];
+    this.dataSource.loadActions(this.pageLink, reload);
+  }
+
+  addAction($event: Event) {
+    this.openWidgetActionDialog($event);
+  }
+
+  editAction($event: Event, action: WidgetActionDescriptorInfo) {
+    this.openWidgetActionDialog($event, action);
+  }
+
+  openWidgetActionDialog($event: Event, action: WidgetActionDescriptorInfo = null) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    const isAdd = action === null;
+    let prevActionSourceId = null;
+    if (!isAdd) {
+      prevActionSourceId = action.actionSourceId;
+    }
+    const availableActionSources: {[actionSourceId: string]: WidgetActionSource} = {};
+    for (const id of Object.keys(this.innerValue.actionSources)) {
+      const actionSource = this.innerValue.actionSources[id];
+      if (actionSource.multiple) {
+        availableActionSources[id] = actionSource;
+      } else {
+        if (!isAdd && action.actionSourceId === id) {
+          availableActionSources[id] = actionSource;
+        } else {
+          const existing = this.innerValue.actionsMap[id];
+          if (!existing || !existing.length) {
+            availableActionSources[id] = actionSource;
+          }
+        }
+      }
+    }
+
+    const actionsData: WidgetActionsData = {
+      actionsMap: this.innerValue.actionsMap,
+      actionSources: availableActionSources
+    };
+
+    this.dialog.open<WidgetActionDialogComponent, WidgetActionDialogData,
+      WidgetActionDescriptorInfo>(WidgetActionDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        isAdd,
+        callbacks: this.callbacks,
+        actionsData,
+        action: deepClone(action)
+      }
+    }).afterClosed().subscribe(
+      (res) => {
+        if (res) {
+          this.saveAction(res, isAdd, prevActionSourceId);
+        }
+      }
+    );
+  }
+
+  private saveAction(actionInfo: WidgetActionDescriptorInfo, isAdd: boolean, prevActionSourceId: string) {
+    const actionSourceId = actionInfo.actionSourceId;
+    const action = toWidgetActionDescriptor(actionInfo);
+    if (isAdd) {
+      const targetActions = this.getOrCreateTargetActions(actionSourceId);
+      targetActions.push(action);
+    } else {
+      if (actionSourceId !== prevActionSourceId) {
+        let targetActions = this.getOrCreateTargetActions(prevActionSourceId);
+        const targetIndex = targetActions.findIndex((targetAction) => targetAction.id === action.id);
+        if (targetIndex > -1) {
+          targetActions.splice(targetIndex, 1);
+        }
+        targetActions = this.getOrCreateTargetActions(actionSourceId);
+        targetActions.push(action);
+      } else {
+        const targetActions = this.getOrCreateTargetActions(actionSourceId);
+        const targetIndex = targetActions.findIndex((targetAction) => targetAction.id === action.id);
+        if (targetIndex > -1) {
+          targetActions[targetIndex] = action;
+        }
+      }
+    }
+    this.onActionsUpdated();
+  }
+
+  private getOrCreateTargetActions(actionSourceId: string): Array<WidgetActionDescriptor> {
+    const actionsMap = this.innerValue.actionsMap;
+    let targetActions = actionsMap[actionSourceId];
+    if (!targetActions) {
+      targetActions = [];
+      actionsMap[actionSourceId] = targetActions;
+    }
+    return targetActions;
+  }
+
+  deleteAction($event: Event, action: WidgetActionDescriptorInfo) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    const title = this.translate.instant('widget-config.delete-action-title');
+    const content = this.translate.instant('widget-config.delete-action-text', {actionName: action.name});
+    this.dialogs.confirm(title, content,
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'), true).subscribe(
+      (res) => {
+        if (res) {
+          const targetActions = this.getOrCreateTargetActions(action.actionSourceId);
+          const targetIndex = targetActions.findIndex((targetAction) => targetAction.id === action.id);
+          if (targetIndex > -1) {
+            targetActions.splice(targetIndex, 1);
+            this.onActionsUpdated();
+          }
+        }
+      });
+  }
+
+  enterFilterMode() {
+    this.textSearchMode = true;
+    this.pageLink.textSearch = '';
+    setTimeout(() => {
+      this.searchInputField.nativeElement.focus();
+      this.searchInputField.nativeElement.setSelectionRange(0, 0);
+    }, 10);
+  }
+
+  exitFilterMode() {
+    this.textSearchMode = false;
+    this.pageLink.textSearch = null;
+    this.paginator.pageIndex = 0;
+    this.updateData();
+  }
+
+  resetSortAndFilter(update: boolean = true) {
+    this.pageLink.textSearch = null;
+    this.paginator.pageIndex = 0;
+    const sortable = this.sort.sortables.get('actionSourceName');
+    this.sort.active = sortable.id;
+    this.sort.direction = 'asc';
+    if (update) {
+      this.updateData(true);
+    }
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(obj: WidgetActionsData): void {
+    this.innerValue = obj;
+    if (this.innerValue) {
+      setTimeout(() => {
+        this.dataSource.setActions(this.innerValue);
+        if (this.viewsInited) {
+          this.resetSortAndFilter(true);
+        } else {
+          this.dirtyValue = true;
+        }
+      }, 0);
+    }
+  }
+
+  private onActionsUpdated() {
+    this.updateData(true);
+    this.propagateChange(this.innerValue);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/action/widget-action-dialog.component.html b/ui-ngx/src/app/modules/home/components/widget/action/widget-action-dialog.component.html
new file mode 100644
index 0000000000..2ab416754a
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/action/widget-action-dialog.component.html
@@ -0,0 +1,163 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #widgetActionForm="ngForm" [formGroup]="widgetActionFormGroup" (ngSubmit)="save()" style="min-width: 600px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2>{{ (isAdd ? 'widget-config.add-action' : 'widget-config.edit-action' ) | translate }}</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async">
+      <mat-form-field class="mat-block">
+        <mat-label translate>widget-config.action-source</mat-label>
+        <mat-select required matInput formControlName="actionSourceId">
+          <mat-option *ngFor="let actionSourceItem of data.actionsData.actionSources | keyvalue" [value]="actionSourceItem.key">
+            {{ actionSourceName(actionSourceItem.value) }}
+          </mat-option>
+        </mat-select>
+        <mat-error *ngIf="widgetActionFormGroup.get('actionSourceId').hasError('required')">
+          {{ 'widget-config.action-source-required' | translate }}
+        </mat-error>
+      </mat-form-field>
+      <mat-form-field class="mat-block" style="padding-bottom: 20px;">
+        <mat-label translate>widget-config.action-name</mat-label>
+        <input required matInput formControlName="name">
+        <mat-error *ngIf="widgetActionFormGroup.get('name').hasError('required')">
+          {{ 'widget-config.action-name-required' | translate }}
+        </mat-error>
+        <mat-error *ngIf="widgetActionFormGroup.get('name').hasError('actionNameNotUnique')"
+          [innerHTML]="'widget-config.action-name-not-unique' | translate">
+        </mat-error>
+      </mat-form-field>
+      <tb-material-icon-select
+        formControlName="icon">
+      </tb-material-icon-select>
+      <mat-form-field class="mat-block">
+        <mat-label translate>widget-config.action-type</mat-label>
+        <mat-select required matInput formControlName="type">
+          <mat-option *ngFor="let actionType of widgetActionTypes" [value]="actionType">
+            {{ widgetActionTypeTranslations.get(widgetActionType[actionType]) | translate }}
+          </mat-option>
+        </mat-select>
+        <mat-error *ngIf="widgetActionFormGroup.get('type').hasError('required')">
+          {{ 'widget-config.action-type-required' | translate }}
+        </mat-error>
+      </mat-form-field>
+      <section fxLayout="column" [formGroup]="actionTypeFormGroup" [ngSwitch]="widgetActionFormGroup.get('type').value">
+        <ng-template [ngSwitchCase]="widgetActionType.openDashboard">
+          <div fxLayout="column" style="padding-bottom: 20px;">
+            <div class="mat-caption tb-required"
+                 style="padding-left: 3px; padding-bottom: 10px; color: rgba(0,0,0,0.57);" translate>widget-action.target-dashboard</div>
+            <tb-dashboard-autocomplete
+              formControlName="targetDashboardId"
+              required
+              [selectFirstDashboard]="true"
+            ></tb-dashboard-autocomplete>
+          </div>
+        </ng-template>
+        <ng-template [ngSwitchCase]="widgetActionFormGroup.get('type').value === widgetActionType.openDashboardState ||
+                                     widgetActionFormGroup.get('type').value === widgetActionType.updateDashboardState ||
+                                     widgetActionFormGroup.get('type').value === widgetActionType.openDashboard ?
+                                     widgetActionFormGroup.get('type').value : ''">
+          <mat-form-field class="mat-block">
+            <input matInput type="text" placeholder="{{ 'widget-action.target-dashboard-state' | translate }}"
+                   #dashboardStateInput
+                   formControlName="targetDashboardStateId"
+                   [required]="widgetActionFormGroup.get('type').value === widgetActionType.openDashboardState"
+                   [matAutocomplete]="targetDashboardStateAutocomplete">
+            <button *ngIf="actionTypeFormGroup.get('targetDashboardStateId').value"
+                    type="button"
+                    matSuffix mat-button mat-icon-button aria-label="Clear"
+                    (click)="clearTargetDashboardState()">
+              <mat-icon class="material-icons">close</mat-icon>
+            </button>
+            <mat-autocomplete
+              class="tb-autocomplete"
+              #targetDashboardStateAutocomplete="matAutocomplete">
+              <mat-option *ngFor="let state of filteredDashboardStates | async" [value]="state">
+                <span [innerHTML]="state | highlight:targetDashboardStateSearchText"></span>
+              </mat-option>
+            </mat-autocomplete>
+            <mat-error *ngIf="actionTypeFormGroup.get('targetDashboardStateId').hasError('required')">
+              {{ 'widget-action.target-dashboard-state-required' | translate }}
+            </mat-error>
+          </mat-form-field>
+        </ng-template>
+        <ng-template [ngSwitchCase]="widgetActionFormGroup.get('type').value === widgetActionType.openDashboardState ||
+                                     widgetActionFormGroup.get('type').value === widgetActionType.updateDashboardState ?
+                                     widgetActionFormGroup.get('type').value : ''">
+          <mat-checkbox formControlName="openRightLayout">
+            {{ 'widget-action.open-right-layout' | translate }}
+          </mat-checkbox>
+        </ng-template>
+        <ng-template [ngSwitchCase]="widgetActionFormGroup.get('type').value === widgetActionType.openDashboardState ||
+                                     widgetActionFormGroup.get('type').value === widgetActionType.updateDashboardState ||
+                                     widgetActionFormGroup.get('type').value === widgetActionType.openDashboard ?
+                                     widgetActionFormGroup.get('type').value : ''">
+          <div fxFlex fxLayout="column">
+            <mat-checkbox formControlName="setEntityId">
+              {{ 'widget-action.set-entity-from-widget' | translate }}
+            </mat-checkbox>
+            <mat-form-field *ngIf="actionTypeFormGroup.get('setEntityId').value"
+                            floatLabel="always"
+                            class="mat-block">
+              <mat-label translate>alias.state-entity-parameter-name</mat-label>
+              <input matInput
+                     placeholder="{{ 'alias.default-entity-parameter-name' | translate }}"
+                     formControlName="stateEntityParamName">
+            </mat-form-field>
+          </div>
+        </ng-template>
+        <ng-template [ngSwitchCase]="widgetActionType.custom">
+          <tb-js-func
+            formControlName="customFunction"
+            [functionArgs]="['$event', 'widgetContext', 'entityId', 'entityName', 'additionalParams']"
+            [validationArgs]="[]"
+          ></tb-js-func>
+        </ng-template>
+        <ng-template [ngSwitchCase]="widgetActionType.customPretty">
+          <tb-custom-action-pretty-editor
+            formControlName="customAction">
+          </tb-custom-action-pretty-editor>
+        </ng-template>
+      </section>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || widgetActionFormGroup.invalid || actionTypeFormGroup.invalid || (!widgetActionFormGroup.dirty && !actionTypeFormGroup.dirty)">
+      {{ (isAdd  ? 'action.add' : 'action.save') | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/components/widget/action/widget-action-dialog.component.ts b/ui-ngx/src/app/modules/home/components/widget/action/widget-action-dialog.component.ts
new file mode 100644
index 0000000000..dc1bb8b481
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/action/widget-action-dialog.component.ts
@@ -0,0 +1,296 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, ElementRef, Inject, OnInit, SkipSelf, ViewChild } from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import {
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  FormGroupDirective,
+  NgForm,
+  ValidatorFn,
+  Validators
+} from '@angular/forms';
+import { Observable, of } from 'rxjs';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@app/shared/components/dialog.component';
+import {
+  toCustomAction,
+  WidgetActionCallbacks,
+  WidgetActionDescriptorInfo,
+  WidgetActionsData
+} from '@home/components/widget/action/manage-widget-actions.component.models';
+import { UtilsService } from '@core/services/utils.service';
+import { WidgetActionSource, WidgetActionType, widgetActionTypeTranslationMap } from '@shared/models/widget.models';
+import { map, mergeMap, startWith, tap } from 'rxjs/operators';
+import { DashboardService } from '@core/http/dashboard.service';
+import { Dashboard } from '@shared/models/dashboard.models';
+import { DashboardUtilsService } from '@core/services/dashboard-utils.service';
+
+export interface WidgetActionDialogData {
+  isAdd: boolean;
+  callbacks: WidgetActionCallbacks;
+  actionsData: WidgetActionsData;
+  action?: WidgetActionDescriptorInfo;
+}
+
+@Component({
+  selector: 'tb-widget-action-dialog',
+  templateUrl: './widget-action-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: WidgetActionDialogComponent}],
+  styleUrls: []
+})
+export class WidgetActionDialogComponent extends DialogComponent<WidgetActionDialogComponent,
+                                                 WidgetActionDescriptorInfo> implements OnInit, ErrorStateMatcher {
+
+  @ViewChild('dashboardStateInput') dashboardStateInput: ElementRef;
+
+  widgetActionFormGroup: FormGroup;
+  actionTypeFormGroup: FormGroup;
+
+  isAdd: boolean;
+  action: WidgetActionDescriptorInfo;
+
+  widgetActionTypes = Object.keys(WidgetActionType);
+  widgetActionTypeTranslations = widgetActionTypeTranslationMap;
+  widgetActionType = WidgetActionType;
+
+  filteredDashboardStates: Observable<Array<string>>;
+  targetDashboardStateSearchText = '';
+  selectedDashboardStateIds: Observable<Array<string>>;
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              private utils: UtilsService,
+              private dashboardService: DashboardService,
+              private dashboardUtils: DashboardUtilsService,
+              @Inject(MAT_DIALOG_DATA) public data: WidgetActionDialogData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<WidgetActionDialogComponent, WidgetActionDescriptorInfo>,
+              public fb: FormBuilder) {
+    super(store, router, dialogRef);
+    this.isAdd = data.isAdd;
+    if (this.isAdd) {
+      this.action = {
+        id: this.utils.guid(),
+        name: '',
+        icon: 'more_horiz',
+        type: null
+      };
+    } else {
+      this.action = this.data.action;
+    }
+  }
+
+  ngOnInit(): void {
+    this.widgetActionFormGroup = this.fb.group({});
+    this.widgetActionFormGroup.addControl('actionSourceId',
+      this.fb.control(this.action.actionSourceId, [Validators.required]));
+    this.widgetActionFormGroup.addControl('name',
+      this.fb.control(this.action.name, [this.validateActionName(), Validators.required]));
+    this.widgetActionFormGroup.addControl('icon',
+      this.fb.control(this.action.icon, [Validators.required]));
+    this.widgetActionFormGroup.addControl('type',
+      this.fb.control(this.action.type, [Validators.required]));
+    this.updateActionTypeFormGroup(this.action.type, this.action);
+    this.widgetActionFormGroup.get('type').valueChanges.subscribe((type: WidgetActionType) => {
+      this.updateActionTypeFormGroup(type);
+    });
+    this.widgetActionFormGroup.get('actionSourceId').valueChanges.subscribe(() => {
+      this.widgetActionFormGroup.get('name').updateValueAndValidity();
+    });
+  }
+
+  private updateActionTypeFormGroup(type?: WidgetActionType, action?: WidgetActionDescriptorInfo) {
+    this.actionTypeFormGroup = this.fb.group({});
+    if (type) {
+      switch (type) {
+        case WidgetActionType.openDashboard:
+        case WidgetActionType.openDashboardState:
+        case WidgetActionType.updateDashboardState:
+          this.actionTypeFormGroup.addControl(
+            'targetDashboardStateId',
+            this.fb.control(action ? action.targetDashboardStateId : null,
+              type === WidgetActionType.openDashboardState ? [Validators.required] : [])
+          );
+          this.actionTypeFormGroup.addControl(
+            'setEntityId',
+            this.fb.control(action ? action.setEntityId : true, [])
+          );
+          this.actionTypeFormGroup.addControl(
+            'stateEntityParamName',
+            this.fb.control(action ? action.stateEntityParamName : null, [])
+          );
+          if (type === WidgetActionType.openDashboard) {
+            this.actionTypeFormGroup.addControl(
+              'targetDashboardId',
+              this.fb.control(action ? action.targetDashboardId : null,
+                [Validators.required])
+            );
+            this.setupSelectedDashboardStateIds(action ? action.targetDashboardId : null);
+          } else {
+            this.actionTypeFormGroup.addControl(
+              'openRightLayout',
+              this.fb.control(action ? action.openRightLayout : false, [])
+            );
+          }
+          this.setupFilteredDashboardStates();
+          break;
+        case WidgetActionType.custom:
+          this.actionTypeFormGroup.addControl(
+            'customFunction',
+            this.fb.control(action ? action.customFunction : null, [])
+          );
+          break;
+        case WidgetActionType.customPretty:
+          this.actionTypeFormGroup.addControl(
+            'customAction',
+            this.fb.control(toCustomAction(action), [Validators.required])
+          );
+          break;
+      }
+    }
+  }
+
+  private setupSelectedDashboardStateIds(targetDashboardId?: string) {
+    this.selectedDashboardStateIds =
+      this.actionTypeFormGroup.get('targetDashboardId').valueChanges.pipe(
+        // startWith<string>(targetDashboardId),
+        tap(() => {
+          this.targetDashboardStateSearchText = '';
+        }),
+        mergeMap((dashboardId) => {
+          if (dashboardId) {
+            return this.dashboardService.getDashboard(dashboardId);
+          } else {
+            return of(null);
+          }
+        }),
+        map((dashboard: Dashboard) => {
+          if (dashboard) {
+            dashboard = this.dashboardUtils.validateAndUpdateDashboard(dashboard);
+            const states = dashboard.configuration.states;
+            return Object.keys(states);
+          } else {
+            return [];
+          }
+        })
+      );
+  }
+
+  private setupFilteredDashboardStates() {
+    this.targetDashboardStateSearchText = '';
+    this.filteredDashboardStates = this.actionTypeFormGroup.get('targetDashboardStateId').valueChanges
+      .pipe(
+        startWith(''),
+        map(value => value ? value : ''),
+        mergeMap(name => this.fetchDashboardStates(name) )
+      );
+  }
+
+  private fetchDashboardStates(searchText?: string): Observable<Array<string>> {
+    this.targetDashboardStateSearchText = searchText;
+    if (this.widgetActionFormGroup.get('type').value === WidgetActionType.openDashboard) {
+      return this.selectedDashboardStateIds.pipe(
+        map(stateIds => {
+          const result = searchText ? stateIds.filter(this.createFilterForDashboardState(searchText)) : stateIds;
+          if (result && result.length) {
+            return result;
+          } else {
+            return [searchText];
+          }
+        })
+      );
+    } else {
+      return of(this.data.callbacks.fetchDashboardStates(searchText));
+    }
+  }
+
+  private createFilterForDashboardState(query: string): (stateId: string) => boolean {
+    const lowercaseQuery = query.toLowerCase();
+    return stateId => stateId.toLowerCase().indexOf(lowercaseQuery) === 0;
+  }
+
+  public clearTargetDashboardState(value: string = '') {
+    this.dashboardStateInput.nativeElement.value = value;
+    this.actionTypeFormGroup.get('targetDashboardStateId').patchValue(value, {emitEvent: true});
+    setTimeout(() => {
+      this.dashboardStateInput.nativeElement.blur();
+      this.dashboardStateInput.nativeElement.focus();
+    }, 0);
+  }
+
+  private validateActionName(): ValidatorFn {
+    return (c: FormControl) => {
+      const newName = c.value;
+      const valid = this.checkActionName(newName, this.widgetActionFormGroup.get('actionSourceId').value);
+      return !valid ? {
+        actionNameNotUnique: true
+      } : null;
+    };
+  }
+
+  private checkActionName(name: string, actionSourceId: string): boolean {
+    let actionNameIsUnique = true;
+    if (name && actionSourceId) {
+      const sourceActions = this.data.actionsData.actionsMap[actionSourceId];
+      if (sourceActions) {
+        const result = sourceActions.filter((sourceAction) => sourceAction.name === name);
+        if (result && result.length && result[0].id !== this.action.id) {
+          actionNameIsUnique = false;
+        }
+      }
+    }
+    return actionNameIsUnique;
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  public actionSourceName(actionSource: WidgetActionSource): string {
+    if (actionSource) {
+      return this.utils.customTranslation(actionSource.name, actionSource.name);
+    } else {
+      return '';
+    }
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  save(): void {
+    this.submitted = true;
+    const type: WidgetActionType = this.widgetActionFormGroup.get('type').value;
+    let result: WidgetActionDescriptorInfo;
+    if (type === WidgetActionType.customPretty) {
+      result = {...this.widgetActionFormGroup.value, ...this.actionTypeFormGroup.get('customAction').value};
+    } else {
+      result = {...this.widgetActionFormGroup.value, ...this.actionTypeFormGroup.value};
+    }
+    result.id = this.action.id;
+    this.dialogRef.close(result);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/data-key-config-dialog.component.html b/ui-ngx/src/app/modules/home/components/widget/data-key-config-dialog.component.html
new file mode 100644
index 0000000000..e973473aad
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/data-key-config-dialog.component.html
@@ -0,0 +1,54 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #dataKeyForm="ngForm" [formGroup]="dataKeyFormGroup" (ngSubmit)="save()" style="width: 600px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2>{{ 'datakey.configuration' | translate }}</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div mat-dialog-content>
+    <tb-data-key-config #dataKeyConfig
+      [dataKeySettingsSchema]="data.dataKeySettingsSchema"
+      [entityAliasId]="data.entityAliasId"
+      [callbacks]="data.callbacks"
+      formControlName="dataKey">
+    </tb-data-key-config>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || dataKeyForm.invalid || !dataKeyForm.dirty">
+      {{ 'action.save' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/components/widget/data-key-config-dialog.component.scss b/ui-ngx/src/app/modules/home/components/widget/data-key-config-dialog.component.scss
new file mode 100644
index 0000000000..b12fed99c1
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/data-key-config-dialog.component.scss
@@ -0,0 +1,21 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .mat-dialog-content {
+    padding: 0 !important;
+    margin: 0 !important;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/data-key-config-dialog.component.ts b/ui-ngx/src/app/modules/home/components/widget/data-key-config-dialog.component.ts
new file mode 100644
index 0000000000..5e020a420a
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/data-key-config-dialog.component.ts
@@ -0,0 +1,84 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit, SkipSelf, ViewChild } from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm, Validators } from '@angular/forms';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { DataKey } from '@shared/models/widget.models';
+import { DataKeysCallbacks } from './data-keys.component.models';
+import { DataKeyConfigComponent } from '@home/components/widget/data-key-config.component';
+
+export interface DataKeyConfigDialogData {
+  dataKey: DataKey;
+  dataKeySettingsSchema: any;
+  entityAliasId?: string;
+  callbacks?: DataKeysCallbacks;
+}
+
+@Component({
+  selector: 'tb-data-key-config-dialog',
+  templateUrl: './data-key-config-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: DataKeyConfigDialogComponent}],
+  styleUrls: ['./data-key-config-dialog.component.scss']
+})
+export class DataKeyConfigDialogComponent extends DialogComponent<DataKeyConfigDialogComponent, DataKey>
+  implements OnInit, ErrorStateMatcher {
+
+  @ViewChild('dataKeyConfig', {static: true}) dataKeyConfig: DataKeyConfigComponent;
+
+  dataKeyFormGroup: FormGroup;
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: DataKeyConfigDialogData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<DataKeyConfigDialogComponent, DataKey>,
+              public fb: FormBuilder) {
+    super(store, router, dialogRef);
+  }
+
+  ngOnInit(): void {
+    this.dataKeyFormGroup = this.fb.group({
+      dataKey: [this.data.dataKey, [Validators.required]]
+    });
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  save(): void {
+    this.submitted = true;
+    this.dataKeyConfig.validateOnSubmit();
+    if (this.dataKeyFormGroup.valid) {
+      const dataKey: DataKey = this.dataKeyFormGroup.get('dataKey').value;
+      this.dialogRef.close(dataKey);
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/data-key-config.component.html b/ui-ngx/src/app/modules/home/components/widget/data-key-config.component.html
new file mode 100644
index 0000000000..27fa1058dc
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/data-key-config.component.html
@@ -0,0 +1,105 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-tab-group class="tb-datakey-config" [ngClass]="{'tb-headless': !displayAdvanced}"
+               class="tb-datakey-config">
+  <mat-tab [formGroup]="dataKeyFormGroup" label="{{ 'datakey.settings' | translate }}">
+    <div class="mat-content mat-padding" fxLayout="column">
+      <mat-form-field class="mat-block" *ngIf="modelValue.type !== dataKeyTypes.function">
+        <mat-label>{{ 'entity.key' | translate }}</mat-label>
+        <input matInput type="text" placeholder="{{ 'entity.key-name' | translate }}"
+               #keyInput
+               formControlName="name"
+               required
+               [matAutocomplete]="keyAutocomplete">
+        <button *ngIf="dataKeyFormGroup.get('name').value"
+                type="button"
+                matSuffix mat-button mat-icon-button aria-label="Clear"
+                (click)="clearKey()">
+          <mat-icon class="material-icons">close</mat-icon>
+        </button>
+        <mat-autocomplete
+          class="tb-autocomplete"
+          #keyAutocomplete="matAutocomplete">
+          <mat-option *ngFor="let key of filteredKeys | async" [value]="key">
+            <span [innerHTML]="key | highlight:keySearchText"></span>
+          </mat-option>
+        </mat-autocomplete>
+      </mat-form-field>
+      <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px">
+        <mat-form-field fxFlex class="mat-block">
+          <mat-label translate>datakey.label</mat-label>
+          <input matInput formControlName="label" required>
+        </mat-form-field>
+        <tb-color-input fxFlex
+          required
+          label="{{'datakey.color' | translate}}"
+          icon="format_color_fill"
+          openOnInput
+          formControlName="color">
+        </tb-color-input>
+      </div>
+      <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px" *ngIf="modelValue.type !== dataKeyTypes.alarm">
+        <mat-form-field fxFlex>
+          <mat-label translate>datakey.units</mat-label>
+          <input matInput formControlName="units">
+        </mat-form-field>
+        <mat-form-field fxFlex>
+          <mat-label translate>datakey.decimals</mat-label>
+          <input matInput formControlName="decimals" type="number" min="0" max="15" step="1">
+        </mat-form-field>
+      </div>
+      <section fxLayout="column" *ngIf="modelValue.type === dataKeyTypes.function">
+        <span translate>datakey.data-generation-func</span>
+        <br/>
+        <tb-js-func #funcBodyEdit
+          [functionArgs]="['time', 'prevValue']"
+          [validationArgs]="[[1, 1],[1, '1']]"
+          resultType="any"
+          formControlName="funcBody">
+        </tb-js-func>
+      </section>
+      <section fxLayout="column" *ngIf="modelValue.type === dataKeyTypes.timeseries || modelValue.type === dataKeyTypes.attribute">
+        <mat-checkbox formControlName="usePostProcessing">
+          {{ 'datakey.use-data-post-processing-func' | translate }}
+        </mat-checkbox>
+        <tb-js-func *ngIf="dataKeyFormGroup.get('usePostProcessing').value" #postFuncBodyEdit
+                    [functionArgs]="['time', 'value', 'prevValue', 'timePrev', 'prevOrigValue']"
+                    [validationArgs]="[[1, 1, 1, 1, 1],[1, '1', '1', 1, '1']]"
+                    resultType="any"
+                    formControlName="postFuncBody">
+        </tb-js-func>
+        <label *ngIf="dataKeyFormGroup.get('usePostProcessing').value" class="tb-title" style="margin-left: 15px;">
+          time - {{ 'datakey.time-description' | translate }}<br/>
+          value - {{ 'datakey.value-description' | translate }}<br/>
+          prevValue - {{ 'datakey.prev-value-description' | translate }}<br/>
+          timePrev - {{ 'datakey.time-prev-description' | translate }}<br/>
+          prevOrigValue - {{ 'datakey.prev-orig-value-description' | translate }}
+        </label>
+      </section>
+    </div>
+  </mat-tab>
+  <mat-tab [formGroup]="dataKeySettingsFormGroup" label="{{ 'datakey.advanced' | translate }}" *ngIf="displayAdvanced">
+    <div class="mat-content mat-padding" fxLayout="column">
+      <div style="overflow: auto;">
+        <tb-json-form
+          formControlName="settings">
+        </tb-json-form>
+      </div>
+    </div>
+  </mat-tab>
+</mat-tab-group>
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/attributes/nosql/AttributesServiceNoSqlTest.java b/ui-ngx/src/app/modules/home/components/widget/data-key-config.component.scss
similarity index 68%
rename from dao/src/test/java/org/thingsboard/server/dao/service/attributes/nosql/AttributesServiceNoSqlTest.java
rename to ui-ngx/src/app/modules/home/components/widget/data-key-config.component.scss
index 7f352f1b4f..093be91e88 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/attributes/nosql/AttributesServiceNoSqlTest.java
+++ b/ui-ngx/src/app/modules/home/components/widget/data-key-config.component.scss
@@ -13,11 +13,20 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.service.attributes.nosql;
-
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-import org.thingsboard.server.dao.service.attributes.BaseAttributesServiceTest;
+:host {
+  .tb-datakey-config {
+    min-width: 500px !important;
+    min-height: 500px !important;
+    height: 500px !important;
+  }
+}
 
-@DaoNoSqlTest
-public class AttributesServiceNoSqlTest extends BaseAttributesServiceTest {
+:host ::ng-deep {
+  .tb-datakey-config {
+    .mat-tab-body.mat-tab-body-active {
+      .mat-tab-body-content > div {
+        height: 100%;
+      }
+    }
+  }
 }
diff --git a/ui-ngx/src/app/modules/home/components/widget/data-key-config.component.ts b/ui-ngx/src/app/modules/home/components/widget/data-key-config.component.ts
new file mode 100644
index 0000000000..738c2fee9c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/data-key-config.component.ts
@@ -0,0 +1,252 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, ElementRef, forwardRef, Input, OnInit, ViewChild } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { DataKey } from '@shared/models/widget.models';
+import {
+  ControlValueAccessor,
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  NG_VALIDATORS,
+  NG_VALUE_ACCESSOR,
+  Validator,
+  Validators
+} from '@angular/forms';
+import { UtilsService } from '@core/services/utils.service';
+import { TranslateService } from '@ngx-translate/core';
+import { MatDialog } from '@angular/material/dialog';
+import { EntityService } from '@core/http/entity.service';
+import { DataKeysCallbacks } from '@home/components/widget/data-keys.component.models';
+import { DataKeyType } from '@shared/models/telemetry/telemetry.models';
+import { Observable, of } from 'rxjs';
+import { map, mergeMap, tap } from 'rxjs/operators';
+import { alarmFields } from '@shared/models/alarm.models';
+import { JsFuncComponent } from '@shared/components/js-func.component';
+import { JsonFormComponentData } from '@shared/components/json-form/json-form-component.models';
+
+@Component({
+  selector: 'tb-data-key-config',
+  templateUrl: './data-key-config.component.html',
+  styleUrls: ['./data-key-config.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => DataKeyConfigComponent),
+      multi: true
+    },
+    {
+      provide: NG_VALIDATORS,
+      useExisting: forwardRef(() => DataKeyConfigComponent),
+      multi: true,
+    }
+  ]
+})
+export class DataKeyConfigComponent extends PageComponent implements OnInit, ControlValueAccessor, Validator {
+
+  dataKeyTypes = DataKeyType;
+
+  @Input()
+  entityAliasId: string;
+
+  @Input()
+  callbacks: DataKeysCallbacks;
+
+  @Input()
+  dataKeySettingsSchema: any;
+
+  @ViewChild('keyInput') keyInput: ElementRef;
+
+  @ViewChild('funcBodyEdit') funcBodyEdit: JsFuncComponent;
+  @ViewChild('postFuncBodyEdit') postFuncBodyEdit: JsFuncComponent;
+
+  displayAdvanced = false;
+
+  modelValue: DataKey;
+
+  private propagateChange = null;
+
+  public dataKeyFormGroup: FormGroup;
+
+  public dataKeySettingsFormGroup: FormGroup;
+
+  private dataKeySettingsData: JsonFormComponentData;
+
+  private alarmKeys: Array<DataKey>;
+
+  filteredKeys: Observable<Array<string>>;
+  private latestKeySearchResult: Array<string> = null;
+
+  keySearchText = '';
+
+  constructor(protected store: Store<AppState>,
+              private utils: UtilsService,
+              private entityService: EntityService,
+              private dialog: MatDialog,
+              private translate: TranslateService,
+              private fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+    this.alarmKeys = [];
+    for (const name of Object.keys(alarmFields)) {
+      this.alarmKeys.push({
+        name,
+        type: DataKeyType.alarm
+      });
+    }
+    if (this.dataKeySettingsSchema && this.dataKeySettingsSchema.schema) {
+      this.displayAdvanced = true;
+      this.dataKeySettingsData = {
+        schema: this.dataKeySettingsSchema.schema,
+        form: this.dataKeySettingsSchema.form || ['*']
+      };
+      this.dataKeySettingsFormGroup = this.fb.group({
+        settings: [null, []]
+      });
+      this.dataKeySettingsFormGroup.valueChanges.subscribe(() => {
+        this.updateModel();
+      });
+    }
+    this.dataKeyFormGroup = this.fb.group({
+      name: [null, []],
+      label: [null, [Validators.required]],
+      color: [null, [Validators.required]],
+      units: [null, []],
+      decimals: [null, [Validators.min(0), Validators.max(15), Validators.pattern(/^\d*$/)]],
+      funcBody: [null, []],
+      usePostProcessing: [null, []],
+      postFuncBody: [null, []]
+    });
+
+    this.dataKeyFormGroup.valueChanges.subscribe(() => {
+      this.updateModel();
+    });
+
+    this.dataKeyFormGroup.get('usePostProcessing').valueChanges.subscribe((usePostProcessing: boolean) => {
+      const postFuncBody: string = this.dataKeyFormGroup.get('postFuncBody').value;
+      if (usePostProcessing && (!postFuncBody || !postFuncBody.length)) {
+        this.dataKeyFormGroup.get('postFuncBody').patchValue('return value;');
+      } else if (!usePostProcessing && postFuncBody && postFuncBody.length) {
+        this.dataKeyFormGroup.get('postFuncBody').patchValue(null);
+      }
+    });
+
+    this.filteredKeys = this.dataKeyFormGroup.get('name').valueChanges
+      .pipe(
+        map(value => value ? value : ''),
+        mergeMap(name => this.fetchKeys(name) )
+      );
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+  }
+
+  writeValue(value: DataKey): void {
+    this.modelValue = value;
+    this.dataKeyFormGroup.patchValue(this.modelValue, {emitEvent: false});
+    this.dataKeyFormGroup.get('name').setValidators(this.modelValue.type !== DataKeyType.function ? [Validators.required] : []);
+    this.dataKeyFormGroup.get('name').updateValueAndValidity({emitEvent: false});
+    if (this.displayAdvanced) {
+      this.dataKeySettingsData.model = this.modelValue.settings;
+      this.dataKeySettingsFormGroup.patchValue({
+        settings: this.dataKeySettingsData
+      }, {emitEvent: false});
+    }
+  }
+
+  private updateModel() {
+    this.modelValue = {...this.modelValue, ...this.dataKeyFormGroup.value};
+    if (this.displayAdvanced) {
+      this.modelValue.settings = this.dataKeySettingsFormGroup.get('settings').value.model;
+    }
+    this.propagateChange(this.modelValue);
+  }
+
+  clearKey() {
+    this.dataKeyFormGroup.get('name').patchValue(null, {emitEvent: true});
+    setTimeout(() => {
+      this.keyInput.nativeElement.blur();
+      this.keyInput.nativeElement.focus();
+    }, 0);
+  }
+
+  private fetchKeys(searchText?: string): Observable<Array<string>> {
+    if (this.latestKeySearchResult === null || this.keySearchText !== searchText) {
+      this.keySearchText = searchText;
+      let fetchObservable: Observable<Array<DataKey>> = null;
+      if (this.modelValue.type === DataKeyType.alarm) {
+        const dataKeyFilter = this.createDataKeyFilter(this.keySearchText);
+        fetchObservable = of(this.alarmKeys.filter(dataKeyFilter));
+      } else {
+        if (this.entityAliasId) {
+          const dataKeyTypes = [this.modelValue.type];
+          fetchObservable = this.callbacks.fetchEntityKeys(this.entityAliasId, this.keySearchText, dataKeyTypes);
+        } else {
+          fetchObservable = of([]);
+        }
+      }
+      return fetchObservable.pipe(
+        map((dataKeys) => dataKeys.map((dataKey) => dataKey.name)),
+        tap(res => this.latestKeySearchResult = res)
+      );
+    }
+    return of(this.latestKeySearchResult);
+  }
+
+  private createDataKeyFilter(query: string): (key: DataKey) => boolean {
+    const lowercaseQuery = query.toLowerCase();
+    return key => key.name.toLowerCase().indexOf(lowercaseQuery) === 0;
+  }
+
+  public validateOnSubmit() {
+    if (this.modelValue.type === DataKeyType.function) {
+      this.funcBodyEdit.validateOnSubmit();
+    } else if ((this.modelValue.type === DataKeyType.timeseries ||
+                this.modelValue.type === DataKeyType.attribute) && this.dataKeyFormGroup.get('usePostProcessing').value) {
+      this.postFuncBodyEdit.validateOnSubmit();
+    }
+  }
+
+  public validate(c: FormControl) {
+    if (!this.dataKeyFormGroup.valid) {
+      return {
+        dataKey: {
+          valid: false
+        }
+      };
+    }
+    if (this.displayAdvanced && !this.dataKeySettingsFormGroup.valid) {
+      return {
+        dataKeySettings: {
+          valid: false
+        }
+      };
+    }
+    return null;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/data-keys.component.html b/ui-ngx/src/app/modules/home/components/widget/data-keys.component.html
new file mode 100644
index 0000000000..c8311620e0
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/data-keys.component.html
@@ -0,0 +1,137 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field appearance="standard" [formGroup]="keysListFormGroup" class="mat-block">
+  <mat-chip-list #chipList formControlName="keys" tb-chip-draggable (chipDrop)="onChipDrop($event)">
+    <mat-chip
+      *ngFor="let key of keys; let $index = index"
+      [selectable]="!disabled"
+      [removable]="!disabled"
+      (removed)="remove(key)">
+      <div fxLayout="row" fxLayoutAlign="start center" class="tb-attribute-chip">
+        <div *ngIf="!disabled" class="tb-chip-drag-handle" style="margin-right: 5px;">
+          <mat-icon class="tb-mat-20">drag_handle</mat-icon>
+        </div>
+        <div class="tb-color-preview" (click)="showColorPicker(key)" style="margin-right: 5px;">
+          <div class="tb-color-result" [ngStyle]="{background: key.color}"></div>
+        </div>
+        <div class="tb-chip-labels">
+          <div class="tb-chip-label">
+            <span *ngIf="datasourceType !== datasourceTypes.function && widgetType !== widgetTypes.alarm">
+              <span *ngIf="key.type === dataKeyTypes.attribute"
+                    matTooltip="{{'datakey.attributes' | translate }}"
+                    matTooltipPosition="above">
+                  <mat-icon class="tb-mat-20"
+                            svgIcon="alpha-a-circle-outline"></mat-icon>
+              </span>
+              <span *ngIf="key.type === dataKeyTypes.timeseries"
+                    matTooltip="{{'datakey.timeseries' | translate }}"
+                    matTooltipPosition="above">
+                  <mat-icon class="tb-mat-20">timeline</mat-icon>
+              </span>
+            </span>
+            {{key.label}}
+          </div>
+          <div class="tb-chip-separator">: </div>
+          <div class="tb-chip-label">
+            <strong *ngIf="datasourceType !== datasourceTypes.function && key.postFuncBody; else simpleChipLabel">f({{key.name}})</strong>
+            <ng-template #simpleChipLabel>
+              <strong>{{key.name}}</strong>
+            </ng-template>
+          </div>
+        </div>
+        <button *ngIf="!disabled"
+                type="button"
+                (click)="editDataKey(key, $index)" mat-button mat-icon-button class="tb-mat-32">
+          <mat-icon class="tb-mat-20">edit</mat-icon>
+        </button>
+        <mat-icon matChipRemove *ngIf="!disabled">close</mat-icon>
+      </div>
+    </mat-chip>
+    <input matInput type="text" placeholder="{{ !disabled ? placeholder : '' }}"
+           style="max-width: 200px;"
+           #keyInput
+           formControlName="key"
+           matAutocompleteOrigin
+           #origin="matAutocompleteOrigin"
+           [matAutocompleteConnectedTo]="origin"
+           (focusin)="onFocus()"
+           [matAutocomplete]="keyAutocomplete"
+           [matChipInputFor]="chipList"
+           [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
+           (matChipInputTokenEnd)="add($event)">
+  </mat-chip-list>
+  <mat-autocomplete #keyAutocomplete="matAutocomplete"
+                    class="tb-autocomplete"
+                    [displayWith]="displayKeyFn">
+    <mat-option *ngFor="let key of filteredKeys | async" [value]="key">
+      <span style="white-space: nowrap;">
+        <span *ngIf="datasourceType !== datasourceTypes.function && widgetType !== widgetTypes.alarm">
+          <span *ngIf="key.type === dataKeyTypes.attribute"
+                matTooltip="{{'datakey.attributes' | translate }}"
+                matTooltipPosition="above">
+              <mat-icon class="tb-mat-16"
+                        svgIcon="alpha-a-circle-outline"></mat-icon>
+          </span>
+          <span *ngIf="key.type === dataKeyTypes.timeseries"
+                matTooltip="{{'datakey.timeseries' | translate }}"
+                matTooltipPosition="above">
+              <mat-icon class="tb-mat-16">timeline</mat-icon>
+          </span>
+        </span>
+        <span [innerHTML]="key.name | highlight:searchText"></span>
+      </span>
+    </mat-option>
+    <mat-option *ngIf="!(filteredKeys | async)?.length" [value]="null" class="tb-not-found">
+      <div class="tb-not-found-content" (click)="$event.stopPropagation()">
+        <div *ngIf="!textIsNotEmpty(searchText); else searchNotEmpty">
+          <span translate>entity.no-keys-found</span>
+        </div>
+        <ng-template #searchNotEmpty>
+          <span>
+            {{ translate.get('entity.no-key-matching',
+              {key: truncate.transform(searchText, true, 6, &apos;...&apos;)}) | async }}
+          </span>
+          <span *ngIf="datasourceType === datasourceTypes.function || widgetType === widgetTypes.alarm; else createEntityKey">
+            <a translate (click)="createKey(searchText)">entity.create-new-key</a>
+          </span>
+          <ng-template #createEntityKey>
+            <span>{{'entity.create-new-key' | translate }}  </span>
+            <span *ngIf="widgetType == widgetTypes.latest"
+                  matTooltip="{{'datakey.attributes' | translate }}"
+                  matTooltipPosition="above">
+            <mat-icon (click)="createKey(searchText, dataKeyTypes.attribute)"
+                      class="tb-mat-16"
+                      svgIcon="alpha-a-circle-outline"></mat-icon>
+          </span>
+            <span matTooltip="{{'datakey.timeseries' | translate }}"
+                  matTooltipPosition="above">
+            <mat-icon (click)="createKey(searchText, dataKeyTypes.timeseries)"
+                      class="tb-mat-16">timeline</mat-icon>
+          </span>
+          </ng-template>
+        </ng-template>
+      </div>
+    </mat-option>
+  </mat-autocomplete>
+  <mat-error *ngIf="keysListFormGroup.get('keys').hasError('required')">
+    {{ requiredText }}
+  </mat-error>
+</mat-form-field>
+<div class="mat-caption" style="color: rgba(0,0,0,0.57);" *ngIf="maxDataKeys !== null && maxDataKeys > -1">
+  {{ maxDataKeysText() }}
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/widget/data-keys.component.models.ts b/ui-ngx/src/app/modules/home/components/widget/data-keys.component.models.ts
new file mode 100644
index 0000000000..452e390faa
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/data-keys.component.models.ts
@@ -0,0 +1,24 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { DataKeyType } from '@shared/models/telemetry/telemetry.models';
+import { DataKey } from '@shared/models/widget.models';
+import { Observable } from 'rxjs';
+
+export interface DataKeysCallbacks {
+  generateDataKey: (chip: any, type: DataKeyType) => DataKey;
+  fetchEntityKeys: (entityAliasId: string, query: string, types: Array<DataKeyType>) => Observable<Array<DataKey>>;
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/data-keys.component.scss b/ui-ngx/src/app/modules/home/components/widget/data-keys.component.scss
new file mode 100644
index 0000000000..f5479e6f42
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/data-keys.component.scss
@@ -0,0 +1,66 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .mat-chip.mat-standard-chip {
+    .tb-attribute-chip {
+      max-width: 100%;
+      color: rgb(66, 66, 66);
+      font-weight: normal;
+      font-size: 16px;
+
+      .tb-chip-drag-handle {
+        cursor: move;
+
+        mat-icon {
+          pointer-events: none;
+        }
+      }
+
+      .tb-chip-labels {
+        display: flex;
+        flex-direction: row;
+        min-width: 0px;
+        .tb-chip-label {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+
+        .tb-chip-separator {
+          white-space: pre;
+        }
+      }
+
+      .mat-chip-remove.mat-icon {
+        width: 24px;
+        height: 24px;
+        font-size: 24px;
+        margin-left: 0px;
+        color: inherit;
+        opacity: inherit;
+      }
+    }
+  }
+}
+
+:host ::ng-deep {
+  .mat-form-field-flex {
+    padding-top: 0;
+    .mat-form-field-infix {
+      border-top: 0;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/data-keys.component.ts b/ui-ngx/src/app/modules/home/components/widget/data-keys.component.ts
new file mode 100644
index 0000000000..e4b6a32637
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/data-keys.component.ts
@@ -0,0 +1,454 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { COMMA, ENTER, SEMICOLON } from '@angular/cdk/keycodes';
+import {
+  AfterViewInit,
+  Component,
+  ElementRef,
+  forwardRef,
+  Input,
+  OnChanges,
+  OnInit,
+  SimpleChanges,
+  SkipSelf,
+  ViewChild
+} from '@angular/core';
+import {
+  ControlValueAccessor,
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  FormGroupDirective,
+  NG_VALUE_ACCESSOR,
+  NgForm,
+  Validators
+} from '@angular/forms';
+import { Observable, of } from 'rxjs';
+import { filter, map, mergeMap, share, tap } from 'rxjs/operators';
+import { Store } from '@ngrx/store';
+import { AppState } from '@app/core/core.state';
+import { TranslateService } from '@ngx-translate/core';
+import { MatAutocomplete } from '@angular/material/autocomplete';
+import { MatChipInputEvent, MatChipList } from '@angular/material/chips';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { DataKeyType } from '@shared/models/telemetry/telemetry.models';
+import { DataKey, DatasourceType, widgetType } from '@shared/models/widget.models';
+import { IAliasController } from '@core/api/widget-api.models';
+import { DataKeysCallbacks } from './data-keys.component.models';
+import { alarmFields } from '@shared/models/alarm.models';
+import { UtilsService } from '@core/services/utils.service';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { TruncatePipe } from '@shared/pipe/truncate.pipe';
+import { DialogService } from '@core/services/dialog.service';
+import { MatDialog } from '@angular/material/dialog';
+import {
+  DataKeyConfigDialogComponent,
+  DataKeyConfigDialogData
+} from '@home/components/widget/data-key-config-dialog.component';
+import { deepClone } from '@core/utils';
+import { MatChipDropEvent } from '@app/shared/components/mat-chip-draggable.directive';
+
+@Component({
+  selector: 'tb-data-keys',
+  templateUrl: './data-keys.component.html',
+  styleUrls: ['./data-keys.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => DataKeysComponent),
+      multi: true
+    },
+    {
+      provide: ErrorStateMatcher,
+      useExisting: DataKeysComponent
+    }
+  ]
+})
+export class DataKeysComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnChanges, ErrorStateMatcher {
+
+  datasourceTypes = DatasourceType;
+  widgetTypes = widgetType;
+  dataKeyTypes = DataKeyType;
+
+  keysListFormGroup: FormGroup;
+
+  modelValue: Array<DataKey> | null;
+
+  @Input()
+  widgetType: widgetType;
+
+  @Input()
+  datasourceType: DatasourceType;
+
+  @Input()
+  maxDataKeys: number;
+
+  @Input()
+  optDataKeys: boolean;
+
+  @Input()
+  aliasController: IAliasController;
+
+  @Input()
+  datakeySettingsSchema: any;
+
+  @Input()
+  callbacks: DataKeysCallbacks;
+
+  @Input()
+  entityAliasId: string;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue || !this.optDataKeys;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  @ViewChild('keyInput') keyInput: ElementRef<HTMLInputElement>;
+  @ViewChild('keyAutocomplete') matAutocomplete: MatAutocomplete;
+  @ViewChild('chipList') chipList: MatChipList;
+
+  keys: Array<DataKey> = [];
+  filteredKeys: Observable<Array<DataKey>>;
+
+  separatorKeysCodes: number[] = [ENTER, COMMA, SEMICOLON];
+
+  alarmKeys: Array<DataKey>;
+  functionTypeKeys: Array<DataKey>;
+
+  dataKeyType: DataKeyType;
+  placeholder: string;
+  requiredText: string;
+
+  searchText = '';
+  private latestSearchTextResult: Array<DataKey> = null;
+
+  private dirty = false;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public translate: TranslateService,
+              private utils: UtilsService,
+              private dialogs: DialogService,
+              private dialog: MatDialog,
+              private fb: FormBuilder,
+              public truncate: TruncatePipe) {
+    this.keysListFormGroup = this.fb.group({
+      keys: [null, this.required ? [Validators.required] : []],
+      key: [null]
+    });
+  }
+
+  updateValidators() {
+    this.keysListFormGroup.get('keys').setValidators(this.required ? [Validators.required] : []);
+    this.keysListFormGroup.get('keys').updateValueAndValidity();
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+    this.alarmKeys = [];
+    for (const name of Object.keys(alarmFields)) {
+      this.alarmKeys.push({
+        name,
+        type: DataKeyType.alarm
+      });
+    }
+    this.functionTypeKeys = [];
+    for (const type of this.utils.getPredefinedFunctionsList()) {
+      this.functionTypeKeys.push({
+        name: type,
+        type: DataKeyType.function
+      });
+    }
+    this.updateParams();
+    this.filteredKeys = this.keysListFormGroup.get('key').valueChanges
+      .pipe(
+        tap((value: string | DataKey) => {
+          if (value && typeof value !== 'string') {
+            this.addFromChipValue(value);
+          } else if (value === null) {
+            this.clear(this.keyInput.nativeElement.value);
+          }
+        }),
+        filter((value) => typeof value === 'string'),
+        map((value) => value ? (typeof value === 'string' ? value : value.name) : ''),
+        mergeMap(name => this.fetchKeys(name) ),
+        share()
+      );
+  }
+
+  public maxDataKeysText(): string {
+    if (this.maxDataKeys !== null && this.maxDataKeys > -1) {
+      if (this.datasourceType === DatasourceType.function) {
+        return this.translate.instant('datakey.maximum-function-types', {count: this.maxDataKeys});
+      } else {
+        return this.translate.instant('datakey.maximum-timeseries-or-attributes', {count: this.maxDataKeys});
+      }
+    } else {
+      return '';
+    }
+  }
+
+  private updateParams() {
+    if (this.widgetType === widgetType.alarm) {
+      this.dataKeyType = DataKeyType.alarm;
+      this.placeholder = this.translate.instant('datakey.alarm');
+      this.requiredText = this.translate.instant('datakey.alarm-fields-required');
+    } else {
+      if (this.datasourceType === DatasourceType.function) {
+        this.dataKeyType = DataKeyType.function;
+        this.placeholder = this.translate.instant('datakey.function-types');
+        this.requiredText = this.translate.instant('datakey.function-types-required');
+      } else {
+        if (this.widgetType === widgetType.latest) {
+          this.dataKeyType = null;
+          this.requiredText = this.translate.instant('datakey.timeseries-or-attributes-required');
+        } else {
+          this.dataKeyType = DataKeyType.timeseries;
+          this.requiredText = this.translate.instant('datakey.timeseries-required');
+        }
+        this.placeholder = '';
+      }
+    }
+  }
+
+  private reset() {
+    if (this.widgetType === widgetType.alarm) {
+      this.keys = this.utils.getDefaultAlarmDataKeys();
+    } else {
+      this.keys = [];
+    }
+    this.keysListFormGroup.get('keys').setValue(this.keys);
+    this.modelValue = this.keys.length ? [...this.keys] : null;
+    if (this.keyInput) {
+      this.keyInput.nativeElement.value = '';
+    }
+    this.keysListFormGroup.get('key').patchValue('', {emitEvent: false});
+    this.propagateChange(this.modelValue);
+    this.dirty = true;
+    this.latestSearchTextResult = null;
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (!change.firstChange && change.currentValue !== change.previousValue) {
+        if (propName === 'entityAliasId') {
+          this.searchText = '';
+          this.latestSearchTextResult = null;
+          this.dirty = true;
+        } else if (['widgetType', 'datasourceType'].includes(propName)) {
+          this.updateParams();
+          setTimeout(() => {
+            this.reset();
+          }, 1);
+        } else if (['required', 'optDataKeys'].includes('propName')) {
+          this.updateValidators();
+        }
+      }
+    }
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = this.required && !this.modelValue;
+    return originalErrorState || customErrorState;
+  }
+
+  ngAfterViewInit(): void {}
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (this.disabled) {
+      this.keysListFormGroup.disable({emitEvent: false});
+    } else {
+      this.keysListFormGroup.enable({emitEvent: false});
+    }
+  }
+
+  writeValue(value: Array<DataKey> | null): void {
+    this.searchText = '';
+    if (value != null && value.length) {
+      this.modelValue = [...value];
+      this.keys = [...value];
+      this.keysListFormGroup.get('keys').setValue(this.keys);
+    } else {
+      this.keys = [];
+      this.keysListFormGroup.get('keys').setValue(this.keys);
+      this.modelValue = null;
+    }
+    this.dirty = true;
+  }
+
+  onFocus() {
+    if (this.dirty) {
+      this.keysListFormGroup.get('key').updateValueAndValidity({onlySelf: true, emitEvent: true});
+      this.dirty = false;
+    }
+  }
+
+  private addFromChipValue(chip: DataKey) {
+    const key = this.callbacks.generateDataKey(chip.name, chip.type);
+    this.addKey(key);
+  }
+
+  addKey(key: DataKey): void {
+    if (!this.maxDataKeys || this.maxDataKeys < 0 ||
+        !this.modelValue || this.modelValue.length < this.maxDataKeys) {
+      if (!this.modelValue) {
+        this.modelValue = [];
+      }
+      this.modelValue.push(key);
+      this.keys.push(key);
+      this.keysListFormGroup.get('keys').setValue(this.keys);
+    }
+    this.propagateChange(this.modelValue);
+    this.clear();
+  }
+
+  add(event: MatChipInputEvent): void {
+    const value = event.value;
+    if ((value || '').trim()) {
+      if (this.dataKeyType) {
+        this.addFromChipValue({name: value.trim(), type: this.dataKeyType});
+      }
+    }
+    this.clear();
+  }
+
+  remove(key: DataKey) {
+    const index = this.keys.indexOf(key);
+    if (index >= 0) {
+      this.keys.splice(index, 1);
+      this.keysListFormGroup.get('keys').setValue(this.keys);
+      this.modelValue.splice(index, 1);
+      if (!this.modelValue.length) {
+        this.modelValue = null;
+      }
+      this.propagateChange(this.modelValue);
+      this.clear();
+    }
+  }
+
+  onChipDrop(event: MatChipDropEvent) {
+    const from = event.from;
+    const to = event.to;
+    this.keys.splice(to, 0, this.keys.splice(from, 1)[0]);
+    this.keysListFormGroup.get('keys').setValue(this.keys);
+    this.modelValue.splice(to, 0, this.modelValue.splice(from, 1)[0]);
+    this.propagateChange(this.modelValue);
+  }
+
+  showColorPicker(key: DataKey) {
+    this.dialogs.colorPicker(key.color).subscribe(
+      (color) => {
+        if (color && key.color !== color) {
+          key.color = color;
+          this.propagateChange(this.modelValue);
+        }
+      }
+    );
+  }
+
+  editDataKey(key: DataKey, index: number) {
+    this.dialog.open<DataKeyConfigDialogComponent, DataKeyConfigDialogData, DataKey>(DataKeyConfigDialogComponent,
+      {
+        disableClose: true,
+        panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+        data: {
+          dataKey: deepClone(key),
+          dataKeySettingsSchema: this.datakeySettingsSchema,
+          entityAliasId: this.entityAliasId,
+          callbacks: this.callbacks
+        }
+      }).afterClosed().subscribe((updatedDataKey) => {
+        if (updatedDataKey) {
+          this.keys[index] = updatedDataKey;
+          this.keysListFormGroup.get('keys').setValue(this.keys);
+          this.modelValue[index] = updatedDataKey;
+          this.propagateChange(this.modelValue);
+        }
+    });
+  }
+
+  createKey(name: string, dataKeyType: DataKeyType = this.dataKeyType) {
+    this.addFromChipValue({name, type: dataKeyType});
+  }
+
+  displayKeyFn(key?: DataKey): string | undefined {
+    return key ? key.name : undefined;
+  }
+
+  fetchKeys(searchText?: string): Observable<Array<DataKey>> {
+    if (this.latestSearchTextResult === null || this.searchText !== searchText) {
+      this.searchText = searchText;
+      let fetchObservable: Observable<Array<DataKey>> = null;
+      if (this.datasourceType === DatasourceType.function || this.widgetType === widgetType.alarm) {
+        const dataKeyFilter = this.createDataKeyFilter(this.searchText);
+        const targetKeysList = this.widgetType === widgetType.alarm ? this.alarmKeys : this.functionTypeKeys;
+        fetchObservable = of(targetKeysList.filter(dataKeyFilter));
+      } else {
+        if (this.entityAliasId) {
+          const dataKeyTypes = [DataKeyType.timeseries];
+          if (this.widgetType === widgetType.latest) {
+            dataKeyTypes.push(DataKeyType.attribute);
+          }
+          fetchObservable = this.callbacks.fetchEntityKeys(this.entityAliasId, this.searchText, dataKeyTypes);
+        } else {
+          fetchObservable = of([]);
+        }
+      }
+      return fetchObservable.pipe(
+        tap(res => this.latestSearchTextResult = res)
+      );
+    }
+    return of(this.latestSearchTextResult);
+  }
+
+  private createDataKeyFilter(query: string): (key: DataKey) => boolean {
+    const lowercaseQuery = query.toLowerCase();
+    return key => key.name.toLowerCase().indexOf(lowercaseQuery) === 0;
+  }
+
+  textIsNotEmpty(text: string): boolean {
+    return (text && text != null && text.length > 0) ? true : false;
+  }
+
+  clear(value: string = '') {
+    this.keyInput.nativeElement.value = value;
+    this.keysListFormGroup.get('key').patchValue(value, {emitEvent: true});
+    setTimeout(() => {
+      this.keyInput.nativeElement.blur();
+      this.keyInput.nativeElement.focus();
+    }, 0);
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/dialog/custom-dialog-container.component.ts b/ui-ngx/src/app/modules/home/components/widget/dialog/custom-dialog-container.component.ts
new file mode 100644
index 0000000000..2f29364df5
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/dialog/custom-dialog-container.component.ts
@@ -0,0 +1,85 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import {
+  Inject,
+  ComponentRef,
+  ElementRef,
+  ViewContainerRef,
+  ComponentFactory,
+  Injector,
+  ReflectiveInjector,
+  Component,
+  OnDestroy
+} from '@angular/core';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { Router } from '@angular/router';
+import {
+  CustomDialogComponent,
+  CUSTOM_DIALOG_DATA,
+  CustomDialogData
+} from '@home/components/widget/dialog/custom-dialog.component';
+
+export interface CustomDialogContainerData {
+  controller: (instance: CustomDialogComponent) => void;
+  data?: any;
+  customComponentFactory: ComponentFactory<CustomDialogComponent>;
+}
+
+@Component({
+  selector: 'tb-custom-dialog-container-component',
+  template: ''
+})
+export class CustomDialogContainerComponent extends DialogComponent<CustomDialogContainerComponent> implements OnDestroy {
+
+  private readonly customComponentRef: ComponentRef<CustomDialogComponent>;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              public viewContainerRef: ViewContainerRef,
+              public dialogRef: MatDialogRef<CustomDialogContainerComponent>,
+              @Inject(MAT_DIALOG_DATA) public data: CustomDialogContainerData) {
+    super(store, router, dialogRef);
+    let customDialogData: CustomDialogData = {
+      controller: this.data.controller
+    };
+    if (this.data.data) {
+      customDialogData = {...customDialogData, ...this.data.data};
+    }
+    const injector: Injector = Injector.create({
+      providers: [{
+        provide: CUSTOM_DIALOG_DATA,
+        useValue: customDialogData
+      },
+        {
+          provide: MatDialogRef,
+          useValue: dialogRef
+        }]
+    });
+    this.customComponentRef = this.viewContainerRef.createComponent(this.data.customComponentFactory, 0, injector);
+  }
+
+  ngOnDestroy(): void {
+    super.ngOnDestroy();
+    if (this.customComponentRef) {
+      this.customComponentRef.destroy();
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/dialog/custom-dialog.component.ts b/ui-ngx/src/app/modules/home/components/widget/dialog/custom-dialog.component.ts
new file mode 100644
index 0000000000..6b7c7ceef9
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/dialog/custom-dialog.component.ts
@@ -0,0 +1,48 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Inject, InjectionToken } from '@angular/core';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { Router } from '@angular/router';
+import { PageComponent } from '@shared/components/page.component';
+import { CustomDialogContainerComponent } from './custom-dialog-container.component';
+import { FormBuilder, Validators } from '@angular/forms';
+
+export const CUSTOM_DIALOG_DATA = new InjectionToken<any>('ConfigDialogData');
+
+export interface CustomDialogData {
+  controller: (instance: CustomDialogComponent) => void;
+  [key: string]: any;
+}
+
+export class CustomDialogComponent extends PageComponent {
+
+  [key: string]: any;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              public dialogRef: MatDialogRef<CustomDialogContainerComponent>,
+              public fb: FormBuilder,
+              @Inject(CUSTOM_DIALOG_DATA) public data: CustomDialogData) {
+    super(store);
+    // @ts-ignore
+    this.validators = Validators;
+    this.data.controller(this);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/dialog/custom-dialog.service.ts b/ui-ngx/src/app/modules/home/components/widget/dialog/custom-dialog.service.ts
new file mode 100644
index 0000000000..98f07663f3
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/dialog/custom-dialog.service.ts
@@ -0,0 +1,83 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable, Injector, NgModule } from '@angular/core';
+import { Observable } from 'rxjs';
+import { MatDialog } from '@angular/material/dialog';
+import { TranslateService } from '@ngx-translate/core';
+import { AuthService } from '@core/auth/auth.service';
+import { DynamicComponentFactoryService } from '@core/services/dynamic-component-factory.service';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@shared/shared.module';
+import { mergeMap, tap } from 'rxjs/operators';
+import { CustomDialogComponent } from './custom-dialog.component';
+import {
+  CustomDialogContainerComponent,
+  CustomDialogContainerData
+} from '@home/components/widget/dialog/custom-dialog-container.component';
+
+@Injectable()
+export class CustomDialogService {
+
+  constructor(
+    private translate: TranslateService,
+    private authService: AuthService,
+    private dynamicComponentFactoryService: DynamicComponentFactoryService,
+    private injector: Injector,
+    public dialog: MatDialog
+  ) {
+  }
+
+  customDialog(template: string, controller: (instance: CustomDialogComponent) => void, data?: any): Observable<any> {
+    return this.dynamicComponentFactoryService.createDynamicComponentFactory(
+      class CustomDialogComponentInstance extends CustomDialogComponent {},
+      template,
+      [SharedModule, CustomDialogModule]).pipe(
+      mergeMap((factory) => {
+          const dialogData: CustomDialogContainerData = {
+            controller,
+            customComponentFactory: factory,
+            data
+          };
+          return this.dialog.open<CustomDialogContainerComponent, CustomDialogContainerData, any>(
+            CustomDialogContainerComponent,
+            {
+              disableClose: true,
+              panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+              data: dialogData
+            }).afterClosed().pipe(
+            tap(() => {
+              this.dynamicComponentFactoryService.destroyDynamicComponentFactory(factory);
+            })
+          );
+        }
+      ));
+  }
+
+}
+
+@NgModule({
+  declarations:
+    [
+    ],
+  imports: [
+    CommonModule,
+    SharedModule
+  ],
+  exports: [
+  ]
+})
+class CustomDialogModule { }
diff --git a/ui-ngx/src/app/modules/home/components/widget/dynamic-widget.component.ts b/ui-ngx/src/app/modules/home/components/widget/dynamic-widget.component.ts
new file mode 100644
index 0000000000..0d597965ea
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/dynamic-widget.component.ts
@@ -0,0 +1,105 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { PageComponent } from '@shared/components/page.component';
+import { Inject, Injector, OnDestroy, OnInit } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { IDynamicWidgetComponent, WidgetContext } from '@home/models/widget-component.models';
+import { HttpErrorResponse } from '@angular/common/http';
+import { RafService } from '@core/services/raf.service';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import {
+  NotificationHorizontalPosition,
+  NotificationType,
+  NotificationVerticalPosition
+} from '@core/notification/notification.models';
+import { FormBuilder, Validators } from '@angular/forms';
+
+export class DynamicWidgetComponent extends PageComponent implements IDynamicWidgetComponent, OnInit, OnDestroy {
+
+  executingRpcRequest: boolean;
+  rpcEnabled: boolean;
+  rpcErrorText: string;
+  rpcRejection: HttpErrorResponse;
+
+  [key: string]: any;
+
+  validators = Validators;
+
+  constructor(@Inject(RafService) public raf: RafService,
+              @Inject(Store) protected store: Store<AppState>,
+              @Inject(FormBuilder) public fb: FormBuilder,
+              @Inject(Injector) public readonly $injector: Injector,
+              @Inject('widgetContext') public readonly ctx: WidgetContext,
+              @Inject('errorMessages') public readonly errorMessages: string[]) {
+    super(store);
+    this.ctx.$injector = $injector;
+    this.ctx.$scope = this;
+    if (this.ctx.defaultSubscription) {
+      this.executingRpcRequest = this.ctx.defaultSubscription.executingRpcRequest;
+      this.rpcEnabled = this.ctx.defaultSubscription.rpcEnabled;
+      this.rpcErrorText = this.ctx.defaultSubscription.rpcErrorText;
+      this.rpcRejection = this.ctx.defaultSubscription.rpcRejection;
+    }
+  }
+
+  ngOnInit() {
+
+  }
+
+  ngOnDestroy(): void {
+
+  }
+
+  clearRpcError() {
+    if (this.widgetContext.defaultSubscription) {
+      this.widgetContext.defaultSubscription.clearRpcError();
+    }
+  }
+
+  showSuccessToast(message: string, duration: number = 1000,
+                   verticalPosition: NotificationVerticalPosition = 'bottom',
+                   horizontalPosition: NotificationHorizontalPosition = 'left',
+                   target?: string) {
+    this.showToast('success', message, duration, verticalPosition, horizontalPosition, target);
+  }
+
+  showErrorToast(message: string,
+                 verticalPosition: NotificationVerticalPosition = 'bottom',
+                 horizontalPosition: NotificationHorizontalPosition = 'left',
+                 target?: string) {
+    this.showToast('error', message, undefined, verticalPosition, horizontalPosition, target);
+  }
+
+  showToast(type: NotificationType, message: string, duration: number = 1000,
+            verticalPosition: NotificationVerticalPosition = 'bottom',
+            horizontalPosition: NotificationHorizontalPosition = 'left',
+            target?: string) {
+    this.store.dispatch(new ActionNotificationShow(
+      {
+        message,
+        type,
+        duration,
+        verticalPosition,
+        horizontalPosition,
+        target,
+        panelClass: this.ctx.widgetNamespace,
+        forceDismiss: true
+      }));
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/legend-config-panel.component.html b/ui-ngx/src/app/modules/home/components/widget/legend-config-panel.component.html
new file mode 100644
index 0000000000..15e5466e80
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/legend-config-panel.component.html
@@ -0,0 +1,57 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form [formGroup]="legendConfigForm">
+  <fieldset [disabled]="(isLoading$ | async)">
+    <div class="mat-content" style="height: 100%;">
+      <div class="mat-padding">
+        <section fxLayout="column">
+          <mat-form-field>
+            <mat-label translate>legend.direction</mat-label>
+            <mat-select matInput formControlName="direction" style="min-width: 150px;">
+              <mat-option *ngFor="let direction of legendDirections" [value]="direction">
+                {{ legendDirectionTranslations.get(legendDirection[direction]) | translate }}
+              </mat-option>
+            </mat-select>
+          </mat-form-field>
+          <mat-form-field>
+            <mat-label translate>legend.position</mat-label>
+            <mat-select matInput formControlName="position" style="min-width: 150px;">
+              <mat-option *ngFor="let pos of legendPositions" [value]="pos"
+                  [disabled]="legendConfigForm.get('direction').value === legendDirection.row &&
+                  (pos === legendPosition.left || pos === legendPosition.right)">
+                {{ legendPositionTranslations.get(legendPosition[pos]) | translate }}
+              </mat-option>
+            </mat-select>
+          </mat-form-field>
+          <mat-checkbox formControlName="showMin">
+            {{ 'legend.show-min' | translate }}
+          </mat-checkbox>
+          <mat-checkbox formControlName="showMax">
+            {{ 'legend.show-max' | translate }}
+          </mat-checkbox>
+          <mat-checkbox formControlName="showAvg">
+            {{ 'legend.show-avg' | translate }}
+          </mat-checkbox>
+          <mat-checkbox formControlName="showTotal">
+            {{ 'legend.show-total' | translate }}
+          </mat-checkbox>
+        </section>
+      </div>
+    </div>
+  </fieldset>
+</form>
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/AlarmServiceNoSqlTest.java b/ui-ngx/src/app/modules/home/components/widget/legend-config-panel.component.scss
similarity index 71%
rename from dao/src/test/java/org/thingsboard/server/dao/service/nosql/AlarmServiceNoSqlTest.java
rename to ui-ngx/src/app/modules/home/components/widget/legend-config-panel.component.scss
index ffd3110404..b5fd794b9a 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/AlarmServiceNoSqlTest.java
+++ b/ui-ngx/src/app/modules/home/components/widget/legend-config-panel.component.scss
@@ -13,11 +13,20 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.service.nosql;
+:host {
+  width: 100%;
+  height: 100%;
+  form,
+  fieldset {
+    height: 100%;
+  }
 
-import org.thingsboard.server.dao.service.BaseAlarmServiceTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
+  .mat-content {
+    overflow: hidden;
+    background-color: #fff;
+  }
 
-@DaoNoSqlTest
-public class AlarmServiceNoSqlTest extends BaseAlarmServiceTest {
+  .mat-padding {
+    padding: 16px;
+  }
 }
diff --git a/ui-ngx/src/app/modules/home/components/widget/legend-config-panel.component.ts b/ui-ngx/src/app/modules/home/components/widget/legend-config-panel.component.ts
new file mode 100644
index 0000000000..f2a6463a04
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/legend-config-panel.component.ts
@@ -0,0 +1,118 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, InjectionToken, OnInit, ViewContainerRef } from '@angular/core';
+import { Overlay, OverlayRef } from '@angular/cdk/overlay';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import {
+  LegendConfig,
+  LegendDirection,
+  legendDirectionTranslationMap,
+  LegendPosition,
+  legendPositionTranslationMap
+} from '@shared/models/widget.models';
+
+export const LEGEND_CONFIG_PANEL_DATA = new InjectionToken<any>('LegendConfigPanelData');
+
+export interface LegendConfigPanelData {
+  legendConfig: LegendConfig;
+  legendConfigUpdated: (legendConfig: LegendConfig) => void;
+}
+
+@Component({
+  selector: 'tb-legend-config-panel',
+  templateUrl: './legend-config-panel.component.html',
+  styleUrls: ['./legend-config-panel.component.scss']
+})
+export class LegendConfigPanelComponent extends PageComponent implements OnInit {
+
+  legendConfigForm: FormGroup;
+
+  legendDirection = LegendDirection;
+
+  legendDirections = Object.keys(LegendDirection);
+
+  legendDirectionTranslations = legendDirectionTranslationMap;
+
+  legendPosition = LegendPosition;
+
+  legendPositions = Object.keys(LegendPosition);
+
+  legendPositionTranslations = legendPositionTranslationMap;
+
+  constructor(@Inject(LEGEND_CONFIG_PANEL_DATA) public data: LegendConfigPanelData,
+              public overlayRef: OverlayRef,
+              protected store: Store<AppState>,
+              public fb: FormBuilder,
+              private overlay: Overlay,
+              public viewContainerRef: ViewContainerRef) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+    this.legendConfigForm = this.fb.group({
+      direction: [this.data.legendConfig.direction, []],
+      position: [this.data.legendConfig.position, []],
+      showMin: [this.data.legendConfig.showMin, []],
+      showMax: [this.data.legendConfig.showMax, []],
+      showAvg: [this.data.legendConfig.showAvg, []],
+      showTotal: [this.data.legendConfig.showTotal, []]
+    });
+    this.legendConfigForm.get('direction').valueChanges.subscribe((direction: LegendDirection) => {
+      this.onDirectionChanged(direction);
+    });
+    this.onDirectionChanged(this.data.legendConfig.direction);
+    this.legendConfigForm.valueChanges.subscribe(() => {
+      this.update();
+    });
+  }
+
+  private onDirectionChanged(direction: LegendDirection) {
+    if (direction === LegendDirection.row) {
+      let position: LegendPosition = this.legendConfigForm.get('position').value;
+      if (position !== LegendPosition.bottom && position !== LegendPosition.top) {
+        position = LegendPosition.bottom;
+      }
+      this.legendConfigForm.patchValue(
+        {
+          position,
+          showMin: false,
+          showMax: false,
+          showAvg: false,
+          showTotal: false
+        }, {emitEvent: false}
+      );
+      this.legendConfigForm.get('showMin').disable({emitEvent: false});
+      this.legendConfigForm.get('showMax').disable({emitEvent: false});
+      this.legendConfigForm.get('showAvg').disable({emitEvent: false});
+      this.legendConfigForm.get('showTotal').disable({emitEvent: false});
+    } else {
+      this.legendConfigForm.get('showMin').enable({emitEvent: false});
+      this.legendConfigForm.get('showMax').enable({emitEvent: false});
+      this.legendConfigForm.get('showAvg').enable({emitEvent: false});
+      this.legendConfigForm.get('showTotal').enable({emitEvent: false});
+    }
+  }
+
+  update() {
+    const newLegendConfig: LegendConfig = this.legendConfigForm.value;
+    this.data.legendConfigUpdated(newLegendConfig);
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/legend-config.component.html b/ui-ngx/src/app/modules/home/components/widget/legend-config.component.html
new file mode 100644
index 0000000000..bbfda6dd0f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/legend-config.component.html
@@ -0,0 +1,23 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<button cdkOverlayOrigin #legendConfigPanelOrigin="cdkOverlayOrigin" [disabled]="disabled"
+        type="button"
+        mat-button mat-raised-button color="primary" (click)="openEditMode()">
+  <mat-icon class="material-icons">toc</mat-icon>
+  <span translate>legend.settings</span>
+</button>
diff --git a/ui-ngx/src/app/modules/home/components/widget/legend-config.component.ts b/ui-ngx/src/app/modules/home/components/widget/legend-config.component.ts
new file mode 100644
index 0000000000..ccdee87802
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/legend-config.component.ts
@@ -0,0 +1,170 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, forwardRef, Inject, Input, OnDestroy, OnInit, ViewChild, ViewContainerRef } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { DOCUMENT } from '@angular/common';
+import { CdkOverlayOrigin, ConnectedPosition, Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
+import { ComponentPortal, PortalInjector } from '@angular/cdk/portal';
+import { MediaBreakpoints } from '@shared/models/constants';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { WINDOW } from '@core/services/window.service';
+import { deepClone } from '@core/utils';
+import { LegendConfig } from '@shared/models/widget.models';
+import {
+  LEGEND_CONFIG_PANEL_DATA,
+  LegendConfigPanelComponent,
+  LegendConfigPanelData
+} from '@home/components/widget/legend-config-panel.component';
+
+// @dynamic
+@Component({
+  selector: 'tb-legend-config',
+  templateUrl: './legend-config.component.html',
+  styleUrls: [],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => LegendConfigComponent),
+      multi: true
+    }
+  ]
+})
+export class LegendConfigComponent implements OnInit, OnDestroy, ControlValueAccessor {
+
+  @Input() disabled: boolean;
+
+  @ViewChild('legendConfigPanelOrigin') legendConfigPanelOrigin: CdkOverlayOrigin;
+
+  innerValue: LegendConfig;
+
+  private propagateChange = (_: any) => {};
+
+  constructor(private overlay: Overlay,
+              public viewContainerRef: ViewContainerRef,
+              public breakpointObserver: BreakpointObserver,
+              @Inject(DOCUMENT) private document: Document,
+              @Inject(WINDOW) private window: Window) {
+  }
+
+  ngOnInit(): void {
+  }
+
+  ngOnDestroy(): void {
+  }
+
+  openEditMode() {
+    if (this.disabled) {
+      return;
+    }
+    const isGtSm = this.breakpointObserver.isMatched(MediaBreakpoints['gt-sm']);
+    const position = this.overlay.position();
+    const config = new OverlayConfig({
+      panelClass: 'tb-legend-config-panel',
+      backdropClass: 'cdk-overlay-transparent-backdrop',
+      hasBackdrop: isGtSm,
+    });
+    if (isGtSm) {
+      config.minWidth = '220px';
+      config.maxHeight = '300px';
+      const panelHeight = 220;
+      const panelWidth = 220;
+      const el = this.legendConfigPanelOrigin.elementRef.nativeElement;
+      const offset = el.getBoundingClientRect();
+      const scrollTop = this.window.pageYOffset || this.document.documentElement.scrollTop || this.document.body.scrollTop || 0;
+      const scrollLeft = this.window.pageXOffset || this.document.documentElement.scrollLeft || this.document.body.scrollLeft || 0;
+      const bottomY = offset.bottom - scrollTop;
+      const leftX = offset.left - scrollLeft;
+      let originX;
+      let originY;
+      let overlayX;
+      let overlayY;
+      const wHeight = this.document.documentElement.clientHeight;
+      const wWidth = this.document.documentElement.clientWidth;
+      if (bottomY + panelHeight > wHeight) {
+        originY = 'top';
+        overlayY = 'bottom';
+      } else {
+        originY = 'bottom';
+        overlayY = 'top';
+      }
+      if (leftX + panelWidth > wWidth) {
+        originX = 'end';
+        overlayX = 'end';
+      } else {
+        originX = 'start';
+        overlayX = 'start';
+      }
+      const connectedPosition: ConnectedPosition = {
+        originX,
+        originY,
+        overlayX,
+        overlayY
+      };
+      config.positionStrategy = position.flexibleConnectedTo(this.legendConfigPanelOrigin.elementRef)
+        .withPositions([connectedPosition]);
+    } else {
+      config.minWidth = '100%';
+      config.minHeight = '100%';
+      config.positionStrategy = position.global().top('0%').left('0%')
+        .right('0%').bottom('0%');
+    }
+
+    const overlayRef = this.overlay.create(config);
+
+    overlayRef.backdropClick().subscribe(() => {
+      overlayRef.dispose();
+    });
+
+    const injector = this._createLegendConfigPanelInjector(
+      overlayRef,
+      {
+        legendConfig: deepClone(this.innerValue),
+        legendConfigUpdated: this.legendConfigUpdated.bind(this)
+      }
+    );
+
+    overlayRef.attach(new ComponentPortal(LegendConfigPanelComponent, this.viewContainerRef, injector));
+  }
+
+  private _createLegendConfigPanelInjector(overlayRef: OverlayRef, data: LegendConfigPanelData): PortalInjector {
+    const injectionTokens = new WeakMap<any, any>([
+      [LEGEND_CONFIG_PANEL_DATA, data],
+      [OverlayRef, overlayRef]
+    ]);
+    return new PortalInjector(this.viewContainerRef.injector, injectionTokens);
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(obj: LegendConfig): void {
+    this.innerValue = obj;
+  }
+
+  private legendConfigUpdated(legendConfig: LegendConfig) {
+    this.innerValue = legendConfig;
+    this.propagateChange(this.innerValue);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/legend.component.html b/ui-ngx/src/app/modules/home/components/widget/legend.component.html
new file mode 100644
index 0000000000..901cdd7169
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/legend.component.html
@@ -0,0 +1,42 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<table class="tb-legend">
+  <thead>
+  <tr class="tb-legend-header" *ngIf="!isRowDirection">
+    <th colspan="2"></th>
+    <th *ngIf="legendConfig.showMin === true">{{ 'legend.min' | translate }}</th>
+    <th *ngIf="legendConfig.showMax === true">{{ 'legend.max' | translate }}</th>
+    <th *ngIf="legendConfig.showAvg === true">{{ 'legend.avg' | translate }}</th>
+    <th *ngIf="legendConfig.showTotal === true">{{ 'legend.total' | translate }}</th>
+  </tr>
+  </thead>
+  <tbody>
+  <tr class="tb-legend-keys" *ngFor="let legendKey of legendData.keys" [ngClass]="{ 'tb-row-direction': isRowDirection }">
+    <td><span class="tb-legend-line" [ngStyle]="{backgroundColor: legendKey.dataKey.color}"></span></td>
+    <td class="tb-legend-label"
+        (click)="toggleHideData(legendKey.dataIndex)"
+        [ngClass]="{ 'tb-hidden-label': legendData.keys[legendKey.dataIndex].dataKey.hidden, 'tb-horizontal': isHorizontal }">
+      {{ legendKey.dataKey.label }}
+    </td>
+    <td class="tb-legend-value" *ngIf="legendConfig.showMin === true">{{ legendData.data[legendKey.dataIndex].min }}</td>
+    <td class="tb-legend-value" *ngIf="legendConfig.showMax === true">{{ legendData.data[legendKey.dataIndex].max }}</td>
+    <td class="tb-legend-value" *ngIf="legendConfig.showAvg === true">{{ legendData.data[legendKey.dataIndex].avg }}</td>
+    <td class="tb-legend-value" *ngIf="legendConfig.showTotal === true">{{ legendData.data[legendKey.dataIndex].total }}</td>
+  </tr>
+  </tbody>
+</table>
diff --git a/ui-ngx/src/app/modules/home/components/widget/legend.component.scss b/ui-ngx/src/app/modules/home/components/widget/legend.component.scss
new file mode 100644
index 0000000000..55815d400b
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/legend.component.scss
@@ -0,0 +1,71 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  table.tb-legend {
+    width: 100%;
+    font-size: 12px;
+
+    .tb-legend-header,
+    .tb-legend-value {
+      text-align: right;
+    }
+
+    .tb-legend-header {
+      th {
+        padding: 0 10px 1px 0;
+        color: rgb(255, 110, 64);
+        white-space: nowrap;
+        font-size: 12px;
+      }
+    }
+
+    .tb-legend-keys {
+      td {
+        font-size: 12px;
+      }
+      td.tb-legend-label,
+      td.tb-legend-value {
+        padding: 2px 10px;
+        white-space: nowrap;
+      }
+
+      .tb-legend-line {
+        display: inline-block;
+        width: 15px;
+        height: 3px;
+        vertical-align: middle;
+      }
+
+      .tb-legend-label {
+        text-align: left;
+        outline: none;
+
+        &.tb-horizontal {
+          width: 95%;
+        }
+
+        &.tb-hidden-label {
+          text-decoration: line-through;
+          opacity: .6;
+        }
+      }
+
+      &.tb-row-direction {
+        display: inline-block;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/legend.component.ts b/ui-ngx/src/app/modules/home/components/widget/legend.component.ts
new file mode 100644
index 0000000000..e0a44f5f9e
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/legend.component.ts
@@ -0,0 +1,59 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { LegendConfig, LegendData, LegendDirection, LegendPosition } from '@shared/models/widget.models';
+
+@Component({
+  selector: 'tb-legend',
+  templateUrl: './legend.component.html',
+  styleUrls: ['./legend.component.scss']
+})
+export class LegendComponent implements OnInit {
+
+  @Input()
+  legendConfig: LegendConfig;
+
+  @Input()
+  legendData: LegendData;
+
+  @Output()
+  legendKeyHiddenChange = new EventEmitter<number>();
+
+  displayHeader: boolean;
+
+  isHorizontal: boolean;
+
+  isRowDirection: boolean;
+
+  ngOnInit(): void {
+    this.displayHeader = this.legendConfig.showMin === true ||
+      this.legendConfig.showMax === true ||
+      this.legendConfig.showAvg === true ||
+      this.legendConfig.showTotal === true;
+
+    this.isHorizontal = this.legendConfig.position === LegendPosition.bottom ||
+      this.legendConfig.position === LegendPosition.top;
+
+    this.isRowDirection = this.legendConfig.direction === LegendDirection.row;
+  }
+
+  toggleHideData(index: number) {
+    this.legendData.keys[index].dataKey.hidden = !this.legendData.keys[index].dataKey.hidden;
+    this.legendKeyHiddenChange.emit(index);
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/alarm-status-filter-panel.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/alarm-status-filter-panel.component.html
new file mode 100644
index 0000000000..e04ecd0fa5
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/alarm-status-filter-panel.component.html
@@ -0,0 +1,25 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div fxLayout="column" class="mat-content mat-padding">
+  <label class="tb-title" translate>alarm.alarm-status-filter</label>
+  <mat-radio-group [(ngModel)]="subscription.alarmSearchStatus" fxLayout="column" fxLayoutGap="16px">
+    <mat-radio-button *ngFor="let searchStatus of alarmSearchStatuses" [value]="searchStatus" color="primary">
+      {{ alarmSearchStatusTranslationMap.get(alarmSearchStatusEnum[searchStatus]) | translate }}
+    </mat-radio-button>
+  </mat-radio-group>
+</div>
diff --git a/application/src/test/java/org/thingsboard/server/controller/nosql/AdminControllerNoSqlTest.java b/ui-ngx/src/app/modules/home/components/widget/lib/alarm-status-filter-panel.component.scss
similarity index 63%
rename from application/src/test/java/org/thingsboard/server/controller/nosql/AdminControllerNoSqlTest.java
rename to ui-ngx/src/app/modules/home/components/widget/lib/alarm-status-filter-panel.component.scss
index 3daf4ed452..c951de64ff 100644
--- a/application/src/test/java/org/thingsboard/server/controller/nosql/AdminControllerNoSqlTest.java
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/alarm-status-filter-panel.component.scss
@@ -13,14 +13,24 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.controller.nosql;
+:host {
+  width: 100%;
+  height: 100%;
+  min-width: 300px;
+  overflow: hidden;
+  background: #fff;
+  border-radius: 4px;
+  box-shadow:
+    0 7px 8px -4px rgba(0, 0, 0, .2),
+    0 13px 19px 2px rgba(0, 0, 0, .14),
+    0 5px 24px 4px rgba(0, 0, 0, .12);
 
-import org.thingsboard.server.controller.BaseAdminControllerTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
+  .mat-content {
+    overflow: hidden;
+    background-color: #fff;
+  }
 
-/**
- * Created by Valerii Sosliuk on 6/28/2017.
- */
-@DaoNoSqlTest
-public class AdminControllerNoSqlTest extends BaseAdminControllerTest {
+  .mat-padding {
+    padding: 16px;
+  }
 }
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/alarm-status-filter-panel.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/alarm-status-filter-panel.component.ts
new file mode 100644
index 0000000000..e9ca1116fe
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/alarm-status-filter-panel.component.ts
@@ -0,0 +1,43 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, InjectionToken } from '@angular/core';
+import { IWidgetSubscription } from '@core/api/widget-api.models';
+import { AlarmSearchStatus, alarmSearchStatusTranslations } from '@shared/models/alarm.models';
+
+export const ALARM_STATUS_FILTER_PANEL_DATA = new InjectionToken<any>('AlarmStatusFilterPanelData');
+
+export interface AlarmStatusFilterPanelData {
+  subscription: IWidgetSubscription;
+}
+
+@Component({
+  selector: 'tb-alarm-status-filter-panel',
+  templateUrl: './alarm-status-filter-panel.component.html',
+  styleUrls: ['./alarm-status-filter-panel.component.scss']
+})
+export class AlarmStatusFilterPanelComponent {
+
+  subscription: IWidgetSubscription;
+
+  alarmSearchStatuses = Object.keys(AlarmSearchStatus);
+  alarmSearchStatusTranslationMap = alarmSearchStatusTranslations;
+  alarmSearchStatusEnum = AlarmSearchStatus;
+
+  constructor(@Inject(ALARM_STATUS_FILTER_PANEL_DATA) public data: AlarmStatusFilterPanelData) {
+    this.subscription = this.data.subscription;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.html
new file mode 100644
index 0000000000..15a2d16c4d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.html
@@ -0,0 +1,139 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-table-widget tb-absolute-fill">
+  <div fxFlex fxLayout="column" class="tb-absolute-fill">
+    <mat-toolbar class="mat-table-toolbar" [fxShow]="textSearchMode && alarmsDatasource.selection.isEmpty()">
+      <div class="mat-toolbar-tools">
+        <button mat-button mat-icon-button
+                matTooltip="{{ 'action.search' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>search</mat-icon>
+        </button>
+        <mat-form-field fxFlex>
+          <mat-label>&nbsp;</mat-label>
+          <input #searchInput matInput
+                 [(ngModel)]="pageLink.textSearch"
+                 placeholder="{{ 'alarm.search' | translate }}"/>
+        </mat-form-field>
+        <button mat-button mat-icon-button (click)="exitFilterMode()"
+                matTooltip="{{ 'action.close' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>close</mat-icon>
+        </button>
+      </div>
+    </mat-toolbar>
+    <mat-toolbar class="mat-table-toolbar" color="primary" [fxShow]="!alarmsDatasource.selection.isEmpty()">
+      <div class="mat-toolbar-tools">
+                <span>
+                  {{ translate.get('alarm.selected-alarms',
+                  {count: alarmsDatasource.selection.selected.length}) | async }}
+                </span>
+        <span fxFlex></span>
+        <button *ngIf="allowAcknowledgment"
+                mat-button mat-icon-button [disabled]="isLoading$ | async"
+                matTooltip="{{ 'alarm.acknowledge' | translate }}"
+                matTooltipPosition="above"
+                (click)="ackAlarms($event)">
+          <mat-icon>done</mat-icon>
+        </button>
+        <button mat-button mat-icon-button
+                [disabled]="isLoading$ | async"
+                matTooltip="{{ 'alarm.clear' | translate }}"
+                matTooltipPosition="above"
+                (click)="clearAlarms($event)">
+          <mat-icon>clear</mat-icon>
+        </button>
+      </div>
+    </mat-toolbar>
+    <div fxFlex class="table-container">
+      <mat-table [dataSource]="alarmsDatasource"
+                 matSort [matSortActive]="sortOrderProperty" [matSortDirection]="pageLink.sortDirection()" matSortDisableClear>
+        <ng-container matColumnDef="select" sticky>
+          <mat-header-cell *matHeaderCellDef style="width: 30px;">
+            <mat-checkbox (change)="$event ? alarmsDatasource.masterToggle() : null"
+                          [checked]="alarmsDatasource.selection.hasValue() && (alarmsDatasource.isAllSelected() | async)"
+                          [indeterminate]="alarmsDatasource.selection.hasValue() && !(alarmsDatasource.isAllSelected() | async)">
+            </mat-checkbox>
+          </mat-header-cell>
+          <mat-cell *matCellDef="let alarm">
+            <mat-checkbox (click)="$event.stopPropagation();"
+                          (change)="$event ? alarmsDatasource.toggleSelection(alarm) : null"
+                          [checked]="alarmsDatasource.isSelected(alarm)">
+            </mat-checkbox>
+          </mat-cell>
+        </ng-container>
+        <ng-container [matColumnDef]="column.def" *ngFor="let column of columns; trackBy: trackByColumnDef;">
+          <mat-header-cell [ngStyle]="headerStyle(column)" *matHeaderCellDef mat-sort-header> {{ column.title }} </mat-header-cell>
+          <mat-cell *matCellDef="let alarm;"
+                    [innerHTML]="cellContent(alarm, column)"
+                    [ngStyle]="cellStyle(alarm, column)">
+          </mat-cell>
+        </ng-container>
+        <ng-container matColumnDef="actions" stickyEnd>
+          <mat-header-cell *matHeaderCellDef [ngStyle.gt-md]="{ minWidth: (actionCellDescriptors.length * 40) + 'px',
+                                                                maxWidth: (actionCellDescriptors.length * 40) + 'px',
+                                                                width: (actionCellDescriptors.length * 40) + 'px' }">
+          </mat-header-cell>
+          <mat-cell *matCellDef="let alarm" [ngStyle.gt-md]="{ minWidth: (actionCellDescriptors.length * 40) + 'px',
+                                                                maxWidth: (actionCellDescriptors.length * 40) + 'px',
+                                                                width: (actionCellDescriptors.length * 40) + 'px' }">
+            <div fxHide fxShow.gt-md fxFlex fxLayout="row" fxLayoutAlign="end">
+              <button mat-button mat-icon-button [disabled]="(isLoading$ | async) || !actionEnabled(alarm, actionDescriptor)"
+                      *ngFor="let actionDescriptor of actionCellDescriptors"
+                      matTooltip="{{ actionDescriptor.displayName }}"
+                      matTooltipPosition="above"
+                      (click)="onActionButtonClick($event, alarm, actionDescriptor)">
+                <mat-icon>{{actionDescriptor.icon}}</mat-icon>
+              </button>
+            </div>
+            <div fxHide fxShow.lt-lg>
+              <button mat-button mat-icon-button
+                      (click)="$event.stopPropagation(); ctx.detectChanges();"
+                      [matMenuTriggerFor]="cellActionsMenu">
+                <mat-icon class="material-icons">more_vert</mat-icon>
+              </button>
+              <mat-menu #cellActionsMenu="matMenu" xPosition="before">
+                <button mat-menu-item *ngFor="let actionDescriptor of actionCellDescriptors"
+                        [disabled]="(isLoading$ | async) || !actionEnabled(alarm, actionDescriptor)"
+                        (click)="onActionButtonClick($event, alarm, actionDescriptor)">
+                  <mat-icon>{{actionDescriptor.icon}}</mat-icon>
+                  <span>{{ actionDescriptor.displayName }}</span>
+                </button>
+              </mat-menu>
+            </div>
+          </mat-cell>
+        </ng-container>
+        <mat-header-row [ngClass]="{'mat-row-select': enableSelection}" *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
+        <mat-row [ngClass]="{'mat-row-select': enableSelection,
+                             'mat-selected': alarmsDatasource.isSelected(alarm),
+                             'tb-current-entity': alarmsDatasource.isCurrentAlarm(alarm)}"
+                 *matRowDef="let alarm; columns: displayedColumns;"
+                 (click)="onRowClick($event, alarm)"></mat-row>
+      </mat-table>
+      <span [fxShow]="alarmsDatasource.isEmpty() | async"
+            fxLayoutAlign="center center"
+            class="no-data-found" translate>alarm.no-alarms-prompt</span>
+    </div>
+    <mat-divider *ngIf="displayPagination"></mat-divider>
+    <mat-paginator *ngIf="displayPagination"
+                   [length]="alarmsDatasource.total() | async"
+                   [pageIndex]="pageLink.page"
+                   [pageSize]="pageLink.pageSize"
+                   [pageSizeOptions]="pageSizeOptions"></mat-paginator>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.scss
new file mode 100644
index 0000000000..7606ba5d75
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.scss
@@ -0,0 +1,19 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  width: 100%;
+  height: 100%;
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.ts
new file mode 100644
index 0000000000..6f84149ae3
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.ts
@@ -0,0 +1,915 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  AfterViewInit,
+  Component,
+  ElementRef,
+  EventEmitter,
+  Input,
+  NgZone,
+  OnInit,
+  ViewChild,
+  ViewContainerRef
+} from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { WidgetAction, WidgetContext } from '@home/models/widget-component.models';
+import { Datasource, WidgetActionDescriptor, WidgetConfig } from '@shared/models/widget.models';
+import { IWidgetSubscription } from '@core/api/widget-api.models';
+import { UtilsService } from '@core/services/utils.service';
+import { TranslateService } from '@ngx-translate/core';
+import { deepClone, isDefined, isNumber } from '@core/utils';
+import cssjs from '@core/css/css';
+import { PageLink } from '@shared/models/page/page-link';
+import { Direction, SortOrder, sortOrderFromString } from '@shared/models/page/sort-order';
+import { DataSource } from '@angular/cdk/collections';
+import { CollectionViewer, SelectionModel } from '@angular/cdk/collections';
+import { BehaviorSubject, forkJoin, fromEvent, merge, Observable, of } from 'rxjs';
+import { emptyPageData, PageData } from '@shared/models/page/page-data';
+import { entityTypeTranslations } from '@shared/models/entity-type.models';
+import { catchError, debounceTime, distinctUntilChanged, map, take, tap } from 'rxjs/operators';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import {
+  CellContentInfo,
+  CellStyleInfo,
+  constructTableCssString,
+  DisplayColumn,
+  EntityColumn,
+  fromAlarmColumnDef,
+  getAlarmValue,
+  getCellContentInfo,
+  getCellStyleInfo,
+  getColumnWidth,
+  TableWidgetDataKeySettings,
+  TableWidgetSettings,
+  toAlarmColumnDef, widthStyle
+} from '@home/components/widget/lib/table-widget.models';
+import { ConnectedPosition, Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
+import { ComponentPortal, PortalInjector } from '@angular/cdk/portal';
+import {
+  DISPLAY_COLUMNS_PANEL_DATA,
+  DisplayColumnsPanelComponent,
+  DisplayColumnsPanelData
+} from '@home/components/widget/lib/display-columns-panel.component';
+import {
+  alarmFields,
+  AlarmInfo,
+  alarmSeverityColors,
+  alarmSeverityTranslations,
+  AlarmStatus,
+  alarmStatusTranslations
+} from '@shared/models/alarm.models';
+import { DatePipe } from '@angular/common';
+import {
+  ALARM_STATUS_FILTER_PANEL_DATA,
+  AlarmStatusFilterPanelComponent,
+  AlarmStatusFilterPanelData
+} from '@home/components/widget/lib/alarm-status-filter-panel.component';
+import {
+  AlarmDetailsDialogComponent,
+  AlarmDetailsDialogData
+} from '@home/components/alarm/alarm-details-dialog.component';
+import { MatDialog } from '@angular/material/dialog';
+import { NULL_UUID } from '@shared/models/id/has-uuid';
+import { DialogService } from '@core/services/dialog.service';
+import { AlarmService } from '@core/http/alarm.service';
+
+interface AlarmsTableWidgetSettings extends TableWidgetSettings {
+  alarmsTitle: string;
+  enableSelection: boolean;
+  enableStatusFilter: boolean;
+  displayDetails: boolean;
+  allowAcknowledgment: boolean;
+  allowClear: boolean;
+}
+
+interface AlarmWidgetActionDescriptor extends WidgetActionDescriptor {
+  details?: boolean;
+  acknowledge?: boolean;
+  clear?: boolean;
+}
+
+@Component({
+  selector: 'tb-alarms-table-widget',
+  templateUrl: './alarms-table-widget.component.html',
+  styleUrls: ['./alarms-table-widget.component.scss', './table-widget.scss']
+})
+export class AlarmsTableWidgetComponent extends PageComponent implements OnInit, AfterViewInit {
+
+  @Input()
+  ctx: WidgetContext;
+
+  @ViewChild('searchInput') searchInputField: ElementRef;
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+  @ViewChild(MatSort) sort: MatSort;
+
+  public enableSelection = true;
+  public displayPagination = true;
+  public pageSizeOptions;
+  public pageLink: PageLink;
+  public sortOrderProperty: string;
+  public textSearchMode = false;
+  public columns: Array<EntityColumn> = [];
+  public displayedColumns: string[] = [];
+  public actionCellDescriptors: AlarmWidgetActionDescriptor[] = [];
+  public alarmsDatasource: AlarmsDatasource;
+
+  private settings: AlarmsTableWidgetSettings;
+  private widgetConfig: WidgetConfig;
+  private subscription: IWidgetSubscription;
+  private alarmSource: Datasource;
+
+  private displayDetails = true;
+  private allowAcknowledgment = true;
+  private allowClear = true;
+
+  private defaultPageSize = 10;
+  private defaultSortOrder = '-' + alarmFields.createdTime.value;
+
+  private contentsInfo: {[key: string]: CellContentInfo} = {};
+  private stylesInfo: {[key: string]: CellStyleInfo} = {};
+  private columnWidth: {[key: string]: string} = {};
+
+  private searchAction: WidgetAction = {
+    name: 'action.search',
+    show: true,
+    icon: 'search',
+    onAction: () => {
+      this.enterFilterMode();
+    }
+  };
+
+  private columnDisplayAction: WidgetAction = {
+    name: 'entity.columns-to-display',
+    show: true,
+    icon: 'view_column',
+    onAction: ($event) => {
+      this.editColumnsToDisplay($event);
+    }
+  };
+
+  private statusFilterAction: WidgetAction = {
+    name: 'alarm.alarm-status-filter',
+    show: true,
+    onAction: ($event) => {
+      this.editAlarmStatusFilter($event);
+    },
+    icon: 'filter_list'
+  };
+
+  constructor(protected store: Store<AppState>,
+              private elementRef: ElementRef,
+              private ngZone: NgZone,
+              private overlay: Overlay,
+              private viewContainerRef: ViewContainerRef,
+              private utils: UtilsService,
+              public translate: TranslateService,
+              private domSanitizer: DomSanitizer,
+              private datePipe: DatePipe,
+              private dialog: MatDialog,
+              private dialogService: DialogService,
+              private alarmService: AlarmService) {
+    super(store);
+
+    const sortOrder: SortOrder = sortOrderFromString(this.defaultSortOrder);
+    this.pageLink = new PageLink(this.defaultPageSize, 0, null, sortOrder);
+  }
+
+  ngOnInit(): void {
+    this.ctx.$scope.alarmsTableWidget = this;
+    this.settings = this.ctx.settings;
+    this.widgetConfig = this.ctx.widgetConfig;
+    this.subscription = this.ctx.defaultSubscription;
+    this.alarmSource = this.subscription.alarmSource;
+    this.initializeConfig();
+    this.updateAlarmSource();
+    this.ctx.updateWidgetParams();
+  }
+
+  ngAfterViewInit(): void {
+    fromEvent(this.searchInputField.nativeElement, 'keyup')
+      .pipe(
+        debounceTime(150),
+        distinctUntilChanged(),
+        tap(() => {
+          if (this.displayPagination) {
+            this.paginator.pageIndex = 0;
+          }
+          this.updateData();
+        })
+      )
+      .subscribe();
+
+    if (this.displayPagination) {
+      this.sort.sortChange.subscribe(() => this.paginator.pageIndex = 0);
+    }
+    (this.displayPagination ? merge(this.sort.sortChange, this.paginator.page) : this.sort.sortChange)
+      .pipe(
+        tap(() => this.updateData())
+      )
+      .subscribe();
+    this.updateData();
+  }
+
+  public onDataUpdated() {
+    this.ngZone.run(() => {
+      this.alarmsDatasource.updateAlarms(this.subscription.alarms);
+      this.ctx.detectChanges();
+    });
+  }
+
+  private initializeConfig() {
+    this.ctx.widgetActions = [this.searchAction, this.statusFilterAction, this.columnDisplayAction];
+
+    this.displayDetails = isDefined(this.settings.displayDetails) ? this.settings.displayDetails : true;
+    this.allowAcknowledgment = isDefined(this.settings.allowAcknowledgment) ? this.settings.allowAcknowledgment : true;
+    this.allowClear = isDefined(this.settings.allowClear) ? this.settings.allowClear : true;
+
+    if (this.displayDetails) {
+      this.actionCellDescriptors.push(
+        {
+          displayName: this.translate.instant('alarm.details'),
+          icon: 'more_horiz',
+          details: true
+        } as AlarmWidgetActionDescriptor
+      );
+    }
+
+    if (this.allowAcknowledgment) {
+      this.actionCellDescriptors.push(
+        {
+          displayName: this.translate.instant('alarm.acknowledge'),
+          icon: 'done',
+          acknowledge: true
+        } as AlarmWidgetActionDescriptor
+      );
+    }
+
+    if (this.allowClear) {
+      this.actionCellDescriptors.push(
+        {
+          displayName: this.translate.instant('alarm.clear'),
+          icon: 'clear',
+          clear: true
+        } as AlarmWidgetActionDescriptor
+      );
+    }
+
+    this.actionCellDescriptors = this.actionCellDescriptors.concat(this.ctx.actionsApi.getActionDescriptors('actionCellButton'));
+
+    let alarmsTitle: string;
+
+    if (this.settings.alarmsTitle && this.settings.alarmsTitle.length) {
+      alarmsTitle = this.utils.customTranslation(this.settings.alarmsTitle, this.settings.alarmsTitle);
+    } else {
+      alarmsTitle = this.translate.instant('alarm.alarms');
+    }
+
+    this.ctx.widgetTitle = this.utils.createLabelFromDatasource(this.alarmSource, alarmsTitle);
+
+    this.enableSelection = isDefined(this.settings.enableSelection) ? this.settings.enableSelection : true;
+    if (!this.allowAcknowledgment && !this.allowClear) {
+      this.enableSelection = false;
+    }
+
+    this.searchAction.show = isDefined(this.settings.enableSearch) ? this.settings.enableSearch : true;
+    this.displayPagination = isDefined(this.settings.displayPagination) ? this.settings.displayPagination : true;
+    this.columnDisplayAction.show = isDefined(this.settings.enableSelectColumnDisplay) ? this.settings.enableSelectColumnDisplay : true;
+    this.statusFilterAction.show = isDefined(this.settings.enableStatusFilter) ? this.settings.enableStatusFilter : true;
+
+    const pageSize = this.settings.defaultPageSize;
+    if (isDefined(pageSize) && isNumber(pageSize) && pageSize > 0) {
+      this.defaultPageSize = pageSize;
+    }
+    this.pageSizeOptions = [this.defaultPageSize, this.defaultPageSize * 2, this.defaultPageSize * 3];
+    this.pageLink.pageSize = this.displayPagination ? this.defaultPageSize : Number.POSITIVE_INFINITY;
+
+    const cssString = constructTableCssString(this.widgetConfig);
+    const cssParser = new cssjs();
+    cssParser.testMode = false;
+    const namespace = 'alarms-table-' + this.utils.hashCode(cssString);
+    cssParser.cssPreviewNamespace = namespace;
+    cssParser.createStyleElement(namespace, cssString);
+    $(this.elementRef.nativeElement).addClass(namespace);
+  }
+
+  private updateAlarmSource() {
+
+    if (this.enableSelection) {
+      this.displayedColumns.push('select');
+    }
+
+    if (this.alarmSource) {
+      this.alarmSource.dataKeys.forEach((alarmDataKey) => {
+        const dataKey: EntityColumn = deepClone(alarmDataKey) as EntityColumn;
+        dataKey.title = this.utils.customTranslation(dataKey.label, dataKey.label);
+        dataKey.def = 'def' + this.columns.length;
+        const keySettings: TableWidgetDataKeySettings = dataKey.settings;
+
+        this.stylesInfo[dataKey.def] = getCellStyleInfo(keySettings);
+        this.contentsInfo[dataKey.def] = getCellContentInfo(keySettings, 'value, alarm, ctx');
+        this.columnWidth[dataKey.def] = getColumnWidth(keySettings);
+        this.columns.push(dataKey);
+      });
+      this.displayedColumns.push(...this.columns.map(column => column.def));
+    }
+    if (this.settings.defaultSortOrder && this.settings.defaultSortOrder.length) {
+      this.defaultSortOrder = this.settings.defaultSortOrder;
+    }
+    this.pageLink.sortOrder = sortOrderFromString(this.defaultSortOrder);
+    this.sortOrderProperty = toAlarmColumnDef(this.pageLink.sortOrder.property, this.columns);
+
+    if (this.actionCellDescriptors.length) {
+      this.displayedColumns.push('actions');
+    }
+    this.alarmsDatasource = new AlarmsDatasource();
+    if (this.enableSelection) {
+      this.alarmsDatasource.selectionModeChanged$.subscribe((selectionMode) => {
+        const hideTitlePanel = selectionMode || this.textSearchMode;
+        if (this.ctx.hideTitlePanel !== hideTitlePanel) {
+          this.ctx.hideTitlePanel = hideTitlePanel;
+          this.ctx.detectChanges(true);
+        } else {
+          this.ctx.detectChanges();
+        }
+      });
+    }
+  }
+
+  private editColumnsToDisplay($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    const target = $event.target || $event.srcElement || $event.currentTarget;
+    const config = new OverlayConfig();
+    config.backdropClass = 'cdk-overlay-transparent-backdrop';
+    config.hasBackdrop = true;
+    const connectedPosition: ConnectedPosition = {
+      originX: 'end',
+      originY: 'bottom',
+      overlayX: 'end',
+      overlayY: 'top'
+    };
+    config.positionStrategy = this.overlay.position().flexibleConnectedTo(target as HTMLElement)
+      .withPositions([connectedPosition]);
+
+    const overlayRef = this.overlay.create(config);
+    overlayRef.backdropClick().subscribe(() => {
+      overlayRef.dispose();
+    });
+
+    const columns: DisplayColumn[] = this.columns.map(column => {
+      return {
+        title: column.title,
+        def: column.def,
+        display: this.displayedColumns.indexOf(column.def) > -1
+      };
+    });
+
+    const injectionTokens = new WeakMap<any, any>([
+      [DISPLAY_COLUMNS_PANEL_DATA, {
+        columns,
+        columnsUpdated: (newColumns) => {
+          this.displayedColumns = newColumns.filter(column => column.display).map(column => column.def);
+          if (this.enableSelection) {
+            this.displayedColumns.unshift('select');
+          }
+          this.displayedColumns.push('actions');
+        }
+      } as DisplayColumnsPanelData],
+      [OverlayRef, overlayRef]
+    ]);
+    const injector = new PortalInjector(this.viewContainerRef.injector, injectionTokens);
+    overlayRef.attach(new ComponentPortal(DisplayColumnsPanelComponent,
+      this.viewContainerRef, injector));
+    this.ctx.detectChanges();
+  }
+
+  private editAlarmStatusFilter($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    const target = $event.target || $event.srcElement || $event.currentTarget;
+    const config = new OverlayConfig();
+    config.backdropClass = 'cdk-overlay-transparent-backdrop';
+    config.hasBackdrop = true;
+    const connectedPosition: ConnectedPosition = {
+      originX: 'end',
+      originY: 'bottom',
+      overlayX: 'end',
+      overlayY: 'top'
+    };
+    config.positionStrategy = this.overlay.position().flexibleConnectedTo(target as HTMLElement)
+      .withPositions([connectedPosition]);
+
+    const overlayRef = this.overlay.create(config);
+    overlayRef.backdropClick().subscribe(() => {
+      overlayRef.dispose();
+    });
+    const injectionTokens = new WeakMap<any, any>([
+      [ALARM_STATUS_FILTER_PANEL_DATA, {
+        subscription: this.subscription,
+      } as AlarmStatusFilterPanelData],
+      [OverlayRef, overlayRef]
+    ]);
+    const injector = new PortalInjector(this.viewContainerRef.injector, injectionTokens);
+    overlayRef.attach(new ComponentPortal(AlarmStatusFilterPanelComponent,
+      this.viewContainerRef, injector));
+    this.ctx.detectChanges();
+  }
+
+  private enterFilterMode() {
+    this.textSearchMode = true;
+    this.pageLink.textSearch = '';
+    this.ctx.hideTitlePanel = true;
+    this.ctx.detectChanges(true);
+    setTimeout(() => {
+      this.searchInputField.nativeElement.focus();
+      this.searchInputField.nativeElement.setSelectionRange(0, 0);
+    }, 10);
+  }
+
+  exitFilterMode() {
+    this.textSearchMode = false;
+    this.pageLink.textSearch = null;
+    if (this.displayPagination) {
+      this.paginator.pageIndex = 0;
+    }
+    this.updateData();
+    this.ctx.hideTitlePanel = false;
+    this.ctx.detectChanges(true);
+  }
+
+  private updateData() {
+    if (this.displayPagination) {
+      this.pageLink.page = this.paginator.pageIndex;
+      this.pageLink.pageSize = this.paginator.pageSize;
+    } else {
+      this.pageLink.page = 0;
+    }
+    this.pageLink.sortOrder.property = fromAlarmColumnDef(this.sort.active, this.columns);
+    this.pageLink.sortOrder.direction = Direction[this.sort.direction.toUpperCase()];
+    this.alarmsDatasource.loadAlarms(this.pageLink);
+    this.ctx.detectChanges();
+  }
+
+  public trackByColumnDef(index, column: EntityColumn) {
+    return column.def;
+  }
+
+  public headerStyle(key: EntityColumn): any {
+    const columnWidth = this.columnWidth[key.def];
+    return widthStyle(columnWidth);
+  }
+
+  public cellStyle(alarm: AlarmInfo, key: EntityColumn): any {
+    let style: any = {};
+    if (alarm && key) {
+      const styleInfo = this.stylesInfo[key.def];
+      const value = getAlarmValue(alarm, key);
+      if (styleInfo.useCellStyleFunction && styleInfo.cellStyleFunction) {
+        try {
+          style = styleInfo.cellStyleFunction(value);
+        } catch (e) {
+          style = {};
+        }
+      } else {
+        style = this.defaultStyle(key, value);
+      }
+    }
+    if (!style.width) {
+      const columnWidth = this.columnWidth[key.def];
+      style = {...style, ...widthStyle(columnWidth)};
+    }
+    return style;
+  }
+
+  public cellContent(alarm: AlarmInfo, key: EntityColumn): SafeHtml {
+    if (alarm && key) {
+      const contentInfo = this.contentsInfo[key.def];
+      const value = getAlarmValue(alarm, key);
+      let content = '';
+      if (contentInfo.useCellContentFunction && contentInfo.cellContentFunction) {
+        try {
+          content = contentInfo.cellContentFunction(value, alarm, this.ctx);
+        } catch (e) {
+          content = '' + value;
+        }
+      } else {
+        content = this.defaultContent(key, value);
+      }
+      return isDefined(content) ? this.domSanitizer.bypassSecurityTrustHtml(content) : '';
+    } else {
+      return '';
+    }
+  }
+
+  public onRowClick($event: Event, alarm: AlarmInfo) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.alarmsDatasource.toggleCurrentAlarm(alarm);
+    const descriptors = this.ctx.actionsApi.getActionDescriptors('rowClick');
+    if (descriptors.length) {
+      let entityId;
+      let entityName;
+      if (alarm && alarm.originator) {
+        entityId = alarm.originator;
+        entityName = alarm.originatorName;
+      }
+      this.ctx.actionsApi.handleWidgetAction($event, descriptors[0], entityId, entityName, {alarm});
+    }
+  }
+
+  public onActionButtonClick($event: Event, alarm: AlarmInfo, actionDescriptor: AlarmWidgetActionDescriptor) {
+    if (actionDescriptor.details) {
+      this.openAlarmDetails($event, alarm);
+    } else if (actionDescriptor.acknowledge) {
+      this.ackAlarm($event, alarm);
+    } else if (actionDescriptor.clear) {
+      this.clearAlarm($event, alarm);
+    } else {
+      if ($event) {
+        $event.stopPropagation();
+      }
+      let entityId;
+      let entityName;
+      if (alarm && alarm.originator) {
+        entityId = alarm.originator;
+        entityName = alarm.originatorName;
+      }
+      this.ctx.actionsApi.handleWidgetAction($event, actionDescriptor, entityId, entityName, {alarm});
+    }
+  }
+
+  public actionEnabled(alarm: AlarmInfo, actionDescriptor: AlarmWidgetActionDescriptor): boolean {
+    if (actionDescriptor.acknowledge) {
+      return (alarm.status === AlarmStatus.ACTIVE_UNACK ||
+        alarm.status === AlarmStatus.CLEARED_UNACK);
+    } else if (actionDescriptor.clear) {
+      return (alarm.status === AlarmStatus.ACTIVE_ACK ||
+        alarm.status === AlarmStatus.ACTIVE_UNACK);
+    }
+    return true;
+  }
+
+  private openAlarmDetails($event: Event, alarm: AlarmInfo) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    if (alarm && alarm.id && alarm.id.id !== NULL_UUID) {
+      this.dialog.open<AlarmDetailsDialogComponent, AlarmDetailsDialogData, boolean>
+      (AlarmDetailsDialogComponent,
+        {
+          disableClose: true,
+          panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+          data: {
+            alarmId: alarm.id.id,
+            allowAcknowledgment: this.allowAcknowledgment,
+            allowClear: this.allowClear,
+            displayDetails: true
+          }
+        }).afterClosed().subscribe(
+        (res) => {
+          if (res) {
+            this.subscription.update();
+          }
+        }
+      );
+    }
+  }
+
+  private ackAlarm($event: Event, alarm: AlarmInfo) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    if (alarm && alarm.id && alarm.id.id !== NULL_UUID) {
+      this.dialogService.confirm(
+        this.translate.instant('alarm.aknowledge-alarm-title'),
+        this.translate.instant('alarm.aknowledge-alarm-text'),
+        this.translate.instant('action.no'),
+        this.translate.instant('action.yes')
+      ).subscribe((res) => {
+        if (res) {
+          if (res) {
+            this.alarmService.ackAlarm(alarm.id.id).subscribe(() => {
+              this.subscription.update();
+            });
+          }
+        }
+      });
+    }
+  }
+
+  public ackAlarms($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    if (this.alarmsDatasource.selection.hasValue()) {
+      const alarms = this.alarmsDatasource.selection.selected.filter(
+        (alarm) => alarm.id.id !== NULL_UUID
+      );
+      if (alarms.length) {
+        const title = this.translate.instant('alarm.aknowledge-alarms-title', {count: alarms.length});
+        const content = this.translate.instant('alarm.aknowledge-alarms-text', {count: alarms.length});
+        this.dialogService.confirm(
+          title,
+          content,
+          this.translate.instant('action.no'),
+          this.translate.instant('action.yes')
+        ).subscribe((res) => {
+          if (res) {
+            if (res) {
+              const tasks: Observable<void>[] = [];
+              for (const alarm of alarms) {
+                tasks.push(this.alarmService.ackAlarm(alarm.id.id));
+              }
+              forkJoin(tasks).subscribe(() => {
+                this.alarmsDatasource.clearSelection();
+                this.subscription.update();
+              });
+            }
+          }
+        });
+      }
+    }
+  }
+
+  private clearAlarm($event: Event, alarm: AlarmInfo) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    if (alarm && alarm.id && alarm.id.id !== NULL_UUID) {
+      this.dialogService.confirm(
+        this.translate.instant('alarm.clear-alarm-title'),
+        this.translate.instant('alarm.clear-alarm-text'),
+        this.translate.instant('action.no'),
+        this.translate.instant('action.yes')
+      ).subscribe((res) => {
+        if (res) {
+          if (res) {
+            this.alarmService.clearAlarm(alarm.id.id).subscribe(() => {
+              this.subscription.update();
+            });
+          }
+        }
+      });
+    }
+  }
+
+  public clearAlarms($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    if (this.alarmsDatasource.selection.hasValue()) {
+      const alarms = this.alarmsDatasource.selection.selected.filter(
+        (alarm) => alarm.id.id !== NULL_UUID
+      );
+      if (alarms.length) {
+        const title = this.translate.instant('alarm.clear-alarms-title', {count: alarms.length});
+        const content = this.translate.instant('alarm.clear-alarms-text', {count: alarms.length});
+        this.dialogService.confirm(
+          title,
+          content,
+          this.translate.instant('action.no'),
+          this.translate.instant('action.yes')
+        ).subscribe((res) => {
+          if (res) {
+            if (res) {
+              const tasks: Observable<void>[] = [];
+              for (const alarm of alarms) {
+                tasks.push(this.alarmService.clearAlarm(alarm.id.id));
+              }
+              forkJoin(tasks).subscribe(() => {
+                this.alarmsDatasource.clearSelection();
+                this.subscription.update();
+              });
+            }
+          }
+        });
+      }
+    }
+  }
+
+  private defaultContent(key: EntityColumn, value: any): any {
+    if (isDefined(value)) {
+      const alarmField = alarmFields[key.name];
+      if (alarmField) {
+        if (alarmField.time) {
+          return this.datePipe.transform(value, 'yyyy-MM-dd HH:mm:ss');
+        } else if (alarmField.value === alarmFields.severity.value) {
+          return this.translate.instant(alarmSeverityTranslations.get(value));
+        } else if (alarmField.value === alarmFields.status.value) {
+          return this.translate.instant(alarmStatusTranslations.get(value));
+        } else if (alarmField.value === alarmFields.originatorType.value) {
+          return this.translate.instant(entityTypeTranslations.get(value).type);
+        } else {
+          return value;
+        }
+      } else {
+        return value;
+      }
+    } else {
+      return '';
+    }
+  }
+
+  private defaultStyle(key: EntityColumn, value: any): any {
+    if (isDefined(value)) {
+      const alarmField = alarmFields[key.name];
+      if (alarmField) {
+        if (alarmField.value === alarmFields.severity.value) {
+          return {
+            fontWeight: 'bold',
+            color: alarmSeverityColors.get(value)
+          };
+        } else {
+          return {};
+        }
+      } else {
+        return {};
+      }
+    } else {
+      return {};
+    }
+  }
+
+}
+
+class AlarmsDatasource implements DataSource<AlarmInfo> {
+
+  private alarmsSubject = new BehaviorSubject<AlarmInfo[]>([]);
+  private pageDataSubject = new BehaviorSubject<PageData<AlarmInfo>>(emptyPageData<AlarmInfo>());
+
+  public selection = new SelectionModel<AlarmInfo>(true, [], false);
+
+  private selectionModeChanged = new EventEmitter<boolean>();
+
+  public  selectionModeChanged$ = this.selectionModeChanged.asObservable();
+
+  private allAlarms: Array<AlarmInfo> = [];
+  private allAlarmsSubject = new BehaviorSubject<AlarmInfo[]>([]);
+  private allAlarms$: Observable<Array<AlarmInfo>> = this.allAlarmsSubject.asObservable();
+
+  private currentAlarm: AlarmInfo = null;
+
+  constructor() {
+  }
+
+  connect(collectionViewer: CollectionViewer): Observable<AlarmInfo[] | ReadonlyArray<AlarmInfo>> {
+    return this.alarmsSubject.asObservable();
+  }
+
+  disconnect(collectionViewer: CollectionViewer): void {
+    this.alarmsSubject.complete();
+    this.pageDataSubject.complete();
+  }
+
+  loadAlarms(pageLink: PageLink) {
+    if (this.selection.hasValue()) {
+      this.selection.clear();
+      this.onSelectionModeChanged(false);
+    }
+    this.fetchAlarms(pageLink).pipe(
+      catchError(() => of(emptyPageData<AlarmInfo>())),
+    ).subscribe(
+      (pageData) => {
+        this.alarmsSubject.next(pageData.data);
+        this.pageDataSubject.next(pageData);
+      }
+    );
+  }
+
+  updateAlarms(alarms: AlarmInfo[]) {
+    alarms.forEach((newAlarm) => {
+      const existingAlarmIndex = this.allAlarms.findIndex(alarm => alarm.id.id === newAlarm.id.id);
+      if (existingAlarmIndex > -1) {
+        Object.assign(this.allAlarms[existingAlarmIndex], newAlarm);
+      } else {
+        this.allAlarms.push(newAlarm);
+      }
+    });
+    for (let i = this.allAlarms.length - 1; i >= 0; i--) {
+      const oldAlarm = this.allAlarms[i];
+      const newAlarmIndex = alarms.findIndex(alarm => alarm.id.id === oldAlarm.id.id);
+      if (newAlarmIndex === -1) {
+        this.allAlarms.splice(i, 1);
+      }
+    }
+    if (this.selection.hasValue()) {
+      const toRemove: AlarmInfo[] = [];
+      this.selection.selected.forEach((selectedAlarm) => {
+        const existingAlarm = this.allAlarms.find(alarm => alarm.id.id === selectedAlarm.id.id);
+        if (!existingAlarm) {
+          toRemove.push(selectedAlarm);
+        }
+      });
+      this.selection.deselect(...toRemove);
+      if (this.selection.isEmpty()) {
+        this.onSelectionModeChanged(false);
+      }
+    }
+    this.allAlarmsSubject.next(this.allAlarms);
+  }
+
+  isAllSelected(): Observable<boolean> {
+    const numSelected = this.selection.selected.length;
+    return this.alarmsSubject.pipe(
+      map((alarms) => numSelected === alarms.length)
+    );
+  }
+
+  isEmpty(): Observable<boolean> {
+    return this.alarmsSubject.pipe(
+      map((alarms) => !alarms.length)
+    );
+  }
+
+  total(): Observable<number> {
+    return this.pageDataSubject.pipe(
+      map((pageData) => pageData.totalElements)
+    );
+  }
+
+  toggleSelection(alarm: AlarmInfo) {
+    const hasValue = this.selection.hasValue();
+    this.selection.toggle(alarm);
+    if (hasValue !== this.selection.hasValue()) {
+      this.onSelectionModeChanged(this.selection.hasValue());
+    }
+  }
+
+  isSelected(alarm: AlarmInfo): boolean {
+    return this.selection.isSelected(alarm);
+  }
+
+  clearSelection() {
+    if (this.selection.hasValue()) {
+      this.selection.clear();
+      this.onSelectionModeChanged(false);
+    }
+  }
+
+  masterToggle() {
+    this.alarmsSubject.pipe(
+      tap((alarms) => {
+        const numSelected = this.selection.selected.length;
+        if (numSelected === alarms.length) {
+          this.selection.clear();
+          if (numSelected > 0) {
+            this.onSelectionModeChanged(false);
+          }
+        } else {
+          alarms.forEach(row => {
+            this.selection.select(row);
+          });
+          if (numSelected === 0) {
+            this.onSelectionModeChanged(true);
+          }
+        }
+      }),
+      take(1)
+    ).subscribe();
+  }
+
+  public toggleCurrentAlarm(alarm: AlarmInfo): boolean {
+    if (this.currentAlarm !== alarm) {
+      this.currentAlarm = alarm;
+      return true;
+    } else {
+      return false;
+    }
+  }
+
+  public isCurrentAlarm(alarm: AlarmInfo): boolean {
+    return (this.currentAlarm && alarm && this.currentAlarm.id && alarm.id) &&
+      (this.currentAlarm.id.id === alarm.id.id);
+  }
+
+  private onSelectionModeChanged(selectionMode: boolean) {
+    this.selectionModeChanged.emit(selectionMode);
+  }
+
+  private fetchAlarms(pageLink: PageLink): Observable<PageData<AlarmInfo>> {
+    return this.allAlarms$.pipe(
+      map((data) => pageLink.filterData(data))
+    );
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/analogue-compass.models.ts b/ui-ngx/src/app/modules/home/components/widget/lib/analogue-compass.models.ts
new file mode 100644
index 0000000000..89c12860dd
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/analogue-compass.models.ts
@@ -0,0 +1,357 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { JsonSettingsSchema } from '@shared/models/widget.models';
+import { FontSettings } from '@home/components/widget/lib/settings.models';
+import { AnimationRule, AnimationTarget } from '@home/components/widget/lib/analogue-gauge.models';
+
+export interface AnalogueCompassSettings {
+  majorTicks: string[];
+  minorTicks: number;
+  showStrokeTicks: boolean;
+  needleCircleSize: number;
+  showBorder: boolean;
+  borderOuterWidth: number;
+  colorPlate: string;
+  colorMajorTicks: string;
+  colorMinorTicks: string;
+  colorNeedle: string;
+  colorNeedleCircle: string;
+  colorBorder: string;
+  majorTickFont: FontSettings;
+  animation: boolean;
+  animationDuration: number;
+  animationRule: AnimationRule;
+  animationTarget: AnimationTarget;
+}
+
+export const analogueCompassSettingsSchema: JsonSettingsSchema = {
+  schema: {
+    type: 'object',
+    title: 'Settings',
+    properties: {
+      majorTicks: {
+        title: 'Major ticks names',
+        type: 'array',
+        items: {
+          title: 'Tick name',
+          type: 'string'
+        }
+      },
+      minorTicks: {
+        title: 'Minor ticks count',
+        type: 'number',
+        default: 22
+      },
+      showStrokeTicks: {
+        title: 'Show ticks stroke',
+        type: 'boolean',
+        default: false
+      },
+      needleCircleSize: {
+        title: 'Needle circle size',
+        type: 'number',
+        default: 15
+      },
+      showBorder: {
+        title: 'Show border',
+        type: 'boolean',
+        default: true
+      },
+      borderOuterWidth: {
+        title: 'Border width',
+        type: 'number',
+        default: 10
+      },
+      colorPlate: {
+        title: 'Plate color',
+        type: 'string',
+        default: '#222'
+      },
+      colorMajorTicks: {
+        title: 'Major ticks color',
+        type: 'string',
+        default: '#f5f5f5'
+      },
+      colorMinorTicks: {
+        title: 'Minor ticks color',
+        type: 'string',
+        default: '#ddd'
+      },
+      colorNeedle: {
+        title: 'Needle color',
+        type: 'string',
+        default: '#f08080'
+      },
+      colorNeedleCircle: {
+        title: 'Needle circle color',
+        type: 'string',
+        default: '#e8e8e8'
+      },
+      colorBorder: {
+        title: 'Border color',
+        type: 'string',
+        default: '#ccc'
+      },
+      majorTickFont: {
+        title: 'Major tick font',
+        type: 'object',
+        properties: {
+          family: {
+            title: 'Font family',
+            type: 'string',
+            default: 'Roboto'
+          },
+          size: {
+            title: 'Size',
+            type: 'number',
+            default: 20
+          },
+          style: {
+            title: 'Style',
+            type: 'string',
+            default: 'normal'
+          },
+          weight: {
+            title: 'Weight',
+            type: 'string',
+            default: '500'
+          },
+          color: {
+            title: 'color',
+            type: 'string',
+            default: '#ccc'
+          }
+        }
+      },
+      animation: {
+        title: 'Enable animation',
+        type: 'boolean',
+        default: true
+      },
+      animationDuration: {
+        title: 'Animation duration',
+        type: 'number',
+        default: 500
+      },
+      animationRule: {
+        title: 'Animation rule',
+        type: 'string',
+        default: 'cycle'
+      },
+      animationTarget: {
+        title: 'Animation target',
+        type: 'string',
+        default: 'needle'
+      }
+    },
+    required: []
+  },
+  form: [
+    {
+      key: 'majorTicks',
+      items:[
+        'majorTicks[]'
+      ]
+    },
+    'minorTicks',
+    'showStrokeTicks',
+    'needleCircleSize',
+    'showBorder',
+    'borderOuterWidth',
+    {
+      key: 'colorPlate',
+      type: 'color'
+    },
+    {
+      key: 'colorMajorTicks',
+      type: 'color'
+    },
+    {
+      key: 'colorMinorTicks',
+      type: 'color'
+    },
+    {
+      key: 'colorNeedle',
+      type: 'color'
+    },
+    {
+      key: 'colorNeedleCircle',
+      type: 'color'
+    },
+    {
+      key: 'colorBorder',
+      type: 'color'
+    },
+    {
+      key: 'majorTickFont',
+      items: [
+        'majorTickFont.family',
+        'majorTickFont.size',
+        {
+          key: 'majorTickFont.style',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'italic',
+              label: 'Italic'
+            },
+            {
+              value: 'oblique',
+              label: 'Oblique'
+            }
+          ]
+        },
+        {
+          key: 'majorTickFont.weight',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'bold',
+              label: 'Bold'
+            },
+            {
+              value: 'bolder',
+              label: 'Bolder'
+            },
+            {
+              value: 'lighter',
+              label: 'Lighter'
+            },
+            {
+              value: '100',
+              label: '100'
+            },
+            {
+              value: '200',
+              label: '200'
+            },
+            {
+              value: '300',
+              label: '300'
+            },
+            {
+              value: '400',
+              label: '400'
+            },
+            {
+              value: '500',
+              label: '500'
+            },
+            {
+              value: '600',
+              label: '600'
+            },
+            {
+              value: '700',
+              label: '800'
+            },
+            {
+              value: '800',
+              label: '800'
+            },
+            {
+              value: '900',
+              label: '900'
+            }
+          ]
+        },
+        {
+          key: 'majorTickFont.color',
+          type: 'color'
+        }
+      ]
+    },
+    'animation',
+    'animationDuration',
+    {
+      key: 'animationRule',
+      type: 'rc-select',
+      multiple: false,
+      items: [
+        {
+          value: 'linear',
+          label: 'Linear'
+        },
+        {
+          value: 'quad',
+          label: 'Quad'
+        },
+        {
+          value: 'quint',
+          label: 'Quint'
+        },
+        {
+          value: 'cycle',
+          label: 'Cycle'
+        },
+        {
+          value: 'bounce',
+          label: 'Bounce'
+        },
+        {
+          value: 'elastic',
+          label: 'Elastic'
+        },
+        {
+          value: 'dequad',
+          label: 'Dequad'
+        },
+        {
+          value: 'dequint',
+          label: 'Dequint'
+        },
+        {
+          value: 'decycle',
+          label: 'Decycle'
+        },
+        {
+          value: 'debounce',
+          label: 'Debounce'
+        },
+        {
+          value: 'delastic',
+          label: 'Delastic'
+        }
+      ]
+    },
+    {
+      key: 'animationTarget',
+      type: 'rc-select',
+      multiple: false,
+      items: [
+        {
+          value: 'needle',
+          label: 'Needle'
+        },
+        {
+          value: 'plate',
+          label: 'Plate'
+        }
+      ]
+    }
+  ]
+};
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/analogue-compass.ts b/ui-ngx/src/app/modules/home/components/widget/lib/analogue-compass.ts
new file mode 100644
index 0000000000..11da2efd90
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/analogue-compass.ts
@@ -0,0 +1,108 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { WidgetContext } from '@home/models/widget-component.models';
+import * as CanvasGauges from 'canvas-gauges';
+import {
+  AnalogueCompassSettings,
+  analogueCompassSettingsSchema
+} from '@home/components/widget/lib/analogue-compass.models';
+import { deepClone, isDefined } from '@core/utils';
+import { JsonSettingsSchema } from '@shared/models/widget.models';
+import { getFontFamily } from '@home/components/widget/lib/settings.models';
+import { TbBaseGauge } from '@home/components/widget/lib/analogue-gauge.models';
+import RadialGaugeOptions = CanvasGauges.RadialGaugeOptions;
+import BaseGauge = CanvasGauges.BaseGauge;
+import RadialGauge = CanvasGauges.RadialGauge;
+
+const analogueCompassSettingsSchemaValue = analogueCompassSettingsSchema;
+
+export class TbAnalogueCompass extends TbBaseGauge<AnalogueCompassSettings, RadialGaugeOptions> {
+
+  static get settingsSchema(): JsonSettingsSchema {
+    return analogueCompassSettingsSchemaValue;
+  }
+
+  constructor(ctx: WidgetContext, canvasId: string) {
+    super(ctx, canvasId);
+  }
+
+  protected createGaugeOptions(gaugeElement: HTMLElement, settings: AnalogueCompassSettings): RadialGaugeOptions {
+
+    const majorTicks = (settings.majorTicks && settings.majorTicks.length > 0) ? deepClone(settings.majorTicks) :
+      ['N','NE','E','SE','S','SW','W','NW'];
+    majorTicks.push(majorTicks[0]);
+
+    return {
+      renderTo: gaugeElement,
+
+      // Generic options
+      minValue: 0,
+      maxValue: 360,
+      majorTicks,
+      minorTicks: settings.minorTicks || 22,
+      ticksAngle: 360,
+      startAngle: 180,
+      strokeTicks: settings.showStrokeTicks || false,
+      highlights: [],
+      valueBox: false,
+
+      // needle
+      needleCircleSize: settings.needleCircleSize || 15,
+      needleType: 'line',
+      needleStart: 75,
+      needleEnd: 99,
+      needleWidth: 3,
+      needleCircleOuter: false,
+
+      // borders
+      borders: settings.showBorder || false,
+      borderInnerWidth: 0,
+      borderMiddleWidth: 0,
+      borderOuterWidth: settings.borderOuterWidth || 10,
+      borderShadowWidth: 0,
+
+      // colors
+      colorPlate: settings.colorPlate || '#222',
+      colorMajorTicks: settings.colorMajorTicks || '#f5f5f5',
+      colorMinorTicks: settings.colorMinorTicks || '#ddd',
+      colorNeedle: settings.colorNeedle || '#f08080',
+      colorNeedleEnd: settings.colorNeedle || '#f08080',
+      colorNeedleCircleInner: settings.colorNeedleCircle || '#e8e8e8',
+      colorNeedleCircleInnerEnd: settings.colorNeedleCircle || '#e8e8e8',
+      colorBorderOuter: settings.colorBorder || '#ccc',
+      colorBorderOuterEnd: settings.colorBorder || '#ccc',
+      colorNeedleShadowDown: '#222',
+
+      // fonts
+      fontNumbers: getFontFamily(settings.majorTickFont),
+      fontNumbersSize: settings.majorTickFont && settings.majorTickFont.size ? settings.majorTickFont.size : 20,
+      fontNumbersStyle: settings.majorTickFont && settings.majorTickFont.style ? settings.majorTickFont.style : 'normal',
+      fontNumbersWeight: settings.majorTickFont && settings.majorTickFont.weight ? settings.majorTickFont.weight : '500',
+      colorNumbers: settings.majorTickFont && settings.majorTickFont.color ? settings.majorTickFont.color : '#ccc',
+
+      // animations
+      animation: settings.animation !== false && !this.ctx.isMobile,
+      animationDuration: (isDefined(settings.animationDuration) && settings.animationDuration !== null) ? settings.animationDuration : 500,
+      animationRule: settings.animationRule || 'cycle',
+      animationTarget: settings.animationTarget || 'needle'
+    };
+  }
+
+  protected createGauge(gaugeData: RadialGaugeOptions): BaseGauge {
+    return new RadialGauge(gaugeData);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/analogue-gauge.models.ts b/ui-ngx/src/app/modules/home/components/widget/lib/analogue-gauge.models.ts
new file mode 100644
index 0000000000..19e6525a91
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/analogue-gauge.models.ts
@@ -0,0 +1,1039 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import * as CanvasGauges from 'canvas-gauges';
+import { FontSettings, getFontFamily } from '@home/components/widget/lib/settings.models';
+import { JsonSettingsSchema } from '@shared/models/widget.models';
+import { WidgetContext } from '@home/models/widget-component.models';
+import { isDefined } from '@core/utils';
+import * as tinycolor_ from 'tinycolor2';
+import Highlight = CanvasGauges.Highlight;
+import BaseGauge = CanvasGauges.BaseGauge;
+import GenericOptions = CanvasGauges.GenericOptions;
+
+const tinycolor = tinycolor_;
+
+export type AnimationRule = 'linear' | 'quad' | 'quint' | 'cycle'
+                            | 'bounce' | 'elastic' | 'dequad' | 'dequint'
+                            | 'decycle' | 'debounce' | 'delastic';
+
+export type AnimationTarget = 'needle' | 'plate';
+
+export interface AnalogueGaugeSettings {
+  minValue: number;
+  maxValue: number;
+  unitTitle: string;
+  showUnitTitle: boolean;
+  majorTicksCount: number;
+  minorTicks: number;
+  valueBox: boolean;
+  valueInt: number;
+  valueDec?: number;
+  units?: string;
+  defaultColor: string;
+  colorPlate: string;
+  colorMajorTicks: string;
+  colorMinorTicks: string;
+  colorNeedle: string;
+  colorNeedleEnd: string;
+  colorNeedleShadowUp: string;
+  colorNeedleShadowDown: string;
+  colorValueBoxRect: string;
+  colorValueBoxRectEnd: string;
+  colorValueBoxBackground: string;
+  colorValueBoxShadow: string;
+  highlights: Highlight[];
+  highlightsWidth: number;
+  showBorder: boolean;
+  numbersFont: FontSettings;
+  titleFont: FontSettings;
+  unitsFont: FontSettings;
+  valueFont: FontSettings;
+  animation: boolean;
+  animationDuration: number;
+  animationRule: AnimationRule;
+}
+
+export const analogueGaugeSettingsSchema: JsonSettingsSchema = {
+  schema: {
+    type: 'object',
+    title: 'Settings',
+    properties: {
+      minValue: {
+        title: 'Minimum value',
+        type: 'number',
+        default: 0
+      },
+      maxValue: {
+        title: 'Maximum value',
+        type: 'number',
+        default: 100
+      },
+      unitTitle: {
+        title: 'Unit title',
+        type: 'string',
+        default: null
+      },
+      showUnitTitle: {
+        title: 'Show unit title',
+        type: 'boolean',
+        default: true
+      },
+      majorTicksCount: {
+        title: 'Major ticks count',
+        type: 'number',
+        default: null
+      },
+      minorTicks: {
+        title: 'Minor ticks count',
+        type: 'number',
+        default: 2
+      },
+      valueBox: {
+        title: 'Show value box',
+        type: 'boolean',
+        default: true
+      },
+      valueInt: {
+        title: 'Digits count for integer part of value',
+        type: 'number',
+        default: 3
+      },
+      defaultColor: {
+        title: 'Default color',
+        type: 'string',
+        default: null
+      },
+      colorPlate: {
+        title: 'Plate color',
+        type: 'string',
+        default: '#fff'
+      },
+      colorMajorTicks: {
+        title: 'Major ticks color',
+        type: 'string',
+        default: '#444'
+      },
+      colorMinorTicks: {
+        title: 'Minor ticks color',
+        type: 'string',
+        default: '#666'
+      },
+      colorNeedle: {
+        title: 'Needle color',
+        type: 'string',
+        default: null
+      },
+      colorNeedleEnd: {
+        title: 'Needle color - end gradient',
+        type: 'string',
+        default: null
+      },
+      colorNeedleShadowUp: {
+        title: 'Upper half of the needle shadow color',
+        type: 'string',
+        default: 'rgba(2,255,255,0.2)'
+      },
+      colorNeedleShadowDown: {
+        title: 'Drop shadow needle color.',
+        type: 'string',
+        default: 'rgba(188,143,143,0.45)'
+      },
+      colorValueBoxRect: {
+        title: 'Value box rectangle stroke color',
+        type: 'string',
+        default: '#888'
+      },
+      colorValueBoxRectEnd: {
+        title: 'Value box rectangle stroke color - end gradient',
+        type: 'string',
+        default: '#666'
+      },
+      colorValueBoxBackground: {
+        title: 'Value box background color',
+        type: 'string',
+        default: '#babab2'
+      },
+      colorValueBoxShadow: {
+        title: 'Value box shadow color',
+        type: 'string',
+        default: 'rgba(0,0,0,1)'
+      },
+      highlights: {
+        title: 'Highlights',
+        type: 'array',
+        items: {
+          title: 'Highlight',
+          type: 'object',
+          properties: {
+            from: {
+              title: 'From',
+              type: 'number'
+            },
+            to: {
+              title: 'To',
+              type: 'number'
+            },
+            color: {
+              title: 'Color',
+              type: 'string'
+            }
+          }
+        }
+      },
+      highlightsWidth: {
+        title: 'Highlights width',
+        type: 'number',
+        default: 15
+      },
+      showBorder: {
+        title: 'Show border',
+        type: 'boolean',
+        default: true
+      },
+      numbersFont: {
+        title: 'Tick numbers font',
+        type: 'object',
+        properties: {
+          family: {
+            title: 'Font family',
+            type: 'string',
+            default: 'Roboto'
+          },
+          size: {
+            title: 'Size',
+            type: 'number',
+            default: 18
+          },
+          style: {
+            title: 'Style',
+            type: 'string',
+            default: 'normal'
+          },
+          weight: {
+            title: 'Weight',
+            type: 'string',
+            default: '500'
+          },
+          color: {
+            title: 'color',
+            type: 'string',
+            default: null
+          }
+        }
+      },
+      titleFont: {
+        title: 'Title text font',
+        type: 'object',
+        properties: {
+          family: {
+            title: 'Font family',
+            type: 'string',
+            default: 'Roboto'
+          },
+          size: {
+            title: 'Size',
+            type: 'number',
+            default: 24
+          },
+          style: {
+            title: 'Style',
+            type: 'string',
+            default: 'normal'
+          },
+          weight: {
+            title: 'Weight',
+            type: 'string',
+            default: '500'
+          },
+          color: {
+            title: 'color',
+            type: 'string',
+            default: '#888'
+          }
+        }
+      },
+      unitsFont: {
+        title: 'Units text font',
+        type: 'object',
+        properties: {
+          family: {
+            title: 'Font family',
+            type: 'string',
+            default: 'Roboto'
+          },
+          size: {
+            title: 'Size',
+            type: 'number',
+            default: 22
+          },
+          style: {
+            title: 'Style',
+            type: 'string',
+            default: 'normal'
+          },
+          weight: {
+            title: 'Weight',
+            type: 'string',
+            default: '500'
+          },
+          color: {
+            title: 'color',
+            type: 'string',
+            default: '#888'
+          }
+        }
+      },
+      valueFont: {
+        title: 'Value text font',
+        type: 'object',
+        properties: {
+          family: {
+            title: 'Font family',
+            type: 'string',
+            default: 'Roboto'
+          },
+          size: {
+            title: 'Size',
+            type: 'number',
+            default: 40
+          },
+          style: {
+            title: 'Style',
+            type: 'string',
+            default: 'normal'
+          },
+          weight: {
+            title: 'Weight',
+            type: 'string',
+            default: '500'
+          },
+          color: {
+            title: 'color',
+            type: 'string',
+            default: '#444'
+          },
+          shadowColor: {
+            title: 'Shadow color',
+            type: 'string',
+            default: 'rgba(0,0,0,0.3)'
+          }
+        }
+      },
+      animation: {
+        title: 'Enable animation',
+        type: 'boolean',
+        default: true
+      },
+      animationDuration: {
+        title: 'Animation duration',
+        type: 'number',
+        default: 500
+      },
+      animationRule: {
+        title: 'Animation rule',
+        type: 'string',
+        default: 'cycle'
+      }
+    },
+    required: []
+  },
+  form: [
+    'minValue',
+    'maxValue',
+    'unitTitle',
+    'showUnitTitle',
+    'majorTicksCount',
+    'minorTicks',
+    'valueBox',
+    'valueInt',
+    {
+      key: 'defaultColor',
+      type: 'color'
+    },
+    {
+      key: 'colorPlate',
+      type: 'color'
+    },
+    {
+      key: 'colorMajorTicks',
+      type: 'color'
+    },
+    {
+      key: 'colorMinorTicks',
+      type: 'color'
+    },
+    {
+      key: 'colorNeedle',
+      type: 'color'
+    },
+    {
+      key: 'colorNeedleEnd',
+      type: 'color'
+    },
+    {
+      key: 'colorNeedleShadowUp',
+      type: 'color'
+    },
+    {
+      key: 'colorNeedleShadowDown',
+      type: 'color'
+    },
+    {
+      key: 'colorValueBoxRect',
+      type: 'color'
+    },
+    {
+      key: 'colorValueBoxRectEnd',
+      type: 'color'
+    },
+    {
+      key: 'colorValueBoxBackground',
+      type: 'color'
+    },
+    {
+      key: 'colorValueBoxShadow',
+      type: 'color'
+    },
+    {
+      key: 'highlights',
+      items: [
+        'highlights[].from',
+        'highlights[].to',
+        {
+          key: 'highlights[].color',
+          type: 'color'
+        }
+      ]
+    },
+    'highlightsWidth',
+    'showBorder',
+    {
+      key: 'numbersFont',
+      items: [
+        'numbersFont.family',
+        'numbersFont.size',
+        {
+          key: 'numbersFont.style',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'italic',
+              label: 'Italic'
+            },
+            {
+              value: 'oblique',
+              label: 'Oblique'
+            }
+          ]
+        },
+        {
+          key: 'numbersFont.weight',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'bold',
+              label: 'Bold'
+            },
+            {
+              value: 'bolder',
+              label: 'Bolder'
+            },
+            {
+              value: 'lighter',
+              label: 'Lighter'
+            },
+            {
+              value: '100',
+              label: '100'
+            },
+            {
+              value: '200',
+              label: '200'
+            },
+            {
+              value: '300',
+              label: '300'
+            },
+            {
+              value: '400',
+              label: '400'
+            },
+            {
+              value: '500',
+              label: '500'
+            },
+            {
+              value: '600',
+              label: '600'
+            },
+            {
+              value: '700',
+              label: '800'
+            },
+            {
+              value: '800',
+              label: '800'
+            },
+            {
+              value: '900',
+              label: '900'
+            }
+          ]
+        },
+        {
+          key: 'numbersFont.color',
+          type: 'color'
+        }
+      ]
+    },
+    {
+      key: 'titleFont',
+      items: [
+        'titleFont.family',
+        'titleFont.size',
+        {
+          key: 'titleFont.style',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'italic',
+              label: 'Italic'
+            },
+            {
+              value: 'oblique',
+              label: 'Oblique'
+            }
+          ]
+        },
+        {
+          key: 'titleFont.weight',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'bold',
+              label: 'Bold'
+            },
+            {
+              value: 'bolder',
+              label: 'Bolder'
+            },
+            {
+              value: 'lighter',
+              label: 'Lighter'
+            },
+            {
+              value: '100',
+              label: '100'
+            },
+            {
+              value: '200',
+              label: '200'
+            },
+            {
+              value: '300',
+              label: '300'
+            },
+            {
+              value: '400',
+              label: '400'
+            },
+            {
+              value: '500',
+              label: '500'
+            },
+            {
+              value: '600',
+              label: '600'
+            },
+            {
+              value: '700',
+              label: '800'
+            },
+            {
+              value: '800',
+              label: '800'
+            },
+            {
+              value: '900',
+              label: '900'
+            }
+          ]
+        },
+        {
+          key: 'titleFont.color',
+          type: 'color'
+        }
+      ]
+    },
+    {
+      key: 'unitsFont',
+      items: [
+        'unitsFont.family',
+        'unitsFont.size',
+        {
+          key: 'unitsFont.style',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'italic',
+              label: 'Italic'
+            },
+            {
+              value: 'oblique',
+              label: 'Oblique'
+            }
+          ]
+        },
+        {
+          key: 'unitsFont.weight',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'bold',
+              label: 'Bold'
+            },
+            {
+              value: 'bolder',
+              label: 'Bolder'
+            },
+            {
+              value: 'lighter',
+              label: 'Lighter'
+            },
+            {
+              value: '100',
+              label: '100'
+            },
+            {
+              value: '200',
+              label: '200'
+            },
+            {
+              value: '300',
+              label: '300'
+            },
+            {
+              value: '400',
+              label: '400'
+            },
+            {
+              value: '500',
+              label: '500'
+            },
+            {
+              value: '600',
+              label: '600'
+            },
+            {
+              value: '700',
+              label: '800'
+            },
+            {
+              value: '800',
+              label: '800'
+            },
+            {
+              value: '900',
+              label: '900'
+            }
+          ]
+        },
+        {
+          key: 'unitsFont.color',
+          type: 'color'
+        }
+      ]
+    },
+    {
+      key: 'valueFont',
+      items: [
+        'valueFont.family',
+        'valueFont.size',
+        {
+          key: 'valueFont.style',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'italic',
+              label: 'Italic'
+            },
+            {
+              value: 'oblique',
+              label: 'Oblique'
+            }
+          ]
+        },
+        {
+          key: 'valueFont.weight',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'bold',
+              label: 'Bold'
+            },
+            {
+              value: 'bolder',
+              label: 'Bolder'
+            },
+            {
+              value: 'lighter',
+              label: 'Lighter'
+            },
+            {
+              value: '100',
+              label: '100'
+            },
+            {
+              value: '200',
+              label: '200'
+            },
+            {
+              value: '300',
+              label: '300'
+            },
+            {
+              value: '400',
+              label: '400'
+            },
+            {
+              value: '500',
+              label: '500'
+            },
+            {
+              value: '600',
+              label: '600'
+            },
+            {
+              value: '700',
+              label: '800'
+            },
+            {
+              value: '800',
+              label: '800'
+            },
+            {
+              value: '900',
+              label: '900'
+            }
+          ]
+        },
+        {
+          key: 'valueFont.color',
+          type: 'color'
+        },
+        {
+          key: 'valueFont.shadowColor',
+          type: 'color'
+        }
+      ]
+    },
+    'animation',
+    'animationDuration',
+    {
+      key: 'animationRule',
+      type: 'rc-select',
+      multiple: false,
+      items: [
+        {
+          value: 'linear',
+          label: 'Linear'
+        },
+        {
+          value: 'quad',
+          label: 'Quad'
+        },
+        {
+          value: 'quint',
+          label: 'Quint'
+        },
+        {
+          value: 'cycle',
+          label: 'Cycle'
+        },
+        {
+          value: 'bounce',
+          label: 'Bounce'
+        },
+        {
+          value: 'elastic',
+          label: 'Elastic'
+        },
+        {
+          value: 'dequad',
+          label: 'Dequad'
+        },
+        {
+          value: 'dequint',
+          label: 'Dequint'
+        },
+        {
+          value: 'decycle',
+          label: 'Decycle'
+        },
+        {
+          value: 'debounce',
+          label: 'Debounce'
+        },
+        {
+          value: 'delastic',
+          label: 'Delastic'
+        }
+      ]
+    }
+  ]
+};
+
+export abstract class TbBaseGauge<S, O extends GenericOptions> {
+
+  private gauge: BaseGauge;
+
+  protected constructor(protected ctx: WidgetContext, canvasId: string) {
+    const gaugeElement = $('#'+canvasId, ctx.$container)[0];
+    const settings: S = ctx.settings;
+    const gaugeData: O = this.createGaugeOptions(gaugeElement, settings);
+    this.gauge = this.createGauge(gaugeData as O).draw();
+  }
+
+  protected abstract createGaugeOptions(gaugeElement: HTMLElement, settings: S): O;
+
+  protected abstract createGauge(gaugeData: O): BaseGauge;
+
+  update() {
+    if (this.ctx.data.length > 0) {
+      const cellData = this.ctx.data[0];
+      if (cellData.data.length > 0) {
+        const tvPair = cellData.data[cellData.data.length -
+        1];
+        const value = tvPair[1];
+        if(value !== this.gauge.value) {
+          this.gauge.value = value;
+        }
+      }
+    }
+  }
+
+  mobileModeChanged() {
+    const animation = this.ctx.settings.animation !== false && !this.ctx.isMobile;
+    this.gauge.update({animation} as GenericOptions);
+  }
+
+  resize() {
+    this.gauge.update({width: this.ctx.width, height: this.ctx.height} as GenericOptions);
+  }
+}
+
+export abstract class TbAnalogueGauge<S extends AnalogueGaugeSettings, O extends GenericOptions> extends TbBaseGauge<S,O> {
+
+  protected constructor(ctx: WidgetContext, canvasId: string) {
+    super(ctx,canvasId);
+  }
+
+  protected createGaugeOptions(gaugeElement: HTMLElement, settings: S): O {
+
+    const minValue = settings.minValue || 0;
+    const maxValue = settings.maxValue || 100;
+
+    const dataKey = this.ctx.data[0].dataKey;
+    const keyColor = settings.defaultColor || dataKey.color;
+
+    const majorTicksCount = settings.majorTicksCount || 10;
+    const total = maxValue-minValue;
+    let step = (total/majorTicksCount);
+
+    const valueInt = settings.valueInt || 3;
+
+    const valueDec = getValueDec(this.ctx, settings);
+
+    step = parseFloat(parseFloat(step+'').toFixed(valueDec));
+
+    const majorTicks: number[] = [];
+    const highlights: Highlight[] = [];
+    let tick = minValue;
+
+    while(tick<=maxValue) {
+      majorTicks.push(tick);
+      let nextTick = tick+step;
+      nextTick = parseFloat(parseFloat(nextTick+'').toFixed(valueDec));
+      if (tick<maxValue) {
+        const highlightColor = tinycolor(keyColor);
+        const percent = (tick-minValue)/total;
+        highlightColor.setAlpha(percent);
+        const highlight: Highlight = {
+          from: tick,
+          to: nextTick,
+          color: highlightColor.toRgbString()
+        };
+        highlights.push(highlight);
+      }
+      tick = nextTick;
+    }
+
+    const colorNumbers = tinycolor(keyColor).darken(20).toRgbString();
+
+    const gaugeData: O = {
+      renderTo: gaugeElement,
+
+      /* Generic options */
+
+      minValue,
+      maxValue,
+      majorTicks,
+      minorTicks: settings.minorTicks || 2,
+      units: getUnits(this.ctx, settings),
+      title: ((settings.showUnitTitle !== false) ?
+        (settings.unitTitle && settings.unitTitle.length > 0 ?
+          settings.unitTitle : dataKey.label) : ''),
+
+      borders: settings.showBorder !== false,
+      borderShadowWidth: (settings.showBorder !== false) ? 3 : 0,
+
+      // number formats
+      valueInt,
+      valueDec,
+      majorTicksInt: 1,
+      majorTicksDec: 0,
+
+      valueBox: settings.valueBox !== false,
+      valueBoxStroke: 5,
+      valueBoxWidth: 0,
+      valueText: '',
+      valueTextShadow: true,
+      valueBoxBorderRadius: 2.5,
+
+      // highlights
+      highlights: (settings.highlights && settings.highlights.length > 0) ? settings.highlights : highlights,
+      highlightsWidth: (isDefined(settings.highlightsWidth) && settings.highlightsWidth !== null) ? settings.highlightsWidth : 15,
+
+      // fonts
+      fontNumbers: getFontFamily(settings.numbersFont),
+      fontTitle: getFontFamily(settings.titleFont),
+      fontUnits: getFontFamily(settings.unitsFont),
+      fontValue: getFontFamily(settings.valueFont),
+
+      fontNumbersSize: settings.numbersFont && settings.numbersFont.size ? settings.numbersFont.size : 18,
+      fontTitleSize: settings.titleFont && settings.titleFont.size ? settings.titleFont.size : 24,
+      fontUnitsSize: settings.unitsFont && settings.unitsFont.size ? settings.unitsFont.size : 22,
+      fontValueSize: settings.valueFont && settings.valueFont.size ? settings.valueFont.size : 40,
+
+      fontNumbersStyle: settings.numbersFont && settings.numbersFont.style ? settings.numbersFont.style : 'normal',
+      fontTitleStyle: settings.titleFont && settings.titleFont.style ? settings.titleFont.style : 'normal',
+      fontUnitsStyle: settings.unitsFont && settings.unitsFont.style ? settings.unitsFont.style : 'normal',
+      fontValueStyle: settings.valueFont && settings.valueFont.style ? settings.valueFont.style : 'normal',
+
+      fontNumbersWeight: settings.numbersFont && settings.numbersFont.weight ? settings.numbersFont.weight : '500',
+      fontTitleWeight: settings.titleFont && settings.titleFont.weight ? settings.titleFont.weight : '500',
+      fontUnitsWeight: settings.unitsFont && settings.unitsFont.weight ? settings.unitsFont.weight : '500',
+      fontValueWeight: settings.valueFont && settings.valueFont.weight ? settings.valueFont.weight : '500',
+
+      colorNumbers: settings.numbersFont && settings.numbersFont.color ? settings.numbersFont.color : colorNumbers,
+      colorTitle: settings.titleFont && settings.titleFont.color ? settings.titleFont.color : '#888',
+      colorUnits: settings.unitsFont && settings.unitsFont.color ? settings.unitsFont.color : '#888',
+      colorValueText: settings.valueFont && settings.valueFont.color ? settings.valueFont.color : '#444',
+      colorValueTextShadow: settings.valueFont && settings.valueFont.shadowColor ? settings.valueFont.shadowColor : 'rgba(0,0,0,0.3)',
+
+      // colors
+      colorPlate: settings.colorPlate || '#fff',
+      colorMajorTicks: settings.colorMajorTicks || '#444',
+      colorMinorTicks: settings.colorMinorTicks || '#666',
+      colorNeedle: settings.colorNeedle || keyColor,
+      colorNeedleEnd: settings.colorNeedleEnd || keyColor,
+
+      colorValueBoxRect: settings.colorValueBoxRect || '#888',
+      colorValueBoxRectEnd: settings.colorValueBoxRectEnd || '#666',
+      colorValueBoxBackground: settings.colorValueBoxBackground || '#babab2',
+      colorValueBoxShadow: settings.colorValueBoxShadow || 'rgba(0,0,0,1)',
+      colorNeedleShadowUp: settings.colorNeedleShadowUp || 'rgba(2,255,255,0.2)',
+      colorNeedleShadowDown: settings.colorNeedleShadowDown || 'rgba(188,143,143,0.45)',
+
+      // animations
+      animation: settings.animation !== false && !this.ctx.isMobile,
+      animationDuration: (isDefined(settings.animationDuration) && settings.animationDuration !== null) ? settings.animationDuration : 500,
+      animationRule: settings.animationRule || 'cycle'
+    } as O;
+
+    this.prepareGaugeOptions(settings, gaugeData);
+    return gaugeData;
+  }
+
+  protected abstract prepareGaugeOptions(settings: S, gaugeData: O);
+
+}
+
+function getValueDec(ctx: WidgetContext, settings: AnalogueGaugeSettings): number {
+  let dataKey;
+  if (ctx.data && ctx.data[0]) {
+    dataKey = ctx.data[0].dataKey;
+  }
+  if (dataKey && isDefined(dataKey.decimals)) {
+    return dataKey.decimals;
+  } else {
+    return (isDefined(settings.valueDec) && settings.valueDec !== null)
+      ? settings.valueDec : ctx.decimals;
+  }
+}
+
+function getUnits(ctx: WidgetContext, settings: AnalogueGaugeSettings): string {
+  let dataKey;
+  if (ctx.data && ctx.data[0]) {
+    dataKey = ctx.data[0].dataKey;
+  }
+  if (dataKey && dataKey.units && dataKey.units.length) {
+    return dataKey.units;
+  } else {
+    return isDefined(settings.units) && settings.units.length > 0 ? settings.units : ctx.units;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/analogue-linear-gauge.models.ts b/ui-ngx/src/app/modules/home/components/widget/lib/analogue-linear-gauge.models.ts
new file mode 100644
index 0000000000..bbbc751f0d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/analogue-linear-gauge.models.ts
@@ -0,0 +1,88 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { JsonSettingsSchema } from '@shared/models/widget.models';
+import { AnalogueGaugeSettings, analogueGaugeSettingsSchema } from '@home/components/widget/lib/analogue-gauge.models';
+import { deepClone } from '@core/utils';
+
+export interface AnalogueLinearGaugeSettings extends AnalogueGaugeSettings {
+  barStrokeWidth: number;
+  colorBarStroke: string;
+  colorBar: string;
+  colorBarEnd: string;
+  colorBarProgress: string;
+  colorBarProgressEnd: string;
+}
+
+export function getAnalogueLinearGaugeSettingsSchema(): JsonSettingsSchema {
+  const analogueLinearGaugeSettingsSchema = deepClone(analogueGaugeSettingsSchema);
+  analogueLinearGaugeSettingsSchema.schema.properties =
+    {...analogueLinearGaugeSettingsSchema.schema.properties, ...{
+        barStrokeWidth: {
+          title: 'Bar stroke width',
+          type: 'number',
+          default: 2.5
+        },
+        colorBarStroke: {
+          title: 'Bar stroke color',
+          type: 'string',
+          default: null
+        },
+        colorBar: {
+          title: 'Bar background color',
+          type: 'string',
+          default: '#fff'
+        },
+        colorBarEnd: {
+          title: 'Bar background color - end gradient',
+          type: 'string',
+          default: '#ddd'
+        },
+        colorBarProgress: {
+          title: 'Progress bar color',
+          type: 'string',
+          default: null
+        },
+        colorBarProgressEnd: {
+          title: 'Progress bar color - end gradient',
+          type: 'string',
+          default: null
+        }}};
+  analogueLinearGaugeSettingsSchema.form.unshift(
+    'barStrokeWidth',
+    {
+      key: 'colorBarStroke',
+      type: 'color'
+    },
+    {
+      key: 'colorBar',
+      type: 'color'
+    },
+    {
+      key: 'colorBarEnd',
+      type: 'color'
+    },
+    {
+      key: 'colorBarProgress',
+      type: 'color'
+    },
+    {
+      key: 'colorBarProgressEnd',
+      type: 'color'
+    }
+  );
+  return analogueLinearGaugeSettingsSchema;
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/analogue-linear-gauge.ts b/ui-ngx/src/app/modules/home/components/widget/lib/analogue-linear-gauge.ts
new file mode 100644
index 0000000000..722541b88f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/analogue-linear-gauge.ts
@@ -0,0 +1,65 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import * as CanvasGauges from 'canvas-gauges';
+import { JsonSettingsSchema } from '@shared/models/widget.models';
+import { WidgetContext } from '@home/models/widget-component.models';
+import { TbAnalogueGauge } from '@home/components/widget/lib/analogue-gauge.models';
+import {
+  AnalogueLinearGaugeSettings,
+  getAnalogueLinearGaugeSettingsSchema
+} from '@home/components/widget/lib/analogue-linear-gauge.models';
+import { isDefined } from '@core/utils';
+import * as tinycolor_ from 'tinycolor2';
+import LinearGaugeOptions = CanvasGauges.LinearGaugeOptions;
+import LinearGauge = CanvasGauges.LinearGauge;
+import BaseGauge = CanvasGauges.BaseGauge;
+
+const tinycolor = tinycolor_;
+
+const analogueLinearGaugeSettingsSchemaValue = getAnalogueLinearGaugeSettingsSchema();
+
+export class TbAnalogueLinearGauge extends TbAnalogueGauge<AnalogueLinearGaugeSettings,LinearGaugeOptions>{
+
+  static get settingsSchema(): JsonSettingsSchema {
+    return analogueLinearGaugeSettingsSchemaValue;
+  }
+
+  constructor(ctx: WidgetContext, canvasId: string) {
+    super(ctx, canvasId);
+  }
+
+  protected prepareGaugeOptions(settings: AnalogueLinearGaugeSettings, gaugeData: LinearGaugeOptions) {
+    const dataKey = this.ctx.data[0].dataKey;
+    const keyColor = settings.defaultColor || dataKey.color;
+
+    const barStrokeColor = tinycolor(keyColor).darken().setAlpha(0.6).toRgbString();
+    const progressColorStart = tinycolor(keyColor).setAlpha(0.05).toRgbString();
+    const progressColorEnd = tinycolor(keyColor).darken().toRgbString();
+
+    gaugeData.barStrokeWidth = (isDefined(settings.barStrokeWidth) && settings.barStrokeWidth !== null) ? settings.barStrokeWidth : 2.5;
+    gaugeData.colorBarStroke = settings.colorBarStroke || barStrokeColor;
+    gaugeData.colorBar = settings.colorBar || '#fff';
+    gaugeData.colorBarEnd = settings.colorBarEnd || '#ddd';
+    gaugeData.colorBarProgress = settings.colorBarProgress || progressColorStart;
+    gaugeData.colorBarProgressEnd = settings.colorBarProgressEnd || progressColorEnd;
+  }
+
+  protected createGauge(gaugeData: LinearGaugeOptions): BaseGauge {
+    return new LinearGauge(gaugeData);
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/analogue-radial-gauge.models.ts b/ui-ngx/src/app/modules/home/components/widget/lib/analogue-radial-gauge.models.ts
new file mode 100644
index 0000000000..6b7a65e7e8
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/analogue-radial-gauge.models.ts
@@ -0,0 +1,52 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { JsonSettingsSchema } from '@shared/models/widget.models';
+import { AnalogueGaugeSettings, analogueGaugeSettingsSchema } from '@home/components/widget/lib/analogue-gauge.models';
+import { deepClone } from '@core/utils';
+
+export interface AnalogueRadialGaugeSettings extends AnalogueGaugeSettings {
+  startAngle: number;
+  ticksAngle: number;
+  needleCircleSize: number;
+}
+
+export function getAnalogueRadialGaugeSettingsSchema(): JsonSettingsSchema {
+  const analogueRadialGaugeSettingsSchema = deepClone(analogueGaugeSettingsSchema);
+  analogueRadialGaugeSettingsSchema.schema.properties =
+  {...analogueRadialGaugeSettingsSchema.schema.properties, ...{
+         startAngle: {
+          title: 'Start ticks angle',
+          type: 'number',
+          default: 45
+        },
+        ticksAngle: {
+          title: 'Ticks angle',
+          type: 'number',
+          default: 270
+        },
+        needleCircleSize: {
+          title: 'Needle circle size',
+          type: 'number',
+          default: 10
+  }}};
+  analogueRadialGaugeSettingsSchema.form.unshift(
+    'startAngle',
+    'ticksAngle',
+    'needleCircleSize'
+  );
+  return analogueRadialGaugeSettingsSchema;
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/analogue-radial-gauge.ts b/ui-ngx/src/app/modules/home/components/widget/lib/analogue-radial-gauge.ts
new file mode 100644
index 0000000000..38ddc7f536
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/analogue-radial-gauge.ts
@@ -0,0 +1,64 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import * as CanvasGauges from 'canvas-gauges';
+import {
+  AnalogueRadialGaugeSettings, getAnalogueRadialGaugeSettingsSchema
+} from '@home/components/widget/lib/analogue-radial-gauge.models';
+import { JsonSettingsSchema } from '@shared/models/widget.models';
+import { WidgetContext } from '@home/models/widget-component.models';
+import { TbAnalogueGauge } from '@home/components/widget/lib/analogue-gauge.models';
+import RadialGauge = CanvasGauges.RadialGauge;
+import RadialGaugeOptions = CanvasGauges.RadialGaugeOptions;
+import BaseGauge = CanvasGauges.BaseGauge;
+
+const analogueRadialGaugeSettingsSchemaValue = getAnalogueRadialGaugeSettingsSchema();
+
+export class TbAnalogueRadialGauge extends TbAnalogueGauge<AnalogueRadialGaugeSettings,RadialGaugeOptions>{
+
+  static get settingsSchema(): JsonSettingsSchema {
+    return analogueRadialGaugeSettingsSchemaValue;
+  }
+
+  constructor(ctx: WidgetContext, canvasId: string) {
+    super(ctx, canvasId);
+  }
+
+  protected prepareGaugeOptions(settings: AnalogueRadialGaugeSettings, gaugeData: RadialGaugeOptions) {
+    gaugeData.ticksAngle = settings.ticksAngle || 270;
+    gaugeData.startAngle = settings.startAngle || 45;
+
+    // colors
+
+    gaugeData.colorNeedleCircleOuter = '#f0f0f0';
+    gaugeData.colorNeedleCircleOuterEnd = '#ccc';
+    gaugeData.colorNeedleCircleInner = '#e8e8e8'; // tinycolor(keyColor).lighten(30).toRgbString(),//'#e8e8e8',
+    gaugeData.colorNeedleCircleInnerEnd = '#f5f5f5';
+
+    // needle
+    gaugeData.needleCircleSize = settings.needleCircleSize || 10;
+    gaugeData.needleCircleInner = true;
+    gaugeData.needleCircleOuter = true;
+
+    // custom animations
+    gaugeData.animationTarget = 'needle'; // 'needle' or 'plate'
+  }
+
+  protected createGauge(gaugeData: RadialGaugeOptions): BaseGauge {
+    return new RadialGauge(gaugeData);
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/canvas-digital-gauge.ts b/ui-ngx/src/app/modules/home/components/widget/lib/canvas-digital-gauge.ts
new file mode 100644
index 0000000000..b50a00213b
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/canvas-digital-gauge.ts
@@ -0,0 +1,936 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import * as CanvasGauges from 'canvas-gauges';
+import GenericOptions = CanvasGauges.GenericOptions;
+import BaseGauge = CanvasGauges.BaseGauge;
+import { FontStyle, FontWeight } from '@home/components/widget/lib/settings.models';
+import * as tinycolor_ from 'tinycolor2';
+import { ColorFormats } from 'tinycolor2';
+import { isDefined, isUndefined } from '@core/utils';
+
+const tinycolor = tinycolor_;
+
+export type GaugeType = 'arc' | 'donut' | 'horizontalBar' | 'verticalBar';
+
+export interface DigitalGaugeColorRange {
+  pct: number;
+  color: ColorFormats.RGBA;
+  rgbString: string;
+}
+
+export interface CanvasDigitalGaugeOptions extends GenericOptions {
+  gaugeType?: GaugeType;
+  gaugeWithScale?: number;
+  dashThickness?: number;
+  roundedLineCap?: boolean;
+  gaugeColor?: string;
+  levelColors?: string[];
+  symbol?: string;
+  label?: string;
+  hideValue?: boolean;
+  hideMinMax?: boolean;
+  fontTitle?: string;
+  fontValue?: string;
+  fontMinMaxSize?: number;
+  fontMinMaxStyle?: FontStyle;
+  fontMinMaxWeight?: FontWeight;
+  colorMinMax?: string;
+  fontMinMax?: string;
+  fontLabelSize?: number;
+  fontLabelStyle?: FontStyle;
+  fontLabelWeight?: FontWeight;
+  colorLabel?: string;
+  colorValue?: string;
+  fontLabel?: string;
+  neonGlowBrightness?: number;
+  isMobile?: boolean;
+  donutStartAngle?: number;
+  donutEndAngle?: number;
+
+  colorsRange?: DigitalGaugeColorRange[];
+  neonColorsRange?: DigitalGaugeColorRange[];
+  neonColorTitle?: string;
+  neonColorLabel?: string;
+  neonColorValue?: string;
+  neonColorMinMax?: string;
+  timestamp?: number;
+  gaugeWidthScale?: number;
+  fontTitleHeight?: FontHeightInfo;
+  fontLabelHeight?: FontHeightInfo;
+  fontValueHeight?: FontHeightInfo;
+  fontMinMaxHeight?: FontHeightInfo;
+
+  showTimestamp?: boolean;
+}
+
+const defaultDigitalGaugeOptions: CanvasDigitalGaugeOptions = { ...GenericOptions,
+  ...{
+    gaugeType: 'arc',
+    gaugeWithScale: 0.75,
+    dashThickness: 0,
+    roundedLineCap: false,
+
+    gaugeColor: '#777',
+    levelColors: ['blue'],
+
+    symbol: '',
+    label: '',
+    hideValue: false,
+    hideMinMax: false,
+
+    fontTitle: 'Roboto',
+
+    fontValue: 'Roboto',
+
+    fontMinMaxSize: 10,
+    fontMinMaxStyle: 'normal',
+    fontMinMaxWeight: '500',
+    colorMinMax: '#eee',
+    fontMinMax: 'Roboto',
+
+    fontLabelSize: 8,
+    fontLabelStyle: 'normal',
+    fontLabelWeight: '500',
+    colorLabel: '#eee',
+    fontLabel: 'Roboto',
+
+    neonGlowBrightness: 0,
+
+    isMobile: false
+  }
+};
+
+BaseGauge.initialize('CanvasDigitalGauge', defaultDigitalGaugeOptions);
+
+interface HTMLCanvasElementClone extends HTMLCanvasElement {
+  initialized?: boolean;
+  renderedTimestamp?: number;
+  renderedValue?: number;
+  renderedProgress?: string;
+}
+
+interface DigitalGaugeCanvasRenderingContext2D extends CanvasRenderingContext2D {
+  barDimensions?: BarDimensions;
+  currentColor?: string;
+}
+
+interface BarDimensions {
+  baseX: number;
+  baseY: number;
+  width: number;
+  height: number;
+  origBaseX?: number;
+  origBaseY?: number;
+  fontSizeFactor?: number;
+  Ro?: number;
+  Cy?: number;
+  titleY?: number;
+  titleBottom?: number;
+  Ri?: number;
+  Cx?: number;
+  strokeWidth?: number;
+  Rm?: number;
+  fontValueBaseline?: CanvasTextBaseline;
+  fontMinMaxBaseline?: CanvasTextBaseline;
+  fontMinMaxAlign?: CanvasTextAlign;
+  labelY?: number;
+  valueY?: number;
+  minY?: number;
+  maxY?: number;
+  minX?: number;
+  maxX?: number;
+  barTop?: number;
+  barBottom?: number;
+  barLeft?: number;
+  barRight?: number;
+  dashLength?: number;
+}
+
+interface FontHeightInfo {
+  ascent?: number;
+  height?: number;
+  descent?: number;
+}
+
+export class Drawings {
+  static font(options: CanvasGauges.GenericOptions, target: string, baseSize: number): string {
+    return options['font' + target + 'Style'] + ' ' +
+      options['font' + target + 'Weight'] + ' ' +
+      options['font' + target + 'Size'] * baseSize + 'px ' +
+      options['font' + target];
+  }
+  static normalizedValue(options: CanvasGauges.GenericOptions): {normal: number, indented: number} {
+    const value = options.value;
+    const min = options.minValue;
+    const max = options.maxValue;
+    const dt = (max - min) * 0.01;
+    return {
+      normal: value < min ? min : value > max ? max : value,
+      indented: value < min ? min - dt : value > max ? max + dt : value
+    };
+  }
+  static verifyError(err: any) {
+    if (err instanceof DOMException && (err as any).result === 0x8053000b) {
+      return ; // ignore it
+    }
+    throw err;
+  }
+}
+
+export class CanvasDigitalGauge extends BaseGauge {
+
+  static heightCache: {[key: string]: FontHeightInfo} = {};
+
+  private elementValueClone: HTMLCanvasElementClone;
+  private contextValueClone: DigitalGaugeCanvasRenderingContext2D;
+
+  private elementProgressClone: HTMLCanvasElementClone;
+  private contextProgressClone: DigitalGaugeCanvasRenderingContext2D;
+
+  public _value: number;
+
+  constructor(options: CanvasDigitalGaugeOptions) {
+    options = {...defaultDigitalGaugeOptions,...(options || {})};
+    super(CanvasDigitalGauge.configure(options));
+    this.initValueClone();
+  }
+
+  static configure(options: CanvasDigitalGaugeOptions): CanvasDigitalGaugeOptions {
+
+    if (options.value > options.maxValue) {
+      options.value = options.maxValue;
+    }
+
+    if (options.value < options.minValue) {
+      options.value = options.minValue;
+    }
+
+    if (options.gaugeType === 'donut') {
+      if (!options.donutStartAngle) {
+        options.donutStartAngle = 1.5 * Math.PI;
+      }
+      if (!options.donutEndAngle) {
+        options.donutEndAngle = options.donutStartAngle + 2 * Math.PI;
+      }
+    }
+
+    const colorsCount = options.levelColors.length;
+    const inc = colorsCount > 1 ? (1 / (colorsCount - 1)) : 1;
+    options.colorsRange = [];
+    if (options.neonGlowBrightness) {
+      options.neonColorsRange = [];
+    }
+    for (let i = 0; i < options.levelColors.length; i++) {
+      const percentage = inc * i;
+      let tColor = tinycolor(options.levelColors[i]);
+      options.colorsRange[i] = {
+        pct: percentage,
+        color: tColor.toRgb(),
+        rgbString: tColor.toRgbString()
+      };
+      if (options.neonGlowBrightness) {
+        tColor = tinycolor(options.levelColors[i]).brighten(options.neonGlowBrightness);
+        options.neonColorsRange[i] = {
+          pct: percentage,
+          color: tColor.toRgb(),
+          rgbString: tColor.toRgbString()
+        };
+      }
+    }
+
+    if (options.neonGlowBrightness) {
+      options.neonColorTitle = tinycolor(options.colorTitle).brighten(options.neonGlowBrightness).toHexString();
+      options.neonColorLabel = tinycolor(options.colorLabel).brighten(options.neonGlowBrightness).toHexString();
+      options.neonColorValue = tinycolor(options.colorValue).brighten(options.neonGlowBrightness).toHexString();
+      options.neonColorMinMax = tinycolor(options.colorMinMax).brighten(options.neonGlowBrightness).toHexString();
+    }
+
+    return options;
+  }
+
+  private initValueClone() {
+    const canvas = this.canvas;
+    this.elementValueClone = canvas.element.cloneNode(true) as HTMLCanvasElementClone;
+    this.contextValueClone = this.elementValueClone.getContext('2d');
+    this.elementValueClone.initialized = false;
+
+    this.contextValueClone.translate(canvas.drawX, canvas.drawY);
+    this.contextValueClone.save();
+
+    this.elementProgressClone = canvas.element.cloneNode(true) as HTMLCanvasElementClone;
+    this.contextProgressClone = this.elementProgressClone.getContext('2d');
+    this.elementProgressClone.initialized = false;
+
+    this.contextProgressClone.translate(canvas.drawX, canvas.drawY);
+    this.contextProgressClone.save();
+  }
+
+  destroy() {
+    this.contextValueClone = null;
+    this.elementValueClone = null;
+    this.contextProgressClone = null;
+    this.elementProgressClone = null;
+    super.destroy();
+  }
+
+  update(options: GenericOptions): BaseGauge {
+    this.canvas.onRedraw = null;
+    const result = super.update(options);
+    this.initValueClone();
+    this.canvas.onRedraw = this.draw.bind(this);
+    this.draw();
+    return result;
+  }
+
+  set timestamp(timestamp: number) {
+    (this.options as CanvasDigitalGaugeOptions).timestamp = timestamp;
+    this.draw();
+  }
+
+  get timestamp(): number {
+    return (this.options as CanvasDigitalGaugeOptions).timestamp;
+  }
+
+  draw(): CanvasDigitalGauge {
+    try {
+      const canvas = this.canvas;
+      if (!canvas.drawWidth || !canvas.drawHeight) {
+        return this;
+      }
+      const [x, y, w, h] = [
+        -canvas.drawX,
+        -canvas.drawY,
+        canvas.drawWidth,
+        canvas.drawHeight
+      ];
+      const options = this.options as CanvasDigitalGaugeOptions;
+      const elementClone = canvas.elementClone as HTMLCanvasElementClone;
+      if (!elementClone.initialized) {
+        const context = canvas.contextClone;
+
+        // clear the cache
+        context.clearRect(x, y, w, h);
+        context.save();
+
+        const canvasContext = canvas.context as DigitalGaugeCanvasRenderingContext2D;
+
+        canvasContext.barDimensions = barDimensions(context, options, x, y, w, h);
+        this.contextValueClone.barDimensions = canvasContext.barDimensions;
+        this.contextProgressClone.barDimensions = canvasContext.barDimensions;
+
+        drawBackground(context, options);
+
+        drawDigitalTitle(context, options);
+
+        if (!options.showTimestamp) {
+          drawDigitalLabel(context, options);
+        }
+
+        drawDigitalMinMax(context, options);
+
+        elementClone.initialized = true;
+      }
+
+      let valueChanged = false;
+      if (!this.elementValueClone.initialized ||
+           isDefined(this._value) && this.elementValueClone.renderedValue !== this._value ||
+           (options.showTimestamp && this.elementValueClone.renderedTimestamp !== this.timestamp)) {
+        if (isDefined(this._value)) {
+          this.elementValueClone.renderedValue = this._value;
+        }
+        if (isUndefined(this.elementValueClone.renderedValue)) {
+          this.elementValueClone.renderedValue = this.value;
+        }
+        const context = this.contextValueClone;
+        // clear the cache
+        context.clearRect(x, y, w, h);
+        context.save();
+
+        context.drawImage(canvas.elementClone, x, y, w, h);
+        context.save();
+
+        drawDigitalValue(context, options, this.elementValueClone.renderedValue);
+
+        if (options.showTimestamp) {
+          drawDigitalLabel(context, options);
+          this.elementValueClone.renderedTimestamp = this.timestamp;
+        }
+
+        this.elementValueClone.initialized = true;
+
+        valueChanged = true;
+      }
+
+      const progress = (Drawings.normalizedValue(options).normal - options.minValue) /
+        (options.maxValue - options.minValue);
+
+      const fixedProgress = progress.toFixed(3);
+
+      if (!this.elementProgressClone.initialized || this.elementProgressClone.renderedProgress !== fixedProgress || valueChanged) {
+        const context = this.contextProgressClone;
+        // clear the cache
+        context.clearRect(x, y, w, h);
+        context.save();
+
+        context.drawImage(this.elementValueClone, x, y, w, h);
+        context.save();
+
+        if (Number(fixedProgress) > 0) {
+          drawProgress(context, options, progress);
+        }
+
+        this.elementProgressClone.initialized = true;
+        this.elementProgressClone.renderedProgress = fixedProgress;
+      }
+
+      this.canvas.commit();
+
+      // clear the canvas
+      canvas.context.clearRect(x, y, w, h);
+      canvas.context.save();
+
+      canvas.context.drawImage(this.elementProgressClone, x, y, w, h);
+      canvas.context.save();
+
+      // @ts-ignore
+      super.draw();
+
+    } catch (err) {
+      Drawings.verifyError(err);
+    }
+    return this;
+  }
+
+  getValueColor() {
+    if (this.contextProgressClone) {
+      let color = this.contextProgressClone.currentColor;
+      const options = this.options as CanvasDigitalGaugeOptions;
+      if (!color) {
+        const progress = (Drawings.normalizedValue(options).normal - options.minValue) /
+          (options.maxValue - options.minValue);
+        if (options.neonGlowBrightness) {
+          color = getProgressColor(progress, options.neonColorsRange);
+        } else {
+          color = getProgressColor(progress, options.colorsRange);
+        }
+      }
+      return color;
+    } else {
+      return '#000';
+    }
+  }
+}
+
+function barDimensions(context: DigitalGaugeCanvasRenderingContext2D,
+                       options: CanvasDigitalGaugeOptions,
+                       x: number, y: number, w: number, h: number): BarDimensions {
+  context.barDimensions = {
+    baseX: x,
+    baseY: y,
+    width: w,
+    height: h
+  };
+
+  const bd = context.barDimensions;
+
+  let aspect = 1;
+
+  if (options.gaugeType === 'horizontalBar') {
+    aspect = options.title === '' ? 2.5 : 2;
+  } else if (options.gaugeType === 'verticalBar') {
+    aspect = options.hideMinMax ? 0.35 : 0.5;
+  } else if (options.gaugeType === 'arc') {
+    aspect = 1.5;
+  }
+
+  const currentAspect = w / h;
+  if (currentAspect > aspect) {
+    bd.width = (h * aspect);
+    bd.height = h;
+  } else {
+    bd.width = w;
+    bd.height = w / aspect;
+  }
+
+  bd.origBaseX = bd.baseX;
+  bd.origBaseY = bd.baseY;
+  bd.baseX += (w - bd.width) / 2;
+  bd.baseY += (h - bd.height) / 2;
+
+  if (options.gaugeType === 'donut') {
+    bd.fontSizeFactor = Math.max(bd.width, bd.height) / 125;
+  } else if (options.gaugeType === 'verticalBar' || (options.gaugeType === 'arc' && options.title === '')) {
+    bd.fontSizeFactor = Math.max(bd.width, bd.height) / 150;
+  } else {
+    bd.fontSizeFactor = Math.max(bd.width, bd.height) / 200;
+  }
+
+  const gws = options.gaugeWidthScale;
+
+  if (options.neonGlowBrightness) {
+    options.fontTitleHeight = determineFontHeight(options, 'Title', bd.fontSizeFactor);
+    options.fontLabelHeight = determineFontHeight(options, 'Label', bd.fontSizeFactor);
+    options.fontValueHeight = determineFontHeight(options, 'Value', bd.fontSizeFactor);
+    options.fontMinMaxHeight = determineFontHeight(options, 'MinMax', bd.fontSizeFactor);
+  }
+
+  if (options.gaugeType === 'donut') {
+    bd.Ro = bd.width / 2 - bd.width / 20;
+    bd.Cy = bd.baseY + bd.height / 2;
+    if (options.title && typeof options.title === 'string' && options.title.length > 0) {
+      let titleOffset = determineFontHeight(options, 'Title', bd.fontSizeFactor).height;
+      titleOffset += bd.fontSizeFactor * 2;
+      bd.titleY = bd.baseY + titleOffset;
+      titleOffset += bd.fontSizeFactor * 2;
+      bd.Cy += titleOffset/2;
+      bd.Ro -= titleOffset/2;
+    }
+    bd.Ri = bd.Ro - bd.width / 6.666666666666667 * gws * 1.2;
+    bd.Cx = bd.baseX + bd.width / 2;
+  } else if (options.gaugeType === 'arc') {
+    if (options.title && typeof options.title === 'string' && options.title.length > 0) {
+      bd.Ro = bd.width / 2 - bd.width / 7;
+      bd.Ri = bd.Ro - bd.width / 6.666666666666667 * gws;
+    } else {
+      bd.Ro = bd.width / 2 - bd.fontSizeFactor * 4;
+      bd.Ri = bd.Ro - bd.width / 6.666666666666667 * gws * 1.2;
+    }
+    bd.Cx = bd.baseX + bd.width / 2;
+    bd.Cy = bd.baseY + bd.height / 1.25;
+  } else if (options.gaugeType === 'verticalBar') {
+    bd.Ro = bd.width / 2 - bd.width / 10;
+    bd.Ri = bd.Ro - bd.width / 6.666666666666667 * gws * (options.hideMinMax ? 4 : 2.5);
+  } else { // horizontalBar
+    bd.Ro = bd.width / 2 - bd.width / 10;
+    bd.Ri = bd.Ro - bd.width / 6.666666666666667 * gws;
+  }
+
+  bd.strokeWidth = bd.Ro - bd.Ri;
+  bd.Rm = bd.Ri + bd.strokeWidth * 0.5;
+
+  bd.fontValueBaseline = 'alphabetic';
+  bd.fontMinMaxBaseline = 'alphabetic';
+  bd.fontMinMaxAlign = 'center';
+
+  if (options.gaugeType === 'donut') {
+    bd.fontValueBaseline = 'middle';
+    if (options.label && options.label.length > 0) {
+      const valueHeight = determineFontHeight(options, 'Value', bd.fontSizeFactor).height;
+      const labelHeight = determineFontHeight(options, 'Label', bd.fontSizeFactor).height;
+      const total = valueHeight + labelHeight;
+      bd.labelY = bd.Cy + total/2;
+      bd.valueY = bd.Cy - total/2 + valueHeight/2;
+    } else {
+      bd.valueY = bd.Cy;
+    }
+  } else if (options.gaugeType === 'arc') {
+    bd.titleY = bd.Cy - bd.Ro - 12 * bd.fontSizeFactor;
+    bd.valueY = bd.Cy;
+    bd.labelY = bd.Cy + (8 + options.fontLabelSize) * bd.fontSizeFactor;
+    bd.minY = bd.maxY = bd.labelY;
+    if (options.roundedLineCap) {
+      bd.minY += bd.strokeWidth/2;
+      bd.maxY += bd.strokeWidth/2;
+    }
+    bd.minX = bd.Cx - bd.Rm;
+    bd.maxX = bd.Cx + bd.Rm;
+  } else if (options.gaugeType === 'horizontalBar') {
+    bd.titleY = bd.baseY + 4 * bd.fontSizeFactor +
+      (options.title === '' ? 0 : options.fontTitleSize * bd.fontSizeFactor);
+    bd.titleBottom = bd.titleY + (options.title === '' ? 0 : 4) * bd.fontSizeFactor;
+
+    bd.valueY = bd.titleBottom +
+      (options.hideValue ? 0 : options.fontValueSize * bd.fontSizeFactor);
+
+    bd.barTop = bd.valueY + 8 * bd.fontSizeFactor;
+    bd.barBottom = bd.barTop + bd.strokeWidth;
+
+    if (options.hideMinMax && options.label === '') {
+      bd.labelY = bd.barBottom;
+      bd.barLeft = bd.origBaseX + options.fontMinMaxSize/3 * bd.fontSizeFactor;
+      bd.barRight = bd.origBaseX + w + /*bd.width*/ - options.fontMinMaxSize/3 * bd.fontSizeFactor;
+    } else {
+      context.font = Drawings.font(options, 'MinMax', bd.fontSizeFactor);
+      const minTextWidth  = context.measureText(options.minValue+'').width;
+      const maxTextWidth  = context.measureText(options.maxValue+'').width;
+      const maxW = Math.max(minTextWidth, maxTextWidth);
+      bd.minX = bd.origBaseX + maxW/2 + options.fontMinMaxSize/3 * bd.fontSizeFactor;
+      bd.maxX = bd.origBaseX + w + /*bd.width*/ - maxW/2 - options.fontMinMaxSize/3 * bd.fontSizeFactor;
+      bd.barLeft = bd.minX;
+      bd.barRight = bd.maxX;
+      bd.labelY = bd.barBottom + (8 + options.fontLabelSize) * bd.fontSizeFactor;
+      bd.minY = bd.maxY = bd.labelY;
+    }
+  } else if (options.gaugeType === 'verticalBar') {
+    bd.titleY = bd.baseY + ((options.title === '' ? 0 : options.fontTitleSize) + 8) * bd.fontSizeFactor;
+    bd.titleBottom = bd.titleY + (options.title === '' ? 0 : 4) * bd.fontSizeFactor;
+
+    bd.valueY = bd.titleBottom + (options.hideValue ? 0 : options.fontValueSize * bd.fontSizeFactor);
+    bd.barTop = bd.valueY + 8 * bd.fontSizeFactor;
+
+    bd.labelY = bd.baseY + bd.height - 16;
+    if (options.label === '') {
+      bd.barBottom = bd.labelY;
+    } else {
+      bd.barBottom = bd.labelY - (8 + options.fontLabelSize) * bd.fontSizeFactor;
+    }
+    bd.minX = bd.maxX =
+      bd.baseX + bd.width/2 + bd.strokeWidth/2 + options.fontMinMaxSize/3 * bd.fontSizeFactor;
+    bd.minY = bd.barBottom;
+    bd.maxY = bd.barTop;
+    bd.fontMinMaxBaseline = 'middle';
+    bd.fontMinMaxAlign = 'left';
+  }
+
+  if (options.dashThickness) {
+    let circumference;
+    if (options.gaugeType === 'donut') {
+      circumference = Math.PI * bd.Rm * 2;
+    } else if (options.gaugeType === 'arc') {
+      circumference = Math.PI * bd.Rm;
+    } else if (options.gaugeType === 'horizontalBar') {
+      circumference = bd.barRight - bd.barLeft;
+    } else if (options.gaugeType === 'verticalBar') {
+      circumference = bd.barBottom - bd.barTop;
+    }
+    let dashCount = Math.floor(circumference / (options.dashThickness * bd.fontSizeFactor));
+    if (options.gaugeType === 'donut') {
+      // tslint:disable-next-line:no-bitwise
+      dashCount = (dashCount | 1) - 1;
+    } else {
+      // tslint:disable-next-line:no-bitwise
+      dashCount = (dashCount - 1) | 1;
+    }
+    bd.dashLength = Math.ceil(circumference/dashCount);
+  }
+
+  return bd;
+}
+
+function determineFontHeight (options: CanvasDigitalGaugeOptions, target: string, baseSize: number): FontHeightInfo {
+  const fontStyleStr = 'font-style:' + options['font' + target + 'Style'] + ';font-weight:' +
+    options['font' + target + 'Weight'] + ';font-size:' +
+    options['font' + target + 'Size'] * baseSize + 'px;font-family:' +
+    options['font' + target];
+  let result = CanvasDigitalGauge.heightCache[fontStyleStr];
+  if (!result) {
+    const fontStyle = {
+      fontFamily: options['font' + target],
+      fontSize: options['font' + target + 'Size'] * baseSize + 'px',
+      fontWeight: options['font' + target + 'Weight'],
+      fontStyle: options['font' + target + 'Style']
+    };
+    const text = $('<span>Hg</span>').css(fontStyle);
+    const block = $('<div style="display: inline-block; width: 1px; height: 0px;"></div>');
+
+    const div = $('<div></div>');
+    div.append(text, block);
+
+    const body = $('body');
+    body.append(div);
+
+    try {
+      result = {};
+      block.css({ verticalAlign: 'baseline' });
+      result.ascent = block.offset().top - text.offset().top;
+      block.css({ verticalAlign: 'bottom' });
+      result.height = block.offset().top - text.offset().top;
+      result.descent = result.height - result.ascent;
+    } finally {
+      div.remove();
+    }
+
+    CanvasDigitalGauge.heightCache[fontStyleStr] = result;
+  }
+  return result;
+}
+
+function drawBackground(context: DigitalGaugeCanvasRenderingContext2D, options: CanvasDigitalGaugeOptions) {
+  const {barLeft, barRight, barTop, barBottom, width, baseX, strokeWidth} =
+    context.barDimensions;
+  if (context.barDimensions.dashLength) {
+    context.setLineDash([context.barDimensions.dashLength]);
+  }
+  context.beginPath();
+  context.strokeStyle = options.gaugeColor;
+  context.lineWidth = strokeWidth;
+  if (options.roundedLineCap) {
+    context.lineCap = 'round';
+  }
+  if (options.gaugeType === 'donut') {
+    context.arc(context.barDimensions.Cx, context.barDimensions.Cy, context.barDimensions.Rm,
+      options.donutStartAngle, options.donutEndAngle);
+    context.stroke();
+  } else if (options.gaugeType === 'arc') {
+    context.arc(context.barDimensions.Cx, context.barDimensions.Cy,
+      context.barDimensions.Rm, Math.PI, 2*Math.PI);
+    context.stroke();
+  } else if (options.gaugeType === 'horizontalBar') {
+    context.moveTo(barLeft,barTop + strokeWidth/2);
+    context.lineTo(barRight,barTop + strokeWidth/2);
+    context.stroke();
+  } else if (options.gaugeType === 'verticalBar') {
+    context.moveTo(baseX + width/2, barBottom);
+    context.lineTo(baseX + width/2, barTop);
+    context.stroke();
+  }
+}
+
+function drawText(context: DigitalGaugeCanvasRenderingContext2D, options: CanvasDigitalGaugeOptions,
+                  target: string, text: string, textX: number, textY: number) {
+  context.fillStyle = options[(options.neonGlowBrightness ? 'neonColor' : 'color') + target];
+  context.fillText(text, textX, textY);
+}
+
+function drawDigitalTitle(context: DigitalGaugeCanvasRenderingContext2D, options: CanvasDigitalGaugeOptions) {
+  if (!options.title || typeof options.title !== 'string') return;
+
+  const {titleY, width, baseX, fontSizeFactor} =
+    context.barDimensions;
+
+  const textX = Math.round(baseX + width / 2);
+  const textY = titleY;
+
+  context.save();
+  context.textAlign = 'center';
+  context.font = Drawings.font(options, 'Title', fontSizeFactor);
+  context.lineWidth = 0;
+  drawText(context, options, 'Title', options.title.toUpperCase(), textX, textY);
+}
+
+function drawDigitalLabel(context: DigitalGaugeCanvasRenderingContext2D, options: CanvasDigitalGaugeOptions) {
+  if (!options.label || options.label === '') return;
+
+  const {labelY, baseX, width, fontSizeFactor} =
+    context.barDimensions;
+
+  const textX = Math.round(baseX + width / 2);
+  const textY = labelY;
+
+  context.save();
+  context.textAlign = 'center';
+  context.font = Drawings.font(options, 'Label', fontSizeFactor);
+  context.lineWidth = 0;
+  drawText(context, options, 'Label', options.label.toUpperCase(), textX, textY);
+}
+
+function drawDigitalMinMax(context: DigitalGaugeCanvasRenderingContext2D, options: CanvasDigitalGaugeOptions) {
+  if (options.hideMinMax || options.gaugeType === 'donut') return;
+
+  const {minY, maxY, minX, maxX, fontSizeFactor, fontMinMaxAlign, fontMinMaxBaseline} =
+    context.barDimensions;
+
+  context.save();
+  context.textAlign = fontMinMaxAlign;
+  context.textBaseline = fontMinMaxBaseline;
+  context.font = Drawings.font(options, 'MinMax', fontSizeFactor);
+  context.lineWidth = 0;
+  drawText(context, options, 'MinMax', options.minValue+'', minX, minY);
+  drawText(context, options, 'MinMax', options.maxValue+'', maxX, maxY);
+}
+
+function padValue(val: any, options: CanvasDigitalGaugeOptions): string {
+  const dec = options.valueDec;
+  let strVal;
+  let n;
+
+  val = parseFloat(val);
+  n = (val < 0);
+  val = Math.abs(val);
+
+  if (dec > 0) {
+    strVal = val.toFixed(dec).toString()
+  } else {
+    strVal = Math.round(val).toString();
+  }
+  strVal = (n ? '-' : '') + strVal;
+  return strVal;
+}
+
+function drawDigitalValue(context: DigitalGaugeCanvasRenderingContext2D, options: CanvasDigitalGaugeOptions, value: any) {
+  if (options.hideValue) return;
+
+  const {valueY, baseX, width, fontSizeFactor, fontValueBaseline} =
+    context.barDimensions;
+
+  const textX = Math.round(baseX + width / 2);
+  const textY = valueY;
+
+  let text = options.valueText || padValue(value, options);
+  text += options.symbol;
+
+  context.save();
+  context.textAlign = 'center';
+  context.textBaseline = fontValueBaseline;
+  context.font = Drawings.font(options, 'Value', fontSizeFactor);
+  context.lineWidth = 0;
+  drawText(context, options, 'Value', text, textX, textY);
+}
+
+function getProgressColor(progress: number, colorsRange: DigitalGaugeColorRange[]): string {
+
+  if (progress === 0 || colorsRange.length === 1) {
+    return colorsRange[0].rgbString;
+  }
+
+  for (let j = 0; j < colorsRange.length; j++) {
+    if (progress <= colorsRange[j].pct) {
+      const lower = colorsRange[j - 1];
+      const upper = colorsRange[j];
+      const range = upper.pct - lower.pct;
+      const rangePct = (progress - lower.pct) / range;
+      const pctLower = 1 - rangePct;
+      const pctUpper = rangePct;
+      const color = tinycolor({
+        r: Math.floor(lower.color.r * pctLower + upper.color.r * pctUpper),
+        g: Math.floor(lower.color.g * pctLower + upper.color.g * pctUpper),
+        b: Math.floor(lower.color.b * pctLower + upper.color.b * pctUpper)
+      });
+      return color.toRgbString();
+    }
+  }
+}
+
+function drawArcGlow(context: DigitalGaugeCanvasRenderingContext2D,
+                     Cx: number, Cy: number, Ri: number, Rm: number, Ro: number,
+                     color: string, progress: number, isDonut: boolean,
+                     donutStartAngle?: number, donutEndAngle?: number) {
+  context.setLineDash([]);
+  const strokeWidth = Ro - Ri;
+  const blur = 0.55;
+  const edge = strokeWidth*blur;
+  context.lineWidth = strokeWidth+edge;
+  const stop = blur/(2*blur+2);
+  const glowGradient = context.createRadialGradient(Cx,Cy,Ri-edge/2,Cx,Cy,Ro+edge/2);
+  const color1 = tinycolor(color).setAlpha(0.5).toRgbString();
+  const color2 = tinycolor(color).setAlpha(0).toRgbString();
+  glowGradient.addColorStop(0,color2);
+  glowGradient.addColorStop(stop,color1);
+  glowGradient.addColorStop(1.0-stop,color1);
+  glowGradient.addColorStop(1,color2);
+  context.strokeStyle = glowGradient;
+  context.beginPath();
+  const e = 0.01 * Math.PI;
+  if (isDonut) {
+    context.arc(Cx, Cy, Rm, donutStartAngle - e, donutStartAngle +
+      (donutEndAngle - donutStartAngle) * progress + e);
+  } else {
+    context.arc(Cx, Cy, Rm, Math.PI - e, Math.PI + Math.PI * progress + e);
+  }
+  context.stroke();
+}
+
+function drawBarGlow(context: DigitalGaugeCanvasRenderingContext2D, startX: number, startY: number,
+                     endX: number, endY: number, color: string, strokeWidth: number, isVertical: boolean) {
+  context.setLineDash([]);
+  const blur = 0.55;
+  const edge = strokeWidth*blur;
+  context.lineWidth = strokeWidth+edge;
+  const stop = blur/(2*blur+2);
+  const gradientStartX = isVertical ? startX - context.lineWidth/2 : 0;
+  const gradientStartY = isVertical ? 0 : startY - context.lineWidth/2;
+  const gradientStopX = isVertical ? startX + context.lineWidth/2 : 0;
+  const gradientStopY = isVertical ? 0 : startY + context.lineWidth/2;
+
+  const glowGradient = context.createLinearGradient(gradientStartX,gradientStartY,gradientStopX,gradientStopY);
+  const color1 = tinycolor(color).setAlpha(0.5).toRgbString();
+  const color2 = tinycolor(color).setAlpha(0).toRgbString();
+  glowGradient.addColorStop(0,color2);
+  glowGradient.addColorStop(stop,color1);
+  glowGradient.addColorStop(1.0-stop,color1);
+  glowGradient.addColorStop(1,color2);
+  context.strokeStyle = glowGradient;
+  const dx = isVertical ? 0 : 0.05 * context.lineWidth;
+  const dy = isVertical ? 0.05 * context.lineWidth : 0;
+  context.beginPath();
+  context.moveTo(startX - dx, startY + dy);
+  context.lineTo(endX + dx, endY - dy);
+  context.stroke();
+}
+
+function drawProgress(context: DigitalGaugeCanvasRenderingContext2D,
+                      options: CanvasDigitalGaugeOptions, progress: number) {
+  let neonColor;
+  if (options.neonGlowBrightness) {
+    context.currentColor = neonColor = getProgressColor(progress, options.neonColorsRange);
+  } else {
+    context.currentColor = context.strokeStyle = getProgressColor(progress, options.colorsRange);
+  }
+
+  const {barLeft, barRight, barTop, baseX, width, barBottom, Cx, Cy, Rm, Ro, Ri, strokeWidth} =
+    context.barDimensions;
+
+  if (context.barDimensions.dashLength) {
+    context.setLineDash([context.barDimensions.dashLength]);
+  }
+  context.lineWidth = strokeWidth;
+  if (options.roundedLineCap) {
+    context.lineCap = 'round';
+  } else {
+    context.lineCap = 'butt';
+  }
+  if (options.gaugeType === 'donut') {
+    if (options.neonGlowBrightness) {
+      context.strokeStyle = neonColor;
+    }
+    context.beginPath();
+    context.arc(Cx, Cy, Rm, options.donutStartAngle, options.donutStartAngle +
+      (options.donutEndAngle - options.donutStartAngle) * progress);
+    context.stroke();
+    if (options.neonGlowBrightness && !options.isMobile) {
+      drawArcGlow(context, Cx, Cy, Ri, Rm, Ro, neonColor, progress, true,
+        options.donutStartAngle, options.donutEndAngle);
+    }
+  } else if (options.gaugeType === 'arc') {
+    if (options.neonGlowBrightness) {
+      context.strokeStyle = neonColor;
+    }
+    context.beginPath();
+    context.arc(Cx, Cy, Rm, Math.PI, Math.PI + Math.PI * progress);
+    context.stroke();
+    if (options.neonGlowBrightness && !options.isMobile) {
+      drawArcGlow(context, Cx, Cy, Ri, Rm, Ro, neonColor, progress, false);
+    }
+  } else if (options.gaugeType === 'horizontalBar') {
+    if (options.neonGlowBrightness) {
+      context.strokeStyle = neonColor;
+    }
+    context.beginPath();
+    context.moveTo(barLeft,barTop + strokeWidth/2);
+    context.lineTo(barLeft + (barRight-barLeft)*progress, barTop + strokeWidth/2);
+    context.stroke();
+    if (options.neonGlowBrightness && !options.isMobile) {
+      drawBarGlow(context, barLeft, barTop + strokeWidth/2,
+        barLeft + (barRight-barLeft)*progress, barTop + strokeWidth/2,
+        neonColor, strokeWidth, false);
+    }
+  } else if (options.gaugeType === 'verticalBar') {
+    if (options.neonGlowBrightness) {
+      context.strokeStyle = neonColor;
+    }
+    context.beginPath();
+    context.moveTo(baseX + width/2, barBottom);
+    context.lineTo(baseX + width/2, barBottom - (barBottom-barTop)*progress);
+    context.stroke();
+    if (options.neonGlowBrightness && !options.isMobile) {
+      drawBarGlow(context, baseX + width/2, barBottom,
+        baseX + width/2, barBottom - (barBottom-barTop)*progress,
+        neonColor, strokeWidth, true);
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.html
new file mode 100644
index 0000000000..2ee1222168
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.html
@@ -0,0 +1,36 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div fxLayout="column" class="mat-content mat-padding">
+  <mat-form-field *ngIf="settings.showTemplate" class="mat-block">
+    <input readonly [ngModel]="model.chosenLabel" matInput type="text">
+  </mat-form-field>
+  <ngx-daterangepicker-material [startDate]="model.startDate"
+                                [endDate]="model.endDate"
+                                [locale]="locale"
+                                [singleDatePicker]="settings.onePanel"
+                                [autoApply]="true" (choosedDate)="choosedDate($event)">
+  </ngx-daterangepicker-material>
+  <div class="tb-panel-actions" fxLayout="row" *ngIf="!settings.autoConfirm">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            style="margin-right: 20px;"
+            type="button" (click)="apply()">
+      {{ 'action.ok' | translate }}
+    </button>
+  </div>
+</div>
diff --git a/application/src/test/java/org/thingsboard/server/controller/nosql/AuthControllerNoSqlTest.java b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.scss
similarity index 64%
rename from application/src/test/java/org/thingsboard/server/controller/nosql/AuthControllerNoSqlTest.java
rename to ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.scss
index 89158a8091..1dcd009e0a 100644
--- a/application/src/test/java/org/thingsboard/server/controller/nosql/AuthControllerNoSqlTest.java
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.scss
@@ -13,14 +13,21 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.controller.nosql;
+.tb-date-range-navigator-panel {
+  overflow: auto;
+  background: #fff;
+  border-radius: 4px;
+  box-shadow:
+    0 7px 8px -4px rgba(0, 0, 0, .2),
+    0 13px 19px 2px rgba(0, 0, 0, .14),
+    0 5px 24px 4px rgba(0, 0, 0, .12);
 
-import org.thingsboard.server.controller.BaseAuthControllerTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
+  .mat-content {
+    overflow: hidden;
+    background-color: #fff;
+  }
 
-/**
- * Created by Valerii Sosliuk on 6/28/2017.
- */
-@DaoNoSqlTest
-public class AuthControllerNoSqlTest extends BaseAuthControllerTest {
+  .mat-padding {
+    padding: 16px;
+  }
 }
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator.component.html
new file mode 100644
index 0000000000..da922d8ca4
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator.component.html
@@ -0,0 +1,56 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="date-range-navigator"
+     [ngClass]="{'short-mode':ctx.width < 400, 'labels-hidden': settings.hideLabels, 'long-mode': ctx.width >= 400}">
+  <mat-form-field class="mat-block" [fxHide]="settings.hidePicker" (click)="openNavigatorPanel($event)">
+    <mat-label *ngIf="!settings.hideLabels" translate>widgets.date-range-navigator.localizationMap.Date picker</mat-label>
+    <mat-select #datePicker [ngModel]="advancedModel.chosenLabel" matInput>
+      <mat-option [value]="advancedModel.chosenLabel">
+        {{advancedModel.chosenLabel}}
+      </mat-option>
+    </mat-select>
+  </mat-form-field>
+  <mat-form-field class="mat-block" [fxHide]="settings.hideInterval">
+    <mat-label translate *ngIf="!settings.hideLabels">widgets.date-range-navigator.localizationMap.Interval</mat-label>
+    <mat-select matInput [(ngModel)]="selectedDateInterval" (ngModelChange)="changeInterval()">
+      <mat-option *ngIf="customInterval" [value]="customInterval.ts">
+        {{'widgets.date-range-navigator.localizationMap.' + customInterval.label | translate}}
+      </mat-option>
+      <mat-option *ngFor="let date of datesMap | keyvalue: originalOrder" [value]="date.value.ts">
+        {{'widgets.date-range-navigator.localizationMap.' + date.value.label | translate}}
+      </mat-option>
+    </mat-select>
+  </mat-form-field>
+
+  <div class="drn__element step" [fxHide]="settings.hideStepSize">
+    <button mat-button mat-icon-button (click)="goBack()">
+      <mat-icon>keyboard_arrow_left</mat-icon>
+    </button>
+    <mat-form-field class="mat-block" fxFlex.gt-sm>
+      <mat-label translate *ngIf="!settings.hideLabels">widgets.date-range-navigator.localizationMap.Step size</mat-label>
+      <mat-select matInput [(ngModel)]="selectedStepSize">
+        <mat-option *ngFor="let date of datesMap | keyvalue: originalOrder" [value]="date.value.ts">
+          {{'widgets.date-range-navigator.localizationMap.' + date.value.label | translate}}
+        </mat-option>
+      </mat-select>
+    </mat-form-field>
+    <button mat-button mat-icon-button (click)="goForth()">
+      <mat-icon>keyboard_arrow_right</mat-icon>
+    </button>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator.component.scss
new file mode 100644
index 0000000000..5663801189
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator.component.scss
@@ -0,0 +1,108 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  display: flex;
+  height: 100%;
+
+  .date-range-navigator {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-evenly;
+    width: 100%;
+    margin: auto;
+
+    .drn__element {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      max-width: 100%;
+      height: 60px;
+      margin: 4px 0;
+    }
+
+    .navigation {
+      md-input-container {
+        margin: 0;
+      }
+    }
+
+    .picker {
+      .picker__wrapper {
+        position: relative;
+        max-width: 100%;
+        padding: 2px;
+
+        > label {
+          position: absolute;
+          right: -3px;
+          bottom: 100%;
+          left: 0;
+          padding-left: 3px;
+          color: #787878;
+          transform: scale(.75);
+          transform-origin: left bottom;
+        }
+      }
+
+      .md-select-value {
+        min-width: 225px;
+        border-color: #e1e1e1;
+
+        .md-select-icon {
+          color: #757575;
+        }
+      }
+    }
+
+    &.short-mode {
+      display: block;
+      width: 90%;
+
+      .drn__element {
+        width: 100%;
+
+        md-input-container {
+          flex: 1;
+        }
+      }
+
+      .picker {
+        .picker__wrapper {
+          width: 100%;
+        }
+
+        .md-select-value {
+          min-width: initial;
+        }
+      }
+
+      &.labels-hidden {
+        .drn__element {
+          margin: 0;
+        }
+      }
+    }
+
+    &.long-mode {
+      &.labels-hidden {
+        .drn__element {
+          height: 36px;
+        }
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator.component.ts
new file mode 100644
index 0000000000..b0b86418f1
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator.component.ts
@@ -0,0 +1,307 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  Component,
+  Inject,
+  InjectionToken,
+  Input,
+  OnDestroy,
+  OnInit,
+  ViewChild,
+  ViewContainerRef,
+  ViewEncapsulation
+} from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { WidgetContext } from '@home/models/widget-component.models';
+import { UtilsService } from '@core/services/utils.service';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import {
+  cloneDateRangeNavigatorModel,
+  DateIntervalEntry,
+  dateIntervalsMap,
+  DateRangeNavigatorModel,
+  DateRangeNavigatorSettings,
+  getFormattedDate
+} from '@home/components/widget/lib/date-range-navigator/date-range-navigator.models';
+import { DatePipe, KeyValue } from '@angular/common';
+import * as _moment from 'moment';
+import { ConnectedPosition, Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
+import { ComponentPortal, PortalInjector } from '@angular/cdk/portal';
+import { MatSelect } from '@angular/material/select';
+import { Subscription } from 'rxjs';
+import { HistoryWindowType, TimewindowType } from '@shared/models/time/time.models';
+import { isDefined } from '@core/utils';
+
+@Component({
+  selector: 'tb-date-range-navigator-widget',
+  templateUrl: './date-range-navigator.component.html',
+  styleUrls: ['./date-range-navigator.component.scss']
+})
+export class DateRangeNavigatorWidgetComponent extends PageComponent implements OnInit, OnDestroy {
+
+  @Input()
+  ctx: WidgetContext;
+
+  @ViewChild('datePicker', {static: true}) datePickerSelect: MatSelect;
+
+  settings: DateRangeNavigatorSettings;
+
+  datesMap = dateIntervalsMap;
+
+  advancedModel: DateRangeNavigatorModel = {};
+
+  selectedDateInterval: number;
+  customInterval: DateIntervalEntry;
+  selectedStepSize: number;
+
+  private firstUpdate = true;
+  private dashboardTimewindowChangedSubscription: Subscription;
+
+  originalOrder = (a: KeyValue<number,DateIntervalEntry>, b: KeyValue<number,DateIntervalEntry>): number => {
+    return 0;
+  };
+
+  constructor(private utils: UtilsService,
+              private overlay: Overlay,
+              private viewContainerRef: ViewContainerRef,
+              protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+    this.dashboardTimewindowChangedSubscription = this.ctx.dashboard.dashboardTimewindowChanged.subscribe(() => {
+      this.widgetContextTimewindowSync();
+    });
+    this.settings = this.ctx.settings;
+    this.settings.useSessionStorage = isDefined(this.settings.useSessionStorage) ? this.settings.useSessionStorage : true;
+    let selection;
+    if (this.settings.useSessionStorage) {
+      selection = this.readFromStorage('date-range');
+    }
+    if (selection) {
+      this.advancedModel = {
+        chosenLabel: selection.name,
+        startDate: _moment(selection.start),
+        endDate: _moment(selection.end)
+      };
+    } else {
+      const end = new Date();
+      end.setHours(23, 59, 59, 999);
+      this.advancedModel = {
+        startDate: _moment((end.getTime() + 1) - this.datesMap[this.settings.initialInterval || 'week'].ts),
+        endDate: _moment(end.getTime())
+      };
+      this.advancedModel.chosenLabel = getFormattedDate(this.advancedModel);
+    }
+    this.selectedStepSize = this.datesMap[this.settings.stepSize || 'day'].ts;
+    this.widgetContextTimewindowSync();
+  }
+
+  ngOnDestroy(): void {
+    if (this.dashboardTimewindowChangedSubscription) {
+      this.dashboardTimewindowChangedSubscription.unsubscribe();
+      this.dashboardTimewindowChangedSubscription = null;
+    }
+  }
+
+  openNavigatorPanel($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.datePickerSelect.close();
+    const target = $event.target || $event.srcElement || $event.currentTarget;
+    const config = new OverlayConfig();
+    config.backdropClass = 'cdk-overlay-transparent-backdrop';
+    config.hasBackdrop = true;
+    config.panelClass = 'tb-date-range-navigator-panel';
+    const connectedPosition: ConnectedPosition = {
+      originX: 'end',
+      originY: 'bottom',
+      overlayX: 'end',
+      overlayY: 'top'
+    };
+    config.positionStrategy = this.overlay.position().flexibleConnectedTo(target as HTMLElement)
+      .withPositions([connectedPosition]);
+
+    const overlayRef = this.overlay.create(config);
+    overlayRef.backdropClick().subscribe(() => {
+      overlayRef.dispose();
+    });
+    const injectionTokens = new WeakMap<any, any>([
+      [DATE_RANGE_NAVIGATOR_PANEL_DATA, {
+        model: cloneDateRangeNavigatorModel(this.advancedModel),
+        settings: this.settings,
+        onChange: model => {
+          this.advancedModel = model;
+          this.triggerChange();
+        }
+      } as DateRangeNavigatorPanelData],
+      [OverlayRef, overlayRef]
+    ]);
+    const injector = new PortalInjector(this.viewContainerRef.injector, injectionTokens);
+    overlayRef.attach(new ComponentPortal(DateRangeNavigatorPanelComponent,
+      this.viewContainerRef, injector));
+    this.ctx.detectChanges();
+  }
+
+  private widgetContextTimewindowSync() {
+    if (!this.firstUpdate) {
+      this.updateAdvancedModel();
+    }
+    this.updateDateInterval();
+    if (this.settings.useSessionStorage) {
+      this.updateStorageDate();
+    }
+    if (this.firstUpdate) {
+      this.firstUpdate = false;
+      this.updateTimewindow(this.advancedModel.startDate.valueOf(), this.advancedModel.endDate.valueOf());
+    }
+    this.ctx.detectChanges();
+  }
+
+  private updateAdvancedModel() {
+    const timewindow = this.ctx.dashboardTimewindow;
+    if (timewindow.selectedTab === TimewindowType.HISTORY && timewindow.history.historyType === HistoryWindowType.FIXED) {
+      const fixedTimewindow = timewindow.history.fixedTimewindow;
+      this.advancedModel.startDate = _moment(fixedTimewindow.startTimeMs);
+      this.advancedModel.endDate = _moment(fixedTimewindow.endTimeMs);
+      this.advancedModel.chosenLabel = getFormattedDate(this.advancedModel);
+    }
+  }
+
+  private updateTimewindow(startTime: number, endTime: number) {
+   this.ctx.dashboard.onUpdateTimewindow(startTime, endTime, 10, true);
+  }
+
+  private updateDateInterval() {
+    const interval = this.advancedModel.endDate.valueOf() - this.advancedModel.startDate.valueOf();
+
+    for (const key of Object.keys(this.datesMap)) {
+      if (Object.prototype.hasOwnProperty.call(this.datesMap, key)) {
+        if (this.datesMap[key].ts === interval || this.datesMap[key].ts === interval + 1 || this.datesMap[key].ts === interval - 1) {
+          this.selectedDateInterval = this.datesMap[key].ts;
+          this.customInterval = undefined;
+          return;
+        }
+      }
+    }
+
+    this.selectedDateInterval = interval;
+    this.customInterval = {ts: interval, label: 'Custom interval'};
+  }
+
+  triggerChange() {
+    this.updateTimewindow(this.advancedModel.startDate.valueOf(), this.advancedModel.endDate.valueOf());
+  }
+
+  changeInterval() {
+    const endTime = this.ctx.dashboard.dashboardTimewindow.history ?
+      this.ctx.dashboard.dashboardTimewindow.history.fixedTimewindow.endTimeMs :
+      this.advancedModel.endDate.valueOf();
+    this.updateTimewindow(endTime - this.selectedDateInterval / 2, endTime + this.selectedDateInterval / 2);
+  }
+
+  goBack() {
+    this.step(-1);
+  }
+
+  goForth() {
+    this.step(1);
+  }
+
+  private step(direction: number) {
+    const startTime = this.ctx.dashboard.dashboardTimewindow.history ?
+      this.ctx.dashboard.dashboardTimewindow.history.fixedTimewindow.startTimeMs :
+      this.advancedModel.startDate.valueOf();
+    const endTime = this.ctx.dashboard.dashboardTimewindow.history ?
+      this.ctx.dashboard.dashboardTimewindow.history.fixedTimewindow.endTimeMs :
+      this.advancedModel.endDate.valueOf();
+    this.updateTimewindow(startTime + this.selectedStepSize * direction, endTime + this.selectedStepSize * direction);
+  }
+
+  private readFromStorage(itemKey: string): any {
+    if (window.sessionStorage.getItem(itemKey)) {
+      const selection = JSON.parse(window.sessionStorage.getItem(itemKey));
+      selection.start = new Date(parseInt(selection.start, 10));
+      selection.end = new Date(parseInt(selection.end, 10));
+      return selection;
+    }
+    return undefined;
+  }
+
+  private updateStorageDate() {
+    this.saveIntoStorage('date-range', {
+      start: this.advancedModel.startDate.valueOf(),
+      end: this.advancedModel.endDate.valueOf(),
+      name: this.advancedModel.chosenLabel
+    });
+  }
+
+  private saveIntoStorage(keyName: string, selection: any) {
+    if (selection) {
+      window.sessionStorage.setItem(keyName, JSON.stringify(selection));
+    }
+  }
+}
+
+const DATE_RANGE_NAVIGATOR_PANEL_DATA = new InjectionToken<any>('DateRangeNavigatorPanelData');
+
+export interface DateRangeNavigatorPanelData {
+  model: DateRangeNavigatorModel;
+  settings: DateRangeNavigatorSettings;
+  onChange: (model: DateRangeNavigatorModel) => void;
+}
+
+@Component({
+  selector: 'tb-date-range-navigator-panel',
+  templateUrl: './date-range-navigator-panel.component.html',
+  styleUrls: ['./date-range-navigator-panel.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class DateRangeNavigatorPanelComponent {
+
+  settings: DateRangeNavigatorSettings;
+
+  model: DateRangeNavigatorModel;
+
+  locale: any = {};
+
+  constructor(@Inject(DATE_RANGE_NAVIGATOR_PANEL_DATA) public data: DateRangeNavigatorPanelData,
+              private overlayRef: OverlayRef) {
+    this.model = data.model;
+    this.settings = data.settings;
+    this.locale.firstDay = this.settings.firstDayOfWeek || 1;
+    this.locale.daysOfWeek = _moment.weekdaysMin();
+    this.locale.monthNames = _moment.monthsShort();
+  }
+
+  choosedDate($event) {
+    this.model = $event;
+    this.model.chosenLabel = getFormattedDate(this.model);
+    if (this.settings.autoConfirm) {
+      this.data.onChange(this.model);
+      this.overlayRef.dispose();
+    }
+  }
+
+  apply() {
+    this.data.onChange(this.model);
+    this.overlayRef.dispose();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator.models.ts b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator.models.ts
new file mode 100644
index 0000000000..b621ebc535
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator.models.ts
@@ -0,0 +1,109 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import * as _moment from 'moment';
+
+export type DateRangeInterval = 'hour' | 'day' | 'week' | 'twoWeeks' | 'month' | 'threeMonths' | 'sixMonths';
+
+export interface DateRangeNavigatorSettings {
+  hidePicker: boolean;
+  onePanel: boolean;
+  autoConfirm: boolean;
+  showTemplate: boolean;
+  firstDayOfWeek: number;
+  hideInterval: boolean;
+  initialInterval: DateRangeInterval;
+  hideStepSize: boolean;
+  stepSize: DateRangeInterval;
+  hideLabels: boolean;
+  useSessionStorage: boolean;
+}
+
+export interface DateIntervalEntry {
+  ts: number;
+  label: string;
+}
+
+export interface DateRangeNavigatorModel {
+  chosenLabel?: string;
+  startDate?: _moment.Moment;
+  endDate?: _moment.Moment;
+}
+
+export function cloneDateRangeNavigatorModel(model: DateRangeNavigatorModel): DateRangeNavigatorModel {
+  const cloned: DateRangeNavigatorModel = {};
+  cloned.chosenLabel = model.chosenLabel;
+  cloned.startDate = model.startDate ? model.startDate.clone() : undefined;
+  cloned.endDate = model.endDate ? model.endDate.clone() : undefined;
+  return cloned;
+}
+
+export function getFormattedDate(model: DateRangeNavigatorModel): string {
+  let template: string;
+
+  const startDate = model.startDate;
+  const endDate = model.endDate;
+
+  if (startDate.diff(endDate, 'days') === 0) {
+    template = startDate.format('DD MMM YYYY'); // datePipe.transform(startDate, 'dd MMM yyyy');
+  } else {
+    let startDateFormat = 'DD';
+    if (startDate.month() !== endDate.month() || startDate.year() !== endDate.year()) {
+      startDateFormat += ' MMM';
+    }
+    if (startDate.year() !== endDate.year()) {
+      startDateFormat += ' YYYY';
+    }
+    template = startDate.format(startDateFormat) + ' - ' + endDate.format('DD MMM YYYY');
+  }
+  return template;
+}
+
+const hour = 3600000;
+const day = 86400000;
+const week = 604800000;
+const month = 2629743000;
+
+export const dateIntervalsMap: {[key: string]: DateIntervalEntry} = {
+  hour: {
+    ts: hour,
+    label: 'Hour'
+  },
+  day: {
+    ts: day,
+    label: 'Day'
+  },
+  week: {
+    ts: week,
+    label: 'Week'
+  },
+  twoWeeks: {
+    ts: week * 2,
+    label: '2 weeks'
+  },
+  month: {
+    ts: month,
+    label: 'Month'
+  },
+  threeMonths: {
+    ts: month * 3,
+    label: '3 months'
+  },
+  sixMonths: {
+    ts: month * 6,
+    label: '6 months'
+  }
+};
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/digital-gauge.models.ts b/ui-ngx/src/app/modules/home/components/widget/lib/digital-gauge.models.ts
new file mode 100644
index 0000000000..51081a83c7
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/digital-gauge.models.ts
@@ -0,0 +1,765 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { JsonSettingsSchema } from '@shared/models/widget.models';
+import { GaugeType } from '@home/components/widget/lib/canvas-digital-gauge';
+import { AnimationRule } from '@home/components/widget/lib/analogue-gauge.models';
+import { FontSettings } from '@home/components/widget/lib/settings.models';
+
+export interface DigitalGaugeSettings {
+  minValue?: number;
+  maxValue?: number;
+  gaugeType?: GaugeType;
+  donutStartAngle?: number;
+  neonGlowBrightness?: number;
+  dashThickness?: number;
+  roundedLineCap?: boolean;
+  title?: string;
+  showTitle?: boolean;
+  unitTitle?: string;
+  showUnitTitle?: boolean;
+  showTimestamp?: boolean;
+  timestampFormat?: string;
+  showValue?: boolean;
+  showMinMax?: boolean;
+  gaugeWidthScale?: number;
+  defaultColor?: string;
+  gaugeColor?: string;
+  levelColors?: string[];
+  animation?: boolean;
+  animationDuration?: number;
+  animationRule?: AnimationRule;
+  titleFont?: FontSettings;
+  labelFont?: FontSettings;
+  valueFont?: FontSettings;
+  minMaxFont?: FontSettings;
+  decimals?: number;
+  units?: string;
+  hideValue?: boolean;
+  hideMinMax?: boolean;
+}
+
+export const digitalGaugeSettingsSchema: JsonSettingsSchema = {
+  schema: {
+    type: 'object',
+    title: 'Settings',
+    properties: {
+      minValue: {
+        title: 'Minimum value',
+        type: 'number',
+        default: 0
+      },
+      maxValue: {
+        title: 'Maximum value',
+        type: 'number',
+        default: 100
+      },
+      gaugeType: {
+        title: 'Gauge type',
+        type: 'string',
+        default: 'arc'
+      },
+      donutStartAngle: {
+        title: 'Angle to start from when in donut mode',
+        type: 'number',
+        default: 90
+      },
+      neonGlowBrightness: {
+        title: 'Neon glow effect brightness, (0-100), 0 - disable effect',
+        type: 'number',
+        default: 0
+      },
+      dashThickness: {
+        title: 'Thickness of the stripes, 0 - no stripes',
+        type: 'number',
+        default: 0
+      },
+      roundedLineCap: {
+        title: 'Display rounded line cap',
+        type: 'boolean',
+        default: false
+      },
+      title: {
+        title: 'Gauge title',
+        type: 'string',
+        default: null
+      },
+      showTitle: {
+        title: 'Show gauge title',
+        type: 'boolean',
+        default: false
+      },
+      unitTitle: {
+        title: 'Unit title',
+        type: 'string',
+        default: null
+      },
+      showUnitTitle: {
+        title: 'Show unit title',
+        type: 'boolean',
+        default: false
+      },
+      showTimestamp: {
+        title: 'Show value timestamp',
+        type: 'boolean',
+        default: false
+      },
+      timestampFormat: {
+        title: 'Timestamp format',
+        type: 'string',
+        default: 'yyyy-MM-dd HH:mm:ss'
+      },
+      showValue: {
+        title: 'Show value text',
+        type: 'boolean',
+        default: true
+      },
+      showMinMax: {
+        title: 'Show min and max values',
+        type: 'boolean',
+        default: true
+      },
+      gaugeWidthScale: {
+        title: 'Width of the gauge element',
+        type: 'number',
+        default: 0.75
+      },
+      defaultColor: {
+        title: 'Default color',
+        type: 'string',
+        default: null
+      },
+      gaugeColor: {
+        title: 'Background color of the gauge element',
+        type: 'string',
+        default: null
+      },
+      levelColors: {
+        title: 'Colors of indicator, from lower to upper',
+        type: 'array',
+        items: {
+          title: 'Color',
+          type: 'string'
+        }
+      },
+      animation: {
+        title: 'Enable animation',
+        type: 'boolean',
+        default: true
+      },
+      animationDuration: {
+        title: 'Animation duration',
+        type: 'number',
+        default: 500
+      },
+      animationRule: {
+        title: 'Animation rule',
+        type: 'string',
+        default: 'linear'
+      },
+      titleFont: {
+        title: 'Gauge title font',
+        type: 'object',
+        properties: {
+          family: {
+            title: 'Font family',
+            type: 'string',
+            default: 'Roboto'
+          },
+          size: {
+            title: 'Size',
+            type: 'number',
+            default: 12
+          },
+          style: {
+            title: 'Style',
+            type: 'string',
+            default: 'normal'
+          },
+          weight: {
+            title: 'Weight',
+            type: 'string',
+            default: '500'
+          },
+          color: {
+            title: 'color',
+            type: 'string',
+            default: null
+          }
+        }
+      },
+      labelFont: {
+        title: 'Font of label showing under value',
+        type: 'object',
+        properties: {
+          family: {
+            title: 'Font family',
+            type: 'string',
+            default: 'Roboto'
+          },
+          size: {
+            title: 'Size',
+            type: 'number',
+            default: 8
+          },
+          style: {
+            title: 'Style',
+            type: 'string',
+            default: 'normal'
+          },
+          weight: {
+            title: 'Weight',
+            type: 'string',
+            default: '500'
+          },
+          color: {
+            title: 'color',
+            type: 'string',
+            default: null
+          }
+        }
+      },
+      valueFont: {
+        title: 'Font of label showing current value',
+        type: 'object',
+        properties: {
+          family: {
+            title: 'Font family',
+            type: 'string',
+            default: 'Roboto'
+          },
+          size: {
+            title: 'Size',
+            type: 'number',
+            default: 18
+          },
+          style: {
+            title: 'Style',
+            type: 'string',
+            default: 'normal'
+          },
+          weight: {
+            title: 'Weight',
+            type: 'string',
+            default: '500'
+          },
+          color: {
+            title: 'color',
+            type: 'string',
+            default: null
+          }
+        }
+      },
+      minMaxFont: {
+        title: 'Font of minimum and maximum labels',
+        type: 'object',
+        properties: {
+          family: {
+            title: 'Font family',
+            type: 'string',
+            default: 'Roboto'
+          },
+          size: {
+            title: 'Size',
+            type: 'number',
+            default: 10
+          },
+          style: {
+            title: 'Style',
+            type: 'string',
+            default: 'normal'
+          },
+          weight: {
+            title: 'Weight',
+            type: 'string',
+            default: '500'
+          },
+          color: {
+            title: 'color',
+            type: 'string',
+            default: null
+          }
+        }
+      }
+    }
+  },
+  form: [
+    'minValue',
+    'maxValue',
+    {
+      key: 'gaugeType',
+      type: 'rc-select',
+      multiple: false,
+      items: [
+        {
+          value: 'arc',
+          label: 'Arc'
+        },
+        {
+          value: 'donut',
+          label: 'Donut'
+        },
+        {
+          value: 'horizontalBar',
+          label: 'Horizontal bar'
+        },
+        {
+          value: 'verticalBar',
+          label: 'Vertical bar'
+        }
+      ]
+    },
+    'donutStartAngle',
+    'neonGlowBrightness',
+    'dashThickness',
+    'roundedLineCap',
+    'title',
+    'showTitle',
+    'unitTitle',
+    'showUnitTitle',
+    'showTimestamp',
+    'timestampFormat',
+    'showValue',
+    'showMinMax',
+    'gaugeWidthScale',
+    {
+      key: 'defaultColor',
+      type: 'color'
+    },
+    {
+      key: 'gaugeColor',
+      type: 'color'
+    },
+    {
+      key: 'levelColors',
+      items: [
+        {
+          key: 'levelColors[]',
+          type: 'color'
+        }
+      ]
+    },
+    'animation',
+    'animationDuration',
+    {
+      key: 'animationRule',
+      type: 'rc-select',
+      multiple: false,
+      items: [
+        {
+          value: 'linear',
+          label: 'Linear'
+        },
+        {
+          value: 'quad',
+          label: 'Quad'
+        },
+        {
+          value: 'quint',
+          label: 'Quint'
+        },
+        {
+          value: 'cycle',
+          label: 'Cycle'
+        },
+        {
+          value: 'bounce',
+          label: 'Bounce'
+        },
+        {
+          value: 'elastic',
+          label: 'Elastic'
+        },
+        {
+          value: 'dequad',
+          label: 'Dequad'
+        },
+        {
+          value: 'dequint',
+          label: 'Dequint'
+        },
+        {
+          value: 'decycle',
+          label: 'Decycle'
+        },
+        {
+          value: 'debounce',
+          label: 'Debounce'
+        },
+        {
+          value: 'delastic',
+          label: 'Delastic'
+        }
+      ]
+    },
+    {
+      key: 'titleFont',
+      items: [
+        'titleFont.family',
+        'titleFont.size',
+        {
+          key: 'titleFont.style',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'italic',
+              label: 'Italic'
+            },
+            {
+              value: 'oblique',
+              label: 'Oblique'
+            }
+          ]
+        },
+        {
+          key: 'titleFont.weight',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'bold',
+              label: 'Bold'
+            },
+            {
+              value: 'bolder',
+              label: 'Bolder'
+            },
+            {
+              value: 'lighter',
+              label: 'Lighter'
+            },
+            {
+              value: '100',
+              label: '100'
+            },
+            {
+              value: '200',
+              label: '200'
+            },
+            {
+              value: '300',
+              label: '300'
+            },
+            {
+              value: '400',
+              label: '400'
+            },
+            {
+              value: '500',
+              label: '500'
+            },
+            {
+              value: '600',
+              label: '600'
+            },
+            {
+              value: '700',
+              label: '800'
+            },
+            {
+              value: '800',
+              label: '800'
+            },
+            {
+              value: '900',
+              label: '900'
+            }
+          ]
+        },
+        {
+          key: 'titleFont.color',
+          type: 'color'
+        }
+      ]
+    },
+    {
+      key: 'labelFont',
+      items: [
+        'labelFont.family',
+        'labelFont.size',
+        {
+          key: 'labelFont.style',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'italic',
+              label: 'Italic'
+            },
+            {
+              value: 'oblique',
+              label: 'Oblique'
+            }
+          ]
+        },
+        {
+          key: 'labelFont.weight',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'bold',
+              label: 'Bold'
+            },
+            {
+              value: 'bolder',
+              label: 'Bolder'
+            },
+            {
+              value: 'lighter',
+              label: 'Lighter'
+            },
+            {
+              value: '100',
+              label: '100'
+            },
+            {
+              value: '200',
+              label: '200'
+            },
+            {
+              value: '300',
+              label: '300'
+            },
+            {
+              value: '400',
+              label: '400'
+            },
+            {
+              value: '500',
+              label: '500'
+            },
+            {
+              value: '600',
+              label: '600'
+            },
+            {
+              value: '700',
+              label: '800'
+            },
+            {
+              value: '800',
+              label: '800'
+            },
+            {
+              value: '900',
+              label: '900'
+            }
+          ]
+        },
+        {
+          key: 'labelFont.color',
+          type: 'color'
+        }
+      ]
+    },
+    {
+      key: 'valueFont',
+      items: [
+        'valueFont.family',
+        'valueFont.size',
+        {
+          key: 'valueFont.style',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'italic',
+              label: 'Italic'
+            },
+            {
+              value: 'oblique',
+              label: 'Oblique'
+            }
+          ]
+        },
+        {
+          key: 'valueFont.weight',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'bold',
+              label: 'Bold'
+            },
+            {
+              value: 'bolder',
+              label: 'Bolder'
+            },
+            {
+              value: 'lighter',
+              label: 'Lighter'
+            },
+            {
+              value: '100',
+              label: '100'
+            },
+            {
+              value: '200',
+              label: '200'
+            },
+            {
+              value: '300',
+              label: '300'
+            },
+            {
+              value: '400',
+              label: '400'
+            },
+            {
+              value: '500',
+              label: '500'
+            },
+            {
+              value: '600',
+              label: '600'
+            },
+            {
+              value: '700',
+              label: '800'
+            },
+            {
+              value: '800',
+              label: '800'
+            },
+            {
+              value: '900',
+              label: '900'
+            }
+          ]
+        },
+        {
+          key: 'valueFont.color',
+          type: 'color'
+        }
+      ]
+    },
+    {
+      key: 'minMaxFont',
+      items: [
+        'minMaxFont.family',
+        'minMaxFont.size',
+        {
+          key: 'minMaxFont.style',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'italic',
+              label: 'Italic'
+            },
+            {
+              value: 'oblique',
+              label: 'Oblique'
+            }
+          ]
+        },
+        {
+          key: 'minMaxFont.weight',
+          type: 'rc-select',
+          multiple: false,
+          items: [
+            {
+              value: 'normal',
+              label: 'Normal'
+            },
+            {
+              value: 'bold',
+              label: 'Bold'
+            },
+            {
+              value: 'bolder',
+              label: 'Bolder'
+            },
+            {
+              value: 'lighter',
+              label: 'Lighter'
+            },
+            {
+              value: '100',
+              label: '100'
+            },
+            {
+              value: '200',
+              label: '200'
+            },
+            {
+              value: '300',
+              label: '300'
+            },
+            {
+              value: '400',
+              label: '400'
+            },
+            {
+              value: '500',
+              label: '500'
+            },
+            {
+              value: '600',
+              label: '600'
+            },
+            {
+              value: '700',
+              label: '800'
+            },
+            {
+              value: '800',
+              label: '800'
+            },
+            {
+              value: '900',
+              label: '900'
+            }
+          ]
+        },
+        {
+          key: 'minMaxFont.color',
+          type: 'color'
+        }
+      ]
+    }
+  ]
+};
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/digital-gauge.ts b/ui-ngx/src/app/modules/home/components/widget/lib/digital-gauge.ts
new file mode 100644
index 0000000000..d52e71d6e7
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/digital-gauge.ts
@@ -0,0 +1,214 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import * as CanvasGauges from 'canvas-gauges';
+import { WidgetContext } from '@home/models/widget-component.models';
+import { DigitalGaugeSettings, digitalGaugeSettingsSchema } from '@home/components/widget/lib/digital-gauge.models';
+import * as tinycolor_ from 'tinycolor2';
+import { isDefined } from '@core/utils';
+import { prepareFontSettings } from '@home/components/widget/lib/settings.models';
+import { CanvasDigitalGauge, CanvasDigitalGaugeOptions } from '@home/components/widget/lib/canvas-digital-gauge';
+import { DatePipe } from '@angular/common';
+import { JsonSettingsSchema } from '@shared/models/widget.models';
+import GenericOptions = CanvasGauges.GenericOptions;
+
+const tinycolor = tinycolor_;
+
+const digitalGaugeSettingsSchemaValue = digitalGaugeSettingsSchema;
+
+export class TbCanvasDigitalGauge {
+
+  private localSettings: DigitalGaugeSettings;
+
+  private gauge: CanvasDigitalGauge;
+
+  static get settingsSchema(): JsonSettingsSchema {
+    return digitalGaugeSettingsSchemaValue;
+  }
+
+  constructor(protected ctx: WidgetContext, canvasId: string) {
+    const gaugeElement = $('#'+canvasId, ctx.$container)[0];
+    const settings: DigitalGaugeSettings = ctx.settings;
+
+    this.localSettings = {};
+    this.localSettings.minValue = settings.minValue || 0;
+    this.localSettings.maxValue = settings.maxValue || 100;
+    this.localSettings.gaugeType = settings.gaugeType || 'arc';
+    this.localSettings.neonGlowBrightness = settings.neonGlowBrightness || 0;
+    this.localSettings.dashThickness = settings.dashThickness || 0;
+    this.localSettings.roundedLineCap = settings.roundedLineCap === true;
+
+    const dataKey = ctx.data[0].dataKey;
+    const keyColor = settings.defaultColor || dataKey.color;
+
+    this.localSettings.unitTitle = ((settings.showUnitTitle === true) ?
+      (settings.unitTitle && settings.unitTitle.length > 0 ?
+        settings.unitTitle : dataKey.label) : '');
+
+    this.localSettings.showTimestamp = settings.showTimestamp === true;
+    this.localSettings.timestampFormat = settings.timestampFormat && settings.timestampFormat.length ?
+      settings.timestampFormat : 'yyyy-MM-dd HH:mm:ss';
+
+    this.localSettings.gaugeWidthScale = settings.gaugeWidthScale || 0.75;
+    this.localSettings.gaugeColor = settings.gaugeColor || tinycolor(keyColor).setAlpha(0.2).toRgbString();
+
+    if (!settings.levelColors || settings.levelColors.length <= 0) {
+      this.localSettings.levelColors = [keyColor];
+    } else {
+      this.localSettings.levelColors = settings.levelColors.slice();
+    }
+
+    this.localSettings.decimals = isDefined(dataKey.decimals) ? dataKey.decimals :
+      ((isDefined(settings.decimals) && settings.decimals !== null)
+        ? settings.decimals : ctx.decimals);
+
+    this.localSettings.units = dataKey.units && dataKey.units.length ? dataKey.units :
+      (isDefined(settings.units) && settings.units.length > 0 ? settings.units : ctx.units);
+
+    this.localSettings.hideValue = settings.showValue !== true;
+    this.localSettings.hideMinMax = settings.showMinMax !== true;
+
+    this.localSettings.title = ((settings.showTitle === true) ?
+      (settings.title && settings.title.length > 0 ?
+        settings.title : dataKey.label) : '');
+
+    if (!this.localSettings.unitTitle && this.localSettings.showTimestamp) {
+      this.localSettings.unitTitle = ' ';
+    }
+
+    this.localSettings.titleFont = prepareFontSettings(settings.titleFont, {
+      size: 12,
+      style: 'normal',
+      weight: '500',
+      color: keyColor
+    });
+
+    this.localSettings.valueFont = prepareFontSettings(settings.valueFont, {
+      size: 18,
+      style: 'normal',
+      weight: '500',
+      color: keyColor
+    });
+
+    this.localSettings.minMaxFont = prepareFontSettings(settings.minMaxFont, {
+      size: 10,
+      style: 'normal',
+      weight: '500',
+      color: keyColor
+    });
+
+    this.localSettings.labelFont = prepareFontSettings(settings.labelFont, {
+      size: 8,
+      style: 'normal',
+      weight: '500',
+      color: keyColor
+    });
+
+    const gaugeData: CanvasDigitalGaugeOptions = {
+      renderTo: gaugeElement,
+
+      gaugeWidthScale: this.localSettings.gaugeWidthScale,
+      gaugeColor: this.localSettings.gaugeColor,
+      levelColors: this.localSettings.levelColors,
+
+      title: this.localSettings.title,
+
+      fontTitleSize: this.localSettings.titleFont.size,
+      fontTitleStyle: this.localSettings.titleFont.style,
+      fontTitleWeight: this.localSettings.titleFont.weight,
+      colorTitle: this.localSettings.titleFont.color,
+      fontTitle: this.localSettings.titleFont.family,
+
+      fontValueSize:  this.localSettings.valueFont.size,
+      fontValueStyle: this.localSettings.valueFont.style,
+      fontValueWeight: this.localSettings.valueFont.weight,
+      colorValue: this.localSettings.valueFont.color,
+      fontValue: this.localSettings.valueFont.family,
+
+      fontMinMaxSize: this.localSettings.minMaxFont.size,
+      fontMinMaxStyle: this.localSettings.minMaxFont.style,
+      fontMinMaxWeight: this.localSettings.minMaxFont.weight,
+      colorMinMax: this.localSettings.minMaxFont.color,
+      fontMinMax: this.localSettings.minMaxFont.family,
+
+      fontLabelSize: this.localSettings.labelFont.size,
+      fontLabelStyle: this.localSettings.labelFont.style,
+      fontLabelWeight: this.localSettings.labelFont.weight,
+      colorLabel: this.localSettings.labelFont.color,
+      fontLabel: this.localSettings.labelFont.family,
+
+      minValue: this.localSettings.minValue,
+      maxValue: this.localSettings.maxValue,
+      gaugeType: this.localSettings.gaugeType,
+      dashThickness: this.localSettings.dashThickness,
+      roundedLineCap: this.localSettings.roundedLineCap,
+
+      symbol: this.localSettings.units,
+      label: this.localSettings.unitTitle,
+      showTimestamp: this.localSettings.showTimestamp,
+      hideValue: this.localSettings.hideValue,
+      hideMinMax: this.localSettings.hideMinMax,
+
+      valueDec: this.localSettings.decimals,
+
+      neonGlowBrightness: this.localSettings.neonGlowBrightness,
+
+      // animations
+      animation: settings.animation !== false && !ctx.isMobile,
+      animationDuration: (isDefined(settings.animationDuration) && settings.animationDuration !== null)
+        ? settings.animationDuration : 500,
+      animationRule: settings.animationRule || 'linear',
+
+      isMobile: ctx.isMobile
+    };
+
+    this.gauge = new CanvasDigitalGauge(gaugeData).draw();
+  }
+
+  update() {
+    if (this.ctx.data.length > 0) {
+      const cellData = this.ctx.data[0];
+      if (cellData.data.length > 0) {
+        const tvPair = cellData.data[cellData.data.length -
+        1];
+        let timestamp;
+        if (this.localSettings.showTimestamp) {
+          timestamp = tvPair[0];
+          const filter = this.ctx.$injector.get(DatePipe);
+          (this.gauge.options as CanvasDigitalGaugeOptions).label =
+            filter.transform(timestamp, this.localSettings.timestampFormat);
+        }
+        const value = tvPair[1];
+        if(value !== this.gauge.value) {
+          this.gauge._value = value;
+          this.gauge.value = value;
+        } else if (this.localSettings.showTimestamp && this.gauge.timestamp !== timestamp) {
+          this.gauge.timestamp = timestamp;
+        }
+      }
+    }
+  }
+
+  mobileModeChanged() {
+    const animation = this.ctx.settings.animation !== false && !this.ctx.isMobile;
+    this.gauge.update({animation, isMobile: this.ctx.isMobile} as CanvasDigitalGaugeOptions);
+  }
+
+  resize() {
+    this.gauge.update({width: this.ctx.width, height: this.ctx.height} as GenericOptions);
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/display-columns-panel.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/display-columns-panel.component.html
new file mode 100644
index 0000000000..9502a35ede
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/display-columns-panel.component.html
@@ -0,0 +1,24 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div fxLayout="column" class="mat-content mat-padding">
+  <label class="tb-title" translate>entity.columns-to-display</label>
+  <mat-checkbox style="padding-bottom: 8px;" [(ngModel)]="column.display" *ngFor="let column of columns"
+                (ngModelChange)="update()">
+    {{ column.title }}
+  </mat-checkbox>
+</div>
diff --git a/application/src/test/java/org/thingsboard/server/controller/nosql/AssetControllerNoSqlTest.java b/ui-ngx/src/app/modules/home/components/widget/lib/display-columns-panel.component.scss
similarity index 63%
rename from application/src/test/java/org/thingsboard/server/controller/nosql/AssetControllerNoSqlTest.java
rename to ui-ngx/src/app/modules/home/components/widget/lib/display-columns-panel.component.scss
index 65a3490078..c951de64ff 100644
--- a/application/src/test/java/org/thingsboard/server/controller/nosql/AssetControllerNoSqlTest.java
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/display-columns-panel.component.scss
@@ -13,15 +13,24 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.controller.nosql;
+:host {
+  width: 100%;
+  height: 100%;
+  min-width: 300px;
+  overflow: hidden;
+  background: #fff;
+  border-radius: 4px;
+  box-shadow:
+    0 7px 8px -4px rgba(0, 0, 0, .2),
+    0 13px 19px 2px rgba(0, 0, 0, .14),
+    0 5px 24px 4px rgba(0, 0, 0, .12);
 
-import org.thingsboard.server.controller.BaseAssetControllerTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-import org.thingsboard.server.dao.util.NoSqlDao;
+  .mat-content {
+    overflow: hidden;
+    background-color: #fff;
+  }
 
-/**
- * Created by Valerii Sosliuk on 6/28/2017.
- */
-@DaoNoSqlTest
-public class AssetControllerNoSqlTest extends BaseAssetControllerTest {
+  .mat-padding {
+    padding: 16px;
+  }
 }
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/display-columns-panel.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/display-columns-panel.component.ts
new file mode 100644
index 0000000000..d3fc0ae2dd
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/display-columns-panel.component.ts
@@ -0,0 +1,43 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, InjectionToken } from '@angular/core';
+import { DisplayColumn } from '@home/components/widget/lib/table-widget.models';
+
+export const DISPLAY_COLUMNS_PANEL_DATA = new InjectionToken<any>('DisplayColumnsPanelData');
+
+export interface DisplayColumnsPanelData {
+  columns: DisplayColumn[];
+  columnsUpdated: (columns: DisplayColumn[]) => void;
+}
+
+@Component({
+  selector: 'tb-display-columns-panel',
+  templateUrl: './display-columns-panel.component.html',
+  styleUrls: ['./display-columns-panel.component.scss']
+})
+export class DisplayColumnsPanelComponent {
+
+  columns: DisplayColumn[];
+
+  constructor(@Inject(DISPLAY_COLUMNS_PANEL_DATA) public data: DisplayColumnsPanelData) {
+    this.columns = this.data.columns;
+  }
+
+  public update() {
+    this.data.columnsUpdated(this.columns);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/entities-hierarchy-widget.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/entities-hierarchy-widget.component.html
new file mode 100644
index 0000000000..3d000b55d4
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/entities-hierarchy-widget.component.html
@@ -0,0 +1,51 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-entities-hierarchy tb-absolute-fill" tb-toast toastTarget="{{ toastTargetId }}">
+  <div fxFlex fxLayout="column" class="tb-absolute-fill">
+    <mat-toolbar class="mat-table-toolbar" [fxShow]="textSearchMode">
+      <div class="mat-toolbar-tools">
+        <button mat-button mat-icon-button
+                matTooltip="{{ 'action.search' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>search</mat-icon>
+        </button>
+        <mat-form-field fxFlex>
+          <mat-label>&nbsp;</mat-label>
+          <input #searchInput matInput
+                 [(ngModel)]="textSearch"
+                 placeholder="{{ 'entity.search' | translate }}"/>
+        </mat-form-field>
+        <button mat-button mat-icon-button (click)="exitFilterMode()"
+                matTooltip="{{ 'action.close' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>close</mat-icon>
+        </button>
+      </div>
+    </mat-toolbar>
+    <div fxFlex class="tb-entities-nav-tree-panel">
+      <tb-nav-tree
+        [loadNodes]="loadNodes"
+        [onNodeSelected]="onNodeSelected"
+        [onNodesInserted]="onNodesInserted"
+        [editCallbacks]="nodeEditCallbacks"
+        enableSearch="true"
+        [searchCallback]="searchCallback"
+      ></tb-nav-tree>
+    </div>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/entities-hierarchy-widget.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/entities-hierarchy-widget.component.scss
new file mode 100644
index 0000000000..abaa040a54
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/entities-hierarchy-widget.component.scss
@@ -0,0 +1,121 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host-context(.tb-has-timewindow) {
+  .tb-entities-hierarchy {
+    mat-toolbar {
+      height: 60px;
+      max-height: 60px;
+      .mat-toolbar-tools {
+        height: 60px;
+        max-height: 60px;
+      }
+    }
+  }
+}
+
+:host {
+  .tb-entities-hierarchy {
+    mat-toolbar.mat-table-toolbar:not([color="primary"]) {
+      background: transparent;
+    }
+    mat-toolbar {
+      min-height: 39px;
+      max-height: 39px;
+      .mat-toolbar-tools {
+        min-height: 39px;
+        max-height: 39px;
+      }
+    }
+
+    .tb-entities-nav-tree-panel {
+      overflow-x: auto;
+      overflow-y: auto;
+    }
+  }
+}
+
+:host ::ng-deep {
+  .tb-nav-tree-container {
+    &.jstree-proton {
+      .jstree-anchor {
+        div.node-icon {
+          display: inline-block;
+          width: 22px;
+          height: 22px;
+          margin-right: 2px;
+          margin-bottom: 2px;
+          background-color: transparent;
+          background-repeat: no-repeat;
+          background-attachment: scroll;
+          background-position: center center;
+          background-size: 18px 18px;
+        }
+
+        mat-icon.node-icon {
+          width: 22px;
+          min-width: 22px;
+          height: 22px;
+          min-height: 22px;
+          margin-right: 2px;
+          margin-bottom: 2px;
+          color: inherit;
+          vertical-align: middle;
+
+          &.material-icons {
+            font-size: 18px;
+            line-height: 22px;
+            text-align: center;
+          }
+        }
+
+        &.jstree-hovered:not(.jstree-clicked),
+        &.jstree-disabled {
+          div.node-icon {
+            opacity: .5;
+          }
+        }
+      }
+    }
+  }
+
+  @media (max-width: 768px) {
+    .tb-nav-tree-container {
+      &.jstree-proton-responsive {
+        .jstree-anchor {
+          div.node-icon {
+            width: 40px;
+            height: 40px;
+            margin: 0;
+            background-size: 24px 24px;
+          }
+
+          mat-icon.node-icon {
+            width: 40px;
+            min-width: 40px;
+            height: 40px;
+            min-height: 40px;
+            margin: 0;
+
+            &.material-icons {
+              font-size: 24px;
+              line-height: 40px;
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/entities-hierarchy-widget.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/entities-hierarchy-widget.component.ts
new file mode 100644
index 0000000000..9056c40f19
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/entities-hierarchy-widget.component.ts
@@ -0,0 +1,490 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { AfterViewInit, Component, ElementRef, Input, OnInit, ViewChild, ViewContainerRef } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { WidgetAction, WidgetContext } from '@home/models/widget-component.models';
+import { DatasourceData, DatasourceType, WidgetConfig, widgetType } from '@shared/models/widget.models';
+import { IWidgetSubscription, WidgetSubscriptionOptions } from '@core/api/widget-api.models';
+import { UtilsService } from '@core/services/utils.service';
+import cssjs from '@core/css/css';
+import { forkJoin, fromEvent, Observable, of } from 'rxjs';
+import { catchError, debounceTime, distinctUntilChanged, map, mergeMap, tap } from 'rxjs/operators';
+import { constructTableCssString } from '@home/components/widget/lib/table-widget.models';
+import { Overlay } from '@angular/cdk/overlay';
+import {
+  LoadNodesCallback,
+  NavTreeEditCallbacks,
+  NodeSearchCallback,
+  NodeSelectedCallback,
+  NodesInsertedCallback
+} from '@shared/components/nav-tree.component';
+import { BaseData } from '@shared/models/base-data';
+import { EntityId } from '@shared/models/id/entity-id';
+import { EntityType } from '@shared/models/entity-type.models';
+import { deepClone } from '@core/utils';
+import {
+  defaultNodeIconFunction,
+  defaultNodeOpenedFunction,
+  defaultNodeRelationQueryFunction,
+  defaultNodesSortFunction,
+  EntitiesHierarchyWidgetSettings,
+  HierarchyNavTreeNode,
+  HierarchyNodeContext,
+  HierarchyNodeDatasource,
+  iconUrlHtml,
+  loadNodeCtxFunction,
+  materialIconHtml,
+  NodeDisabledFunction,
+  NodeHasChildrenFunction,
+  NodeIconFunction,
+  NodeOpenedFunction,
+  NodeRelationQueryFunction,
+  NodesSortFunction,
+  NodeTextFunction
+} from '@home/components/widget/lib/entities-hierarchy-widget.models';
+import { EntityService } from '@core/http/entity.service';
+import { EntityRelationsQuery, EntitySearchDirection } from '@shared/models/relation.models';
+import { EntityRelationService } from '@core/http/entity-relation.service';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+
+@Component({
+  selector: 'tb-entities-hierarchy-widget',
+  templateUrl: './entities-hierarchy-widget.component.html',
+  styleUrls: ['./entities-hierarchy-widget.component.scss']
+})
+export class EntitiesHierarchyWidgetComponent extends PageComponent implements OnInit, AfterViewInit {
+
+  @Input()
+  ctx: WidgetContext;
+
+  @ViewChild('searchInput') searchInputField: ElementRef;
+
+  public toastTargetId = 'entities-hierarchy-' + this.utils.guid();
+
+  public textSearchMode = false;
+  public textSearch = null;
+
+  public nodeEditCallbacks: NavTreeEditCallbacks = {};
+
+  private settings: EntitiesHierarchyWidgetSettings;
+  private widgetConfig: WidgetConfig;
+  private subscription: IWidgetSubscription;
+  private datasources: Array<HierarchyNodeDatasource>;
+
+  private nodesMap: {[nodeId: string]: HierarchyNavTreeNode} = {};
+  private pendingUpdateNodeTasks: {[nodeId: string]: () => void} = {};
+  private nodeIdCounter = 0;
+
+  private nodeRelationQueryFunction: NodeRelationQueryFunction;
+  private nodeIconFunction: NodeIconFunction;
+  private nodeTextFunction: NodeTextFunction;
+  private nodeDisabledFunction: NodeDisabledFunction;
+  private nodeOpenedFunction: NodeOpenedFunction;
+  private nodeHasChildrenFunction: NodeHasChildrenFunction;
+  private nodesSortFunction: NodesSortFunction;
+
+  private searchAction: WidgetAction = {
+    name: 'action.search',
+    show: true,
+    icon: 'search',
+    onAction: () => {
+      this.enterFilterMode();
+    }
+  };
+
+
+  constructor(protected store: Store<AppState>,
+              private elementRef: ElementRef,
+              private overlay: Overlay,
+              private viewContainerRef: ViewContainerRef,
+              private utils: UtilsService,
+              private entityService: EntityService,
+              private entityRelationService: EntityRelationService) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+    this.ctx.$scope.entitiesHierarchyWidget = this;
+    this.settings = this.ctx.settings;
+    this.widgetConfig = this.ctx.widgetConfig;
+    this.subscription = this.ctx.defaultSubscription;
+    this.datasources = this.subscription.datasources as Array<HierarchyNodeDatasource>;
+    this.initializeConfig();
+    this.ctx.updateWidgetParams();
+  }
+
+  ngAfterViewInit(): void {
+    fromEvent(this.searchInputField.nativeElement, 'keyup')
+      .pipe(
+        debounceTime(150),
+        distinctUntilChanged(),
+        tap(() => {
+          this.updateSearchNodes();
+        })
+      )
+      .subscribe();
+  }
+
+  public onDataUpdated() {
+    this.updateNodeData(this.subscription.data);
+  }
+
+  private initializeConfig() {
+    this.ctx.widgetActions = [this.searchAction];
+
+    const testNodeCtx: HierarchyNodeContext = {
+      entity: {
+        id: {
+          entityType: EntityType.DEVICE,
+          id: '123'
+        },
+        name: 'TEST DEV1'
+      },
+      data: {},
+      level: 2
+    };
+    const parentNodeCtx = deepClone(testNodeCtx);
+    parentNodeCtx.level = 1;
+    testNodeCtx.parentNodeCtx = parentNodeCtx;
+
+    this.nodeRelationQueryFunction = loadNodeCtxFunction(this.settings.nodeRelationQueryFunction, 'nodeCtx', testNodeCtx);
+    this.nodeIconFunction = loadNodeCtxFunction(this.settings.nodeIconFunction, 'nodeCtx', testNodeCtx);
+    this.nodeTextFunction = loadNodeCtxFunction(this.settings.nodeTextFunction, 'nodeCtx', testNodeCtx);
+    this.nodeDisabledFunction = loadNodeCtxFunction(this.settings.nodeDisabledFunction, 'nodeCtx', testNodeCtx);
+    this.nodeOpenedFunction = loadNodeCtxFunction(this.settings.nodeOpenedFunction, 'nodeCtx', testNodeCtx);
+    this.nodeHasChildrenFunction = loadNodeCtxFunction(this.settings.nodeHasChildrenFunction, 'nodeCtx', testNodeCtx);
+
+    const testNodeCtx2 = deepClone(testNodeCtx);
+    testNodeCtx2.entity.name = 'TEST DEV2';
+
+    this.nodesSortFunction = loadNodeCtxFunction(this.settings.nodesSortFunction, 'nodeCtx1,nodeCtx2', testNodeCtx, testNodeCtx2);
+
+    this.nodeRelationQueryFunction = this.nodeRelationQueryFunction || defaultNodeRelationQueryFunction;
+    this.nodeIconFunction = this.nodeIconFunction || defaultNodeIconFunction;
+    this.nodeTextFunction = this.nodeTextFunction || ((nodeCtx) => nodeCtx.entity.name);
+    this.nodeDisabledFunction = this.nodeDisabledFunction || (() => false);
+    this.nodeOpenedFunction = this.nodeOpenedFunction || defaultNodeOpenedFunction;
+    this.nodeHasChildrenFunction = this.nodeHasChildrenFunction || (() => true);
+    this.nodesSortFunction = this.nodesSortFunction || defaultNodesSortFunction;
+
+    const cssString = constructTableCssString(this.widgetConfig);
+    const cssParser = new cssjs();
+    cssParser.testMode = false;
+    const namespace = 'entities-hierarchy-' + this.utils.hashCode(cssString);
+    cssParser.cssPreviewNamespace = namespace;
+    cssParser.createStyleElement(namespace, cssString);
+    $(this.elementRef.nativeElement).addClass(namespace);
+  }
+
+  private enterFilterMode() {
+    this.textSearchMode = true;
+    this.textSearch = '';
+    this.ctx.hideTitlePanel = true;
+    this.ctx.detectChanges(true);
+    setTimeout(() => {
+      this.searchInputField.nativeElement.focus();
+      this.searchInputField.nativeElement.setSelectionRange(0, 0);
+    }, 10);
+  }
+
+  exitFilterMode() {
+    this.textSearchMode = false;
+    this.textSearch = null;
+    this.updateSearchNodes();
+    this.ctx.hideTitlePanel = false;
+    this.ctx.detectChanges(true);
+  }
+
+  private updateSearchNodes() {
+    if (this.textSearch != null) {
+      this.nodeEditCallbacks.search(this.textSearch);
+    } else {
+      this.nodeEditCallbacks.clearSearch();
+    }
+  }
+
+  private updateNodeData(subscriptionData: Array<DatasourceData>) {
+    const affectedNodes: string[] = [];
+    if (subscriptionData) {
+      subscriptionData.forEach((datasourceData) => {
+        const datasource = datasourceData.datasource as HierarchyNodeDatasource;
+        if (datasource.nodeId) {
+          const node = this.nodesMap[datasource.nodeId];
+          const key = datasourceData.dataKey.label;
+          let value;
+          if (datasourceData.data && datasourceData.data.length) {
+            value = datasourceData.data[0][1];
+          }
+          if (node.data.nodeCtx.data[key] !== value) {
+            if (affectedNodes.indexOf(datasource.nodeId) === -1) {
+              affectedNodes.push(datasource.nodeId);
+            }
+            node.data.nodeCtx.data[key] = value;
+          }
+        }
+      });
+    }
+    affectedNodes.forEach((nodeId) => {
+      const node: HierarchyNavTreeNode = this.nodeEditCallbacks.getNode(nodeId);
+      if (node) {
+        this.updateNodeStyle(this.nodesMap[nodeId]);
+      } else {
+        this.pendingUpdateNodeTasks[nodeId] = () => {
+          this.updateNodeStyle(this.nodesMap[nodeId]);
+        };
+      }
+    });
+  }
+
+  public loadNodes: LoadNodesCallback = (node, cb) => {
+    if (node.id === '#') {
+      const tasks: Observable<HierarchyNavTreeNode>[] = [];
+      this.datasources.forEach((datasource) => {
+        tasks.push(this.datasourceToNode(datasource));
+      });
+      forkJoin(tasks).subscribe((nodes) => {
+        cb(this.prepareNodes(nodes));
+        this.updateNodeData(this.subscription.data);
+      });
+    } else {
+      if (node.data && node.data.nodeCtx.entity && node.data.nodeCtx.entity.id && node.data.nodeCtx.entity.id.entityType !== 'function') {
+        const relationQuery = this.prepareNodeRelationQuery(node.data.nodeCtx);
+        this.entityRelationService.findByQuery(relationQuery, {ignoreErrors: true, ignoreLoading: true}).subscribe(
+          (entityRelations) => {
+            if (entityRelations.length) {
+              const tasks: Observable<HierarchyNavTreeNode>[] = [];
+              entityRelations.forEach((relation) => {
+                const targetId = relationQuery.parameters.direction === EntitySearchDirection.FROM ? relation.to : relation.from;
+                tasks.push(this.entityIdToNode(targetId.entityType as EntityType, targetId.id, node.data.datasource, node.data.nodeCtx));
+              });
+              forkJoin(tasks).subscribe((nodes) => {
+                cb(this.prepareNodes(nodes));
+              });
+            } else {
+              cb([]);
+            }
+          },
+          (error) => {
+            let errorText = 'Failed to get relations!';
+            if (error && error.status === 400) {
+              errorText = 'Invalid relations query returned by \'Node relations query function\'! Please check widget configuration!';
+            }
+            this.showError(errorText);
+          }
+        );
+      } else {
+        cb([]);
+      }
+    }
+  }
+
+  public onNodeSelected: NodeSelectedCallback = (node, event) => {
+    let nodeId;
+    if (!node) {
+      nodeId = -1;
+    } else {
+      nodeId = node.id;
+    }
+    if (nodeId !== -1) {
+      const selectedNode = this.nodesMap[nodeId];
+      if (selectedNode) {
+        const descriptors = this.ctx.actionsApi.getActionDescriptors('nodeSelected');
+        if (descriptors.length) {
+          const entity = selectedNode.data.nodeCtx.entity;
+          this.ctx.actionsApi.handleWidgetAction(event, descriptors[0], entity.id, entity.name, { nodeCtx: selectedNode.data.nodeCtx });
+        }
+      }
+    }
+  }
+
+  public onNodesInserted: NodesInsertedCallback = (nodes, parent) => {
+    if (nodes) {
+      nodes.forEach((nodeId) => {
+        const task = this.pendingUpdateNodeTasks[nodeId];
+        if (task) {
+          task();
+          delete this.pendingUpdateNodeTasks[nodeId];
+        }
+      });
+    }
+  }
+
+  public searchCallback: NodeSearchCallback = (searchText, node) => {
+    const theNode = this.nodesMap[node.id];
+    if (theNode && theNode.data.searchText) {
+      return theNode.data.searchText.includes(searchText.toLowerCase());
+    }
+    return false;
+  }
+
+  private updateNodeStyle(node: HierarchyNavTreeNode) {
+    const newText = this.prepareNodeText(node);
+    if (node.text !== newText) {
+      node.text = newText;
+      this.nodeEditCallbacks.updateNode(node.id, node.text);
+    }
+    const newDisabled = this.nodeDisabledFunction(node.data.nodeCtx);
+    if (node.state.disabled !== newDisabled) {
+      node.state.disabled = newDisabled;
+      if (node.state.disabled) {
+        this.nodeEditCallbacks.disableNode(node.id);
+      } else {
+        this.nodeEditCallbacks.enableNode(node.id);
+      }
+    }
+    const newHasChildren = this.nodeHasChildrenFunction(node.data.nodeCtx);
+    if (node.children !== newHasChildren) {
+      node.children = newHasChildren;
+      this.nodeEditCallbacks.setNodeHasChildren(node.id, node.children);
+    }
+  }
+
+  private showError(errorText: string) {
+    this.store.dispatch(new ActionNotificationShow(
+      {
+        message: errorText,
+        type: 'error',
+        target: this.toastTargetId,
+        verticalPosition: 'bottom',
+        horizontalPosition: 'left'
+      }));
+  }
+
+  private prepareNodes(nodes: HierarchyNavTreeNode[]): HierarchyNavTreeNode[] {
+    nodes = nodes.filter((node) => node !== null);
+    nodes.sort((node1, node2) => this.nodesSortFunction(node1.data.nodeCtx, node2.data.nodeCtx));
+    return nodes;
+  }
+
+  private prepareNodeText(node: HierarchyNavTreeNode): string {
+    const nodeIcon = this.prepareNodeIcon(node.data.nodeCtx);
+    const nodeText = this.nodeTextFunction(node.data.nodeCtx);
+    node.data.searchText = nodeText ? nodeText.replace(/<[^>]+>/g, '').toLowerCase() : '';
+    return nodeIcon + nodeText;
+  }
+
+  private prepareNodeIcon(nodeCtx: HierarchyNodeContext): string {
+    let iconInfo = this.nodeIconFunction(nodeCtx);
+    if (iconInfo) {
+      if (iconInfo === 'default') {
+        iconInfo = defaultNodeIconFunction(nodeCtx);
+      }
+      if (iconInfo && iconInfo !== 'default' && (iconInfo.iconUrl || iconInfo.materialIcon)) {
+        if (iconInfo.materialIcon) {
+          return materialIconHtml(iconInfo.materialIcon);
+        } else {
+          return iconUrlHtml(iconInfo.iconUrl);
+        }
+      } else {
+        return '';
+      }
+    } else {
+      return '';
+    }
+  }
+
+  private datasourceToNode(datasource: HierarchyNodeDatasource, parentNodeCtx?: HierarchyNodeContext): Observable<HierarchyNavTreeNode> {
+    return this.resolveEntity(datasource).pipe(
+      map(entity => {
+        if (entity !== null) {
+          const node: HierarchyNavTreeNode = {
+            id: (++this.nodeIdCounter) + ''
+          };
+          this.nodesMap[node.id] = node;
+          datasource.nodeId = node.id;
+          node.icon = false;
+          const nodeCtx: HierarchyNodeContext = {
+            parentNodeCtx,
+            entity,
+            data: {}
+          };
+          nodeCtx.level = parentNodeCtx ? parentNodeCtx.level + 1 : 1;
+          node.data = {
+            datasource,
+            nodeCtx
+          };
+          node.state = {
+            disabled: this.nodeDisabledFunction(node.data.nodeCtx),
+            opened: this.nodeOpenedFunction(node.data.nodeCtx)
+          };
+          node.text = this.prepareNodeText(node);
+          node.children = this.nodeHasChildrenFunction(node.data.nodeCtx);
+          return node;
+        } else {
+          return null;
+        }
+      })
+    );
+  }
+
+  private entityIdToNode(entityType: EntityType, entityId: string,
+                         parentDatasource: HierarchyNodeDatasource,
+                         parentNodeCtx: HierarchyNodeContext): Observable<HierarchyNavTreeNode> {
+    const datasource = {
+      dataKeys: parentDatasource.dataKeys,
+      type: DatasourceType.entity,
+      entityType,
+      entityId
+    } as HierarchyNodeDatasource;
+    return this.datasourceToNode(datasource, parentNodeCtx).pipe(
+      mergeMap((node) => {
+        if (node != null) {
+          const subscriptionOptions: WidgetSubscriptionOptions = {
+            type: widgetType.latest,
+            datasources: [datasource],
+            callbacks: {
+              onDataUpdated: subscription => {
+                this.updateNodeData(subscription.data);
+              }
+            }
+          };
+          return this.ctx.subscriptionApi.
+                      createSubscription(subscriptionOptions, true).pipe(
+                        map(() => node));
+        } else {
+          return of(node);
+        }
+      })
+    );
+  }
+
+  private resolveEntity(datasource: HierarchyNodeDatasource): Observable<BaseData<EntityId>> {
+    if (datasource.type === DatasourceType.function) {
+      const entity = {
+        id: {
+          entityType: 'function'
+        },
+        name: datasource.name
+      };
+      return of(entity as BaseData<EntityId>);
+    } else {
+      return this.entityService.getEntity(datasource.entityType, datasource.entityId, {ignoreLoading: true}).pipe(
+        catchError(err => of(null))
+      );
+    }
+  }
+
+  private prepareNodeRelationQuery(nodeCtx: HierarchyNodeContext): EntityRelationsQuery {
+    let relationQuery = this.nodeRelationQueryFunction(nodeCtx);
+    if (relationQuery && relationQuery === 'default') {
+      relationQuery = defaultNodeRelationQueryFunction(nodeCtx);
+    }
+    return relationQuery as EntityRelationsQuery;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/entities-hierarchy-widget.models.ts b/ui-ngx/src/app/modules/home/components/widget/lib/entities-hierarchy-widget.models.ts
new file mode 100644
index 0000000000..7c06be6239
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/entities-hierarchy-widget.models.ts
@@ -0,0 +1,160 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { BaseData } from '@shared/models/base-data';
+import { EntityId } from '@shared/models/id/entity-id';
+import { NavTreeNode } from '@shared/components/nav-tree.component';
+import { Datasource } from '@shared/models/widget.models';
+import { isDefined, isUndefined } from '@core/utils';
+import { EntityRelationsQuery, EntitySearchDirection, RelationTypeGroup } from '@shared/models/relation.models';
+import { EntityType } from '@shared/models/entity-type.models';
+
+export interface EntitiesHierarchyWidgetSettings {
+  nodeRelationQueryFunction: string;
+  nodeHasChildrenFunction: string;
+  nodeOpenedFunction: string;
+  nodeDisabledFunction: string;
+  nodeIconFunction: string;
+  nodeTextFunction: string;
+  nodesSortFunction: string;
+}
+
+export interface HierarchyNodeContext {
+  parentNodeCtx?: HierarchyNodeContext;
+  entity: BaseData<EntityId>;
+  level?: number;
+  data: {[key: string]: any};
+}
+
+export interface HierarchyNavTreeNode extends NavTreeNode {
+  data?: {
+    datasource: HierarchyNodeDatasource;
+    nodeCtx: HierarchyNodeContext;
+    searchText?: string;
+  };
+}
+
+export interface HierarchyNodeDatasource extends Datasource {
+  nodeId: string;
+}
+
+export interface HierarchyNodeIconInfo {
+  iconUrl?: string;
+  materialIcon?: string;
+}
+
+export type NodeRelationQueryFunction = (nodeCtx: HierarchyNodeContext) => EntityRelationsQuery | 'default';
+export type NodeTextFunction = (nodeCtx: HierarchyNodeContext) => string;
+export type NodeDisabledFunction = (nodeCtx: HierarchyNodeContext) => boolean;
+export type NodeIconFunction = (nodeCtx: HierarchyNodeContext) => HierarchyNodeIconInfo | 'default';
+export type NodeOpenedFunction = (nodeCtx: HierarchyNodeContext) => boolean;
+export type NodeHasChildrenFunction = (nodeCtx: HierarchyNodeContext) => boolean;
+export type NodesSortFunction = (nodeCtx1: HierarchyNodeContext, nodeCtx2: HierarchyNodeContext) => number;
+
+export function loadNodeCtxFunction<F extends (...args: any[]) => any>(functionBody: string, argNames: string, ...args: any[]): F {
+  let nodeCtxFunction: F = null;
+  if (isDefined(functionBody) && functionBody.length) {
+    try {
+      nodeCtxFunction = new Function(argNames, functionBody) as F;
+      const res = nodeCtxFunction.apply(null, args);
+      if (isUndefined(res)) {
+        nodeCtxFunction = null;
+      }
+    } catch (e) {
+      nodeCtxFunction = null;
+    }
+  }
+  return nodeCtxFunction;
+}
+
+export function materialIconHtml(materialIcon: string): string {
+  return '<mat-icon class="node-icon material-icons" role="img" aria-hidden="false">' + materialIcon + '</mat-icon>';
+}
+
+export function iconUrlHtml(iconUrl: string): string {
+  return '<div class="node-icon" style="background-image: url(' + iconUrl + ');">&nbsp;</div>';
+}
+
+export const defaultNodeRelationQueryFunction: NodeRelationQueryFunction = nodeCtx => {
+  const entity = nodeCtx.entity;
+  const query: EntityRelationsQuery = {
+    parameters: {
+      rootId: entity.id.id,
+      rootType: entity.id.entityType as EntityType,
+      direction: EntitySearchDirection.FROM,
+      relationTypeGroup: RelationTypeGroup.COMMON,
+      maxLevel: 1
+    },
+    filters: [
+      {
+        relationType: 'Contains',
+        entityTypes: []
+      }
+    ]
+  };
+  return query;
+};
+
+export const defaultNodeIconFunction: NodeIconFunction = nodeCtx => {
+  let materialIcon = 'insert_drive_file';
+  const entity = nodeCtx.entity;
+  if (entity && entity.id && entity.id.entityType) {
+    switch (entity.id.entityType as EntityType | string) {
+      case 'function':
+        materialIcon = 'functions';
+        break;
+      case EntityType.DEVICE:
+        materialIcon = 'devices_other';
+        break;
+      case EntityType.ASSET:
+        materialIcon = 'domain';
+        break;
+      case EntityType.TENANT:
+        materialIcon = 'supervisor_account';
+        break;
+      case EntityType.CUSTOMER:
+        materialIcon = 'supervisor_account';
+        break;
+      case EntityType.USER:
+        materialIcon = 'account_circle';
+        break;
+      case EntityType.DASHBOARD:
+        materialIcon = 'dashboards';
+        break;
+      case EntityType.ALARM:
+        materialIcon = 'notifications_active';
+        break;
+      case EntityType.ENTITY_VIEW:
+        materialIcon = 'view_quilt';
+        break;
+    }
+  }
+  return {
+    materialIcon
+  };
+};
+
+export const defaultNodeOpenedFunction: NodeOpenedFunction = nodeCtx => {
+  return nodeCtx.level <= 4;
+};
+
+export const defaultNodesSortFunction: NodesSortFunction = (nodeCtx1, nodeCtx2) => {
+  let result = nodeCtx1.entity.id.entityType.localeCompare(nodeCtx2.entity.id.entityType);
+  if (result === 0) {
+    result = nodeCtx1.entity.name.localeCompare(nodeCtx2.entity.name);
+  }
+  return result;
+};
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.html
new file mode 100644
index 0000000000..aece1be212
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.html
@@ -0,0 +1,100 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-table-widget tb-absolute-fill">
+  <div fxFlex fxLayout="column" class="tb-absolute-fill">
+    <mat-toolbar class="mat-table-toolbar" [fxShow]="textSearchMode">
+      <div class="mat-toolbar-tools">
+        <button mat-button mat-icon-button
+                matTooltip="{{ 'action.search' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>search</mat-icon>
+        </button>
+        <mat-form-field fxFlex>
+          <mat-label>&nbsp;</mat-label>
+          <input #searchInput matInput
+                 [(ngModel)]="pageLink.textSearch"
+                 placeholder="{{ 'entity.search' | translate }}"/>
+        </mat-form-field>
+        <button mat-button mat-icon-button (click)="exitFilterMode()"
+                matTooltip="{{ 'action.close' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>close</mat-icon>
+        </button>
+      </div>
+    </mat-toolbar>
+    <div fxFlex class="table-container">
+      <mat-table [dataSource]="entityDatasource"
+                 matSort [matSortActive]="sortOrderProperty" [matSortDirection]="pageLink.sortDirection()" matSortDisableClear>
+        <ng-container [matColumnDef]="column.def" *ngFor="let column of columns; trackBy: trackByColumnDef;">
+          <mat-header-cell [ngStyle]="headerStyle(column)" *matHeaderCellDef mat-sort-header> {{ column.title }} </mat-header-cell>
+          <mat-cell *matCellDef="let entity;"
+                    [innerHTML]="cellContent(entity, column)"
+                    [ngStyle]="cellStyle(entity, column)">
+          </mat-cell>
+        </ng-container>
+        <ng-container matColumnDef="actions" stickyEnd>
+          <mat-header-cell *matHeaderCellDef [ngStyle.gt-md]="{ minWidth: (actionCellDescriptors.length * 40) + 'px',
+                                                                maxWidth: (actionCellDescriptors.length * 40) + 'px',
+                                                                width: (actionCellDescriptors.length * 40) + 'px' }">
+          </mat-header-cell>
+          <mat-cell *matCellDef="let entity" [ngStyle.gt-md]="{ minWidth: (actionCellDescriptors.length * 40) + 'px',
+                                                                maxWidth: (actionCellDescriptors.length * 40) + 'px',
+                                                                width: (actionCellDescriptors.length * 40) + 'px' }">
+            <div fxHide fxShow.gt-md fxFlex fxLayout="row" fxLayoutAlign="end">
+              <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                      *ngFor="let actionDescriptor of actionCellDescriptors"
+                      matTooltip="{{ actionDescriptor.displayName }}"
+                      matTooltipPosition="above"
+                      (click)="onActionButtonClick($event, entity, actionDescriptor)">
+                <mat-icon>{{actionDescriptor.icon}}</mat-icon>
+              </button>
+            </div>
+            <div fxHide fxShow.lt-lg>
+              <button mat-button mat-icon-button
+                      (click)="$event.stopPropagation(); ctx.detectChanges();"
+                      [matMenuTriggerFor]="cellActionsMenu">
+                <mat-icon class="material-icons">more_vert</mat-icon>
+              </button>
+              <mat-menu #cellActionsMenu="matMenu" xPosition="before">
+                <button mat-menu-item *ngFor="let actionDescriptor of actionCellDescriptors"
+                        [disabled]="isLoading$ | async"
+                        (click)="onActionButtonClick($event, entity, actionDescriptor)">
+                  <mat-icon>{{actionDescriptor.icon}}</mat-icon>
+                  <span>{{ actionDescriptor.displayName }}</span>
+                </button>
+              </mat-menu>
+            </div>
+          </mat-cell>
+        </ng-container>
+        <mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
+        <mat-row [ngClass]="{'tb-current-entity': entityDatasource.isCurrentEntity(entity)}"
+                 *matRowDef="let entity; columns: displayedColumns;"
+                 (click)="onRowClick($event, entity)"></mat-row>
+      </mat-table>
+      <span [fxShow]="entityDatasource.isEmpty() | async"
+            fxLayoutAlign="center center"
+            class="no-data-found" translate>entity.no-entities-prompt</span>
+    </div>
+    <mat-divider *ngIf="displayPagination"></mat-divider>
+    <mat-paginator *ngIf="displayPagination"
+                   [length]="entityDatasource.total() | async"
+                   [pageIndex]="pageLink.page"
+                   [pageSize]="pageLink.pageSize"
+                   [pageSizeOptions]="pageSizeOptions"></mat-paginator>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.scss
new file mode 100644
index 0000000000..7606ba5d75
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.scss
@@ -0,0 +1,19 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  width: 100%;
+  height: 100%;
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.ts
new file mode 100644
index 0000000000..5efae9a4c8
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.ts
@@ -0,0 +1,601 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  AfterViewInit,
+  Component,
+  ElementRef,
+  Input,
+  NgZone,
+  OnInit,
+  ViewChild,
+  ViewContainerRef
+} from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { WidgetAction, WidgetContext } from '@home/models/widget-component.models';
+import {
+  DataKey,
+  Datasource,
+  DatasourceData,
+  DatasourceType,
+  WidgetActionDescriptor,
+  WidgetConfig
+} from '@shared/models/widget.models';
+import { IWidgetSubscription } from '@core/api/widget-api.models';
+import { UtilsService } from '@core/services/utils.service';
+import { TranslateService } from '@ngx-translate/core';
+import { deepClone, isDefined, isNumber } from '@core/utils';
+import cssjs from '@core/css/css';
+import { PageLink } from '@shared/models/page/page-link';
+import { Direction, SortOrder, sortOrderFromString } from '@shared/models/page/sort-order';
+import { DataSource } from '@angular/cdk/collections';
+import { DataKeyType } from '@shared/models/telemetry/telemetry.models';
+import { CollectionViewer } from '@angular/cdk/collections';
+import { BehaviorSubject, fromEvent, merge, Observable, of } from 'rxjs';
+import { emptyPageData, PageData } from '@shared/models/page/page-data';
+import { EntityId } from '@shared/models/id/entity-id';
+import { entityTypeTranslations } from '@shared/models/entity-type.models';
+import { catchError, debounceTime, distinctUntilChanged, map, tap } from 'rxjs/operators';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import {
+    CellContentInfo,
+    CellStyleInfo,
+    constructTableCssString,
+    DisplayColumn,
+    EntityColumn,
+    EntityData,
+    fromEntityColumnDef,
+    getCellContentInfo,
+    getCellStyleInfo,
+    getColumnWidth,
+    getEntityValue,
+    TableWidgetDataKeySettings,
+    TableWidgetSettings,
+    toEntityColumnDef, widthStyle
+} from '@home/components/widget/lib/table-widget.models';
+import { ConnectedPosition, Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
+import { ComponentPortal, PortalInjector } from '@angular/cdk/portal';
+import {
+  DISPLAY_COLUMNS_PANEL_DATA,
+  DisplayColumnsPanelComponent,
+  DisplayColumnsPanelData
+} from '@home/components/widget/lib/display-columns-panel.component';
+
+interface EntitiesTableWidgetSettings extends TableWidgetSettings {
+  entitiesTitle: string;
+  displayEntityName: boolean;
+  entityNameColumnTitle: string;
+  displayEntityType: boolean;
+}
+
+@Component({
+  selector: 'tb-entities-table-widget',
+  templateUrl: './entities-table-widget.component.html',
+  styleUrls: ['./entities-table-widget.component.scss', './table-widget.scss']
+})
+export class EntitiesTableWidgetComponent extends PageComponent implements OnInit, AfterViewInit {
+
+  @Input()
+  ctx: WidgetContext;
+
+  @ViewChild('searchInput') searchInputField: ElementRef;
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+  @ViewChild(MatSort) sort: MatSort;
+
+  public displayPagination = true;
+  public pageSizeOptions;
+  public pageLink: PageLink;
+  public sortOrderProperty: string;
+  public textSearchMode = false;
+  public columns: Array<EntityColumn> = [];
+  public displayedColumns: string[] = [];
+  public actionCellDescriptors: WidgetActionDescriptor[];
+  public entityDatasource: EntityDatasource;
+
+  private settings: EntitiesTableWidgetSettings;
+  private widgetConfig: WidgetConfig;
+  private subscription: IWidgetSubscription;
+
+  private defaultPageSize = 10;
+  private defaultSortOrder = 'entityName';
+
+  private contentsInfo: {[key: string]: CellContentInfo} = {};
+  private stylesInfo: {[key: string]: CellStyleInfo} = {};
+  private columnWidth: {[key: string]: string} = {};
+
+  private searchAction: WidgetAction = {
+    name: 'action.search',
+    show: true,
+    icon: 'search',
+    onAction: () => {
+      this.enterFilterMode();
+    }
+  };
+
+  private columnDisplayAction: WidgetAction = {
+    name: 'entity.columns-to-display',
+    show: true,
+    icon: 'view_column',
+    onAction: ($event) => {
+      this.editColumnsToDisplay($event);
+    }
+  };
+
+  constructor(protected store: Store<AppState>,
+              private elementRef: ElementRef,
+              private ngZone: NgZone,
+              private overlay: Overlay,
+              private viewContainerRef: ViewContainerRef,
+              private utils: UtilsService,
+              private translate: TranslateService,
+              private domSanitizer: DomSanitizer) {
+    super(store);
+
+    const sortOrder: SortOrder = sortOrderFromString(this.defaultSortOrder);
+    this.pageLink = new PageLink(this.defaultPageSize, 0, null, sortOrder);
+  }
+
+  ngOnInit(): void {
+    this.ctx.$scope.entitiesTableWidget = this;
+    this.settings = this.ctx.settings;
+    this.widgetConfig = this.ctx.widgetConfig;
+    this.subscription = this.ctx.defaultSubscription;
+    this.initializeConfig();
+    this.updateDatasources();
+    this.ctx.updateWidgetParams();
+  }
+
+  ngAfterViewInit(): void {
+    fromEvent(this.searchInputField.nativeElement, 'keyup')
+      .pipe(
+        debounceTime(150),
+        distinctUntilChanged(),
+        tap(() => {
+          if (this.displayPagination) {
+            this.paginator.pageIndex = 0;
+          }
+          this.updateData();
+        })
+      )
+      .subscribe();
+
+    if (this.displayPagination) {
+      this.sort.sortChange.subscribe(() => this.paginator.pageIndex = 0);
+    }
+    (this.displayPagination ? merge(this.sort.sortChange, this.paginator.page) : this.sort.sortChange)
+      .pipe(
+        tap(() => this.updateData())
+      )
+      .subscribe();
+    this.updateData();
+  }
+
+  public onDataUpdated() {
+    this.ngZone.run(() => {
+      this.entityDatasource.updateEntitiesData(this.subscription.data);
+      this.ctx.detectChanges();
+    });
+  }
+
+  private initializeConfig() {
+    this.ctx.widgetActions = [this.searchAction, this.columnDisplayAction];
+
+    this.actionCellDescriptors = this.ctx.actionsApi.getActionDescriptors('actionCellButton');
+
+    let entitiesTitle: string;
+
+    if (this.settings.entitiesTitle && this.settings.entitiesTitle.length) {
+      entitiesTitle = this.utils.customTranslation(this.settings.entitiesTitle, this.settings.entitiesTitle);
+    } else {
+      entitiesTitle = this.translate.instant('entity.entities');
+    }
+
+    const datasource = this.subscription.datasources[0];
+    this.ctx.widgetTitle = this.utils.createLabelFromDatasource(datasource, entitiesTitle);
+
+    this.searchAction.show = isDefined(this.settings.enableSearch) ? this.settings.enableSearch : true;
+    this.displayPagination = isDefined(this.settings.displayPagination) ? this.settings.displayPagination : true;
+    this.columnDisplayAction.show = isDefined(this.settings.enableSelectColumnDisplay) ? this.settings.enableSelectColumnDisplay : true;
+
+    const pageSize = this.settings.defaultPageSize;
+    if (isDefined(pageSize) && isNumber(pageSize) && pageSize > 0) {
+      this.defaultPageSize = pageSize;
+    }
+    this.pageSizeOptions = [this.defaultPageSize, this.defaultPageSize * 2, this.defaultPageSize * 3];
+    this.pageLink.pageSize = this.displayPagination ? this.defaultPageSize : Number.POSITIVE_INFINITY;
+
+    const cssString = constructTableCssString(this.widgetConfig);
+    const cssParser = new cssjs();
+    cssParser.testMode = false;
+    const namespace = 'entities-table-' + this.utils.hashCode(cssString);
+    cssParser.cssPreviewNamespace = namespace;
+    cssParser.createStyleElement(namespace, cssString);
+    $(this.elementRef.nativeElement).addClass(namespace);
+  }
+
+  private updateDatasources() {
+
+    const displayEntityName = isDefined(this.settings.displayEntityName) ? this.settings.displayEntityName : true;
+    let entityNameColumnTitle: string;
+    if (this.settings.entityNameColumnTitle && this.settings.entityNameColumnTitle.length) {
+      entityNameColumnTitle = this.utils.customTranslation(this.settings.entityNameColumnTitle, this.settings.entityNameColumnTitle);
+    } else {
+      entityNameColumnTitle = this.translate.instant('entity.entity-name');
+    }
+    const displayEntityType = isDefined(this.settings.displayEntityType) ? this.settings.displayEntityType : true;
+
+    if (displayEntityName) {
+      this.columns.push(
+        {
+          name: 'entityName',
+          label: 'entityName',
+          def: 'entityName',
+          title: entityNameColumnTitle
+        } as EntityColumn
+      );
+      this.contentsInfo.entityName = {
+        useCellContentFunction: false
+      };
+      this.stylesInfo.entityName = {
+        useCellStyleFunction: false
+      };
+      this.columnWidth.entityName = '0px';
+    }
+    if (displayEntityType) {
+      this.columns.push(
+        {
+          name: 'entityType',
+          label: 'entityType',
+          def: 'entityType',
+          title: this.translate.instant('entity.entity-type'),
+        } as EntityColumn
+      );
+      this.contentsInfo.entityType = {
+        useCellContentFunction: false
+      };
+      this.stylesInfo.entityType = {
+        useCellStyleFunction: false
+      };
+      this.columnWidth.entityType = '0px';
+    }
+
+    const dataKeys: Array<DataKey> = [];
+
+    const datasource = this.subscription.datasources[0];
+
+    if (datasource) {
+      datasource.dataKeys.forEach((entityDataKey) => {
+        const dataKey: EntityColumn = deepClone(entityDataKey) as EntityColumn;
+        if (dataKey.type === DataKeyType.function) {
+          dataKey.name = dataKey.label;
+        }
+        dataKeys.push(dataKey);
+
+        dataKey.title = this.utils.customTranslation(dataKey.label, dataKey.label);
+        dataKey.def = 'def' + this.columns.length;
+        const keySettings: TableWidgetDataKeySettings = dataKey.settings;
+
+        this.stylesInfo[dataKey.def] = getCellStyleInfo(keySettings);
+        this.contentsInfo[dataKey.def] = getCellContentInfo(keySettings, 'value, entity, ctx');
+        this.contentsInfo[dataKey.def].units = dataKey.units;
+        this.contentsInfo[dataKey.def].decimals = dataKey.decimals;
+        this.columnWidth[dataKey.def] = getColumnWidth(keySettings);
+        this.columns.push(dataKey);
+      });
+      this.displayedColumns.push(...this.columns.map(column => column.def));
+    }
+
+    if (this.settings.defaultSortOrder && this.settings.defaultSortOrder.length) {
+      this.defaultSortOrder = this.settings.defaultSortOrder;
+    }
+    this.pageLink.sortOrder = sortOrderFromString(this.defaultSortOrder);
+    this.sortOrderProperty = toEntityColumnDef(this.pageLink.sortOrder.property, this.columns);
+
+    if (this.actionCellDescriptors.length) {
+      this.displayedColumns.push('actions');
+    }
+    this.entityDatasource = new EntityDatasource(
+      this.translate, dataKeys, this.subscription.datasources);
+  }
+
+  private editColumnsToDisplay($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    const target = $event.target || $event.srcElement || $event.currentTarget;
+    const config = new OverlayConfig();
+    config.backdropClass = 'cdk-overlay-transparent-backdrop';
+    config.hasBackdrop = true;
+    const connectedPosition: ConnectedPosition = {
+      originX: 'end',
+      originY: 'bottom',
+      overlayX: 'end',
+      overlayY: 'top'
+    };
+    config.positionStrategy = this.overlay.position().flexibleConnectedTo(target as HTMLElement)
+      .withPositions([connectedPosition]);
+
+    const overlayRef = this.overlay.create(config);
+    overlayRef.backdropClick().subscribe(() => {
+      overlayRef.dispose();
+    });
+
+    const columns: DisplayColumn[] = this.columns.map(column => {
+      return {
+        title: column.title,
+        def: column.def,
+        display: this.displayedColumns.indexOf(column.def) > -1
+      };
+    });
+
+    const injectionTokens = new WeakMap<any, any>([
+      [DISPLAY_COLUMNS_PANEL_DATA, {
+        columns,
+        columnsUpdated: (newColumns) => {
+          this.displayedColumns = newColumns.filter(column => column.display).map(column => column.def);
+          this.displayedColumns.push('actions');
+        }
+      } as DisplayColumnsPanelData],
+      [OverlayRef, overlayRef]
+    ]);
+    const injector = new PortalInjector(this.viewContainerRef.injector, injectionTokens);
+    overlayRef.attach(new ComponentPortal(DisplayColumnsPanelComponent,
+      this.viewContainerRef, injector));
+    this.ctx.detectChanges();
+  }
+
+  private enterFilterMode() {
+    this.textSearchMode = true;
+    this.pageLink.textSearch = '';
+    this.ctx.hideTitlePanel = true;
+    this.ctx.detectChanges(true);
+    setTimeout(() => {
+      this.searchInputField.nativeElement.focus();
+      this.searchInputField.nativeElement.setSelectionRange(0, 0);
+    }, 10);
+  }
+
+  exitFilterMode() {
+    this.textSearchMode = false;
+    this.pageLink.textSearch = null;
+    if (this.displayPagination) {
+      this.paginator.pageIndex = 0;
+    }
+    this.updateData();
+    this.ctx.hideTitlePanel = false;
+    this.ctx.detectChanges(true);
+  }
+
+  private updateData() {
+    if (this.displayPagination) {
+      this.pageLink.page = this.paginator.pageIndex;
+      this.pageLink.pageSize = this.paginator.pageSize;
+    } else {
+      this.pageLink.page = 0;
+    }
+    this.pageLink.sortOrder.property = fromEntityColumnDef(this.sort.active, this.columns);
+    this.pageLink.sortOrder.direction = Direction[this.sort.direction.toUpperCase()];
+    this.entityDatasource.loadEntities(this.pageLink);
+    this.ctx.detectChanges();
+  }
+
+  public trackByColumnDef(index, column: EntityColumn) {
+    return column.def;
+  }
+
+  public headerStyle(key: EntityColumn): any {
+    const columnWidth = this.columnWidth[key.def];
+    return widthStyle(columnWidth);
+  }
+
+  public cellStyle(entity: EntityData, key: EntityColumn): any {
+    let style: any = {};
+    if (entity && key) {
+      const styleInfo = this.stylesInfo[key.def];
+      const value = getEntityValue(entity, key);
+      if (styleInfo.useCellStyleFunction && styleInfo.cellStyleFunction) {
+        try {
+          style = styleInfo.cellStyleFunction(value);
+        } catch (e) {
+          style = {};
+        }
+      } else {
+        style = this.defaultStyle(key, value);
+      }
+    }
+    if (!style.width) {
+      const columnWidth = this.columnWidth[key.def];
+      style = {...style, ...widthStyle(columnWidth)};
+    }
+    return style;
+  }
+
+  public cellContent(entity: EntityData, key: EntityColumn): SafeHtml {
+    if (entity && key) {
+      const contentInfo = this.contentsInfo[key.def];
+      const value = getEntityValue(entity, key);
+      let content = '';
+      if (contentInfo.useCellContentFunction && contentInfo.cellContentFunction) {
+        try {
+          content = contentInfo.cellContentFunction(value, entity, this.ctx);
+        } catch (e) {
+            content = '' + value;
+        }
+      } else {
+        const decimals = (contentInfo.decimals || contentInfo.decimals === 0) ? contentInfo.decimals : this.ctx.widgetConfig.decimals;
+        const units = contentInfo.units || this.ctx.widgetConfig.units;
+        content = this.ctx.utils.formatValue(value, decimals, units, true);
+      }
+      return isDefined(content) ? this.domSanitizer.bypassSecurityTrustHtml(content) : '';
+    } else {
+      return '';
+    }
+  }
+
+  public onRowClick($event: Event, entity: EntityData) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.entityDatasource.toggleCurrentEntity(entity);
+    const descriptors = this.ctx.actionsApi.getActionDescriptors('rowClick');
+    if (descriptors.length) {
+      let entityId;
+      let entityName;
+      if (entity) {
+        entityId = entity.id;
+        entityName = entity.entityName;
+      }
+      this.ctx.actionsApi.handleWidgetAction($event, descriptors[0], entityId, entityName);
+    }
+  }
+
+  public onActionButtonClick($event: Event, entity: EntityData, actionDescriptor: WidgetActionDescriptor) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    let entityId;
+    let entityName;
+    if (entity) {
+      entityId = entity.id;
+      entityName = entity.entityName;
+    }
+    this.ctx.actionsApi.handleWidgetAction($event, actionDescriptor, entityId, entityName);
+  }
+
+  private defaultStyle(key: EntityColumn, value: any): any {
+    return {};
+  }
+
+}
+
+
+
+class EntityDatasource implements DataSource<EntityData> {
+
+  private entitiesSubject = new BehaviorSubject<EntityData[]>([]);
+  private pageDataSubject = new BehaviorSubject<PageData<EntityData>>(emptyPageData<EntityData>());
+
+  private allEntities: Array<EntityData> = [];
+  private allEntitiesSubject = new BehaviorSubject<EntityData[]>([]);
+  private allEntities$: Observable<Array<EntityData>> = this.allEntitiesSubject.asObservable();
+
+  private currentEntity: EntityData = null;
+
+  constructor(
+       private translate: TranslateService,
+       private dataKeys: Array<DataKey>,
+       datasources: Array<Datasource>
+    ) {
+
+    for (const datasource of datasources) {
+      if (datasource.type === DatasourceType.entity && !datasource.entityId) {
+        continue;
+      }
+      const entity: EntityData = {
+        id: {} as EntityId,
+        entityName: datasource.entityName
+      };
+      if (datasource.entityId) {
+        entity.id.id = datasource.entityId;
+      }
+      if (datasource.entityType) {
+        entity.id.entityType = datasource.entityType;
+        entity.entityType = this.translate.instant(entityTypeTranslations.get(datasource.entityType).type);
+      } else {
+        entity.entityType = '';
+      }
+      this.dataKeys.forEach((dataKey) => {
+        entity[dataKey.label] = '';
+      });
+      this.allEntities.push(entity);
+    }
+    this.allEntitiesSubject.next(this.allEntities);
+  }
+
+  connect(collectionViewer: CollectionViewer): Observable<EntityData[] | ReadonlyArray<EntityData>> {
+    return this.entitiesSubject.asObservable();
+  }
+
+  disconnect(collectionViewer: CollectionViewer): void {
+    this.entitiesSubject.complete();
+    this.pageDataSubject.complete();
+  }
+
+  loadEntities(pageLink: PageLink) {
+    this.fetchEntities(pageLink).pipe(
+      catchError(() => of(emptyPageData<EntityData>())),
+    ).subscribe(
+      (pageData) => {
+        this.entitiesSubject.next(pageData.data);
+        this.pageDataSubject.next(pageData);
+      }
+    );
+  }
+
+  updateEntitiesData(data: DatasourceData[]) {
+    for (let i = 0; i < this.allEntities.length; i++) {
+      const entity = this.allEntities[i];
+      for (let a = 0; a < this.dataKeys.length; a++) {
+        const dataKey = this.dataKeys[a];
+        const index = i * this.dataKeys.length + a;
+        const keyData = data[index].data;
+        if (keyData && keyData.length && keyData[0].length > 1) {
+          const value = keyData[0][1];
+          entity[dataKey.label] = value;
+        } else {
+          entity[dataKey.label] = '';
+        }
+      }
+    }
+    this.allEntitiesSubject.next(this.allEntities);
+  }
+
+  isEmpty(): Observable<boolean> {
+    return this.entitiesSubject.pipe(
+      map((entities) => !entities.length)
+    );
+  }
+
+  total(): Observable<number> {
+    return this.pageDataSubject.pipe(
+      map((pageData) => pageData.totalElements)
+    );
+  }
+
+  public toggleCurrentEntity(entity: EntityData): boolean {
+    if (this.currentEntity !== entity) {
+      this.currentEntity = entity;
+      return true;
+    } else {
+      return false;
+    }
+  }
+
+  public isCurrentEntity(entity: EntityData): boolean {
+    return (this.currentEntity && entity && this.currentEntity.id && entity.id) &&
+      (this.currentEntity.id.id === entity.id.id);
+  }
+
+  private fetchEntities(pageLink: PageLink): Observable<PageData<EntityData>> {
+    return this.allEntities$.pipe(
+      map((data) => pageLink.filterData(data))
+    );
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/flot-widget.models.ts b/ui-ngx/src/app/modules/home/components/widget/lib/flot-widget.models.ts
new file mode 100644
index 0000000000..50c5c87369
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/flot-widget.models.ts
@@ -0,0 +1,593 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+// tslint:disable-next-line:no-reference
+/// <reference path="../../../../../../../src/typings/jquery.flot.typings.d.ts" />
+
+import { JsonSettingsSchema, DataKey, DatasourceData } from '@shared/models/widget.models';
+
+export declare type ChartType = 'line' | 'pie' | 'bar' | 'state' | 'graph';
+
+export declare type TbFlotSettings = TbFlotBaseSettings & TbFlotGraphSettings & TbFlotBarSettings & TbFlotPieSettings;
+
+export declare type TooltipValueFormatFunction = (value: any) => string;
+
+export declare type TbFlotTicksFormatterFunction = (t: number, a?: TbFlotPlotAxis) => string;
+
+export interface TbFlotSeries extends DatasourceData, JQueryPlotSeriesOptions {
+  dataKey: TbFlotDataKey;
+  yaxisIndex?: number;
+  yaxis?: number;
+}
+
+export interface TbFlotDataKey extends DataKey {
+  settings?: TbFlotKeySettings;
+  tooltipValueFormatFunction?: TooltipValueFormatFunction;
+}
+
+export interface TbFlotPlotAxis extends JQueryPlotAxis, TbFlotAxisOptions {
+  options: TbFlotAxisOptions;
+}
+
+export interface TbFlotAxisOptions extends JQueryPlotAxisOptions {
+  tickUnits?: string;
+  hidden?: boolean;
+  keysInfo?: Array<{hidden: boolean}>;
+  ticksFormatterFunction?: TbFlotTicksFormatterFunction;
+}
+
+export interface TbFlotPlotDataSeries extends JQueryPlotDataSeries {
+  dataKey?: TbFlotDataKey;
+  percent?: number;
+}
+
+export interface TbFlotPlotItem extends jquery.flot.item {
+  series: TbFlotPlotDataSeries;
+}
+
+export interface TbFlotHoverInfo {
+  seriesHover: Array<TbFlotSeriesHoverInfo>;
+  time?: any;
+}
+
+export interface TbFlotSeriesHoverInfo {
+  hoverIndex: number;
+  units: string;
+  decimals: number;
+  label: string;
+  color: string;
+  index: number;
+  tooltipValueFormatFunction: TooltipValueFormatFunction;
+  value: any;
+  time: any;
+  distance: number;
+}
+
+export interface TbFlotGridSettings {
+  color: string;
+  backgroundColor: string;
+  tickColor: string;
+  outlineWidth: number;
+  verticalLines: boolean;
+  horizontalLines: boolean;
+  minBorderMargin: number;
+  margin: number;
+}
+
+export interface TbFlotXAxisSettings {
+  showLabels: boolean;
+  title: string;
+  color: boolean;
+}
+
+export interface TbFlotYAxisSettings {
+  min: number;
+  max: number;
+  showLabels: boolean;
+  title: string;
+  color: string;
+  ticksFormatter: string;
+  tickDecimals: number;
+  tickSize: number;
+}
+
+export interface TbFlotBaseSettings {
+  stack: boolean;
+  shadowSize: number;
+  fontColor: string;
+  fontSize: number;
+  tooltipIndividual: boolean;
+  tooltipCumulative: boolean;
+  tooltipValueFormatter: string;
+  grid: TbFlotGridSettings;
+  xaxis: TbFlotXAxisSettings;
+  yaxis: TbFlotYAxisSettings;
+}
+
+export interface TbFlotGraphSettings extends TbFlotBaseSettings {
+  smoothLines: boolean;
+}
+
+export interface TbFlotBarSettings extends TbFlotBaseSettings {
+  defaultBarWidth: number;
+}
+
+export interface TbFlotPieSettings {
+  radius: number;
+  innerRadius: number;
+  tilt: number;
+  animatedPie: boolean;
+  stroke: {
+    color: string;
+    width: number;
+  };
+  showLabels: boolean;
+  fontColor: string;
+  fontSize: number;
+}
+
+export declare type TbFlotYAxisPosition = 'left' | 'right';
+
+export interface TbFlotKeySettings {
+  showLines: boolean;
+  fillLines: boolean;
+  showPoints: boolean;
+  lineWidth: number;
+  tooltipValueFormatter: string;
+  showSeparateAxis: boolean;
+  axisMin: number;
+  axisMax: number;
+  axisTitle: string;
+  axisTickDecimals: number;
+  axisTickSize: number;
+  axisPosition: TbFlotYAxisPosition;
+  axisTicksFormatter: string;
+}
+
+export function flotSettingsSchema(chartType: ChartType): JsonSettingsSchema {
+
+  const schema: JsonSettingsSchema = {
+    schema: {
+      type: 'object',
+      title: 'Settings',
+      properties: {
+      }
+    }
+  };
+
+  const properties: any = schema.schema.properties;
+  properties.stack = {
+    title: 'Stacking',
+    type: 'boolean',
+    default: false
+  };
+  if (chartType === 'graph') {
+    properties.smoothLines = {
+      title: 'Display smooth (curved) lines',
+      type: 'boolean',
+      default: false
+    };
+  }
+  if (chartType === 'bar') {
+    properties.defaultBarWidth = {
+      title: 'Default bar width for non-aggregated data (milliseconds)',
+      type: 'number',
+      default: 600
+    };
+  }
+  properties.shadowSize = {
+    title: 'Shadow size',
+    type: 'number',
+    default: 4
+  };
+  properties.fontColor =  {
+    title: 'Font color',
+    type: 'string',
+    default: '#545454'
+  };
+  properties.fontSize = {
+    title: 'Font size',
+    type: 'number',
+    default: 10
+  };
+  properties.tooltipIndividual = {
+    title: 'Hover individual points',
+    type: 'boolean',
+    default: false
+  };
+  properties.tooltipCumulative = {
+    title: 'Show cumulative values in stacking mode',
+    type: 'boolean',
+    default: false
+  };
+  properties.tooltipValueFormatter = {
+    title: 'Tooltip value format function, f(value)',
+    type: 'string',
+    default: ''
+  };
+
+  properties.grid = {
+    title: 'Grid settings',
+    type: 'object',
+    properties: {
+      color: {
+        title: 'Primary color',
+        type: 'string',
+        default: '#545454'
+      },
+      backgroundColor: {
+        title: 'Background color',
+        type: 'string',
+        default: null
+      },
+      tickColor: {
+        title: 'Ticks color',
+        type: 'string',
+        default: '#DDDDDD'
+      },
+      outlineWidth: {
+        title: 'Grid outline/border width (px)',
+        type: 'number',
+        default: 1
+      },
+      verticalLines: {
+        title: 'Show vertical lines',
+        type: 'boolean',
+        default: true
+      },
+      horizontalLines: {
+        title: 'Show horizontal lines',
+        type: 'boolean',
+        default: true
+      }
+    }
+  };
+
+  properties.xaxis = {
+    title: 'X axis settings',
+    type: 'object',
+    properties: {
+      showLabels: {
+        title: 'Show labels',
+        type: 'boolean',
+        default: true
+      },
+      title: {
+        title: 'Axis title',
+        type: 'string',
+        default: null
+      },
+      color: {
+        title: 'Ticks color',
+        type: 'string',
+        default: null
+      }
+    }
+  };
+
+  properties.yaxis = {
+    title: 'Y axis settings',
+    type: 'object',
+    properties: {
+      min: {
+        title: 'Minimum value on the scale',
+        type: 'number',
+        default: null
+      },
+      max: {
+        title: 'Maximum value on the scale',
+        type: 'number',
+        default: null
+      },
+      showLabels: {
+        title: 'Show labels',
+        type: 'boolean',
+        default: true
+      },
+      title: {
+        title: 'Axis title',
+        type: 'string',
+        default: null
+      },
+      color: {
+        title: 'Ticks color',
+        type: 'string',
+        default: null
+      },
+      ticksFormatter: {
+        title: 'Ticks formatter function, f(value)',
+        type: 'string',
+        default: ''
+      },
+      tickDecimals: {
+        title: 'The number of decimals to display',
+        type: 'number',
+        default: 0
+      },
+      tickSize: {
+        title: 'Step size between ticks',
+        type: 'number',
+        default: null
+      }
+    }
+  };
+
+  schema.schema.required = [];
+  schema.form = ['stack'];
+  if (chartType === 'graph') {
+    schema.form.push('smoothLines');
+  }
+  if (chartType === 'bar') {
+    schema.form.push('defaultBarWidth');
+  }
+  schema.form.push('shadowSize');
+  schema.form.push({
+    key: 'fontColor',
+    type: 'color'
+  });
+  schema.form.push('fontSize');
+  schema.form.push('tooltipIndividual');
+  schema.form.push('tooltipCumulative');
+  schema.form.push({
+    key: 'tooltipValueFormatter',
+    type: 'javascript'
+  });
+  schema.form.push({
+    key: 'grid',
+    items: [
+      {
+        key: 'grid.color',
+        type: 'color'
+      },
+      {
+        key: 'grid.backgroundColor',
+        type: 'color'
+      },
+      {
+        key: 'grid.tickColor',
+        type: 'color'
+      },
+      'grid.outlineWidth',
+      'grid.verticalLines',
+      'grid.horizontalLines'
+    ]
+  });
+  schema.form.push({
+    key: 'xaxis',
+    items: [
+      'xaxis.showLabels',
+      'xaxis.title',
+      {
+        key: 'xaxis.color',
+        type: 'color'
+      }
+    ]
+  });
+  schema.form.push({
+    key: 'yaxis',
+    items: [
+      'yaxis.min',
+      'yaxis.max',
+      'yaxis.tickDecimals',
+      'yaxis.tickSize',
+      'yaxis.showLabels',
+      'yaxis.title',
+      {
+        key: 'yaxis.color',
+        type: 'color'
+      },
+      {
+        key: 'yaxis.ticksFormatter',
+        type: 'javascript'
+      }
+    ]
+  });
+  return schema;
+}
+
+export const flotPieSettingsSchema: JsonSettingsSchema = {
+    schema: {
+      type: 'object',
+      title: 'Settings',
+      properties: {
+        radius: {
+          title: 'Radius',
+          type: 'number',
+          default: 1
+        },
+        innerRadius: {
+          title: 'Inner radius',
+          type: 'number',
+          default: 0
+        },
+        tilt: {
+          title: 'Tilt',
+          type: 'number',
+          default: 1
+        },
+        animatedPie: {
+          title: 'Enable pie animation (experimental)',
+          type: 'boolean',
+          default: false
+        },
+        stroke: {
+          title: 'Stroke',
+          type: 'object',
+          properties: {
+            color: {
+              title: 'Color',
+              type: 'string',
+              default: ''
+            },
+            width: {
+              title: 'Width (pixels)',
+              type: 'number',
+              default: 0
+            }
+          }
+        },
+        showLabels: {
+          title: 'Show labels',
+          type: 'boolean',
+          default: false
+        },
+        fontColor: {
+          title: 'Font color',
+          type: 'string',
+          default: '#545454'
+        },
+        fontSize: {
+          title: 'Font size',
+          type: 'number',
+          default: 10
+        }
+      },
+      required: []
+    },
+    form: [
+      'radius',
+      'innerRadius',
+      'animatedPie',
+      'tilt',
+      {
+        key: 'stroke',
+        items: [
+          {
+            key: 'stroke.color',
+            type: 'color'
+          },
+          'stroke.width'
+        ]
+      },
+      'showLabels',
+      {
+        key: 'fontColor',
+        type: 'color'
+      },
+      'fontSize'
+    ]
+};
+
+export function flotDatakeySettingsSchema(defaultShowLines: boolean): JsonSettingsSchema {
+  return {
+    schema: {
+      type: 'object',
+      title: 'DataKeySettings',
+      properties: {
+        showLines: {
+          title: 'Show lines',
+          type: 'boolean',
+          default: defaultShowLines
+        },
+        fillLines: {
+          title: 'Fill lines',
+          type: 'boolean',
+          default: false
+        },
+        showPoints: {
+          title: 'Show points',
+          type: 'boolean',
+          default: false
+        },
+        lineWidth: {
+          title: 'Line width',
+          type: 'number',
+          default: null
+        },
+        tooltipValueFormatter: {
+          title: 'Tooltip value format function, f(value)',
+          type: 'string',
+          default: ''
+        },
+        showSeparateAxis: {
+          title: 'Show separate axis',
+          type: 'boolean',
+          default: false
+        },
+        axisMin: {
+          title: 'Minimum value on the axis scale',
+          type: 'number',
+          default: null
+        },
+        axisMax: {
+          title: 'Maximum value on the axis scale',
+          type: 'number',
+          default: null
+        },
+        axisTitle: {
+          title: 'Axis title',
+          type: 'string',
+          default: ''
+        },
+        axisTickDecimals: {
+          title: 'Axis tick number of digits after floating point',
+          type: 'number',
+          default: null
+        },
+        axisTickSize: {
+          title: 'Axis step size between ticks',
+          type: 'number',
+          default: null
+        },
+        axisPosition: {
+          title: 'Axis position',
+          type: 'string',
+          default: 'left'
+        },
+        axisTicksFormatter: {
+          title: 'Ticks formatter function, f(value)',
+          type: 'string',
+          default: ''
+        }
+      },
+      required: ['showLines', 'fillLines', 'showPoints']
+    },
+    form: [
+      'showLines',
+      'fillLines',
+      'showPoints',
+      {
+        key: 'tooltipValueFormatter',
+        type: 'javascript'
+      },
+      'showSeparateAxis',
+      'axisMin',
+      'axisMax',
+      'axisTitle',
+      'axisTickDecimals',
+      'axisTickSize',
+      {
+        key: 'axisPosition',
+        type: 'rc-select',
+        multiple: false,
+        items: [
+          {
+            value: 'left',
+            label: 'Left'
+          },
+          {
+            value: 'right',
+            label: 'Right'
+          }
+        ]
+      },
+      {
+        key: 'axisTicksFormatter',
+        type: 'javascript'
+      }
+    ]
+  };
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/flot-widget.ts b/ui-ngx/src/app/modules/home/components/widget/lib/flot-widget.ts
new file mode 100644
index 0000000000..e5f7e3ebf5
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/flot-widget.ts
@@ -0,0 +1,1079 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+
+import { WidgetContext } from '@home/models/widget-component.models';
+import { deepClone, isDefined, isNumber, isUndefined } from '@app/core/utils';
+import { IWidgetSubscription } from '@core/api/widget-api.models';
+import { DatasourceData, JsonSettingsSchema } from '@app/shared/models/widget.models';
+import {
+  ChartType,
+  flotDatakeySettingsSchema,
+  flotPieSettingsSchema,
+  flotSettingsSchema,
+  TbFlotAxisOptions,
+  TbFlotHoverInfo,
+  TbFlotKeySettings,
+  TbFlotPlotAxis,
+  TbFlotPlotDataSeries,
+  TbFlotPlotItem,
+  TbFlotSeries,
+  TbFlotSeriesHoverInfo,
+  TbFlotSettings,
+  TbFlotTicksFormatterFunction,
+  TooltipValueFormatFunction
+} from './flot-widget.models';
+import * as moment_ from 'moment';
+import * as tinycolor_ from 'tinycolor2';
+import { AggregationType } from '@shared/models/time/time.models';
+import { CancelAnimationFrame } from '@core/services/raf.service';
+import Timeout = NodeJS.Timeout;
+
+const tinycolor = tinycolor_;
+const moment = moment_;
+
+const flotPieSettingsSchemaValue = flotPieSettingsSchema;
+
+export class TbFlot {
+
+  private settings: TbFlotSettings;
+
+  private readonly tooltip: JQuery<any>;
+
+  private readonly yAxisTickFormatter: TbFlotTicksFormatterFunction;
+  private ticksFormatterFunction: TbFlotTicksFormatterFunction;
+  private readonly yaxis: TbFlotAxisOptions;
+  private yaxes: Array<TbFlotAxisOptions>;
+
+  private readonly options: JQueryPlotOptions;
+  private subscription: IWidgetSubscription;
+  private $element: JQuery<any>;
+
+  private readonly trackUnits: string;
+  private readonly trackDecimals: number;
+  private readonly tooltipIndividual: boolean;
+  private readonly tooltipCumulative: boolean;
+
+  private readonly defaultBarWidth: number;
+
+  private plotInited = false;
+  private plot: JQueryPlot;
+
+  private createPlotTimeoutHandle: Timeout;
+  private updateTimeoutHandle: Timeout;
+  private resizeTimeoutHandle: Timeout;
+
+  private mouseEventsEnabled: boolean;
+  private isMouseInteraction = false;
+  private flotHoverHandler = this.onFlotHover.bind(this);
+  private flotSelectHandler = this.onFlotSelect.bind(this);
+  private dblclickHandler = this.onFlotDblClick.bind(this);
+  private mousedownHandler = this.onFlotMouseDown.bind(this);
+  private mouseupHandler = this.onFlotMouseUp.bind(this);
+  private mouseleaveHandler = this.onFlotMouseLeave.bind(this);
+
+  private readonly animatedPie: boolean;
+  private pieDataAnimationDuration: number;
+  private pieData: DatasourceData[];
+  private pieRenderedData: any[];
+  private pieTargetData: any[];
+  private pieAnimationStartTime: number;
+  private pieAnimationLastTime: number;
+  private pieAnimationCaf: CancelAnimationFrame;
+
+  static pieSettingsSchema(): JsonSettingsSchema {
+    return flotPieSettingsSchemaValue;
+  }
+
+  static pieDatakeySettingsSchema(): JsonSettingsSchema {
+    return {};
+  }
+
+  static settingsSchema(chartType: ChartType): JsonSettingsSchema {
+    return flotSettingsSchema(chartType);
+  }
+
+  static datakeySettingsSchema(defaultShowLines: boolean): JsonSettingsSchema {
+    return flotDatakeySettingsSchema(defaultShowLines);
+  }
+
+  constructor(private ctx: WidgetContext, private readonly chartType: ChartType) {
+    this.chartType = this.chartType || 'line';
+    this.settings = ctx.settings as TbFlotSettings;
+    this.tooltip = $('#flot-series-tooltip');
+    if (this.tooltip.length === 0) {
+      this.tooltip = this.createTooltipElement();
+    }
+
+    this.trackDecimals = ctx.decimals;
+    this.trackUnits = ctx.units;
+    this.tooltipIndividual = this.chartType === 'pie' || (isDefined(this.settings.tooltipIndividual)
+      ? this.settings.tooltipIndividual : false);
+    this.tooltipCumulative = isDefined(this.settings.tooltipCumulative) ? this.settings.tooltipCumulative : false;
+
+    const font = {
+      color: this.settings.fontColor || '#545454',
+      size: this.settings.fontSize || 10,
+      family: 'Roboto'
+    };
+
+    this.options = {
+      title: null,
+      subtitile: null,
+      shadowSize: isDefined(this.settings.shadowSize) ? this.settings.shadowSize : 4,
+      HtmlText: false,
+      grid: {
+        hoverable: true,
+        mouseActiveRadius: 10,
+        autoHighlight: this.tooltipIndividual === true
+      },
+      selection : { mode : ctx.isMobile ? null : 'x' },
+      legend : {
+        show: false
+      }
+    };
+
+    if (this.chartType === 'line' || this.chartType === 'bar' || this.chartType === 'state') {
+      this.options.xaxis = {
+        mode: 'time',
+        timezone: 'browser',
+        font: deepClone(font),
+        labelFont: deepClone(font)
+      };
+      this.yaxis = {
+        font: deepClone(font),
+        labelFont: deepClone(font)
+      };
+      if (this.settings.xaxis) {
+        if (this.settings.xaxis.showLabels === false) {
+          this.options.xaxis.tickFormatter = () => {
+            return '';
+          };
+        }
+        this.options.xaxis.font.color = this.settings.xaxis.color || this.options.xaxis.font.color;
+        this.options.xaxis.label = this.settings.xaxis.title || null;
+        this.options.xaxis.labelFont.color = this.options.xaxis.font.color;
+        this.options.xaxis.labelFont.size = this.options.xaxis.font.size + 2;
+        this.options.xaxis.labelFont.weight = 'bold';
+      }
+
+      this.yAxisTickFormatter = this.formatYAxisTicks.bind(this);
+
+      this.yaxis.tickFormatter = this.yAxisTickFormatter;
+
+      if (this.settings.yaxis) {
+        this.yaxis.font.color = this.settings.yaxis.color || this.yaxis.font.color;
+        this.yaxis.min = isDefined(this.settings.yaxis.min) ? this.settings.yaxis.min : null;
+        this.yaxis.max = isDefined(this.settings.yaxis.max) ? this.settings.yaxis.max : null;
+        this.yaxis.label = this.settings.yaxis.title || null;
+        this.yaxis.labelFont.color = this.yaxis.font.color;
+        this.yaxis.labelFont.size = this.yaxis.font.size + 2;
+        this.yaxis.labelFont.weight = 'bold';
+        if (isNumber(this.settings.yaxis.tickSize)) {
+          this.yaxis.tickSize = this.settings.yaxis.tickSize;
+        } else {
+          this.yaxis.tickSize = null;
+        }
+        if (isNumber(this.settings.yaxis.tickDecimals)) {
+          this.yaxis.tickDecimals = this.settings.yaxis.tickDecimals;
+        } else {
+          this.yaxis.tickDecimals = null;
+        }
+        if (this.settings.yaxis.ticksFormatter && this.settings.yaxis.ticksFormatter.length) {
+          try {
+            this.yaxis.ticksFormatterFunction = new Function('value',
+                                               this.settings.yaxis.ticksFormatter) as TbFlotTicksFormatterFunction;
+          } catch (e) {
+            this.yaxis.ticksFormatterFunction = null;
+          }
+        }
+      }
+
+      this.options.grid.borderWidth = 1;
+      this.options.grid.color = this.settings.fontColor || '#545454';
+
+      if (this.settings.grid) {
+        this.options.grid.color = this.settings.grid.color || '#545454';
+        this.options.grid.backgroundColor = this.settings.grid.backgroundColor || null;
+        this.options.grid.tickColor = this.settings.grid.tickColor || '#DDDDDD';
+        this. options.grid.borderWidth = isDefined(this.settings.grid.outlineWidth) ?
+          this.settings.grid.outlineWidth : 1;
+        if (this.settings.grid.verticalLines === false) {
+          this.options.xaxis.tickLength = 0;
+        }
+        if (this.settings.grid.horizontalLines === false) {
+          this.yaxis.tickLength = 0;
+        }
+        if (isDefined(this.settings.grid.margin)) {
+          this.options.grid.margin = this.settings.grid.margin;
+        }
+        if (isDefined(this.settings.grid.minBorderMargin)) {
+          this.options.grid.minBorderMargin = this.settings.grid.minBorderMargin;
+        }
+      }
+
+      this.options.crosshair = {
+        mode: 'x'
+      };
+
+      this.options.series = {
+        stack: this.settings.stack === true
+      };
+
+      if (this.chartType === 'line' && this.settings.smoothLines) {
+        this.options.series.curvedLines = {
+          active: true,
+          monotonicFit: true
+        };
+      }
+
+      if (this.chartType === 'bar') {
+        this.options.series.lines = {
+          show: false,
+          fill: false,
+          steps: false
+        };
+        this.options.series.bars = {
+          show: true,
+          lineWidth: 0,
+          fill: 0.9
+        };
+        this.defaultBarWidth = this.settings.defaultBarWidth || 600;
+      }
+
+      if (this.chartType === 'state') {
+        this.options.series.lines = {
+          steps: true,
+          show: true
+        };
+      }
+    } else if (this.chartType === 'pie') {
+      this.options.series = {
+        pie: {
+          show: true,
+          label: {
+            show: this.settings.showLabels === true
+          },
+          radius: this.settings.radius || 1,
+          innerRadius: this.settings.innerRadius || 0,
+          stroke: {
+            color: '#fff',
+            width: 0
+          },
+          tilt: this.settings.tilt || 1,
+          shadow: {
+            left: 5,
+            top: 15,
+            alpha: 0.02
+          }
+        }
+      };
+      if (this.settings.stroke) {
+        this.options.series.pie.stroke.color = this.settings.stroke.color || '#fff';
+        this.options.series.pie.stroke.width = this.settings.stroke.width || 0;
+      }
+
+      if (this.options.series.pie.label.show) {
+        this.options.series.pie.label.formatter = (label, series) => {
+          return `<div class='pie-label'>${series.dataKey.label}<br/>${Math.round(series.percent)}%</div>`;
+        };
+        this.options.series.pie.label.radius = 3 / 4;
+        this.options.series.pie.label.background = {
+          opacity: 0.8
+        };
+      }
+
+      // Experimental
+      this.animatedPie = this.settings.animatedPie === true;
+
+    }
+
+    if (this.ctx.defaultSubscription) {
+      this.init(this.ctx.$container, this.ctx.defaultSubscription);
+    }
+  }
+
+
+  private init($element: JQuery<any>, subscription: IWidgetSubscription) {
+    this.subscription = subscription;
+    this.$element = $element;
+    const colors: string[] = [];
+    this.yaxes = [];
+    const yaxesMap: {[units: string]: TbFlotAxisOptions} = {};
+
+    let tooltipValueFormatFunction: TooltipValueFormatFunction = null;
+    if (this.settings.tooltipValueFormatter && this.settings.tooltipValueFormatter.length) {
+      try {
+        tooltipValueFormatFunction = new Function('value', this.settings.tooltipValueFormatter) as TooltipValueFormatFunction;
+      } catch (e) {
+        tooltipValueFormatFunction = null;
+      }
+    }
+
+    for (let i = 0; i < this.subscription.data.length; i++) {
+      const series = this.subscription.data[i] as TbFlotSeries;
+      colors.push(series.dataKey.color);
+      const keySettings = series.dataKey.settings;
+      series.dataKey.tooltipValueFormatFunction = tooltipValueFormatFunction;
+      if (keySettings.tooltipValueFormatter && keySettings.tooltipValueFormatter.length) {
+        try {
+          series.dataKey.tooltipValueFormatFunction = new Function('value',
+            keySettings.tooltipValueFormatter) as TooltipValueFormatFunction;
+        } catch (e) {
+          series.dataKey.tooltipValueFormatFunction = tooltipValueFormatFunction;
+        }
+      }
+      series.lines = {
+        fill: keySettings.fillLines === true
+      };
+      if (this.chartType === 'line' || this.chartType === 'state') {
+        series.lines.show = keySettings.showLines !== false;
+      } else {
+        series.lines.show = keySettings.showLines === true;
+      }
+      if (isDefined(keySettings.lineWidth) && keySettings.lineWidth !== null) {
+        series.lines.lineWidth = keySettings.lineWidth;
+      }
+      series.points = {
+        show: false,
+        radius: 8
+      };
+      if (keySettings.showPoints === true) {
+        series.points.show = true;
+        series.points.lineWidth = 5;
+        series.points.radius = 3;
+      }
+      if (this.chartType === 'line' && this.settings.smoothLines && !series.points.show) {
+        series.curvedLines = {
+          apply: true
+        };
+      }
+
+      const lineColor = tinycolor(series.dataKey.color);
+      lineColor.setAlpha(.75);
+
+      series.highlightColor = lineColor.toRgbString();
+
+      if (this.yaxis) {
+        const units = series.dataKey.units && series.dataKey.units.length ? series.dataKey.units : this.trackUnits;
+        let yaxis: TbFlotAxisOptions;
+        if (keySettings.showSeparateAxis) {
+          yaxis = this.createYAxis(keySettings, units);
+          this.yaxes.push(yaxis);
+        } else {
+          yaxis = yaxesMap[units];
+          if (!yaxis) {
+            yaxis = this.createYAxis(keySettings, units);
+            yaxesMap[units] = yaxis;
+            this.yaxes.push(yaxis);
+          }
+        }
+        series.yaxisIndex = this.yaxes.indexOf(yaxis);
+        series.yaxis = series.yaxisIndex + 1;
+        yaxis.keysInfo[i] = {hidden: false};
+        yaxis.hidden = false;
+      }
+    }
+    this.options.colors = colors;
+    this.options.yaxes = deepClone(this.yaxes);
+    if (this.chartType === 'line' || this.chartType === 'bar' || this.chartType === 'state') {
+      if (this.chartType === 'bar') {
+        if (this.subscription.timeWindowConfig.aggregation &&
+          this.subscription.timeWindowConfig.aggregation.type === AggregationType.NONE) {
+          this.options.series.bars.barWidth = this.defaultBarWidth;
+        } else {
+          this.options.series.bars.barWidth = this.subscription.timeWindow.interval * 0.6;
+        }
+      }
+      this.options.xaxis.min = this.subscription.timeWindow.minTime;
+      this.options.xaxis.max = this.subscription.timeWindow.maxTime;
+    }
+
+    this.checkMouseEvents();
+
+    if (this.plot) {
+      this.plot.destroy();
+    }
+    if (this.chartType === 'pie' && this.animatedPie) {
+      this.pieDataAnimationDuration = 250;
+      this.pieData = deepClone(this.subscription.data);
+      this.pieRenderedData = [];
+      this.pieTargetData = [];
+      for (let i = 0; i < this.subscription.data.length; i++) {
+        this.pieTargetData[i] = (this.subscription.data[i].data && this.subscription.data[i].data[0])
+          ? this.subscription.data[i].data[0][1] : 0;
+      }
+      this.pieDataRendered();
+    }
+    this.plotInited = true;
+    this.createPlot();
+  }
+
+  public update() {
+    if (this.updateTimeoutHandle) {
+      clearTimeout(this.updateTimeoutHandle);
+      this.updateTimeoutHandle = null;
+    }
+    if (this.subscription) {
+      if (!this.isMouseInteraction && this.plot) {
+        if (this.chartType === 'line' || this.chartType === 'bar' || this.chartType === 'state') {
+
+          let axisVisibilityChanged = false;
+          if (this.yaxis) {
+            for (let i = 0; i < this.subscription.data.length; i++) {
+              const series = this.subscription.data[i] as TbFlotSeries;
+              const yaxisIndex = series.yaxisIndex;
+              if (this.yaxes[yaxisIndex].keysInfo[i].hidden !== series.dataKey.hidden) {
+                this.yaxes[yaxisIndex].keysInfo[i].hidden = series.dataKey.hidden;
+                axisVisibilityChanged = true;
+              }
+            }
+            if (axisVisibilityChanged) {
+              this.options.yaxes.length = 0;
+              this.yaxes.forEach((yaxis) => {
+                let hidden = true;
+                yaxis.keysInfo.forEach((info) => {
+                  if (info) {
+                    hidden = hidden && info.hidden;
+                  }
+                });
+                yaxis.hidden = hidden;
+                let newIndex = 1;
+                if (!yaxis.hidden) {
+                  this.options.yaxes.push(yaxis);
+                  newIndex = this.options.yaxes.length;
+                }
+                for (let k = 0; k < yaxis.keysInfo.length; k++) {
+                  if (yaxis.keysInfo[k]) {
+                    (this.subscription.data[k] as TbFlotSeries).yaxis = newIndex;
+                  }
+                }
+
+              });
+              this.options.yaxis = {
+                show: this.options.yaxes.length ? true : false
+              };
+            }
+          }
+
+          this.options.xaxis.min = this.subscription.timeWindow.minTime;
+          this.options.xaxis.max = this.subscription.timeWindow.maxTime;
+          if (this.chartType === 'bar') {
+            if (this.subscription.timeWindowConfig.aggregation &&
+              this.subscription.timeWindowConfig.aggregation.type === AggregationType.NONE) {
+              this.options.series.bars.barWidth = this.defaultBarWidth;
+            } else {
+              this.options.series.bars.barWidth = this.subscription.timeWindow.interval * 0.6;
+            }
+          }
+
+          if (axisVisibilityChanged) {
+            this.redrawPlot();
+          } else {
+            this.plot.getOptions().xaxes[0].min = this.subscription.timeWindow.minTime;
+            this.plot.getOptions().xaxes[0].max = this.subscription.timeWindow.maxTime;
+            if (this.chartType === 'bar') {
+              if (this.subscription.timeWindowConfig.aggregation &&
+                this.subscription.timeWindowConfig.aggregation.type === AggregationType.NONE) {
+                this.plot.getOptions().series.bars.barWidth = this.defaultBarWidth;
+              } else {
+                this.plot.getOptions().series.bars.barWidth = this.subscription.timeWindow.interval * 0.6;
+              }
+            }
+            this.updateData();
+          }
+        } else if (this.chartType === 'pie') {
+          if (this.animatedPie) {
+            this.nextPieDataAnimation(true);
+          } else {
+            this.updateData();
+          }
+        }
+      } else if (this.isMouseInteraction && this.plot) {
+        this.updateTimeoutHandle = setTimeout(this.update.bind(this), 30);
+      }
+    }
+  }
+
+  public resize() {
+    if (this.resizeTimeoutHandle) {
+      clearTimeout(this.resizeTimeoutHandle);
+      this.resizeTimeoutHandle = null;
+    }
+    if (this.plot && this.plotInited) {
+      const width = this.$element.width();
+      const height = this.$element.height();
+      if (width && height) {
+        this.plot.resize();
+        if (this.chartType !== 'pie') {
+          this.plot.setupGrid();
+        }
+        this.plot.draw();
+      } else {
+        this.resizeTimeoutHandle = setTimeout(this.resize.bind(this), 30);
+      }
+    }
+  }
+
+  public checkMouseEvents() {
+    const enabled = !this.ctx.isMobile &&  !this.ctx.isEdit;
+    if (isUndefined(this.mouseEventsEnabled) || this.mouseEventsEnabled !== enabled) {
+      this.mouseEventsEnabled = enabled;
+      if (this.$element) {
+        if (enabled) {
+          this.enableMouseEvents();
+        } else {
+          this.disableMouseEvents();
+        }
+        this.redrawPlot();
+      }
+    }
+  }
+
+  public destroy() {
+    this.cleanup();
+    if (this.plot) {
+      this.plot.destroy();
+      this.plot = null;
+      this.plotInited = false;
+    }
+  }
+
+  private cleanup() {
+    if (this.updateTimeoutHandle) {
+      clearTimeout(this.updateTimeoutHandle);
+      this.updateTimeoutHandle = null;
+    }
+    if (this.createPlotTimeoutHandle) {
+      clearTimeout(this.createPlotTimeoutHandle);
+      this.createPlotTimeoutHandle = null;
+    }
+    if (this.resizeTimeoutHandle) {
+      clearTimeout(this.resizeTimeoutHandle);
+      this.resizeTimeoutHandle = null;
+    }
+  }
+
+  private createPlot() {
+    if (this.createPlotTimeoutHandle) {
+      clearTimeout(this.createPlotTimeoutHandle);
+      this.createPlotTimeoutHandle = null;
+    }
+    if (this.plotInited && !this.plot) {
+      const width = this.$element.width();
+      const height = this.$element.height();
+      if (width && height) {
+        if (this.chartType === 'pie' && this.animatedPie) {
+          this.plot = $.plot(this.$element, this.pieData, this.options) as JQueryPlot;
+        } else {
+          this.plot = $.plot(this.$element, this.subscription.data, this.options) as JQueryPlot;
+        }
+      } else {
+        this.createPlotTimeoutHandle = setTimeout(this.createPlot.bind(this), 30);
+      }
+    }
+  }
+
+  private updateData() {
+    this.plot.setData(this.subscription.data);
+    if (this.chartType !== 'pie') {
+      this.plot.setupGrid();
+    }
+    this.plot.draw();
+  }
+
+  private redrawPlot() {
+    if (this.plot && this.plotInited) {
+      this.plot.destroy();
+      this.plot = null;
+      this.createPlot();
+    }
+  }
+
+  private createYAxis(keySettings: TbFlotKeySettings, units: string): TbFlotAxisOptions {
+    const yaxis = deepClone(this.yaxis);
+    let tickDecimals: number;
+    let tickSize: number;
+    const label = keySettings.axisTitle && keySettings.axisTitle.length ? keySettings.axisTitle : yaxis.label;
+    if (isNumber(keySettings.axisTickDecimals)) {
+      tickDecimals = keySettings.axisTickDecimals;
+    } else {
+      tickDecimals = yaxis.tickDecimals;
+    }
+    if (isNumber(keySettings.axisTickSize)) {
+      tickSize = keySettings.axisTickSize;
+    } else {
+      tickSize = yaxis.tickSize;
+    }
+    const position = keySettings.axisPosition && keySettings.axisPosition.length ? keySettings.axisPosition : 'left';
+    const min = isDefined(keySettings.axisMin) ? keySettings.axisMin : yaxis.min;
+    const max = isDefined(keySettings.axisMax) ? keySettings.axisMax : yaxis.max;
+    yaxis.label = label;
+    yaxis.min = min;
+    yaxis.max = max;
+    yaxis.tickUnits = units;
+    yaxis.tickDecimals = tickDecimals;
+    yaxis.tickSize = tickSize;
+    if (position === 'right' && tickSize === null) {
+      yaxis.alignTicksWithAxis = 1;
+    } else {
+      yaxis.alignTicksWithAxis = null;
+    }
+    yaxis.position = position;
+
+    yaxis.keysInfo = [];
+
+    if (keySettings.axisTicksFormatter && keySettings.axisTicksFormatter.length) {
+      try {
+        yaxis.ticksFormatterFunction = new Function('value', keySettings.axisTicksFormatter) as TbFlotTicksFormatterFunction;
+      } catch (e) {
+        yaxis.ticksFormatterFunction = this.yaxis.ticksFormatterFunction;
+      }
+    }
+    return yaxis;
+  }
+
+  private seriesInfoDiv(label: string, color: string, value: any,
+                        units: string, trackDecimals: number, active: boolean,
+                        percent: number, valueFormatFunction: TooltipValueFormatFunction): JQuery<HTMLElement> {
+    const divElement = $('<div></div>');
+    divElement.css({
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'flex-start'
+    });
+    const lineSpan = $('<span></span>');
+    lineSpan.css({
+      backgroundColor: color,
+      width: '20px',
+      height: '3px',
+      display: 'inline-block',
+      verticalAlign: 'middle',
+      marginRight: '5px'
+    });
+    divElement.append(lineSpan);
+    const labelSpan = $(`<span>${label}:</span>`);
+    labelSpan.css({
+      marginRight: '10px'
+    });
+    if (active) {
+      labelSpan.css({
+        color: '#FFF',
+        fontWeight: '700'
+      });
+    }
+    divElement.append(labelSpan);
+    let valueContent: string;
+    if (valueFormatFunction) {
+      valueContent = valueFormatFunction(value);
+    } else {
+      valueContent = this.ctx.utils.formatValue(value, trackDecimals, units);
+    }
+    if (isNumber(percent)) {
+      valueContent += ' (' + Math.round(percent) + ' %)';
+    }
+    const valueSpan =  $(`<span>${valueContent}</span>`);
+    valueSpan.css({
+      marginLeft: 'auto',
+      fontWeight: '700'
+    });
+    if (active) {
+      valueSpan.css({
+        color: '#FFF'
+      });
+    }
+    divElement.append(valueSpan);
+    return divElement;
+  }
+
+  private seriesInfoDivFromInfo(seriesHoverInfo: TbFlotSeriesHoverInfo, seriesIndex: number): string {
+    const units = seriesHoverInfo.units && seriesHoverInfo.units.length ? seriesHoverInfo.units : this.trackUnits;
+    const decimals = isDefined(seriesHoverInfo.decimals) ? seriesHoverInfo.decimals : this.trackDecimals;
+    const divElement = this.seriesInfoDiv(seriesHoverInfo.label, seriesHoverInfo.color,
+      seriesHoverInfo.value, units, decimals, seriesHoverInfo.index === seriesIndex, null, seriesHoverInfo.tooltipValueFormatFunction);
+    return divElement.prop('outerHTML');
+  }
+
+  private createTooltipElement(): JQuery<any> {
+    const tooltip = $('<div id="flot-series-tooltip" class="flot-mouse-value"></div>');
+    tooltip.css({
+      fontSize: '12px',
+      fontFamily: 'Roboto',
+      fontWeight: '300',
+      lineHeight: '18px',
+      opacity: '1',
+      backgroundColor: 'rgba(0,0,0,0.7)',
+      color: '#D9DADB',
+      position: 'absolute',
+      display: 'none',
+      zIndex: '1100',
+      padding: '4px 10px',
+      borderRadius: '4px'
+    }).appendTo('body');
+    return tooltip;
+  }
+
+  private formatPieTooltip(item: TbFlotPlotItem): string {
+    const units = item.series.dataKey.units && item.series.dataKey.units.length ? item.series.dataKey.units : this.trackUnits;
+    const decimals = isDefined(item.series.dataKey.decimals) ? item.series.dataKey.decimals : this.trackDecimals;
+    const divElement = this.seriesInfoDiv(item.series.dataKey.label, item.series.dataKey.color,
+      item.datapoint[1][0][1], units, decimals, true, item.series.percent, item.series.dataKey.tooltipValueFormatFunction);
+    return divElement.prop('outerHTML');
+  }
+
+  private formatChartTooltip(hoverInfo: TbFlotHoverInfo, seriesIndex: number): string {
+    let content = '';
+    const timestamp = parseInt(hoverInfo.time, 10);
+    const date = moment(timestamp).format('YYYY-MM-DD HH:mm:ss');
+    const dateDiv = $(`<div>${date}</div>`);
+    dateDiv.css({
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      padding: '4px',
+      fontWeight: '700'
+    });
+    content += dateDiv.prop('outerHTML');
+    if (this.tooltipIndividual) {
+      const found = hoverInfo.seriesHover.find((seriesHover) => {
+        return seriesHover.index === seriesIndex;
+      });
+      if (found) {
+        content += this.seriesInfoDivFromInfo(found, seriesIndex);
+      }
+    } else {
+      const seriesDiv = $('<div></div>');
+      seriesDiv.css({
+        display: 'flex',
+        flexDirection: 'row'
+      });
+      const maxRows = 15;
+      const columns = Math.ceil(hoverInfo.seriesHover.length / maxRows);
+      let columnsContent = '';
+      for (let c = 0; c < columns; c++) {
+        const columnDiv = $('<div></div>');
+        columnDiv.css({
+          display: 'flex',
+          flexDirection: 'column'
+        });
+        let columnContent = '';
+        for (let i = c * maxRows; i < (c + 1) * maxRows; i++) {
+          if (i === hoverInfo.seriesHover.length) {
+            break;
+          }
+          const seriesHoverInfo = hoverInfo.seriesHover[i];
+          columnContent += this.seriesInfoDivFromInfo(seriesHoverInfo, seriesIndex);
+        }
+        columnDiv.html(columnContent);
+        if (c > 0) {
+          columnsContent += '<span style="width: 20px;"></span>';
+        }
+        columnsContent += columnDiv.prop('outerHTML');
+      }
+      seriesDiv.html(columnsContent);
+      content += seriesDiv.prop('outerHTML');
+    }
+    return content;
+  }
+
+  private formatYAxisTicks(value: number, axis?: TbFlotPlotAxis): string {
+    if (this.settings.yaxis && this.settings.yaxis.showLabels === false) {
+      return '';
+    }
+    if (axis.options.ticksFormatterFunction) {
+      return axis.options.ticksFormatterFunction(value);
+    }
+    const factor = axis.options.tickDecimals ? Math.pow(10, axis.options.tickDecimals) : 1;
+    let formatted = '' + Math.round(value * factor) / factor;
+    if (isDefined(axis.options.tickDecimals) && axis.options.tickDecimals !== null) {
+      const decimal = formatted.indexOf('.');
+      const precision = decimal === -1 ? 0 : formatted.length - decimal - 1;
+      if (precision < axis.options.tickDecimals) {
+        formatted = (precision ? formatted : formatted + '.') + ('' + factor).substr(1, axis.options.tickDecimals - precision);
+      }
+    }
+    if (axis.options.tickUnits) {
+      formatted += ' ' + axis.options.tickUnits;
+    }
+    return formatted;
+  }
+
+  private enableMouseEvents() {
+    this.$element.css('pointer-events', '');
+    this.$element.addClass('mouse-events');
+    this.options.selection = { mode : 'x' };
+    this.$element.bind('plothover', this.flotHoverHandler);
+    this.$element.bind('plotselected', this.flotSelectHandler);
+    this.$element.bind('dblclick', this.dblclickHandler);
+    this.$element.bind('mousedown', this.mousedownHandler);
+    this.$element.bind('mouseup', this.mouseupHandler);
+    this.$element.bind('mouseleave', this.mouseleaveHandler);
+  }
+
+  private disableMouseEvents() {
+    this.$element.css('pointer-events', 'none');
+    this.$element.removeClass('mouse-events');
+    this.options.selection = { mode : null };
+    this.$element.unbind('plothover', this.flotHoverHandler);
+    this.$element.unbind('plotselected', this.flotSelectHandler);
+    this.$element.unbind('dblclick', this.dblclickHandler);
+    this.$element.unbind('mousedown', this.mousedownHandler);
+    this.$element.unbind('mouseup', this.mouseupHandler);
+    this.$element.unbind('mouseleave', this.mouseleaveHandler);
+  }
+
+  private onFlotHover(e: any, pos: JQueryPlotPoint, item: TbFlotPlotItem) {
+    if (!this.plot) {
+      return;
+    }
+    if (!this.tooltipIndividual || item) {
+      const multipleModeTooltip = !this.tooltipIndividual;
+      if (multipleModeTooltip) {
+        this.plot.unhighlight();
+      }
+      const pageX = pos.pageX;
+      const pageY = pos.pageY;
+
+      let tooltipHtml;
+      let hoverInfo: TbFlotHoverInfo;
+
+      if (this.chartType === 'pie') {
+        tooltipHtml = this.formatPieTooltip(item);
+      } else {
+        hoverInfo = this.getHoverInfo(this.plot.getData(), pos);
+        if (isNumber(hoverInfo.time)) {
+          hoverInfo.seriesHover.sort((a, b) => {
+            return b.value - a.value;
+          });
+          tooltipHtml = this.formatChartTooltip(hoverInfo, item ? item.seriesIndex : -1);
+        }
+      }
+      if (tooltipHtml) {
+        this.tooltip.html(tooltipHtml)
+          .css({top: 0, left: 0})
+          .fadeIn(200);
+
+        const windowWidth = $( window ).width();
+        const windowHeight = $( window ).height();
+        const tooltipWidth = this.tooltip.width();
+        const tooltipHeight = this.tooltip.height();
+        let left = pageX + 5;
+        let top = pageY + 5;
+        if (windowWidth - pageX < tooltipWidth + 50) {
+          left = pageX - tooltipWidth - 10;
+        }
+        if (windowHeight - pageY < tooltipHeight + 20) {
+          top = pageY - tooltipHeight - 10;
+        }
+        this.tooltip.css({
+          top,
+          left
+        });
+        if (multipleModeTooltip) {
+          hoverInfo.seriesHover.forEach((seriesHoverInfo) => {
+            this.plot.highlight(seriesHoverInfo.index, seriesHoverInfo.hoverIndex);
+          });
+        }
+      }
+    } else {
+      this.tooltip.stop(true);
+      this.tooltip.hide();
+      this.plot.unhighlight();
+    }
+  }
+
+  private onFlotSelect(e: any, ranges: JQueryPlotSelectionRanges) {
+    if (!this.plot) {
+      return;
+    }
+    this.plot.clearSelection();
+    this.subscription.onUpdateTimewindow(ranges.xaxis.from, ranges.xaxis.to);
+  }
+
+  private onFlotDblClick() {
+    this.subscription.onResetTimewindow();
+  }
+
+  private onFlotMouseDown() {
+    this.isMouseInteraction = true;
+  }
+
+  private onFlotMouseUp() {
+    this.isMouseInteraction = false;
+  }
+
+  private onFlotMouseLeave() {
+    if (!this.tooltip) {
+      return;
+    }
+    this.tooltip.stop(true);
+    this.tooltip.hide();
+    if (this.plot) {
+      this.plot.unhighlight();
+    }
+    this.isMouseInteraction = false;
+  }
+
+  private getHoverInfo(seriesList: TbFlotPlotDataSeries[], pos: JQueryPlotPoint): TbFlotHoverInfo {
+    let i: number;
+    let series: TbFlotPlotDataSeries;
+    let hoverIndex: number;
+    let hoverDistance: number;
+    let minDistance: number;
+    let pointTime: any;
+    let minTime: any;
+    let value: any;
+    let lastValue: any;
+    const results: TbFlotHoverInfo = {
+      seriesHover: []
+    };
+    for (i = 0; i < seriesList.length; i++) {
+      series = seriesList[i];
+      hoverIndex = this.findHoverIndexFromData(pos.x, series);
+      if (series.data[hoverIndex] && series.data[hoverIndex][0]) {
+        hoverDistance = pos.x - series.data[hoverIndex][0];
+        pointTime = series.data[hoverIndex][0];
+
+        if (!minDistance
+          || (hoverDistance >= 0 && (hoverDistance < minDistance || minDistance < 0))
+          || (hoverDistance < 0 && hoverDistance > minDistance)) {
+          minDistance = hoverDistance;
+          minTime = pointTime;
+        }
+        if (series.stack) {
+          if (this.tooltipIndividual || !this.tooltipCumulative) {
+            value = series.data[hoverIndex][1];
+          } else {
+            lastValue += series.data[hoverIndex][1];
+            value = lastValue;
+          }
+        } else {
+          value = series.data[hoverIndex][1];
+        }
+        if (series.stack || (series.curvedLines && series.curvedLines.apply)) {
+          hoverIndex = this.findHoverIndexFromDataPoints(pos.x, series, hoverIndex);
+        }
+        results.seriesHover.push({
+          value,
+          hoverIndex,
+          color: series.dataKey.color,
+          label: series.dataKey.label,
+          units: series.dataKey.units,
+          decimals: series.dataKey.decimals,
+          tooltipValueFormatFunction: series.dataKey.tooltipValueFormatFunction,
+          time: pointTime,
+          distance: hoverDistance,
+          index: i
+        });
+      }
+    }
+    results.time = minTime;
+    return results;
+  }
+
+  private findHoverIndexFromData(posX: number, series: TbFlotPlotDataSeries): number {
+    let lower = 0;
+    let upper = series.data.length - 1;
+    let middle: number;
+    const index: number = null;
+    while (index === null) {
+      if (lower > upper) {
+        return Math.max(upper, 0);
+      }
+      middle = Math.floor((lower + upper) / 2);
+      if (series.data[middle][0] === posX) {
+        return middle;
+      } else if (series.data[middle][0] < posX) {
+        lower = middle + 1;
+      } else {
+        upper = middle - 1;
+      }
+    }
+  }
+
+  private findHoverIndexFromDataPoints(posX: number, series: TbFlotPlotDataSeries, last: number): number {
+    const ps = series.datapoints.pointsize;
+    const initial = last * ps;
+    const len = series.datapoints.points.length;
+    let j: number;
+    for (j = initial; j < len; j += ps) {
+      if ((!series.lines.steps && series.datapoints.points[initial] != null && series.datapoints.points[j] == null)
+        || series.datapoints.points[j] > posX) {
+        return Math.max(j - ps,  0) / ps;
+      }
+    }
+    return j / ps - 1;
+  }
+
+  pieDataRendered() {
+    for (let i = 0; i < this.pieTargetData.length; i++) {
+      const value = this.pieTargetData[i] ? this.pieTargetData[i] : 0;
+      this.pieRenderedData[i] = value;
+      if (!this.pieData[i].data[0]) {
+        this.pieData[i].data[0] = [0, 0];
+      }
+      this.pieData[i].data[0][1] = value;
+    }
+  }
+
+  nextPieDataAnimation(start) {
+    if (start) {
+      this.finishPieDataAnimation();
+      this.pieAnimationStartTime = this.pieAnimationLastTime = Date.now();
+      for (let i = 0;  i < this.subscription.data.length; i++) {
+        this.pieTargetData[i] = (this.subscription.data[i].data && this.subscription.data[i].data[0])
+          ? this.subscription.data[i].data[0][1] : 0;
+      }
+    }
+    if (this.pieAnimationCaf) {
+      this.pieAnimationCaf();
+      this.pieAnimationCaf = null;
+    }
+    this.pieAnimationCaf = this.ctx.$scope.raf.raf(this.onPieDataAnimation.bind(this));
+  }
+
+  onPieDataAnimation() {
+    const time = Date.now();
+    const elapsed = time - this.pieAnimationLastTime; // this.pieAnimationStartTime;
+    const progress = (time - this.pieAnimationStartTime) / this.pieDataAnimationDuration;
+    if (progress >= 1) {
+      this.finishPieDataAnimation();
+    } else {
+      if (elapsed >= 40) {
+        for (let i = 0; i < this.pieTargetData.length; i++) {
+          const prevValue = this.pieRenderedData[i];
+          const targetValue = this.pieTargetData[i];
+          const value = prevValue + (targetValue - prevValue) * progress;
+          if (!this.pieData[i].data[0]) {
+            this.pieData[i].data[0] = [0, 0];
+          }
+          this.pieData[i].data[0][1] = value;
+        }
+        this.plot.setData(this.pieData);
+        this.plot.draw();
+        this.pieAnimationLastTime = time;
+      }
+      this.nextPieDataAnimation(false);
+    }
+  }
+
+  private finishPieDataAnimation() {
+    this.pieDataRendered();
+    this.plot.setData(this.pieData);
+    this.plot.draw();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/knob.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/knob.component.html
new file mode 100644
index 0000000000..eeed8fa486
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/knob.component.html
@@ -0,0 +1,45 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-knob" fxLayout="column" [ngStyle]="{'pointerEvents': ctx.isEdit ? 'none' : 'all'}">
+  <div #knobContainer id="knob-container" fxFlex fxLayout="column" fxLayoutAlign="center center">
+    <div #knob class="knob">
+      <div #knobValueContainer class="value-container" fxLayout="row" fxLayoutAlign="center center">
+        <span #knobValue class="knob-value">{{ value }}</span>
+      </div>
+      <div class="canvas-background"></div>
+      <canvas #canvasBar id="canvasBar"></canvas>
+      <div #knobTopPointerContainer class="top-pointer-container">
+        <div #knobTopPointer class="top-pointer"></div>
+      </div>
+      <div class="top"></div>
+      <div #knobErrorContainer class="error-container" [ngStyle]="{'background': error?.length ? 'rgba(255,255,255,0.25)' : 'none'}"
+           fxLayout="row" fxLayoutAlign="center center">
+        <span #knobError class="knob-error">{{ error }}</span>
+      </div>
+      <div #knobTitleContainer class="title-container" fxLayout="row" fxLayoutAlign="center center">
+        <span #knobTitle class="knob-title">{{ title }}</span>
+      </div>
+      <div #knobMinmaxContainer class="minmax-container" fxLayout="row" fxLayoutAlign="start center">
+        <span class="minmax-label">min</span>
+        <span fxFlex></span>
+        <span class="minmax-label">max</span>
+      </div>
+      <div #textMeasure id="text-measure"></div>
+    </div>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/knob.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/knob.component.scss
new file mode 100644
index 0000000000..990647f2df
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/knob.component.scss
@@ -0,0 +1,168 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+$knob-img: url("./svg/knob.svg") !default;
+
+$bars-margin-pct: percentage(.033) !default;
+$background-margin-pct: percentage(.05) !default;
+$value-container-margin-pct: percentage(.35) !default;
+$error-height: percentage(.05) !default;
+$title-height: percentage(.066) !default;
+$title-container-margin-pct: percentage(.2) !default;
+$title-container-margin-bottom-pct: percentage(.05) !default;
+$minmax-height: percentage(.04) !default;
+$minmax-container-margin-pct: percentage(.18) !default;
+$minmax-container-margin-bottom-pct: percentage(.12) !default;
+
+$background-color: #e6e7e8 !default;
+
+:host {
+  .tb-knob {
+    width: 100%;
+    height: 100%;
+    background: $background-color;
+
+    .knob {
+      position: relative;
+
+      &[draggable] {
+        user-select: none;
+      }
+
+      #canvasBar {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        z-index: 2;
+      }
+
+      .canvas-background {
+        position: absolute;
+        top: $background-margin-pct;
+        right: $background-margin-pct;
+        bottom: $background-margin-pct;
+        left: $background-margin-pct;
+        z-index: 2;
+        background: #3f4346;
+        border-radius: 50%;
+      }
+
+      .value-container {
+        position: absolute;
+        top: $value-container-margin-pct;
+        right: $value-container-margin-pct;
+        bottom: $value-container-margin-pct;
+        left: $value-container-margin-pct;
+        z-index: 4;
+
+        .knob-value {
+          font-weight: 500;
+          color: #fff;
+          white-space: nowrap;
+        }
+      }
+
+      .error-container {
+        position: absolute;
+        top: 1%;
+        right: 0;
+        left: 0;
+        z-index: 4;
+        height: $error-height;
+
+        .knob-error {
+          color: #ff3315;
+          white-space: nowrap;
+        }
+      }
+
+      .title-container {
+        position: absolute;
+        right: $title-container-margin-pct;
+        bottom: $title-container-margin-bottom-pct;
+        left: $title-container-margin-pct;
+        z-index: 4;
+        height: $title-height;
+
+        .knob-title {
+          font-weight: 500;
+          color: #757575;
+          white-space: nowrap;
+        }
+      }
+
+      .minmax-container {
+        position: absolute;
+        right: $minmax-container-margin-pct;
+        bottom: $minmax-container-margin-bottom-pct;
+        left: $minmax-container-margin-pct;
+        z-index: 4;
+        height: $minmax-height;
+
+        .minmax-label {
+          font-weight: 500;
+          color: #757575;
+          white-space: nowrap;
+        }
+      }
+
+      .top-pointer-container {
+        position: absolute;
+        top: $bars-margin-pct;
+        right: $bars-margin-pct;
+        bottom: $bars-margin-pct;
+        left: $bars-margin-pct;
+        z-index: 3;
+        cursor: pointer !important;
+
+        .top-pointer {
+          position: absolute;
+          top: 50%;
+          left: 22%;
+          width: 5%;
+          height: 5%;
+          margin-top: -2.5%;
+          cursor: pointer !important;
+          content: "";
+          background-color: #b5b5b5;
+          border-radius: 50%;
+          box-shadow: 1px 0 2px #040404;
+        }
+      }
+
+      .top {
+        position: absolute;
+        top: $bars-margin-pct;
+        right: $bars-margin-pct;
+        bottom: $bars-margin-pct;
+        left: $bars-margin-pct;
+        z-index: 2;
+        cursor: pointer !important;
+        background: $knob-img no-repeat;
+        background-size: contain;
+      }
+
+      #text-measure {
+        position: absolute;
+        width: auto;
+        height: auto;
+        white-space: nowrap;
+        visibility: hidden;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/knob.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/knob.component.ts
new file mode 100644
index 0000000000..a0aef62729
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/knob.component.ts
@@ -0,0 +1,436 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, ElementRef, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { WidgetContext } from '@home/models/widget-component.models';
+import { UtilsService } from '@core/services/utils.service';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { isDefined, isNumber } from '@core/utils';
+import { CanvasDigitalGauge, CanvasDigitalGaugeOptions } from '@home/components/widget/lib/canvas-digital-gauge';
+import GenericOptions = CanvasGauges.GenericOptions;
+import * as tinycolor_ from 'tinycolor2';
+
+const tinycolor = tinycolor_;
+
+interface KnobSettings {
+  minValue: number;
+  maxValue: number;
+  initialValue: number;
+  title: string;
+  getValueMethod: string;
+  setValueMethod: string;
+  requestTimeout: number;
+}
+
+@Component({
+  selector: 'tb-knob',
+  templateUrl: './knob.component.html',
+  styleUrls: ['./knob.component.scss']
+})
+export class KnobComponent extends PageComponent implements OnInit, OnDestroy {
+
+  @ViewChild('knob', {static: true}) knobRef: ElementRef<HTMLElement>;
+  @ViewChild('knobContainer', {static: true}) knobContainerRef: ElementRef<HTMLElement>;
+  @ViewChild('knobTopPointerContainer', {static: true}) knobTopPointerContainerRef: ElementRef<HTMLElement>;
+  @ViewChild('knobTopPointer', {static: true}) knobTopPointerRef: ElementRef<HTMLElement>;
+  @ViewChild('knobValueContainer', {static: true}) knobValueContainerRef: ElementRef<HTMLElement>;
+  @ViewChild('knobValue', {static: true}) knobValueRef: ElementRef<HTMLElement>;
+  @ViewChild('knobErrorContainer', {static: true}) knobErrorContainerRef: ElementRef<HTMLElement>;
+  @ViewChild('knobError', {static: true}) knobErrorRef: ElementRef<HTMLElement>;
+  @ViewChild('knobTitleContainer', {static: true}) knobTitleContainerRef: ElementRef<HTMLElement>;
+  @ViewChild('knobTitle', {static: true}) knobTitleRef: ElementRef<HTMLElement>;
+  @ViewChild('knobMinmaxContainer', {static: true}) knobMinmaxContainerRef: ElementRef<HTMLElement>;
+  @ViewChild('textMeasure', {static: true}) textMeasureRef: ElementRef<HTMLElement>;
+  @ViewChild('canvasBar', {static: true}) canvasBarElementRef: ElementRef<HTMLElement>;
+
+  @Input()
+  ctx: WidgetContext;
+
+  value = '0';
+  error = '';
+  title = '';
+  minValue: number;
+  maxValue: number;
+
+  private startDeg = -1;
+  private currentDeg = 0;
+  private rotation = 0;
+  private lastDeg = 0;
+  private moving = false;
+
+  private minDeg = -45;
+  private maxDeg = 225;
+
+  private isSimulated: boolean;
+  private requestTimeout: number;
+  private getValueMethod: string;
+  private setValueMethod: string;
+
+  private executingUpdateValue: boolean;
+  private scheduledValue: number;
+  private rpcValue: number;
+
+  private knob: JQuery<HTMLElement>;
+  private knobContainer: JQuery<HTMLElement>;
+  private knobTopPointerContainer: JQuery<HTMLElement>;
+  private knobTopPointer: JQuery<HTMLElement>;
+  private knobValueContainer: JQuery<HTMLElement>;
+  private knobValue: JQuery<HTMLElement>;
+  private knobTitleContainer: JQuery<HTMLElement>;
+  private knobTitle: JQuery<HTMLElement>;
+  private knobErrorContainer: JQuery<HTMLElement>;
+  private knobError: JQuery<HTMLElement>;
+  private knobMinmaxContainer: JQuery<HTMLElement>;
+  private minmaxLabel: JQuery<HTMLElement>;
+  private textMeasure: JQuery<HTMLElement>;
+  private canvasBarElement: HTMLElement;
+
+  private canvasBar: CanvasDigitalGauge;
+
+  private knobResizeListener: any;
+
+  constructor(private utils: UtilsService,
+              protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+    this.knob = $(this.knobRef.nativeElement);
+    this.knobContainer = $(this.knobContainerRef.nativeElement);
+    this.knobTopPointerContainer = $(this.knobTopPointerContainerRef.nativeElement);
+    this.knobTopPointer = $(this.knobTopPointerRef.nativeElement);
+    this.knobValueContainer = $(this.knobValueContainerRef.nativeElement);
+    this.knobValue = $(this.knobValueRef.nativeElement);
+    this.knobTitleContainer = $(this.knobTitleContainerRef.nativeElement);
+    this.knobTitle = $(this.knobTitleRef.nativeElement);
+    this.knobErrorContainer = $(this.knobErrorContainerRef.nativeElement);
+    this.knobError = $(this.knobErrorRef.nativeElement);
+    this.knobMinmaxContainer = $(this.knobMinmaxContainerRef.nativeElement);
+    this.minmaxLabel = this.knobMinmaxContainer.find('.minmax-label');
+    this.textMeasure = $(this.textMeasureRef.nativeElement);
+    this.canvasBarElement = this.canvasBarElementRef.nativeElement;
+
+    this.knobResizeListener = this.resize.bind(this);
+    // @ts-ignore
+    addResizeListener(this.knobContainerRef.nativeElement, this.knobResizeListener);
+    this.init();
+  }
+
+  ngOnDestroy(): void {
+    if (this.knobResizeListener) {
+      // @ts-ignore
+      removeResizeListener(this.knobContainerRef.nativeElement, this.knobResizeListener);
+    }
+  }
+
+  private init() {
+    const settings: KnobSettings = this.ctx.settings;
+
+    this.minValue = isDefined(settings.minValue) ? settings.minValue : 0;
+    this.maxValue = isDefined(settings.maxValue) ? settings.maxValue : 100;
+    this.title = isDefined(settings.title) ? settings.title : '';
+
+    const levelColors = ['#19ff4b', '#ffff19', '#ff3232'];
+
+    const canvasBarData: CanvasDigitalGaugeOptions = {
+      renderTo: this.canvasBarElement,
+      hideValue: true,
+      neonGlowBrightness: 0,
+      gaugeWidthScale: 0.4,
+      gaugeColor: 'rgba(0, 0, 0, 0)',
+      levelColors,
+      minValue: this.minValue,
+      maxValue: this.maxValue,
+      gaugeType: 'donut',
+      dashThickness: 2,
+      donutStartAngle: 3/4*Math.PI,
+      donutEndAngle: 9/4*Math.PI,
+      animation: false
+    };
+
+    this.canvasBar = new CanvasDigitalGauge(canvasBarData).draw();
+
+    this.knob.on('click', (e) => {
+      if (this.moving) {
+        this.moving = false;
+        return false;
+      }
+      e.preventDefault();
+
+      const offset = this.knob.offset();
+      const center = {
+        y : offset.top + this.knob.height()/2,
+        x: offset.left + this.knob.width()/2
+      };
+      const rad2deg = 180/Math.PI;
+      const t: Touch = ((e.originalEvent as any).touches) ? (e.originalEvent as any).touches[0] : e;
+
+      const a = center.y - t.pageY;
+      const b = center.x - t.pageX;
+      let deg = Math.atan2(a,b)*rad2deg;
+      if(deg < 0){
+        deg = 360 + deg;
+      }
+      if (deg > this.maxDeg) {
+        if (deg - 360 > this.minDeg) {
+          deg = deg - 360;
+        } else {
+          return false;
+        }
+      }
+      this.currentDeg = deg;
+      this.lastDeg = deg;
+      this.knobTopPointerContainer.css('transform','rotate('+(this.currentDeg)+'deg)');
+      this.turn(this.degreeToRatio(this.currentDeg));
+      this.rotation = this.currentDeg;
+      this.startDeg = -1;
+    });
+
+    this.knob.on('mousedown touchstart', (e) => {
+      e.preventDefault();
+      const offset = this.knob.offset();
+      const center = {
+        y : offset.top + this.knob.height()/2,
+        x: offset.left + this.knob.width()/2
+      };
+      const rad2deg = 180/Math.PI;
+
+      this.knob.on('mousemove.rem touchmove.rem', (ev) => {
+        this.moving = true;
+        const t: Touch = ((ev.originalEvent as any).touches) ? (ev.originalEvent as any).touches[0] : ev;
+
+        const a = center.y - t.pageY;
+        const b = center.x - t.pageX;
+        let deg = Math.atan2(a,b)*rad2deg;
+        if(deg < 0){
+          deg = 360 + deg;
+        }
+
+        if(this.startDeg === -1){
+          this.startDeg = deg;
+        }
+
+        let tmp = Math.floor((deg-this.startDeg) + this.rotation);
+
+        if(tmp < 0){
+          tmp = 360 + tmp;
+        }
+        else if(tmp > 359){
+          tmp = tmp % 360;
+        }
+
+        if (tmp > this.maxDeg) {
+          if (tmp - 360 > this.minDeg) {
+            tmp = tmp - 360;
+          } else {
+            const deltaMax = Math.abs(this.maxDeg - this.lastDeg);
+            const deltaMin = Math.abs(this.minDeg - this.lastDeg);
+            if (deltaMax < deltaMin) {
+              tmp = this.maxDeg;
+            } else {
+              tmp = this.minDeg;
+            }
+          }
+        }
+        if(Math.abs(tmp - this.lastDeg) > 180){
+          this.startDeg = deg;
+          this.rotation = this.currentDeg;
+          return false;
+        }
+
+        this.currentDeg = tmp;
+        this.lastDeg = tmp;
+
+        this.knobTopPointerContainer.css('transform','rotate('+(this.currentDeg)+'deg)');
+        this.turn(this.degreeToRatio(this.currentDeg));
+      });
+
+      $(document).on('mouseup.rem  touchend.rem',() => {
+        this.knob.off('.rem');
+        $(document).off('.rem');
+        this.rotation = this.currentDeg;
+        this.startDeg = -1;
+      });
+
+    });
+
+    const initialValue = isDefined(settings.initialValue) ? settings.initialValue : this.minValue;
+    this.setValue(initialValue);
+
+    const subscription = this.ctx.defaultSubscription;
+    const rpcEnabled = subscription.rpcEnabled;
+
+    this.isSimulated = this.utils.widgetEditMode;
+
+    this.requestTimeout = 500;
+    if (settings.requestTimeout) {
+      this.requestTimeout = settings.requestTimeout;
+    }
+    this.getValueMethod = 'getValue';
+    if (settings.getValueMethod && settings.getValueMethod.length) {
+      this.getValueMethod = settings.getValueMethod;
+    }
+    this.setValueMethod = 'setValue';
+    if (settings.setValueMethod && settings.setValueMethod.length) {
+      this.setValueMethod = settings.setValueMethod;
+    }
+    if (!rpcEnabled) {
+      this.onError('Target device is not set!');
+    } else {
+      if (!this.isSimulated) {
+        this.rpcRequestValue();
+      }
+    }
+  }
+
+  private degreeToRatio(degree: number): number {
+    return (degree-this.minDeg)/(this.maxDeg-this.minDeg);
+  }
+
+  private ratioToDegree(ratio: number): number {
+    return this.minDeg + ratio*(this.maxDeg-this.minDeg);
+  }
+
+  private turn(ratio: number) {
+    const value = Number((this.minValue + (this.maxValue - this.minValue)*ratio).toFixed(this.ctx.decimals));
+    if (this.canvasBar.value !== value) {
+      this.canvasBar.value = value;
+    }
+    this.updateColor(this.canvasBar.getValueColor());
+    this.onValue(value);
+  }
+
+  private resize() {
+    const width = this.knobContainer.width();
+    const height = this.knobContainer.height();
+    const size = Math.min(width, height);
+    this.knob.css({width: size, height: size});
+    this.canvasBar.update({width: size, height: size} as GenericOptions);
+    this.setFontSize(this.knobTitle, this.title, this.knobTitleContainer.height(), this.knobTitleContainer.width());
+    this.setFontSize(this.knobError, this.error, this.knobErrorContainer.height(), this.knobErrorContainer.width());
+    const minmaxHeight = this.knobMinmaxContainer.height();
+    this.minmaxLabel.css({fontSize: minmaxHeight+'px', lineHeight: minmaxHeight+'px'});
+    this.checkValueSize();
+  }
+
+  private checkValueSize() {
+    const fontSize = this.knobValueContainer.height()/3.3;
+    const containerWidth = this.knobValueContainer.width();
+    this.setFontSize(this.knobValue, this.value+'', fontSize, containerWidth);
+  }
+
+  private setFontSize(element: JQuery<HTMLElement>, text: string, fontSize: number, maxWidth: number) {
+    let textWidth = this.measureTextWidth(text, fontSize);
+    while (textWidth > maxWidth) {
+      fontSize--;
+      textWidth = this.measureTextWidth(text, fontSize);
+    }
+    element.css({fontSize: fontSize+'px', lineHeight: fontSize+'px'});
+  }
+
+  private measureTextWidth(text: string, fontSize: number): number {
+    this.textMeasure.css({fontSize: fontSize+'px', lineHeight: fontSize+'px'});
+    this.textMeasure.text(text);
+    return this.textMeasure.width();
+  }
+
+  private setValue(value: number) {
+    const ratio = (value-this.minValue) / (this.maxValue - this.minValue);
+    this.rotation = this.lastDeg = this.currentDeg = this.ratioToDegree(ratio);
+    this.knobTopPointerContainer.css('transform','rotate('+(this.currentDeg)+'deg)');
+    if (this.canvasBar.value !== value) {
+      this.canvasBar.value = value;
+    }
+    this.updateColor(this.canvasBar.getValueColor());
+    this.value = this.formatValue(value);
+    this.checkValueSize();
+    this.ctx.detectChanges();
+  }
+
+  private updateColor(color: string) {
+    const glowColor = tinycolor(color).brighten(30).toHexString();
+    this.knobValue.css({color: glowColor});
+    const textShadow = `${color} 1px 1px 10px, ${glowColor} 1px 1px 10px`;
+    this.knobValue.css({textShadow});
+    this.knobTopPointer.css({backgroundColor: glowColor});
+    const boxShadow = `inset 1px 0 2px #040404, 1px 1px 8px 2px ${glowColor}`;
+    this.knobTopPointer.css({boxShadow});
+  }
+
+  private onValue(value: number) {
+    this.value = this.formatValue(value);
+    this.checkValueSize();
+    this.rpcUpdateValue(value);
+    this.ctx.detectChanges();
+  }
+
+  private formatValue(value: any): string {
+    return this.ctx.utils.formatValue(value, this.ctx.decimals, this.ctx.units, true);
+  }
+
+  private rpcRequestValue() {
+    this.error = '';
+    this.ctx.controlApi.sendTwoWayCommand(this.getValueMethod, null, this.requestTimeout).subscribe(
+      (responseBody) => {
+        if (isNumber(responseBody)) {
+          const numValue = Number(Number(responseBody).toFixed(this.ctx.decimals));
+          this.setValue(numValue);
+        } else {
+          const errorText = `Unable to parse response: ${responseBody}`;
+          this.onError(errorText);
+        }
+      },
+      () => {
+        const errorText = this.ctx.defaultSubscription.rpcErrorText;
+        this.onError(errorText);
+      }
+    );
+  }
+
+  private rpcUpdateValue(value: number) {
+    if (this.executingUpdateValue) {
+      this.scheduledValue = value;
+      return;
+    } else {
+      this.scheduledValue = null;
+      this.rpcValue = value;
+      this.executingUpdateValue = true;
+    }
+    this.error = '';
+    this.ctx.controlApi.sendOneWayCommand(this.setValueMethod, value, this.requestTimeout).subscribe(
+      () => {
+        this.executingUpdateValue = false;
+        if (this.scheduledValue != null && this.scheduledValue !== this.rpcValue) {
+          this.rpcUpdateValue(this.scheduledValue);
+        }
+      },
+      () => {
+        this.executingUpdateValue = false;
+        const errorText = this.ctx.defaultSubscription.rpcErrorText;
+        this.onError(errorText);
+      }
+    );
+  }
+
+  private onError(error: string) {
+    this.error = error;
+    this.setFontSize(this.knobError, this.error, this.knobErrorContainer.height(), this.knobErrorContainer.width());
+    this.ctx.detectChanges();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/led-indicator.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/led-indicator.component.html
new file mode 100644
index 0000000000..58f2337843
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/led-indicator.component.html
@@ -0,0 +1,32 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-led-indicator" fxLayout="column">
+  <div fxFlex="20" #ledTitleContainer class="title-container" fxLayout="row" fxLayoutAlign="center center" [fxShow]="showTitle">
+    <span #ledTitle class="led-title">{{title}}</span>
+  </div>
+  <div fxFlex="{{showTitle ? 80 : 100}}"
+       [ngStyle]="{paddingTop: showTitle ? '5px': '10px'}" #ledContainer id="led-container" fxLayout="column" fxLayoutAlign="center center">
+    <div #led class="led">
+    </div>
+  </div>
+  <div #ledErrorContainer class="error-container" [ngStyle]="{'background': error?.length ? 'rgba(255,255,255,0.25)' : 'none'}"
+       fxLayout="row" fxLayoutAlign="center center">
+    <span #ledError class="led-error">{{ error }}</span>
+  </div>
+  <div #textMeasure id="text-measure"></div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/led-indicator.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/led-indicator.component.scss
new file mode 100644
index 0000000000..dcb1752256
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/led-indicator.component.scss
@@ -0,0 +1,74 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import "node_modules/compass-sass-mixins/lib/compass";
+
+$error-height: 14px !default;
+
+$background-color: #e6e7e8 !default;
+
+:host {
+  .tb-led-indicator {
+    width: 100%;
+    height: 100%;
+    background: $background-color;
+
+    .title-container {
+      .led-title {
+        font-weight: 500;
+        color: #757575;
+        white-space: nowrap;
+      }
+    }
+
+    .error-container {
+      position: absolute;
+      top: 1%;
+      right: 0;
+      left: 0;
+      z-index: 4;
+      height: $error-height;
+
+      .led-error {
+        color: #ff3315;
+        white-space: nowrap;
+      }
+    }
+
+    #text-measure {
+      position: absolute;
+      width: auto;
+      height: auto;
+      white-space: nowrap;
+      visibility: hidden;
+    }
+
+    #led-container {
+      padding: 10px;
+
+      .led {
+        position: relative;
+        cursor: pointer;
+        background-image: radial-gradient(circle closest-corner at 50% 50%, transparent, rgba(0, 0, 0, .25));
+        border-radius: 50%;
+        transition: background-color .5s, box-shadow .5s;
+
+        &.disabled {
+          background-image: radial-gradient(circle closest-corner at 50% 50%, rgba(255, 255, 255, .5), rgba(0, 0, 0, .1));
+        }
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/led-indicator.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/led-indicator.component.ts
new file mode 100644
index 0000000000..f7ba48880c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/led-indicator.component.ts
@@ -0,0 +1,346 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, ElementRef, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { WidgetContext } from '@home/models/widget-component.models';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { isDefined } from '@core/utils';
+import * as tinycolor_ from 'tinycolor2';
+import { UtilsService } from '@core/services/utils.service';
+import { IWidgetSubscription, SubscriptionInfo, WidgetSubscriptionOptions } from '@core/api/widget-api.models';
+import { DatasourceType, widgetType } from '@shared/models/widget.models';
+import { EntityType } from '@shared/models/entity-type.models';
+import Timeout = NodeJS.Timeout;
+
+const tinycolor = tinycolor_;
+
+const checkStatusPollingInterval = 10000;
+
+type RetrieveValueMethod = 'attribute' | 'timeseries';
+
+interface LedIndicatorSettings {
+  initialValue: boolean;
+  title: string;
+  ledColor: string;
+  performCheckStatus: boolean;
+  checkStatusMethod: string;
+  retrieveValueMethod: RetrieveValueMethod;
+  valueAttribute: string;
+  parseValueFunction: string;
+  requestTimeout: number;
+}
+
+@Component({
+  selector: 'tb-led-indicator',
+  templateUrl: './led-indicator.component.html',
+  styleUrls: ['./led-indicator.component.scss']
+})
+export class LedIndicatorComponent extends PageComponent implements OnInit, OnDestroy {
+
+  @ViewChild('led', {static: true}) ledRef: ElementRef<HTMLElement>;
+  @ViewChild('ledContainer', {static: true}) ledContainerRef: ElementRef<HTMLElement>;
+  @ViewChild('textMeasure', {static: true}) textMeasureRef: ElementRef<HTMLElement>;
+  @ViewChild('ledTitleContainer', {static: true}) ledTitleContainerRef: ElementRef<HTMLElement>;
+  @ViewChild('ledTitle', {static: true}) ledTitleRef: ElementRef<HTMLElement>;
+  @ViewChild('ledErrorContainer', {static: true}) ledErrorContainerRef: ElementRef<HTMLElement>;
+  @ViewChild('ledError', {static: true}) ledErrorRef: ElementRef<HTMLElement>;
+
+  @Input()
+  ctx: WidgetContext;
+
+  showTitle = false;
+  value = false;
+  error = '';
+  title = '';
+
+  private valueAttribute: string;
+  private ledColor: string;
+  private ledMiddleColor: string;
+  private disabledColor: string;
+  private disabledMiddleColor: string;
+
+  private isSimulated: boolean;
+  private requestTimeout: number;
+  private retrieveValueMethod: RetrieveValueMethod;
+  private parseValueFunction: (data: any) => boolean;
+  private performCheckStatus: boolean;
+  private checkStatusMethod: string;
+
+  private destroyed = false;
+  private checkStatusTimeoutHandle: Timeout;
+  private subscription: IWidgetSubscription;
+
+  private led: JQuery<HTMLElement>;
+  private ledContainer: JQuery<HTMLElement>;
+  private textMeasure: JQuery<HTMLElement>;
+  private ledTitleContainer: JQuery<HTMLElement>;
+  private ledTitle: JQuery<HTMLElement>;
+  private ledErrorContainer: JQuery<HTMLElement>;
+  private ledError: JQuery<HTMLElement>;
+
+  private ledResizeListener: any;
+
+  private subscriptionOptions: WidgetSubscriptionOptions = {
+    callbacks: {
+      onDataUpdated: (subscription, detectChanges) => this.ctx.ngZone.run(() => {
+        this.onDataUpdated(subscription, detectChanges);
+      }),
+      onDataUpdateError: (subscription, e) => this.ctx.ngZone.run(() => {
+        this.onDataUpdateError(subscription, e);
+      }),
+      dataLoading: () => {}
+    }
+  };
+
+
+  constructor(private utils: UtilsService,
+              protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+    this.led = $(this.ledRef.nativeElement);
+    this.ledContainer = $(this.ledContainerRef.nativeElement);
+    this.textMeasure = $(this.textMeasureRef.nativeElement);
+    this.ledTitleContainer = $(this.ledTitleContainerRef.nativeElement);
+    this.ledTitle = $(this.ledTitleRef.nativeElement);
+    this.ledErrorContainer = $(this.ledErrorContainerRef.nativeElement);
+    this.ledError = $(this.ledErrorRef.nativeElement);
+
+    this.ledResizeListener = this.resize.bind(this);
+    // @ts-ignore
+    addResizeListener(this.ledContainerRef.nativeElement, this.ledResizeListener);
+    this.init();
+  }
+
+  ngOnDestroy(): void {
+    this.destroyed = true;
+    if (this.checkStatusTimeoutHandle) {
+      clearTimeout(this.checkStatusTimeoutHandle);
+    }
+    if (this.subscription) {
+      this.ctx.subscriptionApi.removeSubscription(this.subscription.id);
+    }
+    if (this.ledResizeListener) {
+      // @ts-ignore
+      removeResizeListener(this.ledContainerRef.nativeElement, this.ledResizeListener);
+    }
+  }
+
+  private init() {
+    const settings: LedIndicatorSettings = this.ctx.settings;
+    this.title = isDefined(settings.title) ? settings.title : '';
+    this.showTitle = !!(this.title && this.title.length);
+
+    const origColor = isDefined(settings.ledColor) ? settings.ledColor : 'green';
+    this.valueAttribute = isDefined(settings.valueAttribute) ? settings.valueAttribute : 'value';
+
+    this.ledColor = tinycolor(origColor).brighten(30).toHexString();
+    this.ledMiddleColor = tinycolor(origColor).toHexString();
+    this.disabledColor = tinycolor(origColor).darken(40).toHexString();
+    this.disabledMiddleColor = tinycolor(origColor).darken(60).toHexString();
+
+    const initialValue = isDefined(settings.initialValue) ? settings.initialValue : false;
+    this.setValue(initialValue, true);
+
+    const subscription = this.ctx.defaultSubscription;
+    const rpcEnabled = subscription.rpcEnabled;
+
+    this.isSimulated = this.utils.widgetEditMode;
+
+    this.requestTimeout = 500;
+    if (settings.requestTimeout) {
+      this.requestTimeout = settings.requestTimeout;
+    }
+    this.retrieveValueMethod = 'attribute';
+    if (settings.retrieveValueMethod && settings.retrieveValueMethod.length) {
+      this.retrieveValueMethod = settings.retrieveValueMethod;
+    }
+    this.parseValueFunction = (data) => !!data;
+    if (settings.parseValueFunction && settings.parseValueFunction.length) {
+      try {
+        this.parseValueFunction = new Function('data', settings.parseValueFunction) as (data: any) => boolean;
+      } catch (e) {
+        this.parseValueFunction = (data) => !!data;
+      }
+    }
+    this.performCheckStatus = settings.performCheckStatus !== false;
+    if (this.performCheckStatus) {
+      this.checkStatusMethod = 'checkStatus';
+      if (settings.checkStatusMethod && settings.checkStatusMethod.length) {
+        this.checkStatusMethod = settings.checkStatusMethod;
+      }
+    }
+    if (!rpcEnabled) {
+      this.onError('Target device is not set!');
+    } else {
+      if (!this.isSimulated) {
+        if (this.performCheckStatus) {
+          this.rpcCheckStatus();
+        } else {
+          this.subscribeForValue();
+        }
+      }
+    }
+  }
+
+  private resize() {
+    const width = this.ledContainer.width();
+    const height = this.ledContainer.height();
+    const size = Math.min(width, height);
+
+    this.led.css({width: size, height: size});
+
+    if (this.showTitle) {
+      this.setFontSize(this.ledTitle, this.title, this.ledTitleContainer.height() * 2 / 3, this.ledTitleContainer.width());
+    }
+    this.setFontSize(this.ledError, this.error, this.ledErrorContainer.height(), this.ledErrorContainer.width());
+  }
+
+  private setFontSize(element: JQuery<HTMLElement>, text: string, fontSize: number, maxWidth: number) {
+    let textWidth = this.measureTextWidth(text, fontSize);
+    while (textWidth > maxWidth) {
+      fontSize--;
+      textWidth = this.measureTextWidth(text, fontSize);
+    }
+    element.css({fontSize: fontSize+'px', lineHeight: fontSize+'px'});
+  }
+
+  private measureTextWidth(text: string, fontSize: number): number {
+    this.textMeasure.css({fontSize: fontSize+'px', lineHeight: fontSize+'px'});
+    this.textMeasure.text(text);
+    return this.textMeasure.width();
+  }
+
+  private onError(error: string) {
+    this.error = error;
+    this.setFontSize(this.ledError, this.error, this.ledErrorContainer.height(), this.ledErrorContainer.width());
+    this.ctx.detectChanges();
+  }
+
+  private setValue(value: boolean, forceUpdate?: boolean) {
+    if (this.value !== value || forceUpdate) {
+      this.value = value;
+      this.updateColor();
+    }
+  }
+
+  private updateColor() {
+    const color = this.value ? this.ledColor : this.disabledColor;
+    const middleColor = this.value ? this.ledMiddleColor : this.disabledMiddleColor;
+    const boxShadow = `#000 0 -1px 6px 1px, inset ${middleColor} 0 -1px 8px, ${color} 0 3px 11px`;
+    this.led.css({backgroundColor: color});
+    this.led.css({boxShadow});
+    if (this.value) {
+      this.led.removeClass( 'disabled' );
+    } else {
+      this.led.addClass( 'disabled' );
+    }
+  }
+
+  private rpcCheckStatus() {
+    if (this.destroyed) {
+      return;
+    }
+    this.error = '';
+    this.ctx.controlApi.sendTwoWayCommand(this.checkStatusMethod, null, this.requestTimeout).subscribe(
+      (responseBody) => {
+        const status = !!responseBody;
+        if (status) {
+          if (this.checkStatusTimeoutHandle) {
+            clearTimeout(this.checkStatusTimeoutHandle);
+            this.checkStatusTimeoutHandle = null;
+          }
+          this.subscribeForValue();
+        } else {
+          const errorText = 'Unknown device status!';
+          this.onError(errorText);
+          if (this.checkStatusTimeoutHandle) {
+            clearTimeout(this.checkStatusTimeoutHandle);
+          }
+          this.checkStatusTimeoutHandle = setTimeout(this.rpcCheckStatus.bind(this), checkStatusPollingInterval);
+        }
+      },
+      () => {
+        const errorText = this.ctx.defaultSubscription.rpcErrorText;
+        this.onError(errorText);
+        if (this.checkStatusTimeoutHandle) {
+          clearTimeout(this.checkStatusTimeoutHandle);
+        }
+        this.checkStatusTimeoutHandle = setTimeout(this.rpcCheckStatus.bind(this), checkStatusPollingInterval);
+      }
+    );
+  }
+
+  private subscribeForValue() {
+    const subscriptionsInfo: SubscriptionInfo[] = [{
+      type: DatasourceType.entity,
+      entityType: EntityType.DEVICE,
+      entityId: this.ctx.defaultSubscription.targetDeviceId
+    }];
+
+    if (this.retrieveValueMethod === 'attribute') {
+      subscriptionsInfo[0].attributes = [
+        {name: this.valueAttribute}
+      ];
+    } else {
+      subscriptionsInfo[0].timeseries = [
+        {name: this.valueAttribute}
+      ];
+    }
+
+    this.ctx.subscriptionApi.createSubscriptionFromInfo (
+      widgetType.latest, subscriptionsInfo, this.subscriptionOptions, false, true).subscribe(
+      (subscription) => {
+        this.subscription = subscription;
+      }
+    );
+  }
+
+  private onDataUpdated (subscription: IWidgetSubscription, detectChanges: boolean) {
+    let value = false;
+    const data = subscription.data;
+    if (data.length) {
+      const keyData = data[0];
+      if (keyData && keyData.data && keyData.data[0]) {
+        const attrValue = keyData.data[0][1];
+        if (attrValue) {
+          let parsed = null;
+          try {
+            parsed = this.parseValueFunction(JSON.parse(attrValue));
+          } catch (e){/**/}
+          value = !!parsed;
+        }
+      }
+    }
+    this.setValue(value);
+    if (detectChanges) {
+      this.ctx.detectChanges();
+    }
+  }
+
+  private onDataUpdateError(subscription: IWidgetSubscription, e: any) {
+    const exceptionData = this.utils.parseException(e);
+    let errorText = exceptionData.name;
+    if (exceptionData.message) {
+      errorText += ': ' + exceptionData.message;
+    }
+    this.onError(errorText);
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/round-switch.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/round-switch.component.html
new file mode 100644
index 0000000000..692ca2379c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/round-switch.component.html
@@ -0,0 +1,38 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-round-switch" fxLayout="column" [ngStyle]="{'pointerEvents': ctx.isEdit ? 'none' : 'all'}">
+  <div #switchTitleContainer fxFlex="20" class="title-container" fxLayout="row" fxLayoutAlign="center center" [fxShow]="showTitle">
+    <span #switchTitle class="switch-title">{{title}}</span>
+  </div>
+  <div #switchContainer fxFlex="{{showTitle ? 80 : 100}}" [ngStyle]="{paddingTop: showTitle ? '5px': '10px'}" id="switch-container" fxLayout="column" fxLayoutAlign="center center">
+    <div #switch class="switch">
+      <input #onoff type="checkbox" id="{{checkboxId}}" name="onoff" />
+      <div class="back">
+        <label class="but" for="{{checkboxId}}">
+          <span class="on">I</span>
+          <span class="off">0</span>
+        </label>
+      </div>
+    </div>
+  </div>
+  <div #switchErrorContainer class="error-container" [ngStyle]="{'background': error?.length ? 'rgba(255,255,255,0.25)' : 'none'}"
+       fxLayout="row" fxLayoutAlign="center center">
+    <span #switchError class="switch-error">{{ error }}</span>
+  </div>
+  <div #textMeasure id="text-measure"></div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/round-switch.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/round-switch.component.scss
new file mode 100644
index 0000000000..3da3ed3d18
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/round-switch.component.scss
@@ -0,0 +1,198 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import "node_modules/compass-sass-mixins/lib/compass";
+
+$error-height: 14px !default;
+
+$background-color: #e6e7e8 !default;
+
+:host {
+  .tb-round-switch {
+    width: 100%;
+    height: 100%;
+    background: $background-color;
+
+    .title-container {
+      .switch-title {
+        font-weight: 500;
+        color: #757575;
+        white-space: nowrap;
+      }
+    }
+
+    .error-container {
+      position: absolute;
+      top: 1%;
+      right: 0;
+      left: 0;
+      z-index: 4;
+      height: $error-height;
+
+      .switch-error {
+        color: #ff3315;
+        white-space: nowrap;
+      }
+    }
+
+    #text-measure {
+      position: absolute;
+      width: auto;
+      height: auto;
+      white-space: nowrap;
+      visibility: hidden;
+    }
+
+    #switch-container {
+      padding: 10px;
+
+      .switch {
+        position: relative;
+
+        box-sizing: border-box;
+        width: 260px;
+        min-width: 260px;
+        height: 260px;
+        min-height: 260px;
+        padding: 25px;
+        font-family: sans-serif;
+        font-size: 48px;
+
+        color: #424242;
+        cursor: pointer;
+        background: #ddd;
+        background: linear-gradient(180deg, #bbb, #ddd);
+        border-radius: 130px;
+
+        box-shadow: 0 0 0 8px rgba(0, 0, 0, .1),
+        0 0 3px 1px rgba(0, 0, 0, .1),
+        inset 0 8px 3px -8px rgba(255, 255, 255, .4);
+
+        input {
+          display: none;
+        }
+
+        .on,
+        .off {
+          position: absolute;
+          width: 100%;
+          text-align: center;
+
+          text-shadow: 1px 1px 4px #4a4a4a;
+        }
+
+        .on {
+          top: 10px;
+          font-family: sans-serif;
+          color: #444;
+
+          transition: all .1s;
+        }
+
+        .off {
+          bottom: 5px;
+
+          transition: all .1s;
+
+          transform: scaleY(.85);
+        }
+
+        .but {
+          position: relative;
+          display: block;
+          width: 200px;
+          height: 178px;
+          font-size: 48px;
+          cursor: pointer;
+          background-color: #d8d8d8;
+          border-bottom-width: 0;
+          border-radius: 400px 400px 400px 400px / 400px 400px 300px 300px;
+
+          box-shadow: inset 8px 6px 5px -7px #a2a2a2,
+          inset -8px 6px 5px -7px #a2a2a2,
+          inset 0 -3px 2px -2px rgba(200, 200, 200, .5),
+          0 3px 3px -2px #fff,
+          inset 0 -230px 60px -200px rgba(255, 255, 255, .2),
+          inset 0 220px 40px -200px rgba(0, 0, 0, .3);
+
+          transition: all .2s;
+        }
+
+        .back {
+
+          box-sizing: border-box;
+          width: 210px;
+          height: 210px;
+          padding: 4px 4px;
+          cursor: pointer;
+          background-color: #888787;
+          background-image: linear-gradient(-90deg, transparent 30%, transparent 70%), linear-gradient(0deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, .2) 50%, rgba(150, 150, 150, 0) 70%);
+          border-radius: 105px;
+
+          box-shadow: 30px 30px 30px -20px rgba(58, 58, 58, .3),
+          -30px 30px 30px -20px rgba(58, 58, 58, .3),
+          0 30px 30px 0 rgba(16, 16, 16, .3),
+          inset 0 -1px 0 0 #484848;
+
+          transition: all .2s;
+        }
+
+
+        input:checked + .back .on,
+        input:checked + .back .off {
+          text-shadow: 1px 1px 4px #4a4a4a;
+        }
+
+        input:checked + .back .on {
+          top: 10px;
+          color: #4c4c4c;
+
+          transform: scaleY(.85);
+        }
+
+        input:checked + .back .off {
+          bottom: 5px;
+          color: #444;
+
+          transform: scaleY(1);
+        }
+
+        input:checked + .back .but {
+          margin-top: 20px;
+          background: #dcdcdc radial-gradient(circle closest-corner at 50% 15%, rgba(0, 0, 0, .3), transparent);
+          border-radius: 400px 400px 400px 400px / 300px 300px 400px 400px;
+
+          box-shadow: inset 8px -4px 5px -7px #a9a9a9,
+          inset -8px -4px 5px -7px #808080,
+          0 -3px 8px -4px rgba(50, 50, 50, .4),
+          inset 0 3px 4px -2px #9c9c9c,
+          inset 0 280px 40px -200px rgba(0, 0, 0, .2),
+          inset 0 -200px 40px -200px rgba(180, 180, 180, .2);
+        }
+
+        input:checked + .back {
+          padding: 2px 4px;
+
+          background-image: linear-gradient(0deg, #868686 30%, transparent 70%), linear-gradient(90deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, .74) 50%, rgba(105, 105, 105, 0) 100%);
+
+          box-shadow: 30px 30px 30px -20px rgba(49, 49, 49, .1),
+          -30px 30px 30px -20px rgba(111, 111, 111, .1),
+          0 30px 30px 0 rgba(0, 0, 0, .2),
+          inset 0 1px 2px 0 rgba(167, 167, 167, .6);
+        }
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/round-switch.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/round-switch.component.ts
new file mode 100644
index 0000000000..57ec717eba
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/round-switch.component.ts
@@ -0,0 +1,342 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { AfterViewInit, Component, ElementRef, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { WidgetContext } from '@home/models/widget-component.models';
+import { UtilsService } from '@core/services/utils.service';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { isDefined } from '@core/utils';
+import { IWidgetSubscription, SubscriptionInfo, WidgetSubscriptionOptions } from '@core/api/widget-api.models';
+import { DatasourceType, widgetType } from '@shared/models/widget.models';
+import { EntityType } from '@shared/models/entity-type.models';
+
+type RetrieveValueMethod = 'rpc' | 'attribute' | 'timeseries';
+
+interface RoundSwitchSettings {
+  initialValue: boolean;
+  title: string;
+  retrieveValueMethod: RetrieveValueMethod;
+  valueKey: string;
+  getValueMethod: string;
+  setValueMethod: string;
+  parseValueFunction: string;
+  convertValueFunction: string;
+  requestTimeout: number;
+}
+
+@Component({
+  selector: 'tb-round-switch',
+  templateUrl: './round-switch.component.html',
+  styleUrls: ['./round-switch.component.scss']
+})
+export class RoundSwitchComponent extends PageComponent implements OnInit, OnDestroy {
+
+  @ViewChild('switch', {static: true}) switchElementRef: ElementRef<HTMLElement>;
+  @ViewChild('switchContainer', {static: true}) switchContainerRef: ElementRef<HTMLElement>;
+  @ViewChild('onoff', {static: true}) onoffRef: ElementRef<HTMLElement>;
+  @ViewChild('textMeasure', {static: true}) textMeasureRef: ElementRef<HTMLElement>;
+  @ViewChild('switchTitleContainer', {static: true}) switchTitleContainerRef: ElementRef<HTMLElement>;
+  @ViewChild('switchTitle', {static: true}) switchTitleRef: ElementRef<HTMLElement>;
+  @ViewChild('switchErrorContainer', {static: true}) switchErrorContainerRef: ElementRef<HTMLElement>;
+  @ViewChild('switchError', {static: true}) switchErrorRef: ElementRef<HTMLElement>;
+
+  @Input()
+  ctx: WidgetContext;
+
+  showTitle = false;
+  value = false;
+  error = '';
+  title = '';
+  checkboxId = 'onoff-' + this.utils.guid();
+
+  private isSimulated: boolean;
+  private requestTimeout: number;
+  private retrieveValueMethod: RetrieveValueMethod;
+  private valueKey: string;
+  private parseValueFunction: (data: any) => boolean;
+  private convertValueFunction: (value: any) => any;
+  private getValueMethod: string;
+  private setValueMethod: string;
+
+  private valueSubscription: IWidgetSubscription;
+
+  private executingUpdateValue: boolean;
+  private scheduledValue: boolean;
+  private rpcValue: boolean;
+
+  private switchElement: JQuery<HTMLElement>;
+  private switchContainer: JQuery<HTMLElement>;
+  private onoff: JQuery<HTMLElement>;
+  private textMeasure: JQuery<HTMLElement>;
+  private switchTitleContainer: JQuery<HTMLElement>;
+  private switchTitle: JQuery<HTMLElement>;
+  private switchErrorContainer: JQuery<HTMLElement>;
+  private switchError: JQuery<HTMLElement>;
+
+  private switchResizeListener: any;
+
+  constructor(private utils: UtilsService,
+              protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+    this.switchElement = $(this.switchElementRef.nativeElement);
+    this.switchContainer = $(this.switchContainerRef.nativeElement);
+    this.onoff = $(this.onoffRef.nativeElement);
+    this.textMeasure = $(this.textMeasureRef.nativeElement);
+    this.switchTitleContainer = $(this.switchTitleContainerRef.nativeElement);
+    this.switchTitle = $(this.switchTitleRef.nativeElement);
+    this.switchErrorContainer = $(this.switchErrorContainerRef.nativeElement);
+    this.switchError = $(this.switchErrorRef.nativeElement);
+
+    this.onoff.on('change', () => {
+      this.value = this.onoff.prop('checked') === false;
+      this.onValue();
+    });
+
+    this.switchResizeListener = this.resize.bind(this);
+    // @ts-ignore
+    addResizeListener(this.switchContainerRef.nativeElement, this.switchResizeListener);
+    this.init();
+    // this.ctx.resize = this.resize.bind(this);
+  }
+
+  ngOnDestroy(): void {
+    if (this.valueSubscription) {
+      this.ctx.subscriptionApi.removeSubscription(this.valueSubscription.id);
+    }
+    if (this.switchResizeListener) {
+      // @ts-ignore
+      removeResizeListener(this.switchContainerRef.nativeElement, this.switchResizeListener);
+    }
+  }
+
+  private init() {
+    const settings: RoundSwitchSettings = this.ctx.settings;
+    this.title = isDefined(settings.title) ? settings.title : '';
+    this.showTitle = !!(this.title && this.title.length);
+    const initialValue = isDefined(settings.initialValue) ? settings.initialValue : false;
+    this.setValue(initialValue);
+
+    const subscription = this.ctx.defaultSubscription;
+    const rpcEnabled = subscription.rpcEnabled;
+
+    this.isSimulated = this.utils.widgetEditMode;
+
+    this.requestTimeout = 500;
+    if (settings.requestTimeout) {
+      this.requestTimeout = settings.requestTimeout;
+    }
+    this.retrieveValueMethod = 'rpc';
+    if (settings.retrieveValueMethod && settings.retrieveValueMethod.length) {
+      this.retrieveValueMethod = settings.retrieveValueMethod;
+    }
+    this.valueKey = 'value';
+    if (settings.valueKey && settings.valueKey.length) {
+      this.valueKey = settings.valueKey;
+    }
+    this.parseValueFunction = (data) => !!data;
+    if (settings.parseValueFunction && settings.parseValueFunction.length) {
+      try {
+        this.parseValueFunction = new Function('data', settings.parseValueFunction) as (data: any) => boolean;
+      } catch (e) {
+        this.parseValueFunction = (data) => !!data;
+      }
+    }
+    this.convertValueFunction = (value) => value;
+    if (settings.convertValueFunction && settings.convertValueFunction.length) {
+      try {
+        this.convertValueFunction = new Function('value', settings.convertValueFunction) as (value: any) => any;
+      } catch (e) {
+        this.convertValueFunction = (value) => value;
+      }
+    }
+    this.getValueMethod = 'getValue';
+    if (settings.getValueMethod && settings.getValueMethod.length) {
+      this.getValueMethod = settings.getValueMethod;
+    }
+    this.setValueMethod = 'setValue';
+    if (settings.setValueMethod && settings.setValueMethod.length) {
+      this.setValueMethod = settings.setValueMethod;
+    }
+    if (!rpcEnabled) {
+      this.onError('Target device is not set!');
+    } else {
+      if (!this.isSimulated) {
+        if (this.retrieveValueMethod === 'rpc') {
+          this.rpcRequestValue();
+        } else if (this.retrieveValueMethod === 'attribute' || this.retrieveValueMethod === 'timeseries') {
+          this.subscribeForValue();
+        }
+      }
+    }
+
+  }
+
+  private resize() {
+    const width = this.switchContainer.width();
+    const height = this.switchContainer.height();
+    const size = Math.min(width, height);
+    const scale = size/260;
+    this.switchElement.css({
+      '-webkit-transform': `scale(${scale})`,
+      '-moz-transform': `scale(${scale})`,
+      '-ms-transform': `scale(${scale})`,
+      '-o-transform': `scale(${scale})`,
+      transform: `scale(${scale})`
+    });
+    if (this.showTitle) {
+      this.setFontSize(this.switchTitle, this.title, this.switchTitleContainer.height() * 2 / 3, this.switchTitleContainer.width());
+    }
+    this.setFontSize(this.switchError, this.error, this.switchErrorContainer.height(), this.switchErrorContainer.width());
+  }
+
+  private setFontSize(element: JQuery<HTMLElement>, text: string, fontSize: number, maxWidth: number) {
+    let textWidth = this.measureTextWidth(text, fontSize);
+    while (textWidth > maxWidth) {
+      fontSize--;
+      textWidth = this.measureTextWidth(text, fontSize);
+    }
+    element.css({fontSize: fontSize+'px', lineHeight: fontSize+'px'});
+  }
+
+  private measureTextWidth(text: string, fontSize: number): number {
+    this.textMeasure.css({fontSize: fontSize+'px', lineHeight: fontSize+'px'});
+    this.textMeasure.text(text);
+    return this.textMeasure.width();
+  }
+
+  private onError(error: string) {
+    this.error = error;
+    this.setFontSize(this.switchError, this.error, this.switchErrorContainer.height(), this.switchErrorContainer.width());
+    this.ctx.detectChanges();
+  }
+
+  private setValue(value: boolean) {
+    this.value = value ? true : false;
+    this.onoff.prop('checked', !this.value);
+  }
+
+  private onValue() {
+    this.rpcUpdateValue(this.value);
+  }
+
+  private rpcRequestValue() {
+    this.error = '';
+    this.ctx.controlApi.sendTwoWayCommand(this.getValueMethod, null, this.requestTimeout).subscribe(
+      (responseBody) => {
+        this.setValue(this.parseValueFunction(responseBody));
+      },
+      () => {
+        const errorText = this.ctx.defaultSubscription.rpcErrorText;
+        this.onError(errorText);
+      }
+    );
+  }
+
+  private rpcUpdateValue(value) {
+    if (this.executingUpdateValue) {
+      this.scheduledValue = value;
+      return;
+    } else {
+      this.scheduledValue = null;
+      this.rpcValue = value;
+      this.executingUpdateValue = true;
+    }
+    this.error = '';
+    this.ctx.controlApi.sendOneWayCommand(this.setValueMethod, this.convertValueFunction(value), this.requestTimeout).subscribe(
+      () => {
+        this.executingUpdateValue = false;
+        if (this.scheduledValue != null && this.scheduledValue !== this.rpcValue) {
+          this.rpcUpdateValue(this.scheduledValue);
+        }
+      },
+      () => {
+        this.executingUpdateValue = false;
+        const errorText = this.ctx.defaultSubscription.rpcErrorText;
+        this.onError(errorText);
+      }
+    );
+  }
+
+  private subscribeForValue() {
+    const valueSubscriptionInfo: SubscriptionInfo[] = [{
+      type: DatasourceType.entity,
+      entityType: EntityType.DEVICE,
+      entityId: this.ctx.defaultSubscription.targetDeviceId
+    }];
+    if (this.retrieveValueMethod === 'attribute') {
+      valueSubscriptionInfo[0].attributes = [
+        {name: this.valueKey}
+      ];
+    } else {
+      valueSubscriptionInfo[0].timeseries = [
+        {name: this.valueKey}
+      ];
+    }
+    const subscriptionOptions: WidgetSubscriptionOptions = {
+      callbacks: {
+        onDataUpdated: (subscription, detectChanges) => this.ctx.ngZone.run(() => {
+          this.onDataUpdated(subscription, detectChanges);
+        }),
+        onDataUpdateError: (subscription, e) => this.ctx.ngZone.run(() => {
+          this.onDataUpdateError(subscription, e);
+        })
+      }
+    };
+    this.ctx.subscriptionApi.createSubscriptionFromInfo (
+      widgetType.latest, valueSubscriptionInfo, subscriptionOptions, false, true).subscribe(
+      (subscription) => {
+        this.valueSubscription = subscription;
+      }
+    );
+  }
+
+  private onDataUpdated(subscription: IWidgetSubscription, detectChanges: boolean) {
+    let value = false;
+    const data = subscription.data;
+    if (data.length) {
+      const keyData = data[0];
+      if (keyData && keyData.data && keyData.data[0]) {
+        const attrValue = keyData.data[0][1];
+        if (attrValue) {
+          let parsed = null;
+          try {
+            parsed = this.parseValueFunction(JSON.parse(attrValue));
+          } catch (e){/**/}
+          value = !!parsed;
+        }
+      }
+    }
+    this.setValue(value);
+    if (detectChanges) {
+      this.ctx.detectChanges();
+    }
+  }
+
+  private onDataUpdateError(subscription: IWidgetSubscription, e: any) {
+    const exceptionData = this.utils.parseException(e);
+    let errorText = exceptionData.name;
+    if (exceptionData.message) {
+      errorText += ': ' + exceptionData.message;
+    }
+    this.onError(errorText);
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/rpc-widgets.module.ts b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/rpc-widgets.module.ts
new file mode 100644
index 0000000000..17f4ece4ef
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/rpc-widgets.module.ts
@@ -0,0 +1,44 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@app/shared/shared.module';
+import { LedIndicatorComponent } from '@home/components/widget/lib/rpc/led-indicator.component';
+import { RoundSwitchComponent } from '@home/components/widget/lib/rpc/round-switch.component';
+import { SwitchComponent } from '@home/components/widget/lib/rpc/switch.component';
+import { KnobComponent } from '@home/components/widget/lib/rpc/knob.component';
+
+@NgModule({
+  declarations:
+    [
+      LedIndicatorComponent,
+      RoundSwitchComponent,
+      SwitchComponent,
+      KnobComponent
+    ],
+  imports: [
+    CommonModule,
+    SharedModule
+  ],
+  exports: [
+    LedIndicatorComponent,
+    RoundSwitchComponent,
+    SwitchComponent,
+    KnobComponent
+  ]
+})
+export class RpcWidgetsModule { }
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/svg/knob.svg b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/svg/knob.svg
new file mode 100644
index 0000000000..81fe9949b7
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/svg/knob.svg
@@ -0,0 +1,36 @@
+<svg id="svg4451" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="28.222mm" width="28.222mm" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100.00001 100.00001" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <defs id="defs4453">
+  <linearGradient id="linearGradient4197">
+   <stop id="stop4199" stop-color="#878990" offset="0"/>
+   <stop id="stop4201" stop-color="#f6f6f6" offset="1"/>
+  </linearGradient>
+  <radialGradient id="radialGradient52746-0-4-0" gradientUnits="userSpaceOnUse" cy="991.7" cx="1007" gradientTransform="matrix(-.0050064 -.58050 1.8349 -.015825 -2300 975.09)" r="86.621">
+   <stop id="stop4169" stop-color="#bcbdc1" offset="0"/>
+   <stop id="stop4171" stop-color="#dfdfdf" offset="1"/>
+  </radialGradient>
+  <radialGradient id="radialGradient52746-0-9-15-6" xlink:href="#linearGradient4197" gradientUnits="userSpaceOnUse" cy="991.7" cx="1007" gradientTransform="matrix(-.0053377 -.61891 1.9563 -.016872 -2420 1016.8)" r="86.621"/>
+  <radialGradient id="radialGradient52746-0-9-6-5-6" gradientUnits="userSpaceOnUse" cy="991.7" cx="1007" gradientTransform="matrix(.0058230 .80069 -2.1343 .015521 1622.1 -511.53)" r="86.621">
+   <stop id="stop4270" stop-color="#8c8d93" offset="0"/>
+   <stop id="stop4272" stop-color="#fff" offset="1"/>
+  </radialGradient>
+  <radialGradient id="radialGradient52746-0-9-1-0-9" xlink:href="#linearGradient4197" gradientUnits="userSpaceOnUse" cy="991.7" cx="1007" gradientTransform="matrix(.0031272 .36260 -1.1462 .0098849 645.7 -48.682)" r="86.621"/>
+  <linearGradient id="linearGradient4424" y2="392.18" gradientUnits="userSpaceOnUse" x2="-369.32" gradientTransform="translate(109.7 -2.7245)" y1="293.68" x1="-370.65">
+   <stop id="stop4418" stop-color="#a0a0a0" offset="0"/>
+   <stop id="stop4420" stop-color="#f9faff" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g id="layer1" transform="translate(536.86 -294.93)">
+  <g id="g4501">
+   <g id="g4497" transform="translate(-226.72 4.7227)">
+    <path id="path4414" d="m-260.16 290.67c-19.168-0.22115-37.725 11.849-45.288 29.465-7.973 17.434-4.4546 39.289 8.5831 53.342 12.841 14.512 34.573 20.101 52.82 13.575 18.4-6.082 32.096-23.857 33.289-43.199 1.6579-19.306-9.2817-38.901-26.591-47.615-7.0119-3.6494-14.91-5.5689-22.813-5.5679zm-0.51367 1.6641c18.978-0.21524 37.342 12.022 44.334 29.683 7.0372 17.181 2.95 38.084-9.5553 51.571-0.23129 0.19903-0.58514 0.91551-1.3667 0.57275-0.78156-0.34279-1.868-1.5334-2.5677-2.2508-1.3313-1.365-2.7517-2.5318-1.8623-3.5091 12.362-14.017 15.466-38.947 4.3865-53.994-10.077-14.664-29.972-21.296-46.858-15.752-18.125 5.321-32.394 23.295-31.109 42.522 0.68609 11.361 4.9096 22.828 13.013 30.964-0.52732 1.3864-0.75912 1.4951-2.0893 0.0445-1.4184-1.5468-2.8292-3.0416-5.2228-6.3838-8.8447-13.499-10.547-31.498-3.5798-46.167 6.8006-15.182 22.122-26.317 38.859-27.17 1.2041-0.086 2.4112-0.12896 3.6183-0.13085zm0.43164 28.711c2.6603-0.033 5.7995 0.63181 8.3618 1.8928 2.8152 1.323 5.3991 3.5094 7.1657 5.9467 2.9779 3.9517 4.2346 9.3635 3.5431 13.916-0.63605 5.0851-3.5977 9.93-7.6444 12.856-3.9009 2.9596-9.319 4.2271-13.796 3.5723-4.2078-0.54147-8.0926-2.4558-11.106-5.4642-2.8389-2.8421-4.7656-6.5461-5.3997-10.683-0.41578-2.8552-0.25913-5.5483 0.6416-8.5235 1.1448-3.8517 3.7847-7.4885 6.9779-9.7904 3.1737-2.373 7.3574-3.7297 11.256-3.7236zm-1.7148 0.0859c-0.0536 0.002-0.008 0.009 0 0zm-1.3984 0.18359c-0.0331 0.002-0.002 0.009 0 0zm-13.438 9.377c-0.0247 0.0373 0.004 0.009 0 0zm-0.44727 0.82812c-0.0259 0.0476 0.005 0.009 0 0zm-0.76953 1.7168c-0.0202 0.0478 0.005 0.009 0 0zm-0.71875 2.2363c-0.0164 0.0555 0.006 0.0119 0 0zm-0.50977 6.5332c0.001 0.0536 0.009 0.008 0 0zm0.1836 1.3984c0.003 0.0311 0.008 0.005 0 0zm9.377 13.438c0.0373 0.0247 0.009-0.004 0 0zm0.82812 0.44726c0.0476 0.0259 0.009-0.005 0 0zm1.7168 0.76953c0.0478 0.0202 0.009-0.005 0 0zm2.2363 0.71875c0.0555 0.0164 0.012-0.006 0 0zm6.5332 0.50977c0.0536-0.002 0.008-0.009 0 0zm1.3984-0.1836c0.0331-0.002 0.002-0.009 0 0zm13.438-9.377c0.0247-0.0373-0.004-0.009 0 0zm0.44727-0.82812c0.0259-0.0476-0.005-0.009 0 0zm0.76953-1.7168c0.0202-0.0478-0.005-0.009 0 0zm0.71875-2.2363c0.0164-0.0555-0.006-0.012 0 0zm0.50976-6.5332c-0.002-0.0536-0.009-0.008 0 0zm-0.18359-1.3984c-0.003-0.0311-0.008-0.005 0 0zm-9.377-13.438c-0.0373-0.0247-0.009 0.004 0 0zm-0.82813-0.44726c-0.0476-0.026-0.009 0.005 0 0zm-1.7168-0.76954c-0.0478-0.0202-0.009 0.005 0 0zm-2.2363-0.71875c-0.0555-0.0164-0.012 0.006 0 0zm-20.057 7.7695c-0.0145 0.004 0.008 0.0219 0 0zm-2.6172 16.232 0.006 0.008zm33.26 5.3555 0.002 0.002zm-6.0859 5.5156h0.002zm-3.7949 1.627v0.002z" fill="url(#linearGradient4424)"/>
+    <path id="path4402" d="m-280.11 288.16c-6.4503 0.00002-12.898 1.2835-18.857 3.752-5.9593 2.4684-11.425 6.1206-15.986 10.682-4.5611 4.5611-8.2132 10.027-10.682 15.986-2.4684 5.9593-3.7519 12.407-3.752 18.857 0.00002 6.4503 1.2835 12.898 3.752 18.857 2.4684 5.9593 6.1206 11.425 10.682 15.986 4.5611 4.5611 10.027 8.2132 15.986 10.682 5.9593 2.4684 12.407 3.7519 18.857 3.752 6.4503-0.00002 12.898-1.2835 18.857-3.752 5.9593-2.4684 11.425-6.1206 15.986-10.682 4.5611-4.5611 8.2132-10.027 10.682-15.986 2.4684-5.9593 3.7519-12.407 3.752-18.857-0.00002-6.4503-1.2835-12.898-3.752-18.857-2.4684-5.9593-6.1206-11.425-10.682-15.986-4.5611-4.5611-10.027-8.2132-15.986-10.682-5.9593-2.4684-12.407-3.7519-18.857-3.752zm-0.51563 1.1406a0.72311 0.72311 0 0 1 0.002 0c12.714 0.0109 25.044 5.0665 34.031 14.064 8.987 8.9759 13.911 20.601 13.922 33.309-0.0101 13.081-5.1256 24.968-12.645 33.791-0.42485 0.49849-1.011 0.80473-1.6035 0.79101-0.59249-0.0137-1.1124-0.30623-1.5371-0.70703-0.49206-0.46434-1.272-1.1732-1.9512-1.8066-0.33958-0.31669-0.65482-0.61464-0.90234-0.86133-0.12376-0.12334-0.23034-0.23209-0.32031-0.33203-0.09-0.0999-0.15313-0.14986-0.25196-0.3418-0.23991-0.46586-0.19336-0.92164-0.11132-1.2578 0.041-0.16808 0.0951-0.31228 0.15234-0.43554 0.0572-0.12327 0.0585-0.18508 0.24023-0.36719l-0.0371 0.0391c1.8267-2.1277 3.2432-3.7411 4.7402-5.957 1.4986-2.218 2.7891-4.5865 3.8438-7.0801 0.52748-1.247 0.99838-2.5271 1.4043-3.832 0.40577-1.3048 0.74578-2.6349 1.0234-3.9922 0.27784-1.3572 0.49237-2.7395 0.63477-4.1406 0.14215-1.4016 0.21484-2.8241 0.21484-4.2637 0-1.4398-0.0722-2.8624-0.21484-4.2637-0.14239-1.401-0.35691-2.7814-0.63477-4.1387-0.27768-1.3574-0.61772-2.6895-1.0234-3.9941-0.40592-1.305-0.87682-2.585-1.4043-3.832-1.0547-2.4935-2.3451-4.8621-3.8438-7.0801-1.4984-2.2179-3.2054-4.2836-5.0918-6.1699-1.8864-1.8865-3.9502-3.5935-6.168-5.0918-2.218-1.4985-4.5864-2.7891-7.0801-3.8438-1.2464-0.52718-2.5264-0.99628-3.832-1.4023-1.3048-0.4059-2.6391-0.7477-3.9961-1.0254-1.3567-0.27766-2.7353-0.49049-4.1367-0.63281-1.4022-0.14241-2.8266-0.2168-4.2656-0.2168-1.4391 0-2.8677 0.0742-4.2832 0.21875-1.4151 0.14443-2.8162 0.36081-4.1992 0.64258-1.3824 0.28163-2.7461 0.63103-4.0879 1.043-1.3416 0.41186-2.658 0.8853-3.9492 1.4199-2.5825 1.0694-5.0584 2.3774-7.3867 3.8945-2.3284 1.5172-4.5127 3.2441-6.5156 5.1504-2.0029 1.9062-3.8231 3.9924-5.4297 6.2285-0.80355 1.1182-1.5552 2.274-2.2461 3.4629-0.69079 1.1888-1.3223 2.4124-1.8926 3.666-0.57036 1.2538-1.0792 2.5365-1.5195 3.8457-0.44052 1.3098-0.81488 2.6447-1.1172 4.0039-0.30227 1.359-0.532 2.7427-0.6875 4.1445-0.15574 1.4016-0.23633 2.8226-0.23632 4.2598-0.00001 1.4385 0.0756 2.9137 0.22265 4.4062 0.14704 1.4921 0.36785 3.0021 0.65625 4.5137 0.28842 1.5116 0.64471 3.0223 1.0684 4.5195 0.42365 1.4972 0.9143 2.9805 1.4668 4.4297 0.5524 1.4491 1.1672 2.8646 1.8418 4.2324 0.67463 1.3679 1.4079 2.6886 2.1973 3.9414 0.78962 1.2532 1.6328 2.4399 2.5293 3.5449 0.89618 1.1047 1.8475 2.127 2.8438 3.0527 0.17252 0.16076 0.23062 0.36547 0.24414 0.49219 0.0135 0.12672-0.001 0.20699-0.0137 0.27149-0.025 0.12898-0.0562 0.20192-0.0781 0.25976a0.72311 0.72311 0 0 1 -0.0215 0.0508s-0.12243 0.4885-0.74414 0.74024c0.0278-0.0113-0.12936 0.0761-0.35938 0.0742-0.23002-0.002-0.47421-0.12627-0.61523-0.26172-8.2317-7.9053-13.917-21.064-13.928-33.803a0.72311 0.72311 0 0 1 0 -0.002c0.0208-12.334 4.7929-24.185 13.326-33.092l0.002-0.002c9.0244-9.4611 20.692-14.256 33.754-14.277zm0.51563 29.682c-0.97685 0.00002 1.8819 0.0713 0.90625 0.0234-0.97567-0.0479 1.8745 0.16214 0.90234 0.0664-0.97214-0.0957 1.8647 0.25269 0.89844 0.10937-0.96628-0.14331 1.8507 0.34681 0.89258 0.15625-0.95808-0.19055 1.8323 0.43461 0.88476 0.19727-0.94757-0.23734 1.8078 0.52574 0.87305 0.24219-0.93479-0.28355 1.7791 0.61228 0.85938 0.2832-0.91975-0.32908 1.7482 0.69999 0.8457 0.32617-0.9025-0.37381 1.7112 0.78484 0.82812 0.36719-0.88306-0.41765 1.6701 0.86868 0.8086 0.4082-0.86151-0.46047 1.6269 0.94751 0.78906 0.44532-0.83787-0.5022 1.5778 1.029 0.76562 0.48632-0.81222-0.5427 1.5248 1.1034 0.74024 0.52149-0.78462-0.58191 1.468 1.1763 0.71289 0.55664-0.75512-0.61971 1.4093 1.2478 0.68555 0.5918-0.7238-0.65601 1.347 1.3157 0.65625 0.625-0.69074-0.69074 1.281 1.38 0.625 0.65625-0.65601-0.7238 1.2115 1.4407 0.59179 0.68554-0.6197-0.75511 1.1386 1.4975 0.55664 0.71289-0.5819-0.78461 1.0642 1.5525 0.52149 0.74024-0.54271-0.81222 0.98852 1.6035 0.48633 0.76562-0.5022-0.83787 0.90578 1.6506 0.44531 0.78907-0.46048-0.86151 0.82585 1.6916 0.4082 0.80859-0.41765-0.88307 0.741 1.7306 0.36719 0.82812-0.37381-0.90249 0.65525 1.7655 0.32617 0.84571-0.32908-0.91975 0.56676 1.7942 0.2832 0.85937-0.28355-0.93479 0.47953 1.8206 0.24219 0.87305-0.23734-0.94758 0.38783 1.8428 0.19727 0.88476-0.19056-0.95808 0.29956 1.8589 0.15625 0.89258-0.14332-0.96628 0.2051 1.8706 0.10937 0.89844-0.0957-0.97215 0.11432 1.878 0.0664 0.90234-0.0479-0.97567 0.0234 1.8831 0.0234 0.90625-0.00002-0.97684-0.0713 1.8819-0.0234 0.90625 0.0479-0.97567-0.16214 1.8745-0.0664 0.90235 0.0957-0.97215-0.25269 1.8647-0.10937 0.89843 0.14331-0.96627-0.34681 1.8507-0.15625 0.89258 0.19056-0.95808-0.43461 1.8324-0.19727 0.88477 0.23734-0.94758-0.52574 1.8078-0.24219 0.87305 0.28356-0.93479-0.61228 1.7791-0.2832 0.85937 0.32908-0.91975-0.69998 1.7482-0.32617 0.8457 0.37381-0.90249-0.78484 1.7112-0.36719 0.82813s-0.86868 1.6701-0.4082 0.80859c0.46047-0.8615-0.94751 1.6269-0.44531 0.78907 0.50219-0.83788-1.029 1.5778-0.48633 0.76562 0.5427-0.81222-1.1034 1.5248-0.52149 0.74023 0.58191-0.78461-1.1763 1.468-0.55664 0.71289 0.61971-0.75511-1.2478 1.4094-0.59179 0.68555 0.65601-0.7238-1.3157 1.347-0.625 0.65625 0.69073-0.69073-1.38 1.281-0.65625 0.625 0.72379-0.65601-1.4407 1.2115-0.68555 0.5918 0.75511-0.61971-1.4975 1.1385-0.71289 0.55664 0.78461-0.58191-1.5525 1.0642-0.74024 0.52148 0.81223-0.5427-1.6035 0.98853-0.76562 0.48633 0.83787-0.50219-1.6506 0.90579-0.78906 0.44531 0.8615-0.46047-1.6917 0.82586-0.8086 0.40821 0.88307-0.41765-1.7306 0.741-0.82812 0.36719 0.90249-0.37382-1.7654 0.65525-0.8457 0.32617 0.91974-0.32908-1.7942 0.56675-0.85938 0.2832 0.93479-0.28355-1.8206 0.47953-0.87305 0.24219 0.94758-0.23734-1.8428 0.38782-0.88476 0.19726 0.95808-0.19056-1.8589 0.29957-0.89258 0.15625 0.96628-0.14331-1.8706 0.20511-0.89844 0.10938 0.97215-0.0957-1.878 0.11432-0.90234 0.0664 0.97567-0.0479-1.8831 0.0234-0.90625 0.0234 0.97685-0.00002-1.8819-0.0713-0.90625-0.0234 0.97567 0.0479-1.8745-0.16213-0.90235-0.0664 0.97215 0.0957-1.8647-0.25269-0.89843-0.10938 0.96627 0.14332-1.8507-0.3468-0.89258-0.15625 0.95808 0.19056-1.8323-0.4346-0.88477-0.19726 0.94758 0.23734-1.8078-0.52574-0.87304-0.24219 0.93479 0.28355-1.7791-0.61228-0.85938-0.2832 0.91975 0.32908-1.7482-0.69999-0.8457-0.32617 0.90249 0.37381-1.7112-0.78484-0.82813-0.36719s-1.6701-0.86868-0.80859-0.40821c0.86151 0.46048-1.6269-0.9475-0.78906-0.44531 0.83787 0.5022-1.5778-1.029-0.76563-0.48633 0.81222 0.54271-1.5248-1.1034-0.74023-0.52148 0.78461 0.5819-1.468-1.1763-0.71289-0.55664 0.75511 0.6197-1.4094-1.2478-0.68555-0.5918 0.7238 0.65601-1.347-1.3157-0.65625-0.625 0.69074 0.69074-1.281-1.38-0.625-0.65625 0.65601 0.7238-1.2115-1.4407-0.5918-0.68555 0.61971 0.75512-1.1385-1.4975-0.55664-0.71289 0.58191 0.78462-1.0642-1.5524-0.52148-0.74023 0.5427 0.81222-0.98852-1.6035-0.48633-0.76562 0.50219 0.83787-0.90579-1.6506-0.44531-0.78907 0.46047 0.86151-0.82585-1.6917-0.40821-0.80859 0.41765 0.88306-0.741-1.7306-0.36718-0.82813 0.37381 0.9025-0.65525-1.7654-0.32618-0.8457 0.32908 0.91975-0.56675-1.7942-0.2832-0.85937 0.28355 0.93478-0.47953-1.8206-0.24219-0.87305 0.23734 0.94758-0.38782-1.8428-0.19726-0.88477 0.19056 0.95808-0.29957-1.8588-0.15625-0.89258 0.14332 0.96628-0.20511-1.8706-0.10938-0.89843 0.0957 0.97214-0.11431-1.878-0.0664-0.90235 0.0479 0.97568-0.0234-1.8831-0.0234-0.90625 0.00002 0.97685 0.0713-1.8819 0.0234-0.90625-0.0479 0.97568 0.16213-1.8745 0.0664-0.90234-0.0957 0.97215 0.2527-1.8647 0.10938-0.89844-0.14332 0.96628 0.34681-1.8507 0.15625-0.89258-0.19056 0.95809 0.43461-1.8323 0.19726-0.88476-0.23734 0.94758 0.52574-1.8078 0.24219-0.87305-0.28355 0.93479 0.61228-1.7791 0.2832-0.85937-0.32907 0.91975 0.69999-1.7482 0.32618-0.84571-0.37382 0.9025 0.78483-1.7112 0.36718-0.82812-0.41764 0.88306 0.86868-1.6701 0.40821-0.80859-0.46048 0.8615 0.9475-1.6269 0.44531-0.78907-0.50219 0.83788 1.029-1.5778 0.48633-0.76562-0.54271 0.81222 1.1034-1.5248 0.52148-0.74024-0.5819 0.78462 1.1764-1.468 0.55664-0.71289-0.6197 0.75512 1.2478-1.4093 0.5918-0.68554-0.65601 0.72379 1.3157-1.347 0.625-0.65625-0.69074 0.69073 1.38-1.281 0.65625-0.625-0.7238 0.65601 1.4407-1.2115 0.68555-0.5918-0.75512 0.6197 1.4975-1.1386 0.71289-0.55664-0.78462 0.5819 1.5524-1.0642 0.74023-0.52149-0.81222 0.54271 1.6035-0.98852 0.76563-0.48632-0.83788 0.50219 1.6506-0.90579 0.78906-0.44532-0.86151 0.46048 1.6917-0.82585 0.80859-0.4082-0.88306 0.41765 1.7306-0.741 0.82813-0.36719-0.9025 0.37382 1.7654-0.65525 0.8457-0.32617-0.91975 0.32908 1.7942-0.56675 0.85938-0.2832-0.93479 0.28355 1.8206-0.47953 0.87304-0.24219-0.94757 0.23734 1.8428-0.38782 0.88477-0.19727-0.95808 0.19056 1.8588-0.29956 0.89258-0.15625-0.96628 0.14332 1.8706-0.2051 0.89843-0.10937-0.97214 0.0957 1.878-0.11432 0.90235-0.0664-0.97567 0.0479 1.8831-0.0234 0.90625-0.0234z" transform="matrix(1.0147 0 0 1.0147 24.08 -2.1712)" fill="#e6e7e8"/>
+   </g>
+   <g id="g4957">
+    <path id="path52738-1-8-5-0-9" fill="url(#radialGradient52746-0-9-6-5-6)" d="m-486.86 309.22a35.709 35.709 0 0 0 -35.711 35.709 35.709 35.709 0 0 0 35.711 35.711 35.709 35.709 0 0 0 35.709 -35.711 35.709 35.709 0 0 0 -35.709 -35.709zm0 16.533a19.177 19.177 0 0 1 19.176 19.176 19.177 19.177 0 0 1 -19.176 19.178 19.177 19.177 0 0 1 -19.178 -19.178 19.177 19.177 0 0 1 19.178 -19.176z"/>
+    <path id="path52738-1-8-4-8" d="m-486.86 312.2a32.733 32.733 0 0 0 -32.732 32.734 32.733 32.733 0 0 0 32.732 32.732 32.733 32.733 0 0 0 32.732 -32.732 32.733 32.733 0 0 0 -32.732 -32.734zm0 13.557a19.177 19.177 0 0 1 19.178 19.178 19.177 19.177 0 0 1 -19.178 19.176 19.177 19.177 0 0 1 -19.178 -19.176 19.177 19.177 0 0 1 19.178 -19.178z" stroke="#8c8d93" stroke-width=".49597" fill="url(#radialGradient52746-0-9-15-6)"/>
+    <path id="path52738-1-4-6" fill="url(#radialGradient52746-0-4-0)" d="m-486.86 314.23a30.702 30.702 0 0 0 -30.701 30.701 30.702 30.702 0 0 0 30.701 30.701 30.702 30.702 0 0 0 30.701 -30.701 30.702 30.702 0 0 0 -30.701 -30.701zm0 11.523a19.177 19.177 0 0 1 19.178 19.178 19.177 19.177 0 0 1 -19.178 19.178 19.177 19.177 0 0 1 -19.178 -19.178 19.177 19.177 0 0 1 19.178 -19.178z"/>
+    <path id="path52738-1-8-9-4-0" fill="url(#radialGradient52746-0-9-1-0-9)" d="m-486.86 325.76a19.177 19.177 0 0 0 -19.178 19.178 19.177 19.177 0 0 0 19.178 19.178 19.177 19.177 0 0 0 19.178 -19.178 19.177 19.177 0 0 0 -19.178 -19.178zm0 1.4102a17.768 17.768 0 0 1 17.768 17.768 17.768 17.768 0 0 1 -17.768 17.768 17.768 17.768 0 0 1 -17.768 -17.768 17.768 17.768 0 0 1 17.768 -17.768z"/>
+   </g>
+  </g>
+ </g>
+</svg>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/svg/thumb-bar-checked.svg b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/svg/thumb-bar-checked.svg
new file mode 100644
index 0000000000..57fa2b423e
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/svg/thumb-bar-checked.svg
@@ -0,0 +1,43 @@
+<svg id="svg5466" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="8.4667mm" width="23.616mm" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 83.679981 29.999998" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <defs id="defs5468">
+  <linearGradient id="linearGradient6001-5" y2="-327.83" gradientUnits="userSpaceOnUse" x2="895.4" gradientTransform="translate(-31.905 97.852)" y1="-357.17" x1="895.4">
+   <stop id="stop5439" stop-color="#bdbdc1" offset="0"/>
+   <stop id="stop5441" stop-color="#f4f4f4" offset="1"/>
+  </linearGradient>
+  <linearGradient id="linearGradient6003-6" y2="-392.51" gradientUnits="userSpaceOnUse" x2="892.44" gradientTransform="matrix(1 0 0 .78494 -34.597 55.388)" y1="-366.35" x1="892.44">
+   <stop id="stop5486" stop-color="#838383" offset="0"/>
+   <stop id="stop5492" stop-color="#979797" offset=".53774"/>
+   <stop id="stop5488" stop-color="#a7a7a7" offset="1"/>
+  </linearGradient>
+  <linearGradient id="linearGradient6436" y2="-334.29" xlink:href="#linearGradient5528" gradientUnits="userSpaceOnUse" x2="913.4" gradientTransform="matrix(.78723 0 0 .78723 192.99 -72.172)" y1="-349.49" x1="913.38"/>
+  <linearGradient id="linearGradient5528">
+   <stop id="stop5530" stop-color="#3d3d3d" stop-opacity=".86275" offset="0"/>
+   <stop id="stop5532" stop-color="#fff" stop-opacity="0" offset="1"/>
+  </linearGradient>
+  <radialGradient id="radialGradient5502-17-9" xlink:href="#linearGradient5496" gradientUnits="userSpaceOnUse" cy="-341.87" cx="916.16" gradientTransform="matrix(4.5735 -.17574 .13786 3.5876 -3230.9 1043.7)" r="7.5588"/>
+  <linearGradient id="linearGradient5496">
+   <stop id="stop5498" stop-color="#fff" stop-opacity="0" offset="0"/>
+   <stop id="stop5550" stop-color="#fff" stop-opacity=".10435" offset=".17494"/>
+   <stop id="stop5552" stop-color="#fff" stop-opacity=".92174" offset=".39279"/>
+   <stop id="stop5500" stop-color="#fff" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g id="layer1" transform="translate(-126.73 -454.51)">
+  <g id="g6480" transform="translate(-692.33 714.68)">
+   <g>
+    <path id="rect5195-5-0-1-9-6" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m826.67-260.18c-4.201 0.00074-7.606 3.8877-7.6055 8.6819v12.639c0.00065 4.7933 3.4054 8.6788 7.6055 8.6795h68.469c4.2001-0.00073 7.6049-3.8862 7.6055-8.6795v-12.639c0.00053-4.7942-3.4046-8.6812-7.6055-8.6819z" fill="url(#linearGradient6001-5)"/>
+    <path id="rect5195-5-0-1-4-0-6" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m826.67-257.4c-4.201 0.00062-7.606 3.2632-7.6055 7.2872v10.608c0.00065 4.0232 3.4054 7.2845 7.6055 7.2851h68.469c4.2001-0.00062 7.6049-3.2619 7.6055-7.2851v-10.608c0.00053-4.024-3.4046-7.2866-7.6055-7.2872z" fill="#585859"/>
+    <path id="rect5195-5-0-1-4-3-0-8" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m826.67-253.64c-4.201 0.00052-7.606 2.7592-7.6055 6.1617v8.9697c0.00065 3.4018 3.4054 6.1594 7.6055 6.16h68.469c4.2001-0.00052 7.6049-2.7581 7.6055-6.16v-8.9697c0.00053-3.4025-3.4046-6.1612-7.6055-6.1617z" fill="url(#linearGradient6003-6)"/>
+   </g>
+   <g id="g5554-2-1" transform="translate(-29.817 95.669)">
+    <circle id="path5494-3-7-8" cx="911.68" cy="-340.85" r="6.0124" fill="url(#linearGradient6436)"/>
+    <circle id="path5494-1-9" cx="911.68" cy="-340.85" r="5.3939" fill="url(#radialGradient5502-17-9)"/>
+   </g>
+   <g id="g5554-8-6-2" transform="translate(-71.652 95.669)">
+    <circle id="path5494-3-9-2-9" cx="911.68" cy="-340.85" r="6.0124" fill="url(#linearGradient6436)"/>
+    <circle id="path5494-7-0-5" cx="911.68" cy="-340.85" r="5.3939" fill="url(#radialGradient5502-17-9)"/>
+   </g>
+   <path id="rect5195-5-0-1-4-0-4-4" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m826.67-257.4c-4.201 0.00062-7.606 3.2632-7.6055 7.2872v10.608c0.00065 4.0232 3.4054 7.2845 7.6055 7.2851h68.469c4.2001-0.00062 7.6049-3.2619 7.6055-7.2851v-10.608c0.00053-4.024-3.4046-7.2866-7.6055-7.2872z" fill-opacity=".39080" fill="#ff6e4a"/>
+  </g>
+ </g>
+</svg>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/svg/thumb-bar.svg b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/svg/thumb-bar.svg
new file mode 100644
index 0000000000..0b952933a4
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/svg/thumb-bar.svg
@@ -0,0 +1,42 @@
+<svg id="svg4749" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="8.4667mm" width="23.616mm" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 83.679981 29.999998" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <defs id="defs4751">
+  <linearGradient id="linearGradient5443" y2="-327.83" gradientUnits="userSpaceOnUse" x2="895.4" y1="-357.17" x1="895.4">
+   <stop id="stop5439" stop-color="#bdbdc1" offset="0"/>
+   <stop id="stop5441" stop-color="#f4f4f4" offset="1"/>
+  </linearGradient>
+  <linearGradient id="linearGradient5490" y2="-392.51" gradientUnits="userSpaceOnUse" x2="892.44" gradientTransform="matrix(1 0 0 .78494 -2.6922 -42.464)" y1="-366.35" x1="892.44">
+   <stop id="stop5486" stop-color="#838383" offset="0"/>
+   <stop id="stop5492" stop-color="#979797" offset=".53774"/>
+   <stop id="stop5488" stop-color="#a7a7a7" offset="1"/>
+  </linearGradient>
+  <linearGradient id="linearGradient5534" y2="-334.29" xlink:href="#linearGradient5528" gradientUnits="userSpaceOnUse" x2="913.4" gradientTransform="matrix(.78723 0 0 .78723 192.99 -72.172)" y1="-349.49" x1="913.38"/>
+  <linearGradient id="linearGradient5528">
+   <stop id="stop5530" stop-color="#3d3d3d" stop-opacity=".86275" offset="0"/>
+   <stop id="stop5532" stop-color="#fff" stop-opacity="0" offset="1"/>
+  </linearGradient>
+  <radialGradient id="radialGradient5502" xlink:href="#linearGradient5496" gradientUnits="userSpaceOnUse" cy="-341.87" cx="916.16" gradientTransform="matrix(4.5735 -.17574 .13786 3.5876 -3230.9 1043.7)" r="7.5588"/>
+  <linearGradient id="linearGradient5496">
+   <stop id="stop5498" stop-color="#fff" stop-opacity="0" offset="0"/>
+   <stop id="stop5550" stop-color="#fff" stop-opacity=".10435" offset=".17494"/>
+   <stop id="stop5552" stop-color="#fff" stop-opacity=".92174" offset=".39279"/>
+   <stop id="stop5500" stop-color="#fff" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g id="layer1" transform="translate(-312.45 -714.51)">
+  <g id="g5878" transform="translate(-538.52 1072.5)">
+   <g>
+    <path id="rect5195-5-0-1" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m858.57-358.03c-4.201 0.00074-7.606 3.8877-7.6055 8.6819v12.639c0.00065 4.7933 3.4054 8.6788 7.6055 8.6795h68.469c4.2001-0.00073 7.6049-3.8862 7.6055-8.6795v-12.639c0.00053-4.7942-3.4046-8.6812-7.6055-8.6819z" fill="url(#linearGradient5443)"/>
+    <path id="rect5195-5-0-1-4" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m858.57-355.25c-4.201 0.00062-7.606 3.2632-7.6055 7.2872v10.608c0.00065 4.0232 3.4054 7.2845 7.6055 7.2851h68.469c4.2001-0.00062 7.6049-3.2619 7.6055-7.2851v-10.608c0.00053-4.024-3.4046-7.2866-7.6055-7.2872z" fill="#585859"/>
+    <path id="rect5195-5-0-1-4-3" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m858.57-351.49c-4.201 0.00052-7.606 2.7592-7.6055 6.1617v8.9697c0.00065 3.4018 3.4054 6.1594 7.6055 6.16h68.469c4.2001-0.00052 7.6049-2.7581 7.6055-6.16v-8.9697c0.00053-3.4025-3.4046-6.1612-7.6055-6.1617z" fill="url(#linearGradient5490)"/>
+   </g>
+   <g id="g5554" transform="translate(2.0884 -2.1835)">
+    <circle id="path5494-3" cx="911.68" cy="-340.85" r="6.0124" fill="url(#linearGradient5534)"/>
+    <circle id="path5494" cx="911.68" cy="-340.85" r="5.3939" fill="url(#radialGradient5502)"/>
+   </g>
+   <g id="g5554-8" transform="translate(-39.746 -2.1835)">
+    <circle id="path5494-3-9" cx="911.68" cy="-340.85" r="6.0124" fill="url(#linearGradient5534)"/>
+    <circle id="path5494-7" cx="911.68" cy="-340.85" r="5.3939" fill="url(#radialGradient5502)"/>
+   </g>
+  </g>
+ </g>
+</svg>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/svg/thumb-checked.svg b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/svg/thumb-checked.svg
new file mode 100644
index 0000000000..6d59b94736
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/svg/thumb-checked.svg
@@ -0,0 +1,40 @@
+<svg id="svg7523" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="7.6161mm" width="11.594mm" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 41.08074 26.986356" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <defs id="defs7525">
+  <linearGradient id="linearGradient6257" y2="-412.79" gradientUnits="userSpaceOnUse" x2="821.92" gradientTransform="matrix(1 0 0 1.0219 -4.8132 52.955)" y1="-386.98" x1="822.46">
+   <stop id="stop5264" stop-color="#3d3d3d" offset="0"/>
+   <stop id="stop5266" stop-color="#fbfbfb" offset="1"/>
+  </linearGradient>
+  <linearGradient id="linearGradient6259" y2="-350.07" gradientUnits="userSpaceOnUse" x2="821.71" gradientTransform="translate(-3.8933 5.8759)" y1="-372.35" x1="821.89">
+   <stop id="stop5239" stop-color="#d1d1d1" offset="0"/>
+   <stop id="stop5243" stop-color="#e2e3e2" offset=".36037"/>
+   <stop id="stop5245" stop-color="#ededed" offset=".67781"/>
+   <stop id="stop5241" stop-color="#fcfcfc" offset="1"/>
+  </linearGradient>
+  <linearGradient id="linearGradient6261" y2="-333.89" gradientUnits="userSpaceOnUse" x2="913.16" gradientTransform="matrix(.78723 0 0 .78723 105.52 -77.537)" y1="-348.85" x1="912.9">
+   <stop id="stop5650" stop-color="#939393" offset="0"/>
+   <stop id="stop5652" stop-color="#fff" offset="1"/>
+  </linearGradient>
+  <radialGradient id="radialGradient5502-1-0-6" gradientUnits="userSpaceOnUse" cy="-342.2" cx="916.19" gradientTransform="matrix(1.9993 -.036196 .028926 1.5978 -997.39 230.16)" r="7.5588">
+   <stop id="stop5656" stop-color="#fff" stop-opacity="0" offset="0"/>
+   <stop id="stop5658" stop-color="#fff" stop-opacity=".18551" offset=".20750"/>
+   <stop id="stop5660" stop-color="#fff" stop-opacity=".32464" offset=".31814"/>
+   <stop id="stop5662" stop-color="#fff" offset="1"/>
+  </radialGradient>
+ </defs>
+ <g id="layer1" transform="translate(-259.46 -610.3)">
+  <g id="g6501" transform="translate(-602.12 869.32)">
+   <g id="g5664-5" transform="translate(57.91 100.68)">
+    <g id="g5329-3-4" transform="translate(13.694 -2.3675)">
+     <path id="rect5195-5-0-8-35" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m797.58-357.34a7.6067 7.8088 0 0 0 -7.6055 7.8098v11.369a7.6067 7.8088 0 0 0 7.6055 7.8076h25.87a7.6067 7.8088 0 0 0 7.6055 -7.8076v-11.369a7.6067 7.8088 0 0 0 -7.6055 -7.8098h-25.87z" fill="#1b1b1b"/>
+     <g id="g5300-6-7" transform="translate(-6.6863 11.667)">
+      <path id="rect5195-5-03-5" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m804.57-368.63a7.429 7.5918 0 0 0 -7.4279 7.5927v11.053a7.429 7.5918 0 0 0 7.4279 7.5906h25.266a7.429 7.5918 0 0 0 7.4279 -7.5906v-11.053a7.429 7.5918 0 0 0 -7.4279 -7.5927h-25.266z" fill="url(#linearGradient6257)"/>
+      <path id="rect5195-3-6" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m805.23-367.67a7.0362 7.0362 0 0 0 -7.0352 7.0371v10.244a7.0362 7.0362 0 0 0 7.0352 7.0352h23.93a7.0362 7.0362 0 0 0 7.0352 -7.0352v-10.244a7.0362 7.0362 0 0 0 -7.0352 -7.0371h-23.93z" fill="url(#linearGradient6259)"/>
+     </g>
+    </g>
+    <circle id="path5494-3-9-7-5" cx="824.21" cy="-346.21" r="6.0124" fill="url(#linearGradient6261)"/>
+    <circle id="path5494-7-8-95" cx="824.21" cy="-346.21" r="5.3939" fill="url(#radialGradient5502-1-0-6)"/>
+   </g>
+   <path id="rect5195-5-0-8-3-8" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m869.18-259.03a7.6067 7.8088 0 0 0 -7.6055 7.8098v11.369a7.6067 7.8088 0 0 0 7.6055 7.8076h25.87a7.6067 7.8088 0 0 0 7.6055 -7.8076v-11.369a7.6067 7.8088 0 0 0 -7.6055 -7.8098h-25.87z" fill-opacity=".78448" fill="#ff6e40"/>
+  </g>
+ </g>
+</svg>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/svg/thumb.svg b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/svg/thumb.svg
new file mode 100644
index 0000000000..03e9ea0f77
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/svg/thumb.svg
@@ -0,0 +1,37 @@
+<svg id="svg6201" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="7.6161mm" width="11.594mm" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 41.08074 26.986349" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <defs id="defs6203">
+  <linearGradient id="linearGradient5382" y2="-412.79" gradientUnits="userSpaceOnUse" x2="821.92" gradientTransform="matrix(1 0 0 1.0219 -4.8132 52.955)" y1="-386.98" x1="822.46">
+   <stop id="stop5264" stop-color="#3d3d3d" offset="0"/>
+   <stop id="stop5266" stop-color="#fbfbfb" offset="1"/>
+  </linearGradient>
+  <linearGradient id="linearGradient5384" y2="-350.07" gradientUnits="userSpaceOnUse" x2="821.71" gradientTransform="translate(-3.8933 5.8759)" y1="-372.35" x1="821.89">
+   <stop id="stop5239" stop-color="#d1d1d1" offset="0"/>
+   <stop id="stop5243" stop-color="#e2e3e2" offset=".36037"/>
+   <stop id="stop5245" stop-color="#ededed" offset=".67781"/>
+   <stop id="stop5241" stop-color="#fcfcfc" offset="1"/>
+  </linearGradient>
+  <linearGradient id="linearGradient5644" y2="-333.89" gradientUnits="userSpaceOnUse" x2="913.16" gradientTransform="matrix(.78723 0 0 .78723 105.52 -77.537)" y1="-348.85" x1="912.9">
+   <stop id="stop5650" stop-color="#939393" offset="0"/>
+   <stop id="stop5652" stop-color="#fff" offset="1"/>
+  </linearGradient>
+  <radialGradient id="radialGradient5502-1-0" gradientUnits="userSpaceOnUse" cy="-342.2" cx="916.19" gradientTransform="matrix(1.9993 -.036196 .028926 1.5978 -997.39 230.16)" r="7.5588">
+   <stop id="stop5656" stop-color="#fff" stop-opacity="0" offset="0"/>
+   <stop id="stop5658" stop-color="#fff" stop-opacity=".18551" offset=".20750"/>
+   <stop id="stop5660" stop-color="#fff" stop-opacity=".32464" offset=".31814"/>
+   <stop id="stop5662" stop-color="#fff" offset="1"/>
+  </radialGradient>
+ </defs>
+ <g id="layer1" transform="translate(-288.03 -544.58)">
+  <g id="g5664" transform="translate(-515.63 904.29)">
+   <g id="g5329-3" transform="translate(13.694 -2.3675)">
+    <path id="rect5195-5-0-8" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m797.58-357.34a7.6067 7.8088 0 0 0 -7.6055 7.8098v11.369a7.6067 7.8088 0 0 0 7.6055 7.8076h25.87a7.6067 7.8088 0 0 0 7.6055 -7.8076v-11.369a7.6067 7.8088 0 0 0 -7.6055 -7.8098h-25.87z" fill="#1b1b1b"/>
+    <g id="g5300-6" transform="translate(-6.6863 11.667)">
+     <path id="rect5195-5-03" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m804.57-368.63a7.429 7.5918 0 0 0 -7.4279 7.5927v11.053a7.429 7.5918 0 0 0 7.4279 7.5906h25.266a7.429 7.5918 0 0 0 7.4279 -7.5906v-11.053a7.429 7.5918 0 0 0 -7.4279 -7.5927h-25.266z" fill="url(#linearGradient5382)"/>
+     <path id="rect5195-3" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m805.23-367.67a7.0362 7.0362 0 0 0 -7.0352 7.0371v10.244a7.0362 7.0362 0 0 0 7.0352 7.0352h23.93a7.0362 7.0362 0 0 0 7.0352 -7.0352v-10.244a7.0362 7.0362 0 0 0 -7.0352 -7.0371h-23.93z" fill="url(#linearGradient5384)"/>
+    </g>
+   </g>
+   <circle id="path5494-3-9-7" cy="-346.21" cx="824.21" r="6.0124" fill="url(#linearGradient5644)"/>
+   <circle id="path5494-7-8" cy="-346.21" cx="824.21" r="5.3939" fill="url(#radialGradient5502-1-0)"/>
+  </g>
+ </g>
+</svg>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/switch.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/switch.component.html
new file mode 100644
index 0000000000..bcba4a7c37
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/switch.component.html
@@ -0,0 +1,39 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-switch" fxLayout="column" [ngStyle]="{'pointerEvents': ctx.isEdit ? 'none' : 'all'}">
+  <div #switchErrorContainer class="error-container" [ngStyle]="{'background': error?.length ? 'rgba(255,255,255,0.25)' : 'none'}"
+       fxLayout="row" fxLayoutAlign="center center">
+    <span #switchError class="switch-error">{{ error }}</span>
+  </div>
+  <div #switchTitleContainer fxFlex="30" class="title-container" fxLayout="row" fxLayoutAlign="center center" [fxShow]="showTitle">
+    <span #switchTitle class="switch-title">{{title}}</span>
+  </div>
+  <div #switchContainer fxFlex="{{showTitle ? 70 : 100}}" id="switch-container" fxLayout="column" fxLayoutAlign="center center">
+    <div #switch class="switch">
+      <mat-slide-toggle #matSlideToggle [(ngModel)]="value" (change)="onValue()">
+      </mat-slide-toggle>
+    </div>
+    <div #onoffContainer class="onoff-container" fxLayout="row" fxLayoutAlign="center start" [fxShow]="showOnOffLabels">
+      <span #offLabel fxFlex class="off-label" [fxShow]="!value" style="text-align: center;">OFF</span>
+      <span fxFlex [fxShow]="value"></span>
+      <span #onLabel fxFlex class="on-label" [fxShow]="value" style="text-align: center;">ON</span>
+      <span fxFlex [fxShow]="!value"></span>
+    </div>
+  </div>
+  <div #textMeasure id="text-measure"></div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/switch.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/switch.component.scss
new file mode 100644
index 0000000000..d57cafc7dc
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/switch.component.scss
@@ -0,0 +1,146 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+$thumb-img: url("./svg/thumb.svg") !default;
+$thumb-checked-img: url("./svg/thumb-checked.svg") !default;
+$thumb-bar-img: url("./svg/thumb-bar.svg") !default;
+$thumb-bar-checked-img: url("./svg/thumb-bar-checked.svg") !default;
+
+$background-color: #e6e7e8 !default;
+
+$error-height: 14px !default;
+
+:host {
+
+  .tb-switch {
+    width: 100%;
+    height: 100%;
+    background: $background-color;
+
+    .error-container {
+      position: absolute;
+      top: 1%;
+      right: 0;
+      left: 0;
+      z-index: 4;
+      height: $error-height;
+
+      .switch-error {
+        color: #ff3315;
+        white-space: nowrap;
+      }
+    }
+
+    .onoff-container {
+      height: 100%;
+      font-weight: 500;
+      color: #757575;
+      white-space: nowrap;
+
+      .off-label {
+        color: #b7b5b5;
+      }
+
+      .on-label {
+        color: #ff7e57;
+        text-shadow: #ff6e4a 1px 1px 10px, #ffd1c3 1px 1px 10px;
+      }
+    }
+
+    .title-container {
+      .switch-title {
+        font-weight: 500;
+        color: #757575;
+        white-space: nowrap;
+      }
+    }
+
+    #switch-container {
+      padding-right: 10px;
+      padding-left: 10px;
+    }
+
+    .switch {
+      position: relative;
+    }
+
+    #text-measure {
+      position: absolute;
+      width: auto;
+      height: auto;
+      white-space: nowrap;
+      visibility: hidden;
+    }
+  }
+}
+
+:host ::ng-deep {
+  .tb-switch {
+    .switch {
+      mat-slide-toggle {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        margin: 0;
+
+        .mat-slide-toggle-bar {
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          background: $thumb-bar-img no-repeat;
+          background-size: contain;
+          border-radius: 0;
+        }
+
+        .mat-slide-toggle-thumb-container {
+          top: 5%;
+          left: .25%;
+          width: 50%;
+          height: 90%;
+        }
+
+        .mat-slide-toggle-thumb {
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          background: $thumb-img no-repeat;
+          background-size: contain;
+          border-radius: 0;
+          box-shadow: none;
+        }
+
+        &.mat-checked {
+          .mat-slide-toggle-thumb-container {
+            transform: translate3d(100%,0,0);
+          }
+          .mat-slide-toggle-bar {
+            background: $thumb-bar-checked-img no-repeat;
+            background-size: contain;
+          }
+
+          .mat-slide-toggle-thumb {
+            background: $thumb-checked-img no-repeat;
+            background-size: contain;
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/switch.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/switch.component.ts
new file mode 100644
index 0000000000..f977955459
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/switch.component.ts
@@ -0,0 +1,358 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, ElementRef, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { WidgetContext } from '@home/models/widget-component.models';
+import { UtilsService } from '@core/services/utils.service';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { isDefined } from '@core/utils';
+import { IWidgetSubscription, SubscriptionInfo, WidgetSubscriptionOptions } from '@core/api/widget-api.models';
+import { DatasourceType, widgetType } from '@shared/models/widget.models';
+import { EntityType } from '@shared/models/entity-type.models';
+import { MatSlideToggle } from '@angular/material/slide-toggle';
+
+const switchAspectRation = 2.7893;
+
+type RetrieveValueMethod = 'rpc' | 'attribute' | 'timeseries';
+
+interface SwitchSettings {
+  initialValue: boolean;
+  title: string;
+  showOnOffLabels: boolean;
+  retrieveValueMethod: RetrieveValueMethod;
+  valueKey: string;
+  getValueMethod: string;
+  setValueMethod: string;
+  parseValueFunction: string;
+  convertValueFunction: string;
+  requestTimeout: number;
+}
+
+@Component({
+  selector: 'tb-switch',
+  templateUrl: './switch.component.html',
+  styleUrls: ['./switch.component.scss']
+})
+export class SwitchComponent extends PageComponent implements OnInit, OnDestroy {
+
+  @ViewChild('switch', {static: true}) switchElementRef: ElementRef<HTMLElement>;
+  @ViewChild('switchContainer', {static: true}) switchContainerRef: ElementRef<HTMLElement>;
+  @ViewChild('matSlideToggle', {static: true}) matSlideToggleRef: MatSlideToggle;
+  @ViewChild('onoffContainer', {static: true}) onoffContainerRef: ElementRef<HTMLElement>;
+  @ViewChild('onLabel', {static: true}) onLabelRef: ElementRef<HTMLElement>;
+  @ViewChild('offLabel', {static: true}) offLabelRef: ElementRef<HTMLElement>;
+  @ViewChild('switchTitleContainer', {static: true}) switchTitleContainerRef: ElementRef<HTMLElement>;
+  @ViewChild('switchTitle', {static: true}) switchTitleRef: ElementRef<HTMLElement>;
+  @ViewChild('textMeasure', {static: true}) textMeasureRef: ElementRef<HTMLElement>;
+  @ViewChild('switchErrorContainer', {static: true}) switchErrorContainerRef: ElementRef<HTMLElement>;
+  @ViewChild('switchError', {static: true}) switchErrorRef: ElementRef<HTMLElement>;
+
+  @Input()
+  ctx: WidgetContext;
+
+  showTitle = false;
+  value = false;
+  error = '';
+  title = '';
+  showOnOffLabels = false;
+
+  private isSimulated: boolean;
+  private requestTimeout: number;
+  private retrieveValueMethod: RetrieveValueMethod;
+  private valueKey: string;
+  private parseValueFunction: (data: any) => boolean;
+  private convertValueFunction: (value: any) => any;
+  private getValueMethod: string;
+  private setValueMethod: string;
+
+  private valueSubscription: IWidgetSubscription;
+
+  private executingUpdateValue: boolean;
+  private scheduledValue: boolean;
+  private rpcValue: boolean;
+
+  private switchElement: JQuery<HTMLElement>;
+  private switchContainer: JQuery<HTMLElement>;
+  private matSlideToggle: JQuery<HTMLElement>;
+  private onoffContainer: JQuery<HTMLElement>;
+  private onLabel: JQuery<HTMLElement>;
+  private offLabel: JQuery<HTMLElement>;
+  private switchTitleContainer: JQuery<HTMLElement>;
+  private switchTitle: JQuery<HTMLElement>;
+  private textMeasure: JQuery<HTMLElement>;
+  private switchErrorContainer: JQuery<HTMLElement>;
+  private switchError: JQuery<HTMLElement>;
+
+  private switchResizeListener: any;
+
+  constructor(private utils: UtilsService,
+              protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+    this.switchElement = $(this.switchElementRef.nativeElement);
+    this.switchContainer = $(this.switchContainerRef.nativeElement);
+    this.matSlideToggle = $(this.matSlideToggleRef._elementRef.nativeElement);
+    this.onoffContainer = $(this.onoffContainerRef.nativeElement);
+    this.onLabel = $(this.onLabelRef.nativeElement);
+    this.offLabel = $(this.offLabelRef.nativeElement);
+    this.switchTitleContainer = $(this.switchTitleContainerRef.nativeElement);
+    this.switchTitle = $(this.switchTitleRef.nativeElement);
+    this.textMeasure = $(this.textMeasureRef.nativeElement);
+    this.switchErrorContainer = $(this.switchErrorContainerRef.nativeElement);
+    this.switchError = $(this.switchErrorRef.nativeElement);
+
+    this.switchResizeListener = this.resize.bind(this);
+    // @ts-ignore
+    addResizeListener(this.switchContainerRef.nativeElement, this.switchResizeListener);
+    this.init();
+  }
+
+  ngOnDestroy(): void {
+    if (this.valueSubscription) {
+      this.ctx.subscriptionApi.removeSubscription(this.valueSubscription.id);
+    }
+    if (this.switchResizeListener) {
+      // @ts-ignore
+      removeResizeListener(this.switchContainerRef.nativeElement, this.switchResizeListener);
+    }
+  }
+
+  private init() {
+    const settings: SwitchSettings = this.ctx.settings;
+    this.title = isDefined(settings.title) ? settings.title : '';
+    this.showTitle = !!(this.title && this.title.length);
+    this.showOnOffLabels = isDefined(settings.showOnOffLabels) ? settings.showOnOffLabels : true;
+    const initialValue = isDefined(settings.initialValue) ? settings.initialValue : false;
+    this.setValue(initialValue);
+
+    const subscription = this.ctx.defaultSubscription;
+    const rpcEnabled = subscription.rpcEnabled;
+
+    this.isSimulated = this.utils.widgetEditMode;
+
+    this.requestTimeout = 500;
+    if (settings.requestTimeout) {
+      this.requestTimeout = settings.requestTimeout;
+    }
+    this.retrieveValueMethod = 'rpc';
+    if (settings.retrieveValueMethod && settings.retrieveValueMethod.length) {
+      this.retrieveValueMethod = settings.retrieveValueMethod;
+    }
+    this.valueKey = 'value';
+    if (settings.valueKey && settings.valueKey.length) {
+      this.valueKey = settings.valueKey;
+    }
+    this.parseValueFunction = (data) => !!data;
+    if (settings.parseValueFunction && settings.parseValueFunction.length) {
+      try {
+        this.parseValueFunction = new Function('data', settings.parseValueFunction) as (data: any) => boolean;
+      } catch (e) {
+        this.parseValueFunction = (data) => !!data;
+      }
+    }
+    this.convertValueFunction = (value) => value;
+    if (settings.convertValueFunction && settings.convertValueFunction.length) {
+      try {
+        this.convertValueFunction = new Function('value', settings.convertValueFunction) as (value: any) => any;
+      } catch (e) {
+        this.convertValueFunction = (value) => value;
+      }
+    }
+    this.getValueMethod = 'getValue';
+    if (settings.getValueMethod && settings.getValueMethod.length) {
+      this.getValueMethod = settings.getValueMethod;
+    }
+    this.setValueMethod = 'setValue';
+    if (settings.setValueMethod && settings.setValueMethod.length) {
+      this.setValueMethod = settings.setValueMethod;
+    }
+    if (!rpcEnabled) {
+      this.onError('Target device is not set!');
+    } else {
+      if (!this.isSimulated) {
+        if (this.retrieveValueMethod === 'rpc') {
+          this.rpcRequestValue();
+        } else if (this.retrieveValueMethod === 'attribute' || this.retrieveValueMethod === 'timeseries') {
+          this.subscribeForValue();
+        }
+      }
+    }
+
+  }
+
+  private resize() {
+    let width = this.switchContainer.width();
+    let height = this.switchContainer.height();
+    if (this.showOnOffLabels) {
+      height = height*2/3;
+    }
+    const ratio = width/height;
+    if (ratio > switchAspectRation) {
+      width = height*switchAspectRation;
+    } else {
+      height = width/switchAspectRation;
+    }
+    this.switchElement.css({width, height});
+    this.matSlideToggle.css({width, height, minWidth: width});
+
+    if (this.showTitle) {
+      this.setFontSize(this.switchTitle, this.title, this.switchTitleContainer.height() * 2 / 3, this.switchTitleContainer.width());
+    }
+
+    if (this.showOnOffLabels) {
+      this.onoffContainer.css({width, height: this.switchContainer.height() / 3});
+      this.setFontSize(this.onLabel, 'OFF', this.onoffContainer.height(), this.onoffContainer.width() / 2);
+      this.setFontSize(this.offLabel, 'OFF', this.onoffContainer.height(), this.onoffContainer.width() / 2);
+    }
+
+    this.setFontSize(this.switchError, this.error, this.switchErrorContainer.height(), this.switchErrorContainer.width());
+  }
+
+  private setFontSize(element: JQuery<HTMLElement>, text: string, fontSize: number, maxWidth: number) {
+    let textWidth = this.measureTextWidth(text, fontSize);
+    while (textWidth > maxWidth) {
+      fontSize--;
+      textWidth = this.measureTextWidth(text, fontSize);
+    }
+    element.css({fontSize: fontSize+'px', lineHeight: fontSize+'px'});
+  }
+
+  private measureTextWidth(text: string, fontSize: number): number {
+    this.textMeasure.css({fontSize: fontSize+'px', lineHeight: fontSize+'px'});
+    this.textMeasure.text(text);
+    return this.textMeasure.width();
+  }
+
+  private onError(error: string) {
+    this.error = error;
+    this.setFontSize(this.switchError, this.error, this.switchErrorContainer.height(), this.switchErrorContainer.width());
+    this.ctx.detectChanges();
+  }
+
+  private setValue(value: boolean) {
+    this.value = value ? true : false;
+  }
+
+  public onValue() {
+    this.rpcUpdateValue(this.value);
+  }
+
+  private rpcRequestValue() {
+    this.error = '';
+    this.ctx.controlApi.sendTwoWayCommand(this.getValueMethod, null, this.requestTimeout).subscribe(
+      (responseBody) => {
+        this.setValue(this.parseValueFunction(responseBody));
+      },
+      () => {
+        const errorText = this.ctx.defaultSubscription.rpcErrorText;
+        this.onError(errorText);
+      }
+    );
+  }
+
+  private rpcUpdateValue(value) {
+    if (this.executingUpdateValue) {
+      this.scheduledValue = value;
+      return;
+    } else {
+      this.scheduledValue = null;
+      this.rpcValue = value;
+      this.executingUpdateValue = true;
+    }
+    this.error = '';
+    this.ctx.controlApi.sendOneWayCommand(this.setValueMethod, this.convertValueFunction(value), this.requestTimeout).subscribe(
+      () => {
+        this.executingUpdateValue = false;
+        if (this.scheduledValue != null && this.scheduledValue !== this.rpcValue) {
+          this.rpcUpdateValue(this.scheduledValue);
+        }
+      },
+      () => {
+        this.executingUpdateValue = false;
+        const errorText = this.ctx.defaultSubscription.rpcErrorText;
+        this.onError(errorText);
+      }
+    );
+  }
+
+  private subscribeForValue() {
+    const valueSubscriptionInfo: SubscriptionInfo[] = [{
+      type: DatasourceType.entity,
+      entityType: EntityType.DEVICE,
+      entityId: this.ctx.defaultSubscription.targetDeviceId
+    }];
+    if (this.retrieveValueMethod === 'attribute') {
+      valueSubscriptionInfo[0].attributes = [
+        {name: this.valueKey}
+      ];
+    } else {
+      valueSubscriptionInfo[0].timeseries = [
+        {name: this.valueKey}
+      ];
+    }
+    const subscriptionOptions: WidgetSubscriptionOptions = {
+      callbacks: {
+        onDataUpdated: (subscription, detectChanges) => this.ctx.ngZone.run(() => {
+            this.onDataUpdated(subscription, detectChanges);
+        }),
+        onDataUpdateError: (subscription, e) => this.ctx.ngZone.run(() => {
+          this.onDataUpdateError(subscription, e);
+        })
+      }
+    };
+    this.ctx.subscriptionApi.createSubscriptionFromInfo (
+      widgetType.latest, valueSubscriptionInfo, subscriptionOptions, false, true).subscribe(
+      (subscription) => {
+        this.valueSubscription = subscription;
+      }
+    );
+  }
+
+  private onDataUpdated(subscription: IWidgetSubscription, detectChanges: boolean) {
+    let value = false;
+    const data = subscription.data;
+    if (data.length) {
+      const keyData = data[0];
+      if (keyData && keyData.data && keyData.data[0]) {
+        const attrValue = keyData.data[0][1];
+        if (attrValue) {
+          let parsed = null;
+          try {
+            parsed = this.parseValueFunction(JSON.parse(attrValue));
+          } catch (e){/**/}
+          value = !!parsed;
+        }
+      }
+    }
+    this.setValue(value);
+    if (detectChanges) {
+      this.ctx.detectChanges();
+    }
+  }
+
+  private onDataUpdateError(subscription: IWidgetSubscription, e: any) {
+    const exceptionData = this.utils.parseException(e);
+    let errorText = exceptionData.name;
+    if (exceptionData.message) {
+      errorText += ': ' + exceptionData.message;
+    }
+    this.onError(errorText);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/settings.models.ts b/ui-ngx/src/app/modules/home/components/widget/lib/settings.models.ts
new file mode 100644
index 0000000000..9ba44a398d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/settings.models.ts
@@ -0,0 +1,44 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+
+export type FontStyle = 'normal' | 'italic' | 'oblique';
+export type FontWeight = 'normal' | 'bold' | 'bolder' | 'lighter'
+                         | '100' | '200' | '300' | '400' | '500'
+                         | '600' | '700' | '800' | '900';
+
+export interface FontSettings {
+  family?: string;
+  size?: number;
+  style?: FontStyle;
+  weight?: FontWeight;
+  color?: string;
+  shadowColor?: string;
+}
+
+export function getFontFamily(fontSettings: FontSettings): string {
+  let family = fontSettings && fontSettings.family ? fontSettings.family : 'Roboto';
+  if (family === 'RobotoDraft') {
+    family = 'Roboto';
+  }
+  return family;
+}
+
+export function prepareFontSettings(fontSettings: FontSettings, defaultFontSettings: FontSettings): FontSettings {
+  const result = {...defaultFontSettings, ...(fontSettings || {})};
+  result.family = getFontFamily(result);
+  return result;
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/table-widget.models.ts b/ui-ngx/src/app/modules/home/components/widget/lib/table-widget.models.ts
new file mode 100644
index 0000000000..ffe75261d2
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/table-widget.models.ts
@@ -0,0 +1,281 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityId } from '@shared/models/id/entity-id';
+import { DataKey, WidgetConfig } from '@shared/models/widget.models';
+import { getDescendantProp, isDefined } from '@core/utils';
+import { alarmFields, AlarmInfo } from '@shared/models/alarm.models';
+import * as tinycolor_ from 'tinycolor2';
+
+const tinycolor = tinycolor_;
+
+export interface TableWidgetSettings {
+  enableSearch: boolean;
+  enableSelectColumnDisplay: boolean;
+  displayPagination: boolean;
+  defaultPageSize: number;
+  defaultSortOrder: string;
+}
+
+export interface TableWidgetDataKeySettings {
+  columnWidth?: string;
+  useCellStyleFunction: boolean;
+  cellStyleFunction: string;
+  useCellContentFunction: boolean;
+  cellContentFunction: string;
+}
+
+export interface EntityData {
+  id: EntityId;
+  entityName: string;
+  entityType?: string;
+  [key: string]: any;
+}
+
+export interface EntityColumn extends DataKey {
+  def: string;
+  title: string;
+}
+
+export interface DisplayColumn {
+  title: string;
+  def: string;
+  display: boolean;
+}
+
+export type CellContentFunction = (...args: any[]) => string;
+
+export interface CellContentInfo {
+  useCellContentFunction: boolean;
+  cellContentFunction?: CellContentFunction;
+  units?: string;
+  decimals?: number;
+}
+
+export type CellStyleFunction = (value: any) => any;
+
+export interface CellStyleInfo {
+  useCellStyleFunction: boolean;
+  cellStyleFunction?: CellStyleFunction;
+}
+
+export function findColumnProperty(searchProperty: string, searchValue: string, columnProperty: string, columns: EntityColumn[]): string {
+  let res = searchValue;
+  const column = columns.find(theColumn => theColumn[searchProperty] === searchValue);
+  if (column) {
+    res = column[columnProperty];
+  }
+  return res;
+}
+
+export function toEntityColumnDef(label: string, columns: EntityColumn[]): string {
+  return findColumnProperty('label', label, 'def', columns);
+}
+
+export function fromEntityColumnDef(def: string, columns: EntityColumn[]): string {
+  return findColumnProperty('def', def, 'label', columns);
+}
+
+export function toAlarmColumnDef(name: string, columns: EntityColumn[]): string {
+  return findColumnProperty('name', name, 'def', columns);
+}
+
+export function fromAlarmColumnDef(def: string, columns: EntityColumn[]): string {
+  return findColumnProperty('def', def, 'name', columns);
+}
+
+export function getEntityValue(entity: any, key: DataKey): any {
+  return getDescendantProp(entity, key.label);
+}
+
+export function getAlarmValue(alarm: AlarmInfo, key: EntityColumn) {
+  const alarmField = alarmFields[key.name];
+  if (alarmField) {
+    return getDescendantProp(alarm, alarmField.value);
+  } else {
+    return getDescendantProp(alarm, key.name);
+  }
+}
+
+export function getCellStyleInfo(keySettings: TableWidgetDataKeySettings): CellStyleInfo {
+  let cellStyleFunction: CellStyleFunction = null;
+  let useCellStyleFunction = false;
+
+  if (keySettings.useCellStyleFunction === true) {
+    if (isDefined(keySettings.cellStyleFunction) && keySettings.cellStyleFunction.length > 0) {
+      try {
+        cellStyleFunction = new Function('value', keySettings.cellStyleFunction) as CellStyleFunction;
+        useCellStyleFunction = true;
+      } catch (e) {
+        cellStyleFunction = null;
+        useCellStyleFunction = false;
+      }
+    }
+  }
+  return {
+    useCellStyleFunction,
+    cellStyleFunction
+  };
+}
+
+export function getCellContentInfo(keySettings: TableWidgetDataKeySettings, ...args: string[]): CellContentInfo {
+  let cellContentFunction: CellContentFunction = null;
+  let useCellContentFunction = false;
+
+  if (keySettings.useCellContentFunction === true) {
+    if (isDefined(keySettings.cellContentFunction) && keySettings.cellContentFunction.length > 0) {
+      try {
+        cellContentFunction = new Function(...args, keySettings.cellContentFunction) as CellContentFunction;
+        useCellContentFunction = true;
+      } catch (e) {
+        cellContentFunction = null;
+        useCellContentFunction = false;
+      }
+    }
+  }
+  return {
+    cellContentFunction,
+    useCellContentFunction
+  };
+}
+
+export function getColumnWidth(keySettings: TableWidgetDataKeySettings): string {
+  return isDefined(keySettings.columnWidth) ? keySettings.columnWidth : '0px';
+}
+
+export function widthStyle(width: string): any {
+  const widthStyleObj: any = {width};
+  if (width !== '0px') {
+    widthStyleObj.minWidth = width;
+    widthStyleObj.maxWidth = width;
+  }
+  return widthStyleObj;
+}
+
+
+
+export function constructTableCssString(widgetConfig: WidgetConfig): string {
+  const origColor = widgetConfig.color || 'rgba(0, 0, 0, 0.87)';
+  const origBackgroundColor = widgetConfig.backgroundColor || 'rgb(255, 255, 255)';
+  const currentEntityColor = 'rgba(221, 221, 221, 0.65)';
+  const currentEntityStickyColor = tinycolor.mix(origBackgroundColor,
+    tinycolor(currentEntityColor).setAlpha(1),  65).toRgbString();
+  const selectedColor = 'rgba(221, 221, 221, 0.5)';
+  const selectedStickyColor = tinycolor.mix(origBackgroundColor,
+    tinycolor(selectedColor).setAlpha(1),  50).toRgbString();
+  const hoverColor = 'rgba(221, 221, 221, 0.3)';
+  const hoverStickyColor = tinycolor.mix(origBackgroundColor,
+    tinycolor(hoverColor).setAlpha(1),  30).toRgbString();
+  const defaultColor = tinycolor(origColor);
+  const mdDark = defaultColor.setAlpha(0.87).toRgbString();
+  const mdDarkSecondary = defaultColor.setAlpha(0.54).toRgbString();
+  const mdDarkDisabled = defaultColor.setAlpha(0.26).toRgbString();
+  const mdDarkDisabled2 = defaultColor.setAlpha(0.38).toRgbString();
+  const mdDarkDivider = defaultColor.setAlpha(0.12).toRgbString();
+
+  const cssString =
+    '.mat-input-element::placeholder {\n' +
+    '   color: ' + mdDarkSecondary + ';\n' +
+    '}\n' +
+    '.mat-input-element::-moz-placeholder {\n' +
+    '   color: ' + mdDarkSecondary + ';\n' +
+    '}\n' +
+    '.mat-input-element::-webkit-input-placeholder {\n' +
+    '   color: ' + mdDarkSecondary + ';\n' +
+    '}\n' +
+    '.mat-input-element:-ms-input-placeholder {\n' +
+    '   color: ' + mdDarkSecondary + ';\n' +
+    '}\n' +
+    'mat-toolbar.mat-table-toolbar {\n' +
+    'color: ' + mdDark + ';\n' +
+    '}\n' +
+    'mat-toolbar.mat-table-toolbar:not([color="primary"]) button.mat-icon-button mat-icon {\n' +
+    'color: ' + mdDarkSecondary + ';\n' +
+    '}\n' +
+    '.mat-tab-label {\n' +
+    'color: ' + mdDark + ';\n' +
+    '}\n' +
+    '.mat-tab-header-pagination-chevron {\n' +
+    'border-color: ' + mdDark + ';\n' +
+    '}\n' +
+    '.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\n' +
+    'border-color: ' + mdDarkDisabled2 + ';\n' +
+    '}\n' +
+    '.mat-table .mat-header-row {\n' +
+    'background-color: ' + origBackgroundColor + ';\n' +
+    '}\n' +
+    '.mat-table .mat-header-cell {\n' +
+    'color: ' + mdDarkSecondary + ';\n' +
+    '}\n' +
+    '.mat-table .mat-header-cell .mat-sort-header-arrow {\n' +
+    'color: ' + mdDarkDisabled + ';\n' +
+    '}\n' +
+    '.mat-table .mat-cell, .mat-table .mat-header-cell {\n' +
+    'border-bottom-color: ' + mdDarkDivider + ';\n' +
+    '}\n' +
+    '.mat-table .mat-cell .mat-checkbox-frame, .mat-table .mat-header-cell .mat-checkbox-frame {\n' +
+    'border-color: ' + mdDarkSecondary + ';\n' +
+    '}\n' +
+    '.mat-table .mat-row .mat-cell.mat-table-sticky {\n' +
+    'transition: background-color .2s;\n' +
+    '}\n' +
+    '.mat-table .mat-row.tb-current-entity {\n' +
+    'background-color: ' + currentEntityColor + ';\n' +
+    '}\n' +
+    '.mat-table .mat-row.tb-current-entity .mat-cell.mat-table-sticky {\n' +
+    'background-color: ' + currentEntityStickyColor + ';\n' +
+    '}\n' +
+    '.mat-table .mat-row:hover:not(.tb-current-entity) {\n' +
+    'background-color: ' + hoverColor + ';\n' +
+    '}\n' +
+    '.mat-table .mat-row:hover:not(.tb-current-entity) .mat-cell.mat-table-sticky {\n' +
+    'background-color: ' + hoverStickyColor + ';\n' +
+    '}\n' +
+    '.mat-table .mat-row.mat-row-select.mat-selected:not(.tb-current-entity) {\n' +
+    'background-color: ' + selectedColor + ';\n' +
+    '}\n' +
+    '.mat-table .mat-row.mat-row-select.mat-selected:not(.tb-current-entity) .mat-cell.mat-table-sticky {\n' +
+    'background-color: ' + selectedStickyColor + ';\n' +
+    '}\n' +
+    '.mat-table .mat-row .mat-cell.mat-table-sticky, .mat-table .mat-header-cell.mat-table-sticky {\n' +
+    'background-color: ' + origBackgroundColor + ';\n' +
+    '}\n' +
+    '.mat-table .mat-cell {\n' +
+    'color: ' + mdDark + ';\n' +
+    '}\n' +
+    '.mat-table .mat-cell button.mat-icon-button mat-icon {\n' +
+    'color: ' + mdDarkSecondary + ';\n' +
+    '}\n' +
+    '.mat-table .mat-cell button.mat-icon-button[disabled][disabled] mat-icon {\n' +
+    'color: ' + mdDarkDisabled + ';\n' +
+    '}\n' +
+    '.mat-divider {\n' +
+    'border-top-color: ' + mdDarkDivider + ';\n' +
+    '}\n' +
+    '.mat-paginator {\n' +
+    'color: ' + mdDarkSecondary + ';\n' +
+    '}\n' +
+    '.mat-paginator button.mat-icon-button {\n' +
+    'color: ' + mdDarkSecondary + ';\n' +
+    '}\n' +
+    '.mat-paginator button.mat-icon-button[disabled][disabled] {\n' +
+    'color: ' + mdDarkDisabled + ';\n' +
+    '}\n' +
+    '.mat-paginator .mat-select-value {\n' +
+    'color: ' + mdDarkSecondary + ';\n' +
+    '}';
+  return cssString;
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/table-widget.scss b/ui-ngx/src/app/modules/home/components/widget/lib/table-widget.scss
new file mode 100644
index 0000000000..2f393f5856
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/table-widget.scss
@@ -0,0 +1,61 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .tb-table-widget {
+    .mat-table, .mat-paginator, mat-toolbar.mat-table-toolbar:not([color="primary"]) {
+      background: transparent;
+    }
+    mat-toolbar {
+      height: 39px;
+      max-height: 39px;
+      .mat-toolbar-tools {
+        height: 39px;
+        max-height: 39px;
+      }
+    }
+    .table-container {
+      overflow: auto;
+    }
+
+    .mat-row:not(.mat-row-select), .mat-header-row:not(.mat-row-select) {
+      mat-cell:nth-child(n+2):nth-last-child(n+2), mat-footer-cell:nth-child(n+2):nth-last-child(n+2), mat-header-cell:nth-child(n+2):nth-last-child(n+2) {
+        padding: 0px 5px;
+      }
+    }
+
+    .mat-row.mat-row-select, .mat-header-row.mat-row-select {
+      mat-cell:nth-child(2), mat-footer-cell:nth-child(2), mat-header-cell:nth-child(2) {
+        padding: 0px 5px;
+      }
+      mat-cell:nth-child(n+3):nth-last-child(n+2), mat-footer-cell:nth-child(n+3):nth-last-child(n+2), mat-header-cell:nth-child(n+3):nth-last-child(n+2) {
+        padding: 0px 5px;
+      }
+    }
+  }
+}
+
+:host-context(.tb-has-timewindow) {
+  .tb-table-widget {
+    mat-toolbar {
+      height: 65px;
+      max-height: 65px;
+      .mat-toolbar-tools {
+        height: 65px;
+        max-height: 65px;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.html
new file mode 100644
index 0000000000..01bd46cad2
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.html
@@ -0,0 +1,111 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-table-widget tb-absolute-fill">
+  <div fxFlex fxLayout="column" class="tb-absolute-fill">
+    <mat-toolbar class="mat-table-toolbar" [fxShow]="textSearchMode">
+      <div class="mat-toolbar-tools">
+        <button mat-button mat-icon-button
+                matTooltip="{{ 'action.search' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>search</mat-icon>
+        </button>
+        <mat-form-field fxFlex>
+          <mat-label>&nbsp;</mat-label>
+          <input #searchInput matInput
+                 [(ngModel)]="textSearch"
+                 placeholder="{{ 'widget.search-data' | translate }}"/>
+        </mat-form-field>
+        <button mat-button mat-icon-button (click)="exitFilterMode()"
+                matTooltip="{{ 'action.close' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>close</mat-icon>
+        </button>
+      </div>
+    </mat-toolbar>
+    <mat-tab-group [ngClass]="{'tb-headless': sources.length === 1}" fxFlex
+                   [(selectedIndex)]="sourceIndex" (selectedIndexChange)="onSourceIndexChanged()">
+      <mat-tab *ngFor="let source of sources" label="{{ source.datasource.name }}">
+        <div fxFlex class="table-container">
+          <mat-table [dataSource]="source.timeseriesDatasource" [trackBy]="trackByRowIndex"
+                     matSort [matSortActive]="source.pageLink.sortOrder.property" [matSortDirection]="source.pageLink.sortDirection()" matSortDisableClear>
+            <ng-container *ngIf="showTimestamp" [matColumnDef]="'0'">
+              <mat-header-cell *matHeaderCellDef mat-sort-header>Timestamp</mat-header-cell>
+              <mat-cell *matCellDef="let row;"
+                        [innerHTML]="cellContent(source, 0, row, row[0])"
+                        [ngStyle]="cellStyle(source, 0, row[0])">
+              </mat-cell>
+            </ng-container>
+            <ng-container [matColumnDef]="h.index + ''" *ngFor="let h of source.header; trackBy: trackByColumnIndex;">
+              <mat-header-cell *matHeaderCellDef mat-sort-header> {{ h.dataKey.label }} </mat-header-cell>
+              <mat-cell *matCellDef="let row;"
+                        [innerHTML]="cellContent(source, h.index, row, row[h.index])"
+                        [ngStyle]="cellStyle(source, h.index, row[h.index])">
+              </mat-cell>
+            </ng-container>
+            <ng-container matColumnDef="actions" stickyEnd>
+              <mat-header-cell *matHeaderCellDef [ngStyle.gt-md]="{ minWidth: (actionCellDescriptors.length * 40) + 'px',
+                                                                    maxWidth: (actionCellDescriptors.length * 40) + 'px',
+                                                                    width: (actionCellDescriptors.length * 40) + 'px' }">
+              </mat-header-cell>
+              <mat-cell *matCellDef="let row" [ngStyle.gt-md]="{ minWidth: (actionCellDescriptors.length * 40) + 'px',
+                                                                maxWidth: (actionCellDescriptors.length * 40) + 'px',
+                                                                width: (actionCellDescriptors.length * 40) + 'px' }">
+                <div fxHide fxShow.gt-md fxFlex fxLayout="row" fxLayoutAlign="end">
+                  <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                          *ngFor="let actionDescriptor of actionCellDescriptors"
+                          matTooltip="{{ actionDescriptor.displayName }}"
+                          matTooltipPosition="above"
+                          (click)="onActionButtonClick($event, row, actionDescriptor)">
+                    <mat-icon>{{actionDescriptor.icon}}</mat-icon>
+                  </button>
+                </div>
+                <div fxHide fxShow.lt-lg>
+                  <button mat-button mat-icon-button
+                          (click)="$event.stopPropagation(); ctx.detectChanges();"
+                          [matMenuTriggerFor]="cellActionsMenu">
+                    <mat-icon class="material-icons">more_vert</mat-icon>
+                  </button>
+                  <mat-menu #cellActionsMenu="matMenu" xPosition="before">
+                    <button mat-menu-item *ngFor="let actionDescriptor of actionCellDescriptors"
+                            [disabled]="isLoading$ | async"
+                            (click)="onActionButtonClick($event, row, actionDescriptor)">
+                      <mat-icon>{{actionDescriptor.icon}}</mat-icon>
+                      <span>{{ actionDescriptor.displayName }}</span>
+                    </button>
+                  </mat-menu>
+                </div>
+              </mat-cell>
+            </ng-container>
+            <mat-header-row *matHeaderRowDef="source.displayedColumns; sticky: true"></mat-header-row>
+            <mat-row *matRowDef="let row; columns: source.displayedColumns;"
+                     (click)="onRowClick($event, row)"></mat-row>
+          </mat-table>
+          <span [fxShow]="source.timeseriesDatasource.isEmpty() | async"
+                fxLayoutAlign="center center"
+                class="no-data-found" translate>widget.no-data-found</span>
+        </div>
+        <mat-divider *ngIf="displayPagination"></mat-divider>
+        <mat-paginator *ngIf="displayPagination"
+                       [length]="source.timeseriesDatasource.total() | async"
+                       [pageIndex]="source.pageLink.page"
+                       [pageSize]="source.pageLink.pageSize"
+                       [pageSizeOptions]="pageSizeOptions"></mat-paginator>
+      </mat-tab>
+    </mat-tab-group>
+  </div>
+</div>
diff --git a/application/src/main/java/org/thingsboard/server/service/install/CassandraEntityDatabaseSchemaService.java b/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.scss
similarity index 54%
rename from application/src/main/java/org/thingsboard/server/service/install/CassandraEntityDatabaseSchemaService.java
rename to ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.scss
index 4f075112af..d1b28361f5 100644
--- a/application/src/main/java/org/thingsboard/server/service/install/CassandraEntityDatabaseSchemaService.java
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.scss
@@ -13,18 +13,37 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.service.install;
-
-import org.springframework.context.annotation.Profile;
-import org.springframework.stereotype.Service;
-import org.thingsboard.server.dao.util.NoSqlDao;
+:host {
+  width: 100%;
+  height: 100%;
+  .tb-table-widget {
+    mat-footer-row, mat-row {
+      height: 38px;
+    }
+    mat-header-row {
+      height: 40px;
+    }
+    mat-toolbar {
+      z-index: 10;
+    }
+    span.no-data-found {
+      height: calc(100% - 44px);
+    }
+  }
+}
 
-@Service
-@NoSqlDao
-@Profile("install")
-public class CassandraEntityDatabaseSchemaService extends CassandraAbstractDatabaseSchemaService
-        implements EntityDatabaseSchemaService {
-    public CassandraEntityDatabaseSchemaService() {
-        super("schema-entities.cql");
+:host ::ng-deep {
+  .tb-table-widget {
+    .mat-tab-group {
+      height: 100%;
+      overflow: hidden;
+    }
+    .mat-tab-body-wrapper {
+      height: 100%;
+    }
+    .mat-tab-body-content {
+      display: flex;
+      flex-direction: column;
     }
+  }
 }
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.ts
new file mode 100644
index 0000000000..51cebe1998
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.ts
@@ -0,0 +1,550 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  AfterViewInit,
+  Component,
+  ElementRef,
+  Input,
+  NgZone,
+  OnInit,
+  QueryList,
+  ViewChild,
+  ViewChildren,
+  ViewContainerRef
+} from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { WidgetAction, WidgetContext } from '@home/models/widget-component.models';
+import {
+  DataKey,
+  Datasource,
+  DatasourceData,
+  DatasourceType,
+  WidgetActionDescriptor,
+  WidgetConfig
+} from '@shared/models/widget.models';
+import { UtilsService } from '@core/services/utils.service';
+import { TranslateService } from '@ngx-translate/core';
+import { isDefined, isNumber } from '@core/utils';
+import cssjs from '@core/css/css';
+import { PageLink } from '@shared/models/page/page-link';
+import { Direction, SortOrder, sortOrderFromString } from '@shared/models/page/sort-order';
+import { DataSource } from '@angular/cdk/collections';
+import { CollectionViewer } from '@angular/cdk/collections';
+import { BehaviorSubject, fromEvent, merge, Observable, of } from 'rxjs';
+import { emptyPageData, PageData } from '@shared/models/page/page-data';
+import { catchError, debounceTime, distinctUntilChanged, map, tap } from 'rxjs/operators';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import {
+  CellContentInfo,
+  CellStyleInfo,
+  constructTableCssString,
+  getCellContentInfo,
+  getCellStyleInfo,
+  TableWidgetDataKeySettings
+} from '@home/components/widget/lib/table-widget.models';
+import { Overlay } from '@angular/cdk/overlay';
+import { SubscriptionEntityInfo } from '@core/api/widget-api.models';
+import { DatePipe } from '@angular/common';
+
+interface TimeseriesTableWidgetSettings {
+  showTimestamp: boolean;
+  showMilliseconds: boolean;
+  displayPagination: boolean;
+  defaultPageSize: number;
+  hideEmptyLines: boolean;
+}
+
+interface TimeseriesRow {
+  [col: number]: any;
+  formattedTs: string;
+}
+
+interface TimeseriesHeader {
+  index: number;
+  dataKey: DataKey;
+}
+
+interface TimeseriesTableSource {
+  keyStartIndex: number;
+  keyEndIndex: number;
+  datasource: Datasource;
+  rawData: Array<DatasourceData>;
+  data: TimeseriesRow[];
+  pageLink: PageLink;
+  displayedColumns: string[];
+  timeseriesDatasource: TimeseriesDatasource;
+  header: TimeseriesHeader[];
+  stylesInfo: CellStyleInfo[];
+  contentsInfo: CellContentInfo[];
+  rowDataTemplate: {[key: string]: any};
+}
+
+@Component({
+  selector: 'tb-timeseries-table-widget',
+  templateUrl: './timeseries-table-widget.component.html',
+  styleUrls: ['./timeseries-table-widget.component.scss', './table-widget.scss']
+})
+export class TimeseriesTableWidgetComponent extends PageComponent implements OnInit, AfterViewInit {
+
+  @Input()
+  ctx: WidgetContext;
+
+  @ViewChild('searchInput') searchInputField: ElementRef;
+  @ViewChildren(MatPaginator) paginators: QueryList<MatPaginator>;
+  @ViewChildren(MatSort) sorts: QueryList<MatSort>;
+
+  public displayPagination = true;
+  public pageSizeOptions;
+  public textSearchMode = false;
+  public textSearch: string = null;
+  public actionCellDescriptors: WidgetActionDescriptor[];
+  public sources: TimeseriesTableSource[];
+  public sourceIndex: number;
+
+  private settings: TimeseriesTableWidgetSettings;
+  private widgetConfig: WidgetConfig;
+  private data: Array<DatasourceData>;
+  private datasources: Array<Datasource>;
+
+  private defaultPageSize = 10;
+  private defaultSortOrder = '-0';
+  private hideEmptyLines = false;
+  private showTimestamp = true;
+  private dateFormatFilter: string;
+
+  private searchAction: WidgetAction = {
+    name: 'action.search',
+    show: true,
+    icon: 'search',
+    onAction: () => {
+      this.enterFilterMode();
+    }
+  };
+
+  constructor(protected store: Store<AppState>,
+              private elementRef: ElementRef,
+              private ngZone: NgZone,
+              private overlay: Overlay,
+              private viewContainerRef: ViewContainerRef,
+              private utils: UtilsService,
+              private translate: TranslateService,
+              private domSanitizer: DomSanitizer,
+              private datePipe: DatePipe) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+    this.ctx.$scope.timeseriesTableWidget = this;
+    this.settings = this.ctx.settings;
+    this.widgetConfig = this.ctx.widgetConfig;
+    this.data = this.ctx.data;
+    this.datasources = this.ctx.datasources;
+    this.initialize();
+    this.ctx.updateWidgetParams();
+  }
+
+  ngAfterViewInit(): void {
+    fromEvent(this.searchInputField.nativeElement, 'keyup')
+      .pipe(
+        debounceTime(150),
+        distinctUntilChanged(),
+        tap(() => {
+          if (this.displayPagination) {
+            this.paginators.forEach((paginator) => {
+              paginator.pageIndex = 0;
+            });
+          }
+          this.sources.forEach((source) => {
+            source.pageLink.textSearch = this.textSearch;
+          });
+          this.updateAllData();
+        })
+      )
+      .subscribe();
+
+    if (this.displayPagination) {
+      this.sorts.forEach((sort, index) => {
+        sort.sortChange.subscribe(() => this.paginators.toArray()[index].pageIndex = 0);
+      });
+    }
+    this.sorts.forEach((sort, index) => {
+      const paginator = this.displayPagination ? this.paginators.toArray()[index] : null;
+      sort.sortChange.subscribe(() => this.paginators.toArray()[index].pageIndex = 0);
+      (this.displayPagination ? merge(sort.sortChange, paginator.page) : sort.sortChange)
+        .pipe(
+          tap(() => this.updateData(sort, paginator, index))
+        )
+        .subscribe();
+    });
+    this.updateAllData();
+  }
+
+  public onDataUpdated() {
+    this.ngZone.run(() => {
+      this.sources.forEach((source) => {
+        source.timeseriesDatasource.dataUpdated(this.data);
+      });
+      this.ctx.detectChanges();
+    });
+  }
+
+  private initialize() {
+    this.ctx.widgetActions = [this.searchAction ];
+
+    this.actionCellDescriptors = this.ctx.actionsApi.getActionDescriptors('actionCellButton');
+
+    this.displayPagination = isDefined(this.settings.displayPagination) ? this.settings.displayPagination : true;
+    this.hideEmptyLines = isDefined(this.settings.hideEmptyLines) ? this.settings.hideEmptyLines : false;
+    this.showTimestamp = this.settings.showTimestamp !== false;
+    this.dateFormatFilter = (this.settings.showMilliseconds !== true) ? 'yyyy-MM-dd HH:mm:ss' :  'yyyy-MM-dd HH:mm:ss.sss';
+
+    const pageSize = this.settings.defaultPageSize;
+    if (isDefined(pageSize) && isNumber(pageSize) && pageSize > 0) {
+      this.defaultPageSize = pageSize;
+    }
+    this.pageSizeOptions = [this.defaultPageSize, this.defaultPageSize * 2, this.defaultPageSize * 3];
+
+    let cssString = constructTableCssString(this.widgetConfig);
+
+    const origBackgroundColor = this.widgetConfig.backgroundColor || 'rgb(255, 255, 255)';
+    cssString += '.tb-table-widget mat-toolbar.mat-table-toolbar:not([color=primary]) {\n' +
+    'background-color: ' + origBackgroundColor + ' !important;\n' +
+    '}\n';
+
+    const cssParser = new cssjs();
+    cssParser.testMode = false;
+    const namespace = 'ts-table-' + this.utils.hashCode(cssString);
+    cssParser.cssPreviewNamespace = namespace;
+    cssParser.createStyleElement(namespace, cssString);
+    $(this.elementRef.nativeElement).addClass(namespace);
+    this.updateDatasources();
+  }
+
+  private updateDatasources() {
+    this.sources = [];
+    this.sourceIndex = 0;
+    let keyOffset = 0;
+    const pageSize = this.displayPagination ? this.defaultPageSize : Number.POSITIVE_INFINITY;
+    if (this.datasources) {
+      for (const datasource of this.datasources) {
+        const sortOrder: SortOrder = sortOrderFromString(this.defaultSortOrder);
+        const source = {} as TimeseriesTableSource;
+        source.keyStartIndex = keyOffset;
+        keyOffset += datasource.dataKeys.length;
+        source.keyEndIndex = keyOffset;
+        source.datasource = datasource;
+        source.data = [];
+        source.rawData = [];
+        source.displayedColumns = [];
+        source.pageLink = new PageLink(pageSize, 0, null, sortOrder);
+        source.header = [];
+        source.stylesInfo = [];
+        source.contentsInfo = [];
+        source.rowDataTemplate = {};
+        source.rowDataTemplate.Timestamp = null;
+        if (this.showTimestamp) {
+          source.displayedColumns.push('0');
+        }
+        for (let a = 0; a < datasource.dataKeys.length; a++ ) {
+          const dataKey = datasource.dataKeys[a];
+          const keySettings: TableWidgetDataKeySettings = dataKey.settings;
+          const index = a + 1;
+          source.header.push({
+            index,
+            dataKey
+          });
+          source.displayedColumns.push(index + '');
+          source.rowDataTemplate[dataKey.label] = null;
+          source.stylesInfo.push(getCellStyleInfo(keySettings));
+          const cellContentInfo = getCellContentInfo(keySettings, 'value, rowData, ctx');
+          cellContentInfo.units = dataKey.units;
+          cellContentInfo.decimals = dataKey.decimals;
+          source.contentsInfo.push(cellContentInfo);
+        }
+        source.displayedColumns.push('actions');
+        const tsDatasource = new TimeseriesDatasource(source, this.hideEmptyLines, this.dateFormatFilter, this.datePipe);
+        tsDatasource.dataUpdated(this.data);
+        this.sources.push(source);
+      }
+    }
+    this.updateActiveEntityInfo();
+  }
+
+  private updateActiveEntityInfo() {
+    const source = this.sources[this.sourceIndex];
+    let activeEntityInfo: SubscriptionEntityInfo = null;
+    if (source) {
+      const datasource = source.datasource;
+      if (datasource.type === DatasourceType.entity &&
+        datasource.entityType && datasource.entityId) {
+        activeEntityInfo = {
+          entityId: {
+            entityType: datasource.entityType,
+            id: datasource.entityId
+          },
+          entityName: datasource.entityName
+        };
+      }
+    }
+    this.ctx.activeEntityInfo = activeEntityInfo;
+  }
+
+  onSourceIndexChanged() {
+    this.updateActiveEntityInfo();
+  }
+
+  private enterFilterMode() {
+    this.textSearchMode = true;
+    this.textSearch = '';
+    this.sources.forEach((source) => {
+      source.pageLink.textSearch = this.textSearch;
+    });
+    this.ctx.hideTitlePanel = true;
+    this.ctx.detectChanges(true);
+    setTimeout(() => {
+      this.searchInputField.nativeElement.focus();
+      this.searchInputField.nativeElement.setSelectionRange(0, 0);
+    }, 10);
+  }
+
+  exitFilterMode() {
+    this.textSearchMode = false;
+    this.textSearch = null;
+    this.sources.forEach((source, index) => {
+      source.pageLink.textSearch = this.textSearch;
+      const sort = this.sorts.toArray()[index];
+      let paginator = null;
+      if (this.displayPagination) {
+        paginator = this.paginators.toArray()[index];
+        paginator.pageIndex = 0;
+      }
+      this.updateData(sort, paginator, index);
+    });
+    this.ctx.hideTitlePanel = false;
+    this.ctx.detectChanges(true);
+  }
+
+  private updateAllData() {
+    this.sources.forEach((source, index) => {
+      const sort = this.sorts.toArray()[index];
+      const paginator = this.displayPagination ? this.paginators.toArray()[index] : null;
+      this.updateData(sort, paginator, index);
+    });
+  }
+
+  private updateData(sort: MatSort, paginator: MatPaginator, index: number) {
+    const source = this.sources[index];
+    if (this.displayPagination) {
+      source.pageLink.page = paginator.pageIndex;
+      source.pageLink.pageSize = paginator.pageSize;
+    } else {
+      source.pageLink.page = 0;
+    }
+    source.pageLink.sortOrder.property = sort.active;
+    source.pageLink.sortOrder.direction = Direction[sort.direction.toUpperCase()];
+    source.timeseriesDatasource.loadRows();
+    this.ctx.detectChanges();
+  }
+
+  public trackByColumnIndex(index, header: TimeseriesHeader) {
+    return header.index;
+  }
+
+  public trackByRowIndex(index: number) {
+    return index;
+  }
+
+  public cellStyle(source: TimeseriesTableSource, index: number, value: any): any {
+    let style: any = {};
+    if (index > 0) {
+      const styleInfo = source.stylesInfo[index - 1];
+      if (styleInfo.useCellStyleFunction && styleInfo.cellStyleFunction) {
+        try {
+          style = styleInfo.cellStyleFunction(value);
+        } catch (e) {
+          style = {};
+        }
+      }
+    }
+    return style;
+  }
+
+  public cellContent(source: TimeseriesTableSource, index: number, row: TimeseriesRow, value: any): SafeHtml {
+    if (index === 0) {
+      return row.formattedTs;
+    } else {
+      let content;
+      const contentInfo = source.contentsInfo[index - 1];
+      if (contentInfo.useCellContentFunction && contentInfo.cellContentFunction) {
+        try {
+          const rowData = source.rowDataTemplate;
+          rowData.Timestamp = row[0];
+          source.header.forEach((headerInfo) => {
+            rowData[headerInfo.dataKey.name] = row[headerInfo.index];
+          });
+          content = contentInfo.cellContentFunction(value, rowData, this.ctx);
+        } catch (e) {
+          content = '' + value;
+        }
+      } else {
+        const decimals = (contentInfo.decimals || contentInfo.decimals === 0) ? contentInfo.decimals : this.ctx.widgetConfig.decimals;
+        const units = contentInfo.units || this.ctx.widgetConfig.units;
+        content = this.ctx.utils.formatValue(value, decimals, units, true);
+      }
+      return isDefined(content) ? this.domSanitizer.bypassSecurityTrustHtml(content) : '';
+    }
+  }
+
+  public onRowClick($event: Event, row: TimeseriesRow) {
+    const descriptors = this.ctx.actionsApi.getActionDescriptors('rowClick');
+    if (descriptors.length) {
+      if ($event) {
+        $event.stopPropagation();
+      }
+      let entityId;
+      let entityName;
+      if (this.ctx.activeEntityInfo) {
+        entityId = this.ctx.activeEntityInfo.entityId;
+        entityName = this.ctx.activeEntityInfo.entityName;
+      }
+      this.ctx.actionsApi.handleWidgetAction($event, descriptors[0], entityId, entityName, row);
+    }
+  }
+
+  public onActionButtonClick($event: Event, row: TimeseriesRow, actionDescriptor: WidgetActionDescriptor) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    let entityId;
+    let entityName;
+    if (this.ctx.activeEntityInfo) {
+      entityId = this.ctx.activeEntityInfo.entityId;
+      entityName = this.ctx.activeEntityInfo.entityName;
+    }
+    this.ctx.actionsApi.handleWidgetAction($event, actionDescriptor, entityId, entityName, row);
+  }
+}
+
+class TimeseriesDatasource implements DataSource<TimeseriesRow> {
+
+  private rowsSubject = new BehaviorSubject<TimeseriesRow[]>([]);
+  private pageDataSubject = new BehaviorSubject<PageData<TimeseriesRow>>(emptyPageData<TimeseriesRow>());
+
+  private allRowsSubject = new BehaviorSubject<TimeseriesRow[]>([]);
+  private allRows$: Observable<Array<TimeseriesRow>> = this.allRowsSubject.asObservable();
+
+  constructor(
+    private source: TimeseriesTableSource,
+    private hideEmptyLines: boolean,
+    private dateFormatFilter: string,
+    private datePipe: DatePipe
+  ) {
+    this.source.timeseriesDatasource = this;
+  }
+
+  connect(collectionViewer: CollectionViewer): Observable<TimeseriesRow[] | ReadonlyArray<TimeseriesRow>> {
+    return this.rowsSubject.asObservable();
+  }
+
+  disconnect(collectionViewer: CollectionViewer): void {
+    this.rowsSubject.complete();
+    this.pageDataSubject.complete();
+  }
+
+  loadRows() {
+    this.fetchRows(this.source.pageLink).pipe(
+      catchError(() => of(emptyPageData<TimeseriesRow>())),
+    ).subscribe(
+      (pageData) => {
+        this.rowsSubject.next(pageData.data);
+        this.pageDataSubject.next(pageData);
+      }
+    );
+  }
+
+  dataUpdated(data: DatasourceData[]) {
+    this.source.rawData = data.slice(this.source.keyStartIndex, this.source.keyEndIndex);
+    this.updateSourceData();
+  }
+
+  private updateSourceData() {
+    this.source.data = this.convertData(this.source.rawData);
+    this.allRowsSubject.next(this.source.data);
+  }
+
+  private convertData(data: DatasourceData[]): TimeseriesRow[] {
+    const rowsMap: {[timestamp: number]: TimeseriesRow} = {};
+    for (let d = 0; d < data.length; d++) {
+      const columnData = data[d].data;
+      columnData.forEach((cellData) => {
+        const timestamp = cellData[0];
+        let row = rowsMap[timestamp];
+        if (!row) {
+          row = {
+            formattedTs: this.datePipe.transform(timestamp, this.dateFormatFilter)
+          };
+          row[0] = timestamp;
+          for (let c = 0; c < data.length; c++) {
+            row[c + 1] = undefined;
+          }
+          rowsMap[timestamp] = row;
+        }
+        row[d + 1] = cellData[1];
+      });
+    }
+    const rows: TimeseriesRow[]  = [];
+    for (const t of Object.keys(rowsMap)) {
+      if (this.hideEmptyLines) {
+        let hideLine = true;
+        for (let c = 0; (c < data.length) && hideLine; c++) {
+          if (rowsMap[t][c + 1]) {
+            hideLine = false;
+          }
+        }
+        if (!hideLine) {
+          rows.push(rowsMap[t]);
+        }
+      } else {
+        rows.push(rowsMap[t]);
+      }
+    }
+    return rows;
+  }
+
+
+  isEmpty(): Observable<boolean> {
+    return this.rowsSubject.pipe(
+      map((rows) => !rows.length)
+    );
+  }
+
+  total(): Observable<number> {
+    return this.pageDataSubject.pipe(
+      map((pageData) => pageData.totalElements)
+    );
+  }
+
+  private fetchRows(pageLink: PageLink): Observable<PageData<TimeseriesRow>> {
+    return this.allRows$.pipe(
+      map((data) => pageLink.filterData(data))
+    );
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/widget-component.service.ts b/ui-ngx/src/app/modules/home/components/widget/widget-component.service.ts
new file mode 100644
index 0000000000..3587201415
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/widget-component.service.ts
@@ -0,0 +1,434 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Inject, Injectable, Type } from '@angular/core';
+import { DynamicComponentFactoryService } from '@core/services/dynamic-component-factory.service';
+import { WidgetService } from '@core/http/widget.service';
+import { forkJoin, Observable, of, ReplaySubject, Subject, throwError } from 'rxjs';
+import {
+  ErrorWidgetType,
+  MissingWidgetType,
+  toWidgetInfo,
+  toWidgetType,
+  WidgetInfo,
+  WidgetTypeInstance
+} from '@home/models/widget-component.models';
+import cssjs from '@core/css/css';
+import { UtilsService } from '@core/services/utils.service';
+import { ResourcesService } from '@core/services/resources.service';
+import { Widget, widgetActionSources, WidgetControllerDescriptor, WidgetType } from '@shared/models/widget.models';
+import { catchError, map, mergeMap, switchMap } from 'rxjs/operators';
+import { isFunction, isUndefined } from '@core/utils';
+import { TranslateService } from '@ngx-translate/core';
+import { DynamicWidgetComponent } from '@home/components/widget/dynamic-widget.component';
+import { WidgetComponentsModule } from '@home/components/widget/widget-components.module';
+import { WINDOW } from '@core/services/window.service';
+
+import { NULL_UUID } from '@shared/models/id/has-uuid';
+import { WidgetTypeId } from '@app/shared/models/id/widget-type-id';
+import { TenantId } from '@app/shared/models/id/tenant-id';
+import { SharedModule } from '@shared/shared.module';
+
+// @dynamic
+@Injectable()
+export class WidgetComponentService {
+
+  private cssParser = new cssjs();
+
+  private widgetsInfoInMemoryCache = new Map<string, WidgetInfo>();
+
+  private widgetsInfoFetchQueue = new Map<string, Array<Subject<WidgetInfo>>>();
+
+  private init$: Observable<any>;
+
+  private missingWidgetType: WidgetInfo;
+  private errorWidgetType: WidgetInfo;
+  private editingWidgetType: WidgetType;
+
+  constructor(@Inject(WINDOW) private window: Window,
+              private dynamicComponentFactoryService: DynamicComponentFactoryService,
+              private widgetService: WidgetService,
+              private utils: UtilsService,
+              private resources: ResourcesService,
+              private translate: TranslateService) {
+
+    this.cssParser.testMode = false;
+
+    this.widgetService.onWidgetTypeUpdated().subscribe((widgetType) => {
+      this.deleteWidgetInfoFromCache(widgetType.bundleAlias, widgetType.alias, widgetType.tenantId.id === NULL_UUID);
+    });
+
+    this.widgetService.onWidgetBundleDeleted().subscribe((widgetsBundle) => {
+      this.deleteWidgetsBundleFromCache(widgetsBundle.alias, widgetsBundle.tenantId.id === NULL_UUID);
+    });
+
+    this.init();
+  }
+
+  private init(): Observable<any> {
+    if (this.init$) {
+      return this.init$;
+    } else {
+      this.missingWidgetType = {...MissingWidgetType};
+      this.errorWidgetType = {...ErrorWidgetType};
+      if (this.utils.widgetEditMode) {
+        this.editingWidgetType = toWidgetType(
+          {
+            widgetName: this.utils.editWidgetInfo.widgetName,
+            alias: 'customWidget',
+            type: this.utils.editWidgetInfo.type,
+            sizeX: this.utils.editWidgetInfo.sizeX,
+            sizeY: this.utils.editWidgetInfo.sizeY,
+            resources: this.utils.editWidgetInfo.resources,
+            templateHtml: this.utils.editWidgetInfo.templateHtml,
+            templateCss: this.utils.editWidgetInfo.templateCss,
+            controllerScript: this.utils.editWidgetInfo.controllerScript,
+            settingsSchema: this.utils.editWidgetInfo.settingsSchema,
+            dataKeySettingsSchema: this.utils.editWidgetInfo.dataKeySettingsSchema,
+            defaultConfig: this.utils.editWidgetInfo.defaultConfig
+          }, new WidgetTypeId('1'), new TenantId( NULL_UUID ), 'customWidgetBundle'
+        );
+      }
+      const initSubject = new ReplaySubject();
+      this.init$ = initSubject.asObservable();
+      const loadDefaultWidgetInfoTasks = [
+        this.loadWidgetResources(this.missingWidgetType, 'global-widget-missing-type', [SharedModule]),
+        this.loadWidgetResources(this.errorWidgetType, 'global-widget-error-type', [SharedModule]),
+      ];
+      forkJoin(loadDefaultWidgetInfoTasks).subscribe(
+        () => {
+          initSubject.next();
+        },
+        (e) => {
+          let errorMessages = ['Failed to load default widget types!'];
+          if (e && e.length) {
+            errorMessages = errorMessages.concat(e);
+          }
+          console.error('Failed to load default widget types!');
+          initSubject.error({
+            widgetInfo: this.errorWidgetType,
+            errorMessages
+          });
+        }
+      );
+      return this.init$;
+    }
+  }
+
+  public getInstantWidgetInfo(widget: Widget): WidgetInfo {
+    const widgetInfo = this.getWidgetInfoFromCache(widget.bundleAlias, widget.typeAlias, widget.isSystemType);
+    if (widgetInfo) {
+      return widgetInfo;
+    } else {
+      return {} as WidgetInfo;
+    }
+  }
+
+  public getWidgetInfo(bundleAlias: string, widgetTypeAlias: string, isSystem: boolean): Observable<WidgetInfo> {
+    return this.init().pipe(
+      mergeMap(() => this.getWidgetInfoInternal(bundleAlias, widgetTypeAlias, isSystem))
+    );
+  }
+
+  private getWidgetInfoInternal(bundleAlias: string, widgetTypeAlias: string, isSystem: boolean): Observable<WidgetInfo> {
+    const widgetInfoSubject = new ReplaySubject<WidgetInfo>();
+    const widgetInfo = this.getWidgetInfoFromCache(bundleAlias, widgetTypeAlias, isSystem);
+    if (widgetInfo) {
+      widgetInfoSubject.next(widgetInfo);
+      widgetInfoSubject.complete();
+    } else {
+      if (this.utils.widgetEditMode) {
+        this.loadWidget(this.editingWidgetType, bundleAlias, isSystem, widgetInfoSubject);
+      } else {
+        const key = this.createWidgetInfoCacheKey(bundleAlias, widgetTypeAlias, isSystem);
+        let fetchQueue = this.widgetsInfoFetchQueue.get(key);
+        if (fetchQueue) {
+          fetchQueue.push(widgetInfoSubject);
+        } else {
+          fetchQueue = new Array<Subject<WidgetInfo>>();
+          this.widgetsInfoFetchQueue.set(key, fetchQueue);
+          this.widgetService.getWidgetType(bundleAlias, widgetTypeAlias, isSystem, {ignoreErrors: true}).subscribe(
+            (widgetType) => {
+              this.loadWidget(widgetType, bundleAlias, isSystem, widgetInfoSubject);
+            },
+            () => {
+              widgetInfoSubject.next(this.missingWidgetType);
+              widgetInfoSubject.complete();
+              this.resolveWidgetsInfoFetchQueue(key, this.missingWidgetType);
+            }
+          );
+        }
+      }
+    }
+    return widgetInfoSubject.asObservable();
+  }
+
+  private loadWidget(widgetType: WidgetType, bundleAlias: string, isSystem: boolean, widgetInfoSubject: Subject<WidgetInfo>) {
+    const widgetInfo = toWidgetInfo(widgetType);
+    const key = this.createWidgetInfoCacheKey(bundleAlias, widgetInfo.alias, isSystem);
+    let widgetControllerDescriptor: WidgetControllerDescriptor = null;
+    try {
+      widgetControllerDescriptor = this.createWidgetControllerDescriptor(widgetInfo, key);
+    } catch (e) {
+      const details = this.utils.parseException(e);
+      const errorMessage = `Failed to compile widget script. \n Error: ${details.message}`;
+      this.processWidgetLoadError([errorMessage], key, widgetInfoSubject);
+    }
+    if (widgetControllerDescriptor) {
+      const widgetNamespace = `widget-type-${(isSystem ? 'sys-' : '')}${bundleAlias}-${widgetInfo.alias}`;
+      this.loadWidgetResources(widgetInfo, widgetNamespace, [SharedModule, WidgetComponentsModule]).subscribe(
+        () => {
+          if (widgetControllerDescriptor.settingsSchema) {
+            widgetInfo.typeSettingsSchema = widgetControllerDescriptor.settingsSchema;
+          }
+          if (widgetControllerDescriptor.dataKeySettingsSchema) {
+            widgetInfo.typeDataKeySettingsSchema = widgetControllerDescriptor.dataKeySettingsSchema;
+          }
+          widgetInfo.typeParameters = widgetControllerDescriptor.typeParameters;
+          widgetInfo.actionSources = widgetControllerDescriptor.actionSources;
+          widgetInfo.widgetTypeFunction = widgetControllerDescriptor.widgetTypeFunction;
+          this.putWidgetInfoToCache(widgetInfo, bundleAlias, widgetInfo.alias, isSystem);
+          if (widgetInfoSubject) {
+            widgetInfoSubject.next(widgetInfo);
+            widgetInfoSubject.complete();
+          }
+          this.resolveWidgetsInfoFetchQueue(key, widgetInfo);
+        },
+        (errorMessages: string[]) => {
+          this.processWidgetLoadError(errorMessages, key, widgetInfoSubject);
+        }
+      );
+    }
+  }
+
+  private loadWidgetResources(widgetInfo: WidgetInfo, widgetNamespace: string, modules?: Type<any>[]): Observable<any> {
+    this.cssParser.cssPreviewNamespace = widgetNamespace;
+    this.cssParser.createStyleElement(widgetNamespace, widgetInfo.templateCss);
+    const resourceTasks: Observable<string>[] = [];
+    if (widgetInfo.resources.length > 0) {
+      widgetInfo.resources.forEach((resource) => {
+        resourceTasks.push(
+          this.resources.loadResource(resource.url).pipe(
+            catchError(e => of(`Failed to load widget resource: '${resource.url}'`))
+          )
+        );
+      });
+    }
+    resourceTasks.push(
+      this.dynamicComponentFactoryService.createDynamicComponentFactory(
+        class DynamicWidgetComponentInstance extends DynamicWidgetComponent {},
+        widgetInfo.templateHtml,
+        modules
+      ).pipe(
+        map((factory) => {
+          widgetInfo.componentFactory = factory;
+          return null;
+        }),
+        catchError(e => {
+          const details = this.utils.parseException(e);
+          const errorMessage = `Failed to compile widget html. \n Error: ${details.message}`;
+          return of(errorMessage);
+        })
+      )
+    );
+    return forkJoin(resourceTasks).pipe(
+      switchMap(msgs => {
+          let errors: string[];
+          if (msgs && msgs.length) {
+            errors = msgs.filter(msg => msg && msg.length > 0);
+          }
+          if (errors && errors.length) {
+            return throwError(errors);
+          } else {
+            return of(null);
+          }
+        }
+    ));
+  }
+
+  private createWidgetControllerDescriptor(widgetInfo: WidgetInfo, name: string): WidgetControllerDescriptor {
+    let widgetTypeFunctionBody = `return function ${name} (ctx) {\n` +
+      '    var self = this;\n' +
+      '    self.ctx = ctx;\n\n'; /*+
+
+         '    self.onInit = function() {\n\n' +
+
+         '    }\n\n' +
+
+         '    self.onDataUpdated = function() {\n\n' +
+
+         '    }\n\n' +
+
+         '    self.useCustomDatasources = function() {\n\n' +
+
+         '    }\n\n' +
+
+         '    self.typeParameters = function() {\n\n' +
+                    return {
+                                useCustomDatasources: false,
+                                maxDatasources: -1, //unlimited
+                                maxDataKeys: -1, //unlimited
+                                dataKeysOptional: false,
+                                stateData: false
+                           };
+         '    }\n\n' +
+
+         '    self.actionSources = function() {\n\n' +
+                    return {
+                                'headerButton': {
+                                   name: 'Header button',
+                                   multiple: true
+                                }
+                            };
+              }\n\n' +
+         '    self.onResize = function() {\n\n' +
+
+         '    }\n\n' +
+
+         '    self.onEditModeChanged = function() {\n\n' +
+
+         '    }\n\n' +
+
+         '    self.onMobileModeChanged = function() {\n\n' +
+
+         '    }\n\n' +
+
+         '    self.getSettingsSchema = function() {\n\n' +
+
+         '    }\n\n' +
+
+         '    self.getDataKeySettingsSchema = function() {\n\n' +
+
+         '    }\n\n' +
+
+         '    self.onDestroy = function() {\n\n' +
+
+         '    }\n\n' +
+         '}';*/
+
+    widgetTypeFunctionBody += widgetInfo.controllerScript;
+    widgetTypeFunctionBody += '\n};\n';
+
+    try {
+
+      const widgetTypeFunction = new Function(widgetTypeFunctionBody);
+      const widgetType = widgetTypeFunction.apply(this);
+      const widgetTypeInstance: WidgetTypeInstance = new widgetType();
+      const result: WidgetControllerDescriptor = {
+        widgetTypeFunction: widgetType
+      };
+      if (isFunction(widgetTypeInstance.getSettingsSchema)) {
+        result.settingsSchema = widgetTypeInstance.getSettingsSchema();
+      }
+      if (isFunction(widgetTypeInstance.getDataKeySettingsSchema)) {
+        result.dataKeySettingsSchema = widgetTypeInstance.getDataKeySettingsSchema();
+      }
+      if (isFunction(widgetTypeInstance.typeParameters)) {
+        result.typeParameters = widgetTypeInstance.typeParameters();
+      } else {
+        result.typeParameters = {};
+      }
+      if (isFunction(widgetTypeInstance.useCustomDatasources)) {
+        result.typeParameters.useCustomDatasources = widgetTypeInstance.useCustomDatasources();
+      } else {
+        result.typeParameters.useCustomDatasources = false;
+      }
+      if (isUndefined(result.typeParameters.maxDatasources)) {
+        result.typeParameters.maxDatasources = -1;
+      }
+      if (isUndefined(result.typeParameters.maxDataKeys)) {
+        result.typeParameters.maxDataKeys = -1;
+      }
+      if (isUndefined(result.typeParameters.dataKeysOptional)) {
+        result.typeParameters.dataKeysOptional = false;
+      }
+      if (isUndefined(result.typeParameters.stateData)) {
+        result.typeParameters.stateData = false;
+      }
+      if (isFunction(widgetTypeInstance.actionSources)) {
+        result.actionSources = widgetTypeInstance.actionSources();
+      } else {
+        result.actionSources = {};
+      }
+      for (const actionSourceId of Object.keys(widgetActionSources)) {
+        result.actionSources[actionSourceId] = {...widgetActionSources[actionSourceId]};
+        result.actionSources[actionSourceId].name = this.translate.instant(result.actionSources[actionSourceId].name);
+      }
+      return result;
+    } catch (e) {
+      this.utils.processWidgetException(e);
+      throw e;
+    }
+  }
+
+  private processWidgetLoadError(errorMessages: string[], cacheKey: string, widgetInfoSubject: Subject<WidgetInfo>) {
+    if (widgetInfoSubject) {
+      widgetInfoSubject.error({
+        widgetInfo: this.errorWidgetType,
+        errorMessages
+      });
+    }
+    this.resolveWidgetsInfoFetchQueue(cacheKey, this.errorWidgetType, errorMessages);
+  }
+
+  private resolveWidgetsInfoFetchQueue(key: string, widgetInfo: WidgetInfo, errorMessages?: string[]) {
+    const fetchQueue = this.widgetsInfoFetchQueue.get(key);
+    if (fetchQueue) {
+      fetchQueue.forEach(subject => {
+        if (!errorMessages) {
+          subject.next(widgetInfo);
+          subject.complete();
+        } else {
+          subject.error({
+            widgetInfo,
+            errorMessages
+          });
+        }
+      });
+      this.widgetsInfoFetchQueue.delete(key);
+    }
+  }
+
+  // Cache functions
+
+  private createWidgetInfoCacheKey(bundleAlias: string, widgetTypeAlias: string, isSystem: boolean): string {
+    return `${isSystem ? 'sys_' : ''}${bundleAlias}_${widgetTypeAlias}`;
+  }
+
+  private getWidgetInfoFromCache(bundleAlias: string, widgetTypeAlias: string, isSystem: boolean): WidgetInfo | undefined {
+    const key = this.createWidgetInfoCacheKey(bundleAlias, widgetTypeAlias, isSystem);
+    return this.widgetsInfoInMemoryCache.get(key);
+  }
+
+  private putWidgetInfoToCache(widgetInfo: WidgetInfo, bundleAlias: string, widgetTypeAlias: string, isSystem: boolean) {
+    const key = this.createWidgetInfoCacheKey(bundleAlias, widgetTypeAlias, isSystem);
+    this.widgetsInfoInMemoryCache.set(key, widgetInfo);
+  }
+
+  private deleteWidgetInfoFromCache(bundleAlias: string, widgetTypeAlias: string, isSystem: boolean) {
+    const key = this.createWidgetInfoCacheKey(bundleAlias, widgetTypeAlias, isSystem);
+    this.widgetsInfoInMemoryCache.delete(key);
+  }
+
+  private deleteWidgetsBundleFromCache(bundleAlias: string, isSystem: boolean) {
+    const key = (isSystem ? 'sys_' : '') + bundleAlias;
+    this.widgetsInfoInMemoryCache.forEach((widgetInfo, cacheKey) => {
+      if (cacheKey.startsWith(key)) {
+        this.widgetsInfoInMemoryCache.delete(cacheKey);
+      }
+    });
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/widget-components.module.ts b/ui-ngx/src/app/modules/home/components/widget/widget-components.module.ts
new file mode 100644
index 0000000000..e3cc12b853
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/widget-components.module.ts
@@ -0,0 +1,64 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@app/shared/shared.module';
+import { EntitiesTableWidgetComponent } from '@home/components/widget/lib/entities-table-widget.component';
+import { DisplayColumnsPanelComponent } from '@home/components/widget/lib/display-columns-panel.component';
+import { AlarmsTableWidgetComponent } from '@home/components/widget/lib/alarms-table-widget.component';
+import { AlarmStatusFilterPanelComponent } from '@home/components/widget/lib/alarm-status-filter-panel.component';
+import { SharedHomeComponentsModule } from '@home/components/shared-home-components.module';
+import { TimeseriesTableWidgetComponent } from '@home/components/widget/lib/timeseries-table-widget.component';
+import { EntitiesHierarchyWidgetComponent } from '@home/components/widget/lib/entities-hierarchy-widget.component';
+import { CustomDialogService } from '@home/components/widget/dialog/custom-dialog.service';
+import { RpcWidgetsModule } from '@home/components/widget/lib/rpc/rpc-widgets.module';
+import {
+  DateRangeNavigatorPanelComponent,
+  DateRangeNavigatorWidgetComponent
+} from '@home/components/widget/lib/date-range-navigator/date-range-navigator.component';
+
+@NgModule({
+  declarations:
+    [
+      DisplayColumnsPanelComponent,
+      AlarmStatusFilterPanelComponent,
+      EntitiesTableWidgetComponent,
+      AlarmsTableWidgetComponent,
+      TimeseriesTableWidgetComponent,
+      EntitiesHierarchyWidgetComponent,
+      DateRangeNavigatorWidgetComponent,
+      DateRangeNavigatorPanelComponent
+    ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    RpcWidgetsModule,
+    SharedHomeComponentsModule
+  ],
+  exports: [
+    EntitiesTableWidgetComponent,
+    AlarmsTableWidgetComponent,
+    TimeseriesTableWidgetComponent,
+    EntitiesHierarchyWidgetComponent,
+    RpcWidgetsModule,
+    DateRangeNavigatorWidgetComponent
+  ],
+  providers: [
+    CustomDialogService
+  ]
+})
+export class WidgetComponentsModule { }
diff --git a/ui-ngx/src/app/modules/home/components/widget/widget-config.component.html b/ui-ngx/src/app/modules/home/components/widget/widget-config.component.html
new file mode 100644
index 0000000000..3d05f737a1
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/widget-config.component.html
@@ -0,0 +1,383 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-tab-group [ngClass]="{'tb-headless': (widgetType === widgetTypes.static && !displayAdvanced())}"
+               fxFlex class="tb-widget-config tb-absolute-fill" [(selectedIndex)]="selectedTab">
+  <mat-tab label="{{ 'widget-config.data' | translate }}" [fxShow]="widgetType !== widgetTypes.static">
+    <div [formGroup]="dataSettings" class="mat-content mat-padding" fxLayout="column" fxLayoutGap="8px">
+      <div *ngIf="widgetType === widgetTypes.timeseries || widgetType === widgetTypes.alarm"
+            fxLayout="column" fxLayoutGap="8px" fxLayoutAlign="center" fxLayout.gt-sm="row" fxLayoutAlign.gt-sm="start center">
+        <div fxLayout="column" fxLayoutGap="8px" fxFlex>
+          <mat-checkbox formControlName="useDashboardTimewindow">
+            {{ 'widget-config.use-dashboard-timewindow' | translate }}
+          </mat-checkbox>
+          <mat-checkbox formControlName="displayTimewindow">
+            {{ 'widget-config.display-timewindow' | translate }}
+          </mat-checkbox>
+        </div>
+        <section fxFlex fxLayout="row" fxLayoutAlign="start center" style="margin-bottom: 16px;">
+          <span [ngClass]="{'tb-disabled-label': dataSettings.get('useDashboardTimewindow').value}" translate style="padding-right: 8px;">widget-config.timewindow</span>
+          <tb-timewindow asButton="true"
+                         aggregation="{{ widgetType === widgetTypes.timeseries }}"
+                         fxFlex formControlName="timewindow"></tb-timewindow>
+        </section>
+      </div>
+      <div *ngIf="widgetType === widgetTypes.alarm" fxLayout="column" fxLayoutGap="8px" fxLayoutAlign="center"
+           fxLayout.gt-sm="row" fxLayoutAlign.gt-sm="start center">
+        <mat-form-field fxFlex class="mat-block">
+          <mat-label translate>alarm.alarm-status</mat-label>
+          <mat-select matInput formControlName="alarmSearchStatus">
+            <mat-option *ngFor="let searchStatus of alarmSearchStatuses" [value]="searchStatus">
+              {{ ('alarm.search-status.' + searchStatus) | translate }}
+            </mat-option>
+          </mat-select>
+        </mat-form-field>
+        <mat-form-field fxFlex class="mat-block">
+          <mat-label translate>alarm.polling-interval</mat-label>
+          <input matInput required
+                 formControlName="alarmsPollingInterval"
+                 type="number"
+                 step="1"/>
+          <mat-error *ngIf="dataSettings.get('alarmsPollingInterval').hasError('required')">
+            {{ 'alarm.polling-interval-required' | translate }}
+          </mat-error>
+          <mat-error *ngIf="dataSettings.get('alarmsPollingInterval').hasError('min')">
+            {{ 'alarm.min-polling-interval-message' | translate }}
+          </mat-error>
+        </mat-form-field>
+      </div>
+      <mat-expansion-panel class="tb-datasources" *ngIf="widgetType !== widgetTypes.rpc &&
+                                  widgetType !== widgetTypes.alarm &&
+                                  widgetType !== widgetTypes.static &&
+                                  modelValue?.isDataEnabled" [expanded]="true">
+        <mat-expansion-panel-header>
+          <mat-panel-title fxLayout="column">
+            <div class="tb-panel-title" translate>widget-config.datasources</div>
+            <div *ngIf="modelValue?.typeParameters && modelValue?.typeParameters.maxDatasources > -1"
+                 class="tb-hint">{{ 'widget-config.maximum-datasources' | translate:{count: modelValue?.typeParameters.maxDatasources} }}</div>
+          </mat-panel-title>
+        </mat-expansion-panel-header>
+        <div *ngIf="datasourcesFormArray().length === 0; else datasourcesTemplate">
+              <span translate fxLayoutAlign="center center"
+                    class="tb-prompt">datasource.add-datasource-prompt</span>
+        </div>
+        <ng-template #datasourcesTemplate>
+          <div fxFlex fxLayout="row" fxLayoutAlign="start center">
+            <span fxFlex="5"></span>
+            <div fxFlex fxLayout="row" fxLayoutAlign="start center"
+                 style="padding: 0 0 0 10px; margin: 5px;">
+              <span translate style="min-width: 110px;">widget-config.datasource-type</span>
+              <span fxHide fxShow.gt-sm translate fxFlex
+                    style="padding-left: 10px;">widget-config.datasource-parameters</span>
+              <span style="min-width: 40px;"></span>
+            </div>
+          </div>
+          <div style="overflow: auto; padding-bottom: 15px;">
+            <div fxFlex fxLayout="row" fxLayoutAlign="start center"
+                 formArrayName="datasources"
+                 *ngFor="let datasourceControl of datasourcesFormArray().controls; let $index = index;">
+              <span fxFlex="5">{{$index + 1}}.</span>
+              <div [formGroupName]="$index" class="mat-elevation-z4" fxFlex
+                   fxLayout="row"
+                   fxLayoutAlign="start center"
+                   style="padding: 0 0 0 10px; margin: 5px;">
+                <section fxFlex
+                         fxLayout="column"
+                         fxLayoutAlign="center"
+                         fxLayout.gt-sm="row"
+                         fxLayoutAlign.gt-sm="start center">
+                  <mat-form-field class="tb-datasource-type">
+                    <mat-select matInput formControlName="type">
+                      <mat-option *ngFor="let datasourceType of datasourceTypes" [value]="datasourceType">
+                        {{ datasourceTypesTranslations.get(datasourceType) | translate }}
+                      </mat-option>
+                    </mat-select>
+                  </mat-form-field>
+                  <section class="tb-datasource" [ngSwitch]="datasourceControl.get('type').value">
+                    <ng-template [ngSwitchCase]="datasourceType.function">
+                      <mat-form-field floatLabel="always"
+                                      class="tb-datasource-name" style="min-width: 200px;">
+                        <mat-label></mat-label>
+                        <input matInput
+                               placeholder="{{ 'datasource.name' | translate }}"
+                               formControlName="name">
+                      </mat-form-field>
+                    </ng-template>
+                    <ng-template [ngSwitchCase]="datasourceType.entity">
+                      <tb-entity-alias-select
+                        [tbRequired]="datasourceControl.get('type').value === datasourceType.entity"
+                        [aliasController]="aliasController"
+                        formControlName="entityAliasId"
+                        [callbacks]="widgetConfigCallbacks">
+                      </tb-entity-alias-select>
+                    </ng-template>
+                  </section>
+                  <tb-data-keys class="tb-data-keys" fxFlex
+                                [widgetType]="widgetType"
+                                [datasourceType]="datasourceControl.get('type').value"
+                                [maxDataKeys]="modelValue?.typeParameters?.maxDataKeys"
+                                [optDataKeys]="modelValue?.typeParameters?.dataKeysOptional"
+                                [aliasController]="aliasController"
+                                [datakeySettingsSchema]="modelValue?.dataKeySettingsSchema"
+                                [callbacks]="widgetConfigCallbacks"
+                                [entityAliasId]="datasourceControl.get('entityAliasId').value"
+                                formControlName="dataKeys">
+                  </tb-data-keys>
+                </section>
+                <button [disabled]="isLoading$ | async"
+                        type="button"
+                        mat-button mat-icon-button color="primary"
+                        style="min-width: 40px;"
+                        (click)="removeDatasource($index)"
+                        matTooltip="{{ 'widget-config.remove-datasource' | translate }}"
+                        matTooltipPosition="above">
+                  <mat-icon>close</mat-icon>
+                </button>
+              </div>
+            </div>
+          </div>
+        </ng-template>
+        <div fxFlex fxLayout="row" fxLayoutAlign="start center">
+          <button [disabled]="isLoading$ | async"
+                  type="button"
+                  mat-button mat-raised-button color="primary"
+                  [fxShow]="modelValue?.typeParameters &&
+                            (modelValue?.typeParameters.maxDatasources == -1 || datasourcesFormArray().controls.length < modelValue?.typeParameters.maxDatasources)"
+                  (click)="addDatasource()"
+                  matTooltip="{{ 'widget-config.add-datasource' | translate }}"
+                  matTooltipPosition="above">
+            <mat-icon>add</mat-icon>
+            <span translate>action.add</span>
+          </button>
+        </div>
+      </mat-expansion-panel>
+      <mat-expansion-panel class="tb-datasources" *ngIf="widgetType === widgetTypes.rpc &&
+                                  modelValue?.isDataEnabled" [expanded]="true">
+        <mat-expansion-panel-header>
+          <mat-panel-title>
+            {{ 'widget-config.target-device' | translate }}
+          </mat-panel-title>
+        </mat-expansion-panel-header>
+        <div [formGroup]="targetDeviceSettings" style="padding: 0 5px;">
+          <tb-entity-alias-select fxFlex
+            [tbRequired]="!widgetEditMode"
+            [aliasController]="aliasController"
+            [allowedEntityTypes]="[entityTypes.DEVICE]"
+            [callbacks]="widgetConfigCallbacks"
+            formControlName="targetDeviceAliasId">
+          </tb-entity-alias-select>
+        </div>
+      </mat-expansion-panel>
+      <mat-expansion-panel class="tb-datasources" *ngIf="widgetType === widgetTypes.alarm &&
+                                  modelValue?.isDataEnabled" [expanded]="true">
+        <mat-expansion-panel-header>
+          <mat-panel-title>
+            {{ 'widget-config.alarm-source' | translate }}
+          </mat-panel-title>
+        </mat-expansion-panel-header>
+        <div [formGroup]="alarmSourceSettings" style="padding: 0 5px;">
+          <section fxFlex
+                   fxLayout="column"
+                   fxLayoutAlign="center"
+                   fxLayout.gt-sm="row"
+                   fxLayoutAlign.gt-sm="start center">
+            <mat-form-field class="tb-datasource-type">
+              <mat-select matInput formControlName="type">
+                <mat-option *ngFor="let datasourceType of datasourceTypes" [value]="datasourceType">
+                  {{ datasourceTypesTranslations.get(datasourceType) | translate }}
+                </mat-option>
+              </mat-select>
+            </mat-form-field>
+            <section class="tb-datasource" [ngSwitch]="alarmSourceSettings.get('type').value">
+              <ng-template [ngSwitchCase]="datasourceType.function">
+                <mat-form-field floatLabel="always" [fxShow]="widgetType !== widgetTypes.alarm"
+                                class="tb-datasource-name" style="min-width: 200px;">
+                  <mat-label></mat-label>
+                  <input matInput
+                         placeholder="{{ 'datasource.name' | translate }}"
+                         formControlName="name">
+                </mat-form-field>
+              </ng-template>
+              <ng-template [ngSwitchCase]="datasourceType.entity">
+                <tb-entity-alias-select
+                  [tbRequired]="alarmSourceSettings.get('type').value === datasourceType.entity"
+                  [aliasController]="aliasController"
+                  formControlName="entityAliasId"
+                  [callbacks]="widgetConfigCallbacks">
+                </tb-entity-alias-select>
+              </ng-template>
+            </section>
+            <tb-data-keys class="tb-data-keys" fxFlex
+                          [widgetType]="widgetType"
+                          [datasourceType]="alarmSourceSettings.get('type').value"
+                          [aliasController]="aliasController"
+                          [datakeySettingsSchema]="modelValue?.dataKeySettingsSchema"
+                          [callbacks]="widgetConfigCallbacks"
+                          [entityAliasId]="alarmSourceSettings.get('entityAliasId').value"
+                          formControlName="dataKeys">
+            </tb-data-keys>
+          </section>
+        </div>
+      </mat-expansion-panel>
+    </div>
+  </mat-tab>
+  <mat-tab label="{{ 'widget-config.settings' | translate }}">
+    <div class="mat-content mat-padding"
+         fxLayout="column" fxLayoutGap="8px">
+      <div [formGroup]="widgetSettings" fxLayout="column" fxLayoutGap="8px">
+        <span translate>widget-config.general-settings</span>
+        <div fxLayout="column" fxLayoutAlign="center" fxLayout.gt-sm="row" fxLayoutAlign.gt-sm="start center">
+          <mat-form-field fxFlex class="mat-block">
+            <mat-label translate>widget-config.title</mat-label>
+            <input matInput formControlName="title">
+          </mat-form-field>
+          <div fxFlex [fxShow]="widgetSettings.get('showTitle').value">
+            <tb-json-object-edit
+              [editorStyle]="{minHeight: '100px'}"
+              required
+              label="{{ 'widget-config.title-style' | translate }}"
+              formControlName="titleStyle"
+            ></tb-json-object-edit>
+          </div>
+        </div>
+        <div fxLayout="column" fxLayoutAlign="center" fxLayout.gt-sm="row" fxLayoutAlign.gt-sm="start center"
+             fxLayoutGap="8px">
+          <div fxLayout="row" fxFlex>
+            <mat-checkbox formControlName="showTitleIcon">
+              {{ 'widget-config.display-icon' | translate }}
+            </mat-checkbox>
+          </div>
+          <div fxFlex>
+            <tb-material-icon-select
+              formControlName="titleIcon">
+            </tb-material-icon-select>
+          </div>
+          <tb-color-input fxFlex
+                          label="{{'widget-config.icon-color' | translate}}"
+                          icon="format_color_fill"
+                          openOnInput
+                          formControlName="iconColor">
+          </tb-color-input>
+          <mat-form-field fxFlex>
+            <mat-label translate>widget-config.icon-size</mat-label>
+            <input matInput formControlName="iconSize">
+          </mat-form-field>
+        </div>
+        <div fxLayout="column" fxLayoutAlign="center" fxLayout.gt-sm="row" fxLayoutAlign.gt-sm="start center"
+             fxLayoutGap="8px">
+          <div fxLayout="row">
+            <mat-checkbox formControlName="showTitle">
+              {{ 'widget-config.display-title' | translate }}
+            </mat-checkbox>
+          </div>
+          <div fxLayout="row">
+            <mat-checkbox formControlName="dropShadow">
+              {{ 'widget-config.drop-shadow' | translate }}
+            </mat-checkbox>
+          </div>
+          <div fxLayout="row">
+            <mat-checkbox formControlName="enableFullscreen">
+              {{ 'widget-config.enable-fullscreen' | translate }}
+            </mat-checkbox>
+          </div>
+          <div fxFlex>
+            <tb-json-object-edit
+              [editorStyle]="{minHeight: '100px'}"
+              required
+              label="{{ 'widget-config.widget-style' | translate }}"
+              formControlName="widgetStyle"
+            ></tb-json-object-edit>
+          </div>
+        </div>
+        <div fxLayout="column" fxLayoutAlign="center" fxLayout.gt-sm="row" fxLayoutAlign.gt-sm="start center"
+             fxLayoutGap="8px">
+          <tb-color-input fxFlex
+                          label="{{'widget-config.background-color' | translate}}"
+                          icon="format_color_fill"
+                          openOnInput
+                          formControlName="backgroundColor">
+          </tb-color-input>
+          <tb-color-input fxFlex
+                          label="{{'widget-config.text-color' | translate}}"
+                          icon="format_color_fill"
+                          openOnInput
+                          formControlName="color">
+          </tb-color-input>
+          <mat-form-field fxFlex>
+            <mat-label translate>widget-config.padding</mat-label>
+            <input matInput formControlName="padding">
+          </mat-form-field>
+          <mat-form-field fxFlex>
+            <mat-label translate>widget-config.margin</mat-label>
+            <input matInput formControlName="margin">
+          </mat-form-field>
+        </div>
+        <div fxLayout="column" fxLayoutAlign="center" fxLayout.gt-sm="row" fxLayoutAlign.gt-sm="start center"
+             fxLayoutGap="8px">
+          <mat-form-field fxFlex>
+            <mat-label translate>widget-config.units</mat-label>
+            <input matInput formControlName="units">
+          </mat-form-field>
+          <mat-form-field fxFlex>
+            <mat-label translate>widget-config.decimals</mat-label>
+            <input matInput formControlName="decimals" type="number" min="0" max="15" step="1">
+          </mat-form-field>
+        </div>
+        <div [fxShow]="widgetType === widgetTypes.timeseries ||
+                       widgetType === widgetTypes.latest"
+             fxLayout="column" fxLayoutAlign="center" fxLayout.gt-sm="row" fxLayoutAlign.gt-sm="start center"
+             fxLayoutGap="8px">
+          <mat-checkbox fxFlex formControlName="showLegend">
+            {{ 'widget-config.display-legend' | translate }}
+          </mat-checkbox>
+          <section fxFlex fxLayout="row" fxLayoutAlign="start center" style="margin-bottom: 16px;">
+            <tb-legend-config formControlName="legendConfig">
+            </tb-legend-config>
+          </section>
+        </div>
+      </div>
+      <div [formGroup]="layoutSettings" fxLayout="column" fxLayoutGap="8px">
+        <span translate>widget-config.mobile-mode-settings</span>
+        <div fxLayout="column" fxLayoutAlign="center" fxLayout.gt-sm="row" fxLayoutAlign.gt-sm="start center"
+             fxLayoutGap="8px">
+          <mat-form-field fxFlex>
+            <mat-label translate>widget-config.order</mat-label>
+            <input matInput formControlName="mobileOrder" type="number" step="1">
+          </mat-form-field>
+          <mat-form-field fxFlex>
+            <mat-label translate>widget-config.height</mat-label>
+            <input matInput formControlName="mobileHeight" type="number" min="1" max="10" step="1">
+          </mat-form-field>
+        </div>
+      </div>
+    </div>
+  </mat-tab>
+  <mat-tab *ngIf="displayAdvanced()" label="{{ 'widget-config.advanced' | translate }}">
+    <div [formGroup]="advancedSettings" class="mat-content mat-padding tb-advanced-widget-config"
+         fxLayout="column">
+        <tb-json-form
+          formControlName="settings">
+        </tb-json-form>
+    </div>
+  </mat-tab>
+  <mat-tab label="{{ 'widget-config.actions' | translate }}" [formGroup]="actionsSettings">
+    <tb-manage-widget-actions
+      [callbacks]="widgetConfigCallbacks"
+      formControlName="actionsData">
+    </tb-manage-widget-actions>
+  </mat-tab>
+</mat-tab-group>
diff --git a/ui-ngx/src/app/modules/home/components/widget/widget-config.component.models.ts b/ui-ngx/src/app/modules/home/components/widget/widget-config.component.models.ts
new file mode 100644
index 0000000000..d7dab5329a
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/widget-config.component.models.ts
@@ -0,0 +1,21 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityAliasSelectCallbacks } from '../alias/entity-alias-select.component.models';
+import { DataKeysCallbacks } from './data-keys.component.models';
+import { WidgetActionCallbacks } from './action/manage-widget-actions.component.models';
+
+export type WidgetConfigCallbacks = EntityAliasSelectCallbacks & DataKeysCallbacks & WidgetActionCallbacks;
diff --git a/ui-ngx/src/app/modules/home/components/widget/widget-config.component.scss b/ui-ngx/src/app/modules/home/components/widget/widget-config.component.scss
new file mode 100644
index 0000000000..62357b19ce
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/widget-config.component.scss
@@ -0,0 +1,102 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import '../../../../../scss/constants';
+
+:host {
+  .tb-widget-config {
+    .tb-advanced-widget-config {
+      height: 100%;
+    }
+    .tb-advanced-widget-config {
+      height: 100%;
+    }
+    .tb-datasource-type {
+      min-width: 110px;
+      @media #{$mat-gt-sm} {
+        max-width: 110px;
+      }
+    }
+    .tb-datasource {
+      @media #{$mat-gt-sm} {
+        padding-left: 8px;
+      }
+    }
+    .tb-datasource-name {
+      @media #{$mat-gt-sm} {
+        width: 200px;
+        max-width: 200px;
+      }
+    }
+    .tb-data-keys {
+      @media #{$mat-gt-sm} {
+        padding-left: 8px;
+      }
+    }
+  }
+}
+
+:host ::ng-deep {
+  .tb-widget-config {
+    .mat-tab-body-wrapper {
+      position: absolute;
+      top: 49px;
+      left: 0;
+      right: 0;
+      bottom: 0;
+    }
+    .mat-tab-body.mat-tab-body-active {
+      .mat-tab-body-content > div {
+        height: 100%;
+      }
+    }
+    .mat-expansion-panel {
+      &.tb-datasources.mat-expanded {
+        overflow: visible;
+      }
+      .mat-expansion-panel-content {
+        font: inherit;
+      }
+    }
+    .tb-datasource-type {
+      .mat-form-field-infix {
+        width: 100%;
+      }
+      .mat-select-value {
+        min-width: 92px;
+      }
+    }
+    .tb-datasource {
+      tb-entity-alias-select {
+        .mat-form-field {
+          margin-top: 13px;
+        }
+        @media #{$mat-gt-sm} {
+          .mat-form-field {
+            width: 200px;
+            max-width: 200px;
+          }
+        }
+      }
+    }
+    .tb-data-keys {
+      @media #{$mat-gt-sm} {
+        .mat-input-element {
+          min-height: 32px;
+        }
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/widget-config.component.ts b/ui-ngx/src/app/modules/home/components/widget/widget-config.component.ts
new file mode 100644
index 0000000000..7c6e45d16f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/widget-config.component.ts
@@ -0,0 +1,813 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { ChangeDetectionStrategy, Component, forwardRef, Input, OnInit } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import {
+  DataKey,
+  Datasource,
+  DatasourceType,
+  datasourceTypeTranslationMap, defaultLegendConfig,
+  WidgetActionDescriptor,
+  widgetType
+} from '@shared/models/widget.models';
+import {
+  AbstractControl,
+  ControlValueAccessor,
+  FormArray,
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  NG_VALIDATORS,
+  NG_VALUE_ACCESSOR,
+  Validator,
+  Validators
+} from '@angular/forms';
+import { WidgetConfigComponentData } from '@home/models/widget-component.models';
+import { deepClone, isDefined, isObject } from '@app/core/utils';
+import { alarmFields, AlarmSearchStatus } from '@shared/models/alarm.models';
+import { IAliasController } from '@core/api/widget-api.models';
+import { EntityAlias, EntityAliases } from '@shared/models/alias.models';
+import { UtilsService } from '@core/services/utils.service';
+import { DataKeyType } from '@shared/models/telemetry/telemetry.models';
+import { TranslateService } from '@ngx-translate/core';
+import { EntityType } from '@shared/models/entity-type.models';
+import { forkJoin, Observable, of, Subscription } from 'rxjs';
+import { WidgetConfigCallbacks } from '@home/components/widget/widget-config.component.models';
+import {
+  EntityAliasDialogComponent,
+  EntityAliasDialogData
+} from '@home/components/alias/entity-alias-dialog.component';
+import { catchError, map, mergeMap, tap } from 'rxjs/operators';
+import { MatDialog } from '@angular/material/dialog';
+import { EntityService } from '@core/http/entity.service';
+import { JsonFormComponentData } from '@shared/components/json-form/json-form-component.models';
+import { WidgetActionsData } from './action/manage-widget-actions.component.models';
+import { Dashboard, DashboardState } from '@shared/models/dashboard.models';
+
+const emptySettingsSchema = {
+  type: 'object',
+  properties: {}
+};
+const emptySettingsGroupInfoes = [];
+const defaultSettingsForm = [
+  '*'
+];
+
+@Component({
+  selector: 'tb-widget-config',
+  templateUrl: './widget-config.component.html',
+  styleUrls: ['./widget-config.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => WidgetConfigComponent),
+      multi: true
+    },
+    {
+      provide: NG_VALIDATORS,
+      useExisting: forwardRef(() => WidgetConfigComponent),
+      multi: true,
+    }
+  ]
+})
+export class WidgetConfigComponent extends PageComponent implements OnInit, ControlValueAccessor, Validator {
+
+  widgetTypes = widgetType;
+
+  entityTypes = EntityType;
+
+  alarmSearchStatuses = Object.keys(AlarmSearchStatus);
+
+  @Input()
+  forceExpandDatasources: boolean;
+
+  @Input()
+  aliasController: IAliasController;
+
+  @Input()
+  entityAliases: EntityAliases;
+
+  @Input()
+  functionsOnly: boolean;
+
+  @Input()
+  dashboardStates: {[id: string]: DashboardState };
+
+  @Input() disabled: boolean;
+
+  widgetType: widgetType;
+
+  datasourceType = DatasourceType;
+  datasourceTypes: Array<DatasourceType>;
+  datasourceTypesTranslations = datasourceTypeTranslationMap;
+
+  widgetConfigCallbacks: WidgetConfigCallbacks = {
+    createEntityAlias: this.createEntityAlias.bind(this),
+    generateDataKey: this.generateDataKey.bind(this),
+    fetchEntityKeys: this.fetchEntityKeys.bind(this),
+    fetchDashboardStates: this.fetchDashboardStates.bind(this)
+  };
+
+  widgetEditMode = this.utils.widgetEditMode;
+
+  selectedTab: number;
+
+  modelValue: WidgetConfigComponentData;
+
+  private propagateChange = null;
+
+  public dataSettings: FormGroup;
+  public targetDeviceSettings: FormGroup;
+  public alarmSourceSettings: FormGroup;
+  public widgetSettings: FormGroup;
+  public layoutSettings: FormGroup;
+  public advancedSettings: FormGroup;
+  public actionsSettings: FormGroup;
+
+  private dataSettingsChangesSubscription: Subscription;
+  private targetDeviceSettingsSubscription: Subscription;
+  private alarmSourceSettingsSubscription: Subscription;
+  private widgetSettingsSubscription: Subscription;
+  private layoutSettingsSubscription: Subscription;
+  private advancedSettingsSubscription: Subscription;
+  private actionsSettingsSubscription: Subscription;
+
+  constructor(protected store: Store<AppState>,
+              private utils: UtilsService,
+              private entityService: EntityService,
+              private dialog: MatDialog,
+              private translate: TranslateService,
+              private fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+    if (this.functionsOnly) {
+      this.datasourceTypes = [DatasourceType.function];
+    } else {
+      this.datasourceTypes = [DatasourceType.function, DatasourceType.entity];
+    }
+    this.dataSettings = this.fb.group({});
+    this.targetDeviceSettings = this.fb.group({});
+    this.alarmSourceSettings = this.fb.group({});
+    this.advancedSettings = this.fb.group({});
+    this.widgetSettings = this.fb.group({
+      title: [null, []],
+      showTitleIcon: [null, []],
+      titleIcon: [null, []],
+      iconColor: [null, []],
+      iconSize: [null, []],
+      showTitle: [null, []],
+      dropShadow: [null, []],
+      enableFullscreen: [null, []],
+      backgroundColor: [null, []],
+      color: [null, []],
+      padding: [null, []],
+      margin: [null, []],
+      widgetStyle: [null, []],
+      titleStyle: [null, []],
+      units: [null, []],
+      decimals: [null, [Validators.min(0), Validators.max(15), Validators.pattern(/^\d*$/)]],
+      showLegend: [null, []],
+      legendConfig: [null, []]
+    });
+    this.widgetSettings.get('showTitleIcon').valueChanges.subscribe((value: boolean) => {
+      if (value) {
+        this.widgetSettings.get('titleIcon').enable({emitEvent: false});
+      } else {
+        this.widgetSettings.get('titleIcon').disable({emitEvent: false});
+      }
+    });
+    this.widgetSettings.get('showLegend').valueChanges.subscribe((value: boolean) => {
+      if (value) {
+        this.widgetSettings.get('legendConfig').enable({emitEvent: false});
+      } else {
+        this.widgetSettings.get('legendConfig').disable({emitEvent: false});
+      }
+    });
+    this.layoutSettings = this.fb.group({
+      mobileOrder: [null, [Validators.pattern(/^-?[0-9]+$/)]],
+      mobileHeight: [null, [Validators.min(1), Validators.max(10), Validators.pattern(/^\d*$/)]]
+    });
+    this.actionsSettings = this.fb.group({
+      actionsData: [null, []]
+    });
+  }
+
+  private removeChangeSubscriptions() {
+    if (this.dataSettingsChangesSubscription) {
+      this.dataSettingsChangesSubscription.unsubscribe();
+      this.dataSettingsChangesSubscription = null;
+    }
+    if (this.targetDeviceSettingsSubscription) {
+      this.targetDeviceSettingsSubscription.unsubscribe();
+      this.targetDeviceSettingsSubscription = null;
+    }
+    if (this.alarmSourceSettingsSubscription) {
+      this.alarmSourceSettingsSubscription.unsubscribe();
+      this.alarmSourceSettingsSubscription = null;
+    }
+    if (this.widgetSettingsSubscription) {
+      this.widgetSettingsSubscription.unsubscribe();
+      this.widgetSettingsSubscription = null;
+    }
+    if (this.layoutSettingsSubscription) {
+      this.layoutSettingsSubscription.unsubscribe();
+      this.layoutSettingsSubscription = null;
+    }
+    if (this.advancedSettingsSubscription) {
+      this.advancedSettingsSubscription.unsubscribe();
+      this.advancedSettingsSubscription = null;
+    }
+    if (this.actionsSettingsSubscription) {
+      this.actionsSettingsSubscription.unsubscribe();
+      this.actionsSettingsSubscription = null;
+    }
+  }
+
+  private createChangeSubscriptions() {
+    this.dataSettingsChangesSubscription = this.dataSettings.valueChanges.subscribe(
+      () => this.updateDataSettings()
+    );
+    this.targetDeviceSettingsSubscription = this.targetDeviceSettings.valueChanges.subscribe(
+      () => this.updateTargetDeviceSettings()
+    );
+    this.alarmSourceSettingsSubscription = this.alarmSourceSettings.valueChanges.subscribe(
+      () => this.updateAlarmSourceSettings()
+    );
+    this.widgetSettingsSubscription = this.widgetSettings.valueChanges.subscribe(
+      () => this.updateWidgetSettings()
+    );
+    this.layoutSettingsSubscription = this.layoutSettings.valueChanges.subscribe(
+      () => this.updateLayoutSettings()
+    );
+    this.advancedSettingsSubscription = this.advancedSettings.valueChanges.subscribe(
+      () => this.updateAdvancedSettings()
+    );
+    this.actionsSettingsSubscription = this.actionsSettings.valueChanges.subscribe(
+      () => this.updateActionSettings()
+    );
+  }
+
+  private buildForms() {
+    this.dataSettings = this.fb.group({});
+    this.targetDeviceSettings = this.fb.group({});
+    this.alarmSourceSettings = this.fb.group({});
+    this.advancedSettings = this.fb.group({});
+    if (this.widgetType === widgetType.timeseries || this.widgetType === widgetType.alarm) {
+      this.dataSettings.addControl('useDashboardTimewindow', this.fb.control(null));
+      this.dataSettings.addControl('displayTimewindow', this.fb.control(null));
+      this.dataSettings.addControl('timewindow', this.fb.control(null));
+      this.dataSettings.get('useDashboardTimewindow').valueChanges.subscribe((value: boolean) => {
+        if (value) {
+          this.dataSettings.get('displayTimewindow').disable({emitEvent: false});
+          this.dataSettings.get('timewindow').disable({emitEvent: false});
+        } else {
+          this.dataSettings.get('displayTimewindow').enable({emitEvent: false});
+          this.dataSettings.get('timewindow').enable({emitEvent: false});
+        }
+      });
+      if (this.widgetType === widgetType.alarm) {
+        this.dataSettings.addControl('alarmSearchStatus', this.fb.control(null));
+        this.dataSettings.addControl('alarmsPollingInterval', this.fb.control(null,
+          [Validators.required, Validators.min(1)]));
+      }
+    }
+    if (this.modelValue.isDataEnabled) {
+      if (this.widgetType !== widgetType.rpc &&
+        this.widgetType !== widgetType.alarm &&
+        this.widgetType !== widgetType.static) {
+        this.dataSettings.addControl('datasources',
+          this.fb.array([]));
+      } else if (this.widgetType === widgetType.rpc) {
+        this.targetDeviceSettings.addControl('targetDeviceAliasId',
+          this.fb.control(null,
+            this.widgetEditMode ? [] : [Validators.required]));
+      } else if (this.widgetType === widgetType.alarm) {
+        this.alarmSourceSettings = this.buildDatasourceForm();
+      }
+    }
+    this.advancedSettings.addControl('settings',
+      this.fb.control(null, []));
+  }
+
+  datasourcesFormArray(): FormArray {
+    return this.dataSettings.get('datasources') as FormArray;
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(value: WidgetConfigComponentData): void {
+    this.modelValue = value;
+    this.removeChangeSubscriptions();
+    if (this.modelValue) {
+      if (this.widgetType !== this.modelValue.widgetType) {
+        this.widgetType = this.modelValue.widgetType;
+        this.buildForms();
+      }
+      const config = this.modelValue.config;
+      const layout = this.modelValue.layout;
+      if (config) {
+        this.selectedTab = 0;
+        this.widgetSettings.patchValue({
+            title: config.title,
+            showTitleIcon: isDefined(config.showTitleIcon) ? config.showTitleIcon : false,
+            titleIcon: isDefined(config.titleIcon) ? config.titleIcon : '',
+            iconColor: isDefined(config.iconColor) ? config.iconColor : 'rgba(0, 0, 0, 0.87)',
+            iconSize: isDefined(config.iconSize) ? config.iconSize : '24px',
+            showTitle: config.showTitle,
+            dropShadow: isDefined(config.dropShadow) ? config.dropShadow : true,
+            enableFullscreen: isDefined(config.enableFullscreen) ? config.enableFullscreen : true,
+            backgroundColor: config.backgroundColor,
+            color: config.color,
+            padding: config.padding,
+            margin: config.margin,
+            widgetStyle: isDefined(config.widgetStyle) ? config.widgetStyle : {},
+            titleStyle: isDefined(config.titleStyle) ? config.titleStyle : {
+              fontSize: '16px',
+              fontWeight: 400
+            },
+            units: config.units,
+            decimals: config.decimals,
+            showLegend: isDefined(config.showLegend) ? config.showLegend :
+              this.widgetType === widgetType.timeseries,
+            legendConfig: config.legendConfig || defaultLegendConfig(this.widgetType)
+          },
+          {emitEvent: false}
+        );
+        const showTitleIcon: boolean = this.widgetSettings.get('showTitleIcon').value;
+        if (showTitleIcon) {
+          this.widgetSettings.get('titleIcon').enable({emitEvent: false});
+        } else {
+          this.widgetSettings.get('titleIcon').disable({emitEvent: false});
+        }
+        const showLegend: boolean = this.widgetSettings.get('showLegend').value;
+        if (showLegend) {
+          this.widgetSettings.get('legendConfig').enable({emitEvent: false});
+        } else {
+          this.widgetSettings.get('legendConfig').disable({emitEvent: false});
+        }
+        const actionsData: WidgetActionsData = {
+          actionsMap: config.actions || {},
+          actionSources: this.modelValue.actionSources || {}
+        };
+        this.actionsSettings.patchValue(
+          {
+            actionsData
+          },
+          {emitEvent: false}
+        );
+        if (this.widgetType === widgetType.timeseries || this.widgetType === widgetType.alarm) {
+          const useDashboardTimewindow = isDefined(config.useDashboardTimewindow) ?
+            config.useDashboardTimewindow : true;
+          this.dataSettings.patchValue(
+            { useDashboardTimewindow }, {emitEvent: false}
+          );
+          if (useDashboardTimewindow) {
+            this.dataSettings.get('displayTimewindow').disable({emitEvent: false});
+            this.dataSettings.get('timewindow').disable({emitEvent: false});
+          } else {
+            this.dataSettings.get('displayTimewindow').enable({emitEvent: false});
+            this.dataSettings.get('timewindow').enable({emitEvent: false});
+          }
+          this.dataSettings.patchValue(
+            { displayTimewindow: isDefined(config.displayTimewindow) ?
+                config.displayTimewindow : true }, {emitEvent: false}
+          );
+          this.dataSettings.patchValue(
+            { timewindow: config.timewindow }, {emitEvent: false}
+          );
+        }
+        if (this.modelValue.isDataEnabled) {
+          if (this.widgetType !== widgetType.rpc &&
+            this.widgetType !== widgetType.alarm &&
+            this.widgetType !== widgetType.static) {
+            const datasourcesFormArray = this.dataSettings.get('datasources') as FormArray;
+            datasourcesFormArray.clear();
+            if (config.datasources) {
+              config.datasources.forEach((datasource) => {
+                datasourcesFormArray.push(this.buildDatasourceForm(datasource));
+              });
+            }
+          } else if (this.widgetType === widgetType.rpc) {
+            let targetDeviceAliasId: string;
+            if (config.targetDeviceAliasIds && config.targetDeviceAliasIds.length > 0) {
+              const aliasId = config.targetDeviceAliasIds[0];
+              const entityAliases = this.aliasController.getEntityAliases();
+              if (entityAliases[aliasId]) {
+                targetDeviceAliasId = entityAliases[aliasId].id;
+              } else {
+                targetDeviceAliasId = null;
+              }
+            } else {
+              targetDeviceAliasId = null;
+            }
+            this.targetDeviceSettings.patchValue({
+              targetDeviceAliasId
+            }, {emitEvent: false});
+          } else if (this.widgetType === widgetType.alarm) {
+            this.dataSettings.patchValue(
+              { alarmSearchStatus: isDefined(config.alarmSearchStatus) ?
+                  config.alarmSearchStatus : AlarmSearchStatus.ANY }, {emitEvent: false}
+            );
+            this.dataSettings.patchValue(
+              { alarmsPollingInterval: isDefined(config.alarmsPollingInterval) ?
+                  config.alarmsPollingInterval : 5}, {emitEvent: false}
+            );
+            this.alarmSourceSettings.patchValue(
+              config.alarmSource, {emitEvent: false}
+            );
+            const alarmSourceType: DatasourceType = this.alarmSourceSettings.get('type').value;
+            this.alarmSourceSettings.get('entityAliasId').setValidators(
+              alarmSourceType === DatasourceType.entity ? [Validators.required] : []
+            );
+            this.alarmSourceSettings.get('entityAliasId').updateValueAndValidity({emitEvent: false});
+          }
+        }
+
+        this.updateSchemaForm(config.settings);
+
+        if (layout) {
+          this.layoutSettings.patchValue(
+            {
+              mobileOrder: layout.mobileOrder,
+              mobileHeight: layout.mobileHeight
+            },
+            {emitEvent: false}
+          );
+        } else {
+          this.layoutSettings.patchValue(
+            {
+              mobileOrder: null,
+              mobileHeight: null
+            },
+            {emitEvent: false}
+          );
+        }
+      }
+      this.createChangeSubscriptions();
+    }
+  }
+
+  private buildDatasourceForm(datasource?: Datasource): FormGroup {
+    const dataKeysRequired = !this.modelValue.typeParameters || !this.modelValue.typeParameters.dataKeysOptional;
+    const datasourceFormGroup = this.fb.group(
+      {
+        type: [datasource ? datasource.type : null, [Validators.required]],
+        name: [datasource ? datasource.name : null, []],
+        entityAliasId: [datasource ? datasource.entityAliasId : null,
+          datasource && datasource.type === DatasourceType.entity ? [Validators.required] : []],
+        dataKeys: [datasource ? datasource.dataKeys : null, dataKeysRequired ? [Validators.required] : []]
+      }
+    );
+    datasourceFormGroup.get('type').valueChanges.subscribe((type: DatasourceType) => {
+      datasourceFormGroup.get('entityAliasId').setValidators(
+        type === DatasourceType.entity ? [Validators.required] : []
+      );
+      datasourceFormGroup.get('entityAliasId').updateValueAndValidity();
+    });
+    return datasourceFormGroup;
+  }
+
+  private updateSchemaForm(settings?: any) {
+    const widgetSettingsFormData: JsonFormComponentData = {};
+    if (this.modelValue.settingsSchema && this.modelValue.settingsSchema.schema) {
+      widgetSettingsFormData.schema = this.modelValue.settingsSchema.schema;
+      widgetSettingsFormData.form = this.modelValue.settingsSchema.form || deepClone(defaultSettingsForm);
+      widgetSettingsFormData.groupInfoes = this.modelValue.settingsSchema.groupInfoes;
+      widgetSettingsFormData.model = settings;
+    } else {
+      widgetSettingsFormData.schema = deepClone(emptySettingsSchema);
+      widgetSettingsFormData.form = deepClone(defaultSettingsForm);
+      widgetSettingsFormData.groupInfoes = deepClone(emptySettingsGroupInfoes);
+      widgetSettingsFormData.model = {};
+    }
+    this.advancedSettings.patchValue({ settings: widgetSettingsFormData }, {emitEvent: false});
+  }
+
+  private updateDataSettings() {
+    if (this.modelValue) {
+      if (this.modelValue.config) {
+        Object.assign(this.modelValue.config, this.dataSettings.value);
+      }
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  private updateTargetDeviceSettings() {
+    if (this.modelValue) {
+      if (this.modelValue.config) {
+        const targetDeviceAliasId: string = this.targetDeviceSettings.get('targetDeviceAliasId').value;
+        if (targetDeviceAliasId) {
+          this.modelValue.config.targetDeviceAliasIds = [targetDeviceAliasId];
+        } else {
+          this.modelValue.config.targetDeviceAliasIds = [];
+        }
+      }
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  private updateAlarmSourceSettings() {
+    if (this.modelValue) {
+      if (this.modelValue.config) {
+        const alarmSource: Datasource = this.alarmSourceSettings.value;
+        this.modelValue.config.alarmSource = alarmSource;
+      }
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  private updateWidgetSettings() {
+    if (this.modelValue) {
+      if (this.modelValue.config) {
+        Object.assign(this.modelValue.config, this.widgetSettings.value);
+      }
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  private updateLayoutSettings() {
+    if (this.modelValue) {
+      if (this.modelValue.layout) {
+        Object.assign(this.modelValue.layout, this.layoutSettings.value);
+      }
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  private updateAdvancedSettings() {
+    if (this.modelValue) {
+      if (this.modelValue.config) {
+        const settings = this.advancedSettings.get('settings').value.model;
+        this.modelValue.config.settings = settings;
+      }
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  private updateActionSettings() {
+    if (this.modelValue) {
+      if (this.modelValue.config) {
+        const actions = (this.actionsSettings.get('actionsData').value as WidgetActionsData).actionsMap;
+        this.modelValue.config.actions = actions;
+      }
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  public displayAdvanced(): boolean {
+    return this.modelValue && this.modelValue.settingsSchema && this.modelValue.settingsSchema.schema;
+  }
+
+  public removeDatasource(index: number) {
+    (this.dataSettings.get('datasources') as FormArray).removeAt(index);
+  }
+
+  public addDatasource() {
+    let newDatasource: Datasource;
+    if (this.functionsOnly) {
+      newDatasource = deepClone(this.utils.getDefaultDatasource(this.modelValue.dataKeySettingsSchema.schema));
+      newDatasource.dataKeys = [this.generateDataKey('Sin', DataKeyType.function)];
+    } else {
+      newDatasource = { type: DatasourceType.entity,
+        dataKeys: []
+      };
+    }
+    const datasourcesFormArray = this.dataSettings.get('datasources') as FormArray;
+    datasourcesFormArray.push(this.buildDatasourceForm(newDatasource));
+  }
+
+  public generateDataKey(chip: any, type: DataKeyType): DataKey {
+    if (isObject(chip)) {
+      (chip as DataKey)._hash = Math.random();
+      return chip;
+    } else {
+      let label: string = chip;
+      if (type === DataKeyType.alarm) {
+        const alarmField = alarmFields[label];
+        if (alarmField) {
+          label = this.translate.instant(alarmField.name);
+        }
+      }
+      label = this.genNextLabel(label);
+      const result: DataKey = {
+        name: chip,
+        type,
+        label,
+        color: this.genNextColor(),
+        settings: {},
+        _hash: Math.random()
+      };
+      if (type === DataKeyType.function) {
+        result.name = 'f(x)';
+        result.funcBody = this.utils.getPredefinedFunctionBody(chip);
+        if (!result.funcBody) {
+          result.funcBody = 'return prevValue + 1;';
+        }
+      }
+      if (isDefined(this.modelValue.dataKeySettingsSchema.schema)) {
+        result.settings = this.utils.generateObjectFromJsonSchema(this.modelValue.dataKeySettingsSchema.schema);
+      }
+      return result;
+    }
+  }
+
+  private genNextLabel(name: string): string {
+    let label = name;
+    let i = 1;
+    let matches = false;
+    const datasources = this.widgetType === widgetType.alarm ? [this.modelValue.config.alarmSource] : this.modelValue.config.datasources;
+    if (datasources) {
+      do {
+        matches = false;
+        datasources.forEach((datasource) => {
+          if (datasource && datasource.dataKeys) {
+            datasource.dataKeys.forEach((dataKey) => {
+              if (dataKey.label === label) {
+                i++;
+                label = name + ' ' + i;
+                matches = true;
+              }
+            });
+          }
+        });
+      } while (matches);
+    }
+    return label;
+  }
+
+  private genNextColor(): string {
+    let i = 0;
+    const datasources = this.widgetType === widgetType.alarm ? [this.modelValue.config.alarmSource] : this.modelValue.config.datasources;
+    if (datasources) {
+      datasources.forEach((datasource) => {
+        if (datasource && datasource.dataKeys) {
+          i += datasource.dataKeys.length;
+        }
+      });
+    }
+    return this.utils.getMaterialColor(i);
+  }
+
+  private createEntityAlias(alias: string, allowedEntityTypes: Array<EntityType>): Observable<EntityAlias> {
+    const singleEntityAlias: EntityAlias = {id: null, alias, filter: {resolveMultiple: false}};
+    return this.dialog.open<EntityAliasDialogComponent, EntityAliasDialogData,
+      EntityAlias>(EntityAliasDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        isAdd: true,
+        allowedEntityTypes,
+        entityAliases: this.entityAliases,
+        alias: singleEntityAlias
+      }
+    }).afterClosed().pipe(
+      tap((entityAlias) => {
+        if (entityAlias) {
+          this.entityAliases[entityAlias.id] = entityAlias;
+          this.aliasController.updateEntityAliases(this.entityAliases);
+        }
+      })
+    );
+  }
+
+  private fetchEntityKeys(entityAliasId: string, query: string, dataKeyTypes: Array<DataKeyType>): Observable<Array<DataKey>> {
+    return this.aliasController.getAliasInfo(entityAliasId).pipe(
+      mergeMap((aliasInfo) => {
+        const entity = aliasInfo.currentEntity;
+        if (entity) {
+          const fetchEntityTasks: Array<Observable<Array<DataKey>>> = [];
+          for (const dataKeyType of dataKeyTypes) {
+            fetchEntityTasks.push(
+              this.entityService.getEntityKeys(
+                {entityType: entity.entityType, id: entity.id},
+                query,
+                dataKeyType,
+                {ignoreLoading: true, ignoreErrors: true}
+              ).pipe(
+                map((keys) => {
+                  const dataKeys: Array<DataKey> = [];
+                  for (const key of keys) {
+                    dataKeys.push({name: key, type: dataKeyType});
+                  }
+                  return dataKeys;
+                }
+                ),
+                catchError(val => of([]))
+            ));
+          }
+          return forkJoin(fetchEntityTasks).pipe(
+            map(arrayOfDataKeys => {
+              const result = new Array<DataKey>();
+              arrayOfDataKeys.forEach((dataKeyArray) => {
+                result.push(...dataKeyArray);
+              });
+              return result;
+            }
+          ));
+        } else {
+          return of([]);
+        }
+      }),
+      catchError(val => of([] as Array<DataKey>))
+    );
+  }
+
+  private fetchDashboardStates(query: string): Array<string> {
+    const stateIds = Object.keys(this.dashboardStates);
+    const result = query ? stateIds.filter(this.createFilterForDashboardState(query)) : stateIds;
+    if (result && result.length) {
+      return result;
+    } else {
+      return [query];
+    }
+  }
+
+  private createFilterForDashboardState(query: string): (stateId: string) => boolean {
+    const lowercaseQuery = query.toLowerCase();
+    return stateId => stateId.toLowerCase().indexOf(lowercaseQuery) === 0;
+  }
+
+  public validate(c: FormControl) {
+    if (!this.dataSettings.valid) {
+      return {
+        dataSettings: {
+          valid: false
+        }
+      };
+    } else if (!this.widgetSettings.valid) {
+      return {
+        widgetSettings: {
+          valid: false
+        }
+      };
+    } else if (!this.layoutSettings.valid) {
+      return {
+        widgetSettings: {
+          valid: false
+        }
+      };
+    } else if (!this.advancedSettings.valid) {
+      return {
+        advancedSettings: {
+          valid: false
+        }
+      };
+    } else if (this.modelValue) {
+      const config = this.modelValue.config;
+      if (this.widgetType === widgetType.rpc && this.modelValue.isDataEnabled) {
+        if (!config.targetDeviceAliasIds || !config.targetDeviceAliasIds.length) {
+          return {
+            targetDeviceAliasIds: {
+              valid: false
+            }
+          };
+        }
+      } else if (this.widgetType === widgetType.alarm && this.modelValue.isDataEnabled) {
+        if (!config.alarmSource) {
+          return {
+            alarmSource: {
+              valid: false
+            }
+          };
+        }
+      } else if (this.widgetType !== widgetType.static && this.modelValue.isDataEnabled) {
+        if (!config.datasources || !config.datasources.length) {
+          return {
+            datasources: {
+              valid: false
+            }
+          };
+        }
+      }
+    }
+    return null;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/widget.component.html b/ui-ngx/src/app/modules/home/components/widget/widget.component.html
new file mode 100644
index 0000000000..8e8d55c7a8
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/widget.component.html
@@ -0,0 +1,40 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-absolute-fill" [fxLayout]="legendContainerLayoutType">
+  <tb-legend *ngIf="displayLegend && isLegendFirst"
+             [ngStyle]="legendStyle"
+             [legendConfig]="legendConfig"
+             [legendData]="legendData"
+             (legendKeyHiddenChange)="onLegendKeyHiddenChange($event)">
+  </tb-legend>
+  <div fxFlex id="widget-container">
+    <ng-container #widgetContent></ng-container>
+  </div>
+  <tb-legend *ngIf="displayLegend && !isLegendFirst"
+             [ngStyle]="legendStyle"
+             [legendConfig]="legendConfig"
+             [legendData]="legendData"
+             (legendKeyHiddenChange)="onLegendKeyHiddenChange($event)">
+  </tb-legend>
+</div>
+<div class="tb-absolute-fill tb-widget-error" *ngIf="widgetErrorData">
+  <span>Widget Error: {{ widgetErrorData.name + ": " + widgetErrorData.message}}</span>
+</div>
+<div class="tb-absolute-fill tb-widget-loading" [fxShow]="loadingData" fxLayout="column" fxLayoutAlign="center center">
+  <mat-spinner color="accent" md-mode="indeterminate" diameter="40"></mat-spinner>
+</div>
diff --git a/ui-ngx/src/app/modules/home/components/widget/widget.component.scss b/ui-ngx/src/app/modules/home/components/widget/widget.component.scss
new file mode 100644
index 0000000000..1b8e3e52e5
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/widget.component.scss
@@ -0,0 +1,50 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.tb-widget {
+  .tb-widget-error {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(255, 255, 255, .5);
+
+    span {
+      color: #f00;
+    }
+  }
+
+  .tb-widget-loading {
+    z-index: 3;
+    background: rgba(255, 255, 255, .15);
+  }
+
+  .tb-widget-error-container {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background-color: #fff;
+  }
+
+  .tb-widget-error-msg {
+    padding: 5px;
+    font-size: 16px;
+    color: #f00;
+    word-wrap: break-word;
+  }
+
+  #widget-container {
+    min-height: 0;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/widget/widget.component.ts b/ui-ngx/src/app/modules/home/components/widget/widget.component.ts
new file mode 100644
index 0000000000..7b4d9213bf
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/widget.component.ts
@@ -0,0 +1,1124 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  ComponentFactoryResolver,
+  ComponentRef,
+  ElementRef,
+  Injector,
+  Input,
+  NgZone,
+  OnChanges,
+  OnDestroy,
+  OnInit,
+  SimpleChanges,
+  Type,
+  ViewChild,
+  ViewContainerRef,
+  ViewEncapsulation
+} from '@angular/core';
+import { DashboardWidget } from '@home/models/dashboard-component.models';
+import {
+  Datasource,
+  defaultLegendConfig,
+  LegendConfig,
+  LegendData,
+  LegendPosition,
+  Widget,
+  WidgetActionDescriptor,
+  widgetActionSources,
+  WidgetActionType,
+  WidgetResource,
+  widgetType,
+  WidgetTypeParameters
+} from '@shared/models/widget.models';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { WidgetService } from '@core/http/widget.service';
+import { UtilsService } from '@core/services/utils.service';
+import { forkJoin, Observable, of, ReplaySubject, Subscription, throwError } from 'rxjs';
+import { deepClone, isDefined, objToBase64 } from '@core/utils';
+import {
+  IDynamicWidgetComponent,
+  WidgetContext,
+  WidgetHeaderAction,
+  WidgetInfo,
+  WidgetTypeInstance
+} from '@home/models/widget-component.models';
+import {
+  IWidgetSubscription,
+  StateObject,
+  StateParams,
+  SubscriptionEntityInfo,
+  SubscriptionInfo,
+  WidgetSubscriptionContext,
+  WidgetSubscriptionOptions
+} from '@core/api/widget-api.models';
+import { EntityId } from '@shared/models/id/entity-id';
+import { ActivatedRoute, Router } from '@angular/router';
+import cssjs from '@core/css/css';
+import { ResourcesService } from '@core/services/resources.service';
+import { catchError, switchMap } from 'rxjs/operators';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { TimeService } from '@core/services/time.service';
+import { DeviceService } from '@app/core/http/device.service';
+import { AlarmService } from '@app/core/http/alarm.service';
+import { ExceptionData } from '@shared/models/error.models';
+import { WidgetComponentService } from './widget-component.service';
+import { Timewindow } from '@shared/models/time/time.models';
+import { AlarmSearchStatus } from '@shared/models/alarm.models';
+import { CancelAnimationFrame, RafService } from '@core/services/raf.service';
+import { DashboardService } from '@core/http/dashboard.service';
+import { DatasourceService } from '@core/api/datasource.service';
+import { WidgetSubscription } from '@core/api/widget-subscription';
+import { EntityService } from '@core/http/entity.service';
+import { AssetService } from '@core/http/asset.service';
+import { DialogService } from '@core/services/dialog.service';
+import { CustomDialogService } from '@home/components/widget/dialog/custom-dialog.service';
+import { DatePipe } from '@angular/common';
+import { AttributeService } from '@core/http/attribute.service';
+import { TranslateService } from '@ngx-translate/core';
+import { HttpClient } from '@angular/common/http';
+
+const ServicesMap = new Map<string, Type<any>>();
+ServicesMap.set('deviceService', DeviceService);
+ServicesMap.set('assetService', AssetService);
+ServicesMap.set('attributeService', AttributeService);
+ServicesMap.set('dialogs', DialogService);
+ServicesMap.set('customDialog', CustomDialogService);
+ServicesMap.set('date', DatePipe);
+ServicesMap.set('utils', UtilsService);
+ServicesMap.set('translate', TranslateService);
+ServicesMap.set('http', HttpClient);
+
+@Component({
+  selector: 'tb-widget',
+  templateUrl: './widget.component.html',
+  styleUrls: ['./widget.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class WidgetComponent extends PageComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {
+
+  @Input()
+  isEdit: boolean;
+
+  @Input()
+  isMobile: boolean;
+
+  @Input()
+  dashboardWidget: DashboardWidget;
+
+  @ViewChild('widgetContent', {read: ViewContainerRef, static: true}) widgetContentContainer: ViewContainerRef;
+
+  widget: Widget;
+  widgetInfo: WidgetInfo;
+  errorMessages: string[];
+  widgetContext: WidgetContext;
+  widgetType: any;
+  typeParameters: WidgetTypeParameters;
+  widgetTypeInstance: WidgetTypeInstance;
+  widgetErrorData: ExceptionData;
+  loadingData: boolean;
+
+  displayLegend: boolean;
+  legendConfig: LegendConfig;
+  legendData: LegendData;
+  isLegendFirst: boolean;
+  legendContainerLayoutType: string;
+  legendStyle: {[klass: string]: any};
+
+  dynamicWidgetComponentRef: ComponentRef<IDynamicWidgetComponent>;
+  dynamicWidgetComponent: IDynamicWidgetComponent;
+
+  subscriptionContext: WidgetSubscriptionContext;
+
+  subscriptionInited = false;
+  destroyed = false;
+  widgetSizeDetected = false;
+
+  cafs: {[cafId: string]: CancelAnimationFrame} = {};
+
+  onResizeListener = null;
+
+  private cssParser = new cssjs();
+
+  private rxSubscriptions = new Array<Subscription>();
+
+  constructor(protected store: Store<AppState>,
+              private route: ActivatedRoute,
+              private router: Router,
+              private widgetComponentService: WidgetComponentService,
+              private componentFactoryResolver: ComponentFactoryResolver,
+              private elementRef: ElementRef,
+              private injector: Injector,
+              private widgetService: WidgetService,
+              private resources: ResourcesService,
+              private timeService: TimeService,
+              private deviceService: DeviceService,
+              private entityService: EntityService,
+              private alarmService: AlarmService,
+              private dashboardService: DashboardService,
+              private datasourceService: DatasourceService,
+              private utils: UtilsService,
+              private raf: RafService,
+              private ngZone: NgZone,
+              private cd: ChangeDetectorRef) {
+    super(store);
+    this.cssParser.testMode = false;
+  }
+
+  ngOnInit(): void {
+
+    this.loadingData = true;
+
+    this.widget = this.dashboardWidget.widget;
+
+    this.displayLegend = isDefined(this.widget.config.showLegend) ? this.widget.config.showLegend
+      : this.widget.type === widgetType.timeseries;
+
+    this.legendContainerLayoutType = 'column';
+
+    if (this.displayLegend) {
+      this.legendConfig = this.widget.config.legendConfig || defaultLegendConfig(this.widget.type);
+      this.legendData = {
+        keys: [],
+        data: []
+      };
+      if (this.legendConfig.position === LegendPosition.top ||
+        this.legendConfig.position === LegendPosition.bottom) {
+        this.legendContainerLayoutType = 'column';
+        this.isLegendFirst = this.legendConfig.position === LegendPosition.top;
+      } else {
+        this.legendContainerLayoutType = 'row';
+        this.isLegendFirst = this.legendConfig.position === LegendPosition.left;
+      }
+      switch (this.legendConfig.position) {
+        case LegendPosition.top:
+          this.legendStyle = {
+            paddingBottom: '8px',
+            maxHeight: '50%',
+            overflowY: 'auto'
+          };
+          break;
+        case LegendPosition.bottom:
+          this.legendStyle = {
+            paddingTop: '8px',
+            maxHeight: '50%',
+            overflowY: 'auto'
+          };
+          break;
+        case LegendPosition.left:
+          this.legendStyle = {
+            paddingRight: '0px',
+            maxWidth: '50%',
+            overflowY: 'auto'
+          };
+          break;
+        case LegendPosition.right:
+          this.legendStyle = {
+            paddingLeft: '0px',
+            maxWidth: '50%',
+            overflowY: 'auto'
+          };
+          break;
+      }
+    }
+
+    const actionDescriptorsBySourceId: {[actionSourceId: string]: Array<WidgetActionDescriptor>} = {};
+    if (this.widget.config.actions) {
+      for (const actionSourceId of Object.keys(this.widget.config.actions)) {
+        const descriptors = this.widget.config.actions[actionSourceId];
+        const actionDescriptors: Array<WidgetActionDescriptor> = [];
+        descriptors.forEach((descriptor) => {
+          const actionDescriptor: WidgetActionDescriptor = deepClone(descriptor);
+          actionDescriptor.displayName = this.utils.customTranslation(descriptor.name, descriptor.name);
+          actionDescriptors.push(actionDescriptor);
+        });
+        actionDescriptorsBySourceId[actionSourceId] = actionDescriptors;
+      }
+    }
+
+    this.widgetContext = this.dashboardWidget.widgetContext;
+    this.widgetContext.changeDetector = this.cd;
+    this.widgetContext.ngZone = this.ngZone;
+    this.widgetContext.servicesMap = ServicesMap;
+    this.widgetContext.isEdit = this.isEdit;
+    this.widgetContext.isMobile = this.isMobile;
+
+    this.widgetContext.subscriptionApi = {
+      createSubscription: this.createSubscription.bind(this),
+      createSubscriptionFromInfo: this.createSubscriptionFromInfo.bind(this),
+      removeSubscription: (id) => {
+        const subscription = this.widgetContext.subscriptions[id];
+        if (subscription) {
+          subscription.destroy();
+          delete this.widgetContext.subscriptions[id];
+        }
+      }
+    };
+
+    this.widgetContext.actionsApi = {
+      actionDescriptorsBySourceId,
+      getActionDescriptors: this.getActionDescriptors.bind(this),
+      handleWidgetAction: this.handleWidgetAction.bind(this),
+      elementClick: this.elementClick.bind(this)
+    };
+
+    this.widgetContext.customHeaderActions = [];
+    const headerActionsDescriptors = this.getActionDescriptors(widgetActionSources.headerButton.value);
+    headerActionsDescriptors.forEach((descriptor) => {
+      const headerAction: WidgetHeaderAction = {
+        name: descriptor.name,
+        displayName: descriptor.displayName,
+        icon: descriptor.icon,
+        descriptor,
+        onAction: $event => {
+          const entityInfo = this.getActiveEntityInfo();
+          const entityId = entityInfo ? entityInfo.entityId : null;
+          const entityName = entityInfo ? entityInfo.entityName : null;
+          this.handleWidgetAction($event, descriptor, entityId, entityName);
+        }
+      };
+      this.widgetContext.customHeaderActions.push(headerAction);
+    });
+
+    this.subscriptionContext = new WidgetSubscriptionContext(this.widgetContext.dashboard);
+    this.subscriptionContext.timeService = this.timeService;
+    this.subscriptionContext.deviceService = this.deviceService;
+    this.subscriptionContext.alarmService = this.alarmService;
+    this.subscriptionContext.datasourceService = this.datasourceService;
+    this.subscriptionContext.utils = this.utils;
+    this.subscriptionContext.raf = this.raf;
+    this.subscriptionContext.widgetUtils = this.widgetContext.utils;
+    this.subscriptionContext.getServerTimeDiff = this.dashboardService.getServerTimeDiff.bind(this.dashboardService);
+
+    this.widgetComponentService.getWidgetInfo(this.widget.bundleAlias, this.widget.typeAlias, this.widget.isSystemType).subscribe(
+      (widgetInfo) => {
+        this.widgetInfo = widgetInfo;
+        this.loadFromWidgetInfo();
+      },
+      (errorData) => {
+        this.widgetInfo = errorData.widgetInfo;
+        this.errorMessages = errorData.errorMessages;
+        this.loadFromWidgetInfo();
+      }
+    );
+    setTimeout(() => {
+      this.dashboardWidget.updateWidgetParams();
+    }, 0);
+  }
+
+  ngAfterViewInit(): void {
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (!change.firstChange && change.currentValue !== change.previousValue) {
+        if (propName === 'isEdit') {
+          this.onEditModeChanged();
+        } else if (propName === 'isMobile') {
+          this.onMobileModeChanged();
+        }
+      }
+    }
+  }
+
+  ngOnDestroy(): void {
+    this.destroyed = true;
+    this.rxSubscriptions.forEach((subscription) => {
+      subscription.unsubscribe();
+    });
+    this.rxSubscriptions.length = 0;
+    this.onDestroy();
+  }
+
+  private onDestroy() {
+    if (this.widgetContext) {
+      for (const id of Object.keys(this.widgetContext.subscriptions)) {
+        const subscription = this.widgetContext.subscriptions[id];
+        subscription.destroy();
+      }
+      this.subscriptionInited = false;
+      this.widgetContext.subscriptions = {};
+      if (this.widgetContext.inited) {
+        this.widgetContext.inited = false;
+        for (const cafId of Object.keys(this.cafs)) {
+          if (this.cafs[cafId]) {
+            this.cafs[cafId]();
+            this.cafs[cafId] = null;
+          }
+        }
+        try {
+          this.widgetTypeInstance.onDestroy();
+        } catch (e) {
+          this.handleWidgetException(e);
+        }
+      }
+      this.widgetContext.destroyed = true;
+      this.destroyDynamicWidgetComponent();
+    }
+  }
+
+  public onTimewindowChanged(timewindow: Timewindow) {
+    for (const id of Object.keys(this.widgetContext.subscriptions)) {
+      const subscription = this.widgetContext.subscriptions[id];
+      if (!subscription.useDashboardTimewindow) {
+        subscription.updateTimewindowConfig(timewindow);
+      }
+    }
+  }
+
+  public onLegendKeyHiddenChange(index: number) {
+    for (const id of Object.keys(this.widgetContext.subscriptions)) {
+      const subscription = this.widgetContext.subscriptions[id];
+      subscription.updateDataVisibility(index);
+    }
+  }
+
+  private loadFromWidgetInfo() {
+    this.widgetContext.widgetNamespace = `widget-type-${(this.widget.isSystemType ? 'sys-' : '')}${this.widget.bundleAlias}-${this.widget.typeAlias}`;
+    const elem = this.elementRef.nativeElement;
+    elem.classList.add('tb-widget');
+    elem.classList.add(this.widgetContext.widgetNamespace);
+    this.widgetType = this.widgetInfo.widgetTypeFunction;
+    this.typeParameters = this.widgetInfo.typeParameters;
+
+    if (!this.widgetType) {
+      this.widgetTypeInstance = {};
+    } else {
+      try {
+        this.widgetTypeInstance = new this.widgetType(this.widgetContext);
+      } catch (e) {
+        this.handleWidgetException(e);
+        this.widgetTypeInstance = {};
+      }
+    }
+    if (!this.widgetTypeInstance.onInit) {
+      this.widgetTypeInstance.onInit = () => {};
+    }
+    if (!this.widgetTypeInstance.onDataUpdated) {
+      this.widgetTypeInstance.onDataUpdated = () => {};
+    }
+    if (!this.widgetTypeInstance.onResize) {
+      this.widgetTypeInstance.onResize = () => {};
+    }
+    if (!this.widgetTypeInstance.onEditModeChanged) {
+      this.widgetTypeInstance.onEditModeChanged = () => {};
+    }
+    if (!this.widgetTypeInstance.onMobileModeChanged) {
+      this.widgetTypeInstance.onMobileModeChanged = () => {};
+    }
+    if (!this.widgetTypeInstance.onDestroy) {
+      this.widgetTypeInstance.onDestroy = () => {};
+    }
+
+    this.initialize().subscribe(
+      () => {
+        this.onInit();
+      },
+      (err) => {
+        // console.log(err);
+      }
+    );
+  }
+
+  private detectChanges() {
+    if (!this.destroyed) {
+      try {
+        this.cd.detectChanges();
+      } catch (e) {
+        // console.log(e);
+      }
+    }
+  }
+
+  private isReady(): boolean {
+    return this.subscriptionInited && this.widgetSizeDetected;
+  }
+
+  private onInit(skipSizeCheck?: boolean) {
+    if (!this.widgetContext.$containerParent || this.destroyed) {
+      return;
+    }
+    if (!skipSizeCheck) {
+      this.checkSize();
+    }
+    if (!this.widgetContext.inited && this.isReady()) {
+      this.widgetContext.inited = true;
+      if (this.cafs.init) {
+        this.cafs.init();
+        this.cafs.init = null;
+      }
+      this.cafs.init = this.raf.raf(() => {
+        try {
+          this.widgetTypeInstance.onInit();
+          this.detectChanges();
+        } catch (e) {
+          this.handleWidgetException(e);
+        }
+      });
+      if (!this.typeParameters.useCustomDatasources && this.widgetContext.defaultSubscription) {
+        this.widgetContext.defaultSubscription.subscribe();
+      }
+    }
+  }
+
+  private onResize() {
+    if (this.checkSize()) {
+      if (this.widgetContext.inited) {
+        if (this.cafs.resize) {
+          this.cafs.resize();
+          this.cafs.resize = null;
+        }
+        this.cafs.resize = this.raf.raf(() => {
+          try {
+            this.widgetTypeInstance.onResize();
+          } catch (e) {
+            this.handleWidgetException(e);
+          }
+        });
+      } else {
+        this.onInit(true);
+      }
+    }
+  }
+
+  private onEditModeChanged() {
+    if (this.widgetContext.isEdit !== this.isEdit) {
+      this.widgetContext.isEdit = this.isEdit;
+      if (this.widgetContext.inited) {
+        if (this.cafs.editMode) {
+          this.cafs.editMode();
+          this.cafs.editMode = null;
+        }
+        this.cafs.editMode = this.raf.raf(() => {
+          try {
+            this.widgetTypeInstance.onEditModeChanged();
+          } catch (e) {
+            this.handleWidgetException(e);
+          }
+        });
+      }
+    }
+  }
+
+  private onMobileModeChanged() {
+    if (this.widgetContext.isMobile !== this.isMobile) {
+      this.widgetContext.isMobile = this.isMobile;
+      if (this.widgetContext.inited) {
+        if (this.cafs.mobileMode) {
+          this.cafs.mobileMode();
+          this.cafs.mobileMode = null;
+        }
+        this.cafs.mobileMode = this.raf.raf(() => {
+          try {
+            this.widgetTypeInstance.onMobileModeChanged();
+          } catch (e) {
+            this.handleWidgetException(e);
+          }
+        });
+      }
+    }
+  }
+
+  private reInit() {
+    if (this.cafs.reinit) {
+      this.cafs.reinit();
+      this.cafs.reinit = null;
+    }
+    this.cafs.reinit = this.raf.raf(() => {
+      this.ngZone.run(() => {
+        this.reInitImpl();
+      });
+    });
+  }
+
+  private reInitImpl() {
+    this.onDestroy();
+    if (!this.typeParameters.useCustomDatasources) {
+      this.createDefaultSubscription().subscribe(
+        () => {
+          if (this.destroyed) {
+            this.onDestroy();
+          } else {
+            this.widgetContext.reset();
+            this.subscriptionInited = true;
+            this.configureDynamicWidgetComponent();
+            this.onInit();
+          }
+        },
+        () => {
+          if (this.destroyed) {
+            this.onDestroy();
+          } else {
+            this.widgetContext.reset();
+            this.subscriptionInited = true;
+            this.onInit();
+          }
+        }
+      );
+    } else {
+      this.widgetContext.reset();
+      this.subscriptionInited = true;
+      this.configureDynamicWidgetComponent();
+      this.onInit();
+    }
+  }
+
+  private initialize(): Observable<any> {
+
+    const initSubject = new ReplaySubject();
+
+    this.rxSubscriptions.push(this.widgetContext.aliasController.entityAliasesChanged.subscribe(
+      (aliasIds) => {
+        let subscriptionChanged = false;
+        for (const id of Object.keys(this.widgetContext.subscriptions)) {
+          const subscription = this.widgetContext.subscriptions[id];
+          subscriptionChanged = subscriptionChanged || subscription.onAliasesChanged(aliasIds);
+        }
+        if (subscriptionChanged && !this.typeParameters.useCustomDatasources) {
+          this.reInit();
+        }
+      }
+    ));
+
+    this.rxSubscriptions.push(this.widgetContext.dashboard.dashboardTimewindowChanged.subscribe(
+      (dashboardTimewindow) => {
+        for (const id of Object.keys(this.widgetContext.subscriptions)) {
+          const subscription = this.widgetContext.subscriptions[id];
+          subscription.onDashboardTimewindowChanged(dashboardTimewindow);
+        }
+      }
+    ));
+    if (!this.typeParameters.useCustomDatasources) {
+      this.createDefaultSubscription().subscribe(
+        () => {
+          this.subscriptionInited = true;
+          this.configureDynamicWidgetComponent();
+          initSubject.next();
+          initSubject.complete();
+        },
+        (err) => {
+          this.subscriptionInited = true;
+          initSubject.error(err);
+        }
+      );
+    } else {
+      this.loadingData = false;
+      this.subscriptionInited = true;
+      this.configureDynamicWidgetComponent();
+      initSubject.next();
+      initSubject.complete();
+    }
+    return initSubject.asObservable();
+  }
+
+  private destroyDynamicWidgetComponent() {
+    if (this.widgetContext.$containerParent && this.onResizeListener) {
+      // @ts-ignore
+      removeResizeListener(this.widgetContext.$containerParent[0], this.onResizeListener);
+      this.onResizeListener = null;
+    }
+    if (this.dynamicWidgetComponentRef) {
+      this.dynamicWidgetComponentRef.destroy();
+      this.dynamicWidgetComponentRef = null;
+    }
+  }
+
+  private handleWidgetException(e) {
+    console.error(e);
+    this.widgetErrorData = this.utils.processWidgetException(e);
+    this.detectChanges();
+  }
+
+  private configureDynamicWidgetComponent() {
+      this.widgetContentContainer.clear();
+      const injector: Injector = Injector.create(
+        {
+          providers: [
+            {
+              provide: 'widgetContext',
+              useValue: this.widgetContext
+            },
+            {
+              provide: 'errorMessages',
+              useValue: this.errorMessages
+            }
+          ],
+          parent: this.injector
+        }
+      );
+
+      const containerElement = $(this.elementRef.nativeElement.querySelector('#widget-container'));
+      this.widgetContext.$containerParent = $(containerElement);
+
+      try {
+        this.dynamicWidgetComponentRef = this.widgetContentContainer.createComponent(this.widgetInfo.componentFactory, 0, injector);
+        this.cd.detectChanges();
+      } catch (e) {
+        if (this.dynamicWidgetComponentRef) {
+          this.dynamicWidgetComponentRef.destroy();
+          this.dynamicWidgetComponentRef = null;
+        }
+        this.widgetContentContainer.clear();
+      }
+
+      if (this.dynamicWidgetComponentRef) {
+        this.dynamicWidgetComponent = this.dynamicWidgetComponentRef.instance;
+        this.widgetContext.$container = $(this.dynamicWidgetComponentRef.location.nativeElement);
+        this.widgetContext.$container.css('display', 'block');
+        this.widgetContext.$container.css('user-select', 'none');
+        this.widgetContext.$container.attr('id', 'container');
+        if (this.widgetSizeDetected) {
+          this.widgetContext.$container.css('height', this.widgetContext.height + 'px');
+          this.widgetContext.$container.css('width', this.widgetContext.width + 'px');
+        }
+      }
+
+      this.onResizeListener = this.onResize.bind(this);
+      // @ts-ignore
+      addResizeListener(this.widgetContext.$containerParent[0], this.onResizeListener);
+  }
+
+  private createSubscription(options: WidgetSubscriptionOptions, subscribe?: boolean): Observable<IWidgetSubscription> {
+    const createSubscriptionSubject = new ReplaySubject<IWidgetSubscription>();
+    options.dashboardTimewindow = this.widgetContext.dashboardTimewindow;
+    const subscription: IWidgetSubscription = new WidgetSubscription(this.subscriptionContext, options);
+    subscription.init$.subscribe(
+      () => {
+        this.widgetContext.subscriptions[subscription.id] = subscription;
+        if (subscribe) {
+          subscription.subscribe();
+        }
+        createSubscriptionSubject.next(subscription);
+        createSubscriptionSubject.complete();
+      },
+      (err) => {
+        createSubscriptionSubject.error(err);
+      }
+    );
+    return createSubscriptionSubject.asObservable();
+  }
+
+  private createSubscriptionFromInfo(type: widgetType, subscriptionsInfo: Array<SubscriptionInfo>,
+                                     options: WidgetSubscriptionOptions, useDefaultComponents: boolean,
+                                     subscribe: boolean): Observable<IWidgetSubscription> {
+    const createSubscriptionSubject = new ReplaySubject<IWidgetSubscription>();
+    options.type = type;
+
+    if (useDefaultComponents) {
+      this.defaultComponentsOptions(options);
+    } else {
+      if (!options.timeWindowConfig) {
+        options.useDashboardTimewindow = true;
+      }
+    }
+    let createDatasourcesObservable: Observable<Array<Datasource> | Datasource>;
+    if (options.type === widgetType.alarm) {
+      createDatasourcesObservable = this.entityService.createAlarmSourceFromSubscriptionInfo(subscriptionsInfo[0]);
+    } else {
+      createDatasourcesObservable = this.entityService.createDatasourcesFromSubscriptionsInfo(subscriptionsInfo);
+    }
+    createDatasourcesObservable.subscribe(
+      (result) => {
+        if (options.type === widgetType.alarm) {
+          options.alarmSource = result as Datasource;
+        } else {
+          options.datasources = result as Array<Datasource>;
+        }
+        this.createSubscription(options, subscribe).subscribe(
+          (subscription) => {
+            if (useDefaultComponents) {
+              this.defaultSubscriptionOptions(subscription, options);
+            }
+            createSubscriptionSubject.next(subscription);
+            createSubscriptionSubject.complete();
+          },
+          (err) => {
+            createSubscriptionSubject.error(err);
+          }
+        );
+      },
+      (err) => {
+        createSubscriptionSubject.error(err);
+      }
+    );
+    return createSubscriptionSubject.asObservable();
+  }
+
+  private defaultComponentsOptions(options: WidgetSubscriptionOptions) {
+    options.useDashboardTimewindow = isDefined(this.widget.config.useDashboardTimewindow)
+          ? this.widget.config.useDashboardTimewindow : true;
+    options.displayTimewindow = isDefined(this.widget.config.displayTimewindow)
+      ? this.widget.config.displayTimewindow : !options.useDashboardTimewindow;
+    options.timeWindowConfig = options.useDashboardTimewindow ? this.widgetContext.dashboardTimewindow : this.widget.config.timewindow;
+    options.legendConfig = null;
+    if (this.displayLegend) {
+      options.legendConfig = this.legendConfig;
+    }
+    options.decimals = this.widgetContext.decimals;
+    options.units = this.widgetContext.units;
+    options.callbacks = {
+      onDataUpdated: () => {
+        try {
+          this.widgetTypeInstance.onDataUpdated();
+        } catch (e){}
+      },
+      onDataUpdateError: (subscription, e) => {
+        this.handleWidgetException(e);
+      },
+      dataLoading: (subscription) => {
+        if (this.loadingData !== subscription.loadingData) {
+          this.loadingData = subscription.loadingData;
+          this.detectChanges();
+        }
+      },
+      legendDataUpdated: (subscription, detectChanges) => {
+        if (detectChanges) {
+          this.detectChanges();
+        }
+      },
+      timeWindowUpdated: (subscription, timeWindowConfig) => {
+        this.ngZone.run(() => {
+          this.widget.config.timewindow = timeWindowConfig;
+          this.detectChanges();
+        });
+      }
+    };
+
+  }
+
+  private defaultSubscriptionOptions(subscription: IWidgetSubscription, options: WidgetSubscriptionOptions) {
+    if (this.displayLegend) {
+      this.legendData = subscription.legendData;
+    }
+  }
+
+  private createDefaultSubscription(): Observable<any> {
+    const createSubscriptionSubject = new ReplaySubject();
+    let options: WidgetSubscriptionOptions;
+    if (this.widget.type !== widgetType.rpc && this.widget.type !== widgetType.static) {
+      options = {
+        type: this.widget.type,
+        stateData: this.typeParameters.stateData
+      };
+      if (this.widget.type === widgetType.alarm) {
+        options.alarmSource = deepClone(this.widget.config.alarmSource);
+        options.alarmSearchStatus = isDefined(this.widget.config.alarmSearchStatus) ?
+          this.widget.config.alarmSearchStatus : AlarmSearchStatus.ANY;
+        options.alarmsPollingInterval = isDefined(this.widget.config.alarmsPollingInterval) ?
+          this.widget.config.alarmsPollingInterval * 1000 : 5000;
+      } else {
+        options.datasources = deepClone(this.widget.config.datasources);
+      }
+
+      this.defaultComponentsOptions(options);
+
+      this.createSubscription(options).subscribe(
+        (subscription) => {
+          this.defaultSubscriptionOptions(subscription, options);
+
+          // backward compatibility
+          this.widgetContext.datasources = subscription.datasources;
+          this.widgetContext.data = subscription.data;
+          this.widgetContext.hiddenData = subscription.hiddenData;
+          this.widgetContext.timeWindow = subscription.timeWindow;
+          this.widgetContext.defaultSubscription = subscription;
+          createSubscriptionSubject.next();
+          createSubscriptionSubject.complete();
+        },
+        (err) => {
+          createSubscriptionSubject.error(err);
+        }
+      );
+    } else if (this.widget.type === widgetType.rpc) {
+      this.loadingData = false;
+      options = {
+        type: this.widget.type,
+        targetDeviceAliasIds: this.widget.config.targetDeviceAliasIds
+      };
+      options.callbacks = {
+        rpcStateChanged: (subscription) => {
+          if (this.dynamicWidgetComponent) {
+            this.dynamicWidgetComponent.rpcEnabled = subscription.rpcEnabled;
+            this.dynamicWidgetComponent.executingRpcRequest = subscription.executingRpcRequest;
+            this.detectChanges();
+          }
+        },
+        onRpcSuccess: (subscription) => {
+          if (this.dynamicWidgetComponent) {
+            this.dynamicWidgetComponent.executingRpcRequest = subscription.executingRpcRequest;
+            this.dynamicWidgetComponent.rpcErrorText = subscription.rpcErrorText;
+            this.dynamicWidgetComponent.rpcRejection = subscription.rpcRejection;
+            this.detectChanges();
+          }
+        },
+        onRpcFailed: (subscription) => {
+          if (this.dynamicWidgetComponent) {
+            this.dynamicWidgetComponent.executingRpcRequest = subscription.executingRpcRequest;
+            this.dynamicWidgetComponent.rpcErrorText = subscription.rpcErrorText;
+            this.dynamicWidgetComponent.rpcRejection = subscription.rpcRejection;
+            this.detectChanges();
+          }
+        },
+        onRpcErrorCleared: (subscription) => {
+          if (this.dynamicWidgetComponent) {
+            this.dynamicWidgetComponent.rpcErrorText = null;
+            this.dynamicWidgetComponent.rpcRejection = null;
+            this.detectChanges();
+          }
+        }
+      };
+      this.createSubscription(options).subscribe(
+        (subscription) => {
+          this.widgetContext.defaultSubscription = subscription;
+          createSubscriptionSubject.next();
+          createSubscriptionSubject.complete();
+        },
+        (err) => {
+          createSubscriptionSubject.error(err);
+        }
+      );
+      this.detectChanges();
+    } else if (this.widget.type === widgetType.static) {
+      this.loadingData = false;
+      createSubscriptionSubject.next();
+      createSubscriptionSubject.complete();
+      this.detectChanges();
+    } else {
+      createSubscriptionSubject.next();
+      createSubscriptionSubject.complete();
+      this.detectChanges();
+    }
+    return createSubscriptionSubject.asObservable();
+  }
+
+  private getActionDescriptors(actionSourceId: string): Array<WidgetActionDescriptor> {
+    let result = this.widgetContext.actionsApi.actionDescriptorsBySourceId[actionSourceId];
+    if (!result) {
+      result = [];
+    }
+    return result;
+  }
+
+  private handleWidgetAction($event: Event, descriptor: WidgetActionDescriptor,
+                             entityId?: EntityId, entityName?: string, additionalParams?: any): void {
+    const type = descriptor.type;
+    const targetEntityParamName = descriptor.stateEntityParamName;
+    let targetEntityId: EntityId;
+    if (descriptor.setEntityId) {
+      targetEntityId = entityId;
+    }
+    switch (type) {
+      case WidgetActionType.openDashboardState:
+      case WidgetActionType.updateDashboardState:
+        let targetDashboardStateId = descriptor.targetDashboardStateId;
+        const params = deepClone(this.widgetContext.stateController.getStateParams());
+        this.updateEntityParams(params, targetEntityParamName, targetEntityId, entityName);
+        if (type === WidgetActionType.openDashboardState) {
+          this.widgetContext.stateController.openState(targetDashboardStateId, params, descriptor.openRightLayout);
+        } else {
+          this.widgetContext.stateController.updateState(targetDashboardStateId, params, descriptor.openRightLayout);
+        }
+        break;
+      case WidgetActionType.openDashboard:
+        const targetDashboardId = descriptor.targetDashboardId;
+        targetDashboardStateId = descriptor.targetDashboardStateId;
+        const stateObject: StateObject = {};
+        stateObject.params = {};
+        this.updateEntityParams(stateObject.params, targetEntityParamName, targetEntityId, entityName);
+        if (targetDashboardStateId) {
+          stateObject.id = targetDashboardStateId;
+        }
+        const state = objToBase64([ stateObject ]);
+        const isSinglePage = this.route.snapshot.data.singlePageMode;
+        let url;
+        if (isSinglePage) {
+          url = `/dashboard/${targetDashboardId}?state=${state}`;
+        } else {
+          url = `/dashboards/${targetDashboardId}?state=${state}`;
+        }
+        this.router.navigateByUrl(url);
+        break;
+      case WidgetActionType.custom:
+        const customFunction = descriptor.customFunction;
+        if (customFunction && customFunction.length > 0) {
+          try {
+            if (!additionalParams) {
+              additionalParams = {};
+            }
+            const customActionFunction = new Function('$event', 'widgetContext', 'entityId',
+              'entityName', 'additionalParams', customFunction);
+            customActionFunction($event, this.widgetContext, entityId, entityName, additionalParams);
+          } catch (e) {
+            //
+          }
+        }
+        break;
+      case WidgetActionType.customPretty:
+        const customPrettyFunction = descriptor.customFunction;
+        const customHtml = descriptor.customHtml;
+        const customCss = descriptor.customCss;
+        const customResources = descriptor.customResources;
+        const actionNamespace = `custom-action-pretty-${descriptor.name.toLowerCase()}`;
+        let htmlTemplate = '';
+        if (isDefined(customHtml) && customHtml.length > 0) {
+          htmlTemplate = customHtml;
+        }
+        this.loadCustomActionResources(actionNamespace, customCss, customResources).subscribe(
+          () => {
+            if (isDefined(customPrettyFunction) && customPrettyFunction.length > 0) {
+              try {
+                if (!additionalParams) {
+                  additionalParams = {};
+                }
+                const customActionPrettyFunction = new Function('$event', 'widgetContext', 'entityId',
+                  'entityName', 'htmlTemplate', 'additionalParams', customPrettyFunction);
+                customActionPrettyFunction($event, this.widgetContext, entityId, entityName, htmlTemplate, additionalParams);
+              } catch (e) {
+                //
+              }
+            }
+          },
+          (errorMessages: string[]) => {
+            this.processResourcesLoadErrors(errorMessages);
+          }
+        );
+        break;
+    }
+  }
+
+  private elementClick($event: Event) {
+    const e = ($event.target || $event.srcElement) as Element;
+    if (e.id) {
+      const descriptors = this.getActionDescriptors('elementClick');
+      if (descriptors.length) {
+        $event.stopPropagation();
+        descriptors.forEach((descriptor) => {
+          if (descriptor.name === e.id) {
+            const entityInfo = this.getActiveEntityInfo();
+            const entityId = entityInfo ? entityInfo.entityId : null;
+            const entityName = entityInfo ? entityInfo.entityName : null;
+            this.handleWidgetAction(event, descriptor, entityId, entityName);
+          }
+        });
+      }
+    }
+  }
+
+  private updateEntityParams(params: StateParams, targetEntityParamName?: string, targetEntityId?: EntityId, entityName?: string) {
+    if (targetEntityId) {
+      let targetEntityParams: StateParams;
+      if (targetEntityParamName && targetEntityParamName.length) {
+        targetEntityParams = params[targetEntityParamName];
+        if (!targetEntityParams) {
+          targetEntityParams = {};
+          params[targetEntityParamName] = targetEntityParams;
+          params.targetEntityParamName = targetEntityParamName;
+        }
+      } else {
+        targetEntityParams = params;
+      }
+      targetEntityParams.entityId = targetEntityId;
+      if (entityName) {
+        targetEntityParams.entityName = entityName;
+      }
+    }
+  }
+
+  private loadCustomActionResources(actionNamespace: string, customCss: string, customResources: Array<WidgetResource>): Observable<any> {
+    if (isDefined(customCss) && customCss.length > 0) {
+      this.cssParser.cssPreviewNamespace = actionNamespace;
+      this.cssParser.createStyleElement(actionNamespace, customCss, 'nonamespace');
+    }
+    const resourceTasks: Observable<string>[] = [];
+    if (customResources.length > 0) {
+      customResources.forEach((resource) => {
+        resourceTasks.push(
+          this.resources.loadResource(resource.url).pipe(
+            catchError(e => of(`Failed to load custom action resource: '${resource.url}'`))
+          )
+        );
+      });
+      return forkJoin(resourceTasks).pipe(
+        switchMap(msgs => {
+            let errors: string[];
+            if (msgs && msgs.length) {
+              errors = msgs.filter(msg => msg && msg.length > 0);
+            }
+            if (errors && errors.length) {
+              return throwError(errors);
+            } else {
+              return of(null);
+            }
+          }
+      ));
+    } else {
+      return of(null);
+    }
+  }
+
+  private processResourcesLoadErrors(errorMessages: string[]) {
+    let messageToShow = '';
+    errorMessages.forEach(error => {
+      messageToShow += `<div>${error}</div>`;
+    });
+    this.store.dispatch(new ActionNotificationShow({message: messageToShow, type: 'error'}));
+  }
+
+  private getActiveEntityInfo(): SubscriptionEntityInfo {
+    let entityInfo = this.widgetContext.activeEntityInfo;
+    if (!entityInfo) {
+      for (const id of Object.keys(this.widgetContext.subscriptions)) {
+        const subscription = this.widgetContext.subscriptions[id];
+        entityInfo = subscription.getFirstEntityInfo();
+        if (entityInfo) {
+          break;
+        }
+      }
+    }
+    return entityInfo;
+  }
+
+  private checkSize(): boolean {
+    const width = this.widgetContext.$containerParent.width();
+    const height = this.widgetContext.$containerParent.height();
+    let sizeChanged = false;
+
+    if (!this.widgetContext.width || this.widgetContext.width !== width ||
+      !this.widgetContext.height || this.widgetContext.height !== height) {
+      if (width > 0 && height > 0) {
+        if (this.widgetContext.$container) {
+          this.widgetContext.$container.css('height', height + 'px');
+          this.widgetContext.$container.css('width', width + 'px');
+        }
+        this.widgetContext.width = width;
+        this.widgetContext.height = height;
+        sizeChanged = true;
+        this.widgetSizeDetected = true;
+      }
+    }
+    return sizeChanged;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/dialogs/add-entities-to-customer-dialog.component.html b/ui-ngx/src/app/modules/home/dialogs/add-entities-to-customer-dialog.component.html
new file mode 100644
index 0000000000..f2c1b70d9c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/dialogs/add-entities-to-customer-dialog.component.html
@@ -0,0 +1,58 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #addEntitiesToCustomerForm="ngForm" [formGroup]="addEntitiesToCustomerFormGroup" (ngSubmit)="assign()">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2>{{ assignToCustomerTitle | translate }}</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async">
+      <span>{{ assignToCustomerText | translate }}</span>
+      <tb-entity-list
+        formControlName="entityIds"
+        required
+        [entityType]="entityType"
+      >
+      </tb-entity-list>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || addEntitiesToCustomerForm.invalid
+            || !addEntitiesToCustomerForm.dirty">
+      {{ 'action.assign' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/dialogs/add-entities-to-customer-dialog.component.ts b/ui-ngx/src/app/modules/home/dialogs/add-entities-to-customer-dialog.component.ts
new file mode 100644
index 0000000000..c325aad9c1
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/dialogs/add-entities-to-customer-dialog.component.ts
@@ -0,0 +1,137 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Component, Inject, OnInit, SkipSelf} from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import {PageComponent} from '@shared/components/page.component';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm, Validators} from '@angular/forms';
+import {DeviceService} from '@core/http/device.service';
+import {EntityType} from '@shared/models/entity-type.models';
+import {forkJoin, Observable} from 'rxjs';
+import {AssetService} from '@core/http/asset.service';
+import {EntityViewService} from '@core/http/entity-view.service';
+import {DashboardService} from '@core/http/dashboard.service';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { Router } from '@angular/router';
+
+export interface AddEntitiesToCustomerDialogData {
+  customerId: string;
+  entityType: EntityType;
+}
+
+@Component({
+  selector: 'tb-add-entities-to-customer-dialog',
+  templateUrl: './add-entities-to-customer-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: AddEntitiesToCustomerDialogComponent}],
+  styleUrls: []
+})
+export class AddEntitiesToCustomerDialogComponent extends
+  DialogComponent<AddEntitiesToCustomerDialogComponent, boolean> implements OnInit, ErrorStateMatcher {
+
+  addEntitiesToCustomerFormGroup: FormGroup;
+
+  submitted = false;
+
+  entityType: EntityType;
+
+  assignToCustomerTitle: string;
+  assignToCustomerText: string;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: AddEntitiesToCustomerDialogData,
+              private deviceService: DeviceService,
+              private assetService: AssetService,
+              private entityViewService: EntityViewService,
+              private dashboardService: DashboardService,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<AddEntitiesToCustomerDialogComponent, boolean>,
+              public fb: FormBuilder) {
+    super(store, router, dialogRef);
+    this.entityType = data.entityType;
+  }
+
+  ngOnInit(): void {
+    this.addEntitiesToCustomerFormGroup = this.fb.group({
+      entityIds: [null, [Validators.required]]
+    });
+    switch (this.data.entityType) {
+      case EntityType.DEVICE:
+        this.assignToCustomerTitle = 'device.assign-device-to-customer';
+        this.assignToCustomerText = 'device.assign-device-to-customer-text';
+        break;
+      case EntityType.ASSET:
+        this.assignToCustomerTitle = 'asset.assign-asset-to-customer';
+        this.assignToCustomerText = 'asset.assign-asset-to-customer-text';
+        break;
+      case EntityType.ENTITY_VIEW:
+        this.assignToCustomerTitle = 'entity-view.assign-entity-view-to-customer';
+        this.assignToCustomerText = 'entity-view.assign-entity-view-to-customer-text';
+        break;
+      case EntityType.DASHBOARD:
+        this.assignToCustomerTitle = 'dashboard.assign-dashboard-to-customer';
+        this.assignToCustomerText = 'dashboard.assign-dashboard-to-customer-text';
+        break;
+    }
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(false);
+  }
+
+  assign(): void {
+    this.submitted = true;
+    const entityIds: Array<string> = this.addEntitiesToCustomerFormGroup.get('entityIds').value;
+    const tasks: Observable<any>[] = [];
+    entityIds.forEach(
+      (entityId) => {
+        tasks.push(this.getAssignToCustomerTask(this.data.customerId, entityId));
+      }
+    );
+    forkJoin(tasks).subscribe(
+      () => {
+        this.dialogRef.close(true);
+      }
+    );
+  }
+
+  private getAssignToCustomerTask(customerId: string, entityId: string): Observable<any> {
+    switch (this.data.entityType) {
+      case EntityType.DEVICE:
+        return this.deviceService.assignDeviceToCustomer(customerId, entityId);
+        break;
+      case EntityType.ASSET:
+        return this.assetService.assignAssetToCustomer(customerId, entityId);
+        break;
+      case EntityType.ENTITY_VIEW:
+        return this.entityViewService.assignEntityViewToCustomer(customerId, entityId);
+        break;
+      case EntityType.DASHBOARD:
+        return this.dashboardService.assignDashboardToCustomer(customerId, entityId);
+        break;
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/dialogs/assign-to-customer-dialog.component.html b/ui-ngx/src/app/modules/home/dialogs/assign-to-customer-dialog.component.html
new file mode 100644
index 0000000000..1c8c535de9
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/dialogs/assign-to-customer-dialog.component.html
@@ -0,0 +1,57 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #assignToCustomerForm="ngForm" [formGroup]="assignToCustomerFormGroup" (ngSubmit)="assign()">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2>{{ assignToCustomerTitle | translate }}</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async">
+      <span>{{ assignToCustomerText | translate }}</span>
+      <tb-entity-autocomplete
+        formControlName="customerId"
+        required
+        [entityType]="entityType.CUSTOMER">
+      </tb-entity-autocomplete>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || assignToCustomerForm.invalid
+            || !assignToCustomerForm.dirty">
+      {{ 'action.assign' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/dialogs/assign-to-customer-dialog.component.ts b/ui-ngx/src/app/modules/home/dialogs/assign-to-customer-dialog.component.ts
new file mode 100644
index 0000000000..83b2f30269
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/dialogs/assign-to-customer-dialog.component.ts
@@ -0,0 +1,128 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Component, Inject, OnInit, SkipSelf} from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import {PageComponent} from '@shared/components/page.component';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm, Validators} from '@angular/forms';
+import {DeviceService} from '@core/http/device.service';
+import {EntityId} from '@shared/models/id/entity-id';
+import {EntityType} from '@shared/models/entity-type.models';
+import {forkJoin, Observable} from 'rxjs';
+import {AssetService} from '@core/http/asset.service';
+import {EntityViewService} from '@core/http/entity-view.service';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { Router } from '@angular/router';
+
+export interface AssignToCustomerDialogData {
+  entityIds: Array<EntityId>;
+  entityType: EntityType;
+}
+
+@Component({
+  selector: 'tb-assign-to-customer-dialog',
+  templateUrl: './assign-to-customer-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: AssignToCustomerDialogComponent}],
+  styleUrls: []
+})
+export class AssignToCustomerDialogComponent extends
+  DialogComponent<AssignToCustomerDialogComponent, boolean> implements OnInit, ErrorStateMatcher {
+
+  assignToCustomerFormGroup: FormGroup;
+
+  submitted = false;
+
+  entityType = EntityType;
+
+  assignToCustomerTitle: string;
+  assignToCustomerText: string;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: AssignToCustomerDialogData,
+              private deviceService: DeviceService,
+              private assetService: AssetService,
+              private entityViewService: EntityViewService,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<AssignToCustomerDialogComponent, boolean>,
+              public fb: FormBuilder) {
+    super(store, router, dialogRef);
+  }
+
+  ngOnInit(): void {
+    this.assignToCustomerFormGroup = this.fb.group({
+      customerId: [null, [Validators.required]]
+    });
+    switch (this.data.entityType) {
+      case EntityType.DEVICE:
+        this.assignToCustomerTitle = 'device.assign-device-to-customer';
+        this.assignToCustomerText = 'device.assign-to-customer-text';
+        break;
+      case EntityType.ASSET:
+        this.assignToCustomerTitle = 'asset.assign-asset-to-customer';
+        this.assignToCustomerText = 'asset.assign-to-customer-text';
+        break;
+      case EntityType.ENTITY_VIEW:
+        this.assignToCustomerTitle = 'entity-view.assign-entity-view-to-customer';
+        this.assignToCustomerText = 'entity-view.assign-to-customer-text';
+        break;
+    }
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(false);
+  }
+
+  assign(): void {
+    this.submitted = true;
+    const customerId: string = this.assignToCustomerFormGroup.get('customerId').value;
+    const tasks: Observable<any>[] = [];
+    this.data.entityIds.forEach(
+      (entityId) => {
+        tasks.push(this.getAssignToCustomerTask(customerId, entityId.id));
+      }
+    );
+    forkJoin(tasks).subscribe(
+      () => {
+        this.dialogRef.close(true);
+      }
+    );
+  }
+
+  private getAssignToCustomerTask(customerId: string, entityId: string): Observable<any> {
+    switch (this.data.entityType) {
+      case EntityType.DEVICE:
+        return this.deviceService.assignDeviceToCustomer(customerId, entityId);
+        break;
+      case EntityType.ASSET:
+        return this.assetService.assignAssetToCustomer(customerId, entityId);
+        break;
+      case EntityType.ENTITY_VIEW:
+        return this.entityViewService.assignEntityViewToCustomer(customerId, entityId);
+        break;
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/dialogs/home-dialogs.module.ts b/ui-ngx/src/app/modules/home/dialogs/home-dialogs.module.ts
new file mode 100644
index 0000000000..b6d2a0521f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/dialogs/home-dialogs.module.ts
@@ -0,0 +1,42 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@app/shared/shared.module';
+import {AssignToCustomerDialogComponent} from '@modules/home/dialogs/assign-to-customer-dialog.component';
+import {AddEntitiesToCustomerDialogComponent} from '@modules/home/dialogs/add-entities-to-customer-dialog.component';
+import { HomeDialogsService } from './home-dialogs.service';
+
+@NgModule({
+  declarations:
+  [
+    AssignToCustomerDialogComponent,
+    AddEntitiesToCustomerDialogComponent
+  ],
+  imports: [
+    CommonModule,
+    SharedModule
+  ],
+  exports: [
+    AssignToCustomerDialogComponent,
+    AddEntitiesToCustomerDialogComponent
+  ],
+  providers: [
+    HomeDialogsService
+  ]
+})
+export class HomeDialogsModule { }
diff --git a/ui-ngx/src/app/modules/home/dialogs/home-dialogs.service.ts b/ui-ngx/src/app/modules/home/dialogs/home-dialogs.service.ts
new file mode 100644
index 0000000000..29e4c3ce62
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/dialogs/home-dialogs.service.ts
@@ -0,0 +1,57 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { AuthService } from '@core/auth/auth.service';
+import { MatDialog } from '@angular/material/dialog';
+import { EntityType } from '@shared/models/entity-type.models';
+import { Observable } from 'rxjs';
+import {
+  ImportDialogCsvComponent,
+  ImportDialogCsvData
+} from '@home/components/import-export/import-dialog-csv.component';
+
+@Injectable()
+export class HomeDialogsService {
+  constructor(
+    private dialog: MatDialog
+  ) {
+  }
+
+  public importEntities(entityType: EntityType): Observable<boolean> {
+    switch (entityType) {
+      case EntityType.DEVICE:
+        return this.openImportDialogCSV(entityType, 'device.import', 'device.device-file');
+      case EntityType.ASSET:
+        return this.openImportDialogCSV(entityType, 'asset.import', 'asset.asset-file');
+        break;
+    }
+  }
+
+  private openImportDialogCSV(entityType: EntityType, importTitle: string, importFileLabel: string): Observable<boolean> {
+    return this.dialog.open<ImportDialogCsvComponent, ImportDialogCsvData,
+      any>(ImportDialogCsvComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        entityType,
+        importTitle,
+        importFileLabel
+      }
+    }).afterClosed();
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/home-routing.module.ts b/ui-ngx/src/app/modules/home/home-routing.module.ts
new file mode 100644
index 0000000000..7aa99e6ebc
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/home-routing.module.ts
@@ -0,0 +1,45 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { HomeComponent } from './home.component';
+import { AuthGuard } from '@core/guards/auth.guard';
+import { StoreModule } from '@ngrx/store';
+
+const routes: Routes = [
+  { path: '',
+    component: HomeComponent,
+    data: {
+      title: 'home.home',
+      breadcrumb: {
+        skip: true
+      }
+    },
+    canActivate: [AuthGuard],
+    canActivateChild: [AuthGuard],
+    loadChildren: () => import('./pages/home-pages.module').then(m => m.HomePagesModule)
+  }
+];
+
+@NgModule({
+  imports: [
+    StoreModule,
+    RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class HomeRoutingModule { }
diff --git a/ui-ngx/src/app/modules/home/home.component.html b/ui-ngx/src/app/modules/home/home.component.html
new file mode 100644
index 0000000000..9febaf4ae7
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/home.component.html
@@ -0,0 +1,83 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-sidenav-container>
+  <mat-sidenav #sidenav class="tb-site-sidenav mat-elevation-z2"
+               (click)="sidenavClicked()"
+               [mode]="sidenavMode"
+               [opened]="sidenavOpened && !forceFullscreen">
+    <header class="tb-nav-header">
+      <mat-toolbar color="primary" class="tb-nav-header-toolbar">
+        <div fxFlex="auto" fxLayout="row">
+          <img [src]="logo"
+               aria-label="logo" class="tb-logo-title"/>
+        </div>
+      </mat-toolbar>
+    </header>
+    <mat-toolbar color="primary" fxFlex="0%" class="tb-side-menu-toolbar" fxLayout="column" role="navigation">
+      <tb-side-menu></tb-side-menu>
+    </mat-toolbar>
+  </mat-sidenav>
+  <mat-sidenav-content>
+    <div fxLayout="column" role="main" style="height: 100%;">
+      <mat-toolbar fxLayout="row" color="primary" class="mat-elevation-z1 tb-primary-toolbar">
+        <button [fxShow]="!forceFullscreen" mat-button mat-icon-button id="main"
+                [ngClass]="{'tb-invisible': displaySearchMode()}"
+                fxHide.gt-sm (click)="sidenav.toggle()">
+          <mat-icon class="material-icons">menu</mat-icon>
+        </button>
+        <button [fxShow]="forceFullscreen" mat-button mat-icon-button
+                [ngClass]="{'tb-invisible': displaySearchMode()}"
+                (click)="goBack()">
+          <mat-icon class="material-icons">arrow_back</mat-icon>
+        </button>
+        <button mat-button mat-icon-button
+                [ngClass]="{'tb-invisible': !displaySearchMode()}"
+                (click)="closeSearch()">
+          <mat-icon class="material-icons">arrow_back</mat-icon>
+        </button>
+        <tb-breadcrumb [fxShow]="!displaySearchMode()"
+             fxFlex [activeComponent]="activeComponent" class="mat-toolbar-tools">
+        </tb-breadcrumb>
+        <div [fxShow]="displaySearchMode()" fxFlex fxLayout="row" class="tb-dark">
+          <mat-form-field fxFlex floatLabel="always">
+            <mat-label></mat-label>
+            <input #searchInput matInput
+                   [(ngModel)]="searchText"
+                   placeholder="{{ 'common.enter-search' | translate }}"/>
+          </mat-form-field>
+        </div>
+        <button [fxShow]="searchEnabled"
+                mat-button mat-icon-button
+                (click)="openSearch()">
+          <mat-icon class="material-icons">search</mat-icon>
+        </button>
+        <button *ngIf="fullscreenEnabled" [fxShow]="!displaySearchMode()"
+                mat-button mat-icon-button fxHide.xs fxHide.sm (click)="toggleFullscreen()">
+          <mat-icon class="material-icons">{{ isFullscreen() ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+        </button>
+        <tb-user-menu [displayUserInfo]="!displaySearchMode()"></tb-user-menu>
+      </mat-toolbar>
+      <mat-progress-bar color="warn" style="z-index: 10; margin-bottom: -4px; width: 100%;" mode="indeterminate"
+                        *ngIf="isLoading$ | async">
+      </mat-progress-bar>
+      <div fxFlex fxLayout="column" tb-toast class="tb-main-content">
+        <router-outlet (activate)="activeComponentChanged($event)"></router-outlet>
+      </div>
+    </div>
+  </mat-sidenav-content>
+</mat-sidenav-container>
diff --git a/ui-ngx/src/app/modules/home/home.component.scss b/ui-ngx/src/app/modules/home/home.component.scss
new file mode 100644
index 0000000000..f77e85fd87
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/home.component.scss
@@ -0,0 +1,71 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  display: flex;
+  width: 100%;
+  height: 100%;
+
+  .tb-invisible {
+    display: none !important;
+  }
+
+  mat-sidenav-container {
+    flex: 1;
+  }
+  mat-sidenav.tb-site-sidenav {
+    width: 250px;
+    @media (max-width:456px) {
+      width: calc(100% - 56px);
+    }
+    .tb-nav-header {
+      z-index: 2;
+      flex-shrink: 0;
+      white-space: nowrap;
+      .tb-nav-header-toolbar {
+        min-height: 64px;
+        height: inherit;
+        z-index: 2;
+        flex-shrink: 0;
+        white-space: nowrap;
+        border-bottom: 1px solid rgba(0, 0, 0, .12);
+        & > div {
+          height: 64px;
+          .tb-logo-title {
+            width: auto;
+            height: 36px;
+            margin: auto;
+          }
+        }
+      }
+    }
+    .tb-side-menu-toolbar {
+      overflow-y: auto;
+      height: inherit;
+      padding: 0;
+    }
+  }
+  .tb-primary-toolbar {
+    z-index: 2;
+    h1 {
+      font-size: 24px !important;
+      font-weight: 400 !important;
+    }
+  }
+  .tb-main-content {
+    overflow: auto;
+    position: relative;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/home.component.ts b/ui-ngx/src/app/modules/home/home.component.ts
new file mode 100644
index 0000000000..2028325b0e
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/home.component.ts
@@ -0,0 +1,186 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { AfterViewInit, Component, ElementRef, Inject, OnInit, ViewChild } from '@angular/core';
+import { fromEvent, Observable } from 'rxjs';
+import { select, Store } from '@ngrx/store';
+import { debounceTime, distinctUntilChanged, map, mergeMap, take, tap } from 'rxjs/operators';
+
+import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';
+import { User } from '@shared/models/user.model';
+import { PageComponent } from '@shared/components/page.component';
+import { AppState } from '@core/core.state';
+import { AuthService } from '@core/auth/auth.service';
+import { UserService } from '@core/http/user.service';
+import { MenuService } from '@core/services/menu.service';
+import { getCurrentAuthState, selectAuthUser, selectUserDetails } from '@core/auth/auth.selectors';
+import { MediaBreakpoints } from '@shared/models/constants';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { Router } from '@angular/router';
+import * as screenfull from 'screenfull';
+import { MatSidenav } from '@angular/material/sidenav';
+import { AuthState } from '@core/auth/auth.models';
+import { WINDOW } from '@core/services/window.service';
+import { ISearchableComponent, instanceOfSearchableComponent } from '@home/models/searchable-component.models';
+
+@Component({
+  selector: 'tb-home',
+  templateUrl: './home.component.html',
+  styleUrls: ['./home.component.scss']
+})
+export class HomeComponent extends PageComponent implements AfterViewInit, OnInit {
+
+  authState: AuthState = getCurrentAuthState(this.store);
+
+  forceFullscreen = this.authState.forceFullscreen;
+
+  activeComponent: any;
+  searchableComponent: ISearchableComponent;
+
+  sidenavMode: 'over' | 'push' | 'side' = 'side';
+  sidenavOpened = true;
+
+  logo = require('../../../assets/logo_title_white.svg');
+
+  @ViewChild('sidenav')
+  sidenav: MatSidenav;
+
+  @ViewChild('searchInput') searchInputField: ElementRef;
+
+  // @ts-ignore
+  fullscreenEnabled = screenfull.enabled;
+
+  authUser$: Observable<any>;
+  userDetails$: Observable<User>;
+  userDetailsString: Observable<string>;
+
+  searchEnabled = false;
+  showSearch = false;
+  searchText = '';
+
+  constructor(protected store: Store<AppState>,
+              @Inject(WINDOW) private window: Window,
+              private authService: AuthService,
+              private router: Router,
+              private userService: UserService, private menuService: MenuService,
+              public breakpointObserver: BreakpointObserver) {
+    super(store);
+  }
+
+  ngOnInit() {
+
+    this.authUser$ = this.store.pipe(select(selectAuthUser));
+    this.userDetails$ = this.store.pipe(select(selectUserDetails));
+    this.userDetailsString = this.userDetails$.pipe(map((user: User) => {
+      return JSON.stringify(user);
+    }));
+
+    const isGtSm = this.breakpointObserver.isMatched(MediaBreakpoints['gt-sm']);
+    this.sidenavMode = isGtSm ? 'side' : 'over';
+    this.sidenavOpened = isGtSm;
+
+    this.breakpointObserver
+      .observe(MediaBreakpoints['gt-sm'])
+      .subscribe((state: BreakpointState) => {
+          if (state.matches) {
+            this.sidenavMode = 'side';
+            this.sidenavOpened = true;
+          } else {
+            this.sidenavMode = 'over';
+            this.sidenavOpened = false;
+          }
+        }
+      );
+  }
+
+  ngAfterViewInit() {
+    fromEvent(this.searchInputField.nativeElement, 'keyup')
+      .pipe(
+        debounceTime(150),
+        distinctUntilChanged(),
+        tap(() => {
+          this.searchTextUpdated();
+        })
+      )
+      .subscribe();
+  }
+
+  sidenavClicked() {
+    if (this.sidenavMode === 'over') {
+      this.sidenav.toggle();
+    }
+  }
+
+  toggleFullscreen() {
+    // @ts-ignore
+    if (screenfull.enabled) {
+      // @ts-ignore
+      screenfull.toggle();
+    }
+  }
+
+  isFullscreen() {
+    // @ts-ignore
+    return screenfull.isFullscreen;
+  }
+
+  goBack() {
+    this.window.history.back();
+  }
+
+  activeComponentChanged(activeComponent: any) {
+    this.showSearch = false;
+    this.searchText = '';
+    this.activeComponent = activeComponent;
+    if (this.activeComponent && instanceOfSearchableComponent(this.activeComponent)) {
+      this.searchEnabled = true;
+      this.searchableComponent = this.activeComponent;
+    } else {
+      this.searchEnabled = false;
+      this.searchableComponent = null;
+    }
+  }
+
+  displaySearchMode(): boolean {
+    return this.searchEnabled && this.showSearch;
+  }
+
+  openSearch() {
+    if (this.searchEnabled) {
+      this.showSearch = true;
+      setTimeout(() => {
+        this.searchInputField.nativeElement.focus();
+        this.searchInputField.nativeElement.setSelectionRange(0, 0);
+      }, 10);
+    }
+  }
+
+  closeSearch() {
+    if (this.searchEnabled) {
+      this.showSearch = false;
+      if (this.searchText.length) {
+        this.searchText = '';
+        this.searchTextUpdated();
+      }
+    }
+  }
+
+  private searchTextUpdated() {
+    if (this.searchableComponent) {
+      this.searchableComponent.onSearchTextUpdated(this.searchText);
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/home.module.ts b/ui-ngx/src/app/modules/home/home.module.ts
new file mode 100644
index 0000000000..57364ccedf
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/home.module.ts
@@ -0,0 +1,41 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { HomeRoutingModule } from './home-routing.module';
+import { HomeComponent } from './home.component';
+import { SharedModule } from '@app/shared/shared.module';
+import { MenuLinkComponent } from '@modules/home/menu/menu-link.component';
+import { MenuToggleComponent } from '@modules/home/menu/menu-toggle.component';
+import { SideMenuComponent } from '@modules/home/menu/side-menu.component';
+
+@NgModule({
+  declarations:
+    [
+      HomeComponent,
+      MenuLinkComponent,
+      MenuToggleComponent,
+      SideMenuComponent
+    ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    HomeRoutingModule
+  ]
+})
+export class HomeModule { }
diff --git a/ui-ngx/src/app/modules/home/menu/menu-link.component.html b/ui-ngx/src/app/modules/home/menu/menu-link.component.html
new file mode 100644
index 0000000000..e1780212b5
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/menu/menu-link.component.html
@@ -0,0 +1,23 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<button mat-button
+  routerLinkActive="tb-active" [routerLinkActiveOptions]="{exact: true}" routerLink="{{section.path}}">
+  <mat-icon *ngIf="!section.isMdiIcon && section.icon != null" class="material-icons">{{section.icon}}</mat-icon>
+  <mat-icon *ngIf="section.isMdiIcon && section.icon != null" [svgIcon]="section.icon"></mat-icon>
+  <span>{{section.name | translate}}</span>
+</button>
diff --git a/ui-ngx/src/app/modules/home/menu/menu-link.component.scss b/ui-ngx/src/app/modules/home/menu/menu-link.component.scss
new file mode 100644
index 0000000000..bb3718c2da
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/menu/menu-link.component.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+
+}
diff --git a/ui-ngx/src/app/modules/home/menu/menu-link.component.ts b/ui-ngx/src/app/modules/home/menu/menu-link.component.ts
new file mode 100644
index 0000000000..787d7b7928
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/menu/menu-link.component.ts
@@ -0,0 +1,35 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
+import { MenuSection } from '@core/services/menu.models';
+
+@Component({
+  selector: 'tb-menu-link',
+  templateUrl: './menu-link.component.html',
+  styleUrls: ['./menu-link.component.scss']
+})
+export class MenuLinkComponent implements OnInit {
+
+  @Input() section: MenuSection;
+
+  constructor() {
+  }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/menu/menu-toggle.component.html b/ui-ngx/src/app/modules/home/menu/menu-toggle.component.html
new file mode 100644
index 0000000000..76398df3ae
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/menu/menu-toggle.component.html
@@ -0,0 +1,31 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<button mat-button
+        routerLinkActive="tb-active" [routerLinkActiveOptions]="{exact: true}" routerLink="{{section.path}}"
+  class="tb-button-toggle">
+  <mat-icon *ngIf="!section.isMdiIcon && section.icon != null" class="material-icons">{{section.icon}}</mat-icon>
+  <mat-icon *ngIf="section.isMdiIcon && section.icon != null" [svgIcon]="section.icon"></mat-icon>
+  <span>{{section.name | translate}}</span>
+  <span class=" pull-right fa fa-chevron-down tb-toggle-icon"
+        [ngClass]="{'tb-toggled' : sectionActive()}"></span>
+</button>
+<ul id="docs-menu-{{section.name | nospace}}" class="tb-menu-toggle-list" [ngStyle]="{height: sectionHeight()}">
+  <li *ngFor="let page of section.pages">
+    <tb-menu-link [section]="page"></tb-menu-link>
+  </li>
+</ul>
diff --git a/ui-ngx/src/app/modules/home/menu/menu-toggle.component.scss b/ui-ngx/src/app/modules/home/menu/menu-toggle.component.scss
new file mode 100644
index 0000000000..bb3718c2da
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/menu/menu-toggle.component.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+
+}
diff --git a/ui-ngx/src/app/modules/home/menu/menu-toggle.component.ts b/ui-ngx/src/app/modules/home/menu/menu-toggle.component.ts
new file mode 100644
index 0000000000..fcadd04a2f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/menu/menu-toggle.component.ts
@@ -0,0 +1,47 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
+import { MenuSection } from '@core/services/menu.models';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'tb-menu-toggle',
+  templateUrl: './menu-toggle.component.html',
+  styleUrls: ['./menu-toggle.component.scss']
+})
+export class MenuToggleComponent implements OnInit {
+
+  @Input() section: MenuSection;
+
+  constructor(private router: Router) {
+  }
+
+  ngOnInit() {
+  }
+
+  sectionActive(): boolean {
+    return this.router.isActive(this.section.path, false);
+  }
+
+  sectionHeight(): string {
+    if (this.router.isActive(this.section.path, false)) {
+      return this.section.height;
+    } else {
+      return '0px';
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/menu/side-menu.component.html b/ui-ngx/src/app/modules/home/menu/side-menu.component.html
new file mode 100644
index 0000000000..b2302966dd
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/menu/side-menu.component.html
@@ -0,0 +1,23 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<ul fxFlex fxLayout="column" fxLayoutAlign="start stretch" class="tb-side-menu">
+  <li *ngFor="let section of menuSections$| async" [ngSwitch]="section.type === 'link'">
+    <tb-menu-link *ngSwitchCase="true" [section]="section"></tb-menu-link>
+    <tb-menu-toggle *ngSwitchCase="false" [section]="section"></tb-menu-toggle>
+  </li>
+</ul>
diff --git a/ui-ngx/src/app/modules/home/menu/side-menu.component.scss b/ui-ngx/src/app/modules/home/menu/side-menu.component.scss
new file mode 100644
index 0000000000..732846fd97
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/menu/side-menu.component.scss
@@ -0,0 +1,114 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  width: 100%;
+}
+
+:host ::ng-deep {
+
+  .tb-side-menu,
+  .tb-side-menu ul {
+    padding: 0;
+    margin-top: 0;
+    list-style: none;
+  }
+
+  .tb-side-menu > li {
+    border-bottom: 1px solid rgba(0, 0, 0, .12);
+  }
+
+  button {
+    display: flex;
+    width: 100%;
+    max-height: 40px;
+    padding: 0 16px;
+    margin: 0;
+    overflow: hidden;
+    line-height: 40px;
+    color: inherit;
+    text-align: left;
+    text-decoration: none;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor: pointer;
+    border-radius: 0;
+    &:hover {
+      background-color: rgba(255,255,255,0.08);
+    }
+
+    .mat-button-wrapper {
+      width: 100%;
+      span {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
+
+  button.tb-active {
+    font-weight: 500;
+    background-color: rgba(255, 255, 255, .15);
+  }
+
+  span.tb-toggle-icon {
+    padding-top: 12px;
+    padding-bottom: 12px;
+  }
+
+  mat-icon {
+    margin-right: 8px;
+    margin-left: 0;
+  }
+
+  .tb-menu-toggle-list button {
+    padding: 0 16px 0 32px;
+    font-weight: 500;
+    text-transform: none;
+    text-rendering: optimizeLegibility;
+  }
+
+  .tb-button-toggle .tb-toggle-icon {
+    display: inline-block;
+    width: 15px;
+    margin: auto 0 auto auto;
+    background-size: 100% auto;
+
+    transition: transform .3s, ease-in-out;
+  }
+
+  .tb-button-toggle .tb-toggle-icon.tb-toggled {
+    transform: rotateZ(180deg);
+  }
+
+  .tb-menu-toggle-list {
+    position: relative;
+    z-index: 1;
+    overflow: hidden;
+
+    transition: .75s cubic-bezier(.35, 0, .25, 1);
+
+    transition-property: height;
+
+    button {
+      padding: 0 16px 0 32px;
+      font-weight: 500;
+      text-transform: none !important;
+      text-rendering: optimizeLegibility;
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/menu/side-menu.component.ts b/ui-ngx/src/app/modules/home/menu/side-menu.component.ts
new file mode 100644
index 0000000000..40222e1110
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/menu/side-menu.component.ts
@@ -0,0 +1,35 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnInit } from '@angular/core';
+import { MenuService } from '@core/services/menu.service';
+
+@Component({
+  selector: 'tb-side-menu',
+  templateUrl: './side-menu.component.html',
+  styleUrls: ['./side-menu.component.scss']
+})
+export class SideMenuComponent implements OnInit {
+
+  menuSections$ = this.menuService.menuSections();
+
+  constructor(private menuService: MenuService) {
+  }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/models/contact.models.ts b/ui-ngx/src/app/modules/home/models/contact.models.ts
new file mode 100644
index 0000000000..1ba1e6fb35
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/models/contact.models.ts
@@ -0,0 +1,291 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export const COUNTRIES = [
+  'Afghanistan',
+  'Åland Islands',
+  'Albania',
+  'Algeria',
+  'American Samoa',
+  'Andorra',
+  'Angola',
+  'Anguilla',
+  'Antarctica',
+  'Antigua and Barbuda',
+  'Argentina',
+  'Armenia',
+  'Aruba',
+  'Australia',
+  'Austria',
+  'Azerbaijan',
+  'Bahamas',
+  'Bahrain',
+  'Bangladesh',
+  'Barbados',
+  'Belarus',
+  'Belgium',
+  'Belize',
+  'Benin',
+  'Bermuda',
+  'Bhutan',
+  'Bolivia',
+  'Bonaire, Sint Eustatius and Saba',
+  'Bosnia and Herzegovina',
+  'Botswana',
+  'Bouvet Island',
+  'Brazil',
+  'British Indian Ocean Territory',
+  'Brunei Darussalam',
+  'Bulgaria',
+  'Burkina Faso',
+  'Burundi',
+  'Cambodia',
+  'Cameroon',
+  'Canada',
+  'Cape Verde',
+  'Cayman Islands',
+  'Central African Republic',
+  'Chad',
+  'Chile',
+  'China',
+  'Christmas Island',
+  'Cocos (Keeling) Islands',
+  'Colombia',
+  'Comoros',
+  'Congo',
+  'Congo, The Democratic Republic of the',
+  'Cook Islands',
+  'Costa Rica',
+  'Côte d\'Ivoire',
+  'Croatia',
+  'Cuba',
+  'Curaçao',
+  'Cyprus',
+  'Czech Republic',
+  'Denmark',
+  'Djibouti',
+  'Dominica',
+  'Dominican Republic',
+  'Ecuador',
+  'Egypt',
+  'El Salvador',
+  'Equatorial Guinea',
+  'Eritrea',
+  'Estonia',
+  'Ethiopia',
+  'Falkland Islands (Malvinas)',
+  'Faroe Islands',
+  'Fiji',
+  'Finland',
+  'France',
+  'French Guiana',
+  'French Polynesia',
+  'French Southern Territories',
+  'Gabon',
+  'Gambia',
+  'Georgia',
+  'Germany',
+  'Ghana',
+  'Gibraltar',
+  'Greece',
+  'Greenland',
+  'Grenada',
+  'Guadeloupe',
+  'Guam',
+  'Guatemala',
+  'Guernsey',
+  'Guinea',
+  'Guinea-Bissau',
+  'Guyana',
+  'Haiti',
+  'Heard Island and McDonald Islands',
+  'Holy See (Vatican City State)',
+  'Honduras',
+  'Hong Kong',
+  'Hungary',
+  'Iceland',
+  'India',
+  'Indonesia',
+  'Iran, Islamic Republic of',
+  'Iraq',
+  'Ireland',
+  'Isle of Man',
+  'Israel',
+  'Italy',
+  'Jamaica',
+  'Japan',
+  'Jersey',
+  'Jordan',
+  'Kazakhstan',
+  'Kenya',
+  'Kiribati',
+  'Korea, Democratic People\'s Republic of',
+  'Korea, Republic of',
+  'Kuwait',
+  'Kyrgyzstan',
+  'Lao People\'s Democratic Republic',
+  'Latvia',
+  'Lebanon',
+  'Lesotho',
+  'Liberia',
+  'Libya',
+  'Liechtenstein',
+  'Lithuania',
+  'Luxembourg',
+  'Macao',
+  'Macedonia, Republic Of',
+  'Madagascar',
+  'Malawi',
+  'Malaysia',
+  'Maldives',
+  'Mali',
+  'Malta',
+  'Marshall Islands',
+  'Martinique',
+  'Mauritania',
+  'Mauritius',
+  'Mayotte',
+  'Mexico',
+  'Micronesia, Federated States of',
+  'Moldova, Republic of',
+  'Monaco',
+  'Mongolia',
+  'Montenegro',
+  'Montserrat',
+  'Morocco',
+  'Mozambique',
+  'Myanmar',
+  'Namibia',
+  'Nauru',
+  'Nepal',
+  'Netherlands',
+  'New Caledonia',
+  'New Zealand',
+  'Nicaragua',
+  'Niger',
+  'Nigeria',
+  'Niue',
+  'Norfolk Island',
+  'Northern Mariana Islands',
+  'Norway',
+  'Oman',
+  'Pakistan',
+  'Palau',
+  'Palestinian Territory, Occupied',
+  'Panama',
+  'Papua New Guinea',
+  'Paraguay',
+  'Peru',
+  'Philippines',
+  'Pitcairn',
+  'Poland',
+  'Portugal',
+  'Puerto Rico',
+  'Qatar',
+  'Reunion',
+  'Romania',
+  'Russian Federation',
+  'Rwanda',
+  'Saint Barthélemy',
+  'Saint Helena, Ascension and Tristan da Cunha',
+  'Saint Kitts and Nevis',
+  'Saint Lucia',
+  'Saint Martin (French Part)',
+  'Saint Pierre and Miquelon',
+  'Saint Vincent and the Grenadines',
+  'Samoa',
+  'San Marino',
+  'Sao Tome and Principe',
+  'Saudi Arabia',
+  'Senegal',
+  'Serbia',
+  'Seychelles',
+  'Sierra Leone',
+  'Singapore',
+  'Sint Maarten (Dutch Part)',
+  'Slovakia',
+  'Slovenia',
+  'Solomon Islands',
+  'Somalia',
+  'South Africa',
+  'South Georgia and the South Sandwich Islands',
+  'South Sudan',
+  'Spain',
+  'Sri Lanka',
+  'Sudan',
+  'Suriname',
+  'Svalbard and Jan Mayen',
+  'Swaziland',
+  'Sweden',
+  'Switzerland',
+  'Syrian Arab Republic',
+  'Taiwan',
+  'Tajikistan',
+  'Tanzania, United Republic of',
+  'Thailand',
+  'Timor-Leste',
+  'Togo',
+  'Tokelau',
+  'Tonga',
+  'Trinidad and Tobago',
+  'Tunisia',
+  'Turkey',
+  'Turkmenistan',
+  'Turks and Caicos Islands',
+  'Tuvalu',
+  'Uganda',
+  'Ukraine',
+  'United Arab Emirates',
+  'United Kingdom',
+  'United States',
+  'United States Minor Outlying Islands',
+  'Uruguay',
+  'Uzbekistan',
+  'Vanuatu',
+  'Venezuela',
+  'Viet Nam',
+  'Virgin Islands, British',
+  'Virgin Islands, U.S.',
+  'Wallis and Futuna',
+  'Western Sahara',
+  'Yemen',
+  'Zambia',
+  'Zimbabwe'
+];
+
+/* tslint:disable */
+export const POSTAL_CODE_PATTERNS = {
+  'United States': '(\\d{5}([\\-]\\d{4})?)',
+  'Australia': '[0-9]{4}',
+  'Austria': '[0-9]{4}',
+  'Belgium': '[0-9]{4}',
+  'Brazil': '[0-9]{5}[\\-]?[0-9]{3}',
+  'Canada': '^(?!.*[DFIOQU])[A-VXY][0-9][A-Z][ -]?[0-9][A-Z][0-9]$',
+  'Denmark': '[0-9]{3,4}',
+  'Faroe Islands': '[0-9]{3,4}',
+  'Netherlands': '[1-9][0-9]{3}\\s?[a-zA-Z]{2}',
+  'Germany': '[0-9]{5}',
+  'Hungary': '[0-9]{4}',
+  'Italy': '[0-9]{5}',
+  'Japan': '\\d{3}-\\d{4}',
+  'Luxembourg': '(L\\s*(-|—|–))\\s*?[\\d]{4}',
+  'Poland': '[0-9]{2}\\-[0-9]{3}',
+  'Spain': '((0[1-9]|5[0-2])|[1-4][0-9])[0-9]{3}',
+  'Sweden': '\\d{3}\\s?\\d{2}',
+  'United Kingdom': '[A-Za-z]{1,2}[0-9Rr][0-9A-Za-z]? [0-9][ABD-HJLNP-UW-Zabd-hjlnp-uw-z]{2}'
+};
+/* tslint:enable */
+
diff --git a/ui-ngx/src/app/modules/home/models/dashboard-component.models.ts b/ui-ngx/src/app/modules/home/models/dashboard-component.models.ts
new file mode 100644
index 0000000000..b1d9b832fd
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/models/dashboard-component.models.ts
@@ -0,0 +1,516 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { GridsterComponent, GridsterConfig, GridsterItem, GridsterItemComponentInterface } from 'angular-gridster2';
+import { Widget, widgetType, WidgetPosition } from '@app/shared/models/widget.models';
+import { WidgetLayout, WidgetLayouts } from '@app/shared/models/dashboard.models';
+import { IDashboardWidget, WidgetAction, WidgetContext, WidgetHeaderAction } from './widget-component.models';
+import { Timewindow } from '@shared/models/time/time.models';
+import { Observable, of, Subject } from 'rxjs';
+import { guid, isDefined, isUndefined } from '@app/core/utils';
+import { IterableDiffer, KeyValueDiffer, NgZone } from '@angular/core';
+import { IAliasController, IStateController } from '@app/core/api/widget-api.models';
+import * as deepEqual from 'deep-equal';
+
+export interface WidgetsData {
+  widgets: Array<Widget>;
+  widgetLayouts?: WidgetLayouts;
+}
+
+export interface ContextMenuItem {
+  enabled: boolean;
+  shortcut?: string;
+  icon: string;
+  value: string;
+}
+
+export interface DashboardContextMenuItem extends ContextMenuItem {
+  action: (contextMenuEvent: MouseEvent) => void;
+}
+
+export interface WidgetContextMenuItem extends ContextMenuItem {
+  action: (contextMenuEvent: MouseEvent, widget: Widget) => void;
+}
+
+export interface DashboardCallbacks {
+  onEditWidget?: ($event: Event, widget: Widget) => void;
+  onExportWidget?: ($event: Event, widget: Widget) => void;
+  onRemoveWidget?: ($event: Event, widget: Widget) => void;
+  onWidgetMouseDown?: ($event: Event, widget: Widget) => void;
+  onWidgetClicked?: ($event: Event, widget: Widget) => void;
+  prepareDashboardContextMenu?: ($event: Event) => Array<DashboardContextMenuItem>;
+  prepareWidgetContextMenu?: ($event: Event, widget: Widget) => Array<WidgetContextMenuItem>;
+}
+
+export interface IDashboardComponent {
+  gridsterOpts: GridsterConfig;
+  gridster: GridsterComponent;
+  dashboardWidgets: DashboardWidgets;
+  mobileAutofillHeight: boolean;
+  isMobileSize: boolean;
+  autofillHeight: boolean;
+  dashboardTimewindow: Timewindow;
+  dashboardTimewindowChanged: Observable<Timewindow>;
+  aliasController: IAliasController;
+  stateController: IStateController;
+  onUpdateTimewindow(startTimeMs: number, endTimeMs: number, interval?: number, persist?: boolean): void;
+  onResetTimewindow(): void;
+  resetHighlight(): void;
+  highlightWidget(widgetId: string, delay?: number);
+  selectWidget(widgetId: string, delay?: number);
+  getSelectedWidget(): Widget;
+  getEventGridPosition(event: Event): WidgetPosition;
+  notifyGridsterOptionsChanged();
+  pauseChangeNotifications();
+  resumeChangeNotifications();
+  notifyLayoutUpdated();
+}
+
+declare type DashboardWidgetUpdateOperation = 'add' | 'remove' | 'update';
+
+interface DashboardWidgetUpdateRecord {
+  widget?: Widget;
+  widgetLayout?: WidgetLayout;
+  widgetId: string;
+  operation: DashboardWidgetUpdateOperation;
+}
+
+export class DashboardWidgets implements Iterable<DashboardWidget> {
+
+  highlightedMode = false;
+
+  dashboardWidgets: Array<DashboardWidget> = [];
+  widgets: Iterable<Widget>;
+  widgetLayouts: WidgetLayouts;
+
+  [Symbol.iterator](): Iterator<DashboardWidget> {
+    return this.dashboardWidgets[Symbol.iterator]();
+  }
+
+  constructor(private dashboard: IDashboardComponent,
+              private widgetsDiffer: IterableDiffer<Widget>,
+              private widgetLayoutsDiffer: KeyValueDiffer<string, WidgetLayout>) {
+  }
+
+  doCheck() {
+    const widgetChange = this.widgetsDiffer.diff(this.widgets);
+    const widgetLayoutChange = this.widgetLayoutsDiffer.diff(this.widgetLayouts);
+    const updateRecords: Array<DashboardWidgetUpdateRecord> = [];
+
+    if (widgetChange !== null) {
+      widgetChange.forEachAddedItem((added) => {
+        updateRecords.push({
+          widget: added.item,
+          widgetId: added.item.id,
+          widgetLayout: this.widgetLayouts ? this.widgetLayouts[added.item.id] : null,
+          operation: 'add'
+        });
+      });
+      widgetChange.forEachRemovedItem((removed) => {
+        let operation = updateRecords.find((record) => record.widgetId === removed.item.id);
+        if (operation) {
+          operation.operation = 'update';
+        } else {
+          operation = {
+            widgetId: removed.item.id,
+            operation: 'remove'
+          };
+          updateRecords.push(operation);
+        }
+      });
+    }
+    if (widgetLayoutChange !== null) {
+      widgetLayoutChange.forEachChangedItem((changed) => {
+        const operation = updateRecords.find((record) => record.widgetId === changed.key);
+        if (!operation) {
+          const widget = this.dashboardWidgets.find((dashboardWidget) => dashboardWidget.widgetId === changed.key);
+          if (widget) {
+            updateRecords.push({
+              widget: widget.widget,
+              widgetId: changed.key,
+              widgetLayout: changed.currentValue,
+              operation: 'update'
+            });
+          }
+        }
+      });
+    }
+    if (updateRecords.length) {
+      updateRecords.forEach((record) => {
+        switch (record.operation) {
+          case 'add':
+            this.dashboardWidgets.push(
+              new DashboardWidget(this.dashboard, record.widget, record.widgetLayout)
+            );
+            break;
+          case 'remove':
+            let index = this.dashboardWidgets.findIndex((dashboardWidget) => dashboardWidget.widgetId === record.widgetId);
+            if (index > -1) {
+              this.dashboardWidgets.splice(index, 1);
+            }
+            break;
+          case 'update':
+            index = this.dashboardWidgets.findIndex((dashboardWidget) => dashboardWidget.widgetId === record.widgetId);
+            if (index > -1) {
+              const prevDashboardWidget = this.dashboardWidgets[index];
+              if (!deepEqual(prevDashboardWidget.widget, record.widget) ||
+                  !deepEqual(prevDashboardWidget.widgetLayout, record.widgetLayout)) {
+                this.dashboardWidgets[index] = new DashboardWidget(this.dashboard, record.widget, record.widgetLayout);
+                this.dashboardWidgets[index].highlighted = prevDashboardWidget.highlighted;
+                this.dashboardWidgets[index].selected = prevDashboardWidget.selected;
+              } else {
+                this.dashboardWidgets[index].widget = record.widget;
+                this.dashboardWidgets[index].widgetLayout = record.widgetLayout;
+              }
+            }
+            break;
+        }
+      });
+      this.updateRowsAndSort();
+    }
+  }
+
+  widgetLayoutsUpdated() {
+    for (const w of Object.keys(this.widgetLayouts)) {
+      const widgetLayout = this.widgetLayouts[w];
+      const index = this.dashboardWidgets.findIndex((dashboardWidget) => dashboardWidget.widgetId === w);
+      if (index > -1) {
+        this.dashboardWidgets[index].widgetLayout = widgetLayout;
+      }
+    }
+    this.updateRowsAndSort();
+  }
+
+  setWidgets(widgets: Iterable<Widget>, widgetLayouts: WidgetLayouts) {
+    this.highlightedMode = false;
+    this.widgets = widgets;
+    this.widgetLayouts = widgetLayouts;
+  }
+
+  highlightWidget(widgetId: string): DashboardWidget {
+    const widget = this.findWidgetById(widgetId);
+    if (widget && (!this.highlightedMode || !widget.highlighted || this.highlightedMode && widget.highlighted)) {
+      this.highlightedMode = true;
+      widget.highlighted = true;
+      this.dashboardWidgets.forEach((dashboardWidget) => {
+        if (dashboardWidget !== widget) {
+          dashboardWidget.highlighted = false;
+        }
+      });
+      return widget;
+    } else {
+      return null;
+    }
+  }
+
+  selectWidget(widgetId: string): DashboardWidget {
+    const widget = this.findWidgetById(widgetId);
+    if (widget && (!widget.selected)) {
+      widget.selected = true;
+      this.dashboardWidgets.forEach((dashboardWidget) => {
+        if (dashboardWidget !== widget) {
+          dashboardWidget.selected = false;
+        }
+      });
+      return widget;
+    } else {
+      return null;
+    }
+  }
+
+  resetHighlight(): DashboardWidget {
+    const highlighted = this.dashboardWidgets.find((dashboardWidget) => dashboardWidget.highlighted);
+    this.highlightedMode = false;
+    this.dashboardWidgets.forEach((dashboardWidget) => {
+      dashboardWidget.highlighted = false;
+      dashboardWidget.selected = false;
+    });
+    return highlighted;
+  }
+
+  isHighlighted(widget: DashboardWidget): boolean {
+    return (this.highlightedMode && widget.highlighted) || (widget.selected);
+  }
+
+  isNotHighlighted(widget: DashboardWidget): boolean {
+    return this.highlightedMode && !widget.highlighted;
+  }
+
+  getSelectedWidget(): DashboardWidget {
+    return this.dashboardWidgets.find((dashboardWidget) => dashboardWidget.selected);
+  }
+
+  private findWidgetById(widgetId: string): DashboardWidget {
+    return this.dashboardWidgets.find((dashboardWidget) => dashboardWidget.widgetId === widgetId);
+  }
+
+  private updateRowsAndSort() {
+    let maxRows = this.dashboard.gridsterOpts.maxRows;
+    this.dashboardWidgets.forEach((dashboardWidget) => {
+      const bottom = dashboardWidget.y + dashboardWidget.rows;
+      maxRows = Math.max(maxRows, bottom);
+    });
+    this.sortWidgets();
+    this.dashboard.gridsterOpts.maxRows = maxRows;
+    this.dashboard.notifyGridsterOptionsChanged();
+  }
+
+  sortWidgets() {
+    this.dashboardWidgets.sort((widget1, widget2) => {
+      const row1 = widget1.widgetOrder;
+      const row2 = widget2.widgetOrder;
+      let res = row1 - row2;
+      if (res === 0) {
+        res = widget1.x - widget2.x;
+      }
+      return res;
+    });
+  }
+
+}
+
+export class DashboardWidget implements GridsterItem, IDashboardWidget {
+
+  highlighted = false;
+  selected = false;
+
+  isFullscreen = false;
+
+  color: string;
+  backgroundColor: string;
+  padding: string;
+  margin: string;
+
+  title: string;
+  showTitle: boolean;
+  titleStyle: {[klass: string]: any};
+
+  titleIcon: string;
+  showTitleIcon: boolean;
+  titleIconStyle: {[klass: string]: any};
+
+  dropShadow: boolean;
+  enableFullscreen: boolean;
+
+  hasTimewindow: boolean;
+
+  hasAggregation: boolean;
+
+  style: {[klass: string]: any};
+
+  hasWidgetTitleTemplate: boolean;
+  widgetTitleTemplate: string;
+
+  showWidgetTitlePanel: boolean;
+  showWidgetActions: boolean;
+
+  customHeaderActions: Array<WidgetHeaderAction>;
+  widgetActions: Array<WidgetAction>;
+
+  widgetContext = new WidgetContext(this.dashboard, this, this.widget);
+
+  widgetId: string;
+
+  private gridsterItemComponentSubject = new Subject<GridsterItemComponentInterface>();
+  private gridsterItemComponentValue: GridsterItemComponentInterface;
+
+  set gridsterItemComponent(item: GridsterItemComponentInterface) {
+    this.gridsterItemComponentValue = item;
+    this.gridsterItemComponentSubject.next(this.gridsterItemComponentValue);
+    this.gridsterItemComponentSubject.complete();
+  }
+
+  constructor(
+    private dashboard: IDashboardComponent,
+    public widget: Widget,
+    public widgetLayout?: WidgetLayout) {
+    if (!widget.id) {
+      widget.id = guid();
+    }
+    this.widgetId = widget.id;
+    this.updateWidgetParams();
+  }
+
+  gridsterItemComponent$(): Observable<GridsterItemComponentInterface> {
+    if (this.gridsterItemComponentValue) {
+      return of(this.gridsterItemComponentValue);
+    } else {
+      return this.gridsterItemComponentSubject.asObservable();
+    }
+  }
+
+  updateWidgetParams() {
+    this.color = this.widget.config.color || 'rgba(0, 0, 0, 0.87)';
+    this.backgroundColor = this.widget.config.backgroundColor || '#fff';
+    this.padding = this.widget.config.padding || '8px';
+    this.margin = this.widget.config.margin || '0px';
+
+    this.title = isDefined(this.widgetContext.widgetTitle)
+      && this.widgetContext.widgetTitle.length ? this.widgetContext.widgetTitle : this.widget.config.title;
+    this.showTitle = isDefined(this.widget.config.showTitle) ? this.widget.config.showTitle : true;
+    this.titleStyle = this.widget.config.titleStyle ? this.widget.config.titleStyle : {};
+
+    this.titleIcon = isDefined(this.widget.config.titleIcon) ? this.widget.config.titleIcon : '';
+    this.showTitleIcon = isDefined(this.widget.config.showTitleIcon) ? this.widget.config.showTitleIcon : false;
+    this.titleIconStyle = {};
+    if (this.widget.config.iconColor) {
+      this.titleIconStyle.color = this.widget.config.iconColor;
+    }
+    if (this.widget.config.iconSize) {
+      this.titleIconStyle.fontSize = this.widget.config.iconSize;
+    }
+
+    this.dropShadow = isDefined(this.widget.config.dropShadow) ? this.widget.config.dropShadow : true;
+    this.enableFullscreen = isDefined(this.widget.config.enableFullscreen) ? this.widget.config.enableFullscreen : true;
+
+    this.hasTimewindow = (this.widget.type === widgetType.timeseries || this.widget.type === widgetType.alarm) ?
+      (isDefined(this.widget.config.useDashboardTimewindow) ?
+        (!this.widget.config.useDashboardTimewindow && (isUndefined(this.widget.config.displayTimewindow)
+          || this.widget.config.displayTimewindow)) : false)
+      : false;
+
+    this.hasAggregation = this.widget.type === widgetType.timeseries;
+
+    this.style = {cursor: 'pointer',
+      color: this.color,
+      backgroundColor: this.backgroundColor,
+      padding: this.padding,
+      margin: this.margin};
+    if (this.widget.config.widgetStyle) {
+      this.style = {...this.widget.config.widgetStyle, ...this.style};
+    }
+
+    this.hasWidgetTitleTemplate = this.widgetContext.widgetTitleTemplate ? true : false;
+    this.widgetTitleTemplate = this.widgetContext.widgetTitleTemplate ? this.widgetContext.widgetTitleTemplate : '';
+
+    this.showWidgetTitlePanel = this.widgetContext.hideTitlePanel ? false :
+      this.hasWidgetTitleTemplate || this.showTitle || this.hasTimewindow;
+
+    this.showWidgetActions = this.widgetContext.hideTitlePanel ? false : true;
+
+    this.customHeaderActions = this.widgetContext.customHeaderActions ? this.widgetContext.customHeaderActions : [];
+    this.widgetActions = this.widgetContext.widgetActions ? this.widgetContext.widgetActions : [];
+  }
+
+  get x(): number {
+    let res;
+    if (this.widgetLayout) {
+      res = this.widgetLayout.col;
+    } else {
+      res = this.widget.col;
+    }
+    return Math.floor(res);
+  }
+
+  set x(x: number) {
+    if (!this.dashboard.isMobileSize) {
+      if (this.widgetLayout) {
+        this.widgetLayout.col = x;
+      } else {
+        this.widget.col = x;
+      }
+    }
+  }
+
+  get y(): number {
+    let res;
+    if (this.widgetLayout) {
+      res = this.widgetLayout.row;
+    } else {
+      res = this.widget.row;
+    }
+    return Math.floor(res);
+  }
+
+  set y(y: number) {
+    if (!this.dashboard.isMobileSize) {
+      if (this.widgetLayout) {
+        this.widgetLayout.row = y;
+      } else {
+        this.widget.row = y;
+      }
+    }
+  }
+
+  get cols(): number {
+    let res;
+    if (this.widgetLayout) {
+      res = this.widgetLayout.sizeX;
+    } else {
+      res = this.widget.sizeX;
+    }
+    return Math.floor(res);
+  }
+
+  set cols(cols: number) {
+    if (!this.dashboard.isMobileSize) {
+      if (this.widgetLayout) {
+        this.widgetLayout.sizeX = cols;
+      } else {
+        this.widget.sizeX = cols;
+      }
+    }
+  }
+
+  get rows(): number {
+    let res;
+    if (this.dashboard.isMobileSize && !this.dashboard.mobileAutofillHeight) {
+      let mobileHeight;
+      if (this.widgetLayout) {
+        mobileHeight = this.widgetLayout.mobileHeight;
+      }
+      if (!mobileHeight && this.widget.config.mobileHeight) {
+        mobileHeight = this.widget.config.mobileHeight;
+      }
+      if (mobileHeight) {
+        res = mobileHeight;
+      } else {
+        res = this.widget.sizeY * 24 / this.dashboard.gridsterOpts.minCols;
+      }
+    } else {
+      if (this.widgetLayout) {
+        res = this.widgetLayout.sizeY;
+      } else {
+        res = this.widget.sizeY;
+      }
+    }
+    return Math.floor(res);
+  }
+
+  set rows(rows: number) {
+    if (!this.dashboard.isMobileSize && !this.dashboard.autofillHeight) {
+      if (this.widgetLayout) {
+        this.widgetLayout.sizeY = rows;
+      } else {
+        this.widget.sizeY = rows;
+      }
+    }
+  }
+
+  get widgetOrder(): number {
+    let order;
+    if (this.widgetLayout && isDefined(this.widgetLayout.mobileOrder) && this.widgetLayout.mobileOrder >= 0) {
+      order = this.widgetLayout.mobileOrder;
+    } else if (isDefined(this.widget.config.mobileOrder) && this.widget.config.mobileOrder >= 0) {
+      order = this.widget.config.mobileOrder;
+    } else if (this.widgetLayout) {
+      order = this.widgetLayout.row;
+    } else {
+      order = this.widget.row;
+    }
+    return order;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/models/datasource/attribute-datasource.ts b/ui-ngx/src/app/modules/home/models/datasource/attribute-datasource.ts
new file mode 100644
index 0000000000..d377fe9373
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/models/datasource/attribute-datasource.ts
@@ -0,0 +1,150 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { CollectionViewer, DataSource } from '@angular/cdk/collections';
+import { BehaviorSubject, Observable, of, ReplaySubject } from 'rxjs';
+import { emptyPageData, PageData } from '@shared/models/page/page-data';
+import { SelectionModel } from '@angular/cdk/collections';
+import { PageLink } from '@shared/models/page/page-link';
+import { catchError, map, publishReplay, refCount, take, tap } from 'rxjs/operators';
+import { EntityId } from '@app/shared/models/id/entity-id';
+import { TranslateService } from '@ngx-translate/core';
+import {
+  AttributeData,
+  AttributeScope,
+  isClientSideTelemetryType,
+  TelemetryType,
+  TelemetrySubscriber
+} from '@shared/models/telemetry/telemetry.models';
+import { AttributeService } from '@core/http/attribute.service';
+import { TelemetryWebsocketService } from '@core/ws/telemetry-websocket.service';
+import { NgZone } from '@angular/core';
+
+export class AttributeDatasource implements DataSource<AttributeData> {
+
+  private attributesSubject = new BehaviorSubject<AttributeData[]>([]);
+  private pageDataSubject = new BehaviorSubject<PageData<AttributeData>>(emptyPageData<AttributeData>());
+
+  public pageData$ = this.pageDataSubject.asObservable();
+
+  public selection = new SelectionModel<AttributeData>(true, []);
+
+  private allAttributes: Observable<Array<AttributeData>>;
+  private telemetrySubscriber: TelemetrySubscriber;
+
+  constructor(private attributeService: AttributeService,
+              private telemetryWsService: TelemetryWebsocketService,
+              private zone: NgZone,
+              private translate: TranslateService) {}
+
+  connect(collectionViewer: CollectionViewer): Observable<AttributeData[] | ReadonlyArray<AttributeData>> {
+    return this.attributesSubject.asObservable();
+  }
+
+  disconnect(collectionViewer: CollectionViewer): void {
+    this.attributesSubject.complete();
+    this.pageDataSubject.complete();
+    if (this.telemetrySubscriber) {
+      this.telemetrySubscriber.unsubscribe();
+      this.telemetrySubscriber = null;
+    }
+  }
+
+  loadAttributes(entityId: EntityId, attributesScope: TelemetryType,
+                 pageLink: PageLink, reload: boolean = false): Observable<PageData<AttributeData>> {
+    if (reload) {
+      this.allAttributes = null;
+      if (this.telemetrySubscriber) {
+        this.telemetrySubscriber.unsubscribe();
+        this.telemetrySubscriber = null;
+      }
+    }
+    this.selection.clear();
+    const result = new ReplaySubject<PageData<AttributeData>>();
+    this.fetchAttributes(entityId, attributesScope, pageLink).pipe(
+      catchError(() => of(emptyPageData<AttributeData>())),
+    ).subscribe(
+      (pageData) => {
+        this.attributesSubject.next(pageData.data);
+        this.pageDataSubject.next(pageData);
+        result.next(pageData);
+      }
+    );
+    return result;
+  }
+
+  fetchAttributes(entityId: EntityId, attributesScope: TelemetryType,
+                  pageLink: PageLink): Observable<PageData<AttributeData>> {
+    return this.getAllAttributes(entityId, attributesScope).pipe(
+      map((data) => pageLink.filterData(data))
+    );
+  }
+
+  getAllAttributes(entityId: EntityId, attributesScope: TelemetryType): Observable<Array<AttributeData>> {
+    if (!this.allAttributes) {
+      let attributesObservable: Observable<Array<AttributeData>>;
+      if (isClientSideTelemetryType.get(attributesScope)) {
+        this.telemetrySubscriber = TelemetrySubscriber.createEntityAttributesSubscription(
+          this.telemetryWsService, entityId, attributesScope, this.zone);
+        this.telemetrySubscriber.subscribe();
+        attributesObservable = this.telemetrySubscriber.attributeData$();
+      } else {
+        attributesObservable = this.attributeService.getEntityAttributes(entityId, attributesScope as AttributeScope);
+      }
+      this.allAttributes = attributesObservable.pipe(
+        publishReplay(1),
+        refCount()
+      );
+    }
+    return this.allAttributes;
+  }
+
+  isAllSelected(): Observable<boolean> {
+    const numSelected = this.selection.selected.length;
+    return this.attributesSubject.pipe(
+      map((attributes) => numSelected === attributes.length)
+    );
+  }
+
+  isEmpty(): Observable<boolean> {
+    return this.attributesSubject.pipe(
+      map((attributes) => !attributes.length)
+    );
+  }
+
+  total(): Observable<number> {
+    return this.pageDataSubject.pipe(
+      map((pageData) => pageData.totalElements)
+    );
+  }
+
+  masterToggle() {
+    this.attributesSubject.pipe(
+      tap((attributes) => {
+        const numSelected = this.selection.selected.length;
+        if (numSelected === attributes.length) {
+          this.selection.clear();
+        } else {
+          attributes.forEach(row => {
+            this.selection.select(row);
+          });
+        }
+      }),
+      take(1)
+    ).subscribe();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/models/datasource/entity-datasource.ts b/ui-ngx/src/app/modules/home/models/datasource/entity-datasource.ts
new file mode 100644
index 0000000000..af51523e9a
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/models/datasource/entity-datasource.ts
@@ -0,0 +1,133 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { PageLink } from '@shared/models/page/page-link';
+import { BehaviorSubject, Observable, of, ReplaySubject } from 'rxjs';
+import { emptyPageData, PageData } from '@shared/models/page/page-data';
+import { BaseData, HasId } from '@shared/models/base-data';
+import { CollectionViewer, DataSource, SelectionModel } from '@angular/cdk/collections';
+import { catchError, map, share, take, tap } from 'rxjs/operators';
+import { EntityBooleanFunction } from '@home/models/entity/entities-table-config.models';
+
+export type EntitiesFetchFunction<T extends BaseData<HasId>, P extends PageLink> = (pageLink: P) => Observable<PageData<T>>;
+
+export class EntitiesDataSource<T extends BaseData<HasId>, P extends PageLink = PageLink> implements DataSource<T> {
+
+  private entitiesSubject = new BehaviorSubject<T[]>([]);
+  private pageDataSubject = new BehaviorSubject<PageData<T>>(emptyPageData<T>());
+
+  public pageData$ = this.pageDataSubject.asObservable();
+
+  public selection = new SelectionModel<T>(true, []);
+
+  public currentEntity: T = null;
+
+  constructor(private fetchFunction: EntitiesFetchFunction<T, P>,
+              private selectionEnabledFunction: EntityBooleanFunction<T>,
+              private dataLoadedFunction: () => void) {}
+
+  connect(collectionViewer: CollectionViewer): Observable<T[] | ReadonlyArray<T>> {
+    return this.entitiesSubject.asObservable();
+  }
+
+  disconnect(collectionViewer: CollectionViewer): void {
+    this.entitiesSubject.complete();
+    this.pageDataSubject.complete();
+  }
+
+  reset() {
+    const pageData = emptyPageData<T>();
+    this.entitiesSubject.next(pageData.data);
+    this.pageDataSubject.next(pageData);
+    this.dataLoadedFunction();
+  }
+
+  loadEntities(pageLink: P): Observable<PageData<T>> {
+    const result = new ReplaySubject<PageData<T>>();
+    this.fetchFunction(pageLink).pipe(
+      tap(() => {
+        this.selection.clear();
+      }),
+      catchError(() => of(emptyPageData<T>())),
+    ).subscribe(
+      (pageData) => {
+        this.entitiesSubject.next(pageData.data);
+        this.pageDataSubject.next(pageData);
+        result.next(pageData);
+        this.dataLoadedFunction();
+      }
+    );
+    return result;
+  }
+
+  isAllSelected(): Observable<boolean> {
+    const numSelected = this.selection.selected.length;
+    return this.entitiesSubject.pipe(
+      map((entities) => numSelected === this.selectableEntitiesCount(entities)),
+      share()
+    );
+  }
+
+  isEmpty(): Observable<boolean> {
+    return this.entitiesSubject.pipe(
+      map((entities) => !entities.length),
+      share()
+    );
+  }
+
+  total(): Observable<number> {
+    return this.pageDataSubject.pipe(
+      map((pageData) => pageData.totalElements),
+      share()
+    );
+  }
+
+  toggleCurrentEntity(entity: T): boolean {
+    if (this.currentEntity !== entity) {
+      this.currentEntity = entity;
+      return true;
+    } else {
+      return false;
+    }
+  }
+
+  isCurrentEntity(entity: T): boolean {
+    return (this.currentEntity && entity && this.currentEntity.id && entity.id) &&
+      (this.currentEntity.id.id === entity.id.id);
+  }
+
+  masterToggle() {
+    this.entitiesSubject.pipe(
+      tap((entities) => {
+        const numSelected = this.selection.selected.length;
+        if (numSelected === this.selectableEntitiesCount(entities)) {
+          this.selection.clear();
+        } else {
+          entities.forEach(row => {
+            if (this.selectionEnabledFunction(row)) {
+              this.selection.select(row);
+            }
+          });
+        }
+      }),
+      take(1)
+    ).subscribe();
+  }
+
+  private selectableEntitiesCount(entities: Array<T>): number {
+    return entities.filter((entity) => this.selectionEnabledFunction(entity)).length;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/models/datasource/relation-datasource.ts b/ui-ngx/src/app/modules/home/models/datasource/relation-datasource.ts
new file mode 100644
index 0000000000..ebf029cae2
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/models/datasource/relation-datasource.ts
@@ -0,0 +1,142 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { CollectionViewer, DataSource, SelectionModel } from '@angular/cdk/collections';
+import { EntityRelationInfo, EntitySearchDirection } from '@shared/models/relation.models';
+import { BehaviorSubject, Observable, of, ReplaySubject } from 'rxjs';
+import { emptyPageData, PageData } from '@shared/models/page/page-data';
+import { EntityRelationService } from '@core/http/entity-relation.service';
+import { PageLink } from '@shared/models/page/page-link';
+import { catchError, map, publishReplay, refCount, take, tap } from 'rxjs/operators';
+import { EntityId } from '@app/shared/models/id/entity-id';
+import { TranslateService } from '@ngx-translate/core';
+import { entityTypeTranslations } from '@shared/models/entity-type.models';
+
+export class RelationsDatasource implements DataSource<EntityRelationInfo> {
+
+  private relationsSubject = new BehaviorSubject<EntityRelationInfo[]>([]);
+  private pageDataSubject = new BehaviorSubject<PageData<EntityRelationInfo>>(emptyPageData<EntityRelationInfo>());
+
+  public pageData$ = this.pageDataSubject.asObservable();
+
+  public selection = new SelectionModel<EntityRelationInfo>(true, []);
+
+  private allRelations: Observable<Array<EntityRelationInfo>>;
+
+  constructor(private entityRelationService: EntityRelationService,
+              private translate: TranslateService) {}
+
+  connect(collectionViewer: CollectionViewer): Observable<EntityRelationInfo[] | ReadonlyArray<EntityRelationInfo>> {
+    return this.relationsSubject.asObservable();
+  }
+
+  disconnect(collectionViewer: CollectionViewer): void {
+    this.relationsSubject.complete();
+    this.pageDataSubject.complete();
+  }
+
+  loadRelations(direction: EntitySearchDirection, entityId: EntityId,
+                pageLink: PageLink, reload: boolean = false): Observable<PageData<EntityRelationInfo>> {
+    if (reload) {
+      this.allRelations = null;
+    }
+    const result = new ReplaySubject<PageData<EntityRelationInfo>>();
+    this.fetchRelations(direction, entityId, pageLink).pipe(
+      tap(() => {
+        this.selection.clear();
+      }),
+      catchError(() => of(emptyPageData<EntityRelationInfo>())),
+    ).subscribe(
+      (pageData) => {
+        this.relationsSubject.next(pageData.data);
+        this.pageDataSubject.next(pageData);
+        result.next(pageData);
+      }
+    );
+    return result;
+  }
+
+  fetchRelations(direction: EntitySearchDirection, entityId: EntityId,
+                 pageLink: PageLink): Observable<PageData<EntityRelationInfo>> {
+    return this.getAllRelations(direction, entityId).pipe(
+      map((data) => pageLink.filterData(data))
+    );
+  }
+
+  getAllRelations(direction: EntitySearchDirection, entityId: EntityId): Observable<Array<EntityRelationInfo>> {
+    if (!this.allRelations) {
+      let relationsObservable: Observable<Array<EntityRelationInfo>>;
+      switch (direction) {
+        case EntitySearchDirection.FROM:
+          relationsObservable = this.entityRelationService.findInfoByFrom(entityId);
+          break;
+        case EntitySearchDirection.TO:
+          relationsObservable = this.entityRelationService.findInfoByTo(entityId);
+          break;
+      }
+      this.allRelations = relationsObservable.pipe(
+        map(relations => {
+          relations.forEach(relation => {
+            if (direction === EntitySearchDirection.FROM) {
+              relation.toEntityTypeName = this.translate.instant(entityTypeTranslations.get(relation.to.entityType).type);
+            } else {
+              relation.fromEntityTypeName = this.translate.instant(entityTypeTranslations.get(relation.from.entityType).type);
+            }
+          });
+          return relations;
+        }),
+        publishReplay(1),
+        refCount()
+      );
+    }
+    return this.allRelations;
+  }
+
+  isAllSelected(): Observable<boolean> {
+    const numSelected = this.selection.selected.length;
+    return this.relationsSubject.pipe(
+      map((relations) => numSelected === relations.length)
+    );
+  }
+
+  isEmpty(): Observable<boolean> {
+    return this.relationsSubject.pipe(
+      map((relations) => !relations.length)
+    );
+  }
+
+  total(): Observable<number> {
+    return this.pageDataSubject.pipe(
+      map((pageData) => pageData.totalElements)
+    );
+  }
+
+  masterToggle() {
+    this.relationsSubject.pipe(
+      tap((relations) => {
+        const numSelected = this.selection.selected.length;
+        if (numSelected === relations.length) {
+          this.selection.clear();
+        } else {
+          relations.forEach(row => {
+            this.selection.select(row);
+          });
+        }
+      }),
+      take(1)
+    ).subscribe();
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/models/entity/entities-table-config.models.ts b/ui-ngx/src/app/modules/home/models/entity/entities-table-config.models.ts
new file mode 100644
index 0000000000..f621dbf86d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/models/entity/entities-table-config.models.ts
@@ -0,0 +1,170 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {BaseData, HasId} from '@shared/models/base-data';
+import {EntitiesFetchFunction} from '@home/models/datasource/entity-datasource';
+import {Observable, of} from 'rxjs';
+import {emptyPageData} from '@shared/models/page/page-data';
+import {DatePipe} from '@angular/common';
+import {Direction, SortOrder} from '@shared/models/page/sort-order';
+import {EntityType, EntityTypeResource, EntityTypeTranslation} from '@shared/models/entity-type.models';
+import {EntityComponent} from '@home/components/entity/entity.component';
+import {Type} from '@angular/core';
+import {EntityAction} from './entity-component.models';
+import {HasUUID} from '@shared/models/id/has-uuid';
+import {PageLink} from '@shared/models/page/page-link';
+import {EntitiesTableComponent} from '@home/components/entity/entities-table.component';
+import {EntityTableHeaderComponent} from '@home/components/entity/entity-table-header.component';
+import {ActivatedRoute} from '@angular/router';
+import { EntityTabsComponent } from '../../components/entity/entity-tabs.component';
+
+export type EntityBooleanFunction<T extends BaseData<HasId>> = (entity: T) => boolean;
+export type EntityStringFunction<T extends BaseData<HasId>> = (entity: T) => string;
+export type EntityCountStringFunction = (count: number) => string;
+export type EntityTwoWayOperation<T extends BaseData<HasId>> = (entity: T) => Observable<T>;
+export type EntityByIdOperation<T extends BaseData<HasId>> = (id: HasUUID) => Observable<T>;
+export type EntityIdOneWayOperation = (id: HasUUID) => Observable<any>;
+export type EntityActionFunction<T extends BaseData<HasId>> = (action: EntityAction<T>) => boolean;
+export type CreateEntityOperation<T extends BaseData<HasId>> = () => Observable<T>;
+
+export type CellContentFunction<T extends BaseData<HasId>> = (entity: T, key: string) => string;
+export type CellTooltipFunction<T extends BaseData<HasId>> = (entity: T, key: string) => string | undefined;
+export type HeaderCellStyleFunction<T extends BaseData<HasId>> = (key: string) => object;
+export type CellStyleFunction<T extends BaseData<HasId>> = (entity: T, key: string) => object;
+
+export interface CellActionDescriptor<T extends BaseData<HasId>> {
+  name: string;
+  nameFunction?: (entity: T) => string;
+  icon?: string;
+  mdiIcon?: string;
+  style?: any;
+  isEnabled: (entity: T) => boolean;
+  onAction: ($event: MouseEvent, entity: T) => void;
+}
+
+export interface GroupActionDescriptor<T extends BaseData<HasId>> {
+  name: string;
+  icon: string;
+  isEnabled: boolean;
+  onAction: ($event: MouseEvent, entities: T[]) => void;
+}
+
+export interface HeaderActionDescriptor {
+  name: string;
+  icon: string;
+  isEnabled: () => boolean;
+  onAction: ($event: MouseEvent) => void;
+}
+
+export type EntityTableColumnType = 'content' | 'action';
+
+export class BaseEntityTableColumn<T extends BaseData<HasId>> {
+  constructor(public type: EntityTableColumnType,
+              public key: string,
+              public title: string,
+              public width: string = '0px',
+              public sortable: boolean = true) {
+  }
+}
+
+export class EntityTableColumn<T extends BaseData<HasId>> extends BaseEntityTableColumn<T> {
+  constructor(public key: string,
+              public title: string,
+              public width: string = '0px',
+              public cellContentFunction: CellContentFunction<T> = (entity, property) => entity[property] ? entity[property] : '',
+              public cellStyleFunction: CellStyleFunction<T> = () => ({}),
+              public sortable: boolean = true,
+              public headerCellStyleFunction: HeaderCellStyleFunction<T> = () => ({}),
+              public cellTooltipFunction: CellTooltipFunction<T> = () => undefined,
+              public isNumberColumn: boolean = false) {
+    super('content', key, title, width, sortable);
+  }
+}
+
+export class EntityActionTableColumn<T extends BaseData<HasId>> extends BaseEntityTableColumn<T> {
+  constructor(public key: string,
+              public title: string,
+              public actionDescriptor: CellActionDescriptor<T>,
+              public width: string = '0px') {
+    super('action', key, title, width, false);
+  }
+}
+
+export class DateEntityTableColumn<T extends BaseData<HasId>> extends EntityTableColumn<T> {
+  constructor(key: string,
+              title: string,
+              datePipe: DatePipe,
+              width: string = '0px',
+              dateFormat: string = 'yyyy-MM-dd HH:mm:ss',
+              cellStyleFunction: CellStyleFunction<T> = () => ({})) {
+    super(key,
+          title,
+          width,
+          (entity, property) => datePipe.transform(entity[property], dateFormat),
+          cellStyleFunction);
+  }
+}
+
+export type EntityColumn<T extends BaseData<HasId>> = EntityTableColumn<T> | EntityActionTableColumn<T>;
+
+export class EntityTableConfig<T extends BaseData<HasId>, P extends PageLink = PageLink> {
+
+  constructor() {}
+
+  componentsData: any = null;
+
+  loadDataOnInit = true;
+  onLoadAction: (route: ActivatedRoute) => void = null;
+  table: EntitiesTableComponent = null;
+  useTimePageLink = false;
+  entityType: EntityType = null;
+  tableTitle = '';
+  selectionEnabled = true;
+  searchEnabled = true;
+  addEnabled = true;
+  entitiesDeleteEnabled = true;
+  detailsPanelEnabled = true;
+  actionsColumnTitle = null;
+  entityTranslations: EntityTypeTranslation;
+  entityResources: EntityTypeResource;
+  entityComponent: Type<EntityComponent<T>>;
+  entityTabsComponent: Type<EntityTabsComponent<T>>;
+  addDialogStyle = {};
+  defaultSortOrder: SortOrder = {property: 'createdTime', direction: Direction.ASC};
+  columns: Array<EntityColumn<T>> = [];
+  cellActionDescriptors: Array<CellActionDescriptor<T>> = [];
+  groupActionDescriptors: Array<GroupActionDescriptor<T>> = [];
+  headerActionDescriptors: Array<HeaderActionDescriptor> = [];
+  addActionDescriptors: Array<HeaderActionDescriptor> = [];
+  headerComponent: Type<EntityTableHeaderComponent<T>>;
+  addEntity: CreateEntityOperation<T> = null;
+  detailsReadonly: EntityBooleanFunction<T> = () => false;
+  entitySelectionEnabled: EntityBooleanFunction<T> = () => true;
+  deleteEnabled: EntityBooleanFunction<T> = () => true;
+  deleteEntityTitle: EntityStringFunction<T> = () => '';
+  deleteEntityContent: EntityStringFunction<T> = () => '';
+  deleteEntitiesTitle: EntityCountStringFunction = () => '';
+  deleteEntitiesContent: EntityCountStringFunction = () => '';
+  loadEntity: EntityByIdOperation<T> = () => of();
+  saveEntity: EntityTwoWayOperation<T> = (entity) => of(entity);
+  deleteEntity: EntityIdOneWayOperation = () => of();
+  entitiesFetchFunction: EntitiesFetchFunction<T, P> = () => of(emptyPageData<T>());
+  onEntityAction: EntityActionFunction<T> = () => false;
+}
+
+export function checkBoxCell(value: boolean): string {
+  return `<mat-icon class="material-icons mat-icon">${value ? 'check_box' : 'check_box_outline_blank'}</mat-icon>`;
+}
diff --git a/ui-ngx/src/app/modules/home/models/entity/entity-component.models.ts b/ui-ngx/src/app/modules/home/models/entity/entity-component.models.ts
new file mode 100644
index 0000000000..dde03b6227
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/models/entity/entity-component.models.ts
@@ -0,0 +1,28 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {BaseData, HasId} from '@shared/models/base-data';
+import {EntityTableConfig} from './entities-table-config.models';
+
+export interface AddEntityDialogData<T extends BaseData<HasId>> {
+  entitiesTableConfig: EntityTableConfig<T>;
+}
+
+export interface EntityAction<T extends BaseData<HasId>> {
+  event: Event;
+  action: string;
+  entity: T;
+}
diff --git a/ui-ngx/src/app/modules/home/models/searchable-component.models.ts b/ui-ngx/src/app/modules/home/models/searchable-component.models.ts
new file mode 100644
index 0000000000..3542aa4cb4
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/models/searchable-component.models.ts
@@ -0,0 +1,23 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export interface ISearchableComponent {
+  onSearchTextUpdated(searchText: string);
+}
+
+export function instanceOfSearchableComponent(object: any): object is ISearchableComponent {
+  return 'onSearchTextUpdated' in object;
+}
diff --git a/ui-ngx/src/app/modules/home/models/widget-component.models.ts b/ui-ngx/src/app/modules/home/models/widget-component.models.ts
new file mode 100644
index 0000000000..48cf7e86a4
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/models/widget-component.models.ts
@@ -0,0 +1,348 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { ExceptionData } from '@shared/models/error.models';
+import { IDashboardComponent } from '@home/models/dashboard-component.models';
+import {
+  DataSet,
+  Datasource, DatasourceData,
+  WidgetActionDescriptor,
+  WidgetActionSource,
+  WidgetConfig,
+  WidgetControllerDescriptor,
+  WidgetType,
+  widgetType,
+  WidgetTypeDescriptor,
+  WidgetTypeParameters,
+  Widget
+} from '@shared/models/widget.models';
+import { Timewindow, WidgetTimewindow } from '@shared/models/time/time.models';
+import {
+  IAliasController,
+  IStateController,
+  IWidgetSubscription,
+  IWidgetUtils,
+  RpcApi, SubscriptionEntityInfo, SubscriptionInfo,
+  TimewindowFunctions,
+  WidgetActionsApi,
+  WidgetSubscriptionApi, WidgetSubscriptionContext, WidgetSubscriptionOptions
+} from '@core/api/widget-api.models';
+import { ChangeDetectorRef, ComponentFactory, Injector, NgZone, Type } from '@angular/core';
+import { HttpErrorResponse } from '@angular/common/http';
+import { RafService } from '@core/services/raf.service';
+import { WidgetTypeId } from '@shared/models/id/widget-type-id';
+import { TenantId } from '@shared/models/id/tenant-id';
+import { WidgetLayout } from '@shared/models/dashboard.models';
+import { DeviceService } from '@core/http/device.service';
+import { AssetService } from '@app/core/http/asset.service';
+import { DialogService } from '@core/services/dialog.service';
+import { CustomDialogService } from '@home/components/widget/dialog/custom-dialog.service';
+import { isDefined, formatValue } from '@core/utils';
+import { Observable, of, ReplaySubject } from 'rxjs';
+import { WidgetSubscription } from '@core/api/widget-subscription';
+
+export interface IWidgetAction {
+  name: string;
+  icon: string;
+  onAction: ($event: Event) => void;
+}
+
+export interface WidgetHeaderAction extends IWidgetAction {
+  displayName: string;
+  descriptor: WidgetActionDescriptor;
+}
+
+export interface WidgetAction extends IWidgetAction {
+  show: boolean;
+}
+
+export interface IDashboardWidget {
+  updateWidgetParams();
+}
+
+export class WidgetContext {
+
+  constructor(public dashboard: IDashboardComponent,
+              private dashboardWidget: IDashboardWidget,
+              private widget: Widget) {}
+
+  get stateController(): IStateController {
+    return this.dashboard.stateController;
+  }
+
+  get aliasController(): IAliasController {
+    return this.dashboard.aliasController;
+  }
+
+  get dashboardTimewindow(): Timewindow {
+    return this.dashboard.dashboardTimewindow;
+  }
+
+  get widgetConfig(): WidgetConfig {
+    return this.widget.config;
+  }
+
+  get settings(): any {
+    return this.widget.config.settings;
+  }
+
+  get units(): string {
+    return this.widget.config.units || '';
+  }
+
+  get decimals(): number {
+    return isDefined(this.widget.config.decimals) ? this.widget.config.decimals : 2;
+  }
+
+  set changeDetector(cd: ChangeDetectorRef) {
+    this.changeDetectorValue = cd;
+  }
+
+  private changeDetectorValue: ChangeDetectorRef;
+
+  inited = false;
+  destroyed = false;
+
+  subscriptions: {[id: string]: IWidgetSubscription} = {};
+  defaultSubscription: IWidgetSubscription = null;
+
+  timewindowFunctions: TimewindowFunctions = {
+    onUpdateTimewindow: (startTimeMs, endTimeMs, interval) => {
+      if (this.defaultSubscription) {
+        this.defaultSubscription.onUpdateTimewindow(startTimeMs, endTimeMs, interval);
+      }
+    },
+    onResetTimewindow: () => {
+      if (this.defaultSubscription) {
+        this.defaultSubscription.onResetTimewindow();
+      }
+    }
+  };
+
+  controlApi: RpcApi = {
+    sendOneWayCommand: (method, params, timeout) => {
+      if (this.defaultSubscription) {
+        return this.defaultSubscription.sendOneWayCommand(method, params, timeout);
+      } else {
+        return of(null);
+      }
+    },
+    sendTwoWayCommand: (method, params, timeout) => {
+      if (this.defaultSubscription) {
+        return this.defaultSubscription.sendTwoWayCommand(method, params, timeout);
+      } else {
+        return of(null);
+      }
+    }
+  };
+
+  utils: IWidgetUtils = {
+    formatValue
+  };
+
+  $container: JQuery<any>;
+  $containerParent: JQuery<any>;
+  width: number;
+  height: number;
+  $scope: IDynamicWidgetComponent;
+  isEdit: boolean;
+  isMobile: boolean;
+
+  widgetNamespace?: string;
+  subscriptionApi?: WidgetSubscriptionApi;
+
+  actionsApi?: WidgetActionsApi;
+  activeEntityInfo?: SubscriptionEntityInfo;
+
+  datasources?: Array<Datasource>;
+  data?: Array<DatasourceData>;
+  hiddenData?: Array<{data: DataSet}>;
+  timeWindow?: WidgetTimewindow;
+
+  hideTitlePanel = false;
+
+  widgetTitleTemplate?: string;
+  widgetTitle?: string;
+  customHeaderActions?: Array<WidgetHeaderAction>;
+  widgetActions?: Array<WidgetAction>;
+
+  servicesMap?: Map<string, Type<any>>;
+
+  $injector?: Injector;
+
+  ngZone?: NgZone;
+
+  detectChanges(updateWidgetParams: boolean = false) {
+    if (!this.destroyed) {
+      if (updateWidgetParams) {
+        this.dashboardWidget.updateWidgetParams();
+      }
+      try {
+        this.changeDetectorValue.detectChanges();
+      } catch (e) {
+        // console.log(e);
+      }
+    }
+  }
+
+  updateWidgetParams() {
+    if (!this.destroyed) {
+      setTimeout(() => {
+        this.dashboardWidget.updateWidgetParams();
+      }, 0);
+    }
+  }
+
+  reset() {
+    this.destroyed = false;
+    this.hideTitlePanel = false;
+    this.widgetTitleTemplate = undefined;
+    this.widgetTitle = undefined;
+    this.customHeaderActions = undefined;
+    this.widgetActions = undefined;
+  }
+}
+
+export interface IDynamicWidgetComponent {
+  readonly ctx: WidgetContext;
+  readonly errorMessages: string[];
+  readonly $injector: Injector;
+  executingRpcRequest: boolean;
+  rpcEnabled: boolean;
+  rpcErrorText: string;
+  rpcRejection: HttpErrorResponse;
+  raf: RafService;
+  [key: string]: any;
+}
+
+export interface WidgetInfo extends WidgetTypeDescriptor, WidgetControllerDescriptor {
+  widgetName: string;
+  alias: string;
+  typeSettingsSchema?: string | any;
+  typeDataKeySettingsSchema?: string | any;
+  componentFactory?: ComponentFactory<IDynamicWidgetComponent>;
+}
+
+export interface WidgetConfigComponentData {
+  config: WidgetConfig;
+  layout: WidgetLayout;
+  widgetType: widgetType;
+  typeParameters: WidgetTypeParameters;
+  actionSources: {[actionSourceId: string]: WidgetActionSource};
+  isDataEnabled: boolean;
+  settingsSchema: any;
+  dataKeySettingsSchema: any;
+}
+
+export const MissingWidgetType: WidgetInfo = {
+  type: widgetType.latest,
+  widgetName: 'Widget type not found',
+  alias: 'undefined',
+  sizeX: 8,
+  sizeY: 6,
+  resources: [],
+  templateHtml: '<div class="tb-widget-error-container">' +
+    '<div class="tb-widget-error-msg" innerHTML="{{\'widget.widget-type-not-found\' | translate }}"></div>' +
+    '</div>',
+  templateCss: '',
+  controllerScript: 'self.onInit = function() {}',
+  settingsSchema: '{}\n',
+  dataKeySettingsSchema: '{}\n',
+  defaultConfig: '{\n' +
+    '"title": "Widget type not found",\n' +
+    '"datasources": [],\n' +
+    '"settings": {}\n' +
+    '}\n',
+  typeParameters: {}
+};
+
+export const ErrorWidgetType: WidgetInfo = {
+  type: widgetType.latest,
+  widgetName: 'Error loading widget',
+  alias: 'error',
+  sizeX: 8,
+  sizeY: 6,
+  resources: [],
+  templateHtml: '<div class="tb-widget-error-container">' +
+                   '<div translate class="tb-widget-error-msg">widget.widget-type-load-error</div>' +
+                   '<div *ngFor="let error of errorMessages" class="tb-widget-error-msg">{{ error }}</div>' +
+                '</div>',
+  templateCss: '',
+  controllerScript: 'self.onInit = function() {}',
+  settingsSchema: '{}\n',
+  dataKeySettingsSchema: '{}\n',
+  defaultConfig: '{\n' +
+    '"title": "Widget failed to load",\n' +
+    '"datasources": [],\n' +
+    '"settings": {}\n' +
+    '}\n',
+  typeParameters: {}
+};
+
+export interface WidgetTypeInstance {
+  getSettingsSchema?: () => string;
+  getDataKeySettingsSchema?: () => string;
+  typeParameters?: () => WidgetTypeParameters;
+  useCustomDatasources?: () => boolean;
+  actionSources?: () => {[actionSourceId: string]: WidgetActionSource};
+
+  onInit?: () => void;
+  onDataUpdated?: () => void;
+  onResize?: () => void;
+  onEditModeChanged?: () => void;
+  onMobileModeChanged?: () => void;
+  onDestroy?: () => void;
+}
+
+export function toWidgetInfo(widgetTypeEntity: WidgetType): WidgetInfo {
+  return {
+    widgetName: widgetTypeEntity.name,
+    alias: widgetTypeEntity.alias,
+    type: widgetTypeEntity.descriptor.type,
+    sizeX: widgetTypeEntity.descriptor.sizeX,
+    sizeY: widgetTypeEntity.descriptor.sizeY,
+    resources: widgetTypeEntity.descriptor.resources,
+    templateHtml: widgetTypeEntity.descriptor.templateHtml,
+    templateCss: widgetTypeEntity.descriptor.templateCss,
+    controllerScript: widgetTypeEntity.descriptor.controllerScript,
+    settingsSchema: widgetTypeEntity.descriptor.settingsSchema,
+    dataKeySettingsSchema: widgetTypeEntity.descriptor.dataKeySettingsSchema,
+    defaultConfig: widgetTypeEntity.descriptor.defaultConfig
+  };
+}
+
+export function toWidgetType(widgetInfo: WidgetInfo, id: WidgetTypeId, tenantId: TenantId, bundleAlias: string): WidgetType {
+  const descriptor: WidgetTypeDescriptor = {
+    type: widgetInfo.type,
+    sizeX: widgetInfo.sizeX,
+    sizeY: widgetInfo.sizeY,
+    resources: widgetInfo.resources,
+    templateHtml: widgetInfo.templateHtml,
+    templateCss: widgetInfo.templateCss,
+    controllerScript: widgetInfo.controllerScript,
+    settingsSchema: widgetInfo.settingsSchema,
+    dataKeySettingsSchema: widgetInfo.dataKeySettingsSchema,
+    defaultConfig: widgetInfo.defaultConfig
+  };
+  return {
+    id,
+    tenantId,
+    bundleAlias,
+    alias: widgetInfo.alias,
+    name: widgetInfo.widgetName,
+    descriptor
+  };
+}
diff --git a/ui-ngx/src/app/modules/home/pages/admin/admin-routing.module.ts b/ui-ngx/src/app/modules/home/pages/admin/admin-routing.module.ts
new file mode 100644
index 0000000000..7c44cb4d0e
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/admin/admin-routing.module.ts
@@ -0,0 +1,89 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { MailServerComponent } from '@modules/home/pages/admin/mail-server.component';
+import { ConfirmOnExitGuard } from '@core/guards/confirm-on-exit.guard';
+import { Authority } from '@shared/models/authority.enum';
+import {GeneralSettingsComponent} from '@modules/home/pages/admin/general-settings.component';
+import {SecuritySettingsComponent} from '@modules/home/pages/admin/security-settings.component';
+
+const routes: Routes = [
+  {
+    path: 'settings',
+    data: {
+      auth: [Authority.SYS_ADMIN],
+      breadcrumb: {
+        label: 'admin.system-settings',
+        icon: 'settings'
+      }
+    },
+    children: [
+      {
+        path: '',
+        redirectTo: 'general',
+        pathMatch: 'full'
+      },
+      {
+        path: 'general',
+        component: GeneralSettingsComponent,
+        canDeactivate: [ConfirmOnExitGuard],
+        data: {
+          auth: [Authority.SYS_ADMIN],
+          title: 'admin.general-settings',
+          breadcrumb: {
+            label: 'admin.general',
+            icon: 'settings_applications'
+          }
+        }
+      },
+      {
+        path: 'outgoing-mail',
+        component: MailServerComponent,
+        canDeactivate: [ConfirmOnExitGuard],
+        data: {
+          auth: [Authority.SYS_ADMIN],
+          title: 'admin.outgoing-mail-settings',
+          breadcrumb: {
+            label: 'admin.outgoing-mail',
+            icon: 'mail'
+          }
+        }
+      },
+      {
+        path: 'security-settings',
+        component: SecuritySettingsComponent,
+        canDeactivate: [ConfirmOnExitGuard],
+        data: {
+          auth: [Authority.SYS_ADMIN],
+          title: 'admin.security-settings',
+          breadcrumb: {
+            label: 'admin.security-settings',
+            icon: 'security'
+          }
+        }
+      }
+    ]
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class AdminRoutingModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/admin/admin.module.ts b/ui-ngx/src/app/modules/home/pages/admin/admin.module.ts
new file mode 100644
index 0000000000..639be9e76f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/admin/admin.module.ts
@@ -0,0 +1,41 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { AdminRoutingModule } from './admin-routing.module';
+import { SharedModule } from '@app/shared/shared.module';
+import { MailServerComponent } from '@modules/home/pages/admin/mail-server.component';
+import {GeneralSettingsComponent} from '@modules/home/pages/admin/general-settings.component';
+import {SecuritySettingsComponent} from '@modules/home/pages/admin/security-settings.component';
+import {HomeComponentsModule} from '@modules/home/components/home-components.module';
+
+@NgModule({
+  declarations:
+    [
+      GeneralSettingsComponent,
+      MailServerComponent,
+      SecuritySettingsComponent
+    ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    HomeComponentsModule,
+    AdminRoutingModule
+  ]
+})
+export class AdminModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/admin/general-settings.component.html b/ui-ngx/src/app/modules/home/pages/admin/general-settings.component.html
new file mode 100644
index 0000000000..242fb7540e
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/admin/general-settings.component.html
@@ -0,0 +1,47 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div>
+  <mat-card class="settings-card">
+    <mat-card-title>
+      <div fxLayout="row">
+        <span class="mat-headline" translate>admin.general-settings</span>
+      </div>
+    </mat-card-title>
+    <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+    </mat-progress-bar>
+    <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+    <mat-card-content style="padding-top: 16px;">
+      <form #generalSettingsForm="ngForm" [formGroup]="generalSettings" (ngSubmit)="save()">
+        <fieldset [disabled]="isLoading$ | async">
+          <mat-form-field class="mat-block">
+            <mat-label translate>admin.base-url</mat-label>
+            <input matInput formControlName="baseUrl" required/>
+            <mat-error *ngIf="generalSettings.get('baseUrl').hasError('required')">
+              {{ 'admin.base-url-required' | translate }}
+            </mat-error>
+          </mat-form-field>
+          <div fxLayout="row" fxLayoutAlign="end center" style="width: 100%;" class="layout-wrap">
+            <button mat-button mat-raised-button color="primary" [disabled]="(isLoading$ | async) || generalSettingsForm.invalid || !generalSettingsForm.dirty"
+                    type="submit">{{'action.save' | translate}}
+            </button>
+          </div>
+        </fieldset>
+      </form>
+    </mat-card-content>
+  </mat-card>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/admin/general-settings.component.scss b/ui-ngx/src/app/modules/home/pages/admin/general-settings.component.scss
new file mode 100644
index 0000000000..bb3718c2da
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/admin/general-settings.component.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/admin/general-settings.component.ts b/ui-ngx/src/app/modules/home/pages/admin/general-settings.component.ts
new file mode 100644
index 0000000000..6d208ce517
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/admin/general-settings.component.ts
@@ -0,0 +1,77 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnInit } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { PageComponent } from '@shared/components/page.component';
+import { Router } from '@angular/router';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import {AdminSettings, GeneralSettings} from '@shared/models/settings.models';
+import { AdminService } from '@core/http/admin.service';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { TranslateService } from '@ngx-translate/core';
+import { HasConfirmForm } from '@core/guards/confirm-on-exit.guard';
+
+@Component({
+  selector: 'tb-general-settings',
+  templateUrl: './general-settings.component.html',
+  styleUrls: ['./general-settings.component.scss', './settings-card.scss']
+})
+export class GeneralSettingsComponent extends PageComponent implements OnInit, HasConfirmForm {
+
+  generalSettings: FormGroup;
+  adminSettings: AdminSettings<GeneralSettings>;
+
+  constructor(protected store: Store<AppState>,
+              private router: Router,
+              private adminService: AdminService,
+              private translate: TranslateService,
+              public fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit() {
+    this.buildGeneralServerSettingsForm();
+    this.adminService.getAdminSettings<GeneralSettings>('general').subscribe(
+      (adminSettings) => {
+        this.adminSettings = adminSettings;
+        this.generalSettings.reset(this.adminSettings.jsonValue);
+      }
+    );
+  }
+
+  buildGeneralServerSettingsForm() {
+    this.generalSettings = this.fb.group({
+      baseUrl: ['', [Validators.required]]
+    });
+  }
+
+  save(): void {
+    this.adminSettings.jsonValue = {...this.adminSettings.jsonValue, ...this.generalSettings.value};
+    this.adminService.saveAdminSettings(this.adminSettings).subscribe(
+      (adminSettings) => {
+        this.adminSettings = adminSettings;
+        this.generalSettings.reset(this.adminSettings.jsonValue);
+      }
+    );
+  }
+
+  confirmForm(): FormGroup {
+    return this.generalSettings;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.html b/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.html
new file mode 100644
index 0000000000..32dcc0d22c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.html
@@ -0,0 +1,112 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div>
+  <mat-card class="settings-card">
+    <mat-card-title>
+      <div fxLayout="row">
+        <span class="mat-headline" translate>admin.outgoing-mail-settings</span>
+        <span fxFlex></span>
+        <div tb-help="outgoingMailSettings"></div>
+      </div>
+    </mat-card-title>
+    <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+    </mat-progress-bar>
+    <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+    <mat-card-content style="padding-top: 16px;">
+      <form #mailSettingsForm="ngForm" [formGroup]="mailSettings" (ngSubmit)="save()">
+        <fieldset [disabled]="isLoading$ | async">
+          <mat-form-field class="mat-block">
+            <mat-label translate>admin.mail-from</mat-label>
+            <input matInput formControlName="mailFrom" required/>
+            <mat-error *ngIf="mailSettings.get('mailFrom').hasError('required')">
+              {{ 'admin.mail-from-required' | translate }}
+            </mat-error>
+          </mat-form-field>
+          <mat-form-field class="mat-block">
+            <mat-label translate>admin.smtp-protocol</mat-label>
+            <mat-select matInput formControlName="smtpProtocol">
+              <mat-option *ngFor="let protocol of smtpProtocols" [value]="protocol">
+                {{protocol.toUpperCase()}}
+              </mat-option>
+            </mat-select>
+          </mat-form-field>
+          <div fxLayout.gt-sm="row" fxLayoutGap.gt-sm="10px">
+            <mat-form-field class="mat-block" fxFlex="100" fxFlex.gt-sm="60">
+              <mat-label translate>admin.smtp-host</mat-label>
+              <input matInput formControlName="smtpHost" placeholder="localhost" required/>
+              <mat-error *ngIf="mailSettings.get('smtpHost').hasError('required')">
+                {{ 'admin.smtp-host-required' | translate }}
+              </mat-error>
+            </mat-form-field>
+            <mat-form-field class="mat-block" fxFlex="100" fxFlex.gt-sm="40">
+              <mat-label translate>admin.smtp-port</mat-label>
+              <input matInput #smtpPortInput formControlName="smtpPort" placeholder="25" maxlength="5" required/>
+              <mat-hint align="end">{{smtpPortInput.value?.length || 0}}/5</mat-hint>
+              <mat-error *ngIf="mailSettings.get('smtpPort').hasError('required')">
+                {{ 'admin.smtp-port-required' | translate }}
+              </mat-error>
+              <mat-error *ngIf="mailSettings.get('smtpPort').hasError('pattern') || mailSettings.get('smtpPort').hasError('maxlength')">
+                {{ 'admin.smtp-port-invalid' | translate }}
+              </mat-error>
+            </mat-form-field>
+          </div>
+          <mat-form-field class="mat-block">
+            <mat-label translate>admin.timeout-msec</mat-label>
+            <input matInput #timeoutInput formControlName="timeout" placeholder="10000" maxlength="6" required/>
+            <mat-hint align="end">{{timeoutInput.value?.length || 0}}/6</mat-hint>
+            <mat-error *ngIf="mailSettings.get('timeout').hasError('required')">
+              {{ 'admin.timeout-required' | translate }}
+            </mat-error>
+            <mat-error *ngIf="mailSettings.get('timeout').hasError('pattern') || mailSettings.get('timeout').hasError('maxlength')">
+              {{ 'admin.timeout-invalid' | translate }}
+            </mat-error>
+          </mat-form-field>
+          <tb-checkbox formControlName="enableTls" trueValue="true" falseValue="false" style="display: block; padding-bottom: 16px;">
+            {{ 'admin.enable-tls' | translate }}
+          </tb-checkbox>
+          <mat-form-field class="mat-block" *ngIf="mailSettings.get('enableTls').value === 'true'">
+            <mat-label translate>admin.tls-version</mat-label>
+            <mat-select formControlName="tlsVersion">
+              <mat-option *ngFor="let tlsVersion of tlsVersions" [value]="tlsVersion">
+                {{ tlsVersion }}
+              </mat-option>
+            </mat-select>
+          </mat-form-field>
+          <mat-form-field class="mat-block">
+            <mat-label translate>common.username</mat-label>
+            <input matInput formControlName="username" placeholder="{{ 'common.enter-username' | translate }}"/>
+          </mat-form-field>
+          <mat-form-field class="mat-block">
+            <mat-label translate>common.password</mat-label>
+            <input matInput formControlName="password" type="password" placeholder="{{ 'common.enter-password' | translate }}"/>
+          </mat-form-field>
+          <div fxLayout="row" fxLayoutAlign="end center" style="width: 100%;" class="layout-wrap">
+            <button mat-button mat-raised-button
+                    type="button" style="margin-right: 16px;"
+                    [disabled]="(isLoading$ | async) || mailSettingsForm.invalid" (click)="sendTestMail()">
+              {{'admin.send-test-mail' | translate}}
+            </button>
+            <button mat-button mat-raised-button color="primary" [disabled]="(isLoading$ | async) || mailSettingsForm.invalid || !mailSettingsForm.dirty"
+                    type="submit">{{'action.save' | translate}}
+            </button>
+          </div>
+        </fieldset>
+      </form>
+    </mat-card-content>
+  </mat-card>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.scss b/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.scss
new file mode 100644
index 0000000000..bb3718c2da
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.ts b/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.ts
new file mode 100644
index 0000000000..33561fab19
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.ts
@@ -0,0 +1,104 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnInit } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { PageComponent } from '@shared/components/page.component';
+import { Router } from '@angular/router';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { AdminSettings, MailServerSettings, smtpPortPattern } from '@shared/models/settings.models';
+import { AdminService } from '@core/http/admin.service';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { TranslateService } from '@ngx-translate/core';
+import { HasConfirmForm } from '@core/guards/confirm-on-exit.guard';
+
+@Component({
+  selector: 'tb-mail-server',
+  templateUrl: './mail-server.component.html',
+  styleUrls: ['./mail-server.component.scss', './settings-card.scss']
+})
+export class MailServerComponent extends PageComponent implements OnInit, HasConfirmForm {
+
+  mailSettings: FormGroup;
+  adminSettings: AdminSettings<MailServerSettings>;
+  smtpProtocols = ['smtp', 'smtps'];
+
+  tlsVersions = ['TLSv1.0', 'TLSv1.1', 'TLSv1.2', 'TLSv1.3'];
+
+  constructor(protected store: Store<AppState>,
+              private router: Router,
+              private adminService: AdminService,
+              private translate: TranslateService,
+              public fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit() {
+    this.buildMailServerSettingsForm();
+    this.adminService.getAdminSettings<MailServerSettings>('mail').subscribe(
+      (adminSettings) => {
+        this.adminSettings = adminSettings;
+        this.mailSettings.reset(this.adminSettings.jsonValue);
+      }
+    );
+  }
+
+  buildMailServerSettingsForm() {
+    this.mailSettings = this.fb.group({
+      mailFrom: ['', [Validators.required]],
+      smtpProtocol: ['smtp'],
+      smtpHost: ['localhost', [Validators.required]],
+      smtpPort: ['25', [Validators.required,
+        Validators.pattern(smtpPortPattern),
+        Validators.maxLength(5)]],
+      timeout: ['10000', [Validators.required,
+        Validators.pattern(/^[0-9]{1,6}$/),
+        Validators.maxLength(6)]],
+      enableTls: ['false'],
+      tlsVersion: [],
+      username: [''],
+      password: ['']
+    });
+    this.registerDisableOnLoadFormControl(this.mailSettings.get('smtpProtocol'));
+    this.registerDisableOnLoadFormControl(this.mailSettings.get('enableTls'));
+  }
+
+  sendTestMail(): void {
+    this.adminSettings.jsonValue = {...this.adminSettings.jsonValue, ...this.mailSettings.value};
+    this.adminService.sendTestMail(this.adminSettings).subscribe(
+      () => {
+        this.store.dispatch(new ActionNotificationShow({ message: this.translate.instant('admin.test-mail-sent'),
+          type: 'success' }));
+      }
+    );
+  }
+
+  save(): void {
+    this.adminSettings.jsonValue = {...this.adminSettings.jsonValue, ...this.mailSettings.value};
+    this.adminService.saveAdminSettings(this.adminSettings).subscribe(
+      (adminSettings) => {
+        this.adminSettings = adminSettings;
+        this.mailSettings.reset(this.adminSettings.jsonValue);
+      }
+    );
+  }
+
+  confirmForm(): FormGroup {
+    return this.mailSettings;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/admin/security-settings.component.html b/ui-ngx/src/app/modules/home/pages/admin/security-settings.component.html
new file mode 100644
index 0000000000..b0b8b52dd7
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/admin/security-settings.component.html
@@ -0,0 +1,151 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div>
+  <mat-card class="settings-card">
+    <mat-card-title>
+      <div fxLayout="row">
+        <span class="mat-headline" translate>admin.security-settings</span>
+        <span fxFlex></span>
+        <div tb-help="securitySettings"></div>
+      </div>
+    </mat-card-title>
+    <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+    </mat-progress-bar>
+    <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+    <mat-card-content style="padding-top: 16px;">
+      <form #securitySettingsForm="ngForm" [formGroup]="securitySettingsFormGroup" (ngSubmit)="save()">
+        <fieldset [disabled]="isLoading$ | async">
+          <mat-expansion-panel [expanded]="true">
+            <mat-expansion-panel-header>
+              <mat-panel-title>
+                <div class="tb-panel-title" translate>admin.general-policy</div>
+              </mat-panel-title>
+            </mat-expansion-panel-header>
+            <mat-form-field class="mat-block">
+              <mat-label translate>admin.max-failed-login-attempts</mat-label>
+              <input matInput type="number"
+                     formControlName="maxFailedLoginAttempts"
+                     step="1"
+                     min="0"/>
+              <mat-error *ngIf="securitySettingsFormGroup.get('maxFailedLoginAttempts').hasError('min')">
+                {{ 'admin.minimum-max-failed-login-attempts-range' | translate }}
+              </mat-error>
+            </mat-form-field>
+            <mat-form-field class="mat-block">
+              <mat-label translate>admin.user-lockout-notification-email</mat-label>
+              <input matInput type="email"
+                     formControlName="userLockoutNotificationEmail"/>
+            </mat-form-field>
+          </mat-expansion-panel>
+          <mat-expansion-panel [expanded]="true">
+            <mat-expansion-panel-header>
+              <mat-panel-title>
+                <div class="tb-panel-title" translate>admin.password-policy</div>
+              </mat-panel-title>
+            </mat-expansion-panel-header>
+            <section formGroupName="passwordPolicy">
+              <mat-form-field class="mat-block">
+                <mat-label translate>admin.minimum-password-length</mat-label>
+                <input matInput type="number"
+                       formControlName="minimumLength"
+                       step="1"
+                       min="5"
+                       max="50"
+                       required/>
+                <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('minimumLength').hasError('required')">
+                  {{ 'admin.minimum-password-length-required' | translate }}
+                </mat-error>
+                <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('minimumLength').hasError('min')">
+                  {{ 'admin.minimum-password-length-range' | translate }}
+                </mat-error>
+                <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('minimumLength').hasError('max')">
+                  {{ 'admin.minimum-password-length-range' | translate }}
+                </mat-error>
+              </mat-form-field>
+              <mat-form-field class="mat-block">
+                <mat-label translate>admin.minimum-uppercase-letters</mat-label>
+                <input matInput type="number"
+                       formControlName="minimumUppercaseLetters"
+                       step="1"
+                       min="0"/>
+                <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('minimumUppercaseLetters').hasError('min')">
+                  {{ 'admin.minimum-uppercase-letters-range' | translate }}
+                </mat-error>
+              </mat-form-field>
+              <mat-form-field class="mat-block">
+                <mat-label translate>admin.minimum-lowercase-letters</mat-label>
+                <input matInput type="number"
+                       formControlName="minimumLowercaseLetters"
+                       step="1"
+                       min="0"/>
+                <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('minimumLowercaseLetters').hasError('min')">
+                  {{ 'admin.minimum-lowercase-letters-range' | translate }}
+                </mat-error>
+              </mat-form-field>
+              <mat-form-field class="mat-block">
+                <mat-label translate>admin.minimum-digits</mat-label>
+                <input matInput type="number"
+                       formControlName="minimumDigits"
+                       step="1"
+                       min="0"/>
+                <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('minimumDigits').hasError('min')">
+                  {{ 'admin.minimum-digits-range' | translate }}
+                </mat-error>
+              </mat-form-field>
+              <mat-form-field class="mat-block">
+                <mat-label translate>admin.minimum-special-characters</mat-label>
+                <input matInput type="number"
+                       formControlName="minimumSpecialCharacters"
+                       step="1"
+                       min="0"/>
+                <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('minimumSpecialCharacters').hasError('min')">
+                  {{ 'admin.minimum-special-characters-range' | translate }}
+                </mat-error>
+              </mat-form-field>
+              <mat-form-field class="mat-block">
+                <mat-label translate>admin.password-expiration-period-days</mat-label>
+                <input matInput type="number"
+                       formControlName="passwordExpirationPeriodDays"
+                       step="1"
+                       min="0"/>
+                <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('passwordExpirationPeriodDays').hasError('min')">
+                  {{ 'admin.password-expiration-period-days-range' | translate }}
+                </mat-error>
+              </mat-form-field>
+              <mat-form-field class="mat-block">
+                <mat-label translate>admin.password-reuse-frequency-days</mat-label>
+                <input matInput type="number"
+                       formControlName="passwordReuseFrequencyDays"
+                       step="1"
+                       min="0"/>
+                <mat-error *ngIf="securitySettingsFormGroup.get('passwordPolicy').get('passwordReuseFrequencyDays').hasError('min')">
+                  {{ 'admin.password-reuse-frequency-days-range' | translate }}
+                </mat-error>
+              </mat-form-field>
+            </section>
+          </mat-expansion-panel>
+          <div fxLayout="row" fxLayoutAlign="end center" style="width: 100%;" class="layout-wrap">
+            <button mat-button mat-raised-button color="primary" [disabled]="(isLoading$ | async) || securitySettingsForm.invalid || !securitySettingsForm.dirty"
+                    type="submit">{{'action.save' | translate}}
+            </button>
+          </div>
+        </fieldset>
+      </form>
+    </mat-card-content>
+  </mat-card>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/admin/security-settings.component.scss b/ui-ngx/src/app/modules/home/pages/admin/security-settings.component.scss
new file mode 100644
index 0000000000..4462922ba8
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/admin/security-settings.component.scss
@@ -0,0 +1,23 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  mat-expansion-panel {
+    margin-bottom: 16px;
+  }
+  .tb-panel-title {
+
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/admin/security-settings.component.ts b/ui-ngx/src/app/modules/home/pages/admin/security-settings.component.ts
new file mode 100644
index 0000000000..b5616016bd
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/admin/security-settings.component.ts
@@ -0,0 +1,89 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnInit } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { PageComponent } from '@shared/components/page.component';
+import { Router } from '@angular/router';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { SecuritySettings} from '@shared/models/settings.models';
+import { AdminService } from '@core/http/admin.service';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { TranslateService } from '@ngx-translate/core';
+import { HasConfirmForm } from '@core/guards/confirm-on-exit.guard';
+
+@Component({
+  selector: 'tb-security-settings',
+  templateUrl: './security-settings.component.html',
+  styleUrls: ['./security-settings.component.scss', './settings-card.scss']
+})
+export class SecuritySettingsComponent extends PageComponent implements OnInit, HasConfirmForm {
+
+  securitySettingsFormGroup: FormGroup;
+  securitySettings: SecuritySettings;
+
+  constructor(protected store: Store<AppState>,
+              private router: Router,
+              private adminService: AdminService,
+              private translate: TranslateService,
+              public fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit() {
+    this.buildSecuritySettingsForm();
+    this.adminService.getSecuritySettings().subscribe(
+      (securitySettings) => {
+        this.securitySettings = securitySettings;
+        this.securitySettingsFormGroup.reset(this.securitySettings);
+      }
+    );
+  }
+
+  buildSecuritySettingsForm() {
+    this.securitySettingsFormGroup = this.fb.group({
+      maxFailedLoginAttempts: [null, [Validators.min(0)]],
+      userLockoutNotificationEmail: ['', []],
+      passwordPolicy: this.fb.group(
+        {
+          minimumLength: [null, [Validators.required, Validators.min(5), Validators.max(50)]],
+          minimumUppercaseLetters: [null, Validators.min(0)],
+          minimumLowercaseLetters: [null, Validators.min(0)],
+          minimumDigits: [null, Validators.min(0)],
+          minimumSpecialCharacters: [null, Validators.min(0)],
+          passwordExpirationPeriodDays: [null, Validators.min(0)],
+          passwordReuseFrequencyDays: [null, Validators.min(0)]
+        }
+      )
+    });
+  }
+
+  save(): void {
+    this.securitySettings = {...this.securitySettings, ...this.securitySettingsFormGroup.value};
+    this.adminService.saveSecuritySettings(this.securitySettings).subscribe(
+      (securitySettings) => {
+        this.securitySettings = securitySettings;
+        this.securitySettingsFormGroup.reset(this.securitySettings);
+      }
+    );
+  }
+
+  confirmForm(): FormGroup {
+    return this.securitySettingsFormGroup;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/admin/settings-card.scss b/ui-ngx/src/app/modules/home/pages/admin/settings-card.scss
new file mode 100644
index 0000000000..6e7c08532d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/admin/settings-card.scss
@@ -0,0 +1,25 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import "../../../../../scss/constants";
+
+:host {
+ mat-card.settings-card {
+   margin: 8px;
+   @media #{$mat-gt-sm} {
+     width: 60%;
+   }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/asset/asset-routing.module.ts b/ui-ngx/src/app/modules/home/pages/asset/asset-routing.module.ts
new file mode 100644
index 0000000000..bf2b8970cd
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/asset/asset-routing.module.ts
@@ -0,0 +1,50 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from '@angular/router';
+
+import {EntitiesTableComponent} from '../../components/entity/entities-table.component';
+import {Authority} from '@shared/models/authority.enum';
+import {AssetsTableConfigResolver} from './assets-table-config.resolver';
+
+const routes: Routes = [
+  {
+    path: 'assets',
+    component: EntitiesTableComponent,
+    data: {
+      auth: [Authority.TENANT_ADMIN, Authority.CUSTOMER_USER],
+      title: 'asset.assets',
+      assetsType: 'tenant',
+      breadcrumb: {
+        label: 'asset.assets',
+        icon: 'domain'
+      }
+    },
+    resolve: {
+      entitiesTableConfig: AssetsTableConfigResolver
+    }
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+  providers: [
+    AssetsTableConfigResolver
+  ]
+})
+export class AssetRoutingModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/asset/asset-table-header.component.html b/ui-ngx/src/app/modules/home/pages/asset/asset-table-header.component.html
new file mode 100644
index 0000000000..c68da42088
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/asset/asset-table-header.component.html
@@ -0,0 +1,23 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<tb-entity-subtype-select
+  [showLabel]="true"
+  [entityType]="entityType.ASSET"
+  [ngModel]="entitiesTableConfig.componentsData.assetType"
+  (ngModelChange)="assetTypeChanged($event)">
+</tb-entity-subtype-select>
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/type/ActionTypeCodec.java b/ui-ngx/src/app/modules/home/pages/asset/asset-table-header.component.scss
similarity index 67%
rename from dao/src/main/java/org/thingsboard/server/dao/model/type/ActionTypeCodec.java
rename to ui-ngx/src/app/modules/home/pages/asset/asset-table-header.component.scss
index ad162eb78b..e5e92c2f3d 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/model/type/ActionTypeCodec.java
+++ b/ui-ngx/src/app/modules/home/pages/asset/asset-table-header.component.scss
@@ -13,14 +13,24 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.model.type;
+:host {
+  flex: 1;
+  display: flex;
+  justify-content: flex-start;
+}
 
-import com.datastax.driver.extras.codecs.enums.EnumNameCodec;
-import org.thingsboard.server.common.data.audit.ActionType;
+:host ::ng-deep {
+  tb-entity-subtype-select {
+    mat-form-field {
+      font-size: 16px;
 
-public class ActionTypeCodec extends EnumNameCodec<ActionType> {
+      .mat-form-field-wrapper {
+        padding-bottom: 0;
+      }
 
-    public ActionTypeCodec() {
-        super(ActionType.class);
+      .mat-form-field-underline {
+        bottom: 0;
+      }
     }
-}
\ No newline at end of file
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/asset/asset-table-header.component.ts b/ui-ngx/src/app/modules/home/pages/asset/asset-table-header.component.ts
new file mode 100644
index 0000000000..c222f414e1
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/asset/asset-table-header.component.ts
@@ -0,0 +1,42 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Component} from '@angular/core';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {EntityTableHeaderComponent} from '../../components/entity/entity-table-header.component';
+import {EntityType} from '@shared/models/entity-type.models';
+import {AssetInfo} from '@shared/models/asset.models';
+
+@Component({
+  selector: 'tb-asset-table-header',
+  templateUrl: './asset-table-header.component.html',
+  styleUrls: ['./asset-table-header.component.scss']
+})
+export class AssetTableHeaderComponent extends EntityTableHeaderComponent<AssetInfo> {
+
+  entityType = EntityType;
+
+  constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  assetTypeChanged(assetType: string) {
+    this.entitiesTableConfig.componentsData.assetType = assetType;
+    this.entitiesTableConfig.table.updateData();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/asset/asset-tabs.component.html b/ui-ngx/src/app/modules/home/pages/asset/asset-tabs.component.html
new file mode 100644
index 0000000000..dcb3f49bef
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/asset/asset-tabs.component.html
@@ -0,0 +1,51 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-tab *ngIf="entity"
+         label="{{ 'attribute.attributes' | translate }}" #attributesTab="matTab">
+  <tb-attribute-table [defaultAttributeScope]="attributeScopes.SERVER_SCOPE"
+                      [active]="attributesTab.isActive"
+                      [entityId]="entity.id"
+                      [entityName]="entity.name">
+  </tb-attribute-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'attribute.latest-telemetry' | translate }}" #telemetryTab="matTab">
+  <tb-attribute-table [defaultAttributeScope]="latestTelemetryTypes.LATEST_TELEMETRY"
+                      disableAttributeScopeSelection
+                      [active]="telemetryTab.isActive"
+                      [entityId]="entity.id"
+                      [entityName]="entity.name">
+  </tb-attribute-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'alarm.alarms' | translate }}" #alarmsTab="matTab">
+  <tb-alarm-table [active]="alarmsTab.isActive" [entityId]="entity.id"></tb-alarm-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'asset.events' | translate }}" #eventsTab="matTab">
+  <tb-event-table [defaultEventType]="eventTypes.ERROR" [active]="eventsTab.isActive" [tenantId]="entity.tenantId.id"
+                  [entityId]="entity.id"></tb-event-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'relation.relations' | translate }}" #relationsTab="matTab">
+  <tb-relation-table [active]="relationsTab.isActive" [entityId]="entity.id"></tb-relation-table>
+</mat-tab>
+<mat-tab *ngIf="entity && authUser.authority === authorities.TENANT_ADMIN"
+         label="{{ 'audit-log.audit-logs' | translate }}" #auditLogsTab="matTab">
+  <tb-audit-log-table detailsMode="true" [active]="auditLogsTab.isActive" [auditLogMode]="auditLogModes.ENTITY" [entityId]="entity.id"></tb-audit-log-table>
+</mat-tab>
diff --git a/ui-ngx/src/app/modules/home/pages/asset/asset-tabs.component.ts b/ui-ngx/src/app/modules/home/pages/asset/asset-tabs.component.ts
new file mode 100644
index 0000000000..c9cfb4b900
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/asset/asset-tabs.component.ts
@@ -0,0 +1,38 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityTabsComponent } from '../../components/entity/entity-tabs.component';
+import { AssetInfo } from '@app/shared/models/asset.models';
+
+@Component({
+  selector: 'tb-asset-tabs',
+  templateUrl: './asset-tabs.component.html',
+  styleUrls: []
+})
+export class AssetTabsComponent extends EntityTabsComponent<AssetInfo> {
+
+  constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit() {
+    super.ngOnInit();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/asset/asset.component.html b/ui-ngx/src/app/modules/home/pages/asset/asset.component.html
new file mode 100644
index 0000000000..1ac34a2407
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/asset/asset.component.html
@@ -0,0 +1,92 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-details-buttons">
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'makePublic')"
+          [fxShow]="!isEdit && assetScope === 'tenant' && !isAssignedToCustomer(entity) && !entity?.customerIsPublic">
+    {{'asset.make-public' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'assignToCustomer')"
+          [fxShow]="!isEdit && assetScope === 'tenant' && !isAssignedToCustomer(entity)">
+    {{'asset.assign-to-customer' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'unassignFromCustomer')"
+          [fxShow]="!isEdit && (assetScope === 'customer' || assetScope === 'tenant') && isAssignedToCustomer(entity)">
+    {{ (entity?.customerIsPublic ? 'asset.make-private' : 'asset.unassign-from-customer') | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'delete')"
+          [fxShow]="!hideDelete() && !isEdit">
+    {{'asset.delete' | translate }}
+  </button>
+  <div fxLayout="row">
+    <button mat-raised-button
+            ngxClipboard
+            (cbOnSuccess)="onAssetIdCopied($event)"
+            [cbContent]="entity?.id?.id"
+            [fxShow]="!isEdit">
+      <mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon>
+      <span translate>asset.copyId</span>
+    </button>
+  </div>
+</div>
+<div class="mat-padding" fxLayout="column">
+  <mat-form-field class="mat-block"
+                  [fxShow]="!isEdit && isAssignedToCustomer(entity)
+                              && !entity?.customerIsPublic && assetScope === 'tenant'">
+    <mat-label translate>asset.assignedToCustomer</mat-label>
+    <input matInput disabled [ngModel]="entity?.customerTitle">
+  </mat-form-field>
+  <div class="tb-small" style="padding-bottom: 10px; padding-left: 2px;"
+       [fxShow]="!isEdit && entity?.customerIsPublic && (assetScope === 'customer' || assetScope === 'tenant')">
+    {{ 'asset.asset-public' | translate }}
+  </div>
+  <form #entityNgForm="ngForm" [formGroup]="entityForm">
+    <fieldset [disabled]="(isLoading$ | async) || !isEdit">
+      <mat-form-field class="mat-block">
+        <mat-label translate>asset.name</mat-label>
+        <input matInput formControlName="name" required>
+        <mat-error *ngIf="entityForm.get('name').hasError('required')">
+          {{ 'asset.name-required' | translate }}
+        </mat-error>
+      </mat-form-field>
+      <tb-entity-subtype-autocomplete
+        formControlName="type"
+        [required]="true"
+        [entityType]="entityType.ASSET"
+      >
+      </tb-entity-subtype-autocomplete>
+      <mat-form-field class="mat-block">
+        <mat-label translate>asset.label</mat-label>
+        <input matInput formControlName="label">
+      </mat-form-field>
+      <div formGroupName="additionalInfo">
+        <mat-form-field class="mat-block">
+          <mat-label translate>asset.description</mat-label>
+          <textarea matInput formControlName="description" rows="2"></textarea>
+        </mat-form-field>
+      </div>
+    </fieldset>
+  </form>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/asset/asset.component.scss b/ui-ngx/src/app/modules/home/pages/asset/asset.component.scss
new file mode 100644
index 0000000000..bb3718c2da
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/asset/asset.component.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/asset/asset.component.ts b/ui-ngx/src/app/modules/home/pages/asset/asset.component.ts
new file mode 100644
index 0000000000..46e8da5798
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/asset/asset.component.ts
@@ -0,0 +1,95 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Component} from '@angular/core';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {EntityComponent} from '../../components/entity/entity.component';
+import {FormBuilder, FormGroup, Validators} from '@angular/forms';
+import {EntityType} from '@shared/models/entity-type.models';
+import {NULL_UUID} from '@shared/models/id/has-uuid';
+import {ActionNotificationShow} from '@core/notification/notification.actions';
+import {TranslateService} from '@ngx-translate/core';
+import {AssetInfo} from '@app/shared/models/asset.models';
+
+@Component({
+  selector: 'tb-asset',
+  templateUrl: './asset.component.html',
+  styleUrls: ['./asset.component.scss']
+})
+export class AssetComponent extends EntityComponent<AssetInfo> {
+
+  entityType = EntityType;
+
+  assetScope: 'tenant' | 'customer' | 'customer_user';
+
+  constructor(protected store: Store<AppState>,
+              protected translate: TranslateService,
+              public fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit() {
+    this.assetScope = this.entitiesTableConfig.componentsData.assetScope;
+    super.ngOnInit();
+  }
+
+  hideDelete() {
+    if (this.entitiesTableConfig) {
+      return !this.entitiesTableConfig.deleteEnabled(this.entity);
+    } else {
+      return false;
+    }
+  }
+
+  isAssignedToCustomer(entity: AssetInfo): boolean {
+    return entity && entity.customerId && entity.customerId.id !== NULL_UUID;
+  }
+
+  buildForm(entity: AssetInfo): FormGroup {
+    return this.fb.group(
+      {
+        name: [entity ? entity.name : '', [Validators.required]],
+        type: [entity ? entity.type : null, [Validators.required]],
+        label: [entity ? entity.label : ''],
+        additionalInfo: this.fb.group(
+          {
+            description: [entity && entity.additionalInfo ? entity.additionalInfo.description : ''],
+          }
+        )
+      }
+    );
+  }
+
+  updateForm(entity: AssetInfo) {
+    this.entityForm.patchValue({name: entity.name});
+    this.entityForm.patchValue({type: entity.type});
+    this.entityForm.patchValue({label: entity.label});
+    this.entityForm.patchValue({additionalInfo: {description: entity.additionalInfo ? entity.additionalInfo.description : ''}});
+  }
+
+
+  onAssetIdCopied($event) {
+    this.store.dispatch(new ActionNotificationShow(
+      {
+        message: this.translate.instant('asset.idCopiedMessage'),
+        type: 'success',
+        duration: 750,
+        verticalPosition: 'bottom',
+        horizontalPosition: 'right'
+      }));
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/asset/asset.module.ts b/ui-ngx/src/app/modules/home/pages/asset/asset.module.ts
new file mode 100644
index 0000000000..c2c735c186
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/asset/asset.module.ts
@@ -0,0 +1,41 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {SharedModule} from '@shared/shared.module';
+import {HomeDialogsModule} from '../../dialogs/home-dialogs.module';
+import {AssetComponent} from './asset.component';
+import {AssetTableHeaderComponent} from './asset-table-header.component';
+import {AssetRoutingModule} from './asset-routing.module';
+import {HomeComponentsModule} from '@modules/home/components/home-components.module';
+import { AssetTabsComponent } from '@home/pages/asset/asset-tabs.component';
+
+@NgModule({
+  declarations: [
+    AssetComponent,
+    AssetTabsComponent,
+    AssetTableHeaderComponent
+  ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    HomeComponentsModule,
+    HomeDialogsModule,
+    AssetRoutingModule
+  ]
+})
+export class AssetModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/asset/assets-table-config.resolver.ts b/ui-ngx/src/app/modules/home/pages/asset/assets-table-config.resolver.ts
new file mode 100644
index 0000000000..2ef473a9c6
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/asset/assets-table-config.resolver.ts
@@ -0,0 +1,429 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+
+import { ActivatedRouteSnapshot, Resolve, Router } from '@angular/router';
+import {
+  CellActionDescriptor,
+  checkBoxCell,
+  DateEntityTableColumn,
+  EntityTableColumn,
+  EntityTableConfig,
+  GroupActionDescriptor,
+  HeaderActionDescriptor
+} from '@home/models/entity/entities-table-config.models';
+import { TranslateService } from '@ngx-translate/core';
+import { DatePipe } from '@angular/common';
+import { EntityType, entityTypeResources, entityTypeTranslations } from '@shared/models/entity-type.models';
+import { EntityAction } from '@home/models/entity/entity-component.models';
+import { forkJoin, Observable, of } from 'rxjs';
+import { select, Store } from '@ngrx/store';
+import { selectAuthUser } from '@core/auth/auth.selectors';
+import { map, mergeMap, take, tap } from 'rxjs/operators';
+import { AppState } from '@core/core.state';
+import { Authority } from '@app/shared/models/authority.enum';
+import { CustomerService } from '@core/http/customer.service';
+import { Customer } from '@app/shared/models/customer.model';
+import { NULL_UUID } from '@shared/models/id/has-uuid';
+import { BroadcastService } from '@core/services/broadcast.service';
+import { MatDialog } from '@angular/material/dialog';
+import { DialogService } from '@core/services/dialog.service';
+import {
+  AssignToCustomerDialogComponent,
+  AssignToCustomerDialogData
+} from '@modules/home/dialogs/assign-to-customer-dialog.component';
+import {
+  AddEntitiesToCustomerDialogComponent,
+  AddEntitiesToCustomerDialogData
+} from '../../dialogs/add-entities-to-customer-dialog.component';
+import { Asset, AssetInfo } from '@app/shared/models/asset.models';
+import { AssetService } from '@app/core/http/asset.service';
+import { AssetComponent } from '@modules/home/pages/asset/asset.component';
+import { AssetTableHeaderComponent } from '@modules/home/pages/asset/asset-table-header.component';
+import { AssetId } from '@app/shared/models/id/asset-id';
+import { AssetTabsComponent } from '@home/pages/asset/asset-tabs.component';
+import { HomeDialogsService } from '@home/dialogs/home-dialogs.service';
+import { DeviceInfo } from '@shared/models/device.models';
+
+@Injectable()
+export class AssetsTableConfigResolver implements Resolve<EntityTableConfig<AssetInfo>> {
+
+  private readonly config: EntityTableConfig<AssetInfo> = new EntityTableConfig<AssetInfo>();
+
+  private customerId: string;
+
+  constructor(private store: Store<AppState>,
+              private broadcast: BroadcastService,
+              private assetService: AssetService,
+              private customerService: CustomerService,
+              private dialogService: DialogService,
+              private homeDialogs: HomeDialogsService,
+              private translate: TranslateService,
+              private datePipe: DatePipe,
+              private router: Router,
+              private dialog: MatDialog) {
+
+    this.config.entityType = EntityType.ASSET;
+    this.config.entityComponent = AssetComponent;
+    this.config.entityTabsComponent = AssetTabsComponent;
+    this.config.entityTranslations = entityTypeTranslations.get(EntityType.ASSET);
+    this.config.entityResources = entityTypeResources.get(EntityType.ASSET);
+
+    this.config.deleteEntityTitle = asset => this.translate.instant('asset.delete-asset-title', { assetName: asset.name });
+    this.config.deleteEntityContent = () => this.translate.instant('asset.delete-asset-text');
+    this.config.deleteEntitiesTitle = count => this.translate.instant('asset.delete-assets-title', {count});
+    this.config.deleteEntitiesContent = () => this.translate.instant('asset.delete-assets-text');
+
+    this.config.loadEntity = id => this.assetService.getAssetInfo(id.id);
+    this.config.saveEntity = asset => {
+      return this.assetService.saveAsset(asset).pipe(
+        tap(() => {
+          this.broadcast.broadcast('assetSaved');
+        }),
+        mergeMap((savedAsset) => this.assetService.getAssetInfo(savedAsset.id.id)
+        ));
+    };
+    this.config.onEntityAction = action => this.onAssetAction(action);
+    this.config.detailsReadonly = () => this.config.componentsData.assetScope === 'customer_user';
+
+    this.config.headerComponent = AssetTableHeaderComponent;
+
+  }
+
+  resolve(route: ActivatedRouteSnapshot): Observable<EntityTableConfig<AssetInfo>> {
+    const routeParams = route.params;
+    this.config.componentsData = {
+      assetScope: route.data.assetsType,
+      assetType: ''
+    };
+    this.customerId = routeParams.customerId;
+    return this.store.pipe(select(selectAuthUser), take(1)).pipe(
+      tap((authUser) => {
+        if (authUser.authority === Authority.CUSTOMER_USER) {
+          this.config.componentsData.assetScope = 'customer_user';
+          this.customerId = authUser.customerId;
+        }
+      }),
+      mergeMap(() =>
+        this.customerId ? this.customerService.getCustomer(this.customerId) : of(null as Customer)
+      ),
+      map((parentCustomer) => {
+        if (parentCustomer) {
+          if (parentCustomer.additionalInfo && parentCustomer.additionalInfo.isPublic) {
+            this.config.tableTitle = this.translate.instant('customer.public-assets');
+          } else {
+            this.config.tableTitle = parentCustomer.title + ': ' + this.translate.instant('asset.assets');
+          }
+        } else {
+          this.config.tableTitle = this.translate.instant('asset.assets');
+        }
+        this.config.columns = this.configureColumns(this.config.componentsData.assetScope);
+        this.configureEntityFunctions(this.config.componentsData.assetScope);
+        this.config.cellActionDescriptors = this.configureCellActions(this.config.componentsData.assetScope);
+        this.config.groupActionDescriptors = this.configureGroupActions(this.config.componentsData.assetScope);
+        this.config.addActionDescriptors = this.configureAddActions(this.config.componentsData.assetScope);
+        this.config.addEnabled = this.config.componentsData.assetScope !== 'customer_user';
+        this.config.entitiesDeleteEnabled = this.config.componentsData.assetScope === 'tenant';
+        this.config.deleteEnabled = () => this.config.componentsData.assetScope === 'tenant';
+        return this.config;
+      })
+    );
+  }
+
+  configureColumns(assetScope: string): Array<EntityTableColumn<AssetInfo>> {
+    const columns: Array<EntityTableColumn<AssetInfo>> = [
+      new DateEntityTableColumn<AssetInfo>('createdTime', 'asset.created-time', this.datePipe, '150px'),
+      new EntityTableColumn<AssetInfo>('name', 'asset.name', '25%'),
+      new EntityTableColumn<AssetInfo>('type', 'asset.asset-type', '25%'),
+      new EntityTableColumn<DeviceInfo>('label', 'asset.label', '25%'),
+    ];
+    if (assetScope === 'tenant') {
+      columns.push(
+        new EntityTableColumn<AssetInfo>('customerTitle', 'customer.customer', '25%'),
+        new EntityTableColumn<AssetInfo>('customerIsPublic', 'asset.public', '60px',
+          entity => {
+            return checkBoxCell(entity.customerIsPublic);
+          }, () => ({}), false),
+      );
+    }
+    return columns;
+  }
+
+  configureEntityFunctions(assetScope: string): void {
+    if (assetScope === 'tenant') {
+      this.config.entitiesFetchFunction = pageLink =>
+        this.assetService.getTenantAssetInfos(pageLink, this.config.componentsData.assetType);
+      this.config.deleteEntity = id => this.assetService.deleteAsset(id.id);
+    } else {
+      this.config.entitiesFetchFunction = pageLink =>
+        this.assetService.getCustomerAssetInfos(this.customerId, pageLink, this.config.componentsData.assetType);
+      this.config.deleteEntity = id => this.assetService.unassignAssetFromCustomer(id.id);
+    }
+  }
+
+  configureCellActions(assetScope: string): Array<CellActionDescriptor<AssetInfo>> {
+    const actions: Array<CellActionDescriptor<AssetInfo>> = [];
+    if (assetScope === 'tenant') {
+      actions.push(
+        {
+          name: this.translate.instant('asset.make-public'),
+          icon: 'share',
+          isEnabled: (entity) => (!entity.customerId || entity.customerId.id === NULL_UUID),
+          onAction: ($event, entity) => this.makePublic($event, entity)
+        },
+        {
+          name: this.translate.instant('asset.assign-to-customer'),
+          icon: 'assignment_ind',
+          isEnabled: (entity) => (!entity.customerId || entity.customerId.id === NULL_UUID),
+          onAction: ($event, entity) => this.assignToCustomer($event, [entity.id])
+        },
+        {
+          name: this.translate.instant('asset.unassign-from-customer'),
+          icon: 'assignment_return',
+          isEnabled: (entity) => (entity.customerId && entity.customerId.id !== NULL_UUID && !entity.customerIsPublic),
+          onAction: ($event, entity) => this.unassignFromCustomer($event, entity)
+        },
+        {
+          name: this.translate.instant('asset.make-private'),
+          icon: 'reply',
+          isEnabled: (entity) => (entity.customerId && entity.customerId.id !== NULL_UUID && entity.customerIsPublic),
+          onAction: ($event, entity) => this.unassignFromCustomer($event, entity)
+        }
+      );
+    }
+    if (assetScope === 'customer') {
+      actions.push(
+        {
+          name: this.translate.instant('asset.unassign-from-customer'),
+          icon: 'assignment_return',
+          isEnabled: (entity) => (entity.customerId && entity.customerId.id !== NULL_UUID && !entity.customerIsPublic),
+          onAction: ($event, entity) => this.unassignFromCustomer($event, entity)
+        },
+        {
+          name: this.translate.instant('asset.make-private'),
+          icon: 'reply',
+          isEnabled: (entity) => (entity.customerId && entity.customerId.id !== NULL_UUID && entity.customerIsPublic),
+          onAction: ($event, entity) => this.unassignFromCustomer($event, entity)
+        }
+      );
+    }
+    return actions;
+  }
+
+  configureGroupActions(assetScope: string): Array<GroupActionDescriptor<AssetInfo>> {
+    const actions: Array<GroupActionDescriptor<AssetInfo>> = [];
+    if (assetScope === 'tenant') {
+      actions.push(
+        {
+          name: this.translate.instant('asset.assign-assets'),
+          icon: 'assignment_ind',
+          isEnabled: true,
+          onAction: ($event, entities) => this.assignToCustomer($event, entities.map((entity) => entity.id))
+        }
+      );
+    }
+    if (assetScope === 'customer') {
+      actions.push(
+        {
+          name: this.translate.instant('asset.unassign-assets'),
+          icon: 'assignment_return',
+          isEnabled: true,
+          onAction: ($event, entities) => this.unassignAssetsFromCustomer($event, entities)
+        }
+      );
+    }
+    return actions;
+  }
+
+  configureAddActions(assetScope: string): Array<HeaderActionDescriptor> {
+    const actions: Array<HeaderActionDescriptor> = [];
+    if (assetScope === 'tenant') {
+      actions.push(
+        {
+          name: this.translate.instant('asset.add-asset-text'),
+          icon: 'insert_drive_file',
+          isEnabled: () => true,
+          onAction: ($event) => this.config.table.addEntity($event)
+        },
+        {
+          name: this.translate.instant('asset.import'),
+          icon: 'file_upload',
+          isEnabled: () => true,
+          onAction: ($event) => this.importAssets($event)
+        }
+      );
+    }
+    if (assetScope === 'customer') {
+      actions.push(
+        {
+          name: this.translate.instant('asset.assign-new-asset'),
+          icon: 'add',
+          isEnabled: () => true,
+          onAction: ($event) => this.addAssetsToCustomer($event)
+        }
+      );
+    }
+    return actions;
+  }
+
+  importAssets($event: Event) {
+    this.homeDialogs.importEntities(EntityType.ASSET).subscribe((res) => {
+      if (res) {
+        this.broadcast.broadcast('assetSaved');
+        this.config.table.updateData();
+      }
+    });
+  }
+
+  addAssetsToCustomer($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialog.open<AddEntitiesToCustomerDialogComponent, AddEntitiesToCustomerDialogData,
+      boolean>(AddEntitiesToCustomerDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        customerId: this.customerId,
+        entityType: EntityType.ASSET
+      }
+    }).afterClosed()
+      .subscribe((res) => {
+        if (res) {
+          this.config.table.updateData();
+        }
+      });
+  }
+
+  makePublic($event: Event, asset: Asset) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialogService.confirm(
+      this.translate.instant('asset.make-public-asset-title', {assetName: asset.name}),
+      this.translate.instant('asset.make-public-asset-text'),
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+      true
+    ).subscribe((res) => {
+        if (res) {
+          this.assetService.makeAssetPublic(asset.id.id).subscribe(
+            () => {
+              this.config.table.updateData();
+            }
+          );
+        }
+      }
+    );
+  }
+
+  assignToCustomer($event: Event, assetIds: Array<AssetId>) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialog.open<AssignToCustomerDialogComponent, AssignToCustomerDialogData,
+      boolean>(AssignToCustomerDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        entityIds: assetIds,
+        entityType: EntityType.ASSET
+      }
+    }).afterClosed()
+      .subscribe((res) => {
+        if (res) {
+          this.config.table.updateData();
+        }
+      });
+  }
+
+  unassignFromCustomer($event: Event, asset: AssetInfo) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    const isPublic = asset.customerIsPublic;
+    let title;
+    let content;
+    if (isPublic) {
+      title = this.translate.instant('asset.make-private-asset-title', {assetName: asset.name});
+      content = this.translate.instant('asset.make-private-asset-text');
+    } else {
+      title = this.translate.instant('asset.unassign-asset-title', {assetName: asset.name});
+      content = this.translate.instant('asset.unassign-asset-text');
+    }
+    this.dialogService.confirm(
+      title,
+      content,
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+      true
+    ).subscribe((res) => {
+        if (res) {
+          this.assetService.unassignAssetFromCustomer(asset.id.id).subscribe(
+            () => {
+              this.config.table.updateData();
+            }
+          );
+        }
+      }
+    );
+  }
+
+  unassignAssetsFromCustomer($event: Event, assets: Array<AssetInfo>) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialogService.confirm(
+      this.translate.instant('asset.unassign-assets-title', {count: assets.length}),
+      this.translate.instant('asset.unassign-assets-text'),
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+      true
+    ).subscribe((res) => {
+        if (res) {
+          const tasks: Observable<any>[] = [];
+          assets.forEach(
+            (asset) => {
+              tasks.push(this.assetService.unassignAssetFromCustomer(asset.id.id));
+            }
+          );
+          forkJoin(tasks).subscribe(
+            () => {
+              this.config.table.updateData();
+            }
+          );
+        }
+      }
+    );
+  }
+
+  onAssetAction(action: EntityAction<AssetInfo>): boolean {
+    switch (action.action) {
+      case 'makePublic':
+        this.makePublic(action.event, action.entity);
+        return true;
+      case 'assignToCustomer':
+        this.assignToCustomer(action.event, [action.entity.id]);
+        return true;
+      case 'unassignFromCustomer':
+        this.unassignFromCustomer(action.event, action.entity);
+        return true;
+    }
+    return false;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/audit-log/audit-log-routing.module.ts b/ui-ngx/src/app/modules/home/pages/audit-log/audit-log-routing.module.ts
new file mode 100644
index 0000000000..468dc5184d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/audit-log/audit-log-routing.module.ts
@@ -0,0 +1,41 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { Authority } from '@shared/models/authority.enum';
+import { AuditLogTableComponent } from '@home/components/audit-log/audit-log-table.component';
+
+const routes: Routes = [
+  {
+    path: 'auditLogs',
+    component: AuditLogTableComponent,
+    data: {
+      auth: [Authority.TENANT_ADMIN],
+      title: 'audit-log.audit-logs',
+      breadcrumb: {
+        label: 'audit-log.audit-logs',
+        icon: 'track_changes'
+      }
+    }
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class AuditLogRoutingModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/audit-log/audit-log.module.ts b/ui-ngx/src/app/modules/home/pages/audit-log/audit-log.module.ts
new file mode 100644
index 0000000000..5c48ebda3f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/audit-log/audit-log.module.ts
@@ -0,0 +1,31 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@shared/shared.module';
+import { AuditLogRoutingModule } from '@modules/home/pages/audit-log/audit-log-routing.module';
+
+@NgModule({
+  declarations: [
+  ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    AuditLogRoutingModule
+  ]
+})
+export class AuditLogModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/customer/customer-routing.module.ts b/ui-ngx/src/app/modules/home/pages/customer/customer-routing.module.ts
new file mode 100644
index 0000000000..dc3bcfb62d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/customer/customer-routing.module.ts
@@ -0,0 +1,149 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from '@angular/router';
+
+import {EntitiesTableComponent} from '../../components/entity/entities-table.component';
+import {Authority} from '@shared/models/authority.enum';
+import {UsersTableConfigResolver} from '../user/users-table-config.resolver';
+import {CustomersTableConfigResolver} from './customers-table-config.resolver';
+import {DevicesTableConfigResolver} from '@modules/home/pages/device/devices-table-config.resolver';
+import {AssetsTableConfigResolver} from '../asset/assets-table-config.resolver';
+import {DashboardsTableConfigResolver} from '@modules/home/pages/dashboard/dashboards-table-config.resolver';
+import { DashboardPageComponent } from '@home/pages/dashboard/dashboard-page.component';
+import { BreadCrumbConfig } from '@shared/components/breadcrumb';
+import { dashboardBreadcumbLabelFunction, DashboardResolver } from '@home/pages/dashboard/dashboard-routing.module';
+
+const routes: Routes = [
+  {
+    path: 'customers',
+    data: {
+      breadcrumb: {
+        label: 'customer.customers',
+        icon: 'supervisor_account'
+      }
+    },
+    children: [
+      {
+        path: '',
+        component: EntitiesTableComponent,
+        data: {
+          auth: [Authority.TENANT_ADMIN],
+          title: 'customer.customers'
+        },
+        resolve: {
+          entitiesTableConfig: CustomersTableConfigResolver
+        }
+      },
+      {
+        path: ':customerId/users',
+        component: EntitiesTableComponent,
+        data: {
+          auth: [Authority.TENANT_ADMIN],
+          title: 'user.customer-users',
+          breadcrumb: {
+            label: 'user.customer-users',
+            icon: 'account_circle'
+          }
+        },
+        resolve: {
+          entitiesTableConfig: UsersTableConfigResolver
+        }
+      },
+      {
+        path: ':customerId/devices',
+        component: EntitiesTableComponent,
+        data: {
+          auth: [Authority.TENANT_ADMIN],
+          title: 'customer.devices',
+          devicesType: 'customer',
+          breadcrumb: {
+            label: 'customer.devices',
+            icon: 'devices_other'
+          }
+        },
+        resolve: {
+          entitiesTableConfig: DevicesTableConfigResolver
+        }
+      },
+      {
+        path: ':customerId/assets',
+        component: EntitiesTableComponent,
+        data: {
+          auth: [Authority.TENANT_ADMIN],
+          title: 'customer.assets',
+          assetsType: 'customer',
+          breadcrumb: {
+            label: 'customer.assets',
+            icon: 'domain'
+          }
+        },
+        resolve: {
+          entitiesTableConfig: AssetsTableConfigResolver
+        }
+      },
+      {
+        path: ':customerId/dashboards',
+        data: {
+          breadcrumb: {
+            label: 'customer.dashboards',
+            icon: 'dashboard'
+          }
+        },
+        children: [
+          {
+            path: '',
+            component: EntitiesTableComponent,
+            data: {
+              auth: [Authority.TENANT_ADMIN],
+              title: 'customer.dashboards',
+              dashboardsType: 'customer'
+            },
+            resolve: {
+              entitiesTableConfig: DashboardsTableConfigResolver
+            }
+          },
+          {
+            path: ':dashboardId',
+            component: DashboardPageComponent,
+            data: {
+              breadcrumb: {
+                labelFunction: dashboardBreadcumbLabelFunction,
+                icon: 'dashboard'
+              } as BreadCrumbConfig,
+              auth: [Authority.TENANT_ADMIN, Authority.CUSTOMER_USER],
+              title: 'customer.dashboard',
+              widgetEditMode: false
+            },
+            resolve: {
+              dashboard: DashboardResolver
+            }
+          }
+        ]
+      }
+    ]
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+  providers: [
+    CustomersTableConfigResolver
+  ]
+})
+export class CustomerRoutingModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/customer/customer-tabs.component.html b/ui-ngx/src/app/modules/home/pages/customer/customer-tabs.component.html
new file mode 100644
index 0000000000..caa1d929cc
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/customer/customer-tabs.component.html
@@ -0,0 +1,51 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-tab *ngIf="entity"
+         label="{{ 'attribute.attributes' | translate }}" #attributesTab="matTab">
+  <tb-attribute-table [defaultAttributeScope]="attributeScopes.SERVER_SCOPE"
+                      [active]="attributesTab.isActive"
+                      [entityId]="entity.id"
+                      [entityName]="entity.name">
+  </tb-attribute-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'attribute.latest-telemetry' | translate }}" #telemetryTab="matTab">
+  <tb-attribute-table [defaultAttributeScope]="latestTelemetryTypes.LATEST_TELEMETRY"
+                      disableAttributeScopeSelection
+                      [active]="telemetryTab.isActive"
+                      [entityId]="entity.id"
+                      [entityName]="entity.name">
+  </tb-attribute-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'alarm.alarms' | translate }}" #alarmsTab="matTab">
+  <tb-alarm-table [active]="alarmsTab.isActive" [entityId]="entity.id"></tb-alarm-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'customer.events' | translate }}" #eventsTab="matTab">
+  <tb-event-table [defaultEventType]="eventTypes.ERROR" [active]="eventsTab.isActive" [tenantId]="entity.tenantId.id"
+                  [entityId]="entity.id"></tb-event-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'relation.relations' | translate }}" #relationsTab="matTab">
+  <tb-relation-table [active]="relationsTab.isActive" [entityId]="entity.id"></tb-relation-table>
+</mat-tab>
+<mat-tab *ngIf="entity && authUser.authority === authorities.TENANT_ADMIN"
+         label="{{ 'audit-log.audit-logs' | translate }}" #auditLogsTab="matTab">
+  <tb-audit-log-table detailsMode="true" [active]="auditLogsTab.isActive" [auditLogMode]="auditLogModes.CUSTOMER" [customerId]="entity.id"></tb-audit-log-table>
+</mat-tab>
diff --git a/ui-ngx/src/app/modules/home/pages/customer/customer-tabs.component.ts b/ui-ngx/src/app/modules/home/pages/customer/customer-tabs.component.ts
new file mode 100644
index 0000000000..bb6e481eae
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/customer/customer-tabs.component.ts
@@ -0,0 +1,38 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityTabsComponent } from '../../components/entity/entity-tabs.component';
+import { Customer } from '@shared/models/customer.model';
+
+@Component({
+  selector: 'tb-customer-tabs',
+  templateUrl: './customer-tabs.component.html',
+  styleUrls: []
+})
+export class CustomerTabsComponent extends EntityTabsComponent<Customer> {
+
+  constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit() {
+    super.ngOnInit();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/customer/customer.component.html b/ui-ngx/src/app/modules/home/pages/customer/customer.component.html
new file mode 100644
index 0000000000..2c2410e2c3
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/customer/customer.component.html
@@ -0,0 +1,79 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-details-buttons">
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'manageUsers')"
+          [fxShow]="!isEdit && !isPublic">
+    {{'customer.manage-users' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'manageAssets')"
+          [fxShow]="!isEdit">
+    {{'customer.manage-assets' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'manageDevices')"
+          [fxShow]="!isEdit">
+    {{'customer.manage-devices' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'manageDashboards')"
+          [fxShow]="!isEdit">
+    {{'customer.manage-dashboards' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'delete')"
+          [fxShow]="!hideDelete() && !isEdit && !isPublic">
+    {{'customer.delete' | translate }}
+  </button>
+  <div fxLayout="row">
+    <button mat-raised-button
+            ngxClipboard
+            (cbOnSuccess)="onCustomerIdCopied($event)"
+            [cbContent]="entity?.id?.id"
+            [fxShow]="!isEdit">
+      <mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon>
+      <span translate>customer.copyId</span>
+    </button>
+  </div>
+</div>
+<div class="mat-padding" fxLayout="column">
+  <form #entityNgForm="ngForm" [formGroup]="entityForm">
+    <fieldset [fxShow]="!isPublic" [disabled]="(isLoading$ | async) || !isEdit">
+      <mat-form-field class="mat-block">
+        <mat-label translate>customer.title</mat-label>
+        <input matInput formControlName="title" required/>
+        <mat-error *ngIf="entityForm.get('title').hasError('required')">
+          {{ 'customer.title-required' | translate }}
+        </mat-error>
+      </mat-form-field>
+      <div formGroupName="additionalInfo" fxLayout="column">
+        <mat-form-field class="mat-block">
+          <mat-label translate>customer.description</mat-label>
+          <textarea matInput formControlName="description" rows="2"></textarea>
+        </mat-form-field>
+      </div>
+      <tb-contact [parentForm]="entityForm" [isEdit]="isEdit"></tb-contact>
+    </fieldset>
+  </form>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/customer/customer.component.ts b/ui-ngx/src/app/modules/home/pages/customer/customer.component.ts
new file mode 100644
index 0000000000..993b63e716
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/customer/customer.component.ts
@@ -0,0 +1,79 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { Customer } from '@shared/models/customer.model';
+import {Tenant} from '@app/shared/models/tenant.model';
+import {ActionNotificationShow} from '@app/core/notification/notification.actions';
+import {TranslateService} from '@ngx-translate/core';
+import {ContactBasedComponent} from '../../components/entity/contact-based.component';
+
+@Component({
+  selector: 'tb-customer',
+  templateUrl: './customer.component.html'
+})
+export class CustomerComponent extends ContactBasedComponent<Customer> {
+
+  isPublic = false;
+
+  constructor(protected store: Store<AppState>,
+              protected translate: TranslateService,
+              protected fb: FormBuilder) {
+    super(store, fb);
+  }
+
+  hideDelete() {
+    if (this.entitiesTableConfig) {
+      return !this.entitiesTableConfig.deleteEnabled(this.entity);
+    } else {
+      return false;
+    }
+  }
+
+  buildEntityForm(entity: Customer): FormGroup {
+    return this.fb.group(
+      {
+        title: [entity ? entity.title : '', [Validators.required]],
+        additionalInfo: this.fb.group(
+          {
+            description: [entity && entity.additionalInfo ? entity.additionalInfo.description : '']
+          }
+        )
+      }
+    );
+  }
+
+  updateEntityForm(entity: Customer) {
+    this.isPublic = entity.additionalInfo && entity.additionalInfo.isPublic;
+    this.entityForm.patchValue({title: entity.title});
+    this.entityForm.patchValue({additionalInfo: {description: entity.additionalInfo ? entity.additionalInfo.description : ''}});
+  }
+
+  onCustomerIdCopied(event) {
+    this.store.dispatch(new ActionNotificationShow(
+      {
+        message: this.translate.instant('customer.idCopiedMessage'),
+        type: 'success',
+        duration: 750,
+        verticalPosition: 'bottom',
+        horizontalPosition: 'right'
+      }));
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/customer/customer.module.ts b/ui-ngx/src/app/modules/home/pages/customer/customer.module.ts
new file mode 100644
index 0000000000..4ba1782c71
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/customer/customer.module.ts
@@ -0,0 +1,37 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@shared/shared.module';
+import {CustomerComponent} from '@modules/home/pages/customer/customer.component';
+import {CustomerRoutingModule} from './customer-routing.module';
+import {HomeComponentsModule} from '@modules/home/components/home-components.module';
+import { CustomerTabsComponent } from '@home/pages/customer/customer-tabs.component';
+
+@NgModule({
+  declarations: [
+    CustomerComponent,
+    CustomerTabsComponent
+  ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    HomeComponentsModule,
+    CustomerRoutingModule
+  ]
+})
+export class CustomerModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/customer/customers-table-config.resolver.ts b/ui-ngx/src/app/modules/home/pages/customer/customers-table-config.resolver.ts
new file mode 100644
index 0000000000..ae48b1b034
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/customer/customers-table-config.resolver.ts
@@ -0,0 +1,173 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+
+import { Resolve, Router } from '@angular/router';
+
+import { Tenant } from '@shared/models/tenant.model';
+import {
+  DateEntityTableColumn,
+  EntityTableColumn,
+  EntityTableConfig
+} from '@home/models/entity/entities-table-config.models';
+import { TranslateService } from '@ngx-translate/core';
+import { DatePipe } from '@angular/common';
+import {
+  EntityType,
+  entityTypeResources,
+  entityTypeTranslations
+} from '@shared/models/entity-type.models';
+import { EntityAction } from '@home/models/entity/entity-component.models';
+import {Customer} from '@app/shared/models/customer.model';
+import {CustomerService} from '@app/core/http/customer.service';
+import {CustomerComponent} from '@modules/home/pages/customer/customer.component';
+import { CustomerTabsComponent } from '@home/pages/customer/customer-tabs.component';
+
+@Injectable()
+export class CustomersTableConfigResolver implements Resolve<EntityTableConfig<Customer>> {
+
+  private readonly config: EntityTableConfig<Customer> = new EntityTableConfig<Customer>();
+
+  constructor(private customerService: CustomerService,
+              private translate: TranslateService,
+              private datePipe: DatePipe,
+              private router: Router) {
+
+    this.config.entityType = EntityType.CUSTOMER;
+    this.config.entityComponent = CustomerComponent;
+    this.config.entityTabsComponent = CustomerTabsComponent;
+    this.config.entityTranslations = entityTypeTranslations.get(EntityType.CUSTOMER);
+    this.config.entityResources = entityTypeResources.get(EntityType.CUSTOMER);
+
+    this.config.columns.push(
+      new DateEntityTableColumn<Customer>('createdTime', 'customer.created-time', this.datePipe, '150px'),
+      new EntityTableColumn<Customer>('title', 'customer.title', '25%'),
+      new EntityTableColumn<Customer>('email', 'contact.email', '25%'),
+      new EntityTableColumn<Customer>('country', 'contact.country', '25%'),
+      new EntityTableColumn<Customer>('city', 'contact.city', '25%')
+    );
+
+    this.config.cellActionDescriptors.push(
+      {
+        name: this.translate.instant('customer.manage-customer-users'),
+        icon: 'account_circle',
+        isEnabled: (customer) => !customer.additionalInfo || !customer.additionalInfo.isPublic,
+        onAction: ($event, entity) => this.manageCustomerUsers($event, entity)
+      },
+      {
+        name: this.translate.instant('customer.manage-customer-assets'),
+        nameFunction: (customer) => {
+          return customer.additionalInfo && customer.additionalInfo.isPublic
+          ? this.translate.instant('customer.manage-public-assets')
+          : this.translate.instant('customer.manage-customer-assets');
+        },
+        icon: 'domain',
+        isEnabled: (customer) => true,
+        onAction: ($event, entity) => this.manageCustomerAssets($event, entity)
+      },
+      {
+        name: this.translate.instant('customer.manage-customer-devices'),
+        nameFunction: (customer) => {
+          return customer.additionalInfo && customer.additionalInfo.isPublic
+            ? this.translate.instant('customer.manage-public-devices')
+            : this.translate.instant('customer.manage-customer-devices');
+        },
+        icon: 'devices_other',
+        isEnabled: (customer) => true,
+        onAction: ($event, entity) => this.manageCustomerDevices($event, entity)
+      },
+      {
+        name: this.translate.instant('customer.manage-customer-dashboards'),
+        nameFunction: (customer) => {
+          return customer.additionalInfo && customer.additionalInfo.isPublic
+            ? this.translate.instant('customer.manage-public-dashboards')
+            : this.translate.instant('customer.manage-customer-dashboards');
+        },
+        icon: 'dashboard',
+        isEnabled: (customer) => true,
+        onAction: ($event, entity) => this.manageCustomerDashboards($event, entity)
+      }
+    );
+
+    this.config.deleteEntityTitle = customer => this.translate.instant('customer.delete-customer-title', { customerTitle: customer.title });
+    this.config.deleteEntityContent = () => this.translate.instant('customer.delete-customer-text');
+    this.config.deleteEntitiesTitle = count => this.translate.instant('customer.delete-customers-title', {count});
+    this.config.deleteEntitiesContent = () => this.translate.instant('customer.delete-customers-text');
+
+    this.config.entitiesFetchFunction = pageLink => this.customerService.getCustomers(pageLink);
+    this.config.loadEntity = id => this.customerService.getCustomer(id.id);
+    this.config.saveEntity = customer => this.customerService.saveCustomer(customer);
+    this.config.deleteEntity = id => this.customerService.deleteCustomer(id.id);
+    this.config.onEntityAction = action => this.onCustomerAction(action);
+    this.config.deleteEnabled = (customer) => customer && (!customer.additionalInfo || !customer.additionalInfo.isPublic);
+    this.config.entitySelectionEnabled = (customer) => customer && (!customer.additionalInfo || !customer.additionalInfo.isPublic);
+    this.config.detailsReadonly = (customer) => customer && customer.additionalInfo && customer.additionalInfo.isPublic;
+  }
+
+  resolve(): EntityTableConfig<Customer> {
+    this.config.tableTitle = this.translate.instant('customer.customers');
+
+    return this.config;
+  }
+
+  manageCustomerUsers($event: Event, customer: Customer) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.router.navigateByUrl(`customers/${customer.id.id}/users`);
+  }
+
+  manageCustomerAssets($event: Event, customer: Customer) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.router.navigateByUrl(`customers/${customer.id.id}/assets`);
+  }
+
+  manageCustomerDevices($event: Event, customer: Customer) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.router.navigateByUrl(`customers/${customer.id.id}/devices`);
+  }
+
+  manageCustomerDashboards($event: Event, customer: Customer) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.router.navigateByUrl(`customers/${customer.id.id}/dashboards`);
+  }
+
+  onCustomerAction(action: EntityAction<Customer>): boolean {
+    switch (action.action) {
+      case 'manageUsers':
+        this.manageCustomerUsers(action.event, action.entity);
+        return true;
+      case 'manageAssets':
+        this.manageCustomerAssets(action.event, action.entity);
+        return true;
+      case 'manageDevices':
+        this.manageCustomerDevices(action.event, action.entity);
+        return true;
+      case 'manageDashboards':
+        this.manageCustomerDashboards(action.event, action.entity);
+        return true;
+    }
+    return false;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/add-widget-dialog.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/add-widget-dialog.component.html
new file mode 100644
index 0000000000..66044407cf
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/add-widget-dialog.component.html
@@ -0,0 +1,57 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #widgetForm="ngForm" [formGroup]="widgetFormGroup" (ngSubmit)="add()" style="width: 900px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>widget.add</h2>
+    <span fxFlex></span>
+    <div [tb-help]="helpLinkIdForWidgetType()"></div>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async" style="position: relative; height: 600px;">
+      <tb-widget-config
+        [aliasController]="aliasController"
+        [functionsOnly]="false"
+        [entityAliases]="dashboard.configuration.entityAliases"
+        [dashboardStates]="dashboard.configuration.states"
+        formControlName="widgetConfig">
+      </tb-widget-config>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || widgetFormGroup.invalid">
+      {{ 'action.add' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/add-widget-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/add-widget-dialog.component.ts
new file mode 100644
index 0000000000..03f8c489f7
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/add-widget-dialog.component.ts
@@ -0,0 +1,138 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit, SkipSelf } from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm } from '@angular/forms';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@app/shared/components/dialog.component';
+import { Widget, widgetTypesData } from '@shared/models/widget.models';
+import { UtilsService } from '@core/services/utils.service';
+import { TranslateService } from '@ngx-translate/core';
+import { EntityService } from '@core/http/entity.service';
+import { Dashboard } from '@app/shared/models/dashboard.models';
+import { IAliasController } from '@core/api/widget-api.models';
+import { WidgetConfigComponentData, WidgetInfo } from '@home/models/widget-component.models';
+import { isDefined, isString } from '@core/utils';
+
+export interface AddWidgetDialogData {
+  dashboard: Dashboard;
+  aliasController: IAliasController;
+  widget: Widget;
+  widgetInfo: WidgetInfo;
+}
+
+@Component({
+  selector: 'tb-add-widget-dialog',
+  templateUrl: './add-widget-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: AddWidgetDialogComponent}],
+  styleUrls: []
+})
+export class AddWidgetDialogComponent extends DialogComponent<AddWidgetDialogComponent, Widget>
+  implements OnInit, ErrorStateMatcher {
+
+  widgetFormGroup: FormGroup;
+
+  dashboard: Dashboard;
+  aliasController: IAliasController;
+  widget: Widget;
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: AddWidgetDialogData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<AddWidgetDialogComponent, Widget>,
+              private fb: FormBuilder,
+              private utils: UtilsService,
+              private translate: TranslateService,
+              private entityService: EntityService) {
+    super(store, router, dialogRef);
+
+    this.dashboard = this.data.dashboard;
+    this.aliasController = this.data.aliasController;
+    this.widget = this.data.widget;
+
+    const widgetInfo = this.data.widgetInfo;
+
+    const rawSettingsSchema = widgetInfo.typeSettingsSchema || widgetInfo.settingsSchema;
+    const rawDataKeySettingsSchema = widgetInfo.typeDataKeySettingsSchema || widgetInfo.dataKeySettingsSchema;
+    const typeParameters = widgetInfo.typeParameters;
+    const actionSources = widgetInfo.actionSources;
+    const isDataEnabled = isDefined(widgetInfo.typeParameters) ? !widgetInfo.typeParameters.useCustomDatasources : true;
+    let settingsSchema;
+    if (!rawSettingsSchema || rawSettingsSchema === '') {
+      settingsSchema = {};
+    } else {
+      settingsSchema = isString(rawSettingsSchema) ? JSON.parse(rawSettingsSchema) : rawSettingsSchema;
+    }
+    let dataKeySettingsSchema;
+    if (!rawDataKeySettingsSchema || rawDataKeySettingsSchema === '') {
+      dataKeySettingsSchema = {};
+    } else {
+      dataKeySettingsSchema = isString(rawDataKeySettingsSchema) ? JSON.parse(rawDataKeySettingsSchema) : rawDataKeySettingsSchema;
+    }
+    const widgetConfig: WidgetConfigComponentData = {
+      config: this.widget.config,
+      layout: {},
+      widgetType: this.widget.type,
+      typeParameters,
+      actionSources,
+      isDataEnabled,
+      settingsSchema,
+      dataKeySettingsSchema
+    };
+
+    this.widgetFormGroup = this.fb.group({
+        widgetConfig: [widgetConfig, []]
+      }
+    );
+  }
+
+  ngOnInit(): void {
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  helpLinkIdForWidgetType(): string {
+    let link = 'widgetsConfig';
+    if (this.widget && this.widget.type) {
+      link = widgetTypesData.get(this.widget.type).configHelpLinkId;
+    }
+    return link;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  add(): void {
+    this.submitted = true;
+    const widgetConfig: WidgetConfigComponentData = this.widgetFormGroup.get('widgetConfig').value;
+    this.widget.config = widgetConfig.config;
+    this.widget.config.mobileOrder = widgetConfig.layout.mobileOrder;
+    this.widget.config.mobileHeight = widgetConfig.layout.mobileHeight;
+    this.dialogRef.close(this.widget);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.html
new file mode 100644
index 0000000000..4cf252527b
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.html
@@ -0,0 +1,110 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-details-buttons">
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'open')"
+          [fxShow]="!isEdit">
+    {{'dashboard.open-dashboard' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'export')"
+          [fxShow]="!isEdit && dashboardScope === 'tenant'">
+    {{'dashboard.export' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'makePublic')"
+          [fxShow]="!isEdit && dashboardScope === 'tenant' && !isPublic(entity)">
+    {{'dashboard.make-public' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'makePrivate')"
+          [fxShow]="!isEdit && (dashboardScope === 'tenant' && isPublic(entity)
+                                || dashboardScope === 'customer' && isCurrentPublicCustomer(entity))">
+    {{'dashboard.make-private' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'manageAssignedCustomers')"
+          [fxShow]="!isEdit && dashboardScope === 'tenant'">
+    {{'dashboard.manage-assigned-customers' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'unassignFromCustomer')"
+          [fxShow]="!isEdit && dashboardScope === 'customer' && !isCurrentPublicCustomer(entity)">
+    {{ 'dashboard.unassign-from-customer' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'delete')"
+          [fxShow]="!hideDelete() && !isEdit">
+    {{'dashboard.delete' | translate }}
+  </button>
+</div>
+<div class="mat-padding" fxLayout="column">
+  <mat-form-field class="mat-block"
+                  [fxShow]="!isEdit && assignedCustomersText?.length
+                              && dashboardScope === 'tenant'">
+    <mat-label translate>dashboard.assignedToCustomers</mat-label>
+    <input matInput disabled [ngModel]="assignedCustomersText">
+  </mat-form-field>
+  <div fxLayout="column" [fxShow]="!isEdit && (dashboardScope === 'tenant' && isPublic(entity)
+                                || dashboardScope === 'customer' && isCurrentPublicCustomer(entity))">
+    <tb-social-share-panel style="padding-bottom: 10px;"
+                           shareTitle="{{ 'dashboard.socialshare-title' | translate:{dashboardTitle: entity?.title} }}"
+                           shareText="{{ 'dashboard.socialshare-text' | translate:{dashboardTitle: entity?.title} }}"
+                           shareLink="{{ publicLink }}"
+                           shareHashTags="thingsboard, iot">
+    </tb-social-share-panel>
+    <div fxLayout="row">
+      <mat-form-field class="mat-block" fxFlex>
+        <mat-label translate>dashboard.public-link</mat-label>
+        <input matInput disabled [ngModel]="publicLink">
+      </mat-form-field>
+      <button mat-button mat-icon-button style="margin-top: 8px;"
+              ngxClipboard
+              (cbOnSuccess)="onPublicLinkCopied($event)"
+              cbContent="{{ publicLink }}"
+              matTooltipPosition="above"
+              matTooltip="{{ 'dashboard.copy-public-link' | translate }}">
+        <mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon>
+      </button>
+    </div>
+  </div>
+  <form #entityNgForm="ngForm" [formGroup]="entityForm">
+    <fieldset [disabled]="(isLoading$ | async) || !isEdit">
+      <mat-form-field class="mat-block">
+        <mat-label translate>dashboard.title</mat-label>
+        <input matInput formControlName="title" required>
+        <mat-error *ngIf="entityForm.get('title').hasError('required')">
+          {{ 'dashboard.title-required' | translate }}
+        </mat-error>
+      </mat-form-field>
+      <div formGroupName="configuration" fxLayout="column">
+        <mat-form-field class="mat-block">
+          <mat-label translate>dashboard.description</mat-label>
+          <textarea matInput formControlName="description" rows="2"></textarea>
+        </mat-form-field>
+      </div>
+    </fieldset>
+  </form>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.scss b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.scss
new file mode 100644
index 0000000000..bb3718c2da
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.ts
new file mode 100644
index 0000000000..e3aea3be2f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.ts
@@ -0,0 +1,110 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Component} from '@angular/core';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {EntityComponent} from '../../components/entity/entity.component';
+import {FormBuilder, FormGroup, Validators} from '@angular/forms';
+import {ActionNotificationShow} from '@core/notification/notification.actions';
+import {TranslateService} from '@ngx-translate/core';
+import {
+  Dashboard,
+  isPublicDashboard,
+  getDashboardAssignedCustomersText,
+  isCurrentPublicDashboardCustomer,
+  DashboardInfo
+} from '@shared/models/dashboard.models';
+import {DashboardService} from '@core/http/dashboard.service';
+
+@Component({
+  selector: 'tb-dashboard-form',
+  templateUrl: './dashboard-form.component.html',
+  styleUrls: ['./dashboard-form.component.scss']
+})
+export class DashboardFormComponent extends EntityComponent<Dashboard> {
+
+  dashboardScope: 'tenant' | 'customer' | 'customer_user';
+  customerId: string;
+
+  publicLink: string;
+  assignedCustomersText: string;
+
+  constructor(protected store: Store<AppState>,
+              protected translate: TranslateService,
+              private dashboardService: DashboardService,
+              public fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit() {
+    this.dashboardScope = this.entitiesTableConfig.componentsData.dashboardScope;
+    this.customerId = this.entitiesTableConfig.componentsData.customerId;
+    super.ngOnInit();
+  }
+
+  isPublic(entity: Dashboard): boolean {
+    return isPublicDashboard(entity);
+  }
+
+  isCurrentPublicCustomer(entity: Dashboard): boolean {
+    return isCurrentPublicDashboardCustomer(entity, this.customerId);
+  }
+
+  hideDelete() {
+    if (this.entitiesTableConfig) {
+      return !this.entitiesTableConfig.deleteEnabled(this.entity);
+    } else {
+      return false;
+    }
+  }
+
+  buildForm(entity: Dashboard): FormGroup {
+    this.updateFields(entity);
+    return this.fb.group(
+      {
+        title: [entity ? entity.title : '', [Validators.required]],
+        configuration: this.fb.group(
+          {
+            description: [entity && entity.configuration ? entity.configuration.description : ''],
+          }
+        )
+      }
+    );
+  }
+
+  updateForm(entity: Dashboard) {
+    this.updateFields(entity);
+    this.entityForm.patchValue({title: entity.title});
+    this.entityForm.patchValue({configuration: {description: entity.configuration ? entity.configuration.description : ''}});
+  }
+
+  onPublicLinkCopied($event) {
+    this.store.dispatch(new ActionNotificationShow(
+     {
+        message: this.translate.instant('dashboard.public-link-copied-message'),
+        type: 'success',
+        duration: 750,
+        verticalPosition: 'bottom',
+        horizontalPosition: 'right'
+      }));
+  }
+
+  private updateFields(entity: Dashboard): void {
+    this.assignedCustomersText = getDashboardAssignedCustomersText(entity);
+    this.publicLink = this.dashboardService.getPublicDashboardLink(entity);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-page.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-page.component.html
new file mode 100644
index 0000000000..7513237824
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-page.component.html
@@ -0,0 +1,257 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-dashboard-page mat-content" style="padding-top: 150px;"
+     fxFlex tb-fullscreen [fullscreen]="widgetEditMode || iframeMode || forceFullscreen || isFullscreen">
+  <tb-hotkeys-cheatsheet #cheatSheetComponent></tb-hotkeys-cheatsheet>
+  <section class="tb-dashboard-toolbar"
+           [ngClass]="{ 'tb-dashboard-toolbar-opened': toolbarOpened,
+                        'tb-dashboard-toolbar-closed': !toolbarOpened }">
+    <tb-dashboard-toolbar [fxShow]="!widgetEditMode" [forceFullscreen]="forceFullscreen"
+                          [toolbarOpened]="toolbarOpened" (triggerClick)="openToolbar()">
+      <div class="tb-dashboard-action-panels" fxLayout="column-reverse" fxLayout.gt-sm="row-reverse"
+           fxLayoutAlign="center stretch" fxLayoutAlign.gt-sm="space-between center">
+        <div class="tb-dashboard-action-panel" fxFlex.md="30" fxLayout="row-reverse"
+             fxLayoutAlign.gt-sm="start center" fxLayoutAlign="space-between center" fxLayoutGap="12px">
+          <button [fxShow]="showCloseToolbar()" mat-button mat-icon-button class="close-action"
+                  matTooltip="{{ 'dashboard.close-toolbar' | translate }}"
+                  matTooltipPosition="below"
+                  (click)="closeToolbar()">
+            <mat-icon>arrow_forward</mat-icon>
+          </button>
+          <tb-user-menu *ngIf="!isPublicUser() && forceFullscreen" fxHide.xs fxHide.sm displayUserInfo="true">
+          </tb-user-menu>
+          <button [fxShow]="showRightLayoutSwitch()" mat-button mat-icon-button
+                  matTooltip="{{ (isRightLayoutOpened ? 'dashboard.hide-details' : 'dashboard.show-details') | translate }}"
+                  matTooltipPosition="below"
+                  (click)="toggleLayouts()">
+            <mat-icon>{{isRightLayoutOpened ? 'arrow_back' : 'menu'}}</mat-icon>
+          </button>
+          <button [fxShow]="!hideFullscreenButton()" mat-button mat-icon-button
+                  matTooltip="{{(isFullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
+                  matTooltipPosition="below"
+                  (click)="isFullscreen = !isFullscreen">
+            <mat-icon>{{ isFullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+          </button>
+          <button [fxShow]="isEdit || displayExport()" mat-button mat-icon-button
+                  matTooltip="{{'dashboard.export' | translate}}"
+                  matTooltipPosition="below"
+                  (click)="exportDashboard($event)">
+            <mat-icon>file_download</mat-icon>
+          </button>
+          <tb-timewindow [fxShow]="isEdit || displayDashboardTimewindow()"
+                         isToolbar="true"
+                         direction="left"
+                         tooltipPosition="below"
+                         aggregation="true"
+                         [(ngModel)]="dashboardCtx.dashboardTimewindow">
+          </tb-timewindow>
+          <tb-aliases-entity-select [fxShow]="!isEdit && displayEntitiesSelect()"
+                                    tooltipPosition="below"
+                                    [aliasController]="dashboardCtx.aliasController">
+          </tb-aliases-entity-select>
+          <button [fxShow]="isEdit" mat-button mat-icon-button
+                  matTooltip="{{ 'entity.aliases' | translate }}"
+                  matTooltipPosition="below"
+                  (click)="openEntityAliases($event)">
+            <mat-icon>devices_other</mat-icon>
+          </button>
+          <button [fxShow]="isEdit" mat-button mat-icon-button
+                  matTooltip="{{ 'dashboard.settings' | translate }}"
+                  matTooltipPosition="below"
+                  (click)="openDashboardSettings($event)">
+            <mat-icon>settings</mat-icon>
+          </button>
+          <tb-dashboard-select [fxShow]="!isEdit && !widgetEditMode && displayDashboardsSelect()"
+                               [(ngModel)]="currentDashboardId"
+                               (ngModelChange)="currentDashboardIdChanged(currentDashboardId)"
+                               [customerId]="currentCustomerId"
+                               [dashboardsScope]="currentDashboardScope">
+          </tb-dashboard-select>
+        </div>
+        <div class="tb-dashboard-action-panel" fxFlex.md="70" fxLayout="row-reverse"
+             fxLayoutAlign.gt-sm="end center" fxLayoutAlign="space-between center" fxLayoutGap="12px">
+          <tb-user-menu *ngIf="!isPublicUser() && forceFullscreen" fxHide.gt-sm displayUserInfo="true">
+          </tb-user-menu>
+          <div [fxShow]="isEdit"
+               fxFlex.xs fxFlex.sm fxLayout="row"
+               fxLayoutAlign.gt-sm="start center"
+               fxLayoutAlign="space-between center" fxLayoutGap="12px">
+            <button mat-button mat-icon-button
+                    matTooltip="{{'dashboard.manage-states' | translate}}"
+                    matTooltipPosition="below"
+                    (click)="manageDashboardStates($event)">
+              <mat-icon>layers</mat-icon>
+            </button>
+            <button mat-button mat-icon-button
+                    matTooltip="{{'layout.manage' | translate}}"
+                    matTooltipPosition="below"
+                    (click)="manageDashboardLayouts($event)">
+              <mat-icon>view_compact</mat-icon>
+            </button>
+          </div>
+          <tb-states-component fxFlex.xs fxFlex.sm
+                               [statesControllerId]="isEdit ? 'default' : dashboardConfiguration.settings.stateControllerId"
+                               [dashboardCtrl]="this"
+                               [dashboardId]="dashboard.id ? dashboard.id.id : ''"
+                               [isMobile]="isMobile"
+                               [state]="dashboardCtx.state"
+                               [states]="dashboardConfiguration.states">
+          </tb-states-component>
+        </div>
+      </div>
+    </tb-dashboard-toolbar>
+  </section>
+  <section class="tb-dashboard-container tb-absolute-fill"
+           [ngClass]="{ 'is-fullscreen': forceFullscreen,
+           'tb-dashboard-toolbar-opened': toolbarOpened,
+           'tb-dashboard-toolbar-animated': isToolbarOpenedAnimate,
+           'tb-dashboard-toolbar-closed': !toolbarOpened }">
+    <mat-drawer-container hasBackdrop="false" class="tb-absolute-fill tb-dashboard-drawer-container">
+      <mat-drawer-content fxLayout="column" fxLayoutAlign="center start">
+        <section *ngIf="!widgetEditMode" class="tb-dashboard-title"
+                 [ngStyle]="{'color': dashboard.configuration.settings.titleColor}">
+          <h3 [fxShow]="!isEdit && displayTitle()">{{ dashboard.title }}</h3>
+          <mat-form-field [fxShow]="isEdit" class="mat-block">
+            <mat-label translate [ngStyle]="{'color': dashboard.configuration.settings.titleColor}">dashboard.title</mat-label>
+            <input matInput class="tb-dashboard-title"
+                   [ngStyle]="{'color': dashboard.configuration.settings.titleColor}"
+                   required name="title" [(ngModel)]="dashboard.title">
+          </mat-form-field>
+        </section>
+        <mat-drawer-container class="tb-dashboard-layouts" fxFlex
+                              [ngClass]="{ 'tb-shrinked' : isEditingWidget }">
+          <mat-drawer *ngIf="layouts.right.show"
+                      id="tb-right-layout"
+                      [ngStyle]="{minWidth: rightLayoutWidth(),
+                                  maxWidth: rightLayoutWidth(),
+                                  height: rightLayoutHeight(),
+                                  borderLeft: 'none'}"
+              disableClose="true"
+              [@.disabled]="!isMobile"
+              position="end"
+              [mode]="isMobile ? 'over' : 'side'"
+              [(opened)]="rightLayoutOpened">
+            <tb-dashboard-layout style="height: 100%;"
+              [dashboardCheatSheet]="cheatSheetComponent"
+              [layoutCtx]="layouts.right.layoutCtx"
+              [dashboardCtx]="dashboardCtx"
+              [isEdit]="isEdit"
+              [isEditingWidget]="isEditingWidget"
+              [isMobile]="forceDashboardMobileMode"
+              [widgetEditMode]="widgetEditMode">
+            </tb-dashboard-layout>
+          </mat-drawer>
+          <mat-drawer-content [fxShow]="layouts.main.show"
+                              id="tb-main-layout"
+                              [ngStyle]="{width: mainLayoutWidth(),
+                              height: mainLayoutHeight()}">
+            <tb-dashboard-layout
+              [dashboardCheatSheet]="cheatSheetComponent"
+              [layoutCtx]="layouts.main.layoutCtx"
+              [dashboardCtx]="dashboardCtx"
+              [isEdit]="isEdit"
+              [isEditingWidget]="isEditingWidget"
+              [isMobile]="forceDashboardMobileMode"
+              [widgetEditMode]="widgetEditMode">
+            </tb-dashboard-layout>
+          </mat-drawer-content>
+        </mat-drawer-container>
+        <section fxLayout="row" class="layout-wrap tb-footer-buttons" fxLayoutAlign="start end">
+          <tb-footer-fab-buttons [fxShow]="!isAddingWidget && isEdit && !widgetEditMode"
+                                 relative
+                                 [footerFabButtons]="addWidgetFabButtons">
+          </tb-footer-fab-buttons>
+          <button *ngIf="(isTenantAdmin() || isSystemAdmin()) && !forceFullscreen"
+                  mat-fab color="accent" class="tb-btn-footer"
+                  [ngClass]="{'tb-hide': !isEdit || isAddingWidget}"
+                  [disabled]="isLoading$ | async"
+                  (click)="saveDashboard()"
+                  matTooltip="{{ 'action.apply-changes' | translate }}"
+                  matTooltipPosition="above">
+            <mat-icon>done</mat-icon>
+          </button>
+          <button *ngIf="(isTenantAdmin() || isSystemAdmin()) && !forceFullscreen"
+                  mat-fab color="accent" class="tb-btn-footer"
+                  [ngClass]="{'tb-hide': isAddingWidget || (isLoading$ | async)}"
+                  [disabled]="isLoading$ | async"
+                  (click)="toggleDashboardEditMode()"
+                  matTooltip="{{ (isEdit ? 'action.decline-changes': 'action.enter-edit-mode') | translate }}"
+                  matTooltipPosition="above">
+            <mat-icon>{{ isEdit ? 'close' : 'edit' }}</mat-icon>
+          </button>
+        </section>
+        <section class="tb-powered-by-footer" [ngStyle]="{'color': dashboard.configuration.settings.titleColor}">
+          <span>Powered by <a href="https://thingsboard.io" target="_blank">Thingsboard v.{{ thingsboardVersion }}</a></span>
+        </section>
+      </mat-drawer-content>
+      <mat-drawer class="tb-details-drawer"
+                  [opened]="isEditingWidget || isAddingWidget"
+                  (openedStart)="detailsDrawerOpenedStart()"
+                  (opened)="detailsDrawerOpened()"
+                  (closedStart)="detailsDrawerClosedStart()"
+                  (closed)="detailsDrawerClosed()"
+                  mode="over"
+                  position="end">
+        <tb-details-panel *ngIf="!isEditingWidgetClosed" fxFlex
+                          headerTitle="{{editingWidget?.config.title}}"
+                          headerSubtitle="{{ editingWidgetSubtitle }}"
+                          [isReadOnly]="false"
+                          [isAlwaysEdit]="true"
+                          (closeDetails)="onEditWidgetClosed()"
+                          (toggleDetailsEditMode)="onRevertWidgetEdit()"
+                          (applyDetails)="saveWidget()"
+                          [theForm]="tbEditWidget.widgetForm">
+          <div class="details-buttons">
+            <div [tb-help]="helpLinkIdForWidgetType()"></div>
+          </div>
+          <tb-edit-widget #tbEditWidget
+                          [dashboard]="dashboard"
+                          [aliasController]="dashboardCtx.aliasController"
+                          [widgetEditMode]="widgetEditMode"
+                          [widget]="editingWidget"
+                          [widgetLayout]="editingWidgetLayout">
+          </tb-edit-widget>
+        </tb-details-panel>
+        <tb-details-panel *ngIf="!isAddingWidgetClosed && !widgetEditMode" fxFlex
+                          headerTitle="{{'dashboard.select-widget-title' | translate}}"
+                          headerHeightPx="120"
+                          [isReadOnly]="true"
+                          [isEdit]="false"
+                          (closeDetails)="onAddWidgetClosed()">
+          <div class="header-pane" *ngIf="isAddingWidget">
+            <div fxLayout="row">
+              <span class="tb-details-subtitle">{{ 'widgets-bundle.current' | translate }}</span>
+              <tb-widgets-bundle-select fxFlexOffset="5"
+                                        fxFlex
+                                        required
+                                        [selectFirstBundle]="false"
+                                        [ngModel]="widgetsBundle"
+                                        (ngModelChange)="widgetsBundle = $event">
+              </tb-widgets-bundle-select>
+            </div>
+          </div>
+          <tb-dashboard-widget-select *ngIf="isAddingWidget"
+                                      [aliasController]="dashboardCtx.aliasController"
+                                      [widgetsBundle]="widgetsBundle"
+                                      (widgetSelected)="addWidgetFromType($event)">
+          </tb-dashboard-widget-select>
+        </tb-details-panel>
+      </mat-drawer>
+    </mat-drawer-container>
+  </section>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-page.component.scss b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-page.component.scss
new file mode 100644
index 0000000000..19c35876f1
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-page.component.scss
@@ -0,0 +1,141 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import "../../../../../scss/constants";
+
+$toolbar-height: 50px !default;
+$fullscreen-toolbar-height: 64px !default;
+$mobile-toolbar-height: 84px !default;
+
+tb-dashboard-page {
+  display: flex;
+  width: 100%;
+  height: 100%;
+}
+
+div.tb-dashboard-page {
+  &.mat-content {
+    overflow: hidden;
+    background-color: #eee;
+  }
+  section.tb-dashboard-title {
+    position: relative;
+    padding-left: 20px;
+    max-height: 60px;
+    mat-form-field {
+      .mat-form-field-infix {
+        width: 100%;
+      }
+    }
+    input.tb-dashboard-title {
+      height: 38px;
+      font-size: 2rem;
+      font-weight: 500;
+      letter-spacing: .005em;
+    }
+  }
+
+  section.tb-dashboard-toolbar {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 13;
+    pointer-events: none;
+
+    &.tb-dashboard-toolbar-opened {
+      right: 0;
+      // transition: right .3s cubic-bezier(.55, 0, .55, .2);
+    }
+
+    &.tb-dashboard-toolbar-closed {
+      right: 18px;
+      transition: right .3s cubic-bezier(.55, 0, .55, .2) .2s;
+    }
+  }
+
+  .tb-dashboard-container {
+    &.tb-dashboard-toolbar-opened {
+      &.is-fullscreen {
+        margin-top: $mobile-toolbar-height;
+
+        @media #{$mat-gt-sm} {
+          margin-top: $fullscreen-toolbar-height;
+        }
+      }
+
+      &:not(.is-fullscreen) {
+        margin-top: $mobile-toolbar-height;
+
+        @media #{$mat-gt-sm} {
+          margin-top: $toolbar-height;
+        }
+        &.tb-dashboard-toolbar-animated {
+          transition: margin-top .3s cubic-bezier(.55, 0, .55, .2);
+        }
+      }
+    }
+
+    &.tb-dashboard-toolbar-closed {
+      margin-top: 0;
+
+      &.tb-dashboard-toolbar-animated {
+        transition: margin-top .3s cubic-bezier(.55, 0, .55, .2) .2s;
+      }
+    }
+  }
+
+  mat-drawer-container.tb-dashboard-drawer-container {
+    mat-drawer-container.tb-dashboard-layouts {
+      width: 100%;
+      &.tb-shrinked {
+        width: 40%;
+      }
+    }
+
+    mat-drawer.tb-details-drawer {
+      @media #{$mat-gt-sm} {
+        width: 85% !important;
+      }
+
+      @media #{$mat-gt-md} {
+        width: 75% !important;
+      }
+
+      @media #{$mat-gt-xl} {
+        width: 60% !important;
+      }
+    }
+  }
+
+  section.tb-powered-by-footer {
+    position: absolute;
+    right: 25px;
+    bottom: 5px;
+    z-index: 30;
+    pointer-events: none;
+
+    span {
+      font-size: 12px;
+
+      a {
+        font-weight: 700;
+        text-decoration: none;
+        pointer-events: all;
+        border: none;
+      }
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-page.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-page.component.ts
new file mode 100644
index 0000000000..4422189897
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-page.component.ts
@@ -0,0 +1,1042 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { ChangeDetectorRef, Component, Inject, NgZone, OnDestroy, ViewChild, ViewEncapsulation } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { ActivatedRoute, Router } from '@angular/router';
+import { UtilsService } from '@core/services/utils.service';
+import { AuthService } from '@core/auth/auth.service';
+import {
+  Dashboard,
+  DashboardConfiguration,
+  DashboardLayoutId,
+  DashboardLayoutInfo,
+  DashboardLayoutsInfo, DashboardState,
+  DashboardStateLayouts, GridSettings,
+  WidgetLayout
+} from '@app/shared/models/dashboard.models';
+import { WINDOW } from '@core/services/window.service';
+import { WindowMessage } from '@shared/models/window-message.model';
+import { deepClone, isDefined } from '@app/core/utils';
+import {
+  DashboardContext,
+  DashboardPageLayout,
+  DashboardPageLayoutContext,
+  DashboardPageLayouts,
+  DashboardPageScope,
+  IDashboardController,
+  LayoutWidgetsArray
+} from './dashboard-page.models';
+import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';
+import { MediaBreakpoints } from '@shared/models/constants';
+import { AuthUser } from '@shared/models/user.model';
+import { getCurrentAuthState, getCurrentAuthUser } from '@core/auth/auth.selectors';
+import { Widget, WidgetConfig, WidgetPosition, widgetTypesData } from '@app/shared/models/widget.models';
+import { environment as env } from '@env/environment';
+import { Authority } from '@shared/models/authority.enum';
+import { DialogService } from '@core/services/dialog.service';
+import { EntityService } from '@core/http/entity.service';
+import { AliasController } from '@core/api/alias-controller';
+import { Observable, of, Subscription } from 'rxjs';
+import { FooterFabButtons } from '@shared/components/footer-fab-buttons.component';
+import { DashboardUtilsService } from '@core/services/dashboard-utils.service';
+import { DashboardService } from '@core/http/dashboard.service';
+import { DashboardContextMenuItem, WidgetContextMenuItem } from '../../models/dashboard-component.models';
+import { WidgetComponentService } from '../../components/widget/widget-component.service';
+import { FormBuilder } from '@angular/forms';
+import { ItemBufferService } from '@core/services/item-buffer.service';
+import { MatDialog } from '@angular/material/dialog';
+import {
+  EntityAliasesDialogComponent,
+  EntityAliasesDialogData
+} from '@home/components/alias/entity-aliases-dialog.component';
+import { EntityAliases } from '@app/shared/models/alias.models';
+import { EditWidgetComponent } from '@home/pages/dashboard/edit-widget.component';
+import { WidgetsBundle } from '@shared/models/widgets-bundle.model';
+import { AddWidgetDialogComponent, AddWidgetDialogData } from '@home/pages/dashboard/add-widget-dialog.component';
+import { TranslateService } from '@ngx-translate/core';
+import {
+  ManageDashboardLayoutsDialogComponent,
+  ManageDashboardLayoutsDialogData
+} from '@home/pages/dashboard/layout/manage-dashboard-layouts-dialog.component';
+import { SelectTargetLayoutDialogComponent } from '@home/components/dashboard/select-target-layout-dialog.component';
+import {
+  DashboardSettingsDialogComponent,
+  DashboardSettingsDialogData
+} from '@home/pages/dashboard/dashboard-settings-dialog.component';
+import {
+  ManageDashboardStatesDialogComponent,
+  ManageDashboardStatesDialogData
+} from '@home/pages/dashboard/states/manage-dashboard-states-dialog.component';
+import { ImportExportService } from '@home/components/import-export/import-export.service';
+import { AuthState } from '@app/core/auth/auth.models';
+
+// @dynamic
+@Component({
+  selector: 'tb-dashboard-page',
+  templateUrl: './dashboard-page.component.html',
+  styleUrls: ['./dashboard-page.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+  // changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class DashboardPageComponent extends PageComponent implements IDashboardController, OnDestroy {
+
+  authState: AuthState = getCurrentAuthState(this.store);
+
+  authUser: AuthUser = this.authState.authUser;
+
+  dashboard: Dashboard;
+  dashboardConfiguration: DashboardConfiguration;
+
+  prevDashboard: Dashboard;
+
+  iframeMode = this.utils.iframeMode;
+  widgetEditMode: boolean;
+  singlePageMode: boolean;
+  forceFullscreen = this.authState.forceFullscreen;
+
+  isFullscreen = false;
+  isEdit = false;
+  isEditingWidget = false;
+  isEditingWidgetClosed = true;
+  isMobile = !this.breakpointObserver.isMatched(MediaBreakpoints['gt-sm']);
+  forceDashboardMobileMode = false;
+  isAddingWidget = false;
+  isAddingWidgetClosed = true;
+  widgetsBundle: WidgetsBundle = null;
+
+  isToolbarOpened = false;
+  isToolbarOpenedAnimate = false;
+  isRightLayoutOpened = false;
+
+  editingWidget: Widget = null;
+  editingWidgetLayout: WidgetLayout = null;
+  editingWidgetOriginal: Widget = null;
+  editingWidgetLayoutOriginal: WidgetLayout = null;
+  editingWidgetSubtitle: string = null;
+  editingLayoutCtx: DashboardPageLayoutContext = null;
+
+  thingsboardVersion: string = env.tbVersion;
+
+  currentDashboardId: string;
+  currentCustomerId: string;
+  currentDashboardScope: DashboardPageScope;
+
+  addingLayoutCtx: DashboardPageLayoutContext;
+
+
+  dashboardCtx: DashboardContext = {
+    getDashboard: () => this.dashboard,
+    dashboardTimewindow: null,
+    state: null,
+    stateController: null,
+    aliasController: null,
+    runChangeDetection: this.runChangeDetection.bind(this)
+  };
+
+  layouts: DashboardPageLayouts = {
+    main: {
+      show: false,
+      layoutCtx: {
+        id: 'main',
+        widgets: null,
+        widgetLayouts: {},
+        gridSettings: {},
+        ignoreLoading: false,
+        ctrl: null,
+        dashboardCtrl: this
+      }
+    },
+    right: {
+      show: false,
+      layoutCtx: {
+        id: 'right',
+        widgets: null,
+        widgetLayouts: {},
+        gridSettings: {},
+        ignoreLoading: false,
+        ctrl: null,
+        dashboardCtrl: this
+      }
+    }
+  };
+
+  addWidgetFabButtons: FooterFabButtons = {
+    fabTogglerName: 'dashboard.add-widget',
+    fabTogglerIcon: 'add',
+    buttons: [
+      {
+        name: 'dashboard.create-new-widget',
+        icon: 'insert_drive_file',
+        onAction: ($event) => {
+          this.addWidget($event);
+        }
+      },
+      {
+        name: 'dashboard.import-widget',
+        icon: 'file_upload',
+        onAction: ($event) => {
+          this.importWidget($event);
+        }
+      }
+    ]
+  };
+
+  private rxSubscriptions = new Array<Subscription>();
+
+  get toolbarOpened(): boolean {
+    return !this.widgetEditMode &&
+      (this.toolbarAlwaysOpen() || this.isToolbarOpened || this.isEdit || this.showRightLayoutSwitch());
+  }
+  set toolbarOpened(toolbarOpened: boolean) {
+  }
+
+  get rightLayoutOpened(): boolean {
+    return !this.isMobile || this.isRightLayoutOpened;
+  }
+  set rightLayoutOpened(rightLayoutOpened: boolean) {
+  }
+
+  @ViewChild('tbEditWidget') editWidgetComponent: EditWidgetComponent;
+
+  constructor(protected store: Store<AppState>,
+              @Inject(WINDOW) private window: Window,
+              private breakpointObserver: BreakpointObserver,
+              private route: ActivatedRoute,
+              private router: Router,
+              private utils: UtilsService,
+              private dashboardUtils: DashboardUtilsService,
+              private authService: AuthService,
+              private entityService: EntityService,
+              private dialogService: DialogService,
+              private widgetComponentService: WidgetComponentService,
+              private dashboardService: DashboardService,
+              private itembuffer: ItemBufferService,
+              private importExport: ImportExportService,
+              private fb: FormBuilder,
+              private dialog: MatDialog,
+              private translate: TranslateService,
+              private ngZone: NgZone,
+              private cd: ChangeDetectorRef) {
+    super(store);
+
+    this.rxSubscriptions.push(this.route.data.subscribe(
+      (data) => {
+        this.init(data);
+        this.runChangeDetection();
+      }
+    ));
+
+    this.rxSubscriptions.push(this.breakpointObserver
+      .observe(MediaBreakpoints['gt-sm'])
+      .subscribe((state: BreakpointState) => {
+        this.isMobile = !state.matches;
+        }
+      ));
+  }
+
+  private init(data: any) {
+
+    this.reset();
+
+    this.currentDashboardId = this.route.snapshot.params.dashboardId;
+
+    if (this.route.snapshot.params.customerId) {
+      this.currentCustomerId = this.route.snapshot.params.customerId;
+      this.currentDashboardScope = 'customer';
+    } else {
+      this.currentDashboardScope = this.authUser.authority === Authority.TENANT_ADMIN ? 'tenant' : 'customer';
+      this.currentCustomerId = this.authUser.customerId;
+    }
+
+    this.dashboard = data.dashboard;
+    this.dashboardConfiguration = this.dashboard.configuration;
+    this.dashboardCtx.dashboardTimewindow = this.dashboardConfiguration.timewindow;
+    this.layouts.main.layoutCtx.widgets = new LayoutWidgetsArray(this.dashboardCtx);
+    this.layouts.right.layoutCtx.widgets = new LayoutWidgetsArray(this.dashboardCtx);
+    this.widgetEditMode = data.widgetEditMode;
+    this.singlePageMode = data.singlePageMode;
+
+    this.dashboardCtx.aliasController = new AliasController(this.utils,
+      this.entityService,
+      () => this.dashboardCtx.stateController,
+      this.dashboardConfiguration.entityAliases);
+
+    if (this.widgetEditMode) {
+      const message: WindowMessage = {
+        type: 'widgetEditModeInited'
+      };
+      this.window.parent.postMessage(JSON.stringify(message), '*');
+    }
+  }
+
+  private reset() {
+    this.dashboard = null;
+    this.dashboardConfiguration = null;
+    this.prevDashboard = null;
+
+    this.widgetEditMode = false;
+    this.singlePageMode = false;
+
+    this.isFullscreen = false;
+    this.isEdit = false;
+    this.isEditingWidget = false;
+    this.isEditingWidgetClosed = true;
+    this.forceDashboardMobileMode = false;
+    this.isAddingWidget = false;
+    this.isAddingWidgetClosed = true;
+    this.widgetsBundle = null;
+
+    this.isToolbarOpened = false;
+    this.isToolbarOpenedAnimate = false;
+    this.isRightLayoutOpened = false;
+
+    this.editingWidget = null;
+    this.editingWidgetLayout = null;
+    this.editingWidgetOriginal = null;
+    this.editingWidgetLayoutOriginal = null;
+    this.editingWidgetSubtitle = null;
+    this.editingLayoutCtx = null;
+
+    this.currentDashboardId = null;
+    this.currentCustomerId = null;
+    this.currentDashboardScope = null;
+
+    this.dashboardCtx.state = null;
+  }
+
+  ngOnDestroy(): void {
+    this.rxSubscriptions.forEach((subscription) => {
+      subscription.unsubscribe();
+    });
+    this.rxSubscriptions.length = 0;
+  }
+
+  public runChangeDetection() {
+    /*setTimeout(() => {
+      this.cd.detectChanges();
+    });*/
+  }
+
+  public openToolbar() {
+    this.isToolbarOpenedAnimate = true;
+    this.isToolbarOpened = true;
+  }
+
+  public closeToolbar() {
+    this.isToolbarOpenedAnimate = true;
+    this.isToolbarOpened = false;
+  }
+
+  public showCloseToolbar() {
+    return !this.toolbarAlwaysOpen() && !this.isEdit && !this.showRightLayoutSwitch();
+  }
+
+  public hideFullscreenButton(): boolean {
+    return this.widgetEditMode || this.iframeMode || this.forceFullscreen || this.singlePageMode;
+  }
+
+  public toolbarAlwaysOpen(): boolean {
+    if (this.dashboard.configuration.settings &&
+      isDefined(this.dashboard.configuration.settings.toolbarAlwaysOpen)) {
+      return this.dashboard.configuration.settings.toolbarAlwaysOpen;
+    } else {
+      return true;
+    }
+  }
+
+  public displayTitle(): boolean {
+    if (this.dashboard.configuration.settings &&
+      isDefined(this.dashboard.configuration.settings.showTitle)) {
+      return this.dashboard.configuration.settings.showTitle;
+    } else {
+      return false;
+    }
+  }
+
+  public displayExport(): boolean {
+    if (this.dashboard.configuration.settings &&
+      isDefined(this.dashboard.configuration.settings.showDashboardExport)) {
+      return this.dashboard.configuration.settings.showDashboardExport;
+    } else {
+      return true;
+    }
+  }
+
+  public displayDashboardTimewindow(): boolean {
+    if (this.dashboard.configuration.settings &&
+      isDefined(this.dashboard.configuration.settings.showDashboardTimewindow)) {
+      return this.dashboard.configuration.settings.showDashboardTimewindow;
+    } else {
+      return true;
+    }
+  }
+
+  public displayDashboardsSelect(): boolean {
+    if (this.dashboard.configuration.settings &&
+      isDefined(this.dashboard.configuration.settings.showDashboardsSelect)) {
+      return this.dashboard.configuration.settings.showDashboardsSelect;
+    } else {
+      return true;
+    }
+  }
+
+  public displayEntitiesSelect(): boolean {
+    if (this.dashboard.configuration.settings &&
+      isDefined(this.dashboard.configuration.settings.showEntitiesSelect)) {
+      return this.dashboard.configuration.settings.showEntitiesSelect;
+    } else {
+      return true;
+    }
+  }
+
+  public showRightLayoutSwitch(): boolean {
+    return this.isMobile && this.layouts.right.show;
+  }
+
+  public toggleLayouts() {
+    this.isRightLayoutOpened = !this.isRightLayoutOpened;
+  }
+
+  public openRightLayout() {
+    this.isRightLayoutOpened = true;
+  }
+
+  public mainLayoutWidth(): string {
+    if (this.isEditingWidget && this.editingLayoutCtx.id === 'main') {
+      return '100%';
+    } else {
+      return this.layouts.right.show && !this.isMobile ? '50%' : '100%';
+    }
+  }
+
+  public mainLayoutHeight(): string {
+    if (!this.isEditingWidget || this.editingLayoutCtx.id === 'main') {
+      return '100%';
+    } else {
+      return '0px';
+    }
+  }
+
+  public rightLayoutWidth(): string {
+    if (this.isEditingWidget && this.editingLayoutCtx.id === 'right') {
+      return '100%';
+    } else {
+      return this.isMobile ? '100%' : '50%';
+    }
+  }
+
+  public rightLayoutHeight(): string {
+    if (!this.isEditingWidget || this.editingLayoutCtx.id === 'right') {
+      return '100%';
+    } else {
+      return '0px';
+    }
+  }
+
+  public isPublicUser(): boolean {
+    return this.authUser.isPublic;
+  }
+
+  public isTenantAdmin(): boolean {
+    return this.authUser.authority === Authority.TENANT_ADMIN;
+  }
+
+  public isSystemAdmin(): boolean {
+    return this.authUser.authority === Authority.SYS_ADMIN;
+  }
+
+  public exportDashboard($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.importExport.exportDashboard(this.currentDashboardId);
+  }
+
+  public openEntityAliases($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialog.open<EntityAliasesDialogComponent, EntityAliasesDialogData,
+      EntityAliases>(EntityAliasesDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        entityAliases: deepClone(this.dashboard.configuration.entityAliases),
+        widgets: this.dashboardUtils.getWidgetsArray(this.dashboard),
+        isSingleEntityAlias: false
+      }
+    }).afterClosed().subscribe((entityAliases) => {
+      if (entityAliases) {
+        this.dashboard.configuration.entityAliases = entityAliases;
+        this.entityAliasesUpdated();
+      }
+    });
+  }
+
+  public openDashboardSettings($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    let gridSettings: GridSettings = null;
+    const layoutKeys = this.dashboardUtils.isSingleLayoutDashboard(this.dashboard);
+    if (layoutKeys) {
+      gridSettings = deepClone(this.dashboard.configuration.states[layoutKeys.state].layouts[layoutKeys.layout].gridSettings);
+    }
+    this.dialog.open<DashboardSettingsDialogComponent, DashboardSettingsDialogData,
+      DashboardSettingsDialogData>(DashboardSettingsDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        settings: deepClone(this.dashboard.configuration.settings),
+        gridSettings
+      }
+    }).afterClosed().subscribe((data) => {
+      if (data) {
+        this.dashboard.configuration.settings = data.settings;
+        const newGridSettings = data.gridSettings;
+        if (newGridSettings) {
+          const layout = this.dashboard.configuration.states[layoutKeys.state].layouts[layoutKeys.layout];
+          this.dashboardUtils.updateLayoutSettings(layout, newGridSettings);
+          this.updateLayouts();
+       }
+      }
+    });
+  }
+
+  public manageDashboardStates($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialog.open<ManageDashboardStatesDialogComponent, ManageDashboardStatesDialogData,
+      {[id: string]: DashboardState }>(ManageDashboardStatesDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        states: deepClone(this.dashboard.configuration.states)
+      }
+    }).afterClosed().subscribe((states) => {
+      if (states) {
+        this.updateStates(states);
+      }
+    });
+  }
+
+  public manageDashboardLayouts($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialog.open<ManageDashboardLayoutsDialogComponent, ManageDashboardLayoutsDialogData,
+      DashboardStateLayouts>(ManageDashboardLayoutsDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        layouts: deepClone(this.dashboard.configuration.states[this.dashboardCtx.state].layouts)
+      }
+    }).afterClosed().subscribe((layouts) => {
+      if (layouts) {
+        this.updateDashboardLayouts(layouts);
+      }
+    });
+  }
+
+  private updateDashboardLayouts(newLayouts: DashboardStateLayouts) {
+    this.dashboardUtils.setLayouts(this.dashboard, this.dashboardCtx.state, newLayouts);
+    this.updateLayouts();
+  }
+
+  private updateStates(states: {[id: string]: DashboardState }) {
+    this.dashboard.configuration.states = states;
+    this.dashboardUtils.removeUnusedWidgets(this.dashboard);
+    let targetState = this.dashboardCtx.state;
+    if (!this.dashboard.configuration.states[targetState]) {
+      targetState = this.dashboardUtils.getRootStateId(this.dashboardConfiguration.states);
+    }
+    this.openDashboardState(targetState);
+  }
+
+  private importWidget($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.importExport.importWidget(this.dashboard, this.dashboardCtx.state,
+      this.selectTargetLayout.bind(this), this.entityAliasesUpdated.bind(this)).subscribe(
+      (importData) => {
+        if (importData) {
+          const widget = importData.widget;
+          const layoutId = importData.layoutId;
+          this.layouts[layoutId].layoutCtx.widgets.addWidgetId(widget.id);
+        }
+      }
+    );
+  }
+
+  public currentDashboardIdChanged(dashboardId: string) {
+    if (!this.widgetEditMode) {
+      if (this.currentDashboardScope === 'customer' && this.authUser.authority === Authority.TENANT_ADMIN) {
+        this.router.navigateByUrl(`customers/${this.currentCustomerId}/dashboards/${dashboardId}`);
+      } else {
+        if (this.singlePageMode) {
+          this.router.navigateByUrl(`dashboard/${dashboardId}`);
+        } else {
+          this.router.navigateByUrl(`dashboards/${dashboardId}`);
+        }
+      }
+    }
+  }
+
+  public toggleDashboardEditMode() {
+    this.setEditMode(!this.isEdit, true);
+  }
+
+  public saveDashboard() {
+    this.setEditMode(false, false);
+    this.notifyDashboardUpdated();
+  }
+
+  public openDashboardState(state: string, openRightLayout?: boolean) {
+    const layoutsData = this.dashboardUtils.getStateLayoutsData(this.dashboard, state);
+    if (layoutsData) {
+      this.dashboardCtx.state = state;
+      this.dashboardCtx.aliasController.dashboardStateChanged();
+      this.isRightLayoutOpened = openRightLayout ? true : false;
+      this.updateLayouts(layoutsData);
+    }
+  }
+
+  private updateLayouts(layoutsData?: DashboardLayoutsInfo) {
+    if (!layoutsData) {
+      layoutsData = this.dashboardUtils.getStateLayoutsData(this.dashboard, this.dashboardCtx.state);
+    }
+    for (const l of Object.keys(this.layouts)) {
+      const layout: DashboardPageLayout = this.layouts[l];
+      if (layoutsData[l]) {
+        layout.show = true;
+        const layoutInfo: DashboardLayoutInfo = layoutsData[l];
+        this.updateLayout(layout, layoutInfo);
+      } else {
+        layout.show = false;
+        this.updateLayout(layout, {widgetIds: [], widgetLayouts: {}, gridSettings: null});
+      }
+    }
+  }
+
+  private updateLayout(layout: DashboardPageLayout, layoutInfo: DashboardLayoutInfo) {
+    if (layoutInfo.gridSettings) {
+      layout.layoutCtx.gridSettings = layoutInfo.gridSettings;
+    }
+    layout.layoutCtx.widgets.setWidgetIds(layoutInfo.widgetIds);
+    layout.layoutCtx.widgetLayouts = layoutInfo.widgetLayouts;
+    if (layout.show && layout.layoutCtx.ctrl) {
+      layout.layoutCtx.ctrl.reload();
+    }
+    layout.layoutCtx.ignoreLoading = true;
+  }
+
+  private setEditMode(isEdit: boolean, revert: boolean) {
+    this.isEdit = isEdit;
+    if (this.isEdit) {
+      this.dashboardCtx.stateController.preserveState();
+      this.prevDashboard = deepClone(this.dashboard);
+    } else {
+      if (this.widgetEditMode) {
+        if (revert) {
+          this.dashboard = this.prevDashboard;
+        }
+      } else {
+        this.resetHighlight();
+        if (revert) {
+          this.dashboard = this.prevDashboard;
+          this.dashboardConfiguration = this.dashboard.configuration;
+          this.dashboardCtx.dashboardTimewindow = this.dashboardConfiguration.timewindow;
+          this.entityAliasesUpdated();
+          this.updateLayouts();
+        } else {
+          this.dashboard.configuration.timewindow = this.dashboardCtx.dashboardTimewindow;
+        }
+      }
+    }
+  }
+
+  private resetHighlight() {
+    for (const l of Object.keys(this.layouts)) {
+      if (this.layouts[l].layoutCtx) {
+        if (this.layouts[l].layoutCtx.ctrl) {
+          this.layouts[l].layoutCtx.ctrl.resetHighlight();
+        }
+      }
+    }
+  }
+
+  private entityAliasesUpdated() {
+    this.dashboardCtx.aliasController.updateEntityAliases(this.dashboard.configuration.entityAliases);
+  }
+
+  private notifyDashboardUpdated() {
+    if (this.widgetEditMode) {
+      const widget = this.layouts.main.layoutCtx.widgets.widgetByIndex(0);
+      const layout = this.layouts.main.layoutCtx.widgetLayouts[widget.id];
+      widget.sizeX = layout.sizeX;
+      widget.sizeY = layout.sizeY;
+      const message: WindowMessage = {
+        type: 'widgetEditUpdated',
+        data: widget
+      };
+      this.window.parent.postMessage(JSON.stringify(message), '*');
+    } else {
+      this.dashboardService.saveDashboard(this.dashboard).subscribe();
+    }
+  }
+
+  helpLinkIdForWidgetType(): string {
+    let link = 'widgetsConfig';
+    if (this.editingWidget && this.editingWidget.type) {
+      link = widgetTypesData.get(this.editingWidget.type).configHelpLinkId;
+    }
+    return link;
+  }
+
+  addWidget($event: Event, layoutCtx?: DashboardPageLayoutContext) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.isAddingWidget = true;
+    this.addingLayoutCtx = layoutCtx;
+  }
+
+  onAddWidgetClosed() {
+    this.isAddingWidget = false;
+  }
+
+  detailsDrawerOpenedStart() {
+    if (this.isEditingWidget) {
+      this.isEditingWidgetClosed = false;
+    } else if (this.isAddingWidget) {
+      this.isAddingWidgetClosed = false;
+    }
+    setTimeout(() => {
+      this.cd.detach();
+    }, 0);
+  }
+
+  detailsDrawerOpened() {
+    this.cd.reattach();
+  }
+
+  detailsDrawerClosedStart() {
+    this.cd.detach();
+  }
+
+  detailsDrawerClosed() {
+    this.isEditingWidgetClosed = true;
+    this.isAddingWidgetClosed = true;
+    this.cd.reattach();
+  }
+
+  private addWidgetToLayout(widget: Widget, layoutId: DashboardLayoutId) {
+    this.dashboardUtils.addWidgetToLayout(this.dashboard, this.dashboardCtx.state, layoutId, widget);
+    this.layouts[layoutId].layoutCtx.widgets.addWidgetId(widget.id);
+  }
+
+  private selectTargetLayout(): Observable<DashboardLayoutId> {
+    const layouts = this.dashboardConfiguration.states[this.dashboardCtx.state].layouts;
+    const layoutIds = Object.keys(layouts);
+    if (layoutIds.length > 1) {
+      return this.dialog.open<SelectTargetLayoutDialogComponent, any,
+        DashboardLayoutId>(SelectTargetLayoutDialogComponent, {
+        disableClose: true,
+        panelClass: ['tb-dialog', 'tb-fullscreen-dialog']
+      }).afterClosed();
+    } else {
+      return of(layoutIds[0] as DashboardLayoutId);
+    }
+  }
+
+  private addWidgetToDashboard(widget: Widget) {
+    if (this.addingLayoutCtx) {
+      this.addWidgetToLayout(widget, this.addingLayoutCtx.id);
+      this.addingLayoutCtx = null;
+    } else {
+      this.selectTargetLayout().subscribe((layoutId) => {
+        if (layoutId) {
+          this.addWidgetToLayout(widget, layoutId);
+        }
+      });
+    }
+  }
+
+  addWidgetFromType(widget: Widget) {
+    this.onAddWidgetClosed();
+    this.widgetComponentService.getWidgetInfo(widget.bundleAlias, widget.typeAlias, widget.isSystemType).subscribe(
+      (widgetTypeInfo) => {
+        const config: WidgetConfig = JSON.parse(widgetTypeInfo.defaultConfig);
+        config.title = 'New ' + widgetTypeInfo.widgetName;
+        config.datasources = [];
+        const newWidget: Widget = {
+          isSystemType: widget.isSystemType,
+          bundleAlias: widget.bundleAlias,
+          typeAlias: widgetTypeInfo.alias,
+          type: widgetTypeInfo.type,
+          title: 'New widget',
+          sizeX: widgetTypeInfo.sizeX,
+          sizeY: widgetTypeInfo.sizeY,
+          config,
+          row: 0,
+          col: 0
+        };
+        if (widgetTypeInfo.typeParameters.useCustomDatasources) {
+          this.addWidgetToDashboard(newWidget);
+        } else {
+          this.dialog.open<AddWidgetDialogComponent, AddWidgetDialogData,
+            Widget>(AddWidgetDialogComponent, {
+            disableClose: true,
+            panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+            data: {
+              dashboard: this.dashboard,
+              aliasController: this.dashboardCtx.aliasController,
+              widget: newWidget,
+              widgetInfo: widgetTypeInfo
+            }
+          }).afterClosed().subscribe((addedWidget) => {
+            if (addedWidget) {
+              this.addWidgetToDashboard(addedWidget);
+            }
+          });
+        }
+      }
+    );
+  }
+
+  onRevertWidgetEdit() {
+    if (this.editWidgetComponent.widgetFormGroup.dirty) {
+      this.editWidgetComponent.widgetFormGroup.markAsPristine();
+      this.editingWidget = deepClone(this.editingWidgetOriginal);
+      this.editingWidgetLayout = deepClone(this.editingWidgetLayoutOriginal);
+    }
+  }
+
+  saveWidget() {
+    this.editWidgetComponent.widgetFormGroup.markAsPristine();
+    const widget = deepClone(this.editingWidget);
+    const widgetLayout = deepClone(this.editingWidgetLayout);
+    const id = this.editingWidgetOriginal.id;
+    this.dashboardConfiguration.widgets[id] = widget;
+    this.editingWidgetOriginal = widget;
+    this.editingWidgetLayoutOriginal = widgetLayout;
+    this.editingLayoutCtx.widgetLayouts[widget.id] = widgetLayout;
+    setTimeout(() => {
+      this.editingLayoutCtx.ctrl.highlightWidget(widget.id, 0);
+    }, 0);
+  }
+
+  onEditWidgetClosed() {
+    this.editingWidgetOriginal = null;
+    this.editingWidget = null;
+    this.editingWidgetLayoutOriginal = null;
+    this.editingWidgetLayout = null;
+    this.editingLayoutCtx = null;
+    this.editingWidgetSubtitle = null;
+    this.isEditingWidget = false;
+    this.resetHighlight();
+    this.forceDashboardMobileMode = false;
+  }
+
+  editWidget($event: Event, layoutCtx: DashboardPageLayoutContext, widget: Widget) {
+    $event.stopPropagation();
+    if (this.editingWidgetOriginal === widget) {
+      this.onEditWidgetClosed();
+    } else {
+      const transition = !this.forceDashboardMobileMode;
+      this.editingWidgetOriginal = widget;
+      this.editingWidgetLayoutOriginal = layoutCtx.widgetLayouts[widget.id];
+      this.editingWidget = deepClone(this.editingWidgetOriginal);
+      this.editingWidgetLayout = deepClone(this.editingWidgetLayoutOriginal);
+      this.editingLayoutCtx = layoutCtx;
+      this.editingWidgetSubtitle = this.widgetComponentService.getInstantWidgetInfo(this.editingWidget).widgetName;
+      this.forceDashboardMobileMode = true;
+      this.isEditingWidget = true;
+      if (layoutCtx) {
+        const delayOffset = transition ? 350 : 0;
+        const delay = transition ? 400 : 300;
+        setTimeout(() => {
+          layoutCtx.ctrl.highlightWidget(widget.id, delay);
+        }, delayOffset);
+      }
+    }
+  }
+
+  copyWidget($event: Event, layoutCtx: DashboardPageLayoutContext, widget: Widget) {
+    this.itembuffer.copyWidget(this.dashboard,
+      this.dashboardCtx.state, layoutCtx.id, widget);
+  }
+
+  copyWidgetReference($event: Event, layoutCtx: DashboardPageLayoutContext, widget: Widget) {
+    this.itembuffer.copyWidgetReference(this.dashboard,
+      this.dashboardCtx.state, layoutCtx.id, widget);
+  }
+
+  pasteWidget($event: Event, layoutCtx: DashboardPageLayoutContext, pos: WidgetPosition) {
+    this.itembuffer.pasteWidget(this.dashboard, this.dashboardCtx.state, layoutCtx.id,
+            pos, this.entityAliasesUpdated.bind(this)).subscribe(
+      (widget) => {
+        layoutCtx.widgets.addWidgetId(widget.id);
+      });
+  }
+
+  pasteWidgetReference($event: Event, layoutCtx: DashboardPageLayoutContext, pos: WidgetPosition) {
+    this.itembuffer.pasteWidgetReference(this.dashboard, this.dashboardCtx.state, layoutCtx.id,
+      pos).subscribe(
+      (widget) => {
+        layoutCtx.widgets.addWidgetId(widget.id);
+      });
+  }
+
+  removeWidget($event: Event, layoutCtx: DashboardPageLayoutContext, widget: Widget) {
+    let title = widget.config.title;
+    if (!title || title.length === 0) {
+      title = this.widgetComponentService.getInstantWidgetInfo(widget).widgetName;
+    }
+    const confirmTitle = this.translate.instant('widget.remove-widget-title', {widgetTitle: title});
+    const confirmContent = this.translate.instant('widget.remove-widget-text');
+    this.dialogService.confirm(confirmTitle,
+      confirmContent,
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+    ).subscribe((res) => {
+      if (res) {
+        if (layoutCtx.widgets.removeWidgetId(widget.id)) {
+          this.dashboardUtils.removeWidgetFromLayout(this.dashboard, this.dashboardCtx.state, layoutCtx.id, widget.id);
+        }
+      }
+    });
+  }
+
+  exportWidget($event: Event, layoutCtx: DashboardPageLayoutContext, widget: Widget) {
+    $event.stopPropagation();
+    this.importExport.exportWidget(this.dashboard, this.dashboardCtx.state, layoutCtx.id, widget);
+  }
+
+  widgetClicked($event: Event, layoutCtx: DashboardPageLayoutContext, widget: Widget) {
+    if (this.isEditingWidget) {
+      this.editWidget($event, layoutCtx, widget);
+    }
+  }
+
+  widgetMouseDown($event: Event, layoutCtx: DashboardPageLayoutContext, widget: Widget) {
+    if (this.isEdit && !this.isEditingWidget) {
+      layoutCtx.ctrl.selectWidget(widget.id, 0);
+    }
+  }
+
+  prepareDashboardContextMenu(layoutCtx: DashboardPageLayoutContext): Array<DashboardContextMenuItem> {
+    const dashboardContextActions: Array<DashboardContextMenuItem> = [];
+    if (this.isEdit && !this.isEditingWidget && !this.widgetEditMode) {
+      dashboardContextActions.push(
+        {
+          action: this.openDashboardSettings.bind(this),
+          enabled: true,
+          value: 'dashboard.settings',
+          icon: 'settings'
+        }
+      );
+      dashboardContextActions.push(
+        {
+          action: this.openEntityAliases.bind(this),
+          enabled: true,
+          value: 'entity.aliases',
+          icon: 'devices_other'
+        }
+      );
+      dashboardContextActions.push(
+        {
+          action: ($event) => {
+            layoutCtx.ctrl.pasteWidget($event);
+          },
+          enabled: this.itembuffer.hasWidget(),
+          value: 'action.paste',
+          icon: 'content_paste',
+          shortcut: 'M-V'
+        }
+      );
+      dashboardContextActions.push(
+        {
+          action: ($event) => {
+            layoutCtx.ctrl.pasteWidgetReference($event);
+          },
+          enabled: this.itembuffer.canPasteWidgetReference(this.dashboard, this.dashboardCtx.state, layoutCtx.id),
+          value: 'action.paste-reference',
+          icon: 'content_paste',
+          shortcut: 'M-I'
+        }
+      );
+    }
+    return dashboardContextActions;
+  }
+
+  prepareWidgetContextMenu(layoutCtx: DashboardPageLayoutContext, widget: Widget): Array<WidgetContextMenuItem> {
+    const widgetContextActions: Array<WidgetContextMenuItem> = [];
+    if (this.isEdit && !this.isEditingWidget) {
+      widgetContextActions.push(
+        {
+          action: (event, currentWidget) => {
+            this.editWidget(event, layoutCtx, currentWidget);
+          },
+          enabled: true,
+          value: 'action.edit',
+          icon: 'edit'
+        }
+      );
+      if (!this.widgetEditMode) {
+        widgetContextActions.push(
+          {
+            action: (event, currentWidget) => {
+              this.copyWidget(event, layoutCtx, currentWidget);
+            },
+            enabled: true,
+            value: 'action.copy',
+            icon: 'content_copy',
+            shortcut: 'M-C'
+          }
+        );
+        widgetContextActions.push(
+          {
+            action: (event, currentWidget) => {
+              this.copyWidgetReference(event, layoutCtx, currentWidget);
+            },
+            enabled: true,
+            value: 'action.copy-reference',
+            icon: 'content_copy',
+            shortcut: 'M-R'
+          }
+        );
+        widgetContextActions.push(
+          {
+            action: (event, currentWidget) => {
+              this.removeWidget(event, layoutCtx, currentWidget);
+            },
+            enabled: true,
+            value: 'action.delete',
+            icon: 'clear',
+            shortcut: 'M-X'
+          }
+        );
+      }
+    }
+    return widgetContextActions;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-page.models.ts b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-page.models.ts
new file mode 100644
index 0000000000..0ea33212f8
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-page.models.ts
@@ -0,0 +1,151 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { DashboardLayoutId, GridSettings, WidgetLayout, Dashboard, WidgetLayouts } from '@app/shared/models/dashboard.models';
+import { Widget, WidgetPosition } from '@app/shared/models/widget.models';
+import { Timewindow } from '@shared/models/time/time.models';
+import { IAliasController, IStateController } from '@core/api/widget-api.models';
+import { ILayoutController } from './layout/layout.models';
+import {
+  DashboardContextMenuItem,
+  WidgetContextMenuItem
+} from '@home/models/dashboard-component.models';
+import { Observable } from 'rxjs';
+import { ChangeDetectorRef } from '@angular/core';
+
+export declare type DashboardPageScope = 'tenant' | 'customer';
+
+export interface DashboardContext {
+  state: string;
+  getDashboard: () => Dashboard;
+  dashboardTimewindow: Timewindow;
+  aliasController: IAliasController;
+  stateController: IStateController;
+  runChangeDetection: () => void;
+}
+
+export interface IDashboardController {
+  dashboardCtx: DashboardContext;
+  openRightLayout();
+  openDashboardState(stateId: string, openRightLayout: boolean);
+  addWidget($event: Event, layoutCtx: DashboardPageLayoutContext);
+  editWidget($event: Event, layoutCtx: DashboardPageLayoutContext, widget: Widget);
+  exportWidget($event: Event, layoutCtx: DashboardPageLayoutContext, widget: Widget);
+  removeWidget($event: Event, layoutCtx: DashboardPageLayoutContext, widget: Widget);
+  widgetMouseDown($event: Event, layoutCtx: DashboardPageLayoutContext, widget: Widget);
+  widgetClicked($event: Event, layoutCtx: DashboardPageLayoutContext, widget: Widget);
+  prepareDashboardContextMenu(layoutCtx: DashboardPageLayoutContext): Array<DashboardContextMenuItem>;
+  prepareWidgetContextMenu(layoutCtx: DashboardPageLayoutContext, widget: Widget): Array<WidgetContextMenuItem>;
+  copyWidget($event: Event, layoutCtx: DashboardPageLayoutContext, widget: Widget);
+  copyWidgetReference($event: Event, layoutCtx: DashboardPageLayoutContext, widget: Widget);
+  pasteWidget($event: Event, layoutCtx: DashboardPageLayoutContext, pos: WidgetPosition);
+  pasteWidgetReference($event: Event, layoutCtx: DashboardPageLayoutContext, pos: WidgetPosition);
+}
+
+export interface DashboardPageLayoutContext {
+  id: DashboardLayoutId;
+  widgets: LayoutWidgetsArray;
+  widgetLayouts: WidgetLayouts;
+  gridSettings: GridSettings;
+  ctrl: ILayoutController;
+  dashboardCtrl: IDashboardController;
+  ignoreLoading: boolean;
+}
+
+export interface DashboardPageLayout {
+  show: boolean;
+  layoutCtx: DashboardPageLayoutContext;
+}
+
+export declare type DashboardPageLayouts = {[key in DashboardLayoutId]: DashboardPageLayout};
+
+export class LayoutWidgetsArray implements Iterable<Widget> {
+
+  private widgetIds: string[] = [];
+  private pointer = 0;
+
+  private loaded = false;
+
+  constructor(private dashboardCtx: DashboardContext) {
+  }
+
+  size() {
+    return this.widgetIds.length;
+  }
+
+  isLoading() {
+    return !this.loaded;
+  }
+
+  isEmpty() {
+    return this.loaded && this.widgetIds.length === 0;
+  }
+
+  setWidgetIds(widgetIds: string[]) {
+    this.widgetIds = widgetIds;
+    this.loaded = true;
+  }
+
+  addWidgetId(widgetId: string) {
+    this.widgetIds.push(widgetId);
+  }
+
+  removeWidgetId(widgetId: string): boolean {
+    const index = this.widgetIds.indexOf(widgetId);
+    if (index > -1) {
+      this.widgetIds.splice(index, 1);
+      return true;
+    }
+    return false;
+  }
+
+  [Symbol.iterator](): Iterator<Widget> {
+    let pointer = 0;
+    const widgetIds = this.widgetIds;
+    const dashboard = this.dashboardCtx.getDashboard();
+    return {
+      next(value?: any): IteratorResult<Widget> {
+        if (pointer < widgetIds.length) {
+          const widgetId = widgetIds[pointer++];
+          const widget = dashboard.configuration.widgets[widgetId];
+          return {
+            done: false,
+            value: widget
+          };
+        } else {
+          return {
+            done: true,
+            value: null
+          };
+        }
+      }
+    };
+  }
+
+  public widgetByIndex(index: number): Widget {
+    const widgetId = this.widgetIds[index];
+    if (widgetId) {
+      return this.widgetById(widgetId);
+    } else {
+      return null;
+    }
+  }
+
+  private widgetById(widgetId: string): Widget {
+    return this.dashboardCtx.getDashboard().configuration.widgets[widgetId];
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-routing.module.ts b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-routing.module.ts
new file mode 100644
index 0000000000..afcf45222d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-routing.module.ts
@@ -0,0 +1,102 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable, NgModule } from '@angular/core';
+import { ActivatedRouteSnapshot, Resolve, RouterModule, Routes } from '@angular/router';
+
+import {EntitiesTableComponent} from '../../components/entity/entities-table.component';
+import {Authority} from '@shared/models/authority.enum';
+import {DashboardsTableConfigResolver} from './dashboards-table-config.resolver';
+import { DashboardPageComponent } from '@home/pages/dashboard/dashboard-page.component';
+import { BreadCrumbConfig, BreadCrumbLabelFunction } from '@shared/components/breadcrumb';
+import { widgetTypesBreadcumbLabelFunction } from '@home/pages/widget/widget-library-routing.module';
+import { WidgetsBundle } from '@shared/models/widgets-bundle.model';
+import { WidgetService } from '@core/http/widget.service';
+import { Observable } from 'rxjs';
+import { Dashboard } from '@app/shared/models/dashboard.models';
+import { DashboardService } from '@core/http/dashboard.service';
+import { DashboardUtilsService } from '@core/services/dashboard-utils.service';
+import { map } from 'rxjs/operators';
+
+@Injectable()
+export class DashboardResolver implements Resolve<Dashboard> {
+
+  constructor(private dashboardService: DashboardService,
+              private dashboardUtils: DashboardUtilsService) {
+  }
+
+  resolve(route: ActivatedRouteSnapshot): Observable<Dashboard> {
+    const dashboardId = route.params.dashboardId;
+    return this.dashboardService.getDashboard(dashboardId).pipe(
+      map((dashboard) => this.dashboardUtils.validateAndUpdateDashboard(dashboard))
+    );
+  }
+}
+
+export const dashboardBreadcumbLabelFunction: BreadCrumbLabelFunction = ((route, translate, component) => component.dashboard.title);
+
+const routes: Routes = [
+  {
+    path: 'dashboards',
+    data: {
+      breadcrumb: {
+        label: 'dashboard.dashboards',
+        icon: 'dashboard'
+      }
+    },
+    children: [
+      {
+        path: '',
+        component: EntitiesTableComponent,
+        data: {
+          auth: [Authority.TENANT_ADMIN, Authority.CUSTOMER_USER],
+          title: 'dashboard.dashboards',
+          dashboardsType: 'tenant'
+        },
+        resolve: {
+          entitiesTableConfig: DashboardsTableConfigResolver
+        }
+      },
+      {
+        path: ':dashboardId',
+        component: DashboardPageComponent,
+        data: {
+          breadcrumb: {
+            labelFunction: dashboardBreadcumbLabelFunction,
+            icon: 'dashboard'
+          } as BreadCrumbConfig,
+          auth: [Authority.TENANT_ADMIN, Authority.CUSTOMER_USER],
+          title: 'dashboard.dashboard',
+          widgetEditMode: false
+        },
+        resolve: {
+          dashboard: DashboardResolver
+        }
+      }
+    ]
+  }
+];
+
+// @dynamic
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+  providers: [
+    DashboardsTableConfigResolver,
+    DashboardResolver
+  ]
+})
+export class DashboardRoutingModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-settings-dialog.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-settings-dialog.component.html
new file mode 100644
index 0000000000..ff60cfe270
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-settings-dialog.component.html
@@ -0,0 +1,167 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #settingsForm="ngForm" (ngSubmit)="save()">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>{{settings ? 'dashboard.settings' : 'layout.settings'}}</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async">
+      <div *ngIf="settings" [formGroup]="settingsFormGroup">
+        <mat-form-field class="mat-block">
+          <mat-label translate>dashboard.state-controller</mat-label>
+          <mat-select required matInput formControlName="stateControllerId">
+            <mat-option *ngFor="let stateControllerId of stateControllerIds" [value]="stateControllerId">
+              {{stateControllerId}}
+            </mat-option>
+          </mat-select>
+        </mat-form-field>
+        <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px">
+          <mat-checkbox fxFlex formControlName="toolbarAlwaysOpen">
+            {{ 'dashboard.toolbar-always-open' | translate }}
+          </mat-checkbox>
+          <mat-checkbox fxFlex formControlName="showTitle">
+            {{ 'dashboard.display-title' | translate }}
+          </mat-checkbox>
+          <tb-color-input fxFlex
+                          label="{{'dashboard.title-color' | translate}}"
+                          icon="format_color_fill"
+                          openOnInput
+                          formControlName="titleColor">
+          </tb-color-input>
+        </div>
+        <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px">
+          <mat-checkbox fxFlex formControlName="showDashboardsSelect">
+            {{ 'dashboard.display-dashboards-selection' | translate }}
+          </mat-checkbox>
+          <mat-checkbox fxFlex formControlName="showEntitiesSelect">
+            {{ 'dashboard.display-entities-selection' | translate }}
+          </mat-checkbox>
+          <mat-checkbox fxFlex formControlName="showDashboardTimewindow">
+            {{ 'dashboard.display-dashboard-timewindow' | translate }}
+          </mat-checkbox>
+          <mat-checkbox fxFlex formControlName="showDashboardExport">
+            {{ 'dashboard.display-dashboard-export' | translate }}
+          </mat-checkbox>
+        </div>
+      </div>
+      <div *ngIf="gridSettings" [formGroup]="gridSettingsFormGroup">
+        <tb-color-input fxFlex
+                        label="{{'layout.color' | translate}}"
+                        icon="format_color_fill"
+                        openOnInput
+                        formControlName="color">
+        </tb-color-input>
+        <mat-form-field class="mat-block">
+          <mat-label translate>dashboard.columns-count</mat-label>
+          <input matInput formControlName="columns" type="number" step="any" min="10"
+                 max="1000" required>
+          <mat-error *ngIf="gridSettingsFormGroup.get('columns').hasError('required')">
+            {{ 'dashboard.columns-count-required' | translate }}
+          </mat-error>
+          <mat-error *ngIf="gridSettingsFormGroup.get('columns').hasError('min')">
+            {{ 'dashboard.min-columns-count-message' | translate }}
+          </mat-error>
+          <mat-error *ngIf="gridSettingsFormGroup.get('columns').hasError('max')">
+            {{ 'dashboard.max-columns-count-message' | translate }}
+          </mat-error>
+        </mat-form-field>
+        <mat-form-field fxFlex class="mat-block">
+          <mat-label translate>dashboard.widgets-margins</mat-label>
+          <input matInput formControlName="margin" type="number" step="any" min="0"
+                 max="50" required>
+          <mat-error *ngIf="gridSettingsFormGroup.get('margin').hasError('required')">
+            {{ 'dashboard.margin-required' | translate }}
+          </mat-error>
+          <mat-error *ngIf="gridSettingsFormGroup.get('margin').hasError('min')">
+            {{ 'dashboard.min-margin-message' | translate }}
+          </mat-error>
+          <mat-error *ngIf="gridSettingsFormGroup.get('margin').hasError('max')">
+            {{ 'dashboard.max-margin-message' | translate }}
+          </mat-error>
+        </mat-form-field>
+        <mat-checkbox fxFlex formControlName="autoFillHeight" style="display: block; padding-bottom: 12px;">
+          {{ 'dashboard.autofill-height' | translate }}
+        </mat-checkbox>
+        <tb-color-input fxFlex
+                        label="{{'dashboard.background-color' | translate}}"
+                        icon="format_color_fill"
+                        openOnInput
+                        formControlName="backgroundColor">
+        </tb-color-input>
+        <tb-image-input fxFlex
+                        label="{{'dashboard.background-image' | translate}}"
+                        formControlName="backgroundImageUrl">
+        </tb-image-input>
+        <mat-form-field class="mat-block">
+          <mat-label translate>dashboard.background-size-mode</mat-label>
+          <mat-select matInput formControlName="backgroundSizeMode">
+            <mat-option value="100%">Fit width</mat-option>
+            <mat-option value="auto 100%">Fit height</mat-option>
+            <mat-option value="cover">Cover</mat-option>
+            <mat-option value="contain">Contain</mat-option>
+            <mat-option value="auto">Original size</mat-option>
+          </mat-select>
+        </mat-form-field>
+        <small translate>dashboard.mobile-layout</small>
+        <div fxFlex fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px">
+          <mat-checkbox fxFlex formControlName="mobileAutoFillHeight">
+            {{ 'dashboard.autofill-height' | translate }}
+          </mat-checkbox>
+          <mat-form-field fxFlex class="mat-block">
+            <mat-label translate>dashboard.mobile-row-height</mat-label>
+            <input matInput formControlName="mobileRowHeight" type="number" step="any" min="5"
+                   max="200" required>
+            <mat-error *ngIf="gridSettingsFormGroup.get('mobileRowHeight').hasError('required')">
+              {{ 'dashboard.mobile-row-height-required' | translate }}
+            </mat-error>
+            <mat-error *ngIf="gridSettingsFormGroup.get('mobileRowHeight').hasError('min')">
+              {{ 'dashboard.min-mobile-row-height-message' | translate }}
+            </mat-error>
+            <mat-error *ngIf="gridSettingsFormGroup.get('mobileRowHeight').hasError('max')">
+              {{ 'dashboard.max-mobile-row-height-message' | translate }}
+            </mat-error>
+          </mat-form-field>
+        </div>
+      </div>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || settingsFormGroup.invalid || gridSettingsFormGroup.invalid
+                         || (!settingsFormGroup.dirty && !gridSettingsFormGroup.dirty)">
+      {{ 'action.save' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-settings-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-settings-dialog.component.ts
new file mode 100644
index 0000000000..022c3cf884
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-settings-dialog.component.ts
@@ -0,0 +1,138 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit, SkipSelf } from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm, Validators } from '@angular/forms';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@app/shared/components/dialog.component';
+import { UtilsService } from '@core/services/utils.service';
+import { TranslateService } from '@ngx-translate/core';
+import { DashboardSettings, GridSettings, StateControllerId } from '@app/shared/models/dashboard.models';
+import { isUndefined } from '@core/utils';
+import { DashboardUtilsService } from '@core/services/dashboard-utils.service';
+import { StatesControllerService } from './states/states-controller.service';
+
+export interface DashboardSettingsDialogData {
+  settings?: DashboardSettings;
+  gridSettings?: GridSettings;
+}
+
+@Component({
+  selector: 'tb-dashboard-settings-dialog',
+  templateUrl: './dashboard-settings-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: DashboardSettingsDialogComponent}],
+  styleUrls: []
+})
+export class DashboardSettingsDialogComponent extends DialogComponent<DashboardSettingsDialogComponent, DashboardSettingsDialogData>
+  implements OnInit, ErrorStateMatcher {
+
+  settings: DashboardSettings;
+  gridSettings: GridSettings;
+
+  settingsFormGroup: FormGroup;
+  gridSettingsFormGroup: FormGroup;
+
+  stateControllerIds: string[];
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: DashboardSettingsDialogData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<DashboardSettingsDialogComponent, DashboardSettingsDialogData>,
+              private fb: FormBuilder,
+              private utils: UtilsService,
+              private dashboardUtils: DashboardUtilsService,
+              private translate: TranslateService,
+              private statesControllerService: StatesControllerService) {
+    super(store, router, dialogRef);
+
+    this.stateControllerIds = Object.keys(this.statesControllerService.getStateControllers());
+
+    this.settings = this.data.settings;
+    this.gridSettings = this.data.gridSettings;
+
+    if (this.settings) {
+      this.settingsFormGroup = this.fb.group({
+        stateControllerId: [isUndefined(this.settings.stateControllerId) ? 'entity' : this.settings.stateControllerId, []],
+        toolbarAlwaysOpen: [isUndefined(this.settings.toolbarAlwaysOpen) ? true : this.settings.toolbarAlwaysOpen, []],
+        showTitle: [isUndefined(this.settings.showTitle) ? true : this.settings.showTitle, []],
+        titleColor: [isUndefined(this.settings.titleColor) ? 'rgba(0,0,0,0.870588)' : this.settings.titleColor, []],
+        showDashboardsSelect: [isUndefined(this.settings.showDashboardsSelect) ? true : this.settings.showDashboardsSelect, []],
+        showEntitiesSelect: [isUndefined(this.settings.showEntitiesSelect) ? true : this.settings.showEntitiesSelect, []],
+        showDashboardTimewindow: [isUndefined(this.settings.showDashboardTimewindow) ? true : this.settings.showDashboardTimewindow, []],
+        showDashboardExport: [isUndefined(this.settings.showDashboardExport) ? true : this.settings.showDashboardExport, []]
+      });
+      this.settingsFormGroup.get('stateControllerId').valueChanges.subscribe(
+        (stateControllerId: StateControllerId) => {
+          if (stateControllerId !== 'default') {
+            this.settingsFormGroup.get('toolbarAlwaysOpen').setValue(true);
+          }
+        }
+      );
+    } else {
+      this.settingsFormGroup = this.fb.group({});
+    }
+
+    if (this.gridSettings) {
+      this.gridSettingsFormGroup = this.fb.group({
+        color: [this.gridSettings.color || 'rgba(0,0,0,0.870588)', []],
+        columns: [this.gridSettings.columns || 24, [Validators.required, Validators.min(10), Validators.max(1000)]],
+        margin: [this.gridSettings.margin || 10, [Validators.required, Validators.min(0), Validators.max(50)]],
+        autoFillHeight: [isUndefined(this.gridSettings.autoFillHeight) ? false : this.gridSettings.autoFillHeight, []],
+        backgroundColor: [this.gridSettings.backgroundColor || 'rgba(0,0,0,0)', []],
+        backgroundImageUrl: [this.gridSettings.backgroundImageUrl, []],
+        backgroundSizeMode: [this.gridSettings.backgroundSizeMode || '100%', []],
+        mobileAutoFillHeight: [isUndefined(this.gridSettings.mobileAutoFillHeight) ? false : this.gridSettings.mobileAutoFillHeight, []],
+        mobileRowHeight: [isUndefined(this.gridSettings.mobileRowHeight) ? 70 : this.gridSettings.mobileRowHeight,
+          [Validators.required, Validators.min(5), Validators.max(200)]]
+      });
+    } else {
+      this.gridSettingsFormGroup = this.fb.group({});
+    }
+  }
+
+  ngOnInit(): void {
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  save(): void {
+    this.submitted = true;
+    let settings: DashboardSettings = null;
+    let gridSettings: GridSettings = null;
+    if (this.settings) {
+      settings = {...this.settings, ...this.settingsFormGroup.value};
+    }
+    if (this.gridSettings) {
+      gridSettings = {...this.gridSettings, ...this.gridSettingsFormGroup.value};
+    }
+    this.dialogRef.close({settings, gridSettings});
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-tabs.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-tabs.component.html
new file mode 100644
index 0000000000..21c53edc3d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-tabs.component.html
@@ -0,0 +1,21 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-tab *ngIf="entity && authUser.authority === authorities.TENANT_ADMIN"
+         label="{{ 'audit-log.audit-logs' | translate }}" #auditLogsTab="matTab">
+  <tb-audit-log-table [active]="auditLogsTab.isActive" [auditLogMode]="auditLogModes.ENTITY" [entityId]="entity.id" detailsMode="true"></tb-audit-log-table>
+</mat-tab>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-tabs.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-tabs.component.ts
new file mode 100644
index 0000000000..dd3e075b78
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-tabs.component.ts
@@ -0,0 +1,38 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityTabsComponent } from '../../components/entity/entity-tabs.component';
+import { Dashboard } from '@shared/models/dashboard.models';
+
+@Component({
+  selector: 'tb-dashboard-tabs',
+  templateUrl: './dashboard-tabs.component.html',
+  styleUrls: []
+})
+export class DashboardTabsComponent extends EntityTabsComponent<Dashboard> {
+
+  constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit() {
+    super.ngOnInit();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-toolbar.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-toolbar.component.html
new file mode 100644
index 0000000000..d09662619c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-toolbar.component.html
@@ -0,0 +1,35 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-fab-toolbar [isOpen]="toolbarOpened"
+                 color="primary"
+                 direction="left"
+                 [ngClass]="{'is-fullscreen': forceFullscreen, 'mat-elevation-z1': forceFullscreen && toolbarOpened }">
+  <mat-fab-trigger>
+    <button mat-button mat-icon-button mat-fab color="primary"
+            [matTooltip]="!toolbarOpened ? ('dashboard.open-toolbar' | translate) : ''"
+            matTooltipPosition="below"
+            (click)="onTriggerClick()">
+      <mat-icon>more_horiz</mat-icon>
+    </button>
+  </mat-fab-trigger>
+  <mat-toolbar color="primary">
+    <mat-fab-actions class="mat-toolbar-tools">
+      <ng-content></ng-content>
+    </mat-fab-actions>
+  </mat-toolbar>
+</mat-fab-toolbar>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-toolbar.component.scss b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-toolbar.component.scss
new file mode 100644
index 0000000000..1693046f3d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-toolbar.component.scss
@@ -0,0 +1,185 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import "../../../../../scss/constants";
+
+$toolbar-height: 50px !default;
+$fullscreen-toolbar-height: 64px !default;
+$mobile-toolbar-height: 80px !default;
+$half-mobile-toolbar-height: 40px !default;
+$mobile-toolbar-height-total: 84px !default;
+
+tb-dashboard-toolbar {
+  mat-fab-toolbar {
+    mat-fab-trigger {
+      .mat-button {
+        &.mat-fab {
+          width: 36px;
+          height: 36px;
+          margin: 4px 0 0 4px;
+          line-height: 36px;
+          .mat-button-wrapper {
+            width: 36px;
+            height: 36px;
+            padding: 0 6px;
+            box-sizing: border-box;
+          }
+          mat-icon {
+            display: block;
+            position: absolute;
+            top: 25%;
+            width: 18px;
+            min-width: 18px;
+            height: 18px;
+            min-height: 18px;
+            margin: 0;
+            line-height: 18px;
+          }
+        }
+      }
+    }
+
+    &.is-fullscreen {
+
+      .mat-fab-toolbar-wrapper {
+        height: $mobile-toolbar-height-total;
+
+        @media #{$mat-gt-sm} {
+          height: $fullscreen-toolbar-height;
+        }
+
+        mat-toolbar {
+          height: $mobile-toolbar-height;
+          min-height: $mobile-toolbar-height;
+          .mat-toolbar-tools {
+            height: $mobile-toolbar-height;
+            min-height: $mobile-toolbar-height;
+          }
+          @media #{$mat-gt-sm} {
+            height: $fullscreen-toolbar-height;
+            min-height: $fullscreen-toolbar-height;
+            .mat-toolbar-tools {
+              height: $fullscreen-toolbar-height;
+              min-height: $fullscreen-toolbar-height;
+            }
+          }
+        }
+      }
+    }
+
+    .mat-fab-toolbar-wrapper {
+      height: $mobile-toolbar-height-total;
+
+      @media #{$mat-gt-sm} {
+        height: $toolbar-height;
+      }
+
+      mat-toolbar {
+        height: $mobile-toolbar-height;
+        min-height: $mobile-toolbar-height;
+        .mat-toolbar-tools {
+          height: $mobile-toolbar-height;
+          min-height: $mobile-toolbar-height;
+        }
+
+        @media #{$mat-gt-sm} {
+          height: $toolbar-height;
+          min-height: $toolbar-height;
+          .mat-toolbar-tools {
+            height: $toolbar-height;
+            min-height: $toolbar-height;
+          }
+        }
+
+        mat-fab-actions {
+          margin-top: 0;
+          font-size: 16px;
+
+          @media #{$mat-lt-md} {
+            height: $mobile-toolbar-height;
+            max-height: $mobile-toolbar-height;
+          }
+
+          .close-action {
+            margin-right: -18px;
+          }
+
+          .mat-fab-action-item {
+            width: 100%;
+            height: $mobile-toolbar-height;
+
+            @media #{$mat-gt-sm} {
+              height: 46px;
+            }
+
+            .tb-dashboard-action-panels {
+              height: $mobile-toolbar-height;
+
+              @media #{$mat-gt-sm} {
+                height: 46px;
+              }
+
+              .tb-dashboard-action-panel {
+                min-width: 0;
+                height: $half-mobile-toolbar-height;
+
+                @media #{$mat-lt-md} {
+                  mat-menu{
+                    margin: 0;
+                  }
+                }
+
+                @media #{$mat-gt-sm} {
+                  height: 46px;
+                }
+
+                > div {
+                  height: $half-mobile-toolbar-height;
+
+                  @media #{$mat-gt-sm} {
+                    height: 46px;
+                  }
+                }
+
+                mat-select {
+                  margin: 0;
+                  pointer-events: all;
+                }
+
+                tb-states-component {
+                  pointer-events: all;
+                }
+
+                button.mat-icon-button:not(.tb-mat-32) {
+                  min-width: 40px;
+
+                  @media #{$mat-lt-md} {
+                    min-width: 28px;
+                    padding: 2px;
+                    margin: 0;
+                    .mat-button-wrapper {
+                      display: block;
+                      line-height: 24px;
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-toolbar.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-toolbar.component.ts
new file mode 100644
index 0000000000..ce8413e6d4
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-toolbar.component.ts
@@ -0,0 +1,47 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnDestroy, OnInit, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+
+@Component({
+  selector: 'tb-dashboard-toolbar',
+  templateUrl: './dashboard-toolbar.component.html',
+  styleUrls: ['./dashboard-toolbar.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class DashboardToolbarComponent implements OnInit {
+
+  @Input()
+  toolbarOpened: boolean;
+
+  @Input()
+  forceFullscreen: boolean;
+
+  @Output()
+  triggerClick = new EventEmitter<void>();
+
+  constructor() {
+  }
+
+  ngOnInit(): void {
+  }
+
+  onTriggerClick() {
+    this.triggerClick.emit();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-widget-select.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-widget-select.component.html
new file mode 100644
index 0000000000..9379dfa17c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-widget-select.component.html
@@ -0,0 +1,84 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div>
+  <mat-tab-group *ngIf="hasWidgetTypes()" class="tb-absolute-fill" fxFlex>
+    <mat-tab *ngIf="timeseriesWidgetTypes.length" style="height: 100%;" label="{{ 'widget.timeseries' | translate }}">
+      <tb-dashboard [aliasController]="aliasController"
+                    [widgets]="timeseriesWidgetTypes"
+                    [widgetLayouts]="{}"
+                    [isEdit]="false"
+                    [isMobile]="true"
+                    [isEditActionEnabled]="false"
+                    [isExportActionEnabled]="false"
+                    [isRemoveActionEnabled]="false"
+                    [callbacks]="callbacks"></tb-dashboard>
+    </mat-tab>
+    <mat-tab *ngIf="latestWidgetTypes.length" style="height: 100%;" label="{{ 'widget.latest-values' | translate }}">
+      <tb-dashboard [aliasController]="aliasController"
+                    [widgets]="latestWidgetTypes"
+                    [widgetLayouts]="{}"
+                    [isEdit]="false"
+                    [isMobile]="true"
+                    [isEditActionEnabled]="false"
+                    [isExportActionEnabled]="false"
+                    [isRemoveActionEnabled]="false"
+                    [callbacks]="callbacks"></tb-dashboard>
+    </mat-tab>
+    <mat-tab *ngIf="rpcWidgetTypes.length" style="height: 100%;" label="{{ 'widget.rpc' | translate }}">
+      <tb-dashboard [aliasController]="aliasController"
+                    [widgets]="rpcWidgetTypes"
+                    [widgetLayouts]="{}"
+                    [isEdit]="false"
+                    [isMobile]="true"
+                    [isEditActionEnabled]="false"
+                    [isExportActionEnabled]="false"
+                    [isRemoveActionEnabled]="false"
+                    [callbacks]="callbacks"></tb-dashboard>
+    </mat-tab>
+    <mat-tab *ngIf="alarmWidgetTypes.length" style="height: 100%;" label="{{ 'widget.alarm' | translate }}">
+      <tb-dashboard [aliasController]="aliasController"
+                    [widgets]="alarmWidgetTypes"
+                    [widgetLayouts]="{}"
+                    [isEdit]="false"
+                    [isMobile]="true"
+                    [isEditActionEnabled]="false"
+                    [isExportActionEnabled]="false"
+                    [isRemoveActionEnabled]="false"
+                    [callbacks]="callbacks"></tb-dashboard>
+    </mat-tab>
+    <mat-tab *ngIf="staticWidgetTypes.length" style="height: 100%;" label="{{ 'widget.static' | translate }}">
+      <tb-dashboard [aliasController]="aliasController"
+                    [widgets]="staticWidgetTypes"
+                    [widgetLayouts]="{}"
+                    [isEdit]="false"
+                    [isMobile]="true"
+                    [isEditActionEnabled]="false"
+                    [isExportActionEnabled]="false"
+                    [isRemoveActionEnabled]="false"
+                    [callbacks]="callbacks"></tb-dashboard>
+    </mat-tab>
+  </mat-tab-group>
+  <span translate *ngIf="widgetsBundle && !hasWidgetTypes()"
+        style="text-transform: uppercase; display: flex;"
+        fxLayoutAlign="center center"
+        class="mat-headline tb-absolute-fill">widgets-bundle.empty</span>
+  <span translate *ngIf="!widgetsBundle"
+        style="text-transform: uppercase; display: flex;"
+        fxLayoutAlign="center center"
+        class="mat-headline tb-absolute-fill">widget.select-widgets-bundle</span>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-widget-select.component.scss b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-widget-select.component.scss
new file mode 100644
index 0000000000..06bedaabf4
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-widget-select.component.scss
@@ -0,0 +1,23 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host ::ng-deep {
+  .mat-tab-group {
+    .mat-tab-body-wrapper {
+      height: 100%;
+    }
+  }
+}
+
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-widget-select.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-widget-select.component.ts
new file mode 100644
index 0000000000..2fcc659d13
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-widget-select.component.ts
@@ -0,0 +1,144 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  Component,
+  OnDestroy,
+  OnInit,
+  ViewEncapsulation,
+  Input,
+  Output,
+  EventEmitter,
+  OnChanges,
+  SimpleChanges
+} from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { WidgetsBundle } from '@shared/models/widgets-bundle.model';
+import { IAliasController } from '@core/api/widget-api.models';
+import { NULL_UUID } from '@shared/models/id/has-uuid';
+import { WidgetService } from '@core/http/widget.service';
+import { widgetType, Widget } from '@shared/models/widget.models';
+import { toWidgetInfo } from '@home/models/widget-component.models';
+import { DashboardCallbacks } from '../../models/dashboard-component.models';
+
+@Component({
+  selector: 'tb-dashboard-widget-select',
+  templateUrl: './dashboard-widget-select.component.html',
+  styleUrls: ['./dashboard-widget-select.component.scss']
+})
+export class DashboardWidgetSelectComponent implements OnInit, OnChanges {
+
+  @Input()
+  widgetsBundle: WidgetsBundle;
+
+  @Input()
+  aliasController: IAliasController;
+
+  @Output()
+  widgetSelected: EventEmitter<Widget> = new EventEmitter<Widget>();
+
+  timeseriesWidgetTypes: Array<Widget> = [];
+  latestWidgetTypes: Array<Widget> = [];
+  rpcWidgetTypes: Array<Widget> = [];
+  alarmWidgetTypes: Array<Widget> = [];
+  staticWidgetTypes: Array<Widget> = [];
+
+  callbacks: DashboardCallbacks = {
+    onWidgetClicked: this.onWidgetClicked.bind(this)
+  };
+
+  constructor(private widgetsService: WidgetService) {
+  }
+
+  ngOnInit(): void {
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (change.currentValue !== change.previousValue && change.currentValue) {
+        if (propName === 'widgetsBundle') {
+          this.loadLibrary();
+        }
+      }
+    }
+  }
+
+  private loadLibrary() {
+    this.timeseriesWidgetTypes.length = 0;
+    this.latestWidgetTypes.length = 0;
+    this.rpcWidgetTypes.length = 0;
+    this.alarmWidgetTypes.length = 0;
+    this.staticWidgetTypes.length = 0;
+    const bundleAlias = this.widgetsBundle.alias;
+    const isSystem = this.widgetsBundle.tenantId.id === NULL_UUID;
+    this.widgetsService.getBundleWidgetTypes(bundleAlias,
+      isSystem).subscribe(
+      (types) => {
+        types = types.sort((a, b) => b.createdTime - a.createdTime);
+        let top = 0;
+        types.forEach((type) => {
+          const widgetTypeInfo = toWidgetInfo(type);
+          const widget: Widget = {
+            typeId: type.id,
+            isSystemType: isSystem,
+            bundleAlias,
+            typeAlias: widgetTypeInfo.alias,
+            type: widgetTypeInfo.type,
+            title: widgetTypeInfo.widgetName,
+            sizeX: widgetTypeInfo.sizeX,
+            sizeY: widgetTypeInfo.sizeY,
+            row: top,
+            col: 0,
+            config: JSON.parse(widgetTypeInfo.defaultConfig)
+          };
+          widget.config.title = widgetTypeInfo.widgetName;
+          switch (widgetTypeInfo.type) {
+            case widgetType.timeseries:
+              this.timeseriesWidgetTypes.push(widget);
+              break;
+            case widgetType.latest:
+              this.latestWidgetTypes.push(widget);
+              break;
+            case widgetType.rpc:
+              this.rpcWidgetTypes.push(widget);
+              break;
+            case widgetType.alarm:
+              this.alarmWidgetTypes.push(widget);
+              break;
+            case widgetType.static:
+              this.staticWidgetTypes.push(widget);
+              break;
+          }
+          top += widget.sizeY;
+        });
+      }
+    );
+  }
+
+  hasWidgetTypes() {
+    return this.timeseriesWidgetTypes.length > 0 ||
+           this.latestWidgetTypes.length > 0 ||
+           this.rpcWidgetTypes.length > 0 ||
+           this.alarmWidgetTypes.length > 0 ||
+           this.staticWidgetTypes.length > 0;
+  }
+
+  private onWidgetClicked($event: Event, widget: Widget, index: number): void {
+    this.widgetSelected.emit(widget);
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard.module.ts b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard.module.ts
new file mode 100644
index 0000000000..6b8729fbdd
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard.module.ts
@@ -0,0 +1,65 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@shared/shared.module';
+import { HomeDialogsModule } from '../../dialogs/home-dialogs.module';
+import { DashboardFormComponent } from '@modules/home/pages/dashboard/dashboard-form.component';
+import { ManageDashboardCustomersDialogComponent } from '@modules/home/pages/dashboard/manage-dashboard-customers-dialog.component';
+import { DashboardRoutingModule } from './dashboard-routing.module';
+import { MakeDashboardPublicDialogComponent } from '@modules/home/pages/dashboard/make-dashboard-public-dialog.component';
+import { HomeComponentsModule } from '@modules/home/components/home-components.module';
+import { DashboardTabsComponent } from '@home/pages/dashboard/dashboard-tabs.component';
+import { DashboardPageComponent } from '@home/pages/dashboard/dashboard-page.component';
+import { DashboardToolbarComponent } from './dashboard-toolbar.component';
+import { StatesControllerModule } from '@home/pages/dashboard/states/states-controller.module';
+import { DashboardLayoutComponent } from './layout/dashboard-layout.component';
+import { EditWidgetComponent } from './edit-widget.component';
+import { DashboardWidgetSelectComponent } from './dashboard-widget-select.component';
+import { AddWidgetDialogComponent } from './add-widget-dialog.component';
+import { ManageDashboardLayoutsDialogComponent } from './layout/manage-dashboard-layouts-dialog.component';
+import { DashboardSettingsDialogComponent } from './dashboard-settings-dialog.component';
+import { ManageDashboardStatesDialogComponent } from './states/manage-dashboard-states-dialog.component';
+import { DashboardStateDialogComponent } from './states/dashboard-state-dialog.component';
+
+@NgModule({
+  declarations: [
+    DashboardFormComponent,
+    DashboardTabsComponent,
+    ManageDashboardCustomersDialogComponent,
+    MakeDashboardPublicDialogComponent,
+    DashboardToolbarComponent,
+    DashboardPageComponent,
+    DashboardLayoutComponent,
+    EditWidgetComponent,
+    DashboardWidgetSelectComponent,
+    AddWidgetDialogComponent,
+    ManageDashboardLayoutsDialogComponent,
+    DashboardSettingsDialogComponent,
+    ManageDashboardStatesDialogComponent,
+    DashboardStateDialogComponent
+  ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    HomeComponentsModule,
+    HomeDialogsModule,
+    StatesControllerModule,
+    DashboardRoutingModule
+  ]
+})
+export class DashboardModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboards-table-config.resolver.ts b/ui-ngx/src/app/modules/home/pages/dashboard/dashboards-table-config.resolver.ts
new file mode 100644
index 0000000000..385bb2bca4
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboards-table-config.resolver.ts
@@ -0,0 +1,506 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Injectable} from '@angular/core';
+
+import {ActivatedRouteSnapshot, Resolve, Router} from '@angular/router';
+import {
+  CellActionDescriptor,
+  checkBoxCell,
+  DateEntityTableColumn,
+  EntityTableColumn,
+  EntityTableConfig,
+  GroupActionDescriptor,
+  HeaderActionDescriptor
+} from '@home/models/entity/entities-table-config.models';
+import {TranslateService} from '@ngx-translate/core';
+import {DatePipe} from '@angular/common';
+import {EntityType, entityTypeResources, entityTypeTranslations} from '@shared/models/entity-type.models';
+import {EntityAction} from '@home/models/entity/entity-component.models';
+import {forkJoin, Observable, of} from 'rxjs';
+import {select, Store} from '@ngrx/store';
+import {selectAuthUser} from '@core/auth/auth.selectors';
+import {map, mergeMap, take, tap} from 'rxjs/operators';
+import {AppState} from '@core/core.state';
+import {Authority} from '@app/shared/models/authority.enum';
+import {CustomerService} from '@core/http/customer.service';
+import {Customer} from '@app/shared/models/customer.model';
+import { MatDialog } from '@angular/material/dialog';
+import {DialogService} from '@core/services/dialog.service';
+import {
+  AddEntitiesToCustomerDialogComponent,
+  AddEntitiesToCustomerDialogData
+} from '../../dialogs/add-entities-to-customer-dialog.component';
+import {
+  Dashboard,
+  DashboardInfo,
+  getDashboardAssignedCustomersText,
+  isCurrentPublicDashboardCustomer,
+  isPublicDashboard
+} from '@app/shared/models/dashboard.models';
+import {DashboardService} from '@app/core/http/dashboard.service';
+import {DashboardFormComponent} from '@modules/home/pages/dashboard/dashboard-form.component';
+import {
+  ManageDashboardCustomersActionType,
+  ManageDashboardCustomersDialogComponent,
+  ManageDashboardCustomersDialogData
+} from './manage-dashboard-customers-dialog.component';
+import {
+  MakeDashboardPublicDialogComponent,
+  MakeDashboardPublicDialogData
+} from '@modules/home/pages/dashboard/make-dashboard-public-dialog.component';
+import { DashboardTabsComponent } from '@home/pages/dashboard/dashboard-tabs.component';
+import { ImportExportService } from '@home/components/import-export/import-export.service';
+
+@Injectable()
+export class DashboardsTableConfigResolver implements Resolve<EntityTableConfig<DashboardInfo | Dashboard>> {
+
+  private readonly config: EntityTableConfig<DashboardInfo | Dashboard> = new EntityTableConfig<DashboardInfo | Dashboard>();
+
+  constructor(private store: Store<AppState>,
+              private dashboardService: DashboardService,
+              private customerService: CustomerService,
+              private dialogService: DialogService,
+              private importExport: ImportExportService,
+              private translate: TranslateService,
+              private datePipe: DatePipe,
+              private router: Router,
+              private dialog: MatDialog) {
+
+    this.config.entityType = EntityType.DASHBOARD;
+    this.config.entityComponent = DashboardFormComponent;
+    this.config.entityTabsComponent = DashboardTabsComponent;
+    this.config.entityTranslations = entityTypeTranslations.get(EntityType.DASHBOARD);
+    this.config.entityResources = entityTypeResources.get(EntityType.DASHBOARD);
+
+    this.config.deleteEntityTitle = dashboard =>
+      this.translate.instant('dashboard.delete-dashboard-title', { dashboardTitle: dashboard.title });
+    this.config.deleteEntityContent = () => this.translate.instant('dashboard.delete-dashboard-text');
+    this.config.deleteEntitiesTitle = count => this.translate.instant('dashboard.delete-dashboards-title', {count});
+    this.config.deleteEntitiesContent = () => this.translate.instant('dashboard.delete-dashboards-text');
+
+    this.config.loadEntity = id => this.dashboardService.getDashboard(id.id);
+    this.config.saveEntity = dashboard => {
+      return this.dashboardService.saveDashboard(dashboard as Dashboard);
+    };
+    this.config.onEntityAction = action => this.onDashboardAction(action);
+    this.config.detailsReadonly = () => this.config.componentsData.dashboardScope === 'customer_user';
+  }
+
+  resolve(route: ActivatedRouteSnapshot): Observable<EntityTableConfig<DashboardInfo | Dashboard>> {
+    const routeParams = route.params;
+    this.config.componentsData = {
+      dashboardScope: route.data.dashboardsType,
+      customerId: routeParams.customerId
+    };
+    return this.store.pipe(select(selectAuthUser), take(1)).pipe(
+      tap((authUser) => {
+        if (authUser.authority === Authority.CUSTOMER_USER) {
+          this.config.componentsData.dashboardScope = 'customer_user';
+          this.config.componentsData.customerId = authUser.customerId;
+        }
+      }),
+      mergeMap(() =>
+        this.config.componentsData.customerId ?
+          this.customerService.getCustomer(this.config.componentsData.customerId) : of(null as Customer)
+      ),
+      map((parentCustomer) => {
+        if (parentCustomer) {
+          if (parentCustomer.additionalInfo && parentCustomer.additionalInfo.isPublic) {
+            this.config.tableTitle = this.translate.instant('customer.public-dashboards');
+          } else {
+            this.config.tableTitle = parentCustomer.title + ': ' + this.translate.instant('dashboard.dashboards');
+          }
+        } else {
+          this.config.tableTitle = this.translate.instant('dashboard.dashboards');
+        }
+        this.config.columns = this.configureColumns(this.config.componentsData.dashboardScope);
+        this.configureEntityFunctions(this.config.componentsData.dashboardScope);
+        this.config.cellActionDescriptors = this.configureCellActions(this.config.componentsData.dashboardScope);
+        this.config.groupActionDescriptors = this.configureGroupActions(this.config.componentsData.dashboardScope);
+        this.config.addActionDescriptors = this.configureAddActions(this.config.componentsData.dashboardScope);
+        this.config.addEnabled = this.config.componentsData.dashboardScope !== 'customer_user';
+        this.config.entitiesDeleteEnabled = this.config.componentsData.dashboardScope === 'tenant';
+        this.config.deleteEnabled = () => this.config.componentsData.dashboardScope === 'tenant';
+        return this.config;
+      })
+    );
+  }
+
+  configureColumns(dashboardScope: string): Array<EntityTableColumn<DashboardInfo>> {
+    const columns: Array<EntityTableColumn<DashboardInfo>> = [
+      new DateEntityTableColumn<DashboardInfo>('createdTime', 'dashboard.created-time', this.datePipe, '150px'),
+      new EntityTableColumn<DashboardInfo>('title', 'dashboard.title', '50%')
+    ];
+    if (dashboardScope === 'tenant') {
+      columns.push(
+        new EntityTableColumn<DashboardInfo>('customersTitle', 'dashboard.assignedToCustomers',
+          '50%', entity => {
+            return getDashboardAssignedCustomersText(entity);
+          }, () => ({}), false),
+        new EntityTableColumn<DashboardInfo>('dashboardIsPublic', 'dashboard.public', '60px',
+          entity => {
+            return checkBoxCell(isPublicDashboard(entity));
+          }, () => ({}), false),
+      );
+    }
+    return columns;
+  }
+
+  configureEntityFunctions(dashboardScope: string): void {
+    if (dashboardScope === 'tenant') {
+      this.config.entitiesFetchFunction = pageLink =>
+        this.dashboardService.getTenantDashboards(pageLink);
+      this.config.deleteEntity = id => this.dashboardService.deleteDashboard(id.id);
+    } else {
+      this.config.entitiesFetchFunction = pageLink =>
+        this.dashboardService.getCustomerDashboards(this.config.componentsData.customerId, pageLink);
+      this.config.deleteEntity = id =>
+        this.dashboardService.unassignDashboardFromCustomer(this.config.componentsData.customerId, id.id);
+    }
+  }
+
+  configureCellActions(dashboardScope: string): Array<CellActionDescriptor<DashboardInfo>> {
+    const actions: Array<CellActionDescriptor<DashboardInfo>> = [];
+    actions.push(
+      {
+        name: this.translate.instant('dashboard.open-dashboard'),
+        icon: 'dashboard',
+        isEnabled: () => true,
+        onAction: ($event, entity) => this.openDashboard($event, entity)
+      }
+    );
+    if (dashboardScope === 'tenant') {
+      actions.push(
+        {
+          name: this.translate.instant('dashboard.export'),
+          icon: 'file_download',
+          isEnabled: () => true,
+          onAction: ($event, entity) => this.exportDashboard($event, entity)
+        },
+        {
+          name: this.translate.instant('dashboard.make-public'),
+          icon: 'share',
+          isEnabled: (entity) => !isPublicDashboard(entity),
+          onAction: ($event, entity) => this.makePublic($event, entity)
+        },
+        {
+          name: this.translate.instant('dashboard.make-private'),
+          icon: 'reply',
+          isEnabled: (entity) => isPublicDashboard(entity),
+          onAction: ($event, entity) => this.makePrivate($event, entity)
+        },
+        {
+          name: this.translate.instant('dashboard.manage-assigned-customers'),
+          icon: 'assignment_ind',
+          isEnabled: () => true,
+          onAction: ($event, entity) => this.manageAssignedCustomers($event, entity)
+        }
+      );
+    }
+    if (dashboardScope === 'customer') {
+      actions.push(
+        {
+          name: this.translate.instant('dashboard.export'),
+          icon: 'file_download',
+          isEnabled: () => true,
+          onAction: ($event, entity) => this.exportDashboard($event, entity)
+        },
+        {
+          name: this.translate.instant('dashboard.make-private'),
+          icon: 'reply',
+          isEnabled: (entity) => isCurrentPublicDashboardCustomer(entity, this.config.componentsData.customerId),
+          onAction: ($event, entity) => this.makePrivate($event, entity)
+        },
+        {
+          name: this.translate.instant('dashboard.unassign-from-customer'),
+          icon: 'assignment_return',
+          isEnabled: (entity) => !isCurrentPublicDashboardCustomer(entity, this.config.componentsData.customerId),
+          onAction: ($event, entity) => this.unassignFromCustomer($event, entity, this.config.componentsData.customerId)
+        }
+      );
+    }
+    return actions;
+  }
+
+  configureGroupActions(dashboardScope: string): Array<GroupActionDescriptor<DashboardInfo>> {
+    const actions: Array<GroupActionDescriptor<DashboardInfo>> = [];
+    if (dashboardScope === 'tenant') {
+      actions.push(
+        {
+          name: this.translate.instant('dashboard.assign-dashboards'),
+          icon: 'assignment_ind',
+          isEnabled: true,
+          onAction: ($event, entities) => this.assignDashboardsToCustomers($event, entities.map((entity) => entity.id.id))
+        }
+      );
+      actions.push(
+        {
+          name: this.translate.instant('dashboard.unassign-dashboards'),
+          icon: 'assignment_return',
+          isEnabled: true,
+          onAction: ($event, entities) => this.unassignDashboardsFromCustomers($event, entities.map((entity) => entity.id.id))
+        }
+      );
+    }
+    if (dashboardScope === 'customer') {
+      actions.push(
+        {
+          name: this.translate.instant('dashboard.unassign-dashboards'),
+          icon: 'assignment_return',
+          isEnabled: true,
+          onAction: ($event, entities) =>
+            this.unassignDashboardsFromCustomer($event, entities.map((entity) => entity.id.id), this.config.componentsData.customerId)
+        }
+      );
+    }
+    return actions;
+  }
+
+  configureAddActions(dashboardScope: string): Array<HeaderActionDescriptor> {
+    const actions: Array<HeaderActionDescriptor> = [];
+    if (dashboardScope === 'tenant') {
+      actions.push(
+        {
+          name: this.translate.instant('dashboard.create-new-dashboard'),
+          icon: 'insert_drive_file',
+          isEnabled: () => true,
+          onAction: ($event) => this.config.table.addEntity($event)
+        },
+        {
+          name: this.translate.instant('dashboard.import'),
+          icon: 'file_upload',
+          isEnabled: () => true,
+          onAction: ($event) => this.importDashboard($event)
+        }
+      );
+    }
+    if (dashboardScope === 'customer') {
+      actions.push(
+        {
+          name: this.translate.instant('dashboard.assign-new-dashboard'),
+          icon: 'add',
+          isEnabled: () => true,
+          onAction: ($event) => this.addDashboardsToCustomer($event)
+        }
+      );
+    }
+    return actions;
+  }
+
+  openDashboard($event: Event, dashboard: DashboardInfo) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    if (this.config.componentsData.dashboardScope === 'customer') {
+      this.router.navigateByUrl(`customers/${this.config.componentsData.customerId}/dashboards/${dashboard.id.id}`);
+    } else {
+      this.router.navigateByUrl(`dashboards/${dashboard.id.id}`);
+    }
+  }
+
+  importDashboard($event: Event) {
+    this.importExport.importDashboard().subscribe(
+      (dashboard) => {
+        if (dashboard) {
+          this.config.table.updateData();
+        }
+      }
+    );
+  }
+
+  exportDashboard($event: Event, dashboard: DashboardInfo) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.importExport.exportDashboard(dashboard.id.id);
+  }
+
+  addDashboardsToCustomer($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialog.open<AddEntitiesToCustomerDialogComponent, AddEntitiesToCustomerDialogData,
+      boolean>(AddEntitiesToCustomerDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        customerId: this.config.componentsData.customerId,
+        entityType: EntityType.DASHBOARD
+      }
+    }).afterClosed()
+      .subscribe((res) => {
+        if (res) {
+          this.config.table.updateData();
+        }
+      });
+  }
+
+  makePublic($event: Event, dashboard: DashboardInfo) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dashboardService.makeDashboardPublic(dashboard.id.id).subscribe(
+      (publicDashboard) => {
+        this.dialog.open<MakeDashboardPublicDialogComponent, MakeDashboardPublicDialogData>
+        (MakeDashboardPublicDialogComponent, {
+          disableClose: true,
+          panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+          data: {
+            dashboard: publicDashboard
+          }
+        }).afterClosed()
+          .subscribe(() => {
+              this.config.table.updateData();
+          });
+      }
+    );
+  }
+
+  makePrivate($event: Event, dashboard: DashboardInfo) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialogService.confirm(
+      this.translate.instant('dashboard.make-private-dashboard-title', {dashboardTitle: dashboard.title}),
+      this.translate.instant('dashboard.make-private-dashboard-text'),
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+      true
+    ).subscribe((res) => {
+        if (res) {
+          this.dashboardService.makeDashboardPrivate(dashboard.id.id).subscribe(
+            () => {
+              this.config.table.updateData();
+            }
+          );
+        }
+      }
+    );
+  }
+
+  manageAssignedCustomers($event: Event, dashboard: DashboardInfo) {
+    const assignedCustomersIds = dashboard.assignedCustomers ?
+      dashboard.assignedCustomers.map(customerInfo => customerInfo.customerId.id) : [];
+    this.showManageAssignedCustomersDialog($event, [dashboard.id.id], 'manage', assignedCustomersIds);
+  }
+
+  assignDashboardsToCustomers($event: Event, dashboardIds: Array<string>) {
+    this.showManageAssignedCustomersDialog($event, dashboardIds, 'assign');
+  }
+
+  unassignDashboardsFromCustomers($event: Event, dashboardIds: Array<string>) {
+    this.showManageAssignedCustomersDialog($event, dashboardIds, 'unassign');
+  }
+
+  showManageAssignedCustomersDialog($event: Event, dashboardIds: Array<string>,
+                                    actionType: ManageDashboardCustomersActionType,
+                                    assignedCustomersIds?: Array<string>) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialog.open<ManageDashboardCustomersDialogComponent, ManageDashboardCustomersDialogData,
+      boolean>(ManageDashboardCustomersDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        dashboardIds,
+        actionType,
+        assignedCustomersIds
+      }
+    }).afterClosed()
+      .subscribe((res) => {
+        if (res) {
+          this.config.table.updateData();
+        }
+      });
+  }
+
+  unassignFromCustomer($event: Event, dashboard: DashboardInfo, customerId: string) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialogService.confirm(
+      this.translate.instant('dashboard.unassign-dashboard-title', {dashboardTitle: dashboard.title}),
+      this.translate.instant('dashboard.unassign-dashboard-text'),
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+      true
+    ).subscribe((res) => {
+        if (res) {
+          this.dashboardService.unassignDashboardFromCustomer(customerId, dashboard.id.id).subscribe(
+            () => {
+              this.config.table.updateData();
+            }
+          );
+        }
+      }
+    );
+  }
+
+  unassignDashboardsFromCustomer($event: Event, dashboardIds: Array<string>, customerId: string) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialogService.confirm(
+      this.translate.instant('dashboard.unassign-dashboards-title', {count: dashboardIds.length}),
+      this.translate.instant('dashboard.unassign-dashboards-text'),
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+      true
+    ).subscribe((res) => {
+        if (res) {
+          const tasks: Observable<any>[] = [];
+          dashboardIds.forEach(
+            (dashboardId) => {
+              tasks.push(this.dashboardService.unassignDashboardFromCustomer(customerId, dashboardId));
+            }
+          );
+          forkJoin(tasks).subscribe(
+            () => {
+              this.config.table.updateData();
+            }
+          );
+        }
+      }
+    );
+  }
+
+  onDashboardAction(action: EntityAction<DashboardInfo>): boolean {
+    switch (action.action) {
+      case 'open':
+        this.openDashboard(action.event, action.entity);
+        return true;
+      case 'export':
+        this.exportDashboard(action.event, action.entity);
+        return true;
+      case 'makePublic':
+        this.makePublic(action.event, action.entity);
+        return true;
+      case 'makePrivate':
+        this.makePrivate(action.event, action.entity);
+        return true;
+      case 'manageAssignedCustomers':
+        this.manageAssignedCustomers(action.event, action.entity);
+        return true;
+      case 'unassignFromCustomer':
+        this.unassignFromCustomer(action.event, action.entity, this.config.componentsData.customerId);
+        return true;
+    }
+    return false;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/edit-widget.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/edit-widget.component.html
new file mode 100644
index 0000000000..110fec0b3f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/edit-widget.component.html
@@ -0,0 +1,28 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #widgetForm="ngForm" [formGroup]="widgetFormGroup">
+  <fieldset [disabled]="isLoading$ | async">
+    <tb-widget-config
+      [aliasController]="aliasController"
+      [functionsOnly]="widgetEditMode"
+      [entityAliases]="dashboard.configuration.entityAliases"
+      [dashboardStates]="dashboard.configuration.states"
+      formControlName="widgetConfig">
+    </tb-widget-config>
+  </fieldset>
+</form>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/edit-widget.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/edit-widget.component.ts
new file mode 100644
index 0000000000..553d3515d0
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/edit-widget.component.ts
@@ -0,0 +1,138 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnInit, Input, OnChanges, SimpleChanges, ViewChild, ChangeDetectionStrategy } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { ActivatedRoute, Router } from '@angular/router';
+import { WidgetService } from '@core/http/widget.service';
+import { DialogService } from '@core/services/dialog.service';
+import { MatDialog } from '@angular/material/dialog';
+import { TranslateService } from '@ngx-translate/core';
+import { Dashboard, WidgetLayout } from '@shared/models/dashboard.models';
+import { IAliasController } from '@core/api/widget-api.models';
+import { Widget, WidgetActionSource, WidgetTypeParameters } from '@shared/models/widget.models';
+import { WidgetComponentService } from '@home/components/widget/widget-component.service';
+import { WidgetConfigComponentData } from '../../models/widget-component.models';
+import { deepClone, isDefined, isString } from '@core/utils';
+import { FormBuilder, FormGroup, NgForm, Validators } from '@angular/forms';
+import { EntityType } from '@shared/models/entity-type.models';
+import { Observable, of } from 'rxjs';
+import { EntityAlias, EntityAliases } from '@shared/models/alias.models';
+import { WidgetConfigCallbacks } from '@home/components/widget/widget-config.component.models';
+import {
+  EntityAliasesDialogComponent,
+  EntityAliasesDialogData
+} from '@home/components/alias/entity-aliases-dialog.component';
+import {
+  EntityAliasDialogComponent,
+  EntityAliasDialogData
+} from '@home/components/alias/entity-alias-dialog.component';
+import { tap } from 'rxjs/operators';
+
+@Component({
+  selector: 'tb-edit-widget',
+  templateUrl: './edit-widget.component.html',
+  styleUrls: []
+})
+export class EditWidgetComponent extends PageComponent implements OnInit, OnChanges {
+
+  @Input()
+  dashboard: Dashboard;
+
+  @Input()
+  aliasController: IAliasController;
+
+  @Input()
+  widgetEditMode: boolean;
+
+  @Input()
+  widget: Widget;
+
+  @Input()
+  widgetLayout: WidgetLayout;
+
+  @ViewChild('widgetForm', {static: true}) widgetForm: NgForm;
+
+  widgetFormGroup: FormGroup;
+
+  widgetConfig: WidgetConfigComponentData;
+
+  constructor(protected store: Store<AppState>,
+              private dialog: MatDialog,
+              private fb: FormBuilder,
+              private widgetComponentService: WidgetComponentService) {
+    super(store);
+    this.widgetFormGroup = this.fb.group({
+      widgetConfig: [null]
+    });
+  }
+
+  ngOnInit(): void {
+    this.loadWidgetConfig();
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    let reloadConfig = false;
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (!change.firstChange && change.currentValue !== change.previousValue) {
+        if (['widget', 'widgetLayout'].includes(propName)) {
+          reloadConfig = true;
+        }
+      }
+    }
+    if (reloadConfig) {
+      this.loadWidgetConfig();
+    }
+  }
+
+  private loadWidgetConfig() {
+    if (!this.widget) {
+      return;
+    }
+    const widgetInfo = this.widgetComponentService.getInstantWidgetInfo(this.widget);
+    const rawSettingsSchema = widgetInfo.typeSettingsSchema || widgetInfo.settingsSchema;
+    const rawDataKeySettingsSchema = widgetInfo.typeDataKeySettingsSchema || widgetInfo.dataKeySettingsSchema;
+    const typeParameters = widgetInfo.typeParameters;
+    const actionSources = widgetInfo.actionSources;
+    const isDataEnabled = isDefined(widgetInfo.typeParameters) ? !widgetInfo.typeParameters.useCustomDatasources : true;
+    let settingsSchema;
+    if (!rawSettingsSchema || rawSettingsSchema === '') {
+      settingsSchema = {};
+    } else {
+      settingsSchema = isString(rawSettingsSchema) ? JSON.parse(rawSettingsSchema) : rawSettingsSchema;
+    }
+    let dataKeySettingsSchema;
+    if (!rawDataKeySettingsSchema || rawDataKeySettingsSchema === '') {
+      dataKeySettingsSchema = {};
+    } else {
+      dataKeySettingsSchema = isString(rawDataKeySettingsSchema) ? JSON.parse(rawDataKeySettingsSchema) : rawDataKeySettingsSchema;
+    }
+    this.widgetConfig = {
+      config: this.widget.config,
+      layout: this.widgetLayout,
+      widgetType: this.widget.type,
+      typeParameters,
+      actionSources,
+      isDataEnabled,
+      settingsSchema,
+      dataKeySettingsSchema
+    };
+    this.widgetFormGroup.reset({widgetConfig: this.widgetConfig});
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/layout/dashboard-layout.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/layout/dashboard-layout.component.html
new file mode 100644
index 0000000000..8d8171a498
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/layout/dashboard-layout.component.html
@@ -0,0 +1,62 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div fxLayout="column" class="tb-progress-cover" fxLayoutAlign="center center"
+  *ngIf="layoutCtx.widgets.isLoading()">
+  <mat-spinner color="warn" mode="indeterminate" diameter="100">
+  </mat-spinner>
+</div>
+<div class="mat-content"
+          style="position: relative; width: 100%; height: 100%;" tb-hotkeys [hotkeys]="hotKeys"
+          [cheatSheet]="dashboardCheatSheet"
+          [style.backgroundImage]="backgroundImage"
+          [ngStyle]="dashboardStyle">
+  <section *ngIf="layoutCtx.widgets.isEmpty()" fxLayoutAlign="center center"
+           [ngStyle]="{'color': layoutCtx.gridSettings.color}"
+           style="text-transform: uppercase; display: flex; z-index: 1; pointer-events: none;"
+           class="mat-headline tb-absolute-fill">
+    <span *ngIf="!isEdit">
+      {{'dashboard.no-widgets' | translate}}
+    </span>
+    <button mat-button *ngIf="isEdit && !widgetEditMode" class="tb-add-new-widget"
+            (click)="addWidget($event)">
+      <mat-icon class="tb-mat-96">add</mat-icon>
+      {{ 'dashboard.add-widget' | translate }}
+    </button>
+  </section>
+  <tb-dashboard #dashboard [dashboardStyle]="dashboardStyle"
+                [backgroundImage]="backgroundImage"
+                [widgets]="layoutCtx.widgets"
+                [widgetLayouts]="layoutCtx.widgetLayouts"
+                [columns]="layoutCtx.gridSettings.columns"
+                [margin]="layoutCtx.gridSettings.margin"
+                [aliasController]="dashboardCtx.aliasController"
+                [stateController]="dashboardCtx.stateController"
+                [dashboardTimewindow]="dashboardCtx.dashboardTimewindow"
+                [isEdit]="isEdit"
+                [autofillHeight]="layoutCtx.gridSettings.autoFillHeight && !isEdit"
+                [mobileAutofillHeight]="layoutCtx.gridSettings.mobileAutoFillHeight && !isEdit"
+                [mobileRowHeight]="layoutCtx.gridSettings.mobileRowHeight"
+                [isMobile]="isMobile"
+                [isMobileDisabled]="widgetEditMode"
+                [isEditActionEnabled]="isEdit"
+                [isExportActionEnabled]="isEdit && !widgetEditMode"
+                [isRemoveActionEnabled]="isEdit && !widgetEditMode"
+                [callbacks]="this"
+                [ignoreLoading]="layoutCtx.ignoreLoading">
+  </tb-dashboard>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/layout/dashboard-layout.component.scss b/ui-ngx/src/app/modules/home/pages/dashboard/layout/dashboard-layout.component.scss
new file mode 100644
index 0000000000..49b78bc9bd
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/layout/dashboard-layout.component.scss
@@ -0,0 +1,23 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  button.tb-add-new-widget {
+    padding-right: 12px;
+    font-size: 24px;
+    border-style: dashed;
+    border-width: 2px;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/layout/dashboard-layout.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/layout/dashboard-layout.component.ts
new file mode 100644
index 0000000000..3c57074966
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/layout/dashboard-layout.component.ts
@@ -0,0 +1,257 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { ILayoutController } from '@home/pages/dashboard/layout/layout.models';
+import { DashboardContext, DashboardPageLayoutContext } from '@home/pages/dashboard/dashboard-page.models';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { Widget } from '@shared/models/widget.models';
+import {
+  DashboardCallbacks,
+  DashboardContextMenuItem,
+  IDashboardComponent,
+  WidgetContextMenuItem
+} from '@home/models/dashboard-component.models';
+import { Subscription } from 'rxjs';
+import { Hotkey, HotkeysService } from 'angular2-hotkeys';
+import { TranslateService } from '@ngx-translate/core';
+import { ItemBufferService } from '@app/core/services/item-buffer.service';
+import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
+import { TbCheatSheetComponent } from '@shared/components/cheatsheet.component';
+
+@Component({
+  selector: 'tb-dashboard-layout',
+  templateUrl: './dashboard-layout.component.html',
+  styleUrls: ['./dashboard-layout.component.scss']
+})
+export class DashboardLayoutComponent extends PageComponent implements ILayoutController, DashboardCallbacks, OnInit, OnDestroy {
+
+  layoutCtxValue: DashboardPageLayoutContext;
+  dashboardStyle: {[klass: string]: any} = null;
+  backgroundImage: SafeStyle | string;
+
+  hotKeys: Hotkey[] = [];
+
+  @Input() dashboardCheatSheet: TbCheatSheetComponent;
+
+  @Input()
+  set layoutCtx(val: DashboardPageLayoutContext) {
+    this.layoutCtxValue = val;
+    if (this.layoutCtxValue) {
+      this.layoutCtxValue.ctrl = this;
+      if (this.dashboardStyle == null) {
+        this.loadDashboardStyle();
+      }
+    }
+  }
+  get layoutCtx(): DashboardPageLayoutContext {
+    return this.layoutCtxValue;
+  }
+
+  @Input()
+  dashboardCtx: DashboardContext;
+
+  @Input()
+  isEdit: boolean;
+
+  @Input()
+  isEditingWidget: boolean;
+
+  @Input()
+  isMobile: boolean;
+
+  @Input()
+  widgetEditMode: boolean;
+
+  @ViewChild('dashboard', {static: true}) dashboard: IDashboardComponent;
+
+  private rxSubscriptions = new Array<Subscription>();
+
+  constructor(protected store: Store<AppState>,
+              private translate: TranslateService,
+              private itembuffer: ItemBufferService,
+              private sanitizer: DomSanitizer) {
+    super(store);
+    this.initHotKeys();
+  }
+
+  ngOnInit(): void {
+    this.rxSubscriptions.push(this.dashboard.dashboardTimewindowChanged.subscribe(
+      (dashboardTimewindow) => {
+        this.dashboardCtx.dashboardTimewindow = dashboardTimewindow;
+        this.dashboardCtx.runChangeDetection();
+      })
+    );
+  }
+
+  ngOnDestroy(): void {
+    this.rxSubscriptions.forEach((subscription) => {
+      subscription.unsubscribe();
+    });
+    this.rxSubscriptions.length = 0;
+  }
+
+  private initHotKeys(): void {
+    this.hotKeys.push(
+      new Hotkey('ctrl+c', (event: KeyboardEvent) => {
+          if (this.isEdit && !this.isEditingWidget && !this.widgetEditMode) {
+            const widget = this.dashboard.getSelectedWidget();
+            if (widget) {
+              event.preventDefault();
+              this.copyWidget(event, widget);
+            }
+          }
+          return false;
+        }, null,
+        this.translate.instant('action.copy'))
+    );
+    this.hotKeys.push(
+      new Hotkey('ctrl+r', (event: KeyboardEvent) => {
+          if (this.isEdit && !this.isEditingWidget && !this.widgetEditMode) {
+            const widget = this.dashboard.getSelectedWidget();
+            if (widget) {
+              event.preventDefault();
+              this.copyWidgetReference(event, widget);
+            }
+          }
+          return false;
+        }, null,
+        this.translate.instant('action.copy-reference'))
+    );
+    this.hotKeys.push(
+      new Hotkey('ctrl+v', (event: KeyboardEvent) => {
+          if (this.isEdit && !this.isEditingWidget && !this.widgetEditMode) {
+            if (this.itembuffer.hasWidget()) {
+              event.preventDefault();
+              this.pasteWidget(event);
+            }
+          }
+          return false;
+        }, null,
+        this.translate.instant('action.paste'))
+    );
+    this.hotKeys.push(
+      new Hotkey('ctrl+i', (event: KeyboardEvent) => {
+          if (this.isEdit && !this.isEditingWidget && !this.widgetEditMode) {
+            if (this.itembuffer.canPasteWidgetReference(this.dashboardCtx.getDashboard(),
+              this.dashboardCtx.state, this.layoutCtx.id)) {
+              event.preventDefault();
+              this.pasteWidgetReference(event);
+            }
+          }
+          return false;
+        }, null,
+        this.translate.instant('action.paste-reference'))
+    );
+    this.hotKeys.push(
+      new Hotkey('ctrl+x', (event: KeyboardEvent) => {
+          if (this.isEdit && !this.isEditingWidget && !this.widgetEditMode) {
+            const widget = this.dashboard.getSelectedWidget();
+            if (widget) {
+              event.preventDefault();
+              this.layoutCtx.dashboardCtrl.removeWidget(event, this.layoutCtx, widget);
+            }
+          }
+          return false;
+        }, null,
+        this.translate.instant('action.delete'))
+    );
+  }
+
+  private loadDashboardStyle() {
+    this.dashboardStyle = {'background-color': this.layoutCtx.gridSettings.backgroundColor,
+      'background-repeat': 'no-repeat',
+      'background-attachment': 'scroll',
+      'background-size': this.layoutCtx.gridSettings.backgroundSizeMode || '100%',
+      'background-position': '0% 0%'};
+    this.backgroundImage = this.layoutCtx.gridSettings.backgroundImageUrl ?
+      this.sanitizer.bypassSecurityTrustStyle('url(' + this.layoutCtx.gridSettings.backgroundImageUrl + ')') : 'none';
+  }
+
+  reload() {
+    this.loadDashboardStyle();
+    this.dashboard.pauseChangeNotifications();
+    setTimeout(() => {
+       this.dashboard.resumeChangeNotifications();
+       this.dashboard.notifyLayoutUpdated();
+    }, 0);
+  }
+
+  resetHighlight() {
+    this.dashboard.resetHighlight();
+  }
+
+  highlightWidget(widgetId: string, delay?: number) {
+    this.dashboard.highlightWidget(widgetId, delay);
+  }
+
+  selectWidget(widgetId: string, delay?: number) {
+    this.dashboard.selectWidget(widgetId, delay);
+  }
+
+  addWidget($event: Event) {
+    this.layoutCtx.dashboardCtrl.addWidget($event, this.layoutCtx);
+  }
+
+  onEditWidget($event: Event, widget: Widget): void {
+    this.layoutCtx.dashboardCtrl.editWidget($event, this.layoutCtx, widget);
+  }
+
+  onExportWidget($event: Event, widget: Widget): void {
+    this.layoutCtx.dashboardCtrl.exportWidget($event, this.layoutCtx, widget);
+  }
+
+  onRemoveWidget($event: Event, widget: Widget): void {
+    return this.layoutCtx.dashboardCtrl.removeWidget($event, this.layoutCtx, widget);
+  }
+
+  onWidgetMouseDown($event: Event, widget: Widget): void {
+    this.layoutCtx.dashboardCtrl.widgetMouseDown($event, this.layoutCtx, widget);
+  }
+
+  onWidgetClicked($event: Event, widget: Widget): void {
+    this.layoutCtx.dashboardCtrl.widgetClicked($event, this.layoutCtx, widget);
+  }
+
+  prepareDashboardContextMenu($event: Event): Array<DashboardContextMenuItem> {
+    return this.layoutCtx.dashboardCtrl.prepareDashboardContextMenu(this.layoutCtx);
+  }
+
+  prepareWidgetContextMenu($event: Event, widget: Widget): Array<WidgetContextMenuItem> {
+    return this.layoutCtx.dashboardCtrl.prepareWidgetContextMenu(this.layoutCtx, widget);
+  }
+
+  copyWidget($event: Event, widget: Widget) {
+    this.layoutCtx.dashboardCtrl.copyWidget($event, this.layoutCtx, widget);
+  }
+
+  copyWidgetReference($event: Event, widget: Widget) {
+    this.layoutCtx.dashboardCtrl.copyWidgetReference($event, this.layoutCtx, widget);
+  }
+
+  pasteWidget($event: Event) {
+    const pos = this.dashboard.getEventGridPosition($event);
+    this.layoutCtx.dashboardCtrl.pasteWidget($event, this.layoutCtx, pos);
+  }
+
+  pasteWidgetReference($event: Event) {
+    const pos = this.dashboard.getEventGridPosition($event);
+    this.layoutCtx.dashboardCtrl.pasteWidgetReference($event, this.layoutCtx, pos);
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/layout/layout.models.ts b/ui-ngx/src/app/modules/home/pages/dashboard/layout/layout.models.ts
new file mode 100644
index 0000000000..4522bbc6f5
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/layout/layout.models.ts
@@ -0,0 +1,27 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Widget } from '@shared/models/widget.models';
+import { WidgetLayout } from '@shared/models/dashboard.models';
+
+export interface ILayoutController {
+  reload();
+  resetHighlight();
+  highlightWidget(widgetId: string, delay?: number);
+  selectWidget(widgetId: string, delay?: number);
+  pasteWidget($event: MouseEvent);
+  pasteWidgetReference($event: MouseEvent);
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/layout/manage-dashboard-layouts-dialog.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/layout/manage-dashboard-layouts-dialog.component.html
new file mode 100644
index 0000000000..8987dac8c2
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/layout/manage-dashboard-layouts-dialog.component.html
@@ -0,0 +1,71 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #widgetForm="ngForm" [formGroup]="layoutsFormGroup" (ngSubmit)="save()">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>layout.manage</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+      (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async" fxLayout="column" fxLayoutGap="8px">
+      <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px">
+        <mat-checkbox fxFlex formControlName="main">
+          {{ 'layout.main' | translate }}
+        </mat-checkbox>
+        <mat-checkbox fxFlex formControlName="right">
+          {{ 'layout.right' | translate }}
+        </mat-checkbox>
+      </div>
+      <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px">
+        <button fxFlex fxLayout="column"
+                type="button" mat-button mat-raised-button color="primary"
+                class="tb-layout-button"
+                (click)="openLayoutSettings('main')">
+          <span translate>layout.main</span>
+        </button>
+        <button fxFlex fxLayout="column" [fxShow]="layoutsFormGroup.get('right').value"
+                type="button" mat-button mat-raised-button color="primary"
+                class="tb-layout-button"
+          (click)="openLayoutSettings('right')">
+          <span translate>layout.right</span>
+        </button>
+      </div>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+      [disabled]="(isLoading$ | async) || layoutsFormGroup.invalid || !layoutsFormGroup.dirty">
+      {{ 'action.save' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+      [disabled]="(isLoading$ | async)"
+      (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/layout/manage-dashboard-layouts-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/layout/manage-dashboard-layouts-dialog.component.ts
new file mode 100644
index 0000000000..6f77640f05
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/layout/manage-dashboard-layouts-dialog.component.ts
@@ -0,0 +1,126 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit, SkipSelf } from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm } from '@angular/forms';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@app/shared/components/dialog.component';
+import { Widget, widgetTypesData } from '@shared/models/widget.models';
+import { UtilsService } from '@core/services/utils.service';
+import { TranslateService } from '@ngx-translate/core';
+import { EntityService } from '@core/http/entity.service';
+import { Dashboard, DashboardLayoutId, DashboardStateLayouts } from '@app/shared/models/dashboard.models';
+import { IAliasController } from '@core/api/widget-api.models';
+import { WidgetConfigComponentData, WidgetInfo } from '@home/models/widget-component.models';
+import { deepClone, isDefined, isString } from '@core/utils';
+import { DashboardUtilsService } from '@core/services/dashboard-utils.service';
+import { MatDialog } from '@angular/material/dialog';
+import {
+  DashboardSettingsDialogComponent,
+  DashboardSettingsDialogData
+} from '@home/pages/dashboard/dashboard-settings-dialog.component';
+
+export interface ManageDashboardLayoutsDialogData {
+  layouts: DashboardStateLayouts;
+}
+
+@Component({
+  selector: 'tb-manage-dashboard-layouts-dialog',
+  templateUrl: './manage-dashboard-layouts-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: ManageDashboardLayoutsDialogComponent}],
+  styleUrls: ['../../../components/dashboard/layout-button.scss']
+})
+export class ManageDashboardLayoutsDialogComponent extends DialogComponent<ManageDashboardLayoutsDialogComponent, DashboardStateLayouts>
+  implements OnInit, ErrorStateMatcher {
+
+  layoutsFormGroup: FormGroup;
+
+  layouts: DashboardStateLayouts;
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: ManageDashboardLayoutsDialogData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<ManageDashboardLayoutsDialogComponent, DashboardStateLayouts>,
+              private fb: FormBuilder,
+              private utils: UtilsService,
+              private dashboardUtils: DashboardUtilsService,
+              private translate: TranslateService,
+              private dialog: MatDialog) {
+    super(store, router, dialogRef);
+
+    this.layouts = this.data.layouts;
+    this.layoutsFormGroup = this.fb.group({
+        main:  [{value: isDefined(this.layouts.main), disabled: true}, []],
+        right: [isDefined(this.layouts.right), []],
+      }
+    );
+    for (const l of Object.keys(this.layoutsFormGroup.controls)) {
+      const control = this.layoutsFormGroup.controls[l];
+      if (!this.layouts[l]) {
+        this.layouts[l] = this.dashboardUtils.createDefaultLayoutData();
+      }
+    }
+  }
+
+  ngOnInit(): void {
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  openLayoutSettings(layoutId: DashboardLayoutId) {
+    const gridSettings = deepClone(this.layouts[layoutId].gridSettings);
+    this.dialog.open<DashboardSettingsDialogComponent, DashboardSettingsDialogData,
+      DashboardSettingsDialogData>(DashboardSettingsDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        settings: null,
+        gridSettings
+      }
+    }).afterClosed().subscribe((data) => {
+      if (data && data.gridSettings) {
+        this.dashboardUtils.updateLayoutSettings(this.layouts[layoutId], data.gridSettings);
+        this.layoutsFormGroup.markAsDirty();
+      }
+    });
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  save(): void {
+    this.submitted = true;
+    for (const l of Object.keys(this.layoutsFormGroup.controls)) {
+      const control = this.layoutsFormGroup.controls[l];
+      if (!control.value) {
+        delete this.layouts[l];
+      }
+    }
+    this.dialogRef.close(this.layouts);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/make-dashboard-public-dialog.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/make-dashboard-public-dialog.component.html
new file mode 100644
index 0000000000..0a20f6a48e
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/make-dashboard-public-dialog.component.html
@@ -0,0 +1,64 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div style="min-width: 400px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2>{{ 'dashboard.public-dashboard-title' | translate }}</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="close()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div mat-dialog-content tb-toast toastTarget="makeDashboardPublicDialogContent">
+    <span
+       innerHTML="{{ translate.get('dashboard.public-dashboard-text', {dashboardTitle: dashboard.title, publicLink: publicLink}) | async }}">
+    </span>
+    <div fxLayout="row" fxLayoutAlign="start center">
+      <pre class="tb-highlight" fxFlex><code>{{ publicLink }}</code></pre>
+      <button mat-button mat-icon-button
+              ngxClipboard
+              (cbOnSuccess)="onPublicLinkCopied($event)"
+              cbContent="{{publicLink}}"
+              matTooltipPosition="above"
+              matTooltip="{{ 'dashboard.copy-public-link' | translate }}">
+        <mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon>
+      </button>
+    </div>
+    <div class="tb-notice" innerHTML="{{'dashboard.public-dashboard-notice' | translate}}"></div>
+    <tb-social-share-panel style="padding-top: 15px;"
+                           shareTitle="{{ 'dashboard.socialshare-title' | translate:{dashboardTitle: dashboard.title} }}"
+                           shareText="{{ 'dashboard.socialshare-text' | translate:{dashboardTitle: dashboard.title} }}"
+                           shareLink="{{ publicLink }}"
+                           shareHashTags="thingsboard, iot">
+    </tb-social-share-panel>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="close()" cdkFocusInitial>
+      {{ 'action.ok' | translate }}
+    </button>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/make-dashboard-public-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/make-dashboard-public-dialog.component.ts
new file mode 100644
index 0000000000..92bfdf2d23
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/make-dashboard-public-dialog.component.ts
@@ -0,0 +1,81 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Component, Inject, OnInit, SkipSelf} from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import {PageComponent} from '@shared/components/page.component';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm} from '@angular/forms';
+import {EntityType} from '@shared/models/entity-type.models';
+import {DashboardService} from '@core/http/dashboard.service';
+import {forkJoin, Observable} from 'rxjs';
+import {DashboardInfo} from '@app/shared/models/dashboard.models';
+import {ActionNotificationShow} from '@core/notification/notification.actions';
+import {TranslateService} from '@ngx-translate/core';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { Router } from '@angular/router';
+
+export interface MakeDashboardPublicDialogData {
+  dashboard: DashboardInfo;
+}
+
+@Component({
+  selector: 'tb-make-dashboard-public-dialog',
+  templateUrl: './make-dashboard-public-dialog.component.html',
+  styleUrls: []
+})
+export class MakeDashboardPublicDialogComponent extends DialogComponent<MakeDashboardPublicDialogComponent> implements OnInit {
+
+  dashboard: DashboardInfo;
+
+  publicLink: string;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: MakeDashboardPublicDialogData,
+              public translate: TranslateService,
+              private dashboardService: DashboardService,
+              public dialogRef: MatDialogRef<MakeDashboardPublicDialogComponent>,
+              public fb: FormBuilder) {
+    super(store, router, dialogRef);
+
+    this.dashboard = data.dashboard;
+    this.publicLink = dashboardService.getPublicDashboardLink(this.dashboard);
+  }
+
+  ngOnInit(): void {
+  }
+
+  close(): void {
+    this.dialogRef.close();
+  }
+
+
+  onPublicLinkCopied($event) {
+    this.store.dispatch(new ActionNotificationShow(
+      {
+        message: this.translate.instant('dashboard.public-link-copied-message'),
+        type: 'success',
+        target: 'makeDashboardPublicDialogContent',
+        duration: 750,
+        verticalPosition: 'bottom',
+        horizontalPosition: 'left'
+      }));
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/manage-dashboard-customers-dialog.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/manage-dashboard-customers-dialog.component.html
new file mode 100644
index 0000000000..45072cda33
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/manage-dashboard-customers-dialog.component.html
@@ -0,0 +1,58 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #dashboardCustomersForm="ngForm" style="width: 600px;"
+      [formGroup]="dashboardCustomersFormGroup" (ngSubmit)="submit()">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2>{{ titleText | translate }}</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async">
+      <span>{{ labelText | translate }}</span>
+      <tb-entity-list
+        formControlName="assignedCustomerIds"
+        required
+        [entityType]="entityType.CUSTOMER">
+      </tb-entity-list>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || dashboardCustomersForm.invalid
+            || !dashboardCustomersForm.dirty">
+      {{ actionName | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/manage-dashboard-customers-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/manage-dashboard-customers-dialog.component.ts
new file mode 100644
index 0000000000..e8950e8eab
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/manage-dashboard-customers-dialog.component.ts
@@ -0,0 +1,134 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Component, Inject, OnInit, SkipSelf} from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import {PageComponent} from '@shared/components/page.component';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm} from '@angular/forms';
+import {EntityType} from '@shared/models/entity-type.models';
+import {DashboardService} from '@core/http/dashboard.service';
+import {forkJoin, Observable} from 'rxjs';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { Router } from '@angular/router';
+
+export type ManageDashboardCustomersActionType = 'assign' | 'manage' | 'unassign';
+
+export interface ManageDashboardCustomersDialogData {
+  actionType: ManageDashboardCustomersActionType;
+  dashboardIds: Array<string>;
+  assignedCustomersIds?: Array<string>;
+}
+
+@Component({
+  selector: 'tb-manage-dashboard-customers-dialog',
+  templateUrl: './manage-dashboard-customers-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: ManageDashboardCustomersDialogComponent}],
+  styleUrls: []
+})
+export class ManageDashboardCustomersDialogComponent extends
+  DialogComponent<ManageDashboardCustomersDialogComponent, boolean> implements OnInit, ErrorStateMatcher {
+
+  dashboardCustomersFormGroup: FormGroup;
+
+  submitted = false;
+
+  entityType = EntityType;
+
+  titleText: string;
+  labelText: string;
+  actionName: string;
+
+  assignedCustomersIds: string[];
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: ManageDashboardCustomersDialogData,
+              private dashboardService: DashboardService,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<ManageDashboardCustomersDialogComponent, boolean>,
+              public fb: FormBuilder) {
+    super(store, router, dialogRef);
+
+    this.assignedCustomersIds = data.assignedCustomersIds || [];
+    switch (data.actionType) {
+      case 'assign':
+        this.titleText = 'dashboard.assign-to-customers';
+        this.labelText = 'dashboard.assign-to-customers-text';
+        this.actionName = 'action.assign';
+        break;
+      case 'manage':
+        this.titleText = 'dashboard.manage-assigned-customers';
+        this.labelText = 'dashboard.assigned-customers';
+        this.actionName = 'action.update';
+        break;
+      case 'unassign':
+        this.titleText = 'dashboard.unassign-from-customers';
+        this.labelText = 'dashboard.unassign-from-customers-text';
+        this.actionName = 'action.unassign';
+        break;
+    }
+  }
+
+  ngOnInit(): void {
+    this.dashboardCustomersFormGroup = this.fb.group({
+      assignedCustomerIds: [[...this.assignedCustomersIds]]
+    });
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(false);
+  }
+
+  submit(): void {
+    this.submitted = true;
+    const customerIds: Array<string> = this.dashboardCustomersFormGroup.get('assignedCustomerIds').value;
+    const tasks: Observable<any>[] = [];
+
+    this.data.dashboardIds.forEach(
+      (dashboardId) => {
+        tasks.push(this.getManageDashboardCustomersTask(dashboardId, customerIds));
+      }
+    );
+    forkJoin(tasks).subscribe(
+      () => {
+        this.dialogRef.close(true);
+      }
+    );
+  }
+
+  private getManageDashboardCustomersTask(dashboardId: string, customerIds: Array<string>): Observable<any> {
+    switch (this.data.actionType) {
+      case 'assign':
+        return this.dashboardService.addDashboardCustomers(dashboardId, customerIds);
+        break;
+      case 'manage':
+        return this.dashboardService.updateDashboardCustomers(dashboardId, customerIds);
+        break;
+      case 'unassign':
+        return this.dashboardService.removeDashboardCustomers(dashboardId, customerIds);
+        break;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/dashboard-state-dialog.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/states/dashboard-state-dialog.component.html
new file mode 100644
index 0000000000..2867f3eca0
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/dashboard-state-dialog.component.html
@@ -0,0 +1,69 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #stateForm="ngForm" [formGroup]="stateFormGroup" (ngSubmit)="save()" style="min-width: 600px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>{{ isAdd ? 'dashboard.add-state' : 'dashboard.edit-state' }}</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async" fxLayout="column">
+      <mat-form-field class="mat-block">
+        <mat-label translate>dashboard.state-name</mat-label>
+        <input required matInput formControlName="name">
+        <mat-error *ngIf="stateFormGroup.get('name').hasError('required')">
+          {{ 'dashboard.state-name-required' | translate }}
+        </mat-error>
+      </mat-form-field>
+      <mat-form-field class="mat-block">
+        <mat-label translate>dashboard.state-id</mat-label>
+        <input required matInput formControlName="id">
+        <mat-error *ngIf="stateFormGroup.get('id').hasError('required')">
+          {{ 'dashboard.state-id-required' | translate }}
+        </mat-error>
+        <mat-error *ngIf="stateFormGroup.get('id').hasError('stateExists')">
+          {{ 'dashboard.state-id-exists' | translate }}
+        </mat-error>
+      </mat-form-field>
+      <mat-checkbox formControlName="root">
+        {{ 'dashboard.is-root-state' | translate }}
+      </mat-checkbox>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || stateFormGroup.invalid || !stateFormGroup.dirty">
+      {{ (isAdd ? 'action.add' : 'action.save') | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/dashboard-state-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/states/dashboard-state-dialog.component.ts
new file mode 100644
index 0000000000..96ef889235
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/dashboard-state-dialog.component.ts
@@ -0,0 +1,146 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit, SkipSelf } from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import {
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  FormGroupDirective,
+  NgForm,
+  ValidatorFn,
+  Validators
+} from '@angular/forms';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@app/shared/components/dialog.component';
+import { DashboardState } from '@app/shared/models/dashboard.models';
+import { MatDialog } from '@angular/material/dialog';
+import { DashboardStateInfo } from '@home/pages/dashboard/states/manage-dashboard-states-dialog.component.models';
+import { TranslateService } from '@ngx-translate/core';
+import { DashboardUtilsService } from '@core/services/dashboard-utils.service';
+
+export interface DashboardStateDialogData {
+  states: {[id: string]: DashboardState };
+  state: DashboardStateInfo;
+  isAdd: boolean;
+}
+
+@Component({
+  selector: 'tb-dashboard-state-dialog',
+  templateUrl: './dashboard-state-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: DashboardStateDialogComponent}],
+  styleUrls: []
+})
+export class DashboardStateDialogComponent extends
+  DialogComponent<DashboardStateDialogComponent, DashboardStateInfo>
+  implements OnInit, ErrorStateMatcher {
+
+  stateFormGroup: FormGroup;
+
+  states: {[id: string]: DashboardState };
+  state: DashboardStateInfo;
+  prevStateId: string;
+
+  stateIdTouched: boolean;
+
+  isAdd: boolean;
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: DashboardStateDialogData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<DashboardStateDialogComponent, DashboardStateInfo>,
+              private fb: FormBuilder,
+              private translate: TranslateService,
+              private dashboardUtils: DashboardUtilsService,
+              private dialog: MatDialog) {
+    super(store, router, dialogRef);
+
+    this.states = this.data.states;
+    this.isAdd = this.data.isAdd;
+    if (this.isAdd) {
+      this.state = {id: '', ...this.dashboardUtils.createDefaultState('', false)};
+      this.prevStateId = '';
+    } else {
+      this.state = this.data.state;
+      this.prevStateId = this.state.id;
+    }
+
+    this.stateFormGroup = this.fb.group({
+      name: [this.state.name, [Validators.required]],
+      id: [this.state.id, [Validators.required, this.validateDuplicateStateId()]],
+      root: [this.state.root, []],
+    });
+
+    this.stateFormGroup.get('name').valueChanges.subscribe((name: string) => {
+      this.checkStateName(name);
+    });
+
+    this.stateFormGroup.get('id').valueChanges.subscribe((id: string) => {
+      this.stateIdTouched = true;
+    });
+  }
+
+  private checkStateName(name: string) {
+    if (name && !this.stateIdTouched && this.isAdd) {
+      this.stateFormGroup.get('id').setValue(
+        name.toLowerCase().replace(/\W/g, '_'),
+        { emitEvent: false }
+      );
+    }
+  }
+
+  private validateDuplicateStateId(): ValidatorFn {
+    return (c: FormControl) => {
+      const newStateId: string = c.value;
+      if (newStateId) {
+        const existing = this.states[newStateId];
+        if (existing && newStateId !== this.prevStateId) {
+          return {
+            stateExists: true
+          };
+        }
+      }
+      return null;
+    };
+  }
+
+  ngOnInit(): void {
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  save(): void {
+    this.submitted = true;
+    this.state = {...this.state, ...this.stateFormGroup.value};
+    this.state.id = this.state.id.trim();
+    this.dialogRef.close(this.state);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/default-state-controller.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/states/default-state-controller.component.html
new file mode 100644
index 0000000000..c6ed997d17
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/default-state-controller.component.html
@@ -0,0 +1,23 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-select class="default-state-controller" [fxShow]="displayStateSelection()"
+    [(ngModel)]="stateObject[0].id" (ngModelChange)="selectedStateIdChanged()">
+  <mat-option *ngFor="let stateKv of states | keyvalue" [value]="stateKv.key">
+    {{getStateName(stateKv.key, stateKv.value)}}
+  </mat-option>
+</mat-select>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/default-state-controller.component.scss b/ui-ngx/src/app/modules/home/pages/dashboard/states/default-state-controller.component.scss
new file mode 100644
index 0000000000..091a7132dd
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/default-state-controller.component.scss
@@ -0,0 +1,28 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  mat-select.default-state-controller {
+    margin: 0;
+  }
+}
+
+:host ::ng-deep {
+  mat-select.default-state-controller {
+    .mat-select-value {
+      max-width: 200px;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/default-state-controller.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/states/default-state-controller.component.ts
new file mode 100644
index 0000000000..47282d0171
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/default-state-controller.component.ts
@@ -0,0 +1,243 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { StateObject, StateParams } from '@core/api/widget-api.models';
+import { ActivatedRoute, Router } from '@angular/router';
+import { DashboardState } from '@shared/models/dashboard.models';
+import { StateControllerState } from './state-controller.models';
+import { StateControllerComponent } from './state-controller.component';
+import { StatesControllerService } from '@home/pages/dashboard/states/states-controller.service';
+import { EntityId } from '@app/shared/models/id/entity-id';
+import { UtilsService } from '@core/services/utils.service';
+import { base64toObj, objToBase64 } from '@app/core/utils';
+import { DashboardUtilsService } from '@core/services/dashboard-utils.service';
+import { EntityService } from '@core/http/entity.service';
+
+@Component({
+  selector: 'tb-default-state-controller',
+  templateUrl: './default-state-controller.component.html',
+  styleUrls: ['./default-state-controller.component.scss']
+})
+export class DefaultStateControllerComponent extends StateControllerComponent implements OnInit, OnDestroy {
+
+  constructor(protected router: Router,
+              protected route: ActivatedRoute,
+              protected ngZone: NgZone,
+              protected statesControllerService: StatesControllerService,
+              private utils: UtilsService,
+              private entityService: EntityService,
+              private dashboardUtils: DashboardUtilsService) {
+    super(router, route, ngZone, statesControllerService);
+  }
+
+  ngOnInit(): void {
+    super.ngOnInit();
+  }
+
+  ngOnDestroy(): void {
+    super.ngOnDestroy();
+  }
+
+  protected init() {
+    if (this.preservedState) {
+      this.stateObject = this.preservedState;
+      setTimeout(() => {
+        this.gotoState(this.stateObject[0].id, true);
+      }, 1);
+    } else {
+      const initialState = this.currentState;
+      this.stateObject = this.parseState(initialState);
+      setTimeout(() => {
+        this.gotoState(this.stateObject[0].id, false);
+      }, 1);
+    }
+  }
+
+  protected onMobileChanged() {
+  }
+
+  protected onStateIdChanged() {
+  }
+
+  protected onStatesChanged() {
+  }
+
+  protected onStateChanged() {
+    this.stateObject = this.parseState(this.currentState);
+    this.gotoState(this.stateObject[0].id, false);
+  }
+
+  protected stateControllerId(): string {
+    return 'default';
+  }
+
+  public getStateParams(): StateParams {
+    if (this.stateObject && this.stateObject.length) {
+      return this.stateObject[this.stateObject.length - 1].params;
+    } else {
+      return {};
+    }
+  }
+
+  public openState(id: string, params?: StateParams, openRightLayout?: boolean): void {
+    if (this.states && this.states[id]) {
+      if (!params) {
+        params = {};
+      }
+      const newState: StateObject = {
+        id,
+        params
+      };
+      this.stateObject[0] = newState;
+      this.gotoState(this.stateObject[0].id, true, openRightLayout);
+    }
+  }
+
+  public updateState(id: string, params?: StateParams, openRightLayout?: boolean): void {
+    if (!id) {
+      id = this.getStateId();
+    }
+    if (this.states && this.states[id]) {
+      if (!params) {
+        params = {};
+      }
+      const newState: StateObject = {
+        id,
+        params
+      };
+      this.stateObject[0] = newState;
+      this.gotoState(this.stateObject[0].id, true, openRightLayout);
+    }
+  }
+
+  public getEntityId(entityParamName: string): EntityId {
+    return null;
+  }
+
+  public getStateId(): string {
+    if (this.stateObject && this.stateObject.length) {
+      return this.stateObject[this.stateObject.length - 1].id;
+    } else {
+      return '';
+    }
+  }
+
+  public getStateIdAtIndex(index: number): string {
+    if (this.stateObject && this.stateObject[index]) {
+      return this.stateObject[index].id;
+    } else {
+      return '';
+    }
+  }
+
+  public getStateIndex(): number {
+    if (this.stateObject && this.stateObject.length) {
+      return this.stateObject.length - 1;
+    } else {
+      return -1;
+    }
+  }
+
+  public getStateParamsByStateId(stateId: string): StateParams {
+    const stateObj = this.getStateObjById(stateId);
+    if (stateObj) {
+      return stateObj.params;
+    } else {
+      return null;
+    }
+  }
+
+  public navigatePrevState(index: number): void {
+    if (index < this.stateObject.length - 1) {
+      this.stateObject.splice(index + 1, this.stateObject.length - index - 1);
+      this.gotoState(this.stateObject[this.stateObject.length - 1].id, true);
+    }
+  }
+
+  public resetState(): void {
+    const rootStateId = this.dashboardUtils.getRootStateId(this.states);
+    this.stateObject = [ { id: rootStateId, params: {} } ];
+    this.gotoState(rootStateId, true);
+  }
+
+  public getStateName(id: string, state: DashboardState): string {
+    return this.utils.customTranslation(state.name, id);
+  }
+
+  public displayStateSelection(): boolean {
+    return this.states && Object.keys(this.states).length > 1;
+  }
+
+  public selectedStateIdChanged() {
+    this.gotoState(this.stateObject[0].id, true);
+  }
+
+  private parseState(stateBase64: string): StateControllerState {
+    let result: StateControllerState;
+    if (stateBase64) {
+      try {
+        result = base64toObj(stateBase64);
+      } catch (e) {
+        result = [ { id: null, params: {} } ];
+      }
+    }
+    if (!result) {
+      result = [];
+    }
+    if (!result.length) {
+      result[0] = { id: null, params: {} };
+    } else if (result.length > 1) {
+      const newResult = [];
+      newResult.push(result[result.length - 1]);
+      result = newResult;
+    }
+    const rootStateId = this.dashboardUtils.getRootStateId(this.states);
+    if (!result[0].id) {
+      result[0].id = rootStateId;
+    }
+    if (!this.states[result[0].id]) {
+      result[0].id = rootStateId;
+    }
+    let i = result.length;
+    while (i--) {
+      if (!result[i].id || !this.states[result[i].id]) {
+        result.splice(i, 1);
+      }
+    }
+    return result;
+  }
+
+  private gotoState(stateId: string, update: boolean, openRightLayout?: boolean) {
+    if (this.dashboardCtrl.dashboardCtx.state !== stateId) {
+      this.dashboardCtrl.openDashboardState(stateId, openRightLayout);
+      if (update) {
+        this.updateLocation();
+      }
+    }
+  }
+
+  private updateLocation() {
+    if (this.stateObject[0].id) {
+      const newState = objToBase64(this.stateObject);
+      this.updateStateParam(newState);
+    }
+  }
+
+  private getStateObjById(id: string): StateObject {
+    return this.stateObject.find((stateObj) => stateObj.id === id);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/entity-state-controller.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/states/entity-state-controller.component.html
new file mode 100644
index 0000000000..7d32c49051
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/entity-state-controller.component.html
@@ -0,0 +1,35 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="entity-state-controller" fxLayout="row" fxLayoutAlign="start center">
+  <div *ngIf="!isMobile || stateObject.length === 1" fxLayout="row" fxLayoutAlign="start center">
+        <span *ngFor="let state of stateObject; index as i; last as isLast" class="state-entry" [ngStyle]="{fontWeight: isLast ? 'bold' : 'normal',
+                         cursor: isLast ? 'default' : 'pointer'}" (click)="navigatePrevState(i)">
+            {{getStateName(i)}}
+          <span class='state-divider' [fxHide]="isLast"> > </span>
+        </span>
+  </div>
+  <mat-select *ngIf="isMobile && stateObject.length > 1"
+              [(ngModel)]="selectedStateIndex" (ngModelChange)="selectedStateIndexChanged()">
+    <mat-option *ngFor="let state of stateObject; index as i" [value]="i">
+      {{getStateName(i)}}
+    </mat-option>
+  </mat-select>
+</div>
+
+
+
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/entity-state-controller.component.scss b/ui-ngx/src/app/modules/home/pages/dashboard/states/entity-state-controller.component.scss
new file mode 100644
index 0000000000..ffe6591fea
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/entity-state-controller.component.scss
@@ -0,0 +1,53 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .entity-state-controller {
+    .state-divider {
+      padding-right: 15px;
+      padding-left: 15px;
+      overflow: hidden;
+      font-size: 18px;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      pointer-events: none;
+    }
+
+    .state-entry {
+      pointer-events: all;
+      overflow: hidden;
+      font-size: 18px;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      outline: none;
+    }
+
+    mat-select {
+      margin: 0;
+    }
+  }
+}
+
+:host ::ng-deep {
+  mat-select {
+    .mat-select-value {
+      max-width: 200px;
+      .mat-select-value-text {
+        font-size: 18px;
+        font-weight: 700;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/entity-state-controller.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/states/entity-state-controller.component.ts
new file mode 100644
index 0000000000..5bf28a0628
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/entity-state-controller.component.ts
@@ -0,0 +1,306 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { StateObject, StateParams } from '@core/api/widget-api.models';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Observable, of } from 'rxjs';
+import { StateControllerState } from './state-controller.models';
+import { StateControllerComponent } from './state-controller.component';
+import { StatesControllerService } from '@home/pages/dashboard/states/states-controller.service';
+import { EntityId } from '@app/shared/models/id/entity-id';
+import { UtilsService } from '@core/services/utils.service';
+import { base64toObj, objToBase64 } from '@app/core/utils';
+import { DashboardUtilsService } from '@core/services/dashboard-utils.service';
+import { EntityService } from '@core/http/entity.service';
+import { EntityType } from '@shared/models/entity-type.models';
+import { map } from 'rxjs/operators';
+
+@Component({
+  selector: 'tb-entity-state-controller',
+  templateUrl: './entity-state-controller.component.html',
+  styleUrls: ['./entity-state-controller.component.scss']
+})
+export class EntityStateControllerComponent extends StateControllerComponent implements OnInit, OnDestroy {
+
+  selectedStateIndex = -1;
+
+  constructor(protected router: Router,
+              protected route: ActivatedRoute,
+              protected ngZone: NgZone,
+              protected statesControllerService: StatesControllerService,
+              private utils: UtilsService,
+              private entityService: EntityService,
+              private dashboardUtils: DashboardUtilsService) {
+    super(router, route, ngZone, statesControllerService);
+  }
+
+  ngOnInit(): void {
+    super.ngOnInit();
+  }
+
+  ngOnDestroy(): void {
+    super.ngOnDestroy();
+  }
+
+  protected init() {
+    if (this.preservedState) {
+      this.stateObject = this.preservedState;
+      this.selectedStateIndex = this.stateObject.length - 1;
+      setTimeout(() => {
+        this.gotoState(this.stateObject[this.stateObject.length - 1].id, true);
+      }, 1);
+    } else {
+      const initialState = this.currentState;
+      this.stateObject = this.parseState(initialState);
+      this.selectedStateIndex = this.stateObject.length - 1;
+      setTimeout(() => {
+        this.gotoState(this.stateObject[this.stateObject.length - 1].id, false);
+      }, 1);
+    }
+  }
+
+  protected onMobileChanged() {
+  }
+
+  protected onStateIdChanged() {
+  }
+
+  protected onStatesChanged() {
+  }
+
+  protected onStateChanged() {
+    this.stateObject = this.parseState(this.currentState);
+    this.selectedStateIndex = this.stateObject.length - 1;
+    this.gotoState(this.stateObject[this.stateObject.length - 1].id, false);
+  }
+
+  protected stateControllerId(): string {
+    return 'entity';
+  }
+
+  public getStateParams(): StateParams {
+    if (this.stateObject && this.stateObject.length) {
+      return this.stateObject[this.stateObject.length - 1].params;
+    } else {
+      return {};
+    }
+  }
+
+  public openState(id: string, params?: StateParams, openRightLayout?: boolean): void {
+    if (this.states && this.states[id]) {
+      this.resolveEntity(params).subscribe(
+        (entityName) => {
+          params.entityName = entityName;
+          const newState: StateObject = {
+            id,
+            params
+          };
+          this.stateObject.push(newState);
+          this.selectedStateIndex = this.stateObject.length - 1;
+          this.gotoState(this.stateObject[this.stateObject.length - 1].id, true, openRightLayout);
+        }
+      );
+    }
+  }
+
+  public updateState(id: string, params?: StateParams, openRightLayout?: boolean): void {
+    if (!id) {
+      id = this.getStateId();
+    }
+    if (this.states && this.states[id]) {
+      this.resolveEntity(params).subscribe(
+        (entityName) => {
+          params.entityName = entityName;
+          const newState: StateObject = {
+            id,
+            params
+          };
+          this.stateObject[this.stateObject.length - 1] = newState;
+          this.gotoState(this.stateObject[this.stateObject.length - 1].id, true, openRightLayout);
+        }
+      );
+    }
+  }
+
+  public getEntityId(entityParamName: string): EntityId {
+    const stateParams = this.getStateParams();
+    if (!entityParamName || !entityParamName.length) {
+      return stateParams.entityId;
+    } else if (stateParams[entityParamName]) {
+      return stateParams[entityParamName].entityId;
+    }
+    return null;
+  }
+
+  public getStateId(): string {
+    if (this.stateObject && this.stateObject.length) {
+      return this.stateObject[this.stateObject.length - 1].id;
+    } else {
+      return '';
+    }
+  }
+
+  public getStateIdAtIndex(index: number): string {
+    if (this.stateObject && this.stateObject[index]) {
+      return this.stateObject[index].id;
+    } else {
+      return '';
+    }
+  }
+
+  public getStateIndex(): number {
+    if (this.stateObject && this.stateObject.length) {
+      return this.stateObject.length - 1;
+    } else {
+      return -1;
+    }
+  }
+
+  public getStateParamsByStateId(stateId: string): StateParams {
+    const stateObj = this.getStateObjById(stateId);
+    if (stateObj) {
+      return stateObj.params;
+    } else {
+      return null;
+    }
+  }
+
+  public navigatePrevState(index: number): void {
+    if (index < this.stateObject.length - 1) {
+      this.stateObject.splice(index + 1, this.stateObject.length - index - 1);
+      this.selectedStateIndex = this.stateObject.length - 1;
+      this.gotoState(this.stateObject[this.stateObject.length - 1].id, true);
+    }
+  }
+
+  public resetState(): void {
+    const rootStateId = this.dashboardUtils.getRootStateId(this.states);
+    this.stateObject = [ { id: rootStateId, params: {} } ];
+    this.gotoState(rootStateId, true);
+  }
+
+  public getStateName(index: number): string {
+    let result = '';
+    if (this.stateObject[index]) {
+      let stateName = this.states[this.stateObject[index].id].name;
+      stateName = this.utils.customTranslation(stateName, stateName);
+      const params = this.stateObject[index].params;
+      const entityName = params && params.entityName ? params.entityName : '';
+      result = this.utils.insertVariable(stateName, 'entityName', entityName);
+      for (const prop of Object.keys(params)) {
+        if (params[prop] && params[prop].entityName) {
+          result = this.utils.insertVariable(result, prop + ':entityName', params[prop].entityName);
+        }
+      }
+    }
+    return result;
+  }
+
+  public selectedStateIndexChanged() {
+    this.navigatePrevState(this.selectedStateIndex);
+  }
+
+  private parseState(stateBase64: string): StateControllerState {
+    let result: StateControllerState;
+    if (stateBase64) {
+      try {
+        result = base64toObj(stateBase64);
+      } catch (e) {
+        result = [ { id: null, params: {} } ];
+      }
+    }
+    if (!result) {
+      result = [];
+    }
+    if (!result.length) {
+      result[0] = { id: null, params: {} };
+    }
+    const rootStateId = this.dashboardUtils.getRootStateId(this.states);
+    if (!result[0].id) {
+      result[0].id = rootStateId;
+    }
+    if (!this.states[result[0].id]) {
+      result[0].id = rootStateId;
+    }
+    let i = result.length;
+    while (i--) {
+      if (!result[i].id || !this.states[result[i].id]) {
+        result.splice(i, 1);
+      }
+    }
+    return result;
+  }
+
+  private gotoState(stateId: string, update: boolean, openRightLayout?: boolean) {
+    this.dashboardCtrl.openDashboardState(stateId, openRightLayout);
+    if (update) {
+      this.updateLocation();
+    }
+  }
+
+  private updateLocation() {
+    if (this.stateObject[this.stateObject.length - 1].id) {
+      let newState;
+      if (this.isDefaultState()) {
+        newState = null;
+      } else {
+        newState = objToBase64(this.stateObject);
+      }
+      this.updateStateParam(newState);
+    }
+  }
+
+  private isDefaultState(): boolean {
+    if (this.stateObject.length === 1) {
+      const state = this.stateObject[0];
+      const rootStateId = this.dashboardUtils.getRootStateId(this.states);
+      if (state.id === rootStateId && (!state.params || this.isEmpty(state.params))) {
+        return true;
+      }
+    }
+    return false;
+  }
+
+  private isEmpty(obj: any): boolean {
+    for (const key of Object.keys(obj)) {
+      return !Object.prototype.hasOwnProperty.call(obj, key);
+    }
+    return true;
+  }
+
+  private resolveEntity(params: StateParams): Observable<string> {
+    if (params && params.targetEntityParamName) {
+      params = params[params.targetEntityParamName];
+    }
+    if (params && params.entityId && params.entityId.id && params.entityId.entityType) {
+      if (params.entityName && params.entityName.length) {
+        return of(params.entityName);
+      } else {
+        return this.entityService.getEntity(params.entityId.entityType as EntityType,
+          params.entityId.id, {ignoreLoading: true, ignoreErrors: true}).pipe(
+          map((entity) => entity.name)
+        );
+      }
+    } else {
+      return of('');
+    }
+  }
+
+  private getStateObjById(id: string): StateObject {
+    return this.stateObject.find((stateObj) => stateObj.id === id);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/manage-dashboard-states-dialog.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/states/manage-dashboard-states-dialog.component.html
new file mode 100644
index 0000000000..9f2d7ce31f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/manage-dashboard-states-dialog.component.html
@@ -0,0 +1,153 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #statesForm="ngForm" [formGroup]="statesFormGroup" (ngSubmit)="save()" style="min-width: 600px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>dashboard.manage-states</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async" fxLayout="column">
+      <div class="manage-dashboard-states" fxLayout="column">
+        <div class="tb-entity-table">
+          <div fxLayout="column" class="tb-entity-table-content">
+            <mat-toolbar class="mat-table-toolbar" [fxShow]="!textSearchMode">
+              <div class="mat-toolbar-tools">
+                <span class="tb-entity-table-title" translate>dashboard.states</span>
+                <span fxFlex></span>
+                <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                        type="button"
+                        (click)="addState($event)"
+                        matTooltip="{{ 'dashboard.add-state' | translate }}"
+                        matTooltipPosition="above">
+                  <mat-icon>add</mat-icon>
+                </button>
+                <button mat-button mat-icon-button [disabled]="isLoading$ | async" (click)="enterFilterMode()"
+                        type="button"
+                        matTooltip="{{ 'action.search' | translate }}"
+                        matTooltipPosition="above">
+                  <mat-icon>search</mat-icon>
+                </button>
+              </div>
+            </mat-toolbar>
+            <mat-toolbar class="mat-table-toolbar" [fxShow]="textSearchMode">
+              <div class="mat-toolbar-tools">
+                <button mat-button mat-icon-button
+                        type="button"
+                        matTooltip="{{ 'dashboard.search-states' | translate }}"
+                        matTooltipPosition="above">
+                  <mat-icon>search</mat-icon>
+                </button>
+                <mat-form-field fxFlex>
+                  <mat-label>&nbsp;</mat-label>
+                  <input #searchInput matInput
+                         [(ngModel)]="pageLink.textSearch"
+                         [ngModelOptions]="{standalone: true}"
+                         placeholder="{{ 'dashboard.search-states' | translate }}"/>
+                </mat-form-field>
+                <button mat-button mat-icon-button (click)="exitFilterMode()"
+                        type="button"
+                        matTooltip="{{ 'action.close' | translate }}"
+                        matTooltipPosition="above">
+                  <mat-icon>close</mat-icon>
+                </button>
+              </div>
+            </mat-toolbar>
+            <div class="table-container">
+              <mat-table [dataSource]="dataSource"
+                         matSort [matSortActive]="pageLink.sortOrder.property" [matSortDirection]="pageLink.sortDirection()" matSortDisableClear>
+                <ng-container matColumnDef="name">
+                  <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 60%"> {{ 'dashboard.state-name' | translate }} </mat-header-cell>
+                  <mat-cell *matCellDef="let state">
+                    {{ state.name }}
+                  </mat-cell>
+                </ng-container>
+                <ng-container matColumnDef="id">
+                  <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 40%"> {{ 'dashboard.state-id' | translate }} </mat-header-cell>
+                  <mat-cell *matCellDef="let state">
+                    {{ state.id }}
+                  </mat-cell>
+                </ng-container>
+                <ng-container matColumnDef="root">
+                  <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 80px"> {{ 'dashboard.is-root-state' | translate }} </mat-header-cell>
+                  <mat-cell *matCellDef="let state">
+                    <mat-icon class="material-icons mat-icon">{{state.root ? 'check_box' : 'check_box_outline_blank'}}</mat-icon>
+                  </mat-cell>
+                </ng-container>
+                <ng-container matColumnDef="actions" stickyEnd>
+                  <mat-header-cell *matHeaderCellDef style="min-width: 80px; max-width: 80px; width: 80px">
+                  </mat-header-cell>
+                  <mat-cell *matCellDef="let state">
+                    <div fxFlex fxLayout="row">
+                      <button mat-button mat-icon-button [disabled]="isLoading$ | async"
+                              type="button"
+                              matTooltip="{{ 'dashboard.edit-state' | translate }}"
+                              matTooltipPosition="above"
+                              (click)="editState($event, state)">
+                        <mat-icon>edit</mat-icon>
+                      </button>
+                      <button [fxShow]="!state.root" mat-button mat-icon-button [disabled]="isLoading$ | async"
+                              type="button"
+                              matTooltip="{{ 'dashboard.delete-state' | translate }}"
+                              matTooltipPosition="above"
+                              (click)="deleteState($event, state)">
+                        <mat-icon>delete</mat-icon>
+                      </button>
+                    </div>
+                  </mat-cell>
+                </ng-container>
+                <mat-header-row class="mat-row-select" *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
+                <mat-row class="mat-row-select"
+                         *matRowDef="let state; columns: displayedColumns;"></mat-row>
+              </mat-table>
+              <span [fxShow]="dataSource.isEmpty() | async"
+                    fxLayoutAlign="center center"
+                    class="no-data-found" translate>{{ 'dashboard.no-states-text' }}</span>
+            </div>
+            <mat-divider></mat-divider>
+            <mat-paginator [length]="dataSource.total() | async"
+                           [pageIndex]="pageLink.page"
+                           [pageSize]="pageLink.pageSize"
+                           [pageSizeOptions]="[5, 10, 15]"></mat-paginator>
+          </div>
+        </div>
+      </div>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || statesFormGroup.invalid || !statesFormGroup.dirty">
+      {{ 'action.save' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/manage-dashboard-states-dialog.component.models.ts b/ui-ngx/src/app/modules/home/pages/dashboard/states/manage-dashboard-states-dialog.component.models.ts
new file mode 100644
index 0000000000..f72d6fbc42
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/manage-dashboard-states-dialog.component.models.ts
@@ -0,0 +1,99 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { DashboardState } from '@shared/models/dashboard.models';
+import { CollectionViewer, DataSource } from '@angular/cdk/collections';
+import { BehaviorSubject, Observable, of, ReplaySubject } from 'rxjs';
+import { emptyPageData, PageData } from '@shared/models/page/page-data';
+import { PageLink } from '@shared/models/page/page-link';
+import { catchError, map, publishReplay, refCount } from 'rxjs/operators';
+
+export interface DashboardStateInfo extends DashboardState {
+  id: string;
+}
+
+export class DashboardStatesDatasource implements DataSource<DashboardStateInfo> {
+
+  private statesSubject = new BehaviorSubject<DashboardStateInfo[]>([]);
+  private pageDataSubject = new BehaviorSubject<PageData<DashboardStateInfo>>(emptyPageData<DashboardStateInfo>());
+
+  public pageData$ = this.pageDataSubject.asObservable();
+
+  private allStates: Observable<Array<DashboardStateInfo>>;
+
+  constructor(private states: {[id: string]: DashboardState }) {
+  }
+
+  connect(collectionViewer: CollectionViewer): Observable<DashboardStateInfo[] | ReadonlyArray<DashboardStateInfo>> {
+    return this.statesSubject.asObservable();
+  }
+
+  disconnect(collectionViewer: CollectionViewer): void {
+    this.statesSubject.complete();
+    this.pageDataSubject.complete();
+  }
+
+  loadStates(pageLink: PageLink, reload: boolean = false): Observable<PageData<DashboardStateInfo>> {
+    if (reload) {
+      this.allStates = null;
+    }
+    const result = new ReplaySubject<PageData<DashboardStateInfo>>();
+    this.fetchStates(pageLink).pipe(
+      catchError(() => of(emptyPageData<DashboardStateInfo>())),
+    ).subscribe(
+      (pageData) => {
+        this.statesSubject.next(pageData.data);
+        this.pageDataSubject.next(pageData);
+        result.next(pageData);
+      }
+    );
+    return result;
+  }
+
+  fetchStates(pageLink: PageLink): Observable<PageData<DashboardStateInfo>> {
+    return this.getAllStates().pipe(
+      map((data) => pageLink.filterData(data))
+    );
+  }
+
+  getAllStates(): Observable<Array<DashboardStateInfo>> {
+    if (!this.allStates) {
+      const states: DashboardStateInfo[] = [];
+      for (const id of Object.keys(this.states)) {
+        const state = this.states[id];
+        states.push({id, ...state});
+      }
+      this.allStates = of(states).pipe(
+        publishReplay(1),
+        refCount()
+      );
+    }
+    return this.allStates;
+  }
+
+  isEmpty(): Observable<boolean> {
+    return this.statesSubject.pipe(
+      map((states) => !states.length)
+    );
+  }
+
+  total(): Observable<number> {
+    return this.pageDataSubject.pipe(
+      map((pageData) => pageData.totalElements)
+    );
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/manage-dashboard-states-dialog.component.scss b/ui-ngx/src/app/modules/home/pages/dashboard/states/manage-dashboard-states-dialog.component.scss
new file mode 100644
index 0000000000..739726b9a9
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/manage-dashboard-states-dialog.component.scss
@@ -0,0 +1,45 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .manage-dashboard-states {
+    .tb-entity-table {
+      .tb-entity-table-content {
+        width: 100%;
+        height: 100%;
+        background: #fff;
+
+        .tb-entity-table-title {
+          padding-right: 20px;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+
+        .table-container {
+          overflow: auto;
+        }
+      }
+    }
+  }
+}
+
+:host ::ng-deep {
+  .manage-dashboard-states {
+    .mat-sort-header-sorted .mat-sort-header-arrow {
+      opacity: 1 !important;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/manage-dashboard-states-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/states/manage-dashboard-states-dialog.component.ts
new file mode 100644
index 0000000000..40d9cd0d6f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/manage-dashboard-states-dialog.component.ts
@@ -0,0 +1,245 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { AfterViewInit, Component, ElementRef, Inject, OnInit, SkipSelf, ViewChild } from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm } from '@angular/forms';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@app/shared/components/dialog.component';
+import { DashboardState } from '@app/shared/models/dashboard.models';
+import { MatDialog } from '@angular/material/dialog';
+import { PageLink } from '@shared/models/page/page-link';
+import {
+  WidgetActionDescriptorInfo,
+  WidgetActionsDatasource
+} from '@home/components/widget/action/manage-widget-actions.component.models';
+import {
+  DashboardStateInfo,
+  DashboardStatesDatasource
+} from '@home/pages/dashboard/states/manage-dashboard-states-dialog.component.models';
+import { Direction, SortOrder } from '@shared/models/page/sort-order';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { fromEvent, merge } from 'rxjs';
+import { debounceTime, distinctUntilChanged, tap } from 'rxjs/operators';
+import { TranslateService } from '@ngx-translate/core';
+import { DialogService } from '@core/services/dialog.service';
+import {
+  WidgetActionDialogComponent,
+  WidgetActionDialogData
+} from '@home/components/widget/action/widget-action-dialog.component';
+import { deepClone } from '@core/utils';
+import {
+  DashboardStateDialogComponent,
+  DashboardStateDialogData
+} from '@home/pages/dashboard/states/dashboard-state-dialog.component';
+
+export interface ManageDashboardStatesDialogData {
+  states: {[id: string]: DashboardState };
+}
+
+@Component({
+  selector: 'tb-manage-dashboard-states-dialog',
+  templateUrl: './manage-dashboard-states-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: ManageDashboardStatesDialogComponent}],
+  styleUrls: ['./manage-dashboard-states-dialog.component.scss']
+})
+export class ManageDashboardStatesDialogComponent extends
+                  DialogComponent<ManageDashboardStatesDialogComponent, {[id: string]: DashboardState }>
+  implements OnInit, ErrorStateMatcher, AfterViewInit {
+
+  statesFormGroup: FormGroup;
+
+  states: {[id: string]: DashboardState };
+
+  displayedColumns: string[];
+  pageLink: PageLink;
+  textSearchMode = false;
+  dataSource: DashboardStatesDatasource;
+
+  submitted = false;
+
+  @ViewChild('searchInput') searchInputField: ElementRef;
+
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+  @ViewChild(MatSort) sort: MatSort;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: ManageDashboardStatesDialogData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<ManageDashboardStatesDialogComponent, {[id: string]: DashboardState }>,
+              private fb: FormBuilder,
+              private translate: TranslateService,
+              private dialogs: DialogService,
+              private dialog: MatDialog) {
+    super(store, router, dialogRef);
+
+    this.states = this.data.states;
+    this.statesFormGroup = this.fb.group({});
+
+    const sortOrder: SortOrder = { property: 'name', direction: Direction.ASC };
+    this.pageLink = new PageLink(5, 0, null, sortOrder);
+    this.displayedColumns = ['name', 'id', 'root', 'actions'];
+    this.dataSource = new DashboardStatesDatasource(this.states);
+  }
+
+  ngOnInit(): void {
+    this.dataSource.loadStates(this.pageLink);
+  }
+
+  ngAfterViewInit() {
+    fromEvent(this.searchInputField.nativeElement, 'keyup')
+      .pipe(
+        debounceTime(150),
+        distinctUntilChanged(),
+        tap(() => {
+          this.paginator.pageIndex = 0;
+          this.updateData();
+        })
+      )
+      .subscribe();
+
+    this.sort.sortChange.subscribe(() => this.paginator.pageIndex = 0);
+
+    merge(this.sort.sortChange, this.paginator.page)
+      .pipe(
+        tap(() => this.updateData())
+      )
+      .subscribe();
+  }
+
+  updateData(reload: boolean = false) {
+    this.pageLink.page = this.paginator.pageIndex;
+    this.pageLink.pageSize = this.paginator.pageSize;
+    this.pageLink.sortOrder.property = this.sort.active;
+    this.pageLink.sortOrder.direction = Direction[this.sort.direction.toUpperCase()];
+    this.dataSource.loadStates(this.pageLink, reload);
+  }
+
+  addState($event: Event) {
+    this.openStateDialog($event);
+  }
+
+  editState($event: Event, state: DashboardStateInfo) {
+    this.openStateDialog($event, state);
+  }
+
+  deleteState($event: Event, state: DashboardStateInfo) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    const title = this.translate.instant('dashboard.delete-state-title');
+    const content = this.translate.instant('dashboard.delete-state-text', {stateName: state.name});
+    this.dialogs.confirm(title, content, this.translate.instant('action.no'),
+      this.translate.instant('action.yes')).subscribe(
+        (res) => {
+          if (res) {
+            delete this.states[state.id];
+            this.onStatesUpdated();
+          }
+        }
+    );
+  }
+
+  enterFilterMode() {
+    this.textSearchMode = true;
+    this.pageLink.textSearch = '';
+    setTimeout(() => {
+      this.searchInputField.nativeElement.focus();
+      this.searchInputField.nativeElement.setSelectionRange(0, 0);
+    }, 10);
+  }
+
+  exitFilterMode() {
+    this.textSearchMode = false;
+    this.pageLink.textSearch = null;
+    this.paginator.pageIndex = 0;
+    this.updateData();
+  }
+
+  openStateDialog($event: Event, state: DashboardStateInfo = null) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    const isAdd = state === null;
+    let prevStateId = null;
+    if (!isAdd) {
+      prevStateId = state.id;
+    }
+    this.dialog.open<DashboardStateDialogComponent, DashboardStateDialogData,
+      DashboardStateInfo>(DashboardStateDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        isAdd,
+        states: this.states,
+        state: deepClone(state)
+      }
+    }).afterClosed().subscribe(
+      (res) => {
+        if (res) {
+          this.saveState(res, prevStateId);
+        }
+      }
+    );
+  }
+
+  saveState(state: DashboardStateInfo, prevStateId: string) {
+    const newState: DashboardState = {
+      name: state.name,
+      root: state.root,
+      layouts: state.layouts
+    };
+    if (prevStateId) {
+      this.states[prevStateId] = newState;
+    } else {
+      this.states[state.id] = newState;
+    }
+    if (state.root) {
+      for (const id of Object.keys(this.states)) {
+        const otherState = this.states[id];
+        if (id !== state.id) {
+          otherState.root = false;
+        }
+      }
+    }
+    this.onStatesUpdated();
+  }
+
+  private onStatesUpdated() {
+    this.statesFormGroup.markAsDirty();
+    this.updateData(true);
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  save(): void {
+    this.submitted = true;
+    this.dialogRef.close(this.states);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/state-controller.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/states/state-controller.component.ts
new file mode 100644
index 0000000000..f8deb4c035
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/state-controller.component.ts
@@ -0,0 +1,185 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { IStateControllerComponent, StateControllerState } from '@home/pages/dashboard/states/state-controller.models';
+import { IDashboardController } from '../dashboard-page.models';
+import { DashboardState } from '@app/shared/models/dashboard.models';
+import { Subscription } from 'rxjs';
+import { NgZone, OnDestroy, OnInit } from '@angular/core';
+import { ActivatedRoute, Router, Params } from '@angular/router';
+import { StatesControllerService } from '@home/pages/dashboard/states/states-controller.service';
+import { EntityId } from '@app/shared/models/id/entity-id';
+import { StateParams } from '@app/core/api/widget-api.models';
+
+export abstract class StateControllerComponent implements IStateControllerComponent, OnInit, OnDestroy {
+
+  stateObject: StateControllerState = [];
+  dashboardCtrl: IDashboardController;
+  preservedState: any;
+
+  isMobileValue: boolean;
+  set isMobile(val: boolean) {
+    if (this.isMobileValue !== val) {
+      this.isMobileValue = val;
+      if (this.inited) {
+        this.onMobileChanged();
+      }
+    }
+  }
+  get isMobile(): boolean {
+    return this.isMobileValue;
+  }
+
+  stateValue: string;
+  set state(val: string) {
+    if (this.stateValue !== val) {
+      this.stateValue = val;
+      if (this.inited) {
+        this.onStateIdChanged();
+      }
+    }
+  }
+  get state(): string {
+    return this.stateValue;
+  }
+
+  dashboardIdValue: string;
+  set dashboardId(val: string) {
+    if (this.dashboardIdValue !== val) {
+      this.dashboardIdValue = val;
+/*      if (this.inited) {
+        this.currentState = this.route.snapshot.queryParamMap.get('state');
+        this.init();
+      }*/
+    }
+  }
+  get dashboardId(): string {
+    return this.dashboardIdValue;
+  }
+
+  statesValue: { [id: string]: DashboardState };
+  set states(val: { [id: string]: DashboardState }) {
+    if (this.statesValue !== val) {
+      this.statesValue = val;
+      if (this.inited) {
+        this.onStatesChanged();
+      }
+    }
+  }
+  get states(): { [id: string]: DashboardState } {
+    return this.statesValue;
+  }
+
+  currentState: string;
+
+  private rxSubscriptions = new Array<Subscription>();
+
+  private inited = false;
+
+  protected constructor(protected router: Router,
+                        protected route: ActivatedRoute,
+                        protected ngZone: NgZone,
+                        protected statesControllerService: StatesControllerService) {
+  }
+
+  ngOnInit(): void {
+    this.rxSubscriptions.push(this.route.queryParamMap.subscribe((paramMap) => {
+      const dashboardId = this.route.snapshot.params.dashboardId;
+      if (this.dashboardId === dashboardId) {
+        const newState = paramMap.get('state');
+        if (this.currentState !== newState) {
+          this.currentState = newState;
+          if (this.inited) {
+            this.onStateChanged();
+          }
+        }
+      }
+    }));
+    this.init();
+    this.inited = true;
+  }
+
+  ngOnDestroy(): void {
+    this.rxSubscriptions.forEach((subscription) => {
+      subscription.unsubscribe();
+    });
+    this.rxSubscriptions.length = 0;
+  }
+
+  protected updateStateParam(newState: string) {
+    this.currentState = newState;
+    const queryParams: Params = { state: this.currentState };
+    this.ngZone.run(() => {
+      this.router.navigate(
+        [],
+        {
+          relativeTo: this.route,
+          queryParams,
+          queryParamsHandling: 'merge',
+        });
+    });
+  }
+
+  public openRightLayout(): void {
+    this.dashboardCtrl.openRightLayout();
+  }
+
+  public preserveState() {
+    this.statesControllerService.preserveStateControllerState(this.stateControllerId(), this.stateObject);
+  }
+
+  public cleanupPreservedStates() {
+    this.statesControllerService.cleanupPreservedStates();
+  }
+
+  public reInit() {
+    this.currentState = this.route.snapshot.queryParamMap.get('state');
+    this.init();
+  }
+
+  protected abstract init();
+
+  protected abstract onMobileChanged();
+
+  protected abstract onStateIdChanged();
+
+  protected abstract onStatesChanged();
+
+  protected abstract onStateChanged();
+
+  protected abstract stateControllerId(): string;
+
+  public abstract getEntityId(entityParamName: string): EntityId;
+
+  public abstract getStateId(): string;
+
+  public abstract getStateIdAtIndex(index: number): string;
+
+  public abstract getStateIndex(): number;
+
+  public abstract getStateParams(): StateParams;
+
+  public abstract getStateParamsByStateId(stateId: string): StateParams;
+
+  public abstract navigatePrevState(index: number): void;
+
+  public abstract openState(id: string, params?: StateParams, openRightLayout?: boolean): void;
+
+  public abstract resetState(): void;
+
+  public abstract updateState(id?: string, params?: StateParams, openRightLayout?: boolean): void;
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/state-controller.models.ts b/ui-ngx/src/app/modules/home/pages/dashboard/states/state-controller.models.ts
new file mode 100644
index 0000000000..8607b7d1f4
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/state-controller.models.ts
@@ -0,0 +1,31 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { IStateController, StateObject } from '@core/api/widget-api.models';
+import { IDashboardController } from '@home/pages/dashboard/dashboard-page.models';
+import { DashboardState } from '@shared/models/dashboard.models';
+
+export declare type StateControllerState = StateObject[];
+
+export interface IStateControllerComponent extends IStateController {
+  state: string;
+  isMobile: boolean;
+  dashboardCtrl: IDashboardController;
+  states: {[id: string]: DashboardState };
+  dashboardId: string;
+  preservedState: any;
+  reInit(): void;
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/states-component.directive.ts b/ui-ngx/src/app/modules/home/pages/dashboard/states/states-component.directive.ts
new file mode 100644
index 0000000000..dc024cef9c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/states-component.directive.ts
@@ -0,0 +1,128 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  ComponentRef,
+  Directive,
+  ElementRef,
+  Input,
+  OnChanges,
+  OnInit,
+  OnDestroy,
+  SimpleChanges,
+  ViewContainerRef,
+  ChangeDetectorRef
+} from '@angular/core';
+import { DashboardPageComponent } from '@home/pages/dashboard/dashboard-page.component';
+import { DashboardState } from '@shared/models/dashboard.models';
+import { IDashboardController } from '@home/pages/dashboard/dashboard-page.models';
+import { StatesControllerService } from '@home/pages/dashboard/states/states-controller.service';
+import { IStateController } from '@core/api/widget-api.models';
+import { IStateControllerComponent } from '@home/pages/dashboard/states/state-controller.models';
+
+@Directive({
+  // tslint:disable-next-line:directive-selector
+  selector: 'tb-states-component'
+})
+export class StatesComponentDirective implements OnInit, OnDestroy, OnChanges {
+
+  @Input()
+  statesControllerId: string;
+
+  @Input()
+  dashboardCtrl: IDashboardController;
+
+  @Input()
+  dashboardId: string;
+
+  @Input()
+  states: {[id: string]: DashboardState };
+
+  @Input()
+  state: string;
+
+  @Input()
+  isMobile: boolean;
+
+  stateControllerComponentRef: ComponentRef<IStateControllerComponent>;
+  stateControllerComponent: IStateControllerComponent;
+
+  constructor(private viewContainerRef: ViewContainerRef,
+              private statesControllerService: StatesControllerService) {
+  }
+
+  ngOnInit(): void {
+    this.init();
+  }
+
+  ngOnDestroy(): void {
+    this.destroy();
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    let reInitController = false;
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (!change.firstChange && change.currentValue !== change.previousValue) {
+        if (propName === 'statesControllerId') {
+          this.reInit();
+        } else if (propName === 'states') {
+          this.stateControllerComponent.states = this.states;
+        } else if (propName === 'dashboardId') {
+          this.stateControllerComponent.dashboardId = this.dashboardId;
+          reInitController = true;
+        } else if (propName === 'isMobile') {
+          this.stateControllerComponent.isMobile = this.isMobile;
+        } else if (propName === 'state') {
+          this.stateControllerComponent.state = this.state;
+        }
+      }
+    }
+    if (reInitController) {
+      this.stateControllerComponent.reInit();
+    }
+  }
+
+  private reInit() {
+    this.destroy();
+    this.init();
+  }
+
+  private init() {
+    this.viewContainerRef.clear();
+    let stateControllerData = this.statesControllerService.getStateController(this.statesControllerId);
+    if (!stateControllerData) {
+      stateControllerData = this.statesControllerService.getStateController('default');
+    }
+    const preservedState = this.statesControllerService.withdrawStateControllerState(this.statesControllerId);
+    const stateControllerFactory = stateControllerData.factory;
+    this.stateControllerComponentRef = this.viewContainerRef.createComponent(stateControllerFactory);
+    this.stateControllerComponent = this.stateControllerComponentRef.instance;
+    this.dashboardCtrl.dashboardCtx.stateController = this.stateControllerComponent;
+    this.stateControllerComponent.preservedState = preservedState;
+    this.stateControllerComponent.dashboardCtrl = this.dashboardCtrl;
+    this.stateControllerComponent.state = this.state;
+    this.stateControllerComponent.isMobile = this.isMobile;
+    this.stateControllerComponent.states = this.states;
+    this.stateControllerComponent.dashboardId = this.dashboardId;
+  }
+
+  private destroy() {
+    if (this.stateControllerComponentRef) {
+      this.stateControllerComponentRef.destroy();
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/states-controller.module.ts b/ui-ngx/src/app/modules/home/pages/dashboard/states/states-controller.module.ts
new file mode 100644
index 0000000000..73b94d31d1
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/states-controller.module.ts
@@ -0,0 +1,52 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@shared/shared.module';
+import { HomeComponentsModule } from '@modules/home/components/home-components.module';
+import { StatesControllerService } from './states-controller.service';
+import { EntityStateControllerComponent } from './entity-state-controller.component';
+import { StatesComponentDirective } from './states-component.directive';
+import { HomeDialogsModule } from '@app/modules/home/dialogs/home-dialogs.module';
+import { DefaultStateControllerComponent } from '@home/pages/dashboard/states/default-state-controller.component';
+
+@NgModule({
+  declarations: [
+    StatesComponentDirective,
+    DefaultStateControllerComponent,
+    EntityStateControllerComponent
+  ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    HomeComponentsModule,
+    HomeDialogsModule
+  ],
+  exports: [
+    StatesComponentDirective
+  ],
+  providers: [
+    StatesControllerService
+  ]
+})
+export class StatesControllerModule {
+
+  constructor(private statesControllerService: StatesControllerService) {
+    this.statesControllerService.registerStatesController('default', DefaultStateControllerComponent);
+    this.statesControllerService.registerStatesController('entity', EntityStateControllerComponent);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/states-controller.service.ts b/ui-ngx/src/app/modules/home/pages/dashboard/states/states-controller.service.ts
new file mode 100644
index 0000000000..83b20762bb
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/states-controller.service.ts
@@ -0,0 +1,64 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { ComponentFactory, ComponentFactoryResolver, Injectable, Type } from '@angular/core';
+import { deepClone } from '@core/utils';
+import { IStateControllerComponent } from '@home/pages/dashboard/states/state-controller.models';
+
+export interface StateControllerData {
+  factory: ComponentFactory<IStateControllerComponent>;
+  state?: any;
+}
+
+@Injectable()
+export class StatesControllerService {
+
+  statesControllers: {[stateControllerId: string]: StateControllerData} = {};
+
+  constructor(private componentFactoryResolver: ComponentFactoryResolver) {
+  }
+
+  public registerStatesController(stateControllerId: string, stateControllerComponent: Type<IStateControllerComponent>): void {
+    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(stateControllerComponent);
+    this.statesControllers[stateControllerId] = {
+      factory: componentFactory
+    };
+  }
+
+  public getStateControllers(): {[stateControllerId: string]: StateControllerData} {
+    return this.statesControllers;
+  }
+
+  public getStateController(stateControllerId: string): StateControllerData {
+    return this.statesControllers[stateControllerId];
+  }
+
+  public preserveStateControllerState(stateControllerId: string, state: any) {
+    this.statesControllers[stateControllerId].state = deepClone(state);
+  }
+
+  public withdrawStateControllerState(stateControllerId: string): any {
+    const state = this.statesControllers[stateControllerId].state;
+    this.statesControllers[stateControllerId].state = null;
+    return state;
+  }
+
+  public cleanupPreservedStates() {
+    for (const stateControllerId of Object.keys(this.statesControllers)) {
+      this.statesControllers[stateControllerId].state = null;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/device/device-credentials-dialog.component.html b/ui-ngx/src/app/modules/home/pages/device/device-credentials-dialog.component.html
new file mode 100644
index 0000000000..bd43fd13d6
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/device/device-credentials-dialog.component.html
@@ -0,0 +1,79 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #deviceCredentialsForm="ngForm" [formGroup]="deviceCredentialsFormGroup" (ngSubmit)="save()">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>device.device-credentials</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div mat-dialog-content>
+    <fieldset [disabled]="(isLoading$ | async) || isReadOnly">
+      <mat-form-field class="mat-block">
+        <mat-label translate>device.credentials-type</mat-label>
+        <mat-select matInput formControlName="credentialsType"
+                    (ngModelChange)="credentialsTypeChanged()">
+          <mat-option *ngFor="let credentialsType of credentialsTypes" [value]="credentialsType">
+            {{ credentialTypeNamesMap.get(deviceCredentialsType[credentialsType]) }}
+          </mat-option>
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field *ngIf="deviceCredentialsFormGroup.get('credentialsType').value === deviceCredentialsType.ACCESS_TOKEN"
+                      class="mat-block">
+        <mat-label translate>device.access-token</mat-label>
+        <input matInput formControlName="credentialsId" required>
+        <mat-error *ngIf="deviceCredentialsFormGroup.get('credentialsId').hasError('required')">
+          {{ 'device.access-token-required' | translate }}
+        </mat-error>
+        <mat-error *ngIf="deviceCredentialsFormGroup.get('credentialsId').hasError('pattern')">
+          {{ 'device.access-token-invalid' | translate }}
+        </mat-error>
+      </mat-form-field>
+      <mat-form-field *ngIf="deviceCredentialsFormGroup.get('credentialsType').value === deviceCredentialsType.X509_CERTIFICATE"
+                      class="mat-block">
+        <mat-label translate>device.rsa-key</mat-label>
+        <textarea matInput formControlName="credentialsValue" cols="15" rows="5" required></textarea>
+        <mat-error *ngIf="deviceCredentialsFormGroup.get('credentialsValue').hasError('required')">
+          {{ 'device.rsa-key-required' | translate }}
+        </mat-error>
+      </mat-form-field>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button *ngIf="!isReadOnly" mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || deviceCredentialsForm.invalid
+            || !deviceCredentialsForm.dirty">
+      {{ 'action.save' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ (isReadOnly ? 'action.close' : 'action.cancel') | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/pages/device/device-credentials-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/device/device-credentials-dialog.component.ts
new file mode 100644
index 0000000000..a7963c656b
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/device/device-credentials-dialog.component.ts
@@ -0,0 +1,143 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Component, OnInit, SkipSelf, Inject} from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import {FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm, Validators} from '@angular/forms';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { TranslateService } from '@ngx-translate/core';
+import { AuthService } from '@core/auth/auth.service';
+import {DeviceService} from '@core/http/device.service';
+import {DeviceCredentials, DeviceCredentialsType, credentialTypeNames} from '@shared/models/device.models';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { Router } from '@angular/router';
+
+export interface DeviceCredentialsDialogData {
+  isReadOnly: boolean;
+  deviceId: string;
+}
+
+@Component({
+  selector: 'tb-device-credentials-dialog',
+  templateUrl: './device-credentials-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: DeviceCredentialsDialogComponent}],
+  styleUrls: []
+})
+export class DeviceCredentialsDialogComponent extends
+  DialogComponent<DeviceCredentialsDialogComponent, DeviceCredentials> implements OnInit, ErrorStateMatcher {
+
+  deviceCredentialsFormGroup: FormGroup;
+
+  isReadOnly: boolean;
+
+  deviceCredentials: DeviceCredentials;
+
+  submitted = false;
+
+  deviceCredentialsType = DeviceCredentialsType;
+
+  credentialsTypes = Object.keys(DeviceCredentialsType);
+
+  credentialTypeNamesMap = credentialTypeNames;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: DeviceCredentialsDialogData,
+              private deviceService: DeviceService,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<DeviceCredentialsDialogComponent, DeviceCredentials>,
+              public fb: FormBuilder) {
+    super(store, router, dialogRef);
+
+    this.isReadOnly = data.isReadOnly;
+  }
+
+  ngOnInit(): void {
+    this.deviceCredentialsFormGroup = this.fb.group({
+      credentialsType: [DeviceCredentialsType.ACCESS_TOKEN],
+      credentialsId: [''],
+      credentialsValue: ['']
+    });
+    if (this.isReadOnly) {
+      this.deviceCredentialsFormGroup.disable({emitEvent: false});
+    } else {
+      this.registerDisableOnLoadFormControl(this.deviceCredentialsFormGroup.get('credentialsType'));
+    }
+    this.loadDeviceCredentials();
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  loadDeviceCredentials() {
+    this.deviceService.getDeviceCredentials(this.data.deviceId).subscribe(
+      (deviceCredentials) => {
+        this.deviceCredentials = deviceCredentials;
+        this.deviceCredentialsFormGroup.patchValue({
+          credentialsType: deviceCredentials.credentialsType,
+          credentialsId: deviceCredentials.credentialsId,
+          credentialsValue: deviceCredentials.credentialsValue
+        });
+        this.updateValidators();
+      }
+    );
+  }
+
+  credentialsTypeChanged(): void {
+    this.deviceCredentialsFormGroup.patchValue(
+      {credentialsId: null, credentialsValue: null}, {emitEvent: true});
+    this.updateValidators();
+  }
+
+  updateValidators(): void {
+    const crendetialsType = this.deviceCredentialsFormGroup.get('credentialsType').value as DeviceCredentialsType;
+    switch (crendetialsType) {
+      case DeviceCredentialsType.ACCESS_TOKEN:
+        this.deviceCredentialsFormGroup.get('credentialsId').setValidators([Validators.max(20), Validators.pattern(/^.{1,20}$/)]);
+        this.deviceCredentialsFormGroup.get('credentialsId').updateValueAndValidity();
+        this.deviceCredentialsFormGroup.get('credentialsValue').setValidators([]);
+        this.deviceCredentialsFormGroup.get('credentialsValue').updateValueAndValidity();
+        break;
+      case DeviceCredentialsType.X509_CERTIFICATE:
+        this.deviceCredentialsFormGroup.get('credentialsValue').setValidators([Validators.required]);
+        this.deviceCredentialsFormGroup.get('credentialsValue').updateValueAndValidity();
+        this.deviceCredentialsFormGroup.get('credentialsId').setValidators([]);
+        this.deviceCredentialsFormGroup.get('credentialsId').updateValueAndValidity();
+        break;
+    }
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  save(): void {
+    this.submitted = true;
+    this.deviceCredentials = {...this.deviceCredentials, ...this.deviceCredentialsFormGroup.value};
+    this.deviceService.saveDeviceCredentials(this.deviceCredentials).subscribe(
+      (deviceCredentials) => {
+        this.dialogRef.close(deviceCredentials);
+      }
+    );
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/device/device-routing.module.ts b/ui-ngx/src/app/modules/home/pages/device/device-routing.module.ts
new file mode 100644
index 0000000000..7326deccb7
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/device/device-routing.module.ts
@@ -0,0 +1,50 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from '@angular/router';
+
+import {EntitiesTableComponent} from '../../components/entity/entities-table.component';
+import {Authority} from '@shared/models/authority.enum';
+import {DevicesTableConfigResolver} from '@modules/home/pages/device/devices-table-config.resolver';
+
+const routes: Routes = [
+  {
+    path: 'devices',
+    component: EntitiesTableComponent,
+    data: {
+      auth: [Authority.TENANT_ADMIN, Authority.CUSTOMER_USER],
+      title: 'device.devices',
+      devicesType: 'tenant',
+      breadcrumb: {
+        label: 'device.devices',
+        icon: 'devices_other'
+      }
+    },
+    resolve: {
+      entitiesTableConfig: DevicesTableConfigResolver
+    }
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+  providers: [
+    DevicesTableConfigResolver
+  ]
+})
+export class DeviceRoutingModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/device/device-table-header.component.html b/ui-ngx/src/app/modules/home/pages/device/device-table-header.component.html
new file mode 100644
index 0000000000..7f6e0159fa
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/device/device-table-header.component.html
@@ -0,0 +1,23 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<tb-entity-subtype-select
+  [showLabel]="true"
+  [entityType]="entityType.DEVICE"
+  [ngModel]="entitiesTableConfig.componentsData.deviceType"
+  (ngModelChange)="deviceTypeChanged($event)">
+</tb-entity-subtype-select>
diff --git a/ui-ngx/src/app/modules/home/pages/device/device-table-header.component.scss b/ui-ngx/src/app/modules/home/pages/device/device-table-header.component.scss
new file mode 100644
index 0000000000..e5e92c2f3d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/device/device-table-header.component.scss
@@ -0,0 +1,36 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  flex: 1;
+  display: flex;
+  justify-content: flex-start;
+}
+
+:host ::ng-deep {
+  tb-entity-subtype-select {
+    mat-form-field {
+      font-size: 16px;
+
+      .mat-form-field-wrapper {
+        padding-bottom: 0;
+      }
+
+      .mat-form-field-underline {
+        bottom: 0;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/device/device-table-header.component.ts b/ui-ngx/src/app/modules/home/pages/device/device-table-header.component.ts
new file mode 100644
index 0000000000..a8e060ad77
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/device/device-table-header.component.ts
@@ -0,0 +1,42 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityTableHeaderComponent } from '../../components/entity/entity-table-header.component';
+import {DeviceInfo} from '@app/shared/models/device.models';
+import {EntityType} from '@shared/models/entity-type.models';
+
+@Component({
+  selector: 'tb-device-table-header',
+  templateUrl: './device-table-header.component.html',
+  styleUrls: ['./device-table-header.component.scss']
+})
+export class DeviceTableHeaderComponent extends EntityTableHeaderComponent<DeviceInfo> {
+
+  entityType = EntityType;
+
+  constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  deviceTypeChanged(deviceType: string) {
+    this.entitiesTableConfig.componentsData.deviceType = deviceType;
+    this.entitiesTableConfig.table.updateData();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/device/device-tabs.component.html b/ui-ngx/src/app/modules/home/pages/device/device-tabs.component.html
new file mode 100644
index 0000000000..18a635c492
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/device/device-tabs.component.html
@@ -0,0 +1,51 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-tab *ngIf="entity"
+         label="{{ 'attribute.attributes' | translate }}" #attributesTab="matTab">
+  <tb-attribute-table [defaultAttributeScope]="attributeScopes.CLIENT_SCOPE"
+                      [active]="attributesTab.isActive"
+                      [entityId]="entity.id"
+                      [entityName]="entity.name">
+  </tb-attribute-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'attribute.latest-telemetry' | translate }}" #telemetryTab="matTab">
+  <tb-attribute-table [defaultAttributeScope]="latestTelemetryTypes.LATEST_TELEMETRY"
+                      disableAttributeScopeSelection
+                      [active]="telemetryTab.isActive"
+                      [entityId]="entity.id"
+                      [entityName]="entity.name">
+  </tb-attribute-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'alarm.alarms' | translate }}" #alarmsTab="matTab">
+  <tb-alarm-table [active]="alarmsTab.isActive" [entityId]="entity.id"></tb-alarm-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'device.events' | translate }}" #eventsTab="matTab">
+  <tb-event-table [defaultEventType]="eventTypes.ERROR" [active]="eventsTab.isActive" [tenantId]="entity.tenantId.id"
+                  [entityId]="entity.id"></tb-event-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'relation.relations' | translate }}" #relationsTab="matTab">
+  <tb-relation-table [active]="relationsTab.isActive" [entityId]="entity.id"></tb-relation-table>
+</mat-tab>
+<mat-tab *ngIf="entity && authUser.authority === authorities.TENANT_ADMIN"
+         label="{{ 'audit-log.audit-logs' | translate }}" #auditLogsTab="matTab">
+  <tb-audit-log-table detailsMode="true" [active]="auditLogsTab.isActive" [auditLogMode]="auditLogModes.ENTITY" [entityId]="entity.id"></tb-audit-log-table>
+</mat-tab>
diff --git a/ui-ngx/src/app/modules/home/pages/device/device-tabs.component.ts b/ui-ngx/src/app/modules/home/pages/device/device-tabs.component.ts
new file mode 100644
index 0000000000..afb3d0aa75
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/device/device-tabs.component.ts
@@ -0,0 +1,39 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { DeviceInfo } from '@shared/models/device.models';
+import { EntityType } from '@shared/models/entity-type.models';
+import { EntityTabsComponent } from '../../components/entity/entity-tabs.component';
+
+@Component({
+  selector: 'tb-device-tabs',
+  templateUrl: './device-tabs.component.html',
+  styleUrls: []
+})
+export class DeviceTabsComponent extends EntityTabsComponent<DeviceInfo> {
+
+  constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit() {
+    super.ngOnInit();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/device/device.component.html b/ui-ngx/src/app/modules/home/pages/device/device.component.html
new file mode 100644
index 0000000000..3df4a40460
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/device/device.component.html
@@ -0,0 +1,107 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-details-buttons">
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'makePublic')"
+          [fxShow]="!isEdit && deviceScope === 'tenant' && !isAssignedToCustomer(entity) && !entity?.customerIsPublic">
+    {{'device.make-public' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'assignToCustomer')"
+          [fxShow]="!isEdit && deviceScope === 'tenant' && !isAssignedToCustomer(entity)">
+    {{'device.assign-to-customer' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'unassignFromCustomer')"
+          [fxShow]="!isEdit && (deviceScope === 'customer' || deviceScope === 'tenant') && isAssignedToCustomer(entity)">
+    {{ (entity?.customerIsPublic ? 'device.make-private' : 'device.unassign-from-customer') | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'manageCredentials')"
+          [fxShow]="!isEdit">
+    {{ (deviceScope === 'customer_user' ? 'device.view-credentials' : 'device.manage-credentials') | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'delete')"
+          [fxShow]="!hideDelete() && !isEdit">
+    {{'device.delete' | translate }}
+  </button>
+  <div fxLayout="row">
+    <button mat-raised-button
+            ngxClipboard
+            (cbOnSuccess)="onDeviceIdCopied($event)"
+            [cbContent]="entity?.id?.id"
+            [fxShow]="!isEdit">
+      <mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon>
+      <span translate>device.copyId</span>
+    </button>
+    <button mat-raised-button
+            (click)="copyAccessToken($event)"
+            [fxShow]="!isEdit">
+      <mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon>
+      <span translate>device.copyAccessToken</span>
+    </button>
+  </div>
+</div>
+<div class="mat-padding" fxLayout="column">
+  <mat-form-field class="mat-block"
+                  [fxShow]="!isEdit && isAssignedToCustomer(entity)
+                              && !entity?.customerIsPublic && deviceScope === 'tenant'">
+    <mat-label translate>device.assignedToCustomer</mat-label>
+    <input matInput disabled [ngModel]="entity?.customerTitle">
+  </mat-form-field>
+  <div class="tb-small" style="padding-bottom: 10px; padding-left: 2px;"
+       [fxShow]="!isEdit && entity?.customerIsPublic && (deviceScope === 'customer' || deviceScope === 'tenant')">
+    {{ 'device.device-public' | translate }}
+  </div>
+  <form #entityNgForm="ngForm" [formGroup]="entityForm">
+    <fieldset [disabled]="(isLoading$ | async) || !isEdit">
+      <mat-form-field class="mat-block">
+        <mat-label translate>device.name</mat-label>
+        <input matInput formControlName="name" required>
+        <mat-error *ngIf="entityForm.get('name').hasError('required')">
+          {{ 'device.name-required' | translate }}
+        </mat-error>
+      </mat-form-field>
+      <tb-entity-subtype-autocomplete
+        formControlName="type"
+        [required]="true"
+        [entityType]="entityType.DEVICE"
+      >
+      </tb-entity-subtype-autocomplete>
+      <mat-form-field class="mat-block">
+        <mat-label translate>device.label</mat-label>
+        <input matInput formControlName="label">
+      </mat-form-field>
+      <div formGroupName="additionalInfo" fxLayout="column">
+        <mat-checkbox fxFlex formControlName="gateway" style="padding-bottom: 16px;">
+          {{ 'device.is-gateway' | translate }}
+        </mat-checkbox>
+        <mat-form-field class="mat-block">
+          <mat-label translate>device.description</mat-label>
+          <textarea matInput formControlName="description" rows="2"></textarea>
+        </mat-form-field>
+      </div>
+    </fieldset>
+  </form>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/device/device.component.scss b/ui-ngx/src/app/modules/home/pages/device/device.component.scss
new file mode 100644
index 0000000000..bb3718c2da
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/device/device.component.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/device/device.component.ts b/ui-ngx/src/app/modules/home/pages/device/device.component.ts
new file mode 100644
index 0000000000..91b8e64b6b
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/device/device.component.ts
@@ -0,0 +1,126 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnInit } from '@angular/core';
+import { select, Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityComponent } from '../../components/entity/entity.component';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { User } from '@shared/models/user.model';
+import { selectAuth, selectUserDetails } from '@core/auth/auth.selectors';
+import { map } from 'rxjs/operators';
+import { Authority } from '@shared/models/authority.enum';
+import {DeviceInfo} from '@shared/models/device.models';
+import {EntityType} from '@shared/models/entity-type.models';
+import {NULL_UUID} from '@shared/models/id/has-uuid';
+import {ActionNotificationShow} from '@core/notification/notification.actions';
+import {TranslateService} from '@ngx-translate/core';
+import {DeviceService} from '@core/http/device.service';
+import {ClipboardService} from 'ngx-clipboard';
+
+@Component({
+  selector: 'tb-device',
+  templateUrl: './device.component.html',
+  styleUrls: ['./device.component.scss']
+})
+export class DeviceComponent extends EntityComponent<DeviceInfo> {
+
+  entityType = EntityType;
+
+  deviceScope: 'tenant' | 'customer' | 'customer_user';
+
+  constructor(protected store: Store<AppState>,
+              protected translate: TranslateService,
+              private deviceService: DeviceService,
+              private clipboardService: ClipboardService,
+              public fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit() {
+    this.deviceScope = this.entitiesTableConfig.componentsData.deviceScope;
+    super.ngOnInit();
+  }
+
+  hideDelete() {
+    if (this.entitiesTableConfig) {
+      return !this.entitiesTableConfig.deleteEnabled(this.entity);
+    } else {
+      return false;
+    }
+  }
+
+  isAssignedToCustomer(entity: DeviceInfo): boolean {
+    return entity && entity.customerId && entity.customerId.id !== NULL_UUID;
+  }
+
+  buildForm(entity: DeviceInfo): FormGroup {
+    return this.fb.group(
+      {
+        name: [entity ? entity.name : '', [Validators.required]],
+        type: [entity ? entity.type : null, [Validators.required]],
+        label: [entity ? entity.label : ''],
+        additionalInfo: this.fb.group(
+          {
+            gateway: [entity && entity.additionalInfo ? entity.additionalInfo.gateway : false],
+            description: [entity && entity.additionalInfo ? entity.additionalInfo.description : ''],
+          }
+        )
+      }
+    );
+  }
+
+  updateForm(entity: DeviceInfo) {
+    this.entityForm.patchValue({name: entity.name});
+    this.entityForm.patchValue({type: entity.type});
+    this.entityForm.patchValue({label: entity.label});
+    this.entityForm.patchValue({additionalInfo:
+        {gateway: entity.additionalInfo ? entity.additionalInfo.gateway : false}});
+    this.entityForm.patchValue({additionalInfo: {description: entity.additionalInfo ? entity.additionalInfo.description : ''}});
+  }
+
+
+  onDeviceIdCopied($event) {
+    this.store.dispatch(new ActionNotificationShow(
+      {
+        message: this.translate.instant('device.idCopiedMessage'),
+        type: 'success',
+        duration: 750,
+        verticalPosition: 'bottom',
+        horizontalPosition: 'right'
+      }));
+  }
+
+  copyAccessToken($event) {
+    if (this.entity.id) {
+      this.deviceService.getDeviceCredentials(this.entity.id.id, true).subscribe(
+        (deviceCredentials) => {
+          const credentialsId = deviceCredentials.credentialsId;
+          if (this.clipboardService.copyFromContent(credentialsId)) {
+            this.store.dispatch(new ActionNotificationShow(
+              {
+                message: this.translate.instant('device.accessTokenCopiedMessage'),
+                type: 'success',
+                duration: 750,
+                verticalPosition: 'bottom',
+                horizontalPosition: 'right'
+              }));
+          }
+        }
+      );
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/device/device.module.ts b/ui-ngx/src/app/modules/home/pages/device/device.module.ts
new file mode 100644
index 0000000000..9c2dd0f886
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/device/device.module.ts
@@ -0,0 +1,43 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@shared/shared.module';
+import {DeviceComponent} from '@modules/home/pages/device/device.component';
+import {DeviceRoutingModule} from './device-routing.module';
+import {DeviceTableHeaderComponent} from '@modules/home/pages/device/device-table-header.component';
+import {DeviceCredentialsDialogComponent} from '@modules/home/pages/device/device-credentials-dialog.component';
+import {HomeDialogsModule} from '../../dialogs/home-dialogs.module';
+import {HomeComponentsModule} from '@modules/home/components/home-components.module';
+import { DeviceTabsComponent } from '@home/pages/device/device-tabs.component';
+
+@NgModule({
+  declarations: [
+    DeviceComponent,
+    DeviceTabsComponent,
+    DeviceTableHeaderComponent,
+    DeviceCredentialsDialogComponent
+  ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    HomeComponentsModule,
+    HomeDialogsModule,
+    DeviceRoutingModule
+  ]
+})
+export class DeviceModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/device/devices-table-config.resolver.ts b/ui-ngx/src/app/modules/home/pages/device/devices-table-config.resolver.ts
new file mode 100644
index 0000000000..d97a5fa45d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/device/devices-table-config.resolver.ts
@@ -0,0 +1,478 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+
+import { ActivatedRouteSnapshot, Resolve, Router } from '@angular/router';
+import {
+  CellActionDescriptor,
+  checkBoxCell,
+  DateEntityTableColumn,
+  EntityTableColumn,
+  EntityTableConfig,
+  GroupActionDescriptor,
+  HeaderActionDescriptor
+} from '@home/models/entity/entities-table-config.models';
+import { TranslateService } from '@ngx-translate/core';
+import { DatePipe } from '@angular/common';
+import { EntityType, entityTypeResources, entityTypeTranslations } from '@shared/models/entity-type.models';
+import { EntityAction } from '@home/models/entity/entity-component.models';
+import { Device, DeviceCredentials, DeviceInfo } from '@app/shared/models/device.models';
+import { DeviceComponent } from '@modules/home/pages/device/device.component';
+import { forkJoin, Observable, of } from 'rxjs';
+import { select, Store } from '@ngrx/store';
+import { selectAuthUser } from '@core/auth/auth.selectors';
+import { map, mergeMap, take, tap } from 'rxjs/operators';
+import { AppState } from '@core/core.state';
+import { DeviceService } from '@app/core/http/device.service';
+import { Authority } from '@app/shared/models/authority.enum';
+import { CustomerService } from '@core/http/customer.service';
+import { Customer } from '@app/shared/models/customer.model';
+import { NULL_UUID } from '@shared/models/id/has-uuid';
+import { BroadcastService } from '@core/services/broadcast.service';
+import { DeviceTableHeaderComponent } from '@modules/home/pages/device/device-table-header.component';
+import { MatDialog } from '@angular/material/dialog';
+import {
+  DeviceCredentialsDialogComponent,
+  DeviceCredentialsDialogData
+} from '@modules/home/pages/device/device-credentials-dialog.component';
+import { DialogService } from '@core/services/dialog.service';
+import {
+  AssignToCustomerDialogComponent,
+  AssignToCustomerDialogData
+} from '@modules/home/dialogs/assign-to-customer-dialog.component';
+import { DeviceId } from '@app/shared/models/id/device-id';
+import {
+  AddEntitiesToCustomerDialogComponent,
+  AddEntitiesToCustomerDialogData
+} from '../../dialogs/add-entities-to-customer-dialog.component';
+import { DeviceTabsComponent } from '@home/pages/device/device-tabs.component';
+import { HomeDialogsService } from '@home/dialogs/home-dialogs.service';
+
+@Injectable()
+export class DevicesTableConfigResolver implements Resolve<EntityTableConfig<DeviceInfo>> {
+
+  private readonly config: EntityTableConfig<DeviceInfo> = new EntityTableConfig<DeviceInfo>();
+
+  private customerId: string;
+
+  constructor(private store: Store<AppState>,
+              private broadcast: BroadcastService,
+              private deviceService: DeviceService,
+              private customerService: CustomerService,
+              private dialogService: DialogService,
+              private homeDialogs: HomeDialogsService,
+              private translate: TranslateService,
+              private datePipe: DatePipe,
+              private router: Router,
+              private dialog: MatDialog) {
+
+    this.config.entityType = EntityType.DEVICE;
+    this.config.entityComponent = DeviceComponent;
+    this.config.entityTabsComponent = DeviceTabsComponent;
+    this.config.entityTranslations = entityTypeTranslations.get(EntityType.DEVICE);
+    this.config.entityResources = entityTypeResources.get(EntityType.DEVICE);
+
+    this.config.deleteEntityTitle = device => this.translate.instant('device.delete-device-title', { deviceName: device.name });
+    this.config.deleteEntityContent = () => this.translate.instant('device.delete-device-text');
+    this.config.deleteEntitiesTitle = count => this.translate.instant('device.delete-devices-title', {count});
+    this.config.deleteEntitiesContent = () => this.translate.instant('device.delete-devices-text');
+
+    this.config.loadEntity = id => this.deviceService.getDeviceInfo(id.id);
+    this.config.saveEntity = device => {
+      return this.deviceService.saveDevice(device).pipe(
+        tap(() => {
+          this.broadcast.broadcast('deviceSaved');
+        }),
+        mergeMap((savedDevice) => this.deviceService.getDeviceInfo(savedDevice.id.id)
+      ));
+    };
+    this.config.onEntityAction = action => this.onDeviceAction(action);
+    this.config.detailsReadonly = () => this.config.componentsData.deviceScope === 'customer_user';
+
+    this.config.headerComponent = DeviceTableHeaderComponent;
+
+  }
+
+  resolve(route: ActivatedRouteSnapshot): Observable<EntityTableConfig<DeviceInfo>> {
+    const routeParams = route.params;
+    this.config.componentsData = {
+      deviceScope: route.data.devicesType,
+      deviceType: ''
+    };
+    this.customerId = routeParams.customerId;
+    return this.store.pipe(select(selectAuthUser), take(1)).pipe(
+      tap((authUser) => {
+        if (authUser.authority === Authority.CUSTOMER_USER) {
+          this.config.componentsData.deviceScope = 'customer_user';
+          this.customerId = authUser.customerId;
+        }
+      }),
+      mergeMap(() =>
+        this.customerId ? this.customerService.getCustomer(this.customerId) : of(null as Customer)
+      ),
+      map((parentCustomer) => {
+        if (parentCustomer) {
+          if (parentCustomer.additionalInfo && parentCustomer.additionalInfo.isPublic) {
+            this.config.tableTitle = this.translate.instant('customer.public-devices');
+          } else {
+            this.config.tableTitle = parentCustomer.title + ': ' + this.translate.instant('device.devices');
+          }
+        } else {
+          this.config.tableTitle = this.translate.instant('device.devices');
+        }
+        this.config.columns = this.configureColumns(this.config.componentsData.deviceScope);
+        this.configureEntityFunctions(this.config.componentsData.deviceScope);
+        this.config.cellActionDescriptors = this.configureCellActions(this.config.componentsData.deviceScope);
+        this.config.groupActionDescriptors = this.configureGroupActions(this.config.componentsData.deviceScope);
+        this.config.addActionDescriptors = this.configureAddActions(this.config.componentsData.deviceScope);
+        this.config.addEnabled = this.config.componentsData.deviceScope !== 'customer_user';
+        this.config.entitiesDeleteEnabled = this.config.componentsData.deviceScope === 'tenant';
+        this.config.deleteEnabled = () => this.config.componentsData.deviceScope === 'tenant';
+        return this.config;
+      })
+    );
+  }
+
+  configureColumns(deviceScope: string): Array<EntityTableColumn<DeviceInfo>> {
+    const columns: Array<EntityTableColumn<DeviceInfo>> = [
+      new DateEntityTableColumn<DeviceInfo>('createdTime', 'device.created-time', this.datePipe, '150px'),
+      new EntityTableColumn<DeviceInfo>('name', 'device.name', '25%'),
+      new EntityTableColumn<DeviceInfo>('type', 'device.device-type', '25%'),
+      new EntityTableColumn<DeviceInfo>('label', 'device.label', '25%')
+    ];
+    if (deviceScope === 'tenant') {
+      columns.push(
+        new EntityTableColumn<DeviceInfo>('customerTitle', 'customer.customer', '25%'),
+        new EntityTableColumn<DeviceInfo>('customerIsPublic', 'device.public', '60px',
+          entity => {
+            return checkBoxCell(entity.customerIsPublic);
+          }, () => ({}), false),
+      );
+    }
+    columns.push(
+      new EntityTableColumn<DeviceInfo>('gateway', 'device.is-gateway', '60px',
+        entity => {
+          return checkBoxCell(entity.additionalInfo && entity.additionalInfo.gateway);
+        }, () => ({}), false)
+    );
+    return columns;
+  }
+
+  configureEntityFunctions(deviceScope: string): void {
+    if (deviceScope === 'tenant') {
+      this.config.entitiesFetchFunction = pageLink =>
+        this.deviceService.getTenantDeviceInfos(pageLink, this.config.componentsData.deviceType);
+      this.config.deleteEntity = id => this.deviceService.deleteDevice(id.id);
+    } else {
+      this.config.entitiesFetchFunction = pageLink =>
+        this.deviceService.getCustomerDeviceInfos(this.customerId, pageLink, this.config.componentsData.deviceType);
+      this.config.deleteEntity = id => this.deviceService.unassignDeviceFromCustomer(id.id);
+    }
+  }
+
+  configureCellActions(deviceScope: string): Array<CellActionDescriptor<DeviceInfo>> {
+    const actions: Array<CellActionDescriptor<DeviceInfo>> = [];
+    if (deviceScope === 'tenant') {
+      actions.push(
+        {
+          name: this.translate.instant('device.make-public'),
+          icon: 'share',
+          isEnabled: (entity) => (!entity.customerId || entity.customerId.id === NULL_UUID),
+          onAction: ($event, entity) => this.makePublic($event, entity)
+        },
+        {
+          name: this.translate.instant('device.assign-to-customer'),
+          icon: 'assignment_ind',
+          isEnabled: (entity) => (!entity.customerId || entity.customerId.id === NULL_UUID),
+          onAction: ($event, entity) => this.assignToCustomer($event, [entity.id])
+        },
+        {
+          name: this.translate.instant('device.unassign-from-customer'),
+          icon: 'assignment_return',
+          isEnabled: (entity) => (entity.customerId && entity.customerId.id !== NULL_UUID && !entity.customerIsPublic),
+          onAction: ($event, entity) => this.unassignFromCustomer($event, entity)
+        },
+        {
+          name: this.translate.instant('device.make-private'),
+          icon: 'reply',
+          isEnabled: (entity) => (entity.customerId && entity.customerId.id !== NULL_UUID && entity.customerIsPublic),
+          onAction: ($event, entity) => this.unassignFromCustomer($event, entity)
+        },
+        {
+          name: this.translate.instant('device.manage-credentials'),
+          icon: 'security',
+          isEnabled: (entity) => true,
+          onAction: ($event, entity) => this.manageCredentials($event, entity)
+        }
+      );
+    }
+    if (deviceScope === 'customer') {
+        actions.push(
+          {
+            name: this.translate.instant('device.unassign-from-customer'),
+            icon: 'assignment_return',
+            isEnabled: (entity) => (entity.customerId && entity.customerId.id !== NULL_UUID && !entity.customerIsPublic),
+            onAction: ($event, entity) => this.unassignFromCustomer($event, entity)
+          },
+          {
+            name: this.translate.instant('device.make-private'),
+            icon: 'reply',
+            isEnabled: (entity) => (entity.customerId && entity.customerId.id !== NULL_UUID && entity.customerIsPublic),
+            onAction: ($event, entity) => this.unassignFromCustomer($event, entity)
+          },
+          {
+            name: this.translate.instant('device.manage-credentials'),
+            icon: 'security',
+            isEnabled: (entity) => true,
+            onAction: ($event, entity) => this.manageCredentials($event, entity)
+          }
+        );
+    }
+    if (deviceScope === 'customer_user') {
+      actions.push(
+        {
+          name: this.translate.instant('device.view-credentials'),
+          icon: 'security',
+          isEnabled: (entity) => true,
+          onAction: ($event, entity) => this.manageCredentials($event, entity)
+        }
+      );
+    }
+    return actions;
+  }
+
+  configureGroupActions(deviceScope: string): Array<GroupActionDescriptor<DeviceInfo>> {
+    const actions: Array<GroupActionDescriptor<DeviceInfo>> = [];
+    if (deviceScope === 'tenant') {
+      actions.push(
+        {
+          name: this.translate.instant('device.assign-devices'),
+          icon: 'assignment_ind',
+          isEnabled: true,
+          onAction: ($event, entities) => this.assignToCustomer($event, entities.map((entity) => entity.id))
+        }
+      );
+    }
+    if (deviceScope === 'customer') {
+      actions.push(
+        {
+          name: this.translate.instant('device.unassign-devices'),
+          icon: 'assignment_return',
+          isEnabled: true,
+          onAction: ($event, entities) => this.unassignDevicesFromCustomer($event, entities)
+        }
+      );
+    }
+    return actions;
+  }
+
+  configureAddActions(deviceScope: string): Array<HeaderActionDescriptor> {
+    const actions: Array<HeaderActionDescriptor> = [];
+    if (deviceScope === 'tenant') {
+      actions.push(
+        {
+          name: this.translate.instant('device.add-device-text'),
+          icon: 'insert_drive_file',
+          isEnabled: () => true,
+          onAction: ($event) => this.config.table.addEntity($event)
+        },
+        {
+          name: this.translate.instant('device.import'),
+          icon: 'file_upload',
+          isEnabled: () => true,
+          onAction: ($event) => this.importDevices($event)
+        }
+      );
+    }
+    if (deviceScope === 'customer') {
+      actions.push(
+        {
+          name: this.translate.instant('device.assign-new-device'),
+          icon: 'add',
+          isEnabled: () => true,
+          onAction: ($event) => this.addDevicesToCustomer($event)
+        }
+      );
+    }
+    return actions;
+  }
+
+  importDevices($event: Event) {
+    this.homeDialogs.importEntities(EntityType.DEVICE).subscribe((res) => {
+      if (res) {
+        this.broadcast.broadcast('deviceSaved');
+        this.config.table.updateData();
+      }
+    });
+  }
+
+  addDevicesToCustomer($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialog.open<AddEntitiesToCustomerDialogComponent, AddEntitiesToCustomerDialogData,
+      boolean>(AddEntitiesToCustomerDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        customerId: this.customerId,
+        entityType: EntityType.DEVICE
+      }
+    }).afterClosed()
+      .subscribe((res) => {
+        if (res) {
+          this.config.table.updateData();
+        }
+      });
+  }
+
+  makePublic($event: Event, device: Device) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialogService.confirm(
+      this.translate.instant('device.make-public-device-title', {deviceName: device.name}),
+      this.translate.instant('device.make-public-device-text'),
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+      true
+    ).subscribe((res) => {
+        if (res) {
+          this.deviceService.makeDevicePublic(device.id.id).subscribe(
+            () => {
+              this.config.table.updateData();
+            }
+          );
+        }
+      }
+    );
+  }
+
+  assignToCustomer($event: Event, deviceIds: Array<DeviceId>) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialog.open<AssignToCustomerDialogComponent, AssignToCustomerDialogData,
+      boolean>(AssignToCustomerDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        entityIds: deviceIds,
+        entityType: EntityType.DEVICE
+      }
+    }).afterClosed()
+      .subscribe((res) => {
+      if (res) {
+        this.config.table.updateData();
+      }
+    });
+  }
+
+  unassignFromCustomer($event: Event, device: DeviceInfo) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    const isPublic = device.customerIsPublic;
+    let title;
+    let content;
+    if (isPublic) {
+      title = this.translate.instant('device.make-private-device-title', {deviceName: device.name});
+      content = this.translate.instant('device.make-private-device-text');
+    } else {
+      title = this.translate.instant('device.unassign-device-title', {deviceName: device.name});
+      content = this.translate.instant('device.unassign-device-text');
+    }
+    this.dialogService.confirm(
+      title,
+      content,
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+      true
+    ).subscribe((res) => {
+        if (res) {
+          this.deviceService.unassignDeviceFromCustomer(device.id.id).subscribe(
+            () => {
+              this.config.table.updateData();
+            }
+          );
+        }
+      }
+    );
+  }
+
+  unassignDevicesFromCustomer($event: Event, devices: Array<DeviceInfo>) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialogService.confirm(
+      this.translate.instant('device.unassign-devices-title', {count: devices.length}),
+      this.translate.instant('device.unassign-devices-text'),
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+      true
+    ).subscribe((res) => {
+        if (res) {
+          const tasks: Observable<any>[] = [];
+          devices.forEach(
+            (device) => {
+              tasks.push(this.deviceService.unassignDeviceFromCustomer(device.id.id));
+            }
+          );
+          forkJoin(tasks).subscribe(
+            () => {
+              this.config.table.updateData();
+            }
+          );
+        }
+      }
+    );
+  }
+
+  manageCredentials($event: Event, device: Device) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialog.open<DeviceCredentialsDialogComponent, DeviceCredentialsDialogData,
+      DeviceCredentials>(DeviceCredentialsDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        deviceId: device.id.id,
+        isReadOnly: this.config.componentsData.deviceScope === 'customer_user'
+      }
+    });
+  }
+
+  onDeviceAction(action: EntityAction<DeviceInfo>): boolean {
+    switch (action.action) {
+      case 'makePublic':
+        this.makePublic(action.event, action.entity);
+        return true;
+      case 'assignToCustomer':
+        this.assignToCustomer(action.event, [action.entity.id]);
+        return true;
+      case 'unassignFromCustomer':
+        this.unassignFromCustomer(action.event, action.entity);
+        return true;
+      case 'manageCredentials':
+        this.manageCredentials(action.event, action.entity);
+        return true;
+    }
+    return false;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-routing.module.ts b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-routing.module.ts
new file mode 100644
index 0000000000..815f8906b3
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-routing.module.ts
@@ -0,0 +1,50 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from '@angular/router';
+
+import {EntitiesTableComponent} from '../../components/entity/entities-table.component';
+import {Authority} from '@shared/models/authority.enum';
+import {EntityViewsTableConfigResolver} from '@modules/home/pages/entity-view/entity-views-table-config.resolver';
+
+const routes: Routes = [
+  {
+    path: 'entityViews',
+    component: EntitiesTableComponent,
+    data: {
+      auth: [Authority.TENANT_ADMIN, Authority.CUSTOMER_USER],
+      title: 'entity-view.entity-views',
+      entityViewsType: 'tenant',
+      breadcrumb: {
+        label: 'entity-view.entity-views',
+        icon: 'view_quilt'
+      }
+    },
+    resolve: {
+      entitiesTableConfig: EntityViewsTableConfigResolver
+    }
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+  providers: [
+    EntityViewsTableConfigResolver
+  ]
+})
+export class EntityViewRoutingModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-table-header.component.html b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-table-header.component.html
new file mode 100644
index 0000000000..c41fe495db
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-table-header.component.html
@@ -0,0 +1,23 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<tb-entity-subtype-select
+  [showLabel]="true"
+  [entityType]="entityType.ENTITY_VIEW"
+  [ngModel]="entitiesTableConfig.componentsData.entityViewType"
+  (ngModelChange)="entityViewTypeChanged($event)">
+</tb-entity-subtype-select>
diff --git a/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-table-header.component.scss b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-table-header.component.scss
new file mode 100644
index 0000000000..e5e92c2f3d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-table-header.component.scss
@@ -0,0 +1,36 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  flex: 1;
+  display: flex;
+  justify-content: flex-start;
+}
+
+:host ::ng-deep {
+  tb-entity-subtype-select {
+    mat-form-field {
+      font-size: 16px;
+
+      .mat-form-field-wrapper {
+        padding-bottom: 0;
+      }
+
+      .mat-form-field-underline {
+        bottom: 0;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-table-header.component.ts b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-table-header.component.ts
new file mode 100644
index 0000000000..49bb617f61
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-table-header.component.ts
@@ -0,0 +1,42 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Component} from '@angular/core';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {EntityTableHeaderComponent} from '../../components/entity/entity-table-header.component';
+import {EntityType} from '@shared/models/entity-type.models';
+import {EntityViewInfo} from '@app/shared/models/entity-view.models';
+
+@Component({
+  selector: 'tb-entity-view-table-header',
+  templateUrl: './entity-view-table-header.component.html',
+  styleUrls: ['./entity-view-table-header.component.scss']
+})
+export class EntityViewTableHeaderComponent extends EntityTableHeaderComponent<EntityViewInfo> {
+
+  entityType = EntityType;
+
+  constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  entityViewTypeChanged(entityViewType: string) {
+    this.entitiesTableConfig.componentsData.entityViewType = entityViewType;
+    this.entitiesTableConfig.table.updateData();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-tabs.component.html b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-tabs.component.html
new file mode 100644
index 0000000000..c0a4c76826
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-tabs.component.html
@@ -0,0 +1,51 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-tab *ngIf="entity"
+         label="{{ 'attribute.attributes' | translate }}" #attributesTab="matTab">
+  <tb-attribute-table [defaultAttributeScope]="attributeScopes.CLIENT_SCOPE"
+                      [active]="attributesTab.isActive"
+                      [entityId]="entity.id"
+                      [entityName]="entity.name">
+  </tb-attribute-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'attribute.latest-telemetry' | translate }}" #telemetryTab="matTab">
+  <tb-attribute-table [defaultAttributeScope]="latestTelemetryTypes.LATEST_TELEMETRY"
+                      disableAttributeScopeSelection
+                      [active]="telemetryTab.isActive"
+                      [entityId]="entity.id"
+                      [entityName]="entity.name">
+  </tb-attribute-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'alarm.alarms' | translate }}" #alarmsTab="matTab">
+  <tb-alarm-table [active]="alarmsTab.isActive" [entityId]="entity.id"></tb-alarm-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'entity-view.events' | translate }}" #eventsTab="matTab">
+  <tb-event-table [defaultEventType]="eventTypes.ERROR" [active]="eventsTab.isActive" [tenantId]="entity.tenantId.id"
+                  [entityId]="entity.id"></tb-event-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'relation.relations' | translate }}" #relationsTab="matTab">
+  <tb-relation-table [active]="relationsTab.isActive" [entityId]="entity.id"></tb-relation-table>
+</mat-tab>
+<mat-tab *ngIf="entity && authUser.authority === authorities.TENANT_ADMIN"
+         label="{{ 'audit-log.audit-logs' | translate }}" #auditLogsTab="matTab">
+  <tb-audit-log-table detailsMode="true" [active]="auditLogsTab.isActive" [auditLogMode]="auditLogModes.ENTITY" [entityId]="entity.id"></tb-audit-log-table>
+</mat-tab>
diff --git a/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-tabs.component.ts b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-tabs.component.ts
new file mode 100644
index 0000000000..5c7b330063
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view-tabs.component.ts
@@ -0,0 +1,38 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityTabsComponent } from '../../components/entity/entity-tabs.component';
+import { EntityViewInfo } from '@app/shared/models/entity-view.models';
+
+@Component({
+  selector: 'tb-entity-view-tabs',
+  templateUrl: './entity-view-tabs.component.html',
+  styleUrls: []
+})
+export class EntityViewTabsComponent extends EntityTabsComponent<EntityViewInfo> {
+
+  constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit() {
+    super.ngOnInit();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/entity-view/entity-view.component.html b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view.component.html
new file mode 100644
index 0000000000..69e56aaa27
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view.component.html
@@ -0,0 +1,154 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-details-buttons">
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'makePublic')"
+          [fxShow]="!isEdit && entityViewScope === 'tenant' && !isAssignedToCustomer(entity) && !entity?.customerIsPublic">
+    {{'entity-view.make-public' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'assignToCustomer')"
+          [fxShow]="!isEdit && entityViewScope === 'tenant' && !isAssignedToCustomer(entity)">
+    {{'entity-view.assign-to-customer' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'unassignFromCustomer')"
+          [fxShow]="!isEdit && (entityViewScope === 'customer' || entityViewScope === 'tenant') && isAssignedToCustomer(entity)">
+    {{ (entity?.customerIsPublic ? 'entity-view.make-private' : 'entity-view.unassign-from-customer') | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'delete')"
+          [fxShow]="!hideDelete() && !isEdit">
+    {{'entity-view.delete' | translate }}
+  </button>
+  <div fxLayout="row">
+    <button mat-raised-button
+            ngxClipboard
+            (cbOnSuccess)="onEntityViewIdCopied($event)"
+            [cbContent]="entity?.id?.id"
+            [fxShow]="!isEdit">
+      <mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon>
+      <span translate>entity-view.copyId</span>
+    </button>
+  </div>
+</div>
+<div class="mat-padding" fxLayout="column">
+  <mat-form-field class="mat-block"
+                  [fxShow]="!isEdit && isAssignedToCustomer(entity)
+                              && !entity?.customerIsPublic && entityViewScope === 'tenant'">
+    <mat-label translate>entity-view.assignedToCustomer</mat-label>
+    <input matInput disabled [ngModel]="entity?.customerTitle">
+  </mat-form-field>
+  <div class="tb-small" style="padding-bottom: 10px; padding-left: 2px;"
+       [fxShow]="!isEdit && entity?.customerIsPublic && (entityViewScope === 'customer' || entityViewScope === 'tenant')">
+    {{ 'entity-view.entity-view-public' | translate }}
+  </div>
+  <form #entityNgForm="ngForm" [formGroup]="entityForm">
+    <fieldset [disabled]="(isLoading$ | async) || !isEdit">
+      <mat-form-field class="mat-block">
+        <mat-label translate>entity-view.name</mat-label>
+        <input matInput formControlName="name" required>
+        <mat-error *ngIf="entityForm.get('name').hasError('required')">
+          {{ 'entity-view.name-required' | translate }}
+        </mat-error>
+      </mat-form-field>
+      <tb-entity-subtype-autocomplete
+        formControlName="type"
+        [required]="true"
+        [entityType]="entityType.ENTITY_VIEW"
+      >
+      </tb-entity-subtype-autocomplete>
+      <section fxLayout="column">
+        <label translate class="tb-title no-padding">entity-view.target-entity</label>
+        <tb-entity-select fxFlex
+                          [required]="true"
+                          [allowedEntityTypes]="allowedEntityTypes"
+                          formControlName="entityId">
+        </tb-entity-select>
+      </section>
+      <div formGroupName="keys">
+        <mat-expansion-panel formGroupName="attributes" [expanded]="true">
+          <mat-expansion-panel-header>
+            <mat-panel-title>
+              <div class="tb-panel-title" translate>entity-view.attributes-propagation</div>
+            </mat-panel-title>
+          </mat-expansion-panel-header>
+          <div translate class="tb-hint">entity-view.attributes-propagation-hint</div>
+          <label translate class="tb-title no-padding">entity-view.client-attributes</label>
+          <tb-entity-keys-list
+            [entityId]="selectedEntityId | async"
+            formControlName="cs"
+            keysText="entity-view.client-attributes-placeholder"
+            [dataKeyType]="dataKeyType.attribute">
+          </tb-entity-keys-list>
+          <label translate class="tb-title no-padding">entity-view.shared-attributes</label>
+          <tb-entity-keys-list
+            [entityId]="selectedEntityId | async"
+            formControlName="sh"
+            keysText="entity-view.shared-attributes-placeholder"
+            [dataKeyType]="dataKeyType.attribute">
+          </tb-entity-keys-list>
+          <label translate class="tb-title no-padding">entity-view.server-attributes</label>
+          <tb-entity-keys-list
+            [entityId]="selectedEntityId | async"
+            formControlName="ss"
+            keysText="entity-view.server-attributes-placeholder"
+            [dataKeyType]="dataKeyType.attribute">
+          </tb-entity-keys-list>
+        </mat-expansion-panel>
+        <mat-expansion-panel [expanded]="true">
+          <mat-expansion-panel-header>
+            <mat-panel-title>
+              <div class="tb-panel-title" translate>entity-view.timeseries-data</div>
+            </mat-panel-title>
+          </mat-expansion-panel-header>
+          <div translate class="tb-hint">entity-view.timeseries-data-hint</div>
+          <label translate class="tb-title no-padding">entity-view.timeseries</label>
+          <tb-entity-keys-list
+            [entityId]="selectedEntityId | async"
+            formControlName="timeseries"
+            keysText="entity-view.timeseries-placeholder"
+            [dataKeyType]="dataKeyType.timeseries">
+          </tb-entity-keys-list>
+        </mat-expansion-panel>
+      </div>
+      <tb-datetime
+        dateText="entity-view.start-date"
+        timeText="entity-view.start-ts"
+        [maxDate]="maxStartTimeMs | async"
+        formControlName="startTimeMs"
+      ></tb-datetime>
+      <tb-datetime
+        dateText="entity-view.end-date"
+        timeText="entity-view.end-ts"
+        [minDate]="minEndTimeMs | async"
+        formControlName="endTimeMs"
+      ></tb-datetime>
+      <div formGroupName="additionalInfo">
+        <mat-form-field class="mat-block">
+          <mat-label translate>entity-view.description</mat-label>
+          <textarea matInput formControlName="description" rows="2"></textarea>
+        </mat-form-field>
+      </div>
+    </fieldset>
+  </form>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/entity-view/entity-view.component.scss b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view.component.scss
new file mode 100644
index 0000000000..37e98ac274
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view.component.scss
@@ -0,0 +1,29 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  mat-expansion-panel {
+    margin-bottom: 16px;
+  }
+}
+
+.tb-dialog {
+  :host {
+    mat-expansion-panel {
+      margin-left: 6px;
+      margin-right: 6px;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/entity-view/entity-view.component.ts b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view.component.ts
new file mode 100644
index 0000000000..6f41837190
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view.component.ts
@@ -0,0 +1,138 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Component} from '@angular/core';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {EntityComponent} from '../../components/entity/entity.component';
+import {FormBuilder, FormGroup, Validators} from '@angular/forms';
+import {EntityType} from '@shared/models/entity-type.models';
+import {NULL_UUID} from '@shared/models/id/has-uuid';
+import {ActionNotificationShow} from '@core/notification/notification.actions';
+import {TranslateService} from '@ngx-translate/core';
+import {EntityViewInfo} from '@app/shared/models/entity-view.models';
+import {Observable} from 'rxjs';
+import {map} from 'rxjs/operators';
+import {DataKeyType} from '@shared/models/telemetry/telemetry.models';
+import {EntityId} from '@app/shared/models/id/entity-id';
+
+@Component({
+  selector: 'tb-entity-view',
+  templateUrl: './entity-view.component.html',
+  styleUrls: ['./entity-view.component.scss']
+})
+export class EntityViewComponent extends EntityComponent<EntityViewInfo> {
+
+  entityType = EntityType;
+
+  dataKeyType = DataKeyType;
+
+  entityViewScope: 'tenant' | 'customer' | 'customer_user';
+
+  allowedEntityTypes = [EntityType.DEVICE, EntityType.ASSET];
+
+  maxStartTimeMs: Observable<number | null>;
+  minEndTimeMs: Observable<number | null>;
+
+  selectedEntityId: Observable<EntityId | null>;
+
+  constructor(protected store: Store<AppState>,
+              protected translate: TranslateService,
+              public fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit() {
+    this.entityViewScope = this.entitiesTableConfig.componentsData.entityViewScope;
+    super.ngOnInit();
+    this.maxStartTimeMs = this.entityForm.get('endTimeMs').valueChanges;
+    this.minEndTimeMs = this.entityForm.get('startTimeMs').valueChanges;
+    this.selectedEntityId = this.entityForm.get('entityId').valueChanges;
+  }
+
+  hideDelete() {
+    if (this.entitiesTableConfig) {
+      return !this.entitiesTableConfig.deleteEnabled(this.entity);
+    } else {
+      return false;
+    }
+  }
+
+  isAssignedToCustomer(entity: EntityViewInfo): boolean {
+    return entity && entity.customerId && entity.customerId.id !== NULL_UUID;
+  }
+
+  buildForm(entity: EntityViewInfo): FormGroup {
+    return this.fb.group(
+      {
+        name: [entity ? entity.name : '', [Validators.required]],
+        type: [entity ? entity.type : null, [Validators.required]],
+        entityId: [entity ? entity.entityId : null, [Validators.required]],
+        startTimeMs: [entity ? entity.startTimeMs : null],
+        endTimeMs: [entity ? entity.endTimeMs : null],
+        keys: this.fb.group(
+          {
+            attributes: this.fb.group(
+              {
+                cs: [entity && entity.keys && entity.keys.attributes ? entity.keys.attributes.cs : null],
+                sh: [entity && entity.keys && entity.keys.attributes ? entity.keys.attributes.sh : null],
+                ss: [entity && entity.keys && entity.keys.attributes ? entity.keys.attributes.ss : null],
+              }
+            ),
+            timeseries: [entity && entity.keys && entity.keys.timeseries ? entity.keys.timeseries : null]
+          }
+        ),
+        additionalInfo: this.fb.group(
+          {
+            description: [entity && entity.additionalInfo ? entity.additionalInfo.description : ''],
+          }
+        )
+      }
+    );
+  }
+
+  updateForm(entity: EntityViewInfo) {
+    this.entityForm.patchValue({name: entity.name});
+    this.entityForm.patchValue({type: entity.type});
+    this.entityForm.patchValue({entityId: entity.entityId});
+    this.entityForm.patchValue({startTimeMs: entity.startTimeMs});
+    this.entityForm.patchValue({endTimeMs: entity.endTimeMs});
+    this.entityForm.patchValue({
+      keys:
+        {
+          attributes: {
+            cs: entity.keys && entity.keys.attributes ? entity.keys.attributes.cs : null,
+            sh: entity.keys && entity.keys.attributes ? entity.keys.attributes.sh : null,
+            ss: entity.keys && entity.keys.attributes ? entity.keys.attributes.ss : null,
+          },
+          timeseries: entity.keys && entity.keys.timeseries ? entity.keys.timeseries : null
+        }
+    });
+    this.entityForm.patchValue({additionalInfo: {description: entity.additionalInfo ? entity.additionalInfo.description : ''}});
+  }
+
+
+  onEntityViewIdCopied($event) {
+    this.store.dispatch(new ActionNotificationShow(
+      {
+        message: this.translate.instant('entity-view.idCopiedMessage'),
+        type: 'success',
+        duration: 750,
+        verticalPosition: 'bottom',
+        horizontalPosition: 'right'
+      }));
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/entity-view/entity-view.module.ts b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view.module.ts
new file mode 100644
index 0000000000..298a72faca
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/entity-view/entity-view.module.ts
@@ -0,0 +1,41 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {SharedModule} from '@shared/shared.module';
+import {HomeDialogsModule} from '../../dialogs/home-dialogs.module';
+import {EntityViewComponent} from '@modules/home/pages/entity-view/entity-view.component';
+import {EntityViewTableHeaderComponent} from './entity-view-table-header.component';
+import {EntityViewRoutingModule} from './entity-view-routing.module';
+import {HomeComponentsModule} from '@modules/home/components/home-components.module';
+import { EntityViewTabsComponent } from '@home/pages/entity-view/entity-view-tabs.component';
+
+@NgModule({
+  declarations: [
+    EntityViewComponent,
+    EntityViewTabsComponent,
+    EntityViewTableHeaderComponent
+  ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    HomeComponentsModule,
+    HomeDialogsModule,
+    EntityViewRoutingModule
+  ]
+})
+export class EntityViewModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/entity-view/entity-views-table-config.resolver.ts b/ui-ngx/src/app/modules/home/pages/entity-view/entity-views-table-config.resolver.ts
new file mode 100644
index 0000000000..db92c823be
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/entity-view/entity-views-table-config.resolver.ts
@@ -0,0 +1,403 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Injectable} from '@angular/core';
+
+import {ActivatedRouteSnapshot, Resolve, Router} from '@angular/router';
+import {
+  CellActionDescriptor,
+  checkBoxCell,
+  DateEntityTableColumn,
+  EntityTableColumn,
+  EntityTableConfig,
+  GroupActionDescriptor,
+  HeaderActionDescriptor
+} from '@home/models/entity/entities-table-config.models';
+import {TranslateService} from '@ngx-translate/core';
+import {DatePipe} from '@angular/common';
+import {EntityType, entityTypeResources, entityTypeTranslations} from '@shared/models/entity-type.models';
+import {EntityAction} from '@home/models/entity/entity-component.models';
+import {forkJoin, Observable, of} from 'rxjs';
+import {select, Store} from '@ngrx/store';
+import {selectAuthUser} from '@core/auth/auth.selectors';
+import {map, mergeMap, take, tap} from 'rxjs/operators';
+import {AppState} from '@core/core.state';
+import {Authority} from '@app/shared/models/authority.enum';
+import {CustomerService} from '@core/http/customer.service';
+import {Customer} from '@app/shared/models/customer.model';
+import {NULL_UUID} from '@shared/models/id/has-uuid';
+import {BroadcastService} from '@core/services/broadcast.service';
+import { MatDialog } from '@angular/material/dialog';
+import {DialogService} from '@core/services/dialog.service';
+import {
+  AssignToCustomerDialogComponent,
+  AssignToCustomerDialogData
+} from '@modules/home/dialogs/assign-to-customer-dialog.component';
+import {
+  AddEntitiesToCustomerDialogComponent,
+  AddEntitiesToCustomerDialogData
+} from '../../dialogs/add-entities-to-customer-dialog.component';
+import {EntityView, EntityViewInfo} from '@app/shared/models/entity-view.models';
+import {EntityViewService} from '@core/http/entity-view.service';
+import {EntityViewComponent} from '@modules/home/pages/entity-view/entity-view.component';
+import {EntityViewTableHeaderComponent} from '@modules/home/pages/entity-view/entity-view-table-header.component';
+import {EntityViewId} from '@shared/models/id/entity-view-id';
+import { EntityViewTabsComponent } from '@home/pages/entity-view/entity-view-tabs.component';
+
+@Injectable()
+export class EntityViewsTableConfigResolver implements Resolve<EntityTableConfig<EntityViewInfo>> {
+
+  private readonly config: EntityTableConfig<EntityViewInfo> = new EntityTableConfig<EntityViewInfo>();
+
+  private customerId: string;
+
+  constructor(private store: Store<AppState>,
+              private broadcast: BroadcastService,
+              private entityViewService: EntityViewService,
+              private customerService: CustomerService,
+              private dialogService: DialogService,
+              private translate: TranslateService,
+              private datePipe: DatePipe,
+              private router: Router,
+              private dialog: MatDialog) {
+
+    this.config.entityType = EntityType.ENTITY_VIEW;
+    this.config.entityComponent = EntityViewComponent;
+    this.config.entityTabsComponent = EntityViewTabsComponent;
+    this.config.entityTranslations = entityTypeTranslations.get(EntityType.ENTITY_VIEW);
+    this.config.entityResources = entityTypeResources.get(EntityType.ENTITY_VIEW);
+
+    this.config.addDialogStyle = {maxWidth: '800px'};
+
+    this.config.deleteEntityTitle = entityView =>
+      this.translate.instant('entity-view.delete-entity-view-title', { entityViewName: entityView.name });
+    this.config.deleteEntityContent = () => this.translate.instant('entity-view.delete-entity-view-text');
+    this.config.deleteEntitiesTitle = count => this.translate.instant('entity-view.delete-entity-views-title', {count});
+    this.config.deleteEntitiesContent = () => this.translate.instant('entity-view.delete-entity-views-text');
+
+    this.config.loadEntity = id => this.entityViewService.getEntityViewInfo(id.id);
+    this.config.saveEntity = entityView => {
+      return this.entityViewService.saveEntityView(entityView).pipe(
+        tap(() => {
+          this.broadcast.broadcast('entityViewSaved');
+        }),
+        mergeMap((savedEntityView) => this.entityViewService.getEntityViewInfo(savedEntityView.id.id)
+        ));
+    };
+    this.config.onEntityAction = action => this.onEntityViewAction(action);
+    this.config.detailsReadonly = () => this.config.componentsData.entityViewScope === 'customer_user';
+
+    this.config.headerComponent = EntityViewTableHeaderComponent;
+
+  }
+
+  resolve(route: ActivatedRouteSnapshot): Observable<EntityTableConfig<EntityViewInfo>> {
+    const routeParams = route.params;
+    this.config.componentsData = {
+      entityViewScope: route.data.entityViewsType,
+      entityViewType: ''
+    };
+    this.customerId = routeParams.customerId;
+    return this.store.pipe(select(selectAuthUser), take(1)).pipe(
+      tap((authUser) => {
+        if (authUser.authority === Authority.CUSTOMER_USER) {
+          this.config.componentsData.entityViewScope = 'customer_user';
+          this.customerId = authUser.customerId;
+        }
+      }),
+      mergeMap(() =>
+        this.customerId ? this.customerService.getCustomer(this.customerId) : of(null as Customer)
+      ),
+      map((parentCustomer) => {
+        if (parentCustomer) {
+          if (parentCustomer.additionalInfo && parentCustomer.additionalInfo.isPublic) {
+            this.config.tableTitle = this.translate.instant('customer.public-entity-views');
+          } else {
+            this.config.tableTitle = parentCustomer.title + ': ' + this.translate.instant('entity-view.entity-views');
+          }
+        } else {
+          this.config.tableTitle = this.translate.instant('entity-view.entity-views');
+        }
+        this.config.columns = this.configureColumns(this.config.componentsData.entityViewScope);
+        this.configureEntityFunctions(this.config.componentsData.entityViewScope);
+        this.config.cellActionDescriptors = this.configureCellActions(this.config.componentsData.entityViewScope);
+        this.config.groupActionDescriptors = this.configureGroupActions(this.config.componentsData.entityViewScope);
+        this.config.addActionDescriptors = this.configureAddActions(this.config.componentsData.entityViewScope);
+        this.config.addEnabled = this.config.componentsData.entityViewScope !== 'customer_user';
+        this.config.entitiesDeleteEnabled = this.config.componentsData.entityViewScope === 'tenant';
+        this.config.deleteEnabled = () => this.config.componentsData.entityViewScope === 'tenant';
+        return this.config;
+      })
+    );
+  }
+
+  configureColumns(entityViewScope: string): Array<EntityTableColumn<EntityViewInfo>> {
+    const columns: Array<EntityTableColumn<EntityViewInfo>> = [
+      new DateEntityTableColumn<EntityViewInfo>('createdTime', 'entity-view.created-time', this.datePipe, '150px'),
+      new EntityTableColumn<EntityViewInfo>('name', 'entity-view.name', '33%'),
+      new EntityTableColumn<EntityViewInfo>('type', 'entity-view.entity-view-type', '33%'),
+    ];
+    if (entityViewScope === 'tenant') {
+      columns.push(
+        new EntityTableColumn<EntityViewInfo>('customerTitle', 'customer.customer', '33%'),
+        new EntityTableColumn<EntityViewInfo>('customerIsPublic', 'entity-view.public', '60px',
+          entity => {
+            return checkBoxCell(entity.customerIsPublic);
+          }, () => ({}), false),
+      );
+    }
+    return columns;
+  }
+
+  configureEntityFunctions(entityViewScope: string): void {
+    if (entityViewScope === 'tenant') {
+      this.config.entitiesFetchFunction = pageLink =>
+        this.entityViewService.getTenantEntityViewInfos(pageLink, this.config.componentsData.entityViewType);
+      this.config.deleteEntity = id => this.entityViewService.deleteEntityView(id.id);
+    } else {
+      this.config.entitiesFetchFunction = pageLink =>
+        this.entityViewService.getCustomerEntityViewInfos(this.customerId, pageLink, this.config.componentsData.entityViewType);
+      this.config.deleteEntity = id => this.entityViewService.unassignEntityViewFromCustomer(id.id);
+    }
+  }
+
+  configureCellActions(entityViewScope: string): Array<CellActionDescriptor<EntityViewInfo>> {
+    const actions: Array<CellActionDescriptor<EntityViewInfo>> = [];
+    if (entityViewScope === 'tenant') {
+      actions.push(
+        {
+          name: this.translate.instant('entity-view.make-public'),
+          icon: 'share',
+          isEnabled: (entity) => (!entity.customerId || entity.customerId.id === NULL_UUID),
+          onAction: ($event, entity) => this.makePublic($event, entity)
+        },
+        {
+          name: this.translate.instant('entity-view.assign-to-customer'),
+          icon: 'assignment_ind',
+          isEnabled: (entity) => (!entity.customerId || entity.customerId.id === NULL_UUID),
+          onAction: ($event, entity) => this.assignToCustomer($event, [entity.id])
+        },
+        {
+          name: this.translate.instant('entity-view.unassign-from-customer'),
+          icon: 'assignment_return',
+          isEnabled: (entity) => (entity.customerId && entity.customerId.id !== NULL_UUID && !entity.customerIsPublic),
+          onAction: ($event, entity) => this.unassignFromCustomer($event, entity)
+        },
+        {
+          name: this.translate.instant('entity-view.make-private'),
+          icon: 'reply',
+          isEnabled: (entity) => (entity.customerId && entity.customerId.id !== NULL_UUID && entity.customerIsPublic),
+          onAction: ($event, entity) => this.unassignFromCustomer($event, entity)
+        }
+      );
+    }
+    if (entityViewScope === 'customer') {
+      actions.push(
+        {
+          name: this.translate.instant('entity-view.unassign-from-customer'),
+          icon: 'assignment_return',
+          isEnabled: (entity) => (entity.customerId && entity.customerId.id !== NULL_UUID && !entity.customerIsPublic),
+          onAction: ($event, entity) => this.unassignFromCustomer($event, entity)
+        },
+        {
+          name: this.translate.instant('entity-view.make-private'),
+          icon: 'reply',
+          isEnabled: (entity) => (entity.customerId && entity.customerId.id !== NULL_UUID && entity.customerIsPublic),
+          onAction: ($event, entity) => this.unassignFromCustomer($event, entity)
+        }
+      );
+    }
+    return actions;
+  }
+
+  configureGroupActions(entityViewScope: string): Array<GroupActionDescriptor<EntityViewInfo>> {
+    const actions: Array<GroupActionDescriptor<EntityViewInfo>> = [];
+    if (entityViewScope === 'tenant') {
+      actions.push(
+        {
+          name: this.translate.instant('entity-view.assign-entity-views'),
+          icon: 'assignment_ind',
+          isEnabled: true,
+          onAction: ($event, entities) => this.assignToCustomer($event, entities.map((entity) => entity.id))
+        }
+      );
+    }
+    if (entityViewScope === 'customer') {
+      actions.push(
+        {
+          name: this.translate.instant('entity-view.unassign-entity-views'),
+          icon: 'assignment_return',
+          isEnabled: true,
+          onAction: ($event, entities) => this.unassignEntityViewsFromCustomer($event, entities)
+        }
+      );
+    }
+    return actions;
+  }
+
+  configureAddActions(entityViewScope: string): Array<HeaderActionDescriptor> {
+    const actions: Array<HeaderActionDescriptor> = [];
+    if (entityViewScope === 'customer') {
+      actions.push(
+        {
+          name: this.translate.instant('entity-view.assign-new-entity-view'),
+          icon: 'add',
+          isEnabled: () => true,
+          onAction: ($event) => this.addEntityViewsToCustomer($event)
+        }
+      );
+    }
+    return actions;
+  }
+
+  addEntityViewsToCustomer($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialog.open<AddEntitiesToCustomerDialogComponent, AddEntitiesToCustomerDialogData,
+      boolean>(AddEntitiesToCustomerDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        customerId: this.customerId,
+        entityType: EntityType.ENTITY_VIEW
+      }
+    }).afterClosed()
+      .subscribe((res) => {
+        if (res) {
+          this.config.table.updateData();
+        }
+      });
+  }
+
+  makePublic($event: Event, entityView: EntityView) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialogService.confirm(
+      this.translate.instant('entity-view.make-public-entity-view-title', {entityViewName: entityView.name}),
+      this.translate.instant('entity-view.make-public-entity-view-text'),
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+      true
+    ).subscribe((res) => {
+        if (res) {
+          this.entityViewService.makeEntityViewPublic(entityView.id.id).subscribe(
+            () => {
+              this.config.table.updateData();
+            }
+          );
+        }
+      }
+    );
+  }
+
+  assignToCustomer($event: Event, entityViewIds: Array<EntityViewId>) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialog.open<AssignToCustomerDialogComponent, AssignToCustomerDialogData,
+      boolean>(AssignToCustomerDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        entityIds: entityViewIds,
+        entityType: EntityType.ENTITY_VIEW
+      }
+    }).afterClosed()
+      .subscribe((res) => {
+        if (res) {
+          this.config.table.updateData();
+        }
+      });
+  }
+
+  unassignFromCustomer($event: Event, entityView: EntityViewInfo) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    const isPublic = entityView.customerIsPublic;
+    let title;
+    let content;
+    if (isPublic) {
+      title = this.translate.instant('entity-view.make-private-entity-view-title', {entityViewName: entityView.name});
+      content = this.translate.instant('entity-view.make-private-entity-view-text');
+    } else {
+      title = this.translate.instant('entity-view.unassign-entity-view-title', {entityViewName: entityView.name});
+      content = this.translate.instant('entity-view.unassign-entity-view-text');
+    }
+    this.dialogService.confirm(
+      title,
+      content,
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+      true
+    ).subscribe((res) => {
+        if (res) {
+          this.entityViewService.unassignEntityViewFromCustomer(entityView.id.id).subscribe(
+            () => {
+              this.config.table.updateData();
+            }
+          );
+        }
+      }
+    );
+  }
+
+  unassignEntityViewsFromCustomer($event: Event, entityViews: Array<EntityViewInfo>) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialogService.confirm(
+      this.translate.instant('entity-view.unassign-entity-views-title', {count: entityViews.length}),
+      this.translate.instant('entity-view.unassign-entity-views-text'),
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+      true
+    ).subscribe((res) => {
+        if (res) {
+          const tasks: Observable<any>[] = [];
+          entityViews.forEach(
+            (entityView) => {
+              tasks.push(this.entityViewService.unassignEntityViewFromCustomer(entityView.id.id));
+            }
+          );
+          forkJoin(tasks).subscribe(
+            () => {
+              this.config.table.updateData();
+            }
+          );
+        }
+      }
+    );
+  }
+
+  onEntityViewAction(action: EntityAction<EntityViewInfo>): boolean {
+    switch (action.action) {
+      case 'makePublic':
+        this.makePublic(action.event, action.entity);
+        return true;
+      case 'assignToCustomer':
+        this.assignToCustomer(action.event, [action.entity.id]);
+        return true;
+      case 'unassignFromCustomer':
+        this.unassignFromCustomer(action.event, action.entity);
+        return true;
+    }
+    return false;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/home-links/home-links-routing.module.ts b/ui-ngx/src/app/modules/home/pages/home-links/home-links-routing.module.ts
new file mode 100644
index 0000000000..6229d491f5
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/home-links/home-links-routing.module.ts
@@ -0,0 +1,42 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from '@angular/router';
+
+import {HomeLinksComponent} from './home-links.component';
+import {Authority} from '@shared/models/authority.enum';
+
+const routes: Routes = [
+  {
+    path: 'home',
+    component: HomeLinksComponent,
+    data: {
+      auth: [Authority.SYS_ADMIN, Authority.TENANT_ADMIN, Authority.CUSTOMER_USER],
+      title: 'home.home',
+      breadcrumb: {
+        label: 'home.home',
+        icon: 'home'
+      }
+    }
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class HomeLinksRoutingModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/home-links/home-links.component.html b/ui-ngx/src/app/modules/home/pages/home-links/home-links.component.html
new file mode 100644
index 0000000000..86d470b1af
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/home-links/home-links.component.html
@@ -0,0 +1,37 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-grid-list class="tb-home-links" [cols]="cols" rowHeight="280px">
+  <mat-grid-tile [colspan]="sectionColspan(section)" *ngFor="let section of homeSections$| async">
+    <mat-card style="width: 100%;">
+      <mat-card-title>
+        <span translate class="mat-headline">{{section.name}}</span>
+      </mat-card-title>
+      <mat-card-content>
+        <mat-grid-list rowHeight="170px" [cols]="section.places.length">
+          <mat-grid-tile *ngFor="let place of section.places">
+            <button mat-button mat-raised-button color="primary" class="tb-card-button" routerLink="{{place.path}}">
+              <mat-icon *ngIf="!place.isMdiIcon" class="material-icons tb-mat-96">{{place.icon}}</mat-icon>
+              <mat-icon *ngIf="place.isMdiIcon" class="tb-mat-96" [svgIcon]="place.icon"></mat-icon>
+              <span translate>{{place.name}}</span>
+            </button>
+          </mat-grid-tile>
+        </mat-grid-list>
+      </mat-card-content>
+    </mat-card>
+  </mat-grid-tile>
+</mat-grid-list>
diff --git a/ui-ngx/src/app/modules/home/pages/home-links/home-links.component.scss b/ui-ngx/src/app/modules/home/pages/home-links/home-links.component.scss
new file mode 100644
index 0000000000..b8712ab447
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/home-links/home-links.component.scss
@@ -0,0 +1,74 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import '../../../../../scss/constants';
+
+:host ::ng-deep {
+  .tb-home-links {
+    .mat-headline {
+      font-size: 20px;
+      @media #{$mat-gt-xmd} {
+        font-size: 24px;
+      }
+    }
+    mat-card {
+      padding: 0;
+      margin: 8px;
+      mat-card-title {
+        margin: 0;
+        padding: 24px 16px 16px;
+      }
+      mat-card-title+mat-card-content {
+        padding-top: 0;
+      }
+      mat-card-content {
+        padding: 16px;
+      }
+    }
+    button.tb-card-button {
+      width: 100%;
+      height: 100%;
+      max-width: 240px;
+      .mat-button-wrapper {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        mat-icon {
+          margin: auto;
+        }
+        span {
+          height: 18px;
+          min-height: 18px;
+          max-height: 18px;
+          padding: 0 0 20px 0;
+          margin: auto;
+          font-size: 18px;
+          font-weight: 400;
+          line-height: 18px;
+          white-space: normal;
+        }
+      }
+      &.mat-raised-button.mat-primary {
+        .mat-ripple-element {
+          opacity: 0.3;
+          background-color: rgba(255, 255, 255, 0.3);
+        }
+      }
+    }
+  }
+}
+
diff --git a/ui-ngx/src/app/modules/home/pages/home-links/home-links.component.ts b/ui-ngx/src/app/modules/home/pages/home-links/home-links.component.ts
new file mode 100644
index 0000000000..2a2aaf64f4
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/home-links/home-links.component.ts
@@ -0,0 +1,69 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnInit } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { PageComponent } from '@shared/components/page.component';
+import { MenuService } from '@core/services/menu.service';
+import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';
+import { MediaBreakpoints } from '@shared/models/constants';
+import { HomeSection } from '@core/services/menu.models';
+
+@Component({
+  selector: 'tb-home-links',
+  templateUrl: './home-links.component.html',
+  styleUrls: ['./home-links.component.scss']
+})
+export class HomeLinksComponent implements OnInit {
+
+  homeSections$ = this.menuService.homeSections();
+
+  cols = 2;
+
+  constructor(private menuService: MenuService,
+              public breakpointObserver: BreakpointObserver) {
+  }
+
+  ngOnInit() {
+    this.updateColumnCount();
+    this.breakpointObserver
+      .observe([MediaBreakpoints.lg, MediaBreakpoints['gt-lg']])
+      .subscribe((state: BreakpointState) => this.updateColumnCount());
+  }
+
+  private updateColumnCount() {
+    this.cols = 2;
+    if (this.breakpointObserver.isMatched(MediaBreakpoints.lg)) {
+      this.cols = 3;
+    }
+    if (this.breakpointObserver.isMatched(MediaBreakpoints['gt-lg'])) {
+      this.cols = 4;
+    }
+  }
+
+  sectionColspan(section: HomeSection): number {
+    if (this.breakpointObserver.isMatched(MediaBreakpoints['gt-sm'])) {
+      let colspan = this.cols;
+      if (section && section.places && section.places.length <= colspan) {
+        colspan = section.places.length;
+      }
+      return colspan;
+    } else {
+      return 2;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/home-links/home-links.module.ts b/ui-ngx/src/app/modules/home/pages/home-links/home-links.module.ts
new file mode 100644
index 0000000000..18ec7018bc
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/home-links/home-links.module.ts
@@ -0,0 +1,35 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { HomeLinksRoutingModule } from './home-links-routing.module';
+import { HomeLinksComponent} from './home-links.component';
+import { SharedModule } from '@app/shared/shared.module';
+
+@NgModule({
+  declarations:
+    [
+      HomeLinksComponent
+    ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    HomeLinksRoutingModule
+  ]
+})
+export class HomeLinksModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/home-pages.module.ts b/ui-ngx/src/app/modules/home/pages/home-pages.module.ts
new file mode 100644
index 0000000000..cde40eeb29
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/home-pages.module.ts
@@ -0,0 +1,50 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+
+import { AdminModule } from './admin/admin.module';
+import { HomeLinksModule } from './home-links/home-links.module';
+import { ProfileModule } from './profile/profile.module';
+import { TenantModule } from '@modules/home/pages/tenant/tenant.module';
+import { CustomerModule } from '@modules/home/pages/customer/customer.module';
+import { AuditLogModule } from '@modules/home/pages/audit-log/audit-log.module';
+import { UserModule } from '@modules/home/pages/user/user.module';
+import {DeviceModule} from '@modules/home/pages/device/device.module';
+import {AssetModule} from '@modules/home/pages/asset/asset.module';
+import {EntityViewModule} from '@modules/home/pages/entity-view/entity-view.module';
+import {RuleChainModule} from '@modules/home/pages/rulechain/rulechain.module';
+import {WidgetLibraryModule} from '@modules/home/pages/widget/widget-library.module';
+import {DashboardModule} from '@modules/home/pages/dashboard/dashboard.module';
+
+@NgModule({
+  exports: [
+    AdminModule,
+    HomeLinksModule,
+    ProfileModule,
+    TenantModule,
+    DeviceModule,
+    AssetModule,
+    EntityViewModule,
+    CustomerModule,
+    RuleChainModule,
+    WidgetLibraryModule,
+    DashboardModule,
+    AuditLogModule,
+    UserModule
+  ]
+})
+export class HomePagesModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/profile/change-password-dialog.component.html b/ui-ngx/src/app/modules/home/pages/profile/change-password-dialog.component.html
new file mode 100644
index 0000000000..0a3b056a1d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/profile/change-password-dialog.component.html
@@ -0,0 +1,63 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #changePasswordForm="ngForm" [formGroup]="changePassword" (ngSubmit)="onChangePassword()">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>profile.change-password</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            [mat-dialog-close]="false"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div mat-dialog-content>
+    <mat-form-field class="mat-block">
+      <mat-label translate>profile.current-password</mat-label>
+      <input matInput type="password" formControlName="currentPassword"/>
+      <mat-icon class="material-icons" matPrefix>lock</mat-icon>
+    </mat-form-field>
+    <mat-form-field class="mat-block">
+      <mat-label translate>login.new-password</mat-label>
+      <input matInput type="password" formControlName="newPassword"/>
+      <mat-icon class="material-icons" matPrefix>lock</mat-icon>
+    </mat-form-field>
+    <mat-form-field class="mat-block">
+      <mat-label translate>login.new-password-again</mat-label>
+      <input matInput type="password" formControlName="newPassword2"/>
+      <mat-icon class="material-icons" matPrefix>lock</mat-icon>
+    </mat-form-field>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || changePasswordForm.invalid">
+      {{ 'profile.change-password' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            [mat-dialog-close]="false" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/pages/profile/change-password-dialog.component.scss b/ui-ngx/src/app/modules/home/pages/profile/change-password-dialog.component.scss
new file mode 100644
index 0000000000..655a7ced9b
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/profile/change-password-dialog.component.scss
@@ -0,0 +1,17 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+}
diff --git a/ui-ngx/src/app/modules/home/pages/profile/change-password-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/profile/change-password-dialog.component.ts
new file mode 100644
index 0000000000..66febeeca4
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/profile/change-password-dialog.component.ts
@@ -0,0 +1,71 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnInit } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { TranslateService } from '@ngx-translate/core';
+import { AuthService } from '@core/auth/auth.service';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'tb-change-password-dialog',
+  templateUrl: './change-password-dialog.component.html',
+  styleUrls: ['./change-password-dialog.component.scss']
+})
+export class ChangePasswordDialogComponent extends DialogComponent<ChangePasswordDialogComponent> implements OnInit {
+
+  changePassword: FormGroup;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              private translate: TranslateService,
+              private authService: AuthService,
+              public dialogRef: MatDialogRef<ChangePasswordDialogComponent>,
+              public fb: FormBuilder) {
+    super(store, router, dialogRef);
+  }
+
+  ngOnInit(): void {
+    this.buildChangePasswordForm();
+  }
+
+  buildChangePasswordForm() {
+    this.changePassword = this.fb.group({
+      currentPassword: [''],
+      newPassword: [''],
+      newPassword2: ['']
+    });
+  }
+
+  onChangePassword(): void {
+    if (this.changePassword.get('newPassword').value !== this.changePassword.get('newPassword2').value) {
+      this.store.dispatch(new ActionNotificationShow({ message: this.translate.instant('login.passwords-mismatch-error'),
+        type: 'error' }));
+    } else {
+      this.authService.changePassword(
+        this.changePassword.get('currentPassword').value,
+        this.changePassword.get('newPassword').value).subscribe(() => {
+          this.dialogRef.close(true);
+      });
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/profile/profile-routing.module.ts b/ui-ngx/src/app/modules/home/pages/profile/profile-routing.module.ts
new file mode 100644
index 0000000000..668b260b5c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/profile/profile-routing.module.ts
@@ -0,0 +1,69 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Injectable, NgModule} from '@angular/core';
+import {Resolve, RouterModule, Routes} from '@angular/router';
+
+import {ProfileComponent} from './profile.component';
+import {ConfirmOnExitGuard} from '@core/guards/confirm-on-exit.guard';
+import {Authority} from '@shared/models/authority.enum';
+import {User} from '@shared/models/user.model';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {UserService} from '@core/http/user.service';
+import {getCurrentAuthUser} from '@core/auth/auth.selectors';
+import {Observable} from 'rxjs';
+
+@Injectable()
+export class UserProfileResolver implements Resolve<User> {
+
+  constructor(private store: Store<AppState>,
+              private userService: UserService) {
+  }
+
+  resolve(): Observable<User> {
+    const userId = getCurrentAuthUser(this.store).userId;
+    return this.userService.getUser(userId);
+  }
+}
+
+const routes: Routes = [
+  {
+    path: 'profile',
+    component: ProfileComponent,
+    canDeactivate: [ConfirmOnExitGuard],
+    data: {
+      auth: [Authority.SYS_ADMIN, Authority.TENANT_ADMIN, Authority.CUSTOMER_USER],
+      title: 'profile.profile',
+      breadcrumb: {
+        label: 'profile.profile',
+        icon: 'account_circle'
+      }
+    },
+    resolve: {
+      user: UserProfileResolver
+    }
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+  providers: [
+    UserProfileResolver
+  ]
+})
+export class ProfileRoutingModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/profile/profile.component.html b/ui-ngx/src/app/modules/home/pages/profile/profile.component.html
new file mode 100644
index 0000000000..4871cb0e97
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/profile/profile.component.html
@@ -0,0 +1,85 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div>
+  <mat-card class="profile-card">
+    <mat-card-title>
+      <div fxLayout="row">
+        <div fxFlex fxLayout="column">
+          <span class="mat-headline" translate>profile.profile</span>
+          <span class="profile-email" style='opacity: 0.7;'>{{ profile ? profile.get('email').value : '' }}</span>
+        </div>
+        <div fxFlex fxLayout="column">
+          <span class="mat-subheader" translate>profile.last-login-time</span>
+          <span class="profile-last-login-ts" style='opacity: 0.7;'>{{ user?.additionalInfo?.lastLoginTs | date:'yyyy-MM-dd HH:mm:ss'  }}</span>
+        </div>
+      </div>
+    </mat-card-title>
+    <mat-card-title>
+    </mat-card-title>
+    <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+    </mat-progress-bar>
+    <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+    <mat-card-content style="padding-top: 16px;">
+      <form #profileForm="ngForm" [formGroup]="profile" (ngSubmit)="save()">
+        <fieldset [disabled]="isLoading$ | async">
+          <mat-form-field class="mat-block">
+            <mat-label translate>user.email</mat-label>
+            <input matInput formControlName="email" required/>
+            <mat-error *ngIf="profile.get('email').hasError('required')">
+              {{ 'user.email-required' | translate }}
+            </mat-error>
+            <mat-error *ngIf="profile.get('email').hasError('email')">
+              {{ 'user.invalid-email-format' | translate }}
+            </mat-error>
+          </mat-form-field>
+          <mat-form-field class="mat-block">
+            <mat-label translate>user.first-name</mat-label>
+            <input matInput formControlName="firstName"/>
+          </mat-form-field>
+          <mat-form-field class="mat-block">
+            <mat-label translate>user.last-name</mat-label>
+            <input matInput formControlName="lastName"/>
+          </mat-form-field>
+          <mat-form-field class="mat-block">
+            <mat-label translate>language.language</mat-label>
+            <mat-select matInput formControlName="language">
+              <mat-option *ngFor="let lang of languageList" [value]="lang">
+                {{ lang ? ('language.locales.' + lang | translate) : ''}}
+              </mat-option>
+            </mat-select>
+          </mat-form-field>
+          <div fxLayout="row" style="padding-bottom: 16px;">
+            <button mat-button mat-raised-button color="primary"
+                    type="button"
+                    [disabled]="(isLoading$ | async)" (click)="changePassword()">
+              {{'profile.change-password' | translate}}
+            </button>
+          </div>
+          <div fxLayout="row" class="layout-wrap">
+            <span fxFlex></span>
+            <button mat-button mat-raised-button color="primary"
+                    type="submit"
+                    [disabled]="(isLoading$ | async) || profileForm.invalid || !profileForm.dirty">
+              {{ 'action.save' | translate }}
+            </button>
+          </div>
+        </fieldset>
+      </form>
+    </mat-card-content>
+  </mat-card>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/profile/profile.component.scss b/ui-ngx/src/app/modules/home/pages/profile/profile.component.scss
new file mode 100644
index 0000000000..0fd9ca02e6
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/profile/profile.component.scss
@@ -0,0 +1,42 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import "../../../../../scss/constants";
+
+:host {
+  mat-card.profile-card {
+    margin: 8px;
+    @media #{$mat-gt-sm} {
+      width: 60%;
+    }
+    .mat-headline {
+      margin: 0;
+    }
+    .profile-email {
+      font-size: 16px;
+      font-weight: 400;
+    }
+    .mat-subheader {
+      line-height: 24px;
+      color: rgba(0,0,0,0.54);
+      font-size: 14px;
+      font-weight: 400;
+    }
+    .profile-last-login-ts {
+      font-size: 16px;
+      font-weight: 400;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/profile/profile.component.ts b/ui-ngx/src/app/modules/home/pages/profile/profile.component.ts
new file mode 100644
index 0000000000..f7b2630684
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/profile/profile.component.ts
@@ -0,0 +1,121 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Component, OnInit} from '@angular/core';
+import {UserService} from '@core/http/user.service';
+import {User} from '@shared/models/user.model';
+import {Authority} from '@shared/models/authority.enum';
+import {PageComponent} from '@shared/components/page.component';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {FormBuilder, FormGroup, Validators} from '@angular/forms';
+import {HasConfirmForm} from '@core/guards/confirm-on-exit.guard';
+import {ActionAuthUpdateUserDetails} from '@core/auth/auth.actions';
+import {environment as env} from '@env/environment';
+import {TranslateService} from '@ngx-translate/core';
+import {ActionSettingsChangeLanguage} from '@core/settings/settings.actions';
+import {ChangePasswordDialogComponent} from '@modules/home/pages/profile/change-password-dialog.component';
+import { MatDialog } from '@angular/material/dialog';
+import {DialogService} from '@core/services/dialog.service';
+import {AuthService} from '@core/auth/auth.service';
+import {ActivatedRoute} from '@angular/router';
+
+@Component({
+  selector: 'tb-profile',
+  templateUrl: './profile.component.html',
+  styleUrls: ['./profile.component.scss']
+})
+export class ProfileComponent extends PageComponent implements OnInit, HasConfirmForm {
+
+  authorities = Authority;
+  profile: FormGroup;
+  user: User;
+  languageList = env.supportedLangs;
+
+  constructor(protected store: Store<AppState>,
+              private route: ActivatedRoute,
+              private userService: UserService,
+              private authService: AuthService,
+              private translate: TranslateService,
+              public dialog: MatDialog,
+              public dialogService: DialogService,
+              public fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit() {
+    this.buildProfileForm();
+    this.userLoaded(this.route.snapshot.data.user);
+  }
+
+  buildProfileForm() {
+    this.profile = this.fb.group({
+      email: ['', [Validators.required, Validators.email]],
+      firstName: [''],
+      lastName: [''],
+      language: ['']
+    });
+  }
+
+  save(): void {
+    this.user = {...this.user, ...this.profile.value};
+    if (!this.user.additionalInfo) {
+      this.user.additionalInfo = {};
+    }
+    this.user.additionalInfo.lang = this.profile.get('language').value;
+    this.userService.saveUser(this.user).subscribe(
+      (user) => {
+        this.userLoaded(user);
+        this.store.dispatch(new ActionAuthUpdateUserDetails({ userDetails: {
+            additionalInfo: {...user.additionalInfo},
+            authority: user.authority,
+            createdTime: user.createdTime,
+            tenantId: user.tenantId,
+            customerId: user.customerId,
+            email: user.email,
+            firstName: user.firstName,
+            id: user.id,
+            lastName: user.lastName,
+          } }));
+        this.store.dispatch(new ActionSettingsChangeLanguage({ userLang: user.additionalInfo.lang }));
+      }
+    );
+  }
+
+  changePassword(): void {
+    this.dialog.open(ChangePasswordDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog']
+    });
+  }
+
+  userLoaded(user: User) {
+    this.user = user;
+    this.profile.reset(user);
+    let lang;
+    if (user.additionalInfo && user.additionalInfo.lang) {
+      lang = user.additionalInfo.lang;
+    } else {
+      lang = this.translate.currentLang;
+    }
+    this.profile.get('language').setValue(lang);
+  }
+
+  confirmForm(): FormGroup {
+    return this.profile;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/profile/profile.module.ts b/ui-ngx/src/app/modules/home/pages/profile/profile.module.ts
new file mode 100644
index 0000000000..528fac1782
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/profile/profile.module.ts
@@ -0,0 +1,35 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ProfileComponent } from './profile.component';
+import { SharedModule } from '@shared/shared.module';
+import { ProfileRoutingModule } from './profile-routing.module';
+import { ChangePasswordDialogComponent } from '@modules/home/pages/profile/change-password-dialog.component';
+
+@NgModule({
+  declarations: [
+    ProfileComponent,
+    ChangePasswordDialogComponent
+  ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    ProfileRoutingModule
+  ]
+})
+export class ProfileModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/public-api.ts b/ui-ngx/src/app/modules/home/pages/public-api.ts
new file mode 100644
index 0000000000..407ed090b2
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/public-api.ts
@@ -0,0 +1,17 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export * from './home-pages.module';
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/add-rule-node-dialog.component.html b/ui-ngx/src/app/modules/home/pages/rulechain/add-rule-node-dialog.component.html
new file mode 100644
index 0000000000..563dc43354
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/add-rule-node-dialog.component.html
@@ -0,0 +1,56 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #ruleNodeForm="ngForm" (ngSubmit)="add()" style="min-width: 650px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>rulenode.add</h2>
+    <span fxFlex></span>
+    <div [tb-help]="helpLinkIdForRuleNodeType()"></div>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async">
+      <tb-rule-node #tbRuleNode
+        [ruleNode]="ruleNode"
+        [ruleChainId]="ruleChainId"
+        [isEdit]="true"
+        [isReadOnly]="false">
+      </tb-rule-node>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || tbRuleNode.ruleNodeForm.invalid || !tbRuleNode.ruleNodeForm.dirty">
+      {{ 'action.add' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/add-rule-node-link-dialog.component.html b/ui-ngx/src/app/modules/home/pages/rulechain/add-rule-node-link-dialog.component.html
new file mode 100644
index 0000000000..f5e84baa97
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/add-rule-node-link-dialog.component.html
@@ -0,0 +1,56 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #ruleNodeLinkForm="ngForm" [formGroup]="ruleNodeLinkFormGroup" (ngSubmit)="add()" style="width: 900px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>rulenode.add-link</h2>
+    <span fxFlex></span>
+    <div [tb-help]="'ruleEngine'"></div>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div mat-dialog-content>
+    <fieldset [disabled]="isLoading$ | async">
+      <tb-rule-node-link
+        required
+        formControlName="link"
+        [allowedLabels]="labels"
+        [allowCustom]="allowCustomLabels">
+      </tb-rule-node-link>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || ruleNodeLinkFormGroup.invalid || !ruleNodeLinkFormGroup.dirty">
+      {{ 'action.add' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/add-rule-node-link-dialog.component.scss b/ui-ngx/src/app/modules/home/pages/rulechain/add-rule-node-link-dialog.component.scss
new file mode 100644
index 0000000000..67986c991a
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/add-rule-node-link-dialog.component.scss
@@ -0,0 +1,22 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host ::ng-deep {
+  tb-rule-node-link {
+    form {
+      overflow: hidden !important;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/link-labels.component.html b/ui-ngx/src/app/modules/home/pages/rulechain/link-labels.component.html
new file mode 100644
index 0000000000..d227e7ac03
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/link-labels.component.html
@@ -0,0 +1,66 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field [formGroup]="linksFormGroup" style="width: 100%;">
+  <mat-label translate>rulenode.link-labels</mat-label>
+  <mat-chip-list #chipList>
+    <mat-chip
+      *ngFor="let label of labels"
+      [selectable]="!disabled"
+      [removable]="!disabled"
+      (removed)="remove(label)">
+      {{label.name}}
+      <mat-icon matChipRemove *ngIf="!disabled">close</mat-icon>
+    </mat-chip>
+    <input matInput type="text" placeholder="{{ !disabled ? ('rulenode.link-label' | translate) : '' }}"
+           style="max-width: 200px;"
+           #labelInput
+           (focusin)="onFocus()"
+           formControlName="label"
+           matAutocompleteOrigin
+           #origin="matAutocompleteOrigin"
+           [matAutocompleteConnectedTo]="origin"
+           [matAutocomplete]="labelAutocomplete"
+           [matChipInputFor]="chipList"
+           [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
+           (matChipInputTokenEnd)="add($event)">
+  </mat-chip-list>
+  <mat-autocomplete #labelAutocomplete="matAutocomplete"
+                    class="tb-autocomplete"
+                    (optionSelected)="selected($event)"
+                    [displayWith]="displayLabelFn">
+    <mat-option *ngFor="let label of filteredLabels | async" [value]="label">
+      <span [innerHTML]="label.name | highlight:searchText"></span>
+    </mat-option>
+    <mat-option *ngIf="(filteredLabels | async)?.length === 0" [value]="null" class="tb-not-found">
+      <div class="tb-not-found-content" (click)="$event.stopPropagation()">
+        <div *ngIf="!textIsNotEmpty(searchText); else searchNotEmpty">
+          <span translate>rulenode.no-link-labels-found</span>
+        </div>
+        <ng-template #searchNotEmpty>
+                <span>
+                  {{ translate.get('rulenode.no-link-label-matching',
+                  {label: truncate.transform(searchText, true, 6, &apos;...&apos;)}) | async }}
+                </span>
+        </ng-template>
+        <span *ngIf="allowCustom">
+                <a translate (click)="createLinkLabel($event, searchText)">rulenode.create-new-link-label</a>
+              </span>
+      </div>
+    </mat-option>
+  </mat-autocomplete>
+</mat-form-field>
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/link-labels.component.ts b/ui-ngx/src/app/modules/home/pages/rulechain/link-labels.component.ts
new file mode 100644
index 0000000000..87f7a65067
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/link-labels.component.ts
@@ -0,0 +1,259 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, ElementRef, forwardRef, Input, OnChanges, OnInit, SimpleChanges, ViewChild } from '@angular/core';
+import { ControlValueAccessor, FormBuilder, FormGroup, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { LinkLabel } from '@shared/models/rule-node.models';
+import { Observable, of } from 'rxjs';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { deepClone } from '@core/utils';
+import { TruncatePipe } from '@shared/pipe/truncate.pipe';
+import { MatAutocomplete, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { MatChipInputEvent, MatChipList } from '@angular/material/chips';
+import { TranslateService } from '@ngx-translate/core';
+import { COMMA, ENTER, SEMICOLON } from '@angular/cdk/keycodes';
+import { map, mergeMap, share, startWith } from 'rxjs/operators';
+
+@Component({
+  selector: 'tb-link-labels',
+  templateUrl: './link-labels.component.html',
+  styleUrls: [],
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => LinkLabelsComponent),
+    multi: true
+  }]
+})
+export class LinkLabelsComponent implements ControlValueAccessor, OnInit, OnChanges {
+
+  @ViewChild('chipList') chipList: MatChipList;
+  @ViewChild('labelAutocomplete') matAutocomplete: MatAutocomplete;
+  @ViewChild('labelInput') labelInput: ElementRef<HTMLInputElement>;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  private allowCustomValue: boolean;
+  get allowCustom(): boolean {
+    return this.allowCustomValue;
+  }
+  @Input()
+  set allowCustom(value: boolean) {
+    this.allowCustomValue = coerceBooleanProperty(value);
+    this.separatorKeysCodes = this.allowCustomValue ? [ENTER, COMMA, SEMICOLON] : [];
+  }
+
+  @Input()
+  allowedLabels: {[label: string]: LinkLabel};
+
+  linksFormGroup: FormGroup;
+
+  modelValue: Array<string>;
+
+  private labelsList: Array<LinkLabel> = [];
+
+  separatorKeysCodes: number[] = [];
+
+  filteredLabels: Observable<Array<LinkLabel>>;
+
+  labels: Array<LinkLabel> = [];
+
+  searchText = '';
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private fb: FormBuilder,
+              public truncate: TruncatePipe,
+              public translate: TranslateService) {
+    this.linksFormGroup = this.fb.group({
+      label: [null]
+    });
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+
+  ngOnInit(): void {
+    this.filteredLabels = this.linksFormGroup.get('label').valueChanges
+      .pipe(
+        startWith(''),
+        map((value) => value ? value : ''),
+        mergeMap(name => this.fetchLabels(name) ),
+        share()
+      );
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    let reloadLabels = false;
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (change.currentValue !== change.previousValue) {
+        if (['allowCustom', 'allowedLabels'].includes(propName)) {
+          reloadLabels = true;
+        }
+      }
+    }
+    if (reloadLabels) {
+      this.linksFormGroup.get('label').patchValue('', {emitEvent: true});
+    }
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (this.disabled) {
+      this.linksFormGroup.disable({emitEvent: false});
+    } else {
+      this.linksFormGroup.enable({emitEvent: false});
+    }
+  }
+
+  writeValue(value: string[]): void {
+    this.searchText = '';
+    this.labelsList.length = 0;
+    this.labels.length = 0;
+    this.modelValue = value;
+    for (const label of Object.keys(this.allowedLabels)) {
+      this.labelsList.push({name: this.allowedLabels[label].name, value: this.allowedLabels[label].value});
+    }
+    if (value) {
+      value.forEach((label) => {
+        if (this.allowedLabels[label]) {
+          this.labels.push(deepClone(this.allowedLabels[label]));
+        } else {
+          this.labels.push({
+            name: label,
+            value: label
+          });
+        }
+      });
+    }
+    if (this.chipList && this.required) {
+      this.chipList.errorState = this.labels.length ? false : true;
+    }
+    this.linksFormGroup.get('label').patchValue('', {emitEvent: true});
+  }
+
+  displayLabelFn(label?: LinkLabel): string | undefined {
+    return label ? label.name : undefined;
+  }
+
+  textIsNotEmpty(text: string): boolean {
+    return (text && text != null && text.length > 0) ? true : false;
+  }
+
+  createLinkLabel($event: Event, value: string) {
+    $event.preventDefault();
+    this.transformLinkLabel(value);
+  }
+
+  add(event: MatChipInputEvent): void {
+    if (!this.matAutocomplete.isOpen || this.allowCustom) {
+      this.transformLinkLabel(event.value);
+    }
+  }
+
+  private fetchLabels(searchText?: string): Observable<Array<LinkLabel>> {
+    this.searchText = searchText;
+    if (this.searchText && this.searchText.length) {
+      const search = this.searchText.toUpperCase();
+      return of(this.labelsList.filter(label => label.name.toUpperCase().includes(search)));
+    } else {
+      return of(this.labelsList);
+    }
+  }
+
+  private transformLinkLabel(value: string) {
+    if ((value || '').trim()) {
+      let newLabel: LinkLabel = null;
+      const labelName = value.trim();
+      const existingLabel = this.labelsList.find(label => label.name === labelName);
+      if (existingLabel) {
+        newLabel = deepClone(existingLabel);
+      } else if (this.allowCustom) {
+        newLabel = {
+          name: labelName,
+          value: labelName
+        };
+      }
+      if (newLabel) {
+        this.addLabel(newLabel);
+      }
+    }
+    this.clear('');
+  }
+
+  remove(label: LinkLabel) {
+    const index = this.labels.indexOf(label);
+    if (index >= 0) {
+      this.labels.splice(index, 1);
+      if (!this.labels.length) {
+        if (this.required) {
+          this.chipList.errorState = true;
+        }
+      }
+      this.updateModel();
+    }
+  }
+
+  selected(event: MatAutocompleteSelectedEvent): void {
+    this.addLabel(event.option.value);
+    this.clear('');
+  }
+
+  addLabel(label: LinkLabel): void {
+    const index = this.labels.findIndex(existinglabel => existinglabel.value === label.value);
+    if (index === -1) {
+      this.labels.push(label);
+      if (this.required) {
+        this.chipList.errorState = false;
+      }
+      this.updateModel();
+    }
+  }
+
+  onFocus() {
+    this.linksFormGroup.get('label').updateValueAndValidity({onlySelf: true, emitEvent: true});
+  }
+
+  clear(value: string = '') {
+    this.labelInput.nativeElement.value = value;
+    this.linksFormGroup.get('label').patchValue(null, {emitEvent: true});
+    setTimeout(() => {
+      this.labelInput.nativeElement.blur();
+      this.labelInput.nativeElement.focus();
+    }, 0);
+  }
+
+  private updateModel() {
+    const labels = this.labels.map((label => label.value));
+    this.propagateChange(labels);
+  }
+}
+
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-colors.scss b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-colors.scss
new file mode 100644
index 0000000000..7417507452
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-colors.scss
@@ -0,0 +1,45 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@mixin rule-node-colors {
+  &.tb-filter-type {
+    background-color: #f1e861;
+  }
+
+  &.tb-enrichment-type {
+    background-color: #cdf14e;
+  }
+
+  &.tb-transformation-type {
+    background-color: #79cef1;
+  }
+
+  &.tb-action-type {
+    background-color: #f1928f;
+  }
+
+  &.tb-external-type {
+    background-color: #fbc766;
+  }
+
+  &.tb-rule-chain-type {
+    background-color: #d6c4f1;
+  }
+
+  &.tb-unknown-type {
+    background-color: #f16c29;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-config.component.html b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-config.component.html
new file mode 100644
index 0000000000..8b8ed7f0ca
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-config.component.html
@@ -0,0 +1,28 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div [formGroup]="ruleNodeConfigFormGroup">
+  <ng-container #definedConfigContent></ng-container>
+  <div class="tb-rulenode-directive-error" *ngIf="definedDirectiveError">{{definedDirectiveError}}</div>
+  <tb-json-object-edit *ngIf="!useDefinedDirective()" #jsonObjectEditComponent
+                       class="tb-rule-node-configuration-json"
+                       formControlName="configuration"
+                       [label]="'rulenode.configuration' | translate"
+                       [required]="required"
+                       [fillHeight]="true">
+  </tb-json-object-edit>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-config.component.scss b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-config.component.scss
new file mode 100644
index 0000000000..6d2ac3d585
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-config.component.scss
@@ -0,0 +1,27 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  tb-json-object-edit.tb-rule-node-configuration-json {
+    display: block;
+    height: 300px;
+  }
+
+  .tb-rulenode-directive-error {
+    font-size: 13px;
+    font-weight: 400;
+    color: rgb(221, 44, 0);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-config.component.ts b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-config.component.ts
new file mode 100644
index 0000000000..8d4ef31a71
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-config.component.ts
@@ -0,0 +1,201 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  AfterViewInit,
+  Component,
+  ComponentRef,
+  forwardRef,
+  Input,
+  OnDestroy,
+  OnInit,
+  ViewChild,
+  ViewContainerRef
+} from '@angular/core';
+import { ControlValueAccessor, FormBuilder, FormGroup, NG_VALUE_ACCESSOR, Validators } from '@angular/forms';
+import {
+  IRuleNodeConfigurationComponent,
+  RuleNodeConfiguration,
+  RuleNodeDefinition
+} from '@shared/models/rule-node.models';
+import { Subscription } from 'rxjs';
+import { RuleChainService } from '@core/http/rule-chain.service';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { TranslateService } from '@ngx-translate/core';
+import { JsonObjectEditComponent } from '@shared/components/json-object-edit.component';
+import { deepClone } from '@core/utils';
+
+@Component({
+  selector: 'tb-rule-node-config',
+  templateUrl: './rule-node-config.component.html',
+  styleUrls: ['./rule-node-config.component.scss'],
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => RuleNodeConfigComponent),
+    multi: true
+  }]
+})
+export class RuleNodeConfigComponent implements ControlValueAccessor, OnInit, OnDestroy, AfterViewInit {
+
+  @ViewChild('definedConfigContent', {read: ViewContainerRef, static: true}) definedConfigContainer: ViewContainerRef;
+
+  @ViewChild('jsonObjectEditComponent') jsonObjectEditComponent: JsonObjectEditComponent;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  @Input()
+  ruleNodeId: string;
+
+  nodeDefinitionValue: RuleNodeDefinition;
+
+  @Input()
+  set nodeDefinition(nodeDefinition: RuleNodeDefinition) {
+    if (this.nodeDefinitionValue !== nodeDefinition) {
+      this.nodeDefinitionValue = nodeDefinition;
+      if (this.nodeDefinitionValue) {
+        this.validateDefinedDirective();
+      }
+    }
+  }
+
+  get nodeDefinition(): RuleNodeDefinition {
+    return this.nodeDefinitionValue;
+  }
+
+  definedDirectiveError: string;
+
+  ruleNodeConfigFormGroup: FormGroup;
+
+  changeSubscription: Subscription;
+
+  private definedConfigComponentRef: ComponentRef<IRuleNodeConfigurationComponent>;
+  private definedConfigComponent: IRuleNodeConfigurationComponent;
+
+  private configuration: RuleNodeConfiguration;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private translate: TranslateService,
+              private ruleChainService: RuleChainService,
+              private fb: FormBuilder) {
+    this.ruleNodeConfigFormGroup = this.fb.group({
+      configuration: [null, Validators.required]
+    });
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit(): void {
+  }
+
+  ngOnDestroy(): void {
+    if (this.definedConfigComponentRef) {
+      this.definedConfigComponentRef.destroy();
+    }
+  }
+
+  ngAfterViewInit(): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (this.disabled) {
+      this.ruleNodeConfigFormGroup.disable({emitEvent: false});
+    } else {
+      this.ruleNodeConfigFormGroup.enable({emitEvent: false});
+    }
+  }
+
+  writeValue(value: RuleNodeConfiguration): void {
+    this.configuration = deepClone(value);
+    if (this.changeSubscription) {
+      this.changeSubscription.unsubscribe();
+      this.changeSubscription = null;
+    }
+    if (this.definedConfigComponent) {
+      this.definedConfigComponent.configuration = this.configuration;
+      this.changeSubscription = this.definedConfigComponent.configurationChanged.subscribe((configuration) => {
+        this.updateModel(configuration);
+      });
+    } else {
+      this.ruleNodeConfigFormGroup.get('configuration').patchValue(this.configuration, {emitEvent: false});
+      this.changeSubscription = this.ruleNodeConfigFormGroup.get('configuration').valueChanges.subscribe(
+        (configuration: RuleNodeConfiguration) => {
+          this.updateModel(configuration);
+        }
+      );
+    }
+  }
+
+  useDefinedDirective(): boolean {
+    return this.nodeDefinition &&
+      (this.nodeDefinition.configDirective &&
+       this.nodeDefinition.configDirective.length) && !this.definedDirectiveError;
+  }
+
+  private updateModel(configuration: RuleNodeConfiguration) {
+    if (this.definedConfigComponent || this.ruleNodeConfigFormGroup.valid) {
+      this.propagateChange(configuration);
+    } else {
+      this.propagateChange(this.required ? null : configuration);
+    }
+  }
+
+  private validateDefinedDirective() {
+    if (this.definedConfigComponentRef) {
+      this.definedConfigComponentRef.destroy();
+      this.definedConfigComponentRef = null;
+    }
+    if (this.nodeDefinition.uiResourceLoadError && this.nodeDefinition.uiResourceLoadError.length) {
+      this.definedDirectiveError = this.nodeDefinition.uiResourceLoadError;
+    } else if (this.nodeDefinition.configDirective && this.nodeDefinition.configDirective.length) {
+      if (this.changeSubscription) {
+        this.changeSubscription.unsubscribe();
+        this.changeSubscription = null;
+      }
+      this.definedConfigContainer.clear();
+      const factory = this.ruleChainService.getRuleNodeConfigFactory(this.nodeDefinition.configDirective);
+      this.definedConfigComponentRef = this.definedConfigContainer.createComponent(factory);
+      this.definedConfigComponent = this.definedConfigComponentRef.instance;
+      this.definedConfigComponent.ruleNodeId = this.ruleNodeId;
+      this.definedConfigComponent.configuration = this.configuration;
+      this.changeSubscription = this.definedConfigComponent.configurationChanged.subscribe((configuration) => {
+        this.updateModel(configuration);
+      });
+    }
+  }
+
+  validate() {
+    if (this.useDefinedDirective()) {
+      this.definedConfigComponent.validate();
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-details.component.html b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-details.component.html
new file mode 100644
index 0000000000..2d08bd85d7
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-details.component.html
@@ -0,0 +1,61 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="mat-padding" fxLayout="column">
+  <form #ruleNodeForm="ngForm" [formGroup]="ruleNodeFormGroup">
+    <fieldset [disabled]="(isLoading$ | async) || !isEdit || isReadOnly">
+      <section *ngIf="ruleNode.component.type !== ruleNodeType.RULE_CHAIN">
+        <section fxLayout="column" fxLayout.gt-sm="row">
+          <mat-form-field fxFlex class="mat-block">
+            <mat-label translate>rulenode.name</mat-label>
+            <input matInput formControlName="name" required>
+            <mat-error *ngIf="ruleNodeFormGroup.get('name').hasError('required')">
+              {{ 'rulenode.name-required' | translate }}
+            </mat-error>
+          </mat-form-field>
+          <mat-checkbox formControlName="debugMode">
+            {{ 'rulenode.debug-mode' | translate }}
+          </mat-checkbox>
+        </section>
+        <tb-rule-node-config #ruleNodeConfigComponent
+          formControlName="configuration"
+          [ruleNodeId]="ruleNode.ruleNodeId?.id"
+          [nodeDefinition]="ruleNode.component.configurationDescriptor.nodeDefinition">
+        </tb-rule-node-config>
+        <div formGroupName="additionalInfo" fxLayout="column">
+          <mat-form-field class="mat-block">
+            <mat-label translate>rulenode.description</mat-label>
+            <textarea matInput formControlName="description" rows="2"></textarea>
+          </mat-form-field>
+        </div>
+      </section>
+      <section *ngIf="ruleNode.component.type === ruleNodeType.RULE_CHAIN">
+        <tb-entity-autocomplete required
+                                [excludeEntityIds]="[ruleChainId]"
+                                [entityType]="entityType.RULE_CHAIN"
+                                formControlName="targetRuleChainId">
+        </tb-entity-autocomplete>
+        <div formGroupName="additionalInfo" fxLayout="column">
+          <mat-form-field class="mat-block">
+            <mat-label translate>rulenode.description</mat-label>
+            <textarea matInput formControlName="description" rows="2"></textarea>
+          </mat-form-field>
+        </div>
+      </section>
+    </fieldset>
+  </form>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-details.component.scss b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-details.component.scss
new file mode 100644
index 0000000000..b597effd5c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-details.component.scss
@@ -0,0 +1,20 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  form {
+    overflow-x: hidden !important;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-details.component.ts b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-details.component.ts
new file mode 100644
index 0000000000..c660e24892
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-details.component.ts
@@ -0,0 +1,138 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Input, OnChanges, OnInit, SimpleChanges, ViewChild } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormGroup, NgForm, Validators } from '@angular/forms';
+import { FcRuleNode, RuleNodeType } from '@shared/models/rule-node.models';
+import { EntityType } from '@shared/models/entity-type.models';
+import { Subscription } from 'rxjs';
+import { RuleChainService } from '@core/http/rule-chain.service';
+import { RuleNodeConfigComponent } from './rule-node-config.component';
+
+@Component({
+  selector: 'tb-rule-node',
+  templateUrl: './rule-node-details.component.html',
+  styleUrls: ['./rule-node-details.component.scss']
+})
+export class RuleNodeDetailsComponent extends PageComponent implements OnInit, OnChanges {
+
+  @ViewChild('ruleNodeForm', {static: true}) ruleNodeForm: NgForm;
+
+  @ViewChild('ruleNodeConfigComponent') ruleNodeConfigComponent: RuleNodeConfigComponent;
+
+  @Input()
+  ruleNode: FcRuleNode;
+
+  @Input()
+  ruleChainId: string;
+
+  @Input()
+  isEdit: boolean;
+
+  @Input()
+  isReadOnly: boolean;
+
+  ruleNodeType = RuleNodeType;
+  entityType = EntityType;
+
+  ruleNodeFormGroup: FormGroup;
+
+  private ruleNodeFormSubscription: Subscription;
+
+  constructor(protected store: Store<AppState>,
+              private fb: FormBuilder,
+              private ruleChainService: RuleChainService) {
+    super(store);
+    this.ruleNodeFormGroup = this.fb.group({});
+  }
+
+  private buildForm() {
+    if (this.ruleNodeFormSubscription) {
+      this.ruleNodeFormSubscription.unsubscribe();
+      this.ruleNodeFormSubscription = null;
+    }
+    if (this.ruleNode) {
+      if (this.ruleNode.component.type !== RuleNodeType.RULE_CHAIN) {
+        this.ruleNodeFormGroup = this.fb.group({
+          name: [this.ruleNode.name, [Validators.required]],
+          debugMode: [this.ruleNode.debugMode, []],
+          configuration: [this.ruleNode.configuration, [Validators.required]],
+          additionalInfo: this.fb.group(
+            {
+              description: [this.ruleNode.additionalInfo ? this.ruleNode.additionalInfo.description : ''],
+            }
+          )
+        });
+      } else {
+        this.ruleNodeFormGroup = this.fb.group({
+          targetRuleChainId: [this.ruleNode.targetRuleChainId, [Validators.required]],
+          additionalInfo: this.fb.group(
+            {
+              description: [this.ruleNode.additionalInfo ? this.ruleNode.additionalInfo.description : ''],
+            }
+          )
+        });
+      }
+      this.ruleNodeFormSubscription = this.ruleNodeFormGroup.valueChanges.subscribe(() => {
+        this.updateRuleNode();
+      });
+    } else {
+      this.ruleNodeFormGroup = this.fb.group({});
+    }
+  }
+
+  private updateRuleNode() {
+    const formValue = this.ruleNodeFormGroup.value || {};
+    if (this.ruleNode.component.type === RuleNodeType.RULE_CHAIN) {
+      const targetRuleChainId: string = formValue.targetRuleChainId;
+      if (this.ruleNode.targetRuleChainId !== targetRuleChainId && targetRuleChainId) {
+        this.ruleChainService.getRuleChain(targetRuleChainId).subscribe(
+          (ruleChain) => {
+            this.ruleNode.name = ruleChain.name;
+            Object.assign(this.ruleNode, formValue);
+          }
+        );
+      } else {
+        Object.assign(this.ruleNode, formValue);
+      }
+    } else {
+      Object.assign(this.ruleNode, formValue);
+    }
+  }
+
+  ngOnInit(): void {
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (change.currentValue !== change.previousValue) {
+        if (propName === 'ruleNode') {
+          this.buildForm();
+        }
+      }
+    }
+  }
+
+  validate() {
+    if (this.ruleNode.component.type !== RuleNodeType.RULE_CHAIN) {
+      this.ruleNodeConfigComponent.validate();
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-link.component.html b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-link.component.html
new file mode 100644
index 0000000000..43d2f39a2b
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-link.component.html
@@ -0,0 +1,27 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="mat-padding" fxLayout="column">
+  <form #ruleNodeLinkForm="ngForm" [formGroup]="ruleNodeLinkFormGroup">
+    <tb-link-labels
+      required
+      formControlName="labels"
+      [allowedLabels]="allowedLabels"
+      [allowCustom]="allowCustom"
+    ></tb-link-labels>
+  </form>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-link.component.ts b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-link.component.ts
new file mode 100644
index 0000000000..b8867dfca6
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rule-node-link.component.ts
@@ -0,0 +1,113 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, forwardRef, Input, OnInit, ViewChild } from '@angular/core';
+import { ControlValueAccessor, FormBuilder, FormGroup, NG_VALUE_ACCESSOR, NgForm, Validators } from '@angular/forms';
+import { FcRuleEdge, LinkLabel } from '@shared/models/rule-node.models';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { TruncatePipe } from '@shared/pipe/truncate.pipe';
+import { TranslateService } from '@ngx-translate/core';
+
+@Component({
+  selector: 'tb-rule-node-link',
+  templateUrl: './rule-node-link.component.html',
+  styleUrls: [],
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => RuleNodeLinkComponent),
+    multi: true
+  }]
+})
+export class RuleNodeLinkComponent implements ControlValueAccessor, OnInit {
+
+  @ViewChild('ruleNodeLinkForm', {static: true}) ruleNodeLinkForm: NgForm;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  private allowCustomValue: boolean;
+  get allowCustom(): boolean {
+    return this.allowCustomValue;
+  }
+  @Input()
+  set allowCustom(value: boolean) {
+    this.allowCustomValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  allowedLabels: {[label: string]: LinkLabel};
+
+  ruleNodeLinkFormGroup: FormGroup;
+
+  modelValue: FcRuleEdge;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private fb: FormBuilder,
+              public truncate: TruncatePipe,
+              public translate: TranslateService) {
+    this.ruleNodeLinkFormGroup = this.fb.group({
+      labels: [[], Validators.required]
+    });
+    this.ruleNodeLinkFormGroup.get('labels').valueChanges.subscribe(
+      (labels: string[]) => this.updateModel(labels)
+    );
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit(): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (this.disabled) {
+      this.ruleNodeLinkFormGroup.disable({emitEvent: false});
+    } else {
+      this.ruleNodeLinkFormGroup.enable({emitEvent: false});
+    }
+  }
+
+  writeValue(value: FcRuleEdge): void {
+    this.modelValue = value;
+    const labels = this.modelValue && this.modelValue.labels ? this.modelValue.labels : [];
+    this.ruleNodeLinkFormGroup.get('labels').patchValue(labels, {emitEvent: false});
+  }
+
+  private updateModel(labels: string[]) {
+    if (labels && labels.length) {
+      this.modelValue.labels = labels;
+      this.modelValue.label = labels.join(' / ');
+      this.propagateChange(this.modelValue);
+    } else {
+      this.propagateChange(this.required ? null : this.modelValue);
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.html b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.html
new file mode 100644
index 0000000000..6033102484
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.html
@@ -0,0 +1,254 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="mat-content" fxFlex tb-fullscreen [fullscreen]="isFullscreen" tb-hotkeys [hotkeys]="hotKeys"
+     [cheatSheet]="cheatSheetComponent"
+  fxLayout="column" class="tb-rulechain">
+  <tb-hotkeys-cheatsheet #cheatSheetComponent></tb-hotkeys-cheatsheet>
+  <section class="tb-rulechain-container" fxFlex fxLayout="column">
+    <div class="tb-rulechain-layout" fxFlex fxLayout="row">
+      <section fxLayout="row"
+               class="tb-header-buttons tb-library-open" [fxShow]="!isLibraryOpen">
+        <button mat-button mat-icon-button color="primary"
+                class="tb-btn-header tb-btn-open-library mat-fab"
+                (click)="isLibraryOpen = true"
+                matTooltip="{{ 'rulenode.open-node-library' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>menu</mat-icon>
+        </button>
+      </section>
+      <mat-drawer-container style="width: 100%; height: 100%;">
+        <mat-drawer class="tb-rulechain-library mat-elevation-z4"
+                    disableClose="true"
+                    mode="side"
+                    [opened]="isLibraryOpen"
+                    position="start"
+                    fxLayout="column">
+          <mat-toolbar color="primary" class="tb-dark">
+            <div class="mat-toolbar-tools">
+              <button mat-button mat-icon-button class="tb-small"
+                matTooltip="{{'rulenode.search' | translate}}"
+                matTooltipPosition="above">
+                <mat-icon>search</mat-icon>
+              </button>
+              <mat-form-field fxFlex floatLabel="always">
+                <mat-label></mat-label>
+                <input #ruleNodeSearchInput matInput
+                       [(ngModel)]="ruleNodeTypeSearch"
+                       placeholder="{{'rulenode.search' | translate}}"/>
+              </mat-form-field>
+              <button mat-button mat-icon-button class="tb-small"
+                      [fxShow]="ruleNodeTypeSearch !== ''"
+                      (click)="ruleNodeTypeSearch = ''; updateRuleChainLibrary()"
+                      matTooltip="{{'action.clear-search' | translate}}"
+                      matTooltipPosition="above">
+                <mat-icon>close</mat-icon>
+              </button>
+              <button mat-button mat-icon-button class="tb-small"
+                      (click)="isLibraryOpen = false"
+                      matTooltip="{{'action.close' | translate}}"
+                      matTooltipPosition="above">
+                <mat-icon>chevron_left</mat-icon>
+              </button>
+            </div>
+          </mat-toolbar>
+          <div class="tb-rulechain-library-panel-group">
+            <mat-expansion-panel #ruleNodeTypeExpansionPanels
+                                 class="mat-elevation-z2"
+                                 [expanded]="true" *ngFor="let ruleNodeType of ruleNodeTypesLibraryArray">
+              <mat-expansion-panel-header expandedHeight="48px"
+                                          (mouseenter)="typeHeaderMouseEnter($event, ruleNodeType)"
+                                          (mouseleave)="destroyTooltips()">
+                <mat-panel-title>
+                  <mat-icon>{{ ruleNodeTypeDescriptorsMap.get(ruleNodeType).icon }}</mat-icon>
+                  <div class="tb-panel-title" translate>{{ ruleNodeTypeDescriptorsMap.get(ruleNodeType).name }}</div>
+                </mat-panel-title>
+              </mat-expansion-panel-header>
+              <fc-canvas id="tb-rulchain-{{ruleNodeType}}"
+                         [model]="ruleNodeTypesModel[ruleNodeType].model"
+                         [selectedObjects]="ruleNodeTypesModel[ruleNodeType].selectedObjects"
+                         [automaticResize]="false"
+                         fitModelSizeByDefault
+                         [userCallbacks]="nodeLibCallbacks"
+                         [nodeWidth]="170"
+                         [nodeHeight]="50"
+                         [dropTargetId]="'tb-rulchain-canvas'">
+              </fc-canvas>
+            </mat-expansion-panel>
+          </div>
+        </mat-drawer>
+        <mat-drawer class="tb-details-drawer"
+                    [opened]="isEditingRuleNode || isEditingRuleNodeLink"
+                    (closed)="onDetailsDrawerClosed()"
+                    mode="over"
+                    position="end">
+          <tb-details-panel *ngIf="editingRuleNode" fxFlex
+                            headerTitle="{{editingRuleNode.name}}"
+                            headerSubtitle="{{
+                              (ruleNodeTypeDescriptorsMap.get(editingRuleNode.component.type).name | translate)
+                              + ' - ' + editingRuleNode.component.name
+                            }}"
+                            [isReadOnly]="selectedRuleNodeTabIndex > 0"
+                            [isAlwaysEdit]="true"
+                            (closeDetails)="onEditRuleNodeClosed()"
+                            (toggleDetailsEditMode)="onRevertRuleNodeEdit()"
+                            (applyDetails)="saveRuleNode()"
+                            [theForm]="tbRuleNode.ruleNodeForm">
+            <div class="details-buttons">
+              <div [tb-help]="helpLinkIdForRuleNodeType()"></div>
+            </div>
+            <mat-tab-group fxFlex class="tb-absolute-fill tb-rulenode-details" [(selectedIndex)]="selectedRuleNodeTabIndex">
+              <mat-tab label="{{ 'rulenode.details' | translate }}">
+                <tb-rule-node #tbRuleNode
+                              [ruleNode]="editingRuleNode"
+                              [ruleChainId]="ruleChain.id?.id"
+                              [isEdit]="true"
+                              [isReadOnly]="false">
+                </tb-rule-node>
+              </mat-tab>
+              <mat-tab *ngIf="editingRuleNode.ruleNodeId" label="{{ 'rulenode.events' | translate }}" #eventsTab="matTab">
+                <tb-event-table [debugEventTypes]="[debugEventTypes.DEBUG_RULE_NODE]"
+                                [defaultEventType]="debugEventTypes.DEBUG_RULE_NODE"
+                                [active]="eventsTab.isActive"
+                                [tenantId]="ruleChain.tenantId.id"
+                                [entityId]="editingRuleNode.ruleNodeId"></tb-event-table>
+              </mat-tab>
+              <mat-tab label="{{ 'rulenode.help' | translate }}">
+                <div class="tb-rule-node-help">
+                  <div id="tb-node-content" class="mat-padding" fxLayout="column">
+                    <div class="tb-node-title">{{editingRuleNode.component.name}}</div>
+                    <div>&nbsp;</div>
+                    <div class="tb-node-description">{{editingRuleNode.component.configurationDescriptor.nodeDefinition.description}}</div>
+                    <div>&nbsp;</div>
+                    <div class="tb-node-details" [innerHtml]="editingRuleNode.component.configurationDescriptor.nodeDefinition.details"></div>
+                  </div>
+                </div>
+              </mat-tab>
+            </mat-tab-group>
+          </tb-details-panel>
+          <tb-details-panel *ngIf="editingRuleNodeLink" fxFlex
+                            headerTitle="{{editingRuleNodeLink.label}}"
+                            headerSubtitle="{{'rulenode.link-details' | translate}}"
+                            [isReadOnly]="false"
+                            [isAlwaysEdit]="true"
+                            (closeDetails)="onEditRuleNodeLinkClosed()"
+                            (toggleDetailsEditMode)="onRevertRuleNodeLinkEdit()"
+                            (applyDetails)="saveRuleNodeLink()"
+                            [theForm]="tbRuleNodeLink.ruleNodeLinkForm">
+            <div class="details-buttons">
+              <div [tb-help]="'ruleEngine'"></div>
+            </div>
+            <tb-rule-node-link
+              fxFlex
+              #tbRuleNodeLink
+              [(ngModel)]="editingRuleNodeLink"
+              [allowedLabels]="editingRuleNodeLinkLabels"
+              [allowCustom]="editingRuleNodeAllowCustomLabels">
+            </tb-rule-node-link>
+          </tb-details-panel>
+        </mat-drawer>
+        <mat-drawer-content class="tb-rulechain-graph-content">
+          <button mat-button
+                  type="button"
+                  mat-icon-button class="tb-fullscreen-button"
+                  (click)="isFullscreen = !isFullscreen"
+                  matTooltip="{{(isFullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
+                  matTooltipPosition="above">
+            <mat-icon>{{ isFullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+          </button>
+          <div class="tb-absolute-fill tb-rulechain-graph" (contextmenu)="openRuleChainContextMenu($event)">
+            <div #ruleChainMenuTrigger="matMenuTrigger" style="visibility: hidden; position: fixed"
+                 [style.left]="ruleChainMenuPosition.x"
+                 [style.top]="ruleChainMenuPosition.y"
+                 [matMenuTriggerFor]="ruleChainMenu">
+            </div>
+            <mat-menu #ruleChainMenu="matMenu" class="tb-rule-chain-context-menu"
+                      [overlapTrigger]="true">
+              <ng-template matMenuContent let-contextInfo="contextInfo">
+                <div class="tb-rule-chain-context-menu-container" (mouseleave)="onRuleChainContextMenuMouseLeave()">
+                  <div class="tb-context-menu-header {{contextInfo.headerClass}}">
+                    <mat-icon *ngIf="!contextInfo.iconUrl">{{contextInfo.icon}}</mat-icon>
+                    <img *ngIf="contextInfo.iconUrl" [src]="contextInfo.iconUrl"/>
+                    <div fxFlex>
+                      <div class="tb-context-menu-title">{{contextInfo.title}}</div>
+                      <div class="tb-context-menu-subtitle">{{contextInfo.subtitle}}</div>
+                    </div>
+                  </div>
+                  <div *ngFor="let menuItem of contextInfo.menuItems">
+                    <mat-divider *ngIf="menuItem.divider"></mat-divider>
+                    <button *ngIf="!menuItem.divider"
+                            mat-menu-item
+                            [disabled]="!menuItem.enabled"
+                            (click)="menuItem.action(contextMenuEvent)">
+                      <span *ngIf="menuItem.shortcut" class="tb-alt-text"> {{ menuItem.shortcut | keyboardShortcut }}</span>
+                      <mat-icon *ngIf="menuItem.icon">{{menuItem.icon}}</mat-icon>
+                      <span translate>{{menuItem.value}}</span>
+                    </button>
+                  </div>
+                </div>
+              </ng-template>
+            </mat-menu>
+            <fc-canvas #ruleChainCanvas
+                       id="tb-rulchain-canvas"
+                       [model]="ruleChainModel"
+                       (modelChanged)="onModelChanged()"
+                       [selectedObjects]="selectedObjects"
+                       [edgeStyle]="flowchartConstants.curvedStyle"
+                       [automaticResize]="true"
+                       fitModelSizeByDefault="false"
+                       [nodeWidth]="170"
+                       [nodeHeight]="50"
+                       [dragAnimation]="flowchartConstants.dragAnimationRepaint"
+                       [userCallbacks]="editCallbacks">
+            </fc-canvas>
+          </div>
+          <section fxLayout="row" class="layout-wrap tb-footer-buttons" fxLayoutAlign="start end">
+            <button [disabled]="isLoading$ | async"
+                    mat-fab color="accent" class="tb-btn-footer"
+                    [ngClass]="{'tb-hide': !objectsSelected()}"
+                    (click)="deleteSelected()"
+                    matTooltip="{{ 'rulenode.delete-selected-objects' | translate }}"
+                    matTooltipPosition="above">
+              <mat-icon>delete</mat-icon>
+            </button>
+            <button [disabled]="(isLoading$ | async) || !isDebugModeEnabled()"
+                    mat-fab color="accent" class="tb-btn-footer"
+                    (click)="resetDebugModeInAllNodes()"
+                    matTooltip="{{ 'rulenode.reset-debug-mode' | translate }}"
+                    matTooltipPosition="above">
+              <mat-icon>bug_report</mat-icon>
+            </button>
+            <button [disabled]="(isLoading$ | async) || isInvalid || (!isDirtyValue && !isImport)"
+                    mat-fab color="accent" class="tb-btn-footer"
+                    (click)="saveRuleChain()"
+                    matTooltip="{{ 'action.apply-changes' | translate }}"
+                    matTooltipPosition="above">
+              <mat-icon>done</mat-icon>
+            </button>
+            <button [disabled]="(isLoading$ | async) || !isDirtyValue"
+                    mat-fab color="accent" class="tb-btn-footer"
+                    (click)="revertRuleChain()"
+                    matTooltip="{{ 'action.decline-changes' | translate }}"
+                    matTooltipPosition="above">
+              <mat-icon>close</mat-icon>
+            </button>
+          </section>
+        </mat-drawer-content>
+      </mat-drawer-container>
+    </div>
+  </section>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.scss b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.scss
new file mode 100644
index 0000000000..d0bbc57628
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.scss
@@ -0,0 +1,352 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import './rule-node-colors';
+
+.tb-rulechain {
+  width: 100%;
+  height: 100%;
+
+  .mat-tab-group.tb-rulenode-details {
+    > .mat-tab-body-wrapper {
+      position: absolute;
+      top: 49px;
+      left: 0;
+      right: 0;
+      bottom: 0;
+    }
+    > .mat-tab-header {
+      .mat-tab-label {
+        min-width: 40px;
+      }
+    }
+  }
+
+  button.mat-button.mat-icon-button.tb-fullscreen-button {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    background: #ccc;
+    color: #666;
+    opacity: .85;
+    margin: 0 6px;
+    z-index: 2;
+  }
+  section.tb-header-buttons.tb-library-open {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    pointer-events: none;
+
+    .mat-fab {
+      .mat-button-wrapper {
+        padding: 0;
+      }
+    }
+
+    .mat-button.tb-btn-open-library {
+      top: 0;
+      left: 0;
+      width: 36px;
+      height: 36px;
+      margin: 4px 0 0 4px;
+      line-height: 36px;
+      opacity: .5;
+    }
+  }
+
+  .tb-rulechain-library {
+    z-index: 1;
+    width: 250px;
+    min-width: 250px;
+
+    .mat-toolbar {
+      height: 48px;
+      min-height: 48px;
+      padding: 0;
+
+      .mat-toolbar-tools {
+        height: 48px;
+        padding: 0 6px;
+        font-size: 14px;
+
+        .mat-form-field {
+          .mat-form-field-infix {
+            width: auto;
+          }
+        }
+
+        .mat-button.mat-icon-button {
+          margin: 0;
+
+          &.tb-small {
+            width: 32px;
+            height: 32px;
+            min-height: 32px;
+            padding: 6px;
+            line-height: 20px;
+            mat-icon {
+              width: 20px;
+              min-width: 20px;
+              height: 20px;
+              min-height: 20px;
+              font-size: 20px;
+              line-height: 20px;
+            }
+          }
+        }
+      }
+    }
+    .tb-rulechain-library-panel-group {
+      overflow-x: hidden;
+      overflow-y: auto;
+      .mat-expansion-panel {
+        border-radius: 0px;
+        &:last-child {
+          margin-bottom: 5px;
+        }
+        .mat-expansion-panel-header {
+          background: #e6e6e6;
+          &:hover {
+            background: #dadada;
+          }
+          .mat-expansion-panel-header-title {
+            line-height: 48px;
+            height: 48px;
+            .mat-icon {
+              min-width: 24px;
+              margin: auto 8px auto auto;
+            }
+            .tb-panel-title {
+              min-width: 140px;
+              user-select: none;
+            }
+          }
+        }
+        &.mat-expanded {
+          .mat-expansion-panel-header {
+            border-bottom: 1px solid;
+            border-color: #909090;
+          }
+        }
+      }
+      .mat-expansion-panel-body {
+        padding: 0;
+      }
+      .fc-canvas {
+        background: #f9f9f9;
+      }
+    }
+  }
+  .mat-drawer-content.tb-rulechain-graph-content {
+    overflow: hidden;
+    .tb-rulechain-graph {
+      z-index: 0;
+      overflow: auto;
+    }
+  }
+  .fc-canvas {
+    .fc-node {
+      border-radius: 8px;
+      &.fc-selected {
+        &:not(.fc-edit) {
+          margin: -3px;
+          border: solid 3px #f00;
+        }
+      }
+    }
+
+    .fc-edit {
+      .fc-nodeedit,
+      .fc-nodedelete {
+        box-sizing: content-box;
+        border: solid 2px #fff;
+        background: #f83e05;
+        outline: none;
+      }
+    }
+
+    .fc-arrow-marker {
+      polygon {
+        fill: #808080;
+        stroke: #808080;
+      }
+    }
+
+    .fc-arrow-marker-selected {
+      polygon {
+        fill: #f00;
+        stroke: #f00;
+      }
+    }
+
+    .fc-edge {
+      outline: none;
+      stroke: #808080;
+
+      &.fc-selected {
+        stroke: #f00;
+      }
+
+      &.fc-hover {
+        stroke: #808080;
+      }
+    }
+
+    .edge-endpoint {
+      fill: #808080;
+    }
+
+    .fc-edge-label {
+      opacity: 1 !important;
+      &:focus {
+        outline: 0;
+      }
+
+      &.fc-selected {
+        .fc-edge-label-text {
+          span {
+            color: #fff !important;
+            background-color: #f00 !important;
+            border: solid #f00 !important;
+          }
+        }
+      }
+
+      .fc-edge-label-text {
+        font-size: 14px !important;
+        font-weight: 600 !important;
+
+        span {
+          background-color: #fff !important;
+          color: #003a79 !important;
+          border: solid 2px #003a79 !important;
+        }
+      }
+    }
+  }
+}
+
+.tb-rule-node-tooltip,
+.tb-rule-node-help {
+  color: #333;
+}
+
+.tb-rule-node-tooltip {
+  max-width: 300px;
+  font-size: 14px;
+
+  &.tb-lib-tooltip {
+    width: 300px;
+  }
+}
+
+.tb-rule-node-help {
+  font-size: 16px;
+}
+
+.tb-rule-node-error-tooltip {
+  font-size: 16px;
+  color: #ea0d0d;
+}
+
+.tb-rule-node-tooltip,
+.tb-rule-node-error-tooltip,
+.tb-rule-node-help {
+  #tb-node-content {
+    .tb-node-title {
+      font-weight: 600;
+    }
+
+    .tb-node-description {
+      font-style: italic;
+      color: #555;
+    }
+
+    .tb-node-details {
+      padding-top: 10px;
+      padding-bottom: 10px;
+    }
+
+    code {
+      padding: 0 3px 2px 3px;
+      margin: 1px;
+      font-size: 12px;
+      color: #ad1625;
+      white-space: nowrap;
+      background-color: #f7f7f9;
+      border: 1px solid #e1e1e8;
+      border-radius: 2px;
+    }
+  }
+}
+
+.tb-rule-chain-context-menu {
+  min-width: 256px;
+  max-height: 404px;
+  border-radius: 8px;
+  margin-left: -20px;
+
+  &.mat-menu-below {
+    margin-top: -60px;
+  }
+
+  .mat-menu-content {
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    .tb-rule-chain-context-menu-container {
+      pointer-events: auto;
+      padding: 0 0 8px;
+      display: flex;
+      flex-direction: column;
+      overflow-y: auto;
+    }
+  }
+
+  .tb-context-menu-header {
+    display: flex;
+    flex-direction: row;
+    height: 36px;
+    min-height: 36px;
+    padding: 8px 5px 5px;
+    font-size: 14px;
+
+    @include rule-node-colors();
+
+    &.tb-rulechain-header {
+      background-color: #aac7e4;
+    }
+
+    &.tb-link-header {
+      background-color: #aac7e4;
+    }
+
+    .mat-icon {
+      padding-right: 10px;
+      padding-left: 2px;
+      margin: auto;
+    }
+
+    .tb-context-menu-title {
+      font-weight: 500;
+    }
+
+    .tb-context-menu-subtitle {
+      font-size: 12px;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.ts b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.ts
new file mode 100644
index 0000000000..1b5e34a0f5
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.ts
@@ -0,0 +1,1526 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  AfterViewInit,
+  Component,
+  ElementRef,
+  HostBinding,
+  Inject,
+  OnInit,
+  QueryList,
+  SkipSelf,
+  ViewChild,
+  ViewChildren,
+  ViewEncapsulation
+} from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm, Validators } from '@angular/forms';
+import { HasDirtyFlag } from '@core/guards/confirm-on-exit.guard';
+import { TranslateService } from '@ngx-translate/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { MatExpansionPanel } from '@angular/material/expansion';
+import { DialogService } from '@core/services/dialog.service';
+import { AuthService } from '@core/auth/auth.service';
+import { ActivatedRoute, Router } from '@angular/router';
+import {
+  inputNodeComponent, NodeConnectionInfo,
+  ResolvedRuleChainMetaData,
+  RuleChain,
+  RuleChainConnectionInfo, RuleChainImport,
+  RuleChainMetaData,
+  ruleChainNodeComponent
+} from '@shared/models/rule-chain.models';
+import { FcItemInfo, FlowchartConstants, NgxFlowchartComponent, UserCallbacks } from 'ngx-flowchart/dist/ngx-flowchart';
+import {
+  FcRuleEdge,
+  FcRuleNode,
+  FcRuleNodeType,
+  getRuleNodeHelpLink,
+  LinkLabel,
+  RuleNode,
+  RuleNodeComponentDescriptor,
+  RuleNodeType,
+  ruleNodeTypeDescriptors,
+  ruleNodeTypesLibrary
+} from '@shared/models/rule-node.models';
+import { FcRuleNodeModel, FcRuleNodeTypeModel, RuleChainMenuContextInfo } from './rulechain-page.models';
+import { RuleChainService } from '@core/http/rule-chain.service';
+import { fromEvent, NEVER, Observable, of } from 'rxjs';
+import { debounceTime, distinctUntilChanged, mergeMap, tap } from 'rxjs/operators';
+import { ISearchableComponent } from '../../models/searchable-component.models';
+import { deepClone } from '@core/utils';
+import { RuleNodeDetailsComponent } from '@home/pages/rulechain/rule-node-details.component';
+import { RuleNodeLinkComponent } from './rule-node-link.component';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { MatMenuTrigger } from '@angular/material/menu';
+import { ItemBufferService, RuleNodeConnection } from '@core/services/item-buffer.service';
+import { Hotkey } from 'angular2-hotkeys';
+import { EntityType } from '@shared/models/entity-type.models';
+import Timeout = NodeJS.Timeout;
+import { DebugEventType, EventType } from '@shared/models/event.models';
+
+@Component({
+  selector: 'tb-rulechain-page',
+  templateUrl: './rulechain-page.component.html',
+  styleUrls: ['./rulechain-page.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class RuleChainPageComponent extends PageComponent
+  implements AfterViewInit, OnInit, HasDirtyFlag, ISearchableComponent {
+
+  get isDirty(): boolean {
+    return this.isDirtyValue || this.isImport;
+  }
+
+  @HostBinding('style.width') width = '100%';
+  @HostBinding('style.height') height = '100%';
+
+  @ViewChild('ruleNodeSearchInput') ruleNodeSearchInputField: ElementRef;
+
+  @ViewChild('ruleChainCanvas', {static: true}) ruleChainCanvas: NgxFlowchartComponent;
+
+  @ViewChildren('ruleNodeTypeExpansionPanels',
+    {read: MatExpansionPanel}) expansionPanels: QueryList<MatExpansionPanel>;
+
+  @ViewChild('ruleChainMenuTrigger', {static: true}) ruleChainMenuTrigger: MatMenuTrigger;
+
+  eventTypes = EventType;
+
+  debugEventTypes = DebugEventType;
+
+  ruleChainMenuPosition = { x: '0px', y: '0px' };
+
+  contextMenuEvent: MouseEvent;
+
+  ruleNodeTypeDescriptorsMap = ruleNodeTypeDescriptors;
+  ruleNodeTypesLibraryArray = ruleNodeTypesLibrary;
+
+  isImport: boolean;
+  isDirtyValue: boolean;
+  isInvalid = false;
+
+  errorTooltips: {[nodeId: string]: JQueryTooltipster.ITooltipsterInstance} = {};
+  isFullscreen = false;
+
+  selectedRuleNodeTabIndex = 0;
+  editingRuleNode: FcRuleNode = null;
+  isEditingRuleNode = false;
+  editingRuleNodeIndex = -1;
+  editingRuleNodeAllowCustomLabels = false;
+  editingRuleNodeLinkLabels: {[label: string]: LinkLabel};
+
+  @ViewChild('tbRuleNode') ruleNodeComponent: RuleNodeDetailsComponent;
+  @ViewChild('tbRuleNodeLink') ruleNodeLinkComponent: RuleNodeLinkComponent;
+
+  editingRuleNodeLink: FcRuleEdge = null;
+  isEditingRuleNodeLink = false;
+  editingRuleNodeLinkIndex = -1;
+
+  hotKeys: Hotkey[] = [];
+
+  enableHotKeys = true;
+  isLibraryOpen = true;
+
+  ruleNodeSearch = '';
+  ruleNodeTypeSearch = '';
+
+  ruleChain: RuleChain;
+  ruleChainMetaData: ResolvedRuleChainMetaData;
+
+  ruleChainModel: FcRuleNodeModel = {
+    nodes: [],
+    edges: []
+  };
+  selectedObjects = [];
+
+  editCallbacks: UserCallbacks = {
+    edgeDoubleClick: (event, edge) => {
+      this.openLinkDetails(edge);
+    },
+    edgeEdit: (event, edge) => {
+      this.openLinkDetails(edge);
+    },
+    nodeCallbacks: {
+      doubleClick: (event, node: FcRuleNode) => {
+        this.openNodeDetails(node);
+      },
+      nodeEdit: (event, node: FcRuleNode) => {
+        this.openNodeDetails(node);
+      },
+      mouseEnter: this.displayNodeDescriptionTooltip.bind(this),
+      mouseLeave: this.destroyTooltips.bind(this),
+      mouseDown: this.destroyTooltips.bind(this)
+    },
+    isValidEdge: (source, destination) => {
+      return source.type === FlowchartConstants.rightConnectorType && destination.type === FlowchartConstants.leftConnectorType;
+    },
+    createEdge: (event, edge: FcRuleEdge) => {
+      const sourceNode = this.ruleChainCanvas.modelService.nodes.getNodeByConnectorId(edge.source) as FcRuleNode;
+      if (sourceNode.component.type === RuleNodeType.INPUT) {
+        const destNode = this.ruleChainCanvas.modelService.nodes.getNodeByConnectorId(edge.destination) as FcRuleNode;
+        if (destNode.component.type === RuleNodeType.RULE_CHAIN) {
+          return NEVER;
+        } else {
+          const found = this.ruleChainModel.edges.find(theEdge => theEdge.source === (this.inputConnectorId + ''));
+          if (found) {
+            this.ruleChainCanvas.modelService.edges.delete(found);
+          }
+          return of(edge);
+        }
+      } else {
+        if (edge.label) {
+          if (!edge.labels) {
+            edge.labels = edge.label.split(' / ');
+          }
+          return of(edge);
+        } else {
+          const labels = this.ruleChainService.getRuleNodeSupportedLinks(sourceNode.component);
+          const allowCustomLabels = this.ruleChainService.ruleNodeAllowCustomLinks(sourceNode.component);
+          this.enableHotKeys = false;
+          return this.addRuleNodeLink(edge, labels, allowCustomLabels).pipe(
+            tap(() => {
+                this.enableHotKeys = true;
+            }),
+            mergeMap((res) => {
+              if (res) {
+                return of(res);
+              } else {
+                return NEVER;
+              }
+            })
+          );
+        }
+      }
+    },
+    dropNode: (event, node: FcRuleNode) => {
+      this.addRuleNode(node);
+    }
+  };
+
+  nextNodeID: number;
+  nextConnectorID: number;
+  inputConnectorId: number;
+
+  ruleNodeTypesModel: {[type: string]: {model: FcRuleNodeTypeModel, selectedObjects: any[]}} = {};
+
+  nodeLibCallbacks: UserCallbacks = {
+    nodeCallbacks: {
+      mouseEnter: this.displayLibNodeDescriptionTooltip.bind(this),
+      mouseLeave: this.destroyTooltips.bind(this),
+      mouseDown: this.destroyTooltips.bind(this)
+    }
+  };
+
+  ruleNodeComponents: Array<RuleNodeComponentDescriptor>;
+
+  flowchartConstants = FlowchartConstants;
+
+  private tooltipTimeout: Timeout;
+
+  constructor(protected store: Store<AppState>,
+              private route: ActivatedRoute,
+              private router: Router,
+              private ruleChainService: RuleChainService,
+              private authService: AuthService,
+              private translate: TranslateService,
+              private itembuffer: ItemBufferService,
+              public dialog: MatDialog,
+              public dialogService: DialogService,
+              public fb: FormBuilder) {
+    super(store);
+    this.init();
+  }
+
+  ngOnInit() {
+  }
+
+  ngAfterViewInit() {
+    fromEvent(this.ruleNodeSearchInputField.nativeElement, 'keyup')
+      .pipe(
+        debounceTime(150),
+        distinctUntilChanged(),
+        tap(() => {
+          this.updateRuleChainLibrary();
+        })
+      )
+      .subscribe();
+    this.ruleChainCanvas.adjustCanvasSize(true);
+  }
+
+  onSearchTextUpdated(searchText: string) {
+    this.ruleNodeSearch = searchText;
+    this.updateRuleNodesHighlight();
+  }
+
+  private init() {
+    this.initHotKeys();
+    this.isImport = this.route.snapshot.data.import;
+    if (this.isImport) {
+      const ruleChainImport: RuleChainImport = this.itembuffer.getRuleChainImport();
+      this.ruleChain = ruleChainImport.ruleChain;
+      this.ruleChainMetaData = ruleChainImport.resolvedMetadata;
+    } else {
+      this.ruleChain = this.route.snapshot.data.ruleChain;
+      this.ruleChainMetaData = this.route.snapshot.data.ruleChainMetaData;
+    }
+    this.ruleNodeComponents = this.route.snapshot.data.ruleNodeComponents;
+    for (const type of ruleNodeTypesLibrary) {
+      const desc = ruleNodeTypeDescriptors.get(type);
+      if (!desc.special) {
+        this.ruleNodeTypesModel[type] = {
+          model: {
+            nodes: [],
+            edges: []
+          },
+          selectedObjects: []
+        };
+      }
+    }
+    this.updateRuleChainLibrary();
+    this.createRuleChainModel();
+  }
+
+  private initHotKeys(): void {
+    this.hotKeys.push(
+      new Hotkey('ctrl+a', (event: KeyboardEvent) => {
+          if (this.enableHotKeys) {
+            event.preventDefault();
+            this.ruleChainCanvas.modelService.selectAll();
+            return false;
+          }
+          return true;
+        }, ['INPUT', 'SELECT', 'TEXTAREA'],
+        this.translate.instant('rulenode.select-all-objects'))
+    );
+    this.hotKeys.push(
+      new Hotkey('ctrl+c', (event: KeyboardEvent) => {
+          if (this.enableHotKeys) {
+            event.preventDefault();
+            this.copyRuleNodes();
+            return false;
+          }
+          return true;
+        }, ['INPUT', 'SELECT', 'TEXTAREA'],
+        this.translate.instant('rulenode.copy-selected'))
+    );
+    this.hotKeys.push(
+      new Hotkey('ctrl+v', (event: KeyboardEvent) => {
+          if (this.enableHotKeys) {
+            event.preventDefault();
+            if (this.itembuffer.hasRuleNodes()) {
+              this.pasteRuleNodes();
+            }
+            return false;
+          }
+          return true;
+        }, ['INPUT', 'SELECT', 'TEXTAREA'],
+        this.translate.instant('action.paste'))
+    );
+    this.hotKeys.push(
+      new Hotkey('esc', (event: KeyboardEvent) => {
+          if (this.enableHotKeys) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.ruleChainCanvas.modelService.deselectAll();
+            return false;
+          }
+          return true;
+        }, ['INPUT', 'SELECT', 'TEXTAREA'],
+        this.translate.instant('rulenode.deselect-all-objects'))
+    );
+    this.hotKeys.push(
+      new Hotkey('ctrl+s', (event: KeyboardEvent) => {
+          if (this.enableHotKeys) {
+            event.preventDefault();
+            this.saveRuleChain();
+            return false;
+          }
+          return true;
+        }, ['INPUT', 'SELECT', 'TEXTAREA'],
+        this.translate.instant('action.apply'))
+    );
+    this.hotKeys.push(
+      new Hotkey('ctrl+z', (event: KeyboardEvent) => {
+          if (this.enableHotKeys) {
+            event.preventDefault();
+            this.revertRuleChain();
+            return false;
+          }
+          return true;
+        }, ['INPUT', 'SELECT', 'TEXTAREA'],
+        this.translate.instant('action.decline-changes'))
+    );
+    this.hotKeys.push(
+      new Hotkey('del', (event: KeyboardEvent) => {
+          if (this.enableHotKeys) {
+            event.preventDefault();
+            this.ruleChainCanvas.modelService.deleteSelected();
+            return false;
+          }
+          return true;
+        }, ['INPUT', 'SELECT', 'TEXTAREA'],
+        this.translate.instant('rulenode.delete-selected-objects'))
+    );
+  }
+
+  updateRuleChainLibrary() {
+    const search = this.ruleNodeTypeSearch.toUpperCase();
+    const res = this.ruleNodeComponents.filter(
+      (ruleNodeComponent) => ruleNodeComponent.name.toUpperCase().includes(search));
+    this.loadRuleChainLibrary(res);
+  }
+
+  private loadRuleChainLibrary(ruleNodeComponents: Array<RuleNodeComponentDescriptor>) {
+    for (const componentType of Object.keys(this.ruleNodeTypesModel)) {
+      this.ruleNodeTypesModel[componentType].model.nodes.length = 0;
+    }
+    ruleNodeComponents.forEach((ruleNodeComponent) => {
+      const componentType = ruleNodeComponent.type;
+      const model = this.ruleNodeTypesModel[componentType].model;
+      const desc = ruleNodeTypeDescriptors.get(RuleNodeType[componentType]);
+      let icon = desc.icon;
+      let iconUrl = null;
+      if (ruleNodeComponent.configurationDescriptor.nodeDefinition.icon) {
+        icon = ruleNodeComponent.configurationDescriptor.nodeDefinition.icon;
+      }
+      if (ruleNodeComponent.configurationDescriptor.nodeDefinition.iconUrl) {
+        iconUrl = ruleNodeComponent.configurationDescriptor.nodeDefinition.iconUrl;
+      }
+      const node: FcRuleNodeType = {
+        id: 'node-lib-' + componentType + '-' + model.nodes.length,
+        component: ruleNodeComponent,
+        name: '',
+        nodeClass: desc.nodeClass,
+        icon,
+        iconUrl,
+        x: 30,
+        y: 10 + 50 * model.nodes.length,
+        connectors: []
+      };
+      if (ruleNodeComponent.configurationDescriptor.nodeDefinition.inEnabled) {
+        node.connectors.push(
+          {
+            type: FlowchartConstants.leftConnectorType,
+            id: (model.nodes.length * 2) + ''
+          }
+        );
+      }
+      if (ruleNodeComponent.configurationDescriptor.nodeDefinition.outEnabled) {
+        node.connectors.push(
+          {
+            type: FlowchartConstants.rightConnectorType,
+            id: (model.nodes.length * 2 + 1) + ''
+          }
+        );
+      }
+      model.nodes.push(node);
+    });
+    if (this.expansionPanels) {
+      for (let i = 0; i < ruleNodeTypesLibrary.length; i++) {
+        const panel = this.expansionPanels.find((item, index) => {
+          return index === i;
+        });
+        if (panel) {
+          const type = ruleNodeTypesLibrary[i];
+          if (!this.ruleNodeTypesModel[type].model.nodes.length) {
+            panel.close();
+          } else {
+            panel.open();
+          }
+        }
+      }
+    }
+  }
+
+  private createRuleChainModel() {
+    this.nextNodeID = 1;
+    this.nextConnectorID = 1;
+
+    this.selectedObjects = [];
+    this.ruleChainModel.nodes = [];
+    this.ruleChainModel.edges = [];
+
+    this.inputConnectorId = this.nextConnectorID++;
+    this.ruleChainModel.nodes.push(
+      {
+        id: 'rule-chain-node-' + this.nextNodeID++,
+        component: inputNodeComponent,
+        name: '',
+        nodeClass: ruleNodeTypeDescriptors.get(RuleNodeType.INPUT).nodeClass,
+        icon: ruleNodeTypeDescriptors.get(RuleNodeType.INPUT).icon,
+        readonly: true,
+        x: 50,
+        y: 150,
+        connectors: [
+          {
+            type: FlowchartConstants.rightConnectorType,
+            id: this.inputConnectorId + ''
+          },
+        ]
+
+      }
+    );
+    const nodes: FcRuleNode[] = [];
+    this.ruleChainMetaData.nodes.forEach((ruleNode) => {
+      const component = this.ruleChainService.getRuleNodeComponentByClazz(ruleNode.type);
+      const descriptor = ruleNodeTypeDescriptors.get(component.type);
+      let icon = descriptor.icon;
+      let iconUrl = null;
+      if (component.configurationDescriptor.nodeDefinition.icon) {
+        icon = component.configurationDescriptor.nodeDefinition.icon;
+      }
+      if (component.configurationDescriptor.nodeDefinition.iconUrl) {
+        iconUrl = component.configurationDescriptor.nodeDefinition.iconUrl;
+      }
+      const node: FcRuleNode = {
+        id: 'rule-chain-node-' + this.nextNodeID++,
+        ruleNodeId: ruleNode.id,
+        additionalInfo: ruleNode.additionalInfo,
+        configuration: ruleNode.configuration,
+        debugMode: ruleNode.debugMode,
+        x: Math.round(ruleNode.additionalInfo.layoutX),
+        y: Math.round(ruleNode.additionalInfo.layoutY),
+        component,
+        name: ruleNode.name,
+        nodeClass: descriptor.nodeClass,
+        icon,
+        iconUrl,
+        connectors: []
+      };
+      if (component.configurationDescriptor.nodeDefinition.inEnabled) {
+        node.connectors.push(
+          {
+            type: FlowchartConstants.leftConnectorType,
+            id: (this.nextConnectorID++) + ''
+          }
+        );
+      }
+      if (component.configurationDescriptor.nodeDefinition.outEnabled) {
+        node.connectors.push(
+          {
+            type: FlowchartConstants.rightConnectorType,
+            id: (this.nextConnectorID++) + ''
+          }
+        );
+      }
+      nodes.push(node);
+      this.ruleChainModel.nodes.push(node);
+    });
+    if (this.ruleChainMetaData.firstNodeIndex > -1) {
+      const destNode = nodes[this.ruleChainMetaData.firstNodeIndex];
+      if (destNode) {
+        const connectors = destNode.connectors.filter(connector => connector.type === FlowchartConstants.leftConnectorType);
+        if (connectors && connectors.length) {
+          const edge: FcRuleEdge = {
+            source: this.inputConnectorId + '',
+            destination: connectors[0].id
+          };
+          this.ruleChainModel.edges.push(edge);
+        }
+      }
+    }
+    if (this.ruleChainMetaData.connections) {
+      const edgeMap: {[edgeKey: string]: FcRuleEdge} = {};
+      this.ruleChainMetaData.connections.forEach((connection) => {
+        const sourceNode = nodes[connection.fromIndex];
+        const destNode = nodes[connection.toIndex];
+        if (sourceNode && destNode) {
+          const sourceConnectors = sourceNode.connectors.filter(connector => connector.type === FlowchartConstants.rightConnectorType);
+          const destConnectors = destNode.connectors.filter(connector => connector.type === FlowchartConstants.leftConnectorType);
+          if (sourceConnectors && sourceConnectors.length && destConnectors && destConnectors.length) {
+            const sourceId = sourceConnectors[0].id;
+            const destId = destConnectors[0].id;
+            const edgeKey = sourceId + '_' + destId;
+            let edge = edgeMap[edgeKey];
+            if (!edge) {
+              edge = {
+                source: sourceId,
+                destination: destId,
+                label: connection.type,
+                labels: [connection.type]
+              };
+              edgeMap[edgeKey] = edge;
+              this.ruleChainModel.edges.push(edge);
+            } else {
+              edge.label += ' / ' + connection.type;
+              edge.labels.push(connection.type);
+            }
+          }
+        }
+      });
+    }
+    if (this.ruleChainMetaData.ruleChainConnections) {
+      const ruleChainsMap = this.ruleChainMetaData.targetRuleChainsMap;
+      const ruleChainNodesMap: {[ruleChainNodeId: string]: FcRuleNode} = {};
+      const ruleChainEdgeMap: {[edgeKey: string]: FcRuleEdge} = {};
+      this.ruleChainMetaData.ruleChainConnections.forEach((ruleChainConnection) => {
+        const ruleChain = ruleChainsMap[ruleChainConnection.targetRuleChainId.id];
+        if (ruleChainConnection.additionalInfo && ruleChainConnection.additionalInfo.ruleChainNodeId) {
+          let ruleChainNode = ruleChainNodesMap[ruleChainConnection.additionalInfo.ruleChainNodeId];
+          if (!ruleChainNode) {
+            ruleChainNode = {
+              id: 'rule-chain-node-' + this.nextNodeID++,
+              name: ruleChain.name ? ruleChain.name : 'Unresolved',
+              targetRuleChainId: ruleChain.name ? ruleChainConnection.targetRuleChainId.id : null,
+              error: ruleChain.name ? undefined : this.translate.instant('rulenode.invalid-target-rulechain'),
+              additionalInfo: ruleChainConnection.additionalInfo,
+              x: Math.round(ruleChainConnection.additionalInfo.layoutX),
+              y: Math.round(ruleChainConnection.additionalInfo.layoutY),
+              component: ruleChainNodeComponent,
+              nodeClass: ruleNodeTypeDescriptors.get(RuleNodeType.RULE_CHAIN).nodeClass,
+              icon: ruleNodeTypeDescriptors.get(RuleNodeType.RULE_CHAIN).icon,
+              connectors: [
+                {
+                  type: FlowchartConstants.leftConnectorType,
+                  id: (this.nextConnectorID++) + ''
+                }
+              ]
+            };
+            ruleChainNodesMap[ruleChainConnection.additionalInfo.ruleChainNodeId] = ruleChainNode;
+            this.ruleChainModel.nodes.push(ruleChainNode);
+          }
+          const sourceNode = nodes[ruleChainConnection.fromIndex];
+          if (sourceNode) {
+            const connectors = sourceNode.connectors.filter(connector => connector.type === FlowchartConstants.rightConnectorType);
+            if (connectors && connectors.length) {
+              const sourceId = connectors[0].id;
+              const destId = ruleChainNode.connectors[0].id;
+              const edgeKey = sourceId + '_' + destId;
+              let ruleChainEdge = ruleChainEdgeMap[edgeKey];
+              if (!ruleChainEdge) {
+                ruleChainEdge = {
+                  source: sourceId,
+                  destination: destId,
+                  label: ruleChainConnection.type,
+                  labels: [ruleChainConnection.type]
+                };
+                ruleChainEdgeMap[edgeKey] = ruleChainEdge;
+                this.ruleChainModel.edges.push(ruleChainEdge);
+              } else {
+                ruleChainEdge.label += ' / ' + ruleChainConnection.type;
+                ruleChainEdge.labels.push(ruleChainConnection.type);
+              }
+            }
+          }
+        }
+      });
+    }
+    if (this.ruleChainCanvas) {
+      this.ruleChainCanvas.adjustCanvasSize(true);
+    }
+    this.isDirtyValue = false;
+    this.updateRuleNodesHighlight();
+    this.validate();
+  }
+
+  openRuleChainContextMenu($event: MouseEvent) {
+    if (this.ruleChainCanvas.modelService && !$event.ctrlKey && !$event.metaKey) {
+      const x = $event.clientX;
+      const y = $event.clientY;
+      const item = this.ruleChainCanvas.modelService.getItemInfoAtPoint(x, y);
+      const contextInfo = this.prepareContextMenu(item);
+      if (contextInfo.menuItems && contextInfo.menuItems.length > 0) {
+        $event.preventDefault();
+        $event.stopPropagation();
+        this.contextMenuEvent = $event;
+        this.ruleChainMenuPosition.x = x + 'px';
+        this.ruleChainMenuPosition.y = y + 'px';
+        this.ruleChainMenuTrigger.menuData = { contextInfo };
+        this.ruleChainMenuTrigger.openMenu();
+      }
+    }
+  }
+
+  onRuleChainContextMenuMouseLeave() {
+    this.ruleChainMenuTrigger.closeMenu();
+  }
+
+  private prepareContextMenu(item: FcItemInfo): RuleChainMenuContextInfo {
+    if (this.objectsSelected() || (!item.node && !item.edge)) {
+      return this.prepareRuleChainContextMenu();
+    } else if (item.node) {
+      return this.prepareRuleNodeContextMenu(item.node);
+    } else if (item.edge) {
+      return this.prepareEdgeContextMenu(item.edge);
+    }
+  }
+
+  private prepareRuleChainContextMenu(): RuleChainMenuContextInfo {
+    const contextInfo: RuleChainMenuContextInfo = {
+      headerClass: 'tb-rulechain-header',
+      icon: 'settings_ethernet',
+      title: this.ruleChain.name,
+      subtitle: this.translate.instant('rulechain.rulechain'),
+      menuItems: []
+    };
+    if (this.ruleChainCanvas.modelService.nodes.getSelectedNodes().length) {
+      contextInfo.menuItems.push(
+        {
+          action: () => {
+            this.copyRuleNodes();
+          },
+          enabled: true,
+          value: 'rulenode.copy-selected',
+          icon: 'content_copy',
+          shortcut: 'M-C'
+        }
+      );
+    }
+    contextInfo.menuItems.push(
+      {
+        action: ($event) => {
+          this.pasteRuleNodes($event);
+        },
+        enabled: this.itembuffer.hasRuleNodes(),
+        value: 'action.paste',
+        icon: 'content_paste',
+        shortcut: 'M-V'
+      }
+    );
+    contextInfo.menuItems.push(
+      {
+        divider: true
+      }
+    );
+    if (this.objectsSelected()) {
+      contextInfo.menuItems.push(
+        {
+          action: () => {
+            this.ruleChainCanvas.modelService.deselectAll();
+          },
+          enabled: true,
+          value: 'rulenode.deselect-all',
+          icon: 'tab_unselected',
+          shortcut: 'Esc'
+        }
+      );
+      contextInfo.menuItems.push(
+        {
+          action: () => {
+            this.ruleChainCanvas.modelService.deleteSelected();
+          },
+          enabled: true,
+          value: 'rulenode.delete-selected',
+          icon: 'clear',
+          shortcut: 'Del'
+        }
+      );
+    } else {
+      contextInfo.menuItems.push(
+        {
+          action: () => {
+            this.ruleChainCanvas.modelService.selectAll();
+          },
+          enabled: true,
+          value: 'rulenode.select-all',
+          icon: 'select_all',
+          shortcut: 'M-A'
+        }
+      );
+    }
+    contextInfo.menuItems.push(
+      {
+        divider: true
+      }
+    );
+    contextInfo.menuItems.push(
+      {
+        action: () => {
+          this.saveRuleChain();
+        },
+        enabled: !(this.isInvalid || (!this.isDirty && !this.isImport)),
+        value: 'action.apply-changes',
+        icon: 'done',
+        shortcut: 'M-S'
+      }
+    );
+    contextInfo.menuItems.push(
+      {
+        action: () => {
+          this.revertRuleChain();
+        },
+        enabled: this.isDirty,
+        value: 'action.decline-changes',
+        icon: 'close',
+        shortcut: 'M-Z'
+      }
+    );
+    return contextInfo;
+  }
+
+  private prepareRuleNodeContextMenu(node: FcRuleNode): RuleChainMenuContextInfo {
+    const contextInfo: RuleChainMenuContextInfo = {
+      headerClass: node.nodeClass,
+      icon: node.icon,
+      iconUrl: node.iconUrl,
+      title: node.name,
+      subtitle: node.component.name,
+      menuItems: []
+    };
+    if (!node.readonly) {
+      contextInfo.menuItems.push(
+        {
+          action: () => {
+            this.openNodeDetails(node);
+          },
+          enabled: true,
+          value: 'rulenode.details',
+          icon: 'menu'
+        }
+      );
+      contextInfo.menuItems.push(
+        {
+          action: () => {
+            this.copyNode(node);
+          },
+          enabled: true,
+          value: 'action.copy',
+          icon: 'content_copy'
+        }
+      );
+      contextInfo.menuItems.push(
+        {
+          action: () => {
+            this.ruleChainCanvas.modelService.nodes.delete(node);
+          },
+          enabled: true,
+          value: 'action.delete',
+          icon: 'clear',
+          shortcut: 'M-X'
+        }
+      );
+    }
+    return contextInfo;
+  }
+
+  private prepareEdgeContextMenu(edge: FcRuleEdge): RuleChainMenuContextInfo {
+    const contextInfo: RuleChainMenuContextInfo = {
+      headerClass: 'tb-link-header',
+      icon: 'trending_flat',
+      title: edge.label,
+      subtitle: this.translate.instant('rulenode.link'),
+      menuItems: []
+    };
+    const sourceNode: FcRuleNode = this.ruleChainCanvas.modelService.nodes.getNodeByConnectorId(edge.source);
+    if (sourceNode.component.type !== RuleNodeType.INPUT) {
+      contextInfo.menuItems.push(
+        {
+          action: () => {
+            this.openLinkDetails(edge);
+          },
+          enabled: true,
+          value: 'rulenode.details',
+          icon: 'menu'
+        }
+      );
+    }
+    contextInfo.menuItems.push(
+      {
+        action: () => {
+          this.ruleChainCanvas.modelService.edges.delete(edge);
+        },
+        enabled: true,
+        value: 'action.delete',
+        icon: 'clear',
+        shortcut: 'M-X'
+      }
+    );
+    return contextInfo;
+  }
+
+  onModelChanged() {
+    this.isDirtyValue = true;
+    this.validate();
+  }
+
+  helpLinkIdForRuleNodeType(): string {
+    let component: RuleNodeComponentDescriptor = null;
+    if (this.editingRuleNode) {
+      component = this.editingRuleNode.component;
+    }
+    return getRuleNodeHelpLink(component);
+  }
+
+  openNodeDetails(node: FcRuleNode) {
+    if (node.component.type !== RuleNodeType.INPUT) {
+      this.enableHotKeys = false;
+      this.updateErrorTooltips(true);
+      this.isEditingRuleNodeLink = false;
+      this.editingRuleNodeLink = null;
+      this.isEditingRuleNode = true;
+      this.editingRuleNodeIndex = this.ruleChainModel.nodes.indexOf(node);
+      this.editingRuleNode = deepClone(node, ['component']);
+      setTimeout(() => {
+        this.ruleNodeComponent.ruleNodeFormGroup.markAsPristine();
+      }, 0);
+    }
+  }
+
+  openLinkDetails(edge: FcRuleEdge) {
+    const sourceNode: FcRuleNode = this.ruleChainCanvas.modelService.nodes.getNodeByConnectorId(edge.source) as FcRuleNode;
+    if (sourceNode.component.type !== RuleNodeType.INPUT) {
+      this.enableHotKeys = false;
+      this.updateErrorTooltips(true);
+      this.isEditingRuleNode = false;
+      this.editingRuleNode = null;
+      this.editingRuleNodeLinkLabels = this.ruleChainService.getRuleNodeSupportedLinks(sourceNode.component);
+      this.editingRuleNodeAllowCustomLabels = this.ruleChainService.ruleNodeAllowCustomLinks(sourceNode.component);
+      this.isEditingRuleNodeLink = true;
+      this.editingRuleNodeLinkIndex = this.ruleChainModel.edges.indexOf(edge);
+      this.editingRuleNodeLink = deepClone(edge);
+      setTimeout(() => {
+        this.ruleNodeLinkComponent.ruleNodeLinkFormGroup.markAsPristine();
+      }, 0);
+    }
+  }
+
+  private copyNode(node: FcRuleNode) {
+    this.itembuffer.copyRuleNodes([node], []);
+  }
+
+  private copyRuleNodes() {
+    const nodes: FcRuleNode[] = this.ruleChainCanvas.modelService.nodes.getSelectedNodes();
+    const edges: FcRuleEdge[] = this.ruleChainCanvas.modelService.edges.getSelectedEdges();
+    const connections: RuleNodeConnection[] = [];
+    edges.forEach((edge) => {
+      const sourceNode = this.ruleChainCanvas.modelService.nodes.getNodeByConnectorId(edge.source);
+      const destNode = this.ruleChainCanvas.modelService.nodes.getNodeByConnectorId(edge.destination);
+      const isInputSource = sourceNode.component.type === RuleNodeType.INPUT;
+      const fromIndex = nodes.indexOf(sourceNode);
+      const toIndex = nodes.indexOf(destNode);
+      if ( (isInputSource || fromIndex > -1) && toIndex > -1 ) {
+        const connection: RuleNodeConnection = {
+          isInputSource,
+          fromIndex,
+          toIndex,
+          label: edge.label,
+          labels: edge.labels
+        };
+        connections.push(connection);
+      }
+    });
+    this.itembuffer.copyRuleNodes(nodes, connections);
+  }
+
+  private pasteRuleNodes(event?: MouseEvent) {
+    const canvas = $(this.ruleChainCanvas.modelService.canvasHtmlElement);
+    let x: number;
+    let y: number;
+    if (event) {
+      const offset = canvas.offset();
+      x = Math.round(event.clientX - offset.left);
+      y = Math.round(event.clientY - offset.top);
+    } else {
+      const scrollParent = canvas.parent();
+      const scrollTop = scrollParent.scrollTop();
+      const scrollLeft = scrollParent.scrollLeft();
+      x = scrollLeft + scrollParent.width() / 2;
+      y = scrollTop + scrollParent.height() / 2;
+    }
+    const ruleNodes = this.itembuffer.pasteRuleNodes(x, y);
+    if (ruleNodes) {
+      this.ruleChainCanvas.modelService.deselectAll();
+      const nodes: FcRuleNode[] = [];
+      ruleNodes.nodes.forEach((node) => {
+        node.id = 'rule-chain-node-' + this.nextNodeID++;
+        const component = node.component;
+        if (component.configurationDescriptor.nodeDefinition.inEnabled) {
+          node.connectors.push(
+            {
+              type: FlowchartConstants.leftConnectorType,
+              id: (this.nextConnectorID++) + ''
+            }
+          );
+        }
+        if (component.configurationDescriptor.nodeDefinition.outEnabled) {
+          node.connectors.push(
+            {
+              type: FlowchartConstants.rightConnectorType,
+              id: (this.nextConnectorID++) + ''
+            }
+          );
+        }
+        nodes.push(node);
+        this.ruleChainModel.nodes.push(node);
+        this.ruleChainCanvas.modelService.nodes.select(node);
+      });
+      ruleNodes.connections.forEach((connection) => {
+        const sourceNode = nodes[connection.fromIndex];
+        const destNode = nodes[connection.toIndex];
+        if ( (connection.isInputSource || sourceNode) &&  destNode ) {
+          let source: string;
+          let destination: string;
+          if (connection.isInputSource) {
+            source = this.inputConnectorId + '';
+            const found = this.ruleChainModel.edges.find(theEdge => theEdge.source === (this.inputConnectorId + ''));
+            if (found) {
+              this.ruleChainCanvas.modelService.edges.delete(found);
+            }
+          } else {
+            const sourceConnectors = this.ruleChainCanvas.modelService.nodes
+              .getConnectorsByType(sourceNode, FlowchartConstants.rightConnectorType);
+            if (sourceConnectors && sourceConnectors.length) {
+              source = sourceConnectors[0].id;
+            }
+          }
+          const destConnectors = this.ruleChainCanvas.modelService.nodes
+            .getConnectorsByType(destNode, FlowchartConstants.leftConnectorType);
+          if (destConnectors && destConnectors.length) {
+            destination = destConnectors[0].id;
+          }
+          if (source && destination) {
+            const edge: FcRuleEdge = {
+              source,
+              destination,
+              label: connection.label,
+              labels: connection.labels
+            };
+            this.ruleChainModel.edges.push(edge);
+            this.ruleChainCanvas.modelService.edges.select(edge);
+          }
+        }
+      });
+      this.updateRuleNodesHighlight();
+      this.validate();
+      this.onModelChanged();
+    }
+  }
+
+  onDetailsDrawerClosed() {
+    this.onEditRuleNodeClosed();
+    this.onEditRuleNodeLinkClosed();
+    this.enableHotKeys = true;
+    this.updateErrorTooltips(false);
+  }
+
+  onEditRuleNodeClosed() {
+    this.editingRuleNode = null;
+    this.isEditingRuleNode = false;
+  }
+
+  onEditRuleNodeLinkClosed() {
+    this.editingRuleNodeLink = null;
+    this.isEditingRuleNodeLink = false;
+  }
+
+  onRevertRuleNodeEdit() {
+    this.ruleNodeComponent.ruleNodeFormGroup.markAsPristine();
+    const node = this.ruleChainModel.nodes[this.editingRuleNodeIndex];
+    this.editingRuleNode = deepClone(node, ['component']);
+  }
+
+  onRevertRuleNodeLinkEdit() {
+    this.ruleNodeLinkComponent.ruleNodeLinkFormGroup.markAsPristine();
+    const edge = this.ruleChainModel.edges[this.editingRuleNodeLinkIndex];
+    this.editingRuleNodeLink = deepClone(edge);
+  }
+
+  saveRuleNode() {
+    this.ruleNodeComponent.validate();
+    if (this.ruleNodeComponent.ruleNodeFormGroup.valid) {
+      this.ruleNodeComponent.ruleNodeFormGroup.markAsPristine();
+      if (this.editingRuleNode.error) {
+        delete this.editingRuleNode.error;
+      }
+      this.ruleChainModel.nodes[this.editingRuleNodeIndex] = this.editingRuleNode;
+      this.editingRuleNode = deepClone(this.editingRuleNode, ['component']);
+      this.onModelChanged();
+      this.updateRuleNodesHighlight();
+    }
+  }
+
+  saveRuleNodeLink() {
+    this.ruleNodeLinkComponent.ruleNodeLinkFormGroup.markAsPristine();
+    this.ruleChainModel.edges[this.editingRuleNodeLinkIndex] = this.editingRuleNodeLink;
+    this.editingRuleNodeLink = deepClone(this.editingRuleNodeLink);
+    this.onModelChanged();
+  }
+
+  typeHeaderMouseEnter(event: MouseEvent, ruleNodeType: RuleNodeType) {
+    const type = ruleNodeTypeDescriptors.get(ruleNodeType);
+    this.displayTooltip(event,
+      '<div class="tb-rule-node-tooltip tb-lib-tooltip">' +
+      '<div id="tb-node-content" layout="column">' +
+      '<div class="tb-node-title">' + this.translate.instant(type.name) + '</div>' +
+      '<div class="tb-node-details">' + this.translate.instant(type.details) + '</div>' +
+      '</div>' +
+      '</div>'
+    );
+  }
+
+  displayLibNodeDescriptionTooltip(event: MouseEvent, node: FcRuleNodeType) {
+    this.displayTooltip(event,
+      '<div class="tb-rule-node-tooltip tb-lib-tooltip">' +
+      '<div id="tb-node-content" layout="column">' +
+      '<div class="tb-node-title">' + node.component.name + '</div>' +
+      '<div class="tb-node-description">' + node.component.configurationDescriptor.nodeDefinition.description + '</div>' +
+      '<div class="tb-node-details">' + node.component.configurationDescriptor.nodeDefinition.details + '</div>' +
+      '</div>' +
+      '</div>'
+    );
+  }
+
+  displayNodeDescriptionTooltip(event: MouseEvent, node: FcRuleNode) {
+    if (!this.errorTooltips[node.id]) {
+      let name: string;
+      let desc: string;
+      let details: string;
+      if (node.component.type === RuleNodeType.INPUT) {
+        name = this.translate.instant(ruleNodeTypeDescriptors.get(RuleNodeType.INPUT).name);
+        desc = this.translate.instant(ruleNodeTypeDescriptors.get(RuleNodeType.INPUT).details);
+      } else {
+        name = node.name;
+        desc = this.translate.instant(ruleNodeTypeDescriptors.get(node.component.type).name) + ' - ' + node.component.name;
+        if (node.additionalInfo) {
+          details = node.additionalInfo.description;
+        }
+      }
+      let tooltipContent = '<div class="tb-rule-node-tooltip">' +
+        '<div id="tb-node-content" layout="column">' +
+        '<div class="tb-node-title">' + name + '</div>' +
+        '<div class="tb-node-description">' + desc + '</div>';
+      if (details) {
+        tooltipContent += '<div class="tb-node-details">' + details + '</div>';
+      }
+      tooltipContent += '</div>' +
+        '</div>';
+      this.displayTooltip(event, tooltipContent);
+    }
+  }
+
+  destroyTooltips() {
+    if (this.tooltipTimeout) {
+      clearTimeout(this.tooltipTimeout);
+      this.tooltipTimeout = null;
+    }
+    const instances = $.tooltipster.instances();
+    instances.forEach((instance) => {
+      if (!instance.isErrorTooltip) {
+        instance.destroy();
+      }
+    });
+  }
+
+  private updateRuleNodesHighlight() {
+    for (const ruleNode of this.ruleChainModel.nodes) {
+      ruleNode.highlighted = false;
+    }
+    if (this.ruleNodeSearch) {
+      const search = this.ruleNodeSearch.toUpperCase();
+      const res = this.ruleChainModel.nodes.filter(node => node.name.toUpperCase().includes(search));
+      if (res) {
+        for (const ruleNode of res) {
+          ruleNode.highlighted = true;
+        }
+      }
+    }
+    if (this.ruleChainCanvas) {
+      this.ruleChainCanvas.modelService.detectChanges();
+    }
+  }
+
+  objectsSelected(): boolean {
+    return this.ruleChainCanvas.modelService.nodes.getSelectedNodes().length > 0 ||
+      this.ruleChainCanvas.modelService.edges.getSelectedEdges().length > 0;
+  }
+
+  deleteSelected() {
+    this.ruleChainCanvas.modelService.deleteSelected();
+  }
+
+  isDebugModeEnabled(): boolean {
+    const res = this.ruleChainModel.nodes.find((node) => node.debugMode);
+    return typeof res !== 'undefined';
+  }
+
+  resetDebugModeInAllNodes() {
+    let changed = false;
+    this.ruleChainModel.nodes.forEach((node) => {
+      if (node.component.type !== RuleNodeType.INPUT && node.component.type !== RuleNodeType.RULE_CHAIN) {
+        changed = changed || node.debugMode;
+        node.debugMode = false;
+      }
+    });
+    if (changed) {
+      this.onModelChanged();
+    }
+  }
+
+  validate() {
+    setTimeout(() => {
+      this.isInvalid = false;
+      this.ruleChainModel.nodes.forEach((node) => {
+        if (node.error) {
+          this.isInvalid = true;
+        }
+        this.updateNodeErrorTooltip(node);
+      });
+    }, 0);
+  }
+
+  saveRuleChain() {
+    let saveRuleChainObservable: Observable<RuleChain>;
+    if (this.isImport) {
+      saveRuleChainObservable = this.ruleChainService.saveRuleChain(this.ruleChain);
+    } else {
+      saveRuleChainObservable = of(this.ruleChain);
+    }
+    saveRuleChainObservable.subscribe((ruleChain) => {
+      this.ruleChain = ruleChain;
+      const ruleChainMetaData: RuleChainMetaData = {
+        ruleChainId: this.ruleChain.id,
+        nodes: [],
+        connections: [],
+        ruleChainConnections: []
+      };
+      const nodes: FcRuleNode[] = [];
+      this.ruleChainModel.nodes.forEach((node) => {
+        if (node.component.type !== RuleNodeType.INPUT && node.component.type !== RuleNodeType.RULE_CHAIN) {
+          const ruleNode: RuleNode = {
+            id: node.ruleNodeId,
+            type: node.component.clazz,
+            name: node.name,
+            configuration: node.configuration,
+            additionalInfo: node.additionalInfo ? node.additionalInfo : {},
+            debugMode: node.debugMode
+          };
+          ruleNode.additionalInfo.layoutX = Math.round(node.x);
+          ruleNode.additionalInfo.layoutY = Math.round(node.y);
+          ruleChainMetaData.nodes.push(ruleNode);
+          nodes.push(node);
+        }
+      });
+      const firstNodeEdge = this.ruleChainModel.edges.find((edge) => edge.source === this.inputConnectorId + '');
+      if (firstNodeEdge) {
+        const firstNode = this.ruleChainCanvas.modelService.nodes.getNodeByConnectorId(firstNodeEdge.destination);
+        ruleChainMetaData.firstNodeIndex = nodes.indexOf(firstNode);
+      }
+      this.ruleChainModel.edges.forEach((edge) => {
+        const sourceNode = this.ruleChainCanvas.modelService.nodes.getNodeByConnectorId(edge.source);
+        const destNode = this.ruleChainCanvas.modelService.nodes.getNodeByConnectorId(edge.destination);
+        if (sourceNode.component.type !== RuleNodeType.INPUT) {
+          const fromIndex = nodes.indexOf(sourceNode);
+          if (destNode.component.type === RuleNodeType.RULE_CHAIN) {
+            const ruleChainConnection = {
+              fromIndex,
+              targetRuleChainId: {entityType: EntityType.RULE_CHAIN, id: destNode.targetRuleChainId},
+              additionalInfo: destNode.additionalInfo ? destNode.additionalInfo : {}
+            } as RuleChainConnectionInfo;
+            ruleChainConnection.additionalInfo.layoutX = Math.round(destNode.x);
+            ruleChainConnection.additionalInfo.layoutY = Math.round(destNode.y);
+            ruleChainConnection.additionalInfo.ruleChainNodeId = destNode.id;
+            edge.labels.forEach((label) => {
+              const newRuleChainConnection = deepClone(ruleChainConnection);
+              newRuleChainConnection.type = label;
+              ruleChainMetaData.ruleChainConnections.push(newRuleChainConnection);
+            });
+          } else {
+            const toIndex = nodes.indexOf(destNode);
+            const nodeConnection = {
+              fromIndex,
+              toIndex
+            } as NodeConnectionInfo;
+            edge.labels.forEach((label) => {
+              const newNodeConnection = deepClone(nodeConnection);
+              newNodeConnection.type = label;
+              ruleChainMetaData.connections.push(newNodeConnection);
+            });
+          }
+        }
+      });
+      this.ruleChainService.saveAndGetResolvedRuleChainMetadata(ruleChainMetaData).subscribe((savedRuleChainMetaData) => {
+        this.ruleChainMetaData = savedRuleChainMetaData;
+        if (this.isImport) {
+          this.isDirtyValue = false;
+          this.isImport = false;
+          this.router.navigateByUrl(`ruleChains/${this.ruleChain.id.id}`);
+        } else {
+          this.createRuleChainModel();
+        }
+      });
+    });
+  }
+
+  revertRuleChain() {
+    this.createRuleChainModel();
+  }
+
+  addRuleNode(ruleNode: FcRuleNode) {
+    ruleNode.configuration = deepClone(ruleNode.component.configurationDescriptor.nodeDefinition.defaultConfiguration);
+    const ruleChainId = this.ruleChain.id ? this.ruleChain.id.id : null;
+    this.enableHotKeys = false;
+    this.dialog.open<AddRuleNodeDialogComponent, AddRuleNodeDialogData,
+      FcRuleNode>(AddRuleNodeDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        ruleNode,
+        ruleChainId
+      }
+    }).afterClosed().subscribe(
+      (addedRuleNode) => {
+        if (addedRuleNode) {
+          addedRuleNode.id = 'rule-chain-node-' + this.nextNodeID++;
+          addedRuleNode.connectors = [];
+          if (addedRuleNode.component.configurationDescriptor.nodeDefinition.inEnabled) {
+            addedRuleNode.connectors.push(
+              {
+                id: (this.nextConnectorID++) + '',
+                type: FlowchartConstants.leftConnectorType
+              }
+            );
+          }
+          if (addedRuleNode.component.configurationDescriptor.nodeDefinition.outEnabled) {
+            addedRuleNode.connectors.push(
+              {
+                id: (this.nextConnectorID++) + '',
+                type: FlowchartConstants.rightConnectorType
+              }
+            );
+          }
+          this.ruleChainModel.nodes.push(addedRuleNode);
+          this.onModelChanged();
+          this.updateRuleNodesHighlight();
+        }
+        this.enableHotKeys = true;
+      }
+    );
+  }
+
+  addRuleNodeLink(link: FcRuleEdge, labels: {[label: string]: LinkLabel}, allowCustomLabels: boolean): Observable<FcRuleEdge> {
+    return this.dialog.open<AddRuleNodeLinkDialogComponent, AddRuleNodeLinkDialogData,
+      FcRuleEdge>(AddRuleNodeLinkDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        link,
+        labels,
+        allowCustomLabels
+      }
+    }).afterClosed();
+  }
+
+  private updateNodeErrorTooltip(node: FcRuleNode) {
+    if (node.error) {
+      const element = $('#' + node.id);
+      let tooltip = this.errorTooltips[node.id];
+      if (!tooltip || !element.hasClass('tooltipstered')) {
+        element.tooltipster(
+          {
+            theme: 'tooltipster-shadow',
+            delay: 0,
+            animationDuration: 0,
+            trigger: 'custom',
+            triggerOpen: {
+              click: false,
+              tap: false
+            },
+            triggerClose: {
+              click: false,
+              tap: false,
+              scroll: false
+            },
+            side: 'top',
+            trackOrigin: true
+          }
+        );
+        const content = '<div class="tb-rule-node-error-tooltip">' +
+          '<div id="tooltip-content" layout="column">' +
+          '<div class="tb-node-details">' + node.error + '</div>' +
+          '</div>' +
+          '</div>';
+        const contentElement = $(content);
+        tooltip = element.tooltipster('instance');
+        tooltip.isErrorTooltip = true;
+        tooltip.content(contentElement);
+        this.errorTooltips[node.id] = tooltip;
+      }
+      setTimeout(() => {
+        tooltip.open();
+      }, 0);
+    } else {
+      if (this.errorTooltips[node.id]) {
+        const tooltip = this.errorTooltips[node.id];
+        tooltip.destroy();
+        delete this.errorTooltips[node.id];
+      }
+    }
+  }
+
+  private updateErrorTooltips(hide: boolean) {
+    for (const nodeId of Object.keys(this.errorTooltips)) {
+      const tooltip = this.errorTooltips[nodeId];
+      if (hide) {
+        tooltip.close();
+      } else {
+        tooltip.open();
+      }
+    }
+  }
+
+  private displayTooltip(event: MouseEvent, content: string) {
+    this.destroyTooltips();
+    this.tooltipTimeout = setTimeout(() => {
+      const element = $(event.target);
+      element.tooltipster(
+        {
+          theme: 'tooltipster-shadow',
+          delay: 100,
+          trigger: 'custom',
+          triggerOpen: {
+            click: false,
+            tap: false
+          },
+          triggerClose: {
+            click: true,
+            tap: true,
+            scroll: true
+          },
+          side: 'right',
+          trackOrigin: true
+        }
+      );
+      const contentElement = $(content);
+      const tooltip = element.tooltipster('instance');
+      tooltip.content(contentElement);
+      tooltip.open();
+    }, 500);
+  }
+}
+
+export interface AddRuleNodeLinkDialogData {
+  link: FcRuleEdge;
+  labels: {[label: string]: LinkLabel};
+  allowCustomLabels: boolean;
+}
+
+@Component({
+  selector: 'tb-add-rule-node-link-dialog',
+  templateUrl: './add-rule-node-link-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: AddRuleNodeLinkDialogComponent}],
+  styleUrls: ['./add-rule-node-link-dialog.component.scss']
+})
+export class AddRuleNodeLinkDialogComponent extends DialogComponent<AddRuleNodeLinkDialogComponent, FcRuleEdge>
+  implements OnInit, ErrorStateMatcher {
+
+  ruleNodeLinkFormGroup: FormGroup;
+
+  link: FcRuleEdge;
+  labels: {[label: string]: LinkLabel};
+  allowCustomLabels: boolean;
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: AddRuleNodeLinkDialogData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<AddRuleNodeLinkDialogComponent, FcRuleEdge>,
+              private fb: FormBuilder) {
+    super(store, router, dialogRef);
+
+    this.link = this.data.link;
+    this.labels = this.data.labels;
+    this.allowCustomLabels = this.data.allowCustomLabels;
+
+    this.ruleNodeLinkFormGroup = this.fb.group({
+        link: [deepClone(this.link), [Validators.required]]
+      }
+    );
+  }
+
+  ngOnInit(): void {
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  add(): void {
+    this.submitted = true;
+    const link: FcRuleEdge = this.ruleNodeLinkFormGroup.get('link').value;
+    this.link = {...this.link, ...link};
+    this.dialogRef.close(this.link);
+  }
+}
+
+export interface AddRuleNodeDialogData {
+  ruleNode: FcRuleNode;
+  ruleChainId: string;
+}
+
+@Component({
+  selector: 'tb-add-rule-node-dialog',
+  templateUrl: './add-rule-node-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: AddRuleNodeDialogComponent}],
+  styleUrls: []
+})
+export class AddRuleNodeDialogComponent extends DialogComponent<AddRuleNodeDialogComponent, FcRuleNode>
+  implements OnInit, ErrorStateMatcher {
+
+  @ViewChild('tbRuleNode', {static: true}) ruleNodeDetailsComponent: RuleNodeDetailsComponent;
+
+  ruleNode: FcRuleNode;
+  ruleChainId: string;
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: AddRuleNodeDialogData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<AddRuleNodeDialogComponent, FcRuleNode>) {
+    super(store, router, dialogRef);
+
+    this.ruleNode = this.data.ruleNode;
+    this.ruleChainId = this.data.ruleChainId;
+  }
+
+  ngOnInit(): void {
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  helpLinkIdForRuleNodeType(): string {
+    return getRuleNodeHelpLink(this.ruleNode.component);
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  add(): void {
+    this.submitted = true;
+    this.ruleNodeDetailsComponent.validate();
+    if (this.ruleNodeDetailsComponent.ruleNodeFormGroup.valid) {
+      this.dialogRef.close(this.ruleNode);
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.models.ts b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.models.ts
new file mode 100644
index 0000000000..f0f3401ba9
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.models.ts
@@ -0,0 +1,45 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { FcModel } from 'ngx-flowchart/dist/ngx-flowchart';
+import { FcRuleEdge, FcRuleNode, FcRuleNodeType } from '@shared/models/rule-node.models';
+
+export interface FcRuleNodeTypeModel extends FcModel {
+  nodes: Array<FcRuleNodeType>;
+}
+
+export interface FcRuleNodeModel extends FcModel {
+  nodes: Array<FcRuleNode>;
+  edges: Array<FcRuleEdge>;
+}
+
+export interface RuleChainMenuItem {
+  action?: ($event: MouseEvent) => void;
+  enabled?: boolean;
+  value?: string;
+  icon?: string;
+  shortcut?: string;
+  divider?: boolean;
+}
+
+export interface RuleChainMenuContextInfo {
+  headerClass: string;
+  icon: string;
+  iconUrl?: string;
+  title: string;
+  subtitle: string;
+  menuItems: RuleChainMenuItem[];
+}
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-routing.module.ts b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-routing.module.ts
new file mode 100644
index 0000000000..0624129fe0
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-routing.module.ts
@@ -0,0 +1,215 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import * as AngularCore from '@angular/core';
+import { Injectable, NgModule } from '@angular/core';
+import {
+  ActivatedRouteSnapshot,
+  CanActivate,
+  Resolve, Router,
+  RouterModule,
+  RouterStateSnapshot,
+  Routes, UrlTree
+} from '@angular/router';
+
+import { EntitiesTableComponent } from '../../components/entity/entities-table.component';
+import { Authority } from '@shared/models/authority.enum';
+import { RuleChainsTableConfigResolver } from '@modules/home/pages/rulechain/rulechains-table-config.resolver';
+import * as RxJs from 'rxjs';
+import { Observable } from 'rxjs';
+import * as RxJsOperators from 'rxjs/operators';
+import { BreadCrumbConfig, BreadCrumbLabelFunction } from '@shared/components/breadcrumb';
+import { ResolvedRuleChainMetaData, RuleChain, RuleChainImport } from '@shared/models/rule-chain.models';
+import { RuleChainService } from '@core/http/rule-chain.service';
+import { RuleChainPageComponent } from '@home/pages/rulechain/rulechain-page.component';
+import { RuleNodeComponentDescriptor } from '@shared/models/rule-node.models';
+import { ConfirmOnExitGuard } from '@core/guards/confirm-on-exit.guard';
+
+import * as AngularCommon from '@angular/common';
+import * as AngularForms from '@angular/forms';
+import * as AngularCdkCoercion from '@angular/cdk/coercion';
+import * as AngularCdkKeycodes from '@angular/cdk/keycodes';
+import * as AngularMaterialChips from '@angular/material/chips';
+import * as AngularMaterialAutocomplete from '@angular/material/autocomplete';
+import * as NgrxStore from '@ngrx/store';
+import * as TranslateCore from '@ngx-translate/core';
+import * as TbCore from '@core/public-api';
+import * as TbShared from '@shared/public-api';
+import * as TbHomeComponents from '@home/components/public-api';
+import { ItemBufferService } from '@core/public-api';
+
+declare const SystemJS;
+
+const ruleNodeConfigResourcesModulesMap = {
+  '@angular/core': SystemJS.newModule(AngularCore),
+  '@angular/common': SystemJS.newModule(AngularCommon),
+  '@angular/forms': SystemJS.newModule(AngularForms),
+  '@angular/cdk/keycodes': SystemJS.newModule(AngularCdkKeycodes),
+  '@angular/cdk/coercion': SystemJS.newModule(AngularCdkCoercion),
+  '@angular/material/chips': SystemJS.newModule(AngularMaterialChips),
+  '@angular/material/autocomplete': SystemJS.newModule(AngularMaterialAutocomplete),
+  '@ngrx/store': SystemJS.newModule(NgrxStore),
+  rxjs: SystemJS.newModule(RxJs),
+  'rxjs/operators': SystemJS.newModule(RxJsOperators),
+  '@ngx-translate/core': SystemJS.newModule(TranslateCore),
+  '@core/public-api': SystemJS.newModule(TbCore),
+  '@shared/public-api': SystemJS.newModule(TbShared),
+  '@home/components/public-api': SystemJS.newModule(TbHomeComponents)
+};
+
+const t = SystemJS.newModule(AngularCore);
+
+
+@Injectable()
+export class RuleChainResolver implements Resolve<RuleChain> {
+
+  constructor(private ruleChainService: RuleChainService) {
+  }
+
+  resolve(route: ActivatedRouteSnapshot): Observable<RuleChain> {
+    const ruleChainId = route.params.ruleChainId;
+    return this.ruleChainService.getRuleChain(ruleChainId);
+  }
+}
+
+@Injectable()
+export class ResolvedRuleChainMetaDataResolver implements Resolve<ResolvedRuleChainMetaData> {
+
+  constructor(private ruleChainService: RuleChainService) {
+  }
+
+  resolve(route: ActivatedRouteSnapshot): Observable<ResolvedRuleChainMetaData> {
+    const ruleChainId = route.params.ruleChainId;
+    return this.ruleChainService.getResolvedRuleChainMetadata(ruleChainId);
+  }
+}
+
+@Injectable()
+export class RuleNodeComponentsResolver implements Resolve<Array<RuleNodeComponentDescriptor>> {
+
+  constructor(private ruleChainService: RuleChainService) {
+  }
+
+  resolve(route: ActivatedRouteSnapshot): Observable<Array<RuleNodeComponentDescriptor>> {
+    return this.ruleChainService.getRuleNodeComponents(ruleNodeConfigResourcesModulesMap);
+  }
+}
+
+@Injectable()
+export class RuleChainImportGuard implements CanActivate {
+
+  constructor(private itembuffer: ItemBufferService,
+              private router: Router) {
+  }
+
+  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot):
+    Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {
+    if (this.itembuffer.hasRuleChainImport()) {
+      return true;
+    } else {
+      return this.router.parseUrl('ruleChains');
+    }
+  }
+
+}
+
+export const ruleChainBreadcumbLabelFunction: BreadCrumbLabelFunction = ((route, translate, component) => {
+  let label: string = component.ruleChain.name;
+  if (component.ruleChain.root) {
+    label += ` (${translate.instant('rulechain.root')})`;
+  }
+  return label;
+});
+
+export const importRuleChainBreadcumbLabelFunction: BreadCrumbLabelFunction = ((route, translate, component) => {
+  return `${translate.instant('rulechain.import')}: ${component.ruleChain.name}`;
+});
+
+const routes: Routes = [
+  {
+    path: 'ruleChains',
+    data: {
+      breadcrumb: {
+        label: 'rulechain.rulechains',
+        icon: 'settings_ethernet'
+      }
+    },
+    children: [
+      {
+        path: '',
+        component: EntitiesTableComponent,
+        data: {
+          auth: [Authority.TENANT_ADMIN],
+          title: 'rulechain.rulechains'
+        },
+        resolve: {
+          entitiesTableConfig: RuleChainsTableConfigResolver
+        }
+      },
+      {
+        path: ':ruleChainId',
+        component: RuleChainPageComponent,
+        canDeactivate: [ConfirmOnExitGuard],
+        data: {
+          breadcrumb: {
+            labelFunction: ruleChainBreadcumbLabelFunction,
+            icon: 'settings_ethernet'
+          } as BreadCrumbConfig,
+          auth: [Authority.TENANT_ADMIN],
+          title: 'rulechain.rulechain',
+          import: false
+        },
+        resolve: {
+          ruleChain: RuleChainResolver,
+          ruleChainMetaData: ResolvedRuleChainMetaDataResolver,
+          ruleNodeComponents: RuleNodeComponentsResolver
+        }
+      },
+      {
+        path: 'ruleChain/import',
+        component: RuleChainPageComponent,
+        canActivate: [RuleChainImportGuard],
+        canDeactivate: [ConfirmOnExitGuard],
+        data: {
+          breadcrumb: {
+            labelFunction: importRuleChainBreadcumbLabelFunction,
+            icon: 'settings_ethernet'
+          } as BreadCrumbConfig,
+          auth: [Authority.TENANT_ADMIN],
+          title: 'rulechain.rulechain',
+          import: true
+        },
+        resolve: {
+          ruleNodeComponents: RuleNodeComponentsResolver
+        }
+      }
+    ]
+  }
+];
+
+// @dynamic
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+  providers: [
+    RuleChainsTableConfigResolver,
+    RuleChainResolver,
+    ResolvedRuleChainMetaDataResolver,
+    RuleNodeComponentsResolver,
+    RuleChainImportGuard
+  ]
+})
+export class RuleChainRoutingModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-tabs.component.html b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-tabs.component.html
new file mode 100644
index 0000000000..e9e08893de
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-tabs.component.html
@@ -0,0 +1,54 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-tab *ngIf="entity"
+         label="{{ 'attribute.attributes' | translate }}" #attributesTab="matTab">
+  <tb-attribute-table [defaultAttributeScope]="attributeScopes.SERVER_SCOPE"
+                      [active]="attributesTab.isActive"
+                      [entityId]="entity.id"
+                      [entityName]="entity.name">
+  </tb-attribute-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'attribute.latest-telemetry' | translate }}" #telemetryTab="matTab">
+  <tb-attribute-table [defaultAttributeScope]="latestTelemetryTypes.LATEST_TELEMETRY"
+                      disableAttributeScopeSelection
+                      [active]="telemetryTab.isActive"
+                      [entityId]="entity.id"
+                      [entityName]="entity.name">
+  </tb-attribute-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'alarm.alarms' | translate }}" #alarmsTab="matTab">
+  <tb-alarm-table [active]="alarmsTab.isActive" [entityId]="entity.id"></tb-alarm-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'rulechain.events' | translate }}" #eventsTab="matTab">
+  <tb-event-table [debugEventTypes]="[debugEventTypes.DEBUG_RULE_CHAIN]"
+                  [defaultEventType]="debugEventTypes.DEBUG_RULE_CHAIN"
+                  [active]="eventsTab.isActive"
+                  [tenantId]="entity.tenantId.id"
+                  [entityId]="entity.id"></tb-event-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'relation.relations' | translate }}" #relationsTab="matTab">
+  <tb-relation-table [active]="relationsTab.isActive" [entityId]="entity.id"></tb-relation-table>
+</mat-tab>
+<mat-tab *ngIf="entity && authUser.authority === authorities.TENANT_ADMIN"
+         label="{{ 'audit-log.audit-logs' | translate }}" #auditLogsTab="matTab">
+  <tb-audit-log-table detailsMode="true" [active]="auditLogsTab.isActive" [auditLogMode]="auditLogModes.ENTITY" [entityId]="entity.id"></tb-audit-log-table>
+</mat-tab>
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-tabs.component.ts b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-tabs.component.ts
new file mode 100644
index 0000000000..42acf01a3b
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-tabs.component.ts
@@ -0,0 +1,39 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityTabsComponent } from '../../components/entity/entity-tabs.component';
+import { AssetInfo } from '@app/shared/models/asset.models';
+import { RuleChain } from '@shared/models/rule-chain.models';
+
+@Component({
+  selector: 'tb-rulechain-tabs',
+  templateUrl: './rulechain-tabs.component.html',
+  styleUrls: []
+})
+export class RuleChainTabsComponent extends EntityTabsComponent<RuleChain> {
+
+  constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit() {
+    super.ngOnInit();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain.component.html b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain.component.html
new file mode 100644
index 0000000000..677a530c70
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain.component.html
@@ -0,0 +1,75 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-details-buttons">
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'open')"
+          [fxShow]="!isEdit">
+    {{'rulechain.open-rulechain' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'export')"
+          [fxShow]="!isEdit">
+    {{'rulechain.export' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'setRoot')"
+          [fxShow]="!isEdit && !entity?.root">
+    {{'rulechain.set-root' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'delete')"
+          [fxShow]="!hideDelete() && !isEdit">
+    {{'rulechain.delete' | translate }}
+  </button>
+  <div fxLayout="row">
+    <button mat-raised-button
+            ngxClipboard
+            (cbOnSuccess)="onRuleChainIdCopied($event)"
+            [cbContent]="entity?.id?.id"
+            [fxShow]="!isEdit">
+      <mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon>
+      <span translate>rulechain.copyId</span>
+    </button>
+  </div>
+</div>
+<div class="mat-padding" fxLayout="column">
+  <form #entityNgForm="ngForm" [formGroup]="entityForm">
+    <fieldset [disabled]="(isLoading$ | async) || !isEdit">
+      <mat-form-field class="mat-block">
+        <mat-label translate>rulechain.name</mat-label>
+        <input matInput formControlName="name" required>
+        <mat-error *ngIf="entityForm.get('name').hasError('required')">
+          {{ 'rulechain.name-required' | translate }}
+        </mat-error>
+      </mat-form-field>
+      <mat-checkbox fxFlex formControlName="debugMode" style="padding-bottom: 16px;">
+        {{ 'rulechain.debug-mode' | translate }}
+      </mat-checkbox>
+      <div formGroupName="additionalInfo">
+        <mat-form-field class="mat-block">
+          <mat-label translate>rulechain.description</mat-label>
+          <textarea matInput formControlName="description" rows="2"></textarea>
+        </mat-form-field>
+      </div>
+    </fieldset>
+  </form>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain.component.scss b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain.component.scss
new file mode 100644
index 0000000000..bb3718c2da
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain.component.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain.component.ts b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain.component.ts
new file mode 100644
index 0000000000..805890b5f3
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain.component.ts
@@ -0,0 +1,81 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Component} from '@angular/core';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {EntityComponent} from '../../components/entity/entity.component';
+import {FormBuilder, FormGroup, Validators} from '@angular/forms';
+import {EntityType} from '@shared/models/entity-type.models';
+import {NULL_UUID} from '@shared/models/id/has-uuid';
+import {ActionNotificationShow} from '@core/notification/notification.actions';
+import {TranslateService} from '@ngx-translate/core';
+import {AssetInfo} from '@app/shared/models/asset.models';
+import {RuleChain} from '@shared/models/rule-chain.models';
+
+@Component({
+  selector: 'tb-rulechain',
+  templateUrl: './rulechain.component.html',
+  styleUrls: ['./rulechain.component.scss']
+})
+export class RuleChainComponent extends EntityComponent<RuleChain> {
+
+  constructor(protected store: Store<AppState>,
+              protected translate: TranslateService,
+              public fb: FormBuilder) {
+    super(store);
+  }
+
+  hideDelete() {
+    if (this.entitiesTableConfig) {
+      return !this.entitiesTableConfig.deleteEnabled(this.entity);
+    } else {
+      return false;
+    }
+  }
+
+  buildForm(entity: RuleChain): FormGroup {
+    return this.fb.group(
+      {
+        name: [entity ? entity.name : '', [Validators.required]],
+        debugMode: [entity ? entity.debugMode : false],
+        additionalInfo: this.fb.group(
+          {
+            description: [entity && entity.additionalInfo ? entity.additionalInfo.description : ''],
+          }
+        )
+      }
+    );
+  }
+
+  updateForm(entity: RuleChain) {
+    this.entityForm.patchValue({name: entity.name});
+    this.entityForm.patchValue({debugMode: entity.debugMode});
+    this.entityForm.patchValue({additionalInfo: {description: entity.additionalInfo ? entity.additionalInfo.description : ''}});
+  }
+
+
+  onRuleChainIdCopied($event) {
+    this.store.dispatch(new ActionNotificationShow(
+      {
+        message: this.translate.instant('rulechain.idCopiedMessage'),
+        type: 'success',
+        duration: 750,
+        verticalPosition: 'bottom',
+        horizontalPosition: 'right'
+      }));
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain.module.ts b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain.module.ts
new file mode 100644
index 0000000000..5b3f90a5a1
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain.module.ts
@@ -0,0 +1,60 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {SharedModule} from '@shared/shared.module';
+import {RuleChainComponent} from '@modules/home/pages/rulechain/rulechain.component';
+import {RuleChainRoutingModule} from '@modules/home/pages/rulechain/rulechain-routing.module';
+import {HomeComponentsModule} from '@modules/home/components/home-components.module';
+import { RuleChainTabsComponent } from '@home/pages/rulechain/rulechain-tabs.component';
+import { RuleChainPageComponent, AddRuleNodeLinkDialogComponent, AddRuleNodeDialogComponent } from './rulechain-page.component';
+import { RuleNodeComponent } from '@home/pages/rulechain/rulenode.component';
+import { FC_NODE_COMPONENT_CONFIG } from 'ngx-flowchart/dist/ngx-flowchart';
+import { RuleNodeDetailsComponent } from './rule-node-details.component';
+import { RuleNodeLinkComponent } from './rule-node-link.component';
+import { LinkLabelsComponent } from '@home/pages/rulechain/link-labels.component';
+import { RuleNodeConfigComponent } from './rule-node-config.component';
+
+@NgModule({
+  declarations: [
+    RuleChainComponent,
+    RuleChainTabsComponent,
+    RuleChainPageComponent,
+    RuleNodeComponent,
+    RuleNodeDetailsComponent,
+    RuleNodeConfigComponent,
+    LinkLabelsComponent,
+    RuleNodeLinkComponent,
+    AddRuleNodeLinkDialogComponent,
+    AddRuleNodeDialogComponent
+  ],
+  providers: [
+    {
+      provide: FC_NODE_COMPONENT_CONFIG,
+      useValue: {
+        nodeComponentType: RuleNodeComponent
+      }
+    }
+  ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    HomeComponentsModule,
+    RuleChainRoutingModule
+  ]
+})
+export class RuleChainModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechains-table-config.resolver.ts b/ui-ngx/src/app/modules/home/pages/rulechain/rulechains-table-config.resolver.ts
new file mode 100644
index 0000000000..1838866665
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechains-table-config.resolver.ts
@@ -0,0 +1,186 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Injectable} from '@angular/core';
+
+import {Resolve, Router} from '@angular/router';
+import {
+  checkBoxCell,
+  DateEntityTableColumn,
+  EntityTableColumn,
+  EntityTableConfig
+} from '@home/models/entity/entities-table-config.models';
+import {TranslateService} from '@ngx-translate/core';
+import {DatePipe} from '@angular/common';
+import {EntityType, entityTypeResources, entityTypeTranslations} from '@shared/models/entity-type.models';
+import {EntityAction} from '@home/models/entity/entity-component.models';
+import {RuleChain} from '@shared/models/rule-chain.models';
+import {RuleChainService} from '@core/http/rule-chain.service';
+import {RuleChainComponent} from '@modules/home/pages/rulechain/rulechain.component';
+import {DialogService} from '@core/services/dialog.service';
+import { RuleChainTabsComponent } from '@home/pages/rulechain/rulechain-tabs.component';
+import { ImportExportService } from '@home/components/import-export/import-export.service';
+import { ItemBufferService } from '@core/services/item-buffer.service';
+
+@Injectable()
+export class RuleChainsTableConfigResolver implements Resolve<EntityTableConfig<RuleChain>> {
+
+  private readonly config: EntityTableConfig<RuleChain> = new EntityTableConfig<RuleChain>();
+
+  constructor(private ruleChainService: RuleChainService,
+              private dialogService: DialogService,
+              private importExport: ImportExportService,
+              private itembuffer: ItemBufferService,
+              private translate: TranslateService,
+              private datePipe: DatePipe,
+              private router: Router) {
+
+    this.config.entityType = EntityType.RULE_CHAIN;
+    this.config.entityComponent = RuleChainComponent;
+    this.config.entityTabsComponent = RuleChainTabsComponent;
+    this.config.entityTranslations = entityTypeTranslations.get(EntityType.RULE_CHAIN);
+    this.config.entityResources = entityTypeResources.get(EntityType.RULE_CHAIN);
+
+    this.config.columns.push(
+      new DateEntityTableColumn<RuleChain>('createdTime', 'rulechain.created-time', this.datePipe, '150px'),
+      new EntityTableColumn<RuleChain>('name', 'rulechain.name', '100%'),
+      new EntityTableColumn<RuleChain>('root', 'rulechain.root', '60px',
+        entity => {
+          return checkBoxCell(entity.root);
+        }),
+    );
+
+    this.config.addActionDescriptors.push(
+      {
+        name: this.translate.instant('rulechain.create-new-rulechain'),
+        icon: 'insert_drive_file',
+        isEnabled: () => true,
+        onAction: ($event) => this.config.table.addEntity($event)
+      },
+      {
+        name: this.translate.instant('rulechain.import'),
+        icon: 'file_upload',
+        isEnabled: () => true,
+        onAction: ($event) => this.importRuleChain($event)
+      }
+    );
+
+    this.config.cellActionDescriptors.push(
+      {
+        name: this.translate.instant('rulechain.open-rulechain'),
+        icon: 'settings_ethernet',
+        isEnabled: () => true,
+        onAction: ($event, entity) => this.openRuleChain($event, entity)
+      },
+      {
+        name: this.translate.instant('rulechain.export'),
+        icon: 'file_download',
+        isEnabled: () => true,
+        onAction: ($event, entity) => this.exportRuleChain($event, entity)
+      },
+      {
+        name: this.translate.instant('rulechain.set-root'),
+        icon: 'flag',
+        isEnabled: (ruleChain) => !ruleChain.root,
+        onAction: ($event, entity) => this.setRootRuleChain($event, entity)
+      }
+    );
+
+    this.config.deleteEntityTitle = ruleChain => this.translate.instant('rulechain.delete-rulechain-title',
+      { ruleChainName: ruleChain.name });
+    this.config.deleteEntityContent = () => this.translate.instant('rulechain.delete-rulechain-text');
+    this.config.deleteEntitiesTitle = count => this.translate.instant('rulechain.delete-rulechains-title', {count});
+    this.config.deleteEntitiesContent = () => this.translate.instant('rulechain.delete-rulechains-text');
+
+    this.config.entitiesFetchFunction = pageLink => this.ruleChainService.getRuleChains(pageLink);
+    this.config.loadEntity = id => this.ruleChainService.getRuleChain(id.id);
+    this.config.saveEntity = ruleChain => this.ruleChainService.saveRuleChain(ruleChain);
+    this.config.deleteEntity = id => this.ruleChainService.deleteRuleChain(id.id);
+    this.config.onEntityAction = action => this.onRuleChainAction(action);
+    this.config.deleteEnabled = (ruleChain) => ruleChain && !ruleChain.root;
+    this.config.entitySelectionEnabled = (ruleChain) => ruleChain && !ruleChain.root;
+  }
+
+  resolve(): EntityTableConfig<RuleChain> {
+    this.config.tableTitle = this.translate.instant('rulechain.rulechains');
+
+    return this.config;
+  }
+
+  importRuleChain($event: Event) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.importExport.importRuleChain().subscribe((ruleChainImport) => {
+      if (ruleChainImport) {
+        this.itembuffer.storeRuleChainImport(ruleChainImport);
+        this.router.navigateByUrl(`ruleChains/ruleChain/import`);
+      }
+    });
+  }
+
+  openRuleChain($event: Event, ruleChain: RuleChain) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.router.navigateByUrl(`ruleChains/${ruleChain.id.id}`);
+  }
+
+  exportRuleChain($event: Event, ruleChain: RuleChain) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.importExport.exportRuleChain(ruleChain.id.id);
+  }
+
+  setRootRuleChain($event: Event, ruleChain: RuleChain) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialogService.confirm(
+      this.translate.instant('rulechain.set-root-rulechain-title', {ruleChainName: ruleChain.name}),
+      this.translate.instant('rulechain.set-root-rulechain-text'),
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+      true
+    ).subscribe((res) => {
+        if (res) {
+          this.ruleChainService.setRootRuleChain(ruleChain.id.id).subscribe(
+            () => {
+              this.config.table.updateData();
+            }
+          );
+        }
+      }
+    );
+  }
+
+  onRuleChainAction(action: EntityAction<RuleChain>): boolean {
+    switch (action.action) {
+      case 'open':
+        this.openRuleChain(action.event, action.entity);
+        return true;
+      case 'export':
+        this.exportRuleChain(action.event, action.entity);
+        return true;
+      case 'setRoot':
+        this.setRootRuleChain(action.event, action.entity);
+        return true;
+    }
+    return false;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulenode.component.html b/ui-ngx/src/app/modules/home/pages/rulechain/rulenode.component.html
new file mode 100644
index 0000000000..51fda8dd02
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulenode.component.html
@@ -0,0 +1,62 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div
+   (dblclick)="userNodeCallbacks.doubleClick($event, node)"
+   (mousedown)="userNodeCallbacks.mouseDown($event, node)"
+   (mouseenter)="userNodeCallbacks.mouseEnter($event, node)"
+   (mouseleave)="userNodeCallbacks.mouseLeave($event, node)">
+  <div class="fc-node-overlay"></div>
+  <div class="tb-rule-node {{node.nodeClass}}"
+       [ngClass]="{'tb-rule-node-highlighted' : node.highlighted,
+                   'tb-rule-node-invalid': node.error }">
+    <mat-icon *ngIf="!iconUrl" fxFlex="15">{{node.icon}}</mat-icon>
+    <img *ngIf="iconUrl" fxFlex="15" [src]="iconUrl"/>
+    <div fxLayout="column" fxFlex="85" fxLayoutAlign="center">
+      <span class="tb-node-type">{{ node.component.name }}</span>
+      <span class="tb-node-title" *ngIf="node.name">{{ node.name }}</span>
+    </div>
+    <div class="{{flowchartConstants.leftConnectorClass}}">
+      <div fc-magnet [connector]="connector" [callbacks]="callbacks"
+           *ngFor="let connector of modelservice.nodes.getConnectorsByType(node, flowchartConstants.leftConnectorType)">
+        <div fc-connector [connector]="connector"
+             [nodeRectInfo]="nodeRectInfo"
+             [mouseOverConnector]="mouseOverConnector"
+             [callbacks]="callbacks"
+             [modelservice]="modelservice"></div>
+      </div>
+    </div>
+    <div class="{{flowchartConstants.rightConnectorClass}}">
+      <div fc-magnet [connector]="connector" [callbacks]="callbacks"
+           *ngFor="let connector of modelservice.nodes.getConnectorsByType(node, flowchartConstants.rightConnectorType)">
+        <div fc-connector [connector]="connector"
+             [nodeRectInfo]="nodeRectInfo"
+             [mouseOverConnector]="mouseOverConnector"
+             [callbacks]="callbacks"
+             [modelservice]="modelservice"></div>
+      </div>
+    </div>
+  </div>
+  <section *ngIf="modelservice.isEditable() && !node.readonly">
+    <div class="fc-nodeedit" (click)="userNodeCallbacks.nodeEdit($event, node)">
+      <i class="fa fa-pencil" aria-hidden="true"></i>
+    </div>
+    <div class="fc-nodedelete" (click)="modelservice.nodes.delete(node)">
+      &times;
+    </div>
+  </section>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulenode.component.scss b/ui-ngx/src/app/modules/home/pages/rulechain/rulenode.component.scss
new file mode 100644
index 0000000000..f95da40ebc
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulenode.component.scss
@@ -0,0 +1,154 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import './rule-node-colors';
+
+:host {
+
+  .fc-node-overlay {
+    position: absolute;
+    pointer-events: none;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #000;
+    border-radius: 5px;
+    opacity: 0;
+  }
+
+  :host-context(.fc-hover) .fc-node-overlay {
+    opacity: 0.25;
+    transition: opacity .2s;
+  }
+
+  :host-context(.fc-selected) .fc-node-overlay {
+    opacity: 0.25;
+  }
+
+  :host-context(.fc-edit) {
+    .fc-nodeedit,
+    .fc-nodedelete {
+      box-sizing: content-box;
+      border: solid 2px #fff;
+      background: #f83e05;
+      outline: none;
+    }
+  }
+
+  .tb-rule-node {
+    box-sizing: content-box;
+    display: flex;
+    flex-direction: row;
+    min-width: 150px;
+    max-width: 150px;
+    height: 32px;
+    min-height: 32px;
+    max-height: 32px;
+    padding: 5px 10px;
+    font-size: 12px;
+    line-height: 16px;
+    color: #333;
+    pointer-events: none;
+    background-color: #f15b26;
+    border: solid 1px #777;
+    border-radius: 5px;
+
+    @include rule-node-colors();
+
+    &.tb-rule-node-highlighted:not(.tb-rule-node-invalid) {
+      box-shadow: 0 0 10px 6px #51cbee;
+
+      .tb-node-title {
+        font-weight: 700;
+        text-decoration: underline;
+      }
+    }
+
+    &.tb-rule-node-invalid {
+      box-shadow: 0 0 10px 6px #ff5c50;
+    }
+
+    &.tb-input-type {
+      user-select: none;
+      background-color: #a3eaa9;
+    }
+
+    mat-icon, img {
+      margin: auto;
+      width: 20px;
+      min-width: 20px;
+      height: 20px;
+      min-height: 20px;
+      padding-right: 4px;
+      font-size: 20px;
+    }
+
+    .tb-node-title {
+      font-weight: 500;
+    }
+
+    .tb-node-type,
+    .tb-node-title {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .fc-leftConnectors,
+    .fc-rightConnectors {
+      position: absolute;
+      top: 0;
+
+      z-index: 0;
+
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+
+      .fc-magnet {
+        align-items: center;
+      }
+    }
+
+    .fc-leftConnectors {
+      left: -20px;
+    }
+
+    .fc-rightConnectors {
+      right: -20px;
+    }
+
+    .fc-magnet {
+      display: flex;
+      flex-grow: 1;
+      justify-content: center;
+      height: 60px;
+    }
+
+    .fc-connector {
+      width: 14px;
+      height: 14px;
+      margin: 10px;
+      pointer-events: all;
+      background-color: #ccc;
+      border: 1px solid #333;
+      border-radius: 5px;
+    }
+
+    .fc-connector.fc-hover {
+      background-color: #000;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulenode.component.ts b/ui-ngx/src/app/modules/home/pages/rulechain/rulenode.component.ts
new file mode 100644
index 0000000000..1fac4e6c18
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulenode.component.ts
@@ -0,0 +1,42 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
+import { Component, OnInit } from '@angular/core';
+import { FcNodeComponent } from 'ngx-flowchart/dist/ngx-flowchart';
+
+@Component({
+  // tslint:disable-next-line:component-selector
+  selector: 'rule-node',
+  templateUrl: './rulenode.component.html',
+  styleUrls: ['./rulenode.component.scss']
+})
+export class RuleNodeComponent extends FcNodeComponent implements OnInit {
+
+  iconUrl: SafeResourceUrl;
+
+  constructor(private sanitizer: DomSanitizer) {
+    super();
+  }
+
+  ngOnInit(): void {
+    super.ngOnInit();
+    if (this.node.iconUrl) {
+      this.iconUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.node.iconUrl);
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/tenant/tenant-routing.module.ts b/ui-ngx/src/app/modules/home/pages/tenant/tenant-routing.module.ts
new file mode 100644
index 0000000000..8c3083ebf1
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/tenant/tenant-routing.module.ts
@@ -0,0 +1,80 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable, NgModule } from '@angular/core';
+import { Resolve, RouterModule, Routes } from '@angular/router';
+
+import { EntitiesTableComponent } from '../../components/entity/entities-table.component';
+import { Authority } from '@shared/models/authority.enum';
+import { TenantsTableConfigResolver } from '@modules/home/pages/tenant/tenants-table-config.resolver';
+import { ProfileComponent } from '@modules/home/pages/profile/profile.component';
+import { ConfirmOnExitGuard } from '@core/guards/confirm-on-exit.guard';
+import { Customer } from '@shared/models/customer.model';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { forkJoin, Observable, throwError } from 'rxjs';
+import { getCurrentAuthUser } from '@core/auth/auth.selectors';
+import { catchError, finalize, map, tap } from 'rxjs/operators';
+import {UsersTableConfigResolver} from '../user/users-table-config.resolver';
+
+const routes: Routes = [
+  {
+    path: 'tenants',
+    data: {
+      breadcrumb: {
+        label: 'tenant.tenants',
+        icon: 'supervisor_account'
+      }
+    },
+    children: [
+      {
+        path: '',
+        component: EntitiesTableComponent,
+        data: {
+          auth: [Authority.SYS_ADMIN],
+          title: 'tenant.tenants'
+        },
+        resolve: {
+          entitiesTableConfig: TenantsTableConfigResolver
+        }
+      },
+      {
+        path: ':tenantId/users',
+        component: EntitiesTableComponent,
+        data: {
+          auth: [Authority.SYS_ADMIN],
+          title: 'user.tenant-admins',
+          breadcrumb: {
+            label: 'user.tenant-admins',
+            icon: 'account_circle'
+          }
+        },
+        resolve: {
+          entitiesTableConfig: UsersTableConfigResolver
+        }
+      }
+    ]
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+  providers: [
+    TenantsTableConfigResolver
+  ]
+})
+export class TenantRoutingModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/tenant/tenant-tabs.component.html b/ui-ngx/src/app/modules/home/pages/tenant/tenant-tabs.component.html
new file mode 100644
index 0000000000..7cf26dc73f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/tenant/tenant-tabs.component.html
@@ -0,0 +1,47 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-tab *ngIf="entity"
+         label="{{ 'attribute.attributes' | translate }}" #attributesTab="matTab">
+  <tb-attribute-table [defaultAttributeScope]="attributeScopes.SERVER_SCOPE"
+                      [active]="attributesTab.isActive"
+                      [entityId]="entity.id"
+                      [entityName]="entity.name">
+  </tb-attribute-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'attribute.latest-telemetry' | translate }}" #telemetryTab="matTab">
+  <tb-attribute-table [defaultAttributeScope]="latestTelemetryTypes.LATEST_TELEMETRY"
+                      disableAttributeScopeSelection
+                      [active]="telemetryTab.isActive"
+                      [entityId]="entity.id"
+                      [entityName]="entity.name">
+  </tb-attribute-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'alarm.alarms' | translate }}" #alarmsTab="matTab">
+  <tb-alarm-table [active]="alarmsTab.isActive" [entityId]="entity.id"></tb-alarm-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'tenant.events' | translate }}" #eventsTab="matTab">
+  <tb-event-table [defaultEventType]="eventTypes.ERROR" [active]="eventsTab.isActive" [tenantId]="nullUid"
+                  [entityId]="entity.id"></tb-event-table>
+</mat-tab>
+<mat-tab *ngIf="entity"
+         label="{{ 'relation.relations' | translate }}" #relationsTab="matTab">
+  <tb-relation-table [active]="relationsTab.isActive" [entityId]="entity.id"></tb-relation-table>
+</mat-tab>
diff --git a/ui-ngx/src/app/modules/home/pages/tenant/tenant-tabs.component.ts b/ui-ngx/src/app/modules/home/pages/tenant/tenant-tabs.component.ts
new file mode 100644
index 0000000000..f6374330dc
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/tenant/tenant-tabs.component.ts
@@ -0,0 +1,38 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityTabsComponent } from '../../components/entity/entity-tabs.component';
+import { Tenant } from '@shared/models/tenant.model';
+
+@Component({
+  selector: 'tb-tenant-tabs',
+  templateUrl: './tenant-tabs.component.html',
+  styleUrls: []
+})
+export class TenantTabsComponent extends EntityTabsComponent<Tenant> {
+
+  constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit() {
+    super.ngOnInit();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/tenant/tenant.component.html b/ui-ngx/src/app/modules/home/pages/tenant/tenant.component.html
new file mode 100644
index 0000000000..04e160b126
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/tenant/tenant.component.html
@@ -0,0 +1,61 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-details-buttons">
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'manageTenantAdmins')"
+          [fxShow]="!isEdit">
+    {{'tenant.manage-tenant-admins' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'delete')"
+          [fxShow]="!hideDelete() && !isEdit">
+    {{'tenant.delete' | translate }}
+  </button>
+  <div fxLayout="row">
+    <button mat-raised-button
+            ngxClipboard
+            (cbOnSuccess)="onTenantIdCopied($event)"
+            [cbContent]="entity?.id?.id"
+            [fxShow]="!isEdit">
+      <mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon>
+      <span translate>tenant.copyId</span>
+    </button>
+  </div>
+</div>
+<div class="mat-padding" fxLayout="column">
+  <form #entityNgForm="ngForm" [formGroup]="entityForm">
+    <fieldset [disabled]="(isLoading$ | async) || !isEdit">
+      <mat-form-field class="mat-block">
+        <mat-label translate>tenant.title</mat-label>
+        <input matInput formControlName="title" required/>
+        <mat-error *ngIf="entityForm.get('title').hasError('required')">
+          {{ 'tenant.title-required' | translate }}
+        </mat-error>
+      </mat-form-field>
+      <div formGroupName="additionalInfo" fxLayout="column">
+        <mat-form-field class="mat-block">
+          <mat-label translate>tenant.description</mat-label>
+          <textarea matInput formControlName="description" rows="2"></textarea>
+        </mat-form-field>
+      </div>
+      <tb-contact [parentForm]="entityForm" [isEdit]="isEdit"></tb-contact>
+    </fieldset>
+  </form>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/tenant/tenant.component.ts b/ui-ngx/src/app/modules/home/pages/tenant/tenant.component.ts
new file mode 100644
index 0000000000..3be2b029f7
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/tenant/tenant.component.ts
@@ -0,0 +1,76 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { Customer } from '@shared/models/customer.model';
+import {Tenant} from '@app/shared/models/tenant.model';
+import {ActionNotificationShow} from '@app/core/notification/notification.actions';
+import {TranslateService} from '@ngx-translate/core';
+import {ContactBasedComponent} from '../../components/entity/contact-based.component';
+
+@Component({
+  selector: 'tb-tenant',
+  templateUrl: './tenant.component.html'
+})
+export class TenantComponent extends ContactBasedComponent<Tenant> {
+
+  constructor(protected store: Store<AppState>,
+              protected translate: TranslateService,
+              protected fb: FormBuilder) {
+    super(store, fb);
+  }
+
+  hideDelete() {
+    if (this.entitiesTableConfig) {
+      return !this.entitiesTableConfig.deleteEnabled(this.entity);
+    } else {
+      return false;
+    }
+  }
+
+  buildEntityForm(entity: Tenant): FormGroup {
+    return this.fb.group(
+      {
+        title: [entity ? entity.title : '', [Validators.required]],
+        additionalInfo: this.fb.group(
+          {
+            description: [entity && entity.additionalInfo ? entity.additionalInfo.description : '']
+          }
+        )
+      }
+    );
+  }
+
+  updateEntityForm(entity: Tenant) {
+    this.entityForm.patchValue({title: entity.title});
+    this.entityForm.patchValue({additionalInfo: {description: entity.additionalInfo ? entity.additionalInfo.description : ''}});
+  }
+
+  onTenantIdCopied(event) {
+    this.store.dispatch(new ActionNotificationShow(
+      {
+        message: this.translate.instant('tenant.idCopiedMessage'),
+        type: 'success',
+        duration: 750,
+        verticalPosition: 'bottom',
+        horizontalPosition: 'right'
+      }));
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/tenant/tenant.module.ts b/ui-ngx/src/app/modules/home/pages/tenant/tenant.module.ts
new file mode 100644
index 0000000000..004bafd96a
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/tenant/tenant.module.ts
@@ -0,0 +1,37 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@shared/shared.module';
+import {TenantComponent} from '@modules/home/pages/tenant/tenant.component';
+import {TenantRoutingModule} from '@modules/home/pages/tenant/tenant-routing.module';
+import {HomeComponentsModule} from '@modules/home/components/home-components.module';
+import { TenantTabsComponent } from '@home/pages/tenant/tenant-tabs.component';
+
+@NgModule({
+  declarations: [
+    TenantComponent,
+    TenantTabsComponent
+  ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    HomeComponentsModule,
+    TenantRoutingModule
+  ]
+})
+export class TenantModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/tenant/tenants-table-config.resolver.ts b/ui-ngx/src/app/modules/home/pages/tenant/tenants-table-config.resolver.ts
new file mode 100644
index 0000000000..0a8a19c342
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/tenant/tenants-table-config.resolver.ts
@@ -0,0 +1,107 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+
+import { Resolve, Router } from '@angular/router';
+
+import { Tenant } from '@shared/models/tenant.model';
+import {
+  DateEntityTableColumn,
+  EntityTableColumn,
+  EntityTableConfig
+} from '@home/models/entity/entities-table-config.models';
+import { TenantService } from '@core/http/tenant.service';
+import { TranslateService } from '@ngx-translate/core';
+import { DatePipe } from '@angular/common';
+import {
+  EntityType,
+  entityTypeResources,
+  entityTypeTranslations
+} from '@shared/models/entity-type.models';
+import { TenantComponent } from '@modules/home/pages/tenant/tenant.component';
+import { EntityAction } from '@home/models/entity/entity-component.models';
+import { User } from '@shared/models/user.model';
+import { TenantTabsComponent } from '@home/pages/tenant/tenant-tabs.component';
+
+@Injectable()
+export class TenantsTableConfigResolver implements Resolve<EntityTableConfig<Tenant>> {
+
+  private readonly config: EntityTableConfig<Tenant> = new EntityTableConfig<Tenant>();
+
+  constructor(private tenantService: TenantService,
+              private translate: TranslateService,
+              private datePipe: DatePipe,
+              private router: Router) {
+
+    this.config.entityType = EntityType.TENANT;
+    this.config.entityComponent = TenantComponent;
+    this.config.entityTabsComponent = TenantTabsComponent;
+    this.config.entityTranslations = entityTypeTranslations.get(EntityType.TENANT);
+    this.config.entityResources = entityTypeResources.get(EntityType.TENANT);
+
+    this.config.columns.push(
+      new DateEntityTableColumn<Tenant>('createdTime', 'tenant.created-time', this.datePipe, '150px'),
+      new EntityTableColumn<Tenant>('title', 'tenant.title', '25%'),
+      new EntityTableColumn<Tenant>('email', 'contact.email', '25%'),
+      new EntityTableColumn<Tenant>('country', 'contact.country', '25%'),
+      new EntityTableColumn<Tenant>('city', 'contact.city', '25%')
+    );
+
+    this.config.cellActionDescriptors.push(
+      {
+        name: this.translate.instant('tenant.manage-tenant-admins'),
+        icon: 'account_circle',
+        isEnabled: () => true,
+        onAction: ($event, entity) => this.manageTenantAdmins($event, entity)
+      }
+    );
+
+    this.config.deleteEntityTitle = tenant => this.translate.instant('tenant.delete-tenant-title', { tenantTitle: tenant.title });
+    this.config.deleteEntityContent = () => this.translate.instant('tenant.delete-tenant-text');
+    this.config.deleteEntitiesTitle = count => this.translate.instant('tenant.delete-tenants-title', {count});
+    this.config.deleteEntitiesContent = () => this.translate.instant('tenant.delete-tenants-text');
+
+    this.config.entitiesFetchFunction = pageLink => this.tenantService.getTenants(pageLink);
+    this.config.loadEntity = id => this.tenantService.getTenant(id.id);
+    this.config.saveEntity = tenant => this.tenantService.saveTenant(tenant);
+    this.config.deleteEntity = id => this.tenantService.deleteTenant(id.id);
+    this.config.onEntityAction = action => this.onTenantAction(action);
+  }
+
+  resolve(): EntityTableConfig<Tenant> {
+    this.config.tableTitle = this.translate.instant('tenant.tenants');
+
+    return this.config;
+  }
+
+  manageTenantAdmins($event: Event, tenant: Tenant) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.router.navigateByUrl(`tenants/${tenant.id.id}/users`);
+  }
+
+  onTenantAction(action: EntityAction<Tenant>): boolean {
+    switch (action.action) {
+      case 'manageTenantAdmins':
+        this.manageTenantAdmins(action.event, action.entity);
+        return true;
+    }
+    return false;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/user/activation-link-dialog.component.html b/ui-ngx/src/app/modules/home/pages/user/activation-link-dialog.component.html
new file mode 100644
index 0000000000..b851b7cc48
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/user/activation-link-dialog.component.html
@@ -0,0 +1,59 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form style="min-width: 400px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>user.activation-link</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="close()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div mat-dialog-content tb-toast toastTarget="activationLinkDialogContent">
+    <div class="mat-content mat-padding" fxLayout="column">
+      <span [innerHTML]="'user.activation-link-text' | translate: {activationLink: activationLink}"></span>
+      <div fxLayout="row" fxLayoutAlign="start center">
+        <pre class="tb-highlight" fxFlex><code>{{ activationLink }}</code></pre>
+        <button mat-button mat-icon-button
+                color="primary"
+                ngxClipboard
+                cbContent="{{ activationLink }}"
+                (cbOnSuccess)="onActivationLinkCopied()"
+                matTooltip="{{ 'user.copy-activation-link' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            cdkFocusInitial
+            [disabled]="(isLoading$ | async)"
+            (click)="close()">
+      {{ 'action.ok' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/pages/user/activation-link-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/user/activation-link-dialog.component.ts
new file mode 100644
index 0000000000..8b30c3a666
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/user/activation-link-dialog.component.ts
@@ -0,0 +1,67 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { TranslateService } from '@ngx-translate/core';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { Router } from '@angular/router';
+
+export interface ActivationLinkDialogData {
+  activationLink: string;
+}
+
+@Component({
+  selector: 'tb-activation-link-dialog',
+  templateUrl: './activation-link-dialog.component.html'
+})
+export class ActivationLinkDialogComponent extends DialogComponent<ActivationLinkDialogComponent, void> implements OnInit {
+
+  activationLink: string;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: ActivationLinkDialogData,
+              public dialogRef: MatDialogRef<ActivationLinkDialogComponent, void>,
+              private translate: TranslateService) {
+    super(store, router, dialogRef);
+    this.activationLink = this.data.activationLink;
+  }
+
+  ngOnInit(): void {
+  }
+
+  close(): void {
+    this.dialogRef.close();
+  }
+
+  onActivationLinkCopied() {
+     this.store.dispatch(new ActionNotificationShow(
+       {
+         message: this.translate.instant('user.activation-link-copied-message'),
+         type: 'success',
+         target: 'activationLinkDialogContent',
+         duration: 1200,
+         verticalPosition: 'bottom',
+         horizontalPosition: 'left'
+       }));
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/user/add-user-dialog.component.html b/ui-ngx/src/app/modules/home/pages/user/add-user-dialog.component.html
new file mode 100644
index 0000000000..e5f93ba0dc
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/user/add-user-dialog.component.html
@@ -0,0 +1,59 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form (ngSubmit)="add()" style="width: 600px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>user.add</h2>
+    <span fxFlex></span>
+    <div [tb-help]="'user'"></div>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div mat-dialog-content>
+    <tb-user></tb-user>
+    <mat-form-field class="mat-block">
+      <mat-label translate>user.activation-method</mat-label>
+      <mat-select matInput [ngModelOptions]="{standalone: true}" [(ngModel)]="activationMethod">
+        <mat-option *ngFor="let activationMethod of activationMethods" [value]="activationMethod">
+          {{ activationMethodTranslations.get(activationMethodEnum[activationMethod]) | translate }}
+        </mat-option>
+      </mat-select>
+    </mat-form-field>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || detailsForm.invalid || !detailsForm.dirty">
+      {{ 'action.add' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            cdkFocusInitial
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()">
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/pages/user/add-user-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/user/add-user-dialog.component.ts
new file mode 100644
index 0000000000..911b6bfb70
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/user/add-user-dialog.component.ts
@@ -0,0 +1,118 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit, ViewChild } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { NgForm } from '@angular/forms';
+import { UserComponent } from '@modules/home/pages/user/user.component';
+import { Authority } from '@shared/models/authority.enum';
+import { ActivationMethod, activationMethodTranslations, User } from '@shared/models/user.model';
+import { CustomerId } from '@shared/models/id/customer-id';
+import { UserService } from '@core/http/user.service';
+import { Observable } from 'rxjs';
+import {
+  ActivationLinkDialogComponent,
+  ActivationLinkDialogData
+} from '@modules/home/pages/user/activation-link-dialog.component';
+import {TenantId} from '@app/shared/models/id/tenant-id';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { Router } from '@angular/router';
+
+export interface AddUserDialogData {
+  tenantId: string;
+  customerId: string;
+  authority: Authority;
+}
+
+@Component({
+  selector: 'tb-add-user-dialog',
+  templateUrl: './add-user-dialog.component.html'
+})
+export class AddUserDialogComponent extends DialogComponent<AddUserDialogComponent, User> implements OnInit {
+
+  detailsForm: NgForm;
+  user: User;
+
+  activationMethods = Object.keys(ActivationMethod);
+  activationMethodEnum = ActivationMethod;
+
+  activationMethodTranslations = activationMethodTranslations;
+
+  activationMethod = ActivationMethod.DISPLAY_ACTIVATION_LINK;
+
+  @ViewChild(UserComponent, {static: true}) userComponent: UserComponent;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: AddUserDialogData,
+              public dialogRef: MatDialogRef<AddUserDialogComponent, User>,
+              private userService: UserService,
+              private dialog: MatDialog) {
+    super(store, router, dialogRef);
+  }
+
+  ngOnInit(): void {
+    this.user = {} as User;
+    this.userComponent.isEdit = true;
+    this.userComponent.entity = this.user;
+    this.detailsForm = this.userComponent.entityNgForm;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  add(): void {
+    if (this.detailsForm.valid) {
+      this.user = {...this.user, ...this.userComponent.entityForm.value};
+      this.user.authority = this.data.authority;
+      this.user.tenantId = new TenantId(this.data.tenantId);
+      this.user.customerId = new CustomerId(this.data.customerId);
+      const sendActivationEmail = this.activationMethod === ActivationMethod.SEND_ACTIVATION_MAIL;
+      this.userService.saveUser(this.user, sendActivationEmail).subscribe(
+        (user) => {
+          if (this.activationMethod === ActivationMethod.DISPLAY_ACTIVATION_LINK) {
+            this.userService.getActivationLink(user.id.id).subscribe(
+              (activationLink) => {
+                this.displayActivationLink(activationLink).subscribe(
+                  () => {
+                    this.dialogRef.close(user);
+                  }
+                );
+              }
+            );
+          } else {
+            this.dialogRef.close(user);
+          }
+        }
+      );
+    }
+  }
+
+  displayActivationLink(activationLink: string): Observable<void> {
+    return this.dialog.open<ActivationLinkDialogComponent, ActivationLinkDialogData,
+      void>(ActivationLinkDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        activationLink
+      }
+    }).afterClosed();
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/user/user-routing.module.ts b/ui-ngx/src/app/modules/home/pages/user/user-routing.module.ts
new file mode 100644
index 0000000000..ba32993506
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/user/user-routing.module.ts
@@ -0,0 +1,28 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { UsersTableConfigResolver } from '@modules/home/pages/user/users-table-config.resolver';
+
+@NgModule({
+  imports: [],
+  exports: [RouterModule],
+  providers: [
+    UsersTableConfigResolver
+  ]
+})
+export class UserRoutingModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/user/user-tabs.component.html b/ui-ngx/src/app/modules/home/pages/user/user-tabs.component.html
new file mode 100644
index 0000000000..997bfae799
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/user/user-tabs.component.html
@@ -0,0 +1,21 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-tab *ngIf="entity && authUser.authority === authorities.TENANT_ADMIN"
+         label="{{ 'audit-log.audit-logs' | translate }}" #auditLogsTab="matTab">
+  <tb-audit-log-table [active]="auditLogsTab.isActive" [auditLogMode]="auditLogModes.USER" [userId]="entity.id" detailsMode="true"></tb-audit-log-table>
+</mat-tab>
diff --git a/ui-ngx/src/app/modules/home/pages/user/user-tabs.component.ts b/ui-ngx/src/app/modules/home/pages/user/user-tabs.component.ts
new file mode 100644
index 0000000000..f8266d2309
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/user/user-tabs.component.ts
@@ -0,0 +1,38 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityTabsComponent } from '../../components/entity/entity-tabs.component';
+import { User } from '@app/shared/models/user.model';
+
+@Component({
+  selector: 'tb-user-tabs',
+  templateUrl: './user-tabs.component.html',
+  styleUrls: []
+})
+export class UserTabsComponent extends EntityTabsComponent<User> {
+
+  constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit() {
+    super.ngOnInit();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/user/user.component.html b/ui-ngx/src/app/modules/home/pages/user/user.component.html
new file mode 100644
index 0000000000..ac286159e3
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/user/user.component.html
@@ -0,0 +1,102 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-details-buttons">
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'disableAccount')"
+          [fxShow]="!isEdit && isUserCredentialsEnabled()">
+    {{'user.disable-account' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'enableAccount')"
+          [fxShow]="!isEdit && !isUserCredentialsEnabled()">
+    {{'user.enable-account' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'displayActivationLink')"
+          [fxShow]="!isEdit">
+    {{'user.display-activation-link' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'resendActivation')"
+          [fxShow]="!isEdit">
+    {{'user.resend-activation' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'loginAsUser')"
+          *ngIf="loginAsUserEnabled$ | async"
+          [fxShow]="!isEdit">
+    {{ (entity?.authority === authority.TENANT_ADMIN ? 'user.login-as-tenant-admin' : 'user.login-as-customer-user') | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'delete')"
+          [fxShow]="!hideDelete() && !isEdit">
+    {{'user.delete' | translate }}
+  </button>
+</div>
+<div class="mat-padding" fxLayout="column">
+  <form #entityNgForm="ngForm" [formGroup]="entityForm">
+    <fieldset [disabled]="(isLoading$ | async) || !isEdit">
+      <mat-form-field class="mat-block">
+        <mat-label translate>user.email</mat-label>
+        <input matInput formControlName="email" required>
+        <mat-error *ngIf="entityForm.get('email').hasError('email')">
+          {{ 'user.invalid-email-format' | translate }}
+        </mat-error>
+        <mat-error *ngIf="entityForm.get('email').hasError('required')">
+          {{ 'user.email-required' | translate }}
+        </mat-error>
+      </mat-form-field>
+      <mat-form-field class="mat-block">
+        <mat-label translate>user.first-name</mat-label>
+        <input matInput formControlName="firstName">
+      </mat-form-field>
+      <mat-form-field class="mat-block">
+        <mat-label translate>user.last-name</mat-label>
+        <input matInput formControlName="lastName">
+      </mat-form-field>
+      <div formGroupName="additionalInfo" fxLayout="column">
+        <mat-form-field class="mat-block">
+          <mat-label translate>user.description</mat-label>
+          <textarea matInput formControlName="description" rows="2"></textarea>
+        </mat-form-field>
+        <section class="tb-default-dashboard" fxFlex fxLayout="column" *ngIf="entity?.id">
+          <section fxFlex fxLayout="column" fxLayout.gt-sm="row">
+            <tb-dashboard-autocomplete
+              fxFlex
+              placeholder="{{ 'user.default-dashboard' | translate }}"
+              formControlName="defaultDashboardId"
+              [dashboardsScope]="entity?.authority === authority.TENANT_ADMIN ? 'tenant' : 'customer'"
+              [tenantId]="entity?.tenantId?.id"
+              [customerId]="entity?.customerId?.id"
+              [selectFirstDashboard]="false"
+            ></tb-dashboard-autocomplete>
+            <mat-checkbox fxFlex formControlName="defaultDashboardFullscreen">
+              {{ 'user.always-fullscreen' | translate }}
+            </mat-checkbox>
+          </section>
+        </section>
+      </div>
+    </fieldset>
+  </form>
+</div>
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/type/ComponentScopeCodec.java b/ui-ngx/src/app/modules/home/pages/user/user.component.scss
similarity index 65%
rename from dao/src/main/java/org/thingsboard/server/dao/model/type/ComponentScopeCodec.java
rename to ui-ngx/src/app/modules/home/pages/user/user.component.scss
index 1351974d25..4f11e9a63e 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/model/type/ComponentScopeCodec.java
+++ b/ui-ngx/src/app/modules/home/pages/user/user.component.scss
@@ -13,15 +13,23 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.model.type;
+@import "../../../../../scss/constants";
 
-import com.datastax.driver.extras.codecs.enums.EnumNameCodec;
-import org.thingsboard.server.common.data.plugin.ComponentScope;
+:host {
+  .tb-default-dashboard {
+    tb-dashboard-autocomplete {
+      @media #{$mat-gt-sm} {
+        padding-right: 12px;
+      }
 
-public class ComponentScopeCodec extends EnumNameCodec<ComponentScope> {
-
-    public ComponentScopeCodec() {
-        super(ComponentScope.class);
+      @media #{$mat-lt-md} {
+        padding-bottom: 12px;
+      }
     }
-
+    mat-checkbox {
+      @media #{$mat-gt-sm} {
+        margin-top: 16px;
+      }
+    }
+  }
 }
diff --git a/ui-ngx/src/app/modules/home/pages/user/user.component.ts b/ui-ngx/src/app/modules/home/pages/user/user.component.ts
new file mode 100644
index 0000000000..416ff1bb7c
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/user/user.component.ts
@@ -0,0 +1,91 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnInit } from '@angular/core';
+import { select, Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { EntityComponent } from '../../components/entity/entity.component';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { User } from '@shared/models/user.model';
+import { selectAuth, selectUserDetails } from '@core/auth/auth.selectors';
+import { map } from 'rxjs/operators';
+import { Authority } from '@shared/models/authority.enum';
+import { isUndefined } from '@core/utils';
+
+@Component({
+  selector: 'tb-user',
+  templateUrl: './user.component.html',
+  styleUrls: ['./user.component.scss']
+})
+export class UserComponent extends EntityComponent<User> {
+
+  authority = Authority;
+
+  loginAsUserEnabled$ = this.store.pipe(
+    select(selectAuth),
+    map((auth) => auth.userTokenAccessEnabled)
+  );
+
+  constructor(protected store: Store<AppState>,
+              public fb: FormBuilder) {
+    super(store);
+  }
+
+  hideDelete() {
+    if (this.entitiesTableConfig) {
+      return !this.entitiesTableConfig.deleteEnabled(this.entity);
+    } else {
+      return false;
+    }
+  }
+
+  isUserCredentialsEnabled(): boolean {
+    if (!this.entity || !this.entity.additionalInfo || isUndefined(this.entity.additionalInfo.userCredentialsEnabled)) {
+      return true;
+    } else {
+      return this.entity.additionalInfo.userCredentialsEnabled === true;
+    }
+  }
+
+  buildForm(entity: User): FormGroup {
+    return this.fb.group(
+      {
+        email: [entity ? entity.email : '', [Validators.required, Validators.email]],
+        firstName: [entity ? entity.firstName : ''],
+        lastName: [entity ? entity.lastName : ''],
+        additionalInfo: this.fb.group(
+          {
+            description: [entity && entity.additionalInfo ? entity.additionalInfo.description : ''],
+            defaultDashboardId: [entity && entity.additionalInfo ? entity.additionalInfo.defaultDashboardId : null],
+            defaultDashboardFullscreen: [entity && entity.additionalInfo ? entity.additionalInfo.defaultDashboardFullscreen : false],
+          }
+        )
+      }
+    );
+  }
+
+  updateForm(entity: User) {
+    this.entityForm.patchValue({email: entity.email});
+    this.entityForm.patchValue({firstName: entity.firstName});
+    this.entityForm.patchValue({lastName: entity.lastName});
+    this.entityForm.patchValue({additionalInfo: {description: entity.additionalInfo ? entity.additionalInfo.description : ''}});
+    this.entityForm.patchValue({additionalInfo:
+        {defaultDashboardId: entity.additionalInfo ? entity.additionalInfo.defaultDashboardId : null}});
+    this.entityForm.patchValue({additionalInfo:
+        {defaultDashboardFullscreen: entity.additionalInfo ? entity.additionalInfo.defaultDashboardFullscreen : false}});
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/user/user.module.ts b/ui-ngx/src/app/modules/home/pages/user/user.module.ts
new file mode 100644
index 0000000000..35d4bf30fa
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/user/user.module.ts
@@ -0,0 +1,41 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@shared/shared.module';
+import { UserComponent } from '@modules/home/pages/user/user.component';
+import { UserRoutingModule } from '@modules/home/pages/user/user-routing.module';
+import { AddUserDialogComponent } from '@modules/home/pages/user/add-user-dialog.component';
+import { ActivationLinkDialogComponent } from '@modules/home/pages/user/activation-link-dialog.component';
+import {HomeComponentsModule} from '@modules/home/components/home-components.module';
+import { UserTabsComponent } from '@home/pages/user/user-tabs.component';
+
+@NgModule({
+  declarations: [
+    UserComponent,
+    UserTabsComponent,
+    AddUserDialogComponent,
+    ActivationLinkDialogComponent
+  ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    HomeComponentsModule,
+    UserRoutingModule
+  ]
+})
+export class UserModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/user/users-table-config.resolver.ts b/ui-ngx/src/app/modules/home/pages/user/users-table-config.resolver.ts
new file mode 100644
index 0000000000..f0666cfa25
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/user/users-table-config.resolver.ts
@@ -0,0 +1,254 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable } from '@angular/core';
+
+import { ActivatedRouteSnapshot, Resolve } from '@angular/router';
+import {
+  DateEntityTableColumn,
+  EntityTableColumn,
+  EntityTableConfig
+} from '@home/models/entity/entities-table-config.models';
+import { TranslateService } from '@ngx-translate/core';
+import { DatePipe } from '@angular/common';
+import {
+  EntityType,
+  entityTypeResources,
+  entityTypeTranslations
+} from '@shared/models/entity-type.models';
+import { User } from '@shared/models/user.model';
+import { UserService } from '@core/http/user.service';
+import { UserComponent } from '@modules/home/pages/user/user.component';
+import { CustomerService } from '@core/http/customer.service';
+import { map, mergeMap, take, tap } from 'rxjs/operators';
+import { forkJoin, noop, Observable, of } from 'rxjs';
+import { Authority } from '@shared/models/authority.enum';
+import { CustomerId } from '@shared/models/id/customer-id';
+import { MatDialog } from '@angular/material/dialog';
+import { EntityAction } from '@home/models/entity/entity-component.models';
+import {
+  AddUserDialogComponent,
+  AddUserDialogData
+} from '@modules/home/pages/user/add-user-dialog.component';
+import { AuthState } from '@core/auth/auth.models';
+import { select, Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { selectAuth } from '@core/auth/auth.selectors';
+import { AuthService } from '@core/auth/auth.service';
+import {
+  ActivationLinkDialogComponent,
+  ActivationLinkDialogData
+} from '@modules/home/pages/user/activation-link-dialog.component';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { NULL_UUID } from '@shared/models/id/has-uuid';
+import { Customer } from '@shared/models/customer.model';
+import {TenantService} from '@app/core/http/tenant.service';
+import {TenantId} from '@app/shared/models/id/tenant-id';
+import { UserTabsComponent } from '@home/pages/user/user-tabs.component';
+
+export interface UsersTableRouteData {
+  authority: Authority;
+}
+
+@Injectable()
+export class UsersTableConfigResolver implements Resolve<EntityTableConfig<User>> {
+
+  private readonly config: EntityTableConfig<User> = new EntityTableConfig<User>();
+
+  private tenantId: string;
+  private customerId: string;
+  private authority: Authority;
+  private authUser: User;
+
+  constructor(private store: Store<AppState>,
+              private userService: UserService,
+              private authService: AuthService,
+              private tenantService: TenantService,
+              private customerService: CustomerService,
+              private translate: TranslateService,
+              private datePipe: DatePipe,
+              private dialog: MatDialog) {
+
+    this.config.entityType = EntityType.USER;
+    this.config.entityComponent = UserComponent;
+    this.config.entityTabsComponent = UserTabsComponent;
+    this.config.entityTranslations = entityTypeTranslations.get(EntityType.USER);
+    this.config.entityResources = entityTypeResources.get(EntityType.USER);
+
+    this.config.columns.push(
+      new DateEntityTableColumn<User>('createdTime', 'user.created-time', this.datePipe, '150px'),
+      new EntityTableColumn<User>('firstName', 'user.first-name', '33%'),
+      new EntityTableColumn<User>('lastName', 'user.last-name', '33%'),
+      new EntityTableColumn<User>('email', 'user.email', '33%')
+    );
+
+    this.config.deleteEnabled = user => user && user.id && user.id.id !== this.authUser.id.id;
+    this.config.deleteEntityTitle = user => this.translate.instant('user.delete-user-title', { userEmail: user.email });
+    this.config.deleteEntityContent = () => this.translate.instant('user.delete-user-text');
+    this.config.deleteEntitiesTitle = count => this.translate.instant('user.delete-users-title', {count});
+    this.config.deleteEntitiesContent = () => this.translate.instant('user.delete-users-text');
+
+    this.config.loadEntity = id => this.userService.getUser(id.id);
+    this.config.saveEntity = user => this.saveUser(user);
+    this.config.deleteEntity = id => this.userService.deleteUser(id.id);
+    this.config.onEntityAction = action => this.onUserAction(action);
+    this.config.addEntity = () => this.addUser();
+  }
+
+  resolve(route: ActivatedRouteSnapshot): Observable<EntityTableConfig<User>> {
+    const routeParams = route.params;
+    return this.store.pipe(select(selectAuth), take(1)).pipe(
+      tap((auth) => {
+        this.authUser = auth.userDetails;
+        this.authority = routeParams.tenantId ? Authority.TENANT_ADMIN : Authority.CUSTOMER_USER;
+        if (this.authority === Authority.TENANT_ADMIN) {
+          this.tenantId = routeParams.tenantId;
+          this.customerId = NULL_UUID;
+          this.config.entitiesFetchFunction = pageLink => this.userService.getTenantAdmins(this.tenantId, pageLink);
+        } else {
+          this.tenantId = this.authUser.tenantId.id;
+          this.customerId = routeParams.customerId;
+          this.config.entitiesFetchFunction = pageLink => this.userService.getCustomerUsers(this.customerId, pageLink);
+        }
+        this.updateActionCellDescriptors(auth);
+      }),
+      mergeMap(() => this.authority === Authority.TENANT_ADMIN ?
+        this.tenantService.getTenant(this.tenantId) :
+        this.customerService.getCustomer(this.customerId)),
+      map((parentEntity) => {
+        if (this.authority === Authority.TENANT_ADMIN) {
+          this.config.tableTitle = parentEntity.title + ': ' + this.translate.instant('user.tenant-admins');
+        } else {
+          this.config.tableTitle = parentEntity.title + ': ' + this.translate.instant('user.customer-users');
+        }
+        return this.config;
+      })
+    );
+  }
+
+  updateActionCellDescriptors(auth: AuthState) {
+    this.config.cellActionDescriptors.splice(0);
+    if (auth.userTokenAccessEnabled) {
+      this.config.cellActionDescriptors.push(
+        {
+          name: this.authority === Authority.TENANT_ADMIN ?
+            this.translate.instant('user.login-as-tenant-admin') :
+            this.translate.instant('user.login-as-customer-user'),
+          mdiIcon: 'mdi:login',
+          isEnabled: () => true,
+          onAction: ($event, entity) => this.loginAsUser($event, entity)
+        }
+      );
+    }
+  }
+
+  saveUser(user: User): Observable<User> {
+    user.tenantId = new TenantId(this.tenantId);
+    user.customerId = new CustomerId(this.customerId);
+    user.authority = this.authority;
+    return this.userService.saveUser(user);
+  }
+
+  addUser(): Observable<User> {
+    return this.dialog.open<AddUserDialogComponent, AddUserDialogData,
+      User>(AddUserDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+      data: {
+        tenantId: this.tenantId,
+        customerId: this.customerId,
+        authority: this.authority
+      }
+    }).afterClosed();
+  }
+
+  loginAsUser($event: Event, user: User) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.authService.loginAsUser(user.id.id).subscribe();
+  }
+
+  displayActivationLink($event: Event, user: User) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.userService.getActivationLink(user.id.id).subscribe(
+      (activationLink) => {
+        this.dialog.open<ActivationLinkDialogComponent, ActivationLinkDialogData,
+          void>(ActivationLinkDialogComponent, {
+          disableClose: true,
+          panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+          data: {
+            activationLink
+          }
+        });
+      }
+    );
+  }
+
+  resendActivation($event: Event, user: User) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.userService.sendActivationEmail(user.email).subscribe(() => {
+      this.store.dispatch(new ActionNotificationShow(
+        {
+          message: this.translate.instant('user.activation-email-sent-message'),
+          type: 'success'
+        }));
+    });
+  }
+
+  setUserCredentialsEnabled($event: Event, user: User, userCredentialsEnabled: boolean) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.userService.setUserCredentialsEnabled(user.id.id, userCredentialsEnabled).subscribe(() => {
+      if (!user.additionalInfo) {
+        user.additionalInfo = {};
+      }
+      user.additionalInfo.userCredentialsEnabled = userCredentialsEnabled;
+      this.store.dispatch(new ActionNotificationShow(
+        {
+          message: this.translate.instant(userCredentialsEnabled ? 'user.enable-account-message' : 'user.disable-account-message'),
+          type: 'success'
+        }));
+    });
+  }
+
+  onUserAction(action: EntityAction<User>): boolean {
+    switch (action.action) {
+      case 'loginAsUser':
+        this.loginAsUser(action.event, action.entity);
+        return true;
+      case 'displayActivationLink':
+        this.displayActivationLink(action.event, action.entity);
+        return true;
+      case 'resendActivation':
+        this.resendActivation(action.event, action.entity);
+        return true;
+      case 'disableAccount':
+        this.setUserCredentialsEnabled(action.event, action.entity, false);
+        return true;
+      case 'enableAccount':
+        this.setUserCredentialsEnabled(action.event, action.entity, true);
+        return true;
+    }
+    return false;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/widget/save-widget-type-as-dialog.component.html b/ui-ngx/src/app/modules/home/pages/widget/save-widget-type-as-dialog.component.html
new file mode 100644
index 0000000000..1bb2f1a3ec
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/save-widget-type-as-dialog.component.html
@@ -0,0 +1,65 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #saveWidgetTypeAsForm="ngForm"
+      [formGroup]="saveWidgetTypeAsFormGroup"(ngSubmit)="saveAs()">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>widget.save-widget-type-as</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div mat-dialog-content>
+    <fieldset>
+      <span translate>widget.save-widget-type-as-text</span>
+      <mat-form-field class="mat-block">
+        <mat-label translate>widget.title</mat-label>
+        <input matInput formControlName="title" required>
+        <mat-error *ngIf="saveWidgetTypeAsFormGroup.get('title').hasError('required')">
+          {{ 'widget.title-required' | translate }}
+        </mat-error>
+      </mat-form-field>
+      <tb-widgets-bundle-select fxFlex
+                                formControlName="widgetsBundle"
+                                required
+                                bundlesScope="{{bundlesScope}}">
+      </tb-widgets-bundle-select>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || saveWidgetTypeAsForm.invalid
+            || !saveWidgetTypeAsForm.dirty">
+      {{ 'action.saveAs' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/pages/widget/save-widget-type-as-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/widget/save-widget-type-as-dialog.component.ts
new file mode 100644
index 0000000000..595e372e95
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/save-widget-type-as-dialog.component.ts
@@ -0,0 +1,81 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnInit } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { Router } from '@angular/router';
+import { WidgetsBundle } from '@shared/models/widgets-bundle.model';
+import { getCurrentAuthUser } from '@core/auth/auth.selectors';
+import { Authority } from '@shared/models/authority.enum';
+
+export interface SaveWidgetTypeAsDialogResult {
+  widgetName: string;
+  bundleId: string;
+  bundleAlias: string;
+}
+
+@Component({
+  selector: 'tb-save-widget-type-as-dialog',
+  templateUrl: './save-widget-type-as-dialog.component.html',
+  styleUrls: []
+})
+export class SaveWidgetTypeAsDialogComponent extends
+  DialogComponent<SaveWidgetTypeAsDialogComponent, SaveWidgetTypeAsDialogResult> implements OnInit {
+
+  saveWidgetTypeAsFormGroup: FormGroup;
+
+  bundlesScope: string;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              public dialogRef: MatDialogRef<SaveWidgetTypeAsDialogComponent, SaveWidgetTypeAsDialogResult>,
+              public fb: FormBuilder) {
+    super(store, router, dialogRef);
+
+    const authUser = getCurrentAuthUser(store);
+    if (authUser.authority === Authority.TENANT_ADMIN) {
+      this.bundlesScope = 'tenant';
+    } else {
+      this.bundlesScope = 'system';
+    }
+  }
+
+  ngOnInit(): void {
+    this.saveWidgetTypeAsFormGroup = this.fb.group({
+      title: [null, [Validators.required]],
+      widgetsBundle: [null, [Validators.required]]
+    });
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  saveAs(): void {
+    const widgetName: string = this.saveWidgetTypeAsFormGroup.get('title').value;
+    const widgetsBundle: WidgetsBundle = this.saveWidgetTypeAsFormGroup.get('widgetsBundle').value;
+    const result: SaveWidgetTypeAsDialogResult = {
+      widgetName,
+      bundleId: widgetsBundle.id.id,
+      bundleAlias: widgetsBundle.alias
+    };
+    this.dialogRef.close(result);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.html b/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.html
new file mode 100644
index 0000000000..56251d4429
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.html
@@ -0,0 +1,59 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form style="width: 800px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2 translate>widget.select-widget-type</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div mat-dialog-content>
+    <fieldset [disabled]="(isLoading$ | async)">
+      <div fxLayout="column" fxLayoutGap="16px" fxLayout.gt-sm="row" fxLayoutAlign="center center">
+        <button *ngFor="let type of allWidgetTypes;" class="tb-card-button" mat-button mat-raised-button color="primary"
+                type="button"
+                (click)="typeSelected(widgetTypes[type])">
+          <mat-icon *ngIf="!widgetTypesDataMap.get(widgetTypes[type]).isMdiIcon; else mdiIconBlock" class="tb-mat-96">
+            {{ widgetTypesDataMap.get(widgetTypes[type]).icon }}
+          </mat-icon>
+          <ng-template #mdiIconBlock>
+            <mat-icon class="tb-mat-96" [svgIcon]="widgetTypesDataMap.get(widgetTypes[type]).icon">
+            </mat-icon>
+          </ng-template>
+          <span translate>{{ widgetTypesDataMap.get(widgetTypes[type]).name }}</span>
+        </button>
+      </div>
+    </fieldset>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()" cdkFocusInitial>
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.scss b/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.scss
new file mode 100644
index 0000000000..a8a584a4f5
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.scss
@@ -0,0 +1,49 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host ::ng-deep {
+  button.tb-card-button {
+    width: 100%;
+    height: 100%;
+    max-width: 240px;
+    .mat-button-wrapper {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      mat-icon {
+        margin: auto;
+      }
+      span {
+        height: 18px;
+        min-height: 18px;
+        max-height: 18px;
+        padding: 0 0 20px 0;
+        margin: auto;
+        font-size: 18px;
+        font-weight: 400;
+        line-height: 18px;
+        white-space: normal;
+      }
+    }
+    &.mat-raised-button.mat-primary {
+      .mat-ripple-element {
+        opacity: 0.3;
+        background-color: rgba(255, 255, 255, 0.3);
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.ts
new file mode 100644
index 0000000000..92222f2ac8
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.ts
@@ -0,0 +1,52 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { Router } from '@angular/router';
+import { widgetType, widgetTypesData } from '@shared/models/widget.models';
+
+@Component({
+  selector: 'tb-select-widget-type-dialog',
+  templateUrl: './select-widget-type-dialog.component.html',
+  styleUrls: ['./select-widget-type-dialog.component.scss']
+})
+export class SelectWidgetTypeDialogComponent extends
+  DialogComponent<SelectWidgetTypeDialogComponent, widgetType> {
+
+  widgetTypes = widgetType;
+
+  allWidgetTypes = Object.keys(widgetType);
+
+  widgetTypesDataMap = widgetTypesData;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              public dialogRef: MatDialogRef<SelectWidgetTypeDialogComponent, widgetType>) {
+    super(store, router, dialogRef);
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  typeSelected(type: widgetType) {
+    this.dialogRef.close(type);
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.html b/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.html
new file mode 100644
index 0000000000..4413d3855f
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.html
@@ -0,0 +1,257 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div fxFlex fxLayout="column">
+  <div fxFlex fxLayout="column" tb-fullscreen [fullscreen]="fullscreen" tb-hotkeys [hotkeys]="hotKeys" [cheatSheet]="cheatSheetComponent">
+    <tb-hotkeys-cheatsheet #cheatSheetComponent></tb-hotkeys-cheatsheet>
+    <mat-toolbar class="mat-elevation-z1 tb-edit-toolbar mat-hue-3" fxLayoutGap="16px">
+      <mat-form-field floatLabel="always" hideRequiredMarker class="tb-widget-title">
+        <mat-label></mat-label>
+        <input [disabled]="isReadOnly" matInput required
+               [(ngModel)]="widget.widgetName" (ngModelChange)="isDirty = true"
+               placeholder="{{ 'widget.title' | translate }}"/>
+      </mat-form-field>
+      <mat-form-field>
+        <mat-select [disabled]="isReadOnly" matInput placeholder="{{ 'widget.type' | translate }}"
+                    [(ngModel)]="widget.type" (ngModelChange)="widetTypeChanged()">
+          <mat-option *ngFor="let type of allWidgetTypes" [value]="type">
+            {{ widgetTypesDataMap.get(widgetTypes[type]).name | translate }}
+          </mat-option>
+        </mat-select>
+      </mat-form-field>
+      <span fxFlex></span>
+      <button mat-button fxHide.xs fxHide.sm [disabled]="!iframeWidgetEditModeInited"
+              (click)="applyWidgetScript()"
+              matTooltip="{{ 'widget.run' | translate }} (CTRL + Return)"
+              matTooltipPosition="below">
+        <mat-icon>play_arrow</mat-icon>
+        <span translate>action.run</span>
+      </button>
+      <button mat-button mat-raised-button
+              fxHide.xs fxHide.sm [disabled]="(isLoading$ | async) || undoDisabled()"
+              (click)="undoWidget()"
+              matTooltip="{{ 'widget.undo' | translate }} (CTRL + Q)"
+              matTooltipPosition="below">
+        <mat-icon>undo</mat-icon>
+        <span translate>action.undo</span>
+      </button>
+      <button *ngIf="!isReadOnly" mat-button mat-raised-button
+              fxHide.xs fxHide.sm [disabled]="(isLoading$ | async) || saveDisabled()"
+              (click)="saveWidget()"
+              [tb-circular-progress]="saveWidgetPending"
+              matTooltip="{{ 'widget.save' | translate }} (CTRL + S)"
+              matTooltipPosition="below">
+        <mat-icon>save</mat-icon>
+        <span translate>action.save</span>
+      </button>
+      <button mat-button mat-raised-button
+              fxHide.xs fxHide.sm [disabled]="(isLoading$ | async) || saveAsDisabled()"
+              (click)="saveWidgetAs()"
+              [tb-circular-progress]="saveWidgetAsPending"
+              matTooltip="{{ 'widget.saveAs' | translate }} (Shift + CTRL + S)"
+              matTooltipPosition="below">
+        <mat-icon>save</mat-icon>
+        <span translate>action.saveAs</span>
+      </button>
+      <button mat-button
+              fxHide.xs fxHide.sm
+              (click)="fullscreen = !fullscreen"
+              matTooltip="{{ 'widget.toggle-fullscreen' | translate }} (Shift + CTRL + F)"
+              matTooltipPosition="below">
+        <mat-icon>{{ fullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+        <span translate>widget.toggle-fullscreen</span>
+      </button>
+      <button mat-button mat-icon-button fxHide.gt-sm
+              [matMenuTriggerFor]="widgetEditMenu">
+        <mat-icon>more_vert</mat-icon>
+      </button>
+      <mat-menu #widgetEditMenu="matMenu" xPosition="before">
+        <button mat-menu-item
+                [disabled]="!iframeWidgetEditModeInited"
+                (click)="applyWidgetScript()">
+          <mat-icon>play_arrow</mat-icon>
+          <span translate>action.run</span>
+        </button>
+        <button mat-menu-item
+                [disabled]="(isLoading$ | async) || undoDisabled()"
+                (click)="undoWidget()">
+          <mat-icon>undo</mat-icon>
+          <span translate>action.undo</span>
+        </button>
+        <button *ngIf="!isReadOnly" mat-menu-item
+                [disabled]="(isLoading$ | async) || saveDisabled()"
+                (click)="saveWidget()">
+          <mat-icon>save</mat-icon>
+          <span translate>action.save</span>
+        </button>
+        <button mat-menu-item
+                [disabled]="(isLoading$ | async) || saveAsDisabled()"
+                (click)="saveWidgetAs()">
+          <mat-icon>save</mat-icon>
+          <span translate>action.saveAs</span>
+        </button>
+      </mat-menu>
+    </mat-toolbar>
+    <div fxFlex style="position: relative;">
+      <div class="tb-editor tb-absolute-fill">
+        <div #topPanel class="tb-split tb-split-vertical">
+          <div #topLeftPanel class="tb-split tb-content">
+            <mat-tab-group selectedIndex="1" dynamicHeight="true" style="width: 100%; height: 100%;">
+              <mat-tab label="{{ 'widget.resources' | translate }}" style="width: 100%; height: 100%;">
+                <div class="tb-resize-container" style="background-color: #fff;">
+                  <div class="mat-padding">
+                    <div fxFlex fxLayout="row" style="max-height: 40px;"
+                         fxLayoutAlign="start center"
+                         *ngFor="let resource of widget.resources; let i = index" >
+                      <mat-form-field fxFlex class="mat-block resource-field" floatLabel="never"
+                                      style="margin: 10px 0px 0px 0px; max-height: 40px;">
+                        <input required matInput [(ngModel)]="resource.url"
+                               (ngModelChange)="isDirty = true"
+                               placeholder="{{ 'widget.resource-url' | translate }}"/>
+                      </mat-form-field>
+                      <button mat-button mat-icon-button color="primary"
+                              [disabled]="isLoading$ | async"
+                              (click)="removeResource(i)"
+                              matTooltip="{{'widget.remove-resource' | translate}}"
+                              matTooltipPosition="above">
+                        <mat-icon>close</mat-icon>
+                      </button>
+                    </div>
+                    <div style="margin-top: 6px;">
+                      <button mat-button mat-raised-button color="primary"
+                              [disabled]="isLoading$ | async"
+                              (click)="addResource()"
+                              matTooltip="{{'widget.add-resource' | translate}}"
+                              matTooltipPosition="above">
+                        <span translate>action.add</span>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </mat-tab>
+              <mat-tab label="{{ 'widget.html' | translate }}" style="width: 100%; height: 100%;">
+                <div class="tb-resize-container" tb-fullscreen [fullscreen]="htmlFullscreen">
+                  <div class="tb-editor-area-title-panel">
+                    <button mat-button (click)="beautifyHtml()">
+                      {{ 'widget.tidy' | translate }}
+                    </button>
+                    <button mat-button mat-icon-button class="tb-mat-32"
+                            (click)="htmlFullscreen = !htmlFullscreen"
+                            matTooltip="{{(htmlFullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
+                            matTooltipPosition="above">
+                      <mat-icon>{{ htmlFullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+                    </button>
+                  </div>
+                  <div #htmlInput></div>
+                </div>
+              </mat-tab>
+              <mat-tab label="{{ 'widget.css' | translate }}" style="width: 100%; height: 100%;">
+                <div class="tb-resize-container" tb-fullscreen [fullscreen]="cssFullscreen">
+                  <div class="tb-editor-area-title-panel">
+                    <button mat-button (click)="beautifyCss()">
+                      {{ 'widget.tidy' | translate }}
+                    </button>
+                    <button mat-button mat-icon-button class="tb-mat-32"
+                            (click)="cssFullscreen = !cssFullscreen"
+                            matTooltip="{{(cssFullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
+                            matTooltipPosition="above">
+                      <mat-icon>{{ cssFullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+                    </button>
+                  </div>
+                  <div #cssInput></div>
+                </div>
+              </mat-tab>
+            </mat-tab-group>
+          </div>
+          <div #topRightPanel class="tb-split tb-content">
+            <mat-tab-group dynamicHeight="true" style="width: 100%; height: 100%;">
+              <mat-tab label="{{ 'widget.settings-schema' | translate }}" style="width: 100%; height: 100%;">
+                <div class="tb-resize-container" tb-fullscreen [fullscreen]="jsonSettingsFullscreen">
+                  <div class="tb-editor-area-title-panel">
+                    <button mat-button (click)="beautifyJson()">
+                      {{ 'widget.tidy' | translate }}
+                    </button>
+                    <button mat-button mat-icon-button class="tb-mat-32"
+                            (click)="jsonSettingsFullscreen = !jsonSettingsFullscreen"
+                            matTooltip="{{(jsonSettingsFullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
+                            matTooltipPosition="above">
+                      <mat-icon>{{ jsonSettingsFullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+                    </button>
+                  </div>
+                  <div #settingsJsonInput></div>
+                </div>
+              </mat-tab>
+              <mat-tab label="{{ 'widget.datakey-settings-schema' | translate }}" style="width: 100%; height: 100%;">
+                <div class="tb-resize-container" tb-fullscreen [fullscreen]="jsonDataKeySettingsFullscreen">
+                  <div class="tb-editor-area-title-panel">
+                    <button mat-button (click)="beautifyDataKeyJson()">
+                      {{ 'widget.tidy' | translate }}
+                    </button>
+                    <button mat-button mat-icon-button class="tb-mat-32"
+                            (click)="jsonDataKeySettingsFullscreen = !jsonDataKeySettingsFullscreen"
+                            matTooltip="{{(jsonDataKeySettingsFullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
+                            matTooltipPosition="above">
+                      <mat-icon>{{ jsonDataKeySettingsFullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+                    </button>
+                  </div>
+                  <div #dataKeySettingsJsonInput></div>
+                </div>
+              </mat-tab>
+            </mat-tab-group>
+          </div>
+        </div>
+        <div #bottomPanel class="tb-split tb-split-vertical">
+          <div #javascriptPanel class="tb-split tb-content" tb-toast toastTarget="javascriptPanel">
+            <div class="tb-resize-container" tb-fullscreen [fullscreen]="javascriptFullscreen">
+              <div class="tb-editor-area-title-panel">
+                <label translate>widget.javascript</label>
+                <button mat-button (click)="beautifyJs()">
+                  {{ 'widget.tidy' | translate }}
+                </button>
+                <button mat-button mat-icon-button class="tb-mat-32"
+                        (click)="javascriptFullscreen = !javascriptFullscreen"
+                        matTooltip="{{(javascriptFullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
+                        matTooltipPosition="above">
+                  <mat-icon>{{ javascriptFullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+                </button>
+              </div>
+              <div #javascriptInput></div>
+            </div>
+          </div>
+          <div #framePanel class="tb-split tb-content" style="overflow-y: hidden; position: relative;">
+            <div class="mat-content tb-progress-cover" fxFlex fxLayout="column" fxLayoutAlign="center center"
+                 *ngIf="!iframeWidgetEditModeInited">
+              <mat-spinner diameter="100" mode="indeterminate" color="warn"></mat-spinner>
+            </div>
+            <div tb-fullscreen [fullscreen]="iFrameFullscreen" style="width: 100%; height: 100%;">
+              <iframe #widgetIFrame frameborder="0" height="100%" width="100%"></iframe>
+              <div style="position: absolute; top: 10px; left: 10px; bottom: initial;">
+                <button mat-button mat-icon-button
+                        class="tb-fullscreen-button-style"
+                        (click)="iFrameFullscreen = !iFrameFullscreen"
+                        matTooltip="{{(iFrameFullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
+                        matTooltipPosition="above">
+                  <mat-icon>{{ iFrameFullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.scss b/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.scss
new file mode 100644
index 0000000000..756753c2eb
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.scss
@@ -0,0 +1,185 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+$edit-toolbar-height: 40px !default;
+
+tb-widget-editor {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+
+.tb-editor {
+  .tb-split {
+    box-sizing: border-box;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+
+  mat-form-field.resource-field {
+    max-height: 40px;
+    margin: 10px 0px 0px 0px;
+    .mat-form-field-wrapper {
+      padding-bottom: 0;
+      .mat-form-field-flex {
+        max-height: 40px;
+        .mat-form-field-infix {
+          border: 0;
+        }
+      }
+      .mat-form-field-underline {
+        bottom: 0;
+      }
+    }
+  }
+
+  .ace_editor {
+    font-size: 14px !important;
+  }
+
+  .tb-content {
+    border: 1px solid #c0c0c0;
+  }
+
+  .gutter {
+    background-color: transparent;
+
+    background-repeat: no-repeat;
+    background-position: 50%;
+
+    &.gutter-horizontal {
+      cursor: col-resize;
+      background-image: url("../../../../../assets/split.js/grips/vertical.png");
+    }
+
+    &.gutter-vertical {
+      cursor: row-resize;
+      background-image: url("../../../../../assets/split.js/grips/horizontal.png");
+    }
+  }
+
+  .tb-split.tb-split-horizontal,
+  .gutter.gutter-horizontal {
+    float: left;
+    height: 100%;
+  }
+
+  .tb-split.tb-split-vertical {
+    display: flex;
+
+    .tb-split.tb-content {
+      height: 100%;
+    }
+  }
+}
+
+.tb-split-vertical {
+  mat-tab-group {
+    .mat-tab-body-wrapper {
+      height: calc(100% - 49px);
+
+      mat-tab-body {
+        height: 100%;
+
+        & > div {
+          height: 100%;
+        }
+      }
+    }
+  }
+}
+
+div.tb-editor-area-title-panel {
+  position: absolute;
+  top: 5px;
+  right: 20px;
+  z-index: 5;
+  font-size: .8rem;
+  font-weight: 500;
+
+  label {
+    padding: 4px;
+    color: #00acc1;
+    text-transform: uppercase;
+    background: rgba(220, 220, 220, .35);
+    border-radius: 5px;
+    &:not(:last-child) {
+      margin-right: 4px;
+    }
+  }
+
+  button.mat-button, button.mat-icon-button, button.mat-icon-button.tb-mat-32 {
+    align-items: center;
+    vertical-align: middle;
+    min-width: 32px;
+    min-height: 15px;
+    padding: 4px;
+    margin: 0;
+    font-size: .8rem;
+    line-height: 15px;
+    color: #7b7b7b;
+    background: rgba(220, 220, 220, .35);
+    &:not(:last-child) {
+      margin-right: 4px;
+    }
+  }
+}
+
+.tb-resize-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+
+  .ace_editor {
+    height: 100%;
+  }
+}
+
+mat-toolbar.tb-edit-toolbar {
+
+  min-height: $edit-toolbar-height !important;
+  max-height: $edit-toolbar-height !important;
+
+  button.mat-button {
+    min-width: 65px;
+    min-height: 30px;
+    font-size: 12px;
+    line-height: 30px;
+
+    mat-icon {
+      font-size: 20px;
+    }
+
+    span {
+      padding-right: 6px;
+    }
+  }
+
+  mat-form-field {
+    input {
+      font-size: 1.2rem;
+      font-weight: 400;
+      letter-spacing: .005em;
+    }
+    div.mat-form-field-infix {
+      padding-bottom: 5px;
+    }
+    &.tb-widget-title {
+      min-width: 250px;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.ts b/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.ts
new file mode 100644
index 0000000000..e3684c51d5
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.ts
@@ -0,0 +1,691 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { PageComponent } from '@shared/components/page.component';
+import { Component, ElementRef, Inject, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { WidgetsBundle } from '@shared/models/widgets-bundle.model';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { WidgetService } from '@core/http/widget.service';
+import { toWidgetInfo, WidgetInfo } from '@home/models/widget-component.models';
+import { WidgetConfig, widgetType, WidgetType, widgetTypesData, Widget } from '@shared/models/widget.models';
+import { ActivatedRoute, Router } from '@angular/router';
+import { deepClone } from '@core/utils';
+import { HasDirtyFlag } from '@core/guards/confirm-on-exit.guard';
+import { AuthUser } from '@shared/models/user.model';
+import { getCurrentAuthUser } from '@core/auth/auth.selectors';
+import { Authority } from '@shared/models/authority.enum';
+import { NULL_UUID } from '@shared/models/id/has-uuid';
+import { Hotkey, HotkeysService } from 'angular2-hotkeys';
+import { TranslateService } from '@ngx-translate/core';
+import { getCurrentIsLoading } from '@app/core/interceptors/load.selectors';
+import * as ace from 'ace-builds';
+import { css_beautify, html_beautify } from 'js-beautify';
+import { CancelAnimationFrame, RafService } from '@core/services/raf.service';
+import { WINDOW } from '@core/services/window.service';
+import { WindowMessage } from '@shared/models/window-message.model';
+import { ExceptionData } from '@shared/models/error.models';
+import Timeout = NodeJS.Timeout;
+import { ActionNotificationHide, ActionNotificationShow } from '@core/notification/notification.actions';
+import { MatDialog } from '@angular/material/dialog';
+import { SelectWidgetTypeDialogComponent } from '@home/pages/widget/select-widget-type-dialog.component';
+import {
+  SaveWidgetTypeAsDialogComponent,
+  SaveWidgetTypeAsDialogResult
+} from '@home/pages/widget/save-widget-type-as-dialog.component';
+import { Subscription } from 'rxjs';
+
+// @dynamic
+@Component({
+  selector: 'tb-widget-editor',
+  templateUrl: './widget-editor.component.html',
+  styleUrls: ['./widget-editor.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class WidgetEditorComponent extends PageComponent implements OnInit, OnDestroy, HasDirtyFlag {
+
+  @ViewChild('topPanel', {static: true})
+  topPanelElmRef: ElementRef;
+
+  @ViewChild('topLeftPanel', {static: true})
+  topLeftPanelElmRef: ElementRef;
+
+  @ViewChild('topRightPanel', {static: true})
+  topRightPanelElmRef: ElementRef;
+
+  @ViewChild('bottomPanel', {static: true})
+  bottomPanelElmRef: ElementRef;
+
+  @ViewChild('javascriptPanel', {static: true})
+  javascriptPanelElmRef: ElementRef;
+
+  @ViewChild('framePanel', {static: true})
+  framePanelElmRef: ElementRef;
+
+  @ViewChild('htmlInput', {static: true})
+  htmlInputElmRef: ElementRef;
+
+  @ViewChild('cssInput', {static: true})
+  cssInputElmRef: ElementRef;
+
+  @ViewChild('settingsJsonInput', {static: true})
+  settingsJsonInputElmRef: ElementRef;
+
+  @ViewChild('dataKeySettingsJsonInput', {static: true})
+  dataKeySettingsJsonInputElmRef: ElementRef;
+
+  @ViewChild('javascriptInput', {static: true})
+  javascriptInputElmRef: ElementRef;
+
+  @ViewChild('widgetIFrame', {static: true})
+  widgetIFrameElmRef: ElementRef<HTMLIFrameElement>;
+
+  iframe: JQuery<HTMLIFrameElement>;
+
+  widgetTypes = widgetType;
+  allWidgetTypes = Object.keys(widgetType);
+  widgetTypesDataMap = widgetTypesData;
+
+  authUser: AuthUser;
+
+  isReadOnly: boolean;
+
+  widgetsBundle: WidgetsBundle;
+  widgetType: WidgetType;
+  widget: WidgetInfo;
+  origWidget: WidgetInfo;
+
+  isDirty = false;
+
+  fullscreen = false;
+  htmlFullscreen = false;
+  cssFullscreen = false;
+  jsonSettingsFullscreen = false;
+  jsonDataKeySettingsFullscreen = false;
+  javascriptFullscreen = false;
+  iFrameFullscreen = false;
+
+  aceEditors: ace.Ace.Editor[] = [];
+  editorsResizeCafs: {[editorId: string]: CancelAnimationFrame} = {};
+  htmlEditor: ace.Ace.Editor;
+  cssEditor: ace.Ace.Editor;
+  jsonSettingsEditor: ace.Ace.Editor;
+  dataKeyJsonSettingsEditor: ace.Ace.Editor;
+  jsEditor: ace.Ace.Editor;
+  aceResizeListeners: { element: any, resizeListener: any }[] = [];
+
+  onWindowMessageListener = this.onWindowMessage.bind(this);
+
+  iframeWidgetEditModeInited = false;
+  saveWidgetPending = false;
+  saveWidgetAsPending = false;
+
+  gotError = false;
+  errorMarkers: number[] = [];
+  errorAnnotationId = -1;
+
+  saveWidgetTimeout: Timeout;
+
+  hotKeys: Hotkey[] = [];
+
+  private rxSubscriptions = new Array<Subscription>();
+
+  constructor(protected store: Store<AppState>,
+              @Inject(WINDOW) private window: Window,
+              private route: ActivatedRoute,
+              private router: Router,
+              private widgetService: WidgetService,
+              private translate: TranslateService,
+              private raf: RafService,
+              private dialog: MatDialog) {
+    super(store);
+
+    this.authUser = getCurrentAuthUser(store);
+
+    this.rxSubscriptions.push(this.route.data.subscribe(
+      (data) => {
+        this.init(data);
+      }
+    ));
+
+    this.initHotKeys();
+  }
+
+  private init(data: any) {
+    this.widgetsBundle = data.widgetsBundle;
+    if (this.authUser.authority === Authority.TENANT_ADMIN) {
+      this.isReadOnly = !this.widgetsBundle || this.widgetsBundle.tenantId.id === NULL_UUID;
+    } else {
+      this.isReadOnly = this.authUser.authority !== Authority.SYS_ADMIN;
+    }
+    this.widgetType = data.widgetEditorData.widgetType;
+    this.widget = data.widgetEditorData.widget;
+    if (this.widgetType) {
+      const config = JSON.parse(this.widget.defaultConfig);
+      this.widget.defaultConfig = JSON.stringify(config);
+    }
+    this.origWidget = deepClone(this.widget);
+    if (!this.widgetType) {
+      this.isDirty = true;
+    }
+  }
+
+  ngOnInit(): void {
+    this.initSplitLayout();
+    this.initAceEditors();
+    this.iframe = $(this.widgetIFrameElmRef.nativeElement);
+    this.window.addEventListener('message', this.onWindowMessageListener);
+    this.iframe.attr('data-widget', JSON.stringify(this.widget));
+    this.iframe.attr('src', '/widget-editor');
+  }
+
+  ngOnDestroy(): void {
+    this.window.removeEventListener('message', this.onWindowMessageListener);
+    this.aceResizeListeners.forEach((resizeListener) => {
+      // @ts-ignore
+      removeResizeListener(resizeListener.element, resizeListener.resizeListener);
+    });
+    this.rxSubscriptions.forEach((subscription) => {
+      subscription.unsubscribe();
+    });
+    this.rxSubscriptions.length = 0;
+  }
+
+  private initHotKeys(): void {
+    this.hotKeys.push(
+      new Hotkey('ctrl+q', (event: KeyboardEvent) => {
+        if (!getCurrentIsLoading(this.store) && !this.undoDisabled()) {
+          event.preventDefault();
+          this.undoWidget();
+        }
+        return false;
+      }, ['INPUT', 'SELECT', 'TEXTAREA'],
+        this.translate.instant('widget.undo'))
+    );
+    this.hotKeys.push(
+      new Hotkey('ctrl+s', (event: KeyboardEvent) => {
+          if (!getCurrentIsLoading(this.store) && !this.saveDisabled()) {
+            event.preventDefault();
+            this.saveWidget();
+          }
+          return false;
+        }, ['INPUT', 'SELECT', 'TEXTAREA'],
+        this.translate.instant('widget.save'))
+    );
+    this.hotKeys.push(
+      new Hotkey('shift+ctrl+s', (event: KeyboardEvent) => {
+          if (!getCurrentIsLoading(this.store) && !this.saveAsDisabled()) {
+            event.preventDefault();
+            this.saveWidgetAs();
+          }
+          return false;
+        }, ['INPUT', 'SELECT', 'TEXTAREA'],
+        this.translate.instant('widget.saveAs'))
+    );
+    this.hotKeys.push(
+      new Hotkey('shift+ctrl+f', (event: KeyboardEvent) => {
+          event.preventDefault();
+          this.fullscreen = !this.fullscreen;
+          return false;
+        }, ['INPUT', 'SELECT', 'TEXTAREA'],
+        this.translate.instant('widget.toggle-fullscreen'))
+    );
+    this.hotKeys.push(
+      new Hotkey('ctrl+enter', (event: KeyboardEvent) => {
+          event.preventDefault();
+          this.applyWidgetScript();
+          return false;
+        }, ['INPUT', 'SELECT', 'TEXTAREA'],
+        this.translate.instant('widget.run'))
+    );
+  }
+
+  private initSplitLayout() {
+    Split([this.topPanelElmRef.nativeElement, this.bottomPanelElmRef.nativeElement], {
+      sizes: [35, 65],
+      gutterSize: 8,
+      cursor: 'row-resize',
+      direction: 'vertical'
+    });
+    Split([this.topLeftPanelElmRef.nativeElement, this.topRightPanelElmRef.nativeElement], {
+      sizes: [50, 50],
+      gutterSize: 8,
+      cursor: 'col-resize'
+    });
+    Split([this.javascriptPanelElmRef.nativeElement, this.framePanelElmRef.nativeElement], {
+      sizes: [50, 50],
+      gutterSize: 8,
+      cursor: 'col-resize'
+    });
+  }
+
+  private initAceEditors() {
+    this.htmlEditor = this.createAceEditor(this.htmlInputElmRef, 'html');
+    this.htmlEditor.on('input', () => {
+      const editorValue = this.htmlEditor.getValue();
+      if (this.widget.templateHtml !== editorValue) {
+        this.widget.templateHtml = editorValue;
+        this.isDirty = true;
+      }
+    });
+    this.cssEditor = this.createAceEditor(this.cssInputElmRef, 'css');
+    this.cssEditor.on('input', () => {
+      const editorValue = this.cssEditor.getValue();
+      if (this.widget.templateCss !== editorValue) {
+        this.widget.templateCss = editorValue;
+        this.isDirty = true;
+      }
+    });
+    this.jsonSettingsEditor = this.createAceEditor(this.settingsJsonInputElmRef, 'json');
+    this.jsonSettingsEditor.on('input', () => {
+      const editorValue = this.jsonSettingsEditor.getValue();
+      if (this.widget.settingsSchema !== editorValue) {
+        this.widget.settingsSchema = editorValue;
+        this.isDirty = true;
+      }
+    });
+    this.dataKeyJsonSettingsEditor = this.createAceEditor(this.dataKeySettingsJsonInputElmRef, 'json');
+    this.dataKeyJsonSettingsEditor.on('input', () => {
+      const editorValue = this.dataKeyJsonSettingsEditor.getValue();
+      if (this.widget.dataKeySettingsSchema !== editorValue) {
+        this.widget.dataKeySettingsSchema = editorValue;
+        this.isDirty = true;
+      }
+    });
+    this.jsEditor = this.createAceEditor(this.javascriptInputElmRef, 'javascript');
+    this.jsEditor.on('input', () => {
+      const editorValue = this.jsEditor.getValue();
+      if (this.widget.controllerScript !== editorValue) {
+        this.widget.controllerScript = editorValue;
+        this.isDirty = true;
+      }
+    });
+    this.jsEditor.on('change', () => {
+      this.cleanupJsErrors();
+    });
+    this.setAceEditorValues();
+  }
+
+  private setAceEditorValues() {
+    this.htmlEditor.setValue(this.widget.templateHtml ? this.widget.templateHtml : '', -1);
+    this.cssEditor.setValue(this.widget.templateCss ? this.widget.templateCss : '', -1);
+    this.jsonSettingsEditor.setValue(this.widget.settingsSchema ? this.widget.settingsSchema : '', -1);
+    this.dataKeyJsonSettingsEditor.setValue(this.widget.dataKeySettingsSchema ? this.widget.dataKeySettingsSchema : '', -1);
+    this.jsEditor.setValue(this.widget.controllerScript ? this.widget.controllerScript : '', -1);
+  }
+
+  private createAceEditor(editorElementRef: ElementRef, mode: string): ace.Ace.Editor {
+    const editorElement = editorElementRef.nativeElement;
+    let editorOptions: Partial<ace.Ace.EditorOptions> = {
+      mode: `ace/mode/${mode}`,
+      showGutter: true,
+      showPrintMargin: true
+    };
+    const advancedOptions = {
+      enableSnippets: true,
+      enableBasicAutocompletion: true,
+      enableLiveAutocompletion: true
+    };
+    editorOptions = {...editorOptions, ...advancedOptions};
+    const aceEditor = ace.edit(editorElement, editorOptions);
+    aceEditor.session.setUseWrapMode(true);
+    this.aceEditors.push(aceEditor);
+
+    const resizeListener = this.onAceEditorResize.bind(this, aceEditor);
+
+    // @ts-ignore
+    addResizeListener(editorElement, resizeListener);
+    this.aceResizeListeners.push({element: editorElement, resizeListener});
+    return aceEditor;
+  }
+
+  private onAceEditorResize(aceEditor: ace.Ace.Editor) {
+    if (this.editorsResizeCafs[aceEditor.id]) {
+      this.editorsResizeCafs[aceEditor.id]();
+      delete this.editorsResizeCafs[aceEditor.id];
+    }
+    this.editorsResizeCafs[aceEditor.id] = this.raf.raf(() => {
+      aceEditor.resize();
+      aceEditor.renderer.updateFull();
+    });
+  }
+
+  private onWindowMessage(event: MessageEvent) {
+    let message: WindowMessage;
+    if (event.data) {
+      try {
+        message = JSON.parse(event.data);
+      } catch (e) {}
+    }
+    if (message) {
+      switch (message.type) {
+        case 'widgetException':
+          this.onWidgetException(message.data);
+          break;
+        case 'widgetEditModeInited':
+          this.onWidgetEditModeInited();
+          break;
+        case 'widgetEditUpdated':
+          this.onWidgetEditUpdated(message.data);
+          break;
+      }
+    }
+  }
+
+  private onWidgetEditModeInited() {
+    this.iframeWidgetEditModeInited = true;
+    if (this.saveWidgetPending || this.saveWidgetAsPending) {
+      if (!this.saveWidgetTimeout) {
+        this.saveWidgetTimeout = setTimeout(() => {
+          if (!this.gotError) {
+            if (this.saveWidgetPending) {
+              this.commitSaveWidget();
+            } else if (this.saveWidgetAsPending) {
+              this.commitSaveWidgetAs();
+            }
+          } else {
+            this.store.dispatch(new ActionNotificationShow(
+              {message: this.translate.instant('widget.unable-to-save-widget-error'), type: 'error'}));
+            this.saveWidgetPending = false;
+            this.saveWidgetAsPending = false;
+          }
+          this.saveWidgetTimeout = undefined;
+        }, 1500);
+      }
+    }
+  }
+
+  private onWidgetEditUpdated(widget: Widget) {
+    this.widget.sizeX = widget.sizeX / 2;
+    this.widget.sizeY = widget.sizeY / 2;
+    this.widget.defaultConfig = JSON.stringify(widget.config);
+    this.iframe.attr('data-widget', JSON.stringify(this.widget));
+    this.isDirty = true;
+  }
+
+  private onWidgetException(details: ExceptionData) {
+    if (!this.gotError) {
+      this.gotError = true;
+      let errorInfo = 'Error:';
+      if (details.name) {
+        errorInfo += ' ' + details.name + ':';
+      }
+      if (details.message) {
+        errorInfo += ' ' + details.message;
+      }
+      if (details.lineNumber) {
+        errorInfo += '<br>Line ' + details.lineNumber;
+        if (details.columnNumber) {
+          errorInfo += ' column ' + details.columnNumber;
+        }
+        errorInfo += ' of script.';
+      }
+      if (!this.saveWidgetPending && !this.saveWidgetAsPending) {
+        this.store.dispatch(new ActionNotificationShow(
+          {message: errorInfo, type: 'error', target: 'javascriptPanel'}));
+      }
+      if (details.lineNumber) {
+        const line = details.lineNumber - 1;
+        let column = 0;
+        if (details.columnNumber) {
+          column = details.columnNumber;
+        }
+        const errorMarkerId = this.jsEditor.session.addMarker(new ace.Range(line, 0, line, Infinity),
+          'ace_active-line', 'screenLine');
+        this.errorMarkers.push(errorMarkerId);
+        const annotations = this.jsEditor.session.getAnnotations();
+        const errorAnnotation: ace.Ace.Annotation = {
+          row: line,
+          column,
+          text: details.message,
+          type: 'error'
+        };
+        this.errorAnnotationId = annotations.push(errorAnnotation) - 1;
+        this.jsEditor.session.setAnnotations(annotations);
+      }
+    }
+  }
+
+  private cleanupJsErrors() {
+    this.store.dispatch(new ActionNotificationHide({}));
+    this.errorMarkers.forEach((errorMarker) => {
+      this.jsEditor.session.removeMarker(errorMarker);
+    });
+    this.errorMarkers.length = 0;
+    if (this.errorAnnotationId > -1) {
+      const annotations = this.jsEditor.session.getAnnotations();
+      annotations.splice(this.errorAnnotationId, 1);
+      this.jsEditor.session.setAnnotations(annotations);
+      this.errorAnnotationId = -1;
+    }
+  }
+
+  private commitSaveWidget() {
+    const id = (this.widgetType && this.widgetType.id) ? this.widgetType.id : undefined;
+    this.widgetService.saveWidgetType(this.widget, id, this.widgetsBundle.alias).subscribe(
+      (widgetTypeInstance) => {
+        this.setWidgetType(widgetTypeInstance);
+        this.saveWidgetPending = false;
+        this.store.dispatch(new ActionNotificationShow(
+          {message: this.translate.instant('widget.widget-saved'), type: 'success', duration: 500}));
+      },
+      () => {
+        this.saveWidgetPending = false;
+      }
+    );
+  }
+
+  private commitSaveWidgetAs() {
+    this.dialog.open<SaveWidgetTypeAsDialogComponent, any,
+      SaveWidgetTypeAsDialogResult>(SaveWidgetTypeAsDialogComponent, {
+      disableClose: true,
+      panelClass: ['tb-dialog', 'tb-fullscreen-dialog']
+    }).afterClosed().subscribe(
+      (saveWidgetAsData) => {
+        if (saveWidgetAsData) {
+          this.widget.widgetName = saveWidgetAsData.widgetName;
+          this.widget.alias = undefined;
+          const config = JSON.parse(this.widget.defaultConfig);
+          config.title = this.widget.widgetName;
+          this.widget.defaultConfig = JSON.stringify(config);
+          this.isDirty = false;
+          this.widgetService.saveWidgetType(this.widget, undefined, saveWidgetAsData.bundleAlias).subscribe(
+            (widgetTypeInstance) => {
+              this.router.navigateByUrl(`/widgets-bundles/${saveWidgetAsData.bundleId}/widgetTypes/${widgetTypeInstance.id.id}`);
+            }
+          );
+        }
+        this.saveWidgetAsPending = false;
+      }
+    );
+  }
+
+  private setWidgetType(widgetTypeInstance: WidgetType) {
+    this.widgetType = widgetTypeInstance;
+    this.widget = toWidgetInfo(this.widgetType);
+    const config = JSON.parse(this.widget.defaultConfig);
+    this.widget.defaultConfig = JSON.stringify(config);
+    this.origWidget = deepClone(this.widget);
+    this.isDirty = false;
+  }
+
+  applyWidgetScript(): void {
+    this.cleanupJsErrors();
+    this.gotError = false;
+    this.iframeWidgetEditModeInited = false;
+    const config: WidgetConfig = JSON.parse(this.widget.defaultConfig);
+    config.title = this.widget.widgetName;
+    this.widget.defaultConfig = JSON.stringify(config);
+    this.iframe.attr('data-widget', JSON.stringify(this.widget));
+    this.iframe[0].contentWindow.location.reload(true);
+  }
+
+  undoWidget(): void {
+    this.widget = deepClone(this.origWidget);
+    this.setAceEditorValues();
+    this.isDirty = false;
+    this.applyWidgetScript();
+  }
+
+  saveWidget(): void {
+    if (!this.widget.widgetName) {
+      this.store.dispatch(new ActionNotificationShow(
+        {message: this.translate.instant('widget.missing-widget-title-error'), type: 'error'}));
+    } else {
+      this.saveWidgetPending = true;
+      this.applyWidgetScript();
+    }
+  }
+
+  saveWidgetAs(): void {
+    this.saveWidgetAsPending = true;
+    this.applyWidgetScript();
+  }
+
+  undoDisabled(): boolean {
+    return !this.isDirty
+    || !this.iframeWidgetEditModeInited
+    || this.saveWidgetPending
+    || this.saveWidgetAsPending;
+  }
+
+  saveDisabled(): boolean {
+    return this.isReadOnly
+      || !this.isDirty
+      || !this.iframeWidgetEditModeInited
+      || this.saveWidgetPending
+      || this.saveWidgetAsPending;
+  }
+
+  saveAsDisabled(): boolean {
+    return !this.iframeWidgetEditModeInited
+      || this.saveWidgetPending
+      || this.saveWidgetAsPending;
+  }
+
+  beautifyCss(): void {
+    const res = css_beautify(this.widget.templateCss, {indent_size: 4});
+    if (this.widget.templateCss !== res) {
+      this.isDirty = true;
+      this.widget.templateCss = res;
+      this.cssEditor.setValue(this.widget.templateCss ? this.widget.templateCss : '', -1);
+    }
+  }
+
+  beautifyHtml(): void {
+    const res = html_beautify(this.widget.templateHtml, {indent_size: 4, wrap_line_length: 60});
+    if (this.widget.templateHtml !== res) {
+      this.isDirty = true;
+      this.widget.templateHtml = res;
+      this.htmlEditor.setValue(this.widget.templateHtml ? this.widget.templateHtml : '', -1);
+    }
+  }
+
+  beautifyJson(): void {
+    const res = js_beautify(this.widget.settingsSchema, {indent_size: 4});
+    if (this.widget.settingsSchema !== res) {
+      this.isDirty = true;
+      this.widget.settingsSchema = res;
+      this.jsonSettingsEditor.setValue(this.widget.settingsSchema ? this.widget.settingsSchema : '', -1);
+    }
+  }
+
+  beautifyDataKeyJson(): void {
+    const res = js_beautify(this.widget.dataKeySettingsSchema, {indent_size: 4});
+    if (this.widget.dataKeySettingsSchema !== res) {
+      this.isDirty = true;
+      this.widget.dataKeySettingsSchema = res;
+      this.dataKeyJsonSettingsEditor.setValue(this.widget.dataKeySettingsSchema ? this.widget.dataKeySettingsSchema : '', -1);
+    }
+  }
+
+  beautifyJs(): void {
+    const res = js_beautify(this.widget.controllerScript, {indent_size: 4, wrap_line_length: 60});
+    if (this.widget.controllerScript !== res) {
+      this.isDirty = true;
+      this.widget.controllerScript = res;
+      this.jsEditor.setValue(this.widget.controllerScript ? this.widget.controllerScript : '', -1);
+    }
+  }
+
+  removeResource(index: number) {
+    if (index > -1) {
+      if (this.widget.resources.splice(index, 1).length > 0) {
+        this.isDirty = true;
+      }
+    }
+  }
+
+  addResource() {
+    this.widget.resources.push({url: ''});
+    this.isDirty = true;
+  }
+
+  widetTypeChanged() {
+    const config: WidgetConfig = JSON.parse(this.widget.defaultConfig);
+    if (this.widget.type !== widgetType.rpc &&
+        this.widget.type !== widgetType.alarm) {
+      if (config.targetDeviceAliases) {
+        delete config.targetDeviceAliases;
+      }
+      if (config.alarmSource) {
+        delete config.alarmSource;
+      }
+      if (!config.datasources) {
+        config.datasources = [];
+      }
+      if (!config.timewindow) {
+        config.timewindow = {
+          realtime: {
+            timewindowMs: 60000
+          }
+        };
+      }
+    } else if (this.widget.type === widgetType.rpc) {
+      if (config.datasources) {
+        delete config.datasources;
+      }
+      if (config.alarmSource) {
+        delete config.alarmSource;
+      }
+      if (config.timewindow) {
+        delete config.timewindow;
+      }
+      if (!config.targetDeviceAliases) {
+        config.targetDeviceAliases = [];
+      }
+    } else { // alarm
+      if (config.datasources) {
+        delete config.datasources;
+      }
+      if (config.targetDeviceAliases) {
+        delete config.targetDeviceAliases;
+      }
+      if (!config.alarmSource) {
+        config.alarmSource = {};
+      }
+      if (!config.timewindow) {
+        config.timewindow = {
+          realtime: {
+            timewindowMs: 24 * 60 * 60 * 1000
+          }
+        };
+      }
+    }
+    this.widget.defaultConfig = JSON.stringify(config);
+    this.isDirty = true;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/widget/widget-library-routing.module.ts b/ui-ngx/src/app/modules/home/pages/widget/widget-library-routing.module.ts
new file mode 100644
index 0000000000..369517e8fd
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/widget-library-routing.module.ts
@@ -0,0 +1,216 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Injectable, NgModule } from '@angular/core';
+import { ActivatedRouteSnapshot, Resolve, RouterModule, Routes } from '@angular/router';
+
+import { EntitiesTableComponent } from '../../components/entity/entities-table.component';
+import { Authority } from '@shared/models/authority.enum';
+import { WidgetsBundlesTableConfigResolver } from '@modules/home/pages/widget/widgets-bundles-table-config.resolver';
+import { WidgetLibraryComponent } from '@home/pages/widget/widget-library.component';
+import { BreadCrumbConfig, BreadCrumbLabelFunction } from '@shared/components/breadcrumb';
+import { Observable } from 'rxjs';
+import { WidgetsBundle } from '@shared/models/widgets-bundle.model';
+import { WidgetService } from '@core/http/widget.service';
+import { WidgetEditorComponent } from '@home/pages/widget/widget-editor.component';
+import { map, share } from 'rxjs/operators';
+import { toWidgetInfo, WidgetInfo } from '@home/models/widget-component.models';
+import { Widget, widgetType, WidgetType } from '@app/shared/models/widget.models';
+import { ConfirmOnExitGuard } from '@core/guards/confirm-on-exit.guard';
+import { WidgetsData } from '@home/models/dashboard-component.models';
+import { NULL_UUID } from '@shared/models/id/has-uuid';
+
+export interface WidgetEditorData {
+  widgetType: WidgetType;
+  widget: WidgetInfo;
+}
+
+@Injectable()
+export class WidgetsBundleResolver implements Resolve<WidgetsBundle> {
+
+  constructor(private widgetsService: WidgetService) {
+  }
+
+  resolve(route: ActivatedRouteSnapshot): Observable<WidgetsBundle> {
+    let widgetsBundleId = route.params.widgetsBundleId;
+    if (!widgetsBundleId) {
+      widgetsBundleId = route.parent.params.widgetsBundleId;
+    }
+    return this.widgetsService.getWidgetsBundle(widgetsBundleId);
+  }
+}
+
+@Injectable()
+export class WidgetsTypesDataResolver implements Resolve<WidgetsData> {
+
+  constructor(private widgetsService: WidgetService) {
+  }
+
+  resolve(route: ActivatedRouteSnapshot): Observable<WidgetsData> {
+    const widgetsBundle: WidgetsBundle = route.parent.data.widgetsBundle;
+    const bundleAlias = widgetsBundle.alias;
+    const isSystem = widgetsBundle.tenantId.id === NULL_UUID;
+    return this.widgetsService.loadBundleLibraryWidgets(bundleAlias,
+      isSystem).pipe(
+      map((widgets) => {
+          return { widgets };
+        }
+      ));
+  }
+}
+
+@Injectable()
+export class WidgetEditorDataResolver implements Resolve<WidgetEditorData> {
+
+  constructor(private widgetsService: WidgetService) {
+  }
+
+  resolve(route: ActivatedRouteSnapshot): Observable<WidgetEditorData> {
+    const widgetTypeId = route.params.widgetTypeId;
+    return this.widgetsService.getWidgetTypeById(widgetTypeId).pipe(
+      map((result) => {
+        return {
+          widgetType: result,
+          widget: toWidgetInfo(result)
+        };
+      })
+    );
+  }
+}
+
+@Injectable()
+export class WidgetEditorAddDataResolver implements Resolve<WidgetEditorData> {
+
+  constructor(private widgetsService: WidgetService) {
+  }
+
+  resolve(route: ActivatedRouteSnapshot): Observable<WidgetEditorData> {
+    let widgetTypeParam = route.params.widgetType as widgetType;
+    if (!widgetTypeParam) {
+      widgetTypeParam = widgetType.timeseries;
+    }
+    return this.widgetsService.getWidgetTemplate(widgetTypeParam).pipe(
+      map((widget) => {
+        widget.widgetName = null;
+        return {
+          widgetType: null,
+          widget
+        };
+      })
+    );
+  }
+}
+
+export const widgetTypesBreadcumbLabelFunction: BreadCrumbLabelFunction = ((route, translate) => route.data.widgetsBundle.title);
+
+export const widgetEditorBreadcumbLabelFunction: BreadCrumbLabelFunction =
+  ((route, translate, component) => component ? (component as WidgetEditorComponent).widget.widgetName : '');
+
+export const routes: Routes = [
+  {
+    path: 'widgets-bundles',
+    data: {
+      breadcrumb: {
+        label: 'widgets-bundle.widgets-bundles',
+        icon: 'now_widgets'
+      }
+    },
+    children: [
+      {
+        path: '',
+        component: EntitiesTableComponent,
+        data: {
+          auth: [Authority.SYS_ADMIN, Authority.TENANT_ADMIN],
+          title: 'widgets-bundle.widgets-bundles'
+        },
+        resolve: {
+          entitiesTableConfig: WidgetsBundlesTableConfigResolver
+        }
+      },
+      {
+        path: ':widgetsBundleId/widgetTypes',
+        data: {
+          breadcrumb: {
+            labelFunction: widgetTypesBreadcumbLabelFunction,
+            icon: 'now_widgets'
+          } as BreadCrumbConfig
+        },
+        resolve: {
+          widgetsBundle: WidgetsBundleResolver
+        },
+        children: [
+          {
+            path: '',
+            component: WidgetLibraryComponent,
+            data: {
+              auth: [Authority.SYS_ADMIN, Authority.TENANT_ADMIN],
+              title: 'widget.widget-library'
+            },
+            resolve: {
+              widgetsData: WidgetsTypesDataResolver
+            }
+          },
+          {
+            path: ':widgetTypeId',
+            component: WidgetEditorComponent,
+            canDeactivate: [ConfirmOnExitGuard],
+            data: {
+              auth: [Authority.SYS_ADMIN, Authority.TENANT_ADMIN],
+              title: 'widget.editor',
+              breadcrumb: {
+                labelFunction: widgetEditorBreadcumbLabelFunction,
+                icon: 'insert_chart'
+              } as BreadCrumbConfig
+            },
+            resolve: {
+              widgetEditorData: WidgetEditorDataResolver
+            }
+          },
+          {
+            path: 'add/:widgetType',
+            component: WidgetEditorComponent,
+            canDeactivate: [ConfirmOnExitGuard],
+            data: {
+              auth: [Authority.SYS_ADMIN, Authority.TENANT_ADMIN],
+              title: 'widget.editor',
+              breadcrumb: {
+                labelFunction: widgetEditorBreadcumbLabelFunction,
+                icon: 'insert_chart'
+              } as BreadCrumbConfig
+            },
+            resolve: {
+              widgetEditorData: WidgetEditorAddDataResolver
+            }
+          }
+        ]
+      }
+    ]
+  }
+];
+
+// @dynamic
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+  providers: [
+    WidgetsBundlesTableConfigResolver,
+    WidgetsBundleResolver,
+    WidgetsTypesDataResolver,
+    WidgetEditorDataResolver,
+    WidgetEditorAddDataResolver
+  ]
+})
+export class WidgetLibraryRoutingModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/widget/widget-library.component.html b/ui-ngx/src/app/modules/home/pages/widget/widget-library.component.html
new file mode 100644
index 0000000000..d751799ccb
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/widget-library.component.html
@@ -0,0 +1,40 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<section [fxShow]="!(isLoading$ | async) && widgetsData.widgets.length === 0" fxLayoutAlign="center center"
+         style="text-transform: uppercase; display: flex; z-index: 1;"
+         class="tb-absolute-fill">
+  <button mat-button *ngIf="!isReadOnly" class="tb-add-new-widget" (click)="addWidgetType($event)">
+    <mat-icon class="tb-mat-96">add</mat-icon>
+    {{ 'widget.add-widget-type' | translate }}
+  </button>
+  <span translate *ngIf="isReadOnly"
+        fxLayoutAlign="center center"
+        style="text-transform: uppercase; display: flex;"
+        class="mat-headline tb-absolute-fill">widgets-bundle.empty</span>
+</section>
+<tb-dashboard #dashboard
+              [aliasController]="aliasController"
+              [widgets]="widgetsData.widgets"
+              [widgetLayouts]="widgetsData.widgetLayouts"
+              [isEdit]="false"
+              [isEditActionEnabled]="true"
+              [isExportActionEnabled]="true"
+              [isRemoveActionEnabled]="!isReadOnly"
+              [callbacks]="dashboardCallbacks"></tb-dashboard>
+<tb-footer-fab-buttons [fxShow]="!isReadOnly" [footerFabButtons]="footerFabButtons">
+</tb-footer-fab-buttons>
diff --git a/ui-ngx/src/app/modules/home/pages/widget/widget-library.component.scss b/ui-ngx/src/app/modules/home/pages/widget/widget-library.component.scss
new file mode 100644
index 0000000000..49b78bc9bd
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/widget-library.component.scss
@@ -0,0 +1,23 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  button.tb-add-new-widget {
+    padding-right: 12px;
+    font-size: 24px;
+    border-style: dashed;
+    border-width: 2px;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/widget/widget-library.component.ts b/ui-ngx/src/app/modules/home/pages/widget/widget-library.component.ts
new file mode 100644
index 0000000000..317f47368b
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/widget-library.component.ts
@@ -0,0 +1,205 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { PageComponent } from '@shared/components/page.component';
+import { AuthUser } from '@shared/models/user.model';
+import { getCurrentAuthUser } from '@core/auth/auth.selectors';
+import { WidgetsBundle } from '@shared/models/widgets-bundle.model';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Authority } from '@shared/models/authority.enum';
+import { NULL_UUID } from '@shared/models/id/has-uuid';
+import { of } from 'rxjs';
+import { Widget, widgetType } from '@app/shared/models/widget.models';
+import { WidgetService } from '@core/http/widget.service';
+import { map, mergeMap } from 'rxjs/operators';
+import { DialogService } from '@core/services/dialog.service';
+import { FooterFabButtons } from '@app/shared/components/footer-fab-buttons.component';
+import { DashboardCallbacks, IDashboardComponent, WidgetsData } from '@home/models/dashboard-component.models';
+import { IAliasController, IStateController, StateParams } from '@app/core/api/widget-api.models';
+import { AliasController } from '@core/api/alias-controller';
+import { MatDialog } from '@angular/material/dialog';
+import { SelectWidgetTypeDialogComponent } from '@home/pages/widget/select-widget-type-dialog.component';
+import { TranslateService } from '@ngx-translate/core';
+import { ImportExportService } from '@home/components/import-export/import-export.service';
+import { UtilsService } from '@core/services/utils.service';
+import { EntityService } from '@core/http/entity.service';
+
+@Component({
+  selector: 'tb-widget-library',
+  templateUrl: './widget-library.component.html',
+  styleUrls: ['./widget-library.component.scss']
+})
+export class WidgetLibraryComponent extends PageComponent implements OnInit {
+
+  authUser: AuthUser;
+
+  isReadOnly: boolean;
+
+  widgetsBundle: WidgetsBundle;
+
+  widgetsData: WidgetsData;
+
+  footerFabButtons: FooterFabButtons = {
+    fabTogglerName: 'widget.add-widget-type',
+    fabTogglerIcon: 'add',
+    buttons: [
+      {
+        name: 'widget-type.create-new-widget-type',
+        icon: 'insert_drive_file',
+        onAction: ($event) => {
+          this.addWidgetType($event);
+        }
+      },
+      {
+        name: 'widget-type.import',
+        icon: 'file_upload',
+        onAction: ($event) => {
+          this.importWidgetType($event);
+        }
+      }
+    ]
+  };
+
+  dashboardCallbacks: DashboardCallbacks = {
+    onEditWidget: this.openWidgetType.bind(this),
+    onExportWidget: this.exportWidgetType.bind(this),
+    onRemoveWidget: this.removeWidgetType.bind(this)
+  };
+
+  aliasController: IAliasController = new AliasController(this.utils,
+    this.entityService,
+    () => { return {
+      getStateParams(): StateParams {
+        return {};
+      }
+    } as IStateController;
+    },
+    {});
+
+  @ViewChild('dashboard', {static: true}) dashboard: IDashboardComponent;
+
+  constructor(protected store: Store<AppState>,
+              private route: ActivatedRoute,
+              private router: Router,
+              private widgetService: WidgetService,
+              private dialogService: DialogService,
+              private importExport: ImportExportService,
+              private dialog: MatDialog,
+              private translate: TranslateService,
+              private utils: UtilsService,
+              private entityService: EntityService) {
+    super(store);
+
+    this.authUser = getCurrentAuthUser(this.store);
+    this.widgetsBundle = this.route.snapshot.data.widgetsBundle;
+    this.widgetsData = this.route.snapshot.data.widgetsData;
+    if (this.authUser.authority === Authority.TENANT_ADMIN) {
+      this.isReadOnly = !this.widgetsBundle || this.widgetsBundle.tenantId.id === NULL_UUID;
+    } else {
+      this.isReadOnly = this.authUser.authority !== Authority.SYS_ADMIN;
+    }
+  }
+
+  ngOnInit(): void {
+  }
+
+  addWidgetType($event: Event): void {
+    this.openWidgetType($event);
+  }
+
+  importWidgetType($event: Event): void {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.importExport.importWidgetType(this.widgetsBundle.alias).subscribe(
+      (widgetTypeInstance) => {
+        if (widgetTypeInstance) {
+          this.reload();
+        }
+      }
+    );
+  }
+
+  private reload() {
+    const bundleAlias = this.widgetsBundle.alias;
+    const isSystem = this.widgetsBundle.tenantId.id === NULL_UUID;
+    this.widgetService.loadBundleLibraryWidgets(bundleAlias, isSystem).subscribe(
+      (widgets) => {
+        this.widgetsData = {widgets};
+      }
+    );
+  }
+
+  openWidgetType($event: Event, widget?: Widget): void {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    if (widget) {
+      this.router.navigate([widget.typeId.id], {relativeTo: this.route});
+    } else {
+      this.dialog.open<SelectWidgetTypeDialogComponent, any,
+        widgetType>(SelectWidgetTypeDialogComponent, {
+        disableClose: true,
+        panelClass: ['tb-dialog', 'tb-fullscreen-dialog']
+      }).afterClosed().subscribe(
+        (type) => {
+          if (type) {
+            this.router.navigate(['add', type], {relativeTo: this.route});
+          }
+        }
+      );
+    }
+  }
+
+  exportWidgetType($event: Event, widget: Widget): void {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.importExport.exportWidgetType(widget.typeId.id);
+  }
+
+  removeWidgetType($event: Event, widget: Widget): void {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.dialogService.confirm(
+      this.translate.instant('widget.remove-widget-type-title', {widgetName: widget.config.title}),
+      this.translate.instant('widget.remove-widget-type-text'),
+      this.translate.instant('action.no'),
+      this.translate.instant('action.yes'),
+    ).pipe(
+      mergeMap((result) => {
+        if (result) {
+          return this.widgetService.deleteWidgetType(widget.bundleAlias, widget.typeAlias, widget.isSystemType);
+        } else {
+          return of(false);
+        }
+      }),
+      map((result) => {
+        if (result !== false) {
+          this.reload();
+          return true;
+        } else {
+          return false;
+        }
+      }
+    )).subscribe();
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/widget/widget-library.module.ts b/ui-ngx/src/app/modules/home/pages/widget/widget-library.module.ts
new file mode 100644
index 0000000000..c5f188dfe1
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/widget-library.module.ts
@@ -0,0 +1,43 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {SharedModule} from '@shared/shared.module';
+import {WidgetsBundleComponent} from '@modules/home/pages/widget/widgets-bundle.component';
+import {WidgetLibraryRoutingModule} from '@modules/home/pages/widget/widget-library-routing.module';
+import {HomeComponentsModule} from '@modules/home/components/home-components.module';
+import { WidgetLibraryComponent } from './widget-library.component';
+import { WidgetEditorComponent } from '@home/pages/widget/widget-editor.component';
+import { SelectWidgetTypeDialogComponent } from '@home/pages/widget/select-widget-type-dialog.component';
+import { SaveWidgetTypeAsDialogComponent } from './save-widget-type-as-dialog.component';
+
+@NgModule({
+  declarations: [
+    WidgetsBundleComponent,
+    WidgetLibraryComponent,
+    WidgetEditorComponent,
+    SelectWidgetTypeDialogComponent,
+    SaveWidgetTypeAsDialogComponent
+  ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    HomeComponentsModule,
+    WidgetLibraryRoutingModule
+  ]
+})
+export class WidgetLibraryModule { }
diff --git a/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle.component.html b/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle.component.html
new file mode 100644
index 0000000000..b15080a084
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle.component.html
@@ -0,0 +1,50 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-details-buttons">
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'open')"
+          [fxShow]="!isEdit">
+    {{'widgets-bundle.open-widgets-bundle' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'export')"
+          [fxShow]="!isEdit">
+    {{'widgets-bundle.export' | translate }}
+  </button>
+  <button mat-raised-button color="primary"
+          [disabled]="(isLoading$ | async)"
+          (click)="onEntityAction($event, 'delete')"
+          [fxShow]="!hideDelete() && !isEdit">
+    {{'widgets-bundle.delete' | translate }}
+  </button>
+</div>
+<div class="mat-padding" fxLayout="column">
+  <form #entityNgForm="ngForm" [formGroup]="entityForm">
+    <fieldset [disabled]="(isLoading$ | async) || !isEdit">
+      <mat-form-field class="mat-block">
+        <mat-label translate>widgets-bundle.title</mat-label>
+        <input matInput formControlName="title" required>
+        <mat-error *ngIf="entityForm.get('title').hasError('required')">
+          {{ 'widgets-bundle.title-required' | translate }}
+        </mat-error>
+      </mat-form-field>
+    </fieldset>
+  </form>
+</div>
diff --git a/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle.component.scss b/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle.component.scss
new file mode 100644
index 0000000000..bb3718c2da
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle.component.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+
+}
diff --git a/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle.component.ts b/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle.component.ts
new file mode 100644
index 0000000000..4a36a9bc22
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle.component.ts
@@ -0,0 +1,55 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Component} from '@angular/core';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {EntityComponent} from '../../components/entity/entity.component';
+import {FormBuilder, FormGroup, Validators} from '@angular/forms';
+import {WidgetsBundle} from '@shared/models/widgets-bundle.model';
+
+@Component({
+  selector: 'tb-widgets-bundle',
+  templateUrl: './widgets-bundle.component.html',
+  styleUrls: ['./widgets-bundle.component.scss']
+})
+export class WidgetsBundleComponent extends EntityComponent<WidgetsBundle> {
+
+  constructor(protected store: Store<AppState>,
+              public fb: FormBuilder) {
+    super(store);
+  }
+
+  hideDelete() {
+    if (this.entitiesTableConfig) {
+      return !this.entitiesTableConfig.deleteEnabled(this.entity);
+    } else {
+      return false;
+    }
+  }
+
+  buildForm(entity: WidgetsBundle): FormGroup {
+    return this.fb.group(
+      {
+        title: [entity ? entity.title : '', [Validators.required]]
+      }
+    );
+  }
+
+  updateForm(entity: WidgetsBundle) {
+    this.entityForm.patchValue({title: entity.title});
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/widget/widgets-bundles-table-config.resolver.ts b/ui-ngx/src/app/modules/home/pages/widget/widgets-bundles-table-config.resolver.ts
new file mode 100644
index 0000000000..115e9f2b11
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/pages/widget/widgets-bundles-table-config.resolver.ts
@@ -0,0 +1,164 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Injectable} from '@angular/core';
+
+import {Resolve, Router} from '@angular/router';
+import {
+  checkBoxCell,
+  DateEntityTableColumn,
+  EntityTableColumn,
+  EntityTableConfig
+} from '@home/models/entity/entities-table-config.models';
+import {TranslateService} from '@ngx-translate/core';
+import {DatePipe} from '@angular/common';
+import {EntityType, entityTypeResources, entityTypeTranslations} from '@shared/models/entity-type.models';
+import {EntityAction} from '@home/models/entity/entity-component.models';
+import {WidgetsBundle} from '@shared/models/widgets-bundle.model';
+import {WidgetService} from '@app/core/http/widget.service';
+import {WidgetsBundleComponent} from '@modules/home/pages/widget/widgets-bundle.component';
+import {NULL_UUID} from '@shared/models/id/has-uuid';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {getCurrentAuthUser} from '@app/core/auth/auth.selectors';
+import {Authority} from '@shared/models/authority.enum';
+import {DialogService} from '@core/services/dialog.service';
+import { ImportExportService } from '@home/components/import-export/import-export.service';
+
+@Injectable()
+export class WidgetsBundlesTableConfigResolver implements Resolve<EntityTableConfig<WidgetsBundle>> {
+
+  private readonly config: EntityTableConfig<WidgetsBundle> = new EntityTableConfig<WidgetsBundle>();
+
+  constructor(private store: Store<AppState>,
+              private dialogService: DialogService,
+              private widgetsService: WidgetService,
+              private translate: TranslateService,
+              private importExport: ImportExportService,
+              private datePipe: DatePipe,
+              private router: Router) {
+
+    this.config.entityType = EntityType.WIDGETS_BUNDLE;
+    this.config.entityComponent = WidgetsBundleComponent;
+    this.config.entityTranslations = entityTypeTranslations.get(EntityType.WIDGETS_BUNDLE);
+    this.config.entityResources = entityTypeResources.get(EntityType.WIDGETS_BUNDLE);
+
+    this.config.columns.push(
+      new DateEntityTableColumn<WidgetsBundle>('createdTime', 'widgets-bundle.created-time', this.datePipe, '150px'),
+      new EntityTableColumn<WidgetsBundle>('title', 'widgets-bundle.title', '100%'),
+      new EntityTableColumn<WidgetsBundle>('tenantId', 'widgets-bundle.system', '60px',
+        entity => {
+          return checkBoxCell(entity.tenantId.id === NULL_UUID);
+        }),
+    );
+
+    this.config.addActionDescriptors.push(
+      {
+        name: this.translate.instant('widgets-bundle.create-new-widgets-bundle'),
+        icon: 'insert_drive_file',
+        isEnabled: () => true,
+        onAction: ($event) => this.config.table.addEntity($event)
+      },
+      {
+        name: this.translate.instant('widgets-bundle.import'),
+        icon: 'file_upload',
+        isEnabled: () => true,
+        onAction: ($event) => this.importWidgetsBundle($event)
+      }
+    );
+
+    this.config.cellActionDescriptors.push(
+      {
+        name: this.translate.instant('widgets-bundle.open-widgets-bundle'),
+        icon: 'now_widgets',
+        isEnabled: () => true,
+        onAction: ($event, entity) => this.openWidgetsBundle($event, entity)
+      },
+      {
+        name: this.translate.instant('widgets-bundle.export'),
+        icon: 'file_download',
+        isEnabled: () => true,
+        onAction: ($event, entity) => this.exportWidgetsBundle($event, entity)
+      }
+    );
+
+    this.config.deleteEntityTitle = widgetsBundle => this.translate.instant('widgets-bundle.delete-widgets-bundle-title',
+      { widgetsBundleTitle: widgetsBundle.title });
+    this.config.deleteEntityContent = () => this.translate.instant('widgets-bundle.delete-widgets-bundle-text');
+    this.config.deleteEntitiesTitle = count => this.translate.instant('widgets-bundle.delete-widgets-bundles-title', {count});
+    this.config.deleteEntitiesContent = () => this.translate.instant('widgets-bundle.delete-widgets-bundles-text');
+
+    this.config.entitiesFetchFunction = pageLink => this.widgetsService.getWidgetBundles(pageLink);
+    this.config.loadEntity = id => this.widgetsService.getWidgetsBundle(id.id);
+    this.config.saveEntity = widgetsBundle => this.widgetsService.saveWidgetsBundle(widgetsBundle);
+    this.config.deleteEntity = id => this.widgetsService.deleteWidgetsBundle(id.id);
+    this.config.onEntityAction = action => this.onWidgetsBundleAction(action);
+  }
+
+  resolve(): EntityTableConfig<WidgetsBundle> {
+    this.config.tableTitle = this.translate.instant('widgets-bundle.widgets-bundles');
+    const authUser = getCurrentAuthUser(this.store);
+    this.config.deleteEnabled = (widgetsBundle) => this.isWidgetsBundleEditable(widgetsBundle, authUser.authority);
+    this.config.entitySelectionEnabled = (widgetsBundle) => this.isWidgetsBundleEditable(widgetsBundle, authUser.authority);
+    this.config.detailsReadonly = (widgetsBundle) => !this.isWidgetsBundleEditable(widgetsBundle, authUser.authority);
+    return this.config;
+  }
+
+  isWidgetsBundleEditable(widgetsBundle: WidgetsBundle, authority: Authority): boolean {
+    if (authority === Authority.TENANT_ADMIN) {
+      return widgetsBundle && widgetsBundle.tenantId && widgetsBundle.tenantId.id !== NULL_UUID;
+    } else {
+      return authority === Authority.SYS_ADMIN;
+    }
+  }
+
+  importWidgetsBundle($event: Event) {
+    this.importExport.importWidgetsBundle().subscribe(
+      (widgetsBundle) => {
+        if (widgetsBundle) {
+          this.config.table.updateData();
+        }
+      }
+    );
+  }
+
+  openWidgetsBundle($event: Event, widgetsBundle: WidgetsBundle) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.router.navigateByUrl(`widgets-bundles/${widgetsBundle.id.id}/widgetTypes`);
+  }
+
+  exportWidgetsBundle($event: Event, widgetsBundle: WidgetsBundle) {
+    if ($event) {
+      $event.stopPropagation();
+    }
+    this.importExport.exportWidgetsBundle(widgetsBundle.id.id);
+  }
+
+  onWidgetsBundleAction(action: EntityAction<WidgetsBundle>): boolean {
+    switch (action.action) {
+      case 'open':
+        this.openWidgetsBundle(action.event, action.entity);
+        return true;
+      case 'export':
+        this.exportWidgetsBundle(action.event, action.entity);
+        return true;
+    }
+    return false;
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/home/public-api.ts b/ui-ngx/src/app/modules/home/public-api.ts
new file mode 100644
index 0000000000..c0c122c69d
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/public-api.ts
@@ -0,0 +1,17 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export * from './home.module';
diff --git a/ui-ngx/src/app/modules/login/login-routing.module.ts b/ui-ngx/src/app/modules/login/login-routing.module.ts
new file mode 100644
index 0000000000..a2cf21ced9
--- /dev/null
+++ b/ui-ngx/src/app/modules/login/login-routing.module.ts
@@ -0,0 +1,79 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+import { LoginComponent } from './pages/login/login.component';
+import { AuthGuard } from '@core/guards/auth.guard';
+import { ResetPasswordRequestComponent } from '@modules/login/pages/login/reset-password-request.component';
+import { ResetPasswordComponent } from '@modules/login/pages/login/reset-password.component';
+import { CreatePasswordComponent } from '@modules/login/pages/login/create-password.component';
+
+const routes: Routes = [
+  {
+    path: 'login',
+    component: LoginComponent,
+    data: {
+      title: 'login.login',
+      module: 'public'
+    },
+    canActivate: [AuthGuard]
+  },
+  {
+    path: 'login/resetPasswordRequest',
+    component: ResetPasswordRequestComponent,
+    data: {
+      title: 'login.request-password-reset',
+      module: 'public'
+    },
+    canActivate: [AuthGuard]
+  },
+  {
+    path: 'login/resetPassword',
+    component: ResetPasswordComponent,
+    data: {
+      title: 'login.reset-password',
+      module: 'public'
+    },
+    canActivate: [AuthGuard]
+  },
+  {
+    path: 'login/resetExpiredPassword',
+    component: ResetPasswordComponent,
+    data: {
+      title: 'login.reset-password',
+      module: 'public',
+      expiredPassword: true
+    },
+    canActivate: [AuthGuard]
+  },
+  {
+    path: 'login/createPassword',
+    component: CreatePasswordComponent,
+    data: {
+      title: 'login.create-password',
+      module: 'public'
+    },
+    canActivate: [AuthGuard]
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class LoginRoutingModule { }
diff --git a/ui-ngx/src/app/modules/login/login.module.ts b/ui-ngx/src/app/modules/login/login.module.ts
new file mode 100644
index 0000000000..03fb9a83da
--- /dev/null
+++ b/ui-ngx/src/app/modules/login/login.module.ts
@@ -0,0 +1,40 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { LoginRoutingModule } from './login-routing.module';
+import { LoginComponent } from './pages/login/login.component';
+import { SharedModule } from '@app/shared/shared.module';
+import { ResetPasswordRequestComponent } from '@modules/login/pages/login/reset-password-request.component';
+import { ResetPasswordComponent } from '@modules/login/pages/login/reset-password.component';
+import { CreatePasswordComponent } from '@modules/login/pages/login/create-password.component';
+
+@NgModule({
+  declarations: [
+    LoginComponent,
+    ResetPasswordRequestComponent,
+    ResetPasswordComponent,
+    CreatePasswordComponent
+  ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    LoginRoutingModule
+  ]
+})
+export class LoginModule { }
diff --git a/ui-ngx/src/app/modules/login/pages/login/create-password.component.html b/ui-ngx/src/app/modules/login/pages/login/create-password.component.html
new file mode 100644
index 0000000000..e59e0b3257
--- /dev/null
+++ b/ui-ngx/src/app/modules/login/pages/login/create-password.component.html
@@ -0,0 +1,56 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-create-password-content mat-app-background tb-dark" fxLayout="row" fxLayoutAlign="center center" style="width: 100%;">
+  <mat-card fxFlex="initial" class="tb-create-password-card">
+    <mat-card-title>
+      <span translate class="mat-headline">login.create-password</span>
+    </mat-card-title>
+    <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+    </mat-progress-bar>
+    <span style="height: 4px;" *ngIf="!(isLoading$ | async)"></span>
+    <mat-card-content>
+      <form #createPasswordForm="ngForm" [formGroup]="createPassword" (ngSubmit)="onCreatePassword()">
+        <fieldset [disabled]="isLoading$ | async">
+          <div tb-toast fxLayout="column" class="layout-padding">
+            <span style="height: 50px;"></span>
+            <mat-form-field class="mat-block">
+              <mat-label translate>common.password</mat-label>
+              <input matInput type="password" autofocus formControlName="password"/>
+              <mat-icon class="material-icons" matPrefix>lock</mat-icon>
+            </mat-form-field>
+            <mat-form-field class="mat-block">
+              <mat-label translate>login.password-again</mat-label>
+              <input matInput type="password" formControlName="password2"/>
+              <mat-icon class="material-icons" matPrefix>lock</mat-icon>
+            </mat-form-field>
+            <div fxLayout="column" fxLayout.gt-sm="row" fxLayoutGap="16px" fxLayoutAlign="start center"
+                 fxLayoutAlign.gt-sm="center start" class="layout-padding">
+              <button mat-raised-button color="accent" type="submit" [disabled]="(isLoading$ | async)">
+                {{ 'login.create-password' | translate }}
+              </button>
+              <button mat-raised-button color="primary" type="button" [disabled]="(isLoading$ | async)"
+                      routerLink="/login">
+                {{ 'action.cancel' | translate }}
+              </button>
+            </div>
+          </div>
+        </fieldset>
+      </form>
+    </mat-card-content>
+  </mat-card>
+</div>
diff --git a/ui-ngx/src/app/modules/login/pages/login/create-password.component.scss b/ui-ngx/src/app/modules/login/pages/login/create-password.component.scss
new file mode 100644
index 0000000000..b1738a0f10
--- /dev/null
+++ b/ui-ngx/src/app/modules/login/pages/login/create-password.component.scss
@@ -0,0 +1,29 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import '../../../../../scss/constants';
+
+:host {
+  display: flex;
+  flex: 1 1 0%;
+  .tb-create-password-content {
+    background-color: #eee;
+    .tb-create-password-card {
+      @media #{$mat-gt-sm} {
+        width: 450px !important;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/login/pages/login/create-password.component.ts b/ui-ngx/src/app/modules/login/pages/login/create-password.component.ts
new file mode 100644
index 0000000000..64c6bbab48
--- /dev/null
+++ b/ui-ngx/src/app/modules/login/pages/login/create-password.component.ts
@@ -0,0 +1,74 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { AuthService } from '@core/auth/auth.service';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { PageComponent } from '@shared/components/page.component';
+import { FormBuilder } from '@angular/forms';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { TranslateService } from '@ngx-translate/core';
+import { ActivatedRoute } from '@angular/router';
+import { Subscription } from 'rxjs';
+
+@Component({
+  selector: 'tb-create-password',
+  templateUrl: './create-password.component.html',
+  styleUrls: ['./create-password.component.scss']
+})
+export class CreatePasswordComponent extends PageComponent implements OnInit, OnDestroy {
+
+  activateToken = '';
+  sub: Subscription;
+
+  createPassword = this.fb.group({
+    password: [''],
+    password2: ['']
+  });
+
+  constructor(protected store: Store<AppState>,
+              private route: ActivatedRoute,
+              private authService: AuthService,
+              private translate: TranslateService,
+              public fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit() {
+    this.sub = this.route
+      .queryParams
+      .subscribe(params => {
+        this.activateToken = params.activateToken || '';
+      });
+  }
+
+  ngOnDestroy(): void {
+    super.ngOnDestroy();
+    this.sub.unsubscribe();
+  }
+
+  onCreatePassword() {
+    if (this.createPassword.get('password').value !== this.createPassword.get('password2').value) {
+      this.store.dispatch(new ActionNotificationShow({ message: this.translate.instant('login.passwords-mismatch-error'),
+        type: 'error' }));
+    } else {
+      this.authService.activate(
+        this.activateToken,
+        this.createPassword.get('password').value).subscribe();
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/login/pages/login/login.component.html b/ui-ngx/src/app/modules/login/pages/login/login.component.html
new file mode 100644
index 0000000000..af58b53190
--- /dev/null
+++ b/ui-ngx/src/app/modules/login/pages/login/login.component.html
@@ -0,0 +1,61 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-login-content mat-app-background tb-dark" fxLayout="row" fxLayoutAlign="center center" fxFlex>
+  <mat-card style="height: 100%; max-height: 600px; overflow-y: auto; overflow-x: hidden;">
+    <mat-card-content>
+      <form #loginForm="ngForm" class="tb-login-form" fxLayout="column" [formGroup]="loginFormGroup" (ngSubmit)="login()">
+        <fieldset [disabled]="isLoading$ | async">
+          <div fxFlex fxLayout="column">
+            <div fxLayout="column" fxLayoutAlign="start center" style="padding: 15px 0;">
+              <tb-logo class="login-logo" style="padding-bottom: 25px;"></tb-logo>
+            </div>
+            <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+            </mat-progress-bar>
+            <span style="height: 4px;" *ngIf="!(isLoading$ | async)"></span>
+            <div tb-toast fxLayout="column" class="layout-padding">
+              <span style="height: 50px;"></span>
+              <mat-form-field>
+                <mat-label translate>login.username</mat-label>
+                <input id="username-input" matInput type="email" autofocus formControlName="username" email required/>
+                <mat-icon class="material-icons" matPrefix>email</mat-icon>
+                <mat-error *ngIf="loginFormGroup.get('username').invalid">
+                  {{ 'user.invalid-email-format' | translate }}
+                </mat-error>
+              </mat-form-field>
+              <mat-form-field>
+                <mat-label translate>common.password</mat-label>
+                <input id="password-input" matInput type="password" formControlName="password"/>
+                <mat-icon class="material-icons" matPrefix>lock</mat-icon>
+              </mat-form-field>
+              <div fxLayout.gt-sm="column" fxLayoutAlign="space-between stretch">
+                <div fxLayout.gt-sm="column" fxLayoutAlign="space-between end">
+                  <button mat-button type="button" routerLink="/login/resetPasswordRequest">{{ 'login.forgot-password' | translate }}
+                  </button>
+                </div>
+              </div>
+              <div fxLayout="column" style="padding: 15px 0;">
+                <button mat-raised-button color="accent" [disabled]="(isLoading$ | async)"
+                        type="submit">{{ 'login.login' | translate }}</button>
+              </div>
+            </div>
+          </div>
+        </fieldset>
+      </form>
+    </mat-card-content>
+  </mat-card>
+</div>
diff --git a/ui-ngx/src/app/modules/login/pages/login/login.component.scss b/ui-ngx/src/app/modules/login/pages/login/login.component.scss
new file mode 100644
index 0000000000..9d9c2914dc
--- /dev/null
+++ b/ui-ngx/src/app/modules/login/pages/login/login.component.scss
@@ -0,0 +1,32 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import '../../../../../scss/constants';
+
+:host {
+  display: flex;
+  flex: 1 1 0%;
+  .tb-login-content {
+    margin-top: 36px;
+    margin-bottom: 76px;
+    background-color: rgb(250,250,250);
+    .tb-login-form {
+      @media #{$mat-gt-sm} {
+        width: 550px !important;
+      }
+    }
+  }
+}
+
diff --git a/ui-ngx/src/app/modules/login/pages/login/login.component.ts b/ui-ngx/src/app/modules/login/pages/login/login.component.ts
new file mode 100644
index 0000000000..6fe81e44ef
--- /dev/null
+++ b/ui-ngx/src/app/modules/login/pages/login/login.component.ts
@@ -0,0 +1,69 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnInit } from '@angular/core';
+import { AuthService } from '@core/auth/auth.service';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { PageComponent } from '@shared/components/page.component';
+import { FormBuilder } from '@angular/forms';
+import { HttpErrorResponse } from '@angular/common/http';
+import { Constants } from '@shared/models/constants';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'tb-login',
+  templateUrl: './login.component.html',
+  styleUrls: ['./login.component.scss']
+})
+export class LoginComponent extends PageComponent implements OnInit {
+
+  loginFormGroup = this.fb.group({
+    username: '',
+    password: ''
+  });
+
+  constructor(protected store: Store<AppState>,
+              private authService: AuthService,
+              public fb: FormBuilder,
+              private router: Router) {
+    super(store);
+  }
+
+  ngOnInit() {
+  }
+
+  login(): void {
+    if (this.loginFormGroup.valid) {
+      this.authService.login(this.loginFormGroup.value).subscribe(
+        () => {},
+        (error: HttpErrorResponse) => {
+          if (error && error.error && error.error.errorCode) {
+            if (error.error.errorCode === Constants.serverErrorCode.credentialsExpired) {
+              this.router.navigateByUrl(`login/resetExpiredPassword?resetToken=${error.error.resetToken}`);
+            }
+          }
+        }
+      );
+    } else {
+      Object.keys(this.loginFormGroup.controls).forEach(field => {
+        const control = this.loginFormGroup.get(field);
+        control.markAsTouched({onlySelf: true});
+      });
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/login/pages/login/reset-password-request.component.html b/ui-ngx/src/app/modules/login/pages/login/reset-password-request.component.html
new file mode 100644
index 0000000000..e6b8a3cb7a
--- /dev/null
+++ b/ui-ngx/src/app/modules/login/pages/login/reset-password-request.component.html
@@ -0,0 +1,54 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-request-password-reset-content mat-app-background tb-dark" fxLayout="row" fxLayoutAlign="center center" style="width: 100%;">
+  <mat-card fxFlex="initial" class="tb-request-password-reset-card">
+    <mat-card-title>
+      <span translate class="mat-headline">login.request-password-reset</span>
+    </mat-card-title>
+    <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+    </mat-progress-bar>
+    <span style="height: 4px;" *ngIf="!(isLoading$ | async)"></span>
+    <mat-card-content>
+      <form #requestPasswordResetForm="ngForm" [formGroup]="requestPasswordRequest" (ngSubmit)="sendResetPasswordLink()">
+        <fieldset [disabled]="isLoading$ | async">
+          <div tb-toast fxLayout="column" class="layout-padding">
+            <span style="height: 50px;"></span>
+            <mat-form-field class="mat-block">
+              <mat-label translate>login.email</mat-label>
+              <input matInput type="email" autofocus formControlName="email" email required/>
+              <mat-icon class="material-icons" matPrefix>email</mat-icon>
+              <mat-error *ngIf="requestPasswordRequest.get('email').invalid">
+                {{ 'user.invalid-email-format' | translate }}
+              </mat-error>
+            </mat-form-field>
+            <div fxLayout="column" fxLayout.gt-sm="row" fxLayoutGap="16px" fxLayoutAlign="start center"
+                 fxLayoutAlign.gt-sm="center start" class="layout-padding">
+              <button mat-raised-button color="accent" type="submit" [disabled]="(isLoading$ | async)">
+                {{ 'login.request-password-reset' | translate }}
+              </button>
+              <button mat-raised-button color="primary" type="button" [disabled]="(isLoading$ | async)"
+                      routerLink="/login">
+                {{ 'action.cancel' | translate }}
+              </button>
+            </div>
+          </div>
+        </fieldset>
+      </form>
+    </mat-card-content>
+  </mat-card>
+</div>
diff --git a/application/src/test/java/org/thingsboard/server/controller/nosql/AuditLogControllerNoSqlTest.java b/ui-ngx/src/app/modules/login/pages/login/reset-password-request.component.scss
similarity index 69%
rename from application/src/test/java/org/thingsboard/server/controller/nosql/AuditLogControllerNoSqlTest.java
rename to ui-ngx/src/app/modules/login/pages/login/reset-password-request.component.scss
index e0e29b2b51..8826172799 100644
--- a/application/src/test/java/org/thingsboard/server/controller/nosql/AuditLogControllerNoSqlTest.java
+++ b/ui-ngx/src/app/modules/login/pages/login/reset-password-request.component.scss
@@ -13,11 +13,17 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.controller.nosql;
+@import '../../../../../scss/constants';
 
-import org.thingsboard.server.controller.BaseAuditLogControllerTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
-
-@DaoNoSqlTest
-public class AuditLogControllerNoSqlTest extends BaseAuditLogControllerTest {
+:host {
+  display: flex;
+  flex: 1 1 0%;
+  .tb-request-password-reset-content {
+    background-color: #eee;
+    .tb-request-password-reset-card {
+      @media #{$mat-gt-sm} {
+        width: 450px !important;
+      }
+    }
+  }
 }
diff --git a/ui-ngx/src/app/modules/login/pages/login/reset-password-request.component.ts b/ui-ngx/src/app/modules/login/pages/login/reset-password-request.component.ts
new file mode 100644
index 0000000000..a2356439c2
--- /dev/null
+++ b/ui-ngx/src/app/modules/login/pages/login/reset-password-request.component.ts
@@ -0,0 +1,56 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnInit } from '@angular/core';
+import { AuthService } from '@core/auth/auth.service';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { PageComponent } from '@shared/components/page.component';
+import { FormBuilder } from '@angular/forms';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { TranslateService } from '@ngx-translate/core';
+
+@Component({
+  selector: 'tb-reset-password-request',
+  templateUrl: './reset-password-request.component.html',
+  styleUrls: ['./reset-password-request.component.scss']
+})
+export class ResetPasswordRequestComponent extends PageComponent implements OnInit {
+
+  requestPasswordRequest = this.fb.group({
+    email: ['']
+  });
+
+  constructor(protected store: Store<AppState>,
+              private authService: AuthService,
+              private translate: TranslateService,
+              public fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit() {
+  }
+
+  sendResetPasswordLink() {
+    this.authService.sendResetPasswordLink(this.requestPasswordRequest.get('email').value).subscribe(
+      () => {
+        this.store.dispatch(new ActionNotificationShow({ message: this.translate.instant('login.password-link-sent-message'),
+          type: 'success' }));
+      }
+    );
+  }
+
+}
diff --git a/ui-ngx/src/app/modules/login/pages/login/reset-password.component.html b/ui-ngx/src/app/modules/login/pages/login/reset-password.component.html
new file mode 100644
index 0000000000..ca6a207918
--- /dev/null
+++ b/ui-ngx/src/app/modules/login/pages/login/reset-password.component.html
@@ -0,0 +1,59 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-reset-password-content mat-app-background tb-dark" fxLayout="row" fxLayoutAlign="center center" style="width: 100%;">
+  <mat-card fxFlex="initial" class="tb-reset-password-card">
+    <mat-card-title>
+      <span translate class="mat-headline">login.password-reset</span>
+    </mat-card-title>
+    <mat-card-subtitle>
+      <span *ngIf="isExpiredPassword" translate>login.expired-password-reset-message</span>
+    </mat-card-subtitle>
+    <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+    </mat-progress-bar>
+    <span style="height: 4px;" *ngIf="!(isLoading$ | async)"></span>
+    <mat-card-content>
+      <form #resetPasswordForm="ngForm" [formGroup]="resetPassword" (ngSubmit)="onResetPassword()">
+        <fieldset [disabled]="isLoading$ | async">
+          <div tb-toast fxLayout="column" class="layout-padding">
+            <span style="height: 50px;"></span>
+            <mat-form-field class="mat-block">
+              <mat-label translate>login.new-password</mat-label>
+              <input matInput type="password" autofocus formControlName="newPassword"/>
+              <mat-icon class="material-icons" matPrefix>lock</mat-icon>
+            </mat-form-field>
+            <mat-form-field class="mat-block">
+              <mat-label translate>login.new-password-again</mat-label>
+              <input matInput type="password" formControlName="newPassword2"/>
+              <mat-icon class="material-icons" matPrefix>lock</mat-icon>
+            </mat-form-field>
+            <div fxLayout="column" fxLayout.gt-sm="row" fxLayoutGap="16px" fxLayoutAlign="start center"
+                 fxLayoutAlign.gt-sm="center start" class="layout-padding">
+              <button mat-raised-button color="accent" type="submit" [disabled]="(isLoading$ | async)">
+                {{ 'login.reset-password' | translate }}
+              </button>
+              <button mat-raised-button color="primary" type="button" [disabled]="(isLoading$ | async)"
+                      routerLink="/login">
+                {{ 'action.cancel' | translate }}
+              </button>
+            </div>
+          </div>
+        </fieldset>
+      </form>
+    </mat-card-content>
+  </mat-card>
+</div>
diff --git a/ui-ngx/src/app/modules/login/pages/login/reset-password.component.scss b/ui-ngx/src/app/modules/login/pages/login/reset-password.component.scss
new file mode 100644
index 0000000000..4ba7afeb36
--- /dev/null
+++ b/ui-ngx/src/app/modules/login/pages/login/reset-password.component.scss
@@ -0,0 +1,29 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import '../../../../../scss/constants';
+
+:host {
+  display: flex;
+  flex: 1 1 0%;
+  .tb-reset-password-content {
+    background-color: #eee;
+    .tb-reset-password-card {
+      @media #{$mat-gt-sm} {
+        width: 450px !important;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/modules/login/pages/login/reset-password.component.ts b/ui-ngx/src/app/modules/login/pages/login/reset-password.component.ts
new file mode 100644
index 0000000000..5b62f11438
--- /dev/null
+++ b/ui-ngx/src/app/modules/login/pages/login/reset-password.component.ts
@@ -0,0 +1,77 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { AuthService } from '@core/auth/auth.service';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { PageComponent } from '@shared/components/page.component';
+import { FormBuilder } from '@angular/forms';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+import { TranslateService } from '@ngx-translate/core';
+import { ActivatedRoute } from '@angular/router';
+import { Subscription } from 'rxjs';
+
+@Component({
+  selector: 'tb-reset-password',
+  templateUrl: './reset-password.component.html',
+  styleUrls: ['./reset-password.component.scss']
+})
+export class ResetPasswordComponent extends PageComponent implements OnInit, OnDestroy {
+
+  isExpiredPassword: boolean;
+
+  resetToken = '';
+  sub: Subscription;
+
+  resetPassword = this.fb.group({
+    newPassword: [''],
+    newPassword2: ['']
+  });
+
+  constructor(protected store: Store<AppState>,
+              private route: ActivatedRoute,
+              private authService: AuthService,
+              private translate: TranslateService,
+              public fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit() {
+    this.isExpiredPassword = this.route.snapshot.data.expiredPassword;
+    this.sub = this.route
+      .queryParams
+      .subscribe(params => {
+        this.resetToken = params.resetToken || '';
+      });
+  }
+
+  ngOnDestroy(): void {
+    super.ngOnDestroy();
+    this.sub.unsubscribe();
+  }
+
+  onResetPassword() {
+    if (this.resetPassword.get('newPassword').value !== this.resetPassword.get('newPassword2').value) {
+      this.store.dispatch(new ActionNotificationShow({ message: this.translate.instant('login.passwords-mismatch-error'),
+        type: 'error' }));
+    } else {
+      this.authService.resetPassword(
+        this.resetToken,
+        this.resetPassword.get('newPassword').value).subscribe();
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/animations/speed-dial-fab.animations.ts b/ui-ngx/src/app/shared/animations/speed-dial-fab.animations.ts
new file mode 100644
index 0000000000..2583789d3d
--- /dev/null
+++ b/ui-ngx/src/app/shared/animations/speed-dial-fab.animations.ts
@@ -0,0 +1,67 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  animate,
+  keyframes,
+  query,
+  stagger,
+  state,
+  style,
+  transition,
+  trigger
+} from '@angular/animations';
+
+export const speedDialFabAnimations = [
+  trigger('fabToggler', [
+    state('inactive', style({
+      transform: 'rotate(0deg)'
+    })),
+    state('active', style({
+      transform: 'rotate(225deg)'
+    })),
+    transition('* <=> *', animate('200ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
+  ]),
+  trigger('speedDialStagger', [
+    transition('* => *', [
+
+      query(':enter', style({ opacity: 0 }), {optional: true}),
+
+      query(':enter', stagger('40ms',
+        [
+          animate('200ms cubic-bezier(0.4, 0.0, 0.2, 1)',
+            keyframes(
+              [
+                style({opacity: 0, transform: 'translateY(10px)'}),
+                style({opacity: 1, transform: 'translateY(0)'}),
+              ]
+            )
+          )
+        ]
+      ), {optional: true}),
+
+      query(':leave',
+        animate('200ms cubic-bezier(0.4, 0.0, 0.2, 1)',
+          keyframes([
+            style({opacity: 1}),
+            style({opacity: 0}),
+          ])
+        ), {optional: true}
+      )
+
+    ])
+  ])
+];
diff --git a/ui-ngx/src/app/shared/components/breadcrumb.component.html b/ui-ngx/src/app/shared/components/breadcrumb.component.html
new file mode 100644
index 0000000000..9471ee5d2f
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/breadcrumb.component.html
@@ -0,0 +1,41 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div fxFlex class="tb-breadcrumb" fxLayout="row">
+  <h1 fxFlex fxHide.gt-sm *ngIf="lastBreadcrumb$ | async; let breadcrumb">
+    {{ breadcrumb.ignoreTranslate ? (breadcrumb.labelFunction ? breadcrumb.labelFunction() : breadcrumb.label) : (breadcrumb.label | translate) }}
+  </h1>
+  <span fxHide.xs fxHide.sm *ngFor="let breadcrumb of breadcrumbs$ | async; last as isLast;" [ngSwitch]="isLast">
+	    <a *ngSwitchCase="false" [routerLink]="breadcrumb.link" [queryParams]="breadcrumb.queryParams">
+        <mat-icon *ngIf="breadcrumb.isMdiIcon" [svgIcon]="breadcrumb.icon">
+	    	</mat-icon>
+        <mat-icon *ngIf="!breadcrumb.isMdiIcon" class="material-icons">
+          {{ breadcrumb.icon }}
+        </mat-icon>
+        {{ breadcrumb.ignoreTranslate ? (breadcrumb.labelFunction ? breadcrumb.labelFunction() : breadcrumb.label) : (breadcrumb.label | translate) }}
+	    </a>
+	    <span *ngSwitchCase="true">
+        <mat-icon *ngIf="breadcrumb.isMdiIcon" [svgIcon]="breadcrumb.icon">
+	    	</mat-icon>
+	    	<mat-icon *ngIf="!breadcrumb.isMdiIcon" class="material-icons">
+	    	  {{ breadcrumb.icon }}
+	    	</mat-icon>
+        {{ breadcrumb.ignoreTranslate ? (breadcrumb.labelFunction ? breadcrumb.labelFunction() : breadcrumb.label) : (breadcrumb.label | translate) }}
+      </span>
+	    <span class="divider" [fxHide]="isLast"> > </span>
+	</span>
+</div>
diff --git a/ui-ngx/src/app/shared/components/breadcrumb.component.scss b/ui-ngx/src/app/shared/components/breadcrumb.component.scss
new file mode 100644
index 0000000000..37876a12c8
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/breadcrumb.component.scss
@@ -0,0 +1,60 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: 0;
+  flex: 1;
+
+  .tb-breadcrumb {
+    font-size: 18px !important;
+    font-weight: 400 !important;
+    overflow: hidden;
+
+    h1,
+    a,
+    span {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    h1 {
+      font-size: 24px !important;
+      font-weight: 400 !important;
+    }
+
+    a {
+      border: none;
+      opacity: .75;
+      transition: opacity .35s;
+      color: inherit;
+      text-decoration: none;
+    }
+
+    a:hover,
+    a:focus {
+      text-decoration: none !important;
+      border: none;
+      opacity: 1;
+    }
+
+    .divider {
+      padding: 0 30px;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/breadcrumb.component.ts b/ui-ngx/src/app/shared/components/breadcrumb.component.ts
new file mode 100644
index 0000000000..a3c1b09fbd
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/breadcrumb.component.ts
@@ -0,0 +1,103 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { BreadCrumb, BreadCrumbConfig } from './breadcrumb';
+import { ActivatedRoute, ActivatedRouteSnapshot, NavigationEnd, Router } from '@angular/router';
+import { distinctUntilChanged, filter, map } from 'rxjs/operators';
+import { TranslateService } from '@ngx-translate/core';
+
+@Component({
+  selector: 'tb-breadcrumb',
+  templateUrl: './breadcrumb.component.html',
+  styleUrls: ['./breadcrumb.component.scss']
+})
+export class BreadcrumbComponent implements OnInit, OnDestroy {
+
+  activeComponentValue: any;
+
+  @Input()
+  set activeComponent(activeComponent: any) {
+    this.activeComponentValue = activeComponent;
+  }
+
+  breadcrumbs$: Subject<Array<BreadCrumb>> = new BehaviorSubject<Array<BreadCrumb>>(this.buildBreadCrumbs(this.activatedRoute.snapshot));
+
+  routerEventsSubscription = this.router.events.pipe(
+    filter((event) => event instanceof NavigationEnd ),
+    distinctUntilChanged(),
+    map( () => this.buildBreadCrumbs(this.activatedRoute.snapshot) )
+  ).subscribe(breadcrumns => this.breadcrumbs$.next(breadcrumns) );
+
+  lastBreadcrumb$ = this.breadcrumbs$.pipe(
+    map( breadcrumbs => breadcrumbs[breadcrumbs.length - 1])
+  );
+
+  constructor(private router: Router,
+              private activatedRoute: ActivatedRoute,
+              private translate: TranslateService) {
+  }
+
+  ngOnInit(): void {
+  }
+
+  ngOnDestroy(): void {
+    if (this.routerEventsSubscription) {
+      this.routerEventsSubscription.unsubscribe();
+    }
+  }
+
+
+  buildBreadCrumbs(route: ActivatedRouteSnapshot, breadcrumbs: Array<BreadCrumb> = []): Array<BreadCrumb> {
+    let newBreadcrumbs = breadcrumbs;
+    if (route.routeConfig && route.routeConfig.data) {
+      const breadcrumbConfig = route.routeConfig.data.breadcrumb as BreadCrumbConfig;
+      if (breadcrumbConfig && !breadcrumbConfig.skip) {
+        let label;
+        let labelFunction;
+        let ignoreTranslate;
+        if (breadcrumbConfig.labelFunction) {
+          labelFunction = () => {
+            return breadcrumbConfig.labelFunction(route, this.translate, this.activeComponentValue);
+          };
+          ignoreTranslate = true;
+        } else {
+          label = breadcrumbConfig.label || 'home.home';
+          ignoreTranslate = false;
+        }
+        const icon = breadcrumbConfig.icon || 'home';
+        const isMdiIcon = icon.startsWith('mdi:');
+        const link = [ route.pathFromRoot.map(v => v.url.map(segment => segment.toString()).join('/')).join('/') ];
+        const queryParams = route.queryParams;
+        const breadcrumb = {
+          label,
+          labelFunction,
+          ignoreTranslate,
+          icon,
+          isMdiIcon,
+          link,
+          queryParams
+        };
+        newBreadcrumbs = [...breadcrumbs, breadcrumb];
+      }
+    }
+    if (route.firstChild) {
+      return this.buildBreadCrumbs(route.firstChild, newBreadcrumbs);
+    }
+    return newBreadcrumbs;
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/breadcrumb.ts b/ui-ngx/src/app/shared/components/breadcrumb.ts
new file mode 100644
index 0000000000..77371cbbf0
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/breadcrumb.ts
@@ -0,0 +1,37 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { ActivatedRouteSnapshot, Params } from '@angular/router';
+import { TranslateService } from '@ngx-translate/core';
+
+export interface BreadCrumb {
+  label: string;
+  labelFunction?: () => string;
+  ignoreTranslate: boolean;
+  icon: string;
+  isMdiIcon: boolean;
+  link: any[];
+  queryParams: Params;
+}
+
+export type BreadCrumbLabelFunction = (route: ActivatedRouteSnapshot, translate: TranslateService, component: any) => string;
+
+export interface BreadCrumbConfig {
+  labelFunction: BreadCrumbLabelFunction;
+  label: string;
+  icon: string;
+  skip: boolean;
+}
diff --git a/ui-ngx/src/app/shared/components/cheatsheet.component.ts b/ui-ngx/src/app/shared/components/cheatsheet.component.ts
new file mode 100644
index 0000000000..52129db790
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/cheatsheet.component.ts
@@ -0,0 +1,165 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, ElementRef, Input, OnDestroy, OnInit } from '@angular/core';
+import { Hotkey, HotkeysService } from 'angular2-hotkeys';
+
+@Component({
+  selector : 'tb-hotkeys-cheatsheet',
+  styles : [`
+.tb-hotkeys-container {
+  display: table !important;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  color: #333;
+  font-size: 1em;
+  background-color: rgba(255,255,255,0.9);
+  outline: 0;
+}
+.tb-hotkeys-container.fade {
+  z-index: -1024;
+  visibility: hidden;
+  opacity: 0;
+  -webkit-transition: opacity 0.15s linear;
+  -moz-transition: opacity 0.15s linear;
+  -o-transition: opacity 0.15s linear;
+  transition: opacity 0.15s linear;
+}
+.tb-hotkeys-container.fade.in {
+  z-index: 10002;
+  visibility: visible;
+  opacity: 1;
+}
+.tb-hotkeys-title {
+  font-weight: bold;
+  text-align: center;
+  font-size: 1.2em;
+}
+.tb-hotkeys {
+  width: 100%;
+  height: 100%;
+  display: table-cell;
+  vertical-align: middle;
+}
+.tb-hotkeys table {
+  margin: auto;
+  color: #333;
+}
+.tb-content {
+  display: table-cell;
+  vertical-align: middle;
+}
+.tb-hotkeys-keys {
+  padding: 5px;
+  text-align: right;
+}
+.tb-hotkeys-key {
+  display: inline-block;
+  color: #fff;
+  background-color: #333;
+  border: 1px solid #333;
+  border-radius: 5px;
+  text-align: center;
+  margin-right: 5px;
+  box-shadow: inset 0 1px 0 #666, 0 1px 0 #bbb;
+  padding: 5px 9px;
+  font-size: 1em;
+}
+.tb-hotkeys-text {
+  padding-left: 10px;
+  font-size: 1em;
+}
+.tb-hotkeys-close {
+  position: fixed;
+  top: 20px;
+  right: 20px;
+  font-size: 2em;
+  font-weight: bold;
+  padding: 5px 10px;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+  min-height: 45px;
+  min-width: 45px;
+  text-align: center;
+}
+.tb-hotkeys-close:hover {
+  background-color: #fff;
+  cursor: pointer;
+}
+@media all and (max-width: 500px) {
+  .tb-hotkeys {
+    font-size: 0.8em;
+  }
+}
+@media all and (min-width: 750px) {
+  .tb-hotkeys {
+    font-size: 1.2em;
+  }
+}  `],
+  template : `<div tabindex="-1" class="tb-hotkeys-container fade" [ngClass]="{'in': helpVisible}" style="display:none"><div class="tb-hotkeys">
+  <h4 class="tb-hotkeys-title">{{ title }}</h4>
+  <table *ngIf="helpVisible"><tbody>
+    <tr *ngFor="let hotkey of hotkeysList">
+      <td class="tb-hotkeys-keys">
+        <span *ngFor="let key of hotkey.formatted" class="tb-hotkeys-key">{{ key }}</span>
+      </td>
+      <td class="tb-hotkeys-text">{{ hotkey.description }}</td>
+    </tr>
+  </tbody></table>
+  <div class="tb-hotkeys-close" (click)="toggleCheatSheet()">&#215;</div>
+</div></div>`,
+})
+export class TbCheatSheetComponent implements OnInit, OnDestroy {
+
+  helpVisible = false;
+  @Input() title = 'Keyboard Shortcuts:';
+
+  @Input()
+  hotkeys: Hotkey[];
+
+  hotkeysList: Hotkey[];
+
+  private mousetrap: MousetrapInstance;
+
+  constructor(private elementRef: ElementRef,
+              private hotkeysService: HotkeysService) {
+    this.mousetrap = new Mousetrap(this.elementRef.nativeElement);
+    this.mousetrap.bind('?', (event: KeyboardEvent, combo: string) => {
+      this.toggleCheatSheet();
+    });
+  }
+
+  public ngOnInit(): void {
+    if (this.hotkeys) {
+      this.hotkeysList = this.hotkeys.filter(hotkey => hotkey.description);
+    }
+  }
+
+  public setHotKeys(hotkeys: Hotkey[]) {
+    this.hotkeysList = hotkeys.filter(hotkey => hotkey.description);
+  }
+
+  public toggleCheatSheet(): void {
+    this.helpVisible = !this.helpVisible;
+  }
+
+  ngOnDestroy() {
+    this.mousetrap.unbind('?');
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/circular-progress.directive.ts b/ui-ngx/src/app/shared/components/circular-progress.directive.ts
new file mode 100644
index 0000000000..c53267a7be
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/circular-progress.directive.ts
@@ -0,0 +1,84 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Directive, ElementRef, ViewContainerRef, ComponentFactoryResolver, ComponentRef, Input } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { MatProgressBar } from '@angular/material/progress-bar';
+import { MatSpinner } from '@angular/material/progress-spinner';
+
+@Directive({
+  selector: '[tb-circular-progress]'
+})
+export class CircularProgressDirective {
+
+  showProgressValue = false;
+
+  children: JQuery<any>;
+
+  cssWidth: any;
+
+  @Input('tb-circular-progress')
+  set showProgress(showProgress: boolean) {
+    if (this.showProgressValue !== showProgress) {
+      const element = this.elementRef.nativeElement;
+      this.showProgressValue = showProgress;
+      this.spinnerRef.instance._elementRef.nativeElement.style.display = showProgress ? 'block' : 'none';
+      if (showProgress) {
+        this.cssWidth = $(element).prop('style').width;
+        if (!this.cssWidth) {
+          $(element).css('width', '');
+          const width = $(element).prop('offsetWidth');
+          $(element).css('width', width + 'px');
+        }
+        this.children = $(element).children();
+        $(element).empty();
+        $(element).append($(this.spinnerRef.instance._elementRef.nativeElement));
+      } else {
+        $(element).empty();
+        $(element).append(this.children);
+        if (this.cssWidth) {
+          $(element).css('width', this.cssWidth);
+        } else {
+          $(element).css('width', '');
+        }
+      }
+    }
+  }
+
+  spinnerRef: ComponentRef<MatSpinner>;
+
+  constructor(private elementRef: ElementRef,
+              private componentFactoryResolver: ComponentFactoryResolver,
+              private viewContainerRef: ViewContainerRef) {
+    this.createCircularProgress();
+  }
+
+  createCircularProgress() {
+    this.elementRef.nativeElement.style.position = 'relative';
+    const factory = this.componentFactoryResolver.resolveComponentFactory(MatSpinner);
+    this.spinnerRef = this.viewContainerRef.createComponent(factory, 0);
+    this.spinnerRef.instance.mode = 'indeterminate';
+    this.spinnerRef.instance.diameter = 20;
+    const el = this.spinnerRef.instance._elementRef.nativeElement;
+    el.style.margin = 'auto';
+    el.style.position = 'absolute';
+    el.style.left = '0';
+    el.style.right = '0';
+    el.style.top = '0';
+    el.style.bottom = '0';
+    el.style.display = 'none';
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/color-input.component.html b/ui-ngx/src/app/shared/components/color-input.component.html
new file mode 100644
index 0000000000..003b2dc88c
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/color-input.component.html
@@ -0,0 +1,36 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field [formGroup]="colorFormGroup">
+  <mat-label>
+    <mat-icon *ngIf="icon">{{icon}}</mat-icon>
+    <span *ngIf="label">{{label}}</span>
+  </mat-label>
+  <div matPrefix class="tb-color-preview" (click)="showColorPicker()" style="margin-right: 5px;">
+    <div class="tb-color-result" [ngStyle]="{background: colorFormGroup.get('color').value}"></div>
+  </div>
+  <input matInput formControlName="color" (mousedown)="openOnInput && showColorPicker()" [required]="required">
+  <button *ngIf="colorClearButton"
+          type="button"
+          matSuffix mat-button mat-icon-button aria-label="Clear"
+          (click)="clear()">
+    <mat-icon class="material-icons">close</mat-icon>
+  </button>
+  <mat-error *ngIf="colorFormGroup.get('color').hasError('required')">
+    {{ requiredText }}
+  </mat-error>
+</mat-form-field>
diff --git a/ui-ngx/src/app/shared/components/color-input.component.scss b/ui-ngx/src/app/shared/components/color-input.component.scss
new file mode 100644
index 0000000000..43ae31e82b
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/color-input.component.scss
@@ -0,0 +1,20 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .mat-form-field {
+    width: 100%;
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/color-input.component.ts b/ui-ngx/src/app/shared/components/color-input.component.ts
new file mode 100644
index 0000000000..ea9f8de435
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/color-input.component.ts
@@ -0,0 +1,183 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, ElementRef, forwardRef, Input, OnInit, ViewChild } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { DataKey, DatasourceType } from '@shared/models/widget.models';
+import {
+  ControlValueAccessor,
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  NG_VALIDATORS,
+  NG_VALUE_ACCESSOR,
+  Validator,
+  Validators
+} from '@angular/forms';
+import { UtilsService } from '@core/services/utils.service';
+import { TranslateService } from '@ngx-translate/core';
+import { MatDialog } from '@angular/material/dialog';
+import { EntityService } from '@core/http/entity.service';
+import { DataKeysCallbacks } from '@home/components/widget/data-keys.component.models';
+import { DataKeyType } from '@shared/models/telemetry/telemetry.models';
+import { Observable, of } from 'rxjs';
+import { map, mergeMap, tap } from 'rxjs/operators';
+import { alarmFields } from '@shared/models/alarm.models';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { DialogService } from '@core/services/dialog.service';
+
+@Component({
+  selector: 'tb-color-input',
+  templateUrl: './color-input.component.html',
+  styleUrls: ['./color-input.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => ColorInputComponent),
+      multi: true
+    }
+  ]
+})
+export class ColorInputComponent extends PageComponent implements OnInit, ControlValueAccessor {
+
+  @Input()
+  icon: string;
+
+  @Input()
+  label: string;
+
+  @Input()
+  requiredText: string;
+
+  private colorClearButtonValue: boolean;
+  get colorClearButton(): boolean {
+    return this.colorClearButtonValue;
+  }
+  @Input()
+  set colorClearButton(value: boolean) {
+    const newVal = coerceBooleanProperty(value);
+    if (this.colorClearButtonValue !== newVal) {
+      this.colorClearButtonValue = newVal;
+    }
+  }
+
+  private openOnInputValue: boolean;
+  get openOnInput(): boolean {
+    return this.openOnInputValue;
+  }
+  @Input()
+  set openOnInput(value: boolean) {
+    const newVal = coerceBooleanProperty(value);
+    if (this.openOnInputValue !== newVal) {
+      this.openOnInputValue = newVal;
+    }
+  }
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    const newVal = coerceBooleanProperty(value);
+    if (this.requiredValue !== newVal) {
+      this.requiredValue = newVal;
+      this.updateValidators();
+    }
+  }
+
+  @Input()
+  disabled: boolean;
+
+  private modelValue: string;
+
+  private propagateChange = null;
+
+  public colorFormGroup: FormGroup;
+
+  constructor(protected store: Store<AppState>,
+              private dialogs: DialogService,
+              private translate: TranslateService,
+              private fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+    this.colorFormGroup = this.fb.group({
+      color: [null, this.required ? [Validators.required] : []]
+    });
+
+    this.colorFormGroup.valueChanges.subscribe(() => {
+      this.updateModel();
+    });
+  }
+
+  updateValidators() {
+    if (this.colorFormGroup) {
+      this.colorFormGroup.get('color').setValidators(this.required ? [Validators.required] : []);
+      this.colorFormGroup.get('color').updateValueAndValidity();
+    }
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (isDisabled) {
+      this.colorFormGroup.disable({emitEvent: false});
+    } else {
+      this.colorFormGroup.enable({emitEvent: false});
+    }
+  }
+
+  writeValue(value: string): void {
+    this.modelValue = value;
+    this.colorFormGroup.patchValue(
+      { color: this.modelValue }, {emitEvent: false}
+    );
+  }
+
+  private updateModel() {
+    const color: string = this.colorFormGroup.get('color').value;
+    if (this.modelValue !== color) {
+      this.modelValue = color;
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  showColorPicker() {
+    this.dialogs.colorPicker(this.colorFormGroup.get('color').value).subscribe(
+      (color) => {
+        if (color) {
+          this.colorFormGroup.patchValue(
+            {color}, {emitEvent: true}
+          );
+        }
+      }
+    );
+  }
+
+  clear() {
+    this.colorFormGroup.get('color').patchValue(null, {emitEvent: true});
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/dashboard-autocomplete.component.html b/ui-ngx/src/app/shared/components/dashboard-autocomplete.component.html
new file mode 100644
index 0000000000..8993c9b3a4
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dashboard-autocomplete.component.html
@@ -0,0 +1,49 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field [formGroup]="selectDashboardFormGroup" class="mat-block">
+  <input matInput type="text" placeholder="{{ placeholder || ('dashboard.dashboard' | translate) }}"
+         #dashboardInput
+         formControlName="dashboard"
+         [required]="required"
+         [matAutocomplete]="dashboardAutocomplete">
+  <button *ngIf="selectDashboardFormGroup.get('dashboard').value && !disabled"
+          type="button"
+          matSuffix mat-button mat-icon-button aria-label="Clear"
+          (click)="clear()">
+    <mat-icon class="material-icons">close</mat-icon>
+  </button>
+  <mat-autocomplete
+    class="tb-autocomplete"
+    #dashboardAutocomplete="matAutocomplete"
+    [displayWith]="displayDashboardFn">
+    <mat-option *ngFor="let dashboard of filteredDashboards | async" [value]="dashboard">
+      <span [innerHTML]="dashboard.title | highlight:searchText"></span>
+    </mat-option>
+    <mat-option *ngIf="!(filteredDashboards | async)?.length" [value]="null">
+      <span>
+          {{ translate.get('dashboard.no-dashboards-matching', {entity: searchText}) | async }}
+      </span>
+    </mat-option>
+  </mat-autocomplete>
+  <mat-error>
+    <ng-content select="[tb-error]"></ng-content>
+  </mat-error>
+  <mat-hint>
+    <ng-content select="[tb-hint]"></ng-content>
+  </mat-hint>
+</mat-form-field>
diff --git a/ui-ngx/src/app/shared/components/dashboard-autocomplete.component.ts b/ui-ngx/src/app/shared/components/dashboard-autocomplete.component.ts
new file mode 100644
index 0000000000..fb7d62d9f5
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dashboard-autocomplete.component.ts
@@ -0,0 +1,224 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {AfterViewInit, Component, ElementRef, forwardRef, Input, OnInit, ViewChild} from '@angular/core';
+import {ControlValueAccessor, FormBuilder, FormGroup, NG_VALUE_ACCESSOR} from '@angular/forms';
+import {Observable, of} from 'rxjs';
+import {PageLink} from '@shared/models/page/page-link';
+import {Direction} from '@shared/models/page/sort-order';
+import {map, mergeMap, startWith, tap} from 'rxjs/operators';
+import {PageData, emptyPageData} from '@shared/models/page/page-data';
+import {DashboardInfo} from '@app/shared/models/dashboard.models';
+import {DashboardId} from '@app/shared/models/id/dashboard-id';
+import {DashboardService} from '@core/http/dashboard.service';
+import {Store} from '@ngrx/store';
+import {AppState} from '@app/core/core.state';
+import {getCurrentAuthUser} from '@app/core/auth/auth.selectors';
+import {Authority} from '@shared/models/authority.enum';
+import {TranslateService} from '@ngx-translate/core';
+import {coerceBooleanProperty} from '@angular/cdk/coercion';
+
+@Component({
+  selector: 'tb-dashboard-autocomplete',
+  templateUrl: './dashboard-autocomplete.component.html',
+  styleUrls: [],
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => DashboardAutocompleteComponent),
+    multi: true
+  }]
+})
+export class DashboardAutocompleteComponent implements ControlValueAccessor, OnInit, AfterViewInit {
+
+  selectDashboardFormGroup: FormGroup;
+
+  modelValue: DashboardInfo | string | null;
+
+  @Input()
+  useIdValue = true;
+
+  @Input()
+  selectFirstDashboard = false;
+
+  @Input()
+  placeholder: string;
+
+  @Input()
+  dashboardsScope: 'customer' | 'tenant';
+
+  @Input()
+  tenantId: string;
+
+  @Input()
+  customerId: string;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  @ViewChild('dashboardInput', {static: true}) dashboardInput: ElementRef;
+
+  filteredDashboards: Observable<Array<DashboardInfo>>;
+
+  searchText = '';
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              public translate: TranslateService,
+              private dashboardService: DashboardService,
+              private fb: FormBuilder) {
+    this.selectDashboardFormGroup = this.fb.group({
+      dashboard: [null]
+    });
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+    this.filteredDashboards = this.selectDashboardFormGroup.get('dashboard').valueChanges
+      .pipe(
+        tap(value => {
+          let modelValue;
+          if (typeof value === 'string' || !value) {
+            modelValue = null;
+          } else {
+            modelValue = this.useIdValue ? value.id.id : value;
+          }
+          this.updateView(modelValue);
+        }),
+        startWith<string | DashboardInfo>(''),
+        map(value => value ? (typeof value === 'string' ? value : value.name) : ''),
+        mergeMap(name => this.fetchDashboards(name) )
+      );
+  }
+
+  ngAfterViewInit(): void {
+    // this.selectFirstDashboardIfNeeded();
+  }
+
+  selectFirstDashboardIfNeeded(): void {
+    if (this.selectFirstDashboard && !this.modelValue) {
+      this.getDashboards(new PageLink(1)).subscribe(
+        (data) => {
+          if (data.data.length) {
+            const dashboard = data.data[0];
+            this.modelValue = this.useIdValue ? dashboard.id.id : dashboard;
+            this.selectDashboardFormGroup.get('dashboard').patchValue(dashboard, {emitEvent: false});
+            this.propagateChange(this.modelValue);
+          }
+        }
+      );
+    }
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(value: DashboardInfo | string | null): void {
+    this.searchText = '';
+    if (value != null) {
+      if (typeof value === 'string') {
+        this.dashboardService.getDashboardInfo(value).subscribe(
+          (dashboard) => {
+            this.modelValue = this.useIdValue ? dashboard.id.id : dashboard;
+            this.selectDashboardFormGroup.get('dashboard').patchValue(dashboard, {emitEvent: true});
+          }
+        );
+      } else {
+        this.modelValue = this.useIdValue ? value.id.id : value;
+        this.selectDashboardFormGroup.get('dashboard').patchValue(value, {emitEvent: true});
+      }
+    } else {
+      this.modelValue = null;
+      this.selectDashboardFormGroup.get('dashboard').patchValue(null, {emitEvent: true});
+      this.selectFirstDashboardIfNeeded();
+    }
+  }
+
+  updateView(value: DashboardInfo | string | null) {
+    if (this.modelValue !== value) {
+      this.modelValue = value;
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  displayDashboardFn(dashboard?: DashboardInfo): string | undefined {
+    return dashboard ? dashboard.title : undefined;
+  }
+
+  fetchDashboards(searchText?: string): Observable<Array<DashboardInfo>> {
+    this.searchText = searchText;
+    const pageLink = new PageLink(10, 0, searchText, {
+      property: 'title',
+      direction: Direction.ASC
+    });
+    return this.getDashboards(pageLink).pipe(
+      map(pageData => {
+        return pageData.data;
+      })
+    );
+  }
+
+  getDashboards(pageLink: PageLink): Observable<PageData<DashboardInfo>> {
+    let dashboardsObservable: Observable<PageData<DashboardInfo>>;
+    const authUser = getCurrentAuthUser(this.store);
+    if (this.dashboardsScope === 'customer' || authUser.authority === Authority.CUSTOMER_USER) {
+      if (this.customerId) {
+        dashboardsObservable = this.dashboardService.getCustomerDashboards(this.customerId, pageLink,
+          {ignoreLoading: true});
+      } else {
+        dashboardsObservable = of(emptyPageData());
+      }
+    } else {
+      if (authUser.authority === Authority.SYS_ADMIN) {
+        if (this.tenantId) {
+          dashboardsObservable = this.dashboardService.getTenantDashboardsByTenantId(this.tenantId, pageLink,
+            {ignoreLoading: true});
+        } else {
+          dashboardsObservable = of(emptyPageData());
+        }
+      } else {
+        dashboardsObservable = this.dashboardService.getTenantDashboards(pageLink,
+          {ignoreLoading: true});
+      }
+    }
+    return dashboardsObservable;
+  }
+
+  clear() {
+    this.selectDashboardFormGroup.get('dashboard').patchValue(null, {emitEvent: true});
+    setTimeout(() => {
+      this.dashboardInput.nativeElement.blur();
+      this.dashboardInput.nativeElement.focus();
+    }, 0);
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/dashboard-select-panel.component.html b/ui-ngx/src/app/shared/components/dashboard-select-panel.component.html
new file mode 100644
index 0000000000..625fcd6800
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dashboard-select-panel.component.html
@@ -0,0 +1,28 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div fxLayout="column" class="mat-content mat-padding">
+  <mat-form-field>
+    <mat-label>{{'dashboard.select-dashboard' | translate}}</mat-label>
+    <mat-select matInput [(ngModel)]="dashboardId"
+                (ngModelChange)="dashboardSelected(dashboardId)">
+      <mat-option *ngFor="let dashboard of dashboards$ | async" [value]="dashboard.id.id">
+        {{dashboard.title}}
+      </mat-option>
+    </mat-select>
+  </mat-form-field>
+</div>
diff --git a/ui-ngx/src/app/shared/components/dashboard-select-panel.component.scss b/ui-ngx/src/app/shared/components/dashboard-select-panel.component.scss
new file mode 100644
index 0000000000..545edfe22a
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dashboard-select-panel.component.scss
@@ -0,0 +1,55 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import "../../../scss/constants";
+
+:host {
+  min-width: 300px;
+  max-width: 320px;
+  max-height: 150px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: #fff;
+  border-radius: 4px;
+  box-shadow:
+    0 7px 8px -4px rgba(0, 0, 0, .2),
+    0 13px 19px 2px rgba(0, 0, 0, .14),
+    0 5px 24px 4px rgba(0, 0, 0, .12);
+
+  @media (min-height: 350px) {
+    max-height: 250px;
+  }
+
+  @media #{$mat-gt-xs} {
+    max-width: 100%;
+  }
+
+  .mat-content {
+    background-color: #fff;
+  }
+}
+
+:host ::ng-deep {
+  mat-form-field {
+    .mat-form-field-infix {
+      width: 100%;
+      mat-select {
+        .mat-select-value {
+          max-width: 100%;
+        }
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/dashboard-select-panel.component.ts b/ui-ngx/src/app/shared/components/dashboard-select-panel.component.ts
new file mode 100644
index 0000000000..e63a881272
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dashboard-select-panel.component.ts
@@ -0,0 +1,48 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, InjectionToken } from '@angular/core';
+import { Observable } from 'rxjs';
+import { DashboardInfo } from '../models/dashboard.models';
+
+export const DASHBOARD_SELECT_PANEL_DATA = new InjectionToken<any>('DashboardSelectPanelData');
+
+export interface DashboardSelectPanelData {
+  dashboards$: Observable<Array<DashboardInfo>>;
+  dashboardId: string;
+  onDashboardSelected: (dashboardId: string) => void;
+}
+
+@Component({
+  selector: 'tb-dashboard-select-panel',
+  templateUrl: './dashboard-select-panel.component.html',
+  styleUrls: ['./dashboard-select-panel.component.scss']
+})
+export class DashboardSelectPanelComponent {
+
+  dashboards$: Observable<Array<DashboardInfo>>;
+  dashboardId: string;
+
+  constructor(@Inject(DASHBOARD_SELECT_PANEL_DATA)
+              private data: DashboardSelectPanelData) {
+    this.dashboards$ = this.data.dashboards$;
+    this.dashboardId = this.data.dashboardId;
+  }
+
+  public dashboardSelected(dashboardId: string) {
+    this.data.onDashboardSelected(dashboardId);
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/dashboard-select.component.html b/ui-ngx/src/app/shared/components/dashboard-select.component.html
new file mode 100644
index 0000000000..77f52679dd
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dashboard-select.component.html
@@ -0,0 +1,35 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-select fxHide.xs fxHide.sm fxHide.md
+            [required]="required"
+            [disabled]="disabled"
+            [(ngModel)]="dashboardId"
+            (ngModelChange)="dashboardIdChanged()">
+  <mat-option *ngFor="let dashboard of dashboards$ | async" [value]="dashboard.id.id">
+    {{dashboard.title}}
+  </mat-option>
+</mat-select>
+<section fxHide.gt-md class="tb-dashboard-select">
+  <button mat-button mat-icon-button
+          cdkOverlayOrigin #dashboardSelectPanelOrigin="cdkOverlayOrigin"
+          (click)="openDashboardSelectPanel()"
+          matTooltip="{{ 'dashboard.select-dashboard' | translate }}"
+          [matTooltipPosition]="tooltipPosition">
+    <mat-icon>dashboards</mat-icon>
+  </button>
+</section>
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/type/AlarmStatusCodec.java b/ui-ngx/src/app/shared/components/dashboard-select.component.scss
similarity index 67%
rename from dao/src/main/java/org/thingsboard/server/dao/model/type/AlarmStatusCodec.java
rename to ui-ngx/src/app/shared/components/dashboard-select.component.scss
index 9af8cdfd02..250e704bcb 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/model/type/AlarmStatusCodec.java
+++ b/ui-ngx/src/app/shared/components/dashboard-select.component.scss
@@ -13,15 +13,28 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.model.type;
+:host {
+  min-width: 52px;
 
-import com.datastax.driver.extras.codecs.enums.EnumNameCodec;
-import org.thingsboard.server.common.data.alarm.AlarmStatus;
+  mat-select {
+    max-width: 300px;
+    pointer-events: all;
+  }
 
-public class AlarmStatusCodec extends EnumNameCodec<AlarmStatus> {
+  .tb-dashboard-select {
+    min-height: 32px;
 
-    public AlarmStatusCodec() {
-        super(AlarmStatus.class);
+    span {
+      pointer-events: all;
+      cursor: pointer;
     }
+  }
+}
 
+:host ::ng-deep {
+  mat-select {
+    .mat-select-value {
+      max-width: 282px;
+    }
+  }
 }
diff --git a/ui-ngx/src/app/shared/components/dashboard-select.component.ts b/ui-ngx/src/app/shared/components/dashboard-select.component.ts
new file mode 100644
index 0000000000..1e1bb3ce0f
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dashboard-select.component.ts
@@ -0,0 +1,217 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, forwardRef, Inject, Input, OnInit, ViewChild, ViewContainerRef } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Observable, of } from 'rxjs';
+import { PageLink } from '@shared/models/page/page-link';
+import { map, share } from 'rxjs/operators';
+import { emptyPageData, PageData } from '@shared/models/page/page-data';
+import { DashboardInfo } from '@app/shared/models/dashboard.models';
+import { DashboardService } from '@core/http/dashboard.service';
+import { Store } from '@ngrx/store';
+import { AppState } from '@app/core/core.state';
+import { getCurrentAuthUser } from '@app/core/auth/auth.selectors';
+import { Authority } from '@shared/models/authority.enum';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { TooltipPosition } from '@angular/material/tooltip';
+import { CdkOverlayOrigin, ConnectedPosition, Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { DOCUMENT } from '@angular/common';
+import { WINDOW } from '@core/services/window.service';
+import { ComponentPortal, PortalInjector } from '@angular/cdk/portal';
+import {
+  DASHBOARD_SELECT_PANEL_DATA,
+  DashboardSelectPanelComponent,
+  DashboardSelectPanelData
+} from './dashboard-select-panel.component';
+import { NULL_UUID } from '@shared/models/id/has-uuid';
+
+// @dynamic
+@Component({
+  selector: 'tb-dashboard-select',
+  templateUrl: './dashboard-select.component.html',
+  styleUrls: ['./dashboard-select.component.scss'],
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => DashboardSelectComponent),
+    multi: true
+  }]
+})
+export class DashboardSelectComponent implements ControlValueAccessor, OnInit {
+
+  @Input()
+  dashboardsScope: 'customer' | 'tenant';
+
+  @Input()
+  customerId: string;
+
+  @Input()
+  tooltipPosition: TooltipPosition = 'above';
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  dashboards$: Observable<Array<DashboardInfo>>;
+
+  dashboardId: string | null;
+
+  @ViewChild('dashboardSelectPanelOrigin') dashboardSelectPanelOrigin: CdkOverlayOrigin;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              private dashboardService: DashboardService,
+              private overlay: Overlay,
+              private breakpointObserver: BreakpointObserver,
+              private viewContainerRef: ViewContainerRef,
+              @Inject(DOCUMENT) private document: Document,
+              @Inject(WINDOW) private window: Window) {
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+
+    const pageLink = new PageLink(100);
+
+    this.dashboards$ = this.getDashboards(pageLink).pipe(
+      map((pageData) => pageData.data),
+      share()
+    );
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(value: string | null): void {
+    this.dashboardId = value;
+  }
+
+  dashboardIdChanged() {
+    this.updateView();
+  }
+
+  openDashboardSelectPanel() {
+    if (this.disabled) {
+      return;
+    }
+    const panelHeight = this.breakpointObserver.isMatched('min-height: 350px') ? 250 : 150;
+    const panelWidth = 300;
+    const position = this.overlay.position();
+    const config = new OverlayConfig({
+      panelClass: 'tb-dashboard-select-panel',
+      backdropClass: 'cdk-overlay-transparent-backdrop',
+      hasBackdrop: true,
+    });
+    const el = this.dashboardSelectPanelOrigin.elementRef.nativeElement;
+    const offset = el.getBoundingClientRect();
+    const scrollTop = this.window.pageYOffset || this.document.documentElement.scrollTop || this.document.body.scrollTop || 0;
+    const scrollLeft = this.window.pageXOffset || this.document.documentElement.scrollLeft || this.document.body.scrollLeft || 0;
+    const bottomY = offset.bottom - scrollTop;
+    const leftX = offset.left - scrollLeft;
+    let originX;
+    let originY;
+    let overlayX;
+    let overlayY;
+    const wHeight = this.document.documentElement.clientHeight;
+    const wWidth = this.document.documentElement.clientWidth;
+    if (bottomY + panelHeight > wHeight) {
+      originY = 'top';
+      overlayY = 'bottom';
+    } else {
+      originY = 'bottom';
+      overlayY = 'top';
+    }
+    if (leftX + panelWidth > wWidth) {
+      originX = 'end';
+      overlayX = 'end';
+    } else {
+      originX = 'start';
+      overlayX = 'start';
+    }
+    const connectedPosition: ConnectedPosition = {
+      originX,
+      originY,
+      overlayX,
+      overlayY
+    };
+    config.positionStrategy = position.flexibleConnectedTo(this.dashboardSelectPanelOrigin.elementRef)
+      .withPositions([connectedPosition]);
+    const overlayRef = this.overlay.create(config);
+    overlayRef.backdropClick().subscribe(() => {
+      overlayRef.dispose();
+    });
+
+    const injector = this._createDashboardSelectPanelInjector(
+      overlayRef,
+      {
+        dashboards$: this.dashboards$,
+        dashboardId: this.dashboardId,
+        onDashboardSelected: (dashboardId) => {
+          overlayRef.dispose();
+          this.dashboardId = dashboardId;
+          this.updateView();
+        }
+      }
+    );
+    overlayRef.attach(new ComponentPortal(DashboardSelectPanelComponent, this.viewContainerRef, injector));
+  }
+
+  private _createDashboardSelectPanelInjector(overlayRef: OverlayRef, data: DashboardSelectPanelData): PortalInjector {
+    const injectionTokens = new WeakMap<any, any>([
+      [DASHBOARD_SELECT_PANEL_DATA, data],
+      [OverlayRef, overlayRef]
+    ]);
+    return new PortalInjector(this.viewContainerRef.injector, injectionTokens);
+  }
+
+  private updateView() {
+    this.propagateChange(this.dashboardId);
+  }
+
+  private getDashboards(pageLink: PageLink): Observable<PageData<DashboardInfo>> {
+    let dashboardsObservable: Observable<PageData<DashboardInfo>>;
+    const authUser = getCurrentAuthUser(this.store);
+    if (this.dashboardsScope === 'customer' || authUser.authority === Authority.CUSTOMER_USER) {
+      if (this.customerId && this.customerId !== NULL_UUID) {
+        dashboardsObservable = this.dashboardService.getCustomerDashboards(this.customerId, pageLink,
+          {ignoreLoading: true});
+      } else {
+        dashboardsObservable = of(emptyPageData());
+      }
+    } else {
+      dashboardsObservable = this.dashboardService.getTenantDashboards(pageLink, {ignoreLoading: true});
+    }
+    return dashboardsObservable;
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/dialog.component.ts b/ui-ngx/src/app/shared/components/dialog.component.ts
new file mode 100644
index 0000000000..48887dc02b
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog.component.ts
@@ -0,0 +1,50 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { OnDestroy } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { MatDialogRef } from '@angular/material/dialog';
+import { NavigationStart, Router, RouterEvent } from '@angular/router';
+import { Subscription } from 'rxjs';
+import { filter } from 'rxjs/operators';
+
+export abstract class DialogComponent<T, R = any> extends PageComponent implements OnDestroy {
+
+  routerSubscription: Subscription;
+
+  protected constructor(protected store: Store<AppState>,
+                        protected router: Router,
+                        protected dialogRef: MatDialogRef<T, R>) {
+    super(store);
+    this.routerSubscription = this.router.events
+      .pipe(
+        filter((event: RouterEvent) => event instanceof NavigationStart),
+        filter(() => !!this.dialogRef)
+      )
+      .subscribe(() => {
+        this.dialogRef.close();
+      });
+  }
+
+  ngOnDestroy(): void {
+    super.ngOnDestroy();
+    if (this.routerSubscription) {
+      this.routerSubscription.unsubscribe();
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/dialog/alert-dialog.component.html b/ui-ngx/src/app/shared/components/dialog/alert-dialog.component.html
new file mode 100644
index 0000000000..d0e5125926
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/alert-dialog.component.html
@@ -0,0 +1,23 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<h2 mat-dialog-title>{{data.title}}</h2>
+<div mat-dialog-content [innerHTML]="data.message">
+</div>
+<div mat-dialog-actions fxLayout="row" fxLayoutAlign="end center">
+  <button mat-button color="primary" [mat-dialog-close]="true" cdkFocusInitial>{{data.ok}}</button>
+</div>
diff --git a/ui-ngx/src/app/shared/components/dialog/alert-dialog.component.scss b/ui-ngx/src/app/shared/components/dialog/alert-dialog.component.scss
new file mode 100644
index 0000000000..ffca1bcf7e
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/alert-dialog.component.scss
@@ -0,0 +1,20 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .mat-dialog-content {
+    padding: 0 24px 24px;
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/dialog/alert-dialog.component.ts b/ui-ngx/src/app/shared/components/dialog/alert-dialog.component.ts
new file mode 100644
index 0000000000..56de36cdc7
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/alert-dialog.component.ts
@@ -0,0 +1,34 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+
+export interface AlertDialogData {
+  title: string;
+  message: string;
+  ok: string;
+}
+
+@Component({
+  selector: 'tb-alert-dialog',
+  templateUrl: './alert-dialog.component.html',
+  styleUrls: ['./alert-dialog.component.scss']
+})
+export class AlertDialogComponent {
+  constructor(public dialogRef: MatDialogRef<AlertDialogComponent>,
+              @Inject(MAT_DIALOG_DATA) public data: AlertDialogData) {}
+}
diff --git a/ui-ngx/src/app/shared/components/dialog/color-picker-dialog.component.html b/ui-ngx/src/app/shared/components/dialog/color-picker-dialog.component.html
new file mode 100644
index 0000000000..8e1b64381d
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/color-picker-dialog.component.html
@@ -0,0 +1,42 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form [formGroup]="colorPickerFormGroup" (ngSubmit)="select()">
+  <div mat-dialog-content fxLayout="row" fxLayoutAlign="center">
+    <span [style.background]="colorPickerFormGroup.get('color').value"
+          [cpToggle]="true"
+          [cpDialogDisplay]="'inline'"
+          [colorPicker]="colorPickerFormGroup.get('color').value"
+          (colorPickerChange)="onColorChange($event)">
+    </span>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()">
+      {{ 'action.cancel' | translate }}
+    </button>
+    <button mat-button
+            type="submit"
+            style="margin-right: 20px;"
+            [disabled]="(isLoading$ | async) || colorPickerFormGroup.invalid || !colorPickerFormGroup.dirty">
+      {{ 'action.select' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/shared/components/dialog/color-picker-dialog.component.ts b/ui-ngx/src/app/shared/components/dialog/color-picker-dialog.component.ts
new file mode 100644
index 0000000000..2acf97111e
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/color-picker-dialog.component.ts
@@ -0,0 +1,78 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject, OnInit, SkipSelf } from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm, Validators } from '@angular/forms';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@shared/components/dialog.component';
+
+export interface ColorPickerDialogData {
+  color: string;
+}
+
+@Component({
+  selector: 'tb-color-picker-dialog',
+  templateUrl: './color-picker-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: ColorPickerDialogComponent}],
+  styleUrls: []
+})
+export class ColorPickerDialogComponent extends DialogComponent<ColorPickerDialogComponent, string>
+  implements OnInit, ErrorStateMatcher {
+
+  colorPickerFormGroup: FormGroup;
+
+  submitted = false;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: ColorPickerDialogData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<ColorPickerDialogComponent, string>,
+              public fb: FormBuilder) {
+    super(store, router, dialogRef);
+  }
+
+  ngOnInit(): void {
+    this.colorPickerFormGroup = this.fb.group({
+      color: [this.data.color, [Validators.required]]
+    });
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  onColorChange(color: string) {
+    this.colorPickerFormGroup.get('color').setValue(color);
+    this.colorPickerFormGroup.markAsDirty();
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  select(): void {
+    this.submitted = true;
+    const color: string = this.colorPickerFormGroup.get('color').value;
+    this.dialogRef.close(color);
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.html b/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.html
new file mode 100644
index 0000000000..6abbd68dea
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.html
@@ -0,0 +1,24 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<h2 mat-dialog-title>{{data.title}}</h2>
+<div mat-dialog-content [innerHTML]="data.message">
+</div>
+<div mat-dialog-actions fxLayout="row" fxLayoutAlign="end center">
+  <button mat-button color="primary" [mat-dialog-close]="false">{{data.cancel}}</button>
+  <button mat-button color="primary" [mat-dialog-close]="true" cdkFocusInitial>{{data.ok}}</button>
+</div>
diff --git a/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.scss b/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.scss
new file mode 100644
index 0000000000..ffca1bcf7e
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.scss
@@ -0,0 +1,20 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .mat-dialog-content {
+    padding: 0 24px 24px;
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.ts b/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.ts
new file mode 100644
index 0000000000..7c5d729eb4
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.ts
@@ -0,0 +1,36 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Inject } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+
+export interface ConfirmDialogData {
+  title: string;
+  message: string;
+  cancel: string;
+  ok: string;
+}
+
+// @dynamic
+@Component({
+  selector: 'tb-confirm-dialog',
+  templateUrl: './confirm-dialog.component.html',
+  styleUrls: ['./confirm-dialog.component.scss']
+})
+export class ConfirmDialogComponent {
+  constructor(public dialogRef: MatDialogRef<ConfirmDialogComponent>,
+              @Inject(MAT_DIALOG_DATA) public data: ConfirmDialogData) {}
+}
diff --git a/ui-ngx/src/app/shared/components/dialog/material-icons-dialog.component.html b/ui-ngx/src/app/shared/components/dialog/material-icons-dialog.component.html
new file mode 100644
index 0000000000..9d668b1b2d
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/material-icons-dialog.component.html
@@ -0,0 +1,78 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form class="tb-material-icons-dialog" style="min-width: 600px;">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2>{{ 'icon.select-icon' | translate }}</h2>
+    <span fxFlex></span>
+    <section fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px">
+      <mat-slide-toggle [formControl]="showAllControl">
+      </mat-slide-toggle>
+      <label translate>icon.show-all</label>
+    </section>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+  </mat-progress-bar>
+  <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
+  <div class="tb-absolute-fill tb-icons-load" *ngIf="loadingIcons$ | async" fxLayout="column" fxLayoutAlign="center center">
+    <mat-spinner color="accent" mode="indeterminate" diameter="40"></mat-spinner>
+  </div>
+  <div mat-dialog-content>
+    <div class="mat-content mat-padding" fxLayout="column">
+      <fieldset [disabled]="(isLoading$ | async)">
+        <ng-template ngFor let-icon [ngForOf]="icons$ | async" let-last="last">
+          <ng-container #iconButtons>
+            <button *ngIf="icon === selectedIcon"
+                    class="tb-select-icon-button"
+                    mat-button mat-icon-button
+                    mat-raised-button
+                    color="primary"
+                    (click)="selectIcon(icon)"
+                    matTooltip="{{ icon }}"
+                    matTooltipPosition="above"
+                    type="button">
+              <mat-icon>{{icon}}</mat-icon>
+            </button>
+            <button *ngIf="icon !== selectedIcon"
+                    class="tb-select-icon-button"
+                    mat-button mat-icon-button
+                    (click)="selectIcon(icon)"
+                    matTooltip="{{ icon }}"
+                    matTooltipPosition="above"
+                    type="button">
+              <mat-icon>{{icon}}</mat-icon>
+            </button>
+          </ng-container>
+        </ng-template>
+      </fieldset>
+    </div>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <span fxFlex></span>
+    <button mat-button
+            type="button"
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()">
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/shared/components/dialog/material-icons-dialog.component.scss b/ui-ngx/src/app/shared/components/dialog/material-icons-dialog.component.scss
new file mode 100644
index 0000000000..a8e9d8725b
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/material-icons-dialog.component.scss
@@ -0,0 +1,39 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .tb-material-icons-dialog {
+    position: relative;
+  }
+  .tb-icons-load {
+    top: 64px;
+    z-index: 3;
+    background: rgba(255, 255, 255, .75);
+  }
+}
+
+:host ::ng-deep {
+  .tb-material-icons-dialog {
+    button.mat-icon-button.tb-select-icon-button {
+      width: 56px;
+      height: 56px;
+      padding: 16px;
+      margin: 10px;
+      border: solid 1px #ffa500;
+      border-radius: 0%;
+      line-height: 0;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/dialog/material-icons-dialog.component.ts b/ui-ngx/src/app/shared/components/dialog/material-icons-dialog.component.ts
new file mode 100644
index 0000000000..000cd9ea3a
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/material-icons-dialog.component.ts
@@ -0,0 +1,106 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { AfterViewInit, Component, Inject, OnInit, QueryList, ViewChildren } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { UtilsService } from '@core/services/utils.service';
+import { FormControl } from '@angular/forms';
+import { merge, Observable, of } from 'rxjs';
+import { delay, map, mapTo, mergeMap, share, startWith, tap } from 'rxjs/operators';
+
+export interface MaterialIconsDialogData {
+  icon: string;
+}
+
+@Component({
+  selector: 'tb-material-icons-dialog',
+  templateUrl: './material-icons-dialog.component.html',
+  providers: [],
+  styleUrls: ['./material-icons-dialog.component.scss']
+})
+export class MaterialIconsDialogComponent extends DialogComponent<MaterialIconsDialogComponent, string>
+  implements OnInit, AfterViewInit {
+
+  @ViewChildren('iconButtons') iconButtons: QueryList<HTMLElement>;
+
+  selectedIcon: string;
+  icons$: Observable<Array<string>>;
+  loadingIcons$: Observable<boolean>;
+
+  showAllControl: FormControl;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: MaterialIconsDialogData,
+              private utils: UtilsService,
+              public dialogRef: MatDialogRef<MaterialIconsDialogComponent, string>) {
+    super(store, router, dialogRef);
+    this.selectedIcon = data.icon;
+    this.showAllControl = new FormControl(false);
+  }
+
+  ngOnInit(): void {
+    this.icons$ = this.showAllControl.valueChanges.pipe(
+      map((showAll) => {
+        return {firstTime: false, showAll};
+      }),
+      startWith<{firstTime: boolean, showAll: boolean}>({firstTime: true, showAll: false}),
+      mergeMap((data) => {
+        if (data.showAll) {
+          return this.utils.getMaterialIcons().pipe(delay(100));
+        } else {
+          const res = of(this.utils.getCommonMaterialIcons());
+          return data.firstTime ? res : res.pipe(delay(50));
+        }
+      }),
+      share()
+    );
+  }
+
+  ngAfterViewInit(): void {
+    this.loadingIcons$ = merge(
+      this.showAllControl.valueChanges.pipe(
+        mapTo(true),
+      ),
+      this.iconButtons.changes.pipe(
+        delay(100),
+        mapTo( false),
+      )
+    ).pipe(
+      tap((loadingIcons) => {
+        if (loadingIcons) {
+          this.showAllControl.disable({emitEvent: false});
+        } else {
+          this.showAllControl.enable({emitEvent: false});
+        }
+      }),
+      share()
+    );
+  }
+
+  selectIcon(icon: string) {
+    this.dialogRef.close(icon);
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/dialog/node-script-test-dialog.component.html b/ui-ngx/src/app/shared/components/dialog/node-script-test-dialog.component.html
new file mode 100644
index 0000000000..795513890e
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/node-script-test-dialog.component.html
@@ -0,0 +1,126 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form class="tb-node-script-test-dialog"
+      #nodeScriptTestForm="ngForm" [formGroup]="nodeScriptTestFormGroup" (ngSubmit)="save()">
+  <mat-toolbar fxLayout="row" color="primary">
+    <h2>{{ 'rulenode.test-script-function' | translate }}</h2>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button
+            (click)="cancel()"
+            type="button">
+      <mat-icon class="material-icons">close</mat-icon>
+    </button>
+  </mat-toolbar>
+  <div mat-dialog-content fxFlex style="position: relative;">
+    <div class="tb-absolute-fill">
+      <div #topPanel class="tb-split tb-split-vertical">
+        <div #topLeftPanel class="tb-split tb-content">
+          <div class="tb-resize-container">
+            <div class="tb-editor-area-title-panel">
+              <label translate>rulenode.message</label>
+            </div>
+            <div formGroupName="payload" fxLayout="column" style="height: 100%;">
+              <div fxLayout="row">
+                <tb-message-type-autocomplete
+                  style="margin-bottom: 0px; min-width: 300px;"
+                  formControlName="msgType"
+                  required>
+                </tb-message-type-autocomplete>
+              </div>
+              <tb-json-content
+                #payloadContent
+                fxFlex
+                formControlName="msg"
+                label="{{ 'rulenode.message' | translate }}"
+                [contentType]="contentTypes.JSON"
+                validateContent
+                [fillHeight]="true">
+              </tb-json-content>
+            </div>
+          </div>
+        </div>
+        <div #topRightPanel class="tb-split tb-content">
+          <div tb-toast toastTarget="metadataPanel" class="tb-resize-container">
+            <div class="tb-editor-area-title-panel">
+              <label translate>rulenode.metadata</label>
+            </div>
+            <tb-key-val-map
+              formControlName="metadata"
+              titleText="rulenode.metadata">
+            </tb-key-val-map>
+          </div>
+        </div>
+      </div>
+      <div #bottomPanel class="tb-split tb-split-vertical">
+        <div #bottomLeftPanel class="tb-split tb-content">
+          <div class="tb-resize-container">
+            <div class="tb-editor-area-title-panel tb-js-function">
+              <label>{{ functionTitle }}</label>
+            </div>
+            <tb-js-func
+              formControlName="script"
+              functionName="{{ data.functionName }}"
+              [functionArgs]="data.argNames"
+              [validationArgs]="[data.msg, data.metadata, data.msgType]"
+              resultType="object"
+              [fillHeight]="true">
+            </tb-js-func>
+          </div>
+        </div>
+        <div #bottomRightPanel class="tb-split tb-content">
+          <div class="tb-resize-container">
+            <div class="tb-editor-area-title-panel">
+              <label translate>rulenode.output</label>
+            </div>
+            <tb-json-content
+              fxFlex
+              formControlName="output"
+              label="{{ 'rulenode.output' | translate }}"
+              [contentType]="contentTypes.JSON"
+              validateContent="false"
+              readonly="true"
+              [fillHeight]="true">
+            </tb-json-content>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div mat-dialog-actions fxLayout="row">
+    <button mat-button mat-raised-button color="primary"
+            type="button"
+            (click)="test()"
+            [disabled]="(isLoading$ | async) || nodeScriptTestFormGroup.invalid">
+      {{ 'rulenode.test' | translate }}
+    </button>
+    <span fxFlex></span>
+    <button mat-button mat-raised-button color="primary"
+            type="submit"
+            [disabled]="(isLoading$ | async) || nodeScriptTestFormGroup.get('script').invalid || !nodeScriptTestFormGroup.get('script').dirty">
+      {{ 'action.save' | translate }}
+    </button>
+    <button mat-button color="primary"
+            style="margin-right: 20px;"
+            type="button"
+            cdkFocusInitial
+            [disabled]="(isLoading$ | async)"
+            (click)="cancel()">
+      {{ 'action.cancel' | translate }}
+    </button>
+  </div>
+</form>
diff --git a/ui-ngx/src/app/shared/components/dialog/node-script-test-dialog.component.scss b/ui-ngx/src/app/shared/components/dialog/node-script-test-dialog.component.scss
new file mode 100644
index 0000000000..01efd57308
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/node-script-test-dialog.component.scss
@@ -0,0 +1,107 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.tb-node-script-test-dialog {
+  width: 100%;
+  height: 100%;
+
+  .tb-split {
+    box-sizing: border-box;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+
+  .ace_editor {
+    font-size: 14px !important;
+  }
+
+  .tb-content {
+    padding-top: 5px;
+    padding-left: 5px;
+    border: 1px solid #c0c0c0;
+  }
+  .gutter {
+    background-color: #eee;
+    background-repeat: no-repeat;
+    background-position: 50%;
+  }
+
+  .gutter.gutter-horizontal {
+    cursor: col-resize;
+    background-image: url("../../../../assets/split.js/grips/vertical.png");
+  }
+
+  .gutter.gutter-vertical {
+    cursor: row-resize;
+    background-image: url("../../../../assets/split.js/grips/horizontal.png");
+  }
+
+  .tb-split.tb-split-horizontal,
+  .gutter.gutter-horizontal {
+    float: left;
+    height: 100%;
+  }
+
+  .tb-split.tb-split-vertical {
+    display: flex;
+
+    .tb-split.tb-content {
+      height: 100%;
+    }
+  }
+
+  div.tb-editor-area-title-panel {
+    position: absolute;
+    top: 13px;
+    right: 40px;
+    z-index: 5;
+    font-size: .8rem;
+    font-weight: 500;
+
+    &.tb-js-function {
+      right: 80px;
+    }
+
+    label {
+      padding: 4px;
+      color: #00acc1;
+      text-transform: uppercase;
+      background: rgba(220, 220, 220, .35);
+      border-radius: 5px;
+    }
+
+    .mat-button {
+      min-width: 32px;
+      min-height: 15px;
+      padding: 4px;
+      margin: 0;
+      font-size: .8rem;
+      line-height: 15px;
+      color: #7b7b7b;
+      background: rgba(220, 220, 220, .35);
+    }
+  }
+
+  .tb-resize-container {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow-y: auto;
+
+    .ace_editor {
+      height: 100%;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/dialog/node-script-test-dialog.component.ts b/ui-ngx/src/app/shared/components/dialog/node-script-test-dialog.component.ts
new file mode 100644
index 0000000000..1da8b06c56
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/node-script-test-dialog.component.ts
@@ -0,0 +1,216 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  AfterViewInit,
+  Component,
+  ElementRef,
+  HostBinding,
+  Inject,
+  OnInit,
+  QueryList,
+  SkipSelf,
+  ViewChild,
+  ViewChildren,
+  ViewEncapsulation
+} from '@angular/core';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm, Validators } from '@angular/forms';
+import { NEVER, Observable, of } from 'rxjs';
+import { Router } from '@angular/router';
+import { DialogComponent } from '@shared/components/dialog.component';
+import { ContentType } from '@shared/models/constants';
+import { JsonContentComponent } from '@shared/components/json-content.component';
+import { TestScriptInputParams } from '@shared/models/rule-node.models';
+import { RuleChainService } from '@core/http/rule-chain.service';
+import { mergeMap } from 'rxjs/operators';
+import { ActionNotificationShow } from '@core/notification/notification.actions';
+
+export interface NodeScriptTestDialogData {
+  script: string;
+  scriptType: string;
+  functionTitle: string;
+  functionName: string;
+  argNames: string[];
+  msg?: any;
+  metadata?: {[key: string]: string};
+  msgType?: string;
+}
+
+@Component({
+  selector: 'tb-node-script-test-dialog',
+  templateUrl: './node-script-test-dialog.component.html',
+  providers: [{provide: ErrorStateMatcher, useExisting: NodeScriptTestDialogComponent}],
+  styleUrls: ['./node-script-test-dialog.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class NodeScriptTestDialogComponent extends DialogComponent<NodeScriptTestDialogComponent,
+  string> implements OnInit, AfterViewInit, ErrorStateMatcher {
+
+  @HostBinding('style.width') width = '100%';
+  @HostBinding('style.height') height = '100%';
+
+  @ViewChildren('topPanel')
+  topPanelElmRef: QueryList<ElementRef<HTMLElement>>;
+
+  @ViewChildren('topLeftPanel')
+  topLeftPanelElmRef: QueryList<ElementRef<HTMLElement>>;
+
+  @ViewChildren('topRightPanel')
+  topRightPanelElmRef: QueryList<ElementRef<HTMLElement>>;
+
+  @ViewChildren('bottomPanel')
+  bottomPanelElmRef: QueryList<ElementRef<HTMLElement>>;
+
+  @ViewChildren('bottomLeftPanel')
+  bottomLeftPanelElmRef: QueryList<ElementRef<HTMLElement>>;
+
+  @ViewChildren('bottomRightPanel')
+  bottomRightPanelElmRef: QueryList<ElementRef<HTMLElement>>;
+
+  @ViewChild('payloadContent', {static: true}) payloadContent: JsonContentComponent;
+
+  nodeScriptTestFormGroup: FormGroup;
+
+  functionTitle: string;
+
+  submitted = false;
+
+  contentTypes = ContentType;
+
+  constructor(protected store: Store<AppState>,
+              protected router: Router,
+              @Inject(MAT_DIALOG_DATA) public data: NodeScriptTestDialogData,
+              @SkipSelf() private errorStateMatcher: ErrorStateMatcher,
+              public dialogRef: MatDialogRef<NodeScriptTestDialogComponent, string>,
+              public fb: FormBuilder,
+              private ruleChainService: RuleChainService) {
+    super(store, router, dialogRef);
+    this.functionTitle = this.data.functionTitle;
+  }
+
+  ngOnInit(): void {
+    this.nodeScriptTestFormGroup = this.fb.group({
+      payload: this.fb.group({
+        msgType: [this.data.msgType, [Validators.required]],
+        msg: [js_beautify(JSON.stringify(this.data.msg), {indent_size: 4}), []],
+      }),
+      metadata: [this.data.metadata, [Validators.required]],
+      script: [this.data.script, []],
+      output: ['', []]
+    });
+  }
+
+  ngAfterViewInit(): void {
+    this.initSplitLayout(this.topPanelElmRef.first.nativeElement,
+                         this.topLeftPanelElmRef.first.nativeElement,
+                         this.topRightPanelElmRef.first.nativeElement,
+                         this.bottomPanelElmRef.first.nativeElement,
+                         this.bottomLeftPanelElmRef.first.nativeElement,
+                         this.bottomRightPanelElmRef.first.nativeElement);
+  }
+
+  private initSplitLayout(topPanel: any,
+                          topLeftPanel: any,
+                          topRightPanel: any,
+                          bottomPanel: any,
+                          bottomLeftPanel: any,
+                          bottomRightPanel: any) {
+
+    Split([topPanel, bottomPanel], {
+      sizes: [35, 65],
+      gutterSize: 8,
+      cursor: 'row-resize',
+      direction: 'vertical'
+    });
+
+    Split([topLeftPanel, topRightPanel], {
+      sizes: [50, 50],
+      gutterSize: 8,
+      cursor: 'col-resize'
+    });
+
+    Split([bottomLeftPanel, bottomRightPanel], {
+      sizes: [50, 50],
+      gutterSize: 8,
+      cursor: 'col-resize'
+    });
+  }
+
+  isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
+    const originalErrorState = this.errorStateMatcher.isErrorState(control, form);
+    const customErrorState = !!(control && control.invalid && this.submitted);
+    return originalErrorState || customErrorState;
+  }
+
+  cancel(): void {
+    this.dialogRef.close(null);
+  }
+
+  test(): void {
+    this.testNodeScript().subscribe((output) => {
+      this.nodeScriptTestFormGroup.get('output').setValue(js_beautify(output, {indent_size: 4}));
+    });
+  }
+
+  private testNodeScript(): Observable<string> {
+    if (this.checkInputParamErrors()) {
+      const inputParams: TestScriptInputParams = {
+        argNames: this.data.argNames,
+        scriptType: this.data.scriptType,
+        msgType: this.nodeScriptTestFormGroup.get('payload').get('msgType').value,
+        msg: this.nodeScriptTestFormGroup.get('payload').get('msg').value,
+        metadata: this.nodeScriptTestFormGroup.get('metadata').value,
+        script: this.nodeScriptTestFormGroup.get('script').value
+      };
+      return this.ruleChainService.testScript(inputParams).pipe(
+        mergeMap((result) => {
+          if (result.error) {
+            this.store.dispatch(new ActionNotificationShow(
+              {
+                message: result.error,
+                type: 'error'
+              }));
+            return NEVER;
+          } else {
+            return of(result.output);
+          }
+        })
+      );
+    } else {
+      return NEVER;
+    }
+  }
+
+  private checkInputParamErrors(): boolean {
+    this.payloadContent.validateOnSubmit();
+    if (!this.nodeScriptTestFormGroup.get('payload').valid) {
+      return false;
+    }
+    return true;
+  }
+
+  save(): void {
+    this.submitted = true;
+    this.testNodeScript().subscribe(() => {
+      this.nodeScriptTestFormGroup.get('script').markAsPristine();
+      this.dialogRef.close(this.nodeScriptTestFormGroup.get('script').value);
+    });
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/dialog/todo-dialog.component.html b/ui-ngx/src/app/shared/components/dialog/todo-dialog.component.html
new file mode 100644
index 0000000000..ef76229afe
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/todo-dialog.component.html
@@ -0,0 +1,24 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<h2 mat-dialog-title>Coming soon!</h2>
+<div mat-dialog-content>
+  <img [src]="comingSoon"/>
+</div>
+<div mat-dialog-actions fxLayout="row" fxLayoutAlign="end center">
+  <button mat-button color="primary" [mat-dialog-close]="true" cdkFocusInitial>Ok</button>
+</div>
diff --git a/ui-ngx/src/app/shared/components/dialog/todo-dialog.component.scss b/ui-ngx/src/app/shared/components/dialog/todo-dialog.component.scss
new file mode 100644
index 0000000000..07439f34ff
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/todo-dialog.component.scss
@@ -0,0 +1,23 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .mat-dialog-content {
+    padding: 0 24px 24px;
+    img {
+      max-width: 500px;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/dialog/todo-dialog.component.ts b/ui-ngx/src/app/shared/components/dialog/todo-dialog.component.ts
new file mode 100644
index 0000000000..e237825bb6
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/dialog/todo-dialog.component.ts
@@ -0,0 +1,31 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Component} from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+
+@Component({
+  selector: 'tb-todo-dialog',
+  templateUrl: './todo-dialog.component.html',
+  styleUrls: ['./todo-dialog.component.scss']
+})
+export class TodoDialogComponent {
+
+  comingSoon = require('../../../../assets/coming-soon.jpg');
+
+  constructor(public dialogRef: MatDialogRef<TodoDialogComponent>) {
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/entity/entity-autocomplete.component.html b/ui-ngx/src/app/shared/components/entity/entity-autocomplete.component.html
new file mode 100644
index 0000000000..fa74c6cc03
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-autocomplete.component.html
@@ -0,0 +1,46 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field [formGroup]="selectEntityFormGroup" class="mat-block">
+  <input matInput type="text" placeholder="{{ entityText | translate }}"
+         #entityInput
+         formControlName="entity"
+         (focusin)="onFocus()"
+         [required]="required"
+         [matAutocomplete]="entityAutocomplete">
+  <button *ngIf="selectEntityFormGroup.get('entity').value && !disabled"
+          type="button"
+          matSuffix mat-button mat-icon-button aria-label="Clear"
+          (click)="clear()">
+    <mat-icon class="material-icons">close</mat-icon>
+  </button>
+  <mat-autocomplete class="tb-autocomplete"
+                    #entityAutocomplete="matAutocomplete"
+                    [displayWith]="displayEntityFn">
+    <mat-option *ngFor="let entity of filteredEntities | async" [value]="entity">
+      <span [innerHTML]="entity.name | highlight:searchText"></span>
+    </mat-option>
+    <mat-option *ngIf="!(filteredEntities | async)?.length" [value]="null">
+      <span>
+          {{ translate.get(noEntitiesMatchingText, {entity: searchText}) | async }}
+      </span>
+    </mat-option>
+  </mat-autocomplete>
+  <mat-error *ngIf="selectEntityFormGroup.get('entity').hasError('required')">
+    {{ entityRequiredText | translate }}
+  </mat-error>
+</mat-form-field>
diff --git a/ui-ngx/src/app/shared/components/entity/entity-autocomplete.component.ts b/ui-ngx/src/app/shared/components/entity/entity-autocomplete.component.ts
new file mode 100644
index 0000000000..69803583c5
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-autocomplete.component.ts
@@ -0,0 +1,313 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {AfterViewInit, Component, ElementRef, forwardRef, Input, OnInit, ViewChild} from '@angular/core';
+import {ControlValueAccessor, FormBuilder, FormGroup, NG_VALUE_ACCESSOR} from '@angular/forms';
+import {Observable} from 'rxjs';
+import {map, mergeMap, startWith, tap, share} from 'rxjs/operators';
+import {Store} from '@ngrx/store';
+import {AppState} from '@app/core/core.state';
+import {TranslateService} from '@ngx-translate/core';
+import {AliasEntityType, EntityType} from '@shared/models/entity-type.models';
+import {BaseData} from '@shared/models/base-data';
+import {EntityId} from '@shared/models/id/entity-id';
+import {EntityService} from '@core/http/entity.service';
+import {coerceBooleanProperty} from '@angular/cdk/coercion';
+
+@Component({
+  selector: 'tb-entity-autocomplete',
+  templateUrl: './entity-autocomplete.component.html',
+  styleUrls: [],
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => EntityAutocompleteComponent),
+    multi: true
+  }]
+})
+export class EntityAutocompleteComponent implements ControlValueAccessor, OnInit, AfterViewInit {
+
+  selectEntityFormGroup: FormGroup;
+
+  modelValue: string | null;
+
+  entityTypeValue: EntityType | AliasEntityType;
+
+  entitySubtypeValue: string;
+
+  @Input()
+  set entityType(entityType: EntityType) {
+    if (this.entityTypeValue !== entityType) {
+      this.entityTypeValue = entityType;
+      this.load();
+      this.reset();
+      this.dirty = true;
+    }
+  }
+
+  @Input()
+  set entitySubtype(entitySubtype: string) {
+    if (this.entitySubtypeValue !== entitySubtype) {
+      this.entitySubtypeValue = entitySubtype;
+      const currentEntity = this.getCurrentEntity();
+      if (currentEntity) {
+        if ((currentEntity as any).type !== this.entitySubtypeValue) {
+          this.reset();
+          this.dirty = true;
+        }
+      }
+    }
+  }
+
+  @Input()
+  excludeEntityIds: Array<string>;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  @ViewChild('entityInput', {static: true}) entityInput: ElementRef;
+
+  entityText: string;
+  noEntitiesMatchingText: string;
+  entityRequiredText: string;
+
+  filteredEntities: Observable<Array<BaseData<EntityId>>>;
+
+  searchText = '';
+
+  private dirty = false;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              public translate: TranslateService,
+              private entityService: EntityService,
+              private fb: FormBuilder) {
+    this.selectEntityFormGroup = this.fb.group({
+      entity: [null]
+    });
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+    this.filteredEntities = this.selectEntityFormGroup.get('entity').valueChanges
+      .pipe(
+        tap(value => {
+          let modelValue;
+          if (typeof value === 'string' || !value) {
+            modelValue = null;
+          } else {
+            modelValue = value.id.id;
+          }
+          this.updateView(modelValue);
+          if (value === null) {
+            this.clear();
+          }
+        }),
+        // startWith<string | BaseData<EntityId>>(''),
+        map(value => value ? (typeof value === 'string' ? value : value.name) : ''),
+        mergeMap(name => this.fetchEntities(name) ),
+        share()
+      );
+  }
+
+  ngAfterViewInit(): void {}
+
+  load(): void {
+    if (this.entityTypeValue) {
+      switch (this.entityTypeValue) {
+        case EntityType.ASSET:
+          this.entityText = 'asset.asset';
+          this.noEntitiesMatchingText = 'asset.no-assets-matching';
+          this.entityRequiredText = 'asset.asset-required';
+          break;
+        case EntityType.DEVICE:
+          this.entityText = 'device.device';
+          this.noEntitiesMatchingText = 'device.no-devices-matching';
+          this.entityRequiredText = 'device.device-required';
+          break;
+        case EntityType.ENTITY_VIEW:
+          this.entityText = 'entity-view.entity-view';
+          this.noEntitiesMatchingText = 'entity-view.no-entity-views-matching';
+          this.entityRequiredText = 'entity-view.entity-view-required';
+          break;
+        case EntityType.RULE_CHAIN:
+          this.entityText = 'rulechain.rulechain';
+          this.noEntitiesMatchingText = 'rulechain.no-rulechains-matching';
+          this.entityRequiredText = 'rulechain.rulechain-required';
+          break;
+        case EntityType.TENANT:
+          this.entityText = 'tenant.tenant';
+          this.noEntitiesMatchingText = 'tenant.no-tenants-matching';
+          this.entityRequiredText = 'tenant.tenant-required';
+          break;
+        case EntityType.CUSTOMER:
+          this.entityText = 'customer.customer';
+          this.noEntitiesMatchingText = 'customer.no-customers-matching';
+          this.entityRequiredText = 'customer.customer-required';
+          break;
+        case EntityType.USER:
+          this.entityText = 'user.user';
+          this.noEntitiesMatchingText = 'user.no-users-matching';
+          this.entityRequiredText = 'user.user-required';
+          break;
+        case EntityType.DASHBOARD:
+          this.entityText = 'dashboard.dashboard';
+          this.noEntitiesMatchingText = 'dashboard.no-dashboards-matching';
+          this.entityRequiredText = 'dashboard.dashboard-required';
+          break;
+        case EntityType.ALARM:
+          this.entityText = 'alarm.alarm';
+          this.noEntitiesMatchingText = 'alarm.no-alarms-matching';
+          this.entityRequiredText = 'alarm.alarm-required';
+          break;
+        case AliasEntityType.CURRENT_CUSTOMER:
+          this.entityText = 'customer.default-customer';
+          this.noEntitiesMatchingText = 'customer.no-customers-matching';
+          this.entityRequiredText = 'customer.default-customer-required';
+          break;
+      }
+    }
+    const currentEntity = this.getCurrentEntity();
+    if (currentEntity) {
+      const currentEntityType = currentEntity.id.entityType;
+      if (this.entityTypeValue && currentEntityType !== this.entityTypeValue) {
+        this.reset();
+      }
+    }
+  }
+
+  getCurrentEntity(): BaseData<EntityId> | null {
+    const currentEntity = this.selectEntityFormGroup.get('entity').value;
+    if (currentEntity && typeof currentEntity !== 'string') {
+      return currentEntity as BaseData<EntityId>;
+    } else {
+      return null;
+    }
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (this.disabled) {
+      this.selectEntityFormGroup.disable({emitEvent: false});
+    } else {
+      this.selectEntityFormGroup.enable({emitEvent: false});
+    }
+  }
+
+  writeValue(value: string | EntityId | null): void {
+    this.searchText = '';
+    if (value != null) {
+      if (typeof value === 'string') {
+        let targetEntityType = this.entityTypeValue;
+        if (targetEntityType === AliasEntityType.CURRENT_CUSTOMER) {
+          targetEntityType = EntityType.CUSTOMER;
+        }
+        this.entityService.getEntity(targetEntityType, value, {ignoreLoading: true}).subscribe(
+          (entity) => {
+            this.modelValue = entity.id.id;
+            this.selectEntityFormGroup.get('entity').patchValue(entity, {emitEvent: false});
+          }
+        );
+      } else {
+        const targetEntityType = value.entityType as EntityType;
+        this.entityService.getEntity(targetEntityType, value.id, {ignoreLoading: true}).subscribe(
+          (entity) => {
+            this.modelValue = entity.id.id;
+            this.selectEntityFormGroup.get('entity').patchValue(entity, {emitEvent: false});
+          }
+        );
+      }
+    } else {
+      this.modelValue = null;
+      this.selectEntityFormGroup.get('entity').patchValue('', {emitEvent: false});
+    }
+    this.dirty = true;
+  }
+
+  onFocus() {
+    if (this.dirty) {
+      this.selectEntityFormGroup.get('entity').updateValueAndValidity({onlySelf: true, emitEvent: true});
+      this.dirty = false;
+    }
+  }
+
+  reset() {
+    this.selectEntityFormGroup.get('entity').patchValue('', {emitEvent: false});
+  }
+
+  updateView(value: string | null) {
+    if (this.modelValue !== value) {
+      this.modelValue = value;
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  displayEntityFn(entity?: BaseData<EntityId>): string | undefined {
+    return entity ? entity.name : undefined;
+  }
+
+  fetchEntities(searchText?: string): Observable<Array<BaseData<EntityId>>> {
+    this.searchText = searchText;
+    let targetEntityType = this.entityTypeValue;
+    if (targetEntityType === AliasEntityType.CURRENT_CUSTOMER) {
+      targetEntityType = EntityType.CUSTOMER;
+    }
+    return this.entityService.getEntitiesByNameFilter(targetEntityType, searchText,
+      50, this.entitySubtypeValue, {ignoreLoading: true}).pipe(
+      map((data) => {
+        if (data) {
+          if (this.excludeEntityIds && this.excludeEntityIds.length) {
+            const entities: Array<BaseData<EntityId>> = [];
+            data.forEach((entity) => {
+              if (this.excludeEntityIds.indexOf(entity.id.id) === -1) {
+                entities.push(entity);
+              }
+            });
+            return entities;
+          } else {
+            return data;
+          }
+        } else {
+          return [];
+        }
+      }
+    ));
+  }
+
+  clear() {
+    this.selectEntityFormGroup.get('entity').patchValue('', {emitEvent: true});
+    setTimeout(() => {
+      this.entityInput.nativeElement.blur();
+      this.entityInput.nativeElement.focus();
+    }, 0);
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/entity/entity-keys-list.component.html b/ui-ngx/src/app/shared/components/entity/entity-keys-list.component.html
new file mode 100644
index 0000000000..abfff93acb
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-keys-list.component.html
@@ -0,0 +1,49 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field appearance="standard" [formGroup]="keysListFormGroup" class="mat-block">
+  <mat-chip-list #chipList>
+    <mat-chip
+      *ngFor="let key of modelValue"
+      [selectable]="!disabled"
+      [removable]="!disabled"
+      (removed)="remove(key)">
+      {{key}}
+      <mat-icon matChipRemove *ngIf="!disabled">close</mat-icon>
+    </mat-chip>
+    <input matInput type="text" placeholder="{{ !disabled ? (keysText | translate) : '' }}"
+           style="max-width: 200px;"
+           #keyInput
+           formControlName="key"
+           matAutocompleteOrigin
+           #origin="matAutocompleteOrigin"
+           [matAutocompleteConnectedTo]="origin"
+           (focusin)="onFocus()"
+           [matAutocomplete]="keyAutocomplete"
+           [matChipInputFor]="chipList"
+           [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
+           (matChipInputTokenEnd)="add($event)">
+  </mat-chip-list>
+  <mat-autocomplete #keyAutocomplete="matAutocomplete"
+                    class="tb-autocomplete"
+                    (optionSelected)="selected($event)"
+                    [displayWith]="displayKeyFn">
+    <mat-option *ngFor="let key of filteredKeys | async" [value]="key">
+      <span [innerHTML]="key | highlight:searchText"></span>
+    </mat-option>
+  </mat-autocomplete>
+</mat-form-field>
diff --git a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/AssetServiceNoSqlTest.java b/ui-ngx/src/app/shared/components/entity/entity-keys-list.component.scss
similarity index 71%
rename from dao/src/test/java/org/thingsboard/server/dao/service/nosql/AssetServiceNoSqlTest.java
rename to ui-ngx/src/app/shared/components/entity/entity-keys-list.component.scss
index aae85b1595..4f2bb50c1d 100644
--- a/dao/src/test/java/org/thingsboard/server/dao/service/nosql/AssetServiceNoSqlTest.java
+++ b/ui-ngx/src/app/shared/components/entity/entity-keys-list.component.scss
@@ -13,11 +13,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.service.nosql;
+:host {
 
-import org.thingsboard.server.dao.service.BaseAssetServiceTest;
-import org.thingsboard.server.dao.service.DaoNoSqlTest;
+}
 
-@DaoNoSqlTest
-public class AssetServiceNoSqlTest extends BaseAssetServiceTest {
+:host ::ng-deep {
+  .mat-form-field-flex {
+    padding-top: 0;
+    .mat-form-field-infix {
+      border-top: 0;
+    }
+  }
 }
diff --git a/ui-ngx/src/app/shared/components/entity/entity-keys-list.component.ts b/ui-ngx/src/app/shared/components/entity/entity-keys-list.component.ts
new file mode 100644
index 0000000000..8564157410
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-keys-list.component.ts
@@ -0,0 +1,216 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {COMMA, ENTER, SEMICOLON} from '@angular/cdk/keycodes';
+import {AfterViewInit, Component, ElementRef, forwardRef, Input, OnInit, SkipSelf, ViewChild} from '@angular/core';
+import {
+  ControlValueAccessor,
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  FormGroupDirective,
+  NG_VALUE_ACCESSOR, NgForm
+} from '@angular/forms';
+import {Observable, of} from 'rxjs';
+import {map, mergeMap, startWith, tap, share, pairwise, filter} from 'rxjs/operators';
+import {Store} from '@ngrx/store';
+import {AppState} from '@app/core/core.state';
+import {TranslateService} from '@ngx-translate/core';
+import {AliasEntityType, EntityType} from '@shared/models/entity-type.models';
+import {BaseData} from '@shared/models/base-data';
+import {EntityId} from '@shared/models/id/entity-id';
+import {EntityService} from '@core/http/entity.service';
+import { MatAutocomplete, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { MatChipList, MatChipInputEvent } from '@angular/material/chips';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import {DataKeyType} from '@shared/models/telemetry/telemetry.models';
+import * as equal from 'deep-equal';
+
+@Component({
+  selector: 'tb-entity-keys-list',
+  templateUrl: './entity-keys-list.component.html',
+  styleUrls: ['./entity-keys-list.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => EntityKeysListComponent),
+      multi: true
+    }
+  ]
+})
+export class EntityKeysListComponent implements ControlValueAccessor, OnInit, AfterViewInit {
+
+  keysListFormGroup: FormGroup;
+
+  modelValue: Array<string> | null;
+
+  entityIdValue: EntityId;
+
+  @Input()
+  set entityId(entityId: EntityId) {
+    if (!equal(this.entityIdValue, entityId)) {
+      this.entityIdValue = entityId;
+      this.dirty = true;
+    }
+  }
+
+  @Input()
+  keysText: string;
+
+  @Input()
+  dataKeyType: DataKeyType;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  @ViewChild('keyInput') keyInput: ElementRef<HTMLInputElement>;
+  @ViewChild('keyAutocomplete') matAutocomplete: MatAutocomplete;
+  @ViewChild('chipList') chipList: MatChipList;
+
+  filteredKeys: Observable<Array<string>>;
+
+  separatorKeysCodes: number[] = [ENTER, COMMA, SEMICOLON];
+
+  searchText = '';
+
+  private dirty = false;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              public translate: TranslateService,
+              private entityService: EntityService,
+              private fb: FormBuilder) {
+    this.keysListFormGroup = this.fb.group({
+      key: [null]
+    });
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+    this.filteredKeys = this.keysListFormGroup.get('key').valueChanges
+      .pipe(
+        map((value) => value ? value : ''),
+        mergeMap(name => this.fetchKeys(name) ),
+        share()
+      );
+  }
+
+  ngAfterViewInit(): void {}
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (this.disabled) {
+      this.keysListFormGroup.disable({emitEvent: false});
+    } else {
+      this.keysListFormGroup.enable({emitEvent: false});
+    }
+  }
+
+  writeValue(value: Array<string> | null): void {
+    this.searchText = '';
+    if (value != null) {
+      this.modelValue = [...value];
+    } else {
+      this.modelValue = [];
+    }
+  }
+
+  onFocus() {
+    if (this.dirty) {
+      this.keysListFormGroup.get('key').updateValueAndValidity({onlySelf: true, emitEvent: true});
+      this.dirty = false;
+    }
+  }
+
+  addKey(key: string): void {
+    if (!this.modelValue || this.modelValue.indexOf(key) === -1) {
+      if (!this.modelValue) {
+        this.modelValue = [];
+      }
+      this.modelValue.push(key);
+      if (this.required) {
+        this.chipList.errorState = false;
+      }
+    }
+    this.propagateChange(this.modelValue);
+  }
+
+  add(event: MatChipInputEvent): void {
+   if (!this.matAutocomplete.isOpen) {
+      const value = event.value;
+      if ((value || '').trim()) {
+        this.addKey(value.trim());
+      }
+      this.clear('');
+   }
+  }
+
+  remove(key: string) {
+    const index = this.modelValue.indexOf(key);
+    if (index >= 0) {
+      this.modelValue.splice(index, 1);
+      if (!this.modelValue.length) {
+        if (this.required) {
+          this.chipList.errorState = true;
+        }
+      }
+      this.propagateChange(this.modelValue.length ? this.modelValue : null);
+    }
+  }
+
+  selected(event: MatAutocompleteSelectedEvent): void {
+    this.addKey(event.option.viewValue);
+    this.clear('');
+  }
+
+  displayKeyFn(key?: string): string | undefined {
+    return key ? key : undefined;
+  }
+
+  fetchKeys(searchText?: string): Observable<Array<string>> {
+    this.searchText = searchText;
+    return this.entityIdValue ? this.entityService.getEntityKeys(this.entityIdValue, searchText,
+      this.dataKeyType, {ignoreLoading: true}).pipe(
+      map((data) => data ? data : [])) : of([]);
+  }
+
+  clear(value: string = '') {
+    this.keyInput.nativeElement.value = value;
+    this.keysListFormGroup.get('key').patchValue(null, {emitEvent: true});
+    setTimeout(() => {
+      this.keyInput.nativeElement.blur();
+      this.keyInput.nativeElement.focus();
+    }, 0);
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/entity/entity-list-select.component.html b/ui-ngx/src/app/shared/components/entity/entity-list-select.component.html
new file mode 100644
index 0000000000..04adcc134d
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-list-select.component.html
@@ -0,0 +1,36 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div fxLayout="row" class="tb-entity-list-select" [formGroup]="entityListSelectFormGroup">
+  <tb-entity-type-select
+    style="min-width: 100px; padding-right: 8px;"
+    *ngIf="displayEntityTypeSelect"
+    [showLabel]="true"
+    [required]="required"
+    [useAliasEntityTypes]="useAliasEntityTypes"
+    [allowedEntityTypes]="allowedEntityTypes"
+    formControlName="entityType">
+  </tb-entity-type-select>
+  <tb-entity-list
+    [ngClass]="{'tb-not-empty': this.modelValue.ids?.length > 0}"
+    fxFlex
+    *ngIf="modelValue.entityType"
+    [required]="required"
+    [entityType]="modelValue.entityType"
+    formControlName="entityIds">
+  </tb-entity-list>
+</div>
diff --git a/ui-ngx/src/app/shared/components/entity/entity-list-select.component.scss b/ui-ngx/src/app/shared/components/entity/entity-list-select.component.scss
new file mode 100644
index 0000000000..9aa6c98ee9
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-list-select.component.scss
@@ -0,0 +1,27 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+}
+
+:host ::ng-deep {
+  tb-entity-list {
+    &.tb-not-empty {
+      .mat-form-field-flex {
+        padding-top: 0;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/entity/entity-list-select.component.ts b/ui-ngx/src/app/shared/components/entity/entity-list-select.component.ts
new file mode 100644
index 0000000000..26e0e6b5f9
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-list-select.component.ts
@@ -0,0 +1,170 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {AfterViewInit, Component, forwardRef, Input, OnInit} from '@angular/core';
+import {ControlValueAccessor, FormBuilder, FormGroup, NG_VALUE_ACCESSOR} from '@angular/forms';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {TranslateService} from '@ngx-translate/core';
+import {AliasEntityType, EntityType, entityTypeTranslations} from '@shared/models/entity-type.models';
+import {EntityService} from '@core/http/entity.service';
+import {EntityId} from '@shared/models/id/entity-id';
+import {coerceBooleanProperty} from '@angular/cdk/coercion';
+
+interface EntityListSelectModel {
+  entityType: EntityType | AliasEntityType;
+  ids: Array<string>;
+}
+
+@Component({
+  selector: 'tb-entity-list-select',
+  templateUrl: './entity-list-select.component.html',
+  styleUrls: ['./entity-list-select.component.scss'],
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => EntityListSelectComponent),
+    multi: true
+  }]
+})
+
+export class EntityListSelectComponent implements ControlValueAccessor, OnInit, AfterViewInit {
+
+  entityListSelectFormGroup: FormGroup;
+
+  modelValue: EntityListSelectModel = {entityType: null, ids: []};
+
+  @Input()
+  allowedEntityTypes: Array<EntityType | AliasEntityType>;
+
+  @Input()
+  useAliasEntityTypes: boolean;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  displayEntityTypeSelect: boolean;
+
+  private readonly defaultEntityType: EntityType | AliasEntityType = null;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              private entityService: EntityService,
+              public translate: TranslateService,
+              private fb: FormBuilder) {
+
+    const entityTypes = this.entityService.prepareAllowedEntityTypesList(this.allowedEntityTypes,
+      this.useAliasEntityTypes);
+    if (entityTypes.length === 1) {
+      this.displayEntityTypeSelect = false;
+      this.defaultEntityType = entityTypes[0];
+    } else {
+      this.displayEntityTypeSelect = true;
+    }
+
+    this.entityListSelectFormGroup = this.fb.group({
+      entityType: [this.defaultEntityType],
+      entityIds: [[]]
+    });
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+    this.entityListSelectFormGroup.get('entityType').valueChanges.subscribe(
+      (value) => {
+        this.updateView(value, this.modelValue.ids);
+      }
+    );
+    this.entityListSelectFormGroup.get('entityIds').valueChanges.subscribe(
+      (values) => {
+        this.updateView(this.modelValue.entityType, values);
+      }
+    );
+  }
+
+  ngAfterViewInit(): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (this.disabled) {
+      this.entityListSelectFormGroup.disable();
+    } else {
+      this.entityListSelectFormGroup.enable();
+    }
+  }
+
+  writeValue(value: Array<EntityId> | null): void {
+    if (value != null && value.length > 0) {
+      const id = value[0];
+      this.modelValue = {
+        entityType: id.entityType,
+        ids: value.map(val => val.id)
+      };
+    } else {
+      this.modelValue = {
+        entityType: this.defaultEntityType,
+        ids: []
+      };
+    }
+    this.entityListSelectFormGroup.get('entityType').patchValue(this.modelValue.entityType, {emitEvent: true});
+    this.entityListSelectFormGroup.get('entityIds').patchValue([...this.modelValue.ids], {emitEvent: true});
+  }
+
+  updateView(entityType: EntityType | AliasEntityType | null, entityIds: Array<string> | null) {
+    if (this.modelValue.entityType !== entityType ||
+      !this.compareIds(this.modelValue.ids, entityIds)) {
+      this.modelValue = {
+        entityType,
+        ids: this.modelValue.entityType !== entityType || !entityIds ? [] : [...entityIds]
+      };
+      this.propagateChange(this.toEntityIds(this.modelValue));
+    }
+  }
+
+  compareIds(ids1: Array<string> | null, ids2: Array<string> | null): boolean {
+    if (ids1 !== null && ids2 !== null) {
+      return JSON.stringify(ids1) === JSON.stringify(ids2);
+    } else {
+      return ids1 === ids2;
+    }
+  }
+
+  toEntityIds(modelValue: EntityListSelectModel): Array<EntityId> {
+    if (modelValue !== null && modelValue.entityType && modelValue.ids && modelValue.ids.length > 0) {
+      const entityType = modelValue.entityType;
+      return modelValue.ids.map(id => ({entityType, id}));
+    } else {
+      return null;
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/entity/entity-list.component.html b/ui-ngx/src/app/shared/components/entity/entity-list.component.html
new file mode 100644
index 0000000000..308ccdfc3c
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-list.component.html
@@ -0,0 +1,54 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field appearance="standard" [formGroup]="entityListFormGroup" class="mat-block">
+  <mat-chip-list #chipList formControlName="entities">
+    <mat-chip
+      *ngFor="let entity of entities"
+      [selectable]="!disabled"
+      [removable]="!disabled"
+      (removed)="remove(entity)">
+      {{entity.name}}
+      <mat-icon matChipRemove *ngIf="!disabled">close</mat-icon>
+    </mat-chip>
+    <input matInput type="text" placeholder="{{ !disabled ? ('entity.entity-list' | translate) : '' }}"
+           style="max-width: 200px;"
+           #entityInput
+           (focusin)="onFocus()"
+           formControlName="entity"
+           matAutocompleteOrigin
+           #origin="matAutocompleteOrigin"
+           [matAutocompleteConnectedTo]="origin"
+           [matAutocomplete]="entityAutocomplete"
+           [matChipInputFor]="chipList">
+  </mat-chip-list>
+  <mat-autocomplete #entityAutocomplete="matAutocomplete"
+                    class="tb-autocomplete"
+                    [displayWith]="displayEntityFn">
+    <mat-option *ngFor="let entity of filteredEntities | async" [value]="entity">
+      <span [innerHTML]="entity.name | highlight:searchText"></span>
+    </mat-option>
+    <mat-option *ngIf="!(filteredEntities | async)?.length" [value]="null">
+      <span>
+          {{ translate.get('entity.no-entities-matching', {entity: searchText}) | async }}
+      </span>
+    </mat-option>
+  </mat-autocomplete>
+  <mat-error *ngIf="entityListFormGroup.get('entities').hasError('required')">
+    {{ 'entity.entity-list-empty' | translate }}
+  </mat-error>
+</mat-form-field>
diff --git a/ui-ngx/src/app/shared/components/entity/entity-list.component.scss b/ui-ngx/src/app/shared/components/entity/entity-list.component.scss
new file mode 100644
index 0000000000..0557349be7
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-list.component.scss
@@ -0,0 +1,22 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host ::ng-deep {
+  .mat-form-field {
+    .mat-form-field-infix {
+      border-top: none;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/entity/entity-list.component.ts b/ui-ngx/src/app/shared/components/entity/entity-list.component.ts
new file mode 100644
index 0000000000..91aac0703b
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-list.component.ts
@@ -0,0 +1,248 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  AfterContentInit,
+  AfterViewInit,
+  Component,
+  ElementRef,
+  forwardRef,
+  Input, OnChanges,
+  OnInit, SimpleChanges,
+  SkipSelf,
+  ViewChild
+} from '@angular/core';
+import {
+  ControlValueAccessor,
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  FormGroupDirective,
+  NG_VALUE_ACCESSOR, NgForm, Validators
+} from '@angular/forms';
+import {Observable, of} from 'rxjs';
+import {map, mergeMap, startWith, tap, share, pairwise, filter} from 'rxjs/operators';
+import {Store} from '@ngrx/store';
+import {AppState} from '@app/core/core.state';
+import {TranslateService} from '@ngx-translate/core';
+import {AliasEntityType, EntityType} from '@shared/models/entity-type.models';
+import {BaseData} from '@shared/models/base-data';
+import {EntityId} from '@shared/models/id/entity-id';
+import {EntityService} from '@core/http/entity.service';
+import { MatAutocomplete, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { MatChipList } from '@angular/material/chips';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { emptyPageData } from '@shared/models/page/page-data';
+
+@Component({
+  selector: 'tb-entity-list',
+  templateUrl: './entity-list.component.html',
+  styleUrls: ['./entity-list.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => EntityListComponent),
+      multi: true
+    }
+  ]
+})
+export class EntityListComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnChanges {
+
+  entityListFormGroup: FormGroup;
+
+  modelValue: Array<string> | null;
+
+  @Input()
+  entityType: EntityType;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    const newVal = coerceBooleanProperty(value);
+    if (this.requiredValue !== newVal) {
+      this.requiredValue = newVal;
+      this.updateValidators();
+    }
+  }
+
+  @Input()
+  disabled: boolean;
+
+  @ViewChild('entityInput') entityInput: ElementRef<HTMLInputElement>;
+  @ViewChild('entityAutocomplete') matAutocomplete: MatAutocomplete;
+  @ViewChild('chipList', {static: true}) chipList: MatChipList;
+
+  entities: Array<BaseData<EntityId>> = [];
+  filteredEntities: Observable<Array<BaseData<EntityId>>>;
+
+  searchText = '';
+
+  private dirty = false;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              public translate: TranslateService,
+              private entityService: EntityService,
+              private fb: FormBuilder) {
+    this.entityListFormGroup = this.fb.group({
+      entities: [this.entities, this.required ? [Validators.required] : []],
+      entity: [null]
+    });
+  }
+
+  updateValidators() {
+    this.entityListFormGroup.get('entities').setValidators(this.required ? [Validators.required] : []);
+    this.entityListFormGroup.get('entities').updateValueAndValidity();
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+    this.filteredEntities = this.entityListFormGroup.get('entity').valueChanges
+    .pipe(
+      // startWith<string | BaseData<EntityId>>(''),
+      tap((value) => {
+        if (value && typeof value !== 'string') {
+          this.add(value);
+        } else if (value === null) {
+          this.clear(this.entityInput.nativeElement.value);
+        }
+      }),
+      filter((value) => typeof value === 'string'),
+      map((value) => value ? (typeof value === 'string' ? value : value.name) : ''),
+      mergeMap(name => this.fetchEntities(name) ),
+      share()
+    );
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (!change.firstChange && change.currentValue !== change.previousValue) {
+        if (propName === 'entityType') {
+          this.reset();
+        }
+      }
+    }
+  }
+
+  ngAfterViewInit(): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (isDisabled) {
+      this.entityListFormGroup.disable({emitEvent: false});
+    } else {
+      this.entityListFormGroup.enable({emitEvent: false});
+    }
+  }
+
+  writeValue(value: Array<string> | null): void {
+    this.searchText = '';
+    if (value != null && value.length > 0) {
+      this.modelValue = [...value];
+      this.entityService.getEntities(this.entityType, value).subscribe(
+        (entities) => {
+          this.entities = entities;
+          this.entityListFormGroup.get('entities').setValue(this.entities);
+        }
+      );
+    } else {
+      this.entities = [];
+      this.entityListFormGroup.get('entities').setValue(this.entities);
+      this.modelValue = null;
+    }
+    this.dirty = true;
+  }
+
+  reset() {
+    this.entities = [];
+    this.entityListFormGroup.get('entities').setValue(this.entities);
+    this.modelValue = null;
+    if (this.entityInput) {
+      this.entityInput.nativeElement.value = '';
+    }
+    this.entityListFormGroup.get('entity').patchValue('', {emitEvent: false});
+    this.propagateChange(this.modelValue);
+    this.dirty = true;
+  }
+
+  add(entity: BaseData<EntityId>): void {
+    if (!this.modelValue || this.modelValue.indexOf(entity.id.id) === -1) {
+      if (!this.modelValue) {
+        this.modelValue = [];
+      }
+      this.modelValue.push(entity.id.id);
+      this.entities.push(entity);
+      this.entityListFormGroup.get('entities').setValue(this.entities);
+    }
+    this.propagateChange(this.modelValue);
+    this.clear();
+  }
+
+  remove(entity: BaseData<EntityId>) {
+    const index = this.entities.indexOf(entity);
+    if (index >= 0) {
+      this.entities.splice(index, 1);
+      this.entityListFormGroup.get('entities').setValue(this.entities);
+      this.modelValue.splice(index, 1);
+      if (!this.modelValue.length) {
+        this.modelValue = null;
+      }
+      this.propagateChange(this.modelValue);
+      this.clear();
+    }
+  }
+
+  displayEntityFn(entity?: BaseData<EntityId>): string | undefined {
+    return entity ? entity.name : undefined;
+  }
+
+  fetchEntities(searchText?: string): Observable<Array<BaseData<EntityId>>> {
+    this.searchText = searchText;
+    return this.entityService.getEntitiesByNameFilter(this.entityType, searchText,
+      50, '', {ignoreLoading: true}).pipe(
+      map((data) => data ? data : []));
+  }
+
+  onFocus() {
+    if (this.dirty) {
+      this.entityListFormGroup.get('entity').updateValueAndValidity({onlySelf: true, emitEvent: true});
+      this.dirty = false;
+    }
+  }
+
+  clear(value: string = '') {
+    this.entityInput.nativeElement.value = value;
+    this.entityListFormGroup.get('entity').patchValue(value, {emitEvent: true});
+    setTimeout(() => {
+      this.entityInput.nativeElement.blur();
+      this.entityInput.nativeElement.focus();
+    }, 0);
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/entity/entity-select.component.html b/ui-ngx/src/app/shared/components/entity/entity-select.component.html
new file mode 100644
index 0000000000..5ed8282c47
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-select.component.html
@@ -0,0 +1,35 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div fxLayout="row" class="tb-entity-select" [formGroup]="entitySelectFormGroup">
+  <tb-entity-type-select
+    style="min-width: 100px; padding-right: 8px;"
+    *ngIf="displayEntityTypeSelect"
+    [showLabel]="true"
+    [required]="required"
+    [useAliasEntityTypes]="useAliasEntityTypes"
+    [allowedEntityTypes]="allowedEntityTypes"
+    formControlName="entityType">
+  </tb-entity-type-select>
+  <tb-entity-autocomplete
+    fxFlex
+    *ngIf="modelValue.entityType"
+    [required]="required"
+    [entityType]="modelValue.entityType"
+    formControlName="entityId">
+  </tb-entity-autocomplete>
+</div>
diff --git a/ui-ngx/src/app/shared/components/entity/entity-select.component.scss b/ui-ngx/src/app/shared/components/entity/entity-select.component.scss
new file mode 100644
index 0000000000..655a7ced9b
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-select.component.scss
@@ -0,0 +1,17 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+}
diff --git a/ui-ngx/src/app/shared/components/entity/entity-select.component.ts b/ui-ngx/src/app/shared/components/entity/entity-select.component.ts
new file mode 100644
index 0000000000..735fd37af6
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-select.component.ts
@@ -0,0 +1,149 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {AfterViewInit, Component, forwardRef, Input, OnInit} from '@angular/core';
+import {ControlValueAccessor, FormBuilder, FormGroup, NG_VALUE_ACCESSOR} from '@angular/forms';
+import {Store} from '@ngrx/store';
+import {AppState} from '@core/core.state';
+import {TranslateService} from '@ngx-translate/core';
+import {AliasEntityType, EntityType, entityTypeTranslations} from '@shared/models/entity-type.models';
+import {EntityService} from '@core/http/entity.service';
+import {EntityId} from '@shared/models/id/entity-id';
+import {coerceBooleanProperty} from '@angular/cdk/coercion';
+
+@Component({
+  selector: 'tb-entity-select',
+  templateUrl: './entity-select.component.html',
+  styleUrls: ['./entity-select.component.scss'],
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => EntitySelectComponent),
+    multi: true
+  }]
+})
+export class EntitySelectComponent implements ControlValueAccessor, OnInit, AfterViewInit {
+
+  entitySelectFormGroup: FormGroup;
+
+  modelValue: EntityId = {entityType: null, id: null};
+
+  @Input()
+  allowedEntityTypes: Array<EntityType | AliasEntityType>;
+
+  @Input()
+  useAliasEntityTypes: boolean;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  displayEntityTypeSelect: boolean;
+
+  private readonly defaultEntityType: EntityType | AliasEntityType = null;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              private entityService: EntityService,
+              public translate: TranslateService,
+              private fb: FormBuilder) {
+
+    const entityTypes = this.entityService.prepareAllowedEntityTypesList(this.allowedEntityTypes,
+                                                                         this.useAliasEntityTypes);
+    if (entityTypes.length === 1) {
+      this.displayEntityTypeSelect = false;
+      this.defaultEntityType = entityTypes[0];
+    } else {
+      this.displayEntityTypeSelect = true;
+    }
+
+    this.entitySelectFormGroup = this.fb.group({
+      entityType: [this.defaultEntityType],
+      entityId: [null]
+    });
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+    this.entitySelectFormGroup.get('entityType').valueChanges.subscribe(
+      (value) => {
+        this.updateView(value, this.modelValue.id);
+      }
+    );
+    this.entitySelectFormGroup.get('entityId').valueChanges.subscribe(
+      (value) => {
+        const id = value ? (typeof value === 'string' ? value : value.id) : null;
+        this.updateView(this.modelValue.entityType, id);
+      }
+    );
+  }
+
+  ngAfterViewInit(): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (this.disabled) {
+      this.entitySelectFormGroup.disable();
+    } else {
+      this.entitySelectFormGroup.enable();
+    }
+  }
+
+  writeValue(value: EntityId | null): void {
+    if (value != null) {
+      this.modelValue = value;
+      this.entitySelectFormGroup.get('entityType').patchValue(value.entityType, {emitEvent: true});
+      this.entitySelectFormGroup.get('entityId').patchValue(value, {emitEvent: true});
+    } else {
+      this.modelValue = {
+        entityType: this.defaultEntityType,
+        id: null
+      };
+      this.entitySelectFormGroup.get('entityType').patchValue(this.defaultEntityType, {emitEvent: true});
+      this.entitySelectFormGroup.get('entityId').patchValue(null, {emitEvent: true});
+    }
+  }
+
+  updateView(entityType: EntityType | AliasEntityType | null, entityId: string | null) {
+    if (this.modelValue.entityType !== entityType ||
+      this.modelValue.id !== entityId) {
+        this.modelValue = {
+          entityType,
+          id: this.modelValue.entityType !== entityType ? null : entityId
+        };
+        if (this.modelValue.entityType && this.modelValue.id) {
+          this.propagateChange(this.modelValue);
+        } else {
+          this.propagateChange(null);
+        }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/entity/entity-subtype-autocomplete.component.html b/ui-ngx/src/app/shared/components/entity/entity-subtype-autocomplete.component.html
new file mode 100644
index 0000000000..d683213f54
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-subtype-autocomplete.component.html
@@ -0,0 +1,43 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field [formGroup]="subTypeFormGroup" class="mat-block">
+  <mat-label>{{ entitySubtypeText | translate }}</mat-label>
+  <input matInput type="text" placeholder="{{ selectEntitySubtypeText | translate }}"
+         #subTypeInput
+         formControlName="subType"
+         (focusin)="onFocus()"
+         [required]="required"
+         [matAutocomplete]="subTypeAutocomplete">
+  <button *ngIf="subTypeFormGroup.get('subType').value && !disabled"
+          type="button"
+          matSuffix mat-button mat-icon-button aria-label="Clear"
+          (click)="clear()">
+    <mat-icon class="material-icons">close</mat-icon>
+  </button>
+  <mat-autocomplete
+    class="tb-autocomplete"
+    #subTypeAutocomplete="matAutocomplete"
+    [displayWith]="displaySubTypeFn">
+    <mat-option *ngFor="let subType of filteredSubTypes | async" [value]="subType">
+      <span [innerHTML]="subType | highlight:searchText"></span>
+    </mat-option>
+  </mat-autocomplete>
+  <mat-error *ngIf="subTypeFormGroup.get('subType').hasError('required')">
+    {{ entitySubtypeRequiredText | translate }}
+  </mat-error>
+</mat-form-field>
diff --git a/ui-ngx/src/app/shared/components/entity/entity-subtype-autocomplete.component.ts b/ui-ngx/src/app/shared/components/entity/entity-subtype-autocomplete.component.ts
new file mode 100644
index 0000000000..487a7520d9
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-subtype-autocomplete.component.ts
@@ -0,0 +1,238 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {AfterViewInit, Component, ElementRef, forwardRef, Input, OnInit, ViewChild, OnDestroy} from '@angular/core';
+import {ControlValueAccessor, FormBuilder, FormGroup, NG_VALUE_ACCESSOR} from '@angular/forms';
+import {Observable, of, throwError, Subscription} from 'rxjs';
+import {PageLink} from '@shared/models/page/page-link';
+import {Direction} from '@shared/models/page/sort-order';
+import {filter, map, mergeMap, publishReplay, refCount, startWith, tap, publish} from 'rxjs/operators';
+import {PageData, emptyPageData} from '@shared/models/page/page-data';
+import {DashboardInfo} from '@app/shared/models/dashboard.models';
+import {DashboardId} from '@app/shared/models/id/dashboard-id';
+import {DashboardService} from '@core/http/dashboard.service';
+import {Store} from '@ngrx/store';
+import {AppState} from '@app/core/core.state';
+import {getCurrentAuthUser} from '@app/core/auth/auth.selectors';
+import {Authority} from '@shared/models/authority.enum';
+import {TranslateService} from '@ngx-translate/core';
+import {DeviceService} from '@core/http/device.service';
+import {EntitySubtype, EntityType} from '@app/shared/models/entity-type.models';
+import {BroadcastService} from '@app/core/services/broadcast.service';
+import {coerceBooleanProperty} from '@angular/cdk/coercion';
+import {AssetService} from '@core/http/asset.service';
+import {EntityViewService} from '@core/http/entity-view.service';
+
+@Component({
+  selector: 'tb-entity-subtype-autocomplete',
+  templateUrl: './entity-subtype-autocomplete.component.html',
+  styleUrls: [],
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => EntitySubTypeAutocompleteComponent),
+    multi: true
+  }]
+})
+export class EntitySubTypeAutocompleteComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
+
+  subTypeFormGroup: FormGroup;
+
+  modelValue: string | null;
+
+  @Input()
+  entityType: EntityType;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  @ViewChild('subTypeInput', {static: true}) subTypeInput: ElementRef;
+
+  selectEntitySubtypeText: string;
+  entitySubtypeText: string;
+  entitySubtypeRequiredText: string;
+
+  filteredSubTypes: Observable<Array<string>>;
+
+  subTypes: Observable<Array<string>>;
+
+  private broadcastSubscription: Subscription;
+
+  searchText = '';
+
+  private dirty = false;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              private broadcast: BroadcastService,
+              public translate: TranslateService,
+              private deviceService: DeviceService,
+              private assetService: AssetService,
+              private entityViewService: EntityViewService,
+              private fb: FormBuilder) {
+    this.subTypeFormGroup = this.fb.group({
+      subType: [null]
+    });
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+
+    switch (this.entityType) {
+      case EntityType.ASSET:
+        this.selectEntitySubtypeText = 'asset.select-asset-type';
+        this.entitySubtypeText = 'asset.asset-type';
+        this.entitySubtypeRequiredText = 'asset.asset-type-required';
+        this.broadcastSubscription = this.broadcast.on('assetSaved', () => {
+          this.subTypes = null;
+        });
+        break;
+      case EntityType.DEVICE:
+        this.selectEntitySubtypeText = 'device.select-device-type';
+        this.entitySubtypeText = 'device.device-type';
+        this.entitySubtypeRequiredText = 'device.device-type-required';
+        this.broadcastSubscription = this.broadcast.on('deviceSaved', () => {
+          this.subTypes = null;
+        });
+        break;
+      case EntityType.ENTITY_VIEW:
+        this.selectEntitySubtypeText = 'entity-view.select-entity-view-type';
+        this.entitySubtypeText = 'entity-view.entity-view-type';
+        this.entitySubtypeRequiredText = 'entity-view.entity-view-type-required';
+        this.broadcastSubscription = this.broadcast.on('entityViewSaved', () => {
+          this.subTypes = null;
+        });
+        break;
+    }
+
+    this.filteredSubTypes = this.subTypeFormGroup.get('subType').valueChanges
+      .pipe(
+        tap(value => {
+            this.updateView(value);
+        }),
+        // startWith<string | EntitySubtype>(''),
+        map(value => value ? value : ''),
+        mergeMap(type => this.fetchSubTypes(type) )
+      );
+  }
+
+  ngAfterViewInit(): void {
+  }
+
+  ngOnDestroy(): void {
+    if (this.broadcastSubscription) {
+      this.broadcastSubscription.unsubscribe();
+    }
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (this.disabled) {
+      this.subTypeFormGroup.disable({emitEvent: false});
+    } else {
+      this.subTypeFormGroup.enable({emitEvent: false});
+    }
+  }
+
+  writeValue(value: string | null): void {
+    this.searchText = '';
+    this.modelValue = value;
+    this.subTypeFormGroup.get('subType').patchValue(value, {emitEvent: false});
+    this.dirty = true;
+  }
+
+  onFocus() {
+    if (this.dirty) {
+      this.subTypeFormGroup.get('subType').updateValueAndValidity({onlySelf: true, emitEvent: true});
+      this.dirty = false;
+    }
+  }
+
+  updateView(value: string | null) {
+    if (this.modelValue !== value) {
+      this.modelValue = value;
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  displaySubTypeFn(subType?: string): string | undefined {
+    return subType ? subType : undefined;
+  }
+
+  fetchSubTypes(searchText?: string, strictMatch: boolean = false): Observable<Array<string>> {
+    this.searchText = searchText;
+    return this.getSubTypes().pipe(
+      map(subTypes => subTypes.filter( subType => {
+        if (strictMatch) {
+          return searchText ? subType === searchText : false;
+        } else {
+          return searchText ? subType.toUpperCase().startsWith(searchText.toUpperCase()) : true;
+        }
+      }))
+    );
+  }
+
+  getSubTypes(): Observable<Array<string>> {
+    if (!this.subTypes) {
+      let subTypesObservable: Observable<Array<EntitySubtype>>;
+      switch (this.entityType) {
+        case EntityType.ASSET:
+          subTypesObservable = this.assetService.getAssetTypes({ignoreLoading: true});
+          break;
+        case EntityType.DEVICE:
+          subTypesObservable = this.deviceService.getDeviceTypes({ignoreLoading: true});
+          break;
+        case EntityType.ENTITY_VIEW:
+          subTypesObservable = this.entityViewService.getEntityViewTypes({ignoreLoading: true});
+          break;
+      }
+      if (subTypesObservable) {
+        this.subTypes = subTypesObservable.pipe(
+          map(subTypes => subTypes.map(subType => subType.type)),
+          publishReplay(1),
+          refCount()
+        );
+      } else {
+        return throwError(null);
+      }
+    }
+    return this.subTypes;
+  }
+
+  clear() {
+    this.subTypeFormGroup.get('subType').patchValue(null, {emitEvent: true});
+    setTimeout(() => {
+      this.subTypeInput.nativeElement.blur();
+      this.subTypeInput.nativeElement.focus();
+    }, 0);
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/entity/entity-subtype-list.component.html b/ui-ngx/src/app/shared/components/entity/entity-subtype-list.component.html
new file mode 100644
index 0000000000..6bbe3058a0
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-subtype-list.component.html
@@ -0,0 +1,57 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field appearance="standard" [formGroup]="entitySubtypeListFormGroup" class="mat-block">
+  <mat-chip-list #chipList formControlName="entitySubtypeList">
+    <mat-chip
+      *ngFor="let entitySubtype of entitySubtypeList"
+      [selectable]="!disabled"
+      [removable]="!disabled"
+      (removed)="remove(entitySubtype)">
+      {{entitySubtype}}
+      <mat-icon matChipRemove *ngIf="!disabled">close</mat-icon>
+    </mat-chip>
+    <input matInput type="text" placeholder="{{ !disabled ? ((!entitySubtypeList || !entitySubtypeList.length) ? placeholder : secondaryPlaceholder) : '' }}"
+           style="max-width: 200px;"
+           #entitySubtypeInput
+           (focusin)="onFocus()"
+           formControlName="entitySubtype"
+           matAutocompleteOrigin
+           #origin="matAutocompleteOrigin"
+           [matAutocompleteConnectedTo]="origin"
+           [matAutocomplete]="entitySubtypeAutocomplete"
+           [matChipInputFor]="chipList"
+           [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
+           (matChipInputTokenEnd)="chipAdd($event)">
+  </mat-chip-list>
+  <mat-autocomplete #entitySubtypeAutocomplete="matAutocomplete"
+                    class="tb-autocomplete"
+                    (optionSelected)="selected($event)"
+                    [displayWith]="displayEntitySubtypeFn">
+    <mat-option *ngFor="let entitySubtype of filteredEntitySubtypeList | async" [value]="entitySubtype">
+      <span [innerHTML]="entitySubtype | highlight:searchText"></span>
+    </mat-option>
+    <mat-option *ngIf="!(filteredEntitySubtypeList | async)?.length" [value]="null">
+      <span>
+          {{ translate.get(noSubtypesMathingText, {entitySubtype: searchText}) | async }}
+      </span>
+    </mat-option>
+  </mat-autocomplete>
+  <mat-error *ngIf="entitySubtypeListFormGroup.get('entitySubtypeList').hasError('required')">
+    {{ subtypeListEmptyText | translate }}
+  </mat-error>
+</mat-form-field>
diff --git a/ui-ngx/src/app/shared/components/entity/entity-subtype-list.component.scss b/ui-ngx/src/app/shared/components/entity/entity-subtype-list.component.scss
new file mode 100644
index 0000000000..0557349be7
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-subtype-list.component.scss
@@ -0,0 +1,22 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host ::ng-deep {
+  .mat-form-field {
+    .mat-form-field-infix {
+      border-top: none;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/entity/entity-subtype-list.component.ts b/ui-ngx/src/app/shared/components/entity/entity-subtype-list.component.ts
new file mode 100644
index 0000000000..981e9f407f
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-subtype-list.component.ts
@@ -0,0 +1,319 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  AfterContentInit,
+  AfterViewInit,
+  Component,
+  ElementRef,
+  forwardRef,
+  Input, OnDestroy,
+  OnInit,
+  SkipSelf,
+  ViewChild
+} from '@angular/core';
+import {
+  ControlValueAccessor,
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  FormGroupDirective,
+  NG_VALUE_ACCESSOR, NgForm, Validators
+} from '@angular/forms';
+import { Observable, of, Subscription, throwError } from 'rxjs';
+import { map, mergeMap, startWith, tap, share, pairwise, filter, publishReplay, refCount } from 'rxjs/operators';
+import {Store} from '@ngrx/store';
+import {AppState} from '@app/core/core.state';
+import {TranslateService} from '@ngx-translate/core';
+import { AliasEntityType, EntitySubtype, EntityType, entityTypeTranslations } from '@shared/models/entity-type.models';
+import {BaseData} from '@shared/models/base-data';
+import {EntityId} from '@shared/models/id/entity-id';
+import {EntityService} from '@core/http/entity.service';
+import { MatAutocomplete, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { MatChipList } from '@angular/material/chips';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { emptyPageData } from '@shared/models/page/page-data';
+import { AssetService } from '@core/http/asset.service';
+import { DeviceService } from '@core/http/device.service';
+import { EntityViewService } from '@core/http/entity-view.service';
+import { BroadcastService } from '@core/services/broadcast.service';
+import { MatChipInputEvent } from '@angular/material/chips';
+import { COMMA, ENTER, SEMICOLON } from '@angular/cdk/keycodes';
+
+@Component({
+  selector: 'tb-entity-subtype-list',
+  templateUrl: './entity-subtype-list.component.html',
+  styleUrls: ['./entity-subtype-list.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => EntitySubTypeListComponent),
+      multi: true
+    }
+  ]
+})
+export class EntitySubTypeListComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
+
+  entitySubtypeListFormGroup: FormGroup;
+
+  modelValue: Array<string> | null;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    const newVal = coerceBooleanProperty(value);
+    if (this.requiredValue !== newVal) {
+      this.requiredValue = newVal;
+      this.updateValidators();
+    }
+  }
+
+  @Input()
+  disabled: boolean;
+
+  @Input()
+  entityType: EntityType;
+
+  @ViewChild('entitySubtypeInput') entitySubtypeInput: ElementRef<HTMLInputElement>;
+  @ViewChild('entitySubtypeAutocomplete') entitySubtypeAutocomplete: MatAutocomplete;
+  @ViewChild('chipList', {static: true}) chipList: MatChipList;
+
+  entitySubtypeList: Array<string> = [];
+  filteredEntitySubtypeList: Observable<Array<string>>;
+  entitySubtypes: Observable<Array<string>>;
+
+  private broadcastSubscription: Subscription;
+
+  placeholder: string;
+  secondaryPlaceholder: string;
+  noSubtypesMathingText: string;
+  subtypeListEmptyText: string;
+
+  separatorKeysCodes: number[] = [ENTER, COMMA, SEMICOLON];
+
+  searchText = '';
+
+  private dirty = false;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              private broadcast: BroadcastService,
+              public translate: TranslateService,
+              private assetService: AssetService,
+              private deviceService: DeviceService,
+              private entityViewService: EntityViewService,
+              private fb: FormBuilder) {
+    this.entitySubtypeListFormGroup = this.fb.group({
+      entitySubtypeList: [this.entitySubtypeList, this.required ? [Validators.required] : []],
+      entitySubtype: [null]
+    });
+  }
+
+  updateValidators() {
+    this.entitySubtypeListFormGroup.get('entitySubtypeList').setValidators(this.required ? [Validators.required] : []);
+    this.entitySubtypeListFormGroup.get('entitySubtypeList').updateValueAndValidity();
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+
+    switch (this.entityType) {
+      case EntityType.ASSET:
+        this.placeholder = this.required ? this.translate.instant('asset.enter-asset-type')
+          : this.translate.instant('asset.any-asset');
+        this.secondaryPlaceholder = '+' + this.translate.instant('asset.asset-type');
+        this.noSubtypesMathingText = 'asset.no-asset-types-matching';
+        this.subtypeListEmptyText = 'asset.asset-type-list-empty';
+        this.broadcastSubscription = this.broadcast.on('assetSaved', () => {
+          this.entitySubtypes = null;
+        });
+        break;
+      case EntityType.DEVICE:
+        this.placeholder = this.required ? this.translate.instant('device.enter-device-type')
+          : this.translate.instant('device.any-device');
+        this.secondaryPlaceholder = '+' + this.translate.instant('device.device-type');
+        this.noSubtypesMathingText = 'device.no-device-types-matching';
+        this.subtypeListEmptyText = 'device.device-type-list-empty';
+        this.broadcastSubscription = this.broadcast.on('deviceSaved', () => {
+          this.entitySubtypes = null;
+        });
+        break;
+      case EntityType.ENTITY_VIEW:
+        this.placeholder = this.required ? this.translate.instant('entity-view.enter-entity-view-type')
+          : this.translate.instant('entity-view.any-entity-view');
+        this.secondaryPlaceholder = '+' + this.translate.instant('entity-view.entity-view-type');
+        this.noSubtypesMathingText = 'entity-view.no-entity-view-types-matching';
+        this.subtypeListEmptyText = 'entity-view.entity-view-type-list-empty';
+        this.broadcastSubscription = this.broadcast.on('entityViewSaved', () => {
+          this.entitySubtypes = null;
+        });
+        break;
+    }
+
+    this.filteredEntitySubtypeList = this.entitySubtypeListFormGroup.get('entitySubtype').valueChanges
+      .pipe(
+        map(value => value ? value : ''),
+        mergeMap(name => this.fetchEntitySubtypes(name) ),
+        share()
+      );
+  }
+
+  ngAfterViewInit(): void {
+  }
+
+  ngOnDestroy(): void {
+    if (this.broadcastSubscription) {
+      this.broadcastSubscription.unsubscribe();
+    }
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (isDisabled) {
+      this.entitySubtypeListFormGroup.disable({emitEvent: false});
+    } else {
+      this.entitySubtypeListFormGroup.enable({emitEvent: false});
+    }
+  }
+
+  writeValue(value: Array<string> | null): void {
+    this.searchText = '';
+    if (value != null && value.length > 0) {
+      this.modelValue = [...value];
+      this.entitySubtypeList = [...value];
+      this.entitySubtypeListFormGroup.get('entitySubtypeList').setValue(this.entitySubtypeList);
+    } else {
+      this.entitySubtypeList = [];
+      this.entitySubtypeListFormGroup.get('entitySubtypeList').setValue(this.entitySubtypeList);
+      this.modelValue = null;
+    }
+    this.dirty = true;
+  }
+
+  add(entitySubtype: string): void {
+    if (!this.modelValue || this.modelValue.indexOf(entitySubtype) === -1) {
+      if (!this.modelValue) {
+        this.modelValue = [];
+      }
+      this.modelValue.push(entitySubtype);
+      this.entitySubtypeList.push(entitySubtype);
+      this.entitySubtypeListFormGroup.get('entitySubtypeList').setValue(this.entitySubtypeList);
+    }
+    this.propagateChange(this.modelValue);
+    this.clear();
+  }
+
+  chipAdd(event: MatChipInputEvent): void {
+    const value = event.value;
+    if ((value || '').trim()) {
+      this.add(value.trim());
+    }
+    this.clear('');
+  }
+
+  remove(entitySubtype: string) {
+    const index = this.entitySubtypeList.indexOf(entitySubtype);
+    if (index >= 0) {
+      this.entitySubtypeList.splice(index, 1);
+      this.entitySubtypeListFormGroup.get('entitySubtypeList').setValue(this.entitySubtypeList);
+      this.modelValue.splice(index, 1);
+      if (!this.modelValue.length) {
+        this.modelValue = null;
+      }
+      this.propagateChange(this.modelValue);
+      this.clear();
+    }
+  }
+
+  selected(event: MatAutocompleteSelectedEvent): void {
+    this.add(event.option.viewValue);
+    this.clear('');
+  }
+
+  displayEntitySubtypeFn(entitySubtype?: string): string | undefined {
+    return entitySubtype ? entitySubtype : undefined;
+  }
+
+  fetchEntitySubtypes(searchText?: string): Observable<Array<string>> {
+    this.searchText = searchText;
+    return this.getEntitySubtypes().pipe(
+      map(subTypes => {
+        let result = subTypes.filter( subType => {
+          return searchText ? subType.toUpperCase().startsWith(searchText.toUpperCase()) : true;
+        });
+        if (!result.length) {
+          result = [searchText];
+        }
+        return result;
+      })
+    );
+  }
+
+  getEntitySubtypes(): Observable<Array<string>> {
+    if (!this.entitySubtypes) {
+      let subTypesObservable: Observable<Array<EntitySubtype>>;
+      switch (this.entityType) {
+        case EntityType.ASSET:
+          subTypesObservable = this.assetService.getAssetTypes({ignoreLoading: true});
+          break;
+        case EntityType.DEVICE:
+          subTypesObservable = this.deviceService.getDeviceTypes({ignoreLoading: true});
+          break;
+        case EntityType.ENTITY_VIEW:
+          subTypesObservable = this.entityViewService.getEntityViewTypes({ignoreLoading: true});
+          break;
+      }
+      if (subTypesObservable) {
+        this.entitySubtypes = subTypesObservable.pipe(
+          map(subTypes => subTypes.map(subType => subType.type)),
+          publishReplay(1),
+          refCount()
+        );
+      } else {
+        return throwError(null);
+      }
+    }
+    return this.entitySubtypes;
+  }
+
+  onFocus() {
+    if (this.dirty) {
+      this.entitySubtypeListFormGroup.get('entitySubtype').updateValueAndValidity({onlySelf: true, emitEvent: true});
+      this.dirty = false;
+    }
+  }
+
+  clear(value: string = '') {
+    this.entitySubtypeInput.nativeElement.value = value;
+    this.entitySubtypeListFormGroup.get('entitySubtype').patchValue(value, {emitEvent: true});
+    setTimeout(() => {
+      this.entitySubtypeInput.nativeElement.blur();
+      this.entitySubtypeInput.nativeElement.focus();
+    }, 0);
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/entity/entity-subtype-select.component.html b/ui-ngx/src/app/shared/components/entity/entity-subtype-select.component.html
new file mode 100644
index 0000000000..00bd722c38
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-subtype-select.component.html
@@ -0,0 +1,28 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field [formGroup]="subTypeFormGroup" class="mat-block">
+  <mat-label *ngIf="showLabel">{{ entitySubtypeTitle | translate }}</mat-label>
+  <mat-select [fxShow]="subTypesLoaded" class="tb-entity-subtype-select" matInput formControlName="subType">
+    <mat-option *ngFor="let subType of subTypesOptions | async" [value]="subType">
+      {{ displaySubTypeFn(subType) }}
+    </mat-option>
+  </mat-select>
+  <mat-error *ngIf="subTypeFormGroup.get('subType').hasError('required')">
+    {{ entitySubtypeRequiredText | translate }}
+  </mat-error>
+</mat-form-field>
diff --git a/ui-ngx/src/app/shared/components/entity/entity-subtype-select.component.scss b/ui-ngx/src/app/shared/components/entity/entity-subtype-select.component.scss
new file mode 100644
index 0000000000..3bda90f75f
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-subtype-select.component.scss
@@ -0,0 +1,20 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  mat-select.tb-entity-subtype-select {
+    min-width: 200px;
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/entity/entity-subtype-select.component.ts b/ui-ngx/src/app/shared/components/entity/entity-subtype-select.component.ts
new file mode 100644
index 0000000000..7e41068e3d
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-subtype-select.component.ts
@@ -0,0 +1,253 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {AfterViewInit, Component, ElementRef, forwardRef, Input, OnInit, ViewChild, OnDestroy} from '@angular/core';
+import {ControlValueAccessor, FormBuilder, FormGroup, NG_VALUE_ACCESSOR} from '@angular/forms';
+import {Observable, of, throwError, Subscription, Subject} from 'rxjs';
+import {PageLink} from '@shared/models/page/page-link';
+import {Direction} from '@shared/models/page/sort-order';
+import {filter, map, mergeMap, publishReplay, refCount, startWith, tap, publish} from 'rxjs/operators';
+import {PageData, emptyPageData} from '@shared/models/page/page-data';
+import {DashboardInfo} from '@app/shared/models/dashboard.models';
+import {DashboardId} from '@app/shared/models/id/dashboard-id';
+import {DashboardService} from '@core/http/dashboard.service';
+import {Store} from '@ngrx/store';
+import {AppState} from '@app/core/core.state';
+import {getCurrentAuthUser} from '@app/core/auth/auth.selectors';
+import {Authority} from '@shared/models/authority.enum';
+import {TranslateService} from '@ngx-translate/core';
+import {DeviceService} from '@core/http/device.service';
+import {EntitySubtype, EntityType} from '@app/shared/models/entity-type.models';
+import {BroadcastService} from '@app/core/services/broadcast.service';
+import {AssetService} from '@core/http/asset.service';
+import {EntityViewService} from '@core/http/entity-view.service';
+
+@Component({
+  selector: 'tb-entity-subtype-select',
+  templateUrl: './entity-subtype-select.component.html',
+  styleUrls: ['./entity-subtype-select.component.scss'],
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => EntitySubTypeSelectComponent),
+    multi: true
+  }]
+})
+export class EntitySubTypeSelectComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
+
+  subTypeFormGroup: FormGroup;
+
+  modelValue: string | null = '';
+
+  @Input()
+  entityType: EntityType;
+
+  @Input()
+  showLabel: boolean;
+
+  @Input()
+  required: boolean;
+
+  @Input()
+  disabled: boolean;
+
+  @Input()
+  typeTranslatePrefix: string;
+
+  entitySubtypeTitle: string;
+  entitySubtypeRequiredText: string;
+
+  subTypesOptions: Observable<Array<EntitySubtype | string>>;
+
+  private subTypesOptionsSubject: Subject<string> = new Subject();
+
+  subTypes: Observable<Array<EntitySubtype | string>>;
+
+  subTypesLoaded = false;
+
+  private broadcastSubscription: Subscription;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              private broadcast: BroadcastService,
+              public translate: TranslateService,
+              private deviceService: DeviceService,
+              private assetService: AssetService,
+              private entityViewService: EntityViewService,
+              private fb: FormBuilder) {
+    this.subTypeFormGroup = this.fb.group({
+      subType: ['']
+    });
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+
+    switch (this.entityType) {
+      case EntityType.ASSET:
+        this.entitySubtypeTitle = 'asset.asset-type';
+        this.entitySubtypeRequiredText = 'asset.asset-type-required';
+        this.broadcastSubscription = this.broadcast.on('assetSaved', () => {
+          this.subTypes = null;
+          this.subTypesOptionsSubject.next('');
+        });
+        break;
+      case EntityType.DEVICE:
+        this.entitySubtypeTitle = 'device.device-type';
+        this.entitySubtypeRequiredText = 'device.device-type-required';
+        this.broadcastSubscription = this.broadcast.on('deviceSaved', () => {
+          this.subTypes = null;
+          this.subTypesOptionsSubject.next('');
+        });
+        break;
+      case EntityType.ENTITY_VIEW:
+        this.entitySubtypeTitle = 'entity-view.entity-view-type';
+        this.entitySubtypeRequiredText = 'entity-view.entity-view-type-required';
+        this.broadcastSubscription = this.broadcast.on('entityViewSaved', () => {
+          this.subTypes = null;
+          this.subTypesOptionsSubject.next('');
+        });
+        break;
+    }
+
+    this.subTypesOptions = this.subTypesOptionsSubject.asObservable().pipe(
+      startWith<string | EntitySubtype>(''),
+      mergeMap(() => this.getSubTypes())
+    );
+
+    this.subTypeFormGroup.get('subType').valueChanges.subscribe(
+      (value) => {
+        let modelValue;
+        if (!value || value === '') {
+          modelValue = '';
+        } else {
+          modelValue = value.type;
+        }
+        this.updateView(modelValue);
+      }
+    );
+  }
+
+  ngAfterViewInit(): void {
+  }
+
+  ngOnDestroy(): void {
+    if (this.broadcastSubscription) {
+      this.broadcastSubscription.unsubscribe();
+    }
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (this.disabled) {
+      this.subTypeFormGroup.disable();
+    } else {
+      this.subTypeFormGroup.enable();
+    }
+  }
+
+  writeValue(value: string | null): void {
+    if (value != null && value !== '') {
+      this.modelValue = value;
+      this.findSubTypes(value).subscribe(
+        (subTypes) => {
+          const subType = subTypes && subTypes.length === 1 ? subTypes[0] : '';
+          this.subTypeFormGroup.get('subType').patchValue(subType, {emitEvent: true});
+        }
+      );
+    } else {
+      this.modelValue = '';
+      this.subTypeFormGroup.get('subType').patchValue('', {emitEvent: true});
+    }
+  }
+
+  updateView(value: string | null) {
+    if (this.modelValue !== value) {
+      this.modelValue = value;
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  displaySubTypeFn(subType?: EntitySubtype | string): string | undefined {
+    if (subType && typeof subType !== 'string') {
+      if (this.typeTranslatePrefix) {
+        return this.translate.instant(this.typeTranslatePrefix + '.' + subType.type);
+      } else {
+        return subType.type;
+      }
+    } else {
+      return this.translate.instant('entity.all-subtypes');
+    }
+  }
+
+  findSubTypes(searchText?: string): Observable<Array<EntitySubtype | string>> {
+    return this.getSubTypes().pipe(
+      map(subTypes => subTypes.filter( subType => {
+          return searchText ? (typeof subType === 'string' ? false : subType.type === searchText) : false;
+      }))
+    );
+  }
+
+  getSubTypes(): Observable<Array<EntitySubtype | string>> {
+    if (!this.subTypes) {
+      switch (this.entityType) {
+        case EntityType.ASSET:
+          this.subTypes = this.assetService.getAssetTypes({ignoreLoading: true});
+          break;
+        case EntityType.DEVICE:
+          this.subTypes = this.deviceService.getDeviceTypes({ignoreLoading: true});
+          break;
+        case EntityType.ENTITY_VIEW:
+          this.subTypes = this.entityViewService.getEntityViewTypes({ignoreLoading: true});
+          break;
+      }
+      if (this.subTypes) {
+        this.subTypes = this.subTypes.pipe(
+          map((allSubtypes) => {
+              allSubtypes.unshift('');
+              this.subTypesLoaded = true;
+              return allSubtypes;
+          }),
+          tap((subTypes) => {
+            const type: EntitySubtype | string = this.subTypeFormGroup.get('subType').value;
+            const strType = typeof type === 'string' ? type : type.type;
+            const found = subTypes.find((subType) => {
+              if (typeof subType === 'string') {
+                return subType === type;
+              } else {
+                return subType.type === strType;
+              }
+            });
+            if (found) {
+              this.subTypeFormGroup.get('subType').patchValue(found);
+            }
+          }),
+          publishReplay(1),
+          refCount()
+        );
+      } else {
+        return throwError(null);
+      }
+    }
+    return this.subTypes;
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/entity/entity-type-list.component.html b/ui-ngx/src/app/shared/components/entity/entity-type-list.component.html
new file mode 100644
index 0000000000..81f428e3e6
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-type-list.component.html
@@ -0,0 +1,54 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field appearance="standard" [formGroup]="entityTypeListFormGroup" class="mat-block">
+  <mat-chip-list #chipList formControlName="entityTypeList">
+    <mat-chip
+      *ngFor="let entityType of entityTypeList"
+      [selectable]="!disabled"
+      [removable]="!disabled"
+      (removed)="remove(entityType)">
+      {{entityType.name}}
+      <mat-icon matChipRemove *ngIf="!disabled">close</mat-icon>
+    </mat-chip>
+    <input matInput type="text" placeholder="{{ !disabled ? ((!entityTypeList || !entityTypeList.length) ? placeholder : secondaryPlaceholder) : '' }}"
+           style="max-width: 200px;"
+           #entityTypeInput
+           (focusin)="onFocus()"
+           formControlName="entityType"
+           matAutocompleteOrigin
+           #origin="matAutocompleteOrigin"
+           [matAutocompleteConnectedTo]="origin"
+           [matAutocomplete]="entityTypeAutocomplete"
+           [matChipInputFor]="chipList">
+  </mat-chip-list>
+  <mat-autocomplete #entityTypeAutocomplete="matAutocomplete"
+                    class="tb-autocomplete"
+                    [displayWith]="displayEntityTypeFn">
+    <mat-option *ngFor="let entityType of filteredEntityTypeList | async" [value]="entityType">
+      <span [innerHTML]="entityType.name | highlight:searchText"></span>
+    </mat-option>
+    <mat-option *ngIf="!(filteredEntityTypeList | async)?.length" [value]="null">
+      <span>
+          {{ translate.get('entity.no-entity-types-matching', {entityType: searchText}) | async }}
+      </span>
+    </mat-option>
+  </mat-autocomplete>
+  <mat-error *ngIf="entityTypeListFormGroup.get('entityTypeList').hasError('required')">
+    {{ 'entity.entity-type-list-empty' | translate }}
+  </mat-error>
+</mat-form-field>
diff --git a/ui-ngx/src/app/shared/components/entity/entity-type-list.component.ts b/ui-ngx/src/app/shared/components/entity/entity-type-list.component.ts
new file mode 100644
index 0000000000..9856fa6cda
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-type-list.component.ts
@@ -0,0 +1,264 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  AfterContentInit,
+  AfterViewInit,
+  Component,
+  ElementRef,
+  forwardRef,
+  Input,
+  OnInit,
+  SkipSelf,
+  ViewChild
+} from '@angular/core';
+import {
+  ControlValueAccessor,
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  FormGroupDirective,
+  NG_VALUE_ACCESSOR, NgForm, Validators
+} from '@angular/forms';
+import {Observable, of} from 'rxjs';
+import {map, mergeMap, startWith, tap, share, pairwise, filter} from 'rxjs/operators';
+import {Store} from '@ngrx/store';
+import {AppState} from '@app/core/core.state';
+import {TranslateService} from '@ngx-translate/core';
+import { AliasEntityType, EntityType, entityTypeTranslations } from '@shared/models/entity-type.models';
+import {BaseData} from '@shared/models/base-data';
+import {EntityId} from '@shared/models/id/entity-id';
+import {EntityService} from '@core/http/entity.service';
+import { MatAutocomplete, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { MatChipList } from '@angular/material/chips';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { emptyPageData } from '@shared/models/page/page-data';
+
+interface EntityTypeInfo {
+  name: string;
+  value: EntityType;
+}
+
+@Component({
+  selector: 'tb-entity-type-list',
+  templateUrl: './entity-type-list.component.html',
+  styleUrls: [],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => EntityTypeListComponent),
+      multi: true
+    }
+  ]
+})
+export class EntityTypeListComponent implements ControlValueAccessor, OnInit, AfterViewInit {
+
+  entityTypeListFormGroup: FormGroup;
+
+  modelValue: Array<EntityType> | null;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    const newVal = coerceBooleanProperty(value);
+    if (this.requiredValue !== newVal) {
+      this.requiredValue = newVal;
+      this.updateValidators();
+    }
+  }
+
+  @Input()
+  disabled: boolean;
+
+  @Input()
+  allowedEntityTypes: Array<EntityType | AliasEntityType>;
+
+  @Input()
+  ignoreAuthorityFilter: boolean;
+
+  @ViewChild('entityTypeInput') entityTypeInput: ElementRef<HTMLInputElement>;
+  @ViewChild('entityTypeAutocomplete') entityTypeAutocomplete: MatAutocomplete;
+  @ViewChild('chipList', {static: true}) chipList: MatChipList;
+
+  allEntityTypeList: Array<EntityTypeInfo> = [];
+  entityTypeList: Array<EntityTypeInfo> = [];
+  filteredEntityTypeList: Observable<Array<EntityTypeInfo>>;
+
+  placeholder: string;
+  secondaryPlaceholder: string;
+
+  searchText = '';
+
+  private dirty = false;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              public translate: TranslateService,
+              private entityService: EntityService,
+              private fb: FormBuilder) {
+    this.entityTypeListFormGroup = this.fb.group({
+      entityTypeList: [this.entityTypeList, this.required ? [Validators.required] : []],
+      entityType: [null]
+    });
+  }
+
+  updateValidators() {
+    this.entityTypeListFormGroup.get('entityTypeList').setValidators(this.required ? [Validators.required] : []);
+    this.entityTypeListFormGroup.get('entityTypeList').updateValueAndValidity();
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+
+    this.placeholder = this.required ? this.translate.instant('entity.enter-entity-type')
+      : this.translate.instant('entity.any-entity');
+    this.secondaryPlaceholder = '+' + this.translate.instant('entity.entity-type');
+
+    let entityTypes: Array<EntityType | AliasEntityType>;
+    if (this.ignoreAuthorityFilter && this.allowedEntityTypes
+      && this.allowedEntityTypes.length) {
+      entityTypes = [];
+      this.allowedEntityTypes.forEach((entityTypeValue) => {
+        entityTypes.push(entityTypeValue);
+      });
+    } else {
+      entityTypes = this.entityService.prepareAllowedEntityTypesList(this.allowedEntityTypes) as Array<EntityType>;
+    }
+
+    entityTypes.forEach((entityType) => {
+      this.allEntityTypeList.push({
+        name: this.translate.instant(entityTypeTranslations.get(entityType).type),
+        value: entityType as EntityType
+      });
+    });
+
+    this.filteredEntityTypeList = this.entityTypeListFormGroup.get('entityType').valueChanges
+      .pipe(
+        // startWith<string | BaseData<EntityId>>(''),
+        tap((value) => {
+          if (value && typeof value !== 'string') {
+            this.add(value);
+          } else if (value === null) {
+            this.clear(this.entityTypeInput.nativeElement.value);
+          }
+        }),
+        filter((value) => typeof value === 'string'),
+        map((value) => value ? (typeof value === 'string' ? value : value.name) : ''),
+        mergeMap(name => this.fetchEntityTypes(name) ),
+        share()
+      );
+  }
+
+  ngAfterViewInit(): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (isDisabled) {
+      this.entityTypeListFormGroup.disable({emitEvent: false});
+    } else {
+      this.entityTypeListFormGroup.enable({emitEvent: false});
+    }
+  }
+
+  writeValue(value: Array<EntityType> | null): void {
+    this.searchText = '';
+    if (value != null && value.length > 0) {
+      this.modelValue = [...value];
+      this.entityTypeList = [];
+      value.forEach((entityType) => {
+        this.entityTypeList.push({
+          name: entityTypeTranslations.has(entityType) ? this.translate.instant(entityTypeTranslations.get(entityType).type) : 'Unknown',
+          value: entityType
+        });
+      });
+      this.entityTypeListFormGroup.get('entityTypeList').setValue(this.entityTypeList);
+    } else {
+      this.entityTypeList = [];
+      this.entityTypeListFormGroup.get('entityTypeList').setValue(this.entityTypeList);
+      this.modelValue = null;
+    }
+    this.dirty = true;
+  }
+
+  add(entityType: EntityTypeInfo): void {
+    if (!this.modelValue || this.modelValue.indexOf(entityType.value) === -1) {
+      if (!this.modelValue) {
+        this.modelValue = [];
+      }
+      this.modelValue.push(entityType.value);
+      this.entityTypeList.push(entityType);
+      this.entityTypeListFormGroup.get('entityTypeList').setValue(this.entityTypeList);
+    }
+    this.propagateChange(this.modelValue);
+    this.clear();
+  }
+
+  remove(entityType: EntityTypeInfo) {
+    const index = this.entityTypeList.indexOf(entityType);
+    if (index >= 0) {
+      this.entityTypeList.splice(index, 1);
+      this.entityTypeListFormGroup.get('entityTypeList').setValue(this.entityTypeList);
+      this.modelValue.splice(index, 1);
+      if (!this.modelValue.length) {
+        this.modelValue = null;
+      }
+      this.propagateChange(this.modelValue);
+      this.clear();
+    }
+  }
+
+  displayEntityTypeFn(entityType?: EntityTypeInfo): string | undefined {
+    return entityType ? entityType.name : undefined;
+  }
+
+  fetchEntityTypes(searchText?: string): Observable<Array<EntityTypeInfo>> {
+    this.searchText = searchText;
+    let result = this.allEntityTypeList;
+    if (searchText && searchText.length) {
+      result = this.allEntityTypeList.filter((entityTypeInfo) => entityTypeInfo.name.toLowerCase().includes(searchText.toLowerCase()));
+    }
+    return of(result);
+  }
+
+  onFocus() {
+    if (this.dirty) {
+      this.entityTypeListFormGroup.get('entityType').updateValueAndValidity({onlySelf: true, emitEvent: true});
+      this.dirty = false;
+    }
+  }
+
+  clear(value: string = '') {
+    this.entityTypeInput.nativeElement.value = value;
+    this.entityTypeListFormGroup.get('entityType').patchValue(value, {emitEvent: true});
+    setTimeout(() => {
+      this.entityTypeInput.nativeElement.blur();
+      this.entityTypeInput.nativeElement.focus();
+    }, 0);
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/entity/entity-type-select.component.html b/ui-ngx/src/app/shared/components/entity/entity-type-select.component.html
new file mode 100644
index 0000000000..0fcf0f8948
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-type-select.component.html
@@ -0,0 +1,29 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field [formGroup]="entityTypeFormGroup">
+  <mat-label *ngIf="showLabel">{{ 'entity.type' | translate }}</mat-label>
+  <mat-select [required]="required"
+              class="tb-entity-type-select" matInput formControlName="entityType">
+    <mat-option *ngFor="let type of entityTypes" [value]="type">
+      {{ displayEntityTypeFn(type) }}
+    </mat-option>
+  </mat-select>
+  <mat-error *ngIf="entityTypeFormGroup.get('entityType').hasError('required')">
+    {{ 'entity.type-required' | translate }}
+  </mat-error>
+</mat-form-field>
diff --git a/ui-ngx/src/app/shared/components/entity/entity-type-select.component.scss b/ui-ngx/src/app/shared/components/entity/entity-type-select.component.scss
new file mode 100644
index 0000000000..ed875e81f5
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-type-select.component.scss
@@ -0,0 +1,27 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+}
+
+:host ::ng-deep {
+  .mat-form-field-infix {
+     width: 100%;
+  }
+  .mat-select-value {
+    max-width: 200px;
+    min-width: 100px;
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/entity/entity-type-select.component.ts b/ui-ngx/src/app/shared/components/entity/entity-type-select.component.ts
new file mode 100644
index 0000000000..6ea4a04f76
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/entity/entity-type-select.component.ts
@@ -0,0 +1,140 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {AfterViewInit, Component, forwardRef, Input, OnInit} from '@angular/core';
+import {ControlValueAccessor, FormBuilder, FormGroup, NG_VALUE_ACCESSOR} from '@angular/forms';
+import {Store} from '@ngrx/store';
+import {AppState} from '@app/core/core.state';
+import {TranslateService} from '@ngx-translate/core';
+import {AliasEntityType, EntityType, entityTypeTranslations} from '@app/shared/models/entity-type.models';
+import {EntityService} from '@core/http/entity.service';
+import {coerceBooleanProperty} from '@angular/cdk/coercion';
+
+@Component({
+  selector: 'tb-entity-type-select',
+  templateUrl: './entity-type-select.component.html',
+  styleUrls: ['./entity-type-select.component.scss'],
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => EntityTypeSelectComponent),
+    multi: true
+  }]
+})
+export class EntityTypeSelectComponent implements ControlValueAccessor, OnInit, AfterViewInit {
+
+  entityTypeFormGroup: FormGroup;
+
+  modelValue: EntityType | AliasEntityType | null;
+
+  @Input()
+  allowedEntityTypes: Array<EntityType | AliasEntityType>;
+
+  @Input()
+  useAliasEntityTypes: boolean;
+
+  private showLabelValue: boolean;
+  get showLabel(): boolean {
+    return this.showLabelValue;
+  }
+  @Input()
+  set showLabel(value: boolean) {
+    this.showLabelValue = coerceBooleanProperty(value);
+  }
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  entityTypes: Array<EntityType | AliasEntityType>;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              private entityService: EntityService,
+              public translate: TranslateService,
+              private fb: FormBuilder) {
+    this.entityTypeFormGroup = this.fb.group({
+      entityType: [null]
+    });
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+    this.entityTypes = this.entityService.prepareAllowedEntityTypesList(this.allowedEntityTypes, this.useAliasEntityTypes);
+    this.entityTypeFormGroup.get('entityType').valueChanges.subscribe(
+      (value) => {
+        let modelValue;
+        if (!value || value === '') {
+          modelValue = null;
+        } else {
+          modelValue = value;
+        }
+        this.updateView(modelValue);
+      }
+    );
+  }
+
+  ngAfterViewInit(): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (this.disabled) {
+      this.entityTypeFormGroup.disable();
+    } else {
+      this.entityTypeFormGroup.enable();
+    }
+  }
+
+  writeValue(value: EntityType | AliasEntityType | null): void {
+    if (value != null) {
+      this.modelValue = value;
+      this.entityTypeFormGroup.get('entityType').patchValue(value, {emitEvent: true});
+    } else {
+      this.modelValue = null;
+      this.entityTypeFormGroup.get('entityType').patchValue(null, {emitEvent: true});
+    }
+  }
+
+  updateView(value: EntityType | AliasEntityType | null) {
+    if (this.modelValue !== value) {
+      this.modelValue = value;
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  displayEntityTypeFn(entityType?: EntityType | AliasEntityType | null): string | undefined {
+    if (entityType) {
+      return this.translate.instant(entityTypeTranslations.get(entityType as EntityType).type);
+    } else {
+      return '';
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/fab-toolbar.component.html b/ui-ngx/src/app/shared/components/fab-toolbar.component.html
new file mode 100644
index 0000000000..67d4cb6536
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/fab-toolbar.component.html
@@ -0,0 +1,22 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="mat-fab-toolbar-wrapper">
+  <div class="mat-fab-toolbar-content">
+    <ng-content></ng-content>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/shared/components/fab-toolbar.component.scss b/ui-ngx/src/app/shared/components/fab-toolbar.component.scss
new file mode 100644
index 0000000000..e4b5732884
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/fab-toolbar.component.scss
@@ -0,0 +1,187 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+$font-size:   10px !default;
+@function rem($multiplier) {
+  @return $multiplier * $font-size;
+}
+
+$button-fab-width: rem(5.600) !default;
+$button-fab-height: rem(5.600) !default;
+$button-fab-padding: rem(1.60) !default;
+$icon-button-margin: rem(0.600) !default;
+$z-index-fab: 20 !default;
+
+$swift-ease-in-duration: 0.3s !default;
+$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;
+$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;
+
+@mixin rtl-prop($ltr-prop, $rtl-prop, $value, $reset-value) {
+  #{$ltr-prop}: $value;
+  [dir=rtl] & {
+    #{$ltr-prop}: $reset-value;
+    #{$rtl-prop}: $value;
+  }
+}
+
+@mixin fab-position($spot, $top: auto, $right: auto, $bottom: auto, $left: auto) {
+  &.mat-fab-#{$spot} {
+    top: $top;
+    right: $right;
+    bottom: $bottom;
+    left: $left;
+    position: absolute;
+  }
+}
+
+@mixin fab-all-positions() {
+  @include fab-position(bottom-right, auto, ($button-fab-width - $button-fab-padding)/2, ($button-fab-height - $button-fab-padding)/2, auto);
+  @include fab-position(bottom-left, auto, auto, ($button-fab-height - $button-fab-padding)/2, ($button-fab-width - $button-fab-padding)/2);
+  @include fab-position(top-right, ($button-fab-height - $button-fab-padding)/2, ($button-fab-width - $button-fab-padding)/2, auto, auto);
+  @include fab-position(top-left, ($button-fab-height - $button-fab-padding)/2, auto, auto, ($button-fab-width - $button-fab-padding)/2);
+}
+
+mat-fab-toolbar {
+  $icon-delay: 200ms;
+  @include fab-all-positions();
+  display: block;
+
+  .mat-fab-toolbar-wrapper {
+    display: block;
+    position: relative;
+    overflow: hidden;
+
+    height: $button-fab-width + ($icon-button-margin * 2);
+  }
+
+  mat-fab-trigger {
+    position: absolute;
+    z-index: $z-index-fab;
+
+    button {
+      overflow: visible !important;
+      opacity: .5;
+    }
+
+    .mat-fab-toolbar-background {
+      display: block;
+      position: absolute;
+      z-index: $z-index-fab + 1;
+      opacity: 1;
+    }
+
+    mat-icon {
+      position: relative;
+      z-index: $z-index-fab + 2;
+
+      opacity: 1;
+
+    }
+
+  }
+
+  &.mat-left {
+    mat-fab-trigger {
+      @include rtl-prop(right, left, 0, auto);
+    }
+
+    .mat-toolbar-tools {
+      flex-direction: row-reverse;
+
+      > .mat-button:first-child {
+        @include rtl-prop(margin-right, margin-left, 0.6rem, auto)
+      }
+
+      > .mat-button:first-child {
+        @include rtl-prop(margin-left, margin-right, -0.8rem, auto);
+      }
+
+
+      > .mat-button:last-child {
+        @include rtl-prop(margin-right, margin-left, 8px, auto);
+      }
+
+    }
+  }
+
+  &.mat-right {
+    mat-fab-trigger {
+      @include rtl-prop(left, right, 0, auto);
+    }
+
+    .mat-toolbar-tools {
+      flex-direction: row;
+    }
+  }
+
+  mat-toolbar {
+    padding: 0 !important;
+    background-color: transparent !important;
+    pointer-events: none;
+    position: relative;
+    z-index: $z-index-fab + 3;
+
+    .mat-toolbar-tools {
+      padding: 0 20px !important;
+      margin-top: 3px;
+    }
+
+    .mat-fab-action-item {
+      opacity: 0;
+      transform: scale(0);
+    }
+  }
+
+  &.mat-is-open {
+    mat-fab-trigger > button {
+      box-shadow: none;
+      opacity: 1;
+
+      mat-icon {
+        opacity: 0;
+      }
+    }
+
+    .mat-fab-action-item {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  &.mat-animation {
+    mat-fab-trigger {
+      button {
+        transition: opacity .3s cubic-bezier(.55, 0, .55, .2) .2s;
+      }
+      .mat-fab-toolbar-background {
+        transition: $swift-ease-in;
+      }
+      mat-icon {
+        transition: all $icon-delay ease-in;
+      }
+    }
+    mat-toolbar {
+      .mat-fab-action-item {
+        transition: $swift-ease-in;
+        transition-duration: $swift-ease-in-duration / 2;
+      }
+    }
+    &.mat-is-open {
+      mat-fab-trigger > button {
+        transition: opacity .3s cubic-bezier(.55, 0, .55, .2);
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/fab-toolbar.component.ts b/ui-ngx/src/app/shared/components/fab-toolbar.component.ts
new file mode 100644
index 0000000000..76436d6909
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/fab-toolbar.component.ts
@@ -0,0 +1,192 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  Component,
+  ElementRef,
+  Input,
+  OnChanges,
+  OnInit,
+  Renderer2,
+  ViewEncapsulation,
+  SimpleChanges,
+  Inject, AfterViewInit, AfterViewChecked, Directive, OnDestroy
+} from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { WINDOW } from '@core/services/window.service';
+import { mixinColor, CanColorCtor } from '@angular/material/core';
+
+export declare type FabToolbarDirection = 'left' | 'right';
+
+class MatFabToolbarBase {
+  // tslint:disable-next-line:variable-name
+  constructor(public _elementRef: ElementRef) {}
+}
+const MatFabToolbarMixinBase: CanColorCtor & typeof MatFabToolbarBase = mixinColor(MatFabToolbarBase);
+
+@Directive({
+  // tslint:disable-next-line:directive-selector
+  selector: 'mat-fab-trigger'
+})
+export class FabTriggerDirective {
+
+  constructor(private el: ElementRef<HTMLElement>) {
+  }
+
+}
+
+@Directive({
+  // tslint:disable-next-line:directive-selector
+  selector: 'mat-fab-actions'
+})
+export class FabActionsDirective implements OnInit {
+
+  constructor(private el: ElementRef<HTMLElement>) {
+  }
+
+  ngOnInit(): void {
+    const element = $(this.el.nativeElement);
+    const children = element.children();
+    children.wrap('<div class="mat-fab-action-item">');
+  }
+
+}
+
+// @dynamic
+@Component({
+  // tslint:disable-next-line:component-selector
+  selector: 'mat-fab-toolbar',
+  templateUrl: './fab-toolbar.component.html',
+  styleUrls: ['./fab-toolbar.component.scss'],
+  inputs: ['color'],
+  encapsulation: ViewEncapsulation.None
+})
+export class FabToolbarComponent extends MatFabToolbarMixinBase implements OnInit, OnDestroy, AfterViewInit, OnChanges {
+
+  @Input()
+  isOpen: boolean;
+
+  @Input()
+  direction: FabToolbarDirection;
+
+  fabToolbarResizeListener = this.onFabToolbarResize.bind(this);
+
+  constructor(private el: ElementRef<HTMLElement>,
+              @Inject(WINDOW) private window: Window) {
+    super(el);
+  }
+
+  ngOnInit(): void {
+    const element = $(this.el.nativeElement);
+    element.addClass('mat-fab-toolbar');
+    element.find('mat-fab-trigger').find('button')
+      .prepend('<div class="mat-fab-toolbar-background"></div>');
+    element.addClass(`mat-${this.direction}`);
+    // @ts-ignore
+    addResizeListener(this.el.nativeElement, this.fabToolbarResizeListener);
+  }
+
+  ngOnDestroy(): void {
+    // @ts-ignore
+    removeResizeListener(this.el.nativeElement, this.fabToolbarResizeListener);
+  }
+
+  ngAfterViewInit(): void {
+    this.triggerOpenClose(true);
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (!change.firstChange && change.currentValue !== change.previousValue) {
+        if (propName === 'isOpen') {
+          this.triggerOpenClose();
+        }
+      }
+    }
+  }
+
+  private onFabToolbarResize() {
+    if (this.isOpen) {
+      this.triggerOpenClose(true);
+    }
+  }
+
+  private triggerOpenClose(disableAnimation?: boolean): void {
+    const el = this.el.nativeElement;
+    const element = $(this.el.nativeElement);
+    if (disableAnimation) {
+      element.removeClass('mat-animation');
+    } else {
+      element.addClass('mat-animation');
+    }
+    const backgroundElement: HTMLElement = el.querySelector('.mat-fab-toolbar-background');
+    const triggerElement: HTMLElement = el.querySelector('mat-fab-trigger button');
+    const toolbarElement: HTMLElement = el.querySelector('mat-toolbar');
+    const iconElement: HTMLElement = el.querySelector('mat-fab-trigger button mat-icon');
+    const actions = element.find('mat-fab-actions').children();
+    if (triggerElement && backgroundElement) {
+      const width = el.offsetWidth;
+      const height = el.offsetHeight;
+      const scale = 2 * (width / triggerElement.offsetWidth);
+
+      backgroundElement.style.borderRadius = width + 'px';
+
+      if (this.isOpen) {
+        element.addClass('mat-is-open');
+        toolbarElement.style.pointerEvents = 'inherit';
+
+        backgroundElement.style.width = triggerElement.offsetWidth + 'px';
+        backgroundElement.style.height = triggerElement.offsetHeight + 'px';
+        backgroundElement.style.transform = 'scale(' + scale + ')';
+
+        backgroundElement.style.transitionDelay = '0ms';
+        if (iconElement) {
+          iconElement.style.transitionDelay = disableAnimation ? '0ms' : '.3s';
+        }
+
+        actions.each((index, action) => {
+          action.style.transitionDelay = disableAnimation ? '0ms' : ((actions.length - index) * 25 + 'ms');
+        });
+
+      } else {
+        element.removeClass('mat-is-open');
+        toolbarElement.style.pointerEvents = 'none';
+
+        backgroundElement.style.transform = 'scale(1)';
+
+        backgroundElement.style.top = '0';
+
+        if (element.hasClass('mat-right')) {
+          backgroundElement.style.left = '0';
+          backgroundElement.style.right = null;
+        }
+
+        if (element.hasClass('mat-left')) {
+          backgroundElement.style.right = '0';
+          backgroundElement.style.left = null;
+        }
+
+        backgroundElement.style.transitionDelay = disableAnimation ? '0ms' : '200ms';
+
+        actions.each((index, action) => {
+          action.style.transitionDelay = (disableAnimation ? 0 : 200) + (index * 25) + 'ms';
+        });
+      }
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/file-input.component.html b/ui-ngx/src/app/shared/components/file-input.component.html
new file mode 100644
index 0000000000..52a4a38562
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/file-input.component.html
@@ -0,0 +1,46 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-container">
+  <label class="tb-title">{{ label }}</label>
+  <ng-container #flow="flow"
+                [flowConfig]="{singleFile: true, allowDuplicateUploads: true}">
+    <div class="tb-file-select-container">
+      <div class="tb-file-clear-container">
+        <button mat-button mat-icon-button color="primary"
+                type="button"
+                (click)="clearFile()"
+                class="tb-file-clear-btn"
+                matTooltip="{{ 'action.remove' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>close</mat-icon>
+        </button>
+      </div>
+      <div class="drop-area tb-flow-drop"
+           flowDrop
+           [flow]="flow.flowJs">
+        <label for="{{inputId}}">{{ dropLabel }}</label>
+        <input class="file-input" flowButton type="file" [flow]="flow.flowJs" [flowAttributes]="{accept: accept}" id="{{inputId}}">
+      </div>
+    </div>
+  </ng-container>
+</div>
+<div>
+  <tb-error *ngIf="!fileName && required && requiredAsError" error="{{ noFileText | translate }}"></tb-error>
+  <div *ngIf="!fileName && !requiredAsError" translate>{{ noFileText }}</div>
+  <div *ngIf="fileName">{{ fileName }}</div>
+</div>
diff --git a/ui-ngx/src/app/shared/components/file-input.component.scss b/ui-ngx/src/app/shared/components/file-input.component.scss
new file mode 100644
index 0000000000..c3ab44b653
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/file-input.component.scss
@@ -0,0 +1,80 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import "../../../scss/constants";
+
+$previewSize: 100px !default;
+
+:host {
+
+  .tb-container {
+    margin-top: 0px;
+    label.tb-title {
+      display: block;
+      padding-bottom: 8px;
+    }
+  }
+
+  .tb-file-select-container {
+    position: relative;
+    width: 100%;
+    height: $previewSize;
+  }
+
+  .tb-file-preview {
+    width: auto;
+    max-width: $previewSize;
+    height: auto;
+    max-height: $previewSize;
+  }
+
+  .tb-file-clear-container {
+    position: relative;
+    float: right;
+    width: 48px;
+    height: $previewSize;
+  }
+
+  .tb-file-clear-btn {
+    position: absolute !important;
+    top: 50%;
+    transform: translate(0%, -50%) !important;
+  }
+
+  .file-input {
+    display: none;
+  }
+
+  .tb-flow-drop {
+    position: relative;
+    height: $previewSize;
+    overflow: hidden;
+    border: dashed 2px;
+
+    label {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      font-size: 16px;
+      text-align: center;
+
+      @media #{$mat-gt-sm} {
+        font-size: 24px;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/file-input.component.ts b/ui-ngx/src/app/shared/components/file-input.component.ts
new file mode 100644
index 0000000000..b305aa509e
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/file-input.component.ts
@@ -0,0 +1,198 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  AfterViewInit,
+  Component,
+  EventEmitter,
+  forwardRef,
+  Input,
+  OnChanges,
+  OnDestroy,
+  Output, SimpleChanges,
+  ViewChild
+} from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Subscription } from 'rxjs';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { FlowDirective } from '@flowjs/ngx-flow';
+import { TranslateService } from '@ngx-translate/core';
+
+@Component({
+  selector: 'tb-file-input',
+  templateUrl: './file-input.component.html',
+  styleUrls: ['./file-input.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => FileInputComponent),
+      multi: true
+    }
+  ]
+})
+export class FileInputComponent extends PageComponent implements AfterViewInit, OnDestroy, ControlValueAccessor, OnChanges {
+
+  @Input()
+  label: string;
+
+  @Input()
+  accept = '*/*';
+
+  @Input()
+  noFileText = 'import.no-file';
+
+  @Input()
+  inputId = 'select';
+
+  @Input()
+  allowedExtensions: string;
+
+  @Input()
+  dropLabel: string;
+
+  @Input()
+  contentConvertFunction: (content: string) => any;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    const newVal = coerceBooleanProperty(value);
+    if (this.requiredValue !== newVal) {
+      this.requiredValue = newVal;
+    }
+  }
+
+  private requiredAsErrorValue: boolean;
+  get requiredAsError(): boolean {
+    return this.requiredAsErrorValue;
+  }
+  @Input()
+  set requiredAsError(value: boolean) {
+    const newVal = coerceBooleanProperty(value);
+    if (this.requiredAsErrorValue !== newVal) {
+      this.requiredAsErrorValue = newVal;
+    }
+  }
+
+  @Input()
+  disabled: boolean;
+
+  @Input()
+  existingFileName: string;
+
+  @Output()
+  fileNameChanged = new EventEmitter<string>();
+
+  fileName: string;
+  fileContent: any;
+
+  @ViewChild('flow', {static: true})
+  flow: FlowDirective;
+
+  autoUploadSubscription: Subscription;
+
+  private propagateChange = null;
+
+  constructor(protected store: Store<AppState>,
+              public translate: TranslateService) {
+    super(store);
+  }
+
+  ngAfterViewInit() {
+    this.autoUploadSubscription = this.flow.events$.subscribe(event => {
+      if (event.type === 'fileAdded') {
+        const file = event.event[0] as flowjs.FlowFile;
+        if (this.filterFile(file)) {
+          const reader = new FileReader();
+          reader.onload = (loadEvent) => {
+            if (typeof reader.result === 'string') {
+              const fileContent = reader.result;
+              if (fileContent && fileContent.length > 0) {
+                if (this.contentConvertFunction) {
+                  this.fileContent = this.contentConvertFunction(fileContent);
+                } else {
+                  this.fileContent = fileContent;
+                }
+                if (this.fileContent) {
+                  this.fileName = file.name;
+                } else {
+                  this.fileName = null;
+                }
+                this.updateModel();
+              }
+            }
+          };
+          reader.readAsText(file.file);
+        }
+      }
+    });
+  }
+
+  private filterFile(file: flowjs.FlowFile): boolean {
+    if (this.allowedExtensions) {
+      return this.allowedExtensions.split(',').indexOf(file.getExtension()) > -1;
+    } else {
+      return true;
+    }
+  }
+
+  ngOnDestroy() {
+    this.autoUploadSubscription.unsubscribe();
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(value: any): void {
+    this.fileName = this.existingFileName || null;
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (change.currentValue !== change.previousValue) {
+        if (propName === 'existingFileName') {
+          this.fileName = this.existingFileName || null;
+        }
+      }
+    }
+  }
+
+  private updateModel() {
+    this.propagateChange(this.fileContent);
+    this.fileNameChanged.emit(this.fileName);
+  }
+
+  clearFile() {
+    this.fileName = null;
+    this.fileContent = null;
+    this.updateModel();
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/footer-fab-buttons.component.html b/ui-ngx/src/app/shared/components/footer-fab-buttons.component.html
new file mode 100644
index 0000000000..34872229c7
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/footer-fab-buttons.component.html
@@ -0,0 +1,39 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<section fxLayout="row" class="layout-wrap tb-footer-fab-buttons" [ngClass]="{'relative-buttons': relative}">
+  <div class="fab-container">
+    <button [disabled]="isLoading$ | async"
+            mat-fab class="fab-toggler tb-btn-footer"
+            color="accent"
+            matTooltip="{{ footerFabButtons.fabTogglerName | translate }}"
+            matTooltipPosition="above"
+            (click)="onToggleFab()">
+      <mat-icon [@fabToggler]="{value: fabTogglerState}">{{ footerFabButtons.fabTogglerIcon }}</mat-icon>
+    </button>
+    <div [@speedDialStagger]="buttons.length">
+      <button *ngFor="let btn of buttons"
+              mat-fab
+              color="accent"
+        matTooltip="{{ btn.name | translate }}"
+        matTooltipPosition="above"
+        (click)="btn.onAction($event)">
+        <mat-icon>{{btn.icon}}</mat-icon>
+      </button>
+    </div>
+  </div>
+</section>
diff --git a/ui-ngx/src/app/shared/components/footer-fab-buttons.component.scss b/ui-ngx/src/app/shared/components/footer-fab-buttons.component.scss
new file mode 100644
index 0000000000..916141aced
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/footer-fab-buttons.component.scss
@@ -0,0 +1,54 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  section.tb-footer-fab-buttons {
+    &:not(.relative-buttons) {
+      position: fixed;
+      right: 20px;
+      bottom: 20px;
+      z-index: 30;
+      pointer-events: none;
+    }
+
+    .fab-container {
+      display: flex;
+      flex-direction: column-reverse;
+      align-items: center;
+      > div {
+        display: flex;
+        flex-direction: column-reverse;
+        align-items: center;
+
+        button {
+          margin-bottom: 17px;
+        }
+      }
+    }
+
+    .tb-btn-footer {
+      &.fab-toggler {
+        margin-top: 0px;
+      }
+      position: relative !important;
+      display: inline-block !important;
+      animation: tbMoveFromBottomFade .3s ease both;
+
+      &.tb-hide {
+        animation: tbMoveToBottomFade .3s ease both;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/footer-fab-buttons.component.ts b/ui-ngx/src/app/shared/components/footer-fab-buttons.component.ts
new file mode 100644
index 0000000000..c67ef019ab
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/footer-fab-buttons.component.ts
@@ -0,0 +1,95 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, HostListener, Input } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { speedDialFabAnimations } from '@shared/animations/speed-dial-fab.animations';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+
+export interface FooterFabButton {
+  name: string;
+  icon: string;
+  onAction: ($event: Event) => void;
+}
+
+export interface FooterFabButtons {
+  fabTogglerName: string;
+  fabTogglerIcon: string;
+  buttons: Array<FooterFabButton>;
+}
+
+@Component({
+  selector: 'tb-footer-fab-buttons',
+  templateUrl: './footer-fab-buttons.component.html',
+  styleUrls: ['./footer-fab-buttons.component.scss'],
+  animations: speedDialFabAnimations
+})
+export class FooterFabButtonsComponent extends PageComponent {
+
+  @Input()
+  footerFabButtons: FooterFabButtons;
+
+  private relativeValue: boolean;
+  get relative(): boolean {
+    return this.relativeValue;
+  }
+  @Input()
+  set relative(value: boolean) {
+    this.relativeValue = coerceBooleanProperty(value);
+  }
+
+  buttons: Array<FooterFabButton> = [];
+  fabTogglerState = 'inactive';
+
+  closeTimeout = null;
+
+  @HostListener('focusout', ['$event'])
+  onFocusOut($event) {
+    if (!this.closeTimeout) {
+      this.closeTimeout = setTimeout(() => {
+        this.hideItems();
+      }, 100);
+    }
+  }
+
+  @HostListener('focusin', ['$event'])
+  onFocusIn($event) {
+    if (this.closeTimeout) {
+      clearTimeout(this.closeTimeout);
+      this.closeTimeout = null;
+    }
+  }
+
+  constructor(protected store: Store<AppState>) {
+    super(store);
+  }
+
+  showItems() {
+    this.fabTogglerState = 'active';
+    this.buttons = this.footerFabButtons.buttons;
+  }
+
+  hideItems() {
+    this.fabTogglerState = 'inactive';
+    this.buttons = [];
+  }
+
+  onToggleFab() {
+    this.buttons.length ? this.hideItems() : this.showItems();
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/footer.component.html b/ui-ngx/src/app/shared/components/footer.component.html
new file mode 100644
index 0000000000..e26f858a5d
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/footer.component.html
@@ -0,0 +1,20 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<section class="footer-text">
+  <small>Copyright © {{year}} The ThingsBoard Authors</small>
+</section>
diff --git a/ui-ngx/src/app/shared/components/footer.component.scss b/ui-ngx/src/app/shared/components/footer.component.scss
new file mode 100644
index 0000000000..9bb2f2cbbe
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/footer.component.scss
@@ -0,0 +1,28 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.footer-text {
+  position: absolute;
+  width: 100%;
+  bottom: 20px;
+  margin: 0;
+  left: 0;
+  line-height: 20px;
+  text-align: center;
+  small {
+    font-size: 14px;
+    color: #98a6ad;
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/footer.component.ts b/ui-ngx/src/app/shared/components/footer.component.ts
new file mode 100644
index 0000000000..5fdf70e91e
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/footer.component.ts
@@ -0,0 +1,28 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'tb-footer',
+  templateUrl: './footer.component.html',
+  styleUrls: ['./footer.component.scss']
+})
+export class FooterComponent {
+
+  year = new Date().getFullYear();
+
+}
diff --git a/ui-ngx/src/app/shared/components/fullscreen.directive.ts b/ui-ngx/src/app/shared/components/fullscreen.directive.ts
new file mode 100644
index 0000000000..8768e70d85
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/fullscreen.directive.ts
@@ -0,0 +1,123 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  Directive,
+  ElementRef,
+  EventEmitter,
+  Input, OnChanges, OnDestroy,
+  Output, SimpleChanges,
+  ViewContainerRef
+} from '@angular/core';
+import { Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { TbAnchorComponent } from '@shared/components/tb-anchor.component';
+
+@Directive({
+  selector: '[tb-fullscreen]'
+})
+export class FullscreenDirective implements OnChanges, OnDestroy {
+
+  fullscreenValue = false;
+
+  private overlayRef: OverlayRef;
+  private parentElement: HTMLElement;
+
+  @Input()
+  fullscreen: boolean;
+
+  @Input()
+  fullscreenElement: HTMLElement;
+
+  @Output()
+  fullscreenChanged = new EventEmitter<boolean>();
+
+  constructor(public elementRef: ElementRef,
+              private viewContainerRef: ViewContainerRef,
+              private overlay: Overlay) {
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    let updateFullscreen = false;
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (!change.firstChange && change.currentValue !== change.previousValue) {
+        if (propName === 'fullscreen') {
+          updateFullscreen = true;
+        }
+      }
+    }
+    if (updateFullscreen) {
+      if (this.fullscreen) {
+        this.enterFullscreen();
+      } else {
+        this.exitFullscreen();
+      }
+    }
+  }
+
+  ngOnDestroy(): void {
+    if (this.fullscreen) {
+      this.exitFullscreen();
+    }
+  }
+
+  enterFullscreen() {
+    const targetElement: HTMLElement = this.fullscreenElement || this.elementRef.nativeElement;
+    this.parentElement = targetElement.parentElement;
+    this.parentElement.removeChild(targetElement);
+    targetElement.classList.add('tb-fullscreen');
+    const position = this.overlay.position();
+    const config = new OverlayConfig({
+      hasBackdrop: false,
+      panelClass: 'tb-fullscreen-parent'
+    });
+    config.minWidth = '100%';
+    config.minHeight = '100%';
+    config.positionStrategy = position.global().top('0%').left('0%')
+      .right('0%').bottom('0%');
+
+    this.overlayRef = this.overlay.create(config);
+    this.overlayRef.attach(new EmptyPortal());
+    this.overlayRef.overlayElement.appendChild( targetElement );
+    this.fullscreenChanged.emit(true);
+  }
+
+  exitFullscreen() {
+    const targetElement: HTMLElement = this.fullscreenElement || this.elementRef.nativeElement;
+    if (this.parentElement) {
+      this.overlayRef.overlayElement.removeChild( targetElement );
+      this.parentElement.appendChild(targetElement);
+      this.parentElement = null;
+    }
+    targetElement.classList.remove('tb-fullscreen');
+    if (this.elementRef) {
+      this.elementRef.nativeElement.classList.remove('tb-fullscreen');
+    }
+    if (this.overlayRef) {
+      this.overlayRef.dispose();
+    }
+    this.fullscreenChanged.emit(false);
+  }
+}
+
+class EmptyPortal extends ComponentPortal<TbAnchorComponent> {
+
+  constructor() {
+    super(TbAnchorComponent);
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/help.component.html b/ui-ngx/src/app/shared/components/help.component.html
new file mode 100644
index 0000000000..15dacc7761
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/help.component.html
@@ -0,0 +1,24 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<button color="primary" mat-button mat-icon-button
+        type="button"
+        (click)="gotoHelpPage()"
+        matTooltip="{{'help.goto-help-page' | translate}}"
+        matTooltipPosition="above">
+  <mat-icon class="material-icons">help</mat-icon>
+</button>
diff --git a/ui-ngx/src/app/shared/components/help.component.ts b/ui-ngx/src/app/shared/components/help.component.ts
new file mode 100644
index 0000000000..6321563767
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/help.component.ts
@@ -0,0 +1,41 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Input } from '@angular/core';
+import { HelpLinks } from '@shared/models/constants';
+
+@Component({
+  // tslint:disable-next-line:component-selector
+  selector: '[tb-help]',
+  templateUrl: './help.component.html'
+})
+export class HelpComponent {
+
+  // tslint:disable-next-line:no-input-rename
+  @Input('tb-help') helpLinkId: string;
+
+  gotoHelpPage(): void {
+    let helpUrl = HelpLinks.linksMap[this.helpLinkId];
+    if (!helpUrl && this.helpLinkId &&
+      (this.helpLinkId.startsWith('http://') || this.helpLinkId.startsWith('https://'))) {
+      helpUrl = this.helpLinkId;
+    }
+    if (helpUrl) {
+      window.open(helpUrl, '_blank');
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/hotkeys.directive.ts b/ui-ngx/src/app/shared/components/hotkeys.directive.ts
new file mode 100644
index 0000000000..f67d56280e
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/hotkeys.directive.ts
@@ -0,0 +1,87 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Directive, Input, OnInit, OnDestroy, ElementRef} from '@angular/core';
+import {Hotkey, ExtendedKeyboardEvent} from 'angular2-hotkeys';
+import 'mousetrap';
+import { TbCheatSheetComponent } from '@shared/components/cheatsheet.component';
+
+@Directive({
+  selector : '[tb-hotkeys]'
+})
+export class TbHotkeysDirective implements OnInit, OnDestroy {
+  @Input() hotkeys: Hotkey[] = [];
+  @Input() cheatSheet: TbCheatSheetComponent;
+
+  private mousetrap: MousetrapInstance;
+  private hotkeysList: Hotkey[] = [];
+
+  private preventIn = ['INPUT', 'SELECT', 'TEXTAREA'];
+
+  constructor(private elementRef: ElementRef) {
+    this.mousetrap = new Mousetrap(this.elementRef.nativeElement);
+    (this.elementRef.nativeElement as HTMLElement).tabIndex = -1;
+    (this.elementRef.nativeElement as HTMLElement).style.outline = '0';
+  }
+
+  ngOnInit() {
+    for (const hotkey of this.hotkeys) {
+      this.hotkeysList.push(hotkey);
+      this.bindEvent(hotkey);
+    }
+    if (this.cheatSheet) {
+      const hotkeyObj: Hotkey = new Hotkey(
+        '?',
+        (event: KeyboardEvent) => {
+          this.cheatSheet.toggleCheatSheet();
+          return false;
+        },
+        [],
+        'Show / hide this help menu',
+      );
+      this.hotkeysList.unshift(hotkeyObj);
+      this.bindEvent(hotkeyObj);
+      this.cheatSheet.setHotKeys(this.hotkeysList);
+    }
+  }
+
+  private bindEvent(hotkey: Hotkey): void {
+    this.mousetrap.bind((hotkey as Hotkey).combo, (event: KeyboardEvent, combo: string) => {
+      let shouldExecute = true;
+      if (event) {
+        const target: HTMLElement = (event.target || event.srcElement) as HTMLElement;
+        const nodeName: string = target.nodeName.toUpperCase();
+        if ((' ' + target.className + ' ').indexOf(' mousetrap ') > -1) {
+          shouldExecute = true;
+        } else if (this.preventIn.indexOf(nodeName) > -1 && (hotkey as Hotkey).
+                   allowIn.map(allow => allow.toUpperCase()).indexOf(nodeName) === -1) {
+          shouldExecute = false;
+        }
+      }
+
+      if (shouldExecute) {
+        return (hotkey as Hotkey).callback.apply(this, [event, combo]);
+      }
+    });
+  }
+
+  ngOnDestroy() {
+    for (const hotkey of this.hotkeysList) {
+      this.mousetrap.unbind(hotkey.combo);
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/image-input.component.html b/ui-ngx/src/app/shared/components/image-input.component.html
new file mode 100644
index 0000000000..8c599ab044
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/image-input.component.html
@@ -0,0 +1,45 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-container">
+  <label class="tb-title">{{label}}</label>
+  <ng-container #flow="flow"
+                [flowConfig]="{singleFile: true, allowDuplicateUploads: true}">
+    <div class="tb-image-select-container">
+      <div class="tb-image-preview-container">
+        <div *ngIf="!safeImageUrl" translate>dashboard.no-image</div>
+        <img *ngIf="safeImageUrl" class="tb-image-preview" [src]="safeImageUrl" />
+      </div>
+      <div class="tb-image-clear-container">
+        <button mat-button mat-icon-button color="primary"
+                type="button"
+                (click)="clearImage()"
+                class="tb-image-clear-btn"
+                matTooltip="{{ 'action.remove' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon>close</mat-icon>
+        </button>
+      </div>
+      <div class="drop-area tb-flow-drop"
+           flowDrop
+           [flow]="flow.flowJs">
+        <label for="select" translate>dashboard.drop-image</label>
+        <input class="file-input" flowButton type="file" [flow]="flow.flowJs" [flowAttributes]="{accept: 'image/*'}" id="select">
+      </div>
+    </div>
+  </ng-container>
+</div>
diff --git a/ui-ngx/src/app/shared/components/image-input.component.scss b/ui-ngx/src/app/shared/components/image-input.component.scss
new file mode 100644
index 0000000000..83e67510ca
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/image-input.component.scss
@@ -0,0 +1,104 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import "../../../scss/constants";
+
+$previewSize: 100px !default;
+
+:host {
+
+  .tb-container {
+    margin-top: 0px;
+    label.tb-title {
+      display: block;
+      padding-bottom: 8px;
+    }
+  }
+
+  .tb-image-select-container {
+    position: relative;
+    width: 100%;
+    height: $previewSize;
+  }
+
+  .tb-image-preview {
+    width: auto;
+    max-width: $previewSize;
+    height: auto;
+    max-height: $previewSize;
+  }
+
+  .tb-image-preview-container {
+    position: relative;
+    float: left;
+    width: $previewSize;
+    height: $previewSize;
+    margin-right: 12px;
+    vertical-align: top;
+    border: solid 1px;
+
+    div {
+      width: 100%;
+      font-size: 18px;
+      text-align: center;
+    }
+
+    div,
+    .tb-image-preview {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+  }
+
+  .tb-image-clear-container {
+    position: relative;
+    float: right;
+    width: 48px;
+    height: $previewSize;
+  }
+
+  .tb-image-clear-btn {
+    position: absolute !important;
+    top: 50%;
+    transform: translate(0%, -50%) !important;
+  }
+
+  .file-input {
+    display: none;
+  }
+
+  .tb-flow-drop {
+    position: relative;
+    height: $previewSize;
+    overflow: hidden;
+    border: dashed 2px;
+
+    label {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      font-size: 16px;
+      text-align: center;
+
+      @media #{$mat-gt-sm} {
+        font-size: 24px;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/image-input.component.ts b/ui-ngx/src/app/shared/components/image-input.component.ts
new file mode 100644
index 0000000000..b069903654
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/image-input.component.ts
@@ -0,0 +1,143 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, ElementRef, forwardRef, Input, OnInit, ViewChild, AfterViewInit, OnDestroy } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { DataKey, DatasourceType } from '@shared/models/widget.models';
+import {
+  ControlValueAccessor,
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  NG_VALIDATORS,
+  NG_VALUE_ACCESSOR,
+  Validator,
+  Validators
+} from '@angular/forms';
+import { UtilsService } from '@core/services/utils.service';
+import { TranslateService } from '@ngx-translate/core';
+import { MatDialog } from '@angular/material/dialog';
+import { EntityService } from '@core/http/entity.service';
+import { DataKeysCallbacks } from '@home/components/widget/data-keys.component.models';
+import { DataKeyType } from '@shared/models/telemetry/telemetry.models';
+import { Observable, of, Subscription } from 'rxjs';
+import { map, mergeMap, tap } from 'rxjs/operators';
+import { alarmFields } from '@shared/models/alarm.models';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { DialogService } from '@core/services/dialog.service';
+import { FlowDirective } from '@flowjs/ngx-flow';
+import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
+
+@Component({
+  selector: 'tb-image-input',
+  templateUrl: './image-input.component.html',
+  styleUrls: ['./image-input.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => ImageInputComponent),
+      multi: true
+    }
+  ]
+})
+export class ImageInputComponent extends PageComponent implements AfterViewInit, OnDestroy, ControlValueAccessor {
+
+  @Input()
+  label: string;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    const newVal = coerceBooleanProperty(value);
+    if (this.requiredValue !== newVal) {
+      this.requiredValue = newVal;
+    }
+  }
+
+  @Input()
+  disabled: boolean;
+
+  imageUrl: string;
+  safeImageUrl: SafeUrl;
+
+  @ViewChild('flow', {static: true})
+  flow: FlowDirective;
+
+  autoUploadSubscription: Subscription;
+
+  private propagateChange = null;
+
+  constructor(protected store: Store<AppState>,
+              private sanitizer: DomSanitizer) {
+    super(store);
+  }
+
+  ngAfterViewInit() {
+    this.autoUploadSubscription = this.flow.events$.subscribe(event => {
+      if (event.type === 'fileAdded') {
+        const file = (event.event[0] as flowjs.FlowFile).file;
+        const reader = new FileReader();
+        reader.onload = (loadEvent) => {
+          if (typeof reader.result === 'string' && reader.result.startsWith('data:image/')) {
+            this.imageUrl = reader.result;
+            this.safeImageUrl = this.sanitizer.bypassSecurityTrustUrl(this.imageUrl);
+            this.updateModel();
+          }
+        };
+        reader.readAsDataURL(file);
+      }
+    });
+  }
+
+  ngOnDestroy() {
+    this.autoUploadSubscription.unsubscribe();
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(value: string): void {
+    this.imageUrl = value;
+    if (this.imageUrl) {
+      this.safeImageUrl = this.sanitizer.bypassSecurityTrustUrl(this.imageUrl);
+    } else {
+      this.safeImageUrl = null;
+    }
+  }
+
+  private updateModel() {
+    this.propagateChange(this.imageUrl);
+  }
+
+  clearImage() {
+    this.imageUrl = null;
+    this.safeImageUrl = null;
+    this.updateModel();
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/js-func.component.html b/ui-ngx/src/app/shared/components/js-func.component.html
new file mode 100644
index 0000000000..39ff2846cd
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/js-func.component.html
@@ -0,0 +1,40 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-js-func" style="background: #fff;" [ngClass]="{'tb-disabled': disabled, 'fill-height': fillHeight}"
+     tb-fullscreen
+     [fullscreen]="fullscreen" fxLayout="column">
+  <div fxLayout="row" fxLayoutAlign="start center" style="height: 40px;" class="tb-js-func-toolbar">
+    <label class="tb-title no-padding">{{'function ' + (functionName ? functionName : '') + '(' + functionArgsString + ') {'}}</label>
+    <span fxFlex></span>
+    <button type='button' *ngIf="!disabled" mat-button class="tidy" (click)="beautifyJs()">
+      {{'js-func.tidy' | translate }}
+    </button>
+    <button type='button' mat-button mat-icon-button (click)="fullscreen = !fullscreen"
+            class="tb-mat-32"
+            matTooltip="{{(fullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
+            matTooltipPosition="above">
+      <mat-icon class="material-icons">{{ fullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+    </button>
+  </div>
+  <div id="tb-javascript-panel" class="tb-js-func-panel" fxLayout="column" tb-toast toastTarget="jsFuncEditor">
+    <div #javascriptEditor id="tb-javascript-input" [ngClass]="{'fill-height': fillHeight}"></div>
+  </div>
+  <div fxLayout="row" fxLayoutAlign="start center" style="height: 40px;">
+    <label class="tb-title no-padding">}</label>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/shared/components/js-func.component.scss b/ui-ngx/src/app/shared/components/js-func.component.scss
new file mode 100644
index 0000000000..88136167b2
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/js-func.component.scss
@@ -0,0 +1,60 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.tb-js-func {
+  position: relative;
+
+  &.tb-disabled {
+    color: rgba(0, 0, 0, .38);
+  }
+
+  &.fill-height {
+    height: 100%;
+  }
+
+  .tb-js-func-panel {
+    height: calc(100% - 80px);
+    margin-left: 15px;
+    border: 1px solid #c0c0c0;
+
+    #tb-javascript-input {
+      width: 100%;
+      min-width: 200px;
+      height: 100%;
+
+      &:not(.fill-height) {
+        min-height: 200px;
+      }
+    }
+  }
+
+  .tb-js-func-toolbar {
+    button.mat-button, button.mat-icon-button, button.mat-icon-button.tb-mat-32 {
+      align-items: center;
+      vertical-align: middle;
+      min-width: 32px;
+      min-height: 15px;
+      padding: 4px;
+      margin: 0;
+      font-size: .8rem;
+      line-height: 15px;
+      color: #7b7b7b;
+      background: rgba(220, 220, 220, .35);
+      &:not(:last-child) {
+        margin-right: 4px;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/js-func.component.ts b/ui-ngx/src/app/shared/components/js-func.component.ts
new file mode 100644
index 0000000000..e0e176efd9
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/js-func.component.ts
@@ -0,0 +1,336 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  ChangeDetectionStrategy,
+  Component,
+  ElementRef,
+  forwardRef,
+  Input, OnDestroy,
+  OnInit,
+  ViewChild,
+  ViewEncapsulation
+} from '@angular/core';
+import { ControlValueAccessor, FormControl, NG_VALIDATORS, NG_VALUE_ACCESSOR, Validator } from '@angular/forms';
+import * as ace from 'ace-builds';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { ActionNotificationHide, ActionNotificationShow } from '@core/notification/notification.actions';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { UtilsService } from '@core/services/utils.service';
+import { isUndefined } from '@app/core/utils';
+import { TranslateService } from '@ngx-translate/core';
+import { CancelAnimationFrame, RafService } from '@core/services/raf.service';
+
+@Component({
+  selector: 'tb-js-func',
+  templateUrl: './js-func.component.html',
+  styleUrls: ['./js-func.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => JsFuncComponent),
+      multi: true
+    },
+    {
+      provide: NG_VALIDATORS,
+      useExisting: forwardRef(() => JsFuncComponent),
+      multi: true,
+    }
+  ],
+  encapsulation: ViewEncapsulation.None
+})
+export class JsFuncComponent implements OnInit, OnDestroy, ControlValueAccessor, Validator {
+
+  @ViewChild('javascriptEditor', {static: true})
+  javascriptEditorElmRef: ElementRef;
+
+  private jsEditor: ace.Ace.Editor;
+  private editorsResizeCaf: CancelAnimationFrame;
+  private editorResizeListener: any;
+
+  @Input() functionName: string;
+
+  @Input() functionArgs: Array<string>;
+
+  @Input() validationArgs: Array<any>;
+
+  @Input() resultType: string;
+
+  @Input() disabled: boolean;
+
+  @Input() fillHeight: boolean;
+
+  private noValidateValue: boolean;
+  get noValidate(): boolean {
+    return this.noValidateValue;
+  }
+  @Input()
+  set noValidate(value: boolean) {
+    this.noValidateValue = coerceBooleanProperty(value);
+  }
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  functionArgsString = '';
+
+  fullscreen = false;
+
+  modelValue: string;
+
+  functionValid = true;
+
+  validationError: string;
+
+  errorShowed = false;
+
+  errorMarkers: number[] = [];
+  errorAnnotationId = -1;
+
+  private propagateChange = null;
+
+  constructor(public elementRef: ElementRef,
+              private utils: UtilsService,
+              private translate: TranslateService,
+              protected store: Store<AppState>,
+              private raf: RafService) {
+  }
+
+  ngOnInit(): void {
+    if (!this.resultType || this.resultType.length === 0) {
+      this.resultType = 'nocheck';
+    }
+    if (this.functionArgs) {
+      this.functionArgs.forEach((functionArg) => {
+        if (this.functionArgsString.length > 0) {
+          this.functionArgsString += ', ';
+        }
+        this.functionArgsString += functionArg;
+      });
+    }
+    const editorElement = this.javascriptEditorElmRef.nativeElement;
+    let editorOptions: Partial<ace.Ace.EditorOptions> = {
+      mode: 'ace/mode/javascript',
+      showGutter: true,
+      showPrintMargin: true,
+      readOnly: this.disabled
+    };
+
+    const advancedOptions = {
+      enableSnippets: true,
+      enableBasicAutocompletion: true,
+      enableLiveAutocompletion: true
+    };
+
+    editorOptions = {...editorOptions, ...advancedOptions};
+    this.jsEditor = ace.edit(editorElement, editorOptions);
+    this.jsEditor.session.setUseWrapMode(true);
+    this.jsEditor.setValue(this.modelValue ? this.modelValue : '', -1);
+    this.jsEditor.on('change', () => {
+      this.cleanupJsErrors();
+      this.updateView();
+    });
+    this.editorResizeListener = this.onAceEditorResize.bind(this);
+    // @ts-ignore
+    addResizeListener(editorElement, this.editorResizeListener);
+  }
+
+  ngOnDestroy(): void {
+    if (this.editorResizeListener) {
+      const editorElement = this.javascriptEditorElmRef.nativeElement;
+      // @ts-ignore
+      removeResizeListener(editorElement, this.editorResizeListener);
+    }
+  }
+
+  private onAceEditorResize() {
+    if (this.editorsResizeCaf) {
+      this.editorsResizeCaf();
+      this.editorsResizeCaf = null;
+    }
+    this.editorsResizeCaf = this.raf.raf(() => {
+      this.jsEditor.resize();
+      this.jsEditor.renderer.updateFull();
+    });
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  public validate(c: FormControl) {
+    return (this.functionValid) ? null : {
+      jsFunc: {
+        valid: false,
+      },
+    };
+  }
+
+  beautifyJs() {
+    const res = js_beautify(this.modelValue, {indent_size: 4, wrap_line_length: 60});
+    this.jsEditor.setValue(res ? res : '', -1);
+    this.updateView();
+  }
+
+  validateOnSubmit(): void {
+    if (!this.disabled) {
+      this.cleanupJsErrors();
+      this.functionValid = this.validateJsFunc();
+      if (!this.functionValid) {
+        this.propagateChange(this.modelValue);
+        this.store.dispatch(new ActionNotificationShow(
+          {
+            message: this.validationError,
+            type: 'error',
+            target: 'jsFuncEditor',
+            verticalPosition: 'bottom',
+            horizontalPosition: 'left'
+          }));
+        this.errorShowed = true;
+      }
+    }
+  }
+
+  private validateJsFunc(): boolean {
+    try {
+      const toValidate = new Function(this.functionArgsString, this.modelValue);
+      if (this.noValidate) {
+        return true;
+      }
+      if (this.validationArgs) {
+        let res: any;
+        let validationError: any;
+        for (const validationArg of this.validationArgs) {
+          try {
+            res = toValidate.apply(this, validationArg);
+            validationError = null;
+            break;
+          } catch (e) {
+            validationError = e;
+          }
+        }
+        if (validationError) {
+          throw validationError;
+        }
+        if (this.resultType !== 'nocheck') {
+          if (this.resultType === 'any') {
+            if (isUndefined(res)) {
+              this.validationError = this.translate.instant('js-func.no-return-error');
+              return false;
+            }
+          } else {
+            const resType = typeof res;
+            if (resType !== this.resultType) {
+              this.validationError = this.translate.instant('js-func.return-type-mismatch', {type: this.resultType});
+              return false;
+            }
+          }
+        }
+        return true;
+      } else {
+        return true;
+      }
+    } catch (e) {
+      const details = this.utils.parseException(e);
+      let errorInfo = 'Error:';
+      if (details.name) {
+        errorInfo += ' ' + details.name + ':';
+      }
+      if (details.message) {
+        errorInfo += ' ' + details.message;
+      }
+      if (details.lineNumber) {
+        errorInfo += '<br>Line ' + details.lineNumber;
+        if (details.columnNumber) {
+          errorInfo += ' column ' + details.columnNumber;
+        }
+        errorInfo += ' of script.';
+      }
+      this.validationError = errorInfo;
+      if (details.lineNumber) {
+        const line = details.lineNumber - 1;
+        let column = 0;
+        if (details.columnNumber) {
+          column = details.columnNumber;
+        }
+        const errorMarkerId = this.jsEditor.session.addMarker(new ace.Range(line, 0, line, Infinity),
+          'ace_active-line', 'screenLine');
+        this.errorMarkers.push(errorMarkerId);
+        const annotations = this.jsEditor.session.getAnnotations();
+        const errorAnnotation: ace.Ace.Annotation = {
+          row: line,
+          column,
+          text: details.message,
+          type: 'error'
+        };
+        this.errorAnnotationId = annotations.push(errorAnnotation) - 1;
+        this.jsEditor.session.setAnnotations(annotations);
+      }
+      return false;
+    }
+  }
+
+  private cleanupJsErrors(): void {
+    if (this.errorShowed) {
+      this.store.dispatch(new ActionNotificationHide(
+        {
+          target: 'jsFuncEditor'
+        }));
+      this.errorShowed = false;
+    }
+    this.errorMarkers.forEach((errorMarker) => {
+      this.jsEditor.session.removeMarker(errorMarker);
+    });
+    this.errorMarkers.length = 0;
+    if (this.errorAnnotationId > -1) {
+      const annotations = this.jsEditor.session.getAnnotations();
+      annotations.splice(this.errorAnnotationId, 1);
+      this.jsEditor.session.setAnnotations(annotations);
+      this.errorAnnotationId = -1;
+    }
+  }
+
+  writeValue(value: string): void {
+    this.modelValue = value;
+    if (this.jsEditor) {
+      this.jsEditor.setValue(this.modelValue ? this.modelValue : '', -1);
+    }
+  }
+
+  updateView() {
+    const editorValue = this.jsEditor.getValue();
+    if (this.modelValue !== editorValue) {
+      this.modelValue = editorValue;
+      this.functionValid = true;
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/json-content.component.html b/ui-ngx/src/app/shared/components/json-content.component.html
new file mode 100644
index 0000000000..9daa94a137
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-content.component.html
@@ -0,0 +1,39 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div style="background: #fff;" [ngClass]="{'fill-height': fillHeight}"
+     tb-fullscreen
+     [fullscreen]="fullscreen" (fullscreenChanged)="onFullscreen()" fxLayout="column">
+  <div fxLayout="row" fxLayoutAlign="start center" style="height: 40px;" class="tb-json-content-toolbar">
+    <label class="tb-title no-padding">{{ label }}</label>
+    <span fxFlex></span>
+    <button type="button"
+            mat-button *ngIf="!readonly" class="tidy" (click)="beautifyJson()">
+      {{'js-func.tidy' | translate }}
+    </button>
+    <button type='button' mat-button mat-icon-button (click)="fullscreen = !fullscreen"
+            class="tb-mat-32"
+            matTooltip="{{(fullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
+            matTooltipPosition="above">
+      <mat-icon class="material-icons">{{ fullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+    </button>
+  </div>
+  <div id="tb-json-panel" tb-toast toastTarget="jsonContentEditor"
+       class="tb-json-content-panel" fxLayout="column">
+    <div #jsonEditor id="tb-json-input" [ngStyle]="editorStyle" [ngClass]="{'fill-height': fillHeight}"></div>
+  </div>
+</div>
diff --git a/ui-ngx/src/app/shared/components/json-content.component.scss b/ui-ngx/src/app/shared/components/json-content.component.scss
new file mode 100644
index 0000000000..61146e32e2
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-content.component.scss
@@ -0,0 +1,56 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  position: relative;
+
+  .fill-height {
+    height: 100%;
+  }
+}
+
+.tb-json-content-toolbar {
+  button.mat-button, button.mat-icon-button, button.mat-icon-button.tb-mat-32 {
+    align-items: center;
+    vertical-align: middle;
+    min-width: 32px;
+    min-height: 15px;
+    padding: 4px;
+    margin: 0;
+    font-size: .8rem;
+    line-height: 15px;
+    color: #7b7b7b;
+    background: rgba(220, 220, 220, .35);
+    &:not(:last-child) {
+      margin-right: 4px;
+    }
+  }
+}
+
+.tb-json-content-panel {
+  height: 100%;
+  margin-left: 15px;
+  border: 1px solid #c0c0c0;
+
+  #tb-json-input {
+    width: 100%;
+    min-width: 200px;
+    height: 100%;
+
+    &:not(.fill-height) {
+      min-height: 200px;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/json-content.component.ts b/ui-ngx/src/app/shared/components/json-content.component.ts
new file mode 100644
index 0000000000..5b02b9d9d5
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-content.component.ts
@@ -0,0 +1,274 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  Component,
+  ElementRef,
+  forwardRef,
+  Input,
+  OnChanges,
+  OnInit,
+  ViewChild,
+  SimpleChanges,
+  OnDestroy
+} from '@angular/core';
+import { ControlValueAccessor, FormControl, NG_VALIDATORS, NG_VALUE_ACCESSOR, Validator } from '@angular/forms';
+import * as ace from 'ace-builds';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { ActionNotificationHide, ActionNotificationShow } from '@core/notification/notification.actions';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { ContentType, contentTypesMap } from '@shared/models/constants';
+import { CancelAnimationFrame, RafService } from '@core/services/raf.service';
+
+@Component({
+  selector: 'tb-json-content',
+  templateUrl: './json-content.component.html',
+  styleUrls: ['./json-content.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => JsonContentComponent),
+      multi: true
+    },
+    {
+      provide: NG_VALIDATORS,
+      useExisting: forwardRef(() => JsonContentComponent),
+      multi: true,
+    }
+  ]
+})
+export class JsonContentComponent implements OnInit, ControlValueAccessor, Validator, OnChanges, OnDestroy {
+
+  @ViewChild('jsonEditor', {static: true})
+  jsonEditorElmRef: ElementRef;
+
+  private jsonEditor: ace.Ace.Editor;
+  private editorsResizeCaf: CancelAnimationFrame;
+  private editorResizeListener: any;
+
+  @Input() label: string;
+
+  @Input() contentType: ContentType;
+
+  @Input() disabled: boolean;
+
+  @Input() fillHeight: boolean;
+
+  @Input() editorStyle: {[klass: string]: any};
+
+  private readonlyValue: boolean;
+  get readonly(): boolean {
+    return this.readonlyValue;
+  }
+  @Input()
+  set readonly(value: boolean) {
+    this.readonlyValue = coerceBooleanProperty(value);
+  }
+
+  private validateContentValue: boolean;
+  get validateContent(): boolean {
+    return this.validateContentValue;
+  }
+  @Input()
+  set validateContent(value: boolean) {
+    this.validateContentValue = coerceBooleanProperty(value);
+  }
+
+  fullscreen = false;
+
+  contentBody: string;
+
+  contentValid: boolean;
+
+  validationError: string;
+
+  errorShowed = false;
+
+  private propagateChange = null;
+
+  constructor(public elementRef: ElementRef,
+              protected store: Store<AppState>,
+              private raf: RafService) {
+  }
+
+  ngOnInit(): void {
+    const editorElement = this.jsonEditorElmRef.nativeElement;
+    let mode = 'text';
+    if (this.contentType) {
+      mode = contentTypesMap.get(this.contentType).code;
+    }
+    let editorOptions: Partial<ace.Ace.EditorOptions> = {
+      mode: `ace/mode/${mode}`,
+      showGutter: true,
+      showPrintMargin: false,
+      readOnly: this.readonly
+    };
+
+    const advancedOptions = {
+      enableSnippets: true,
+      enableBasicAutocompletion: true,
+      enableLiveAutocompletion: true
+    };
+
+    editorOptions = {...editorOptions, ...advancedOptions};
+    this.jsonEditor = ace.edit(editorElement, editorOptions);
+    this.jsonEditor.session.setUseWrapMode(true);
+    this.jsonEditor.setValue(this.contentBody ? this.contentBody : '', -1);
+    this.jsonEditor.on('change', () => {
+      this.cleanupJsonErrors();
+      this.updateView();
+    });
+    this.editorResizeListener = this.onAceEditorResize.bind(this);
+    // @ts-ignore
+    addResizeListener(editorElement, this.editorResizeListener);
+  }
+
+  ngOnDestroy(): void {
+    if (this.editorResizeListener) {
+      const editorElement = this.jsonEditorElmRef.nativeElement;
+      // @ts-ignore
+      removeResizeListener(editorElement, this.editorResizeListener);
+    }
+  }
+
+  private onAceEditorResize() {
+    if (this.editorsResizeCaf) {
+      this.editorsResizeCaf();
+      this.editorsResizeCaf = null;
+    }
+    this.editorsResizeCaf = this.raf.raf(() => {
+      this.jsonEditor.resize();
+      this.jsonEditor.renderer.updateFull();
+    });
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (!change.firstChange && change.currentValue !== change.previousValue) {
+        if (propName === 'contentType') {
+          if (this.jsonEditor) {
+            let mode = 'text';
+            if (this.contentType) {
+              mode = contentTypesMap.get(this.contentType).code;
+            }
+            this.jsonEditor.session.setMode(`ace/mode/${mode}`);
+          }
+        }
+      }
+    }
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  public validate(c: FormControl) {
+    return (this.contentValid) ? null : {
+      contentBody: {
+        valid: false,
+      },
+    };
+  }
+
+  validateOnSubmit(): void {
+    if (!this.readonly) {
+      this.cleanupJsonErrors();
+      this.contentValid = true;
+      this.propagateChange(this.contentBody);
+      this.contentValid = this.doValidate();
+      this.propagateChange(this.contentBody);
+    }
+  }
+
+  private doValidate(): boolean {
+    try {
+      if (this.validateContent && this.contentType === ContentType.JSON) {
+        JSON.parse(this.contentBody);
+      }
+      return true;
+    } catch (ex) {
+      let errorInfo = 'Error:';
+      if (ex.name) {
+        errorInfo += ' ' + ex.name + ':';
+      }
+      if (ex.message) {
+        errorInfo += ' ' + ex.message;
+      }
+      this.store.dispatch(new ActionNotificationShow(
+        {
+          message: errorInfo,
+          type: 'error',
+          target: 'jsonContentEditor',
+          verticalPosition: 'bottom',
+          horizontalPosition: 'left'
+        }));
+      this.errorShowed = true;
+      return false;
+    }
+  }
+
+  cleanupJsonErrors(): void {
+    if (this.errorShowed) {
+      this.store.dispatch(new ActionNotificationHide(
+        {
+          target: 'jsonContentEditor'
+        }));
+      this.errorShowed = false;
+    }
+  }
+
+  writeValue(value: string): void {
+    this.contentBody = value;
+    this.contentValid = true;
+    if (this.jsonEditor) {
+      this.jsonEditor.setValue(this.contentBody ? this.contentBody : '', -1);
+      // this.jsonEditor.
+    }
+  }
+
+  updateView() {
+    const editorValue = this.jsonEditor.getValue();
+    if (this.contentBody !== editorValue) {
+      this.contentBody = editorValue;
+      this.contentValid = true;
+      this.propagateChange(this.contentBody);
+    }
+  }
+
+  beautifyJson() {
+    const res = js_beautify(this.contentBody, {indent_size: 4, wrap_line_length: 60});
+    this.jsonEditor.setValue(res ? res : '', -1);
+    this.updateView();
+  }
+
+  onFullscreen() {
+    if (this.jsonEditor) {
+      setTimeout(() => {
+        this.jsonEditor.resize();
+      }, 0);
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/json-form/json-form-component.models.ts b/ui-ngx/src/app/shared/components/json-form/json-form-component.models.ts
new file mode 100644
index 0000000000..aa38a671bc
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/json-form-component.models.ts
@@ -0,0 +1,23 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+
+export interface JsonFormComponentData {
+  model?: any;
+  schema?: any;
+  form?: any;
+  groupInfoes?: any[];
+}
diff --git a/ui-ngx/src/app/shared/components/json-form/json-form.component.html b/ui-ngx/src/app/shared/components/json-form/json-form.component.html
new file mode 100644
index 0000000000..a469a650db
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/json-form.component.html
@@ -0,0 +1,22 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-json-form" style="background: #fff;" tb-fullscreen [fullscreenElement]="targetFullscreenElement"
+     [fullscreen]="isFullscreen"
+     (fullscreenChanged)="onFullscreenChanged($event)">
+  <div #reactRoot></div>
+</div>
diff --git a/ui-ngx/src/app/shared/components/json-form/json-form.component.scss b/ui-ngx/src/app/shared/components/json-form/json-form.component.scss
new file mode 100644
index 0000000000..b373862dc3
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/json-form.component.scss
@@ -0,0 +1,20 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.tb-json-form {
+  padding: 12px;
+  padding-bottom: 14px !important;
+  overflow: auto;
+}
diff --git a/ui-ngx/src/app/shared/components/json-form/json-form.component.ts b/ui-ngx/src/app/shared/components/json-form/json-form.component.ts
new file mode 100644
index 0000000000..75750596b4
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/json-form.component.ts
@@ -0,0 +1,235 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  ChangeDetectionStrategy,
+  Component,
+  ElementRef,
+  forwardRef,
+  Input,
+  OnChanges,
+  OnDestroy,
+  OnInit,
+  SimpleChanges,
+  ViewChild,
+  ViewEncapsulation
+} from '@angular/core';
+import { ControlValueAccessor, FormControl, NG_VALIDATORS, NG_VALUE_ACCESSOR, Validator } from '@angular/forms';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { deepClone, isString } from '@app/core/utils';
+import { TranslateService } from '@ngx-translate/core';
+import { JsonFormProps } from './react/json-form.models';
+import inspector from 'schema-inspector';
+import * as tinycolor_ from 'tinycolor2';
+import { DialogService } from '@app/core/services/dialog.service';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import ReactSchemaForm from './react/json-form-react';
+import JsonFormUtils from './react/json-form-utils';
+import { JsonFormComponentData } from './json-form-component.models';
+
+const tinycolor = tinycolor_;
+
+@Component({
+  selector: 'tb-json-form',
+  templateUrl: './json-form.component.html',
+  styleUrls: ['./json-form.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => JsonFormComponent),
+      multi: true
+    },
+    {
+      provide: NG_VALIDATORS,
+      useExisting: forwardRef(() => JsonFormComponent),
+      multi: true,
+    }
+  ],
+  encapsulation: ViewEncapsulation.None
+})
+export class JsonFormComponent implements OnInit, ControlValueAccessor, Validator, OnChanges, OnDestroy {
+
+  @ViewChild('reactRoot', {static: true})
+  reactRootElmRef: ElementRef<HTMLElement>;
+
+  private readonlyValue: boolean;
+  get readonly(): boolean {
+    return this.readonlyValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.readonlyValue = coerceBooleanProperty(value);
+  }
+
+  formProps: JsonFormProps = {
+    isFullscreen: false,
+    option: {
+      formDefaults: {
+        startEmpty: true
+      }
+    },
+    onModelChange: this.onModelChange.bind(this),
+    onColorClick: this.onColorClick.bind(this),
+    onToggleFullscreen: this.onToggleFullscreen.bind(this)
+  };
+
+  data: JsonFormComponentData;
+
+  model: any;
+  schema: any;
+  form: any;
+  groupInfoes: any[];
+
+  isModelValid = true;
+
+  isFullscreen = false;
+  targetFullscreenElement: HTMLElement;
+  fullscreenFinishFn: () => void;
+
+  private propagateChange = null;
+
+  constructor(public elementRef: ElementRef,
+              private translate: TranslateService,
+              private dialogs: DialogService,
+              protected store: Store<AppState>) {
+  }
+
+  ngOnInit(): void {
+  }
+
+  ngOnDestroy(): void {
+    this.destroyReactSchemaForm();
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+  }
+
+  public validate(c: FormControl) {
+    return this.isModelValid ? null : {
+      modelValid: false
+    };
+  }
+
+  writeValue(data: JsonFormComponentData): void {
+    this.data = data;
+    this.schema = this.data && this.data.schema ? deepClone(this.data.schema) : {
+      type: 'object'
+    };
+    this.schema.strict = true;
+    this.form = this.data && this.data.form ? deepClone(this.data.form) : [ '*' ];
+    this.groupInfoes = this.data && this.data.groupInfoes ? deepClone(this.data.groupInfoes) : [];
+    this.model = this.data && this.data.model || {};
+    this.model = inspector.sanitize(this.schema, this.model).data;
+    this.updateAndRender();
+    this.isModelValid = this.validateModel();
+    if (!this.isModelValid) {
+      this.updateView();
+    }
+}
+
+  updateView() {
+    if (this.data) {
+      this.data.model = this.model;
+      this.propagateChange(this.data);
+    }
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (!change.firstChange && change.currentValue !== change.previousValue) {
+        if (propName === 'readonly') {
+          this.updateAndRender();
+        }
+      }
+    }
+  }
+
+  private onModelChange(key: (string | number)[], val: any, forceUpdate = false) {
+    if (isString(val) && val === '') {
+      val = undefined;
+    }
+    if (JsonFormUtils.updateValue(key, this.model, val) || forceUpdate) {
+      this.formProps.model = this.model;
+      this.isModelValid = this.validateModel();
+      this.updateView();
+    }
+  }
+
+  private onColorClick(key: (string | number)[],
+                       val: tinycolor.ColorFormats.RGBA,
+                       colorSelectedFn: (color: tinycolor.ColorFormats.RGBA) => void) {
+    this.dialogs.colorPicker(tinycolor(val).toRgbString()).subscribe((color) => {
+      if (colorSelectedFn) {
+        colorSelectedFn(tinycolor(color).toRgb());
+      }
+    });
+  }
+
+  private onToggleFullscreen(element: HTMLElement, fullscreenFinishFn?: () => void) {
+    this.targetFullscreenElement = element;
+    this.isFullscreen = !this.isFullscreen;
+    this.fullscreenFinishFn = fullscreenFinishFn;
+  }
+
+  onFullscreenChanged(fullscreen: boolean) {
+    this.formProps.isFullscreen = fullscreen;
+    this.renderReactSchemaForm(false);
+    if (this.fullscreenFinishFn) {
+      this.fullscreenFinishFn();
+      this.fullscreenFinishFn = null;
+    }
+  }
+
+  private updateAndRender() {
+
+    this.formProps.option.formDefaults.readonly = this.readonly;
+    this.formProps.schema = this.schema;
+    this.formProps.form = this.form;
+    this.formProps.groupInfoes = this.groupInfoes;
+    this.formProps.model = deepClone(this.model);
+    this.renderReactSchemaForm();
+  }
+
+  private renderReactSchemaForm(destroy: boolean = true) {
+    if (destroy) {
+      this.destroyReactSchemaForm();
+    }
+    ReactDOM.render(React.createElement(ReactSchemaForm, this.formProps), this.reactRootElmRef.nativeElement);
+  }
+
+  private destroyReactSchemaForm() {
+    ReactDOM.unmountComponentAtNode(this.reactRootElmRef.nativeElement);
+  }
+
+  private validateModel(): boolean {
+    if (this.schema && this.model) {
+      return JsonFormUtils.validateBySchema(this.schema, this.model).valid;
+    }
+    return true;
+  }
+}
+
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-ace-editor.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-ace-editor.tsx
new file mode 100644
index 0000000000..1cc48877b8
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-ace-editor.tsx
@@ -0,0 +1,183 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import * as React from 'react';
+import ThingsboardBaseComponent from './json-form-base-component';
+import reactCSS from 'reactcss';
+import ReactAce from 'react-ace';
+import Button from '@material-ui/core/Button';
+import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
+import { IEditorProps } from 'react-ace/src/types';
+
+interface ThingsboardAceEditorProps extends JsonFormFieldProps {
+  mode: string;
+  onTidy: (value: string) => string;
+}
+
+interface ThingsboardAceEditorState extends JsonFormFieldState {
+  isFull: boolean;
+  focused: boolean;
+}
+
+class ThingsboardAceEditor extends React.Component<ThingsboardAceEditorProps, ThingsboardAceEditorState> {
+
+    hostElement: HTMLElement;
+    private aceEditor: IEditorProps;
+
+    constructor(props) {
+        super(props);
+        this.onValueChanged = this.onValueChanged.bind(this);
+        this.onBlur = this.onBlur.bind(this);
+        this.onFocus = this.onFocus.bind(this);
+        this.onTidy = this.onTidy.bind(this);
+        this.onLoad = this.onLoad.bind(this);
+        this.onToggleFull = this.onToggleFull.bind(this);
+        const value = props.value ? props.value + '' : '';
+        this.state = {
+            isFull: false,
+            value,
+            focused: false
+        };
+    }
+
+    onValueChanged(value) {
+        this.setState({
+            value
+        });
+        this.props.onChangeValidate({
+            target: {
+                value
+            }
+        });
+    }
+
+    onBlur() {
+        this.setState({ focused: false });
+    }
+
+    onFocus() {
+        this.setState({ focused: true });
+    }
+
+    onTidy() {
+        if (!this.props.form.readonly) {
+            let value = this.state.value;
+            value = this.props.onTidy(value);
+            this.setState({
+                value
+            });
+            this.props.onChangeValidate({
+                target: {
+                    value
+                }
+            });
+        }
+    }
+
+    onLoad(editor: IEditorProps) {
+        this.aceEditor = editor;
+    }
+
+    onToggleFull() {
+        this.setState({ isFull: !this.state.isFull });
+        this.props.onToggleFullscreen(this.hostElement, () => {
+          if (this.aceEditor) {
+            this.aceEditor.resize();
+            this.aceEditor.renderer.updateFull();
+          }
+        });
+    }
+
+    componentDidUpdate() {
+    }
+
+    render() {
+
+        const styles = reactCSS({
+            default: {
+                tidyButtonStyle: {
+                    color: '#7B7B7B',
+                    minWidth: '32px',
+                    minHeight: '15px',
+                    lineHeight: '15px',
+                    fontSize: '0.800rem',
+                    margin: '0',
+                    padding: '4px',
+                    height: '23px',
+                    borderRadius: '5px',
+                    marginLeft: '5px'
+                }
+            }
+        });
+
+        let labelClass = 'tb-label';
+        if (this.props.form.required) {
+            labelClass += ' tb-required';
+        }
+        if (this.props.form.readonly) {
+            labelClass += ' tb-readonly';
+        }
+        if (this.state.focused) {
+            labelClass += ' tb-focused';
+        }
+        let containerClass = 'tb-container';
+        const style = this.props.form.style || {width: '100%'};
+        if (this.state.isFull) {
+            containerClass += ' fullscreen-form-field';
+        }
+        return (
+          <div>
+            <div className='tb-json-form' ref={c => (this.hostElement = c)}>
+              <div className={containerClass}>
+                  <label className={labelClass}>{this.props.form.title}</label>
+                  <div className='json-form-ace-editor'>
+                      <div className='title-panel'>
+                          <label>{this.props.mode}</label>
+                          <Button style={ styles.tidyButtonStyle }
+                                  className='tidy-button' onClick={this.onTidy}>Tidy</Button>
+                          <Button style={ styles.tidyButtonStyle }
+                                  className='tidy-button' onClick={this.onToggleFull}>
+                            {this.state.isFull ?
+                              'Exit fullscreen' : 'Fullscreen'}
+                          </Button>
+                      </div>
+                      <ReactAce  mode={this.props.mode}
+                                 height={this.state.isFull ? '100%' : '150px'}
+                                 width={this.state.isFull ? '100%' : '300px'}
+                                 theme='github'
+                                 onChange={this.onValueChanged}
+                                 onFocus={this.onFocus}
+                                 onBlur={this.onBlur}
+                                 onLoad={this.onLoad}
+                                 name={this.props.form.title}
+                                 value={this.state.value}
+                                 readOnly={this.props.form.readonly}
+                                 editorProps={{$blockScrolling: Infinity}}
+                                 enableBasicAutocompletion={true}
+                                 enableSnippets={true}
+                                 enableLiveAutocompletion={true}
+                                 style={style}/>
+                  </div>
+                  <div className='json-form-error'
+                       style={{opacity: this.props.valid ? '0' : '1'}}>{this.props.error}</div>
+              </div>
+            </div>
+          </div>
+        );
+    }
+}
+
+export default ThingsboardBaseComponent(ThingsboardAceEditor);
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-array.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-array.tsx
new file mode 100644
index 0000000000..7cdc3cf9c7
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-array.tsx
@@ -0,0 +1,178 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import JsonFormUtils from './json-form-utils';
+import ThingsboardBaseComponent from './json-form-base-component';
+import Button from '@material-ui/core/Button';
+import _ from 'lodash';
+import IconButton from '@material-ui/core/IconButton';
+import ClearIcon from '@material-ui/icons/Clear';
+import AddIcon from '@material-ui/icons/Add';
+import Tooltip from '@material-ui/core/Tooltip';
+import {
+  JsonFormData,
+  JsonFormFieldProps,
+  JsonFormFieldState
+} from '@shared/components/json-form/react/json-form.models';
+
+interface ThingsboardArrayState extends JsonFormFieldState {
+  model: any[];
+  keys: number[];
+}
+
+class ThingsboardArray extends React.Component<JsonFormFieldProps, ThingsboardArrayState> {
+
+    constructor(props) {
+        super(props);
+        this.onAppend = this.onAppend.bind(this);
+        this.onDelete = this.onDelete.bind(this);
+        const model = JsonFormUtils.selectOrSet(this.props.form.key, this.props.model) || [];
+        const keys: number[] = [];
+        for (let i = 0; i < model.length; i++) {
+            keys.push(i);
+        }
+        this.state = {
+            model,
+            keys
+        };
+    }
+
+    componentDidMount() {
+        if (this.props.form.startEmpty !== true && this.state.model.length === 0) {
+            this.onAppend();
+        }
+    }
+
+    onAppend() {
+        let empty;
+        if (this.props.form && this.props.form.schema && this.props.form.schema.items) {
+            const items = this.props.form.schema.items;
+            if (items.type && items.type.indexOf('object') !== -1) {
+                empty = {};
+                if (!this.props.options || this.props.options.setSchemaDefaults !== false) {
+                    empty = typeof items.default !== 'undefined' ? items.default : empty;
+                    if (empty) {
+                      JsonFormUtils.traverseSchema(items, (prop, path) => {
+                            if (typeof prop.default !== 'undefined') {
+                              JsonFormUtils.selectOrSet(path, empty, prop.default);
+                            }
+                        });
+                    }
+                }
+            } else if (items.type && items.type.indexOf('array') !== -1) {
+                empty = [];
+                if (!this.props.options || this.props.options.setSchemaDefaults !== false) {
+                    empty = items.default || empty;
+                }
+            } else {
+                if (!this.props.options || this.props.options.setSchemaDefaults !== false) {
+                    empty = items.default || empty;
+                }
+            }
+        }
+        const newModel = this.state.model;
+        newModel.push(empty);
+        const newKeys = this.state.keys;
+        let key = 0;
+        if (newKeys.length > 0) {
+            key = newKeys[newKeys.length - 1] + 1;
+        }
+        newKeys.push(key);
+        this.setState({
+                model: newModel,
+                keys: newKeys
+            }
+        );
+        this.props.onChangeValidate(this.state.model, true);
+    }
+
+    onDelete(index: number) {
+        const newModel = this.state.model;
+        newModel.splice(index, 1);
+        const newKeys = this.state.keys;
+        newKeys.splice(index, 1);
+        this.setState(
+            {
+                model: newModel,
+                keys: newKeys
+            }
+        );
+        this.props.onChangeValidate(this.state.model, true);
+    }
+
+    setIndex(index: number) {
+        return (form: JsonFormData) => {
+            if (form.key) {
+                form.key[form.key.indexOf('')] = index;
+            }
+        };
+    }
+
+    copyWithIndex(form: JsonFormData, index: number): JsonFormData {
+        const copy: JsonFormData = _.cloneDeep(form);
+        copy.arrayIndex = index;
+        JsonFormUtils.traverseForm(copy, this.setIndex(index));
+        return copy;
+    }
+
+    render() {
+        const arrays = [];
+        const fields = [];
+        const model = this.state.model;
+        const keys = this.state.keys;
+        const items = this.props.form.items;
+        for (let i = 0; i < model.length; i++ ) {
+            let removeButton: JSX.Element = null;
+            if (!this.props.form.readonly) {
+                const boundOnDelete = this.onDelete.bind(this, i);
+                removeButton = <Tooltip title='Remove'><IconButton onClick={boundOnDelete}><ClearIcon/></IconButton></Tooltip>;
+            }
+            const forms = (this.props.form.items as JsonFormData[]).map((form, index) => {
+                const copy = this.copyWithIndex(form, i);
+                return this.props.builder(copy, this.props.model, index, this.props.onChange,
+                  this.props.onColorClick, this.props.onToggleFullscreen, this.props.mapper);
+            });
+            arrays.push(
+            <li key={keys[i]} className='list-group-item'>
+                {removeButton}
+                {forms}
+                </li>
+        );
+        }
+        let addButton: JSX.Element = null;
+        if (!this.props.form.readonly) {
+            addButton = <Button variant='contained'
+                                color='primary'
+                                startIcon={<AddIcon/>}
+                                style={{marginBottom: '8px'}}
+                                onClick={this.onAppend}>{this.props.form.add || 'New'}</Button>;
+        }
+
+        return (
+            <div>
+                <div className='tb-container'>
+                    <div className='tb-head-label'>{this.props.form.title}</div>
+                        <ol className='list-group'>
+                            {arrays}
+                        </ol>
+                </div>
+                {addButton}
+            </div>
+        );
+    }
+}
+
+export default ThingsboardBaseComponent(ThingsboardArray);
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-base-component.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-base-component.tsx
new file mode 100644
index 0000000000..b033271d1d
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-base-component.tsx
@@ -0,0 +1,119 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import JsonFormUtils from './json-form-utils';
+import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
+
+export default ThingsboardBaseComponent => class<P extends JsonFormFieldProps>
+  extends React.Component<P, JsonFormFieldState> {
+
+    constructor(props) {
+        super(props);
+        this.onChangeValidate = this.onChangeValidate.bind(this);
+        const value = this.defaultValue();
+        const validationResult = JsonFormUtils.validate(this.props.form, value);
+        this.state = {
+            value,
+            valid: !!(validationResult.valid || !value),
+            error: !validationResult.valid && value ? validationResult.error.message : null
+        };
+    }
+
+    componentDidMount() {
+        /* if (typeof this.state.value !== 'undefined') {
+            this.props.onChange(this.props.form.key, this.state.value);
+        }*/
+    }
+
+    onChangeValidate(e, forceUpdate?: boolean) {
+        let value = null;
+        if (this.props.form.schema.type === 'integer' || this.props.form.schema.type === 'number') {
+            if (e.target.value === null || e.target.value === '') {
+                value = undefined;
+            } else if (e.target.value.indexOf('.') === -1) {
+                value = parseInt(e.target.value, 10);
+            } else {
+                value = parseFloat(e.target.value);
+            }
+        } else if (this.props.form.schema.type === 'boolean') {
+            value = e.target.checked;
+        } else if (this.props.form.schema.type === 'date' || this.props.form.schema.type === 'array') {
+            value = e;
+        } else { // string
+            value = e.target.value;
+        }
+        const validationResult = JsonFormUtils.validate(this.props.form, value);
+        this.setState({
+            value,
+            valid: validationResult.valid,
+            error: validationResult.valid ? null : validationResult.error.message
+        });
+        this.props.onChange(this.props.form.key, value, forceUpdate);
+    }
+
+    defaultValue() {
+        let value = JsonFormUtils.selectOrSet(this.props.form.key, this.props.model);
+        if (this.props.form.schema.type === 'boolean') {
+            if (typeof value !== 'boolean' && this.props.form.default) {
+                value = this.props.form.default;
+            }
+            if (typeof value !== 'boolean' && this.props.form.schema && this.props.form.schema.default) {
+                value = this.props.form.schema.default;
+            }
+            if (typeof value !== 'boolean' &&
+                this.props.form.schema &&
+                this.props.form.required) {
+                value = false;
+            }
+        } else if (this.props.form.schema.type === 'integer' || this.props.form.schema.type === 'number') {
+            if (typeof value !== 'number' && this.props.form.default) {
+                value = this.props.form.default;
+            }
+            if (typeof value !== 'number' && this.props.form.schema && this.props.form.schema.default) {
+                value = this.props.form.schema.default;
+            }
+            if (typeof value !== 'number' && this.props.form.titleMap && this.props.form.titleMap[0].value) {
+                value = this.props.form.titleMap[0].value;
+            }
+            if (value && typeof value === 'string') {
+                if (value.indexOf('.') === -1) {
+                    value = parseInt(value, 10);
+                } else {
+                    value = parseFloat(value);
+                }
+            }
+        } else {
+            if (!value && this.props.form.default) {
+                value = this.props.form.default;
+            }
+            if (!value && this.props.form.schema && this.props.form.schema.default) {
+                value = this.props.form.schema.default;
+            }
+            if (!value && this.props.form.titleMap && this.props.form.titleMap[0].value) {
+                value = this.props.form.titleMap[0].value;
+            }
+        }
+        return value;
+    }
+
+    render() {
+        if (this.props.form && this.props.form.schema) {
+            return <ThingsboardBaseComponent {...this.props} {...this.state} onChangeValidate={this.onChangeValidate}/>;
+        } else {
+            return <div></div>;
+        }
+    }
+};
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-checkbox.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-checkbox.tsx
new file mode 100644
index 0000000000..d0fe753e20
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-checkbox.tsx
@@ -0,0 +1,46 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import ThingsboardBaseComponent from './json-form-base-component';
+import Checkbox from '@material-ui/core/Checkbox';
+import { JsonFormFieldProps, JsonFormFieldState } from './json-form.models.js';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+
+class ThingsboardCheckbox extends React.Component<JsonFormFieldProps, JsonFormFieldState> {
+    render() {
+        return (
+          <div>
+          <FormControlLabel
+            control={
+              <Checkbox
+                name={this.props.form.key.slice(-1)[0] + ''}
+                value={this.props.form.key.slice(-1)[0]}
+                defaultChecked={this.props.value || false}
+                disabled={this.props.form.readonly}
+                onChange={(e, checked) => {
+                  this.props.onChangeValidate(e);
+                }}
+                style={{paddingTop: '14px'}}
+              />
+            }
+            label={this.props.form.title}
+            />
+          </div>
+        );
+    }
+}
+
+export default ThingsboardBaseComponent(ThingsboardCheckbox);
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-color.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-color.tsx
new file mode 100644
index 0000000000..aa4336dad8
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-color.tsx
@@ -0,0 +1,186 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import ThingsboardBaseComponent from './json-form-base-component';
+import reactCSS from 'reactcss';
+import * as tinycolor_ from 'tinycolor2';
+import TextField from '@material-ui/core/TextField';
+import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
+import IconButton from '@material-ui/core/IconButton';
+import ClearIcon from '@material-ui/icons/Clear';
+import Tooltip from '@material-ui/core/Tooltip';
+
+const tinycolor = tinycolor_;
+
+interface ThingsboardColorState extends JsonFormFieldState {
+  color: tinycolor.ColorFormats.RGBA | null;
+  focused: boolean;
+}
+
+class ThingsboardColor extends React.Component<JsonFormFieldProps, ThingsboardColorState> {
+
+    constructor(props) {
+        super(props);
+        this.onBlur = this.onBlur.bind(this);
+        this.onFocus = this.onFocus.bind(this);
+        this.onValueChanged = this.onValueChanged.bind(this);
+        this.onSwatchClick = this.onSwatchClick.bind(this);
+        this.onClear = this.onClear.bind(this);
+        const value = props.value ? props.value + '' : null;
+        const color = value != null ? tinycolor(value).toRgb() : null;
+        this.state = {
+            color,
+            focused: false
+        };
+    }
+
+    onBlur() {
+      this.setState({focused: false});
+    }
+
+    onFocus() {
+      this.setState({focused: true});
+    }
+
+    componentDidMount() {
+        const node = ReactDOM.findDOMNode(this);
+        const colContainer = $(node).children('#color-container');
+        colContainer.click((event) => {
+            if (!this.props.form.readonly) {
+              this.onSwatchClick(event);
+            }
+        });
+    }
+
+    componentWillUnmount() {
+        const node = ReactDOM.findDOMNode(this);
+        const colContainer = $(node).children('#color-container');
+        colContainer.off( 'click' );
+    }
+
+    onValueChanged(value: tinycolor.ColorFormats.RGBA | null) {
+        let color: tinycolor.Instance = null;
+        if (value != null) {
+            color = tinycolor(value);
+        }
+        this.setState({
+            color: value
+        });
+        let colorValue = '';
+        if (color != null && color.getAlpha() !== 1) {
+            colorValue = color.toRgbString();
+        } else if (color != null) {
+            colorValue = color.toHexString();
+        }
+        this.props.onChangeValidate({
+            target: {
+                value: colorValue
+            }
+        });
+    }
+
+    onSwatchClick(event) {
+        this.props.onColorClick(this.props.form.key, this.state.color,
+          (color) => {
+            this.onValueChanged(color);
+          }
+        );
+    }
+
+    onClear(event) {
+        if (event) {
+            event.stopPropagation();
+        }
+        this.onValueChanged(null);
+    }
+
+    render() {
+
+        let background = 'rgba(0,0,0,0)';
+        if (this.state.color != null) {
+            background = `rgba(${ this.state.color.r }, ${ this.state.color.g }, ${ this.state.color.b }, ${ this.state.color.a })`;
+        }
+
+        const styles = reactCSS({
+            default: {
+                color: {
+                    background: `${ background }`
+                },
+                swatch: {
+                    display: 'inline-block',
+                    marginRight: '10px',
+                    marginTop: 'auto',
+                    marginBottom: 'auto',
+                    cursor: 'pointer',
+                    opacity: `${ this.props.form.readonly ? '0.6' : '1' }`
+                },
+                swatchText: {
+                    width: '100%'
+                },
+                container: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    alignItems: 'center'
+                },
+                colorContainer: {
+                    display: 'flex',
+                    width: '100%'
+                }
+            },
+        });
+
+        let fieldClass = 'tb-field';
+        if (this.props.form.required) {
+            fieldClass += ' tb-required';
+        }
+        if (this.props.form.readonly) {
+            fieldClass += ' tb-readonly';
+        }
+        if (this.state.focused) {
+            fieldClass += ' tb-focused';
+        }
+
+        let stringColor = '';
+        if (this.state.color != null) {
+            const color = tinycolor(this.state.color);
+            stringColor = color.toRgbString();
+        }
+
+        return (
+            <div style={ styles.container }>
+                 <div id='color-container' style={ styles.colorContainer }>
+                    <div className='tb-color-preview' style={ styles.swatch }>
+                        <div className='tb-color-result' style={ styles.color }/>
+                    </div>
+                   <TextField
+                     className={fieldClass}
+                     label={this.props.form.title}
+                     error={!this.props.valid}
+                     helperText={this.props.valid ? this.props.form.placeholder : this.props.error}
+                     value={stringColor}
+                     disabled={this.props.form.readonly}
+                     onFocus={this.onFocus}
+                     onBlur={this.onBlur}
+                     style={ styles.swatchText }/>
+                 </div>
+                 <Tooltip title='Clear' placement='top'><IconButton onClick={this.onClear}><ClearIcon/></IconButton></Tooltip>
+            </div>
+        );
+    }
+}
+
+export default ThingsboardBaseComponent(ThingsboardColor);
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-css.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-css.tsx
new file mode 100644
index 0000000000..552fd76843
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-css.tsx
@@ -0,0 +1,39 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import ThingsboardAceEditor from './json-form-ace-editor';
+import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
+import { css_beautify } from 'js-beautify';
+
+class ThingsboardCss extends React.Component<JsonFormFieldProps, JsonFormFieldState> {
+
+    constructor(props) {
+        super(props);
+        this.onTidyCss = this.onTidyCss.bind(this);
+    }
+
+    onTidyCss(css: string): string {
+        return css_beautify(css, {indent_size: 4});
+    }
+
+    render() {
+        return (
+            <ThingsboardAceEditor {...this.props} mode='css' onTidy={this.onTidyCss} {...this.state}></ThingsboardAceEditor>
+        );
+    }
+}
+
+export default ThingsboardCss;
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-date.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-date.tsx
new file mode 100644
index 0000000000..a120c1a203
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-date.tsx
@@ -0,0 +1,82 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import ThingsboardBaseComponent from './json-form-base-component';
+import DateFnsUtils from '@date-io/date-fns';
+import {
+  MuiPickersUtilsProvider,
+  KeyboardDatePicker
+} from '@material-ui/pickers';
+import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
+
+interface ThingsboardDateState extends JsonFormFieldState {
+  currentValue: Date | null;
+}
+
+class ThingsboardDate extends React.Component<JsonFormFieldProps, ThingsboardDateState> {
+
+    constructor(props) {
+        super(props);
+        this.onDatePicked = this.onDatePicked.bind(this);
+        let value: Date | null = null;
+        if (this.props.value && typeof this.props.value === 'number') {
+          value = new Date(this.props.value);
+        }
+        this.state = {
+          currentValue: value
+        };
+    }
+
+
+    onDatePicked(date: Date | null) {
+        this.setState({
+          currentValue: date
+        });
+        this.props.onChangeValidate(date ? date.getTime() : null);
+    }
+
+    render() {
+
+        let fieldClass = 'tb-date-field';
+        if (this.props.form.required) {
+            fieldClass += ' tb-required';
+        }
+        if (this.props.form.readonly) {
+            fieldClass += ' tb-readonly';
+        }
+
+        return (
+          <MuiPickersUtilsProvider utils={DateFnsUtils}>
+            <div style={{width: '100%', display: 'block'}}>
+                <KeyboardDatePicker
+                    disableToolbar
+                    variant='inline'
+                    format='MM/dd/yyyy'
+                    margin='normal'
+                    className={fieldClass}
+                    label={this.props.form.title}
+                    value={this.state.currentValue}
+                    onChange={this.onDatePicked}
+                    disabled={this.props.form.readonly}
+                    style={this.props.form.style || {width: '100%'}}/>
+
+            </div>
+          </MuiPickersUtilsProvider>
+        );
+    }
+}
+
+export default ThingsboardBaseComponent(ThingsboardDate);
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-fieldset.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-fieldset.tsx
new file mode 100644
index 0000000000..f2aca21788
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-fieldset.tsx
@@ -0,0 +1,44 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import {
+  JsonFormData,
+  JsonFormFieldProps,
+  JsonFormFieldState
+} from '@shared/components/json-form/react/json-form.models';
+
+class ThingsboardFieldSet extends React.Component<JsonFormFieldProps, JsonFormFieldState> {
+
+    render() {
+        const forms = (this.props.form.items as JsonFormData[]).map((form: JsonFormData, index) => {
+            return this.props.builder(form, this.props.model, index, this.props.onChange,
+              this.props.onColorClick, this.props.onToggleFullscreen, this.props.mapper);
+        });
+
+        return (
+            <div style={{paddingTop: '20px'}}>
+                <div className='tb-head-label'>
+                    {this.props.form.title}
+                </div>
+                <div>
+                    {forms}
+                </div>
+            </div>
+        );
+    }
+}
+
+export default ThingsboardFieldSet;
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-help.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-help.tsx
new file mode 100644
index 0000000000..4f328f72b0
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-help.tsx
@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
+
+class ThingsboardHelp extends React.Component<JsonFormFieldProps, JsonFormFieldState> {
+  render() {
+    return (
+      <div className={this.props.form.htmlClass} dangerouslySetInnerHTML={{__html: this.props.form.description}} ></div>
+    );
+  }
+}
+
+export default ThingsboardHelp;
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-html.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-html.tsx
new file mode 100644
index 0000000000..bbe1c50e53
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-html.tsx
@@ -0,0 +1,39 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import ThingsboardAceEditor from './json-form-ace-editor';
+import { html_beautify } from 'js-beautify';
+import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
+
+class ThingsboardHtml extends React.Component<JsonFormFieldProps, JsonFormFieldState> {
+
+    constructor(props) {
+        super(props);
+        this.onTidyHtml = this.onTidyHtml.bind(this);
+    }
+
+    onTidyHtml(html: string): string {
+        return html_beautify(html, {indent_size: 4});
+    }
+
+    render() {
+        return (
+            <ThingsboardAceEditor {...this.props} mode='html' onTidy={this.onTidyHtml} {...this.state}></ThingsboardAceEditor>
+        );
+    }
+}
+
+export default ThingsboardHtml;
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-image.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-image.tsx
new file mode 100644
index 0000000000..349d9c687b
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-image.tsx
@@ -0,0 +1,109 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React, {useCallback} from 'react';
+import { DropzoneState, useDropzone } from 'react-dropzone';
+import ThingsboardBaseComponent from './json-form-base-component';
+import Dropzone from 'react-dropzone';
+import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
+import IconButton from '@material-ui/core/IconButton';
+import ClearIcon from '@material-ui/icons/Clear';
+import Tooltip from '@material-ui/core/Tooltip';
+
+interface ThingsboardImageState extends JsonFormFieldState {
+  imageUrl: string;
+}
+
+class ThingsboardImage extends React.Component<JsonFormFieldProps, ThingsboardImageState> {
+
+    constructor(props) {
+        super(props);
+        this.onDrop = this.onDrop.bind(this);
+        this.onClear = this.onClear.bind(this);
+        const value = props.value ? props.value + '' : null;
+        this.state = {
+            imageUrl: value
+        };
+    }
+
+    onDrop(acceptedFiles: File[]) {
+      const reader = new FileReader();
+      reader.onload = () => {
+        this.onValueChanged(reader.result);
+      };
+      reader.readAsDataURL(acceptedFiles[0]);
+    }
+
+    onValueChanged(value) {
+        this.setState({
+            imageUrl: value
+        });
+        this.props.onChangeValidate({
+            target: {
+                value
+            }
+        });
+    }
+
+    onClear(event) {
+        if (event) {
+            event.stopPropagation();
+        }
+        this.onValueChanged('');
+    }
+
+    render() {
+
+        let labelClass = 'tb-label';
+        if (this.props.form.required) {
+            labelClass += ' tb-required';
+        }
+        if (this.props.form.readonly) {
+            labelClass += ' tb-readonly';
+        }
+
+        let previewComponent;
+        if (this.state.imageUrl) {
+            previewComponent = <img className='tb-image-preview' src={this.state.imageUrl} />;
+        } else {
+            previewComponent = <div>No image selected</div>;
+        }
+
+        return (
+            <div className='tb-container'>
+                <label className={labelClass}>{this.props.form.title}</label>
+                <div className='tb-image-select-container'>
+                    <div className='tb-image-preview-container'>{previewComponent}</div>
+                    <div className='tb-image-clear-container'>
+                        <Tooltip title='Clear' placement='top'>
+                          <IconButton className='tb-image-clear-btn' onClick={this.onClear}><ClearIcon/></IconButton>
+                        </Tooltip>
+                    </div>
+                    <Dropzone onDrop={this.onDrop}
+                              accept='image/*' multiple={false}>
+                      {({getRootProps, getInputProps}) => (
+                          <div className='tb-dropzone' {...getRootProps()}>
+                            <div>Drop an image or click to select a file to upload.</div>
+                            <input {...getInputProps()} />
+                          </div>
+                        )}
+                    </Dropzone>
+                </div>
+            </div>
+        );
+    }
+}
+
+export default ThingsboardBaseComponent(ThingsboardImage);
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-javascript.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-javascript.tsx
new file mode 100644
index 0000000000..d724d5cf95
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-javascript.tsx
@@ -0,0 +1,38 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import ThingsboardAceEditor from './json-form-ace-editor';
+import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
+
+class ThingsboardJavaScript extends React.Component<JsonFormFieldProps, JsonFormFieldState> {
+
+    constructor(props) {
+        super(props);
+        this.onTidyJavascript = this.onTidyJavascript.bind(this);
+    }
+
+    onTidyJavascript(javascript: string): string {
+        return js_beautify(javascript, {indent_size: 4, wrap_line_length: 60});
+    }
+
+    render() {
+        return (
+           <ThingsboardAceEditor {...this.props} mode='javascript' onTidy={this.onTidyJavascript} {...this.state}></ThingsboardAceEditor>
+        );
+    }
+}
+
+export default ThingsboardJavaScript;
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-json.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-json.tsx
new file mode 100644
index 0000000000..d335836e21
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-json.tsx
@@ -0,0 +1,38 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import ThingsboardAceEditor from './json-form-ace-editor';
+import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
+
+class ThingsboardJson extends React.Component<JsonFormFieldProps, JsonFormFieldState> {
+
+    constructor(props) {
+        super(props);
+        this.onTidyJson = this.onTidyJson.bind(this);
+    }
+
+    onTidyJson(json: string): string {
+        return js_beautify(json, {indent_size: 4});
+    }
+
+    render() {
+        return (
+            <ThingsboardAceEditor {...this.props} mode='json' onTidy={this.onTidyJson} {...this.state}></ThingsboardAceEditor>
+        );
+    }
+}
+
+export default ThingsboardJson;
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-number.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-number.tsx
new file mode 100644
index 0000000000..4617ee1fa4
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-number.tsx
@@ -0,0 +1,97 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import ThingsboardBaseComponent from './json-form-base-component';
+import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
+import { TextField } from '@material-ui/core';
+
+interface ThingsboardNumberState extends JsonFormFieldState {
+  focused: boolean;
+  lastSuccessfulValue: number;
+}
+
+class ThingsboardNumber extends React.Component<JsonFormFieldProps, ThingsboardNumberState> {
+
+  constructor(props) {
+    super(props);
+    this.preValidationCheck = this.preValidationCheck.bind(this);
+    this.onBlur = this.onBlur.bind(this);
+    this.onFocus = this.onFocus.bind(this);
+    this.state = {
+      lastSuccessfulValue: this.props.value,
+      focused: false
+    };
+  }
+
+  isNumeric(n) {
+    return n === null || n === '' || !isNaN(n) && isFinite(n);
+  }
+
+  onBlur() {
+    this.setState({focused: false});
+  }
+
+  onFocus() {
+    this.setState({focused: true});
+  }
+
+  preValidationCheck(e) {
+    if (this.isNumeric(e.target.value)) {
+      this.setState({
+        lastSuccessfulValue: e.target.value
+      });
+      this.props.onChangeValidate(e);
+    }
+  }
+
+  render() {
+
+    let fieldClass = 'tb-field';
+    if (this.props.form.required) {
+      fieldClass += ' tb-required';
+    }
+    if (this.props.form.readonly) {
+      fieldClass += ' tb-readonly';
+    }
+    if (this.state.focused) {
+      fieldClass += ' tb-focused';
+    }
+    let value = this.state.lastSuccessfulValue;
+    if (typeof value !== 'undefined') {
+      value = Number(value);
+    } else {
+      value = null;
+    }
+    return (
+      <div>
+        <TextField
+          className={fieldClass}
+          label={this.props.form.title}
+          type='number'
+          error={!this.props.valid}
+          helperText={this.props.valid ? this.props.form.placeholder : this.props.error}
+          onChange={this.preValidationCheck}
+          defaultValue={value}
+          disabled={this.props.form.readonly}
+          onFocus={this.onFocus}
+          onBlur={this.onBlur}
+          style={this.props.form.style || {width: '100%'}}/>
+      </div>
+    );
+  }
+}
+
+export default ThingsboardBaseComponent(ThingsboardNumber);
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-radios.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-radios.tsx
new file mode 100644
index 0000000000..85f884d331
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-radios.tsx
@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import { Radio, FormLabel, RadioGroup } from '@material-ui/core';
+import FormControl from '@material-ui/core/FormControl';
+import ThingsboardBaseComponent from '@shared/components/json-form/react/json-form-base-component';
+
+class ThingsboardRadios extends React.Component<JsonFormFieldProps, JsonFormFieldState> {
+  render() {
+    const items = this.props.form.titleMap.map((item, index) => {
+      return (
+          <FormControlLabel value={item.value} control={<Radio />} label={item.name} key={index} />
+      );
+    });
+
+    return (
+      <FormControl component='fieldset'
+                   className={this.props.form.htmlClass}
+                   disabled={this.props.form.readonly}>
+        <FormLabel component='legend'>{this.props.form.title}</FormLabel>
+        <RadioGroup name={this.props.form.title} value={this.props.value} onChange={(e) => {
+          this.props.onChangeValidate(e);
+        }}>
+          {items}
+        </RadioGroup>
+      </FormControl>
+    );
+  }
+}
+
+export default ThingsboardBaseComponent(ThingsboardRadios);
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-rc-select.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-rc-select.tsx
new file mode 100644
index 0000000000..3fac3276f8
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-rc-select.tsx
@@ -0,0 +1,197 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import * as React from 'react';
+import ThingsboardBaseComponent from './json-form-base-component';
+import Select, {Option} from 'rc-select';
+import {
+  JsonFormFieldProps,
+  JsonFormFieldState,
+  KeyLabelItem
+} from '@shared/components/json-form/react/json-form.models';
+import { Mode } from 'rc-select/lib/interface';
+
+interface ThingsboardRcSelectState extends JsonFormFieldState {
+  currentValue: KeyLabelItem | KeyLabelItem[];
+  items: Array<KeyLabelItem>;
+  focused: boolean;
+}
+
+class ThingsboardRcSelect extends React.Component<JsonFormFieldProps, ThingsboardRcSelectState> {
+
+    constructor(props) {
+        super(props);
+        this.onSelect = this.onSelect.bind(this);
+        this.onDeselect = this.onDeselect.bind(this);
+        this.onBlur = this.onBlur.bind(this);
+        this.onFocus = this.onFocus.bind(this);
+        this.state = {
+            currentValue: this.keyToCurrentValue(this.props.value, this.props.form.schema.type === 'array'),
+            items: this.props.form.items as KeyLabelItem[],
+            focused: false
+        };
+    }
+
+    keyToCurrentValue(key: string | string[], isArray: boolean): KeyLabelItem | KeyLabelItem[] {
+        let currentValue: KeyLabelItem | KeyLabelItem[] = isArray ? [] : null;
+        if (isArray) {
+            const keys = key;
+            if (keys) {
+              (keys as string[]).forEach((keyVal) => {
+                (currentValue as KeyLabelItem[]).push({key: keyVal, label: this.labelFromKey(keyVal)});
+              });
+            }
+        } else {
+            currentValue = {key: key as string, label: this.labelFromKey(key as string)};
+        }
+        return currentValue;
+    }
+
+    labelFromKey(key: string): string {
+        let label = key || '';
+        if (key) {
+          for (const item of this.props.form.items) {
+            if (item.value === key) {
+              label = item.label;
+              break;
+            }
+          }
+        }
+        return label;
+    }
+
+    arrayValues(items: KeyLabelItem[]): string[] {
+        const v: string[] = [];
+        if (items) {
+          items.forEach(item => {
+            v.push(item.key);
+          });
+        }
+        return v;
+    }
+
+    keyIndex(values: KeyLabelItem[], key: string): number {
+        let index = -1;
+        if (values) {
+            for (let i = 0; i < values.length; i++) {
+                if (values[i].key === key) {
+                    index = i;
+                    break;
+                }
+            }
+        }
+        return index;
+    }
+
+    onSelect(value: KeyLabelItem, option) {
+        if (this.props.form.schema.type === 'array') {
+            const v = this.state.currentValue as KeyLabelItem[];
+            v.push(this.keyToCurrentValue(value.key, false) as KeyLabelItem);
+            this.setState({
+                currentValue: v
+            });
+            this.props.onChangeValidate(this.arrayValues(v));
+        } else {
+            this.setState({currentValue: this.keyToCurrentValue(value.key, false)});
+            this.props.onChangeValidate({target: {value: value.key}});
+        }
+    }
+
+    onDeselect(value: KeyLabelItem, option) {
+        if (this.props.form.schema.type === 'array') {
+            const v = this.state.currentValue as KeyLabelItem[];
+            const index = this.keyIndex(v, value.key);
+            if (index > -1) {
+                v.splice(index, 1);
+            }
+            this.setState({
+                currentValue: v
+            });
+            this.props.onChangeValidate(this.arrayValues(v));
+        }
+    }
+
+    onBlur() {
+        this.setState({ focused: false });
+    }
+
+    onFocus() {
+        this.setState({ focused: true });
+    }
+
+    render() {
+
+        let options: JSX.Element[] = [];
+        if (this.state.items && this.state.items.length > 0) {
+            options = this.state.items.map((item, idx) => (
+              <Option key={idx} value={item.value}>{item.label}</Option>
+            ));
+        }
+
+        let labelClass = 'tb-label';
+        if (this.props.form.required) {
+            labelClass += ' tb-required';
+        }
+        if (this.props.form.readonly) {
+            labelClass += ' tb-readonly';
+        }
+        if (this.state.focused) {
+            labelClass += ' tb-focused';
+        }
+        let mode: Mode;
+        if (this.props.form.tags) {
+          mode = 'tags';
+        } else if (this.props.form.multiple) {
+          mode = 'multiple';
+        }
+
+        const dropdownStyle = {...this.props.form.dropdownStyle, ...{zIndex: 100001}};
+        let dropdownClassName = 'tb-rc-select-dropdown';
+        if (this.props.form.dropdownClassName) {
+          dropdownClassName += ' ' + this.props.form.dropdownClassName;
+        }
+
+        return (
+            <div className='tb-container'>
+                <label className={labelClass}>{this.props.form.title}</label>
+                <Select
+                    className={this.props.form.className}
+                    dropdownClassName={dropdownClassName}
+                    dropdownStyle={dropdownStyle}
+                    allowClear={this.props.form.allowClear}
+                    showSearch={true}
+                    mode={mode}
+                    maxTagTextLength={this.props.form.maxTagTextLength}
+                    disabled={this.props.form.readonly}
+                    optionLabelProp='children'
+                    value={this.state.currentValue}
+                    labelInValue={true}
+                    onSelect={this.onSelect}
+                    onDeselect={this.onDeselect}
+                    onFocus={this.onFocus}
+                    onBlur={this.onBlur}
+                    style={this.props.form.style || {width: '100%'}}>
+                    {options}
+                </Select>
+                <div className='json-form-error'
+                     style={{opacity: this.props.valid ? '0' : '1',
+                             bottom: '-5px'}}>{this.props.error}</div>
+            </div>
+        );
+    }
+}
+
+export default ThingsboardBaseComponent(ThingsboardRcSelect);
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-react.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-react.tsx
new file mode 100644
index 0000000000..2988a351e0
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-react.tsx
@@ -0,0 +1,53 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
+import thingsboardTheme from './styles/thingsboardTheme';
+import ThingsboardSchemaForm from './json-form-schema-form';
+import { JsonFormProps } from './json-form.models';
+
+const tbTheme = createMuiTheme(thingsboardTheme);
+
+class ReactSchemaForm extends React.Component<JsonFormProps, {}> {
+
+  static defaultProps: JsonFormProps;
+
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    if (this.props.form.length > 0) {
+      return <ThemeProvider theme={tbTheme}><ThingsboardSchemaForm {...this.props} /></ThemeProvider>;
+    } else {
+      return <div></div>;
+    }
+  }
+}
+
+ReactSchemaForm.defaultProps = {
+  isFullscreen: false,
+  schema: {},
+  form: ['*'],
+  groupInfoes: [],
+  option: {
+    formDefaults: {
+      startEmpty: true
+    }
+  }
+};
+
+export default ReactSchemaForm;
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-schema-form.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-schema-form.tsx
new file mode 100644
index 0000000000..fbb8fee7db
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-schema-form.tsx
@@ -0,0 +1,186 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import JsonFormUtils from './json-form-utils';
+
+import ThingsboardArray from './json-form-array';
+import ThingsboardJavaScript from './json-form-javascript';
+import ThingsboardJson from './json-form-json';
+import ThingsboardHtml from './json-form-html';
+import ThingsboardCss from './json-form-css';
+import ThingsboardColor from './json-form-color';
+import ThingsboardRcSelect from './json-form-rc-select';
+import ThingsboardNumber from './json-form-number';
+import ThingsboardText from './json-form-text';
+import ThingsboardSelect from './json-form-select';
+import ThingsboardRadios from './json-form-radios';
+import ThingsboardDate from './json-form-date';
+import ThingsboardImage from './json-form-image';
+import ThingsboardCheckbox from './json-form-checkbox';
+import ThingsboardHelp from './json-form-help';
+import ThingsboardFieldSet from './json-form-fieldset';
+import { JsonFormProps, GroupInfo, JsonFormData, onChangeFn, OnColorClickFn } from './json-form.models';
+
+import _ from 'lodash';
+import * as tinycolor_ from 'tinycolor2';
+const tinycolor = tinycolor_;
+
+class ThingsboardSchemaForm extends React.Component<JsonFormProps, any> {
+
+  private hasConditions: boolean;
+  private readonly mapper: {[type: string]: any};
+
+  constructor(props) {
+    super(props);
+
+    this.mapper = {
+      number: ThingsboardNumber,
+      text: ThingsboardText,
+      password: ThingsboardText,
+      textarea: ThingsboardText,
+      select: ThingsboardSelect,
+      radios: ThingsboardRadios,
+      date: ThingsboardDate,
+      image: ThingsboardImage,
+      checkbox: ThingsboardCheckbox,
+      help: ThingsboardHelp,
+      array: ThingsboardArray,
+      javascript: ThingsboardJavaScript,
+      json: ThingsboardJson,
+      html: ThingsboardHtml,
+      css: ThingsboardCss,
+      color: ThingsboardColor,
+      'rc-select': ThingsboardRcSelect,
+      fieldset: ThingsboardFieldSet
+    };
+
+    this.onChange = this.onChange.bind(this);
+    this.onColorClick = this.onColorClick.bind(this);
+    this.onToggleFullscreen = this.onToggleFullscreen.bind(this);
+    this.hasConditions = false;
+  }
+
+  onChange(key: (string | number)[], val: any, forceUpdate?: boolean) {
+    this.props.onModelChange(key, val, forceUpdate);
+    if (this.hasConditions) {
+      this.forceUpdate();
+    }
+  }
+
+  onColorClick(key: (string | number)[], val: tinycolor.ColorFormats.RGBA,
+               colorSelectedFn: (color: tinycolor.ColorFormats.RGBA) => void) {
+    this.props.onColorClick(key, val, colorSelectedFn);
+  }
+
+  onToggleFullscreen(element: HTMLElement, fullscreenFinishFn?: () => void) {
+    this.props.onToggleFullscreen(element, fullscreenFinishFn);
+  }
+
+
+  builder(form: JsonFormData,
+          model: any,
+          index: number,
+          onChange: onChangeFn,
+          onColorClick: OnColorClickFn,
+          onToggleFullscreen: () => void,
+          mapper: {[type: string]: any}): JSX.Element {
+    const type = form.type;
+    const Field = this.mapper[type];
+    if (!Field) {
+      console.log('Invalid field: \"' + form.key[0] + '\"!');
+      return null;
+    }
+    if (form.condition) {
+      this.hasConditions = true;
+      // tslint:disable-next-line:no-eval
+      if (eval(form.condition) === false) {
+        return null;
+      }
+    }
+    return <Field model={model} form={form} key={index} onChange={onChange}
+                  onColorClick={onColorClick}
+                  onToggleFullscreen={onToggleFullscreen}
+                  mapper={mapper} builder={this.builder}/>;
+  }
+
+  createSchema(theForm: any[]): JSX.Element {
+    const merged = JsonFormUtils.merge(this.props.schema, theForm, this.props.ignore, this.props.option);
+    let mapper = this.mapper;
+    if (this.props.mapper) {
+      mapper = _.merge(this.mapper, this.props.mapper);
+    }
+    const forms = merged.map(function(form, index) {
+      return this.builder(form, this.props.model, index, this.onChange, this.onColorClick, this.onToggleFullscreen, mapper);
+    }.bind(this));
+
+    let formClass = 'SchemaForm';
+    if (this.props.isFullscreen) {
+      formClass += ' SchemaFormFullscreen';
+    }
+
+    return (
+      <div style={{width: '100%'}} className={formClass}>{forms}</div>
+    );
+  }
+
+  render() {
+    if (this.props.groupInfoes && this.props.groupInfoes.length > 0) {
+      const content: JSX.Element[] = [];
+      for (const info of this.props.groupInfoes) {
+        const forms = this.createSchema(this.props.form[info.formIndex]);
+        const item = <ThingsboardSchemaGroup key={content.length} forms={forms} info={info}></ThingsboardSchemaGroup>;
+        content.push(item);
+      }
+      return (<div>{content}</div>);
+    } else {
+      return this.createSchema(this.props.form);
+    }
+  }
+}
+export default ThingsboardSchemaForm;
+
+interface ThingsboardSchemaGroupProps {
+  info: GroupInfo;
+  forms: JSX.Element;
+}
+
+interface ThingsboardSchemaGroupState {
+  showGroup: boolean;
+}
+
+class ThingsboardSchemaGroup extends React.Component<ThingsboardSchemaGroupProps, ThingsboardSchemaGroupState> {
+  constructor(props) {
+    super(props);
+    this.state = {
+      showGroup: true
+    };
+  }
+
+  toogleGroup(index) {
+    this.setState({
+      showGroup: !this.state.showGroup
+    });
+  }
+
+  render() {
+    const theCla = 'pull-right fa fa-chevron-down tb-toggle-icon' + (this.state.showGroup ? '' : ' tb-toggled');
+    return (<section className='mat-elevation-z1' style={{marginTop: '10px'}}>
+      <div className='SchemaGroupname tb-button-toggle'
+           onClick={this.toogleGroup.bind(this)}>{this.props.info.GroupTitle}<span className={theCla}></span></div>
+      <div style={{padding: '20px'}} className={this.state.showGroup ? '' : 'invisible'}>{this.props.forms}</div>
+    </section>);
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-select.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-select.tsx
new file mode 100644
index 0000000000..565325ccf2
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-select.tsx
@@ -0,0 +1,75 @@
+import * as React from 'react';
+import {
+  JsonFormFieldProps,
+  JsonFormFieldState,
+  KeyLabelItem
+} from '@shared/components/json-form/react/json-form.models';
+import MenuItem from '@material-ui/core/MenuItem';
+import FormControl from '@material-ui/core/FormControl';
+import InputLabel from '@material-ui/core/InputLabel';
+import Select from '@material-ui/core/Select';
+import ThingsboardBaseComponent from '@shared/components/json-form/react/json-form-base-component';
+
+interface ThingsboardSelectState extends JsonFormFieldState {
+  currentValue: any;
+}
+
+class ThingsboardSelect extends React.Component<JsonFormFieldProps, ThingsboardSelectState> {
+
+  constructor(props) {
+    super(props);
+    this.onSelected = this.onSelected.bind(this);
+    const possibleValue = this.getModelKey(this.props.model, this.props.form.key);
+    this.state = {
+      currentValue: this.props.model !== undefined && possibleValue ? possibleValue : this.props.form.titleMap != null ?
+        this.props.form.titleMap[0].value : ''
+    };
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if (nextProps.model && nextProps.form.key) {
+      this.setState({
+        currentValue: this.getModelKey(nextProps.model, nextProps.form.key)
+          || (nextProps.form.titleMap != null ? nextProps.form.titleMap[0].value : '')
+      });
+    }
+  }
+
+  getModelKey(model, key) {
+    if (Array.isArray(key)) {
+      return key.reduce((cur, nxt) => (cur[nxt] || {}), model);
+    } else {
+      return model[key];
+    }
+  }
+
+  onSelected(event: React.ChangeEvent<{ name?: string; value: any }>) {
+
+    this.setState({
+      currentValue: event.target.value
+    });
+    this.props.onChangeValidate(event);
+  }
+
+  render() {
+    const menuItems = this.props.form.titleMap.map((item, idx) => (
+      <MenuItem key={idx}
+                value={item.value}>{item.name}</MenuItem>
+    ));
+
+    return (
+      <FormControl className={this.props.form.htmlClass}
+                   disabled={this.props.form.readonly}
+                   fullWidth={true}>
+        <InputLabel htmlFor='select-field'>{this.props.form.title}</InputLabel>
+        <Select
+          value={this.state.currentValue}
+          onChange={this.onSelected}>
+          {menuItems}
+        </Select>
+      </FormControl>
+    );
+  }
+}
+
+export default ThingsboardBaseComponent(ThingsboardSelect);
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-text.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-text.tsx
new file mode 100644
index 0000000000..c7045d759f
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-text.tsx
@@ -0,0 +1,86 @@
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import ThingsboardBaseComponent from './json-form-base-component';
+import TextField from '@material-ui/core/TextField';
+import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
+import { FormControl } from '@material-ui/core';
+
+interface ThingsboardTextState extends JsonFormFieldState {
+  focused: boolean;
+}
+
+class ThingsboardText extends React.Component<JsonFormFieldProps, ThingsboardTextState> {
+
+  constructor(props) {
+    super(props);
+    this.onBlur = this.onBlur.bind(this);
+    this.onFocus = this.onFocus.bind(this);
+    this.state = {
+      focused: false
+    };
+  }
+
+  onBlur() {
+    this.setState({focused: false});
+  }
+
+  onFocus() {
+    this.setState({focused: true});
+  }
+
+  render() {
+
+    let fieldClass = 'tb-field';
+    if (this.props.form.required) {
+      fieldClass += ' tb-required';
+    }
+    if (this.props.form.readonly) {
+      fieldClass += ' tb-readonly';
+    }
+    if (this.state.focused) {
+      fieldClass += ' tb-focused';
+    }
+
+    const multiline = this.props.form.type === 'textarea';
+    const rows = multiline ? this.props.form.rows : 1;
+    const rowsMax = multiline ? this.props.form.rowsMax : 1;
+
+    return (
+      <div>
+        <TextField
+          className={fieldClass}
+          type={this.props.form.type}
+          label={this.props.form.title}
+          multiline={multiline}
+          error={!this.props.valid}
+          helperText={this.props.valid ? this.props.form.placeholder : this.props.error}
+          onChange={(e) => {
+            this.props.onChangeValidate(e);
+          }}
+          defaultValue={this.props.value}
+          disabled={this.props.form.readonly}
+          rows={rows}
+          rowsMax={rowsMax}
+          onFocus={this.onFocus}
+          onBlur={this.onBlur}
+          style={this.props.form.style || {width: '100%'}}/>
+      </div>
+    );
+  }
+}
+
+export default ThingsboardBaseComponent(ThingsboardText);
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-utils.ts b/ui-ngx/src/app/shared/components/json-form/react/json-form-utils.ts
new file mode 100644
index 0000000000..11dd292fbe
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-utils.ts
@@ -0,0 +1,593 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import * as tv from 'tv4';
+import ObjectPath from 'objectpath';
+import _ from 'lodash';
+import {
+  SchemaValidationResult,
+  DefaultsFormOptions,
+  FormOption,
+  JsonSchemaData,
+  JsonFormData
+} from './json-form.models';
+import { isDefined, isString, isUndefined } from '@core/utils';
+import * as equal from 'deep-equal';
+
+function validateBySchema(schema: any, value: any): SchemaValidationResult {
+  return tv.validateResult(value, schema);
+}
+
+function validate(form: any, value: any): SchemaValidationResult {
+
+  if (!form) {
+    return {valid: true};
+  }
+  const schema = form.schema;
+
+  if (!schema) {
+    return {valid: true};
+  }
+
+  if (value === '') {
+    value = undefined;
+  }
+
+  // Numbers fields will give a null value, which also means empty field
+  if (form.type === 'number' && value === null) {
+    value = undefined;
+  }
+
+  if (form.type === 'number' && isNaN(parseFloat(value))) {
+    value = undefined;
+  }
+  const wrap: any = {type: 'object', properties: {}};
+  const propName = form.key[form.key.length - 1];
+  wrap.properties[propName] = schema;
+
+  if (form.required) {
+    wrap.required = [propName];
+  }
+  const valueWrap = {};
+  if (typeof value !== 'undefined') {
+    valueWrap[propName] = value;
+  }
+
+  const tv4Result: SchemaValidationResult = tv.validateResult(valueWrap, wrap);
+  if (tv4Result != null && !tv4Result.valid && form.validationMessage != null && typeof value !== 'undefined') {
+    tv4Result.error.message = form.validationMessage;
+  }
+  return tv4Result;
+}
+
+function stripNullType(type: any): string {
+  if (Array.isArray(type) && type.length === 2) {
+    if (type[0] === 'null') {
+      return type[1];
+    }
+    if (type[1] === 'null') {
+      return type[0];
+    }
+  }
+  return type;
+}
+
+const enumToTitleMap = (enm: string[]): { name: string, value: string }[] => {
+  const titleMap: { name: string, value: string }[] = [];
+  enm.forEach((name) => {
+    titleMap.push({name, value: name});
+  });
+  return titleMap;
+};
+
+const canonicalTitleMap = (titleMap: any, originalEnum?: string[]): { name: string, value: string }[] => {
+  if (!_.isArray(titleMap)) {
+    const canonical: { name: string, value: string }[] = [];
+    if (originalEnum) {
+      originalEnum.forEach((value) => {
+        canonical.push({name: titleMap[value], value});
+      });
+    } else {
+      for (const k of Object.keys(titleMap)) {
+        if (titleMap.hasOwnProperty(k)) {
+          canonical.push({name: k, value: titleMap[k]});
+        }
+      }
+    }
+    return canonical;
+  }
+  return titleMap;
+};
+
+const stdFormObj = (name: string, schema: any, options: DefaultsFormOptions): any => {
+  options = options || {};
+  const f = options.global && options.global.formDefaults ? _.cloneDeep(options.global.formDefaults) : {};
+  if (options.global && options.global.supressPropertyTitles === true) {
+    f.title = schema.title;
+  } else {
+    f.title = schema.title || name;
+  }
+
+  if (schema.description) {
+    f.description = schema.description;
+  }
+  if (options.required === true || schema.required === true) {
+    f.required = true;
+  }
+  if (schema.maxLength) {
+    f.maxlength = schema.maxLength;
+  }
+  if (schema.minLength) {
+    f.minlength = schema.minLength;
+  }
+  if (schema.readOnly || schema.readonly) {
+    f.readonly = true;
+  }
+  if (schema.minimum) {
+    f.minimum = schema.minimum + (schema.exclusiveMinimum ? 1 : 0);
+  }
+  if (schema.maximum) {
+    f.maximum = schema.maximum - (schema.exclusiveMaximum ? 1 : 0);
+  }
+
+  // Non standard attributes (DONT USE DEPRECATED)
+  // If you must set stuff like this in the schema use the x-schema-form attribute
+  if (schema.validationMessage) {
+    f.validationMessage = schema.validationMessage;
+  }
+  if (schema.enumNames) {
+    f.titleMap = canonicalTitleMap(schema.enumNames, schema.enum);
+  }
+  f.schema = schema;
+
+  // Ng model options doesn't play nice with undefined, might be defined
+  // globally though
+  f.ngModelOptions = f.ngModelOptions || {};
+
+  return f;
+};
+
+const text = (name: string, schema: any, options: DefaultsFormOptions): any => {
+  if (stripNullType(schema.type) === 'string' && !schema.enum) {
+    const f = stdFormObj(name, schema, options);
+    f.key = options.path;
+    f.type = 'text';
+    options.lookup[ObjectPath.stringify(options.path)] = f;
+    return f;
+  }
+};
+
+const numberType = (name: string, schema: any, options: DefaultsFormOptions): any => {
+  if (stripNullType(schema.type) === 'number') {
+    const f = stdFormObj(name, schema, options);
+    f.key = options.path;
+    f.type = 'number';
+    options.lookup[ObjectPath.stringify(options.path)] = f;
+    return f;
+  }
+};
+
+const integer = (name: string, schema: any, options: DefaultsFormOptions): any => {
+  if (stripNullType(schema.type) === 'integer') {
+    const f = stdFormObj(name, schema, options);
+    f.key = options.path;
+    f.type = 'number';
+    options.lookup[ObjectPath.stringify(options.path)] = f;
+    return f;
+  }
+};
+
+const date = (name: string, schema: any, options: DefaultsFormOptions): any => {
+  if (stripNullType(schema.type) === 'date') {
+    const f = stdFormObj(name, schema, options);
+    f.key = options.path;
+    f.type = 'date';
+    options.lookup[ObjectPath.stringify(options.path)] = f;
+    return f;
+  }
+};
+
+const checkbox = (name: string, schema: any, options: DefaultsFormOptions): any => {
+  if (stripNullType(schema.type) === 'boolean') {
+    const f = stdFormObj(name, schema, options);
+    f.key = options.path;
+    f.type = 'checkbox';
+    options.lookup[ObjectPath.stringify(options.path)] = f;
+    return f;
+  }
+};
+
+const select = (name: string, schema: any, options: DefaultsFormOptions): any => {
+  if (stripNullType(schema.type) === 'string' && schema.enum) {
+    const f = stdFormObj(name, schema, options);
+    f.key = options.path;
+    f.type = 'select';
+    if (!f.titleMap) {
+      f.titleMap = enumToTitleMap(schema.enum);
+    }
+    options.lookup[ObjectPath.stringify(options.path)] = f;
+    return f;
+  }
+};
+
+const checkboxes = (name: string, schema: any, options: DefaultsFormOptions): any => {
+  if (stripNullType(schema.type) === 'array' && schema.items && schema.items.enum) {
+    const f = stdFormObj(name, schema, options);
+    f.key = options.path;
+    f.type = 'checkboxes';
+    if (!f.titleMap) {
+      f.titleMap = enumToTitleMap(schema.items.enum);
+    }
+    options.lookup[ObjectPath.stringify(options.path)] = f;
+    return f;
+  }
+};
+
+const fieldset = (name: string, schema: any, options: DefaultsFormOptions): any => {
+  if (stripNullType(schema.type) === 'object') {
+    const f = stdFormObj(name, schema, options);
+    f.type = 'fieldset';
+    f.items = [];
+    options.lookup[ObjectPath.stringify(options.path)] = f;
+
+    // recurse down into properties
+    for (const k of Object.keys(schema.properties)) {
+      if (schema.properties.hasOwnProperty(k)) {
+        const path = options.path.slice();
+        path.push(k);
+        if (options.ignore[ObjectPath.stringify(path)] !== true) {
+          const required = schema.required && schema.required.indexOf(k) !== -1;
+
+          const def = defaultFormDefinition(k, schema.properties[k], {
+            path,
+            required: required || false,
+            lookup: options.lookup,
+            ignore: options.ignore,
+            global: options.global
+          });
+          if (def) {
+            f.items.push(def);
+          }
+        }
+      }
+    }
+    return f;
+  }
+};
+
+const array = (name: string, schema: any, options: DefaultsFormOptions): any => {
+
+  if (stripNullType(schema.type) === 'array') {
+    const f = stdFormObj(name, schema, options);
+    f.type = 'array';
+    f.key = options.path;
+    options.lookup[ObjectPath.stringify(options.path)] = f;
+
+    // don't do anything if items is not defined.
+    if (typeof schema.items !== 'undefined') {
+      const required = schema.required && schema.required.indexOf(options.path[options.path.length - 1]) !== -1;
+
+      const arrPath = options.path.slice();
+      arrPath.push('');
+      const def = defaultFormDefinition(name, schema.items, {
+        path: arrPath,
+        required: required || false,
+        lookup: options.lookup,
+        ignore: options.ignore,
+        global: options.global
+      });
+      if (def) {
+        f.items = [def];
+      } else {
+        // This is the case that item only contains key value pair for rc-select multipel
+        f.items = schema.items;
+      }
+    }
+    return f;
+  }
+};
+
+const defaults: { [key: string]: ((name: string, schema: any, options: DefaultsFormOptions) => any)[] } = {
+  string: [select, text],
+  object: [fieldset],
+  number: [numberType],
+  integer: [integer],
+  boolean: [checkbox],
+  array: [checkboxes, array],
+  date: [date]
+};
+
+function defaultFormDefinition(name: string, schema: any, options: DefaultsFormOptions): any {
+  const rules = defaults[stripNullType(schema.type)];
+  if (rules) {
+    let def;
+    for (const rule of rules) {
+      def = rule(name, schema, options);
+      if (def) {
+
+        // Do we have form defaults in the schema under the x-schema-form-attribute?
+        if (def.schema['x-schema-form'] && _.isObject(def.schema['x-schema-form'])) {
+          def = _.extend(def, def.schema['x-schema-form']);
+        }
+        return def;
+      }
+    }
+  }
+}
+
+interface DefaultsFormData {
+  form: any[];
+  lookup: { [key: string]: any };
+}
+
+function getDefaults(schema: any, ignore: { [key: string]: boolean }, globalOptions: FormOption): DefaultsFormData {
+  const form = [];
+  const lookup: { [key: string]: any } = {};
+  ignore = ignore || {};
+  globalOptions = globalOptions || {};
+  if (stripNullType(schema.type) === 'object') {
+    for (const k of Object.keys(schema.properties)) {
+      if (schema.properties.hasOwnProperty(k)) {
+        if (ignore[k] !== true) {
+          const required = schema.required && schema.required.indexOf(k) !== -1;
+          const def = defaultFormDefinition(k, schema.properties[k], {
+            path: [k], // Path to this property in bracket notation.
+            lookup, // Extra map to register with. Optimization for merger.
+            ignore, // The ignore list of paths (sans root level name)
+            required, // Is it required? (v4 json schema style)
+            global: globalOptions // Global options, including form defaults
+          });
+          if (def) {
+            form.push(def);
+          }
+        }
+      }
+    }
+  } else {
+    throw new Error('Not implemented. Only type "object" allowed at root level of schema.');
+  }
+  return {form, lookup};
+}
+
+const postProcessFn = (form: any[]): any[] => {
+  return form;
+};
+
+function merge(schema: any, form: any[], ignore: { [key: string]: boolean }, options: FormOption, isReadonly?: boolean): any[] {
+  form = form || ['*'];
+  options = options || {};
+  isReadonly = isReadonly || schema.readonly || schema.readOnly;
+  const stdForm = getDefaults(schema, ignore, options);
+  const idx = form.indexOf('*');
+  if (idx !== -1) {
+    form = form.slice(0, idx).concat(stdForm.form).concat(form.slice(idx + 1));
+  }
+  const lookup = stdForm.lookup;
+  return postProcessFn(form.map((obj) => {
+
+    if (typeof obj === 'string') {
+      obj = {key: obj};
+    }
+
+    if (obj.key) {
+      if (typeof obj.key === 'string') {
+        obj.key = ObjectPath.parse(obj.key);
+      }
+    }
+
+    if (obj.titleMap) {
+      obj.titleMap = canonicalTitleMap(obj.titleMap);
+    }
+
+    if (obj.itemForm) {
+      obj.items = [];
+      const str: string = ObjectPath.stringify(obj.key);
+      const lookupForm = lookup[str];
+      lookupForm.items.forEach((item) => {
+        const o = _.cloneDeep(obj.itemForm);
+        o.key = item.key;
+        obj.items.push(o);
+      });
+    }
+
+    if (obj.key) {
+      const strid: string = ObjectPath.stringify(obj.key);
+      if (lookup[strid]) {
+        const schemaDefaults = lookup[strid];
+        for (const k of Object.keys(schemaDefaults)) {
+          if (schemaDefaults.hasOwnProperty(k)) {
+            if (obj[k] === undefined) {
+              obj[k] = schemaDefaults[k];
+            }
+          }
+        }
+      }
+    }
+
+    if (isReadonly === true) {
+      obj.readonly = true;
+    }
+
+    if (obj.items && obj.items.length > 0) {
+      obj.items = merge(schema, obj.items, ignore, options, obj.readonly);
+    }
+
+    if (obj.tabs) {
+      obj.tabs.forEach((tab) => {
+        tab.items = merge(schema, tab.items, ignore, options, obj.readonly);
+      });
+    }
+
+    if (obj.type === 'checkbox' && _.isUndefined(obj.schema.default)) {
+      obj.schema.default = false;
+    }
+
+    return obj;
+  }));
+}
+
+function selectOrSet(projection: string | (string | number)[], obj: any, valueToSet?: any): any {
+  const numRe = /^\d+$/;
+
+  if (!obj) {
+    obj = this;
+  }
+  const parts = typeof projection === 'string' ? ObjectPath.parse(projection) : projection;
+
+  if (typeof valueToSet !== 'undefined' && parts.length === 1) {
+    obj[parts[0]] = valueToSet;
+    return obj;
+  }
+
+  if (typeof valueToSet !== 'undefined' && typeof obj[parts[0]] === 'undefined') {
+    obj[parts[0]] = parts.length > 2 && numRe.test(parts[1]) ? [] : {};
+  }
+
+  let value = obj[parts[0]];
+  for (let i = 1; i < parts.length; i++) {
+    if (parts[i] === '') {
+      return undefined;
+    }
+    if (typeof valueToSet !== 'undefined') {
+      if (i === parts.length - 1) {
+        value[parts[i]] = valueToSet;
+        return valueToSet;
+      } else {
+        let tmp = value[parts[i]];
+        if (typeof tmp === 'undefined' || tmp === null) {
+          tmp = numRe.test(parts[i + 1]) ? [] : {};
+          value[parts[i]] = tmp;
+        }
+        value = tmp;
+      }
+    } else if (value) {
+      value = value[parts[i]];
+    }
+  }
+  return value;
+}
+
+function updateValue(projection: string | (string | number)[], obj: any, valueToSet: any): boolean {
+  const numRe = /^\d+$/;
+
+  if (!obj) {
+    obj = this;
+  }
+
+  if (!obj) {
+    return false;
+  }
+
+  const parts: string[] = isString(projection) ? ObjectPath.parse(projection) : projection;
+
+  if (parts.length === 1) {
+    return setValue(obj, parts[0], valueToSet);
+  }
+
+  if (isUndefined(obj[parts[0]])) {
+    obj[parts[0]] = parts.length > 2 && numRe.test(parts[1]) ? [] : {};
+  }
+
+  let value = obj[parts[0]];
+  for (let i = 1; i < parts.length; i++) {
+    if (parts[i] === '') {
+      return false;
+    }
+    if (i === parts.length - 1) {
+      return setValue(value, parts[i], valueToSet);
+    } else {
+      let tmp = value[parts[i]];
+      if (isUndefined(tmp) || tmp === null) {
+        tmp = numRe.test(parts[i + 1]) ? [] : {};
+        value[parts[i]] = tmp;
+      }
+      value = tmp;
+    }
+  }
+  return value;
+}
+
+
+function setValue(obj: any, key: string, val: any): boolean {
+  let changed = false;
+  if (obj) {
+    if (isUndefined(val)) {
+      if (isDefined(obj[key])) {
+        delete obj[key];
+        changed = true;
+      }
+    } else {
+      changed = !equal(obj[key], val);
+      obj[key] = val;
+    }
+  }
+  return changed;
+}
+
+function traverseSchema(schema: JsonSchemaData, fn: (prop: any, path: string[]) => any, path?: string[], ignoreArrays?: boolean) {
+  ignoreArrays = typeof ignoreArrays !== 'undefined' ? ignoreArrays : true;
+
+  path = path || [];
+
+  const traverse = ($schema: JsonSchemaData, $fn: (prop: any, path: string[]) => any, $path: string[]) => {
+    $fn($schema, $path);
+    if ($schema.properties) {
+      for (const k of Object.keys($schema.properties)) {
+        if ($schema.properties.hasOwnProperty(k)) {
+          const currentPath = $path.slice();
+          currentPath.push(k);
+          traverse($schema.properties[k], $fn, currentPath);
+        }
+      }
+    }
+    if (!ignoreArrays && $schema.items) {
+      const arrPath = $path.slice();
+      arrPath.push('');
+      traverse($schema.items, $fn, arrPath);
+    }
+  };
+
+  traverse(schema, fn, path || []);
+}
+
+function traverseForm(form: JsonFormData, fn: (form: JsonFormData) => any) {
+  fn(form);
+  if (form.items) {
+    form.items.forEach((f) => {
+      traverseForm(f, fn);
+    });
+  }
+
+  if (form.tabs) {
+    form.tabs.forEach((tab) => {
+      tab.items.forEach((f) => {
+        traverseForm(f, fn);
+      });
+    });
+  }
+}
+
+
+const utils = {
+  validateBySchema,
+  validate,
+  merge,
+  updateValue,
+  selectOrSet,
+  traverseSchema,
+  traverseForm
+};
+export default utils;
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form.models.ts b/ui-ngx/src/app/shared/components/json-form/react/json-form.models.ts
new file mode 100644
index 0000000000..65beb277c2
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form.models.ts
@@ -0,0 +1,138 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { isUndefined, isDefined, isString } from '@app/core/utils';
+import * as equal from 'deep-equal';
+import ObjectPath from 'objectpath';
+import * as React from 'react';
+import * as tinycolor_ from 'tinycolor2';
+
+const tinycolor = tinycolor_;
+
+export interface SchemaValidationResult {
+  valid: boolean;
+  error?: {
+    message?: string;
+  };
+}
+
+export interface FormOption {
+  formDefaults?: {
+    startEmpty?: boolean;
+    readonly?: boolean;
+  };
+  supressPropertyTitles?: boolean;
+}
+
+export interface DefaultsFormOptions {
+  global?: FormOption;
+  required?: boolean;
+  path?: string[];
+  lookup?: {[key: string]: any};
+  ignore?: {[key: string]: boolean};
+}
+
+export interface GroupInfo {
+  formIndex: number;
+  GroupTitle: string;
+}
+
+export type onChangeFn = (key: (string | number)[], val: any, forceUpdate?: boolean) => void;
+export type OnColorClickFn = (key: (string | number)[], val: tinycolor.ColorFormats.RGBA,
+                              colorSelectedFn: (color: tinycolor.ColorFormats.RGBA) => void) => void;
+export type onToggleFullscreenFn = (element: HTMLElement, fullscreenFinishFn?: () => void) => void;
+
+export interface JsonFormProps {
+  model?: any;
+  schema?: any;
+  form?: any;
+  groupInfoes?: GroupInfo[];
+  isFullscreen: boolean;
+  ignore?: {[key: string]: boolean};
+  option: FormOption;
+  onModelChange?: onChangeFn;
+  onColorClick?: OnColorClickFn;
+  onToggleFullscreen?: onToggleFullscreenFn;
+  mapper?: {[type: string]: any};
+}
+
+export interface KeyLabelItem {
+  key: string;
+  label: string;
+  value?: string;
+}
+
+export interface JsonSchemaData {
+  type: string;
+  default: any;
+  items?: JsonSchemaData;
+  properties?: any;
+}
+
+export interface JsonFormData {
+  type: string;
+  key: (string | number)[];
+  title: string;
+  readonly: boolean;
+  required: boolean;
+  default?: any;
+  condition?: string;
+  style?: any;
+  rows?: number;
+  rowsMax?: number;
+  placeholder?: string;
+  schema: JsonSchemaData;
+  titleMap: {
+    value: any;
+    name: string;
+  }[];
+  items?: Array<KeyLabelItem> | Array<JsonFormData>;
+  tabs?: Array<JsonFormData>;
+  tags?: any;
+  startEmpty?: boolean;
+  [key: string]: any;
+}
+
+export type ComponentBuilderFn = (form: JsonFormData,
+                                  model: any,
+                                  index: number,
+                                  onChange: onChangeFn,
+                                  onColorClick: OnColorClickFn,
+                                  onToggleFullscreen: onToggleFullscreenFn,
+                                  mapper: {[type: string]: any}) => JSX.Element;
+
+export interface JsonFormFieldProps {
+  value: any;
+  model: any;
+  form: JsonFormData;
+  builder: ComponentBuilderFn;
+  mapper?: {[type: string]: any};
+  onChange?: onChangeFn;
+  onColorClick?: OnColorClickFn;
+  onChangeValidate?: (e: any, forceUpdate?: boolean) => void;
+  onToggleFullscreen?: onToggleFullscreenFn;
+  valid?: boolean;
+  error?: string;
+  options?: {
+    setSchemaDefaults?: boolean;
+  };
+}
+
+export interface JsonFormFieldState {
+  value?: any;
+  valid?: boolean;
+  error?: string;
+}
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form.scss b/ui-ngx/src/app/shared/components/json-form/react/json-form.scss
new file mode 100644
index 0000000000..dd46327298
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form.scss
@@ -0,0 +1,344 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import "~compass-sass-mixins/lib/compass";
+
+$swift-ease-out-duration: .4s !default;
+$swift-ease-out-timing-function: cubic-bezier(.25, .8, .25, 1) !default;
+
+$input-label-float-offset: 6px !default;
+$input-label-float-scale: .75 !default;
+
+$previewSize: 100px !default;
+
+.tb-json-form {
+
+  &.tb-fullscreen {
+    background: #fff;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    > div.fullscreen-form-field {
+      position: relative;
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .json-form-error {
+    position: relative;
+    bottom: -5px;
+    font-size: 12px;
+    line-height: 12px;
+    color: rgb(244, 67, 54);
+
+    transition: all 450ms cubic-bezier(.23, 1, .32, 1) 0ms;
+  }
+
+  .tb-container {
+    position: relative;
+    box-sizing: border-box;
+    padding: 10px 0;
+    margin-top: 32px;
+  }
+
+  .tb-field {
+    padding-bottom: 18px;
+    &.tb-required {
+      label::after {
+        font-size: 13px;
+        color: rgba(0, 0, 0, .54);
+        vertical-align: top;
+        content: " *";
+      }
+    }
+
+    &.tb-focused:not(.tb-readonly) {
+      label::after {
+        color: rgb(221, 44, 0);
+      }
+    }
+  }
+
+  .tb-date-field {
+    &.tb-required {
+      div > div:first-child::after {
+        font-size: 13px;
+        color: rgba(0, 0, 0, .54);
+        vertical-align: top;
+        content: " *";
+      }
+    }
+
+    &.tb-focused:not(.tb-readonly) {
+      div > div:first-child::after {
+        color: rgb(221, 44, 0);
+      }
+    }
+  }
+
+  label.tb-label {
+    position: absolute;
+    right: auto;
+    bottom: 100%;
+    left: 0;
+    color: rgba(0, 0, 0, .54);
+
+    transition: transform $swift-ease-out-timing-function $swift-ease-out-duration, width $swift-ease-out-timing-function $swift-ease-out-duration;
+
+    transform: translate3d(0, $input-label-float-offset, 0) scale($input-label-float-scale);
+    transform-origin: left top;
+    -webkit-font-smoothing: antialiased;
+
+    &.tb-focused {
+      color: rgb(96, 125, 139);
+    }
+
+    &.tb-required::after {
+      font-size: 13px;
+      color: rgba(0, 0, 0, .54);
+      vertical-align: top;
+      content: " *";
+    }
+
+    &.tb-focused:not(.tb-readonly)::after {
+      color: rgb(221, 44, 0);
+    }
+  }
+
+  .tb-head-label {
+    color: rgba(0, 0, 0, .54);
+    padding-bottom: 15px;
+  }
+
+  .SchemaGroupname {
+    padding: 10px 20px;
+    background-color: #f1f1f1;
+  }
+
+  .invisible {
+    display: none;
+  }
+
+  span.tb-toggle-icon {
+    padding-top: 12px;
+    padding-bottom: 12px;
+  }
+
+  .tb-button-toggle .tb-toggle-icon {
+    display: inline-block;
+    width: 15px;
+    margin: auto 0 auto auto;
+    background-size: 100% auto;
+
+    transition: transform .3s, ease-in-out;
+  }
+
+  .tb-button-toggle .tb-toggle-icon.tb-toggled {
+    transform: rotateZ(180deg);
+  }
+
+  .fullscreen-form-field {
+    .json-form-ace-editor {
+      height: calc(100% - 60px);
+    }
+  }
+
+  .json-form-ace-editor {
+    position: relative;
+    height: 100%;
+    border: 1px solid #c0c0c0;
+
+    .title-panel {
+      position: absolute;
+      top: 10px;
+      right: 20px;
+      z-index: 5;
+      font-size: .8rem;
+      font-weight: 500;
+
+      label {
+        padding: 4px;
+        color: #00acc1;
+        text-transform: uppercase;
+        background: rgba(220, 220, 220, .35);
+        border-radius: 5px;
+      }
+
+      button.tidy-button {
+        background: rgba(220, 220, 220, .35) !important;
+
+        span {
+          padding: 0 !important;
+          font-size: 12px !important;
+        }
+      }
+    }
+  }
+
+  .tb-image-select-container {
+    position: relative;
+    width: 100%;
+    height: $previewSize;
+  }
+
+  .tb-image-preview {
+    width: auto;
+    max-width: $previewSize;
+    height: auto;
+    max-height: $previewSize;
+  }
+
+  .tb-image-preview-container {
+    position: relative;
+    float: left;
+    width: $previewSize;
+    height: $previewSize;
+    margin-right: 12px;
+    vertical-align: top;
+    border: solid 1px;
+
+    div {
+      width: 100%;
+      font-size: 18px;
+      text-align: center;
+    }
+
+    div, .tb-image-preview {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+  }
+
+  .tb-dropzone {
+    outline: none;
+    position: relative;
+    height: $previewSize;
+    padding: 0 8px;
+    overflow: hidden;
+    vertical-align: top;
+    border: dashed 2px;
+
+    div {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 100%;
+      font-size: 24px;
+      text-align: center;
+      transform: translate(-50%, -50%);
+    }
+  }
+
+  .tb-image-clear-container {
+    position: relative;
+    float: right;
+    width: 48px;
+    height: $previewSize;
+  }
+
+  .tb-image-clear-btn {
+    position: absolute !important;
+    top: 50%;
+    transform: translate(0%, -50%) !important;
+  }
+
+}
+
+.rc-select {
+  box-sizing: border-box;
+  display: inline-block;
+  position: relative;
+  vertical-align: middle;
+  color: #666;
+  line-height: 28px;
+  font-size: inherit !important;
+  .rc-select-selector {
+    outline: none;
+    user-select: none;
+    box-sizing: border-box;
+    display: block;
+    background-color: #fff;
+    border-radius: 6px;
+  }
+  &.rc-select-single {
+    &:not(.rc-select-customize-input) {
+      .rc-select-selector {
+        height: 28px;
+        line-height: 28px;
+        position: relative;
+        border: 1px solid #d9d9d9;
+        &:hover {
+          border-color: #23c0fa;
+          box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
+        }
+        .rc-select-selection-search {
+          .rc-select-selection-search-input {
+            cursor: pointer;
+            background: transparent;
+            margin-left: 10px;
+          }
+        }
+        .rc-select-selection-item, .rc-select-selection-placeholder {
+          top: 0;
+          left: 10px;
+        }
+      }
+      &.rc-select-focused {
+        .rc-select-selector {
+          border-color: #23c0fa !important;
+          box-shadow: 0 0 2px rgba(45, 183, 245, 0.8) !important;
+        }
+      }
+    }
+  }
+}
+
+.rc-select-dropdown {
+  &.tb-rc-select-dropdown {
+    z-index: 100001;
+    background-color: white;
+    border: 1px solid #d9d9d9;
+    box-shadow: 0 0px 4px #d9d9d9;
+    border-radius: 4px;
+    box-sizing: border-box;
+    outline: none;
+
+    .rc-select-item {
+      &.rc-select-item-option {
+        margin: 0;
+        position: relative;
+        display: block;
+        padding: 7px 10px;
+        font-weight: normal;
+        color: #666;
+        white-space: nowrap;
+        &.rc-select-item-option-selected {
+          color: #666;
+          background-color: #ddd;
+        }
+        &.rc-select-item-option-active {
+          background-color: #5897fb;
+          color: white;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/json-form/react/styles/thingsboardTheme.ts b/ui-ngx/src/app/shared/components/json-form/react/styles/thingsboardTheme.ts
new file mode 100644
index 0000000000..4305e8a8a2
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-form/react/styles/thingsboardTheme.ts
@@ -0,0 +1,61 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+/*
+ * Copyright © 2016-2019 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import indigo from '@material-ui/core/colors/indigo';
+import deeepOrange from '@material-ui/core/colors/deepOrange';
+import { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
+import { PaletteOptions } from '@material-ui/core/styles/createPalette';
+import { deepClone } from '@core/utils';
+
+const PRIMARY_COLOR = '#305680';
+const SECONDARY_COLOR = '#527dad';
+const HUE3_COLOR = '#a7c1de';
+
+const tbIndigo = deepClone(indigo);
+tbIndigo['500'] = PRIMARY_COLOR;
+tbIndigo['600'] = SECONDARY_COLOR;
+tbIndigo['700'] = tbIndigo['500'];
+tbIndigo.A100 = HUE3_COLOR;
+
+const thingsboardPalette: PaletteOptions = {
+  primary: tbIndigo,
+  secondary: deeepOrange,
+  background: {
+    default: '#eee'
+  }
+};
+
+export default {
+  typography: {
+    fontFamily: 'Roboto, \'Helvetica Neue\', sans-serif'
+  },
+  palette: thingsboardPalette,
+} as ThemeOptions;
diff --git a/ui-ngx/src/app/shared/components/json-object-edit.component.html b/ui-ngx/src/app/shared/components/json-object-edit.component.html
new file mode 100644
index 0000000000..bec6b58076
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-object-edit.component.html
@@ -0,0 +1,37 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div style="background: #fff;" [ngClass]="{'fill-height': fillHeight}"
+     tb-fullscreen
+     [fullscreen]="fullscreen" (fullscreenChanged)="onFullscreen()" fxLayout="column">
+  <div fxLayout="row" fxLayoutAlign="start center">
+    <label class="tb-title no-padding"
+           ng-class="{'tb-required': required,
+                      'tb-readonly': readonly,
+                      'tb-error': !objectValid}">{{ label }}</label>
+    <span fxFlex></span>
+    <button mat-button mat-icon-button (click)="fullscreen = !fullscreen"
+            matTooltip="{{(fullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
+            matTooltipPosition="above">
+      <mat-icon class="material-icons">{{ fullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
+    </button>
+  </div>
+  <div id="tb-json-panel" tb-toast toastTarget="jsonObjectEditor"
+       class="tb-json-object-panel" fxLayout="column">
+    <div #jsonEditor id="tb-json-input" [ngStyle]="editorStyle" [ngClass]="{'fill-height': fillHeight}"></div>
+  </div>
+</div>
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/type/AuthorityCodec.java b/ui-ngx/src/app/shared/components/json-object-edit.component.scss
similarity index 67%
rename from dao/src/main/java/org/thingsboard/server/dao/model/type/AuthorityCodec.java
rename to ui-ngx/src/app/shared/components/json-object-edit.component.scss
index 0101a36ea9..9bdfa156c5 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/model/type/AuthorityCodec.java
+++ b/ui-ngx/src/app/shared/components/json-object-edit.component.scss
@@ -13,15 +13,26 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.model.type;
+:host {
+  position: relative;
 
-import com.datastax.driver.extras.codecs.enums.EnumNameCodec;
-import org.thingsboard.server.common.data.security.Authority;
+  .fill-height {
+    height: 100%;
+  }
+}
 
-public class AuthorityCodec extends EnumNameCodec<Authority> {
+.tb-json-object-panel {
+  height: 100%;
+  margin-left: 15px;
+  border: 1px solid #c0c0c0;
 
-    public AuthorityCodec() {
-        super(Authority.class);
-    }
+  #tb-json-input {
+    width: 100%;
+    min-width: 200px;
+    height: 100%;
 
+    &:not(.fill-height) {
+      min-height: 200px;
+    }
+  }
 }
diff --git a/ui-ngx/src/app/shared/components/json-object-edit.component.ts b/ui-ngx/src/app/shared/components/json-object-edit.component.ts
new file mode 100644
index 0000000000..cc53a851aa
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/json-object-edit.component.ts
@@ -0,0 +1,255 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  Attribute, ChangeDetectionStrategy,
+  Component,
+  ElementRef,
+  forwardRef,
+  Input, OnDestroy,
+  OnInit,
+  ViewChild
+} from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR, FormControl, Validator, NG_VALIDATORS } from '@angular/forms';
+import * as ace from 'ace-builds';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { ActionNotificationHide, ActionNotificationShow } from '@core/notification/notification.actions';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { CancelAnimationFrame, RafService } from '@core/services/raf.service';
+
+@Component({
+  selector: 'tb-json-object-edit',
+  templateUrl: './json-object-edit.component.html',
+  styleUrls: ['./json-object-edit.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => JsonObjectEditComponent),
+      multi: true
+    },
+    {
+      provide: NG_VALIDATORS,
+      useExisting: forwardRef(() => JsonObjectEditComponent),
+      multi: true,
+    }
+  ]
+})
+export class JsonObjectEditComponent implements OnInit, ControlValueAccessor, Validator, OnDestroy {
+
+  @ViewChild('jsonEditor', {static: true})
+  jsonEditorElmRef: ElementRef;
+
+  private jsonEditor: ace.Ace.Editor;
+  private editorsResizeCaf: CancelAnimationFrame;
+  private editorResizeListener: any;
+
+  @Input() label: string;
+
+  @Input() disabled: boolean;
+
+  @Input() fillHeight: boolean;
+
+  @Input() editorStyle: {[klass: string]: any};
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  private readonlyValue: boolean;
+  get readonly(): boolean {
+    return this.readonlyValue;
+  }
+  @Input()
+  set readonly(value: boolean) {
+    this.readonlyValue = coerceBooleanProperty(value);
+  }
+
+  fullscreen = false;
+
+  modelValue: any;
+
+  contentValue: string;
+
+  objectValid: boolean;
+
+  validationError: string;
+
+  errorShowed = false;
+
+  private propagateChange = null;
+
+  constructor(public elementRef: ElementRef,
+              protected store: Store<AppState>,
+              private raf: RafService) {
+  }
+
+  ngOnInit(): void {
+    const editorElement = this.jsonEditorElmRef.nativeElement;
+    let editorOptions: Partial<ace.Ace.EditorOptions> = {
+      mode: 'ace/mode/json',
+      showGutter: true,
+      showPrintMargin: false,
+      readOnly: this.readonly
+    };
+
+    const advancedOptions = {
+      enableSnippets: true,
+      enableBasicAutocompletion: true,
+      enableLiveAutocompletion: true
+    };
+
+    editorOptions = {...editorOptions, ...advancedOptions};
+    this.jsonEditor = ace.edit(editorElement, editorOptions);
+    this.jsonEditor.session.setUseWrapMode(false);
+    this.jsonEditor.setValue(this.contentValue ? this.contentValue : '', -1);
+    this.jsonEditor.on('change', () => {
+      this.cleanupJsonErrors();
+      this.updateView();
+    });
+    this.editorResizeListener = this.onAceEditorResize.bind(this);
+    // @ts-ignore
+    addResizeListener(editorElement, this.editorResizeListener);
+  }
+
+  ngOnDestroy(): void {
+    if (this.editorResizeListener) {
+      const editorElement = this.jsonEditorElmRef.nativeElement;
+      // @ts-ignore
+      removeResizeListener(editorElement, this.editorResizeListener);
+    }
+  }
+
+  private onAceEditorResize() {
+    if (this.editorsResizeCaf) {
+      this.editorsResizeCaf();
+      this.editorsResizeCaf = null;
+    }
+    this.editorsResizeCaf = this.raf.raf(() => {
+      this.jsonEditor.resize();
+      this.jsonEditor.renderer.updateFull();
+    });
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  public validate(c: FormControl) {
+    return (this.objectValid) ? null : {
+      jsonParseError: {
+        valid: false,
+      },
+    };
+  }
+
+  validateOnSubmit(): void {
+    if (!this.readonly) {
+      this.cleanupJsonErrors();
+      if (!this.objectValid) {
+        this.store.dispatch(new ActionNotificationShow(
+          {
+            message: this.validationError,
+            type: 'error',
+            target: 'jsonObjectEditor',
+            verticalPosition: 'bottom',
+            horizontalPosition: 'left'
+          }));
+        this.errorShowed = true;
+      }
+    }
+  }
+
+  cleanupJsonErrors(): void {
+    if (this.errorShowed) {
+      this.store.dispatch(new ActionNotificationHide(
+        {
+          target: 'jsonObjectEditor'
+        }));
+      this.errorShowed = false;
+    }
+  }
+
+  writeValue(value: any): void {
+    this.modelValue = value;
+    this.contentValue = '';
+    this.objectValid = false;
+    try {
+      if (this.modelValue) {
+        this.contentValue = JSON.stringify(this.modelValue, undefined, 2);
+        this.objectValid = true;
+      } else {
+        this.objectValid = !this.required;
+        this.validationError = 'Json object is required.';
+      }
+    } catch (e) {
+      //
+    }
+    if (this.jsonEditor) {
+      this.jsonEditor.setValue(this.contentValue ? this.contentValue : '', -1);
+    }
+  }
+
+  updateView() {
+    const editorValue = this.jsonEditor.getValue();
+    if (this.contentValue !== editorValue) {
+      this.contentValue = editorValue;
+      let data = null;
+      this.objectValid = false;
+      if (this.contentValue && this.contentValue.length > 0) {
+        try {
+          data = JSON.parse(this.contentValue);
+          this.objectValid = true;
+          this.validationError = '';
+        } catch (ex) {
+          let errorInfo = 'Error:';
+          if (ex.name) {
+            errorInfo += ' ' + ex.name + ':';
+          }
+          if (ex.message) {
+            errorInfo += ' ' + ex.message;
+          }
+          this.validationError = errorInfo;
+        }
+      } else {
+        this.objectValid = !this.required;
+        this.validationError = this.required ? 'Json object is required.' : '';
+      }
+      this.propagateChange(data);
+    }
+  }
+
+  onFullscreen() {
+    if (this.jsonEditor) {
+      setTimeout(() => {
+        this.jsonEditor.resize();
+      }, 0);
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/kv-map.component.html b/ui-ngx/src/app/shared/components/kv-map.component.html
new file mode 100644
index 0000000000..77ee8e5b9f
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/kv-map.component.html
@@ -0,0 +1,59 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<section fxLayout="column" class="tb-kv-map" [formGroup]="kvListFormGroup">
+  <label translate class="tb-title no-padding">{{ titleText }}</label>
+  <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px" style="max-height: 40px;"
+       formArrayName="keyVals"
+       *ngFor="let keyValControl of keyValsFormArray().controls; let $index = index">
+    <mat-form-field fxFlex floatLabel="always" hideRequiredMarker class="mat-block"
+                    style="max-height: 40px;">
+      <mat-label></mat-label>
+      <input [formControl]="keyValControl.get('key')" matInput required
+             placeholder="{{ (keyPlaceholderText ? keyPlaceholderText : 'key-val.key') | translate }}"/>
+    </mat-form-field>
+    <mat-form-field fxFlex floatLabel="always" hideRequiredMarker class="mat-block"
+                    style="max-height: 40px;">
+      <mat-label></mat-label>
+      <input [formControl]="keyValControl.get('value')" matInput required
+             placeholder="{{ (valuePlaceholderText ? valuePlaceholderText : 'key-val.value') | translate }}"/>
+    </mat-form-field>
+    <button mat-button mat-icon-button color="primary"
+            [fxShow]="!disabled"
+            type="button"
+            (click)="removeKeyVal($index)"
+            [disabled]="isLoading$ | async"
+            matTooltip="{{ 'key-val.remove-entry' | translate }}"
+            matTooltipPosition="above">
+      <mat-icon>close</mat-icon>
+    </button>
+  </div>
+  <span [fxShow]="!keyValsFormArray().length"
+        fxLayoutAlign="center center" [ngClass]="{'disabled': disabled}"
+        class="no-data-found" translate>{{noDataText ? noDataText : 'key-val.no-data'}}</span>
+  <div style="margin-top: 8px;">
+    <button mat-button mat-raised-button color="primary"
+            [fxShow]="!disabled"
+            [disabled]="isLoading$ | async"
+            (click)="addKeyVal()"
+            type="button"
+            matTooltip="{{ 'key-val.add-entry' | translate }}"
+            matTooltipPosition="above">
+      {{ 'action.add' | translate }}
+    </button>
+  </div>
+</section>
diff --git a/ui-ngx/src/app/shared/components/kv-map.component.scss b/ui-ngx/src/app/shared/components/kv-map.component.scss
new file mode 100644
index 0000000000..a0ef9affc7
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/kv-map.component.scss
@@ -0,0 +1,41 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .tb-kv-map {
+    span.no-data-found {
+      position: relative;
+      display: flex;
+      height: 40px;
+      text-transform: uppercase;
+
+      &.disabled {
+        color: rgba(0, 0, 0, .38);
+      }
+    }
+  }
+}
+
+:host ::ng-deep {
+  .mat-form-field-wrapper {
+    padding-bottom: 0;
+  }
+  .mat-form-field-infix {
+    border-top: 0;
+  }
+  .mat-form-field-underline {
+    bottom: 0;
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/kv-map.component.ts b/ui-ngx/src/app/shared/components/kv-map.component.ts
new file mode 100644
index 0000000000..a932e302e2
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/kv-map.component.ts
@@ -0,0 +1,160 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, EventEmitter, forwardRef, Input, OnInit, Output } from '@angular/core';
+import {
+  AbstractControl,
+  ControlValueAccessor, FormArray,
+  FormBuilder, FormControl,
+  FormGroup, NG_VALIDATORS,
+  NG_VALUE_ACCESSOR, Validator,
+  ValidatorFn,
+  Validators
+} from '@angular/forms';
+import { AliasFilterType, aliasFilterTypeTranslationMap, EntityAliasFilter } from '@shared/models/alias.models';
+import { AliasEntityType, EntityType } from '@shared/models/entity-type.models';
+import { TranslateService } from '@ngx-translate/core';
+import { EntityService } from '@core/http/entity.service';
+import { EntitySearchDirection, entitySearchDirectionTranslations, EntityTypeFilter } from '@shared/models/relation.models';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { Subscription } from 'rxjs';
+
+@Component({
+  selector: 'tb-key-val-map',
+  templateUrl: './kv-map.component.html',
+  styleUrls: ['./kv-map.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => KeyValMapComponent),
+      multi: true
+    },
+    {
+      provide: NG_VALIDATORS,
+      useExisting: forwardRef(() => KeyValMapComponent),
+      multi: true,
+    }
+  ]
+})
+export class KeyValMapComponent extends PageComponent implements ControlValueAccessor, OnInit, Validator {
+
+  @Input() disabled: boolean;
+
+  @Input() titleText: string;
+
+  @Input() keyPlaceholderText: string;
+
+  @Input() valuePlaceholderText: string;
+
+  @Input() noDataText: string;
+
+  kvListFormGroup: FormGroup;
+
+  private propagateChange = null;
+
+  private valueChangeSubscription: Subscription = null;
+
+  constructor(protected store: Store<AppState>,
+              private fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+    this.kvListFormGroup = this.fb.group({});
+    this.kvListFormGroup.addControl('keyVals',
+      this.fb.array([]));
+  }
+
+  keyValsFormArray(): FormArray {
+    return this.kvListFormGroup.get('keyVals') as FormArray;
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState?(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (this.disabled) {
+      this.kvListFormGroup.disable({emitEvent: false});
+    } else {
+      this.kvListFormGroup.enable({emitEvent: false});
+    }
+  }
+
+  writeValue(keyValMap: {[key: string]: string}): void {
+    if (this.valueChangeSubscription) {
+      this.valueChangeSubscription.unsubscribe();
+    }
+    const keyValsControls: Array<AbstractControl> = [];
+    if (keyValMap) {
+      for (const property of Object.keys(keyValMap)) {
+        if (Object.prototype.hasOwnProperty.call(keyValMap, property)) {
+          keyValsControls.push(this.fb.group({
+            key: [property, [Validators.required]],
+            value: [keyValMap[property], [Validators.required]]
+          }));
+        }
+      }
+    }
+    this.kvListFormGroup.setControl('keyVals', this.fb.array(keyValsControls));
+    this.valueChangeSubscription = this.kvListFormGroup.valueChanges.subscribe(() => {
+      this.updateModel();
+    });
+  }
+
+  public removeKeyVal(index: number) {
+    (this.kvListFormGroup.get('keyVals') as FormArray).removeAt(index);
+  }
+
+  public addKeyVal() {
+    const keyValsFormArray = this.kvListFormGroup.get('keyVals') as FormArray;
+    keyValsFormArray.push(this.fb.group({
+      key: ['', [Validators.required]],
+      value: ['', [Validators.required]]
+    }));
+  }
+
+  public validate(c: FormControl) {
+    const kvList: {key: string; value: string}[] = this.kvListFormGroup.get('keyVals').value;
+    let valid = true;
+    for (const entry of kvList) {
+      if (!entry.key || !entry.value) {
+        valid = false;
+        break;
+      }
+    }
+    return (valid) ? null : {
+      keyVals: {
+        valid: false,
+      },
+    };
+  }
+
+  private updateModel() {
+    const kvList: {key: string; value: string}[] = this.kvListFormGroup.get('keyVals').value;
+    const keyValMap: {[key: string]: string} = {};
+    kvList.forEach((entry) => {
+      keyValMap[entry.key] = entry.value;
+    });
+    this.propagateChange(keyValMap);
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/led-light.component.html b/ui-ngx/src/app/shared/components/led-light.component.html
new file mode 100644
index 0000000000..e7e3201338
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/led-light.component.html
@@ -0,0 +1,18 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div id="canvas_container" [ngStyle]="{width: size + 'px', height: size + 'px'}"></div>
diff --git a/ui-ngx/src/app/shared/components/led-light.component.ts b/ui-ngx/src/app/shared/components/led-light.component.ts
new file mode 100644
index 0000000000..d624610dce
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/led-light.component.ts
@@ -0,0 +1,124 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { AfterViewInit, Component, ElementRef, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import Raphael from 'raphael';
+import * as tinycolor_ from 'tinycolor2';
+
+const tinycolor = tinycolor_;
+
+interface CircleElement extends RaphaelElement {
+  theGlow?: RaphaelSet;
+}
+
+@Component({
+  selector: 'tb-led-light',
+  templateUrl: './led-light.component.html',
+  styleUrls: []
+})
+export class LedLightComponent implements OnInit, AfterViewInit, OnChanges {
+
+  @Input() size: number;
+
+  @Input() colorOn: string;
+
+  @Input() colorOff: string;
+
+  @Input() offOpacity: string;
+
+  private enabledValue: boolean;
+  get enabled(): boolean {
+    return this.enabledValue;
+  }
+  @Input()
+  set enabled(value: boolean) {
+    this.enabledValue = coerceBooleanProperty(value);
+  }
+
+  private canvasSize: number;
+  private radius: number;
+  private glowSize: number;
+  private glowColor: string;
+
+  private paper: RaphaelPaper;
+  private circleElement: CircleElement;
+
+  constructor(private elementRef: ElementRef<HTMLElement>) {
+  }
+
+  ngOnInit(): void {
+    this.offOpacity = this.offOpacity || '0.4';
+    this.glowColor = tinycolor(this.colorOn).lighten().toHexString();
+  }
+
+  ngAfterViewInit(): void {
+    this.update();
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (!change.firstChange && change.currentValue !== change.previousValue) {
+        if (propName === 'enabled') {
+          this.draw();
+        } else if (propName === 'size') {
+          this.update();
+        }
+      }
+    }
+  }
+
+  private update() {
+    this.size = this.size || 50;
+    this.canvasSize = this.size;
+    this.radius = this.canvasSize / 4;
+    this.glowSize = this.radius / 5;
+    if (this.paper) {
+      this.paper.remove();
+    }
+    this.paper = Raphael($('#canvas_container', this.elementRef.nativeElement)[0], this.canvasSize, this.canvasSize);
+    const center = this.canvasSize / 2;
+    this.circleElement = this.paper.circle(center, center, this.radius);
+    this.draw();
+  }
+
+  private draw() {
+    if (this.enabled) {
+      this.circleElement.attr('fill', this.colorOn);
+      this.circleElement.attr('stroke', this.colorOn);
+      this.circleElement.attr('opacity', '1');
+      if (this.circleElement.theGlow) {
+        this.circleElement.theGlow.remove();
+      }
+      this.circleElement.theGlow = this.circleElement.glow(
+        {
+          color: this.glowColor,
+          width: this.radius + this.glowSize,
+          opacity: 0.8,
+          fill: true
+        });
+    } else {
+      if (this.circleElement.theGlow) {
+        this.circleElement.theGlow.remove();
+      }
+      this.circleElement.attr('fill', this.colorOff);
+      this.circleElement.attr('stroke', this.colorOff);
+      this.circleElement.attr('opacity', this.offOpacity);
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/logo.component.html b/ui-ngx/src/app/shared/components/logo.component.html
new file mode 100644
index 0000000000..699f188061
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/logo.component.html
@@ -0,0 +1,19 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<img (click)="gotoThingsboard()" fxFlex [src]="logo"
+         aria-label="logo" class="tb-logo-title"/>
diff --git a/ui-ngx/src/app/shared/components/logo.component.scss b/ui-ngx/src/app/shared/components/logo.component.scss
new file mode 100644
index 0000000000..2c81be0ef8
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/logo.component.scss
@@ -0,0 +1,29 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host-context(.login-logo) {
+  img.tb-logo-title {
+    width: 280px;
+    height: 60px;
+    text-decoration: none;
+    cursor: pointer;
+    border: none;
+    transform: none;
+
+    &:focus {
+      outline: 0;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/logo.component.ts b/ui-ngx/src/app/shared/components/logo.component.ts
new file mode 100644
index 0000000000..2c28573718
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/logo.component.ts
@@ -0,0 +1,32 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'tb-logo',
+  templateUrl: './logo.component.html',
+  styleUrls: ['./logo.component.scss']
+})
+export class LogoComponent {
+
+  logo = require('../../../assets/logo_title_white.svg');
+
+  gotoThingsboard(): void {
+    window.open('https://thingsboard.io', '_blank');
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/mat-chip-draggable.directive.ts b/ui-ngx/src/app/shared/components/mat-chip-draggable.directive.ts
new file mode 100644
index 0000000000..c1a16dd3b1
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/mat-chip-draggable.directive.ts
@@ -0,0 +1,253 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { AfterViewInit, Directive, ElementRef, EventEmitter, HostListener, Output } from '@angular/core';
+import { MatChip, MatChipList } from '@angular/material/chips';
+import Timeout = NodeJS.Timeout;
+
+export interface MatChipDropEvent {
+  from: number;
+  to: number;
+}
+
+@Directive({
+  selector: 'mat-chip-list[tb-chip-draggable]',
+})
+export class MatChipDraggableDirective implements AfterViewInit {
+
+  @Output()
+  chipDrop = new EventEmitter<MatChipDropEvent>();
+
+  private draggableChips: Array<DraggableChip> = [];
+
+  constructor(private chipsList: MatChipList,
+              private elementRef: ElementRef<HTMLElement>) {
+  }
+
+  @HostListener('document:mouseup')
+  onDocumentMouseUp() {
+    this.draggableChips.forEach((draggableChip) => {
+      draggableChip.preventDrag = false;
+    });
+  }
+
+  ngAfterViewInit(): void {
+    this.configureDraggableChipList();
+    this.chipsList.chips.changes.subscribe(() => {
+      this.configureDraggableChipList();
+    });
+  }
+
+  private configureDraggableChipList() {
+    const toRemove: Array<DraggableChip> = [];
+    this.chipsList.chips.forEach((chip) => {
+        const found = this.draggableChips.find((draggableChip) => draggableChip.chip === chip);
+        if (!found) {
+          this.draggableChips.push(new DraggableChip(chip,
+            this.chipsList,
+            this.elementRef.nativeElement,
+            this.chipDrop));
+        }
+      }
+    );
+    this.draggableChips.forEach((draggableChip) => {
+      const found = this.chipsList.chips.find((chip) => chip === draggableChip.chip);
+      if (!found) {
+        toRemove.push(draggableChip);
+      }
+    });
+    toRemove.forEach((draggableChip) => {
+      const index = this.draggableChips.indexOf(draggableChip);
+      this.draggableChips.splice(index, 1);
+    });
+  }
+}
+
+const draggingClassName = 'dragging';
+const droppingClassName = 'dropping';
+const droppingBeforeClassName = 'dropping-before';
+const droppingAfterClassName = 'dropping-after';
+
+let globalDraggingChipListId = null;
+
+class DraggableChip {
+
+  private chipElement: HTMLElement;
+  private readonly handle: HTMLElement;
+
+  private dragging = false;
+  private counter = 0;
+
+  private dropPosition: 'after' | 'before';
+
+  private dropTimeout: Timeout;
+
+  public preventDrag = false;
+
+  private dropHandler = this.onDrop.bind(this);
+  private dragOverHandler = this.onDragOver.bind(this);
+
+  constructor(public chip: MatChip,
+              private chipsList: MatChipList,
+              private chipListElement: HTMLElement,
+              private chipDrop: EventEmitter<MatChipDropEvent>) {
+    this.chipElement = chip._elementRef.nativeElement;
+    this.chipElement.setAttribute('draggable', 'true');
+    this.handle = this.chipElement.getElementsByClassName('tb-chip-drag-handle')[0] as HTMLElement;
+    this.chipElement.addEventListener('mousedown', this.onMouseDown.bind(this));
+    this.chipElement.addEventListener('dragstart', this.onDragStart.bind(this));
+    this.chipElement.addEventListener('dragend', this.onDragEnd.bind(this));
+    this.chipElement.addEventListener('dragenter', this.onDragEnter.bind(this));
+    this.chipElement.addEventListener('dragleave', this.onDragLeave.bind(this));
+  }
+
+  private onMouseDown(event: MouseEvent) {
+    if (event.target !== this.handle) {
+      this.preventDrag = true;
+    }
+  }
+
+  private onDragStart(event: DragEvent) {
+    if (this.preventDrag) {
+      event.preventDefault();
+    } else {
+      this.dragging = true;
+      globalDraggingChipListId = this.chipListElement.id;
+      this.chipListElement.classList.add(draggingClassName);
+      this.chipElement.classList.add(draggingClassName);
+      event = (event as any).originalEvent || event;
+      const dataTransfer = event.dataTransfer;
+      dataTransfer.effectAllowed = 'copyMove';
+      dataTransfer.dropEffect = 'move';
+      dataTransfer.setData('text', this.index() + '');
+    }
+  }
+
+  private onDragEnter(event: DragEvent) {
+    this.counter++;
+    if (this.dragging) {
+      return;
+    }
+    this.chipElement.removeEventListener('dragover', this.dragOverHandler);
+    this.chipElement.removeEventListener('drop', this.dropHandler);
+
+    this.chipElement.addEventListener('dragover', this.dragOverHandler);
+    this.chipElement.addEventListener('drop', this.dropHandler);
+  }
+
+  private onDragLeave(event: DragEvent) {
+    this.counter--;
+    if (this.counter <= 0) {
+      this.counter = 0;
+      this.chipElement.classList.remove(droppingClassName);
+      this.chipElement.classList.remove(droppingAfterClassName);
+      this.chipElement.classList.remove(droppingBeforeClassName);
+    }
+  }
+
+  private onDragEnd(event: DragEvent) {
+    this.dragging = false;
+    globalDraggingChipListId = null;
+    this.chipListElement.classList.remove(draggingClassName);
+    this.chipElement.classList.remove(draggingClassName);
+  }
+
+  private onDragOver(event: DragEvent) {
+    if (this.dragging) {
+      return;
+    }
+    event.preventDefault();
+    if (globalDraggingChipListId !== this.chipListElement.id) {
+      return;
+    }
+    const bounds = this.chipElement.getBoundingClientRect();
+    event = (event as any).originalEvent || event;
+    const props = {
+      width: bounds.right - bounds.left,
+      height: bounds.bottom - bounds.top,
+      x: event.clientX - bounds.left,
+      y: event.clientY - bounds.top,
+    };
+
+    const horizontalOffset = props.x;
+    const horizontalMidPoint = props.width / 2;
+
+    const verticalOffset = props.y;
+    const verticalMidPoint = props.height / 2;
+
+    this.chipElement.classList.add(droppingClassName);
+
+    this.chipElement.classList.remove(droppingAfterClassName);
+    this.chipElement.classList.remove(droppingBeforeClassName);
+
+    if (horizontalOffset >= horizontalMidPoint || verticalOffset >= verticalMidPoint) {
+      this.dropPosition = 'after';
+      this.chipElement.classList.add(droppingAfterClassName);
+    } else {
+      this.dropPosition = 'before';
+      this.chipElement.classList.add(droppingBeforeClassName);
+    }
+
+  }
+
+  private onDrop(event: DragEvent) {
+    this.counter = 0;
+    event.preventDefault();
+    if (globalDraggingChipListId !== this.chipListElement.id) {
+      return;
+    }
+    event = (event as any).originalEvent || event;
+    const droppedItemIndex = parseInt(event.dataTransfer.getData('text'), 10);
+    const currentIndex = this.index();
+    let newIndex;
+    if (this.dropPosition === 'before') {
+      if (droppedItemIndex < currentIndex) {
+        newIndex = currentIndex - 1;
+      } else {
+        newIndex = currentIndex;
+      }
+    } else {
+      if (droppedItemIndex < currentIndex) {
+        newIndex = currentIndex;
+      } else {
+        newIndex = currentIndex + 1;
+      }
+    }
+    if (this.dropTimeout) {
+      clearTimeout(this.dropTimeout);
+    }
+    this.dropTimeout = setTimeout(() => {
+      this.dropPosition = null;
+
+      this.chipElement.classList.remove(droppingClassName);
+      this.chipElement.classList.remove(droppingAfterClassName);
+      this.chipElement.classList.remove(droppingBeforeClassName);
+
+      this.chipElement.removeEventListener('drop', this.dropHandler);
+
+      const dropEvent: MatChipDropEvent = {
+        from: droppedItemIndex,
+        to: newIndex
+      };
+      this.chipDrop.emit(dropEvent);
+    }, 1000 / 16);
+  }
+
+  private index(): number {
+    return this.chipsList.chips.toArray().indexOf(this.chip);
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/material-icon-select.component.html b/ui-ngx/src/app/shared/components/material-icon-select.component.html
new file mode 100644
index 0000000000..10a02ddcbc
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/material-icon-select.component.html
@@ -0,0 +1,24 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div fxLayout="row" [formGroup]="materialIconFormGroup">
+  <mat-icon (click)="openIconDialog()">{{materialIconFormGroup.get('icon').value}}</mat-icon>
+  <mat-form-field>
+    <mat-label translate>icon.icon</mat-label>
+    <input matInput formControlName="icon" (mousedown)="openIconDialog()">
+  </mat-form-field>
+</div>
diff --git a/ui-ngx/src/app/shared/components/material-icon-select.component.scss b/ui-ngx/src/app/shared/components/material-icon-select.component.scss
new file mode 100644
index 0000000000..b783c589d3
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/material-icon-select.component.scss
@@ -0,0 +1,23 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  .mat-icon {
+    padding: 4px;
+    margin: 8px 4px 4px;
+    cursor: pointer;
+    border: solid 1px rgba(0, 0, 0, .27);
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/material-icon-select.component.ts b/ui-ngx/src/app/shared/components/material-icon-select.component.ts
new file mode 100644
index 0000000000..8bacd0355e
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/material-icon-select.component.ts
@@ -0,0 +1,125 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, ElementRef, forwardRef, Input, OnInit, ViewChild } from '@angular/core';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { DataKey, DatasourceType } from '@shared/models/widget.models';
+import {
+  ControlValueAccessor,
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  NG_VALIDATORS,
+  NG_VALUE_ACCESSOR,
+  Validator,
+  Validators
+} from '@angular/forms';
+import { UtilsService } from '@core/services/utils.service';
+import { TranslateService } from '@ngx-translate/core';
+import { MatDialog } from '@angular/material/dialog';
+import { EntityService } from '@core/http/entity.service';
+import { DataKeysCallbacks } from '@home/components/widget/data-keys.component.models';
+import { DataKeyType } from '@shared/models/telemetry/telemetry.models';
+import { Observable, of } from 'rxjs';
+import { map, mergeMap, tap } from 'rxjs/operators';
+import { alarmFields } from '@shared/models/alarm.models';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { DialogService } from '@core/services/dialog.service';
+
+@Component({
+  selector: 'tb-material-icon-select',
+  templateUrl: './material-icon-select.component.html',
+  styleUrls: ['./material-icon-select.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => MaterialIconSelectComponent),
+      multi: true
+    }
+  ]
+})
+export class MaterialIconSelectComponent extends PageComponent implements OnInit, ControlValueAccessor {
+
+  @Input()
+  disabled: boolean;
+
+  private modelValue: string;
+
+  private propagateChange = null;
+
+  public materialIconFormGroup: FormGroup;
+
+  constructor(protected store: Store<AppState>,
+              private dialogs: DialogService,
+              private fb: FormBuilder) {
+    super(store);
+  }
+
+  ngOnInit(): void {
+    this.materialIconFormGroup = this.fb.group({
+      icon: [null, []]
+    });
+
+    this.materialIconFormGroup.valueChanges.subscribe(() => {
+      this.updateModel();
+    });
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (isDisabled) {
+      this.materialIconFormGroup.disable({emitEvent: false});
+    } else {
+      this.materialIconFormGroup.enable({emitEvent: false});
+    }
+  }
+
+  writeValue(value: string): void {
+    this.modelValue = value;
+    this.materialIconFormGroup.patchValue(
+      { icon: this.modelValue }, {emitEvent: false}
+    );
+  }
+
+  private updateModel() {
+    const icon: string = this.materialIconFormGroup.get('icon').value;
+    if (this.modelValue !== icon) {
+      this.modelValue = icon;
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  openIconDialog() {
+    this.dialogs.materialIconPicker(this.materialIconFormGroup.get('icon').value).subscribe(
+      (icon) => {
+        if (icon) {
+          this.materialIconFormGroup.patchValue(
+            {icon}, {emitEvent: true}
+          );
+        }
+      }
+    );
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/message-type-autocomplete.component.html b/ui-ngx/src/app/shared/components/message-type-autocomplete.component.html
new file mode 100644
index 0000000000..1f1a229a96
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/message-type-autocomplete.component.html
@@ -0,0 +1,43 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field [formGroup]="messageTypeFormGroup" class="mat-block">
+  <mat-label>{{ 'rulenode.message-type' | translate }}</mat-label>
+  <input matInput type="text" placeholder="{{ 'rulenode.select-message-type' | translate }}"
+         #messageTypeInput
+         formControlName="messageType"
+         (focusin)="onFocus()"
+         [required]="required"
+         [matAutocomplete]="messageTypeAutocomplete">
+  <button *ngIf="messageTypeFormGroup.get('messageType').value && !disabled"
+          type="button"
+          matSuffix mat-button mat-icon-button aria-label="Clear"
+          (click)="clear()">
+    <mat-icon class="material-icons">close</mat-icon>
+  </button>
+  <mat-autocomplete
+    class="tb-autocomplete"
+    #messageTypeAutocomplete="matAutocomplete"
+    [displayWith]="displayMessageTypeFn">
+    <mat-option *ngFor="let messageType of filteredMessageTypes | async" [value]="messageType">
+      <span [innerHTML]="displayMessageTypeFn(messageType) | highlight:searchText"></span>
+    </mat-option>
+  </mat-autocomplete>
+  <mat-error *ngIf="messageTypeFormGroup.get('messageType').hasError('required')">
+    {{ 'rulenode.message-type-required' | translate }}
+  </mat-error>
+</mat-form-field>
diff --git a/ui-ngx/src/app/shared/components/message-type-autocomplete.component.ts b/ui-ngx/src/app/shared/components/message-type-autocomplete.component.ts
new file mode 100644
index 0000000000..f5663bc065
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/message-type-autocomplete.component.ts
@@ -0,0 +1,179 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { AfterViewInit, Component, ElementRef, forwardRef, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { ControlValueAccessor, FormBuilder, FormGroup, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Observable, of } from 'rxjs';
+import { map, mergeMap, startWith, tap } from 'rxjs/operators';
+import { Store } from '@ngrx/store';
+import { AppState } from '@app/core/core.state';
+import { TranslateService } from '@ngx-translate/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { MessageType, messageTypeNames } from '@shared/models/rule-node.models';
+import { objectValues } from '@core/utils';
+
+@Component({
+  selector: 'tb-message-type-autocomplete',
+  templateUrl: './message-type-autocomplete.component.html',
+  styleUrls: [],
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => MessageTypeAutocompleteComponent),
+    multi: true
+  }]
+})
+export class MessageTypeAutocompleteComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
+
+  messageTypeFormGroup: FormGroup;
+
+  modelValue: string | null;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  @ViewChild('messageTypeInput', {static: true}) messageTypeInput: ElementRef;
+
+  filteredMessageTypes: Observable<Array<MessageType | string>>;
+
+  searchText = '';
+
+  private dirty = false;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              public translate: TranslateService,
+              private fb: FormBuilder) {
+    this.messageTypeFormGroup = this.fb.group({
+      messageType: [null]
+    });
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+    this.filteredMessageTypes = this.messageTypeFormGroup.get('messageType').valueChanges
+      .pipe(
+        tap(value => {
+          this.updateView(value);
+        }),
+        startWith<string | MessageType>(''),
+        map(value => value ? value : ''),
+        mergeMap(messageType => this.fetchMessageTypes(messageType) )
+      );
+  }
+
+  ngAfterViewInit(): void {
+  }
+
+  ngOnDestroy(): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (this.disabled) {
+      this.messageTypeFormGroup.disable({emitEvent: false});
+    } else {
+      this.messageTypeFormGroup.enable({emitEvent: false});
+    }
+  }
+
+  writeValue(value: string | null): void {
+    this.searchText = '';
+    this.modelValue = value;
+    let res: MessageType | string = null;
+    if (value) {
+      if (objectValues(MessageType).includes(value)) {
+        res = MessageType[value];
+      } else {
+        res = value;
+      }
+    }
+    this.messageTypeFormGroup.get('messageType').patchValue(res, {emitEvent: false});
+    this.dirty = true;
+  }
+
+  onFocus() {
+    if (this.dirty) {
+      this.messageTypeFormGroup.get('messageType').updateValueAndValidity({onlySelf: true, emitEvent: true});
+      this.dirty = false;
+    }
+  }
+
+  updateView(value: MessageType | string | null) {
+    let res: string = null;
+    if (value) {
+      if (objectValues(MessageType).includes(value)) {
+        res = MessageType[value];
+      } else {
+        res = value;
+      }
+    }
+    if (this.modelValue !== res) {
+      this.modelValue = res;
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  displayMessageTypeFn(messageType?: MessageType | string): string | undefined {
+    if (messageType) {
+      if (objectValues(MessageType).includes(messageType)) {
+        return messageTypeNames.get(MessageType[messageType]);
+      } else {
+        return messageType;
+      }
+    }
+    return undefined;
+  }
+
+  fetchMessageTypes(searchText?: string): Observable<Array<MessageType | string>> {
+    this.searchText = searchText;
+    const result: Array<MessageType | string> = [];
+    messageTypeNames.forEach((value, key) => {
+      if (value.toUpperCase().includes(searchText.toUpperCase())) {
+        result.push(key);
+      }
+    });
+    if (result.length) {
+      return of(result);
+    } else {
+      return of([searchText]);
+    }
+  }
+
+  clear() {
+    this.messageTypeFormGroup.get('messageType').patchValue(null, {emitEvent: true});
+    setTimeout(() => {
+      this.messageTypeInput.nativeElement.blur();
+      this.messageTypeInput.nativeElement.focus();
+    }, 0);
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/nav-tree.component.html b/ui-ngx/src/app/shared/components/nav-tree.component.html
new file mode 100644
index 0000000000..d098ac27a6
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/nav-tree.component.html
@@ -0,0 +1,18 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div class="tb-nav-tree-container"></div>
diff --git a/ui-ngx/src/app/shared/components/nav-tree.component.scss b/ui-ngx/src/app/shared/components/nav-tree.component.scss
new file mode 100644
index 0000000000..b9d9dc7f72
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/nav-tree.component.scss
@@ -0,0 +1,392 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.tb-nav-tree-container {
+  padding: 15px;
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+
+  &.jstree-proton, &.jstree-proton-small, &.jstree-proton-large {
+    .jstree-node,
+    .jstree-icon {
+      background-image: url("../../../assets/jstree/tb32px.png");
+    }
+
+    .jstree-last {
+      background: transparent;
+    }
+
+    .jstree-themeicon-custom {
+      background-image: none;
+    }
+  }
+
+  &.jstree-proton {
+
+    .jstree-themeicon-custom {
+      &.material-icons {
+        font-size: 18px;
+      }
+    }
+
+    .jstree-anchor {
+      font-size: 16px;
+    }
+
+    .jstree-file {
+      background: url("../../../assets/jstree/tb32px.png") -101px -69px no-repeat;
+    }
+
+    .jstree-folder {
+      background: url("../../../assets/jstree/tb32px.png") -261px -5px no-repeat;
+    }
+  }
+
+  &.jstree-proton-small {
+
+    .jstree-themeicon-custom {
+      &.material-icons {
+        font-size: 14px;
+      }
+    }
+
+    .jstree-anchor {
+      font-size: 14px;
+    }
+
+    .jstree-file {
+      background: url("../../../assets/jstree/tb32px.png") -103px -71px no-repeat;
+    }
+
+    .jstree-folder {
+      background: url("../../../assets/jstree/tb32px.png") -263px -7px no-repeat;
+    }
+  }
+
+  &.jstree-proton-large {
+
+    .jstree-themeicon-custom {
+      &.material-icons {
+        font-size: 24px;
+      }
+    }
+
+    .jstree-anchor {
+      font-size: 20px;
+    }
+
+    .jstree-file {
+      background: url("../../../assets/jstree/tb32px.png") -96px -64px no-repeat;
+    }
+
+    .jstree-folder {
+      background: url("../../../assets/jstree/tb32px.png") -256px 0px no-repeat;
+    }
+  }
+
+  a {
+    border-bottom: none;
+
+    i.jstree-themeicon-custom {
+      &.tb-user-group {
+        &::before {
+          content: "account_circle";
+        }
+      }
+
+      &.tb-customer-group {
+        &::before {
+          content: "supervisor_account";
+        }
+      }
+
+      &.tb-asset-group {
+        &::before {
+          content: "domain";
+        }
+      }
+
+      &.tb-device-group {
+        &::before {
+          content: "devices_other";
+        }
+      }
+
+      &.tb-entity-view-group {
+        &::before {
+          content: "view_quilt";
+        }
+      }
+
+      &.tb-dashboard-group {
+        &::before {
+          content: "dashboard";
+        }
+      }
+
+      &.tb-customer {
+        &::before {
+          content: "supervisor_account";
+        }
+      }
+    }
+  }
+}
+
+#jstree-dnd {
+  &.jstree-proton, &.jstree-proton-small, &.jstree-proton-large {
+    .jstree-ok,
+    .jstree-er {
+      background-image: url("../../../assets/jstree/tb32px.png");
+    }
+  }
+}
+
+@media (max-width: 768px) {
+  .tb-nav-tree-container {
+    &.jstree-proton-responsive {
+      .jstree-node,
+      .jstree-icon,
+      .jstree-node > .jstree-ocl,
+      .jstree-themeicon,
+      .jstree-checkbox {
+        background-image: url("../../../assets/jstree/tb40px.png");
+        background-size: 120px 240px;
+      }
+
+      .jstree-container-ul {
+        overflow: visible;
+      }
+
+      .jstree-themeicon-custom {
+        background-color: transparent;
+        background-image: none;
+        background-position: 0 0;
+
+        &.material-icons {
+          margin: 0;
+          font-size: 24px;
+        }
+      }
+
+      .jstree-node,
+      .jstree-leaf > .jstree-ocl {
+        background: 0 0;
+      }
+
+      .jstree-node {
+        min-width: 40px;
+        min-height: 40px;
+        margin-left: 40px;
+        line-height: 40px;
+        white-space: nowrap;
+        background-repeat: repeat-y;
+        background-position: -80px 0;
+      }
+
+      .jstree-last {
+        background: 0 0;
+      }
+
+      .jstree-anchor {
+        height: 40px;
+        font-size: 1.1em;
+        font-weight: 700;
+        line-height: 40px;
+        text-shadow: 1px 1px #fff;
+      }
+
+      .jstree-icon,
+      .jstree-icon:empty {
+        width: 40px;
+        height: 40px;
+        line-height: 40px;
+      }
+
+      > {
+        .jstree-container-ul > .jstree-node {
+          margin-right: 0;
+          margin-left: 0;
+        }
+      }
+
+      .jstree-ocl,
+      .jstree-themeicon,
+      .jstree-checkbox {
+        background-size: 120px 240px;
+      }
+
+      .jstree-leaf > .jstree-ocl {
+        background: 0 0;
+        background-position: -40px -120px;
+      }
+
+      .jstree-last > .jstree-ocl {
+        background-position: -40px -160px;
+      }
+
+      .jstree-open > .jstree-ocl {
+        background-position: 0 0 !important;
+      }
+
+      .jstree-closed > .jstree-ocl {
+        background-position: 0 -40px !important;
+      }
+
+      .jstree-themeicon {
+        background-position: -40px -40px;
+      }
+
+      .jstree-file {
+        background: url("../../../assets/jstree/tb40px.png") 0 -160px no-repeat;
+        background-size: 120px 240px;
+      }
+      .jstree-folder {
+        background: url("../../../assets/jstree/tb40px.png") -40px -40px no-repeat;
+        background-size: 120px 240px;
+      }
+
+      .jstree-checkbox,
+      .jstree-checkbox:hover {
+        background-position: -40px -80px;
+      }
+
+      &.jstree-checkbox-selection {
+        .jstree-clicked > .jstree-checkbox,
+        .jstree-clicked > .jstree-checkbox:hover {
+          background-position: 0 -80px;
+        }
+      }
+
+      .jstree-checked > .jstree-checkbox,
+      .jstree-checked > .jstree-checkbox:hover {
+        background-position: 0 -80px;
+      }
+
+      .jstree-anchor > .jstree-undetermined,
+      .jstree-anchor > .jstree-undetermined:hover {
+        background-position: 0 -120px;
+      }
+
+      .jstree-striped {
+        background: 0 0;
+      }
+
+      .jstree-wholerow {
+        height: 40px;
+        background: #ebebeb;
+        border-top: 1px solid rgba(255, 255, 255, .7);
+        border-bottom: 1px solid rgba(64, 64, 64, .2);
+      }
+
+      .jstree-wholerow-hovered {
+        background: #e7f4f9;
+      }
+
+      .jstree-wholerow-clicked {
+        background: #beebff;
+      }
+
+      .jstree-children {
+        .jstree-last > .jstree-wholerow {
+          box-shadow: inset 0 -6px 3px -5px #666;
+        }
+
+        .jstree-open > .jstree-wholerow {
+          border-top: 0;
+          box-shadow: inset 0 6px 3px -5px #666;
+        }
+
+        .jstree-open + .jstree-open {
+          box-shadow: none;
+        }
+      }
+
+      &.jstree-rtl {
+        .jstree-node {
+          margin-right: 40px;
+          margin-left: 0;
+        }
+
+        .jstree-container-ul > .jstree-node {
+          margin-right: 0;
+        }
+
+        .jstree-closed > .jstree-ocl {
+          background-position: -40px 0 !important;
+        }
+      }
+    }
+  }
+}
+
+@media (max-width: 768px) {
+  #jstree-dnd {
+    &.jstree-dnd-responsive {
+      .jstree-ok,
+      .jstree-er {
+        background-image: url("../../../assets/jstree/tb40px.png");
+        background-size: 120px 240px;
+      }
+      .jstree-ok {
+        background-position: 0 -200px;
+      }
+      .jstree-er {
+        background-position: -40px -200px;
+      }
+    }
+  }
+}
+
+.tb-nav-tree .mat-button.tb-active {
+  font-weight: 500;
+  background-color: rgba(255, 255, 255, .15);
+}
+
+.tb-nav-tree,
+.tb-nav-tree ul {
+  margin-top: 0;
+  list-style: none;
+
+  &:first-child {
+    padding: 0;
+  }
+
+  li {
+    .mat-button {
+      width: 100%;
+      max-height: 40px;
+      padding: 0 16px;
+      margin: 0;
+      overflow: hidden;
+      line-height: 40px;
+      color: inherit;
+      text-align: left;
+      text-decoration: none;
+      text-overflow: ellipsis;
+      text-transform: none;
+      text-rendering: optimizeLegibility;
+      white-space: nowrap;
+      cursor: pointer;
+      border-radius: 0;
+
+      span {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
+}
+
diff --git a/ui-ngx/src/app/shared/components/nav-tree.component.ts b/ui-ngx/src/app/shared/components/nav-tree.component.ts
new file mode 100644
index 0000000000..59ccd8b52f
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/nav-tree.component.ts
@@ -0,0 +1,272 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, ElementRef, Input, NgZone, OnInit, ViewEncapsulation } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { deepClone } from '@core/utils';
+
+export interface NavTreeNodeState {
+  disabled?: boolean;
+  opened?: boolean;
+  loaded?: boolean;
+}
+
+export interface NavTreeNode {
+  id: string;
+  icon?: boolean;
+  text?: string;
+  state?: NavTreeNodeState;
+  children?: NavTreeNode[] | boolean;
+  data?: any;
+}
+
+export interface NavTreeEditCallbacks {
+  selectNode?: (id: string) => void;
+  deselectAll?: () => void;
+  getNode?: (id: string) => NavTreeNode;
+  getParentNodeId?: (id: string) => string;
+  openNode?: (id: string, cb?: () => void) => void;
+  nodeIsOpen?: (id: string) => boolean;
+  nodeIsLoaded?: (id: string) => boolean;
+  refreshNode?: (id: string) => void;
+  updateNode?: (id: string, newName: string) => void;
+  createNode?: (parentId: string, node: NavTreeNode, pos: number) => void;
+  deleteNode?: (id: string) => void;
+  disableNode?: (id: string) => void;
+  enableNode?: (id: string) => void;
+  setNodeHasChildren?: (id: string, hasChildren: boolean) => void;
+  search?: (searchText: string) => void;
+  clearSearch?: () => void;
+}
+
+export type NodesCallback = (nodes: NavTreeNode[]) => void;
+export type LoadNodesCallback = (node: NavTreeNode, cb: NodesCallback) => void;
+export type NodeSearchCallback = (searchText: string, node: NavTreeNode) => boolean;
+export type NodeSelectedCallback = (node: NavTreeNode, event: Event) => void;
+export type NodesInsertedCallback = (nodes: string[], parent: string) => void;
+
+@Component({
+  selector: 'tb-nav-tree',
+  templateUrl: './nav-tree.component.html',
+  styleUrls: ['./nav-tree.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class NavTreeComponent implements OnInit {
+
+  private enableSearchValue: boolean;
+  get enableSearch(): boolean {
+    return this.enableSearchValue;
+  }
+  @Input()
+  set enableSearch(value: boolean) {
+    this.enableSearchValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  private loadNodes: LoadNodesCallback;
+
+  @Input()
+  private searchCallback: NodeSearchCallback;
+
+  @Input()
+  private onNodeSelected: NodeSelectedCallback;
+
+  @Input()
+  private onNodesInserted: NodesInsertedCallback;
+
+  @Input()
+  private editCallbacks: NavTreeEditCallbacks;
+
+  private treeElement: JSTree;
+
+  constructor(private elementRef: ElementRef<HTMLElement>,
+              private ngZone: NgZone) {
+  }
+
+  ngOnInit(): void {
+    this.initTree();
+  }
+
+  private initTree() {
+
+    const loadNodes: LoadNodesCallback = (node, cb) => {
+      const outCb = (nodes: NavTreeNode[]) => {
+        const copied: NavTreeNode[] = [];
+        if (nodes) {
+          nodes.forEach((n) => {
+            copied.push(deepClone(n, ['data']));
+          });
+        }
+        cb(copied);
+      };
+      this.ngZone.runOutsideAngular(() => {
+        this.loadNodes(node, outCb);
+      });
+    };
+
+    const config: JSTreeStaticDefaults = {
+      core: {
+        worker: false,
+        multiple: false,
+        check_callback: true,
+        themes: { name: 'proton', responsive: true },
+        data: loadNodes,
+        error: () => {
+          console.error('Unexpected jstree error!');
+        }
+      },
+      plugins: []
+    };
+
+    if (this.enableSearch) {
+      config.plugins.push('search');
+      config.search = {
+        ajax: false,
+        fuzzy: false,
+        close_opened_onclear: true,
+        case_sensitive: false,
+        show_only_matches: true,
+        show_only_matches_children: false,
+        search_leaves_only: false,
+        search_callback: this.searchCallback
+      };
+    }
+
+    this.treeElement = $('.tb-nav-tree-container', this.elementRef.nativeElement).jstree(config);
+
+    this.treeElement.on('changed.jstree', (e: any, data) => {
+      const node: NavTreeNode = data.instance.get_selected(true)[0];
+      if (this.onNodeSelected) {
+        this.onNodeSelected(node, e as Event);
+      }
+    });
+
+    this.treeElement.on('model.jstree', (e: any, data) => {
+      if (this.onNodesInserted) {
+        this.onNodesInserted(data.nodes, data.parent);
+      }
+    });
+
+    if (this.editCallbacks) {
+      this.editCallbacks.selectNode = id => {
+        const node: NavTreeNode = this.treeElement.jstree('get_node', id);
+        if (node) {
+          this.treeElement.jstree('deselect_all', true);
+          this.treeElement.jstree('select_node', node);
+        }
+      };
+      this.editCallbacks.deselectAll = () => {
+        this.treeElement.jstree('deselect_all');
+      };
+      this.editCallbacks.getNode = (id) => {
+        const node: NavTreeNode = this.treeElement.jstree('get_node', id);
+        return node;
+      };
+      this.editCallbacks.getParentNodeId = (id) => {
+        const node: NavTreeNode = this.treeElement.jstree('get_node', id);
+        if (node) {
+          return this.treeElement.jstree('get_parent', node);
+        }
+      };
+      this.editCallbacks.openNode = (id, cb) => {
+        const node: NavTreeNode = this.treeElement.jstree('get_node', id);
+        if (node) {
+          this.treeElement.jstree('open_node', node, cb);
+        }
+      };
+      this.editCallbacks.nodeIsOpen = (id) => {
+        const node: NavTreeNode = this.treeElement.jstree('get_node', id);
+        if (node) {
+          return this.treeElement.jstree('is_open', node);
+        } else {
+          return true;
+        }
+      };
+      this.editCallbacks.nodeIsLoaded = (id) => {
+        const node: NavTreeNode = this.treeElement.jstree('get_node', id);
+        if (node) {
+          return this.treeElement.jstree('is_loaded', node);
+        } else {
+          return true;
+        }
+      };
+      this.editCallbacks.refreshNode = (id) => {
+        if (id === '#') {
+          this.treeElement.jstree('refresh');
+          this.treeElement.jstree('redraw');
+        } else {
+          const node: NavTreeNode = this.treeElement.jstree('get_node', id);
+          if (node) {
+            const opened = this.treeElement.jstree('is_open', node);
+            this.treeElement.jstree('refresh_node', node);
+            this.treeElement.jstree('redraw');
+            if (node.children && opened/* && !node.children.length*/) {
+              this.treeElement.jstree('open_node', node);
+            }
+          }
+        }
+      };
+      this.editCallbacks.updateNode = (id, newName) => {
+        const node: NavTreeNode = this.treeElement.jstree('get_node', id);
+        if (node) {
+          this.treeElement.jstree('rename_node', node, newName);
+        }
+      };
+      this.editCallbacks.createNode = (parentId, node, pos) => {
+        const parentNode: NavTreeNode = this.treeElement.jstree('get_node', parentId);
+        if (parentNode) {
+          this.treeElement.jstree('create_node', parentNode, node, pos);
+        }
+      };
+      this.editCallbacks.deleteNode = (id) => {
+        const node: NavTreeNode = this.treeElement.jstree('get_node', id);
+        if (node) {
+          this.treeElement.jstree('delete_node', node);
+        }
+      };
+      this.editCallbacks.disableNode = (id) => {
+        const node: NavTreeNode = this.treeElement.jstree('get_node', id);
+        if (node) {
+          this.treeElement.jstree('disable_node', node);
+        }
+      };
+      this.editCallbacks.enableNode = (id) => {
+        const node: NavTreeNode = this.treeElement.jstree('get_node', id);
+        if (node) {
+          this.treeElement.jstree('enable_node', node);
+        }
+      };
+      this.editCallbacks.setNodeHasChildren = (id, hasChildren) => {
+        const node: NavTreeNode = this.treeElement.jstree('get_node', id);
+        if (node) {
+          if (!node.children || (Array.isArray(node.children) && !node.children.length)) {
+            node.children = hasChildren;
+            node.state.loaded = !hasChildren;
+            node.state.opened = false;
+            this.treeElement.jstree('_node_changed', node.id);
+            this.treeElement.jstree('redraw');
+          }
+        }
+      };
+      this.editCallbacks.search = (searchText) => {
+        this.treeElement.jstree('search', searchText);
+      };
+      this.editCallbacks.clearSearch = () => {
+        this.treeElement.jstree('clear_search');
+      };
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/page.component.ts b/ui-ngx/src/app/shared/components/page.component.ts
new file mode 100644
index 0000000000..6d90f6e3c1
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/page.component.ts
@@ -0,0 +1,56 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { OnDestroy } from '@angular/core';
+import { select, Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { Observable, Subscription } from 'rxjs';
+import { selectIsLoading } from '@core/interceptors/load.selectors';
+import { delay, share } from 'rxjs/operators';
+import { AbstractControl } from '@angular/forms';
+
+export abstract class PageComponent implements OnDestroy {
+
+  isLoading$: Observable<boolean>;
+  loadingSubscription: Subscription;
+  disabledOnLoadFormControls: Array<AbstractControl> = [];
+
+  protected constructor(protected store: Store<AppState>) {
+    this.isLoading$ = this.store.pipe(delay(0), select(selectIsLoading), share());
+  }
+
+  protected registerDisableOnLoadFormControl(control: AbstractControl) {
+    this.disabledOnLoadFormControls.push(control);
+    if (!this.loadingSubscription) {
+      this.loadingSubscription = this.isLoading$.subscribe((isLoading) => {
+        for (const formControl of this.disabledOnLoadFormControls) {
+          if (isLoading) {
+            formControl.disable({emitEvent: false});
+          } else {
+            formControl.enable({emitEvent: false});
+          }
+        }
+      });
+    }
+  }
+
+  ngOnDestroy(): void {
+    if (this.loadingSubscription) {
+      this.loadingSubscription.unsubscribe();
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/public-api.ts b/ui-ngx/src/app/shared/components/public-api.ts
new file mode 100644
index 0000000000..4d02aae337
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/public-api.ts
@@ -0,0 +1,20 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export * from './dialog/color-picker-dialog.component';
+export * from './dialog/material-icons-dialog.component';
+export * from './page.component';
+export * from './js-func.component';
diff --git a/ui-ngx/src/app/shared/components/relation/relation-type-autocomplete.component.html b/ui-ngx/src/app/shared/components/relation/relation-type-autocomplete.component.html
new file mode 100644
index 0000000000..fdb197df31
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/relation/relation-type-autocomplete.component.html
@@ -0,0 +1,42 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field [formGroup]="relationTypeFormGroup" class="mat-block">
+  <input matInput type="text" placeholder="{{ required  ? ('relation.relation-type' | translate) : ( !modelValue ? ('relation.any-relation-type' | translate) : ' ') }}"
+         #relationTypeInput
+         formControlName="relationType"
+         (focusin)="onFocus()"
+         [required]="required"
+         [matAutocomplete]="relationTypeAutocomplete">
+  <button *ngIf="relationTypeFormGroup.get('relationType').value && !disabled"
+          type="button"
+          matSuffix mat-button mat-icon-button aria-label="Clear"
+          (click)="clear()">
+    <mat-icon class="material-icons">close</mat-icon>
+  </button>
+  <mat-autocomplete
+    class="tb-autocomplete"
+    #relationTypeAutocomplete="matAutocomplete"
+    [displayWith]="displayRelationTypeFn">
+    <mat-option *ngFor="let relationType of filteredRelationTypes | async" [value]="relationType">
+      <span [innerHTML]="relationType | highlight:searchText"></span>
+    </mat-option>
+  </mat-autocomplete>
+  <mat-error *ngIf="relationTypeFormGroup.get('relationType').hasError('required')">
+    {{ 'relation.relation-type-required' | translate }}
+  </mat-error>
+</mat-form-field>
diff --git a/ui-ngx/src/app/shared/components/relation/relation-type-autocomplete.component.ts b/ui-ngx/src/app/shared/components/relation/relation-type-autocomplete.component.ts
new file mode 100644
index 0000000000..67017a73be
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/relation/relation-type-autocomplete.component.ts
@@ -0,0 +1,168 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {AfterViewInit, Component, ElementRef, forwardRef, Input, OnInit, ViewChild, OnDestroy} from '@angular/core';
+import { ControlValueAccessor, FormBuilder, FormGroup, NG_VALUE_ACCESSOR, Validators } from '@angular/forms';
+import {Observable, of, throwError, Subscription} from 'rxjs';
+import {PageLink} from '@shared/models/page/page-link';
+import {Direction} from '@shared/models/page/sort-order';
+import {filter, map, mergeMap, publishReplay, refCount, startWith, tap, publish} from 'rxjs/operators';
+import {PageData, emptyPageData} from '@shared/models/page/page-data';
+import {DashboardInfo} from '@app/shared/models/dashboard.models';
+import {DashboardId} from '@app/shared/models/id/dashboard-id';
+import {DashboardService} from '@core/http/dashboard.service';
+import {Store} from '@ngrx/store';
+import {AppState} from '@app/core/core.state';
+import {getCurrentAuthUser} from '@app/core/auth/auth.selectors';
+import {Authority} from '@shared/models/authority.enum';
+import {TranslateService} from '@ngx-translate/core';
+import {DeviceService} from '@core/http/device.service';
+import {EntitySubtype, EntityType} from '@app/shared/models/entity-type.models';
+import {BroadcastService} from '@app/core/services/broadcast.service';
+import {coerceBooleanProperty} from '@angular/cdk/coercion';
+import {AssetService} from '@core/http/asset.service';
+import {EntityViewService} from '@core/http/entity-view.service';
+import { RelationTypes } from '@app/shared/models/relation.models';
+
+@Component({
+  selector: 'tb-relation-type-autocomplete',
+  templateUrl: './relation-type-autocomplete.component.html',
+  styleUrls: [],
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => RelationTypeAutocompleteComponent),
+    multi: true
+  }]
+})
+export class RelationTypeAutocompleteComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
+
+  relationTypeFormGroup: FormGroup;
+
+  modelValue: string | null;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  @ViewChild('relationTypeInput', {static: true}) relationTypeInput: ElementRef;
+
+  filteredRelationTypes: Observable<Array<string>>;
+
+  searchText = '';
+
+  private dirty = false;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              private broadcast: BroadcastService,
+              public translate: TranslateService,
+              private fb: FormBuilder) {
+    this.relationTypeFormGroup = this.fb.group({
+      relationType: [null, this.required ? [Validators.required] : []]
+    });
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+
+    this.filteredRelationTypes = this.relationTypeFormGroup.get('relationType').valueChanges
+      .pipe(
+        tap(value => {
+          this.updateView(value);
+        }),
+        // startWith<string | EntitySubtype>(''),
+        map(value => value ? value : ''),
+        mergeMap(type => this.fetchRelationTypes(type) )
+      );
+  }
+
+  ngAfterViewInit(): void {
+  }
+
+  ngOnDestroy(): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+    if (this.disabled) {
+      this.relationTypeFormGroup.disable({emitEvent: false});
+    } else {
+      this.relationTypeFormGroup.enable({emitEvent: false});
+    }
+  }
+
+  writeValue(value: string | null): void {
+    this.searchText = '';
+    this.modelValue = value;
+    this.relationTypeFormGroup.get('relationType').patchValue(value, {emitEvent: false});
+    this.dirty = true;
+  }
+
+  onFocus() {
+    if (this.dirty) {
+      this.relationTypeFormGroup.get('relationType').updateValueAndValidity({onlySelf: true, emitEvent: true});
+      this.dirty = false;
+    }
+  }
+
+  updateView(value: string | null) {
+    if (this.modelValue !== value) {
+      this.modelValue = value;
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  displayRelationTypeFn(relationType?: string): string | undefined {
+    return relationType ? relationType : undefined;
+  }
+
+  fetchRelationTypes(searchText?: string, strictMatch: boolean = false): Observable<Array<string>> {
+    this.searchText = searchText;
+    return of(RelationTypes).pipe(
+      map(relationTypes => relationTypes.filter( relationType => {
+        if (strictMatch) {
+          return searchText ? relationType === searchText : false;
+        } else {
+          return searchText ? relationType.toUpperCase().startsWith(searchText.toUpperCase()) : true;
+        }
+      }))
+    );
+  }
+
+  clear() {
+    this.relationTypeFormGroup.get('relationType').patchValue(null, {emitEvent: true});
+    setTimeout(() => {
+      this.relationTypeInput.nativeElement.blur();
+      this.relationTypeInput.nativeElement.focus();
+    }, 0);
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/snack-bar-component.html b/ui-ngx/src/app/shared/components/snack-bar-component.html
new file mode 100644
index 0000000000..f90fb5cac3
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/snack-bar-component.html
@@ -0,0 +1,26 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div fxLayout="row" fxLayoutAlign="start center" class="tb-toast"
+     [ngClass]="{
+          'error-toast': notification.type === 'error',
+          'success-toast': notification.type === 'success',
+          'info-toast': notification.type === 'info'
+     }">
+  <div class="toast-text" [innerHTML]="notification.message"></div>
+  <button #actionButton mat-button (click)="action()">{{ 'action.close' | translate }}</button>
+</div>
diff --git a/ui-ngx/src/app/shared/components/snack-bar-component.scss b/ui-ngx/src/app/shared/components/snack-bar-component.scss
new file mode 100644
index 0000000000..b694ae9dae
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/snack-bar-component.scss
@@ -0,0 +1,43 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  display: inline-block;
+  pointer-events: all;
+  .tb-toast {
+    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
+    color: #fff;
+    font-size: 18px;
+    border-radius: 4px;
+    padding: 0px 18px;
+    margin: 8px;
+    .toast-text {
+      padding: 0px 6px;
+      width: 100%;
+    }
+    button {
+      margin: 6px 0px 6px 12px;
+    }
+    &.info-toast {
+      background: #323232;
+    }
+    &.error-toast {
+      background: #800000;
+    }
+    &.success-toast {
+      background: #008000;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/socialshare-panel.component.html b/ui-ngx/src/app/shared/components/socialshare-panel.component.html
new file mode 100644
index 0000000000..28341baa7f
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/socialshare-panel.component.html
@@ -0,0 +1,53 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<div fxLayout="row" fxLayoutGap="12px" [fxHide]="isShareLinkLocal()">
+  <button mat-button mat-icon-button mat-raised-button class="mat-primary"
+          shareButton="facebook"
+          title="{{ shareTitle }}"
+          description="{{ shareText }}"
+          url="{{ shareLink }}"
+          matTooltipPosition="above"
+          matTooltip="{{ 'action.share-via' | translate:{provider:'Facebook'} }}">
+    <mat-icon svgIcon="mdi:facebook"></mat-icon>
+  </button>
+  <button mat-button mat-icon-button mat-raised-button class="mat-primary"
+          shareButton="twitter"
+          title="{{ shareTitle }}"
+          tags="{{ shareHashTags }}"
+          url="{{ shareLink }}"
+          matTooltipPosition="above"
+          matTooltip="{{ 'action.share-via' | translate:{provider:'Twitter'} }}">
+    <mat-icon svgIcon="mdi:twitter"></mat-icon>
+  </button>
+  <button mat-button mat-icon-button mat-raised-button class="mat-primary"
+          shareButton="linkedin"
+          title="{{ shareTitle }}"
+          url="{{ shareLink }}"
+          matTooltipPosition="above"
+          matTooltip="{{ 'action.share-via' | translate:{provider:'Linkedin'} }}">
+    <mat-icon svgIcon="mdi:linkedin"></mat-icon>
+  </button>
+  <button mat-button mat-icon-button mat-raised-button class="mat-primary"
+          shareButton="reddit"
+          title="{{ shareTitle }}"
+          url="{{ shareLink }}"
+          matTooltipPosition="above"
+          matTooltip="{{ 'action.share-via' | translate:{provider:'Reddit'} }}">
+    <mat-icon svgIcon="mdi:reddit"></mat-icon>
+  </button>
+</div>
diff --git a/ui-ngx/src/app/shared/components/socialshare-panel.component.scss b/ui-ngx/src/app/shared/components/socialshare-panel.component.scss
new file mode 100644
index 0000000000..9ad5c09ade
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/socialshare-panel.component.scss
@@ -0,0 +1,18 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  display: block;
+}
diff --git a/ui-ngx/src/app/shared/components/socialshare-panel.component.ts b/ui-ngx/src/app/shared/components/socialshare-panel.component.ts
new file mode 100644
index 0000000000..94090ee0f3
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/socialshare-panel.component.ts
@@ -0,0 +1,61 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { User } from '@shared/models/user.model';
+import { Authority } from '@shared/models/authority.enum';
+import { select, Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { selectAuthUser, selectUserDetails } from '@core/auth/auth.selectors';
+import { map } from 'rxjs/operators';
+import { AuthService } from '@core/auth/auth.service';
+import { Router } from '@angular/router';
+import {isLocalUrl} from '@core/utils';
+
+@Component({
+  selector: 'tb-social-share-panel',
+  templateUrl: './socialshare-panel.component.html',
+  styleUrls: ['./socialshare-panel.component.scss']
+})
+export class SocialSharePanelComponent implements OnInit {
+
+  @Input()
+  shareTitle: string;
+
+  @Input()
+  shareText: string;
+
+  @Input()
+  shareLink: string;
+
+  @Input()
+  shareHashTags: string;
+
+  constructor() {
+  }
+
+  ngOnInit(): void {
+  }
+
+  isShareLinkLocal(): boolean {
+    if (this.shareLink && this.shareLink.length > 0) {
+      return isLocalUrl(this.shareLink);
+    } else {
+      return true;
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/tb-anchor.component.ts b/ui-ngx/src/app/shared/components/tb-anchor.component.ts
new file mode 100644
index 0000000000..e93040a4a5
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/tb-anchor.component.ts
@@ -0,0 +1,25 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, ViewContainerRef } from '@angular/core';
+
+@Component({
+  selector: 'tb-anchor',
+  template: '<ng-template></ng-template>'
+})
+export class TbAnchorComponent {
+  constructor(public viewContainerRef: ViewContainerRef) { }
+}
diff --git a/ui-ngx/src/app/shared/components/tb-checkbox.component.html b/ui-ngx/src/app/shared/components/tb-checkbox.component.html
new file mode 100644
index 0000000000..02a18633e1
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/tb-checkbox.component.html
@@ -0,0 +1,24 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-checkbox [(ngModel)]="innerValue"
+              (ngModelChange)="modelChange($event)"
+              [checked]="innerValue"
+              [disabled]="disabled"
+              (change)="onHostChange($event)">
+  <ng-content></ng-content>
+</mat-checkbox>
diff --git a/ui-ngx/src/app/shared/components/tb-checkbox.component.ts b/ui-ngx/src/app/shared/components/tb-checkbox.component.ts
new file mode 100644
index 0000000000..d063718af2
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/tb-checkbox.component.ts
@@ -0,0 +1,74 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+@Component({
+  selector: 'tb-checkbox',
+  templateUrl: './tb-checkbox.component.html',
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => TbCheckboxComponent),
+      multi: true
+    }
+  ]
+})
+export class TbCheckboxComponent implements ControlValueAccessor {
+
+  innerValue: boolean;
+
+  @Input() disabled: boolean;
+  @Input() trueValue: any = true;
+  @Input() falseValue: any = false;
+  @Output() valueChange = new EventEmitter();
+
+  private propagateChange = (_: any) => {};
+
+  onHostChange(ev) {
+    this.propagateChange(ev.checked ? this.trueValue : this.falseValue);
+  }
+
+  modelChange($event) {
+    if ($event) {
+      this.innerValue = true;
+      this.valueChange.emit(this.trueValue);
+    } else {
+      this.innerValue = false;
+      this.valueChange.emit(this.falseValue);
+    }
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(obj: any): void {
+    if (obj === this.trueValue) {
+      this.innerValue = true;
+    } else {
+      this.innerValue = false;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/tb-error.component.ts b/ui-ngx/src/app/shared/components/tb-error.component.ts
new file mode 100644
index 0000000000..99ddc55f1a
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/tb-error.component.ts
@@ -0,0 +1,67 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Input } from '@angular/core';
+import { trigger, state, style, transition, animate } from '@angular/animations';
+
+@Component({
+  selector: 'tb-error',
+  template: `
+  <div [@animation]="state" style="margin-top:0.5rem;font-size:.75rem">
+      <mat-error >
+      {{message}}
+    </mat-error>
+    </div>
+  `,
+  styles: [`
+    :host {
+        height: 24px;
+    }
+  `],
+  animations: [
+    trigger('animation', [
+      state('show', style({
+        opacity: 1,
+      })),
+      state('hide',   style({
+        opacity: 0,
+        transform: 'translateY(-1rem)'
+      })),
+      transition('show => hide', animate('200ms ease-out')),
+      transition('* => show', animate('200ms ease-in'))
+
+    ]),
+  ]
+})
+export class TbErrorComponent {
+  errorValue: any;
+  state: any;
+  message;
+
+  @Input()
+  set error(value) {
+    if (value && !this.message) {
+      this.message = value;
+      this.state = 'hide';
+      setTimeout(() => {
+        this.state = 'show';
+      });
+    } else {
+      this.errorValue = value;
+      this.state = value ? 'show' : 'hide';
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/time/datetime-period.component.html b/ui-ngx/src/app/shared/components/time/datetime-period.component.html
new file mode 100644
index 0000000000..79baf0ab5c
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/time/datetime-period.component.html
@@ -0,0 +1,47 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<section fxLayout="column" fxLayoutAlign="start start">
+  <section fxLayout="row" fxLayoutAlign="start start" fxLayoutGap="16px">
+    <mat-form-field>
+      <mat-placeholder translate>datetime.date-from</mat-placeholder>
+      <mat-datetimepicker-toggle [for]="startDatePicker" matPrefix></mat-datetimepicker-toggle>
+      <mat-datetimepicker #startDatePicker type="date" openOnFocus="true"></mat-datetimepicker>
+      <input matInput [(ngModel)]="startDate" [matDatetimepicker]="startDatePicker" (ngModelChange)="onStartDateChange()">
+    </mat-form-field>
+    <mat-form-field>
+      <mat-placeholder translate>datetime.time-from</mat-placeholder>
+      <mat-datetimepicker-toggle [for]="startTimePicker" matPrefix></mat-datetimepicker-toggle>
+      <mat-datetimepicker #startTimePicker type="time" openOnFocus="true"></mat-datetimepicker>
+      <input matInput [(ngModel)]="startDate" [matDatetimepicker]="startTimePicker" (ngModelChange)="onStartDateChange()">
+    </mat-form-field>
+  </section>
+  <section fxLayout="row" fxLayoutAlign="start start" fxLayoutGap="16px">
+    <mat-form-field>
+      <mat-placeholder translate>datetime.date-to</mat-placeholder>
+      <mat-datetimepicker-toggle [for]="endDatePicker" matPrefix></mat-datetimepicker-toggle>
+      <mat-datetimepicker #endDatePicker type="date" openOnFocus="true"></mat-datetimepicker>
+      <input matInput [(ngModel)]="endDate" [matDatetimepicker]="endDatePicker" (ngModelChange)="onEndDateChange()">
+    </mat-form-field>
+    <mat-form-field>
+      <mat-placeholder translate>datetime.time-to</mat-placeholder>
+      <mat-datetimepicker-toggle [for]="endTimePicker" matPrefix></mat-datetimepicker-toggle>
+      <mat-datetimepicker #endTimePicker type="time" openOnFocus="true"></mat-datetimepicker>
+      <input matInput [(ngModel)]="endDate" [matDatetimepicker]="endTimePicker" (ngModelChange)="onEndDateChange()">
+    </mat-form-field>
+  </section>
+</section>
diff --git a/ui-ngx/src/app/shared/components/time/datetime-period.component.scss b/ui-ngx/src/app/shared/components/time/datetime-period.component.scss
new file mode 100644
index 0000000000..77c1268657
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/time/datetime-period.component.scss
@@ -0,0 +1,26 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host ::ng-deep {
+  .mat-form-field-wrapper {
+    padding-bottom: 8px;
+  }
+  .mat-form-field-underline {
+    bottom: 8px;
+  }
+  .mat-form-field-infix {
+    width: 150px;
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/time/datetime-period.component.ts b/ui-ngx/src/app/shared/components/time/datetime-period.component.ts
new file mode 100644
index 0000000000..006c2559bb
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/time/datetime-period.component.ts
@@ -0,0 +1,138 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, forwardRef, Input, OnInit } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { FixedWindow } from '@shared/models/time/time.models';
+
+@Component({
+  selector: 'tb-datetime-period',
+  templateUrl: './datetime-period.component.html',
+  styleUrls: ['./datetime-period.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => DatetimePeriodComponent),
+      multi: true
+    }
+  ]
+})
+export class DatetimePeriodComponent implements OnInit, ControlValueAccessor {
+
+  @Input() disabled: boolean;
+
+  modelValue: FixedWindow;
+
+  startDate: Date;
+  endDate: Date;
+
+  endTime: any;
+
+  maxStartDate: Date;
+  minEndDate: Date;
+  maxEndDate: Date;
+
+  changePending = false;
+
+  private propagateChange = null;
+
+  constructor() {
+  }
+
+  ngOnInit(): void {
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+    if (this.changePending && this.propagateChange) {
+      this.changePending = false;
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(datePeriod: FixedWindow): void {
+    this.modelValue = datePeriod;
+    if (this.modelValue) {
+      this.startDate = new Date(this.modelValue.startTimeMs);
+      this.endDate = new Date(this.modelValue.endTimeMs);
+    } else {
+      const date = new Date();
+      this.startDate = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate() - 1,
+        date.getHours(),
+        date.getMinutes(),
+        date.getSeconds(),
+        date.getMilliseconds());
+      this.endDate = date;
+      this.updateView();
+    }
+    this.updateMinMaxDates();
+  }
+
+  updateView() {
+    let value: FixedWindow = null;
+    if (this.startDate && this.endDate) {
+      value = {
+        startTimeMs: this.startDate.getTime(),
+        endTimeMs: this.endDate.getTime()
+      };
+    }
+    this.modelValue = value;
+    if (!this.propagateChange) {
+      this.changePending = true;
+    } else {
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  updateMinMaxDates() {
+    this.maxStartDate = new Date(this.endDate.getTime() - 1000);
+    this.minEndDate = new Date(this.startDate.getTime() + 1000);
+    this.maxEndDate = new Date();
+  }
+
+  onStartDateChange() {
+    if (this.startDate) {
+      if (this.startDate.getTime() > this.maxStartDate.getTime()) {
+        this.startDate = new Date(this.maxStartDate.getTime());
+      }
+      this.updateMinMaxDates();
+    }
+    this.updateView();
+  }
+
+  onEndDateChange() {
+    if (this.endDate) {
+      if (this.endDate.getTime() < this.minEndDate.getTime()) {
+        this.endDate = new Date(this.minEndDate.getTime());
+      } else if (this.endDate.getTime() > this.maxEndDate.getTime()) {
+        this.endDate = new Date(this.maxEndDate.getTime());
+      }
+      this.updateMinMaxDates();
+    }
+    this.updateView();
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/time/datetime.component.html b/ui-ngx/src/app/shared/components/time/datetime.component.html
new file mode 100644
index 0000000000..51a8b193c0
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/time/datetime.component.html
@@ -0,0 +1,40 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<section fxLayout="row" fxLayoutAlign="start start" fxLayoutGap="16px">
+  <mat-form-field>
+    <mat-placeholder>{{ dateText | translate }}</mat-placeholder>
+    <mat-datetimepicker-toggle [for]="datePicker" matPrefix></mat-datetimepicker-toggle>
+    <mat-datetimepicker #datePicker type="date" openOnFocus="true"></mat-datetimepicker>
+    <input [min]="minDateValue" [max]="maxDateValue"
+           [disabled]="disabled"
+           [required]="required"
+           matInput [(ngModel)]="date"
+           [matDatetimepicker]="datePicker" (ngModelChange)="onDateChange()">
+  </mat-form-field>
+  <mat-form-field>
+    <mat-placeholder>{{ timeText | translate }}</mat-placeholder>
+    <mat-datetimepicker-toggle [for]="timePicker" matPrefix></mat-datetimepicker-toggle>
+    <mat-datetimepicker #timePicker type="time" openOnFocus="true"></mat-datetimepicker>
+    <input [min]="minDateValue" [max]="maxDateValue"
+           [disabled]="disabled"
+           [required]="required"
+           matInput
+           [(ngModel)]="date"
+           [matDatetimepicker]="timePicker" (ngModelChange)="onDateChange()">
+  </mat-form-field>
+</section>
diff --git a/ui-ngx/src/app/shared/components/time/datetime.component.scss b/ui-ngx/src/app/shared/components/time/datetime.component.scss
new file mode 100644
index 0000000000..77c1268657
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/time/datetime.component.scss
@@ -0,0 +1,26 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host ::ng-deep {
+  .mat-form-field-wrapper {
+    padding-bottom: 8px;
+  }
+  .mat-form-field-underline {
+    bottom: 8px;
+  }
+  .mat-form-field-infix {
+    width: 150px;
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/time/datetime.component.ts b/ui-ngx/src/app/shared/components/time/datetime.component.ts
new file mode 100644
index 0000000000..5277147489
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/time/datetime.component.ts
@@ -0,0 +1,111 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Component, forwardRef, Input, OnInit} from '@angular/core';
+import {ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms';
+import {coerceBooleanProperty} from '@angular/cdk/coercion';
+
+@Component({
+  selector: 'tb-datetime',
+  templateUrl: './datetime.component.html',
+  styleUrls: ['./datetime.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => DatetimeComponent),
+      multi: true
+    }
+  ]
+})
+export class DatetimeComponent implements OnInit, ControlValueAccessor {
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  @Input()
+  dateText: string;
+
+  @Input()
+  timeText: string;
+
+  minDateValue: Date | null;
+
+  @Input()
+  set minDate(minDate: number | null) {
+    this.minDateValue = minDate ? new Date(minDate) : null;
+  }
+
+  maxDateValue: Date | null;
+
+  @Input()
+  set maxDate(maxDate: number | null) {
+    this.maxDateValue = maxDate ? new Date(maxDate) : null;
+  }
+
+  modelValue: number;
+
+  date: Date;
+
+  private propagateChange = (v: any) => { };
+
+  constructor() {
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  ngOnInit(): void {
+  }
+
+  writeValue(datetime: number | null): void {
+    this.modelValue = datetime;
+    if (this.modelValue) {
+      this.date = new Date(this.modelValue);
+    } else {
+      this.date = null;
+    }
+  }
+
+  updateView(value: number | null) {
+    if (this.modelValue !== value) {
+      this.modelValue = value;
+      this.propagateChange(this.modelValue);
+    }
+  }
+
+  onDateChange() {
+    const value = this.date ? this.date.getTime() : null;
+    this.updateView(value);
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/time/timeinterval.component.html b/ui-ngx/src/app/shared/components/time/timeinterval.component.html
new file mode 100644
index 0000000000..973a344a7c
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/time/timeinterval.component.html
@@ -0,0 +1,54 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<section fxLayout="row">
+  <section class="interval-section" fxLayout="column" fxFlex [fxShow]="advanced">
+    <label class="tb-small interval-label" translate>{{ predefinedName }}</label>
+    <section fxLayout="row" fxLayoutAlign="start start" fxFlex fxLayoutGap="6px">
+      <mat-form-field class="number-input">
+        <mat-label translate>timeinterval.days</mat-label>
+        <input matInput type="number" step="1" min="0" [(ngModel)]="days" (ngModelChange)="onTimeInputChange('days')"/>
+      </mat-form-field>
+      <mat-form-field class="number-input">
+        <mat-label translate>timeinterval.hours</mat-label>
+        <input matInput type="number" step="1" [(ngModel)]="hours" (ngModelChange)="onTimeInputChange('hours')"/>
+      </mat-form-field>
+      <mat-form-field class="number-input">
+        <mat-label translate>timeinterval.minutes</mat-label>
+        <input matInput type="number" step="1" [(ngModel)]="mins" (ngModelChange)="onTimeInputChange('mins')"/>
+      </mat-form-field>
+      <mat-form-field class="number-input">
+        <mat-label translate>timeinterval.seconds</mat-label>
+        <input matInput type="number" step="1" [(ngModel)]="secs" (ngModelChange)="onTimeInputChange('secs')"/>
+      </mat-form-field>
+    </section>
+  </section>
+  <section class="interval-section" fxLayout="row" fxFlex [fxShow]="!advanced">
+    <mat-form-field fxFlex>
+      <mat-label translate>{{ predefinedName }}</mat-label>
+      <mat-select matInput [(ngModel)]="intervalMs" (ngModelChange)="onIntervalMsChange()" style="min-width: 150px;">
+        <mat-option *ngFor="let interval of intervals" [value]="interval.value">
+          {{ interval.name | translate:interval.translateParams }}
+        </mat-option>
+      </mat-select>
+    </mat-form-field>
+  </section>
+  <section fxLayout="column" fxLayoutAlign="center center">
+    <label class="tb-small advanced-label" translate>timeinterval.advanced</label>
+    <mat-slide-toggle class="advanced-switch" [(ngModel)]="advanced" (ngModelChange)="onAdvancedChange()"></mat-slide-toggle>
+  </section>
+</section>
diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/type/AlarmSeverityCodec.java b/ui-ngx/src/app/shared/components/time/timeinterval.component.scss
similarity index 65%
rename from dao/src/main/java/org/thingsboard/server/dao/model/type/AlarmSeverityCodec.java
rename to ui-ngx/src/app/shared/components/time/timeinterval.component.scss
index c43915383a..5c558083d1 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/model/type/AlarmSeverityCodec.java
+++ b/ui-ngx/src/app/shared/components/time/timeinterval.component.scss
@@ -13,15 +13,31 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-package org.thingsboard.server.dao.model.type;
+:host {
+  min-width: 355px;
 
-import com.datastax.driver.extras.codecs.enums.EnumNameCodec;
-import org.thingsboard.server.common.data.alarm.AlarmSeverity;
+  .advanced-switch {
+    margin-bottom: 16px;
+  }
 
-public class AlarmSeverityCodec extends EnumNameCodec<AlarmSeverity> {
+  .advanced-label {
+    margin: 5px 0;
+  }
 
-    public AlarmSeverityCodec() {
-        super(AlarmSeverity.class);
+  .interval-section {
+    min-height: 66px;
+    .interval-label {
+      margin-bottom: 7px;
+      margin-top: -1px;
     }
+  }
 
 }
+
+:host ::ng-deep {
+  .number-input {
+    .mat-form-field-infix {
+      width: 70px;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/time/timeinterval.component.ts b/ui-ngx/src/app/shared/components/time/timeinterval.component.ts
new file mode 100644
index 0000000000..352d765f93
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/time/timeinterval.component.ts
@@ -0,0 +1,279 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { ChangeDetectorRef, Component, forwardRef, Input, OnInit } from '@angular/core';
+import {
+  ControlValueAccessor,
+  FormControl,
+  NG_VALIDATORS,
+  NG_VALUE_ACCESSOR,
+  Validator
+} from '@angular/forms';
+import { Timewindow } from '@shared/models/time/time.models';
+import { TimeInterval, TimeService } from '@core/services/time.service';
+
+@Component({
+  selector: 'tb-timeinterval',
+  templateUrl: './timeinterval.component.html',
+  styleUrls: ['./timeinterval.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => TimeintervalComponent),
+      multi: true
+    }
+  ]
+})
+export class TimeintervalComponent implements OnInit, ControlValueAccessor {
+
+  minValue: number;
+  maxValue: number;
+
+  @Input()
+  set min(min: number) {
+    if (typeof min !== 'undefined' && min !== this.minValue) {
+      this.minValue = min;
+      this.maxValue = Math.max(this.maxValue, this.minValue);
+      this.updateView();
+    }
+  }
+
+  @Input()
+  set max(max: number) {
+    if (typeof max !== 'undefined' && max !== this.maxValue) {
+      this.maxValue = max;
+      this.minValue = Math.min(this.minValue, this.maxValue);
+      this.updateView();
+    }
+  }
+
+  @Input() predefinedName: string;
+  @Input() disabled: boolean;
+
+  days = 0;
+  hours = 0;
+  mins = 1;
+  secs = 0;
+
+  intervalMs = 0;
+  modelValue: number;
+
+  advanced = false;
+  rendered = false;
+
+  intervals: Array<TimeInterval>;
+
+  private propagateChange = (_: any) => {};
+
+  constructor(private timeService: TimeService) {
+  }
+
+  ngOnInit(): void {
+    this.boundInterval();
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(intervalMs: number): void {
+    this.modelValue = intervalMs;
+    this.rendered = true;
+    if (typeof this.modelValue !== 'undefined') {
+      const min = this.timeService.boundMinInterval(this.minValue);
+      const max = this.timeService.boundMaxInterval(this.maxValue);
+      if (this.modelValue >= min && this.modelValue <= max) {
+        this.advanced = !this.timeService.matchesExistingInterval(this.minValue, this.maxValue, this.modelValue);
+        this.setIntervalMs(this.modelValue);
+      } else {
+        this.boundInterval();
+      }
+    }
+  }
+
+  setIntervalMs(intervalMs: number) {
+    if (!this.advanced) {
+      this.intervalMs = intervalMs;
+    }
+    const intervalSeconds = Math.floor(intervalMs / 1000);
+    this.days = Math.floor(intervalSeconds / 86400);
+    this.hours = Math.floor((intervalSeconds % 86400) / 3600);
+    this.mins = Math.floor(((intervalSeconds % 86400) % 3600) / 60);
+    this.secs = intervalSeconds % 60;
+  }
+
+  boundInterval() {
+    const min = this.timeService.boundMinInterval(this.minValue);
+    const max = this.timeService.boundMaxInterval(this.maxValue);
+    this.intervals = this.timeService.getIntervals(this.minValue, this.maxValue);
+    if (this.rendered) {
+      let newIntervalMs = this.modelValue;
+      if (newIntervalMs < min) {
+        newIntervalMs = min;
+      } else if (newIntervalMs > max) {
+        newIntervalMs = max;
+      }
+      if (!this.advanced) {
+        newIntervalMs = this.timeService.boundToPredefinedInterval(min, max, newIntervalMs);
+      }
+      if (newIntervalMs !== this.modelValue) {
+        this.setIntervalMs(newIntervalMs);
+        this.updateView();
+      }
+    }
+  }
+
+  updateView() {
+    if (!this.rendered) {
+      return;
+    }
+    let value = null;
+    let intervalMs;
+    if (!this.advanced) {
+      intervalMs = this.intervalMs;
+      if (!intervalMs || isNaN(intervalMs)) {
+        intervalMs = this.calculateIntervalMs();
+      }
+    } else {
+      intervalMs = this.calculateIntervalMs();
+    }
+    if (!isNaN(intervalMs) && intervalMs > 0) {
+      value = intervalMs;
+    }
+    this.modelValue = value;
+    this.propagateChange(this.modelValue);
+    this.boundInterval();
+  }
+
+  calculateIntervalMs(): number {
+    return (this.days * 86400 +
+      this.hours * 3600 +
+      this.mins * 60 +
+      this.secs) * 1000;
+  }
+
+  onIntervalMsChange() {
+    this.updateView();
+  }
+
+  onAdvancedChange() {
+    if (!this.advanced) {
+      this.intervalMs = this.calculateIntervalMs();
+    } else {
+      let intervalMs = this.intervalMs;
+      if (!intervalMs || isNaN(intervalMs)) {
+        intervalMs = this.calculateIntervalMs();
+      }
+      this.setIntervalMs(intervalMs);
+    }
+    this.updateView();
+  }
+
+  onTimeInputChange(type: string) {
+    switch (type) {
+      case 'secs':
+        setTimeout(() => this.onSecsChange(), 0);
+        break;
+      case 'mins':
+        setTimeout(() => this.onMinsChange(), 0);
+        break;
+      case 'hours':
+        setTimeout(() => this.onHoursChange(), 0);
+        break;
+      case 'days':
+        setTimeout(() => this.onDaysChange(), 0);
+        break;
+    }
+  }
+
+  onSecsChange() {
+    if (typeof this.secs === 'undefined') {
+      return;
+    }
+    if (this.secs < 0) {
+      if ((this.days + this.hours + this.mins) > 0) {
+        this.secs = this.secs + 60;
+        this.mins--;
+        this.onMinsChange();
+      } else {
+        this.secs = 0;
+      }
+    } else if (this.secs >= 60) {
+      this.secs = this.secs - 60;
+      this.mins++;
+      this.onMinsChange();
+    }
+    this.updateView();
+  }
+
+  onMinsChange() {
+    if (typeof this.mins === 'undefined') {
+      return;
+    }
+    if (this.mins < 0) {
+      if ((this.days + this.hours) > 0) {
+        this.mins = this.mins + 60;
+        this.hours--;
+        this.onHoursChange();
+      } else {
+        this.mins = 0;
+      }
+    } else if (this.mins >= 60) {
+      this.mins = this.mins - 60;
+      this.hours++;
+      this.onHoursChange();
+    }
+    this.updateView();
+  }
+
+  onHoursChange() {
+    if (typeof this.hours === 'undefined') {
+      return;
+    }
+    if (this.hours < 0) {
+      if (this.days > 0) {
+        this.hours = this.hours + 24;
+        this.days--;
+        this.onDaysChange();
+      } else {
+        this.hours = 0;
+      }
+    } else if (this.hours >= 24) {
+      this.hours = this.hours - 24;
+      this.days++;
+      this.onDaysChange();
+    }
+    this.updateView();
+  }
+
+  onDaysChange() {
+    if (typeof this.days === 'undefined') {
+      return;
+    }
+    if (this.days < 0) {
+      this.days = 0;
+    }
+    this.updateView();
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/time/timewindow-panel.component.html b/ui-ngx/src/app/shared/components/time/timewindow-panel.component.html
new file mode 100644
index 0000000000..3feae05e5b
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/time/timewindow-panel.component.html
@@ -0,0 +1,125 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form [formGroup]="timewindowForm" (ngSubmit)="update()">
+  <fieldset [disabled]="(isLoading$ | async)">
+    <div class="mat-content" style="height: 100%;" fxLayout="column">
+      <mat-tab-group dynamicHeight [ngClass]="{'tb-headless': historyOnly}"
+                     (selectedIndexChange)="timewindowForm.markAsDirty()" [(selectedIndex)]="timewindow.selectedTab">
+        <mat-tab label="{{ 'timewindow.realtime' | translate }}">
+          <div formGroupName="realtime" class="mat-content mat-padding" fxLayout="column">
+            <tb-timeinterval
+              formControlName="timewindowMs"
+              predefinedName="timewindow.last"
+              [required]="timewindow.selectedTab === timewindowTypes.REALTIME"
+              style="padding-top: 8px;"></tb-timeinterval>
+          </div>
+        </mat-tab>
+        <mat-tab label="{{ 'timewindow.history' | translate }}">
+          <div formGroupName="history" class="mat-content mat-padding" style="padding-top: 8px;">
+            <mat-radio-group formControlName="historyType">
+              <mat-radio-button [value]="historyTypes.LAST_INTERVAL" color="primary">
+                <section fxLayout="column">
+                  <tb-timeinterval
+                    formControlName="timewindowMs"
+                    predefinedName="timewindow.last"
+                    [fxShow]="timewindowForm.get('history').get('historyType').value === historyTypes.LAST_INTERVAL"
+                    [required]="timewindow.selectedTab === timewindowTypes.HISTORY &&
+                                timewindowForm.get('history').get('historyType').value === historyTypes.LAST_INTERVAL"
+                    style="padding-top: 8px;"></tb-timeinterval>
+                </section>
+              </mat-radio-button>
+              <mat-radio-button [value]="historyTypes.FIXED" color="primary">
+                <section fxLayout="column">
+                  <span translate>timewindow.time-period</span>
+                  <tb-datetime-period
+                    formControlName="fixedTimewindow"
+                    [fxShow]="timewindowForm.get('history').get('historyType').value === historyTypes.FIXED"
+                    [required]="timewindow.selectedTab === timewindowTypes.HISTORY &&
+                                timewindowForm.get('history').get('historyType').value === historyTypes.FIXED"
+                    style="padding-top: 8px;"></tb-datetime-period>
+                </section>
+              </mat-radio-button>
+            </mat-radio-group>
+          </div>
+        </mat-tab>
+      </mat-tab-group>
+      <div *ngIf="aggregation" formGroupName="aggregation" class="mat-content mat-padding" fxLayout="column">
+        <mat-form-field>
+          <mat-label translate>aggregation.function</mat-label>
+          <mat-select matInput formControlName="type" style="min-width: 150px;">
+            <mat-option *ngFor="let aggregation of aggregations" [value]="aggregation">
+              {{ aggregationTypesTranslations.get(aggregationTypes[aggregation]) | translate }}
+            </mat-option>
+          </mat-select>
+        </mat-form-field>
+        <div *ngIf="timewindowForm.get('aggregation').get('type').value === aggregationTypes.NONE"
+             class="limit-slider-container"
+             fxLayout="row" fxLayoutAlign="start center">
+          <span translate>aggregation.limit</span>
+          <mat-slider fxFlex formControlName="limit"
+                      thumbLabel
+                      [value]="timewindowForm.get('aggregation').get('limit').value"
+                      min="{{minDatapointsLimit()}}"
+                      max="{{maxDatapointsLimit()}}">
+          </mat-slider>
+          <mat-form-field style="max-width: 80px;">
+            <input matInput formControlName="limit" type="number" step="1"
+                   [value]="timewindowForm.get('aggregation').get('limit').value"
+                   min="{{minDatapointsLimit()}}"
+                   max="{{maxDatapointsLimit()}}"/>
+          </mat-form-field>
+        </div>
+      </div>
+      <div formGroupName="realtime"
+           *ngIf="aggregation && timewindowForm.get('aggregation').get('type').value !== aggregationTypes.NONE &&
+           timewindow.selectedTab === timewindowTypes.REALTIME" class="mat-content mat-padding" fxLayout="column">
+        <tb-timeinterval
+          formControlName="interval"
+          [min]="minRealtimeAggInterval()" [max]="maxRealtimeAggInterval()"
+          predefinedName="aggregation.group-interval">
+        </tb-timeinterval>
+      </div>
+      <div formGroupName="history"
+           *ngIf="aggregation && timewindowForm.get('aggregation').get('type').value !== aggregationTypes.NONE &&
+           timewindow.selectedTab === timewindowTypes.HISTORY" class="mat-content mat-padding" fxLayout="column">
+        <tb-timeinterval
+          formControlName="interval"
+          [min]="minHistoryAggInterval()" [max]="maxHistoryAggInterval()"
+          predefinedName="aggregation.group-interval">
+        </tb-timeinterval>
+      </div>
+      <span fxFlex></span>
+      <div fxLayout="row" class="tb-panel-actions">
+        <span fxFlex></span>
+        <button type="submit"
+                mat-raised-button
+                color="primary"
+                [disabled]="(isLoading$ | async) || timewindowForm.invalid || !timewindowForm.dirty">
+            {{ 'action.update' | translate }}
+        </button>
+        <button type="button"
+                mat-button
+                [disabled]="(isLoading$ | async)"
+                (click)="cancel()"
+                style="margin-right: 20px;">
+            {{ 'action.cancel' | translate }}
+        </button>
+      </div>
+    </div>
+  </fieldset>
+</form>
diff --git a/ui-ngx/src/app/shared/components/time/timewindow-panel.component.scss b/ui-ngx/src/app/shared/components/time/timewindow-panel.component.scss
new file mode 100644
index 0000000000..cb98cbf2bd
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/time/timewindow-panel.component.scss
@@ -0,0 +1,63 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  width: 100%;
+  height: 100%;
+  form,
+  fieldset {
+    height: 100%;
+  }
+
+  .mat-content {
+    overflow: hidden;
+    background-color: #fff;
+  }
+
+  .mat-padding {
+    padding: 0 16px;
+  }
+
+  .limit-slider-container {
+    >:first-child {
+      margin-right: 16px;
+    }
+    >:last-child {
+      margin-left: 16px;
+    }
+    >:first-child, >:last-child {
+      min-width: 25px;
+      max-width: 42px;
+    }
+    mat-form-field input[type=number] {
+      text-align: center;
+    }
+  }
+
+}
+
+:host ::ng-deep {
+  mat-radio-button {
+    display: block;
+    margin-bottom: 16px;
+    .mat-radio-label {
+      width: 100%;
+      align-items: start;
+      .mat-radio-label-content {
+        width: 100%;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/time/timewindow-panel.component.ts b/ui-ngx/src/app/shared/components/time/timewindow-panel.component.ts
new file mode 100644
index 0000000000..9b60ac4293
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/time/timewindow-panel.component.ts
@@ -0,0 +1,206 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  Component,
+  Inject,
+  InjectionToken,
+  OnInit,
+  ViewChild,
+  ViewContainerRef
+} from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { MillisecondsToTimeStringPipe } from '@shared/pipe/milliseconds-to-time-string.pipe';
+import {
+  Aggregation,
+  aggregationTranslations,
+  AggregationType,
+  HistoryWindow,
+  HistoryWindowType,
+  IntervalWindow,
+  Timewindow,
+  TimewindowType
+} from '@shared/models/time/time.models';
+import { DatePipe } from '@angular/common';
+import { Overlay, OverlayRef } from '@angular/cdk/overlay';
+import { PageComponent } from '@shared/components/page.component';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { TimeService } from '@core/services/time.service';
+
+export const TIMEWINDOW_PANEL_DATA = new InjectionToken<any>('TimewindowPanelData');
+
+export interface TimewindowPanelData {
+  historyOnly: boolean;
+  timewindow: Timewindow;
+  aggregation: boolean;
+}
+
+@Component({
+  selector: 'tb-timewindow-panel',
+  templateUrl: './timewindow-panel.component.html',
+  styleUrls: ['./timewindow-panel.component.scss']
+})
+export class TimewindowPanelComponent extends PageComponent implements OnInit {
+
+  historyOnly = false;
+
+  aggregation = false;
+
+  timewindow: Timewindow;
+
+  result: Timewindow;
+
+  timewindowForm: FormGroup;
+
+  historyTypes = HistoryWindowType;
+
+  timewindowTypes = TimewindowType;
+
+  aggregationTypes = AggregationType;
+
+  aggregations = Object.keys(AggregationType);
+
+  aggregationTypesTranslations = aggregationTranslations;
+
+  constructor(@Inject(TIMEWINDOW_PANEL_DATA) public data: TimewindowPanelData,
+              public overlayRef: OverlayRef,
+              protected store: Store<AppState>,
+              public fb: FormBuilder,
+              private timeService: TimeService,
+              private translate: TranslateService,
+              private millisecondsToTimeStringPipe: MillisecondsToTimeStringPipe,
+              private datePipe: DatePipe,
+              private overlay: Overlay,
+              public viewContainerRef: ViewContainerRef) {
+    super(store);
+    this.historyOnly = data.historyOnly;
+    this.timewindow = data.timewindow;
+    this.aggregation = data.aggregation;
+  }
+
+  ngOnInit(): void {
+    this.timewindowForm = this.fb.group({
+        realtime: this.fb.group(
+          {
+            timewindowMs: [
+              this.timewindow.realtime && typeof this.timewindow.realtime.timewindowMs !== 'undefined'
+                ? this.timewindow.realtime.timewindowMs : null
+            ],
+            interval: [
+              this.timewindow.realtime && typeof this.timewindow.realtime.interval !== 'undefined'
+                ? this.timewindow.realtime.interval : null
+            ]
+          }
+        ),
+        history: this.fb.group(
+          {
+            historyType: [
+              this.timewindow.history && typeof this.timewindow.history.historyType !== 'undefined'
+                ? this.timewindow.history.historyType : HistoryWindowType.LAST_INTERVAL
+            ],
+            timewindowMs: [
+              this.timewindow.history && typeof this.timewindow.history.timewindowMs !== 'undefined'
+                ? this.timewindow.history.timewindowMs : null
+            ],
+            interval: [
+              this.timewindow.history && typeof this.timewindow.history.interval !== 'undefined'
+                ? this.timewindow.history.interval : null
+            ],
+            fixedTimewindow: [
+              this.timewindow.history && typeof this.timewindow.history.fixedTimewindow !== 'undefined'
+                ? this.timewindow.history.fixedTimewindow : null
+            ]
+          }
+        ),
+        aggregation: this.fb.group(
+          {
+            type: [
+              this.timewindow.aggregation && typeof this.timewindow.aggregation.type !== 'undefined'
+                ? this.timewindow.aggregation.type : null
+            ],
+            limit: [
+              this.timewindow.aggregation && typeof this.timewindow.aggregation.limit !== 'undefined'
+                ? this.timewindow.aggregation.limit : null,
+              [Validators.min(this.minDatapointsLimit()), Validators.max(this.maxDatapointsLimit())]
+            ]
+          }
+        )
+    });
+  }
+
+  update() {
+    const timewindowFormValue = this.timewindowForm.value;
+    this.timewindow.realtime = {
+      timewindowMs: timewindowFormValue.realtime.timewindowMs,
+      interval: timewindowFormValue.realtime.interval
+    };
+    this.timewindow.history = {
+      historyType: timewindowFormValue.history.historyType,
+      timewindowMs: timewindowFormValue.history.timewindowMs,
+      interval: timewindowFormValue.history.interval,
+      fixedTimewindow: timewindowFormValue.history.fixedTimewindow
+    };
+    if (this.aggregation) {
+      this.timewindow.aggregation = {
+        type: timewindowFormValue.aggregation.type,
+        limit: timewindowFormValue.aggregation.limit
+      };
+    }
+    this.result = this.timewindow;
+    this.overlayRef.dispose();
+  }
+
+  cancel() {
+    this.overlayRef.dispose();
+  }
+
+  minDatapointsLimit() {
+    return this.timeService.getMinDatapointsLimit();
+  }
+
+  maxDatapointsLimit() {
+    return this.timeService.getMaxDatapointsLimit();
+  }
+
+  minRealtimeAggInterval() {
+    return this.timeService.minIntervalLimit(this.timewindowForm.get('realtime').get('timewindowMs').value);
+  }
+
+  maxRealtimeAggInterval() {
+    return this.timeService.maxIntervalLimit(this.timewindowForm.get('realtime').get('timewindowMs').value);
+  }
+
+  minHistoryAggInterval() {
+    return this.timeService.minIntervalLimit(this.currentHistoryTimewindow());
+  }
+
+  maxHistoryAggInterval() {
+    return this.timeService.maxIntervalLimit(this.currentHistoryTimewindow());
+  }
+
+  currentHistoryTimewindow() {
+    const timewindowFormValue = this.timewindowForm.value;
+    if (timewindowFormValue.history.historyType === HistoryWindowType.LAST_INTERVAL) {
+      return timewindowFormValue.history.timewindowMs;
+    } else {
+      return timewindowFormValue.history.fixedTimewindow.endTimeMs -
+        timewindowFormValue.history.fixedTimewindow.startTimeMs;
+    }
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/time/timewindow.component.html b/ui-ngx/src/app/shared/components/time/timewindow.component.html
new file mode 100644
index 0000000000..b6d3851dbf
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/time/timewindow.component.html
@@ -0,0 +1,46 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<button *ngIf="asButton" cdkOverlayOrigin #timewindowPanelOrigin="cdkOverlayOrigin" [disabled]="disabled"
+        type="button"
+        mat-raised-button color="primary" (click)="openEditMode()">
+  <mat-icon class="material-icons">query_builder</mat-icon>
+  <span>{{innerValue?.displayValue}}</span>
+</button>
+<section *ngIf="!asButton" cdkOverlayOrigin #timewindowPanelOrigin="cdkOverlayOrigin"
+         class="tb-timewindow" fxLayout="row" fxLayoutAlign="start center">
+  <button *ngIf="direction === 'left'" [disabled]="disabled" mat-button mat-icon-button class="tb-mat-32"
+          type="button"
+          (click)="openEditMode()"
+          matTooltip="{{ 'timewindow.edit' | translate }}"
+          [matTooltipPosition]="tooltipPosition">
+    <mat-icon class="material-icons">query_builder</mat-icon>
+  </button>
+  <span [fxHide]="hideLabel()"
+        (click)="openEditMode()"
+        matTooltip="{{ 'timewindow.edit' | translate }}"
+        [matTooltipPosition]="tooltipPosition">
+    {{innerValue?.displayValue}}
+  </span>
+  <button *ngIf="direction === 'right'" [disabled]="disabled" mat-button mat-icon-button class="tb-mat-32"
+          type="button"
+          (click)="openEditMode()"
+          matTooltip="{{ 'timewindow.edit' | translate }}"
+          [matTooltipPosition]="tooltipPosition">
+    <mat-icon class="material-icons">query_builder</mat-icon>
+  </button>
+</section>
diff --git a/ui-ngx/src/app/shared/components/time/timewindow.component.scss b/ui-ngx/src/app/shared/components/time/timewindow.component.scss
new file mode 100644
index 0000000000..20f23be541
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/time/timewindow.component.scss
@@ -0,0 +1,30 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  min-width: 52px;
+  section.tb-timewindow {
+    min-height: 32px;
+    padding: 0 6px;
+
+    span {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      pointer-events: all;
+      cursor: pointer;
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/time/timewindow.component.ts b/ui-ngx/src/app/shared/components/time/timewindow.component.ts
new file mode 100644
index 0000000000..17b38f2558
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/time/timewindow.component.ts
@@ -0,0 +1,279 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  ChangeDetectionStrategy,
+  Component,
+  forwardRef, Inject,
+  Input,
+  OnDestroy,
+  OnInit,
+  ViewChild,
+  ViewContainerRef
+} from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { TranslateService } from '@ngx-translate/core';
+import { MillisecondsToTimeStringPipe } from '@shared/pipe/milliseconds-to-time-string.pipe';
+import {
+  HistoryWindowType,
+  Timewindow,
+  TimewindowType,
+  initModelFromDefaultTimewindow, cloneSelectedTimewindow
+} from '@shared/models/time/time.models';
+import { DatePipe } from '@angular/common';
+import {
+  Overlay,
+  CdkOverlayOrigin,
+  OverlayConfig,
+  OverlayPositionBuilder, ConnectedPosition, PositionStrategy, OverlayRef
+} from '@angular/cdk/overlay';
+import {
+  TIMEWINDOW_PANEL_DATA,
+  TimewindowPanelComponent,
+  TimewindowPanelData
+} from '@shared/components/time/timewindow-panel.component';
+import { ComponentPortal, PortalInjector } from '@angular/cdk/portal';
+import { MediaBreakpoints } from '@shared/models/constants';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { DOCUMENT } from '@angular/common';
+import { WINDOW } from '@core/services/window.service';
+import { TimeService } from '@core/services/time.service';
+import { TooltipPosition } from '@angular/material/tooltip';
+import { deepClone } from '@core/utils';
+
+// @dynamic
+@Component({
+  selector: 'tb-timewindow',
+  templateUrl: './timewindow.component.html',
+  styleUrls: ['./timewindow.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => TimewindowComponent),
+      multi: true
+    }
+  ]
+})
+export class TimewindowComponent implements OnInit, OnDestroy, ControlValueAccessor {
+
+  historyOnlyValue = false;
+
+  @Input()
+  set historyOnly(val) {
+    this.historyOnlyValue = true;
+  }
+
+  get historyOnly() {
+    return this.historyOnlyValue;
+  }
+
+  aggregationValue = false;
+
+  @Input()
+  set aggregation(val) {
+    this.aggregationValue = true;
+  }
+
+  get aggregation() {
+    return this.aggregationValue;
+  }
+
+  isToolbarValue = false;
+
+  @Input()
+  set isToolbar(val) {
+    this.isToolbarValue = true;
+  }
+
+  get isToolbar() {
+    return this.isToolbarValue;
+  }
+
+  asButtonValue = false;
+
+  @Input()
+  set asButton(val) {
+    this.asButtonValue = true;
+  }
+
+  get asButton() {
+    return this.asButtonValue;
+  }
+
+  @Input()
+  direction: 'left' | 'right' = 'left';
+
+  @Input()
+  tooltipPosition: TooltipPosition = 'above';
+
+  @Input() disabled: boolean;
+
+  @ViewChild('timewindowPanelOrigin') timewindowPanelOrigin: CdkOverlayOrigin;
+
+  innerValue: Timewindow;
+
+  private propagateChange = (_: any) => {};
+
+  constructor(private translate: TranslateService,
+              private timeService: TimeService,
+              private millisecondsToTimeStringPipe: MillisecondsToTimeStringPipe,
+              private datePipe: DatePipe,
+              private overlay: Overlay,
+              public viewContainerRef: ViewContainerRef,
+              public breakpointObserver: BreakpointObserver,
+              @Inject(DOCUMENT) private document: Document,
+              @Inject(WINDOW) private window: Window) {
+  }
+
+  ngOnInit(): void {
+  }
+
+  ngOnDestroy(): void {
+  }
+
+  openEditMode() {
+    if (this.disabled) {
+      return;
+    }
+    const isGtSm = this.breakpointObserver.isMatched(MediaBreakpoints['gt-sm']);
+    const position = this.overlay.position();
+    const config = new OverlayConfig({
+      panelClass: 'tb-timewindow-panel',
+      backdropClass: 'cdk-overlay-transparent-backdrop',
+      hasBackdrop: isGtSm,
+    });
+    if (isGtSm) {
+      config.minWidth = '417px';
+      config.maxHeight = '440px';
+      const panelHeight = 375;
+      const panelWidth = 417;
+      const el = this.timewindowPanelOrigin.elementRef.nativeElement;
+      const offset = el.getBoundingClientRect();
+      const scrollTop = this.window.pageYOffset || this.document.documentElement.scrollTop || this.document.body.scrollTop || 0;
+      const scrollLeft = this.window.pageXOffset || this.document.documentElement.scrollLeft || this.document.body.scrollLeft || 0;
+      const bottomY = offset.bottom - scrollTop;
+      const leftX = offset.left - scrollLeft;
+      let originX;
+      let originY;
+      let overlayX;
+      let overlayY;
+      const wHeight = this.document.documentElement.clientHeight;
+      const wWidth = this.document.documentElement.clientWidth;
+      if (bottomY + panelHeight > wHeight) {
+        originY = 'top';
+        overlayY = 'bottom';
+      } else {
+        originY = 'bottom';
+        overlayY = 'top';
+      }
+      if (leftX + panelWidth > wWidth) {
+        originX = 'end';
+        overlayX = 'end';
+      } else {
+        originX = 'start';
+        overlayX = 'start';
+      }
+      const connectedPosition: ConnectedPosition = {
+        originX,
+        originY,
+        overlayX,
+        overlayY
+      };
+      config.positionStrategy = position.flexibleConnectedTo(this.timewindowPanelOrigin.elementRef)
+        .withPositions([connectedPosition]);
+    } else {
+      config.minWidth = '100%';
+      config.minHeight = '100%';
+      config.positionStrategy = position.global().top('0%').left('0%')
+        .right('0%').bottom('0%');
+    }
+
+    const overlayRef = this.overlay.create(config);
+
+    overlayRef.backdropClick().subscribe(() => {
+      overlayRef.dispose();
+    });
+
+    const injector = this._createTimewindowPanelInjector(
+      overlayRef,
+      {
+        timewindow: deepClone(this.innerValue),
+        historyOnly: this.historyOnly,
+        aggregation: this.aggregation
+      }
+    );
+
+    const componentRef = overlayRef.attach(new ComponentPortal(TimewindowPanelComponent, this.viewContainerRef, injector));
+    componentRef.onDestroy(() => {
+      if (componentRef.instance.result) {
+        this.innerValue = componentRef.instance.result;
+        this.updateDisplayValue();
+        this.notifyChanged();
+      }
+    });
+  }
+
+  private _createTimewindowPanelInjector(overlayRef: OverlayRef, data: TimewindowPanelData): PortalInjector {
+    const injectionTokens = new WeakMap<any, any>([
+      [TIMEWINDOW_PANEL_DATA, data],
+      [OverlayRef, overlayRef]
+    ]);
+    return new PortalInjector(this.viewContainerRef.injector, injectionTokens);
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(obj: Timewindow): void {
+    this.innerValue = initModelFromDefaultTimewindow(obj, this.timeService);
+    this.updateDisplayValue();
+  }
+
+  notifyChanged() {
+    this.propagateChange(cloneSelectedTimewindow(this.innerValue));
+  }
+
+  updateDisplayValue() {
+    if (this.innerValue.selectedTab === TimewindowType.REALTIME && !this.historyOnly) {
+      this.innerValue.displayValue = this.translate.instant('timewindow.realtime') + ' - ' +
+        this.translate.instant('timewindow.last-prefix') + ' ' +
+        this.millisecondsToTimeStringPipe.transform(this.innerValue.realtime.timewindowMs);
+    } else {
+      this.innerValue.displayValue = !this.historyOnly ? (this.translate.instant('timewindow.history') + ' - ') : '';
+      if (this.innerValue.history.historyType === HistoryWindowType.LAST_INTERVAL) {
+        this.innerValue.displayValue += this.translate.instant('timewindow.last-prefix') + ' ' +
+          this.millisecondsToTimeStringPipe.transform(this.innerValue.history.timewindowMs);
+      } else {
+        const startString = this.datePipe.transform(this.innerValue.history.fixedTimewindow.startTimeMs, 'yyyy-MM-dd HH:mm:ss');
+        const endString = this.datePipe.transform(this.innerValue.history.fixedTimewindow.endTimeMs, 'yyyy-MM-dd HH:mm:ss');
+        this.innerValue.displayValue += this.translate.instant('timewindow.period', {startTime: startString, endTime: endString});
+      }
+    }
+  }
+
+  hideLabel() {
+    return this.isToolbar && !this.breakpointObserver.isMatched(MediaBreakpoints['gt-md']);
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/toast.directive.ts b/ui-ngx/src/app/shared/components/toast.directive.ts
new file mode 100644
index 0000000000..beb77666df
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/toast.directive.ts
@@ -0,0 +1,215 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {
+  AfterViewInit, ApplicationRef, ChangeDetectorRef,
+  Component,
+  Directive,
+  ElementRef,
+  Inject, Input, NgZone,
+  OnDestroy, ViewChild,
+  ViewContainerRef
+} from '@angular/core';
+import { MAT_SNACK_BAR_DATA, MatSnackBar, MatSnackBarConfig, MatSnackBarRef } from '@angular/material/snack-bar';
+import { NotificationMessage } from '@app/core/notification/notification.models';
+import { onParentScrollOrWindowResize } from '@app/core/utils';
+import { Subscription } from 'rxjs';
+import { NotificationService } from '@app/core/services/notification.service';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { MediaBreakpoints } from '@shared/models/constants';
+import Timeout = NodeJS.Timeout;
+import { MatButton } from '@angular/material/button';
+
+@Directive({
+  selector: '[tb-toast]'
+})
+export class ToastDirective implements AfterViewInit, OnDestroy {
+
+  @Input()
+  toastTarget = 'root';
+
+  private notificationSubscription: Subscription = null;
+  private hideNotificationSubscription: Subscription = null;
+
+  private snackBarRef: MatSnackBarRef<TbSnackBarComponent> = null;
+  private currentMessage: NotificationMessage = null;
+
+  private dismissTimeout: Timeout = null;
+
+  constructor(public elementRef: ElementRef,
+              public viewContainerRef: ViewContainerRef,
+              private notificationService: NotificationService,
+              public snackBar: MatSnackBar,
+              private ngZone: NgZone,
+              private breakpointObserver: BreakpointObserver) {
+  }
+
+  ngAfterViewInit(): void {
+    this.notificationSubscription = this.notificationService.getNotification().subscribe(
+      (notificationMessage) => {
+        if (this.shouldDisplayMessage(notificationMessage)) {
+          this.currentMessage = notificationMessage;
+          const data = {
+            parent: this.elementRef,
+            notification: notificationMessage
+          };
+          const isGtSm = this.breakpointObserver.isMatched(MediaBreakpoints['gt-sm']);
+          const config: MatSnackBarConfig = {
+            horizontalPosition: notificationMessage.horizontalPosition || 'left',
+            verticalPosition: !isGtSm ? 'bottom' : (notificationMessage.verticalPosition || 'top'),
+            viewContainerRef: this.viewContainerRef,
+            duration: notificationMessage.duration,
+            panelClass: notificationMessage.panelClass,
+            data
+          };
+          this.ngZone.run(() => {
+            if (this.snackBarRef) {
+              this.snackBarRef.dismiss();
+            }
+            this.snackBarRef = this.snackBar.openFromComponent(TbSnackBarComponent, config);
+            if (notificationMessage.duration && notificationMessage.duration > 0 && notificationMessage.forceDismiss) {
+              if (this.dismissTimeout !== null) {
+                clearTimeout(this.dismissTimeout);
+                this.dismissTimeout = null;
+              }
+              this.dismissTimeout = setTimeout(() => {
+                if (this.snackBarRef) {
+                  this.snackBarRef.instance.actionButton._elementRef.nativeElement.click();
+                }
+                this.dismissTimeout = null;
+              }, notificationMessage.duration);
+            }
+            this.snackBarRef.afterDismissed().subscribe(() => {
+              if (this.dismissTimeout !== null) {
+                clearTimeout(this.dismissTimeout);
+                this.dismissTimeout = null;
+              }
+              this.snackBarRef = null;
+              this.currentMessage = null;
+            });
+          });
+        }
+      }
+    );
+
+    this.hideNotificationSubscription = this.notificationService.getHideNotification().subscribe(
+      (hideNotification) => {
+        if (hideNotification) {
+          const target = hideNotification.target || 'root';
+          if (this.toastTarget === target) {
+            this.ngZone.run(() => {
+              if (this.snackBarRef) {
+                this.snackBarRef.dismiss();
+              }
+            });
+          }
+        }
+      }
+    );
+  }
+
+  private shouldDisplayMessage(notificationMessage: NotificationMessage): boolean {
+    if (notificationMessage && notificationMessage.message) {
+      const target = notificationMessage.target || 'root';
+      if (this.toastTarget === target) {
+        if (!this.currentMessage || this.currentMessage.message !== notificationMessage.message
+          || this.currentMessage.type !== notificationMessage.type) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+
+  ngOnDestroy(): void {
+    if (this.notificationSubscription) {
+      this.notificationSubscription.unsubscribe();
+    }
+    if (this.hideNotificationSubscription) {
+      this.hideNotificationSubscription.unsubscribe();
+    }
+  }
+}
+
+@Component({
+  selector: 'tb-snack-bar-component',
+  templateUrl: 'snack-bar-component.html',
+  styleUrls: ['snack-bar-component.scss']
+})
+export class TbSnackBarComponent implements AfterViewInit, OnDestroy {
+
+  @ViewChild('actionButton', {static: true}) actionButton: MatButton;
+
+  private parentEl: HTMLElement;
+  public snackBarContainerEl: HTMLElement;
+  private parentScrollSubscription: Subscription = null;
+  public notification: NotificationMessage;
+  constructor(@Inject(MAT_SNACK_BAR_DATA) public data: any, private elementRef: ElementRef,
+              public cd: ChangeDetectorRef,
+              public snackBarRef: MatSnackBarRef<TbSnackBarComponent>) {
+    this.notification = data.notification;
+  }
+
+  ngAfterViewInit() {
+    this.parentEl = this.data.parent.nativeElement;
+    this.snackBarContainerEl = this.elementRef.nativeElement.parentNode;
+    this.snackBarContainerEl.style.position = 'absolute';
+    this.updateContainerRect();
+    this.updatePosition(this.snackBarRef.containerInstance.snackBarConfig);
+    const snackBarComponent = this;
+    this.parentScrollSubscription = onParentScrollOrWindowResize(this.parentEl).subscribe(() => {
+      snackBarComponent.updateContainerRect();
+    });
+  }
+
+  updatePosition(config: MatSnackBarConfig) {
+    const isRtl = config.direction === 'rtl';
+    const isLeft = (config.horizontalPosition === 'left' ||
+      (config.horizontalPosition === 'start' && !isRtl) ||
+      (config.horizontalPosition === 'end' && isRtl));
+    const isRight = !isLeft && config.horizontalPosition !== 'center';
+    if (isLeft) {
+      this.snackBarContainerEl.style.justifyContent = 'flex-start';
+    } else if (isRight) {
+      this.snackBarContainerEl.style.justifyContent = 'flex-end';
+    } else {
+      this.snackBarContainerEl.style.justifyContent = 'center';
+    }
+    if (config.verticalPosition === 'top') {
+      this.snackBarContainerEl.style.alignItems = 'flex-start';
+    } else {
+      this.snackBarContainerEl.style.alignItems = 'flex-end';
+    }
+  }
+
+  ngOnDestroy() {
+    if (this.parentScrollSubscription) {
+      this.parentScrollSubscription.unsubscribe();
+    }
+  }
+
+  updateContainerRect() {
+    const viewportOffset = this.parentEl.getBoundingClientRect();
+    this.snackBarContainerEl.style.top = viewportOffset.top + 'px';
+    this.snackBarContainerEl.style.left = viewportOffset.left + 'px';
+    this.snackBarContainerEl.style.width = viewportOffset.width + 'px';
+    this.snackBarContainerEl.style.height = viewportOffset.height + 'px';
+  }
+
+  action(): void {
+    this.snackBarRef.dismissWithAction();
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/user-menu.component.html b/ui-ngx/src/app/shared/components/user-menu.component.html
new file mode 100644
index 0000000000..db83d782d4
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/user-menu.component.html
@@ -0,0 +1,41 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<section fxLayout="row">
+  <div fxHide.xs fxHide.sm fxHide.md *ngIf="displayUserInfo" class="tb-user-info" fxLayout="row">
+    <mat-icon class="material-icons tb-mini-avatar">account_circle</mat-icon>
+    <div fxLayout="column" fxLayoutAlign="center">
+      <span *ngIf="userDisplayName$ | async; let userDisplayName" class="tb-user-display-name">{{ userDisplayName }}</span>
+      <span *ngIf="authorityName$ | async; let authorityName" class="tb-user-authority">{{ authorityName | translate }}</span>
+    </div>
+  </div>
+  <button mat-button mat-icon-button [matMenuTriggerFor]="userMenu">
+    <mat-icon class="material-icons">more_vert</mat-icon>
+  </button>
+  <mat-menu #userMenu="matMenu" xPosition="before">
+    <div class="tb-user-menu-items" *ngIf="authority$ | async; let authority">
+      <button mat-menu-item (click)="openProfile()">
+        <mat-icon class="material-icons">account_circle</mat-icon>
+        <span translate>home.profile</span>
+      </button>
+      <button mat-menu-item (click)="logout()">
+        <mat-icon class="material-icons">exit_to_app</mat-icon>
+        <span translate>home.logout</span>
+      </button>
+    </div>
+  </mat-menu>
+</section>
diff --git a/ui-ngx/src/app/shared/components/user-menu.component.scss b/ui-ngx/src/app/shared/components/user-menu.component.scss
new file mode 100644
index 0000000000..007ab3265b
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/user-menu.component.scss
@@ -0,0 +1,50 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+  div.tb-user-info {
+    line-height: 1.5;
+
+    span {
+      text-align: left;
+      text-transform: none;
+    }
+
+    span.tb-user-display-name {
+      font-size: .8rem;
+      font-weight: 300;
+      letter-spacing: .008em;
+    }
+
+    span.tb-user-authority {
+      font-size: .8rem;
+      font-weight: 300;
+      letter-spacing: .005em;
+      opacity: .8;
+    }
+
+  }
+
+  mat-icon.tb-mini-avatar {
+    width: 36px;
+    height: 36px;
+    margin: auto 8px;
+    font-size: 36px;
+  }
+}
+
+.tb-user-menu-items {
+  min-width: 256px;
+}
diff --git a/ui-ngx/src/app/shared/components/user-menu.component.ts b/ui-ngx/src/app/shared/components/user-menu.component.ts
new file mode 100644
index 0000000000..ca8ebd48ce
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/user-menu.component.ts
@@ -0,0 +1,112 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { User } from '@shared/models/user.model';
+import { Authority } from '@shared/models/authority.enum';
+import { select, Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { selectAuthUser, selectUserDetails } from '@core/auth/auth.selectors';
+import { map } from 'rxjs/operators';
+import { AuthService } from '@core/auth/auth.service';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'tb-user-menu',
+  templateUrl: './user-menu.component.html',
+  styleUrls: ['./user-menu.component.scss']
+})
+export class UserMenuComponent implements OnInit, OnDestroy {
+
+  @Input() displayUserInfo: boolean;
+
+  authorities = Authority;
+
+  authority$ = this.store.pipe(
+    select(selectAuthUser),
+    map((authUser) => authUser ? authUser.authority : Authority.ANONYMOUS)
+  );
+
+  authorityName$ = this.store.pipe(
+    select(selectUserDetails),
+    map((user) => this.getAuthorityName(user))
+  );
+
+  userDisplayName$ = this.store.pipe(
+    select(selectUserDetails),
+    map((user) => this.getUserDisplayName(user))
+  );
+
+  constructor(private store: Store<AppState>,
+              private router: Router,
+              private authService: AuthService) {
+  }
+
+  ngOnInit(): void {
+  }
+
+  ngOnDestroy(): void {
+  }
+
+  getAuthorityName(user: User): string {
+    let name = null;
+    if (user) {
+      const authority = user.authority;
+      switch (authority) {
+        case Authority.SYS_ADMIN:
+          name = 'user.sys-admin';
+          break;
+        case Authority.TENANT_ADMIN:
+          name = 'user.tenant-admin';
+          break;
+        case Authority.CUSTOMER_USER:
+          name = 'user.customer';
+          break;
+      }
+    }
+    return name;
+  }
+
+  getUserDisplayName(user: User): string {
+    let name = '';
+    if (user) {
+      if ((user.firstName && user.firstName.length > 0) ||
+        (user.lastName && user.lastName.length > 0)) {
+        if (user.firstName) {
+          name += user.firstName;
+        }
+        if (user.lastName) {
+          if (name.length > 0) {
+            name += ' ';
+          }
+          name += user.lastName;
+        }
+      } else {
+        name = user.email;
+      }
+    }
+    return name;
+  }
+
+  openProfile(): void {
+    this.router.navigate(['profile']);
+  }
+
+  logout(): void {
+    this.authService.logout();
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/value-input.component.html b/ui-ngx/src/app/shared/components/value-input.component.html
new file mode 100644
index 0000000000..e6055e039b
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/value-input.component.html
@@ -0,0 +1,63 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<form #inputForm="ngForm">
+  <section fxLayout="row" fxLayoutGap="8px">
+    <mat-form-field fxFlex="40" class="mat-block tb-value-type">
+      <mat-label translate>value.type</mat-label>
+      <mat-select [disabled]="disabled" matInput name="valueType" [(ngModel)]="valueType" (ngModelChange)="onValueTypeChanged()">
+        <mat-select-trigger>
+          <mat-icon svgIcon="{{ valueTypes.get(valueType).icon }}"></mat-icon>
+          <span>{{ valueTypes.get(valueType).name | translate }}</span>
+        </mat-select-trigger>
+        <mat-option *ngFor="let valueType of valueTypeKeys" [value]="valueType">
+          <mat-icon svgIcon="{{ valueTypes.get(valueTypeEnum[valueType]).icon }}"></mat-icon>
+          <span>{{ valueTypes.get(valueTypeEnum[valueType]).name | translate }}</span>
+        </mat-option>
+      </mat-select>
+    </mat-form-field>
+    <mat-form-field *ngIf="valueType === valueTypeEnum.STRING" fxFlex="60" class="mat-block">
+      <mat-label translate>value.string-value</mat-label>
+      <input [disabled]="disabled" matInput required name="value" #value="ngModel" [(ngModel)]="modelValue" (ngModelChange)="onValueChanged()"/>
+      <mat-error *ngIf="value.hasError('required')">
+        {{ (requiredText ? requiredText : 'value.string-value-required') | translate }}
+      </mat-error>
+    </mat-form-field>
+    <mat-form-field *ngIf="valueType === valueTypeEnum.INTEGER" fxFlex="60" class="mat-block">
+      <mat-label translate>value.integer-value</mat-label>
+      <input [disabled]="disabled" matInput required name="value" type="number" step="1" pattern="^-?[0-9]+$" #value="ngModel" [(ngModel)]="modelValue" (ngModelChange)="onValueChanged()"/>
+      <mat-error *ngIf="value.hasError('required')">
+        {{ (requiredText ? requiredText : 'value.integer-value-required') | translate }}
+      </mat-error>
+      <mat-error *ngIf="value.hasError('pattern')">
+        {{ 'value.invalid-integer-value' | translate }}
+      </mat-error>
+    </mat-form-field>
+    <mat-form-field *ngIf="valueType === valueTypeEnum.DOUBLE" fxFlex="60" class="mat-block">
+      <mat-label translate>value.double-value</mat-label>
+      <input [disabled]="disabled" matInput required name="value" type="number" step="any" #value="ngModel" [(ngModel)]="modelValue" (ngModelChange)="onValueChanged()"/>
+      <mat-error *ngIf="value.hasError('required')">
+        {{ (requiredText ? requiredText : 'value.double-value-required') | translate }}
+      </mat-error>
+    </mat-form-field>
+    <div fxLayout="column" fxLayoutAlign="center" fxFlex="60" *ngIf="valueType === valueTypeEnum.BOOLEAN">
+      <mat-checkbox [disabled]="disabled" name="value" #value="ngModel" [(ngModel)]="modelValue" (ngModelChange)="onValueChanged()" style="margin-bottom: 0px;">
+        {{ (modelValue ? 'value.true' : 'value.false') | translate }}
+      </mat-checkbox>
+    </div>
+  </section>
+</form>
diff --git a/ui-ngx/src/app/shared/components/value-input.component.scss b/ui-ngx/src/app/shared/components/value-input.component.scss
new file mode 100644
index 0000000000..6bd272c92b
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/value-input.component.scss
@@ -0,0 +1,27 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host ::ng-deep {
+  mat-form-field.tb-value-type {
+    .mat-form-field-infix {
+      padding-bottom: 1px;
+    }
+    mat-select-trigger {
+      mat-icon {
+        margin-right: 16px;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/value-input.component.ts b/ui-ngx/src/app/shared/components/value-input.component.ts
new file mode 100644
index 0000000000..d6c61a2438
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/value-input.component.ts
@@ -0,0 +1,107 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, forwardRef, Input, OnInit, ViewChild } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR, NgForm } from '@angular/forms';
+import { ValueType, valueTypesMap } from '@shared/models/constants';
+
+@Component({
+  selector: 'tb-value-input',
+  templateUrl: './value-input.component.html',
+  styleUrls: ['./value-input.component.scss'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => ValueInputComponent),
+      multi: true
+    }
+  ]
+})
+export class ValueInputComponent implements OnInit, ControlValueAccessor {
+
+  @Input() disabled: boolean;
+
+  @Input() requiredText: string;
+
+  @ViewChild('inputForm', {static: true}) inputForm: NgForm;
+
+  modelValue: any;
+
+  valueType: ValueType;
+
+  public valueTypeEnum = ValueType;
+
+  valueTypeKeys = Object.keys(ValueType);
+
+  valueTypes = valueTypesMap;
+
+  private propagateChange = null;
+
+  constructor() {
+
+  }
+
+  ngOnInit(): void {
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(value: any): void {
+    this.modelValue = value;
+    if (this.modelValue === true || this.modelValue === false) {
+      this.valueType = ValueType.BOOLEAN;
+    } else if (typeof this.modelValue === 'number') {
+      if (this.modelValue.toString().indexOf('.') === -1) {
+        this.valueType = ValueType.INTEGER;
+      } else {
+        this.valueType = ValueType.DOUBLE;
+      }
+    } else {
+      this.valueType = ValueType.STRING;
+    }
+  }
+
+  updateView() {
+    if (this.inputForm.valid || this.valueType === ValueType.BOOLEAN) {
+      this.propagateChange(this.modelValue);
+    } else {
+      this.propagateChange(null);
+    }
+  }
+
+  onValueTypeChanged() {
+    if (this.valueType === ValueType.BOOLEAN) {
+      this.modelValue = false;
+    } else {
+      this.modelValue = null;
+    }
+    this.updateView();
+  }
+
+  onValueChanged() {
+    this.updateView();
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/components/widgets-bundle-select.component.html b/ui-ngx/src/app/shared/components/widgets-bundle-select.component.html
new file mode 100644
index 0000000000..6d3261e85f
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/widgets-bundle-select.component.html
@@ -0,0 +1,40 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<mat-form-field floatLabel="always" hideRequiredMarker class="mat-block">
+  <mat-label></mat-label>
+  <mat-select [required]="required"
+              [disabled]="disabled"
+              [(ngModel)]="widgetsBundle"
+              matInput
+              panelClass="tb-widgets-bundle-select"
+              placeholder="{{ 'widget.select-widgets-bundle' | translate }}"
+              (ngModelChange)="widgetsBundleChanged()">
+    <mat-select-trigger>
+      <div class="tb-bundle-item">
+        <span>{{widgetsBundle?.title}}</span>
+        <span translate class="tb-bundle-system" *ngIf="isSystem(widgetsBundle)">widgets-bundle.system</span>
+      </div>
+    </mat-select-trigger>
+    <mat-option *ngFor="let widgetsBundle of widgetsBundles$ | async" [value]="widgetsBundle">
+      <div class="tb-bundle-item">
+        <span>{{widgetsBundle.title}}</span>
+        <span translate class="tb-bundle-system" *ngIf="isSystem(widgetsBundle)">widgets-bundle.system</span>
+      </div>
+    </mat-option>
+  </mat-select>
+</mat-form-field>
diff --git a/ui-ngx/src/app/shared/components/widgets-bundle-select.component.scss b/ui-ngx/src/app/shared/components/widgets-bundle-select.component.scss
new file mode 100644
index 0000000000..a300a0c843
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/widgets-bundle-select.component.scss
@@ -0,0 +1,105 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+tb-widgets-bundle-select {
+  mat-select {
+    margin: 0;
+  }
+
+  .tb-bundle-item {
+    height: 26px;
+    line-height: 26px;
+  }
+}
+
+.tb-widgets-bundle-select {
+  .tb-bundle-item {
+    height: 48px;
+    line-height: 48px;
+  }
+}
+
+tb-widgets-bundle-select,
+.tb-widgets-bundle-select {
+  .mat-select-value-text {
+    display: block;
+    width: 100%;
+  }
+
+  .tb-bundle-item {
+    display: inline-block;
+    width: 100%;
+
+    span {
+      display: inline-block;
+      vertical-align: middle;
+    }
+
+    .tb-bundle-system {
+      float: right;
+      font-size: .8rem;
+      opacity: .8;
+    }
+  }
+
+  mat-option {
+    height: auto !important;
+    white-space: normal !important;
+  }
+}
+
+mat-toolbar {
+  tb-widgets-bundle-select {
+    .mat-form-field-wrapper {
+      padding-bottom: 0 !important;
+      .mat-form-field-infix {
+        background: rgba(255, 255, 255, .2);
+        padding: 5px 20px !important;
+        border: none;
+
+        mat-select {
+          .mat-select-value-text {
+            font-size: 1.2rem;
+            color: #fff;
+
+            span:first-child::after {
+              color: #fff;
+            }
+          }
+
+          .mat-select-value {
+            vertical-align: middle;
+            min-height: 30px;
+            height: 30px;
+            padding: 2px 2px 1px;
+            .mat-select-placeholder {
+              color: #fff;
+              opacity: .8;
+            }
+          }
+        }
+
+        .mat-select.mat-select-invalid {
+          .mat-select-arrow {
+            color: #fff !important;
+          }
+        }
+      }
+      .mat-form-field-underline {
+        display: none;
+      }
+    }
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/widgets-bundle-select.component.ts b/ui-ngx/src/app/shared/components/widgets-bundle-select.component.ts
new file mode 100644
index 0000000000..7a2ca60c71
--- /dev/null
+++ b/ui-ngx/src/app/shared/components/widgets-bundle-select.component.ts
@@ -0,0 +1,156 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Component, forwardRef, Input, OnChanges, OnInit, ViewEncapsulation, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { share, tap } from 'rxjs/operators';
+import { Store } from '@ngrx/store';
+import { AppState } from '@app/core/core.state';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { WidgetsBundle } from '@shared/models/widgets-bundle.model';
+import { WidgetService } from '@core/http/widget.service';
+import { isDefined } from '@core/utils';
+import { NULL_UUID } from '@shared/models/id/has-uuid';
+
+@Component({
+  selector: 'tb-widgets-bundle-select',
+  templateUrl: './widgets-bundle-select.component.html',
+  styleUrls: ['./widgets-bundle-select.component.scss'],
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => WidgetsBundleSelectComponent),
+    multi: true
+  }],
+  encapsulation: ViewEncapsulation.None
+})
+export class WidgetsBundleSelectComponent implements ControlValueAccessor, OnInit, OnChanges {
+
+  @Input()
+  bundlesScope: 'system' | 'tenant';
+
+  @Input()
+  selectFirstBundle: boolean;
+
+  @Input()
+  selectBundleAlias: string;
+
+  private requiredValue: boolean;
+  get required(): boolean {
+    return this.requiredValue;
+  }
+  @Input()
+  set required(value: boolean) {
+    this.requiredValue = coerceBooleanProperty(value);
+  }
+
+  @Input()
+  disabled: boolean;
+
+  widgetsBundles$: Observable<Array<WidgetsBundle>>;
+
+  widgetsBundles: Array<WidgetsBundle>;
+
+  widgetsBundle: WidgetsBundle | null;
+
+  private propagateChange = (v: any) => { };
+
+  constructor(private store: Store<AppState>,
+              private widgetService: WidgetService) {
+  }
+
+  registerOnChange(fn: any): void {
+    this.propagateChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+  }
+
+  ngOnInit() {
+    this.widgetsBundles$ = this.getWidgetsBundles().pipe(
+      tap((widgetsBundles) => {
+        this.widgetsBundles = widgetsBundles;
+        if (this.selectFirstBundle) {
+          if (widgetsBundles.length > 0) {
+            if (this.widgetsBundle !== widgetsBundles[0]) {
+              this.widgetsBundle = widgetsBundles[0];
+              this.updateView();
+            } else if (isDefined(this.selectBundleAlias)) {
+              this.selectWidgetsBundleByAlias(this.selectBundleAlias);
+            }
+          }
+        }
+      }),
+      share()
+    );
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    for (const propName of Object.keys(changes)) {
+      const change = changes[propName];
+      if (!change.firstChange && change.currentValue !== change.previousValue) {
+        if (propName === 'selectBundleAlias') {
+          this.selectWidgetsBundleByAlias(this.selectBundleAlias);
+        }
+      }
+    }
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(value: WidgetsBundle | null): void {
+    this.widgetsBundle = value;
+  }
+
+  widgetsBundleChanged() {
+    this.updateView();
+  }
+
+  isSystem(item: WidgetsBundle) {
+    return item && item.tenantId.id === NULL_UUID;
+  }
+
+  private selectWidgetsBundleByAlias(alias: string) {
+    if (this.widgetsBundles && alias) {
+      const found = this.widgetsBundles.find((widgetsBundle) => widgetsBundle.alias === alias);
+      if (found && this.widgetsBundle !== found) {
+        this.widgetsBundle = found;
+        this.updateView();
+      }
+    }
+  }
+
+  private updateView() {
+    this.propagateChange(this.widgetsBundle);
+  }
+
+  private getWidgetsBundles(): Observable<Array<WidgetsBundle>> {
+    let widgetsBundlesObservable: Observable<Array<WidgetsBundle>>;
+    if (this.bundlesScope) {
+      if (this.bundlesScope === 'system') {
+        widgetsBundlesObservable = this.widgetService.getSystemWidgetsBundles();
+      } else if (this.bundlesScope === 'tenant') {
+        widgetsBundlesObservable = this.widgetService.getTenantWidgetsBundles();
+      }
+    } else {
+      widgetsBundlesObservable = this.widgetService.getAllWidgetsBundles();
+    }
+    return widgetsBundlesObservable;
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/models/alarm.models.ts b/ui-ngx/src/app/shared/models/alarm.models.ts
new file mode 100644
index 0000000000..4ee0ec40b3
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/alarm.models.ts
@@ -0,0 +1,227 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {BaseData} from '@shared/models/base-data';
+import {AssetId} from '@shared/models/id/asset-id';
+import {TenantId} from '@shared/models/id/tenant-id';
+import {CustomerId} from '@shared/models/id/customer-id';
+import {AlarmId} from '@shared/models/id/alarm-id';
+import {EntityId} from '@shared/models/id/entity-id';
+import { ActionStatus } from '@shared/models/audit-log.models';
+import { TimePageLink } from '@shared/models/page/page-link';
+import { NULL_UUID } from '@shared/models/id/has-uuid';
+import { EntityType } from '@shared/models/entity-type.models';
+
+export enum AlarmSeverity {
+  CRITICAL = 'CRITICAL',
+  MAJOR = 'MAJOR',
+  MINOR = 'MINOR',
+  WARNING = 'WARNING',
+  INDETERMINATE = 'INDETERMINATE'
+}
+
+export enum AlarmStatus {
+  ACTIVE_UNACK = 'ACTIVE_UNACK',
+  ACTIVE_ACK = 'ACTIVE_ACK',
+  CLEARED_UNACK = 'CLEARED_UNACK',
+  CLEARED_ACK = 'CLEARED_ACK'
+}
+
+export enum AlarmSearchStatus {
+  ANY = 'ANY',
+  ACTIVE = 'ACTIVE',
+  CLEARED = 'CLEARED',
+  ACK = 'ACK',
+  UNACK = 'UNACK'
+}
+
+export const alarmSeverityTranslations = new Map<AlarmSeverity, string>(
+  [
+    [AlarmSeverity.CRITICAL, 'alarm.severity-critical'],
+    [AlarmSeverity.MAJOR, 'alarm.severity-major'],
+    [AlarmSeverity.MINOR, 'alarm.severity-minor'],
+    [AlarmSeverity.WARNING, 'alarm.severity-warning'],
+    [AlarmSeverity.INDETERMINATE, 'alarm.severity-indeterminate']
+  ]
+);
+
+export const alarmStatusTranslations = new Map<AlarmStatus, string>(
+  [
+    [AlarmStatus.ACTIVE_UNACK, 'alarm.display-status.ACTIVE_UNACK'],
+    [AlarmStatus.ACTIVE_ACK, 'alarm.display-status.ACTIVE_ACK'],
+    [AlarmStatus.CLEARED_UNACK, 'alarm.display-status.CLEARED_UNACK'],
+    [AlarmStatus.CLEARED_ACK, 'alarm.display-status.CLEARED_ACK'],
+  ]
+);
+
+export const alarmSearchStatusTranslations = new Map<AlarmSearchStatus, string>(
+  [
+    [AlarmSearchStatus.ANY, 'alarm.search-status.ANY'],
+    [AlarmSearchStatus.ACTIVE, 'alarm.search-status.ACTIVE'],
+    [AlarmSearchStatus.CLEARED, 'alarm.search-status.CLEARED'],
+    [AlarmSearchStatus.ACK, 'alarm.search-status.ACK'],
+    [AlarmSearchStatus.UNACK, 'alarm.search-status.UNACK']
+  ]
+);
+
+export const alarmSeverityColors = new Map<AlarmSeverity, string>(
+  [
+    [AlarmSeverity.CRITICAL, 'red'],
+    [AlarmSeverity.MAJOR, 'orange'],
+    [AlarmSeverity.MINOR, '#ffca3d'],
+    [AlarmSeverity.WARNING, '#abab00'],
+    [AlarmSeverity.INDETERMINATE, 'green']
+  ]
+);
+
+export interface Alarm extends BaseData<AlarmId> {
+  tenantId: TenantId;
+  type: string;
+  originator: EntityId;
+  severity: AlarmSeverity;
+  status: AlarmStatus;
+  startTs: number;
+  endTs: number;
+  ackTs: number;
+  clearTs: number;
+  propagate: boolean;
+  details?: any;
+}
+
+export interface AlarmInfo extends Alarm {
+  originatorName: string;
+}
+
+export const simulatedAlarm: AlarmInfo = {
+  id: new AlarmId(NULL_UUID),
+  tenantId: new TenantId(NULL_UUID),
+  createdTime: new Date().getTime(),
+  startTs: new Date().getTime(),
+  endTs: 0,
+  ackTs: 0,
+  clearTs: 0,
+  originatorName: 'Simulated',
+  originator: {
+    entityType: EntityType.DEVICE,
+    id: '1'
+  },
+  type: 'TEMPERATURE',
+  severity: AlarmSeverity.MAJOR,
+  status: AlarmStatus.ACTIVE_UNACK,
+  details: {
+    message: 'Temperature is high!'
+  },
+  propagate: false
+};
+
+export interface AlarmField {
+  keyName: string;
+  value: string;
+  name: string;
+  time?: boolean;
+}
+
+export const alarmFields: {[fieldName: string]: AlarmField} = {
+  createdTime: {
+    keyName: 'createdTime',
+    value: 'createdTime',
+    name: 'alarm.created-time',
+    time: true
+  },
+  startTime: {
+    keyName: 'startTime',
+    value: 'startTs',
+    name: 'alarm.start-time',
+    time: true
+  },
+  endTime: {
+    keyName: 'endTime',
+    value: 'endTs',
+    name: 'alarm.end-time',
+    time: true
+  },
+  ackTime: {
+    keyName: 'ackTime',
+    value: 'ackTs',
+    name: 'alarm.ack-time',
+    time: true
+  },
+  clearTime: {
+    keyName: 'clearTime',
+    value: 'clearTs',
+    name: 'alarm.clear-time',
+    time: true
+  },
+  originator: {
+    keyName: 'originator',
+    value: 'originatorName',
+    name: 'alarm.originator'
+  },
+  originatorType: {
+    keyName: 'originatorType',
+    value: 'originator.entityType',
+    name: 'alarm.originator-type'
+  },
+  type: {
+    keyName: 'type',
+    value: 'type',
+    name: 'alarm.type'
+  },
+  severity: {
+    keyName: 'severity',
+    value: 'severity',
+    name: 'alarm.severity'
+  },
+  status: {
+    keyName: 'status',
+    value: 'status',
+    name: 'alarm.status'
+  }
+};
+
+export class AlarmQuery {
+
+  affectedEntityId: EntityId;
+  pageLink: TimePageLink;
+  searchStatus: AlarmSearchStatus;
+  status: AlarmStatus;
+  fetchOriginator: boolean;
+
+  constructor(entityId: EntityId, pageLink: TimePageLink,
+              searchStatus: AlarmSearchStatus, status: AlarmStatus,
+              fetchOriginator: boolean) {
+    this.affectedEntityId = entityId;
+    this.pageLink = pageLink;
+    this.searchStatus = searchStatus;
+    this.status = status;
+    this.fetchOriginator = fetchOriginator;
+  }
+
+  public toQuery(): string {
+    let query = `/${this.affectedEntityId.entityType}/${this.affectedEntityId.id}`;
+    query += this.pageLink.toQuery();
+    if (this.searchStatus) {
+      query += `&searchStatus=${this.searchStatus}`;
+    } else if (this.status) {
+      query += `&status=${this.status}`;
+    }
+    if (typeof this.fetchOriginator !== 'undefined' && this.fetchOriginator !== null) {
+      query += `&fetchOriginator=${this.fetchOriginator}`;
+    }
+    return query;
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/models/alias.models.ts b/ui-ngx/src/app/shared/models/alias.models.ts
new file mode 100644
index 0000000000..14f9193952
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/alias.models.ts
@@ -0,0 +1,158 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { AliasEntityType, EntityType } from '@shared/models/entity-type.models';
+import { EntityId } from '@shared/models/id/entity-id';
+import { EntitySearchDirection, EntityTypeFilter } from '@shared/models/relation.models';
+import { EntityInfo } from './entity.models';
+
+export enum AliasFilterType {
+  singleEntity = 'singleEntity',
+  entityList = 'entityList',
+  entityName = 'entityName',
+  stateEntity = 'stateEntity',
+  assetType = 'assetType',
+  deviceType = 'deviceType',
+  entityViewType = 'entityViewType',
+  relationsQuery = 'relationsQuery',
+  assetSearchQuery = 'assetSearchQuery',
+  deviceSearchQuery = 'deviceSearchQuery',
+  entityViewSearchQuery = 'entityViewSearchQuery'
+}
+
+export const aliasFilterTypeTranslationMap = new Map<AliasFilterType, string>(
+  [
+    [ AliasFilterType.singleEntity, 'alias.filter-type-single-entity' ],
+    [ AliasFilterType.entityList, 'alias.filter-type-entity-list' ],
+    [ AliasFilterType.entityName, 'alias.filter-type-entity-name' ],
+    [ AliasFilterType.stateEntity, 'alias.filter-type-state-entity' ],
+    [ AliasFilterType.assetType, 'alias.filter-type-asset-type' ],
+    [ AliasFilterType.deviceType, 'alias.filter-type-device-type' ],
+    [ AliasFilterType.entityViewType, 'alias.filter-type-entity-view-type' ],
+    [ AliasFilterType.relationsQuery, 'alias.filter-type-relations-query' ],
+    [ AliasFilterType.assetSearchQuery, 'alias.filter-type-asset-search-query' ],
+    [ AliasFilterType.deviceSearchQuery, 'alias.filter-type-device-search-query' ],
+    [ AliasFilterType.entityViewSearchQuery, 'alias.filter-type-entity-view-search-query' ]
+  ]
+);
+
+export interface SingleEntityFilter {
+  singleEntity?: EntityId;
+}
+
+export interface EntityListFilter {
+  entityType?: EntityType;
+  entityList?: string[];
+}
+
+export interface EntityNameFilter {
+  entityType?: EntityType;
+  entityNameFilter?: string;
+}
+
+export interface StateEntityFilter {
+  stateEntityParamName?: string;
+  defaultStateEntity?: EntityId;
+}
+
+export interface AssetTypeFilter {
+  assetType?: string;
+  assetNameFilter?: string;
+}
+
+export interface DeviceTypeFilter {
+  deviceType?: string;
+  deviceNameFilter?: string;
+}
+
+export interface EntityViewFilter {
+  entityViewType?: string;
+  entityViewNameFilter?: string;
+}
+
+export interface RelationsQueryFilter {
+  rootStateEntity?: boolean;
+  stateEntityParamName?: string;
+  defaultStateEntity?: EntityId;
+  rootEntity?: EntityId;
+  direction?: EntitySearchDirection;
+  filters?: Array<EntityTypeFilter>;
+  maxLevel?: number;
+}
+
+export interface EntitySearchQueryFilter {
+  rootStateEntity?: boolean;
+  stateEntityParamName?: string;
+  defaultStateEntity?: EntityId;
+  rootEntity?: EntityId;
+  relationType?: string;
+  direction?: EntitySearchDirection;
+}
+
+export interface AssetSearchQueryFilter extends EntitySearchQueryFilter {
+  assetTypes?: string[];
+}
+
+export interface DeviceSearchQueryFilter extends EntitySearchQueryFilter {
+  deviceTypes?: string[];
+}
+
+export interface EntityViewSearchQueryFilter extends EntitySearchQueryFilter {
+  entityViewTypes?: string[];
+}
+
+export type EntityFilters =
+  SingleEntityFilter &
+  EntityListFilter &
+  EntityNameFilter &
+  StateEntityFilter &
+  AssetTypeFilter &
+  DeviceTypeFilter &
+  EntityViewFilter &
+  RelationsQueryFilter &
+  AssetSearchQueryFilter &
+  DeviceSearchQueryFilter &
+  EntityViewSearchQueryFilter;
+
+export interface EntityAliasFilter extends EntityFilters {
+  type?: AliasFilterType;
+  resolveMultiple?: boolean;
+}
+
+export interface EntityAliasInfo {
+  alias: string;
+  filter: EntityAliasFilter;
+  [key: string]: any;
+}
+
+export interface AliasesInfo {
+  datasourceAliases: {[datasourceIndex: number]: EntityAliasInfo};
+  targetDeviceAliases: {[targetDeviceAliasIndex: number]: EntityAliasInfo};
+}
+
+export interface EntityAlias extends EntityAliasInfo {
+  id: string;
+}
+
+export interface EntityAliases {
+  [id: string]: EntityAlias;
+}
+
+export interface EntityAliasFilterResult {
+  entities: Array<EntityInfo>;
+  stateEntity: boolean;
+  entityParamName?: string;
+}
diff --git a/ui-ngx/src/app/shared/models/asset.models.ts b/ui-ngx/src/app/shared/models/asset.models.ts
new file mode 100644
index 0000000000..21610eae76
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/asset.models.ts
@@ -0,0 +1,40 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {BaseData} from '@shared/models/base-data';
+import {AssetId} from './id/asset-id';
+import {TenantId} from '@shared/models/id/tenant-id';
+import {CustomerId} from '@shared/models/id/customer-id';
+import {DeviceCredentialsId} from '@shared/models/id/device-credentials-id';
+import { EntitySearchQuery } from '@shared/models/relation.models';
+
+export interface Asset extends BaseData<AssetId> {
+  tenantId?: TenantId;
+  customerId?: CustomerId;
+  name: string;
+  type: string;
+  label: string;
+  additionalInfo?: any;
+}
+
+export interface AssetInfo extends Asset {
+  customerTitle: string;
+  customerIsPublic: boolean;
+}
+
+export interface AssetSearchQuery extends EntitySearchQuery {
+  assetTypes: Array<string>;
+}
diff --git a/ui-ngx/src/app/shared/models/audit-log.models.ts b/ui-ngx/src/app/shared/models/audit-log.models.ts
new file mode 100644
index 0000000000..165b3c9d46
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/audit-log.models.ts
@@ -0,0 +1,104 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { BaseData } from './base-data';
+import { AuditLogId } from './id/audit-log-id';
+import { CustomerId } from './id/customer-id';
+import { EntityId } from './id/entity-id';
+import { UserId } from './id/user-id';
+import { TenantId } from './id/tenant-id';
+
+export enum AuditLogMode {
+  TENANT,
+  ENTITY,
+  USER,
+  CUSTOMER
+}
+
+export enum ActionType {
+  ADDED = 'ADDED',
+  DELETED = 'DELETED',
+  UPDATED = 'UPDATED',
+  ATTRIBUTES_UPDATED = 'ATTRIBUTES_UPDATED',
+  ATTRIBUTES_DELETED = 'ATTRIBUTES_DELETED',
+  RPC_CALL = 'RPC_CALL',
+  CREDENTIALS_UPDATED = 'CREDENTIALS_UPDATED',
+  ASSIGNED_TO_CUSTOMER = 'ASSIGNED_TO_CUSTOMER',
+  UNASSIGNED_FROM_CUSTOMER = 'UNASSIGNED_FROM_CUSTOMER',
+  ACTIVATED = 'ACTIVATED',
+  SUSPENDED = 'SUSPENDED',
+  CREDENTIALS_READ = 'CREDENTIALS_READ',
+  ATTRIBUTES_READ = 'ATTRIBUTES_READ',
+  RELATION_ADD_OR_UPDATE = 'RELATION_ADD_OR_UPDATE',
+  RELATION_DELETED = 'RELATION_DELETED',
+  RELATIONS_DELETED = 'RELATIONS_DELETED',
+  ALARM_ACK = 'ALARM_ACK',
+  ALARM_CLEAR = 'ALARM_CLEAR',
+  LOGIN = 'LOGIN',
+  LOGOUT = 'LOGOUT',
+  LOCKOUT = 'LOCKOUT'
+}
+
+export enum ActionStatus {
+  SUCCESS = 'SUCCESS',
+  FAILURE = 'FAILURE'
+}
+
+export const actionTypeTranslations = new Map<ActionType, string>(
+  [
+    [ActionType.ADDED, 'audit-log.type-added'],
+    [ActionType.DELETED, 'audit-log.type-deleted'],
+    [ActionType.UPDATED, 'audit-log.type-updated'],
+    [ActionType.ATTRIBUTES_UPDATED, 'audit-log.type-attributes-updated'],
+    [ActionType.ATTRIBUTES_DELETED, 'audit-log.type-attributes-deleted'],
+    [ActionType.RPC_CALL, 'audit-log.type-rpc-call'],
+    [ActionType.CREDENTIALS_UPDATED, 'audit-log.type-credentials-updated'],
+    [ActionType.ASSIGNED_TO_CUSTOMER, 'audit-log.type-assigned-to-customer'],
+    [ActionType.UNASSIGNED_FROM_CUSTOMER, 'audit-log.type-unassigned-from-customer'],
+    [ActionType.ACTIVATED, 'audit-log.type-activated'],
+    [ActionType.SUSPENDED, 'audit-log.type-suspended'],
+    [ActionType.CREDENTIALS_READ, 'audit-log.type-credentials-read'],
+    [ActionType.ATTRIBUTES_READ, 'audit-log.type-attributes-read'],
+    [ActionType.RELATION_ADD_OR_UPDATE, 'audit-log.type-relation-add-or-update'],
+    [ActionType.RELATION_DELETED, 'audit-log.type-relation-delete'],
+    [ActionType.RELATIONS_DELETED, 'audit-log.type-relations-delete'],
+    [ActionType.ALARM_ACK, 'audit-log.type-alarm-ack'],
+    [ActionType.ALARM_CLEAR, 'audit-log.type-alarm-clear'],
+    [ActionType.LOGIN, 'audit-log.type-login'],
+    [ActionType.LOGOUT, 'audit-log.type-logout'],
+    [ActionType.LOCKOUT, 'audit-log.type-lockout']
+  ]
+);
+
+export const actionStatusTranslations = new Map<ActionStatus, string>(
+  [
+    [ActionStatus.SUCCESS, 'audit-log.status-success'],
+    [ActionStatus.FAILURE, 'audit-log.status-failure'],
+  ]
+);
+
+export interface AuditLog extends BaseData<AuditLogId> {
+  tenantId: TenantId;
+  customerId: CustomerId;
+  entityId: EntityId;
+  entityName: string;
+  userId: UserId;
+  userName: string;
+  actionType: ActionType;
+  actionData: any;
+  actionStatus: ActionStatus;
+  actionFailureDetails: string;
+}
diff --git a/ui-ngx/src/app/shared/models/authority.enum.ts b/ui-ngx/src/app/shared/models/authority.enum.ts
new file mode 100644
index 0000000000..0a6302a50b
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/authority.enum.ts
@@ -0,0 +1,23 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export enum Authority {
+  SYS_ADMIN = 'SYS_ADMIN',
+  TENANT_ADMIN = 'TENANT_ADMIN',
+  CUSTOMER_USER = 'CUSTOMER_USER',
+  REFRESH_TOKEN = 'REFRESH_TOKEN',
+  ANONYMOUS = 'ANONYMOUS'
+}
diff --git a/ui-ngx/src/app/shared/models/base-data.ts b/ui-ngx/src/app/shared/models/base-data.ts
new file mode 100644
index 0000000000..e89db8503e
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/base-data.ts
@@ -0,0 +1,26 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityId } from '@shared/models/id/entity-id';
+import { HasUUID } from '@shared/models/id/has-uuid';
+
+export declare type HasId = EntityId | HasUUID;
+
+export interface BaseData<T extends HasId> {
+  createdTime?: number;
+  id?: T;
+  name?: string;
+}
diff --git a/ui-ngx/src/app/shared/models/component-descriptor.models.ts b/ui-ngx/src/app/shared/models/component-descriptor.models.ts
new file mode 100644
index 0000000000..13627f2264
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/component-descriptor.models.ts
@@ -0,0 +1,39 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { RuleNodeType } from '@shared/models/rule-node.models';
+
+export enum ComponentType {
+  ENRICHMENT = 'ENRICHMENT',
+  FILTER = 'FILTER',
+  TRANSFORMATION = 'TRANSFORMATION',
+  ACTION = 'ACTION',
+  EXTERNAL = 'EXTERNAL'
+}
+
+export enum ComponentScope {
+  SYSTEM = 'SYSTEM',
+  TENANT = 'TENANT'
+}
+
+export interface ComponentDescriptor {
+  type: ComponentType | RuleNodeType;
+  scope?: ComponentScope;
+  name: string;
+  clazz: string;
+  configurationDescriptor?: any;
+  actions?: string;
+}
diff --git a/ui-ngx/src/app/shared/models/constants.ts b/ui-ngx/src/app/shared/models/constants.ts
new file mode 100644
index 0000000000..39235f5f45
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/constants.ts
@@ -0,0 +1,197 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export const Constants = {
+  serverErrorCode: {
+    general: 2,
+    authentication: 10,
+    jwtTokenExpired: 11,
+    tenantTrialExpired: 12,
+    credentialsExpired: 15,
+    permissionDenied: 20,
+    invalidArguments: 30,
+    badRequestParams: 31,
+    itemNotFound: 32,
+    tooManyRequests: 33,
+    tooManyUpdates: 34
+  },
+  entryPoints: {
+    login: '/api/auth/login',
+    tokenRefresh: '/api/auth/token',
+    nonTokenBased: '/api/noauth'
+  }
+};
+
+export const MediaBreakpoints = {
+  xs: 'screen and (max-width: 599px)',
+  sm: 'screen and (min-width: 600px) and (max-width: 959px)',
+  md: 'screen and (min-width: 960px) and (max-width: 1279px)',
+  lg: 'screen and (min-width: 1280px) and (max-width: 1919px)',
+  xl: 'screen and (min-width: 1920px) and (max-width: 5000px)',
+  'lt-sm': 'screen and (max-width: 599px)',
+  'lt-md': 'screen and (max-width: 959px)',
+  'lt-lg': 'screen and (max-width: 1279px)',
+  'lt-xl': 'screen and (max-width: 1919px)',
+  'gt-xs': 'screen and (min-width: 600px)',
+  'gt-sm': 'screen and (min-width: 960px)',
+  'gt-md': 'screen and (min-width: 1280px)',
+  'gt-lg': 'screen and (min-width: 1920px)',
+  'gt-xl': 'screen and (min-width: 5001px)'
+};
+
+const helpBaseUrl = 'https://thingsboard.io';
+
+export const HelpLinks = {
+  linksMap: {
+    outgoingMailSettings: helpBaseUrl + '/docs/user-guide/ui/mail-settings',
+    securitySettings: helpBaseUrl + '/docs/user-guide/ui/security-settings',
+    ruleEngine: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/overview/',
+    ruleNodeCheckRelation: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/filter-nodes/#check-relation-filter-node',
+    ruleNodeCheckExistenceFields: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/filter-nodes/#check-existence-fields-node',
+    ruleNodeJsFilter: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/filter-nodes/#script-filter-node',
+    ruleNodeJsSwitch: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/filter-nodes/#switch-node',
+    ruleNodeMessageTypeFilter: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/filter-nodes/#message-type-filter-node',
+    ruleNodeMessageTypeSwitch: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/filter-nodes/#message-type-switch-node',
+    ruleNodeOriginatorTypeFilter: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/filter-nodes/#originator-type-filter-node',
+    ruleNodeOriginatorTypeSwitch: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/filter-nodes/#originator-type-switch-node',
+    ruleNodeOriginatorAttributes: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/enrichment-nodes/#originator-attributes',
+    ruleNodeOriginatorFields: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/enrichment-nodes/#originator-fields',
+    ruleNodeCustomerAttributes: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/enrichment-nodes/#customer-attributes',
+    ruleNodeDeviceAttributes: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/enrichment-nodes/#device-attributes',
+    ruleNodeRelatedAttributes: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/enrichment-nodes/#related-attributes',
+    ruleNodeTenantAttributes: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/enrichment-nodes/#tenant-attributes',
+    ruleNodeChangeOriginator: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/transformation-nodes/#change-originator',
+    ruleNodeTransformMsg: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/transformation-nodes/#script-transformation-node',
+    ruleNodeMsgToEmail: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/transformation-nodes/#to-email-node',
+    ruleNodeClearAlarm: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/action-nodes/#clear-alarm-node',
+    ruleNodeCreateAlarm: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/action-nodes/#create-alarm-node',
+    ruleNodeMsgDelay: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/action-nodes/#delay-node',
+    ruleNodeMsgGenerator: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/action-nodes/#generator-node',
+    ruleNodeLog: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/action-nodes/#log-node',
+    ruleNodeRpcCallReply: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/action-nodes/#rpc-call-reply-node',
+    ruleNodeRpcCallRequest: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/action-nodes/#rpc-call-request-node',
+    ruleNodeSaveAttributes: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/action-nodes/#save-attributes-node',
+    ruleNodeSaveTimeseries: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/action-nodes/#save-timeseries-node',
+    ruleNodeRuleChain: helpBaseUrl + '/docs/user-guide/ui/rule-chains/',
+    ruleNodeAwsSns: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/external-nodes/#aws-sns-node',
+    ruleNodeAwsSqs: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/external-nodes/#aws-sqs-node',
+    ruleNodeKafka: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/external-nodes/#kafka-node',
+    ruleNodeMqtt: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/external-nodes/#mqtt-node',
+    ruleNodeRabbitMq: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/external-nodes/#rabbitmq-node',
+    ruleNodeRestApiCall: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/external-nodes/#rest-api-call-node',
+    ruleNodeSendEmail: helpBaseUrl + '/docs/user-guide/rule-engine-2-0/external-nodes/#send-email-node',
+    tenants: helpBaseUrl + '/docs/user-guide/ui/tenants',
+    customers: helpBaseUrl + '/docs/user-guide/customers',
+    users: helpBaseUrl + '/docs/user-guide/ui/users',
+    devices: helpBaseUrl + '/docs/user-guide/ui/devices',
+    assets: helpBaseUrl + '/docs/user-guide/ui/assets',
+    entityViews: helpBaseUrl + '/docs/user-guide/ui/entity-views',
+    entitiesImport: helpBaseUrl + '/docs/user-guide/bulk-provisioning',
+    rulechains: helpBaseUrl + '/docs/user-guide/ui/rule-chains',
+    dashboards: helpBaseUrl + '/docs/user-guide/ui/dashboards',
+    widgetsBundles: helpBaseUrl + '/docs/user-guide/ui/widget-library#bundles',
+    widgetsConfig:  helpBaseUrl + '/docs/user-guide/ui/dashboards#widget-configuration',
+    widgetsConfigTimeseries:  helpBaseUrl + '/docs/user-guide/ui/dashboards#timeseries',
+    widgetsConfigLatest: helpBaseUrl +  '/docs/user-guide/ui/dashboards#latest',
+    widgetsConfigRpc: helpBaseUrl +  '/docs/user-guide/ui/dashboards#rpc',
+    widgetsConfigAlarm: helpBaseUrl +  '/docs/user-guide/ui/dashboards#alarm',
+    widgetsConfigStatic: helpBaseUrl +  '/docs/user-guide/ui/dashboards#static'
+  }
+};
+
+export interface ValueTypeData {
+  name: string;
+  icon: string;
+}
+
+export enum ValueType {
+  STRING = 'STRING',
+  INTEGER = 'INTEGER',
+  DOUBLE = 'DOUBLE',
+  BOOLEAN = 'BOOLEAN'
+}
+
+export const valueTypesMap = new Map<ValueType, ValueTypeData>(
+  [
+    [
+      ValueType.STRING,
+      {
+        name: 'value.string',
+        icon: 'mdi:format-text'
+      }
+    ],
+    [
+      ValueType.INTEGER,
+      {
+        name: 'value.integer',
+        icon: 'mdi:numeric'
+      }
+    ],
+    [
+      ValueType.DOUBLE,
+      {
+        name: 'value.double',
+        icon: 'mdi:numeric'
+      }
+    ],
+    [
+      ValueType.BOOLEAN,
+      {
+        name: 'value.boolean',
+        icon: 'mdi:checkbox-marked-outline'
+      }
+    ]
+  ]
+);
+
+export interface ContentTypeData {
+  name: string;
+  code: string;
+}
+
+export enum ContentType {
+  JSON = 'JSON',
+  TEXT = 'TEXT',
+  BINARY = 'BINARY'
+}
+
+export const contentTypesMap = new Map<ContentType, ContentTypeData>(
+  [
+    [
+      ContentType.JSON,
+      {
+        name: 'content-type.json',
+        code: 'json'
+      }
+    ],
+    [
+      ContentType.TEXT,
+      {
+        name: 'content-type.text',
+        code: 'text'
+      }
+    ],
+    [
+      ContentType.BINARY,
+      {
+        name: 'content-type.binary',
+        code: 'text'
+      }
+    ]
+  ]
+);
+
+export const customTranslationsPrefix = 'custom.';
diff --git a/ui-ngx/src/app/shared/models/contact-based.model.ts b/ui-ngx/src/app/shared/models/contact-based.model.ts
new file mode 100644
index 0000000000..e9f4038a3d
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/contact-based.model.ts
@@ -0,0 +1,28 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { BaseData, HasId } from './base-data';
+
+export interface ContactBased<T extends HasId> extends BaseData<T> {
+  country: string;
+  state: string;
+  city: string;
+  address: string;
+  address2: string;
+  zip: string;
+  phone: string;
+  email: string;
+}
diff --git a/ui-ngx/src/app/shared/models/customer.model.ts b/ui-ngx/src/app/shared/models/customer.model.ts
new file mode 100644
index 0000000000..81b44e6f8a
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/customer.model.ts
@@ -0,0 +1,31 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { CustomerId } from '@shared/models/id/customer-id';
+import { ContactBased } from '@shared/models/contact-based.model';
+import {TenantId} from './id/tenant-id';
+
+export interface Customer extends ContactBased<CustomerId> {
+  tenantId: TenantId;
+  title: string;
+  additionalInfo?: any;
+}
+
+export interface ShortCustomerInfo {
+  customerId: CustomerId;
+  title: string;
+  public: boolean;
+}
diff --git a/ui-ngx/src/app/shared/models/dashboard.models.ts b/ui-ngx/src/app/shared/models/dashboard.models.ts
new file mode 100644
index 0000000000..292a21ca9d
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/dashboard.models.ts
@@ -0,0 +1,135 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { BaseData } from '@shared/models/base-data';
+import { DashboardId } from '@shared/models/id/dashboard-id';
+import { TenantId } from '@shared/models/id/tenant-id';
+import { ShortCustomerInfo } from '@shared/models/customer.model';
+import { Widget } from './widget.models';
+import { Timewindow } from '@shared/models/time/time.models';
+import { EntityType } from '@shared/models/entity-type.models';
+import { EntityAlias, EntityAliases } from './alias.models';
+
+export interface DashboardInfo extends BaseData<DashboardId> {
+  tenantId?: TenantId;
+  title?: string;
+  assignedCustomers?: Array<ShortCustomerInfo>;
+}
+
+export interface WidgetLayout {
+  sizeX?: number;
+  sizeY?: number;
+  mobileHeight?: number;
+  mobileOrder?: number;
+  col?: number;
+  row?: number;
+}
+
+export interface WidgetLayouts {
+  [id: string]: WidgetLayout;
+}
+
+export interface GridSettings {
+  backgroundColor?: string;
+  color?: string;
+  columns?: number;
+  margin?: number;
+  backgroundSizeMode?: string;
+  backgroundImageUrl?: string;
+  autoFillHeight?: boolean;
+  mobileAutoFillHeight?: boolean;
+  mobileRowHeight?: number;
+  [key: string]: any;
+}
+
+export interface DashboardLayout {
+  widgets: WidgetLayouts;
+  gridSettings: GridSettings;
+}
+
+export interface DashboardLayoutInfo {
+  widgetIds?: string[];
+  widgetLayouts?: WidgetLayouts;
+  gridSettings?: GridSettings;
+}
+
+export declare type DashboardLayoutId = 'main' | 'right';
+
+export declare type DashboardStateLayouts = {[key in DashboardLayoutId]?: DashboardLayout};
+
+export declare type DashboardLayoutsInfo = {[key in DashboardLayoutId]?: DashboardLayoutInfo};
+
+export interface DashboardState {
+  name: string;
+  root: boolean;
+  layouts: DashboardStateLayouts;
+}
+
+export declare type StateControllerId = 'entity' | 'default' | string;
+
+export interface DashboardSettings {
+  stateControllerId?: StateControllerId;
+  showTitle?: boolean;
+  showDashboardsSelect?: boolean;
+  showEntitiesSelect?: boolean;
+  showDashboardTimewindow?: boolean;
+  showDashboardExport?: boolean;
+  toolbarAlwaysOpen?: boolean;
+  titleColor?: string;
+}
+
+export interface DashboardConfiguration {
+  timewindow?: Timewindow;
+  settings?: DashboardSettings;
+  widgets?: {[id: string]: Widget } | Widget[];
+  states?: {[id: string]: DashboardState };
+  entityAliases?: EntityAliases;
+  [key: string]: any;
+}
+
+export interface Dashboard extends DashboardInfo {
+  configuration?: DashboardConfiguration;
+}
+
+export function isPublicDashboard(dashboard: DashboardInfo): boolean {
+  if (dashboard && dashboard.assignedCustomers) {
+    return dashboard.assignedCustomers
+      .filter(customerInfo => customerInfo.public).length > 0;
+  } else {
+    return false;
+  }
+}
+
+export function getDashboardAssignedCustomersText(dashboard: DashboardInfo): string {
+  if (dashboard && dashboard.assignedCustomers && dashboard.assignedCustomers.length > 0) {
+    return dashboard.assignedCustomers
+      .filter(customerInfo => !customerInfo.public)
+      .map(customerInfo => customerInfo.title)
+      .join(', ');
+  } else {
+    return '';
+  }
+}
+
+export function isCurrentPublicDashboardCustomer(dashboard: DashboardInfo, customerId: string): boolean {
+  if (customerId && dashboard && dashboard.assignedCustomers) {
+    return dashboard.assignedCustomers.filter(customerInfo => {
+      return customerInfo.public && customerId === customerInfo.customerId.id;
+    }).length > 0;
+  } else {
+    return false;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/device.models.ts b/ui-ngx/src/app/shared/models/device.models.ts
new file mode 100644
index 0000000000..ef527eb33c
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/device.models.ts
@@ -0,0 +1,59 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {BaseData} from '@shared/models/base-data';
+import {DeviceId} from './id/device-id';
+import {TenantId} from '@shared/models/id/tenant-id';
+import {CustomerId} from '@shared/models/id/customer-id';
+import {DeviceCredentialsId} from '@shared/models/id/device-credentials-id';
+import { EntitySearchQuery } from '@shared/models/relation.models';
+
+export interface Device extends BaseData<DeviceId> {
+  tenantId?: TenantId;
+  customerId?: CustomerId;
+  name: string;
+  type: string;
+  label: string;
+  additionalInfo?: any;
+}
+
+export interface DeviceInfo extends Device {
+  customerTitle: string;
+  customerIsPublic: boolean;
+}
+
+export enum DeviceCredentialsType {
+  ACCESS_TOKEN = 'ACCESS_TOKEN',
+  X509_CERTIFICATE = 'X509_CERTIFICATE'
+}
+
+export const credentialTypeNames = new Map<DeviceCredentialsType, string>(
+  [
+    [DeviceCredentialsType.ACCESS_TOKEN, 'Access token'],
+    [DeviceCredentialsType.X509_CERTIFICATE, 'X.509 Certificate'],
+  ]
+);
+
+export interface DeviceCredentials extends BaseData<DeviceCredentialsId> {
+  deviceId: DeviceId;
+  credentialsType: DeviceCredentialsType;
+  credentialsId: string;
+  credentialsValue: string;
+}
+
+export interface DeviceSearchQuery extends EntitySearchQuery {
+  deviceTypes: Array<string>;
+}
diff --git a/ui-ngx/src/app/shared/models/entity-type.models.ts b/ui-ngx/src/app/shared/models/entity-type.models.ts
new file mode 100644
index 0000000000..d323546fee
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/entity-type.models.ts
@@ -0,0 +1,289 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {TenantId} from './id/tenant-id';
+
+///
+/// Copyright © 2016-2019 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export enum EntityType {
+  TENANT = 'TENANT',
+  CUSTOMER = 'CUSTOMER',
+  USER = 'USER',
+  DASHBOARD = 'DASHBOARD',
+  ASSET = 'ASSET',
+  DEVICE = 'DEVICE',
+  ALARM = 'ALARM',
+  RULE_CHAIN = 'RULE_CHAIN',
+  RULE_NODE = 'RULE_NODE',
+  ENTITY_VIEW = 'ENTITY_VIEW',
+  WIDGETS_BUNDLE = 'WIDGETS_BUNDLE',
+  WIDGET_TYPE = 'WIDGET_TYPE'
+}
+
+export enum AliasEntityType {
+  CURRENT_CUSTOMER = 'CURRENT_CUSTOMER'
+}
+
+export interface EntityTypeTranslation {
+  type?: string;
+  typePlural?: string;
+  list?: string;
+  nameStartsWith?: string;
+  details?: string;
+  add?: string;
+  noEntities?: string;
+  selectedEntities?: string;
+  search?: string;
+}
+
+export interface EntityTypeResource {
+  helpLinkId: string;
+}
+
+export const entityTypeTranslations = new Map<EntityType | AliasEntityType, EntityTypeTranslation>(
+  [
+    [
+      EntityType.TENANT,
+      {
+        type: 'entity.type-tenant',
+        typePlural: 'entity.type-tenants',
+        list: 'entity.list-of-tenants',
+        nameStartsWith: 'entity.tenant-name-starts-with',
+        details: 'tenant.tenant-details',
+        add: 'tenant.add',
+        noEntities: 'tenant.no-tenants-text',
+        search: 'tenant.search',
+        selectedEntities: 'tenant.selected-tenants'
+      }
+    ],
+    [
+      EntityType.CUSTOMER,
+      {
+        type: 'entity.type-customer',
+        typePlural: 'entity.type-customers',
+        list: 'entity.list-of-customers',
+        nameStartsWith: 'entity.customer-name-starts-with',
+        details: 'customer.customer-details',
+        add: 'customer.add',
+        noEntities: 'customer.no-customers-text',
+        search: 'customer.search',
+        selectedEntities: 'customer.selected-customers'
+      }
+    ],
+    [
+      EntityType.USER,
+      {
+        type: 'entity.type-user',
+        typePlural: 'entity.type-users',
+        list: 'entity.list-of-users',
+        nameStartsWith: 'entity.user-name-starts-with',
+        details: 'user.user-details',
+        add: 'user.add',
+        noEntities: 'user.no-users-text',
+        search: 'user.search',
+        selectedEntities: 'user.selected-users'
+      }
+    ],
+    [
+      EntityType.DEVICE,
+      {
+        type: 'entity.type-device',
+        typePlural: 'entity.type-devices',
+        list: 'entity.list-of-devices',
+        nameStartsWith: 'entity.device-name-starts-with',
+        details: 'device.device-details',
+        add: 'device.add',
+        noEntities: 'device.no-devices-text',
+        search: 'device.search',
+        selectedEntities: 'device.selected-devices'
+      }
+    ],
+    [
+      EntityType.ASSET,
+      {
+        type: 'entity.type-asset',
+        typePlural: 'entity.type-assets',
+        list: 'entity.list-of-assets',
+        nameStartsWith: 'entity.asset-name-starts-with',
+        details: 'asset.asset-details',
+        add: 'asset.add',
+        noEntities: 'asset.no-assets-text',
+        search: 'asset.search',
+        selectedEntities: 'asset.selected-assets'
+      }
+    ],
+    [
+      EntityType.ENTITY_VIEW,
+      {
+        type: 'entity.type-entity-view',
+        typePlural: 'entity.type-entity-views',
+        list: 'entity.list-of-entity-views',
+        nameStartsWith: 'entity.entity-view-name-starts-with',
+        details: 'entity-view.entity-view-details',
+        add: 'entity-view.add',
+        noEntities: 'entity-view.no-entity-views-text',
+        search: 'entity-view.search',
+        selectedEntities: 'entity-view.selected-entity-views'
+      }
+    ],
+    [
+      EntityType.RULE_CHAIN,
+      {
+        type: 'entity.type-rulechain',
+        typePlural: 'entity.type-rulechains',
+        list: 'entity.list-of-rulechains',
+        nameStartsWith: 'entity.rulechain-name-starts-with',
+        details: 'rulechain.rulechain-details',
+        add: 'rulechain.add',
+        noEntities: 'rulechain.no-rulechains-text',
+        search: 'rulechain.search',
+        selectedEntities: 'rulechain.selected-rulechains'
+      }
+    ],
+    [
+      EntityType.RULE_NODE,
+      {
+        type: 'entity.type-rulenode',
+        typePlural: 'entity.type-rulenodes',
+        list: 'entity.list-of-rulenodes',
+        nameStartsWith: 'entity.rulenode-name-starts-with'
+      }
+    ],
+    [
+      EntityType.DASHBOARD,
+      {
+        type: 'entity.type-dashboard',
+        typePlural: 'entity.type-dashboards',
+        list: 'entity.list-of-dashboards',
+        nameStartsWith: 'entity.dashboard-name-starts-with',
+        details: 'dashboard.dashboard-details',
+        add: 'dashboard.add',
+        noEntities: 'dashboard.no-dashboards-text',
+        search: 'dashboard.search',
+        selectedEntities: 'dashboard.selected-dashboards'
+      }
+    ],
+    [
+      EntityType.ALARM,
+      {
+        type: 'entity.type-alarm',
+        typePlural: 'entity.type-alarms',
+        list: 'entity.list-of-alarms',
+        nameStartsWith: 'entity.alarm-name-starts-with',
+        details: 'dashboard.dashboard-details',
+        noEntities: 'alarm.no-alarms-prompt',
+        search: 'alarm.search',
+        selectedEntities: 'alarm.selected-alarms'
+      }
+    ],
+    [
+      EntityType.WIDGETS_BUNDLE,
+      {
+        details: 'widgets-bundle.widgets-bundle-details',
+        add: 'widgets-bundle.add',
+        noEntities: 'widgets-bundle.no-widgets-bundles-text',
+        search: 'widgets-bundle.search',
+        selectedEntities: 'widgets-bundle.selected-widgets-bundles'
+      }
+    ],
+    [
+      AliasEntityType.CURRENT_CUSTOMER,
+      {
+        type: 'entity.type-entity-view',
+        list: 'entity.type-current-customer'
+      }
+    ]
+  ]
+);
+
+export const entityTypeResources = new Map<EntityType, EntityTypeResource>(
+  [
+    [
+      EntityType.TENANT,
+      {
+        helpLinkId: 'tenants'
+      }
+    ],
+    [
+      EntityType.CUSTOMER,
+      {
+        helpLinkId: 'customers'
+      }
+    ],
+    [
+      EntityType.USER,
+      {
+        helpLinkId: 'users'
+      }
+    ],
+    [
+      EntityType.DEVICE,
+      {
+        helpLinkId: 'devices'
+      }
+    ],
+    [
+      EntityType.ASSET,
+      {
+        helpLinkId: 'assets'
+      }
+    ],
+    [
+      EntityType.ENTITY_VIEW,
+      {
+        helpLinkId: 'entityViews'
+      }
+    ],
+    [
+      EntityType.RULE_CHAIN,
+      {
+        helpLinkId: 'rulechains'
+      }
+    ],
+    [
+      EntityType.DASHBOARD,
+      {
+        helpLinkId: 'dashboards'
+      }
+    ],
+    [
+      EntityType.WIDGETS_BUNDLE,
+      {
+        helpLinkId: 'widgetsBundles'
+      }
+    ]
+  ]
+);
+
+export interface EntitySubtype {
+  tenantId: TenantId;
+  entityType: EntityType;
+  type: string;
+}
diff --git a/ui-ngx/src/app/shared/models/entity-view.models.ts b/ui-ngx/src/app/shared/models/entity-view.models.ts
new file mode 100644
index 0000000000..49c0218121
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/entity-view.models.ts
@@ -0,0 +1,55 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {BaseData} from '@shared/models/base-data';
+import {AssetId} from './id/asset-id';
+import {TenantId} from '@shared/models/id/tenant-id';
+import {CustomerId} from '@shared/models/id/customer-id';
+import {EntityViewId} from '@shared/models/id/entity-view-id';
+import {EntityId} from '@shared/models/id/entity-id';
+import { EntitySearchQuery } from '@shared/models/relation.models';
+
+export interface AttributesEntityView {
+  cs: Array<string>;
+  ss: Array<string>;
+  sh: Array<string>;
+}
+
+export interface TelemetryEntityView {
+  timeseries: Array<string>;
+  attributes: AttributesEntityView;
+}
+
+export interface EntityView extends BaseData<EntityViewId> {
+  tenantId: TenantId;
+  customerId: CustomerId;
+  entityId: EntityId;
+  name: string;
+  type: string;
+  keys: TelemetryEntityView;
+  startTimeMs: number;
+  endTimeMs: number;
+  additionalInfo?: any;
+}
+
+export interface EntityViewInfo extends EntityView {
+  customerTitle: string;
+  customerIsPublic: boolean;
+}
+
+export interface EntityViewSearchQuery extends EntitySearchQuery {
+  entityViewTypes: Array<string>;
+}
diff --git a/ui-ngx/src/app/shared/models/entity.models.ts b/ui-ngx/src/app/shared/models/entity.models.ts
new file mode 100644
index 0000000000..eb3fc2d387
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/entity.models.ts
@@ -0,0 +1,55 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { BaseData } from '@shared/models/base-data';
+import { EntityType } from '@shared/models/entity-type.models';
+import { EntityId } from '@shared/models/id/entity-id';
+import { AttributeData } from './telemetry/telemetry.models';
+
+export interface EntityInfo {
+  origEntity?: BaseData<EntityId>;
+  name?: string;
+  label?: string;
+  entityType?: EntityType;
+  id?: string;
+  entityDescription?: string;
+}
+
+export interface ImportEntityData {
+  name: string;
+  type: string;
+  label: string;
+  gateway: boolean;
+  description: string;
+  accessToken: string;
+  attributes: {
+    server: AttributeData[],
+    shared: AttributeData[]
+  };
+  timeseries: AttributeData[];
+}
+
+export interface ImportEntitiesResultInfo {
+  create?: {
+    entity: number;
+  };
+  update?: {
+    entity: number;
+  };
+  error?: {
+    entity: number;
+  };
+}
diff --git a/ui-ngx/src/app/shared/models/error.models.ts b/ui-ngx/src/app/shared/models/error.models.ts
new file mode 100644
index 0000000000..d36fcf58b4
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/error.models.ts
@@ -0,0 +1,23 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+
+export interface ExceptionData {
+  message?: string;
+  name?: string;
+  lineNumber?: number;
+  columnNumber?: number;
+}
diff --git a/ui-ngx/src/app/shared/models/event.models.ts b/ui-ngx/src/app/shared/models/event.models.ts
new file mode 100644
index 0000000000..68b1eefd39
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/event.models.ts
@@ -0,0 +1,85 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { BaseData } from '@shared/models/base-data';
+import { TenantId } from '@shared/models/id/tenant-id';
+import { EntityId } from '@shared/models/id/entity-id';
+import { EventId } from './id/event-id';
+import { ContentType } from '@shared/models/constants';
+
+export enum EventType {
+  ERROR = 'ERROR',
+  LC_EVENT = 'LC_EVENT',
+  STATS = 'STATS'
+}
+
+export enum DebugEventType {
+  DEBUG_RULE_NODE = 'DEBUG_RULE_NODE',
+  DEBUG_RULE_CHAIN = 'DEBUG_RULE_CHAIN'
+}
+
+export const eventTypeTranslations = new Map<EventType | DebugEventType, string>(
+  [
+    [EventType.ERROR, 'event.type-error'],
+    [EventType.LC_EVENT, 'event.type-lc-event'],
+    [EventType.STATS, 'event.type-stats'],
+    [DebugEventType.DEBUG_RULE_NODE, 'event.type-debug-rule-node'],
+    [DebugEventType.DEBUG_RULE_CHAIN, 'event.type-debug-rule-chain'],
+  ]
+);
+
+export interface BaseEventBody {
+  server: string;
+}
+
+export interface ErrorEventBody extends BaseEventBody {
+  method: string;
+  error: string;
+}
+
+export interface LcEventEventBody extends BaseEventBody {
+  event: string;
+  success: boolean;
+  error: string;
+}
+
+export interface StatsEventBody extends BaseEventBody {
+  messagesProcessed: number;
+  errorsOccurred: number;
+}
+
+export interface DebugRuleNodeEventBody extends BaseEventBody {
+  type: string;
+  entityId: string;
+  entityName: string;
+  msgId: string;
+  msgType: string;
+  relationType: string;
+  dataType: ContentType;
+  data: string;
+  metadata: string;
+  error: string;
+}
+
+export type EventBody = ErrorEventBody & LcEventEventBody & StatsEventBody & DebugRuleNodeEventBody;
+
+export interface Event extends BaseData<EventId> {
+  tenantId: TenantId;
+  entityId: EntityId;
+  type: string;
+  uid: string;
+  body: EventBody;
+}
diff --git a/ui-ngx/src/app/shared/models/id/alarm-id.ts b/ui-ngx/src/app/shared/models/id/alarm-id.ts
new file mode 100644
index 0000000000..a99ef94335
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/alarm-id.ts
@@ -0,0 +1,26 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityId } from './entity-id';
+import { EntityType } from '@shared/models/entity-type.models';
+
+export class AlarmId implements EntityId {
+  entityType = EntityType.ALARM;
+  id: string;
+  constructor(id: string) {
+    this.id = id;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/id/asset-id.ts b/ui-ngx/src/app/shared/models/id/asset-id.ts
new file mode 100644
index 0000000000..46fff680f8
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/asset-id.ts
@@ -0,0 +1,26 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityId } from './entity-id';
+import { EntityType } from '@shared/models/entity-type.models';
+
+export class AssetId implements EntityId {
+  entityType = EntityType.ASSET;
+  id: string;
+  constructor(id: string) {
+    this.id = id;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/id/audit-log-id.ts b/ui-ngx/src/app/shared/models/id/audit-log-id.ts
new file mode 100644
index 0000000000..98d5d9c169
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/audit-log-id.ts
@@ -0,0 +1,24 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { HasUUID } from '@shared/models/id/has-uuid';
+
+export class AuditLogId implements HasUUID {
+  id: string;
+  constructor(id: string) {
+    this.id = id;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/id/customer-id.ts b/ui-ngx/src/app/shared/models/id/customer-id.ts
new file mode 100644
index 0000000000..5c458aa4e0
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/customer-id.ts
@@ -0,0 +1,26 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityId } from './entity-id';
+import { EntityType } from '@shared/models/entity-type.models';
+
+export class CustomerId implements EntityId {
+  entityType = EntityType.CUSTOMER;
+  id: string;
+  constructor(id: string) {
+    this.id = id;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/id/dashboard-id.ts b/ui-ngx/src/app/shared/models/id/dashboard-id.ts
new file mode 100644
index 0000000000..3dd9842442
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/dashboard-id.ts
@@ -0,0 +1,26 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityId } from './entity-id';
+import { EntityType } from '@shared/models/entity-type.models';
+
+export class DashboardId implements EntityId {
+  entityType = EntityType.DASHBOARD;
+  id: string;
+  constructor(id: string) {
+    this.id = id;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/id/device-credentials-id.ts b/ui-ngx/src/app/shared/models/id/device-credentials-id.ts
new file mode 100644
index 0000000000..e5e2b05ea6
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/device-credentials-id.ts
@@ -0,0 +1,24 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { HasUUID } from '@shared/models/id/has-uuid';
+
+export class DeviceCredentialsId implements HasUUID {
+  id: string;
+  constructor(id: string) {
+    this.id = id;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/id/device-id.ts b/ui-ngx/src/app/shared/models/id/device-id.ts
new file mode 100644
index 0000000000..d70801b4cc
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/device-id.ts
@@ -0,0 +1,26 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityId } from './entity-id';
+import { EntityType } from '@shared/models/entity-type.models';
+
+export class DeviceId implements EntityId {
+  entityType = EntityType.DEVICE;
+  id: string;
+  constructor(id: string) {
+    this.id = id;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/id/entity-id.ts b/ui-ngx/src/app/shared/models/id/entity-id.ts
new file mode 100644
index 0000000000..0a0f0515bc
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/entity-id.ts
@@ -0,0 +1,22 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {AliasEntityType, EntityType} from '@shared/models/entity-type.models';
+import { HasUUID } from '@shared/models/id/has-uuid';
+
+export interface EntityId extends HasUUID {
+  entityType: EntityType | AliasEntityType;
+}
diff --git a/ui-ngx/src/app/shared/models/id/entity-view-id.ts b/ui-ngx/src/app/shared/models/id/entity-view-id.ts
new file mode 100644
index 0000000000..feaf8799fb
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/entity-view-id.ts
@@ -0,0 +1,26 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityId } from './entity-id';
+import { EntityType } from '@shared/models/entity-type.models';
+
+export class EntityViewId implements EntityId {
+  entityType = EntityType.ENTITY_VIEW;
+  id: string;
+  constructor(id: string) {
+    this.id = id;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/id/event-id.ts b/ui-ngx/src/app/shared/models/id/event-id.ts
new file mode 100644
index 0000000000..0eb2ae77ad
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/event-id.ts
@@ -0,0 +1,24 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { HasUUID } from '@shared/models/id/has-uuid';
+
+export class EventId implements HasUUID {
+  id: string;
+  constructor(id: string) {
+    this.id = id;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/id/has-uuid.ts b/ui-ngx/src/app/shared/models/id/has-uuid.ts
new file mode 100644
index 0000000000..de203bf67f
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/has-uuid.ts
@@ -0,0 +1,21 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export const NULL_UUID = '13814000-1dd2-11b2-8080-808080808080';
+
+export interface HasUUID {
+  id: string;
+}
diff --git a/ui-ngx/src/app/shared/models/id/public-api.ts b/ui-ngx/src/app/shared/models/id/public-api.ts
new file mode 100644
index 0000000000..72aa849569
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/public-api.ts
@@ -0,0 +1,33 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export * from './alarm-id';
+export * from './asset-id';
+export * from './audit-log-id';
+export * from './customer-id';
+export * from './dashboard-id';
+export * from './device-credentials-id';
+export * from './device-id';
+export * from './entity-id';
+export * from './entity-view-id';
+export * from './event-id';
+export * from './has-uuid';
+export * from './rule-chain-id';
+export * from './rule-node-id';
+export * from './tenant-id';
+export * from './user-id';
+export * from './widget-type-id';
+export * from './widgets-bundle-id';
diff --git a/ui-ngx/src/app/shared/models/id/rule-chain-id.ts b/ui-ngx/src/app/shared/models/id/rule-chain-id.ts
new file mode 100644
index 0000000000..4c069af595
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/rule-chain-id.ts
@@ -0,0 +1,26 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityId } from './entity-id';
+import { EntityType } from '@shared/models/entity-type.models';
+
+export class RuleChainId implements EntityId {
+  entityType = EntityType.RULE_CHAIN;
+  id: string;
+  constructor(id: string) {
+    this.id = id;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/id/rule-node-id.ts b/ui-ngx/src/app/shared/models/id/rule-node-id.ts
new file mode 100644
index 0000000000..2c23c51dd3
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/rule-node-id.ts
@@ -0,0 +1,26 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityId } from './entity-id';
+import { EntityType } from '@shared/models/entity-type.models';
+
+export class RuleNodeId implements EntityId {
+  entityType = EntityType.RULE_NODE;
+  id: string;
+  constructor(id: string) {
+    this.id = id;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/id/tenant-id.ts b/ui-ngx/src/app/shared/models/id/tenant-id.ts
new file mode 100644
index 0000000000..73b03c3582
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/tenant-id.ts
@@ -0,0 +1,26 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityId } from './entity-id';
+import { EntityType } from '@shared/models/entity-type.models';
+
+export class TenantId implements EntityId {
+  entityType = EntityType.TENANT;
+  id: string;
+  constructor(id: string) {
+    this.id = id;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/id/user-id.ts b/ui-ngx/src/app/shared/models/id/user-id.ts
new file mode 100644
index 0000000000..18069bc3db
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/user-id.ts
@@ -0,0 +1,26 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityId } from './entity-id';
+import { EntityType } from '@shared/models/entity-type.models';
+
+export class UserId implements EntityId {
+  entityType = EntityType.USER;
+  id: string;
+  constructor(id: string) {
+    this.id = id;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/id/widget-type-id.ts b/ui-ngx/src/app/shared/models/id/widget-type-id.ts
new file mode 100644
index 0000000000..625c3dc631
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/widget-type-id.ts
@@ -0,0 +1,26 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityId } from './entity-id';
+import { EntityType } from '@shared/models/entity-type.models';
+
+export class WidgetTypeId implements EntityId {
+  entityType = EntityType.WIDGET_TYPE;
+  id: string;
+  constructor(id: string) {
+    this.id = id;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/id/widgets-bundle-id.ts b/ui-ngx/src/app/shared/models/id/widgets-bundle-id.ts
new file mode 100644
index 0000000000..6788a1a08d
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/id/widgets-bundle-id.ts
@@ -0,0 +1,26 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityId } from './entity-id';
+import { EntityType } from '@shared/models/entity-type.models';
+
+export class WidgetsBundleId implements EntityId {
+  entityType = EntityType.WIDGETS_BUNDLE;
+  id: string;
+  constructor(id: string) {
+    this.id = id;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/login.models.ts b/ui-ngx/src/app/shared/models/login.models.ts
new file mode 100644
index 0000000000..19b40fd50e
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/login.models.ts
@@ -0,0 +1,29 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export interface LoginRequest {
+  username: string;
+  password: string;
+}
+
+export interface PublicLoginRequest {
+  publicId: string;
+}
+
+export interface LoginResponse {
+  token: string;
+  refreshToken: string;
+}
diff --git a/ui-ngx/src/app/shared/models/material.models.ts b/ui-ngx/src/app/shared/models/material.models.ts
new file mode 100644
index 0000000000..22f751c640
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/material.models.ts
@@ -0,0 +1,368 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import * as tinycolor_ from 'tinycolor2';
+const tinycolor = tinycolor_;
+
+export interface MaterialColorItem {
+  value: string;
+  group: string;
+  label: string;
+  isDark: boolean;
+}
+
+export const materialColorPalette: {[palette: string]: {[spectrum: string]: string}} = {
+  red: {
+    50: '#ffebee',
+    100: '#ffcdd2',
+    200: '#ef9a9a',
+    300: '#e57373',
+    400: '#ef5350',
+    500: '#f44336',
+    600: '#e53935',
+    700: '#d32f2f',
+    800: '#c62828',
+    900: '#b71c1c',
+    A100: '#ff8a80',
+    A200: '#ff5252',
+    A400: '#ff1744',
+    A700: '#d50000'
+  },
+  pink: {
+    50: '#fce4ec',
+    100: '#f8bbd0',
+    200: '#f48fb1',
+    300: '#f06292',
+    400: '#ec407a',
+    500: '#e91e63',
+    600: '#d81b60',
+    700: '#c2185b',
+    800: '#ad1457',
+    900: '#880e4f',
+    A100: '#ff80ab',
+    A200: '#ff4081',
+    A400: '#f50057',
+    A700: '#c51162'
+  },
+  purple: {
+    50: '#f3e5f5',
+    100: '#e1bee7',
+    200: '#ce93d8',
+    300: '#ba68c8',
+    400: '#ab47bc',
+    500: '#9c27b0',
+    600: '#8e24aa',
+    700: '#7b1fa2',
+    800: '#6a1b9a',
+    900: '#4a148c',
+    A100: '#ea80fc',
+    A200: '#e040fb',
+    A400: '#d500f9',
+    A700: '#aa00ff'
+  },
+  'deep-purple': {
+    50: '#ede7f6',
+    100: '#d1c4e9',
+    200: '#b39ddb',
+    300: '#9575cd',
+    400: '#7e57c2',
+    500: '#673ab7',
+    600: '#5e35b1',
+    700: '#512da8',
+    800: '#4527a0',
+    900: '#311b92',
+    A100: '#b388ff',
+    A200: '#7c4dff',
+    A400: '#651fff',
+    A700: '#6200ea'
+  },
+  indigo: {
+    50: '#e8eaf6',
+    100: '#c5cae9',
+    200: '#9fa8da',
+    300: '#7986cb',
+    400: '#5c6bc0',
+    500: '#3f51b5',
+    600: '#3949ab',
+    700: '#303f9f',
+    800: '#283593',
+    900: '#1a237e',
+    A100: '#8c9eff',
+    A200: '#536dfe',
+    A400: '#3d5afe',
+    A700: '#304ffe'
+  },
+  blue: {
+    50: '#e3f2fd',
+    100: '#bbdefb',
+    200: '#90caf9',
+    300: '#64b5f6',
+    400: '#42a5f5',
+    500: '#2196f3',
+    600: '#1e88e5',
+    700: '#1976d2',
+    800: '#1565c0',
+    900: '#0d47a1',
+    A100: '#82b1ff',
+    A200: '#448aff',
+    A400: '#2979ff',
+    A700: '#2962ff'
+  },
+  'light-blue': {
+    50: '#e1f5fe',
+    100: '#b3e5fc',
+    200: '#81d4fa',
+    300: '#4fc3f7',
+    400: '#29b6f6',
+    500: '#03a9f4',
+    600: '#039be5',
+    700: '#0288d1',
+    800: '#0277bd',
+    900: '#01579b',
+    A100: '#80d8ff',
+    A200: '#40c4ff',
+    A400: '#00b0ff',
+    A700: '#0091ea'
+  },
+  cyan: {
+    50: '#e0f7fa',
+    100: '#b2ebf2',
+    200: '#80deea',
+    300: '#4dd0e1',
+    400: '#26c6da',
+    500: '#00bcd4',
+    600: '#00acc1',
+    700: '#0097a7',
+    800: '#00838f',
+    900: '#006064',
+    A100: '#84ffff',
+    A200: '#18ffff',
+    A400: '#00e5ff',
+    A700: '#00b8d4'
+  },
+  teal: {
+    50: '#e0f2f1',
+    100: '#b2dfdb',
+    200: '#80cbc4',
+    300: '#4db6ac',
+    400: '#26a69a',
+    500: '#009688',
+    600: '#00897b',
+    700: '#00796b',
+    800: '#00695c',
+    900: '#004d40',
+    A100: '#a7ffeb',
+    A200: '#64ffda',
+    A400: '#1de9b6',
+    A700: '#00bfa5'
+  },
+  green: {
+    50: '#e8f5e9',
+    100: '#c8e6c9',
+    200: '#a5d6a7',
+    300: '#81c784',
+    400: '#66bb6a',
+    500: '#4caf50',
+    600: '#43a047',
+    700: '#388e3c',
+    800: '#2e7d32',
+    900: '#1b5e20',
+    A100: '#b9f6ca',
+    A200: '#69f0ae',
+    A400: '#00e676',
+    A700: '#00c853'
+  },
+  'light-green': {
+    50: '#f1f8e9',
+    100: '#dcedc8',
+    200: '#c5e1a5',
+    300: '#aed581',
+    400: '#9ccc65',
+    500: '#8bc34a',
+    600: '#7cb342',
+    700: '#689f38',
+    800: '#558b2f',
+    900: '#33691e',
+    A100: '#ccff90',
+    A200: '#b2ff59',
+    A400: '#76ff03',
+    A700: '#64dd17'
+  },
+  lime: {
+    50: '#f9fbe7',
+    100: '#f0f4c3',
+    200: '#e6ee9c',
+    300: '#dce775',
+    400: '#d4e157',
+    500: '#cddc39',
+    600: '#c0ca33',
+    700: '#afb42b',
+    800: '#9e9d24',
+    900: '#827717',
+    A100: '#f4ff81',
+    A200: '#eeff41',
+    A400: '#c6ff00',
+    A700: '#aeea00'
+  },
+  yellow: {
+    50: '#fffde7',
+    100: '#fff9c4',
+    200: '#fff59d',
+    300: '#fff176',
+    400: '#ffee58',
+    500: '#ffeb3b',
+    600: '#fdd835',
+    700: '#fbc02d',
+    800: '#f9a825',
+    900: '#f57f17',
+    A100: '#ffff8d',
+    A200: '#ffff00',
+    A400: '#ffea00',
+    A700: '#ffd600'
+  },
+  amber: {
+    50: '#fff8e1',
+    100: '#ffecb3',
+    200: '#ffe082',
+    300: '#ffd54f',
+    400: '#ffca28',
+    500: '#ffc107',
+    600: '#ffb300',
+    700: '#ffa000',
+    800: '#ff8f00',
+    900: '#ff6f00',
+    A100: '#ffe57f',
+    A200: '#ffd740',
+    A400: '#ffc400',
+    A700: '#ffab00'
+  },
+  orange: {
+    50: '#fff3e0',
+    100: '#ffe0b2',
+    200: '#ffcc80',
+    300: '#ffb74d',
+    400: '#ffa726',
+    500: '#ff9800',
+    600: '#fb8c00',
+    700: '#f57c00',
+    800: '#ef6c00',
+    900: '#e65100',
+    A100: '#ffd180',
+    A200: '#ffab40',
+    A400: '#ff9100',
+    A700: '#ff6d00'
+  },
+  'deep-orange': {
+    50: '#fbe9e7',
+    100: '#ffccbc',
+    200: '#ffab91',
+    300: '#ff8a65',
+    400: '#ff7043',
+    500: '#ff5722',
+    600: '#f4511e',
+    700: '#e64a19',
+    800: '#d84315',
+    900: '#bf360c',
+    A100: '#ff9e80',
+    A200: '#ff6e40',
+    A400: '#ff3d00',
+    A700: '#dd2c00'
+  },
+  brown: {
+    50: '#efebe9',
+    100: '#d7ccc8',
+    200: '#bcaaa4',
+    300: '#a1887f',
+    400: '#8d6e63',
+    500: '#795548',
+    600: '#6d4c41',
+    700: '#5d4037',
+    800: '#4e342e',
+    900: '#3e2723',
+    A100: '#d7ccc8',
+    A200: '#bcaaa4',
+    A400: '#8d6e63',
+    A700: '#5d4037'
+  },
+  grey: {
+    50: '#fafafa',
+    100: '#f5f5f5',
+    200: '#eeeeee',
+    300: '#e0e0e0',
+    400: '#bdbdbd',
+    500: '#9e9e9e',
+    600: '#757575',
+    700: '#616161',
+    800: '#424242',
+    900: '#212121',
+    A100: '#ffffff',
+    A200: '#000000',
+    A400: '#303030',
+    A700: '#616161'
+  },
+  'blue-grey': {
+    50: '#eceff1',
+    100: '#cfd8dc',
+    200: '#b0bec5',
+    300: '#90a4ae',
+    400: '#78909c',
+    500: '#607d8b',
+    600: '#546e7a',
+    700: '#455a64',
+    800: '#37474f',
+    900: '#263238',
+    A100: '#cfd8dc',
+    A200: '#b0bec5',
+    A400: '#78909c',
+    A700: '#455a64'
+  }
+};
+
+export const materialColors = new Array<MaterialColorItem>();
+
+const colorPalettes = ['blue', 'green', 'red', 'amber', 'blue-grey', 'purple', 'light-green',
+  'indigo', 'pink', 'yellow', 'light-blue', 'orange', 'deep-purple', 'lime', 'teal', 'brown', 'cyan', 'deep-orange', 'grey'];
+const colorSpectrum = ['500', 'A700', '600', '700', '800', '900', '300', '400', 'A200', 'A400'];
+
+for (const key of Object.keys(materialColorPalette)) {
+  const value = materialColorPalette[key];
+  for (const label of Object.keys(value)) {
+    if (colorSpectrum.indexOf(label) > -1) {
+      const colorValue = value[label];
+      const color = tinycolor(colorValue);
+      const isDark = color.isDark();
+      const colorItem = {
+        value: color.toHexString(),
+        group: key,
+        label,
+        isDark
+      };
+      materialColors.push(colorItem);
+    }
+  }
+}
+
+materialColors.sort((colorItem1, colorItem2) => {
+  const spectrumIndex1 = colorSpectrum.indexOf(colorItem1.label);
+  const spectrumIndex2 = colorSpectrum.indexOf(colorItem2.label);
+  let result = spectrumIndex1 - spectrumIndex2;
+  if (result === 0) {
+    const paletteIndex1 = colorPalettes.indexOf(colorItem1.group);
+    const paletteIndex2 = colorPalettes.indexOf(colorItem2.group);
+    result = paletteIndex1 - paletteIndex2;
+  }
+  return result;
+});
diff --git a/ui-ngx/src/app/shared/models/page/page-data.ts b/ui-ngx/src/app/shared/models/page/page-data.ts
new file mode 100644
index 0000000000..d5cfc71a9c
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/page/page-data.ts
@@ -0,0 +1,34 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { PageLink } from '@shared/models/page/page-link';
+import { Direction, SortOrder } from '@shared/models/page/sort-order';
+
+export interface PageData<T> {
+  data: Array<T>;
+  totalPages: number;
+  totalElements: number;
+  hasNext: boolean;
+}
+
+export function emptyPageData<T>(): PageData<T> {
+  return {
+    data: [],
+    totalPages: 0,
+    totalElements: 0,
+    hasNext: false
+  } as PageData<T>;
+}
diff --git a/ui-ngx/src/app/shared/models/page/page-link.ts b/ui-ngx/src/app/shared/models/page/page-link.ts
new file mode 100644
index 0000000000..a883c7cdb3
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/page/page-link.ts
@@ -0,0 +1,159 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Direction, SortOrder } from '@shared/models/page/sort-order';
+import { emptyPageData, PageData } from '@shared/models/page/page-data';
+import { getDescendantProp, isObject } from '@core/utils';
+import { SortDirection } from '@angular/material/sort';
+
+export type PageLinkSearchFunction<T> = (entity: T, textSearch: string) => boolean;
+
+const defaultPageLinkSearchFunction: PageLinkSearchFunction<any> =
+  (entity: any, textSearch: string) => {
+    if (textSearch === null || !textSearch.length) {
+      return true;
+    }
+    const expected = ('' + textSearch).toLowerCase();
+    for (const key of Object.keys(entity)) {
+      const val = entity[key];
+      if (val !== null) {
+        if (val !== Object(val)) {
+          const actual = ('' + val).toLowerCase();
+          if (actual.indexOf(expected) !== -1) {
+            return true;
+          }
+        } else if (isObject(val)) {
+          if (defaultPageLinkSearchFunction(val, textSearch)) {
+            return true;
+          }
+        }
+      }
+    }
+    return false;
+  };
+
+export class PageLink {
+
+  textSearch: string;
+  pageSize: number;
+  page: number;
+  sortOrder: SortOrder;
+
+  constructor(pageSize: number, page: number = 0, textSearch: string = null, sortOrder: SortOrder = null) {
+    this.textSearch = textSearch;
+    this.pageSize = pageSize;
+    this.page = page;
+    this.sortOrder = sortOrder;
+  }
+
+  public nextPageLink(): PageLink {
+    return new PageLink(this.pageSize, this.page + 1, this.textSearch, this.sortOrder);
+  }
+
+  public toQuery(): string {
+    let query = `?pageSize=${this.pageSize}&page=${this.page}`;
+    if (this.textSearch && this.textSearch.length) {
+      query += `&textSearch=${this.textSearch}`;
+    }
+    if (this.sortOrder) {
+      query += `&sortProperty=${this.sortOrder.property}&sortOrder=${this.sortOrder.direction}`;
+    }
+    return query;
+  }
+
+  public sort(item1: any, item2: any): number {
+    if (this.sortOrder) {
+      const property = this.sortOrder.property;
+      const item1Value = getDescendantProp(item1, property);
+      const item2Value = getDescendantProp(item2, property);
+      let result = 0;
+      if (item1Value !== item2Value) {
+        if (typeof item1Value === 'number' && typeof item2Value === 'number') {
+          result = item1Value - item2Value;
+        } else if (typeof item1Value === 'string' && typeof item2Value === 'string') {
+          result = item1Value.localeCompare(item2Value);
+        } else if (typeof item1Value === 'boolean' && typeof item2Value === 'boolean') {
+          if (item1Value && !item2Value) {
+            result = 1;
+          } else if (!item1Value && item2Value) {
+            result = -1;
+          }
+        } else if (typeof item1Value !== typeof item2Value) {
+          result = 1;
+        }
+      }
+      return this.sortOrder.direction === Direction.ASC ? result : result * -1;
+    }
+    return 0;
+  }
+
+  public filterData<T>(data: Array<T>,
+                       searchFunction: PageLinkSearchFunction<T> = defaultPageLinkSearchFunction): PageData<T> {
+    const pageData = emptyPageData<T>();
+    pageData.data = [...data];
+    if (this.textSearch && this.textSearch.length) {
+      pageData.data = pageData.data.filter((entity) => searchFunction(entity, this.textSearch));
+    }
+    pageData.totalElements = pageData.data.length;
+    pageData.totalPages = this.pageSize === Number.POSITIVE_INFINITY ? 1 : Math.ceil(pageData.totalElements / this.pageSize);
+    if (this.sortOrder) {
+      pageData.data = pageData.data.sort((a, b) => this.sort(a, b));
+    }
+    if (this.pageSize !== Number.POSITIVE_INFINITY) {
+      const startIndex = this.pageSize * this.page;
+      pageData.data = pageData.data.slice(startIndex, startIndex + this.pageSize);
+      pageData.hasNext = pageData.totalElements > startIndex + pageData.data.length;
+    }
+    return pageData;
+  }
+
+  public sortDirection(): SortDirection {
+    if (this.sortOrder) {
+      return (this.sortOrder.direction + '').toLowerCase() as SortDirection;
+    } else {
+      return '' as SortDirection;
+    }
+  }
+
+}
+
+export class TimePageLink extends PageLink {
+
+  startTime: number;
+  endTime: number;
+
+  constructor(pageSize: number, page: number = 0, textSearch: string = null, sortOrder: SortOrder = null,
+              startTime: number = null, endTime: number = null) {
+    super(pageSize, page, textSearch, sortOrder);
+    this.startTime = startTime;
+    this.endTime = endTime;
+  }
+
+  public nextPageLink(): TimePageLink {
+    return new TimePageLink(this.pageSize, this.page + 1, this.textSearch, this.sortOrder, this.startTime, this.endTime);
+  }
+
+  public toQuery(): string {
+    let query = super.toQuery();
+    if (this.startTime) {
+      query += `&startTime=${this.startTime}`;
+    }
+    if (this.endTime) {
+      query += `&endTime=${this.endTime}`;
+    }
+    return query;
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/page/public-api.ts b/ui-ngx/src/app/shared/models/page/public-api.ts
new file mode 100644
index 0000000000..021d87cc05
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/page/public-api.ts
@@ -0,0 +1,19 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export * from './page-data';
+export * from './page-link';
+export * from './sort-order';
diff --git a/ui-ngx/src/app/shared/models/page/sort-order.ts b/ui-ngx/src/app/shared/models/page/sort-order.ts
new file mode 100644
index 0000000000..8c3bf99aff
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/page/sort-order.ts
@@ -0,0 +1,42 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+
+export interface SortOrder {
+  property: string;
+  direction: Direction;
+}
+
+export enum Direction {
+  ASC = 'ASC',
+  DESC = 'DESC'
+}
+
+export function sortOrderFromString(strSortOrder: string): SortOrder {
+  let property: string;
+  let direction = Direction.ASC;
+  if (strSortOrder.startsWith('-')) {
+    direction = Direction.DESC;
+    property = strSortOrder.substring(1);
+  } else {
+    if (strSortOrder.startsWith('+')) {
+      property = strSortOrder.substring(1);
+    } else {
+      property = strSortOrder;
+    }
+  }
+  return {property, direction};
+}
diff --git a/ui-ngx/src/app/shared/models/public-api.ts b/ui-ngx/src/app/shared/models/public-api.ts
new file mode 100644
index 0000000000..856c994943
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/public-api.ts
@@ -0,0 +1,47 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export * from './id/public-api';
+export * from './page/public-api';
+export * from './telemetry/telemetry.models';
+export * from './time/time.models';
+export * from './alarm.models';
+export * from './alias.models';
+export * from './audit-log.models';
+export * from './authority.enum';
+export * from './base-data';
+export * from './component-descriptor.models';
+export * from './constants';
+export * from './contact-based.model';
+export * from './customer.model';
+export * from './dashboard.models';
+export * from './device.models';
+export * from './entity.models';
+export * from './entity-type.models';
+export * from './entity-view.models';
+export * from './error.models';
+export * from './event.models';
+export * from './login.models';
+export * from './material.models';
+export * from './relation.models';
+export * from './rule-chain.models';
+export * from './rule-node.models';
+export * from './settings.models';
+export * from './tenant.model';
+export * from './user.model';
+export * from './widget.models';
+export * from './widgets-bundle.model';
+export * from './window-message.model';
diff --git a/ui-ngx/src/app/shared/models/relation.models.ts b/ui-ngx/src/app/shared/models/relation.models.ts
new file mode 100644
index 0000000000..26a34f2f46
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/relation.models.ts
@@ -0,0 +1,92 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { EntityId } from '@shared/models/id/entity-id';
+import { EntityType } from '@shared/models/entity-type.models';
+import { ActionStatus } from '@shared/models/audit-log.models';
+
+export const CONTAINS_TYPE = 'Contains';
+export const MANAGES_TYPE = 'Manages';
+
+export const RelationTypes = [
+  CONTAINS_TYPE,
+  MANAGES_TYPE
+];
+
+export enum RelationTypeGroup {
+  COMMON = 'COMMON',
+  ALARM = 'ALARM',
+  DASHBOARD = 'DASHBOARD',
+  RULE_CHAIN = 'RULE_CHAIN',
+  RULE_NODE = 'RULE_NODE',
+}
+
+export enum EntitySearchDirection {
+  FROM = 'FROM',
+  TO = 'TO'
+}
+
+export const entitySearchDirectionTranslations = new Map<EntitySearchDirection, string>(
+  [
+    [EntitySearchDirection.FROM, 'relation.search-direction.FROM'],
+    [EntitySearchDirection.TO, 'relation.search-direction.TO'],
+  ]
+);
+
+export const directionTypeTranslations = new Map<EntitySearchDirection, string>(
+  [
+    [EntitySearchDirection.FROM, 'relation.direction-type.FROM'],
+    [EntitySearchDirection.TO, 'relation.direction-type.TO'],
+  ]
+);
+
+export interface EntityTypeFilter {
+  relationType: string;
+  entityTypes: Array<EntityType>;
+}
+
+export interface RelationsSearchParameters {
+  rootId: string;
+  rootType: EntityType;
+  direction: EntitySearchDirection;
+  relationTypeGroup?: RelationTypeGroup;
+  maxLevel?: number;
+}
+
+export interface EntityRelationsQuery {
+  parameters: RelationsSearchParameters;
+  filters: Array<EntityTypeFilter>;
+}
+
+export interface EntitySearchQuery {
+  parameters: RelationsSearchParameters;
+  relationType: string;
+}
+
+export interface EntityRelation {
+  from: EntityId;
+  to: EntityId;
+  type: string;
+  typeGroup: RelationTypeGroup;
+  additionalInfo?: any;
+}
+
+export interface EntityRelationInfo extends EntityRelation {
+  fromName: string;
+  toEntityTypeName?: string;
+  toName: string;
+  fromEntityTypeName?: string;
+}
diff --git a/ui-ngx/src/app/shared/models/rule-chain.models.ts b/ui-ngx/src/app/shared/models/rule-chain.models.ts
new file mode 100644
index 0000000000..6e145a6b5b
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/rule-chain.models.ts
@@ -0,0 +1,112 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { BaseData } from '@shared/models/base-data';
+import { TenantId } from '@shared/models/id/tenant-id';
+import { RuleChainId } from '@shared/models/id/rule-chain-id';
+import { RuleNodeId } from '@shared/models/id/rule-node-id';
+import { RuleNode, RuleNodeComponentDescriptor, RuleNodeType } from '@shared/models/rule-node.models';
+import { ComponentType } from '@shared/models/component-descriptor.models';
+
+export interface RuleChain extends BaseData<RuleChainId> {
+  tenantId: TenantId;
+  name: string;
+  firstRuleNodeId: RuleNodeId;
+  root: boolean;
+  debugMode: boolean;
+  configuration?: any;
+  additionalInfo?: any;
+}
+
+export interface RuleChainMetaData {
+  ruleChainId: RuleChainId;
+  firstNodeIndex?: number;
+  nodes: Array<RuleNode>;
+  connections: Array<NodeConnectionInfo>;
+  ruleChainConnections: Array<RuleChainConnectionInfo>;
+}
+
+export interface ResolvedRuleChainMetaData extends RuleChainMetaData {
+  targetRuleChainsMap: {[ruleChainId: string]: RuleChain};
+}
+
+export interface RuleChainImport {
+  ruleChain: RuleChain;
+  metadata: RuleChainMetaData;
+  resolvedMetadata?: ResolvedRuleChainMetaData;
+}
+
+export interface NodeConnectionInfo {
+  fromIndex: number;
+  toIndex: number;
+  type: string;
+}
+
+export interface RuleChainConnectionInfo {
+  fromIndex: number;
+  targetRuleChainId: RuleChainId;
+  additionalInfo: any;
+  type: string;
+}
+
+export const ruleNodeTypeComponentTypes: ComponentType[] =
+  [
+    ComponentType.FILTER,
+    ComponentType.ENRICHMENT,
+    ComponentType.TRANSFORMATION,
+    ComponentType.ACTION,
+    ComponentType.EXTERNAL
+  ];
+
+export const ruleChainNodeComponent: RuleNodeComponentDescriptor = {
+  type: RuleNodeType.RULE_CHAIN,
+  name: 'rule chain',
+  clazz: 'tb.internal.RuleChain',
+  configurationDescriptor: {
+    nodeDefinition: {
+      description: '',
+      details: 'Forwards incoming messages to specified Rule Chain',
+      inEnabled: true,
+      outEnabled: false,
+      relationTypes: [],
+      customRelations: false,
+      defaultConfiguration: {}
+    }
+  }
+};
+
+export const unknownNodeComponent: RuleNodeComponentDescriptor = {
+  type: RuleNodeType.UNKNOWN,
+  name: 'unknown',
+  clazz: 'tb.internal.Unknown',
+  configurationDescriptor: {
+    nodeDefinition: {
+      description: '',
+      details: '',
+      inEnabled: true,
+      outEnabled: true,
+      relationTypes: [],
+      customRelations: false,
+      defaultConfiguration: {}
+    }
+  }
+};
+
+export const inputNodeComponent: RuleNodeComponentDescriptor = {
+  type: RuleNodeType.INPUT,
+  name: 'Input',
+  clazz: 'tb.internal.Input'
+};
diff --git a/ui-ngx/src/app/shared/models/rule-node.models.ts b/ui-ngx/src/app/shared/models/rule-node.models.ts
new file mode 100644
index 0000000000..dfed890c6a
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/rule-node.models.ts
@@ -0,0 +1,423 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { BaseData } from '@shared/models/base-data';
+import { RuleChainId } from '@shared/models/id/rule-chain-id';
+import { RuleNodeId } from '@shared/models/id/rule-node-id';
+import { ComponentDescriptor } from '@shared/models/component-descriptor.models';
+import { FcEdge, FcNode } from 'ngx-flowchart/dist/ngx-flowchart';
+import { Observable } from 'rxjs';
+import { PageComponent } from '@shared/components/page.component';
+import { AfterViewInit, EventEmitter, Inject, OnInit } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppState } from '@core/core.state';
+import { AbstractControl, FormGroup } from '@angular/forms';
+
+export interface RuleNodeConfiguration {
+  [key: string]: any;
+}
+
+export interface RuleNode extends BaseData<RuleNodeId> {
+  ruleChainId?: RuleChainId;
+  type: string;
+  name: string;
+  debugMode: boolean;
+  configuration: RuleNodeConfiguration;
+  additionalInfo?: any;
+}
+
+export interface LinkLabel {
+  name: string;
+  value: string;
+}
+
+export interface RuleNodeDefinition {
+  description: string;
+  details: string;
+  inEnabled: boolean;
+  outEnabled: boolean;
+  relationTypes: string[];
+  customRelations: boolean;
+  defaultConfiguration: RuleNodeConfiguration;
+  icon?: string;
+  iconUrl?: string;
+  docUrl?: string;
+  uiResources?: string[];
+  uiResourceLoadError?: string;
+  configDirective?: string;
+}
+
+export interface RuleNodeConfigurationDescriptor {
+  nodeDefinition: RuleNodeDefinition;
+}
+
+export interface IRuleNodeConfigurationComponent {
+  ruleNodeId: string;
+  configuration: RuleNodeConfiguration;
+  configurationChanged: Observable<RuleNodeConfiguration>;
+  validate();
+  [key: string]: any;
+}
+
+export abstract class RuleNodeConfigurationComponent extends PageComponent implements
+  IRuleNodeConfigurationComponent, OnInit, AfterViewInit {
+
+  ruleNodeId: string;
+
+  configurationValue: RuleNodeConfiguration;
+
+  private configurationSet = false;
+
+  set configuration(value: RuleNodeConfiguration) {
+    this.configurationValue = value;
+    if (!this.configurationSet) {
+      this.configurationSet = true;
+      this.setupConfiguration(value);
+    } else {
+      this.updateConfiguration(value);
+    }
+  }
+
+  get configuration(): RuleNodeConfiguration {
+    return this.configurationValue;
+  }
+
+  configurationChangedEmiter = new EventEmitter<RuleNodeConfiguration>();
+  configurationChanged = this.configurationChangedEmiter.asObservable();
+
+  protected constructor(@Inject(Store) protected store: Store<AppState>) {
+    super(store);
+  }
+
+  ngOnInit() {}
+
+  ngAfterViewInit(): void {
+    setTimeout(() => {
+      if (!this.validateConfig()) {
+        this.configurationChangedEmiter.emit(null);
+      }
+    }, 0);
+  }
+
+  validate() {
+    this.onValidate();
+  }
+
+  protected setupConfiguration(configuration: RuleNodeConfiguration) {
+    this.onConfigurationSet(this.prepareInputConfig(configuration));
+    this.updateValidators(false);
+    for (const trigger of this.validatorTriggers()) {
+      const path = trigger.split('.');
+      let control: AbstractControl = this.configForm();
+      for (const part of path) {
+        control = control.get(part);
+      }
+      control.valueChanges.subscribe(() => {
+        this.updateValidators(true);
+      });
+    }
+    this.configForm().valueChanges.subscribe((updated: RuleNodeConfiguration) => {
+      this.onConfigurationChanged(updated);
+    });
+  }
+
+  protected updateConfiguration(configuration: RuleNodeConfiguration) {
+    this.configForm().reset(this.prepareInputConfig(configuration), {emitEvent: false});
+    this.updateValidators(false);
+  }
+
+  protected updateValidators(emitEvent: boolean) {
+  }
+
+  protected validatorTriggers(): string[] {
+    return [];
+  }
+
+  protected onConfigurationChanged(updated: RuleNodeConfiguration) {
+    this.configurationValue = updated;
+    if (this.validateConfig()) {
+      this.configurationChangedEmiter.emit(this.prepareOutputConfig(updated));
+    } else {
+      this.configurationChangedEmiter.emit(null);
+    }
+  }
+
+  protected prepareInputConfig(configuration: RuleNodeConfiguration): RuleNodeConfiguration {
+    return configuration;
+  }
+
+  protected prepareOutputConfig(configuration: RuleNodeConfiguration): RuleNodeConfiguration {
+    return configuration;
+  }
+
+  protected validateConfig(): boolean {
+    return this.configForm().valid;
+  }
+
+  protected onValidate() {}
+
+  protected abstract configForm(): FormGroup;
+
+  protected abstract onConfigurationSet(configuration: RuleNodeConfiguration);
+
+}
+
+
+export enum RuleNodeType {
+  FILTER = 'FILTER',
+  ENRICHMENT = 'ENRICHMENT',
+  TRANSFORMATION = 'TRANSFORMATION',
+  ACTION = 'ACTION',
+  EXTERNAL = 'EXTERNAL',
+  RULE_CHAIN = 'RULE_CHAIN',
+  UNKNOWN = 'UNKNOWN',
+  INPUT = 'INPUT'
+}
+
+export const ruleNodeTypesLibrary = [
+  RuleNodeType.FILTER,
+  RuleNodeType.ENRICHMENT,
+  RuleNodeType.TRANSFORMATION,
+  RuleNodeType.ACTION,
+  RuleNodeType.EXTERNAL,
+  RuleNodeType.RULE_CHAIN,
+];
+
+export interface RuleNodeTypeDescriptor {
+  value: RuleNodeType;
+  name: string;
+  details: string;
+  nodeClass: string;
+  icon: string;
+  special?: boolean;
+}
+
+export const ruleNodeTypeDescriptors = new Map<RuleNodeType, RuleNodeTypeDescriptor>(
+  [
+    [
+      RuleNodeType.FILTER,
+      {
+        value: RuleNodeType.FILTER,
+        name: 'rulenode.type-filter',
+        details: 'rulenode.type-filter-details',
+        nodeClass: 'tb-filter-type',
+        icon: 'filter_list'
+      }
+    ],
+    [
+      RuleNodeType.ENRICHMENT,
+      {
+        value: RuleNodeType.ENRICHMENT,
+        name: 'rulenode.type-enrichment',
+        details: 'rulenode.type-enrichment-details',
+        nodeClass: 'tb-enrichment-type',
+        icon: 'playlist_add'
+      }
+    ],
+    [
+      RuleNodeType.TRANSFORMATION,
+      {
+        value: RuleNodeType.TRANSFORMATION,
+        name: 'rulenode.type-transformation',
+        details: 'rulenode.type-transformation-details',
+        nodeClass: 'tb-transformation-type',
+        icon: 'transform'
+      }
+    ],
+    [
+      RuleNodeType.ACTION,
+      {
+        value: RuleNodeType.ACTION,
+        name: 'rulenode.type-action',
+        details: 'rulenode.type-action-details',
+        nodeClass: 'tb-action-type',
+        icon: 'flash_on'
+      }
+    ],
+    [
+      RuleNodeType.EXTERNAL,
+      {
+        value: RuleNodeType.EXTERNAL,
+        name: 'rulenode.type-external',
+        details: 'rulenode.type-external-details',
+        nodeClass: 'tb-external-type',
+        icon: 'cloud_upload'
+      }
+    ],
+    [
+      RuleNodeType.RULE_CHAIN,
+      {
+        value: RuleNodeType.RULE_CHAIN,
+        name: 'rulenode.type-rule-chain',
+        details: 'rulenode.type-rule-chain-details',
+        nodeClass: 'tb-rule-chain-type',
+        icon: 'settings_ethernet'
+      }
+    ],
+    [
+      RuleNodeType.INPUT,
+      {
+        value: RuleNodeType.INPUT,
+        name: 'rulenode.type-input',
+        details: 'rulenode.type-input-details',
+        nodeClass: 'tb-input-type',
+        icon: 'input',
+        special: true
+      }
+    ],
+    [
+      RuleNodeType.UNKNOWN,
+      {
+        value: RuleNodeType.UNKNOWN,
+        name: 'rulenode.type-unknown',
+        details: 'rulenode.type-unknown-details',
+        nodeClass: 'tb-unknown-type',
+        icon: 'help_outline'
+      }
+    ]
+  ]
+);
+
+export interface RuleNodeComponentDescriptor extends ComponentDescriptor {
+  type: RuleNodeType;
+  configurationDescriptor?: RuleNodeConfigurationDescriptor;
+}
+
+export interface FcRuleNodeType extends FcNode {
+  component?: RuleNodeComponentDescriptor;
+  nodeClass?: string;
+  icon?: string;
+  iconUrl?: string;
+}
+
+export interface FcRuleNode extends FcRuleNodeType {
+  ruleNodeId?: RuleNodeId;
+  additionalInfo?: any;
+  configuration?: RuleNodeConfiguration;
+  debugMode?: boolean;
+  targetRuleChainId?: string;
+  error?: string;
+  highlighted?: boolean;
+  componentClazz?: string;
+}
+
+export interface FcRuleEdge extends FcEdge {
+  labels?: string[];
+}
+
+export interface TestScriptInputParams {
+  script: string;
+  scriptType: string;
+  argNames: string[];
+  msg: string;
+  metadata: {[key: string]: string};
+  msgType: string;
+}
+
+export interface TestScriptResult {
+  output: string;
+  error: string;
+}
+
+export enum MessageType {
+  POST_ATTRIBUTES_REQUEST = 'POST_ATTRIBUTES_REQUEST',
+  POST_TELEMETRY_REQUEST = 'POST_TELEMETRY_REQUEST',
+  TO_SERVER_RPC_REQUEST = 'TO_SERVER_RPC_REQUEST',
+  RPC_CALL_FROM_SERVER_TO_DEVICE = 'RPC_CALL_FROM_SERVER_TO_DEVICE',
+  ACTIVITY_EVENT = 'ACTIVITY_EVENT',
+  INACTIVITY_EVENT = 'INACTIVITY_EVENT',
+  CONNECT_EVENT = 'CONNECT_EVENT',
+  DISCONNECT_EVENT = 'DISCONNECT_EVENT',
+  ENTITY_CREATED = 'ENTITY_CREATED',
+  ENTITY_UPDATED = 'ENTITY_UPDATED',
+  ENTITY_DELETED = 'ENTITY_DELETED',
+  ENTITY_ASSIGNED = 'ENTITY_ASSIGNED',
+  ENTITY_UNASSIGNED = 'ENTITY_UNASSIGNED',
+  ATTRIBUTES_UPDATED = 'ATTRIBUTES_UPDATED',
+  ATTRIBUTES_DELETED = 'ATTRIBUTES_DELETED'
+}
+
+export const messageTypeNames = new Map<MessageType, string>(
+  [
+    [MessageType.POST_ATTRIBUTES_REQUEST, 'Post attributes'],
+    [MessageType.POST_TELEMETRY_REQUEST, 'Post telemetry'],
+    [MessageType.TO_SERVER_RPC_REQUEST, 'RPC Request from Device'],
+    [MessageType.RPC_CALL_FROM_SERVER_TO_DEVICE, 'RPC Request to Device'],
+    [MessageType.ACTIVITY_EVENT, 'Activity Event'],
+    [MessageType.INACTIVITY_EVENT, 'Inactivity Event'],
+    [MessageType.CONNECT_EVENT, 'Connect Event'],
+    [MessageType.DISCONNECT_EVENT, 'Disconnect Event'],
+    [MessageType.ENTITY_CREATED, 'Entity Created'],
+    [MessageType.ENTITY_UPDATED, 'Entity Updated'],
+    [MessageType.ENTITY_DELETED, 'Entity Deleted'],
+    [MessageType.ENTITY_ASSIGNED, 'Entity Assigned'],
+    [MessageType.ENTITY_UNASSIGNED, 'Entity Unassigned'],
+    [MessageType.ATTRIBUTES_UPDATED, 'Attributes Updated'],
+    [MessageType.ATTRIBUTES_DELETED, 'Attributes Deleted']
+  ]
+);
+
+const ruleNodeClazzHelpLinkMap = {
+  'org.thingsboard.rule.engine.filter.TbCheckRelationNode': 'ruleNodeCheckRelation',
+  'org.thingsboard.rule.engine.filter.TbCheckMessageNode': 'ruleNodeCheckExistenceFields',
+  'org.thingsboard.rule.engine.filter.TbJsFilterNode': 'ruleNodeJsFilter',
+  'org.thingsboard.rule.engine.filter.TbJsSwitchNode': 'ruleNodeJsSwitch',
+  'org.thingsboard.rule.engine.filter.TbMsgTypeFilterNode': 'ruleNodeMessageTypeFilter',
+  'org.thingsboard.rule.engine.filter.TbMsgTypeSwitchNode': 'ruleNodeMessageTypeSwitch',
+  'org.thingsboard.rule.engine.filter.TbOriginatorTypeFilterNode': 'ruleNodeOriginatorTypeFilter',
+  'org.thingsboard.rule.engine.filter.TbOriginatorTypeSwitchNode': 'ruleNodeOriginatorTypeSwitch',
+  'org.thingsboard.rule.engine.metadata.TbGetAttributesNode': 'ruleNodeOriginatorAttributes',
+  'org.thingsboard.rule.engine.metadata.TbGetOriginatorFieldsNode': 'ruleNodeOriginatorFields',
+  'org.thingsboard.rule.engine.metadata.TbGetCustomerAttributeNode': 'ruleNodeCustomerAttributes',
+  'org.thingsboard.rule.engine.metadata.TbGetDeviceAttrNode': 'ruleNodeDeviceAttributes',
+  'org.thingsboard.rule.engine.metadata.TbGetRelatedAttributeNode': 'ruleNodeRelatedAttributes',
+  'org.thingsboard.rule.engine.metadata.TbGetTenantAttributeNode': 'ruleNodeTenantAttributes',
+  'org.thingsboard.rule.engine.transform.TbChangeOriginatorNode': 'ruleNodeChangeOriginator',
+  'org.thingsboard.rule.engine.transform.TbTransformMsgNode': 'ruleNodeTransformMsg',
+  'org.thingsboard.rule.engine.mail.TbMsgToEmailNode': 'ruleNodeMsgToEmail',
+  'org.thingsboard.rule.engine.action.TbClearAlarmNode': 'ruleNodeClearAlarm',
+  'org.thingsboard.rule.engine.action.TbCreateAlarmNode': 'ruleNodeCreateAlarm',
+  'org.thingsboard.rule.engine.delay.TbMsgDelayNode': 'ruleNodeMsgDelay',
+  'org.thingsboard.rule.engine.debug.TbMsgGeneratorNode': 'ruleNodeMsgGenerator',
+  'org.thingsboard.rule.engine.action.TbLogNode': 'ruleNodeLog',
+  'org.thingsboard.rule.engine.rpc.TbSendRPCReplyNode': 'ruleNodeRpcCallReply',
+  'org.thingsboard.rule.engine.rpc.TbSendRPCRequestNode': 'ruleNodeRpcCallRequest',
+  'org.thingsboard.rule.engine.telemetry.TbMsgAttributesNode': 'ruleNodeSaveAttributes',
+  'org.thingsboard.rule.engine.telemetry.TbMsgTimeseriesNode': 'ruleNodeSaveTimeseries',
+  'tb.internal.RuleChain': 'ruleNodeRuleChain',
+  'org.thingsboard.rule.engine.aws.sns.TbSnsNode': 'ruleNodeAwsSns',
+  'org.thingsboard.rule.engine.aws.sqs.TbSqsNode': 'ruleNodeAwsSqs',
+  'org.thingsboard.rule.engine.kafka.TbKafkaNode': 'ruleNodeKafka',
+  'org.thingsboard.rule.engine.mqtt.TbMqttNode': 'ruleNodeMqtt',
+  'org.thingsboard.rule.engine.rabbitmq.TbRabbitMqNode': 'ruleNodeRabbitMq',
+  'org.thingsboard.rule.engine.rest.TbRestApiCallNode': 'ruleNodeRestApiCall',
+  'org.thingsboard.rule.engine.mail.TbSendEmailNode': 'ruleNodeSendEmail'
+};
+
+export function getRuleNodeHelpLink(component: RuleNodeComponentDescriptor): string {
+  if (component) {
+    if (component.configurationDescriptor &&
+      component.configurationDescriptor.nodeDefinition &&
+      component.configurationDescriptor.nodeDefinition.docUrl) {
+      return component.configurationDescriptor.nodeDefinition.docUrl;
+    } else if (component.clazz) {
+      if (ruleNodeClazzHelpLinkMap[component.clazz]) {
+        return ruleNodeClazzHelpLinkMap[component.clazz];
+      }
+    }
+  }
+  return 'ruleEngine';
+}
diff --git a/ui-ngx/src/app/shared/models/settings.models.ts b/ui-ngx/src/app/shared/models/settings.models.ts
new file mode 100644
index 0000000000..2fe8b32c89
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/settings.models.ts
@@ -0,0 +1,57 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export const smtpPortPattern: RegExp = /^([0-9]{1,4}|[1-5][0-9]{4}|6[0-4][0-9]{3}|65[0-4][0-9]{2}|655[0-2][0-9]|6553[0-5])$/;
+
+export interface AdminSettings<T> {
+  key: string;
+  jsonValue: T;
+}
+
+export declare type SmtpProtocol = 'smtp' | 'smtps';
+
+export interface MailServerSettings {
+  mailFrom: string;
+  smtpProtocol: SmtpProtocol;
+  smtpHost: string;
+  smtpPort: number;
+  timeout: number;
+  enableTls: boolean;
+  username: string;
+  password: string;
+}
+
+export interface GeneralSettings {
+  baseUrl: string;
+}
+
+export interface UserPasswordPolicy {
+  minimumLength: number;
+  minimumUppercaseLetters: number;
+  minimumLowercaseLetters: number;
+  minimumDigits: number;
+  minimumSpecialCharacters: number;
+  passwordExpirationPeriodDays: number;
+}
+
+export interface SecuritySettings {
+  passwordPolicy: UserPasswordPolicy;
+}
+
+export interface UpdateMessage {
+  message: string;
+  updateAvailable: boolean;
+}
diff --git a/ui-ngx/src/app/shared/models/telemetry/telemetry.models.ts b/ui-ngx/src/app/shared/models/telemetry/telemetry.models.ts
new file mode 100644
index 0000000000..8be79c8ed1
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/telemetry/telemetry.models.ts
@@ -0,0 +1,316 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+
+import { EntityType } from '@shared/models/entity-type.models';
+import { AggregationType } from '../time/time.models';
+import { Observable, ReplaySubject, Subject } from 'rxjs';
+import { EntityId } from '@shared/models/id/entity-id';
+import { map } from 'rxjs/operators';
+import { NgZone } from '@angular/core';
+
+export enum DataKeyType {
+  timeseries = 'timeseries',
+  attribute = 'attribute',
+  function = 'function',
+  alarm = 'alarm'
+}
+
+export enum LatestTelemetry {
+  LATEST_TELEMETRY = 'LATEST_TELEMETRY'
+}
+
+export enum AttributeScope {
+  CLIENT_SCOPE = 'CLIENT_SCOPE',
+  SERVER_SCOPE = 'SERVER_SCOPE',
+  SHARED_SCOPE = 'SHARED_SCOPE'
+}
+
+export enum TelemetryFeature {
+  ATTRIBUTES = 'ATTRIBUTES',
+  TIMESERIES = 'TIMESERIES'
+}
+
+export type TelemetryType = LatestTelemetry | AttributeScope;
+
+export function toTelemetryType(val: string): TelemetryType {
+  if (LatestTelemetry[val]) {
+    return LatestTelemetry[val];
+  } else {
+    return AttributeScope[val];
+  }
+}
+
+export const telemetryTypeTranslations = new Map<TelemetryType, string>(
+  [
+    [LatestTelemetry.LATEST_TELEMETRY, 'attribute.scope-latest-telemetry'],
+    [AttributeScope.CLIENT_SCOPE, 'attribute.scope-client'],
+    [AttributeScope.SERVER_SCOPE, 'attribute.scope-server'],
+    [AttributeScope.SHARED_SCOPE, 'attribute.scope-shared']
+  ]
+);
+
+export const isClientSideTelemetryType = new Map<TelemetryType, boolean>(
+  [
+    [LatestTelemetry.LATEST_TELEMETRY, true],
+    [AttributeScope.CLIENT_SCOPE, true],
+    [AttributeScope.SERVER_SCOPE, false],
+    [AttributeScope.SHARED_SCOPE, false]
+  ]
+);
+
+export interface AttributeData {
+  lastUpdateTs?: number;
+  key: string;
+  value: any;
+}
+
+export interface TelemetryPluginCmd {
+  cmdId: number;
+  keys: string;
+}
+
+export abstract class SubscriptionCmd implements TelemetryPluginCmd {
+  cmdId: number;
+  keys: string;
+  entityType: EntityType;
+  entityId: string;
+  scope?: AttributeScope;
+  unsubscribe: boolean;
+  abstract getType(): TelemetryFeature;
+}
+
+export class AttributesSubscriptionCmd extends SubscriptionCmd {
+  getType() {
+    return TelemetryFeature.ATTRIBUTES;
+  }
+}
+
+export class TimeseriesSubscriptionCmd extends SubscriptionCmd {
+  startTs: number;
+  timeWindow: number;
+  interval: number;
+  limit: number;
+  agg: AggregationType;
+
+  getType() {
+    return TelemetryFeature.TIMESERIES;
+  }
+}
+
+export class GetHistoryCmd implements TelemetryPluginCmd {
+  cmdId: number;
+  keys: string;
+  entityType: EntityType;
+  entityId: string;
+  startTs: number;
+  endTs: number;
+  interval: number;
+  limit: number;
+  agg: AggregationType;
+}
+
+export class TelemetryPluginCmdsWrapper {
+  attrSubCmds: Array<AttributesSubscriptionCmd>;
+  tsSubCmds: Array<TimeseriesSubscriptionCmd>;
+  historyCmds: Array<GetHistoryCmd>;
+
+  constructor() {
+    this.attrSubCmds = [];
+    this.tsSubCmds = [];
+    this.historyCmds = [];
+  }
+
+  public hasCommands(): boolean {
+    return this.tsSubCmds.length > 0 ||
+      this.historyCmds.length > 0 ||
+      this.attrSubCmds.length > 0;
+  }
+
+  public clear() {
+    this.attrSubCmds.length = 0;
+    this.tsSubCmds.length = 0;
+    this.historyCmds.length = 0;
+  }
+
+  public preparePublishCommands(maxCommands: number): TelemetryPluginCmdsWrapper {
+    const preparedWrapper = new TelemetryPluginCmdsWrapper();
+    let leftCount = maxCommands;
+    preparedWrapper.tsSubCmds = this.popCmds(this.tsSubCmds, leftCount);
+    leftCount -= preparedWrapper.tsSubCmds.length;
+    preparedWrapper.historyCmds = this.popCmds(this.historyCmds, leftCount);
+    leftCount -= preparedWrapper.historyCmds.length;
+    preparedWrapper.attrSubCmds = this.popCmds(this.attrSubCmds, leftCount);
+    return preparedWrapper;
+  }
+
+  private popCmds<T extends TelemetryPluginCmd>(cmds: Array<T>, leftCount: number): Array<T> {
+    const toPublish = Math.min(cmds.length, leftCount);
+    if (toPublish > 0) {
+      return cmds.splice(0, toPublish);
+    } else {
+      return [];
+    }
+  }
+}
+
+export interface SubscriptionData {
+  [key: string]: [number, any][];
+}
+
+export interface SubscriptionDataHolder {
+  data: SubscriptionData;
+}
+
+export interface SubscriptionUpdateMsg extends SubscriptionDataHolder {
+  subscriptionId: number;
+  errorCode: number;
+  errorMsg: string;
+}
+
+export class SubscriptionUpdate implements SubscriptionUpdateMsg {
+  subscriptionId: number;
+  errorCode: number;
+  errorMsg: string;
+  data: SubscriptionData;
+
+  constructor(msg: SubscriptionUpdateMsg) {
+    this.subscriptionId = msg.subscriptionId;
+    this.errorCode = msg.errorCode;
+    this.errorMsg = msg.errorMsg;
+    this.data = msg.data;
+  }
+
+  public prepareData(keys: string[]) {
+    if (!this.data) {
+      this.data = {};
+    }
+    if (keys) {
+      keys.forEach((key) => {
+        if (!this.data[key]) {
+          this.data[key] = [];
+        }
+      });
+    }
+  }
+
+  public updateAttributeData(origData: Array<AttributeData>): Array<AttributeData> {
+    for (const key of Object.keys(this.data)) {
+      const keyData = this.data[key];
+      if (keyData.length) {
+        const existing = origData.find((data) => data.key === key);
+        if (existing) {
+          existing.lastUpdateTs = keyData[0][0];
+          existing.value = keyData[0][1];
+        } else {
+          origData.push(
+            {
+              key,
+              lastUpdateTs: keyData[0][0],
+              value: keyData[0][1]
+            }
+          );
+        }
+      }
+    }
+    return origData;
+  }
+}
+
+export interface TelemetryService {
+  subscribe(subscriber: TelemetrySubscriber);
+  unsubscribe(subscriber: TelemetrySubscriber);
+}
+
+export class TelemetrySubscriber {
+
+  private dataSubject = new ReplaySubject<SubscriptionUpdate>(1);
+  private reconnectSubject = new Subject();
+
+  private zone: NgZone;
+
+  public subscriptionCommands: Array<TelemetryPluginCmd>;
+
+  public data$ = this.dataSubject.asObservable();
+  public reconnect$ = this.reconnectSubject.asObservable();
+
+  public static createEntityAttributesSubscription(telemetryService: TelemetryService,
+                                                   entityId: EntityId, attributeScope: TelemetryType,
+                                                   zone: NgZone, keys: string[] = null): TelemetrySubscriber {
+    let subscriptionCommand: SubscriptionCmd;
+    if (attributeScope === LatestTelemetry.LATEST_TELEMETRY) {
+      subscriptionCommand = new TimeseriesSubscriptionCmd();
+    } else {
+      subscriptionCommand = new AttributesSubscriptionCmd();
+    }
+    subscriptionCommand.entityType = entityId.entityType as EntityType;
+    subscriptionCommand.entityId = entityId.id;
+    subscriptionCommand.scope = attributeScope as AttributeScope;
+    if (keys) {
+      subscriptionCommand.keys = keys.join(',');
+    }
+    const subscriber = new TelemetrySubscriber(telemetryService);
+    subscriber.zone = zone;
+    subscriber.subscriptionCommands.push(subscriptionCommand);
+    return subscriber;
+  }
+
+  constructor(private telemetryService: TelemetryService) {
+    this.subscriptionCommands = [];
+  }
+
+  public subscribe() {
+    this.telemetryService.subscribe(this);
+  }
+
+  public unsubscribe() {
+    this.telemetryService.unsubscribe(this);
+    this.dataSubject.complete();
+    this.reconnectSubject.complete();
+  }
+
+  public onData(message: SubscriptionUpdate) {
+    const cmdId = message.subscriptionId;
+    let keys: string[];
+    const cmd = this.subscriptionCommands.find((command) => command.cmdId === cmdId);
+    if (cmd) {
+      if (cmd.keys && cmd.keys.length) {
+        keys = cmd.keys.split(',');
+      }
+    }
+    message.prepareData(keys);
+    if (this.zone) {
+     this.zone.run(
+       () => {
+         this.dataSubject.next(message);
+       }
+     );
+    } else {
+      this.dataSubject.next(message);
+    }
+  }
+
+  public onReconnected() {
+    this.reconnectSubject.next();
+  }
+
+  public attributeData$(): Observable<Array<AttributeData>> {
+    const attributeData = new Array<AttributeData>();
+    return this.data$.pipe(
+      map((message) => message.updateAttributeData(attributeData))
+    );
+  }
+}
diff --git a/ui-ngx/src/app/shared/models/tenant.model.ts b/ui-ngx/src/app/shared/models/tenant.model.ts
new file mode 100644
index 0000000000..266981db1f
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/tenant.model.ts
@@ -0,0 +1,25 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { CustomerId } from '@shared/models/id/customer-id';
+import { ContactBased } from '@shared/models/contact-based.model';
+import {TenantId} from './id/tenant-id';
+
+export interface Tenant extends ContactBased<TenantId> {
+  title: string;
+  region: string;
+  additionalInfo?: any;
+}
diff --git a/ui-ngx/src/app/shared/models/time/time.models.ts b/ui-ngx/src/app/shared/models/time/time.models.ts
new file mode 100644
index 0000000000..14c4201ead
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/time/time.models.ts
@@ -0,0 +1,422 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { TimeService } from '@core/services/time.service';
+import { deepClone, isDefined, isUndefined } from '@app/core/utils';
+
+export const SECOND = 1000;
+export const MINUTE = 60 * SECOND;
+export const HOUR = 60 * MINUTE;
+export const DAY = 24 * HOUR;
+export const YEAR = DAY * 365;
+
+export enum TimewindowType {
+  REALTIME,
+  HISTORY
+}
+
+export enum HistoryWindowType {
+  LAST_INTERVAL,
+  FIXED
+}
+
+export interface IntervalWindow {
+  interval?: number;
+  timewindowMs?: number;
+}
+
+export interface FixedWindow {
+  startTimeMs: number;
+  endTimeMs: number;
+}
+
+export interface HistoryWindow extends IntervalWindow {
+  historyType?: HistoryWindowType;
+  fixedTimewindow?: FixedWindow;
+}
+
+export enum AggregationType {
+  MIN = 'MIN',
+  MAX = 'MAX',
+  AVG = 'AVG',
+  SUM = 'SUM',
+  COUNT = 'COUNT',
+  NONE = 'NONE'
+}
+
+export const aggregationTranslations = new Map<AggregationType, string>(
+  [
+    [AggregationType.MIN, 'aggregation.min'],
+    [AggregationType.MAX, 'aggregation.max'],
+    [AggregationType.AVG, 'aggregation.avg'],
+    [AggregationType.SUM, 'aggregation.sum'],
+    [AggregationType.COUNT, 'aggregation.count'],
+    [AggregationType.NONE, 'aggregation.none'],
+  ]
+);
+
+export interface Aggregation {
+  interval?: number;
+  type: AggregationType;
+  limit: number;
+}
+
+export interface Timewindow {
+  displayValue?: string;
+  selectedTab?: TimewindowType;
+  realtime?: IntervalWindow;
+  history?: HistoryWindow;
+  aggregation?: Aggregation;
+}
+
+export interface SubscriptionAggregation extends Aggregation {
+  interval?: number;
+  timeWindow?: number;
+  stateData?: boolean;
+}
+
+export interface SubscriptionTimewindow {
+  startTs?: number;
+  realtimeWindowMs?: number;
+  fixedWindow?: FixedWindow;
+  aggregation?: SubscriptionAggregation;
+}
+
+export interface WidgetTimewindow {
+  minTime?: number;
+  maxTime?: number;
+  interval?: number;
+  stDiff?: number;
+}
+
+export function historyInterval(timewindowMs: number): Timewindow {
+  const timewindow: Timewindow = {
+    history: {
+      timewindowMs
+    }
+  };
+  return timewindow;
+}
+
+export function defaultTimewindow(timeService: TimeService): Timewindow {
+  const currentTime = Date.now();
+  const timewindow: Timewindow = {
+    displayValue: '',
+    selectedTab: TimewindowType.REALTIME,
+    realtime: {
+      interval: SECOND,
+      timewindowMs: MINUTE
+    },
+    history: {
+      historyType: HistoryWindowType.LAST_INTERVAL,
+      interval: SECOND,
+      timewindowMs: MINUTE,
+      fixedTimewindow: {
+        startTimeMs: currentTime - DAY,
+        endTimeMs: currentTime
+      }
+    },
+    aggregation: {
+      type: AggregationType.AVG,
+      limit: Math.floor(timeService.getMaxDatapointsLimit() / 2)
+    }
+  };
+  return timewindow;
+}
+
+export function initModelFromDefaultTimewindow(value: Timewindow, timeService: TimeService): Timewindow {
+  const model = defaultTimewindow(timeService);
+  if (value) {
+    if (isUndefined(value.selectedTab)) {
+      if (value.realtime) {
+        model.selectedTab = TimewindowType.REALTIME;
+      } else {
+        model.selectedTab = TimewindowType.HISTORY;
+      }
+    } else {
+      model.selectedTab = value.selectedTab;
+    }
+    if (model.selectedTab === TimewindowType.REALTIME) {
+      if (isDefined(value.realtime.interval)) {
+        model.realtime.interval = value.realtime.interval;
+      }
+      model.realtime.timewindowMs = value.realtime.timewindowMs;
+    } else {
+      if (isDefined(value.history.interval)) {
+        model.history.interval = value.history.interval;
+      }
+      if (isUndefined(value.history.historyType)) {
+        if (isDefined(value.history.timewindowMs)) {
+          model.history.historyType = HistoryWindowType.LAST_INTERVAL;
+        } else {
+          model.history.historyType = HistoryWindowType.FIXED;
+        }
+      } else {
+        model.history.historyType = value.history.historyType;
+      }
+      if (model.history.historyType === HistoryWindowType.LAST_INTERVAL) {
+        model.history.timewindowMs = value.history.timewindowMs;
+      } else {
+        model.history.fixedTimewindow.startTimeMs = value.history.fixedTimewindow.startTimeMs;
+        model.history.fixedTimewindow.endTimeMs = value.history.fixedTimewindow.endTimeMs;
+      }
+    }
+    if (value.aggregation) {
+      if (value.aggregation.type) {
+        model.aggregation.type = value.aggregation.type;
+      }
+      model.aggregation.limit = value.aggregation.limit || Math.floor(timeService.getMaxDatapointsLimit() / 2);
+    }
+  }
+  return model;
+}
+
+export function toHistoryTimewindow(timewindow: Timewindow, startTimeMs: number, endTimeMs: number,
+                                    interval: number, timeService: TimeService): Timewindow {
+  if (timewindow.history) {
+    interval = isDefined(interval) ? interval : timewindow.history.interval;
+  } else if (timewindow.realtime) {
+    interval = timewindow.realtime.interval;
+  }  else {
+    interval = 0;
+  }
+  let aggType: AggregationType;
+  let limit: number;
+  if (timewindow.aggregation) {
+    aggType = timewindow.aggregation.type || AggregationType.AVG;
+    limit = timewindow.aggregation.limit || timeService.getMaxDatapointsLimit();
+  } else {
+    aggType = AggregationType.AVG;
+    limit = timeService.getMaxDatapointsLimit();
+  }
+  const historyTimewindow: Timewindow = {
+    selectedTab: TimewindowType.HISTORY,
+    history: {
+      historyType: HistoryWindowType.FIXED,
+      fixedTimewindow: {
+        startTimeMs,
+        endTimeMs
+      },
+      interval: timeService.boundIntervalToTimewindow(endTimeMs - startTimeMs, interval, AggregationType.AVG)
+    },
+    aggregation: {
+      type: aggType,
+      limit
+    }
+  };
+  return historyTimewindow;
+}
+
+export function createSubscriptionTimewindow(timewindow: Timewindow, stDiff: number, stateData: boolean,
+                                             timeService: TimeService): SubscriptionTimewindow {
+  const subscriptionTimewindow: SubscriptionTimewindow = {
+    fixedWindow: null,
+    realtimeWindowMs: null,
+    aggregation: {
+      interval: SECOND,
+      limit: timeService.getMaxDatapointsLimit(),
+      type: AggregationType.AVG
+    }
+  };
+  let aggTimewindow = 0;
+  if (stateData) {
+    subscriptionTimewindow.aggregation.type = AggregationType.NONE;
+    subscriptionTimewindow.aggregation.stateData = true;
+  }
+  if (isDefined(timewindow.aggregation) && !stateData) {
+    subscriptionTimewindow.aggregation = {
+      type: timewindow.aggregation.type || AggregationType.AVG,
+      limit: timewindow.aggregation.limit || timeService.getMaxDatapointsLimit()
+    };
+  }
+  let selectedTab = timewindow.selectedTab;
+  if (isUndefined(selectedTab)) {
+    selectedTab = isDefined(timewindow.realtime) ? TimewindowType.REALTIME : TimewindowType.HISTORY;
+  }
+  if (selectedTab === TimewindowType.REALTIME) {
+    subscriptionTimewindow.realtimeWindowMs = timewindow.realtime.timewindowMs;
+    subscriptionTimewindow.aggregation.interval =
+      timeService.boundIntervalToTimewindow(subscriptionTimewindow.realtimeWindowMs, timewindow.realtime.interval,
+        subscriptionTimewindow.aggregation.type);
+    subscriptionTimewindow.startTs = Date.now() + stDiff - subscriptionTimewindow.realtimeWindowMs;
+    const startDiff = subscriptionTimewindow.startTs % subscriptionTimewindow.aggregation.interval;
+    aggTimewindow = subscriptionTimewindow.realtimeWindowMs;
+    if (startDiff) {
+      subscriptionTimewindow.startTs -= startDiff;
+      aggTimewindow += subscriptionTimewindow.aggregation.interval;
+    }
+  } else {
+    let historyType = timewindow.history.historyType;
+    if (isUndefined(historyType)) {
+      historyType = isDefined(timewindow.history.timewindowMs) ? HistoryWindowType.LAST_INTERVAL : HistoryWindowType.FIXED;
+    }
+    if (historyType === HistoryWindowType.LAST_INTERVAL) {
+      const currentTime = Date.now();
+      subscriptionTimewindow.fixedWindow = {
+        startTimeMs: currentTime - timewindow.history.timewindowMs,
+        endTimeMs: currentTime
+      };
+      aggTimewindow = timewindow.history.timewindowMs;
+    } else {
+      subscriptionTimewindow.fixedWindow = {
+        startTimeMs: timewindow.history.fixedTimewindow.startTimeMs,
+        endTimeMs: timewindow.history.fixedTimewindow.endTimeMs
+      };
+      aggTimewindow = subscriptionTimewindow.fixedWindow.endTimeMs - subscriptionTimewindow.fixedWindow.startTimeMs;
+    }
+    subscriptionTimewindow.startTs = subscriptionTimewindow.fixedWindow.startTimeMs;
+    subscriptionTimewindow.aggregation.interval =
+      timeService.boundIntervalToTimewindow(aggTimewindow, timewindow.history.interval, subscriptionTimewindow.aggregation.type);
+  }
+  const aggregation = subscriptionTimewindow.aggregation;
+  aggregation.timeWindow = aggTimewindow;
+  if (aggregation.type !== AggregationType.NONE) {
+    aggregation.limit = Math.ceil(aggTimewindow / subscriptionTimewindow.aggregation.interval);
+  }
+  return subscriptionTimewindow;
+}
+
+export function cloneSelectedTimewindow(timewindow: Timewindow): Timewindow {
+  const cloned: Timewindow = {};
+  if (isDefined(timewindow.selectedTab)) {
+    cloned.selectedTab = timewindow.selectedTab;
+    if (timewindow.selectedTab === TimewindowType.REALTIME) {
+      cloned.realtime = deepClone(timewindow.realtime);
+    } else if (timewindow.selectedTab === TimewindowType.HISTORY) {
+      cloned.history = deepClone(timewindow.history);
+    }
+  }
+  cloned.aggregation = deepClone(timewindow.aggregation);
+  return cloned;
+}
+
+export function cloneSelectedHistoryTimewindow(historyWindow: HistoryWindow): HistoryWindow {
+  const cloned: HistoryWindow = {};
+  if (isDefined(historyWindow.historyType)) {
+    cloned.historyType = historyWindow.historyType;
+    cloned.interval = historyWindow.interval;
+    if (historyWindow.historyType === HistoryWindowType.LAST_INTERVAL) {
+      cloned.timewindowMs = historyWindow.timewindowMs;
+    } else if (historyWindow.historyType === HistoryWindowType.FIXED) {
+      cloned.fixedTimewindow = deepClone(historyWindow.fixedTimewindow);
+    }
+  }
+  return cloned;
+}
+
+export interface TimeInterval {
+  name: string;
+  translateParams: {[key: string]: any};
+  value: number;
+}
+
+export const defaultTimeIntervals = new Array<TimeInterval>(
+  {
+    name: 'timeinterval.seconds-interval',
+    translateParams: {seconds: 1},
+    value: 1 * SECOND
+  },
+  {
+    name: 'timeinterval.seconds-interval',
+    translateParams: {seconds: 5},
+    value: 5 * SECOND
+  },
+  {
+    name: 'timeinterval.seconds-interval',
+    translateParams: {seconds: 10},
+    value: 10 * SECOND
+  },
+  {
+    name: 'timeinterval.seconds-interval',
+    translateParams: {seconds: 15},
+    value: 15 * SECOND
+  },
+  {
+    name: 'timeinterval.seconds-interval',
+    translateParams: {seconds: 30},
+    value: 30 * SECOND
+  },
+  {
+    name: 'timeinterval.minutes-interval',
+    translateParams: {minutes: 1},
+    value: 1 * MINUTE
+  },
+  {
+    name: 'timeinterval.minutes-interval',
+    translateParams: {minutes: 2},
+    value: 2 * MINUTE
+  },
+  {
+    name: 'timeinterval.minutes-interval',
+    translateParams: {minutes: 5},
+    value: 5 * MINUTE
+  },
+  {
+    name: 'timeinterval.minutes-interval',
+    translateParams: {minutes: 10},
+    value: 10 * MINUTE
+  },
+  {
+    name: 'timeinterval.minutes-interval',
+    translateParams: {minutes: 15},
+    value: 15 * MINUTE
+  },
+  {
+    name: 'timeinterval.minutes-interval',
+    translateParams: {minutes: 30},
+    value: 30 * MINUTE
+  },
+  {
+    name: 'timeinterval.hours-interval',
+    translateParams: {hours: 1},
+    value: 1 * HOUR
+  },
+  {
+    name: 'timeinterval.hours-interval',
+    translateParams: {hours: 2},
+    value: 2 * HOUR
+  },
+  {
+    name: 'timeinterval.hours-interval',
+    translateParams: {hours: 5},
+    value: 5 * HOUR
+  },
+  {
+    name: 'timeinterval.hours-interval',
+    translateParams: {hours: 10},
+    value: 10 * HOUR
+  },
+  {
+    name: 'timeinterval.hours-interval',
+    translateParams: {hours: 12},
+    value: 12 * HOUR
+  },
+  {
+    name: 'timeinterval.days-interval',
+    translateParams: {days: 1},
+    value: 1 * DAY
+  },
+  {
+    name: 'timeinterval.days-interval',
+    translateParams: {days: 7},
+    value: 7 * DAY
+  },
+  {
+    name: 'timeinterval.days-interval',
+    translateParams: {days: 30},
+    value: 30 * DAY
+  }
+);
diff --git a/ui-ngx/src/app/shared/models/user.model.ts b/ui-ngx/src/app/shared/models/user.model.ts
new file mode 100644
index 0000000000..468ed3d8c5
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/user.model.ts
@@ -0,0 +1,56 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { BaseData } from './base-data';
+import { UserId } from './id/user-id';
+import { CustomerId } from './id/customer-id';
+import { Authority } from './authority.enum';
+import {TenantId} from './id/tenant-id';
+
+export interface User extends BaseData<UserId> {
+  tenantId: TenantId;
+  customerId: CustomerId;
+  email: string;
+  authority: Authority;
+  firstName: string;
+  lastName: string;
+  additionalInfo: any;
+}
+
+export enum ActivationMethod {
+  DISPLAY_ACTIVATION_LINK = 'DISPLAY_ACTIVATION_LINK',
+  SEND_ACTIVATION_MAIL = 'SEND_ACTIVATION_MAIL'
+}
+
+export const activationMethodTranslations = new Map<ActivationMethod, string>(
+  [
+    [ActivationMethod.DISPLAY_ACTIVATION_LINK, 'user.display-activation-link'],
+    [ActivationMethod.SEND_ACTIVATION_MAIL, 'user.send-activation-mail']
+  ]
+);
+
+export interface AuthUser {
+  sub: string;
+  scopes: string[];
+  userId: string;
+  firstName: string;
+  lastName: string;
+  enabled: boolean;
+  tenantId: string;
+  customerId: string;
+  isPublic: boolean;
+  authority: Authority;
+}
diff --git a/ui-ngx/src/app/shared/models/widget.models.ts b/ui-ngx/src/app/shared/models/widget.models.ts
new file mode 100644
index 0000000000..6164d27b22
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/widget.models.ts
@@ -0,0 +1,401 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { BaseData } from '@shared/models/base-data';
+import { TenantId } from '@shared/models/id/tenant-id';
+import { WidgetTypeId } from '@shared/models/id/widget-type-id';
+import { Timewindow } from '@shared/models/time/time.models';
+import { EntityType } from '@shared/models/entity-type.models';
+import { AlarmSearchStatus } from '@shared/models/alarm.models';
+import { Data } from '@angular/router';
+import { DataKeyType } from './telemetry/telemetry.models';
+import { EntityId } from '@shared/models/id/entity-id';
+
+export enum widgetType {
+  timeseries = 'timeseries',
+  latest = 'latest',
+  rpc = 'rpc',
+  alarm = 'alarm',
+  static = 'static'
+}
+
+export interface WidgetTypeTemplate {
+  bundleAlias: string;
+  alias: string;
+}
+
+export interface WidgetTypeData {
+  name: string;
+  icon: string;
+  isMdiIcon?: boolean;
+  configHelpLinkId: string;
+  template: WidgetTypeTemplate;
+}
+
+export const widgetTypesData = new Map<widgetType, WidgetTypeData>(
+  [
+    [
+      widgetType.timeseries,
+      {
+        name: 'widget.timeseries',
+        icon: 'timeline',
+        configHelpLinkId: 'widgetsConfigTimeseries',
+        template: {
+          bundleAlias: 'charts',
+          alias: 'basic_timeseries'
+        }
+      }
+    ],
+    [
+      widgetType.latest,
+      {
+        name: 'widget.latest-values',
+        icon: 'track_changes',
+        configHelpLinkId: 'widgetsConfigLatest',
+        template: {
+          bundleAlias: 'cards',
+          alias: 'attributes_card'
+        }
+      }
+    ],
+    [
+      widgetType.rpc,
+      {
+        name: 'widget.rpc',
+        icon: 'mdi:developer-board',
+        configHelpLinkId: 'widgetsConfigRpc',
+        isMdiIcon: true,
+        template: {
+          bundleAlias: 'gpio_widgets',
+          alias: 'basic_gpio_control'
+        }
+      }
+    ],
+    [
+      widgetType.alarm,
+      {
+        name: 'widget.alarm',
+        icon: 'error',
+        configHelpLinkId: 'widgetsConfigAlarm',
+        template: {
+          bundleAlias: 'alarm_widgets',
+          alias: 'alarms_table'
+        }
+      }
+    ],
+    [
+      widgetType.static,
+      {
+        name: 'widget.static',
+        icon: 'font_download',
+        configHelpLinkId: 'widgetsConfigStatic',
+        template: {
+          bundleAlias: 'cards',
+          alias: 'html_card'
+        }
+      }
+    ]
+  ]
+);
+
+export interface WidgetResource {
+  url: string;
+}
+
+export interface WidgetActionSource {
+  name: string;
+  value: string;
+  multiple: boolean;
+}
+
+export const widgetActionSources: {[acionSourceId: string]: WidgetActionSource} = {
+    headerButton:
+    {
+      name: 'widget-action.header-button',
+      value: 'headerButton',
+      multiple: true,
+    }
+};
+
+export interface WidgetTypeDescriptor {
+  type: widgetType;
+  resources: Array<WidgetResource>;
+  templateHtml: string;
+  templateCss: string;
+  controllerScript: string;
+  settingsSchema?: string | any;
+  dataKeySettingsSchema?: string | any;
+  defaultConfig: string;
+  sizeX: number;
+  sizeY: number;
+}
+
+export interface WidgetTypeParameters {
+  useCustomDatasources?: boolean;
+  maxDatasources?: number;
+  maxDataKeys?: number;
+  dataKeysOptional?: boolean;
+  stateData?: boolean;
+}
+
+export interface WidgetControllerDescriptor {
+  widgetTypeFunction?: any;
+  settingsSchema?: string | any;
+  dataKeySettingsSchema?: string | any;
+  typeParameters?: WidgetTypeParameters;
+  actionSources?: {[actionSourceId: string]: WidgetActionSource};
+}
+
+export interface WidgetType extends BaseData<WidgetTypeId> {
+  tenantId: TenantId;
+  bundleAlias: string;
+  alias: string;
+  name: string;
+  descriptor: WidgetTypeDescriptor;
+}
+
+export enum LegendDirection {
+  column = 'column',
+  row = 'row'
+}
+
+export const legendDirectionTranslationMap = new Map<LegendDirection, string>(
+  [
+    [ LegendDirection.column, 'direction.column' ],
+    [ LegendDirection.row, 'direction.row' ]
+  ]
+);
+
+export enum LegendPosition {
+  top = 'top',
+  bottom = 'bottom',
+  left = 'left',
+  right = 'right'
+}
+
+export const legendPositionTranslationMap = new Map<LegendPosition, string>(
+  [
+    [ LegendPosition.top, 'position.top' ],
+    [ LegendPosition.bottom, 'position.bottom' ],
+    [ LegendPosition.left, 'position.left' ],
+    [ LegendPosition.right, 'position.right' ]
+  ]
+);
+
+export interface LegendConfig {
+  position: LegendPosition;
+  direction?: LegendDirection;
+  showMin: boolean;
+  showMax: boolean;
+  showAvg: boolean;
+  showTotal: boolean;
+}
+
+export function defaultLegendConfig(wType: widgetType): LegendConfig {
+  return {
+    direction: LegendDirection.column,
+    position: LegendPosition.bottom,
+    showMin: false,
+    showMax: false,
+    showAvg: wType === widgetType.timeseries,
+    showTotal: false
+  };
+}
+
+export interface KeyInfo {
+  name: string;
+  label?: string;
+  color?: string;
+  funcBody?: string;
+  postFuncBody?: string;
+  units?: string;
+  decimals?: number;
+}
+
+export interface DataKey extends KeyInfo {
+  type: DataKeyType;
+  pattern?: string;
+  settings?: any;
+  usePostProcessing?: boolean;
+  hidden?: boolean;
+  _hash?: number;
+}
+
+export enum DatasourceType {
+  function = 'function',
+  entity = 'entity'
+}
+
+export const datasourceTypeTranslationMap = new Map<DatasourceType, string>(
+  [
+    [ DatasourceType.function, 'function.function' ],
+    [ DatasourceType.entity, 'entity.entity' ]
+  ]
+);
+
+export interface Datasource {
+  type?: DatasourceType | any;
+  name?: string;
+  aliasName?: string;
+  dataKeys?: Array<DataKey>;
+  entityType?: EntityType;
+  entityId?: string;
+  entityName?: string;
+  entityAliasId?: string;
+  unresolvedStateEntity?: boolean;
+  dataReceived?: boolean;
+  entity?: BaseData<EntityId>;
+  entityLabel?: string;
+  entityDescription?: string;
+  generated?: boolean;
+  [key: string]: any;
+}
+
+export type DataSet = [number, any][];
+
+export interface DataSetHolder {
+  data: DataSet;
+}
+
+export interface DatasourceData extends DataSetHolder {
+  datasource: Datasource;
+  dataKey: DataKey;
+}
+
+export interface LegendKey {
+  dataKey: DataKey;
+  dataIndex: number;
+}
+
+export interface LegendKeyData {
+  min: string;
+  max: string;
+  avg: string;
+  total: string;
+  hidden: boolean;
+}
+
+export interface LegendData {
+  keys: Array<LegendKey>;
+  data: Array<LegendKeyData>;
+}
+
+export enum WidgetActionType {
+  openDashboardState = 'openDashboardState',
+  updateDashboardState = 'updateDashboardState',
+  openDashboard = 'openDashboard',
+  custom = 'custom',
+  customPretty = 'customPretty'
+}
+
+export const widgetActionTypeTranslationMap = new Map<WidgetActionType, string>(
+  [
+    [ WidgetActionType.openDashboardState, 'widget-action.open-dashboard-state' ],
+    [ WidgetActionType.updateDashboardState, 'widget-action.update-dashboard-state' ],
+    [ WidgetActionType.openDashboard, 'widget-action.open-dashboard' ],
+    [ WidgetActionType.custom, 'widget-action.custom' ],
+    [ WidgetActionType.customPretty, 'widget-action.custom-pretty' ]
+  ]
+);
+
+export interface CustomActionDescriptor {
+  customFunction?: string;
+  customResources?: Array<WidgetResource>;
+  customHtml?: string;
+  customCss?: string;
+}
+
+export interface WidgetActionDescriptor extends CustomActionDescriptor {
+  id: string;
+  name: string;
+  icon: string;
+  displayName?: string;
+  type: WidgetActionType;
+  targetDashboardId?: string;
+  targetDashboardStateId?: string;
+  openRightLayout?: boolean;
+  setEntityId?: boolean;
+  stateEntityParamName?: string;
+}
+
+export interface WidgetConfig {
+  title?: string;
+  titleIcon?: string;
+  showTitle?: boolean;
+  showTitleIcon?: boolean;
+  iconColor?: string;
+  iconSize?: string;
+  dropShadow?: boolean;
+  enableFullscreen?: boolean;
+  useDashboardTimewindow?: boolean;
+  displayTimewindow?: boolean;
+  showLegend?: boolean;
+  legendConfig?: LegendConfig;
+  timewindow?: Timewindow;
+  mobileHeight?: number;
+  mobileOrder?: number;
+  color?: string;
+  backgroundColor?: string;
+  padding?: string;
+  margin?: string;
+  widgetStyle?: {[klass: string]: any};
+  titleStyle?: {[klass: string]: any};
+  units?: string;
+  decimals?: number;
+  actions?: {[actionSourceId: string]: Array<WidgetActionDescriptor>};
+  settings?: any;
+  alarmSource?: Datasource;
+  alarmSearchStatus?: AlarmSearchStatus;
+  alarmsPollingInterval?: number;
+  datasources?: Array<Datasource>;
+  targetDeviceAliasIds?: Array<string>;
+  [key: string]: any;
+}
+
+export interface Widget {
+  id?: string;
+  typeId?: WidgetTypeId;
+  isSystemType: boolean;
+  bundleAlias: string;
+  typeAlias: string;
+  type: widgetType;
+  title: string;
+  sizeX: number;
+  sizeY: number;
+  row: number;
+  col: number;
+  config: WidgetConfig;
+}
+
+export interface JsonSettingsSchema {
+  schema?: {
+    type: string;
+    title: string;
+    properties: {[key: string]: any};
+    required?: string[];
+  };
+  form?: any[];
+}
+
+export interface WidgetPosition {
+  row: number;
+  column: number;
+}
+
+export interface WidgetSize {
+  sizeX: number;
+  sizeY: number;
+}
diff --git a/ui-ngx/src/app/shared/models/widgets-bundle.model.ts b/ui-ngx/src/app/shared/models/widgets-bundle.model.ts
new file mode 100644
index 0000000000..576be20de4
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/widgets-bundle.model.ts
@@ -0,0 +1,26 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {BaseData} from '@shared/models/base-data';
+import {TenantId} from '@shared/models/id/tenant-id';
+import {WidgetsBundleId} from '@shared/models/id/widgets-bundle-id';
+
+export interface WidgetsBundle extends BaseData<WidgetsBundleId> {
+  tenantId: TenantId;
+  alias: string;
+  title: string;
+  image: string;
+}
diff --git a/ui-ngx/src/app/shared/models/window-message.model.ts b/ui-ngx/src/app/shared/models/window-message.model.ts
new file mode 100644
index 0000000000..ac5305c565
--- /dev/null
+++ b/ui-ngx/src/app/shared/models/window-message.model.ts
@@ -0,0 +1,22 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export type WindowMessageType = 'widgetException' | 'widgetEditModeInited' | 'widgetEditUpdated';
+
+export interface WindowMessage {
+  type: WindowMessageType;
+  data?: any;
+}
diff --git a/ui-ngx/src/app/shared/pipe/enum-to-array.pipe.ts b/ui-ngx/src/app/shared/pipe/enum-to-array.pipe.ts
new file mode 100644
index 0000000000..7717ecbf19
--- /dev/null
+++ b/ui-ngx/src/app/shared/pipe/enum-to-array.pipe.ts
@@ -0,0 +1,27 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'enumToArray'
+})
+export class EnumToArrayPipe implements PipeTransform {
+  transform(data: object): string[] {
+    const keys = Object.keys(data);
+    return keys.slice(keys.length / 2);
+  }
+}
diff --git a/ui-ngx/src/app/shared/pipe/highlight.pipe.ts b/ui-ngx/src/app/shared/pipe/highlight.pipe.ts
new file mode 100644
index 0000000000..12c591939c
--- /dev/null
+++ b/ui-ngx/src/app/shared/pipe/highlight.pipe.ts
@@ -0,0 +1,28 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Pipe, PipeTransform} from '@angular/core';
+
+@Pipe({ name: 'highlight' })
+export class HighlightPipe implements PipeTransform {
+  transform(text: string, search): string {
+    const pattern = search
+      .replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
+    const regex = new RegExp('^' + pattern, 'i');
+
+    return search ? text.replace(regex, match => `<b>${match}</b>`) : text;
+  }
+}
diff --git a/ui-ngx/src/app/shared/pipe/keyboard-shortcut.pipe.ts b/ui-ngx/src/app/shared/pipe/keyboard-shortcut.pipe.ts
new file mode 100644
index 0000000000..7f029c7d94
--- /dev/null
+++ b/ui-ngx/src/app/shared/pipe/keyboard-shortcut.pipe.ts
@@ -0,0 +1,49 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Inject, Pipe, PipeTransform } from '@angular/core';
+import { WINDOW } from '@core/services/window.service';
+
+// @dynamic
+@Pipe({
+  name: 'keyboardShortcut'
+})
+export class KeyboardShortcutPipe implements PipeTransform {
+
+  constructor(@Inject(WINDOW) private window: Window) {}
+
+  transform(value: string): string {
+    if (!value) {
+      return;
+    }
+    const keys = value.split('-');
+    const isOSX = /Mac OS X/.test(this.window.navigator.userAgent);
+
+    const seperator = (!isOSX || keys.length > 2) ? '+' : '';
+
+    const abbreviations = {
+      M: isOSX ? '⌘' : 'Ctrl',
+      A: isOSX ? 'Option' : 'Alt',
+      S: 'Shift'
+    };
+
+    return keys.map((key, index) => {
+      const last = index === keys.length - 1;
+      return last ? key : abbreviations[key];
+    }).join(seperator);
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/pipe/milliseconds-to-time-string.pipe.ts b/ui-ngx/src/app/shared/pipe/milliseconds-to-time-string.pipe.ts
new file mode 100644
index 0000000000..ba5f048f93
--- /dev/null
+++ b/ui-ngx/src/app/shared/pipe/milliseconds-to-time-string.pipe.ts
@@ -0,0 +1,58 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Pipe, PipeTransform } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+
+@Pipe({
+  name: 'milliSecondsToTimeString'
+})
+export class MillisecondsToTimeStringPipe implements PipeTransform {
+
+  constructor(private translate: TranslateService) {
+  }
+
+  transform(millseconds: number, args?: any): string {
+    let seconds = Math.floor(millseconds / 1000);
+    const days = Math.floor(seconds / 86400);
+    let hours = Math.floor((seconds % 86400) / 3600);
+    let minutes = Math.floor(((seconds % 86400) % 3600) / 60);
+    seconds = seconds % 60;
+    let timeString = '';
+    if (days > 0) {
+      timeString += this.translate.instant('timewindow.days', {days});
+    }
+    if (hours > 0) {
+      if (timeString.length === 0 && hours === 1) {
+        hours = 0;
+      }
+      timeString += this.translate.instant('timewindow.hours', {hours});
+    }
+    if (minutes > 0) {
+      if (timeString.length === 0 && minutes === 1) {
+        minutes = 0;
+      }
+      timeString += this.translate.instant('timewindow.minutes', {minutes});
+    }
+    if (seconds > 0) {
+      if (timeString.length === 0 && seconds === 1) {
+        seconds = 0;
+      }
+      timeString += this.translate.instant('timewindow.seconds', {seconds});
+    }
+    return timeString;
+  }
+}
diff --git a/ui-ngx/src/app/shared/pipe/nospace.pipe.ts b/ui-ngx/src/app/shared/pipe/nospace.pipe.ts
new file mode 100644
index 0000000000..a0bcd58391
--- /dev/null
+++ b/ui-ngx/src/app/shared/pipe/nospace.pipe.ts
@@ -0,0 +1,28 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'nospace'
+})
+export class NospacePipe implements PipeTransform {
+
+  transform(value: string, args?: any): string {
+    return (!value) ? '' : value.replace(/ /g, '');
+  }
+
+}
diff --git a/ui-ngx/src/app/shared/pipe/public-api.ts b/ui-ngx/src/app/shared/pipe/public-api.ts
new file mode 100644
index 0000000000..4f801b7d51
--- /dev/null
+++ b/ui-ngx/src/app/shared/pipe/public-api.ts
@@ -0,0 +1,22 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export * from './enum-to-array.pipe';
+export * from './highlight.pipe';
+export * from './keyboard-shortcut.pipe';
+export * from './milliseconds-to-time-string.pipe';
+export * from './nospace.pipe';
+export * from './truncate.pipe';
diff --git a/ui-ngx/src/app/shared/pipe/truncate.pipe.ts b/ui-ngx/src/app/shared/pipe/truncate.pipe.ts
new file mode 100644
index 0000000000..b6c505ba74
--- /dev/null
+++ b/ui-ngx/src/app/shared/pipe/truncate.pipe.ts
@@ -0,0 +1,42 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import {Pipe, PipeTransform} from '@angular/core';
+import { isString } from '@core/utils';
+
+@Pipe({ name: 'truncate' })
+export class TruncatePipe implements PipeTransform {
+  transform(text: string, wordwise: boolean, max: any, tail: string): string {
+    if (!text) { return ''; }
+    if (isString(max)) {
+      max = parseInt(max, 10);
+    }
+    if (!max) { return text; }
+    if (text.length <= max) { return text; }
+
+    text = text.substr(0, max);
+    if (wordwise) {
+      let lastspace = text.lastIndexOf(' ');
+      if (lastspace !== -1) {
+        if (text.charAt(lastspace - 1) === '.' || text.charAt(lastspace - 1) === ',') {
+          lastspace = lastspace - 1;
+        }
+        text = text.substr(0, lastspace);
+      }
+    }
+    return text + (tail || ' …');
+  }
+}
diff --git a/ui-ngx/src/app/shared/public-api.ts b/ui-ngx/src/app/shared/public-api.ts
new file mode 100644
index 0000000000..d514dfd31c
--- /dev/null
+++ b/ui-ngx/src/app/shared/public-api.ts
@@ -0,0 +1,20 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export * from './components/public-api';
+export * from './models/public-api';
+export * from './pipe/public-api';
+export * from './shared.module';
diff --git a/ui-ngx/src/app/shared/shared.module.ts b/ui-ngx/src/app/shared/shared.module.ts
new file mode 100644
index 0000000000..99fb460f7d
--- /dev/null
+++ b/ui-ngx/src/app/shared/shared.module.ts
@@ -0,0 +1,364 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+import { NgModule } from '@angular/core';
+import { CommonModule, DatePipe } from '@angular/common';
+import { FooterComponent } from '@shared/components/footer.component';
+import { LogoComponent } from '@shared/components/logo.component';
+import { TbSnackBarComponent, ToastDirective } from '@shared/components/toast.directive';
+import { BreadcrumbComponent } from '@shared/components/breadcrumb.component';
+import { NgxFlowModule, FlowInjectionToken } from '@flowjs/ngx-flow';
+import { NgxFlowchartModule } from 'ngx-flowchart/dist/ngx-flowchart';
+import Flow from '@flowjs/flow.js';
+
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatSelectModule } from '@angular/material/select';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatSliderModule } from '@angular/material/slider';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatSortModule } from '@angular/material/sort';
+import { MatStepperModule } from '@angular/material/stepper';
+import { MatTableModule } from '@angular/material/table';
+import { MatTabsModule } from '@angular/material/tabs';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatDatetimepickerModule, MatNativeDatetimeModule } from '@mat-datetimepicker/core';
+import { NgxDaterangepickerMd } from 'ngx-daterangepicker-material';
+import { GridsterModule } from 'angular-gridster2';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { RouterModule } from '@angular/router';
+import { ShareModule as ShareButtonsModule } from '@ngx-share/core';
+import { HotkeyModule } from 'angular2-hotkeys';
+import { ColorPickerModule } from 'ngx-color-picker';
+import { NgxHmCarouselModule } from 'ngx-hm-carousel';
+import { UserMenuComponent } from '@shared/components/user-menu.component';
+import { NospacePipe } from '@shared/pipe/nospace.pipe';
+import { TranslateModule } from '@ngx-translate/core';
+import { TbCheckboxComponent } from '@shared/components/tb-checkbox.component';
+import { HelpComponent } from '@shared/components/help.component';
+import { TbAnchorComponent } from '@shared/components/tb-anchor.component';
+import { MillisecondsToTimeStringPipe } from '@shared/pipe/milliseconds-to-time-string.pipe';
+import { TimewindowComponent } from '@shared/components/time/timewindow.component';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { TimewindowPanelComponent } from '@shared/components/time/timewindow-panel.component';
+import { TimeintervalComponent } from '@shared/components/time/timeinterval.component';
+import { DatetimePeriodComponent } from '@shared/components/time/datetime-period.component';
+import { EnumToArrayPipe } from '@shared/pipe/enum-to-array.pipe';
+import { ClipboardModule } from 'ngx-clipboard';
+import { ValueInputComponent } from '@shared/components/value-input.component';
+import { FullscreenDirective } from '@shared/components/fullscreen.directive';
+import { HighlightPipe } from '@shared/pipe/highlight.pipe';
+import { DashboardAutocompleteComponent } from '@shared/components/dashboard-autocomplete.component';
+import { EntitySubTypeAutocompleteComponent } from '@shared/components/entity/entity-subtype-autocomplete.component';
+import { EntitySubTypeSelectComponent } from '@shared/components/entity/entity-subtype-select.component';
+import { EntityAutocompleteComponent } from '@shared/components/entity/entity-autocomplete.component';
+import { EntityListComponent } from '@shared/components/entity/entity-list.component';
+import { EntityTypeSelectComponent } from '@shared/components/entity/entity-type-select.component';
+import { EntitySelectComponent } from '@shared/components/entity/entity-select.component';
+import { DatetimeComponent } from '@shared/components/time/datetime.component';
+import { EntityKeysListComponent } from '@shared/components/entity/entity-keys-list.component';
+import { SocialSharePanelComponent } from '@shared/components/socialshare-panel.component';
+import { RelationTypeAutocompleteComponent } from '@shared/components/relation/relation-type-autocomplete.component';
+import { EntityListSelectComponent } from '@shared/components/entity/entity-list-select.component';
+import { JsonObjectEditComponent } from '@shared/components/json-object-edit.component';
+import { FooterFabButtonsComponent } from '@shared/components/footer-fab-buttons.component';
+import { CircularProgressDirective } from '@shared/components/circular-progress.directive';
+import { MatSpinner } from '@angular/material/progress-spinner';
+import { FabToolbarComponent, FabActionsDirective, FabTriggerDirective } from '@shared/components/fab-toolbar.component';
+import { DashboardSelectPanelComponent } from '@shared/components/dashboard-select-panel.component';
+import { DashboardSelectComponent } from '@shared/components/dashboard-select.component';
+import { WidgetsBundleSelectComponent } from '@shared/components/widgets-bundle-select.component';
+import { KeyboardShortcutPipe } from '@shared/pipe/keyboard-shortcut.pipe';
+import { TbErrorComponent } from '@shared/components/tb-error.component';
+import { EntityTypeListComponent } from '@shared/components/entity/entity-type-list.component';
+import { EntitySubTypeListComponent } from '@shared/components/entity/entity-subtype-list.component';
+import { TruncatePipe } from '@shared/pipe/truncate.pipe';
+import { ColorPickerDialogComponent } from '@shared/components/dialog/color-picker-dialog.component';
+import { MatChipDraggableDirective } from '@shared/components/mat-chip-draggable.directive';
+import { ColorInputComponent } from '@shared/components/color-input.component';
+import { JsFuncComponent } from '@shared/components/js-func.component';
+import { JsonFormComponent } from '@shared/components/json-form/json-form.component';
+import { ConfirmDialogComponent } from '@shared/components/dialog/confirm-dialog.component';
+import { AlertDialogComponent } from '@shared/components/dialog/alert-dialog.component';
+import { TodoDialogComponent } from '@shared/components/dialog/todo-dialog.component';
+import { MaterialIconsDialogComponent } from '@shared/components/dialog/material-icons-dialog.component';
+import { MaterialIconSelectComponent } from '@shared/components/material-icon-select.component';
+import { ImageInputComponent } from '@shared/components/image-input.component';
+import { FileInputComponent } from '@shared/components/file-input.component';
+import { NodeScriptTestDialogComponent } from '@shared/components/dialog/node-script-test-dialog.component';
+import { MessageTypeAutocompleteComponent } from '@shared/components/message-type-autocomplete.component';
+import { JsonContentComponent } from '@shared/components/json-content.component';
+import { KeyValMapComponent } from '@shared/components/kv-map.component';
+import { TbCheatSheetComponent } from '@shared/components/cheatsheet.component';
+import { TbHotkeysDirective } from '@shared/components/hotkeys.directive';
+import { NavTreeComponent } from '@shared/components/nav-tree.component';
+import { LedLightComponent } from '@shared/components/led-light.component';
+
+@NgModule({
+  providers: [
+    DatePipe,
+    MillisecondsToTimeStringPipe,
+    EnumToArrayPipe,
+    HighlightPipe,
+    TruncatePipe,
+    {
+      provide: FlowInjectionToken,
+      useValue: Flow
+    }
+  ],
+  declarations: [
+    FooterComponent,
+    LogoComponent,
+    FooterFabButtonsComponent,
+    ToastDirective,
+    FullscreenDirective,
+    CircularProgressDirective,
+    MatChipDraggableDirective,
+    TbHotkeysDirective,
+    TbAnchorComponent,
+    HelpComponent,
+    TbCheckboxComponent,
+    TbSnackBarComponent,
+    TbErrorComponent,
+    TbCheatSheetComponent,
+    BreadcrumbComponent,
+    UserMenuComponent,
+    TimewindowComponent,
+    TimewindowPanelComponent,
+    TimeintervalComponent,
+    DashboardSelectComponent,
+    DashboardSelectPanelComponent,
+    DatetimePeriodComponent,
+    DatetimeComponent,
+    ValueInputComponent,
+    DashboardAutocompleteComponent,
+    EntitySubTypeAutocompleteComponent,
+    EntitySubTypeSelectComponent,
+    EntitySubTypeListComponent,
+    EntityAutocompleteComponent,
+    EntityListComponent,
+    EntityTypeSelectComponent,
+    EntitySelectComponent,
+    EntityKeysListComponent,
+    EntityListSelectComponent,
+    EntityTypeListComponent,
+    RelationTypeAutocompleteComponent,
+    SocialSharePanelComponent,
+    JsonObjectEditComponent,
+    JsonContentComponent,
+    JsFuncComponent,
+    FabTriggerDirective,
+    FabActionsDirective,
+    FabToolbarComponent,
+    WidgetsBundleSelectComponent,
+    ConfirmDialogComponent,
+    AlertDialogComponent,
+    TodoDialogComponent,
+    ColorPickerDialogComponent,
+    MaterialIconsDialogComponent,
+    ColorInputComponent,
+    MaterialIconSelectComponent,
+    NodeScriptTestDialogComponent,
+    JsonFormComponent,
+    ImageInputComponent,
+    FileInputComponent,
+    MessageTypeAutocompleteComponent,
+    KeyValMapComponent,
+    NavTreeComponent,
+    LedLightComponent,
+    NospacePipe,
+    MillisecondsToTimeStringPipe,
+    EnumToArrayPipe,
+    HighlightPipe,
+    TruncatePipe,
+    KeyboardShortcutPipe
+  ],
+  imports: [
+    CommonModule,
+    RouterModule,
+    TranslateModule,
+    MatButtonModule,
+    MatCheckboxModule,
+    MatIconModule,
+    MatCardModule,
+    MatProgressBarModule,
+    MatInputModule,
+    MatSnackBarModule,
+    MatSidenavModule,
+    MatToolbarModule,
+    MatMenuModule,
+    MatGridListModule,
+    MatDialogModule,
+    MatSelectModule,
+    MatTooltipModule,
+    MatTableModule,
+    MatPaginatorModule,
+    MatSortModule,
+    MatProgressSpinnerModule,
+    MatDividerModule,
+    MatTabsModule,
+    MatRadioModule,
+    MatSlideToggleModule,
+    MatDatepickerModule,
+    MatNativeDatetimeModule,
+    MatDatetimepickerModule,
+    NgxDaterangepickerMd.forRoot(),
+    MatSliderModule,
+    MatExpansionModule,
+    MatStepperModule,
+    MatAutocompleteModule,
+    MatChipsModule,
+    GridsterModule,
+    ClipboardModule,
+    FlexLayoutModule.withConfig({addFlexToParent: false}),
+    FormsModule,
+    ReactiveFormsModule,
+    OverlayModule,
+    ShareButtonsModule,
+    HotkeyModule,
+    ColorPickerModule,
+    NgxHmCarouselModule,
+    NgxFlowModule,
+    NgxFlowchartModule
+  ],
+  exports: [
+    FooterComponent,
+    LogoComponent,
+    FooterFabButtonsComponent,
+    ToastDirective,
+    FullscreenDirective,
+    CircularProgressDirective,
+    MatChipDraggableDirective,
+    TbHotkeysDirective,
+    TbAnchorComponent,
+    HelpComponent,
+    TbCheckboxComponent,
+    TbErrorComponent,
+    TbCheatSheetComponent,
+    BreadcrumbComponent,
+    UserMenuComponent,
+    TimewindowComponent,
+    TimewindowPanelComponent,
+    TimeintervalComponent,
+    DashboardSelectComponent,
+    DatetimePeriodComponent,
+    DatetimeComponent,
+    DashboardAutocompleteComponent,
+    EntitySubTypeAutocompleteComponent,
+    EntitySubTypeSelectComponent,
+    EntitySubTypeListComponent,
+    EntityAutocompleteComponent,
+    EntityListComponent,
+    EntityTypeSelectComponent,
+    EntitySelectComponent,
+    EntityKeysListComponent,
+    EntityListSelectComponent,
+    EntityTypeListComponent,
+    RelationTypeAutocompleteComponent,
+    SocialSharePanelComponent,
+    JsonObjectEditComponent,
+    JsonContentComponent,
+    JsFuncComponent,
+    FabTriggerDirective,
+    FabActionsDirective,
+    FabToolbarComponent,
+    WidgetsBundleSelectComponent,
+    ValueInputComponent,
+    MatButtonModule,
+    MatCheckboxModule,
+    MatIconModule,
+    MatCardModule,
+    MatProgressBarModule,
+    MatInputModule,
+    MatSnackBarModule,
+    MatSidenavModule,
+    MatToolbarModule,
+    MatMenuModule,
+    MatGridListModule,
+    MatDialogModule,
+    MatSelectModule,
+    MatTooltipModule,
+    MatTableModule,
+    MatPaginatorModule,
+    MatSortModule,
+    MatProgressSpinnerModule,
+    MatDividerModule,
+    MatTabsModule,
+    MatRadioModule,
+    MatSlideToggleModule,
+    MatDatepickerModule,
+    MatNativeDatetimeModule,
+    MatDatetimepickerModule,
+    NgxDaterangepickerMd,
+    MatSliderModule,
+    MatExpansionModule,
+    MatStepperModule,
+    MatAutocompleteModule,
+    MatChipsModule,
+    GridsterModule,
+    ClipboardModule,
+    FlexLayoutModule,
+    FormsModule,
+    ReactiveFormsModule,
+    OverlayModule,
+    ShareButtonsModule,
+    HotkeyModule,
+    ColorPickerModule,
+    NgxHmCarouselModule,
+    NgxFlowchartModule,
+    ConfirmDialogComponent,
+    AlertDialogComponent,
+    TodoDialogComponent,
+    ColorPickerDialogComponent,
+    MaterialIconsDialogComponent,
+    ColorInputComponent,
+    MaterialIconSelectComponent,
+    NodeScriptTestDialogComponent,
+    JsonFormComponent,
+    ImageInputComponent,
+    FileInputComponent,
+    MessageTypeAutocompleteComponent,
+    KeyValMapComponent,
+    NavTreeComponent,
+    LedLightComponent,
+    NospacePipe,
+    MillisecondsToTimeStringPipe,
+    EnumToArrayPipe,
+    HighlightPipe,
+    TruncatePipe,
+    KeyboardShortcutPipe,
+    TranslateModule
+  ]
+})
+export class SharedModule { }
diff --git a/ui-ngx/src/assets/.gitkeep b/ui-ngx/src/assets/.gitkeep
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/ui-ngx/src/assets/coming-soon.jpg b/ui-ngx/src/assets/coming-soon.jpg
new file mode 100644
index 0000000000..3fc8e85352
Binary files /dev/null and b/ui-ngx/src/assets/coming-soon.jpg differ
diff --git a/ui-ngx/src/assets/jstree/tb32px.png b/ui-ngx/src/assets/jstree/tb32px.png
new file mode 100644
index 0000000000..719a6bcdbd
Binary files /dev/null and b/ui-ngx/src/assets/jstree/tb32px.png differ
diff --git a/ui-ngx/src/assets/jstree/tb40px.png b/ui-ngx/src/assets/jstree/tb40px.png
new file mode 100644
index 0000000000..1959347aea
Binary files /dev/null and b/ui-ngx/src/assets/jstree/tb40px.png differ
diff --git a/ui-ngx/src/assets/locale/locale.constant-cs_CZ.json b/ui-ngx/src/assets/locale/locale.constant-cs_CZ.json
new file mode 100644
index 0000000000..0006afc74b
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-cs_CZ.json
@@ -0,0 +1,1643 @@
+{
+    "access": {
+        "unauthorized": "Neautorizováno",
+        "unauthorized-access": "Neautorizovaný přístup",
+        "unauthorized-access-text": "Musíte se zaregistrovat, abyste měli přístup k tomuto zdroji!",
+        "access-forbidden": "Přístup zakázán",
+        "access-forbidden-text": "Pro přístup do tohoto umístění nemáte přístupová oprávnění!<br/>Pokud si stále přejete získat přístup do tohoto umístění, zkuste se zaregistrovat pod jiným uživatelem.",
+        "refresh-token-expired": "Relace vypršela",
+        "refresh-token-failed": "Nemohu aktualizovat relaci"
+    },
+    "action": {
+        "activate": "Aktivovat",
+        "suspend": "Deaktivovat",
+        "save": "Uložit",
+        "saveAs": "Uložit jako",
+        "cancel": "Storno",
+        "ok": "OK",
+        "delete": "Smazat",
+        "add": "Přidat",
+        "yes": "Ano",
+        "no": "Ne",
+        "update": "Aktualizovat",
+        "remove": "Odstranit",
+        "search": "Vyhledat",
+        "clear-search": "Zrušit hledání",
+        "assign": "Přiřadit",
+        "unassign": "Odebrat",
+        "share": "Sdílet",
+        "make-private": "Učinit soukromým",
+        "apply": "Použít",
+        "apply-changes": "Uložit změny",
+        "edit-mode": "Režim editace",
+        "enter-edit-mode": "Vstoupit do režimu editace",
+        "decline-changes": "Zahodit změny",
+        "close": "Zavřít",
+        "back": "Zpět",
+        "run": "Spustit",
+        "sign-in": "Zaregistrovat!",
+        "edit": "Editovat",
+        "view": "Zobrazit",
+        "create": "Vytvořit",
+        "drag": "Táhnout",
+        "refresh": "Obnovit",
+        "undo": "Vrátit",
+        "copy": "Kopírovat",
+        "paste": "Vložit",
+        "copy-reference": "Kopírovat referenci",
+        "paste-reference": "Vložit referenci",
+        "import": "Importovat",
+        "export": "Exportovat",
+        "share-via": "Sdílet přes {{provider}}"
+    },
+    "aggregation": {
+        "aggregation": "Agregace",
+        "function": "Funkce pro agregaci dat",
+        "limit": "Maximální hodnoty",
+        "group-interval": "Interval seskupení",
+        "min": "Min",
+        "max": "Max",
+        "avg": "Průměr",
+        "sum": "Suma",
+        "count": "Počet",
+        "none": "Žádná"
+    },
+    "admin": {
+        "general": "Obecné",
+        "general-settings": "Obecná nastavení",
+        "outgoing-mail": "Odchozí email",
+        "outgoing-mail-settings": "Nastavení odchozího emailu",
+        "system-settings": "Systémová nastavení",
+        "test-mail-sent": "Testovací zpráva byla úspěšně odeslána!",
+        "base-url": "Základní URL",
+        "base-url-required": "Hodnota Základní URL je povinná.",
+        "mail-from": "Email od",
+        "mail-from-required": "Hodnota Email od je povinná.",
+        "smtp-protocol": "SMTP protokol",
+        "smtp-host": "SMTP host",
+        "smtp-host-required": "Hodnota SMTP host je povinná.",
+        "smtp-port": "SMTP port",
+        "smtp-port-required": "Musíte zadat smtp port.",
+        "smtp-port-invalid": "Tohle nevypadá jako platný smtp port.",
+        "timeout-msec": "Časový limit (msec)",
+        "timeout-required": "Hodnota Časový limit je povinná.",
+        "timeout-invalid": "Tohle nevypadá jako platný časový limit.",
+        "enable-tls": "Povolit TLS",
+        "tls-version": "Verze TLS",
+        "send-test-mail": "Odeslat testovací zprávu"
+    },
+    "alarm": {
+        "alarm": "Alarm",
+        "alarms": "Alarmy",
+        "select-alarm": "Vybrat alarm",
+        "no-alarms-matching": "Žádné alarmy odpovídající '{{entity}}' nebyly nalezeny.",
+        "alarm-required": "Alarm je povinný",
+        "alarm-status": "Stav alarmu",
+        "search-status": {
+            "ANY": "Všechny",
+            "ACTIVE": "Aktivní",
+            "CLEARED": "Odstraněné",
+            "ACK": "Přijaté",
+            "UNACK": "Nepřijaté"
+        },
+        "display-status": {
+            "ACTIVE_UNACK": "Aktivní nepřijaté",
+            "ACTIVE_ACK": "Aktivní přijaté",
+            "CLEARED_UNACK": "Odstraněné nepřijaté",
+            "CLEARED_ACK": "Odstraněné přijaté"
+        },
+        "no-alarms-prompt": "Žádné alarmy nebyly nalezeny",
+        "created-time": "Datum vytvoření",
+        "type": "Typ",
+        "severity": "Závažnost",
+        "originator": "Původce",
+        "originator-type": "Typ původce",
+        "details": "Detail",
+        "status": "Stav",
+        "alarm-details": "Detail alarmu",
+        "start-time": "Datum zahájení",
+        "end-time": "Datum ukončení",
+        "ack-time": "Datum přijetí",
+        "clear-time": "Datum vyřešení",
+        "severity-critical": "Kritická",
+        "severity-major": "Vysoká",
+        "severity-minor": "Nízká",
+        "severity-warning": "Varování",
+        "severity-indeterminate": "Střední",
+        "acknowledge": "Přijmout",
+        "clear": "Vyřešit",
+        "search": "Vyhledat alarmy",
+        "selected-alarms": "Vybráno { count, plural, 1 {1 alarmů} other {# alarmů} }",
+        "no-data": "Nejsou zde žádná data",
+        "polling-interval": "Interval frekvence příjmu alarmů (vteřin)",
+        "polling-interval-required": "Interval frekvence příjmu alarmů je povinný.",
+        "min-polling-interval-message": "Minimální povolený interval frekvence příjmu alarmů je 1 vteřina.",
+        "aknowledge-alarms-title": "Přijmout { count, plural, 1 {1 alarm} other {# alarmů} }",
+        "aknowledge-alarms-text": "Jste si jisti že chcete přijmout { count, plural, 1 {1 alarm} other {# alarmů} }?",
+        "aknowledge-alarm-title": "Přijmout alarm",
+        "aknowledge-alarm-text": "Jste si jisti, že chcete přijmout alarm?",
+        "clear-alarms-title": "Odstranit { count, plural, 1 {1 alarm} other {# alarmů} }",
+        "clear-alarms-text": "Jste si jisti, že chcete odstranit { count, plural, 1 {1 alarm} other {# alarmů} }?",
+        "clear-alarm-title": "Odstranit alarm",
+        "clear-alarm-text": "Jste si jisti, že chcete alarm odstranit?",
+        "alarm-status-filter": "Filtr stavu alarmu"
+    },
+    "alias": {
+        "add": "Přidat alias",
+        "edit": "Editovat alias",
+        "name": "Název aliasu",
+        "name-required": "Název aliasu je povinný",
+        "duplicate-alias": "Alias s identickým názvem již existuje.",
+        "filter-type-single-entity": "Jedna entita",
+        "filter-type-entity-list": "Seznam entit",
+        "filter-type-entity-name": "Název entity",
+        "filter-type-state-entity": "Entita ze stavu dashboardu",
+        "filter-type-state-entity-description": "Entita převzata z parametrů stavu dashboardu",
+        "filter-type-asset-type": "Typ aktiva",
+        "filter-type-asset-type-description": "Aktiva typu '{{assetType}}'",
+        "filter-type-asset-type-and-name-description": "Aktiva typu '{{assetType}}' s názvem začínajícím '{{prefix}}'",
+        "filter-type-device-type": "Typ zařízení",
+        "filter-type-device-type-description": "Zařízení typu '{{deviceType}}'",
+        "filter-type-device-type-and-name-description": "Zařízení typu '{{deviceType}}' s názvem začínajícím '{{prefix}}'",
+        "filter-type-entity-view-type": "Typ entitního pohledu",
+        "filter-type-entity-view-type-description": "Entitní pohledy typu '{{entityView}}'",
+        "filter-type-entity-view-type-and-name-description": "Entitní pohledy typu '{{entityView}}' s názvem začínajícím '{{prefix}}'",
+        "filter-type-relations-query": "Dotaz na vztahy",
+        "filter-type-relations-query-description": "{{entities}} se {{relationType}} vztahem {{direction}} {{rootEntity}}",
+        "filter-type-asset-search-query": "Dotaz na vyhledání aktiva",
+        "filter-type-asset-search-query-description": "Aktiva typů {{assetTypes}} se {{relationType}} vztahem {{direction}} {{rootEntity}}",
+        "filter-type-device-search-query": "Dotaz na vyhledání zařízení",
+        "filter-type-device-search-query-description": "Zařízení typů {{deviceTypes}} se {{relationType}} vztahem {{direction}} {{rootEntity}}",
+        "filter-type-entity-view-search-query": "Dotaz na vyhledání zobrazení entity",
+        "filter-type-entity-view-search-query-description": "Entitní pohledy typů {{entityViewTypes}} se {{relationType}} vztahem {{direction}} {{rootEntity}}",
+        "entity-filter": "Filtr entity",
+        "resolve-multiple": "Použít jako více entit",
+        "filter-type": "Typ filtru",
+        "filter-type-required": "Typ filtru je povinný.",
+        "entity-filter-no-entity-matched": "Žádné entity odpovídající specifikovanému filtru nebyly nalezeny.",
+        "no-entity-filter-specified": "Nebyl specifikován žádný filtr entit",
+        "root-state-entity": "Použít stav entity dashboard jako kořenovou",
+        "root-entity": "Kořenová entita",
+        "state-entity-parameter-name": "Název parametru stavu entity",
+        "default-state-entity": "Defaultní stav entity",
+        "default-entity-parameter-name": "Defaultně",
+        "max-relation-level": "Maximální úroveň vazeb",
+        "unlimited-level": "Neomezená úroveň",
+        "state-entity": "Dashboard stav entity",
+        "all-entities": "Všechny entity",
+        "any-relation": "všechny"
+    },
+    "asset": {
+        "asset": "Aktivum",
+        "assets": "Aktiva",
+        "management": "Správa aktiv",
+        "view-assets": "Zobrazit aktiva",
+        "add": "Přidat aktivum",
+        "assign-to-customer": "Přiřadit zákazníkovi",
+        "assign-asset-to-customer": "Přiřadit aktiva zákazníkovi",
+        "assign-asset-to-customer-text": "Prosím vyberte aktiva, která mají být přiřazena zákazníkovi",
+        "no-assets-text": "Žádná aktiva nenalezena",
+        "assign-to-customer-text": "Prosím vyberte zákazníka, kterému mají být aktiva přiřazena",
+        "public": "Veřejné",
+        "assignedToCustomer": "Přiřazeno zákazníkovi",
+        "make-public": "Zveřejnit aktivum",
+        "make-private": "Učinit aktivum neveřejným",
+        "unassign-from-customer": "Odebrat aktivum zákazníkovi",
+        "delete": "Smazat aktivum",
+        "asset-public": "Aktivum je veřejné",
+        "asset-type": "Typ aktiva",
+        "asset-type-required": "Typ aktiva je povinný.",
+        "select-asset-type": "Vyberte typ aktiva",
+        "enter-asset-type": "Zadejte typ aktiva",
+        "any-asset": "Všechna aktiva",
+        "no-asset-types-matching": "Žádné typy aktiv odpovídající '{{entitySubtype}}' nebyly nalezeny.",
+        "asset-type-list-empty": "Žádné typy aktiv nebyly vybrány.",
+        "asset-types": "Typy aktiv",
+        "name": "Název",
+        "name-required": "Název je povinný.",
+        "description": "Popis",
+        "type": "Typ",
+        "type-required": "Typ je povinný.",
+        "details": "Detail",
+        "events": "Události",
+        "add-asset-text": "Přidat nové aktivum",
+        "asset-details": "Detail aktiva",
+        "assign-assets": "Přiřadit aktiva",
+        "assign-assets-text": "Přiřadit { count, plural, 1 {1 aktivum} other {# aktiva} } zákazníkovi",
+        "delete-assets": "Smazat aktiva",
+        "unassign-assets": "Odebrat aktiva",
+        "unassign-assets-action-title": "Odebrat { count, plural, 1 {1 aktivum} other {# aktiva} } zákazníkovi",
+        "assign-new-asset": "Přiřadit nové aktivum",
+        "delete-asset-title": "Jste si jisti, že chcete smazat aktivum '{{assetName}}'?",
+        "delete-asset-text": "Buďte opatrní, protože po potvrzení nebude možné aktivum ani žádná související data obnovit.",
+        "delete-assets-title": "Jste si jisti, že chcete smazat { count, plural, 1 {1 aktivum} other {# aktiva} }?",
+        "delete-assets-action-title": "Smazat { count, plural, 1 {1 aktivum} other {# aktiva} }",
+        "delete-assets-text": "Buďte opatrní, protože po potvrzení budou všechna vybraná aktiva odstraněna a žádná související data nebude možné obnovit.",
+        "make-public-asset-title": "Jste si jisti, že chcete aktivum '{{assetName}}' zveřejnit?",
+        "make-public-asset-text": "Po potvrzení se aktivum a všechna související data stanou veřejnými a dostupnými pro ostatní.",
+        "make-private-asset-title": "Jste si jisti, že chcete aktivum '{{assetName}}' učinit neveřejným?",
+        "make-private-asset-text": "Po potvrzení se aktivum a všechna související data stanou neveřejnými a nedostupnými pro ostatní.",
+        "unassign-asset-title": "Jste si jisti, že chcete odebrat aktivum '{{assetName}}'?",
+        "unassign-asset-text": "Po potvrzení bude aktivum odebráno a nebude pro zákazníka dostupné.",
+        "unassign-asset": "Odebrat aktivum",
+        "unassign-assets-title": "Jste si jisti, že chcete odebrat { count, plural, 1 {1 aktivum} other {# aktiva} }?",
+        "unassign-assets-text": "Po potvrzení budou všechna vybraná aktiva odebrána a nebudou pro zákazníka dostupná.",
+        "copyId": "Kopírovat Id aktiva",
+        "idCopiedMessage": "Id aktiva bylo zkopírováno do schránky",
+        "select-asset": "Vybrat aktivum",
+        "no-assets-matching": "Žádná aktiva odpovídající '{{entity}}' nebyla nalezena.",
+        "asset-required": "Aktivum je povinné",
+        "name-starts-with": "Název aktiva začíná",
+        "label": "Název"
+    },
+    "attribute": {
+        "attributes": "Atributy",
+        "latest-telemetry": "Poslední telemetrie",
+        "attributes-scope": "Rozsah atributů entity",
+        "scope-latest-telemetry": "Poslední telemetrie",
+        "scope-client": "Atributy klienta",
+        "scope-server": "Atributy serveru",
+        "scope-shared": "Sdílené atributy",
+        "add": "Přidat atribut",
+        "key": "Klíč",
+        "last-update-time": "Čas poslední aktualizace",
+        "key-required": "atribut klíč je povinný.",
+        "value": "Hodnota",
+        "value-required": "Atribut hodnota je povinný.",
+        "delete-attributes-title": "Jste si jisti, že chcete smazat { count, plural, 1 {1 atribut} other {# atributů} }?",
+        "delete-attributes-text": "Buďte opatrní, protože po potvrzení budou všechny vybrané atributy odstraněny.",
+        "delete-attributes": "Smazat atributy",
+        "enter-attribute-value": "Zadejte hodnotu atributu",
+        "show-on-widget": "Zobrazit ve widgetu",
+        "widget-mode": "Režim widgetu",
+        "next-widget": "Další widget",
+        "prev-widget": "Předchozí widget",
+        "add-to-dashboard": "Přidat na dashboard",
+        "add-widget-to-dashboard": "Přidat widget na dashboard",
+        "selected-attributes": "Vybráno { count, plural, 1 {1 atributů} other {# atributů} }",
+        "selected-telemetry": "Vybráno { count, plural, 1 {1 jednotek telemetrie} other {# jednotek telemetrie} }"
+    },
+    "audit-log": {
+        "audit": "Audit",
+        "audit-logs": "Záznamy auditu",
+        "timestamp": "Časová značka",
+        "entity-type": "Typ entity",
+        "entity-name": "Název entity",
+        "user": "Uživatel",
+        "type": "Typ",
+        "status": "Stav",
+        "details": "Detail",
+        "type-added": "Přidáno",
+        "type-deleted": "Smazáno",
+        "type-updated": "Aktualizováno",
+        "type-attributes-updated": "Atributy aktualizovány",
+        "type-attributes-deleted": "Atributy smazány",
+        "type-rpc-call": "RPC volání",
+        "type-credentials-updated": "Přístupové údaje aktualizovány",
+        "type-assigned-to-customer": "Přiřazeno zákazníkovi",
+        "type-unassigned-from-customer": "Odebráno zákazníkovi",
+        "type-activated": "Aktivováno",
+        "type-suspended": "Deaktivováno",
+        "type-credentials-read": "Zobrazení přístupových údajů",
+        "type-attributes-read": "Zobrazení atributů",
+        "type-relation-add-or-update": "Vztah aktualizován",
+        "type-relation-delete": "Vztah smazán",
+        "type-relations-delete": "Všechny vztahy smazány",
+        "type-alarm-ack": "Přijato",
+        "type-alarm-clear": "Odstraněno",
+        "status-success": "Úspěch",
+        "status-failure": "Chyba",
+        "audit-log-details": "Detail záznamu auditu",
+        "no-audit-logs-prompt": "Žádné záznamy nenalezeny",
+        "action-data": "Data akce",
+        "failure-details": "Detail chyby",
+        "search": "Prohledat záznamy auditu",
+        "clear-search": "Vymazat vyhledávání"
+    },
+    "confirm-on-exit": {
+        "message": "Některé změny nebyly uloženy. Jste si jisti, že chcete tuto stránku opustit?",
+        "html-message": "Některé změny nebyly uloženy.<br/>Jste si jisti, že chcete tuto stránku opustit?",
+        "title": "Neuložené změny"
+    },
+    "contact": {
+        "country": "Stát",
+        "city": "Město",
+        "state": "Region",
+        "postal-code": "PSČ",
+        "postal-code-invalid": "Formát PSČ neplatný.",
+        "address": "Adresa",
+        "address2": "Adresa 2",
+        "phone": "Telefon",
+        "email": "Email",
+        "no-address": "Žádná adresa"
+    },
+    "common": {
+        "username": "Uživatelské jméno",
+        "password": "Heslo",
+        "enter-username": "Zadejte uživatelské jméno",
+        "enter-password": "Zadejte heslo",
+        "enter-search": "Zadejte hledaný řetězec"
+    },
+    "content-type": {
+        "json": "JSON",
+        "text": "Text",
+        "binary": "Binární (Base64)"
+    },
+    "customer": {
+        "customer": "Zákazník",
+        "customers": "Zákazníci",
+        "management": "Správa zákazníků",
+        "dashboard": "Dashboard zákazníka",
+        "dashboards": "Dashboardy zákazníka",
+        "devices": "Zařízení zákazníka",
+        "entity-views": "Entitní pohledy zákazníka",
+        "assets": "Aktiva zákazníka",
+        "public-dashboards": "Veřejné dashboardy",
+        "public-devices": "Veřejná zařízení",
+        "public-assets": "Veřejná aktiva",
+        "public-entity-views": "Veřejné entitní pohledy",
+        "add": "Přidat zákazníka",
+        "delete": "Smazat zákazníka",
+        "manage-customer-users": "Spravovat uživatele zákazníka",
+        "manage-customer-devices": "Spravovat zařízení zákazníka",
+        "manage-customer-dashboards": "Spravovat dashboardy zákazníka",
+        "manage-public-devices": "Spravovat veřejná zařízení",
+        "manage-public-dashboards": "Spravovat veřejné dashboardy",
+        "manage-customer-assets": "Spravovat aktiva zákazníka",
+        "manage-public-assets": "Spravovat veřejná aktiva",
+        "add-customer-text": "Přidat nového zákazníka",
+        "no-customers-text": "Žádní zákazníci nenalezeni",
+        "customer-details": "Detail zákazníka",
+        "delete-customer-title": "Jste si jisti, že chcete smazat zákazníka '{{customerTitle}}'?",
+        "delete-customer-text": "Buďte opatrní, protože po potvrzení nebude možné zákazníka ani žádná související data obnovit.",
+        "delete-customers-title": "Jste si jisti, že chcete smazat { count, plural, 1 {1 zákazníka} other {# zákazníků} }?",
+        "delete-customers-action-title": "Smazat { count, plural, 1 {1 zákazníka} other {# zákazníků} }",
+        "delete-customers-text": "Buďte opatrní, protože po potvrzení budou všichni vybraní zákazníci odstraněni a žádná související data nebude možné obnovit.",
+        "manage-users": "Spravovat uživatele",
+        "manage-assets": "Spravovat aktiva",
+        "manage-devices": "Spravovat zařízení",
+        "manage-dashboards": "Spravovat dashboardy",
+        "title": "Název",
+        "title-required": "Název je povinný.",
+        "description": "Popis",
+        "details": "Detail",
+        "events": "Události",
+        "copyId": "Kopírovat Id zákazníka",
+        "idCopiedMessage": "Id zákazníka bylo zkopírováno do schránky",
+        "select-customer": "Vybrat zákazníka",
+        "no-customers-matching": "Žádní zákazníky odpovídající '{{entity}}' nebyli nalezeni.",
+        "customer-required": "Zákazník je povinný",
+        "select-default-customer": "Vybrat defaultního zákazníka",
+        "default-customer": "Defaultní zákazník",
+        "default-customer-required": "Aby bylo možné ladit dashboard na úrovni tenanta, je nutné zadat defaultního zákazníka."
+    },
+    "datetime": {
+        "date-from": "Datum od",
+        "time-from": "Čas od",
+        "date-to": "Datum do",
+        "time-to": "Čas do"
+    },
+    "dashboard": {
+        "dashboard": "Dashboard",
+        "dashboards": "Dashboardy",
+        "management": "Správa dashboardů",
+        "view-dashboards": "Zobrazit dashboardy",
+        "add": "Přidat dashboard",
+        "assign-dashboard-to-customer": "Přiřadit dashboard(y) zákazníkovi",
+        "assign-dashboard-to-customer-text": "Prosím vyberte dashboardy, které mají být přiřazeny zákazníkovi",
+        "assign-to-customer-text": "Prosím vyberete zákazníka, kterému má být dashboard(y) přiřazen",
+        "assign-to-customer": "Přiřadit zákazníkovi",
+        "unassign-from-customer": "Odebrat zákazníkovi",
+        "make-public": "Zveřejnit dashboard",
+        "make-private": "Učinit dashboard neveřejným",
+        "manage-assigned-customers": "Spravovat přiřazené zákazníky",
+        "assigned-customers": "Přiřazení zákazníci",
+        "assign-to-customers": "Přiřadit dashboard(y) zákazníkovi",
+        "assign-to-customers-text": "Prosím vyberte zákazníky, kterým má být dashboard(y) přiřazen(y)",
+        "unassign-from-customers": "Odebrat dashboard(y) zákazníkům",
+        "unassign-from-customers-text": "Prosím vyberte zákazníky, kterým má být dashboard(y) odebrán(y)",
+        "no-dashboards-text": "Nebyly nalezeny žádné dashboardy",
+        "no-widgets": "Nejsou nastaveny žádné widgety",
+        "add-widget": "Přidat nový widget",
+        "title": "Název",
+        "select-widget-title": "Vybrat widget",
+        "select-widget-subtitle": "Seznam dostupných typů widgetu",
+        "delete": "Smazat dashboard",
+        "title-required": "Název je povinný.",
+        "description": "Popis",
+        "details": "Detail",
+        "dashboard-details": "Detail dashboardu",
+        "add-dashboard-text": "Přidat nový dashboard",
+        "assign-dashboards": "Přiřadit dashboardy",
+        "assign-new-dashboard": "Přiřadit nový dashboard",
+        "assign-dashboards-text": "Přiřadit { count, plural, 1 {1 dashboard} other {# dashboardů} } zákazníkům",
+        "unassign-dashboards-action-text": "Odebrat { count, plural, 1 {1 dashboard} other {# dashboardů} } zákazníkům",
+        "delete-dashboards": "Smazat dashboardy",
+        "unassign-dashboards": "Odebrat dashboardy",
+        "unassign-dashboards-action-title": "Odebrat { count, plural, 1 {1 dashboard} other {# dashboardů} } zákazníkovi",
+        "delete-dashboard-title": "Jste si jisti, že chcete odstranit dashboard '{{dashboardTitle}}'?",
+        "delete-dashboard-text": "Buďte opatrní, protože po potvrzení nebude možné dashboard ani žádná soubisející data obnovit.",
+        "delete-dashboards-title": "Jste si jisti, že chcete smazat { count, plural, 1 {1 dashboard} other {# dashboardů} }?",
+        "delete-dashboards-action-title": "Smazat { count, plural, 1 {1 dashboard} other {# dashboardů} }",
+        "delete-dashboards-text": "Buďte opatrní, protože po potvrzení budou všechny vybrané dashboardy smazány a žádná související data nebude možné obnovit.",
+        "unassign-dashboard-title": "Jste si jistí, že chcete odebrat dashboard '{{dashboardTitle}}'?",
+        "unassign-dashboard-text": "Po potvrzení bude dashboard odebrán a nebude pro zákazníka dostupný.",
+        "unassign-dashboard": "Odebrat dashboard",
+        "unassign-dashboards-title": "Jste si jisti, že chcete odebrat { count, plural, 1 {1 dashboard} other {# dashboardů} }?",
+        "unassign-dashboards-text": "Po potvrzení budou všechny vybrané dashboardy odebrány a nebudou pro zákazníka dostupné.",
+        "public-dashboard-title": "Dashboard je nyní veřejný",
+        "public-dashboard-text": "Váš dashboard <b>{{dashboardTitle}}</b> je nyní veřejný a dostupný prostřednictvím následujícího veřejného <a href='{{publicLink}}' target='_blank'>odkazu</a>:",
+        "public-dashboard-notice": "<b>Poznámka:</b> Nezapomeňte zveřejnit také příslušná zařízení, aby bylo možné přistupovat k jejich datům.",
+        "make-private-dashboard-title": "Jste si jisti, že chcete dashboard '{{dashboardTitle}}' zneveřejnit?",
+        "make-private-dashboard-text": "Po potvrzení bude dashboard neveřejný a nebude pro ostatní dostupný.",
+        "make-private-dashboard": "Učinit dashboard neveřejným",
+        "socialshare-text": "'{{dashboardTitle}}' powered by ThingsBoard",
+        "socialshare-title": "'{{dashboardTitle}}' powered by ThingsBoard",
+        "select-dashboard": "Vybrat dashboard",
+        "no-dashboards-matching": "Žádné dashboardy odpovídající '{{entity}}' nebyly nalezeny.",
+        "dashboard-required": "Dashboard je povinný.",
+        "select-existing": "Vybrat existující dashboard",
+        "create-new": "Vytvořit nový dashboard",
+        "new-dashboard-title": "Název nového dashboardu",
+        "open-dashboard": "Otevřít dashboard",
+        "set-background": "Nastavit pozadí",
+        "background-color": "Barva pozadí",
+        "background-image": "Obrázek pozadí",
+        "background-size-mode": "Režim velikosti pozadí",
+        "no-image": "Žádný obrázek nebyl vybrán",
+        "drop-image": "Přetáhněte sem obrázek nebo klikněte pro výběr souboru pro nahrání.",
+        "settings": "Nastavení",
+        "columns-count": "Počet sloupců",
+        "columns-count-required": "Počet sloupců je povinný.",
+        "min-columns-count-message": "Minimální povolený počet sloupců je 10.",
+        "max-columns-count-message": "Maximální povolený počet sloupců je 1000.",
+        "widgets-margins": "Okraj mezi widgety",
+        "horizontal-margin": "Horizontální okraj",
+        "horizontal-margin-required": "Hodnota horizontálního okraje je povinná.",
+        "min-horizontal-margin-message": "Minimální povolená hodnota horizontálního okraje je 0.",
+        "max-horizontal-margin-message": "Maximální povolená hodnota horizontálního okraje je 50.",
+        "vertical-margin": "Vertikální okraj",
+        "vertical-margin-required": "Hodnota vertikálního okraje je povinná.",
+        "min-vertical-margin-message": "Minimální povolená hodnota vertikálního okraje je 0.",
+        "max-vertical-margin-message": "Maximální povolená hodnota vertikálního okraje je 50.",
+        "autofill-height": "Automaticky vyplnit na výšku rozmístění",
+        "mobile-layout": "Nastavení rozmístění pro mobilní zařízení",
+        "mobile-row-height": "Výška řádku pro mobilní zařízení, px",
+        "mobile-row-height-required": "Hodnota výšku řádku pro mobilní zařízení je povinná.",
+        "min-mobile-row-height-message": "Minimální povolená hodnota výšku řádku pro mobilní zařízení je 5 pixelů.",
+        "max-mobile-row-height-message": "Maximální povolená hodnota výšku řádku pro mobilní zařízení je 200 pixelů.",
+        "display-title": "Zobrazit název dashboardu",
+        "toolbar-always-open": "Ponechat nástrojovou lištu otevřenou",
+        "title-color": "Barva názvu",
+        "display-dashboards-selection": "Zobrazit výběr dashboardů",
+        "display-entities-selection": "Zobrazit výběr entit",
+        "display-dashboard-timewindow": "Zobrazit časové okno",
+        "display-dashboard-export": "Zobrazit export",
+        "import": "Importovat dashboard",
+        "export": "Exportovat dashboard",
+        "export-failed-error": "Dashboard nebylo možné exportovat: {{error}}",
+        "create-new-dashboard": "Vytvořit nový dashboard",
+        "dashboard-file": "Soubor dashboardu",
+        "invalid-dashboard-file-error": "Dashboard nebylo možné importovat: Neplatná datová struktura dashboardu.",
+        "dashboard-import-missing-aliases-title": "Konfigurovat aliasy používané importovaným dashboardem",
+        "create-new-widget": "Přidat nový widget",
+        "import-widget": "Importovat widget",
+        "widget-file": "Soubor widgetu",
+        "invalid-widget-file-error": "Widget nebylo možné importovat: Neplatná datová struktura widgetu.",
+        "widget-import-missing-aliases-title": "Konfigurovat aliasy používané importovaným widgetem",
+        "open-toolbar": "Otevřít nástrojovou lištu dashboardu",
+        "close-toolbar": "Zavřít nástrojovou lištu",
+        "configuration-error": "Chyba konfigurace",
+        "alias-resolution-error-title": "Chyba konfigurace aliasů dashboardu",
+        "invalid-aliases-config": "Nebylo možné nalézt žádná zařízení odpovídající některému z aliasů ve filtru.<br/>Pro vyřešení tohoto problému prosím kontaktujte vašeho administrátora.",
+        "select-devices": "Vybrat zařízení",
+        "assignedToCustomer": "Přiřazeno zákazníkovi",
+        "assignedToCustomers": "Přiřazeno zákazníkům",
+        "public": "Veřejné",
+        "public-link": "Veřejný odkaz",
+        "copy-public-link": "Kopírovat veřejný odkaz",
+        "public-link-copied-message": "Veřejný odkaz na dashboard byl zkopírován do schránky",
+        "manage-states": "Spravovat stavy dashboardu",
+        "states": "Stavy dashboardu",
+        "search-states": "Vyhledat stavy dashboardu",
+        "selected-states": "Vybráno { count, plural, 1 {1 stavů dashboardu} other {# stavů dashboardu} }",
+        "edit-state": "Editovat stav dashboardu",
+        "delete-state": "Smazat stav dashboardu",
+        "add-state": "Přidat stav dashboardu",
+        "state": "Stav dashboardu",
+        "state-name": "Název",
+        "state-name-required": "Název stavu dashboardu je povinný.",
+        "state-id": "Id stavu",
+        "state-id-required": "Id stavu dashboardu je povinné.",
+        "state-id-exists": "Stav dashboardu s identickým Id již existuje.",
+        "is-root-state": "Základní stav",
+        "delete-state-title": "Smazat stav dashboardu",
+        "delete-state-text": "Jste si jisti, že chcete odstranit stav dashboardu s názvem '{{stateName}}'?",
+        "show-details": "Zobrazit detaily",
+        "hide-details": "Skrýt detaily",
+        "select-state": "Vybrat cílový stav",
+        "state-controller": "Kontrolér stavu"
+    },
+    "datakey": {
+        "settings": "Nastavení",
+        "advanced": "Rozšířené",
+        "label": "Název",
+        "color": "Barva",
+        "units": "Speciální symbol, který bude zobrazen vedle hodnoty",
+        "decimals": "Počet číslic za desetinnou čárkou",
+        "data-generation-func": "Funkce pro generování dat",
+        "use-data-post-processing-func": "Použít funkci pro následné zpracování",
+        "configuration": "Konfigurace datového klíče",
+        "timeseries": "Časové řady",
+        "attributes": "Atributy",
+        "alarm": "Pole alarmu",
+        "timeseries-required": "Časové řady entity jsou povinné.",
+        "timeseries-or-attributes-required": "Časové řady / atributy entity jsou povinné.",
+        "maximum-timeseries-or-attributes": "Maximálně { count, plural, 1 {1 časová řada/atribut je povolena.} other {# časových řad/atributů je povoleno} }",
+        "alarm-fields-required": "Pole alarmu jsou povinná.",
+        "function-types": "Typy funkcí",
+        "function-types-required": "Typy funkcí jsou povinné.",
+        "maximum-function-types": "Maximálně { count, plural, 1 {1 typ funkce je povolen.} other {# typů funkce je povoleno} }",
+        "time-description": "Časová značka aktuální hodnoty;",
+        "value-description": "Aktuální hodnota;",
+        "prev-value-description": "Výsledek předchozího volání funkce;",
+        "time-prev-description": "Časová značka předchozí hodnoty;",
+        "prev-orig-value-description": "Původní předchozí hodnota;"
+    },
+    "datasource": {
+        "type": "Typ datového zdroje",
+        "name": "Název",
+        "add-datasource-prompt": "Přidejte prosím datový zdroj"
+    },
+    "details": {
+        "edit-mode": "Režim editace",
+        "toggle-edit-mode": "Přepnout do režimu editace"
+    },
+    "device": {
+        "device": "Zařízení",
+        "device-required": "Zařízení je povinné.",
+        "devices": "Zařízení",
+        "management": "Správa zařízení",
+        "view-devices": "Zobrazit zařízení",
+        "device-alias": "Alias zařízení",
+        "aliases": "Aliasy zařízení",
+        "no-alias-matching": "'{{alias}}' nenalezen.",
+        "no-aliases-found": "Žádné aliasy nebyly nalezeny.",
+        "no-key-matching": "'{{key}}' nenalezen.",
+        "no-keys-found": "Žádné klíče nenalezeny.",
+        "create-new-alias": "Vytvořit nový!",
+        "create-new-key": "Vytvořit nový!",
+        "duplicate-alias-error": "Byl nalezen duplicitní alias '{{alias}}'.<br>Aliasy zařízení musí být v rámci dashboardu unikátní.",
+        "configure-alias": "Konfigurovat '{{alias}}' alias",
+        "no-devices-matching": "Žádná zařízení odpovídající '{{entity}}' nebyla nalezena.",
+        "alias": "Alias",
+        "alias-required": "Alias zařízení je povinný.",
+        "remove-alias": "Odebrat alias zařízení",
+        "add-alias": "Přidat alias zařízení",
+        "name-starts-with": "Název zařízení začíná",
+        "device-list": "Seznam zařízení",
+        "use-device-name-filter": "Použít filtr",
+        "device-list-empty": "Nebyla vybrána žádná zařízení.",
+        "device-name-filter-required": "Název filtru zařízení je povinný.",
+        "device-name-filter-no-device-matched": "Žádná zařízení začínající '{{device}}' nebyla nalezena.",
+        "add": "Přidat zařízení",
+        "assign-to-customer": "Přiřadit zákazníkovi",
+        "assign-device-to-customer": "Přiřadit zařízení zákazníkovi",
+        "assign-device-to-customer-text": "Vyberte prosím zařízení, která mají být přiřazena zákazníkovi",
+        "make-public": "Zveřejnit zařízení",
+        "make-private": "Učinit zařízení neveřejným",
+        "no-devices-text": "Žádná zařízení nebyla nalezena",
+        "assign-to-customer-text": "Vyberte prosím zákazníka, který má být přiřazen zařízení(m)",
+        "device-details": "Detail zařízení",
+        "add-device-text": "Přidat nové zařízení",
+        "credentials": "Přístupové údaje",
+        "manage-credentials": "Spravovat přístupové údaje",
+        "delete": "Smazat zařízení",
+        "assign-devices": "Přiřadit zařízení",
+        "assign-devices-text": "Přiřadit { count, plural, 1 {1 zařízení} other {# zařízení} } zákazníkovi",
+        "delete-devices": "Smazat zařízení",
+        "unassign-from-customer": "Odebrat zákazníkovi",
+        "unassign-devices": "Odebrat zařízení",
+        "unassign-devices-action-title": "Odebrat { count, plural, 1 {1 zařízení} other {# zařízení} } zákazníkovi",
+        "assign-new-device": "Přiřadit nové zařízení",
+        "make-public-device-title": "Jste si jisti, že chcete zařízení '{{deviceName}}' zveřejnit?",
+        "make-public-device-text": "Po potvrzení bude zařízení a všechna jeho data veřejná a dostupná pro ostatní.",
+        "make-private-device-title": "Jste si jisti, že chcete zařízení '{{deviceName}}' učinit neveřejným?",
+        "make-private-device-text": "Po potvrzení budou zařízení a všechna jeho data neveřejné a nedostupné pro ostatní.",
+        "view-credentials": "Zobrazit přístupové údaje",
+        "delete-device-title": "Jste si jisti, že chcete smazat zařízení '{{deviceName}}'?",
+        "delete-device-text": "Buďte opatrní, protože po potvrzení nebude možné zařízení ani žádná související data obnovit.",
+        "delete-devices-title": "Jste si jisti, že chcete smazat { count, plural, 1 {1 zařízení} other {# zařízení} }?",
+        "delete-devices-action-title": "Smazat { count, plural, 1 {1 zařízení} other {# zařízení} }",
+        "delete-devices-text": "Buďte opatrní, protože po potvrzení budou vybraná zařízení odstraněna a žádná související data nebude možné obnovit.",
+        "unassign-device-title": "Jste si jisti, že chcete odebrat zařízení '{{deviceName}}'?",
+        "unassign-device-text": "Po potvrzení bude zařízení odebráno a nebude pro zákazníka dostupné.",
+        "unassign-device": "Odebrat zařízení",
+        "unassign-devices-title": "Jste si jisti, že chcete odebrat { count, plural, 1 {1 zařízení} other {# zařízení} }?",
+        "unassign-devices-text": "Po potvrzení budou všechna vybraná zařízení odebrána a nebudou pro zákazníka dostupná.",
+        "device-credentials": "Přístupové údaje zařízení",
+        "credentials-type": "Typ přístupových údajů",
+        "access-token": "Přístupový token",
+        "access-token-required": "Přístupový token je povinný.",
+        "access-token-invalid": "Délka přístupového tokenu musí být od 1 do 20 znaků.",
+        "rsa-key": "RSA veřejný klíč",
+        "rsa-key-required": "RSA veřejný klíč je povinný.",
+        "secret": "Heslo",
+        "secret-required": "Heslo je povinné.",
+        "device-type": "Typ zařízení",
+        "device-type-required": "Typ zařízení je povinný.",
+        "select-device-type": "Vybrat typ zařízení",
+        "enter-device-type": "Zadejte typ zařízení",
+        "any-device": "Všechna zařízení",
+        "no-device-types-matching": "Žádné typy zařízení odpovídající '{{entitySubtype}}' nebyly nalezeny.",
+        "device-type-list-empty": "Nebyl vybrán typ zařízení.",
+        "device-types": "Typy zařízení",
+        "name": "Název",
+        "name-required": "Název je povinný.",
+        "description": "Popis",
+        "events": "Události",
+        "details": "Detail",
+        "copyId": "Kopírovat Id zařízení",
+        "copyAccessToken": "Kopírovat přístupový token",
+        "idCopiedMessage": "Id zařízení bylo zkopírováno do schránky",
+        "accessTokenCopiedMessage": "Přístupový token zařízení byl zkopírován do schránky",
+        "assignedToCustomer": "Přiřazeno zákazníkovi",
+        "unable-delete-device-alias-title": "Nebylo možné smazat alias zařízení",
+        "unable-delete-device-alias-text": "Alias zařízení '{{deviceAlias}}' nelze smazat, protože je používán následujícími widgety:<br/>{{widgetsList}}",
+        "is-gateway": "Je bránou",
+        "public": "Veřejné",
+        "device-public": "Zařízení je veřejné",
+        "select-device": "vybrat zařízení"
+    },
+    "dialog": {
+        "close": "Zavřít dialog"
+    },
+    "direction": {
+        "column": "Sloupec",
+        "row": "Řádek"
+    },
+    "error": {
+        "unable-to-connect": "Nebylo možné se připojit k serveru! Zkontrolujte internetové připojení.",
+        "unhandled-error-code": "Neošetřený chybový kód: {{errorCode}}",
+        "unknown-error": "Neznámá chyba"
+    },
+    "entity": {
+        "entity": "Entita",
+        "entities": "Entity",
+        "aliases": "Entitní aliasy",
+        "entity-alias": "Alias entity",
+        "unable-delete-entity-alias-title": "Alias entity nebylo možné smazat",
+        "unable-delete-entity-alias-text": "Alias entity '{{entityAlias}}' nelze smazat, protože je používán následujícími widgety:<br/>{{widgetsList}}",
+        "duplicate-alias-error": "Nalezen dupliticní alias '{{alias}}'.<br>Aliasy entit musí být v rámci dashboardu unikátní.",
+        "missing-entity-filter-error": "Ve filtru chybí alias '{{alias}}'.",
+        "configure-alias": "Konfigurovat '{{alias}}' alias",
+        "alias": "Alias",
+        "alias-required": "Alias entity je povinný",
+        "remove-alias": "Odebrat alias entity",
+        "add-alias": "Přidat alias entity",
+        "entity-list": "Seznam entit",
+        "entity-type": "Typ entity",
+        "entity-types": "Typy entit",
+        "entity-type-list": "Seznam typů entit",
+        "any-entity": "Všechny entity",
+        "enter-entity-type": "Zadat typ entity",
+        "no-entities-matching": "Žádné entity odpovídající '{{entity}}' nebyly nalezeny.",
+        "no-entity-types-matching": "Žádné entity odpovídající '{{entityType}}' nebyly nalezeny.",
+        "name-starts-with": "Název začíná",
+        "use-entity-name-filter": "Použít filtr",
+        "entity-list-empty": "Žádné entity nebyly nalezeny.",
+        "entity-type-list-empty": "Nebyl vybrán žádný typ entity.",
+        "entity-name-filter-required": "Filtr názvu entity je povinný.",
+        "entity-name-filter-no-entity-matched": "Žádné entity začínající '{{entity}}' nebyly nalezeny.",
+        "all-subtypes": "Vše",
+        "select-entities": "Vybrat entity",
+        "no-aliases-found": "Žádné aliasy nebyly nalezeny.",
+        "no-alias-matching": "'{{alias}}' nebyl nalezen.",
+        "create-new-alias": "Vytvořit nový!",
+        "key": "Klíč",
+        "key-name": "Název klíče",
+        "no-keys-found": "Nebyly nalezeny žádné klíče.",
+        "no-key-matching": "'{{key}}' nebyl nalezen.",
+        "create-new-key": "Vytvořit nový!",
+        "type": "Typ",
+        "type-required": "Typ entity je povinný.",
+        "type-device": "Zařízení",
+        "type-devices": "Zařízení",
+        "list-of-devices": "{ count, plural, 1 {Jedno zařízení} other {Seznam # zařízení} }",
+        "device-name-starts-with": "Zařízení, jejichž název začíná '{{prefix}}'",
+        "type-asset": "Aktivum",
+        "type-assets": "Aktiva",
+        "list-of-assets": "{ count, plural, 1 {Jedno aktivum} other {Seznam # aktiv} }",
+        "asset-name-starts-with": "Aktiva, jejichž název začíná '{{prefix}}'",
+        "type-entity-view": "Entitní pohled",
+        "type-entity-views": "Entitní pohledy",
+        "list-of-entity-views": "{ count, plural, 1 {Jeden entitní pohled} other {Seznam # entitních pohledů} }",
+        "entity-view-name-starts-with": "Entitní pohledy, jejichž název začíná '{{prefix}}'",
+        "type-rule": "Pravidlo",
+        "type-rules": "Pravidla",
+        "list-of-rules": "{ count, plural, 1 {Jedno pravidlo} other {Seznam # pravidel} }",
+        "rule-name-starts-with": "Pravidla, jejichž název začíná '{{prefix}}'",
+        "type-plugin": "Zásuvný modul",
+        "type-plugins": "Zásuvné moduly",
+        "list-of-plugins": "{ count, plural, 1 {Jeden zásuvný modul} other {Seznam # zásuvných modulů} }",
+        "plugin-name-starts-with": "Závusné moduly, jejichž název začíná '{{prefix}}'",
+        "type-tenant": "Tenant",
+        "type-tenants": "Tenanti",
+        "list-of-tenants": "{ count, plural, 1 {Jeden tenant} other {Seznam # tenantů} }",
+        "tenant-name-starts-with": "Tenanti, jejichž název začíná '{{prefix}}'",
+        "type-customer": "Zákazník",
+        "type-customers": "Zákazníci",
+        "list-of-customers": "{ count, plural, 1 {Jeden zákazník} other {Seznam # zákazníků} }",
+        "customer-name-starts-with": "Zákazníci, jejichž název začíná '{{prefix}}'",
+        "type-user": "Uživatel",
+        "type-users": "Uživatelé",
+        "list-of-users": "{ count, plural, 1 {Jeden uživatel} other {Seznam # uživatelů} }",
+        "user-name-starts-with": "Uživatelé, jejichž název začíná '{{prefix}}'",
+        "type-dashboard": "Dashboard",
+        "type-dashboards": "Dashboardy",
+        "list-of-dashboards": "{ count, plural, 1 {Jeden dashboard} other {Seznam # dashboardů} }",
+        "dashboard-name-starts-with": "Dashboardy, jejichž název začíná '{{prefix}}'",
+        "type-alarm": "Alarm",
+        "type-alarms": "Alarmy",
+        "list-of-alarms": "{ count, plural, 1 {Jeden alarm} other {Seznam # alarmů} }",
+        "alarm-name-starts-with": "Alarmy, jejichž název začíná '{{prefix}}'",
+        "type-rulechain": "Řetěz pravidel",
+        "type-rulechains": "Řetězy pravidel",
+        "list-of-rulechains": "{ count, plural, 1 {Jeden řetěz pravidel} other {Seznam # řetězů pravidel} }",
+        "rulechain-name-starts-with": "Řetězy pravidel, jejichž název začíná '{{prefix}}'",
+        "type-rulenode": "Uzel pravidla",
+        "type-rulenodes": "Uzly pravidel",
+        "list-of-rulenodes": "{ count, plural, 1 {Jeden uzel pravidla} other {Seznam # uzlů pravidel} }",
+        "rulenode-name-starts-with": "Uzly pravidel, jejichž název začíná '{{prefix}}'",
+        "type-current-customer": "Stávající zákazník",
+        "search": "Vyhledat entity",
+        "selected-entities": "{ count, plural, 1 {1 entita} other {# entit} } zvoleno",
+        "entity-name": "Název entity",
+        "details": "Detail entity",
+        "no-entities-prompt": "Nebyly nalezeny žádné entity",
+        "no-data": "Nelze zobrazit žádná data",
+        "columns-to-display": "Zobrazit sloupce"
+    },
+    "entity-view": {
+        "entity-view": "Entitní pohled",
+        "entity-view-required": "Entitní pohled je povinný.",
+        "entity-views": "Entitní pohledy",
+        "management": "Správa entitních pohledů",
+        "view-entity-views": "Zobrazit entitní pohledy",
+        "entity-view-alias": "Alias entitního pohledu",
+        "aliases": "Aliasy entitního pohledu",
+        "no-alias-matching": "'{{alias}}' nenalezen.",
+        "no-aliases-found": "Žádné aliasy nebyly nalezeny.",
+        "no-key-matching": "'{{key}}' nenalezen.",
+        "no-keys-found": "Nebyly nalezeny žádné klíče.",
+        "create-new-alias": "Vytvořit nový!",
+        "create-new-key": "Vytvořit nový!",
+        "duplicate-alias-error": "Byl nalezen duplicitní alias '{{alias}}'.<br>Aliasy entitních pohledů musí být v rámci dashboardu unikátní.",
+        "configure-alias": "Konfigurovat '{{alias}}' alias",
+        "no-entity-views-matching": "Žádné entitní pohledy odpovídající '{{entity}}' nebyly nalezeny.",
+        "alias": "Alias",
+        "alias-required": "Alias entitního pohledu je povinný.",
+        "remove-alias": "Odebrat alias entitního pohledu",
+        "add-alias": "Přidat alias entitního pohledu",
+        "name-starts-with": "Název entitního pohledu začíná",
+        "entity-view-list": "Seznam entitních pohledů",
+        "use-entity-view-name-filter": "Použít filtr",
+        "entity-view-list-empty": "Nebyly vybrány žádné entitní pohledy.",
+        "entity-view-name-filter-required": "Filtr názvu entitního pohledu je povinný.",
+        "entity-view-name-filter-no-entity-view-matched": "Žádné entitní pohledy začínající '{{entityView}}' nebyly nalezeny.",
+        "add": "Přidat entitní pohled",
+        "assign-to-customer": "Přiřadit zákazníkovi",
+        "assign-entity-view-to-customer": "Přiřadit entitní pohled(y) zákazníkovi",
+        "assign-entity-view-to-customer-text": "Vyberte prosím entitní pohledy, které mají být přiřazeny zákazníkovi",
+        "no-entity-views-text": "Žádné entitní pohledy nebyly nalezeny",
+        "assign-to-customer-text": "Vyberte prosím zákazníka, kterému má být entitní pohled(y) přiřazen(y)",
+        "entity-view-details": "Detail entitního pohledu",
+        "add-entity-view-text": "Přidat nový entitní pohled",
+        "delete": "Smazat entitní pohled",
+        "assign-entity-views": "Přiřadit entitní pohledy",
+        "assign-entity-views-text": "Přiřadit { count, plural, 1 {1 entitní pohled} other {# entitních pohledů} } zákazníkovi",
+        "delete-entity-views": "Smazat entitní pohledy",
+        "unassign-from-customer": "Odebrat zákazníkovi",
+        "unassign-entity-views": "Odebrat entitní pohledy",
+        "unassign-entity-views-action-title": "Odebrat { count, plural, 1 {1 entitní pohled} other {# entitních pohledů} } zákazníkovi",
+        "assign-new-entity-view": "Přiřadit nový entitní pohled",
+        "delete-entity-view-title": "Jste si jisti, že chcete smazat entitní pohled '{{entityViewName}}'?",
+        "delete-entity-view-text": "Buďte opatrní, protože po potvrzení nebude možné entitní pohled ani žádná související data obnovit.",
+        "delete-entity-views-title": "Jste si jisti, že chcete odstranit entitní pohled { count, plural, 1 {1 entitní pohled} other {# entitních pohledů} }?",
+        "delete-entity-views-action-title": "Smazat { count, plural, 1 {1 entitní pohled} other {# entitních pohledů} }",
+        "delete-entity-views-text": "Buďte opatrní, protože po potvrzení budou všechny vybrané entitní pohledy smazány a žádná související data nebude možné obnovit.",
+        "unassign-entity-view-title": "Jste si jisti, že chcete odebrat entitní pohled '{{entityViewName}}'?",
+        "unassign-entity-view-text": "Po potvrzení bude entitní pohled odebrán a nebude pro zákazníka dostupný.",
+        "unassign-entity-view": "Odebrat entitní pohled",
+        "unassign-entity-views-title": "Jste si jisti, že chcete odebrat { count, plural, 1 {1 entitní pohled} other {# entitních pohledů} }?",
+        "unassign-entity-views-text": "Po potvrzení budou všechny vybrané entitní pohledy odebrány a nebudou pro zákazníka dostupné.",
+        "entity-view-type": "Typ entitního pohledu",
+        "entity-view-type-required": "Typ entitního pohledu je povinný.",
+        "select-entity-view-type": "Vybrat typ entitního pohledu",
+        "enter-entity-view-type": "Zadat typ entitního pohledu",
+        "any-entity-view": "Všechny entitní pohledy",
+        "no-entity-view-types-matching": "Žádné typy entitních pohledů odpovídající '{{entitySubtype}}' nebyly nalezeny.",
+        "entity-view-type-list-empty": "Žádné typy entitních pohledů nebyly nalezeny.",
+        "entity-view-types": "Typy entitních pohledů",
+        "name": "Název",
+        "name-required": "Název je povinný.",
+        "description": "Popis",
+        "events": "Události",
+        "details": "Detail",
+        "copyId": "Kopírovat Id entitního pohledu",
+        "assignedToCustomer": "Přiřazeno zákazníkovi",
+        "unable-entity-view-device-alias-title": "Alias entitního typu nebylo možné smazat",
+        "unable-entity-view-device-alias-text": "Alias zařízení '{{entityViewAlias}}' nelze smazat, protože je používán následujícími widgety:<br/>{{widgetsList}}",
+        "select-entity-view": "Vybrat entitní pohled",
+        "make-public": "Zveřejnit entitní pohled",
+        "make-private": "Učinit entitní pohled neveřejným",
+        "start-date": "Datum zahájení",
+        "start-ts": "Čas zahájení",
+        "end-date": "Datum ukončení",
+        "end-ts": "Čas ukončení",
+        "date-limits": "Omezení data",
+        "client-attributes": "Klientské atributy",
+        "shared-attributes": "Sdílené atributy",
+        "server-attributes": "Serverové atributy",
+        "timeseries": "Časové řady",
+        "client-attributes-placeholder": "Klientské atributy",
+        "shared-attributes-placeholder": "Sdílené atributy",
+        "server-attributes-placeholder": "Serverové atributy",
+        "timeseries-placeholder": "Časové řady",
+        "target-entity": "Cílová entita",
+        "attributes-propagation": "Propagace atributů",
+        "attributes-propagation-hint": "Entitní pohled bude automaticky kopírovat specifikované atributy z cílové entity vždy, když uložíte nebo aktualizujete tento entitní pohled. Z výkonnostních důvodů nejsou atributy cílové entity propagovány při každé změně atributu. Automatickou propagaci můžete povolit konfigurací \"copy to view\" uzlu pravidla v rámci vašeho řetězu pravidel a provázáním \"Post attributes\" a \"Attributes Updated\" zpráv na nový uzel pravidla.",
+        "timeseries-data": "Data časových řad",
+        "timeseries-data-hint": "Nakonfigurujte klíče dat časových řad cílové entity, která budou dostupná pro entitní pohled. Tato data časových řad jsou pouze pro čtení.",
+        "make-public-entity-view-title": "Jste si jisti, že chcete entitní pohled '{{entityViewName}}' zveřejnit?",
+        "make-public-entity-view-text": "Po potvrzení bude entitní pohled a všechna jeho data veřejné a dostupné pro ostatní.",
+        "make-private-entity-view-title": "Jste si jisti, že chcete entitní pohled '{{entityViewName}}' učinit neveřejným?",
+        "make-private-entity-view-text": "Po potvrzení bude entitní pohled a všechna jeho data neveřejné a nebudou dostupné pro ostatní."
+    },
+    "event": {
+        "event-type": "Typ události",
+        "type-error": "Chyba",
+        "type-lc-event": "Událost životního cyklu",
+        "type-stats": "Statistika",
+        "type-debug-rule-node": "Ladění",
+        "type-debug-rule-chain": "Ladění",
+        "no-events-prompt": "Nebyly nalezeny žádné události",
+        "error": "Chyba",
+        "alarm": "Alarm",
+        "event-time": "Čas události",
+        "server": "Server",
+        "body": "Tělo",
+        "method": "Metoda",
+        "type": "Typ",
+        "entity": "Entita",
+        "message-id": "Id zprávy",
+        "message-type": "Typ zprávy",
+        "data-type": "Typ dat",
+        "relation-type": "Typ vztahu",
+        "metadata": "Metadata",
+        "data": "Data",
+        "event": "Událost",
+        "status": "Stav",
+        "success": "Úspěch",
+        "failed": "Neúspěch",
+        "messages-processed": "Zpracované zprávy",
+        "errors-occurred": "Vyskytly se chyby"
+    },
+    "extension": {
+        "extensions": "Rozšíření",
+        "selected-extensions": "Vybráno { count, plural, 1 {1 rozšíření} other {# rozšíření} }",
+        "type": "Typ",
+        "key": "Klíč",
+        "value": "Hodnota",
+        "id": "Id",
+        "extension-id": "Id rozšíření",
+        "extension-type": "Typ rozšíření",
+        "transformer-json": "JSON *",
+        "unique-id-required": "Id stávajícího rozšíření již existuje.",
+        "delete": "Smazat rozšíření",
+        "add": "Přidat rozšíření",
+        "edit": "Editovat rozšíření",
+        "delete-extension-title": "Jste si jisti, že chcete smazat rozšíření '{{extensionId}}'?",
+        "delete-extension-text": "Buďte opatrní, protože po potvrzení nebude možné rozšíření ani související data obnovit.",
+        "delete-extensions-title": "Jste si jisti, že chcete smazat { count, plural, 1 {1 rozšíření} other {# rozšíření} }?",
+        "delete-extensions-text": "Buďte opatrní, protože po potvrzení budou všechna vybraná rozšíření odstraněna.",
+        "converters": "Převodník",
+        "converter-id": "Id převodníku",
+        "configuration": "Konfigurace",
+        "converter-configurations": "Konfigurace převodníku",
+        "token": "Bezpečnostní token",
+        "add-converter": "Přidat převodník",
+        "add-config": "Přidat konfiguraci převodníku",
+        "device-name-expression": "Výraz názvu zařízení",
+        "device-type-expression": "Výraz typu zařízení",
+        "custom": "Vlastní",
+        "to-double": "Zdvojnásobit",
+        "transformer": "Transformátor",
+        "json-required": "JSON transformátoru je povinný.",
+        "json-parse": "Nebylo možné parsovat JSON transformátoru.",
+        "attributes": "Atributy",
+        "add-attribute": "Přidat atributy",
+        "add-map": "Přidat mapovací prvek",
+        "timeseries": "Časové řady",
+        "add-timeseries": "Přidat časové řady",
+        "field-required": "Pole je povinné",
+        "brokers": "Message brokers",
+        "add-broker": "Přidat message brokera",
+        "host": "Host",
+        "port": "Port",
+        "port-range": "Port by měl být v rozsahu mezi 1 a 65535.",
+        "ssl": "Ssl",
+        "credentials": "Přístupové údaje",
+        "username": "Uživatelské jméno",
+        "password": "Heslo",
+        "retry-interval": "Interval pro další pokus v milisekundách",
+        "anonymous": "Anonymní",
+        "basic": "Základní",
+        "pem": "PEM",
+        "ca-cert": "soubor CA certifikátu *",
+        "private-key": "Soubor privátního klíče *",
+        "cert": "Soubor certifikátu *",
+        "no-file": "Žádný soubor nebyl vybrán.",
+        "drop-file": "Přetáhněte sem soubor nebo klikněte pro výběr souboru pro nahrání.",
+        "mapping": "Mapování",
+        "topic-filter": "Filtr MQ fronty",
+        "converter-type": "Typ převodníku",
+        "converter-json": "JSON",
+        "json-name-expression": "JSON výraz názvu zařízení",
+        "topic-name-expression": "Výraz názvu MQ fronty",
+        "json-type-expression": "JSON Výraz typu zařízení",
+        "topic-type-expression": "Výraz MQ fronty typu zařízení",
+        "attribute-key-expression": "Výraz klíče atributu",
+        "attr-json-key-expression": "JSON výraz klíče atributu",
+        "attr-topic-key-expression": "Výraz MQ fronty klíče atributu",
+        "request-id-expression": "Výraz Id požadavku",
+        "request-id-json-expression": "JSON výraz Id požadavku",
+        "request-id-topic-expression": "Výraz MQ fronty ID požadavku",
+        "response-topic-expression": "Výraz fronty odpovědi",
+        "value-expression": "Výraz hodnoty",
+        "topic": " MQ fronta",
+        "timeout": "Timeout v milisekundách",
+        "converter-json-required": "JSON převodníku je povinný.",
+        "converter-json-parse": "JSON převodníku nebylo možné parsovat.",
+        "filter-expression": "Výraz filtru",
+        "connect-requests": "Požadavky na spojení",
+        "add-connect-request": "Přidat požadavek na spojení",
+        "disconnect-requests": "Požadavky na odpojení",
+        "add-disconnect-request": "Přidat požadavek na odpojení",
+        "attribute-requests": "Požadavky na atribut",
+        "add-attribute-request": "Přidat požadavek na atribut",
+        "attribute-updates": "Aktualizace atributu",
+        "add-attribute-update": "Přidat aktualizaci atributu",
+        "server-side-rpc": "RPC na straně serveru",
+        "add-server-side-rpc-request": "Přidat požadavek na RPC na straně serveru",
+        "device-name-filter": "Filtr názvu zařízení",
+        "attribute-filter": "Filtr atributu",
+        "method-filter": "Filtr metody",
+        "request-topic-expression": "Výraz požadavku na MQ frontu",
+        "response-timeout": "Timeout odpovědi v milisekundách",
+        "topic-expression": "Výraz MQ fronty",
+        "client-scope": "Scope klienta",
+        "add-device": "Přidat zařízení",
+        "opc-server": "Servery",
+        "opc-add-server": "Přidat server",
+        "opc-add-server-prompt": "Prosím přidejte server",
+        "opc-application-name": "Název aplikace",
+        "opc-application-uri": "URI aplikace",
+        "opc-scan-period-in-seconds": "Interval skenování ve vteřinách",
+        "opc-security": "Bezpečnost",
+        "opc-identity": "Identita",
+        "opc-keystore": "Úložiště klíčů",
+        "opc-type": "Typ",
+        "opc-keystore-type": "Typ",
+        "opc-keystore-location": "Umístění *",
+        "opc-keystore-password": "Heslo",
+        "opc-keystore-alias": "Alias",
+        "opc-keystore-key-password": "Heslo klíče",
+        "opc-device-node-pattern": "Vzor uzlu zařízení",
+        "opc-device-name-pattern": "Vzor názvu zařízení",
+        "modbus-server": "Servery/slaves",
+        "modbus-add-server": "Přidat server/slave",
+        "modbus-add-server-prompt": "Prosím přidejte server/slave",
+        "modbus-transport": "Transport",
+        "modbus-tcp-reconnect": "Automaticky znovu připojit",
+        "modbus-rtu-over-tcp": "RTU přes TCP",
+        "modbus-port-name": "Název sériového portu",
+        "modbus-encoding": "Šifrování",
+        "modbus-parity": "Parita",
+        "modbus-baudrate": "Baud rate",
+        "modbus-databits": "Data bits",
+        "modbus-stopbits": "Stop bits",
+        "modbus-databits-range": "Data bits by měly být v rozsahu od 7 do 8.",
+        "modbus-stopbits-range": "Stop bits by měly být v rozsahu od 1 do 2.",
+        "modbus-unit-id": "ID jednotky",
+        "modbus-unit-id-range": "ID jednotky by mělo být v rozsahu od 1 do 247.",
+        "modbus-device-name": "Název zařízení",
+        "modbus-poll-period": "Interval kontroly (ms)",
+        "modbus-attributes-poll-period": "Interval kontroly atributů (ms)",
+        "modbus-timeseries-poll-period": "Interval kontroly časových řad (ms)",
+        "modbus-poll-period-range": "Interval kontroly by měl mít kladnou hodnotu.",
+        "modbus-tag": "Štítek",
+        "modbus-function": "Funkce",
+        "modbus-register-address": "Adresa registrace",
+        "modbus-register-address-range": "Adresa registrace by měla být v rozsahu od 0 do 65535.",
+        "modbus-register-bit-index": "Bit index",
+        "modbus-register-bit-index-range": "Bit index by měl být v rozsahu od 0 do 15.",
+        "modbus-register-count": "Počet registrací",
+        "modbus-register-count-range": "Počet registrací by měl mít kladnou hodnotu.",
+        "modbus-byte-order": "Byte order",
+        "sync": {
+            "status": "Stav",
+            "sync": "Synchronizováno",
+            "not-sync": "Nesynchronizováno",
+            "last-sync-time": "Čas poslední synchronizace",
+            "not-available": "Nedostupné"
+        },
+        "export-extensions-configuration": "Exportovat konfiguraci rozšíření",
+        "import-extensions-configuration": "Importovat konfiguraci rozšíření",
+        "import-extensions": "Importovat rozšíření",
+        "import-extension": "Importovat rozšíření",
+        "export-extension": "Exportovat rozšíření",
+        "file": "Soubor rozšíření",
+        "invalid-file-error": "Neplatný soubor rozšíření"
+    },
+    "fullscreen": {
+        "expand": "Rozšířit do režimu celé obrazovky",
+        "exit": "Ukončit režim celé obrazovky",
+        "toggle": "Přepnout do režimu celé obrazovky",
+        "fullscreen": "Celá obrazovka"
+    },
+    "function": {
+        "function": "Funkce"
+    },
+    "grid": {
+        "delete-item-title": "Jste si jisti, že chcete smazat tuto položku?",
+        "delete-item-text": "Buďte opatrní, protože po potvrzení nebude možné tuto položku ani žádná související data obnovit.",
+        "delete-items-title": "Jste si jisti, že chcete smazat { count, plural, 1 {1 položku} other {# položek} }?",
+        "delete-items-action-title": "Smazat { count, plural, 1 {1 položku} other {# položek} }",
+        "delete-items-text": "Buďte opatrní, protože po potvrzení budou všechny vybrané položky odstraněny a žádná související data nebude možné obnovit.",
+        "add-item-text": "Přidat novou položku",
+        "no-items-text": "Žádné položky nebyly nalezeny",
+        "item-details": "Detail položky",
+        "delete-item": "Smazat položku",
+        "delete-items": "Smazat položky",
+        "scroll-to-top": "Nahoru"
+    },
+    "help": {
+        "goto-help-page": "Jít na stránku nápovědy"
+    },
+    "home": {
+        "home": "Domů",
+        "profile": "Profil",
+        "logout": "Odhlásit",
+        "menu": "Menu",
+        "avatar": "Avatar",
+        "open-user-menu": "Otevřít uživatelské menu"
+    },
+    "import": {
+        "no-file": "Nebyl vybrán žádný soubor",
+        "drop-file": "Přetáhněte sem JSON soubor nebo klikněte pro výběr souboru pro nahrání."
+    },
+    "item": {
+        "selected": "Vybráno"
+    },
+    "js-func": {
+        "no-return-error": "Funkce musí vrátit hodnotu!",
+        "return-type-mismatch": "Funkce musí vrátit hodnotu '{{type}}' typu!",
+        "tidy": "Tidy"
+    },
+    "key-val": {
+        "key": "Klíč",
+        "value": "Hodnota",
+        "remove-entry": "Odstranit záznam",
+        "add-entry": "Přidat záznam",
+        "no-data": "Žádné záznamy"
+    },
+    "layout": {
+        "layout": "Rozmístění",
+        "manage": "Spravovat rozmístění",
+        "settings": "Nastavení rozmístění",
+        "color": "Barva",
+        "main": "Hlavní",
+        "right": "Vpravo",
+        "select": "Vybrat cílové rozmístění"
+    },
+    "legend": {
+        "direction": "Směr legendy",
+        "position": "Pozice legendy",
+        "show-max": "Zobrazit max hodnotu",
+        "show-min": "Zobrazit min hodnotu",
+        "show-avg": "Zobrazit průměrnou hodnotu",
+        "show-total": "Zobrazit celkovou hodnotu",
+        "settings": "Nastavení legendy",
+        "min": "min",
+        "max": "max",
+        "avg": "průměr",
+        "total": "celkem"
+    },
+    "login": {
+        "login": "Přihlásit",
+        "request-password-reset": "Vyžádat reset hesla",
+        "reset-password": "Reset hesla",
+        "create-password": "Vytvořit heslo",
+        "passwords-mismatch-error": "Zadaná hesla se musí shodovat!",
+        "password-again": "Heslo znovu",
+        "sign-in": "Prosím zaregistrujte se",
+        "username": "Uživatelské jméno (email)",
+        "remember-me": "Zapamatovat si mě",
+        "forgot-password": "Zapomněli jste heslo?",
+        "password-reset": "Reset hesla",
+        "new-password": "Nové heslo",
+        "new-password-again": "Nové heslo znovu",
+        "password-link-sent-message": "Odkaz pro reset hesla byl úspěšně odeslán!",
+        "email": "Email"
+    },
+    "position": {
+        "top": "Nahoře",
+        "bottom": "Dole",
+        "left": "Vlevo",
+        "right": "Vpravo"
+    },
+    "profile": {
+        "profile": "Profil",
+        "change-password": "Změnit heslo",
+        "current-password": "Stávající heslo"
+    },
+    "relation": {
+        "relations": "Vztahy",
+        "direction": "Směr",
+        "search-direction": {
+            "FROM": "Od",
+            "TO": "K"
+        },
+        "direction-type": {
+            "FROM": "od",
+            "TO": "k"
+        },
+        "from-relations": "Odchozí vztahy",
+        "to-relations": "Příchozí vztahy",
+        "selected-relations": "Vybráno { count, plural, 1 {1 vztahů} other {# vztahů} }",
+        "type": "Typ",
+        "to-entity-type": "K typ entity",
+        "to-entity-name": "K název entity",
+        "from-entity-type": "Z typ entity",
+        "from-entity-name": "Z název entity",
+        "to-entity": "K entitě",
+        "from-entity": "Od entity",
+        "delete": "Smazat vztah",
+        "relation-type": "Typ vztahu",
+        "relation-type-required": "Typ vztahu je povinný.",
+        "any-relation-type": "Všechny typy",
+        "add": "Přidat vztah",
+        "edit": "Editovat vztah",
+        "delete-to-relation-title": "Jste si jisti, že chcete smazat vztah k entitě '{{entityName}}'?",
+        "delete-to-relation-text": "Buďte opatrní, protože po potvrzení bude vtah entity '{{entityName}}' k aktuální entitě zrušen.",
+        "delete-to-relations-title": "Jste si jisti, že chcete smazat { count, plural, 1 {1 vztah} other {# vztahů} }?",
+        "delete-to-relations-text": "Buďte opatrní, protože po potvrzení budou všechny vybrané vztahy odstraněny a vztah odpovídajících entit k aktuální entitě bude zrušen.",
+        "delete-from-relation-title": "Jste si jisti, že chcete smazat vztah z entity '{{entityName}}'?",
+        "delete-from-relation-text": "Buďte opatrní, protože po potvrzení bude zrušen vztah aktuální entity k entitě '{{entityName}}'.",
+        "delete-from-relations-title": "Jste si jisti, že chcete smazat { count, plural, 1 {1 vztah} other {# vztahů} }?",
+        "delete-from-relations-text": "Buďte opatrní, protože po potvrzení budou všechny vybrané vztahy odstraněny a bude zrušen vztah aktuální entity k odpovídajícím entitám.",
+        "remove-relation-filter": "Odebrat filtr vztahů",
+        "add-relation-filter": "Přidat filtr vztahu",
+        "any-relation": "Všechny vztahy",
+        "relation-filters": "Filtry vztahů",
+        "additional-info": "Další info (JSON)",
+        "invalid-additional-info": "Další informace v JSON nebylo možné parsovat."
+    },
+    "rulechain": {
+        "rulechain": "Řetěz pravidel",
+        "rulechains": "Řetězy pravidel",
+        "root": "Základní",
+        "delete": "Smazat řetěz pravidel",
+        "name": "Název",
+        "name-required": "Název je povinný.",
+        "description": "Popis",
+        "add": "Přidat řetěz pravidel",
+        "set-root": "Učinit řetěz pravidel základním",
+        "set-root-rulechain-title": "Jste si jisti, že chcete učinit řetěz pravidel '{{ruleChainName}}' základním?",
+        "set-root-rulechain-text": "Po potvrzení se stane řetěz pravidel základním a bude zajišťovat zpracování všech příchozích transportních zpráv.",
+        "delete-rulechain-title": "Jste si jisti, že chcete smazat řetěz pravidel '{{ruleChainName}}'?",
+        "delete-rulechain-text": "Buďte opatrní, protože po potvrzení nebude možné řetěz pravidel ani žádná související data obnovit.",
+        "delete-rulechains-title": "Jste si jisti, že chcete smazat { count, plural, 1 {1 řetěz pravidel} other {# řetězů pravidel} }?",
+        "delete-rulechains-action-title": "Smazat { count, plural, 1 {1 řetěz pravidel} other {# řetězy pravidel} }",
+        "delete-rulechains-text": "Buďte opatrní, protože po potvrzení budou všechny vybrané řetězy pravidel odstraněny a žádná související data nebude možné obnovit.",
+        "add-rulechain-text": "Přidat nový řetěz pravidel",
+        "no-rulechains-text": "Žádné řetězy pravidel nebyly nalezeny",
+        "rulechain-details": "Detail řetězu pravidel",
+        "details": "Detail",
+        "events": "Události",
+        "system": "Systém",
+        "import": "Importovat řetěz pravidel",
+        "export": "Exportovat řetěz pravidel",
+        "export-failed-error": "Řetěz pravidel nebylo možné smazat: {{error}}",
+        "create-new-rulechain": "Vytvořit nový řetěz pravidel",
+        "rulechain-file": "Soubor řetězu pravidel",
+        "invalid-rulechain-file-error": "Řetěz pravidel nebylo možné importovat: neplatná datová struktura řetězu pravidel.",
+        "copyId": "Kopírovat Id řetězu pravidel",
+        "idCopiedMessage": "Id řetězu pravidel bylo zkopírováno do schránky",
+        "select-rulechain": "Vybrat řetěz pravidel",
+        "no-rulechains-matching": "Žádné řetězy pravidel odpovídající '{{entity}}' nebyly nalezeny.",
+        "rulechain-required": "Řetěz pravidel je povinný",
+        "management": "Správa pravidel",
+        "debug-mode": "Režim ladění"
+    },
+    "rulenode": {
+        "details": "Detail",
+        "events": "Události",
+        "search": "Vyhledat uzly",
+        "open-node-library": "Otevřít knihovnu uzlů",
+        "add": "Přidat uzel pravidla",
+        "name": "Název",
+        "name-required": "Název je povinný.",
+        "type": "Typ",
+        "description": "Popis",
+        "delete": "Smazat uzel pravidla",
+        "select-all-objects": "Vybrat všechny uzly a spojení",
+        "deselect-all-objects": "Zrušit výběr všech uzlů a spojení",
+        "delete-selected-objects": "Smazat vybrané uzly a spojení",
+        "delete-selected": "Smazat vybrané",
+        "select-all": "Vybrat vše",
+        "copy-selected": "Kopírovat vybrané",
+        "deselect-all": "Zrušit výběr všech",
+        "rulenode-details": "Detail uzlu pravidla",
+        "debug-mode": "Režim ladění",
+        "configuration": "Konfigurace",
+        "link": "Odkaz",
+        "link-details": "Detail odkazu uzlu pravidla",
+        "add-link": "Přidat odkaz",
+        "link-label": "Název odkazu",
+        "link-label-required": "Název odkazu je povinný.",
+        "custom-link-label": "Vlastní název odkazu",
+        "custom-link-label-required": "Název vlastního odkazu je povinný.",
+        "link-labels": "Názvy odkazu",
+        "link-labels-required": "Názvy odkazu jsou povinné.",
+        "no-link-labels-found": "Žádné názvy odkazů nebyly nalezeny",
+        "no-link-label-matching": "'{{label}}' nenalezen.",
+        "create-new-link-label": "Vytvořit nový!",
+        "type-filter": "Filtr",
+        "type-filter-details": "Filtruje příchozí zprávy na základě definovaných podmínek",
+        "type-enrichment": "Obohacení",
+        "type-enrichment-details": "Přidá doplňující informace do metadat zprávy",
+        "type-transformation": "Transformace",
+        "type-transformation-details": "Změní zprávu a metadata",
+        "type-action": "Akce",
+        "type-action-details": "Provede speciální akci",
+        "type-external": "Externí",
+        "type-external-details": "Interaguje s externím systémem",
+        "type-rule-chain": "Řetěz pravidel",
+        "type-rule-chain-details": "Předá příchozí zprávy specifikovanému řetězu pravidel",
+        "type-input": "Vstup",
+        "type-input-details": "Logický vstup řetězu pravidel, předává příchozí zprávy dalšímu navazujícímu uzlu pravidla",
+        "type-unknown": "Neznámý",
+        "type-unknown-details": "Nevyřešený uzel pravidla",
+        "directive-is-not-loaded": "Definovaná konfigurační direktiva '{{directiveName}}' není dostupná.",
+        "ui-resources-load-error": "Nepodařilo se nahrát konfigurační ui zdroje.",
+        "invalid-target-rulechain": "Není možné interagovat s cílovým řetězem pravidel!",
+        "test-script-function": "Testovat funkci skriptu",
+        "message": "Zpráva",
+        "message-type": "Typ zprávy",
+        "select-message-type": "Vybrat typ zprávy",
+        "message-type-required": "Typ zprávy je povinný",
+        "metadata": "Metadata",
+        "metadata-required": "Záznam metadat nemůže být prázdný.",
+        "output": "Výstup",
+        "test": "Test",
+        "help": "Nápověda",
+        "reset-debug-mode": "Resetovat režim ladění na všech uzlech"
+    },
+    "tenant": {
+        "tenant": "Tenant",
+        "tenants": "Tenanti",
+        "management": "Správa tenantů",
+        "add": "Přidat tenanta",
+        "admins": "Administrátoři",
+        "manage-tenant-admins": "Spravovat administrátory tenanta",
+        "delete": "Smazat tenanta",
+        "add-tenant-text": "Přidat nového tenanta",
+        "no-tenants-text": "Žádní tenanti nebyli nalezeni",
+        "tenant-details": "Detail tenanta",
+        "delete-tenant-title": "Jste si jisti, že chcete smazat tenanta '{{tenantTitle}}'?",
+        "delete-tenant-text": "Buďte opatrní, protože po potvrzení nebude možné tenanta ani žádná související data obnovit.",
+        "delete-tenants-title": "Jste si jisti, že chcete smazat { count, plural, 1 {1 tenanta} other {# tenantů} }?",
+        "delete-tenants-action-title": "Smazat { count, plural, 1 {1 tenanta} other {# tenantů} }",
+        "delete-tenants-text": "Buďte opatrní, protože po potvrzení budou všichni vybraní tenanti odstranění a žádná související data nebude možné obnovit.",
+        "title": "Název",
+        "title-required": "Název je povinný.",
+        "description": "Popis",
+        "details": "Detail",
+        "events": "Události",
+        "copyId": "Kopírovat Id tenanta",
+        "idCopiedMessage": "Id tenanta bylo zkopírováno do schránky",
+        "select-tenant": "Vybrat tenanta",
+        "no-tenants-matching": "Žádní tenanti odpovídající '{{entity}}' nebyli nalezeni.",
+        "tenant-required": "Tenant je povinný"
+    },
+    "timeinterval": {
+        "seconds-interval": "{ seconds, plural, 1 {1 vteřina} other {# vteřin} }",
+        "minutes-interval": "{ minutes, plural, 1 {1 minuta} other {# minut} }",
+        "hours-interval": "{ hours, plural, 1 {1 hodina} other {# hodin} }",
+        "days-interval": "{ days, plural, 1 {1 den} other {# dnů} }",
+        "days": "Dny",
+        "hours": "Hodiny",
+        "minutes": "Minuty",
+        "seconds": "Vteřiny",
+        "advanced": "Rozšířené"
+    },
+    "timewindow": {
+        "days": "{ days, plural, 1 { den } other {# days } }",
+        "hours": "{ hours, plural, 0 { hodina } 1 {1 hodina } other {# hodin } }",
+        "minutes": "{ minutes, plural, 0 { minuta } 1 {1 minuta } other {# minut } }",
+        "seconds": "{ seconds, plural, 0 { vteřina } 1 {1 vteřina } other {# vteřin } }",
+        "realtime": "V reálném čase",
+        "history": "Historie",
+        "last-prefix": "poslední",
+        "period": "od {{ startTime }} do {{ endTime }}",
+        "edit": "Editovat časové okno",
+        "date-range": "Rozsah data",
+        "last": "Poslední",
+        "time-period": "Časový interval"
+    },
+    "user": {
+        "user": "Uživatel",
+        "users": "Uživatelé",
+        "customer-users": "Uživatelé zákazníka",
+        "tenant-admins": "Administrátoři tenanta",
+        "sys-admin": "Systémový administrátor",
+        "tenant-admin": "Administrátor tenanta",
+        "customer": "Zákazník",
+        "anonymous": "Anonymní",
+        "add": "Přidat uživatele",
+        "delete": "Smazat uživatele",
+        "add-user-text": "Přidat nového uživatele",
+        "no-users-text": "Žádní uživatelé nebyli nalezeni",
+        "user-details": "Detail uživatele",
+        "delete-user-title": "Jste si jisti, že chcete smazat uživatele '{{userEmail}}'?",
+        "delete-user-text": "Buďte opatrní, protože po potvrzení nebude možné uživatele ani žádná související data obnovit.",
+        "delete-users-title": "Jste si jisti, že chcete smazat { count, plural, 1 {1 uživatele} other {# uživatele} }?",
+        "delete-users-action-title": "Smazat { count, plural, 1 {1 uživatele} other {# uživatele} }",
+        "delete-users-text": "Buďte opatrní, protože po potvrzení budou všichni vybraní uživatelé odstraněni a žádná související data nebude možné obnovit.",
+        "activation-email-sent-message": "Aktivační email byl úspěšně odeslán!",
+        "resend-activation": "Znovu poslat aktivační email",
+        "email": "Email",
+        "email-required": "Email je povinný.",
+        "invalid-email-format": "Neplatný formát emailu.",
+        "first-name": "Jméno",
+        "last-name": "Příjmení",
+        "description": "Popis",
+        "default-dashboard": "Defaultní dashboard",
+        "always-fullscreen": "Zobrazení vždy na celé obrazovce",
+        "select-user": "Vybrat uživatele",
+        "no-users-matching": "Žádní uživatelé odpovídající '{{entity}}' nebyli nalezeni.",
+        "user-required": "Uživatel je povinný",
+        "activation-method": "Metoda aktivace",
+        "display-activation-link": "Zobrazit aktivační odkaz",
+        "send-activation-mail": "Odeslat aktivační email",
+        "activation-link": "Aktivační odkaz uživatele",
+        "activation-link-text": "Pro aktivaci uživatele použijte následující <a href='{{activationLink}}' target='_blank'>aktivační odkaz</a> :",
+        "copy-activation-link": "Kopírovat aktivační odkaz",
+        "activation-link-copied-message": "Aktivační odkaz uživatele byl zkopírován do schránky",
+        "details": "Detail",
+        "login-as-tenant-admin": "Přihlásit se jako administrátor tenanta",
+        "login-as-customer-user": "Přihlásit se jako uživatel zákazníka"
+    },
+    "value": {
+        "type": "Typ hodnoty",
+        "string": "Řetězec",
+        "string-value": "Hodnota řetězce",
+        "integer": "Celé číslo",
+        "integer-value": "Hodnota celého čísla",
+        "invalid-integer-value": "Neplatná hodnota celého čísla",
+        "double": "Číslo s plovoucí řádovou s dvojitou přesností",
+        "double-value": "Hodnota čísla s plovoucí řádovou řádkou",
+        "boolean": "Pravdivostní hodnota",
+        "boolean-value": "Hodnota pravdivostní hodnoty",
+        "false": "Nepravda",
+        "true": "Pravda",
+        "long": "Vysoké celé číslo"
+    },
+    "widget": {
+        "widget-library": "Knihovna widgetů",
+        "widget-bundle": "Kategorie widgetů",
+        "select-widgets-bundle": "Vybrat kategorii widgetů",
+        "management": "Správa widgetů",
+        "editor": "Editor widgetů",
+        "widget-type-not-found": "Problém s nahráním konfigurace widgetu.<br>Pravděpodobně byl asociovaný\n    typ widgetu odstraněn.",
+        "widget-type-load-error": "Widget nebyl nahrán z důvodu následujících chyb:",
+        "remove": "Odebrat widget",
+        "edit": "Editovat widget",
+        "remove-widget-title": "Jste si jisti, že chcete odebrat widget '{{widgetTitle}}'?",
+        "remove-widget-text": "Po potvrzení nebude možné widget ani žádná související data obnovit.",
+        "timeseries": "Časové řady",
+        "search-data": "Vyhledat data",
+        "no-data-found": "Žádná data nebyla nalezena",
+        "latest-values": "Poslední hodnoty",
+        "rpc": "Ovládací widget",
+        "alarm": "Widgety alarmu",
+        "static": "Statické widgety",
+        "select-widget-type": "Vybrat typ widgetu",
+        "missing-widget-title-error": "Název widgetu musí být specifikován!",
+        "widget-saved": "Widget uložen",
+        "unable-to-save-widget-error": "Widget nebylo možné uložit! Widget obsahuje chyby!",
+        "save": "Uložit widget",
+        "saveAs": "Uložit widget jako",
+        "save-widget-type-as": "Uložit typ widgetu jako",
+        "save-widget-type-as-text": "Zadejte prosím název nového widgetu a/nebo vyberte cílovou kategorii widgetů",
+        "toggle-fullscreen": "Přepnout na celou obrazovku",
+        "run": "Spustit widget",
+        "title": "Název widgetu",
+        "title-required": "Název widgetu je povinný.",
+        "type": "Typ widgetu",
+        "resources": "Zdroje",
+        "resource-url": "JavaScript/CSS URL",
+        "remove-resource": "Odebrat zdroj",
+        "add-resource": "Přidat zdroj",
+        "html": "HTML",
+        "tidy": "Tidy",
+        "css": "CSS",
+        "settings-schema": "Schéma nastavení",
+        "datakey-settings-schema": "Schéma nastavení datového klíče",
+        "javascript": "Javascript",
+        "remove-widget-type-title": "Jste si jisti, že chcete odebrat typ widgetu '{{widgetName}}'?",
+        "remove-widget-type-text": "Po potvrzení nebude možné typ widgetu ani žádná související data obnovit.",
+        "remove-widget-type": "Odebrat typ widgetu",
+        "add-widget-type": "Přidat nový typ widgetu",
+        "widget-type-load-failed-error": "Nahrání typu widgetu selhalo!",
+        "widget-template-load-failed-error": "Nahrání šablony widgetu selhalo!",
+        "add": "Přidat widget",
+        "undo": "Vrátit změny widgetu",
+        "export": "Exportovat widget"
+    },
+    "widget-action": {
+        "header-button": "Tlačítko hlavičky widgetu",
+        "open-dashboard-state": "Přejít k novému stavu dashboardu",
+        "update-dashboard-state": "Aktualizovat stávající stav dashboardu",
+        "open-dashboard": "Přejít k jinému dashboardu",
+        "custom": "Vlastní akce",
+        "target-dashboard-state": "Cílový stav dashboardu",
+        "target-dashboard-state-required": "Cílový stav dashboardu je povinný",
+        "set-entity-from-widget": "Nastavit entitu z widgetu",
+        "target-dashboard": "Cílový dashboard",
+        "open-right-layout": "Otevřít rozmístění dashboardu vpravo (mobilní zobrazení)"
+    },
+    "widgets-bundle": {
+        "current": "Vybraná kategorie",
+        "widgets-bundles": "Kategorie widgetů",
+        "add": "Přidat kategorii widgetů",
+        "delete": "Smazat kategorii widgetů",
+        "title": "Název",
+        "title-required": "Název je povinný.",
+        "add-widgets-bundle-text": "Přidat novou kategorii widgetů",
+        "no-widgets-bundles-text": "Žádné kategorie widgetů nebyly nalezeny",
+        "empty": "Kategorie widgetů je prázdná",
+        "details": "Detail",
+        "widgets-bundle-details": "Detail kategorie widgetů",
+        "delete-widgets-bundle-title": "Jste si jisti, že chcete smazat kategorii widgetů '{{widgetsBundleTitle}}'?",
+        "delete-widgets-bundle-text": "Buďte opatrní, po potvrzení nebude možné kategorii widgetů ani žádná související data obnovit.",
+        "delete-widgets-bundles-title": "Jste si jisti, že chcete odstranit { count, plural, 1 {1 kategorii widgetů} other {# kategorií widgetů} }?",
+        "delete-widgets-bundles-action-title": "Smazat { count, plural, 1 {1 kategorii widgetů} other {# kategorií widgetů} }",
+        "delete-widgets-bundles-text": "Buďte opatrní, po potvrzení budou všechny vybrané kategorie widgetů odstraněny a žádná související data nebude možné obnovit.",
+        "no-widgets-bundles-matching": "Žádné kategorie widgetů odpovídající '{{widgetsBundle}}' nebyly nalezeny.",
+        "widgets-bundle-required": "Kategorie widgetů je povinná.",
+        "system": "Systém",
+        "import": "Importovat kategorii widgetů",
+        "export": "Exportovat kategorii widgetů",
+        "export-failed-error": "Kategorii widgetů nebylo možné exportovat: {{error}}",
+        "create-new-widgets-bundle": "Vytvořit novou kategorii widgetů",
+        "widgets-bundle-file": "Soubor kategorie widgetů",
+        "invalid-widgets-bundle-file-error": "Kategorii widgetů nebylo možné importovat: Neplatná datová struktura kategorie widgetů."
+    },
+    "widget-config": {
+        "data": "Data",
+        "settings": "Nastavení",
+        "advanced": "Rozšířené",
+        "title": "Název",
+        "general-settings": "Obecná nastavení",
+        "display-title": "Zobrazovaný název",
+        "drop-shadow": "Stín",
+        "enable-fullscreen": "Povolit zobrazení na celé obrazovce",
+        "background-color": "Barva pozadí",
+        "text-color": "Barva textu",
+        "padding": "Šířka vnitřního okraje",
+        "margin": "Okraj",
+        "widget-style": "Styl widgetu",
+        "title-style": "Název stylu",
+        "mobile-mode-settings": "Nastavení mobilního režimu",
+        "order": "Pořadí",
+        "height": "Výška",
+        "units": "Speciální symbol zobrazovaný za hodnotou",
+        "decimals": "Počet číslic za desetinnou čárkou",
+        "timewindow": "Časové okno",
+        "use-dashboard-timewindow": "Použít časové okno dashboardu",
+        "display-legend": "Zobrazit legendu",
+        "datasources": "Datové zdroje",
+        "maximum-datasources": "Maximum { count, plural, 1 {1 datový zdroj je povolen.} other {# datových zdrojů je povoleno} }",
+        "datasource-type": "Typ",
+        "datasource-parameters": "Parametry",
+        "remove-datasource": "Odebrat datový zdroj",
+        "add-datasource": "Přidat datový zdroj",
+        "target-device": "Cílové zařízení",
+        "alarm-source": "Zdroj alarmu",
+        "actions": "Akce",
+        "action": "Akce",
+        "add-action": "Přidat akci",
+        "search-actions": "Vyhledat akce",
+        "action-source": "Zdroj akce",
+        "action-source-required": "Zdroj akce je povinný.",
+        "action-name": "Název",
+        "action-name-required": "Název akce je povinný.",
+        "action-name-not-unique": "Jiná akce s identickým názvem již existuje.<br/>Název akce by měl být v rámci zdroje akce unikátní.",
+        "action-icon": "Ikona",
+        "action-type": "Typ",
+        "action-type-required": "Typ akce je povinný.",
+        "edit-action": "Editovat akci",
+        "delete-action": "Smazat akci",
+        "delete-action-title": "Smazat akci widgetu",
+        "delete-action-text": "Jste si jisti, že chcete smazat akci widgetu s názvem '{{actionName}}'?"
+    },
+    "widget-type": {
+        "import": "Importovat typ widgetu",
+        "export": "Exportovat typ widgetu",
+        "export-failed-error": "Typ widgetu nebylo možné exportovat: {{error}}",
+        "create-new-widget-type": "Vytvořit nový typ widgetu",
+        "widget-type-file": "Soubor typu widgetu",
+        "invalid-widget-type-file-error": "Typ widgetu nebylo možné importovat: Neplatná datová struktura typu widgetu."
+    },
+    "widgets": {
+        "date-range-navigator": {
+            "localizationMap": {
+                "Sun": "Ne",
+                "Mon": "Po",
+                "Tue": "Út",
+                "Wed": "St",
+                "Thu": "Čt",
+                "Fri": "Pá",
+                "Sat": "So",
+                "Jan": "Led",
+                "Feb": "Úno",
+                "Mar": "Bře",
+                "Apr": "Dub",
+                "May": "Květen",
+                "Jun": "Čvn",
+                "Jul": "Čvc",
+                "Aug": "Srp",
+                "Sep": "Zář",
+                "Oct": "Říj",
+                "Nov": "Lis",
+                "Dec": "Pro",
+                "January": "Leden",
+                "February": "Únor",
+                "March": "Březen",
+                "April": "Duben",
+                "June": "Červen",
+                "July": "Červenec",
+                "August": "Srpen",
+                "September": "Září",
+                "October": "Říjen",
+                "November": "Listopad",
+                "December": "Prosinec",
+                "Custom Date Range": "Vlastní rozsah data",
+                "Date Range Template": "Šablona rozsahu data",
+                "Today": "Dnes",
+                "Yesterday": "Včera",
+                "This Week": "Tento týden",
+                "Last Week": "Minulý týden",
+                "This Month": "Tento měsíc",
+                "Last Month": "Minulý měsíc",
+                "Year": "Rok",
+                "This Year": "Tento rok",
+                "Last Year": "Minulý rok",
+                "Date picker": "Výběr data",
+                "Hour": "Hodina",
+                "Day": "Den",
+                "Week": "Týden",
+                "2 weeks": "2 týdny",
+                "Month": "Měsíc",
+                "3 months": "3 měsíce",
+                "6 months": "6 měsíců",
+                "Custom interval": "Vlastní interval",
+                "Interval": "Interval",
+                "Step size": "Velikost kroku",
+                "Ok": "Ok"
+            }
+        }
+    },
+    "icon": {
+        "icon": "Ikona",
+        "select-icon": "Vybrat ikonu",
+        "material-icons": "Ikony Material",
+        "show-all": "Zobrazit všechny ikony"
+    },
+    "custom": {
+        "widget-action": {
+            "action-cell-button": "Tlačítko buňky akce",
+            "row-click": "Při kliknutí na řádek",
+            "polygon-click": "Při kliknutí na polygon",
+            "marker-click": "Při kliknutí na značku",
+            "tooltip-tag-action": "Akce štítku nápovědy",
+            "node-selected": "Při výběru uzlu"
+        }
+    },
+    "language": {
+        "language": "Jazyk"
+    }
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-de_DE.json b/ui-ngx/src/assets/locale/locale.constant-de_DE.json
new file mode 100644
index 0000000000..ef5c6c9344
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-de_DE.json
@@ -0,0 +1,1691 @@
+{
+  "access": {
+    "unauthorized": "Nicht autorisiert",
+    "unauthorized-access": "Unautorisierter Zugriff",
+    "unauthorized-access-text": "Sie sollten sich anmelden, um Zugriff auf diese Daten zu erhalten!",
+    "access-forbidden": "Keine Zugangsberechtigung",
+    "access-forbidden-text": "Sie haben keine Zugangsberechtigung für diesen Bereich!<br/>Versuchen Sie sich mit einem anderen Benutzer anzumelden um Zugriff auf diesen Bereich zu bekommen.",
+    "refresh-token-expired": "Sitzung ist abgelaufen",
+    "refresh-token-failed": "Sitzung kann nicht aktualisiert werden"
+  },
+  "action": {
+    "activate": "Aktivieren",
+    "suspend": "Unterbrechen",
+    "save": "Speichern",
+    "saveAs": "Speichern unter",
+    "cancel": "Abbrechen",
+    "ok": "OK",
+    "delete": "Löschen",
+    "add": "Hinzufügen",
+    "yes": "Ja",
+    "no": "Nein",
+    "update": "Aktualisieren",
+    "remove": "Löschen",
+    "search": "Suche",
+    "clear-search": "Suchanfrage löschen",
+    "assign": "Zuordnen",
+    "unassign": "Zuordnung aufheben",
+    "share": "Teilen",
+    "make-private": "Privat machen",
+    "apply": "Anwenden",
+    "apply-changes": "Änderungen übernehmen",
+    "edit-mode": "Bearbeitungsmodus",
+    "enter-edit-mode": "Zum Bearbeitungsmodus wechseln",
+    "decline-changes": "Änderungen nicht übernehmen",
+    "close": "Schließen",
+    "back": "Zurück",
+    "run": "Ausführen",
+    "sign-in": "Anmelden!",
+    "edit": "Bearbeiten",
+    "view": "Ansicht",
+    "create": "Erstellen",
+    "drag": "Ziehen",
+    "refresh": "Aktualisieren",
+    "undo": "Rückgängig machen",
+    "copy": "Kopieren",
+    "paste": "Einfügen",
+    "copy-reference": "Zeichen kopieren",
+    "paste-reference": "Zeichen einfügen",
+    "import": "Importieren",
+    "export": "Exportieren",
+    "share-via": "Teilen mit {{provider}}"
+  },
+  "aggregation": {
+    "aggregation": "Aggregation",
+    "function": "Datenaggregationsfunktion",
+    "limit": "Höchstwerte",
+    "group-interval": "Gruppierungsintervall",
+    "min": "Minimal",
+    "max": "Maximal",
+    "avg": "Durchschnitt",
+    "sum": "Summe",
+    "count": "Anzahl",
+    "none": "kein Wert"
+  },
+  "admin": {
+    "general": "Allgemein",
+    "general-settings": "Allgemeine Einstellungen",
+    "outgoing-mail": "E-Mail Versand",
+    "outgoing-mail-settings": "Konfiguration des Postausgangsservers",
+    "system-settings": "Systemeinstellungen",
+    "test-mail-sent": "Test E-Mail wurde erfolgreich versendet!",
+    "base-url": "Basis-URL",
+    "base-url-required": "Basis-URL ist erforderlich.",
+    "mail-from": "E-Mail von",
+    "mail-from-required": "E-Mail von ist erforderlich.",
+    "smtp-protocol": "SMTP Protokoll",
+    "smtp-host": "SMTP Host",
+    "smtp-host-required": "SMTP Host ist erforderlich.",
+    "smtp-port": "SMTP Port",
+    "smtp-port-required": "Sie müssen einen SMTP Port angeben.",
+    "smtp-port-invalid": "Das ist kein gültiger SMTP Port.",
+    "timeout-msec": "Wartezeit (msec)",
+    "timeout-required": "Wartezeit ist erforderlich.",
+    "timeout-invalid": "Das ist keine gültige Wartezeit.",
+    "enable-tls": "TLS aktivieren",
+    "tls-version" : "TLS-Version",
+    "send-test-mail": "Test E-Mail senden",
+    "security-settings": "Sicherheitseinstellungen",
+    "password-policy": "Kennwortrichtlinie",
+    "minimum-password-length": "Minimale Passwortlänge",
+    "minimum-password-length-required": "Minimale Passwortlänge ist erforderlich",
+    "minimum-password-length-range": "Die Mindestlänge des Passworts sollte zwischen 5 und 50 liegen",
+    "minimum-uppercase-letters": "Mindestanzahl von Großbuchstaben",
+    "minimum-uppercase-letters-range": "Die Mindestanzahl von Großbuchstaben kann nicht negativ sein",
+    "minimum-lowercase-letters": "Mindestanzahl von Kleinbuchstaben",
+    "minimum-lowercase-letters-range": "Die Mindestanzahl von Kleinbuchstaben kann nicht negativ sein",
+    "minimum-digits": "Mindestanzahl von Ziffern",
+    "minimum-digits-range": "Die Mindestanzahl von Ziffern kann nicht negativ sein",
+    "minimum-special-characters": "Mindestanzahl von Sonderzeichen",
+    "minimum-special-characters-range": "Die Mindestanzahl von Sonderzeichen kann nicht negativ sein",
+    "password-expiration-period-days": "Gültigkeitsdauer des Passworts in Tagen",
+    "password-expiration-period-days-range": "Die Gültigkeitsdauer des Passworts in Tagen kann nicht negativ sein",
+    "password-reuse-frequency-days": "Häufigkeit der Kennwortwiederverwendung in Tagen",
+    "password-reuse-frequency-days-range": "Die Häufigkeit der Kennwortwiederverwendung in Tagen kann nicht negativ sein",
+    "general-policy": "Allgemeine Politik",
+    "max-failed-login-attempts": "Maximale Anzahl fehlgeschlagener Anmeldeversuche, bevor das Konto gesperrt wird",
+    "minimum-max-failed-login-attempts-range": "Die maximale Anzahl fehlgeschlagener Anmeldeversuche kann nicht negativ sein",
+    "user-lockout-notification-email": "Wenn das Benutzerkonto gesperrt ist, senden Sie eine Benachrichtigung per E-Mail"
+  },
+  "alarm": {
+    "alarm": "Alarm",
+    "alarms": "Alarme",
+    "select-alarm": "Alarm auswählen",
+    "no-alarms-matching": "Keine passenden Alarme zu '{{entity}}' wurden gefunden.",
+    "alarm-required": "Alarm ist erforderlich",
+    "alarm-status": "Alarm Status",
+    "search-status": {
+      "ANY": "Jeder",
+      "ACTIVE": "Aktiv",
+      "CLEARED": "Gelöscht",
+      "ACK": "Bestätigt",
+      "UNACK": "Nicht bestätigt"
+    },
+    "display-status": {
+      "ACTIVE_UNACK": "Nicht bestätigt aktiv",
+      "ACTIVE_ACK": "Bestätigt aktiv",
+      "CLEARED_UNACK": "Nicht bestätigt",
+      "CLEARED_ACK": "Bestätigung gelöscht"
+    },
+    "no-alarms-prompt": "Keine Alarme gefunden",
+    "created-time": "Erstellungszeit",
+    "type": "Typ",
+    "severity": "Schwere",
+    "originator": "Urheber",
+    "originator-type": "Urheber-Typ",
+    "details": "Details",
+    "status": "Status",
+    "alarm-details": "Alarm-Details",
+    "start-time": "Startzeit",
+    "end-time": "Endzeit",
+    "ack-time": "Bestätigungszeit",
+    "clear-time": "Zeit gelöscht",
+    "severity-critical": "Kritisch",
+    "severity-major": "Groß",
+    "severity-minor": "Klein",
+    "severity-warning": "Warnung",
+    "severity-indeterminate": "Unbestimmt",
+    "acknowledge": "Bestätigen",
+    "clear": "Löschen",
+    "search": "Alarme Suchen",
+    "selected-alarms": "{ count, plural, 1 {1 Alarm} other {# Alarme} } ausgewählt",
+    "no-data": "Keine Daten zum Anzeigen",
+    "polling-interval": "Alarmabfrageintervall (sec)",
+    "polling-interval-required": "Alarmabfrageintervall ist erforderlich.",
+    "min-polling-interval-message": "Mindestens 1 sec Abrufintervall ist zulässig.",
+    "aknowledge-alarms-title": "{ count, plural, 1 {1 Alarm} other {# Alarme} } bestätigen",
+    "aknowledge-alarms-text": "Sind Sie sicher, dass Sie { count, plural, 1 {1 Alarm} other {# Alarme} } bestätigen möchten?",
+    "aknowledge-alarm-title": "Alarm bestätigen",
+    "aknowledge-alarm-text": "Möchten Sie den Alarm wirklich bestätigen?",
+    "clear-alarms-title": "{ count, plural, 1 {1 Alarm} other {# Alarme} } löschen",
+    "clear-alarms-text": "Möchten Sie wirklich { count, plural, 1 {1 Alarm} other {# Alarme} } löschen?",
+    "clear-alarm-title": "Alarm löschen",
+    "clear-alarm-text": "Möchten Sie den Alarm wirklich löschen?",
+    "alarm-status-filter": "Alarm Status Filter"
+  },
+  "alias": {
+    "add": "Alias hinzufügen",
+    "edit": "Alias bearbeiten",
+    "name": "Aliasname",
+    "name-required": "Aliasname ist erforderlich",
+    "duplicate-alias": "Ein Alias mit demselben Namen ist bereits vorhanden.",
+    "filter-type-single-entity": "Einzelne Entität",
+    "filter-type-entity-list": "Entitätsliste",
+    "filter-type-entity-name": "Entitätsname",
+    "filter-type-state-entity": "Entität aus dem Dashboard Status",
+    "filter-type-state-entity-description": "Entität aus den Dashboard Status Parametern",
+    "filter-type-asset-type": "Objekttyp",
+    "filter-type-asset-type-description": "Objekte vom Typ '{{assetType}}'",
+    "filter-type-asset-type-and-name-description": "Objekte vom Typ '{{assetType}}' und Name beginnend mit '{{prefix}}'",
+    "filter-type-device-type": "Gerätetyp",
+    "filter-type-device-type-description": "Geräte vom Typ '{{deviceType}}'",
+    "filter-type-device-type-and-name-description": "Geräte vom Typ '{{deviceType}}' und Name beginnend mit '{{prefix}}'",
+    "filter-type-entity-view-type": "Entitätsansichtstyp",
+    "filter-type-entity-view-type-description": "Entitätsansichten vom Typ '{{entityView}}'",
+    "filter-type-entity-view-type-and-name-description": "Entitätsansichten vom Typ '{{entityView}}' und Name beginnend mit '{{prefix}}'",
+    "filter-type-relations-query": "Beziehungsabfrage",
+    "filter-type-relations-query-description": "{{entities}} mit {{relationType}} Beziehung {{direction}} {{rootEntity}}",
+    "filter-type-asset-search-query": "Objektabfrage",
+    "filter-type-asset-search-query-description": "Objekte vom Typ {{assetTypes}} mit {{relationType}} Beziehung {{direction}} {{rootEntity}}",
+    "filter-type-device-search-query": "Geräteabfrage",
+    "filter-type-device-search-query-description": "Geräte vom Typ {{deviceTypes}} mit {{relationType}} Beziehung {{direction}} {{rootEntity}}",
+    "filter-type-entity-view-search-query": "Entitätsansichtsabfrage",
+    "filter-type-entity-view-search-query-description": "Entitätsansichten vom Typ {{entityViewTypes}} mit {{relationType}} Beziehung {{direction}} {{rootEntity}}",
+    "entity-filter": "Entitätsfilter",
+    "resolve-multiple": "Als mehrere Entitäten auflösen",
+    "filter-type": "Filtertyp",
+    "filter-type-required": "Filtertyp ist erforderlich.",
+    "entity-filter-no-entity-matched": "Es wurden keine Entitäten gefunden, die dem angegebenen Filter entsprechen.",
+    "no-entity-filter-specified": "Es wurde kein Entitätsfilter angegeben",
+    "root-state-entity": "Dashboard Status Entität als Wurzel verwenden",
+    "root-entity": "Wurzelentität",
+    "state-entity-parameter-name": "Parameter-Name der Statusentität",
+    "default-state-entity": "Standard Statusentität",
+    "default-entity-parameter-name": "Standardmäßig",
+    "max-relation-level": "Maximale Beziehungstiefe",
+    "unlimited-level": "Unbegrenzte Ebenen",
+    "state-entity": "Dashboard Status Entität",
+    "all-entities": "Alle Entitäten",
+    "any-relation": "Jede Beziehung"
+  },
+  "asset": {
+    "asset": "Objekt",
+    "assets": "Objekte",
+    "management": "Objektverwaltung",
+    "view-assets": "Objekte anzeigen",
+    "add": "Objekt hinzufügen",
+    "assign-to-customer": "Einem Kunden zuordnen",
+    "assign-asset-to-customer": "Objekte dem Kunden zuordnen",
+    "assign-asset-to-customer-text": "Bitte wählen Sie die Objekte aus, die dem Kunden zugeordnet werden sollen",
+    "no-assets-text": "Keine Objekte gefunden",
+    "assign-to-customer-text": "Bitte wählen Sie den Kunden aus, dem die Objekte zugeordnet werden sollen",
+    "public": "Öffentlich",
+    "assignedToCustomer": "Kunden zugeordnet",
+    "make-public": "Objekt öffentlich machen",
+    "make-private": "Objekt privat machen",
+    "unassign-from-customer": "Kundenzuordnung aufheben",
+    "delete": "Objekt löschen",
+    "asset-public": "Objekt ist öffentlich",
+    "asset-type": "Objekttyp",
+    "asset-type-required": "Objekttyp ist erforderlich.",
+    "select-asset-type": "Objekttyp auswählen",
+    "enter-asset-type": "Objekttyp bestätigen",
+    "any-asset": "Jedes Objekt",
+    "no-asset-types-matching": "Es wurden keine zu '{{entitySubtype}}' passenden Objekte gefunden.",
+    "asset-type-list-empty": "Keine Objekttypen ausgewählt.",
+    "asset-types": "Objekttypen",
+    "name": "Name",
+    "name-required": "Name ist erforderlich.",
+    "description": "Beschreibung",
+    "type": "Typ",
+    "type-required": "Typ ist erforderlich.",
+    "details": "Details",
+    "events": "Ereignisse",
+    "add-asset-text": "Neues Objekt hinzufügen",
+    "asset-details": "Objektdetails",
+    "assign-assets": "Objekte zuordnen",
+    "assign-assets-text": "Kunden { count, plural, 1 {1 Objekt} other {# Objekte} } zuordnen",
+    "delete-assets": "Objekte löschen",
+    "unassign-assets": "Objektzuordnungen aufheben",
+    "unassign-assets-action-title": "Kunden { count, plural, 1 {1 Objektzuordnung} other {# Objektzuordnungen} } aufheben",
+    "assign-new-asset": "Neues Objekt zuordnen",
+    "delete-asset-title": "Sind Sie sicher, dass Sie das Objekt '{{assetName}}' löschen möchten?",
+    "delete-asset-text": "Vorsicht, nach Bestätigung wird das Objekt und alle zugehörigen Daten nicht wiederherstellbar gelöscht.",
+    "delete-assets-title": "Sind Sie sicher, dass Sie { count, plural, 1 {1 Objekt} other {# Objekte} } löschen möchten?",
+    "delete-assets-action-title": "{ count, plural, 1 {1 Objekt} other {# Objekte} } löschen",
+    "delete-assets-text": "Vorsicht, nach Bestätigung werden die ausgewählten Objekte und alle zugehörigen Daten nicht wiederherstellbar gelöscht",
+    "make-public-asset-title": "Sind Sie sicher, dass Sie das Objekt '{{assetName}}' öffentlich machen möchten?",
+    "make-public-asset-text": "Nach Bestätigung wird das Objekt und alle zugehörigen Daten anderen zugänglich gemacht.",
+    "make-private-asset-title": "Sind Sie sicher, dass Sie das Objekt '{{assetName}}' privat machen möchten?",
+    "make-private-asset-text": "Nach Bestätigung wird das Objekt und alle zugehörigen Daten privat und ist für andere nicht mehr zugänglich.",
+    "unassign-asset-title": "Sind Sie sicher, dass Sie die Zuordnung für das Objekt '{{assetName}}' aufheben möchten?",
+    "unassign-asset-text": "Nach Bestätigung wird die Zuordnung des Objekts aufgehoben und es ist für den Kunden nicht mehr zugänglich.",
+    "unassign-asset": "Zuordnung des Objekts aufheben",
+    "unassign-assets-title": "Möchten Sie die Zuordnung von { count, plural, 1 {1 Objekt} other {# Objekte} } aufheben?",
+    "unassign-assets-text": "Nach Bestätigung wird die Zuordnung der ausgewählten Objekte aufgehoben und sie sind für den Kunden nicht mehr zugänglich.",
+    "copyId": "Objekt-ID kopieren",
+    "idCopiedMessage": "Objekt-ID wurde in die Zwischenablage kopiert",
+    "select-asset": "Objekt auswählen",
+    "no-assets-matching": "Es wurden keine zu '{{entity}}' passenden Objekte gefunden.",
+    "asset-required": "Objekt ist erforderlich",
+    "name-starts-with": "Name des Objekts beginnt mit",
+    "label": "Bezeichnung"
+  },
+  "attribute": {
+    "attributes": "Eigenschaften",
+    "latest-telemetry": "Neueste Telemetrie",
+    "attributes-scope": "Entitätseigenschaftsbereich",
+    "scope-latest-telemetry": "Neueste Telemetrie",
+    "scope-client": "Client Eigenschaften",
+    "scope-server": "Server Eigenschaften",
+    "scope-shared": "Gemeinsame Eigenschaften",
+    "add": "Eigenschaft hinzufügen",
+    "key": "Schlüssel",
+    "last-update-time": "Datum der letzten Aktualisierung",
+    "key-required": "Eigenschaftsschlüssel ist erforderlich.",
+    "value": "Wert",
+    "value-required": "Eigenschaftswert ist erforderlich.",
+    "delete-attributes-title": "Sind Sie sicher, dass Sie { count, plural, 1 {1 Eigenschaft} other {# Eigenschaften} } löschen möchten?",
+    "delete-attributes-text": "Seien Sie vorsichtig, nach der Bestätigung werden alle ausgewählten Eigenschaften entfernt.",
+    "delete-attributes": "Eigenschaften löschen",
+    "enter-attribute-value": "Geben Sie den Eigenschaftswert ein",
+    "show-on-widget": "Im Widget anzeigen",
+    "widget-mode": "Widget-Modus",
+    "next-widget": "Nächstes Widget",
+    "prev-widget": "Vorheriges Widget",
+    "add-to-dashboard": "Zum Dashboard hinzufügen",
+    "add-widget-to-dashboard": "Widget zum Dashboard hinzufügen",
+    "selected-attributes": "{ count, plural, 1 {1 Eigenschaft} other {# Eigenschaften} } ausgewählt",
+    "selected-telemetry": "{ count, plural, 1 {1 Telemetrieeinheit } other {# Telemetrieeinheiten} } ausgewählt"
+  },
+  "audit-log": {
+    "audit": "Audit",
+    "audit-logs": "Audit-Protokolle",
+    "timestamp": "Zeitstempel",
+    "entity-type": "Entitätstype",
+    "entity-name": "Entitätsname",
+    "user": "User",
+    "type": "Typ",
+    "status": "Status",
+    "details": "Details",
+    "type-added": "Hinzugefügt",
+    "type-deleted": "Gelöscht",
+    "type-updated": "Aktualisiert",
+    "type-attributes-updated": "Eigenschaften aktualisiert",
+    "type-attributes-deleted": "Eigenschaften gelöscht",
+    "type-rpc-call": "RPC Aufruf",
+    "type-credentials-updated": "Anmeldeinformationen wurden aktualisiert",
+    "type-assigned-to-customer": "Kunden Zuordnung",
+    "type-unassigned-from-customer": "Kunden Zuordnung aufgehoben",
+    "type-activated": "Aktiviert",
+    "type-suspended": "Ausgesetzt",
+    "type-credentials-read": "Anmeldeinformationen gelesen",
+    "type-attributes-read": "Eigenschaften gelesen",
+    "type-relation-add-or-update": "Beziehung aktualisiert",
+    "type-relation-delete": "Beziehung gelöscht",
+    "type-relations-delete": "Alle Beziehungen gelöscht",
+    "type-alarm-ack": "Bestätigt",
+    "type-alarm-clear": "Gelöscht",
+    "type-login": "Anmeldung",
+    "type-logout": "Ausloggen",
+    "type-lockout": "Aussperrung",
+    "status-success": "Erfolg",
+    "status-failure": "Fehler",
+    "audit-log-details": "Audit-Protokoll Details",
+    "no-audit-logs-prompt": "Keine Protokolle gefunden",
+    "action-data": "Aktionsdaten",
+    "failure-details": "Fehlerdetails",
+    "search": "Audit-Protokolle durchsuchen",
+    "clear-search": "Suche leeren"
+  },
+  "confirm-on-exit": {
+    "message": "Sie haben nicht gespeicherte Änderungen. Möchten Sie diese Seite wirklich verlassen?",
+    "html-message": "Sie haben nicht gespeicherte Änderungen.<br/>Möchten Sie diese Seite wirklich verlassen?",
+    "title": "Nicht gespeicherte Änderungen"
+  },
+  "contact": {
+    "country": "Land",
+    "city": "Stadt",
+    "state": "Bundesland",
+    "postal-code": "Postleitzahl",
+    "postal-code-invalid": "Ungültiges Format der Postleitzahl.",
+    "address": "Adresse",
+    "address2": "Adresse 2",
+    "phone": "Telefon",
+    "email": "E-Mail",
+    "no-address": "Keine Adresse"
+  },
+  "common": {
+    "username": "Benutzername",
+    "password": "Passwort",
+    "enter-username": "Benutzername eingeben",
+    "enter-password": "Passwort eingeben",
+    "enter-search": "Suche eingeben"
+  },
+  "content-type": {
+    "json": "Json",
+    "text": "Text",
+    "binary": "Binär (Base64)"
+  },
+  "customer": {
+    "customer": "Kunde",
+    "customers": "Kunden",
+    "management": "Kundenverwaltung",
+    "dashboard": "Kunden Dashboard",
+    "dashboards": "Kunden Dashboards",
+    "devices": "Kundengeräte",
+    "entity-views": "Kunden Entitätsansichten",
+    "assets": "Kundenobjekte",
+    "public-dashboards": "Öffentliche Dashboards",
+    "public-devices": "Öffentliche Geräte",
+    "public-assets": "Öffentliche Objekte",
+    "public-entity-views": "Öffentliche Entitätsansichten",
+    "add": "Kunde hinzufügen",
+    "delete": "Kunde löschen",
+    "manage-customer-users": "Kundenbenutzer verwalten",
+    "manage-customer-devices": "Kundengeräte verwalten",
+    "manage-customer-dashboards": "Kunden-Dashboards verwalten",
+    "manage-public-devices": "Öffentliche Geräte verwalten",
+    "manage-public-dashboards": "Öffentliche Dashboards verwalten",
+    "manage-customer-assets": "Kundenobjekte verwalten",
+    "manage-public-assets": "Öffentliche Objekte verwalten",
+    "add-customer-text": "Neuen Kunden hinzufügen",
+    "no-customers-text": "Keine Kunden gefunden",
+    "customer-details": "Kundendetails",
+    "delete-customer-title": "Sind Sie sicher, dass der Kunde '{{customerTitle}}' gelöscht werden soll?",
+    "delete-customer-text": "Vorsicht, nach Bestätigung wird der Kunde und alle zugehörigen Daten nicht wiederherstellbar gelöscht.",
+    "delete-customers-title": "Sind Sie sicher, dass Sie { count, plural, 1 {1 Kunde} other {# Kunden} } löschen möchten?",
+    "delete-customers-action-title": "{ count, plural, 1 {1 Kunde} other {# Kunden} } löschen",
+    "delete-customers-text": "Seien Sie vorsichtig, nach der Bestätigung werden alle ausgewählten Kunden und alle zugehörigen Daten nicht wiederherstellbar gelöscht.",
+    "manage-users": "User verwalten",
+    "manage-assets": "Objekte verwalten",
+    "manage-devices": "Geräte verwalten",
+    "manage-dashboards": "Dashboards verwalten",
+    "title": "Titel",
+    "title-required": "Titel ist erforderlich.",
+    "description": "Beschreibung",
+    "details": "Details",
+    "events": "Ereignisse",
+    "copyId": "Kunden-ID kopieren",
+    "idCopiedMessage": "Kunden-ID wurde in die Zwischenablage kopiert",
+    "select-customer": "Kunden auswählen",
+    "no-customers-matching": "Keine Kunden für '{{entity}}' gefunden.",
+    "customer-required": "Kunde ist erforderlich",
+    "select-default-customer": "Wählen Sie den Standardkunden aus.",
+    "default-customer": "Standardkunde",
+    "default-customer-required": "Ein Standardkunde ist erforderlich, um das Dashboard auf Mandantenebene zu testen."
+  },
+  "datetime": {
+    "date-from": "Datum von",
+    "time-from": "Zeit von",
+    "date-to": "Datum bis",
+    "time-to": "Zeit bis"
+  },
+  "dashboard": {
+    "dashboard": "Dashboard",
+    "dashboards": "Dashboards",
+    "management": "Dashboardverwaltung",
+    "view-dashboards": "Dashboards anzeigen",
+    "add": "Dashboard hinzufügen",
+    "assign-dashboard-to-customer": "Dashboard(s) dem Kunden zuordnen",
+    "assign-dashboard-to-customer-text": "Bitte wählen Sie die Dashboards aus, die Sie dem Kunden zuordnen möchten",
+    "assign-to-customer-text": "Bitte wählen Sie den Kunden aus, dem die Dashboards zugeordnet werden sollen",
+    "assign-to-customer": "Kunden zuordnen",
+    "unassign-from-customer": "Zuordnung zum Kunden aufheben",
+    "make-public": "Dashboard öffentlich machen",
+    "make-private": "Dashboard privat machen",
+    "manage-assigned-customers": "Zugeordnete Kunden verwalten",
+    "assigned-customers": "Zugeordnete Kunden",
+    "assign-to-customers": "Dashboard(s) zu Kunden zuweisen",
+    "assign-to-customers-text": "Bitte wählen Sie den Kunden aus, dem Sie das Dashboard(s) zuweisen möchten",
+    "unassign-from-customers": "Zuordnung von Dashboard(s) zu Kunden aufheben",
+    "unassign-from-customers-text": "Bitte wählen Sie die Kunden aus, für die die Zuordnung von Dashboard(s) aufgehoben werden soll",
+    "no-dashboards-text": "Keine Dashboard(s) gefunden",
+    "no-widgets": "Keine Widgets konfiguriert",
+    "add-widget": "Neues Widget hinzufügen",
+    "title": "Titel",
+    "select-widget-title": "Widget auswählen",
+    "select-widget-subtitle": "Liste der verfügbaren Widget-Typen",
+    "delete": "Dashboard löschen",
+    "title-required": "Titel ist erforderlich.",
+    "description": "Beschreibung",
+    "details": "Details",
+    "dashboard-details": "Dashboard-Details",
+    "add-dashboard-text": "Neues Dashboard hinzufügen",
+    "assign-dashboards": "Dashboards zuweisen",
+    "assign-new-dashboard": "Neues Dashboard zuweisen",
+    "assign-dashboards-text": "Zuordnen { count, plural, 1 {1 Dashboard} other {# Dashboards} } zu Kunden",
+    "unassign-dashboards-action-text": "Zuordnung { count, plural, 1 {1 Dashboard} other {# Dashboards} } vom Kunden aufheben",
+    "delete-dashboards": "Dashboards löschen",
+    "unassign-dashboards": "Zuordnung von Dashboards aufheben",
+    "unassign-dashboards-action-title": "Zuordnung { count, plural, 1 {1 Dashboard} other {# Dashboards} } vom Kunden aufheben",
+    "delete-dashboard-title": "Sind Sie sicher, dass Sie das Dashboard '{{dashboardTitle}}' löschen möchten?",
+    "delete-dashboard-text": "Vorsicht, nach Bestätigung werden das Dashboard und alle zugehörigen Daten nicht mehr wiederhergestellt.",
+    "delete-dashboards-title": "Sind Sie sicher, dass Sie { count, plural, 1 {1 Dashboard} other {# Dashboards} } löschen möchten?",
+    "delete-dashboards-action-title": "Löschen { count, plural, 1 {1 Dashboard} other {# Dashboards} }",
+    "delete-dashboards-text": "Vorsicht, nach Bestätigung werden alle ausgewählten Dashboards entfernt und alle zugehörigen Daten nicht mehr wiederhergestellt.",
+    "unassign-dashboard-title": "Sind Sie sicher, dass Sie die Zuordnung zum Dashboard '{{dashboardTitle}}' aufheben möchten?",
+    "unassign-dashboard-text": "Nach der Bestätigung wird die Zuordnung des Dashboards aufgehoben und es ist für den Kunden nicht mehr zugänglich.",
+    "unassign-dashboard": "Zuordnung zum Kunden aufheben",
+    "unassign-dashboards-title": "Sind Sie sicher, dass Sie die Zuordug aufheben möchten { count, plural, 1 {1 Dashboard} other {# Dashboards} }?",
+    "unassign-dashboards-text": "Nach der Bestätigung wird die Zuordnung aller ausgewählten Dashboards aufgehoben und sie sind für den Kunden nicht mehr zugänglich.",
+    "public-dashboard-title": "Dashboard wurde veröffentlicht",
+    "public-dashboard-text": "Ihr Dashboard <b>{{dashboardTitle}}</b> ist jetzt öffentlich und über nächste Öffentlichkeit zugänglich <a href='{{publicLink}}' target='_blank'>link</a>:",
+    "public-dashboard-notice": "<b>Note:</b> Vergessen Sie nicht, verwandte Geräte öffentlich zu machen, um auf Ihre Daten zugreifen zu können.",
+    "make-private-dashboard-title": "Sind Sie sicher, dass Sie das Dashboard '{{dashboardTitle}}' privatisieren möchten?",
+    "make-private-dashboard-text": "Nach der Bestätigung wird das Dashboard privatisiert und ist für andere nicht zugänglich.",
+    "make-private-dashboard": "Dashboard privatisieren",
+    "socialshare-text": "'{{dashboardTitle}}' Bereitgestellt vom ThingsBoard",
+    "socialshare-title": "'{{dashboardTitle}}' Bereitgestellt vom ThingsBoard",
+    "select-dashboard": "Dashboard auswählen",
+    "no-dashboards-matching": "Es wurden keine passenden Dashboards '{{entity}}' gefunden.",
+    "dashboard-required": "Dashboard ist erforderlich.",
+    "select-existing": "Existierendes Dashboard auswählen",
+    "create-new": "Neues Dashboard erstellen",
+    "new-dashboard-title": "Neuer Dashboard Titel",
+    "open-dashboard": "Dashboard öffnen",
+    "set-background": "Hintergrund einstellen",
+    "background-color": "Hintergrundfarbe",
+    "background-image": "Hintergrundbild",
+    "background-size-mode": "Hintergrundgrößenmodus",
+    "no-image": "Kein Bild ausgewählt",
+    "drop-image": "Legen Sie ein Bild ab oder klicken Sie, um eine hochzuladende Datei auszuwählen.",
+    "settings": "Einstellungen",
+    "columns-count": "Spalten zählen",
+    "columns-count-required": "Die Anzahl der Spalten ist erforderlich.",
+    "min-columns-count-message": "Es müssen mindestens 10 Spalten vorhanden sein.",
+    "max-columns-count-message": "Es sind maximal 100 Spalten zulässig.",
+    "widgets-margins": "Abstand zwischen den Widgets",
+    "horizontal-margin": "Horizontaler Abstand",
+    "horizontal-margin-required": "Horizontaler Abstandswert ist erforderlich.",
+    "min-horizontal-margin-message": "Der horizontale Abstandswert muss mindestens 0 betragen.",
+    "max-horizontal-margin-message": "Der horizontale Abstandswert beträgt maximal 50.",
+    "vertical-margin": "Vertikaler Abstand",
+    "vertical-margin-required": "Vertikaler Abstandswert ist erforderlich.",
+    "min-vertical-margin-message": "Der vertikale Abstandswert muss mindestens 0 betragen.",
+    "max-vertical-margin-message": "Der vertikale Abstandswert beträgt maximal 50.",
+    "autofill-height": "Layouthöhe automatisch füllen",
+    "mobile-layout": "Mobile Layouteinstellungen",
+    "mobile-row-height": "Mobile Zeilenhöhe, px",
+    "mobile-row-height-required": "Ein mobiler Zeilenhöhenwert ist erforderlich.",
+    "min-mobile-row-height-message": "Der Mindestwert für die mobile Zeilenhöhe beträgt 5 Pixel.",
+    "max-mobile-row-height-message": "Der Höchstwert für die mobile Zeilenhöhe beträgt 200 Pixel.",
+    "display-title": "Display Dashboard Titel",
+    "toolbar-always-open": "Werkzeugleiste geöffnet lassen",
+    "title-color": "Titelfarbe ",
+    "display-dashboards-selection": "Auswahl der Dashboards anzeigen",
+    "display-entities-selection": "Auswahl der Einheiten zulassen",
+    "display-dashboard-timewindow": "Zeitfenster anzeigen",
+    "display-dashboard-export": "Export anzeigen",
+    "import": "Dashboard importieren",
+    "export": "Dashboard exportieren",
+    "export-failed-error": "Dashboard kann nicht exportiert werden: {{error}}",
+    "create-new-dashboard": "Neues Dashboard erstellen",
+    "dashboard-file": "Dashboard-Datei",
+    "invalid-dashboard-file-error": "Dashboard kann nicht importiert werden: Ungültige Dashboard-Datenstruktur.",
+    "dashboard-import-missing-aliases-title": "Konfigurieren Sie die von importierten Dashboards verwendeten Aliasnamen",
+    "create-new-widget": "Neues Widget erstellen",
+    "import-widget": "Widget importieren",
+    "widget-file": "Widget-Datei",
+    "invalid-widget-file-error": "Widget kann nicht importiert werden: Ungültige Widget-Datenstruktur.",
+    "widget-import-missing-aliases-title": "Konfigurieren Sie die von importierten Widgets verwendeten Aliase",
+    "open-toolbar": "Dashboard-Werkzeugleiste öffnen",
+    "close-toolbar": "Werkzeugleiste schließen",
+    "configuration-error": "Konfigurationsfehler",
+    "alias-resolution-error-title": "Konfigurationsfehler für Dashboard-Aliasnamen",
+    "invalid-aliases-config": "Es konnten keine Geräte gefunden werden, die mit dem Aliase-Filter übereinstimmen.<br/>Bitte wenden Sie sich an Ihren Administrator, um dieses problem zu beheben.",
+    "select-devices": "Geräte auswählen",
+    "assignedToCustomer": "Dem Kunden zugewiesen",
+    "assignedToCustomers": "Kunden zugwiesen",
+    "public": "Öffentlich",
+    "public-link": "Öffentlicher Link",
+    "copy-public-link": "Öffentlichen Link kopieren",
+    "public-link-copied-message": "Der öffentliche Link des Dashboards wurde in die Zwischenablage kopiert",
+    "manage-states": "Dashboard-Status verwalten",
+    "states": "Dashboard-Status",
+    "search-states": "Dashboard-Status suchen",
+    "selected-states": "{ count, plural, 1 {1 dashboard state} other {# dashboard states} } ausgewählt",
+    "edit-state": "Dashboard-Status bearbeiten",
+    "delete-state": "Dashboard-Status löschen",
+    "add-state": "Dashboard-Status hinzufügen",
+    "state": "Dashboard-Status",
+    "state-name": "Name",
+    "state-name-required": "Name des Dashboard-Status ist erforderlich.",
+    "state-id": "Status-Id",
+    "state-id-required": "Dashboard-Status-ID ist erforderlich.",
+    "state-id-exists": "Dashboard-Status mit derselben ID ist bereits vorhanden .",
+    "is-root-state": "Grundzustand",
+    "delete-state-title": "Dashboard-Status löschen",
+    "delete-state-text": "Sind Sie sicher, dass Sie den Dashboard-Status '{{stateName}}' löschen möchten?",
+    "show-details": "Details anzeigen",
+    "hide-details": "Details ausblenden",
+    "select-state": "Soll-Zustand auswählen",
+    "state-controller": "Zustandssteuerung"
+  },
+  "datakey": {
+    "settings": "Einstellungen",
+    "advanced": "Erweitert",
+    "label": "Bezeichnung",
+    "color": "Farbe",
+    "units": "Maßeinheit die neben dem Wert angezeigt wird",
+    "decimals": "Anzahl der Stellen nach dem Komma",
+    "data-generation-func": "Daten generieren",
+    "use-data-post-processing-func": "Datenverarbeitungsfunktion verwenden",
+    "configuration": "Datenschlüsselkonfiguration",
+    "timeseries": "Zeitreihe",
+    "attributes": "Eigenschaften",
+    "alarm": "Alarmfelder",
+    "timeseries-required": "Entity-Zeitreihen sind erforderlich.",
+    "timeseries-or-attributes-required": "Entity-Zeitreihen/Eigenschaften sind erforderlich.",
+    "maximum-timeseries-or-attributes": "Maximum { count, plural, 1 {1 Zeitreihe/Eigenschaft ist erlaubt} other {# Zeitreihen/Eigenschaften sind erlaubt} }.",
+    "alarm-fields-required": "Alarmfelder sind erforderlich.",
+    "function-types": "Funktionsarten",
+    "function-types-required": "Funktionstypen sind erforderlich.",
+    "maximum-function-types": "Maximal { count, plural, 1 {1 Funktionstyp ist erlaubt} other {# Funktionstypen sind erlaubt} }.",
+    "time-description": "Zeitstempel des aktuellen Wertes;",
+    "value-description": "Der aktuelle Wert;",
+    "prev-value-description": "Ergebnis des vorherigen Funktionsaufrufs;",
+    "time-prev-description": "Zeitmarke des vorherigen Wertes;",
+    "prev-orig-value-description": "Ursprünglicher vorheriger Wert;"
+  },
+  "datasource": {
+    "type": "Datenquellentyp",
+    "name": "Name",
+    "add-datasource-prompt": "Bitte Datenquelle hinzufügen"
+  },
+  "details": {
+    "edit-mode": "Bearbeitungsmodus",
+    "toggle-edit-mode": "Bearbeitungsmodus umschalten"
+  },
+  "device": {
+    "device": "Gerät",
+    "device-required": "Gerät ist erforderlich.",
+    "devices": "Geräte",
+    "management": "Geräte verwalten",
+    "view-devices": "Geräte anzeigen",
+    "device-alias": "Geräte-Alias",
+    "aliases": "Gerätealiasnamen",
+    "no-alias-matching": "'{{alias}}' nicht gefunden.",
+    "no-aliases-found": "Keine Aliase gefunden.",
+    "no-key-matching": "'{{key}}' nicht gefunden.",
+    "no-keys-found": "Keine Schlüssel gefunden.",
+    "create-new-alias": "Neues Alias erstellen!",
+    "create-new-key": "Neuen Schlüssel erstellen!",
+    "duplicate-alias-error": "Doppelter Alias gefunden '{{alias}}'.<br>Gerätealiasnamen müssen innerhalb des Dashboards eindeutig sein.",
+    "configure-alias": "Alias '{{alias}}' konfigurieren",
+    "no-devices-matching": "Keine passenden Geräte '{{entity}}' gefunden.",
+    "alias": "Alias",
+    "alias-required": "Geräte-Alias ist erforderlich.",
+    "remove-alias": "Geräte-Alias entfernen",
+    "add-alias": "Geräte-Alias hinzufügen",
+    "name-starts-with": "Gerätename beginnt mit",
+    "device-list": "Geräteliste",
+    "use-device-name-filter": "Filter verwenden",
+    "device-list-empty": "Keine Geräte ausgewählt.",
+    "device-name-filter-required": "Der Gerätenamefilter ist erforderlich.",
+    "device-name-filter-no-device-matched": "Keine Geräte beginnend mit '{{device}}' gefunden.",
+    "add": "Gerät hinzufügen",
+    "assign-to-customer": "Kunden zuordnen",
+    "assign-device-to-customer": "Gerät(e) dem Kunden zuordnen",
+    "assign-device-to-customer-text": "Bitte wählen Sie die Geräte aus, die Sie dem Kunden zuordnen möchten",
+    "make-public": "Gerät veröffentlichen",
+    "make-private": "Gerät privatisieren",
+    "no-devices-text": "Keine Geräte gefunden",
+    "assign-to-customer-text": "Bitte wählen Sie einen Kunden aus, dem die Geräte zugeordnet werden sollen",
+    "device-details": "Gerätedetails",
+    "add-device-text": "Neues Gerät hinzufügen",
+    "credentials": "Zugangsdaten",
+    "manage-credentials": "Zugangsdaten verwalten",
+    "delete": "Gerät löschen",
+    "assign-devices": "Gerät zuordnen",
+    "assign-devices-text": "{ count, plural, 1 {1 Gerät} other {# Geräte} } dem Kunden zuordnen",
+    "delete-devices": "Geräte löschen",
+    "unassign-from-customer": "Zuordnung zum Kunden aufheben",
+    "unassign-devices": "Nicht zugeordnete Geräte",
+    "unassign-devices-action-title": "Zuordnung von { count, plural, 1 {1 Gerät} other {# Geräte} } zum Kunden aufheben",
+    "assign-new-device": "Neues Gerät zuordnen",
+    "make-public-device-title": "Sind Sie sicher, dass Sie das Gerät  '{{deviceName}}' öffentlich machen möchten?",
+    "make-public-device-text": "Nach der Bestätigung werden das Gerät und dessen Daten öffentlich und für andere zugänglich.",
+    "make-private-device-title": "Sind Sie sicher, dass Sie das Gerät  '{{deviceName}}' privat machen möchten?",
+    "make-private-device-text": "Nach der Bestätigung werden das Gerät und dessen Daten privat und sind für andere nicht mehr zugänglich.",
+    "view-credentials": "Zugangsdaten anzeigen",
+    "delete-device-title": "Möchten Sie das Gerät '{{deviceName}}' wirklich löschen?",
+    "delete-device-text": "Vorsicht, nach Bestätigung werden das Gerät und alle zugehörigen Daten nicht mehr wiederhergestellt.",
+    "delete-devices-title": "Sind Sie sicher, dass Sie löschen möchten { count, plural, 1 {1 Gerät} other {# Geräte} }?",
+    "delete-devices-action-title": "Löschen { count, plural, 1 {1 Gerät} other {# Geräte} }",
+    "delete-devices-text": "Vorsicht, nach Bestätigung werden alle ausgewählten Geräte entfernt und alle zugehörigen Daten werden nicht mehr wiederhergestellt.",
+    "unassign-device-title": "Sind Sie sicher, dass Sie die Zuordnung zum Gerät '{{deviceName}}' wirklich aufheben möchten?",
+    "unassign-device-text": "Nach der Bestätigung ist das Gerät nicht zugeordnet und für den Kunden nicht zugänglich.",
+    "unassign-device": "Nicht zugeordnete Geräte",
+    "unassign-devices-title": "Sind Sie sicher, dass Sie { count, plural, 1 {1 Gerät} other {# Geräte} } nicht mehr zuordnen möchten?",
+    "unassign-devices-text": "Nach der Bestätigung werden alle ausgewählten Geräte nicht zugewiesen und sind für den Kunden nicht zugänglich.",
+    "device-credentials": "Geräte Zugangsdaten",
+    "credentials-type": "Art der Zugangsdaten",
+    "access-token": "Zugangs-Token",
+    "access-token-required": "Zugangs-Token ist erforderlich.",
+    "access-token-invalid": "Die Länge des Zugangs-Tokens muss zwischen 1 und 20 Zeichen betragen.",
+    "rsa-key": "RSA öffentlicher Schlüssel",
+    "rsa-key-required": "RSA öffentlicher Schlüssel ist erforderlich.",
+    "secret": "Geheimnis",
+    "secret-required": "Geheimnis ist erforderlich.",
+    "device-type": "Gerätetyp",
+    "device-type-required": "Gerätetyp ist erforderlich.",
+    "select-device-type": "Gerätetyp auswählen",
+    "enter-device-type": "Gerätetyp eingeben",
+    "any-device": "Jedes Gerät",
+    "no-device-types-matching": "Keine passenden Gerätetypen '{{entitySubtype}}' gefunden.",
+    "device-type-list-empty": "Kein Gerätetyp ausgewählt.",
+    "device-types": "Gerätetypen",
+    "name": "Name",
+    "name-required": "Name ist erforderlich.",
+    "description": "Beschreibung",
+    "events": "Ereignisse",
+    "details": "Details",
+    "copyId": "Geräte-ID kopieren",
+    "copyAccessToken": "Zugangs-Token kopieren",
+    "idCopiedMessage": "Geräte-ID wurde in die Zwischenablage kopiert",
+    "accessTokenCopiedMessage": "Geräte-Zugangs-Token wurde in die Zwischenablage kopiert",
+    "assignedToCustomer": "Dem Kunden zuordnen",
+    "unable-delete-device-alias-title": "Geräte-Alias kann nicht gelöscht werden",
+    "unable-delete-device-alias-text": "Geräte-Alias '{{deviceAlias}}' kann nicht gelöscht werden, da er von den folgenden Widgets verwendet wird:<br/>{{widgetsList}}",
+    "is-gateway": "Ist ein Gateway",
+    "public": "Öffentlich",
+    "device-public": "Gerät ist öffentlich",
+    "select-device": "Gerät auswählen"
+  },
+  "dialog": {
+    "close": "Dialog schließen"
+  },
+  "error": {
+    "unable-to-connect": "Es konnte keine Verbindung zum Server hergestellt werden! Bitte überprüfen Sie Ihre Internetverbindung.",
+    "unhandled-error-code": "Unbehandelter Fehlercode: {{errorCode}}",
+    "unknown-error": "Unbekannter Fehler"
+  },
+  "entity": {
+    "entity": "Entität",
+    "entities": "Entitäten",
+    "aliases": "Entitäts-Aliasnamen",
+    "entity-alias": "Entitätsalias",
+    "unable-delete-entity-alias-title": "Alias der Entität kann nicht gelöscht werden",
+    "unable-delete-entity-alias-text": "Alias der Entität '{{entityAlias}}' kann nicht gelöscht werden, da es von den folgenden Widget(s) verwendet wird:<br/>{{widgetsList}}",
+    "duplicate-alias-error": "Doppelte Alias gefunden '{{alias}}'.<br>Die Aliase der Entität müssen innerhalb des Dashboards eindeutig sein.",
+    "missing-entity-filter-error": "Fehlender Filter für Alias '{{alias}}'.",
+    "configure-alias": "Alias '{{alias}}' konfigurieren",
+    "alias": "Alias",
+    "alias-required": "Alias der Entität ist erforderlich.",
+    "remove-alias": "Alias der Entität entfernen",
+    "add-alias": "Alias der Entität erforderlich",
+    "entity-list": "Entitätsliste",
+    "entity-type": "Entitätstyp",
+    "entity-types": "Entitätstypen",
+    "entity-type-list": "Liste der Entitätstyp",
+    "any-entity": "Jede Entität",
+    "enter-entity-type": "Entitätstyp eingeben",
+    "no-entities-matching": "Keine passenden Entitäten für '{{entity}}' gefunden.",
+    "no-entity-types-matching": "Keine passende Entitätstypen für '{{entityType}}' gefunden.",
+    "name-starts-with": "Name beginnt mit",
+    "use-entity-name-filter": "Filter verwenden",
+    "entity-list-empty": "Keine Entitäten ausgewählt.",
+    "entity-type-list-empty": "Keine Entitättypen ausgewählt.",
+    "entity-name-filter-required": "Entitätsnamenfilter ist erforderlich.",
+    "entity-name-filter-no-entity-matched": "Keine Entitäten beginnend mit '{{entity}}' gefunden.",
+    "all-subtypes": "Alle",
+    "select-entities": "Entitäten auswählen",
+    "no-aliases-found": "Keine Aliase gefunden.",
+    "no-alias-matching": "'{{alias}}' nicht gefunden.",
+    "create-new-alias": "Erstellen Sie einen neuen Alias!",
+    "key": "Schlüssel",
+    "key-name": "Name des Schlüssels",
+    "no-keys-found": "Kein Schlüssel gefunden.",
+    "no-key-matching": "'{{key}}' nicht gefunden.",
+    "create-new-key": "Erstellen Sie einen neuen Schlüssel!",
+    "type": "Typ",
+    "type-required": "Typ der Entität ist erforderlich.",
+    "type-device": "Gerät",
+    "type-devices": "Geräte",
+    "list-of-devices": "{ count, plural, 1 {Ein Gerät} other {Liste von # Geräten} }",
+    "device-name-starts-with": "Geräte beginnend mit '{{prefix}}'",
+    "type-asset": "Objekt",
+    "type-assets": "Objekte",
+    "list-of-assets": "{ count, plural, 1 {Ein Objekt} other {Liste von # Objekten} }",
+    "asset-name-starts-with": "Objekte beginnend mit '{{prefix}}'",
+    "type-entity-view": "Entitätsansicht",
+    "type-entity-views": "Entitätsansichten",
+    "list-of-entity-views": "{ count, plural, 1 {Eine Entitätsansicht} other {Liste von # Entitätsansichten} }",
+    "entity-view-name-starts-with": "Entitätsansichten beginnend mit'{{prefix}}'",
+    "type-rule": "Regel",
+    "type-rules": "Regeln",
+    "list-of-rules": "{ count, plural, 1 {Eine Regel} other {Liste von # Regeln} }",
+    "rule-name-starts-with": "Regeln beginnend mit '{{prefix}}'",
+    "type-plugin": "Plugin",
+    "type-plugins": "Plugins",
+    "list-of-plugins": "{ count, plural, 1 {Ein Plugin} other {Liste von # Plugins} }",
+    "plugin-name-starts-with": "Plugins beginnend mit '{{prefix}}'",
+    "type-tenant": "Mandant",
+    "type-tenants": "Mandanten",
+    "list-of-tenants": "{ count, plural, 1 {Ein Mandant} other {Liste von # Mandanten} }",
+    "tenant-name-starts-with": "Mandanten beginnend mit '{{prefix}}'",
+    "type-customer": "Kunde",
+    "type-customers": "Kunden",
+    "list-of-customers": "{ count, plural, 1 {Ein Kunde} other {Liste von # Kunden} }",
+    "customer-name-starts-with": "Kunden beginnend mit '{{prefix}}'",
+    "type-user": "Benutzer",
+    "type-users": "Benutzer",
+    "list-of-users": "{ count, plural, 1 {Ein Benutzer} other {Liste von # Benutzern} }",
+    "user-name-starts-with": "Benutzer beginnend mit '{{prefix}}'",
+    "type-dashboard": "Dashboard",
+    "type-dashboards": "Dashboards",
+    "list-of-dashboards": "{ count, plural, 1 {Ein Dashboard} other {Liste von # Dashboards} }",
+    "dashboard-name-starts-with": "Dashboards beginnend mit '{{prefix}}'",
+    "type-alarm": "Alarm",
+    "type-alarms": "Alarme",
+    "list-of-alarms": "{ count, plural, 1 {Ein Alarm} other {Liste von # Alarmen} }",
+    "alarm-name-starts-with": "Alarme, beginnend mit '{{prefix}}'",
+    "type-rulechain": "Regelkette",
+    "type-rulechains": "Regelketten",
+    "list-of-rulechains": "{ count, plural, 1 {Eine Regelkette} other {Liste von # Regelketten} }",
+    "rulechain-name-starts-with": "Regelketten beginnend mit '{{prefix}}'",
+    "type-rulenode": "Regelknoten",
+    "type-rulenodes": "Regelknoten",
+    "list-of-rulenodes": "{ count, plural, 1 {Ein Regelknoten} other {Liste von # Regelknoten} }",
+    "rulenode-name-starts-with": "Regelknoten beginnend mit '{{prefix}}'",
+    "type-current-customer": "Aktueller Kunde",
+    "search": "Entitäten suchen",
+    "selected-entities": "{ count, plural, 1 {Entität} other {# Entitäten} } ausgewählt",
+    "entity-name": "Entitätsname",
+    "details": "Entitätsdetails",
+    "no-entities-prompt": "Keine Entitäten gefunden",
+    "no-data": "Keine Daten zum Anzeigen",
+    "columns-to-display": "Anzuzeigende Spalten"
+  },
+  "entity-view": {
+    "entity-view": "Entitätsansicht",
+    "entity-view-required": "Entitätsansicht ist erforderlich.",
+    "entity-views": "Entitätsansichten",
+    "management": "Entitätsansichten verwalten",
+    "view-entity-views": "Entitätsansichten anzeigen",
+    "entity-view-alias": "Entitätsansichtsalias",
+    "aliases": "Entitätsansichten-Aliase",
+    "no-alias-matching": "'{{alias}}' nicht gefunden.",
+    "no-aliases-found": "Keine Aliase gefunden.",
+    "no-key-matching": "'{{key}}' nicht gefunden.",
+    "no-keys-found": "Keine Schlüssel gefunden.",
+    "create-new-alias": "Neuen Alias erstellen!",
+    "create-new-key": "Neuen Schlüssel erstellen!",
+    "duplicate-alias-error": "Doppelter Alias gefunden '{{alias}}'.<br>Aliase der Entitätsansicht müssen innerhalb des Dashboards eindeutig sein.",
+    "configure-alias": "Alias '{{alias}}' konfigurieren",
+    "no-entity-views-matching": "Keine passenden Entitätsansichten für '{{entity}}' gefunden.",
+    "alias": "Alias",
+    "alias-required": "Alias der Entitätsansicht erforderlich.",
+    "remove-alias": "Alias der Entitätsansicht entfernen",
+    "add-alias": "Alias für die Entitätsansicht hinzufügen",
+    "name-starts-with": "Entitätsansichtsname beginnend mit",
+    "entity-view-list": "Liste der Entitätsansichten",
+    "use-entity-view-name-filter": "Filter anwenden",
+    "entity-view-list-empty": "Keine der Entitätsansichten ausgewählt.",
+    "entity-view-name-filter-required": "Filterung nach Entitätsansichtenname erforderlich.",
+    "entity-view-name-filter-no-entity-view-matched": "Keine Entitätsansichten beginnend mit '{{entityView}}' wurden gefunden.",
+    "add": "Entitätsansicht hinzufügen",
+    "assign-to-customer": "Einem Kunden zuordnen",
+    "assign-entity-view-to-customer": "Entitätsansichten dem Kunden zuordnen",
+    "assign-entity-view-to-customer-text": "Bitte wählen Sie die Entitätsansichten aus, die dem Kunden zugeordnet werden sollen",
+    "no-entity-views-text": "Keine Entitätsansichten gefunden",
+    "assign-to-customer-text": "Bitte wählen Sie den Kunden aus, dem die Entitätsansichten zugeordnet werden sollen",
+    "entity-view-details": "Details der Entitätsansicht",
+    "add-entity-view-text": "Neue Entitätsansicht hinzufügen",
+    "delete": "Entitätsansicht löschen",
+    "assign-entity-views": "Entitätsansicht zuordnen",
+    "assign-entity-views-text": "Dem Kunden { count, plural, 1 {1 Entitätsansicht} other {# Entitätsansichten} } zuordnen",
+    "delete-entity-views": "Entitätsansichten löschen",
+    "unassign-from-customer": "Zuordnung zum Kunden aufheben",
+    "unassign-entity-views": "Zuordnung der Entitätsansichten aufheben",
+    "unassign-entity-views-action-title": "Die Zuordnung { count, plural, 1 {1 Entitätsansicht} other {# Entitätsansichten} } zum Kunden aufheben",
+    "assign-new-entity-view": "Neue Entitätsansicht zuordnen",
+    "delete-entity-view-title": "Möchten Sie die Entitätsansicht wirklich löschen '{{entityViewName}}'?",
+    "delete-entity-view-text": "Seien Sie vorsichtig, nach der Bestätigung werden die Entitätsansicht und alle zugehörigen Daten nicht wiederhergestellt.",
+    "delete-entity-views-title": "Sind Sie sicher, dass Sie die Entitätsansichten löschen möchten { count, plural, 1 {1 Entitätsansicht} other {# Entitätsansichten} }?",
+    "delete-entity-views-action-title": "Löschen { count, plural, 1 {1 Entitätsansicht} other {# Entitätsansichten} }",
+    "delete-entity-views-text": "Vorsicht, nach Bestätigung werden alle ausgewählten Entitätsansichten entfernt und alle zugehörigen Daten werden nicht wiederhergestellt.",
+    "unassign-entity-view-title": "Möchten Sie die Zuordnung der Entitätsansicht '{{entityViewName}}' wirklich aufheben?",
+    "unassign-entity-view-text": "Nach der Bestätigung wird die Zuordnung der Entitätsansicht aufgehoben und ist für den Kunden nicht mehr zugänglich.",
+    "unassign-entity-view": "Zuordnung der Entitätsansicht aufheben",
+    "unassign-entity-views-title": "Sind Sie sicher, dass Sie die Zuordnung aufheben möchten { count, plural, 1 {1 Entitätsansicht} other {# Entitätsansichten} }?",
+    "unassign-entity-views-text": "Nach der Bestätigung werden die Zuordnungen der ausgewählten Entitätsansichten aufgehoben und sind für den Kunden nicht mehr zugänglich.",
+    "entity-view-type": "Entitätsansichtstyp",
+    "entity-view-type-required": "Entitätsansichtstyp ist erforderlich.",
+    "select-entity-view-type": "Entitätsansichtstyp auswählen",
+    "enter-entity-view-type": "Entitätsansichtstyp eingeben",
+    "any-entity-view": "Jede Entitätsansicht",
+    "no-entity-view-types-matching": "Es wurden keine passenden Entitätsansichtstypen für '{{entitySubtype}}' gefunden.",
+    "entity-view-type-list-empty": "Keine Entitätsansichtstypen ausgewählt.",
+    "entity-view-types": "Entitätsansichtstypen",
+    "name": "Name",
+    "name-required": "Name ist erforderlich.",
+    "description": "Beschreibung",
+    "events": "Ereignisse",
+    "details": "Details",
+    "copyId": "Entitätsansichts-ID kopieren",
+    "assignedToCustomer": "Dem Kunden zuordnen",
+    "unable-entity-view-device-alias-title": "Alias der Entitätsansicht kann nicht gelöscht werden",
+    "unable-entity-view-device-alias-text": "Geräte-Alias '{{entityViewAlias}}' kann nicht gelöscht werden, da es von den folgenden widget(s):<br/>{{widgetsList}} verwendet wird",
+    "select-entity-view": "Entitätsansicht auswählen",
+    "make-public": "Entitätsansicht öffentlich machen",
+    "start-date": "Start-Datum",
+    "start-ts": "Start-Zeit",
+    "end-date": "Ende-Datum",
+    "end-ts": "Ende-Zeit",
+    "date-limits": "Datumslimits",
+    "client-attributes": "Client Eigenschaften",
+    "shared-attributes": "Gemeinsame Eigenschaften",
+    "server-attributes": "Server Eigenschaften",
+    "timeseries": "Zeitreihe",
+    "client-attributes-placeholder": "Client Eigenschaften",
+    "shared-attributes-placeholder": "Gemeinsame Eigenschaften",
+    "server-attributes-placeholder": "Server Eigenschaften",
+    "timeseries-placeholder": "Zeitreihe",
+    "target-entity": "Zielentität",
+    "attributes-propagation": "Eigenschaftsübertragung",
+    "attributes-propagation-hint": "Die Entitätsansicht kopiert automatisch die angegebenen Eigenschaften der Ziel-Entität, wenn Sie diese Entitätsansicht speichern oder aktualisieren. Aus Performance-Gründen werden die Attribute der Ziel-Entität nicht bei jeder Eigenschaftsänderung in die Entitätsansicht übertragen. Sie können die automatische Weitergabe aktivieren, indem Sie den Regelknoten \"copy to view\" in Ihrer Regelkette konfigurieren und die Nachrichten \"Post attributes\" und \"Attributes updated\" mit dem neuen Regelknoten verknüpfen.",
+    "timeseries-data": "Zeitreihendaten",
+    "timeseries-data-hint": "Konfigurieren Sie die Datensatzschlüssel der Zeitreihe der Zielentität, auf die die Entitätsansicht zugreifen kann. Die Daten dieser Zeitreihe sind schreibgeschützt."
+  },
+  "event": {
+    "event-type": "Ereignistyp",
+    "type-error": "Fehler",
+    "type-lc-event": "Lebenszyklusereignis",
+    "type-stats": "Statistiken",
+    "type-debug-rule-node": "Fehlersuche",
+    "type-debug-rule-chain": "Fehlersuche",
+    "no-events-prompt": "Keine Ereignisse gefunden",
+    "error": "Fehler",
+    "alarm": "Alarm",
+    "event-time": "Ereigniszeit",
+    "server": "Server",
+    "body": "Inhalt",
+    "method": "Methode",
+    "type": "Typ",
+    "entity": "Entität",
+    "message-id": "Nachrichten-Id",
+    "message-type": "Nachrichten-Typ",
+    "data-type": "Datentyp",
+    "relation-type": "Beziehungstyp",
+    "metadata": "Meta-Daten",
+    "data": "Daten",
+    "event": "Ereignis",
+    "status": "Status",
+    "success": "Erfolg",
+    "failed": "Fehlgeschlagen",
+    "messages-processed": "Nachrichten verarbeitet",
+    "errors-occurred": "Fehler aufgetreten"
+  },
+  "extension": {
+    "extensions": "Erweiterungen",
+    "selected-extensions": "{ count, plural, 1 {Erweiterung} other {# extensions} } ausgewählt",
+    "type": "Typ",
+    "key": "Schlüssel",
+    "value": "Wert",
+    "id": "ID",
+    "extension-id": "Erweiterungs-ID",
+    "extension-type": "Erweiterungstyp",
+    "transformer-json": "JSON *",
+    "unique-id-required": "Die aktuelle Erweiterungs-ID ist bereits vorhanden.",
+    "delete": "Erweiterung löschen",
+    "add": "Erweiterung hinzufügen",
+    "edit": "Erweiterung bearbeiten",
+    "delete-extension-title": "Möchten Sie die Erweiterung '{{extensionId}}' wirklich löschen?",
+    "delete-extension-text": "Vorsicht, nach Bestätigung werden die Erweiterung und alle zugehörigen Daten nicht wiederhergestellt.",
+    "delete-extensions-title": "Möchten Sie wirklich löschen? { count, plural, 1 {1 extension} other {# extensions} }?",
+    "delete-extensions-text": "Vorsicht, nach der Bestätigung werden alle ausgewählten Erweiterungen entfernt.",
+    "converters": "Konverter",
+    "converter-id": "Konverter-ID",
+    "configuration": "Konfiguration",
+    "converter-configurations": "Konvertierte Konfigurationen",
+    "token": "Sicherheitszeichen",
+    "add-converter": "Konverter hinzufügen",
+    "add-config": "Konvertierte Konfigurationen hinzufügen",
+    "device-name-expression": "Angabe des Gerätenamens",
+    "device-type-expression": "Angabe des Gerätetyps",
+    "custom": "Regel",
+    "to-double": "Duplizieren",
+    "transformer": "Transformator",
+    "json-required": "Transformer json ist erforderlich.",
+    "json-parse": "Transformer json kann nicht analysiert werden.",
+    "attributes": "Eigenschaften",
+    "add-attribute": "Eigenschaften hinzufügen",
+    "add-map": "Mapping-Element hinzufügen",
+    "timeseries": "Zeitreihe",
+    "add-timeseries": "Zeitreihe hinzufügen",
+    "field-required": "Feld ist erforderlich",
+    "brokers": "Vermittler",
+    "add-broker": "Vermittler hinzufügen",
+    "host": "Host",
+    "port": "Port",
+    "port-range": "Der Port sollte im Bereich von 1 bis 65535 liegen.",
+    "ssl": "Ssl",
+    "credentials": "Zugangsdaten",
+    "username": "Benutzername",
+    "password": "Passwort",
+    "retry-interval": "Wiederholungsintervall in Millisekunden",
+    "anonymous": "Anonym",
+    "basic": "Basic",
+    "pem": "PEM",
+    "ca-cert": "CA-Zertifikatsdatei *",
+    "private-key": "Privatschlüsseldatei *",
+    "cert": "Zertifikatsdatei *",
+    "no-file": "Keine Datei ausgewählt.",
+    "drop-file": "Legen Sie eine Datei ab oder wählen Sie eine Datei aus um diese hochzuladen.",
+    "mapping": "Mapping",
+    "topic-filter": "Themenfilter",
+    "converter-type": "Konvertierungstyp",
+    "converter-json": "Json",
+    "json-name-expression": "Angabe des Gerätenamens json",
+    "topic-name-expression": "Themenangabe des Gerätenamens",
+    "json-type-expression": "Angabe des Gerätenamens json",
+    "topic-type-expression": "Themenangabe des Gerätetyps",
+    "attribute-key-expression": "Angabe des Eigenschaftenschlüssels",
+    "attr-json-key-expression": "Angabe des Eigenschaftenschlüssels",
+    "attr-topic-key-expression": "Themenangabe des Eigenschaftenschlüssels",
+    "request-id-expression": "ID-Angabe anfordern",
+    "request-id-json-expression": "ID-Angabe anforern json",
+    "request-id-topic-expression": "Themenangabe der ID anfordern",
+    "response-topic-expression": "Antwort Themenangabe",
+    "value-expression": "Wertangabe",
+    "topic": "Thema",
+    "timeout": "Unterbrechung in Millisekunden",
+    "converter-json-required": "Konvertierte json ist erforderlich.",
+    "converter-json-parse": "Konvertierte json konnte nicht analysiert werden.",
+    "filter-expression": "Filterangabe",
+    "connect-requests": "Abfragen verbinden",
+    "add-connect-request": "Verbindungsabfrage hinzufügen",
+    "disconnect-requests": "Abfrage trennen",
+    "add-disconnect-request": "Trennung der Abfrage hinzufügen",
+    "attribute-requests": "Abfrage der Eigenschaften",
+    "add-attribute-request": "Abfrage der Eigenschaften hinzufügen",
+    "attribute-updates": "Aktualisierungen der Eigenschaften",
+    "add-attribute-update": "Aktualisierung der Eigenschaften hinzufügen",
+    "server-side-rpc": "Serverseite RPC",
+    "add-server-side-rpc-request": "Abfrage der Serverseite RPC hinzufügen",
+    "device-name-filter": "Gerätenamefilter",
+    "attribute-filter": "Eigenschaftenfilter",
+    "method-filter": "Methodenfilter",
+    "request-topic-expression": "Themenabgabe anfordern",
+    "response-timeout": "Antwortzeit in Millisekunden",
+    "topic-expression": "Themenangabe",
+    "client-scope": "Kundenumfrage",
+    "add-device": "Gerät hinzufügen",
+    "opc-server": "Servers",
+    "opc-add-server": "Server hinzufügen",
+    "opc-add-server-prompt": "Bitte einen Server hinzufügen",
+    "opc-application-name": "Anwendungsname",
+    "opc-application-uri": "Anwendung uri",
+    "opc-scan-period-in-seconds": "Scanzeitraum in Sekunden",
+    "opc-security": "Sicherheit",
+    "opc-identity": "Identifizierung",
+    "opc-keystore": "Schlüsselspeicher",
+    "opc-type": "Typ",
+    "opc-keystore-type": "Typ",
+    "opc-keystore-location": "Standort *",
+    "opc-keystore-password": "Passwort",
+    "opc-keystore-alias": "Alias",
+    "opc-keystore-key-password": "Schlüsselpasswort",
+    "opc-device-node-pattern": "Geräteknotenmuster",
+    "opc-device-name-pattern": "Gerätenamensmuster",
+    "modbus-server": "Servers/Folgegerät",
+    "modbus-add-server": "Server/Folgegerät hinzufügen",
+    "modbus-add-server-prompt": "Bitte Server/Folgegerät hinzufügen",
+    "modbus-transport": "Transport",
+    "modbus-tcp-reconnect": "Verbindung automatisch wiederherstellen",
+    "modbus-rtu-over-tcp": "RTU über TCP",
+    "modbus-port-name": "Name des Seriellen Anschlusses",
+    "modbus-encoding": "Verschlüsselung",
+    "modbus-parity": "Übereinstimmung",
+    "modbus-baudrate": "Datenübertragungsgeschwindigkeit",
+    "modbus-databits": "Daten Bits",
+    "modbus-stopbits": "Stopp-Bits",
+    "modbus-databits-range": "Datenbits sollten im Bereich von 7 bis 8 liegen.",
+    "modbus-stopbits-range": "Stoppbits sollten im Bereich von 1 bis 2 liegen.",
+    "modbus-unit-id": "ID der Einheit",
+    "modbus-unit-id-range": "Die Einheiten-ID sollte im Bereich von 1 bis 247 liegen.",
+    "modbus-device-name": "Gerätename",
+    "modbus-poll-period": "Abfragezeitraum in Millisekunden",
+    "modbus-attributes-poll-period": "Abfrageintervall der Eigenschaften in Millisekunden",
+    "modbus-timeseries-poll-period": "Abfrageintervall der Zeitreihen in Millisekunden",
+    "modbus-poll-period-range": "Das Abfrageintervall sollte einen positiven Wert haben.",
+    "modbus-tag": "Kennzeichnung",
+    "modbus-function": "Funktion",
+    "modbus-register-address": "Registeradresse",
+    "modbus-register-address-range": "Die Registeradresse sollte im Bereich zwischen 0 und 65535 liegen.",
+    "modbus-register-bit-index": "Bitindex",
+    "modbus-register-bit-index-range": "Der Bitindex sollte im Bereich von 0 bis 15 liegen.",
+    "modbus-register-count": "Registeranzahl",
+    "modbus-register-count-range": "Die Registeranzahl sollten einen positiven Wert haben.",
+    "modbus-byte-order": "Byte-Reihenfolge",
+    "sync": {
+      "status": "Status",
+      "sync": "Synchronisiert",
+      "not-sync": "Nicht synchronisiert",
+      "last-sync-time": "Zeit der letzten Synchronisierung",
+      "not-available": "Nicht verfügbar"
+    },
+    "export-extensions-configuration": "Erweiterungskonfiguration exportieren",
+    "import-extensions-configuration": "Erweiterungskonfiguration importieren",
+    "import-extensions": "Erweiterungen importieren",
+    "import-extension": "Erweiterung importieren",
+    "export-extension": "Erweiterung exportieren",
+    "file": "Erweiterungsdatei",
+    "invalid-file-error": "Ungültige Erweiterungsdatei"
+  },
+  "fullscreen": {
+    "expand": "Auf Vollbildmodus erweitern",
+    "exit": "Vollbildmodus verlassen",
+    "toggle": "Vollbildmodus umschalten",
+    "fullscreen": "Vollbild"
+  },
+  "function": {
+    "function": "Funktion"
+  },
+  "grid": {
+    "delete-item-title": "Möchten Sie dieses Element wirklich löschen?",
+    "delete-item-text": "Vorsicht, nach Bestätigung wird das Element und alle zugehörigen Daten nicht wiederhergestellt.",
+    "delete-items-title": "Sind Sie sicher, dass Sie löschen möchten { count, plural, 1 {Symbol} other {Symbole} }?",
+    "delete-items-action-title": "Löschen { count, plural, 1 {Symbol} other {# Symbole} }",
+    "delete-items-text": "Vorsicht, nach Bestätigung werden alle ausgewählten Elemente entfernt und alle zugehörigen Daten nicht wiederhergestellt.",
+    "add-item-text": "Neues Element hinzufügen",
+    "no-items-text": "Keine Elemente gefunden",
+    "item-details": "Elementdetails",
+    "delete-item": "Element löschen",
+    "delete-items": "Elemente löschen",
+    "scroll-to-top": "zum Seitenanfang"
+  },
+  "help": {
+    "goto-help-page": "Gehen Sie zur Hilfeseite"
+  },
+  "home": {
+    "home": "Startseite",
+    "profile": "Profil",
+    "logout": "Abmelden",
+    "menu": "Menü",
+    "avatar": "Benutzerbild",
+    "open-user-menu": "Benutzermenü öffnen"
+  },
+  "import": {
+    "no-file": "Keine Datei ausgewählt",
+    "drop-file": "Legen Sie eine JSON-Datei ab oder wählen Sie eine Datei zum hochladen aus."
+  },
+  "item": {
+    "selected": "Ausgewählt"
+  },
+  "js-func": {
+    "no-return-error": "Funktion muss einen Wert zurückgeben!",
+    "return-type-mismatch": "Funktion muss einen Wert vom Typ '{{type}}' zurückgeben!",
+    "tidy": "Aufräumen"
+  },
+  "key-val": {
+    "key": "Schlüssel",
+    "value": "Wert",
+    "remove-entry": "Eintrag entfernen",
+    "add-entry": "Eintag hinzufügen",
+    "no-data": "Keine Einträge"
+  },
+  "layout": {
+    "layout": "Layout",
+    "manage": "Layouts verwalten",
+    "settings": "Layout-Einstellungen",
+    "color": "Farbe",
+    "main": "Hauptbereich",
+    "right": "Recht",
+    "select": "Wählen Sie das Ziellayout aus"
+  },
+  "legend": {
+    "position": "Legendenposition",
+    "show-max": "Maximalwert anzeigen",
+    "show-min": "Minimalwert anzeigen",
+    "show-avg": "Durchschnittswert anzeigen",
+    "show-total": "Gesamtwert anzeigen",
+    "settings": "Legendeneinstellungen",
+    "min": "min.",
+    "max": "max.",
+    "avg": "mittelw.",
+    "total": "Gesamt"
+  },
+  "login": {
+    "login": "Login",
+    "request-password-reset": "Passwortzurücksetzung anfordern",
+    "reset-password": "Passwort zurücksetzen",
+    "create-password": "Passwort erstellen",
+    "passwords-mismatch-error": "Eingegebene Passwörter müssen identisch sein!",
+    "password-again": "Passwort wiederholen",
+    "sign-in": "Bitte anmelden",
+    "username": "Benutzername (E-Mail)",
+    "remember-me": "Login speichern",
+    "forgot-password": "Passwort vergessen?",
+    "password-reset": "Passwort zurücksetzen",
+    "new-password": "Neues Passwort",
+    "new-password-again": "Neues Passwort wiederholen",
+    "password-link-sent-message": "Der Link zum Zurücksetzen des Passworts wurde erfolgreich versendet!",
+    "email": "E-Mail"
+  },
+  "position": {
+    "top": "Oben",
+    "bottom": "Unten",
+    "left": "Links",
+    "right": "Rechts"
+  },
+  "profile": {
+    "profile": "Profil",
+    "last-login-time": "Letzte Anmeldung",
+    "change-password": "Passwort ändern",
+    "current-password": "Aktuelles Passwort"
+  },
+  "relation": {
+    "relations": "Beziehungen",
+    "direction": "Richtung",
+    "search-direction": {
+      "FROM": "Von",
+      "TO": "Zu"
+    },
+    "direction-type": {
+      "FROM": "von",
+      "TO": "zu"
+    },
+    "from-relations": "Ausgehende Verbindungen",
+    "to-relations": "Eingehende Verbindungen",
+    "selected-relations": "{ count, plural, 1 {1 Beziehung} other {# Beziehungen} } ausgewählt",
+    "type": "Typ",
+    "to-entity-type": "Zum Entitätstyp",
+    "to-entity-name": "Zum Entitätsnamen",
+    "from-entity-type": "Vom Entitätstyp",
+    "from-entity-name": "Vom Entitätsnamen",
+    "to-entity": "Zur Entität",
+    "from-entity": "Von Entität",
+    "delete": "Beziehung löschen",
+    "relation-type": "Art der Beziehung",
+    "relation-type-required": "Art der Beziehung erforderlich.",
+    "any-relation-type": "Jede Art",
+    "add": "Beziehung hinzufügen",
+    "edit": "Beziehung bearbeiten",
+    "delete-to-relation-title": "Möchten Sie die Beziehung zur Einheit'{{entityName}}' wirklich löschen?",
+    "delete-to-relation-text": "Vorsicht, nach Bestätigung ist die Entität '{{entityName}}' nicht mehr mit der aktuellen Entität verbunden.",
+    "delete-to-relations-title": "Sind Sie sicher, dass Sie { count, plural, 1 {1 Beziehung} other {# Beziehungen} } wirklich löschen?",
+    "delete-to-relations-text": "Vorsicht, nach Bestätigung werden alle ausgewählten Beziehungen entfernt und die entsprechenden Entitäten sind nicht mehr mit der aktuellen Entität verbunden.",
+    "delete-from-relation-title": "Sind Sie sicher, dass Sie die Verbindung aus der Entität '{{entityName}}' löschen möchten?",
+    "delete-from-relation-text": "Vorsicht, nach Bestätigung wird die aktuelle Entität '{{entityName}}' von der Entität unabhängig sein.",
+    "delete-from-relations-title": "Sind Sie sicher, dass Sie { count, plural, 1 {1 Beziehung} other {# Beziehungen} } löschen möchten?",
+    "delete-from-relations-text": "Vorsicht, nach Bestätigung werden alle ausgewählten Beziehungen entfernt und die aktuellen Entität wird nicht mehr mit den entsprechenden Entitäten verknüpft sein.",
+    "remove-relation-filter": "Beziehungsfilter entfernen",
+    "add-relation-filter": "Beziehungsfilter hinzufügen",
+    "any-relation": "Jede Beziehung",
+    "relation-filters": "Beziehungsfilter",
+    "additional-info": "Zusätzliche Information (JSON)",
+    "invalid-additional-info": "Json der Zusätzlichen Informationen konnte nicht gelesen werden."
+  },
+  "rulechain": {
+    "rulechain": "Regelkette",
+    "rulechains": "Regelketten",
+    "root": "Wurzel",
+    "delete": "Regelkette löschen",
+    "name": "Name",
+    "name-required": "Name ist erforderlich.",
+    "description": "Beschreibung",
+    "add": "Regelkette hinzufügen",
+    "set-root": "Regelkette zur Wurzel machen",
+    "set-root-rulechain-title": "Sind Sie sicher, dass Sie die Regelkette '{{ruleChainName}}' zur Wurzel machen möchten?",
+    "set-root-rulechain-text": "Nach der Bestätigung wird die Regelkette zur Wurzel und bearbeitet alle eingehenden Transportnachrichten.",
+    "delete-rulechain-title": "Sind Sie sicher, dass Sie die Regelkette '{{ruleChainName}}' löschen möchten?",
+    "delete-rulechain-text": "Vorsichtig, nach Bestätigung werden die Regelkette und alle zugehörigen Daten gelöscht.",
+    "delete-rulechains-title": "Sind Sie sicher, dass Sie { count, plural, 1 {1 Regelkette} other {# Regelketten} } löschen möchten?",
+    "delete-rulechains-action-title": "{ count, plural, 1 {1 Regelkette} other {# Regelketten} } löschen",
+    "delete-rulechains-text": "Vorsichtig, nach Bestätigung werden alle ausgewählten Regelketten entfernt und alle zugehörigen Daten werden gelöscht.",
+    "add-rulechain-text": "Neue Regelkette hinzufügen",
+    "no-rulechains-text": "Keine Regelkette gefunden",
+    "rulechain-details": "Regelketten-Details",
+    "details": "Details",
+    "events": "Ereignisse",
+    "system": "System",
+    "import": "Regelkette importieren",
+    "export": "Regelkette exportieren",
+    "export-failed-error": "Regelkette konnte nicht exportiert werden: {{error}}",
+    "create-new-rulechain": "Neue Regelkette erstellen",
+    "rulechain-file": "Regelkettendatei",
+    "invalid-rulechain-file-error": "Regelkette konnte nicht importiert werden: Ungültige Regelkettendatenstruktur.",
+    "copyId": "Regelketten-ID kopieren",
+    "idCopiedMessage": "Regelketten-ID wurde in die Zwischenablage kopiert",
+    "select-rulechain": "Regelkette auswählen",
+    "no-rulechains-matching": "Es wurden keine passenden Regelketten für '{{entity}}' gefunden.",
+    "rulechain-required": "Regelkette ist erforderlich",
+    "management": "Regelverwaltung",
+    "debug-mode": "Modus zur Fehlersuche"
+  },
+  "rulenode": {
+    "details": "Details",
+    "events": "Ereignisse",
+    "search": "Knoten suchen",
+    "open-node-library": "Knotenbibliothek öffnen",
+    "add": "Neuen Regelknoten hinzufügen",
+    "name": "Name",
+    "name-required": "Name ist erforderlich.",
+    "type": "Typ",
+    "description": "Beschreibung",
+    "delete": "Regelknoten löschen",
+    "select-all-objects": "Alle Knoten und Verbindungen auswählen",
+    "deselect-all-objects": "Auswahl aller Knoten und Verbindungen aufheben",
+    "delete-selected-objects": "Ausgewählte Knoten und Verbindungen löschen",
+    "delete-selected": "Auswahl löschen",
+    "select-all": "Alle auswählen",
+    "copy-selected": "Auswahl kopieren",
+    "deselect-all": "Nichts auswählen",
+    "rulenode-details": "Details der Regelknoten",
+    "debug-mode": "Modus zur Fehlersuche",
+    "configuration": "Konfiguration",
+    "link": "Verbindung",
+    "link-details": "Verbindungsdetails der Regelknoten",
+    "add-link": "Verbindung hinzufügen",
+    "link-label": "Verbindungsbeschriftung",
+    "link-label-required": "Verbindungsbeschriftung ist erforderlich.",
+    "custom-link-label": "Benutzerdefinierte Verbindungsbeschriftung",
+    "custom-link-label-required": "Benutzerdefinierte Verbindungsbeschriftung ist erforderlich.",
+    "link-labels": "Verbindungsbeschriftungen",
+    "link-labels-required": "Verbindungsbeschriftungen sind erforderlich.",
+    "no-link-labels-found": "Keine Verbindungsbeschriftungen gefunden",
+    "no-link-label-matching": "'{{label}}' nicht gefunden.",
+    "create-new-link-label": "Bitte erstellen Sie eine neue Verbindungsbeschriftung!",
+    "type-filter": "Filter",
+    "type-filter-details": "Eingehende Nachrichten mit konfigurierten Bedingungen filtern",
+    "type-enrichment": "Anreicherung",
+    "type-enrichment-details": "Fügen Sie zusätzliche Informationen zu den Nachrichtenmetadaten hinzu",
+    "type-transformation": "Transformation",
+    "type-transformation-details": "Ändern Sie die Nutzerdaten und Metadaten der Nachricht",
+    "type-action": "Aktion",
+    "type-action-details": "Besondere Aktion ausführen",
+    "type-external": "Extern",
+    "type-external-details": "Interagiert mit externem System",
+    "type-rule-chain": "Regelkette",
+    "type-rule-chain-details": "Leitet eingehende Nachrichten an die angegebene Regelkette weiter",
+    "type-input": "Input",
+    "type-input-details": "Logische Eingabe der Regelkette, leitet eingehende Nachrichten an die nächste zugehörige Regelkette weiter",
+    "type-unknown": "Unbekannt",
+    "type-unknown-details": "Nicht aufgelöster Regelknoten",
+    "directive-is-not-loaded": "Definierte Konfigurationsanweisung '{{directiveName}}' ist nicht verfügbar.",
+    "ui-resources-load-error": "Fehler beim Laden der Konfigurations-UI-Ressourcen.",
+    "invalid-target-rulechain": "Zielregelkette kann nicht aufgelöst werden!",
+    "test-script-function": "Skriptfunktion testen",
+    "message": "Nachricht",
+    "message-type": "Nachrichtentyp",
+    "select-message-type": "Nachrichtentyp auswählen",
+    "message-type-required": "Nachrichtentyp ist erforderlich",
+    "metadata": "Metadaten",
+    "metadata-required": "Metadateneinträge dürfen nicht leer sein.",
+    "output": "Ausgabe",
+    "test": "Test",
+    "help": "Hilfe"
+  },
+  "tenant": {
+    "tenant": "Mandant",
+    "tenants": "Mandanten",
+    "management": "Mandantenverwaltung",
+    "add": "Mandant hinzufügen",
+    "admins": "Administratoren",
+    "manage-tenant-admins": "Mandantenadministratoren verwalten",
+    "delete": "Mandant löschen",
+    "add-tenant-text": "Neuen Mandanten hinzufügen",
+    "no-tenants-text": "Keine Mandanten gefunden",
+    "tenant-details": "Mandantendetails",
+    "delete-tenant-title": "Möchten Sie den Mandanten '{{tenantTitle}}' wirklich löschen?",
+    "delete-tenant-text": "Vorsicht, nach Bestätigung werden der Mandant und alle zugehörigen Daten gelöscht.",
+    "delete-tenants-title": "Sind Sie sicher, dass Sie { count, plural, 1 {1 Mandant} other {# Mandanten} } löschen möchten?",
+    "delete-tenants-action-title": "{ count, plural, 1 {1 Mandant} other {# Mandanten} } löschen",
+    "delete-tenants-text": "Vorsicht, nach Bestätigung werden alle ausgewählten Mandanten entfernt und alle zugehörigen Daten werden gelöscht.",
+    "title": "Titel",
+    "title-required": "Titel ist erforderlich.",
+    "description": "Beschreibung",
+    "details": "Details",
+    "events": "Ereignisse",
+    "copyId": "Mandanten-ID kopieren",
+    "idCopiedMessage": "Mandanten-ID wurde in die Zwischenablage kopiert",
+    "select-tenant": "Mandant auswählen",
+    "no-tenants-matching": "Es wurden keine passenden Mandanten für '{{entity}}' gefunden.",
+    "tenant-required": "Mandant ist erforderlich"
+  },
+  "timeinterval": {
+    "seconds-interval": "{ seconds, plural, 1 {1 Sekunde} other {# Sekunden} }",
+    "minutes-interval": "{ minutes, plural, 1 {1 Minute} other {# Minuten} }",
+    "hours-interval": "{ hours, plural, 1 {1 Stunde} other {# Stunden} }",
+    "days-interval": "{ days, plural, 1 {1 Tag} other {# Tage} }",
+    "days": "Tage",
+    "hours": "Stunden",
+    "minutes": "Minuten",
+    "seconds": "Sekunden",
+    "advanced": "Erweitert"
+  },
+  "timewindow": {
+    "days": "{ days, plural, 1 { Tag } other {# Tage } }",
+    "hours": "{ hours, plural, 0 { Stunde } 1 {1 Stunde } other {# Stunden } }",
+    "minutes": "{ minutes, plural, 0 { Minute } 1 {1 Minute } other {# Minuten } }",
+    "seconds": "{ seconds, plural, 0 { Sekunde } 1 {1 Sekunde } other {# Sekunden } }",
+    "realtime": "Echtzeit",
+    "history": "Historie",
+    "last-prefix": "letzte",
+    "period": "von {{ startTime }} bis {{ endTime }}",
+    "edit": "Zeitfenster bearbeiten",
+    "date-range": "Datumsbereich",
+    "last": "Letzte",
+    "time-period": "Zeitfenster"
+  },
+  "user": {
+    "user": "User",
+    "users": "Users",
+    "customer-users": "Kunden Users",
+    "tenant-admins": "Mandanten-Administratoren",
+    "sys-admin": "System-Administrator",
+    "tenant-admin": "Mandanten-Administrator",
+    "customer": "Kunde",
+    "anonymous": "Anonym",
+    "add": "Benutzer hinzufügen",
+    "delete": "Benutzer löschen",
+    "add-user-text": "Neuen Benutzer hinzufügen",
+    "no-users-text": "Keine Benutzer gefunden",
+    "user-details": "Benutzer-Details",
+    "delete-user-title": "Möchten Sie den Benutzer '{{userEmail}}' wirklich löschen?",
+    "delete-user-text": "Vorsicht, nach Bestätigung werden der Benutzer und alle zugehörigen Daten gelöscht.",
+    "delete-users-title": "Sind Sie sicher, dass Sie { count, plural, 1 {1 Benutzer} other {# Benutzer} } löschen möchten??",
+    "delete-users-action-title": "{ count, plural, 1 {1 Benutzer} other {# Benutzer} } löschen",
+    "delete-users-text": "Vorsicht, nach Bestätigung werden alle ausgewählten Benutzer entfernt und alle zugehörigen Daten werden gelöscht.",
+    "activation-email-sent-message": "Aktivierungs E-Mail wurde erfolgreich gesendet!",
+    "resend-activation": "Aktivierung erneut senden",
+    "email": "E-Mail",
+    "email-required": "E-Mail ist erforderlich.",
+    "invalid-email-format": "Ungültiges E-Mail Format.",
+    "first-name": "Vorname",
+    "last-name": "Nachname",
+    "description": "Beschreibung",
+    "default-dashboard": "Standard-Dashboard",
+    "always-fullscreen": "Immer Vollbild",
+    "select-user": "Benutzer auswählen",
+    "no-users-matching": "Keine passenden Benutzer für '{{entity}}' gefunden.",
+    "user-required": "Benutzer ist erforderlich",
+    "activation-method": "Aktivierungsmethode",
+    "display-activation-link": "Aktivierungslink anzeigen",
+    "send-activation-mail": "Aktivierungs E-Mail senden",
+    "activation-link": "Link zur Benutzer-Aktivierung",
+    "activation-link-text": "Um den Benutzer zu aktivieren, verwenden Sie bitte folgenden <a href='{{activationLink}}' target='_blank'>Aktivierungslink</a>:",
+    "copy-activation-link": "Aktivierungslink kopieren",
+    "activation-link-copied-message": "Der Link zur Benutzer-Aktivierung wurde in die Zwischenablage kopiert ",
+    "details": "Details",
+    "login-as-tenant-admin": "Als Mandanten-Administrator anmelden",
+    "login-as-customer-user": "Als Kunden-Benutzer anmelden",
+    "disable-account": "Benutzerkonto deaktivieren",
+    "enable-account": "Benutzerkonto aktivieren",
+    "enable-account-message": "Benutzerkonto wurde erfolgreich aktiviert!",
+    "disable-account-message": "Benutzerkonto wurde erfolgreich deaktiviert!"
+  },
+  "value": {
+    "type": "Wertetyp",
+    "string": "Text",
+    "string-value": "Textwert",
+    "integer": "Ganzzahlig",
+    "integer-value": "Ganzzahliger Wert",
+    "invalid-integer-value": "Ungültiger ganzzahliger Wert",
+    "double": "Gleitkommazahl",
+    "double-value": "Gleitkomma Wert",
+    "boolean": "Binär",
+    "boolean-value": "Binärwert",
+    "false": "Falsch",
+    "true": "Wahr",
+    "long": "Lang"
+  },
+  "widget": {
+    "widget-library": "Widget-Bibliothek",
+    "widget-bundle": "Widget-Paket",
+    "select-widgets-bundle": "Widget-Paket auswählen",
+    "management": "Widget Verwaltung",
+    "editor": "Widget Editor",
+    "widget-type-not-found": "Problem beim Laden der Widget-Konfiguration.<br>Zugeordneter Widget-Typ wurde entfernt.",
+    "widget-type-load-error": "Widget wurde aufgrund der folgenden Fehler nicht geladen:",
+    "remove": "Widget entfernen",
+    "edit": "Widget bearbeiten",
+    "remove-widget-title": "Möchten Sie das Widget '{{widgetTitle}}' wirklich entfernen?",
+    "remove-widget-text": "Nach der Bestätigung werden das Widget und alle zugehörigen Daten nicht wiederhergestellt.",
+    "timeseries": "Zeitreihe",
+    "search-data": "Daten suchen",
+    "no-data-found": "Keine Daten gefunden",
+    "latest-values": "Neueste Werte",
+    "rpc": "Steuerungswidget",
+    "alarm": "Alarm-Widget",
+    "static": "Statisches Widget",
+    "select-widget-type": "Widget-Typ auswählen",
+    "missing-widget-title-error": "Widget-Titel muss angegeben werden!",
+    "widget-saved": "Widget gespeichert",
+    "unable-to-save-widget-error": "Das Widget kann nicht gespeichert werden! Fehlermeldung!",
+    "save": "Widget speichern",
+    "saveAs": "Widget speichern unter",
+    "save-widget-type-as": "Widget-Typ speichern unter",
+    "save-widget-type-as-text": "Bitte geben Sie den neuen Widget-Titel ein und/oder wählen Sie das Ziel-Widget-Paket aus",
+    "toggle-fullscreen": "Vollbild umschalten",
+    "run": "Widget ausführen",
+    "title": "Widget-Titel",
+    "title-required": "Widget-Titel ist erforderlich.",
+    "type": "Widget-Typ",
+    "resources": "Ressourcen",
+    "resource-url": "JavaScript/CSS URL",
+    "remove-resource": "Ressource entfernen",
+    "add-resource": "Ressource hinzufügen",
+    "html": "HTML",
+    "tidy": "Aufgeräumt",
+    "css": "CSS",
+    "settings-schema": "Einstellungsschema",
+    "datakey-settings-schema": "Datenschlüssel-Einstellungsschema",
+    "javascript": "Javascript",
+    "remove-widget-type-title": "Möchten Sie den Widget-Typ '{{widgetName}}' wirklich entfernen?",
+    "remove-widget-type-text": "Nach der Bestätigung werden der Widget-Typ und alle zugehörigen Daten nicht wiederhergestellt.",
+    "remove-widget-type": "Widget-Typ entfernen",
+    "add-widget-type": "Neuen Widget-Typ hinzufügen",
+    "widget-type-load-failed-error": "Widget-Typ konnte nicht geladen werden!",
+    "widget-template-load-failed-error": "Widget-Vorlage konnte nicht geladen werden!",
+    "add": "Widget hinzufügen",
+    "undo": "Widget-Änderungen widerrufen ",
+    "export": "Widget exportieren"
+  },
+  "widget-action": {
+    "header-button": "Widget-Header-Schaltfläche",
+    "open-dashboard-state": "Zum neuen Dashboard-Status navigieren",
+    "update-dashboard-state": "Aktuellen Dashboard-Status aktualisieren",
+    "open-dashboard": "Zu einem anderen Dashboard navigieren",
+    "custom": "Benutzerdefinierte Aktion",
+    "target-dashboard-state": "Zielstatus des Dashboards",
+    "target-dashboard-state-required": "Der Zielstatus ist erforderlich",
+    "set-entity-from-widget": "Widget-Entität festlegen",
+    "target-dashboard": "Ziel-Dashboard",
+    "open-right-layout": "Das rechte Dashboard-Layout öffnen (mobile Ansicht)"
+  },
+  "widgets-bundle": {
+    "current": "Aktuelles Paket",
+    "widgets-bundles": "Widget-Pakete",
+    "add": "Widget-Pakete hinzufügen",
+    "delete": "Widget-Pakete löschen",
+    "title": "Titel",
+    "title-required": "Titel ist erforderlich.",
+    "add-widgets-bundle-text": "Neues Widget-Paket hinzufügen",
+    "no-widgets-bundles-text": "Keine Widget-Pakete gefunden",
+    "empty": "Widget-Paket ist leer ",
+    "details": "Details",
+    "widgets-bundle-details": "Widget-Paket-Details",
+    "delete-widgets-bundle-title": "Möchten Sie das Widget-Paket '{{widgetsBundleTitle}}' wirklich löschen? ",
+    "delete-widgets-bundle-text": "Seien Sie vorsichtig, nach der Bestätigung werden das Widget-Paket und alle zugehörigen Daten gelöscht.",
+    "delete-widgets-bundles-title": "Sind Sie sicher, dass Sie { count, plural, 1 {1 Widget-Paket} other {# Widget-Pakete} } löschen möchten?",
+    "delete-widgets-bundles-action-title": "{ count, plural, 1 {1 Widgets-Paket} other {# Widget-Pakete} } löschen",
+    "delete-widgets-bundles-text": "Vorsicht, nach Bestätigung werden alle ausgewählten Widget-Pakete entfernt und alle zugehörigen Daten werden gelöscht.",
+    "no-widgets-bundles-matching": "Keine passenden Widget-Pakete '{{widgetsBundle}}' gefunden.",
+    "widgets-bundle-required": "Widget-Paket ist erforderlich.",
+    "system": "System",
+    "import": "Widget-Paket importieren",
+    "export": "Widget-Paket exportieren",
+    "export-failed-error": "Widget-Paket kann nicht exportiert werden: {{error}}",
+    "create-new-widgets-bundle": "Neues Widget-Paket erstellen",
+    "widgets-bundle-file": "Widget-Paket-Datei",
+    "invalid-widgets-bundle-file-error": "Widget-Paket kann nicht importiert werden: Ungültige Widget-Paket-Datenstruktur."
+  },
+  "widget-config": {
+    "data": "Daten",
+    "settings": "Einstellungen",
+    "advanced": "Erweitert ",
+    "title": "Titel",
+    "title-tooltip": "Titel Tooltip",
+    "general-settings": "Allgemeine Einstellungen",
+    "display-title": "Titel anzeigen",
+    "drop-shadow": "Schlagschatten",
+    "enable-fullscreen": "Vollbild aktivieren",
+    "background-color": "Hintergrundfarbe",
+    "text-color": "Textfarbe",
+    "padding": "Pufferung",
+    "margin": "Rand",
+    "widget-style": "Widget-Stil",
+    "title-style": "Titel-Stil",
+    "mobile-mode-settings": "Einstellungen für den mobilen Modus",
+    "order": "Reihenfolge",
+    "height": "Größe",
+    "units": "Spezielles Symbol, das neben dem Wert angezeigt wird",
+    "decimals": "Anzahl der Stellen nach dem Fließkomma",
+    "timewindow": "Zeitfenster",
+    "use-dashboard-timewindow": "Dashboard-Zeitfenster verwenden",
+    "display-timewindow": "Zeitfenster anzeigen",
+    "display-legend": "Legende anzeigen",
+    "datasources": "Datenquellen",
+    "maximum-datasources": "Maximal { count, plural, 1 {1 Datenquelle ist erlaubt} other {# Datenquellen sind erlaubt} }.",
+    "datasource-type": "Typ",
+    "datasource-parameters": "Parameter",
+    "remove-datasource": "Datenquelle entfernen",
+    "add-datasource": "Datenquelle hinzufügen ",
+    "target-device": "Zielgerät",
+    "alarm-source": "Alarmquelle",
+    "actions": "Aktionen",
+    "action": "Aktion",
+    "add-action": "Aktion hinzufügen",
+    "search-actions": "Aktion suchen",
+    "action-source": "Aktionsquelle",
+    "action-source-required": "Aktionsquelle ist erforderlich.",
+    "action-name": "Name",
+    "action-name-required": "Aktionsname ist erforderlich.",
+    "action-name-not-unique": "Eine andere Aktion mit demselben Namen ist bereits vorhanden.<br/> Der Aktionsname sollte innerhalb derselben Aktionsquelle eindeutig sein.",
+    "action-icon": "Symbol ",
+    "action-type": "Art",
+    "action-type-required": "Aktionsart ist erforderlich.",
+    "edit-action": "Aktion bearbeiten",
+    "delete-action": "Aktion löschen",
+    "delete-action-title": "Widget-Aktion löschen",
+    "delete-action-text": "Möchten Sie die Widget-Aktion mit Namen '{{actionName}}' wirklich löschen?"
+  },
+  "widget-type": {
+    "import": "Widget-Typ importieren",
+    "export": "Widget-Typ exportieren",
+    "export-failed-error": "Widget-Typ kann nicht exportiert werden: {{error}}",
+    "create-new-widget-type": "Neuen Widget-Typ erstellen",
+    "widget-type-file": "Widget-Typdatei",
+    "invalid-widget-type-file-error": "Widget-Typ kann nicht importiert werden: Ungültige Datenstruktur des Widget-Typs."
+  },
+  "widgets": {
+    "date-range-navigator": {
+      "localizationMap": {
+        "Sun": "So.",
+        "Mon": "Mo.",
+        "Tue": "Di.",
+        "Wed": "Mi.",
+        "Thu": "Do.",
+        "Fri": "Fr.",
+        "Sat": "Sa.",
+        "Jan": "Jan.",
+        "Feb": "Feb.",
+        "Mar": "März",
+        "Apr": "Apr.",
+        "May": "Mai",
+        "Jun": "Juni",
+        "Jul": "Juli",
+        "Aug": "Aug.",
+        "Sep": "Sep.",
+        "Oct": "Okt.",
+        "Nov": "Nov.",
+        "Dec": "Dez.",
+        "January": "Januar",
+        "February": "Februar",
+        "March": "März",
+        "April": "April",
+        "June": "Juni",
+        "July": "Juli",
+        "August": "August",
+        "September": "September",
+        "October": "Oktober",
+        "November": "November",
+        "December": "Dezember",
+        "Custom Date Range": "Benutzerdefinierter Datumsbereich",
+        "Date Range Template": "Datumsbereichsvorlage",
+        "Today": "Heute",
+        "Yesterday": "Gestern",
+        "This Week": "Diese Woche",
+        "Last Week": "Letzte Woche",
+        "This Month": "Diesen Monat",
+        "Last Month": "Im vergangenen Monat",
+        "Year": "Jahr",
+        "This Year": "Dieses Jahr",
+        "Last Year": "Vergangenes Jahr",
+        "Date picker": "Datumsauswahl",
+        "Hour": "Stunde",
+        "Day": "Tag",
+        "Week": "Woche",
+        "2 weeks": "2 Wochen",
+        "Month": "Monat",
+        "3 months": "3 Monate",
+        "6 months": "6 Monate",
+        "Custom interval": "Benutzerdefiniertes Intervall",
+        "Interval": "Intervall",
+        "Step size": "Schrittlänge",
+        "Ok": "Ok"
+      }
+    },
+    "input-widgets": {
+        "attribute-not-allowed": "Attributparameter können in diesem Widget nicht verwendet werden",
+        "date": "Datum",
+        "discard-changes": "Änderungen verwerfen",
+        "entity-attribute-required": "Entitätsattribut ist erforderlich",
+        "entity-timeseries-required": "Zeitreihen für Entitäten sind erforderlich",
+        "not-allowed-entity": "Die ausgewählte Entität kann keine gemeinsamen Attribute haben",
+        "no-attribute-selected": "Es ist kein Attribut ausgewählt",
+        "no-datakey-selected": "Es ist kein Datenschlüssel ausgewählt",
+        "no-entity-selected": "Keine Entität ausgewählt",
+        "no-image": "Kein Bild",
+        "no-support-web-camera": "Keine unterstützte Webcam",
+        "no-timeseries-selected": "Keine Zeitreihen ausgewählt",
+        "switch-attribute-value": "Entitätsattributwert wechseln",
+        "switch-camera": "Kamera wechseln",
+        "switch-timeseries-value": "Wert für Zeitreihen von Entitäten wechseln",
+        "take-photo": "Foto machen",
+        "time": "Zeit",
+        "timeseries-not-allowed": "Der Timeseries-Parameter kann in diesem Widget nicht verwendet werden",
+        "update-failed": "Aktualisierung fehlgeschlagen",
+        "update-successful": "Aktualisierung erfolgreich",
+        "update-attribute": "Attribut aktualisieren",
+        "update-timeseries": "Zeitreihen aktualisieren",
+        "value": "Wert"
+    }
+  },
+  "icon": {
+    "icon": "Symbol",
+    "select-icon": "Symbol auswählen",
+    "material-icons": "Material-Symbole",
+    "show-all": "Alle Symbole anzeigen"
+  },
+  "custom": {
+    "widget-action": {
+      "action-cell-button": "Aktionszellenschaltfläche",
+      "row-click": "Klick auf Zeile",
+      "polygon-click": "Klick auf Polygon",
+      "marker-click": "Klick auf Marker",
+      "tooltip-tag-action": "Tooltip-Tag-Aktion",
+      "node-selected": "Klick auf Node",
+      "element-click": "Klick auf HTML element",
+      "pie-slice-click": "Klicken auf Slice",
+      "row-double-click": "Doppelklicken auf Zeile"
+    }
+  },
+  "language": {
+    "language": "Sprache"
+  }
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-el_GR.json b/ui-ngx/src/assets/locale/locale.constant-el_GR.json
new file mode 100644
index 0000000000..156d08aa47
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-el_GR.json
@@ -0,0 +1,2606 @@
+{
+  "access": {
+    "unauthorized": "Χωρίς δικαιώματα πρόσβασης",
+    "unauthorized-access": "Μη εξουσιοδοτημένη πρόσβαση",
+    "unauthorized-access-text": "Θα πρέπει να συνδεθείτε για να έχετε πρόσβαση σε αυτόν τον πόρο!",
+    "access-forbidden": "Απαγορεύεται η πρόσβαση!",
+    "access-forbidden-text": "Δεν έχετε δικαιώματα πρόσβασης σε αυτήν την τοποθεσία!<br/>Συνδεθείτε με διαφορετικό όνομα χρήστη, αν εξακολουθείτε να θέλετε να έχετε πρόσβαση σε αυτήν την τοποθεσία.",
+    "refresh-token-expired": "Η περίοδος χρήσης έχει λήξει",
+    "refresh-token-failed": "Δεν είναι δυνατή η ανανέωση της περιόδου χρήσης",
+    "permission-denied": "Άρνηση πρόσβασης!",
+    "permission-denied-text": "Δεν έχετε δικαίωμα εκτέλεσης αυτής της λειτουργίας!"
+  },
+  "action": {
+    "activate": "Ενεργοποίηση",
+    "suspend": "Αναστολή",
+    "save": "Αποθήκευση",
+    "saveAs": "Αποθήκευση ως",
+    "cancel": "Ακύρωση",
+    "ok": "OK",
+    "delete": "Διαγραφή",
+    "add": "Προσθήκη",
+    "yes": "Ναι",
+    "no": "Όχι",
+    "update": "Ενημέρωση",
+    "remove": "Διαγραφή",
+    "search": "Αναζήτηση",
+    "clear-search": "Καθαρισμός Αναζήτησης",
+    "assign": "Ανάθεση",
+    "unassign": "Ακύρωση Ανάθεσης",
+    "share": "Διαμοιρασμός",
+    "make-private": "Ιδιωτικό",
+    "apply": "Εφαρμογή",
+    "apply-changes": "Εφααρμογή Αλλαγών",
+    "edit-mode": "Λειτουργία Επεξεργασίας",
+    "enter-edit-mode": "Έναρξη Επεξεργασίας",
+    "decline-changes": "Απόρριψη Αλλαγών",
+    "close": "Κλείσιμο",
+    "back": "Πίσω",
+    "run": "Εκτέλεση",
+    "sign-in": "Σύνδεση!",
+    "edit": "Επεξεργασία",
+    "view": "Επισκόπηση",
+    "create": "Δημιουργία",
+    "drag": "Drag",
+    "refresh": "Ανανέωση",
+    "undo": "Αναίρεση",
+    "copy": "Αντιγραφή",
+    "paste": "Επικόλληση",
+    "copy-reference": "Αντιγραφή παραπομπής",
+    "paste-reference": "Επικόλληση παραπομπής",
+    "import": "Εισαγωγή",
+    "export": "Εξαγωγή",
+    "share-via": "Διαμοίραση μέσω {{provider}}",
+    "move": "Μετακίνηση",
+    "select": "Επιλογή",
+    "continue": "Συνέχεια"
+  },
+  "aggregation": {
+    "aggregation": "Συνάθροιση",
+    "function": "Συνάρτηση συνάθροισης δεδομένων",
+    "limit": "Μέγιστες τιμές",
+    "group-interval": "Διάστημα ομαδοποίησης",
+    "min": "Min",
+    "max": "Max",
+    "avg": "Μέσος Όρος",
+    "sum": "Άθροισμα",
+    "count": "Καταμέτρηση",
+    "none": "Κανένα"
+  },
+  "admin": {
+    "general": "Γενικά",
+    "general-settings": "Γενικές Ρυθμίσεις",
+    "outgoing-mail": "Διακομιστής Αλληλογραφίας",
+    "outgoing-mail-settings": "Διακομιστής Εξερχόμενης Αλληλογραφίας",
+    "system-settings": "Ρυθμίσεις Συστήματος",
+    "test-mail-sent": "Το δοκιμαστικό μήνυμα στάλθηκε με επιτυχία!",
+    "base-url": "Βασική διεύθυνση URL",
+    "base-url-required": "Απαιτείται ορισμός Base URL.",
+    "mail-from": "Αποστολέας",
+    "mail-from-required": "Απαιτείται βασική διεύθυνση URL.",
+    "smtp-protocol": "Πρωτόκολλο SMTP",
+    "smtp-host": "SMTP host",
+    "smtp-host-required": "Απαιτείται ορισμός SMTP host.",
+    "smtp-port": "Θύρα SMTP",
+    "smtp-port-required": "Πρέπει να εισάγετε SMTP port.",
+    "smtp-port-invalid": "Αυτή δε φαίνεται να είναι μια έγκυρη SMTP port.",
+    "timeout-msec": "Timeout (msec)",
+    "timeout-required": "Απαιτείται τιμή Timeout.",
+    "timeout-invalid": "Αυτή δε φαίνεται να είναι μια έγκυρη τιμή timeout.",
+    "enable-tls": "Ενεργοποίηση TLS",
+    "tls-version": "Έκδοση TLS",
+    "send-test-mail": "Αποστολή δοκιμαστικού μηνύματος",
+    "use-system-mail-settings": "Χρήση των ρυθμίσεων διακομιστή αλληλογραφίας συστήματος",
+    "mail-templates": "Πρότυπα αλληλογραφίας",
+    "mail-template-settings": "Ρυθμίσεις προτύπων αλληλογραφίας",
+    "use-system-mail-template-settings": "Χρήση προτύπων ηλεκτρονικού ταχυδρομείου συστήματος",
+    "mail-template": {
+      "mail-template": "Πρότυπο αλληλογραφίας",
+      "test": "Δοκιμαστικό μήνυμα ηλεκτρονικού ταχυδρομείου",
+      "activation": "Μήνυμα ενεργοποίησης λογαριασμού",
+      "account-activated": "Μήνυμα επιτυχούς ενεργοποίησης λογαριασμού",
+      "reset-password": "Μήνυμα επαναφοράς κωδικού πρόσβασης",
+      "password-was-reset": "Μήνυμα επαναφοράς κωδικού πρόσβασης",
+      "user-activated": "Μήνυμα ενεργοποίησης χρήστη",
+      "user-registered": "Μήνυμα καταχώρησης χρήστη"
+    },
+    "mail-subject": "Θέμα μηνύματος (subject)",
+    "mail-body": "Κυρίως μήνυμα (body)"
+  },
+  "alarm": {
+    "alarm": "Alarm",
+    "alarms": "Alarms",
+    "select-alarm": "Επιλογή alarm",
+    "no-alarms-matching": "Δεν βρέθηκαν alarms σχετικά με '{{entity}}'.",
+    "alarm-required": "Απαιτείται Alarm",
+    "alarm-status": "Κατάσταση Alarm",
+    "search-status": {
+      "ANY": "'Ολες",
+      "ACTIVE": "Ενεργό",
+      "CLEARED": "Εκκαθαρίστηκε",
+      "ACK": "Επιβεβαιώθηκε",
+      "UNACK": "Χωρίς επιβεβαίωση"
+    },
+    "display-status": {
+      "ACTIVE_UNACK": "Ενεργό χωρίς επιβεβαίωση",
+      "ACTIVE_ACK": "Ενεργό επιβεβαιωμένο",
+      "CLEARED_UNACK": "Εκκαθαρίστηκε χωρίς επιβεβαίωση",
+      "CLEARED_ACK": "Εκκαθαρίστηκε επιβεβαιωμένο"
+    },
+    "no-alarms-prompt": "Δεν βρέθηκαν alarm",
+    "created-time": "Ώρα δημιουργίας",
+    "type": "Τύπος",
+    "severity": "Βαρύτητα",
+    "originator": "Δημιουργός",
+    "originator-type": "Τύπος δημιουργού",
+    "details": "Λεπτομέρειες",
+    "status": "Κατάσταση",
+    "alarm-details": "Λεπτομέρειες Alarm",
+    "start-time": "Ώρα έναρξης",
+    "end-time": "Ώρα λήξης",
+    "ack-time": "Ώρα επιβεβαίωσης",
+    "clear-time": "Ώρα εκκαθάρισης",
+    "severity-critical": "Critical",
+    "severity-major": "Κρίσιμο",
+    "severity-minor": "Ασήμαντο",
+    "severity-warning": "Προειδοποίηση",
+    "severity-indeterminate": "Απροσδιόριστο",
+    "acknowledge": "Επιβεβαίωση",
+    "clear": "Εκκαθάριση",
+    "search": "Αναζήτηση alarm",
+    "selected-alarms": "{ count, plural, 1 {1 alarm} other {# alarms} } επιλέχθηκαν",
+    "no-data": "Δεν υπάρχουν δεδομένα για εμφάνιση",
+    "polling-interval": "Διάστημα δειγματοληψίας alarm(sec)",
+    "polling-interval-required": "Απαιτείται ορισμός διαστήματος δειγματοληψίας alarm.",
+    "min-polling-interval-message": "Η ελάχιστη επιτρεπόμενη τιμή διαστήματος δειγματοληψίας alarm είναι 1 sec.",
+    "aknowledge-alarms-title": "Επιβεβαίωση { count, plural, 1 {1 alarm} other {# alarms} }",
+    "aknowledge-alarms-text": "Είστε σίγουρος ότι θέλετε να επιβεβαιώσετε { count, plural, 1 {1 alarm} other {# alarms} };",
+    "aknowledge-alarm-title": "Επιβεβαίωση Alarm",
+    "aknowledge-alarm-text": "Είστε σίγουρος ότι θέλετε να επιβεβαιώσετε το Alarm?",
+    "clear-alarms-title": "Εκκαθάριση { count, plural, 1 {1 alarm} other {# alarms} }",
+    "clear-alarms-text": "Είστε σίγουρος ότι θέλετε να εκκαθαρίσετε { count, plural, 1 {1 alarm} other {# alarms} }?",
+    "clear-alarm-title": "Εκκαθάριση Alarm",
+    "clear-alarm-text": "Είστε σίγουρος ότι θέλετε να εκκαθαρίσετε το Alarm?",
+    "alarm-status-filter": "Φίλτρο κατάστασης Alarm"
+  },
+  "alias": {
+    "add": "Προσθήκη ψευδωνύμου",
+    "edit": "Επεξεργασία ψευδωνύμου",
+    "name": "Ψευδώνυμο",
+    "name-required": "Απαιτείται Ψευδώνυμο",
+    "duplicate-alias": "Το ψευδώνυμο υπάρχει ήδη.",
+    "filter-type-single-entity": "Απλή Οντότητα",
+    "filter-type-entity-group": "Ομάδα Οντοτήτων",
+    "filter-type-entity-list": "Λίστα Οντοτήτων",
+    "filter-type-entity-name": "Όνομα Οντότητας",
+    "filter-type-entity-group-list": "Λίστα ομάδας Οντοτήτων",
+    "filter-type-entity-group-name": "Όνομα ομάδας Οντοτήτων",
+    "filter-type-state-entity": "Οντότητα από την κατάσταση του dashboard",
+    "filter-type-state-entity-description": "Οντότητα που λαμβάνεται από τις παραμέτρους κατάστασης του dashboard",
+    "filter-type-asset-type": "Τύπος Asset",
+    "filter-type-asset-type-description": "Assets του τύπου '{{assetType}}'",
+    "filter-type-asset-type-and-name-description": "Assets του τύπου '{{assetType}}' με όνομα που αρχίζει από '{{prefix}}'",
+    "filter-type-device-type": "Τύπος Συσκευής",
+    "filter-type-device-type-description": "Συσκευές του τύπου '{{deviceType}}'",
+    "filter-type-device-type-and-name-description": "Συσκευές του τύπου '{{deviceType}}' με όνομα που αρχίζει από '{{prefix}}'",
+    "filter-type-entity-view-type": "Τύπος προβολής Οντοτήτων",
+    "filter-type-entity-view-type-description": "Τύπος προβολής Οντοτήτων '{{entityView}}'",
+    "filter-type-entity-view-type-and-name-description": "Τύπος προβολής Οντοτήτων '{{entityView}}' με όνομα που αρχίζει από '{{prefix}}'",
+    "filter-type-relations-query": "Ερώτημα Σχέσεων",
+    "filter-type-relations-query-description": "{{entities}} που έχουν σχέση {{relationType}} {{direction}} {{rootEntity}}",
+    "filter-type-asset-search-query": "Ερώτημα αναζήτησης Asset",
+    "filter-type-asset-search-query-description": "Asset με τύπο {{assetTypes}} που έχουν σχέση {{relationType}} {{direction}} {{rootEntity}}",
+    "filter-type-device-search-query": "Ερώτημα αναζήτησης Συσκευών",
+    "filter-type-device-search-query-description": "Συσκευές με τύπο {{deviceTypes}} που έχουν σχέση {{relationType}} {{direction}} {{rootEntity}}",
+    "filter-type-entity-view-search-query": "Ερώτημα αναζήτησης Όψεων Οντοτήτων",
+    "filter-type-entity-view-search-query-description": "Όψεις Οντοτήτων με τύπο {{entityViewTypes}} που έχουν σχέση {{relationType}} {{direction}} {{rootEntity}}",
+    "entity-filter": "Φίλτρο Οντοτήτων",
+    "resolve-multiple": "Διακανονισμός ως πολλαπλές οντότητες",
+    "filter-type": "Είδος Φίλτρου",
+    "filter-type-required": "Απαιτείται καθορισμός του Είδους Φίλτρου.",
+    "entity-filter-no-entity-matched": "Δεν βρέθηκαν οντότητες που ταιριάζουν με το συγκεκριμένο φίλτρο.",
+    "no-entity-filter-specified": "Δεν έχει οριστεί Φίλτρο Οντοτήτων",
+    "root-state-entity": "Χρήση της οντότητας κατάστασης του dashboard ως ρίζα",
+    "group-state-entity": "Χρήση της οντότητας κατάστασης του dashboard ως ομάδας οντοτήτων",
+    "root-entity": "Οντότητα ρίζας",
+    "state-entity-parameter-name": "Όνομα παραμέτρου οντότητας κατάστασης",
+    "default-state-entity": "Προεπιλεγμένη οντότητα κατάστασης",
+    "default-state-entity-group": "Προεπιλεγμένη ομάδα καταστάσεων οντοτήτων",
+    "default-entity-parameter-name": "Εξ ορισμού",
+    "max-relation-level": "Μέγιστος βαθμός συσχέτισης",
+    "unlimited-level": "Απεριόριστος βαθμός",
+    "state-entity": "Οντότητα κατάστασης του Dashboard",
+    "entities-of-group-state-entity": "Οντότητες από την ομάδα οντοτήτων κατάστασης του dashboard",
+    "all-entities": "Όλες οι Οντότητες",
+    "any-relation": "Οποιαδήποτε"
+  },
+  "asset": {
+    "asset": "Asset",
+    "assets": "Assets",
+    "management": "Διαχείριση Asset",
+    "view-assets": "Προβολή Asset",
+    "add": "Προσθήκη Asset",
+    "assign-to-customer": "Ανάθεση σε Πελάτη",
+    "assign-asset-to-customer": "Ανάθεση Asset(s) σε Πελάτη",
+    "assign-asset-to-customer-text": "Επιλέξτε τα Asset που θα αναθέσετε στον πελάτη",
+    "no-assets-text": "Δεν βρέθηκαν Asset",
+    "assign-to-customer-text": "Παρακαλώ επιλέξτε πελάτη για να αναθέσετε το Asset(s)",
+    "public": "Δημόσιο",
+    "assignedToCustomer": "Συνδεδεμένο με πελάτη",
+    "make-public": "Κάνε το Asset δημόσιο",
+    "make-private": "Κάνε το Asset ιδιωτικό",
+    "unassign-from-customer": "Αποσύνδεση από τον πελάτη",
+    "delete": "Διαγραφή Αsset",
+    "asset-public": "Το Asset είναι δημόσιο",
+    "asset-type": "Τύπος Asset",
+    "asset-type-required": "Απαιτείται ορισμός είδους Asset.",
+    "select-asset-type": "Επιλογή τύπου Αsset",
+    "enter-asset-type": "Εισαγωγή τύπου Αsset",
+    "any-asset": "Οποιοδήποτε Αsset",
+    "no-asset-types-matching": "Δεν βρέθηκαν τύποι Asset που να τιαιριάζουν με '{{entitySubtype}}'.",
+    "asset-type-list-empty": "Δεν επιλέχθηκε τύπος Asset.",
+    "asset-types": "Τύποι Asset",
+    "name": "Όνομα",
+    "name-required": "Απαιτείται Όνομα.",
+    "description": "Περιγραφή",
+    "type": "Τύπος",
+    "type-required": "Απαιτείται Τύπος.",
+    "details": "Λεπτομέρειες",
+    "events": "Γεγονότα",
+    "add-asset-text": "Προσθήκη νέου Asset",
+    "asset-details": "Λεπτομέρειες Asset",
+    "assign-assets": "Ανάθεση Assets",
+    "assign-assets-text": "Ανάθεση { count, plural, 1 {1 asset} other {# assets} } σε πελάτη",
+    "delete-assets": "Διαγραφή Assets",
+    "unassign-assets": "Αποσύνδεση Assets",
+    "unassign-assets-action-title": "Αποσύνδεση { count, plural, 1 {1 asset} other {# assets} } από πελάτη",
+    "assign-new-asset": "Ανάθεση νέου Asset",
+    "delete-asset-title": "Είστε βέβαιοι ότι θέλετε να διαγράψετε το Asset '{{assetName}}'?",
+    "delete-asset-text": "Προσοχή!, Μετά την επιβεβαίωση, το Asset και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-assets-title": "Είστε βέβαιοι ότι θέλετε να διαγράψετε { count, plural, 1 {1 asset} other {# assets} };",
+    "delete-assets-action-title": "Διαγραφή { count, plural, 1 {1 asset} other {# assets} }",
+    "delete-assets-text": "Προσοχή! Μετά την επιβεβαίωση, όλα τα επιλεγμένα Asset και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "make-public-asset-title": "Είστε βέβαιοι ότι θέλετε να κάνετε το Asset '{{assetName}}' δημόσιο;",
+    "make-public-asset-text": "Μετά την επιβεβαίωση, το Asset και όλα τα στοιχεία του θα είναι προσβάσιμα από άλλους.",
+    "make-private-asset-title": "Είστε βέβαιοι ότι θέλετε να κάνετε το Asset '{{assetName}}' ιδιωτικό;",
+    "make-private-asset-text": "Μετά την επιβεβαίωση, το Asset και όλα τα στοιχεία του θα είναι ιδιωτικά και μη προσβάσιμα από άλλους.",
+    "unassign-asset-title": "Είστε βέβαιοι ότι θέλετε να αποσυνδέσετε το Asset '{{assetName}}';",
+    "unassign-asset-text": "Μετά την επιβεβαίωση, το Asset θα αποσυνδεθεί και δεν θα είναι προσβάσιμο από τον πελάτη.",
+    "unassign-asset": "Αποσύνδεση Asset",
+    "unassign-assets-title": "Είστε βέβαιοι ότι θέλετε να αποσυνδέσετε { count, plural, 1 {1 asset} other {# assets} };",
+    "unassign-assets-text": "Μετά την επιβεβαίωση, όλα τα επιλεγμένα Asset θα αποσυνδεθούν και δεν θα είναι προσβάσιμα από τον πελάτη.",
+    "copyId": "Αντιγραφή Asset Id",
+    "idCopiedMessage": "Το Asset Id αντιγράφηκε στο πρόχειρο",
+    "select-asset": "Επιλογή Asset",
+    "no-assets-matching": "Δεν βρέθηκαν Asset που να ταιριάζουν με '{{entity}}'.",
+    "asset-required": "Απαιτείται Asset",
+    "name-starts-with": "Όνομα Asset που ξεκινάει με",
+    "selected-assets": "{ count, plural, 1 {1 asset} other {# assets} } επιλέχθηκαν",
+    "search": "Αναζήτηση Asset",
+    "select-group-to-add": "Επιλέξτε ομάδα στόχο για να προσθέσετε επιλεγμένα Asset",
+    "select-group-to-move": "Επιλέξτε ομάδα στόχο για να μετακινήσετε επιλεγμένα assets",
+    "remove-assets-from-group": "Είστε βέβαιοι ότι θέλετε να καταργήσετε { count, plural, 1 {1 asset} other {# assets} } από την ομάδα '{entityGroup}';",
+    "group": "Ομάδα Asset",
+    "list-of-groups": "{ count, plural, 1 {One asset group} other {List of # asset groups} }",
+    "group-name-starts-with": "Ομάδες Asset των οποίων τα ονόματα ξεκινούν με '{{prefix}}'",
+    "import": "Εισαγωγή Asset",
+    "asset-file": "Αρχείο Asset"
+  },
+  "attribute": {
+    "attributes": "Χαρακτηριστικά",
+    "latest-telemetry": "Τελευταία τηλεμετρία",
+    "attributes-scope": "Πεδίο εφαρμογής Χαρακτηριστικών Οντότητας",
+    "scope-latest-telemetry": "Τελευταία τηλεμετρία",
+    "scope-client": "Χαρακτηριστικά Client",
+    "scope-server": "Χαρακτηριστικά Server",
+    "scope-shared": "Κοινόχρηστα Χαρακτηριστικά",
+    "add": "Προσθήκη Χαρακτηριστικού",
+    "add-attribute-prompt": "Προσθέστε Χαρακτηριστικό",
+    "key": "Όνομα",
+    "last-update-time": "Ώρα τελευταίας ενημέρωσης",
+    "key-required": "Απαιτείται μεταβλητή χαρακτηριστικού.",
+    "value": "Τιμή",
+    "value-required": "Απαιτείται ορισμός τιμής χαρακτηριστικού.",
+    "delete-attributes-title": "Είστε βέβαιοι ότι θέλετε να διαγράψετε { count, plural, 1 {1 attribute} other {# attributes} };",
+    "delete-attributes-text": "Προσοχή! Μετά την επιβεβαίωση θα αφαιρεθούν όλα τα επιλεγμένα χαρακτηριστικά.",
+    "delete-attributes": "Διαγραφή χαρακτηριστικών",
+    "enter-attribute-value": "Καταχωρίστε την τιμή του χαρακτηριστικού",
+    "show-on-widget": "Εμφάνιση σε widget",
+    "widget-mode": "Είδος λειτουργίας widget",
+    "next-widget": "Επόμενο widget",
+    "prev-widget": "Προηγούμενο widget",
+    "add-to-dashboard": "Προσθήκη σε dashboard",
+    "add-widget-to-dashboard": "Προσθήκη widget στο dashboard",
+    "selected-attributes": "{ count, plural, 1 {1 attribute} other {# attributes} } επιλέχθηκαν",
+    "selected-telemetry": "{ count, plural, 1 {1 telemetry unit} other {# telemetry units} } επιλέχθηκαν"
+  },
+  "audit-log": {
+    "audit": "Καταγραφή",
+    "audit-logs": "Ημερολόγια Καταγραφής",
+    "timestamp": "Ώρα",
+    "entity-type": "Είδος Οντότητας",
+    "entity-name": "Όνομα Οντότητας",
+    "user": "Χρήστης",
+    "type": "Τύπος",
+    "status": "Κατάσταση",
+    "details": "Λεπτομέρειες",
+    "type-added": "Προστέθηκε",
+    "type-deleted": "Διαγράφηκε",
+    "type-updated": "Ενημερώθηκε",
+    "type-attributes-updated": "Τα χαρακτηριστικά ενημερώθηκαν",
+    "type-attributes-deleted": "Τα χαρακτηριστικά διαγράφηκαν",
+    "type-rpc-call": "Κλήση RPC",
+    "type-credentials-updated": "Τα διαπιστευτήρια ενημερώθηκαν",
+    "type-assigned-to-customer": "Ανατέθηκε σε Πελάτη",
+    "type-unassigned-from-customer": "Αποσυνδέθηκε από Πελάτη",
+    "type-activated": "Ενεργοποιήθηκε",
+    "type-suspended": "Μπήκε σε αναστολή",
+    "type-credentials-read": "Τα διαπιστευτήρια διαβάστηκαν",
+    "type-attributes-read": "Τα χαρακτηριστικά διαβάστηκαν",
+    "type-added-to-entity-group": "Προστέθηκε στην ομάδα",
+    "type-removed-from-entity-group": "Αφαιρέθηκε από την ομάδα",
+    "type-relation-add-or-update": "Relation updated",
+    "type-relation-delete": "Η συσχέτιση ενημερώθηκε",
+    "type-relations-delete": "Όλες οι συσχετίσεις διαγράφηκαν",
+    "type-alarm-ack": "Επιβεβαιώθηκε",
+    "type-alarm-clear": "Εκκαθαρίστηκε",
+    "type-rest-api-rule-engine-call": "Κλήση Rule engine REST API",
+    "type-made-public": "Έγινε δημόσιο",
+    "type-made-private": "Έγινε ιδιωτικό",
+    "status-success": "Επιτυχία",
+    "status-failure": "Αποτυχία",
+    "audit-log-details": "΄Λεπτομέρειες καταγραφής",
+    "no-audit-logs-prompt": "Δεν βρέθηκαν αρχεία καταγραφής",
+    "action-data": "Δεδομένα ενεργειών",
+    "failure-details": "Λεπτομέρειες αποτυχίας",
+    "search": "Αναζήτηση αρχείων καταγραφής",
+    "clear-search": "΄Καθαρισμός αναζήτησης"
+  },
+  "confirm-on-exit": {
+    "message": "Έχετε μη αποθηκευμένες αλλαγές. Είστε βέβαιοι ότι θέλετε να φύγετε από τη σελίδα;",
+    "html-message": "Έχετε μη αποθηκευμένες αλλαγές.<br/>Είστε βέβαιοι ότι θέλετε να φύγετε από τη σελίδα;",
+    "title": "Μη αποθηκευμένες αλλαγές"
+  },
+  "contact": {
+    "country": "Χώρα",
+    "city": "Πόλη",
+    "state": "Περιφέρεια",
+    "postal-code": "Ταχυδρομικός Κώδικας",
+    "postal-code-invalid": "Μη έγκυρη μορφή ταχυδρομικού κώδικα.",
+    "address": "Διεύθυνση (γραμμή 1)",
+    "address2": "Διεύθυνση (γραμμή 2)",
+    "phone": "Τηλέφωνο",
+    "email": "Email",
+    "no-address": "Χωρίς διεύθυνση"
+  },
+  "common": {
+    "username": "Όνομα χρήστη",
+    "password": "Κωδικός πρόσβασης",
+    "enter-username": "Εισάγετε Όνομα χρήστη",
+    "enter-password": "Εισάγετε Κωδικό πρόσβασης",
+    "enter-search": "Αναζήτηση"
+  },
+  "converter": {
+    "converter": "Μετατροπέας δεδομένων",
+    "converters": "Μετατροπείς δεδομένων",
+    "select-converter": "Επιλογή μετατροπέα δεδομένων",
+    "no-converters-matching": "Δεν βρέθηκαν μετατροπείς δεδομένων για '{{entity}}'.",
+    "converter-required": "Απαιτείται ορισμός μετατροπέα δεδομένων",
+    "delete": "Διαγραφή μετατροπέα",
+    "management": "Διαχείριση μετατροπέων δεδομένων",
+    "add-converter-text": "Προσθήκη νέου μετατροπέα δεδομένων",
+    "no-converters-text": "Δεν βρέθηκαν μετατροπείς δεδομένων",
+    "selected-converters": "{ count, plural, 1 {1 data converter} other {# data converters} } επιλέχθηκαν",
+    "delete-converter-title": "Είστε βέβαιοι ότι θέλετε να διαγράψετε τον μετατροπέα δεδομένων '{{converterName}}'?",
+    "delete-converter-text": "Προσέξτε, μετά την επιβεβαίωση, ο μετατροπέας δεδομένων και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-converters-title": "Είστε βέβαιοι ότι θέλετε να διαγράψετε { count, plural, 1 {1 data converter} other {# data converters} };",
+    "delete-converters-action-title": "Διαγραφή { count, plural, 1 {1 data converter} other {# data converters} }",
+    "delete-converters-text": "Προσοχή! Μετά την επιβεβαίωση, όλοι οι επιλεγμένοι μετατροπείς δεδομένων και όλα τα σχετικά δεδομένα θα καταστούν μη ανακτήσιμα.",
+    "events": "Γεγονότα",
+    "add": "Προσθήκη μετατροπέα δεδομένων",
+    "converter-details": "Λεπτομέρειες μετατροπέα δεδομένων",
+    "details": "Λεπτομέρειες",
+    "copyId": "Αντιγραφή ID μετατροπέα δεδομένων",
+    "idCopiedMessage": "Το ID του μετατροπέα δεδομένων αντιγράφηκε στο πρόχειρο.",
+    "debug-mode": "Λειτουργία εντοπισμού σφαλμάτων",
+    "name": "Όνομα",
+    "name-required": "Απαιτείται Όνομα.",
+    "description": "Περιγραφή",
+    "decoder": "Αποκωδικοποιητής",
+    "encoder": "Kωδικοποιητής",
+    "test-decoder-fuction": "Δοκιμή λειτουργίας αποκωδικοποιητή",
+    "test-encoder-fuction": "Δοκιμή λειτουργίας κωδικοποιητή",
+    "decoder-input-params": "Είσοδο παραμέτρων αποκωδικοποιητή",
+    "encoder-input-params": "Είσοδο παραμέτρων κωδικοποιητή",
+    "payload": "Φορτίο",
+    "payload-content-type": "Τύπος περιεχόμενου φορτίου",
+    "payload-content": "Περιεχόμενο φορτίο",
+    "message": "Μήνυμα",
+    "message-type": "Τύπος μηνύματος",
+    "message-type-required": "Απαιτείται τύπος μηνύματος",
+    "test": "Δοκιμή",
+    "metadata": "Μεταδεδομένα",
+    "metadata-required": "Οι καταχωρίσεις μεταδεδομένων δεν μπορούν να είναι κενές.",
+    "integration-metadata": "Μεταδεδομένα ενσωμάτωσης",
+    "integration-metadata-required": "Οι καταχωρήσεις μεταδεδομένων ενσωμάτωσης δεν μπορούν να είναι κενές.",
+    "output": "Έξοδος",
+    "import": "Εισαγωγή μετατροπέα",
+    "export": "Εξαγωγή μετατροπέα",
+    "export-failed-error": "Δεν είναι δυνατή η εξαγωγή του μετατροπέα: {{error}}",
+    "create-new-converter": "Δημιουργία νέου μετατροπέα",
+    "converter-file": "Αρχείο μετατροπέα",
+    "invalid-converter-file-error": "Δεν είναι δυνατή η εισαγωγή του μετατροπέα: Μη έγκυρη δομή δεδομένων μετατροπέα.",
+    "type": "Τύπος",
+    "type-required": "Απαιτείται τύπος.",
+    "type-uplink": "Uplink",
+    "type-downlink": "Downlink"
+  },
+  "content-type": {
+    "json": "Json",
+    "text": "Text",
+    "binary": "Binary (Base64)"
+  },
+  "customer": {
+    "customer": "Πελάτης",
+    "customers": "Πελάτες",
+    "management": "Διαχείριση Πελατών",
+    "dashboard": "Dashboard Πελάτη",
+    "dashboards": "Dashboards Πελάτη",
+    "devices": "Συσκευές Πελάτη",
+    "entity-views": "Προβολές Οντοτήτων ΠελάτηCustomer Entity Views",
+    "assets": "Assets Πελάτη",
+    "public-dashboards": "Δημόσια Dashboards",
+    "public-devices": "Δημόσιες Devices",
+    "public-assets": "Δημόσια Assets",
+    "public-entity-views": "Δημόσιες Προβολές Οντοτήτων",
+    "add": "Προσθήκη Πελάτη",
+    "delete": "Διαγραφή πελάτη",
+    "manage-customer-user-groups": "Διαχείριση ομάδων χρηστών πελατών",
+    "manage-customer-groups": "Διαχείριση ομάδων πελατών",
+    "manage-customer-device-groups": "Διαχείριση ομάδων συσκευών πελατών",
+    "manage-customer-asset-groups": "Διαχείριση ομάδων Asset πελατών",
+    "manage-customer-entity-view-groups": "Διαχείριση ομάδων προβολής οντότητας πελατών",
+    "manage-customer-dashboard-groups": "Διαχείριση ομάδων dashboard πελατών",
+    "manage-customer-users": "Διαχείριση χρηστών πελατών",
+    "manage-customers": "Διαχείριση πελατών",
+    "manage-customer-devices": "Διαχείρηση συσκευών πελατών",
+    "manage-customer-entity-views": "Διαχείριση προβολής οντότητας πελατών",
+    "manage-customer-dashboards": "Διαχείριση dashboards πελατών",
+    "manage-public-devices": "Διαχείριση δημόσιων συσκευών",
+    "manage-public-dashboards": "Διαχείριση δημόσιων συσκευών",
+    "manage-customer-assets": "Διαχείριση οντοτήτων πελατών",
+    "manage-public-assets": "Διαχείριση δημόσιων οντοτήτων",
+    "add-customer-text": "Προσθήκη νέου πελάτη",
+    "no-customers-text": "Δεν βρέθηκαν πελάτες",
+    "customer-details": "Λεπτομέρειες πελάτη",
+    "delete-customer-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε τον πελάτη '{{customerTitle}}'?",
+    "delete-customer-text": "Προσέξτε, μετά την επιβεβαίωση, ο πελάτης και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-customers-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε { count, plural, 1 {1 customer} other {# customers} }?",
+    "delete-customers-action-title": "Διαγραφή { count, plural, 1 {1 customer} other {# customers} }",
+    "delete-customers-text": "Προσέξτε, μετά την επιβεβαίωση, οι πελάτες και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "manage-user-groups": "Διαχείρηση ομαδών χρηστών",
+    "manage-asset-groups": "Διαχείρηση ομαδών οντοτήτων",
+    "manage-device-groups": "Διαχείρηση ομαδών συσκευών",
+    "manage-dashboard-groups": "Διαχείρηση ομαδών dashboards",
+    "manage-entity-view-groups": "Διαχείρηση ομαδών προβολής οντοτήτων",
+    "manage-users": "Διαχείρηση χρηστών",
+    "manage-assets": "Διαχείρηση οντοτήτων",
+    "manage-devices": "Διαχείρηση συσκευών",
+    "manage-dashboards": "Διαχείρηση dashboards",
+    "title": "Τίτλος",
+    "title-required": "Απαιτείται ένας τίτλος.",
+    "description": "Περιγραφή",
+    "details": "Λεπτομέρειες",
+    "events": "Γεγονότα",
+    "copyId": "Αντιγραφή ID πελάτη",
+    "idCopiedMessage": "Το ID του πελάτη έχει αντιγραφεί στο πρόχειρο",
+    "select-customer": "Επιλέξτε πελάτη",
+    "no-customers-matching": "Δεν βρέθηκαν πελάτες που να αντιστοιχούν σε '{{entity}}'.",
+    "customer-required": "Απαιτείται πελάτης",
+    "selected-customers": "{ count, plural, 1 {1 customer} other {# customers} } επιλέχθηκαν",
+    "search": "Αναζήτηση πελατών",
+    "select-group-to-add": "Επιλέξτε ομάδα για να προσθέσετε τους επιλεγμένους πελάτες",
+    "select-group-to-move": "Επιλέξτε ομάδα για να μετακινήσετε τους επιλεγμένους πελάτες",
+    "remove-customers-from-group": "Είστε σίγουροι ότι θέλετε να αφαιρέσετε { count, plural, 1 {1 customer} other {# customers} } από την ομάδα '{entityGroup}'?",
+    "group": "Ομάδα πελατών",
+    "list-of-groups": "{ count, plural, 1 {One customer group} other {List of # customer groups} }",
+    "group-name-starts-with": "Πελάτες των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "select-default-customer": "Επιλογή προεπιλεγμένου πελάτη",
+    "default-customer": "Προεπιλεγμένος πελάτης",
+    "default-customer-required": "Ο προεπιλεγμένος πελάτης είναι υποχρεωτικός για να είναι δυνατή η απασφαλμάτωση του dashboard από τον Tenant",
+    "allow-white-labeling": "Επιτρέψτε το White Labeling"
+  },
+  "customers-hierarchy": {
+    "customers-hierarchy": "Ιεραρχία Πελατών",
+    "open-nav-tree": "Άνοιγμα διακλάδωσης",
+    "return-to-top-level": "Επιστροφή στο αρχικό επίπεδο"
+  },
+  "custom-menu": {
+    "custom-menu": "Προσαρμοσμένο Μενού",
+    "custom-menu-hint": "Ορίστε το προσαρμοσμένο μενού (JSON) παρακάτω. Αυτό το JSON περιέχει μια λίστα με προσαρμοσμένα στοιχεία μενού."
+  },
+  "custom-translation": {
+    "custom-translation": "Μεταφράσεις",
+    "translation-map": "Χάρτης μετάφρασης",
+    "key": "Κλειδί",
+    "import": "Εισαγωγή μετάφρασης",
+    "export": "Εξαγωγή μετάφρασης",
+    "export-data": "Εξαγωγή δεδομένων μετάφρασης",
+    "import-data": "Εισαγωγή δεδομένων μετάφρασης",
+    "translation-file": "Αρχείο μετάφρασης",
+    "invalid-translation-file-error": "Δεν είναι δυνατή η εισαγωγή αρχείου μετάφρασης: Μη έγκυρη δομή δεδομένων μετάφρασης.",
+    "custom-translation-hint": "Καθορίστε την προσαρμοσμένη μετάφραση (JSON) παρακάτω. Αυτό το JSON θα αντικαταστήσει την προεπιλεγμένη μετάφραση. Κάνετε Λήψη αρχείου γλώσσας για να λάβετε την υπάρχουσα μετάφραση. Μπορείτε επίσης να χρησιμοποιήσετε το ληφθέν αρχείο ως αναφορά στα διαθέσιμα ζεύγη κλειδιών-τιμών μετάφρασης.",
+    "download-locale-file": "Λήψη αρχείου γλώσσας"
+  },
+  "datetime": {
+    "date-from": "Ημ/νία από",
+    "time-from": "Ώρα από",
+    "date-to": "Ημ/νία έως",
+    "time-to": "Ώρα έως"
+  },
+  "dashboard": {
+    "dashboard": "Dashboard",
+    "dashboards": "Dashboards",
+    "management": "Διαχείριση Dashboard",
+    "view-dashboards": "Προβολή Dashboards",
+    "add": "Προσθήκη Dashboard",
+    "assign-dashboard-to-customer": "Ανάθεση Dashboard(s) Σε Πελάτη",
+    "assign-dashboard-to-customer-text": "Παρακαλώ επιλέξτε τα dashboards που θέλετε να αναθέσετε σε πελάτη",
+    "assign-to-customer-text": "Παρακαλώ επιλέξτε τον πελάτη στον οποίο θέλετε να αναθέσετε το/τα dashboard(s)",
+    "assign-to-customer": "Ανάθεση σε πελάτη",
+    "unassign-from-customer": "Αφαίρεση από πελάτη",
+    "make-public": "Δημοσιοποιήση Dashboard",
+    "make-private": "Ιδιωτικοποίηση Dashboard",
+    "manage-assigned-customers": "Διαχείρηση ανατεθειμένων πελατών",
+    "assigned-customers": "Ανατεθειμένοι πελάτες",
+    "assign-to-customers": "Ανάθεση Dashboard(s) Σε Πελάτες",
+    "assign-to-customers-text": "Παρακαλώ επιλέξτε τους πελάτες στους οποίους θέλετε να αναθέσετε το/τα dashboard(s)",
+    "unassign-from-customers": "Μη Ανατεθειμένα Dashboard(s) Από Πελάτες",
+    "unassign-from-customers-text": "Παρακαλώ επιλέξτε τους πελάτες τους οποίους θέλετε να αφαιρέσετε από το/τα dashboard(s)",
+    "no-dashboards-text": "Δεν βρέθηκαν dashboards",
+    "no-widgets": "Δεν έχουν ρυθμιστεί widgets",
+    "add-widget": "Προσθέστε νέο widget",
+    "title": "Τίτλος",
+    "select-widget-title": "Επιλογή widget",
+    "select-widget-subtitle": "Λίστα με τους διαθέσιμους τύπους widget",
+    "delete": "Διαγραφή dashboard",
+    "title-required": "Απαιτείται ένας τίτλος.",
+    "description": "Περιγραφή",
+    "details": "Λεπτομέρειες",
+    "dashboard-details": "Λεπτομέρειες Dashboard",
+    "add-dashboard-text": "Προσθέστε νέο dashboard",
+    "assign-dashboards": "Αναθέστε dashboards",
+    "assign-new-dashboard": "Ανάθεση νέου dashboard",
+    "assign-dashboards-text": "Ανάθεση { count, plural, 1 {1 dashboard} other {# dashboards} } σε πελάτες",
+    "unassign-dashboards-action-text": "Μη ανατεθειμένο/α { count, plural, 1 {1 dashboard} other {# dashboards} } από πελάτες",
+    "delete-dashboards": "Διαγραφή dashboards",
+    "unassign-dashboards": "Αφαίρεση dashboards",
+    "unassign-dashboards-action-title": "Αφαίρεση { count, plural, 1 {1 dashboard} other {# dashboards} } από πελάτη",
+    "delete-dashboard-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε το dashboard '{{dashboardTitle}}'?",
+    "delete-dashboard-text": "Προσοχή, μετά την επιβεβαίωση, το dashboard και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-dashboards-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε { count, plural, 1 {1 dashboard} other {# dashboards} }?",
+    "delete-dashboards-action-title": "Διααγραφή { count, plural, 1 {1 dashboard} other {# dashboards} }",
+    "delete-dashboards-text": "Προσοχή, μετά την επιβεβαίωση, όλα τα επιλεγμένα dashboards και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "unassign-dashboard-title": "Είστε σίγουρου ότι θέλετε να αφαιρέσετε το dashboard '{{dashboardTitle}}'?",
+    "unassign-dashboard-text": "Μετά την επιβεβαίωση το dashboard θα αφαιρεθεί και δεν θα είναι διαθέσιμο στον πελάτη.",
+    "unassign-dashboard": "Αφαίρεση dashboard",
+    "unassign-dashboards-title": "Είστε σίγουρου ότι θέλετε να αφαιρέσετε { count, plural, 1 {1 dashboard} other {# dashboards} }?",
+    "unassign-dashboards-text": "Μετά την επιβεβαίωση όλα τα επιλεγμένα dashboards θα αφαιρεθούν και δεν θα είναι διαθέσιμα στον πελάτη.",
+    "public-dashboard-title": "Το dashboard είναι δημόσιο",
+    "public-dashboard-text": "Το dashboard <b>{{dashboardTitle}}</b> είναι δημόσιο και διαθέσιμο μέσω του παρακάτω <a href='{{publicLink}}' target='_blank'>συνδέσμου</a>:",
+    "public-dashboard-notice": "<b>Σημείωση:</b> Μην ξεχνάτε να κάνετε δημόσιες τις συσκευές που συσχετίζονται ώστε να είναι δυνατή η πρόσβαση στα δεδομένα τους.",
+    "public-dashboard-link": "Σύνδεσμος δημόσιου dashboard",
+    "public-dashboard-link-text": "Το δημόσιο dashboard <b>{{dashboardTitle}}</b> είναι πλέον διαθέσιμο μέσω μέσω του παρακάτω <a href='{{publicLink}}' target='_blank'>συνδέσμου</a>:",
+    "public-dashboard-link-notice": "<b>Σημείωση:</b> Μην ξεχνάτε να κάνετε δημόσιες τις συσκευές, τα assets και την προβολή οντοτήτων που συσχετίζονται ώστε να είναι δυνατή η πρόσβαση στα δεδομένα τους.",
+    "make-private-dashboard-title": "Είστε σίγουροι ότι θέλετε να κάνετε το dashboard '{{dashboardTitle}}' ιδιωτικό",
+    "make-private-dashboard-text": "Μετά την επιβεβαίωση το dashboard θα γίνουν ιδιωτικά και δεν θα είναι διαθέσιμα από τρίτους.",
+    "make-private-dashboard": "Κάνε το dashboard ιδιωτικό",
+    "socialshare-text": "'{{dashboardTitle}}' powered by EyeTech",
+    "socialshare-title": "'{{dashboardTitle}}' powered by EyeTech",
+    "select-dashboard": "Επιλογή dashboard",
+    "no-dashboards-matching": "Δεν βρέθηκαν dashboards που να αντιστοιχούν σε '{{entity}}'.",
+    "dashboard-required": "Απαιτείται dashboard.",
+    "select-existing": "Επιλέξτε ένα υπάρχον dashboard",
+    "create-new": "Δημιουργία νέου dashboard",
+    "new-dashboard-title": "Τίτλος νέου dashboard",
+    "open-dashboard": "Άνοιγμα dashboard",
+    "set-background": "Ορίστε φόντο",
+    "background-color": "χρώμα φόντου",
+    "background-image": "εικόνα φόντου",
+    "background-size-mode": "μέγεθος φόντου",
+    "no-image": "Δεν επιλέχθηκε εικόνα",
+    "drop-image": "Ρίξτε εδώ μια εικόνα ή κάνετε κλικ για να επιλέξετε ένα αρχείο για να ανεβεί.",
+    "settings": "Ρυθμίσεις",
+    "columns-count": "Αρίθμιση στηλών",
+    "columns-count-required": "Απαιτείται η αρίθμιση στηλών.",
+    "min-columns-count-message": "Ελάχιστος αριθμός στηλών είναι 10.",
+    "max-columns-count-message": "Μέγιστος αριθμός στηλών είναι 1000.",
+    "widgets-margins": "Περιθώριο μεταξύ widgets",
+    "horizontal-margin": "Οριζόντιο περιθώριο",
+    "horizontal-margin-required": "Απαιτείται τιμή για το οριζόντιο περιθώριο.",
+    "min-horizontal-margin-message": "Ελάχιστη τιμή οριζόντιου περιθωρίου είναι 0.",
+    "max-horizontal-margin-message": "Μέγιστη τιμή οριζόντιου περιθωρίου είναι 50.",
+    "vertical-margin": "Κάθετο περιθώριο",
+    "vertical-margin-required": "Απαιτείται τιμή για το κάθετο περιθώριο",
+    "min-vertical-margin-message": "Ελάχιστη τιμή καθέτου περιθωρίου είναι 0.",
+    "max-vertical-margin-message": "Μέγιστη τιμή καθέτου περιθωρίου είναι 50.",
+    "autofill-height": "Αυτόματη συμπλήρωση ύψους διάταξης",
+    "mobile-layout": "Ρυθμίσεις διάταξης mobile",
+    "mobile-row-height": "ύψος γραμμής mobile, σε px",
+    "mobile-row-height-required": "Απαιτείται ύψος γραμμής mobile.",
+    "min-mobile-row-height-message": "Ελάχιστη τιμή ύψους γραμμής mobile είναι 5.",
+    "max-mobile-row-height-message": "Μέγιστη τιμή ύψους γραμμής mobile είναι 200.",
+    "display-title": "Τίτλος εμφάνισης dashboard",
+    "toolbar-always-open": "Γραμμή εργαλείων πάντα ανοιχτή",
+    "title-color": "Χρώμα τίτλου",
+    "display-dashboards-selection": "Εμφάνηση επιλογής dashboards",
+    "display-entities-selection": "Εμφάνιση επιλογής οντοτήτων",
+    "display-dashboard-timewindow": "Εμφάνιση χρονικού πλαισίου",
+    "display-dashboard-export": "Εμφάνιση εξαγωγής",
+    "import": "Εισαγωγή dashboard",
+    "export": "Εξαγωγή dashboard",
+    "export-failed-error": "Δεν ήταν δυνατή η εξαγωγή dashboard: {{error}}",
+    "export-pdf": "Εξαγωγή ως PDF",
+    "export-png": "Εξαγωγή ως PNG",
+    "export-jpg": "Εξαγωγή ως JPEG",
+    "export-json-config": "Εξαγωγή ρυθμίσεις JSON",
+    "download-dashboard-progress": "Δημιουργία dashboard {{reportType}} ...",
+    "create-new-dashboard": "Δημιουργία νέου dashboard",
+    "dashboard-file": "Αρχείο dashboard",
+    "invalid-dashboard-file-error": "Δεν ήταν δυνατή η εισαγωγή dashboard: Μη έγκυρη δομή δεδομένων dashboard.",
+    "dashboard-import-missing-aliases-title": "Διαμορφώστε τα ψευδώνυμα που χρησιμοποιούνται από το dashboard που εισαγάγατε",
+    "create-new-widget": "Δημιουργία νέου widget",
+    "import-widget": "Εισαγωγή widget",
+    "widget-file": "Αρχείο widget",
+    "invalid-widget-file-error": "Δεν ήταν δυνατή η εισαγωγή widget: Μη έγκυρη δομή δεδομένων dashboard.",
+    "widget-import-missing-aliases-title": "Διαμορφώστε τα ψευδώνυμα που χρησιμοποιούνται από το widget που εισαγάγατε",
+    "open-toolbar": "Άνοιγμα γραμμής εργαλείων dashboard",
+    "close-toolbar": "Κλείσιμο γραμμής εργαλείων",
+    "configuration-error": "Σφάλμα ρυθμίσεων",
+    "alias-resolution-error-title": "Σφάλμα ρυθμίσεων ψευδωνύμων dashboard",
+    "invalid-aliases-config": "Δεν βρέθηκε καμία συσκευή που να ταιριάζει με κάποιο από τα φίλτρα.<br/>Παρακαλούμε επικοινωνήστε με τον Διαχειριστή για την επίλυση του ζητήματος.",
+    "select-devices": "Επιλογή συσκευών",
+    "assignedToCustomer": "Ανατεθειμένο σε πελάτη",
+    "assignedToCustomers": "Ανατεθειμένο σε πελάτες",
+    "public": "Δημόσιο",
+    "public-link": "Δημόσιος σύνδεσμος",
+    "copy-public-link": "Αντιγραφή δημόσιου συνδέσμου",
+    "public-link-copied-message": "Ο δημόσιος σύνδεσμος έχει αντιγραφεί στο πρόχειρο",
+    "manage-states": "Διαχείρηση κατάστασης dashboard",
+    "states": "Κατάσταση dashboard",
+    "search-states": "Αναζήτηση σε κατάσταση dashboard",
+    "selected-states": "{ count, plural, 1 {1 dashboard state} other {# dashboard states} } επιλεγμένα",
+    "edit-state": "Επεξεργασία κατάστασης dashboard",
+    "delete-state": "Διαγραφή κατάστασης dashboard",
+    "add-state": "Προσθήκη κατάστασης dashboard",
+    "state": "Κατάσταση Dashboard",
+    "state-name": "Όνομα",
+    "state-name-required": "Απαιτείται όνομα κατάστασης dashboard.",
+    "state-id": "ID Κατάστασης",
+    "state-id-required": "Απαιτείται ID κατάστασης dashboard.",
+    "state-id-exists": "Υπάρχει ήδη κατάσταση dashboard με το ίδιο ID.",
+    "is-root-state": "Root state",
+    "delete-state-title": "Διαγραφή κατάστασης dashboard",
+    "delete-state-text": "Είστε σίγουροι ότι θέλετε να διαγράψετε την κατάσταση dashboard με όνομα '{{stateName}}'?",
+    "show-details": "Εμφάνιση λεπτομερειών",
+    "hide-details": "Απόκρυψη λεπτομερειών",
+    "select-state": "Επιλογή κατάστασης",
+    "state-controller": "Έλεγχος κατάστασης",
+    "selected-dashboards": "{ count, plural, 1 {1 dashboard} other {# dashboards} } επιλεγμένα",
+    "search": "Αναζήτηση dashboards",
+    "select-group-to-add": "Επιλογή ομάδας για να προστεθεί στα επιλεγμένα dashboards",
+    "select-group-to-move": "Επιλογή ομάδας για να μετακινηθεί στα επιλεγμένα dashboards",
+    "remove-dashboards-from-group": "Είστε σίγουροι ότι θέλετε να αφαιρέσετε { count, plural, 1 {1 dashboard} other {# dashboards} } from group '{entityGroup}'?",
+    "group": "Ομάδα dashboards",
+    "list-of-groups": "{ count, plural, 1 {One dashboard group} other {List of # dashboard groups} }",
+    "group-name-starts-with": "Ομάδες dashboard των οποίων το όνομα αρχίζει από '{{prefix}}'"
+  },
+  "datakey": {
+    "settings": "Ρυθμίσεις",
+    "advanced": "Προχωρημένες",
+    "label": "Ετικέτα",
+    "color": "Χρώμα",
+    "units": "Ειδικό σύμβολο που εμφανίζεται δίπλα από την τιμή",
+    "decimals": "Αριθμός ψηφίων μετά την υποδιαστολή",
+    "data-generation-func": "Λειτουργία δημιουργίας δεδομένων",
+    "use-data-post-processing-func": "Χρησιμοποιήστε τη λειτουργία μετα-επεξεργασίας δεδομένων",
+    "configuration": "Ρυθμίσεις ονομάτων δεδομένων",
+    "timeseries": "Χρονική σειρά",
+    "attributes": "Ιδιώτητες",
+    "alarm": "Πεδία alarm",
+    "timeseries-required": "Απαιτείται χρονική σειρά οντοτήτων.",
+    "timeseries-or-attributes-required": "Απαιτείται χρονική σειρά/ιδιώτητες οντοτήτων.",
+    "maximum-timeseries-or-attributes": "Μέγιστο { count, plural, 1 {1 timeseries/attribute is allowed.} other {# timeseries/attributes are allowed} }",
+    "alarm-fields-required": "Απαιτούνται πεδία alarm.",
+    "function-types": "Τύποι λειτουργιών",
+    "function-types-required": "Απαιτούνται τύποι λειτουργιών.",
+    "maximum-function-types": "Μέγιστο { count, plural, 1 {1 function type is allowed.} other {# function types are allowed} }",
+    "time-description": "χρονικό σημείο της συγκεκριμένης τιμής",
+    "value-description": "η συγκεκριμένη τιμή",
+    "prev-value-description": "αποτέλεσμα της προηγούμενης λειτουργίας",
+    "time-prev-description": "χρονσικό σημείο της προηγούμενης τιμής",
+    "prev-orig-value-description": "αρχική προηγούμενη τιμή"
+  },
+  "datasource": {
+    "type": "Τύπος πηγής δεδομένων",
+    "name": "Όνομα",
+    "add-datasource-prompt": "Παρακαλούμε προσθέστε πηγή δεδομένων"
+  },
+  "details": {
+    "details": "Λεπτομέρειες",
+    "edit-mode": "Λειτουργία Επεξεργασίας",
+    "toggle-edit-mode": "Εναλλαγή λειτουργίας επεξεργασίας"
+  },
+  "device": {
+    "device": "Συσκευή",
+    "device-required": "Απαιτείται ορισμός συσκευής.",
+    "devices": "Συσκευές",
+    "management": "Διαχείριση Συσκευών",
+    "view-devices": "Προβολή Συσκευών",
+    "device-alias": "Ψευδώνυμο συσκευής",
+    "aliases": "Ψευδώνυμα συσκευής",
+    "no-alias-matching": "Δεν βρέθηκε '{{alias}}'.",
+    "no-aliases-found": "Δεν βρέθηκαν ψευδώνυμα.",
+    "no-key-matching": "Δεν βρέθηκε '{{key}}'.",
+    "no-keys-found": "Δεν βρέθηκαν ονόματα",
+    "create-new-alias": "Δημιουργήστε ένα νέο ψευδώνυμο!",
+    "create-new-key": "Δημιουργήστε ένα νέο!",
+    "duplicate-alias-error": "Βρέθηκε διπλότυπο το ψευδώνυμο '{{alias}}'.<br>Τα ψευδώνυμα συσκευών πρέπει να είναι μοναδικά σε ένα dashboard.",
+    "configure-alias": "Ρύθμιση ψευδώνυμου '{{alias}}'",
+    "no-devices-matching": "Δεν βρέθηκε συσκευή η οποία να αντιστοιχεί σε '{{entity}}'.",
+    "alias": "Ψευδώνυμο",
+    "alias-required": "Απαιτείται ψευδώνυμο συσκευής.",
+    "remove-alias": "Αφαίρεση ψευδώνυμου συσκευής",
+    "add-alias": "Προσθήκη ψευδώνυμου συσκευής",
+    "name-starts-with": "Το όνομα συσκευής αρχίζει με",
+    "device-list": "Λίστα συσκευών",
+    "use-device-name-filter": "Χρήση φίλτρου",
+    "device-list-empty": "Δεν επιλέχθηκαν συσκευές.",
+    "device-name-filter-required": "Απαιτείται φίλτρο ονόματος συσκυεής.",
+    "device-name-filter-no-device-matched": "Δεν βρέθηκαν συσκευές οι οποίες να αρχίζουν από '{{device}}'.",
+    "add": "Προσθήκη συσκευής",
+    "assign-to-customer": "Ανάθεση σε πελάτη",
+    "assign-device-to-customer": "Ανάθεση Συσκευών Σε Πελάτη",
+    "assign-device-to-customer-text": "Παρακαλούμε επιλέξτε συσκευές προς ανάθεση σε πελάτη",
+    "make-public": "Δημοσιοποίηση συσκευών",
+    "make-private": "Ιδιωτικοποίηση συσκευών",
+    "no-devices-text": "Δεν βρέθηκαν συσκευές",
+    "assign-to-customer-text": "Παρακαλώ επιλέξτε πελάτη για να αναθέσετε τις συσκευές",
+    "device-details": "Λεπτομέρειες συσκευές",
+    "add-device-text": "Προσθήκη νέας συσκευής",
+    "credentials": "Διαπιστευτήρια",
+    "manage-credentials": "Διαχείρηση διαπιστευτηρίων",
+    "delete": "Διαγραφή συσκευής",
+    "assign-devices": "Ανάθεση συσκευών",
+    "assign-devices-text": "Ανάθεση { count, plural, 1 {1 device} other {# devices} } σε πελάτη",
+    "delete-devices": "Διαγραφή συσκευών",
+    "unassign-from-customer": "Αφαίρεση από πελάτη",
+    "unassign-devices": "Αφαίρεση συσκευών",
+    "unassign-devices-action-title": "Αφαίρεση { count, plural, 1 {1 device} other {# devices} } από πελάτη",
+    "assign-new-device": "Ανάθεση νέων συσκευών",
+    "make-public-device-title": "Είστε σίγουροι ότι θέλετε να κάνετε τη συσκευή '{{deviceName}}' δημόσια;",
+    "make-public-device-text": "Μετά από την επιβεβαίωσή σας η συσκευή και όλα τα δεδομένα της θα είναι δημόσια και διαθέσιμα σε τρίτους.",
+    "make-private-device-title": "Είστε σίγουροι ότι θέλετε να κάνετε τη συσκευή '{{deviceName}}' ιδιωτική;",
+    "make-private-device-text": "Μετά από την επιβεβαίωσή σας η συσκευή και όλα τα δεδομένα της θα είναι ιδιωτικά και δεν θα είναι διαθέσιμα σε τριτους.",
+    "view-credentials": "Προβολή διαπιστευτηρίων",
+    "delete-device-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε την συσκευή '{{deviceName}}';",
+    "delete-device-text": "Προσοχή, μετά την επιβεβαίωση, η συσκευή και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-devices-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε { count, plural, 1 {1 device} other {# devices} };",
+    "delete-devices-action-title": "Διαγραφή { count, plural, 1 {1 device} other {# devices} }",
+    "delete-devices-text": "Προσοχή, μετά την επιβεβαίωση, όλες οι επιλεγμένες συσκευές θα αφαιρεθούν και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "unassign-device-title": "Είστε σίγουροι ότι θέλετε να αφαιρέσετε την συσκευή '{{deviceName}}'?",
+    "unassign-device-text": "Μετά την επιβεβαίωση, η συσκευή θα αφαιρεθεί και δεν θα είναι προσβάσιμες από τον πελάτη.",
+    "unassign-device": "Αφαίρεση συσκευής",
+    "unassign-devices-title": "Είστε σίγουροι ότι θέλετε να αφαιρέσετε { count, plural, 1 {1 device} other {# devices} }?",
+    "unassign-devices-text": "Μετά την επιβεβαίωση, όλες οι επιλεγμένες συσκευές θα καταργηθούν και δεν θα είναι προσβάσιμες από τον πελάτη.",
+    "device-credentials": "Πιστοποιητικά συσκευής",
+    "credentials-type": "Τύπος διαπιστευτηρίων",
+    "access-token": "Διακριτικό πρόσβασης",
+    "access-token-required": "Απαιτείται διακριτικό πρόσβασης.",
+    "access-token-invalid": "Access token length must be from 1 to 20 characters.",
+    "rsa-key": "RSA public key",
+    "rsa-key-required": "Απαιτείται RSA public key.",
+    "secret": "Secret",
+    "secret-required": "Απαιτείται secret.",
+    "device-type": "Τύπος συσκευής",
+    "device-type-required": "Απαιτείται τύπος συσκεύης.",
+    "select-device-type": "Επιλογή τύπου συσκευής",
+    "enter-device-type": "Είσοδο τύπου συσκευής",
+    "any-device": "Οποιαδήποτε συσκευή",
+    "no-device-types-matching": "Δεν βρέθηκε συσκευή η οποία να αντιστοιχεί σε '{{entitySubtype}}'.",
+    "device-type-list-empty": "Δεν έχουν επιλεχθεί τύποι συσκευής.",
+    "device-types": "Τύποι συσκευής",
+    "name": "Όνομα",
+    "name-required": "Απαιτείται όνομα.",
+    "description": "Περιγραφή",
+    "label": "Ετικέτα",
+    "events": "Γεγονότα",
+    "details": "Λεπτομέρειες",
+    "copyId": "Αντιγραφή ID συσκευής",
+    "copyAccessToken": "Αντιγραφή διακριτικού διαπιστευτηρίου",
+    "idCopiedMessage": "Το ID της συσκευής έχει αντιγραφεί στο πρόχειρο",
+    "accessTokenCopiedMessage": "Το διακριτικό διαπιστευτήριο έχει αντιγραφεί στο πρόχειρο",
+    "assignedToCustomer": "Ανάθεση σε πελάτη",
+    "unable-delete-device-alias-title": "Αδύνατο να διαγραφεί το ψευδώνυμο συσκευής",
+    "unable-delete-device-alias-text": "Το ψευδώνυμο συσκευής '{{deviceAlias}}' δεν μπορεί να διαγραφεί όσο εξακωλουθεί να χρησιμοποιείται από τα ακόλουθα widget(s):<br/>{{widgetsList}}",
+    "is-gateway": "είναι gateway",
+    "public": "Δημόσιο",
+    "device-public": "Η συσκευή είναι δημόσια",
+    "select-device": "Επιλογή συσκευής",
+    "selected-devices": "{ count, plural, 1 {1 device} other {# devices} } επιλέχθηκαν",
+    "search": "Αναζήτηση συσκευών",
+    "select-group-to-add": "Επιλέξτε την ομάδα στην οποία θα προστεθουν οι επιλεγμένες συσκευές",
+    "select-group-to-move": "Επιλέξτε την ομάδα στην οποία θα μετακινηθούν οι επιλεγμένες συσκευές",
+    "remove-devices-from-group": "Είστε σίγουροι ότι θέλετε να αφαιρέσετε { count, plural, 1 {1 device} other {# devices} } from group '{entityGroup}'?",
+    "group": "Ομάδα Συσκευών",
+    "list-of-groups": "{ count, plural, 1 {One device group} other {List of # device groups} }",
+    "group-name-starts-with": "Ομάδες συσκευών των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "import": "Εισαγωγή συσκευής",
+    "device-file": "Αρχείο συσκευής"
+  },
+  "dialog": {
+    "close": "Κλείσιμο διαλόγου"
+  },
+  "direction": {
+    "column": "Στήλη",
+    "row": "Γραμμή"
+  },
+  "error": {
+    "unable-to-connect": "Αδύνατον να συνδεθεί στον διακομιστή! Παρακαλούμε ελέγξτε την σύνδεσή σας στο ίντερνετ.",
+    "unhandled-error-code": "Μη διορθωμένος κωδικός σφάλματος: {{errorCode}}",
+    "unknown-error": "Άγνωστο σφάλμα"
+  },
+  "entity": {
+    "entity": "Οντότητα",
+    "entities": "Οντότητες",
+    "aliases": "Ψευδώνυμα οντότητας",
+    "entity-alias": "Ψευδώνυμο οντότητας",
+    "unable-delete-entity-alias-title": "Αδύνατο να διαγραφεί το ψευδώνυμο οντότητας",
+    "unable-delete-entity-alias-text": "Το ψευδώνυμο οντότητας '{{entityAlias}}' δεν μπορεί να διαγραφεί όσο εξακολουθεί να χρησιμοποιείται από τα παρακάτω widget(s):<br/>{{widgetsList}}",
+    "duplicate-alias-error": "Βρέθηκε διπλότυπο το ψευδώνυμο '{{alias}}'.<br>Τα ψευδώνυμα οντοτήτων πρέπει να είναι μοναδικά σε ένα dashboard.",
+    "missing-entity-filter-error": "Λείπει φίλτρο από το ψευδώνυμο '{{alias}}'.",
+    "configure-alias": "Ρύθμιση ψευδώνυμου '{{alias}}'",
+    "alias": "Ψευδώνυμο",
+    "alias-required": "Απαιτείται ψευδώνυμο οντότητας.",
+    "remove-alias": "Αφαίρεση ψευδώνυμου οντότητας",
+    "add-alias": "Προσθήκη ψευδώνυμου οντότητας",
+    "entity-list": "Λίστα οντοτήτων",
+    "entity-type": "Τύπος οντοτήτων",
+    "entity-types": "Τύποι οντοτήτων",
+    "entity-type-list": "Λίστα τύπων οντοτήτων",
+    "any-entity": "Οποιαδήποτε οντότητα",
+    "enter-entity-type": "Εισαγωγή τύπου οντότητας",
+    "no-entities-matching": "Δεν βρέθηκαν οντότητες ο οποίες να σχετίζονται με '{{entity}}'.",
+    "no-entity-types-matching": "Δεν βρέθηκαν τύποι οντότητας ο οποίοι να σχετίζονται με '{{entityType}}'.",
+    "name-starts-with": "το όνομα αρχίζει από",
+    "use-entity-name-filter": "χρήση φίλτρου",
+    "entity-list-empty": "Δεν έχουν επιλεγεί οντότητες.",
+    "entity-type-list-empty": "Δεν έχουν επιλεγεί τύποι οντότητας.",
+    "entity-name-filter-required": "Απαιτείται φίλτρο ονόματος οντότητας.",
+    "entity-name-filter-no-entity-matched": "Δεν βρέθηκαν οντότητες οι οποίες αρχίζουν από '{{entity}}'.",
+    "all-subtypes": "Όλοι",
+    "select-entities": "Επιλογή οντοτήτων",
+    "no-aliases-found": "Δεν βρέθηκαν ψευδώνυμα.",
+    "no-alias-matching": "Δεν βρέθηκε '{{alias}}'.",
+    "create-new-alias": "Δημιουργείστε ένα νέο!",
+    "key": "Κλειδί",
+    "key-name": "όνομα κλειδιού",
+    "no-keys-found": "δεν βρέθηκαν κλειδιά.",
+    "no-key-matching": "Δεν βρέθηκε '{{key}}'.",
+    "create-new-key": "Δημιουργείστε ένα νέο!",
+    "type": "Τύπος",
+    "type-required": "Απαιτείται τύπος οντότητας.",
+    "type-device": "Συσκευή",
+    "type-devices": "Συσκευές",
+    "list-of-devices": "{ count, plural, 1 {One device} other {List of # devices} }",
+    "device-name-starts-with": "Συσκευές των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-asset": "Asset",
+    "type-assets": "Assets",
+    "list-of-assets": "{ count, plural, 1 {One asset} other {List of # assets} }",
+    "asset-name-starts-with": "Assets των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-entity-view": "Προβολή οντότητας",
+    "type-entity-views": "Προβολές οντότητας",
+    "list-of-entity-views": "{ count, plural, 1 {One entity view} other {List of # entity views} }",
+    "entity-view-name-starts-with": "Προβολές οντότητας των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-rule": "Κανόνας",
+    "type-rules": "Κανόνες",
+    "list-of-rules": "{ count, plural, 1 {One rule} other {List of # rules} }",
+    "rule-name-starts-with": "Κανόνες των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-plugin": "Πρόσθετο",
+    "type-plugins": "Προσθετα",
+    "list-of-plugins": "{ count, plural, 1 {One plugin} other {List of # plugins} }",
+    "plugin-name-starts-with": "Πρόσθετα των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-tenant": "Μισθωτής",
+    "type-tenants": "Μισθωτές",
+    "list-of-tenants": "{ count, plural, 1 {One tenant} other {List of # tenants} }",
+    "tenant-name-starts-with": "Μισθωτές των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-customer": "Πελάτης",
+    "type-customers": "Πελάτες",
+    "list-of-customers": "{ count, plural, 1 {One customer} other {List of # customers} }",
+    "customer-name-starts-with": "Πελάτες των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-user": "Χρήστης",
+    "type-users": "Χρήστες",
+    "list-of-users": "{ count, plural, 1 {One user} other {List of # users} }",
+    "user-name-starts-with": "Χρήστες των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-dashboard": "Dashboard",
+    "type-dashboards": "Dashboards",
+    "list-of-dashboards": "{ count, plural, 1 {One dashboard} other {List of # dashboards} }",
+    "dashboard-name-starts-with": "Dashboards των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-alarm": "Alarm",
+    "type-alarms": "Alarms",
+    "list-of-alarms": "{ count, plural, 1 {One alarms} other {List of # alarms} }",
+    "alarm-name-starts-with": "Alarms των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-rulechain": "Αλυσίδα Κανόνων",
+    "type-rulechains": "Αλυσίδες Κανόνων",
+    "list-of-rulechains": "{ count, plural, 1 {One rule chain} other {List of # rule chains} }",
+    "rulechain-name-starts-with": "Αλυσίδες Κανόνων των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-scheduler-event": "Προγραμματιστής",
+    "type-scheduler-events": "Προγραμματιστής",
+    "list-of-scheduler-events": "{ count, plural, 1 {One scheduler event} other {List of # scheduler events} }",
+    "scheduler-event-name-starts-with": "Προγραμματιστές γεγονότων των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-blob-entity": "Ογκώδη οντότητα",
+    "type-blob-entities": "Ογκώδεις οντότητες",
+    "list-of-blob-entities": "{ count, plural, 1 {One blob entity} other {List of # blob entities} }",
+    "blob-entity-name-starts-with": "Ογκώδεις οντότητες των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-rulenode": "Κόμβος κανόνα",
+    "type-rulenodes": "Κόμβοι κανόνων",
+    "list-of-rulenodes": "{ count, plural, 1 {One rule node} other {List of # rule nodes} }",
+    "rulenode-name-starts-with": "Κόμβοι κανόνων των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-current-customer": "Τρέχον Πελάτης",
+    "search": "Αναζήτηση Οντότητες",
+    "selected-entities": "{ count, plural, 1 {1 entity} other {# entities} } επιλεγμένα",
+    "entity-name": "Όνομα οντότητας",
+    "details": "Λεπτομέρειες οντότητας",
+    "no-entities-prompt": "Δεν βρέθηκαν οντότητες",
+    "no-data": "Δεν υπάρχουν δεδομένα προς προβολή",
+    "columns-to-display": "στήλες που προβάλονται",
+    "type-entity-group": "Ομάδα Οντότητας",
+    "type-converter": "Μετατροπέας Δεδομένων",
+    "type-converters": "Μετατροπείς Δεδομένων",
+    "list-of-converters": "{ count, plural, 1 {One data converter} other {List of # data converters} }",
+    "converter-name-starts-with": "Μετατροπείς δεδομένων των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-integration": "Ενσωμάτωση",
+    "type-integrations": "Ενσωματώσεις",
+    "list-of-integrations": "{ count, plural, 1 {One integration} other {List of # integrations} }",
+    "integration-name-starts-with": "Ενσωματώσεις των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-role": "Ρόλος",
+    "type-roles": "Ρόλοι",
+    "list-of-roles": "{ count, plural, 1 {One role} other {List of # roles} }",
+    "role-name-starts-with": "Ρόλοι των οποίων το όνομα αρχίζει από '{{prefix}}'",
+    "type-group-permission": "Άδεια Ομάδας"
+  },
+  "entity-group": {
+    "entity-group": "Ομάδα Οντότητας",
+    "details": "Λεπτομέρειες",
+    "columns": "Στήλες",
+    "add-column": "Προσθήκη στήλης",
+    "column-value": "Τιμή",
+    "column-value-required": "Απαιτείται τιμή στήλης.",
+    "column-title": "Τίτλος",
+    "default-sort-order": "Προεπιλογή ταξινόμισης",
+    "default-sort-order-required": "Απαιτείται προεπιλογή ταξινόμισης στήλης.",
+    "hide-in-mobile-view": "κρυφό σε mobile",
+    "use-cell-style-function": "Λειτουργία χρήσης στυλ κελιού",
+    "use-cell-content-function": "Λειτουργία χρήσης περιεχομένου κελιού",
+    "edit-column": "Επεξεργασία στήλης",
+    "column-details": "Λεπτομέρειες στήλης",
+    "actions": "Ενέργιες",
+    "settings": "Ρυθμίσεις",
+    "delete": "Διαγραφή ομάδας οντοτήτων",
+    "name": "Όνομα",
+    "name-required": "Απαιτείται όνομα.",
+    "description": "Περιγραφή",
+    "add": "Προσθήκη ομάδας οντοτήτων",
+    "add-entity-group-text": "Προσθήκη νέας ομάδας οντοτήτων",
+    "no-entity-groups-text": "Δεν βρέθηκαν ομάδες οντοτήτων",
+    "entity-group-details": "Λεπτομέρειες ομαδών οντοτήτων",
+    "delete-entity-groups": "Διαγραφή ομαδών οντοτήτων",
+    "delete-entity-group-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε την ομάδα οντοτήτων '{{entityGroupName}}'?",
+    "delete-entity-group-text": "Προσοχή, μετά την επιβεβαίωση, η ομάδα οντοτήτων και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-entity-groups-title": "Είστε σίγουροι ότι θέλετε να διαγραφούν { count, plural, 1 {1 entity group} other {# entity groups} }?",
+    "delete-entity-groups-action-title": "Διαγραφή { count, plural, 1 {1 entity group} other {# entity groups} }",
+    "delete-entity-groups-text": "Προσοχή, αφού ολοκληρωθεί η επιβεβαίωση, όλες οι επιλεγμένες ομάδες οντοτήτων θα αφαιρεθούν και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "device-groups": "Ομάδες Συσκευών",
+    "asset-groups": "Ομάδες Asset",
+    "customer-groups": "Ομάδες Πελατών",
+    "device-group": "Ομάδα Πελατών",
+    "asset-group": "Ομάδα Asset",
+    "user-group": "Ομάδα Χρηστών",
+    "user-groups": "Ομάδες Χρηστών",
+    "customer-group": "Ομάδα Χρηστών",
+    "entity-view-groups": "Ομάδες Όψεων",
+    "entity-view-group": "Προβολή ομαδών οντοτήτων",
+    "dashboard-groups": "Ομάδες Dashboard",
+    "dashboard-group": "Ομάδα Dashboard",
+    "fetch-more": "Περισσότερα",
+    "column-type": {
+      "column-type": "Τύπος στήλης",
+      "client-attribute": "Χαρακτηριστικά Client",
+      "shared-attribute": "Κοινόχρηστα Χαρακτηριστικά",
+      "server-attribute": "Χαρακτηριστικό Server",
+      "timeseries": "Χρονική σειρά",
+      "entity-field": "Πεδίο οντότητας"
+    },
+    "column-type-required": "Απαιτείται τύπος στήλης.",
+    "entity-field": {
+      "created-time": "Δημιουργήθηκε",
+      "name": "Όνομα",
+      "type": "Τύπος",
+      "assigned_customer": "Ανατεθειμένος πελάτης",
+      "authority": "Εξουσιοδότηση",
+      "first_name": "Όνομα",
+      "last_name": "Επίθετο",
+      "email": "Email",
+      "title": "Τίτλος",
+      "country": "Χώρα",
+      "state": "Νομός",
+      "city": "Πόλη",
+      "address": "Διεύθυνση",
+      "address2": "Διεύθυνση 2",
+      "zip": "Τ.Κ.",
+      "phone": "Τηλέφωνο"
+    },
+    "sort-order": {
+      "asc": "Αύξουσα",
+      "desc": "Φθίνουσα",
+      "none": "Καμία"
+    },
+    "details-mode": {
+      "on-row-click": "στο κλικ στη γραμμη",
+      "on-action-button-click": "στο κλικ στο κουμπί λεπτομέρειες",
+      "disabled": "μη διαθέσιμο"
+    },
+    "change-owner": "Αλλαγή ιδιοκτήτη",
+    "select-target-owner": "Επιλογή ιδιοκτήτη",
+    "no-owners-matching": "Δεν βρέθηκε ιδιοκτήτης που να αντιστοιχεί σε '{{owner}}'.",
+    "target-owner-required": "Απαιτείται επιλεγμένος ιδιοκτήτης.",
+    "confirm-change-owner-title": "Είστε σίγουροι ότι θέλετε να αλλάξετε ιδιοκτήτη για { count, plural, 1 {1 selected entity} other {# selected entities} }?",
+    "confirm-change-owner-text": "Προσοχή, μετά την επιβεβαίωση, όλες οι επιλεγμένες οντότητες θα αφαιρεθούν από τον τρέχοντα ιδιοκτήτη και θα τοποθετηθούν στην ομάδα 'Όλα' του επιλεγμένου ιδιοκτήτη.",
+    "add-to-group": "Προσθήκη σε ομάδα",
+    "move-to-group": "Μετακίνηση σε ομάδα",
+    "select-entity-group": "Επιλογή ομάδας οντοτήτων",
+    "no-entity-groups-matching": "Δεν βρέθηκαν ομάδες οντοτήτων που να αντιστοιχούν με '{{entityGroup}}'.",
+    "target-entity-group-required": "Απαιτείται επιλεγμένη ομάδα οντοτήτων.",
+    "select-user-group": "Επιλογή ομάδας χρηστών",
+    "no-user-groups-matching": "Δεν βρέθηκαν ομάδες χρηστών οι οποίες να αντιστοιχούν σε '{{entityGroup}}'.",
+    "target-user-group-required": "Απαιτείται επιλεγμένη ομάδα χρηστών.",
+    "remove-from-group": "Αφαίρεση από ομάδα",
+    "group-table-title": "Τίτλος ομάδας πίνακα",
+    "enable-search": "Ενεργοποίηση αναζήτησης οντοτήτων",
+    "enable-add": "Ενεργοποίηση προσθήκης οντοτήτων",
+    "enable-delete": "Ενεργοποίηση διαγραφής οντοτήτων",
+    "enable-selection": "Ενεργοποίηση επιλογής οντοτήτων",
+    "enable-group-transfer": "Ενεργοποίηση μεταφοράς ομάδων",
+    "display-pagination": "Προβολή σελιδοποίησης",
+    "default-page-size": "Προεπιλεγμένο μέγεθος σελίδας",
+    "enable-assignment-actions": "Ενεργοποίηση ανάθεσης",
+    "enable-credentials-management": "Ενεργοποίηση διαχείρησης διαπιστευτηρίων",
+    "enable-login-as-user": "Ενεργοποίηση εισόδου ως χρήστη",
+    "enable-users-management": "Ενεργοποίηση διαχείρισης χρήστών",
+    "enable-customers-management": "Ενεργοποίηση διαχείρησης πελατών",
+    "enable-assets-management": "Ενεργοποίηση διαχείρησης assets",
+    "enable-devices-management": "Ενεργοποίηση διαχείρησης συσκευών",
+    "enable-entity-views-management": "Ενεργοποίηση διαχείρησης προβολής οντοτήτων",
+    "enable-dashboards-management": "Ενεργοποίηση διαχείρησης dashboard",
+    "open-details-on": "Άνοιγμα λεπτομερειών οντότητας σε",
+    "select-existing": "Ε[ιλογή υπάρχον ομάδας οντοτήτων",
+    "create-new": "Δημιουργία νέας ομάδας οντοτήτων",
+    "new-entity-group-name": "Νέο όνομα ομάδας οντοτήτων",
+    "entity-group-list": "Λίστα ομάδων οντοτήτων",
+    "entity-group-list-empty": "Δεν έχουν επιλεχθεί ομάδες οντοτήτων.",
+    "name-starts-with": "Το όνομα της ομάδας οντοτήτων αρχίζει από",
+    "entity-group-name-filter-required": "Απαιτείται φίλτρο ονόματος ομάδας οντοτήτων.",
+    "roles": "Ρόλοι",
+    "permissions": "Δικαιώματα",
+    "public": "Δημόσιο",
+    "entity-group-public": "Η ομάδα οντοτήτων είναι δημόσια",
+    "make-public": "Δημοσιοποίηση ομάδας οντοτήτων",
+    "make-private": "Ιδιωτικοποίηση ομάδας οντοτήτων",
+    "make-public-entity-group-title": "Είστε σίγουροι ότι θέλετε να κάνετε την ομάδα οντοτήτων '{{entityGroupName}}' δημόσια;",
+    "make-public-entity-group-text": "Μετά την επιβεβαίωση, η ομάδα οντοτήτων και όλες οι οντότητές της θα δημοσιοποιηθούν και θα είναι προσβάσιμες από τρίτους.",
+    "make-private-entity-group-title": "Είστε σίγουροι ότι θέλετε να κάνετε την ομάδα οντοτήτων '{{entityGroupName}}' ιδιωτική?",
+    "make-private-entity-group-text": "Μετά την επιβεβαίωση, η ομάδα οντοτήτων και όλες οι οντότητές της θα γίνουν ιδιωτικές και δεν θα είναι προσβάσιμες από τρίτους.",
+    "copyId": "Αντιγραφή ID ομάδας οντοτήτων",
+    "idCopiedMessage": "Το ID της ομάδας οντοτήτων έχει αντιγραφεί στο πρόχειρο"
+  },
+  "entity-field": {
+    "created-time": "Δημιουργήθηκε",
+    "name": "Όνομα",
+    "type": "Τύπος",
+    "first-name": "Όνομα",
+    "last-name": "Επίθετο",
+    "email": "Email",
+    "title": "Τίτλος",
+    "country": "Χώρα",
+    "state": "Νομός",
+    "city": "Πόλη",
+    "address": "Διεύθυνση",
+    "address2": "Διεύθυνση 2",
+    "zip": "Τ.Κ.",
+    "phone": "Τηλέφωνο"
+  },
+  "entity-view": {
+    "entity-view": "Όψη Οντότητας",
+    "entity-view-required": "Απαιτείται προβολή οντότητας.",
+    "entity-views": "Όψεις Οντοτήτων",
+    "management": "Διαχείριση Όψεων Οντοτήτων",
+    "view-entity-views": "Προβολή οντοτήτων",
+    "entity-view-alias": "Ψευδώνυμο προβολής οντότητας",
+    "aliases": "Ψευδώνυμα προβολής οντότητας",
+    "no-alias-matching": "'Δεν βρέθηκαν {{alias}}'.",
+    "no-aliases-found": "Δεν βρέθηκαν ψευδώνυμα.",
+    "no-key-matching": "'Δεν βρέθηκαν {{key}}'.",
+    "no-keys-found": "Δεν βρέθηκαν ονόματα.",
+    "create-new-alias": "Δημιουργήστε ένα νέο!",
+    "create-new-key": "Δημιουργήστε ένα νέο!",
+    "duplicate-alias-error": "Βρέθηκε διπλότυπο '{{alias}}'.<br>Τα ψευδώνυμα προβολής οντότητας πρέπει να είναι μοναδικά εντός του dashboard.",
+    "configure-alias": "Ρύθμιση ψευδώνυμου '{{alias}}'",
+    "no-entity-views-matching": "Δεν βρέθηκαν προβολές οντοτήτων οι οποίες να αντιστοιχούν σε '{{entity}}'.",
+    "alias": "Ψευδώνυμο",
+    "alias-required": "Απαιτείται ψευδώνυμο προβολής οντοτήτων.",
+    "remove-alias": "Αφαίρεση ψευδωνύμου προβολής οντοτήτων",
+    "add-alias": "Προβολή ψευδωνύμου προβολής οντοτήτων",
+    "name-starts-with": "Το όνομα προβολής οντότητας αρχίζει από",
+    "entity-view-list": "Λίστα προβολής οντότητας",
+    "use-entity-view-name-filter": "Χρήση φίλτρου",
+    "entity-view-list-empty": "Δεν έχουν επιλεχθεί προβολές οντότητας.",
+    "entity-view-name-filter-required": "Απαιτείται φίλτρο ονόματος προβολής οντότητας.",
+    "entity-view-name-filter-no-entity-view-matched": "Δεν βρέθηκαν προβολές οντότητας οι οποίες να αρχίζουν από '{{entityView}}'.",
+    "add": "Προσθήκη Προβολής Οντότητας",
+    "assign-to-customer": "Ανάθεση σε πελάτη",
+    "assign-entity-view-to-customer": "Ανάθεση προβολής/ών οντότητας σε πελάτη",
+    "assign-entity-view-to-customer-text": "Παρακαλώ επιλέξτε τις προβολές οντότητας για να αναθέσετε σε πελάτη",
+    "no-entity-views-text": "Δεν βρέθηκαν προβολές οντότητας",
+    "assign-to-customer-text": "Παρακαλώ επιλέξτε πελάτη για να ανάθεση προβολών οντότητας",
+    "entity-view-details": "Λεπτομέρειες προβολής οντότητας",
+    "add-entity-view-text": "Προσθήκη νέας προβολής οντότητας",
+    "delete": "Διαγραφή προβολής οντότητας",
+    "assign-entity-views": "Ανάθεση προβολών οντότητας",
+    "assign-entity-views-text": "Ανάθεση { count, plural, 1 {1 entityView} other {# entityViews} } σε πελάτη",
+    "delete-entity-views": "Διαγραφή προβολών οντότητας",
+    "make-public": "Δημοσιοποίηση προβολής οντότητας",
+    "make-private": "Ιδιωτικοποίηση προβολής οντότητας",
+    "unassign-from-customer": "Αφαίρεση από πελάτη",
+    "unassign-entity-views": "Αφαίρεση προβολών οντότητας",
+    "unassign-entity-views-action-title": "Αφαίρεση { count, plural, 1 {1 entityView} other {# entityViews} } από πελάτη",
+    "assign-new-entity-view": "Ανάθεση νέας προβολής οντότητας",
+    "delete-entity-view-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε την προβολή οντότητας '{{entityViewName}}'?",
+    "delete-entity-view-text": "Προσοχή, μετά την επιβεβαίωση, η προβολή της οντότητας και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-entity-views-title": "Είστε σίγουροι ότι θέλετε να προβάλετε την οντότητα { count, plural, 1 {1 entityView} other {# entityViews} };",
+    "delete-entity-views-action-title": "Διαγραφή { count, plural, 1 {1 entityView} other {# entityViews} }",
+    "delete-entity-views-text": "Προσοχή, μετά την επιβεβαίωση, όλες οι επιλεγμένες προβολές της οντότητας και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "make-public-entity-view-title": "Είστε σίγουροι ότι θέλετε να κάνετε την προβολή οντότητας '{{entityViewName}}' δημόσια?",
+    "make-public-entity-view-text": "Μετά την επιβεβαίωση, η προβολή της οντότητας και όλα τα δεδομένα της θα δημοσιοποιηθούν και θα είναι προσβάσιμα από τρίτους.",
+    "make-private-entity-view-title": "Είστε σίγουροι ότι θέλετε να κάνετε την προβολή οντότητας '{{entityViewName}}' ιδιωτική;",
+    "make-private-entity-view-text": "Μετά την επιβεβαίωση, η προβολή της οντότητας και όλα τα δεδομένα της θα γίνουν ιδιωτικά και θα δεν είναι προσβάσιμα από τρίτους.",
+    "unassign-entity-view-title": "Είστε σίγουροι ότι θέλετε να αφαιρέσετε την προβολη οντότητας '{{entityViewName}}';",
+    "unassign-entity-view-text": "Μετά την επιβεβαίωση, η προβολή της οντότητας θα καταργηθεί και δεν θα είναι προσβάσιμη από τον πελάτη.",
+    "unassign-entity-view": "Αφαίρεση προβολής οντότητας",
+    "unassign-entity-views-title": "Είστε σίγουροι ότι θέλετε να αφαιρέσετε { count, plural, 1 {1 entityView} other {# entityViews} };",
+    "unassign-entity-views-text": "Μετά την επιβεβαίωση, όλες οι επιλεγμένες προβολές οντοτήτων θα αφαιρεθούν και δεν θα είναι προσβάσιμες από τον πελάτη.",
+    "entity-view-type": "Τύπος Προβολής Οντότητας",
+    "entity-view-type-required": "Απαιτείται τύπος προβολής οντότητας.",
+    "select-entity-view-type": "Επιλογή τύπου προβολής οντότητας",
+    "enter-entity-view-type": "Εισαγωγή τύπου προβολής οντοτήτων",
+    "any-entity-view": "Οποιαδήποτε προβολή οντότητας",
+    "no-entity-view-types-matching": "Δεν βρέθηκαν τύποι προβολής οντότητας οι οποίοι να αντιστοιχούν με '{{entitySubtype}}'.",
+    "entity-view-type-list-empty": "Δεν έχουν επιλεχθεί τύποι προβολής οντότητας.",
+    "entity-view-types": "Τύποι Προβολής Οντότητας",
+    "name": "Όνομα",
+    "name-required": "Απαιτείται όνομα.",
+    "description": "Περιγραφή",
+    "events": "Γεγονότα",
+    "details": "Λεπτομέρειες",
+    "copyId": "Αντιγραφή ID προβολής οντότητας",
+    "idCopiedMessage": "Το ID της προβολής οντότητας έχει αντιγραφεί στο πρόχειρο",
+    "assignedToCustomer": "Αναθέση σε πελάτη",
+    "unable-entity-view-device-alias-title": "Αδύνατον να διαγραφεί το ψευδώνυμο προβολής οντότητας",
+    "unable-entity-view-device-alias-text": "Το ψευδώνυμο συσκευής '{{entityViewAlias}}' δεν μπορεί να διαγραφεί όσο εξακωλουθεί να χρησιμοποιείτε από τα παρακάτω widget(s):<br/>{{widgetsList}}",
+    "select-entity-view": "Επιλογή  προβολής οντότητας",
+    "start-date": "Ημερομηνία έναρξης",
+    "start-ts": "Ώρα έναρξης",
+    "end-date": "Ημερομηνία λήξης",
+    "end-ts": "Ώρα λήξης",
+    "date-limits": "Όρια ημερομηνίας",
+    "client-attributes": "Χαρακτηριστικά Client",
+    "shared-attributes": "Κοινόχρηστα Χαρακτηριστικά",
+    "server-attributes": "Χαρακτηριστικά Server",
+    "timeseries": "Χρονική σειρά",
+    "client-attributes-placeholder": "Χαρακτηριστικά Client",
+    "shared-attributes-placeholder": "Κοινόχρηστα Χαρακτηριστικά",
+    "server-attributes-placeholder": "Χαρακτηριστικά Server",
+    "timeseries-placeholder": "Χρονική σειρά",
+    "target-entity": "Στοχευμένη οντότητα",
+    "attributes-propagation": "Διάδοση χαρακτηριστικών",
+    "attributes-propagation-hint": "Η προβολή οντοτήτων θα αντιγράφει αυτόματα καθορισμένα χαρακτηριστικά από την στοχευμένη οντότητα κάθε φορά που αποθηκεύετε ή ενημερώνετε αυτήν την προβολή οντότητας. Για λόγους απόδοσης, τα χαρακτηριστικά της στοχευμένης οντότητας δεν μεταδίδονται στην προβολή οντότητας με κάθε αλλαγή χαρακτηριστικών. Μπορείτε να ενεργοποιήσετε την αυτόματη διάδοση ρυθμίζοντας τον κόμβο \"αντιγραφή για προβολή \" στην αλυσίδα κανόνων σας και συνδέοντας τα μηνύματα \"Χαρακτηριστικά Post \" και \"Ενημερωμένα Χαρακτηριστικά \" στον νέο κόμβο.",
+    "timeseries-data": "Δεδομένα χρονικής σειράς",
+    "timeseries-data-hint": "Ρυθμίστε τα δεδομένα της χρονικής σειράς της στοχευμένης οντότητας που θα είναι διαθέσιμα στην προβολή οντοτητας. Αυτά τα δεδομένα χρονικής σειράς είναι μόνο για ανάγνωση.",
+    "selected-entity-views": "{ count, plural, 1 {1 entity view} other {# entity views} } επιλεγμένα",
+    "search": "Αναζήτηση προβολών οντότητας",
+    "select-group-to-add": "Επιλογή ομάδας για προσθήκη των επιλεγμένων προβολών οντότητας",
+    "select-group-to-move": "Επιλογή ομάδας για μετακίνηση των επιλεγμένων προβολών οντότητας",
+    "remove-entity-views-from-group": "Είστε σίγουροι ότι θέλετε να αφαιρέσετε { count, plural, 1 {1 entity view} other {# entity views} } from group '{entityGroup}'?",
+    "group": "Ομάδα προβολών οντότητας",
+    "list-of-groups": "{ count, plural, 1 {One entity view group} other {List of # entity view groups} }",
+    "group-name-starts-with": "Ομάδες προβολής οντότητας των οποίων το όνομα αρχίζει από '{{prefix}}'"
+  },
+  "event": {
+    "events": "Γεγονότα",
+    "event-type": "Τύπος Γεγονότος",
+    "type-error": "Σφάλμα",
+    "type-lc-event": "Γεγονός κύκλου ζωής",
+    "type-stats": "Στατιστική",
+    "type-debug-converter": "Αποσφαλμάτωση",
+    "type-debug-integration": "Αποσφαλμάτωση",
+    "type-debug-rule-node": "Αποσφαλμάτωση",
+    "type-debug-rule-chain": "Αποσφαλμάτωση",
+    "no-events-prompt": "Δεν βρέθηκαν γεγονότα",
+    "error": "Σφάλμα",
+    "alarm": "Alarm",
+    "event-time": "Ώρα Γεγονότος",
+    "server": "Διακομιστής",
+    "body": "Σώμα (body)",
+    "method": "Μέθοδος",
+    "type": "Τύπος",
+    "in": "Είσοδος",
+    "out": "Έξοδος",
+    "metadata": "Μεταδεδομένα",
+    "message": "Μήνυμα",
+    "entity": "Οντότητα",
+    "message-id": "ID Μηνύματος",
+    "message-type": "Τύπος Μηνύματος",
+    "data-type": "Τύπος Δεδομένων",
+    "relation-type": "Τύπος Σχέσης",
+    "data": "Δεδομέναα",
+    "event": "Γεγονός",
+    "status": "Κατάσταση",
+    "success": "Επιτυχία",
+    "failed": "Απέτυχε",
+    "messages-processed": "Επεξεργασμένα μηνύματα",
+    "errors-occurred": "Παρουσιάστηκαν σφάλματα"
+  },
+  "extension": {
+    "extensions": "Επεκτάσεις",
+    "selected-extensions": "{ count, plural, 1 {1 extension} other {# extensions} } επιλέχθηκαν",
+    "type": "Τύπος",
+    "key": "Κλειδί",
+    "value": "Τιμή",
+    "id": "ID",
+    "extension-id": "ID επέκτασης",
+    "extension-type": "Τύπος επέκτασης",
+    "transformer-json": "JSON *",
+    "unique-id-required": "Το τρέχον ID επέκτασης υπάρχει ήδη.",
+    "delete": "Διαγραφή επέκτασης",
+    "add": "Προσθήκη επέκτασης",
+    "edit": "Επεξεργασία επέκτασης",
+    "view": "Προβολή επέκτασης",
+    "delete-extension-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε την επέκταση '{{extensionId}}';",
+    "delete-extension-text": "Προσοχή, μετά την επιβεβαίωση, η επέκταση και όλα τα σχετικά δεδομένα θα διαγραφούν μόνιμα.",
+    "delete-extensions-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε { count, plural, 1 {1 extension} other {# extensions} }?",
+    "delete-extensions-text": "Προσέξτε, μετά την επιβεβαίωση θα αφαιρεθούν όλες οι επιλεγμένες επεκτάσεις.",
+    "converters": "Μετατροπείς",
+    "converter-id": "ID Μετατροπέα",
+    "configuration": "Διαμόρφωση",
+    "converter-configurations": "Ρυθμίσεις μετατροπέα",
+    "token": "Ετικέτα ασφαλείας",
+    "add-converter": "Προσθήκη μετατροπέα",
+    "add-config": "Προσθήκη ρυθμήσεων μετατροπέα",
+    "device-name-expression": "Έκφραση ονόματος συσκευής",
+    "device-type-expression": "Έκφραση τύπου συσκευής",
+    "custom": "Προσαρμοσμένο",
+    "to-double": "Διπλασιασμός",
+    "transformer": "Μετατροπέας",
+    "json-required": "Απαιτείται μετατροπέας JSON.",
+    "json-parse": "Αδύνατον να γίνει αναλύση του μετατροπέα JSON.",
+    "attributes": "Χαρακτηριστικά",
+    "add-attribute": "Προσθήκη χαρακτηριστικού",
+    "add-map": "Προσθήκη στοιχείου χαρτογράφισης",
+    "timeseries": "Χρονική σειρά",
+    "add-timeseries": "Προσθήκη χρονικής σειράς",
+    "field-required": "Απαιτείται το πεδίο",
+    "brokers": "Brokers",
+    "add-broker": "Προσθήκη broker",
+    "host": "Host",
+    "port": "Port",
+    "port-range": "Η Port πρέπει να είναι από 1 ως 65535.",
+    "ssl": "Ssl",
+    "credentials": "Διαπιστευτήρια",
+    "username": "Όνομα Χρήστη",
+    "password": "Κωδικός",
+    "retry-interval": "Διάστημα επανάληψης σε χιλιοστά του δευτερολέπτου",
+    "anonymous": "Ανώνυμα",
+    "basic": "Βασικά",
+    "pem": "PEM",
+    "ca-cert": "Αρχείο πιστοποιητικού CA *",
+    "private-key": "Αρχείο ιδιωτικού κλειδιού *",
+    "cert": "Αρχείο πιστοποιητικού *",
+    "no-file": "Δεν έχει επιλεχθεί αρχείο.",
+    "drop-file": "Αποθέστε ένα αρχείο ή κάνετε κλικ για να επιλέξετε ένα αρχείο για ανέβασμα.",
+    "mapping": "χαρτογράφιση",
+    "topic-filter": "Φίλτρο θέματος",
+    "converter-type": "Τύπος μετατροπέα",
+    "converter-json": "JSON",
+    "json-name-expression": "Έκφραση json ονόματος συσκευής",
+    "topic-name-expression": "Έκφραση θέματος ονόματος συσκευής",
+    "json-type-expression": "Έκφραση json τύπου συσκευής",
+    "topic-type-expression": "Έκφραση θέματος τύπου συσκευής",
+    "attribute-key-expression": "Έκφραση χαρακτηριστικού κλειδιού",
+    "attr-json-key-expression": "Έκφραση JSON χαρακτηριστικού κλειδιού",
+    "attr-topic-key-expression": "Έκφραση θέματος χαρακτηριστικού κλειδιού",
+    "request-id-expression": "Αίτημα έκφρασης ID",
+    "request-id-json-expression": "Αίτημα ID έκφρασης JSON",
+    "request-id-topic-expression": "Αίτημα ID έκφρασης θέματος",
+    "response-topic-expression": "Απάντηση έκφρασης θέματος",
+    "value-expression": "Έκφραση τιμής",
+    "topic": "Θέμα",
+    "timeout": "Λήξη σε χιλιοστά του δευτερολέπτου",
+    "converter-json-required": "Απαιτείται μετατροπέας JSON.",
+    "converter-json-parse": "Αδύνατον να αναλυθεί ο μετατροπέας JSON.",
+    "filter-expression": "Έκφραση φίλτρου",
+    "connect-requests": "Αιτήματα σύνδεσης",
+    "add-connect-request": "Προσθήκη αιτήματος σύνδεσης",
+    "disconnect-requests": "Αιτήματα αποσύνδεσης",
+    "add-disconnect-request": "Προσθήκη αιτήματος αποσύνδεσης",
+    "attribute-requests": "Χαρακτιριστικό αιτημάτων",
+    "add-attribute-request": "Προσθήκη χαρακτηριστικού αιτήματος",
+    "attribute-updates": "Ανανεώσεις χαρακτηριστικού",
+    "add-attribute-update": "Προσθήκη ανανέωσης χαρακτηριστικού",
+    "server-side-rpc": "Server side RPC",
+    "add-server-side-rpc-request": "Προσθήκη αιτήματος server-side RPC",
+    "device-name-filter": "Φίλτρο ονόματος συσκευής",
+    "attribute-filter": "ίλτρο χαρακτηριστικού",
+    "method-filter": "Φίλτρο μεθόδου",
+    "request-topic-expression": "Αίτημα έκφρασης θέματος",
+    "response-timeout": "Λήξη απάντησης σε χιλιοστά του δευτερολέπτου",
+    "topic-expression": "Έκφρασου θέματος",
+    "client-scope": "Πεδίο εφαρμογής πελάτη",
+    "add-device": "Προσθήκη συσκευής",
+    "opc-server": "Servers",
+    "opc-add-server": "Προσθήκη server",
+    "opc-add-server-prompt": "Παρακαλούμε προσθέστε server",
+    "opc-application-name": "Όνομα εφαρμογής",
+    "opc-application-uri": "URI Εφαρμογής",
+    "opc-scan-period-in-seconds": "Περίοδος σάρωσης σε δευτερόλεπτα",
+    "opc-security": "Ασφάλεια",
+    "opc-identity": "Ταυτότητα",
+    "opc-keystore": "Keystore",
+    "opc-type": "Τύπος",
+    "opc-keystore-type": "Τύπος",
+    "opc-keystore-location": "τοποθεσία *",
+    "opc-keystore-password": "Κωδικός",
+    "opc-keystore-alias": "Ψευδώνυμο",
+    "opc-keystore-key-password": "Κωδικός Κλειδί",
+    "opc-device-node-pattern": "Μοτίβο κόμβου συσκευής",
+    "opc-device-name-pattern": "Μοτίβο ονόματος συσκευής",
+    "modbus-server": "Servers/slaves",
+    "modbus-add-server": "Προσθήκη server/slave",
+    "modbus-add-server-prompt": "Παρακαλούμε προσθέστε server/slave",
+    "modbus-transport": "Μεταφορά",
+    "modbus-tcp-reconnect": "Αυτόματη επανασύνδεση",
+    "modbus-rtu-over-tcp": "RTU over TCP",
+    "modbus-port-name": "Όνομα serial port",
+    "modbus-encoding": "Encoding",
+    "modbus-parity": "Parity",
+    "modbus-baudrate": "Baud rate",
+    "modbus-databits": "Data bits",
+    "modbus-stopbits": "Stop bits",
+    "modbus-databits-range": "Τα Data bits πρέπει να κυμαίνονται από 7 εώς 8.",
+    "modbus-stopbits-range": "Τα Stop bits πρέπει να κυμαίνονται από 1 εώς 2.",
+    "modbus-unit-id": "ID Μονάδας",
+    "modbus-unit-id-range": "Το ID Μονάδας πρέπει να κυμαίνεται από 1 εώς 247.",
+    "modbus-device-name": "Όνομα συσκευής",
+    "modbus-poll-period": "Poll period (ms)",
+    "modbus-attributes-poll-period": "Χαρακτηριστικά poll period (ms)",
+    "modbus-timeseries-poll-period": "Χρονική σειρά poll period (ms)",
+    "modbus-poll-period-range": "Το Poll period θα πρέπει να έχει θετική τιμή.",
+    "modbus-tag": "Ετικέτα",
+    "modbus-function": "Λειτουργία",
+    "modbus-register-address": "Καταχώριση διεύθυνσης",
+    "modbus-register-address-range": "η καταχωριμένη διεύθυνση πρεπει να κυμαίνεται από 0 ως 65535.",
+    "modbus-register-bit-index": "Bit index",
+    "modbus-register-bit-index-range": "Το Bit index πρέπει να κυμαίνεται από 0 ως 15.",
+    "modbus-register-count": "Μετρητής καταχώρησης",
+    "modbus-register-count-range": "Ο μετρητής καταχώρησης πρεέπει να έχει θετική τιμή.",
+    "modbus-byte-order": "Byte order",
+    "sync": {
+      "status": "Κατάσταση",
+      "sync": "Σε Συγχρονισμό",
+      "not-sync": "Δεν Συγχρονίζεται",
+      "last-sync-time": "Τελευταία φορά συγχρονισμού",
+      "not-available": "Μη διαθέσιμο"
+    },
+    "export-extensions-configuration": "Εξαγωγή διαμόρφωσης επεκτάσεων",
+    "import-extensions-configuration": "Εισαγωγή διαμόρφωσης επεκτάσεων",
+    "import-extensions": "Εισαγωγή επεκτάσεων",
+    "import-extension": "Εισαγωγή επέκτασης",
+    "export-extension": "Εξαγωγή επέκτασης",
+    "file": "Επεκτάσεις αρχείου",
+    "invalid-file-error": "Μη έγκυρη επέκταση αρχείου"
+  },
+  "fullscreen": {
+    "expand": "Ανάπτυξη σε πλήρη οθόνη",
+    "exit": "Έξοδος από πλήρη οθόνη",
+    "toggle": "Εναλλαγή σε πλήρη οθόνη",
+    "fullscreen": "Πλήρης οθόνη"
+  },
+  "function": {
+    "function": "Λειτουργία"
+  },
+  "grid": {
+    "delete-item-title": "Είστε σίγουροι ότι θέλετε να διαγραφεί αυτό το αντικείμενο?",
+    "delete-item-text": "Προσοχή, μετά την επιβεβαίωση, αυτό το στοιχείο και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-items-title": "Είστε βέβαιοι ότι θέλετε να διαγράψετε { count, plural, 1 {1 item} other {# items} }?",
+    "delete-items-action-title": "Διαγραφή { count, plural, 1 {1 item} other {# items} }",
+    "delete-items-text": "Προσοχή, μετά την επιβεβαίωση, όλα τα επιλεγμένα στοιχεία θα καταργηθούν και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "add-item-text": "Προσθήκη νέου αντικειμένου",
+    "no-items-text": "Δεν βρέθηκαν αντικείμενα",
+    "item-details": "λεπτομέρειες αντικείμενου",
+    "delete-item": "Διαγραφή Αντικειμένου",
+    "delete-items": "Διαγραφή Αντικειμένων",
+    "scroll-to-top": "Κύλιση προς τα πάνω"
+  },
+  "help": {
+    "goto-help-page": "Πηγαίνετε στη σελίδα"
+  },
+  "home": {
+    "home": "Αρχικη",
+    "profile": "Προφίλ",
+    "logout": "Αποσυνδέση",
+    "menu": "Μενού",
+    "avatar": "Avatar",
+    "open-user-menu": "Άνοιγμα μενού χρήστη"
+  },
+  "import": {
+    "no-file": "Δεν έχει επιλεχθεί αρχείο",
+    "drop-file": "Αποθέστε ένα αρχείο JSON ή κάνετε κλικ για να επιλέξετε ένα αρχείο για ανέβασμα.",
+    "drop-csv-file": "Αποθέστε ένα αρχείο CVS ή κάνετε κλικ για να επιλέξετε ένα αρχείο για ανέβασμα.",
+    "drop-file-csv": "Αποθέστε ένα αρχείο CSV ή κάνετε κλικ για να επιλέξετε ένα αρχείο για ανέβασμα.",
+    "column-value": "Τιμή",
+    "column-title": "Τίτλος",
+    "column-example": "Παράδειγμα δεδομένων",
+    "column-key": "Κλειδί χαρακτηριστικού/τηλεμετρίας",
+    "csv-delimiter": "Οριοθέτηση CSV",
+    "csv-first-line-header": "Η πρώτη σειρά περιέχει ονόματα στηλών",
+    "csv-update-data": "Ανανέωση χαρακτηριστικών/τηλεμετρίας",
+    "import-csv-number-columns-error": "Ένα αρχείο θα πρέπει να περιέχει τουλάχιστον δυο στήλες",
+    "import-csv-invalid-format-error": "Μη έγκυρη μορφή αρχείου. Σειρά: '{{line}}'",
+    "column-type": {
+      "name": "Όνομα",
+      "type": "Τύπος",
+      "column-type": "Τύπος στήλης",
+      "client-attribute": "Χαρακτηριστικό Client",
+      "shared-attribute": "Χαρακτηριστικό Shared",
+      "server-attribute": "Χαρακτηριστικό Server",
+      "timeseries": "Χρονική σειρά",
+      "entity-field": "Πεδίο Οντότητας",
+      "access-token": "Διακριτικό πρόσβασης"
+    },
+    "stepper-text": {
+      "select-file": "Επιλογή αρχείου",
+      "configuration": "Εισαγωγή ρύθμισης",
+      "column-type": "Επιλογή τύπου στήλης",
+      "creat-entities": "Δημιουργία νέων οντοτήτων",
+      "done": "Ολοκληρώθηκε"
+    },
+    "message": {
+      "create-entities": "{{count}} νέες οντότητες δημιουργήθηκαν με επιτυχία.",
+      "update-entities": "{{count}} οντότητες ενημερώθηκαν με επιτυχία.",
+      "error-entities": "Υπήρξε κάποιο σφάλμα κατά τη δημιουργία {{count}} οντοτήτων."
+    }
+  },
+  "integration": {
+    "integration": "Ενσωμάτωση",
+    "integrations": "Ενσωματώσεις",
+    "select-integration": "Επιλογή ενσωμάτωσης",
+    "no-integrations-matching": "Δεν βρέθηκαν ενσωματώσεις πο να αντιστοιχούν σε '{{entity}}'.",
+    "integration-required": "Απαιτείται ενσωμάτωση",
+    "delete": "Διαγραφή ενσωμάτωσης",
+    "management": "Διαχείριση Ενσωματώσεων",
+    "add-integration-text": "Προσθήκη νέας ενσωμάτωσης",
+    "no-integrations-text": "Δεν βρέθηκαν ενσωματώσεις",
+    "selected-integrations": "{ count, plural, 1 {1 integration} other {# integrations} } επιλέχθηκαν",
+    "delete-integration-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε την ενσωμάτωση '{{integrationName}}';",
+    "delete-integration-text": "Προσοχή, μετά την επιβεβαίωση, η ενσωμάτωση και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-integrations-title": "Είστε σίγουροι ότι θέλετε { count, plural, 1 {1 integration} other {# integrations} };",
+    "delete-integrations-action-title": "Διαγραφή { count, plural, 1 {1 integration} other {# integrations} }",
+    "delete-integrations-text": "Προσοχή, αφού ολοκληρωθεί η επιβεβαίωση, όλες οι επιλεγμένες ενσωματώσεις θα αφαιρεθούν και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "events": "Γεγονότα",
+    "add": "Προσθήκη Ενσωμάτωσης",
+    "integration-details": "Λεπτομέρειες Ενσωμάτωσης",
+    "details": "Λεπτομέρειες",
+    "copyId": "Αντιγραη ID ενσωμάτωσης",
+    "idCopiedMessage": "Το ID της ενσωμάτωσης έχει αντιγραφεί στο πρόχειρο.",
+    "debug-mode": "Λειτουργία απασφαλμάτωσης",
+    "enable-security": "Ενεργοποίηση ασφάλειας",
+    "headers-filter": "Φίλτρο Headers",
+    "header": "Header",
+    "no-headers-filter": "Όχι φίλτρο headers",
+    "downlink-url": "URL Λήψης",
+    "application-uri": "URI Εφαρμογής",
+    "as-id": "AS ID",
+    "as-id-required": "Απαιτείται AS ID.",
+    "as-key": "AS Key",
+    "as-key-required": "Απαιτείται AS Key.",
+    "max-time-diff-in-seconds": "Μέγιστη χρονική διαφορά (δευτερόλεπτα)",
+    "max-time-diff-in-seconds-required": "Απαιτείται μέγιστη χρονική διαφορά.",
+    "name": "Όνομα",
+    "name-required": "Απαιτείται όνομα.",
+    "description": "Περιγραφή",
+    "base-url": "Base URL",
+    "base-url-required": "Απαιτείται Base URL",
+    "security-key": "Κλειδί ασφάλειας",
+    "http-endpoint": "HTTP endpoint URL",
+    "copy-http-endpoint-url": "Αντιγραφή HTTP endpoint URL",
+    "http-endpoint-url-copied-message": "Το HTTP endpoint URL έχει αντιγραφεί στο πρόχειρο",
+    "host": "Host",
+    "host-required": "Απαιτείται Host.",
+    "host-type": "Τύπος Host",
+    "host-type-required": "Απαιτείται τύπος Host.",
+    "custom-host": "Προσαρμοσμένο host",
+    "custom-host-required": "Απαιτείται προσαρμοσμένο host.",
+    "port": "Port",
+    "port-required": "Απαιτείται Port.",
+    "port-range": "Η Port πρέπει να κυμαίνεται από 1 ως 65535.",
+    "connect-timeout": "Λήξη σύνδεσης (δευτερόλεπτα)",
+    "connect-timeout-required": "Απαιτείται λήξη σύνδεσης.",
+    "connect-timeout-range": "Η λήξη σύνδεσης πρέπει να κυμαίνεται από 1 ως 200.",
+    "client-id": "Client ID",
+    "clean-session": "Καθαρή συνεδρία session",
+    "enable-ssl": "Ενεργοποίηση SSL",
+    "credentials": "Διαπιστευτήρια",
+    "credentials-type": "Τύπος διαπιστευτηρίων",
+    "credentials-type-required": "Απαιτείται τύπος διαπιστευτηρίων.",
+    "username": "Όνομα Χρήστη",
+    "username-required": "Απαιτείται όνομα χρήστη.",
+    "password": "Κωδικός",
+    "password-required": "Απαιτείται κωδικός.",
+    "ca-cert": "Αρχείο πιστοποιητικού CA *",
+    "private-key": "Αρχείο ιδιωτικού κλειδιού *",
+    "private-key-password": "κωδικός ιδιωτικού κλειδιού",
+    "cert": "Αρχείο πιστοποιητικού *",
+    "no-file": "Δεν έχει επιλεχθεί αρχείο.",
+    "drop-file": "Αποθέστε αρχείο ή κάνετε κλικ για να επιλέξετε ένα αρχείο προς ανέβασμα.",
+    "topic-filters": "Φίτρο θέματος",
+    "remove-topic-filter": "Αφαίρεση φίλτρου θέματος",
+    "add-topic-filter": "προσθήκη φίλτρου θέματος",
+    "add-topic-filter-prompt": "παρακαλούμε προσθέστε φίλτρο θέματος",
+    "topic": "Θέμα",
+    "mqtt-qos": "QoS",
+    "mqtt-qos-at-most-once": "Το πολύ μια",
+    "mqtt-qos-at-least-once": "Τουλάχιστον μια",
+    "mqtt-qos-exactly-once": "Ακριβώς μια",
+    "downlink-topic-pattern": "Μοτίβο θέματος σύνδεσης",
+    "downlink-topic-pattern-required": "Απαιτείται μοτίβο θέματος σύνδεσης.",
+    "aws-iot-endpoint": "AWS IoT Endpoint",
+    "aws-iot-endpoint-required": "Απαιτείται AWS IoT Endpoint.",
+    "aws-iot-credentials": "AWS IoT Διαπιστευτήρια",
+    "application-credentials": "Διαπιστευτήρια Εφαρμογής",
+    "api-key": "API Key",
+    "api-key-required": "Απαιτείται API Key.",
+    "auth-token": "Τεκμίριο Ταυτοποίησης",
+    "auth-token-required": "Απαιτείται τεκμίριο ταυτοποίησης",
+    "region": "Περιοχή",
+    "region-required": "Απαιτείται περιοχή.",
+    "application-id": "ID Εφαρμογής",
+    "application-id-required": "Απαιτείται ID εφαρμογής.",
+    "access-key": "Κλειδί πρόσβασης",
+    "access-key-required": "Απαιτείται κλειδί πρόσβασης.",
+    "connection-parameters": "Παράμετροι σύνδεσης",
+    "service-bus-namespace-name": "Service Bus Namespace Name",
+    "service-bus-namespace-name-required": "Απαιτείται Service Bus Namespace Name.",
+    "event-hub-name": "Όνομα Event Hub",
+    "event-hub-name-required": "Απαιτείται όνομα Event Hub.",
+    "sas-key-name": "Όνομα SAS Key",
+    "sas-key-name-required": "Απαιτείται όνομα SAS Key.",
+    "sas-key": "SAS Key",
+    "sas-key-required": "Απαιτείται SAS Key.",
+    "iot-hub-name": "IoT Hub Name (απαιτείται για downlink)",
+    "metadata": "Μεταδεδομένα",
+    "type": "Τύπος",
+    "type-required": "Απαιτείται τύπος.",
+    "uplink-converter": "Μετατροπέας δεδομένων uplink",
+    "uplink-converter-required": "Απαιτείται μετατροπέας δεδομένων uplink.",
+    "downlink-converter": "Μετατροπέας δεδομένων downlink",
+    "type-http": "HTTP",
+    "type-ocean-connect": "OceanConnect",
+    "type-sigfox": "SigFox",
+    "type-thingpark": "ThingPark",
+    "type-tmobile-iot-cdp": "T-Mobile – IoT CDP",
+    "type-mqtt": "MQTT",
+    "type-aws-iot": "AWS IoT",
+    "type-ibm-watson-iot": "IBM Watson IoT",
+    "type-ttn": "TheThingsNetwork",
+    "type-azure-event-hub": "Azure Event Hub",
+    "type-opc-ua": "OPC-UA",
+    "opc-ua-application-name": "Όνομα εφαρμογής",
+    "opc-ua-application-uri": "URI Εφαρμογής",
+    "opc-ua-scan-period-in-seconds": "Περίοδος σάρωσης σε δευτερόλεπτα",
+    "opc-ua-scan-period-in-seconds-required": "Απαιτείται περίοδος σάρωσης",
+    "opc-ua-timeout": "Λήξη χρόνου σε χιλιοστά του δευτερολέπτου",
+    "opc-ua-timeout-required": "Απαιτείται λήξη χρόνου",
+    "opc-ua-security": "Ασφάλεια",
+    "opc-ua-security-required": "Απαιτειται ασφάλεια",
+    "opc-ua-identity": "Ταυτότητα",
+    "opc-ua-identity-required": "Απαιτείται ταυτότητα",
+    "opc-ua-keystore": "Keystore",
+    "add-opc-ua-keystore-prompt": "Παρακαλούμε προσθέστε αρχείο keystore",
+    "opc-ua-keystore-required": "Απαιτείται keystore",
+    "opc-ua-type": "Τύπος",
+    "opc-ua-keystore-type": "Τύπος",
+    "opc-ua-keystore-type-required": "Απαιτέιται τύπος",
+    "opc-ua-keystore-location": "Τοποθεσία *",
+    "opc-ua-keystore-password": "Κωδικός",
+    "opc-ua-keystore-password-required": "Απαιτείται κωδικός",
+    "opc-ua-keystore-alias": "Ψευδώνυμο",
+    "opc-ua-keystore-alias-required": "Απαιτείται ψευδώνυμο",
+    "opc-ua-keystore-key-password": "Κλειδί κωδικού",
+    "opc-ua-keystore-key-password-required": "Απαιτείται κλειδί κωδικού",
+    "opc-ua-mapping": "χαρτογράφιση",
+    "add-opc-ua-mapping-prompt": "Παρακαλούμε προσθέστε χαρτογράφιση",
+    "opc-ua-mapping-type": "Τύπος χαρτογράφισης",
+    "opc-ua-mapping-type-required": "Απαιτείται τύπος χαρτογράφισης",
+    "opc-ua-device-node-pattern": "Μοτίβο Κόμβου Συσκευής",
+    "opc-ua-device-node-pattern-required": "Απαιτείται Μοτίβο Κόμβου Συσκευής",
+    "opc-ua-namespace": "Namespace",
+    "opc-ua-add-map": "Προσθήκη στοιχείου χαρτογράφισης",
+    "subscription-tags": "Ετικέτες εγγραφής",
+    "remove-subscription-tag": "Αφαίρεση ετικέτας εγγραφής",
+    "add-subscription-tag": "Προσθήκη ετικέτας εγγραφής",
+    "add-subscription-tag-prompt": "Παρακαλούμε προσθέστε ετικέτα εγγραφής",
+    "key": "Κλειδί",
+    "path": "Μονοπάτι",
+    "required": "Απαιτείται"
+  },
+  "item": {
+    "selected": "Επιλέχθηκε"
+  },
+  "js-func": {
+    "no-return-error": "Η λειτουργία πρέπει να επιστρέφει τιμή!",
+    "return-type-mismatch": "Η λειτουργία πρέπει να επιστρέφει τιμή από '{{type}}' τύπο!",
+    "tidy": "Tidy"
+  },
+  "key-val": {
+    "key": "Όνομα",
+    "value": "Τιμή",
+    "remove-entry": "Αφαίρεση καταχώρησης",
+    "add-entry": "Προσθήκη καταχωρησης",
+    "no-data": "Καμία καταχώρηση"
+  },
+  "layout": {
+    "layout": "Διάταξη",
+    "manage": "Διαχείριση Διατάξεων",
+    "settings": "Ρυθμίσεις Διάταξης",
+    "color": "Χρώμα",
+    "main": "Κεντρικά",
+    "right": "Δεξιά",
+    "select": "Επιλογή διάταξης"
+  },
+  "legend": {
+    "direction": "Κατεύθυνση Λεζάντας",
+    "position": "Θέση λεζάντας",
+    "show-max": "Προβολή μέγιστης τιμής",
+    "show-min": "Προβολή ελάχιστης τιμής",
+    "show-avg": "Προβολή μέσης τιμής",
+    "show-total": "Προβολή συνολικής τιμής",
+    "settings": "Ρυθμίσεις λεζάντας",
+    "min": "min",
+    "max": "max",
+    "avg": "Μ.Ο.",
+    "total": "Σύνολο"
+  },
+  "login": {
+    "login": "Σύνδεση",
+    "request-password-reset": "Αίτημα επαναφοράς κωδικού πρόσβασης",
+    "reset-password": "Επαναφορά κωδικού πρόσβασης",
+    "create-password": "Δημιουργία κωδικού πρόσβασης",
+    "passwords-mismatch-error": "Οι καταχωρημένοι κωδικοί πρόσβασης πρέπει να είναι ίδιοι!",
+    "password-again": "Επανάληψη κωδικού πρόσβασης",
+    "sign-in": "Παρακαλώ, συνδεθείτε",
+    "username": "Όνομα Χρήστη (email)",
+    "remember-me": "Να με Θυμάσαι",
+    "forgot-password": "Ξεχάσατε τον κωδικό πρόσβασης;",
+    "password-reset": "Επαναφορά κωδικού πρόσβασης",
+    "new-password": "Νέος κωδικός πρόσβασης",
+    "new-password-again": "Επανάληψη νέου κωδικού πρόσβασης",
+    "password-link-sent-message": "Ο σύνδεσμος επαναφοράς κωδικού πρόσβασης στάλθηκε με επιτυχία!",
+    "email": "Email",
+    "no-account": "Δεν έχετε λογαριασμό;",
+    "create-account": "Δημιουργία λογαριασμού"
+  },
+  "signup": {
+    "firstname": "Όνομα",
+    "lastname": "Επίθετο",
+    "email": "Email",
+    "signup": "Εγγραφή",
+    "create-password": "Δημιουργία κωδικού",
+    "repeat-password": "Επαναλάβετε τον κωδικό",
+    "have-account": "Έχετε ήδη έναν λογαριασμό;",
+    "signin": "Είσοδος",
+    "no-captcha-message": "Πρέπει να επιβεβαιώσετε ότι δεν είστε ρομπότ",
+    "password-length-message": "Ο κωδικός σας πρεπει να περιλαμβάνει τουλάχιστον 6 χαρακτήρες",
+    "email-verification": "Επιβεβαίωση email",
+    "email-verification-message": "Έχει σταλεί ένα email επιβεβαίωσης στην διεύθυνση email που καθορίσατε.</br> Παρακαλούμε ακολουθήστε τις οδηγίες που συμπεριλαμβανονται στο email ώστε να ολοκληρωθεί η εγγραφή σας.</br>Σημείωση: Αν δεν έχει εμφανιστεί σχετικά άμεσα το email, παρακαλούμε ελέγξτε στον φάκελο με την 'Ανεπιθύμητη Αλληλογραφία' (spam) ή ξαναπροσπαθείστε να στείλετε το email κάνοντας κλικ στο κουμπί 'Αποστολή εκ νέου'",
+    "account-activation-title": "Ενεργοποίηση λογαριασμού",
+    "account-activated": "Ο λογαριασμός ενεργοποιήθηκε με επιτυχία!",
+    "account-activated-text": "Συγχαρητήρια!</br>Ο λογαριασμός σας έχει ενεργοποιηθεί.</br>Τώρα μπορείται να κάνετε είσοδο στην πλατφόρμα.",
+    "resend": "Αποστολή εκ νέου",
+    "inactive-user-exists-title": "Ο ανενεργός χρήστης υπάρχει ήδη",
+    "inactive-user-exists-text": "Υπάρχει ήδη εγγεγραμμένος χρήστης με μη επιβεβαιωμένη διεύθυνση email. </br>Click Πατήστε το κουμπί 'Επαναποστολή', αν θέλετε να στείλετε ξανά email επιβεβαίωσης.",
+    "activating-account": "Ενεργοποίηση λογαριασμού...",
+    "activating-account-text": "Ο λογαριασμός σας ενεργοποιείται αυτήν τη στιγμή. Παρακαλούμε περιμένετε...",
+    "accept-privacy-policy": "Αποδοχή Πολιτικής Απορρήτου",
+    "accept": "Αποδοχή",
+    "privacy-policy": "Πολιτική Απορρήτου"
+  },
+  "position": {
+    "top": "Κορυφή",
+    "bottom": "Κάτω μέρος",
+    "left": "Αριστερά",
+    "right": "Δεξιά"
+  },
+  "profile": {
+    "profile": "Προφίλ",
+    "change-password": "Αλλαγή κωδικού",
+    "current-password": "Τρέχων κωδικός"
+  },
+  "relation": {
+    "relations": "Σχέσεις",
+    "direction": "Κατεύθυνση",
+    "search-direction": {
+      "FROM": "Από",
+      "TO": "Σε"
+    },
+    "direction-type": {
+      "FROM": "από",
+      "TO": "σε"
+    },
+    "from-relations": "Εξωτερικές σχέσεις",
+    "to-relations": "Εσωτερικές σχέσεις",
+    "selected-relations": "{ count, plural, 1 {1 relation} other {# relations} } επιλέχθηκαν",
+    "type": "Τύπος",
+    "to-entity-type": "Στον τύπο οντότητας",
+    "to-entity-name": "Στο όνομα οντότητας",
+    "from-entity-type": "Από τύπο οντότητας",
+    "from-entity-name": "Από όνομα οντότητας",
+    "to-entity": "Σε οντότητα",
+    "from-entity": "Από οντότητα",
+    "delete": "Διαγραφή σχέσης",
+    "relation-type": "Relation type",
+    "relation-type-required": "Απαιτείται τύπος σχέσης.",
+    "any-relation-type": "Οποιοσδήποτε τύπος",
+    "add": "Προσθήκη σχέσης",
+    "edit": "Επεξεργασία σχέσης",
+    "delete-to-relation-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε τη σχέση με την οντότητα '{{entityName}}'?",
+    "delete-to-relation-text": "Προσοχή, μετά την επιβεβαίωση η οντότητα '{{entityName}}' δεν θα σχετίζεται με την τρέχουσα οντότητα.",
+    "delete-to-relations-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε { count, plural, 1 {1 relation} other {# relations} };",
+    "delete-to-relations-text": "Προσοχή, μετά την επιβεβαίωση όλες οι επιλεγμένες σχέσεις θα αφαιρεθούν και οι αντίστοιχες οντότητες δεν θα σχετίζονται με την τρέχουσα οντότητα.",
+    "delete-from-relation-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε σχέση από την οντότητα '{{entityName}}';",
+    "delete-from-relation-text": "Προσοχή, μετά την επιβεβαίωση η τρέχουσα οντότητα δεν θα σχετίζεται με την οντότητα '{{entityName}}'.",
+    "delete-from-relations-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε { count, plural, 1 {1 relation} other {# relations} };",
+    "delete-from-relations-text": "Προσοχή, μετά την επιβεβαίωση όλες οι επιλεγμένες σχέσεις θα αφαιρεθούν και η τρέχουσα οντότητα δεν θα σχετίζεται με τις αντίστοιχες οντότητες.",
+    "remove-relation-filter": "Αφαίρεση φίλτρου σχέσης",
+    "add-relation-filter": "Προσθήκη φίλτρου σχέσης",
+    "any-relation": "Οποιαδήποτε σχέση",
+    "relation-filters": "Φίλτρα σχέσεων",
+    "additional-info": "Συμπληρωματικές πληροφορίες (JSON)",
+    "invalid-additional-info": "Δεν είναι δυνατή η ανάλυση των πρόσθετων πληροφοριών json."
+  },
+  "rulechain": {
+    "rulechain": "Αλυσίδα Κανόνων",
+    "rulechains": "Κανόνες",
+    "root": "Ρίζα",
+    "delete": "Διαγραφή Αλυσίδας Κανόνων",
+    "name": "Όνομα",
+    "name-required": "Απαιτείται όνομα.",
+    "description": "Περιγραφή",
+    "add": "Προσθήκη Αλυσίδας Κανόνων",
+    "set-root": "Δημιουργία ριζικής Αλυσίδας Κανόνων",
+    "set-root-rulechain-title": "Είστε σίγουροι ότι θέλετε να δημιουργήσετε τη ριζική Αλυσίδα Κανόνων '{{ruleChainName}}' ;",
+    "set-root-rulechain-text": "Μετά την επιβεβαίωση, η Αλυσίδα Κανόνων θα γίνει ριζική και θα χειριστεί όλα τα εισερχόμενα μηνύματα μεταφοράς.",
+    "delete-rulechain-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε την Αλυσίδα Κανόνων '{{ruleChainName}}';",
+    "delete-rulechain-text": "Προσοχή, μετά την επιβεβαίωση η Αλυσίδα Κανόνων θα αφαιρεθεί και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-rulechains-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε { count, plural, 1 {1 rule chain} other {# rule chains} };",
+    "delete-rulechains-action-title": "Διαγραφή { count, plural, 1 {1 rule chain} other {# rule chains} }",
+    "delete-rulechains-text": "Προσοχή, μετά την επιβεβαίωση όλες οι επιλεγμένες αλυσίδες κανόνων θα καταργηθούν και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "add-rulechain-text": "Προσθήκη νέας Αλυσίδας Κανόνων",
+    "no-rulechains-text": "Δεν βρέθηκαν Αλυσίδες Κανόνων",
+    "rulechain-details": "Λεπτομέρειες Αλυσίδας Κανόνων",
+    "details": "Λεπομέρειες",
+    "events": "Γεγονότα",
+    "system": "Σύστημα",
+    "import": "Εισαγωγή Αλυσίδας Κανόνων",
+    "export": "Εξαγωγή Αλυσίδας Κανόνων",
+    "export-failed-error": "Δεν είναι δυνατή η εξαγωγή Αλυσίδας Κανόνων: {{error}}",
+    "create-new-rulechain": "Δημιουργία νέας Αλυσίδας Κανόνων",
+    "rulechain-file": "Αρχείο Αλυσίδας Κανόνων",
+    "invalid-rulechain-file-error": "Δεν είναι δυνατή η εισαγωγή Αλυσίδας Κανόνων: Μη έγκυρη δομή δεδομένων Αλυσίδας Κανόνων.",
+    "copyId": "Αντιγραφή ταυτότητας Αλυσίδας Κανόνων",
+    "idCopiedMessage": "Η ταυτότητα της Αλυσίδας Κανόνων έχει αντιγραφεί στο πρόχειρο",
+    "select-rulechain": "Επιλογή Αλυσίδας Κανόνων",
+    "no-rulechains-matching": "Δεν βρέθηκαν Αλυσίδες Κανόνων που να ταιριάζουν '{{entity}}'.",
+    "rulechain-required": "Απαιτείται Αλυσίδα Κανόνων",
+    "management": "Διαχείριση κανόνων",
+    "debug-mode": "Λειτουργία Εκσφαλμάτωσης"
+  },
+  "rulenode": {
+    "details": "Λεπτομέρειες",
+    "events": "Γεγονότα",
+    "search": "Αναζήτηση κόμβων",
+    "open-node-library": "Άνοιγμα βιβλιοθήκης κόμβων",
+    "add": "Προσθήκη κανόνα κόμβου",
+    "name": "Όνομα",
+    "name-required": "Απαιτείται όνομα.",
+    "type": "Τύπος",
+    "description": "Περιγραφή",
+    "delete": "Διαγραφή κανόνα κόμβου",
+    "select-all-objects": "Επιλογή όλων των κόμβων και συνδέσεων",
+    "deselect-all-objects": "Αποεπιλογή όλων των κόμβων και συνδέσεων",
+    "delete-selected-objects": "Διαγραφή επιλεγμένων κόμβων και συνδέσεων",
+    "delete-selected": "Delete selected",
+    "select-all": "Select all",
+    "copy-selected": "Επιλογή αντιγραφής",
+    "deselect-all": "Αποεπιλογή όλων",
+    "rulenode-details": "Λεπτομέρειες κανόνα κόμβου",
+    "debug-mode": "Λειτουργία εντοπισμού σφαλμάτων",
+    "configuration": "Διαμόρφωση",
+    "link": "Σύνδεσμος",
+    "link-details": "Λεπτομέρειες συνδέσμου κανόνα κόμβου",
+    "add-link": "Προσθήκη συνδέσμου",
+    "link-label": "Ετικέτα συνδέσμου",
+    "link-label-required": "Απαιτείται ετικετα συνδέσμου.",
+    "custom-link-label": "Ετικέτα προσαρμοσμένου συνδέσμου",
+    "custom-link-label-required": "Απαιτείται ετικέτα προσαρμοσμένου συνδέσμου.",
+    "link-labels": "Ετικέτες συνδέσμου",
+    "link-labels-required": "Απαιτούνται ετικέτες συνδέσμου.",
+    "no-link-labels-found": "Δεν βρέθηκαν ετικέτες συνδέσμου",
+    "no-link-label-matching": "Δεν βρέθηκαν '{{label}}'.",
+    "create-new-link-label": "Δημιουργήστε μια νέα!",
+    "type-filter": "Φίλτρο",
+    "type-filter-details": "Φιλτράρετε εισερχόμενα μηνύματα με διαμορφωμένες συνθήκες",
+    "type-enrichment": "Εμπλουτισμός",
+    "type-enrichment-details": "Προσθέστε επιπλέον πληροφορίες στα Μεταδεδομένα του μηνύματος",
+    "type-transformation": "Μεταμόρφωση",
+    "type-transformation-details": "Αλλαγή ωφέλιμου φορτίου και μεταδεδομένων μηνύματος",
+    "type-action": "Ενέργεια",
+    "type-action-details": "Εκτέλεση ειδικής ενέργειας",
+    "type-analytics": "Analytics",
+    "type-analytics-details": "Εκτελέστε ανάλυση δεδομένων που διαβιβάζονται με ροή ή συνεχίζονται",
+    "type-external": "Εξωτερικός",
+    "type-external-details": "Αλληλεπίδραση με εξωτερικό σύστημα",
+    "type-rule-chain": "Αλυσίδα κανόνων",
+    "type-rule-chain-details": "Προωθεί τα εισερχόμενα μηνύματα σε συγκεκριμένη αλυσίδα κανόνων",
+    "type-input": "Εισαγωγήγή",
+    "type-input-details": "Λογική εισαγωγή της αλυσίδας κανόνων, προωθεί τα εισερχόμενα μηνύματα στον επόμενο σχετικό κανόνα κόμβου",
+    "type-unknown": "Άγνωστο",
+    "type-unknown-details": "Ανεπεξέργαστος κανόνας κόμβου",
+    "directive-is-not-loaded": "Δεν είναι διαθέσιμη καθορισμένη οδηγία διαμόρφωσης '{{directiveName}}'.",
+    "ui-resources-load-error": "Αποτυχία φόρτωσης διαμόρφωσης πόρων ui.",
+    "invalid-target-rulechain": "Δεν είναι δυνατή η επίλυση της αλυσίδας κανόνα στόχου!",
+    "test-script-function": "Λειτουργία σεναρίου δοκιμής",
+    "message": "Μήνυμα",
+    "message-type": "Τύπος μηνύματος",
+    "select-message-type": "Επιλογή τύπου μηνύματος",
+    "message-type-required": "Απαιτείται τύπος μηνύματος",
+    "metadata": "Μεταδεδομένα",
+    "metadata-required": "Οι καταχωρίσεις μεταδεδομένων δεν μπορούν να είναι κενές.",
+    "output": "Απόδοση",
+    "test": "Τεστ",
+    "help": "Βοήθεια",
+    "reset-debug-mode": "Επαναφορά λειτουργίας εντοπισμού σφαλμάτων σε όλους τους κόμβους"
+  },
+  "role": {
+    "role": "Ρόλος",
+    "roles": "Ρόλοι",
+    "management": "Διαχείριση ρόλων",
+    "view-roles": "Προβολή ρόλων",
+    "no-roles-matching": "Δεν βρέθηκαν ρόλοι που να ταιριάζουν '{{entity}}'.",
+    "role-list": "Λίστα ρόλων",
+    "add": "Προσθήκη ρόλου",
+    "view": "Προβολή ρόλου",
+    "no-roles-text": "Δεν βρέθηκαν ρόλοι",
+    "role-details": "Λεπτομέρειες ρόλου",
+    "add-role-text": "Προσθήκη νέου ρόλου",
+    "delete": "Διαγραφή ρόλου",
+    "delete-roles": "Διαγραφή ρόλων",
+    "delete-role-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε το ρόλο '{{roleName}}';",
+    "delete-role-text": "Προσοχή, μετά την επιβεβαίωση ο ρόλος και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-roles-title": "Είστε σίγουροι ότι θέλετε να παίξετε { count, plural, 1 {1 role} other {# roles} };",
+    "delete-roles-action-title": "Διαγραφή { count, plural, 1 {1 role} other {# roles} }",
+    "delete-roles-text": "Προσοχή, μετά την επιβεβαίωση όλοι οι επιλεγμένοι ρόλοι θα καταργηθούν και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "role-type": "΄Τύπος ρόλου",
+    "role-type-required": "Απαιτείται τύπος ρόλου.",
+    "select-role-type": "Επιλογή τύπου ρόλου",
+    "enter-role-type": "Εισαγωγή τύπου ρόλου",
+    "any-role": "Οποιοσδήποτε ρόλος",
+    "no-role-types-matching": "Δεν βρέθηκαν τύποι ρόλων που να ταιριάζουν '{{entitySubtype}}'.",
+    "role-type-list-empty": "Δεν έγινε επιλογή τύπου ρόλου.",
+    "role-types": "Τύποι ρόλου",
+    "name": "Όνομα",
+    "name-required": "Απαιτείται όνομα.",
+    "description": "Περιγραφή",
+    "events": "Γεγονότα",
+    "details": "Λεπτομέρειες",
+    "copyId": "Αντιγραφή ταυτότητας ρόλου",
+    "idCopiedMessage": "Η ταυτότητα ρόλου έχει αντιγραφεί στο πρόχειρο",
+    "permissions": "Άδειες",
+    "role-required": "Απαιτείται ρόλος",
+    "display-type": {
+      "GENERIC": "Γενικός",
+      "GROUP": "Ομάδα"
+    }
+  },
+  "group-permission": {
+    "user-group-roles": "Ρόλοι ομάδας χρηστών",
+    "entity-group-permissions": "Άδειες ομάδας Οντοτήτων",
+    "role-type": "Τύπος ρόλου",
+    "role-name": "Όνομα ρόλου",
+    "group-type": "Τύπος ομάδας",
+    "group-name": "Όνομα ομάδας",
+    "group-owner": "Κάτοχος ομάδας",
+    "user-group-name": "Όνομα χρήστη ομάδας",
+    "user-group-owner": "Κάτοχος χρήστη ομάδας",
+    "edit": "Επεξεργασία Αδειών",
+    "delete": "Διαγραφή αδειών",
+    "selected-group-permissions": "{ count, plural, 1 {1 group permission} other {# group permissions} } επιλέχθηκαν",
+    "delete-group-permission-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε την άδεια ομάδας '{{roleName}}';",
+    "delete-group-permission-text": "Προσοχή, μετά την επιβεβαίωση η άδεια ομάδας και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-group-permission": "Διαγραφή άδειας ομάδας",
+    "delete-group-permissions-title": "Έίστε σίγουροι ότι θέλετε να διαγράψετε { count, plural, 1 {1 group permission} other {# group permission} };",
+    "delete-group-permissions-text": "Προσοχή, μετά την επιβεβαίωση όλες οι επιλεγμένες άδειες ομάδας θα καταργηθούν και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-group-permissions": "Διαγραφή αδειών ομάδας",
+    "add-group-permission": "Προσθήκη ομαδικής άδειας",
+    "edit-group-permission": "Επεξεργασία άδειας ομάδας",
+    "entity-group": "Ομάδα οντοτήτων",
+    "user-group": "Χρήστης ομάδας",
+    "no-owners-matching": "Δεν βρέθηκαν κάτοχοι που να ταιριάζουν '{{owner}}'.",
+    "target-owner-required": " Απαιτείται κάτοχος της ομάδας οντότητας.",
+    "target-user-group-owner-required": "Απαιτείται κάτοχος χρήστη ομάδας."
+  },
+  "permission": {
+    "permissions-required": "Τουλάχιστον μία εγγραφή άδειας πρέπει να οριστεί.",
+    "remove-permission": "Καταργήστε την καταχώριση δικαιωμάτων",
+    "add-permission": "Προσθήκη καταχώρησης άδειας",
+    "resource": {
+      "resource": "Πηγή",
+      "select-resource": "Επιλογή πηγής",
+      "resource-required": "Απαιτείται πηγή",
+      "no-resources-matching": "Δεν βρέθηκαν πηγές που να ταιριάζουν '{{resource}}'.",
+      "display-type": {
+        "ALL": "Όλες",
+        "PROFILE": "Προφίλ",
+        "ADMIN_SETTINGS": "Ρυθμίσεις Διαχειριστή",
+        "ALARM": "Alarm",
+        "DEVICE": "Συσκευή",
+        "ASSET": "Asset",
+        "CUSTOMER": "Πελάτης",
+        "DASHBOARD": "Dashboard",
+        "ENTITY_VIEW": "Προβολή οντοτήτων",
+        "TENANT": "Μισθωτής",
+        "RULE_CHAIN": "Αλυσίδα Κανόνα",
+        "USER": "Χρήστης",
+        "WIDGETS_BUNDLE": "Δέσμη Widgets",
+        "WIDGET_TYPE": "Τύπος Widget",
+        "CONVERTER": "Μετατροπέας",
+        "INTEGRATION": "Ενσωμάτωση",
+        "SCHEDULER_EVENT": "Πρόγραμμα εκδηλώσεων",
+        "BLOB_ENTITY": "Δέσμη Οντότητας",
+        "CUSTOMER_GROUP": "Ομάδα Πελατών",
+        "DEVICE_GROUP": "Ομάδα Συσκευών",
+        "ASSET_GROUP": "Ομάδες Asset",
+        "USER_GROUP": "Ομάδα Χρηστών",
+        "ENTITY_VIEW_GROUP": "Ομάδα Οντοτήτων",
+        "DASHBOARD_GROUP": "Ομάδα Dashboard",
+        "ROLE": "Ρόλος",
+        "GROUP_PERMISSION": "Ομαδική Άδεια",
+        "WHITE_LABELING": "Εμφάνιση",
+        "AUDIT_LOG": "Αρχείο Ελέγχου"
+      }
+    },
+    "operation": {
+      "operation": "Εργασία",
+      "operations": "Εργασίες",
+      "operations-required": "Τουλάχιστον μία εργασία πρέπει να καθοριστεί.",
+      "enter-operation": "Εισαγωγή εργασίας",
+      "no-operations-matching": "Δεν βρέθηκαν εργασίες που να ταιριάζουν '{{operation}}'.",
+      "display-type": {
+        "ALL": "'Ολες",
+        "CREATE": "Δημιουργία",
+        "READ": "Ανάγνωση",
+        "WRITE": "Εγγραφή",
+        "DELETE": "Διαγραφή",
+        "ASSIGN_TO_CUSTOMER": "Ανάθεση σε Πελάτη",
+        "UNASSIGN_FROM_CUSTOMER": "Αποσύνδεση από Πελάτη",
+        "RPC_CALL": "Κλήση RPC",
+        "READ_CREDENTIALS": "Ανάγνωση Διαπιστευτηρίων",
+        "WRITE_CREDENTIALS": "Γράψτε Διαπιστευτήρια",
+        "READ_ATTRIBUTES": "Ανάγνωση Χαρακτηριστικών",
+        "WRITE_ATTRIBUTES": "Γράψτε Χαρακτηριστικά",
+        "READ_TELEMETRY": "Ανάγνωση Τηλεμετρίας",
+        "WRITE_TELEMETRY": "Γράψτε Τηλεμετρία",
+        "CLAIM_DEVICES": "Αιτήματα Συσκευών",
+        "IMPERSONATE": "Impersonate",
+        "CHANGE_OWNER": "Αλλαγή Κατόχου",
+        "ADD_TO_GROUP": "Προσθήκη στην Ομάδα",
+        "REMOVE_FROM_GROUP": "Αφαίρεση από την Ομάδα"
+      }
+    }
+  },
+  "scheduler": {
+    "scheduler": "Προγραμματιστής",
+    "scheduler-event": "Προγραμματισμένο γεγονός",
+    "select-scheduler-event": "Επιλέξτε προγραμματισμένα γεγονότα που να ταιριάζουν '{{entity}}'",
+    "scheduler-event-required": "Απαιτείται προγραμματισμένο γεγονός",
+    "management": "Διαχείριση Προγράμματος",
+    "scheduler-events": "Προγραμματισμένα γεγονότα",
+    "add-scheduler-event": "Προσθήκη προγραμματισμένου γεγονότος",
+    "search-scheduler-events": "Αναζήτηση προγραμματισμένων γεγονότων",
+    "created-time": "Χρόνος που δημιουργήθηκε",
+    "name": "Όνομα",
+    "type": "Τύπος",
+    "created_customer": "Πελάτης που δημιουργήθηκε",
+    "edit-scheduler-event": "Επεξεργασία προγραμματισμένου γεγονότος",
+    "view-scheduler-event": "Προβολή προγραμματισμένου γεγονότος",
+    "delete-scheduler-event": "Διαγραφή προγραμματισμένου γεγονότος",
+    "no-scheduler-events": "Δεν βρέθηκαν προγραμματισμένα γεγονότα",
+    "selected-scheduler-events": "{ count, plural, 1 {1 scheduler event} other {# scheduler events} } επιλέχθηκαν",
+    "delete-scheduler-event-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε το προγραμματισμένο γεγονός '{{schedulerEventName}}';",
+    "delete-scheduler-event-text": "Προσοχή, μετά την επιβεβαίωση το προγραμματισμένο γεγονός και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-scheduler-events-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε { count, plural, 1 {1 scheduler event} other {# scheduler events} };",
+    "delete-scheduler-events-text": "Προσοχή, μετά την επιβεβαίωση όλα τα επιλεγμένα προγραμματισμένα γεγονότα θα καταργηθούν και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "create": "Δημιουργία προγραμματισμένου γεγονότος",
+    "edit": "Επεξεργασία προγραμματισμένου γεγονότος",
+    "view": "Προβολή προγραμματισμένου γεγονότος",
+    "name-required": "Απαιτείται Όνομα",
+    "configuration": "Διαμόρφωση",
+    "schedule": "Πρόγραμμα",
+    "start": "Έναρξη",
+    "date": "Ημερομηνία",
+    "time": "Ώρα",
+    "repeat": "Επανάληψη",
+    "repeats": "Επαναλήψεις",
+    "daily": "Καθημερινά",
+    "weekly": "Εβδομαδιαία",
+    "timer": "Χρονομετρητής",
+    "repeats-required": "Απαιτούνται επαναλήψεις.",
+    "repeat-on": "Επανάληψη σε",
+    "repeat-every": "Επανάληψη κάθε",
+    "ends-on": "Τελειώνει σε",
+    "sunday-label": "K",
+    "monday-label": "Δ",
+    "tuesday-label": "T",
+    "wednesday-label": "Τ",
+    "thursday-label": "Π",
+    "friday-label": "Π",
+    "saturday-label": "Σ",
+    "repeat-on-sunday": "Επανάληψη την Κυριακή",
+    "repeat-on-monday": "Επανάληψη τη Δευτέρα",
+    "repeat-on-tuesday": "Επανάληψη την Τρίτη",
+    "repeat-on-wednesday": "Επανάληψη την Τετάρτη",
+    "repeat-on-thursday": "Επανάληψη την Πέμπτη",
+    "repeat-on-friday": "Επανάληψη την Παρασκευή",
+    "repeat-on-saturday": "Επανάληψη το Σάββατο",
+    "event-type": "Τύπος Γεγονότος",
+    "select-event-type": "Επιλογή Τύπου Γεγονότος",
+    "event-type-required": "Απαιτείται Τύπος Γεγονότος.",
+    "list-mode": "Προβολή Λίστας",
+    "calendar-mode": "Προβολή Ημερολογίου",
+    "calendar-view-type": "Προβολή τύπου ημερολογίου",
+    "month": "Μήνας",
+    "week": "Εβδομάδα",
+    "day": "Ημέρα",
+    "agenda-week": "Εβδομαδιαία Ατζέντα",
+    "agenda-day": "Ημερήσια Ατζέντα",
+    "list-year": "Λίστα Έτους",
+    "list-month": "Λίστα Μήνα",
+    "list-week": "Λίστα Εβδομάδος",
+    "list-day": "Λίστα Ημέρας",
+    "today": "Σήμερα",
+    "navigate-before": "Πλοηγηθείτε Πριν",
+    "navigate-next": "Πλοηγηθείτε Μετά",
+    "starting-from": "Έναρξη Από",
+    "until": "μέχρι",
+    "on": "σε",
+    "sunday": "Κυριακή",
+    "monday": "Δευτέρα",
+    "tuesday": "Τρίτη",
+    "wednesday": "Τετάρτη",
+    "thursday": "Πέμπτη",
+    "friday": "Παρασκευή",
+    "saturday": "Σάββατο",
+    "originator": "Δημιουργός" ,
+    "single-entity": "Ενιαία Οντότητα",
+    "group-of-entities": "Ομάδα Οντοτήτων",
+    "single-device": "Ενιαία Συσκευή",
+    "group-of-devices": "Ομάδα Συσκευών",
+    "message-body": "Σώμα μηνυμάτων",
+    "target": "Στόχος",
+    "rpc-method": "Μέθοδος",
+    "rpc-method-required": "Απαιτείται μέθοδος",
+    "rpc-params": "Παράμετροι",
+    "select-dashboard-state": "Επιλογή κατάστασης πίνακα ελέγχου",
+    "hours": "Ώρες",
+    "minutes": "Λεπτά",
+    "seconds": "Δευτερόλεπτα",
+    "time-interval-required": "Απαιτείται χρονικό διάστημα",
+    "time-unit-required": "Απαιτείται μονάδα ώρας"
+  },
+  "report": {
+    "report-config": "Διαμόρφωση αναφοράς",
+    "email-config": "Διαμόρφωση email",
+    "dashboard-state-param": "Τιμή παραμέτρου κατάστασης πίνακα",
+    "base-url": "Βάση URL",
+    "base-url-required": "Απαιτείται Βάση URL.",
+    "use-dashboard-timewindow": "Χρησιμοποιήστε το χρονικό πλαίσιο του πίνακα ελέγχου",
+    "timewindow": "Χρονικό πλαίσιο",
+    "name-pattern": "Αναφορά πρότυπου ονόματος",
+    "name-pattern-required": "Απαιτείται αναφορά πρότυπου ονόματος",
+    "type": "Τύπος αναφοράς",
+    "use-current-user-credentials": "Χρησιμοποιήστε τα τρέχοντα διαπιστευτήρια του χρήστη",
+    "customer-user-credentials": "Διαπιστευτήρια του χρήστη του πελάτη",
+    "customer-user-credentials-required": "Απαιτούνται διαπιστευτήρια του χρήστη του πελάτη",
+    "generate-test-report": "Δημιουργία αναφοράς δοκιμής",
+    "send-email": "Αποστολή email",
+    "from": "Από",
+    "from-required": "Απαιτείται Από.",
+    "to": "Σε",
+    "to-required": "Απαιτείται Σε.",
+    "cc": "Cc",
+    "bcc": "Bcc",
+    "subject": "Θέμα",
+    "subject-required": "Απαιτείται Θέμα.",
+    "body": "Σώμα",
+    "body-required": "Απαιτείται Σώμα."
+  },
+  "blob-entity": {
+    "blob-entity": "Ογκώδης οντότητα",
+    "select-blob-entity": "Επιλογή ογκώδους οντότητας",
+    "no-blob-entities-matching": "Δεν βρέθηκαν ογκώδεις οντότητες που να ταιριάζουν '{{entity}}'.",
+    "blob-entity-required": "Απαιτείται ογκώδης οντότητα",
+    "files": "Αρχεία",
+    "search": "Αναζήτηση αρχείων",
+    "clear-search": "Εκκαθάριση αναζήτησης",
+    "no-blob-entities-prompt": "Δεν βρέθηκαν αρχεία",
+    "report": "Αναφορά",
+    "created-time": "Χρόνος που δημιουργήθηκε",
+    "name": "Όνομα",
+    "type": "Τύπος",
+    "created_customer": "Δημιουργήθηκε από Πελάτη",
+    "download-blob-entity": "Λήψη αρχείου",
+    "delete-blob-entity": "Διαγραφή αρχείου",
+    "delete-blob-entity-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε το αρχείο '{{blobEntityName}}';",
+    "delete-blob-entity-text": "Προσοχή, μετά την επιβεβαίωση τα δεδομένα αρχείου θα διαγραφούν οριστικά."
+  },
+  "timezone": {
+    "timezone": "Ζώνη Ώρας",
+    "select-timezone": "Επιλογή Ζώνης Ώρας",
+    "no-timezones-matching": "Δεν βρέθηκαν Ζώνες ώρας που να ταιριάζουν'{{timezone}}' .",
+    "timezone-required": "Απαιτείται Ζώνη Ώρας."
+  },
+  "tenant": {
+    "tenant": "Μισθωτής",
+    "tenants": "Μισθωτές",
+    "management": "Διαχείριση Μισθωτών",
+    "add": "Πρόσθεση Μισθωτή",
+    "admins": "Διαχειριστές",
+    "manage-tenant-admins": "Επεξεργασία των διαχειριστών του Μισθωτή",
+    "delete": "Διαγραφή Μισθωτή",
+    "add-tenant-text": "Πρόσθεση νέου Μισθωτή",
+    "no-tenants-text": "Δεν βρέθηκαν Μισθωτές",
+    "tenant-details": "Λεπτομέρειες Μισθωτή",
+    "delete-tenant-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε τον Μισθωτή '{{tenantTitle}}';",
+    "delete-tenant-text": "Προσοχή, μετά την επιβεβαίωση ο Μισθωτής και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-tenants-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε { count, plural, 1 {1 tenant} other {# tenants} };",
+    "delete-tenants-action-title": "Διαγραφή { count, plural, 1 {1 tenant} other {# tenants} }",
+    "delete-tenants-text": "Προσοχή, μετά την επιβεβαίωση όλοι οι επιλεγμένοι Μισθωτές θα αφαιρεθούν και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "title": "Τίτλος",
+    "title-required": "Απαιτείται Τίτλος.",
+    "description": "Περιγραφή",
+    "details": "Λεπτομέρειες",
+    "events": "Γεγονότα",
+    "copyId": "Αντιγραφή Ταυτότητας του Μισθωτή",
+    "idCopiedMessage": "Η Ταυτότητα του Μισθωτή έχει αντιγραφεί στο πρόχειρο",
+    "select-tenant": "Επιλογή Μισθωτή",
+    "no-tenants-matching": "Δεν βρέθηκαν Μισθωτές που να ταιριάζουν '{{entity}}'.",
+    "tenant-required": "Απαιτείται Μισθωτής",
+    "selected-tenants": "{ count, plural, 1 {1 tenant} other {# tenants} } επιλέχθηκαν",
+    "search": "Αναζήτηση Μισθωτών",
+    "allow-white-labeling": "Επιτρέπεται Προσαρμογή Εμφάνισης",
+    "allow-customer-white-labeling": "Επιτρέπεται Προσαρμογή Εμφάνισης Πελάτη"
+  },
+  "timeinterval": {
+    "seconds-interval": "{ seconds, plural, 1 {1 second} other {# seconds} }",
+    "minutes-interval": "{ minutes, plural, 1 {1 minute} other {# minutes} }",
+    "hours-interval": "{ hours, plural, 1 {1 hour} other {# hours} }",
+    "days-interval": "{ days, plural, 1 {1 day} other {# days} }",
+    "days": "Ημέρες",
+    "hours": "Ώρες",
+    "minutes": "Λεπτά",
+    "seconds": "Δευτερόλεπτα",
+    "advanced": "Προηγμένος"
+  },
+  "timewindow": {
+    "days": "{ days, plural, 1 { day } other {# days } }",
+    "hours": "{ hours, plural, 0 { hour } 1 {1 hour } other {# hours } }",
+    "minutes": "{ minutes, plural, 0 { minute } 1 {1 minute } other {# minutes } }",
+    "seconds": "{ seconds, plural, 0 { second } 1 {1 second } other {# seconds } }",
+    "realtime": "Πραγματικός Χρόνος",
+    "history": "Ιστορικό",
+    "last-prefix": "Τελευταίος",
+    "period": "από {{ startTime }} σε {{ endTime }}",
+    "edit": "Επεξεργασία Χρονικού Πλαισίου",
+    "date-range": "Εύρος ημερομηνιών",
+    "last": "Τελευταίος",
+    "time-period": "Χρονική Περίοδος"
+  },
+  "user": {
+    "user": "Χρήστης",
+    "users": "Χρήστες",
+    "management": "Διαχείριση Χρηστών",
+    "customer-users": "Χρήστες του Πελάτη",
+    "tenant-admins": "Διαχειριστές Μισθωτή",
+    "sys-admin": "Διαχειριστής Συστήματος",
+    "tenant-admin": "Διαχειριστής Μισθωτή",
+    "customer": "Πελάτης",
+    "anonymous": "Ανώνυμος",
+    "add": "Προσθήκη χρήστη",
+    "delete": "Διαγραφή χρήστη",
+    "add-user-text": "Προσθήκη νέου Χρήστη",
+    "no-users-text": "Δεν βρέθηκαν Χρήστες",
+    "user-details": "Λεπτομέρειες Χρήστη",
+    "delete-users": "Διαγραφή Χρηστών",
+    "delete-user-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε το Χρήστη '{{userEmail}}'?",
+    "delete-user-text": "Προσοχή, μετά την επιβεβαίωση ο Χρήστης και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-users-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε { count, plural, 1 {1 user} other {# users} };",
+    "delete-users-action-title": "Διαγραφή { count, plural, 1 {1 user} other {# users} }",
+    "delete-users-text": "Προσοχή, μετά την επιβεβαίωση όλοι οι επιλεγμένοι Χρήστες θα αφαιρεθούν και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "activation-email-sent-message": "Το email ενεργοποίησης στάλθηκε με επιτυχία!",
+    "resend-activation": "Επανάληψη ενεργοποίησης",
+    "email": "Email",
+    "email-required": "Απαιτείται email.",
+    "invalid-email-format": "Μη έγκυρη μορφή email.",
+    "first-name": "Όνομα",
+    "last-name": "Επίθετο",
+    "description": "Περιγραφή",
+    "default-dashboard": "Προκαθορισμένος πίνακας ελέγχου",
+    "always-fullscreen": "Πάντα με πλήρη οθόνη",
+    "select-user": "Επιλογή Χρήστη",
+    "no-users-matching": "Δεν βρέθηκαν χρήστες που να ταιριάζουν '{{entity}}'.",
+    "user-required": "Απαιτείται Χρήστης",
+    "activation-method": "Μέθοδος ενεργοποίησης",
+    "display-activation-link": "Εμφάνιση συνδέσμου ενεργοποίησης",
+    "send-activation-mail": "Αποστολή mail ενεργοποίησης",
+    "activation-link": "Σύνδεσμος ενεργοποίησης Χρήστη",
+    "activation-link-text": "΄Προκειμένου να ενεργοποιήσετε το Χρήστη, χρησιμοποιήστε το εξής <a href='{{activationLink}}' target='_blank'>activation link</a> :",
+    "copy-activation-link": "Αντιγραφή συνδέσμου ενεργοποίησης",
+    "activation-link-copied-message": "Ο σύνδεσμος ενεργοποίησης χρήστη έχει αντιγραφεί στο πρόχειρο",
+    "selected-users": "{ count, plural, 1 {1 user} other {# users} } επιλέχθηκαν",
+    "search": "Αναζήτηση Χρηστών",
+    "details": "Λεπτομέρειες",
+    "login-as-tenant-admin": "Συνδεθείτε ως Διαχειριστής Μισθωτή",
+    "login-as-customer-user": "Συνδεθείτε ως Χρήστης του Πελάτη",
+    "select-group-to-add": "Επιλέξτε την ομάδα προορισμού για να προσθέσετε επιλεγμένους Χρήστες",
+    "select-group-to-move": "Επιλέξτε την ομάδα προορισμού για να μετακινήσετε επιλεγμένους χρήστες",
+    "remove-users-from-group": "Είστε σίγουροι ότι θέλετε να καταργήσετε { count, plural, 1 {1 user} other {# users} } από την ομάδα '{entityGroup}';",
+    "group": "Ομάδα από Χρήστες",
+    "list-of-groups": "{ count, plural, 1 {One user group} other {List of # user groups} }",
+    "group-name-starts-with": "Ομάδες Χρηστών των οποίων τα ονόματα ξεκινούν με'{{prefix}}'"
+  },
+  "value": {
+    "type": "Είδος τιμής",
+    "string": "Συμβολοσειρά",
+    "string-value": "Τιμή συμβολοσειράς",
+    "integer": "Ακέραιος",
+    "integer-value": "Ακέραια τιμή",
+    "invalid-integer-value": "Μη έγκυρη ακέραια τιμή",
+    "double": "Πραγματικός",
+    "double-value": "Πραγματική τιμή",
+    "boolean": "Λογικό",
+    "boolean-value": "Λογική τιμή",
+    "false": "Εσφαλμένος",
+    "true": "Αληθής",
+    "long": "Μακρύς"
+  },
+  "widget": {
+    "widget-library": "Βιβλιοθήκη Widget",
+    "widget-bundle": "Δέσμη Widget",
+    "select-widgets-bundle": "Επιλογή δέσμης Widgets",
+    "management": "Διαχείριση Widget",
+    "editor": "Συντάκτης Widget",
+    "widget-type-not-found": "Πρόβλημα φόρτωσης διαμόρφωσης Widget.<br>Probably associated\n    widget type was removed.",
+    "widget-type-load-error": "Το Widget δεν φορτώθηκε λόγω των παρακάτω σφαλμάτων:",
+    "remove": "Αφαίρεση Widget",
+    "edit": "Επεξεργασία Widget",
+    "remove-widget-title": "Είστε σίγουροι ότι θέλετε να αφαιρέσετε το Widget '{{widgetTitle}}'?",
+    "remove-widget-text": "Προσοχή, μετά την επιβεβαίωση το widget και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "timeseries": "Χρονική σειρά",
+    "search-data": "Αναζήτηση δεδομένων",
+    "no-data-found": "Δεν βρέθηκαν δεδομένα",
+    "latest-values": "Τελευταίες αξίες",
+    "rpc": "Έλεγχος Widget",
+    "alarm": "Alarm widget",
+    "static": "Στατικό widget",
+    "select-widget-type": "Επιλογή τύπου Widget",
+    "missing-widget-title-error": "Ο τίτλος Widget πρέπει να καθοριστεί!",
+    "widget-saved": "Το Widget αποθηκεύτηκε",
+    "unable-to-save-widget-error": "Δεν είναι δυνατή η αποθήκευση του Widget! Το Widget έχει σφάλματα!",
+    "save": "Αποθήκευση widget",
+    "saveAs": "Αποθήκευση widget ως",
+    "save-widget-type-as": "Αποθήκευση τύπου Widget type ως",
+    "save-widget-type-as-text": "Παρακαλούμε εισάγετε νέο τίτλο Widget και/ή επιλέξετε στοχευμένη δέσμη widgets",
+    "toggle-fullscreen": "Λειτουργεία πλήρους οθόνης",
+    "run": "Εκτέλεση Widget",
+    "title": "Τίτλος Widget",
+    "title-required": "Απαιτείται τίτλος Widget.",
+    "type": "Τύπος Widget",
+    "resources": "Πόροι",
+    "resource-url": "JavaScript/CSS URL",
+    "remove-resource": "Αφαίρεση πηγής",
+    "add-resource": "Προσθήκη πηγής",
+    "html": "HTML",
+    "tidy": "Τακτοποιημένος",
+    "css": "CSS",
+    "settings-schema": "Ρυθμίσεις σχήματος",
+    "datakey-settings-schema": "Πλήκτρο δεδομένων σχήματος ρυθμίσεων",
+    "javascript": "Javascript",
+    "remove-widget-type-title": "Είστε σίγουροι ότι θέλετε να αφαιρέσετε τον τύπο Widget '{{widgetName}}'?",
+    "remove-widget-type-text": "Προσοχή, μετά την επιβεβαίωση ο τύπος Widget και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "remove-widget-type": "Αφαίρεση τύπου Widget",
+    "add-widget-type": "Προσθήκη νέου τύπου Widget",
+    "widget-type-load-failed-error": "Αποτυχία φόρτωσης τύπου Widget!",
+    "widget-template-load-failed-error": "Αποτυχία φόρτωσης προτύπου Widget!",
+    "add": "Προσθήκη Widget",
+    "undo": "Αναίρεση αλλαγών Widget",
+    "export": "Εξαγωγή Widget",
+    "export-data": "Εξαγωγή δεδομένων Widget",
+    "export-to-csv": "Εξαγωγή δεδομένων σε CSV...",
+    "export-to-excel": "Εξαγωγή δεδομένων σε XLS...",
+    "no-data": "Δεν υπάρχουν δεδομένα για εμφάνιση στο Widget"
+  },
+  "widget-action": {
+    "header-button": "Κουμπί κεφαλίδας στη νέα κατάσταση του πίνακα ελέγχου",
+    "update-dashboard-state": "Ενημέρωση της τρέχουσας κατάστασης του dashboard",
+    "open-dashboard": "Πλοήγηση σε άλλο dashboard",
+    "custom": "Προσαρμοσμένη ενέργεια",
+    "target-dashboard-state": "Κατάσταση προορισμού dashboard",
+    "target-dashboard-state-required": "Απαιτείται κατάσταση προορισμού dashboard",
+    "set-entity-from-widget": "Ορισμός οντότητας από Widget",
+    "target-dashboard": "dashboard προορισμού",
+    "open-right-layout": "Ανοίξτε τη δεξιά διάταξη του dashboard (προβολή κινητού)"
+  },
+  "widgets-bundle": {
+    "current": "Τρέχουσα δέσμη",
+    "widgets-bundles": "Δέσμες Widgets",
+    "add": "Προσθήκη δέσμης Widgets",
+    "delete": "Διαγραφή δέσμης Widgets",
+    "title": "Τίτλος",
+    "title-required": "Απαιτείται τίτλος.",
+    "add-widgets-bundle-text": "Προσθήκη νέας δέσμης widgets",
+    "no-widgets-bundles-text": "Δεν βρέθηκαν δέσμες widgets",
+    "empty": "Η δέσμη Widgets είναι κενή",
+    "details": "Λεπτομέρειες",
+    "widgets-bundle-details": "Λεπτομέρειες δέσμης Widgets",
+    "delete-widgets-bundle-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε τη δέσμη Widgets '{{widgetsBundleTitle}}';",
+    "delete-widgets-bundle-text": "Προσοχή, μετά την επιβεβαίωση η δέσμη Widget και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "delete-widgets-bundles-title": "Είστε σίγουροι ότι θέλετε να διαγράψετε { count, plural, 1 {1 widgets bundle} other {# widgets bundles} };",
+    "delete-widgets-bundles-action-title": "Διαγραφή { count, plural, 1 {1 widgets bundle} other {# widgets bundles} }",
+    "delete-widgets-bundles-text": "Προσοχή, μετά την επιβεβαίωση όλες οι επιλεγμένες δέσμες Widget και όλα τα σχετικά δεδομένα θα διαγραφούν οριστικά.",
+    "no-widgets-bundles-matching": "Δεν βρέθηκαν δέσμες Widgets που να ταιριάζουν'{{widgetsBundle}}'.",
+    "widgets-bundle-required": "Απαιτείται δέσμη Widgets.",
+    "system": "Σύστημα",
+    "import": "Εισαγωγή δέσμης Widgets",
+    "export": "Εξαγωγή δέσμης Widgets",
+    "export-failed-error": "Δεν είναι δυνατή η εξαγωγή δέσμης Widgets: {{error}}",
+    "create-new-widgets-bundle": "Δημιουργία νέας δέσμης Widgets",
+    "widgets-bundle-file": "Αρχείο δέσμης Widgets",
+    "invalid-widgets-bundle-file-error": "Δεν είναι δυνατή η εισαγωγή δέσμης Widgets: Μη έγκυρη δομή δεδομένων Widgets."
+  },
+  "widget-config": {
+    "data": "Δεδομένα",
+    "settings": "Ρυθμίσεις",
+    "advanced": "Προηγμένος",
+    "title": "Τίτλος",
+    "general-settings": "Γενικές ρυθμίσεις",
+    "display-title": "Εμφάνιση τίτλου",
+    "drop-shadow": "Σκίαση",
+    "enable-fullscreen": "Ενεργοποίηση πλήρους οθόνης",
+    "enable-data-export": "Ενεργοποίηση εξαγωγής δεδομένων",
+    "background-color": "Χρώμα φόντου",
+    "text-color": "Χρώμα κειμένου",
+    "padding": "Εσωτερικό περιθώριο",
+    "margin": "Περιθώριο",
+    "widget-style": "Στυλ Widget",
+    "title-style": "Στυλ τίτλου",
+    "mobile-mode-settings": "Ρυθμίσεις λειτουργίας κινητού",
+    "order": "Εντολή",
+    "height": "Ύψος",
+    "units": "Ειδικό σύμβολο για εμφάνιση δίπλα στην αξία",
+    "decimals": "Αριθμός ψηφίων μετά το κυμαινόμενο σημείο",
+    "timewindow": "Timewindow",
+    "use-dashboard-timewindow": "Χρήση dashboard timewindow",
+    "display-timewindow": "Απεικόνιση timewindow",
+    "display-legend": "Απεικόνιση λεζάντας",
+    "datasources": "Πηγές δεδομένων",
+    "maximum-datasources": "Το μέγιστο { count, plural, 1 {1 datasource is allowed.} other {# datasources are allowed} }",
+    "datasource-type": "Τύπος",
+    "datasource-parameters": "Παράμετροι",
+    "remove-datasource": "Κατάργηση της πηγής δεδομένων",
+    "add-datasource": "Προσθήκη πηγής δεδομένων",
+    "target-device": "Target device",
+    "alarm-source": "Πηγή Alarm",
+    "actions": "Ενέργειες",
+    "action": "ενέργεια",
+    "add-action": "Προσθήκη ενέργειας",
+    "search-actions": "Αναζήτηση ενεργειών",
+    "action-source": "Πηγή ενέργειας",
+    "action-source-required": "Απαιτείται πηγή ενέργειας.",
+    "action-name": "Όνομα",
+    "action-name-required": "Απαιτείται όνομα ενέργειας.",
+    "action-name-not-unique": "Μια άλλη ενέργεια με το ίδιο όνομα υπάρχει ήδη.<br/>Το όνομα ενέργειας πρέπει να είναι μοναδικό μέσα στην ίδια πηγή ενέργειας.",
+    "action-icon": "Εικονίδιο",
+    "action-type": "Τύπος",
+    "action-type-required": "Απαιτείται τύπος ενέργειας.",
+    "edit-action": "Επεξεργασία ενέργειας",
+    "delete-action": "Διαγραφή ενέργειας",
+    "delete-action-title": "Διαγραφή ενέργειας Widget",
+    "delete-action-text": "Είστε σίγουροι ότι θέλετε να διαγράψετε δράση widget με όνομα '{{actionName}}';"
+  },
+  "widget-type": {
+    "import": "Εισαγωγή τύπου Widget",
+    "export": "Εξαγωγή τύπου Widget",
+    "export-failed-error": "Δεν είναι δυνατή η εξαγωγή τύπου Widget: {{error}}",
+    "create-new-widget-type": "Δημιουργία νέου τύπου Widget",
+    "widget-type-file": "Αρχείο τύπου Widget",
+    "invalid-widget-type-file-error": "Δεν είναι δυνατή η εισαγωγή τύπου Widget: Μη έγκυρη δομή δεδομένων τύπου Widget."
+  },
+  "self-registration": {
+    "self-registration": "Αυτόματη εγγραφή",
+    "self-registration-url": "Αυτόματη εγγραφή URL",
+    "captcha-site-key": "reCAPTCHA κλειδί ιστότοπου",
+    "captcha-secret-key": "reCAPTCHA μυστικό κλειδί",
+    "notification-email": "Εmail γνωστοποίησης",
+    "privacy-policy-text": "Κείμενο πολιτικής απορρήτου",
+    "text-message-page": "Μήνυμα κειμένου για τη σελίδα εγγραφής"
+  },
+  "white-labeling": {
+    "white-labeling": "Εμφάνιση",
+    "login-white-labeling": "Εμφάνιση Σύδεσης",
+    "preview": "Προεπισκόπηση",
+    "app-title": "Τίτλος εφαρμογής",
+    "favicon": "Εικονίδιο Ιστότοπου",
+    "favicon-description": "Εικόνα *.ico, *.gif or *.png με μέγιστο μέγεθος {{kbSize}} KBytes.",
+    "favicon-size-error": "Η εικόνα ιστότοπου είναι πολύ μεγάλη. Μέγιστο επιτρεπόμενο μέγεθος {{kbSize}} KBytes.",
+    "favicon-type-error": "Μη έγκυρη μορφή αρχείου εικόνας ιστότοπου. Μόνο εικόνες ICO, GIF ή PNG γίνονται αποδεκτές.",
+    "drop-favicon-image": "Σύρετε ένα εικονίδιο ιστότοπου ή κάντε κλικ για να επιλέξετε ένα αρχείο για μεταφόρτωση.",
+    "no-favicon-image": "Δεν έχει επιλεχθεί εικονίδιο",
+    "logo": "Logo",
+    "logo-description": "Οποιαδήποτε εικόνα με μέγιστο μέγεθος {{kbSize}} KBytes.",
+    "logo-size-error": "Η εικόνα του λογότυπου είναι πολύ μεγάλη. Μέγιστο επιτρεπόμενο μέγεθος {{kbSize}} KBytes.",
+    "logo-type-error": "Μη έγκυρη μορφή αρχείου λογότυπου. Μόνο εικόνες είναι αποδεκτές.",
+    "drop-logo-image": "Σείρετε μια εικόνα λογότυπου ή κάντε κλικ για να επιλέξετε ένα αρχείο για μεταφόρτωση.",
+    "no-logo-image": "Δεν έχει επιλεγεί λογότυπο",
+    "logo-height": "Ύψος λογότυπου, px",
+    "primary-palette": "Κύρια παλέτα",
+    "accent-palette": "Παλέτα τονισμών",
+    "customize-palette": "Προσαρμογή",
+    "edit-palette": "Επεξεργασία παλέτας",
+    "save-palette": "Αποθήκευση παλέτας",
+    "primary-background": "Κύριο χρώμα υποβάθρου",
+    "secondary-background": "Δευτερεύον χρώμα υποβάθρου",
+    "hue1": "HUE 1",
+    "hue2": "HUE 2",
+    "hue3": "HUE 3",
+    "page-background-color": "Χρώμα υποβάθρου σελίδας",
+    "dark-foreground": "Σκοτεινό χρώμα προσκηνίου",
+    "domain-name": "Όνομα Domain",
+    "help-link-base-url": "Base url για συνδέσμους βοηθείας",
+    "enable-help-links": "Ενεργοποίηση συνδέσμων βοηθείας",
+    "error-verification-url": "Ένα όνομα domain δεν πρέπει να περιέχει σύμβολα '/' και ':'. Παράδειγμα: gprs.cloud",
+    "show-platform-name-version": "Εμφάνιση ονόματος και έκδοσης πλατφόρμας",
+    "platform-name": "Όνομα πλατφόρμας",
+    "platform-version": "Έκδοση πλατφόρμας",
+    "version-mask": "{{name}} v.{{verion}}",
+    "position": {
+      "label": "Όνομα πλατφόρμας και θέση έκδοσης",
+      "under-logo": "Κάτω από το λογότυπο",
+      "bottom": "Στο κάτω μέρος της φόρμας σύνδεσης"
+    }
+  },
+  "widgets": {
+    "date-range-navigator": {
+      "localizationMap": {
+        "Sun": "Κυρ",
+        "Mon": "Δευ",
+        "Tue": "Τρι",
+        "Wed": "Τετ",
+        "Thu": "Πεμ",
+        "Fri": "Παρ",
+        "Sat": "Σαβ",
+        "Jan": "Ιαν",
+        "Feb": "Φεβ",
+        "Mar": "Μαρ",
+        "Apr": "Απρ",
+        "May": "Μάιος",
+        "Jun": "Ιουν",
+        "Jul": "Ιουλ",
+        "Aug": "Αυγ",
+        "Sep": "Σεπ",
+        "Oct": "Οκτ",
+        "Nov": "Νοε",
+        "Dec": "Δεκ",
+        "January": "Ιανουάριος",
+        "February": "Φεβρουάριος",
+        "March": "Μάρτιος",
+        "April": "Απρίλιος",
+        "June": "Ιούνιος",
+        "July": "Ιούλιος",
+        "August": "Αύγουστος",
+        "September": "Σεπτέμβριος",
+        "October": "Οκτώβριος",
+        "November": "Νοέμβριος",
+        "December": "Δεκέμβριος",
+        "Custom Date Range": "Προσαρμοσμένο εύρος ημερομηνιών",
+        "Date Range Template": "Πρότυπο εύρους ημερομηνιών",
+        "Today": "Σήμερα",
+        "Yesterday": "Χθες",
+        "This Week": "Αυτή την εβοδομάδα",
+        "Last Week": "Την προηγούμενη εβδομάδα",
+        "This Month": "Αυτόν τον μήνα",
+        "Last Month": "Τον προηγούμενο μήνα",
+        "Year": "Έτος",
+        "This Year": "Αυτό το χρόνο",
+        "Last Year": "Τον προηγούμενο χρόνο",
+        "Date picker": "Επιλογέας ημερομηνίας",
+        "Hour": "Ώρα",
+        "Day": "Ημέρα",
+        "Week": "Εβδομάδα",
+        "2 weeks": "2 Εβδομάδες",
+        "Month": "Μήνας",
+        "3 months": "3 Μήνες",
+        "6 months": "6 Μήνες",
+        "Custom interval": "Προσαρμοσμένο διάστημα",
+        "Interval": "Διάστημα",
+        "Step size": "Μέγεθος βήματος",
+        "Ok": "Ok"
+      }
+    }
+  },
+  "icon": {
+    "icon": "Εικονίδιο",
+    "select-icon": "Επιλογή εικονιδίου ",
+    "material-icons": "Υλικά εικονίδια",
+    "show-all": "Προβολή όλων των εικονιδίων"
+  },
+  "subscription": {
+    "entity-limit-text": "Ωστόσο, μπορείτε να αναβαθμίσετε το πρόγραμμα εγγραφής σας για να αυξήσετε τα όριά σας.",
+    "upgrade-your-plan": "Αναβάθμιση του σχεδίου συνδρομής",
+    "white-labeling-feature": "Εμφάνιση χαρακτηριστικού",
+    "white-labeling-text-full": "Αλλάξτε το διακριτικό τίτλο της πλατφόρμας με το λογότυπο της εταιρείας ή του προϊόντος σας και το συνδυασμό χρωμάτων σε 2 λεπτά.<br/><br/>Αφαιρέστε το \"Powered By\" στο κάτω μέρος του dashboard. <br/> Δεν απαιτείται κώδικας ή επανεκκίνηση υπηρεσίας. Επιτρέψτε και στους πελάτες σας να αλλάξουν το περιβάλλον τους.",
+    "enable-white-labeling": "Ενεργοποίηση εμφάνισης χαρακτηριστικού τώρα αναβαθμίζοντας το σχέδιο εγγραφής σας!",
+    "read-more": "Διαβάστε περισσότερα",
+    "white-labeling-video-text": "Δείτε το εκπαιδευτικό βίντεο παρακάτω για να δείτε πώς λειτουργεί αυτό το χαρακτηριστικό!"
+  },
+  "subscription-error": {
+    "title": "Παραβίαση συνδρομής",
+    "warning-title": "Προειδοποίηση συνδρομής",
+    "limit-reached": {
+      "device-count": "Έχετε φτάσει τις μέγιστες συσκευές ({{value}}) που επιτρέπονται από το πρόγραμμα εγγραφής σας!",
+      "asset-count": "Έχετε φτάσει τα μέγιστα assets ({{value}}) που επιτρέπονται από το πρόγραμμα εγγραφής σας!"
+    },
+    "feature-disabled": {
+      "white-labeling": "Η εμφάνιση χαρακτηριστικού δεν επιτρέπεται από το σχέδιο εγγραφής σας!"
+    }
+  },
+  "custom": {
+    "widget-action": {
+      "action-cell-button": "Κουμπί ενέργειας κελιών",
+      "row-click": "Κλικ στη σειρά",
+      "polygon-click": "Κλικ στο πολύγωνο",
+      "marker-click": "Κλικ στο δείκτη",
+      "tooltip-tag-action": "Ετικέτα εργαλείου ενέργειας",
+      "node-selected": "Στον επιλεγμένο κόμβο",
+      "element-click": "Κλικ στο στοιχείο HTML"
+    }
+  },
+  "language": {
+  }
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-en_US.json b/ui-ngx/src/assets/locale/locale.constant-en_US.json
new file mode 100644
index 0000000000..bd19625619
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-en_US.json
@@ -0,0 +1,1939 @@
+{
+    "access": {
+        "unauthorized": "Unauthorized",
+        "unauthorized-access": "Unauthorized Access",
+        "unauthorized-access-text": "You should sign in to have access to this resource!",
+        "access-forbidden": "Access Forbidden",
+        "access-forbidden-text": "You haven't access rights to this location!<br/>Try to sign in with different user if you still wish to gain access to this location.",
+        "refresh-token-expired": "Session has expired",
+        "refresh-token-failed": "Unable to refresh session",
+        "permission-denied": "Permission Denied",
+        "permission-denied-text": "You don't have permission to perform this operation!"
+    },
+    "action": {
+        "activate": "Activate",
+        "suspend": "Suspend",
+        "save": "Save",
+        "saveAs": "Save as",
+        "cancel": "Cancel",
+        "ok": "OK",
+        "delete": "Delete",
+        "add": "Add",
+        "yes": "Yes",
+        "no": "No",
+        "update": "Update",
+        "remove": "Remove",
+        "select": "Select",
+        "search": "Search",
+        "clear-search": "Clear search",
+        "assign": "Assign",
+        "unassign": "Unassign",
+        "share": "Share",
+        "make-private": "Make private",
+        "apply": "Apply",
+        "apply-changes": "Apply changes",
+        "edit-mode": "Edit mode",
+        "enter-edit-mode": "Enter edit mode",
+        "decline-changes": "Decline changes",
+        "close": "Close",
+        "back": "Back",
+        "run": "Run",
+        "sign-in": "Sign in!",
+        "edit": "Edit",
+        "view": "View",
+        "create": "Create",
+        "drag": "Drag",
+        "refresh": "Refresh",
+        "undo": "Undo",
+        "copy": "Copy",
+        "paste": "Paste",
+        "copy-reference": "Copy reference",
+        "paste-reference": "Paste reference",
+        "import": "Import",
+        "export": "Export",
+        "share-via": "Share via {{provider}}",
+        "continue": "Continue",
+        "discard-changes": "Discard Changes"
+    },
+    "aggregation": {
+        "aggregation": "Aggregation",
+        "function": "Data aggregation function",
+        "limit": "Max values",
+        "group-interval": "Grouping interval",
+        "min": "Min",
+        "max": "Max",
+        "avg": "Average",
+        "sum": "Sum",
+        "count": "Count",
+        "none": "None"
+    },
+    "admin": {
+        "general": "General",
+        "general-settings": "General Settings",
+        "outgoing-mail": "Mail Server",
+        "outgoing-mail-settings": "Outgoing Mail Server Settings",
+        "system-settings": "System Settings",
+        "test-mail-sent": "Test mail was successfully sent!",
+        "base-url": "Base URL",
+        "base-url-required": "Base URL is required.",
+        "mail-from": "Mail From",
+        "mail-from-required": "Mail From is required.",
+        "smtp-protocol": "SMTP protocol",
+        "smtp-host": "SMTP host",
+        "smtp-host-required": "SMTP host is required.",
+        "smtp-port": "SMTP port",
+        "smtp-port-required": "You must supply a smtp port.",
+        "smtp-port-invalid": "That doesn't look like a valid smtp port.",
+        "timeout-msec": "Timeout (msec)",
+        "timeout-required": "Timeout is required.",
+        "timeout-invalid": "That doesn't look like a valid timeout.",
+        "enable-tls": "Enable TLS",
+        "tls-version": "TLS version",
+        "send-test-mail": "Send test mail",
+        "security-settings": "Security settings",
+        "password-policy": "Password policy",
+        "minimum-password-length": "Minimum password length",
+        "minimum-password-length-required": "Minimum password length is required",
+        "minimum-password-length-range": "Minimum password length should be in a range from 5 to 50",
+        "minimum-uppercase-letters": "Minimum number of uppercase letters",
+        "minimum-uppercase-letters-range": "Minimum number of uppercase letters can't be negative",
+        "minimum-lowercase-letters": "Minimum number of lowercase letters",
+        "minimum-lowercase-letters-range": "Minimum number of lowercase letters can't be negative",
+        "minimum-digits": "Minimum number of digits",
+        "minimum-digits-range": "Minimum number of digits can't be negative",
+        "minimum-special-characters": "Minimum number of special characters",
+        "minimum-special-characters-range": "Minimum number of special characters can't be negative",
+        "password-expiration-period-days": "Password expiration period in days",
+        "password-expiration-period-days-range": "Password expiration period in days can't be negative",
+        "password-reuse-frequency-days": "Password reuse frequency in days",
+        "password-reuse-frequency-days-range": "Password reuse frequency in days can't be negative",
+        "general-policy": "General policy",
+        "max-failed-login-attempts": "Maximum number of failed login attempts, before account is locked",
+        "minimum-max-failed-login-attempts-range": "Maximum number of failed login attempts can't be negative",
+        "user-lockout-notification-email": "In case user account lockout, send notification to email"
+    },
+    "alarm": {
+        "alarm": "Alarm",
+        "alarms": "Alarms",
+        "select-alarm": "Select alarm",
+        "no-alarms-matching": "No alarms matching '{{entity}}' were found.",
+        "alarm-required": "Alarm is required",
+        "alarm-status": "Alarm status",
+        "search-status": {
+            "ANY": "Any",
+            "ACTIVE": "Active",
+            "CLEARED": "Cleared",
+            "ACK": "Acknowledged",
+            "UNACK": "Unacknowledged"
+        },
+        "display-status": {
+            "ACTIVE_UNACK": "Active Unacknowledged",
+            "ACTIVE_ACK": "Active Acknowledged",
+            "CLEARED_UNACK": "Cleared Unacknowledged",
+            "CLEARED_ACK": "Cleared Acknowledged"
+        },
+        "no-alarms-prompt": "No alarms found",
+        "created-time": "Created time",
+        "type": "Type",
+        "severity": "Severity",
+        "originator": "Originator",
+        "originator-type": "Originator type",
+        "details": "Details",
+        "status": "Status",
+        "alarm-details": "Alarm details",
+        "start-time": "Start time",
+        "end-time": "End time",
+        "ack-time": "Acknowledged time",
+        "clear-time": "Cleared time",
+        "severity-critical": "Critical",
+        "severity-major": "Major",
+        "severity-minor": "Minor",
+        "severity-warning": "Warning",
+        "severity-indeterminate": "Indeterminate",
+        "acknowledge": "Acknowledge",
+        "clear": "Clear",
+        "search": "Search alarms",
+        "selected-alarms": "{ count, plural, 1 {1 alarm} other {# alarms} } selected",
+        "no-data": "No data to display",
+        "polling-interval": "Alarms polling interval (sec)",
+        "polling-interval-required": "Alarms polling interval is required.",
+        "min-polling-interval-message": "At least 1 sec polling interval is allowed.",
+        "aknowledge-alarms-title": "Acknowledge { count, plural, 1 {1 alarm} other {# alarms} }",
+        "aknowledge-alarms-text": "Are you sure you want to acknowledge { count, plural, 1 {1 alarm} other {# alarms} }?",
+        "aknowledge-alarm-title": "Acknowledge Alarm",
+        "aknowledge-alarm-text": "Are you sure you want to acknowledge Alarm?",
+        "clear-alarms-title": "Clear { count, plural, 1 {1 alarm} other {# alarms} }",
+        "clear-alarms-text": "Are you sure you want to clear { count, plural, 1 {1 alarm} other {# alarms} }?",
+        "clear-alarm-title": "Clear Alarm",
+        "clear-alarm-text": "Are you sure you want to clear Alarm?",
+        "alarm-status-filter": "Alarm Status Filter",
+        "max-count-load": "Maximum number of alarms to load (0 - unlimited)",
+        "max-count-load-required": "Maximum number of alarms to load is required.",
+        "max-count-load-error-min": "Minimum value is 0.",
+        "fetch-size": "Fetch size",
+        "fetch-size-required": "Fetch size is required.",
+        "fetch-size-error-min": "Minimum value is 10."
+    },
+    "alias": {
+        "add": "Add alias",
+        "edit": "Edit alias",
+        "name": "Alias name",
+        "name-required": "Alias name is required",
+        "duplicate-alias": "Alias with same name is already exists.",
+        "filter-type-single-entity": "Single entity",
+        "filter-type-entity-list": "Entity list",
+        "filter-type-entity-name": "Entity name",
+        "filter-type-state-entity": "Entity from dashboard state",
+        "filter-type-state-entity-description": "Entity taken from dashboard state parameters",
+        "filter-type-asset-type": "Asset type",
+        "filter-type-asset-type-description": "Assets of type '{{assetType}}'",
+        "filter-type-asset-type-and-name-description": "Assets of type '{{assetType}}' and with name starting with '{{prefix}}'",
+        "filter-type-device-type": "Device type",
+        "filter-type-device-type-description": "Devices of type '{{deviceType}}'",
+        "filter-type-device-type-and-name-description": "Devices of type '{{deviceType}}' and with name starting with '{{prefix}}'",
+        "filter-type-entity-view-type": "Entity View type",
+        "filter-type-entity-view-type-description": "Entity Views of type '{{entityView}}'",
+        "filter-type-entity-view-type-and-name-description": "Entity Views of type '{{entityView}}' and with name starting with '{{prefix}}'",
+        "filter-type-relations-query": "Relations query",
+        "filter-type-relations-query-description": "{{entities}} that have {{relationType}} relation {{direction}} {{rootEntity}}",
+        "filter-type-asset-search-query": "Asset search query",
+        "filter-type-asset-search-query-description": "Assets with types {{assetTypes}} that have {{relationType}} relation {{direction}} {{rootEntity}}",
+        "filter-type-device-search-query": "Device search query",
+        "filter-type-device-search-query-description": "Devices with types {{deviceTypes}} that have {{relationType}} relation {{direction}} {{rootEntity}}",
+        "filter-type-entity-view-search-query": "Entity view search query",
+        "filter-type-entity-view-search-query-description": "Entity views with types {{entityViewTypes}} that have {{relationType}} relation {{direction}} {{rootEntity}}",
+        "entity-filter": "Entity filter",
+        "resolve-multiple": "Resolve as multiple entities",
+        "filter-type": "Filter type",
+        "filter-type-required": "Filter type is required.",
+        "entity-filter-no-entity-matched": "No entities matching specified filter were found.",
+        "no-entity-filter-specified": "No entity filter specified",
+        "root-state-entity": "Use dashboard state entity as root",
+        "last-level-relation": "Fetch last level relation only",
+        "root-entity": "Root entity",
+        "state-entity-parameter-name": "State entity parameter name",
+        "default-state-entity": "Default state entity",
+        "default-entity-parameter-name": "By default",
+        "max-relation-level": "Max relation level",
+        "unlimited-level": "Unlimited level",
+        "state-entity": "Dashboard state entity",
+        "all-entities": "All entities",
+        "any-relation": "any"
+    },
+    "asset": {
+        "asset": "Asset",
+        "assets": "Assets",
+        "management": "Asset management",
+        "view-assets": "View Assets",
+        "add": "Add Asset",
+        "assign-to-customer": "Assign to customer",
+        "assign-asset-to-customer": "Assign Asset(s) To Customer",
+        "assign-asset-to-customer-text": "Please select the assets to assign to the customer",
+        "no-assets-text": "No assets found",
+        "assign-to-customer-text": "Please select the customer to assign the asset(s)",
+        "public": "Public",
+        "assignedToCustomer": "Assigned to customer",
+        "make-public": "Make asset public",
+        "make-private": "Make asset private",
+        "unassign-from-customer": "Unassign from customer",
+        "delete": "Delete asset",
+        "asset-public": "Asset is public",
+        "asset-type": "Asset type",
+        "asset-type-required": "Asset type is required.",
+        "select-asset-type": "Select asset type",
+        "enter-asset-type": "Enter asset type",
+        "any-asset": "Any asset",
+        "no-asset-types-matching": "No asset types matching '{{entitySubtype}}' were found.",
+        "asset-type-list-empty": "No asset types selected.",
+        "asset-types": "Asset types",
+        "created-time": "Created time",
+        "name": "Name",
+        "name-required": "Name is required.",
+        "description": "Description",
+        "type": "Type",
+        "type-required": "Type is required.",
+        "details": "Details",
+        "events": "Events",
+        "add-asset-text": "Add new asset",
+        "asset-details": "Asset details",
+        "assign-assets": "Assign assets",
+        "assign-assets-text": "Assign { count, plural, 1 {1 asset} other {# assets} } to customer",
+        "delete-assets": "Delete assets",
+        "unassign-assets": "Unassign assets",
+        "unassign-assets-action-title": "Unassign { count, plural, 1 {1 asset} other {# assets} } from customer",
+        "assign-new-asset": "Assign new asset",
+        "delete-asset-title": "Are you sure you want to delete the asset '{{assetName}}'?",
+        "delete-asset-text": "Be careful, after the confirmation the asset and all related data will become unrecoverable.",
+        "delete-assets-title": "Are you sure you want to delete { count, plural, 1 {1 asset} other {# assets} }?",
+        "delete-assets-action-title": "Delete { count, plural, 1 {1 asset} other {# assets} }",
+        "delete-assets-text": "Be careful, after the confirmation all selected assets will be removed and all related data will become unrecoverable.",
+        "make-public-asset-title": "Are you sure you want to make the asset '{{assetName}}' public?",
+        "make-public-asset-text": "After the confirmation the asset and all its data will be made public and accessible by others.",
+        "make-private-asset-title": "Are you sure you want to make the asset '{{assetName}}' private?",
+        "make-private-asset-text": "After the confirmation the asset and all its data will be made private and won't be accessible by others.",
+        "unassign-asset-title": "Are you sure you want to unassign the asset '{{assetName}}'?",
+        "unassign-asset-text": "After the confirmation the asset will be unassigned and won't be accessible by the customer.",
+        "unassign-asset": "Unassign asset",
+        "unassign-assets-title": "Are you sure you want to unassign { count, plural, 1 {1 asset} other {# assets} }?",
+        "unassign-assets-text": "After the confirmation all selected assets will be unassigned and won't be accessible by the customer.",
+        "copyId": "Copy asset Id",
+        "idCopiedMessage": "Asset Id has been copied to clipboard",
+        "select-asset": "Select asset",
+        "no-assets-matching": "No assets matching '{{entity}}' were found.",
+        "asset-required": "Asset is required",
+        "name-starts-with": "Asset name starts with",
+        "import": "Import assets",
+        "asset-file": "Asset file",
+        "search": "Search assets",
+        "selected-assets": "{ count, plural, 1 {1 asset} other {# assets} } selected",
+        "label": "Label"
+    },
+    "attribute": {
+        "attributes": "Attributes",
+        "latest-telemetry": "Latest telemetry",
+        "attributes-scope": "Entity attributes scope",
+        "scope-latest-telemetry": "Latest telemetry",
+        "scope-client": "Client attributes",
+        "scope-server": "Server attributes",
+        "scope-shared": "Shared attributes",
+        "add": "Add attribute",
+        "key": "Key",
+        "last-update-time": "Last update time",
+        "key-required": "Attribute key is required.",
+        "value": "Value",
+        "value-required": "Attribute value is required.",
+        "delete-attributes-title": "Are you sure you want to delete { count, plural, 1 {1 attribute} other {# attributes} }?",
+        "delete-attributes-text": "Be careful, after the confirmation all selected attributes will be removed.",
+        "delete-attributes": "Delete attributes",
+        "enter-attribute-value": "Enter attribute value",
+        "show-on-widget": "Show on widget",
+        "widget-mode": "Widget mode",
+        "next-widget": "Next widget",
+        "prev-widget": "Previous widget",
+        "add-to-dashboard": "Add to dashboard",
+        "add-widget-to-dashboard": "Add widget to dashboard",
+        "selected-attributes": "{ count, plural, 1 {1 attribute} other {# attributes} } selected",
+        "selected-telemetry": "{ count, plural, 1 {1 telemetry unit} other {# telemetry units} } selected",
+        "no-attributes-text": "No attributes found",
+        "no-telemetry-text": "No telemetry found"
+    },
+    "audit-log": {
+        "audit": "Audit",
+        "audit-logs": "Audit Logs",
+        "timestamp": "Timestamp",
+        "entity-type": "Entity Type",
+        "entity-name": "Entity Name",
+        "user": "User",
+        "type": "Type",
+        "status": "Status",
+        "details": "Details",
+        "type-added": "Added",
+        "type-deleted": "Deleted",
+        "type-updated": "Updated",
+        "type-attributes-updated": "Attributes updated",
+        "type-attributes-deleted": "Attributes deleted",
+        "type-rpc-call": "RPC call",
+        "type-credentials-updated": "Credentials updated",
+        "type-assigned-to-customer": "Assigned to Customer",
+        "type-unassigned-from-customer": "Unassigned from Customer",
+        "type-activated": "Activated",
+        "type-suspended": "Suspended",
+        "type-credentials-read": "Credentials read",
+        "type-attributes-read": "Attributes read",
+        "type-relation-add-or-update": "Relation updated",
+        "type-relation-delete": "Relation deleted",
+        "type-relations-delete": "All relation deleted",
+        "type-alarm-ack": "Acknowledged",
+        "type-alarm-clear": "Cleared",
+        "type-login": "Login",
+        "type-logout": "Logout",
+        "type-lockout": "Lockout",
+        "status-success": "Success",
+        "status-failure": "Failure",
+        "audit-log-details": "Audit log details",
+        "no-audit-logs-prompt": "No logs found",
+        "action-data": "Action data",
+        "failure-details": "Failure details",
+        "search": "Search audit logs",
+        "clear-search": "Clear search"
+    },
+    "confirm-on-exit": {
+        "message": "You have unsaved changes. Are you sure you want to leave this page?",
+        "html-message": "You have unsaved changes.<br/>Are you sure you want to leave this page?",
+        "title": "Unsaved changes"
+    },
+    "contact": {
+        "country": "Country",
+        "city": "City",
+        "state": "State / Province",
+        "postal-code": "Zip / Postal Code",
+        "postal-code-invalid": "Invalid Zip / Postal Code format.",
+        "address": "Address",
+        "address2": "Address 2",
+        "phone": "Phone",
+        "email": "Email",
+        "no-address": "No address"
+    },
+    "common": {
+        "username": "Username",
+        "password": "Password",
+        "enter-username": "Enter username",
+        "enter-password": "Enter password",
+        "enter-search": "Enter search"
+    },
+    "content-type": {
+        "json": "Json",
+        "text": "Text",
+        "binary": "Binary (Base64)"
+    },
+    "customer": {
+        "customer": "Customer",
+        "customers": "Customers",
+        "management": "Customer management",
+        "dashboard": "Customer Dashboard",
+        "dashboards": "Customer Dashboards",
+        "devices": "Customer Devices",
+        "entity-views": "Customer Entity Views",
+        "assets": "Customer Assets",
+        "public-dashboards": "Public Dashboards",
+        "public-devices": "Public Devices",
+        "public-assets": "Public Assets",
+        "public-entity-views": "Public Entity Views",
+        "add": "Add Customer",
+        "delete": "Delete customer",
+        "manage-customer-users": "Manage customer users",
+        "manage-customer-devices": "Manage customer devices",
+        "manage-customer-dashboards": "Manage customer dashboards",
+        "manage-public-devices": "Manage public devices",
+        "manage-public-dashboards": "Manage public dashboards",
+        "manage-customer-assets": "Manage customer assets",
+        "manage-public-assets": "Manage public assets",
+        "add-customer-text": "Add new customer",
+        "no-customers-text": "No customers found",
+        "customer-details": "Customer details",
+        "delete-customer-title": "Are you sure you want to delete the customer '{{customerTitle}}'?",
+        "delete-customer-text": "Be careful, after the confirmation the customer and all related data will become unrecoverable.",
+        "delete-customers-title": "Are you sure you want to delete { count, plural, 1 {1 customer} other {# customers} }?",
+        "delete-customers-action-title": "Delete { count, plural, 1 {1 customer} other {# customers} }",
+        "delete-customers-text": "Be careful, after the confirmation all selected customers will be removed and all related data will become unrecoverable.",
+        "manage-users": "Manage users",
+        "manage-assets": "Manage assets",
+        "manage-devices": "Manage devices",
+        "manage-dashboards": "Manage dashboards",
+        "created-time": "Created time",
+        "title": "Title",
+        "title-required": "Title is required.",
+        "description": "Description",
+        "details": "Details",
+        "events": "Events",
+        "copyId": "Copy customer Id",
+        "idCopiedMessage": "Customer Id has been copied to clipboard",
+        "select-customer": "Select customer",
+        "no-customers-matching": "No customers matching '{{entity}}' were found.",
+        "customer-required": "Customer is required",
+        "select-default-customer": "Select default customer",
+        "default-customer": "Default customer",
+        "default-customer-required": "Default customer is required in order to debug dashboard on Tenant level",
+        "search": "Search customers",
+        "selected-customers": "{ count, plural, 1 {1 customer} other {# customers} } selected"
+    },
+    "datetime": {
+        "date-from": "Date from",
+        "time-from": "Time from",
+        "date-to": "Date to",
+        "time-to": "Time to"
+    },
+    "dashboard": {
+        "dashboard": "Dashboard",
+        "dashboards": "Dashboards",
+        "management": "Dashboard management",
+        "view-dashboards": "View Dashboards",
+        "add": "Add Dashboard",
+        "assign-dashboard-to-customer": "Assign Dashboard(s) To Customer",
+        "assign-dashboard-to-customer-text": "Please select the dashboards to assign to the customer",
+        "assign-to-customer-text": "Please select the customer to assign the dashboard(s)",
+        "assign-to-customer": "Assign to customer",
+        "unassign-from-customer": "Unassign from customer",
+        "make-public": "Make dashboard public",
+        "make-private": "Make dashboard private",
+        "manage-assigned-customers": "Manage assigned customers",
+        "assigned-customers": "Assigned customers",
+        "assign-to-customers": "Assign Dashboard(s) To Customers",
+        "assign-to-customers-text": "Please select the customers to assign the dashboard(s)",
+        "unassign-from-customers": "Unassign Dashboard(s) From Customers",
+        "unassign-from-customers-text": "Please select the customers to unassign from the dashboard(s)",
+        "no-dashboards-text": "No dashboards found",
+        "no-widgets": "No widgets configured",
+        "add-widget": "Add new widget",
+        "created-time": "Created time",
+        "title": "Title",
+        "select-widget-title": "Select widget",
+        "select-widget-subtitle": "List of available widget types",
+        "delete": "Delete dashboard",
+        "title-required": "Title is required.",
+        "description": "Description",
+        "details": "Details",
+        "dashboard-details": "Dashboard details",
+        "add-dashboard-text": "Add new dashboard",
+        "assign-dashboards": "Assign dashboards",
+        "assign-new-dashboard": "Assign new dashboard",
+        "assign-dashboards-text": "Assign { count, plural, 1 {1 dashboard} other {# dashboards} } to customers",
+        "unassign-dashboards-action-text": "Unassign { count, plural, 1 {1 dashboard} other {# dashboards} } from customers",
+        "delete-dashboards": "Delete dashboards",
+        "unassign-dashboards": "Unassign dashboards",
+        "unassign-dashboards-action-title": "Unassign { count, plural, 1 {1 dashboard} other {# dashboards} } from customer",
+        "delete-dashboard-title": "Are you sure you want to delete the dashboard '{{dashboardTitle}}'?",
+        "delete-dashboard-text": "Be careful, after the confirmation the dashboard and all related data will become unrecoverable.",
+        "delete-dashboards-title": "Are you sure you want to delete { count, plural, 1 {1 dashboard} other {# dashboards} }?",
+        "delete-dashboards-action-title": "Delete { count, plural, 1 {1 dashboard} other {# dashboards} }",
+        "delete-dashboards-text": "Be careful, after the confirmation all selected dashboards will be removed and all related data will become unrecoverable.",
+        "unassign-dashboard-title": "Are you sure you want to unassign the dashboard '{{dashboardTitle}}'?",
+        "unassign-dashboard-text": "After the confirmation the dashboard will be unassigned and won't be accessible by the customer.",
+        "unassign-dashboard": "Unassign dashboard",
+        "unassign-dashboards-title": "Are you sure you want to unassign { count, plural, 1 {1 dashboard} other {# dashboards} }?",
+        "unassign-dashboards-text": "After the confirmation all selected dashboards will be unassigned and won't be accessible by the customer.",
+        "public-dashboard-title": "Dashboard is now public",
+        "public-dashboard-text": "Your dashboard <b>{{dashboardTitle}}</b> is now public and accessible via next public <a href='{{publicLink}}' target='_blank'>link</a>:",
+        "public-dashboard-notice": "<b>Note:</b> Do not forget to make related devices public in order to access their data.",
+        "make-private-dashboard-title": "Are you sure you want to make the dashboard '{{dashboardTitle}}' private?",
+        "make-private-dashboard-text": "After the confirmation the dashboard will be made private and won't be accessible by others.",
+        "make-private-dashboard": "Make dashboard private",
+        "socialshare-text": "'{{dashboardTitle}}' powered by ThingsBoard",
+        "socialshare-title": "'{{dashboardTitle}}' powered by ThingsBoard",
+        "select-dashboard": "Select dashboard",
+        "no-dashboards-matching": "No dashboards matching '{{entity}}' were found.",
+        "dashboard-required": "Dashboard is required.",
+        "select-existing": "Select existing dashboard",
+        "create-new": "Create new dashboard",
+        "new-dashboard-title": "New dashboard title",
+        "open-dashboard": "Open dashboard",
+        "set-background": "Set background",
+        "background-color": "Background color",
+        "background-image": "Background image",
+        "background-size-mode": "Background size mode",
+        "no-image": "No image selected",
+        "drop-image": "Drop an image or click to select a file to upload.",
+        "settings": "Settings",
+        "columns-count": "Columns count",
+        "columns-count-required": "Columns count is required.",
+        "min-columns-count-message": "Only 10 minimum column count is allowed.",
+        "max-columns-count-message": "Only 1000 maximum column count is allowed.",
+        "widgets-margins": "Margin between widgets",
+        "margin-required": "Margin value is required.",
+        "min-margin-message": "Only 0 is allowed as minimum margin value.",
+        "max-margin-message": "Only 50 is allowed as maximum margin value.",
+        "horizontal-margin": "Horizontal margin",
+        "horizontal-margin-required": "Horizontal margin value is required.",
+        "min-horizontal-margin-message": "Only 0 is allowed as minimum horizontal margin value.",
+        "max-horizontal-margin-message": "Only 50 is allowed as maximum horizontal margin value.",
+        "vertical-margin": "Vertical margin",
+        "vertical-margin-required": "Vertical margin value is required.",
+        "min-vertical-margin-message": "Only 0 is allowed as minimum vertical margin value.",
+        "max-vertical-margin-message": "Only 50 is allowed as maximum vertical margin value.",
+        "autofill-height": "Auto fill layout height",
+        "mobile-layout": "Mobile layout settings",
+        "mobile-row-height": "Mobile row height, px",
+        "mobile-row-height-required": "Mobile row height value is required.",
+        "min-mobile-row-height-message": "Only 5 pixels is allowed as minimum mobile row height value.",
+        "max-mobile-row-height-message": "Only 200 pixels is allowed as maximum mobile row height value.",
+        "display-title": "Display dashboard title",
+        "toolbar-always-open": "Keep toolbar opened",
+        "title-color": "Title color",
+        "display-dashboards-selection": "Display dashboards selection",
+        "display-entities-selection": "Display entities selection",
+        "display-dashboard-timewindow": "Display timewindow",
+        "display-dashboard-export": "Display export",
+        "import": "Import dashboard",
+        "export": "Export dashboard",
+        "export-failed-error": "Unable to export dashboard: {{error}}",
+        "create-new-dashboard": "Create new dashboard",
+        "dashboard-file": "Dashboard file",
+        "invalid-dashboard-file-error": "Unable to import dashboard: Invalid dashboard data structure.",
+        "dashboard-import-missing-aliases-title": "Configure aliases used by imported dashboard",
+        "create-new-widget": "Create new widget",
+        "import-widget": "Import widget",
+        "widget-file": "Widget file",
+        "invalid-widget-file-error": "Unable to import widget: Invalid widget data structure.",
+        "widget-import-missing-aliases-title": "Configure aliases used by imported widget",
+        "open-toolbar": "Open dashboard toolbar",
+        "close-toolbar": "Close toolbar",
+        "configuration-error": "Configuration error",
+        "alias-resolution-error-title": "Dashboard aliases configuration error",
+        "invalid-aliases-config": "Unable to find any devices matching to some of the aliases filter.<br/>Please contact your administrator in order to resolve this issue.",
+        "select-devices": "Select devices",
+        "assignedToCustomer": "Assigned to customer",
+        "assignedToCustomers": "Assigned to customers",
+        "public": "Public",
+        "public-link": "Public link",
+        "copy-public-link": "Copy public link",
+        "public-link-copied-message": "Dashboard public link has been copied to clipboard",
+        "manage-states": "Manage dashboard states",
+        "states": "Dashboard states",
+        "search-states": "Search dashboard states",
+        "selected-states": "{ count, plural, 1 {1 dashboard state} other {# dashboard states} } selected",
+        "edit-state": "Edit dashboard state",
+        "delete-state": "Delete dashboard state",
+        "add-state": "Add dashboard state",
+        "no-states-text": "No states found",
+        "state": "Dashboard state",
+        "state-name": "Name",
+        "state-name-required": "Dashboard state name is required.",
+        "state-id": "State Id",
+        "state-id-required": "Dashboard state id is required.",
+        "state-id-exists": "Dashboard state with the same id is already exists.",
+        "is-root-state": "Root state",
+        "delete-state-title": "Delete dashboard state",
+        "delete-state-text": "Are you sure you want delete dashboard state with name '{{stateName}}'?",
+        "show-details": "Show details",
+        "hide-details": "Hide details",
+        "select-state": "Select target state",
+        "state-controller": "State controller",
+        "search": "Search dashboards",
+        "selected-dashboards": "{ count, plural, 1 {1 dashboard} other {# dashboards} } selected"
+    },
+    "datakey": {
+        "settings": "Settings",
+        "advanced": "Advanced",
+        "label": "Label",
+        "color": "Color",
+        "units": "Special symbol to show next to value",
+        "decimals": "Number of digits after floating point",
+        "data-generation-func": "Data generation function",
+        "use-data-post-processing-func": "Use data post-processing function",
+        "configuration": "Data key configuration",
+        "timeseries": "Timeseries",
+        "attributes": "Attributes",
+        "entity-field": "Entity field",
+        "alarm": "Alarm fields",
+        "timeseries-required": "Entity timeseries are required.",
+        "timeseries-or-attributes-required": "Entity timeseries/attributes are required.",
+        "maximum-timeseries-or-attributes": "Maximum { count, plural, 1 {1 timeseries/attribute is allowed.} other {# timeseries/attributes are allowed} }",
+        "alarm-fields-required": "Alarm fields are required.",
+        "function-types": "Function types",
+        "function-types-required": "Function types are required.",
+        "maximum-function-types": "Maximum { count, plural, 1 {1 function type is allowed.} other {# function types are allowed} }",
+        "time-description": "timestamp of the current value;",
+        "value-description": "the current value;",
+        "prev-value-description": "result of the previous function call;",
+        "time-prev-description": "timestamp of the previous value;",
+        "prev-orig-value-description": "original previous value;"
+    },
+    "datasource": {
+        "type": "Datasource type",
+        "name": "Name",
+        "add-datasource-prompt": "Please add datasource"
+    },
+    "details": {
+        "details": "Details",
+        "edit-mode": "Edit mode",
+        "toggle-edit-mode": "Toggle edit mode"
+    },
+    "device": {
+        "device": "Device",
+        "device-required": "Device is required.",
+        "devices": "Devices",
+        "management": "Device management",
+        "view-devices": "View Devices",
+        "device-alias": "Device alias",
+        "aliases": "Device aliases",
+        "no-alias-matching": "'{{alias}}' not found.",
+        "no-aliases-found": "No aliases found.",
+        "no-key-matching": "'{{key}}' not found.",
+        "no-keys-found": "No keys found.",
+        "create-new-alias": "Create a new one!",
+        "create-new-key": "Create a new one!",
+        "duplicate-alias-error": "Duplicate alias found '{{alias}}'.<br>Device aliases must be unique whithin the dashboard.",
+        "configure-alias": "Configure '{{alias}}' alias",
+        "no-devices-matching": "No devices matching '{{entity}}' were found.",
+        "alias": "Alias",
+        "alias-required": "Device alias is required.",
+        "remove-alias": "Remove device alias",
+        "add-alias": "Add device alias",
+        "name-starts-with": "Device name starts with",
+        "device-list": "Device list",
+        "use-device-name-filter": "Use filter",
+        "device-list-empty": "No devices selected.",
+        "device-name-filter-required": "Device name filter is required.",
+        "device-name-filter-no-device-matched": "No devices starting with '{{device}}' were found.",
+        "add": "Add Device",
+        "assign-to-customer": "Assign to customer",
+        "assign-device-to-customer": "Assign Device(s) To Customer",
+        "assign-device-to-customer-text": "Please select the devices to assign to the customer",
+        "make-public": "Make device public",
+        "make-private": "Make device private",
+        "no-devices-text": "No devices found",
+        "assign-to-customer-text": "Please select the customer to assign the device(s)",
+        "device-details": "Device details",
+        "add-device-text": "Add new device",
+        "credentials": "Credentials",
+        "manage-credentials": "Manage credentials",
+        "delete": "Delete device",
+        "assign-devices": "Assign devices",
+        "assign-devices-text": "Assign { count, plural, 1 {1 device} other {# devices} } to customer",
+        "delete-devices": "Delete devices",
+        "unassign-from-customer": "Unassign from customer",
+        "unassign-devices": "Unassign devices",
+        "unassign-devices-action-title": "Unassign { count, plural, 1 {1 device} other {# devices} } from customer",
+        "assign-new-device": "Assign new device",
+        "make-public-device-title": "Are you sure you want to make the device '{{deviceName}}' public?",
+        "make-public-device-text": "After the confirmation the device and all its data will be made public and accessible by others.",
+        "make-private-device-title": "Are you sure you want to make the device '{{deviceName}}' private?",
+        "make-private-device-text": "After the confirmation the device and all its data will be made private and won't be accessible by others.",
+        "view-credentials": "View credentials",
+        "delete-device-title": "Are you sure you want to delete the device '{{deviceName}}'?",
+        "delete-device-text": "Be careful, after the confirmation the device and all related data will become unrecoverable.",
+        "delete-devices-title": "Are you sure you want to delete { count, plural, 1 {1 device} other {# devices} }?",
+        "delete-devices-action-title": "Delete { count, plural, 1 {1 device} other {# devices} }",
+        "delete-devices-text": "Be careful, after the confirmation all selected devices will be removed and all related data will become unrecoverable.",
+        "unassign-device-title": "Are you sure you want to unassign the device '{{deviceName}}'?",
+        "unassign-device-text": "After the confirmation the device will be unassigned and won't be accessible by the customer.",
+        "unassign-device": "Unassign device",
+        "unassign-devices-title": "Are you sure you want to unassign { count, plural, 1 {1 device} other {# devices} }?",
+        "unassign-devices-text": "After the confirmation all selected devices will be unassigned and won't be accessible by the customer.",
+        "device-credentials": "Device Credentials",
+        "credentials-type": "Credentials type",
+        "access-token": "Access token",
+        "access-token-required": "Access token is required.",
+        "access-token-invalid": "Access token length must be from 1 to 20 characters.",
+        "rsa-key": "RSA public key",
+        "rsa-key-required": "RSA public key is required.",
+        "secret": "Secret",
+        "secret-required": "Secret is required.",
+        "device-type": "Device type",
+        "device-type-required": "Device type is required.",
+        "select-device-type": "Select device type",
+        "enter-device-type": "Enter device type",
+        "any-device": "Any device",
+        "no-device-types-matching": "No device types matching '{{entitySubtype}}' were found.",
+        "device-type-list-empty": "No device types selected.",
+        "device-types": "Device types",
+        "created-time": "Created time",
+        "name": "Name",
+        "name-required": "Name is required.",
+        "description": "Description",
+        "label": "Label",
+        "events": "Events",
+        "details": "Details",
+        "copyId": "Copy device Id",
+        "copyAccessToken": "Copy access token",
+        "idCopiedMessage": "Device Id has been copied to clipboard",
+        "accessTokenCopiedMessage": "Device access token has been copied to clipboard",
+        "assignedToCustomer": "Assigned to customer",
+        "unable-delete-device-alias-title": "Unable to delete device alias",
+        "unable-delete-device-alias-text": "Device alias '{{deviceAlias}}' can't be deleted as it used by the following widget(s):<br/>{{widgetsList}}",
+        "is-gateway": "Is gateway",
+        "public": "Public",
+        "device-public": "Device is public",
+        "select-device": "Select device",
+        "import": "Import device",
+        "device-file": "Device file",
+        "search": "Search devices",
+        "selected-devices": "{ count, plural, 1 {1 device} other {# devices} } selected"
+    },
+    "dialog": {
+        "close": "Close dialog"
+    },
+    "direction": {
+        "column": "Column",
+        "row": "Row"
+    },
+    "error": {
+        "unable-to-connect": "Unable to connect to the server! Please check your internet connection.",
+        "unhandled-error-code": "Unhandled error code: {{errorCode}}",
+        "unknown-error": "Unknown error"
+    },
+    "entity": {
+        "entity": "Entity",
+        "entities": "Entities",
+        "aliases": "Entity aliases",
+        "entity-alias": "Entity alias",
+        "unable-delete-entity-alias-title": "Unable to delete entity alias",
+        "unable-delete-entity-alias-text": "Entity alias '{{entityAlias}}' can't be deleted as it used by the following widget(s):<br/>{{widgetsList}}",
+        "duplicate-alias-error": "Duplicate alias found '{{alias}}'.<br>Entity aliases must be unique whithin the dashboard.",
+        "missing-entity-filter-error": "Filter is missing for alias '{{alias}}'.",
+        "configure-alias": "Configure '{{alias}}' alias",
+        "alias": "Alias",
+        "alias-required": "Entity alias is required.",
+        "remove-alias": "Remove entity alias",
+        "add-alias": "Add entity alias",
+        "entity-list": "Entity list",
+        "entity-type": "Entity type",
+        "entity-types": "Entity types",
+        "entity-type-list": "Entity type list",
+        "any-entity": "Any entity",
+        "enter-entity-type": "Enter entity type",
+        "no-entities-matching": "No entities matching '{{entity}}' were found.",
+        "no-entity-types-matching": "No entity types matching '{{entityType}}' were found.",
+        "name-starts-with": "Name starts with",
+        "use-entity-name-filter": "Use filter",
+        "entity-list-empty": "No entities selected.",
+        "entity-type-list-empty": "No entity types selected.",
+        "entity-name-filter-required": "Entity name filter is required.",
+        "entity-name-filter-no-entity-matched": "No entities starting with '{{entity}}' were found.",
+        "all-subtypes": "All",
+        "select-entities": "Select entities",
+        "no-aliases-found": "No aliases found.",
+        "no-alias-matching": "'{{alias}}' not found.",
+        "create-new-alias": "Create a new one!",
+        "key": "Key",
+        "key-name": "Key name",
+        "no-keys-found": "No keys found.",
+        "no-key-matching": "'{{key}}' not found.",
+        "create-new-key": "Create a new one!",
+        "type": "Type",
+        "type-required": "Entity type is required.",
+        "type-device": "Device",
+        "type-devices": "Devices",
+        "list-of-devices": "{ count, plural, 1 {One device} other {List of # devices} }",
+        "device-name-starts-with": "Devices whose names start with '{{prefix}}'",
+        "type-asset": "Asset",
+        "type-assets": "Assets",
+        "list-of-assets": "{ count, plural, 1 {One asset} other {List of # assets} }",
+        "asset-name-starts-with": "Assets whose names start with '{{prefix}}'",
+        "type-entity-view": "Entity View",
+        "type-entity-views": "Entity Views",
+        "list-of-entity-views": "{ count, plural, 1 {One entity view} other {List of # entity views} }",
+        "entity-view-name-starts-with": "Entity Views whose names start with '{{prefix}}'",
+        "type-rule": "Rule",
+        "type-rules": "Rules",
+        "list-of-rules": "{ count, plural, 1 {One rule} other {List of # rules} }",
+        "rule-name-starts-with": "Rules whose names start with '{{prefix}}'",
+        "type-plugin": "Plugin",
+        "type-plugins": "Plugins",
+        "list-of-plugins": "{ count, plural, 1 {One plugin} other {List of # plugins} }",
+        "plugin-name-starts-with": "Plugins whose names start with '{{prefix}}'",
+        "type-tenant": "Tenant",
+        "type-tenants": "Tenants",
+        "list-of-tenants": "{ count, plural, 1 {One tenant} other {List of # tenants} }",
+        "tenant-name-starts-with": "Tenants whose names start with '{{prefix}}'",
+        "type-customer": "Customer",
+        "type-customers": "Customers",
+        "list-of-customers": "{ count, plural, 1 {One customer} other {List of # customers} }",
+        "customer-name-starts-with": "Customers whose names start with '{{prefix}}'",
+        "type-user": "User",
+        "type-users": "Users",
+        "list-of-users": "{ count, plural, 1 {One user} other {List of # users} }",
+        "user-name-starts-with": "Users whose names start with '{{prefix}}'",
+        "type-dashboard": "Dashboard",
+        "type-dashboards": "Dashboards",
+        "list-of-dashboards": "{ count, plural, 1 {One dashboard} other {List of # dashboards} }",
+        "dashboard-name-starts-with": "Dashboards whose names start with '{{prefix}}'",
+        "type-alarm": "Alarm",
+        "type-alarms": "Alarms",
+        "list-of-alarms": "{ count, plural, 1 {One alarms} other {List of # alarms} }",
+        "alarm-name-starts-with": "Alarms whose names start with '{{prefix}}'",
+        "type-rulechain": "Rule chain",
+        "type-rulechains": "Rule chains",
+        "list-of-rulechains": "{ count, plural, 1 {One rule chain} other {List of # rule chains} }",
+        "rulechain-name-starts-with": "Rule chains whose names start with '{{prefix}}'",
+        "type-rulenode": "Rule node",
+        "type-rulenodes": "Rule nodes",
+        "list-of-rulenodes": "{ count, plural, 1 {One rule node} other {List of # rule nodes} }",
+        "rulenode-name-starts-with": "Rule nodes whose names start with '{{prefix}}'",
+        "type-current-customer": "Current Customer",
+        "search": "Search entities",
+        "selected-entities": "{ count, plural, 1 {1 entity} other {# entities} } selected",
+        "entity-name": "Entity name",
+        "entity-label": "Entity label",
+        "details": "Entity details",
+        "no-entities-prompt": "No entities found",
+        "no-data": "No data to display",
+        "columns-to-display": "Columns to Display"
+    },
+    "entity-field": {
+        "created-time": "Created time",
+        "name": "Name",
+        "type": "Type",
+        "first-name": "First name",
+        "last-name": "Last name",
+        "email": "Email",
+        "title": "Title",
+        "country": "Country",
+        "state": "State",
+        "city": "City",
+        "address": "Address",
+        "address2": "Address 2",
+        "zip": "Zip",
+        "phone": "Phone",
+        "label": "Label"
+    },
+    "entity-view": {
+        "entity-view": "Entity View",
+        "entity-view-required": "Entity view is required.",
+        "entity-views": "Entity Views",
+        "management": "Entity View management",
+        "view-entity-views": "View Entity Views",
+        "entity-view-alias": "Entity View alias",
+        "aliases": "Entity View aliases",
+        "no-alias-matching": "'{{alias}}' not found.",
+        "no-aliases-found": "No aliases found.",
+        "no-key-matching": "'{{key}}' not found.",
+        "no-keys-found": "No keys found.",
+        "create-new-alias": "Create a new one!",
+        "create-new-key": "Create a new one!",
+        "duplicate-alias-error": "Duplicate alias found '{{alias}}'.<br>Entity View aliases must be unique within the dashboard.",
+        "configure-alias": "Configure '{{alias}}' alias",
+        "no-entity-views-matching": "No entity views matching '{{entity}}' were found.",
+        "public": "Public",
+        "alias": "Alias",
+        "alias-required": "Entity View alias is required.",
+        "remove-alias": "Remove entity view alias",
+        "add-alias": "Add entity view alias",
+        "name-starts-with": "Entity View name starts with",
+        "entity-view-list": "Entity View list",
+        "use-entity-view-name-filter": "Use filter",
+        "entity-view-list-empty": "No entity views selected.",
+        "entity-view-name-filter-required": "Entity view name filter is required.",
+        "entity-view-name-filter-no-entity-view-matched": "No entity views starting with '{{entityView}}' were found.",
+        "add": "Add Entity View",
+        "entity-view-public": "Entity view is public",
+        "assign-to-customer": "Assign to customer",
+        "assign-entity-view-to-customer": "Assign Entity View(s) To Customer",
+        "assign-entity-view-to-customer-text": "Please select the entity views to assign to the customer",
+        "no-entity-views-text": "No entity views found",
+        "assign-to-customer-text": "Please select the customer to assign the entity view(s)",
+        "entity-view-details": "Entity view details",
+        "add-entity-view-text": "Add new entity view",
+        "delete": "Delete entity view",
+        "assign-entity-views": "Assign entity views",
+        "assign-entity-views-text": "Assign { count, plural, 1 {1 entity view} other {# entity views} } to customer",
+        "delete-entity-views": "Delete entity views",
+        "unassign-from-customer": "Unassign from customer",
+        "unassign-entity-views": "Unassign entity views",
+        "unassign-entity-views-action-title": "Unassign { count, plural, 1 {1 entity view} other {# entity views} } from customer",
+        "assign-new-entity-view": "Assign new entity view",
+        "delete-entity-view-title": "Are you sure you want to delete the entity view '{{entityViewName}}'?",
+        "delete-entity-view-text": "Be careful, after the confirmation the entity view and all related data will become unrecoverable.",
+        "delete-entity-views-title": "Are you sure you want to delete { count, plural, 1 {1 entity view} other {# entity views} }?",
+        "delete-entity-views-action-title": "Delete { count, plural, 1 {1 entity view} other {# entity views} }",
+        "delete-entity-views-text": "Be careful, after the confirmation all selected entity views will be removed and all related data will become unrecoverable.",
+        "unassign-entity-view-title": "Are you sure you want to unassign the entity view '{{entityViewName}}'?",
+        "unassign-entity-view-text": "After the confirmation the entity view will be unassigned and won't be accessible by the customer.",
+        "unassign-entity-view": "Unassign entity view",
+        "unassign-entity-views-title": "Are you sure you want to unassign { count, plural, 1 {1 entity view} other {# entity views} }?",
+        "unassign-entity-views-text": "After the confirmation all selected entity views will be unassigned and won't be accessible by the customer.",
+        "entity-view-type": "Entity View type",
+        "entity-view-type-required": "Entity View type is required.",
+        "select-entity-view-type": "Select entity view type",
+        "enter-entity-view-type": "Enter entity view type",
+        "any-entity-view": "Any entity view",
+        "no-entity-view-types-matching": "No entity view types matching '{{entitySubtype}}' were found.",
+        "entity-view-type-list-empty": "No entity view types selected.",
+        "entity-view-types": "Entity View types",
+        "created-time": "Created time",
+        "name": "Name",
+        "name-required": "Name is required.",
+        "description": "Description",
+        "events": "Events",
+        "details": "Details",
+        "copyId": "Copy entity view Id",
+        "idCopiedMessage": "Entity view Id has been copied to clipboard",
+        "assignedToCustomer": "Assigned to customer",
+        "unable-entity-view-device-alias-title": "Unable to delete entity view alias",
+        "unable-entity-view-device-alias-text": "Device alias '{{entityViewAlias}}' can't be deleted as it used by the following widget(s):<br/>{{widgetsList}}",
+        "select-entity-view": "Select entity view",
+        "make-public": "Make entity view public",
+        "make-private": "Make entity view private",
+        "start-date": "Start date",
+        "start-ts": "Start time",
+        "end-date": "End date",
+        "end-ts": "End time",
+        "date-limits": "Date limits",
+        "client-attributes": "Client attributes",
+        "shared-attributes": "Shared attributes",
+        "server-attributes": "Server attributes",
+        "timeseries": "Timeseries",
+        "client-attributes-placeholder": "Client attributes",
+        "shared-attributes-placeholder": "Shared attributes",
+        "server-attributes-placeholder": "Server attributes",
+        "timeseries-placeholder": "Timeseries",
+        "target-entity": "Target entity",
+        "attributes-propagation": "Attributes propagation",
+        "attributes-propagation-hint": "Entity View will automatically copy specified attributes from Target Entity each time you save or update this entity view. For performance reasons target entity attributes are not propagated to entity view on each attribute change. You can enable automatic propagation by configuring \"copy to view\" rule node in your rule chain and linking \"Post attributes\" and \"Attributes Updated\" messages to the new rule node.",
+        "timeseries-data": "Timeseries data",
+        "timeseries-data-hint": "Configure timeseries data keys of the target entity that will be accessible to the entity view. This timeseries data is read-only.",
+        "make-public-entity-view-title": "Are you sure you want to make the entity view '{{entityViewName}}' public?",
+        "make-public-entity-view-text": "After the confirmation the entity view and all its data will be made public and accessible by others.",
+        "make-private-entity-view-title": "Are you sure you want to make the entity view '{{entityViewName}}' private?",
+        "make-private-entity-view-text": "After the confirmation the entity view and all its data will be made private and won't be accessible by others.",
+        "search": "Search entity views",
+        "selected-entity-views": "{ count, plural, 1 {1 entity view} other {# entity views} } selected"
+    },
+    "event": {
+        "event-type": "Event type",
+        "type-error": "Error",
+        "type-lc-event": "Lifecycle event",
+        "type-stats": "Statistics",
+        "type-debug-rule-node": "Debug",
+        "type-debug-rule-chain": "Debug",
+        "no-events-prompt": "No events found",
+        "error": "Error",
+        "alarm": "Alarm",
+        "event-time": "Event time",
+        "server": "Server",
+        "body": "Body",
+        "method": "Method",
+        "type": "Type",
+        "entity": "Entity",
+        "message-id": "Message Id",
+        "message-type": "Message Type",
+        "data-type": "Data Type",
+        "relation-type": "Relation Type",
+        "metadata": "Metadata",
+        "data": "Data",
+        "event": "Event",
+        "status": "Status",
+        "success": "Success",
+        "failed": "Failed",
+        "messages-processed": "Messages processed",
+        "errors-occurred": "Errors occurred"
+    },
+    "extension": {
+        "extensions": "Extensions",
+        "selected-extensions": "{ count, plural, 1 {1 extension} other {# extensions} } selected",
+        "type": "Type",
+        "key": "Key",
+        "value": "Value",
+        "id": "Id",
+        "extension-id": "Extension id",
+        "extension-type": "Extension type",
+        "transformer-json": "JSON *",
+        "unique-id-required": "Current extension id already exists.",
+        "delete": "Delete extension",
+        "add": "Add extension",
+        "edit": "Edit extension",
+        "delete-extension-title": "Are you sure you want to delete the extension '{{extensionId}}'?",
+        "delete-extension-text": "Be careful, after the confirmation the extension and all related data will become unrecoverable.",
+        "delete-extensions-title": "Are you sure you want to delete { count, plural, 1 {1 extension} other {# extensions} }?",
+        "delete-extensions-text": "Be careful, after the confirmation all selected extensions will be removed.",
+        "converters": "Converters",
+        "converter-id": "Converter id",
+        "configuration": "Configuration",
+        "converter-configurations": "Converter configurations",
+        "token": "Security token",
+        "add-converter": "Add converter",
+        "add-config": "Add converter configuration",
+        "device-name-expression": "Device name expression",
+        "device-type-expression": "Device type expression",
+        "custom": "Custom",
+        "to-double": "To Double",
+        "transformer": "Transformer",
+        "json-required": "Transformer json is required.",
+        "json-parse": "Unable to parse transformer json.",
+        "attributes": "Attributes",
+        "add-attribute": "Add attribute",
+        "add-map": "Add mapping element",
+        "timeseries": "Timeseries",
+        "add-timeseries": "Add timeseries",
+        "field-required": "Field is required",
+        "brokers": "Brokers",
+        "add-broker": "Add broker",
+        "host": "Host",
+        "port": "Port",
+        "port-range": "Port should be in a range from 1 to 65535.",
+        "ssl": "Ssl",
+        "credentials": "Credentials",
+        "username": "Username",
+        "password": "Password",
+        "retry-interval": "Retry interval in milliseconds",
+        "anonymous": "Anonymous",
+        "basic": "Basic",
+        "pem": "PEM",
+        "ca-cert": "CA certificate file *",
+        "private-key": "Private key file *",
+        "cert": "Certificate file *",
+        "no-file": "No file selected.",
+        "drop-file": "Drop a file or click to select a file to upload.",
+        "mapping": "Mapping",
+        "topic-filter": "Topic filter",
+        "converter-type": "Converter type",
+        "converter-json": "Json",
+        "json-name-expression": "Device name json expression",
+        "topic-name-expression": "Device name topic expression",
+        "json-type-expression": "Device type json expression",
+        "topic-type-expression": "Device type topic expression",
+        "attribute-key-expression": "Attribute key expression",
+        "attr-json-key-expression": "Attribute key json expression",
+        "attr-topic-key-expression": "Attribute key topic expression",
+        "request-id-expression": "Request id expression",
+        "request-id-json-expression": "Request id json expression",
+        "request-id-topic-expression": "Request id topic expression",
+        "response-topic-expression": "Response topic expression",
+        "value-expression": "Value expression",
+        "topic": "Topic",
+        "timeout": "Timeout in milliseconds",
+        "converter-json-required": "Converter json is required.",
+        "converter-json-parse": "Unable to parse converter json.",
+        "filter-expression": "Filter expression",
+        "connect-requests": "Connect requests",
+        "add-connect-request": "Add connect request",
+        "disconnect-requests": "Disconnect requests",
+        "add-disconnect-request": "Add disconnect request",
+        "attribute-requests": "Attribute requests",
+        "add-attribute-request": "Add attribute request",
+        "attribute-updates": "Attribute updates",
+        "add-attribute-update": "Add attribute update",
+        "server-side-rpc": "Server side RPC",
+        "add-server-side-rpc-request": "Add server-side RPC request",
+        "device-name-filter": "Device name filter",
+        "attribute-filter": "Attribute filter",
+        "method-filter": "Method filter",
+        "request-topic-expression": "Request topic expression",
+        "response-timeout": "Response timeout in milliseconds",
+        "topic-expression": "Topic expression",
+        "client-scope": "Client scope",
+        "add-device": "Add device",
+        "opc-server": "Servers",
+        "opc-add-server": "Add server",
+        "opc-add-server-prompt": "Please add server",
+        "opc-application-name": "Application name",
+        "opc-application-uri": "Application uri",
+        "opc-scan-period-in-seconds": "Scan period in seconds",
+        "opc-security": "Security",
+        "opc-identity": "Identity",
+        "opc-keystore": "Keystore",
+        "opc-type": "Type",
+        "opc-keystore-type": "Type",
+        "opc-keystore-location": "Location *",
+        "opc-keystore-password": "Password",
+        "opc-keystore-alias": "Alias",
+        "opc-keystore-key-password": "Key password",
+        "opc-device-node-pattern": "Device node pattern",
+        "opc-device-name-pattern": "Device name pattern",
+        "modbus-server": "Servers/slaves",
+        "modbus-add-server": "Add server/slave",
+        "modbus-add-server-prompt": "Please add server/slave",
+        "modbus-transport": "Transport",
+        "modbus-tcp-reconnect": "Automatically reconnect",
+        "modbus-rtu-over-tcp": "RTU over TCP",
+        "modbus-port-name": "Serial port name",
+        "modbus-encoding": "Encoding",
+        "modbus-parity": "Parity",
+        "modbus-baudrate": "Baud rate",
+        "modbus-databits": "Data bits",
+        "modbus-stopbits": "Stop bits",
+        "modbus-databits-range": "Data bits should be in a range from 7 to 8.",
+        "modbus-stopbits-range": "Stop bits should be in a range from 1 to 2.",
+        "modbus-unit-id": "Unit ID",
+        "modbus-unit-id-range": "Unit ID should be in a range from 1 to 247.",
+        "modbus-device-name": "Device name",
+        "modbus-poll-period": "Poll period (ms)",
+        "modbus-attributes-poll-period": "Attributes poll period (ms)",
+        "modbus-timeseries-poll-period": "Timeseries poll period (ms)",
+        "modbus-poll-period-range": "Poll period should be positive value.",
+        "modbus-tag": "Tag",
+        "modbus-function": "Function",
+        "modbus-register-address": "Register address",
+        "modbus-register-address-range": "Register address should be in a range from 0 to 65535.",
+        "modbus-register-bit-index": "Bit index",
+        "modbus-register-bit-index-range": "Bit index should be in a range from 0 to 15.",
+        "modbus-register-count": "Register count",
+        "modbus-register-count-range": "Register count should be a positive value.",
+        "modbus-byte-order": "Byte order",
+        "sync": {
+            "status": "Status",
+            "sync": "Sync",
+            "not-sync": "Not sync",
+            "last-sync-time": "Last sync time",
+            "not-available": "Not available"
+        },
+        "export-extensions-configuration": "Export extensions configuration",
+        "import-extensions-configuration": "Import extensions configuration",
+        "import-extensions": "Import extensions",
+        "import-extension": "Import extension",
+        "export-extension": "Export extension",
+        "file": "Extensions file",
+        "invalid-file-error": "Invalid extension file"
+    },
+    "fullscreen": {
+        "expand": "Expand to fullscreen",
+        "exit": "Exit fullscreen",
+        "toggle": "Toggle fullscreen mode",
+        "fullscreen": "Fullscreen"
+    },
+    "function": {
+        "function": "Function"
+    },
+    "gateway": {
+        "add-entry": "Add configuration",
+        "connector-add": "Add new connector",
+        "connector-enabled": "Enable connector",
+        "connector-name": "Connector name",
+        "connector-name-required": "Connector name is required.",
+        "connector-type": "Connector type",
+        "connector-type-required": "Connector type is required.",
+        "connectors": "Connectors configuration",
+        "create-new-gateway": "Create a new gateway",
+        "create-new-gateway-text": "Are you sure you want create a new gateway with name: '{{gatewayName}}'?",
+        "delete": "Delete configuration",
+        "download-tip": "Download configuration file",
+        "gateway": "Gateway",
+        "gateway-exists": "Device with same name is already exists.",
+        "gateway-name": "Gateway name",
+        "gateway-name-required": "Gateway name is required.",
+        "gateway-saved": "Gateway configuration successfully saved.",
+        "json-parse": "Not valid JSON.",
+        "json-required": "Field cannot be empty.",
+        "no-connectors": "No connectors",
+        "no-data": "No configurations",
+        "no-gateway-found": "No gateway found.",
+        "no-gateway-matching": " '{{item}}' not found.",
+        "path-logs": "Path to log files",
+        "path-logs-required": "Path is required.",
+        "remote": "Remote configuration",
+        "remote-logging-level": "Logging level",
+        "remove-entry": "Remove configuration",
+        "save-tip": "Save configuration file",
+        "security-type": "Security type",
+        "security-types": {
+            "access-token": "Access Token",
+            "tls": "TLS"
+        },
+        "storage": "Storage",
+        "storage-max-file-records": "Maximum records in file",
+        "storage-max-files": "Maximum number of files",
+        "storage-max-files-min": "Minimum number is 1.",
+        "storage-max-files-pattern": "Number is not valid.",
+        "storage-max-files-required": "Number is required.",
+        "storage-max-records": "Maximum records in storage",
+        "storage-max-records-min": "Minimum number of records is 1.",
+        "storage-max-records-pattern": "Number is not valid.",
+        "storage-max-records-required": "Maximum records is required.",
+        "storage-pack-size": "Maximum event pack size",
+        "storage-pack-size-min": "Minimum number is 1.",
+        "storage-pack-size-pattern": "Number is not valid.",
+        "storage-pack-size-required": "Maximum event pack size is required.",
+        "storage-path": "Storage path",
+        "storage-path-required": "Storage path is required.",
+        "storage-type": "Storage type",
+        "storage-types": {
+            "file-storage": "File storage",
+            "memory-storage": "Memory storage"
+        },
+        "thingsboard": "ThingsBoard",
+        "thingsboard-host": "ThingsBoard host",
+        "thingsboard-host-required": "Host is required.",
+        "thingsboard-port": "ThingsBoard port",
+        "thingsboard-port-max": "Maximum port number is 65535.",
+        "thingsboard-port-min": "Minimum port number is 1.",
+        "thingsboard-port-pattern": "Port is not valid.",
+        "thingsboard-port-required": "Port is required.",
+        "tidy": "Tidy",
+        "tidy-tip": "Tidy config JSON",
+        "title-connectors-json": "Connector {{typeName}} configuration",
+        "tls-path-ca-certificate": "Path to CA certificate on gateway",
+        "tls-path-client-certificate": "Path to client certificate on gateway",
+        "tls-path-private-key": "Path to private key on gateway",
+        "toggle-fullscreen": "Toggle fullscreen",
+        "transformer-json-config": "Configuration JSON*",
+        "update-config": "Add/update configuration JSON"
+    },
+    "grid": {
+        "delete-item-title": "Are you sure you want to delete this item?",
+        "delete-item-text": "Be careful, after the confirmation this item and all related data will become unrecoverable.",
+        "delete-items-title": "Are you sure you want to delete { count, plural, 1 {1 item} other {# items} }?",
+        "delete-items-action-title": "Delete { count, plural, 1 {1 item} other {# items} }",
+        "delete-items-text": "Be careful, after the confirmation all selected items will be removed and all related data will become unrecoverable.",
+        "add-item-text": "Add new item",
+        "no-items-text": "No items found",
+        "item-details": "Item details",
+        "delete-item": "Delete Item",
+        "delete-items": "Delete Items",
+        "scroll-to-top": "Scroll to top"
+    },
+    "help": {
+        "goto-help-page": "Go to help page"
+    },
+    "home": {
+        "home": "Home",
+        "profile": "Profile",
+        "logout": "Logout",
+        "menu": "Menu",
+        "avatar": "Avatar",
+        "open-user-menu": "Open user menu"
+    },
+    "import": {
+        "no-file": "No file selected",
+        "drop-file": "Drop a JSON file or click to select a file to upload.",
+        "drop-file-csv": "Drop a CSV file or click to select a file to upload.",
+        "column-value": "Value",
+        "column-title": "Title",
+        "column-example": "Example value data",
+        "column-key": "Attribute/telemetry key",
+        "csv-delimiter": "CSV delimiter",
+        "csv-first-line-header": "First line contains column names",
+        "csv-update-data": "Update attributes/telemetry",
+        "import-csv-number-columns-error": "A file should contain at least two columns",
+        "import-csv-invalid-format-error": "Invalid file format. Line: '{{line}}'",
+        "column-type": {
+            "name": "Name",
+            "type": "Type",
+            "label": "Label",
+            "column-type": "Column type",
+            "client-attribute": "Client attribute",
+            "shared-attribute": "Shared attribute",
+            "server-attribute": "Server attribute",
+            "timeseries": "Timeseries",
+            "entity-field": "Entity field",
+            "access-token": "Access token",
+            "isgateway": "Is Gateway",
+            "description": "Description"
+        },
+        "stepper-text":{
+            "select-file": "Select a file",
+            "configuration": "Import configuration",
+            "column-type": "Select columns type",
+            "creat-entities": "Creating new entities",
+            "done": "Done"
+        },
+        "message": {
+            "create-entities": "{{count}} new entities were successfully created.",
+            "update-entities": "{{count}} entities were successfully updated.",
+            "error-entities": "There was an error creating {{count}} entities."
+        }
+    },
+    "item": {
+        "selected": "Selected"
+    },
+    "js-func": {
+        "no-return-error": "Function must return value!",
+        "return-type-mismatch": "Function must return value of '{{type}}' type!",
+        "tidy": "Tidy"
+    },
+    "key-val": {
+        "key": "Key",
+        "value": "Value",
+        "remove-entry": "Remove entry",
+        "add-entry": "Add entry",
+        "no-data": "No entries"
+    },
+    "layout": {
+        "layout": "Layout",
+        "manage": "Manage layouts",
+        "settings": "Layout settings",
+        "color": "Color",
+        "main": "Main",
+        "right": "Right",
+        "select": "Select target layout"
+    },
+    "legend": {
+        "direction": "Legend direction",
+        "position": "Legend position",
+        "show-max": "Show max value",
+        "show-min": "Show min value",
+        "show-avg": "Show average value",
+        "show-total": "Show total value",
+        "settings": "Legend settings",
+        "min": "min",
+        "max": "max",
+        "avg": "avg",
+        "total": "total",
+        "comparison-time-ago": {
+            "days": "(day ago)",
+            "weeks": "(week ago)",
+            "months": "(month ago)",
+            "years": "(year ago)"
+        }
+    },
+    "login": {
+        "login": "Login",
+        "request-password-reset": "Request Password Reset",
+        "reset-password": "Reset Password",
+        "create-password": "Create Password",
+        "passwords-mismatch-error": "Entered passwords must be same!",
+        "password-again": "Password again",
+        "sign-in": "Please sign in",
+        "username": "Username (email)",
+        "remember-me": "Remember me",
+        "forgot-password": "Forgot Password?",
+        "password-reset": "Password reset",
+        "expired-password-reset-message": "Your credentials has been expired! Please create new password.",
+        "new-password": "New password",
+        "new-password-again": "New password again",
+        "password-link-sent-message": "Password reset link was successfully sent!",
+        "email": "Email"
+    },
+    "position": {
+        "top": "Top",
+        "bottom": "Bottom",
+        "left": "Left",
+        "right": "Right"
+    },
+    "profile": {
+        "profile": "Profile",
+        "last-login-time": "Last Login",
+        "change-password": "Change Password",
+        "current-password": "Current password"
+    },
+    "relation": {
+        "relations": "Relations",
+        "direction": "Direction",
+        "search-direction": {
+            "FROM": "From",
+            "TO": "To"
+        },
+        "direction-type": {
+            "FROM": "from",
+            "TO": "to"
+        },
+        "from-relations": "Outbound relations",
+        "to-relations": "Inbound relations",
+        "selected-relations": "{ count, plural, 1 {1 relation} other {# relations} } selected",
+        "type": "Type",
+        "to-entity-type": "To entity type",
+        "to-entity-name": "To entity name",
+        "from-entity-type": "From entity type",
+        "from-entity-name": "From entity name",
+        "to-entity": "To entity",
+        "from-entity": "From entity",
+        "delete": "Delete relation",
+        "relation-type": "Relation type",
+        "relation-type-required": "Relation type is required.",
+        "any-relation-type": "Any type",
+        "add": "Add relation",
+        "edit": "Edit relation",
+        "delete-to-relation-title": "Are you sure you want to delete relation to the entity '{{entityName}}'?",
+        "delete-to-relation-text": "Be careful, after the confirmation the entity '{{entityName}}' will be unrelated from the current entity.",
+        "delete-to-relations-title": "Are you sure you want to delete { count, plural, 1 {1 relation} other {# relations} }?",
+        "delete-to-relations-text": "Be careful, after the confirmation all selected relations will be removed and corresponding entities will be unrelated from the current entity.",
+        "delete-from-relation-title": "Are you sure you want to delete relation from the entity '{{entityName}}'?",
+        "delete-from-relation-text": "Be careful, after the confirmation current entity will be unrelated from the entity '{{entityName}}'.",
+        "delete-from-relations-title": "Are you sure you want to delete { count, plural, 1 {1 relation} other {# relations} }?",
+        "delete-from-relations-text": "Be careful, after the confirmation all selected relations will be removed and current entity will be unrelated from the corresponding entities.",
+        "remove-relation-filter": "Remove relation filter",
+        "add-relation-filter": "Add relation filter",
+        "any-relation": "Any relation",
+        "relation-filters": "Relation filters",
+        "additional-info": "Additional info (JSON)",
+        "invalid-additional-info": "Unable to parse additional info json.",
+        "no-relations-text": "No relations found"
+    },
+    "rulechain": {
+        "rulechain": "Rule chain",
+        "rulechains": "Rule chains",
+        "root": "Root",
+        "delete": "Delete rule chain",
+        "created-time": "Created time",
+        "name": "Name",
+        "name-required": "Name is required.",
+        "description": "Description",
+        "add": "Add Rule Chain",
+        "set-root": "Make rule chain root",
+        "set-root-rulechain-title": "Are you sure you want to make the rule chain '{{ruleChainName}}' root?",
+        "set-root-rulechain-text": "After the confirmation the rule chain will become root and will handle all incoming transport messages.",
+        "delete-rulechain-title": "Are you sure you want to delete the rule chain '{{ruleChainName}}'?",
+        "delete-rulechain-text": "Be careful, after the confirmation the rule chain and all related data will become unrecoverable.",
+        "delete-rulechains-title": "Are you sure you want to delete { count, plural, 1 {1 rule chain} other {# rule chains} }?",
+        "delete-rulechains-action-title": "Delete { count, plural, 1 {1 rule chain} other {# rule chains} }",
+        "delete-rulechains-text": "Be careful, after the confirmation all selected rule chains will be removed and all related data will become unrecoverable.",
+        "add-rulechain-text": "Add new rule chain",
+        "no-rulechains-text": "No rule chains found",
+        "rulechain-details": "Rule chain details",
+        "details": "Details",
+        "events": "Events",
+        "system": "System",
+        "import": "Import rule chain",
+        "export": "Export rule chain",
+        "export-failed-error": "Unable to export rule chain: {{error}}",
+        "create-new-rulechain": "Create new rule chain",
+        "rulechain-file": "Rule chain file",
+        "invalid-rulechain-file-error": "Unable to import rule chain: Invalid rule chain data structure.",
+        "copyId": "Copy rule chain Id",
+        "idCopiedMessage": "Rule chain Id has been copied to clipboard",
+        "select-rulechain": "Select rule chain",
+        "no-rulechains-matching": "No rule chains matching '{{entity}}' were found.",
+        "rulechain-required": "Rule chain is required",
+        "management": "Rules management",
+        "debug-mode": "Debug mode",
+        "search": "Search rule chains",
+        "selected-rulechains": "{ count, plural, 1 {1 rule chain} other {# rule chains} } selected",
+        "open-rulechain": "Open rule chain"
+    },
+    "rulenode": {
+        "details": "Details",
+        "events": "Events",
+        "search": "Search nodes",
+        "open-node-library": "Open node library",
+        "add": "Add rule node",
+        "name": "Name",
+        "name-required": "Name is required.",
+        "type": "Type",
+        "description": "Description",
+        "delete": "Delete rule node",
+        "select-all-objects": "Select all nodes and connections",
+        "deselect-all-objects": "Deselect all nodes and connections",
+        "delete-selected-objects": "Delete selected nodes and connections",
+        "delete-selected": "Delete selected",
+        "select-all": "Select all",
+        "copy-selected": "Copy selected",
+        "deselect-all": "Deselect all",
+        "rulenode-details": "Rule node details",
+        "debug-mode": "Debug mode",
+        "configuration": "Configuration",
+        "link": "Link",
+        "link-details": "Rule node link details",
+        "add-link": "Add link",
+        "link-label": "Link label",
+        "link-label-required": "Link label is required.",
+        "custom-link-label": "Custom link label",
+        "custom-link-label-required": "Custom link label is required.",
+        "link-labels": "Link labels",
+        "link-labels-required": "Link labels is required.",
+        "no-link-labels-found": "No link labels found",
+        "no-link-label-matching": "'{{label}}' not found.",
+        "create-new-link-label": "Create a new one!",
+        "type-filter": "Filter",
+        "type-filter-details": "Filter incoming messages with configured conditions",
+        "type-enrichment": "Enrichment",
+        "type-enrichment-details": "Add additional information into Message Metadata",
+        "type-transformation": "Transformation",
+        "type-transformation-details": "Change Message payload and Metadata",
+        "type-action": "Action",
+        "type-action-details": "Perform special action",
+        "type-external": "External",
+        "type-external-details": "Interacts with external system",
+        "type-rule-chain": "Rule Chain",
+        "type-rule-chain-details": "Forwards incoming messages to specified Rule Chain",
+        "type-input": "Input",
+        "type-input-details": "Logical input of Rule Chain, forwards incoming messages to next related Rule Node",
+        "type-unknown": "Unknown",
+        "type-unknown-details": "Unresolved Rule Node",
+        "directive-is-not-loaded": "Defined configuration directive '{{directiveName}}' is not available.",
+        "ui-resources-load-error": "Failed to load configuration ui resources.",
+        "invalid-target-rulechain": "Unable to resolve target rule chain!",
+        "test-script-function": "Test script function",
+        "message": "Message",
+        "message-type": "Message type",
+        "select-message-type": "Select message type",
+        "message-type-required": "Message type is required",
+        "metadata": "Metadata",
+        "metadata-required": "Metadata entries can't be empty.",
+        "output": "Output",
+        "test": "Test",
+        "help": "Help",
+        "reset-debug-mode": "Reset debug mode in all nodes"
+    },
+    "tenant": {
+        "tenant": "Tenant",
+        "tenants": "Tenants",
+        "management": "Tenant management",
+        "add": "Add Tenant",
+        "admins": "Admins",
+        "manage-tenant-admins": "Manage tenant admins",
+        "delete": "Delete tenant",
+        "add-tenant-text": "Add new tenant",
+        "no-tenants-text": "No tenants found",
+        "tenant-details": "Tenant details",
+        "delete-tenant-title": "Are you sure you want to delete the tenant '{{tenantTitle}}'?",
+        "delete-tenant-text": "Be careful, after the confirmation the tenant and all related data will become unrecoverable.",
+        "delete-tenants-title": "Are you sure you want to delete { count, plural, 1 {1 tenant} other {# tenants} }?",
+        "delete-tenants-action-title": "Delete { count, plural, 1 {1 tenant} other {# tenants} }",
+        "delete-tenants-text": "Be careful, after the confirmation all selected tenants will be removed and all related data will become unrecoverable.",
+        "created-time": "Created time",
+        "title": "Title",
+        "title-required": "Title is required.",
+        "description": "Description",
+        "details": "Details",
+        "events": "Events",
+        "copyId": "Copy tenant Id",
+        "idCopiedMessage": "Tenant Id has been copied to clipboard",
+        "select-tenant": "Select tenant",
+        "no-tenants-matching": "No tenants matching '{{entity}}' were found.",
+        "tenant-required": "Tenant is required",
+        "search": "Search tenants",
+        "selected-tenants": "{ count, plural, 1 {1 tenant} other {# tenants} } selected"
+    },
+    "timeinterval": {
+        "seconds-interval": "{ seconds, plural, 1 {1 second} other {# seconds} }",
+        "minutes-interval": "{ minutes, plural, 1 {1 minute} other {# minutes} }",
+        "hours-interval": "{ hours, plural, 1 {1 hour} other {# hours} }",
+        "days-interval": "{ days, plural, 1 {1 day} other {# days} }",
+        "days": "Days",
+        "hours": "Hours",
+        "minutes": "Minutes",
+        "seconds": "Seconds",
+        "advanced": "Advanced"
+    },
+    "timewindow": {
+        "days": "{ days, plural, 1 { day } other {# days } }",
+        "hours": "{ hours, plural, 0 { hour } 1 {1 hour } other {# hours } }",
+        "minutes": "{ minutes, plural, 0 { minute } 1 {1 minute } other {# minutes } }",
+        "seconds": "{ seconds, plural, 0 { second } 1 {1 second } other {# seconds } }",
+        "realtime": "Realtime",
+        "history": "History",
+        "last-prefix": "last",
+        "period": "from {{ startTime }} to {{ endTime }}",
+        "edit": "Edit timewindow",
+        "date-range": "Date range",
+        "last": "Last",
+        "time-period": "Time period",
+        "hide": "Hide"
+    },
+    "user": {
+        "user": "User",
+        "users": "Users",
+        "customer-users": "Customer Users",
+        "tenant-admins": "Tenant Admins",
+        "sys-admin": "System administrator",
+        "tenant-admin": "Tenant administrator",
+        "customer": "Customer",
+        "anonymous": "Anonymous",
+        "add": "Add User",
+        "delete": "Delete user",
+        "add-user-text": "Add new user",
+        "no-users-text": "No users found",
+        "user-details": "User details",
+        "delete-user-title": "Are you sure you want to delete the user '{{userEmail}}'?",
+        "delete-user-text": "Be careful, after the confirmation the user and all related data will become unrecoverable.",
+        "delete-users-title": "Are you sure you want to delete { count, plural, 1 {1 user} other {# users} }?",
+        "delete-users-action-title": "Delete { count, plural, 1 {1 user} other {# users} }",
+        "delete-users-text": "Be careful, after the confirmation all selected users will be removed and all related data will become unrecoverable.",
+        "activation-email-sent-message": "Activation email was successfully sent!",
+        "resend-activation": "Resend activation",
+        "created-time": "Created time",
+        "email": "Email",
+        "email-required": "Email is required.",
+        "invalid-email-format": "Invalid email format.",
+        "first-name": "First Name",
+        "last-name": "Last Name",
+        "description": "Description",
+        "default-dashboard": "Default dashboard",
+        "always-fullscreen": "Always fullscreen",
+        "select-user": "Select user",
+        "no-users-matching": "No users matching '{{entity}}' were found.",
+        "user-required": "User is required",
+        "activation-method": "Activation method",
+        "display-activation-link": "Display activation link",
+        "send-activation-mail": "Send activation mail",
+        "activation-link": "User activation link",
+        "activation-link-text": "In order to activate user use the following <a href='{{activationLink}}' target='_blank'>activation link</a> :",
+        "copy-activation-link": "Copy activation link",
+        "activation-link-copied-message": "User activation link has been copied to clipboard",
+        "details": "Details",
+        "login-as-tenant-admin": "Login as Tenant Admin",
+        "login-as-customer-user": "Login as Customer User",
+        "search": "Search users",
+        "selected-users": "{ count, plural, 1 {1 user} other {# users} } selected",
+        "disable-account": "Disable User Account",
+        "enable-account": "Enable User Account",
+        "enable-account-message": "User account was successfully enabled!",
+        "disable-account-message": "User account was successfully disabled!"
+    },
+    "value": {
+        "type": "Value type",
+        "string": "String",
+        "string-value": "String value",
+        "string-value-required": "String value is required",
+        "integer": "Integer",
+        "integer-value": "Integer value",
+        "integer-value-required": "Integer value is required",
+        "invalid-integer-value": "Invalid integer value",
+        "double": "Double",
+        "double-value": "Double value",
+        "double-value-required": "Double value is required",
+        "boolean": "Boolean",
+        "boolean-value": "Boolean value",
+        "false": "False",
+        "true": "True",
+        "long": "Long"
+    },
+    "widget": {
+        "widget-library": "Widgets Library",
+        "widget-bundle": "Widgets Bundle",
+        "select-widgets-bundle": "Select widgets bundle",
+        "management": "Widget management",
+        "editor": "Widget Editor",
+        "widget-type-not-found": "Problem loading widget configuration.<br>Probably associated\n    widget type was removed.",
+        "widget-type-load-error": "Widget wasn't loaded due to the following errors:",
+        "remove": "Remove widget",
+        "edit": "Edit widget",
+        "remove-widget-title": "Are you sure you want to remove the widget '{{widgetTitle}}'?",
+        "remove-widget-text": "After the confirmation the widget and all related data will become unrecoverable.",
+        "timeseries": "Time series",
+        "search-data": "Search data",
+        "no-data-found": "No data found",
+        "latest-values": "Latest values",
+        "rpc": "Control widget",
+        "alarm": "Alarm widget",
+        "static": "Static widget",
+        "select-widget-type": "Select widget type",
+        "missing-widget-title-error": "Widget title must be specified!",
+        "widget-saved": "Widget saved",
+        "unable-to-save-widget-error": "Unable to save widget! Widget has errors!",
+        "save": "Save widget",
+        "saveAs": "Save widget as",
+        "save-widget-type-as": "Save widget type as",
+        "save-widget-type-as-text": "Please enter new widget title and/or select target widgets bundle",
+        "toggle-fullscreen": "Toggle fullscreen",
+        "run": "Run widget",
+        "title": "Widget title",
+        "title-required": "Widget title is required.",
+        "type": "Widget type",
+        "resources": "Resources",
+        "resource-url": "JavaScript/CSS URL",
+        "remove-resource": "Remove resource",
+        "add-resource": "Add resource",
+        "html": "HTML",
+        "tidy": "Tidy",
+        "css": "CSS",
+        "settings-schema": "Settings schema",
+        "datakey-settings-schema": "Data key settings schema",
+        "javascript": "Javascript",
+        "js": "JS",
+        "remove-widget-type-title": "Are you sure you want to remove the widget type '{{widgetName}}'?",
+        "remove-widget-type-text": "After the confirmation the widget type and all related data will become unrecoverable.",
+        "remove-widget-type": "Remove widget type",
+        "add-widget-type": "Add new widget type",
+        "widget-type-load-failed-error": "Failed to load widget type!",
+        "widget-template-load-failed-error": "Failed to load widget template!",
+        "add": "Add Widget",
+        "undo": "Undo widget changes",
+        "export": "Export widget"
+    },
+    "widget-action": {
+        "header-button": "Widget header button",
+        "open-dashboard-state": "Navigate to new dashboard state",
+        "update-dashboard-state": "Update current dashboard state",
+        "open-dashboard": "Navigate to other dashboard",
+        "custom": "Custom action",
+        "custom-pretty": "Custom action (with HTML template)",
+        "target-dashboard-state": "Target dashboard state",
+        "target-dashboard-state-required": "Target dashboard state is required",
+        "set-entity-from-widget": "Set entity from widget",
+        "target-dashboard": "Target dashboard",
+        "open-right-layout": "Open right dashboard layout (mobile view)"
+    },
+    "widgets-bundle": {
+        "current": "Current bundle",
+        "widgets-bundles": "Widgets Bundles",
+        "add": "Add Widgets Bundle",
+        "delete": "Delete widgets bundle",
+        "created-time": "Created time",
+        "title": "Title",
+        "title-required": "Title is required.",
+        "add-widgets-bundle-text": "Add new widgets bundle",
+        "no-widgets-bundles-text": "No widgets bundles found",
+        "empty": "Widgets bundle is empty",
+        "details": "Details",
+        "widgets-bundle-details": "Widgets bundle details",
+        "delete-widgets-bundle-title": "Are you sure you want to delete the widgets bundle '{{widgetsBundleTitle}}'?",
+        "delete-widgets-bundle-text": "Be careful, after the confirmation the widgets bundle and all related data will become unrecoverable.",
+        "delete-widgets-bundles-title": "Are you sure you want to delete { count, plural, 1 {1 widgets bundle} other {# widgets bundles} }?",
+        "delete-widgets-bundles-action-title": "Delete { count, plural, 1 {1 widgets bundle} other {# widgets bundles} }",
+        "delete-widgets-bundles-text": "Be careful, after the confirmation all selected widgets bundles will be removed and all related data will become unrecoverable.",
+        "no-widgets-bundles-matching": "No widgets bundles matching '{{widgetsBundle}}' were found.",
+        "widgets-bundle-required": "Widgets bundle is required.",
+        "system": "System",
+        "import": "Import widgets bundle",
+        "export": "Export widgets bundle",
+        "export-failed-error": "Unable to export widgets bundle: {{error}}",
+        "create-new-widgets-bundle": "Create new widgets bundle",
+        "widgets-bundle-file": "Widgets bundle file",
+        "invalid-widgets-bundle-file-error": "Unable to import widgets bundle: Invalid widgets bundle data structure.",
+        "search": "Search widget bundles",
+        "selected-widgets-bundles": "{ count, plural, 1 {1 widgets bundle} other {# widgets bundles} } selected",
+        "open-widgets-bundle": "Open widgets bundle"
+    },
+    "widget-config": {
+        "data": "Data",
+        "settings": "Settings",
+        "advanced": "Advanced",
+        "title": "Title",
+        "title-tooltip": "Title Tooltip",
+        "general-settings": "General settings",
+        "display-title": "Display title",
+        "drop-shadow": "Drop shadow",
+        "enable-fullscreen": "Enable fullscreen",
+        "background-color": "Background color",
+        "text-color": "Text color",
+        "padding": "Padding",
+        "margin": "Margin",
+        "widget-style": "Widget style",
+        "title-style": "Title style",
+        "mobile-mode-settings": "Mobile mode settings",
+        "order": "Order",
+        "height": "Height",
+        "units": "Special symbol to show next to value",
+        "decimals": "Number of digits after floating point",
+        "timewindow": "Timewindow",
+        "use-dashboard-timewindow": "Use dashboard timewindow",
+        "display-timewindow": "Display timewindow",
+        "display-legend": "Display legend",
+        "datasources": "Datasources",
+        "maximum-datasources": "Maximum { count, plural, 1 {1 datasource is allowed.} other {# datasources are allowed} }",
+        "datasource-type": "Type",
+        "datasource-parameters": "Parameters",
+        "remove-datasource": "Remove datasource",
+        "add-datasource": "Add datasource",
+        "target-device": "Target device",
+        "alarm-source": "Alarm source",
+        "actions": "Actions",
+        "action": "Action",
+        "add-action": "Add action",
+        "search-actions": "Search actions",
+        "no-actions-text": "No actions found",
+        "action-source": "Action source",
+        "action-source-required": "Action source is required.",
+        "action-name": "Name",
+        "action-name-required": "Action name is required.",
+        "action-name-not-unique": "Another action with the same name already exists.<br/>Action name should be unique within the same action source.",
+        "action-icon": "Icon",
+        "action-type": "Type",
+        "action-type-required": "Action type is required.",
+        "edit-action": "Edit action",
+        "delete-action": "Delete action",
+        "delete-action-title": "Delete widget action",
+        "delete-action-text": "Are you sure you want delete widget action with name '{{actionName}}'?",
+        "display-icon": "Display title icon",
+        "icon-color": "Icon color",
+        "icon-size": "Icon size"
+    },
+    "widget-type": {
+        "import": "Import widget type",
+        "export": "Export widget type",
+        "export-failed-error": "Unable to export widget type: {{error}}",
+        "create-new-widget-type": "Create new widget type",
+        "widget-type-file": "Widget type file",
+        "invalid-widget-type-file-error": "Unable to import widget type: Invalid widget type data structure."
+    },
+    "widgets": {
+        "date-range-navigator": {
+            "localizationMap": {
+                "Sun": "Sun",
+                "Mon": "Mon",
+                "Tue": "Tue",
+                "Wed": "Wed",
+                "Thu": "Thu",
+                "Fri": "Fri",
+                "Sat": "Sat",
+                "Jan": "Jan",
+                "Feb": "Feb",
+                "Mar": "Mar",
+                "Apr": "Apr",
+                "May": "May",
+                "Jun": "Jun",
+                "Jul": "Jul",
+                "Aug": "Aug",
+                "Sep": "Sep",
+                "Oct": "Oct",
+                "Nov": "Nov",
+                "Dec": "Dec",
+                "January": "January",
+                "February": "February",
+                "March": "March",
+                "April": "April",
+                "June": "June",
+                "July": "July",
+                "August": "August",
+                "September": "September",
+                "October": "October",
+                "November": "November",
+                "December": "December",
+                "Custom Date Range": "Custom Date Range",
+                "Date Range Template": "Date Range Template",
+                "Today": "Today",
+                "Yesterday": "Yesterday",
+                "This Week": "This Week",
+                "Last Week": "Last Week",
+                "This Month": "This Month",
+                "Last Month": "Last Month",
+                "Year": "Year",
+                "This Year": "This Year",
+                "Last Year": "Last Year",
+                "Date picker": "Date picker",
+                "Hour": "Hour",
+                "Day": "Day",
+                "Week": "Week",
+                "2 weeks": "2 Weeks",
+                "Month": "Month",
+                "3 months": "3 Months",
+                "6 months": "6 Months",
+                "Custom interval": "Custom interval",
+                "Interval": "Interval",
+                "Step size": "Step size",
+                "Ok": "Ok"
+            }
+        },
+        "input-widgets": {
+            "attribute-not-allowed": "Attribute parameter cannot be used in this widget",
+            "blocked-location": "Geolocation is blocked in your browser",
+            "claim-device": "Claim device",
+            "claim-failed": "Failed to claim the device!",
+            "claim-not-found": "Device not found!",
+            "claim-successful": "Device was successfully claimed!",
+            "date": "Date",
+            "device-name": "Device name",
+            "device-name-required": "Device name is required",
+            "discard-changes": "Discard changes",
+            "entity-attribute-required": "Entity attribute is required",
+            "entity-coordinate-required": "Both fields, latitude and longitude, are required",
+            "entity-timeseries-required": "Entity timeseries is required",
+            "get-location": "Get current location",
+            "latitude": "Latitude",
+            "longitude": "Longitude",
+            "not-allowed-entity": "Selected entity cannot have shared attributes",
+            "no-attribute-selected": "No attribute is selected",
+            "no-datakey-selected": "No datakey is selected",
+            "no-coordinate-specified": "Datakey for latitude/longitude doesn't specified",
+            "no-entity-selected": "No entity selected",
+            "no-image": "No image",
+            "no-support-geolocation": "Your browser doesn't support geolocation",
+            "no-support-web-camera": "No supported web camera",
+            "no-timeseries-selected": "No timeseries selected",
+            "secret-key": "Secret key",
+            "secret-key-required": "Secret key is required",
+            "switch-attribute-value": "Switch entity attribute value",
+            "switch-camera": "Switch camera",
+            "switch-timeseries-value": "Switch entity timeseries value",
+            "take-photo": "Take photo",
+            "time": "Time",
+            "timeseries-not-allowed": "Timeseries parameter cannot be used in this widget",
+            "update-failed": "Update failed",
+            "update-successful": "Update successful",
+            "update-attribute": "Update attribute",
+            "update-timeseries": "Update timeseries",
+            "value": "Value"
+        }
+    },
+    "icon": {
+        "icon": "Icon",
+        "select-icon": "Select icon",
+        "material-icons": "Material icons",
+        "show-all": "Show all icons"
+    },
+    "custom": {
+        "widget-action": {
+            "action-cell-button": "Action cell button",
+            "row-click": "On row click",
+            "polygon-click": "On polygon click",
+            "marker-click": "On marker click",
+            "tooltip-tag-action": "Tooltip tag action",
+            "node-selected": "On node selected",
+            "element-click": "On HTML element click",
+            "pie-slice-click": "On slice click",
+            "row-double-click": "On row double click"
+        }
+    },
+    "language": {
+        "language": "Language",
+        "locales": {
+            "de_DE": "Deutsch",
+            "fr_FR": "Français",
+            "zh_CN": "简体中文",
+            "zh_TW": "繁體中文",
+            "en_US": "English",
+            "it_IT": "Italiano",
+            "ko_KR": "한글",
+            "ru_RU": "Русский",
+            "es_ES": "Español",
+            "ja_JA": "日本語",
+            "tr_TR": "Türkçe",
+            "fa_IR": "فارسي",
+            "uk_UA": "Українська",
+            "cs_CZ": "Česky",
+            "el_GR": "Ελληνικά",
+            "ro_RO": "Română",
+            "lv_LV": "Latviešu"
+        }
+    }
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-es_ES.json b/ui-ngx/src/assets/locale/locale.constant-es_ES.json
new file mode 100644
index 0000000000..864aec9786
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-es_ES.json
@@ -0,0 +1,1765 @@
+{
+    "access": {
+        "unauthorized": "No autorizado",
+        "unauthorized-access": "Acceso no autorizado",
+        "unauthorized-access-text": "¡Debe registrarse para tener acceso a este recurso!",
+        "access-forbidden": "Acceso Prohibido",
+        "access-forbidden-text": "No tiene permisos para acceder a esta ubicación!<br/>Intente registrarse con otro usuario si aún desea acceder a esta ubicación.",
+        "refresh-token-expired": "La sesión ha expirado",
+        "refresh-token-failed": "No se puede actualizar la sesión"
+    },
+    "action": {
+        "activate": "Activar",
+        "suspend": "Suspender",
+        "save": "Guardar",
+        "saveAs": "Guardar como",
+        "cancel": "Cancelar",
+        "ok": "Aceptar",
+        "delete": "Eliminar",
+        "add": "Agregar",
+        "yes": "Si",
+        "no": "No",
+        "update": "Actualizar",
+        "remove": "Eliminar",
+        "search": "Buscar",
+        "clear-search": "Borrar búsqueda",
+        "assign": "Asignar",
+        "unassign": "Anular asignación",
+        "share": "Compartir",
+        "make-private": "Hacer privado",
+        "apply": "Aplicar",
+        "apply-changes": "Aplicar cambios",
+        "edit-mode": "Modo edición",
+        "enter-edit-mode": "Entrar en modo edición",
+        "decline-changes": "Descartar cambios",
+        "close": "Cerrar",
+        "back": "Atrás",
+        "run": "Ejecutar",
+        "sign-in": "¡Registrarse!",
+        "edit": "Editar",
+        "view": "Ver",
+        "create": "Crear",
+        "drag": "Arrastrar",
+        "refresh": "Actualizar",
+        "undo": "Deshacer",
+        "copy": "Copiar",
+        "paste": "Pegar",
+        "copy-reference": "Copiar referencia",
+        "paste-reference": "Pegar referencia",
+        "import": "Importar",
+        "export": "Exportar",
+        "share-via": "Compartir vía {{provider}}",
+        "discard-changes": "Cancelar los cambios",
+        "continue": "Continuar"
+    },
+    "aggregation": {
+        "aggregation": "Agregación",
+        "function": "Función de agregación de datos",
+        "limit": "Valores máximos",
+        "group-interval": "Intervalo de agrupamiento",
+        "min": "Min",
+        "max": "Max",
+        "avg": "Promedio",
+        "sum": "Suma",
+        "count": "Contar",
+        "none": "Ninguno"
+    },
+    "admin": {
+        "general": "General",
+        "general-settings": "Configuración general",
+        "outgoing-mail": "Servidor de correo",
+        "outgoing-mail-settings": "Configuración del servidor de correo de salida",
+        "system-settings": "Configuración del sistema",
+        "test-mail-sent": "¡El correo de prueba fue enviado correctamente!",
+        "base-url": "URL base",
+        "base-url-required": "URL base es requerida.",
+        "mail-from": "Correo desde",
+        "mail-from-required": "Correo desde es requerido.",
+        "smtp-protocol": "Protocolo SMTP",
+        "smtp-host": "Host SMTP",
+        "smtp-host-required": "Host SMTP es requerido.",
+        "smtp-port": "Puerto SMTP",
+        "smtp-port-required": "Debe suministrar un puerto SMTP",
+        "smtp-port-invalid": "Eso no parece un puerto SMTP válido.",
+        "timeout-msec": "Tiempo de espera (ms)",
+        "timeout-required": "Tiempo de espera es requerido.",
+        "timeout-invalid": "Eso no parece un tiempo de espera válido.",
+        "enable-tls": "Habilitar TLS",
+        "tls-version": "Versión TLS",
+        "send-test-mail": "Enviar correo de prueba",
+        "password-policy": "Política de contraseñas",
+        "security-settings": "Configuraciones de seguridad",
+        "minimum-password-length": "Longitud mínima de contraseña",
+        "minimum-password-length-required": "Se requiere una longitud mínima de contraseña",
+        "minimum-password-length-range": "La longitud mínima de la contraseña debe estar en un rango de 5 a 50",
+        "minimum-uppercase-letters": "Número mínimo de letras mayúsculas",
+        "minimum-uppercase-letters-range": "El número mínimo de letras mayúsculas no puede ser negativo",
+        "minimum-lowercase-letters": "Número mínimo de letras minúsculas",
+        "minimum-lowercase-letters-range": "El número mínimo de letras minúsculas no puede ser negativo",
+        "minimum-digits": "Número mínimo de dígitos",
+        "minimum-digits-range": "El número mínimo de dígitos no puede ser negativo",
+        "minimum-special-characters": "Número mínimo de caracteres especiales.",
+        "minimum-special-characters-range": "El número mínimo de caracteres especiales no puede ser negativo.",
+        "password-expiration-period-days": "Periodo de caducidad de contraseña en días",
+        "password-expiration-period-days-range": "El período de caducidad de la contraseña en días no puede ser negativo",
+        "password-reuse-frequency-days": "Frecuencia de reutilización de contraseña en días",
+        "password-reuse-frequency-days-range": "La frecuencia de reutilización de contraseña en días no puede ser negativa",
+        "general-policy": "Política general",
+        "max-failed-login-attempts": "Número máximo de intentos fallidos de inicio de sesión, antes de que la cuenta esté bloqueada",
+        "minimum-max-failed-login-attempts-range": "El número máximo de intentos fallidos de inicio de sesión no puede ser negativo",
+        "user-lockout-notification-email": "En caso de bloqueo de la cuenta del usuario, envíe una notificación por correo electrónico"
+    },
+    "alarm": {
+        "alarm": "Alarma",
+        "alarms": "Alarmas",
+        "select-alarm": "Seleccionar alarma",
+        "no-alarms-matching": "Alarmas que coincidan con '{{entity}}' no fueron encontradas.",
+        "alarm-required": "Alarma es requerida",
+        "alarm-status": "Estado de la alarma",
+        "search-status": {
+            "ANY": "Todas",
+            "ACTIVE": "Activas",
+            "CLEARED": "Borradas",
+            "ACK": "Reconocidas",
+            "UNACK": "Ignoradas"
+        },
+        "display-status": {
+            "ACTIVE_UNACK": "Activa ignorada",
+            "ACTIVE_ACK": "Activa reconocida",
+            "CLEARED_UNACK": "Borrada ignorada",
+            "CLEARED_ACK": "Borrada reconocida"
+        },
+        "no-alarms-prompt": "No se encontraron alarmas",
+        "created-time": "Tiempo de creación",
+        "type": "Tipo",
+        "severity": "Criticidad",
+        "originator": "Origen",
+        "originator-type": "Tipo de origen",
+        "details": "Detalles",
+        "status": "Estado",
+        "alarm-details": "Detalles de la alarma",
+        "start-time": "Tiempo de inicio",
+        "end-time": "Tiempo de finalización",
+        "ack-time": "Tiempo de reconocimiento",
+        "clear-time": "Tiempo de borrado",
+        "severity-critical": "Crítica",
+        "severity-major": "Alta",
+        "severity-minor": "Baja",
+        "severity-warning": "Alerta",
+        "severity-indeterminate": "Indeterminada",
+        "acknowledge": "Reconocer",
+        "clear": "Borrar",
+        "search": "buscar alarmas",
+        "selected-alarms": "{ count, plural, 1 {1 alarma} other {# alarmas} } seleccionadas",
+        "no-data": "No hay datos para mostrar",
+        "polling-interval": "Intervalo de sondeo de alarmas (seg)",
+        "polling-interval-required": "Intervalo de sondeo de alarmas es requerido.",
+        "min-polling-interval-message": "Se permite al menos 1 segundo de intervalo de sondeo.",
+        "aknowledge-alarms-title": "Reconocer { count, plural, 1 {1 alarma} other {# alarmas} }",
+        "aknowledge-alarms-text": "¿Está seguro de que desea reconocer { count, plural, 1 {1 alarma} other {# alarmas} }?",
+        "aknowledge-alarm-title": "Reconocer alarma",
+        "aknowledge-alarm-text": "¿Está seguro que quiere reconocer la alarma?",
+        "clear-alarms-title": "Quitar { count, plural, 1 {1 alarma} other {# alarmas} }",
+        "clear-alarms-text": "¿Está seguro de que desea quitar { count, plural, 1 {1 alarma} other {# alarmas} }?",
+        "clear-alarm-title": "Quitar alarma",
+        "clear-alarm-text": "¿Está seguro que quiere quitar la alarma?",
+        "alarm-status-filter": "Filtro de estado de alarma"
+    },
+    "alias": {
+        "add": "Agregar alias",
+        "edit": "Editar alias",
+        "name": "Nombre de alias",
+        "name-required": "Nombre de alias es requerido",
+        "duplicate-alias": "Ya existe un alias con el mismo nombre.",
+        "filter-type-single-entity": "Entidad única",
+        "filter-type-entity-list": "Lista de entidades",
+        "filter-type-entity-name": "Nombre de entidad",
+        "filter-type-state-entity": "Entidad del panel de estados",
+        "filter-type-state-entity-description": "Entidad tomada desde los parámetros del panel de estados",
+        "filter-type-asset-type": "Tipo de activo",
+        "filter-type-asset-type-description": "Activos de tipo '{{assetType}}'",
+        "filter-type-asset-type-and-name-description": "Activos del tipo '{{assetType}}' y su nombre empieza con '{{prefix}}'",
+        "filter-type-device-type": "Tipo de dispositivo",
+        "filter-type-device-type-description": "Dispositivos de tipo '{{deviceType}}'",
+        "filter-type-device-type-and-name-description": "Dispositivos del tipo '{{deviceType}}' y  su nombre empieza con '{{prefix}}'",
+        "filter-type-entity-view-type": "Tipo de vista de entidad",
+        "filter-type-entity-view-type-description": "Vista de entidad del tipo '{{entityView}}'",
+        "filter-type-entity-view-type-and-name-description": "Las vista de entidad del tipo '{{entityView}}' y cuyo nombre comienza con '{{prefix}}'",
+        "filter-type-relations-query": "Consulta de relaciones",
+        "filter-type-relations-query-description": "{{entities}} que tienen {{relationType}} relación {{direction}} {{rootEntity}}",
+        "filter-type-asset-search-query": "Consultar búsqueda de activos",
+        "filter-type-asset-search-query-description": "Activos con tipos {{assetTypes}} que tienen {{relationType}} relación {{direction}} {{rootEntity}}",
+        "filter-type-device-search-query": "Consultar búqueda de dispositivos",
+        "filter-type-device-search-query-description": "Dispositivos con tipos {{deviceTypes}} que tienen {{relationType}} relación {{direction}} {{rootEntity}}",
+        "filter-type-entity-view-search-query": "Consultar vista de entidad",
+        "filter-type-entity-view-search-query-description": "Las vista de entidad de tipo {{entityViewTypes}} que tienen {{relationType}} relación {{direction}} {{rootEntity}}",
+        "entity-filter": "Filtro de entidad",
+        "resolve-multiple": "Resolver como entidades múltiples",
+        "filter-type": "Tipo de filtro",
+        "filter-type-required": "Tipo de filtro es requerido.",
+        "entity-filter-no-entity-matched": "No se encontraron entidades que coincidan con el filtro especificado.",
+        "no-entity-filter-specified": "No se especificó el filtro de entidad",
+        "root-state-entity": "Utilizar la entidad del panel de estados como raíz",
+        "root-entity": "Entidad raíz",
+        "state-entity-parameter-name": "Nombre de parámetro de entidad de estado",
+        "default-state-entity": "Entidad de estado predeterminada",
+        "default-entity-parameter-name": "Por defecto",
+        "max-relation-level": "Nivel máximo de relación",
+        "unlimited-level": "Nivel ilimitado",
+        "state-entity": "Entidad del panel de estados",
+        "all-entities": "Todas las entidades",
+        "any-relation": "alguna"
+    },
+    "asset": {
+        "asset": "Activo",
+        "assets": "Activos",
+        "management": "Gestión de activos",
+        "view-assets": "Ver activos",
+        "add": "Agregar activo",
+        "assign-to-customer": "Asignar al cliente",
+        "assign-asset-to-customer": "Asignar activo(s) al cliente",
+        "assign-asset-to-customer-text": "Por favor, seleccione los activos para asignar al cliente",
+        "no-assets-text": "No se encontraron activos",
+        "assign-to-customer-text": "Por favor, seleccione el cliente para asignar el(los) activo(s)",
+        "public": "Público",
+        "assignedToCustomer": "Asignado al cliente",
+        "make-public": "Hacer público el activo",
+        "make-private": "Hacer privado el activo",
+        "unassign-from-customer": "Anular asignación del cliente",
+        "delete": "Eliminar activo",
+        "asset-public": "El activo es público",
+        "asset-type": "Tipo de activo",
+        "asset-type-required": "El tipo de activo es requerido.",
+        "select-asset-type": "Seleccionar tipo de activo",
+        "enter-asset-type": "Introduzca el tipo de activo",
+        "any-asset": "Algún activo",
+        "no-asset-types-matching": "No se encontraron tipos de activos que coincidan con '{{entitySubtype}}'.",
+        "asset-type-list-empty": "No se seleccionaron tipos de activos.",
+        "asset-types": "Tipos de activos",
+        "name": "Nombre",
+        "name-required": "El nombre es requerido.",
+        "description": "Descripción",
+        "type": "Tipo",
+        "type-required": "El tipo es requerido.",
+        "details": "Detalles",
+        "events": "Eventos",
+        "add-asset-text": "Agregar nuevo activo",
+        "asset-details": "Detalles del activo",
+        "assign-assets": "Asignar activos",
+        "assign-assets-text": "Asignar { count, plural, 1 {1 activo} other {# activos} } al cliente",
+        "delete-assets": "Eliminar activos",
+        "unassign-assets": "Anular asignación de activos",
+        "unassign-assets-action-title": "Anular asignación { count, plural, 1 {1 activo} other {# activos} } del cliente",
+        "assign-new-asset": "Asignar nuevo activo",
+        "delete-asset-title": "¿Está seguro de que desea eliminar el activo '{{assetName}}'?",
+        "delete-asset-text": "¡Cuidado! Después de la confirmación, el activo y todos los datos relacionados serán irrecuperables.",
+        "delete-assets-title": "¿Está seguro de que desea eliminar { count, plural, 1 {1 activos} other {# activos} }?",
+        "delete-assets-action-title": "Eliminar { count, plural, 1 {1 activo} other {# activos} }",
+        "delete-assets-text": "¡Cuidado! Después de la confirmación se eliminarán todos los activos seleccionados y todos los datos relacionados serán irrecuperables.",
+        "make-public-asset-title": "¿Está seguro de que desea que el activo '{{assetName}}' sea público?",
+        "make-public-asset-text": "Después de la confirmación, el activo y todos sus datos se harán públicos y accesibles por otros.",
+        "make-private-asset-title": "¿Está seguro de que desea que el activo '{{assetName}}' sea privado?",
+        "make-private-asset-text": "Después de la confirmación, el activo y todos sus datos se harán privados y no serán accesibles para otros",
+        "unassign-asset-title": "¿Está seguro de que desea anular asignación del activo '{{assetName}}'?",
+        "unassign-asset-text": "Después de la confirmación, se anulará asignación del activo y no será accesible por el cliente.",
+        "unassign-asset": "Anular asignación activo",
+        "unassign-assets-title": "¿Está seguro de que desea anular asignación { count, plural, 1 {1 activo} other {# activos} }?",
+        "unassign-assets-text": "Después de la confirmación, se anulará asignación de todos los activos seleccionados y no serán accesibles por el cliente",
+        "copyId": "Copiar ID del activo",
+        "idCopiedMessage": "ID del activo has sido copiada al portapapeles",
+        "select-asset": "Seleccionar activo",
+        "no-assets-matching": "No se encontraron activos que coincidan con '{{entity}}'.",
+        "asset-required": "El activo es requerido",
+        "name-starts-with": "El nombre del activo comienza con",
+        "import": "Importar activos",
+        "asset-file": "Archivo del activo",
+        "label": "Etiqueta"
+    },
+    "attribute": {
+        "attributes": "Atributos",
+        "latest-telemetry": "Última telemetría",
+        "attributes-scope": "Alcance de los atributos de la entidad",
+        "scope-latest-telemetry": "Última telemetría",
+        "scope-client": "Atributos del cliente",
+        "scope-server": "Atributos del servidor",
+        "scope-shared": "Atributos compartidos",
+        "add": "Agregar atributos",
+        "key": "Clave",
+        "last-update-time": "Hora de la última actualización",
+        "key-required": "La clave del aributo es requerida.",
+        "value": "Valor",
+        "value-required": "Valor del atributo es requerido.",
+        "delete-attributes-title": "¿Está seguro de que desea eliminar { count, plural, 1 {1 atributo} other {# atributos} }?",
+        "delete-attributes-text": "¡Cuidado! Después de la confirmación, se eliminarán todos los atributos seleccionados.",
+        "delete-attributes": "Eliminar atributos",
+        "enter-attribute-value": "Introduzca el valor del atributo",
+        "show-on-widget": "Mostrar en widget",
+        "widget-mode": "Modo widget",
+        "next-widget": "Widget siguiente",
+        "prev-widget": "Widget previo",
+        "add-to-dashboard": "Agregar al panel",
+        "add-widget-to-dashboard": "Agregar widget al panel",
+        "selected-attributes": "{ count, plural, 1 {1 atributo} other {# atributos} } seleccionados",
+        "selected-telemetry": "{ count, plural, 1 {1 telemetry unit} other {# telemetry units} } seleccionadas"
+    },
+    "audit-log": {
+        "audit": "Auditoría",
+        "audit-logs": "Registros de auditoría",
+        "timestamp": "Marca de tiempo",
+        "entity-type": "Tipo de entidad",
+        "entity-name": "Nombre de entidad",
+        "user": "Usuario",
+        "type": "Tipo",
+        "status": "Estado",
+        "details": "Detalles",
+        "type-added": "Agregado",
+        "type-deleted": "Eliminado",
+        "type-updated": "Actualizado",
+        "type-attributes-updated": "Atributos actualizados",
+        "type-attributes-deleted": "Atributos eliminados",
+        "type-rpc-call": "Llamada RPC",
+        "type-credentials-updated": "Credenciales actualizadas",
+        "type-assigned-to-customer": "Asignado al cliente",
+        "type-unassigned-from-customer": "Asignación anulada del cliente",
+        "type-activated": "Activado",
+        "type-suspended": "Suspendido",
+        "type-credentials-read": "Credenciales leídas",
+        "type-attributes-read": "Atributos leídos",
+        "type-relation-add-or-update": "Relación actualizada",
+        "type-relation-delete": "Relación eliminada",
+        "type-relations-delete": "Toda relación eliminada",
+        "type-alarm-ack": "Reconocida",
+        "type-alarm-clear": "Borrada",
+        "type-login": "Inicio de sesión",
+        "type-logout": "Cierre de sesión",
+        "type-lockout": "Cierre patronal",
+        "status-success": "Correcto",
+        "status-failure": "Erróneo",
+        "audit-log-details": "Detalle del registro de auditoría",
+        "no-audit-logs-prompt": "No se encontraron registros",
+        "action-data": "Datos de acción",
+        "failure-details": "Detalles del error",
+        "search": "Buscar registros de auditoría",
+        "clear-search": "Borrar búsqueda"
+    },
+    "confirm-on-exit": {
+        "message": "Tiene cambios sin guardar. ¿Está seguro de que desea salir de esta página?",
+        "html-message": "Tiene cambios sin guardar.<br/>¿Está seguro de que desea salir de esta página?",
+        "title": "Cambios sin guardar"
+    },
+    "contact": {
+        "country": "País",
+        "city": "Ciudad",
+        "state": "Estado / Provincia",
+        "postal-code": "Código Postal",
+        "postal-code-invalid": "Formato de código postal inválido.",
+        "address": "Dirección",
+        "address2": "Dirección 2",
+        "phone": "Teléfono",
+        "email": "Correo Electrónico",
+        "no-address": "Sin dirección"
+    },
+    "common": {
+        "username": "Nombre de usuario",
+        "password": "Contraseña",
+        "enter-username": "Introduzca nombre de usuario",
+        "enter-password": "Introduzca contraseña",
+        "enter-search": "Introduzca búsqueda"
+    },
+    "content-type": {
+        "json": "Json",
+        "text": "Texto",
+        "binary": "Binario (Base64)"
+    },
+    "customer": {
+        "customer": "Cliente",
+        "customers": "Clientes",
+        "management": "Gestión del cliente",
+        "dashboard": "Panel del cliente",
+        "dashboards": "Paneles del cliente",
+        "devices": "Dispositivos del cliente",
+        "entity-views": "Vistas de entidad del cliente",
+        "assets": "Activos del Cliente",
+        "public-dashboards": "Paneles públicos",
+        "public-devices": "Dispositivos públicos",
+        "public-assets": "Activos públicos",
+        "public-entity-views": "Vista de entidad públicas",
+        "add": "Agregar cliente",
+        "delete": "Eliminar cliente",
+        "manage-customer-users": "Gestionar usuarios del cliente",
+        "manage-customer-devices": "Gestionar dispositivos del cliente",
+        "manage-customer-dashboards": "Gestionar paneles del cliente",
+        "manage-public-devices": "Gestionar dispositivos públicos",
+        "manage-public-dashboards": "Gestionar paneles públicos",
+        "manage-customer-assets": "Gestionar activos del cliente",
+        "manage-public-assets": "Gestionar activos públicos",
+        "add-customer-text": "Agregar nuevo cliente",
+        "no-customers-text": "No se encontraron clientes",
+        "customer-details": "Detalles del cliente",
+        "delete-customer-title": "¿Está seguro de que desea eliminar al cliente '{{customerTitle}}'?",
+        "delete-customer-text": "¡Cuidado! Después de la confirmación, el cliente y todos los datos relacionados serán irrecuperables.",
+        "delete-customers-title": "¿Está seguro de que desea eliminar { count, plural, 1 {1 cliente} other {# clientes} }?",
+        "delete-customers-action-title": "Eliminar { count, plural, 1 {1 cliente} other {# clientes} }",
+        "delete-customers-text": "¡Cuidado! Después de la confirmación, todos los clientes seleccionados serán eliminados y todos los datos relacionados serán irrecuperables.",
+        "manage-users": "Gestionar usuarios",
+        "manage-assets": "Gestionar activos",
+        "manage-devices": "Gestionar dispositivos",
+        "manage-dashboards": "Gestionar paneles",
+        "title": "Título",
+        "title-required": "El título es requerido.",
+        "description": "Descripción",
+        "details": "Detalles",
+        "events": "Eventos",
+        "copyId": "Copiar ID del cliente",
+        "idCopiedMessage": "ID del cliente ha sido copiada al portapapeles",
+        "select-customer": "Seleccionar cliente",
+        "no-customers-matching": "No se encontraron clientes que coincidan con '{{entity}}'.",
+        "customer-required": "El cliente es requerido",
+        "select-default-customer": "Seleccionar cliente predeterminado",
+        "default-customer": "Cliente predeterminado",
+        "default-customer-required": "Cliente predeterminado es requerido para depurar el panel en el nivel Organización"
+    },
+    "datetime": {
+        "date-from": "Fecha desde",
+        "time-from": "Tiempo desde",
+        "date-to": "Fecha hasta",
+        "time-to": "Tiempo hasta"
+    },
+    "dashboard": {
+        "dashboard": "Panel",
+        "dashboards": "Paneles",
+        "management": "Gestión del panel",
+        "view-dashboards": "Ver panel",
+        "add": "Agregar paneles",
+        "assign-dashboard-to-customer": "Asignar panel(es) al cliente",
+        "assign-dashboard-to-customer-text": "Por favor selecciona los paneles para asignar al cliente",
+        "assign-to-customer-text": "Por favor selecciona el cliente para asignar el(los) panel(es)",
+        "assign-to-customer": "Asignar al cliente",
+        "unassign-from-customer": "Anular asignación del cliente",
+        "make-public": "Hacer panel público",
+        "make-private": "Hacer panel privado",
+        "manage-assigned-customers": "Gestionar clientes asignados",
+        "assigned-customers": "Clientes asignados",
+        "assign-to-customers": "Asignar panel(es) al(los) cliente(s)",
+        "assign-to-customers-text": "Por favor seleccionar los clientes para asignar el(los) panel(es)",
+        "unassign-from-customers": "Anular asignación del(de los) panel(es) de los clientes",
+        "unassign-from-customers-text": "Por favor selecciona los clientes para anular asignación del(de los) panel(es)",
+        "no-dashboards-text": "No se encontraron paneles",
+        "no-widgets": "Sin widgets configurados",
+        "add-widget": "Agregar nuevo widget",
+        "title": "Título",
+        "select-widget-title": "Seleccionar widget",
+        "select-widget-subtitle": "Lista de tipos de widget disponibles",
+        "delete": "Eliminar panel",
+        "title-required": "El título es requerido.",
+        "description": "Descripción",
+        "details": "Detalles",
+        "dashboard-details": "Detalles del panel",
+        "add-dashboard-text": "Agregar nuevo panel",
+        "assign-dashboards": "Asignar paneles",
+        "assign-new-dashboard": "Asignar nuevo panel",
+        "assign-dashboards-text": "Asignar { count, plural, 1 {1 panel} other {# paneles} } a los clientes",
+        "unassign-dashboards-action-text": "Anular asignación { count, plural, 1 {1 dashboard} other {# dashboards} } de los clientes",
+        "delete-dashboards": "Eliminar paneles",
+        "unassign-dashboards": "Anular asignación de paneles",
+        "unassign-dashboards-action-title": "Anular asignación { count, plural, 1 {1 panel} other {# paneles} } del cliente",
+        "delete-dashboard-title": "¿Está seguro de que desea eliminar el panel '{{dashboardTitle}}'?",
+        "delete-dashboard-text": "¡Cuidado! Después de la confirmación, el panel y todos los datos relacionados serán irrecuperables.",
+        "delete-dashboards-title": "¿Está seguro de que desea eliminar { count, plural, 1 {1 dashboard} other {# dashboards} }?",
+        "delete-dashboards-action-title": "Eliminar { count, plural, 1 {1 dashboard} other {# dashboards} }",
+        "delete-dashboards-text": "¡Cuidado! Después de la confirmación, todos los paneles seleccionados serán eliminados y todos los datos relacionados serán irrecuperables.",
+        "unassign-dashboard-title": "¿Está seguro de que desea anular la asignación del panel '{{dashboardTitle}}'?",
+        "unassign-dashboard-text": "Después de la confirmación, se anulará la asignación del panel y no será accesible por el cliente.",
+        "unassign-dashboard": "Anular asignación del panel",
+        "unassign-dashboards-title": "¿Está seguro de que desea anular asignación { count, plural, 1 {1 panel} other {# paneles} }?",
+        "unassign-dashboards-text": "Después de la confirmación, se anulará la asignación de todos los paneles seleccionados y no serán accesibles por el cliente.",
+        "public-dashboard-title": "El panel es ahora público",
+        "public-dashboard-text": "Su panel <b>{{dashboardTitle}}</b> es ahora público y es accesible a través del siguiente enlace público <a href='{{publicLink}}' target='_blank'></a>:",
+        "public-dashboard-notice": "<b>Nota</b> No olvide hacer públicos los dispositivos relacionados para acceder a sus datos.",
+        "make-private-dashboard-title": "¿Está seguro de que desea hacer el panel '{{dashboardTitle}}' privado?",
+        "make-private-dashboard-text": "Después de la confirmación el panel se hará privado y no será accesible por otros.",
+        "make-private-dashboard": "Hacer el panel privado",
+        "socialshare-text": "'{{dashboardTitle}}' desarrollado por ThingsBoard.",
+        "socialshare-title": "'{{dashboardTitle}}' desarrollado por ThingsBoard",
+        "select-dashboard": "Seleccionar panel",
+        "no-dashboards-matching": "Paneles que coincidan con '{{entity}}' no fueron encontrados.",
+        "dashboard-required": "Panel es requerido.",
+        "select-existing": "Seleccionar panel existente",
+        "create-new": "Crear nuevo panel",
+        "new-dashboard-title": "Nuevo título de panel",
+        "open-dashboard": "Abrir panel",
+        "set-background": "Definir fondo",
+        "background-color": "Color de fondo",
+        "background-image": "Imagen de fondo",
+        "background-size-mode": "Modo de tamaño de fondo",
+        "no-image": "Ninguna imagen seleccionada",
+        "drop-image": "Colocar una imagen o hacer clic para seleccionar un archivo para cargar.",
+        "settings": "Configuración",
+        "columns-count": "Número de columnas",
+        "columns-count-required": "Número de columnas es requerido.",
+        "min-columns-count-message": "Solo está permitido 10 columnas como mínimo.",
+        "max-columns-count-message": "Sólo está permitido 1000 columnas como máximo.",
+        "widgets-margins": "Margen entre widgets",
+        "horizontal-margin": "Margen horizontal",
+        "horizontal-margin-required": "El valor del margen horizontal es requerido.",
+        "min-horizontal-margin-message": "Sólo está permitido el 0 como valor mínimo para el margen horizontal",
+        "max-horizontal-margin-message": "Sólo está permitido el 50 como valor máximo para el margen horizontal",
+        "vertical-margin": "Margen vertical",
+        "vertical-margin-required": "El valor del margen vertical es requerido.",
+        "min-vertical-margin-message": "Sólo está permitido el 0 como valor mínimo para el margen vertical.",
+        "max-vertical-margin-message": "Solo está permitido el 50 como valor máximo para el margen vertical",
+        "autofill-height": "Llenado automático de altura de diseño",
+        "mobile-layout": "Configuración de diseño para móvil",
+        "mobile-row-height": "Altura de fila para móvil, píxel",
+        "mobile-row-height-required": "Altura de fila para móvil es requerida.",
+        "min-mobile-row-height-message": "Sólo está permitido 5 píxeles como valor mínimo en la altura de fila para móvil.",
+        "max-mobile-row-height-message": "Sólo está permitido 200 píxeles como valor máximo en la altura de fila para móvil.",
+        "display-title": "Mostrar título del panel",
+        "toolbar-always-open": "Mantener la barra de herramientas abierta",
+        "title-color": "Color del título",
+        "display-dashboards-selection": "Mostrar selección del panel",
+        "display-entities-selection": "Mostrar selección de entidades",
+        "display-dashboard-timewindow": "Mostrar ventana de tiempo",
+        "display-dashboard-export": "Mostrar exportar",
+        "import": "Importar panel",
+        "export": "Exportar panel",
+        "export-failed-error": "No se puede exportar el panel: {{error}}",
+        "create-new-dashboard": "Crear nuevo panel",
+        "dashboard-file": "Archivo del panel",
+        "invalid-dashboard-file-error": "No se puede importar el panel: estructura de datos del panel no es válida.",
+        "dashboard-import-missing-aliases-title": "Configurar los alias utilizados por el panel importado",
+        "create-new-widget": "Crear nuevo widget",
+        "import-widget": "Importar widget",
+        "widget-file": "Archivo del widget",
+        "invalid-widget-file-error": "No se puede importar el widget: estructura de datos del widger no es válida.",
+        "widget-import-missing-aliases-title": "Configurar los alias utilizados por el widget importado",
+        "open-toolbar": "Abrir barra de herramientas del panel",
+        "close-toolbar": "Cerrar barra de herramientas",
+        "configuration-error": "Error de configuración",
+        "alias-resolution-error-title": "Error de configuración de los alias del panel",
+        "invalid-aliases-config": "No se puede encontrar algún dispositivo que coincida con algunos alias del filtro.<br/>Por favor, contacte a su administrador para resolver este problema.",
+        "select-devices": "Seleccionar dispositivos",
+        "assignedToCustomer": "Asignado al cliente",
+        "assignedToCustomers": "Asignado a los clientes",
+        "public": "Público",
+        "public-link": "Enlace público",
+        "copy-public-link": "Copiar enlace público",
+        "public-link-copied-message": "El enlace público del panel ha sido copiado al portapapeles",
+        "manage-states": "Gestionar estados del panel",
+        "states": "Estados del panel",
+        "search-states": "Buscar estados del panel",
+        "selected-states": "{ count, plural, 1 {1 estado del panel } other {# estados del panel } } seleccionados",
+        "edit-state": "Editar estado del panel",
+        "delete-state": "Eliminar estado del panel",
+        "add-state": "Agregar estado del panel",
+        "state": "Estado del panel",
+        "state-name": "Nombre",
+        "state-name-required": "El nombre del estado del panel es requerido.",
+        "state-id": "ID del estado",
+        "state-id-required": "ID del estado del panel es requerida.",
+        "state-id-exists": "Ya existe el estado del panel con el mismo ID.",
+        "is-root-state": "Estado raíz",
+        "delete-state-title": "Eliminar estado del panel",
+        "delete-state-text": "¿Está seguro de que desea eliminar el estado del panel con el nombre '{{stateName}}'?",
+        "show-details": "Mostrar detalles",
+        "hide-details": "Ocultar detalles",
+        "select-state": "Seleccionar estado objetivo",
+        "state-controller": "Estado del controlador"
+    },
+    "datakey": {
+        "settings": "Configuración",
+        "advanced": "Avanzado",
+        "label": "Etiqueta",
+        "color": "Color",
+        "units": "Símbolo especial para mostrar al lado del valor",
+        "decimals": "Número de dígitos después del punto flotante",
+        "data-generation-func": "Función de generación de datos",
+        "use-data-post-processing-func": "Usar la función de post-procesamiento de datos",
+        "configuration": "Configuración de clave de datos",
+        "timeseries": "Series temporales",
+        "attributes": "Atributos",
+        "alarm": "Campos de alarma",
+        "timeseries-required": "Series temporales de la entidad son requeridas",
+        "timeseries-or-attributes-required": "Series temporales/atributos de la entidad son requeridos.",
+        "maximum-timeseries-or-attributes": "Máximo { count, plural, 1 {1 serie temporal/atributo permitido.} other {# series temporales/atributos permitidos} }",
+        "alarm-fields-required": "Campos de alarma son requeridos.",
+        "function-types": "Tipos de funciones",
+        "function-types-required": "Tipos de funciones son requeridos.",
+        "maximum-function-types": "Máximo { count, plural, 1 {1 function type is allowed.} other {# function types are allowed} }",
+        "time-description": "marca de tiempo del valor actual;",
+        "value-description": "el valor actual;",
+        "prev-value-description": "resultado de la llamada a la función anterior;",
+        "time-prev-description": "marca de tiempo del valor anterior;",
+        "prev-orig-value-description": "valor anterior original;"
+    },
+    "datasource": {
+        "type": "Tipo de fuente de datos",
+        "name": "Nombre",
+        "add-datasource-prompt": "Por favor agregue fuente de datos"
+    },
+    "details": {
+        "edit-mode": "Modo de edición",
+        "toggle-edit-mode": "Cambiar modo de edición"
+    },
+    "device": {
+        "device": "Dispositivo",
+        "device-required": "Dispositivo es requerido.",
+        "devices": "Dispositivos",
+        "management": "Gestión del dispositivo",
+        "view-devices": "Ver dispositivos",
+        "device-alias": "Alias del dispositivo",
+        "aliases": "Alias de los dispositivos",
+        "no-alias-matching": "'{{alias}}' no encontrado.",
+        "no-aliases-found": "No se encontraron alias.",
+        "no-key-matching": "'{{key}}' no encontrado.",
+        "no-keys-found": "Claves no encontradas.",
+        "create-new-alias": "¡Crear uno nuevo!",
+        "create-new-key": "¡Crear una nueva!",
+        "duplicate-alias-error": "Alias duplicado encontrado '{{alias}}'.<br>Los alias del dispositivo deben ser únicos dentro del panel.",
+        "configure-alias": "Configurar '{{alias}}' alias",
+        "no-devices-matching": "Dispositivos que coincidan con '{{entity}}' no fueron encontrados.",
+        "alias": "Alias",
+        "alias-required": "Alias del dispositivo es requerido.",
+        "remove-alias": "Eliminar alias del dispositivo",
+        "add-alias": "Agregar alias del dispositivo",
+        "name-starts-with": "El nombre del dispositivo comienza con",
+        "device-list": "Lista de dispositivos",
+        "use-device-name-filter": "Utilizar filtro",
+        "device-list-empty": "Ningún dispositivo seleccionado.",
+        "device-name-filter-required": "Filtro de nombre de dispositivo es requerido.",
+        "device-name-filter-no-device-matched": "Dispositivos que comienzan con '{{device}}' no fueron encontrados.",
+        "add": "Agregar Dispositivo",
+        "assign-to-customer": "Asignar al cliente",
+        "assign-device-to-customer": "Asignar Dispositivo(s) Al Cliente",
+        "assign-device-to-customer-text": "Por favor selecciona los dispositivos para asignar al cliente",
+        "make-public": "Hacer público el dispositivo",
+        "make-private": "Hacer privado el dispositivo",
+        "no-devices-text": "No se encontraron dispositivos",
+        "assign-to-customer-text": "Por favor seleccionar el cliente para asignar el(los) dispositivo(s)",
+        "device-details": "Detalles del dispositivo",
+        "add-device-text": "Agregar nuevo dispositivo",
+        "credentials": "Credenciales",
+        "manage-credentials": "Gestionar credenciales",
+        "delete": "Eliminar dispositivo",
+        "assign-devices": "Asignar dispositivos",
+        "assign-devices-text": "Asignar { count, plural, 1 {1 dispositivo} other {# dispositivos} } al cliente",
+        "delete-devices": "Eliminar dispositivos",
+        "unassign-from-customer": "Anular asignación del cliente",
+        "unassign-devices": "Desasignar dispositivos",
+        "unassign-devices-action-title": "Anular asignación { count, plural, 1 {1 dispositivo} other {# dispositivos} } del cliente",
+        "assign-new-device": "Asignar nuevo dispositivo",
+        "make-public-device-title": "¿Está seguro de que desea hacer el dispositivo '{{deviceName}}' público?",
+        "make-public-device-text": "Después de la confirmación, el dispositivo y todos sus datos se harán públicos y accesibles por otros.",
+        "make-private-device-title": "¿Está seguro de que desea hacer el dispositivo '{{deviceName}}' privado?",
+        "make-private-device-text": "Después de la confirmación, el dispositivo y todos sus datos se harán privados y no serán accesibles para otros.",
+        "view-credentials": "Ver credenciales",
+        "delete-device-title": "¿Está seguro de que desea hacer el dispositivo '{{deviceName}}'?",
+        "delete-device-text": "¡Cuidado! Después de la confirmación, el dispositivo y todos sus datos relacionados serán irrecuperables.",
+        "delete-devices-title": "¿Está seguro de que desea eliminar { count, plural, 1 {1 dispositivo} other {# dispositivos} }?",
+        "delete-devices-action-title": "Eliminar { count, plural, 1 {1 dispositivo} other {# dispositivos} }",
+        "delete-devices-text": "¡Cuidado! Después de la confirmación, todos los dispositivos seleccionados serán eliminados y todos los datos relacionados serán irrecuperables.",
+        "unassign-device-title": "¿Está seguro de que desea anular la asignación del dispositivo '{{deviceName}}'?",
+        "unassign-device-text": "Después de la confirmación, se anulará asignación del dispositivo y no será accesible por el cliente.",
+        "unassign-device": "Desasignar dispositivo",
+        "unassign-devices-title": "¿Está seguro de que desea desasignar { count, plural, 1 {1 dispositivo } other {# dispositivos} }?",
+        "unassign-devices-text": "Después de la confirmación, se anulará asignación de todos los dispositivos seleccionados y no serán accesibles por el cliente.",
+        "device-credentials": "Credenciales del dispositivo",
+        "credentials-type": "Tipo de credenciales",
+        "access-token": "Token de acceso",
+        "access-token-required": "Token de acceso es requerido.",
+        "access-token-invalid": "La longitud del token de acceso debe ser de 1 a 20 caracteres.",
+        "rsa-key": "Clave pública RSA",
+        "rsa-key-required": "Clave pública RSA es requerida.",
+        "secret": "Secreto",
+        "secret-required": "Secreto es requerido.",
+        "device-type": "Tipo de dispositivo",
+        "device-type-required": "Tipo de dispositivo es requerido.",
+        "select-device-type": "Seleccionar tipo de dispositivo",
+        "enter-device-type": "Teclee tipo de dispositivo",
+        "any-device": "Algún dispositivo",
+        "no-device-types-matching": "Tipos de dispositivos que coincidan con '{{entitySubtype}}' no fueron encontrados.",
+        "device-type-list-empty": "No se seleccionaron tipos de dispositivos.",
+        "device-types": "Tipo de dispositivos",
+        "name": "Nombre",
+        "name-required": "El nombre es requerido.",
+        "label": "Etiqueta",
+        "description": "Descripción",
+        "events": "Eventos",
+        "details": "Detalles",
+        "copyId": "Copiar ID del dispositivo",
+        "copyAccessToken": "Copiar token de acceso",
+        "idCopiedMessage": "ID del dispositivo ha sido copiada al portapapeles",
+        "accessTokenCopiedMessage": "Token de acceso al dispositivo ha sido copiado al portapapeles",
+        "assignedToCustomer": "Asignado al cliente",
+        "unable-delete-device-alias-title": "No se puede eliminar el alias del dispositivo",
+        "unable-delete-device-alias-text": "El alias del dispositivo '{{deviceAlias}}' no puede ser eliminado porque es usado por los siguientes widget(s):<br/>{{widgetsList}}",
+        "is-gateway": "Es puerta de entrada",
+        "public": "Público",
+        "device-public": "El dispositivo es público",
+        "select-device": "Seleccionar dispositivo",
+        "device-file": "Archivo de dispositivo",
+        "import": "Importar dispositivo"
+    },
+    "dialog": {
+        "close": "Cerrar diálogo"
+    },
+    "direction": {
+        "column": "Columna",
+        "row": "Fila"
+    },
+    "error": {
+        "unable-to-connect": "¡No se puede conectar al servidor! Por favor, revise su conexión a Internet.",
+        "unhandled-error-code": "Código de error no controlado: {{errorCode}}",
+        "unknown-error": "Error desconocido"
+    },
+    "entity": {
+        "entity": "Entidad",
+        "entities": "Entidades",
+        "aliases": "Alias de las entidades",
+        "entity-alias": "Alias de la entidad",
+        "unable-delete-entity-alias-title": "No se puede borrar alias de la entidad",
+        "unable-delete-entity-alias-text": "Alias de la entidad '{{entityAlias}}' no se puede eliminar porque es usado por los siguientes widget(s):<br/>{{widgetsList}}",
+        "duplicate-alias-error": "Alias duplicado fue encontrado '{{alias}}'.<br>Alias de las entidades deben ser únicos dentro del panel.",
+        "missing-entity-filter-error": "Falta filtro para el alias '{{alias}}'.",
+        "configure-alias": "Configurar '{{alias}}' alias",
+        "alias": "Alias",
+        "alias-required": "Alias de la entidad es requerida.",
+        "remove-alias": "Eliminar alias de la entidad",
+        "add-alias": "Agregar alias de la entidad",
+        "entity-list": "Lista de entidades",
+        "entity-type": "Tipo de entidad",
+        "entity-types": "Tipos de entidades",
+        "entity-type-list": "Lista de tipos de entidades",
+        "any-entity": "Alguna entidad",
+        "enter-entity-type": "Teclee tipo de entidad",
+        "no-entities-matching": "No se encontraron entidades que coincidan con '{{entity}}'.",
+        "no-entity-types-matching": "No se encontraron tipos de entidades que coincidan con '{{entityType}}'.",
+        "name-starts-with": "El nombre comienza con",
+        "use-entity-name-filter": "Utilizar filtro",
+        "entity-list-empty": "Entidades no seleccionadas.",
+        "entity-type-list-empty": "Tipos de entidades no seleccionados.",
+        "entity-name-filter-required": "Filtro del nombre de la entidad es requerido.",
+        "entity-name-filter-no-entity-matched": "No se encontraron entidades que comienzan con  '{{entity}}'.",
+        "all-subtypes": "Todas",
+        "select-entities": "Seleccionar entidades",
+        "no-aliases-found": "No se encontraron alias.",
+        "no-alias-matching": "'{{alias}}' no encontrado.",
+        "create-new-alias": "¡Crear uno nuevo!",
+        "key": "Clave",
+        "key-name": "Nombre de clave",
+        "no-keys-found": "No se encontraron claves.",
+        "no-key-matching": "'{{key}}' no encontrada.",
+        "create-new-key": "¡Crear una nueva!",
+        "type": "Tipo",
+        "type-required": "Tipo de entidad es requerido.",
+        "type-device": "Dispositivo",
+        "type-devices": "Dispositivos",
+        "list-of-devices": "{ count, plural, 1 {Un dispositivo} other {Lista de # dispositivos} }",
+        "device-name-starts-with": "Dispositivos cuyos nombres comienzan con '{{prefix}}'",
+        "type-asset": "Activo",
+        "type-assets": "Activos",
+        "list-of-assets": "{ count, plural, 1 {Un activo} other {Lista de # activos} }",
+        "asset-name-starts-with": "Activos cuyos nombres comienzan con '{{prefix}}'",
+        "type-entity-view": "Vista de entidad",
+        "type-entity-views": "Vistas de entidad",
+        "list-of-entity-views": "{ count, plural, 1 {Una vista de entidad} other {Lista de # vistas de entidad} }",
+        "entity-view-name-starts-with": "Vistas de entidad cuyos nombres que comienzan con '{{prefix}}'",
+        "type-rule": "Regla",
+        "type-rules": "Reglas",
+        "list-of-rules": "{ count, plural, 1 {Una regla} other {Lista de # reglas} }",
+        "rule-name-starts-with": "Reglas cuyos nombres comienzan con '{{prefix}}'",
+        "type-plugin": "Complemento",
+        "type-plugins": "Complementos",
+        "list-of-plugins": "{ count, plural, 1 {Un complemento} other {Lista de # complementos} }",
+        "plugin-name-starts-with": "Complementos cuyos nombres comienzan con '{{prefix}}'",
+        "type-tenant": "Organización",
+        "type-tenants": "Organizaciones",
+        "list-of-tenants": "{ count, plural, 1 {Una organización} other {Lista de # organizaciones} }",
+        "tenant-name-starts-with": "Organizaciones cuyos nombres comienzan con '{{prefix}}'",
+        "type-customer": "Cliente",
+        "type-customers": "Clientes",
+        "list-of-customers": "{ count, plural, 1 {Un cliente} other {Lista de # clientes} }",
+        "customer-name-starts-with": "Clientes cuyos nombres comienzan con '{{prefix}}'",
+        "type-user": "Usuario",
+        "type-users": "Usuarios",
+        "list-of-users": "{ count, plural, 1 {Un usuario} other {Lista de # usuarios} }",
+        "user-name-starts-with": "Usuarios cuyos nombres comienzan con '{{prefix}}'",
+        "type-dashboard": "Panel",
+        "type-dashboards": "Paneles",
+        "list-of-dashboards": "{ count, plural, 1 {One dashboard} other {List of # dashboards} }",
+        "dashboard-name-starts-with": "Paneles cuyos nombres comienzan con '{{prefix}}'",
+        "type-alarm": "Alarma",
+        "type-alarms": "Alarmas",
+        "list-of-alarms": "{ count, plural, 1 {Una alarma} other {Lista de # alarmas} }",
+        "alarm-name-starts-with": "Alarmas cuyos nombres comienzan con '{{prefix}}'",
+        "type-rulechain": "Cadena de reglas",
+        "type-rulechains": "Cadenas de reglas",
+        "list-of-rulechains": "{ count, plural, 1 {Una cadena de reglas} other {Lista de # cadenas de reglas} }",
+        "rulechain-name-starts-with": "Cadenas de reglas cuyos nombres comienzan con '{{prefix}}'",
+        "type-rulenode": "Nodo de reglas",
+        "type-rulenodes": "Nodos de reglas",
+        "list-of-rulenodes": "{ count, plural, 1 {Un nodo de reglas} other {Lista de # nodos de reglas} }",
+        "rulenode-name-starts-with": "Nodos de reglas cuyos nombres comienzan con '{{prefix}}'",
+        "type-current-customer": "Cliente Actual",
+        "search": "Buscar entidades",
+        "selected-entities": "{ count, plural, 1 {1 entidad} other {# entidades} } seleccionadas",
+        "entity-name": "Nombre de la entidad",
+        "details": "Detalles de la entidad",
+        "no-entities-prompt": "Entidades no encontradas",
+        "no-data": "No hay datos para mostrar",
+        "columns-to-display": "Columnas a mostrar"
+    },
+    "entity-field": {
+        "created-time": "Tiempo de creación",
+        "name": "Nombre",
+        "type": "Tipo",
+        "first-name": "Nombre",
+        "last-name": "Apellido",
+        "email": "Correo electrónico",
+        "title": "Título",
+        "country": "País",
+        "state": "Estado",
+        "city": "Ciudad",
+        "address": "Dirección",
+        "address2": "Dirección 2",
+        "zip": "Código postal",
+        "phone": "Teléfono"
+    },
+    "entity-view": {
+        "entity-view": "Vista de entidad",
+        "entity-view-required": "Vista de entidad es requerido.",
+        "entity-views": "Vistas de entidad",
+        "management": "Gestión de vistas de entidad",
+        "view-entity-views": "Ver vista de entidad",
+        "entity-view-alias": "Alias de vista de entidad",
+        "aliases": "Alias de vista de entidad",
+        "no-alias-matching": "'{{alias}}' no encontrado.",
+        "no-aliases-found": "No se encontraron alias.",
+        "no-key-matching": "'{{key}}' no encontrado.",
+        "no-keys-found": "No se encontraron claves.",
+        "create-new-alias": "¡Crear un nuevo!",
+        "create-new-key": "¡Crear una nueva!",
+        "duplicate-alias-error": "Alias duplicado'{{alias}}'.<br>Los alias de Entity View deben ser únicos en el panel.",
+        "configure-alias": "Configurar alias '{{alias}}'",
+        "no-entity-views-matching": "No se encontraron vistas que coincidan con '{{entity}}'.",
+        "alias": "Alias",
+        "alias-required": "Alias de vista de entidad es requerido.",
+        "remove-alias": "Borrar alias de la vista de entidad",
+        "add-alias": "Añadir alias a la vista de entidad",
+        "name-starts-with": "Nombre de vista de entidad comienza con",
+        "entity-view-list": "Lista de vistas de entidad",
+        "use-entity-view-name-filter": "Usar el filtro",
+        "entity-view-list-empty": "No hay vistas de entidad seleccionadas.",
+        "entity-view-name-filter-required": "Nombre del filtro de vista de entidad es requerido.",
+        "entity-view-name-filter-no-entity-view-matched": "No se encontraron vistas de entidad que comiencen con '{{entityView}}'.",
+        "add": "Añadir vista de entidad",
+        "assign-to-customer": "Asignar a cliente",
+        "assign-entity-view-to-customer": "Asignar vista de entidad a cliente",
+        "assign-entity-view-to-customer-text": "Por favor, seleccione las vistas de entidad para asignar al cliente",
+        "no-entity-views-text": "No se encontraron vistas de entidad",
+        "assign-to-customer-text": "Por favor, seleccione el cliente para asignar la vista de entidad",
+        "entity-view-details": "Detalles de la vista de entidad",
+        "add-entity-view-text": "Añadir nueva vista de entidad",
+        "delete": "Borrar vista de entidad",
+        "assign-entity-views": "Asignar vistas de entidad",
+        "assign-entity-views-text": "Asignar { count, plural, 1 {1 vista de entidad} other {# vistas de entidad} } a cliente",
+        "delete-entity-views": "Borrar vistas de entidad",
+        "unassign-from-customer": "Anular asignación a cliente",
+        "unassign-entity-views": "Anular asignación de vistas de entidad",
+        "unassign-entity-views-action-title": "Anular asignación { count, plural, 1 {1 vista de entidad} other {# vistas de entidad} } al cliente",
+        "assign-new-entity-view": "Asignar nueva vista de entidad",
+        "delete-entity-view-title": "¿Está seguro que quiere borrar la vista de entidad '{{entityViewName}}'?",
+        "delete-entity-view-text": "¡Cuidado! Después de la confirmación, la vista de la entidad y todos los datos relacionados serán irrecuperables.",
+        "delete-entity-views-title": "¿Está seguro que quiere borrar las vistas de entidad { count, plural, 1 {1 entityView} other {# entityViews} }?",
+        "delete-entity-views-action-title": "Borrar { count, plural, 1 {1 vista de entidad} other {# vistas de entidad} }",
+        "delete-entity-views-text": "¡Cuidado! Después de la confirmación, todas las vistas de entidades seleccionadas se eliminarán y todos los datos relacionados serán irrecuperables.",
+        "unassign-entity-view-title": "¿Está seguro que quiere anular la asignación de la vista de entidad '{{entityViewName}}'?",
+        "unassign-entity-view-text": "Después de la confirmación, la vista de la entidad quedará sin asignar y el cliente no podrá acceder a ella.",
+        "unassign-entity-view": "Anular asignación de la vista de entidad",
+        "unassign-entity-views-title": "¿Está seguro que quiere anular la asignación de { count, plural, 1 {1 vista de entidad} other {# vistas de entidad} }?",
+        "unassign-entity-views-text": "Después de la confirmación, todas las vistas de entidades seleccionadas quedarán sin asignar y el cliente no podrá acceder a ellas.",
+        "entity-view-type": "Tipo de vista de entidad",
+        "entity-view-type-required": "Tipo de vista de entidad es requerido.",
+        "select-entity-view-type": "Seleccione el tipo de vista de entidad",
+        "enter-entity-view-type": "Teclee el tipo de vista de entidad",
+        "any-entity-view": "Cualquier vista de entidad",
+        "no-entity-view-types-matching": "No se encontraron tipos de vista de entidad que coincidan con '{{entitySubtype}}'.",
+        "entity-view-type-list-empty": "No hay tipos de vista de entidad seleccionados.",
+        "entity-view-types": "Tipos de vista de entidad",
+        "name": "Nombre",
+        "name-required": "Nombre es requerido.",
+        "description": "Descripción",
+        "events": "Eventos",
+        "details": "Detalles",
+        "copyId": "Copiar el Id de la vista de entidad",
+        "assignedToCustomer": "Asignado a cliente",
+        "unable-entity-view-device-alias-title": "No se puede eliminar el alias de vista de entidad",
+        "unable-entity-view-device-alias-text": "El alias del dispositivo '{{entityViewAlias}}' no se puede borrar porque está siendo usado por el widget(s):<br/>{{widgetsList}}",
+        "select-entity-view": "Seleccionar vista de entidad",
+        "make-public": "Hacer pública la vista de entidad",
+        "make-private": "Hacer que la vista de entidad sea privada",
+        "start-date": "Fecha de inicio",
+        "start-ts": "Tiempo de inicio",
+        "end-date": "Fecha de finalización",
+        "end-ts": "Tiempo de finalización",
+        "date-limits": "Limites de fecha",
+        "client-attributes": "Atributos de cliente",
+        "shared-attributes": "Atributos compartidos",
+        "server-attributes": "Atributos de servidor",
+        "timeseries": "Series temporales",
+        "client-attributes-placeholder": "Atributos de cliente",
+        "shared-attributes-placeholder": "Atributos compartidos",
+        "server-attributes-placeholder": "Atributos de servidor",
+        "timeseries-placeholder": "Series temporales",
+        "target-entity": "Entidad objetivo",
+        "attributes-propagation": "Propagación de atributos",
+        "attributes-propagation-hint": "La vista de entidad copiará automáticamente los atributos especificados de la entidad de destino cada vez que guarde o actualice esta vista de entidad. Por razones de rendimiento, los atributos de entidad objetivo no se propagan a la vista de entidad en cada cambio de atributo. Puede habilitar la propagación automática configurando el nodo de la regla \"copiar a la vista\" en su cadena de reglas y vincular los mensajes \"Atributos de la publicación\" y \"Atributos actualizados\" al nuevo nodo de la regla.",
+        "timeseries-data": "Datos de series temporales",
+        "timeseries-data-hint": "Configure las claves de los datos de las series temporales de la entidad de destino que serán accesibles para la vista de la entidad. Los datos de esta serie temporal son de solo lectura.",
+        "make-public-entity-view-title": "¿Está seguro de que desea que la vista de entidad '{{entityViewName}}' sea pública?",
+        "make-public-entity-view-text": "Después de la confirmación, la vista de la entidad y todos sus datos se harán públicos y accesibles para otros.",
+        "make-private-entity-view-title": "¿Está seguro de que desea que la vista de entidad '{{entityViewName}}' sea privada?",
+        "make-private-entity-view-text": "Después de la confirmación, la vista de la entidad y todos sus datos se harán privados y no serán accesibles para otros."
+    },
+    "event": {
+        "event-type": "Tipo de evento",
+        "type-error": "Error",
+        "type-lc-event": "Ciclo de vida del evento",
+        "type-stats": "Estadísticas",
+        "type-debug-rule-node": "Depurar",
+        "type-debug-rule-chain": "Depurar",
+        "no-events-prompt": "No se encontraron eventos",
+        "error": "Error",
+        "alarm": "Alarma",
+        "event-time": "Tiempo del evento",
+        "server": "Servidor",
+        "body": "Cuerpo",
+        "method": "Método",
+        "type": "Tipo",
+        "entity": "Entidad",
+        "message-id": "ID del mensaje",
+        "message-type": "Tipo de mensaje",
+        "data-type": "Tipo de datos",
+        "relation-type": "Tipo de relación",
+        "metadata": "Metadatos",
+        "data": "Datos",
+        "event": "Evento",
+        "status": "Estado",
+        "success": "Correcto",
+        "failed": "Erróneo",
+        "messages-processed": "Mensajes procesados",
+        "errors-occurred": "Errores ocurridos"
+    },
+    "extension": {
+        "extensions": "Extensiones",
+        "selected-extensions": "{ count, plural, 1 {1 extensión} other {# extensiones} } seleccionadas",
+        "type": "Tipo",
+        "key": "Clave",
+        "value": "Valor",
+        "id": "ID",
+        "extension-id": "ID de extensión",
+        "extension-type": "Tipo de extensión",
+        "transformer-json": "JSON *",
+        "unique-id-required": "Ya existe ID de extensión actual.",
+        "delete": "Eliminar extensión",
+        "add": "Agregar extensión",
+        "edit": "Editar extensión",
+        "delete-extension-title": "¿Está seguro de que desea eliminar la extensión '{{extensionId}}'?",
+        "delete-extension-text": "¡Cuidado! Después de la confirmación, la extensión y todos los datos relacionados serán irrecuperables.",
+        "delete-extensions-title": "¿Está seguro de que desea eliminar { count, plural, 1 {1 extensión} other {# extensiones} }?",
+        "delete-extensions-text": "¡Cuidado! Después de la confirmación, se eliminarán todas las extensiones seleccionadas.",
+        "converters": "Conversores",
+        "converter-id": "ID del conversor",
+        "configuration": "Configuración",
+        "converter-configurations": "Configuraciones del conversor",
+        "token": "Token de seguridad",
+        "add-converter": "Agregar conversor",
+        "add-config": "Agregar configuración del conversor",
+        "device-name-expression": "Expresión del nombre del dispositivo",
+        "device-type-expression": "Expresión del tipo del dispositivo",
+        "custom": "Personalizado",
+        "to-double": "Para duplicar",
+        "transformer": "Transformador",
+        "json-required": "Transformador json es requerido.",
+        "json-parse": "No se puede analizar el transformador json.",
+        "attributes": "Atributos",
+        "add-attribute": "Agregar atributos",
+        "add-map": "Agregar elemento de mapeo",
+        "timeseries": "Series temporales",
+        "add-timeseries": "Agregar series temporales",
+        "field-required": "Campo es requerido",
+        "brokers": "Agentes",
+        "add-broker": "Agregar agente",
+        "host": "Host",
+        "port": "Puerto",
+        "port-range": "El puerto debe estar en un rango desde 1 hasta 65535.",
+        "ssl": "SSL",
+        "credentials": "Credenciales",
+        "username": "Nombre de usuario",
+        "password": "Contraseña",
+        "retry-interval": "Intervalo de reintento en milisegundos",
+        "anonymous": "Anónimo",
+        "basic": "Básico",
+        "pem": "PEM",
+        "ca-cert": "Archivo de certificado CA *",
+        "private-key": "Archivo de clave privado *",
+        "cert": "Archivo de certificado *",
+        "no-file": "Ningún archivo seleccionado.",
+        "drop-file": "Colocar un archivo o hacer clic para seleccionar un archivo para cargar.",
+        "mapping": "Mapeo",
+        "topic-filter": "Filtro de tema",
+        "converter-type": "Tipo de conversor",
+        "converter-json": "Json",
+        "json-name-expression": "Expresión json para nombre del dispositivo",
+        "topic-name-expression": "Expresión temática para nombre del dispositivo",
+        "json-type-expression": "Expresión json para tipo de dispositivo",
+        "topic-type-expression": "Expresión temática para tipo de dispositivo",
+        "attribute-key-expression": "Expresión para clave de atributo",
+        "attr-json-key-expression": "Expresión json para clave de atributo",
+        "attr-topic-key-expression": "Expresión temática para clave de atributo",
+        "request-id-expression": "Expresión para solicitud de ID",
+        "request-id-json-expression": "Expresión json para solicitud de ID",
+        "request-id-topic-expression": "Expresión temática para solicitud de ID",
+        "response-topic-expression": "Expresión temática para respuesta",
+        "value-expression": "Expresión para valor",
+        "topic": "Tema",
+        "timeout": "Tiempo de espera en milisegundos",
+        "converter-json-required": "Conversor json es requerido.",
+        "converter-json-parse": "No se puede analizar el conversor json.",
+        "filter-expression": "Expresión para filtro",
+        "connect-requests": "Solicitudes de conexión",
+        "add-connect-request": "Agregar solicitudes de conexión",
+        "disconnect-requests": "Solicitudes de desconexión",
+        "add-disconnect-request": "Agregar solicitud de desconexión",
+        "attribute-requests": "Solicitudes de atributo",
+        "add-attribute-request": "Agregar solicitudes de atributo",
+        "attribute-updates": "Actualizaciones de atributo",
+        "add-attribute-update": "Agregar actualizaciones de atributo",
+        "server-side-rpc": "RPC lado servidor",
+        "add-server-side-rpc-request": "Agregar solicitud RPC lado servidor",
+        "device-name-filter": "Filtro de nombre de dispositivo",
+        "attribute-filter": "Filtro de atributo",
+        "method-filter": "Filtro de método",
+        "request-topic-expression": "Expresión temática para solicitud",
+        "response-timeout": "Tiempo de espera de respuesta en milisegundos",
+        "topic-expression": "Expresión temática",
+        "client-scope": "Alcance del cliente",
+        "add-device": "Agregar dispositivo",
+        "opc-server": "Servidores",
+        "opc-add-server": "Agregar servidor",
+        "opc-add-server-prompt": "Por favor agregar servidor",
+        "opc-application-name": "Nombre de aplicación",
+        "opc-application-uri": "Aplicación URI",
+        "opc-scan-period-in-seconds": "Período de exploración en segundos",
+        "opc-security": "Seguridad",
+        "opc-identity": "Identidad",
+        "opc-keystore": "Repositorio",
+        "opc-type": "Tipo",
+        "opc-keystore-type": "Tipo",
+        "opc-keystore-location": "Ubicación *",
+        "opc-keystore-password": "Contraseña",
+        "opc-keystore-alias": "Alias",
+        "opc-keystore-key-password": "Clave de contraseña",
+        "opc-device-node-pattern": "Patrón de nodo de dispositivo",
+        "opc-device-name-pattern": "Patrón de nombre de dispositivo",
+        "modbus-server": "Servidores/esclavos",
+        "modbus-add-server": "Agregar servidor/esclavo",
+        "modbus-add-server-prompt": "Por favor agregar servidor/esclavo",
+        "modbus-transport": "Transporte",
+        "modbus-tcp-reconnect": "Reconexión automática",
+        "modbus-rtu-over-tcp": "RTU sobre TCP",
+        "modbus-port-name": "Nombre del puerto serial",
+        "modbus-encoding": "Codificación",
+        "modbus-parity": "Paridad",
+        "modbus-baudrate": "Tasa de baudios",
+        "modbus-databits": "Bits de datos",
+        "modbus-stopbits": "Bits de parada",
+        "modbus-databits-range": "Bits de datos deben estar en un rango entre 7 y 8.",
+        "modbus-stopbits-range": "Bits de parada deben estar en un rango entre 1 a 2.",
+        "modbus-unit-id": "ID de unidad",
+        "modbus-unit-id-range": "ID de unidad debe estar en un rango entre 1 a 247.",
+        "modbus-device-name": "Nombre del dispositivo",
+        "modbus-poll-period": "Período de sondeo (ms)",
+        "modbus-attributes-poll-period": "Atributos del período de sondeo (ms)",
+        "modbus-timeseries-poll-period": "Período de sondeo de las series temporales (ms)",
+        "modbus-poll-period-range": "El período de sondeo debe ser una valor positivo.",
+        "modbus-tag": "Etiqueta",
+        "modbus-function": "Función",
+        "modbus-register-address": "Dirección del registro",
+        "modbus-register-address-range": "Dirección del registro debe estar en un rango entre 0 y 65535.",
+        "modbus-register-bit-index": "Índice de bit",
+        "modbus-register-bit-index-range": "Índice de bit debe estar en un rango entre 0 y 15.",
+        "modbus-register-count": "Contador del registro",
+        "modbus-register-count-range": "Contador del registro debe ser un valor positivo.",
+        "modbus-byte-order": "Orden del byte",
+        "sync": {
+            "status": "Estado",
+            "sync": "Sincronización",
+            "not-sync": "No sincronización",
+            "last-sync-time": "Ultima hora de sincronización",
+            "not-available": "No disponible"
+        },
+        "export-extensions-configuration": "Exportar configuración de extensiones",
+        "import-extensions-configuration": "Importar configuración de extensiones",
+        "import-extensions": "Importar extensiones",
+        "import-extension": "Importar extensión",
+        "export-extension": "Exportar extensión",
+        "file": "Archivo de extensiones",
+        "invalid-file-error": "Archivo de extensión no válido"
+    },
+    "fullscreen": {
+        "expand": "Expandir a pantalla completa",
+        "exit": "Salir de pantalla completa",
+        "toggle": "Alternar el modo de pantalla completa",
+        "fullscreen": "Pantalla completa"
+    },
+    "function": {
+        "function": "Función"
+    },
+    "grid": {
+        "delete-item-title": "¿Está seguro de que desea eliminar este ítem?",
+        "delete-item-text": "¡Cuidado! Después de la confirmación, este ítem y todos los datos relacionados serán irrecuperables.",
+        "delete-items-title": "¿Está seguro de que desea eliminar { count, plural, 1 {1 ítem} other {# ítems} }?",
+        "delete-items-action-title": "Eliminar { count, plural, 1 {1 ítem} other {# ítems} }",
+        "delete-items-text": "¡Cuidado! Después de la confirmación se eliminarán todos los ítems seleccionados y todos los datos relacionados serán irrecuperables.",
+        "add-item-text": "Agregar nuevo ítem",
+        "no-items-text": "No se encontraron ítems",
+        "item-details": "Detalles del ítem",
+        "delete-item": "Eliminar ítem",
+        "delete-items": "Eliminar ítems",
+        "scroll-to-top": "Desplazar al inicio"
+    },
+    "help": {
+        "goto-help-page": "Ir a la página de ayuda"
+    },
+    "home": {
+        "home": "Página principal",
+        "profile": "Perfil",
+        "logout": "Cerrar sesión",
+        "menu": "Menú",
+        "avatar": "Avatar",
+        "open-user-menu": "Abrir menú de usuario"
+    },
+    "import": {
+        "no-file": "Ningún archivo seleccionado",
+        "drop-file": "Suelte un archivo JSON o haga clic para seleccionar un archivo para cargar.",
+        "column-value": "Valor",
+        "column-title": "Título",
+        "column-example": "Datos de ejemplo",
+        "drop-file-csv": "Suelte un archivo CSV o haga clic para seleccionar un archivo para cargar.",
+        "column-key": "Clave de atributo/telemetría",
+        "csv-delimiter": "Delimitador CSV",
+        "csv-first-line-header": "La primera línea contiene nombres de columna.",
+        "csv-update-data": "Actualizar atributos/telemetría",
+        "import-csv-number-columns-error": "Un archivo debe contener al menos dos columnas",
+        "import-csv-invalid-format-error": "Formato de archivo inválido. Línea: '{{line}}'",
+        "column-type": {
+            "access-token": "Token de acceso",
+            "client-attribute": "Atributo de cliente",
+            "column-type": "Tipo de columna",
+            "entity-field": "Campo de entidad",
+            "name": "Nombre",
+            "server-attribute": "Atributo de servidor",
+            "shared-attribute": "Atributo compartido",
+            "timeseries": "Series temporales",
+            "type": "Tipo"
+        },
+        "stepper-text": {
+            "select-file": "Seleccione un archivo",
+            "configuration": "Importar configuración",
+            "column-type": "Seleccionar tipo de columnas",
+            "creat-entities": "Creando nuevas entidades",
+            "done": "Hecho"
+        },
+        "message": {
+            "create-entities": "Se crearon{{count}} nuevas entidades correctamente.",
+            "update-entities": "{{count}} entidades se actualizaron correctamente.",
+            "error-entities": "Se produjo un error al crear {{count}} entidades."
+        }
+    },
+    "item": {
+        "selected": "Seleccionado"
+    },
+    "js-func": {
+        "no-return-error": "La función debe devolver el valor!",
+        "return-type-mismatch": "La función debe devolver el valor de '{{type}}' type!",
+        "tidy": "Formatear"
+    },
+    "key-val": {
+        "key": "Clave",
+        "value": "Valor",
+        "remove-entry": "Eliminar entrada",
+        "add-entry": "Agregar entrada",
+        "no-data": "Ninguna entrada"
+    },
+    "layout": {
+        "layout": "Diseño",
+        "manage": "Gestionar diseños",
+        "settings": "Configuración de diseño",
+        "color": "Color",
+        "main": "Principal",
+        "right": "Derecha",
+        "select": "Seleccionar diseño objetivo"
+    },
+    "legend": {
+        "direction": "Dirección de la leyenda",
+        "position": "Posición de la leyenda",
+        "show-max": "Mostrar valor máximo",
+        "show-min": "Mostrar valor mínimo",
+        "show-avg": "Mostrar valor promedio",
+        "show-total": "Mostrar valor total",
+        "settings": "Configuración de la leyenda",
+        "min": "mínimo",
+        "max": "máximo",
+        "avg": "promedio",
+        "total": "total"
+    },
+    "login": {
+        "login": "Iniciar sesión",
+        "request-password-reset": "Restablecer contraseña",
+        "reset-password": "Restablecer contraseña",
+        "create-password": "Crear contraseña",
+        "passwords-mismatch-error": "¡Las contraseñas introducidas deben ser iguales!",
+        "password-again": "Repita la contraseña de nuevo",
+        "sign-in": "Por favor, inicie sesión",
+        "username": "Nombre de usuario (correo electrónico)",
+        "remember-me": "Recordarme",
+        "forgot-password": "¿Olvidó la contraseña?",
+        "password-reset": "Restablecer contraseña",
+        "expired-password-reset-message": "",
+        "new-password": "Nueva contraseña",
+        "new-password-again": "Repita la nueva contraseña",
+        "password-link-sent-message": "¡El enlace para el restablecer la contraseña fue enviado correctamente!",
+        "email": "Correo electrónico"
+    },
+    "position": {
+        "top": "Superior",
+        "bottom": "Inferior",
+        "left": "Izquierda",
+        "right": "Derecha"
+    },
+    "profile": {
+        "profile": "Perfil",
+        "last-login-time": "Último acceso",
+        "change-password": "Cambiar contraseña",
+        "current-password": "Contraseña actual"
+    },
+    "relation": {
+        "relations": "Relaciones",
+        "direction": "Dirección",
+        "search-direction": {
+            "FROM": "Desde",
+            "TO": "Hacia"
+        },
+        "direction-type": {
+            "FROM": "desde",
+            "TO": "hacia"
+        },
+        "from-relations": "Relaciones salientes",
+        "to-relations": "Relaciones entrantes",
+        "selected-relations": "{ count, plural, 1 {1 relación} other {# relaciones} } selecciondas",
+        "type": "Tipo",
+        "to-entity-type": "Hacia tipo de entidad",
+        "to-entity-name": "Hacia nombre de entidad",
+        "from-entity-type": "Desde tipo de entidad",
+        "from-entity-name": "Desde nombre de entidad",
+        "to-entity": "Hacia entidad",
+        "from-entity": "Desde entidad",
+        "delete": "Eliminar relación",
+        "relation-type": "Tipo de relación",
+        "relation-type-required": "Tipo de relación es requerido.",
+        "any-relation-type": "Algún tipo",
+        "add": "Agregar relación",
+        "edit": "Editar relación",
+        "delete-to-relation-title": "¿Está seguro de que desea eliminar la relación hacia la entidad '{{entityName}}'?",
+        "delete-to-relation-text": "¡Cuidado! Después de la confirmación, la entidad '{{entityName}}' no estará relacionada desde la entidad actual.",
+        "delete-to-relations-title": "¿Está seguro de que desea eliminar { count, plural, 1 {1 relación} other {# relaciones} }?",
+        "delete-to-relations-text": "¡Cuidado! Después de la confirmación, se eliminarán todas las relaciones seleccionadas y las entidades correspondientes no estarán relacionadas desde la entidad actual.",
+        "delete-from-relation-title": "¿Está seguro de que desea eliminar la relación desde la entidad '{{entityName}}'?",
+        "delete-from-relation-text": "¡Cuidado! Después de la confirmación, la entidad actual no será relacionada desde la entidad '{{entityName}}'.",
+        "delete-from-relations-title": "¿Está seguro de que desea eliminar { count, plural, 1 {1 relación} other {# relaciones} }?",
+        "delete-from-relations-text": "¡Cuidado! Después de la confirmación, se eliminarán todas las relaciones seleccionadas y la entidad actual no será relacionada desde las correspondientes entidades.",
+        "remove-relation-filter": "Eliminar filtro de relación",
+        "add-relation-filter": "Agregar filtro de relación",
+        "any-relation": "Alguna relación",
+        "relation-filters": "Filtros de relación",
+        "additional-info": "Información adicional (JSON)",
+        "invalid-additional-info": "No se puede analizar información adicional json."
+    },
+    "rulechain": {
+        "rulechain": "Cadena de reglas",
+        "rulechains": "Cadenas de reglas",
+        "root": "Raíz",
+        "delete": "Eliminar cadena de reglas",
+        "name": "Nombre",
+        "name-required": "El nombre es requerido.",
+        "description": "Descripción",
+        "add": "Agregar cadena de reglas",
+        "set-root": "Hacer la cadena de reglas raíz",
+        "set-root-rulechain-title": "¿Está seguro de que desea hacer la cadena de reglas '{{ruleChainName}}' root?",
+        "set-root-rulechain-text": "Después de la confirmación, la cadena de reglas se volverá raíz y manejará todos los mensajes de transporte entrantes.",
+        "delete-rulechain-title": "¿Está seguro de que desea eliminar la cadena de reglas '{{ruleChainName}}'?",
+        "delete-rulechain-text": "¡Cuidado! Después de la confirmación, la cadena de reglas y todos los datos relacionados serán irrecuperables.",
+        "delete-rulechains-title": "¿Está seguro de que desea eliminar { count, plural, 1 {1 cadena de reglas} other {# cadenas de reglas} }?",
+        "delete-rulechains-action-title": "Eliminar { count, plural, 1 {1 cadena de reglas} other {# cadenas de reglas} }",
+        "delete-rulechains-text": "¡Cuidado! Después de la confirmación se eliminarán todas las cadenas de reglas seleccionadas y todos los datos relacionados serán irrecuperables.",
+        "add-rulechain-text": "Agregar nueva cadena de reglas",
+        "no-rulechains-text": "Cadenas de reglas no encontradas",
+        "rulechain-details": "Detalles de la cadena de reglas",
+        "details": "Detalles",
+        "events": "Eventos",
+        "system": "Sistema",
+        "import": "Importar cadena de reglas",
+        "export": "Exportar cadena de reglas",
+        "export-failed-error": "No se puede exportar la cadena de reglas: {{error}}",
+        "create-new-rulechain": "Crear nueva cadena de reglas",
+        "rulechain-file": "Archivo de la cadena de reglas",
+        "invalid-rulechain-file-error": "No se puede importar la cadena de reglas: Estructura de datos de la cadena de reglas inválida.",
+        "copyId": "Copiar ID de la cadena de reglas",
+        "idCopiedMessage": "ID de la cadena de reglas ha sido copiada al portapapeles",
+        "select-rulechain": "Seleccionar cadena de reglas",
+        "no-rulechains-matching": "Cadenas de reglas que coincidan con '{{entity}}' no fueron encontradas.",
+        "rulechain-required": "Cadena de reglas es requerida",
+        "management": "Gestión de reglas",
+        "debug-mode": "Mode de depuración"
+    },
+    "rulenode": {
+        "details": "Detalles",
+        "events": "Eventos",
+        "search": "Nodos de búsqueda",
+        "open-node-library": "Abrir librería de nodos",
+        "add": "Agregar nodo de reglas",
+        "name": "Nombre",
+        "name-required": "El nombre es requerido.",
+        "type": "Tipo",
+        "description": "Descripción",
+        "delete": "Eliminar nodo de reglas",
+        "select-all-objects": "Seleccionar todos los nodos y conexiones",
+        "deselect-all-objects": "Deshacer selección de todos los nodos y conexiones",
+        "delete-selected-objects": "Eliminar nodos y conexiones seleccionados",
+        "delete-selected": "Eliminar seleccionado",
+        "select-all": "Seleccionar todos",
+        "copy-selected": "Copiar seleccionado",
+        "deselect-all": "Deshace selección de todos",
+        "rulenode-details": "Detalles del nodo de reglas",
+        "debug-mode": "Modo de depuración",
+        "configuration": "Configuración",
+        "link": "Enlace",
+        "link-details": "Detalles del enlace del nodo de reglas",
+        "add-link": "Agregar enlace",
+        "link-label": "Etiqueta del enlace",
+        "link-label-required": "Etiqueta del enlace es requerida.",
+        "custom-link-label": "Etiqueta del enlace personalizada",
+        "custom-link-label-required": "Etiqueta del enlace personalizado es requerida.",
+        "link-labels": "Etiquetas del enlace",
+        "link-labels-required": "Etiquetas del enlace son requeridas.",
+        "no-link-labels-found": "No se encontraron etiquetas de enlaces",
+        "no-link-label-matching": "'{{label}}' no encontrada.",
+        "create-new-link-label": "Crear una nueva!",
+        "type-filter": "Filtro",
+        "type-filter-details": "Filtrar mensajes entrantes con las condiciones configuradas",
+        "type-enrichment": "Enriquecimiento",
+        "type-enrichment-details": "Agregar información adicional en mensajes de metadatos",
+        "type-transformation": "Transformación",
+        "type-transformation-details": "Cambiar carga útil del Mensaje y Metadatos",
+        "type-action": "Acción",
+        "type-action-details": "Ejecutar acción especial",
+        "type-external": "Externo",
+        "type-external-details": "Interactuar con sistemas externos",
+        "type-rule-chain": "Cadena de reglas",
+        "type-rule-chain-details": "Reenvía los mensajes entrantes a la cadena de reglas especificada",
+        "type-input": "Entrada",
+        "type-input-details": "Entrada lógica de la Cadena de Reglas, reenvíar los mensajes entrantes al siguiente nodo de regla relacionado.",
+        "type-unknown": "Desconocido",
+        "type-unknown-details": "Regla de nodo no resuelta",
+        "directive-is-not-loaded": "La directiva de configuración definida '{{directiveName}}' no está disponible.",
+        "ui-resources-load-error": "Error al cargar los recursos de configuración ui.",
+        "invalid-target-rulechain": "¡No se puede resolver la cadena de reglas objetivo!",
+        "test-script-function": "Probar función script",
+        "message": "Mensaje",
+        "message-type": "Tipo de mensaje",
+        "select-message-type": "Seleccionar tipo de mensaje",
+        "message-type-required": "Tipo de mensaje es requerido",
+        "metadata": "Metadatos",
+        "metadata-required": "La entradas de matadatos no pueden estar vacías.",
+        "output": "Salida",
+        "test": "Prueba",
+        "help": "Ayuda",
+        "reset-debug-mode": "Restablecer el modo de depuración en todos los nodos"
+    },
+    "tenant": {
+        "tenant": "Organización",
+        "tenants": "Organizaciones",
+        "management": "Gestión de la organización",
+        "add": "Agregar organización",
+        "admins": "Administradores",
+        "manage-tenant-admins": "Gestionar administradores de la organización",
+        "delete": "Eliminar organización",
+        "add-tenant-text": "Agregar nueva organización",
+        "no-tenants-text": "Organizaciones no encontradas",
+        "tenant-details": "Detalles de la organización",
+        "delete-tenant-title": "¿Está seguro de que desea eliminar la organización '{{tenantTitle}}'?",
+        "delete-tenant-text": "¡Cuidado! Después de la confirmación, la organización y todos los datos relacionados serán irrecuperables.",
+        "delete-tenants-title": "¿Está seguro de que desea eliminar { count, plural, 1 {1 organización} other {# organizaciones} }?",
+        "delete-tenants-action-title": "Eliminar { count, plural, 1 {1 organización} other {# organizaciones} }",
+        "delete-tenants-text": "¡Cuidado! Después de la confirmación se eliminarán todas las organizaciones seleccionadas y todos los datos relacionados serán irrecuperables.",
+        "title": "Título",
+        "title-required": "Título es requerido.",
+        "description": "Descripción",
+        "details": "Detalles",
+        "events": "Eventos",
+        "copyId": "Copiar ID de la organización",
+        "idCopiedMessage": "ID de la organización ha sido copiado al portapapeles",
+        "select-tenant": "Seleccionar organización",
+        "no-tenants-matching": "No se encontraron organizaciones que coincidan con '{{entity}}'.",
+        "tenant-required": "Organización es requerida"
+    },
+    "timeinterval": {
+        "seconds-interval": "{ seconds, plural, 1 {1 segundo} other {# segundos} }",
+        "minutes-interval": "{ minutes, plural, 1 {1 minuto} other {# minutos} }",
+        "hours-interval": "{ hours, plural, 1 {1 hora} other {# horas} }",
+        "days-interval": "{ days, plural, 1 {1 día} other {# días} }",
+        "days": "Días",
+        "hours": "Horas",
+        "minutes": "Minutos",
+        "seconds": "Segundos",
+        "advanced": "Avanzado"
+    },
+    "timewindow": {
+        "days": "{ days, plural, 1 { día } other {# días } }",
+        "hours": "{ hours, plural, 0 { horas } 1 {1 hora } other {# horas } }",
+        "minutes": "{ minutes, plural, 0 { minutos } 1 {1 minuto } other {# minutos } }",
+        "seconds": "{ seconds, plural, 0 { segundos } 1 {1 segundo } other {# segundos } }",
+        "realtime": "Tiempo real",
+        "history": "Historia",
+        "last-prefix": "último(s)",
+        "period": "desde {{ startTime }} hasta {{ endTime }}",
+        "edit": "Editar ventana de tiempo",
+        "date-range": "Rango de fecha",
+        "last": "Último(s)",
+        "time-period": "Período de tiempo",
+        "hide": "Ocultar"
+    },
+    "user": {
+        "user": "Usuario",
+        "users": "Usuarios",
+        "customer-users": "Usuarios cliente",
+        "tenant-admins": "Administradores de la Organización",
+        "sys-admin": "Administrador del sistema",
+        "tenant-admin": "Administrador de la organización",
+        "customer": "Cliente",
+        "anonymous": "Anónimo",
+        "add": "Agregar Usuario",
+        "delete": "Eliminar usuario",
+        "add-user-text": "Agregar nuevo usuario",
+        "no-users-text": "No se encontraron usuarios",
+        "user-details": "Detalles de usuario",
+        "delete-user-title": "¿Está seguro de que desea eliminar el usuario '{{userEmail}}'?",
+        "delete-user-text": "¡Cuidado! Después de la confirmación, el usuario y todos los datos relacionados serán irrecuperables.",
+        "delete-users-title": "¿Está seguro de que desea eliminar { count, plural, 1 {1 usuario} other {# usuarios} }?",
+        "delete-users-action-title": "Borrar { count, plural, 1 {1 usuario} other {# usuarios} }",
+        "delete-users-text": "¡Cuidado! Después de la confirmación se eliminarán todas los usuarios seleccionados y todos los datos relacionados serán irrecuperables.",
+        "activation-email-sent-message": "¡Correo electrónico de activación fue enviado correctamente!",
+        "resend-activation": "Reenviar activación",
+        "email": "Correo electrónico",
+        "email-required": "Correo electrónico es requerido.",
+        "invalid-email-format": "Formato de correo electrónico inválido.",
+        "first-name": "Nombre",
+        "last-name": "Apellido",
+        "description": "Descripción",
+        "default-dashboard": "Panel predeterminado",
+        "always-fullscreen": "Siempre pantalla completa",
+        "select-user": "Seleccionar usuario",
+        "no-users-matching": "Usuarios que coincidan con '{{entity}}' no fueron encontrados.",
+        "user-required": "Usuario es requerido",
+        "activation-method": "Método de activación",
+        "display-activation-link": "Mostrar enlace de activación",
+        "send-activation-mail": "Enviar correo electrónico de activación",
+        "activation-link": "Enlace de activación de usuario",
+        "activation-link-text": "Para activar el usuario, utilice el siguiente <a href='{{activationLink}}' target='_blank'>enlace de activación</a> :",
+        "copy-activation-link": "Copiar enlace de activación",
+        "activation-link-copied-message": "El enlace de activación de usuario ha sido copiado al portapapeles",
+        "details": "Detalles",
+        "login-as-tenant-admin": "Iniciar sesión como Administrador de la Organización",
+        "login-as-customer-user": "Iniciar sesión como Usuario cliente",
+        "disable-account": "Deshabilitar cuenta de usuario",
+        "enable-account": "Habilitar cuenta de usuario",
+        "enable-account-message": "¡La cuenta de usuario se ha habilitado correctamente!",
+        "disable-account-message": "¡La cuenta de usuario se deshabilitó correctamente!"
+    },
+    "value": {
+        "type": "Tipo de valor",
+        "string": "Cadena de caracteres",
+        "string-value": "Valor de la cadena de caracteres",
+        "integer": "Entero",
+        "integer-value": "Valor entero",
+        "invalid-integer-value": "Valor de entero inválido",
+        "double": "Doble",
+        "double-value": "Valor doble",
+        "boolean": "Booleano",
+        "boolean-value": "Valor booleano",
+        "false": "Falso",
+        "true": "Verdadero",
+        "long": "Largo"
+    },
+    "widget": {
+        "widget-library": "Librería de widgets",
+        "widget-bundle": "Paquete de widgets",
+        "select-widgets-bundle": "Seleccionar paquete de widgets",
+        "management": "Gestión de widget",
+        "editor": "Editor de Widget",
+        "widget-type-not-found": "Problema cargando configuración de widget.<br>Probablemente el tipo de widget asociado fue eliminado.",
+        "widget-type-load-error": "El widget no fue cargado debido a los siguientes errores:",
+        "remove": "Eliminar widget",
+        "edit": "Editar widget",
+        "remove-widget-title": "¿Está seguro de que desea eliminar el widget '{{widgetTitle}}'?",
+        "remove-widget-text": "Después de la confirmación, el widget y todos los datos relacionados serán irrecuperables.",
+        "timeseries": "Series temporales",
+        "search-data": "Buscar datos",
+        "no-data-found": "No se encontraron datos",
+        "latest-values": "Últimos valores",
+        "rpc": "Widget de control",
+        "alarm": "Widget de alarma",
+        "static": "Widget estático",
+        "select-widget-type": "Seleccionar tipo de widget",
+        "missing-widget-title-error": "¡Título del widget debe ser especificado!",
+        "widget-saved": "Widget guardado",
+        "unable-to-save-widget-error": "¡No se puede guardar widget! ¡El widget tiene errores!",
+        "save": "Guardar widget",
+        "saveAs": "Guardar widget como",
+        "save-widget-type-as": "Guardar tipo de widget como",
+        "save-widget-type-as-text": "Por favor escriba el nuevo título del widget y/o seleccionar paquete de widgets objetivo",
+        "toggle-fullscreen": "Alternar pantalla completa",
+        "run": "Ejecutar widget",
+        "title": "Título del widget",
+        "title-required": "Título del widget es requerido.",
+        "type": "Tipo de widget",
+        "resources": "Recursos",
+        "resource-url": "URL JavaScript/CSS",
+        "remove-resource": "Eliminar recurso",
+        "add-resource": "Agregar recurso",
+        "html": "HTML",
+        "tidy": "Formatear",
+        "css": "CSS",
+        "settings-schema": "Esquema de configuración",
+        "datakey-settings-schema": "Esquema de configuración de clave de datos",
+        "javascript": "Javascript",
+        "js": "JS",
+        "remove-widget-type-title": "¿Está seguro de que desea eliminar el tipo de widget '{{widgetName}}'?",
+        "remove-widget-type-text": "Después de la confirmación, el tipo de widget y todos los datos relacionados serán irrecuperables.",
+        "remove-widget-type": "Eliminar tipo de widget",
+        "add-widget-type": "Agregar nuevo tipo de widget",
+        "widget-type-load-failed-error": "¡Error al cargar el tipo de widget!",
+        "widget-template-load-failed-error": "¡Error al cargar la plantilla del widget!",
+        "add": "Agregar widget",
+        "undo": "Deshacer cambios en el widget",
+        "export": "Exportar widget"
+    },
+    "widget-action": {
+        "custom-pretty": "",
+        "header-button": "Botón del encabezado del widget",
+        "open-dashboard-state": "Navegar a nuevo estado del panel",
+        "update-dashboard-state": "Actualizar estado vigente del panel",
+        "open-dashboard": "Navegar a otro panel",
+        "custom": "Acción personalizada",
+        "target-dashboard-state": "Estado del panel objetivo",
+        "target-dashboard-state-required": "Estado del panel objetivo es requerido",
+        "set-entity-from-widget": "Asignar entidad desde widget",
+        "target-dashboard": "Panel objetivo",
+        "open-right-layout": "Abrir diseño del panel derecho (vista móvil)"
+    },
+    "widgets-bundle": {
+        "current": "Paquete actual",
+        "widgets-bundles": "Paquetes de widgets",
+        "add": "Agregar paquete de widgets",
+        "delete": "Eliminar paquete de widgets",
+        "title": "Título",
+        "title-required": "Título es requerido.",
+        "add-widgets-bundle-text": "Agregar nuevo paquete de widgets",
+        "no-widgets-bundles-text": "No se encontraron paquetes de widgets",
+        "empty": "Paquete de widgets está vacío",
+        "details": "Detalles",
+        "widgets-bundle-details": "Detalles del paquete de widgets",
+        "delete-widgets-bundle-title": "¿Está seguro de que desea eliminar el paquete de widgets '{{widgetsBundleTitle}}'?",
+        "delete-widgets-bundle-text": "¡Cuidado! Después de la confirmación, el paquete de widgets y todos los datos relacionados serán irrecuperables.",
+        "delete-widgets-bundles-title": "¿Está seguro de que desea eliminar { count, plural, 1 {1 paquete de widgets} other {# paquetes de widgets} }?",
+        "delete-widgets-bundles-action-title": "Eliminar { count, plural, 1 {1 paquete de widgets} other {# paquetes de widgets} }",
+        "delete-widgets-bundles-text": "¡Cuidado! Después de la confirmación se eliminarán todas los paquetes de widgets seleccionados y todos los datos relacionados serán irrecuperables.",
+        "no-widgets-bundles-matching": "Paquetes de widgets que coincidan con '{{widgetsBundle}}' no fueron encontrados.",
+        "widgets-bundle-required": "Paquete de widgets es requerido.",
+        "system": "Sistema",
+        "import": "Importar paquete de widgets",
+        "export": "Exportar paquete de widgets",
+        "export-failed-error": "No se puede exportar paquete de widgets: {{error}}",
+        "create-new-widgets-bundle": "Crear nuevo paquete de widgets",
+        "widgets-bundle-file": "Archivo de paquete de widgets",
+        "invalid-widgets-bundle-file-error": "No se puede importar paquete de widgets: Estructura de datos del paquete de widgets inválida."
+    },
+    "widget-config": {
+        "data": "Datos",
+        "settings": "Configuración",
+        "advanced": "Avanzado",
+        "title": "Título",
+        "title-tooltip": "Tooltip Título",
+        "general-settings": "Configuración general",
+        "display-title": "Mostrar título",
+        "drop-shadow": "Colocar sombra",
+        "enable-fullscreen": "Habilitar pantalla completa",
+        "background-color": "Color de fondo",
+        "text-color": "Color del texto",
+        "padding": "Relleno",
+        "margin": "Margen",
+        "widget-style": "Estilo del widget",
+        "title-style": "Estilo del título",
+        "mobile-mode-settings": "Configuración del modo móvil",
+        "order": "Orden",
+        "height": "Altura",
+        "units": "Símbolo especial para mostrar junto al valor.",
+        "decimals": "Número de dígitos después del punto flotante",
+        "timewindow": "Ventana de tiempo",
+        "use-dashboard-timewindow": "Utilizar ventana de tiempo del panel",
+        "display-timewindow": "Mostrar ventana de tiempo",
+        "display-legend": "Mostrar leyenda",
+        "datasources": "Orígenes de datos",
+        "maximum-datasources": "Máximo { count, plural, 1 {1 origen de datos permitido.} other {# orígenes de datos permitidos} }",
+        "datasource-type": "Tipo",
+        "datasource-parameters": "Parámetros",
+        "remove-datasource": "Eliminar origen de datos",
+        "add-datasource": "Agregar origen de datos",
+        "target-device": "Dispositivo objetivo",
+        "alarm-source": "Origen de la alarma",
+        "actions": "Acciones",
+        "action": "Acción",
+        "add-action": "Agregar acción",
+        "search-actions": "Buscar acciones",
+        "action-source": "Origen de acción",
+        "action-source-required": "Fuente de acción es requerida.",
+        "action-name": "Nombre",
+        "action-name-required": "Nombre de acción es requerido.",
+        "action-name-not-unique": "Ya existe otra acción con el mismo nombre.<br/>El nombre de la acción debe ser único dentro del mismo orígen de acción.",
+        "action-icon": "Icono",
+        "action-type": "Tipo",
+        "action-type-required": "Tipo de acción es requerido.",
+        "edit-action": "Editar acción",
+        "delete-action": "Eliminar acción",
+        "delete-action-title": "Eliminar acción del widget",
+        "delete-action-text": "¿Está seguro de que desea eliminar la acción del widget con nombre '{{actionName}}'?",
+        "display-icon": "Mostrar icono del título",
+        "icon-color": "Color del icono",
+        "icon-size": "Tamaño del icono"
+    },
+    "widget-type": {
+        "import": "Importar tipo de widget",
+        "export": "Exportar tipo de widget",
+        "export-failed-error": "No se puede exportar tipo de widget: {{error}}",
+        "create-new-widget-type": "Crear nuevo tipo de widget",
+        "widget-type-file": "Archivo de tipo de widget",
+        "invalid-widget-type-file-error": "No se puede importar tipo de widget: Estructura de datos del tipo de widget es inválida."
+    },
+    "widgets": {
+        "date-range-navigator": {
+            "localizationMap": {
+                "Sun": "Dom.",
+                "Mon": "Lun.",
+                "Tue": "Mar.",
+                "Wed": "Mié",
+                "Thu": "Jue.",
+                "Fri": "Vie.",
+                "Sat": "Sáb.",
+                "Jan": "Ene.",
+                "Feb": "Feb.",
+                "Mar": "Mar.",
+                "Apr": "Abr.",
+                "May": "May.",
+                "Jun": "Jun.",
+                "Jul": "Jul.",
+                "Aug": "Ago.",
+                "Sep": "Sept.",
+                "Oct": "Oct.",
+                "Nov": "Nov.",
+                "Dec": "Dic.",
+                "January": "Enero",
+                "February": "Febrero",
+                "March": "Marzo",
+                "April": "Abril",
+                "June": "Junio",
+                "July": "Julio",
+                "August": "Agosto",
+                "September": "Septiembre",
+                "October": "Octubre",
+                "November": "Noviembre",
+                "December": "Diciembre",
+                "Custom Date Range": "Intervalo de fechas personalizado",
+                "Date Range Template": "Plantilla de rango de fechas",
+                "Today": "Hoy",
+                "Yesterday": "Ayer",
+                "This Week": "Esta semana",
+                "Last Week": "La semana pasada",
+                "This Month": "Este mes",
+                "Last Month": "El mes pasado",
+                "Year": "Año",
+                "This Year": "Este año",
+                "Last Year": "Último",
+                "Date picker": "Date picker",
+                "Hour": "Hora",
+                "Day": "Día",
+                "Week": "Semana",
+                "2 weeks": "2 Semanas",
+                "Month": "Mes",
+                "3 months": "3 Meses",
+                "6 months": "6 Meses",
+                "Custom interval": "Intervalo personalizado",
+                "Interval": "Intervalo",
+                "Step size": "Numero de pie",
+                "Ok": "De acuerdo"
+            }
+        },
+        "input-widgets": {
+            "attribute-not-allowed": "El parámetro de atributo no se puede usar en este widget",
+            "date": "Fecha",
+            "discard-changes": "Descartar los cambios",
+            "entity-attribute-required": "Se requiere atributo de entidad",
+            "entity-timeseries-required": "Se requiere la serie de tiempo de la entidad",
+            "not-allowed-entity": "La entidad seleccionada no puede tener atributos compartidos",
+            "no-attribute-selected": "No se seleccionó ningún atributo",
+            "no-datakey-selected": "No se seleccionó ninguna clave de datos",
+            "no-entity-selected": "Ninguna entidad seleccionada",
+            "no-image": "Sin imágen",
+            "no-support-web-camera": "No hay cámara web compatible",
+            "no-timeseries-selected": "No hay series de tiempo seleccionadas",
+            "switch-attribute-value": "Cambiar el valor del atributo de entidad",
+            "switch-camera": "Cambiar de cámara",
+            "switch-timeseries-value": "Cambiar el valor de la serie de tiempo de la entidad",
+            "take-photo": "Tomar foto",
+            "time": "Tiempo",
+            "timeseries-not-allowed": "El parámetro Timeseries no se puede usar en este widget",
+            "update-failed": "Actualización fallida",
+            "update-successful": "Actualización exitosa",
+            "update-attribute": "Actualizar atributo",
+            "update-timeseries": "Actualizar series de tiempo",
+            "value": "Valor"
+        }
+    },
+    "icon": {
+        "icon": "Icono",
+        "select-icon": "Seleccionar icono",
+        "material-icons": "Iconos de material design",
+        "show-all": "Mostrar todos los iconos"
+    },
+    "custom": {
+        "widget-action": {
+            "action-cell-button": "Botón de acción de celda",
+            "row-click": "Clic en la fila",
+            "polygon-click": "Clic en la fila",
+            "marker-click": "Clic en el polígono",
+            "tooltip-tag-action": "Acción de etiqueta para globo de ayuda",
+            "node-selected": "Clic en el nodo seleccionado",
+            "element-click": "Clic en el elemento HTML",
+            "pie-slice-click": "Clic en la rebanada",
+            "row-double-click": "Doble clic en la fila"
+        }
+    },
+    "language": {
+        "language": "Lenguaje"
+    }
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-fa_IR.json b/ui-ngx/src/assets/locale/locale.constant-fa_IR.json
new file mode 100644
index 0000000000..b4ca2eaf4a
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-fa_IR.json
@@ -0,0 +1,1630 @@
+{
+    "access": {
+        "unauthorized": "غير مجاز",
+        "unauthorized-access": "دسترسي غير مجاز",
+        "unauthorized-access-text": "!شما بايد وارد شويد تا به اين منبع دسترسي پيدا کنيد",
+        "access-forbidden": "دسترسي ممنوع",
+        "access-forbidden-text": "!اگر هنوز تمايل داريد به اينجا دسترسي پيدا کنيد، تلاش کنيد با نام کاربري ديگري وارد شويد<br/>.شما حق دسترسي به اينجا را نداريد",
+        "refresh-token-expired": "اين بخش، منقضي شده است",
+        "refresh-token-failed": "بازيابي اين بخش ممکن نيست"
+    },
+    "action": {
+        "activate": "فعال سازي",
+        "suspend": "معلّق",
+        "save": "ذخيره سازي",
+        "saveAs": "ذخيره سازي در",
+        "cancel": "لغو",
+        "ok": "قبول",
+        "delete": "حذف",
+        "add": "اضافه",
+        "yes": "بله",
+        "no": "خير",
+        "update": "به روز کردن",
+        "remove": "حذف",
+        "search": "جستجو",
+        "clear-search": "پاک کردن جستجو",
+        "assign": "تخصيص",
+        "unassign": "لغو تخصيص",
+        "share": "به اشتراک گذاري",
+        "make-private": "شخصي سازي",
+        "apply": "اعمال",
+        "apply-changes": "اعمال تغييرات",
+        "edit-mode": "حالت ويرايش",
+        "enter-edit-mode": "ورود به حالت ويرايش",
+        "decline-changes": "عدم پذيرش تغييرات",
+        "close": "بستن",
+        "back": "بازگشت",
+        "run": "اجرا",
+        "sign-in": "!ورود",
+        "edit": "ويرايش",
+        "view": "نمايش",
+        "create": "ايجاد",
+        "drag": "کشيدن",
+        "refresh": "بازيابي",
+        "undo": "برگرداندن آخرين عمل",
+        "copy": "رونوشت",
+        "paste": "الصاق رونوشت",
+        "copy-reference": "رونوشت مرجع",
+        "paste-reference": "رونوشت مرجع",
+        "import": "وارد کردن",
+        "export": "صدور",
+        "share-via": "{{provider}} اشتراک گذاري از طريق" 
+	},
+    "aggregation": {
+        "aggregation": "تجميع",
+        "function": "تابع تجميع داده ها",
+        "limit": "بيشترين مقادير",
+        "group-interval": "فاصله گروه بندي",
+        "min": "کمترين",
+        "max": "بيشترين",
+        "avg": "ميانگين",
+        "sum": "جمع",
+        "count": "شمارش",
+        "none": "هيچکدام"
+    },
+    "admin": {
+        "general": "عمومي",
+        "general-settings": "تنظيمات عمومي",
+        "outgoing-mail": "پيام خروجي",
+        "outgoing-mail-settings": "تنظيمات پيام خروجي",
+        "system-settings": "تنظيمات سيستم",
+        "test-mail-sent": "!ارسال پيام آزمايشي موفقيت آميز بود",
+        "base-url": "مبنا URL",
+        "base-url-required": ".مبنا مورد نياز است URL",
+        "mail-from": "... پيام از",
+        "mail-from-required": ".پيام از ... مورد نياز است",
+        "smtp-protocol": "SMTP قرارداد",
+        "smtp-host": "SMTP ميزبان",
+        "smtp-host-required": ".مورد نياز است SMTP ميزبان",
+        "smtp-port": "SMTP درگاه",
+        "smtp-port-required": ".فراهم کنيد SMTP شما بايد يک درگاه",
+        "smtp-port-invalid": ".معتبر باشد SMTP به نظر نمي آيد يک درگاه",
+        "timeout-msec": "مهلت (msec)",
+        "timeout-required": ".مهلت مورد نياز است",
+        "timeout-invalid": ".مهلت، به نظر نمي آيد معتبر باشد",
+        "enable-tls": "TLS فعال سازي",
+        "tls-version": "نسخه TLS",
+        "send-test-mail": "ارسال پيام آزمايشي"
+    },
+    "alarm": {
+        "alarm": "هشدار",
+        "alarms": "هشدارها",
+        "select-alarm": "انتخاب هشدار",
+        "no-alarms-matching": ".يافت نشد '{{entity}}'  هيچ هشداري مطابق",
+        "alarm-required": "هشدار مورد نياز است",
+        "alarm-status": "وضعيت هشدار",
+        "search-status": {
+            "ANY": "هر",
+            "ACTIVE": "فعال",
+            "CLEARED": "پاک شده",
+            "ACK": "تصديق شده",
+            "UNACK": "تصديق نشده"
+        },
+        "display-status": {
+            "ACTIVE_UNACK": "تصديق نشده فعال",
+            "ACTIVE_ACK": "تصديق شده فعال",
+            "CLEARED_UNACK": "تصديق نشده پاک شده",
+            "CLEARED_ACK": "تصديق شده پاک شده"
+        },
+        "no-alarms-prompt": "هيچ هشداري يافت نشد",
+        "created-time": "زمان ايجاد",
+        "type": "نوع",
+        "severity": "شدت",
+        "originator": "مبدأ",
+        "originator-type": "نوع مبدأ",
+        "details": "جزئيات",
+        "status": "وضعيت",
+        "alarm-details": "جزئيات هشدار",
+        "start-time": "زمان شروع",
+        "end-time": "زمان پايان",
+        "ack-time": "زمان تصديق",
+        "clear-time": "زمان پاک شدن",
+        "severity-critical": "بحراني",
+        "severity-major": "مهم",
+        "severity-minor": "جزئي",
+        "severity-warning": "اخطار",
+        "severity-indeterminate": "نامشخص",
+        "acknowledge": "تصديق",
+        "clear": "پاک کردن",
+        "search": "جستجوي هشدارها",
+        "selected-alarms": "اننخاب شده { count, plural, 1 {1 هشدار} other {# هشدارها} }",
+        "no-data": "هيچ داده اي براي نمايش نيست",
+        "polling-interval": "هشدار دهنده فاصله نمونه برداري (sec)",
+        "polling-interval-required": ".هشدار دهنده فاصله نمونه برداري مورد نياز است",
+        "min-polling-interval-message": ".حداقل فاصله مجاز نمونه برداري، 1 ثانيه است",
+        "aknowledge-alarms-title": "{ count, plural, 1 {1 هشدار} other {# هشدارها} } تصديق",
+        "aknowledge-alarms-text": "اطمينان داريد؟ { count, plural, 1 {1 هشدار} other {# هشدارها} } آيا شما از تصديق",
+        "aknowledge-alarm-title": "تصديق هشدار",
+        "aknowledge-alarm-text": "آيا شما از تصديق هشدار اطمينان داريد؟",
+        "clear-alarms-title": "{ count, plural, 1 {1 هشدار} other {# هشدارها} } پاک کردن",
+        "clear-alarms-text": "اطمينان داريد؟ { count, plural, 1 {1 هشدار} other {# هشدارها} } آيا شما از پاک کردن",
+        "clear-alarm-title": "پاک کردن هشدار",
+        "clear-alarm-text": "آيا شما از پاک کردن هشدار اطمينان داريد؟",
+        "alarm-status-filter": "فيلتر وضعيت هشدار"
+    },
+    "alias": {
+        "add": "افزودن نام مستعار",
+        "edit": "ويرايش نام مستعار",
+        "name": "نام مستعار",
+        "name-required": "نام مستعار مورد نياز است",
+        "duplicate-alias": ".در حال حاضر نام مستعار مشابهي وجود دارد",
+        "filter-type-single-entity": "موجودي تکي",
+        "filter-type-entity-list": "ليست موجودي",
+        "filter-type-entity-name": "نام موجودي",
+        "filter-type-state-entity": "موجودي از وضعيت داشبورد",
+        "filter-type-state-entity-description": "پارامترهاي موجودي گرفته شده از وضعيت داشبورد",
+        "filter-type-asset-type": "نوع دارايي",
+        "filter-type-asset-type-description": "'{{assetType}}' دارايي هاي نوع",
+        "filter-type-asset-type-and-name-description": ".شروع مي شود '{{prefix}}' که نامشان با '{{assetType}}' دارايي هاي نوع",
+        "filter-type-device-type": "نوع دستگاه",
+        "filter-type-device-type-description": "'{{deviceType}}' دستگاه هاي نوع",
+        "filter-type-device-type-and-name-description": ".شروع مي شود '{{prefix}}' که نامشان با '{{deviceType}}' دستگاه هاي نوع",
+        "filter-type-entity-view-type": "نوع نمايش موجودي",
+        "filter-type-entity-view-type-description": "'{{entityView}}' نمايش هاي موجودي نوع ",
+        "filter-type-entity-view-type-and-name-description": ".شروع مي شود '{{prefix}}' که نامشان با '{{entityView}}' نمايش هاي موجودي نوع",
+        "filter-type-relations-query": "پرس و جو درمورد ارتباطات",
+        "filter-type-relations-query-description": ".  دارند {{direction}} {{rootEntity}} را {{relationType}} که ارتباط {{entities}}",
+        "filter-type-asset-search-query": "پرس و جو درمورد جستجوي دارايي",
+        "filter-type-asset-search-query-description": ".دارند {{direction}} {{rootEntity}} را {{relationType}} که ارتباط{{assetTypes}} دارايي ها از انواع",
+        "filter-type-device-search-query": "پرس و چو درمورد جستجوي دستگاه",
+        "filter-type-device-search-query-description": ".دارند {{direction}} {{rootEntity}} را {{relationType}} که ارتباط{{deviceTypes}} دستگاه ها از انواع",
+        "filter-type-entity-view-search-query": "پرس و جو درمورد جستجوي نمايش موجودي",
+        "filter-type-entity-view-search-query-description": ".دارند {{direction}} {{rootEntity}} را {{relationType}} که ارتباط{{entityViewTypes}} نمايش هاي موجودي از انواع",
+        "entity-filter": "فيلتر موجودي",
+        "resolve-multiple": "تصميم با توجه به موجودي هاي متعدد",
+        "filter-type": "نوع فيلتر",
+        "filter-type-required": ".نوع فيلتر مورد نياز است",
+        "entity-filter-no-entity-matched": ".هيچ موجودي منطبق بر فيلتر مشخص شده يافت نشد",
+        "no-entity-filter-specified": ".هيچ فيلتر موجودي اي تعيين نشده است",
+        "root-state-entity": "موجودي وضعيت داشبورد به عنوان پايه استفاده شود",
+        "root-entity": "موجودي پايه",
+        "state-entity-parameter-name": "نام پارامتر موجودي وضعيت",
+        "default-state-entity": "موجودي وضعيت پيش فرض",
+        "default-entity-parameter-name": "به صورت پيش فرض",
+        "max-relation-level": "بالاترين سطح ارتباط",
+        "unlimited-level": "سطح نامحدود",
+        "state-entity": "موجودي وضعيت داشبورد",
+        "all-entities": "تمام موجودي ها",
+        "any-relation": "هر"
+    },
+    "asset": {
+        "asset": "دارايي",
+        "assets": "دارايي ها",
+        "management": "مديريت دارايي",
+        "view-assets": "نمايش دارايي ها",
+        "add": "افزودن دارايي",
+        "assign-to-customer": "تخصيص به مشتري",
+        "assign-asset-to-customer": "تخصيص دارايي(ها) به مشتري",
+        "assign-asset-to-customer-text": "لطفا دارايي ها را انتخاب کنيد تا به مشتري تخصيص يابد",
+        "no-assets-text": "هيچ دارايي اي يافت نشد",
+        "assign-to-customer-text": "لطفا مشتري را انتخاب کنيد تا دارايي(ها) تخصيص يابد",
+        "public": "عمومي",
+        "assignedToCustomer": "تخصيص يافته به مشتري",
+        "make-public": "عمومي سازي دارايي",
+        "make-private": "شخصي سازي دارايي",
+        "unassign-from-customer": "لغو تخصيص از مشتري",
+        "delete": "حذف دارايي",
+        "asset-public": "دارايي عمومي است",
+        "asset-type": "نوع دارايي",
+        "asset-type-required": ".نوع دارايي مورد نياز است",
+        "select-asset-type": "انتخاب کردن نوع دارايي",
+        "enter-asset-type": "وارد کردن نوع دارايي",
+        "any-asset": "هر دارايي",
+        "no-asset-types-matching": ".يافت نشد '{{entitySubtype}}' هيچ دارايي منطبق بر",
+        "asset-type-list-empty": ".هيچيک از انواع دارايي انتخاب نشد",
+        "asset-types": "انواع دارايي",
+        "name": "نام",
+        "name-required": ".نام مورد نياز است",
+        "description": "توصيف",
+        "type": "نوع",
+        "type-required": ".نوع مورد نياز است",
+        "details": "جزئيات",
+        "events": "رويدادها",
+        "add-asset-text": "افزودن دارايي جديد",
+        "asset-details": "جزئيات دارايي",
+        "assign-assets": "تخصيص دارايي ها",
+        "assign-assets-text": "به مشتري { count, plural, 1 {1 دارايي} other {# دارايي} } تخصيص",
+        "delete-assets": "حذف دارايي ها",
+        "unassign-assets": "لغو تخصيص دارايي ها",
+        "unassign-assets-action-title": "از مشتري { count, plural, 1 {1 دارايي} other {# دارايي} } لغو تخصيص",
+        "assign-new-asset": "تخصيص دارايي جديد",
+        "delete-asset-title": "مطمئنيد؟ '{{assetName}}' آيا از حذف دارايي",
+        "delete-asset-text": ".مراقب باشيد، پس از تأييد، دارايي و تمام داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "delete-assets-title": "مطمئنيد؟ { count, plural, 1 {1 دارايي} other {# دارايي} } آيا از حذف",
+        "delete-assets-action-title": "{ count, plural, 1 {1 دارايي} other {# دارايي} } حذف",
+        "delete-assets-text": ".مراقب باشيد، پس از تأييد، تمام دارايي هاي انتخاب شده حذف، و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "make-public-asset-title": "مطمئنيد؟ '{{assetName}}' آيا از عمومي سازي",
+        "make-public-asset-text": ".پس از تأييد، دارايي و تمامي داده هايش عمومي و قابل دسترسي براي ديگران مي شود",
+        "make-private-asset-title": "مطمئنيد؟ '{{assetName}}' آيا از شخصي سازي دارايي",
+        "make-private-asset-text": ".پس از تأييد، دارايي و تمامي داده هايش شخصي و خارج از دسترس ديگران مي شوند",
+        "unassign-asset-title": "مطمئنيد؟ '{{assetName}}' آيا از لغو تخصيص دارايي",
+        "unassign-asset-text": ".پس از تأييد، دارايي، لغو تخصيص و خارج از دسترس مشتري مي شود",
+        "unassign-asset": "لغو تخصيص دارايي",
+        "unassign-assets-title": "مطمئنيد؟ { count, plural, 1 {1 دارايي} other {# دارايي} } آيا از لغو تخصيص",
+        "unassign-assets-text": ".پس از تأييد، تمام دارايي هاي انتخاب شده، لغو تخصيص و خارج از دسترس مشتري مي شوند",
+        "copyId": "دارايي ID رونوشت از",
+        "idCopiedMessage": "دارايي در حافظه موقت رونوشت شد ID",
+        "select-asset": "انتخاب دارايي",
+        "no-assets-matching": ".يافت نشد '{{entity}}' هيچ دارايي منطبق بر",
+        "asset-required": "دارايي مود نياز است",
+        "name-starts-with": "نام دارايي شروع مي شود با",
+        "label": "برچسب"
+    },
+    "attribute": {
+        "attributes": "ويژگي ها",
+        "latest-telemetry": "آخرين سنجش",
+        "attributes-scope": "حوزه ويژگي هاي موجودي",
+        "scope-latest-telemetry": "آخرين سنجش",
+        "scope-client": "ويژگي هاي مشتري",
+        "scope-server": "ويژگي هاي سِروِر",
+        "scope-shared": "ويژگي هاي مشترک",
+        "add": "افزودن ويژگي ها",
+        "key": "کليد",
+        "last-update-time": "آخرين زمان به روز رساني",
+        "key-required": ".کليد ويژگي مورد نياز است",
+        "value": "مقدار",
+        "value-required": ".مقدار ويژگي مورد نياز است",
+        "delete-attributes-title": "مطمئنيد؟ { count, plural, 1 {1 ويژگي} other {# ويژگي} } آيا از حذف",
+        "delete-attributes-text": ".مراقب باشيد، پس از تأييد، تمام ويژگي هاي انتخاب شده حذف مي گردند",
+        "delete-attributes": "حذف ويژگي ها",
+        "enter-attribute-value": "وارد کردن مقدار ويژگي",
+        "show-on-widget": "نمايش بر ويجت",
+        "widget-mode": "حالت ويجت",
+        "next-widget": "ويجت بعد",
+        "prev-widget": "ويجت قبل",
+        "add-to-dashboard": "افزودن به داشبورد",
+        "add-widget-to-dashboard": "افزودن ويجت به داشبورد",
+        "selected-attributes": "انتخاب شدند { count, plural, 1 {1 ويژگي} other {# ويژگي} }",
+        "selected-telemetry": "انتخاب شد { count, plural, 1 {1 واحد سنجش} other {# واحد سنجش} }"
+    },
+    "audit-log": {
+        "audit": "بازبيني",
+        "audit-logs": "داده هاي ثبت شده از بازبيني",
+        "timestamp": "برچسب زمان",
+        "entity-type": "نوع موحودي",
+        "entity-name": "نام موجودي",
+        "user": "کاربر",
+        "type": "نوع",
+        "status": "وضعيت",
+        "details": "جزئيات",
+        "type-added": "اضافه شده",
+        "type-deleted": "حذف شده",
+        "type-updated": "به روز",
+        "type-attributes-updated": "ويژگي ها به روز شد",
+        "type-attributes-deleted": "ويژگي ها حذف شد",
+        "type-rpc-call": "RPC فراخواني",
+        "type-credentials-updated": "اعتبارنامه ها به روز شد",
+        "type-assigned-to-customer": "به مشتري تخصيص يافت",
+        "type-unassigned-from-customer": "از مشتري لغو تخصيص شد",
+        "type-activated": "فعال شد",
+        "type-suspended": "معلق",
+        "type-credentials-read": "اعتبارنامه ها خوانده شد",
+        "type-attributes-read": "ويژگي ها خوانده شد",
+        "type-relation-add-or-update": "ارتباط به روز شد",
+        "type-relation-delete": "ارتباط حذف شد",
+        "type-relations-delete": "تمام ارتباطات حذف شد",
+        "type-alarm-ack": "تصديق شده",
+        "type-alarm-clear": "پاک شده",
+        "status-success": "موفقيت",
+        "status-failure": "عدم موفقيت",
+        "audit-log-details": "بازبيني جزئيات ثبت داده ها",
+        "no-audit-logs-prompt": "هيچ داده ثبت شده اي يافت نشد",
+        "action-data": "داده هاي اقدام",
+        "failure-details": "جزئيات عدم موفقيت",
+        "search": "جستجوي داده هاي ثبت شده از بازبيني",
+        "clear-search": "پاک کردن جستجو"
+    },
+    "confirm-on-exit": {
+        "message": "شما تغييراتي ذخيره نشده داريد. از ترک اين صفحه مطمئنيد؟",
+        "html-message": "از ترک اين صفحه مطمئنيد؟<br/>.شما تغييراتي ذخيره نشده داريد",
+        "title": "تغييرات ذخيره نشده   "
+		},
+    "contact": {
+        "country": "کشور",
+        "city": "شهر",
+        "state": "استان / ايالت",
+        "postal-code": "کد پستي",
+        "postal-code-invalid": ".قالب کد پستي نامعتبر است",
+        "address": "نشاني",
+        "address2": "2 نشاني",
+        "phone": "تلفن",
+        "email": "پست الکترونيک",
+        "no-address": "بدون آدرس"
+    },
+    "common": {
+        "username": "نام کاربري",
+        "password": "رمز عبور",
+        "enter-username": "وارد کردن نام کاربري",
+        "enter-password": "وارد کردن رمز عبور",
+        "enter-search": "وارد کردن جستجو"
+    },
+    "content-type": {
+        "json": "JSON",
+        "text": "Text",
+        "binary": "Binary (Base64)"
+    },
+    "customer": {
+        "customer": "مشتري",
+        "customers": "مشتريان",
+        "management": "مديريت مشتري",
+        "dashboard": "داشبورد مشتري",
+        "dashboards": "داشبوردهاي مشتري",
+        "devices": "دستگاه هاي مشتري",
+        "entity-views": "نمايش موجودي مشتري",
+        "assets": "دارايي هاي مشتري",
+        "public-dashboards": "داشبوردهاي عمومي",
+        "public-devices": "دستگاه هاي عمومي",
+        "public-assets": "دارايي هاي عمومي",
+        "public-entity-views": "نمايش موجودي عمومي",
+        "add": "افزودن مشتري",
+        "delete": "حذف مشتري",
+        "manage-customer-users": "مديريت کاربرهاي مشتري",
+        "manage-customer-devices": "مديريت دستگاه هاي مشتري",
+        "manage-customer-dashboards": "مديريت داشبوردهاي مشتري",
+        "manage-public-devices": "مديريت دستگاه هاي عمومي",
+        "manage-public-dashboards": "مديريت داشبوردهاي عمومي",
+        "manage-customer-assets": "مديريت دارايي هاي مشتري",
+        "manage-public-assets": "مديريت دارايي هاي عمومي",
+        "add-customer-text": "افزودن مشتري جديد",
+        "no-customers-text": "هيچ مشتري اي يافت نشد",
+        "customer-details": "جزئيات اطلاعات مشتري",
+        "delete-customer-title": "مطمئنيد؟ '{{customerTitle}}' از حذف مشتري",
+        "delete-customer-text": ".مراقب باشيد، پس از تأييد، مشتري و تمامي داده هاي مربوطه، غير قابل بازيابي مي شوند",
+        "delete-customers-title": "مطمئنيد؟ { count, plural, 1 {1 مشتري} other {# مشتري} } از حذف",
+        "delete-customers-action-title": "{ count, plural, 1 {1 مشتري} other {# مشتري} } حذف",
+        "delete-customers-text": ".مراقب باشيد، پس از تأييد، تمام مشتريانِ انتخاب شده حذف، و تمامي داده هاي مربوطه غير قابل دسترسي مي شوند",
+        "manage-users": "مديريت کاربرها",
+        "manage-assets": "مديريت دارايي ها",
+        "manage-devices": "مديريت دستگاه ها",
+        "manage-dashboards": "مديريت داشبوردها",
+        "title": "عنوان",
+        "title-required": ".عنوان مورد نياز است",
+        "description": "توصيف",
+        "details": "جزئيات",
+        "events": "رويدادها",
+        "copyId": "مشتري ID رونوشت از",
+        "idCopiedMessage": "مشتري در حافظه موقت رونوشت شد ID",
+        "select-customer": "انتخاب مشتري",
+        "no-customers-matching": ".يافت نشد '{{entity}}' هيچ مشتري منطبق بر",
+        "customer-required": "مشتري مورد نياز است",
+        "select-default-customer": "انتخاب مشتري پيش فرض",
+        "default-customer": "مشتري پيش فرض",
+        "default-customer-required": "جهت عيب يابي داشبورد در سطح کاربر مياني، مشتري پيش فرض مورد نياز است"
+    },
+    "datetime": {
+        "date-from": "تاريخ از",
+        "time-from": "زمان از",
+        "date-to": "تاريخ تا",
+        "time-to": "زمان تا"
+    },
+    "dashboard": {
+        "dashboard": "داشبورد",
+        "dashboards": "داشبوردها",
+        "management": "مديريت داشبورد",
+        "view-dashboards": "نمايش داشبوردها",
+        "add": "افزودن داشبورد",
+        "assign-dashboard-to-customer": "تخصيص داشبورد(ها) به مشتري",
+        "assign-dashboard-to-customer-text": "لطفا داشبوردها را، جهت تخصيص به مشتري، انتخاب کنيد",
+        "assign-to-customer-text": "لطفا مشتري را، جهت تخصيص داشبورد(ها)، انتخاب کنيد",
+        "assign-to-customer": "تخصيص به مشتري",
+        "unassign-from-customer": "لغو تخصيص از مشتري",
+        "make-public": "عمومي سازي مشتري",
+        "make-private": "شخصي سازي داشبورد",
+        "manage-assigned-customers": "مديريت مشتريان تخصيص داده شده",
+        "assigned-customers": "مشتريان تخصيص داده شده",
+        "assign-to-customers": "تخصيص داشبورد(ها) به مشتريان",
+        "assign-to-customers-text": "لطفا مشتريان را، جهت تخصيص داشبورد(ها)، انتخاب کنيد",
+        "unassign-from-customers": "لغو تخصيص داشبوردها از مشتريان",
+        "unassign-from-customers-text": "لطفا مشتريان را، جهت لغو تخصيص از داشبورد(ها)، انتخاب کنيد",
+        "no-dashboards-text": "هيچ داشبوردي يافت نشد",
+        "no-widgets": "هيچ ويجتي پيکربندي نشده است",
+        "add-widget": "افزودن ويجت جديد",
+        "title": "عنوان",
+        "select-widget-title": "انتخاب ويجت",
+        "select-widget-subtitle": "ليست انواع ويجت هاي در دسترس",
+        "delete": "حذف داشبورد",
+        "title-required": ".عنوان مورد نياز است",
+        "description": "توصيف",
+        "details": "جزئيات",
+        "dashboard-details": "جزئيات داشبورد",
+        "add-dashboard-text": "افزودن داشبورد جديد",
+        "assign-dashboards": "تخصيص داشبوردها",
+        "assign-new-dashboard": "تخصيص داشبورد جديد",
+        "assign-dashboards-text": "به مشتريان { count, plural, 1 {1 داشبورد} other {# داشبورد} } تخصيص",
+        "unassign-dashboards-action-text": "از مشتريان { count, plural, 1 {1 داشبورد} other {# داشبورد} } لغو تخصيص",
+        "delete-dashboards": "حذف داشبوردها",
+        "unassign-dashboards": "لغو تخصيص داشبوردها",
+        "unassign-dashboards-action-title": "از مشتري { count, plural, 1 {1 داشبورد} other {# داشبورد} } لغو تخصيص",
+        "delete-dashboard-title": "مطمئنيد؟ '{{dashboardTitle}}' از حذف",
+        "delete-dashboard-text": ".مراقب باشيد، پس از تأييد، داشبورد و تمامي داده هاي مربوطه، غير قابل بازيابي مي شوند",
+        "delete-dashboards-title": "مطمئنيد؟ { count, plural, 1 {1 داشبورد} other {# داشبورد} } از حذف",
+        "delete-dashboards-action-title": "{ count, plural, 1 {1 داشبورد} other {# داشبورد} } حذف",
+        "delete-dashboards-text": ".مراقب باشيد، پس از تأييد، تمام داشبوردهاي انتخاب شده حذف، و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند ",
+        "unassign-dashboard-title": "مطمئنيد؟ '{{dashboardTitle}}' از لغو تخصيص داشبورد",
+        "unassign-dashboard-text": ".پس از تأييد، داشبورد، لغو تخصيص و خارج از دسترس مشتري مي شود",
+        "unassign-dashboard": "لغو تخصيص داشبورد",
+        "unassign-dashboards-title": "مطمئنيد؟ { count, plural, 1 {1 داشبورد} other {# داشبورد} } از لغو تخصيص",
+        "unassign-dashboards-text": ".پس از تأييد، تمام داشبوردهاي انتخاب شده، لغو تخصيص و خارج از دسترس مشتري مي شوند",
+        "public-dashboard-title": "داشبورد اکنون عمومي است",
+        "public-dashboard-text": ":</a>قابل دسترسي است<a href='{{publicLink}}' target='_blank'> اکنون عمومي بوده و از طريق پيوند عمومي ديگر ، <b>{{dashboardTitle}}</b> ،داشبورد شما",
+        "public-dashboard-notice": ".فراموش نکنيد براي دسترسي به داده هاي دستگاه هاي مربوطه، آنها را عمومي نماييد </b>:توجه<b>",
+        "make-private-dashboard-title": "مطمئنيد؟ '{{dashboardTitle}}' از شخصي سازي داشبورد",
+        "make-private-dashboard-text": ".پس از تأييد، داشبورد، شخصي و خارج از دسترس ديگران مي شود",
+        "make-private-dashboard": "شخصي سازي داشبورد",
+        "socialshare-text": "ThingsBoard طراحي شده توسط '{{dashboardTitle}}'",
+        "socialshare-title": "ThingsBoard طراحي شده توسط '{{dashboardTitle}}'",
+        "select-dashboard": "انتخاب داشبورد",
+        "no-dashboards-matching": ".يافت نشد '{{entity}}' هيچ داشبوردي منطبق بر",
+        "dashboard-required": ".داشبورد مورد نياز است",
+        "select-existing": "انتخاب داشبورد موجود",
+        "create-new": "ايجاد داشبورد جديد",
+        "new-dashboard-title": "عنوان داشبورد جديد",
+        "open-dashboard": "باز کردن داشبورد",
+        "set-background": "تنظيم پس زمينه",
+        "background-color": "رنگ پس زمينه",
+        "background-image": "تصوير پس زمينه",
+        "background-size-mode": "حالت اندازه پس زمينه",
+        "no-image": "هيچ تصويري انتخاب نشد",
+        "drop-image": ".جهت بارگذاري يک تصوير، آن را با موس کِشيده و رها کنيد، و يا روي آن کليک نماييد",
+        "settings": "تنظيمات",
+        "columns-count": "شمارش ستون ها",
+        "columns-count-required": ".شمارش ستون ها مورد نياز است",
+        "min-columns-count-message": ".کمترين تعداد مجاز ستون ها 10 عدد است",
+        "max-columns-count-message": ".بيشترين تعداد مجاز ستون ها 1000 عدد است",
+        "widgets-margins": "حاشيه بين ويجت ها",
+        "horizontal-margin": "حاشيه افقي",
+        "horizontal-margin-required": ".مقدار حاشيه افقي مورد نياز است",
+        "min-horizontal-margin-message": ".کمترين مقدار مجاز حاشيه افقي 0 است",
+        "max-horizontal-margin-message": ".بيشترين مقدار مجاز حاشيه افقي 50 است",
+        "vertical-margin": "حاشيه عمودي",
+        "vertical-margin-required": ".حاشيه عمودي مورد نياز است",
+        "min-vertical-margin-message": ".کمترين مقدار مجاز حاشيه عمودي 0 است",
+        "max-vertical-margin-message": ".بيشترين مقدار مجاز حاشيه افقي 50 است",
+        "autofill-height": "تنظيم خودکار ارتفاع چيدمان طرح",
+        "mobile-layout": "تنظيمات چيدمان طرح در تلفن همراه",
+        "mobile-row-height": "(px) ارتفاع رديف در تلفن همراه",
+        "mobile-row-height-required": ".مقدار ارتفاع ردبف در تلفن همراه مورد نياز است",
+        "min-mobile-row-height-message": ".کمترين مقدار مجاز ارتفاع رديف در تلفن همراه 5 پيکسل است",
+        "max-mobile-row-height-message": ".بيشترين مقدار مجاز ارتفاع رديف در تلفن همراه 200 پيکسل است",
+        "display-title": "نمايش عنوان داشبورد",
+        "toolbar-always-open": "باز نگه داشتن نوار ابزار",
+        "title-color": "رنگ عنوان",
+        "display-dashboards-selection": "نمايش انتخاب داشبوردها",
+        "display-entities-selection": "نمايش انتخاب موجودي ها",
+        "display-dashboard-timewindow": "نمايش پنجره زمان",
+        "display-dashboard-export": "نمايش صدور",
+        "import": "وارد کردن داشبورد",
+        "export": "صادر کردن داشبورد",
+        "export-failed-error": "{{error}} :صدور داشبورد ممکن نيست",
+        "create-new-dashboard": "ايجاد داشبورد جديد",
+        "dashboard-file": "پرونده داشبورد",
+        "invalid-dashboard-file-error": ".وارد کردن داشبورد ممکن نيست: ساختار داده داشبورد نامعتبر است",
+        "dashboard-import-missing-aliases-title": "پيکربندي نامهاي مستعار استفاده شده توسط داشبوردِ وارده",
+        "create-new-widget": "ايجاد ويجت جديد",
+        "import-widget": "وارد کردن ويجت",
+        "widget-file": "پرونده ويجت",
+        "invalid-widget-file-error": ".وارد کردن ويجت ممکن نيست: ساختار داده ويجت نامعتبر است",
+        "widget-import-missing-aliases-title": "پيکربندي نامهاي مستعار استفاده شده توسط ويجتِ وارده",
+        "open-toolbar": "باز کردن نوار ابزار داشبورد",
+        "close-toolbar": "بستن نوار ابزار",
+        "configuration-error": "خطاي پيکربندي",
+        "alias-resolution-error-title": "خطاي پيکربندي نامهاي مستعار داشبورد",
+        "invalid-aliases-config": ".لطفا جهت حل اين موضوع با مسئول مربوط به خود تماس بگيريد<br/>.يافتن دستگاهي منطبق بر فبلتر بعضي نامهاي مستعار ممکن نيست",
+        "select-devices": "انتخاب دستگاه ها",
+        "assignedToCustomer": "تخصيص يافته به مشتري",
+        "assignedToCustomers": "تخصيص يافته به مشتريان",
+        "public": "عمومي",
+        "public-link": "پيوند عمومي",
+        "copy-public-link": "رونوشت از پيوند عمومي",
+        "public-link-copied-message": "پيوند عمومي داشبورد در حافظه موقت رونوشت شد",
+        "manage-states": "مديريت وضعيت هاي داشبورد",
+        "states": "وضعيت هاي داشبورد",
+        "search-states": "جستجوي وضعيت هاي داشبورد",
+        "selected-states": "انتخاب شدند { count, plural, 1 {1 وضعيت داشبورد} other {# وضعيت داشبورد} }",
+        "edit-state": "ويرايش وضعيت داشبورد",
+        "delete-state": "حذف وضعيت داشبورد",
+        "add-state": "افزودن وضعيت داشبورد",
+        "state": "وضعيت داشبورد",
+        "state-name": "نام",
+        "state-name-required": ".نام وضعيت داشبورد مورد نياز است",
+        "state-id": "وضعيت ID",
+        "state-id-required": ".وضعيت داشبورد مورد نياز است ID",
+        "state-id-exists": ".مشابه موجود است ID در حال حاضر وضعيت داشبوردي با",
+        "is-root-state": "وضعيت پايه",
+        "delete-state-title": "حذف وضعيت داشبورد",
+        "delete-state-text": "مطمئنيد؟ '{{stateName}}' از حذف وضعيت داشبورد با نام",
+        "show-details": "نمايش جزئيات",
+        "hide-details": "پنهان کردن جزئيات",
+        "select-state": "انتخاب وضعيت هدف",
+        "state-controller": "کنترل کننده وضعيت"
+    },
+    "datakey": {
+        "settings": "تنظيمات",
+        "advanced": "پيشرفته",
+        "label": "برچسب",
+        "color": "رنگ",
+        "units": "کارکتر خاص براي نمايش بعد از مقدار تعين شده",
+        "decimals": "تعداد ارقام بعد از مميّز شناور",
+        "data-generation-func": "تابع توليد داده",
+        "use-data-post-processing-func": "استفاده از تابع پس پردازش داده",
+        "configuration": "پيکربندي کليد داده",
+        "timeseries": "سري هاي زماني",
+        "attributes": "ويژگي ها",
+        "alarm": "حوزه هاي هشدار",
+        "timeseries-required": ".سري هاي زماني موجودي مورد نياز است",
+        "timeseries-or-attributes-required": ".سري هاي زماني / ويژگي هاي موجودي مورد نياز است",
+        "maximum-timeseries-or-attributes": "{ count, plural, 1 {.1 سري زماني / ويژگي مجاز است} other {# سري زماني / ويژگي مجازند} } بيشترين",
+        "alarm-fields-required": ".حوزه هاي هشدار مورد نياز است",
+        "function-types": "نوع توابع",
+        "function-types-required": ".نوع تابع مورد نياز است",
+        "maximum-function-types": "{ count, plural, 1 {.1 نوع تابع مجاز است} other {# نوع تابع مجازند} } بيشترين",
+        "time-description": "برچسب زماني مقدار فعلي؛",
+        "value-description": "مقدار فعلي؛",
+        "prev-value-description": "نتيجه ي فراخوانيِ تابع قبلي؛",
+        "time-prev-description": "برچسب زماني مقدار قبلي؛",
+        "prev-orig-value-description": "ممقدار اصلي قبلي"
+    },
+    "datasource": {
+        "type": "نوع منبع داده",
+        "name": "نام",
+        "add-datasource-prompt": "لطفا منبع داده را اضافه کنيد"
+    },
+    "details": {
+        "edit-mode": "حالت ويرايش",
+        "toggle-edit-mode": "حالت ويرايش را تغيير دهيد"
+    },
+    "device": {
+        "device": "دستگاه",
+        "device-required": ".دستگاه مورد نياز است",
+        "devices": "دستگاه ها",
+        "management": "مديريت دستگاه",
+        "view-devices": "نمايش دستگاه ها",
+        "device-alias": "نام مستعار دستگاه",
+        "aliases": "نامهاي مستعار دستگاه",
+        "no-alias-matching": ".يافت نشد'{{alias}}'",
+        "no-aliases-found": ".هيچ نام مستعاري يافت نشد",
+        "no-key-matching": ".يافت نشد'{{key}}'",
+        "no-keys-found": ".هيچ کليدي يافت نشد",
+        "create-new-alias": "!ايجاد يک نام مستعار جديد",
+		"create-new-key": "!ايجاد يک کليد جديد",
+        "duplicate-alias-error": ".نام مستعار در داشبورد بايد يکتا باشد<br>'{{alias}}'نام مستعار مشابه يافت شد",
+        "configure-alias": "نام مستعار '{{alias}}' پيکربندي",
+        "no-devices-matching": "مطابقت داشته باشد وجود ندارد '{{entity}}' هيچ دستگاهي که با ",
+        "alias": "نام مستعار",
+        "alias-required": ".نام مستعار مورد نياز است",
+        "remove-alias": "حذف نام مستعار دستگاه",
+        "add-alias": "افزودن نام مستعار دستگاه",
+        "name-starts-with": "اسم دستگاه شروع مي شود با",
+        "device-list": "ليست دستگاه ها",
+        "use-device-name-filter": "از فيلتر استفاده کنيد",
+        "device-list-empty": ".هيچ دستگاهي انتخاب نشده است",
+        "device-name-filter-required": ".فيلتر نام دستگاه مورد نياز است",
+        "device-name-filter-no-device-matched": ".شروع شود يافت نشد '{{device}}' هيچ دستگاهي که با",
+        "add": "افزودن دستگاه",
+        "assign-to-customer": "تخصيص به مشتري",
+		"assign-device-to-customer": "تخصيص دستگاه (ها) به مشتري",
+        "assign-device-to-customer-text": "لطفا دستگاه ها را انتخاب کنيد تا به مشتري تخصيص يابد",
+        "make-public": "عمومي سازي دستگاه",
+        "make-private": "شخصي سازي دستگاه",
+        "no-devices-text": "هيچ دستگاهي يافت نشد",
+        "assign-to-customer-text": "لطفا مشتري را انتخاب کنيد تا دستگاه(ها) تخصيص يابد",
+        "device-details": "جزئيات دستگاه",
+        "add-device-text": "افزودن دستگاه جديد",
+        "credentials": "اعتبارنامه ها",
+        "manage-credentials": "مديريت اعتبارنامه ها",
+        "delete": "حذف دستگاه",
+        "assign-devices": "تخصيص دستگاه ها",
+        "assign-devices-text": "به مشتري { count, plural, 1 {1 دستگاه} other {# دستگاه} } تخصيص",
+        "delete-devices": "حذف دستگاه ها",
+        "unassign-from-customer": "لغو تخصيص از مشتري",
+        "unassign-devices": "لغو تخصيص دستگاه ها",
+        "unassign-devices-action-title": "از مشتري { count, plural, 1 {1 دستگاه} other {# دستگاه} } لغو تخصيص",
+        "assign-new-device": "تخصيص دستگاه جديد",
+        "make-public-device-title": "مطمئنيد؟ '{{deviceName}}' از عمومي سازي دستگاه",
+        "make-public-device-text": ".پس از تأييد، دستگاه و تمامي داده هايش عمومي و قابل دسترسي براي ديگران مي شود",
+        "make-private-device-title": "مطمئنيد؟ '{{deviceName}}' از شخصي سازي دستگاه",
+        "make-private-device-text": ".پس از تأييد، دستگاه و تمامي داده هايش شخصي و خارج از دسترس ديگران مي شوند",
+        "view-credentials": "نمايش اعتبارنامه ها",
+        "delete-device-title": "مطمئنيد؟ '{{deviceName}}' از حذف",
+        "delete-device-text": ".مراقب باشيد، پس از تأييد، دستگاه و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "delete-devices-title": "مطمئنيد؟ { count, plural, 1 {1 دستگاه} other {# دستگاه} } از حذف",
+        "delete-devices-action-title": "{ count, plural, 1 {1 دستگاه} other {# دستگاه} } حذف",
+        "delete-devices-text": ".مراقب باشيد، پس از تأييد، تمام دستگاه هاي انتخاب شده، حذف، و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "unassign-device-title": "مطمئنيد؟ '{{deviceName}}' از لغو تخصيص",
+        "unassign-device-text": ".پس از تأييد، دستگاه، لغو تخصيص و خارج از دسترس مشتري مي شود",
+        "unassign-device": "لغو تخصيص دستگاه",
+        "unassign-devices-title": "مطمئنيد؟ { count, plural, 1 {1 دستگاه} other {# دستگاه} } از لغو تخصيص",
+        "unassign-devices-text": ".پس از تأييد، تمام دستگاه هاي انتخاب شده، لغو تخصيص و خارج از دسترس مشتري مي شوند",
+        "device-credentials": "اعتبارنامه هاي دستگاه",
+        "credentials-type": "نوع اعتبارنامه ها",
+        "access-token": "شناسه دسترسي",
+        "access-token-required": ".شناسه دسترسي مورد نياز است",
+        "access-token-invalid": ".طول شناسه دسترسي بايد از 1 تا 20 حرف باشد",
+        "rsa-key": "RSA کليد عمومي",
+        "rsa-key-required": ".مورد نياز است RSA کليد عمومي",
+        "secret": "محرمانه",
+        "secret-required": ".شناسه محرمانه مورد نياز است",
+        "device-type": "نوع دستگاه",
+        "device-type-required": ".نوع دستگاه مورد نياز است",
+        "select-device-type": "انتخاب نوع دستگاه",
+        "enter-device-type": "وارد کردن نوع دستگاه",
+        "any-device": "هر دستگاهي",
+        "no-device-types-matching": ".يافت نشد '{{entitySubtype}}' هيچ نوع دستگاهي منطبق بر",
+        "device-type-list-empty": ".هيچ نوع دستگاهي انتخاب نشد",
+        "device-types": "انواع دستگاه",
+        "name": "نام",
+        "name-required": ".نام مورد نياز است",
+        "description": "توصيف",
+        "events": "رويدادها",
+        "details": "جزئيات",
+        "copyId": "دستگاه ID رونوشت از",
+        "copyAccessToken": "رونوشت از شناسه دسترسي",
+        "idCopiedMessage": ".دستگاه در حافظه موقت رونوشت شد ID",
+        "accessTokenCopiedMessage": ".شناسه دسترسي دستگاه در حافظه موقت رونوشت شد",
+        "assignedToCustomer": "تخصيص يافته به مشتري",
+        "unable-delete-device-alias-title": "حذف نام مستعار دستگاه ممکن نيست",
+        "unable-delete-device-alias-text": "<br/>{{widgetsList}} :را تا زمان استفاده توسط ويجت(هاي) زير نمي توان حذف کرد ، '{{deviceAlias}}' ،نام مستعار دستگاه",
+        "is-gateway": "درگاه است",
+        "public": "عمومي",
+        "device-public": "دستگاه عمومي است",
+        "select-device": "انتخاب دستگاه"
+    },
+    "dialog": {
+        "close": "بستن گفتگو"
+    },
+    "error": {
+        "unable-to-connect": ".اتصال به سِروِر ممکن نيست! لطفا اتصال اينترنت خود را بررسي کنيد",
+        "unhandled-error-code": "{{errorCode}} :کد خطاي رسيدگي نشده",
+        "unknown-error": "خطاي ناشناخته"
+    },
+    "entity": {
+        "entity": "موجودي",
+        "entities": "موجودي ها",
+        "aliases": "نامهاي مستعار موجودي",
+        "entity-alias": "نام مستعار موجودي",
+        "unable-delete-entity-alias-title": "حذف نام مستعار موجودي ممکن نيست",
+        "unable-delete-entity-alias-text": "<br/>{{widgetsList}} :را تا زمان استفاده توسط ويجت(هاي) زير نمي توان حذف کرد ، '{{entityAlias}}' ،نام مستعار موجودي",
+        "duplicate-alias-error": ".نامهاي مستعار موجودي بايد در داشبورد، منحصر بفرد باشند<br>.يافت شد '{{alias}}' نام مستعار تکراري",
+        "missing-entity-filter-error": ".مفقود است '{{alias}}' فيلتر براي نام مستعار",
+        "configure-alias": "'{{alias}}' پيکربندي نام مستعار",
+        "alias": "نام مستعار",
+        "alias-required": ".نام مستعار موجودي مورد نياز است",
+        "remove-alias": "حذف نام مستعار موجودي",
+        "add-alias": "افزودن نام مستعار موجودي",
+        "entity-list": "ليست موجودي",
+        "entity-type": "نوع موجودي",
+        "entity-types": "انواع موجودي",
+        "entity-type-list": "ليست نوع موجودي",
+        "any-entity": "هر موجودي",
+        "enter-entity-type": "وارد کردن نوع موجودي",
+        "no-entities-matching": ".يافت نشد '{{entity}}' هيچ موجودي منطبق بر",
+        "no-entity-types-matching": ".يافت نشد '{{entityType}}' هيچ نوع موجودي منطبق بر",
+        "name-starts-with": "نام شروع مي شود با",
+        "use-entity-name-filter": "استفاده از فيلتر",
+        "entity-list-empty": ".هيچ موجودي اي انتخاب نشده است",
+        "entity-type-list-empty": ".هيچ نوع موجودي انتخاب نشده است",
+        "entity-name-filter-required": ".فيلتر نام موجودي مورد نياز است",
+        "entity-name-filter-no-entity-matched": ".شروع شود يافت نشد '{{entity}}' هيچ موجودي که با",
+        "all-subtypes": "همه",
+        "select-entities": "انتخاب موجودي ها",
+        "no-aliases-found": ".هيچ نام مستعاري يافت نشد",
+        "no-alias-matching": ".يافت نشد '{{alias}}'",
+        "create-new-alias": "!ايجاد يک نام مستعار جديد",
+        "key": "کليد",
+        "key-name": "نام کليد",
+        "no-keys-found": ".هيچ کليدي يافت نشد",
+        "no-key-matching": "'.يافت نشد {{key}}'",
+        "create-new-key": "!ايجاد يک کليد جديد",
+        "type": "نوع",
+        "type-required": ".نوع موجودي مورد نياز است",
+        "type-device": "دستگاه",
+        "type-devices": "دستگاه ها",
+        "list-of-devices": "{ count, plural, 1 {يک دستگاه} other {ليست # دستگاه} }",
+        "device-name-starts-with": "شروع مي شود '{{prefix}}' دستگاه هايي که نامشان با",
+        "type-asset": "دارايي",
+        "type-assets": "دارايي ها",
+        "list-of-assets": "{ count, plural, 1 {يک دارايي} other {ليست # دارايي} }",
+        "asset-name-starts-with": "شروع مي شود '{{prefix}}' دارايي هايي که نامشان با",
+        "type-entity-view": "نمايش موجودي",
+        "type-entity-views": "نمايش هاي موجودي",
+        "list-of-entity-views": "{ count, plural, 1 {يک نمايش موجودي} other {ليست # نمايش موجودي} }",
+        "entity-view-name-starts-with": "شروع مي شود '{{prefix}}' نمايش هاي موجودي که نامشان با",
+        "type-rule": "قاعده",
+        "type-rules": "قواعد",
+        "list-of-rules": "{ count, plural, 1 {يک قاعده} other {ليست # قاعده} }",
+        "rule-name-starts-with": "شروع مي شود '{{prefix}}' قواعدي که نامشان با",
+        "type-plugin": "ابزار جانبي",
+        "type-plugins": "ابزارهاي جانبي",
+        "list-of-plugins": "{ count, plural, 1 {يک ابزار جانبي} other {ليست # ابزار جانبي} }",
+        "plugin-name-starts-with": "شروع مي شود '{{prefix}}' ابزارهاي جانبي که نامشان با",
+        "type-tenant": "کاربر",
+        "type-tenants": "کاربران",
+        "list-of-tenants": "{ count, plural, 1 {يک کاربر} other {ليست # کاربر} }",
+        "tenant-name-starts-with": "شروع مي شود '{{prefix}}' کاربرهايي که نامشان با",
+        "type-customer": "مشتري",
+        "type-customers": "مشتريان",
+        "list-of-customers": "{ count, plural, 1 {يک مشتري} other {ليست # مشتري} }",
+        "customer-name-starts-with": "شروع مي شود '{{prefix}}' مشترياني که نامشان با",
+        "type-user": "کاربر",
+        "type-users": "کاربران",
+        "list-of-users": "{ count, plural, 1 {يک کاربر} other {ليست # کاربر} }",
+        "user-name-starts-with": "شروع مي شود '{{prefix}}' کاربرهايي که نامشان با",
+        "type-dashboard": "داشبورد",
+        "type-dashboards": "داشبوردها",
+        "list-of-dashboards": "{ count, plural, 1 {يک داشبورد} other {ليست # داشبورد} }",
+        "dashboard-name-starts-with": "شروع مي شود '{{prefix}}' داشبوردهايي که نامشان با",
+        "type-alarm": "هشدار",
+        "type-alarms": "هشدارها",
+        "list-of-alarms": "{ count, plural, 1 {يک هشدار} other {ليست # هشدار} }",
+        "alarm-name-starts-with": "شروع مي شود '{{prefix}}' هشدارهايي که نامشان با",
+        "type-rulechain": "زنجيره قواعد",
+        "type-rulechains": "زنجيره هاي قواعد",
+        "list-of-rulechains": "{ count, plural, 1 {يک زنجيره قواعد} other {ليست # زنجيره قواعد} }",
+        "rulechain-name-starts-with": "شروع مي شود '{{prefix}}' زنجيره هاي قواعدي که نامشان با",
+        "type-rulenode": "گره قواعد",
+        "type-rulenodes": "گره هاي قواعد",
+        "list-of-rulenodes": "{ count, plural, 1 {يک گره قواعد} other {ليست # گره قواعد} }",
+        "rulenode-name-starts-with": "شروع مي شود '{{prefix}}' گره هاي قواعدي که نامشان با",
+        "type-current-customer": "مشتري فعلي",
+        "search": "جستجوي موجودي ها",
+        "selected-entities": "انتخاب شدند { count, plural, 1 {1 موجودي} other {# موجودي} }",
+        "entity-name": "نام موجودي",
+        "details": "جزئيات موجودي",
+        "no-entities-prompt": "هيچ موجودي اي يافت نشد",
+        "no-data": "هيچ داده اي براي نمايش نيست",
+        "columns-to-display": "ستون ها براي نمايش"
+    },
+    "entity-view": {
+        "entity-view": "نمايش موجودي",
+        "entity-view-required": ".نمايش موجودي مورد نياز است",
+        "entity-views": "نمايش هاي موجودي",
+        "management": "مديريت نمايش موجودي",
+        "view-entity-views": "نمايش نمايش هاي موجودي",
+        "entity-view-alias": "نام مستعار نمايش موجودي",
+        "aliases": "نامهاي مستعار نمايش موجودي",
+        "no-alias-matching": ".يافت نشد '{{alias}}'",
+        "no-aliases-found": ".هيچ نام مستعاري يافت نشد",
+        "no-key-matching": ".يافت نشد '{{key}}'",
+        "no-keys-found": ".هيچ کليدي يافت نشد",
+        "create-new-alias": "!ايجاد نام مستعار جديد",
+        "create-new-key": "!ايجاد کليد جديد",
+        "duplicate-alias-error": ".نامهاي مستعار نمايش موجودي بايد در داشبورد، منحصر بفرد باشند<br>.يافت شد '{{alias}}' نام مستعار تکراري",
+        "configure-alias": "'{{alias}}' پيکربندي نام مستعار",
+        "no-entity-views-matching": ".يافت نشد '{{entity}}' هيچ موجودي منطبق بر",
+        "alias": "نام مستعار",
+        "alias-required": ".نام مستعار نمايش موجودي مورد نياز است",
+        "remove-alias": "حذف نام مستعار نمايش موجودي",
+        "add-alias": "افزودن نام مستعار نمايش موجودي",
+        "name-starts-with": "نام نمايش موجودي شروع مي شود با",
+        "entity-view-list": "ليست نمايش موجودي",
+        "use-entity-view-name-filter": "استفاده از فيلتر",
+        "entity-view-list-empty": ".هيچ نمايش موجودي انتخاب نشد",
+        "entity-view-name-filter-required": ".فيلتر نام نمايش موجودي مورد نياز است",
+        "entity-view-name-filter-no-entity-view-matched": ".شروع شود يافت نشد '{{entityView}}' هيچ نمايش موجودي که با",
+        "add": "افزودن نمايش موجودي",
+        "assign-to-customer": "تخصيص به مشتري",
+        "assign-entity-view-to-customer": "تخصيص نمايش(هاي) موجودي به مشتري",
+        "assign-entity-view-to-customer-text": ".لطفا نمايش هاي موجودي را انتخاب کنيد تا به مشتري تخصيص يابند",
+        "no-entity-views-text": "هيچ نمايش موجودي يافت نشد",
+        "assign-to-customer-text": ".لطفا مشتري را انتخاب کنيد تا نمايش(هاي) موجودي تخصيص يابد",
+        "entity-view-details": "جزئيات نمايش موجودي",
+        "add-entity-view-text": "افزودن نمايش موجودي جديد",
+        "delete": "حذف نمايش موجودي",
+        "assign-entity-views": "تخصيص نمايش هاي موجودي",
+        "assign-entity-views-text": "به مشتري { count, plural, 1 {1 نمايش موجودي} other {# نمايش موجودي} } تخصيص",
+        "delete-entity-views": "حذف نمايش هاي موجودي",
+        "unassign-from-customer": "لغو تخصيص از مشتري",
+        "unassign-entity-views": "لغو تخصيص نمايش هاي موجودي",
+        "unassign-entity-views-action-title": "از مشتري { count, plural, 1 {1 نمايش موجودي} other {# نمايش موجودي} } لغو تخصيص",
+        "assign-new-entity-view": "تخصيص نمايش موجودي جديد",
+        "delete-entity-view-title": "مطمئنيد؟ '{{entityViewName}}' از حذف نمايش موجودي",
+        "delete-entity-view-text": ".مراقب باشيد، پس از تأييد، نمايش موجودي و تمامي داده هاي مربوطه، غير قابل بازيابي مي شوند",
+        "delete-entity-views-title": "مطمئنيد؟ { count, plural, 1 {1 نمايش موجودي} other {# نمايش موجودي} } از حذف نمايش موجودي",
+        "delete-entity-views-action-title": "{ count, plural, 1 {1 نمايش موجودي} other {# نمايش موجودي} } حذف",
+        "delete-entity-views-text": ".مراقب باشيد، پس از تأييد، تمام نمايش هاي موجوديِ انتخاب شده حذف، و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "unassign-entity-view-title": "مطمئنيد؟ '{{entityViewName}}' از لغو تخصيص نمايش موجودي",
+        "unassign-entity-view-text": ".پس از تأييد، نمايش موجودي، لغو تخصيص و خارج از دسترس مشتري مي شود",
+        "unassign-entity-view": "لغو تخصيص نمايش موجودي",
+        "unassign-entity-views-title": "مطمئنيد؟ { count, plural, 1 {1 نمايش موجودي} other {# نمايش موجودي} } از لغو تخصيص",
+        "unassign-entity-views-text": ".پس از تأييد، تمام نمايش هاي موجوديِ انتخاب شده، لغو تخصيص و خارج از دسترس مشتري مي شوند",
+        "entity-view-type": "نوع نمايش موجودي",
+        "entity-view-type-required": ".نوع نمايش موجودي مورد نياز است",
+        "select-entity-view-type": "انتخاب نوع نمايش موجودي",
+        "enter-entity-view-type": "وارد کردن نوع نمايش موجودي",
+        "any-entity-view": "هر نمايش موجودي",
+        "no-entity-view-types-matching": ".يافت نشد '{{entitySubtype}}' هيچ نوع نمايش موجودي منطبق بر",
+        "entity-view-type-list-empty": ".هيچ نوع نمايش موجودي انتخاب نشد",
+        "entity-view-types": "انواع نمايش موجودي",
+        "name": "نام",
+        "name-required": ".نام مورد نياز است",
+        "description": "توصيف",
+        "events": "رويدادها",
+        "details": "جزئيات",
+        "copyId": "نمايش موجودي ID رونوشت از",
+        "assignedToCustomer": "تخصيص يافته به مشتري",
+        "unable-entity-view-device-alias-title": ".حذف نام مستعار نمايش موجودي ممکن نيست",
+        "unable-entity-view-device-alias-text": "<br/>{{widgetsList}} :را تا زمان استفاده توسط ويجت(هاي) زير نمي توان حذف کرد ، '{{entityViewAlias}}' ،نام مستعار دستگاه",
+        "select-entity-view": "انتخاب نمايش موجودي",
+        "make-public": "عمومي سازي نمايش موجودي",
+        "start-date": "تاريخ شروع",
+        "start-ts": "زمان شروع",
+        "end-date": "تاريخ پايان",
+        "end-ts": "زمان پايان",
+        "date-limits": "محدوده تاريخ",
+        "client-attributes": "ويژگي هاي مشتري",
+        "shared-attributes": "ويژگي هاي مشترک",
+        "server-attributes": "ويژگي هاي سِروِر",
+        "timeseries": "سري هاي زماني",
+        "client-attributes-placeholder": "ويژگي هاي مشتري",
+        "shared-attributes-placeholder": "ويژگي هاي مشترک",
+        "server-attributes-placeholder": "ويژگي هاي سِروِر",
+        "timeseries-placeholder": "سري هاي زماني",
+        "target-entity": "موجودي هدف",
+        "attributes-propagation": "انتشار ويژگي ها",
+        "attributes-propagation-hint": "هر بار که شما نمايش موجودي را بروز رساني يا ذخيره مي کنيد، نمايش موجودي بصور خودکار ويژگي هاي تعيين شده را از موجودي هدف کپي مي کند و به دلايل عملکردي، ويژگي هاي موجودي هدف، با هر بار تغيير ويژگي، در نمايش موجودي انتشار نمي يابند. مي توانيد با پيکربندي گره قواعد در زنجيره قواعد خود و پيوند دهي \"Post attributes\"  و \"Attributes Updated\"  آن به گره قواعد جديد، انتشار خودکار \"copy to view\"  را ممکن سازيد ." ,
+        "timeseries-data": "داده ي سري هاي زماني",
+        "timeseries-data-hint": "کليدهاي داده ي سري هاي زمانيِ موجوديِ هدف را پيکربندي کنيد تا در دسترسِ نمايش موجودي باشند. اين سري هاي زماني، فقط خواندني است"
+    },
+    "event": {
+        "event-type": "نوع رويداد",
+        "type-error": "خطا",
+        "type-lc-event": "رويداد چرخه عمر",
+        "type-stats": "آمار",
+        "type-debug-rule-node": "اشکال زدايي",
+        "type-debug-rule-chain": "اشکال زدايي",
+        "no-events-prompt": "هيچ رويدادي يافت نشد",
+        "error": "خطا",
+        "alarm": "هشدار",
+        "event-time": "زمان رويداد",
+        "server": "سِروِر",
+        "body": "بدنه",
+        "method": "روش",
+        "type": "نوع",
+        "entity": "موجودي",
+        "message-id": "پيام ID",
+        "message-type": "نوع پيام",
+        "data-type": "نوع داده",
+        "relation-type": "نوع ارتباط",
+        "metadata": "فرا داده",
+        "data": "داده",
+        "event": "رويداد",
+        "status": "وضعيت",
+        "success": "موفقيت",
+        "failed": "عدم موفقيت",
+        "messages-processed": "پيام پردازش شد",
+        "errors-occurred": "خطاها رخ دادند"
+    },
+    "extension": {
+        "extensions": "دنباله ها",
+        "selected-extensions": "انتخاب شدند { count, plural, 1 {1 افزونه} other {افزونه ها #} }",
+        "type": "نوع",
+        "key": "کليد",
+        "value": "مقدار",
+        "id": "ID",
+        "extension-id": " افزونه ID",
+        "extension-type": "نوع افزونه",
+        "transformer-json": "JSON *",
+        "unique-id-required": ".افزونه فعلي موجود است ID در حال حاضر",
+        "delete": "حذف دنباله",
+        "add": "افزودن دنباله",
+        "edit": "ويرايش دنباله",
+        "delete-extension-title": "مطمئنيد؟ '{{extensionId}}' از حذف افزونه",
+        "delete-extension-text": ".مراقب باشيد، پس از تأييد، افزونه و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "delete-extensions-title": "مطمئنيد؟ { count, plural, 1 {1 افزونه} other {# افزونه} } از حذف",
+        "delete-extensions-text": ".مراقب باشيد، پس از تأييد، تمام افزونه هاي انتخاب شده حذف مي گردند",
+        "converters": "مبدّل ها",
+        "converter-id": "مبدّل ID",
+        "configuration": "پيکربندي",
+        "converter-configurations": "پيکربندي هاي مبدّل",
+        "token": "نشانه امنيت",
+        "add-converter": "افزودن مبدّل",
+        "add-config": "افزودن پيکربندي مبدّل",
+        "device-name-expression": "عبارت نام دستگاه",
+        "device-type-expression": "عبارت نوع دستگاه",
+        "custom": "متداول",
+        "to-double": "دو برابر شدن",
+        "transformer": "مبدّل",
+        "json-required": ".مبدّل مورد نياز است JSON",
+        "json-parse": ".مبدّل ممکن نيست JSON تجزيه",
+        "attributes": "ويژگي ها",
+        "add-attribute": "افزودن ويژگي",
+        "add-map": "افزودن جزء نگاشت",
+        "timeseries": "سري هاي زماني",
+        "add-timeseries": "افزودن سري هاي زماني",
+        "field-required": "دامنه مورد نياز است",
+        "brokers": "واسطه ها",
+        "add-broker": "افزودن واسطه",
+        "host": "ميزبان",
+        "port": "درگاه",
+        "port-range": ".درگاه بايد در بازه اي بين 1 تا 65535 باشد",
+        "ssl": "Ssl",
+        "credentials": "اعتبارنامه ها",
+        "username": "نام کاربري",
+        "password": "رمز عبور",
+        "retry-interval": "بازخواني فاصله در ميلي ثانيه",
+        "anonymous": "بي نام",
+        "basic": "پايه",
+        "pem": "PEM",
+        "ca-cert": "CA پرونده گواهينامه *",
+        "private-key": "پرونده کليد شخصي *",
+        "cert": "پرونده گواهينامه *",
+        "no-file": ".هيچ پرونده اي انتخاب نشد",
+        "drop-file": ".جهت بارگذاري يک پرونده، آن را با موس کِشيده و رها کنيد، و يا روي آن کليک نماييد",
+        "mapping": "نگاشت",
+        "topic-filter": "فيلتر عنوان",
+        "converter-type": "نوع مبدّل",
+        "converter-json": "JSON",
+        "json-name-expression": "نام دستگاه JSON عبارت",
+        "topic-name-expression": "عبارت عنوان نام دستگاه",
+        "json-type-expression": "نوع دستگاه JSON عبارت",
+        "topic-type-expression": "عبارت عنوان نوع دستگاه",
+        "attribute-key-expression": "عبارت کليد ويژگي",
+        "attr-json-key-expression": "کليد ويژگي JSON عبارت",
+        "attr-topic-key-expression": "عبارت عنوان کليد ويژگي",
+        "request-id-expression": "ID درخواست عبارت",
+        "request-id-json-expression": "ID JSON درخواست عبارت",
+        "request-id-topic-expression": "ID درخواست عبارت عنوان",
+        "response-topic-expression": "عبارت عنوان پاسخ",
+        "value-expression": "عبارت مقدار",
+        "topic": "عنوان",
+        "timeout": "وقفه در ميلي ثانيه",
+        "converter-json-required": ".مبدّل مورد نياز است JSON",
+        "converter-json-parse": ".مبدّل ممکن نيست JSON تجزيه",
+        "filter-expression": "عبارت فيلتر",
+        "connect-requests": "درخواست هاي اتصال",
+        "add-connect-request": "افزودن درخواست اتصال",
+        "disconnect-requests": "درخواست هاي قطع اتصال",
+        "add-disconnect-request": "افزودن درخواست قطع اتصال",
+        "attribute-requests": "درخواست هاي ويژگي",
+        "add-attribute-request": "افزودن درخواست ويژگي",
+        "attribute-updates": "به روز رساني هاي ويژگي ",
+        "add-attribute-update": "افزودن به روز رساني ويژگي ",
+        "server-side-rpc": "سَمت سِروِر RPC",
+        "add-server-side-rpc-request": "سَمت سِروِر RPC افزودن درخواست",
+        "device-name-filter": "فيلتر نام دستگاه",
+        "attribute-filter": "فيلتر ويژگي ",
+        "method-filter": "فيلتر روش",
+        "request-topic-expression": "عبارت عنوان درخواست",
+        "response-timeout": "وقفه پاسخ در ميلي ثانيه",
+        "topic-expression": "بيان موضوع",
+        "client-scope": "حوزه مشتري",
+        "add-device": "افزودن دستگاه",
+        "opc-server": "سِروِرها",
+        "opc-add-server": "افزودن سِروِر",
+        "opc-add-server-prompt": "لطفا سِروِر را اضافه کنيد",
+        "opc-application-name": "نام برنامه کاربردي",
+        "opc-application-uri": "برنامه کاربردي URI",
+        "opc-scan-period-in-seconds": "دوره پويش در ثانيه",
+        "opc-security": "امنيت",
+        "opc-identity": "هويت",
+        "opc-keystore": "کي استور",
+        "opc-type": "نوع",
+        "opc-keystore-type": "نوع",
+        "opc-keystore-location": "* موقعيت مکاني",
+        "opc-keystore-password": "رمز عبور",
+        "opc-keystore-alias": "نام مستعار",
+        "opc-keystore-key-password": "کليد رمز عبور",
+        "opc-device-node-pattern": "الگوي گره دستگاه",
+        "opc-device-name-pattern": "الگوي نام دستگاه",
+        "modbus-server": "سِروِرها/جايگزين آماده به کار",
+        "modbus-add-server": "افزودن سِروِر/ جايگزين آماده به کار ",
+        "modbus-add-server-prompt": "لطفا سِروِرها/جايگزين آماده به کار را اضافه کنيد",
+        "modbus-transport": "انتقال",
+        "modbus-port-name": "نام در گاه سريال",
+        "modbus-encoding": "رمز گذاري",
+        "modbus-parity": "توازن",
+        "modbus-baudrate": "نرخ علامت در ثانيه",
+        "modbus-databits": "بيت هاي داده",
+        "modbus-stopbits": "بيت هاي توقف",
+        "modbus-databits-range": ".بيت هاي داده بايد در بازه اي بين 7 تا 8 باشند",
+        "modbus-stopbits-range": ".بيت هاي توقف بايد در بازه اي بين 1 تا 2 باشند",
+        "modbus-unit-id": "واحد ID",
+        "modbus-unit-id-range": ".واحد بايد در بازه اي بين 1 تا 247 باشد ID",
+        "modbus-device-name": "نام دستگاه",
+        "modbus-poll-period": "(ms) دوره نمونه برداري",
+        "modbus-attributes-poll-period": "(ms) دوره نمونه برداري ويژگي ها",
+        "modbus-timeseries-poll-period": "(ms) دوره نمونه برداري سري هاي زماني",
+        "modbus-poll-period-range": ".دوره نمونه برداري بايد مقداري مثبت باشد",
+        "modbus-tag": "برچسب",
+        "modbus-function": "تابع",
+        "modbus-register-address": "ثبت نام نشاني",
+        "modbus-register-address-range": ".نشاني ثبت بايد در بازه اي بين 0 تا 65535 باشد",
+        "modbus-register-bit-index": "شاخص بيت",
+        "modbus-register-bit-index-range": ".شاخص بيت بايد در بازه اي بين 0 تا 15 باشد",
+        "modbus-register-count": "شمارش ثبت",
+        "modbus-register-count-range": ".شمارش ثبت بايد مقداري مثبت باشد",
+        "modbus-byte-order": "ترتيب بايت",
+
+        "sync": {
+            "status": "وضعيت",
+            "sync": "همگام",
+            "not-sync": "غير همگام",
+            "last-sync-time": "آخرين زمان همگام سازي",
+            "not-available": "خارج از دسترس"
+        },
+
+        "export-extensions-configuration": "صدور پيکربندي افزونه ها",
+        "import-extensions-configuration": "وارد کردن پيکربندي افزونه ها",
+        "import-extensions": "وارد کردن افزونه ها",
+        "import-extension": "وارد کردن افزونه",
+        "export-extension": "صدور افزونه",
+        "file": "پرونده افزونه ها",
+        "invalid-file-error": "پرونده افزونه نامعتبر است"
+    },
+    "fullscreen": {
+        "expand": "بسط به حالت تمام صفحه",
+        "exit": "خروج از حالت تمام صفحه",
+        "toggle": "تغيير حالت تمام صفحه",
+        "fullscreen": "حالت تمام صفحه"
+    },
+    "function": {
+        "function": "تابع"
+    },
+    "grid": {
+        "delete-item-title": "از حذف اين مورد مطمئنيد؟",
+        "delete-item-text": ".مراقب باشيد، پس از تأييد، اين مورد و تمامي داده هاي مربوطه غيرقابل بازيابي مي شوند",
+        "delete-items-title": "مطمئنيد؟ { count, plural, 1 {1 مورد} other {# مورد} } از حذف",
+        "delete-items-action-title": "{ count, plural, 1 {1 مورد} other {# مورد} } حذف",
+        "delete-items-text": ".مراقب باشيد، پس از تأييد، تمام مواردِ انتخاب شده حذف، و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "add-item-text": "افزودن مورد جديد",
+        "no-items-text": "هيچ موردي يافت نشد",
+        "item-details": "جزئيات مورد",
+        "delete-item": "حذف مورد",
+        "delete-items": "حذف موارد",
+        "scroll-to-top": "پيمايش به بالا"
+    },
+    "help": {
+        "goto-help-page": "رفتن به صفحه کمک"
+    },
+    "home": {
+        "home": "خانه",
+        "profile": "پرونده شخصي",
+        "logout": "خروج",
+        "menu": "فهرست انتخاب",
+        "avatar": "آواتار",
+        "open-user-menu": "بازکردن فهرست انتخاب کاربر"
+    },
+    "import": {
+        "no-file": "هيچ پرونده اي انتخاب نشد",
+        "drop-file": ".آن را با موس کِشيده و رها کنيد، و يا روي آن کليک نماييد ،JSON جهت بارگذاري يک پرونده"
+    },
+    "item": {
+        "selected": "انتخاب شده"
+    },
+    "js-func": {
+        "no-return-error": "!تابع بايد مقدار را برگرداند",
+        "return-type-mismatch": "!را برگرداند '{{type}}' تابع بايد مقدار نوع",
+        "tidy": "مرتب"
+    },
+    "key-val": {
+        "key": "کليد",
+        "value": "مقدار",
+        "remove-entry": "حذف ورودي",
+        "add-entry": "افزودن ورودي",
+        "no-data": "هيچ ورودي وجود ندارد"
+    },
+    "layout": {
+        "layout": "طرح بندي",
+        "manage": "مديريت طرح بندي ها",
+        "settings": "تنظيمات طرح بندي",
+        "color": "رنگ",
+        "main": "اصلي",
+        "right": "راست",
+        "select": "انتخاب طرح بندي هدف"
+    },
+    "legend": {
+        "position": "محل فهرست علائم",
+        "show-max": "نمايش بيشترين مقدار",
+        "show-min": "نمايش کمترين مقدار",
+        "show-avg": "نمايش مقدار ميانگين",
+        "show-total": "نمايش مقدار مجموع",
+        "settings": "تنظيمات فهرست علائم",
+        "min": "کمترين",
+        "max": "بيشترين",
+        "avg": "ميانگين",
+        "total": "مجموع"
+    },
+    "login": {
+        "login": "ورود",
+        "request-password-reset": "درخواست بازنشاني رمز عبور",
+        "reset-password": "بازنشاني رمز عبور",
+        "create-password": "ايجاد رمز عبور",
+        "passwords-mismatch-error": "!رمزهاي عبور وارد شده بايد مشابه باشند",
+        "password-again": "رمز عبور دوباره",
+        "sign-in": "لطفا وارد شويد",
+        "username": "(نام کاربري (پست الکترونيک",
+        "remember-me": "مرا به خاطر داشته باش",
+        "forgot-password": "رمز عبور را فراموش کرده ايد؟",
+        "password-reset": "بازنشاني رمز عبور",
+        "new-password": "رمز عبور جديد",
+        "new-password-again": "رمز عبور جديد دوباره",
+        "password-link-sent-message": "!پيوند بازنشاني رمز عبور با موفقيت ارسال شد",
+        "email": "پست الکترونيک"
+    },
+    "position": {
+        "top": "بالا",
+        "bottom": "پايين",
+        "left": "چپ",
+        "right": "راست"
+    },
+    "profile": {
+        "profile": "پرونده شخصي",
+        "change-password": "تغيير رمز عبور",
+        "current-password": "رمز عبور فعلي"
+    },
+    "relation": {
+        "relations": "ارتباطات",
+        "direction": "جهت",
+        "search-direction": {
+            "FROM": "از",
+            "TO": "به"
+        },
+        "direction-type": {
+            "FROM": "از",
+            "TO": "به"
+        },
+        "from-relations": "ارتباطات خارج از محدوده",
+        "to-relations": "ارتباطات داخل محدوده",
+        "selected-relations": "انتخاب شدند { count, plural, 1 {1 ارتباط} other {ارتباط #} }",
+        "type": "نوع",
+        "to-entity-type": "به نوع موجودي",
+        "to-entity-name": "به نام موجودي",
+        "from-entity-type": "از نوع موجودي",
+        "from-entity-name": "از نام موجودي",
+        "to-entity": "به موجودي",
+        "from-entity": "از موجودي",
+        "delete": "حذف ارتباط",
+        "relation-type": "نوع ارتباط",
+        "relation-type-required": ".نوع ارتباط مورد نياز است",
+        "any-relation-type": "هر نوع",
+        "add": "افزودن ارتباط",
+        "edit": "ويرايش ارتباط",
+        "delete-to-relation-title": "مطمئنيد؟ '{{entityName}}' از حذف ارتباط با موجودي",
+        "delete-to-relation-text": ".غيرمرتبط با موجودي فعلي مي شود '{{entityName}}' مراقب باشيد، پس از تأييد، موجودي",
+        "delete-to-relations-title": "مطمئنيد؟ { count, plural, 1 {1 ارتباط} other {# ارتباط} } از حذف",
+        "delete-to-relations-text": ".مراقب باشيد، پس از تأييد، تمام روابطِ انتخاب شده حذف، و موجودي هاي مربوطه، غيرمرتبط با موجودي فعلي مي شوند",
+        "delete-from-relation-title": "مطمئنيد؟ '{{entityName}}' از حذف ارتباط از موجودي",
+        "delete-from-relation-text": ".مي شود '{{entityName}}' مراقب باشيد، پس از تأييد، موجودي فعلي، غيرمرتبط از جانب موجودي",
+        "delete-from-relations-title": "مطمئنيد؟ { count, plural, 1 {1 ارتباط} other {# ارتباط} } از حذف",
+        "delete-from-relations-text": ".مراقب باشيد، پس از تأييد، تمام روابطِ انتخاب شده حذف، و موجودي فعلي، غيرمرتبط از جانب موجودي هاي مربوطه مي شود",
+        "remove-relation-filter": "حذف فيلتر ارتباط",
+        "add-relation-filter": "افزودن فيلتر ارتباط",
+        "any-relation": "هر ارتباط",
+        "relation-filters": "فيلترهاي ارتباط",
+        "additional-info": "(JSON) اطلاعات تکميلي",
+        "invalid-additional-info": "اطلاعات تکميلي ممکن نيست JSON تجزيه"
+    },
+    "rulechain": {
+        "rulechain": "زنجيره قواعد",
+        "rulechains": "زنجيره هاي قواعد",
+        "root": "پايه",
+        "delete": "حذف زنجيره قواعد",
+        "name": "نام",
+        "name-required": ".نام مورد نياز است",
+        "description": "توصيف",
+        "add": "افزودن زنجيره قواعد",
+        "set-root": "ريشه زنجيره قواعد را ايجاد کنيد",
+        "set-root-rulechain-title": "به عنوان ريشه مطمئنيد؟ '{{ruleChainName}}' از قرار دادن زنجيره قواعد",
+        "set-root-rulechain-text": ".پس از تأييد، زنجيره قواعد، به عنوان ريشه تعيين شده و به تمام پيامهاي انتقالي رسيدگي مي کند",
+        "delete-rulechain-title": "مطمئنيد؟ '{{ruleChainName}}' از حذف زنجيره قواعد",
+        "delete-rulechain-text": ".مراقب باشيد، پس از تأييد، زنجيره قواعد و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "delete-rulechains-title": "مطمئنيد؟ { count, plural, 1 {1 زنجيره قواعد} other {# زنجيره قواعد} } از حذف",
+        "delete-rulechains-action-title": "{ count, plural, 1 {1 زنجيره قواعد} other {# زنجيره قواعد} } حذف",
+        "delete-rulechains-text": ".مراقب باشيد، پس از تأييد، تمام زنجيره هاي قواعدِ انتخاب شده حذف، و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "add-rulechain-text": "افزودن زنجيره قواعد جديد",
+        "no-rulechains-text": "هيچ زنجيره قواعدي يافت نشد",
+        "rulechain-details": "جزئيات زنجيره قواعد",
+        "details": "جزئيات",
+        "events": "رويدادها",
+        "system": "سيستم",
+        "import": "وارد کردن زنجيره قواعد",
+        "export": "صدور زنجيره قواعد",
+        "export-failed-error": "{{error}} :صدور زنجيره قواعد ممکن نيست",
+        "create-new-rulechain": "ايجاد زنجيره قواعد جديد",
+        "rulechain-file": "پرونده زنجيره قواعد",
+        "invalid-rulechain-file-error": ".وارد کردن زنجيره قواعد ممکن نيست: ساختار داده زنجيره قواعد نامعتبر است",
+        "copyId": "زنجيره قواعد ID رونوشت",
+        "idCopiedMessage": "زنجيره قواعد در حافظه موقت رونوشت شد ID",
+        "select-rulechain": "انتخاب زنجيره قواعد",
+        "no-rulechains-matching": ".يافت نشد '{{entity}}' هيچ زنجيره قواعدي منطبق بر",
+        "rulechain-required": "زنجيره قواعد مورد نياز است",
+        "management": "مديريت قواعد",
+        "debug-mode": "حالت اشکال زدايي"
+    },
+    "rulenode": {
+        "details": "جزئيات",
+        "events": "رويدادها",
+        "search": "جستجوي گره ها",
+        "open-node-library": "باز کردن کتابخانه گره ها",
+        "add": "افزودن گره قواعد",
+        "name": "نام",
+        "name-required": ".نام مورد نياز است",
+        "type": "نوع",
+        "description": "توصيف",
+        "delete": "حذف گره قواعد",
+        "select-all-objects": "انتخاب تمام گره ها و اتصالات",
+        "deselect-all-objects": "لغو انتخاب تمام گره ها و اتصالات",
+        "delete-selected-objects": "حذف گره ها و اتصالاتِ انتخاب شده",
+        "delete-selected": "حذفِ انتخاب شده",
+        "select-all": "انتخاب همه",
+        "copy-selected": "رونوشتِ انتخاب شده",
+        "deselect-all": "لغو انتخاب همه",
+        "rulenode-details": "جزئيات گره قواعد",
+        "debug-mode": "حالت اشکال زدايي",
+        "configuration": "پيکربندي",
+        "link": "پيوند",
+        "link-details": "جزئيات پيوند گره قواعد",
+        "add-link": "افزودن پيوند",
+        "link-label": "برچسب پيوند",
+        "link-label-required": ".برچسب پيوند مورد نياز است",
+        "custom-link-label": "برچسب پيوند متداول",
+        "custom-link-label-required": ".برچسب پيوند متداول مورد نياز است",
+        "link-labels": "برچسب هاي پيوند",
+        "link-labels-required": ".برچسب هاي پيوند مورد نيازند",
+        "no-link-labels-found": "هيچ برچسب پيوندي يافت نشد",
+        "no-link-label-matching": ".پيدا نشد'{{label}}'",
+        "create-new-link-label": "!برچسب پيوند ايجاد کنيد",
+        "type-filter": "فيلتر",
+        "type-filter-details": "پيام هاي ورودي را با شرايط پيکربندي فيلتر کنيد",
+        "type-enrichment": "افزودن",
+        "type-enrichment-details": "افزودن اطلاعات تکميلي به فرا داده ي پيام",
+        "type-transformation": "تبديل",
+        "type-transformation-details": "تغيير بازده و فرا داده ي پيام",
+        "type-action": "اقدام",
+        "type-action-details": "انجام اقدام ويژه",
+        "type-external": "خارجي",
+        "type-external-details": "ارتباط متقابل با سيستم خارجي",
+        "type-rule-chain": "زنجيره قواعد",
+        "type-rule-chain-details": "ارسال پيامهاي وارده به زنجيره قواعدي مشخص",
+        "type-input": "ورودي",
+        "type-input-details": "ورودي منطقي زنجيره قواعد، پيامهاي ورودي را به گره قواعد مرتبط بعدي ارسال مي کند",
+        "type-unknown": "ناشناخته",
+        "type-unknown-details": "گره قواعدِ حل نشده",
+        "directive-is-not-loaded": ".در دسترس نيست '{{directiveName}}' دستورالعمل پيکربنديِ مشخص شده",
+        "ui-resources-load-error": ".پيکربندي UI عدم موفقيت در بارگذاري منابع",
+        "invalid-target-rulechain": "!حلّ زنجيره قواعد هدف ممکن نيست",
+        "test-script-function": "آزمايش تابع اسکريپت",
+        "message": "پيام",
+        "message-type": "نوع پيام",
+        "select-message-type": "انتخاب نوع پيام",
+        "message-type-required": "نوع پيام مورد نياز است",
+        "metadata": "فوق داده",
+        "metadata-required": ".ورودي هاي فرا داده نمي تواند خالي باشد",
+        "output": "خروجي",
+        "test": "آزمايش",
+        "help": "کمک"
+    },
+        "tenant": {
+        "tenant": "کاربر",
+        "tenants": "کاربران",
+        "management": "مديريت کاربران",
+        "add": "افزودن کاربر",
+        "admins": "سرپرستان",
+        "manage-tenant-admins": "مديريت مديران کاربر",
+        "delete": "حذف کاربر",
+        "add-tenant-text": "افزودن کاربر جديد",
+        "no-tenants-text": "هيچ کاربري يافت نشد",
+        "tenant-details": "جزئيات کاربر",
+        "delete-tenant-title": "مطمئنيد؟ '{{tenantTitle}}' از حذف کاربر",
+        "delete-tenant-text": ".مراقب باشيد، پس از تأييد، کاربر و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "delete-tenants-title": "مطمئنيد؟ { count, plural, 1 {1 کاربر} other {# کاربر} } از حذف",
+        "delete-tenants-action-title": "{ count, plural, 1 {1 کاربر} other {# کاربر} } حذف",
+        "delete-tenants-text": ".مراقب باشيد، پس از تأييد، تمام کاربران حذف، و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "title": "عنوان",
+        "title-required": ".عنوان مورد نياز است",
+        "description": "توصيف",
+        "details": "جزئيات",
+        "events": "رويدادها",
+        "copyId": "متصرّف ID رونوشت",
+        "idCopiedMessage": "کاربر در حافظه موقت رونوشت شد ID",
+        "select-tenant": "انتخاب کاربر",
+        "no-tenants-matching": ".يافت نشد '{{entity}}' هيچ کاربري منطبق بر",
+        "tenant-required": "کاربر مورد نياز است"
+    },
+    "timeinterval": {
+        "seconds-interval": "{ seconds, plural, 1 {1 ثانيه} other {ثانيه #} }",
+        "minutes-interval": "{ minutes, plural, 1 {1 دقيقه} other {دقيقه #} }",
+        "hours-interval": "{ hours, plural, 1 {1 ساعت} other {ساعت #} }",
+        "days-interval": "{ days, plural, 1 {1 روز} other {روز #} }",
+        "days": "روزها",
+        "hours": "ساعات",
+        "minutes": "دقايق",
+        "seconds": "ثانيه ها",
+        "advanced": "پيشرفته"
+    },
+    "timewindow": {
+        "days": "{ days, plural, 1 { روز } other {روز #} }",
+        "hours": "{ hours, plural, 0 { 1ساعت } 1 { ساعت } other {# ساعت } }",
+        "minutes": "{ minutes, plural, 0 { 1دقيقه } 1 { دقيقه } other {دقيقه # } }",
+        "seconds": "{ seconds, plural, 0 { 1ثانيه } 1 { ثانيه } other {ثانيه # } }",
+        "realtime": "بي درنگ",
+        "history": "تاريخچه",
+        "last-prefix": "آخرين",
+        "period": "{{ endTime }} تا {{ startTime }} از",
+        "edit": "ويرايش پنجره زماني",
+        "date-range": "بازه داده",
+        "last": "آخرين",
+        "time-period": "دوره زماني"
+    },
+    "user": {
+        "user": "کاربر",
+        "users": "کاربرها",
+        "customer-users": "کاربرهاي مشتري",
+        "tenant-admins": "مديران کاربر",
+        "sys-admin": "مدير سيستم",
+        "tenant-admin": "کاربر مدير",
+        "customer": "مشتري",
+        "anonymous": "بي نام",
+        "add": "افزودن کاربر",
+        "delete": "حذف کاربر",
+        "add-user-text": "افزودن کاربر جديد",
+        "no-users-text": "هيچ کاربري يافت نشد",
+        "user-details": "جزئيات کاربر",
+        "delete-user-title": "مطمئنيد؟ '{{userEmail}}' از حذف کاربر",
+        "delete-user-text": ".مراقب باشيد، پس از تأييد، کاربر و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "delete-users-title": "مطمئنيد؟ { count, plural, 1 {1 کاربر} other {# کاربر} } از حذف",
+        "delete-users-action-title": "{ count, plural, 1 {1 کاربر} other {کاربر #} } حذف",
+        "delete-users-text": ".مراقب باشيد، پس از تأييد، تمام کاربرهاي انتخاب شده حذف، و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "activation-email-sent-message": "!پست الکترونيک فعال سازي با موفقيت ارسال شد",
+        "resend-activation": "ارسال مجدد فعال سازي",
+        "email": "پست الکترونيک",
+        "email-required": ".پست الکترونيک مورد نياز است",
+        "invalid-email-format": ".قالب نامعتبر پست الکترونيک",
+        "first-name": "نام",
+        "last-name": "نام خانوادگي",
+        "description": "توصيف",
+        "default-dashboard": "داشبورد پيش فرض",
+        "always-fullscreen": "همواره در حالت تمام صفحه",
+        "select-user": "انتخاب کاربر",
+        "no-users-matching": ".يافت نشد '{{entity}}' هيچ کاربري منطبق بر",
+        "user-required": "کاربر مورد نياز است",
+        "activation-method": "روش فعال سازي",
+        "display-activation-link": "نمايش پيوند فعال سازي",
+        "send-activation-mail": "ارسال پست الکترونيک فعال سازي",
+        "activation-link": "پيوند فعال سازي کاربر",
+        "activation-link-text": ": </a>استفاده کنيد <a href='{{activationLink}}' target='_blank'> جهت فعال سازي کاربر، از پيوند فعال سازي زير",
+        "copy-activation-link": "رونوشت پيوند فعال سازي",
+        "activation-link-copied-message": "پيوند فعال سازي کاربر در حافظه موقت رونوشت شد",
+        "details": "جزئيات",
+        "login-as-tenant-admin": "ورود به عنوان کاربر مدير",
+        "login-as-customer-user": "ورود به عنوان کاربر مشتري"
+    },
+    "value": {
+        "type": "نوع مقدار",
+        "string": "رشته",
+        "string-value": "مقدار رشته",
+        "integer": "عدد صحيح",
+        "integer-value": "مقدار عدد صحيح",
+        "invalid-integer-value": "عدد صحيح نامعتبر",
+        "double": "دو برابر",
+        "double-value": "مقدار دو برابر",
+        "boolean": "بولين",
+        "boolean-value": "مقدار بولين",
+        "false": "نادرست",
+        "true": "صحيح",
+        "long": "بلند"
+    },
+    "widget": {
+        "widget-library": "کتابخانه ويجت ها",
+        "widget-bundle": "بسته ويجت",
+        "select-widgets-bundle": "انتخاب بسته ويجت",
+        "management": "مديريت ويجت",
+        "editor": "ويرايشگر ويجت",
+        "widget-type-not-found": ".نوع ويجت حذف شد \n احتمالا مرتبط است<br>.مشکل بارگذاري پيکربندي ويجت",
+        "widget-type-load-error": ":ويجت، به علت خطاهاي زير، بارگذاري نشد",
+        "remove": "حذف ويجت",
+        "edit": "ويرايش ويجت",
+        "remove-widget-title": "مطمئنيد؟ '{{widgetTitle}}' از حذف ويجت",
+        "remove-widget-text": ".پس از تأييد، ويجت و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "timeseries": "سري هاي زماني",
+        "search-data": "جستجوي داده",
+        "no-data-found": "هيچ داده اي يافت نشد",
+        "latest-values": "آخرين مقادير",
+        "rpc": "ويجت کنترل",
+        "alarm": "ويجت هشدار",
+        "static": "ويجت ايستا",
+        "select-widget-type": "انتخاب نوع ويجت",
+        "missing-widget-title-error": "!عنوان ويجت بايد مشخص شود",
+        "widget-saved": "ويجت ذخيره شد",
+        "unable-to-save-widget-error": "!ذخيره سازي ويجت ممکن نيست! ويجت خطاهايي دارد",
+        "save": "ذخيره سازي ويجت",
+        "saveAs": "ذخيره سازي ويجت به عنوان",
+        "save-widget-type-as": "ذخيره سازي نوع ويجت به عنوان",
+        "save-widget-type-as-text": "لطفا عنوان ويجت جديد را وارد کنيد و/يا بسته ويجت هدف را انتخاب نماييد",
+        "toggle-fullscreen": "حالت تمام صفحه را تغيير دهيد",
+        "run": "اجراي ويجت",
+        "title": "عنوان ويجت",
+        "title-required": ".عنوان ويجت مورد نياز است",
+        "type": "نوع ويجت",
+        "resources": "منابع",
+        "resource-url": "JavaScript/CSS URL",
+        "remove-resource": "حذف منبع",
+        "add-resource": "افزودن منبع",
+        "html": "HTML",
+        "tidy": "مرتب",
+        "css": "CSS",
+        "settings-schema": "طرح تنظيمات",
+        "datakey-settings-schema": "طرح تنظيمات کليد داده",
+        "javascript": "Javascript",
+        "remove-widget-type-title": "مطمئنيد؟ '{{widgetName}}' از حذف ويجت نوع",
+        "remove-widget-type-text": ".پس از تأييد، نوع ويجت و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "remove-widget-type": "حذف نوع ويجت",
+        "add-widget-type": "افزودن نوع ويجت جديد",
+        "widget-type-load-failed-error": "!عدم موفقيت در بارگذاري نوع ويجت",
+        "widget-template-load-failed-error": "!عدم موفقيت در بارگذاري قالب ويجت",
+        "add": "افزودن ويجت",
+        "undo": "برگرداندن تغييرات ويجت",
+        "export": "صدور ويجت"
+    },
+    "widget-action": {
+        "header-button": "دکمه هدر ويجت",
+        "open-dashboard-state": "هدايت به وضعيت داشبورد جديد",
+        "update-dashboard-state": "به روز رساني وضعيت داشبورد فعلي",
+        "open-dashboard": "هدايت به داشبورد ديگر",
+        "custom": "اقدام متداول",
+        "target-dashboard-state": "وضعيت داشبورد هدف",
+        "target-dashboard-state-required": "وضعيت داشبورد هدف مورد نياز است",
+        "set-entity-from-widget": "تنظيم موجودي از ويجت",
+        "target-dashboard": "داشبورد هدف",
+        "open-right-layout": "(طرح داشبورد سمت راست را باز کنيد (نماي تلفن همراه"
+    },
+    "widgets-bundle": {
+        "current": "بسته فعلي",
+        "widgets-bundles": "بسته هاي ويجت",
+        "add": "افزودن بسته ويجت",
+        "delete": "حذف بسته ويجت",
+        "title": "عنوان",
+        "title-required": ".عنوان مورد نياز است",
+        "add-widgets-bundle-text": "افزودن بسته ويجت جديد",
+        "no-widgets-bundles-text": "هيچ بسته ويجتي يافت نشد",
+        "empty": "بسته ويجت خالي است",
+        "details": "جزئيات",
+        "widgets-bundle-details": "جزئيات بسته ويجت",
+        "delete-widgets-bundle-title": "مطمئنيد؟ '{{widgetsBundleTitle}}' از حذف بسته ويجت",
+        "delete-widgets-bundle-text": ".مراقب باشيد، پس از تأييد، بسته ويجت و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "delete-widgets-bundles-title": "مطمئنيد؟ { count, plural, 1 {1 بسته ويجت} other {# بسته ويجت} } از حذف",
+        "delete-widgets-bundles-action-title": "{ count, plural, 1 {1 بسته ويجت} other {# بسته ويجت} } حذف",
+        "delete-widgets-bundles-text": ".مراقب باشيد، پس از تأييد، تمام بسته هاي ويجتِ انتخاب شده حذف، و تمامي داده هاي مربوطه غير قابل بازيابي مي شوند",
+        "no-widgets-bundles-matching": "يافت نشد '{{widgetsBundle}}' هيچ بسته ويجتي منطبق بر",
+        "widgets-bundle-required": ".بسته ويجت مورد نياز است",
+        "system": "سيستم",
+        "import": "وارد کردن بسته ويجت",
+        "export": "صدور بسته ويجت",
+        "export-failed-error": "{{error}} :صدور بسته ويجت ممکن نيست",
+        "create-new-widgets-bundle": "ايجاد بسته ويجت جديد",
+        "widgets-bundle-file": "پرونده بسته ويجت",
+        "invalid-widgets-bundle-file-error": ".وارد کردن بسته ويجت ممکن نيست: ساختار داده بسته ويجت نامعتبر است"
+    },
+    "widget-config": {
+        "data": "داده",
+        "settings": "تنظيمات",
+        "advanced": "پيشرفته",
+        "title": "عنوان",
+        "general-settings": "تنظيمات عمومي",
+        "display-title": "نمايش عنوان",
+        "drop-shadow": "سايه افتادن",
+        "enable-fullscreen": "فعال سازي حالت تمام صفحه",
+        "background-color": "رنگ پس زمينه",
+        "text-color": "رنگ متن",
+        "padding": "حاشيه داخلي",
+        "margin": "حاشيه",
+        "widget-style": "سبک ويجت",
+        "title-style": "سبک عنوان",
+        "mobile-mode-settings": "تنظيمات حالت تلفن همراه",
+        "order": "ترتيب",
+        "height": "ارتفاع",
+        "units": "کارکتر خاص براي نمايش بعد از مقدار تعين شده",
+        "decimals": "تعداد ارقام بعد از مميّز شناور",
+        "timewindow": "پنجره زمان",
+        "use-dashboard-timewindow": "استفاده از پنجره زمان داشبورد",
+        "display-legend": "نمايش فهرست علائم",
+        "datasources": "منابع داده",
+        "maximum-datasources": "{ count, plural, 1 {.1 منبع داده مجاز است} other {# منبع داده مجازند.} } بيشترين",
+        "datasource-type": "نوع",
+        "datasource-parameters": "پارامترها",
+        "remove-datasource": "حذف منبع داده",
+        "add-datasource": "افزودن منبع داده",
+        "target-device": "دستگاه هدف",
+        "alarm-source": "منشأ هشدار",
+        "actions": "اقدامات",
+        "action": "اقدام",
+        "add-action": "افزودن اقدام",
+        "search-actions": "جستجوي اقدامات",
+        "action-source": "منشأ اقدام",
+        "action-source-required": ".منشأ اقدام مورد نياز است",
+        "action-name": "نام",
+        "action-name-required": ".نام اقدام مورد نياز است",
+        "action-name-not-unique": ".در حيطه يک منشأ اقدام، نام اقدام بايد منحصر بفرد باشد<br/>.در حال حاضر اقدامي ديگر با نام مشابه موجود است",
+        "action-icon": "شمايل",
+        "action-type": "نوع",
+        "action-type-required": ".نوع اقدام مورد نياز است",
+        "edit-action": "ويرايش اقدام",
+        "delete-action": "حذف اقدام",
+        "delete-action-title": "حذف اقدام ويجت",
+        "delete-action-text": "مطمئنيد؟ '{{actionName}}' از حذف اقدام ويجت با نام"
+    },
+    "widget-type": {
+        "import": "وارد کردن نوع ويجت",
+        "export": "صدور نوع ويجت",
+        "export-failed-error": "{{error}} :صدور نوع ويجت ممکن نيست",
+        "create-new-widget-type": "ايجاد نوع جديد ويجت",
+        "widget-type-file": "پرونده نوع ويجت",
+        "invalid-widget-type-file-error": ".وارد کردن نوع ويجت ممکن نيست: ساختار داده نوع ويجت نامعتبر است"
+    },
+    "widgets": {
+        "date-range-navigator": {
+            "localizationMap": {
+                "Sun": "یکشنبه",
+                "Mon": "دوشنبه",
+                "Tue": "سه‌شنبه",
+                "Wed": "چهارشنبه",
+                "Thu": "پنجشنبه",
+                "Fri": "جمعه",
+                "Sat": "شنبه",
+                "Jan": "ژانویهٔ",
+                "Feb": "فوریهٔ",
+                "Mar": "مارس",
+                "Apr": "آوریل",
+                "May": "مهٔ",
+                "Jun": "ژوئن",
+                "Jul": "ژوئیهٔ",
+                "Aug": "اوت",
+                "Sep": "سپتامبر",
+                "Oct": "اکتبر",
+                "Nov": "نوامبر",
+                "Dec": "دسامبر",
+                "January": "January",
+                "February": "February",
+                "March": "March",
+                "April": "April",
+                "June": "June",
+                "July": "July",
+                "August": "August",
+                "September": "September",
+                "October": "October",
+                "November": "November",
+                "December": "December",
+                "Custom Date Range": "Custom Date Range",
+                "Date Range Template": "Date Range Template",
+                "Today": "Today",
+                "Yesterday": "Yesterday",
+                "This Week": "This Week",
+                "Last Week": "Last Week",
+                "This Month": "This Month",
+                "Last Month": "Last Month",
+                "Year": "Year",
+                "This Year": "This Year",
+                "Last Year": "Last Year",
+                "Date picker": "Date picker",
+                "Hour": "Hour",
+                "Day": "Day",
+                "Week": "Week",
+                "2 weeks": "2 weeks",
+                "Month": "Month",
+                "3 months": "3 months",
+                "6 months": "6 months",
+                "Custom interval": "Custom interval",
+                "Interval": "Interval",
+                "Step size": "Step size",
+                "Ok": "Ok"
+            }
+        }
+    },
+    "icon": {
+        "icon": "آيکون",
+        "select-icon": "انتخاب آيکون",
+        "material-icons": "آيکونهاي اجسام",
+        "show-all": "نمايش تمام آيکونها"
+    },
+    "custom": {
+        "widget-action": {
+            "action-cell-button": "دکمه سلول عملياتي",
+            "row-click": "در رديف کليک کنيد",
+            "marker-click": "روي نشانگر کليک کنيد",
+            "tooltip-tag-action": "اقدام برچسب راهنماي ابزار"
+        }
+    },
+    "language": {
+        "language": "زبان"
+    }
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-fr_FR.json b/ui-ngx/src/assets/locale/locale.constant-fr_FR.json
new file mode 100644
index 0000000000..3fccf0fbbf
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-fr_FR.json
@@ -0,0 +1,1718 @@
+{
+    "access": {
+        "access-forbidden": "Accès interdit",
+        "access-forbidden-text": "Vous n'avez pas accès à cet emplacement! <br/> Essayez de vous connecter avec un autre utilisateur si vous souhaitez toujours accéder à cet emplacement.",
+        "refresh-token-expired": "La session a expiré",
+        "refresh-token-failed": "Impossible de rafraîchir la session",
+        "unauthorized": "non autorisé",
+        "unauthorized-access": "accès non autorisé",
+        "unauthorized-access-text": "Vous devez vous connecter pour avoir accès à cette ressource!"
+    },
+    "action": {
+        "activate": "Activer",
+        "add": "Ajouter",
+        "apply": "Appliquer",
+        "apply-changes": "Appliquer les modifications",
+        "assign": "Attribuer",
+        "back": "retour",
+        "cancel": "Annuler",
+        "clear-search": "Effacer la recherche",
+        "close": "Fermer",
+        "continue": "Continue",
+        "copy": "Copier",
+        "copy-reference": "Copier la référence",
+        "create": "Créer",
+        "decline-changes": "Refuser les modifications",
+        "delete": "Supprimer",
+        "discard-changes": "Annuler les modifications",
+        "drag": "Drag",
+        "edit": "Modifier",
+        "edit-mode": "Mode édition",
+        "enter-edit-mode": "Entrer en mode édition",
+        "export": "Exporter",
+        "import": "Importer",
+        "make-private": "Rendre privé",
+        "no": "Non",
+        "ok": "OK",
+        "paste": "coller",
+        "paste-reference": "Coller référence",
+        "refresh": "Rafraîchir",
+        "remove": "Supprimer",
+        "run": "Exécuter",
+        "save": "Enregistrer",
+        "saveAs": "Enregistrer sous",
+        "search": "Rechercher",
+        "share": "Partager",
+        "share-via": "Partager via {{provider}}",
+        "sign-in": "Connectez-vous!",
+        "suspend": "Suspendre",
+        "unassign": "Retirer",
+        "undo": "Annuler",
+        "update": "mise à jour",
+        "view": "Afficher",
+        "yes": "Oui"
+    },
+    "admin": {
+        "base-url": "URL de base",
+        "base-url-required": "L'URL de base est requise.",
+        "enable-tls": "Activer TLS",
+        "tls-version": "Version TLS",
+        "general": "Général",
+        "general-settings": "Paramètres généraux",
+        "mail-from": "Mail de",
+        "mail-from-required": "Mail de est requis.",
+        "outgoing-mail": "courrier sortant",
+        "outgoing-mail-settings": "Paramètres de courrier sortant",
+        "send-test-mail": "Envoyer un mail de test",
+        "smtp-host": "Hôte SMTP",
+        "smtp-host-required": "L'hôte SMTP est requis.",
+        "smtp-port": "Port SMTP",
+        "smtp-port-invalid": "Cela ne ressemble pas à un port smtp valide.",
+        "smtp-port-required": "Vous devez fournir un port smtp.",
+        "smtp-protocol": "Protocole SMTP",
+        "system-settings": "Paramètres système",
+        "test-mail-sent": "Le courrier de test a été envoyé avec succés!",
+        "timeout-invalid": "Cela ne ressemble pas à un délai d'expiration valide.",
+        "timeout-msec": "Délai (msec)",
+        "timeout-required": "Le délai est requis.",
+        "security-settings": "Les paramètres de sécurité",
+        "password-policy": "Politique de mot de passe",
+        "minimum-password-length": "Longueur minimale du mot de passe",
+        "minimum-password-length-required": "La longueur minimale du mot de passe est requise",
+        "minimum-password-length-range": "La longueur minimale du mot de passe doit être comprise entre 5 et 50.",
+        "minimum-uppercase-letters": "Nombre minimum de lettres majuscules",
+        "minimum-uppercase-letters-range": "Le nombre minimum de lettres majuscules ne peut pas être négatif",
+        "minimum-lowercase-letters": "Nombre minimum de lettres minuscules",
+        "minimum-lowercase-letters-range": "Le nombre minimum de lettres minuscules ne peut pas être négatif",
+        "minimum-digits": "Nombre minimum de chiffres",
+        "minimum-digits-range": "Le nombre minimum de chiffres ne peut pas être négatif",
+        "minimum-special-characters": "Nombre minimum de caractères spéciaux",
+        "minimum-special-characters-range": "Le nombre minimum de caractères spéciaux ne peut pas être négatif",
+        "password-expiration-period-days": "Délai d'expiration du mot de passe en jours",
+        "password-expiration-period-days-range": "La période d'expiration du mot de passe en jours ne peut pas être négative",
+        "password-reuse-frequency-days": "Fréquence de réutilisation du mot de passe en jours",
+        "password-reuse-frequency-days-range": "La fréquence de réutilisation du mot de passe en jours ne peut être négative",
+        "general-policy": "Politique générale",
+        "max-failed-login-attempts": "Nombre maximal de tentatives de connexion infructueuses avant que le compte ne soit verrouillé",
+        "minimum-max-failed-login-attempts-range": "Le nombre maximal de tentatives de connexion ayant échoué ne peut pas être négatif",
+        "user-lockout-notification-email": "En cas de verrouillage du compte d'utilisateur, envoyez une notification par courrier électronique."
+    },
+    "aggregation": {
+        "aggregation": "agrégation",
+        "avg": "Moyenne",
+        "count": "Compte",
+        "function": "Fonction d'agrégation de données",
+        "group-interval": "Intervalle de regroupement",
+        "limit": "Valeurs maximales",
+        "max": "Max",
+        "min": "Min",
+        "none": "Aucune",
+        "sum": "Somme"
+    },
+    "alarm": {
+        "ack-time": "Heure d'acquittement",
+        "acknowledge": "Acquitter",
+        "aknowledge-alarm-text": "Êtes-vous sûr de vouloir reconnaître l'alarme?",
+        "aknowledge-alarm-title": "Reconnaître l'alarme",
+        "aknowledge-alarms-text": "Êtes-vous sûr de vouloir acquitter { count, plural, 1 {1 alarme} other {# alarmes} }?",
+        "aknowledge-alarms-title": "Acquitter { count, plural, 1 {1 alarme} other {# alarmes} }",
+        "alarm": "Alarme",
+        "alarm-details": "Détails de l'alarme",
+        "alarm-required": "Une alarme est requise",
+        "alarm-status": "État d'alarme",
+        "alarm-status-filter": "Filtre d'état d'alarme",
+        "alarms": "Alarmes",
+        "clear": "Effacer",
+        "clear-alarm-text": "Êtes-vous sûr de vouloir effacer l'alarme?",
+        "clear-alarm-title": "Effacer l'alarme",
+        "clear-alarms-text": "Êtes-vous sûr de vouloir effacer {count, plural, 1 {1 alarme} other {# alarmes} }?",
+        "clear-alarms-title": "Effacer {count, plural, 1 {1 alarme} other {# alarmes} }",
+        "clear-time": "Heure d'éffacement",
+        "created-time": "Heure de création",
+        "details": "Détails",
+        "display-status": {
+            "ACTIVE_ACK": "Active acquittée",
+            "ACTIVE_UNACK": "Active non acquittée",
+            "CLEARED_ACK": "effacée acquittée",
+            "CLEARED_UNACK": "effacée non acquittée"
+        },
+        "end-time": "Heure de fin",
+        "min-polling-interval-message": "Un intervalle d'interrogation d'au moins 1 seconde est autorisé.",
+        "no-alarms-matching": "Aucune alarme correspondant à {{entity}} n'a été trouvée. ",
+        "no-alarms-prompt": "Aucune alarme",
+        "no-data": "Aucune donnée à afficher",
+        "originator": "Source",
+        "originator-type": "Type de Source",
+        "polling-interval": "Intervalle d'interrogation des alarmes (sec)",
+        "polling-interval-required": "L'intervalle d'interrogation des alarmes est requis.",
+        "search": "Rechercher des alarmes",
+        "search-status": {
+            "ACK": "acquitté",
+            "ACTIVE": "active",
+            "ANY": "Toutes",
+            "CLEARED": "effacée",
+            "UNACK": "non acquittée"
+        },
+        "select-alarm": "Sélectionnez une alarme",
+        "selected-alarms": "{count, plural, 1 {1 alarme} other {# alarmes} } sélectionnées",
+        "severity": "Gravité",
+        "severity-critical": "Critique",
+        "severity-indeterminate": "indéterminée",
+        "severity-major": "Majeure",
+        "severity-minor": "mineure",
+        "severity-warning": "Avertissement",
+        "start-time": "Heure de début",
+        "status": "État",
+        "type": "Type"
+    },
+    "alias": {
+        "add": "Ajouter un alias",
+        "all-entities": "Toutes les entités",
+        "any-relation": "toutes",
+        "default-entity-parameter-name": "Par défaut",
+        "default-state-entity": "Entité d'état par défaut",
+        "duplicate-alias": "Un alias portant le même nom existe déjà.",
+        "edit": "Modifier l'alias",
+        "entity-filter": "Filtre d'entité",
+        "entity-filter-no-entity-matched": "Aucune entité correspondant au filtre spécifié n'a été trouvée.",
+        "filter-type": "Type de filtre",
+        "filter-type-asset-search-query": "requête de recherche d'actifs",
+        "filter-type-asset-search-query-description": "Actifs de types {{assetTypes}} ayant {{relationType}} relation {{direction}} {{rootEntity}}",
+        "filter-type-asset-type": "type d'actif",
+        "filter-type-asset-type-and-name-description": "Actifs de type '{{assetType}}' et dont le nom commence par '{{prefix}}'",
+        "filter-type-asset-type-description": "Actifs de type '{{assetType}}'",
+        "filter-type-device-search-query": "Requête de recherche de dispositif",
+        "filter-type-device-search-query-description": "Dispositifs de types {{deviceTypes}} ayant {{relationType}} relation {{direction}} {{rootEntity}}",
+        "filter-type-device-type": "Type de dispositif",
+        "filter-type-device-type-and-name-description": "Dispositifs de type '{{deviceType}}' et dont le nom commence par '{{prefix}}'",
+        "filter-type-device-type-description": "Dispositifs de type '{{deviceType}}'",
+        "filter-type-entity-list": "Liste d'entités",
+        "filter-type-entity-name": "Nom d'entité",
+        "filter-type-entity-view-search-query": "Requête de recherche vue d'entité",
+        "filter-type-entity-view-search-query-description": "Vues d'entité avec les types {{entityViewTypes}} ayant {{relationType}} relation {{direction}} {{rootEntity}}",
+        "filter-type-entity-view-type": "Type de vue d'entité",
+        "filter-type-entity-view-type-and-name-description": "Vues d'entité de type '{{entityView}}' et dont le nom commence par '{{prefix}}'",
+        "filter-type-entity-view-type-description": "Vues d'entité de type '{{entityView}}'",
+        "filter-type-relations-query": "Interrogation des relations",
+        "filter-type-relations-query-description": "{{entities}} ayant {{relationType}} relation {{direction}} {{rootEntity}}",
+        "filter-type-required": "Le type de filtre est requis.",
+        "filter-type-single-entity": "Entité unique",
+        "filter-type-state-entity": "Entité de l'état du tableau de bord",
+        "filter-type-state-entity-description": "Entité extraite des paramétres d'état du tableau de bord",
+        "max-relation-level": "Niveau de relation maximum",
+        "name": "Nom de l'alias",
+        "name-required": "Le nom d'alias est requis",
+        "no-entity-filter-specified": "Aucun filtre d'entité spécifié",
+        "resolve-multiple": "Résoudre en plusieurs entités",
+        "root-entity": "Entité racine",
+        "root-state-entity": "Utiliser l'entité d'état du tableau de bord en tant que racine",
+        "state-entity": "Entité d'état du tableau de bord",
+        "state-entity-parameter-name": "Nom du paramétre d'entité d'état",
+        "unlimited-level": "niveau illimité"
+    },
+    "asset": {
+        "add": "Ajouter un actif",
+        "add-asset-text": "Ajouter un nouvel actif",
+        "any-asset": "Tout actif",
+        "asset": "Actif",
+        "asset-details": "Détails de l'actif",
+        "asset-file": "Actif file",
+        "asset-public": "L'actif est public",
+        "asset-required": "Actif requis",
+        "asset-type": "Type d'actif",
+        "asset-type-list-empty": "Aucun type d'actif sélectionné.",
+        "asset-type-required": "Le type d'actif est requis.",
+        "asset-types": "Types d'actif",
+        "assets": "Actifs",
+        "assign-asset-to-customer": "Attribuer des actifs au client",
+        "assign-asset-to-customer-text": "Veuillez sélectionner les actifs à attribuer au client",
+        "assign-assets": "Attribuer des actifs",
+        "assign-assets-text": "Attribuer {count, plural, 1 {1 asset} other {# assets} } au client",
+        "assign-new-asset": "Attribuer un nouvel Asset",
+        "assign-to-customer": "Attribuer au client",
+        "assign-to-customer-text": "Veuillez sélectionner le client pour attribuer le ou les actifs",
+        "assignedToCustomer": "attribué au client",
+        "copyId": "Copier l'Id de l'actif",
+        "delete": "Supprimer un actif",
+        "delete-asset-text": "Faites attention, après la confirmation, l'actif et toutes les données associées deviendront irrécupérables.",
+        "delete-asset-title": "Êtes-vous sûr de vouloir supprimer l'actif '{{assetName}}'?",
+        "delete-assets": "Supprimer des actifs",
+        "delete-assets-action-title": "Supprimer {count, plural, 1 {1 asset} other {# assets} }",
+        "delete-assets-text": "Attention, après la confirmation, tous les actifs sélectionnés seront supprimés et toutes les données associées deviendront irrécupérables.",
+        "delete-assets-title": "Êtes-vous sûr de vouloir supprimer {count, plural, 1 {1 asset} other {# assets} }?",
+        "description": "Description",
+        "details": "Détails",
+        "enter-asset-type": "Entrez le type d'actif",
+        "events": "Evénements",
+        "idCopiedMessage": "L'Id d'asset a été copié dans le presse-papier",
+        "import": "Import actifs",
+        "make-private": "Rendre l'actif privé",
+        "make-private-asset-text": "Après la confirmation, l'actif et toutes ses données seront rendus privés et ne seront pas accessibles par d'autres.",
+        "make-private-asset-title": "Êtes-vous sûr de vouloir rendre l'actif '{{assetName}}' privé '?",
+        "make-public": "Rendre l'actif public",
+        "make-public-asset-text": "Après la confirmation, l'asset et toutes ses données seront rendus publics et accessibles aux autres.",
+        "make-public-asset-title": "Êtes-vous sûr de vouloir rendre l'actif '{{assetName}}' public '?",
+        "management": "Gestion d'actifs",
+        "name": "Nom",
+        "name-required": "Nom est requis.",
+        "name-starts-with": "Le nom de l'actif commence par",
+        "no-asset-types-matching": "Aucun type d'actif correspondant à {{entitySubtype}} n'a été trouvé. ",
+        "no-assets-matching": "Aucun actif correspondant à {{entity}} n'a été trouvé. ",
+        "no-assets-text": "Aucun actif trouvé",
+        "public": "Public",
+        "select-asset": "Sélectionner un actif",
+        "select-asset-type": "Sélectionner le type d'actif",
+        "type": "Type",
+        "type-required": "Le type est requis.",
+        "unassign-asset": "Retirer l'actif",
+        "unassign-asset-text": "Après la confirmation, l'actif sera non attribué et ne sera pas accessible au client.",
+        "unassign-asset-title": "Êtes-vous sûr de vouloir retirer l'attribution de l'actif '{{assetName}}'?",
+        "unassign-assets": "Retirer les actifs",
+        "unassign-assets-action-title": "Retirer {count, plural, 1 {1 asset} other {# assets} } du client",
+        "unassign-assets-text": "Après la confirmation, tous les actifs sélectionnés ne seront pas attribués et ne seront pas accessibles au client.",
+        "unassign-assets-title": "Êtes-vous sûr de vouloir retirer l'attribution de {count, plural, 1 {1 asset} other {# assets} }?",
+        "unassign-from-customer": "Retirer du client",
+        "view-assets": "Afficher les actifs",
+        "label": "Label"
+    },
+    "attribute": {
+        "add": "Ajouter un attribut",
+        "add-to-dashboard": "Ajouter au tableau de bord",
+        "add-widget-to-dashboard": "Ajouter un widget au tableau de bord",
+        "attributes": "Attributs",
+        "attributes-scope": "Étendue des attributs d'entité",
+        "delete-attributes": "Supprimer les attributs",
+        "delete-attributes-text": "Attention, après la confirmation, tous les attributs sélectionnés seront supprimés.",
+        "delete-attributes-title": "Êtes-vous sûr de vouloir supprimer {count, plural, 1 {1 attribut} other {# attributs} }?",
+        "enter-attribute-value": "Entrez la valeur de l'attribut",
+        "key": "Clé",
+        "key-required": "La Clé d'attribut est requise.",
+        "last-update-time": "Dernière mise à jour",
+        "latest-telemetry": "Dernière télémétrie",
+        "next-widget": "Widget suivant",
+        "prev-widget": "Widget précédent",
+        "scope-client": "Attributs du client",
+        "scope-latest-telemetry": "Dernière télémétrie",
+        "scope-server": "Attributs du serveur",
+        "scope-shared": "Attributs partagés",
+        "selected-attributes": "{count, plural, 1 {1 attribut} other {# attributs} } sélectionnés",
+        "selected-telemetry": "{count, plural, 1 {1 unité de télémétrie} other {# unités de télémétrie} } sélectionnées",
+        "show-on-widget": "Afficher sur le widget",
+        "value": "Valeur",
+        "value-required": "La valeur d'attribut est obligatoire.",
+        "widget-mode": "Mode du widget"
+    },
+    "audit-log": {
+        "action-data": "Action data",
+        "audit": "Audit",
+        "audit-log-details": "Détails du journal d'audit",
+        "audit-logs": "Journaux d'audit",
+        "clear-search": "Effacer la recherche",
+        "details": "Détails",
+        "entity-name": "Nom de l'entité",
+        "entity-type": "Type d'entité",
+        "failure-details": "Détails de l'échec",
+        "no-audit-logs-prompt": "Aucun journal trouvé",
+        "search": "Rechercher les journaux d'audit",
+        "status": "État",
+        "status-failure": "Échec",
+        "status-success": "Succès",
+        "timestamp": "Horodatage",
+        "type": "Type",
+        "type-activated": "Activé",
+        "type-added": "Ajouté",
+        "type-alarm-ack": "Acquitté",
+        "type-alarm-clear": "Effacé",
+        "type-assigned-to-customer": "Attribué au client",
+        "type-attributes-deleted": "Attributs supprimés",
+        "type-attributes-read": "Attributs lus",
+        "type-attributes-updated": "Attributs mis à jour",
+        "type-credentials-read": "Lecture des informations d'identification",
+        "type-credentials-updated": "Informations d'identification actualisées",
+        "type-deleted": "Supprimé",
+        "type-login": "Login",
+        "type-logout": "Connectez - Out",
+        "type-lockout": "Verrouillage",
+        "type-relation-add-or-update": "Relation mise à jour",
+        "type-relation-delete": "Relation supprimée",
+        "type-relations-delete": "Toutes les relations ont été supprimées",
+        "type-rpc-call": "Appel RPC",
+        "type-suspended": "Suspendu",
+        "type-unassigned-from-customer": "Non attribué du client",
+        "type-updated": "Mise à jour",
+        "user": "Utilisateur"
+    },
+    "common": {
+        "enter-password": "Entrez le mot de passe",
+        "enter-search": "Entrez la recherche",
+        "enter-username": "Entrez le nom d'utilisateur",
+        "password": "Mot de passe",
+        "username": "Nom d'utilisateur"
+    },
+    "confirm-on-exit": {
+        "html-message": "Vous avez des modifications non enregistrées. <br/> Êtes-vous sûr de vouloir quitter cette page?",
+        "message": "Vous avez des modifications non enregistrées. Êtes-vous sûr de vouloir quitter cette page?",
+        "title": "Modifications non enregistrées"
+    },
+    "contact": {
+        "address": "Adresse",
+        "address2": "adresse 2",
+        "city": "Ville",
+        "country": "Pays",
+        "email": "Email",
+        "no-address": "Pas d'adresse",
+        "phone": "Téléphone",
+        "postal-code": "Code postal",
+        "postal-code-invalid": "Format de code postal / code postal invalide",
+        "state": "Province"
+    },
+    "content-type": {
+        "binary": "Binaire (Base64)",
+        "json": "Json",
+        "text": "Texte"
+    },
+    "custom": {
+        "widget-action": {
+            "action-cell-button": "Bouton de cellule d'action",
+            "marker-click": "Sur le marqueur cliquez",
+            "row-click": "Au rang, cliquez",
+            "polygon-click": "Cliquez sur le polygone",
+            "tooltip-tag-action": "Action de balise d'info-bulle",
+            "node-selected": "Sur le noeud sélectionné",
+            "element-click": "Sur l'élément HTML, cliquez sur",
+            "pie-slice-click": "Sur tranche cliquez",
+            "row-double-click": "Sur la ligne double clic"
+        }
+    },
+    "customer": {
+        "add": "Ajouter un client",
+        "add-customer-text": "Ajouter un nouveau client",
+        "assets": "Actifs du client",
+        "copyId": "Copier l'id du client",
+        "customer": "Client",
+        "customer-details": "Détails du client",
+        "customer-required": "Le client est requis",
+        "customers": "Clients",
+        "dashboard": "Tableau de bord du client",
+        "dashboards": "tableaux de bord du client",
+        "default-customer": "Client par défaut",
+        "default-customer-required": "Le client par défaut est requis pour déboguer le tableau de bord au niveau du Tenant",
+        "delete": "Supprimer le client",
+        "delete-customer-text": "Faites attention, après la confirmation, le client et toutes les données associées deviendront irrécupérables.",
+        "delete-customer-title": "Êtes-vous sûr de vouloir supprimer le client '{{customerTitle}}'?",
+        "delete-customers-action-title": "Supprimer {count, plural, 1 {1 customer} other {# customers} }",
+        "delete-customers-text": "Faites attention, après la confirmation, tous les clients sélectionnés seront supprimés et toutes les données associées deviendront irrécupérables.",
+        "delete-customers-title": "Êtes-vous sûr de vouloir supprimer {count, plural, 1 {1 customer} other {# customers} }?",
+        "description": "Description",
+        "details": "Détails",
+        "devices": "Dispositifs du client",
+        "entity-views": "Vues de l'entité client",
+        "events": "Événements",
+        "idCopiedMessage": "L'Id du client a été copié dans le presse-papier",
+        "manage-assets": "Gérer les actifs",
+        "manage-customer-assets": "Gérer les actifs du client",
+        "manage-customer-dashboards": "Gérer les tableaux de bord du client",
+        "manage-customer-devices": "Gérer les dispositifs du client",
+        "manage-customer-users": "Gérer les utilisateurs du client",
+        "manage-dashboards": "Gérer les tableaux de bord",
+        "manage-devices": "Gérer les dispositifs",
+        "manage-public-assets": "Gérer les actifs publics",
+        "manage-public-dashboards": "Gérer les tableaux de bord publics",
+        "manage-public-devices": "Gérer les dispositifs publics",
+        "manage-users": "Gérer les utilisateurs",
+        "management": "Gestion des clients",
+        "no-customers-matching": "Aucun client correspondant à '{{entity}} n'a été trouvé.",
+        "no-customers-text": "Aucun client trouvé",
+        "public-assets": "Actifs publics",
+        "public-dashboards": "Tableaux de bord publics",
+        "public-devices": "Dispositifs publics",
+        "public-entity-views": "Vues d'entités publiques",
+        "select-customer": "Sélectionner un client",
+        "select-default-customer": "Sélectionnez le client par défaut",
+        "title": "Titre",
+        "title-required": "Le titre est requis."
+    },
+    "dashboard": {
+        "add": "Ajouter un tableau de bord",
+        "add-dashboard-text": "Ajouter un nouveau tableau de bord",
+        "add-state": "Ajouter un état du tableau de bord",
+        "add-widget": "Ajouter un nouveau widget",
+        "alias-resolution-error-title": "Erreur de configuration des alias de tableau de bord",
+        "assign-dashboard-to-customer": "Attribuer des tableaux de bord au client",
+        "assign-dashboard-to-customer-text": "Veuillez sélectionner les tableaux de bord à affecter au client",
+        "assign-dashboards": "Attribuer des tableaux de bord",
+        "assign-dashboards-text": "Attribuer {count, plural, 1 {1 tableau de bord} other {# tableaux de bord} } aux clients",
+        "assign-new-dashboard": "Attribuer un nouveau tableau de bord",
+        "assign-to-customer": "Attribuer au client",
+        "assign-to-customer-text": "Veuillez sélectionner le client pour attribuer le ou les tableaux de bord",
+        "assign-to-customers": "Attribuer des tableaux de bord aux clients",
+        "assign-to-customers-text": "Veuillez sélectionner les clients pour attribuer les tableaux de bord",
+        "assigned-customers": "clients affectés",
+        "assignedToCustomer": "Attribué au client",
+        "assignedToCustomers": "attribué aux clients",
+        "autofill-height": "Hauteur de remplissage automatique",
+        "background-color": "Couleur de fond",
+        "background-image": "Image d'arriére-plan",
+        "background-size-mode": "Mode de taille d'arriére-plan",
+        "close-toolbar": "Fermer la barre d'outils",
+        "columns-count": "Nombre de colonnes",
+        "columns-count-required": "Le nombre de colonnes est requis.",
+        "configuration-error": "Erreur de configuration",
+        "copy-public-link": "Copier le lien public",
+        "create-new": "Créer un nouveau tableau de bord",
+        "create-new-dashboard": "Créer un nouveau tableau de bord",
+        "create-new-widget": "Créer un nouveau widget",
+        "dashboard": "Tableau de bord",
+        "dashboard-details": "Détails du tableau de bord",
+        "dashboard-file": "Fichier du tableau de bord",
+        "dashboard-import-missing-aliases-title": "Configurer les alias utilisés par le tableau de bord importé",
+        "dashboard-required": "Le tableau de bord est requis.",
+        "dashboards": "Tableaux de bord",
+        "delete": "Supprimer le tableau de bord",
+        "delete-dashboard-text": "Faites attention, après la confirmation, le tableau de bord et toutes les données associées deviendront irrécupérables.",
+        "delete-dashboard-title": "Êtes-vous sûr de vouloir supprimer le tableau de bord '{{dashboardTitle}}'?",
+        "delete-dashboards": "Supprimer les tableaux de bord",
+        "delete-dashboards-action-title": "Supprimer {count, plural, 1 {1 tableau de bord} other {# tableaux de bord} }",
+        "delete-dashboards-text": "Attention, après la confirmation, tous les tableaux de bord sélectionnés seront supprimés et toutes les données associées deviendront irrécupérables.",
+        "delete-dashboards-title": "Voulez-vous vraiment supprimer {count, plural, 1 {1 tableau de bord} other {# tableaux de bord} }?",
+        "delete-state": "Supprimer l'état du tableau de bord",
+        "delete-state-text": "Etes-vous sûr de vouloir supprimer l'état du tableau de bord avec le nom '{{stateName}}'?",
+        "delete-state-title": "Supprimer l'état du tableau de bord",
+        "description": "Description",
+        "details": "Détails",
+        "display-dashboard-export": "Afficher l'exportation",
+        "display-dashboard-timewindow": "Afficher fenêtre de temps",
+        "display-dashboards-selection": "Afficher la sélection des tableaux de bord",
+        "display-entities-selection": "Afficher la sélection des entités",
+        "display-title": "Afficher le titre du tableau de bord",
+        "drop-image": "Déposer une image ou cliquez pour sélectionner un fichier à télécharger.",
+        "edit-state": "Modifier l'état du tableau de bord",
+        "export": "Exporter le tableau de bord",
+        "export-failed-error": "Impossible d'exporter le tableau de bord: {{error}}",
+        "hide-details": "Masquer les détails",
+        "horizontal-margin": "Marge horizontale",
+        "horizontal-margin-required": "Une valeur de marge horizontale est requise.",
+        "import": "Importer le tableau de bord",
+        "import-widget": "Importer un widget",
+        "invalid-aliases-config": "Impossible de trouver des dispositifs correspondant à certains filtres d'alias. <br/> Veuillez contacter votre administrateur pour résoudre ce problème.",
+        "invalid-dashboard-file-error": "Impossible d'importer le tableau de bord: structure de données du tableau de bord non valide",
+        "invalid-widget-file-error": "Impossible d'importer le widget: structure de données de widget invalide.",
+        "is-root-state": "État racine",
+        "make-private": "Rendre privé le tableau de bord",
+        "make-private-dashboard": "Rendre privé le tableau de bord",
+        "make-private-dashboard-text": "Après la confirmation, le tableau de bord sera rendu privé et ne sera plus accessible aux autres.",
+        "make-private-dashboard-title": "Êtes-vous sûr de vouloir rendre le tableau de bord '{{dashboardTitle}}' privé?",
+        "make-public": "Rendre public le tableau de bord",
+        "manage-assigned-customers": "Gérer les clients affectés",
+        "manage-states": "Gérer les états du tableau de bord",
+        "management": "Gestion du tableau de bord",
+        "max-columns-count-message": "Seulement 1000 colonnes maximum sont autorisées.",
+        "max-horizontal-margin-message": "Seulement 50 sont autorisés en tant que valeur de marge horizontale maximale.",
+        "max-mobile-row-height-message": "Seuls 200 pixels sont autorisés en tant que valeur maximale de hauteur de ligne mobile.",
+        "max-vertical-margin-message": "Seulement 50 sont autorisés en tant que valeur de marge verticale maximale.",
+        "min-columns-count-message": "Seul un nombre minimum de 10 colonnes est autorisé.",
+        "min-horizontal-margin-message": "Seul 0 est autorisé comme valeur de marge horizontale minimale.",
+        "min-mobile-row-height-message": "Seuls 5 pixels sont autorisés en tant que valeur minimale de hauteur de ligne mobile.",
+        "min-vertical-margin-message": "Seul 0 est autorisé comme valeur de marge verticale minimale.",
+        "mobile-layout": "Paramètres de mise en page mobiles",
+        "mobile-row-height": "Hauteur de ligne mobile, px",
+        "mobile-row-height-required": "Une valeur de hauteur de ligne mobile est requise.",
+        "new-dashboard-title": "Nouveau titre du tableau de bord",
+        "no-dashboards-matching": "Aucun tableau de bord correspondant à {{entity}} n'a été trouvé. ",
+        "no-dashboards-text": "Aucun tableau de bord trouvé",
+        "no-image": "Aucune image sélectionnée",
+        "no-widgets": "Aucun widget configuré",
+        "open-dashboard": "Ouvrir le tableau de bord",
+        "open-toolbar": "Ouvrir la barre d'outils du tableau de bord",
+        "public": "Public",
+        "public-dashboard-notice": "<b> Remarque: </ b> N'oubliez pas de rendre publics les dispositifs associés pour accéder à leurs données.",
+        "public-dashboard-text": "Votre tableau de bord <b> {{dashboardTitle}} </ b> est maintenant public et accessible via le lien public <a href='{{publicLink}}' target='_blank'> </a>: ",
+        "public-dashboard-title": "Le tableau de bord est maintenant public",
+        "public-link": "Lien public",
+        "public-link-copied-message": "Le lien public du tableau de bord a été copié dans le presse-papier",
+        "search-states": "Recherche des états du tableau de bord",
+        "select-dashboard": "Sélectionner le tableau de bord",
+        "select-devices": "Selectionner les dispositifs",
+        "select-existing": "Sélectionnez un tableau de bord existant",
+        "select-state": "Sélectionnez l'état cible",
+        "select-widget-subtitle": "Liste des types de widgets disponibles",
+        "select-widget-title": "Sélectionner un widget",
+        "selected-states": "{count, plural, 1 {1 état du tableau de bord} other {# états du tableau de bord} } sélectionnés",
+        "set-background": "Définir l'arrière-plan",
+        "settings": "Paramètres",
+        "show-details": "Afficher les détails",
+        "socialshare-text": "'{{dashboardTitle}}' propulsé par ThingsBoard",
+        "socialshare-title": "'{{dashboardTitle}}' propulsé par ThingsBoard",
+        "state": "État du tableau de bord",
+        "state-controller": "Contrôleur d'état",
+        "state-id": "ID d'état",
+        "state-id-exists": "L'état du tableau de bord avec le même Id existe déjà.",
+        "state-id-required": "L'Id d'état du tableau de bord est requis.",
+        "state-name": "Nom",
+        "state-name-required": "Le nom de l'état du tableau de bord est requis",
+        "states": "États du tableau de bord",
+        "title": "Titre",
+        "title-color": "Couleur du titre",
+        "title-required": "Le titre est requis.",
+        "toolbar-always-open": "Garder la barre d'outils ouverte",
+        "unassign-dashboard": "Retirer le tableau de bord",
+        "unassign-dashboard-text": "Après la confirmation, le tableau de bord ne sera pas attribué et ne sera pas accessible au client.",
+        "unassign-dashboard-title": "Êtes-vous sûr de vouloir annuler l'affectation du tableau de bord '{{dashboardTitle}}'?",
+        "unassign-dashboards": "Retirer les tableaux de bord",
+        "unassign-dashboards-action-text": "Annuler l'affectation {count, plural, 1 {1 tableau de bord} other {# tableaux de bord} } des clients",
+        "unassign-dashboards-action-title": "Annuler l'affectation {count, plural, 1 {1 tableau de bord} other {# tableaux de bord} } du client",
+        "unassign-dashboards-text": "Après la confirmation, tous les tableaux de bord sélectionnés ne seront pas attribués et ne seront pas accessibles au client.",
+        "unassign-dashboards-title": "Etes-vous sûr de vouloir annuler l'affectation {count, plural, 1 {1 tableau de bord} other {# tableaux de bord} }?",
+        "unassign-from-customer": "Retirer du client",
+        "unassign-from-customers": "Retirer les tableaux de bord des clients",
+        "unassign-from-customers-text": "Veuillez sélectionner les clients à annuler l'affectation du ou des tableaux de bord",
+        "vertical-margin": "Marge verticale",
+        "vertical-margin-required": "Une valeur de marge verticale est requise",
+        "view-dashboards": "Afficher les tableaux de bord",
+        "widget-file": "Fichier du Widget",
+        "widget-import-missing-aliases-title": "Configurer les alias utilisés par le widget importé",
+        "widgets-margins": "Marge entre les widgets"
+    },
+    "datakey": {
+        "advanced": "Avancé",
+        "alarm": "Champs d'alarme",
+        "alarm-fields-required": "Les champs d'alarme sont obligatoires.",
+        "attributes": "Attributs",
+        "color": "Couleur",
+        "configuration": "Configuration de la clé de données",
+        "data-generation-func": "Fonction de génération de données",
+        "decimals": "Nombre de chiffres après virgule flottante",
+        "function-types": "Types de fonctions",
+        "function-types-required": "Les types de fonctions sont obligatoires",
+        "label": "Label",
+        "maximum-function-types": "Maximum {count, plural, 1 {1 type de fonction est autorisé.} other {# types de fonctions sont autorisés} }",
+        "maximum-timeseries-or-attributes": "Maximum {count, plural, 1 {1 timeseries / attribut est autorisé.} other {# timeseries / attributs sont autorisés} }",
+        "prev-orig-value-description": "valeur précédente d'origine;",
+        "prev-value-description": "résultat de l'appel de fonction précédent;",
+        "settings": "Paramètres",
+        "time-description": "horodatage de la valeur actuelle;",
+        "time-prev-description": "horodatage de la valeur précédente;",
+        "timeseries": "Timeseries",
+        "timeseries-or-attributes-required": "Les timeseries / attributs d'entité sont obligatoires.",
+        "timeseries-required": "Les Timeseries de l'entité sont obligatoires.",
+        "units": "Symbole spécial à afficher à côté de la valeur",
+        "use-data-post-processing-func": "Utiliser la fonction de post-traitement des données",
+        "value-description": "la valeur actuelle;"
+    },
+    "datasource": {
+        "add-datasource-prompt": "Veuillez ajouter une source de données",
+        "name": "Nom",
+        "type": "Type de source de données"
+    },
+    "datetime": {
+        "date-from": "Date de",
+        "date-to": "Date à",
+        "time-from": "Heure de",
+        "time-to": "Heure à"
+    },
+    "details": {
+        "edit-mode": "Mode édition",
+        "toggle-edit-mode": "Activer le mode édition"
+    },
+    "device": {
+        "access-token": "Jeton d'accès",
+        "access-token-invalid": "La longueur du jeton d'accès doit être comprise entre 1 et 20 caractéres.",
+        "access-token-required": "Le jeton d'accès est requis.",
+        "accessTokenCopiedMessage": "Le jeton d'accès au dispositif a été copié dans le presse-papier",
+        "add": "Ajouter un dispositif",
+        "add-alias": "Ajouter un alias de dispositif",
+        "add-device-text": "Ajouter un nouveau dispositif",
+        "alias": "Alias",
+        "alias-required": "Un alias du dispositif est requis.",
+        "aliases": "Alias des dispositifs",
+        "any-device": "N'importe quel dispositif",
+        "assign-device-to-customer": "Affecter des dispositifs au client",
+        "assign-device-to-customer-text": "Veuillez sélectionner les dispositif à affecter au client",
+        "assign-devices": "Attribuer des dispositifs",
+        "assign-devices-text": "Attribuer {count, plural, 1 {1 dispositif} other {# dispositifs} } au client",
+        "assign-new-device": "Attribuer un nouveau dispositif",
+        "assign-to-customer": "Attribuer au client",
+        "assign-to-customer-text": "Veuillez sélectionner le client pour attribuer le ou les dispositifs",
+        "assignedToCustomer": "Attribué au client",
+        "configure-alias": "Configurer '{{alias}}' alias",
+        "copyAccessToken": "Copier le jeton d'accès",
+        "copyId": "Copier l'Id du dispositif",
+        "create-new-alias": "Créez un nouveau!",
+        "create-new-key": "Créez un nouveau!",
+        "credentials": "Informations d'identification",
+        "credentials-type": "Type d'identification",
+        "delete": "Supprimer le dispositif",
+        "delete-device-text": "Faites attention, après la confirmation, le dispositif et toutes les données associées deviendront irrécupérables.",
+        "delete-device-title": "Êtes-vous sûr de vouloir supprimer le dispositif '{{deviceName}}'?",
+        "delete-devices": "Supprimer les dispositifs",
+        "delete-devices-action-title": "Supprimer {count, plural, 1 {1 device} other {# devices} }",
+        "delete-devices-text": "Faites attention, après la confirmation, tous les dispositifs sélectionnés seront supprimés et toutes les données associées deviendront irrécupérables.",
+        "delete-devices-title": "Êtes-vous sûr de vouloir supprimer {count, plural, 1 {1 device} other {# devices} }?",
+        "description": "Description",
+        "details": "Détails",
+        "device": "Dispositif",
+        "device-alias": "Alias ​​du dispositif",
+        "device-credentials": "Informations d'identification du dispositif",
+        "device-details": "Détails du dispositif",
+        "device-list": "Liste des dispositifs",
+        "device-list-empty": "Aucun dispositif sélectionné.",
+        "device-name-filter-no-device-matched": "Aucun dispositif commençant par '{{device}} n'a été trouvé.",
+        "device-name-filter-required": "Le filtre de nom de dispositif est requis.",
+        "device-public": "Le dispositif est public",
+        "device-required": "Le dispositif est requis.",
+        "device-type": "Type de dispositif",
+        "device-type-list-empty": "Aucun type de dispositif sélectionné.",
+        "device-type-required": "Le type de dispositif est requis.",
+        "device-types": "Types de dispositif",
+        "devices": "Dispositifs",
+        "duplicate-alias-error": "Alias ??en double trouvé '{{alias}}'. <br> Les alias de dispositifs doivent être uniques dans le tableau de bord.",
+        "enter-device-type": "Entrez le type de dispositif",
+        "events": "Événements",
+        "idCopiedMessage": "l'Id du dispositif a été copié dans le presse-papiers",
+        "is-gateway": "Est une passerelle",
+        "label": "Label",
+        "make-private": "Rendre le dispositif privé",
+        "make-private-device-text": "Après la confirmation, le dispositif et toutes ses données seront rendues privées et ne seront pas accessibles par d'autres.",
+        "make-private-device-title": "Êtes-vous sûr de vouloir rendre le dispositif {{deviceName}} privé?",
+        "make-public": "Rendre le dispositif public",
+        "make-public-device-text": "Après la confirmation, le dispositif et toutes ses données seront rendus publics et accessibles par d'autres.",
+        "make-public-device-title": "Êtes-vous sûr de vouloir rendre le dispositif {{deviceName}} 'public?",
+        "manage-credentials": "Gérer les informations d'identification",
+        "management": "Gestion des dispositifs",
+        "name": "Nom",
+        "name-required": "Le nom est requis.",
+        "name-starts-with": "Le nom du dispositif commence par",
+        "no-alias-matching": "'{{alias}}' introuvable.",
+        "no-aliases-found": "Aucun alias trouvé.",
+        "no-device-types-matching": "Aucun type de dispositif correspondant à {{entitySubtype}} n'a été trouvé.",
+        "no-devices-matching": "Aucun dispositif correspondant à '{{entity}} n'a été trouvé.",
+        "no-devices-text": "Aucun dispositif trouvé",
+        "no-key-matching": "'{{key}}' introuvable.",
+        "no-keys-found": "Aucune clé trouvée",
+        "public": "Public",
+        "remove-alias": "Supprimer l'alias du dispositif",
+        "rsa-key": "Clé publique RSA",
+        "rsa-key-required": "La clé publique RSA est requise.",
+        "secret": "Secret",
+        "secret-required": "Code secret est requis.",
+        "select-device": "Selectionner un dispositif",
+        "select-device-type": "Sélectionner le type d'appareil",
+        "unable-delete-device-alias-text": "L'alias du dispositif '{{deviceAlias}}' ne peut pas être supprimé car il est utilisé par les widgets suivants: <br/> {{widgetsList}}",
+        "unable-delete-device-alias-title": "Impossible de supprimer l'alias du dispositif",
+        "unassign-device": "Annuler l'affectation du dispositif",
+        "unassign-device-text": "Après la confirmation, le dispositif ne sera pas attribué et ne sera pas accessible au client.",
+        "unassign-device-title": "Êtes-vous sûr de vouloir annuler l'affection du dispositif {{deviceName}} '?",
+        "unassign-devices": "Annuler l'affectation des dispositifs",
+        "unassign-devices-action-title": "Annuler l'affectation de {count, plural, 1 {1 device} other {#devices} } du client",
+        "unassign-devices-text": "Après la confirmation, tous les dispositifs sélectionnés ne seront pas attribues et ne seront pas accessibles par le client.",
+        "unassign-devices-title": "Voulez-vous vraiment annuler l'affectation de {count, plural, 1 {1 device} other {# devices} }?",
+        "unassign-from-customer": "Retirer du client",
+        "use-device-name-filter": "Utiliser le filtre",
+        "view-credentials": "Afficher les informations d'identification",
+        "view-devices": "Afficher les dispositifs"
+    },
+    "dialog": {
+        "close": "Fermer le dialogue"
+    },
+    "entity": {
+        "add-alias": "Ajouter un alias d'entité",
+        "alarm-name-starts-with": "Les actifs dont le nom commence par '{{prefix}}'",
+        "alias": "Alias",
+        "alias-required": "Un alias d'entité est requis.",
+        "aliases": "alias d'entité",
+        "all-subtypes": "Tout",
+        "any-entity": "Toute entité",
+        "asset-name-starts-with": "Les Assets dont le nom commence par '{{prefix}}'",
+        "columns-to-display": "Colonnes à afficher",
+        "configure-alias": "Configurer '{{alias}}' alias",
+        "create-new-alias": "Créez un nouveau!",
+        "create-new-key": "Créez un nouveau!",
+        "customer-name-starts-with": "Les clients dont les noms commencent par '{{prefix}}'",
+        "dashboard-name-starts-with": "Les tableaux de bord dont les noms commencent par '{{prefix}}'",
+        "details": "Détails de l'entité",
+        "device-name-starts-with": "Dispositifs dont le nom commence par '{{prefix}}'",
+        "duplicate-alias-error": "Alias ​​en double trouvé '{{alias}}'. <br> Les alias d'entité doivent être uniques dans le tableau de bord.",
+        "enter-entity-type": "Entrez le type d'entité",
+        "entities": "Entités",
+        "entity": "Entité",
+        "entity-alias": "Alias de l'entité",
+        "entity-list": "Liste d'entités",
+        "entity-list-empty": "Aucune entité sélectionnée.",
+        "entity-name": "Nom de l'entité",
+        "entity-name-filter-no-entity-matched": "Aucune entité commençant par '{{entity}}' n'a été trouvée.",
+        "entity-name-filter-required": "Le filtre de nom d'entité est requis.",
+        "entity-type": "Type d'entité",
+        "entity-type-list": "Liste de types d'entités",
+        "entity-type-list-empty": "Aucun type d'entité sélectionné.",
+        "entity-types": "Types d'entité",
+        "entity-view-name-starts-with": "Les vues d'entité dont le nom commence par '{{prefix}}'",
+        "key": "Clé",
+        "key-name": "Nom de la clé",
+        "list-of-alarms": "{count, plural, 1 {Une alarme} other {Liste de # alarmes} }",
+        "list-of-assets": "{count, plural, 1 {Un Asset} other {Liste de # Assets} }",
+        "list-of-customers": "{count, plural, 1 {Un client} other {Liste de # clients} }",
+        "list-of-dashboards": "{count, plural, 1 {Un tableau de bord} other {Liste de # tableaux de bord} }",
+        "list-of-devices": "{count, plural, 1 {Un dispositif} other {Liste de # dispositifs} }",
+        "list-of-plugins": "{count, plural, 1 {Un plugin} other {Liste de # plugins} }",
+        "list-of-rulechains": "{count, plural, 1 {Une chaîne de règles} other {Liste de # chaînes de règles} }",
+        "list-of-rulenodes": "{count, plural, 1 {Un noeud de règles} other {Liste de # noeuds de règles} }",
+        "list-of-rules": "{count, plural, 1 {Une règle} other {Liste de # règles} }",
+        "list-of-tenants": "{count, plural, 1 {Un tenant} other {Liste de # tenants} }",
+        "list-of-users": "{count, plural, 1 {Un utilisateur} other {Liste de # utilisateurs} }",
+        "missing-entity-filter-error": "Le filtre est manquant pour l'alias '{{alias}}'.",
+        "name-starts-with": "Nom commence par",
+        "no-alias-matching": "'{{alias}}' introuvable.",
+        "no-aliases-found": "Aucun alias trouvé.",
+        "no-data": "Aucune donnée à afficher",
+        "no-entities-matching": "Aucune entité correspondant à '{{entity}}' n'a été trouvée.",
+        "no-entities-prompt": "Aucune entité trouvée",
+        "no-entity-types-matching": "Aucun type d'entité correspondant à {{entityType}} n'a été trouvé. ",
+        "no-key-matching": "'{{key}}' introuvable.",
+        "no-keys-found": "Aucune clé trouvée",
+        "plugin-name-starts-with": "Plugins dont les noms commencent par '{{prefix}}'",
+        "remove-alias": "Supprimer l'alias d'entité",
+        "rule-name-starts-with": "Régles dont les noms commencent par '{{prefix}}'",
+        "rulechain-name-starts-with": "Chaînes de régles dont les noms commencent par '{{prefix}}'",
+        "rulenode-name-starts-with": "Les noeuds de régles dont le nom commence par '{{prefix}}'",
+        "search": "Recherche d'entités",
+        "select-entities": "Sélectionner des entités",
+        "selected-entities": "{count, plural, 1 {1 entité} other {# entités} } sélectionnées",
+        "tenant-name-starts-with": "Les Tenant dont le nom commence par '{{prefix}}'",
+        "type": "Type",
+        "type-alarm": "Alarme",
+        "type-alarms": "Alarmes",
+        "type-asset": "Actif",
+        "type-assets": "Actifs",
+        "type-current-customer": "Client actuel",
+        "type-customer": "Client",
+        "type-customers": "Clients",
+        "type-dashboard": "Tableau de bord",
+        "type-dashboards": "Tableaux de bord",
+        "type-device": "Dispositif",
+        "type-devices": "Dispositifs",
+        "type-entity-view": "Vue d'entité",
+        "type-entity-views": "Vues d'entités",
+        "type-plugin": "Plugin",
+        "type-plugins": "Plugins",
+        "type-required": "Le type d'entité est obligatoire.",
+        "type-rule": "Régle",
+        "type-rulechain": "Chaîne de régles",
+        "type-rulechains": "Chaînes de régles",
+        "type-rulenode": "Noeud de régle",
+        "type-rulenodes": "Noeuds de régle",
+        "type-rules": "Régles",
+        "type-tenant": "Tenant",
+        "type-tenants": "Tenants",
+        "type-user": "Utilisateur",
+        "type-users": "Utilisateurs",
+        "unable-delete-entity-alias-text": "L'alias d'entité '{{entityAlias}}' ne peut pas être supprimé car il est utilisé par les widgets suivants: <br/> {{widgetsList}}",
+        "unable-delete-entity-alias-title": "Impossible de supprimer l'alias d'entité",
+        "use-entity-name-filter": "Utiliser un filtre",
+        "user-name-starts-with": "Utilisateurs dont les noms commencent par '{{prefix}}'"
+    },
+    "entity-field": {
+        "address": "Adresse",
+        "address2": "Adresse 2",
+        "city": "Ville",
+        "country": "Pays",
+        "created-time": "Heure de création",
+        "email": "Email",
+        "first-name": "Prénom",
+        "last-name": "Nom de famille",
+        "name": "Nom",
+        "phone": "Téléphone",
+        "state": "Prov",
+        "title": "Titre",
+        "type": "Type",
+        "zip": "Code postal"
+    },
+    "entity-view": {
+        "add": "Ajouter une vue d'entité",
+        "add-alias": "Ajouter un alias de vue d'entité",
+        "add-entity-view-text": "Ajouter une nouvelle vue d'entité",
+        "alias": "Alias",
+        "alias-required": "Un alias de vue d'entité est requis.",
+        "aliases": "Alias de vue d'entité",
+        "any-entity-view": "Toute vue d'entité",
+        "assign-entity-view-to-customer": "Attribuer une (des) vue (s) d'entité à un client",
+        "assign-entity-view-to-customer-text": "Veuillez sélectionner les vues d'entité à affecter au client",
+        "assign-entity-views": "Attribuer des vues d'entité",
+        "assign-entity-views-text": "Attribuer { count, plural, 1 {1 entityView} other {# entityViews} } au client",
+        "assign-new-entity-view": "Attribuer une nouvelle vue d'entité",
+        "assign-to-customer": "Attribuer au client",
+        "assign-to-customer-text": "Veuillez sélectionner le client auquel attribuer la ou les vues d'entité.",
+        "assignedToCustomer": "Assigné au client",
+        "attributes-propagation": "Propagation des attributs",
+        "attributes-propagation-hint": "La vue d'entité copiera automatiquement les attributs spécifiés de l'entité cible chaque fois que vous enregistrez ou mettez à jour cette vue d'entité. Pour des raisons de performances, les attributs d'entité cible ne sont pas propagés à la vue d'entité à chaque changement d'attribut. Vous pouvez activer la propagation automatique en configurant le noeud de règle \" copier pour afficher \" dans votre chaîne de règles et en liant les messages \"Post attributs \" et \"attributs mis à jour \" au nouveau noeud de règle.",
+        "client-attributes": "Attributs du client",
+        "client-attributes-placeholder": "Attributs du client",
+        "configure-alias": "Configurez l'alias '{{alias}}'",
+        "copyId": "Copier l'ID de la vue d'entité",
+        "create-new-alias": "Créer un nouveau!",
+        "create-new-key": "Créer un nouveau!",
+        "date-limits": "Limites de date",
+        "delete": "Supprimer la vue d'entité",
+        "delete-entity-view-text": "Attention, après la confirmation, la vue de l'entité et toutes les données associées deviendront irrécupérables.",
+        "delete-entity-view-title": "Êtes-vous sûr de vouloir supprimer la vue de l'entité '{{entityViewName}}'?",
+        "delete-entity-views": "Supprimer les vues d'entité",
+        "delete-entity-views-action-title": "Supprimer { count, plural, 1 {1 entityView} other {# entityViews} }",
+        "delete-entity-views-text": "Attention, après la confirmation, toutes les vues d'entité sélectionnées seront supprimées et toutes les données associées deviendront irrécupérables.",
+        "delete-entity-views-title": "Êtes-vous sûr de vouloir voir l'entité { count, plural, 1 {1 entityView} other {# entityViews} }?",
+        "description": "Description",
+        "details": "Détails",
+        "duplicate-alias-error": "Alias '{{alias}}' existe déjà. <br> Les alias de vue d'entité doivent être uniques dans le tableau de bord.",
+        "end-date": "Date de fin",
+        "end-ts": "Heure de fin",
+        "enter-entity-view-type": "Entrer le type de vue d'entité",
+        "entity-view": "Vue d'entité",
+        "entity-view-alias": "Alias de vue d'entité",
+        "entity-view-details": "Détails de la vue d'entité",
+        "entity-view-list": "Liste de vues d'entités",
+        "entity-view-list-empty": "Aucune vue d'entité sélectionnée.",
+        "entity-view-name-filter-no-entity-view-matched": "Aucune vue d'entité commençant par '{{entityView}}' n'a été trouvée.",
+        "entity-view-name-filter-required": "Un filtre de nom de vue d'entité est requis.",
+        "entity-view-required": "Une vue d'entité est requise.",
+        "entity-view-type": "Type de vue d'entité",
+        "entity-view-type-list-empty": "Aucun type de vue d'entité sélectionné.",
+        "entity-view-type-required": "Le type d'entité est requis.",
+        "entity-view-types": "Types de vues d'entité",
+        "entity-views": "Vues d'entité",
+        "events": "Événements",
+        "make-private": "Rendre la vue d'entité privée",
+        "make-private-entity-view-text": "Après la confirmation, la vue de l'entité et toutes ses données seront rendues privées et ne seront pas accessibles par d'autres",
+        "make-private-entity-view-title": "Êtes-vous sûr de vouloir rendre la vue d'entité '{{entityViewName}}' privée?",
+        "make-public": "Rendre la vue d'entité publique",
+        "make-public-entity-view-text": "Après la confirmation, la vue de l'entité et toutes ses données seront rendues publiques et accessibles à d'autres",
+        "make-public-entity-view-title": "Voulez-vous vraiment que la vue de l'entité '{{entityViewName}}' soit publique?",
+        "management": "Gestion de vue d'entité",
+        "name": "Nom",
+        "name-required": "Un nom est requis.",
+        "name-starts-with": "Le nom de la vue d'entité commence par",
+        "no-alias-matching": "'{{alias}}' non trouvé.",
+        "no-aliases-found": "Aucun alias trouvé.",
+        "no-entity-view-types-matching": "Aucun type de vue d'entité correspondant à '{{entitySubtype}}' n'a été trouvé.",
+        "no-entity-views-matching": "Aucune vue d'entité correspondant à '{{entity}}' n'a été trouvée.",
+        "no-entity-views-text": "Aucune vue d'entité trouvée.",
+        "no-key-matching": "'{{key}}' non trouvé.",
+        "no-keys-found": "Aucune clé trouvée.",
+        "remove-alias": "Supprimer un alias de vue d'entité",
+        "select-entity-view": "Sélectionner une vue d'entité",
+        "select-entity-view-type": "Sélectionner le type de vue d'entité",
+        "server-attributes": "Attributs du serveur",
+        "server-attributes-placeholder": "Attributs du serveur",
+        "shared-attributes": "Attributs partagés",
+        "shared-attributes-placeholder": "Attributs partagés",
+        "start-date": "Date de début",
+        "start-ts": "Heure de début",
+        "target-entity": "Entité cible",
+        "timeseries": "Séries chronologiques",
+        "timeseries-data": "Données de séries chronologiques",
+        "timeseries-data-hint": "Configurez les clés de données de séries chronologiques de l'entité cible qui seront accessibles à la vue de l'entité. Ces données temporelles sont en lecture seule.",
+        "timeseries-placeholder": "Séries chronologiques",
+        "unable-entity-view-device-alias-text": "L'alias de dispositif '{{entityViewAlias}}' ne peut pas être supprimé car il est utilisé par les widgets suivants:<br/>{{widgetsList}}",
+        "unable-entity-view-device-alias-title": "Impossible de supprimer l'alias de la vue d'entité.",
+        "unassign-entity-view": "Annuler l'affectation de la vue d'entité",
+        "unassign-entity-view-text": "Après la confirmation, la vue de l'entité sera non attribuée et ne sera pas accessible par le client.",
+        "unassign-entity-view-title": "Voulez-vous vraiment annuler l'attribution de la vue d'entité '{{entityViewName}}'?",
+        "unassign-entity-views": "Annuler l'attribution des vues d'entité",
+        "unassign-entity-views-action-title": "Annuler l'attribution { count, plural, 1 {1 entityView} other {# entityViews} } du client",
+        "unassign-entity-views-text": "Après la confirmation, toutes les vues des entités sélectionnées seront non attribuées et ne seront pas accessibles par le client.",
+        "unassign-entity-views-title": "Êtes-vous sûr de vouloir annuler l'attribution { count, plural, 1 {1 entityView} other {# entityViews} }?",
+        "unassign-from-customer": "Annuler l'attribution au client",
+        "use-entity-view-name-filter": "Use filter",
+        "view-entity-views": "Voir les vues d'entité"
+    },
+    "error": {
+        "unable-to-connect": "Impossible de se connecter au serveur! Veuillez vérifier votre connexion Internet.",
+        "unhandled-error-code": "Code d'erreur non géré: {{errorCode}}",
+        "unknown-error": "Erreur inconnue"
+    },
+    "event": {
+        "alarm": "Alarme",
+        "body": "Corps",
+        "data": "Données",
+        "data-type": "Type de données",
+        "entity": "Entité",
+        "error": "erreur",
+        "errors-occurred": "Des erreurs sont survenues",
+        "event": "événement",
+        "event-time": "Heure de l'événement",
+        "event-type": "Type d'événement",
+        "failed": "Échec",
+        "message-id": "Message Id",
+        "message-type": "Type de message",
+        "messages-processed": "Messages traités",
+        "metadata": "Métadonnées",
+        "method": "Méthode",
+        "no-events-prompt": "Aucun événement trouvé",
+        "relation-type": "Type de relation",
+        "server": "Serveur",
+        "status": "État",
+        "success": "Succès",
+        "type": "Type",
+        "type-debug-rule-chain": "Debug",
+        "type-debug-rule-node": "Debug",
+        "type-error": "Erreur",
+        "type-lc-event": "Evénement du cycle de vie",
+        "type-stats": "Statistiques"
+    },
+    "extension": {
+        "add": "Ajouter une extension",
+        "add-attribute": "Ajouter un attribut",
+        "add-attribute-request": "Ajouter une demande d'attribut",
+        "add-attribute-update": "Ajouter une mise à jour d'attribut",
+        "add-broker": "Ajouter un Broker",
+        "add-config": "Ajouter une configuration de convertisseur",
+        "add-connect-request": "Ajouter une demande de connexion",
+        "add-converter": "Ajouter un convertisseur",
+        "add-device": "Ajouter un dispositif",
+        "add-disconnect-request": "Ajouter une demande de déconnexion",
+        "add-map": "Ajouter un élément de mappage",
+        "add-server-side-rpc-request": "Ajouter une requête RPC côté serveur",
+        "add-timeseries": "Ajouter des timeseries",
+        "anonymous": "Anonyme",
+        "attr-json-key-expression": "Expression json de la clé d'attribut",
+        "attr-topic-key-expression": "Expression du topic de la clé d'attribut",
+        "attribute-filter": "Filtre d'attribut",
+        "attribute-key-expression": "Expression de clé d'attribut",
+        "attribute-requests": "Demandes d'attributs",
+        "attribute-updates": "Mises à jour des attributs",
+        "attributes": "Attributs",
+        "basic": "Basic",
+        "brokers": "Brokers",
+        "ca-cert": "Fichier de certificat CA",
+        "cert": "Fichier de certificat *",
+        "client-scope": "Portée client",
+        "configuration": "Configuration",
+        "connect-requests": "Demandes de connexion",
+        "converter-configurations": "Configurations du convertisseur",
+        "converter-id": "ID du convertisseur",
+        "converter-json": "Json",
+        "converter-json-parse": "Impossible d'analyser le convertisseur json.",
+        "converter-json-required": "Le convertisseur json est requis.",
+        "converter-type": "Type de convertisseur",
+        "converters": "Convertisseurs",
+        "credentials": "Informations d'identification",
+        "custom": "Sur mesure",
+        "delete": "Supprimer l'extension",
+        "delete-extension-text": "Attention, après la confirmation, l'extension et toutes les données associées deviendront irrécupérables.",
+        "delete-extension-title": "Êtes-vous sûr de vouloir supprimer l'extension '{{extensionId}}'?",
+        "delete-extensions-text": "Attention, après la confirmation, toutes les extensions sélectionnées seront supprimées.",
+        "delete-extensions-title": "Êtes-vous sûr de vouloir supprimer {count, plural, 1 {1 extension} other {# extensions} }?",
+        "device-name-expression": "expression du nom du dispositif",
+        "device-name-filter": "Filtre de nom de dispositif",
+        "device-type-expression": "expression de type de dispositif",
+        "disconnect-requests": "Demandes de déconnection",
+        "drop-file": "Déposez un fichier ou cliquez pour sélectionner un fichier à télécharger.",
+        "edit": "Modifier l'extension",
+        "export-extension": "Exporter l'extension",
+        "export-extensions-configuration": "Exporter la configuration des extensions",
+        "extension-id": "Id de l'extension",
+        "extension-type": "Type d'extension",
+        "extensions": "Extensions",
+        "field-required": "Le champ est obligatoire",
+        "file": "Fichier d'extensions",
+        "filter-expression": "Expression du filtre",
+        "host": "Hôte",
+        "id": "Id",
+        "import-extension": "Importer une extension",
+        "import-extensions": "Importer des extensions",
+        "import-extensions-configuration": "Importer la configuration des extensions",
+        "invalid-file-error": "Fichier d'extension non valide",
+        "json-name-expression": "Expression json du nom du dispositif",
+        "json-parse": "Impossible d'analyser json transformer.",
+        "json-required": "Transformer json est requis.",
+        "json-type-expression": "Expression json du type de dispositif",
+        "key": "Clé",
+        "mapping": "Mappage",
+        "method-filter": "Filtre de méthode",
+        "modbus-add-server": "Ajouter serveur/esclave",
+        "modbus-add-server-prompt": "Veuillez ajouter  serveur/esclave",
+        "modbus-attributes-poll-period": "Période d'interrogation des attributs (ms)",
+        "modbus-baudrate": "Débit en bauds",
+        "modbus-byte-order": "Ordre des octets",
+        "modbus-databits": "Bits de données",
+        "modbus-databits-range": "Les bits de données doivent être compris entre 7 et 8.",
+        "modbus-device-name": "Nom du dispositif",
+        "modbus-encoding": "Encodage",
+        "modbus-function": "Fonction",
+        "modbus-parity": "parité",
+        "modbus-poll-period": "Période d'interrogation (ms)",
+        "modbus-poll-period-range": "La période d'interrogation doit être une valeur positive.",
+        "modbus-port-name": "Nom du port série",
+        "modbus-register-address": "Adresse du registre",
+        "modbus-register-address-range": "L'adresse du registre doit être comprise entre 0 et 65535.",
+        "modbus-register-bit-index": "Bit index",
+        "modbus-register-bit-index-range": "L'index de bit doit être compris entre 0 et 15.",
+        "modbus-register-count": "Nombre de registre",
+        "modbus-register-count-range": "Le nombre de registres doit être une valeur positive.",
+        "modbus-server": "Serveurs / esclaves",
+        "modbus-stopbits": "Bits d'arrêt",
+        "modbus-stopbits-range": "Les bits d'arrêt doivent être compris entre 1 et 2.",
+        "modbus-tag": "Tag",
+        "modbus-timeseries-poll-period": "Période d'interrogation des Timeseries (ms)",
+        "modbus-transport": "Transport",
+        "modbus-unit-id": "Id de l'unité",
+        "modbus-unit-id-range": "L'ID de l'unité doit être compris entre 1 et 247.",
+        "no-file": "Aucun fichier sélectionné.",
+        "opc-add-server": "Ajouter un serveur",
+        "opc-add-server-prompt": "Veuillez ajouter un serveur",
+        "opc-application-name": "Nom de l'application",
+        "opc-application-uri": "Uri de l'application",
+        "opc-device-name-pattern": "modèle de nom du dispositif",
+        "opc-device-node-pattern": "modèle de noeud de dispositif",
+        "opc-identity": "Identité",
+        "opc-keystore": "Magasin de clés",
+        "opc-keystore-alias": "Alias",
+        "opc-keystore-key-password": "Mot de passe de la clé",
+        "opc-keystore-location": "Emplacement *",
+        "opc-keystore-password": "Mot de passe",
+        "opc-keystore-type": "Type",
+        "opc-scan-period-in-seconds": "Période d'analyse en secondes",
+        "opc-security": "Sécurité",
+        "opc-server": "Serveurs",
+        "opc-type": "Type",
+        "password": "Mot de passe",
+        "pem": "PEM",
+        "port": "Port",
+        "port-range": "Le port doit être compris entre 1 et 65535.",
+        "private-key": "Fichier de clé privée *",
+        "request-id-expression": "Expression de demande d'id",
+        "request-id-json-expression": "Expression json de la demande d'id",
+        "request-id-topic-expression": "Expression de la demande d'id du topic",
+        "request-topic-expression": "Expression de la demande du topic",
+        "response-timeout": "Délai de réponse en millisecondes",
+        "response-topic-expression": "Expression du topic de la réponse",
+        "retry-interval": "Intervalle de nouvelle tentative en millisecondes",
+        "selected-extensions": "{count, plural, 1 {1 extension} other {# extensions} } sélectionné",
+        "server-side-rpc": "RPC côté serveur",
+        "ssl": "Ssl",
+        "sync": {
+            "last-sync-time": "Dernière heure de synchronisation",
+            "not-available": "Non disponible",
+            "not-sync": "Non sync",
+            "status": "Status",
+            "sync": "Sync"
+        },
+        "timeout": "Délai d'attente en millisecondes",
+        "timeseries": "Timeseries",
+        "to-double": "Au double",
+        "token": "Jeton de sécurité",
+        "topic": "Topic",
+        "topic-expression": "Expression du topic",
+        "topic-filter": "Filtre du topic",
+        "topic-name-expression": "Expression du nom du dispositif (topic)",
+        "topic-type-expression": "Expression de type de dispositif (topic)",
+        "transformer": "Transformer",
+        "transformer-json": "JSON *",
+        "type": "Type",
+        "unique-id-required": "L'identifiant d'extension actuel existe déjà.",
+        "username": "Nom d'utilisateur",
+        "value": "Valeur",
+        "value-expression": "Expression de la valeur"
+    },
+    "fullscreen": {
+        "exit": "Quitter le plein écran",
+        "expand": "Afficher en plein écran",
+        "fullscreen": "Plein écran",
+        "toggle": "Activer le mode plein écran"
+    },
+    "function": {
+        "function": "Fonction"
+    },
+    "grid": {
+        "add-item-text": "Ajouter un nouvel élément",
+        "delete-item": "Supprimer l'élément",
+        "delete-item-text": "Faites attention, après la confirmation, cet élément et toutes les données associées deviendront irrécupérables.",
+        "delete-item-title": "Êtes-vous sûr de vouloir supprimer cet élément?",
+        "delete-items": "Supprimer les éléments",
+        "delete-items-action-title": "Supprimer {count, plural, 1 {1 élément} other {# éléments} }",
+        "delete-items-text": "Attention, après la confirmation, tous les éléments sélectionnés seront supprimés et toutes les données associées deviendront irrécupérables.",
+        "delete-items-title": "Êtes-vous sûr de vouloir supprimer {count, plural, 1 {1 élément} other {# éléments} }?",
+        "item-details": "Détails de l'élément",
+        "no-items-text": "Aucun élément trouvé",
+        "scroll-to-top": "Défiler vers le haut"
+    },
+    "help": {
+        "goto-help-page": "Aller à la page d'aide"
+    },
+    "home": {
+        "avatar": "Avatar",
+        "home": "Accueil",
+        "logout": "Déconnexion",
+        "menu": "Menu",
+        "open-user-menu": "Ouvrir le menu utilisateur",
+        "profile": "Profile"
+    },
+    "icon": {
+        "icon": "Icône",
+        "material-icons": "Icônes matérielles",
+        "select-icon": "Sélectionner l'icône",
+        "show-all": "Afficher toutes les icônes"
+    },
+    "import": {
+        "drop-file": "Déposez un fichier JSON ou cliquez pour sélectionner un fichier à télécharger.",
+        "no-file": "Aucun fichier sélectionné"
+    },
+    "item": {
+        "selected": "Sélectionné"
+    },
+    "js-func": {
+        "no-return-error": "La fonction doit renvoyer une valeur!",
+        "return-type-mismatch": "La fonction doit renvoyer une valeur de type '{{type}}' !",
+        "tidy": "Nettoyer"
+    },
+    "key-val": {
+        "add-entry": "Ajouter une entrée",
+        "key": "Clé",
+        "no-data": "Aucune entrée",
+        "remove-entry": "Supprimer l'entrée",
+        "value": "Valeur"
+    },
+    "language": {
+        "language": "Language"
+    },
+    "layout": {
+        "color": "Couleur",
+        "layout": "Mise en page",
+        "main": "Principal",
+        "manage": "Gérer les mises en page",
+        "right": "Droite",
+        "select": "Sélectionner la mise en page cible",
+        "settings": "Paramètres de mise en page"
+    },
+    "legend": {
+        "avg": "moy",
+        "max": "max",
+        "min": "min",
+        "position": "Position de la légende",
+        "settings": "Paramètres de la légende",
+        "show-avg": "Afficher la valeur moyenne",
+        "show-max": "Afficher la valeur maximale",
+        "show-min": "Afficher la valeur min",
+        "show-total": "Afficher la valeur totale",
+        "total": "total"
+    },
+    "login": {
+        "create-password": "Créer un mot de passe",
+        "email": "Email",
+        "forgot-password": "Mot de passe oublié?",
+        "login": "Login",
+        "new-password": "Nouveau mot de passe",
+        "new-password-again": "nouveau mot de passe",
+        "password-again": "Mot de passe à nouveau",
+        "password-link-sent-message": "Le lien de réinitialisation du mot de passe a été envoyé avec succès!",
+        "password-reset": "Mot de passe réinitialisé",
+        "passwords-mismatch-error": "Les mots de passe saisis doivent être identiques!",
+        "remember-me": "Se souvenir de moi",
+        "request-password-reset": "Demander la réinitialisation du mot de passe",
+        "reset-password": "Réinitialiser le mot de passe",
+        "sign-in": "Veuillez vous connecter",
+        "username": "Nom d'utilisateur (courriel)"
+    },
+    "position": {
+        "bottom": "Bas",
+        "left": "Gauche",
+        "right": "Droite",
+        "top": "Haut"
+    },
+    "profile": {
+        "change-password": "Modifier le mot de passe",
+        "current-password": "Mot de passe actuel",
+        "last-login-time": "Dernière connexion",
+        "profile": "Profile"
+    },
+    "relation": {
+        "add": "Ajouter une relation",
+        "add-relation-filter": "Ajouter un filtre de relation",
+        "additional-info": "Informations supplémentaires (JSON)",
+        "any-relation": "toute relation",
+        "any-relation-type": "N'importe quel type",
+        "delete": "Supprimer la relation",
+        "delete-from-relation-text": "Attention, après la confirmation, l'entité actuelle ne sera pas liée à l'entité '{{entityName}}'.",
+        "delete-from-relation-title": "Êtes-vous sûr de vouloir supprimer la relation de l'entité '{{entityName}}'?",
+        "delete-from-relations-text": "Attention, après la confirmation, toutes les relations sélectionnées seront supprimées et l'entité actuelle ne sera pas liée aux entités correspondantes.",
+        "delete-from-relations-title": "Êtes-vous sûr de vouloir supprimer {count, plural, 1 {1 relation} other {# relations} }?",
+        "delete-to-relation-text": "Attention, après la confirmation, l'entité '{{entityName}} ne sera plus liée à l'entité actuelle.",
+        "delete-to-relation-title": "Êtes-vous sûr de vouloir supprimer la relation avec l'entité '{{entityName}}'?",
+        "delete-to-relations-text": "Attention, après la confirmation, toutes les relations sélectionnées seront supprimées et les entités correspondantes ne seront pas liées à l'entité en cours.",
+        "delete-to-relations-title": "Êtes-vous sûr de vouloir supprimer {count, plural, 1 {1 relation} other {# relations} }?",
+        "direction": "Sens",
+        "direction-type": {
+            "FROM": "de",
+            "TO": "à"
+        },
+        "edit": "Modifier la relation",
+        "from-entity": "De l'entité",
+        "from-entity-name": "Du nom d'entité",
+        "from-entity-type": "Du type d'entité",
+        "from-relations": "Relations sortantes",
+        "invalid-additional-info": "Impossible d'analyser les informations supplémentaires json.",
+        "relation-filters": "Filtres de relation",
+        "relation-type": "Type de relation",
+        "relation-type-required": "Le type de relation est requis.",
+        "relations": "Relations",
+        "remove-relation-filter": "Supprimer le filtre de relation",
+        "search-direction": {
+            "FROM": "De",
+            "TO": "Vers"
+        },
+        "selected-relations": "{count, plural, 1 {1 relation} other {# relations} } sélectionné",
+        "to-entity": "Vers l'entité",
+        "to-entity-name": "vers le nom de l'entité",
+        "to-entity-type": "Vers le type d'entité",
+        "to-relations": "Relations entrantes",
+        "type": "Type"
+    },
+    "rulechain": {
+        "add": "Ajouter une chaîne de règles",
+        "add-rulechain-text": "Ajouter une nouvelle chaîne de règles",
+        "copyId": "Copier l'identifiant de la chaîne de règles",
+        "create-new-rulechain": "Créer une nouvelle chaîne de règles",
+        "debug-mode": "Mode de débogage",
+        "delete": "Supprimer la chaîne de règles",
+        "delete-rulechain-text": "Attention, après la confirmation, la chaîne de règles et toutes les données associées deviendront irrécupérables.",
+        "delete-rulechain-title": "Voulez-vous vraiment supprimer la chaîne de règles '{{ruleChainName}}'?",
+        "delete-rulechains-action-title": "Supprimer {count, plural, 1 {1 chaîne de règles} other {# chaînes de règles} }",
+        "delete-rulechains-text": "Attention, après la confirmation, toutes les chaînes de règles sélectionnées seront supprimées et toutes les données associées deviendront irrécupérables.",
+        "delete-rulechains-title": "Êtes-vous sûr de vouloir supprimer {count, plural, 1 {1 chaîne de règles} other {#  chaînes de règles} }?",
+        "description": "Description",
+        "details": "Détails",
+        "events": "Evénements",
+        "export": "Exporter la chaîne de règles",
+        "export-failed-error": "Impossible d'exporter la chaîne de règles: {{error}}",
+        "idCopiedMessage": "L'ID de la chaîne de règles a été copié dans le presse-papier",
+        "import": "Importer la chaîne de règles",
+        "invalid-rulechain-file-error": "Impossible d'importer la chaîne de règles: structure de données de la chaîne de règles non valide",
+        "management": "Gestion des règles",
+        "name": "Nom",
+        "name-required": "Le nom est requis.",
+        "no-rulechains-matching": "Aucune chaîne de règles correspondant à {{entity}} n'a été trouvée.",
+        "no-rulechains-text": "Aucune chaîne de règles trouvée",
+        "root": "Racine",
+        "rulechain": "Chaîne de règles",
+        "rulechain-details": "Détails de la chaîne de règles",
+        "rulechain-file": "Fichier de chaîne de règles",
+        "rulechain-required": "Chaîne de règles requise",
+        "rulechains": "Chaînes de règles",
+        "select-rulechain": "Sélectionner la chaîne de règles",
+        "set-root": "Rend la chaîne de règles racine (root) ",
+        "set-root-rulechain-text": "Après la confirmation, la chaîne de règles deviendra racine (root) et gérera tous les messages de transport entrants.",
+        "set-root-rulechain-title": "Voulez-vous vraiment que la chaîne de règles '{{ruleChainName}} soit racine  (root) ?",
+        "system": "Système"
+    },
+    "rulenode": {
+        "add": "Ajouter un noeud de règle",
+        "add-link": "Ajouter un lien",
+        "configuration": "Configuration",
+        "copy-selected": "Copier les éléments sélectionnés",
+        "create-new-link-label": "Créez un nouveau!",
+        "custom-link-label": "Etiquette de lien personnalisée",
+        "custom-link-label-required": "Une étiquette de lien personnalisée est requise",
+        "debug-mode": "Mode de débogage",
+        "delete": "Supprimer le noeud de règle",
+        "delete-selected": "Supprimer les éléments sélectionnés",
+        "delete-selected-objects": "Supprimer les nœuds et les connexions sélectionnés",
+        "description": "Description",
+        "deselect-all": "Désélectionner tout",
+        "deselect-all-objects": "Désélectionnez tous les nœuds et toutes les connexions",
+        "details": "Détails",
+        "directive-is-not-loaded": "La directive de configuration définie '{{directiveName}} n'est pas disponible.",
+        "events": "Événements",
+        "help": "Aide",
+        "invalid-target-rulechain": "Impossible de résoudre la chaîne de règles cible!",
+        "link": "Lien",
+        "link-details": "Détails du lien du noeud de la règle",
+        "link-label": "Étiquette du lien",
+        "link-label-required": "L'étiquette du lien est obligatoire",
+        "link-labels": "Étiquettes de lien",
+        "link-labels-required": "Les étiquettes de lien sont obligatoires",
+        "message": "Message",
+        "message-type": "Type de message",
+        "message-type-required": "Le type de message est obligatoire",
+        "metadata": "Métadonnées",
+        "metadata-required": "Les entrées de métadonnées ne peuvent pas être vides.",
+        "name": "Nom",
+        "name-required": "Le nom est requis.",
+        "no-link-label-matching": "'{{label}}' introuvable.",
+        "no-link-labels-found": "Aucune étiquette de lien trouvée",
+        "open-node-library": "Ouvrir la bibliothèque de noeud",
+        "output": "Output",
+        "rulenode-details": "Détails du noeud de la régle",
+        "search": "Recherche de noeuds",
+        "select-all": "Tout sélectionner",
+        "select-all-objects": "Sélectionnez tous les noeuds et connexions",
+        "select-message-type": "Sélectionner le type de message",
+        "test": "Test",
+        "test-script-function": "Tester le script",
+        "type": "Type",
+        "type-action": "Action",
+        "type-action-details": "Effectuer une action spéciale",
+        "type-enrichment": "Enrichissement",
+        "type-enrichment-details": "Ajouter des informations supplémentaires dans les métadonnées de message",
+        "type-external": "Externe",
+        "type-external-details": "Interagit avec le systéme externe",
+        "type-filter": "Filtre",
+        "type-filter-details": "Filtrer les messages entrants avec des conditions configurées",
+        "type-input": "Input",
+        "type-input-details": "Entrée logique de la chaîne de règles, transmet les messages entrants au prochain nœud de règle associé",
+        "type-rule-chain": "Chaîne de régles",
+        "type-rule-chain-details": "Transmet les messages entrants à la chaîne de régles spécifiée",
+        "type-transformation": "Transformation",
+        "type-transformation-details": "Modifier le payload du message  et les métadonnées ",
+        "type-unknown": "Inconnu",
+        "type-unknown-details": "Noeud de règle non résolu",
+        "ui-resources-load-error": "Impossible de charger les ressources de configuration de l'interface utilisateur."
+    },
+    "tenant": {
+        "add": "Ajouter un Tenant",
+        "add-tenant-text": "Ajouter un nouveau Tenant",
+        "admins": "Admins",
+        "copyId": "Copier l'Id du Tenant",
+        "delete": "Supprimer le Tenant",
+        "delete-tenant-text": "Attention, après la confirmation, le Tenant et toutes les données associées deviendront irrécupérables.",
+        "delete-tenant-title": "Êtes-vous sûr de vouloir supprimer le tenant '{{tenantTitle}}'?",
+        "delete-tenants-action-title": "Supprimer {count, plural, 1 {1 tenant} other {# tenants} }",
+        "delete-tenants-text": "Attention, après la confirmation, tous les Tenants sélectionnés seront supprimés et toutes les données associées deviendront irrécupérables.",
+        "delete-tenants-title": "Êtes-vous sûr de vouloir supprimer {count, plural, 1 {1 tenant} other {# tenants} }?",
+        "description": "Description",
+        "details": "Détails",
+        "events": "Événements",
+        "idCopiedMessage": "L'Id  du Tenant a été copié dans le Presse-papiers",
+        "manage-tenant-admins": "Gérer les administrateurs du Tenant",
+        "management": "Gestion des Tenants",
+        "no-tenants-matching": "Aucun Tenant correspondant à {{entity}} n'a été trouvé. ",
+        "no-tenants-text": "Aucun Tenant trouvé",
+        "select-tenant": "Sélectionner un Tenant",
+        "tenant": "Tenant",
+        "tenant-details": "Détails du Tenant",
+        "tenant-required": "Tenant requis",
+        "tenants": "Tenants",
+        "title": "Titre",
+        "title-required": "Le titre est requis."
+    },
+    "timeinterval": {
+        "advanced": "Avancé",
+        "days": "Jours",
+        "days-interval": "{days, plural, 1 {1 jour} other {# jours} }",
+        "hours": "Heures",
+        "hours-interval": "{hours, plural, 1 {1 heure} other {# heures} }",
+        "minutes": "Minutes",
+        "minutes-interval": "{minutes, plural, 1 {1 minute} other {# minutes} }",
+        "seconds": "Secondes",
+        "seconds-interval": "{seconds, plural, 1 {1 seconde} other {# secondes} }"
+    },
+    "timewindow": {
+        "date-range": "Plage de dates",
+        "days": "{days, plural, 1 {jour} other {# jours} }",
+        "edit": "Modifier timewindow",
+        "history": "Historique",
+        "hours": "{hours, plural, 0 {heure} 1 {1 heure} other {# heures} }",
+        "last": "Dernier",
+        "last-prefix": "dernier",
+        "minutes": "{minutes, plural, 0 {minute} 1 {1 minute} other {# minutes} }",
+        "period": "de {{startTime}} à {{endTime}}",
+        "realtime": "Temps réel",
+        "seconds": "{seconds, plural, 0 {second} 1 {1 second} other {# seconds} }",
+        "time-period": "Période",
+        "hide": "Masquer"
+    },
+    "user": {
+        "activation-email-sent-message": "Le courriel d'activation a été envoyé avec succès!",
+        "activation-link": "Lien d'activation utilisateur",
+        "activation-link-copied-message": "le lien d'activation de l'utilisateur a été copié dans le presse-papier",
+        "activation-link-text": "Pour activer l'utilisateur, utilisez le lien d'activation  suivant:  <a href='{{activationLink}}' target='_blank'></a>",
+        "activation-method": "Méthode d'activation",
+        "add": "Ajouter un utilisateur",
+        "add-user-text": "Ajouter un nouvel utilisateur",
+        "always-fullscreen": "Toujours en plein écran",
+        "anonymous": "Anonyme",
+        "copy-activation-link": "Copier le lien d'activation",
+        "customer": "Client",
+        "customer-users": "Utilisateurs du client",
+        "default-dashboard": "Tableau de bord par défaut",
+        "delete": "Supprimer l'utilisateur",
+        "delete-user-text": "Attention, après la confirmation, l'utilisateur et toutes les données associées deviendront irrécupérables.",
+        "delete-user-title": "Êtes-vous sûr de vouloir supprimer l'utilisateur '{{userEmail}}'?",
+        "delete-users-action-title": "Supprimer {count, plural, 1 {1 utilisateur} other {# utilisateurs} }",
+        "delete-users-text": "Attention, après la confirmation, tous les utilisateurs sélectionnés seront supprimés et toutes les données associées deviendront irrécupérables.",
+        "delete-users-title": "Êtes-vous sûr de vouloir supprimer {count, plural, 1 {1 utilisateur} other {# utilisateurs} }?",
+        "description": "Description",
+        "details": "Détails",
+        "disable-account": "Désactiver le compte d'utilisateur",
+        "disable-account-message": "Le compte d'utilisateur a été désactivé avec succès!",
+        "display-activation-link": "Afficher le lien d'activation",
+        "email": "Email",
+        "email-required": "Email est requis.",
+        "enable-account": "Activer le compte d'utilisateur",
+        "enable-account-message": "Le compte d'utilisateur a été activé avec succès!",
+        "first-name": "Prénom",
+        "invalid-email-format": "Format de courrier électronique non valide",
+        "last-name": "Nom de famille",
+        "login-as-customer-user": "Se connecter en tant qu'utilisateur client",
+        "login-as-tenant-admin": "Connectez-vous en tant qu'administrateur Tenant",
+        "no-users-matching": "Aucun utilisateur correspondant à '{{entity}}' n'a été trouvé.",
+        "no-users-text": "Aucun utilisateur trouvé",
+        "resend-activation": "Renvoyer l'activation",
+        "select-user": "Sélectionner l'utilisateur",
+        "send-activation-mail": "Envoyer un mail d'activation",
+        "sys-admin": "Administrateur du système",
+        "tenant-admin": "Administrateur du Tenant",
+        "tenant-admins": "administrateurs du Tenant",
+        "user": "utilisateur",
+        "user-details": "Détails de l'utilisateur",
+        "user-required": "L'utilisateur est requis",
+        "users": "Utilisateurs"
+    },
+    "value": {
+        "boolean": "booléen",
+        "boolean-value": "Valeur booléenne",
+        "double": "Double",
+        "double-value": "Valeur double",
+        "false": "Faux",
+        "integer": "Entier",
+        "integer-value": "Valeur entière",
+        "invalid-integer-value": "Valeur entière invalide",
+        "long": "Long",
+        "string": "String",
+        "string-value": "Valeur String",
+        "true": "Vrai",
+        "type": "Type de valeur"
+    },
+    "widget": {
+        "add": "Ajouter un widget",
+        "add-resource": "Ajouter une ressource",
+        "add-widget-type": "Ajouter un nouveau type de widget",
+        "alarm": "Widget d'alarme",
+        "css": "CSS",
+        "datakey-settings-schema": "Schéma des paramètres de Data key",
+        "edit": "Modifier le widget",
+        "editor": " Editeur de widget",
+        "export": "Exporter widget",
+        "html": "HTML",
+        "javascript": "Javascript",
+        "latest-values": "Dernières valeurs",
+        "management": "Gestion des widgets",
+        "missing-widget-title-error": "Le titre du widget doit être spécifié!",
+        "no-data-found": "Aucune donnée trouvée",
+        "remove": "Supprimer le widget",
+        "remove-resource": "Supprimer une ressource",
+        "remove-widget-text": "Après la confirmation, le widget et toutes les données associées deviendront irrécupérables.",
+        "remove-widget-title": "Êtes-vous sûr de vouloir supprimer le widget '{{widgetTitle}}'?",
+        "remove-widget-type": "Supprimer le type de widget",
+        "remove-widget-type-text": "Après la confirmation, le type de widget et toutes les données associées deviendront irrécupérables.",
+        "remove-widget-type-title": "Êtes-vous sûr de vouloir supprimer le type de widget '{{widgetName}}'?",
+        "resource-url": "URL JavaScript / CSS",
+        "resources": "Ressources",
+        "rpc": "Widget de contrôle",
+        "run": "Exécuter un widget",
+        "save": "Enregistrer le widget",
+        "save-widget-type-as": "Enregistrer le type de widget sous",
+        "save-widget-type-as-text": "Veuillez saisir un nouveau titre de widget et / ou sélectionner un ensemble de widgets cibles",
+        "saveAs": "Enregistrer le widget sous",
+        "search-data": "Rechercher des données",
+        "select-widget-type": "Sélectionnez le type de widget",
+        "select-widgets-bundle": "Sélectionner un ensemble de widgets",
+        "settings-schema": "Schéma des paramétres",
+        "static": "Widget statique",
+        "tidy": "Nettoyer",
+        "timeseries": "Séries chronologiques",
+        "title": "Titre du widget",
+        "title-required": "Le titre du widget est requis.",
+        "toggle-fullscreen": "Basculer le mode plein écran",
+        "type": "Type de widget",
+        "unable-to-save-widget-error": "Impossible de sauvegarder le widget! Le widget a des erreurs!",
+        "undo": "Annuler les modifications du widget",
+        "widget-bundle": "Ensemble de widget",
+        "widget-library": "Bibliothèque de widgets",
+        "widget-saved": "Widget enregistré",
+        "widget-template-load-failed-error": "Impossible de charger le modéle de widget!",
+        "widget-type-load-error": "Le widget n'a pas été chargé à cause des erreurs suivantes:",
+        "widget-type-load-failed-error": "Impossible de charger le type de widget!",
+        "widget-type-not-found": "Problème de chargement de la configuration du widget. <br> Le type de widget associé a probablement été supprimé."
+    },
+    "widget-action": {
+        "custom": "Action personnalisée",
+        "header-button": "Bouton d'en-tête de widget",
+        "open-dashboard": "Naviguer vers un autre tableau de bord",
+        "open-dashboard-state": "Naviguer vers un nouvel état du tableau de bord",
+        "open-right-layout": "Ouvrir la disposition du tableau de bord droite (vue mobile)",
+        "set-entity-from-widget": "Définir l'entité à partir du widget",
+        "target-dashboard": "Tableau de bord cible",
+        "target-dashboard-state": "État du tableau de bord cible",
+        "target-dashboard-state-required": "L'état du tableau de bord cible est requis",
+        "update-dashboard-state": "Mettre à jour l'état actuel du tableau de bord"
+    },
+    "widget-config": {
+        "action": "Action",
+        "action-icon": "Icône",
+        "action-name": "Nom",
+        "action-name-not-unique": "Une autre action portant le même nom existe déjà. <br/> Le nom de l'action doit être unique dans la même source d'action.",
+        "action-name-required": "Le nom de l'action est requis",
+        "action-source": "Source de l'action",
+        "action-source-required": "Une source d'action est requise.",
+        "action-type": "Type",
+        "action-type-required": "Le type d'action est requis.",
+        "actions": "Actions",
+        "add-action": "Ajouter une action",
+        "add-datasource": "Ajouter une source de données",
+        "advanced": "Avancé",
+        "alarm-source": "Source d'alarme",
+        "background-color": "couleur de fond",
+        "data": "Données",
+        "datasource-parameters": "Paramètres",
+        "datasource-type": "Type",
+        "datasources": "Sources de données",
+        "decimals": "Nombre de chiffres après virgule flottante",
+        "delete-action": "Supprimer l'action",
+        "delete-action-text": "Êtes-vous sûr de vouloir supprimer l'action du widget nommé '{{actionName}}'?",
+        "delete-action-title": "Supprimer l'action du widget",
+        "display-timewindow": "Afficher fenêtre de temps",
+        "display-legend": "Afficher la légende",
+        "display-title": "Afficher le titre",
+        "drop-shadow": "Ombre portée",
+        "edit-action": "Modifier l'action",
+        "enable-fullscreen": "Activer le plein écran",
+        "general-settings": "Paramètres généraux",
+        "height": "Hauteur",
+        "margin": "Marge",
+        "maximum-datasources": "Maximum {count, plural, 1 {1 datasource est autorisé.} other {# datasources sont autorisés} }",
+        "mobile-mode-settings": "Paramètres du mode mobile",
+        "order": "Ordre",
+        "padding": "Padding",
+        "remove-datasource": "Supprimer la source de données",
+        "search-actions": "Recherche d'actions",
+        "settings": "Paramètres",
+        "target-device": "Dispositif cible",
+        "text-color": "Couleur du texte",
+        "timewindow": "Fenêtre de temps",
+        "title": "Titre",
+        "title-style": "Style de titre",
+        "title-tooltip": "Tooltip de titre",
+        "units": "Symbole spécial à afficher à côté de la valeur",
+        "use-dashboard-timewindow": "Utiliser la fenêtre de temps du tableau de bord",
+        "widget-style": "Style du widget",
+        "display-icon": "Afficher l'icône du titre",
+        "icon-color": "Couleur de l'icône",
+        "icon-size": "Taille de l'icône"
+    },
+    "widget-type": {
+        "create-new-widget-type": "Créer un nouveau type de widget",
+        "export": "Exporter le type de widget",
+        "export-failed-error": "Impossible d'exporter le type de widget: {{error}}",
+        "import": "Importer le type de widget",
+        "invalid-widget-type-file-error": "Impossible d'importer le type de widget: structure de données de type widget invalide.",
+        "widget-type-file": "Fichier de type Widget"
+    },
+    "widgets": {
+        "date-range-navigator": {
+            "localizationMap": {
+                "Sun": "Dim.",
+                "Mon": "Lun.",
+                "Tue": "Mar.",
+                "Wed": "Mer.",
+                "Thu": "Jeu.",
+                "Fri": "Ven.",
+                "Sat": "Sam.",
+                "Jan": "Janv.",
+                "Feb": "Févr.",
+                "Mar": "Mars",
+                "Apr": "Avr.",
+                "May": "Mai",
+                "Jun": "Juin",
+                "Jul": "Juil.",
+                "Aug": "Août",
+                "Sep": "Sept.",
+                "Oct": "Oct.",
+                "Nov": "Nov.",
+                "Dec": "Déc.",
+                "January": "Janvier",
+                "February": "Février",
+                "March": "Mars",
+                "April": "Avril",
+                "June": "Juin",
+                "July": "Juillet",
+                "August": "Août",
+                "September": "Septembre",
+                "October": "Octobre",
+                "November": "Novembre",
+                "December": "Décembre",
+                "Custom Date Range": "Plage de dates personnalisée",
+                "Date Range Template": "Modèle de plage de dates",
+                "Today": "Aujourd'hui",
+                "Yesterday": "Hier",
+                "This Week": "Cette semaine",
+                "Last Week": "La semaine dernière",
+                "This Month": "Ce mois-ci",
+                "Last Month": "Le mois dernier",
+                "Year": "Année",
+                "This Year": "Cette année",
+                "Last Year": "L'année dernière",
+                "Date picker": "Sélecteur de date",
+                "Hour": "Heure",
+                "Day": "Journée",
+                "Week": "La semaine",
+                "2 weeks": "2 Semaines",
+                "Month": "Mois",
+                "3 months": "3 Mois",
+                "6 months": "6 Mois",
+                "Custom interval": "Intervalle personnalisé",
+                "Interval": "Intervalle",
+                "Step size": "Taille de pas",
+                "Ok": "Ok"
+            }
+        },
+        "input-widgets": {
+            "attribute-not-allowed": "Le paramètre d'attribut ne peut pas être utilisé dans ce widget",
+            "date": "Date",
+            "discard-changes": "Annuler les modifications",
+            "entity-attribute-required": "L'attribut d'entité est requis",
+            "entity-timeseries-required": "Entité timeseries est requis",
+            "not-allowed-entity": "L'entité sélectionnée ne peut pas avoir d'attributs partagés",
+            "no-attribute-selected": "Aucun attribut n'est sélectionné",
+            "no-datakey-selected": "Aucune date n'est sélectionnée",
+            "no-entity-selected": "Aucune entité sélectionnée",
+            "no-image": "Pas d'image",
+            "no-support-web-camera": "Pas de webcam supportée",
+            "no-timeseries-selected": "Aucune série temporelle sélectionnée",
+            "switch-attribute-value": "Changer la valeur de l'attribut d'entité",
+            "switch-camera": "Changer de caméra",
+            "switch-timeseries-value": "Changer la valeur de l'entité série temporelle",
+            "take-photo": "Prendre une photo",
+            "time": "Temps",
+            "timeseries-not-allowed": "Le paramètre série temporelle ne peut pas être utilisé dans ce widget",
+            "update-failed": "Mise à jour a échoué",
+            "update-successful": "Mise à jour réussie",
+            "update-attribute": "Attribut de mise à jour",
+            "update-timeseries": "Mise à jour de la série temporelle",
+            "value": "Valeur"
+        }
+    },
+    "widgets-bundle": {
+        "add": "Ajouter un groupe de widgets",
+        "add-widgets-bundle-text": "Ajouter un nouveau groupe de widgets",
+        "create-new-widgets-bundle": "Créer un nouveau groupe de widgets",
+        "current": "Groupe actuel",
+        "delete": "Supprimer le groupe de widgets",
+        "delete-widgets-bundle-text": "Attention, après la confirmation, le groupe de widgets et toutes les données associées deviendront irrécupérables.",
+        "delete-widgets-bundle-title": "Êtes-vous sûr de vouloir supprimer le groupe de widgets '{{widgetsBundleTitle}}'?",
+        "delete-widgets-bundles-action-title": "Supprimer {count, plural, 1 {1 groupe de widgets} other {# groupes de widgets} }",
+        "delete-widgets-bundles-text": "Attention, après la confirmation, tous les groupes de widgets sélectionnés seront supprimés et toutes les données associées deviendront irrécupérables.",
+        "delete-widgets-bundles-title": "Voulez-vous vraiment supprimer {count, plural, 1 {1 groupe de widgets} other {# groupes de widgets} }?",
+        "details": "Détails",
+        "empty": "Le groupe de widgets est vide",
+        "export": "Exporter le groupe de widgets",
+        "export-failed-error": "Impossible d'exporter le groupe de widgets: {{error}}",
+        "import": "Importer un groupe de widgets",
+        "invalid-widgets-bundle-file-error": "Impossible d'importer un groupe de widgets: structure de données du groupe de widgets non valides.",
+        "no-widgets-bundles-matching": "Aucun groupe de widgets correspondant à {{widgetsBundle}} n'a été trouvé.",
+        "no-widgets-bundles-text": "Aucun groupe de widgets trouvé",
+        "system": "Système",
+        "title": "Titre",
+        "title-required": "Le titre est requis.",
+        "widgets-bundle-details": "Détails des groupes de widgets",
+        "widgets-bundle-file": "Fichier de groupe de widgets",
+        "widgets-bundle-required": "Un groupe de widgets est requis.",
+        "widgets-bundles": "Groupes de widgets"
+    }
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-it_IT.json b/ui-ngx/src/assets/locale/locale.constant-it_IT.json
new file mode 100644
index 0000000000..1f694eabc7
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-it_IT.json
@@ -0,0 +1,1706 @@
+{
+    "access": {
+        "unauthorized": "Non autorizzato",
+        "unauthorized-access": "Accesso non autorizzato",
+        "unauthorized-access-text": "Devi effettuare il login per accedere a questa risorsa!",
+        "access-forbidden": "Accesso Vietato",
+        "access-forbidden-text": "Non hai i diritti di accesso a questa posizione!<br/>Prova ad effettuare il login con un diverso account.",
+        "refresh-token-expired": "Sessione scaduta",
+        "refresh-token-failed": "Impossibile aggiornare la sessione"
+    },
+    "action": {
+        "activate": "Attiva",
+        "suspend": "Sospendi",
+        "save": "Salva",
+        "saveAs": "Salva come",
+        "cancel": "Cancella",
+        "ok": "OK",
+        "delete": "Elimina",
+        "add": "Aggiungi",
+        "yes": "Sì",
+        "no": "No",
+        "update": "Aggiorna",
+        "remove": "Rimuovi",
+        "search": "Cerca",
+        "clear-search": "Cancella ricerca",
+        "assign": "Assegna",
+        "unassign": "Annulla assegnazione",
+        "share": "Condividi",
+        "make-private": "Rendi privato",
+        "apply": "Applica",
+        "apply-changes": "Applica modifiche",
+        "edit-mode": "Modalità modifica",
+        "enter-edit-mode": "Attiva modalità di modifica",
+        "decline-changes": "Annulla modifiche",
+        "close": "Chiudi",
+        "back": "Indietro",
+        "run": "Esegui",
+        "sign-in": "Registrati!",
+        "edit": "Modifica",
+        "view": "Visualizza",
+        "create": "Crea",
+        "drag": "Trascina",
+        "refresh": "Aggiorna",
+        "undo": "Annulla",
+        "copy": "Copia",
+        "paste": "Incolla",
+        "copy-reference": "Copia riferimento",
+        "paste-reference": "Incolla riferimento",
+        "import": "Importa",
+        "export": "Esporta",
+        "share-via": "Condividi con {{provider}}",
+        "discard-changes": "Annulla le modifiche"
+    },
+    "aggregation": {
+        "aggregation": "Aggregazione",
+        "function": "Funzione di aggregazione dati",
+        "limit": "Valori max",
+        "group-interval": "Intervallo di raggruppamento",
+        "min": "Min",
+        "max": "Max",
+        "avg": "Media",
+        "sum": "Somma",
+        "count": "Conteggio",
+        "none": "Nessuna"
+    },
+    "admin": {
+        "general": "Generale",
+        "general-settings": "Impostazioni Generali",
+        "outgoing-mail": "Posta in uscita",
+        "outgoing-mail-settings": "Impostazioni Posta in uscita",
+        "system-settings": "Impostazioni di sistema",
+        "test-mail-sent": "Mail di test inviata con successo!",
+        "base-url": "URL di base",
+        "base-url-required": "URL di base obbligatoria.",
+        "mail-from": "Mittente",
+        "mail-from-required": "Mittente obbligatorio.",
+        "smtp-protocol": "Protocollo SMTP",
+        "smtp-host": "Host SMTP",
+        "smtp-host-required": "Host SMTP obbligatorio.",
+        "smtp-port": "Porta SMTP",
+        "smtp-port-required": "Porta SMTP obbligatoria.",
+        "smtp-port-invalid": "Numero di porta SMTP non valido.",
+        "timeout-msec": "Timeout (msec)",
+        "timeout-required": "Timeout obbligatorio.",
+        "timeout-invalid": "Timeout non valido.",
+        "enable-tls": "Abilita TLS",
+        "tls-version" : "Versione TLS",
+        "send-test-mail": "Invia mail di test",
+        "security-settings": "Settaggi di sicurezza",
+        "password-policy": "Politica password",
+        "minimum-password-length": "Lunghezza minima password",
+        "minimum-password-length-required": "È richiesta una lunghezza minima della password",
+        "minimum-password-length-range": "La lunghezza minima della password deve essere compresa tra 5 e 50",
+        "minimum-uppercase-letters": "Numero minimo di lettere maiuscole",
+        "minimum-uppercase-letters-range": "Il numero minimo di lettere maiuscole non può essere negativo",
+        "minimum-lowercase-letters": "Numero minimo di lettere minuscole",
+        "minimum-lowercase-letters-range": "Il numero minimo di lettere minuscole non può essere negativo",
+        "minimum-digits": "Numero minimo di cifre",
+        "minimum-digits-range": "Il numero minimo di cifre non può essere negativo",
+        "minimum-special-characters": "Numero minimo di caratteri speciali",
+        "minimum-special-characters-range": "Il numero minimo di caratteri speciali non può essere negativo",
+        "password-expiration-period-days": "Periodo di scadenza della password in giorni",
+        "password-expiration-period-days-range": "Il periodo di scadenza della password in giorni non può essere negativo",
+        "password-reuse-frequency-days": "Frequenza di riutilizzo della password in giorni",
+        "password-reuse-frequency-days-range": "La frequenza di riutilizzo della password in giorni non può essere negativa",
+        "general-policy": "Politica generale",
+        "max-failed-login-attempts": "Numero massimo di tentativi di accesso non riusciti, prima che l'account sia bloccato",
+        "minimum-max-failed-login-attempts-range": "Il numero massimo di tentativi di accesso non riusciti non può essere negativo",
+        "user-lockout-notification-email": "In caso di blocco dell'account utente, inviare una notifica via e-mail"
+    },
+    "alarm": {
+        "alarm": "Allarme",
+        "alarms": "Allarmi",
+        "select-alarm": "Seleziona un allarme",
+        "no-alarms-matching": "Nessun allarme corrispondente a '{{entity}}' è stato trovato.",
+        "alarm-required": "Allarme richiesto",
+        "alarm-status": "Stato Allarme",
+        "search-status": {
+            "ANY": "Qualsiasi",
+            "ACTIVE": "Attivo",
+            "CLEARED": "Cancellato",
+            "ACK": "Riconosciuto",
+            "UNACK": "Non riconosciuto"
+        },
+        "display-status": {
+            "ACTIVE_UNACK": "Active Unacknowledged",
+            "ACTIVE_ACK": "Active Acknowledged",
+            "CLEARED_UNACK": "Cleared Unacknowledged",
+            "CLEARED_ACK": "Cleared Acknowledged"
+        },
+        "no-alarms-prompt": "Nessun allarme trovato",
+        "created-time": "Orario di creazione",
+        "type": "Tipo",
+        "severity": "Livello di gravità",
+        "originator": "Origine",
+        "originator-type": "Tipo origine",
+        "details": "Dettagli",
+        "status": "Stato",
+        "alarm-details": "Dettagli allarme",
+        "start-time": "Orario inizio",
+        "end-time": "Orario fine",
+        "ack-time": "Orario conferma",
+        "clear-time": "Orario cancellazione",
+        "severity-critical": "Critico",
+        "severity-major": "Maggiore",
+        "severity-minor": "Minore",
+        "severity-warning": "Avviso",
+        "severity-indeterminate": "Indeterminato",
+        "acknowledge": "Conferma",
+        "clear": "Cancella",
+        "search": "Cerca allarmi",
+        "selected-alarms": "{ count, plural, 1 {1 allarme selezionato} other {# allarmi selezionati} }",
+        "no-data": "Nessun dato da visualizzare",
+        "polling-interval": "Intervallo di polling (sec) Allarmi",
+        "polling-interval-required": "Intervallo di polling Allarmi richiesto.",
+        "min-polling-interval-message": "L'intervallo di polling deve essere di almeno 1 sec.",
+        "aknowledge-alarms-title": "Conferma { count, plural, 1 {1 allarme} other {# allarmi} }",
+        "aknowledge-alarms-text": "Sei sicuro di voler confermare { count, plural, 1 {1 allarme} other {# allarmi} }?",
+        "aknowledge-alarm-title": "Conferma allarme",
+        "aknowledge-alarm-text": "Sei sicuro di voler confermare l'allarme?",
+        "clear-alarms-title": "Elimina { count, plural, 1 {1 allarme} other {# allarmi} }",
+        "clear-alarms-text": "Sei sicuro di voler eliminare { count, plural, 1 {1 allarme} other {# allarmi} }?",
+        "clear-alarm-title": "Elimina allarme",
+        "clear-alarm-text": "Sei sicuro di voler eliminare l'allarme?",
+        "alarm-status-filter": "Filtro stato allarme"
+    },
+    "alias": {
+        "add": "Aggiungi alias",
+        "edit": "Modifica alias",
+        "name": "Nome Alias",
+        "name-required": "Nome Alias obbligatorio",
+        "duplicate-alias": "Un Alias con lo stesso nome è già presente.",
+        "filter-type-single-entity": "Singola entità",
+        "filter-type-entity-list": "Lista Entità",
+        "filter-type-entity-name": "Nome Entità",
+        "filter-type-state-entity": "Entità dallo stato della dashboard",
+        "filter-type-state-entity-description": "Entità prelevata dai parametri di stato della dashboard",
+        "filter-type-asset-type": "Tipo di Asset",
+        "filter-type-asset-type-description": "Asset di tipo '{{assetType}}'",
+        "filter-type-asset-type-and-name-description": "Asset di tipo '{{assetType}}' e con un nome che inizia per '{{prefix}}'",
+        "filter-type-device-type": "Tipo di dispositivo",
+        "filter-type-device-type-description": "Dispositivi di tipo '{{deviceType}}'",
+        "filter-type-device-type-and-name-description": "Dispositivi di tipo '{{deviceType}}' e con un nome che inizia per '{{prefix}}'",
+        "filter-type-entity-view-type": "Tipo vista entità",
+        "filter-type-entity-view-type-description": "Viste entità di tipo '{{entityView}}'",
+        "filter-type-entity-view-type-and-name-description": "Viste entità di tipo '{{entityView}}' e con un nome che inizia per '{{prefix}}'",
+        "filter-type-relations-query": "Query relazioni",
+        "filter-type-relations-query-description": "{{entities}} che hanno una relazione {{relationType}} {{direction}} {{rootEntity}}",
+        "filter-type-asset-search-query": "Query ricerca asset",
+        "filter-type-asset-search-query-description": "Asset di tipo {{assetTypes}} che hanno una relazione {{relationType}} {{direction}} {{rootEntity}}",
+        "filter-type-device-search-query": "Query ricerca dispositivo",
+        "filter-type-device-search-query-description": "Dispositivi di tipo {{deviceTypes}} che hanno una relazione {{relationType}} {{direction}} {{rootEntity}}",
+        "filter-type-entity-view-search-query": "Query ricerca Vista entità",
+        "filter-type-entity-view-search-query-description": "Viste entità di tipo {{entityViewTypes}} che hanno una relazione {{relationType}} {{direction}} {{rootEntity}}",
+        "entity-filter": "Filtro entità",
+        "resolve-multiple": "Risolvi come entità multiple",
+        "filter-type": "Tipo di filtro",
+        "filter-type-required": "Tipo di filtro richiesto.",
+        "entity-filter-no-entity-matched": "Nessuna entità corrispondente al filtro specificato è stata trovata.",
+        "no-entity-filter-specified": "Nessun filtro di entità specificato",
+        "root-state-entity": "Usa l'entità di stato della dashboard come radice",
+        "root-entity": "Entità radice",
+        "state-entity-parameter-name": "Nome parametro entità di stato",
+        "default-state-entity": "Entità di stato predefinita",
+        "default-entity-parameter-name": "Predefinito",
+        "max-relation-level": "Massimo livello relazione",
+        "unlimited-level": "Illimitato",
+        "state-entity": "Entità di stato della dashboard",
+        "all-entities": "Tutte le entità",
+        "any-relation": "qualsiasi"
+    },
+    "asset": {
+        "asset": "Asset",
+        "assets": "Asset",
+        "management": "Gestione Asset",
+        "view-assets": "Visualizza Asset",
+        "add": "Aggiungi Asset",
+        "assign-to-customer": "Assegna a cliente",
+        "assign-asset-to-customer": "Assegna Asset al Cliente",
+        "assign-asset-to-customer-text": "Seleziona gli asset da assegnare al cliente",
+        "no-assets-text": "Nessun asset trovato",
+        "assign-to-customer-text": "Seleziona il cliente a cui assegnare l'asset / gli asset",
+        "public": "Pubblico",
+        "assignedToCustomer": "Assegnato al cliente",
+        "make-public": "Rendi pubblico l'asset",
+        "make-private": "Rendi privato l'asset",
+        "unassign-from-customer": "Assegnazione annullata dal cliente",
+        "delete": "Cancella asset",
+        "asset-public": "L'Asset è pubblico",
+        "asset-type": "Tipo di Asset",
+        "asset-type-required": "Tipo di Asset richiesto.",
+        "select-asset-type": "Seleziona tipo di asset",
+        "enter-asset-type": "Inserisci tipo di asset",
+        "any-asset": "Qualsiasi asset",
+        "no-asset-types-matching": "Nessun asset corrispondente al tipo '{{entitySubtype}}' è stato trovato.",
+        "asset-type-list-empty": "Nessun tipo di asset selezionato.",
+        "asset-types": "Tipi di Asset",
+        "name": "Nome",
+        "name-required": "Nome obbligatorio.",
+        "description": "Descrizione",
+        "type": "Tipo",
+        "type-required": "Tipo obbligatorio.",
+        "details": "Dettagli",
+        "events": "Eventi",
+        "add-asset-text": "Aggiungi un nuovo asset",
+        "asset-details": "Dettagli Asset",
+        "assign-assets": "Assegna asset",
+        "assign-assets-text": "Assegna { count, plural, 1 {1 asset} other {# asset} } al cliente",
+        "delete-assets": "Cancella asset",
+        "unassign-assets": "Annulla assegnazione asset",
+        "unassign-assets-action-title": "Annulla assegnazione { count, plural, 1 {1 asset} other {# asset} } al cliente",
+        "assign-new-asset": "Assegna un nuovo asset",
+        "delete-asset-title": "Sei sicuro di voler cancellare l'asset '{{assetName}}'?",
+        "delete-asset-text": "Attenzione, dopo la conferma l'asset e tutti i relativi dati non saranno più recuperabili.",
+        "delete-assets-title": "Sei sicuro di voler eliminare { count, plural, 1 {1 asset} other {# asset} }?",
+        "delete-assets-action-title": "Elimina { count, plural, 1 {1 asset} other {# asset} }",
+        "delete-assets-text": "Attenzione, dopo la modifica tutti gli asset selezionati saranno rimossi e tutti i relativi dati non saranno più recuperabili.",
+        "make-public-asset-title": "Sei sicuro di voler rendere pubblico l'asset '{{assetName}}'?",
+        "make-public-asset-text": "Dopo la conferma l'asset e tutti i suoi dati saranno resi pubblici e accessibili dagli altri.",
+        "make-private-asset-title": "Sei sicuro di voler rendere privato l'asset '{{assetName}}'?",
+        "make-private-asset-text": "Dopo la conferma l'asset e tutti i suoi dati saranno resi privati e non accessibili dagli altri.",
+        "unassign-asset-title": "Sei sicuro di voler annullare l'assegnazione dell'asset '{{assetName}}'?",
+        "unassign-asset-text": "Dopo la conferma l'assegnazione dell'asset sarà annullata e l'asset non sarà più accessibile dal cliente.",
+        "unassign-asset": "Annulla assegnazione asset",
+        "unassign-assets-title": "Sei sicuro di voler annullare l'assegnazione di { count, plural, 1 {1 asset} other {# asset} }?",
+        "unassign-assets-text": "Dopo la conferma sarà annullata l'assegnazione di tutti gli asset selezionati e questi non saranno più accessibili dal cliente.",
+        "copyId": "Copia Id asset",
+        "idCopiedMessage": "Id Asset copiato negli Appunti",
+        "select-asset": "Seleziona asset",
+        "no-assets-matching": "Nessun asset corrispondente a '{{entity}}' è stato trovato.",
+        "asset-required": "Asset obbligatorio",
+        "name-starts-with": "Asset con nome che inizia per",
+        "label": "Etichetta"
+    },
+    "attribute": {
+        "attributes": "Attributi",
+        "latest-telemetry": "Ultima telemetria",
+        "attributes-scope": "Visibilità attributi entità",
+        "scope-latest-telemetry": "Ultima telemetria",
+        "scope-client": "Attributi client",
+        "scope-server": "Attributi server",
+        "scope-shared": "Attributi condivisi",
+        "add": "Aggiungi attributo",
+        "key": "Chiave",
+        "last-update-time": "Ultimo aggiornamento",
+        "key-required": "Attributo chiave richiesto.",
+        "value": "Valore",
+        "value-required": "Attributo valore richiesto.",
+        "delete-attributes-title": "Sei sicuro di voler eliminare { count, plural, 1 {1 attributo} other {# attributi} }?",
+        "delete-attributes-text": "Attenzione, dopo la conferma tutti gli attributi selezionati saranno rimossi.",
+        "delete-attributes": "Elimina attributi",
+        "enter-attribute-value": "Inserisci il valore dell'attributo",
+        "show-on-widget": "Mostra sul widget",
+        "widget-mode": "Modalità Widget",
+        "next-widget": "Widget successivo",
+        "prev-widget": "Widget precedente",
+        "add-to-dashboard": "Aggiungi alla dashboard",
+        "add-widget-to-dashboard": "Aggiungi widget alla dashboard",
+        "selected-attributes": "{ count, plural, 1 {1 attributo selezionato} other {# attributi selezionati} }",
+        "selected-telemetry": "{ count, plural, 1 {1 unità di telemetria selezionata} other {# unità di telemetria selezionate} }"
+    },
+    "audit-log": {
+        "audit": "Audit",
+        "audit-logs": "Log Audit",
+        "timestamp": "Timestamp",
+        "entity-type": "Tipo Entità",
+        "entity-name": "Nome Entità",
+        "user": "Utente",
+        "type": "Tipo",
+        "status": "Stato",
+        "details": "Dettagli",
+        "type-added": "Aggiunto",
+        "type-deleted": "Eliminato",
+        "type-updated": "Aggiornato",
+        "type-attributes-updated": "Attributi aggiornati",
+        "type-attributes-deleted": "Attributi eliminati",
+        "type-rpc-call": "Chiamata RPC",
+        "type-credentials-updated": "Credenziali aggiornate",
+        "type-assigned-to-customer": "Assegnato al Cliente",
+        "type-unassigned-from-customer": "Assegnazione annullata dal Cliente",
+        "type-activated": "Attivato",
+        "type-suspended": "Sospeso",
+        "type-credentials-read": "Credenziali lette",
+        "type-attributes-read": "Attributi letti",
+        "type-relation-add-or-update": "Relazione aggiornata",
+        "type-relation-delete": "Relazione eliminata",
+        "type-relations-delete": "Eliminate tutte le relazioni",
+        "type-alarm-ack": "Confermato",
+        "type-alarm-clear": "Eliminato",
+        "type-login": "Accesso",
+        "type-logout": "Disconnettersi",
+        "type-lockout": "Bloccato",
+        "status-success": "Successo",
+        "status-failure": "Fallito",
+        "audit-log-details": "Dettaglio log audit",
+        "no-audit-logs-prompt": "Log non trovati",
+        "action-data": "Action data",
+        "failure-details": "Dettagli fallimento",
+        "search": "Cerca log audit",
+        "clear-search": "Cancella ricerca"
+    },
+    "confirm-on-exit": {
+        "message": "Alcune modifiche non sono state salvate. Sei sicuro di voler abbandonare questa pagina?",
+        "html-message": "Alcune modifiche non sono state salvate.<br/>Sei sicuro di voler abbandonare questa pagina?",
+        "title": "Modifiche non salvate"
+    },
+    "contact": {
+        "country": "Nazione",
+        "city": "Città",
+        "state": "Stato / Provincia",
+        "postal-code": "CAP",
+        "postal-code-invalid": "Formato CAP non valido.",
+        "address": "Indirizzo",
+        "address2": "Indirizzo 2",
+        "phone": "Telefono",
+        "email": "Email",
+        "no-address": "Nessun indirizzo"
+    },
+    "common": {
+        "username": "Nome utente",
+        "password": "Password",
+        "enter-username": "Inserisci nome utente",
+        "enter-password": "Inserisci password",
+        "enter-search": "Cerca ..."
+    },
+    "content-type": {
+        "json": "Json",
+        "text": "Testo",
+        "binary": "Binario (Base64)"
+    },
+    "customer": {
+        "customer": "Cliente",
+        "customers": "Clienti",
+        "management": "Gestione cliente",
+        "dashboard": "Dashboard cliente",
+        "dashboards": "Dashboard cliente",
+        "devices": "Dispositivi cliente",
+        "entity-views": "Viste entità cliente",
+        "assets": "Asset cliente",
+        "public-dashboards": "Dashboard pubbliche",
+        "public-devices": "Dispositivi pubblici",
+        "public-assets": "Asset pubblici",
+        "public-entity-views": "Viste entità pubbliche",
+        "add": "Aggiungi cliente",
+        "delete": "Elimina cliente",
+        "manage-customer-users": "Gestisci utenti cliente",
+        "manage-customer-devices": "Gestisci dispositivi cliente",
+        "manage-customer-dashboards": "Gestisci dashboard cliente",
+        "manage-public-devices": "Gestisci dispositivi pubblici",
+        "manage-public-dashboards": "Gestisci dashboard pubbliche",
+        "manage-customer-assets": "Gestisci asset cliente",
+        "manage-public-assets": "Gestisci asset pubblici",
+        "add-customer-text": "Aggiungi nuovo cliente",
+        "no-customers-text": "Nessun cliente trovato",
+        "customer-details": "Dettagli cliente",
+        "delete-customer-title": "Sei sicuro di voler eliminare il cliente '{{customerTitle}}'?",
+        "delete-customer-text": "Attenzione, dopo la conferma il cliente e tutti i suoi dati non saranno più recuperabili.",
+        "delete-customers-title": "Sei sicuro di voler cancellare { count, plural, 1 {1 cliente} other {# clienti} }?",
+        "delete-customers-action-title": "Elimina { count, plural, 1 {1 cliente} other {# clienti} }",
+        "delete-customers-text": "Attenzione, dopo la conferma tutti i clienti selezionati saranno rimossi e i loro dati non saranno più recuperabili.",
+        "manage-users": "Gestisci utenti",
+        "manage-assets": "Gestisci asset",
+        "manage-devices": "Gestisci dispositivi",
+        "manage-dashboards": "Gestisci dashboard",
+        "title": "Titolo",
+        "title-required": "Titolo obbligatorio.",
+        "description": "Descrizione",
+        "details": "Dettagli",
+        "events": "Eventi",
+        "copyId": "Copia Id cliente",
+        "idCopiedMessage": "Id cliente copiato negli appunti",
+        "select-customer": "Seleziona cliente",
+        "no-customers-matching": "Nessun cliente corrispondente a '{{entity}}' è stato trovato.",
+        "customer-required": "Cliente obbligatorio",
+        "select-default-customer": "Seleziona cliente di default",
+        "default-customer": "Cliente di default",
+        "default-customer-required": "Il cliente di default è obbligatorio per il debug della dashboard a livello di Tenant"
+    },
+    "datetime": {
+        "date-from": "Data da",
+        "time-from": "Orario da",
+        "date-to": "Data a",
+        "time-to": "Orario a"
+    },
+    "dashboard": {
+        "dashboard": "Dashboard",
+        "dashboards": "Dashboard",
+        "management": "Gestione Dashboard",
+        "view-dashboards": "Mostra Dashboard",
+        "add": "Aggiungi Dashboard",
+        "assign-dashboard-to-customer": "Assegna Dashboard al cliente",
+        "assign-dashboard-to-customer-text": "Seleziona le dashboard da assegnare al client",
+        "assign-to-customer-text": "Seleziona il cliente a cui assegnare la/le dashboard",
+        "assign-to-customer": "Assegna al cliente",
+        "unassign-from-customer": "Annulla assegnazione al cliente",
+        "make-public": "Rendi pubblica la dashboard",
+        "make-private": "Rendi privata la dashboard",
+        "manage-assigned-customers": "Gestisci clienti assegnati",
+        "assigned-customers": "Clienti assegnati",
+        "assign-to-customers": "Assegna Dashboard ai Clienti",
+        "assign-to-customers-text": "Seleziona i clienti da assegnare alla/alle dashboard",
+        "unassign-from-customers": "Annulla assegnazione Dashboard ai Clienti",
+        "unassign-from-customers-text": "Seleziona i clienti di cui annullare l'assegnazione alla/alle dashboard",
+        "no-dashboards-text": "Nessuna dashboard trovata",
+        "no-widgets": "Nessun widget configurato",
+        "add-widget": "Aggiungi nuovo widget",
+        "title": "Titolo",
+        "select-widget-title": "Seleziona widget",
+        "select-widget-subtitle": "Elenco tipi di widget disponibili",
+        "delete": "Elimina dashboard",
+        "title-required": "Titolo obbligatorio.",
+        "description": "Descrizione",
+        "details": "Dettagli",
+        "dashboard-details": "Dettagli dashboard",
+        "add-dashboard-text": "Aggiungi nuova dashboard",
+        "assign-dashboards": "Assegna dashboard",
+        "assign-new-dashboard": "Assegna nuova dashboard",
+        "assign-dashboards-text": "Assegna { count, plural, 1 {1 dashboard} other {# dashboard} } ai clienti",
+        "unassign-dashboards-action-text": "Annulla assegnazione { count, plural, 1 {1 dashboard} other {# dashboard} } ai clienti",
+        "delete-dashboards": "Elimina dashboard",
+        "unassign-dashboards": "Annulla assegnazione dashboard",
+        "unassign-dashboards-action-title": "Annulla assegnazione { count, plural, 1 {1 dashboard} other {# dashboard} } al cliente",
+        "delete-dashboard-title": "Sei sicuro di voler cancellare la dashboard '{{dashboardTitle}}'?",
+        "delete-dashboard-text": "Attenzione, dopo la conferma la dashboard e tutti i suoi dati non saranno più recuperabili.",
+        "delete-dashboards-title": "Sei sicuro di voler eliminare { count, plural, 1 {1 dashboard} other {# dashboard} }?",
+        "delete-dashboards-action-title": "Cancella { count, plural, 1 {1 dashboard} other {# dashboard} }",
+        "delete-dashboards-text": "Attenzione, dopo la conferma tutte le dashboard selezionate saranno eliminate e tutti i loro dati non saranno più recuperabili.",
+        "unassign-dashboard-title": "Sei sicuro di voler annullare l'assegnazione della dashboard '{{dashboardTitle}}'?",
+        "unassign-dashboard-text": "Dopo la conferma sarà annullata l'assegnazione della dashboard e questa non sarà più accessibile dal cliente.",
+        "unassign-dashboard": "Annulla assegnazione dashboard",
+        "unassign-dashboards-title": "Sei sicuro di voler annullare l'assegnazione di  { count, plural, 1 {1 dashboard} other {# dashboard} }?",
+        "unassign-dashboards-text": "Dopo la conferma sarà annullata l'assegnazione di tutte le dashboard selezionate e queste non saranno più accessibili dal cliente.",
+        "public-dashboard-title": "La Dashboard è ora pubblica",
+        "public-dashboard-text": "La dashboard <b>{{dashboardTitle}}</b> è ora pubblica e accessibile al <a href='{{publicLink}}' target='_blank'>link</a>:",
+        "public-dashboard-notice": "<b>Nota:</b> Ricorda di rendere pubblici i relativi dispositivi per accedere ai loro dati.",
+        "make-private-dashboard-title": "Sei sicuro di voler rendere privata la dashboard '{{dashboardTitle}}'?",
+        "make-private-dashboard-text": "Dopo la conferma la dashboard sarà resa privata e non più accessibile dagli altri.",
+        "make-private-dashboard": "Rendi privata la dashboard",
+        "socialshare-text": "'{{dashboardTitle}}' powered by ThingsBoard",
+        "socialshare-title": "'{{dashboardTitle}}' powered by ThingsBoard",
+        "select-dashboard": "Seleziona dashboard",
+        "no-dashboards-matching": "Nessuna dashboard corrispondente a '{{entity}}' è stata trovata.",
+        "dashboard-required": "Dashboard obbligatoria.",
+        "select-existing": "Seleziona una dashboard esistente",
+        "create-new": "Crea nuova dashboard",
+        "new-dashboard-title": "Titolo nuova dashboard",
+        "open-dashboard": "Apri dashboard",
+        "set-background": "Imposta sfondo",
+        "background-color": "Colore sfondo",
+        "background-image": "Immagine sfondo",
+        "background-size-mode": "Modalità dimensione sfondo",
+        "no-image": "Nessuna immagine selezionata",
+        "drop-image": "Trascina un'immagine o fai clic per selezionare un file da caricare.",
+        "settings": "Impostazioni",
+        "columns-count": "Numero colonne",
+        "columns-count-required": "Numero colonne obbligatorio.",
+        "min-columns-count-message": "Ammesso un numero minimo di colonne pari a 10.",
+        "max-columns-count-message": "Ammesso un numero massimo di colonne pari a 1000.",
+        "widgets-margins": "Margine tra i widget",
+        "horizontal-margin": "Margine orizzontale",
+        "horizontal-margin-required": "Margine orizzontale obbligatorio.",
+        "min-horizontal-margin-message": "Ammesso un margine orizzontale minimo pari a 0.",
+        "max-horizontal-margin-message": "Ammesso un margine orizzontale massimo pari a 50.",
+        "vertical-margin": "Margine verticale",
+        "vertical-margin-required": "Margine verticale obbligatorio.",
+        "min-vertical-margin-message": "Ammesso un margine verticale minimo pari a 0.",
+        "max-vertical-margin-message": "Ammesso un margine verticale massimo pari a 50.",
+        "autofill-height": "Riempi automaticamente altezza layout",
+        "mobile-layout": "Impostazioni layout mobile",
+        "mobile-row-height": "Altezza riga mobile (px)",
+        "mobile-row-height-required": "Altezza riga mobile è richiesta.",
+        "min-mobile-row-height-message": "5 pixel è il minimo concesso al valore altezza riga mobile.",
+        "max-mobile-row-height-message": "200 pixel è il massimo concesso al valore altezza riga mobile.",
+        "display-title": "Mostra titolo dashboard",
+        "toolbar-always-open": "Mantieni aperta la barra degli strumenti",
+        "title-color": "Colore titolo",
+        "display-dashboards-selection": "Mostra selezione dashboard",
+        "display-entities-selection": "Mostra selezione entità",
+        "display-dashboard-timewindow": "Mostra intervallo temporale",
+        "display-dashboard-export": "Mostra esportazione",
+        "import": "Importa dashboard",
+        "export": "Esporta dashboard",
+        "export-failed-error": "Impossibile esportare la dashboard: {{error}}",
+        "create-new-dashboard": "Crea nuova dashboard",
+        "dashboard-file": "File dashboard",
+        "invalid-dashboard-file-error": "Impossibile importare la dashboard: struttura dati della dashboard non valida.",
+        "dashboard-import-missing-aliases-title": "Configura alias utilizzati dalla dashboard importata",
+        "create-new-widget": "Crea nuovo widget",
+        "import-widget": "Importa widget",
+        "widget-file": "Widget file",
+        "invalid-widget-file-error": "Impossibile importare il widget: struttura dati del widget non valida.",
+        "widget-import-missing-aliases-title": "Configura gli alias utilizzati dai widget importati",
+        "open-toolbar": "Apri barra degli strumenti",
+        "close-toolbar": "Chiudi barra degli strumenti",
+        "configuration-error": "Errore di configurazione",
+        "alias-resolution-error-title": "Errore di configurazione degli alias della dashboard",
+        "invalid-aliases-config": "Impossibile trovare un dispositivo corrispondente ad un qualche filtro degli alias.<br/>Contatta l'amministratore per risolvere il problema.",
+        "select-devices": "Seleziona dispositivi",
+        "assignedToCustomer": "Assegnato al cliente",
+        "assignedToCustomers": "Assegnato ai clienti",
+        "public": "Pubblico",
+        "public-link": "Link pubblico",
+        "copy-public-link": "Copia link pubblico",
+        "public-link-copied-message": "Link pubblico della dashboard copiato negli appunti",
+        "manage-states": "Gestisci stati dashboard",
+        "states": "Stati dashboard",
+        "search-states": "Ricerca stati dashboard",
+        "selected-states": "{ count, plural, 1 {1 stato dashboard selezionato} other {# stati dashboard selezionati} }",
+        "edit-state": "Modifica stato dashboard",
+        "delete-state": "Elimina stato dashboard",
+        "add-state": "Aggiungi stato dashboard",
+        "state": "Stato dashboard",
+        "state-name": "Nome",
+        "state-name-required": "Nome stato dashboard obbligatorio.",
+        "state-id": "Id stato",
+        "state-id-required": "Id stato dashboard obbligatorio.",
+        "state-id-exists": "Uno stato della dashboard con lo stesso id è già presente.",
+        "is-root-state": "Stato radice",
+        "delete-state-title": "Elimina stato dashboard",
+        "delete-state-text": "Sei sicuro di voler eliminare lo stato della dashboard di nome '{{stateName}}'?",
+        "show-details": "Mostra dettagli",
+        "hide-details": "Nascondi dettagli",
+        "select-state": "Seleziona stato target",
+        "state-controller": "Stato controller"
+    },
+    "datakey": {
+        "settings": "Impostazioni",
+        "advanced": "Avanzate",
+        "label": "Etichetta",
+        "color": "Colore",
+        "units": "Simbolo speciale da mostrare accanto al valore",
+        "decimals": "Numero cifre decimali",
+        "data-generation-func": "Funzione generazione dati",
+        "use-data-post-processing-func": "Usa funzione dopo il processamento dei dati",
+        "configuration": "Configurazione data key",
+        "timeseries": "Serie temporali",
+        "attributes": "Attributi",
+        "alarm": "Campi allarme",
+        "timeseries-required": "Le serie temporali dell'entità sono richieste.",
+        "timeseries-or-attributes-required": "Le serie temporali o gli attributi dell'entità sono richiesti.",
+        "maximum-timeseries-or-attributes": "Massimo { count, plural, 1 {1 serie temporale/attributo consentito.} other {# serie temporali/attributi consentiti.} }",
+        "alarm-fields-required": "Campi allarme obbligatori.",
+        "function-types": "Tipi funzione",
+        "function-types-required": "Tipi funzione obbligatorio.",
+        "maximum-function-types": "Massimo { count, plural, 1 {1 tipo di funzione consentito.} other {# tipi di funzione consentiti} }",
+        "time-description": "timestamp del valore corrente;",
+        "value-description": "il valore corrente;",
+        "prev-value-description": "risultato della precedente chiamata alla funzione;",
+        "time-prev-description": "timestamp del valore precedente;",
+        "prev-orig-value-description": "valore precedente originale;"
+    },
+    "datasource": {
+        "type": "Tipo sorgente dati",
+        "name": "Nome",
+        "add-datasource-prompt": "Aggiungi una sorgente dati"
+    },
+    "details": {
+        "edit-mode": "Modalità modifica",
+        "toggle-edit-mode": "Attiva/disattiva modalità di modifica"
+    },
+    "device": {
+        "device": "Dispositivo",
+        "device-required": "Dispositivo richiesto.",
+        "devices": "Dispositivi",
+        "management": "Gestione dispositivo",
+        "view-devices": "Visualizza Dispositivi",
+        "device-alias": "Alias dispositivo",
+        "aliases": "Alias dispositivo",
+        "no-alias-matching": "'{{alias}}' non trovato.",
+        "no-aliases-found": "Nessun alias trovato.",
+        "no-key-matching": "'{{key}}' non trovata.",
+        "no-keys-found": "Nessuna chiave trovata.",
+        "create-new-alias": "Creane uno nuovo!",
+        "create-new-key": "Creane una nuova!",
+        "duplicate-alias-error": "Sono stati trovati dei duplicati dell'alias '{{alias}}'.<br/>Gli alias di un dispositivo devono essere univoci all'interno della dashboard.",
+        "configure-alias": "Configura alias '{{alias}}'",
+        "no-devices-matching": "Nessun dispositivo corrispondente a '{{entity}}' è stato trovato.",
+        "alias": "Alias",
+        "alias-required": "Alias dispositivo richiesto.",
+        "remove-alias": "Rimuovi alias dispositivo",
+        "add-alias": "Aggiungi alias dispositivo",
+        "name-starts-with": "Dispositivo il cui nome inizia per",
+        "device-list": "Lista dispositivi",
+        "use-device-name-filter": "Usa filtro",
+        "device-list-empty": "Nessun dispositivo selezionato.",
+        "device-name-filter-required": "Filtro nome dispositivo obbligatorio.",
+        "device-name-filter-no-device-matched": "Nessun dispositivo il cui nome inizia per '{{device}}' è stato trovato.",
+        "add": "Aggiungi Dispositivo",
+        "assign-to-customer": "Assegna al cliente",
+        "assign-device-to-customer": "Assegna dispositivo/dispositivi al Cliente",
+        "assign-device-to-customer-text": "Seleziona i dispositivi da assegnare al cliente",
+        "make-public": "Rendi pubblico il dispositivo",
+        "make-private": "Rendi privato il dispositivo",
+        "no-devices-text": "Nessun dispositivo trovato",
+        "assign-to-customer-text": "Seleziona il cliente a cui assegnare il dispositivo/i dispositivi",
+        "device-details": "Dettagli dispositivo",
+        "add-device-text": "Aggiungi nuovo dispositivo",
+        "credentials": "Credenziali",
+        "manage-credentials": "Gestisci credenziali",
+        "delete": "Elimina dispositivo",
+        "assign-devices": "Assegna dispositivi",
+        "assign-devices-text": "Assegna { count, plural, 1 {1 dispositivo} other {# dispositivi} } al cliente",
+        "delete-devices": "Elimina dispositivi",
+        "unassign-from-customer": "Annulla assegnazione al cliente",
+        "unassign-devices": "Annulla assegnazione dispositivi",
+        "unassign-devices-action-title": "Annulla assegnazione { count, plural, 1 {1 dispositivo} other {# dispositivi} } al cliente",
+        "assign-new-device": "Assegna nuovo dispositivo",
+        "make-public-device-title": "Sei sicuro di voler rendere pubblico il dispositivo '{{deviceName}}'?",
+        "make-public-device-text": "Dopo la conferma il dispositivo e tutti i suoi dati saranno resi pubblici e accessibili dagli altri.",
+        "make-private-device-title": "Sei sicuro di voler rendere privato il dispositivo '{{deviceName}}'?",
+        "make-private-device-text": "Dopo la conferma il dispositivo e tutti i suoi dati saranno resi privati e non più accessibili da altri utenti.",
+        "view-credentials": "Visualizza credenziali",
+        "delete-device-title": "Sei sicuro di voler eliminare il dispositivo '{{deviceName}}'?",
+        "delete-device-text": "Attenzione, dopo la conferma il dispositivo e tutti i suoi dati non saranno più recuperabili.",
+        "delete-devices-title": "Sei sicuro di voler eliminare { count, plural, 1 {1 dispositivo} other {# dispositivi} }?",
+        "delete-devices-action-title": "Elimina { count, plural, 1 {1 dispositivo} other {# dispositivi} }",
+        "delete-devices-text": "Attenzione, dopo la conferma tutti i dispositivi selezionati saranno eliminati e i relativi dati non saranno più recuperabili.",
+        "unassign-device-title": "Sei sicuro di voler annullare l'assegnazione del dispositivo '{{deviceName}}'?",
+        "unassign-device-text": "Dopo la conferma sarà annullata l'assegnazione del dispositivo e questo non sarà più accessibile dal cliente.",
+        "unassign-device": "Annulla assegnazione dispositivo",
+        "unassign-devices-title": "Sei sicuro di voler annullare l'assegnazione di { count, plural, 1 {1 dispositivo} other {# dispositivi} }?",
+        "unassign-devices-text": "Dopo la conferma sarà annullata l'assegnazione di tutti i dispositivi selezionati e questi non saranno più accessibili dal cliente.",
+        "device-credentials": "Credenziali Dispositivo",
+        "credentials-type": "Tipo credenziali",
+        "access-token": "Token di accesso",
+        "access-token-required": "Token di accesso obbligatorio.",
+        "access-token-invalid": "Il token di accesso deve avere una lunghezza compresa tra 1 e 20 caratteri.",
+        "rsa-key": "Chiave pubblica RSA",
+        "rsa-key-required": "Chiave pubblica RSA obbligatoria.",
+        "secret": "Secret",
+        "secret-required": "Secret obbligatorio.",
+        "device-type": "Tipo dispositivo",
+        "device-type-required": "Tipo dispositivo obbligatorio.",
+        "select-device-type": "Seleziona tipo dispositivo",
+        "enter-device-type": "Inserisci typo dispositivo",
+        "any-device": "Qualsiasi dispositivo",
+        "no-device-types-matching": "Nessun dispositivo corrispondente a '{{entitySubtype}}' è stato trovato.",
+        "device-type-list-empty": "Nessun tipo di dispositivo selezionato.",
+        "device-types": "Tipi dispositivo",
+        "name": "Nome",
+        "name-required": "Nome obbligatorio.",
+        "description": "Descrizione",
+        "events": "Eventi",
+        "details": "Dettagli",
+        "copyId": "Copia Id dispositivo",
+        "copyAccessToken": "Copia token di accesso",
+        "idCopiedMessage": "Id dispositivo copiato negli Appunti",
+        "accessTokenCopiedMessage": "Token di accesso del dispositivo copiato negli Appunti",
+        "assignedToCustomer": "Assegnato al cliente",
+        "unable-delete-device-alias-title": "Impossibile rimuovere l'alias del dispositivo",
+        "unable-delete-device-alias-text": "L'alias del dispositivo '{{deviceAlias}}' non può essere eliminato perché utilizzato dai seguenti widget:<br/>{{widgetsList}}",
+        "is-gateway": "È un gateway",
+        "public": "Pubblico",
+        "device-public": "Il dispositivo è pubblico",
+        "select-device": "Seleziona dispositivo"
+    },
+    "dialog": {
+        "close": "Close dialog"
+    },
+    "direction": {
+        "column": "Colonna",
+        "row": "Riga"
+    },
+    "error": {
+        "unable-to-connect": "Impossibile connettersi al server! Controlla la connessione ad Internet.",
+        "unhandled-error-code": "Codice errore non gestito: {{errorCode}}",
+        "unknown-error": "Errore sconosciuto"
+    },
+    "entity": {
+        "entity": "Entità",
+        "entities": "Entità",
+        "aliases": "Alias entità",
+        "entity-alias": "Alias entità",
+        "unable-delete-entity-alias-title": "Impossibile eliminare alias entità",
+        "unable-delete-entity-alias-text": "L'alias dell'entità '{{entityAlias}}' non può essere eliminato perché utilizzato dai seguenti widget:<br/>{{widgetsList}}",
+        "duplicate-alias-error": "Trovato un duplicato dell'alias '{{alias}}'.<br/>Gli alias dell'entità devono essere univoci all'interno della dashboard.",
+        "missing-entity-filter-error": "Manca il filtro per l'alias '{{alias}}'.",
+        "configure-alias": "Configura '{{alias}}' alias",
+        "alias": "Alias",
+        "alias-required": "Alias entità obbligatorio.",
+        "remove-alias": "Rimuovi alias entità",
+        "add-alias": "Aggiungi alias entità",
+        "entity-list": "Lista entità",
+        "entity-type": "Tipo entità",
+        "entity-types": "Tipi entità",
+        "entity-type-list": "Lista tipo entità",
+        "any-entity": "Qualsiasi entità",
+        "enter-entity-type": "Inserisci tipo entità",
+        "no-entities-matching": "Nessuna entità corrispondente a '{{entity}}' è stata trovata.",
+        "no-entity-types-matching": "Nessun tipo di entità corrispondente a '{{entityType}}' è stato trovato.",
+        "name-starts-with": "Nome inizia per",
+        "use-entity-name-filter": "Usa filtro",
+        "entity-list-empty": "Nessuna entità selezionata.",
+        "entity-type-list-empty": "Nessun tipo di entità selezionato.",
+        "entity-name-filter-required": "Filtro nome entità obbligatorio.",
+        "entity-name-filter-no-entity-matched": "Nessuna entità che inizia per '{{entity}}' è stata trovata.",
+        "all-subtypes": "Tutte",
+        "select-entities": "Seleziona entità",
+        "no-aliases-found": "Nessun alias trovato.",
+        "no-alias-matching": "'{{alias}}' non trovato.",
+        "create-new-alias": "Creane uno nuovo!",
+        "key": "Chiave",
+        "key-name": "Nome chiave",
+        "no-keys-found": "Nessuna chiave trovata.",
+        "no-key-matching": "'{{key}}' non trovata.",
+        "create-new-key": "Creane una nuova!",
+        "type": "Tipo",
+        "type-required": "Tipo entità obbligatorio.",
+        "type-device": "Dispositivo",
+        "type-devices": "Dispositivi",
+        "list-of-devices": "{ count, plural, 1 {Un dispositivo} other {Lista di # dispositivi} }",
+        "device-name-starts-with": "Dispositivi i cui nomi iniziano per '{{prefix}}'",
+        "type-asset": "Asset",
+        "type-assets": "Asset",
+        "list-of-assets": "{ count, plural, 1 {Un asset} other {Lista di # asset} }",
+        "asset-name-starts-with": "Asset i cui nomi iniziano per '{{prefix}}'",
+        "type-entity-view": "Vista entità",
+        "type-entity-views": "Viste entità",
+        "list-of-entity-views": "{ count, plural, 1 {Una vista entità} other {Lista di # viste entità} }",
+        "entity-view-name-starts-with": "Viste entità i cui nomi iniziano per '{{prefix}}'",
+        "type-rule": "Regola",
+        "type-rules": "Regole",
+        "list-of-rules": "{ count, plural, 1 {Una regola} other {Lista di # regole} }",
+        "rule-name-starts-with": "Regole i cui nomi iniziano per '{{prefix}}'",
+        "type-plugin": "Plugin",
+        "type-plugins": "Plugin",
+        "list-of-plugins": "{ count, plural, 1 {Un plugin} other {Lista di # plugin} }",
+        "plugin-name-starts-with": "Plugin i cui nomi iniziano per '{{prefix}}'",
+        "type-tenant": "Tenant",
+        "type-tenants": "Tenants",
+        "list-of-tenants": "{ count, plural, 1 {One tenant} other {Lista di # tenants} }",
+        "tenant-name-starts-with": "Tenants whose names start with '{{prefix}}'",
+        "type-customer": "Cliente",
+        "type-customers": "Clienti",
+        "list-of-customers": "{ count, plural, 1 {Un cliente} other {Lista di # clienti} }",
+        "customer-name-starts-with": "Clienti i cui nomi iniziano per '{{prefix}}'",
+        "type-user": "Utente",
+        "type-users": "Utenti",
+        "list-of-users": "{ count, plural, 1 {Un utente} other {Lista di # utenti} }",
+        "user-name-starts-with": "Utenti i cui nomi iniziano per '{{prefix}}'",
+        "type-dashboard": "Dashboard",
+        "type-dashboards": "Dashboard",
+        "list-of-dashboards": "{ count, plural, 1 {Una dashboard} other {Lista di # dashboard} }",
+        "dashboard-name-starts-with": "Dashboard i cui nomi iniziano per '{{prefix}}'",
+        "type-alarm": "Allarme",
+        "type-alarms": "Allarmi",
+        "list-of-alarms": "{ count, plural, 1 {Un allarme} other {Lista di # allarmi} }",
+        "alarm-name-starts-with": "Allarmi i cui nomi iniziano per '{{prefix}}'",
+        "type-rulechain": "Rule chain",
+        "type-rulechains": "Rule chain",
+        "list-of-rulechains": "{ count, plural, 1 {Una rule chain} other {Lista di # catene di regole} }",
+        "rulechain-name-starts-with": "Catene di regole i cui nomi iniziano per '{{prefix}}'",
+        "type-rulenode": "Nodo regola",
+        "type-rulenodes": "Nodi regola",
+        "list-of-rulenodes": "{ count, plural, 1 {Un nodo regola} other {Lista di # nodi regola} }",
+        "rulenode-name-starts-with": "Nodi regola i cui nomi iniziano per '{{prefix}}'",
+        "type-current-customer": "Cliente attuale",
+        "search": "Ricerca entità",
+        "selected-entities": "{ count, plural, 1 {1 entità selezionata} other {# entità selezionate} }",
+        "entity-name": "Nome entità",
+        "details": "Dettagli entità",
+        "no-entities-prompt": "Nessuna entità trovata",
+        "no-data": "Nessun dato da mostrare",
+        "columns-to-display": "Colonne da mostrare"
+    },
+    "entity-view": {
+        "entity-view": "Vista entità",
+        "entity-view-required": "Vista entità richiesta.",
+        "entity-views": "Viste entità",
+        "management": "Gestione viste entità",
+        "view-entity-views": "Visualizza Viste entità",
+        "entity-view-alias": "Alias vista entità",
+        "aliases": "Alias vista entità",
+        "no-alias-matching": "'{{alias}}' non trovato.",
+        "no-aliases-found": "Nessun alias trovato.",
+        "no-key-matching": "'{{key}}' non trovata.",
+        "no-keys-found": "Nessuna chiave trovata.",
+        "create-new-alias": "Creane uno nuovo!",
+        "create-new-key": "Creane una nuova!",
+        "duplicate-alias-error": "Sono stati trovati dei duplicati dell'alias '{{alias}}'.<br/>Gli alias di una vista entità devono essere univoci all'interno della dashboard.",
+        "configure-alias": "Configura alias '{{alias}}'",
+        "no-entity-views-matching": "Nessuna vista entità corrispondente a '{{entity}}' è stata trovato.",
+        "alias": "Alias",
+        "alias-required": "Alias vista entità richiesto.",
+        "remove-alias": "Rimuovi alias vista entità",
+        "add-alias": "Aggiungi alias vista entità",
+        "name-starts-with": "Vista entità il cui nome inizia per",
+        "entity-view-list": "Lista viste entità",
+        "use-entity-view-name-filter": "Usa filtro",
+        "entity-view-list-empty": "Nessuna vista entità selezionata.",
+        "entity-view-name-filter-required": "Filtro nome vista entità obbligatorio.",
+        "entity-view-name-filter-no-entity-view-matched": "Nessuna vista entità il cui nome inizia per '{{entity-view}}' è stata trovata.",
+        "add": "Aggiungi Vista entità",
+        "assign-to-customer": "Assegna al cliente",
+        "assign-entity-view-to-customer": "Assegna vista entità/viste entità al Cliente",
+        "assign-entity-view-to-customer-text": "Seleziona la vista entità da assegnare al cliente",
+        "no-entity-views-text": "Nessuna vista entità trovata",
+        "assign-to-customer-text": "Seleziona il cliente a cui assegnare la vista entità/le vista entità",
+        "entity-view-details": "Dettagli vista entità",
+        "add-entity-view-text": "Aggiungi nuova vista entità",
+        "delete": "Elimina vista entità",
+        "assign-entity-views": "Assegna viste entità",
+        "assign-entity-views-text": "Assegna { count, plural, 1 {1 vista entità} other {# viste entità} } al cliente",
+        "delete-entity-views": "Elimina viste entità",
+        "unassign-from-customer": "Annulla assegnazione al cliente",
+        "unassign-entity-views": "Annulla assegnazione viste entità",
+        "unassign-entity-views-action-title": "Annulla assegnazione { count, plural, 1 {1 vista entità} other {# viste entità} } al cliente",
+        "assign-new-entity-view": "Assegna nuova vista entità",
+        "delete-entity-view-title": "Sei sicuro di voler eliminare la vista entità '{{entity-viewName}}'?",
+        "delete-entity-view-text": "Attenzione, dopo la conferma la vista entità e tutti i suoi dati non saranno più recuperabili.",
+        "delete-entity-views-title": "Sei sicuro di voler eliminare { count, plural, 1 {1 vista entità} other {# viste entità} }?",
+        "delete-entity-views-action-title": "Elimina { count, plural, 1 {1 vista entità} other {# viste entità} }",
+        "delete-entity-views-text": "Attenzione, dopo la conferma tutte le vista entità selezionati saranno eliminate e i relativi dati non saranno più recuperabili.",
+        "unassign-entity-view-title": "Sei sicuro di voler annullare l'assegnazione della vista entità '{{entity-viewName}}'?",
+        "unassign-entity-view-text": "Dopo la conferma sarà annullata l'assegnazione della vista entità e questa non sarà più accessibile dal cliente.",
+        "unassign-entity-view": "Annulla assegnazione vista entità",
+        "unassign-entity-views-title": "Sei sicuro di voler annullare l'assegnazione di { count, plural, 1 {1 vista entità} other {# viste entità} }?",
+        "unassign-entity-views-text": "Dopo la conferma sarà annullata l'assegnazione di tutte le vista entità selezionate e queste non saranno più accessibili dal cliente.",
+        "entity-view-type": "Tipo vista entità",
+        "entity-view-type-required": "Tipo vista entità obbligatorio.",
+        "select-entity-view-type": "Seleziona tipo vista entità",
+        "enter-entity-view-type": "Inserisci tipo vista entità",
+        "any-entity-view": "Qualsiasi vista entità",
+        "no-entity-view-types-matching": "Nessuna vista entità corrispondente a '{{entitySubtype}}' è stata trovata.",
+        "entity-view-type-list-empty": "Nessun tipo di vista entità selezionato.",
+        "entity-view-types": "Tipi vista entità",
+        "name": "Nome",
+        "name-required": "Nome obbligatorio.",
+        "description": "Descrizione",
+        "events": "Eventi",
+        "details": "Dettagli",
+        "copyId": "Copia Id vista entità",
+        "assignedToCustomer": "Assegnata al cliente",
+        "unable-entity-view-device-alias-title": "Impossibile rimuovere l'alias del vista entità",
+        "unable-entity-view-device-alias-text": "L'alias del vista entità '{{entity-viewAlias}}' non può essere eliminato perché utilizzato dai seguenti widget:<br/>{{widgetsList}}",
+        "select-entity-view": "Seleziona vista entità",
+        "make-public": "Rendi pubblica la vista entità",
+        "make-private": "Rendi privata la vista entità",
+        "start-date": "Data inizio",
+        "start-ts": "Ora inizio",
+        "end-date": "Data fine",
+        "end-ts": "Ora fine",
+        "date-limits": "Limiti temporali",
+        "client-attributes": "Attributi cliente",
+        "shared-attributes": "Attributi condivisi",
+        "server-attributes": "Attributi server",
+        "timeseries": "Serie temporali",
+        "client-attributes-placeholder": "Attributi cliente",
+        "shared-attributes-placeholder": "Attributi condivisi",
+        "server-attributes-placeholder": "Attributi server",
+        "timeseries-placeholder": "Serie temporali",
+        "target-entity": "Entità target",
+        "attributes-propagation": "Propagazione degli attributi",
+        "attributes-propagation-hint": "La vista entità copierà automaticamente gli attributi specificati dall'entità target ogni volta che questa vista entità sarà salvata e aggiornata. Per ragioni di performance, gli attributi dell'entità target non sono propagati alle viste entità ogni cambiamento di attributo. È possibile abilitare la propagazione automatica configurando il nodo regola \"Copia alla vista\" nella rule chain e collegando i messaggi \"Post attributes\" a \"Attributes Updated\" al nuovo nodo regola.",
+        "timeseries-data": "Dati delle serie temporali",
+        "timeseries-data-hint": "Imposta le chiavi delle serie temporali dell'entità target che saranno accessibili alla vista entità. Questi dati sono di sola lettura.",
+        "make-public-entity-view-title": "Sei sicuro di voler rendere pubblica la vista entità '{{entity-viewName}}'?",
+        "make-public-entity-view-text": "Dopo la conferma la vista entità e tutti i suoi dati saranno resi pubblici e accessibili dagli altri.",
+        "make-private-entity-view-title": "Sei sicuro di voler rendere privata la vista entità '{{entity-viewName}}'?",
+        "make-private-entity-view-text": "Dopo la conferma la vista entità e tutti i suoi dati saranno resi privati e non più accessibili da altri utenti."
+    },
+    "event": {
+        "event-type": "Tipo evento",
+        "type-error": "Errore",
+        "type-lc-event": "Ciclo di vita evento",
+        "type-stats": "Statistiche",
+        "type-debug-rule-node": "Debug",
+        "type-debug-rule-chain": "Debug",
+        "no-events-prompt": "Nessun evento trovato",
+        "error": "Errore",
+        "alarm": "Allarme",
+        "event-time": "Orario evento",
+        "server": "Server",
+        "body": "Body",
+        "method": "Metodo",
+        "type": "Tipo",
+        "entity": "Entità",
+        "message-id": "Id Messaggio",
+        "message-type": "Tipo Messaggio",
+        "data-type": "Tipo di dato",
+        "relation-type": "Tipo di relazione",
+        "metadata": "Metadati",
+        "data": "Dati",
+        "event": "Evento",
+        "status": "Stato",
+        "success": "Success",
+        "failed": "Failed",
+        "messages-processed": "Messaggi elaborati",
+        "errors-occurred": "Si sono verificati degli errori"
+    },
+    "extension": {
+        "extensions": "Estensioni",
+        "selected-extensions": "{ count, plural, 1 {1 estensione selezionata} other {# estensioni selezionate} }",
+        "type": "Tipo",
+        "key": "Chiave",
+        "value": "Valore",
+        "id": "Id",
+        "extension-id": "Id Estensione",
+        "extension-type": "Tipo Estensione",
+        "transformer-json": "JSON *",
+        "unique-id-required": "Id estensione corrente già esistente.",
+        "delete": "Elimina estensione",
+        "add": "Aggiungi estensione",
+        "edit": "Modifica estensione",
+        "delete-extension-title": "Sei sicuro di voler eliminare l'estensione '{{extensionId}}'?",
+        "delete-extension-text": "Attenzione, dopo la conferma l'estensione e tutti i suoi data non saranno più recuperabili.",
+        "delete-extensions-title": "Sei sicuro di voler eliminare { count, plural, 1 {1 estensione} other {# estensioni} }?",
+        "delete-extensions-text": "Attenzione, dopo la conferma tutte le estensioni selezionate saranno eliminate.",
+        "converters": "Convertitori",
+        "converter-id": "Id convertitore",
+        "configuration": "Configurazione",
+        "converter-configurations": "Configurazioni convertitore",
+        "token": "Token di sicurezza",
+        "add-converter": "Aggiungi convertitore",
+        "add-config": "Aggiungi configurazione convertitore",
+        "device-name-expression": "Espressione nome dispositivo",
+        "device-type-expression": "Espressione tipo dispositivo",
+        "custom": "Custom",
+        "to-double": "To Double",
+        "transformer": "Transformer",
+        "json-required": "Transformer json is required.",
+        "json-parse": "Unable to parse transformer json.",
+        "attributes": "Attributi",
+        "add-attribute": "Aggiungi attributo",
+        "add-map": "Add mapping element",
+        "timeseries": "Serie temporali",
+        "add-timeseries": "Add timeseries",
+        "field-required": "Campo obbligatorio",
+        "brokers": "Broker",
+        "add-broker": "Aggiungi broker",
+        "host": "Host",
+        "port": "Porta",
+        "port-range": "Il numero di porta deve essere compreso tra 1 e 65535.",
+        "ssl": "Ssl",
+        "credentials": "Credenziali",
+        "username": "Nome utente",
+        "password": "Password",
+        "retry-interval": "Intervallo di ripetizione in millisecondi",
+        "anonymous": "Anonimo",
+        "basic": "Basic",
+        "pem": "PEM",
+        "ca-cert": "File certificato CA *",
+        "private-key": "File chiave privata *",
+        "cert": "File certificato *",
+        "no-file": "Nessun file selezionato.",
+        "drop-file": "Trascina un file o fai clic per selezionare un file da caricare.",
+        "mapping": "Mapping",
+        "topic-filter": "Filtro topic",
+        "converter-type": "Tipo convertitore",
+        "converter-json": "Json",
+        "json-name-expression": "Device name json expression",
+        "topic-name-expression": "Device name topic expression",
+        "json-type-expression": "Device type json expression",
+        "topic-type-expression": "Device type topic expression",
+        "attribute-key-expression": "Attribute key expression",
+        "attr-json-key-expression": "Attribute key json expression",
+        "attr-topic-key-expression": "Attribute key topic expression",
+        "request-id-expression": "Request id expression",
+        "request-id-json-expression": "Request id json expression",
+        "request-id-topic-expression": "Request id topic expression",
+        "response-topic-expression": "Response topic expression",
+        "value-expression": "Value expression",
+        "topic": "Topic",
+        "timeout": "Timeout in millisecondi",
+        "converter-json-required": "Convertitore json obbligatorio.",
+        "converter-json-parse": "Unable to parse converter json.",
+        "filter-expression": "Filter expression",
+        "connect-requests": "Richieste di connessione",
+        "add-connect-request": "Aggiungi richiesta di connessione",
+        "disconnect-requests": "Richieste di disconnessione",
+        "add-disconnect-request": "Aggiungi richiesta di disconnessione",
+        "attribute-requests": "Attribute requests",
+        "add-attribute-request": "Add attribute request",
+        "attribute-updates": "Attribute updates",
+        "add-attribute-update": "Add attribute update",
+        "server-side-rpc": "RPC lato server",
+        "add-server-side-rpc-request": "Add server-side RPC request",
+        "device-name-filter": "Filtro nome dispositivo",
+        "attribute-filter": "Filtro attributo",
+        "method-filter": "Filtro metodo",
+        "request-topic-expression": "Request topic expression",
+        "response-timeout": "Response timeout in milliseconds",
+        "topic-expression": "Topic expression",
+        "client-scope": "Visibilità client",
+        "add-device": "Aggiungi dispositivo",
+        "opc-server": "Server",
+        "opc-add-server": "Aggiungi server",
+        "opc-add-server-prompt": "Aggiungi server",
+        "opc-application-name": "Nome applicazione",
+        "opc-application-uri": "Uri applicazione",
+        "opc-scan-period-in-seconds": "Intervallo di scansione in secondi",
+        "opc-security": "Sicurezza",
+        "opc-identity": "Identità",
+        "opc-keystore": "Keystore",
+        "opc-type": "Tipo",
+        "opc-keystore-type": "Tipo",
+        "opc-keystore-location": "Location *",
+        "opc-keystore-password": "Password",
+        "opc-keystore-alias": "Alias",
+        "opc-keystore-key-password": "Chiave password",
+        "opc-device-node-pattern": "Device node pattern",
+        "opc-device-name-pattern": "Device name pattern",
+        "modbus-server": "Server/slave",
+        "modbus-add-server": "Aggiungi server/slave",
+        "modbus-add-server-prompt": "Aggiungi server/slave",
+        "modbus-transport": "Transport",
+        "modbus-tcp-reconnect": "Riconnessione automatica",
+        "modbus-rtu-over-tcp": "RTU over TCP",
+        "modbus-port-name": "Nome porta seriale",
+        "modbus-encoding": "Codifica",
+        "modbus-parity": "Parità",
+        "modbus-baudrate": "Baud rate",
+        "modbus-databits": "Data bits",
+        "modbus-stopbits": "Stop bits",
+        "modbus-databits-range": "Data bits deve essere compreso nell'intervallo 7-8.",
+        "modbus-stopbits-range": "Stop bits deve essere compreso nell'intervallo 1-2.",
+        "modbus-unit-id": "ID unità",
+        "modbus-unit-id-range": "ID unità deve essere compreso nell'intervallo 1-247.",
+        "modbus-device-name": "Nome dispositivo",
+        "modbus-poll-period": "Intervallo di polling (ms)",
+        "modbus-attributes-poll-period": "Intervallo di polling degli attributi (ms)",
+        "modbus-timeseries-poll-period": "Intervallo di polling delle serie temporali (ms)",
+        "modbus-poll-period-range": "L'intervallo di polling deve essere un valore positivo.",
+        "modbus-tag": "Tag",
+        "modbus-function": "Funzione",
+        "modbus-register-address": "Indirizzo registro",
+        "modbus-register-address-range": "Indirizzo registro deve essere compreso tra 0 e 65535.",
+        "modbus-register-bit-index": "Bit index",
+        "modbus-register-bit-index-range": "Bit index should be in a range from 0 to 15.",
+        "modbus-register-count": "Register count",
+        "modbus-register-count-range": "Register count should be a positive value.",
+        "modbus-byte-order": "Byte order",
+        "sync": {
+            "status": "Stato",
+            "sync": "Sincronizzato",
+            "not-sync": "Non sincronizzato",
+            "last-sync-time": "Ultima sincronizzazione",
+            "not-available": "Non disponibile"
+        },
+        "export-extensions-configuration": "Esporta configurazione estensioni",
+        "import-extensions-configuration": "Importa configurazione estensioni",
+        "import-extensions": "Importa estensione",
+        "import-extension": "Importa estensione",
+        "export-extension": "Esporta estensione",
+        "file": "File estensione",
+        "invalid-file-error": "File estensione non valido"
+    },
+    "fullscreen": {
+        "expand": "Espandi a tutto schermo",
+        "exit": "Esci da schermo intero",
+        "toggle": "Commuta modalità schermo intero",
+        "fullscreen": "Schermo intero"
+    },
+    "function": {
+        "function": "Funzione"
+    },
+    "grid": {
+        "delete-item-title": "Sei sicuro di voler eliminare questo elemento?",
+        "delete-item-text": "Attenzione, dopo la conferma questo elemento e tutti i suoi dati non saranno più recuperabili.",
+        "delete-items-title": "Sei sicuro di voler eliminare { count, plural, 1 {1 elemento} other {# elementi} }?",
+        "delete-items-action-title": "Elimina { count, plural, 1 {1 elemento} other {# elementi} }",
+        "delete-items-text": "Attenzione, dopo la conferma tutti gli elementi selezionati saranno rimossi e i relativi dati non saranno più recuperabili.",
+        "add-item-text": "Aggiungi nuovo elemento",
+        "no-items-text": "Nessun elemento trovato",
+        "item-details": "Dettagli elemento",
+        "delete-item": "Elimina elemento",
+        "delete-items": "Elimina elementi",
+        "scroll-to-top": "Scorri verso l'alto"
+    },
+    "help": {
+        "goto-help-page": "Vai all'help"
+    },
+    "home": {
+        "home": "Home",
+        "profile": "Profilo",
+        "logout": "Logout",
+        "menu": "Menu",
+        "avatar": "Avatar",
+        "open-user-menu": "Apri menu utente"
+    },
+    "import": {
+        "no-file": "Nessun file selezionato",
+        "drop-file": "Trascina un file JSON o fai clic per selezionare un file da caricare."
+    },
+    "item": {
+        "selected": "Selezionata"
+    },
+    "js-func": {
+        "no-return-error": "La funzione deve restituire un valore!",
+        "return-type-mismatch": "La funzione deve restituire un valore di tipo '{{type}}'!",
+        "tidy": "Tidy"
+    },
+    "key-val": {
+        "key": "Chiave",
+        "value": "Valore",
+        "remove-entry": "Rimuovi voce",
+        "add-entry": "Aggiungi voce",
+        "no-data": "Nessuna voce"
+    },
+    "layout": {
+        "layout": "Layout",
+        "manage": "Gestisci layout",
+        "settings": "Impostazioni layout",
+        "color": "Colore",
+        "main": "Main",
+        "right": "Destra",
+        "select": "Select target layout"
+    },
+    "legend": {
+        "direction": "Direzione",
+        "position": "Posizione Legenda",
+        "show-max": "Mostra valore max",
+        "show-min": "Mostra valore min",
+        "show-avg": "Mostra valore medio",
+        "show-total": "Mostra valore totale",
+        "settings": "Impostazioni legenda",
+        "min": "min",
+        "max": "max",
+        "avg": "avg",
+        "total": "totale"
+    },
+    "login": {
+        "login": "Login",
+        "request-password-reset": "Richiesta reset password",
+        "reset-password": "Reset Password",
+        "create-password": "Crea Password",
+        "passwords-mismatch-error": "Le password inserite devono corrispondere!",
+        "password-again": "Ripeti Password",
+        "sign-in": "Please sign in",
+        "username": "Nome utente (email)",
+        "remember-me": "Ricordami",
+        "forgot-password": "Password dimenticata?",
+        "password-reset": "Password reset",
+        "new-password": "Nuova password",
+        "new-password-again": "Ripeti nuova password",
+        "password-link-sent-message": "Link reset password inviato con successo!",
+        "email": "Email"
+    },
+    "position": {
+        "top": "Alto",
+        "bottom": "Basso",
+        "left": "Sinistra",
+        "right": "Destra"
+    },
+    "profile": {
+        "profile": "Profilo",
+        "last-login-time": "Ultimo accesso",
+        "change-password": "Modifica Password",
+        "current-password": "Password attuale"
+    },
+    "relation": {
+        "relations": "Relazioni",
+        "direction": "Direzione",
+        "search-direction": {
+            "FROM": "Da",
+            "TO": "A"
+        },
+        "direction-type": {
+            "FROM": "da",
+            "TO": "a"
+        },
+        "from-relations": "Relazioni in uscita",
+        "to-relations": "Relazioni in ingresso",
+        "selected-relations": "{ count, plural, 1 {1 relazione selezionata} other {# relazioni selezionate} }",
+        "type": "Tipo",
+        "to-entity-type": "A tipo entità",
+        "to-entity-name": "A nome entità",
+        "from-entity-type": "Da tipo entità",
+        "from-entity-name": "Da nome entità",
+        "to-entity": "A entità",
+        "from-entity": "Da entità",
+        "delete": "Elimina relazione",
+        "relation-type": "Tipo di relazione",
+        "relation-type-required": "Tipo di relazione obbligatorio.",
+        "any-relation-type": "Ogni tipo",
+        "add": "Aggiungi relazione",
+        "edit": "Modifica relazione",
+        "delete-to-relation-title": "Sei sicuro di voler eliminare la relazione con l'entità '{{entityName}}'?",
+        "delete-to-relation-text": "Attenzione, dopo la conferma l'entità '{{entityName}}' sarà scollegata dall'entità corrente.",
+        "delete-to-relations-title": "Sei sicuro di voler eliminare { count, plural, 1 {1 relazione} other {# relazioni} }?",
+        "delete-to-relations-text": "Attenzione, dopo la conferma tutte le relazioni selezionate saranno rimosse e le corrispondenti entità scollegate da quella corrente.",
+        "delete-from-relation-title": "Sei sicuro di voler eliminare la relazione dall'entità  '{{entityName}}'?",
+        "delete-from-relation-text": "Attenzione, dopo la conferma l'entità corrente sarà scollegata dall'entità '{{entityName}}'.",
+        "delete-from-relations-title": "Sei sicuro di voler eliminare { count, plural, 1 {1 relazione} other {# relazioni} }?",
+        "delete-from-relations-text": "Attenzione, dopo la conferma tutte le relazioni selezionate saranno rimosse e l'entità corrente scollegata dalle corrispondenti entità.",
+        "remove-relation-filter": "Rimuovi filtro relazioni",
+        "add-relation-filter": "Aggiungi filtro relazioni",
+        "any-relation": "Qualsiasi relazione",
+        "relation-filters": "Filtri relazioni",
+        "additional-info": "Informazioni aggiuntive (JSON)",
+        "invalid-additional-info": "Impossibile analizzare le informazioni aggiuntive in JSON."
+    },
+    "rulechain": {
+        "rulechain": "Rule chain",
+        "rulechains": "Rule chain",
+        "root": "Root",
+        "delete": "Cancella rule chain",
+        "name": "Nome",
+        "name-required": "Nome obbligatorio.",
+        "description": "Descrizione",
+        "add": "Aggiungi Rule Chain",
+        "set-root": "Imposta la rule chain come root",
+        "set-root-rulechain-title": "Sei sicuro di voler impostare la rule chain '{{ruleChainName}}' come root?",
+        "set-root-rulechain-text": "Dopo la conferma la rule chain diverrà root a gestirà tutti i messaggi in arrivo.",
+        "delete-rulechain-title": "Sei sicuro di voler eliminare la rule chain '{{ruleChainName}}'?",
+        "delete-rulechain-text": "Attenzione, dopo la conferma la rule chain e tutti i dati relativi non saranno più recuperabili.",
+        "delete-rulechains-title": "Sei sicuro di voler eliminare { count, plural, 1 {1 rule chain} other {# rule chain} }?",
+        "delete-rulechains-action-title": "Elimina { count, plural, 1 {1 rule chain} other {# rule chain} }",
+        "delete-rulechains-text": "Attenzione, dopo la conferma tutte le rule chain selezionate saranno rimosse e tutti i relativi dati non saranno più recuperabili.",
+        "add-rulechain-text": "Aggiungi nuova rule chain",
+        "no-rulechains-text": "Nessuna rule chain trovata",
+        "rulechain-details": "Dettagli rule chain",
+        "details": "Dettagli",
+        "events": "Eventi",
+        "system": "Sistema",
+        "import": "Importa rule chain",
+        "export": "Esporta rule chain",
+        "export-failed-error": "Impossibile esportare rule chain: {{error}}",
+        "create-new-rulechain": "Crea nuova rule chain",
+        "rulechain-file": "File rule chain",
+        "invalid-rulechain-file-error": "Impossibile importare rule chain: struttura dati rule chain non valida.",
+        "copyId": "Copia Id rule chain",
+        "idCopiedMessage": "Id rule chain copiato negli appunti",
+        "select-rulechain": "Seleziona rule chain",
+        "no-rulechains-matching": "Nessuna rule chain corrispondente a '{{entity}}' è stata trovata.",
+        "rulechain-required": "Rule chain obbligatoria",
+        "management": "Gestione regole",
+        "debug-mode": "Modalità debug"
+    },
+    "rulenode": {
+        "details": "Dettagli",
+        "events": "Eventi",
+        "search": "Ricerca nodi",
+        "open-node-library": "Apri libreria nodi",
+        "add": "Aggiungi nodo regola",
+        "name": "Nome",
+        "name-required": "Nome obbligatorio.",
+        "type": "Tipo",
+        "description": "Descrizione",
+        "delete": "Elimina nodo regola",
+        "select-all-objects": "Seleziona tutti i nodi e le connessioni",
+        "deselect-all-objects": "Deseleziona tutti i nodi e le connessioni",
+        "delete-selected-objects": "Cancella nodi e connessioni selezionate",
+        "delete-selected": "Elimina selezionati",
+        "select-all": "Seleziona tutto",
+        "copy-selected": "Copia selezionata",
+        "deselect-all": "Deseleziona tutto",
+        "rulenode-details": "Dettagli nodo regola",
+        "debug-mode": "Modalità debug",
+        "configuration": "Configurazione",
+        "link": "Link",
+        "link-details": "Dettagli link nodo regola",
+        "add-link": "Aggiungi link",
+        "link-label": "Etichetta link",
+        "link-label-required": "Etichetta link obbligatoria.",
+        "custom-link-label": "Etichetta link personalizzata",
+        "custom-link-label-required": "Etichetta link personalizzata obbligatoria.",
+        "link-labels": "Etichette link",
+        "link-labels-required": "Etichette link richieste.",
+        "no-link-labels-found": "Nessuna etichetta link trovata.",
+        "no-link-label-matching": "'{{label}}' non trovata.",
+        "create-new-link-label": "Creane una nuova!",
+        "type-filter": "Filtro",
+        "type-filter-details": "Filtra i messaggi in arrivo con le condizioni configurate",
+        "type-enrichment": "Enrichment",
+        "type-enrichment-details": "Aggiungi informazioni addizionali nei metadati del messaggio",
+        "type-transformation": "Transformation",
+        "type-transformation-details": "Change Message payload and Metadata",
+        "type-action": "Azioni",
+        "type-action-details": "Perform special action",
+        "type-external": "External",
+        "type-external-details": "Interacts with external system",
+        "type-rule-chain": "Rule Chain",
+        "type-rule-chain-details": "Forwards incoming messages to specified Rule Chain",
+        "type-input": "Input",
+        "type-input-details": "Logical input of Rule Chain, forwards incoming messages to next related Rule Node",
+        "type-unknown": "Sconosciuto",
+        "type-unknown-details": "Nodo regola non trovato",
+        "directive-is-not-loaded": "Defined configuration directive '{{directiveName}}' is not available.",
+        "ui-resources-load-error": "Failed to load configuration ui resources.",
+        "invalid-target-rulechain": "Unable to resolve target rule chain!",
+        "test-script-function": "Test script function",
+        "message": "Messaggio",
+        "message-type": "Tipo messaggio",
+        "select-message-type": "Seleziona tipo messaggio",
+        "message-type-required": "Tipo messaggio obbligatorio",
+        "metadata": "Metadata",
+        "metadata-required": "Metadata entries can't be empty.",
+        "output": "Output",
+        "test": "Test",
+        "help": "Aiuto"
+    },
+    "tenant": {
+        "tenant": "Tenant",
+        "tenants": "Tenant",
+        "management": "Gestione Tenant",
+        "add": "Aggiungi Tenant",
+        "admins": "Amministratori",
+        "manage-tenant-admins": "Gestisci amministratori tenant",
+        "delete": "Cancella tenant",
+        "add-tenant-text": "Aggiungi nuovo tenant",
+        "no-tenants-text": "Nessun tenant trovato",
+        "tenant-details": "Dettagli tenant",
+        "delete-tenant-title": "Sei sicuro di voler eliminare il tenant '{{tenantTitle}}'?",
+        "delete-tenant-text": "Attenzione, dopo la conferma il tenant e tutti i suoi dati non saranno più recuperabili.",
+        "delete-tenants-title": "Sei sicuro di voler eliminare { count, plural, 1 {1 tenant} other {# tenant} }?",
+        "delete-tenants-action-title": "Elimina { count, plural, 1 {1 tenant} other {# tenant} }",
+        "delete-tenants-text": "Attenzione, dopo la conferma tutti i tenant selezionati saranno eliminati e tutti i loro dati non saranno più recuperabili.",
+        "title": "Titolo",
+        "title-required": "Titolo obbligatorio.",
+        "description": "Descrizione",
+        "details": "Dettagli",
+        "events": "Eventi",
+        "copyId": "Copia Id tenant",
+        "idCopiedMessage": "Id tenant copiato negli appunti",
+        "select-tenant": "Seleziona tenant",
+        "no-tenants-matching": "Nessun tenant corrispondente a '{{entity}}' è stato trovato.",
+        "tenant-required": "Tenant obbligatorio"
+    },
+    "timeinterval": {
+        "seconds-interval": "{ seconds, plural, 1 {1 secondo} other {# secondi} }",
+        "minutes-interval": "{ minutes, plural, 1 {1 minuto} other {# minuti} }",
+        "hours-interval": "{ hours, plural, 1 {1 ora} other {# ore} }",
+        "days-interval": "{ days, plural, 1 {1 giorno} other {# giorni} }",
+        "days": "Giorni",
+        "hours": "Ore",
+        "minutes": "Minuti",
+        "seconds": "Secondi",
+        "advanced": "Avanzate"
+    },
+    "timewindow": {
+        "days": "{ days, plural, 1 { giorno } other {# giorni } }",
+        "hours": "{ hours, plural, 0 { ora } 1 {1 ora } other {# ore } }",
+        "minutes": "{ minutes, plural, 0 { minuto } 1 {1 minuto } other {# minuti } }",
+        "seconds": "{ seconds, plural, 0 { secondo } 1 {1 secondo } other {# secondi } }",
+        "realtime": "Realtime",
+        "history": "Cronologia",
+        "last-prefix": "ultimo",
+        "period": "da {{ startTime }} a {{ endTime }}",
+        "edit": "Modifica intervallo temporale",
+        "date-range": "Intervallo date",
+        "last": "Ultimo",
+        "time-period": "Intervallo temporale",
+        "hide": "Nascondi"
+    },
+    "user": {
+        "user": "Utente",
+        "users": "Utenti",
+        "customer-users": "Utente cliente",
+        "tenant-admins": "Amministratori Tenant",
+        "sys-admin": "Amministratore di sistema",
+        "tenant-admin": "Amministratore tenant",
+        "customer": "Cliente",
+        "anonymous": "Anonimo",
+        "add": "Aggiungi Utente",
+        "delete": "Elimina utente",
+        "add-user-text": "Aggiungi nuovo utente",
+        "no-users-text": "Nessun utente trovato",
+        "user-details": "Dettagli utente",
+        "delete-user-title": "Sei sicuro di voler eliminare l'utente '{{userEmail}}'?",
+        "delete-user-text": "Attenzione, dopo la conferma l'utente e tutti i suoi dati non saranno più recuperabili.",
+        "delete-users-title": "Sei sicuro di voler eliminare { count, plural, 1 {1 utente} other {# utenti} }?",
+        "delete-users-action-title": "Elimina { count, plural, 1 {1 utente} other {# utenti} }",
+        "delete-users-text": "Attenzione, dopo la conferma tutti gli utenti selezionati saranno eliminati e tutti i relativi dati non saranno più recuperabili.",
+        "activation-email-sent-message": "Email di attivazione inviata con successo!",
+        "resend-activation": "Invia di nuovo attivazione",
+        "email": "Email",
+        "email-required": "Email obbligatoria.",
+        "invalid-email-format": "Formato email non valido.",
+        "first-name": "Nome",
+        "last-name": "Cognome",
+        "description": "Descrizione",
+        "default-dashboard": "Dashboard di default",
+        "always-fullscreen": "Sempre a schermo intero",
+        "select-user": "Seleziona utente",
+        "no-users-matching": "Nessun utente corrispondente a '{{entity}}' è stato trovato.",
+        "user-required": "Utente obbligatorio",
+        "activation-method": "Metodo di attivazione",
+        "display-activation-link": "Mostra link di attivazione",
+        "send-activation-mail": "Invia email di attivazione",
+        "activation-link": "Link attivazione utente",
+        "activation-link-text": "Per attivare l'utente utilizza il seguente <a href='{{activationLink}}' target='_blank'>link di attivazione</a> :",
+        "copy-activation-link": "Copia link di attivazione",
+        "activation-link-copied-message": "Link di attivazione utente copiato negli appunti",
+        "details": "Dettagli",
+        "login-as-tenant-admin": "Accedi come Amministratore tenant",
+        "login-as-customer-user": "Accedi come Utente cliente",
+        "disable-account": "Disabilita account utente",
+        "enable-account": "Abilita account utente",
+        "enable-account-message": "L'account utente è stato abilitato correttamente!",
+        "disable-account-message": "L'account utente è stato disabilitato correttamente!"
+    },
+    "value": {
+        "type": "Tipo valore",
+        "string": "String",
+        "string-value": "Valore string",
+        "integer": "Integer",
+        "integer-value": "Valore integer",
+        "invalid-integer-value": "Valore integer non valido",
+        "double": "Double",
+        "double-value": "Valore double",
+        "boolean": "Boolean",
+        "boolean-value": "Valore boolean",
+        "false": "Falso",
+        "true": "Vero",
+        "long": "Long"
+    },
+    "widget": {
+        "widget-library": "Libreria Widget",
+        "widget-bundle": "Bundle widget",
+        "select-widgets-bundle": "Seleziona bundle widget",
+        "management": "Gestione widget",
+        "editor": "Editor Widget",
+        "widget-type-not-found": "Problem loading widget configuration.<br/>Probably associated\n    widget type was removed.",
+        "widget-type-load-error": "Widget non caricato a causa dei seguenti errori:",
+        "remove": "Elimina widget",
+        "edit": "Modifica widget",
+        "remove-widget-title": "sei sicuro di voler eliminare il widget '{{widgetTitle}}'?",
+        "remove-widget-text": "Dopo la conferma il widget e tutti i suoi dati non saranno più recuperabili.",
+        "timeseries": "Time series",
+        "search-data": "Cerca dati",
+        "no-data-found": "Nessun dato trovato",
+        "latest-values": "Ultimi valori",
+        "rpc": "Control widget",
+        "alarm": "Alarm widget",
+        "static": "Static widget",
+        "select-widget-type": "Seleziona tipo widget",
+        "missing-widget-title-error": "Il tiolo del widget deve essere specificato!",
+        "widget-saved": "Widget salvato",
+        "unable-to-save-widget-error": "Impossibile salvare il widget! Sono presenti degli errori!",
+        "save": "Salva widget",
+        "saveAs": "Salva widget come",
+        "save-widget-type-as": "Salva tipo widget come",
+        "save-widget-type-as-text": "Please enter new widget title and/or select target widgets bundle",
+        "toggle-fullscreen": "Commuta modalità schermo intero",
+        "run": "Esegui widget",
+        "title": "Titolo widget",
+        "title-required": "Titolo widget obbligatorio.",
+        "type": "Tipo widget",
+        "resources": "Risorse",
+        "resource-url": "JavaScript/CSS URL",
+        "remove-resource": "Rimuovi risorsa",
+        "add-resource": "Aggiungi risorsa",
+        "html": "HTML",
+        "tidy": "Tidy",
+        "css": "CSS",
+        "settings-schema": "Impostazioni schema",
+        "datakey-settings-schema": "Impostazioni Data key schema",
+        "javascript": "Javascript",
+        "remove-widget-type-title": "Sei sicuro di voler rimuovere il tipo di widget '{{widgetName}}'?",
+        "remove-widget-type-text": "Dopo la conferma il tipo di widget e tutti i suoi dati non saranno più recuperabili.",
+        "remove-widget-type": "Rimuovi tipo widget",
+        "add-widget-type": "Aggiungi nuovo tipo widget",
+        "widget-type-load-failed-error": "Caricamento tipo widget fallito!",
+        "widget-template-load-failed-error": "Caricamento template widget fallito!",
+        "add": "Aggiungi Widget",
+        "undo": "Annulla modifiche widget",
+        "export": "Esporta widget"
+    },
+    "widget-action": {
+        "header-button": "Widget header button",
+        "open-dashboard-state": "Navigate to new dashboard state",
+        "update-dashboard-state": "Update current dashboard state",
+        "open-dashboard": "Navigate to other dashboard",
+        "custom": "Custom action",
+        "target-dashboard-state": "Target dashboard state",
+        "target-dashboard-state-required": "Target dashboard state is required",
+        "set-entity-from-widget": "Set entity from widget",
+        "target-dashboard": "Target dashboard",
+        "open-right-layout": "Open right dashboard layout (mobile view)"
+    },
+    "widgets-bundle": {
+        "current": "Bundle corrente",
+        "widgets-bundles": "Bundle Widget",
+        "add": "Aggiungi Bundle Widget",
+        "delete": "Cancella bundle widget",
+        "title": "Titolo",
+        "title-required": "Titolo obbligatorio.",
+        "add-widgets-bundle-text": "Aggiungi nuovo bundle widget",
+        "no-widgets-bundles-text": "Nessun bundle widget trovato",
+        "empty": "Bundle widget vuoto",
+        "details": "Dettagli",
+        "widgets-bundle-details": "Dettagli bundle widget",
+        "delete-widgets-bundle-title": "Sei sicuro di voler eliminare il bundle widget '{{widgetsBundleTitle}}'?",
+        "delete-widgets-bundle-text": "Attenzione, dopo la conferma il bundle widget e tutti i suoi dati non saranno più recuperabili.",
+        "delete-widgets-bundles-title": "Sei sicuro di voler eliminare { count, plural, 1 {1 bundle widget} other {# bundle widget} }?",
+        "delete-widgets-bundles-action-title": "Elimina { count, plural, 1 {1 bundle widget} other {# bundle widget} }",
+        "delete-widgets-bundles-text": "Attenzione, dopo la conferma tutti i bundle widget selezionati saranno rimossi e tutti i loro dati non saranno più recuperabili.",
+        "no-widgets-bundles-matching": "Nessun bundle widget corrispondente a  '{{widgetsBundle}}' è stato trovato.",
+        "widgets-bundle-required": "Bundle widget obbligatorio.",
+        "system": "Sistema",
+        "import": "Importa bundle widget",
+        "export": "Esporta bundle widget",
+        "export-failed-error": "Impossibile esportare bundle widget: {{error}}",
+        "create-new-widgets-bundle": "Crea nuovo bundle widget",
+        "widgets-bundle-file": "File bundle widget",
+        "invalid-widgets-bundle-file-error": "Impossibile importare bundle widget: struttura dati non valida."
+    },
+    "widget-config": {
+        "data": "Dati",
+        "settings": "Impostazioni",
+        "advanced": "Avanzate",
+        "title": "Titolo",
+        "title-tooltip": "Tooltip titolo",
+        "general-settings": "Impostazioni generali",
+        "display-title": "Mostra titolo",
+        "drop-shadow": "Drop shadow",
+        "enable-fullscreen": "Abilita schermo intero",
+        "background-color": "Colore sfondo",
+        "text-color": "Colore testo",
+        "padding": "Padding",
+        "margin": "Margin",
+        "widget-style": "Stile Widget",
+        "title-style": "Stile titolo",
+        "mobile-mode-settings": "Impostazioni modalità mobile",
+        "order": "Ordinamento",
+        "height": "Altezza",
+        "units": "Simbolo speciale da mostrare accanto al valore",
+        "decimals": "Numero di cifre decimali",
+        "timewindow": "Intervallo temporale",
+        "use-dashboard-timewindow": "Usa intervallo temporale dashboard",
+        "display-timewindow": "Mostra intervallo temporale",
+        "display-legend": "Mostra legenda",
+        "datasources": "Sorgenti dei dati",
+        "maximum-datasources": "Massimo { count, plural, 1 {1 sorgente dati consentita.} other {# sorgenti dati consentite} }",
+        "datasource-type": "Tipo",
+        "datasource-parameters": "Parametri",
+        "remove-datasource": "Rimuovi sorgente dati",
+        "add-datasource": "Aggiungi sorgente dati",
+        "target-device": "Dispositivo Target",
+        "alarm-source": "Sorgente Allarme",
+        "actions": "Azioni",
+        "action": "Azione",
+        "add-action": "Aggiungi azione",
+        "search-actions": "Ricerca azioni",
+        "action-source": "Sorgente azione",
+        "action-source-required": "Sorgente azione obbligatoria.",
+        "action-name": "Nome",
+        "action-name-required": "Nome azione obbligatorio.",
+        "action-name-not-unique": "Un'altra azione con lo stesso nome è già presente.<br/>Il nome di una azione dovrebbe essere univoco all'interno della stessa sorgente.",
+        "action-icon": "Icona",
+        "action-type": "Tipo",
+        "action-type-required": "Tipo azione obbligatorio.",
+        "edit-action": "Modifica azione",
+        "delete-action": "Cancella azione",
+        "delete-action-title": "Cancella azione del widget",
+        "delete-action-text": "Sei sicuro di voler cancellare l'azione del widget '{{actionName}}'?",
+        "display-icon": "Mostra icona titolo",
+        "icon-color": "Colore dell'icona",
+        "icon-size": "Dimensione dell'icona"
+    },
+    "widget-type": {
+        "import": "Importa un tipo di widget",
+        "export": "Esporta un tipo di widget",
+        "export-failed-error": "Impossibile esportare il tipo di widget: {{error}}",
+        "create-new-widget-type": "Crea un nuovo tipo di widget",
+        "widget-type-file": "File tipo di widget",
+        "invalid-widget-type-file-error": "Impossibile importare un tipo di widget: struttura dati del widget non valida."
+    },
+    "widgets": {
+        "date-range-navigator": {
+            "localizationMap": {
+                "Sun": "Dom",
+                "Mon": "Lun",
+                "Tue": "Mar",
+                "Wed": "Mer",
+                "Thu": "Gio",
+                "Fri": "Ven",
+                "Sat": "Sab",
+                "Jan": "Gen",
+                "Feb": "Feb",
+                "Mar": "Mar",
+                "Apr": "Apr",
+                "May": "Mag",
+                "Jun": "Giu",
+                "Jul": "Lug",
+                "Aug": "Ago",
+                "Sep": "Set",
+                "Oct": "Ott",
+                "Nov": "Nov",
+                "Dec": "Dic",
+                "January": "Gennaio",
+                "February": "Febbraio",
+                "March": "Marzo",
+                "April": "Aprile",
+                "June": "Giugno",
+                "July": "Luglio",
+                "August": "Agosto",
+                "September": "Settembre",
+                "October": "Ottobre",
+                "November": "Novembre",
+                "December": "Dicembre",
+                "Custom Date Range": "Intervallo di date personalizzato",
+                "Date Range Template": "Modello di intervallo di date",
+                "Today": "Oggi",
+                "Yesterday": "Ieri",
+                "This Week": "Questa settimana",
+                "Last Week": "La settimana scorsa",
+                "This Month": "Questo mese",
+                "Last Month": "Lo scorso mese",
+                "Year": "Anno",
+                "This Year": "Quest'anno",
+                "Last Year": "L'anno scorso",
+                "Date picker": "Date picker",
+                "Hour": "Ora",
+                "Day": "Giorno",
+                "Week": "Settimana",
+                "2 weeks": "2 Settimane",
+                "Month": "Mese",
+                "3 months": "3 Mesi",
+                "6 months": "6 Mesi",
+                "Custom interval": "Intervallo personalizzato",
+                "Interval": "Intervallo",
+                "Step size": "Dimensione del passo",
+                "Ok": "Ok"
+            }
+        },
+        "input-widgets": {
+            "attribute-not-allowed": "Questo widget non può usare un parametro di tipo attributo",
+            "date": "Data",
+            "discard-changes": "Annulla modifiche",
+            "entity-attribute-required": "E' richiesta un'entità di tipo attributo",
+            "entity-timeseries-required": "E' richiesta un'entità di tipo serie temporale",
+            "not-allowed-entity": "L'entità selezionata non può avere attributi condivisi",
+            "no-attribute-selected": "Nessun attributo selezionato",
+            "no-datakey-selected": "Nessuna datakey selezionata",
+            "no-entity-selected": "Nessuna entità selezionata",
+            "no-image": "Nessuna immagine",
+            "no-support-web-camera": "Web camera non supportata",
+            "no-timeseries-selected": "Nessuna serie temporale selezionata",
+            "switch-attribute-value": "Cambia il valore dell'attributo",
+            "switch-camera": "Cambia camera",
+            "switch-timeseries-value": "Cambia il valore della serie temporale",
+            "take-photo": "Fai una foto",
+            "time": "Tempo",
+            "timeseries-not-allowed": "Questo widget non può usare un parametro di tipo serie temporale",
+            "update-failed": "Aggiornamento fallito",
+            "update-successful": "Aggiornamento eseguito con successo",
+            "update-attribute": "Aggiorna attributo",
+            "update-timeseries": "Aggiorna serie temporale",
+            "value": "Valore"
+        }
+    },
+    "icon": {
+        "icon": "Icona",
+        "select-icon": "Seleziona icona",
+        "material-icons": "Icone Material",
+        "show-all": "Mostra tutte le icone"
+    },
+    "custom": {
+        "widget-action": {
+            "action-cell-button": "Pulsante azione cella",
+            "row-click": "Click sulla riga",
+            "polygon-click": "Click sul poligono",
+            "marker-click": "Click sul marker",
+            "tooltip-tag-action": "Azione tooltip",
+            "node-selected": "Click su nodo selezionato",
+            "element-click": "Click su elemento HTML",
+            "pie-slice-click": "Click sulla fetta",
+            "row-double-click": "Doppio click sulla riga"
+        }
+    },
+    "language": {
+        "language": "Lingua"
+    }
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-ja_JA.json b/ui-ngx/src/assets/locale/locale.constant-ja_JA.json
new file mode 100644
index 0000000000..f40122e2d6
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-ja_JA.json
@@ -0,0 +1,1514 @@
+{
+	"access": {
+		"unauthorized": "無許可",
+		"unauthorized-access": "不正アクセス",
+		"unauthorized-access-text": "このリソースにアクセスするにはサインインする必要があります。",
+		"access-forbidden": "アクセス禁止",
+		"access-forbidden-text": "あなたはこの場所へのアクセス権を持っていません！この場所にアクセスしたい場合は、別のユーザーとサインインしてみてください。",
+		"refresh-token-expired": "セッションが終了しました",
+		"refresh-token-failed": "セッションをリフレッシュできません"
+	},
+	"action": {
+		"activate": "アクティブ化する",
+		"suspend": "サスペンド",
+		"save": "セーブ",
+		"saveAs": "名前を付けて保存",
+		"cancel": "キャンセル",
+		"ok": "[OK]",
+		"delete": "削除",
+		"add": "追加",
+		"yes": "はい",
+		"no": "いいえ",
+		"update": "更新",
+		"remove": "削除する",
+		"search": "サーチ",
+		"clear-search": "検索をクリアする",
+		"assign": "割り当てます",
+		"unassign": "割り当て解除",
+		"share": "シェア",
+		"make-private": "プライベートにする",
+		"apply": "適用",
+		"apply-changes": "変更を適用する",
+		"edit-mode": "編集モード",
+		"enter-edit-mode": "編集モードに入る",
+		"decline-changes": "変更を拒否する",
+		"close": "閉じる",
+		"back": "バック",
+		"run": "走る",
+		"sign-in": "サインイン！",
+		"edit": "編集",
+		"view": "ビュー",
+		"create": "作成する",
+		"drag": "ドラッグ",
+		"refresh": "リフレッシュ",
+		"undo": "元に戻す",
+		"copy": "コピー",
+		"paste": "ペースト",
+		"copy-reference": "コピーリファレンス",
+		"paste-reference": "参照貼り付け",
+		"import": "インポート",
+		"export": "輸出する",
+		"share-via": "{{provider}}"
+	},
+	"aggregation": {
+		"aggregation": "集約",
+		"function": "データ集約機能",
+		"limit": "最大値",
+		"group-interval": "グループ化の間隔",
+		"min": "分",
+		"max": "最大",
+		"avg": "平均",
+		"sum": "和",
+		"count": "カウント",
+		"none": "なし"
+	},
+	"admin": {
+		"general": "一般",
+		"general-settings": "一般設定",
+		"outgoing-mail": "送信メール",
+		"outgoing-mail-settings": "送信メールの設定",
+		"system-settings": "システム設定",
+		"test-mail-sent": "テストメールが正常に送信されました！",
+		"base-url": "ベースURL",
+		"base-url-required": "ベースURLは必須です。",
+		"mail-from": "メール",
+		"mail-from-required": "メールの送信元が必要です。",
+		"smtp-protocol": "SMTPプロトコル",
+		"smtp-host": "SMTPホスト",
+		"smtp-host-required": "SMTPホストが必要です。",
+		"smtp-port": "SMTPポート",
+		"smtp-port-required": "smtpポートを指定する必要があります。",
+		"smtp-port-invalid": "それは有効なsmtpポートのようには見えません。",
+		"timeout-msec": "タイムアウト（ミリ秒）",
+		"timeout-required": "タイムアウトが必要です。",
+		"timeout-invalid": "それは有効なタイムアウトのようには見えません。",
+		"enable-tls": "TLSを有効にする",
+		"tls-version": "TLSバージョン",
+		"send-test-mail": "テストメールを送信する"
+	},
+	"alarm": {
+		"alarm": "警報",
+		"alarms": "アラーム",
+		"select-alarm": "アラームを選択",
+		"no-alarms-matching": "'{{entity}}'発見されました。",
+		"alarm-required": "アラームが必要です",
+		"alarm-status": "アラーム状態",
+		"search-status": {
+			"ANY": "どれか",
+			"ACTIVE": "アクティブ",
+			"CLEARED": "クリアされた",
+			"ACK": "承認された",
+			"UNACK": "未確認の"
+		},
+		"display-status": {
+			"ACTIVE_UNACK": "アクティブ未確認",
+			"ACTIVE_ACK": "Active Acknowledged",
+			"CLEARED_UNACK": "クリアされた未確認のメッセージ",
+			"CLEARED_ACK": "承認された承認済み"
+		},
+		"no-alarms-prompt": "アラームが見つかりません",
+		"created-time": "作成時刻",
+		"type": "タイプ",
+		"severity": "重大度",
+		"originator": "創始者",
+		"originator-type": "発信者タイプ",
+		"details": "詳細",
+		"status": "状態",
+		"alarm-details": "アラームの詳細",
+		"start-time": "始まる時間",
+		"end-time": "終了時間",
+		"ack-time": "確認された時間",
+		"clear-time": "クリアされた時間",
+		"severity-critical": "クリティカル",
+		"severity-major": "メジャー",
+		"severity-minor": "マイナー",
+		"severity-warning": "警告",
+		"severity-indeterminate": "不確定",
+		"acknowledge": "認める",
+		"clear": "クリア",
+		"search": "アラームの検索",
+		"selected-alarms": "{ count, plural, 1 {1 alarm} other {# alarms} }選択された",
+		"no-data": "表示するデータがありません",
+		"polling-interval": "アラームポーリング間隔（秒）",
+		"polling-interval-required": "アラームのポーリング間隔が必要です。",
+		"min-polling-interval-message": "少なくとも1秒間のポーリング間隔が許可されます。",
+		"aknowledge-alarms-title": "{ count, plural, 1 {1 alarm} other {# alarms} }",
+		"aknowledge-alarms-text": "{ count, plural, 1 {1 alarm} other {# alarms} }?",
+		"clear-alarms-title": "{ count, plural, 1 {1 alarm} other {# alarms} }",
+		"clear-alarms-text": "{ count, plural, 1 {1 alarm} other {# alarms} }?"
+	},
+	"alias": {
+		"add": "エイリアスを追加する",
+		"edit": "エイリアスを編集する",
+		"name": "エイリアス名",
+		"name-required": "エイリアス名は必須です",
+		"duplicate-alias": "同じ名前のエイリアスは既に存在します。",
+		"filter-type-single-entity": "単一のエンティティ",
+		"filter-type-entity-list": "エンティティリスト",
+		"filter-type-entity-name": "エンティティ名",
+		"filter-type-state-entity": "ダッシュボード状態からのエンティティ",
+		"filter-type-state-entity-description": "ダッシュボードの状態パラメータから取得されたエンティティ",
+		"filter-type-asset-type": "資産の種類",
+		"filter-type-asset-type-description": "'{{assetType}}'",
+		"filter-type-asset-type-and-name-description": "'{{assetType}}''{{prefix}}'",
+		"filter-type-device-type": "デバイスタイプ",
+		"filter-type-device-type-description": "'{{deviceType}}'",
+		"filter-type-device-type-and-name-description": "'{{deviceType}}''{{prefix}}'",
+		"filter-type-relations-query": "関係クエリ",
+		"filter-type-relations-query-description": "{{entities}}{{relationType}}{{direction}}{{rootEntity}}",
+		"filter-type-asset-search-query": "資産検索クエリ",
+		"filter-type-asset-search-query-description": "{{assetTypes}}{{relationType}}{{direction}}{{rootEntity}}",
+		"filter-type-device-search-query": "デバイス検索クエリ",
+		"filter-type-device-search-query-description": "{{deviceTypes}}{{relationType}}{{direction}}{{rootEntity}}",
+		"entity-filter": "エンティティフィルタ",
+		"resolve-multiple": "複数のエンティティとして解決する",
+		"filter-type": "フィルタタイプ",
+		"filter-type-required": "フィルタタイプが必要です。",
+		"entity-filter-no-entity-matched": "指定されたフィルタに一致するエンティティは見つかりませんでした。",
+		"no-entity-filter-specified": "エンティティフィルタが指定されていない",
+		"root-state-entity": "ルートとしてダッシュボードの状態エンティティを使用する",
+		"root-entity": "ルートエンティティ",
+		"state-entity-parameter-name": "状態エンティティのパラメータ名",
+		"default-state-entity": "デフォルト状態エンティティ",
+		"default-entity-parameter-name": "デフォルトでは",
+		"max-relation-level": "最大関連レベル",
+		"unlimited-level": "無制限レベル",
+		"state-entity": "ダッシュボードの状態エンティティ",
+		"all-entities": "すべてのエンティティ",
+		"any-relation": "どれか"
+	},
+	"asset": {
+		"asset": "資産",
+		"assets": "資産",
+		"management": "資産運用管理",
+		"view-assets": "アセットの表示",
+		"add": "アセットを追加",
+		"assign-to-customer": "顧客に割り当てる",
+		"assign-asset-to-customer": "顧客に資産を割り当てる",
+		"assign-asset-to-customer-text": "顧客に割り当てる資産を選択してください",
+		"no-assets-text": "アセットが見つかりません",
+		"assign-to-customer-text": "資産を割り当てる顧客を選択してください",
+		"public": "パブリック",
+		"assignedToCustomer": "顧客に割り当てられた",
+		"make-public": "アセットを公開する",
+		"make-private": "アセットをプライベートにする",
+		"unassign-from-customer": "顧客からの割り当て解除",
+		"delete": "アセットを削除",
+		"asset-public": "資産は公開されています",
+		"asset-type": "資産の種類",
+		"asset-type-required": "資産の種類が必要です。",
+		"select-asset-type": "アセットタイプを選択",
+		"enter-asset-type": "アセットタイプを入力",
+		"any-asset": "すべてのアセット",
+		"no-asset-types-matching": "'{{entitySubtype}}'発見されました。",
+		"asset-type-list-empty": "選択されたアセットタイプはありません。",
+		"asset-types": "資産タイプ",
+		"name": "名",
+		"name-required": "名前は必須です。",
+		"description": "説明",
+		"type": "タイプ",
+		"type-required": "タイプが必要です。",
+		"details": "詳細",
+		"events": "イベント",
+		"add-asset-text": "新しいアセットを追加する",
+		"asset-details": "資産の詳細",
+		"assign-assets": "アセットの割り当て",
+		"assign-assets-text": "{ count, plural, 1 {1 asset} other {# assets} }顧客に",
+		"delete-assets": "アセットを削除する",
+		"unassign-assets": "アセットの割り当てを解除する",
+		"unassign-assets-action-title": "{ count, plural, 1 {1 asset} other {# assets} }顧客から",
+		"assign-new-asset": "新しいアセットを割り当てる",
+		"delete-asset-title": "'{{assetName}}'?",
+		"delete-asset-text": "確認後、資産と関連するすべてのデータが回復不能になることに注意してください。",
+		"delete-assets-title": "{ count, plural, 1 {1 asset} other {# assets} }?",
+		"delete-assets-action-title": "{ count, plural, 1 {1 asset} other {# assets} }",
+		"delete-assets-text": "確認後、選択したすべての資産が削除され、関連するすべてのデータは回復不能になりますので注意してください。",
+		"make-public-asset-title": "'{{assetName}}'パブリック？",
+		"make-public-asset-text": "確認後、資産とそのすべてのデータは公開され、他の人がアクセスできるようになります。",
+		"make-private-asset-title": "'{{assetName}}'プライベート？",
+		"make-private-asset-text": "確認後、資産とそのすべてのデータは非公開にされ、他の人がアクセスすることはできません。",
+		"unassign-asset-title": "'{{assetName}}'?",
+		"unassign-asset-text": "確認後、資産は割り当て解除され、顧客はアクセスできなくなります。",
+		"unassign-asset": "アセットの割り当てを解除する",
+		"unassign-assets-title": "{ count, plural, 1 {1 asset} other {# assets} }?",
+		"unassign-assets-text": "確認後、選択されたすべての資産が割り当て解除され、顧客がアクセスできなくなります。",
+		"copyId": "アセットIDをコピーする",
+		"idCopiedMessage": "アセットIDがクリップボードにコピーされました",
+		"select-asset": "アセットを選択",
+		"no-assets-matching": "'{{entity}}'発見されました。",
+		"asset-required": "資産が必要です",
+		"name-starts-with": "アセット名はで始まります",
+		"label": "ラベル"
+	},
+	"attribute": {
+		"attributes": "属性",
+		"latest-telemetry": "最新テレメトリ",
+		"attributes-scope": "エンティティ属性のスコープ",
+		"scope-latest-telemetry": "最新テレメトリ",
+		"scope-client": "クライアントの属性",
+		"scope-server": "サーバーの属性",
+		"scope-shared": "共有属性",
+		"add": "属性を追加する",
+		"key": "キー",
+		"last-update-time": "最終更新時間",
+		"key-required": "属性キーは必須です。",
+		"value": "値",
+		"value-required": "属性値は必須です。",
+		"delete-attributes-title": "{ count, plural, 1 {1 attribute} other {# attributes} }?",
+		"delete-attributes-text": "注意してください。確認後、選択したすべての属性が削除されます。",
+		"delete-attributes": "属性を削除する",
+		"enter-attribute-value": "属性値を入力",
+		"show-on-widget": "ウィジェットで表示",
+		"widget-mode": "ウィジェットモード",
+		"next-widget": "次のウィジェット",
+		"prev-widget": "前のウィジェット",
+		"add-to-dashboard": "ダッシュボードに追加",
+		"add-widget-to-dashboard": "ウィジェットをダッシュ​​ボードに追加する",
+		"selected-attributes": "{ count, plural, 1 {1 attribute} other {# attributes} }選択された",
+		"selected-telemetry": "{ count, plural, 1 {1 telemetry unit} other {# telemetry units} }選択された"
+	},
+	"audit-log": {
+		"audit": "監査",
+		"audit-logs": "監査ログ",
+		"timestamp": "タイムスタンプ",
+		"entity-type": "エンティティタイプ",
+		"entity-name": "エンティティ名",
+		"user": "ユーザー",
+		"type": "タイプ",
+		"status": "状態",
+		"details": "詳細",
+		"type-added": "追加された",
+		"type-deleted": "削除済み",
+		"type-updated": "更新しました",
+		"type-attributes-updated": "属性が更新されました",
+		"type-attributes-deleted": "属性が削除されました",
+		"type-rpc-call": "RPC呼び出し",
+		"type-credentials-updated": "資格が更新されました",
+		"type-assigned-to-customer": "顧客に割り当てられた",
+		"type-unassigned-from-customer": "顧客から割り当てられていない",
+		"type-activated": "活性化",
+		"type-suspended": "一時停止中",
+		"type-credentials-read": "信用証明書を読む",
+		"type-attributes-read": "読み取られた属性",
+		"type-relation-add-or-update": "関係が更新されました",
+		"type-relation-delete": "関係が削除されました",
+		"type-relations-delete": "すべてのリレーションを削除",
+		"type-alarm-ack": "承認された",
+		"type-alarm-clear": "クリアされた",
+		"status-success": "成功",
+		"status-failure": "失敗",
+		"audit-log-details": "監査ログの詳細",
+		"no-audit-logs-prompt": "ログが見つかりません",
+		"action-data": "行動データ",
+		"failure-details": "失敗の詳細",
+		"search": "監査ログの検索",
+		"clear-search": "検索をクリアする"
+	},
+	"confirm-on-exit": {
+		"message": "保存されていない変更があります。あなたは本当にこのページを出るのですか？",
+		"html-message": "保存していない変更があります。<br/>このページを終了してもよろしいですか？",
+		"title": "保存されていない変更"
+	},
+	"contact": {
+		"country": "国",
+		"city": "シティ",
+		"state": "州/県",
+		"postal-code": "郵便番号",
+		"postal-code-invalid": "無効な郵便番号形式です。",
+		"address": "住所",
+		"address2": "アドレス2",
+		"phone": "電話",
+		"email": "Eメール",
+		"no-address": "住所がありません"
+	},
+	"common": {
+		"username": "ユーザー名",
+		"password": "パスワード",
+		"enter-username": "ユーザーネームを入力してください",
+		"enter-password": "パスワードを入力する",
+		"enter-search": "検索を入力"
+	},
+	"content-type": {
+		"json": "Json",
+		"text": "テキスト",
+		"binary": "バイナリ（Base64）"
+	},
+	"customer": {
+		"customer": "顧客",
+		"customers": "顧客",
+		"management": "顧客管理",
+		"dashboard": "カスタマーダッシュボード",
+		"dashboards": "カスタマーダッシュボード",
+		"devices": "顧客デバイス",
+		"assets": "顧客資産",
+		"public-dashboards": "パブリックダッシュボード",
+		"public-devices": "パブリックデバイス",
+		"public-assets": "公的資産",
+		"add": "顧客を追加",
+		"delete": "顧客を削除する",
+		"manage-customer-users": "顧客ユーザーを管理する",
+		"manage-customer-devices": "顧客のデバイスを管理する",
+		"manage-customer-dashboards": "顧客ダッシュボードの管理",
+		"manage-public-devices": "パブリックデバイスを管理する",
+		"manage-public-dashboards": "公開ダッシュボードの管理",
+		"manage-customer-assets": "顧客資産の管理",
+		"manage-public-assets": "公的資産を管理する",
+		"add-customer-text": "新規顧客を追加",
+		"no-customers-text": "顧客が見つかりません",
+		"customer-details": "お客様情報",
+		"delete-customer-title": "'{{customerTitle}}'?",
+		"delete-customer-text": "確認後、お客様および関連するすべてのデータが回復不能になるので注意してください。",
+		"delete-customers-title": "{ count, plural, 1 {1 customer} other {# customers} }?",
+		"delete-customers-action-title": "{ count, plural, 1 {1 customer} other {# customers} }",
+		"delete-customers-text": "確認後、選択したすべての顧客は削除され、関連するすべてのデータは回復不能になります。",
+		"manage-users": "ユーザーを管理する",
+		"manage-assets": "アセットを管理する",
+		"manage-devices": "デバイスを管理する",
+		"manage-dashboards": "ダッシュボードの管理",
+		"title": "タイトル",
+		"title-required": "タイトルは必須です。",
+		"description": "説明",
+		"details": "詳細",
+		"events": "イベント",
+		"copyId": "顧客IDをコピー",
+		"idCopiedMessage": "顧客IDがクリップボードにコピーされました",
+		"select-customer": "顧客を選択",
+		"no-customers-matching": "'{{entity}}'発見されました。",
+		"customer-required": "顧客は必須です",
+		"select-default-customer": "デフォルトの顧客を選択",
+		"default-customer": "デフォルトの顧客",
+		"default-customer-required": "テナントレベルのダッシュボードをデバッグするには、デフォルトの顧客が必要です"
+	},
+	"datetime": {
+		"date-from": "デートから",
+		"time-from": "からの時間",
+		"date-to": "日付",
+		"time-to": "の時間"
+	},
+	"dashboard": {
+		"dashboard": "ダッシュボード",
+		"dashboards": "ダッシュボード",
+		"management": "ダッシュボード管理",
+		"view-dashboards": "ダッシュボードを表示する",
+		"add": "ダッシュボードを追加",
+		"assign-dashboard-to-customer": "顧客にダッシュボードを割り当てる",
+		"assign-dashboard-to-customer-text": "顧客に割り当てるダッシュボードを選択してください",
+		"assign-to-customer-text": "ダッシュボードを割り当てる顧客を選択してください",
+		"assign-to-customer": "顧客に割り当てる",
+		"unassign-from-customer": "顧客からの割り当て解除",
+		"make-public": "ダッシュボードを公開する",
+		"make-private": "ダッシュボードを非公開にする",
+		"manage-assigned-customers": "割り当てられた顧客を管理する",
+		"assigned-customers": "割り当てられた顧客",
+		"assign-to-customers": "顧客にダッシュボードを割り当てる",
+		"assign-to-customers-text": "ダッシュボードを割り当てる顧客を選択してください",
+		"unassign-from-customers": "顧客からのダッシュボードの割り当て解除",
+		"unassign-from-customers-text": "ダッシュボードから割り当て解除する顧客を選択してください",
+		"no-dashboards-text": "ダッシュボードが見つかりません",
+		"no-widgets": "ウィジェットは設定されていません",
+		"add-widget": "新しいウィジェットを追加",
+		"title": "タイトル",
+		"select-widget-title": "ウィジェットを選択",
+		"select-widget-subtitle": "利用可能なウィジェットタイプのリスト",
+		"delete": "ダッシュボードの削除",
+		"title-required": "タイトルは必須です。",
+		"description": "説明",
+		"details": "詳細",
+		"dashboard-details": "ダッシュボードの詳細",
+		"add-dashboard-text": "新しいダッシュボードを追加する",
+		"assign-dashboards": "ダッシュボードの割り当て",
+		"assign-new-dashboard": "新しいダッシュボードを割り当てる",
+		"assign-dashboards-text": "{ count, plural, 1 {1 dashboard} other {# dashboards} }顧客に",
+		"unassign-dashboards-action-text": "{ count, plural, 1 {1 dashboard} other {# dashboards} }顧客から",
+		"delete-dashboards": "ダッシュボードの削除",
+		"unassign-dashboards": "ダッシュボードの割り当てを解除する",
+		"unassign-dashboards-action-title": "{ count, plural, 1 {1 dashboard} other {# dashboards} }顧客から",
+		"delete-dashboard-title": "'{{dashboardTitle}}'?",
+		"delete-dashboard-text": "確認後、ダッシュボードとすべての関連データが回復不能になるので注意してください。",
+		"delete-dashboards-title": "{ count, plural, 1 {1 dashboard} other {# dashboards} }?",
+		"delete-dashboards-action-title": "{ count, plural, 1 {1 dashboard} other {# dashboards} }",
+		"delete-dashboards-text": "注意してください。確認後、選択したダッシュボードはすべて削除され、関連するすべてのデータは回復不能になります。",
+		"unassign-dashboard-title": "'{{dashboardTitle}}'?",
+		"unassign-dashboard-text": "確認後、ダッシュボードは割り当てられなくなり、顧客はアクセスできなくなります。",
+		"unassign-dashboard": "ダッシュボードの割り当てを解除する",
+		"unassign-dashboards-title": "{ count, plural, 1 {1 dashboard} other {# dashboards} }?",
+		"unassign-dashboards-text": "確認の後、選択したすべてのダッシュボードは割り当てられなくなり、顧客はアクセスできなくなります。",
+		"public-dashboard-title": "ダッシュボードは公開されました",
+		"public-dashboard-text": "<b>{{dashboardTitle}}</b> is now public and accessible via next public <a href='{{publicLink}}' target='_blank'>link</a>:",
+		"public-dashboard-notice": "<b>注：</ b>データにアクセスするために、関連するデバイスを公開することを忘れないでください。",
+		"make-private-dashboard-title": "'{{dashboardTitle}}'プライベート？",
+		"make-private-dashboard-text": "確認の後、ダッシュボードはプライベートにされ、他の人がアクセスすることはできません。",
+		"make-private-dashboard": "ダッシュボードを非公開にする",
+		"socialshare-text": "'{{dashboardTitle}}'ThingsBoardを搭載",
+		"socialshare-title": "'{{dashboardTitle}}'ThingsBoardを搭載",
+		"select-dashboard": "ダッシュボードを選択",
+		"no-dashboards-matching": "'{{entity}}'発見されました。",
+		"dashboard-required": "ダッシュボードが必要です。",
+		"select-existing": "既存のダッシュボードを選択",
+		"create-new": "新しいダッシュボードを作成する",
+		"new-dashboard-title": "新しいダッシュボードのタイトル",
+		"open-dashboard": "ダッシュボードを開く",
+		"set-background": "背景を設定する",
+		"background-color": "背景色",
+		"background-image": "背景画像",
+		"background-size-mode": "背景サイズモード",
+		"no-image": "選択した画像がありません",
+		"drop-image": "画像をドロップするか、クリックしてアップロードするファイルを選択します。",
+		"settings": "設定",
+		"columns-count": "列数",
+		"columns-count-required": "列数が必要です。",
+		"min-columns-count-message": "わずか10の最小列数が許可されます。",
+		"max-columns-count-message": "最大1000の列カウントのみが許可されます。",
+		"widgets-margins": "ウィジェット間のマージン",
+		"horizontal-margin": "水平マージン",
+		"horizontal-margin-required": "水平余白値が必要です。",
+		"min-horizontal-margin-message": "最小水平マージン値としては0だけが許容されます。",
+		"max-horizontal-margin-message": "最大水平マージン値は50だけです。",
+		"vertical-margin": "垂直マージン",
+		"vertical-margin-required": "垂直マージン値が必要です。",
+		"min-vertical-margin-message": "最小の垂直マージン値として0のみが許可されます。",
+		"max-vertical-margin-message": "最大垂直マージン値は50のみです。",
+		"autofill-height": "自動レイアウトの高さ",
+		"mobile-layout": "モバイルレイアウトの設定",
+		"mobile-row-height": "モバイル行の高さ、px",
+		"mobile-row-height-required": "モバイル行の高さ値が必要です。",
+		"min-mobile-row-height-message": "最小の行の高さの値として、5ピクセルしか許可されません。",
+		"max-mobile-row-height-message": "移動可能な行の高さの最大値として許可されるのは200ピクセルだけです。",
+		"display-title": "ダッシュボードのタイトルを表示する",
+		"toolbar-always-open": "ツールバーを開いたままにする",
+		"title-color": "タイトルカラー",
+		"display-dashboards-selection": "ダッシュボードの選択を表示する",
+		"display-entities-selection": "エンティティの選択を表示する",
+		"display-dashboard-timewindow": "タイムウィンドウを表示する",
+		"display-dashboard-export": "エクスポートの表示",
+		"import": "インポートダッシュボード",
+		"export": "エクスポートダッシュボード",
+		"export-failed-error": "{{error}}",
+		"create-new-dashboard": "新しいダッシュボードを作成する",
+		"dashboard-file": "ダッシュボードファイル",
+		"invalid-dashboard-file-error": "ダッシュボードをインポートできません：ダッシュボードのデータ構造が無効です。",
+		"dashboard-import-missing-aliases-title": "インポートされたダッシュボードで使用されるエイリアスを設定する",
+		"create-new-widget": "新しいウィジェットを作成する",
+		"import-widget": "インポートウィジェット",
+		"widget-file": "ウィジェットファイル",
+		"invalid-widget-file-error": "ウィジェットをインポートできません：ウィジェットのデータ構造が無効です。",
+		"widget-import-missing-aliases-title": "インポートされたウィジェットで使用されるエイリアスを設定する",
+		"open-toolbar": "ダッシュボードツールバーを開く",
+		"close-toolbar": "ツールバーを閉じる",
+		"configuration-error": "設定エラー",
+		"alias-resolution-error-title": "ダッシュボードエイリアス設定エラー",
+		"invalid-aliases-config": "エイリアスフィルタの一部に一致するデバイスを見つけることができません。<br/>この問題を解決するには、管理者に連絡してください。",
+		"select-devices": "デバイスの選択",
+		"assignedToCustomer": "顧客に割り当てられた",
+		"assignedToCustomers": "顧客に割り当てられた",
+		"public": "パブリック",
+		"public-link": "パブリックリンク",
+		"copy-public-link": "パブリックリンクをコピーする",
+		"public-link-copied-message": "ダッシュボードのパブリックリンクがクリップボードにコピーされました",
+		"manage-states": "ダッシュボードの状態を管理する",
+		"states": "ダッシュボードの状態",
+		"search-states": "検索ダッシュボードの状態",
+		"selected-states": "{ count, plural, 1 {1 dashboard state} other {# dashboard states} }選択された",
+		"edit-state": "ダッシュボードの状態を編集する",
+		"delete-state": "ダッシュボードの状態を削除する",
+		"add-state": "ダッシュボードの状態を追加する",
+		"state": "ダッシュボードの状態",
+		"state-name": "名",
+		"state-name-required": "ダッシュボードの状態名は必須です。",
+		"state-id": "状態ID",
+		"state-id-required": "ダッシュボードの状態IDは必須です。",
+		"state-id-exists": "同じIDを持つダッシュボードの状態は既に存在します。",
+		"is-root-state": "ルート状態",
+		"delete-state-title": "ダッシュボードの状態を削除する",
+		"delete-state-text": "'{{stateName}}'?",
+		"show-details": "詳細を表示",
+		"hide-details": "詳細を隠す",
+		"select-state": "ターゲット状態を選択する",
+		"state-controller": "状態コントローラ"
+	},
+	"datakey": {
+		"settings": "設定",
+		"advanced": "上級",
+		"label": "ラベル",
+		"color": "色",
+		"units": "値の隣に表示する特別なシンボル",
+		"decimals": "浮動小数点の後の桁数",
+		"data-generation-func": "データ生成関数",
+		"use-data-post-processing-func": "データ後処理機能を使用する",
+		"configuration": "データキー設定",
+		"timeseries": "タイムズ",
+		"attributes": "属性",
+		"alarm": "アラームフィールド",
+		"timeseries-required": "エンティティの時系列データが必要です。",
+		"timeseries-or-attributes-required": "エンティティのtimeseries /属性は必須です。",
+		"maximum-timeseries-or-attributes": "{ count, plural, 1 {1 timeseries/attribute is allowed.} other {# timeseries/attributes are allowed} }",
+		"alarm-fields-required": "アラームフィールドが必要です。",
+		"function-types": "関数型",
+		"function-types-required": "関数型が必要です。",
+		"maximum-function-types": "{ count, plural, 1 {1 function type is allowed.} other {# function types are allowed} }"
+	},
+	"datasource": {
+		"type": "データソースタイプ",
+		"name": "名",
+		"add-datasource-prompt": "データソースを追加してください"
+	},
+	"details": {
+		"edit-mode": "編集モード",
+		"toggle-edit-mode": "編集モードを切り替える"
+	},
+	"device": {
+		"device": "デバイス",
+		"device-required": "デバイスが必要です。",
+		"devices": "デバイス",
+		"management": "端末管理",
+		"view-devices": "デバイスの表示",
+		"device-alias": "デバイスエイリアス",
+		"aliases": "デバイスエイリアス",
+		"no-alias-matching": "'{{alias}}'見つかりません。",
+		"no-aliases-found": "別名は見つかりませんでした。",
+		"no-key-matching": "'{{key}}'見つかりません。",
+		"no-keys-found": "キーが見つかりません。",
+		"create-new-alias": "新しいものを作成してください！",
+		"create-new-key": "新しいものを作成してください！",
+		"duplicate-alias-error": "'{{alias}}'<br>デバイスエイリアスは、ダッシュボード内で一意である必要があります。",
+		"configure-alias": "'{{alias}}'エイリアス",
+		"no-devices-matching": "'{{entity}}'発見されました。",
+		"alias": "エイリアス",
+		"alias-required": "デバイスエイリアスが必要です。",
+		"remove-alias": "デバイスエイリアスを削除する",
+		"add-alias": "デバイスエイリアスを追加する",
+		"name-starts-with": "デバイス名はで始まります",
+		"device-list": "デバイスリスト",
+		"use-device-name-filter": "フィルタを使用する",
+		"device-list-empty": "デバイスが選択されていません。",
+		"device-name-filter-required": "デバイス名フィルタが必要です。",
+		"device-name-filter-no-device-matched": "'{{device}}'発見されました。",
+		"add": "デバイスを追加",
+		"assign-to-customer": "顧客に割り当てる",
+		"assign-device-to-customer": "顧客にデバイスを割り当てる",
+		"assign-device-to-customer-text": "顧客に割り当てるデバイスを選択してください",
+		"make-public": "端末を公開する",
+		"make-private": "デバイスを非公開にする",
+		"no-devices-text": "デバイスが見つかりません",
+		"assign-to-customer-text": "デバイスを割り当てる顧客を選択してください",
+		"device-details": "デバイスの詳細",
+		"add-device-text": "新しいデバイスを追加する",
+		"credentials": "資格情報",
+		"manage-credentials": "資格情報を管理する",
+		"delete": "デバイスを削除する",
+		"assign-devices": "デバイスを割り当てる",
+		"assign-devices-text": "{ count, plural, 1 {1 device} other {# devices} }顧客に",
+		"delete-devices": "デバイスを削除する",
+		"unassign-from-customer": "顧客からの割り当て解除",
+		"unassign-devices": "デバイスの割り当てを解除する",
+		"unassign-devices-action-title": "{ count, plural, 1 {1 device} other {# devices} }顧客から",
+		"assign-new-device": "新しいデバイスを割り当てる",
+		"make-public-device-title": "'{{deviceName}}'パブリック？",
+		"make-public-device-text": "確認後、デバイスとそのすべてのデータは公開され、他のユーザーがアクセスできるようになります。",
+		"make-private-device-title": "'{{deviceName}}'プライベート？",
+		"make-private-device-text": "確認後、デバイスとそのすべてのデータは非公開になり、他人がアクセスできなくなります。",
+		"view-credentials": "資格情報を表示する",
+		"delete-device-title": "'{{deviceName}}'?",
+		"delete-device-text": "確認後、デバイスと関連するすべてのデータが回復不能になるので注意してください。",
+		"delete-devices-title": "{ count, plural, 1 {1 device} other {# devices} }?",
+		"delete-devices-action-title": "{ count, plural, 1 {1 device} other {# devices} }",
+		"delete-devices-text": "注意してください。確認後、選択したすべてのデバイスが削除され、関連するすべてのデータは回復不能になります。",
+		"unassign-device-title": "'{{deviceName}}'?",
+		"unassign-device-text": "確認の後、デバイスは割り当てが解除され、顧客がアクセスできなくなります。",
+		"unassign-device": "デバイスの割り当てを解除する",
+		"unassign-devices-title": "{ count, plural, 1 {1 device} other {# devices} }?",
+		"unassign-devices-text": "確認の後、選択されたすべてのデバイスが割り当て解除され、顧客がアクセスできなくなります。",
+		"device-credentials": "デバイス資格情報",
+		"credentials-type": "資格情報タイプ",
+		"access-token": "アクセストークン",
+		"access-token-required": "アクセストークンが必要です。",
+		"access-token-invalid": "アクセストークンの長さは、1〜20文字でなければなりません。",
+		"rsa-key": "RSA公開鍵",
+		"rsa-key-required": "RSA公開鍵が必要です。",
+		"secret": "秘密",
+		"secret-required": "秘密が必要です。",
+		"device-type": "デバイスタイプ",
+		"device-type-required": "デバイスタイプが必要です。",
+		"select-device-type": "デバイスタイプを選択",
+		"enter-device-type": "デバイスタイプを入力",
+		"any-device": "すべてのデバイス",
+		"no-device-types-matching": "'{{entitySubtype}}'発見されました。",
+		"device-type-list-empty": "選択されたデバイスタイプはありません。",
+		"device-types": "デバイスの種類",
+		"name": "名",
+		"name-required": "名前は必須です。",
+		"description": "説明",
+		"events": "イベント",
+		"details": "詳細",
+		"copyId": "デバイスIDをコピーする",
+		"copyAccessToken": "コピーアクセストークン",
+		"idCopiedMessage": "デバイスIDがクリップボードにコピーされました",
+		"accessTokenCopiedMessage": "デバイスアクセストークンがクリップボードにコピーされました",
+		"assignedToCustomer": "顧客に割り当てられた",
+		"unable-delete-device-alias-title": "デバイスエイリアスを削除できません",
+		"unable-delete-device-alias-text": "'{{deviceAlias}}'{{widgetsList}}",
+		"is-gateway": "ゲートウェイです",
+		"public": "パブリック",
+		"device-public": "デバイスは公開されています",
+		"select-device": "デバイスの選択"
+	},
+	"dialog": {
+		"close": "ダイアログを閉じる"
+	},
+	"error": {
+		"unable-to-connect": "サーバーに接続できません！インターネット接続を確認してください。",
+		"unhandled-error-code": "{{errorCode}}",
+		"unknown-error": "不明なエラー"
+	},
+	"entity": {
+		"entity": "エンティティ",
+		"entities": "エンティティ",
+		"aliases": "エンティティエイリアス",
+		"entity-alias": "エンティティエイリアス",
+		"unable-delete-entity-alias-title": "エンティティエイリアスを削除できません",
+		"unable-delete-entity-alias-text": "'{{entityAlias}}'{{widgetsList}}",
+		"duplicate-alias-error": "'{{alias}}'<br>エンティティのエイリアスは、ダッシュボード内で一意である必要があります。",
+		"missing-entity-filter-error": "'{{alias}}'.",
+		"configure-alias": "'{{alias}}'エイリアス",
+		"alias": "エイリアス",
+		"alias-required": "エンティティエイリアスが必要です。",
+		"remove-alias": "エンティティエイリアスを削除する",
+		"add-alias": "エンティティエイリアスを追加する",
+		"entity-list": "エンティティリスト",
+		"entity-type": "エンティティタイプ",
+		"entity-types": "エンティティタイプ",
+		"entity-type-list": "エンティティタイプリスト",
+		"any-entity": "任意のエンティティ",
+		"enter-entity-type": "エンティティタイプを入力",
+		"no-entities-matching": "'{{entity}}'発見されました。",
+		"no-entity-types-matching": "'{{entityType}}'発見されました。",
+		"name-starts-with": "名前はで始まる",
+		"use-entity-name-filter": "フィルタを使用する",
+		"entity-list-empty": "選択されたエンティティはありません",
+		"entity-type-list-empty": "エンティティタイプは選択されていません。",
+		"entity-name-filter-required": "エンティティ名フィルタが必要です。",
+		"entity-name-filter-no-entity-matched": "'{{entity}}'発見されました。",
+		"all-subtypes": "すべて",
+		"select-entities": "エンティティの選択",
+		"no-aliases-found": "別名は見つかりませんでした。",
+		"no-alias-matching": "'{{alias}}'見つかりません。",
+		"create-new-alias": "新しいものを作成してください！",
+		"key": "キー",
+		"key-name": "キー名",
+		"no-keys-found": "キーが見つかりません。",
+		"no-key-matching": "'{{key}}'見つかりません。",
+		"create-new-key": "新しいものを作成してください！",
+		"type": "タイプ",
+		"type-required": "エンティティタイプが必要です。",
+		"type-device": "デバイス",
+		"type-devices": "デバイス",
+		"list-of-devices": "{ count, plural, 1 {One device} other {List of # devices} }",
+		"device-name-starts-with": "'{{prefix}}'",
+		"type-asset": "資産",
+		"type-assets": "資産",
+		"list-of-assets": "{ count, plural, 1 {One asset} other {List of # assets} }",
+		"asset-name-starts-with": "'{{prefix}}'",
+		"type-rule": "ルール",
+		"type-rules": "ルール",
+		"list-of-rules": "{ count, plural, 1 {One rule} other {List of # rules} }",
+		"rule-name-starts-with": "'{{prefix}}'",
+		"type-plugin": "プラグイン",
+		"type-plugins": "プラグイン",
+		"list-of-plugins": "{ count, plural, 1 {One plugin} other {List of # plugins} }",
+		"plugin-name-starts-with": "'{{prefix}}'",
+		"type-tenant": "テナント",
+		"type-tenants": "テナント",
+		"list-of-tenants": "{ count, plural, 1 {One tenant} other {List of # tenants} }",
+		"tenant-name-starts-with": "'{{prefix}}'",
+		"type-customer": "顧客",
+		"type-customers": "顧客",
+		"list-of-customers": "{ count, plural, 1 {One customer} other {List of # customers} }",
+		"customer-name-starts-with": "'{{prefix}}'",
+		"type-user": "ユーザー",
+		"type-users": "ユーザー",
+		"list-of-users": "{ count, plural, 1 {One user} other {List of # users} }",
+		"user-name-starts-with": "'{{prefix}}'",
+		"type-dashboard": "ダッシュボード",
+		"type-dashboards": "ダッシュボード",
+		"list-of-dashboards": "{ count, plural, 1 {One dashboard} other {List of # dashboards} }",
+		"dashboard-name-starts-with": "'{{prefix}}'",
+		"type-alarm": "警報",
+		"type-alarms": "アラーム",
+		"list-of-alarms": "{ count, plural, 1 {One alarms} other {List of # alarms} }",
+		"alarm-name-starts-with": "'{{prefix}}'",
+		"type-rulechain": "ルールチェーン",
+		"type-rulechains": "ルールチェーン",
+		"list-of-rulechains": "{ count, plural, 1 {One rule chain} other {List of # rule chains} }",
+		"rulechain-name-starts-with": "'{{prefix}}'",
+		"type-rulenode": "ルールノード",
+		"type-rulenodes": "ルールノード",
+		"list-of-rulenodes": "{ count, plural, 1 {One rule node} other {List of # rule nodes} }",
+		"rulenode-name-starts-with": "'{{prefix}}'",
+		"type-current-customer": "現在の顧客",
+		"search": "検索エンティティ",
+		"selected-entities": "{ count, plural, 1 {1 entity} other {# entities} }選択された",
+		"entity-name": "エンティティ名",
+		"details": "エンティティの詳細",
+		"no-entities-prompt": "エンティティが見つかりません",
+		"no-data": "表示するデータがありません"
+	},
+	"event": {
+		"event-type": "イベントタイプ",
+		"type-error": "エラー",
+		"type-lc-event": "ライフサイクルイベント",
+		"type-stats": "統計",
+		"type-debug-rule-node": "デバッグ",
+		"type-debug-rule-chain": "デバッグ",
+		"no-events-prompt": "イベントは見つかりませんでした",
+		"error": "エラー",
+		"alarm": "警報",
+		"event-time": "イベント時間",
+		"server": "サーバ",
+		"body": "体",
+		"method": "方法",
+		"type": "タイプ",
+		"entity": "エンティティ",
+		"message-id": "メッセージID",
+		"message-type": "メッセージタイプ",
+		"data-type": "データ・タイプ",
+		"relation-type": "関係タイプ",
+		"metadata": "メタデータ",
+		"data": "データ",
+		"event": "イベント",
+		"status": "状態",
+		"success": "成功",
+		"failed": "失敗",
+		"messages-processed": "処理されたメッセージ",
+		"errors-occurred": "エラーが発生しました"
+	},
+	"extension": {
+		"extensions": "拡張機能",
+		"selected-extensions": "{ count, plural, 1 {1 extension} other {# extensions} }選択された",
+		"type": "タイプ",
+		"key": "キー",
+		"value": "値",
+		"id": "イド",
+		"extension-id": "内線番号",
+		"extension-type": "拡張タイプ",
+		"transformer-json": "JSON *",
+		"unique-id-required": "現在の拡張IDは既に存在します。",
+		"delete": "拡張子を削除",
+		"add": "内線番号を追加",
+		"edit": "拡張機能を編集する",
+		"delete-extension-title": "'{{extensionId}}'?",
+		"delete-extension-text": "確認後、拡張子と関連するすべてのデータが回復不能になることに注意してください。",
+		"delete-extensions-title": "{ count, plural, 1 {1 extension} other {# extensions} }?",
+		"delete-extensions-text": "注意してください。確認後、選択したすべての内線番号が削除されます。",
+		"converters": "コンバーター",
+		"converter-id": "コンバーターID",
+		"configuration": "構成",
+		"converter-configurations": "コンバータ構成",
+		"token": "セキュリティトークン",
+		"add-converter": "コンバータを追加する",
+		"add-config": "コンバータ設定を追加する",
+		"device-name-expression": "デバイス名式",
+		"device-type-expression": "デバイスタイプの式",
+		"custom": "カスタム",
+		"to-double": "ダブル",
+		"transformer": "トランス",
+		"json-required": "トランスフォーマーjsonが必要です。",
+		"json-parse": "変圧器jsonを解析できません。",
+		"attributes": "属性",
+		"add-attribute": "属性を追加する",
+		"add-map": "マッピング要素を追加する",
+		"timeseries": "タイムズ",
+		"add-timeseries": "時系列を追加する",
+		"field-required": "フィールドは必須項目です",
+		"brokers": "ブローカー",
+		"add-broker": "ブローカーを追加",
+		"host": "ホスト",
+		"port": "ポート",
+		"port-range": "ポートは1〜65535の範囲内にある必要があります。",
+		"ssl": "SSL",
+		"credentials": "資格情報",
+		"username": "ユーザー名",
+		"password": "パスワード",
+		"retry-interval": "ミリ秒単位の再試行間隔",
+		"anonymous": "匿名",
+		"basic": "ベーシック",
+		"pem": "PEM",
+		"ca-cert": "CA証明書ファイル*",
+		"private-key": "秘密鍵ファイル*",
+		"cert": "証明書ファイル*",
+		"no-file": "ファイルが選択されていません。",
+		"drop-file": "ファイルをドロップするか、クリックしてアップロードするファイルを選択します。",
+		"mapping": "マッピング",
+		"topic-filter": "トピックフィルタ",
+		"converter-type": "コンバータタイプ",
+		"converter-json": "Json",
+		"json-name-expression": "デバイス名json式",
+		"topic-name-expression": "デバイス名トピック表現",
+		"json-type-expression": "デバイスタイプjson式",
+		"topic-type-expression": "デバイスタイプトピック表現",
+		"attribute-key-expression": "属性キー式",
+		"attr-json-key-expression": "属性キーjson式",
+		"attr-topic-key-expression": "属性キートピック式",
+		"request-id-expression": "要求ID式",
+		"request-id-json-expression": "リクエストID json式",
+		"request-id-topic-expression": "リクエストIDトピック表現",
+		"response-topic-expression": "応答トピック表現",
+		"value-expression": "値式",
+		"topic": "トピック",
+		"timeout": "タイムアウト（ミリ秒）",
+		"converter-json-required": "コンバータjsonが必要です。",
+		"converter-json-parse": "コンバータjsonを解析できません。",
+		"filter-expression": "フィルタ式",
+		"connect-requests": "接続要求",
+		"add-connect-request": "接続要求を追加",
+		"disconnect-requests": "切断要求",
+		"add-disconnect-request": "切断リクエストを追加する",
+		"attribute-requests": "属性要求",
+		"add-attribute-request": "属性要求を追加する",
+		"attribute-updates": "属性の更新",
+		"add-attribute-update": "属性の更新を追加する",
+		"server-side-rpc": "サーバー側RPC",
+		"add-server-side-rpc-request": "サーバー側RPC要求を追加する",
+		"device-name-filter": "デバイス名フィルタ",
+		"attribute-filter": "属性フィルタ",
+		"method-filter": "方法フィルター",
+		"request-topic-expression": "トピック表現を要求する",
+		"response-timeout": "応答タイムアウト（ミリ秒）",
+		"topic-expression": "トピック表現",
+		"client-scope": "クライアントスコープ",
+		"add-device": "デバイスを追加",
+		"opc-server": "サーバー",
+		"opc-add-server": "サーバーを追加",
+		"opc-add-server-prompt": "サーバーを追加してください",
+		"opc-application-name": "アプリケーション名",
+		"opc-application-uri": "アプリケーションURI",
+		"opc-scan-period-in-seconds": "スキャン時間（秒）",
+		"opc-security": "セキュリティ",
+		"opc-identity": "身元",
+		"opc-keystore": "キーストア",
+		"opc-type": "タイプ",
+		"opc-keystore-type": "タイプ",
+		"opc-keystore-location": "ロケーション*",
+		"opc-keystore-password": "パスワード",
+		"opc-keystore-alias": "エイリアス",
+		"opc-keystore-key-password": "キーのパスワード",
+		"opc-device-node-pattern": "デバイスノードパターン",
+		"opc-device-name-pattern": "デバイス名パターン",
+		"modbus-server": "サーバー/スレーブ",
+		"modbus-add-server": "サーバー/スレーブを追加する",
+		"modbus-add-server-prompt": "サーバー/スレーブを追加してください",
+		"modbus-transport": "輸送",
+		"modbus-port-name": "シリアルポート名",
+		"modbus-encoding": "エンコーディング",
+		"modbus-parity": "パリティ",
+		"modbus-baudrate": "ボーレート",
+		"modbus-databits": "データビット",
+		"modbus-stopbits": "ストップビット",
+		"modbus-databits-range": "データビットは7〜8の範囲内にある必要があります。",
+		"modbus-stopbits-range": "ストップビットは1〜2の範囲内でなければなりません。",
+		"modbus-unit-id": "ユニットID",
+		"modbus-unit-id-range": "ユニットIDは1〜247の範囲で指定してください。",
+		"modbus-device-name": "装置名",
+		"modbus-poll-period": "投票期間（ミリ秒）",
+		"modbus-attributes-poll-period": "属性のポーリング期間（ミリ秒）",
+		"modbus-timeseries-poll-period": "時系列ポーリング期間（ミリ秒）",
+		"modbus-poll-period-range": "投票期間は正の値でなければなりません。",
+		"modbus-tag": "タグ",
+		"modbus-function": "関数",
+		"modbus-register-address": "登録アドレス",
+		"modbus-register-address-range": "レジスタのアドレスは0〜65535の範囲内である必要があります。",
+		"modbus-register-bit-index": "ビットインデックス",
+		"modbus-register-bit-index-range": "ビットインデックスは0〜15の範囲内である必要があります。",
+		"modbus-register-count": "レジスタ数",
+		"modbus-register-count-range": "レジスタ数は正の値でなければなりません。",
+		"modbus-byte-order": "バイト順",
+		"sync": {
+			"status": "状態",
+			"sync": "同期",
+			"not-sync": "同期しない",
+			"last-sync-time": "前回の同期時間",
+			"not-available": "利用不可"
+		},
+		"export-extensions-configuration": "エクステンション設定のエクスポート",
+		"import-extensions-configuration": "エクステンション設定のインポート",
+		"import-extensions": "拡張機能のインポート",
+		"import-extension": "インポート拡張",
+		"export-extension": "輸出延長",
+		"file": "拡張機能ファイル",
+		"invalid-file-error": "無効な拡張ファイル"
+	},
+	"fullscreen": {
+		"expand": "フルスクリーンに拡大",
+		"exit": "全画面表示を終了",
+		"toggle": "フルスクリーンモードを切り替える",
+		"fullscreen": "全画面表示"
+	},
+	"function": {
+		"function": "関数"
+	},
+	"grid": {
+		"delete-item-title": "このアイテムを削除してもよろしいですか？",
+		"delete-item-text": "注意してください。確認後、この項目と関連するすべてのデータは回復不能になります。",
+		"delete-items-title": "{ count, plural, 1 {1 item} other {# items} }?",
+		"delete-items-action-title": "{ count, plural, 1 {1 item} other {# items} }",
+		"delete-items-text": "注意してください。確認後、選択したすべてのアイテムが削除され、関連するすべてのデータは回復不能になります。",
+		"add-item-text": "新しいアイテムを追加",
+		"no-items-text": "項目は見つかりませんでした",
+		"item-details": "商品詳細",
+		"delete-item": "アイテムを削除",
+		"delete-items": "アイテムを削除する",
+		"scroll-to-top": "トップにスクロールします"
+	},
+	"help": {
+		"goto-help-page": "ヘルプページに行く"
+	},
+	"home": {
+		"home": "ホーム",
+		"profile": "プロフィール",
+		"logout": "ログアウト",
+		"menu": "メニュー",
+		"avatar": "アバター",
+		"open-user-menu": "ユーザーメニューを開く"
+	},
+	"import": {
+		"no-file": "ファイルが選択されていません",
+		"drop-file": "JSONファイルをドロップするか、アップロードするファイルをクリックして選択します。"
+	},
+	"item": {
+		"selected": "選択された"
+	},
+	"js-func": {
+		"no-return-error": "関数は値を返す必要があります！",
+		"return-type-mismatch": "'{{type}}'タイプ！",
+		"tidy": "きちんとした"
+	},
+	"key-val": {
+		"key": "キー",
+		"value": "値",
+		"remove-entry": "エントリを削除",
+		"add-entry": "エントリを追加",
+		"no-data": "エントリなし"
+	},
+	"layout": {
+		"layout": "レイアウト",
+		"manage": "レイアウトの管理",
+		"settings": "レイアウト設定",
+		"color": "色",
+		"main": "メイン",
+		"right": "右",
+		"select": "ターゲットレイアウトを選択"
+	},
+	"legend": {
+		"position": "伝説の位置",
+		"show-max": "最大値を表示",
+		"show-min": "最小値を表示する",
+		"show-avg": "平均値を表示",
+		"show-total": "合計値を表示",
+		"settings": "凡例の設定",
+		"min": "分",
+		"max": "最大",
+		"avg": "平均",
+		"total": "合計"
+	},
+	"login": {
+		"login": "ログイン",
+		"request-password-reset": "リクエストパスワードのリセット",
+		"reset-password": "パスワードを再設定する",
+		"create-password": "パスワードの作成",
+		"passwords-mismatch-error": "入力されたパスワードは同じでなければなりません！",
+		"password-again": "パスワードをもう一度",
+		"sign-in": "サインインしてください",
+		"username": "ユーザー名（電子メール）",
+		"remember-me": "私を覚えてますか",
+		"forgot-password": "パスワードをお忘れですか？",
+		"password-reset": "パスワードのリセット",
+		"new-password": "新しいパスワード",
+		"new-password-again": "新しいパスワードを再入力",
+		"password-link-sent-message": "パスワードリセットリンクが正常に送信されました！",
+		"email": "Eメール"
+	},
+	"position": {
+		"top": "上",
+		"bottom": "ボトム",
+		"left": "左",
+		"right": "右"
+	},
+	"profile": {
+		"profile": "プロフィール",
+		"change-password": "パスワードを変更する",
+		"current-password": "現在のパスワード"
+	},
+	"relation": {
+		"relations": "関係",
+		"direction": "方向",
+		"search-direction": {
+			"FROM": "から",
+			"TO": "に"
+		},
+		"direction-type": {
+			"FROM": "から",
+			"TO": "に"
+		},
+		"from-relations": "アウトバウンド関係",
+		"to-relations": "インバウンド関係",
+		"selected-relations": "{ count, plural, 1 {1 relation} other {# relations} }選択された",
+		"type": "タイプ",
+		"to-entity-type": "エンティティタイプへ",
+		"to-entity-name": "エンティティ名に",
+		"from-entity-type": "エンティティタイプから",
+		"from-entity-name": "エンティティ名から",
+		"to-entity": "実体へ",
+		"from-entity": "エンティティから",
+		"delete": "関係を削除する",
+		"relation-type": "関係タイプ",
+		"relation-type-required": "関係タイプが必要です。",
+		"any-relation-type": "いかなるタイプ",
+		"add": "関係を追加する",
+		"edit": "関係を編集する",
+		"delete-to-relation-title": "'{{entityName}}'?",
+		"delete-to-relation-text": "'{{entityName}}'現在のエンティティとは無関係です。",
+		"delete-to-relations-title": "{ count, plural, 1 {1 relation} other {# relations} }?",
+		"delete-to-relations-text": "注意してください。確認後、選択されたリレーションはすべて削除され、対応するエンティティは現在のエンティティとは無関係になります。",
+		"delete-from-relation-title": "'{{entityName}}'?",
+		"delete-from-relation-text": "'{{entityName}}'.",
+		"delete-from-relations-title": "{ count, plural, 1 {1 relation} other {# relations} }?",
+		"delete-from-relations-text": "注意してください。確認後、選択されたリレーションはすべて削除され、現在のエンティティは対応するエンティティとは無関係になります。",
+		"remove-relation-filter": "関係フィルタを削除する",
+		"add-relation-filter": "関係フィルタを追加する",
+		"any-relation": "関係",
+		"relation-filters": "関係フィルタ",
+		"additional-info": "追加情報（JSON）",
+		"invalid-additional-info": "追加情報jsonを解析できません。"
+	},
+	"rulechain": {
+		"rulechain": "ルールチェーン",
+		"rulechains": "ルールチェーン",
+		"root": "ルート",
+		"delete": "ルールチェーンの削除",
+		"name": "名",
+		"name-required": "名前は必須です。",
+		"description": "説明",
+		"add": "ルールチェーンを追加する",
+		"set-root": "ルールチェーンのルートを作る",
+		"set-root-rulechain-title": "'{{ruleChainName}}'ルート？",
+		"set-root-rulechain-text": "確認後、ルールチェーンはルートになり、すべての受信トランスポートメッセージを処理します。",
+		"delete-rulechain-title": "'{{ruleChainName}}'?",
+		"delete-rulechain-text": "確認後、ルールチェーンと関連するすべてのデータが回復不能になるので注意してください。",
+		"delete-rulechains-title": "{ count, plural, 1 {1 rule chain} other {# rule chains} }?",
+		"delete-rulechains-action-title": "{ count, plural, 1 {1 rule chain} other {# rule chains} }",
+		"delete-rulechains-text": "確認後、選択したすべてのルールチェーンが削除され、関連するすべてのデータが回復不能になるので注意してください。",
+		"add-rulechain-text": "新しいルールチェーンを追加する",
+		"no-rulechains-text": "ルールチェーンが見つかりません",
+		"rulechain-details": "ルールチェーンの詳細",
+		"details": "詳細",
+		"events": "イベント",
+		"system": "システム",
+		"import": "ルールチェーンのインポート",
+		"export": "ルールチェーンのエクスポート",
+		"export-failed-error": "{{error}}",
+		"create-new-rulechain": "新しいルールチェーンを作成する",
+		"rulechain-file": "ルールチェーンファイル",
+		"invalid-rulechain-file-error": "ルールチェーンをインポートできません：ルールチェーンのデータ構造が無効です。",
+		"copyId": "ルールチェーンIDのコピー",
+		"idCopiedMessage": "ルールチェーンIDがクリップボードにコピーされました",
+		"select-rulechain": "ルールチェーンの選択",
+		"no-rulechains-matching": "'{{entity}}'発見されました。",
+		"rulechain-required": "ルールチェーンが必要です",
+		"management": "ルール管理",
+		"debug-mode": "デバッグモード"
+	},
+	"rulenode": {
+		"details": "詳細",
+		"events": "イベント",
+		"search": "検索ノード",
+		"open-node-library": "オープンノードライブラリ",
+		"add": "ルールノードを追加する",
+		"name": "名",
+		"name-required": "名前は必須です。",
+		"type": "タイプ",
+		"description": "説明",
+		"delete": "ルールノードを削除",
+		"select-all-objects": "すべてのノードと接続を選択する",
+		"deselect-all-objects": "すべてのノードと接続の選択を解除する",
+		"delete-selected-objects": "選択したノードと接続を削除する",
+		"delete-selected": "選択を削除します",
+		"select-all": "すべて選択",
+		"copy-selected": "選択したコピー",
+		"deselect-all": "すべての選択を解除",
+		"rulenode-details": "ルールノードの詳細",
+		"debug-mode": "デバッグモード",
+		"configuration": "構成",
+		"link": "リンク",
+		"link-details": "ルールノードのリンクの詳細",
+		"add-link": "リンクを追加",
+		"link-label": "リンクラベル",
+		"link-label-required": "リンクラベルが必要です。",
+		"custom-link-label": "カスタムリンクラベル",
+		"custom-link-label-required": "カスタムリンクラベルが必要です。",
+		"link-labels": "リンクラベル",
+		"link-labels-required": "リンクラベルが必要です。",
+		"no-link-labels-found": "リンクラベルが見つかりません",
+		"no-link-label-matching": "'{{label}}'見つかりません。",
+		"create-new-link-label": "新しいものを作成してください！",
+		"type-filter": "フィルタ",
+		"type-filter-details": "設定された条件で着信メッセージをフィルタリングする",
+		"type-enrichment": "豊かな",
+		"type-enrichment-details": "メッセージメタデータに追加情報を追加する",
+		"type-transformation": "変換",
+		"type-transformation-details": "メッセージペイロードとメタデータの変更",
+		"type-action": "アクション",
+		"type-action-details": "特別なアクションを実行する",
+		"type-external": "外部",
+		"type-external-details": "外部システムとの相互作用",
+		"type-rule-chain": "ルールチェーン",
+		"type-rule-chain-details": "受信したメッセージを指定したルールチェーンに転送する",
+		"type-input": "入力",
+		"type-input-details": "ルールチェーンの論理入力、次の関連ルールノードへの着信メッセージの転送",
+		"type-unknown": "未知の",
+		"type-unknown-details": "未解決のルールノード",
+		"directive-is-not-loaded": "'{{directiveName}}'利用できません。",
+		"ui-resources-load-error": "構成UIリソースをロードできませんでした。",
+		"invalid-target-rulechain": "ターゲットルールチェーンを解決できません！",
+		"test-script-function": "テストスクリプト機能",
+		"message": "メッセージ",
+		"message-type": "メッセージタイプ",
+		"select-message-type": "メッセージタイプを選択",
+		"message-type-required": "メッセージタイプは必須です",
+		"metadata": "メタデータ",
+		"metadata-required": "メタデータのエントリを空にすることはできません。",
+		"output": "出力",
+		"test": "テスト",
+		"help": "助けて"
+	},
+	"tenant": {
+		"tenant": "テナント",
+		"tenants": "テナント",
+		"management": "テナント管理",
+		"add": "テナントを追加",
+		"admins": "管理者",
+		"manage-tenant-admins": "テナント管理者の管理",
+		"delete": "テナントの削除",
+		"add-tenant-text": "新しいテナントを追加する",
+		"no-tenants-text": "テナントは見つかりませんでした",
+		"tenant-details": "テナントの詳細",
+		"delete-tenant-title": "'{{tenantTitle}}'?",
+		"delete-tenant-text": "確認後、テナントと関連するすべてのデータが回復不能になるので注意してください。",
+		"delete-tenants-title": "{ count, plural, 1 {1 tenant} other {# tenants} }?",
+		"delete-tenants-action-title": "{ count, plural, 1 {1 tenant} other {# tenants} }",
+		"delete-tenants-text": "注意してください。確認後、選択されたすべてのテナントが削除され、関連するすべてのデータは回復不能になります。",
+		"title": "タイトル",
+		"title-required": "タイトルは必須です。",
+		"description": "説明",
+		"details": "詳細",
+		"events": "イベント",
+		"copyId": "テナントIDをコピーする",
+		"idCopiedMessage": "テナントIDがクリップボードにコピーされました",
+		"select-tenant": "テナントを選択",
+		"no-tenants-matching": "'{{entity}}'発見されました。",
+		"tenant-required": "テナントが必要です"
+	},
+	"timeinterval": {
+		"seconds-interval": "{ seconds, plural, 1 {1 second} other {# seconds} }",
+		"minutes-interval": "{ minutes, plural, 1 {1 minute} other {# minutes} }",
+		"hours-interval": "{ hours, plural, 1 {1 hour} other {# hours} }",
+		"days-interval": "{ days, plural, 1 {1 day} other {# days} }",
+		"days": "日々",
+		"hours": "時間",
+		"minutes": "分",
+		"seconds": "秒",
+		"advanced": "上級"
+	},
+	"timewindow": {
+		"days": "{ days, plural, 1 { day } other {# days } }",
+		"hours": "{ hours, plural, 0 { hour } 1 {1 hour } other {# hours } }",
+		"minutes": "{ minutes, plural, 0 { minute } 1 {1 minute } other {# minutes } }",
+		"seconds": "{ seconds, plural, 0 { second } 1 {1 second } other {# seconds } }",
+		"realtime": "リアルタイム",
+		"history": "歴史",
+		"last-prefix": "最終",
+		"period": "{{ startTime }}{{ endTime }}",
+		"edit": "タイムウィンドウを編集",
+		"date-range": "期間",
+		"last": "最終",
+		"time-period": "期間"
+	},
+	"user": {
+		"user": "ユーザー",
+		"users": "ユーザー",
+		"customer-users": "顧客ユーザー",
+		"tenant-admins": "テナント管理者",
+		"sys-admin": "システム管理者",
+		"tenant-admin": "テナント管理者",
+		"customer": "顧客",
+		"anonymous": "匿名",
+		"add": "ユーザーを追加する",
+		"delete": "ユーザーを削除",
+		"add-user-text": "新しいユーザーを追加",
+		"no-users-text": "ユーザが見つかりませんでした",
+		"user-details": "ユーザーの詳細",
+		"delete-user-title": "'{{userEmail}}'?",
+		"delete-user-text": "確認後、ユーザーと関連するすべてのデータが回復不能になるので注意してください。",
+		"delete-users-title": "{ count, plural, 1 {1 user} other {# users} }?",
+		"delete-users-action-title": "{ count, plural, 1 {1 user} other {# users} }",
+		"delete-users-text": "注意してください。確認後、選択したすべてのユーザーが削除され、関連するすべてのデータは回復不能になります。",
+		"activation-email-sent-message": "アクティベーション電子メールが正常に送信されました！",
+		"resend-activation": "アクティブ化を再送",
+		"email": "Eメール",
+		"email-required": "電子メールが必要です。",
+		"invalid-email-format": "メールフォーマットが無効です。",
+		"first-name": "ファーストネーム",
+		"last-name": "苗字",
+		"description": "説明",
+		"default-dashboard": "デフォルトのダッシュボード",
+		"always-fullscreen": "常に全画面表示",
+		"select-user": "ユーザーを選択",
+		"no-users-matching": "'{{entity}}'発見されました。",
+		"user-required": "ユーザーは必須です",
+		"activation-method": "起動方法",
+		"display-activation-link": "アクティブ化リンクを表示する",
+		"send-activation-mail": "アクティベーションメールを送信する",
+		"activation-link": "ユーザーアクティベーションリンク",
+		"activation-link-text": "<a href='{{activationLink}}' target='_blank'>activation link</a> :",
+		"copy-activation-link": "アクティブ化リンクをコピーする",
+		"activation-link-copied-message": "ユーザーのアクティベーションリンクがクリップボードにコピーされました",
+		"details": "詳細"
+	},
+	"value": {
+		"type": "値のタイプ",
+		"string": "文字列",
+		"string-value": "文字列値",
+		"integer": "整数",
+		"integer-value": "整数値",
+		"invalid-integer-value": "整数値が無効です",
+		"double": "ダブル",
+		"double-value": "二重価値",
+		"boolean": "ブール",
+		"boolean-value": "ブール値",
+		"false": "偽",
+		"true": "真",
+		"long": "長いです"
+	},
+	"widget": {
+		"widget-library": "ウィジェットライブラリ",
+		"widget-bundle": "ウィジェットバンドル",
+		"select-widgets-bundle": "ウィジェットのバンドルを選択",
+		"management": "ウィジェット管理",
+		"editor": "ウィジェットエディタ",
+		"widget-type-not-found": "ウィジェットの設定を読み込む際に問題が発生しました。<br>おそらく関連付けられているウィジェットのタイプが削除されています。",
+		"widget-type-load-error": "次のエラーのためにウィジェットが読み込まれませんでした：",
+		"remove": "ウィジェットを削除",
+		"edit": "ウィジェットの編集",
+		"remove-widget-title": "'{{widgetTitle}}'?",
+		"remove-widget-text": "確認後、ウィジェットと関連するすべてのデータは回復不能になります。",
+		"timeseries": "時系列",
+		"search-data": "検索データ",
+		"no-data-found": "何もデータが見つかりませんでした",
+		"latest-values": "最新の値",
+		"rpc": "コントロールウィジェット",
+		"alarm": "アラームウィジェット",
+		"static": "静的ウィジェット",
+		"select-widget-type": "ウィジェットタイプを選択",
+		"missing-widget-title-error": "ウィジェットのタイトルを指定する必要があります！",
+		"widget-saved": "ウィジェットが保存されました",
+		"unable-to-save-widget-error": "ウィジェットを保存できません！ウィジェットにエラーがあります！",
+		"save": "ウィジェットを保存",
+		"saveAs": "ウィジェットを次のように保存する",
+		"save-widget-type-as": "ウィジェットタイプを次のように保存します",
+		"save-widget-type-as-text": "新しいウィジェットのタイトルを入力したり、ターゲットウィジェットのバンドルを選択してください",
+		"toggle-fullscreen": "フルスクリーン切り替え",
+		"run": "ウィジェットを実行する",
+		"title": "ウィジェットのタイトル",
+		"title-required": "ウィジェットのタイトルが必要です。",
+		"type": "ウィジェットタイプ",
+		"resources": "リソース",
+		"resource-url": "JavaScript / CSS URL",
+		"remove-resource": "リソースを削除する",
+		"add-resource": "リソースを追加",
+		"html": "HTML",
+		"tidy": "きちんとした",
+		"css": "CSS",
+		"settings-schema": "設定スキーマ",
+		"datakey-settings-schema": "データキー設定のスキーマ",
+		"javascript": "Javascript",
+		"remove-widget-type-title": "'{{widgetName}}'?",
+		"remove-widget-type-text": "確認後、ウィジェットのタイプと関連するすべてのデータは回復不能になります。",
+		"remove-widget-type": "ウィジェットタイプを削除",
+		"add-widget-type": "新しいウィジェットタイプを追加する",
+		"widget-type-load-failed-error": "ウィジェットタイプの読み込みに失敗しました！",
+		"widget-template-load-failed-error": "ウィジェットテンプレートを読み込めませんでした！",
+		"add": "ウィジェットを追加",
+		"undo": "ウィジェットの変更を元に戻す",
+		"export": "ウィジェットの書き出し"
+	},
+	"widget-action": {
+		"header-button": "ウィジェットのヘッダーボタン",
+		"open-dashboard-state": "新しいダッシュボードの状態に移動する",
+		"update-dashboard-state": "現在のダッシュボードの状態を更新する",
+		"open-dashboard": "他のダッシュボードに移動する",
+		"custom": "カスタムアクション",
+		"target-dashboard-state": "ターゲットダッシュボードの状態",
+		"target-dashboard-state-required": "ターゲットダッシュボードの状態が必要です",
+		"set-entity-from-widget": "エンティティをウィジェットから設定する",
+		"target-dashboard": "ターゲットダッシュボード",
+		"open-right-layout": "右ダッシュボードレイアウトを開く（モバイルビュー）"
+	},
+	"widgets-bundle": {
+		"current": "現在のバンドル",
+		"widgets-bundles": "ウィジェットバンドル",
+		"add": "ウィジェットのバンドルを追加",
+		"delete": "ウィジェットのバンドルを削除する",
+		"title": "タイトル",
+		"title-required": "タイトルは必須です。",
+		"add-widgets-bundle-text": "新しいウィジェットのバンドルを追加する",
+		"no-widgets-bundles-text": "ウィジェットバンドルが見つかりません",
+		"empty": "ウィジェットのバンドルが空です",
+		"details": "詳細",
+		"widgets-bundle-details": "ウィジェットのバンドルの詳細",
+		"delete-widgets-bundle-title": "'{{widgetsBundleTitle}}'?",
+		"delete-widgets-bundle-text": "確認後、ウィジェットはバンドルされ、関連するすべてのデータは回復不能になります。",
+		"delete-widgets-bundles-title": "{ count, plural, 1 {1 widgets bundle} other {# widgets bundles} }?",
+		"delete-widgets-bundles-action-title": "{ count, plural, 1 {1 widgets bundle} other {# widgets bundles} }",
+		"delete-widgets-bundles-text": "確認後、選択したすべてのウィジェットバンドルは削除され、関連するすべてのデータは回復不能になります。",
+		"no-widgets-bundles-matching": "'{{widgetsBundle}}'発見されました。",
+		"widgets-bundle-required": "ウィジェットバンドルが必要です。",
+		"system": "システム",
+		"import": "インポートウィジェットバンドル",
+		"export": "ウィジェットのエクスポートバンドル",
+		"export-failed-error": "{{error}}",
+		"create-new-widgets-bundle": "新しいウィジェットバンドルを作成する",
+		"widgets-bundle-file": "ウィジェットのバンドルファイル",
+		"invalid-widgets-bundle-file-error": "ウィジェットをインポートできません。bundle：データ構造が無効です。"
+	},
+	"widget-config": {
+		"data": "データ",
+		"settings": "設定",
+		"advanced": "上級",
+		"title": "タイトル",
+		"general-settings": "一般設定",
+		"display-title": "タイトルを表示",
+		"drop-shadow": "影を落とす",
+		"enable-fullscreen": "フルスクリーンを有効にする",
+		"background-color": "背景色",
+		"text-color": "テキストの色",
+		"padding": "パディング",
+		"margin": "マージン",
+		"widget-style": "ウィジェットスタイル",
+		"title-style": "タイトルスタイル",
+		"mobile-mode-settings": "モバイルモードの設定",
+		"order": "注文",
+		"height": "高さ",
+		"units": "値の隣に表示する特別なシンボル",
+		"decimals": "浮動小数点の後の桁数",
+		"timewindow": "タイムウィンドウ",
+		"use-dashboard-timewindow": "ダッシュボードのタイムウィンドウを使用する",
+		"display-legend": "伝説を表示",
+		"datasources": "データソース",
+		"maximum-datasources": "{ count, plural, 1 {1 datasource is allowed.} other {# datasources are allowed} }",
+		"datasource-type": "タイプ",
+		"datasource-parameters": "パラメーター",
+		"remove-datasource": "データソースを削除",
+		"add-datasource": "データソースを追加",
+		"target-device": "ターゲットデバイス",
+		"alarm-source": "アラームソース",
+		"actions": "行動",
+		"action": "アクション",
+		"add-action": "アクションを追加",
+		"search-actions": "検索アクション",
+		"action-source": "アクションソース",
+		"action-source-required": "アクションソースが必要です。",
+		"action-name": "名",
+		"action-name-required": "アクション名は必須です。",
+		"action-name-not-unique": "同じ名前の別のアクションがすでに存在します。<br/>アクション名は、同じアクションソース内で一意である必要があります。",
+		"action-icon": "アイコン",
+		"action-type": "タイプ",
+		"action-type-required": "アクションタイプが必要です。",
+		"edit-action": "アクションの編集",
+		"delete-action": "アクションの削除",
+		"delete-action-title": "ウィジェットアクションを削除する",
+		"delete-action-text": "'{{actionName}}'?"
+	},
+	"widget-type": {
+		"import": "インポートウィジェットタイプ",
+		"export": "ウィジェットのタイプをエクスポートする",
+		"export-failed-error": "{{error}}",
+		"create-new-widget-type": "新しいウィジェットタイプを作成する",
+		"widget-type-file": "ウィジェットタイプファイル",
+		"invalid-widget-type-file-error": "ウィジェットタイプをインポートできません：ウィジェットタイプのデータ構造が無効です。"
+	},
+	"widgets": {
+		"date-range-navigator": {
+			"localizationMap": {
+				"Sun": "日",
+				"Mon": "月",
+				"Tue": "火",
+				"Wed": "水",
+				"Thu": "木",
+				"Fri": "金",
+				"Sat": "土",
+				"Jan": "1月",
+				"Feb": "2月",
+				"Mar": "3月",
+				"Apr": "4月",
+				"May": "5月",
+				"Jun": "6月",
+				"Jul": "7月",
+				"Aug": "8月",
+				"Sep": "9月",
+				"Oct": "10月",
+				"Nov": "11月",
+				"Dec": "12月",
+				"January": "1月",
+				"February": "2月",
+				"March": "行進",
+				"April": "4月",
+				"June": "六月",
+				"July": "7月",
+				"August": "8月",
+				"September": "9月",
+				"October": "10月",
+				"November": "11月",
+				"December": "12月",
+				"Custom Date Range": "カスタム期間",
+				"Date Range Template": "日付範囲テンプレート",
+				"Today": "今日",
+				"Yesterday": "昨日",
+				"This Week": "今週",
+				"Last Week": "先週",
+				"This Month": "今月",
+				"Last Month": "先月",
+				"Year": "年",
+				"This Year": "今年",
+				"Last Year": "昨年",
+				"Date picker": "日付ピッカー",
+				"Hour": "時",
+				"Day": "日",
+				"Week": "週間",
+				"2 weeks": "2週間",
+				"Month": "月",
+				"3 months": "3ヶ月",
+				"6 months": "6ヵ月",
+				"Custom interval": "カスタム間隔",
+				"Interval": "間隔",
+				"Step size": "刻み幅",
+				"Ok": "Ok"
+			}
+		}
+	},
+	"icon": {
+		"icon": "アイコン",
+		"select-icon": "選択アイコン",
+		"material-icons": "マテリアルアイコン",
+		"show-all": "すべてのアイコンを表示する"
+	},
+	"custom": {
+		"widget-action": {
+			"action-cell-button": "アクションセルボタン",
+			"row-click": "行のクリック",
+			"polygon-click": "ポリゴンクリック",
+			"marker-click": "マーカークリック",
+			"tooltip-tag-action": "ツールチップのタグアクション"
+		}
+	},
+	"language": {
+		"language": "言語"
+	}
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-ko_KR.json b/ui-ngx/src/assets/locale/locale.constant-ko_KR.json
new file mode 100644
index 0000000000..1760334552
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-ko_KR.json
@@ -0,0 +1,1389 @@
+{
+    "access": {
+        "unauthorized": "권한 없음.",
+        "unauthorized-access": "허가되지 않은 접근",
+        "unauthorized-access-text": "이 리소스에 접근하려면 로그인해야 합니다!",
+        "access-forbidden": "접근 금지",
+        "access-forbidden-text": "접근 권한이 없습니다.!<br> 만일 이 페이지에 계속 접근하려면 다른 사용자로 로그인 하세요.",
+        "refresh-token-expired": "세션이 만료되었습니다.",
+        "refresh-token-failed": "세션을 새로 고칠 수 없습니다."
+    },
+    "action": {
+        "activate": "활설화",
+        "suspend": "비활성화",
+        "save": "저장",
+        "saveAs": "다른 이름으로 저장",
+        "cancel": "취소",
+        "ok": "확인",
+        "delete": "삭제",
+        "add": "추가",
+        "yes": "네",
+        "no": "아니오",
+        "update": "업데이트",
+        "remove": "제거",
+        "search": "검색",
+        "clear-search": "Clear search",
+        "assign": "할당",
+        "unassign": "비할당",
+        "share": "Share",
+        "make-private": "Make private",
+        "apply": "적용",
+        "apply-changes": "변경사항 적용",
+        "edit-mode": "수정 모드",
+        "enter-edit-mode": "수정 모드 진입",
+        "decline-changes": "변경사항 포기",
+        "close": "닫기",
+        "back": "뒤로",
+        "run": "실행",
+        "sign-in": "로그인!",
+        "edit": "수정",
+        "view": "보기",
+        "create": "만들기",
+        "drag": "끌기",
+        "refresh": "새로고침",
+        "undo": "취소",
+        "copy": "복사",
+        "paste": "붙여넣기",
+        "copy-reference": "Copy reference",
+        "paste-reference": "Paste reference",
+        "import": "가져오기",
+        "export": "내보내기",
+        "share-via": "Share via {{provider}}"
+    },
+    "aggregation": {
+        "aggregation": "집합",
+        "function": "데이터 집합 함수",
+        "limit": "최대 값",
+        "group-interval": "그룹 간격",
+        "min": "최소",
+        "max": "최대",
+        "avg": "평균",
+        "sum": "합계",
+        "count": "숫자",
+        "none": "없음"
+    },
+    "admin": {
+        "general": "일반",
+        "general-settings": "일반 설정",
+        "outgoing-mail": "메일 전송",
+        "outgoing-mail-settings": "메일 전송 설정",
+        "system-settings": "시스템 설정",
+        "test-mail-sent": "테스트 메일이 성공적으로 전송되었습니다!",
+        "base-url": "기본 URL",
+        "base-url-required": "기본 URL을 입력해야 합니다.",
+        "mail-from": "보내는 사람",
+        "mail-from-required": "보내는 사람을 입력해야 합니다.",
+        "smtp-protocol": "SMTP 프로토콜",
+        "smtp-host": "SMTP 호스트",
+        "smtp-host-required": "SMTP 호스트를 입력해야 합니다.",
+        "smtp-port": "SMTP 포트",
+        "smtp-port-required": "SMTP 포트를 입력해야 합니다.",
+        "smtp-port-invalid": "올바른 SMTP 포트가 아닙니다.",
+        "timeout-msec": "제한시간 (msec)",
+        "timeout-required": "제한시간을 입력해야 합니다.",
+        "timeout-invalid": "올바른 제한시간이 아닙니다.",
+        "enable-tls": "TLS 사용",
+        "tls-version" : "TLS 버전",
+        "send-test-mail": "테스트 메일 보내기"
+    },
+    "alarm": {
+        "alarm": "Alarm",
+        "alarms": "Alarms",
+        "select-alarm": "Select alarm",
+        "no-alarms-matching": "No alarms matching '{{entity}}' were found.",
+        "alarm-required": "Alarm is required",
+        "alarm-status": "Alarm status",
+        "search-status": {
+            "ANY": "Any",
+            "ACTIVE": "Active",
+            "CLEARED": "Cleared",
+            "ACK": "Acknowledged",
+            "UNACK": "Unacknowledged"
+        },
+        "display-status": {
+            "ACTIVE_UNACK": "Active Unacknowledged",
+            "ACTIVE_ACK": "Active Acknowledged",
+            "CLEARED_UNACK": "Cleared Unacknowledged",
+            "CLEARED_ACK": "Cleared Acknowledged"
+        },
+        "no-alarms-prompt": "No alarms found",
+        "created-time": "Created time",
+        "type": "Type",
+        "severity": "Severity",
+        "originator": "Originator",
+        "originator-type": "Originator type",
+        "details": "Details",
+        "status": "Status",
+        "alarm-details": "Alarm details",
+        "start-time": "Start time",
+        "end-time": "End time",
+        "ack-time": "Acknowledged time",
+        "clear-time": "Cleared time",
+        "severity-critical": "Critical",
+        "severity-major": "Major",
+        "severity-minor": "Minor",
+        "severity-warning": "Warning",
+        "severity-indeterminate": "Indeterminate",
+        "acknowledge": "Acknowledge",
+        "clear": "Clear",
+        "search": "Search alarms",
+        "selected-alarms": "{ count, plural, 1 {1 alarm} other {# alarms} } selected",
+        "no-data": "No data to display",
+        "polling-interval": "Alarms polling interval (sec)",
+        "polling-interval-required": "Alarms polling interval is required.",
+        "min-polling-interval-message": "At least 1 sec polling interval is allowed.",
+        "aknowledge-alarms-title": "Acknowledge { count, plural, 1 {1 alarm} other {# alarms} }",
+        "aknowledge-alarms-text": "Are you sure you want to acknowledge { count, plural, 1 {1 alarm} other {# alarms} }?",
+        "clear-alarms-title": "Clear { count, plural, 1 {1 alarm} other {# alarms} }",
+        "clear-alarms-text": "Are you sure you want to clear { count, plural, 1 {1 alarm} other {# alarms} }?"
+    },
+    "alias": {
+        "add": "Add alias",
+        "edit": "Edit alias",
+        "name": "Alias name",
+        "name-required": "Alias name is required",
+        "duplicate-alias": "Alias with same name is already exists.",
+        "filter-type-single-entity": "Single entity",
+        "filter-type-entity-list": "Entity list",
+        "filter-type-entity-name": "Entity name",
+        "filter-type-state-entity": "Entity from dashboard state",
+        "filter-type-state-entity-description": "Entity taken from dashboard state parameters",
+        "filter-type-asset-type": "Asset type",
+        "filter-type-asset-type-description": "Assets of type '{{assetType}}'",
+        "filter-type-asset-type-and-name-description": "Assets of type '{{assetType}}' and with name starting with '{{prefix}}'",
+        "filter-type-device-type": "Device type",
+        "filter-type-device-type-description": "Devices of type '{{deviceType}}'",
+        "filter-type-device-type-and-name-description": "Devices of type '{{deviceType}}' and with name starting with '{{prefix}}'",
+        "filter-type-relations-query": "Relations query",
+        "filter-type-relations-query-description": "{{entities}} that have {{relationType}} relation {{direction}} {{rootEntity}}",
+        "filter-type-asset-search-query": "Asset search query",
+        "filter-type-asset-search-query-description": "Assets with types {{assetTypes}} that have {{relationType}} relation {{direction}} {{rootEntity}}",
+        "filter-type-device-search-query": "Device search query",
+        "filter-type-device-search-query-description": "Devices with types {{deviceTypes}} that have {{relationType}} relation {{direction}} {{rootEntity}}",
+        "entity-filter": "Entity filter",
+        "resolve-multiple": "Resolve as multiple entities",
+        "filter-type": "Filter type",
+        "filter-type-required": "Filter type is required.",
+        "entity-filter-no-entity-matched": "No entities matching specified filter were found.",
+        "no-entity-filter-specified": "No entity filter specified",
+        "root-state-entity": "Use dashboard state entity as root",
+        "root-entity": "Root entity",
+        "state-entity-parameter-name": "State entity parameter name",
+        "default-state-entity": "Default state entity",
+        "default-entity-parameter-name": "By default",
+        "max-relation-level": "Max relation level",
+        "unlimited-level": "Unlimited level",
+        "state-entity": "Dashboard state entity",
+        "all-entities": "All entities",
+        "any-relation": "any"
+    },
+    "asset": {
+        "asset": "Asset",
+        "assets": "Assets",
+        "management": "Asset management",
+        "view-assets": "View Assets",
+        "add": "Add Asset",
+        "assign-to-customer": "Assign to customer",
+        "assign-asset-to-customer": "Assign Asset(s) To Customer",
+        "assign-asset-to-customer-text": "Please select the assets to assign to the customer",
+        "no-assets-text": "No assets found",
+        "assign-to-customer-text": "Please select the customer to assign the asset(s)",
+        "public": "Public",
+        "assignedToCustomer": "Assigned to customer",
+        "make-public": "Make asset public",
+        "make-private": "Make asset private",
+        "unassign-from-customer": "Unassign from customer",
+        "delete": "Delete asset",
+        "asset-public": "Asset is public",
+        "asset-type": "Asset type",
+        "asset-type-required": "Asset type is required.",
+        "select-asset-type": "Select asset type",
+        "enter-asset-type": "Enter asset type",
+        "any-asset": "Any asset",
+        "no-asset-types-matching": "No asset types matching '{{entitySubtype}}' were found.",
+        "asset-type-list-empty": "No asset types selected.",
+        "asset-types": "Asset types",
+        "name": "Name",
+        "name-required": "Name is required.",
+        "description": "Description",
+        "type": "Type",
+        "type-required": "Type is required.",
+        "details": "Details",
+        "events": "Events",
+        "add-asset-text": "Add new asset",
+        "asset-details": "Asset details",
+        "assign-assets": "Assign assets",
+        "assign-assets-text": "Assign { count, plural, 1 {1 asset} other {# assets} } to customer",
+        "delete-assets": "Delete assets",
+        "unassign-assets": "Unassign assets",
+        "unassign-assets-action-title": "Unassign { count, plural, 1 {1 asset} other {# assets} } from customer",
+        "assign-new-asset": "Assign new asset",
+        "delete-asset-title": "Are you sure you want to delete the asset '{{assetName}}'?",
+        "delete-asset-text": "Be careful, after the confirmation the asset and all related data will become unrecoverable.",
+        "delete-assets-title": "Are you sure you want to delete { count, plural, 1 {1 asset} other {# assets} }?",
+        "delete-assets-action-title": "Delete { count, plural, 1 {1 asset} other {# assets} }",
+        "delete-assets-text": "Be careful, after the confirmation all selected assets will be removed and all related data will become unrecoverable.",
+        "make-public-asset-title": "Are you sure you want to make the asset '{{assetName}}' public?",
+        "make-public-asset-text": "After the confirmation the asset and all its data will be made public and accessible by others.",
+        "make-private-asset-title": "Are you sure you want to make the asset '{{assetName}}' private?",
+        "make-private-asset-text": "After the confirmation the asset and all its data will be made private and won't be accessible by others.",
+        "unassign-asset-title": "Are you sure you want to unassign the asset '{{assetName}}'?",
+        "unassign-asset-text": "After the confirmation the asset will be unassigned and won't be accessible by the customer.",
+        "unassign-asset": "Unassign asset",
+        "unassign-assets-title": "Are you sure you want to unassign { count, plural, 1 {1 asset} other {# assets} }?",
+        "unassign-assets-text": "After the confirmation all selected assets will be unassigned and won't be accessible by the customer.",
+        "copyId": "Copy asset Id",
+        "idCopiedMessage": "Asset Id has been copied to clipboard",
+        "select-asset": "Select asset",
+        "no-assets-matching": "No assets matching '{{entity}}' were found.",
+        "asset-required": "Asset is required",
+        "name-starts-with": "Asset name starts with"
+    },
+    "attribute": {
+        "attributes": "속성",
+        "latest-telemetry": "최근 데이터",
+        "attributes-scope": "디바이스 속성 범위",
+        "scope-latest-telemetry": "최근 데이터",
+        "scope-client": "클라이언트 속성",
+        "scope-server": "서버 속성",
+        "scope-shared": "공유 속성",
+        "add": "속성 추가",
+        "key": "Key",
+        "key-required": "속성 key를 입력하세요.",
+        "value": "Value",
+        "value-required": "속성 value를 입력하세요.",
+        "delete-attributes-title": "{ count, plural, 1 {속성} other {여러 속성들을} } 삭제하시겠습니까??",
+        "delete-attributes-text": "모든 선택된 속성들이 제거 될 것이므로 주의하십시오.",
+        "delete-attributes": "속성 삭제",
+        "enter-attribute-value": "속성 값 입력",
+        "show-on-widget": "위젯 보기",
+        "widget-mode": "위젯 모드",
+        "next-widget": "다음 위젯",
+        "prev-widget": "이전 위젯",
+        "add-to-dashboard": "대시보드에 추가",
+        "add-widget-to-dashboard": "대시보드에 위젯 추가",
+        "selected-attributes": "{ count, plural, 1 {속성 1개} other {속성 #개} } 선택됨",
+        "selected-telemetry": "{ count, plural, 1 {최근 데이터 1개} other {최근 데이터 #개} } 선택됨"
+    },
+    "audit-log": {
+        "audit": "Audit",
+        "audit-logs": "Audit Logs",
+        "timestamp": "Timestamp",
+        "entity-type": "Entity Type",
+        "entity-name": "Entity Name",
+        "user": "User",
+        "type": "Type",
+        "status": "Status",
+        "details": "Details",
+        "type-added": "Added",
+        "type-deleted": "Deleted",
+        "type-updated": "Updated",
+        "type-attributes-updated": "Attributes updated",
+        "type-attributes-deleted": "Attributes deleted",
+        "type-rpc-call": "RPC call",
+        "type-credentials-updated": "Credentials updated",
+        "type-assigned-to-customer": "Assigned to Customer",
+        "type-unassigned-from-customer": "Unassigned from Customer",
+        "type-activated": "Activated",
+        "type-suspended": "Suspended",
+        "type-credentials-read": "Credentials read",
+        "type-attributes-read": "Attributes read",
+        "status-success": "Success",
+        "status-failure": "Failure",
+        "audit-log-details": "Audit log details",
+        "no-audit-logs-prompt": "No logs found",
+        "action-data": "Action data",
+        "failure-details": "Failure details",
+        "search": "Search audit logs",
+        "clear-search": "Clear search"
+    },
+    "confirm-on-exit": {
+        "message": "변경 사항을 저장하지 않았습니다. 이 페이지를 나가시겠습니까?",
+        "html-message": "변경 사항을 저장하지 않았습니다.<br/>이 페이지를 나가시겠습니까?",
+        "title": "저장되지 않은 변경사항"
+    },
+    "contact": {
+        "country": "국가",
+        "city": "시",
+        "state": "도",
+        "postal-code": "우편 번호",
+        "postal-code-invalid": "숫자만 입력하세요.",
+        "address": "주소",
+        "address2": "상세주소",
+        "phone": "전화번호",
+        "email": "Email",
+        "no-address": "주소 정보 없음"
+    },
+    "common": {
+        "username": "사용자명",
+        "password": "비밀번호",
+        "enter-username": "사용자명을 입력하세요.",
+        "enter-password": "비밀번호를 입력하세요.",
+        "enter-search": "검색어 입력"
+    },
+    "content-type": {
+        "json": "Json",
+        "text": "Text",
+        "binary": "Binary (Base64)"
+    },
+    "customer": {
+        "customers": "커스터머",
+        "management": "커스터머 관리",
+        "dashboard": "커스터머 대시보드",
+        "dashboards": "커스터머 대시보드",
+        "devices": "커스터머 디바이스",
+        "add": "커스터머 추가",
+        "delete": "커스터머 삭제",
+        "manage-customer-users": "커스터머 사용자 관리",
+        "manage-customer-devices": "커스터머 디바이스 관리",
+        "manage-customer-dashboards": "커스터머 대시보드 관리",
+        "manage-public-devices": "Manage public devices",
+        "manage-public-dashboards": "Manage public dashboards",
+        "manage-customer-assets": "Manage customer assets",
+        "manage-public-assets": "Manage public assets",
+        "add-customer-text": "커스터머 추가",
+        "no-customers-text": "커스터머가 없습니다.",
+        "customer-details": "커스터머 상세정보",
+        "delete-customer-title": "'{{customerTitle}}' 커스터머를 삭제하시겠습니까?",
+        "delete-customer-text": "커스터머 및 관련된 모든 데이터를 복구할 수 없으므로 주의하십시오.",
+        "delete-customers-title": "{ count, plural, 1 {커스터머 1개} other {커스터머 #개} }를 삭제하시겠습니까?",
+        "delete-customers-action-title": "{ count, plural, 1 {커스터머 1개} other {커스터머 #개} } 삭제",
+        "delete-customers-text": "선택된 커스터머는 삭제되고 관련된 모든 데이터를 복구할 수 없으므로 주의하십시오.",
+        "manage-users": "사용자 관리",
+        "manage-devices": "디바이스 관리",
+        "manage-dashboards": "대시보드 관리",
+        "title": "타이틀",
+        "title-required": "타이틀을 입력하세요.",
+        "description": "설명",
+        "details": "Details",
+        "events": "Events",
+        "copyId": "Copy customer Id",
+        "idCopiedMessage": "Customer Id has been copied to clipboard",
+        "select-customer": "Select customer",
+        "no-customers-matching": "No customers matching '{{entity}}' were found.",
+        "customer-required": "Customer is required",
+        "select-default-customer": "Select default customer",
+        "default-customer": "Default customer",
+        "default-customer-required": "Default customer is required in order to debug dashboard on Tenant level"
+    },
+    "datetime": {
+        "date-from": "시작 날짜",
+        "time-from": "시작 시간",
+        "date-to": "종료 날짜",
+        "time-to": "종료 시간"
+    },
+    "dashboard": {
+        "dashboard": "대시보드",
+        "dashboards": "대시보드",
+        "management": "대시보드 관리",
+        "view-dashboards": "대시보드 보기",
+        "add": "대시보드 추가",
+        "assign-dashboard-to-customer": "대시보드 커스터머 선택",
+        "assign-dashboard-to-customer-text": "대시보드 커스터머를 선택하세요.",
+        "assign-to-customer-text": "대시보드 커스터머를 선택하세요.",
+        "assign-to-customer": "커스터머 선택",
+        "unassign-from-customer": "커스터머 해제",
+        "no-dashboards-text": "대시보드가 없습니다",
+        "no-widgets": "설정된 위젯 없음",
+        "add-widget": "위젯 추가",
+        "title": "타이틀",
+        "select-widget-title": "위젯 선택",
+        "select-widget-subtitle": "사용가능한 위젯 타입 목록",
+        "delete": "대시보드 삭제",
+        "title-required": "타이틀을 입력하세요.",
+        "description": "설명",
+        "details": "상세",
+        "dashboard-details": "대시보드 상세정보",
+        "add-dashboard-text": "대시보드 추가",
+        "assign-dashboards": "대시보드 지정",
+        "assign-new-dashboard": "새 대시보드 할당",
+        "assign-dashboards-text": "{ count, plural, 1 {대시보드 1개} other {대시보드 #개} }를 커스터머 할당",
+        "delete-dashboards": "대시보드 삭제",
+        "unassign-dashboards": "대시보드 할당 취소",
+        "unassign-dashboards-action-title": "{ count, plural, 1 {대시보드 1개} other {대시보드 #개} }를 커스터머 할당 취소",
+        "delete-dashboard-title": "'{{dashboardTitle}}' 대시보드를 삭제하시겠습니까?",
+        "delete-dashboard-text": "대시보드 및 관련된 모든 데이터를 복구할 수 없으므로 주의하십시오.",
+        "delete-dashboards-title": "{ count, plural, 1 {대시보드 1개} other {대시보드 #개} }를 삭제하시겠습니까?",
+        "delete-dashboards-action-title": "{ count, plural, 1 {대시보드 1개} other {대시보드 #개} } 삭제",
+        "delete-dashboards-text": "선택된 대시보드가 삭제되고 관련된 모든 데이터를 복구할 수 없으므로 주의하십시오.",
+        "unassign-dashboard-title": "'{{dashboardTitle}}' 대시보드 할당을 해제하시겠습니까?",
+        "unassign-dashboard-text": "대시보드가 할당 해제되고 커스터머는 액세스 할 수 없게됩니다.",
+        "unassign-dashboard": "대시보드 할달 취소",
+        "unassign-dashboards-title": "{ count, plural, 1 {대시보드 1개} other {대시보드 #개} }의 할당을 취소하시겠습니까?",
+        "unassign-dashboards-text": "선택된 대시보드가 할당 해제되고 커스터머는 액세스 할 수 없게됩니다.",
+        "select-dashboard": "대시보드 선택",
+        "no-dashboards-matching": "'{{entity}}'와 일치하는 대시보드가 없습니다.",
+        "dashboard-required": "대시보드를 입력하세요.",
+        "select-existing": "기존 대시보드 선택",
+        "create-new": "대시보드 생성",
+        "new-dashboard-title": "새로운 대시보드 타이틀",
+        "open-dashboard": "대시보드 열기",
+        "set-background": "대시보드 설정",
+        "background-color": "배경색",
+        "background-image": "배경 이미지",
+        "background-size-mode": "배경 사이즈 모드",
+        "no-image": "이미지 없음",
+        "drop-image": "이곳에 이미지를 끌어다놓거나 이곳을 클릭하여 파일을 선택하고 업로드하세요.",
+        "settings": "설정",
+        "columns-count": "열 개수",
+        "columns-count-required": "열 개수를 입력하세요.",
+        "min-columns-count-message": "열 개수를 최소 10 이상 입력하세요.",
+        "max-columns-count-message": "열 개수를 최대 100 이하로 입력하세요.",
+        "widgets-margins": "위젯 사이 여백 크기",
+        "horizontal-margin": "세로 여백",
+        "horizontal-margin-required": "세로 여백 값을 입력하세요.",
+        "min-horizontal-margin-message": "세로 여백 값을 최소 0 이상 입력하세요.",
+        "max-horizontal-margin-message": "세로 여백 값을 최대 50 이하로 입력하세요.",
+        "vertical-margin": "가로 여백",
+        "vertical-margin-required": "가로 여백 값을 입력하세요.",
+        "min-vertical-margin-message": "가로 여백 값을 최소 0 이상 입력하세요.",
+        "max-vertical-margin-message": "가로 여백 값을 최대 50 이하로 입력하세요.",
+        "display-title": "대시보드 타이틀 표시",
+        "title-color": "타이틀 색상",
+        "import": "대시보드 가져오기",
+        "export": "대시보드 내보내기",
+        "export-failed-error": "대시보드 내보내기를 할 수 없습니다.: {error}",
+        "create-new-dashboard": "대시보드 생성",
+        "dashboard-file": "대시보드 파일",
+        "invalid-dashboard-file-error": "대시보드 가져오기를 할 수 없습니다.: 대시보드 데이터 구조가 잘못되었습니다.",
+        "dashboard-import-missing-aliases-title": "대시보드 앨리어스를 위해 누락 된 디바이스 선택",
+        "create-new-widget": "새로운 위젯 생성",
+        "import-widget": "위젯 가져오기",
+        "widget-file": "위젯 파일",
+        "invalid-widget-file-error": "위젯 가져오기를 할 수 없습니다: 위젯 데이터 구조가 잘못되었습니다.",
+        "widget-import-missing-aliases-title": "위젯에서 사용하는 누락 된 디바이스 선택",
+        "open-toolbar": "대시보드 툴바 열기",
+        "close-toolbar": "툴바 닫기",
+        "configuration-error": "구성 오류",
+        "alias-resolution-error-title": "대시보드 앨리어스 구성 오류",
+        "invalid-aliases-config": "일부 앨리어스 필터와 일치하는 디바이스를 찾을 수 없습니다.<br>이 문제를 해결하려면 관리자에게 문의하십시오.",
+        "select-devices": "디바이스 선택",
+        "assignedToCustomer": "커스터머에 할당됨"
+    },
+    "datakey": {
+        "settings": "설정",
+        "advanced": "고급",
+        "label": "Label",
+        "color": "색상",
+        "data-generation-func": "데이터 생성 기능",
+        "use-data-post-processing-func": "데이터 후처리 기능 사용",
+        "configuration": "데이터 key 구성",
+        "timeseries": "Timeseries",
+        "attributes": "Attributes",
+        "timeseries-required": "디바이스 timeseries 를 입력하세요.",
+        "timeseries-or-attributes-required": "디바이스 timeseries/attributes 를 입력하세요.",
+        "maximum-timeseries-or-attributes": "Maximum { count, plural, 1 {1 timeseries/attribute is allowed.} other {# timeseries/attributes are allowed} }",
+        "alarm-fields-required": "Alarm fields are required.",
+        "function-types": "함수 유형",
+        "function-types-required": "함수 유형을 입력하세요.",
+        "maximum-function-types": "Maximum { count, plural, 1 {1 function type is allowed.} other {# function types are allowed} }"
+    },
+    "datasource": {
+        "type": "데이터소스 유형",
+        "name": "Name",
+        "add-datasource-prompt": "데이터소스를 추가하세요."
+    },
+    "details": {
+        "edit-mode": "편집 모드",
+        "toggle-edit-mode": "편집 모드 전환"
+    },
+    "device": {
+        "device": "디바이스",
+        "device-required": "디바이스를 입력하세요.",
+        "devices": "디바이스",
+        "management": "디바이스 관리",
+        "view-devices": "디바이스 보기",
+        "device-alias": "디바이스 앨리어스",
+        "aliases": "디바이스 앨리어스",
+        "no-alias-matching": "'{{alias}}' 를 찾을 수 없습니다.",
+        "no-aliases-found": "앨리어스가 없습니다.",
+        "no-key-matching": "'{{key}}' 를 찾을 수 없습니다.",
+        "no-keys-found": "Key가 없습니다.",
+        "create-new-alias": "새로 만들기!",
+        "create-new-key": "새로 만들기!",
+        "duplicate-alias-error": "중복된 '{{alias}}' 앨리어스가 있습니다.<br> 디바이스 앨리어스는 대시보드 내에서 고유해야 합니다.",
+        "configure-alias": "'{{alias}}' 앨리어스 구성",
+        "no-devices-matching": "'{{entity}}'와 일치하는 디바이스를 찾을 수 없습니다.",
+        "alias": "앨리어스",
+        "alias-required": "디바이스 앨리어스를 입력하세요.",
+        "remove-alias": "디바이스 앨리어스 삭제",
+        "add-alias": "디바이스 앨리어스 추가",
+        "name-starts-with": "시작되는 이름",
+        "device-list": "디바이스 리스트",
+        "use-device-name-filter": "필터 사용",
+        "device-list-empty": "선택된 디바이스가 없습니다.",
+        "device-name-filter-required": "디바이스 필터 이름을 입력하세요.",
+        "device-name-filter-no-device-matched": "'{{device}}' 로 시작되는 디바이스를 찾을 수 없습니다.",
+        "add": "디바이스 추가",
+        "assign-to-customer": "커스터머에게 할당",
+        "assign-device-to-customer": "디바이스를 커스터머에게 할당",
+        "assign-device-to-customer-text": "고객에게 할당할 디바이스를 선택하십시오.",
+        "no-devices-text": "디바이스 없음",
+        "assign-to-customer-text": "디바이스를 할당할 커스터머를 선택하세요.",
+        "device-details": "디바이스 상세정보",
+        "add-device-text": "디바이스 추가",
+        "credentials": "크리덴셜",
+        "manage-credentials": "크리덴셜 관리",
+        "delete": "디바이스 삭제",
+        "assign-devices": "디바이스 할당",
+        "assign-devices-text": "{ count, plural, 1 {디바이스 1개} other {디바이스 #개} }를 커서터머에 할당",
+        "delete-devices": "디바이스 삭제",
+        "unassign-from-customer": "커스터머 할당 해제",
+        "unassign-devices": "디바이스 할당 취소",
+        "unassign-devices-action-title": "{ count, plural, 1 {디바이스 1개} other {디바이스 #개} }를 커스터머에게서 할당 해제",
+        "assign-new-device": "새로운 디바이스 할당",
+        "view-credentials": "크리덴셜 보기",
+        "delete-device-title": "'{{deviceName}}' 디바이스를 삭제하시겠습니까?",
+        "delete-device-text": "디바이스 및 관련된 모든 데이터를 복구할 수 없으므로 주의하십시오.",
+        "delete-devices-title": "{ count, plural, 1 {디바이스 1개} other {디바이스 #개} }를 삭제하시겠습니까?",
+        "delete-devices-action-title": "{ count, plural, 1 {디바이스 1개} other {디바이스 #개} } 삭제",
+        "delete-devices-text": "선택된 디바이스가 삭제되고 관련된 모든 데이터를 복구할 수 없으므로 주의하십시오.",
+        "unassign-device-title": "'{{deviceName}}' 디바이스 할당을 해제하시겠습니까?",
+        "unassign-device-text": "디바이스가 할당 해제되고 커스터머는 액세스 할 수 없게됩니다.",
+        "unassign-device": "디바이스 할당 취소",
+        "unassign-devices-title": "{ count, plural, 1 {디바이스 1개} other {디바이스 #개} }의  할당을 해제하시겠습니까??",
+        "unassign-devices-text": "선택된 디바이스가 할당 해제되고 커스터머는 액세스 할 수 없게됩니다.",
+        "device-credentials": "디바이스 크리덴셜",
+        "credentials-type": "크리덴셜 타입",
+        "access-token": "억세스 토큰",
+        "access-token-required": "액세스 토큰을 입력하세요.",
+        "access-token-invalid": "액세스 토큰 길이는 1 - 20 자 여야합니다.",
+        "rsa-key": "RSA public key",
+        "rsa-key-required": "RSA public key 를 입력하세요.",
+        "secret": "시크릿",
+        "secret-required": "시크릿을 입력하세요.",
+        "name": "이름",
+        "name-required": "이름을 입력하세요.",
+        "description": "설명",
+        "events": "이벤트",
+        "details": "상세",
+        "copyId": "디바이스 아이디 복사",
+        "copyAccessToken": "억세스 토큰 복사",
+        "idCopiedMessage": "디바이스 아이디가 클립보드에 복사되었습니다.",
+        "accessTokenCopiedMessage": "디바이스 억세스 토큰이 클립보드에 복사되었습니다.",
+        "assignedToCustomer": "커스터머에 할당됨",
+        "unable-delete-device-alias-title": "디바이스 앨리어스를 삭제할 수 없습니다.",
+        "unable-delete-device-alias-text": "'{{deviceAlias}}' 디바이스 앨리어스를 삭제할 수 없습니다. 다음 위젯에서 사용하고 있습니다.<br/>{{widgetsList}}",
+        "is-gateway": "게이트웨이 여부"
+    },
+    "dialog": {
+        "close": "다이얼로그 닫기"
+    },
+    "error": {
+        "unable-to-connect": "서버에 연결할 수 없습니다! 인터넷 연결을 확인하십시오.",
+        "unhandled-error-code": "처리되지 않은 오류 코드: {{errorCode}}",
+        "unknown-error": "알 수 없는 오류"
+    },
+    "entity": {
+        "entity": "Entity",
+        "entities": "Entities",
+        "aliases": "Entity aliases",
+        "entity-alias": "Entity alias",
+        "unable-delete-entity-alias-title": "Unable to delete entity alias",
+        "unable-delete-entity-alias-text": "Entity alias '{{entityAlias}}' can't be deleted as it used by the following widget(s):<br/>{{widgetsList}}",
+        "duplicate-alias-error": "Duplicate alias found '{{alias}}'.<br>Entity aliases must be unique whithin the dashboard.",
+        "missing-entity-filter-error": "Filter is missing for alias '{{alias}}'.",
+        "configure-alias": "Configure '{{alias}}' alias",
+        "alias": "Alias",
+        "alias-required": "Entity alias is required.",
+        "remove-alias": "Remove entity alias",
+        "add-alias": "Add entity alias",
+        "entity-list": "Entity list",
+        "entity-type": "Entity type",
+        "entity-types": "Entity types",
+        "entity-type-list": "Entity type list",
+        "any-entity": "Any entity",
+        "enter-entity-type": "Enter entity type",
+        "no-entities-matching": "No entities matching '{{entity}}' were found.",
+        "no-entity-types-matching": "No entity types matching '{{entityType}}' were found.",
+        "name-starts-with": "Name starts with",
+        "use-entity-name-filter": "Use filter",
+        "entity-list-empty": "No entities selected.",
+        "entity-type-list-empty": "No entity types selected.",
+        "entity-name-filter-required": "Entity name filter is required.",
+        "entity-name-filter-no-entity-matched": "No entities starting with '{{entity}}' were found.",
+        "all-subtypes": "All",
+        "select-entities": "Select entities",
+        "no-aliases-found": "No aliases found.",
+        "no-alias-matching": "'{{alias}}' not found.",
+        "create-new-alias": "Create a new one!",
+        "key": "Key",
+        "key-name": "Key name",
+        "no-keys-found": "No keys found.",
+        "no-key-matching": "'{{key}}' not found.",
+        "create-new-key": "Create a new one!",
+        "type": "Type",
+        "type-required": "Entity type is required.",
+        "type-device": "Device",
+        "type-devices": "Devices",
+        "list-of-devices": "{ count, plural, 1 {One device} other {List of # devices} }",
+        "device-name-starts-with": "Devices whose names start with '{{prefix}}'",
+        "type-asset": "Asset",
+        "type-assets": "Assets",
+        "list-of-assets": "{ count, plural, 1 {One asset} other {List of # assets} }",
+        "asset-name-starts-with": "Assets whose names start with '{{prefix}}'",
+        "type-rule": "Rule",
+        "type-rules": "Rules",
+        "list-of-rules": "{ count, plural, 1 {One rule} other {List of # rules} }",
+        "rule-name-starts-with": "Rules whose names start with '{{prefix}}'",
+        "type-plugin": "Plugin",
+        "type-plugins": "Plugins",
+        "list-of-plugins": "{ count, plural, 1 {One plugin} other {List of # plugins} }",
+        "plugin-name-starts-with": "Plugins whose names start with '{{prefix}}'",
+        "type-tenant": "Tenant",
+        "type-tenants": "Tenants",
+        "list-of-tenants": "{ count, plural, 1 {One tenant} other {List of # tenants} }",
+        "tenant-name-starts-with": "Tenants whose names start with '{{prefix}}'",
+        "type-customer": "Customer",
+        "type-customers": "Customers",
+        "list-of-customers": "{ count, plural, 1 {One customer} other {List of # customers} }",
+        "customer-name-starts-with": "Customers whose names start with '{{prefix}}'",
+        "type-user": "User",
+        "type-users": "Users",
+        "list-of-users": "{ count, plural, 1 {One user} other {List of # users} }",
+        "user-name-starts-with": "Users whose names start with '{{prefix}}'",
+        "type-dashboard": "Dashboard",
+        "type-dashboards": "Dashboards",
+        "list-of-dashboards": "{ count, plural, 1 {One dashboard} other {List of # dashboards} }",
+        "dashboard-name-starts-with": "Dashboards whose names start with '{{prefix}}'",
+        "type-alarm": "Alarm",
+        "type-alarms": "Alarms",
+        "list-of-alarms": "{ count, plural, 1 {One alarms} other {List of # alarms} }",
+        "alarm-name-starts-with": "Alarms whose names start with '{{prefix}}'",
+        "type-rulechain": "Rule chain",
+        "type-rulechains": "Rule chains",
+        "list-of-rulechains": "{ count, plural, 1 {One rule chain} other {List of # rule chains} }",
+        "rulechain-name-starts-with": "Rule chains whose names start with '{{prefix}}'",
+        "type-current-customer": "Current Customer",
+        "search": "Search entities",
+        "selected-entities": "{ count, plural, 1 {1 entity} other {# entities} } selected",
+        "entity-name": "Entity name",
+        "details": "Entity details",
+        "no-entities-prompt": "No entities found",
+        "no-data": "No data to display"
+    },
+    "event": {
+        "event-type": "이벤트 타입",
+        "type-error": "에러",
+        "type-lc-event": "주기적 이벤트",
+        "type-stats": "통계",
+        "type-debug-rule-node": "Debug",
+        "type-debug-rule-chain": "Debug",
+        "no-events-prompt": "이벤트 없음",
+        "error": "에러",
+        "alarm": "알람",
+        "event-time": "이벤트 발생 시간",
+        "server": "서버",
+        "body": "Body",
+        "method": "Method",
+        "type": "Type",
+        "entity": "Entity",
+        "message-id": "Message Id",
+        "message-type": "Message Type",
+        "data-type": "Data Type",
+        "relation-type": "Relation Type",
+        "metadata": "Metadata",
+        "data": "Data",
+        "event": "이벤트",
+        "status": "상태",
+        "success": "성공",
+        "failed": "실패",
+        "messages-processed": "처리된 메시지",
+        "errors-occurred": "오류가 발생했습니다"
+    },
+    "extension": {
+        "extensions": "Extensions",
+        "selected-extensions": "{ count, plural, 1 {1 extension} other {# extensions} } selected",
+        "type": "Type",
+        "key": "Key",
+        "value": "Value",
+        "id": "Id",
+        "extension-id": "Extension id",
+        "extension-type": "Extension type",
+        "transformer-json": "JSON *",
+        "unique-id-required": "Current extension id already exists.",
+        "delete": "Delete extension",
+        "add": "Add extension",
+        "edit": "Edit extension",
+        "delete-extension-title": "Are you sure you want to delete the extension '{{extensionId}}'?",
+        "delete-extension-text": "Be careful, after the confirmation the extension and all related data will become unrecoverable.",
+        "delete-extensions-title": "Are you sure you want to delete { count, plural, 1 {1 extension} other {# extensions} }?",
+        "delete-extensions-text": "Be careful, after the confirmation all selected extensions will be removed.",
+        "converters": "Converters",
+        "converter-id": "Converter id",
+        "configuration": "Configuration",
+        "converter-configurations": "Converter configurations",
+        "token": "Security token",
+        "add-converter": "Add converter",
+        "add-config": "Add converter configuration",
+        "device-name-expression": "Device name expression",
+        "device-type-expression": "Device type expression",
+        "custom": "Custom",
+        "to-double": "To Double",
+        "transformer": "Transformer",
+        "json-required": "Transformer json is required.",
+        "json-parse": "Unable to parse transformer json.",
+        "attributes": "Attributes",
+        "add-attribute": "Add attribute",
+        "add-map": "Add mapping element",
+        "timeseries": "Timeseries",
+        "add-timeseries": "Add timeseries",
+        "field-required": "Field is required",
+        "brokers": "Brokers",
+        "add-broker": "Add broker",
+        "host": "Host",
+        "port": "Port",
+        "port-range": "Port should be in a range from 1 to 65535.",
+        "ssl": "Ssl",
+        "credentials": "Credentials",
+        "username": "Username",
+        "password": "Password",
+        "retry-interval": "Retry interval in milliseconds",
+        "anonymous": "Anonymous",
+        "basic": "Basic",
+        "pem": "PEM",
+        "ca-cert": "CA certificate file *",
+        "private-key": "Private key file *",
+        "cert": "Certificate file *",
+        "no-file": "No file selected.",
+        "drop-file": "Drop a file or click to select a file to upload.",
+        "mapping": "Mapping",
+        "topic-filter": "Topic filter",
+        "converter-type": "Converter type",
+        "converter-json": "Json",
+        "json-name-expression": "Device name json expression",
+        "topic-name-expression": "Device name topic expression",
+        "json-type-expression": "Device type json expression",
+        "topic-type-expression": "Device type topic expression",
+        "attribute-key-expression": "Attribute key expression",
+        "attr-json-key-expression": "Attribute key json expression",
+        "attr-topic-key-expression": "Attribute key topic expression",
+        "request-id-expression": "Request id expression",
+        "request-id-json-expression": "Request id json expression",
+        "request-id-topic-expression": "Request id topic expression",
+        "response-topic-expression": "Response topic expression",
+        "value-expression": "Value expression",
+        "topic": "Topic",
+        "timeout": "Timeout in milliseconds",
+        "converter-json-required": "Converter json is required.",
+        "converter-json-parse": "Unable to parse converter json.",
+        "filter-expression": "Filter expression",
+        "connect-requests": "Connect requests",
+        "add-connect-request": "Add connect request",
+        "disconnect-requests": "Disconnect requests",
+        "add-disconnect-request": "Add disconnect request",
+        "attribute-requests": "Attribute requests",
+        "add-attribute-request": "Add attribute request",
+        "attribute-updates": "Attribute updates",
+        "add-attribute-update": "Add attribute update",
+        "server-side-rpc": "Server side RPC",
+        "add-server-side-rpc-request": "Add server-side RPC request",
+        "device-name-filter": "Device name filter",
+        "attribute-filter": "Attribute filter",
+        "method-filter": "Method filter",
+        "request-topic-expression": "Request topic expression",
+        "response-timeout": "Response timeout in milliseconds",
+        "topic-expression": "Topic expression",
+        "client-scope": "Client scope",
+        "add-device": "Add device",
+        "opc-server": "Servers",
+        "opc-add-server": "Add server",
+        "opc-add-server-prompt": "Please add server",
+        "opc-application-name": "Application name",
+        "opc-application-uri": "Application uri",
+        "opc-scan-period-in-seconds": "Scan period in seconds",
+        "opc-security": "Security",
+        "opc-identity": "Identity",
+        "opc-keystore": "Keystore",
+        "opc-type": "Type",
+        "opc-keystore-type": "Type",
+        "opc-keystore-location": "Location *",
+        "opc-keystore-password": "Password",
+        "opc-keystore-alias": "Alias",
+        "opc-keystore-key-password": "Key password",
+        "opc-device-node-pattern": "Device node pattern",
+        "opc-device-name-pattern": "Device name pattern",
+        "modbus-server": "Servers/slaves",
+        "modbus-add-server": "Add server/slave",
+        "modbus-add-server-prompt": "Please add server/slave",
+        "modbus-transport": "Transport",
+        "modbus-port-name": "Serial port name",
+        "modbus-encoding": "Encoding",
+        "modbus-parity": "Parity",
+        "modbus-baudrate": "Baud rate",
+        "modbus-databits": "Data bits",
+        "modbus-stopbits": "Stop bits",
+        "modbus-databits-range": "Data bits should be in a range from 7 to 8.",
+        "modbus-stopbits-range": "Stop bits should be in a range from 1 to 2.",
+        "modbus-unit-id": "Unit ID",
+        "modbus-unit-id-range": "Unit ID should be in a range from 1 to 247.",
+        "modbus-device-name": "Device name",
+        "modbus-poll-period": "Poll period (ms)",
+        "modbus-attributes-poll-period": "Attributes poll period (ms)",
+        "modbus-timeseries-poll-period": "Timeseries poll period (ms)",
+        "modbus-poll-period-range": "Poll period should be positive value.",
+        "modbus-tag": "Tag",
+        "modbus-function": "Function",
+        "modbus-register-address": "Register address",
+        "modbus-register-address-range": "Register address should be in a range from 0 to 65535.",
+        "modbus-register-bit-index": "Bit index",
+        "modbus-register-bit-index-range": "Bit index should be in a range from 0 to 15.",
+        "modbus-register-count": "Register count",
+        "modbus-register-count-range": "Register count should be a positive value.",
+        "modbus-byte-order": "Byte order",
+        "sync": {
+            "status": "Status",
+            "sync": "Sync",
+            "not-sync": "Not sync",
+            "last-sync-time": "Last sync time",
+            "not-available": "Not available"
+        },
+        "export-extensions-configuration": "Export extensions configuration",
+        "import-extensions-configuration": "Import extensions configuration",
+        "import-extensions": "Import extensions",
+        "import-extension": "Import extension",
+        "export-extension": "Export extension",
+        "file": "Extensions file",
+        "invalid-file-error": "Invalid extension file"
+    },
+    "fullscreen": {
+        "expand": "전체화면으로 확장",
+        "exit": "전체화면 종료",
+        "toggle": "전체화면 모드 전환",
+        "fullscreen": "전체화면"
+    },
+    "function": {
+        "function": "기능"
+    },
+    "grid": {
+        "delete-item-title": "이 항목을 삭제 하시겠습니까?",
+        "delete-item-text": "항목과 모든 관련 데이터를 복구 할 수 없으므로 주의하십시오.",
+        "delete-items-title": "{ count, plural, 1 {아이템 1개} other {아이템 #개} }를 삭제하시겠습니까?",
+        "delete-items-action-title": "{ count, plural, 1 {아이템 1개} other {아이템 #개} } 삭제",
+        "delete-items-text": "선택한 모든 아이템이 제거되고 관련된 모든 데이터는 복구 할 수 없으므로 주의하십시오.",
+        "add-item-text": "새로운 아이템 추가",
+        "no-items-text": "아이템이 없습니다.",
+        "item-details": "아이템 상세",
+        "delete-item": "아이템 삭제",
+        "delete-items": "아이템 삭제",
+        "scroll-to-top": "스크롤 맨 위로"
+    },
+    "help": {
+        "goto-help-page": "도움"
+    },
+    "home": {
+        "home": "홈",
+        "profile": "프로파일",
+        "logout": "로그아웃",
+        "menu": "메뉴",
+        "avatar": "Avatar",
+        "open-user-menu": "사용자 메뉴 열기"
+    },
+    "import": {
+        "no-file": "선택된 파일이 없습니다.",
+        "drop-file": "JSON 파일을 끌어다 놓거나 클릭하여 업로드 할 파일을 선택하십시오."
+    },
+    "item": {
+        "selected": "선택됨"
+    },
+    "js-func": {
+        "no-return-error": "함수는 값을 반환해야 합니다!",
+        "return-type-mismatch": "함수는 '{{type}}' 유형의 값을 반환해야 합니다!",
+        "tidy": "Tidy"
+    },
+    "key-val": {
+        "key": "Key",
+        "value": "Value",
+        "remove-entry": "Remove entry",
+        "add-entry": "Add entry",
+        "no-data": "No entries"
+    },
+    "layout": {
+        "layout": "Layout",
+        "manage": "Manage layouts",
+        "settings": "Layout settings",
+        "color": "Color",
+        "main": "Main",
+        "right": "Right",
+        "select": "Select target layout"
+    },
+    "legend": {
+        "position": "범례 위치",
+        "show-max": "최대값 표시",
+        "show-min": "최소값 표시",
+        "show-avg": "평균값 표시",
+        "show-total": "총합 표시",
+        "settings": "범례 설정",
+        "min": "최소",
+        "max": "최대",
+        "avg": "평균",
+        "total": "합계"
+    },
+    "login": {
+        "login": "로그인",
+        "request-password-reset": "비밀번호 재설정",
+        "reset-password": "비밀번호 재설정",
+        "create-password": "비밀번호 생성",
+        "passwords-mismatch-error": "입력된 비밀번호는 같아야 합니다!",
+        "password-again": "비밀번호 확인",
+        "sign-in": "로그인",
+        "username": "사용자명 (이메일)",
+        "remember-me": "아이디 저장",
+        "forgot-password": "비밀번호찾기",
+        "password-reset": "비밀번호 재설정",
+        "new-password": "새 비밀번호",
+        "new-password-again": "새 비밀번호 확인",
+        "password-link-sent-message": "비밀번호 재설정 링크가 성공적으로 전송되었습니다!",
+        "email": "이메일"
+    },
+    "position": {
+        "top": "상단",
+        "bottom": "하단",
+        "left": "왼쪽",
+        "right": "오른쪽"
+    },
+    "profile": {
+        "profile": "프로파일",
+        "change-password": "비밀번호 변경",
+        "current-password": "현재 비밀번호"
+    },
+    "relation": {
+        "relations": "Relations",
+        "direction": "Direction",
+        "search-direction": {
+            "FROM": "From",
+            "TO": "To"
+        },
+        "direction-type": {
+            "FROM": "from",
+            "TO": "to"
+        },
+        "from-relations": "Outbound relations",
+        "to-relations": "Inbound relations",
+        "selected-relations": "{ count, plural, 1 {1 relation} other {# relations} } selected",
+        "type": "Type",
+        "to-entity-type": "To entity type",
+        "to-entity-name": "To entity name",
+        "from-entity-type": "From entity type",
+        "from-entity-name": "From entity name",
+        "to-entity": "To entity",
+        "from-entity": "From entity",
+        "delete": "Delete relation",
+        "relation-type": "Relation type",
+        "relation-type-required": "Relation type is required.",
+        "any-relation-type": "Any type",
+        "add": "Add relation",
+        "edit": "Edit relation",
+        "delete-to-relation-title": "Are you sure you want to delete relation to the entity '{{entityName}}'?",
+        "delete-to-relation-text": "Be careful, after the confirmation the entity '{{entityName}}' will be unrelated from the current entity.",
+        "delete-to-relations-title": "Are you sure you want to delete { count, plural, 1 {1 relation} other {# relations} }?",
+        "delete-to-relations-text": "Be careful, after the confirmation all selected relations will be removed and corresponding entities will be unrelated from the current entity.",
+        "delete-from-relation-title": "Are you sure you want to delete relation from the entity '{{entityName}}'?",
+        "delete-from-relation-text": "Be careful, after the confirmation current entity will be unrelated from the entity '{{entityName}}'.",
+        "delete-from-relations-title": "Are you sure you want to delete { count, plural, 1 {1 relation} other {# relations} }?",
+        "delete-from-relations-text": "Be careful, after the confirmation all selected relations will be removed and current entity will be unrelated from the corresponding entities.",
+        "remove-relation-filter": "Remove relation filter",
+        "add-relation-filter": "Add relation filter",
+        "any-relation": "Any relation",
+        "relation-filters": "Relation filters",
+        "additional-info": "Additional info (JSON)",
+        "invalid-additional-info": "Unable to parse additional info json."
+    },
+    "rulechain": {
+        "rulechain": "Rule chain",
+        "rulechains": "Rule chains",
+        "root": "Root",
+        "delete": "Delete rule chain",
+        "name": "Name",
+        "name-required": "Name is required.",
+        "description": "Description",
+        "add": "Add Rule Chain",
+        "set-root": "Make rule chain root",
+        "set-root-rulechain-title": "Are you sure you want to make the rule chain '{{ruleChainName}}' root?",
+        "set-root-rulechain-text": "After the confirmation the rule chain will become root and will handle all incoming transport messages.",
+        "delete-rulechain-title": "Are you sure you want to delete the rule chain '{{ruleChainName}}'?",
+        "delete-rulechain-text": "Be careful, after the confirmation the rule chain and all related data will become unrecoverable.",
+        "delete-rulechains-title": "Are you sure you want to delete { count, plural, 1 {1 rule chain} other {# rule chains} }?",
+        "delete-rulechains-action-title": "Delete { count, plural, 1 {1 rule chain} other {# rule chains} }",
+        "delete-rulechains-text": "Be careful, after the confirmation all selected rule chains will be removed and all related data will become unrecoverable.",
+        "add-rulechain-text": "Add new rule chain",
+        "no-rulechains-text": "No rule chains found",
+        "rulechain-details": "Rule chain details",
+        "details": "Details",
+        "events": "Events",
+        "system": "System",
+        "import": "Import rule chain",
+        "export": "Export rule chain",
+        "export-failed-error": "Unable to export rule chain: {{error}}",
+        "create-new-rulechain": "Create new rule chain",
+        "rulechain-file": "Rule chain file",
+        "invalid-rulechain-file-error": "Unable to import rule chain: Invalid rule chain data structure.",
+        "copyId": "Copy rule chain Id",
+        "idCopiedMessage": "Rule chain Id has been copied to clipboard",
+        "select-rulechain": "Select rule chain",
+        "no-rulechains-matching": "No rule chains matching '{{entity}}' were found.",
+        "rulechain-required": "Rule chain is required",
+        "management": "Rules management",
+        "debug-mode": "Debug mode"
+    },
+    "rulenode": {
+        "details": "Details",
+        "events": "Events",
+        "search": "Search nodes",
+        "open-node-library": "Open node library",
+        "add": "Add rule node",
+        "name": "Name",
+        "name-required": "Name is required.",
+        "type": "Type",
+        "description": "Description",
+        "delete": "Delete rule node",
+        "select-all-objects": "Select all nodes and connections",
+        "deselect-all-objects": "Deselect all nodes and connections",
+        "delete-selected-objects": "Delete selected nodes and connections",
+        "delete-selected": "Delete selected",
+        "select-all": "Select all",
+        "copy-selected": "Copy selected",
+        "deselect-all": "Deselect all",
+        "rulenode-details": "Rule node details",
+        "debug-mode": "Debug mode",
+        "configuration": "Configuration",
+        "link": "Link",
+        "link-details": "Rule node link details",
+        "add-link": "Add link",
+        "link-label": "Link label",
+        "link-label-required": "Link label is required.",
+        "custom-link-label": "Custom link label",
+        "custom-link-label-required": "Custom link label is required.",
+        "type-filter": "Filter",
+        "type-filter-details": "Filter incoming messages with configured conditions",
+        "type-enrichment": "Enrichment",
+        "type-enrichment-details": "Add additional information into Message Metadata",
+        "type-transformation": "Transformation",
+        "type-transformation-details": "Change Message payload and Metadata",
+        "type-action": "Action",
+        "type-action-details": "Perform special action",
+        "type-external": "External",
+        "type-external-details": "Interacts with external system",
+        "type-rule-chain": "Rule Chain",
+        "type-rule-chain-details": "Forwards incoming messages to specified Rule Chain",
+        "type-input": "Input",
+        "type-input-details": "Logical input of Rule Chain, forwards incoming messages to next related Rule Node",
+        "directive-is-not-loaded": "Defined configuration directive '{{directiveName}}' is not available.",
+        "ui-resources-load-error": "Failed to load configuration ui resources.",
+        "invalid-target-rulechain": "Unable to resolve target rule chain!",
+        "test-script-function": "Test script function",
+        "message": "Message",
+        "message-type": "Message type",
+        "message-type-required": "Message type is required",
+        "metadata": "Metadata",
+        "metadata-required": "Metadata entries can't be empty.",
+        "output": "Output",
+        "test": "Test",
+        "help": "Help"
+    },
+    "tenant": {
+        "tenants": "테넌트",
+        "management": "테넌트 관리",
+        "add": "테넌트 추가",
+        "admins": "Admins",
+        "manage-tenant-admins": "테넌트 관리자 관리",
+        "delete": "테넌트 삭제",
+        "add-tenant-text": "테넌트 추가",
+        "no-tenants-text": "테넌트가 없습니다.",
+        "tenant-details": "테넌트 상세정보",
+        "delete-tenant-title": "'{{tenantTitle}}' 테넌트를 삭제하시겠습니까?",
+        "delete-tenant-text": "테넌트와 관련된 모든 정보를 복구할 수 없으므로 주의하십시오.",
+        "delete-tenants-title": "{ count, plural, 1 {테넌트 1개} other {테넌트 #개} }를 삭제하시겠습니까?",
+        "delete-tenants-action-title": "{ count, plural, 1 {테넌트 1개} other {테넌트 #개} } 삭제",
+        "delete-tenants-text": "선택된 테넌트가 삭제되고 관련된 모든 정보를 복구할 수 없으므로 주의하십시오.",
+        "title": "타이틀",
+        "title-required": "타이틀을 입력하세요.",
+        "description": "설명",
+        "details": "Details",
+        "events": "Events",
+        "copyId": "Copy tenant Id",
+        "idCopiedMessage": "Tenant Id has been copied to clipboard",
+        "select-tenant": "Select tenant",
+        "no-tenants-matching": "No tenants matching '{{entity}}' were found.",
+        "tenant-required": "Tenant is required"
+    },
+    "timeinterval": {
+        "seconds-interval": "{ seconds, plural, 1 {1 second} other {# seconds} }",
+        "minutes-interval": "{ minutes, plural, 1 {1 minute} other {# minutes} }",
+        "hours-interval": "{ hours, plural, 1 {1 hour} other {# hours} }",
+        "days-interval": "{ days, plural, 1 {1 day} other {# days} }",
+        "days": "Days",
+        "hours": "Hours",
+        "minutes": "Minutes",
+        "seconds": "Seconds",
+        "advanced": "고급"
+    },
+    "timewindow": {
+        "days": "{ days, plural, 1 { day } other {# days } }",
+        "hours": "{ hours, plural, 0 { hour } 1 {1 hour } other {# hours } }",
+        "minutes": "{ minutes, plural, 0 { minute } 1 {1 minute } other {# minutes } }",
+        "seconds": "{ seconds, plural, 0 { second } 1 {1 second } other {# seconds } }",
+        "realtime": "Realtime",
+        "history": "History",
+        "last-prefix": "last",
+        "period": "from {{ startTime }} to {{ endTime }}",
+        "edit": "타임윈도우 편집",
+        "date-range": "날짜 범위",
+        "last": "Last",
+        "time-period": "기간"
+    },
+    "user": {
+        "users": "사용자",
+        "customer-users": "커스터머 사용자",
+        "tenant-admins": "테넌트 관리자",
+        "sys-admin": "시스템 관리자",
+        "tenant-admin": "테넌트 관리자",
+        "customer": "커스터머",
+        "anonymous": "Anonymous",
+        "add": "사용자 추가",
+        "delete": "사용자 삭제",
+        "add-user-text": "새로운 사용자 추가",
+        "no-users-text": "사용자가 없습니다.",
+        "user-details": "사용자 상세정보",
+        "delete-user-title": "'{{userEmail}}' 사용자를 삭제하시겠습니까?",
+        "delete-user-text": "사용자와 관련된 모든 데이터를 복구할 수 없으므로 주의하십시오.",
+        "delete-users-title": "{ count, plural, 1 {사용자 1명} other {사용자 #명} }을 삭제하시겠니까?",
+        "delete-users-action-title": "{ count, plural, 1 {사용자 1명} other {사용자 #명} } 삭제",
+        "delete-users-text": "선택된 사용자가 삭제된고 관련된 모든 데이터를 복구할 수 없으므로 주의하십시오.",
+        "activation-email-sent-message": "활성화 이메일을 보냈습니다!",
+        "resend-activation": "활성화 재전송",
+        "email": "Email",
+        "email-required": "Email을 입력하세요.",
+        "first-name": "이름",
+        "last-name": "성",
+        "description": "설명",
+        "default-dashboard": "기본 대시보드",
+        "always-fullscreen": "항상 전체화면",
+        "select-user": "Select user",
+        "no-users-matching": "No users matching '{{entity}}' were found.",
+        "user-required": "User is required",
+        "activation-method": "Activation method",
+        "display-activation-link": "Display activation link",
+        "send-activation-mail": "Send activation mail",
+        "activation-link": "User activation link",
+        "activation-link-text": "In order to activate user use the following <a href='{{activationLink}}' target='_blank'>activation link</a> :",
+        "copy-activation-link": "Copy activation link",
+        "activation-link-copied-message": "User activation link has been copied to clipboard",
+        "details": "Details"
+    },
+    "value": {
+        "type": "Value type",
+        "string": "String",
+        "string-value": "String value",
+        "integer": "Integer",
+        "integer-value": "Integer value",
+        "invalid-integer-value": "Invalid integer value",
+        "double": "Double",
+        "double-value": "Double value",
+        "boolean": "Boolean",
+        "boolean-value": "Boolean value",
+        "false": "False",
+        "true": "True"
+    },
+    "widget": {
+        "widget-library": "위젯 저장소",
+        "widget-bundle": "위젯 번들",
+        "select-widgets-bundle": "위젯 번들 선택",
+        "management": "위젯 관리",
+        "editor": "위젯 편집기",
+        "widget-type-not-found": "위젯 구성을 로드하는 중 문제가 발생했습니다.<br>연결된 위젯 타입이 삭제되었습니다.",
+        "widget-type-load-error": "다음과 같은 오류로 인해 위젯이로드되지 않았습니다:",
+        "remove": "위젯 삭제",
+        "edit": "위젯 수정",
+        "remove-widget-title": "'{{widgetTitle}}' 위젯을 삭제하시겠습니까?",
+        "remove-widget-text": "위젯과 관련된 모든 데이터를 복구할 수 없으므로 주의하십시오.",
+        "timeseries": "Time series",
+        "latest-values": "Latest values",
+        "rpc": "Control 위젯",
+        "static": "Static 위젯",
+        "select-widget-type": "위젯 타입 선택",
+        "missing-widget-title-error": "위젯 타이틀을 입력하세요!",
+        "widget-saved": "위젯이 저장되었습니다.",
+        "unable-to-save-widget-error": "위젯을 저장할 수 없습니다! 위젯에 오류가 있습니다!",
+        "save": "위젯 저장",
+        "saveAs": "다른 이름으로 위젯 저장",
+        "save-widget-type-as": "다른 이름으로 위젯 타입 저장",
+        "save-widget-type-as-text": "새로운 위젯 이름과 위젯 번들을 선택하세요.",
+        "toggle-fullscreen": "전체화면 전환",
+        "run": "위젯 실행",
+        "title": "위젯 타이틀",
+        "title-required": "위젯 타이틀을 입력하세요.",
+        "type": "위젯 타입",
+        "resources": "리소스",
+        "resource-url": "JavaScript/CSS URI",
+        "remove-resource": "리소스 삭제",
+        "add-resource": "리소스 추가",
+        "html": "HTML",
+        "tidy": "Tidy",
+        "css": "CSS",
+        "settings-schema": "스키마 설정",
+        "datakey-settings-schema": "데이터 키 설정 스키마",
+        "javascript": "Javascript",
+        "remove-widget-type-title": "'{{widgetName}}' 위젯 타입을 삭제하시겠습니까?",
+        "remove-widget-type-text": "위젯 타입과 관련된 모든 데이터를 복구할 수 없으므로 주의하십시오.",
+        "remove-widget-type": "위젯 타입 삭제",
+        "add-widget-type": "새로운 위젯 타입 추가",
+        "widget-type-load-failed-error": "위젯 타입을 로드하지 못했습니다!",
+        "widget-template-load-failed-error": "위젯 템플릿을 로드하지 못했습니다!",
+        "add": "위젯 추가",
+        "undo": "위젯 변경사항 취소",
+        "export": "위젯 내보내기"
+    },
+    "widget-action": {
+        "header-button": "Widget header button",
+        "open-dashboard-state": "Navigate to new dashboard state",
+        "update-dashboard-state": "Update current dashboard state",
+        "open-dashboard": "Navigate to other dashboard",
+        "custom": "Custom action",
+        "target-dashboard-state": "Target dashboard state",
+        "target-dashboard-state-required": "Target dashboard state is required",
+        "set-entity-from-widget": "Set entity from widget",
+        "target-dashboard": "Target dashboard",
+        "open-right-layout": "Open right dashboard layout (mobile view)"
+    },
+    "widgets-bundle": {
+        "current": "현재 번들",
+        "widgets-bundles": "위젯 번들",
+        "add": "위젯 번들 추가",
+        "delete": "위젯 번들 삭제",
+        "title": "타이틀",
+        "title-required": "타이틀을 입력하세요.",
+        "add-widgets-bundle-text": "위젯 번들 추가",
+        "no-widgets-bundles-text": "위젯 번들이 없습니다.",
+        "empty": "위젯 번들이 비어있습니다.",
+        "details": "상세",
+        "widgets-bundle-details": "위젯 번들 상세정보",
+        "delete-widgets-bundle-title": "'{{widgetsBundleTitle}}' 위젯 번들을 삭제하시겠습니까?",
+        "delete-widgets-bundle-text": "위젯 번들과 관련된 모든 데이터를 복구할 수 없으므로 주의하십시오.",
+        "delete-widgets-bundles-title": "{ count, plural, 1 {위젯 번들 1개} other {위젯 번들 #개} }를 삭제하시겠습니까?",
+        "delete-widgets-bundles-action-title": "{ count, plural, 1 {위젯 번들 1개} other {위젯 번들 #개} } 삭제",
+        "delete-widgets-bundles-text": "선택된 위젯 번들이 삭제되고 관련된 모든 데이터를 복구할 수 없으므로 주의하십시오.",
+        "no-widgets-bundles-matching": "'{{widgetsBundle}}' 와(과) 일치하는 위젯 번들을 찾을 수 없습니다.",
+        "widgets-bundle-required": "위젯 번들을 입력하세요.",
+        "system": "시스템",
+        "import": "위젯 번들 가져오기",
+        "export": "위젯 번들 내보내기",
+        "export-failed-error": "위젯 번들을 내보내기 할 수 없습니다.: {{error}}",
+        "create-new-widgets-bundle": "새로운 위젯 번들 생성",
+        "widgets-bundle-file": "위젯 번들 파일",
+        "invalid-widgets-bundle-file-error": "위젯 번들을 가져오기 할 수 없습니다.: 잘못된 위젯 번들 데이터 구조입니다."
+    },
+    "widget-config": {
+        "data": "데이터",
+        "settings": "설정",
+        "advanced": "고급",
+        "title": "타이틀",
+        "general-settings": "일반 설정",
+        "display-title": "타이틀 표시",
+        "drop-shadow": "그림자",
+        "enable-fullscreen": "전체화면 사용 ",
+        "background-color": "배경 색",
+        "text-color": "글자 색",
+        "padding": "패딩",
+        "title-style": "타이틀 스타일",
+        "mobile-mode-settings": "모바일 모드 설정",
+        "order": "순서",
+        "height": "높이",
+        "units": "값 옆에 표시할 특수 기호",
+        "decimals": "소수점 이하 자릿수",
+        "timewindow": "타임윈도우",
+        "use-dashboard-timewindow": "대시보드 타임윈도우",
+        "display-legend": "범례 표시",
+        "datasources": "데이터소스",
+        "datasource-type": "유형",
+        "datasource-parameters": "파라미터",
+        "remove-datasource": "데이터소스 삭제",
+        "add-datasource": "데이터소스 추가",
+        "target-device": "대상 디바이스"
+    },
+    "widget-type": {
+        "import": "위젯 타입 가져오기",
+        "export": "위젯 타입 내보내기",
+        "export-failed-error": "위젯 타입을 내보내기 할 수 없습니다.: {{error}}",
+        "create-new-widget-type": "새로운 위젯 타입 생성",
+        "widget-type-file": "위젯 타입 파일",
+        "invalid-widget-type-file-error": "위젯 타입을 가져오기 할 수 없습니다.: 잘못된 위젯 타입 데이터 구조입니다."
+    },
+    "widgets": {
+        "date-range-navigator": {
+            "localizationMap": {
+                "Sun": "일",
+                "Mon": "월",
+                "Tue": "화",
+                "Wed": "수",
+                "Thu": "목",
+                "Fri": "금",
+                "Sat": "토",
+                "Jan": "1월",
+                "Feb": "2월",
+                "Mar": "3월",
+                "Apr": "4월",
+                "May": "5월",
+                "Jun": "6월",
+                "Jul": "7월",
+                "Aug": "8월",
+                "Sep": "9월",
+                "Oct": "10월",
+                "Nov": "11월",
+                "Dec": "12월",
+                "January": "일월",
+                "February": "이월",
+                "March": "행진",
+                "April": "4 월",
+                "June": "유월",
+                "July": "칠월",
+                "August": "팔월",
+                "September": "구월",
+                "October": "십월",
+                "November": "십일월",
+                "December": "12 월",
+                "Custom Date Range": "맞춤 기간",
+                "Date Range Template": "기간 템플릿",
+                "Today": "오늘",
+                "Yesterday": "어제",
+                "This Week": "이번 주",
+                "Last Week": "지난주",
+                "This Month": "이번 달",
+                "Last Month": "지난 달",
+                "Year": "년",
+                "This Year": "올해",
+                "Last Year": "작년",
+                "Date picker": "날짜 선택기",
+                "Hour": "시간",
+                "Day": "일",
+                "Week": "주",
+                "2 weeks": "이주",
+                "Month": "달",
+                "3 months": "3 개월",
+                "6 months": "6 개월",
+                "Custom interval": "사용자 지정 간격",
+                "Interval": "간격",
+                "Step size": "단계 크기",
+                "Ok": "Ok"
+            }
+        }
+    },
+    "icon": {
+        "icon": "Icon",
+        "select-icon": "Select icon",
+        "material-icons": "Material icons",
+        "show-all": "Show all icons"
+    },
+    "custom": {
+        "widget-action": {
+            "action-cell-button": "Action cell button",
+            "row-click": "On row click",
+            "polygon-click": "On polygon click",
+            "marker-click": "On marker click",
+            "tooltip-tag-action": "Tooltip tag action"
+        }
+    },
+    "language": {
+        "language": "언어"
+    }
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-lv_LV.json b/ui-ngx/src/assets/locale/locale.constant-lv_LV.json
new file mode 100644
index 0000000000..38df5ff1bd
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-lv_LV.json
@@ -0,0 +1,1682 @@
+{
+    "access": {
+        "unauthorized": "Neatļauta",
+        "unauthorized-access": "Neatļauta piekļuve",
+        "unauthorized-access-text": "Lai piekļūtu šim resursam, jums jāpierakstās!",
+        "access-forbidden": "Piekļuve aizliegta",
+        "access-forbidden-text": "Jums nav piekļuves tiesību!<br/>Mēģiniet pierakstīties ar citu lietotājvārdu.",
+        "refresh-token-expired": "Sesija ir beigusies",
+        "refresh-token-failed": "Nevar atjaunot sesiju"
+    },
+    "action": {
+        "activate": "Aktivizēt",
+        "suspend": "Apturēt",
+        "save": "Saglabāt",
+        "saveAs": "Saglabāt kā",
+        "cancel": "Atcelt",
+        "ok": "OK",
+        "delete": "Dzēst",
+        "add": "Pievienot",
+        "yes": "Jā",
+        "no": "Nē",
+        "update": "Atjaunināt",
+        "remove": "Noņemt",
+        "search": "Meklēt",
+        "clear-search": "Notīrīt meklēšanu",
+        "assign": "Piešķirt",
+        "unassign": "Noņemt",
+        "share": "Dalīties",
+        "make-private": "Padarīt privātu",
+        "apply": "Pielietot",
+        "apply-changes": "Pielietot izmaiņas",
+        "edit-mode": "Rediģēšanas režīms",
+        "enter-edit-mode": "Ievadiet rediģēšanas režīmu",
+        "decline-changes": "Noraidīt izmaiņas",
+        "close": "Aizvērt",
+        "back": "Atpakaļ",
+        "run": "Uz priekšu",
+        "sign-in": "Pierakstīties!",
+        "edit": "Rediģēt",
+        "view": "Skatīt",
+        "create": "Radīt",
+        "drag": "Velciet",
+        "refresh": "Atjaunot",
+        "undo": "Atsaukt",
+        "copy": "Kopēt",
+        "paste": "Ielīmēt",
+        "copy-reference": "Kopija atsauce",
+        "paste-reference": "Ielīmēt atsauce",
+        "import": "Importēt",
+        "export": "Eksportēt",
+        "share-via": "Dalīties caur {{provider}}",
+        "continue": "Turpināt"
+    },
+    "aggregation": {
+        "aggregation": "Sakopojums",
+        "function": "Datu sakopojuma funkcija",
+        "limit": "Limits",
+        "group-interval": "Grupas intervāls",
+        "min": "Min",
+        "max": "Max",
+        "avg": "Vidējais",
+        "sum": "Sum",
+        "count": "Skaits",
+        "none": "Neviena"
+    },
+    "admin": {
+        "general": "Vispārīgi",
+        "general-settings": "Vispārīgie iestatījumi",
+        "outgoing-mail": "Pasta serveris",
+        "outgoing-mail-settings": "Izejošā pasta servera iestatījumi",
+        "system-settings": "Sistēmas iestatījumi",
+        "test-mail-sent": "Testa  pasts sekmīgi nosūtīts!",
+        "base-url": "pamata URL",
+        "base-url-required": "Pamata URL ir nepieciešams.",
+        "mail-from": "Pasts no",
+        "mail-from-required": "Pasts no ir nepieciešams.",
+        "smtp-protocol": "SMTP protokols",
+        "smtp-host": "SMTP saimnieks",
+        "smtp-host-required": "SMTP saimnieks ir nepieciešams.",
+        "smtp-port": "SMTP ports",
+        "smtp-port-required": "Jums vajag nodrošināt SMTP portu.",
+        "smtp-port-invalid": "Tas neizskatās pēc atļauta SMTP porta.",
+        "timeout-msec": "Pārtraukums (msec)",
+        "timeout-required": "Pārtraukums ir nepieciešams.",
+        "timeout-invalid": "Tas neizskatās pēc atļauta pārtraukuma.",
+        "enable-tls": "Iespējot TLS",
+        "send-test-mail": "Nosūtīt testa pastu"
+    },
+    "alarm": {
+        "alarm": "Trauksme",
+        "alarms": "Trauksmes",
+        "select-alarm": "Atlasīt trauksmi",
+        "no-alarms-matching": "Nav atbilstošu trauksmju '{{entity}}' .",
+        "alarm-required": "Trauksme ir nepieciešama",
+        "alarm-status": "Trauksmes statuss",
+        "search-status": {
+            "ANY": "Jebkura",
+            "ACTIVE": "Aktīvs",
+            "CLEARED": "Dzēsts",
+            "ACK": "Apstiprināts",
+            "UNACK": "Neapstiprināts"
+        },
+        "display-status": {
+            "ACTIVE_UNACK": "Aktīvs Neapstiprināts",
+            "ACTIVE_ACK": "Aktīvs Apstiprināts",
+            "CLEARED_UNACK": "Dzēsts Neapstiprināts",
+            "CLEARED_ACK": "Dzēsts Apstiprināts"
+        },
+        "no-alarms-prompt": "Trauksmes nav atrastas",
+        "created-time": "Izveidošanas laiks",
+        "type": "Tips",
+        "severity": "Smaguma pakāpe",
+        "originator": "Iniciātors",
+        "originator-type": "Iniciātora tips",
+        "details": "Detaļas",
+        "status": "Statuss",
+        "alarm-details": "Trauksmes detaļas",
+        "start-time": "Sākuma laiks",
+        "end-time": "Beigu laiks",
+        "ack-time": "Apstiprinājuma laiks",
+        "clear-time": "Notīrīšanas laiks",
+        "severity-critical": "Smaguma pakāpe - kritiska",
+        "severity-major": "Būtiska",
+        "severity-minor": "Minora",
+        "severity-warning": "Brīdinājums",
+        "severity-indeterminate": "Nenoteikts",
+        "acknowledge": "Apstiprināt",
+        "clear": "Notīrīt",
+        "search": "Meklēt trauksmes",
+        "selected-alarms": "{ count, plural, 1 {1 alarm} other {# trauksmes} } selected",
+        "no-data": "Nav datu ko attēlot",
+        "polling-interval": "Trauksmju pārbaužu intervāls (sec)",
+        "polling-interval-required": "Trauksmju pārbaužu intervāls ir nepieciešams.",
+        "min-polling-interval-message": "Vismaz 1 sekundes pārbaužu intervāls ir atļauts.",
+        "aknowledge-alarms-title": "Apstiprināt { count, plural, 1 {1 alarm} other {# trauksmes} }",
+        "aknowledge-alarms-text": "Vai Jūs tiešām vēlaties apstirpināt { count, plural, 1 {1 alarm} other {# trauksmes} }?",
+        "aknowledge-alarm-title": "Apstiprināt trauksmi",
+        "aknowledge-alarm-text": "Vai Jūs tiešām vēlaties apstiprināt trauksmi?",
+        "clear-alarms-title": "Dzēst { count, plural, 1 {1 alarm} other {# trauksmes} }",
+        "clear-alarms-text": "Vai Jūs tiešām vēlaties dzēst { count, plural, 1 {1 alarm} other {# trauksmes} }?",
+        "clear-alarm-title": "Dzēst trauksmi",
+        "clear-alarm-text": "Vai Jūs tiešām vēlaties dzēst trauksmi?",
+        "alarm-status-filter": "Trauksmes statusa filtrs"
+    },
+    "alias": {
+        "add": "Pievienot segvārdu",
+        "edit": "Rediģēt segvārdu",
+        "name": "Segvārda nosaukums",
+        "name-required": "Segvārda nosaukums vārds ir nepieciešams",
+        "duplicate-alias": "Segvārds ar tādu pašu nosaukumu jau eksistē.",
+        "filter-type-single-entity": "Viena vienība",
+        "filter-type-entity-list": "Vienību saraksts",
+        "filter-type-entity-name": "Vienības vārds",
+        "filter-type-state-entity": "Vienība no paneļa stāvokļa",
+        "filter-type-state-entity-description": "Vienība ņemta no paneļa stāvokļa parametriem",
+        "filter-type-asset-type": "Aktīvu tips",
+        "filter-type-asset-type-description": "Aktīvu tipi '{{assetType}}'",
+        "filter-type-asset-type-and-name-description": "Aktīvu tips '{{assetType}}' un ar vārdu sākot ar '{{prefix}}'",
+        "filter-type-device-type": "Iekārtas tips",
+        "filter-type-device-type-description": "Iekārtas tipi '{{deviceType}}'",
+        "filter-type-device-type-and-name-description": "Iekārtas tipi '{{deviceType}}' un ar vārdu sākot ar '{{prefix}}'",
+        "filter-type-entity-view-type": "Vienības skata tips",
+        "filter-type-entity-view-type-description": "Vienības skats tipam '{{entityView}}'",
+        "filter-type-entity-view-type-and-name-description": "Vienības skats tipam '{{entityView}}' un ar vārdu sākot ar '{{prefix}}'",
+        "filter-type-relations-query": "Attiecību vaicājums",
+        "filter-type-relations-query-description": "{{entities}} kam ir {{relationType}} attiecība {{direction}} {{rootEntity}}",
+        "filter-type-asset-search-query": "Aktīvu meklēšanas vaicājums",
+        "filter-type-asset-search-query-description": "Aktīvi ar tipu {{assetTypes}} kam ir {{relationType}} attiecība {{direction}} {{rootEntity}}",
+        "filter-type-device-search-query": "Iekārtu meklēšanas vaicājums",
+        "filter-type-device-search-query-description": "Iekārtas ar tipu {{deviceTypes}} kam ir {{relationType}} attiecība {{direction}} {{rootEntity}}",
+        "filter-type-entity-view-search-query": "Vienības skata meklēšanas vaicājuma",
+        "filter-type-entity-view-search-query-description": "Vienību skats ar tipu {{entityViewTypes}} kam ir {{relationType}} attiecība {{direction}} {{rootEntity}}",
+        "entity-filter": "Vienību filtrs",
+        "resolve-multiple": "Atrisināt kā daudzas vienības",
+        "filter-type": "Filtra tips",
+        "filter-type-required": "Filtra tips ir nepieciešams.",
+        "entity-filter-no-entity-matched": "Nav atrastas vienības kam atbilst filtru iestatījumi.",
+        "no-entity-filter-specified": "Nav vienību filtrs specificēts",
+        "root-state-entity": "Lieto paneļa statusa vienību kā sakni ",
+        "root-entity": "Saknes vienības",
+        "state-entity-parameter-name": "Statusa vienības parametra vārds",
+        "default-state-entity": "Noklusējuma statusa vienība",
+        "default-entity-parameter-name": "Pēc noklusējuma",
+        "max-relation-level": "Maksimālais attiecību līmenis",
+        "unlimited-level": "Nelimitēts līmenis",
+        "state-entity": "Paneļa statusa vienība",
+        "all-entities": "Visas vienības",
+        "any-relation": "Jebkura"
+    },
+    "asset": {
+        "asset": "Aktīvs",
+        "assets": "Aktīvi",
+        "management": "Aktīvu pārvaldība",
+        "view-assets": "Skatīt aktīvus",
+        "add": "Pievienot aktīvu",
+        "assign-to-customer": "Pieškirt klientam",
+        "assign-asset-to-customer": "Piešķirt aktīvu klientam",
+        "assign-asset-to-customer-text": "Lūdzu izvēlēties aktīvu lai pieškirtu klientam",
+        "no-assets-text": "Aktīvi nav atrasti",
+        "assign-to-customer-text": "Lūdzu izvēlēties klientu lai pieškirtu aktīvu",
+        "public": "Publisks",
+        "assignedToCustomer": "Pieškirts klientam",
+        "make-public": "Veidot aktīvu publisku",
+        "make-private": "Veidot aktīvu privātu",
+        "unassign-from-customer": "Noņemt klientam",
+        "delete": "Dzēst aktīvu",
+        "asset-public": "Aktīvs ir publisks",
+        "asset-type": "Aktīva tips",
+        "asset-type-required": "Aktīva tips ir nepieciešams.",
+        "select-asset-type": "Izvēlies aktīva tipu",
+        "enter-asset-type": "Ievadi aktīva tipu",
+        "any-asset": "Jebkurš aktīvs",
+        "no-asset-types-matching": "Nav atbilstošs aktīvu tips '{{entitySubtype}}' atrasts.",
+        "asset-type-list-empty": "Nav aktīvu tipi izvēlēti.",
+        "asset-types": "Aktīvu tipi",
+        "name": "Vārds",
+        "name-required": "Vārds ir nepieciešams.",
+        "description": "Apraksts",
+        "type": "Tips",
+        "type-required": "Tips ir nepieciešams.",
+        "details": "Detaļas",
+        "events": "Notikumi",
+        "add-asset-text": "Pievieno jaunu aktīvu",
+        "asset-details": "Aktīvu detaļas",
+        "assign-assets": "Piešķirt aktīvus",
+        "assign-assets-text": "Piešķirt { count, plural, 1 {1 asset} other {# aktīvus} } klientam",
+        "delete-assets": "Dzēst aktīvus",
+        "unassign-assets": "Noņemt aktīvus",
+        "unassign-assets-action-title": "Noņemt { count, plural, 1 {1 asset} other {# aktīvus} } no klienta",
+        "assign-new-asset": "Pieškirt jaunu aktīvu",
+        "delete-asset-title": "Vai esat pārliecināts,ka vēlaties dzēst aktīvu '{{assetName}}'?",
+        "delete-asset-text": "Esiet uzmanīgs, pēc apstiprināšanas aktīvs un saistītie dati nebūs atjaunojami.",
+        "delete-assets-title": "Vai esat pārliecināts ka vēlaties dzēst { count, plural, 1 {1 asset} other {# aktīvus} }?",
+        "delete-assets-action-title": "Dzēst { count, plural, 1 {1 asset} other {# aktīvus} }",
+        "delete-assets-text": "Esiet uzmanīgs, pēc apstiprinājuma visi izvēlētie aktīvi tiks dzēsti un saistītā informācija nebūs atjaunojama.",
+        "make-public-asset-title": "Vai esat pārliecināts ka vēlaties aktīvu '{{assetName}}' veidot publisku?",
+        "make-public-asset-text": "Pēc apstiprinājuma aktīvs un tā dati tiks publiski pieejami.",
+        "make-private-asset-title": "Vai esat pārliecināts ka vēlaties aktīvu '{{assetName}}' veidot privātu?",
+        "make-private-asset-text": "Pēc apstiprinājums aktīvs un tā saistītie dati būs privāti un nebūs pieejami citiem.",
+        "unassign-asset-title": "Vai esat pārliecināts ka vēlaties noņemt aktīvu '{{assetName}}'?",
+        "unassign-asset-text": "Pēc apstiprināšanas aktīvs tiks noņemts un nebūs pieejams klientiem.",
+        "unassign-asset": "Noņemt aktīvu",
+        "unassign-assets-title": "Vai esat pārliecināts ka vēlaties noņemt  { count, plural, 1 {1 asset} other {# aktīvus} }?",
+        "unassign-assets-text": "Pēc apstiprināšanas visi izvēlētie aktīvi būs noņemti un nebūs pieejami klientiem.",
+        "copyId": "Kopēt aktīva Id",
+        "idCopiedMessage": "Aktīva Id ir kopēts uz starpliktuvi",
+        "select-asset": "Atlasīt aktīvu",
+        "no-assets-matching": "Nav atbilstošs aktīvs '{{entity}}' atrasts.",
+        "asset-required": "Aktīvs ir nepieciešams",
+        "name-starts-with": "Aktīva vārds sākas ar",
+        "import": "Importēt aktīvus",
+        "asset-file": "Aktīvu fails"
+    },
+    "attribute": {
+        "attributes": "Attribūti",
+        "latest-telemetry": "Jaunākā telemetrija",
+        "attributes-scope": "Vienības atribūtu darbības joma",
+        "scope-latest-telemetry": "Jaunākā telemetrija",
+        "scope-client": "Klientu atribūti",
+        "scope-server": "Servera atribūti",
+        "scope-shared": "Dalītie atribūti",
+        "add": "Pievieno atribūtu",
+        "key": "Atslēga",
+        "last-update-time": "Pēdēja atjaunojuma laiks",
+        "key-required": "Atribūta atslēga ir nepieciešama.",
+        "value": "Vērtība",
+        "value-required": "Atribūta vērtība ir nepieciešama.",
+        "delete-attributes-title": "Vai esat pārliecināts ka vēlaties dzēst { count, plural, 1 {1 attribute} other {# attribūtus} }?",
+        "delete-attributes-text": "Esiet uzmanīgs, pēc apstiprinājuma visi izvēlētie atribūti tiks dzēsti.",
+        "delete-attributes": "Dzēst atribūtu",
+        "enter-attribute-value": "Ievadiet atribūta vērtību",
+        "show-on-widget": "Parādīt logrīkā",
+        "widget-mode": "Logrīka režīms",
+        "next-widget": "Nākamais logrīks",
+        "prev-widget": "Iepriekšējais logrīks",
+        "add-to-dashboard": "Pievienot panelim",
+        "add-widget-to-dashboard": "Pievienot logrīku panelim",
+        "selected-attributes": "{ count, plural, 1 {1 attribute} other {# atribūtus} } izvēlētajam",
+        "selected-telemetry": "{ count, plural, 1 {1 telemetry unit} other {# telemetrijas vienības} } izvēlētas"
+    },
+    "audit-log": {
+        "audit": "Audits",
+        "audit-logs": "Audita logs",
+        "timestamp": "Laika zīmogs",
+        "entity-type": "Vienības tips",
+        "entity-name": "Vienības vārds",
+        "user": "Lietotājs",
+        "type": "Tips",
+        "status": "Statuss",
+        "details": "Detaļas",
+        "type-added": "Pievienots",
+        "type-deleted": "Dzēsts",
+        "type-updated": "Atjaunots",
+        "type-attributes-updated": "Atribūti atjaunoti",
+        "type-attributes-deleted": "Atribūti dzēsti",
+        "type-rpc-call": "RPC izsaukumi",
+        "type-credentials-updated": "Akreditācijas dati atjaunoti",
+        "type-assigned-to-customer": "Pieškirts klientam",
+        "type-unassigned-from-customer": "Noņemts no klienta",
+        "type-activated": "Aktivizēts",
+        "type-suspended": "Apturēts",
+        "type-credentials-read": "Akreditācijas datu nolasījums",
+        "type-attributes-read": "Atribūtu nolasījums",
+        "type-relation-add-or-update": "Attiecība atjaunota",
+        "type-relation-delete": "Atiecība dzēsta",
+        "type-relations-delete": "Visas attiecības dzēstas",
+        "type-alarm-ack": "Apstiprinājums",
+        "type-alarm-clear": "Notīrīts",
+        "status-success": "Sekmīgi",
+        "status-failure": "Neveiksme",
+        "audit-log-details": "Audita loga detaļas",
+        "no-audit-logs-prompt": "Nav logu atrastu",
+        "action-data": "Aktivitāšu dati",
+        "failure-details": "Neveiksmju detaļas",
+        "search": "Meklēt audita logus",
+        "clear-search": "Notīrīt meklēšanu"
+    },
+    "confirm-on-exit": {
+        "message": "Jums ir nesaglabātas izmaiņas. Vai tiešām vēlaties pamest šo lapu?",
+        "html-message": "Jums ir nesaglabātas izmaiņas.<br/>Vai tiešām vēlaties pamest šo lapu?",
+        "title": "Nesaglabātas izmaiņas"
+    },
+    "contact": {
+        "country": "Valsts",
+        "city": "Pilsēta",
+        "state": "Štats/Province",
+        "postal-code": "Zip / Pasta kods",
+        "postal-code-invalid": "Invalīds Zip / Pasta koda formāts.",
+        "address": "Adrese",
+        "address2": "Adrese 2",
+        "phone": "Telefons",
+        "email": "Email",
+        "no-address": "Nav adreses"
+    },
+    "common": {
+        "username": "Lietotājvārdse",
+        "password": "Parole",
+        "enter-username": "Ievadiet lietotājvārdu",
+        "enter-password": "Ievadiet paroli",
+        "enter-search": "Ievadiet meklēt"
+    },
+    "content-type": {
+        "json": "Json",
+        "text": "Teksts",
+        "binary": "Bināri (Base64)"
+    },
+    "customer": {
+        "customer": "Klients",
+        "customers": "Klienti",
+        "management": "Klientu pārvaldība",
+        "dashboard": "Klientu panelis",
+        "dashboards": "Klientu paneļi",
+        "devices": "Klienta iekārtas",
+        "entity-views": "Klienta vienību skati",
+        "assets": "Klienta aktīvi",
+        "public-dashboards": "Publiskie paneļi",
+        "public-devices": "Publiskās iekārtas",
+        "public-assets": "Publiskie aktīvi",
+        "public-entity-views": "Publisko vienību skati",
+        "add": "Pievienot klientu",
+        "delete": "Dzēst klientu",
+        "manage-customer-users": "Pārvaldīt klienta lietotājus",
+        "manage-customer-devices": "Pārvaldīt klienta iekārtas",
+        "manage-customer-dashboards": "Pārvaldīt klienta paneļus",
+        "manage-public-devices": "Pārvaldīt publiskās iekārtas",
+        "manage-public-dashboards": "Pārvaldīt publiskos paneļus",
+        "manage-customer-assets": "Pārvaldīt klienta aktīvus",
+        "manage-public-assets": "Pārvaldīt publiskos aktīvus",
+        "add-customer-text": "Pievienot jaunu klientu",
+        "no-customers-text": "Nav klienti atrasti",
+        "customer-details": "Klienta detaļas",
+        "delete-customer-title": "Vai esat pārliecināts, ka vēlaties dzēst klientu '{{customerTitle}}'?",
+        "delete-customer-text": "Esiet uzmanīgs, pēc apstiprinājuma klients un tā saistītie dati nebūs atjaunojami.",
+        "delete-customers-title": "Vai esat pārliecināts, ka vēlaties dzēst { count, plural, 1 {1 customer} other {# klientus} }?",
+        "delete-customers-action-title": "Dzēst { count, plural, 1 {1 customer} other {# klientus} }",
+        "delete-customers-text": "Esiet uzmanīgs, pēc apstiprinājuma visi izvēlētie klienti tisk dzēsti un to saistītie dati nebūs atjaunojami.",
+        "manage-users": "Pārvaldīt lietotājus",
+        "manage-assets": "Pārvaldīt aktīvus",
+        "manage-devices": "Pārvaldīt iekārtas",
+        "manage-dashboards": "Pārvaldīt paneļus",
+        "title": "Virsraksts",
+        "title-required": "Virsraksts ir nepieciešams.",
+        "description": "Apraksts",
+        "details": "Detaļas",
+        "events": "Notikumi",
+        "copyId": "Kopēt klienta Id",
+        "idCopiedMessage": "Klienta Id ir kopēts uz starpliktuvi",
+        "select-customer": "Atlasīt klientu",
+        "no-customers-matching": "Nav atbilstoši klienti '{{entity}}' atrasti.",
+        "customer-required": "Klients ir nepieciešams",
+        "select-default-customer": "Atlasīt pamata klientu",
+        "default-customer": "Pamata klients",
+        "default-customer-required": "Pamata klients ir nepieciešams lai atkļūdotu paneli īrnieka līmenī"
+    },
+    "datetime": {
+        "date-from": "Datums no",
+        "time-from": "Laiks no",
+        "date-to": "Datums līdz",
+        "time-to": "Laiks līdz"
+    },
+    "dashboard": {
+        "dashboard": "Panelis",
+        "dashboards": "Paneļi",
+        "management": "Paneļu pārvaldība",
+        "view-dashboards": "Skatīt paneļus",
+        "add": "Pievienot paneļus",
+        "assign-dashboard-to-customer": "Piešķirt paneļus klientam",
+        "assign-dashboard-to-customer-text": "Lūdzu izvēlēties paneļus lai piešķirtu tos klientam",
+        "assign-to-customer-text": "Lūdzu izvēlēties klientu, kuram piešķirt paneļus",
+        "assign-to-customer": "Piešķirt klientam",
+        "unassign-from-customer": "Noņemt no klienta",
+        "make-public": "Veidot paneli publisku",
+        "make-private": "Veidot paneli privātu",
+        "manage-assigned-customers": "Pārvaldīt piešķirtos klientus",
+        "assigned-customers": "Piešķirtie klienti",
+        "assign-to-customers": "Piešķirt paneļus klientiem",
+        "assign-to-customers-text": "Lūdzu atlasīt klientus lai pieškirtu paneļus",
+        "unassign-from-customers": "Noņemt no klientiem paneļus",
+        "unassign-from-customers-text": "Lūdzu atlasīt klientus kuriem noņemt paneļus",
+        "no-dashboards-text": "Nav paneļi atrasti",
+        "no-widgets": "Nav logrīki konfigurēti",
+        "add-widget": "Pievienot jaunu logrīku",
+        "title": "Virsraksts",
+        "select-widget-title": "Atlasīt logrīku",
+        "select-widget-subtitle": "Pieejamo logrīku tipu saraksts",
+        "delete": "Dzēst paneli",
+        "title-required": "Virsraksts ir nepieciešams.",
+        "description": "Apraksts",
+        "details": "Detaļas",
+        "dashboard-details": "Paneļa detaļas",
+        "add-dashboard-text": "Pievienot jaunu paneli",
+        "assign-dashboards": "Pieškirt paneļus",
+        "assign-new-dashboard": "Pieškirt jaunu paneli",
+        "assign-dashboards-text": "Pieškirt { count, plural, 1 {1 dashboard} other {# paneļus} } klientiem",
+        "unassign-dashboards-action-text": "Noņemt { count, plural, 1 {1 dashboard} other {# paneļus} } no klientiem",
+        "delete-dashboards": "Dzēst paneļus",
+        "unassign-dashboards": "Noņemt paneļus",
+        "unassign-dashboards-action-title": "Noņemt { count, plural, 1 {1 dashboard} other {# paneļus} } no klienta",
+        "delete-dashboard-title": "Vai esat pārliecināts ka vēlaties dzēst paneli '{{dashboardTitle}}'?",
+        "delete-dashboard-text": "Esiet uzmanīgs, pēc apstiprinājuma panelis un visi tā saistītie dati nebūs atjaunojami.",
+        "delete-dashboards-title": "Vai esat pārliecināts ka vēlaties dzēst  { count, plural, 1 {1 dashboard} other {# paneļus} }?",
+        "delete-dashboards-action-title": "Dzēst { count, plural, 1 {1 dashboard} other {# paneļus} }",
+        "delete-dashboards-text": "Esiet uzmanīgs, pēc apstiprinājuma visi izvēlētie paneļi būs noņemti un visi saistitie dati nebūs atjaunojami.",
+        "unassign-dashboard-title": "Vai esat pārliecināts, ka vēlaties noņemt paneli '{{dashboardTitle}}'?",
+        "unassign-dashboard-text": "Pēc apstiprinājuma panelis tiks noņemts un nebūs pieejams klientam.",
+        "unassign-dashboard": "Noņemt paneli",
+        "unassign-dashboards-title": "Vai esat pārliecināts ka vēlaties noņemt { count, plural, 1 {1 dashboard} other {# paneļus} }?",
+        "unassign-dashboards-text": "Pēc apstiprinājuma visi izvēlētie paneļi būs noņemti un nebūs pieejami klientam.",
+        "public-dashboard-title": "Panelis tagad ir publisks",
+        "public-dashboard-text": "Jūsu panelis <b>{{dashboardTitle}}</b> tagad ir publisks un pieejams pēc saites  <a href='{{publicLink}}' target='_blank'>link</a>:",
+        "public-dashboard-notice": "<b>Note:</b> Neaizmirstie veidot attiecīgās iekārtas publiski pieejamas lai piekļutu to datiem.",
+        "make-private-dashboard-title": "Vai esat pārliecināts, ka vēlaties veidot paneli '{{dashboardTitle}}' privātu?",
+        "make-private-dashboard-text": "Pēc apstiprinājuma panelis būs privāts un nebūs pieejams citiem.",
+        "make-private-dashboard": "Veidot paneli privātu",
+        "socialshare-text": "'{{dashboardTitle}}' atbalsts no TeT",
+        "socialshare-title": "'{{dashboardTitle}}' atbalsts no TeT",
+        "select-dashboard": "Atlasīt paneli",
+        "no-dashboards-matching": "Nav atbilstoši paneļi '{{entity}}' atrasti.",
+        "dashboard-required": "Penelis ir nepieciešams.",
+        "select-existing": "Atlasīt paneli",
+        "create-new": "Radīt jaunu paneli",
+        "new-dashboard-title": "Jauns paneļa Virsraksts",
+        "open-dashboard": "Atvērt paneli",
+        "set-background": "Iestatīt fonu",
+        "background-color": "Fona krāsa",
+        "background-image": "Fona attēls",
+        "background-size-mode": "Fona lieluma mode",
+        "no-image": "Nav izvēlēts attēls",
+        "drop-image": "Nomest attēlu vai noklikšķiniet lai atlasītu failu augšupielādei.",
+        "settings": "Iestatījumi",
+        "columns-count": "Kolonu skaitīšana",
+        "columns-count-required": "Kolonu skaitīšana ir nepieciešams.",
+        "min-columns-count-message": "Tikai minimums 10 kolonu skaitīšana ir atļauta.",
+        "max-columns-count-message": "Tikai maksimums 100 kolonu skaitīšana ir atļauta.",
+        "widgets-margins": "Robeža starp logrīkiem",
+        "horizontal-margin": "Horizontālā robeža",
+        "horizontal-margin-required": "Horizontālās robežas vērtība ir nepieciešama.",
+        "min-horizontal-margin-message": "Tikai 0 ir atļauta kā minimālā horizontālās robežas vērtība.",
+        "max-horizontal-margin-message": "Tikai 50 ir atļauta kā maksimālā horizontālās robežas vērtība.",
+        "vertical-margin": "Vertikālā robeža",
+        "vertical-margin-required": "Vertikālās robežas vērtība ir nepieciešama.",
+        "min-vertical-margin-message": "Tikai 0 ir atļauta kā minimālā vertikālās robežas vērtība.",
+        "max-vertical-margin-message": "Tikai 50 ir atļauta kā maksimālā vertikālās robežas vērtība.",
+        "autofill-height": "Automātiskās aizpildīšanas izkārtojuma augstums",
+        "mobile-layout": "Mobilā izkārtojuma iestatījumi",
+        "mobile-row-height": "Mobilās rindas augstums, px",
+        "mobile-row-height-required": "Mobile row height value is required.",
+        "min-mobile-row-height-message": "Tikai 5 pikseļi ir atļauti kā minimālās mobilās rindas augstuma vērtības.",
+        "max-mobile-row-height-message": "Tikai 200 pikseļi ir atļauti kā maksimālās mobilās rindas augstuma vērtības.",
+        "display-title": "Parādīt paneļa virsrakstu",
+        "toolbar-always-open": "Turēt rīkjoslu atvērtu",
+        "title-color": "Virsraksta krāsa",
+        "display-dashboards-selection": "Parādīt paneļa izvēli",
+        "display-entities-selection": "Parādīt vienību izvēli",
+        "display-dashboard-timewindow": "Parādīt laika logu",
+        "display-dashboard-export": "Parādīt eksportu",
+        "import": "Importēt paneli",
+        "export": "Eksportēt panelis",
+        "export-failed-error": "Nav iespējams eksportēt paneli: {{error}}",
+        "create-new-dashboard": "Radīt jaunu paneli",
+        "dashboard-file": "Paneļa fails",
+        "invalid-dashboard-file-error": "Nav iespējams importēt paneli: Invalīda paneļa datu struktūra.",
+        "dashboard-import-missing-aliases-title": "Jānokonfigurē segvārdi kas lietoti importētajā panelī",
+        "create-new-widget": "Radīt jaunu logrīku",
+        "import-widget": "Importēt logrīku",
+        "widget-file": "Logrīka fails",
+        "invalid-widget-file-error": "Nav iespējams importēt logrīku: Invalīda logrīka datu struktūra.",
+        "widget-import-missing-aliases-title": "Jānokonfigurē segvārdi kas lietoti importētajā logrīkā",
+        "open-toolbar": "Atvērt paneļa rīkjoslu",
+        "close-toolbar": "Aizvērt rīkjoslu",
+        "configuration-error": "Konfigurācijas kļūda",
+        "alias-resolution-error-title": "Paneļa segvārdu konfigurācijas kļūda",
+        "invalid-aliases-config": "Nav iespējams atrast nevienu iekārtu kam atbilst kāds no segvārdu filtriem.<br/>Lūdzu sazinieties ar savu administrātoru.",
+        "select-devices": "Atlasīt iekārtas",
+        "assignedToCustomer": "Pišķirtas klientam",
+        "assignedToCustomers": "Piešķirtas klientiem",
+        "public": "Publisks",
+        "public-link": "Publiska saite",
+        "copy-public-link": "Kopēt publisku saiti",
+        "public-link-copied-message": "Paneļa publiskā saite ir kopēta starpliktuvē",
+        "manage-states": "Pārvaldīt paneļa stāvokļus",
+        "states": "Paneļa stāvokļi",
+        "search-states": "Meklēt paneļa stāvokļus",
+        "selected-states": "{ count, plural, 1 {1 dashboard state} other {# paneļu statusus} } atlasītos",
+        "edit-state": "Rediģēt paneļa stāvokli",
+        "delete-state": "Dzēst paneļa stāvokli",
+        "add-state": "Pievienot paneļa stāvokli",
+        "state": "Paneļa stāvoklis",
+        "state-name": "Nosaukums",
+        "state-name-required": "Paneļa stāvokļa nosaukums ir nepieciešams.",
+        "state-id": "Stāvokļa Id",
+        "state-id-required": "Paneļa stāvokļa Id ir nepieciešams.",
+        "state-id-exists": "Paneļa stāvoklis ar šādu Id jau eksistē.",
+        "is-root-state": "Saknes stāvoklis",
+        "delete-state-title": "Dzēst paneļa stāvokli",
+        "delete-state-text": "Vai esat pārliecināts ka vēlaties dzēst paneļa stāvokli ar nosaukumu '{{stateName}}'?",
+        "show-details": "Rādīt detaļas",
+        "hide-details": "Noslēpt detaļas",
+        "select-state": "Atlasīt mērķa stāvokli",
+        "state-controller": "Stavokļa kontrolieris"
+    },
+    "datakey": {
+        "settings": "Iestatījumi",
+        "advanced": "Pieredzējis lietotājs",
+        "label": "Etiķete",
+        "color": "Krāsa",
+        "units": "Speciāls simbols, ko parādīt pēc vērtība",
+        "decimals": "Ciparu skaits aiz komata",
+        "data-generation-func": "Datu ģenerācijas funkcija",
+        "use-data-post-processing-func": "Lietot datu pēcapstrādes funkciju",
+        "configuration": "Datu atslēgu konfigurācija",
+        "timeseries": "Laika periodi",
+        "attributes": "Atribūti",
+        "alarm": "Trauksme",
+        "timeseries-required": "Vienības laika periodi ir nepieciešami.",
+        "timeseries-or-attributes-required": "Vienības laika periodi/atribūti ir nepieciešami.",
+        "maximum-timeseries-or-attributes": "Maksimums { count, plural, 1 {1 timeseries/attribute is allowed.} other {# laika sērijas/atribūti ir atļauti} }",
+        "alarm-fields-required": "Trauksmes lauki ir nepieciešami.",
+        "function-types": "Funkciju tipi",
+        "function-types-required": "Funkciju tipi ir nepieciešami.",
+        "maximum-function-types": "Maksimums { count, plural, 1 {1 function type is allowed.} other {# funkciju tipi ir atļauti} }",
+        "time-description": "Laika zīmogs patreizējai vērtībai;",
+        "value-description": "patreizējā vērtība;",
+        "prev-value-description": "rezultāts no iepriekšējā funkciju pieprasījuma;",
+        "time-prev-description": "Laika zīmogs no iepriekšējās vērtības;",
+        "prev-orig-value-description": "Oriģinālā iepriekšējā vērtība;"
+    },
+    "datasource": {
+        "type": "Datu avota tips",
+        "name": "Nosaukums",
+        "add-datasource-prompt": "Lūdzu pievienot datu avotu"
+    },
+    "details": {
+        "edit-mode": "Rediģēšanas mode",
+        "toggle-edit-mode": "Pārslēgt rediģēšanas modi"
+    },
+    "device": {
+        "device": "Iekārta",
+        "device-required": "Iekārta ir nepieciešama.",
+        "devices": "Iekārtas",
+        "management": "Iekārtu pārvaldība",
+        "view-devices": "Skatīt iekārtas",
+        "device-alias": "Iekārtu segvārdi",
+        "aliases": "Iekārtas segvārdi",
+        "no-alias-matching": "'{{alias}}' nav atrasti.",
+        "no-aliases-found": "Nav segvārdi atrasti.",
+        "no-key-matching": "'{{key}}' nav atrasti.",
+        "no-keys-found": "Nav atslēgas atrastas.",
+        "create-new-alias": "Radīt jaunu!",
+        "create-new-key": "Radīt jaunu!",
+        "duplicate-alias-error": "Dublēti segvārdi atrasti '{{alias}}'.<br>Iekārtas segvārdiem ir jābūt unikāliem panelī.",
+        "configure-alias": "Konfigurēt '{{alias}}' segvārdus",
+        "no-devices-matching": "Nav iekārtu atbilstības '{{entity}}' atrastas.",
+        "alias": "Segvārdi",
+        "alias-required": "Iekārtu segvārdi ir nepieciešami.",
+        "remove-alias": "Noņemt iekārtas segvārdus",
+        "add-alias": "Pievienot iekārtas segvārdus",
+        "name-starts-with": "Iekārtas nosaukums sākas ar",
+        "device-list": "Iekārtu saraksts",
+        "use-device-name-filter": "Lietot filtru",
+        "device-list-empty": "Nav iekārtas atlasītas.",
+        "device-name-filter-required": "Iekārtas nosaukuma filtrs ir nepieciešams.",
+        "device-name-filter-no-device-matched": "Nav iekārtas kas sākas ar '{{device}}' atrastas.",
+        "add": "Pievienot iekārtu",
+        "assign-to-customer": "Piešķirt klientam",
+        "assign-device-to-customer": "Piešķirt iekārtas klientam",
+        "assign-device-to-customer-text": "Lūdzu atlasīt iekārtas lai pieškirtu klientam",
+        "make-public": "Veidot iekārtu publisku",
+        "make-private": "Veidot iekārtu privātu",
+        "no-devices-text": "Nav iekārtas atrastas",
+        "assign-to-customer-text": "Lūdzu atlasīt klientu lai pieškirtu iekārtas",
+        "device-details": "iekārtas detaļas",
+        "add-device-text": "Pievienot jaunu iekārtu",
+        "credentials": "Akreditācijas dati",
+        "manage-credentials": "Pārvaldīt akreditācijas datus",
+        "delete": "Dzēst iekārtu",
+        "assign-devices": "Pieškirt iekārtas",
+        "assign-devices-text": "Piešķirt { count, plural, 1 {1 device} other {# iekārtas} } klientam",
+        "delete-devices": "Dzēst iekārtas",
+        "unassign-from-customer": "Noņemt no klienta",
+        "unassign-devices": "Noņemt iekārtas",
+        "unassign-devices-action-title": "Noņemt { count, plural, 1 {1 device} other {# iekārtas} } no klienta",
+        "assign-new-device": "Pieškirt jaunu iekārtu",
+        "make-public-device-title": "Vai esat pārliecināts ka vēlaties veidot iekārtu '{{deviceName}}' publisku?",
+        "make-public-device-text": "Pēc apstiprinājuma iekārta un tās saistītie dati būs pieejami publiski un pieejami citiem.",
+        "make-private-device-title": "vai esat pārliecināts ka vēlaties veidot iekārtu '{{deviceName}}' privāti?",
+        "make-private-device-text": "Pēc apstiprinājuma iekārta un tās saistītie dati būs pieejami privāti un nebūs pieejami citiem.",
+        "view-credentials": "Skatīt akreditācijas datus",
+        "delete-device-title": "Vai esat pārliecināts, ka vēlaties dzēst iekārtu '{{deviceName}}'?",
+        "delete-device-text": "Esat uzmanīgs, pēc apstiprinājuma iekārta un tās saistītie dati nebūs atjaunojami.",
+        "delete-devices-title": "Vai esat pārliecināts, ka vēlaties dzēst { count, plural, 1 {1 device} other {# iekārtas} }?",
+        "delete-devices-action-title": "Dzēst { count, plural, 1 {1 device} other {# iekārtas} }",
+        "delete-devices-text": "Esat uzmanīgs, pēc apstiprinājuma iekārtas un to saistītie dati tiks noņemti un nebūs atjaunojami.",
+        "unassign-device-title": "Vai esat pārliecināts, ka vēlaties noņemt iekārtu '{{deviceName}}'?",
+        "unassign-device-text": "Pēc apstiprinājuma iekārta tiks noņemta un nebūs pieejama klientam.",
+        "unassign-device": "Noņemt iekārtu",
+        "unassign-devices-title": "Vai esat pārliecināts, ka vēlaties noņemt  { count, plural, 1 {1 device} other {# iekārtas} }?",
+        "unassign-devices-text": "Pēc apstipinājuma visas atlasītās iekārtas būs noņemtas un nebūs pieejamas klientam.",
+        "device-credentials": "iekārtas akreditācijas dati",
+        "credentials-type": "Akreditācijas datu tips",
+        "access-token": "Piekļuves tokens",
+        "access-token-required": "Piekļuves tokens ir nepieciešams.",
+        "access-token-invalid": "Piekļuves tokena garumam ir jābūt no 1 līdz 20 rakstzīmēm.",
+        "rsa-key": "RSA publiskā atslēga",
+        "rsa-key-required": "RSA publiskā atslēga ir nepieciešama.",
+        "secret": "Noslēpums",
+        "secret-required": "Noslēpums ir nepieciešams.",
+        "device-type": "Iekārtas tips",
+        "device-type-required": "Iekārtas tips ir nepieciešams.",
+        "select-device-type": "Atlasīt iekārtas tipu",
+        "enter-device-type": "Ievadīt iekārtas tipu",
+        "any-device": "Jebkura iekārta",
+        "no-device-types-matching": "Nav iekārtas tipa saderības '{{entitySubtype}}' atrastas.",
+        "device-type-list-empty": "Nav iekārtas tipi izvēlēti.",
+        "device-types": "Iekārtas tipi",
+        "name": "Nosaukums",
+        "name-required": "Nosaukums ir nepieciešams.",
+        "description": "Apraksts",
+        "label": "Etiķete",
+        "events": "Notikumi",
+        "details": "Detaļas",
+        "copyId": "Kopēt iekārtas Id",
+        "copyAccessToken": "Kopēt piekļuves tokenu",
+        "idCopiedMessage": "iekārtas Id ir kopēts uz starpliktuvi",
+        "accessTokenCopiedMessage": "Iekārtas piekļuves tokens ir kopēts uz starpliktuvi",
+        "assignedToCustomer": "Piešķirts klientam",
+        "unable-delete-device-alias-title": "Nav iespējas dzēst iekārtas segvārdus",
+        "unable-delete-device-alias-text": "Iekārtas segvārdi '{{deviceAlias}}' nevar būt dzēsti, jo tie lietoti sekojošajos logrīkos:<br/>{{widgetsList}}",
+        "is-gateway": "Tā ir vārteja",
+        "public": "Publisks",
+        "device-public": "Iekārta ir publiska",
+        "select-device": "Atlasīt iekārtu",
+        "import": "Importēt iekārtu",
+        "device-file": "Iekārtas fails"
+    },
+    "dialog": {
+        "close": "Aizvērt dialogu"
+    },
+    "direction": {
+        "column": "Kolona",
+        "row": "Rinda"
+    },
+    "error": {
+        "unable-to-connect": "Nav iespējams pievienoties serverim! Lūdzu pārbaudīt interneta savienojumu.",
+        "unhandled-error-code": "Neapstrādāta kļūda: {{errorCode}}",
+        "unknown-error": "Nezināma kļūda"
+    },
+    "entity": {
+        "entity": "Vienība",
+        "entities": "Vienības",
+        "aliases": "Vienību segvārdi",
+        "entity-alias": "Vienību segvārdi",
+        "unable-delete-entity-alias-title": "Nav iespējams dzēst vienību segvārdus",
+        "unable-delete-entity-alias-text": "Vienību segvārdi '{{entityAlias}}' nevar tikt dzēsti, jo tos izmanto sekojošie logrīki:<br/>{{widgetsList}}",
+        "duplicate-alias-error": "Dublikāti segvārdi atrasti '{{alias}}'.<br> Vienību segvārdiem ir jābūt unikāliem paneļos.",
+        "missing-entity-filter-error": "Filtrs trūkst priekš segvārda '{{alias}}'.",
+        "configure-alias": "Konfigurēt '{{alias}}' segvārdus",
+        "alias": "Segvārds",
+        "alias-required": "Vienību segvārds ir nepieciešams.",
+        "remove-alias": "Noņemt vienību segvārdu",
+        "add-alias": "Pievienot vienību segvārdu",
+        "entity-list": "Vienību saraksts",
+        "entity-type": "Vienības tips",
+        "entity-types": "Vienības tipi",
+        "entity-type-list": "Vienības tipu saraksts",
+        "any-entity": "Jebkura vienība",
+        "enter-entity-type": "Ievadīt vienības tipu",
+        "no-entities-matching": "Nav vienības saderības '{{entity}}' atrastas.",
+        "no-entity-types-matching": "Nav vienības tipu saderības '{{entityType}}' atrastas.",
+        "name-starts-with": "Nosaukums sākas ar",
+        "use-entity-name-filter": "Lietot filtru",
+        "entity-list-empty": "Nav vienības atlasītas.",
+        "entity-type-list-empty": "Nav vienības tipi atlasīti.",
+        "entity-name-filter-required": "Vienību nosaukuma filtri ir vajadzīgi.",
+        "entity-name-filter-no-entity-matched": "Nav vienības kas sākas ar '{{entity}}' atrastas.",
+        "all-subtypes": "Visi",
+        "select-entities": "Atlasīt vienības",
+        "no-aliases-found": "Nav segvārdi atrasti.",
+        "no-alias-matching": "'{{alias}}' nav atrasts.",
+        "create-new-alias": "Radīt jaunu!",
+        "key": "Atslēga",
+        "key-name": "Atslēgas nosaukums",
+        "no-keys-found": "Nav atslēgas atrastas.",
+        "no-key-matching": "'{{key}}' nav atrasta.",
+        "create-new-key": "Radīt jaunu!",
+        "type": "Tips",
+        "type-required": "Vienības tips ir nepieciešams.",
+        "type-device": "Iekārta",
+        "type-devices": "Iekārtas",
+        "list-of-devices": "{ count, plural, 1 {One device} other {List of # iekārtas} }",
+        "device-name-starts-with": "Iekārtas, kuras nosaukumi sākas ar '{{prefix}}'",
+        "type-asset": "Aktīvs",
+        "type-assets": "Aktīvi",
+        "list-of-assets": "{ count, plural, 1 {One asset} other {List of # aktīvi} }",
+        "asset-name-starts-with": "Aktīvi, kuru nosaukumi sākas ar '{{prefix}}'",
+        "type-entity-view": "Vienības skats View",
+        "type-entity-views": "Vienības skati",
+        "list-of-entity-views": "{ count, plural, 1 {One entity view} other {List of # vienību skati} }",
+        "entity-view-name-starts-with": "Vienibas skati, kuru nosaukumi sākas ar '{{prefix}}'",
+        "type-rule": "Noteikums",
+        "type-rules": "Noteikumi",
+        "list-of-rules": "{ count, plural, 1 {One rule} other {List of # noteikumi} }",
+        "rule-name-starts-with": "Noteikumi, kuru nosaukumi sākas ar '{{prefix}}'",
+        "type-plugin": "Spraudnis",
+        "type-plugins": "Spraudņi",
+        "list-of-plugins": "{ count, plural, 1 {One plugin} other {List of # spraudņi} }",
+        "plugin-name-starts-with": "Spraudņi, kuru vārds sākas ar '{{prefix}}'",
+        "type-tenant": "Īrnieks",
+        "type-tenants": "Īrnieki",
+        "list-of-tenants": "{ count, plural, 1 {One tenant} other {List of # īrnieki} }",
+        "tenant-name-starts-with": "Īrnieki, kuru nosaukumi sākas ar '{{prefix}}'",
+        "type-customer": "Klients",
+        "type-customers": "Klienti",
+        "list-of-customers": "{ count, plural, 1 {One customer} other {List of # klienti} }",
+        "customer-name-starts-with": "Klienti, kuru nosaukumi sākas ar '{{prefix}}'",
+        "type-user": "Lietotājs",
+        "type-users": "Lietotāji",
+        "list-of-users": "{ count, plural, 1 {One user} other {List of # lietotāji} }",
+        "user-name-starts-with": "Lietotāji, kuru nosaukums sākas ar '{{prefix}}'",
+        "type-dashboard": "Panelis",
+        "type-dashboards": "Paneļi",
+        "list-of-dashboards": "{ count, plural, 1 {One dashboard} other {List of # paneļi} }",
+        "dashboard-name-starts-with": "Paneļi, kuru nosaukums sākas ar '{{prefix}}'",
+        "type-alarm": "Trauksme",
+        "type-alarms": "Trauksmes",
+        "list-of-alarms": "{ count, plural, 1 {One alarms} other {List of # trauksmes} }",
+        "alarm-name-starts-with": "Trauksmes, kuru nosaukumi sākas ar '{{prefix}}'",
+        "type-rulechain": "Noteikumu ķēde",
+        "type-rulechains": "Noteikumu ķēdes",
+        "list-of-rulechains": "{ count, plural, 1 {One rule chain} other {List of # noteikumu ķēdes} }",
+        "rulechain-name-starts-with": "Noteikumu ķēdes, kuru nosaukumi sākas ar '{{prefix}}'",
+        "type-rulenode": "Noteikumu node",
+        "type-rulenodes": "Noteikumu nodes",
+        "list-of-rulenodes": "{ count, plural, 1 {One rule node} other {List of # noteikumu nodes} }",
+        "rulenode-name-starts-with": "Noteikumu nodes, juru nosaukumi sākas ar '{{prefix}}'",
+        "type-current-customer": "Pašreizējais klients",
+        "search": "Meklēšanas vienības",
+        "selected-entities": "{ count, plural, 1 {1 entity} other {# vienības} } atlasītas",
+        "entity-name": "Vienības nosaukums",
+        "details": "Vienības detaļas",
+        "no-entities-prompt": "Nav vienības atrastas",
+        "no-data": "Nav datu ko attēlot",
+        "columns-to-display": "Kolonas ko attēlot"
+    },
+    "entity-view": {
+        "entity-view": "Vienības skats",
+        "entity-view-required": "Vienības skats ir nepieciešams.",
+        "entity-views": "Vienības skati",
+        "management": "Vienības skatu pārvaldība",
+        "view-entity-views": "Skatīt vienību skatus",
+        "entity-view-alias": "Vienību skatu segvārdi",
+        "aliases": "Vienību skatu segvārdi",
+        "no-alias-matching": "'{{alias}}' nav atrasts.",
+        "no-aliases-found": "Nav segvārds atrasts.",
+        "no-key-matching": "'{{key}}' nav atrasts.",
+        "no-keys-found": "Nav atslēgas atrastas.",
+        "create-new-alias": "Radīt jaunu!",
+        "create-new-key": "Radīt jaunu!",
+        "duplicate-alias-error": "Dublēti segvārdi atrasti '{{alias}}'.<br>Vienību skatu segvārdiem ir jābūt unikāliem paneļa ietvaros.",
+        "configure-alias": "Konfigurēt '{{alias}}' segvārdu",
+        "no-entity-views-matching": "Nav vienību skata atbilstības '{{entity}}' atrastas.",
+        "alias": "Segvārds",
+        "alias-required": "Vienību skatu segvārdi ir nepieciešami.",
+        "remove-alias": "Noņemt vienību skatu segvārdu",
+        "add-alias": "Pievienot vienību skatu segvārdu",
+        "name-starts-with": "Vienību skata nosaukums sākas ar",
+        "entity-view-list": "Vienību skata saraksts",
+        "use-entity-view-name-filter": "Lietot filtru",
+        "entity-view-list-empty": "Nav vienību skati atlasīti.",
+        "entity-view-name-filter-required": "Vienību skatu nosaukumu filtri ir nepieciešami.",
+        "entity-view-name-filter-no-entity-view-matched": "Nav vienību skati kas sākas ar '{{entityView}}' atrasti.",
+        "add": "Pievienot vienību skatu",
+        "assign-to-customer": "Pieškirt klientam",
+        "assign-entity-view-to-customer": "Piešķirt vienību skatus klientam",
+        "assign-entity-view-to-customer-text": "Lūdzu izvēlēties vienību skatus ko pieškirt klientam",
+        "no-entity-views-text": "Nav vienību skati atrasti",
+        "assign-to-customer-text": "Lūdzu izvēlēties klientu lai pieškirtu vienības skatus",
+        "entity-view-details": "Vienību skata detaļas",
+        "add-entity-view-text": "Pievienot jaunu vienību skatu",
+        "delete": "Dzēsts vienību skatu",
+        "assign-entity-views": "Piešķirt vienību skatus",
+        "assign-entity-views-text": "Piešķirt { count, plural, 1 {1 entityView} other {# vienību skati} } klientam",
+        "delete-entity-views": "Dzēst vienību skatus",
+        "unassign-from-customer": "Noņemt no klienta",
+        "unassign-entity-views": "Noņemt vienību skatus",
+        "unassign-entity-views-action-title": "Noņemt { count, plural, 1 {1 entityView} other {# vienību skati} } no klienta",
+        "assign-new-entity-view": "Piešķirt jaunu vienību skatu",
+        "delete-entity-view-title": "Vai esat pārliecināts,ka vēlaties dzēst vienību skatu '{{entityViewName}}'?",
+        "delete-entity-view-text": "Esiet uzmanīgs, pēc apstiprinājuma vienību skats un tā sasitītie dati nebūs atjaunojami.",
+        "delete-entity-views-title": "Vai esat pārliecināts, ka vēlaties vienību skatu { count, plural, 1 {1 entityView} other {# vienību skati} }?",
+        "delete-entity-views-action-title": "Dzēst { count, plural, 1 {1 entityView} other {# vienību skati} }",
+        "delete-entity-views-text": "Esiet uzmanīgs, pēc apstiprinājuma visir atlasītie vienības skati tiks noņemti un to saistītie dati nebūs atjaunojami.",
+        "unassign-entity-view-title": "Vai esat pārliecināts, ka vēlaties atspējot vienību skatu '{{entityViewName}}'?",
+        "unassign-entity-view-text": "Pēc apstiprinājuma vienību skats tiks atspējots un nebūs pieejams klientam.",
+        "unassign-entity-view": "Atspējot vienību skatu",
+        "unassign-entity-views-title": "Vai esat pārliecināts, ka vēlaties atspējot  { count, plural, 1 {1 entityView} other {# vienību skatus} }?",
+        "unassign-entity-views-text": "Pēc apstiprinājuma visi atlasītie vienību skati būs atspējoti un nebūs pieejami klientiem.",
+        "entity-view-type": "Vienību skata tips",
+        "entity-view-type-required": "Vienību skata tips ir nepieciešams.",
+        "select-entity-view-type": "Atlasīt vienību skata tipu",
+        "enter-entity-view-type": "Ievadīt vienību skata tipu",
+        "any-entity-view": "Jebkurš vienību skats",
+        "no-entity-view-types-matching": "Nav vienību skata atbilstības '{{entitySubtype}}' atrastas.",
+        "entity-view-type-list-empty": "Nav vienību skatu tipi atlasīti.",
+        "entity-view-types": "Vienību skatu tipi",
+        "name": "Nosaukums",
+        "name-required": "Nosaukums ir nepieciešams.",
+        "description": "Apraksts",
+        "events": "Notikumi",
+        "details": "Detaļas",
+        "copyId": "Kopēt vienību skata Id",
+        "assignedToCustomer": "Piešķirta klientam",
+        "unable-entity-view-device-alias-title": "Nav iespējas dzēst vienību skata segvārdu",
+        "unable-entity-view-device-alias-text": "Iekārtas segvārds '{{entityViewAlias}}' nevar tikt dzēsts, jo to izmanto sekojošs logrīks:<br/>{{widgetsList}}",
+        "select-entity-view": "Atlasīt vienību skatu",
+        "make-public": "Veidot vienību skatu publisku",
+        "make-private": "Veidot vienību skatu privātu",
+        "start-date": "Starta datums",
+        "start-ts": "Starta laiks",
+        "end-date": "Beigu datums",
+        "end-ts": "Beigu laiks",
+        "date-limits": "Datuma limits",
+        "client-attributes": "Klienta atribūti",
+        "shared-attributes": "Dalītie atribūti",
+        "server-attributes": "Servera atribūti",
+        "timeseries": "Laika sērijas",
+        "client-attributes-placeholder": "Klienta atribūti",
+        "shared-attributes-placeholder": "Dalītie atribūti",
+        "server-attributes-placeholder": "Servera atribūti",
+        "timeseries-placeholder": "Laika sērijas",
+        "target-entity": "Mērķa vienība",
+        "attributes-propagation": "Atribūtu izplatīšana",
+        "attributes-propagation-hint": "Vienību skats automātiski kopē specificētos atribūtus no mērķa vienības katru reizi kad jūs saglabājat vai atjaunojat vienību skatu.",
+        "timeseries-data": "Laika sērijas dati",
+        "timeseries-data-hint": "Configure timeseries data keys of the target entity that will be accessible to the entity view. This timeseries data is read-only.",
+        "make-public-entity-view-title": "Vai esat pārliecināts, ka vēlaties veidot vienību skatu '{{entityViewName}}' publisku?",
+        "make-public-entity-view-text": "Pēc apstiprinājuma vienību skats un tā saistītie dati būs publiski un pieejami citiem.",
+        "make-private-entity-view-title": "Vai esat pārliecināts, ka vēlaties veidot vienību skatu '{{entityViewName}}' privātu?",
+        "make-private-entity-view-text": "Pēc apstiprinājuma vienību skats un tā saistītie dati būs privāti un nebūs pieejami citiem."
+    },
+    "event": {
+        "event-type": "Notikuma tips",
+        "type-error": "Kļūda",
+        "type-lc-event": "Dzīves cikla notikums",
+        "type-stats": "Statistika",
+        "type-debug-rule-node": "Atkļūdot",
+        "type-debug-rule-chain": "Atkļūdot",
+        "no-events-prompt": "Nav notikumi atrasti",
+        "error": "Kļūda",
+        "alarm": "Trauksme",
+        "event-time": "Notikuma laiks",
+        "server": "Serveris",
+        "body": "Galvenā daļa",
+        "method": "Metode",
+        "type": "Tips",
+        "entity": "Vienība",
+        "message-id": "Ziņojuma Id",
+        "message-type": "Ziņojuma tips",
+        "data-type": "Datu tips",
+        "relation-type": "Attiecību tips",
+        "metadata": "Metadata",
+        "data": "Dati",
+        "event": "Notikumi",
+        "status": "Statuss",
+        "success": "Sekmīgi",
+        "failed": "Kļūda",
+        "messages-processed": "Ziņojumi apstrādāti",
+        "errors-occurred": "Kļūdas konstatētas"
+    },
+    "extension": {
+        "extensions": "Paplašinājumi",
+        "selected-extensions": "{ count, plural, 1 {1 extension} other {# paplašinājumi} } atlasītie",
+        "type": "Tips",
+        "key": "Atslēga",
+        "value": "Vērtība",
+        "id": "Id",
+        "extension-id": "Paplašinājuma id",
+        "extension-type": "Paplašinājuma tips",
+        "transformer-json": "JSON *",
+        "unique-id-required": "Patreizējā paplašinājuma id jau eksistē.",
+        "delete": "Dzēst paplašinājumu",
+        "add": "Pievienot paplašinājumu",
+        "edit": "Rediģēt paplašinājumu",
+        "delete-extension-title": "Vai esat pārliecināts, ka vēlaties dzēst paplašinājumu '{{extensionId}}'?",
+        "delete-extension-text": "Esiet uzmanīgs, pēc apstiprinājuma paplašinājums un visi tā saistītie dati nebūs atjaunojami.",
+        "delete-extensions-title": "Vai esat pārliecināts, ka vēlaties dzēst { count, plural, 1 {1 extension} other {# paplašinājumus} }?",
+        "delete-extensions-text": "Esiet uzmanīgs, pēc apstiprinājuma visi atlasītie paplašinājumi tiks dzēsti.",
+        "converters": "Pārveidotāji",
+        "converter-id": "Pārveidotāja id",
+        "configuration": "Konfigurācija",
+        "converter-configurations": "Pārveidotāja konfigurācija",
+        "token": "Drošības tokens",
+        "add-converter": "Pievienot pārveidotāju",
+        "add-config": "Pievienot pārveidotāja konfigurāciju",
+        "device-name-expression": "Iekārtas nosaukuma izteiksme",
+        "device-type-expression": "Iekārtas tipa izteiksme",
+        "custom": "Pielāgot",
+        "to-double": "Dubutot",
+        "transformer": "Pārveidotājs",
+        "json-required": "json pārveidotājs ir nepieciešams.",
+        "json-parse": "Nav iespējams parsēt json pārveidotāju.",
+        "attributes": "Atribūti",
+        "add-attribute": "Pievienot atribūtus",
+        "add-map": "Pievienot kartēšanas elementu",
+        "timeseries": "Laika sērijas",
+        "add-timeseries": "Pievienot laika sērijas",
+        "field-required": "Lauks ir nepieciešams",
+        "brokers": "Brokeris",
+        "add-broker": "Pievienot brokeri",
+        "host": "Saimnieks",
+        "port": "Ports",
+        "port-range": "Portam jābūt robežās no 1 līdz 65535.",
+        "ssl": "Ssl",
+        "credentials": "Akreditācijas dati",
+        "username": "Lietotājvārds",
+        "password": "Parole",
+        "retry-interval": "Mēģināt vēlreiz intervāls milisekundēs",
+        "anonymous": "Anonīmi",
+        "basic": "Pamata",
+        "pem": "PEM",
+        "ca-cert": "CA sertifikācijas fails *",
+        "private-key": "Privātās atslēgas fails *",
+        "cert": "Srtifikāta fails *",
+        "no-file": "Nav fails izvēlēts.",
+        "drop-file": "Nosviest failu vai klikšķināt izvēlēto failu augšupielādei.",
+        "mapping": "Kartēšana",
+        "topic-filter": "Temata filtrs",
+        "converter-type": "Pārveidotāja tips",
+        "converter-json": "Json",
+        "json-name-expression": "Iekārtas nosaukuma json izteiksme",
+        "topic-name-expression": "Iekārtas nosaukuma temata izteiksme",
+        "json-type-expression": "Iekārtas tipa json izteiksme",
+        "topic-type-expression": "Iekārtas tipa temata izteiksme",
+        "attribute-key-expression": "Atribūtu atslēgas izteiksme",
+        "attr-json-key-expression": "Atribūtu atslēgas json izteiksme",
+        "attr-topic-key-expression": "Attribūtu atslēgas temata izteiksme",
+        "request-id-expression": "Pieprasīt id izteiksmi",
+        "request-id-json-expression": "Pieprasīt id json izteiksmi",
+        "request-id-topic-expression": "Pieprasīt id temata izteiksmi",
+        "response-topic-expression": "Atbildēt temata izteiksmi",
+        "value-expression": "Vērtības izteiksme",
+        "topic": "Temats",
+        "timeout": "Pārtraukums milisekundēs",
+        "converter-json-required": "json pārveidotājs ir nepieciešams.",
+        "converter-json-parse": "Nav iespējams parsēt pārveidotāju json.",
+        "filter-expression": "Filtra izteiksme",
+        "connect-requests": "Savienot pieprasījumus",
+        "add-connect-request": "Pievienot savienojuma pieprasījumus",
+        "disconnect-requests": "Atvienot pieprasījumus",
+        "add-disconnect-request": "Pievienot atvienot pieprasījumus",
+        "attribute-requests": "Attribūtu pieprasījumus",
+        "add-attribute-request": "Pievienot atribūtu pieprasījumu",
+        "attribute-updates": "Atribūtu atjaunojumi",
+        "add-attribute-update": "Pievienot atribūtu atjaunojumus",
+        "server-side-rpc": "Servera puses RPC",
+        "add-server-side-rpc-request": "Pievienot servera puses RPC pieprasījumus",
+        "device-name-filter": "Iekārtas nosaukuma filtrs",
+        "attribute-filter": "Atribūtu filtrs",
+        "method-filter": "Metodes filtrs",
+        "request-topic-expression": "Pieprasīt temata izteiksmi",
+        "response-timeout": "Atbildes pārtraukums milisekundēs",
+        "topic-expression": "Temata izteiksme",
+        "client-scope": "Klienta darbības joma",
+        "add-device": "Pievienot iekārtu",
+        "opc-server": "Serveris",
+        "opc-add-server": "Pievienot serveri",
+        "opc-add-server-prompt": "Lūdzu pievienot serveri",
+        "opc-application-name": "Aplikācijas nosaukums",
+        "opc-application-uri": "Aplikācijas uri",
+        "opc-scan-period-in-seconds": "Skanēt periodu sekundēs",
+        "opc-security": "Drošība",
+        "opc-identity": "Identitāte",
+        "opc-keystore": "Atslēgu veikals",
+        "opc-type": "Tips",
+        "opc-keystore-type": "Tips",
+        "opc-keystore-location": "Vieta *",
+        "opc-keystore-password": "Parole",
+        "opc-keystore-alias": "Segvārds",
+        "opc-keystore-key-password": "Atslēgas parole",
+        "opc-device-node-pattern": "Iekārtas nodes veids",
+        "opc-device-name-pattern": "Iekārtas nosaukuma veids",
+        "modbus-server": "Serveris/vergs",
+        "modbus-add-server": "Pievienot serveri/vergi",
+        "modbus-add-server-prompt": "Lūdzu pievienot serveri/vergu",
+        "modbus-transport": "Transports",
+        "modbus-tcp-reconnect": "Automātiski atkārtoti savienot",
+        "modbus-rtu-over-tcp": "RTU pa TCP",
+        "modbus-port-name": "Seriālā porta nosaukums",
+        "modbus-encoding": "Kodēšana",
+        "modbus-parity": "Paritāte",
+        "modbus-baudrate": "Pārraides ātrums",
+        "modbus-databits": "Datu bits",
+        "modbus-stopbits": "Stop bits",
+        "modbus-databits-range": "Datu bitiem jābūt no 7 līdz 8.",
+        "modbus-stopbits-range": "Stop bitiem jābūt no 1 līdz 2.",
+        "modbus-unit-id": "Iekārtas ID",
+        "modbus-unit-id-range": "Iekārtas ID jābūt no 1 līdz 247.",
+        "modbus-device-name": "Iekārtas nosaukums",
+        "modbus-poll-period": "Aptaujas periods (ms)",
+        "modbus-attributes-poll-period": "Atribūtu aptaujas periods (ms)",
+        "modbus-timeseries-poll-period": "Laika sērijas aptaujas periods (ms)",
+        "modbus-poll-period-range": "Aptaujas periodam jābūt pzitīvai vērtībai.",
+        "modbus-tag": "Etiķete",
+        "modbus-function": "Funkcija",
+        "modbus-register-address": "Reģistra adrese",
+        "modbus-register-address-range": "Reģistra adresei jābūt no 0 līdz 65535.",
+        "modbus-register-bit-index": "Bita indekss",
+        "modbus-register-bit-index-range": "Bita indeksam jābūt no 0 līdz 15.",
+        "modbus-register-count": "Reģistra skaitītājs",
+        "modbus-register-count-range": "Reģistra skaitītājam jābūt pzitīvai vērtībai.",
+        "modbus-byte-order": "Baitu kārtība",
+        "sync": {
+            "status": "Statuss",
+            "sync": "Sync",
+            "not-sync": "Nav sync",
+            "last-sync-time": "Pēdējais sync laiks",
+            "not-available": "Nav pieejams"
+        },
+        "export-extensions-configuration": "Eksportēt paplašinājuma konfigurāciju",
+        "import-extensions-configuration": "Importēt paplašinājuma konfigurāciju",
+        "import-extensions": "Importēt paplašinājumus",
+        "import-extension": "Importēt paplašinājumu",
+        "export-extension": "Eksportēt paplašinājumu",
+        "file": "Paplašinājuma fails",
+        "invalid-file-error": "Invalīds paplašinājuma fails"
+    },
+    "fullscreen": {
+        "expand": "Paplašināt uz pilnu ekrānu",
+        "exit": "Iziet no pilna ekrāna",
+        "toggle": "Pārslēgties uz pilna ekrāna režīmu",
+        "fullscreen": "Pilns ekrāns"
+    },
+    "function": {
+        "function": "Funkcija"
+    },
+    "grid": {
+        "delete-item-title": "Vai esat pārliecināts, ka vēlaties dzēst šo priekšmetu?",
+        "delete-item-text": "Esiet uzmanīgs, pēc apstiprinājuma šī priekšmeta dati nebūs atjaunojami.",
+        "delete-items-title": "Vai esat pārliecināts, ka vēlaties dzēst { count, plural, 1 {1 item} other {# priekšmetus} }?",
+        "delete-items-action-title": "Dzēst { count, plural, 1 {1 item} other {# priekšmeti} }",
+        "delete-items-text": "Esiet uzmanīgs, pēc apstiprinājuma visi atlasītie priekšmeti tiks noņemti un to saistītie dati nebūs atjaunojami.",
+        "add-item-text": "Pievienot jaunu priekšmetu",
+        "no-items-text": "Nav priekšmeti atrasti",
+        "item-details": "Priekšmetu detaļas",
+        "delete-item": "Dzēst priekšmetu",
+        "delete-items": "Dzēst priekšmetus",
+        "scroll-to-top": "Iet uz sākumu"
+    },
+    "help": {
+        "goto-help-page": "Ejiet uz palīdzības lapu"
+    },
+    "home": {
+        "home": "Sākums",
+        "profile": "Profils",
+        "logout": "Izlogoties",
+        "menu": "Izvēlne",
+        "avatar": "Avatars",
+        "open-user-menu": "Atvērt lietotāja izvēlni"
+    },
+    "import": {
+        "no-file": "Nav fails izvēlēts",
+        "drop-file": "Nosviest JSON failu vai klikšķināt uz atlasīto failu augšupielādei.",
+        "drop-file-csv": "Nosviest CSV failu vai klikšķināt uz atlasīto failu augšupielādei.",
+        "column-value": "Vērtība",
+        "column-title": "Virsraksts",
+        "column-example": "Piemēra vērtību dati",
+        "column-key": "Atribūts/telemetrijas atslēga key",
+        "csv-delimiter": "CSV kolonu atdalītājs",
+        "csv-first-line-header": "Pirmā līnija satur kolonu nosaukumus",
+        "csv-update-data": "Atjaunot atribūtu/telemetrija",
+        "import-csv-number-columns-error": "Failā jābūt vismaz divām kolonām",
+        "import-csv-invalid-format-error": "Invalīds faila formāts. Līnija: '{{line}}'",
+        "column-type": {
+            "name": "Nosaukums",
+            "type": "Tips",
+            "column-type": "Kolonas tips",
+            "client-attribute": "Klienta atribūts",
+            "shared-attribute": "Dalītais atribūts",
+            "server-attribute": "Servera atribūts",
+            "timeseries": "Laika sērijas",
+            "entity-field": "Vienības lauks",
+            "access-token": "Piekļuves tokens"
+        },
+        "stepper-text": {
+            "select-file": "Atlasīt failu",
+            "configuration": "Importēt konfigurāciju",
+            "column-type": "Atlasīt kolonas tipu",
+            "creat-entities": "Radīt jaunas vienības",
+            "done": "Darīts"
+        },
+        "message": {
+            "create-entities": "{{count}} jaunas vienības sekmīgi radītas.",
+            "update-entities": "{{count}} vienības sekmīgi atjaunotas.",
+            "error-entities": "Te ir kļūda radot {{count}} vienības."
+        }
+    },
+    "item": {
+        "selected": "Atlasīts"
+    },
+    "js-func": {
+        "no-return-error": "Funkcijai vajag atgriezt rezultātu!",
+        "return-type-mismatch": "Funkcijai vajag atgriezt rezultātu '{{type}}' !",
+        "tidy": "Sakopt"
+    },
+    "key-val": {
+        "key": "Atslēga",
+        "value": "Vērtība",
+        "remove-entry": "Noņemt ierakstu",
+        "add-entry": "Pievienot ierakstu",
+        "no-data": "Nav ierakstu"
+    },
+    "layout": {
+        "layout": "Izkārtojums",
+        "manage": "Pārvaldīt izkārtojumu",
+        "settings": "Izkārtojuma iestatījumi",
+        "color": "Krāsa",
+        "main": "Galvenais",
+        "right": "Pa labi",
+        "select": "Atlasīt mērķa izkārtojumu"
+    },
+    "legend": {
+        "direction": "Leģendas virziens",
+        "position": "Leģendas pozīcija",
+        "show-max": "Rādīt max vērtību",
+        "show-min": "Rādīt min vērtību",
+        "show-avg": "Rādīt vidējo vērtību",
+        "show-total": "Rādīt kopējo vērtību",
+        "settings": "Leģendas iestatījumi",
+        "min": "min",
+        "max": "max",
+        "avg": "vidējais",
+        "total": "total"
+    },
+    "login": {
+        "login": "Login",
+        "request-password-reset": "Pieprasīt atiestatīt paroli",
+        "reset-password": "Atiestatīt paroli",
+        "create-password": "Radīt paroli",
+        "passwords-mismatch-error": "Ievadītajai parolei ir jāsakrīt!",
+        "password-again": "Atkārtot paroli",
+        "sign-in": "Lūdzu pierakstīties",
+        "username": "Lietotājvārds (email)",
+        "remember-me": "Atcerēties mani",
+        "forgot-password": "Aizmirsu paroli?",
+        "password-reset": "Paroli atiestatīt",
+        "new-password": "Jaunā parole",
+        "new-password-again": "Atkārtot jauno paroli",
+        "password-link-sent-message": "paroles atiestatīšanas saite sekmīgi nosūtīta!",
+        "email": "Email"
+    },
+    "position": {
+        "top": "Sākums",
+        "bottom": "Beigas",
+        "left": "Pa kreisi",
+        "right": "Pa labi"
+    },
+    "profile": {
+        "profile": "Profils",
+        "change-password": "Mainīt paroli",
+        "current-password": "Patreizējā parole"
+    },
+    "relation": {
+        "relations": "Attiecības",
+        "direction": "Virziens",
+        "search-direction": {
+            "FROM": "No",
+            "TO": "Uz"
+        },
+        "direction-type": {
+            "FROM": "No",
+            "TO": "Uz"
+        },
+        "from-relations": "Izejošāsa attiecības",
+        "to-relations": "Ienākošās attiecības",
+        "selected-relations": "{ count, plural, 1 {1 relation} other {# attiecības} } atlasītas",
+        "type": "Tips",
+        "to-entity-type": "Uz vienību tipu",
+        "to-entity-name": "Uz vienību nosaukumu",
+        "from-entity-type": "No vienību tipa",
+        "from-entity-name": "No vienību nosaukuma",
+        "to-entity": "Uz vienību",
+        "from-entity": "No vienības",
+        "delete": "Dzēst attiecību",
+        "relation-type": "Attiecības tips",
+        "relation-type-required": "Attiecību tips ir nepieciešams.",
+        "any-relation-type": "Jebkura tipa",
+        "add": "Pievienot attiecību",
+        "edit": "Rediģēt attiecību",
+        "delete-to-relation-title": "Vai esat pārliecināts, ka vēlaties dzēst attiecību uz vienību '{{entityName}}'?",
+        "delete-to-relation-text": "Esiet uzmanīgs, pēc apstiprinājuma vienība '{{entityName}}' būs atsaistīta no patreizējās vienības.",
+        "delete-to-relations-title": "Vai esat pārliecināts, ka vēlaties dzēst { count, plural, 1 {1 relation} other {# attiecības} }?",
+        "delete-to-relations-text": "Esiet uzmanīgs, pēc apstiprināšanas visas atlasītās attiecības būs noņemtas un attiecīgās vienības būs atsaistītas no patreizējās vienības.",
+        "delete-from-relation-title": "Vai esat pārliecināts, ka vēlaties dzēst attiecību no vienības '{{entityName}}'?",
+        "delete-from-relation-text": "Esiet uzmanīgs, pēc apstiprinājuma patreizējā vienība būs atsaistīta no vienības '{{entityName}}'.",
+        "delete-from-relations-title": "Vai esat pārliecināts, ka vēlaties dzēst { count, plural, 1 {1 relation} other {# attiecības} }?",
+        "delete-from-relations-text": "Esiet uzmanīgs, pēc apstiprinājuma visas atlasītās attiecības būs noņemtas un patreizējā vienība tiks atsaistīta no attiecīgās vienības.",
+        "remove-relation-filter": "Noņemt attiecību filtru",
+        "add-relation-filter": "Pievienot attiecību filtru",
+        "any-relation": "Jebkura attiecība",
+        "relation-filters": "Attiecību filtrs",
+        "additional-info": "Papildus info (JSON)",
+        "invalid-additional-info": "Nav iespēja parsēt papildus info json."
+    },
+    "rulechain": {
+        "rulechain": "Noteikumu ķēde",
+        "rulechains": "Noteikumu ķēdes",
+        "root": "Sakne",
+        "delete": "Dzēsts noteikumu ķēdi",
+        "name": "Nosaukums",
+        "name-required": "Nosaukums ir nepieciešams.",
+        "description": "Nosaukums ir nepieciešams",
+        "add": "Pievienot noteikumu ķēdi",
+        "set-root": "Veidot noteikumu ķēdi kā sakni",
+        "set-root-rulechain-title": "Vai esat pārliecināts, ka vēlaties veidot noteikumu ķēdi '{{ruleChainName}}' kā sakni?",
+        "set-root-rulechain-text": "Pēc apstiprinājuma noteikuma ķēde tiks veidota kā sakne un apstrādās visu ienākošo informāciju.",
+        "delete-rulechain-title": "Vai esat pārliecināts, ka vēlaties dzēst noteikumu ķēdi '{{ruleChainName}}'?",
+        "delete-rulechain-text": "Esiet uzmanīgs, pēc apstiprinājuma noteikumu ķēde un saistītā informācija nebūs atjaunojama.",
+        "delete-rulechains-title": "Vai esat pārliecināts, ka vēlaties dzēst { count, plural, 1 {1 rule chain} other {# noteikumu ķēdes} }?",
+        "delete-rulechains-action-title": "Dzēst { count, plural, 1 {1 rule chain} other {# noteikumu ķēdes} }",
+        "delete-rulechains-text": "Esiet uzmanīgs, pēc apstiprinājuma visas atlasītās noteikumu ķēdes tiks noņemtas un to saistītos datus nevarēs atjaunot.",
+        "add-rulechain-text": "Pievienot jaunu noteikumu ķēdi",
+        "no-rulechains-text": "Nav noteikumu ķēdes atrastas",
+        "rulechain-details": "Noteikumu ķēdes detaļas",
+        "details": "Detaļas",
+        "events": "Notikumi",
+        "system": "Sistēma",
+        "import": "Importēt noteikumu ķēdi",
+        "export": "Eksportēt noteikumu ķēdi",
+        "export-failed-error": "Nav iespējams eksportēt noteikumu ķēdi: {{error}}",
+        "create-new-rulechain": "Radīt jaunu noteikumu ķēdi",
+        "rulechain-file": "Noteikumu ķēdes fails",
+        "invalid-rulechain-file-error": "Nav iespējams importēt noteikumu ķēdi: Invalīda noteikumu ķēdes datu struktūra.",
+        "copyId": "Kopēt noteikumu ķēdes Id",
+        "idCopiedMessage": "Noteikumu ķēdes Id ir kopēta uz starpliktuves",
+        "select-rulechain": "Atlasīt noteikumu ķēdi",
+        "no-rulechains-matching": "Nav noteikumu ķēdes atbilstības '{{entity}}' atrastas.",
+        "rulechain-required": "Noteikumu ķēde ir nepieciešama",
+        "management": "Noteikumu pārvaldība",
+        "debug-mode": "Atkļūdošanas režīms"
+    },
+    "rulenode": {
+        "details": "Detaļas",
+        "events": "Notikumi",
+        "search": "Meklēt nodes",
+        "open-node-library": "Atvērt node bibliotēku",
+        "add": "Pievienot noteikumu nodi",
+        "name": "Nosaukums",
+        "name-required": "Nosaukums ir nepieciešams.",
+        "type": "Tips",
+        "description": "Apraksts",
+        "delete": "Dzēst noteikumu nodi",
+        "select-all-objects": "Atlasīt visas nodes un savienojumus",
+        "deselect-all-objects": "Noņemt visas nodes un savienojumus",
+        "delete-selected-objects": "Dzēst atlasītās nodes un savienojumus",
+        "delete-selected": "Dzēst atlasītos",
+        "select-all": "Atlasīt visu",
+        "copy-selected": "Kopēt atlasīto",
+        "deselect-all": "Noņemt visu",
+        "rulenode-details": "Noteikumu nodes detaļas",
+        "debug-mode": "Atkļūdošanas mode",
+        "configuration": "Konfigurācija",
+        "link": "Saite",
+        "link-details": "Noteikumu nodes saites detaļas",
+        "add-link": "Pievienot saiti",
+        "link-label": "Saites etiķete",
+        "link-label-required": "Saites etiķete ir nepieciešama.",
+        "custom-link-label": "Klienta saites etiķete",
+        "custom-link-label-required": "Klienta saites etiķete ir nepieciešama.",
+        "link-labels": "Saites etiķetes",
+        "link-labels-required": "Saites etiķetes ir nepieciešamas.",
+        "no-link-labels-found":"Nav saites etiķetes atrastas",
+        "no-link-label-matching": "'{{label}}' nav atrasta.",
+        "create-new-link-label": "Radīt jaunu!",
+        "type-filter": "Filtrs",
+        "type-filter-details": "Filtrēt ienākošos ziņojumus ar konfigurētajiem stāvokļiem",
+        "type-enrichment": "Bagātināšana",
+        "type-enrichment-details": "Pievieno papildus informāciju ziņas metadatiem",
+        "type-transformation": "Transformācija",
+        "type-transformation-details": "Mainīt ziņas datu lauku un metatdatus",
+        "type-action": "Aktivitāte",
+        "type-action-details": "Veikt specifisku aktivitāti",
+        "type-external": "Ārējs",
+        "type-external-details": "Sadarboties ar ārējām sistēmām",
+        "type-rule-chain": "Noteikumu ķēde",
+        "type-rule-chain-details": "Pārsūta ienākošo ziņu uz specifisku noteikumu ķēdi ",
+        "type-input": "Ievads",
+        "type-input-details": "Loģiskais ievads noteikumu ķēdei, pārsūta ienākošās ziņas uz nākamo attiecināto noteikumu nodi",
+        "type-unknown": "Nezināms",
+        "type-unknown-details": "Neatrisināta noteikumu node",
+        "directive-is-not-loaded": "Noteikta konfigurācijas direktīva '{{directiveName}}' nav pieejama.",
+        "ui-resources-load-error": "Nesekmīgs mēģinājums ielādēt konfigurācijas ui resursus.",
+        "invalid-target-rulechain": "Nav iespējams atrisināt mērķa noteikumu ķēdi!",
+        "test-script-function": "Testēt skripta funkciju",
+        "message": "Ziņa",
+        "message-type": "Ziņas tips",
+        "select-message-type": "Atlasīt ziņas tipu",
+        "message-type-required": "Ziņas tips ir nepieciešams",
+        "metadata": "Metadati",
+        "metadata-required": "Metadatu ievadi nevar būt tukši.",
+        "output": "Izeja",
+        "test": "Tests",
+        "help": "Palīdzība",
+        "reset-debug-mode": "Atiestatīt atkļūdošanu visās nodēs"
+    },
+    "tenant": {
+        "tenant": "Īrnieks",
+        "tenants": "Īrnieki",
+        "management": "Īrnieku pārvaldība",
+        "add": "Pievienot īrnieku",
+        "admins": "Administrātori",
+        "manage-tenant-admins": "Pārvaldīt īrnieku administrātorus",
+        "delete": "Dzēst īrnieku",
+        "add-tenant-text": "Pievienot jaunu īrnieku",
+        "no-tenants-text": "Nav īrnieki atrasti",
+        "tenant-details": "Īrnieka detaļas",
+        "delete-tenant-title": "Vai esat pārliecināts, ka vēlaties dzēst īrnieku '{{tenantTitle}}'?",
+        "delete-tenant-text": "Esiet uzmanīgs, pēc apstiprinājuma īrnieks un tā saistītie dati nebūs atjaunojami.",
+        "delete-tenants-title": "Vai esat pārliecināts, ka vēlaties dzēst { count, plural, 1 {1 tenant} other {# īrniekus} }?",
+        "delete-tenants-action-title": "Dzēst { count, plural, 1 {1 tenant} other {# īrniekus} }",
+        "delete-tenants-text": "Esiet uzmanīgs, pēc apstiprinājuma visi atlasītie īrnieki tiks noņemti un saistītie dati nebūs atjaunojami.",
+        "title": "Virsraksts",
+        "title-required": "Virsraksts ir nepieciešams.",
+        "description": "Apraksts",
+        "details": "Detaļas",
+        "events": "Notikumi",
+        "copyId": "Kopēt īrnieka Id",
+        "idCopiedMessage": "Īrnieka Id ir kopēta uz starpliktuvi",
+        "select-tenant": "Atlasīt īrnieku",
+        "no-tenants-matching": "Nav īrnieku saderības '{{entity}}' atrastas.",
+        "tenant-required": "Īrnieks ir nepieciešams"
+    },
+    "timeinterval": {
+        "seconds-interval": "{ seconds, plural, 1 {1 second} other {# sekundes} }",
+        "minutes-interval": "{ minutes, plural, 1 {1 minute} other {# minūtes} }",
+        "hours-interval": "{ hours, plural, 1 {1 hour} other {# stundas} }",
+        "days-interval": "{ days, plural, 1 {1 day} other {# dienas} }",
+        "days": "Dienas",
+        "hours": "Stundas",
+        "minutes": "Minūtes",
+        "seconds": "Sekundes",
+        "advanced": "Pieredzējis lietotājs"
+    },
+    "timewindow": {
+        "days": "{ days, plural, 1 { day } other {# dienas } }",
+        "hours": "{ hours, plural, 0 { hour } 1 {1 hour } other {# stundas } }",
+        "minutes": "{ minutes, plural, 0 { minute } 1 {1 minute } other {# minūtes } }",
+        "seconds": "{ seconds, plural, 0 { second } 1 {1 second } other {# sekundes } }",
+        "realtime": "Reālajā laikā",
+        "history": "Vēsture",
+        "last-prefix": "Pēdējās",
+        "period": "No {{ startTime }} to {{ endTime }}",
+        "edit": "Rediģēt laika logu",
+        "date-range": "Datumu diapazons",
+        "last": "Pēdējās",
+        "time-period": "Laika periods"
+    },
+    "user": {
+        "user": "Lietotājs",
+        "users": "Lietotāji",
+        "customer-users": "Klienta lietotāji",
+        "tenant-admins": "Īrnieka administrātori",
+        "sys-admin": "Sistēmas administrātori",
+        "tenant-admin": "Īrnieka administrātors",
+        "customer": "Klients",
+        "anonymous": "Anonīmi",
+        "add": "Pievienot lietotāju",
+        "delete": "Dzēst lietotāju",
+        "add-user-text": "Pievienot jaunu lietotāju",
+        "no-users-text": "Nav lietotāji atrasti",
+        "user-details": "Lietotāja detaļas",
+        "delete-user-title": "Vai esat pārliecināts, ka vēlaties dzēst lietotāju  '{{userEmail}}'?",
+        "delete-user-text": "Esiet uzmanīgs, pēc apstiprinājuma lietotājs un tā saistītie dati nebūs atjaunojami.",
+        "delete-users-title": "Vai esat pārliecināts, ka vēlaties dzēst { count, plural, 1 {1 user} other {# lietotājus} }?",
+        "delete-users-action-title": "Dzēst { count, plural, 1 {1 user} other {# lietotājus} }",
+        "delete-users-text": "Esiet uzmanīgs, pēc apstiprinājuma visi atlasītie lietotāji tiks noņemti un to saistītie dati nebūs atjaunojami.",
+        "activation-email-sent-message": "Aktivizācijas email ir sekmīgi nosūtīts!",
+        "resend-activation": "Atkārtoti nosūtīt aktivizāciju",
+        "email": "Email",
+        "email-required": "Email ir nepieciešams.",
+        "invalid-email-format": "Invalīds email formāts.",
+        "first-name": "Vārds",
+        "last-name": "Uzvārds",
+        "description": "Apraksts",
+        "default-dashboard": "Defaultais panelis",
+        "always-fullscreen": "Vienmēr pilnekrāna",
+        "select-user": "Izvēlēties lietotāju",
+        "no-users-matching": "Nav lietotāju atbilstības '{{entity}}' atrastas.",
+        "user-required": "Lietotājs ir nepieciešams",
+        "activation-method": "Aktivizācijas veids",
+        "display-activation-link": "Parādīt aktivizācijas saiti",
+        "send-activation-mail": "Nosūtīt aktivizācijas email",
+        "activation-link": "Lietotāja aktivizācijas saite",
+        "activation-link-text": "Lai aktivizētu lietotāju, lieto sekojošo <a href='{{activationLink}}' target='_blank'>aktivizācijas saiti</a> :",
+        "copy-activation-link": "Kopēt aktivizācijas saiti",
+        "activation-link-copied-message": "Lietotāja aktivizācijas saite ir kopēta uz starpliktuvi",
+        "details": "Detaļas",
+        "login-as-tenant-admin": "Login kā īrnieka administrātors",
+        "login-as-customer-user": "Login kā klienta lietotājs"
+    },
+    "value": {
+        "type": "Vērtības tips",
+        "string": "Teksts",
+        "string-value": "Teksta informācija",
+        "integer": "Skaitlis",
+        "integer-value": "Skaitļa vērtība",
+        "invalid-integer-value": "Invalīda skaitļa vērtība",
+        "double": "Skaitlis ar cipariem aiz komata",
+        "double-value": "Skaitļa ar cipariem aiz komata vērtība",
+        "boolean": "ir/nav",
+        "boolean-value": "ir/nav vērtības",
+        "false": "Nepareizi",
+        "true": "Patiesi",
+        "long": "Ilgāk"
+    },
+    "widget": {
+        "widget-library": "Logrīku bibliotēka",
+        "widget-bundle": "Logrīku apkopojums",
+        "select-widgets-bundle": "Atlasīt logrīku apkopojumu",
+        "management": "Logrīku pārvaldība",
+        "editor": "Logrīku rediģētājs",
+        "widget-type-not-found": "Problēma ielādēt logrīka konfigurāciju.<br>Iespējams, ka attiecīgais  logrīka tips ir noņemts.",
+        "widget-type-load-error": "Logrīks nav ielādēts dēl sekojošajām kļūdām:",
+        "remove": "Noņemt logrīku",
+        "edit": "rediģēt logrīku",
+        "remove-widget-title": "Vai esat pārliecināts, ka vēlaties noņemt logrīku '{{widgetTitle}}'?",
+        "remove-widget-text": "Pēc apstiprinājuma logrīks un tā saistītā informācija nebūs atjaunojama.",
+        "timeseries": "Laika sērijas",
+        "search-data": "Meklēt datus",
+        "no-data-found": "Nav datu atrasti",
+        "latest-values": "Pedējās vērtības",
+        "rpc": "Kontroles logrīks",
+        "alarm": "Trauksmes logrīks",
+        "static": "Statiskais logrīks",
+        "select-widget-type": "Atlasīt logrīka tipu",
+        "missing-widget-title-error": "Logrīka virsrakstam vajag būt norādītam!",
+        "widget-saved": "Logrīks saglabāts",
+        "unable-to-save-widget-error": "Nav iespēja saglabāt logrīku! Logrīkam ir kļūdas!",
+        "save": "Saglabāt logrīku",
+        "saveAs": "Saglabāt logrīku kā",
+        "save-widget-type-as": "Saglabāt logrīka tipu kā",
+        "save-widget-type-as-text": "Lūdzu ievadīt jaunu logrīka virsrakstu un/vai atlasīt mērķa logrīku apkopojumu",
+        "toggle-fullscreen": "Parslēgt pilnekrānu",
+        "run": "Palaist logrīku",
+        "title": "Logrīka virsraksts",
+        "title-required": "Logrīka virsraksts ir nepieciešams.",
+        "type": "Logrīka tips",
+        "resources": "Resursi",
+        "resource-url": "JavaScript/CSS URL",
+        "remove-resource": "Noņemt resursus",
+        "add-resource": "Pievienot resursus",
+        "html": "HTML",
+        "tidy": "Tidy",
+        "css": "CSS",
+        "settings-schema": "Iestatījumu shēma",
+        "datakey-settings-schema": "Datu atslēgas iestatījumu shēma",
+        "javascript": "Javascript",
+        "remove-widget-type-title": "Vai esat pārliecināts, ka vēlaties noņemt logrīka tipu '{{widgetName}}'?",
+        "remove-widget-type-text": "Pēc apstiprinājuma logrīka tips un tā saistītie dati nebūs atjaunojami.",
+        "remove-widget-type": "Noņemt logrīka tipu",
+        "add-widget-type": "Pievienot jaunu logrīka tipu",
+        "widget-type-load-failed-error": "Neveiksme ielādēt logrīka tipu!",
+        "widget-template-load-failed-error": "Neveiksme ielādēt logrīka paraugu!",
+        "add": "Pievienot logrīku",
+        "undo": "Atcelt logrīka izmaiņas",
+        "export": "Eksportēt logrīku"
+    },
+    "widget-action": {
+        "header-button": "Logrīka galvenes poga",
+        "open-dashboard-state": "Navigēt uz jaunu paneļa stāvokli",
+        "update-dashboard-state": "Atjaunot patreizējo paneļa stāvokli",
+        "open-dashboard": "Navigēt uz citu paneli",
+        "custom": "Klienta aktivitāte",
+        "target-dashboard-state": "Mērķa paneļa stāvoklis",
+        "target-dashboard-state-required": "Mērķa paneļa stāvoklis ir nepieciešams",
+        "set-entity-from-widget": "Uzstādīt vienību no logrīka",
+        "target-dashboard": "Mērķa panelis",
+        "open-right-layout": "Atvērt pareizo paneļa izkārtojumu (mobilais skats)"
+    },
+    "widgets-bundle": {
+        "current": "Patreizējais apkopojums",
+        "widgets-bundles": "Logrīku apkopojuma",
+        "add": "Pievienot logrīku apkopojumu",
+        "delete": "Dzēst logrīku apkopojumu",
+        "title": "Virsraksts",
+        "title-required": "Virsraksts ir nepieciešams.",
+        "add-widgets-bundle-text": "Pievienot jaunu logrīku apkopojumu",
+        "no-widgets-bundles-text": "Nav logrīku apkopojumi atrasti",
+        "empty": "Logrīku apkopojums ir tukšs",
+        "details": "Detaļas",
+        "widgets-bundle-details": "Logrīku apkopojumu detaļas",
+        "delete-widgets-bundle-title": "Vai esat pārliecināts, ka vēlaties dzēst logrīku apkopojumu '{{widgetsBundleTitle}}'?",
+        "delete-widgets-bundle-text": "Esiet uzmanīgs, pēc apstiprinājuma logrīka apkopojums un tā saistītie dati nebūs atjaunojami.",
+        "delete-widgets-bundles-title": "vai esat pārliecināts, ka vēlaties dzēst { count, plural, 1 {1 widgets bundle} other {# logrīku apkopojumus} }?",
+        "delete-widgets-bundles-action-title": "Dzēst { count, plural, 1 {1 widgets bundle} other {# logrīku apkopojumus} }",
+        "delete-widgets-bundles-text": "Esiet uzmanīgs, pēc apstiprinājuma visi atlasītie logrīku apkopojumi tiks noņemti un to saistītie dati nebūs atjaunojami.",
+        "no-widgets-bundles-matching": "Nav logrīku apkopojumu saderības '{{widgetsBundle}}' atrastas.",
+        "widgets-bundle-required": "Logrīku apkopojums ir nepieciešams.",
+        "system": "Sistēma",
+        "import": "Importēt logrīku apkopojumu",
+        "export": "Eksportēt logrīku apkopojumu",
+        "export-failed-error": "Nav iespējams eksportēt logrīku apkopojumu: {{error}}",
+        "create-new-widgets-bundle": "Radīt jaunu logrīku apkopojumu",
+        "widgets-bundle-file": "Logrīku apkopojumu fails",
+        "invalid-widgets-bundle-file-error": "Nav iespējams importēt logrīku apkopojumu: Invalīda logrīku apkopojuma datu struktūra."
+    },
+    "widget-config": {
+        "data": "Dati",
+        "settings": "Iestatījumi",
+        "advanced": "Paaugstināta līmeņa",
+        "title": "Virsraksts",
+        "general-settings": "Pamata iestatījumi",
+        "display-title": "Rādīt virsrakstu",
+        "drop-shadow": "Nomest ēnas",
+        "enable-fullscreen": "Iespējot pilnekrānu",
+        "background-color": "Fona krāsa",
+        "text-color": "Teksta krāsa",
+        "padding": "Polsterējums",
+        "margin": "Robežas",
+        "widget-style": "Logrīka stils",
+        "title-style": "Virsraksta stils",
+        "mobile-mode-settings": "Mobilās modes iestatījumi",
+        "order": "Pasūtīt",
+        "height": "Augstums",
+        "units": "Papildus  simbols vērtības atrādīšanai",
+        "decimals": "Ciparu skaits pēc komata",
+        "timewindow": "Laika logs",
+        "use-dashboard-timewindow": "Lietot paneļa laika logu",
+        "display-timewindow": "Rādīt laika logu",
+        "display-legend": "Rādīt leģendu",
+        "datasources": "Datu avoti",
+        "maximum-datasources": "Maksimums { count, plural, 1 {1 datasource is allowed.} other {# datu avoti atļautie} }",
+        "datasource-type": "Tips",
+        "datasource-parameters": "Parametri",
+        "remove-datasource": "Noņemt datu avotu",
+        "add-datasource": "Pievienot datu avotu",
+        "target-device": "Mērķa iekārta",
+        "alarm-source": "Trauksmes avots",
+        "actions": "Aktivitātes",
+        "action": "Aktivitātes",
+        "add-action": "Pievienot aktivitāti",
+        "search-actions": "Meklēt aktivitātes",
+        "action-source": "Aktivitāšu avots",
+        "action-source-required": "Aktivitāšu avoti ir nepieciešami.",
+        "action-name": "Nosaukums",
+        "action-name-required": "Aktitiāšu nosaukums ir nepieciešams.",
+        "action-name-not-unique": "Cita aktivitāte ar tādu pašu nosaukumu jau eksistē.<br/>Aktitivātes nosaukumam ir jābūt unikālam vienā aktivitātes avotā.",
+        "action-icon": "Ikona",
+        "action-type": "Tips",
+        "action-type-required": "Aktivitātes tips ir nepieciešams.",
+        "edit-action": "Rediģēt aktivitāti",
+        "delete-action": "Dzēst aktivitāti",
+        "delete-action-title": "Dzēst logrīka aktivitāti",
+        "delete-action-text": "Vai esat pārliecināts, ka vēlaties dzēst logrīka aktivitāti ar nosaukumu '{{actionName}}'?"
+    },
+    "widget-type": {
+        "import": "Importēt logrīka tipu",
+        "export": "Eksportēt logrīka tipu",
+        "export-failed-error": "Nav iespējams eksportēt logrīka tipu: {{error}}",
+        "create-new-widget-type": "Radīt jaunu logrīka tipu",
+        "widget-type-file": "Logrīka tipa fails",
+        "invalid-widget-type-file-error": "Nav iespējams importēt logrīka tipu: Invalīda logrīka tipa datu struktūra."
+    },
+    "widgets": {
+        "date-range-navigator": {
+            "localizationMap": {
+                "Sun": "Svētdiena",
+                "Mon": "Pirmdiena",
+                "Tue": "Otrdiena",
+                "Wed": "Trešdiena",
+                "Thu": "Ceturdiena",
+                "Fri": "Piekdiena",
+                "Sat": "Sestdiena",
+                "Jan": "Janvāris",
+                "Feb": "Februāris",
+                "Mar": "Marts",
+                "Apr": "Aprīlis",
+                "May": "Maijs",
+                "Jun": "Jūnijs",
+                "Jul": "Jūlijs",
+                "Aug": "Augusts",
+                "Sep": "Septembris",
+                "Oct": "Oktobris",
+                "Nov": "Novembris",
+                "Dec": "Decembris",
+                "January": "Janvāris",
+                "February": "Februāris",
+                "March": "Marts",
+                "April": "Aprīlis",
+                "June": "Jūnijs",
+                "July": "Jūlijs",
+                "August": "Augusts",
+                "September": "Septembris",
+                "October": "Oktobris",
+                "November": "Novembris",
+                "December": "Decembris",
+                "Custom Date Range": "Lietotāja datu diapazons",
+                "Date Range Template": "Datu diapazona templeits",
+                "Today": "Šodien",
+                "Yesterday": "Vakardien",
+                "This Week": "Šī nedēļa",
+                "Last Week": "Pēdējā nedēļa",
+                "This Month": "Šis mēnesis",
+                "Last Month": "Pēdējais mēnesis",
+                "Year": "Gads",
+                "This Year": "Šis gads",
+                "Last Year": "Pagājušais gads",
+                "Date picker": "Datu atlasītājs",
+                "Hour": "Stunda",
+                "Day": "Diena",
+                "Week": "Nedēļa",
+                "2 weeks": "2 Nedēļas",
+                "Month": "Mēnesis",
+                "3 months": "3 Mēneši",
+                "6 months": "6 Mēneši",
+                "Custom interval": "Klienta intervāls",
+                "Interval": "Intervāls",
+                "Step size": "Soļa lielums",
+                "Ok": "Ok"
+            }
+        }
+    },
+    "icon": {
+        "icon": "Ikona",
+        "select-icon": "Atlasīt ikonas",
+        "material-icons": "Materiālu ikonas",
+        "show-all": "Rādīt visas ikonas"
+    },
+    "custom": {
+        "widget-action": {
+            "action-cell-button": "Aktivitātes šunas poga",
+            "row-click": "Uz rindas klikšķis",
+            "polygon-click": "Uz daudzstūra klikšķis",
+            "marker-click": "Uz marķiera klikšķis",
+            "tooltip-tag-action": "Rīku padomu darbība",
+            "node-selected": "Uz atlasīto nodi",
+            "element-click": "HTML elementa klikšķis"
+        }
+    },
+    "language": {
+        "language": "Valodas"
+    }
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-ro_RO.json b/ui-ngx/src/assets/locale/locale.constant-ro_RO.json
new file mode 100644
index 0000000000..ce9a64dda4
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-ro_RO.json
@@ -0,0 +1,1796 @@
+{
+    "access": {
+        "unauthorized": "Neautorizat",
+        "unauthorized-access": "Acces Neautorizat",
+        "unauthorized-access-text": "Pentru a accesa această resursă, utilizatorul trebuie să fie identificat",
+        "access-forbidden": "Acces Interzis",
+        "access-forbidden-text": "Nu ai drept de acces la această resursă!<br/>Pentru a obţine accesul, identifică-te cu alt nume de utilizator",
+        "refresh-token-expired": "Sesiunea a expirat",
+        "refresh-token-failed": "Sesiunea nu poate fi reîncărcată"
+    },
+    "action": {
+        "activate": "Activează",
+        "suspend": "Suspendă",
+        "save": "Salvează",
+        "saveAs": "Salvează Cu Alt Nume",
+        "cancel": "Renunţă",
+        "ok": "OK",
+        "delete": "Şterge",
+        "add": "Adaugă",
+        "yes": "Da",
+        "no": "Nu",
+        "update": "Actualizează",
+        "remove": "Elimină",
+        "search": "Caută",
+        "clear-search": "Resetează Căutarea",
+        "assign": "Repartizează",
+        "unassign": "Şterge Repartizarea",
+        "share": "Partajare",
+        "make-private": "Declară Privat",
+        "apply": "Aplică",
+        "apply-changes": "Aplică Schimbările",
+        "edit-mode": "Mod Editare",
+        "enter-edit-mode": "Mod Editare",
+        "decline-changes": "Refuză Schimbările",
+        "close": "Închide",
+        "back": "Înapoi",
+        "run": "Execută-Rulează",
+        "sign-in": "Înregistrează Cont Nou",
+        "edit": "Editează",
+        "view": "Vizualizează",
+        "create": "Creează",
+        "drag": "Trage",
+        "refresh": "Reactualizează",
+        "undo": "Anulează Ultima Comandă",
+        "copy": "Copiere",
+        "paste": "Lipire",
+        "copy-reference": "Copiere Referință",
+        "paste-reference": "Lipire Referință",
+        "import": "Import",
+        "export": "Export",
+        "share-via": "Distribuie prin {{provider}}",
+        "continue": "Continuă",
+        "discard-changes": "Anulează Schimbări"
+    },
+    "aggregation": {
+        "aggregation": "Agregare",
+        "function": "Funcţie Agregare Date",
+        "limit": "Valori Maxime",
+        "group-interval": "Interval Grupare",
+        "min": "Minim",
+        "max": "Maxim",
+        "avg": "Medie",
+        "sum": "Sumă",
+        "count": "Numără",
+        "none": "Nimic"
+    },
+    "admin": {
+        "general": "General",
+        "general-settings": "Setări Generale",
+        "outgoing-mail": " Server eMail",
+        "outgoing-mail-settings": "Setări Pentru : Outgoing Mail Server",
+        "system-settings": "Setări Sistem",
+        "test-mail-sent": "Mesajul de test setări pentru email a fost trimis cu succes",
+        "base-url": "Adresa De Bază URL",
+        "base-url-required": "Adresa de bază URL este obligatorie",
+        "mail-from": "Mesaj eMail de la expeditor",
+        "mail-from-required": "Adresa eMail a expeditorului este obligatorie",
+        "smtp-protocol": "Setări Protocol SMTP",
+        "smtp-host": "Adresă SMTP",
+        "smtp-host-required": "Adresa SMTP este obligatorie",
+        "smtp-port": "Port SMTP",
+        "smtp-port-required": "Trebuie să precizaţi un port SMTP",
+        "smtp-port-invalid": "Textul introdus nu pare să fie al unui port SMTP",
+        "timeout-msec": "Timp expirare (milisecunde)",
+        "timeout-required": "Timpul de expirare este obligatoriu",
+        "timeout-invalid": "Timpul de expirare nu pare să fie valid",
+        "enable-tls": "Permite TLS",
+        "send-test-mail": "Trimite mesaj eMail test",
+        "security-settings": "Setări Securitate",
+        "password-policy": "Reguli Pentru Definirea Parolei",
+        "minimum-password-length": "Numărul Minim De Caractere Al Parolei",
+        "minimum-password-length-required": "Numărul minim de caractere al parolei este obligatoriu",
+        "minimum-password-length-range": "Numărul minim de caractere al parolei trebuie să fie între 5 - 50",
+        "minimum-uppercase-letters": "Numărul Minim De Caractere Scrise Cu MAJUSCULĂ Din Parolă",
+        "minimum-uppercase-letters-range": "Numărul minim de caractere scrise cu majusculă din parolă nu poate fi negativ",
+        "minimum-lowercase-letters": "Numărul Minim De Caractere Scrise Cu Literă mică Din Parolă",
+        "minimum-lowercase-letters-range": "Numărul minim de caractere scrise cu literă mică din parolă nu poate fi negativ",
+        "minimum-digits": "Numărul Minim De Cifre Din Parolă",
+        "minimum-digits-range": "Numărul minim de cifre din parolă nu poate fi negativ",
+        "minimum-special-characters": "Numărul Minim De Caractere Speciale Din Parolă",
+        "minimum-special-characters-range": "Numărul minim de caractere speciale din parolă nu poate fi negativ",
+        "password-expiration-period-days": "Perioada de expirare a parolei (zile)",
+        "password-expiration-period-days-range": "Perioada de expirare a parolei (zile) nu poate fi negativă",
+        "password-reuse-frequency-days": "Frecvenţa de refolosire a parolei (zile)",
+        "password-reuse-frequency-days-range": "Frecvenţa de refolosire a parolei(zile) nu poate fi negativă",
+        "general-policy": "Reguli Generale",
+        "max-failed-login-attempts": "Numărul maxim de încercări eşuate de accesare a paginii înainte de blocarea contului",
+        "minimum-max-failed-login-attempts-range": "Numărul maxim de încercări eşuate de accesare a paginii nu poate fi negativ",
+        "user-lockout-notification-email": "În Cazul Blocării Contului, Trimite eMail De Notificare"
+    },
+    "alarm": {
+        "alarm": "Alarmă",
+        "alarms": "Alarme",
+        "select-alarm": "Selectează Alarmă",
+        "no-alarms-matching": "Nu au fost găsite alarme pentru '{{entity}}'",
+        "alarm-required": "Alarma este obligatorie",
+        "alarm-status": "Stare Alarmă",
+        "search-status": {
+            "ANY": "Oricare",
+            "ACTIVE": "Activă",
+            "CLEARED": "Ştearsă",
+            "ACK": "Observată",
+            "UNACK": "Neobservată"
+        },
+        "display-status": {
+            "ACTIVE_UNACK": "Activă Neobservată",
+            "ACTIVE_ACK": "Activă Observată",
+            "CLEARED_UNACK": "Ștearsă Neobservată",
+            "CLEARED_ACK": "Ștearsă Observată"
+        },
+        "no-alarms-prompt": "NiciO Alarmă Găsită",
+        "created-time": "Data Creării",
+        "type": "Tipul",
+        "severity": "Urgenţa",
+        "originator": "Iniţiator",
+        "originator-type": "Tip Iniţiator",
+        "details": "Detalii",
+        "status": "Stare",
+        "alarm-details": "Detalii Alarmă",
+        "start-time": "Început",
+        "end-time": "Sfârşit",
+        "ack-time": "Data Observării",
+        "clear-time": "Data Ştergerii",
+        "severity-critical": "Critică",
+        "severity-major": "Majoră",
+        "severity-minor": "Minoră",
+        "severity-warning": "Avertizare",
+        "severity-indeterminate": "Nedeterminată",
+        "acknowledge": "Marchează Observat",
+        "clear": "Şterge",
+        "search": "Caută Alarme",
+        "selected-alarms": "{ count, plural, 1 {o alarmă} other {# alarme} } selectate",
+        "no-data": "Nu există date de afişat",
+        "polling-interval": "Interval actualizare alarme (secunde)",
+        "polling-interval-required": "Intervalul pentru actualizarea alarmelor este obligatoriu",
+        "min-polling-interval-message": "Valoarea minimă permisă pentru interval actualizare alarme este o secundă",
+        "aknowledge-alarms-title": "Ai selectat { count, plural, 1 {o alarmă} other {# alarme} }",
+        "aknowledge-alarms-text": "Sigur vrei să marchezi ca 'Observat' { count, plural, 1 {o alarmă} other {# alarme} }?",
+        "aknowledge-alarm-title": "Alarmă Observată",
+        "aknowledge-alarm-text": "Sigur vrei să marchezi alarma ca 'Observat'?",
+        "clear-alarms-title": "Şterge { count, plural, 1 {o alarmă} other {# alarme} }",
+        "clear-alarms-text": "Sigur vrei să ștergi { count, plural, 1 {o alarmă} other {# alarme} }?",
+        "clear-alarm-title": "Şterge Alarma",
+        "clear-alarm-text": "Sigur vrei să ștergi alarma?",
+        "alarm-status-filter": "Stare Filtre Alarmă",
+        "max-count-load": "Număr maxim de alarme înregistrate (0=nelimitat)",
+        "max-count-load-required": "Numărul maxim de alarme înregistrate este obligatoriu",
+        "max-count-load-error-min": "Numărul maxim de alarme este 0",
+        "fetch-size": "Număr alarme afişate",
+        "fetch-size-required": "Numărul alarmelor afişate este obligatoriu",
+        "fetch-size-error-min": "Valoarea minimă este 10"
+    },
+    "alias": {
+        "add": "Adaugă Pseudonim",
+        "edit": "Editează Pseudonim",
+        "name": "Denumire Pseudonim",
+        "name-required": "Denumirea pseudonimului este obligatorie",
+        "duplicate-alias": "Există deja un pseudonim cu aceeaşi denumire",
+        "filter-type-single-entity": "O Singură Entitate",
+        "filter-type-entity-list": "Listă Entităţi",
+        "filter-type-entity-name": "Nume Entitate",
+        "filter-type-state-entity": "Entitate din starea panoului",
+        "filter-type-state-entity-description": "Entitate luată din parametrii stării panoului",
+        "filter-type-asset-type": "Tip Proprietate",
+        "filter-type-asset-type-description": "Proprietăţi de tip: '{{assetType}}'",
+        "filter-type-asset-type-and-name-description": "proprietăţi de tipul: '{{assetType}}' a căror denumire începe cu: '{{prefix}}'",
+        "filter-type-device-type": "Tip Dispozitiv",
+        "filter-type-device-type-description": "Dispozitive tip: '{{deviceType}}'",
+        "filter-type-device-type-and-name-description": "Dispozitive Tip: '{{deviceType}}' a căror denumire începe cu: '{{prefix}}'",
+        "filter-type-entity-view-type": "Tip entitate definită",
+        "filter-type-entity-view-type-description": "Tip entități definite: '{{entityView}}'",
+        "filter-type-entity-view-type-and-name-description": "Entități definite de tip: '{{entityView}}' a căror denumire începe cu :  '{{prefix}}'",
+        "filter-type-relations-query": "Relaţii Interogare",
+        "filter-type-relations-query-description": "{{entities}} care au relații tip {{relationType}} în direcția {{direction}} {{rootEntity}}",
+        "filter-type-asset-search-query": "Proprietate Asset search query",
+        "filter-type-asset-search-query-description": "Proprietăţi de tip {{assetTypes}} care au relații tip {{relationType}} în direcția {{direction}} {{rootEntity}}",
+        "filter-type-device-search-query": "Criteriu Căutare Dispozitiv",
+        "filter-type-device-search-query-description": "Dispozitive de tip {{deviceTypes}} care au relații tip {{relationType}} în direcția {{direction}} {{rootEntity}}",
+        "filter-type-entity-view-search-query": "Criteriu căutare entitate definită",
+        "filter-type-entity-view-search-query-description": "Entități definite de tip {{entityViewTypes}} care au relații tip {{relationType}} în direcția {{direction}} {{rootEntity}}",
+        "entity-filter": "Filtru Entitate",
+        "resolve-multiple": "Rezolvă Ca Entităţi Multiple",
+        "filter-type": "Tip Filtru",
+        "filter-type-required": "Tipul filtrului este obligatoriu",
+        "entity-filter-no-entity-matched": "Nu au fost găsite entităţi corespunzătoare filtrului specificat",
+        "no-entity-filter-specified": "Nu a fost specificat filtru pentru entitate",
+        "root-state-entity": "Foloseşte Entitatea Stare Panou Ca Origine",
+        "root-entity": "Entitate Rădăcină",
+        "state-entity-parameter-name": "Nume Parametru Stare Entitate",
+        "default-state-entity": "Stare Entitate Implicită",
+        "default-entity-parameter-name": "Implicită",
+        "max-relation-level": "Nivel Maxim Relaţie",
+        "unlimited-level": "Nivel Nelimitat",
+        "state-entity": "Entitate Stare Panou",
+        "all-entities": "Toate Entităţile",
+        "any-relation": "Oricare"
+    },
+    "asset": {
+        "asset": "Proprietate",
+        "assets": "Proprietăţi",
+        "management": "Administrare Proprietăți",
+        "view-assets": "Vezi Proprietăţi",
+        "add": "Adaugă Proprietate",
+        "assign-to-customer": "Repartizează Proprietate",
+        "assign-asset-to-customer": "Repartizează proprietăţi clientului",
+        "assign-asset-to-customer-text": "Selectează proprietăţile care vor fi repartizate clientului",
+        "no-assets-text": "Nu au fost găsite proprietăţi",
+        "assign-to-customer-text": "Selectează clientul căruia îi vor fi repartizate proprietăţile",
+        "public": "Publică",
+        "assignedToCustomer": "Repartizată clientului",
+        "make-public": "Declară proprietate publică",
+        "make-private": "Declară proprietate privată",
+        "unassign-from-customer": "Şterge repartizare client",
+        "delete": "Şterge proprietate",
+        "asset-public": "Proprietate publică",
+        "asset-type": "Tip Proprietate",
+        "asset-type-required": "Tipul proprietății este obligatoriu",
+        "select-asset-type": "Alege tipul proprietății",
+        "enter-asset-type": "Introdu tipul proprietății",
+        "any-asset": "Orice Proprietate",
+        "no-asset-types-matching": "Nu a fost găsită nicio proprietate conținând '{{entitySubtype}}'",
+        "asset-type-list-empty": "Nu a fost selectat niciun tip de proprietate",
+        "asset-types": "Tipuri  Proprietate",
+        "name": "Nume Proprietate",
+        "name-required": "Numele este obligatoriu",
+        "description": "Descriere Proprietate",
+        "type": "Tip Proprietate",
+        "type-required": "Tipul proprietății este obligatoriu",
+        "details": "Detalii Proprietate",
+        "events": "Evenimente",
+        "add-asset-text": "Adaugă proprietate",
+        "asset-details": "Detalii proprietate",
+        "assign-assets": "Repartizează proprietăţi",
+        "assign-assets-text": "Repartizează { count, plural, 1 {o proprietate} other {# proprietăţi} } clientului",
+        "delete-assets": "Şterge proprietăţi",
+        "unassign-assets": "Şterge repartizare proprietăţi",
+        "unassign-assets-action-title": "Şterge repartizare { count, plural, 1 {o proprietate} other {# proprietăţi} } clientului",
+        "assign-new-asset": "Repartizează proprietate nouă",
+        "delete-asset-title": "Sigur vrei să ștergi '{{assetName}}'?",
+        "delete-asset-text": "ATENŢIE! După confirmare, proprietatea şi toate datele referitoare la aceasta, vor fi șterse IREVERSIBIL!",
+        "delete-assets-title": "Sigur vrei să ștergi { count, plural, 1 {o proprietate} other {# proprietăţi} }?",
+        "delete-assets-action-title": "Ştergi { count, plural, 1 {o proprietate} other {# proprietăţi} }",
+        "delete-assets-text": "ATENŢIE! După confirmare, toate proprietăţile selectate şi toate datele referitoare la aceastea, vor fi șterse IREVERSIBIL!",
+        "make-public-asset-title": "Sigur vrei ca proprietatea '{{assetName}}' să devină publică ",
+        "make-public-asset-text": "ATENŢIE! După confirmare, proprietatea selectată şi toate datele referitoare la aceasta vor putea fi accesate de către oricine",
+        "make-private-asset-title": "Sigur vrei ca proprietatea '{{assetName}}' să devină privată?",
+        "make-private-asset-text": "ATENŢIE! După confirmare, proprietatea selectată şi toate datele referitoare la aceasta vor putea fi accesate doar de către proprietar",
+        "unassign-asset-title": "Sigur vrei să ştergi repartizarea pentru proprietatea '{{assetName}}'?",
+        "unassign-asset-text": "ATENŢIE! După confirmare, repartizarea proprietăţii nu va mai putea fi accesată de către client",
+        "unassign-asset": "Şterge repartizare proprietate",
+        "unassign-assets-title": "Sigur vrei să ştergi repartizarea pentru { count, plural, 1 {o proprietate} other {# proprietăţi} }?",
+        "unassign-assets-text": "ATENŢIE! După confirmare, repartizările proprietăţilor selectate nu  vor mai putea fi accesate de către client",
+        "copyId": "Copiază ID proprietate",
+        "idCopiedMessage": "ID-ul proprietăţii a fost copiat în clipboard",
+        "select-asset": "Selectează proprietate",
+        "no-assets-matching": "Nu au fost găsite proprietăţi al căror nume conține '{{entity}}'",
+        "asset-required": "Proprietatea este obligatorie",
+        "name-starts-with": "Numele proprietăţii începe cu",
+        "import": "Importă proprietăţi",
+        "asset-file": "Fişier Proprietăţi",
+        "label": "Eticheta"
+    },
+    "attribute": {
+        "attributes": "Atribute",
+        "latest-telemetry": "Ultimele Date Telemetrice",
+        "attributes-scope": "Scop Atribute Entitate",
+        "scope-latest-telemetry": "Ultimele Date Telemetrice",
+        "scope-client": "Atribute Client",
+        "scope-server": "Atribute Server",
+        "scope-shared": "Atribute Partajate",
+        "add": "Adaugă Atribut",
+        "key": "Cheie",
+        "last-update-time": "Ultima Actualizare",
+        "key-required": "Cheia atributului este obligatorie",
+        "value": "Valoare",
+        "value-required": "Valoarea atributului este obligatorie",
+        "delete-attributes-title": "Sigur vrei să ștergi { count, plural, 1 {un atribut} other {# atribute} }?",
+        "delete-attributes-text": "ATENŢIE! După confirmare, toate atributele selectate vor fi şterse",
+        "delete-attributes": "Şterge Atribute",
+        "enter-attribute-value": "Specifică Valoarea Atributului",
+        "show-on-widget": "Afişează În Widget",
+        "widget-mode": "Modul Widget",
+        "next-widget": "Widget Următor ",
+        "prev-widget": "Widget Precedent",
+        "add-to-dashboard": "Adaugă în panou",
+        "add-widget-to-dashboard": "Adaugă Widget În Panou",
+        "selected-attributes": "{ count, plural, 1 {un atribut} other {# atribute} } selectate",
+        "selected-telemetry": "{ count, plural, 1 {o unitate telemetrică} other {# unităţi telemetrice} } selectate"
+    },
+    "audit-log": {
+        "audit": "Audit",
+        "audit-logs": "Jurnale Audit",
+        "timestamp": "Cronologie",
+        "entity-type": "Tip Entitate",
+        "entity-name": "Denumire Entitate",
+        "user": "Utilizator",
+        "type": "Tip",
+        "status": "Stare",
+        "details": "Detalii",
+        "type-added": "Adăugat",
+        "type-deleted": "Şters",
+        "type-updated": "Actualizat",
+        "type-attributes-updated": "Atribute actualizate",
+        "type-attributes-deleted": "Atribute şterse",
+        "type-rpc-call": "RPC call",
+        "type-credentials-updated": "Acreditări actualizate",
+        "type-assigned-to-customer": "Repartizat către client",
+        "type-unassigned-from-customer": "Anulează Repartizarea Către Client",
+        "type-activated": "Activat",
+        "type-suspended": "Suspendat",
+        "type-credentials-read": "Acreditări citite",
+        "type-attributes-read": "Atribute citite",
+        "type-relation-add-or-update": "Relaţie actualizată",
+        "type-relation-delete": "Relaţie ștearsă",
+        "type-relations-delete": "Toate relaţiile șterse",
+        "type-alarm-ack": "Confirmat",
+        "type-alarm-clear": "Şters",
+        "type-login": "Intră În Cont",
+        "type-logout": "Parăseşte Contul",
+        "type-lockout": "Blocat",
+        "status-success": "Succes",
+        "status-failure": "Eșec",
+        "audit-log-details": "Detalii Jurnale Audit",
+        "no-audit-logs-prompt": "Nu Au Fost Găsite Jurnale",
+        "action-data": "Detalii Acțiune",
+        "failure-details": "Detalii Eșec",
+        "search": "Caută Jurnale Audit",
+        "clear-search": "Resetează Căutarea"
+    },
+    "confirm-on-exit": {
+        "message": "Au rămas modificări nesalvate. Doriţi să părăsiţi această pagină fară a salva modificările?",
+        "html-message": "Au rămas modificări nesalvate.<br/>Doriţi să părăsiţi această pagină fară a salva modificările?",
+        "title": "Modificări Nesalvate"
+    },
+    "contact": {
+        "country": "Ţară",
+        "city": "Oraş",
+        "state": "Judeţ",
+        "postal-code": "Cod Poştal",
+        "postal-code-invalid": "Cod poștal incorect",
+        "address": "Adresă 1",
+        "address2": "Adresă 2",
+        "phone": "Telefon",
+        "email": "eMail",
+        "no-address": "Fără Adresă"
+    },
+    "common": {
+        "username": "Nume Utilizator",
+        "password": "Parola",
+        "enter-username": "Introdu nume utilizator",
+        "enter-password": "Introdu parola",
+        "enter-search": "Definește căutarea"
+    },
+    "content-type": {
+        "json": "Json",
+        "text": "Text",
+        "binary": "Binary (Base64)"
+    },
+    "customer": {
+        "customer": "Client",
+        "customers": "Clienţi",
+        "management": "Administrare Clienţi",
+        "dashboard": "Panou Control Client",
+        "dashboards": "Panouri Control Clienţi",
+        "devices": "Dispozitive Client",
+        "entity-views": "Entități Definite Client",
+        "assets": "Proprietăţi Client",
+        "public-dashboards": "Panouri Control Publice",
+        "public-devices": "Dispozitive Publice",
+        "public-assets": "Proprietăţi Publice",
+        "public-entity-views": "Definiții Entități Publice Client",
+        "add": "Adaugă Client",
+        "delete": "Şterge Client",
+        "manage-customer-users": "Administrare Utilizatori Client",
+        "manage-customer-devices": "Administrare Dispozitive Client",
+        "manage-customer-dashboards": "Administrare Panouri Control Client",
+        "manage-public-devices": "Administrare Dispozitive Publice",
+        "manage-public-dashboards": "Administrare Panouri Control Publice",
+        "manage-customer-assets": "Administrare Proprietăţi Client",
+        "manage-public-assets": "Administrare Proprietăţi Publice",
+        "add-customer-text": "Adăugare Client Nou",
+        "no-customers-text": "Nu au fost găsiţi clienţi",
+        "customer-details": "Detalii Client",
+        "delete-customer-title": "Vrei să ștergi clientul '{{customerTitle}}'?",
+        "delete-customer-text": "ATENŢIE! După confirmare, clientul şi toate datele referitoare la acesta vor fi șterse IREVERSIBIL!",
+        "delete-customers-title": "Vrei să ștergi { count, plural, 1 {un client} other {# clienţi} }?",
+        "delete-customers-action-title": "Şterge { count, plural, 1 {un client} other {# clienţi} }",
+        "delete-customers-text": "ATENŢIE! După confirmare, toaţi clienţii selectate şi toate datele referitoare la aceaştia, vor fi șterse IREVERSIBIL!",
+        "manage-users": "Administrare Utilizatori",
+        "manage-assets": "Administrare Proprietăţi",
+        "manage-devices": "Administrare Dispozitive",
+        "manage-dashboards": "Administrare Panouri Control Publice",
+        "title": "Titlu",
+        "title-required": "Titlul este obligatoriu",
+        "description": "Descriere",
+        "details": "Detalii",
+        "events": "Evenimente",
+        "copyId": "Copie ID Client",
+        "idCopiedMessage": "ID Client A Fost Copiat In Clipboard",
+        "select-customer": "Selectează Client",
+        "no-customers-matching": "Niciun client nu se potrivește cu:'{{entity}}'",
+        "customer-required": "Clientul este obligatoriu",
+        "select-default-customer": "Selecteaza Client Implicit",
+        "default-customer": "Client Implicit",
+        "default-customer-required": "Clientul implicit este obligatoriu pentru a putea depana panoul de control la nivel de PROPRIETAR"
+    },
+    "datetime": {
+        "date-from": "Dată început:",
+        "time-from": "Oră început:",
+        "date-to": "Dată sfârșit:",
+        "time-to": "Oră sfârșit:"
+    },
+    "dashboard": {
+        "dashboard": "Panou",
+        "dashboards": "Panouri",
+        "management": "Administrare Panouri",
+        "view-dashboards": "Afişează Panouri",
+        "add": "Adaugă Panou",
+        "assign-dashboard-to-customer": "Repartizează Panou/Panouri Clientului",
+        "assign-dashboard-to-customer-text": "Selectează panourile care vor fi repartizate clientului",
+        "assign-to-customer-text": "Alege Clientul Căruia îi vor fi repartizate Panourile",
+        "assign-to-customer": "Repartizează Clientului",
+        "unassign-from-customer": "Şterge Repartizarea Către Client",
+        "make-public": "Declară Panou Public",
+        "make-private": "Declară Panou Privat",
+        "manage-assigned-customers": "Administrare Clienţi Repartizaţi",
+        "assigned-customers": "Clienţi Repartizaţi",
+        "assign-to-customers": "Repartizează Panouri Către Clienţi",
+        "assign-to-customers-text": "Alege clienţii cărora le vor fi repartizate panourile",
+        "unassign-from-customers": "Şterge repartizarea panourilor către clienţi",
+        "unassign-from-customers-text": "Alege clienţii cărora le va fi ștearsă repartizarea panourilor",
+        "no-dashboards-text": "Nu au fost găsite panouri",
+        "no-widgets": "Nu sunt widgeturi configurate",
+        "add-widget": "Adăugare Widget Nou",
+        "title": "Titlu Widget",
+        "select-widget-title": "Alege Widget",
+        "select-widget-subtitle": "Listă Tipuri Widget",
+        "delete": "Şterge Panou",
+        "title-required": "Titlul este obligatoriu",
+        "description": "Descriere",
+        "details": "Detalii",
+        "dashboard-details": "Detalii Panou",
+        "add-dashboard-text": "Adăugare Panou Nou",
+        "assign-dashboards": "Repartizare Panouri",
+        "assign-new-dashboard": "Repartizare Panou Nou",
+        "assign-dashboards-text": "Repartizează { count, plural, 1 {un panou} other {# panouri} } clienţilor",
+        "unassign-dashboards-action-text": "Şterge repartizare { count, plural, 1 {un panou} other {# panouri} } către clienți",
+        "delete-dashboards": "Şterge Panouri",
+        "unassign-dashboards": "Şterge Repartizare Panouri",
+        "unassign-dashboards-action-title": "Şterge Repartizare { count, plural, 1 {un panou} other {# panouri} } către client",
+        "delete-dashboard-title": "Vrei să ștergi panoul '{{dashboardTitle}}'?",
+        "delete-dashboard-text": "ATENŢIE! După confirmare, panoul și datele aferente acestuia vor fi șterse IREVERSIBIL!",
+        "delete-dashboards-title": "Vrei să ștergi { count, plural, 1 {un panou} other {# panouri} }?",
+        "delete-dashboards-action-title": "Ştergere { count, plural, 1 {un panou} other {# panouri} }",
+        "delete-dashboards-text": "ATENŢIE! După confirmare, panourile selectate şi datele aferente acestora vor fi șterse IREVERSIBIL!",
+        "unassign-dashboard-title": "Vrei să ştergi repartizarea panoului '{{dashboardTitle}}'?",
+        "unassign-dashboard-text": "ATENŢIE! După confirmare, panoul nu va mai putea fi accesat de către client",
+        "unassign-dashboard": "Şterge Repartizare Panou",
+        "unassign-dashboards-title": "Vrei să ştergi repartizarea a { count, plural, 1 {un panou} other {# panouri} }?",
+        "unassign-dashboards-text": "ATENŢIE! După confirmare, panoul nu va mai putea fi accesat de către client",
+        "public-dashboard-title": "Panoul a devenit public",
+        "public-dashboard-text": "Panoul tău <b>{{dashboardTitle}}</b> a devenit public şi este accesibil la <a href='{{publicLink}}' target='_blank'>link</a>:",
+        "public-dashboard-notice": "<b>Notă:</b> Nu uitaţi să definiţi ca publice şi dispozitivele aferente acestui panou, pentru a le face vizibile",
+        "make-private-dashboard-title": "Doriţi să definiţi panoul '{{dashboardTitle}}' ca privat?",
+        "make-private-dashboard-text": "ATENŢIE! După confirmare, panoul va putea fi accesat doar de către proprietar",
+        "make-private-dashboard": "Declară Panou Privat",
+        "socialshare-text": "'{{dashboardTitle}}' powered by ThingsBoard",
+        "socialshare-title": "'{{dashboardTitle}}' powered by ThingsBoard",
+        "select-dashboard": "Selectează Panou",
+        "no-dashboards-matching": "Nu au fost găsite panouri al căror nume conține '{{entity}}'",
+        "dashboard-required": "Panoul este obligatoriu",
+        "select-existing": "Selectează Un Panou Existent",
+        "create-new": "Creează Panou Nou",
+        "new-dashboard-title": "Denumire Panou Nou",
+        "open-dashboard": "Deschide Panou",
+        "set-background": "Setează Culoarea De Fundal (Background)",
+        "background-color": "Culoarea (Background)",
+        "background-image": "Imaginea (Background)",
+        "background-size-mode": "Mod Mărime (Background)",
+        "no-image": "Nicio imagine selectată",
+        "drop-image": "Trage o imagine sau alege un fişier",
+        "settings": "Setări",
+        "columns-count": "Număr Coloane",
+        "columns-count-required": "Numărul coloanelor este obligatoriu",
+        "min-columns-count-message": "Numărul minim permis de coloane este 10",
+        "max-columns-count-message": "Numărul maxim permis de coloane este 1000",
+        "widgets-margins": "Spaţiu vertical între widgeturi",
+        "horizontal-margin": "Spaţiu orizontal între widget-uri",
+        "horizontal-margin-required": "Valoarea spaţiului orizontal este obligatorie",
+        "min-horizontal-margin-message": "Valoarea minimă permisă pentru spaţiul orizontal între widgeturi este 0",
+        "max-horizontal-margin-message": "Valoarea maximă permisă pentru spaţiul orizontal între widgeturi este 0",
+        "vertical-margin": "Spaţiu vertical între widgeturi",
+        "vertical-margin-required": "Valoarea spaţiului vertical este obligatorie",
+        "min-vertical-margin-message": "Valoarea minimă permisă pentru spaţiul vertical între widgeturi este 0",
+        "max-vertical-margin-message": "Valoarea maximă permisă pentru spaţiul vertical între widgeturi este 50",
+        "autofill-height": "Auto Umplere Pe Înălţime",
+        "mobile-layout": "Setări Pagină Pentru Dispozitive Mobile",
+        "mobile-row-height": "Înălţimea liniei în pagina pentru dispozitive mobile (pixeli)",
+        "mobile-row-height-required": "Valoarea pentru înălţimea liniei este obligatorie",
+        "min-mobile-row-height-message": "Valoarea minimă permisă pentru înălţimea liniei în pagina pentru dispozitive mobile este 5 pixeli",
+        "max-mobile-row-height-message": "Valoarea maximă permisă pentru înălţimea liniei în pagina pentru dispozitive mobile este 200 pixeli",
+        "display-title": "Afişează Titlul Panoului",
+        "toolbar-always-open": "Menţine Deschisă Bara De Instrumente",
+        "title-color": "Culoare Titlu",
+        "display-dashboards-selection": "Afişează Selecţie Panouri",
+        "display-entities-selection": "Afişează Selecţie Entităţi",
+        "display-dashboard-timewindow": "Afişează Interval",
+        "display-dashboard-export": "Afişează Exportul",
+        "import": "Importă Panou",
+        "export": "Exportă Panou",
+        "export-failed-error": "Panoul nu poate fi exportat: {{error}}",
+        "create-new-dashboard": "Creează Panou Nou",
+        "dashboard-file": "Fişier Pentru Panou",
+        "invalid-dashboard-file-error": "Panoul nu poate fi importat; structură de date invalidă",
+        "dashboard-import-missing-aliases-title": "Configurează pseudonim pentru panoul importat",
+        "create-new-widget": "Creează Widget Nou",
+        "import-widget": "Importă Widget",
+        "widget-file": "Fişier Pentru Widget",
+        "invalid-widget-file-error": "Widgetul nu poate fi importat; structură de date invalidă",
+        "widget-import-missing-aliases-title": "Configurează pseudonim pentru widgetul importat",
+        "open-toolbar": "Deschide Bara De Instrumente Pentru Panou",
+        "close-toolbar": "Închide Bara De Instrumente",
+        "configuration-error": "Eroare De Configurare",
+        "alias-resolution-error-title": "Eroare configurare pseudonim panou",
+        "invalid-aliases-config": "Nu există nici un dispozitiv corespunzător filtrului de pseudonime.<br/>Pentru a rezolva această problemă, contactează administratorul",
+        "select-devices": "Selectează Dispozitiv",
+        "assignedToCustomer": "Repartizat Clientului",
+        "assignedToCustomers": "Repartizate Clienților",
+        "public": "Publice",
+        "public-link": "Adresă Pagină Publică",
+        "copy-public-link": "Copiază Adresa Paginii Publice",
+        "public-link-copied-message": "Adresa paginii publice a panoului a fost copiată în clipboard",
+        "manage-states": "Administrare Stări Panou",
+        "states": "Stări Panou",
+        "search-states": "Caută Stări Panou",
+        "selected-states": "{ count, plural, 1 {o stare panou} other {# stări panou} } selectate",
+        "edit-state": "Editează Stare Panou",
+        "delete-state": "Şterge Stare Panou",
+        "add-state": "Adaugă Stare Panou",
+        "state": "Stare Panou",
+        "state-name": "Denumire",
+        "state-name-required": "Denumirea stării panoului este obligatorie",
+        "state-id": "ID Stare Panou",
+        "state-id-required": "IDul Stării panoului este obligatoriu",
+        "state-id-exists": "O stare panou având acest ID este deja înregistrată",
+        "is-root-state": "Stare Rădăcină",
+        "delete-state-title": "Şterge Stare Panou",
+        "delete-state-text": "Sigur vrei să ștergi starea panou '{{stateName}}'?",
+        "show-details": "Afişează Detalii",
+        "hide-details": "Ascunde  Detalii",
+        "select-state": "Selectează Stare Destinaţie",
+        "state-controller": "Controler Stări"
+    },
+    "datakey": {
+        "settings": "Setări",
+        "advanced": "Avansat",
+        "label": "Etichetă",
+        "color": "Culoare",
+        "units": "Simbol special atașat valorii afişate",
+        "decimals": "Număr zecimale",
+        "data-generation-func": "Funcţie Generare Date",
+        "use-data-post-processing-func": "Utilizare Funcţie Post Procesare",
+        "configuration": "Configurare Chei Date",
+        "timeseries": "Serii Temporale",
+        "attributes": "Atribute",
+        "entity-field": "Câmp Entitate",
+        "alarm": "Câmpuri Alarmă",
+        "timeseries-required": "Seriile temporale pentru entitate sunt obligatorii",
+        "timeseries-or-attributes-required": "Seriile temporale sau atributele pentru entitate sunt obligatorii",
+        "maximum-timeseries-or-attributes": "{ count, plural, 1 { Este permisă maximum o serie temporală sau atribut} other {Sunt permise maximum # serii temporale sau atribute} }",
+        "alarm-fields-required": "Câmpurile pentru alarmă sunt obligatorii",
+        "function-types": "Tipuri Funcţie",
+        "function-types-required": "Tipurile de funcţie sunt obligatorii",
+        "maximum-function-types": "Maximum { count, plural, 1 {Este permis doar un tip de funcţie} other {Sunt permise doar # tipuri de funcţie} }",
+        "time-description": "Cronologie valoare curentă;",
+        "value-description": "valoare curentă;",
+        "prev-value-description": "Rezultat execuție funcţie precedentă;",
+        "time-prev-description": "Cronologie valoare precedentă;",
+        "prev-orig-value-description": "Valoare precedentă originală;"
+    },
+    "datasource": {
+        "type": "Tip Sursă Date",
+        "name": "Denumire",
+        "add-datasource-prompt": "Adaugă Sursă Date"
+    },
+    "details": {
+        "edit-mode": "Mod Editare",
+        "toggle-edit-mode": "Schimbă Mod Editare"
+    },
+    "device": {
+        "device": "Dispozitiv",
+        "device-required": "Dispozitivul este obligatoriu",
+        "devices": "Dispozitive",
+        "management": "Administrare Dispozitive",
+        "view-devices": "Vizualizare Dispozitive",
+        "device-alias": "Pseudonim Dispozitiv",
+        "aliases": "Pseudonime Dispozitiv",
+        "no-alias-matching": "'{{alias}}' nu a fost găsit",
+        "no-aliases-found": "Nu au fost găsite pseudonime",
+        "no-key-matching": "'{{key}}' nu a fost găsită",
+        "no-keys-found": "Nu a fost găsită nicio cheie",
+        "create-new-alias": "Creează Pseudonim Nou",
+        "create-new-key": "Creează Cheie Nouă",
+        "duplicate-alias-error": "Pseudonimul ales este deja înregistrat : '{{alias}}'.<br>Pseudonimele dispozitivelor trebuie să fie unice în acelaşi panou",
+        "configure-alias": "Configurează Pseudonim: '{{alias}}'",
+        "no-devices-matching": "Nu au fost găsite dispozitive al căror nume conține: '{{entity}}'",
+        "alias": "Pseudonim",
+        "alias-required": "Pseudonimul pentru dispozitiv este obligatoriu",
+        "remove-alias": "Şterge Pseudonim Dispozitiv",
+        "add-alias": "Adaugă Pseudonim Dispozitiv",
+        "name-starts-with": "Denumirea dispozitivului începe cu: ",
+        "device-list": "Listă Dispozitive",
+        "use-device-name-filter": "Utilizează Filtru Căutare",
+        "device-list-empty": "Nu este selectat niciun dispozitiv",
+        "device-name-filter-required": "Filtrul de căutare pentru nume dispozitiv este obligatoriu",
+        "device-name-filter-no-device-matched": "Nu au fost găsite dispozitive al căror nume începe cu '{{device}}'",
+        "add": "Adaugă Dispozitiv",
+        "assign-to-customer": "Repartizează Clientului",
+        "assign-device-to-customer": "Repartizează Dispozitiv(e) Clientului",
+        "assign-device-to-customer-text": "Selectează dispozitivele de repartizat clientului ",
+        "make-public": "Configurează Ca Dispozitiv Public",
+        "make-private": "Configurează Ca Dispozitiv Privat",
+        "no-devices-text": "Nu există dispozitive",
+        "assign-to-customer-text": "Selectrază clientul căruia să-i fie repartizat(e) dispozitiv(ele)",
+        "device-details": "Detalii Dispozitiv",
+        "add-device-text": "Adaugă Dispozitiv Nou",
+        "credentials": "Acreditări",
+        "manage-credentials": "Administrare Acreditări",
+        "delete": "Şterge Dispozitiv",
+        "assign-devices": "Repartizeză Dispozitive",
+        "assign-devices-text": "Repartizeză { count, plural, 1 {un dispozitiv} other {# dispozitive} } Clientului",
+        "delete-devices": "Şterge Dispozitive",
+        "unassign-from-customer": "Şterge repartizarea către client",
+        "unassign-devices": "Şterge repartizarea dispozitivelor",
+        "unassign-devices-action-title": "Şterge repartizarea a { count, plural, 1 {un dispozitiv} other {# dispozitive} } de la client",
+        "assign-new-device": "Repartizare Dispozitiv Nou",
+        "make-public-device-title": "Sigur vrei să faci dispozitivul '{{deviceName}}' public?",
+        "make-public-device-text": "După confirmare, dispozitivul și toate datele aferente acestuia vor fi făcute publice, fiind deci accesibile oricui",
+        "make-private-device-title": "Sigur vrei să faci dispozitivul '{{deviceName}}' privat?",
+        "make-private-device-text": "După confirmare, dispozitivul și toate datele aferente acestuia vor fi private, deci accesibile doar proprietarului",
+        "view-credentials": "Vezi Credențiale",
+        "delete-device-title": "Sigur vrei să ștergi dispozitivul '{{deviceName}}'?",
+        "delete-device-text": "ATENȚIE! După confirmare, dispozitivul împreună cu datele aferente acestuia vor fi șterse IREVERSIBIL!",
+        "delete-devices-title": "Sigur vrei să ștergi { count, plural, 1 {un dispozitiv} other {# dispozitive} }?",
+        "delete-devices-action-title": "Delete { count, plural, 1 {un dispozitiv} other {# dispozitive} }",
+        "delete-devices-text": "ATENȚIE! După confirmare, toate dispozitivele selectate, împreună cu datele aferente acestora, vor fi șterse IREVERSIBIL!",
+        "unassign-device-title": "Sigur vrei să ștergi repartizarea dispozitivului '{{deviceName}}'?",
+        "unassign-device-text": "ATENȚIE! După confirrmare, dispozitivul nu va mai fi accesibil clientului",
+        "unassign-device": "Șterge repartizare dispozitiv",
+        "unassign-devices-title": "Sigur vrei să ștergi repartizarea pentru { count, plural, 1 {un dispozitiv} other {# devices} }?",
+        "unassign-devices-text": "ATENȚIE! După confirmare, repartizarea dispozitivelor va fi ștearsă, acestea nemaifiind accesibile clientului",
+        "device-credentials": "Credențiale Dispozitiv",
+        "credentials-type": "Tip Credențiale",
+        "access-token": "Token Acces",
+        "access-token-required": "Tokenul de acces este necesar",
+        "access-token-invalid": "Dimensiunea tokenului de acces trebuie să fie de 1-20 caractere",
+        "rsa-key": "Cheie RSA publică",
+        "rsa-key-required": "Cheia RSA publică key este necesară",
+        "secret": "Cod Secret",
+        "secret-required": "Codul secret este necesar",
+        "device-type": "Tip Dispozitiv",
+        "device-type-required": "Tipul dispozitivului este obligatoriu",
+        "select-device-type": "Alege tipul dispozitivului",
+        "enter-device-type": "Introdu tipul dispozitivului",
+        "any-device": "Orice Dispozitiv",
+        "no-device-types-matching": "Nu au fost găsite dispozitive de tip '{{entitySubtype}}' ",
+        "device-type-list-empty": "Nu au fost selectate tipuri dispozitiv",
+        "device-types": "Tipuri dispozitiv",
+        "name": "Nume",
+        "name-required": "Numele este obligatoriu",
+        "description": "Descriere",
+        "label": "Etichetă",
+        "events": "Evenimente",
+        "details": "Detalii",
+        "copyId": "Copie ID Dispozitiv",
+        "copyAccessToken": "Copiază Token Acces",
+        "idCopiedMessage": "ID dispozitiv copiat în clipboard",
+        "accessTokenCopiedMessage": "Token acces dispozitiv copiat în clipboard",
+        "assignedToCustomer": "Repartizat clientului",
+        "unable-delete-device-alias-title": "Pseudonimul dispozitivului nu poate fi șters",
+        "unable-delete-device-alias-text": "Pseudonimul dispozitivului '{{deviceAlias}}' nu poate fi șters, întrucât este folosit de widget(urile):<br/>{{widgetsList}}",
+        "is-gateway": "Este gateway",
+        "public": "Public",
+        "device-public": "Dispozitivul este public",
+        "select-device": "Selectează Dispozitiv",
+        "import": "Importă Dispozitiv",
+        "device-file": "Fișier dispozitiv"
+    },
+    "dialog": {
+        "close": "Închide Casetă Dialog"
+    },
+    "direction": {
+        "column": "Coloană",
+        "row": "Linie"
+    },
+    "error": {
+        "unable-to-connect": "Conexiunea cu serverul imposibilă! Ești conectat la Internet?",
+        "unhandled-error-code": "Cod eroare negestionată: {{errorCode}}",
+        "unknown-error": "Eroare necunoscută"
+    },
+    "entity": {
+        "entity": "Entitate",
+        "entities": "Entități",
+        "aliases": "Pseudonime Entități",
+        "entity-alias": "Pseudonim Entitate",
+        "unable-delete-entity-alias-title": "Ștergerea pseudonimului entității este imposibilă",
+        "unable-delete-entity-alias-text": "Pseudonimul entității '{{entityAlias}}', fiind folosit de widgetul/widgeturile:<br/>{{widgetsList}}",
+        "duplicate-alias-error": "Pseudonimul entității este duplicat<br>Pseudonimele entităților trebuie să fie unice, în același panou",
+        "missing-entity-filter-error": "Lipsă filtru pentru pseudonimul '{{alias}}'",
+        "configure-alias": "Configurează pseudonimul '{{alias}}'",
+        "alias": "Pseudonim",
+        "alias-required": "Pseudonimul entității este necesar",
+        "remove-alias": "șterge Alias Entitate",
+        "add-alias": "Adaugă Alias Entitate",
+        "entity-list": "Listă Entități",
+        "entity-type": "Tip Entitate",
+        "entity-types": "Tipuri Entități",
+        "entity-type-list": "Listă Tipuri Entități",
+        "any-entity": "Orice Entitate",
+        "enter-entity-type": "Introdu Tip Entitate",
+        "no-entities-matching": "Nu a fost găsită nicio entitate conținând '{{entity}}' ",
+        "no-entity-types-matching": "Nu au fost găsite tipuri de entități conținând '{{entityType}}'",
+        "name-starts-with": "Numele începe cu",
+        "use-entity-name-filter": "Folosește filtru",
+        "entity-list-empty": "Nicio entitate selectată",
+        "entity-type-list-empty": "Niciun tip entitate selectat",
+        "entity-name-filter-required": "Filtrul pentru nume entitate este necesar",
+        "entity-name-filter-no-entity-matched": "Nu a fost găsită nicio entitate al cărei nume începe cu '{{entity}}'",
+        "all-subtypes": "Toate",
+        "select-entities": "Selectează entități",
+        "no-aliases-found": "Niciun pseudonim găsit",
+        "no-alias-matching": "Nu am găsit pseudonimul '{{alias}}'",
+        "create-new-alias": "Creează unul nou!",
+        "key": "Cheie",
+        "key-name": "Nume Cheie",
+        "no-keys-found": "Nicio cheie găsită",
+        "no-key-matching": "Nu am găsit cheia '{{key}}'",
+        "create-new-key": "Creează una nouă!",
+        "type": "Tip",
+        "type-required": "Tipul entității este necesar",
+        "type-device": "Dispozitiv",
+        "type-devices": "Dispozitive",
+        "list-of-devices": "{ count, plural, 1 {un dispozitiv} other {Listă # dispozitive} }",
+        "device-name-starts-with": "Dispozitive a căror nume începe cu '{{prefix}}'",
+        "type-asset": "Proprietate",
+        "type-assets": "Proprietăți",
+        "list-of-assets": "{ count, plural, 1 {o proprietate} other {Listă # proprietăți} }",
+        "asset-name-starts-with": "Proprietate a cărei nume începe cu '{{prefix}}'",
+        "type-entity-view": "Entitate Definită",
+        "type-entity-views": "Entități Definite",
+        "list-of-entity-views": "{ count, plural, 1 {o entitate definită} other {Listă # entități definite} }",
+        "entity-view-name-starts-with": "Entități definite al căror nume începe cu '{{prefix}}'",
+        "type-rule": "Regulă",
+        "type-rules": "Reguli",
+        "list-of-rules": "{ count, plural, 1 {o regulă} other {Listă  # reguli} }",
+        "rule-name-starts-with": "Reguli al căror nume începe cu '{{prefix}}'",
+        "type-plugin": "Plugin",
+        "type-plugins": "Plugin-uri",
+        "list-of-plugins": "{ count, plural, 1 {un plugin} other {Listă # plugin-uri} }",
+        "plugin-name-starts-with": "Plugin-uri al căror nume începe cu '{{prefix}}'",
+        "type-tenant": "Locatar",
+        "type-tenants": "Locatari",
+        "list-of-tenants": "{ count, plural, 1 {un locatar} other {Listă  # locatari} }",
+        "tenant-name-starts-with": "Locatari al căror nume începe cu '{{prefix}}'",
+        "type-customer": "Client",
+        "type-customers": "Clienţi",
+        "list-of-customers": "{ count, plural, 1 {un client} other {Listă # Clienţi} }",
+        "customer-name-starts-with": "Clienţi al căror nume începe cu '{{prefix}}'",
+        "type-user": "Utilizator",
+        "type-users": "Utilizatori",
+        "list-of-users": "{ count, plural, 1 {un utilizator} other {Listă # utilizatori} }",
+        "user-name-starts-with": "Utilizatori al căror nume începe cu '{{prefix}}'",
+        "type-dashboard": "Panou Control",
+        "type-dashboards": "Panouri Control",
+        "list-of-dashboards": "{ count, plural, 1 {un panou control} other {Listă  # panouri control} }",
+        "dashboard-name-starts-with": "Panouri control al căror nume începe cu '{{prefix}}'",
+        "type-alarm": "Alarmă",
+        "type-alarms": "Alarme",
+        "list-of-alarms": "{ count, plural, 1 {o alarmă} other {Listă # alarme} }",
+        "alarm-name-starts-with": "Alarme al căror nume începe cu '{{prefix}}'",
+        "type-rulechain": "Flux",
+        "type-rulechains": "Fluxuri",
+        "list-of-rulechains": "{ count, plural, 1 {un flux} other {Listă # fluxuri} }",
+        "rulechain-name-starts-with": "Fluxuri al căror nume începe cu '{{prefix}}'",
+        "type-rulenode": "Nod flux",
+        "type-rulenodes": "Noduri flux",
+        "list-of-rulenodes": "{ count, plural, 1 {un nod flux} other {Listă # noduri flux} }",
+        "rulenode-name-starts-with": "Noduri flux al căror nume începe cu '{{prefix}}'",
+        "type-current-customer": "Client Curent",
+        "search": "Caută Entități",
+        "selected-entities": "{ count, plural, 1 {o entitate} other {# entități} } selectate",
+        "entity-name": "Nume Entitate",
+        "entity-label": "Etichetă Entitate",
+        "details": "Detalii Entitate",
+        "no-entities-prompt": "Nu au fost găsite entități",
+        "no-data": "Nu există date de afișat",
+        "columns-to-display": "Coloane Afișate"
+    },
+    "entity-field": {
+        "created-time": "Momentul Creării",
+        "name": "Denumire",
+        "type": "Tip",
+        "first-name": "Prenume",
+        "last-name": "Nume",
+        "email": "eMail",
+        "title": "Formula De Adresare",
+        "country": "Ţara",
+        "state": "Judeţ",
+        "city": "Oraş",
+        "address": "Adresa 1",
+        "address2": "Adresa 2",
+        "zip": "Cod Poştal",
+        "phone": "Telefon",
+        "label": "Etichetă"
+    },
+    "entity-view": {
+        "entity-view": "Entitate Definită",
+        "entity-view-required": "Entitatea definită este obligatorie",
+        "entity-views": "Entități Definite",
+        "management": "Administrare Entități Definite",
+        "view-entity-views": "Afişează Entități Definite",
+        "entity-view-alias": "Pseudonim Entitate Definită",
+        "aliases": "Pseudonime Entități Definite",
+        "no-alias-matching": "'{{alias}}' Pseudonimul nu a fost găsit",
+        "no-aliases-found": "Nu au fost găsite pseudonime",
+        "no-key-matching": "Cheia '{{key}}' nu a fost găsită",
+        "no-keys-found": "Nu a fost găsită nicio cheie",
+        "create-new-alias": "Creează Alias Nou",
+        "create-new-key": "Creează Cheie Nouă",
+        "duplicate-alias-error": "Pseudonimul: '{{alias}}' este deja înregistrat<br>Pseudonimele pentru entităţi trebuie să fie unice în acelaşi panou",
+        "configure-alias": "Configurează pseudonim'{{alias}}'",
+        "no-entity-views-matching": "Nu au fost găsite entități definite după criteriul: '{{entity}}'",
+        "alias": "Pseudonim",
+        "alias-required": "Pseudonimul entității definite este obligatoriu",
+        "remove-alias": "Şterge pseudonim entitate definită",
+        "add-alias": "Adaugă pseudonim entitate definită",
+        "name-starts-with": "Numele entității definite începe cu ",
+        "entity-view-list": "Listă Entități Definite",
+        "use-entity-view-name-filter": "Filtrează",
+        "entity-view-list-empty": "Nu au fost selectate entități definite",
+        "entity-view-name-filter-required": "Filtrul pentru numele entității definite este obligatoriu",
+        "entity-view-name-filter-no-entity-view-matched": "Nu au fost găsite entități definite al căror nume conține: '{{entityView}}'",
+        "add": "Adaugă Entitate Definită",
+        "assign-to-customer": "Repartizare către client",
+        "assign-entity-view-to-customer": "Repartizare Entități Definite Clientului",
+        "assign-entity-view-to-customer-text": "Selectează entitățile definite ce vor fi repartizate clientului",
+        "no-entity-views-text": "Nu există entități definite",
+        "assign-to-customer-text": "Selectează clientul căruia îi vor fi repartizate entitățile definite",
+        "entity-view-details": "Detalii Entitate Definită",
+        "add-entity-view-text": "Adaugă Entitate Definită",
+        "delete": "ßterge Entitate Definită",
+        "assign-entity-views": "Repartizează Entitate Definită",
+        "assign-entity-views-text": "Repartizează { count, plural, 1 {o entitate definită} other {# entități definite} } clientului",
+        "delete-entity-views": "Şterge Entități Definite",
+        "unassign-from-customer": "Ştergere Repartizare Către Client",
+        "unassign-entity-views": "Ştergere Repartizare Entități Definite",
+        "unassign-entity-views-action-title": "Şterge repartizare { count, plural, 1 {o entitate definită} other {# entități definite} } de la client ",
+        "assign-new-entity-view": "Repartizează Entitate Definită Nouă",
+        "delete-entity-view-title": "Sigur vrei să ștergi entitatea definită : '{{entityViewName}}'?",
+        "delete-entity-view-text": "ATENŢIE! După confirmare, entitatea definită şi toate datele asociate cu aceasta vor fi șterse IREVERSIBIL!",
+        "delete-entity-views-title": "Sigur vrei să ștergi{ count, plural, 1 {o entitate definită} other {# entități definite} }?",
+        "delete-entity-views-action-title": "Şterge { count, plural, 1 {o entitate definită} other {# entități definite} }",
+        "delete-entity-views-text": "ATENŢIE! După confirmare, toate entitățile definite și datele asociate acestora vor fi șterse IREVERSIBIL!",
+        "unassign-entity-view-title": "Sigur vrei să ștergi repartizarea entității definite : '{{entityViewName}}'?",
+        "unassign-entity-view-text": "ATENŢIE! După confirmare, clientul nu va mai putea accesa entitatea definită selectată",
+        "unassign-entity-view": "Şterge Repartizare Entitate Definită",
+        "unassign-entity-views-title": "Sigur vrei să ștergi repartizarea a { count, plural, 1 {o entitate definită} other {# entități definite} }?",
+        "unassign-entity-views-text": "ATENŢIE! După confirmare, clientul nu va mai putea accesa entitățile definite selectate",
+        "entity-view-type": "Tip Entitate Definită",
+        "entity-view-type-required": "Tipul ecranului pentru entitate este obligatoriu",
+        "select-entity-view-type": "Selectaţi Tipul Ecranului Pentru Entitate",
+        "enter-entity-view-type": "Introduceţi Tipul Ecranului Pentru Entitate",
+        "any-entity-view": "Orice Entitate Definită",
+        "no-entity-view-types-matching": "Nu au fost găsite tipuri de entitate definită care să corespundă criteriului '{{entitySubtype}}'",
+        "entity-view-type-list-empty": "Nu au fost selectate tipuri de entitate definită",
+        "entity-view-types": "Tipuri Entitate Definită",
+        "name": "Denumire",
+        "name-required": "Denumirea este obligatorie",
+        "description": "Descriere",
+        "events": "Evenimente",
+        "details": "Detalii",
+        "copyId": "Copie ID Entitate Definită",
+        "assignedToCustomer": "Repartizat Clientului",
+        "unable-entity-view-device-alias-title": "Pseudonimul entității definite nu poate fi şters",
+        "unable-entity-view-device-alias-text": "Pseudonimul dispozitivului : '{{entityViewAlias}}' nu poate fi șters, fiind folosit de widgetul/widgeturile :<br/>{{widgetsList}}",
+        "select-entity-view": "Selectează Entitate Definită",
+        "make-public": "Declară Entitate Definită Publică",
+        "make-private": "Declară Entitate Definită Privată",
+        "start-date": "Dată Început",
+        "start-ts": "Oră Început",
+        "end-date": "Dată Sfârșit",
+        "end-ts": "Oră Sfârșit",
+        "date-limits": "Limite Dată",
+        "client-attributes": "Atribute Client",
+        "shared-attributes": "Atribute Partajate",
+        "server-attributes": "Atribute Server",
+        "timeseries": "Serii Temporale",
+        "client-attributes-placeholder": "Atribute Client",
+        "shared-attributes-placeholder": "Atribute Partajate",
+        "server-attributes-placeholder": "Atribute Server",
+        "timeseries-placeholder": "Serii Temporale",
+        "target-entity": "Entitate Destinaţie",
+        "attributes-propagation": "Propagare Atribute",
+        "attributes-propagation-hint": "Entitatea definită va copia automat atributele specificate de la entitatea destinaţie, de fiecare dată când este salvată sau actualizată. Din motive de performanţă, atributele entităţii de destinaţie nu sunt propagate către entitatea definită la fiecare modificare de atribut. Poți activa propagarea automată a atributelor prin configurarea nodului în mod \"copiază pentru a vedea\" în fluxul tău și conectarea mesajelor \"Post Atribute\" și \"Atribute Actualizate\" la noul nod",
+        "timeseries-data": "Date Serii Temporale",
+        "timeseries-data-hint": "Configurează intervale timp pentru seriile temporale ale entităţii destinaţie, care vor fi accesibile prin entitatea definită. Acestea nu vor putea fi modificate",
+        "make-public-entity-view-title": "Sigur vrei să faci publică entitatea definită: '{{entityViewName}}'?",
+        "make-public-entity-view-text": "ATENŢIE! După confirmare, entitatea definită și datele aferente acesteia vor deveni publice, deci accesibile oricui",
+        "make-private-entity-view-title": "Sigur vrei să faci privată entitatea definită: '{{entityViewName}}'?",
+        "make-private-entity-view-text": "ATENŢIE! După confirmare, entitatea definită şi toate datele aferente acesteia, vor deveni private, la ele având acces doar proprietarul"
+    },
+    "event": {
+        "event-type": "Tip Eveniment",
+        "type-error": "Eroare",
+        "type-lc-event": "Durată Eveniment",
+        "type-stats": "Statistică",
+        "type-debug-rule-node": "Depanare",
+        "type-debug-rule-chain": "Depanare",
+        "no-events-prompt": "Nu au fost găsite evenimente",
+        "error": "Eroare",
+        "alarm": "Alarmă",
+        "event-time": "Oră Eveniment",
+        "server": "Server",
+        "body": "Corp",
+        "method": "Metodă",
+        "type": "Tip",
+        "entity": "Entitate",
+        "message-id": "ID Mesaj",
+        "message-type": "Tip Mesaj",
+        "data-type": "Tip Date",
+        "relation-type": "Tip Relaţie",
+        "metadata": "Metadata",
+        "data": "Date",
+        "event": "Eveniment",
+        "status": "Stare",
+        "success": "Succes",
+        "failed": "Eşuat",
+        "messages-processed": "Mesaje procesate",
+        "errors-occurred": "Au apărut erori"
+    },
+    "extension": {
+        "extensions": "Extensii",
+        "selected-extensions": "{ count, plural, 1 {o extensie selectată} other {# extensii selectate} }",
+        "type": "Tip",
+        "key": "Cheie",
+        "value": "Valoare",
+        "id": "ID",
+        "extension-id": "ID Extensie",
+        "extension-type": "Tip Extensie",
+        "transformer-json": "JSON *",
+        "unique-id-required": "ID-ul curent pentru extensie este deja înregistrat",
+        "delete": "Şterge Extensie",
+        "add": "Adaugă Extensie",
+        "edit": "Editează Extensie",
+        "delete-extension-title": "Sigur vrei să ștergi extensia: '{{extensionId}}'?",
+        "delete-extension-text": "ATENŢIE! După confirmare, extensia şi toate datele asociate acesteia, vor fi șterse IREVERSIBIL!",
+        "delete-extensions-title": "Sigur vrei să ștergi { count, plural, 1 {o extensie} other {# extensii} }?",
+        "delete-extensions-text": "ATENŢIE! După confirmare, toate extensiile selectate vor fi șterse IREVERSIBIL!",
+        "converters": "Convertoare",
+        "converter-id": "ID Convertoare",
+        "configuration": "Configurare",
+        "converter-configurations": "Configurator Convertoare",
+        "token": "Token De Securitate",
+        "add-converter": "Adaugă Convertor",
+        "add-config": "Adaugă Configurator Convertoare",
+        "device-name-expression": "Expresie Denumire Dispozitiv",
+        "device-type-expression": "Expresie Tip Dispozitiv",
+        "custom": "Definit De Utilizator",
+        "to-double": "To Double",
+        "transformer": "Transformare",
+        "json-required": "Este necesar transformer json",
+        "json-parse": "Analiză transformer json imposibilă",
+        "attributes": "Atribute",
+        "add-attribute": "Adaugă Atribut",
+        "add-map": "Adaugă Mapare",
+        "timeseries": "Date Cronologice",
+        "add-timeseries": "Adaugă Set Date Cronologice",
+        "field-required": "Câmpul Este Obligatoriu",
+        "brokers": "Brokeri",
+        "add-broker": "Adaugă Broker",
+        "host": "Gazdă",
+        "port": "Port",
+        "port-range": "Valoarea portului trebuie să fie în intervalul 1 - 65535",
+        "ssl": "SSL",
+        "credentials": "Acreditări",
+        "username": "Nume Utilizator",
+        "password": "Parolă",
+        "retry-interval": "Interval Reîncercare (milisecunde)",
+        "anonymous": "Anonim",
+        "basic": "Bazic",
+        "pem": "PEM",
+        "ca-cert": "Fişier Certificat CA",
+        "private-key": "Fişier Cheie Privată *",
+        "cert": "Fişier Certificat *",
+        "no-file": "Niciun fișier selectat",
+        "drop-file": "Trageţi un fişier sau selectaţi cu mouseul un fişier pentru a fi încărcat",
+        "mapping": "Mapare",
+        "topic-filter": "Filtru Topic",
+        "converter-type": "Tipul Convertor",
+        "converter-json": "Json",
+        "json-name-expression": "Expresie JSON Pentru Nume Dispozitiv",
+        "topic-name-expression": "Expresie TOPIC Pentru Nume Dispozitiv",
+        "json-type-expression": "Expresie JSON Pentru Tip Dispozitiv",
+        "topic-type-expression": "Expresie TOPIC Pentru Tip Dispozitiv",
+        "attribute-key-expression": "Expresie Cheie Atribut",
+        "attr-json-key-expression": "Expresie JSON Cheie Atribut",
+        "attr-topic-key-expression": "Expresie Topic Cheie Atribut",
+        "request-id-expression": "Expresie Cerere ID",
+        "request-id-json-expression": "Expresie JSON Cerere ID",
+        "request-id-topic-expression": "Expresie TOPIC Cerere ID",
+        "response-topic-expression": "Expresie Răspuns Topic",
+        "value-expression": "Valoare Expresie",
+        "topic": "Topic",
+        "timeout": "Timp De Expirare (milisecunde)",
+        "converter-json-required": "Convertorul JSON este obligatoriu",
+        "converter-json-parse": "Analiză converter JSON imposibilă",
+        "filter-expression": "Filtrează expresie",
+        "connect-requests": "Solicitări Conectare",
+        "add-connect-request": "Adaugă Solicitare Conectare",
+        "disconnect-requests": "Solicitări Deconectare",
+        "add-disconnect-request": "Adaugă Solicitare Deconectare",
+        "attribute-requests": "Solicitări Atribut",
+        "add-attribute-request": "Adaugă Solicitare Atribut",
+        "attribute-updates": "Actualizări Atribut",
+        "add-attribute-update": "Adaugă Actualizare Atribut",
+        "server-side-rpc": "Server RPC",
+        "add-server-side-rpc-request": "Adaugă Solicitare RPC Server-Side",
+        "device-name-filter": "Filtru Nume Dispozitiv",
+        "attribute-filter": "Filtru Atribut",
+        "method-filter": "Filtru Metodă",
+        "request-topic-expression": "Solicită expresie topic",
+        "response-timeout": "Timp răspuns în milisecunde",
+        "topic-expression": "Expresie Topic",
+        "client-scope": "Scop Client",
+        "add-device": "Adaugă Dispozitiv",
+        "opc-server": "Servere",
+        "opc-add-server": "Adaugă Server",
+        "opc-add-server-prompt": "Te rog, adaugă server ",
+        "opc-application-name": "Nume Aplicație",
+        "opc-application-uri": "URI Aplicație",
+        "opc-scan-period-in-seconds": "Perioadă Scanare (secunde)",
+        "opc-security": "Securitate",
+        "opc-identity": "Identitate",
+        "opc-keystore": "Keystore",
+        "opc-type": "Tip OPC",
+        "opc-keystore-type": "Tip Keystore",
+        "opc-keystore-location": "Localizare *",
+        "opc-keystore-password": "Parolă",
+        "opc-keystore-alias": "Pseudonim",
+        "opc-keystore-key-password": "Cheie Parolă",
+        "opc-device-node-pattern": "Structură Nod Dispozitiv",
+        "opc-device-name-pattern": "Structură Nume Dispozitiv",
+        "modbus-server": "Servere/sclavi",
+        "modbus-add-server": "Adaugă server/sclav",
+        "modbus-add-server-prompt": "Te rog adaugă server/sclav",
+        "modbus-transport": "Transport",
+        "modbus-tcp-reconnect": "Reconectare Automată",
+        "modbus-rtu-over-tcp": "RTU peste TCP",
+        "modbus-port-name": "Nume Port Serial",
+        "modbus-encoding": "Codificare",
+        "modbus-parity": "Paritate",
+        "modbus-baudrate": "Rată Baud",
+        "modbus-databits": "Biți Date",
+        "modbus-stopbits": "Biți Stop",
+        "modbus-databits-range": "Bitii de date trebuie să fie în intervalul 7-8",
+        "modbus-stopbits-range": "Bitii de stop trebuie să fie în intervalul 1-2",
+        "modbus-unit-id": "ID Unitate",
+        "modbus-unit-id-range": "ID-ul unității trebuie să fie în intervalul 1-247",
+        "modbus-device-name": "Nume Dispozitiv",
+        "modbus-poll-period": "Perioadă Interogare (ms)",
+        "modbus-attributes-poll-period": "Perioadă Interogare Atribute (ms)",
+        "modbus-timeseries-poll-period": "Perioadă Interogare serii temporale (ms)",
+        "modbus-poll-period-range": "Perioada de interogare trebuie să fie pozitivă",
+        "modbus-tag": "Tag",
+        "modbus-function": "Funcție",
+        "modbus-register-address": "Adresă Registru",
+        "modbus-register-address-range": "Adresa registrului trebuie să fie în intervalul 0-65535",
+        "modbus-register-bit-index": "Index biți",
+        "modbus-register-bit-index-range": "Indexul biților trebuie să fie în intervalul 0-15",
+        "modbus-register-count": "Număr Regiștri",
+        "modbus-register-count-range": "Numărul regiștrilor trebuie să fie pozitiv",
+        "modbus-byte-order": "Ordine Bytes",
+        "sync": {
+            "status": "Stare",
+            "sync": "Sincronizat",
+            "not-sync": "Nesincronizat",
+            "last-sync-time": "Ultima Sincronizare",
+            "not-available": "Indisponibil"
+        },
+        "export-extensions-configuration": "Exportă configuraţie extensii",
+        "import-extensions-configuration": "Importă configuraţie extensii",
+        "import-extensions": "Importă Extensii",
+        "import-extension": "Importă Extensie",
+        "export-extension": "Exportă Extensie",
+        "file": "Fişier Extensii",
+        "invalid-file-error": "Fişier extensie invalid"
+    },
+    "fullscreen": {
+        "expand": "Extinde Către Ecran Complet",
+        "exit": "Ieşire Din Ecran Complet",
+        "toggle": "Comutare Ecran Complet",
+        "fullscreen": "Ecran Complet"
+    },
+    "function": {
+        "function": "Funcţie"
+    },
+    "grid": {
+        "delete-item-title": "Sigur vrei să ștergi elementul?",
+        "delete-item-text": "ATENŢIE! După confirmare, elementul şi toate datele referitoare la acesta, vor fi șterse IREVERSIBIL!",
+        "delete-items-title": "Sigur vrei să ștergi { count, plural, 1 {un element} other {# elemente} }?",
+        "delete-items-action-title": "Şterge { count, plural, 1 {un element} other {# elemente} }",
+        "delete-items-text": "ATENŢIE! După confirmare, toate elementele selectate şi toate datele referitoare la acestea, vor fi șterse IREVERSIBIL!",
+        "add-item-text": "Adaugă Element Nou",
+        "no-items-text": "Nu Au Fost Găsite Elemente",
+        "item-details": "Detalii Element",
+        "delete-item": "Şterge Element",
+        "delete-items": "Şterge Elemente",
+        "scroll-to-top": "Derulare la începutul listei"
+    },
+    "help": {
+        "goto-help-page": "Mergi la pagina de ajutor"
+    },
+    "home": {
+        "home": "Acasă",
+        "profile": "Profil",
+        "logout": "Deconectare",
+        "menu": "Meniu",
+        "avatar": "Avatar",
+        "open-user-menu": "Deschide Meniu Utilizator"
+    },
+    "import": {
+        "no-file": "Niciun fișier selectat",
+        "drop-file": "Trage un fişier de tip JSON sau selectează cu mausul un fişier de tip JSON pentru a fi încărcat",
+        "drop-file-csv": "Trage un fişier de tip CSV sau selectează cu mouse-ul un fişier de tip csv pentru a fi încărcat",
+        "column-value": "Valoare",
+        "column-title": "Denumire",
+        "column-example": "Exemplu valori date",
+        "column-key": "Cheie Atribut/Telemetrie",
+        "csv-delimiter": "Delimitator CSV",
+        "csv-first-line-header": "Prima linie conţine denumiri de coloane",
+        "csv-update-data": "Actualizare atribute/telemetrie",
+        "import-csv-number-columns-error": "Un fișier trebuie să conțină cel puțin două coloane",
+        "import-csv-invalid-format-error": "Format fișier incorect, linia: '{{line}}'",
+        "column-type": {
+            "name": "Denumire",
+            "type": "Tip",
+            "label": "Etichetă",
+            "column-type": "Tipul Coloanei",
+            "client-attribute": "Atribut Client",
+            "shared-attribute": "Atribut Partajat",
+            "server-attribute": "Atribut Server",
+            "timeseries": "Date Cronologice",
+            "entity-field": "Câmp Entitate",
+            "access-token": "Token De Acces"
+        },
+        "stepper-text":{
+            "select-file": "Selectează un fişier",
+            "configuration": "Importă configurație",
+            "column-type": "Selectează tipul de coloane",
+            "creat-entities": "Creează entităţi noi",
+            "done": "Terminat"
+        },
+        "message": {
+            "create-entities": "{{count}} entităţi noi au fost create cu succes",
+            "update-entities": "{{count}} entităţi noi au fost actualizate cu succes",
+            "error-entities": "A intervenit o eroare la crearea a {{count}} entităţi"
+        }
+    },
+    "item": {
+        "selected": "Selectat"
+    },
+    "js-func": {
+        "no-return-error": "Funcţia trebuie să returneze o valoare",
+        "return-type-mismatch": "Funcţia trebuie să returneze o valoare de tip: '{{type}}'",
+        "tidy": "Tidy"
+    },
+    "key-val": {
+        "key": "Cheie",
+        "value": "Valoare",
+        "remove-entry": "Șterge Intrare",
+        "add-entry": "Adaugă Intrare",
+        "no-data": "Nu sunt intrări"
+    },
+    "layout": {
+        "layout": "Amplasament",
+        "manage": "Modifică Amplasamente",
+        "settings": "Configurare Amplasamente",
+        "color": "Culoare",
+        "main": "Principal",
+        "right": "Dreapta",
+        "select": "Alege Amplasament Țintă"
+    },
+    "legend": {
+        "direction": "Direcţie Legendă",
+        "position": "Poziţie Legendă",
+        "show-max": "Afişează Valoare Maximă",
+        "show-min": "Afişează Valoare Minimă",
+        "show-avg": "Afişează Valoare Medie",
+        "show-total": "Afişează Valoare Totală",
+        "settings": "Setări Legendă",
+        "min": "Minim",
+        "max": "Maxim",
+        "avg": "Medie",
+        "total": "Total",
+        "comparison-time-ago": {
+            "days": "(Ziua Trecută (Ieri))",
+            "weeks": "(Săptamâna Trecută)",
+            "months": "(Luna Trecută)",
+            "years": "(Anul Trecut)"
+        }
+    },
+    "login": {
+        "login": "Intră în Cont",
+        "request-password-reset": "Solicită Resetarea Parolei",
+        "reset-password": "Resetează Parolă",
+        "create-password": "Creează Parolă",
+        "passwords-mismatch-error": "Parola reintrodusă trebuie să fie identică!",
+        "password-again": "Rescrie Parola",
+        "sign-in": "Intră în Cont",
+        "username": "Nume Utilizator (Adresa De eMail)",
+        "remember-me": "Ține-mă minte!",
+        "forgot-password": "Ai Uitat Parola?",
+        "password-reset": "Resetează Parola",
+        "expired-password-reset-message": "Parola ta a expirat! Este necesară schimbarea acesteia",
+        "new-password": "Parolă nouă",
+        "new-password-again": "Verificare parolă nouă",
+        "password-link-sent-message": "Ți-am trimis pe eMail un link pentru resetarea parolei",
+        "email": "eMail"
+    },
+    "position": {
+        "top": "Sus",
+        "bottom": "Jos",
+        "left": "Stânga",
+        "right": "Dreapta"
+    },
+    "profile": {
+        "profile": "Profil",
+        "last-login-time": "Ultima Accesare",
+        "change-password": "Schimbă Parola",
+        "current-password": "Parola Actuală"
+    },
+    "relation": {
+        "relations": "Relaţii",
+        "direction": "Direcţie",
+        "search-direction": {
+            "FROM": "Dinspre",
+            "TO": "Înspre"
+        },
+        "direction-type": {
+            "FROM": "Dinspre",
+            "TO": "Către"
+        },
+        "from-relations": "Ieșire",
+        "to-relations": "Intrare",
+        "selected-relations": "{ count, plural, 1 {o relaţie selectată } other {# relaţii selectate } }",
+        "type": "Tip",
+        "to-entity-type": "Către Tip Entitate",
+        "to-entity-name": "Către Nume Entitate",
+        "from-entity-type": "Dinspre Tip Entitate",
+        "from-entity-name": "Dinspre Nume Entitate",
+        "to-entity": "Către Entitate",
+        "from-entity": "Dinspre Entitate",
+        "delete": "Şterge Relaţie",
+        "relation-type": "Tip Relaţie",
+        "relation-type-required": "Tipul relației este obligatoriu",
+        "any-relation-type": "Orice Tip",
+        "add": "Adaugă Relaţie",
+        "edit": "Şterge Relaţie",
+        "delete-to-relation-title": "Sigur vrei să ștergi relația către entitatea '{{entityName}}'?",
+        "delete-to-relation-text": "ATENŢIE! După confirmare,relaţia către entitatea '{{entityName}}' va fi ştearsă",
+        "delete-to-relations-title": "Sigur vrei să ștergi { count, plural, 1 {o relaţie} other {# relaţii} }?",
+        "delete-to-relations-text": "ATENŢIE! După confirmare, relaţiile selectate către entităţile corespondente și toate referirile la acestea, vor fi șterse IREVERSIBIL!",
+        "delete-from-relation-title": "Sigur vrei să ștergi relația dinspre entitatea '{{entityName}}'?",
+        "delete-from-relation-text": "ATENŢIE! După confirmare,relaţia dinspre entitatea '{{entityName}}' va fi ștearsă",
+        "delete-from-relations-title": "Sigur vrei să ștergi { count, plural, 1 {o relaţie} other {# relaţii} }?",
+        "delete-from-relations-text": "ATENŢIE! După confirmare, relaţiile selectate către entităţile corespondente și toate referirile la acestea, vor fi șterse IREVERSIBIL!",
+        "remove-relation-filter": "Elimină Filtru Relaţie",
+        "add-relation-filter": "Adaugă Filtru Relaţie",
+        "any-relation": "Orice Relaţie",
+        "relation-filters": "Filtre Relaţie",
+        "additional-info": "Informaţii Adiţionale (JSON)",
+        "invalid-additional-info": "Informaţiile adiţionale (JSON) nu au putut fi analizate"
+    },
+    "rulechain": {
+        "rulechain": "Flux",
+        "rulechains": "Fluxuri",
+        "root": "Origine",
+        "delete": "Şterge Fluxuri",
+        "name": "Denumire",
+        "name-required": "Denumirea este obligatorie",
+        "description": "Descriere",
+        "add": "Adaugă Fluxuri",
+        "set-root": "Stabileşte Originea Fluxurilor",
+        "set-root-rulechain-title": "Sigur vrei să setezi  '{{ruleChainName}}' ca rădăcină?",
+        "set-root-rulechain-text": "ATENŢIE! După confirmare, fluxul va deveni rădăcină şi va gestiona toate mesajele de intrare",
+        "delete-rulechain-title": "Sigur vrei să ștergi fluxul '{{ruleChainName}}'?",
+        "delete-rulechain-text": "ATENŢIE! După confirmare, fluxul şi toate datele referitoare la acesta, vor fi șterse IREVERSIBIL!",
+        "delete-rulechains-title": "Sigur vrei să ștergi { count, plural, 1 {un flux} other {# fluxuri} }?",
+        "delete-rulechains-action-title": "Ştergi { count, plural, 1 {un flux} other {# fluxuri} }",
+        "delete-rulechains-text": "ATENŢIE! După confirmare, fluxul şi toate datele referitoare la acesta, vor fi șterse IREVERSIBIL!",
+        "add-rulechain-text": "Adaugă Flux Nou",
+        "no-rulechains-text": "Nu au fost găsite fluxuri",
+        "rulechain-details": "Detalii Flux",
+        "details": "Detalii",
+        "events": "Evenimente",
+        "system": "Sistem",
+        "import": "Importă Flux",
+        "export": "Exportă Flux",
+        "export-failed-error": "Fluxul nu poate fi exportat; {{error}}",
+        "create-new-rulechain": "Creează Flux Nou",
+        "rulechain-file": "Fişierul Flux",
+        "invalid-rulechain-file-error": "Fluxul nu poate fi importat; structură date invalidă",
+        "copyId": "Copiază ID Flux",
+        "idCopiedMessage": "ID Flux copiat în clipboard",
+        "select-rulechain": "Selectează Flux",
+        "no-rulechains-matching": "Nu au fost găsite fluxuri după criteriul: '{{entity}}'",
+        "rulechain-required": "Fluxul este obligatoriu",
+        "management": "Administrare Fluxuri",
+        "debug-mode": "Mod Depanare"
+    },
+    "rulenode": {
+        "details": "Detalii",
+        "events": "Evenimente",
+        "search": "Noduri Căutare",
+        "open-node-library": "Bibliotecă Noduri",
+        "add": "Adaugă Regulă Nod",
+        "name": "Denumire",
+        "name-required": "Denumirea este obligatorie",
+        "type": "Tip",
+        "description": "Descriere",
+        "delete": "Şterge Regulă Nod",
+        "select-all-objects": "Selectează Toate Nodurile Şi Conexiunile",
+        "deselect-all-objects": "Deselectează Toate Nodurile Şi Conexiunile",
+        "delete-selected-objects": "Şterge Toate Nodurile Şi Conexiunile",
+        "delete-selected": "Şterge Selecţia",
+        "select-all": "Selectează Tot",
+        "copy-selected": "Copiază Selecţia",
+        "deselect-all": "Deselectează Tot",
+        "rulenode-details": "Detalii Regulă Nod",
+        "debug-mode": "Mod Depanare",
+        "configuration": "Configurare",
+        "link": "Link",
+        "link-details": "Detalii Link Regulă Nod",
+        "add-link": "Adaugă Link",
+        "link-label": "Etichetă Link",
+        "link-label-required": "Eticheta link-ului este obligatorie",
+        "custom-link-label": "Etichetă Link Definit de Utilizator",
+        "custom-link-label-required": "Eticheta pentru link, definită de către utilizator, este obligatorie",
+        "link-labels": "Etichete Link-uri)",
+        "link-labels-required": "Etichetele link-urilor sunt obligatorii",
+        "no-link-labels-found": "Nu au fost găsite etichete pentru link",
+        "no-link-label-matching": "Eticheta : '{{label}}' nu a fost găsită",
+        "create-new-link-label": "Creează Etichetă Nouă",
+        "type-filter": "Filtrează",
+        "type-filter-details": "Filtrează mesajele de intrare după condiţiile configurate",
+        "type-enrichment": "Îmbogățire",
+        "type-enrichment-details": "Adaugă informaţii adiţionale in metadata mesajului",
+        "type-transformation": "Transformare",
+        "type-transformation-details": "Schimbă payload şi metadata mesajului",
+        "type-action": "Acţiune",
+        "type-action-details": "Execută o acţiune specială",
+        "type-external": "Extern",
+        "type-external-details": "Interacţiuni cu sisteme externe",
+        "type-rule-chain": "Flux",
+        "type-rule-chain-details": "Transmite mesajele de intrare către fluxul specificat",
+        "type-input": "Intrare",
+        "type-input-details": "Intrarea logică pentru flux, transmite mesajele de intrare către următoarea regulă de nod înrudită",
+        "type-unknown": "Necunoscut",
+        "type-unknown-details": "Detalii regulă nod necunoscute",
+        "directive-is-not-loaded": "Configurarea definită pentru directiva : '{{directiveName}}' nu este disponibilă",
+        "ui-resources-load-error": "Eroare la încărcarea configurării resurselor UI",
+        "invalid-target-rulechain": "Fluxul Destinaţie nu a fost găsit",
+        "test-script-function": "Funcţie Test Script",
+        "message": "Mesaj",
+        "message-type": "Tip Mesaj",
+        "select-message-type": "Selectează Tipul Mesajului",
+        "message-type-required": "Tipul mesajului este obligatoriu",
+        "metadata": "Metadata",
+        "metadata-required": "Intrările metadata nu pot fi vide",
+        "output": "Ieşire",
+        "test": "Test",
+        "help": "Ajutor",
+        "reset-debug-mode": "Dezactivează modul depanare în toate nodurile"
+    },
+    "tenant": {
+        "tenant": "Locatar",
+        "tenants": "Locatari",
+        "management": "Administrare Locatar",
+        "add": "Adaugă Locatar",
+        "admins": "Administratori",
+        "manage-tenant-admins": "Gestionare Administratori Locatar",
+        "delete": "Şterge Locatar",
+        "add-tenant-text": "Adaugă Locatar Nou",
+        "no-tenants-text": "Nu au fost găsiţi locatari",
+        "tenant-details": "Detalii Locatar",
+        "delete-tenant-title": "Sigur vrei să ștergi locatarul: '{{tenantTitle}}'?",
+        "delete-tenant-text": "ATENŢIE! După confirmare, locatarul şi toate datele referitoare la acesta, vor fi șterse IREVERSIBIL!",
+        "delete-tenants-title": "Sigur vrei să ștergi { count, plural, 1 {un locatar} other {# locatari} } ?",
+        "delete-tenants-action-title": "Şterge { count, plural, 1 {un locatar} other {# locatari} }",
+        "delete-tenants-text": "ATENŢIE! După confirmare, locatarii selectaţi şi datele aferente acestora, vor fi șterse IREVERSIBIL!",
+        "title": "Titlu",
+        "title-required": "Titlul este obligatoriu",
+        "description": "Descriere",
+        "details": "Detalii",
+        "events": "Evenimente",
+        "copyId": "Copiază ID Locatar",
+        "idCopiedMessage": "ID Locatar a fost copiat în clipboard",
+        "select-tenant": "Selectează locatar",
+        "no-tenants-matching": "Nu au fost găsiţi locatari după criteriul: '{{entity}}'",
+        "tenant-required": "Locatarul este obligatoriu"
+    },
+    "timeinterval": {
+        "seconds-interval": "{ seconds, plural, 1 {o secundă} other {# secunde} }",
+        "minutes-interval": "{ minutes, plural, 1 {un minut} other {# minute} }",
+        "hours-interval": "{ hours, plural, 1 {o oră} other {# ore} }",
+        "days-interval": "{ days, plural, 1 {o zi} other {# zile} }",
+        "days": "Zile",
+        "hours": "Ore",
+        "minutes": "Minute",
+        "seconds": "Secunde",
+        "advanced": "Personalizat"
+    },
+    "timewindow": {
+        "days": "{ days, plural, 1 {o zi} other {# zile} }",
+        "hours": "{ hours, plural,  1 {o oră} other {# ore} }",
+        "minutes": "{ minutes, plural,  1 {un minut} other {# minute} }",
+        "seconds": "{ seconds, plural,  1 {o secundă} other {# secunde} }",
+        "realtime": "Timp Real",
+        "history": "Istoric",
+        "last-prefix": "Interval:",
+        "period": "Început {{ startTime}} Sfârșit {{endTime}}",
+        "edit": "Editează Interval",
+        "date-range": "Interval Date",
+        "last": "Ultima/Ultimele",
+        "time-period": "Interval:",
+        "hide": "Ascunde"
+    },
+    "user": {
+        "user": "Utilizator",
+        "users": "Utilizatori",
+        "customer-users": "Utilizatori Client",
+        "tenant-admins": "Administratori Locatar",
+        "sys-admin": "Administratori Sistem",
+        "tenant-admin": "Administrator Locatar",
+        "customer": "Clienţi",
+        "anonymous": "Anonim",
+        "add": "Adaugă Utilizator",
+        "delete": "Şterge Utilizator",
+        "add-user-text": "Adaugă Utilizator Nou",
+        "no-users-text": "Nu Există Utilizatori",
+        "user-details": "Detalii Utilizator",
+        "delete-user-title": "Sigur vrei să ștergi utilizatorul '{{userEmail}}'?",
+        "delete-user-text": "ATENŢIE! După confirmare, utilizatorul şi toate datele aferente acestuia, vor fi șterse IREVERSIBIL!",
+        "delete-users-title": "Sigur vrei să ștergi { count, plural, 1 {un utilizator} other {# utilizatori} }?",
+        "delete-users-action-title": "Ştergere { count, plural, 1 {un utilizator} other {# utilizatori} }",
+        "delete-users-text": "ATENŢIE! După confirmare, toţi utilizatorii selectaţi împreună cu datele aferente acestora, vor fi șterse IREVERSIBIL!",
+        "activation-email-sent-message": "Mesajul eMail pentru activare a fost trimis cu succes!",
+        "resend-activation": "Retrimite mesaj eMail de activare",
+        "email": "Adresă eMail",
+        "email-required": "Adresa eMail este obligatorie",
+        "invalid-email-format": "Adresa eMail este incorectă",
+        "first-name": "Prenume",
+        "last-name": "Nume",
+        "description": "Descriere",
+        "default-dashboard": "Panou Implicit",
+        "always-fullscreen": "Permanent Ecran Complet",
+        "select-user": "Selectează Utilizator",
+        "no-users-matching": "Nu există utilizatori care corespund criteriului: '{{entity}}'",
+        "user-required": "Utilizatorul este obligatoriu",
+        "activation-method": "Metoda De Activare",
+        "display-activation-link": "Afişează link activare",
+        "send-activation-mail": "Trimite mesaj eMail pentru activare",
+        "activation-link": "Link activare utilizator:",
+        "activation-link-text": "Pentru activarea contului, folosiți link: <a href='{{activationLink}}' target='_blank'></a>",
+        "copy-activation-link": "Copiază link activare",
+        "activation-link-copied-message": "Link-ul de activare utilizator a fost copiat în clipboard",
+        "details": "Detalii",
+        "login-as-tenant-admin": "Acces ca locatar administrator",
+        "login-as-customer-user": "Acces ca utilizator client",
+        "disable-account": "Dezactivează cont utilizator",
+        "enable-account": "Activează cont utilizator",
+        "enable-account-message": "Cont utilizator activat!",
+        "disable-account-message": "Cont utilizator dezactivat!"
+    },
+    "value": {
+        "type": "Tip Valoare",
+        "string": "Şir Caractere",
+        "string-value": "Valoare Şir Caractere",
+        "integer": "Număr Întreg",
+        "integer-value": "Valoare Număr Întreg",
+        "invalid-integer-value": "Valoare număr întreg incorectă",
+        "double": "Tip Double",
+        "double-value": "Valoare Tip Double",
+        "boolean": "Tip Bool: ",
+        "boolean-value": "Valoare Bool",
+        "false": "Fals",
+        "true": "Adevărat",
+        "long": "Tip Long"
+    },
+    "widget": {
+        "widget-library": "Biblioteci Widgets",
+        "widget-bundle": "Pachete Widgets",
+        "select-widgets-bundle": "Selectează Pachete Widgets",
+        "management": "Administrare Widgets",
+        "editor": "Editor Widget",
+        "widget-type-not-found": "Eroare la încărcarea configuraţiei widgetului.<br>Probabil Asocierea \n    cu tipul de widget a fost eliminată",
+        "widget-type-load-error": "Widgetul nu a fost încărcat din cauza următoarelor erori:",
+        "remove": "Elimină Widget",
+        "edit": "Editează Widget",
+        "remove-widget-title": "Sigur vrei să ștergi widgetul '{{widgetTitle}}'?",
+        "remove-widget-text": "ATENŢIE! După confirmare, widgetul şi toate datele aferente acestuia, vor fi șterse IREVERSIBIL!",
+        "timeseries": "Serii Temporale",
+        "search-data": "Caută Date",
+        "no-data-found": "Nu Au Fost Găsite Date",
+        "latest-values": "Ultimele Valori",
+        "rpc": "Widget Control ",
+        "alarm": "Widget Alarmă",
+        "static": "Widget Static",
+        "select-widget-type": "Selectaţi Tip Widget",
+        "missing-widget-title-error": "Titlul widgetului trebuie specificat!",
+        "widget-saved": "Widget Salvat",
+        "unable-to-save-widget-error": "Widgetul conține erori și nu poate fi salvat!",
+        "save": "Salvează Widget",
+        "saveAs": "Salvează Widget Ca...",
+        "save-widget-type-as": "Salvează Tip Widget Ca...",
+        "save-widget-type-as-text": "Introduceţi titlu nou widget şi/sau selectați pachet widget destinație",
+        "toggle-fullscreen": "Comută Ecran Complet",
+        "run": "Execută Widget",
+        "title": "Titlu Widget",
+        "title-required": "Titlul widgetului este obligatoriu",
+        "type": "Tip Widget",
+        "resources": "Resurse",
+        "resource-url": "JavaScript/CSS URL",
+        "remove-resource": "Şterge Resursă",
+        "add-resource": "Adaugă Resursă",
+        "html": "HTML",
+        "tidy": "Tidy",
+        "css": "CSS",
+        "settings-schema": "Schemă setări",
+        "datakey-settings-schema": "Schemă setări chei date",
+        "javascript": "Javascript",
+        "js": "JS",
+        "remove-widget-type-title": "Sigur vrei să ștergi tip widget '{{widgetName}}'?",
+        "remove-widget-type-text": "ATENŢIE! După confirmare, tipul de widget şi toate datele aferente acestuia, vor fi șterse IREVERSIBIL!",
+        "remove-widget-type": "Şterge Tip Widget",
+        "add-widget-type": "Adaugă Tip Nou Widget",
+        "widget-type-load-failed-error": "Eroare încărcare tip widget!",
+        "widget-template-load-failed-error": "Eroare încarcare şablon widget!",
+        "add": "Adaugă Widget Nou",
+        "undo": "Anulează Modificări Widget",
+        "export": "Exportă Widget"
+    },
+    "widget-action": {
+        "header-button": "Buton Principal Widget",
+        "open-dashboard-state": "Deschide Altă Stare a Panoului",
+        "update-dashboard-state": "Actualizează Starea Curentă A Panoului",
+        "open-dashboard": "Comută Către Alt Panou",
+        "custom": "Acţiuni Utilizator",
+        "custom-pretty": "Acţiuni Utilizator (cu şablon HTML)",
+        "target-dashboard-state": "Stare Panou Destinaţie",
+        "target-dashboard-state-required": "Starea panoului de destinaţie este obligatorie!",
+        "set-entity-from-widget": "Setează Entitate din Widget",
+        "target-dashboard": "Panou Destinaţie",
+        "open-right-layout": "Deschide Aspect Corect Al Panoului (accesare de pe mobil)"
+    },
+    "widgets-bundle": {
+        "current": "Pachet Curent Widgeturi",
+        "widgets-bundles": "Pachete Widgeturi",
+        "add": "Adăugare Pachete Widgeturi",
+        "delete": "Ştergere Pachete Widgeturi",
+        "title": "Titlu",
+        "title-required": "Titlul este obligatoriu",
+        "add-widgets-bundle-text": "Adaugă pachet nou widgeturi",
+        "no-widgets-bundles-text": "Nu există pachete widgeturi",
+        "empty": "Pachetul de widgeturi este gol",
+        "details": "Detalii",
+        "widgets-bundle-details": "Detalii Pachet Widgeturi",
+        "delete-widgets-bundle-title": "Sigur vrei să ștergi pachetul de widgeturi '{{widgetsBundleTitle}}'?",
+        "delete-widgets-bundle-text": "ATENŢIE! După Confirmare, pachetul de widgeturi şi toate datele aferente acestuia, vor fi șterse IREVERSIBIL!",
+        "delete-widgets-bundles-title": "Sigur vrei să ștergi { count, plural, 1 {un pachet widgeturi} other {# pachete widgeturi} }?",
+        "delete-widgets-bundles-action-title": "Şterge { count, plural, 1 {un packet widgeturi} other {# pachete widgeturi} }",
+        "delete-widgets-bundles-text": "ATENŢIE! După confirmare, toate pachetele selectate de widget-uri şi datele aferente acestuia, vor fi șterse IREVERSIBIL!",
+        "no-widgets-bundles-matching": "Nu au fost găsite pachete de widgeturi conținând textul '{{widgetsBundle}}' ",
+        "widgets-bundle-required": "Denumirea pachetelor de widgeturi este obligatorie",
+        "system": "Sistem",
+        "import": "Importă Pachet Widgeturi",
+        "export": "Exportă Pachet Widgeturi",
+        "export-failed-error": "Export pachet widgeturi imposibil: {{error}}",
+        "create-new-widgets-bundle": "Definire Pachet Widgeturi Nou",
+        "widgets-bundle-file": "Alege fișier pachet widgeturi",
+        "invalid-widgets-bundle-file-error": "Export pachet widgeturi imposibil; Structură date invalidă"
+    },
+    "widget-config": {
+        "data": "Date",
+        "settings": "Setări",
+        "advanced": "Setări Avansate",
+        "title": "Titlu",
+        "title-tooltip": "Mesaj Detalii Titlu",
+        "general-settings": "Setări Generale",
+        "display-title": "Titlu Afişat",
+        "drop-shadow": "Cu Umbră",
+        "enable-fullscreen": "Permite Ecran Complet",
+        "background-color": "Culoare Fundal",
+        "text-color": "Culoare Text",
+        "padding": "Margine Interioară",
+        "margin": "Margine Exterioară",
+        "widget-style": "Stil Widget",
+        "title-style": "Stil Titlu",
+        "mobile-mode-settings": "Setări Afișare Mobil",
+        "order": "Ordine",
+        "height": "Înăltime",
+        "units": "Unitate măsură",
+        "decimals": "Număr Zecimale",
+        "timewindow": "Interval Timp",
+        "use-dashboard-timewindow": "Folosire Interval Timp Panou",
+        "display-timewindow": "Afişare Interval Timp",
+        "display-legend": "Afişare Legendă",
+        "datasources": "Surse Date",
+        "maximum-datasources": "Maximum { count, plural, 1 {o sursă date permisă} other {# surse date permise} }",
+        "datasource-type": "Tip",
+        "datasource-parameters": "Parametri",
+        "remove-datasource": "Elimină Sursă Date",
+        "add-datasource": "Adaugă Sursă Date",
+        "target-device": "Dispozitiv Destinaţie",
+        "alarm-source": "Sursă Alarmă",
+        "actions": "Acţiuni",
+        "action": "Acţiune",
+        "add-action": "Adaugă Acţiune",
+        "search-actions": "Caută Acţiuni",
+        "action-source": "Sursa Acțiunii",
+        "action-source-required": "Sursa acțiunii este obligatorie",
+        "action-name": "Numele Acțiunii",
+        "action-name-required": "Numele acțiunii este obligatoriu",
+        "action-name-not-unique": "O acţiune cu acelaşi nume este deja definită<br/>Numele definit al acțiunii trebuie să fie unic in aceeaşi sursă de date",
+        "action-icon": "Pictogramă",
+        "action-type": "Tipul",
+        "action-type-required": "Tipul acțiunii este obligatoriu",
+        "edit-action": "Editare Acţiune",
+        "delete-action": "Ştergere Acţiune",
+        "delete-action-title": "Şterge acţiunea ",
+        "delete-action-text": "Ești sigur că vrei să ștergi acţiunea '{{actionName}}'?",
+        "display-icon": "Afişează Pictograma Titlului",
+        "icon-color": "Culoare Pictogramă",
+        "icon-size": "Mărime Pictogramă"
+    },
+    "widget-type": {
+        "import": "Import Tip Widget",
+        "export": "Export Tip Widget",
+        "export-failed-error": "Eroare! Export imposibil pentru tip widget: {{error}}",
+        "create-new-widget-type": "Defineşte tip widget nou",
+        "widget-type-file": "Alege fişier pentru tip widget",
+        "invalid-widget-type-file-error": "Eroare! Tip widget nu poate fi importat; structură de date invalidă"
+    },
+    "widgets": {
+        "date-range-navigator": {
+            "localizationMap": {
+                "Sun": "D",
+                "Mon": "L",
+                "Tue": "M",
+                "Wed": "M",
+                "Thu": "J",
+                "Fri": "V",
+                "Sat": "S",
+                "Jan": "Ian",
+                "Feb": "Feb",
+                "Mar": "Mar",
+                "Apr": "Apr",
+                "May": "Mai",
+                "Jun": "Iun",
+                "Jul": "Iul",
+                "Aug": "Aug",
+                "Sep": "Sep",
+                "Oct": "Oct",
+                "Nov": "Nov",
+                "Dec": "Dec",
+                "January": "Ianuarie",
+                "February": "Februarie",
+                "March": "Martie",
+                "April": "Aprilie",
+                "Maz": "Mai",
+                "June": "Iunie",
+                "July": "Iulie",
+                "August": "August",
+                "September": "Septembrie",
+                "October": "Octombrie",
+                "November": "Noiembrie",
+                "December": "Decembrie",
+                "Custom Date Range": "Interval Date Personalizat",
+                "Date Range Template": "Șablon Interval Date",
+                "Today": "Astăzi",
+                "Yesterday": "Ieri",
+                "This Week": "Săptămâna Aceasta",
+                "Last Week": "Săptămâna Trecută",
+                "This Month": "Luna Aceasta",
+                "Last Month": "Luna Trecută",
+                "Year": "Anul",
+                "This Year": "Anul Acesta",
+                "Last Year": "Anul Trecut",
+                "Date picker": "Alege Data",
+                "Hour": "Oră",
+                "Day": "Zi",
+                "Week": "Săptămână",
+                "2 weeks": "2 săptămâni",
+                "Month": "Lună",
+                "3 months": "3 luni",
+                "6 months": "6 luni",
+                "Custom interval": "Interval Personalizat",
+                "Interval": "Interval:",
+                "Step size": "Pas",
+                "Ok": "Ok"
+            }
+        },
+        "input-widgets": {
+            "attribute-not-allowed": "Acest widget nu poate folosi atributul specificat",
+            "blocked-location": "Acest browser blochează localizarea",
+            "claim-device": "Revendică Dispozitiv",
+            "claim-failed": "Încercarea revendicare dispozitiv eșuată",
+            "claim-not-found": "Dispozitivul nu a fost găsit",
+            "claim-successful": "Dispozitivul a fost revendicat cu succes",
+            "date": "Data",
+            "device-name": "Nume Dispozitiv",
+            "device-name-required": "Numele dispozitivului este obligatoriu",
+            "discard-changes": "Anulare Modificări",
+            "entity-attribute-required": "Atributul entităţii este obligatoriu",
+            "entity-coordinate-required": "Atât latitudinea Şi longitudinea sunt obligatorii",
+            "entity-timeseries-required": "Seriile temporale pentru entitate sînt obligatorii",
+            "get-location": "Află locaţia GPS actuală",
+            "latitude": "Latitudine",
+            "longitude": "Longitudine",
+            "not-allowed-entity": "Entitatea selectată nu poate avea atribute partajate",
+            "no-attribute-selected": "Niciun Atribut Selectat",
+            "no-datakey-selected": "Nicio cheie selectată",
+            "no-coordinate-specified": "Cheie date  latitude/longitude nespecificată",
+            "no-entity-selected": "Nicio entitate selectată",
+            "no-image": "Lipsă Imagine",
+            "no-support-geolocation": "Acest browser nu permite geolocalizarea",
+            "no-support-web-camera": "Cameră Web nesuportată",
+            "no-timeseries-selected": "Serii temporale nespecificate",
+            "secret-key": "Cheie Secretă",
+            "secret-key-required": "Cheia secretă este obligatorie",
+            "switch-attribute-value": "Schimbă valoare atribut entitate",
+            "switch-camera": "Schimbă Camera",
+            "switch-timeseries-value": "Schimbă valori serii temporale entitate",
+            "take-photo": "Captură Imagine",
+            "time": "Timp",
+            "timeseries-not-allowed": "Parametrul <Serii Temporale> nu este compatibil cu acest widget",
+            "update-failed": "Actualizare eșuată",
+            "update-successful": "Actualizare reușită",
+            "update-attribute": "Actualizare Atribut",
+            "update-timeseries": "Actualizare Serii Temporale",
+            "value": "Valoare"
+        }
+    },
+    "icon": {
+        "icon": "Pictogramă",
+        "select-icon": "Selectează Pictogramă",
+        "material-icons": "Material Pictogramă",
+        "show-all": "Afişează Toate Pictogramele"
+    },
+    "custom": {
+        "widget-action": {
+            "action-cell-button": "Acțiune buton celulă",
+            "row-click": "Eveniment : Click pe linie tabel",
+            "polygon-click": "Eveniment : Click pe poligon",
+            "marker-click": "Eveniment : Click pe marker",
+            "tooltip-tag-action": "Acţiune marcaj detalii mesaj <tooltip tag action>",
+            "node-selected": "Eveniment : Nod Selectat",
+            "element-click": "eveniment : click Pe element HTML",
+            "pie-slice-click": "Eveniment : Click pe sector cerc",
+            "row-double-click": "Eveniment : Dublu click pe linia tabelului"
+        }
+    },
+    "language": {
+        "language": "Limba"
+    }
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-ru_RU.json b/ui-ngx/src/assets/locale/locale.constant-ru_RU.json
new file mode 100644
index 0000000000..02bea6e453
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-ru_RU.json
@@ -0,0 +1,1793 @@
+{
+    "access": {
+        "unauthorized": "Неавторизированный",
+        "unauthorized-access": "Несанкционированный доступ",
+        "unauthorized-access-text": "Вы должны войти в систему для получения доступа к этому ресурсу!",
+        "access-forbidden": "Доступ запрещен",
+        "access-forbidden-text": "У вас нет прав доступа к этому ресурсу!<br/>Для получения доступа попробуйте войти под другим пользователем.",
+        "refresh-token-expired": "Сессия истекла",
+        "refresh-token-failed": "Не удалось обновить сессию"
+    },
+    "action": {
+        "activate": "Активировать",
+        "suspend": "Приостановить",
+        "save": "Сохранить",
+        "saveAs": "Сохранить как",
+        "cancel": "Отмена",
+        "ok": "ОК",
+        "delete": "Удалить",
+        "add": "Добавить",
+        "yes": "Да",
+        "no": "Нет",
+        "update": "Обновить",
+        "remove": "Удалить",
+        "search": "Поиск",
+        "clear-search": "Очистить",
+        "assign": "Присвоить",
+        "unassign": "Отозвать",
+        "share": "Поделиться",
+        "make-private": "Закрыть для общего доступа",
+        "apply": "Применить",
+        "apply-changes": "Применить изменения",
+        "edit-mode": "Режим редактирования",
+        "enter-edit-mode": "Режим редактирования",
+        "decline-changes": "Отменить изменения",
+        "close": "Закрыть",
+        "back": "Назад",
+        "run": "Запуск",
+        "sign-in": "Войти",
+        "edit": "Редактировать",
+        "view": "Просмотреть",
+        "create": "Создать",
+        "drag": "Переместить",
+        "refresh": "Обновить",
+        "undo": "Откатить",
+        "copy": "Копировать",
+        "paste": "Вставить",
+        "copy-reference": "Копировать ссылку",
+        "paste-reference": "Вставить ссылку",
+        "import": "Импортировать",
+        "export": "Экспортировать",
+        "share-via": "Поделиться в {{provider}}",
+        "continue": "Продолжить",
+        "discard-changes": "Отменить изменения"
+    },
+    "aggregation": {
+        "aggregation": "Агрегация",
+        "function": "Тип агрегации данных",
+        "limit": "Максимальное значение",
+        "group-interval": "Интервал группировки",
+        "min": "Мин",
+        "max": "Maкс",
+        "avg": "Среднее",
+        "sum": "Сумма",
+        "count": "Количество",
+        "none": "Без агрегации"
+    },
+    "admin": {
+        "general": "Общие",
+        "general-settings": "Общие настройки",
+        "outgoing-mail": "Исходящая почта",
+        "outgoing-mail-settings": "Настройки исходящей почты",
+        "system-settings": "Системные настройки",
+        "test-mail-sent": "Пробное письмо успешно отправлено!",
+        "base-url": "Базовая URL",
+        "base-url-required": "Базовая URL обязательна.",
+        "mail-from": "Отправитель",
+        "mail-from-required": "Отправитель обязателен.",
+        "smtp-protocol": "SMTP протокол",
+        "smtp-host": "SMTP хост",
+        "smtp-host-required": "SMTP хост обязателен.",
+        "smtp-port": "SMTP порт",
+        "smtp-port-required": "SMTP порт обязателен.",
+        "smtp-port-invalid": "Недействительный SMTP порт.",
+        "timeout-msec": "Таймаут (мс)",
+        "timeout-required": "Таймаут обязателен.",
+        "timeout-invalid": "Недействительный таймаут.",
+        "enable-tls": "Включить TLS",
+        "tls-version" : "Версия TLS",
+        "send-test-mail": "Отправить пробное письмо",
+        "security-settings": "Настройки безопасности",
+        "password-policy": "Политика паролей",
+        "minimum-password-length": "Минимальная длина пароля",
+        "minimum-password-length-required": "Требуется минимальная длина пароля",
+        "minimum-password-length-range": "Минимальная длина пароля должна быть в диапазоне от 5 до 50",
+        "minimum-uppercase-letters": "Минимальное количество прописных букв",
+        "minimum-uppercase-letters-range": "Минимальное количество прописных букв не может быть отрицательным",
+        "minimum-lowercase-letters": "Минимальное количество строчных букв",
+        "minimum-lowercase-letters-range": "Минимальное количество строчных букв не может быть отрицательным",
+        "minimum-digits": "Минимальное количество цифр",
+        "minimum-digits-range": "Минимальное количество цифр не может быть отрицательным",
+        "minimum-special-characters": "Минимальное количество специальных символов",
+        "minimum-special-characters-range": "Минимальное количество специальных символов не может быть отрицательным",
+        "password-expiration-period-days": "Срок действия пароля в днях",
+        "password-expiration-period-days-range": "Срок действия пароля в днях не может быть отрицательным",
+        "password-reuse-frequency-days": "Частота повторного использования пароля в днях",
+        "password-reuse-frequency-days-range": "Частота повторного использования пароля в днях не может быть отрицательной",
+        "general-policy": "Общая политика",
+        "max-failed-login-attempts": "Максимальное количество неудачных попыток входа в систему, прежде чем учетная запись заблокирована",
+        "minimum-max-failed-login-attempts-range": "Максимальное количество неудачных попыток входа в систему не может быть отрицательным",
+        "user-lockout-notification-email": "В случае блокировки учетной записи пользователя отправьте уведомление на электронную почту"
+    },
+    "alarm": {
+        "alarm": "Оповещение",
+        "alarms": "Оповещения",
+        "select-alarm": "Выбрать оповещение",
+        "no-alarms-matching": "Оповещения '{{entity}}' не найдены.",
+        "alarm-required": "Оповещение обязательно",
+        "alarm-status": "Статус оповещения",
+        "search-status": {
+            "ANY": "Все",
+            "ACTIVE": "Активные",
+            "CLEARED": "Сброшенные",
+            "ACK": "Подтвержденные",
+            "UNACK": "Неподтвержденные"
+        },
+        "display-status": {
+            "ACTIVE_UNACK": "Активные неподтвержденные",
+            "ACTIVE_ACK": "Активные подтвержденные",
+            "CLEARED_UNACK": "Сброшенные неподтвержденные",
+            "CLEARED_ACK": "Сброшенные подтвержденные"
+        },
+        "no-alarms-prompt": "Оповещения отсутствуют",
+        "created-time": "Время создания",
+        "type": "Тип",
+        "severity": "Уровень",
+        "originator": "Инициатор",
+        "originator-type": "Тип инициатора",
+        "details": "Подробности",
+        "status": "Статус",
+        "alarm-details": "Подробности об оповещении",
+        "start-time": "Время начала",
+        "end-time": "Время окончания",
+        "ack-time": "Время подтверждения",
+        "clear-time": "Время сброса",
+        "severity-critical": "Критический",
+        "severity-major": "Основной",
+        "severity-minor": "Второстепенный",
+        "severity-warning": "Предупреждение",
+        "severity-indeterminate": "Неопределенный",
+        "acknowledge": "Подтвердить",
+        "clear": "Сбросить",
+        "search": "Поиск оповещений",
+        "selected-alarms": "Выбрано { count, plural, 1 {1 оповещение} few {# оповещения} other {# оповещений} }",
+        "no-data": "Нет данных для отображения",
+        "polling-interval": "Интервал опроса оповещений (сек)",
+        "polling-interval-required": "Интервал опроса оповещений обязателен.",
+        "min-polling-interval-message": "Минимальный интервал опроса оповещений 1 секунда.",
+        "aknowledge-alarms-title": "Подтвердить { count, plural, 1 {1 оповещение} other {# оповещений} }",
+        "aknowledge-alarms-text": "Вы точно хотите подтвердить { count, plural, 1 {1 оповещение} other {# оповещений} }?",
+        "aknowledge-alarm-title": "Подтвердить оповещение",
+        "aknowledge-alarm-text": "Вы точно хотите подтвердить оповещение?",
+        "clear-alarms-title": "Сбросить { count, plural, 1 {1 оповещение} other {# оповещений} }",
+        "clear-alarms-text": "Вы точно хотите сбросить { count, plural, 1 {1 оповещение} other {# оповещений} }?",
+        "clear-alarm-title": "Сбросить оповещение",
+        "clear-alarm-text": "Вы точно хотите сбросить оповещение?",
+        "alarm-status-filter": "Фильтр оповещений",
+        "max-count-load": "Максимальное количество оповещений для загрузки (0 - неограниченно)",
+        "max-count-load-required": "Максимальное количество оповещений для загрузки обязателен.",
+        "max-count-load-error-min": "Минимальное значение 0.",
+        "fetch-size": "Размер пакета для загрузки",
+        "fetch-size-required": "Размер пакета для загрузки обязателен.",
+        "fetch-size-error-min": "Минимальное значение 10."
+    },
+    "alias": {
+        "add": "Добавить псевдоним",
+        "edit": "Редактировать псевдоним",
+        "name": "Псевдоним",
+        "name-required": "Псевдоним обязателен",
+        "duplicate-alias": "Такой псевдоним уже существует.",
+        "filter-type-single-entity": "Отдельный объект",
+        "filter-type-entity-list": "Список объектов",
+        "filter-type-entity-name": "Название объекта",
+        "filter-type-state-entity": "Объект из состояния дашборда",
+        "filter-type-state-entity-description": "Объект, полученный из параметров состояния дашборда",
+        "filter-type-asset-type": "Тип актива",
+        "filter-type-asset-type-description": "Активы типа '{{assetType}}'",
+        "filter-type-asset-type-and-name-description": "Активы типа '{{assetType}}' и названием, начинающимся с '{{prefix}}'",
+        "filter-type-device-type": "Тип устройства",
+        "filter-type-device-type-description": "Устройства типа '{{deviceType}}'",
+        "filter-type-device-type-and-name-description": "Устройства типа '{{deviceType}}' и названием, начинающимся с '{{prefix}}'",
+        "filter-type-entity-view-type": "Тип Представления Объекта",
+        "filter-type-entity-view-type-description": "Представления Объекта типа '{{entityView}}'",
+        "filter-type-entity-view-type-and-name-description": "Представления Объекта типа '{{entityView}}' и названием, начинающимся с '{{prefix}}'",
+        "filter-type-relations-query": "Запрос по типу отношений",
+        "filter-type-relations-query-description": "{{entities}}, имеющие отношение типа {{relationType}} {{direction}} {{rootEntity}}",
+        "filter-type-asset-search-query": "Поисковый запрос по активам",
+        "filter-type-asset-search-query-description": "Активы типа {{assetTypes}}, имеющие отношение типа {{relationType}} {{direction}} {{rootEntity}}",
+        "filter-type-device-search-query": "Поисковый запрос по устройствам",
+        "filter-type-device-search-query-description": "Устройства типа {{deviceTypes}}, имеющие отношение типа {{relationType}} {{direction}} {{rootEntity}}",
+        "filter-type-entity-view-search-query": "Поисковый запрос по представлениям объектов",
+        "filter-type-entity-view-search-query-description": "Представления объектов типа {{entityViewTypes}}, имеющие отношение типа {{relationType}} {{direction}} {{rootEntity}}",
+        "entity-filter": "Фильтр объектов",
+        "resolve-multiple": "Принять как несколько объектов",
+        "filter-type": "Тип фильтра",
+        "filter-type-required": "Тип фильтра обязателен.",
+        "entity-filter-no-entity-matched": "Объекты, соответствующие фильтру, не найдены.",
+        "no-entity-filter-specified": "Не указан фильтр объектов",
+        "root-state-entity": "Использовать объект, полученный из дашборда, как корневой",
+        "last-level-relation": "Использовать только отношения последнего уровня",
+        "root-entity": "Корневой объект",
+        "state-entity-parameter-name": "Название объекта состояния",
+        "default-state-entity": "Объект состояния по умолчанию",
+        "default-entity-parameter-name": "По умолчанию",
+        "max-relation-level": "Максимальная глубина отношений",
+        "unlimited-level": "Неограниченная глубина",
+        "state-entity": "Объект состояния дашборда",
+        "all-entities": "Все объекты",
+        "any-relation": "не указано"
+    },
+    "asset": {
+        "asset": "Актив",
+        "assets": "Активы",
+        "management": "Управление активами",
+        "view-assets": "Просмотреть активы",
+        "add": "Добавить актив",
+        "assign-to-customer": "Присвоить клиенту",
+        "assign-asset-to-customer": "Присвоить актив(ы) клиенту",
+        "assign-asset-to-customer-text": "Пожалуйста, выберите активы, которые нужно присвоить объекту",
+        "no-assets-text": "Активы не найдены",
+        "assign-to-customer-text": "Пожалуйста, выберите клиента, которому нужно присвоить актив(ы)",
+        "public": "Общедоступные",
+        "assignedToCustomer": "Присвоить клиенту",
+        "make-public": "Открыть общий доступ к активу",
+        "make-private": "Закрыть общий доступ к активу",
+        "unassign-from-customer": "Отозвать у клиента",
+        "delete": "Удалить актив",
+        "asset-public": "Актив общедоступный",
+        "asset-type": "Тип актива",
+        "asset-type-required": "Тип актива обязателен.",
+        "select-asset-type": "Выберите тип актива",
+        "enter-asset-type": "Введите тип актива",
+        "any-asset": "Любой актив",
+        "no-asset-types-matching": "Активы типа '{{entitySubtype}}' не найдены.",
+        "asset-type-list-empty": "Типы активов не выбраны.",
+        "asset-types": "Типы активов",
+        "name": "Название",
+        "name-required": "Название обязательно.",
+        "description": "Описание",
+        "type": "Тип",
+        "type-required": "Тип обязателен.",
+        "details": "Подробности",
+        "events": "События",
+        "add-asset-text": "Добавить новый актив",
+        "asset-details": "Подробности об активе",
+        "assign-assets": "Присвоить активы",
+        "assign-assets-text": "Присвоить { count, plural, 1 {1 актив} few {# актива} other {# активов} } клиенту",
+        "delete-assets": "Удалить активы",
+        "unassign-assets": "Отозвать активы",
+        "unassign-assets-action-title": "Отозвать { count, plural, 1 {1 актив} few {# актива} other {# активов} } у клиента",
+        "assign-new-asset": "Присвоить новый актив",
+        "delete-asset-title": "Вы точно хотите удалить '{{assetName}}'?",
+        "delete-asset-text": "Внимание, после подтверждения актив и все связанные с ним данные будут безвозвратно удалены.",
+        "delete-assets-title": "Вы точно хотите удалить { count, plural, 1 {1 актив} few {# актива} other {# активов} }",
+        "delete-assets-action-title": "Удалить { count, plural, 1 {1 актив} few {# актива} other {# активов} }",
+        "delete-assets-text": "Внимание, после подтверждения выбранные активы и все связанные с ними данные будут безвозвратно удалены.",
+        "make-public-asset-title": "Вы точно хотите открыть общий доступ к активу '{{assetName}}'?",
+        "make-public-asset-text": "Внимание, после подтверждения актив и все связанные с ним данные станут общедоступными.",
+        "make-private-asset-title": "Вы точно хотите закрыть общий доступ к активу '{{assetName}}'?",
+        "make-private-asset-text": "После подтверждения актив и все связанные с ним данные будут закрыты для общего доступа",
+        "unassign-asset-title": "Вы точно хотите отозвать актив '{{assetName}}'?",
+        "unassign-asset-text": "После подтверждения актив будут отозван, и клиент потеряет к нему доступ.",
+        "unassign-asset": "Отозвать актив",
+        "unassign-assets-title": "Вы точно хотите отозвать { count, plural, 1 {1 актив} few {# актива} other {# активов} }?",
+        "unassign-assets-text": "После подтверждения активы будут отозваны, и клиент потеряет к ним доступ.",
+        "copyId": "Копировать ИД актива",
+        "idCopiedMessage": "ИД актива скопировано в буфер обмена",
+        "select-asset": "Выбрать активы",
+        "no-assets-matching": "Активы, соответствующие '{{entity}}', не найдены.",
+        "asset-required": "Актив обязателен",
+        "name-starts-with": "Название актива, начинающееся с",
+        "import": "Импортировать активы",
+        "asset-file": "Файл с активами",
+        "label": "Метка"
+    },
+    "attribute": {
+        "attributes": "Атрибуты",
+        "latest-telemetry": "Последняя телеметрия",
+        "attributes-scope": "Контекст атрибутов объекта",
+        "scope-latest-telemetry": "Последняя телеметрия",
+        "scope-client": "Клиентские атрибуты",
+        "scope-server": "Серверные атрибуты",
+        "scope-shared": "Общие атрибуты",
+        "add": "Добавить атрибут",
+        "key": "Ключ",
+        "last-update-time": "Последнее обновление",
+        "key-required": "Ключ атрибута обязателен.",
+        "value": "Значение",
+        "value-required": "Значение атрибута обязательно.",
+        "delete-attributes-title": "Вы уверенны, что хотите удалить { count, plural, one {1 атрибут} few {# атрибута} other {# атрибутов} }? ",
+        "delete-attributes-text": "Внимание, после подтверждения выбранные атрибуты будут удалены.",
+        "delete-attributes": "Удалить атрибуты",
+        "enter-attribute-value": "Введите значение атрибута",
+        "show-on-widget": "Показать на виджете",
+        "widget-mode": "Виджет-режим",
+        "next-widget": "Следующий виджет",
+        "prev-widget": "Предыдущий виджет",
+        "add-to-dashboard": "Добавить на дашборд",
+        "add-widget-to-dashboard": "Добавить виджет на дашборд",
+        "selected-attributes": "{ count, plural, 1 {Выбран} other {Выбраны} } { count, plural, one {1 атрибут} few {# атрибута} other {# атрибутов} }",
+        "selected-telemetry": "{ count, plural, 1 {Выбран} other {Выбраны} } { count, plural, 1 {1 параметр} few {# параметра} other {# параметров} } телеметрии"
+    },
+    "audit-log": {
+        "audit": "Аудит",
+        "audit-logs": "Логи аудита",
+        "timestamp": "Время",
+        "entity-type": "Тип объекта",
+        "entity-name": "Название объекта",
+        "user": "Пользователь",
+        "type": "Тип",
+        "status": "Статус",
+        "details": "Подробности",
+        "type-added": "Добавленный",
+        "type-deleted": "Удаленный",
+        "type-updated": "Обновленный",
+        "type-attributes-updated": "Обновлены атрибуты",
+        "type-attributes-deleted": "Удалены атрибуты",
+        "type-rpc-call": "RPC вызов",
+        "type-credentials-updated": "Обновлены учетные данные",
+        "type-assigned-to-customer": "Присвоен клиенту",
+        "type-unassigned-from-customer": "Отозван у клиента",
+        "type-activated": "Активирован",
+        "type-suspended": "Приостановлен",
+        "type-credentials-read": "Чтение учетные данных",
+        "type-attributes-read": "Чтение атрибутов",
+        "type-relation-add-or-update": "Обновлены отношения",
+        "type-relation-delete": "Удалены отношения",
+        "type-relations-delete": "Удалены все отношения",
+        "type-alarm-ack": "Подтвержден",
+        "type-alarm-clear": "Сброшен",
+        "type-login": "Вход",
+        "type-logout": "Выход",
+        "type-lockout": "Заблокирован",
+        "status-success": "Успех",
+        "status-failure": "Сбой",
+        "audit-log-details": "Подробности аудит лога",
+        "no-audit-logs-prompt": "Логи не найдены",
+        "action-data": "Данные действия",
+        "failure-details": "Подробности сбоя",
+        "search": "Поиск аудит логов",
+        "clear-search": "Очистить поиск"
+    },
+    "confirm-on-exit": {
+        "message": "У вас есть несохраненные изменения. Вы точно хотите покинуть эту страницу?",
+        "html-message": "У вас есть несохраненные изменения.<br/>Вы точно хотите покинуть эту страницу?",
+        "title": "Несохраненные изменения"
+    },
+    "contact": {
+        "country": "Страна",
+        "city": "Город",
+        "state": "Штат",
+        "postal-code": "Почтовый код",
+        "postal-code-invalid": "Допустимы только цифры",
+        "address": "Адрес",
+        "address2": "Адрес 2",
+        "phone": "Телефон",
+        "email": "Эл. адрес",
+        "no-address": "Адрес не указан"
+    },
+    "common": {
+        "username": "Имя пользователя",
+        "password": "Пароль",
+        "enter-username": "Введите имя пользователя",
+        "enter-password": "Введите пароль",
+        "enter-search": "Введите условие поиска"
+    },
+    "content-type": {
+        "json": "Json",
+        "text": "Текстовый",
+        "binary": "Бинарный (Base64)"
+    },
+    "customer": {
+        "customer": "Клиент",
+        "customers": "Клиенты",
+        "management": "Управление клиентами",
+        "dashboard": "Дашборд клиента",
+        "dashboards": "Дашборды клиента",
+        "devices": "Устройства клиента",
+        "entity-views": "Представления объектов клиента",
+        "assets": "Активы клиента",
+        "public-dashboards": "Общедоступные дашборды",
+        "public-devices": "Общедоступные устройства",
+        "public-assets": "Общедоступные активы",
+        "public-entity-views": "Общедоступные представления объектов",
+        "add": "Добавить клиента",
+        "delete": "Удалить клиента",
+        "manage-customer-users": "Управление пользователями клиента",
+        "manage-customer-devices": "Управление устройствами клиента",
+        "manage-customer-dashboards": "Управление дашбордами клиента",
+        "manage-public-devices": "Управление общедоступными устройствами",
+        "manage-public-dashboards": "Управление общедоступными дашбордами",
+        "manage-customer-assets": "Управление активами клиента",
+        "manage-public-assets": "Управление общедоступными активами",
+        "add-customer-text": "Добавить нового клиента",
+        "no-customers-text": "Клиенты не найдены",
+        "customer-details": "Подробности о клиенте",
+        "delete-customer-title": "Вы точно хотите удалить клиента '{{customerTitle}}'?",
+        "delete-customer-text": "Внимание, после подтверждения клиент и все связанные с ним данные будут безвозвратно удалены.",
+        "delete-customers-title": "Вы точно хотите удалить { count, plural, 1 {1 клиент} few {# клиента} other {# клиентов} }?",
+        "delete-customers-action-title": "Удалить { count, plural, 1 {1 клиент} few {# клиента} other {# клиентов} }",
+        "delete-customers-text": "Внимание, после подтверждения выбранные клиенты и все связанные с ними данные будут безвозвратно удалены.",
+        "manage-users": "Управление пользователями",
+        "manage-assets": "Управление активами",
+        "manage-devices": "Управление устройствами",
+        "manage-dashboards": "Управление дашбордами",
+        "title": "Имя",
+        "title-required": "Название обязательно.",
+        "description": "Описание",
+        "details": "Подробности",
+        "events": "События",
+        "copyId": "Копировать ИД клиента",
+        "idCopiedMessage": "ИД клиента скопирован в буфер обмена",
+        "select-customer": "Выбрать клиента",
+        "no-customers-matching": "Клиенты, соответствующие '{{entity}}', не найдены.",
+        "customer-required": "Клиент обязателен",
+        "select-default-customer": "Выбрать клиента по умолчанию",
+        "default-customer": "Клиент по умолчанию",
+        "default-customer-required": "Клиент по умолчанию обязателен для отладки дашборда на уровне на уровне Владельца"
+    },
+    "datetime": {
+        "date-from": "Дата с",
+        "time-from": "Время с",
+        "date-to": "Дата до",
+        "time-to": "Время до"
+    },
+    "dashboard": {
+        "dashboard": "Дашборд",
+        "dashboards": "Дашборды",
+        "management": "Управление дашбордами",
+        "view-dashboards": "Просмотреть дашборды",
+        "add": "Добавить дашборд",
+        "assign-dashboard-to-customer": "Прикрепить дашборд(ы) к клиенту",
+        "assign-dashboard-to-customer-text": "Пожалуйста, выберите дашборды, которые нужно прикрепить к клиенту",
+        "assign-to-customer-text": "Пожалуйста, выберите клиента, к которому нужно прикрепить дашборд(ы)",
+        "assign-to-customer": "Прикрепить к клиенту",
+        "unassign-from-customer": "Отозвать у клиента",
+        "make-public": "Открыть дашборд для общего доступа",
+        "make-private": "Закрыть дашборд для общего доступа",
+        "manage-assigned-customers": "Управление назначенными клиентами",
+        "assigned-customers": "Назначенные клиенты",
+        "assign-to-customers": "Присвоить дашборд(ы) клиенту",
+        "assign-to-customers-text": "Пожалуйста, выбери клиентов, которым нужно присвоить дашборд(ы)",
+        "unassign-from-customers": "Отозвать дашборд(ы) у клиентов",
+        "unassign-from-customers-text": "Пожалуйста, выберите клиентов, у которых нужно отозвать дашборд(ы)",
+        "no-dashboards-text": "Дашборды не найдены",
+        "no-widgets": "Виджеты не сконфигурированы",
+        "add-widget": "Добавить новый виджет",
+        "title": "Название",
+        "select-widget-title": "Выберите виджет",
+        "select-widget-subtitle": "Список доступных виджетов",
+        "delete": "Удалить дашборд",
+        "title-required": "Название обязательно.",
+        "description": "Описание",
+        "details": "Подробности",
+        "dashboard-details": "Подробности о дашборде",
+        "add-dashboard-text": "Добавить новый дашборд",
+        "assign-dashboards": "Прикрепить дашборды",
+        "assign-new-dashboard": "Прикрепить новый дашборд",
+        "assign-dashboards-text": "Прикрепить { count, plural, 1 {1 дашборд} few {# дашборда} other {# дашбордов} } к клиенту",
+        "unassign-dashboards-action-text": "Отозвать { count, plural, 1 {1 дашборд} few {# дашборда} other {# дашбордов} } у клиента",
+        "delete-dashboards": "Удалить дашборды",
+        "unassign-dashboards": "Отозвать дашборды",
+        "unassign-dashboards-action-title": "Отозвать { count, plural, one {1 дашборд} few {# дашборда} other {# дашбордов} } у клиента",
+        "delete-dashboard-title": "Вы точно хотите удалить дашборд '{{dashboardTitle}}'?",
+        "delete-dashboard-text": "Внимание, после подтверждения дашборд и все связанные с ним данные будут безвозвратно утеряны.",
+        "delete-dashboards-title": "Вы точно хотите удалить { count, plural, one {1 дашборд} few {# дашборда} other {# дашбордов} }?",
+        "delete-dashboards-action-title": "Удалить { count, plural, one {1 дашборд} few {# дашборда} other {# дашбордов} }",
+        "delete-dashboards-text": "Внимание, после подтверждения дашборды и все связанные с ними данные будут безвозвратно утеряны.",
+        "unassign-dashboard-title": "Вы точно хотите отозвать дашборд '{{dashboardTitle}}'?",
+        "unassign-dashboard-text": "После подтверждения дашборд не будет доступен клиенту.",
+        "unassign-dashboard": "Отозвать дашборд",
+        "unassign-dashboards-title": "Вы точно хотите отозвать { count, plural, one {1 дашборд} few {# дашборда} other {# дашбордов} }?",
+        "unassign-dashboards-text": "После подтверждения выбранные дашборды не будут доступны клиенту.",
+        "public-dashboard-title": "Теперь дашборд общедоступный",
+        "public-dashboard-text": "Теперь ваш дашборд <b>{{dashboardTitle}}</b> доступен всем по <a href='{{publicLink}}' target='_blank'>ссылке</a>:",
+        "public-dashboard-notice": "<b>Примечание:</b> Для получения доступа к данным устройства нужно открыть общий доступ к этому устройству.",
+        "make-private-dashboard-title": "Вы точно хотите закрыть общий доступ к дашборду '{{dashboardTitle}}'?",
+        "make-private-dashboard-text": "После подтверждения дашборд будет закрыт для общего доступа.",
+        "make-private-dashboard": "Закрыть дашборд для общего доступа",
+        "socialshare-text": "'{{dashboardTitle}}' сделано ThingsBoard",
+        "socialshare-title": "'{{dashboardTitle}}' сделано ThingsBoard",
+        "select-dashboard": "Выберите дашборд",
+        "no-dashboards-matching": "Дашборд '{{entity}}' не найден.",
+        "dashboard-required": "Дашборд обязателен.",
+        "select-existing": "Выберите существующий дашборд",
+        "create-new": "Создать новый дашборд",
+        "new-dashboard-title": "Новое название дашборда",
+        "open-dashboard": "Открыть дашборд",
+        "set-background": "Установить фон",
+        "background-color": "Фоновый цвет",
+        "background-image": "Фоновая картинка",
+        "background-size-mode": "Размер фона",
+        "no-image": "Картинка не выбрана",
+        "drop-image": "Перетащите картинку или кликните для выбора файла.",
+        "settings": "Настройки",
+        "columns-count": "Количество колонок",
+        "columns-count-required": "Количество колонок обязательно.",
+        "min-columns-count-message": "Минимальное число колонок - 10.",
+        "max-columns-count-message": "Максимальное число колонок - 1000.",
+        "widgets-margins": "Величина отступа между виджетами",
+        "horizontal-margin": "Величина горизонтального отступа",
+        "horizontal-margin-required": "Величина горизонтального отступа обязательна.",
+        "min-horizontal-margin-message": "Минимальная величина горизонтального отступа - 0.",
+        "max-horizontal-margin-message": "Максимальная величина горизонтального отступа - 50.",
+        "vertical-margin": "Величина вертикального отступа",
+        "vertical-margin-required": "Величина вертикального отступа обязательна.",
+        "min-vertical-margin-message": "Минимальная величина вертикального отступа - 0.",
+        "max-vertical-margin-message": "Максимальная величина вертикального отступа - 50.",
+        "autofill-height": "Автозаполнение по высоте",
+        "mobile-layout": "Настройки мобильного режима",
+        "mobile-row-height": "Высота строки в мобильном режиме, px",
+        "mobile-row-height-required": "Высота строки в мобильном режиме обязательна.",
+        "min-mobile-row-height-message": "Минимальная высота строки в мобильном режиме составляет 5 px.",
+        "max-mobile-row-height-message": "Максимальная высота строки в мобильном режиме составляет 200 px.",
+        "display-title": "Показать название дашборда",
+        "toolbar-always-open": "Отображать панель инструментов",
+        "title-color": "Цвет названия",
+        "display-dashboards-selection": "Отображать выборку дашбордов",
+        "display-entities-selection": "Отображать выбору объектов",
+        "display-dashboard-timewindow": "Показать временное окно",
+        "display-dashboard-export": "Показать экспорт",
+        "import": "Импортировать дашборд",
+        "export": "Экспортировать дашборд",
+        "export-failed-error": "Не удалось экспортировать дашборд: {{error}}",
+        "create-new-dashboard": "Создать новый дашборд",
+        "dashboard-file": "Файл дашборда",
+        "invalid-dashboard-file-error": "Не удалось импортировать дашборд: неизвестная схема данных дашборда.",
+        "dashboard-import-missing-aliases-title": "Настроить псевдонимы импортированного дашборда",
+        "create-new-widget": "Создать новый виджет",
+        "import-widget": "Импортировать виджет",
+        "widget-file": "Виджет-файл",
+        "invalid-widget-file-error": "Не удалось импортировать виджет: неправильный формат данных.",
+        "widget-import-missing-aliases-title": "Настроить псевдонимы, которые использует импортированный виджет",
+        "open-toolbar": "Открыть панель инструментов дашборда",
+        "close-toolbar": "Закрыть панель инструментов",
+        "configuration-error": "Ошибка в настройках",
+        "alias-resolution-error-title": "Ошибка в настройках псевдонимов дашборда",
+        "invalid-aliases-config": "Не удалось найти устройство, соответствующее фильтру псевдонимов.<br/>Пожалуйста, обратитесь к администратору для устранения неполадки.",
+        "select-devices": "Выберите устройства",
+        "assignedToCustomer": "Присвоенные клиенту",
+        "assignedToCustomers": "Присвоенные клиентам",
+        "public": "Публичный",
+        "public-link": "Публичная ссылка",
+        "copy-public-link": "Копировать публичную ссылку",
+        "public-link-copied-message": "Публичная ссылка на дашборд скопирована в буфер обмена.",
+        "manage-states": "Управление состоянием дашборда",
+        "states": "Состояния дашборда",
+        "search-states": "Поиск состояния дашборда",
+        "selected-states": "Выбрано { count, plural, 1 {1 состояние} few {# состояния} other {# состояний} } дашборда",
+        "edit-state": "Изменить состояние дашборда",
+        "delete-state": "Удалить состояние дашборда",
+        "add-state": "Добавить состояние дашборда",
+        "state": "Состояние дашборда",
+        "state-name": "Название",
+        "state-name-required": "Название состояния дашборда обязательно.",
+        "state-id": "ИД состояния",
+        "state-id-required": "ИД состояния дашборда обязателен.",
+        "state-id-exists": "Состояния дашборда с таким именем уже существует.",
+        "is-root-state": "Корневое состояние",
+        "delete-state-title": "Удалить состояние дашборда",
+        "delete-state-text": "Вы точно хотите удалить состояние дашборда '{{stateName}}'?",
+        "show-details": "Показать подробности",
+        "hide-details": "Скрыть подробности",
+        "select-state": "Выбрать состояние",
+        "state-controller": "Контроллер состояния"
+    },
+    "datakey": {
+        "settings": "Настройки",
+        "advanced": "Дополнительно",
+        "label": "Метка",
+        "color": "Цвет",
+        "units": "Укажите символы, которые нужно указывать после значения",
+        "decimals": "Число знаков после запятой",
+        "data-generation-func": "Функция генерации данных",
+        "use-data-post-processing-func": "Использовать функцию пост-обработки данных",
+        "configuration": "Конфигурация ключа данных",
+        "timeseries": "Телеметрия",
+        "attributes": "Атрибуты",
+        "entity-field": "Поле объекта",
+        "alarm": "Параметры оповещения",
+        "timeseries-required": "Телеметрия объекта обязательна.",
+        "timeseries-or-attributes-required": "Телеметрия/атрибуты обязательны.",
+        "maximum-timeseries-or-attributes": "Максимальное количество параметров телеметрии или атрибутов равно {{count}}",
+        "alarm-fields-required": "Параметры оповещения обязательны.",
+        "function-types": "Тип функции",
+        "function-types-required": "Тип функции обязателен.",
+        "maximum-function-types": "Максимальное количество типов функции равно {{count}}",
+        "time-description": "время текущего значения;",
+        "value-description": "текущее значение;",
+        "prev-value-description": "результат предыдущего вызова функции;",
+        "time-prev-description": "время предыдущего значения;",
+        "prev-orig-value-description": "исходное предыдущее значение;"
+    },
+    "datasource": {
+        "type": "Тип источника данных",
+        "name": "Название",
+        "add-datasource-prompt": "Пожалуйста, добавьте источник данных"
+    },
+    "details": {
+        "edit-mode": "Режим редактирования",
+        "toggle-edit-mode": "Режим редактирования"
+    },
+    "device": {
+        "device": "Устройство",
+        "device-required": "Устройство обязательно.",
+        "devices": "Устройства",
+        "management": "Управление устройствами",
+        "view-devices": "Просмотреть устройства",
+        "device-alias": "Псевдоним устройства",
+        "aliases": "Псевдонимы устройства",
+        "no-alias-matching": "'{{alias}}' не найден.",
+        "no-aliases-found": "Псевдонимы не найдены.",
+        "no-key-matching": "'{{key}}' не найден.",
+        "no-keys-found": "Ключи не найдены.",
+        "create-new-alias": "Создать новый!",
+        "create-new-key": "Создать новый!",
+        "duplicate-alias-error": "Найден дублирующийся псевдоним '{{alias}}'.<br>В рамках дашборда псевдонимы устройств должны быть уникальными.",
+        "configure-alias": "Настроить '{{alias}}' псевдоним",
+        "no-devices-matching": "Устройство '{{entity}}' не найдено.",
+        "alias": "Псевдоним",
+        "alias-required": "Псевдоним устройства обязателен.",
+        "remove-alias": "Удалить псевдоним устройства",
+        "add-alias": "Добавить псевдоним устройства",
+        "name-starts-with": "Название начинается с",
+        "device-list": "Список устройств",
+        "use-device-name-filter": "Использовать фильтр",
+        "device-list-empty": "Устройства не выбраны.",
+        "device-name-filter-required": "Фильтр названия устройства обязателен.",
+        "device-name-filter-no-device-matched": "Устройства, названия которых начинаются с '{{device}}', не найдены.",
+        "add": "Добавить устройство",
+        "assign-to-customer": "Присвоить клиенту",
+        "assign-device-to-customer": "Присвоить устройство(а) клиенту",
+        "assign-device-to-customer-text": "Пожалуйста, выберите устройства, которые нужно присвоить клиенту",
+        "make-public": "Открыть общий доступ к устройству",
+        "make-private": "Закрыть общий доступ к устройству",
+        "no-devices-text": "Устройства не найдены",
+        "assign-to-customer-text": "Пожалуйста, выберите клиента, которому нужно присвоить устройство(а)",
+        "device-details": "Подробности об устройстве",
+        "add-device-text": "Добавить новое устройство",
+        "credentials": "Учетные данные",
+        "manage-credentials": "Управление учетными данными",
+        "delete": "Удалить устройство",
+        "assign-devices": "Присвоить устройство",
+        "assign-devices-text": "Присвоить { count, plural, one {1 устройство} few {# устройства} other {# устройств} } клиенту",
+        "delete-devices": "Удалить устройства",
+        "unassign-from-customer": "Отозвать у клиенту",
+        "unassign-devices": "Отозвать устройства",
+        "unassign-devices-action-title": "Отозвать у клиента { count, plural, one {1 устройство} few {# устройства} other {# устройств} }",
+        "assign-new-device": "Присвоить новое устройство",
+        "make-public-device-title": "Вы точно хотите открыть общий доступ к устройству '{{deviceName}}'?",
+        "make-public-device-text": "После подтверждения устройство и все связанные с ним данные будут общедоступными.",
+        "make-private-device-title": "Вы точно хотите закрыть общий доступ к устройству '{{deviceName}}'",
+        "make-private-device-text": "После подтверждения устройство и все связанные с ним данные будут закрыты для общего доступа.",
+        "view-credentials": "Просмотреть учетные данные",
+        "delete-device-title": "Вы точно хотите удалить устройство '{{deviceName}}'?",
+        "delete-device-text": "Внимание, после подтверждения устройство и все связанные с ним данные будут безвозвратно утеряны.",
+        "delete-devices-title": "Вы точно хотите удалить { count, plural, one {1 устройство} few {# устройства} other {# устройств} }?",
+        "delete-devices-action-title": "Удалить { count, plural, one {1 устройство} few {# устройства} other {# устройств} }",
+        "delete-devices-text": "Внимание, после подтверждения выбранные устройства и все связанные с ними данные будут безвозвратно утеряны..",
+        "unassign-device-title": "Вы точно хотите отозвать устройство '{{deviceName}}'?",
+        "unassign-device-text": "После подтверждения устройство будет недоступно клиенту.",
+        "unassign-device": "Отозвать устройство",
+        "unassign-devices-title": "Вы точно хотите отозвать { count, plural, one {1 устройство} few {# устройства} other {# устройств} }?",
+        "unassign-devices-text": "После подтверждения выбранные устройства будут недоступны клиенту.",
+        "device-credentials": "Учетные данные устройства",
+        "credentials-type": "Тип учетных данных",
+        "access-token": "Токен",
+        "access-token-required": "Токен обязателен.",
+        "access-token-invalid": "Длина токена должна быть от 1 до 20 символов.",
+        "rsa-key": "Открытый ключ RSA",
+        "rsa-key-required": "Открытый ключ RSA обязателен.",
+        "secret": "Секрет",
+        "secret-required": "Секрет обязателен.",
+        "device-type": "Тип устройства",
+        "device-type-required": "Тип устройства обязатеен.",
+        "select-device-type": "Выберите тип устройства",
+        "enter-device-type": "Введите тип устройства",
+        "any-device": "Любое устройство",
+        "no-device-types-matching": "Тип устройства, соответствующий '{{entitySubtype}}', не найден.",
+        "device-type-list-empty": "Не выбран тип устройства.",
+        "device-types": "Типы устройств",
+        "name": "Название",
+        "name-required": "Название обязательно.",
+        "description": "Описание",
+        "events": "События",
+        "details": "Подробности",
+        "copyId": "Копировать идентификатор устройства",
+        "copyAccessToken": "Копировать токен",
+        "idCopiedMessage": "Идентификатор устройства скопирован в буфер обмена",
+        "accessTokenCopiedMessage": "Токен устройства скопирован в буфер обмена",
+        "assignedToCustomer": "Присвоен клиенту",
+        "unable-delete-device-alias-title": "Не удалось удалить псевдоним устройства",
+        "unable-delete-device-alias-text": "Не удалось удалить псевдоним '{{deviceAlias}}' устройства, т.к. он используется следующими виджетами:<br/>{{widgetsList}}",
+        "is-gateway": "Гейтвей",
+        "public": "Общедоступный",
+        "device-public": "Устройство общедоступно",
+        "select-device": "Выбрать устройство",
+        "import": "Импортировать устройства",
+        "device-file": "Файл с устройствами"
+    },
+    "dialog": {
+        "close": "Закрыть диалог"
+    },
+    "direction": {
+        "column": "Колонка",
+        "row": "Строка"
+    },
+    "error": {
+        "unable-to-connect": "Не удалось подключиться к серверу! Пожалуйста, проверьте интернет-соединение.",
+        "unhandled-error-code": "Код необработанной ошибки: {{errorCode}}",
+        "unknown-error": "Неизвестная ошибка"
+    },
+    "entity": {
+        "entity": "Объект",
+        "entities": "Объекты",
+        "aliases": "Псевдонимы объекта",
+        "entity-alias": "Псевдоним объекта",
+        "unable-delete-entity-alias-title": "Не удалось удалить псевдоним объекта",
+        "unable-delete-entity-alias-text": "Псевдоним объекта '{{entityAlias}}' не может быть удален, так как используется следующим(и) виджетом(ами):<br/>{{widgetsList}}",
+        "duplicate-alias-error": "Найден дубликат псевдонима '{{alias}}'.<br>В рамках одного дашборда псевдонимы объектов должны быть уникальными.",
+        "missing-entity-filter-error": "Отсутствует фильтр для псевдонима '{{alias}}'.",
+        "configure-alias": "Настроить псевдоним '{{alias}}'",
+        "alias": "Псевдоним",
+        "alias-required": "Псевдоним объекта обязателен.",
+        "remove-alias": "Убрать псевдоним объекта",
+        "add-alias": "Добавить псевдоним объекта",
+        "entity-list": "Список объектов",
+        "entity-type": "Тип объекта",
+        "entity-types": "Типы объекта",
+        "entity-type-list": "Список типов объекта",
+        "any-entity": "Любой объект",
+        "enter-entity-type": "Введите тип объекта",
+        "no-entities-matching": "Объекты, соответствующие '{{entity}}', не найдены.",
+        "no-entity-types-matching": "Типы объектов, соответствующие '{{entityType}}', не найдены.",
+        "name-starts-with": "Название, начинающееся с",
+        "use-entity-name-filter": "Использовать фильтр",
+        "entity-list-empty": "Не выбраны объекты.",
+        "entity-type-list-empty": "Не выбраны типы объекта.",
+        "entity-name-filter-required": "Фильтр по названию объекта обязателен.",
+        "entity-name-filter-no-entity-matched": "Объекты, чье название начинается с '{{entity}}', не найдены.",
+        "all-subtypes": "Все",
+        "select-entities": "Выберите объекты",
+        "no-aliases-found": "Псевдонимы не найдены.",
+        "no-alias-matching": "Псевдоним '{{alias}}' не найден.",
+        "create-new-alias": "Создать новый!",
+        "key": "Ключ",
+        "key-name": "Название ключа",
+        "no-keys-found": "Ключ не найден.",
+        "no-key-matching": "Ключ '{{key}}' не найден.",
+        "create-new-key": "Создать новый!",
+        "type": "Тип",
+        "type-required": "Тип объекта обязателен.",
+        "type-device": "Устройство",
+        "type-devices": "Устройства",
+        "list-of-devices": "{ count, plural, 1 {Одно устройство} other {Список из # устройств} }",
+        "device-name-starts-with": "Устройства, чьи название начинается с '{{prefix}}'",
+        "type-asset": "Актив",
+        "type-assets": "Активы",
+        "list-of-assets": "{ count, plural, 1 {Один актив} other {Список из # активов} }",
+        "asset-name-starts-with": "Активы, чьи название начинается с '{{prefix}}'",
+        "type-entity-view": "Представление Объекта",
+        "type-entity-views": "Представления Объекта",
+        "list-of-entity-views": "{ count, plural, 1 {Одно представление объекта} other {Список из # представлений объекта} }",
+        "entity-view-name-starts-with": "Представления Объекта, чьи название начинается с '{{prefix}}'",
+        "type-rule": "Правило",
+        "type-rules": "Правила",
+        "list-of-rules": "{ count, plural, 1 {Одно правило} other {Список из # правил} }",
+        "rule-name-starts-with": "Правила, чьи названия начинаются с '{{prefix}}'",
+        "type-plugin": "Плагин",
+        "type-plugins": "Плагины",
+        "list-of-plugins": "{ count, plural, 1 {Один плагин} other {Список из # плагинов} }",
+        "plugin-name-starts-with": "Плагины, чьи имена начинаются с '{{prefix}}'",
+        "type-tenant": "Владелец",
+        "type-tenants": "Владельцы",
+        "list-of-tenants": "{ count, plural, 1 {Один владелец} other {Список из # владельцев} }",
+        "tenant-name-starts-with": "Владельцы, чьи имена начинаются с '{{prefix}}'",
+        "type-customer": "Клиент",
+        "type-customers": "Клиенты",
+        "list-of-customers": "{ count, plural, 1 {Один клиент} other {Список из # клиентов} }",
+        "customer-name-starts-with": "Клиенты, чьи имена начинаются с '{{prefix}}'",
+        "type-user": "Пользователь",
+        "type-users": "Пользователи",
+        "list-of-users": "{ count, plural, 1 {Один пользователь} other {Список из # пользователей} }",
+        "user-name-starts-with": "Пользователи, чьи имена начинаются с '{{prefix}}'",
+        "type-dashboard": "Дашборд",
+        "type-dashboards": "Дашборды",
+        "list-of-dashboards": "{ count, plural, 1 {Один дашборд} other {Список из # дашбордов} }",
+        "dashboard-name-starts-with": "Дашборды, чьи названия начинаются с '{{prefix}}'",
+        "type-alarm": "Оповещение",
+        "type-alarms": "Оповещения",
+        "list-of-alarms": "{ count, plural, 1 {Одно оповещение} other {Список из # оповещений} }",
+        "alarm-name-starts-with": "Оповещения, чьи названия начинаются с '{{prefix}}'",
+        "type-rulechain": "Цепочка правил",
+        "type-rulechains": "Цепочки правил",
+        "list-of-rulechains": "{ count, plural, 1 {Одна цепочка правил} other {Список из # цепочек правил} }",
+        "rulechain-name-starts-with": "Цепочки правил, чьи названия начинаются с '{{prefix}}'",
+        "type-rulenode": "Правило",
+        "type-rulenodes": "Правила",
+        "list-of-rulenodes": "{ count, plural, 1 {Одно правило} other {Список из # правил} }",
+        "rulenode-name-starts-with": "Правила, чьи названия начинаются с '{{prefix}}'",
+        "type-current-customer": "Текущий клиент",
+        "search": "Поиск объектов",
+        "selected-entities": "Выбран(ы) { count, plural, 1 {1 объект} few {# объекта} other {# объектов} }",
+        "entity-name": "Название объекта",
+        "entity-label": "Метка объекта",
+        "details": "Подробности об объекте",
+        "no-entities-prompt": "Объекты не найдены",
+        "no-data": "Нет данных для отображения",
+        "columns-to-display": "Отобразить следующие колонки"
+    },
+    "entity-field": {
+        "created-time": "Время создания",
+        "name": "Название",
+        "type": "Тип",
+        "first-name": "Имя",
+        "last-name": "Фамилия",
+        "email": "Электронная почта",
+        "title": "Название",
+        "country": "Страна",
+        "state": "Штат/Область",
+        "city": "Город",
+        "address": "Адрес",
+        "address2": "Адрес 2",
+        "zip": "Индекс",
+        "phone": "Телефон",
+        "label": "Метка"
+    },
+    "entity-view": {
+        "entity-view": "Представление Объекта",
+        "entity-view-required": "Представление объекта обязательно.",
+        "entity-views": "Представления Объектов",
+        "management": "Управление представлениями объектов",
+        "view-entity-views": "Просмотр представлений объектов",
+        "entity-view-alias": "Псевдоним Представления Объекта",
+        "aliases": "Псевдонимы Представления Объекта",
+        "no-alias-matching": "Псевдоним '{{alias}}' не найден.",
+        "no-aliases-found": "Псевдонимы не найдены.",
+        "no-key-matching": "Ключ '{{key}}' не найден.",
+        "no-keys-found": "Ключи не найдены.",
+        "create-new-alias": "Создать новый!",
+        "create-new-key": "Создать новый!",
+        "duplicate-alias-error": "Найден дубликат псевдонима '{{alias}}'.<br>В рамках одного дашборда псевдонимы представлений объектов должны быть уникальными.",
+        "configure-alias": "Настроить псевдоним '{{alias}}'",
+        "no-entity-views-matching": "Объекты, соответствующие '{{entity}}', не найдены.",
+        "alias": "Псевдоним",
+        "alias-required": "Псевдоним представления объекта обязателен.",
+        "remove-alias": "Убрать псевдоним представления объекта",
+        "add-alias": "Добавить псевдоним представления объекта",
+        "name-starts-with": "Представления объектов, чьи название начинается с",
+        "entity-view-list": "Список представлений объектов",
+        "use-entity-view-name-filter": "Использовать фильтр",
+        "entity-view-list-empty": "Не выбраны представления объектов.",
+        "entity-view-name-filter-required": "Для представлений объектов фильтр по названиям обязателен.",
+        "entity-view-name-filter-no-entity-view-matched": "Представление объектов, чьи название начинаются с '{{entityView}}', не найдены.",
+        "add": "Представление объекта",
+        "assign-to-customer": "Назначить клиенту",
+        "assign-entity-view-to-customer": "Назначить представление(я) объекта(ов) клиенту",
+        "assign-entity-view-to-customer-text": "Пожалуйста, выберите представления объектов, которые нужно назначить клиенту",
+        "no-entity-views-text": "Представления объектов не найдены",
+        "assign-to-customer-text": "Пожалуйста, выберите клиента, которому нужно назначить представления объектов",
+        "entity-view-details": "Подробности о представлении объекта",
+        "add-entity-view-text": "Добавить новое представление объекта",
+        "delete": "Удалить представление объекта",
+        "assign-entity-views": "Назначить представления объектов",
+        "assign-entity-views-text": "Назначить клиенту { count, plural, 1 {1 представление объекта} few {# представления объектов} other {# представлений объектов} }",
+        "delete-entity-views": "Удалить представления объектов",
+        "unassign-from-customer": "Отозвать у клиента",
+        "unassign-entity-views": "Отозвать представления объектов",
+        "unassign-entity-views-action-title": "Отозвать у клиента { count, plural, 1 {1 представление объекта} few {# представления объектов} other {# представлений объектов} }",
+        "assign-new-entity-view": "Назначит новое представление объекта",
+        "delete-entity-view-title": "Вы точно хотите удалить представление объекта '{{entityViewName}}'?",
+        "delete-entity-view-text": "Внимание, после подтверждения представление объекта и все связанные с ним данные будут безвозвратно удалены.",
+        "delete-entity-views-title": "Вы точно хотите удалить { count, plural, 1 {1 представление объекта} few {# представления объектов} other {# представлений объектов} }?",
+        "delete-entity-views-action-title": "Удалить { count, plural, 1 {1 представление объекта} few {# представления объектов} other {# представлений объектов} }",
+        "delete-entity-views-text": "Внимание, после подтверждения выбранные представления объектов и все связанные с ними данные будут безвозвратно удалены.",
+        "unassign-entity-view-title": "Вы точно хотите отозвать представление объекта '{{entityViewName}}'?",
+        "unassign-entity-view-text": "После подтверждение представление объекта будет недоступно клиенту.",
+        "unassign-entity-view": "Отозвать представление объекта",
+        "unassign-entity-views-title": "Вы точно хотите отозвать { count, plural, 1 {1 представление объекта} few {# представления объектов} other {# представлений объектов} }?",
+        "unassign-entity-views-text": "После подтверждение выбранные представления объектов будет недоступно клиенту.",
+        "entity-view-type": "Тип представления объекта",
+        "entity-view-type-required": "Тип представления объекта обязателен.",
+        "select-entity-view-type": "Выберите тип представления объекта",
+        "enter-entity-view-type": "Введите тип представления объекта",
+        "any-entity-view": "Любое представление объекта",
+        "no-entity-view-types-matching": "Типы представления объекта, соответствующие '{{entitySubtype}}', не найдены.",
+        "entity-view-type-list-empty": "Не выбраны типы представления объекта.",
+        "entity-view-types": "Типы представления объекта",
+        "name": "Название",
+        "name-required": "Название обязательно.",
+        "description": "Описание",
+        "events": "События",
+        "details": "Подробности",
+        "copyId": "Копировать ИД представление объекта",
+        "assignedToCustomer": "Назначено клиенту",
+        "unable-entity-view-device-alias-title": "Не удалось удалить псевдоним представления объекта",
+        "unable-entity-view-device-alias-text": "Не удалось удалить псевдоним устройства '{{entityViewAlias}}', т.к. он используется следующими виджетами:<br/>{{widgetsList}}",
+        "select-entity-view": "Выбрать представление объекта",
+        "make-public": "Открыть общий доступ к представлению объекта",
+        "make-private": "Закрыть общий доступ к представлению объекта",
+        "start-date": "Дата начала",
+        "start-ts": "Время начала",
+        "end-date": "Дата окончания",
+        "end-ts": "Время окончания",
+        "date-limits": "Временной лимит",
+        "client-attributes": "Клиентские атрибуты",
+        "shared-attributes": "Общие атрибуты",
+        "server-attributes": "Серверные атрибуты",
+        "timeseries": "Телеметрия",
+        "client-attributes-placeholder": "Клиентские атрибуты",
+        "shared-attributes-placeholder": "Общие атрибуты",
+        "server-attributes-placeholder": "Серверные атрибуты",
+        "timeseries-placeholder": "Телеметрия",
+        "target-entity": "Целевой объект",
+        "attributes-propagation": "Пробросить атрибуты",
+        "attributes-propagation-hint": "Представление объекта автоматически копирует указанные атрибуты с Целевого Объекта каждый раз, когда вы сохраняете или обновляете это представление. В целях производительности атрибуты целевого объекта не пробрасываются в представление объекта на каждом их изменении. Вы можете включить автоматический проброс, настроив в вашей цепочке правило \"copy to view\" и соединив его с сообщениями типа \"Post attributes\" и \"Attributes Updated\".",
+        "timeseries-data": "Данные телеметрии",
+        "timeseries-data-hint": "Настроить ключи данных телеметрии целевого объекта, которые будут доступны представлению объекта. Эти данные только для чтения.",
+        "make-public-entity-view-title": "Вы уверенны, что хотите открыть общий доступ к представленю объекта '{{entityViewName}}'?",
+        "make-public-entity-view-text": "После подтверждения представление объекта и все связанные с ним данные станут публичными и доступными для других пользователей.",
+        "make-private-entity-view-title": "Вы уверенны, что хотите закрыть общий доступ к представлению объекта '{{entityViewName}}'?",
+        "make-private-entity-view-text": "После подтверждения представление объекта и все звязанные с ним данные станут приватными и не будут доступны для других пользователей."
+    },
+    "event": {
+        "event-type": "Тип события",
+        "type-error": "Ошибка",
+        "type-lc-event": "Событие жизненного цикла",
+        "type-stats": "Статистика",
+        "type-debug-rule-node": "Отладка",
+        "type-debug-rule-chain": "Отладка",
+        "no-events-prompt": "События не найдены",
+        "error": "Ошибка",
+        "alarm": "Аварийное оповещение",
+        "event-time": "Время возникновения события",
+        "server": "Сервер",
+        "body": "Тело",
+        "method": "Метод",
+        "type": "Тип",
+        "entity": "Объект",
+        "message-id": "ИД сообщения",
+        "message-type": "Тип сообщения",
+        "data-type": "Тип данных",
+        "relation-type": "Тип отношения",
+        "metadata": "Метаданные",
+        "data": "Данные",
+        "event": "Событие",
+        "status": "Статус",
+        "success": "Успех",
+        "failed": "Неудача",
+        "messages-processed": "Сообщения обработаны",
+        "errors-occurred": "Возникли ошибки"
+    },
+    "extension": {
+        "extensions": "Расширение",
+        "selected-extensions": "Выбрано { count, plural, 1 {1 расширение} few {# расширения} other {# расширений} }",
+        "type": "Тип",
+        "key": "Ключ",
+        "value": "Значение",
+        "id": "ИД",
+        "extension-id": "ИД расширения",
+        "extension-type": "Тип расширения",
+        "transformer-json": "JSON *",
+        "unique-id-required": "Такое ИД расширения уже существует.",
+        "delete": "Удалить расширение",
+        "add": "Добавить расширение",
+        "edit": "Редактировать расширение",
+        "delete-extension-title": "Вы точно хотите удалить расширение '{{extensionId}}'?",
+        "delete-extension-text": "Внимание, после подтверждения расширение и все связанные с ним данные будут безвозвратно удалены.",
+        "delete-extensions-title": "Вы точно хотите удалить { count, plural, 1 {1 расширение} few {# расширения} other {# расширений} }?",
+        "delete-extensions-text": "Внимание, после подтверждения выбранные расширения будут удалены.",
+        "converters": "Конвертеры",
+        "converter-id": "ИД конвертера",
+        "configuration": "Конфигурация",
+        "converter-configurations": "Конфигурация конвертера",
+        "token": "Токен безопасности",
+        "add-converter": "Добавить конвертер",
+        "add-config": "Добавить конфигурацию конвертера",
+        "device-name-expression": "Маска названия устройства",
+        "device-type-expression": "Маска типа устройства",
+        "custom": "Пользовательский",
+        "to-double": "To Double",
+        "transformer": "Преобразователь",
+        "json-required": "JSON преобразователя обязателен.",
+        "json-parse": "Не удалось распознать JSON преобразователя.",
+        "attributes": "Атрибуты",
+        "add-attribute": "Добавить атрибут",
+        "add-map": "Добавить элемент сопоставления",
+        "timeseries": "Телеметрия",
+        "add-timeseries": "Добавить параметр телеметрии",
+        "field-required": "Параметр обязателен",
+        "brokers": "Брокеры",
+        "add-broker": "Добавить брокер",
+        "host": "Хост",
+        "port": "Порт",
+        "port-range": "Значение порта лежит в диапазоне от 1 до 65535.",
+        "ssl": "SSL",
+        "credentials": "Учетные данные",
+        "username": "Имя пользователя",
+        "password": "Пароль",
+        "retry-interval": "Интервал повтора в миллисекундах",
+        "anonymous": "Анонимный",
+        "basic": "Общий",
+        "pem": "PEM",
+        "ca-cert": "Файл CA сертификата *",
+        "private-key": "Файл приватного ключа *",
+        "cert": "Файл сертификата *",
+        "no-file": "Не выбран файл.",
+        "drop-file": "Перетяните файл или нажмите для выбора файла.",
+        "mapping": "Сопоставление",
+        "topic-filter": "Фильтр тем",
+        "converter-type": "Тип конвертера",
+        "converter-json": "JSON",
+        "json-name-expression": "JSON выражение для названия устройства",
+        "topic-name-expression": "Выражение для названия устройства в названии темы",
+        "json-type-expression": "JSON выражение для типа устройства",
+        "topic-type-expression": "Выражение для типа устройства в названии темы",
+        "attribute-key-expression": "Выражение для атрибута",
+        "attr-json-key-expression": "JSON выражение для атрибута",
+        "attr-topic-key-expression": "Выражение для атрибута в названии темы",
+        "request-id-expression": "Выражение для ИД запроса",
+        "request-id-json-expression": "JSON выражение для ИД запроса",
+        "request-id-topic-expression": "Выражение для ИД запроса в названии темы",
+        "response-topic-expression": "Выражение для темы ответов",
+        "value-expression": "Выражение для значения",
+        "topic": "Тема",
+        "timeout": "Таймаут в миллисекундах",
+        "converter-json-required": "JSON конвертер обязателен.",
+        "converter-json-parse": "Не удалось распознать JSON конвертера.",
+        "filter-expression": "Выражение для фильтрации",
+        "connect-requests": "Запросы о подключении устройства",
+        "add-connect-request": "Добавить запросы о подключении устройства",
+        "disconnect-requests": "Запросы об отсоединении устройства",
+        "add-disconnect-request": "Добавить запрос об отсоединении устройства",
+        "attribute-requests": "Запросы для атрибутов",
+        "add-attribute-request": "Добавить запрос для атрибутов",
+        "attribute-updates": "Обновление атрибутов",
+        "add-attribute-update": "Добавить обновление атрибутов",
+        "server-side-rpc": "Серверный RPC",
+        "add-server-side-rpc-request": "Добавить серверный RPC",
+        "device-name-filter": "Фильтр для названия устройства",
+        "attribute-filter": "Фильтр для атрибутов",
+        "method-filter": "Фильтр для процедур",
+        "request-topic-expression": "Выражение для темы запросов",
+        "response-timeout": "Время ожидания ответа в миллисекундах",
+        "topic-expression": "Выражение для названия темы",
+        "client-scope": "Клиентский",
+        "add-device": "Добавить устройство",
+        "opc-server": "Серверы",
+        "opc-add-server": "Добавить сервер",
+        "opc-add-server-prompt": "Пожалуйста, добавьте сервер",
+        "opc-application-name": "Название приложения",
+        "opc-application-uri": "URI приложения",
+        "opc-scan-period-in-seconds": "Частота сканирования в секундах",
+        "opc-security": "Безопасность",
+        "opc-identity": "Идентификация",
+        "opc-keystore": "Хранилище ключей",
+        "opc-type": "Тип",
+        "opc-keystore-type": "Тип",
+        "opc-keystore-location": "Расположение *",
+        "opc-keystore-password": "Пароль",
+        "opc-keystore-alias": "Псевдоним",
+        "opc-keystore-key-password": "Пароль для ключ",
+        "opc-device-node-pattern": "Паттерн OPC узла устройства",
+        "opc-device-name-pattern": "Паттерн названия устройства",
+        "modbus-server": "Серверы/ведомые устройства",
+        "modbus-add-server": "Добавить сервер/ведомое устройство",
+        "modbus-add-server-prompt": "Пожалуйста, добавить сервер/ведомое устройство",
+        "modbus-transport": "Транспорт",
+        "modbus-tcp-reconnect": "Переподключатсься автоматически",
+        "modbus-port-name": "Название последовательного порта",
+        "modbus-encoding": "Кодирование символов",
+        "modbus-parity": "Паритет",
+        "modbus-baudrate": "Скорость передачи",
+        "modbus-databits": "Биты данных",
+        "modbus-stopbits": "Стоп-биты",
+        "modbus-databits-range": "Параметр \"Биты данных\" может принимать значения 7 или 8.",
+        "modbus-stopbits-range": "Параметр \"Стоп-биты\" может принимать значения 1 или 2.",
+        "modbus-unit-id": "ИД устройства",
+        "modbus-unit-id-range": "ИД устройства должен быть в диапазоне от 1 до 247.",
+        "modbus-device-name": "Название устройства",
+        "modbus-poll-period": "Частота опроса (в миллисекундах)",
+        "modbus-attributes-poll-period": "Частота опроса для атрибутов (в миллисекундах)",
+        "modbus-timeseries-poll-period": "Частота опроса для телеметрии (в миллисекундах)",
+        "modbus-poll-period-range": "Значение параметра \"Частота опроса\" должно быть больше ноля.",
+        "modbus-tag": "Тег",
+        "modbus-function": "Modbus функция",
+        "modbus-register-address": "Адрес регистра",
+        "modbus-register-address-range": "Адрес регистра должен быть в диапазоне от 0 до 65535.",
+        "modbus-register-bit-index": "Номер бита",
+        "modbus-register-bit-index-range": "Номер бита должен быть в диапазоне от 0 до 15.",
+        "modbus-register-count": "Количество регистров",
+        "modbus-register-count-range": "Количество регистров должно быть больше ноля.",
+        "modbus-byte-order": "Порядок байтов",
+        "sync": {
+            "status": "Статус",
+            "sync": "Синхронизирован",
+            "not-sync": "Не синхронизирован",
+            "last-sync-time": "Время последней синхронизации",
+            "not-available": "Не доступен"
+        },
+        "export-extensions-configuration": "Экспортировать конфигурацию расширений",
+        "import-extensions-configuration": "Импортировать конфигурацию расширений",
+        "import-extensions": "Импортировать расширения",
+        "import-extension": "Импортировать расширение",
+        "export-extension": "Экспортировать расширение",
+        "file": "Файл расширений",
+        "invalid-file-error": "Не правильный формат файла"
+    },
+    "fullscreen": {
+        "expand": "Во весь экран",
+        "exit": "Выйти из полноэкранного режима",
+        "toggle": "Во весь экран",
+        "fullscreen": "Полноэкранный режим"
+    },
+    "function": {
+        "function": "Функция"
+    },
+    "grid": {
+        "delete-item-title": "Вы точно хотите удалить этот объект?",
+        "delete-item-text": "Внимание, после подтверждения объект и все связанные с ним данные будут безвозвратно утеряны.",
+        "delete-items-title": "Вы точно хотите удалить { count, plural, one {1 объект} few {# объекта} other {# объектов} }?",
+        "delete-items-action-title": "Удалить { count, plural, one {1 объект} few {# объекта} other {# объектов} }",
+        "delete-items-text": "Внимание, после подтверждения выбранные объекты и все связанные с ними данные будут безвозвратно утеряны.",
+        "add-item-text": "Добавить новый объект",
+        "no-items-text": "Объекты не найдены",
+        "item-details": "Подробности об объекте",
+        "delete-item": "Удалить объект",
+        "delete-items": "Удалить объекты",
+        "scroll-to-top": "Прокрутка к началу"
+    },
+    "help": {
+        "goto-help-page": "Перейти к справке"
+    },
+    "home": {
+        "home": "Главная",
+        "profile": "Профиль",
+        "logout": "Выйти из системы",
+        "menu": "Меню",
+        "avatar": "Аватар",
+        "open-user-menu": "Открыть меню пользователя"
+    },
+    "import": {
+        "no-file": "Файл не выбран",
+        "drop-file": "Перетащите JSON файл или кликните для выбора файла.",
+        "drop-file-csv": "Перетащите CSV файл или кликните для выбора файла.",
+        "column-value": "Значение",
+        "column-title": "Название",
+        "column-example": "Пример значений данных",
+        "column-key": "Ключ атрибута/телеметрии",
+        "csv-delimiter": "Разделитель в CSV файле",
+        "csv-first-line-header": "Первая строка содержит названия колонок",
+        "csv-update-data": "Обновить атрибут/телеметрию",
+        "import-csv-number-columns-error": "Файл должен содержать как минимум две колонки",
+        "import-csv-invalid-format-error": "Неверный формат данных. Строка: '{{line}}'",
+        "column-type": {
+            "name": "Название",
+            "type": "Тип",
+            "label": "Метка",
+            "column-type": "Тип колонки",
+            "client-attribute": "Клиентский атрибут",
+            "shared-attribute": "Общий атрибут",
+            "server-attribute": "Серверный атрибут",
+            "timeseries": "Телеметрия",
+            "entity-field": "Entity field",
+            "access-token": "Токен"
+        },
+        "stepper-text": {
+            "select-file": "Выберите файл",
+            "configuration": "Конфигурация импорта",
+            "column-type": "Выберите тип колонок",
+            "creat-entities": "Создание новых объектов",
+            "done": "Завершено"
+        },
+        "message": {
+            "create-entities": "{{count}} новый(х) объект(ов) было успешно создано.",
+            "update-entities": "{{count}} объект(ов) успешно обновлено.",
+            "error-entities": "Возникла ошибка при создании {{count}} объекта(ов)."
+        }
+    },
+    "item": {
+        "selected": "Выбранные"
+    },
+    "js-func": {
+        "no-return-error": "Функция должна возвращать значение!",
+        "return-type-mismatch": "Функция должна возвращать значение типа '{{type}}'!",
+        "tidy": "Tidy"
+    },
+    "key-val": {
+        "key": "Ключ",
+        "value": "Значение",
+        "remove-entry": "Удалить элемент",
+        "add-entry": "Добавить элемент",
+        "no-data": "Элементы отсутствуют"
+    },
+    "layout": {
+        "layout": "Макет",
+        "manage": "Управление макетами",
+        "settings": "Настройки макета",
+        "color": "Цвет",
+        "main": "Основной",
+        "right": "Правый",
+        "select": "Выбрать макет"
+    },
+    "legend": {
+        "direction": "Расположение элементов легенды",
+        "position": "Расположение легенды",
+        "show-max": "Показать максимальное значение",
+        "show-min": "Показать минимальное значение",
+        "show-avg": "Показать среднее значение",
+        "show-total": "Показать сумму",
+        "settings": "Настройки легенды",
+        "min": "Мин",
+        "max": "Макс",
+        "avg": "Среднее",
+        "total": "Сумма",
+        "comparison-time-ago": {
+            "days": "(день назад)",
+            "weeks": "(неделю назад)",
+            "months": "(месяц назад)",
+            "years": "(год назад)"
+        }
+    },
+    "login": {
+        "login": "Войти",
+        "request-password-reset": "Запрос на сброс пароля",
+        "reset-password": "Сбросить пароль",
+        "create-password": "Создать пароль",
+        "passwords-mismatch-error": "Введенные пароли должны быть одинаковыми!",
+        "password-again": "Введите пароль еще раз",
+        "sign-in": "Пожалуйста, войдите в систему",
+        "username": "Имя пользователя (эл. адрес)",
+        "remember-me": "Запомнить меня",
+        "forgot-password": "Забыли пароль?",
+        "password-reset": "Пароль сброшен",
+        "expired-password-reset-message": "Срок действия Вашего пароля закончился! Пожалуйста, создайте новый пароль.",
+        "new-password": "Новый пароль",
+        "new-password-again": "Повторите новый пароль",
+        "password-link-sent-message": "Ссылка для сброса пароля была успешно отправлена!",
+        "email": "Эл. адрес"
+    },
+    "position": {
+        "top": "Верх",
+        "bottom": "Низ",
+        "left": "Левый край",
+        "right": "Правый край"
+    },
+    "profile": {
+        "profile": "Профиль",
+        "last-login-time": "Время последнего входа в систему",
+        "change-password": "Изменить пароль",
+        "current-password": "Текущий пароль"
+    },
+    "relation": {
+        "relations": "Отношения",
+        "direction": "Направления",
+        "search-direction": {
+            "FROM": "От",
+            "TO": "К"
+        },
+        "direction-type": {
+            "FROM": "от",
+            "TO": "к"
+        },
+        "from-relations": "Исходящие отношения",
+        "to-relations": "Входящие отношения",
+        "selected-relations": "Выбрано { count, plural, 1 {1 отношение} few {# отношения} other {# отношений} }",
+        "type": "Тип",
+        "to-entity-type": "К типу объекта",
+        "to-entity-name": "К объекта",
+        "from-entity-type": "От типа объекта",
+        "from-entity-name": "От объекта",
+        "to-entity": "К объекту",
+        "from-entity": "От объекта",
+        "delete": "Удалить отношение",
+        "relation-type": "Тип отношения",
+        "relation-type-required": "Тип отношения обязателен.",
+        "any-relation-type": "Любой тип",
+        "add": "Добавить отношение",
+        "edit": "Редактировать отношение",
+        "delete-to-relation-title": "Вы точно хотите удалить отношение, идущее к объекту '{{entityName}}'?",
+        "delete-to-relation-text": "Внимание, после подтверждения объект '{{entityName}}' будет отвязан от текущего объекта.",
+        "delete-to-relations-title": "Вы точно хотите удалить { count, plural, 1 {1 отношение} few {# отношения} other {# отношений} }?",
+        "delete-to-relations-text": "Внимание, после подтверждения выбранные объекты будут отвязаны от текущего объекта.",
+        "delete-from-relation-title": "Вы точно хотите удалить отношение, идущее от объекта '{{entityName}}'?",
+        "delete-from-relation-text": "Внимание, после подтверждения текущий объект будет отвязан от объекта '{{entityName}}'.",
+        "delete-from-relations-title": "Вы точно хотите удалить { count, plural, 1 {1 отношение} few {# отношения} other {# отношений} }?",
+        "delete-from-relations-text": "Внимание, после подтверждения выбранные объекты будут отвязаны от соответствующих объектов.",
+        "remove-relation-filter": "Удалить фильтр отношений",
+        "add-relation-filter": "Добавить фильтр отношений",
+        "any-relation": "Любое отношение",
+        "relation-filters": "Фильтры отношений",
+        "additional-info": "Дополнительная информация (JSON)",
+        "invalid-additional-info": "Не удалось распознать JSON с дополнительной информацией."
+    },
+    "rulechain": {
+        "rulechain": "Цепочка правил",
+        "rulechains": "Цепочки правил",
+        "root": "Корневая",
+        "delete": "Удалить цепочку правил",
+        "name": "Названия",
+        "name-required": "Название необходимо.",
+        "description": "Описание",
+        "add": "Добавить цепочку правил",
+        "set-root": "Сделать цепочку корневой",
+        "set-root-rulechain-title": "Вы точно хотите сделать цепочку правил '{{ruleChainName}}' корневой?",
+        "set-root-rulechain-text": "После подтверждения цепочка правил станет корневой и будет обрабатывать все входящие сообщения.",
+        "delete-rulechain-title": "Вы точно хотите удалить цепочку правил '{{ruleChainName}}'?",
+        "delete-rulechain-text": "Внимание, после подтверждения цепочка правил и все связанные с ней данные будут безвозвратно удалены.",
+        "delete-rulechains-title": "Вы точно хотите удалить { count, plural, 1 {1 цепочку правил} few {# цепочки правил} other {# цепочек правил} }?",
+        "delete-rulechains-action-title": "Удалить { count, plural, 1 {1 цепочку правил} few {# цепочки правил} other {# цепочек правил} }",
+        "delete-rulechains-text": "Внимание, после подтверждения выбранные цепочки правил и все связанные с ними данные будут безвозвратно удалены.",
+        "add-rulechain-text": "Добавить новую цепочку правил",
+        "no-rulechains-text": "Цепочки правил не найдены",
+        "rulechain-details": "Подробности о цепочке правил",
+        "details": "Подробности",
+        "events": "События",
+        "system": "Системная",
+        "import": "Импортировать цепочку правил",
+        "export": "Экспортировать цепочку правил",
+        "export-failed-error": "Не удалось экспортировать цепочку правил: {{error}}",
+        "create-new-rulechain": "Создать новую цепочку правил",
+        "rulechain-file": "Файл цепочки правил",
+        "invalid-rulechain-file-error": "Не удалось импортировать цепочку правил: неправильный формат.",
+        "copyId": "Копировать ИД цепочки правил",
+        "idCopiedMessage": "ИД цепочки правил скопирован в буфер обмена",
+        "select-rulechain": "Выбрать цепочку правил",
+        "no-rulechains-matching": "Цепочки правил, соответствующие '{{entity}}', не найдены.",
+        "rulechain-required": "Цепочка правил обязательна",
+        "management": "Управление цепочками правил",
+        "debug-mode": "Режим отладки"
+    },
+    "rulenode": {
+        "details": "Подробности",
+        "events": "События",
+        "search": "Поиск правил",
+        "open-node-library": "Открыть библиотеку правил",
+        "add": "Добавить правило",
+        "name": "Название",
+        "name-required": "Название обязательно.",
+        "type": "Тип",
+        "description": "Описание",
+        "delete": "Удалить правило",
+        "select-all-objects": "Выделить все правила и связи",
+        "deselect-all-objects": "Отменить выделение правил и связей",
+        "delete-selected-objects": "Удалить выделенные правила и связи",
+        "delete-selected": "Удалить выделенные",
+        "select-all": "Выделить всё",
+        "copy-selected": "Копировать выделенное",
+        "deselect-all": "Отменить выделение",
+        "rulenode-details": "Подробности о правиле",
+        "debug-mode": "Режим отладки",
+        "configuration": "Настройки",
+        "link": "Связь",
+        "link-details": "Подробности о связи правила",
+        "add-link": "Добавить связь",
+        "link-label": "Метка связи",
+        "link-label-required": "Метка связи обязателен.",
+        "custom-link-label": "Пользовательская метка связи",
+        "custom-link-label-required": "Пользовательская метка связи обязателен.",
+        "link-labels": "Метки связи",
+        "link-labels-required": "Метки связи обязательны.",
+        "no-link-labels-found": "Метки связи не найдены",
+        "no-link-label-matching": "Метка '{{label}}' не найдена.",
+        "create-new-link-label": "Создать новую!",
+        "type-filter": "Фильтр",
+        "type-filter-details": "Фильтр входящих сообщений с заданными условиями",
+        "type-enrichment": "Насыщение",
+        "type-enrichment-details": "Добавить данные в метадату сообщения",
+        "type-transformation": "Преобразование",
+        "type-transformation-details": "Изменить содержимое сообщение и его метадату",
+        "type-action": "Действие",
+        "type-action-details": "Выполнить заданное действие",
+        "type-external": "Сторонние",
+        "type-external-details": "Взаимодействовать со сторонними системами",
+        "type-rule-chain": "Цепочка правил",
+        "type-rule-chain-details": "Перенаправить входящее сообщение в другую цепочку правил",
+        "type-input": "Вход",
+        "type-input-details": "Логический вход цепочки правил перенаправляет входящие сообщения в следующее правило",
+        "type-unknown": "Неизвестный",
+        "type-unknown-details": "Неопределенное правило",
+        "directive-is-not-loaded": "Указанная директива конфигурации '{{directiveName}}' не доступна.",
+        "ui-resources-load-error": "Не удалось загрузить UI ресурсы.",
+        "invalid-target-rulechain": "Не удалось определить целевую цепочку правил!",
+        "test-script-function": "Протестировать скрипт",
+        "message": "Сообщение",
+        "message-type": "Тип сообщения",
+        "select-message-type": "Выбрать тип сообщения",
+        "message-type-required": "Тип сообщения обязателен",
+        "metadata": "Метаданные",
+        "metadata-required": "Метаданные объекта не могут быть пустыми.",
+        "output": "Выход",
+        "test": "Протестировать",
+        "help": "Помощь",
+        "reset-debug-mode": "Сбросить режим отладки во всех правилах"
+    },
+    "tenant": {
+        "tenant": "Владелец",
+        "tenants": "Владельцы",
+        "management": "Управление владельцами",
+        "add": "Добавить владельца",
+        "admins": "Администраторы",
+        "manage-tenant-admins": "Управление администраторами владельца",
+        "delete": "Удалить владельца",
+        "add-tenant-text": "Добавить нового владельца",
+        "no-tenants-text": "Владельцы не найдены",
+        "tenant-details": "Подробности об владельце",
+        "delete-tenant-title": "Вы точно хотите удалить владельца '{{tenantTitle}}'?",
+        "delete-tenant-text": "Внимание, после подтверждения владелец и все связанные с ним данные будут безвозвратно утеряны.",
+        "delete-tenants-title": "Вы точно хотите удалить { count, plural, one {1 владельца}  other {# владельцев} }?",
+        "delete-tenants-action-title": "Удалить { count, plural, one {1 владельца}  other {# владельцев} }",
+        "delete-tenants-text": "Внимание, после подтверждения выбранные Владельцы и все связанные с ними данные будут безвозвратно утеряны.",
+        "title": "Имя",
+        "title-required": "Имя обязательно.",
+        "description": "Описание",
+        "details": "Подробности",
+        "events": "События",
+        "copyId": "Копировать ИД владельца",
+        "idCopiedMessage": "ИД владельца скопирован в буфер обмена",
+        "select-tenant": "Выбрать владельца",
+        "no-tenants-matching": "Владельцы, соответствующие '{{entity}}', не найдены.",
+        "tenant-required": "Владелец обязателен"
+    },
+    "timeinterval": {
+        "seconds-interval": "{ seconds, plural, one {1 секунда} few {# секунды} other {# секунд} }",
+        "minutes-interval": "{ minutes, plural, one {1 минута} few {# минуты} other {# минут} }",
+        "hours-interval": "{ hours, plural, one {1 час} few {# часа} other {# часов} }",
+        "days-interval": "{ days, plural, one {1 день} few {# дня} other {# дней} }",
+        "days": "Дни",
+        "hours": "Часы",
+        "minutes": "Минуты",
+        "seconds": "Секунды",
+        "advanced": "Дополнительно"
+    },
+    "timewindow": {
+        "days": "{ days, plural, one {1 день} few {# дня} other {# дней} }",
+        "hours": "{ hours, plural, one {1 час} few {# часа} other {# часов} }",
+        "minutes": "{ minutes, plural, one {1 минута} few {# минуты} other {# минут} }",
+        "seconds": "{ seconds, plural, one {1 секунда} few {# секунды} other {# секунд} }",
+        "realtime": "Режим реального времени",
+        "history": "История",
+        "last-prefix": "Последние",
+        "period": "с {{ startTime }} до {{ endTime }}",
+        "edit": "Изменить временное окно",
+        "date-range": "Диапазон дат",
+        "last": "Последние",
+        "time-period": "Период времени",
+        "hide": "Скрыть"
+    },
+    "user": {
+        "user": "Пользователь",
+        "users": "Пользователи",
+        "customer-users": "Пользователи клиента",
+        "tenant-admins": "Администраторы владельца",
+        "sys-admin": "Системный администратор",
+        "tenant-admin": "Администратор владельца",
+        "customer": "Клиент",
+        "anonymous": "Аноним",
+        "add": "Добавить пользователя",
+        "delete": "Удалить пользователя",
+        "add-user-text": "Добавить нового пользователя",
+        "no-users-text": "Пользователи не найдены",
+        "user-details": "Подробности о пользователе",
+        "delete-user-title": "Вы точно хотите удалить пользователя '{{userEmail}}'?",
+        "delete-user-text": "Внимание, после подтверждения пользователь и все связанные с ним данные будут безвозвратно утеряны.",
+        "delete-users-title": "Вы точно хотите удалить { count, plural, one {1 пользователя} other {# пользователей} }?",
+        "delete-users-action-title": "Удалить { count, plural, one {1 пользователя} other {# пользователей} }",
+        "delete-users-text": "Внимание, после подтверждения выбранные пользователи и все связанные с ними данные будут безвозвратно утеряны.",
+        "activation-email-sent-message": "Активационное письмо успешно отправлено!",
+        "resend-activation": "Повторить отправку активационного письма",
+        "email": "Эл. адрес",
+        "email-required": "Эл. адрес обязателен.",
+        "invalid-email-format": "Не правильный формат письма.",
+        "first-name": "Имя",
+        "last-name": "Фамилия",
+        "description": "Описание",
+        "default-dashboard": "Дашборд по умолчанию",
+        "always-fullscreen": "Всегда в полноэкранном режиме",
+        "select-user": "Выбрать пользователя",
+        "no-users-matching": "Пользователи, соответствующие '{{entity}}', не найдены.",
+        "user-required": "Пользователь обязателен",
+        "activation-method": "Метод активации",
+        "display-activation-link": "Отобразить ссылку для активации",
+        "send-activation-mail": "Отправить активационное письмо",
+        "activation-link": "Активационная ссылка для пользователя",
+        "activation-link-text": "Для активации пользователя используйте <a href='{{activationLink}}' target='_blank'>ссылку</a> :",
+        "copy-activation-link": "Копировать активационную ссылку",
+        "activation-link-copied-message": "Ссылка для активации пользователя скопировано в буфер обмена",
+        "details": "Подробности",
+        "login-as-tenant-admin": "Войти как администратор владельца",
+        "login-as-customer-user": "Войти как пользователь клиента",
+        "disable-account": "Отключить учетную запись пользователя",
+        "enable-account": "Включить учетную запись пользователя",
+        "enable-account-message": "Учетная запись пользователя была успешно включена!",
+        "disable-account-message": "Учетная запись пользователя была успешно отключена!"
+    },
+    "value": {
+        "type": "Тип значения",
+        "string": "Строка",
+        "string-value": "Строковое значение",
+        "integer": "Целое число",
+        "integer-value": "Целочисленное значение",
+        "invalid-integer-value": "Неправильный формат целого числа",
+        "double": "Число двойной точности",
+        "double-value": "Значение двойной точности",
+        "boolean": "Логический тип",
+        "boolean-value": "Логическое значение",
+        "false": "Ложь",
+        "true": "Правда",
+        "long": "Целое число"
+    },
+    "widget": {
+        "widget-library": "Галерея виджетов",
+        "widget-bundle": "Набор виджетов",
+        "select-widgets-bundle": "Выберите набор виджетов",
+        "management": "Управление виджетами",
+        "editor": "Редактор виджетов",
+        "widget-type-not-found": "Ошибка при загрузке конфигурации виджета.<br>Возможно, связанный с ней\n    тип виджета уже удален.",
+        "widget-type-load-error": "Не удалось загрузить виджет по следующим причинам:",
+        "remove": "Удалить виджет",
+        "edit": "Редактировать виджет",
+        "remove-widget-title": "Вы точно хотите удалить виджет '{{widgetTitle}}'?",
+        "remove-widget-text": "Внимание, после подтверждения виджет и все связанные с ним данные будут безвозвратно утеряны.",
+        "timeseries": "Телеметрия",
+        "search-data": "Поиск данных",
+        "no-data-found": "Данные не найдено",
+        "latest-values": "Последние значения",
+        "rpc": "Управляющий виджет",
+        "alarm": "Виджет оповещений",
+        "static": "Статический виджет",
+        "select-widget-type": "Выберите тип виджета",
+        "missing-widget-title-error": "Укажите название виджета!",
+        "widget-saved": "Виджет сохранен",
+        "unable-to-save-widget-error": "Не удалось сохранить виджет! Виджет содержит ошибки!",
+        "save": "Сохранить виджет",
+        "saveAs": "Сохранить виджет как",
+        "save-widget-type-as": "Сохранить тип виджета как",
+        "save-widget-type-as-text": "Пожалуйста, введите название виджета и/или укажите целевой набор виджетов",
+        "toggle-fullscreen": "Во весь экран",
+        "run": "Запустить виджет",
+        "title": "Название виджета",
+        "title-required": "Название виджета обязательно.",
+        "type": "Тип виджета",
+        "resources": "Ресурсы",
+        "resource-url": "JavaScript/CSS URL",
+        "remove-resource": "Удалить ресурс",
+        "add-resource": "Добавить ресурс",
+        "html": "HTML",
+        "tidy": "Форматировать",
+        "css": "CSS",
+        "settings-schema": "Схема конфигурации",
+        "datakey-settings-schema": "Схема конфигурации ключа данных",
+        "javascript": "Javascript",
+        "remove-widget-type-title": "Вы точно хотите удалить виджет '{{widgetName}}'?",
+        "remove-widget-type-text": "Внимание, после подтверждения тип виджета и все связанные с ним данные будут безвозвратно утеряны.",
+        "remove-widget-type": "Удалить тип виджета",
+        "add-widget-type": "Добавить новый тип виджета",
+        "widget-type-load-failed-error": "Не удалось загрузить тип виджета!",
+        "widget-template-load-failed-error": "Не удалось загрузить шаблон виджета!",
+        "add": "Добавить виджет",
+        "undo": "Откатить изменения в виджете",
+        "export": "Экспортировать виджет"
+    },
+    "widget-action": {
+        "header-button": "Кнопка заголовка виджета",
+        "open-dashboard-state": "Перейти к новомум состоянию дашборда",
+        "update-dashboard-state": "Обновить текущее состояние дашборда",
+        "open-dashboard": "Перейти к другому дашборду",
+        "custom": "Пользовательское действие",
+        "custom-pretty": "Пользовательское действие (с HTML шаблоном)",
+        "target-dashboard-state": "Целевое состояние дашборда",
+        "target-dashboard-state-required": "Целевое состояние дашборда обязательно",
+        "set-entity-from-widget": "Установить объект из виджета",
+        "target-dashboard": "Целевой дашборд",
+        "open-right-layout": "Открыть мобильный режим дашборда"
+    },
+    "widgets-bundle": {
+        "current": "Текущий набор",
+        "widgets-bundles": "Наборы виджетов",
+        "add": "Добавить набор виджетов",
+        "delete": "Удалить набор виджетов",
+        "title": "Название",
+        "title-required": "Название обязательно.",
+        "add-widgets-bundle-text": "Добавить новый набор виджетов",
+        "no-widgets-bundles-text": "Наборы виджетов не найдены",
+        "empty": "Пустой набор виджетов",
+        "details": "Подробности",
+        "widgets-bundle-details": "Подробности о наборе виджетов",
+        "delete-widgets-bundle-title": "Вы точно хотите удалить набор виджетов '{{widgetsBundleTitle}}'?",
+        "delete-widgets-bundle-text": "Внимание, после подтверждения набор виджетов и все связанные с ним данные будут безвозвратно утеряны.",
+        "delete-widgets-bundles-title": "Вы точно хотите удалить { count, plural, one {1 набор виджетов} few {# набора виджетов} other {# наборов виджетов} }?",
+        "delete-widgets-bundles-action-title": "Удалить { count, plural, one {1 набор виджетов} few {# набора виджетов} other {# наборов виджетов} }",
+        "delete-widgets-bundles-text": "Внимание, после подтверждения выбранные наборы виджетов и все связанные с ними данные будут безвозвратно утеряны..",
+        "no-widgets-bundles-matching": "Набор виджетов '{{widgetsBundle}}' не найден.",
+        "widgets-bundle-required": "Набор виджетов обязателен.",
+        "system": "Системный",
+        "import": "Импортировать набор виджетов",
+        "export": "Экспортировать набор виджетов",
+        "export-failed-error": "Не удалось экспортировать набор виджетов: {{error}}",
+        "create-new-widgets-bundle": "Создать новый набор виджетов",
+        "widgets-bundle-file": "Файл набора виджетов",
+        "invalid-widgets-bundle-file-error": "Не удалось импортировать набор виджетов: неизвестная схема данных набора виджетов."
+    },
+    "widget-config": {
+        "data": "Данные",
+        "settings": "Настройки",
+        "advanced": "Дополнительно",
+        "title": "Название",
+        "general-settings": "Общие настройки",
+        "display-title": "Показать название",
+        "drop-shadow": "Тень",
+        "enable-fullscreen": "Во весь экран",
+        "background-color": "Цвет фона",
+        "text-color": "Цвет текста",
+        "padding": "Отступ",
+        "margin": "Margin",
+        "widget-style": "Стиль виджета",
+        "title-style": "Стиль названия",
+        "mobile-mode-settings": "Настройки мобильного режима",
+        "order": "Порядок",
+        "height": "Высота",
+        "units": "Специальный символ после значения",
+        "decimals": "Количество цифр после запятой",
+        "timewindow": "Временное окно",
+        "use-dashboard-timewindow": "Использовать временное окно дашборда",
+        "display-timewindow": "Показывать временное окно",
+        "display-legend": "Показать легенду",
+        "datasources": "Источники данных",
+        "maximum-datasources": "Максимальной количество источников данных равно {{count}}",
+        "datasource-type": "Тип",
+        "datasource-parameters": "Параметры",
+        "remove-datasource": "Удалить источник данных",
+        "add-datasource": "Добавить источник данных",
+        "target-device": "Целевое устройство",
+        "alarm-source": "Источник оповещения",
+        "actions": "Действия",
+        "action": "Действие",
+        "add-action": "Добавить действие",
+        "search-actions": "Поиск действий",
+        "action-source": "Источник действий",
+        "action-source-required": "Источник действий обязателен.",
+        "action-name": "Название",
+        "action-name-required": "Название действия обязательно.",
+        "action-name-not-unique": "Действие с таким именем уже существует.<br/>Название должно быть уникально в рамках одного источника действий.",
+        "action-icon": "Иконка",
+        "action-type": "Тип",
+        "action-type-required": "Тип действий обязателен.",
+        "edit-action": "Редактировать действие",
+        "delete-action": "Удалить действие",
+        "delete-action-title": "Удалить действие виджета",
+        "delete-action-text": "Вы точно хотите удалить действие виджета '{{actionName}}'?",
+        "display-icon": "Показывать иконку в названии",
+        "icon-color": "Цвет иконки",
+        "icon-size": "Размер иконки"
+    },
+    "widget-type": {
+        "import": "Импортировать тип виджета",
+        "export": "Экспортировать тип виджета",
+        "export-failed-error": "Не удалось экспортировать тип виджета: {{error}}",
+        "create-new-widget-type": "Создать новый тип виджета",
+        "widget-type-file": "Файл типа виджета",
+        "invalid-widget-type-file-error": "Не удалось импортировать виджет: неизвестная схема данных типа виджета."
+    },
+    "widgets": {
+        "date-range-navigator": {
+            "localizationMap": {
+                "Sun": "Вс",
+                "Mon": "Пн",
+                "Tue": "Вт",
+                "Wed": "Ср",
+                "Thu": "Чт",
+                "Fri": "Пт",
+                "Sat": "Сб",
+                "Jan": "Янв.",
+                "Feb": "Февр.",
+                "Mar": "Март",
+                "Apr": "Апр.",
+                "May": "Май",
+                "Jun": "Июнь",
+                "Jul": "Июль",
+                "Aug": "Авг.",
+                "Sep": "Сент.",
+                "Oct": "Окт.",
+                "Nov": "Нояб.",
+                "Dec": "Дек.",
+                "January": "Январь",
+                "February": "Февраль",
+                "March": "Март",
+                "April": "Апрель",
+                "June": "Июнь",
+                "July": "Июль",
+                "August": "Август",
+                "September": "Сентябрь",
+                "October": "Октября",
+                "November": "Ноябрь",
+                "December": "Декабрь",
+                "Custom Date Range": "Пользовательский диапазон дат",
+                "Date Range Template": "Шаблон диапазона дат",
+                "Today": "Сегодня",
+                "Yesterday": "Вчера",
+                "This Week": "На этой неделе",
+                "Last Week": "Прошлая неделя",
+                "This Month": "Этот месяц",
+                "Last Month": "Прошлый месяц",
+                "Year": "Год",
+                "This Year": "В этом году",
+                "Last Year": "Прошлый год",
+                "Date picker": "Выбор даты",
+                "Hour": "Час",
+                "Day": "День",
+                "Week": "Неделю",
+                "2 weeks": "2 Недели",
+                "Month": "Месяц",
+                "3 months": "3 Месяца",
+                "6 months": "6 Месяцев",
+                "Custom interval": "Пользовательский интервал",
+                "Interval": "Интервал",
+                "Step size": "Размер шага",
+                "Ok": "Ok"
+            }
+        },
+        "input-widgets": {
+            "attribute-not-allowed": "Атрибут не может быть выбран в этом виджете",
+            "date": "Дата",
+            "blocked-location": "Геолокация заблокирована в вашем браузере",
+            "claim-device": "Подтвердить устройство",
+            "claim-failed": "Не удалось подтвердить устройство!",
+            "claim-not-found": "Устройство не найдено!",
+            "claim-successful": "Устройство успешно подтверждено!",
+            "discard-changes": "Отменить изменения",
+            "device-name": "Название устройства",
+            "device-name-required": "Необходимо указать название устройства",
+            "entity-attribute-required": "Значение атрибута обязателено",
+            "entity-coordinate-required": "Необходимо указать широту и долготу",
+            "entity-timeseries-required": "Значение телеметрии обязательно",
+            "get-location": "Получить текущее местоположение",
+            "latitude": "Широта",
+            "longitude": "Долгота",
+            "not-allowed-entity": "Выбраный объект не имеет общих атрибутов",
+            "no-attribute-selected": "Атрибут не выбран",
+            "no-datakey-selected": "Ни один datakey не выбран",
+            "no-entity-selected": "Объект не выбран",
+            "no-coordinate-specified": "Ключ для широты/долготы не указан",
+            "no-support-geolocation": "Ваш браузер не поддерживает геолокацию",
+            "no-image": "Нет изображения",
+            "no-support-web-camera": "Нет поддерживаемой веб-камеры",
+            "no-timeseries-selected": "Параметр телеметрии не выбран",
+            "secret-key": "Секретный ключ",
+            "secret-key-required": "Необходимо указать секретный ключ",
+            "switch-attribute-value": "Изменить значение атрибута",
+            "switch-camera": "Изменить камеру",
+            "switch-timeseries-value": "Изменить значение телеметрии",
+            "take-photo": "Сделать фото",
+            "time": "Время",
+            "timeseries-not-allowed": "Телеметрия не может быть выбрана в этом виджете",
+            "update-failed": "Не удалось обновить",
+            "update-successful": "Успешно обновлено",
+            "update-attribute": "Обновить атрибут",
+            "update-timeseries": "Обновить телеметрию",
+            "value": "Значение"
+        }
+    },
+    "icon": {
+        "icon": "Иконка",
+        "select-icon": "Выбрать иконку",
+        "material-icons": "Иконки в стиле Material",
+        "show-all": "Показать все иконки"
+    },
+    "custom": {
+        "widget-action": {
+            "action-cell-button": "Кнопка действия в ячейке таблицы",
+            "row-click": "Действий при щелчке на строку",
+            "marker-click": "Действия при щелчке на маркер",
+            "polygon-click": "Действия при щелчке на полигон",
+            "tooltip-tag-action": "Действие при нажатии на ссылку в подсказке",
+            "node-selected": "Действий при выборе ноды",
+            "element-click": "Действий при щелчке на HTML элементе",
+            "pie-slice-click": "Действий при щелчке на секции круговой диаграммы",
+            "row-double-click": "Действий при двойном щелчке на строку"
+        }
+    },
+    "language": {
+        "language": "Язык"
+    }
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-tr_TR.json b/ui-ngx/src/assets/locale/locale.constant-tr_TR.json
new file mode 100644
index 0000000000..6a77df9127
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-tr_TR.json
@@ -0,0 +1,1596 @@
+{
+    "access": {
+        "unauthorized": "Yetkisiz",
+        "unauthorized-access": "Yetkisiz Erişim",
+        "unauthorized-access-text": "Bu kaynağa erişmek için giriş yapmalısınız!",
+        "access-forbidden": "Erişim Yasaklandı",
+        "access-forbidden-text": "Bu konuma erişim haklarınız yok! <br/> Bu yere hala erişmek istiyorsanız farklı kullanıcılarla oturum açmayı deneyin.",
+        "refresh-token-expired": "Oturum süresi doldu",
+        "refresh-token-failed": "Oturum yenilenemiyor"
+    },
+    "action": {
+        "activate": "Etkinleştir",
+        "suspend": "Askıya al",
+        "save": "Kaydet",
+        "saveAs": "Farklı Kaydet",
+        "cancel": "İptal",
+        "ok": "Tamam",
+        "delete": "Sil",
+        "add": "Ekle",
+        "yes": "Evet",
+        "no": "Hayır",
+        "update": "Güncelle",
+        "remove": "Kaldır",
+        "search": "Ara",
+        "clear-search": "Aramayı Temizle",
+        "assign": "Ata",
+        "unassign": "Atamayı kaldır",
+        "share": "Paylaş",
+        "make-private": "Özel yap",
+        "apply": "Uygula",
+        "apply-changes": "Değişiklikleri Uygula",
+        "edit-mode": "Düzenleme Modu",
+        "enter-edit-mode": "Düzenleme moduna gir",
+        "decline-changes": "Değişiklikleri reddet",
+        "close": "Kapat",
+        "back": "Geri",
+        "run": "Çalıştır",
+        "sign-in": "Giriş yap!",
+        "edit": "Düzenle",
+        "view": "Görüntüle",
+        "create": "Oluştur",
+        "drag": "Sürükle",
+        "refresh": "Yenile",
+        "undo": "Geri al",
+        "copy": "Kopyala",
+        "paste": "Yapıştır",
+        "copy-reference": "Referansı kopyala",
+        "paste-reference": "Referansı yapıştır",
+        "import": "İçe aktar",
+        "export": "Dışa aktar",
+        "share-via": "{{provider}} ile paylaş"
+    },
+    "aggregation": {
+        "aggregation": "Toplama",
+        "function": "Veri toplama işlevi",
+        "limit": "Maksimum değerler",
+        "group-interval": "Gruplama aralığı",
+        "min": "Min",
+        "max": "Maks",
+        "avg": "Ortalama",
+        "sum": "Toplam",
+        "count": "Sayı",
+        "none": "Yok"
+    },
+    "admin": {
+        "general": "Genel",
+        "general-settings": "Genel Ayarlar",
+        "outgoing-mail": "Giden Posta",
+        "outgoing-mail-settings": "Giden Posta Ayarları",
+        "system-settings": "Sistem Ayarları",
+        "test-mail-sent": "Test e-postası başarıyla gönderildi!",
+        "base-url": "Temel URL",
+        "base-url-required": "Temel URL gerekli.",
+        "mail-from": "Gönderen Kişi",
+        "mail-from-required": "Gönderen Kişi gerekli.",
+        "smtp-protocol": "SMTP protokolü",
+        "smtp-host": "SMTP sunucusu",
+        "smtp-host-required": "SMTP sunucusu gerekli.",
+        "smtp-port": "SMTP portu",
+        "smtp-port-required": "Bir SMTP portu sağlamalısınız.",
+        "smtp-port-invalid": "Bu geçerli bir smtp portu gibi görünmüyor.",
+        "timeout-msec": "Zaman aşımı (milisaniye)",
+        "timeout-required": "Zaman aşımı değeri gerekli.",
+        "timeout-invalid": "Bu geçerli bir zaman aşımı gibi görünmüyor.",
+        "enable-tls": "TLS'i etkinleştir.",
+        "tls-version" : "TLS sürümü",
+        "send-test-mail": "Test e-postası gönder"
+    },
+    "alarm": {
+        "alarm": "Alarm",
+        "alarms": "Alarmlar",
+        "select-alarm": "Alarm seç",
+        "no-alarms-matching": "'{{entity}}' ile eşleşen alarm bulunamadı.",
+        "alarm-required": "Alarm gerekli",
+        "alarm-status": "Alarm durumu",
+        "search-status": {
+            "ANY": "Herhangi biri",
+            "ACTIVE": "Aktif",
+            "CLEARED": "Temizlendi",
+            "ACK": "Onaylandı",
+            "UNACK": "Onaylanmadı"
+        },
+        "display-status": {
+            "ACTIVE_UNACK": "Aktif Onaylanmadı",
+            "ACTIVE_ACK": "Aktif Onaylandı",
+            "CLEARED_UNACK": "Temizlendi Onaylanmadı",
+            "CLEARED_ACK": "Temizlendi Onaylandı"
+        },
+        "no-alarms-prompt": "Alarm bulunamadı",
+        "created-time": "Oluşma zamanı",
+        "type": "Tip",
+        "severity": "Şiddet",
+        "originator": "Kaynak",
+        "originator-type": "Kaynak tipi",
+        "details": "Detaylar",
+        "status": "Durum",
+        "alarm-details": "Alarm detayları",
+        "start-time": "Başlangıç zamanı",
+        "end-time": "Bitiş zamanı",
+        "ack-time": "Onaylanma zamanı",
+        "clear-time": "Temizlenme zamanı",
+        "severity-critical": "Kritik",
+        "severity-major": "Birincil",
+        "severity-minor": "İkincil",
+        "severity-warning": "Uyarı",
+        "severity-indeterminate": "Belirsiz",
+        "acknowledge": "Onayla",
+        "clear": "Temizle",
+        "search": "Alarm ara",
+        "selected-alarms": "{ count, plural, 1 {1 alarm} other {# alarm} } seçildi",
+        "no-data": "Görüntülenecek veri bulunmuyor",
+        "polling-interval": "Alarm yoklama aralığı (saniye)",
+        "polling-interval-required": "Alarm yoklama aralığı gerekli.",
+        "min-polling-interval-message": "Alarm yoklama aralığı en az 1 saniye olmalıdır.",
+        "aknowledge-alarms-title": "{ count, plural, 1 {1 alarmı} other {# alarmı} } onayla",
+        "aknowledge-alarms-text": "{ count, plural, 1 {1 alarmı} other {# alarmı} } onaylamak istediğinize emin misiniz?",
+        "clear-alarms-title": "{ count, plural, 1 {1 alarmı} other {# alarmı} } temizle",
+        "clear-alarms-text": "{ count, plural, 1 {1 alarmı} other {# alarmı} } temizlemek istediğinize emin misiniz?"
+    },
+    "alias": {
+        "add": "Kısa ad ekle",
+        "edit": "Kısa ad düzenle",
+        "name": "Kısa ad",
+        "name-required": "Kısa ad gerekli",
+        "duplicate-alias": "Aynı kısa ad daha önce kullanılmış.",
+        "filter-type-single-entity": "Tek öğe",
+        "filter-type-entity-list": "Öğe listesi",
+        "filter-type-entity-name": "Öğe adı",
+        "filter-type-state-entity": "Kontrol panelinden öğe",
+        "filter-type-state-entity-description": "Kontrol tablosu durum parametrelerinden alınan öğeler",
+        "filter-type-asset-type": "Varlık türü",
+        "filter-type-asset-type-description": "'{{assetType}}' türünde varlıklar",
+        "filter-type-asset-type-and-name-description": "Adı '{{prefix}}' ile başlayan '{{assetType}}' türünde varlıklar",
+        "filter-type-device-type": "Aygıt türü",
+        "filter-type-device-type-description": "'{{deviceType}}' türünde aygıtlar",
+        "filter-type-device-type-and-name-description": "Adı '{{prefix}}' ile başlayan'{{deviceType}}' türünde aygıtlar",
+        "filter-type-relations-query": "İlişkiler sorgusu",
+        "filter-type-relations-query-description": "{{relationType}} türünde ilişkili olan varlıklar: {{entities}}. {{direction}}: {{rootEntity}}",
+        "filter-type-asset-search-query": "Varlık arama sorgusu",
+        "filter-type-asset-search-query-description": "{{relationType}} türünde ilişkisi olan varlıklar {{assetTypes}}. {{direction}}: {{rootEntity}}",
+        "filter-type-device-search-query": "Aygıt arama sorgusu",
+        "filter-type-device-search-query-description": "{{relationType}} türünde ilişkisi olan aygıt tipleri {{deviceTypes}}. {{direction}}: {{rootEntity}}",
+        "entity-filter": "Öğe filtresi",
+        "resolve-multiple": "Çoklu öğe olarak çözümle",
+        "filter-type": "Filtre tipi",
+        "filter-type-required": "Filtre tipi gerekli.",
+        "entity-filter-no-entity-matched": "Belirlenen filtre ile eşleşen bir öğe bulunamadı.",
+        "no-entity-filter-specified": "Hiçbir öğe filtresi belirtilmedi",
+        "root-state-entity": "Kontrol panelini kök olarak kullan",
+        "root-entity": "Kök öğe",
+        "state-entity-parameter-name": "Durum varlığı parametre adı",
+        "default-state-entity": "Varsayılan durum öğesi",
+        "default-entity-parameter-name": "Varsayılan",
+        "max-relation-level": "Maksimum ilişki düzeyi",
+        "unlimited-level": "Sınırsız seviye",
+        "state-entity": "Kontrol paneli öğesi",
+        "all-entities": "Tüm öğeler",
+        "any-relation": "Herhangi biri"
+    },
+    "asset": {
+        "asset": "Varlık",
+        "assets": "Varlıklar",
+        "management": "Varlık Yönetimi",
+        "view-assets": "Varlıkları Görüntüle",
+        "add": "Varlık ekle",
+        "assign-to-customer": "Kullanıcı grubuna ata",
+        "assign-asset-to-customer": "Varlıkları Kullanıcı Grubuna Ata",
+        "assign-asset-to-customer-text": "Lütfen kullanıcı grubuna atanacak varlıkları seçin",
+        "no-assets-text": "Varlık bulunamadı",
+        "assign-to-customer-text": "Lütfen varlıkları atamak için kullanıcı grubu seçin",
+        "public": "Açık",
+        "assignedToCustomer": "Kullanıcı grubuna atandı",
+        "make-public": "Varlığı açık hale getir",
+        "make-private": "Varlığı özel hale getir",
+        "unassign-from-customer": "Kullanıcı grubundan atamayı kaldır",
+        "delete": "Varlığı sil",
+        "asset-public": "Varlık açık halde",
+        "asset-type": "Varlık türü",
+        "asset-type-required": "Varlık türü gerekli.",
+        "select-asset-type": "Varlık türü seçin",
+        "enter-asset-type": "Varlık türü girin",
+        "any-asset": "Herhangi bir varlık",
+        "no-asset-types-matching": "'{{entitySubtype}}' ile eşleşen varlık bulunamadı.",
+        "asset-type-list-empty": "Herhangi bir varlık türü bulunamadı.",
+        "asset-types": "Varlık türleri",
+        "name": "İsim",
+        "name-required": "İsim gerekli.",
+        "description": "Açıklama",
+        "type": "Tür",
+        "type-required": "Tür gerekli.",
+        "details": "Detaylar",
+        "events": "Olaylar",
+        "add-asset-text": "Yeni varlık ekle",
+        "asset-details": "Varlık detayları",
+        "assign-assets": "Varlıkları ata",
+        "assign-assets-text": "{ count, plural, 1 {1 varlığı} other {# varlığı} } kullanıcı grubuna ata",
+        "delete-assets": "Varlıkları sil",
+        "unassign-assets": "Varlıkların atamalarını kaldır",
+        "unassign-assets-action-title": "{ count, plural, 1 {1 varlığın} other {# varlığın} } atamalarını kullanıcı grubundan kaldır",
+        "assign-new-asset": "Yeni varlık ata",
+        "delete-asset-title": "'{{assetName}}' isimli varlığı silmek istediğinize emin misiniz?",
+        "delete-asset-text": "UYARI: Onaylandıktan sonra varlık ve ilgili tüm veriler geri yüklenemeyecek şekilde silinecek.",
+        "delete-assets-title": "{ count, plural, 1 {1 varlığı} other {# varlığı} } silmek istediğinize emin misiniz?",
+        "delete-assets-action-title": "{ count, plural, 1 {1 varlığı} other {# varlığı} } sil",
+        "delete-assets-text": "UYARI: Onaylandıktan sonra tüm seçili varlıklar ver ilgili tüm veriler geri yüklenemyeck şekilde silinecek.",
+        "make-public-asset-title": "'{{assetName}}' isimli varlığı açık hale getirmek istediğinize emin misiniz?",
+        "make-public-asset-text": "Onaylandıktan sonra varlık ve ilgili veriler açık hale gelecek ve başkaları tarafından erişilebilir olacaktır.",
+        "make-private-asset-title": "'{{assetName}}' isimli varlığı özel hale getirmek istediğinize emin misiniz?",
+        "make-private-asset-text": "Onaylandıktan sonra varlık ve ilgili veriler özel hale gelecek ve başkaları tarafından erişilemez olacaktır.",
+        "unassign-asset-title": "'{{assetName}}' isimli varlığın atamasını kaldırmak istediğinize emin misiniz?",
+        "unassign-asset-text": "Onaylandıktan sonra varlığın ataması kaldırılacak ve kullanıcı grubu tarafından erişilemez olacaktır.",
+        "unassign-asset": "Varlık atamasını kaldır",
+        "unassign-assets-title": " { count, plural, 1 {1 varlık} other {# varlık} } atamasını kaldırmak istediğinize emin misiniz?",
+        "unassign-assets-text": "Onaylandıktan sonra tüm seçili varlıkların ataması kaldırılacak ve kullanıcı grubu tarafından erişilemez olacaktır.",
+        "copyId": "Varlık kimliğini kopyala",
+        "idCopiedMessage": "Varlık kimliği panoya kopyalandı",
+        "select-asset": "Varlık seç",
+        "no-assets-matching": "'{{entity}}' isimli varlık bulunamadı.",
+        "asset-required": "Varlık gerekli",
+        "name-starts-with": "... ile başlayan varlık adı",
+        "label": "Etiket"
+    },
+    "attribute": {
+        "attributes": "Öznitelikler",
+        "latest-telemetry": "Son telemetri",
+        "attributes-scope": "Varlık öznitelik kapsamı",
+        "scope-latest-telemetry": "Son telemetri",
+        "scope-client": "İstemci öznitelikler",
+        "scope-server": "Sunucu öznitelikler",
+        "scope-shared": "Paylaşılan öznitelikler",
+        "add": "Öznitelik ekle",
+        "key": "Anahtar",
+        "last-update-time": "Son güncelleme zamanı",
+        "key-required": "Öznitelik anahtarı gerekli.",
+        "value": "Değer",
+        "value-required": "Öznitelik değeri gerekli.",
+        "delete-attributes-title": "Silmek istediğinize emin misiniz { count, plural, 1 {1 öznitelik} other {# öznitelik} }?",
+        "delete-attributes-text": "UYARI: Onaylandıktan sonra tüm seçili öznitelikler kaldırılacak.",
+        "delete-attributes": "Öznitelikleri sil",
+        "enter-attribute-value": "Öznitelik değeri gir",
+        "show-on-widget": "Göstergede göster",
+        "widget-mode": "Gösterge modu",
+        "next-widget": "Sonraki gösterge",
+        "prev-widget": "Önceki gösterge",
+        "add-to-dashboard": "Kontrol paneline ekle",
+        "add-widget-to-dashboard": "Göstergeyi kontrol paneline ekle",
+        "selected-attributes": "{ count, plural, 1 {1 öznitelik} other {# öznitelik} } seçildi",
+        "selected-telemetry": "{ count, plural, 1 {1 telemetri birimi} other {# telemetri birimi} } seçildi"
+    },
+    "audit-log": {
+        "audit": "Log ve Hata Yönetimi",
+        "audit-logs": "Loglar ve Hatalar",
+        "timestamp": "Zaman",
+        "entity-type": "Kaynak",
+        "entity-name": "İsim",
+        "user": "Kullanıcı",
+        "type": "Tür",
+        "status": "Durum",
+        "details": "Detaylar",
+        "type-added": "Eklendi",
+        "type-deleted": "Silindi",
+        "type-updated": "Güncellendi",
+        "type-attributes-updated": "Özellikler güncellendi",
+        "type-attributes-deleted": "Özellikler silindi",
+        "type-rpc-call": "Uzaktan işlem çağrısı",
+        "type-credentials-updated": "Kimlik bilgileri güncellendi",
+        "type-assigned-to-customer": "Kullanıcı grubuna atandı",
+        "type-unassigned-from-customer": "Kullanıcı grubundan atama kaldırıldı",
+        "type-activated": "Etkinleştirildi",
+        "type-suspended": "Askıya alındı",
+        "type-credentials-read": "Kimlik bilgileri okundu",
+        "type-attributes-read": "Özellikler okundu",
+        "type-relation-add-or-update": "İlişki güncellendi",
+        "type-relation-delete": "İlişki silindi",
+        "type-relations-delete": "Tüm ilişki silindi",
+        "type-alarm-ack": "Kabul edilen",
+        "type-alarm-clear": "Temizlendi",
+        "status-success": "Başarılı",
+        "status-failure": "Başarısız",
+        "audit-log-details": "Log ve hata detayları",
+        "no-audit-logs-prompt": "Log ve hata bulunamadı",
+        "action-data": "Eylem verisi",
+        "failure-details": "Başarısız işlem detayları",
+        "search": "Hata ve Log Geçmişinde Ara",
+        "clear-search": "Aramayı temizle"
+    },
+    "confirm-on-exit": {
+        "message": "Kaydedilmemiş değişiklikler var. Sayfadan ayrılmak istediğinize emin misiniz?",
+        "html-message": "Kaydedilmemiş değişiklikler var.<br/>Sayfadan ayrılmak istediğinize emin misiniz?",
+        "title": "Kaydedilmemiş Değişiklikler"
+    },
+    "contact": {
+        "country": "Ülke",
+        "city": "Şehir",
+        "state": "Eyalet / İl",
+        "postal-code": "Posta Kodu",
+        "postal-code-invalid": "Geçersiz Posta Kodu.",
+        "address": "Addres",
+        "address2": "Addres 2",
+        "phone": "Telefon",
+        "email": "E-posta",
+        "no-address": "Adres yok"
+    },
+    "common": {
+        "username": "Kullanıcı adı",
+        "password": "Parola",
+        "enter-username": "Kullanıcı adı gir",
+        "enter-password": "Parola gir",
+        "enter-search": "Arama gir"
+    },
+    "content-type": {
+        "json": "Json",
+        "text": "Metin",
+        "binary": "İkili (Base64)"
+    },
+    "customer": {
+        "customer": "Kullanıcı Grubu",
+        "customers": "Kullanıcı Grupları",
+        "management": "Kullanıcı Grubu Yönetimi",
+        "dashboard": "Kullanıcı Grubu Kontrol Paneli",
+        "dashboards": "Kullanıcı Grubu Kontrol Panellleri",
+        "devices": "Kullanıcı Grubu Aygıtları",
+        "entity-views": "Müşteri Varlığı Görüntüleme Sayısı",
+        "assets": "Kullanıcı Grubu Varlıkları",
+        "public-dashboards": "Açık Kontrol Panelleri",
+        "public-devices": "Açık Aygıtlar",
+        "public-assets": "Açık Varlıklar",
+        "public-entity-views": "Kamu Varlık Görüntüleme Sayısı",
+        "add": "Kullanıcı grubu ekle",
+        "delete": "Kullanıcı grubunu sil",
+        "manage-customer-users": "Kullanıcı grubu kullanıcılarını yönet",
+        "manage-customer-devices": "Kullanıcı grubu aygıtlarını yönet",
+        "manage-customer-dashboards": "Kullanıcı grubu kontrol panellerini yönet",
+        "manage-public-devices": "Açık aygıtları yönet",
+        "manage-public-dashboards": "Açık kontrol panellerini yönet",
+        "manage-customer-assets": "Kullanıcı Grubu varlıklarını yönet",
+        "manage-public-assets": "Açık varlıkları yönet",
+        "add-customer-text": "Yeni Kullanıcı Grubu ekle",
+        "no-customers-text": "Kullanıcı Grubu bulunamadı",
+        "customer-details": "Kullanıcı Grubu detayları",
+        "delete-customer-title": "'{{customerTitle}}' isimli kullanıcı grubunu silmek istediğinize emin misiniz?",
+        "delete-customer-text": "UYARI: Onaylandıktan sonra kullanıcı grubu ve tüm ilişkili veriler geri yüklenemeyecek şekilde silinecek.",
+        "delete-customers-title": "{ count, plural, 1 {1 kullanıcı grubunu} other {# kullanıcı grubunu} } silmek istediğinize emin misiniz?",
+        "delete-customers-action-title": "{ count, plural, 1 {1 kullanıcı grubunu} other {# kullanıcı grubunu} } sil",
+        "delete-customers-text": "UYARI: Onaylandıktan sonra tüm seçili kullanıcı grupları ve ilişkili veriler geri yüklenemez şekilde silinecek.",
+        "manage-users": "Kullanıcıları yönet",
+        "manage-assets": "Varlıkları yönet",
+        "manage-devices": "Aygıtları yönet",
+        "manage-dashboards": "Kontrol panellerini yönet",
+        "title": "Başlık",
+        "title-required": "Başlık gerekli.",
+        "description": "Açıklama",
+        "details": "Detaylar",
+        "events": "Olaylar",
+        "copyId": "Kullanıcı kimliğini kopyala",
+        "idCopiedMessage": "Kullanıcı kimliği panoya kopyalandı",
+        "select-customer": "Kullanıcı grubunu seç",
+        "no-customers-matching": "'{{entity}}' ile eşleşen kullanıcı grubu bulunamadı.",
+        "customer-required": "Kullanıcı grubu gerekli",
+        "select-default-customer": "Varsayılan müşteriyi seç",
+        "default-customer": "Varsayılan müşteri",
+        "default-customer-required": "Kiracı düzeyinde gösterge tablosunda hata ayıklamak için varsayılan müşteri gerekiyor"
+    },
+    "datetime": {
+        "date-from": "Tarihinden",
+        "time-from": "Saatinden",
+        "date-to": "Tarihine",
+        "time-to": "Saatine"
+    },
+    "dashboard": {
+        "dashboard": "Kontrol Paneli",
+        "dashboards": "Kontrol Panelleri",
+        "management": "Kontrol Paneli Yönetimi",
+        "view-dashboards": "Kontrol Panellerini Görüntüle",
+        "add": "Kontrol Paneli Ekle",
+        "assign-dashboard-to-customer": "Kullanıcı Grubuna Kontrol Panel(ler)i Ata",
+        "assign-dashboard-to-customer-text": "Lütfen kullanıcı grubuna atanacak kontrol panellerini seçin",
+        "assign-to-customer-text": "Lütfen kontrol panel(ler)ini atayacak kullanıcı grubu seçin",
+        "assign-to-customer": "Kullanıcı grubuna ata",
+        "unassign-from-customer": "Kullanıcı grubundan atamayı kaldır",
+        "make-public": "Kontrol panelini açık hale getir",
+        "make-private": "Kontrol panelini özel hale getir",
+        "manage-assigned-customers": "Atanan müşterileri yönet",
+        "assigned-customers": "Atanan müşteriler",
+        "assign-to-customers": "Gösterge Tablosunu / Müşterilerini Müşterilere Atama",
+        "assign-to-customers-text": "Lütfen gösterge panosunu atamak için müşterileri seçin",
+        "unassign-from-customers": "Müşterilerden Gösterge Tablosunu (Notlarını) Atama",
+        "unassign-from-customers-text": "Lütfen gösterge tablosundan atamak için müşterileri seçin",
+        "no-dashboards-text": "Kontrol paneli bulunamadı",
+        "no-widgets": "Hiçbir gösterge yapılandırılmadı",
+        "add-widget": "Yeni gösterge ekle",
+        "title": "Başlık",
+        "select-widget-title": "Gösterge seç",
+        "select-widget-subtitle": "Kullanılabilir gösterge türleri listesi",
+        "delete": "Kontrol paneli sil",
+        "title-required": "Başlık gerekli.",
+        "description": "Açıklama",
+        "details": "Detaylar",
+        "dashboard-details": "Kontrol paneli detayları",
+        "add-dashboard-text": "Yeni kontrol paneli ekle",
+        "assign-dashboards": "Kontrol panelleri ata",
+        "assign-new-dashboard": "Yeni kontrol paneli ata",
+        "assign-dashboards-text": "{ count, plural, 1 {1 kontrol panelini} other {# kontrol panelini} } kullanıcı grubuna ata",
+        "unassign-dashboards-action-text": "Müşterilerden atama { count, plural, 1 {1 gösterge tablosu} other {# panolar} }",
+        "delete-dashboards": "Kontrol panellerini sil",
+        "unassign-dashboards": "Kontrol panellerinden atamayı kaldır",
+        "unassign-dashboards-action-title": "{ count, plural, 1 {1 kontrol panelinin} other {# kontrol panelinin} } atamaları kullanıcı grubundan kaldır",
+        "delete-dashboard-title": "'{{dashboardTitle}}' isimli kontrol panelini silmek istediğinize emin misiniz?",
+        "delete-dashboard-text": "UYARI: Onaylandıktan sonra kontrol paneli ve ilişkili verileri geri yüklenemez şekilde silinecek.",
+        "delete-dashboards-title": "{ count, plural, 1 {1 kontrol panelini} other {# kontrol panelini} } silmek istediğinize emin misiniz?",
+        "delete-dashboards-action-title": "{ count, plural, 1 {1 kontrol panelini} other {# kontrol panelini} } sil",
+        "delete-dashboards-text": "UYARI: Onaylandıktan sonra tüm seçili kontrol panelleri ve ilişkili verileri geri yüklenemez şekilde silinecek.",
+        "unassign-dashboard-title": "'{{dashboardTitle}}' isimli kontrol panelindeki atamayı kaldırmak istediğinize emin misiniz?",
+        "unassign-dashboard-text": "Onaylandıktan sonra kontrol panelinin ataması kaldırılacak ve kullanıcı grubu tarafından erişilemez hale gelecektir.",
+        "unassign-dashboard": "Kontrol panelinin ataması kaldır",
+        "unassign-dashboards-title": "{count, plural, 1 {1 kontrol panelindeki} other {# kontrol panelindeki} } atamayı kaldırmak istediğinize emin misiniz?",
+        "unassign-dashboards-text": "Onaylandıktan <sonra seçili kontrol panellerinin atamaları kaldırılacak ve kullanıcı grubu tarafından erişilemez hale gelecektir.",
+        "public-dashboard-title": "Kontrol paneli açık hale getirildi",
+        "public-dashboard-text": "Kontrol paneliniz <b>{{dashboardTitle}}</b> açık hale getirildi ve bu <a href='{{publicLink}}' target='_blank'>bağlantıdan</a> erişilebilir durumda",
+        "public-dashboard-notice": "<b>Not:</b> Kontrol panelinden tüm verilere erişebilmek adına ilişkili aygıtları da açık hale getirmeniz gerekmektedir.",
+        "make-private-dashboard-title": "'{{dashboardTitle}}' isimli kontrol panelini özel hale getirmek istediğinize emin misiniz?",
+        "make-private-dashboard-text": "Onaylandıktan sonra kontrol paneli özel hale getirilecek ve başkaları tarafından erişilemez olacak.",
+        "make-private-dashboard": "Kontrol panelini özel hale getir",
+        "socialshare-text": "'{{dashboardTitle}}'",
+        "socialshare-title": "'{{dashboardTitle}}'",
+        "select-dashboard": "Kontrol paneli seç",
+        "no-dashboards-matching": "'{{entity}}' ile eşleşen kontrol paneli bulunamadı.",
+        "dashboard-required": "Kontrol paneli gerekli.",
+        "select-existing": "Var olan bir kontrol paneli seç",
+        "create-new": "Yeni bir kontrol paneli oluştur",
+        "new-dashboard-title": "Yeni kontrol paneli başlığı",
+        "open-dashboard": "Kontrol panelini aç",
+        "set-background": "Arka plan belirle",
+        "background-color": "Arka plan rengi",
+        "background-image": "Arka plan resmi",
+        "background-size-mode": "Arka plan boyutu modu",
+        "no-image": "Hiçbir resim seçilmedi",
+        "drop-image": "Bir resim bırakın veya yüklenecek dosyayı seçmek için tıklayın.",
+        "settings": "Ayarlar",
+        "columns-count": "Kolon sayısı",
+        "columns-count-required": "Kolon sayısı gerekli.",
+        "min-columns-count-message": "Kolon sayısı en az 10 olabilir.",
+        "max-columns-count-message": "Kolon sayısı en fazla 1000 olabilir.",
+        "widgets-margins": "Göstergeler arasındaki aralık",
+        "horizontal-margin": "Yatay aralık",
+        "horizontal-margin-required": "Yatay aralık değeri gerekli.",
+        "min-horizontal-margin-message": "Yatay aralık değeri en az 0 olabilir.",
+        "max-horizontal-margin-message": "Yatay aralık değeri en fazla 50 olabilir.",
+        "vertical-margin": "Dikey aralık",
+        "vertical-margin-required": "Dikey aralık değeri gerekli.",
+        "min-vertical-margin-message": "Dikey aralık değeri en az 0 olabilir.",
+        "max-vertical-margin-message": "Dikey aralık değeri en fazla 50 olabilir.",
+        "autofill-height": "Otomatik doldurma düzeni yüksekliği",
+        "mobile-layout": "Mobil düzen ayarları",
+        "mobile-row-height": "Mobil satır yüksekliği, px",
+        "mobile-row-height-required": "Mobil satır yüksekliği değeri gerekli.",
+        "min-mobile-row-height-message": "Mobil satır yükseliği değeri en az 5 px olabilir.",
+        "max-mobile-row-height-message": "Mobil satır yükseliği değeri en çok 200 px olabilir.",
+        "display-title": "Kontrol paneli başlığını göster",
+        "toolbar-always-open": "Araç çubuğunu her zaman açık tut",
+        "title-color": "Başlık rengi",
+        "display-dashboards-selection": "Kontrol paneli seçimlerinş göster",
+        "display-entities-selection": "Varlık seçimlerini göster",
+        "display-dashboard-timewindow": "Zaman aralığını göster",
+        "display-dashboard-export": "Dışa aktar seçeneğini göster",
+        "import": "Kontrol panelini içe aktar",
+        "export": "Kontrol panelini dışa aktar",
+        "export-failed-error": "Kontrol paneli dışa aktarılamıyor: {{error}}",
+        "create-new-dashboard": "Yeni kontrol paneli oluştur",
+        "dashboard-file": "Kontrol paneli dosyası",
+        "invalid-dashboard-file-error": "Kontrol paneli içe aktarılamadı: Geçersiz kontrol paneli veri yapısı.",
+        "dashboard-import-missing-aliases-title": "İçe aktarılan kontrol paneli tarafından kullanılan aygıt kısa adlarını yapılandırın",
+        "create-new-widget": "Yeni gösterge oluştur",
+        "import-widget": "Göstergeyi içe aktar",
+        "widget-file": "Gösterge dosyası",
+        "invalid-widget-file-error": "Gösterge içe aktarılamadı: Geçersiz gösterge veri yapısı.",
+        "widget-import-missing-aliases-title": "İçe aktarılan gösterge tarafından kullanılan aygıt kısa adlarını yapılandırın",
+        "open-toolbar": "Kontrol paneli araç çubuğunu aç",
+        "close-toolbar": "Araç çubuğunu kapat",
+        "configuration-error": "Yapılandırma hatası",
+        "alias-resolution-error-title": "Kontro paneli kısa adları yapılandırma hatası",
+        "invalid-aliases-config": "Kısa ad filtresiyle eşleşen aygıt bulunamadı.<br/>",
+        "select-devices": "Aygıt seçin",
+        "assignedToCustomer": "Kullanıcı grubuna atandı",
+        "assignedToCustomers": "Kullanıcılara atandı",
+        "public": "Açık",
+        "public-link": "Açık bağlantı",
+        "copy-public-link": "Açık bağlantıyı kopyala",
+        "public-link-copied-message": "Kontrol paneli açık bağlantısı panoya kopyalandı",
+        "manage-states": "Kontrol paneli durumlarını yönet",
+        "states": "Kontrol paneli durumları",
+        "search-states": "Kontrol paneli durumu ara",
+        "selected-states": "{ count, plural, 1 {1 kontrol paneli durumu} other {# kontrol paneli durumu} } seçildi",
+        "edit-state": "Kontrol paneli durumu düzenle",
+        "delete-state": "Kontrol paneli durumunu sil",
+        "add-state": "Kontrol paneli durumu ekle",
+        "state": "Kontrol paneli durumu",
+        "state-name": "İsim",
+        "state-name-required": "Kontrol paneli durumu ismi gerekli.",
+        "state-id": "Durum Kimliği",
+        "state-id-required": "Kontrol paneli durum kimliği gerekli.",
+        "state-id-exists": "Aynı kimlikte bir kontrol paneli durumu mevcut.",
+        "is-root-state": "Kök durum",
+        "delete-state-title": "Kontrol paneli durumunu sil",
+        "delete-state-text": "'{{stateName}}' isimli kontrol paneli durumunu silmek istediğinize emin misiniz?",
+        "show-details": "Detayları göster",
+        "hide-details": "Detayları gizle",
+        "select-state": "Hedef durumu seç",
+        "state-controller": "Durum denetleyicisi"
+    },
+    "datakey": {
+        "settings": "Ayarlar",
+        "advanced": "İleri düzey",
+        "label": "Etiket",
+        "color": "Renk",
+        "units": "Değerin yanında göstermek için özel simge",
+        "decimals": "Noktadan sonraki basamak sayısı",
+        "data-generation-func": "Veri oluşturma fonksiyonu",
+        "use-data-post-processing-func": "Veri işleme sonrası fonksiyonunu kullanın",
+        "configuration": "Veri anahtarı yapılandırması",
+        "timeseries": "Zaman serisi",
+        "attributes": "Öznitelikler",
+        "alarm": "Alarm alanları",
+        "timeseries-required": "Zaman serisi öğesi gerekli.",
+        "timeseries-or-attributes-required": "Zaman serisi/öznitelikler öğesi gerekli.",
+        "maximum-timeseries-or-attributes": "Maksimum { count, plural, 1 {1 zamanserisi/öznitelik kabul edilir.} other {# zamanserisi/öznitelik kabul edilir} }",
+        "alarm-fields-required": "Alarm alanları gerekli.",
+        "function-types": "Fonksiyon türleri",
+        "function-types-required": "Fonksiyon türleri gerekli.",
+        "maximum-function-types": "Maksimum { count, plural, 1 {1 fonksiyon türü kabul edilir.} other {# fonksiyon türü kabul edilir} }"
+    },
+    "datasource": {
+        "type": "Veri kaynağı türü",
+        "name": "İsim",
+        "add-datasource-prompt": "Lütfen veri kaynağı ekleyin"
+    },
+    "details": {
+        "edit-mode": "Düzenleme modu",
+        "toggle-edit-mode": "Düzenleme modunu aç/kapat"
+    },
+    "device": {
+        "device": "Aygıt",
+        "device-required": "Aygıt gerekli.",
+        "devices": "Aygıtlar",
+        "management": "Aygıt Yönetimi",
+        "view-devices": "Aygıtları görüntüle",
+        "device-alias": "Aygıt kısa adı",
+        "aliases": "Aygıt kısa adları",
+        "no-alias-matching": "'{{alias}}' bulunamadı.",
+        "no-aliases-found": "Hiçbir kısa ad bulunamadı.",
+        "no-key-matching": "'{{key}}' bulunamadı.",
+        "no-keys-found": "Hiçbir anahtar bulunamadı.",
+        "create-new-alias": "Yeni bir tane oluştur!",
+        "create-new-key": "Yeni bir tane oluştur!",
+        "duplicate-alias-error": "'{{alias}}' daha önce kaydedilmiş.<br>Aygıt kısa adları kontrol paneli özelinde emsalsiz olmalıdır.",
+        "configure-alias": "'{{alias}}' kısa adını yapılandırın",
+        "no-devices-matching": "'{{entity}}' ile eşleşen aygıt bulunamadı.",
+        "alias": "Kısa ad",
+        "alias-required": "Aygıt kısa adı gerekli.",
+        "remove-alias": "Aygıt kısa adını kaldır",
+        "add-alias": "Aygıt kısa adı ekle",
+        "name-starts-with": "... ile başlayan aygıt adı",
+        "device-list": "Aygıt listesi",
+        "use-device-name-filter": "Filtre kullan",
+        "device-list-empty": "Hiçbir aygıt seçilmedi.",
+        "device-name-filter-required": "Aygıt adı filtresi gerekli.",
+        "device-name-filter-no-device-matched": "'{{device}}' ile başlayan herhangi bir aygıt bulunamadı.",
+        "add": "Aygıt ekle",
+        "assign-to-customer": "Kullanıcı grubuna ata",
+        "assign-device-to-customer": "Aygıt(lar)ı Kullanıcı Grubuna Ata",
+        "assign-device-to-customer-text": "Lütfen kullanıcı grubuna atanacak aygıtları seçin",
+        "make-public": "Aygıtı açık hale getir",
+        "make-private": "Aygıtı gizli hale getir",
+        "no-devices-text": "Hiçbir aygıt bulunamadı",
+        "assign-to-customer-text": "Lütfen aygıt(lar)ı atayacak kullanıcı grubu seçin",
+        "device-details": "Aygıt detayları",
+        "add-device-text": "Yeni aygıt ekle",
+        "credentials": "Kimlik bilgileri",
+        "manage-credentials": "Kimlik bilgilerini yönet",
+        "delete": "Aygıt sil",
+        "assign-devices": "Aygıt ata",
+        "assign-devices-text": "{ count, plural, 1 {1 aygıtı} other {# aygıtı} } kullanıcı grubuna ata",
+        "delete-devices": "Aygıtları sil",
+        "unassign-from-customer": "Kullanıcı Grubundan atamayı kaldır",
+        "unassign-devices": "Aygıtlardan atamayı kaldır",
+        "unassign-devices-action-title": "{ count, plural, 1 {1 aygıtın} other {# aygıtın} } atamasını kullanıcı grubundan kaldır",
+        "assign-new-device": "Yeni aygıt ata",
+        "make-public-device-title": "'{{deviceName}}' isimli aygıtı açık hale getirmek istediğinizden emin misiniz?",
+        "make-public-device-text": "Onaylandıktan sonra aygıt ve verileri açık hale getirilecek ve diğerleri tarafından erişilebilir olacak.",
+        "make-private-device-title": "'{{deviceName}}' isimli aygıtı gizli hale getirmek istediğinizden emin misiniz?",
+        "make-private-device-text": "Onaylandıktan sonra aygıt ve verileri gizli hale getirilecek ve diğerleri tarafından erişilemez olacak.",
+        "view-credentials": "Kimlik bilgilerini görüntüle",
+        "delete-device-title": "'{{deviceName}}' isimli aygıtı silmek istediğinize emin misiniz?",
+        "delete-device-text": "UYARI: Onaylandıktan sonra aygıt ve ilişkili verileri geri yüklenemez şekilde silinecek.",
+        "delete-devices-title": "{ count, plural, 1 {1 aygıtı} other {# aygıtı} } silmek istediğinize emin misiniz?",
+        "delete-devices-action-title": "{ count, plural, 1 {1 aygıtı} other {# aygıtı} } sil",
+        "delete-devices-text": "UYARI: Onaylandıktan sonra tüm seçili aygıtlar ve ilişkili verileri geri yüklenemez şekilde silinecek.",
+        "unassign-device-title": "'{{deviceName}}' isimli aygıtın atamasını kaldırmak istediğinize emin misiniz?",
+        "unassign-device-text": "Onaylandıktan sonra aygıtın ataması kaldırılacak ve kullanıcı grubu tarafından erişilemez olacak.",
+        "unassign-device": "Aygıt atamasını kaldır",
+        "unassign-devices-title": "{ count, plural, 1 {1 aygıtın} other {# aygıtın} } atamasını kaldırmak istediğinize emin misiniz?",
+        "unassign-devices-text": "Onaylandıktan sonra seçili aygıtların atamaları kaldırılacak ve kullanıcı grubu tarafından erişilemez olacak.",
+        "device-credentials": "Aygıt Kimlik Bilgileri",
+        "credentials-type": "Kimlik Bilgi Türü",
+        "access-token": "Erişim şifresi",
+        "access-token-required": "Erişim şifresi gerekli.",
+        "access-token-invalid": "Erişim şifresi uzunluğu 1 ile 20 karakter arasında olmalıdır.",
+        "rsa-key": "RSA açık anahtarı",
+        "rsa-key-required": "RSA açık anahtarı gerekli.",
+        "secret": "Secret",
+        "secret-required": "Secret gerekli.",
+        "device-type": "Aygıt Türü",
+        "device-type-required": "Aygıt türü gereli.",
+        "select-device-type": "Aygıt türü seç",
+        "enter-device-type": "Aygıt türü gir",
+        "any-device": "Herhangi bir aygıt",
+        "no-device-types-matching": "'{{entitySubtype}}' ile eşleşen aygıt türü bulunamadı.",
+        "device-type-list-empty": "Hiçbir aygıt türü seçilmedi.",
+        "device-types": "Aygıt türleri",
+        "name": "İsim",
+        "name-required": "İsim gerekli.",
+        "description": "Açıklama",
+        "events": "Olaylar",
+        "details": "Detaylar",
+        "copyId": "Aygıt kimliğini kopyala",
+        "copyAccessToken": "Erişim şifresini kopyala",
+        "idCopiedMessage": "Aygıt kimliği panoya kopyalandı.",
+        "accessTokenCopiedMessage": "Aygıt erişim şifresi panoya kopyalandı",
+        "assignedToCustomer": "Kullanıcı Grubuna atandı",
+        "unable-delete-device-alias-title": "Aygıt kısa adı silinemedi",
+        "unable-delete-device-alias-text": "Aygıt kısa adı('{{deviceAlias}}'), şu göstergeler tarafından kullanıldığı için silinemedi:<br/>{{widgetsList}}",
+        "is-gateway": "Ağ geçidi mi?",
+        "public": "Açık",
+        "device-public": "Aygıt açık",
+        "select-device": "Aygıt seç"
+    },
+    "dialog": {
+        "close": "Kapat"
+    },
+    "error": {
+        "unable-to-connect": "Sunucuya bağlanamadı! Lütfen internet bağlantınızı kontrol edin.",
+        "unhandled-error-code": "İşlenmeyen hata koud: {{errorCode}}",
+        "unknown-error": "Bilinmeyen hata"
+    },
+    "entity": {
+        "entity": "Öğe",
+        "entities": "Öğeler",
+        "aliases": "Öğe kısa adları",
+        "entity-alias": "Öğe kısa adı",
+        "unable-delete-entity-alias-title": "Öğe kısa adı silinemedi",
+        "unable-delete-entity-alias-text": "Öğe kısa adı('{{entityAlias}}'), şu göstergeler tarafından kullanıldığı için silinemiyor:<br/>{{widgetsList}}",
+        "duplicate-alias-error": "'{{alias}}' daha önce kaydedilmiş.<br>Öğe kısa adları kontrol paneli özelinde emsalsiz olmalı.",
+        "missing-entity-filter-error": "'{{alias}}' için filtre bulunmuyor.",
+        "configure-alias": "'{{alias}}' kısa adını yapılandır",
+        "alias": "Kısa ad",
+        "alias-required": "Öğe kısa adı gerekli.",
+        "remove-alias": "Öğe kısa adını kaldır",
+        "add-alias": "Öğe kısa adı ekle",
+        "entity-list": "Öğe listesi",
+        "entity-type": "Öğe türü",
+        "entity-types": "Öğe türleri",
+        "entity-type-list": "Öğe türü listesi",
+        "any-entity": "Herhangi bir öğe",
+        "enter-entity-type": "Öğe türü girin",
+        "no-entities-matching": "'{{entity}}' ile eşleşen öğe bulunamadı.",
+        "no-entity-types-matching": "'{{entityType}}' ile eşleşen öğe türü bulunamadı.",
+        "name-starts-with": "... ile başlayan isim",
+        "use-entity-name-filter": "Filtre kullan",
+        "entity-list-empty": "Hiçbir öğe seçilmedi.",
+        "entity-type-list-empty": "Hiçbir öğe türü seçilmedi.",
+        "entity-name-filter-required": "Öğe ismi filtresi gerekli.",
+        "entity-name-filter-no-entity-matched": "'{{entity}}' ile başlayan hiçbir öğe bulunamadı.",
+        "all-subtypes": "Tümü",
+        "select-entities": "Öğeleri seç",
+        "no-aliases-found": "Hiçbir kısa ad bulunamadı.",
+        "no-alias-matching": "'{{alias}}' bulunamadı.",
+        "create-new-alias": "Yeni bir tane oluştur!",
+        "key": "Anahtar",
+        "key-name": "Anahtar adı",
+        "no-keys-found": "Hiçbir anahtar bulunamadı.",
+        "no-key-matching": "'{{key}}' bulunamadı.",
+        "create-new-key": "Yeni bir tane oluştur!",
+        "type": "Tür",
+        "type-required": "Öğe türü gerekli.",
+        "type-device": "Aygıt",
+        "type-devices": "Aygıtlar",
+        "list-of-devices": "{ count, plural, 1 {Bir aygıt} other {# Aygıtın Listesi} }",
+        "device-name-starts-with": "İsimleri '{{prefix}}' ile başlayan aygıtlar",
+        "type-asset": "Varlık",
+        "type-assets": "Varlıklar",
+        "list-of-assets": "{ count, plural, 1 {Bir varlık} other {# Varlığın Listesi} }",
+        "asset-name-starts-with": "İsmi '{{prefix}}' ile başlayan varlıklar",
+        "type-entity-view": "Varlık Görünümü",
+        "type-entity-views": "Varlık Görünümleri",
+        "list-of-entity-views": "{ count, plural, 1 {Bir varlık görünümü} other {# varlık görüntüleme} } listesi",
+        "entity-view-name-starts-with": "Adı {{önek}} ile başlayan varlık görünümleri",
+        "type-rule": "Kural",
+        "type-rules": "Kurallar",
+        "list-of-rules": "{ count, plural, 1 {Bir kural} other {# Kuralın Listesi} }",
+        "rule-name-starts-with": "İsmi '{{prefix}}' ile başlayan kurallar",
+        "type-plugin": "Eklenti",
+        "type-plugins": "Eklentiler",
+        "list-of-plugins": "{ count, plural, 1 {Bir eklenti} other {# Eklentinin Listesi} }",
+        "plugin-name-starts-with": "İsmi '{{prefix}}' ile başlayan eklentiler",
+        "type-tenant": "Tenant",
+        "type-tenants": "Tenantlar",
+        "list-of-tenants": "{ count, plural, 1 {Bir tenant} other {# Tenantın Listesi} }",
+        "tenant-name-starts-with": "İsmi '{{prefix}}' ile başlayan tenantlar",
+        "type-customer": "Kullanıcı Grubu",
+        "type-customers": "Kullanıcı Grupları",
+        "list-of-customers": "{ count, plural, 1 {Bir Kullanıcı Grubu} other {# Kullanıcı Grupları} }",
+        "customer-name-starts-with": "İsmi '{{prefix}}' ile başlayan Kullanıcı Grupları",
+        "type-user": "Kullanıcı",
+        "type-users": "Kullanıcılar",
+        "list-of-users": "{ count, plural, 1 {Bir kullanıcı} other {# Kullanıcının Listesi} }",
+        "user-name-starts-with": "İsmi '{{prefix}}' ile başlayan kullanıcılar",
+        "type-dashboard": "Kontrol paneli",
+        "type-dashboards": "Kontrol panelleri",
+        "list-of-dashboards": "{ count, plural, 1 {Bir kontrol paneli} other {# Kontrol Panelinin Listesi} }",
+        "dashboard-name-starts-with": "İsmi '{{prefix}}' ile başlayan kontrol panelleri",
+        "type-alarm": "Alarm",
+        "type-alarms": "Alarmlar",
+        "list-of-alarms": "{ count, plural, 1 {Bir alarm} other {# Alarmın Listesi} }",
+        "alarm-name-starts-with": "İsmi '{{prefix}}' ile başlayan alarmlar",
+        "type-rulechain": "Kural zinciri",
+        "type-rulechains": "Kural zincirleri",
+        "list-of-rulechains": "{ count, plural, 1 {Bir kural zinciri} other {# kural zincirinin listesi} }",
+        "rulechain-name-starts-with": "İsimleri {{prefix}} ile başlayan kural zincirleri",
+        "type-rulenode": "Kural düğümü",
+        "type-rulenodes": "Kural düğümleri",
+        "list-of-rulenodes": "{ count, plural, 1 {Bir kural node} other {# kural düğümünün listesi} }",
+        "rulenode-name-starts-with": "İsimleri '{{prefix}} ile başlayan kural düğümleri",
+        "type-current-customer": "Mevcut Müşteri",
+        "search": "Öğeleri ara",
+        "selected-entities": "{ count, plural, 1 {1 öğe} other {# öğe} } seçildi",
+        "entity-name": "Öğe adı",
+        "details": "Öğe detayları",
+        "no-entities-prompt": "Hiçbir öğe bulunamadı",
+        "no-data": "Görüntülenecek veri yok"
+    },
+    "entity-view": {
+        "entity-view": "Varlık Görünümü",
+        "entity-views": "Varlık Görünümleri",
+        "management": "Varlık Görünümü yönetimi",
+        "view-entity-views": "Varlık Görünümlerini Görüntüle",
+        "entity-view-alias": "Varlık Görünümü takma adı",
+        "aliases": "Varlık Görünümü takma adları",
+        "no-alias-matching": "'{{alias}} bulunamadı. ",
+        "no-aliases-found": "Takma ad bulunamadı",
+        "no-key-matching": "'{{key}}' anahtar bulunamadı.",
+        "no-keys-found": "Anahtar bulunamadı.",
+        "create-new-alias": "Yeni bir tane oluştur!",
+        "create-new-key": "Yeni bir tane oluştur!",
+        "duplicate-alias-error": "Yinelenen takma ad bulundu {{alias}} '.. Entity View diğer adlar, gösterge panosunda benzersiz olmalıdır. ",
+        "configure-alias": "Yapılandırma {{alias}} takma ad",
+        "no-entity-views-matching": "{{entity}} ile eşleşen hiçbir varlık yorumu bulunamadı. ",
+        "alias": "Alias",
+        "alias-required": "Varlık Görünümü takma adı gerekiyor.",
+        "remove-alias": "Varlık görünümü takma adını kaldır",
+        "add-alias": "Varlık görünümü takma adı ekle",
+        "name-starts-with": "Varlık Görünümü adı ile başlıyor",
+        "entity-view-list": "Varlık Görünümü listesi",
+        "use-entity-view-name-filter": "Filtre kullan",
+        "entity-view-list-empty": "Hiçbir varlık görüşü seçilmedi.",
+        "entity-view-name-filter-required": "Varlık görünüm adı filtresi gerekli.",
+        "entity-view-name-filter-no-entity-view-matched": "{{entityView}} ile başlayan hiçbir varlık sayısı bulunamadı.",
+        "add": "Varlık Görünümü Ekle",
+        "assign-to-customer": "Müşteriye atama",
+        "assign-entity-view-to-customer": "Varlık Görünümlerini Müşteriye Atama",
+        "assign-entity-view-to-customer-text": "Lütfen müşteriye atamak için varlık görünümlerini seçin",
+        "no-entity-views-text": "Varlık görüşü bulunamadı",
+        "assign-to-customer-text": "Lütfen varlık görünümlerini atamak için müşteriyi seçin",
+        "entity-view-details": "Varlık görünümü ayrıntıları",
+        "add-entity-view-text": "Yeni varlık görünümü ekle",
+        "delete": "Varlık görünümünü sil",
+        "assign-entity-views": "Varlık görünümleri atama",
+        "assign-entity-views-text": "Müşteriye { count, plural, 1 {1 entityView} other {# entityViews} } atayın ",
+        "delete-entity-views": "Varlık görünümlerini sil",
+        "unassign-from-customer": "Müşteriden atama",
+        "unassign-entity-views": "Varlık görünümlerini atama",
+        "unassign-entity-views-action-title": "Müşteriden atama { count, plural, 1 {1 entityView} other {# entityViews} }",
+        "assign-new-entity-view": "Yeni varlık görünümü atama",
+        "delete-entity-view-title": "Varlık görünümünü silmek istediğinizden emin misiniz?, {{entityViewName}} '? ",
+        "delete-entity-view-text": "Dikkatli olun, onaylandıktan sonra varlık görünümü ve ilgili tüm veriler kurtarılamayacak.",
+        "delete-entity-views-title": "{ count, plural, 1 {1 entityView} other {# entityViews} } varlık görünümüne sahip olmak istediğinizden emin misiniz?",
+        "delete-entity-views-action-title": "Sil { count, plural, 1 {1 entityView} other {# entityViews} }",
+        "delete-entity-views-text": "Dikkatli olun, onaylandıktan sonra tüm seçilen görünümler kaldırılacak ve ilgili tüm veriler kurtarılamayacaktır.",
+        "unassign-entity-view-title": "Varlık görünümünün atamasını kaldırmak istediğinizden emin misiniz? {{entityViewName}} '? ",
+        "unassign-entity-view-text": "Onaydan sonra varlık görünümü atanmamış olacak ve müşteri tarafından erişilemeyecektir.",
+        "unassign-entity-view": "Varlık görünümünün atamasını kaldır",
+        "unassign-entity-views-title": "{ count, plural, 1 {1 entityView} other {# entityViews} } hesabının atamasını kaldırmak istediğinizden emin misiniz?",
+        "unassign-entity-views-text": "Onaylandıktan sonra, seçilen tüm öğe görünümleri atamadan kaldırılacak ve müşteri tarafından erişilemeyecektir.",
+        "entity-view-type": "Varlık Görünümü türü",
+        "entity-view-type-required": "Varlık Görünümü türü gerekli.",
+        "select-entity-view-type": "Varlık görüntüleme türünü seç",
+        "enter-entity-view-type": "Varlık görüntüleme türünü girin",
+        "any-entity-view": "Herhangi bir varlık görünümü",
+        "no-entity-view-types-matching": "{{entitySubtype}} ile eşleşen hiçbir varlık görüntüleme türü bulunamadı. ",
+        "entity-view-type-list-empty": "Hiçbir varlık görünümü türü seçilmemiş.",
+        "entity-view-types": "Varlık Görünümü türleri",
+        "name": "Ad",
+        "name-required": "İsim gerekli.",
+        "description": "Açıklama",
+        "events": "Etkinlikler",
+        "details": "Ayrıntılar",
+        "copyId": "Varlık görüntüleme kimliğini kopyala",
+        "assignedToCustomer": "Müşteriye atandı",
+        "unable-entity-view-device-alias-title": "Varlık görünümü takma adı silinemiyor",
+        "unable-entity-view-device-alias-text": "Cihaz takma adı {{entityViewAlias}} ', aşağıdaki widget (lar) tarafından kullanıldığı şekliyle silinemez: <br/> {{widgetsList}} ",
+        "select-entity-view": "Varlık görünümünü seç",
+        "make-public": "Varlığı herkese görünür yap",
+        "start-ts": "Ts",
+        "end-ts": "End ts"
+    },
+    "event": {
+        "event-type": "Olay türü",
+        "type-error": "Hata",
+        "type-lc-event": "Yaşam döngüsü olayı",
+        "type-stats": "İstatistikler",
+        "type-debug-rule-node": "Hata ayıklama",
+        "type-debug-rule-chain": "Hata ayıklama",
+        "no-events-prompt": "Hiçbir olay bulunamadı",
+        "error": "Hata",
+        "alarm": "Alarm",
+        "event-time": "Olay zamanı",
+        "server": "Sunucu",
+        "body": "İçerik //(Body)",
+        "method": "Yöntem",
+        "type": "Tür",
+        "entity": "Varlık",
+        "message-id": "Mesaj Kimliği",
+        "message-type": "Mesaj tipi",
+        "data-type": "Veri tipi",
+        "relation-type": "İlişki Türü",
+        "metadata": "Meta veri",
+        "data": "Veri",
+        "event": "Olay",
+        "status": "Durum",
+        "success": "Başarı",
+        "failed": "Başarısız oldu",
+        "messages-processed": "Mesajlar işlendi",
+        "errors-occurred": "Hatalar oluştu"
+    },
+    "extension": {
+        "extensions": "Uzantılar",
+        "selected-extensions": "{ count, plural, 1 {1 uzantı} other {# extensions} } seçildi",
+        "type": "Tür",
+        "key": "Anahtar",
+        "value": "Değer",
+        "id": "İD",
+        "extension-id": "Uzantı kimliği",
+        "extension-type": "Uzatma tipi",
+        "transformer-json": "JSON *",
+        "unique-id-required": "Mevcut uzantı kimliği zaten mevcut.",
+        "delete": "Uzantıyı sil",
+        "add": "Uzantı eklemek",
+        "edit": "Uzantıyı düzenle",
+        "delete-extension-title": "{{ExtensionId}} uzantısını silmek istediğinizden emin misiniz? ",
+        "delete-extension-text": "Dikkatli olun, onaylamadan sonra uzantı ve ilgili tüm veriler kurtarılamaz.",
+        "delete-extensions-title": "{ count, plural, 1 {1 uzantı} other {# extensions} } silmek istediğinizden emin misiniz?",
+        "delete-extensions-text": "Dikkatli olun, onaylandıktan sonra tüm seçilen uzantılar kaldırılacak.",
+        "converters": "Dönüştürücü",
+        "converter-id": "Dönüştürücü kimliği",
+        "configuration": "Yapılandırma",
+        "converter-configurations": "Dönüştürücü yapılandırmaları",
+        "token": "Güvenlik belirteci",
+        "add-converter": "Dönüştürücü ekle",
+        "add-config": "Dönüştürücü yapılandırması ekle",
+        "device-name-expression": "Cihaz adı ifadesi",
+        "device-type-expression": "Cihaz tipi ifadesi",
+        "custom": "Özel",
+        "to-double": "Çifte",
+        "transformer": "Transformer",
+        "json-required": "Trafo jsonu gerekli.",
+        "json-parse": "Trafo json ayrıştırılamıyor.",
+        "attributes": "Öznitellikler",
+        "add-attribute": "Özellik ekle",
+        "add-map": "Eşleme elemanı ekle",
+        "timeseries": "Zaman serisi",
+        "add-timeseries": "Zaman çizelgeleri ekle",
+        "field-required": "Alan gereklidir",
+        "brokers": "Komisyoncular",
+        "add-broker": "Broker ekle",
+        "host": "Host",
+        "port": "Liman",
+        "port-range": "Liman 1'den 65535'e kadar olmalıdır.",
+        "ssl": "SSL",
+        "credentials": "Kimlik bilgileri",
+        "username": "Kullanıcı adı",
+        "password": "Parola",
+        "retry-interval": "Milisaniye cinsinden tekrar deneme aralığı",
+        "anonymous": "Anonim",
+        "basic": "Temel",
+        "pem": "PEM",
+        "ca-cert": "CA sertifika dosyası *",
+        "private-key": "Özel anahtar dosya *",
+        "cert": "Sertifika dosyası *",
+        "no-file": "Dosya seçilmedi.",
+        "drop-file": "Bir dosya bırakın veya yüklenecek bir dosya seçmek için tıklayın.",
+        "mapping": "Mapping",
+        "topic-filter": "Konu filtresi",
+        "converter-type": "Dönüştürücü tipi",
+        "converter-json": "Json",
+        "json-name-expression": "Cihaz adı json ifadesi",
+        "topic-name-expression": "Cihaz adı konu ifadesi",
+        "json-type-expression": "Cihaz tipi json ifadesi",
+        "topic-type-expression": "Cihaz tipi konu ifadesi",
+        "attribute-key-expression": "Öznitelik anahtar ifadesi",
+        "attr-json-key-expression": "Öznitelik anahtar json ifadesi",
+        "attr-topic-key-expression": "Öznitelik anahtar konu ifadesi",
+        "request-id-expression": "Kimlik ifadesi iste",
+        "request-id-json-expression": "Kimlik json ifadesi iste",
+        "request-id-topic-expression": "Kimlik konu ifadesini isteyin",
+        "response-topic-expression": "Yanıt konusu ifadesi",
+        "value-expression": "Değer ifadesi",
+        "topic": "Konu",
+        "timeout": "Zaman aşımı milisaniye cinsinden",
+        "converter-json-required": "Dönüştürücü json gerekli.",
+        "converter-json-parse": "Dönüştürücü json ayrıştırılamıyor.",
+        "filter-expression": "Filtre ifadesi",
+        "connect-requests": "İstekleri bağla",
+        "add-connect-request": "Bağlantı talebi ekle",
+        "disconnect-requests": "İstekleri kes",
+        "add-disconnect-request": "Bağlantıyı kes isteği ekle",
+        "attribute-requests": "Özellik istekleri",
+        "add-attribute-request": "Özellik isteği ekle",
+        "attribute-updates": "Öznitelik güncellemeleri",
+        "add-attribute-update": "Özellik güncellemesi ekle",
+        "server-side-rpc": "Sunucu tarafı RPC",
+        "add-server-side-rpc-request": "Sunucu tarafı RPC isteği ekle",
+        "device-name-filter": "Cihaz adı filtresi",
+        "attribute-filter": "Özellik filtresi",
+        "method-filter": "Yöntem filtresi",
+        "request-topic-expression": "Konu ifadesi iste",
+        "response-timeout": "Milisaniye cinsinden yanıt zaman aşımı",
+        "topic-expression": "Konu ifadesi",
+        "client-scope": "Müşteri kapsamı",
+        "add-device": "Cihaz ekle",
+        "opc-server": "Sunucular",
+        "opc-add-server": "Sunucu ekle",
+        "opc-add-server-prompt": "Lütfen sunucu ekle",
+        "opc-application-name": "Uygulama Adı",
+        "opc-application-uri": "Uygulama uri",
+        "opc-scan-period-in-seconds": "Saniyeler içinde tarama süresi",
+        "opc-security": "Güvenlik",
+        "opc-identity": "Kimlik",
+        "opc-keystore": "Keystore",
+        "opc-type": "Tür",
+        "opc-keystore-type": "Tür",
+        "opc-keystore-location": "Yer *",
+        "opc-keystore-password": "Parola",
+        "opc-keystore-alias": "Alias",
+        "opc-keystore-key-password": "Anahtar şifre",
+        "opc-device-node-pattern": "Cihaz düğümü modeli",
+        "opc-device-name-pattern": "Cihaz adı deseni",
+        "modbus-server": "Sunucular / köle",
+        "modbus-add-server": "Sunucu ekle / köle",
+        "modbus-add-server-prompt": "Lütfen sunucu / slave ekle",
+        "modbus-transport": "Taşıma",
+        "modbus-port-name": "Seri port adı",
+        "modbus-encoding": "Kodlama",
+        "modbus-parity": "Parite",
+        "modbus-baudrate": "Baud hızı",
+        "modbus-databits": "Veri bitleri",
+        "modbus-stopbits": "Bitleri durdur",
+        "modbus-databits-range": "Veri bitleri 7 ila 8 arasında olmalıdır",
+        "modbus-stopbits-range": "Durma bitleri 1'den 2'ye kadar olmalıdır.",
+        "modbus-unit-id": "Birim Kimliği",
+        "modbus-unit-id-range": "Birim numarası 1 ile 247 arasında olmalıdır.",
+        "modbus-device-name": "Cihaz adı",
+        "modbus-poll-period": "Anket dönemi (ms)",
+        "modbus-attributes-poll-period": "Nitelikler yoklama süresi (ms)",
+        "modbus-timeseries-poll-period": "Timeseries anket süresi (ms)",
+        "modbus-poll-period-range": "Anket dönemi pozitif değer olmalı",
+        "modbus-tag": "Etiket",
+        "modbus-function": "İşlev",
+        "modbus-register-address": "Kayıt adresi",
+        "modbus-register-address-range": "Kayıt adresi 0 ile 65535 arasında olmalıdır.",
+        "modbus-register-bit-index": "Bit endeksi",
+        "modbus-register-bit-index-range": "Bit endeksi 0 ile 15 arasında olmalıdır",
+        "modbus-register-count": "Kayıt sayısı",
+        "modbus-register-count-range": "Kayıt sayısı pozitif bir değer olmalıdır.",
+        "modbus-byte-order": "Bayt sırası",
+        "sync": {
+            "status": "Durum",
+            "sync": "Senkronizasyon",
+            "not-sync": "Eşitleme",
+            "last-sync-time": "Son senkronizasyon zamanı",
+            "not-available": "Müsait değil"
+        },
+        "export-extensions-configuration": "İhracat uzantıları yapılandırması",
+        "import-extensions-configuration": "Uzantılarını içe aktarma yapılandırması",
+        "import-extensions": "Uzantıları içe aktar",
+        "import-extension": "Uzantı içe aktar",
+        "export-extension": "İhracat uzantısı",
+        "file": "Uzantılar dosyası",
+        "invalid-file-error": "Geçersiz uzantı dosyası"
+    },
+    "fullscreen": {
+        "expand": "Tam ekran yap",
+        "exit": "Tam ekrandan çık",
+        "toggle": "Tam ekran modu aç/kapat",
+        "fullscreen": "Tam ekran"
+    },
+    "function": {
+        "function": "Fonksiyon"
+    },
+    "grid": {
+        "delete-item-title": "Bu öğeyi silmek istediğinizden emin misiniz?",
+        "delete-item-text": "UYARI: Onayladıktan sonra bu öğe ve ilişkili tüm verileri geri yüklenemez şekilde silinecektir.",
+        "delete-items-title": "{ count, plural, 1 {1 öğeyi} other {# öğeyi} } silmek istediğinizden emin misiniz?",
+        "delete-items-action-title": "{ count, plural, 1 {1 öğeyi} other {# öğeyi} } sil",
+        "delete-items-text": "UYARI: Onayladıktan sonra tüm seçili öğeler ve ilişkili tüm verileri geri yüklenemez şekilde silinecektir.",
+        "add-item-text": "Yeni öğe ekle",
+        "no-items-text": "Hiç bir öğe bulunamadı",
+        "item-details": "Öğe detayları",
+        "delete-item": "Öğeyi sil",
+        "delete-items": "Öğeleri sil",
+        "scroll-to-top": "Üste kaydır"
+    },
+    "help": {
+        "goto-help-page": "Yardım sayfasına git"
+    },
+    "home": {
+        "home": "Ana sayfa",
+        "profile": "Profil",
+        "logout": "Çıkış",
+        "menu": "Menü",
+        "avatar": "Avatar",
+        "open-user-menu": "Kullanıcı menüsünü aç"
+    },
+    "import": {
+        "no-file": "Hiçbir dosya seçilmedi",
+        "drop-file": "Bir JSON dosyası bırakın veya yüklenecek bir dosyayı seçmek için tıklayın."
+    },
+    "item": {
+        "selected": "Seçildi"
+    },
+    "js-func": {
+        "no-return-error": "Fonksiyon bir değer dönmeli!",
+        "return-type-mismatch": "Fonksiyon '{{type}}' türünde bir değer dönmeli!",
+        "tidy": "Düzenli"
+    },
+    "key-val": {
+        "key": "Anahtar",
+        "value": "Değer",
+        "remove-entry": "Girişi kaldır",
+        "add-entry": "Giriş ekle",
+        "no-data": "Giriş yok"
+    },
+    "layout": {
+        "layout": "Arayüz Düzeni",
+        "manage": "Arayüz düzenini yönet",
+        "settings": "Arayüz düzeni ayarları",
+        "color": "Renk",
+        "main": "Ana",
+        "right": "Sağ",
+        "select": "Hedef düzen seç"
+    },
+    "legend": {
+        "position": "Lejant konumu",
+        "show-max": "Maksimum değeri göster",
+        "show-min": "Minimum değeri göster",
+        "show-avg": "Ortalama değeri göster",
+        "show-total": "Toplam değeri göster",
+        "settings": "Lejant ayarları",
+        "min": "min",
+        "max": "maks",
+        "avg": "ort.",
+        "total": "toplam"
+    },
+    "login": {
+        "login": "Oturum aç",
+        "request-password-reset": "Parola Sıfırlama İsteği Gönder",
+        "reset-password": "Parola Sıfırla",
+        "create-password": "Parola Oluştur",
+        "passwords-mismatch-error": "Girilen parolalar eşleşmeli!",
+        "password-again": "Parola tekrarı",
+        "sign-in": "Lütfen girişi yapın",
+        "username": "Kullanıcı adı (e-posta)",
+        "remember-me": "Beni hatırla",
+        "forgot-password": "Parolamı unuttum",
+        "password-reset": "Parola sıfırla",
+        "new-password": "Yeni parola",
+        "new-password-again": "Yeni parola tekrarı",
+        "password-link-sent-message": "Parola sıfırlama e-postası başarıyla gönderildi!",
+        "email": "E-posta"
+    },
+    "position": {
+        "top": "Üst",
+        "bottom": "Alt",
+        "left": "Sol",
+        "right": "Sağ"
+    },
+    "profile": {
+        "profile": "Profil",
+        "change-password": "Şifre değiştir",
+        "current-password": "Şimdiki şifre"
+    },
+    "relation": {
+        "relations": "İlişkiler",
+        "direction": "Yönelim",
+        "search-direction": {
+            "FROM": "KAYNAK",
+            "TO": "HEDEF"
+        },
+        "direction-type": {
+            "FROM": "kaynak",
+            "TO": "hedef"
+        },
+        "from-relations": "Giden ilişkiler",
+        "to-relations": "Gelen ilişkiler",
+        "selected-relations": "{ count, plural, 1 {1 ilişki} other {# ilişki} } seçildi",
+        "type": "Tür",
+        "to-entity-type": "Hedef Öğe Türü",
+        "to-entity-name": "Hedef Öğe Adı",
+        "from-entity-type": "Kaynak Öğe Türü",
+        "from-entity-name": "Kaynak Öğe Adı",
+        "to-entity": "Hedef Öğe",
+        "from-entity": "Kaynak Öğe",
+        "delete": "İlişkiyi sil",
+        "relation-type": "İlişki türü",
+        "relation-type-required": "İlişki türü gerekli.",
+        "any-relation-type": "Her hangi bir tür",
+        "add": "İlişki ekle",
+        "edit": "İlişki düzenle",
+        "delete-to-relation-title": "'{{entityName}}' öğesine olan ilişkiyi silmek istediğinize emin misiniz?",
+        "delete-to-relation-text": "UYARI: Onaylandıktan sonra '{{entityName}}' öğesinin şimdiki öğeyle olan ilişkisi sona erecektir.",
+        "delete-to-relations-title": "{ count, plural, 1 {1 ilişkiyi} other {# ilişkiyi} } silmek istediğinize emin misiniz?",
+        "delete-to-relations-text": "UYARI: Onaylandıktan sonra tüm seçili ilişkiler kaldırılacaktır ve ilgili öğelerin şimdiki öğeyle ilişkisi sona erecektir.",
+        "delete-from-relation-title": "'{{entityName}}' öğesinden ilişkiyi silmek istediğinize emin misiniz?",
+        "delete-from-relation-text": "UYARI: Onaylandıktan sonra şimdiki öğenin '{{entityName}}' öğesiyle ilişkisi sonlandırılacaktır.",
+        "delete-from-relations-title": "{ count, plural, 1 {1 ilişkiyi} other {# ilişkiyi} } silmek istediğinize emin misiniz?",
+        "delete-from-relations-text": "UYARI: Onaylandıktan sonra tüm seçili ilişkiler kaldırılacak ve şimdiki öğenin ilgili tüm öğelerle ilişkisi sona erecektir.",
+        "remove-relation-filter": "İlişki filtresini kaldır",
+        "add-relation-filter": "İlişkisi ekle",
+        "any-relation": "Herhangi bir ilişki",
+        "relation-filters": "İlişki filtreleri",
+        "additional-info": "Ek bilgi (JSON)",
+        "invalid-additional-info": "Ek bilgi JSON'ı parse edilip işlenemedi."
+    },
+    "rulechain": {
+        "rulechain": "Kural",
+        "rulechains": "Kurallar",
+        "root": "Kök",
+        "delete": "Kuralı sil",
+        "name": "İsim",
+        "name-required": "İsim gerekli.",
+        "description": "Açıklama",
+        "add": "Kural Ekle",
+        "set-root": "Kural zincirinin kökü yap",
+        "set-root-rulechain-title": "Kural zincirini {{ruleChainName}} root? Yapmak istediğinizden emin misiniz?",
+        "set-root-rulechain-text": "Onaydan sonra kural zinciri kökleşecek ve gelen tüm iletilerle ilgilenecek.",
+        "delete-rulechain-title": "'{{ruleName}}' isimli kuralı silmek istediğinize emin misiniz?",
+        "delete-rulechain-text": "UYARI: Onaylandıktan sonra kural ve ilişkili tüm veriler geri yüklenemez şekilde silinecektir.",
+        "delete-rulechains-title": "{ count, plural, 1 {1 kuralı} other {# kuralı} } sikmek istediğinize emin misiniz?",
+        "delete-rulechains-action-title": "{ count, plural, 1 {1 kuralı} other {# kuralı} } sil",
+        "delete-rulechains-text": "UYARI: Onaylandıktan sonra seçili tüm kurallar ve ilişkili tüm veriler geri yüklenemez şekilde silinecektir.",
+        "add-rulechain-text": "Yeni kural ekle",
+        "no-rulechains-text": "Hiçbir kural bulunamadı",
+        "rulechain-details": "Kural detayları",
+        "details": "Detaylar",
+        "events": "Olaylar",
+        "system": "Sistem",
+        "import": "Kuralı içe aktar",
+        "export": "Kuralı dışa aktar",
+        "export-failed-error": "Kural dışa aktarılamadı: {{error}}",
+        "create-new-rule": "Yeni kural oluştur",
+        "rulechain-file": "Kural dosyası",
+        "invalid-rulechain-file-error": "Kural içe aktarılamadı: Geçersiz kural veri yapısı.",
+        "copyId": "Kural kimliğini kopyala",
+        "idCopiedMessage": "Kural kimliği panoya kopyalandı",
+        "select-rulechain": "Kural seç",
+        "no-rulechains-matching": "'{{entity}}' ile eşleşen kural bulunamadı.",
+        "rulechain-required": "Kural gerekli",
+        "management": "Kural yönetimi",
+        "debug-mode": "Hata ayıklama modu"
+    },
+    "rulenode": {
+        "details": "Ayrıntılar",
+        "events": "Etkinlikler",
+        "search": "Arama düğümleri",
+        "open-node-library": "Düğüm kütüphanesini aç",
+        "add": "Kural düğümü ekle",
+        "name": "Ad",
+        "name-required": "İsim gerekli.",
+        "type": "Tür",
+        "description": "Açıklama",
+        "delete": "Kural düğümünü sil",
+        "select-all-objects": "Tüm düğümleri ve bağlantıları seç",
+        "deselect-all-objects": "Tüm düğümlerin ve bağlantıların seçimini kaldırın",
+        "delete-selected-objects": "Seçilen düğümleri ve bağlantıları sil",
+        "delete-selected": "Silme seçildi",
+        "select-all": "Hepsini seç",
+        "copy-selected": "Seçilenleri kopyala",
+        "deselect-all": "Hiçbirini seçme",
+        "rulenode-details": "Kural düğümü ayrıntıları",
+        "debug-mode": "Hata ayıklama modu",
+        "configuration": "Yapılandırma",
+        "link": "Bağlantı",
+        "link-details": "Kural düğüm bağlantı detayları",
+        "add-link": "Link ekle",
+        "link-label": "Bağlantı etiketi",
+        "link-label-required": "Bağlantı etiketi gerekli.",
+        "custom-link-label": "Özel bağlantı etiketi",
+        "custom-link-label-required": "Özel bağlantı etiketi gerekli.",
+        "link-labels": "Link etiketleri",
+        "link-labels-required": "Link etiketleri gerekli.",
+        "no-link-labels-found": "Bağlantı etiketi bulunamadı",
+        "no-link-label-matching": "{{label}} bulunamadı. ",
+        "create-new-link-label": "Yeni bir tane oluştur!",
+        "type-filter": "Filtre",
+        "type-filter-details": "Gelen iletileri yapılandırılmış koşullara göre filtrele",
+        "type-enrichment": "Zenginleştirme",
+        "type-enrichment-details": "Mesaj Meta Verilerine ek bilgi",
+        "type-transformation": "Dönüşüm",
+        "type-transformation-details": "Mesaj yükünü ve Meta Verileri Değiştir",
+        "type-action": "Aksiyon",
+        "type-action-details": "Özel eylem gerçekleştir",
+        "type-external": "Dış",
+        "type-external-details": "Dış sistemle etkileşir",
+        "type-rule-chain": "Kural Zinciri",
+        "type-rule-chain-details": "Belirtilen Kural Zincirine gelen mesajları ilet",
+        "type-input": "Giriş",
+        "type-input-details": "Kural Zinciri'nin mantıksal girdisi, bir sonraki ilgili Kural Düğümüne gelen iletileri iletme",
+        "type-unknown": "Bilinmeyen",
+        "type-unknown-details": "Çözümlenmemiş Kural Düğümü",
+        "directive-is-not-loaded": "Tanımlanmış yapılandırma yönergesi {{directiveName}} 'mevcut değil. ",
+        "ui-resources-load-error": "Yapılandırma kullanıcı arayüzü kaynakları yüklenemedi.",
+        "invalid-target-rulechain": "Hedef kural zinciri çözülemiyor!",
+        "test-script-function": "Test komut dosyası işlevi",
+        "message": "Mesaj",
+        "message-type": "Mesaj tipi",
+        "select-message-type": "Mesaj tipini seç",
+        "message-type-required": "Mesaj türü gerekli",
+        "metadata": "Meta veri",
+        "metadata-required": "Meta veri girişleri boş bırakılamaz.",
+        "output": "Çıktı",
+        "test": "Ölçek",
+        "help": "Yardım et"
+    },
+    "tenant": {
+        "tenant": "Tenant",
+        "tenants": "Tenantlar",
+        "management": "Tenant yönetimi",
+        "add": "Tenant Ekle",
+        "admins": "Adminler",
+        "manage-tenant-admins": "Tenant Adminlerini Yönet",
+        "delete": "Tenant sil",
+        "add-tenant-text": "Yeni tenant ekle",
+        "no-tenants-text": "Hiçbir tenant bulunamadı",
+        "tenant-details": "Tenant detayları",
+        "delete-tenant-title": "'{{tenantTitle}}' isimli tenantı silmek istediğinize emin misiniz?",
+        "delete-tenant-text": "UYARI: Onaylandıktan sonra tenant ve ilişkili tüm veriler geri yüklenemez şekilde silinecektir.",
+        "delete-tenants-title": "{ count, plural, 1 {1 tenantı} other {# tenantı} } silmek istediğinize emin misiniz?",
+        "delete-tenants-action-title": "{ count, plural, 1 {1 tenantı} other {# tenantı} } sil",
+        "delete-tenants-text": "UYARI: Onaylandıktan sonra seçili tüm tenantlar ve ilişkili tüm veriler geri yüklenemez şekilde silinecektir",
+        "title": "Başlık",
+        "title-required": "Başlık gerekli.",
+        "description": "Açıklama",
+        "details": "Detaylar",
+        "events": "Olaylar",
+        "copyId": "Tenant kimliğini kopyala",
+        "idCopiedMessage": "Tenant kimliği panoya kopyalandı",
+        "select-tenant": "Tenant seç",
+        "no-tenants-matching": "'{{entity}}' ile eşleşen tenant bulunamadı.",
+        "tenant-required": "Tenant gerekli"
+    },
+    "timeinterval": {
+        "seconds-interval": "{ seconds, plural, 1 {1 saniye} other {# saniye} }",
+        "minutes-interval": "{ minutes, plural, 1 {1 dakika} other {# dakika} }",
+        "hours-interval": "{ hours, plural, 1 {1 saat} other {# saat} }",
+        "days-interval": "{ days, plural, 1 {1 gün} other {# gün} }",
+        "days": "Gün",
+        "hours": "Saat",
+        "minutes": "Dakika",
+        "seconds": "Saniye",
+        "advanced": "İleri düzey"
+    },
+    "timewindow": {
+        "days": "{ days, plural, 1 { gün } other {# gün } }",
+        "hours": "{ hours, plural, 0 { saat } 1 {1 saat } other {# saat } }",
+        "minutes": "{ minutes, plural, 0 { dakika } 1 {1 dakika } other {# dakika } }",
+        "seconds": "{ seconds, plural, 0 { saniye } 1 {1 saniye } other {# saniye } }",
+        "realtime": "Gerçek zaman",
+        "history": "Tarih",
+        "last-prefix": "son",
+        "period": "{{ startTime }}'dan {{ endTime }}'a kadar",
+        "edit": "Zaman aralığını düzenle",
+        "date-range": "Tarih aralığı",
+        "last": "Son",
+        "time-period": "Zaman periyodu"
+    },
+    "user": {
+        "user": "Kullanıcı",
+        "users": "Kullanıcılar",
+        "customer-users": "Kullanıcılar",
+        "tenant-admins": "Tenant Adminleri",
+        "sys-admin": "Sistem yöneticisi",
+        "tenant-admin": "Tenant yöneticisi",
+        "customer": "Kullanıcı Grubu",
+        "anonymous": "Anonim",
+        "add": "Kullanıcı ekle",
+        "delete": "Kullanıcı sil",
+        "add-user-text": "Yeni kullanıcı ekle",
+        "no-users-text": "Hiçbir kullanıcı bulunamadı",
+        "user-details": "Kullanıcı detayları",
+        "delete-user-title": "'{{userEmail}}' kullanıcısını silmek istediğinize emin misiniz?",
+        "delete-user-text": "UYARI: Onaylandıktan sonra kullanıcı ve ilişkili tüm verileri geri yüklenemez şekilde silinecektir.",
+        "delete-users-title": "{ count, plural, 1 {1 kullanıcıyı} other {# kullanıcıyı} } sikmek istediğinize emin misiniz?",
+        "delete-users-action-title": "{ count, plural, 1 {1 kullancıyı} other {# kullanıcıyı} } sil",
+        "delete-users-text": "UYARI: Onaylandıktan sonra kullanıcı ve ilişkili tüm verileri geri yüklenemez şekilde silinecektir.",
+        "activation-email-sent-message": "Etkinleştirme e-postası başarılı bir şekilde gönderildi!",
+        "resend-activation": "Etkinleştirme e-postasını yeniden gönder",
+        "email": "E-posta",
+        "email-required": "E-posta gerekli.",
+        "invalid-email-format": "Geçersiz e-posta formatı.",
+        "first-name": "Ad",
+        "last-name": "Soyad",
+        "description": "Açıklama",
+        "default-dashboard": "Varsayılan kontrol paneli",
+        "always-fullscreen": "Her zaman tam ekran",
+        "select-user": "Kullanıcı se.",
+        "no-users-matching": "'{{entity}}' ile eşleşen kullanıcı bulunamadı.",
+        "user-required": "Kullanıcı gerekli",
+        "activation-method": "Etkinleştirme yöntemi",
+        "display-activation-link": "Etkinleştirme bağlantısını görüntüle",
+        "send-activation-mail": "Etkinleştirme e-postası gönder",
+        "activation-link": "Kullanıcı hesabını etkinleştirme bağlantısı",
+        "activation-link-text": "Kullanıcı hesabını etkinleştirmek için <a href='{{activationLink}}' target='_blank'>bağlantıyı</a> kullanın:",
+        "copy-activation-link": "Etkinleştirme bağlantısını kopyala",
+        "activation-link-copied-message": "Kullanıcı hesabı etkinleştirme bağlantısı panoya kopyalandı",
+        "details": "Ayrıntılar",
+        "login-as-tenant-admin": "Tenant Yönetici Girişi",
+        "login-as-customer-user": "Kullanıcı olarak giriş yap"
+    },
+    "value": {
+        "type": "Değer tğrğ",
+        "string": "String",
+        "string-value": "String değeri",
+        "integer": "Integer",
+        "integer-value": "Integer değeri",
+        "invalid-integer-value": "Geçersiz integer değeri",
+        "double": "Double",
+        "double-value": "Double değeri",
+        "boolean": "Boolean",
+        "boolean-value": "Boolean değeri",
+        "false": "Yanlış",
+        "true": "Doğru",
+        "long": "Uzun"
+    },
+    "widget": {
+        "widget-library": "Gösterge Kütüphanesi",
+        "widget-bundle": "Gösterge Demeti",
+        "select-widgets-bundle": "Gösterge demeti seç",
+        "management": "Gösterge yönetimi",
+        "editor": "Gösterge düzenleyici",
+        "widget-type-not-found": "Gösterge yapılandırması yüklenemedi.<br>Muhtemelen ilgili\n    gösterge türü kaldırılmış.",
+        "widget-type-load-error": "Gösterge şu sebeplerden dolayı yüklenemedi:",
+        "remove": "Göstergeyi kaldır",
+        "edit": "Göstergeyi düzenle",
+        "remove-widget-title": "'{{widgetTitle}}' isimli göstermeyi kaldırmak istediğinizden emin misiniz?",
+        "remove-widget-text": "UYARI: Onaylandıktan sonra gösterge ve tüm ilişkili verileri geri yüklenemez şekilde silinecek.",
+        "timeseries": "Zaman serisi",
+        "search-data": "Arama verileri",
+        "no-data-found": "Veri bulunamadı",
+        "latest-values": "Son değerler",
+        "rpc": "Kontrol göstergesi",
+        "alarm": "Alarm göstergesi",
+        "static": "Statik gösterge",
+        "select-widget-type": "Gösterge türü seç",
+        "missing-widget-title-error": "Gösterge başlığı belirtilmelidir!",
+        "widget-saved": "Gösterge kaydedildi",
+        "unable-to-save-widget-error": "Gösterge kaydedilemedi! Göstergede hatalar mevcut!",
+        "save": "Göstergeyi kaydet",
+        "saveAs": "Göstergeyi farklı kaydet",
+        "save-widget-type-as": "Gösterge türünü farklı kaydet",
+        "save-widget-type-as-text": "Lütfen gösterge başlığı girin veya hedef gösterge demeti seçin",
+        "toggle-fullscreen": "Tam ekran aç/kapat",
+        "run": "Göstergeyi çalıştır",
+        "title": "Gösterge başlığı",
+        "title-required": "Gösterge başlığı gerekli.",
+        "type": "Gösterge türü",
+        "resources": "Kaynaklar",
+        "resource-url": "JavaScript / CSS URL",
+        "remove-resource": "Kaynağı kaldır",
+        "add-resource": "Kaynak ekle",
+        "html": "HTML",
+        "tidy": "Tertiple",
+        "css": "CSS",
+        "settings-schema": "Ayarlar şeması",
+        "datakey-settings-schema": "Veri anahtarı ayarları şeması",
+        "javascript": "Javascript",
+        "remove-widget-type-title": "'{{widgetName}}' isimli gösterge türünü kaldırmak istediğinizden emin misiniz?",
+        "remove-widget-type-text": "UYARI: Onaylandıktan sonra, gösterge türü ve ilgili tüm veriler geri yüklenemez şekilde silinecektir.",
+        "remove-widget-type": "Gösterge türünü kaldır",
+        "add-widget-type": "Yeni gösterge türü ekle",
+        "widget-type-load-failed-error": "Gösterge türü yüklenemedi!",
+        "widget-template-load-failed-error": "Gösterge şablonu yüklenemedi!",
+        "add": "Gösterge ekle",
+        "undo": "Gösterge değişikliklerini geri al",
+        "export": "Göstergeyi dışa aktar"
+    },
+    "widget-action": {
+        "header-button": "Gösterge başlık butonu",
+        "open-dashboard-state": "Yeni kontrol paneli durumunua git",
+        "update-dashboard-state": "Kontrol paneli durumunu güncelle",
+        "open-dashboard": "Diğer kontrol paneline git",
+        "custom": "Özel eylem",
+        "target-dashboard-state": "Hedef kontrol paneli durumu",
+        "target-dashboard-state-required": "Hedef kontrol paneli durumu gerekli",
+        "set-entity-from-widget": "Göstergeden öğe belirle",
+        "target-dashboard": "Hedef kontrol paneli",
+        "open-right-layout": "Sağdaki kontrol paneli arayüz düzenini aç(mobil görünüm)"
+    },
+    "widgets-bundle": {
+        "current": "Şimdiki demet",
+        "widgets-bundles": "Gösterge Demetleri",
+        "add": "Gösterge Demeti Ekle",
+        "delete": "Gösterge demeti sil",
+        "title": "Başlık",
+        "title-required": "Başlık gerekli.",
+        "add-widgets-bundle-text": "Yeni gösterge demeti ekle",
+        "no-widgets-bundles-text": "Hiçbir gösterge demeti bulunamadı",
+        "empty": "Gösterge demeti boş",
+        "details": "Detaylar",
+        "widgets-bundle-details": "Gösterge demeti detayları",
+        "delete-widgets-bundle-title": "'{{widgetsBundleTitle}}' isimli gösterge demetini silmek istediğinize emin misiniz?",
+        "delete-widgets-bundle-text": "UYARI: Onaylandıktan sonra gösterge demeti ve ilişkili tüm veriler geri yüklenemez şekilde silinecektir.",
+        "delete-widgets-bundles-title": "{ count, plural, 1 {1 gösterge demetini} other {# gösterge demetini} } silmek istediğinize emin misiniz?",
+        "delete-widgets-bundles-action-title": "{ count, plural, 1 {1 gösterge demetini} other {# gösterge demetini} } sil",
+        "delete-widgets-bundles-text": "UYARI: Onaylandıktan sonra seçili tüm gösterge demetleri ve ilişkili tüm veriler geri yüklenemez şekilde silinecektir.",
+        "no-widgets-bundles-matching": "'{{widgetsBundle}}' ile eşleşen gösterge demeti bulunamadı.",
+        "widgets-bundle-required": "Gösterge demeti gerekli.",
+        "system": "Sistem",
+        "import": "Gösterge demetini içe aktar",
+        "export": "Gösterge demetini dışa aktar",
+        "export-failed-error": "Gösterge demetini dışa aktaramadı: {{error}}",
+        "create-new-widgets-bundle": "Yeni gösterge demeti oluştur",
+        "widgets-bundle-file": "Gösterge demeti dosyası",
+        "invalid-widgets-bundle-file-error": "Gösterge demeti içe aktarılamadı: Geçersiz gösterge demeti veri yapısı."
+    },
+    "widget-config": {
+        "data": "Veri",
+        "settings": "Ayarlar",
+        "advanced": "İleri düzey",
+        "title": "Başlık",
+        "general-settings": "Genel ayarlar",
+        "display-title": "Başlığı göster",
+        "drop-shadow": "Gölge",
+        "enable-fullscreen": "Tam ekranı etkinleştir",
+        "background-color": "Arka plan rengi",
+        "text-color": "Yazı rengi",
+        "padding": "İç aralık (Padding)",
+        "margin": "Dış aralık (Margin)",
+        "widget-style": "Gösterge stili",
+        "title-style": "Başlık stili",
+        "mobile-mode-settings": "Mobil mod ayarları",
+        "order": "Sıra",
+        "height": "Yükseklik",
+        "units": "Değerin yanında göstermek için özel simge",
+        "decimals": "Noktadan sonraki basamak sayısı",
+        "timewindow": "Zaman aralığı",
+        "use-dashboard-timewindow": "Kontrol paneli zaman aralığı kullan",
+        "display-legend": "Lejant göster",
+        "datasources": "Veri kaynakları",
+        "maximum-datasources": "En fazla { count, plural, 1 {1 veri kaynağı kullanılabilir.} other {# veri kaynağı kullanılabilir} }",
+        "datasource-type": "Tür",
+        "datasource-parameters": "Parametreler",
+        "remove-datasource": "Veri kaynağını kaldır",
+        "add-datasource": "Veri kaynağı ekle",
+        "target-device": "Hedef aygıt",
+        "alarm-source": "Alarm kaynağı",
+        "actions": "Eylemler",
+        "action": "Eylem",
+        "add-action": "Eylem ekle",
+        "search-actions": "Eylem ara",
+        "action-source": "Eylem kaynağı",
+        "action-source-required": "Eylem kaynağı gerekli.",
+        "action-name": "İsim",
+        "action-name-required": "Eylem ismi gerekli.",
+        "action-name-not-unique": "Aynı ada sahip başka bir işlem zaten var.<br/>Eylem adı, aynı eylem kaynağı içinde emsalsiz olmalıdır.",
+        "action-icon": "İkon",
+        "action-type": "Tür",
+        "action-type-required": "Eylem türü gerekli.",
+        "edit-action": "Eylemi düzenle",
+        "delete-action": "Eylemi sil",
+        "delete-action-title": "Gösterge eylemini sil",
+        "delete-action-text": "'{{actionName}}' isimli gösterge eylemini silmek istediğinizden emin misiniz?"
+    },
+    "widget-type": {
+        "import": "Gösterge türünü içer aktar",
+        "export": "Gösterge türünü dışa aktar",
+        "export-failed-error": "Gösterge türü dışa aktarılamadı: {{error}}",
+        "create-new-widget-type": "Yeni gösterge türü oluştur",
+        "widget-type-file": "Gösterge türü dosyası",
+        "invalid-widget-type-file-error": "Gösterge türü içe aktarılamadı: Geçersiz gösterge türü veri yapısı."
+    },
+    "widgets": {
+        "date-range-navigator": {
+            "localizationMap": {
+                "Sun": "Paz",
+                "Mon": "Pzt",
+                "Tue": "Sal",
+                "Wed": "Çar",
+                "Thu": "Per",
+                "Fri": "Cum",
+                "Sat": "Cmt",
+                "Jan": "Oca",
+                "Feb": "Şub",
+                "Mar": "Mar",
+                "Apr": "Nis",
+                "May": "May",
+                "Jun": "Haz",
+                "Jul": "Tem",
+                "Aug": "Ağu",
+                "Sep": "Eyl",
+                "Oct": "Eki",
+                "Nov": "Kas",
+                "Dec": "Ara",
+                "January": "Ocak",
+                "February": "Şubat",
+                "March": "Mart",
+                "April": "Nisan",
+                "June": "Haziran",
+                "July": "Temmuz",
+                "August": "Ağustos",
+                "September": "Eylül",
+                "October": "Ekim",
+                "November": "Kasım",
+                "December": "Aralık",
+                "Custom Date Range": "Özel Tarih Aralığı",
+                "Date Range Template": "Tarih Aralığı Şablonu",
+                "Today": "Bugün",
+                "Yesterday": "Dün",
+                "This Week": "Bu hafta",
+                "Last Week": "Geçen hafta",
+                "This Month": "Bu ay",
+                "Last Month": "Geçen ay",
+                "Year": "Yıl",
+                "This Year": "Bu yıl",
+                "Last Year": "Geçen yıl",
+                "Date picker": "Tarih seçici",
+                "Hour": "Saat",
+                "Day": "Gün",
+                "Week": "Hafta",
+                "2 weeks": "2 Hafta",
+                "Month": "Ay",
+                "3 months": "3 Ay",
+                "6 months": "6 Ay",
+                "Custom interval": "Özel aralık",
+                "Interval": "Aralık",
+                "Step size": "Adım boyutu",
+                "Ok": "Ok"
+            }
+        }
+    },
+    "icon": {
+        "icon": "İkon",
+        "select-icon": "İkon seç",
+        "material-icons": "Material konları",
+        "show-all": "Tüm ikonları göster"
+    },
+    "custom": {
+        "widget-action": {
+            "action-cell-button": "Eylem hücre butonu",
+            "row-click": "Satır tıklama eylemi",
+            "polygon-click": "Satır tıklama eylemi",
+            "marker-click": "Çokgen tıklama eylemi",
+            "tooltip-tag-action": "İpucu etiket eylemi"
+        }
+    },
+    "language": {
+        "language": "Dil"
+    }
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-uk_UA.json b/ui-ngx/src/assets/locale/locale.constant-uk_UA.json
new file mode 100644
index 0000000000..d841880dd1
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-uk_UA.json
@@ -0,0 +1,2399 @@
+{
+    "access": {
+        "unauthorized": "Неавторизований",
+        "unauthorized-access": "Неавторизований доступ",
+        "unauthorized-access-text": "Щоб отримати доступ до цього ресурсу, потрібно ввійти в систему!",
+        "access-forbidden": "Доступ заборонено",
+        "access-forbidden-text": "Недостатньо прав для доступу! <br/> Спробуйте увійти як інший користувач, якщо ви все ще хочете отримати доступ до цього ресурсу.",
+        "refresh-token-expired": "Дані про сесію застарілі",
+        "refresh-token-failed": "Не вдається відновити сеанс"
+    },
+    "action": {
+        "activate": "Активувати",
+        "suspend": "Призупинити",
+        "save": "Зберегти",
+        "saveAs": "Зберегти як",
+        "cancel": "Скасувати",
+        "ok": "OK",
+        "delete": "Видалити",
+        "add": "Додати",
+        "yes": "Так",
+        "no": "Ні",
+        "update": "Оновити",
+        "remove": "Видалити",
+        "search": "Пошук",
+        "clear-search": "Очистити пошук",
+        "assign": "Надати",
+        "unassign": "Позбавити",
+        "share": "Поділитися",
+        "make-private": "Зробити приватним",
+        "apply": "Застосувати",
+        "apply-changes": "Застосувати зміни",
+        "edit-mode": "Режим редагування",
+        "enter-edit-mode": "Ввійти в режим редагування",
+        "decline-changes": "Відхилити зміни",
+        "close": "Закрити",
+        "back": "Назад",
+        "run": "Запустити",
+        "sign-in": "Увійти!",
+        "edit": "Редагувати",
+        "view": "Переглянути",
+        "create": "Створити",
+        "drag": "Перетягнути",
+        "refresh": "Оновити",
+        "undo": "Скасувати",
+        "copy": "Скопіювати",
+        "paste": "Вставити",
+        "copy-reference": "Копіювати посилання",
+        "paste-reference": "Вставити посилання",
+        "import": "Імпортувати",
+        "export": "Експортувати",
+        "share-via": "Поділитися через {{provider}}",
+        "continue": "Продовжити",
+        "discard-changes": "Скасувати зміни",
+        "move": "Перемістити",
+        "select": "Вибрати"
+    },
+    "aggregation": {
+        "aggregation": "Агрегація",
+        "function": "Функція агрегації даних",
+        "limit": "Максимальні значення",
+        "group-interval": "Інтервал групування",
+        "min": "Мінімальний",
+        "max": "Максимальний",
+        "avg": "Середній",
+        "sum": "Сума",
+        "count": "Рахувати",
+        "none": "Відсутня"
+    },
+    "admin": {
+        "general": "Загальне",
+        "general-settings": "Загальні налаштування",
+        "outgoing-mail": "Поштовий сервер",
+        "outgoing-mail-settings": "Налаштування сервера вихідної пошти",
+        "system-settings": "Налаштування системи",
+        "test-mail-sent": "Тестовий лист успішно відправлено!",
+        "base-url": "Базова URL-адреса",
+        "base-url-required": "Базова URL-адреса обов'язкова.",
+        "mail-from": "Електронна адреса",
+        "mail-from-required": "Електронна адреса обов'язкова.",
+        "smtp-protocol": "Протокол SMTP",
+        "smtp-host": "Хост SMTP",
+        "smtp-host-required": "Хост SMTP обов'язковий.",
+        "smtp-port": "SMTP-порт",
+        "smtp-port-required": "Ви повинні надати SMTP-порт.",
+        "smtp-port-invalid": "Це не схоже на дійсний SMTP-порт.",
+        "timeout-msec": "Час очікування (msec)",
+        "timeout-required": "Необхідно задати час очікування.",
+        "timeout-invalid": "Це не схоже на правильний час очікування.",
+        "enable-tls": "Увімкнути TLS",
+        "tls-version" : "Версія TLS",
+        "send-test-mail": "Надіслати тестове повідомлення",
+        "use-system-mail-settings": "Використовувати параметри системного поштового сервера",
+        "mail-templates": "Шаблони електронної пошти",
+        "mail-template-settings": "Налаштування шаблонів електронної пошти",
+        "use-system-mail-template-settings": "Використовувати шаблони системної електронної пошти",
+        "mail-template": {
+            "mail-template": "Шаблон електронної пошти",
+            "test": "Тестове повідомлення",
+            "activation": "Повідомлення про активацію рахунку",
+            "account-activated": "Обліковий запис активовано",
+            "reset-password": "Відновити повідомлення пароля",
+            "password-was-reset": "Пароль було надіслано повідомленням"
+        },
+        "mail-subject": "Тема повідомлення",
+        "mail-body": "Вміст повідомлення",
+        "security-settings": "Налаштування безпеки",
+        "password-policy": "Політика щодо паролів",
+        "minimum-password-length": "Мінімальна довжина пароля",
+        "minimum-password-length-required": "Потрібна мінімальна довжина пароля",
+        "minimum-password-length-range": "Мінімальна довжина пароля повинна бути в межах від 5 до 50",
+        "minimum-uppercase-letters": "Мінімальна кількість великих літер",
+        "minimum-uppercase-letters-range": "Мінімальна кількість великих літер не може бути негативною",
+        "minimum-lowercase-letters": "Мінімальна кількість малих літер",
+        "minimum-lowercase-letters-range": "Мінімальна кількість малих літер не може бути негативною",
+        "minimum-digits": "Мінімальна кількість цифр",
+        "minimum-digits-range": "Мінімальна кількість цифр не може бути негативною",
+        "minimum-special-characters": "Мінімальна кількість спеціальних символів",
+        "minimum-special-characters-range": "Мінімальна кількість спеціальних символів не може бути негативною",
+        "password-expiration-period-days": "Термін дії пароля в днях",
+        "password-expiration-period-days-range": "Термін дії пароля в днях не може бути негативним",
+        "password-reuse-frequency-days": "Частота повторного використання пароля в днях",
+        "password-reuse-frequency-days-range": "Частота повторного використання пароля в днях не може бути негативною",
+        "general-policy": "Загальна політика",
+        "max-failed-login-attempts": "Максимальна кількість невдалих спроб входу, перш ніж обліковий запис заблоковано",
+        "minimum-max-failed-login-attempts-range": "Максимальна кількість невдалих спроб входу не може бути негативною",
+        "user-lockout-notification-email": "У разі блокування облікового запису користувача, надішліть сповіщення на електронну пошту"
+    },
+    "alarm": {
+        "alarm": "Сигнал тривоги",
+        "alarms": "Сигнали тривоги",
+        "select-alarm": "Вибрати сигнал тривоги",
+        "no-alarms-matching": "Сигналів тривоги '{{entity}}' не знайдено.",
+        "alarm-required": "Сигнал тривоги необхідний",
+        "alarm-status": "Статус сигналу тривоги",
+        "search-status": {
+            "ANY": "Будь які",
+            "ACTIVE": "Активні",
+            "CLEARED": "Неактивні",
+            "ACK": "Прийняті",
+            "UNACK": "Неприйняті"
+        },
+        "display-status": {
+            "ACTIVE_UNACK": "Активні та неприйняті",
+            "ACTIVE_ACK": "Активні та прийняті",
+            "CLEARED_UNACK": "Неактивні та неприйняті",
+            "CLEARED_ACK": "Неактивні та прийняті"
+        },
+        "no-alarms-prompt": "Сигналів тривоги не знайдено",
+        "created-time": "Час створення",
+        "type": "Тип",
+        "severity": "Серйозність",
+        "originator": "Ініціатор",
+        "originator-type": "Тип ініціатору",
+        "details": "Деталі",
+        "status": "Статус",
+        "alarm-details": "Деталі сигналу тривоги",
+        "start-time": "Початок",
+        "end-time": "Кінець",
+        "ack-time": "Час прийняття",
+        "clear-time": "Час деактивації",
+        "severity-critical": "Критичні",
+        "severity-major": "Важливі",
+        "severity-minor": "Неважливі",
+        "severity-warning": "Попередження",
+        "severity-indeterminate": "Невизначені",
+        "acknowledge": "Прийняти",
+        "clear": "Деактивувати",
+        "search": "Шукати сигнали тривоги",
+        "selected-alarms": "{ count, plural, 1 {1 сигнал тривоги} other {# сигнали тривоги} } вибрані",
+        "no-data": "Немає даних для відображення",
+        "polling-interval": "Інтервал опитування (сек)",
+        "polling-interval-required": "Необхідно задати інтервал опитування.",
+        "min-polling-interval-message": "Дозволяється щонайменше 1 секунда інтервалу очікування.",
+        "aknowledge-alarms-title": "Підтвердити { count, plural, 1 {1 сигнал тривоги} other {# сигнали тривоги} }",
+        "aknowledge-alarms-text": "Ви впевнені, що хочете підтвердити { count, plural, 1 {1 сигнал тривоги} other {# сигнали тривоги} }?",
+        "aknowledge-alarm-title": "Підтвердити сигнал тривоги",
+        "aknowledge-alarm-text": "Ви впевнені, що хочете підтвердити сигнал тривоги?",
+        "clear-alarms-title": "Деактивувати { count, plural, 1 {1 сигнал тривоги} other {# сигнали тривоги} }",
+        "clear-alarms-text": "Ви впевнені, що хочете деактивувати { count, plural, 1 {1 сигнал тривоги} other {# сигнали тривоги} }?",
+        "clear-alarm-title": "Деактивувати сигнал тривоги",
+        "clear-alarm-text": "Ви впевнені, що хочете деактивувати сигнал тривоги?",
+        "alarm-status-filter": "Фільтр статусу сигналу тривоги",
+        "max-count-load": "Максимальна кількість сигналів тривоги для завантаження (0 - необмежено)",
+        "max-count-load-required": "Необхідно задати максимальну кількість сигналів тривоги для завантаження.",
+        "max-count-load-error-min": "Мінімальне значення 0.",
+        "fetch-size": "Розмір пакету для завантаження",
+        "fetch-size-required": "Необхідно задати розмір пакету для завантаження.",
+        "fetch-size-error-min": "Мінімальне значення 10."
+    },
+    "alias": {
+        "add": "Додати псевдонім ",
+        "edit": "Редагувати псевдонім",
+        "name": "Ім'я",
+        "name-required": "Необхідно вказати псевдонім",
+        "duplicate-alias": "Псевдонім з такою назвою вже існує.",
+        "filter-type-single-entity": "Єдина сутність",
+        "filter-type-entity-group": "Група сутностей",
+        "filter-type-entity-list": "Список сутностей",
+        "filter-type-entity-name": "Назва сутності",
+        "filter-type-entity-group-list": "Список груп сутностей",
+        "filter-type-entity-group-name": "Назва групи сутностей",
+        "filter-type-state-entity": "Сутність з стану панелі пристроїв",
+        "filter-type-state-entity-description": "Сутність, взята з параметрів стану панелі пристроїв",
+        "filter-type-asset-type": "Тип активу",
+        "filter-type-asset-type-description": "Тип активів '{{assetType}}'",
+        "filter-type-asset-type-and-name-description": "Тип активів '{{assetType}}' і ім'я, що починаються з '{{prefix}}'",
+        "filter-type-device-type": "Тип пристрою",
+        "filter-type-device-type-description": "Тип пристроїв '{{deviceType}}'",
+        "filter-type-device-type-and-name-description": "Тип пристроїв '{{deviceType}}' і ім'я, що починаються з '{{prefix}}'",
+        "filter-type-entity-view-type": "Тип перегляду сутності",
+        "filter-type-entity-view-type-description": "Перегляд сутності з типом '{{entityView}}'",
+        "filter-type-entity-view-type-and-name-description": "Перегляд сутності з типом'{{entityView}}' і іменем, що починаються з '{{prefix}}'",
+        "filter-type-relations-query": "Запит відносин",
+        "filter-type-relations-query-description": "{{entities}}, які мають {{relationType}} відношення {{direction}} {{rootEntity}}",
+        "filter-type-asset-search-query": "Запит пошуку активу",
+        "filter-type-asset-search-query-description": "Активи з типами {{assetTypes}}, які мають {{relationType}} відношення {{direction}} {{rootEntity}}",
+        "filter-type-device-search-query": "Запит пошуку пристрою",
+        "filter-type-device-search-query-description": "Пристрої з типами {{deviceTypes}}, які мають {{relationType}} відношення {{direction}} {{rootEntity}}",
+        "filter-type-entity-view-search-query": "Запит пошуку переглядів сутностей",
+        "filter-type-entity-view-search-query-description": "Перегляд сутності з типами {{entityViewTypes}}, які мають {{relationType}} відношення {{direction}} {{rootEntity}}",
+        "entity-filter": "Фільтр сутності",
+        "resolve-multiple": "Як декілька сутностей",
+        "filter-type": "Тип фільтра",
+        "filter-type-required": "Необхідно вказати тип фільтра.",
+        "entity-filter-no-entity-matched": "Не знайдено жодних сутностей, які відповідають вказаному фільтру.",
+        "no-entity-filter-specified": "Фільтр обїектів не вказано",
+        "root-state-entity": "Використовувати сутінсть стану як кореневу",
+        "last-level-relation": "Використовувати лише відношення останнього рівня",
+        "group-state-entity": "Використовувати групу сутностей стану як кореневу",
+        "root-entity": "Коренева сутність",
+        "state-entity-parameter-name": "Параметр сутності стану",
+        "default-state-entity": "Сутність стану за замовчуванням",
+        "default-state-entity-group": "Група сутностей стану за замовчуванням",
+        "default-entity-parameter-name": "За замовчуванням",
+        "max-relation-level": "Максимальна глибина відносин",
+        "unlimited-level": "Необмежена глибина",
+        "state-entity": "Сутність стану панелі пристроїв",
+        "entities-of-group-state-entity": "Сутності із групи сутностей стану",
+        "all-entities": "Всі сутності",
+        "any-relation": "не вказано"
+    },
+    "asset": {
+        "asset": "Актив",
+        "assets": "Активи",
+        "management": "Управління активами",
+        "view-assets": "Переглянути активи",
+        "add": "Додати активи",
+        "assign-to-customer": "Надати клієнту",
+        "assign-asset-to-customer": "Надати активи клієнту",
+        "assign-asset-to-customer-text": "Будь ласка, виберіть ресурси, призначені для клієнта",
+        "no-assets-text": "Не знайдено активів",
+        "assign-to-customer-text": "Будь ласка, виберіть клієнта, щоб надати активи",
+        "public": "Публічно",
+        "assignedToCustomer": "Наданий клієнту",
+        "make-public": "Зробити актив(и) публічним(и)",
+        "make-private": "Зробити актив(и) приватним(и)",
+        "unassign-from-customer": "Позбавити клієнта",
+        "delete": "Видалити актив",
+        "asset-public": "Актив є загальнодоступним",
+        "asset-type": "Тип активу",
+        "asset-type-required": "Тип активу обов'язковий.",
+        "select-asset-type": "Виберіть тип активу",
+        "enter-asset-type": "Введіть тип активу",
+        "any-asset": "Будь-який актив",
+        "no-asset-types-matching": "Не знайдено жодних активів, що відповідають даному типу '{{entitySubtype}}'.",
+        "asset-type-list-empty": "Не вибрано жодного типу активів.",
+        "asset-types": "Типи активів",
+        "name": "Ім'я",
+        "name-required": "Ім'я обов'язкове.",
+        "description": "Опис",
+        "type": "Тип",
+        "type-required": "Тип обов'язковий.",
+        "details": "Подробиці",
+        "events": "Події",
+        "add-asset-text": "Додати новий актив",
+        "asset-details": "Інформація про актив",
+        "assign-assets": "Надати активи",
+        "assign-assets-text": "Надати { count, plural, 1 {1 актив} other {# активи} } клієнту",
+        "delete-assets": "Видалити активи",
+        "unassign-assets": "Позбавити активів",
+        "unassign-assets-action-title": "Позбавити { count, plural, 1 {1 актив} other {# активи} } клієнта",
+        "assign-new-asset": "Надати новий актив",
+        "delete-asset-title": "Ви впевнені, що хочете видалити актив '{{assetName}}'?",
+        "delete-asset-text": "Будьте обережні, після підтвердження, актив і всі пов'язані з ним дані буде втрачено",
+        "delete-assets-title": "Ви впевнені, що хочете видалити { count, plural, 1 {1 актив} other {# активи} }?",
+        "delete-assets-action-title": "Видалити{ count, plural, 1 {1 актив} other {# активи} }",
+        "delete-assets-text": "Будьте обережні, після підтвердження всі вибрані об'єкти буде видалено, і всі пов'язані з ними дані буде втрачено.",
+        "make-public-asset-title": "Ви дійсно хочете, щоб актив '{{assetName}}' був загальнодоступним?",
+        "make-public-asset-text": "Після підтвердження, актив і всі його дані будуть доступними для інших.",
+        "make-private-asset-title": "Ви впевнені, що хочете зробити актив {{assetName}} приватним?",
+        "make-private-asset-text": "Після підтвердження, актив та всі його дані будуть приватними та не будуть доступні іншим.",
+        "unassign-asset-title": "Ви впевнені, що хочете позбавити активу '{{assetName}}'?",
+        "unassign-asset-text": "Після підтвердження клієнт буде позбавлений активу. Дані активу не будуть доступні клієнту.",
+        "unassign-asset": "Позбавити активу",
+        "unassign-assets-title": "Ви впевнені, що хочете позбавити активів { count, plural, 1 {1 актив} other {# активи} }?",
+        "unassign-assets-text": "Після підтвердження, клієнт буде позбавлений усіх вибраних активів. Дані активів не будуть доступні клієнту.",
+        "copyId": "Копіювати Id активу",
+        "idCopiedMessage": "Id активу був скопійований у буфер обміну",
+        "select-asset": "Виберіть актив",
+        "no-assets-matching": "Не знайдено жодних активів, що відповідають'{{entity}}'.",
+        "asset-required": "Необхідно задати актив",
+        "name-starts-with": "Назва активу починається з",
+        "selected-assets": "{ count, plural, 1 {1 актив} other {# активи} } selected",
+        "search": "Пошук активів",
+        "select-group-to-add": "Виберіть цільову групу, щоб додати вибрані активи",
+        "select-group-to-move": "Виберіть цільову групу для переміщення вибраних активів",
+        "remove-assets-from-group": "Ви впевнені, що хочете видалити { count, plural, 1 {1 актив} other {# актив} } з групи '{entityGroup}'?",
+        "group": "Група активів",
+        "list-of-groups": "{ count, plural, 1 {Одна група активів} other {Список # груп активів} }",
+        "group-name-starts-with": "Групи активів, чиї імена починаються з '{{prefix}}'",
+        "import": "Імпортувати активи",
+        "asset-file": "Файл з активами",
+        "label": "Мітка"
+    },
+    "attribute": {
+        "attributes": "Атрибути",
+        "latest-telemetry": "Остання телеметрія",
+        "attributes-scope": "Область видимості атрибутів",
+        "scope-latest-telemetry": "Остання телеметрія",
+        "scope-client": "Клієнтські атрибути",
+        "scope-server": "Серверні атрибути",
+        "scope-shared": "Спільні атрибути",
+        "add": "Додати атрибут",
+        "add-attribute-prompt": "Будь ласка, додайте атрибут",
+        "key": "Ключ",
+        "last-update-time": "Останнє оновлення",
+        "key-required": "Ключ атрибута обов'язковий.",
+        "value": "Значення",
+        "value-required": "Значення атрибута обов'язкове.",
+        "delete-attributes-title": "Ви впевнені, що хочете видалити { count, plural, 1 {1 attribute} other {# attributes} }?",
+        "delete-attributes-text": "Будьте обережні, після підтвердження, всі виділені атрибути будуть видалені.",
+        "delete-attributes": "Видалити атрибути",
+        "enter-attribute-value": "Введіть значення атрибута",
+        "show-on-widget": "Показати на віджеті",
+        "widget-mode": "Режим віджетів",
+        "next-widget": "Наступний віджет",
+        "prev-widget": "Попередній віджет",
+        "add-to-dashboard": "Додати до інформаційної панелі",
+        "add-widget-to-dashboard": "Додати віджет до інформаційної панелі",
+        "selected-attributes": "{ count, plural, 1 {1 attribute} other {# attributes} } selected ...вибрані вибрати",
+        "selected-telemetry": "{ count, plural, 1 {1 telemetry unit} other {# telemetry units} } selected"
+    },
+    "audit-log": {
+        "audit": "Операція",
+        "audit-logs": "Журнал операцій",
+        "timestamp": "Тимчасова позначка",
+        "entity-type": "Тип одиниці",
+        "entity-name": "Назва організації",
+        "user": "Користувач",
+        "type": "Тип",
+        "status": "Статус",
+        "details": "Подробиці",
+        "type-added": "Додано",
+        "type-deleted": "Вилучено",
+        "type-updated": "Оновлено",
+        "type-attributes-updated": "Атрибути оновлені",
+        "type-attributes-deleted": "Атрибути видалені",
+        "type-rpc-call": "RPC дзвінок",
+        "type-credentials-updated": "Авторизаційні дані оновлено",
+        "type-assigned-to-customer": "Призначено клієнту",
+        "type-unassigned-from-customer": "Позбавлено від клієнта",
+        "type-activated": "Активовано",
+        "type-suspended": "Призупинено",
+        "type-credentials-read": "Авторизаційні дані прочитані",
+        "type-attributes-read": "Атрибути читаються",
+        "type-added-to-entity-group": "Додано до групи",
+        "type-removed-from-entity-group": "Вилучено з групи",
+        "type-relation-add-or-update": "Відношення оновлено",
+        "type-relation-delete": "Відношення видалено",
+        "type-relations-delete": "Всі відношення видалено",
+        "type-alarm-ack": "Визнано",
+        "type-alarm-clear": "Очищено",
+        "type-login": "Вхід",
+        "type-logout": "Вихід",
+        "type-lockout": "Заблокований",
+        "type-rest-api-rule-engine-call": "Rule engine REST API call",
+        "status-success": "Успішно",
+        "status-failure": "Невдало",
+        "audit-log-details": "Подробиці журналу операцій",
+        "no-audit-logs-prompt": "Жодних журналів операцій не знайдено",
+        "action-data": "Дані про дії",
+        "failure-details": "Невдалі подробиці",
+        "search": "Пошук журналів перевірки",
+        "clear-search": "Очистити пошук"
+    },
+    "confirm-on-exit": {
+        "message": "У вас є незбережені зміни. Ви впевнені, що хочете залишити цю сторінку?",
+        "html-message": "У вас є незбережені зміни. <br/> Ви впевнені, що хочете залишити цю сторінку?",
+        "title": "Незбережені зміни"
+    },
+    "contact": {
+        "country": "Країна",
+        "city": "Місто",
+        "state": "Штат / Провінція",
+        "postal-code": "Поштовий індекс",
+        "postal-code-invalid": "Неправильний формат поштового індексу.",
+        "address": "Адреса",
+        "address2": "Адреса 2",
+        "phone": "Телефон",
+        "email": "Електронна пошта",
+        "no-address": "Немає адреси"
+    },
+    "common": {
+        "username": "Ім'я користувача",
+        "password": "Пароль",
+        "enter-username": "Введіть ім'я користувача",
+        "enter-password": "Введіть пароль",
+        "enter-search": "Введіть пошук"
+    },
+    "converter": {
+        "converter": "Перетворювач даних",
+        "converters": "Перетворювачі даних",
+        "select-converter": "Виберіть перетворювач даних",
+        "no-converters-matching": "Не має перетворювачів даних, які відповідають '{{entity}}'.",
+        "converter-required": "Необхідно вказати перетворювач даних",
+        "delete": "Видалити перетворювач даних",
+        "management": "Управління перетворювачами даних",
+        "add-converter-text": "Додати новий перетворювач даних",
+        "no-converters-text": "Перетворювачів даних не знайдено",
+        "selected-converters": "{ count, plural, 1 {1 перетворювач даних} other {# перетворювачі даних} } вибраний",
+        "delete-converter-title": "Ви впевнені, що хочете видалити перетворювач даних '{{converterName}}'?",
+        "delete-converter-text": "Будьте обережні, після підтвердження, перетворювач даних та всі пов'язані з ним дані,стануть недоступними).",
+        "delete-converters-title": "Ви впевнені, що хочете видалити{ count, plural, 1 {1 перетворювач даних} other {# перетворювачі даних} }?",
+        "delete-converters-action-title": "Видалити { count, plural, 1 {1 перетворювач даних} other {# перетворювачі даних} }",
+        "delete-converters-text": "Будьте обережні, після підтвердження всі вибрані перетворювачі даних буде видалено, і всі пов'язані з ними дані буде втрачено.",
+        "events": "Події",
+        "add": "Додати перетворювач даних",
+        "converter-details": "Подробиці про перетворювач даних",
+        "details": "Подробиці",
+        "copyId": "Копіювати Id перетворювача даних",
+        "idCopiedMessage": "Id перетворювача даних було скопійовано у буфер обміну",
+        "debug-mode": "Режим налагодження",
+        "name": "Ім'я",
+        "name-required": "Ім'я обов'язкове.",
+        "description": "Опис",
+        "decoder": "Декодер",
+        "encoder": "Кодер",
+        "test-decoder-fuction": "Тестування функції декодера",
+        "test-encoder-fuction": "Тестування функції кодера",
+        "decoder-input-params": "Вхідні параметри декодера",
+        "encoder-input-params": "Вхідні параметри кодера",
+        "payload": "Вхідне повідомлення",
+        "payload-content-type": "Тип контенту вхідного повідомлення",
+        "payload-content": "Зміст вхідного повідомлення",
+        "message": "Повідомлення",
+        "message-type": "Тип повідомлення",
+        "message-type-required": "Необхідно задати тип повідомлення",
+        "test": "Тест",
+        "metadata": "Метадані",
+        "metadata-required": "Записи метаданих не можуть бути порожніми.",
+        "integration-metadata": "Метедані інтеграції",
+        "integration-metadata-required": "Параметри метаданих інтеграції не можуть бути порожніми.",
+        "output": "Вихідні дані",
+        "import": "Імпорт перетворювача даних",
+        "export": "Експорт перетворювача даних",
+        "export-failed-error": "Неможливо експортувати перетворювач даних: {{помилка}}",
+        "create-new-converter": "Створити новий перетворювач даних",
+        "converter-file": "Файл перетворювача даних(конвектер файл)",
+        "invalid-converter-file-error": "Неможливо імпортувати перетворювач даних: недійсна структура даних перетворювача.",
+        "type": "Тип",
+        "type-required": "Необхідно задати тип.",
+        "type-uplink": "Від пристрою",
+        "type-downlink": "До пристрою"
+    },
+    "content-type": {
+        "json": "Json",
+        "text": "Текст",
+        "binary": "Бінарний (Base64)"
+    },
+    "customer": {
+        "customer": "Клієнт",
+        "customers": "Клієнти",
+        "management": "Клієнтський менеджмент",
+        "dashboard": "Інформаційна панель клієнта",
+        "dashboards": "Інформаційні панелі клієнта",
+        "devices": "Пристрої клієнта",
+        "entity-views": "Представлення сутностей",
+        "assets": "Клієнтські активи",
+        "public-dashboards": "Публічні інформаційні панелі",
+        "public-devices": "Публічні пристрої",
+        "public-assets": "Публічні активи",
+        "public-entity-views": "Публічне представлення сутностей 440",
+        "add": "Додати клієнта",
+        "delete": "Видалити клієнта",
+        "manage-customer-users": "Керування користувачами клієнта",
+        "manage-customer-devices": "Керування пристроями клієнта",
+        "manage-customer-dashboards": "Керування інформаційними панелями клієнта",
+        "manage-public-devices": "Керувати загальнодоступними пристроями",
+        "manage-public-dashboards": "Керування загальнодоступними інформаційними панелями",
+        "manage-customer-assets": "Керування активами клієнта",
+        "manage-public-assets": "Керування загальнодоступними активами",
+        "add-customer-text": "Додати нового клієнта",
+        "no-customers-text": "Клієнтів не знайдено",
+        "customer-details": "Інформація про клієнта",
+        "delete-customer-title": "Ви впевнені, що хочете видалити клієнта '{{customerTitle}}'?",
+        "delete-customer-text": "Будьте обережні, після підтвердження, клієнт та всі пов'язані з ним дані, стануть недоступними.",
+        "delete-customers-title": "Ви впевнені, що хочете видалити {count, plural, 1 {1 клієнт} other {# клієнти} }?",
+        "delete-customers-action-title": "Видалити{ count, plural, 1 {1 клієнт} other {# клієнти} }",
+        "delete-customers-text": "Будьте обережні, після підтвердження, всі вибрані клієнти будуть видалені і всі пов'язані з ними дані, стануть недоступними.",
+        "manage-users": "Керування користувачами",
+        "manage-assets": "Керування активами",
+        "manage-devices": "Керування пристроями",
+        "manage-dashboards": "Керування інформаційними панелями",
+        "title": "Назва",
+        "title-required": "Необхідно задати назву.",
+        "description": "Опис",
+        "details": "Подробиці",
+        "events": "Події",
+        "copyId": "Копіювати Id клієнта",
+        "idCopiedMessage": "Id клієнта було скопійовано в буфер обміну",
+        "select-customer": "Виберіть клієнта",
+        "no-customers-matching": "Клієнтів, які відповідають  '{{entity}}' не знайдено.",
+        "customer-required": "Необхідно задати клієнта",
+        "selected-customers": "{ count, plural, 1 {1 клієнт} other {# клієнти} } вибрано",
+        "search": "Пошук клієнтів",
+        "select-group-to-add": "Виберіть цільову групу, щоб додати вибраних клієнтів",
+        "select-group-to-move": "Виберіть цільову групу для переміщення вибраних клієнтів",
+        "remove-customers-from-group": "Ви впевнені, що хочете видалити{ count, plural, 1 {1 клієнт} other {# клієнти} } з групи'{entityGroup}'?",
+        "group": "Група клієнтів",
+        "list-of-groups": "{ count, plural, 1 {Одна група клієнтів} other {Список # груп клієнтів} }",
+        "group-name-starts-with": "Групи клієнтів, імена яких починаються з '{{prefix}}'",
+        "select-default-customer": "Вибрати клієнта за замовчуванням",
+        "default-customer": "Клієнт за замовчуванням",
+        "default-customer-required": "Необхідно вказати клієнта за замовчуванням для налагодження панелі візуалізації на рівні замовника",
+        "allow-white-labeling": "Дозволити брендування"
+    },
+    "custom-translation": {
+        "custom-translation": "Переклад для користувача",
+        "translation-map": "Карта перекладу",
+        "key": "Ключ перекладу",
+        "import": "Імпорт перекладу",
+        "export": "Експорт перекладу",
+        "export-data": "Дані про експорт перекладу",
+        "import-data": "Дані про імпорт перекладу",
+        "translation-file": "Файл перекладу",
+        "invalid-translation-file-error": "Неможливо імпортувати файл перекладу: недійсна структура даних перекладу.",
+        "custom-translation-hint": "Визначте індивідуальний переклад в JSON нижче.  Цей JSON перезапише переклад за замовчуванням. Натисніть 'Завантажити файл перекладу', щоб отримати існуючий переклад. Ви також можете скористатись завантаженим файлом як посиланням на наявні пари параметрів перекладу ключ-значення.",
+        "download-locale-file": "Завантажити файл перекладу"
+    },
+    "datetime": {
+        "date-from": "Дата від",
+        "time-from": "Час від",
+        "date-to": "Дата до",
+        "time-to": "Час до"
+    },
+    "dashboard": {
+        "dashboard": "Панель приладів",
+        "dashboards": "Панелі приладів",
+        "management": "Управління панеллю приладів",
+        "view-dashboards": "Переглянути панелі приладів",
+        "add": "Додати панель приладів",
+        "assign-dashboard-to-customer": "Призначити панель(і) приладів замовнику",
+        "assign-dashboard-to-customer-text": "Будь ласка, виберіть панелі пристроїв, щоб призначити їх клієнту",
+        "assign-to-customer-text": "Виберіть клієнта, щоб призначити панелі пристроїв",
+        "assign-to-customer": "Призначити клієнту",
+        "unassign-from-customer": "Позбавити клієнта",
+        "make-public": "Зробити панель приладів публічною",
+        "make-private": "Зробити панель приладів приватною",
+        "manage-assigned-customers": "Керування призначеними клієнтами",
+        "assigned-customers": "Призначені клієнтам",
+        "assign-to-customers": "Призначити панелі приладів клієнтам",
+        "assign-to-customers-text": "Виберіть клієнтів для призначення панелей приладів",
+        "unassign-from-customers": "Позбавити клієнтів призначенних панелей приладів",
+        "unassign-from-customers-text": "Виберіть клієнтів для позбавлення їх призначених панелей приладів",
+        "no-dashboards-text": "Панелі приладів не знайдені",
+        "no-widgets": "Не налаштовано жодних віджетів",
+        "add-widget": "Додати новий віджет",
+        "title": "Назва",
+        "select-widget-title": "Вибрати віджет",
+        "select-widget-subtitle": "Список доступних типів віджетів",
+        "delete": "Видалити панель приладів",
+        "title-required": "Необхідно задати назву.",
+        "description": "Опис",
+        "details": "подробиці",
+        "dashboard-details": "Подробиці панелі приладів",
+        "add-dashboard-text": "Додати нову панель приладів",
+        "assign-dashboards": "Призначити панель приладів",
+        "assign-new-dashboard": "Призначити нову панель приладів",
+        "assign-dashboards-text": "Призначити { count, plural, 1 {1 панель приладів} other {# панелі приладів} } користувачам",
+        "unassign-dashboards-action-text": "Позбавити { count, plural, 1 {1 палелі приладів} other {# панелей приладів} } клієнтів",
+        "delete-dashboards": "Видалити панель приладів",
+        "unassign-dashboards": "Позбавити панелей приладів",
+        "unassign-dashboards-action-title": "Позбавити { count, plural, 1 {1 палелі приладів} other {# панелей приладів} } клієнтів",
+        "delete-dashboard-title": "Ви впевнені, що хочете видалити панель приладів '{{назва панелі приладів}}'?",
+        "delete-dashboard-text": "Будьте обережні, після підтвердження, панель приладів і всі пов'язані з нею дані стануть недоступними.",
+        "delete-dashboards-title": "Ви впевнені, що хочете видалити { count, plural, 1 {1 панель приладів} other {# панелі приладів} }?",
+        "delete-dashboards-action-title": "Видалити { count, plural, 1 {1 панель приладів} other {# панелі приладів} }",
+        "delete-dashboards-text": "Будьте обережні, після підтвердження, всі вибрані панелі приладів буде видалено, і всі пов'язані з ними дані стануть недоступними.",
+        "unassign-dashboard-title": "Ви впевнені, що хочете позбавити панелі приладів '{{назва інформаційної панелі}}'?",
+        "unassign-dashboard-text": "Після підтвердження, клієнт буде позбавлений панелі приладів. Панель приладів і пов'язані з нею дані будуть недоступні клієнтові.",
+        "unassign-dashboard": "Позбавити панелі приладів",
+        "unassign-dashboards-title": "Ви впевнені, що хочете позбавити { count, plural, 1 {1 панелі приладів} other {# панелей приладів} }?",
+        "unassign-dashboards-text": "Після підтвердження, клієтн буде позбавлений усіх вибраних панелей приладів і даних, які з ними пов'язані.",
+        "public-dashboard-title": "Панель приладів тепер публічна",
+        "public-dashboard-text": "Ваша панель приладів <b>{{dashboardTitle}}</b> тепер публічна і доступна іншим <a href='{{publicLink}}' target='_blank'>link</a>:",
+        "public-dashboard-notice": "<b>Note:</b> Не забудьте зробити спільні пристрої загальнодоступними, щоб отримати доступ до їхніх даних.",
+        "make-private-dashboard-title": "Ви впевнені, що хочете зробити панель приладів '{{назва панелі приладів}}' приватною?",
+        "make-private-dashboard-text": "Після підтвердження панель приладів стане приватною і не буде доступною іншим.",
+        "make-private-dashboard": "Зробити панель приладів приватною",
+        "socialshare-text": "'{{dashboardTitle}}' powered by ThingsBoard",
+        "socialshare-title": "'{{dashboardTitle}}' powered by ThingsBoard",
+        "select-dashboard": "Вибрати панель приладів",
+        "no-dashboards-matching": "Не знайдено жодних панелей прилодів'{{entity}}' які відповідають.",
+        "dashboard-required": "Необхідно задати панель приладів.",
+        "select-existing": "Виберіть існуючу панель приладів",
+        "create-new": "Створити нову панель приладів",
+        "new-dashboard-title": "Нова назва панелі приладів",
+        "open-dashboard": "Відрити панель приладів",
+        "set-background": "Встановити фон",
+        "background-color": "Колір фону",
+        "background-image": "Фонове зображення",
+        "background-size-mode": "Режим фонового розміру",
+        "no-image": "Не вибрано жодного зображення",
+        "drop-image": "Перетягніть зображення або клацніть, щоб вибрати файл для завантаження.",
+        "settings": "Налаштування",
+        "columns-count": "Кількість стовпців",
+        "columns-count-required": "Необхідно вказати кількість стовпців.",
+        "min-columns-count-message": "Дозволений мінімум -10 стовпців.",
+        "max-columns-count-message": "Дозволений максимум - 1000 стовпців.",
+        "widgets-margins": "Відступ між віджетами",
+        "horizontal-margin": "Горизонтальний відступ",
+        "horizontal-margin-required": "Необхідно вказати горизонтальний відступ.",
+        "min-horizontal-margin-message": "Допустиме мінімальне значення горизонтального відступу - 0.",
+        "max-horizontal-margin-message": "Допустиме максимальне значення горизонтального відступу - 50.",
+        "vertical-margin": "Вертикальний відступ",
+        "vertical-margin-required": "Необхідно вказати вертикальний відступ.",
+        "min-vertical-margin-message": "Допустиме мінімальне значення вертикального відступу - 0.",
+        "max-vertical-margin-message": "Допустиме максимальне значення вертикального відступу - 50.",
+        "autofill-height": "Висота автоматичного заповнення макета",
+        "mobile-layout": "Налаштування макета для мобільних пристроїв",
+        "mobile-row-height": "Висота рядка для мобільних пристроїв, px",
+        "mobile-row-height-required": "Потрібно вказати значення висоти рядка для мобільних пристроїв.",
+        "min-mobile-row-height-message": "Допустиме мінімальне значення висоти рядка для мобільних пристроїв - 5 пікселів.",
+        "max-mobile-row-height-message": "Допустиме максимальне значення висоти рядка для мобільних пристроїв - 200 пікселів.",
+        "display-title": "Відображати назву панелі візуалізації",
+        "toolbar-always-open": "Тримайте панель візуалізації відкритою",
+        "title-color": "Колір назви",
+        "display-dashboards-selection": "Відображення вибору панелей візуалізації",
+        "display-entities-selection": "Вибір відображення сутності",
+        "display-dashboard-timewindow": "Відобразити налаштування часового проміжку",
+        "display-dashboard-export": "Відображення експорту",
+        "import": "Імпортувати панель візуалізації",
+        "export": "Експортувати панель візуалізації",
+        "export-failed-error": "Неможливо експортувати панель візуалізації: {{error}}",
+        "export-pdf": "Експортувати як PDF",
+        "export-png": "Експортувати як PNG",
+        "export-jpg": "Експортувати як JPEG",
+        "export-json-config": "Експортувати конфігурацію JSON",
+        "download-dashboard-progress": "Генерування панелі візуалізації {{reportType}} ...",
+        "create-new-dashboard": "Створити нову панель візуалізації",
+        "dashboard-file": "Файл панелі візуалізації",
+        "invalid-dashboard-file-error": "Неможливо імпортувати панель візуалізації: неправильна структура даних панелі візуалізації.",
+        "dashboard-import-missing-aliases-title": "Configure aliases used by imported dashboard Налаштування псевдонімів, що використовуються імпортованою панеллю візуалізації",
+        "create-new-widget": "Створити новий віджет",
+        "import-widget": "Імпортувати віджет",
+        "widget-file": "Файл віджета",
+        "invalid-widget-file-error": "Неможливо імпортувати віджет: неправильна структура даних віджета.",
+        "widget-import-missing-aliases-title": "Налаштувати псевдоніми, що використовуються імпортованим віджетом",
+        "open-toolbar": "Відкрити панель інструменів ",
+        "close-toolbar": "Закрити панель інструменів",
+        "configuration-error": "Помилка конфігурації",
+        "alias-resolution-error-title": "Помилка конфігурації псевдонімів панелі візуалізації",
+        "invalid-aliases-config": "Неможливо знайти пристрої, які відповідають певному фільтру псевдонімів. <br/> Зверніться до свого адміністратора, щоб вирішити цю проблему.",
+        "select-devices": "Вибрати пристрої",
+        "assignedToCustomer": "Призначений клієнту",
+        "assignedToCustomers": "Призначений клієнтам",
+        "public": "Публічно",
+        "public-link": "Публічне посилання",
+        "copy-public-link": "Копіювати публічне посилання",
+        "public-link-copied-message": "Публічне посилання було скопійоване в буфер обміну панелі візуалізації",
+        "manage-states": "Керування станами панелі візуалізації",
+        "states": "Стани панелі візуалізації",
+        "search-states": "Пошук станів панелі візуалізації",
+        "selected-states": "{ count, plural, 1 {1 dashboard state} other {# dashboard states} } вибрано",
+        "edit-state": "Редагувати стан панелі візуалізації",
+        "delete-state": "Видалити стан панелі візуалізації ",
+        "add-state": "Додати стан панелі візуалізації",
+        "state": "Стан панелі візуалізації",
+        "state-name": "Ім'я",
+        "state-name-required": "Необхідно вказати назву стану панелі візуалізації.",
+        "state-id": "Стан Id",
+        "state-id-required": "Необхідно вказати id стану панелі візуалізації.",
+        "state-id-exists": "Стан інформаційної панелі з таким id вже існує.",
+        "is-root-state": "Основний стан",
+        "delete-state-title": "Видалити стан панелі візуалізації",
+        "delete-state-text": "Ви впевнені, що хочете видалити стан панелі візуалізації з іменем '{{stateName}}'?",
+        "show-details": "Показати деталі",
+        "hide-details": "Приховати деталі",
+        "select-state": "Виберіть цільовий стан",
+        "state-controller": "Контроллер стану"
+    },
+    "datakey": {
+        "settings": "Налаштування",
+        "advanced": "Додатково",
+        "label": "Мітка",
+        "color": "Колір",
+        "units": "Спеціальний символ, який показує наступне значення",
+        "decimals": "Кількість цифр після плаваючої точки",
+        "data-generation-func": "Функція генерації даних",
+        "use-data-post-processing-func": "Використовувати функцію пост-обробки даних",
+        "configuration": "Конфігурація ключа даних",
+        "timeseries": "Телеметрія",
+        "attributes": "Атрибути",
+        "entity-field": "Поле сутності",
+        "alarm": "Поля сигнала тривоги",
+        "timeseries-required": "Необхідно вказати Телеметрія.",
+        "timeseries-or-attributes-required": "Необхідно вказати телеметрію/атрибути.",
+        "maximum-timeseries-or-attributes": "Максимальні { count, plural, 1 {1 телеметрія/атрибут дозволені.} other {# телеметрія/атрибути дозволені} }",
+        "alarm-fields-required": "Необхідно вказати поля сигнала тривоги.",
+        "function-types": "Типи функцій",
+        "function-types-required": "Необхідно вказати типи функцій.",
+        "maximum-function-types": "Maximum { count, plural, 1 {1 function type is allowed.} other {# function types are allowed} }",
+        "time-description": "мітка часу поточного значення;",
+        "value-description": "поточне значення;",
+        "prev-value-description": "результат попереднього виклику функції;",
+        "time-prev-description": "мітка часу попереднього значення;",
+        "prev-orig-value-description": "оригінальне попереднє значення;"
+    },
+    "datasource": {
+        "type": "Тип джерела даних",
+        "name": "Ім'я",
+        "add-datasource-prompt": "Додайте джерело даних"
+    },
+    "details": {
+        "details": "Деталі",
+        "edit-mode": "Режим редагування",
+        "toggle-edit-mode": "Перемкнути режим редагування"
+    },
+    "device": {
+        "device": "Пристрій",
+        "device-required": "Необхідно задати пристрій.",
+        "devices": "Пристрої",
+        "management": "Управління пристроєм",
+        "view-devices": "Перегляд пристроїв",
+        "device-alias": "Псевдонім пристрою",
+        "aliases": "Псевдонім пристроїв",
+        "no-alias-matching": "'{{alias}}' не знайдено.",
+        "no-aliases-found": "Псевдонімів не знайдено.",
+        "no-key-matching": "'{{key}}' не знайдено.",
+        "no-keys-found": "Ключі не знайдено.",
+        "create-new-alias": "Створити новий!",
+        "create-new-key": "Створити новий!",
+        "duplicate-alias-error": "Псевдонім з таким іменем '{{alias}}' вже існює.<br>Псевдоніми пристроїв повинні бути унікальними на панелі візуалізації.",
+        "configure-alias": "Налаштувати псевдонім '{{alias}}'",
+        "no-devices-matching": "Не знайдено жодних пристроїв, які відповідають '{{entity}}'.",
+        "alias": "Псевдонім",
+        "alias-required": "Необхідно задати псевдонім пристрою.",
+        "remove-alias": "Видалити псевдонім пристрою",
+        "add-alias": "Додати псевдонім пристрою",
+        "name-starts-with": "Ім'я пристрою починається з",
+        "device-list": "Список пристроїв",
+        "use-device-name-filter": "Використати фільтр",
+        "device-list-empty": "Не вибрано жодного пристрою.",
+        "device-name-filter-required": "Необхідно задати назву фільтра пристрою.",
+        "device-name-filter-no-device-matched": "Не знайдено жодних пристроїв, що починаються з '{{device}}'.",
+        "add": "Додати пристрій",
+        "assign-to-customer": "Призначити клієнту",
+        "assign-device-to-customer": "Призначити пристрій (ої) клієнту",
+        "assign-device-to-customer-text": "Виберіть пристрої, які слід призначити клієнту",
+        "make-public": "Зробити пристрій публічним",
+        "make-private": "Зробити пристрій приватним",
+        "no-devices-text": "Не знайдено жодного пристрою",
+        "assign-to-customer-text": "Виберіть клієнта для призначення пристрою (їв)",
+        "device-details": "Деталі пристрою",
+        "add-device-text": "Додати новий пристрій",
+        "credentials": "Авторизаційні дані",
+        "manage-credentials": "Керування авторизаційними даними",
+        "delete": "Видалити пристрій",
+        "assign-devices": "Призначити пристрої",
+        "assign-devices-text": "Призначити { count, plural, 1 {1 пристрій} other {# пристрої} } клієнту",
+        "delete-devices": "Видалити пристрої",
+        "unassign-from-customer": "Позбавити клієнта пристроїв",
+        "unassign-devices": "Позбавити пристроїв",
+        "unassign-devices-action-title": "Позбавити клієнта { count, plural, 1 {1 пристрою} other {# пристроїв} }",
+        "assign-new-device": "Призначити новий пристрій",
+        "make-public-device-title": "Ви впевнені, що хочете зробити пристрій '{{deviceName}}' публічним?",
+        "make-public-device-text": "Після підтвердження пристрій і всі його дані будуть публічними та доступними для інших.",
+        "make-private-device-title": "Ви впевнені, що хочете зробити пристрій '{{deviceName}}' приватним?",
+        "make-private-device-text": "Після підтвердження пристрій і всі його дані будуть приватними та недоступними для інших.",
+        "view-credentials": "Переглянути авторизаційні дані",
+        "delete-device-title": "Ви впевнені, що хочете видалити пристрій '{{deviceName}}'?",
+        "delete-device-text": "Будьте обережні, після підтвердження, пристрій і всі пов'язані з ним дані стануть недоступними.",
+        "delete-devices-title": "Ви впевнені, що хочете видалити { count, plural, 1 {1 пристрій} other {# пристрої} }?",
+        "delete-devices-action-title": "Видалити { count, plural, 1 {1 пристрій} other {# пристрої} }",
+        "delete-devices-text": "Будьте обережні, після підтвердження, всі вибрані пристрої будуть видалені, і всі пов'язані з ними дані стануть недоступними.",
+        "unassign-device-title": "Ви впевнені, що хочете позбавити пристрою '{{deviceName}}'?",
+        "unassign-device-text": "Після підтвердження, клієнт буде позбавлений пристрою.",
+        "unassign-device": "Позбавити пристою",
+        "unassign-devices-title": "Ви впевненені, що хочете позбавити { count, plural, 1 {1 пристрою} other {# пристроїв} }?",
+        "unassign-devices-text": "Після підтвердження, клієнт буде позбавлений пристрою і пристрій стане не доступним клієнту",
+        "device-credentials": "Авторизаційні дані прстрою",
+        "credentials-type": "Тип авторизаційних даних",
+        "access-token": "Маркер доступу",
+        "access-token-required": "Необхідно вказати маркер доступу.",
+        "access-token-invalid": "Маркер доступу має бути від 1 до 20 символів.",
+        "rsa-key": "Публічний ключ RSA",
+        "rsa-key-required": "Необхідно вказати публічний ключ RSA.",
+        "secret": "Секрет",
+        "secret-required": "Необхідно вказати секрет.",
+        "device-type": "Тип пристрою",
+        "device-type-required": "Необхідно вказати тип пристрою.",
+        "select-device-type": "Виберіть тип пристрою",
+        "enter-device-type": "Введіть тип пристрою",
+        "any-device": "Будь-який пристрій",
+        "no-device-types-matching": "Не знайдено типів пристроїв, які відповідають '{{entitySubtype}}'.",
+        "device-type-list-empty": "Не вибрано типів пристроїв.",
+        "device-types": "Типи пристрою",
+        "name": "Ім'я",
+        "name-required": "Необхідно вказати ім'я.",
+        "description": "Опис",
+        "events": "Події",
+        "details": "Деталі",
+        "copyId": "Копіювати Id пристрою",
+        "copyAccessToken": "Копіювати маркер доступу",
+        "idCopiedMessage": "Id пристрою скопійовано в буфер обміну",
+        "accessTokenCopiedMessage": "Маркер доступу до пристрою скопійовано в буфер обміну",
+        "assignedToCustomer": "Призначений клієнту",
+        "unable-delete-device-alias-title": "Неможливо видалити псевдонім пристрою",
+        "unable-delete-device-alias-text": "Псевдонім пристрою '{{deviceAlias}}' не може бути видалений, оскільки він використовується наступним(и) віджетом(ами):<br/>{{widgetsList}}",
+        "is-gateway": "Шлюз",
+        "public": "Публічно",
+        "device-public": "Пристрій є публічним",
+        "select-device": "Виберіть пристрій",
+        "import": "Імпортувати пристрої",
+        "device-file": "Файл з пристроями",
+        "selected-devices": "{ count, plural, 1 {1 пристрій} other {# пристрої} } вибрано",
+        "search": "Шукати пристрої",
+        "select-group-to-add": "Виберіть цільову групу, щоб додати вибраний пристрій",
+        "select-group-to-move": "Виберіть цільову групу для переміщення вибраних пристроїв",
+        "remove-devices-from-group": "Ви впевнені, що хочете видалити { count, plural, 1 {1 пристрій} other {# пристрої} } з групи '{entityGroup}'?",
+        "group": "Група пристроїв",
+        "list-of-groups": "{ count, plural, 1 {Одна група пристроїв} other {Список # груп пристроїв} }",
+        "group-name-starts-with": "Групи пристроїв, імена яких починаються з '{{prefix}}'"
+    },
+    "dialog": {
+        "close": "Закрити діалогове вікно"
+    },
+    "direction": {
+        "column": "Колонка",
+        "row": "Рядок"
+    },
+    "error": {
+        "unable-to-connect": "Неможливо підключитися до сервера! Перевірте підключення до Інтернету.",
+        "unhandled-error-code": "Неопрацьований помилковий код: {{errorCode}}",
+        "unknown-error": "Невідома помилка"
+    },
+    "entity": {
+        "entity": "Сутність",
+        "entities": "Сутності",
+        "aliases": "Псевдоніми сутності",
+        "entity-alias": "Псевдонім сутності",
+        "unable-delete-entity-alias-title": "Неможливо видалити псевдонім сутності",
+        "unable-delete-entity-alias-text": "Псевдонім сутності'{{entityAlias}}' неможливо видалити, так як це використовується наступним віджетом(s):<br/>{{widgetsList}}",
+        "duplicate-alias-error": "Знайдено повторюваний псевдонім '{{alias}}'.<br> Псевдоніми сутностей повинні бути унікальними на панелі візуалізації.",
+        "missing-entity-filter-error": "Відсутній фільтр для псевдоніма '{{alias}}'.",
+        "configure-alias": "Налаштувати '{{alias}}' псевдонім",
+        "alias": "Псевдонім",
+        "alias-required": "Необхідно вказати псевдонім сутності.",
+        "remove-alias": "Видалити псевдонім сутності",
+        "add-alias": "Додати псевдонім сутності",
+        "entity-list": "Список сутності",
+        "entity-type": "Тип сутності",
+        "entity-types": "Типи сутності",
+        "entity-type-list": "Список типу сутності",
+        "any-entity": "Будь-яка сутність",
+        "enter-entity-type": "Введіть тип сутності",
+        "no-entities-matching": "Не знайдено жожних сутностей, що відповідають '{{entity}}' що відповідають.",
+        "no-entity-types-matching": "Не знайдено жожних типів сутностей, що відповідають '{{entityType}}'.",
+        "name-starts-with": "Назва починається з",
+        "use-entity-name-filter": "Використовуйте фільтр",
+        "entity-list-empty": "Не вибрано жодних сутностей.",
+        "entity-type-list-empty": "Не вибрано жодних типів сутностей.",
+        "entity-name-filter-required": "Необхідно задати фільтр по імені.",
+        "entity-name-filter-no-entity-matched": "Не знайдено жодних сутностей, що починаються з '{{entity}}'.",
+        "all-subtypes": "Всі",
+        "select-entities": "Виберіть сутність",
+        "no-aliases-found": "Псевдонімів не знайдено.",
+        "no-alias-matching": "'{{alias}}' не знайдено.",
+        "create-new-alias": "Створити новий псевдонім!",
+        "key": "Ключ",
+        "key-name": "Ім'я ключа",
+        "no-keys-found": "No keys found.",
+        "no-key-matching": "'{{key}}' не знайдено.",
+        "create-new-key": "Створити новий ключ!",
+        "type": "Тип",
+        "type-required": "Необхідно задати тип сутності.",
+        "type-device": "Пристрій",
+        "type-devices": "Пристрої",
+        "list-of-devices": "{ count, plural, 1 {Один пристрій} other {Список # пристроїв} }",
+        "device-name-starts-with": "Пристрої, імена яких починаються з '{{prefix}}'",
+        "type-asset": "Актив",
+        "type-assets": "Активи",
+        "list-of-assets": "{ count, plural, 1 {Один актив} other {Список # активів} }",
+        "asset-name-starts-with": "Активи,  імена яких починаються з '{{prefix}}'",
+        "type-entity-view": "Перегляд сутності",
+        "type-entity-views": "Перегляди сутності",
+        "list-of-entity-views": "{ count, plural, 1 {Один перегляд сутності} other {Список # переглядів сутності} }",
+        "entity-view-name-starts-with": "Перегляди сутностей, імена яких починаються з '{{prefix}}'",
+        "type-rule": "Правило",
+        "type-rules": "Правила",
+        "list-of-rules": "{ count, plural, 1 {Одне правило} other {Список # правил} }",
+        "rule-name-starts-with": "Правила, імена яких починаються з '{{prefix}}'",
+        "type-plugin": "Плагін",
+        "type-plugins": "Плагіни",
+        "list-of-plugins": "{ count, plural, 1 {Один плагін} other {Список # плагінів} }",
+        "plugin-name-starts-with": "Плагіни, імена яких починаються з  '{{prefix}}'",
+        "type-tenant": "Власник",
+        "type-tenants": "Власники",
+        "list-of-tenants": "{ count, plural, 1 {Один власник} other {Список # власників} }",
+        "tenant-name-starts-with": "Власники, імена яких починаються з '{{prefix}}'",
+        "type-customer": "Клієнт",
+        "type-customers": "Клієнти",
+        "list-of-customers": "{ count, plural, 1 {Один клієнт} other {Список # клієнтів} }",
+        "customer-name-starts-with": "Клієнти, імена яких починаються з '{{prefix}}'",
+        "type-user": "Користувач",
+        "type-users": "Користувачі",
+        "list-of-users": "{ count, plural, 1 {Один користувач} other {Список # користувачів } }",
+        "user-name-starts-with": "Користувачі, імена яких починаються з '{{prefix}}'",
+        "type-dashboard": "Панель візуалізації",
+        "type-dashboards": "Панелі візуалізації",
+        "list-of-dashboards": "{ count, plural, 1 {Одна панель візуалізації} other {Список # панелей візуалізації} }",
+        "dashboard-name-starts-with": "Панелі візуалізації, імена яких починаються з '{{prefix}}'",
+        "type-alarm": "Сигнал тривоги",
+        "type-alarms": "Сигнали тривоги",
+        "list-of-alarms": "{ count, plural, 1 {Один сигнал тривоги} other {Список # сигналів тривоги} }",
+        "alarm-name-starts-with": "Сигнали тривоги, імена яких починаються  '{{prefix}}'",
+        "type-rulechain": "Ланцюжок правил",
+        "type-rulechains": "Ланцюжки правил",
+        "list-of-rulechains": "{ count, plural, 1 {Один ланцюжок правил} other {Список # ланцюжків правил} }",
+        "rulechain-name-starts-with": "Правило ланцюжків, імена яких починаються '{{prefix}}'",
+        "type-scheduler-event": "Scheduler event",
+        "type-scheduler-events": "Scheduler events",
+        "list-of-scheduler-events": "{ count, plural, 1 {One scheduler event} other {List of # scheduler events} }",
+        "scheduler-event-name-starts-with": "Scheduler events whose names start with '{{prefix}}'",
+        "type-blob-entity": "Blob entity",
+        "type-blob-entities": "Blob entities",
+        "list-of-blob-entities": "{ count, plural, 1 {One blob entity} other {List of # blob entities} }",
+        "blob-entity-name-starts-with": "Blob entities whose names start with '{{prefix}}'",
+        "type-rulenode": "Правило",
+        "type-rulenodes": "Правила",
+        "list-of-rulenodes": "{ count, plural, 1 {Одне правило} other {Список # правил} }",
+        "rulenode-name-starts-with": "Список правил, імена яких починаються '{{prefix}}'",
+        "type-current-customer": "Поточний клієнт",
+        "search": "Пошук сутностей",
+        "selected-entities": "{ count, plural, 1 {1 сутність} other {# сутності} } вибрано",
+        "entity-name": "Ім'я сутності",
+        "entity-label": "Мітка сутності",
+        "details": "Подробиці сутності",
+        "no-entities-prompt": "Сутності не знайдено",
+        "no-data": "Немає даних для відображення",
+        "columns-to-display": "Стовпці для відображення",
+        "type-entity-group": "Група сутностей",
+        "type-converter": "Перетворювач даних",
+        "type-converters": "Перетворювачі даних",
+        "list-of-converters": "{ count, plural, 1 {Однин перетворювач даних} other {Список # перетворювачів даних} }",
+        "converter-name-starts-with": "Перетворювачі даних, імена яких починаються з '{{prefix}}'",
+        "type-integration": "Інтеграція",
+        "type-integrations": "Інтеграції",
+        "list-of-integrations": "{ count, plural, 1 {Одна інтеграція} other {Список # інтеграцій} }",
+        "integration-name-starts-with": "Інтеграції, імена яких починаються з '{{prefix}}'"
+    },
+    "entity-field": {
+        "created-time": "Час створення",
+        "name": "Ім'я",
+        "type": "Тип",
+        "first-name": "Ім'я",
+        "last-name": "Прізвище",
+        "email": "Електронна пошта",
+        "title": "Назва",
+        "country": "Країна",
+        "state": "Штат",
+        "city": "Місто",
+        "address": "Адреса",
+        "address2": "Адреса 2",
+        "zip": "Zip",
+        "phone": "Телефон",
+        "label": "Мітка"
+    },
+    "entity-group": {
+        "entity-group": "Група сутності",
+        "details": "Деталі",
+        "columns": "Стовпці",
+        "add-column": "Додати стовпець",
+        "column-value": "Значення",
+        "column-value-required": "Необхідно вказати значення.",
+        "column-title": "Назва",
+        "default-sort-order": "Основний порядок сортування",
+        "default-sort-order-required": "Необхідно вказати основний порядок сортування.",
+        "hide-in-mobile-view": "Мобільний приховано",
+        "use-cell-style-function": "Використовувати функцію стилю комірки",
+        "use-cell-content-function": "Use cell content function",
+        "edit-column": "Редагувати стовпець",
+        "column-details": "Деталі стовпця",
+        "actions": "Дії",
+        "settings": "Налаштування",
+        "delete": "Видалити групу сутностей",
+        "name": "Ім'я",
+        "name-required": "Необхідно вказати ім'я.",
+        "description": "Опис",
+        "add": "Додати групу сутностей",
+        "add-entity-group-text": "Додати нову групу сутностей",
+        "no-entity-groups-text": "Не знайдено жодних груп сутності",
+        "entity-group-details": "Деталі групи сутності",
+        "delete-entity-groups": "Видалити групи сутностей",
+        "delete-entity-group-title": "Ви впевнені, що хочете видалити групу сутності '{{entityGroupName}}'?",
+        "delete-entity-group-text": "Будьте обережні, після підтвердження, група сутностей і всі пов'язані з нею дані стануть недоступними.",
+        "delete-entity-groups-title": "Ви впевнені, що хочете видалити { count, plural, 1 {1 групу сутності} other {# групи сутностей} }?",
+        "delete-entity-groups-action-title": "Видалити { count, plural, 1 {1 групу сутності} other {# групи сутностей} }",
+        "delete-entity-groups-text": "Будьте обережні, після підтвердження, всі виділені групи сутностей і  пов'язані з ними дані, стануть недоступними.",
+        "device-groups": "Групи пристроїв",
+        "asset-groups": "Групи активів",
+        "customer-groups": "Групи клієнтів",
+        "device-group": "Група пристроїв",
+        "asset-group": "Група активів",
+        "customer-group": "Група клієнтів",
+        "fetch-more": "Отримати більше",
+        "column-type": {
+            "column-type": "Тип стовпця",
+            "client-attribute": "Атрибут клієнта",
+            "shared-attribute": "Спільний атрибут",
+            "server-attribute": "Атрибут сервера",
+            "timeseries": "Телеметрія",
+            "entity-field": "Поле сутності"
+        },
+        "column-type-required": "Необхідно вказати тип стовпця.",
+        "entity-field": {
+            "created-time": "Час створення",
+            "name": "Ім'я",
+            "type": "Тип",
+            "assigned_customer": "Призначений клієнт",
+            "authority": "Авторитет",
+            "first_name": "Ім'я",
+            "last_name": "Прізвище",
+            "email": "Електронна пошта",
+            "title": "Назва",
+            "country": "Країна",
+            "state": "Штат",
+            "city": "Місто",
+            "address": "Адреса",
+            "address2": "Адреса 2",
+            "zip": "Zip",
+            "phone": "Телефон"
+        },
+        "sort-order": {
+            "asc": "У порядку зростання",
+            "desc": "У порядку зменшення",
+            "none": "Немає"
+        },
+        "details-mode": {
+            "on-row-click": "Клацніть на рядок",
+            "on-action-button-click": "Клацніть на кнопку детелі",
+            "disabled": "Вимкнено"
+        },
+        "add-to-group": "Додати до групи",
+        "move-to-group": "Перемістити до групи",
+        "select-entity-group": "Виберіть групу сутностей",
+        "no-entity-groups-matching": "Не знайдено жодних груп сутностей, що відповідають '{{entityGroup}}'.",
+        "target-entity-group-required": "Необхідно вказати цільову групу сутності.",
+        "remove-from-group": "Видалити з групи",
+        "group-table-title": "Group table title",
+        "enable-search": "Увімкнути пошук сутностей",
+        "enable-add": "Увімкнути додавання сутностей",
+        "enable-delete": "Увімкнути видалення сутностей",
+        "enable-selection": "Увімкнути вибір сутностей",
+        "enable-group-transfer": "Увімкнути дії групового перенесення",
+        "display-pagination": "Відображення сторінок",
+        "default-page-size": "Розмір сторінки за замовчуванням",
+        "enable-assignment-actions": "Увімкнути дії призначення",
+        "enable-credentials-management": "Увімкнути керування авторизаційними даними",
+        "enable-users-management": "Увімкнути керування користувачами",
+        "enable-assets-management": "Увімкнути керування активами",
+        "enable-devices-management": "Увімкнути керування пристроями",
+        "enable-dashboards-management": "Увімкнути керування панелями візуалізації",
+        "open-details-on": "Відкрити деталі сутності по",
+        "select-existing": "Виберіть існуючу групу сутностей",
+        "create-new": "Створити нову групу сутностей",
+        "new-entity-group-name": "Нове ім'я групи сутностей",
+        "entity-group-list": "Список групи сутностей",
+        "entity-group-list-empty": "Не вибрано жодної групи сутностей.",
+        "name-starts-with": "Назва групи сутностей починається з",
+        "entity-group-name-filter-required": "Необхідно задати назву групи сутностей."
+    },
+    "entity-view": {
+        "entity-view": "Представлення сутності",
+        "entity-view-required": "Необхідно вказати представлення сутності.",
+        "entity-views": "Представлення сутностей",
+        "management": "Керування представленням сутностей",
+        "view-entity-views": "Переглянути представлення сутностей",
+        "entity-view-alias": "Псевдонім представлення сутності",
+        "aliases": "Псевдоніми представлення сутності",
+        "no-alias-matching": "Псевдонім'{{alias}}' не знайдено.",
+        "no-aliases-found": "Псевдоніми не знайдено.",
+        "no-key-matching": "'Ключ {{key}}' не знайдено.",
+        "no-keys-found": "Ключі не знайдено.",
+        "create-new-alias": "Створити новий!",
+        "create-new-key": "Створити новий!",
+        "duplicate-alias-error": "Псевдонім з такою назвою вже існує '{{alias}}'.<br>Псевдоніми представлення повинні бути унікальними на панелі візуалізації.",
+        "configure-alias": "Налаштувати псевдонім '{{alias}}'",
+        "no-entity-views-matching": "Сутності, які відповідають '{{entity}}' не знайдені.",
+        "alias": "Псевдонім",
+        "alias-required": "Необхідно вказати псевдонім представлення сутності.",
+        "remove-alias": "Видалити псевдонім представлення сутності",
+        "add-alias": "Додати псевдонім представлення сутності",
+        "name-starts-with": "Ім'я представлення сутності починається з",
+        "entity-view-list": "Список представленнь сутності",
+        "use-entity-view-name-filter": "Використати фільтр",
+        "entity-view-list-empty": "Не вибрано жодного представлення сутності.",
+        "entity-view-name-filter-required": "Необхідно вказвти фільтр назв представлення сутності.",
+        "entity-view-name-filter-no-entity-view-matched": "Представлення сутностей, назви яких починаються з '{{entityView}}' не знайдено.",
+        "add": "Додати представлення сутності",
+        "assign-to-customer": "Призначити клієнту",
+        "assign-entity-view-to-customer": "Призначити представлення сутності(ей) клієнту",
+        "assign-entity-view-to-customer-text": "Будь ласка, виберіть представлення сутності для призначення клієнту",
+        "no-entity-views-text": "Представлення сутності не знайдено",
+        "assign-to-customer-text": "Будь ласка, виберіть клієнта, для призначиення представлення(ь) сутності(ей)",
+        "entity-view-details": "Деталі представлення сутності",
+        "add-entity-view-text": "Додати нове представлення сутності",
+        "delete": "Видалити представлення сутності",
+        "assign-entity-views": "Призначити представлення сутності",
+        "assign-entity-views-text": "Призначити { count, plural, 1 {1 представлення сутності} other {# представлення  сутностей } } клієнту",
+        "delete-entity-views": "Видалити представлення сутностей",
+        "unassign-from-customer": "Відкликати у клієнта",
+        "unassign-entity-views": "Відкликати представлення сутностей",
+        "unassign-entity-views-action-title": "Відкликати { count, plural, 1 {1 представлення сутності} other {# представлень сутностей} } у клієнта",
+        "assign-new-entity-view": "Призначити нове представлення сутності",
+        "delete-entity-view-title": "Ви впевнені, що хочете видалити представлення сутності'{{entityViewName}}'?",
+        "delete-entity-view-text": "Будьте обережні, після підтвердження, представлення сутності та всі пов'язані з ним дані стануть недоступними.",
+        "delete-entity-views-title": "Ви впевнені, що хочете видалити { count, plural, 1 {1 представлення сутності } other {# представлення сутностей } }?",
+        "delete-entity-views-action-title": "Видалити { count, plural, 1 {1 представлення сутності } other {# представлення сутностей } }",
+        "delete-entity-views-text": "Будьте обережні, після підтвердження, всі виділені представлення сутностей та дні, пов'язані з ними стануть недоступними.",
+        "unassign-entity-view-title": "Ви впевнені, що хочете відкликати представлення сутності '{{entityViewName}}'?",
+        "unassign-entity-view-text": "Після підтвердження представлення сутності буде відкликане у клієнта. Дані представлення сутності не будуть доступні клієнту.",
+        "unassign-entity-view": "Відкликати представлення сутності",
+        "unassign-entity-views-title": "Ви впевнені, що хочете відкликати { count, plural, 1 {1 представлення сутності} other {# представлень сутностей} }?",
+        "unassign-entity-views-text": "Після підтвердження, клієнта буде позбавлено всіх виділених представлень сутностей. Дані представлень сутностей не будуть доступні клієнту.",
+        "entity-view-type": "Тип представлення сутності",
+        "entity-view-type-required": "Необхідно вказати тип представлення сутності.",
+        "select-entity-view-type": "Виберіть тип представлення сутності",
+        "enter-entity-view-type": "Введіть тип представлення сутності",
+        "any-entity-view": "Будь-яке представлення сутності",
+        "no-entity-view-types-matching": "Не знайдено жодних типів представлення сутності, що відповідають '{{entitySubtype}}'.",
+        "entity-view-type-list-empty": "Не вибрано тип представлення сутності.",
+        "entity-view-types": "Типи представлення сутності",
+        "name": "Ім'я",
+        "name-required": "Необхідно вказати ім'я.",
+        "description": "Опис",
+        "events": "Події",
+        "details": "Деталі",
+        "copyId": "Скопіювати Id представлення сутності",
+        "assignedToCustomer": "Призначений клієнту",
+        "unable-entity-view-device-alias-title": "Неможливо видалити псевдонім представлення сутності",
+        "unable-entity-view-device-alias-text": "Не вдалося видалити псевдонім пристрою'{{entityViewAlias}}', так як він використовується наступним(и) віджетом(ами):<br/>{{widgetsList}}",
+        "select-entity-view": "Вибрати представлення сутності",
+        "make-public": "Зробити представлення сутності публічним",
+        "make-private": "Зробити представлення сутності приватним",
+        "start-date": "Дата початку",
+        "start-ts": "Час початку",
+        "end-date": "Дата закінчення",
+        "end-ts": "Час завершення",
+        "date-limits": "Обмеження дати",
+        "client-attributes": "Атрибути клієнта",
+        "shared-attributes": "Спільні атрибути",
+        "server-attributes": "Атрибути сервера",
+        "timeseries": "Телеметрія",
+        "client-attributes-placeholder": "Атрибути клієнта",
+        "shared-attributes-placeholder": "Спільні атрибути",
+        "server-attributes-placeholder": "Атрибути сервера",
+        "timeseries-placeholder": "Телеметрія",
+        "target-entity": "Цільова сутність",
+        "attributes-propagation": "Поширення атрибутів",
+        "attributes-propagation-hint": "Представлення сутності автоматично копіюватиме вказані атрибути з цільової сутності кожного разу, коли ви зберігаєте або оновлюєте його. В цілях продуктивності, атрибути цільової сутності не поширюються на представлення сутності при кожній зміні її атрибутів. Можна ввімкнути автоматичне поширення, налаштувавши правило \"copy to view\" у вашому ланцюжку правил і пов'язуючи його з повідомленнями типу \"Post attributes\" і \"Attributes Updated\"..",
+        "timeseries-data": "Дані телеметрії",
+        "timeseries-data-hint": "Налаштуйте ключі даних телеметрії цільової сутності, які будуть доступні представленню сутності. Ці дані доступні лише для читання.",
+        "make-public-entity-view-title": "Ви впевнені, що бажаєте зробити представлення сутності '{{entityViewName}}' публічним?",
+        "make-public-entity-view-text": "Після підтвердження представлення сутності і всі пов'язані з ним дані стануть публічними і будуть доступні для інших користувачів.",
+        "make-private-entity-view-title": "Ви впевнені, що бажаєте зробити представлення сутності '{{entityViewName}}' приватним?",
+        "make-private-entity-view-text": "Після підтвердження представлення сутності і всі пов'язані з ним дані стануть приватними і не будуть доступні для інших користувачів."
+    },
+    "event": {
+        "events": "Події",
+        "event-type": "Тип події",
+        "type-error": "Помилка",
+        "type-lc-event": "Подія життєвого циклу",
+        "type-stats": "Статистика",
+        "type-debug-converter": "Налагоджувати",
+        "type-debug-integration": "Налагоджувати",
+        "type-debug-rule-node": "Налагоджувати",
+        "type-debug-rule-chain": "Налагоджувати",
+        "no-events-prompt": "Не знайдено жодних подій",
+        "error": "Помилка",
+        "alarm": "Сигнал тривоги",
+        "event-time": "Час події",
+        "server": "Сервер",
+        "body": "Тіло",
+        "method": "Метод",
+        "type": "Тип",
+        "in": "In",
+        "out": "Out",
+        "metadata": "Метадані",
+        "message": "Повідомлення",
+        "entity": "Сутність",
+        "message-id": "Id повідомлення",
+        "message-type": "Тип повідомлення",
+        "data-type": "Тип даних",
+        "relation-type": "Тип зв'язку",
+        "data": "Дані",
+        "event": "Подія",
+        "status": "Статус",
+        "success": "Успіх",
+        "failed": "Невдача",
+        "messages-processed": "Повідомлення опрацьовані",
+        "errors-occurred": "Виникли помилки"
+    },
+    "extension": {
+        "extensions": "Розширення",
+        "selected-extensions": " вибрано { count, plural, 1 {1 розширення} other {# розширення} }",
+        "type": "Тип",
+        "key": "Ключ",
+        "value": "Значення",
+        "id": "Id",
+        "extension-id": "Id розширення",
+        "extension-type": "Тип розширення",
+        "transformer-json": "JSON *",
+        "unique-id-required": "Таке Id розширення вже існує.",
+        "delete": "Видалити розширення",
+        "add": "Додати розширення",
+        "edit": "Редагувати розширення",
+        "delete-extension-title": "Ви дійсно бажаєте видалити розширення '{{extensionId}}'?",
+        "delete-extension-text": "Будьте обережні, після підтвердження, розширення та всі пов'язані  з ним дані стануть недоступними.",
+        "delete-extensions-title": "Ви дійсно бажаєте видалити { count, plural, 1 {1 розширення} other {# розширення} }?",
+        "delete-extensions-text": "Будьте обережні, після підтвердження, всі вибрані розширення будуть видалені.",
+        "converters": "Перетворювачі",
+        "converter-id": "Id перетворювача",
+        "configuration": "Конфігурація",
+        "converter-configurations": "Конфігурації перетворювача",
+        "token": "Маркер безпеки",
+        "add-converter": "Додати конвертер",
+        "add-config": "Додати конфігурацію конвертера",
+        "device-name-expression": "Маска імені пристрою",
+        "device-type-expression": "Маска типу пристрою",
+        "custom": "Користувач",
+        "to-double": "Подвоїти",
+        "transformer": "Трансформатор",
+        "json-required": "Необхідно вказати json трансформатора.",
+        "json-parse": "Неможливо проаналізувати json трансформатора.",
+        "attributes": "Атрибути",
+        "add-attribute": "Додати атрибут",
+        "add-map": "Додати елемент відображення",
+        "timeseries": "Телеметрія",
+        "add-timeseries": "Додати параметри телеметрії",
+        "field-required": "Field is required",
+        "brokers": "Брокери",
+        "add-broker": "Додати брокера",
+        "host": "Хост",
+        "port": "Порт",
+        "port-range": "Значення порту має бути в діапазоні від 1 до 65535.",
+        "ssl": "Ssl",
+        "credentials": "Авторизаційні дані",
+        "username": "Ім'я користувача",
+        "password": "Пароль",
+        "retry-interval": "Інтервал повтору в мілісекундах",
+        "anonymous": "Анонімний",
+        "basic": "Основний",
+        "pem": "PEM",
+        "ca-cert": "Файл CA сертифіката *",
+        "private-key": "Файл приватного ключа *",
+        "cert": "Файл сертифіката *",
+        "no-file": "Не вибрано жодного файлу.",
+        "drop-file": "Перетягніть файл, або клацніть, щоб вибрати файл для завантаження.",
+        "mapping": "Зіставлення",
+        "topic-filter": "Фільтр тем",
+        "converter-type": "Тип конвертера",
+        "converter-json": "Json",
+        "json-name-expression": " Json вираз для назви пристрою",
+        "topic-name-expression": "Вираз для назви пристрою в назві теми",
+        "json-type-expression": "Json вираз для типу пристрою",
+        "topic-type-expression": "Вираз для типу пристрою в назві теми",
+        "attribute-key-expression": "Вираз для ключа атрибута",
+        "attr-json-key-expression": " Json вираз для ключа атрибута",
+        "attr-topic-key-expression": "Вираз для ключа атрибута в назві теми",
+        "request-id-expression": "Вираз для id запиту",
+        "request-id-json-expression": "Json вираз для id запиту",
+        "request-id-topic-expression": "Вираз для id запиту в назві теми",
+        "response-topic-expression": "Вираз для теми відповідей",
+        "value-expression": "Вираз для значення",
+        "topic": "Тема",
+        "timeout": "Час очікування в мілісекундах",
+        "converter-json-required": "Необхідно вказати json конвертер.",
+        "converter-json-parse": "Неможливо проаналізувати json конвертера.",
+        "filter-expression": "Вираз для фільтра",
+        "connect-requests": "Запити на підключення",
+        "add-connect-request": "Додати запит на підключення",
+        "disconnect-requests": "Відключення запитів",
+        "add-disconnect-request": "Додати запит на відключення",
+        "attribute-requests": "Запити атрибутів",
+        "add-attribute-request": "Додати запит атрибута",
+        "attribute-updates": "Оновлення атрибутів",
+        "add-attribute-update": "Додати оновлення атрибутів",
+        "server-side-rpc": "Серверна сторона RPC",
+        "add-server-side-rpc-request": "Додати RPC-запит на стороні сервера",
+        "device-name-filter": "Фільтр назви пристрою",
+        "attribute-filter": "Фільтр атрибутів",
+        "method-filter": "Фільтр методів",
+        "request-topic-expression": "Вираз для теми запитів",
+        "response-timeout": "Час очікування відповіді в мілісекундах",
+        "topic-expression": "Вираз для назви теми",
+        "client-scope": "Обсяг клієнта",
+        "add-device": "Додати пристрій",
+        "opc-server": "Сервери",
+        "opc-add-server": "Додати сервер",
+        "opc-add-server-prompt": "Будь ласка, додайте сервер",
+        "opc-application-name": "Назва програми",
+        "opc-application-uri": "URI програми",
+        "opc-scan-period-in-seconds": "Період сканування в секундах",
+        "opc-security": "Безпека",
+        "opc-identity": "Ідентифікація",
+        "opc-keystore": "Сховище ключів",
+        "opc-type": "Тип",
+        "opc-keystore-type": "Тип",
+        "opc-keystore-location": "Розташування *",
+        "opc-keystore-password": "Пароль",
+        "opc-keystore-alias": "Псевдонім",
+        "opc-keystore-key-password": "Пароль для ключа",
+        "opc-device-node-pattern": "Патерн OPC вузла пристрою",
+        "opc-device-name-pattern": "Патерн назви пристрою",
+        "modbus-server": "Сервери/ведені пристрої",
+        "modbus-add-server": "Додати сервер/ведений пристрій",
+        "modbus-add-server-prompt": "Будь ласка, додайте сервер/ведений пристрій",
+        "modbus-transport": "Транспорт",
+        "modbus-tcp-reconnect": "Перепідключатися автоматично",
+        "modbus-port-name": "Ім'я послідовного порту",
+        "modbus-encoding": "Кодування",
+        "modbus-parity": "Паритет",
+        "modbus-baudrate": "Швидкість передачі даних",
+        "modbus-databits": "Біти даних",
+        "modbus-stopbits": "Стоп-біти",
+        "modbus-databits-range": "Біти даних повинні знаходитися в діапазоні від 7 до 8.",
+        "modbus-stopbits-range": "Стоп-біти повинні знаходитися в діапазоні від 1 до 2.",
+        "modbus-unit-id": "Unit ID",
+        "modbus-unit-id-range": "Unit ID should be in a range from 1 to 247.",
+        "modbus-device-name": "Ім'я пристрою",
+        "modbus-poll-period": "Період опитування (мс)",
+        "modbus-attributes-poll-period": "Період опитування атрибутів (мс)",
+        "modbus-timeseries-poll-period": "Період опитування телеметрії (мс)",
+        "modbus-poll-period-range": "Період опитування повинен бути більше 0.",
+        "modbus-tag": "Тег",
+        "modbus-function": "Modbus функція",
+        "modbus-register-address": "Адреса регістру ",
+        "modbus-register-address-range": "Адреса регістру повинна бути в діапазоні від 0 до 65535.",
+        "modbus-register-bit-index": "Номер бітів",
+        "modbus-register-bit-index-range": "Номер бітів повинен знаходитися в діапазоні від 0 до 15.",
+        "modbus-register-count": "Рахунок регістру",
+        "modbus-register-count-range": "Рахунок регістру повинен бути більше 0.",
+        "modbus-byte-order": "Порядок байтів",
+        "sync": {
+            "status": "Статус",
+            "sync": "Синхронізований",
+            "not-sync": "Не синхронізований",
+            "last-sync-time": "Час останньої синхронізації",
+            "not-available": "Недоступний"
+        },
+        "export-extensions-configuration": "Експортувати конфігурацію розширень",
+        "import-extensions-configuration": "Імпортувати конфігурацію розширень",
+        "import-extensions": "Імпортувати розширення",
+        "import-extension": "Імпортувати розширення",
+        "export-extension": "Експортувати розширення",
+        "file": "Файл розширень",
+        "invalid-file-error": "Не правильний формат файла"
+    },
+    "fullscreen": {
+        "expand": "Відкрити у повноекранному режимі",
+        "exit": "Вийти з повноекранного режиму",
+        "toggle": "Перемкнути повноекранний режим",
+        "fullscreen": "Повноекранний режим"
+    },
+    "function": {
+        "function": "Функція"
+    },
+    "grid": {
+        "delete-item-title": "Ви впенені, що хочете видалити цей елемент?",
+        "delete-item-text": "Будьте обережні, після підтвердження, цей елемент і всі пов'язані з ним дані, стануть недоступними.",
+        "delete-items-title": "Ви впенені, що хочете видалити { count, plural, 1 {1 елемент} other {# елементи} }?",
+        "delete-items-action-title": "Видалити{ count, plural, 1 {1 елемент} other {# елементи} }",
+        "delete-items-text": "Будьте обережні, після підтвердження, всі виділені елементи і пов'язані з ними дані, стануть недоступними.",
+        "add-item-text": "Додати новий елемент",
+        "no-items-text": "Не знайдено жодного елемента",
+        "item-details": "Деталі елемента",
+        "delete-item": "Видалити елемент",
+        "delete-items": "Видалити елементи",
+        "scroll-to-top": "Перейти угору"
+    },
+    "help": {
+        "goto-help-page": "Перейти на сторінку довідки"
+    },
+    "home": {
+        "home": "Домашня сторінка",
+        "profile": "Профіль",
+        "logout": "Вийти",
+        "menu": "Меню",
+        "avatar": "Аватар",
+        "open-user-menu": "Відкрити меню користувача"
+    },
+    "import": {
+        "no-file": "Не вибрано жодного файлу",
+        "drop-file": "Перетягніть JSON файл, або клацніть, щоб вибрати файл для завантаження.",
+        "drop-csv-file": "Перетягніть CSV файл, або клацніть, щоб вибрати файл для завантаження.",
+        "column-value": "Значення",
+        "column-title": "Назва",
+        "column-example": "Приклад значень даних",
+        "column-key": "Ключ атрибута/телеметрії",
+        "csv-delimiter": "Розділювач в CSV файлі",
+        "csv-first-line-header": "Перший рядок містить назви колонок",
+        "csv-update-data": "Оновити атрибути/телеметрію",
+        "import-csv-number-columns-error": "Файл має містити як мінімум дві колонки",
+        "import-csv-invalid-format-error": "Невірний формат даних. Рядок: '{{line}}'",
+        "column-type": {
+            "name": "Назва",
+            "type": "Тип",
+            "label": "Мітка",
+            "column-type": "Тип колонки",
+            "client-attribute": "Атрибут клієнта",
+            "shared-attribute": "Спільний атрибут",
+            "server-attribute": "Атрибут сервера",
+            "timeseries": "Телеметрія",
+            "entity-field": "Entity field",
+            "access-token": "Токен"
+        },
+        "stepper-text": {
+            "select-file": "Виберіть файл",
+            "configuration": "Конфігурація імпорту",
+            "column-type": "Виберіть тип колонок",
+            "creat-entities": "Створення нових сутностей",
+            "done": "Завершено"
+        },
+        "message": {
+            "create-entities": "{{count}} нову(их) сутність(ей) успішно створено.",
+            "update-entities": "{{count}} сутність(ей) успішно оновлено.",
+            "error-entities": "Виникла помилка при створенні {{count}} сутності(ей)."
+        }
+    },
+    "integration": {
+        "integration": "Інтеграція",
+        "integrations": "Інтеграції",
+        "select-integration": "Виберіть інтеграцію",
+        "no-integrations-matching": "Не знайдено жодних інтеграцій, які відповідають '{{entity}}'.",
+        "integration-required": "Необхідно вказати інтеграцію",
+        "delete": "Видалити інтеграцію",
+        "management": "Управління інтеграціями",
+        "add-integration-text": "Додати нову інтеграцію",
+        "no-integrations-text": "Не знайдено жодної інтеграції",
+        "selected-integrations": "{ count, plural, 1 {1 інтеграція} other {# інтеграції} } вибрано",
+        "delete-integration-title": "Ви впевнені, що хочете видалити інтеграцію '{{integrationName}}'?",
+        "delete-integration-text": "Будьте обережні, після підтвердження інтеграція та всі пов'язані з нею дані стануть недоступними.",
+        "delete-integrations-title": "Ви впевнені, що хочете видалити { count, plural, 1 {1 інтеграцію} other {# інтеграції} }?",
+        "delete-integrations-action-title": "Видалити { count, plural, 1 {1 інтеграцію} other {# інтеграції} }",
+        "delete-integrations-text": "Будьте обережні, після підтвердження всі вибрані інтеграції будуть видалені, і всі пов'язані з ними дані стануть недоступними.",
+        "events": "Події",
+        "add": "Додати інтеграцію",
+        "integration-details": "Деталі інтеграції",
+        "details": "Деталі",
+        "copyId": "Копіювати Id інтеграції",
+        "idCopiedMessage": "Id інтеграції скопійовано в буфер обміну",
+        "debug-mode": "Режим налагодження",
+        "enable-security": "Увімкнути безпеку",
+        "headers-filter": "Заголовки фільтра",
+        "header": "Заголовок",
+        "no-headers-filter": "Немає фільтрів заголовків",
+        "downlink-url": "Downlink URL",
+        "application-uri": "URI програми",
+        "as-id": "AS ID",
+        "as-id-required": "Необхідно вказати AS ID.",
+        "as-key": "AS ключ",
+        "as-key-required": "Необхідно вказати AS ключ.",
+        "max-time-diff-in-seconds": "Максимальна різниця в часі (секунди)",
+        "max-time-diff-in-seconds-required": "Необхідно вказати максимальну різницю в часі.",
+        "name": "Ім'я",
+        "name-required": "Необхідно вказати ім'я.",
+        "description": "Опис",
+        "base-url": "Базова URL-адреса",
+        "base-url-required": "Необхідно вказати базову URL-адресу",
+        "security-key": "Ключ захисту",
+        "http-endpoint": "URL кінцевої точки HTTP",
+        "copy-http-endpoint-url": "Скопіювати URL-адресу кінцевої точки HTTP",
+        "http-endpoint-url-copied-message": "URL кінцевої точки HTTP скопійовано в буфер обміну",
+        "host": "Хост",
+        "host-required": "Необхідно вказати хост.",
+        "host-type": "Тип хоста",
+        "host-type-required": "Необхідно вказати тип хоста.",
+        "custom-host": "Хост користувача",
+        "custom-host-required": "Необхідний спеціальний хост.",
+        "port": "Порт",
+        "port-required": "Необхідно вказати порт.",
+        "port-range": "Порт має бути в діапазоні від 1 до 65535.",
+        "connect-timeout": "Час очікування з'єднання (сек)",
+        "connect-timeout-required": " Необхідно вказати час з'єднання підключення.",
+        "connect-timeout-range": "Час очікування з'єднання має бути в діапазоні від 1 до 200.",
+        "client-id": "ID клієнта",
+        "clean-session": "Очистити сеанс",
+        "enable-ssl": "Увімкнути SSL",
+        "credentials": "Авторизаційні дані",
+        "credentials-type": "Тип авторизаційних даних",
+        "credentials-type-required": "Необхідно вказати тип авторизаційних даних.",
+        "username": "Ім'я користувача",
+        "username-required": "Необхідно вказати ім'я користувача.",
+        "password": "Пароль",
+        "password-required": "Необхідно вказати пароль.",
+        "ca-cert": "Файл сертифіката CA *",
+        "private-key": "Файл приватного ключа *",
+        "private-key-password": "Пароль приватного ключа",
+        "cert": "Файл сертифіката*",
+        "no-file": "Не вибрано жодного файлу.",
+        "drop-file": "Перетягніть файл, або клацніть, щоб вибрати файл для завантаження.",
+        "topic-filters": "Тематичні фільтри",
+        "remove-topic-filter": "Видалити фільтр тем",
+        "add-topic-filter": "Додати фільтр тем",
+        "add-topic-filter-prompt": "Будь ласка, додайте фільтр тем",
+        "topic": "Тема",
+        "mqtt-qos": "QoS",
+        "mqtt-qos-at-most-once": "Не більше одного разу",
+        "mqtt-qos-at-least-once": "Принаймні, один раз",
+        "mqtt-qos-exactly-once": "Точно один раз",
+        "downlink-topic-pattern": "Downlink topic pattern",
+        "downlink-topic-pattern-required": "Downlink topic pattern is required.",
+        "aws-iot-endpoint": "AWS IoT Endpoint",
+        "aws-iot-endpoint-required": "AWS IoT Endpoint is required.",
+        "aws-iot-credentials": "Авторизаційні дані AWS IoT",
+        "application-credentials": "Авторизаційні дані додатків",
+        "api-key": "API ключ",
+        "api-key-required": "Необхідно вказати API ключ.",
+        "auth-token": "Маркер аутентифікації",
+        "auth-token-required": "Необхідно вказати маркер аутентифікації.",
+        "region": "Регіон",
+        "region-required": "Необхідно вказати регіон.",
+        "application-id": "ID програми",
+        "application-id-required": "Необхідно вказати ID програми.",
+        "access-key": "Ключ доступу",
+        "access-key-required": "Необхідно вказати ключ доступу.",
+        "connection-parameters": "Параметри підключення",
+        "service-bus-namespace-name": "Service Bus Namespace Name",
+        "service-bus-namespace-name-required": "Необхідно вказати Service Bus Namespace Name is required.",
+        "event-hub-name": "Event Hub Name",
+        "event-hub-name-required": "Необхідно вказати Event Hub Name is required.",
+        "sas-key-name": "Назва ключа SAS",
+        "sas-key-name-required": "Необхідно вказати назву ключа SAS.",
+        "sas-key": "Ключ SAS",
+        "sas-key-required": "SAS Key is required.",
+        "iot-hub-name": "IoT Hub Name (required for downlink)",
+        "metadata": "Метадані",
+        "type": "Тип",
+        "type-required": "Необхідно вказати тип.",
+        "uplink-converter": "Конвертер передачі даних",
+        "uplink-converter-required": "Необхідно вказати конвертер передачі даних.",
+        "downlink-converter": "Downlink data converter",
+        "type-http": "HTTP",
+        "type-ocean-connect": "OceanConnect",
+        "type-sigfox": "SigFox",
+        "type-thingpark": "ThingPark",
+        "type-tmobile-iot-cdp": "T-Mobile – IoT CDP",
+        "type-mqtt": "MQTT",
+        "type-aws-iot": "AWS IoT",
+        "type-ibm-watson-iot": "IBM Watson IoT",
+        "type-ttn": "TheThingsNetwork",
+        "type-azure-event-hub": "Azure Event Hub",
+        "type-opc-ua": "OPC-UA",
+        "type-ffb": "FFB",
+        "opc-ua-application-name": "Назва програми",
+        "opc-ua-application-uri": "Application uri",
+        "opc-ua-scan-period-in-seconds": "Період сканування в секундах",
+        "opc-ua-scan-period-in-seconds-required": "Необхідно вказати період сканування в секундах",
+        "opc-ua-timeout": "Час очікування в мілісекундах",
+        "opc-ua-timeout-required": "Необхідно вказати час очікування в мілісекундах",
+        "opc-ua-security": "Безпека",
+        "opc-ua-security-required": "Необхідно задати безпеку",
+        "opc-ua-identity": "Ідентифікація",
+        "opc-ua-identity-required": "Необхідно вказати ідентифікацію",
+        "opc-ua-keystore": "Сховище ключів",
+        "add-opc-ua-keystore-prompt": "Будь ласка, додайте файл сховища ключів",
+        "opc-ua-keystore-required": "Необхідно вказати сховище ключів",
+        "opc-ua-type": "Тип",
+        "opc-ua-keystore-type": "Тип сховища ключів",
+        "opc-ua-keystore-type-required": "Необхідно вказати тип",
+        "opc-ua-keystore-location": "Розташування *",
+        "opc-ua-keystore-password": "Пароль",
+        "opc-ua-keystore-password-required": "Необхідно вказати пароль",
+        "opc-ua-keystore-alias": "Псевдонім",
+        "opc-ua-keystore-alias-required": "Необхідно вказати псевдонім",
+        "opc-ua-keystore-key-password": "Пароль ключа",
+        "opc-ua-keystore-key-password-required": "Необхідно вказати пароль ключа",
+        "opc-ua-mapping": "Зіставлення",
+        "add-opc-ua-mapping-prompt": "Будь ласка, додайте зіставлення",
+        "opc-ua-mapping-type": "Тип зіставлення",
+        "opc-ua-mapping-type-required": "Необхідно вказати тип зіставлення",
+        "opc-ua-device-node-pattern": "Шаблон вузла пристрою",
+        "opc-ua-device-node-pattern-required": "Необхідно вказати шаблон вузла пристрою",
+        "opc-ua-add-map": "Додати елемент зіставлення",
+        "subscription-tags": "Теги передплати Теги підписки",
+        "remove-subscription-tag": "Видалити тег підписки",
+        "add-subscription-tag": "Додати тег підписки",
+        "add-subscription-tag-prompt": "Будь ласка, додайте тег підписки",
+        "key": "Ключ",
+        "path": "Шлях",
+        "required": "Необхідно"
+    },
+    "item": {
+        "selected": "Вибрані"
+    },
+    "js-func": {
+        "no-return-error": "Функція повинна повертати значення!",
+        "return-type-mismatch": "Функція повинна повернути значення типу '{{type}}'!",
+        "tidy": "Tidy"
+    },
+    "key-val": {
+        "key": "Ключ",
+        "value": "Значення",
+        "remove-entry": "Видалити елемент",
+        "add-entry": "Додати елемент",
+        "no-data": "Елементи відсутні"
+    },
+    "layout": {
+        "layout": "Макет",
+        "manage": "Керування макетами",
+        "settings": "Налаштування макета",
+        "color": "Колір",
+        "main": "Основний",
+        "right": "Правий",
+        "select": "Вибрати макет"
+    },
+    "legend": {
+        "direction": "Розташування елементів легенди",
+        "position": "Розташування легенди",
+        "show-max": "Показати максимальне значення",
+        "show-min": "Показати мінімальне значення ",
+        "show-avg": "Показати середнє значення",
+        "show-total": "Показати суму",
+        "settings": "Налаштування легенди",
+        "min": "мін",
+        "max": "макс",
+        "avg": "середнє",
+        "total": "Сума",
+        "comparison-time-ago": {
+            "days": "(день тому)",
+            "weeks": "(тиждень тому)",
+            "months": "(місяць тому)",
+            "years": "(рік тому)"
+        }
+    },
+    "login": {
+        "login": "Вхід",
+        "request-password-reset": "Запит скидання пароля",
+        "reset-password": "Скинути пароль",
+        "create-password": "Створити пароль",
+        "passwords-mismatch-error": "Введені паролі повинні бути однаковими!",
+        "password-again": "Введіть пароль ще раз",
+        "sign-in": "Будь ласка, увійдіть в систему",
+        "username": "Ім'я користувача (ел. пошта)",
+        "remember-me": "Запам'ятати мене",
+        "forgot-password": "Забули пароль?",
+        "password-reset": "Скидання пароля",
+        "expired-password-reset-message": "Термін дії Вашого паролю закінчився! Будь ласка, створіть новий пароль.",
+        "new-password": "Новий пароль",
+        "new-password-again": "Повторіть новий пароль",
+        "password-link-sent-message": "Посилання для скидання пароля було успішно надіслано!",
+        "email": "Електронна пошта"
+    },
+    "position": {
+        "top": "Угорі",
+        "bottom": "Знизу",
+        "left": "Ліворуч",
+        "right": "Праворуч"
+    },
+    "profile": {
+        "profile": "Профіль",
+        "last-login-time": "Час останнього входу",
+        "change-password": "Змінити пароль",
+        "current-password": "Поточний пароль"
+    },
+    "relation": {
+        "relations": "Відношення",
+        "direction": "Напрямок",
+        "search-direction": {
+            "FROM": "З",
+            "TO": "До"
+        },
+        "direction-type": {
+            "FROM": "з",
+            "TO": "до"
+        },
+        "from-relations": "Вихідні відношення",
+        "to-relations": "Вхідні відношення",
+        "selected-relations": "Вибрано { count, plural, 1 {1 відношення} other {# відношення} }",
+        "type": "Тип",
+        "to-entity-type": "До типу сутності",
+        "to-entity-name": "До імені сутності",
+        "from-entity-type": "Від типу сутності",
+        "from-entity-name": "Від імені сутності",
+        "to-entity": "До сутності",
+        "from-entity": "Від сутності",
+        "delete": "Видалити відношення",
+        "relation-type": "Тип відношення",
+        "relation-type-required": "Необхідно вказати тип відношення.",
+        "any-relation-type": "Будь-який тип",
+        "add": "Додати відношення",
+        "edit": "Редагувати відношення",
+        "delete-to-relation-title": "Ви впевнені, що хочете видалити відношення до сутності '{{entityName}}'?",
+        "delete-to-relation-text": "Будьте обережні, після підтвердження, сутність '{{entityName}}' не буде пов'язана з поточним об'єктом.",
+        "delete-to-relations-title": "Ви впевнені, що хочете видалити  { count, plural, 1 {1 відношення} other {# відношення} }?",
+        "delete-to-relations-text": "Будьте обережні, після підтвердження, всі вибрані відношення стануть не пов'язані з поточною сутністю.",
+        "delete-from-relation-title": "Ви впевнені, що хочете видалити зв'язок, який йде від сутності '{{entityName}}'?",
+        "delete-from-relation-text": "Будьте обережні, після підтвердження поточна сутність буде відв'язана від сутності '{{entityName}}'.",
+        "delete-from-relations-title": "Ви впевнені, що хочете видалити { count, plural, 1 {1 відношення} other {# відношення} }?",
+        "delete-from-relations-text": "Будьте обережні, після підтвердження, всі вибрані відношення будуть видалені, а поточна сутність стане не зв'язаною з відповідними сутностями.",
+        "remove-relation-filter": "Видалити фільтр відношення",
+        "add-relation-filter": "Додати фільтр відношення",
+        "any-relation": "Будь-яке відношення",
+        "relation-filters": "Фільтри відношення",
+        "additional-info": "Додаткова інформація (JSON)",
+        "invalid-additional-info": "Не вдалося розібрати JSON з додатковою інформацією ."
+    },
+    "rulechain": {
+        "rulechain": "Ланцюг правил",
+        "rulechains": "Ланцюги правил",
+        "root": "Основний",
+        "delete": "Видалити ланцюг правил",
+        "name": "Ім'я",
+        "name-required": "Необхідно вказати ім'я.",
+        "description": "Опис",
+        "add": "Додати ланцюг правил",
+        "set-root": "Зробити ланцюг правил основним",
+        "set-root-rulechain-title": "Ви впевнені, що хочете зробити ланцюг правил '{{ruleChainName}}' основним?",
+        "set-root-rulechain-text": "Після підтвердження ланцюг правил стане основним і буде обробляти всі вхідні транспортні повідомлення.",
+        "delete-rulechain-title": "Ви впевнені, що хочете видалити ланцюг правил '{{ruleChainName}}'?",
+        "delete-rulechain-text": "Будьте обережні, після підтвердження ланцюг правил і всі пов'язані з ним дані стануть недоступними.",
+        "delete-rulechains-title": "Ви впевнені, що хочете видалити { count, plural, 1 {1 ланцюг правил} other {# ланцюги правил} }?",
+        "delete-rulechains-action-title": "Видалити{ count, plural, 1 {1 ланцюг правил} other {# ланцюги правил} }",
+        "delete-rulechains-text": "Будьте обережні, після підтвердження, вибрані ланцюги правил і всі пов'язані з ними дані стануть недоступними.",
+        "add-rulechain-text": "Додати новий ланцюг правил",
+        "no-rulechains-text": "Ланцюг правил не знайдено",
+        "rulechain-details": "Деталі ланцюга правил",
+        "details": "Деталі",
+        "events": "Події",
+        "system": "Система",
+        "import": "Імпортувати ланцюг правил",
+        "export": "Експортувати ланцюг правил",
+        "export-failed-error": "Не вдалося експортувати ланцюг правил: {{error}}",
+        "create-new-rulechain": "Створити новий ланцюг правил",
+        "rulechain-file": "Файл ланцюга правил",
+        "invalid-rulechain-file-error": "Неможливо імпортувати ланцюг правил: недійсна структуру даних ланцюга правил.",
+        "copyId": "Копіювати Id ланцюга правил",
+        "idCopiedMessage": "Id ланцюга правил скопійовано в буфер обміну",
+        "select-rulechain": "Вибрати ланцюг правил",
+        "no-rulechains-matching": "Не знайдено жодних ланцюгів правил, які відповідають '{{entity}}'.",
+        "rulechain-required": "Необхідно вказати ланцюг правил",
+        "management": "Управління ланцюгами правил",
+        "debug-mode": "Режим налагодження"
+    },
+    "rulenode": {
+        "details": "Деталі",
+        "events": "Події",
+        "search": "Пошук вузлів",
+        "open-node-library": "Відкрити бібліотеку вузлів",
+        "add": "Додати вузол правил",
+        "name": "Ім'я",
+        "name-required": "Необхідно вказати ім'я.",
+        "type": "Тип",
+        "description": "Опис",
+        "delete": "Видалити вузол правил",
+        "select-all-objects": "Вибрати усі вузли та з'єднання",
+        "deselect-all-objects": "Зняти виділення з усіх вузлів і з'єднань",
+        "delete-selected-objects": "Видалити вибрані вузли та з'єднання",
+        "delete-selected": "Видалити вибране",
+        "select-all": "Вибрати все",
+        "copy-selected": "Копіювати вибране",
+        "deselect-all": "Відмінити вибране",
+        "rulenode-details": "Деталі вузла правил",
+        "debug-mode": "Режим налагодження",
+        "configuration": "Конфігурація",
+        "link": "Посилання",
+        "link-details": "Деталі посилання про вузол правил",
+        "add-link": "Додати посилання",
+        "link-label": "Мітка посилання",
+        "link-label-required": "Необхідно вказати мітку посилання.",
+        "custom-link-label": "Мітка посилання користувача",
+        "custom-link-label-required": "Необхідно вказати мітку посилання користувача.",
+        "link-labels": "Мітки посилання",
+        "link-labels-required": "Необхідно вказати мітки посилання.",
+        "no-link-labels-found": "Не знайдено жодних міток посилання",
+        "no-link-label-matching": "Мітка'{{label}}' не знайдена.",
+        "create-new-link-label": "Створити нову!",
+        "type-filter": "Фільтр",
+        "type-filter-details": "Фільтрувати вхідні повідомлення з заданими умовами",
+        "type-enrichment": "Насичення",
+        "type-enrichment-details": "Додати додаткову інформацію до метаданих повідомлень",
+        "type-transformation": "Трансформація",
+        "type-transformation-details": "Змінити склад повідомлення та його метадані",
+        "type-action": "Дія",
+        "type-action-details": "Виконати задану дію",
+        "type-analytics": "Аналітика",
+        "type-analytics-details": "Виконує аналіз потокових або збережених даних",
+        "type-external": "Зовнішній",
+        "type-external-details": "Взаємодіє з зовнішньою системою",
+        "type-rule-chain": "Ланцюг правил",
+        "type-rule-chain-details": "Перенаправити вхідне повідомлення на вказаний ланцюг правил",
+        "type-input": "Вхід",
+        "type-input-details": "Логічний вхід ланцюга правил, перенаправляє вхідні повідомлення на наступний пов'язаний вузол правил",
+        "type-unknown": "Невідомий",
+        "type-unknown-details": "Невизначений вузол правил",
+        "directive-is-not-loaded": "Вказана директива конфігурації '{{directiveName}}' недоступна.",
+        "ui-resources-load-error": "Не вдалося завантажити UI ресурси.",
+        "invalid-target-rulechain": "Не вдається визначити цільовий ланцюг правил!",
+        "test-script-function": "Протестувати скрипт",
+        "message": "Повідомлення",
+        "message-type": "Тип повідомлення",
+        "select-message-type": "Вибрати тип повідомлення",
+        "message-type-required": "Необхідно вказати тип повідомлення",
+        "metadata": "Метадані",
+        "metadata-required": "Записи метаданих не можуть бути порожніми.",
+        "output": "Вихід",
+        "test": "Тест",
+        "help": "Допомога",
+        "reset-debug-mode": "Вимкнути режим налогодження у всіх правилах"
+    },
+    "scheduler": {
+        "scheduler": "Планувальник",
+        "scheduler-event": "Подія планувальника",
+        "select-scheduler-event": "Вибрати подію",
+        "no-scheduler-events-matching": "Не знайдено жодних подій, які відповідають '{{entity}}'.",
+        "scheduler-event-required": "Необхвдно вказати заплановану подію",
+        "management": "Управління планувальником",
+        "scheduler-events": "Планування подій",
+        "add-scheduler-event": "Додати подію",
+        "search-scheduler-events": "Пошук події",
+        "created-time": "Час створення",
+        "name": "Ім'я",
+        "type": "Тип",
+        "created_customer": "Створено клієнтом",
+        "edit-scheduler-event": "Редагувати подію",
+        "delete-scheduler-event": "Видалити подію",
+        "no-scheduler-events": "Не знайдено жодних запланованих подій",
+        "selected-scheduler-events": "{ count, plural, 1 {1 запланована подія} other {# заплановані події} } вибрано",
+        "delete-scheduler-event-title": "Ви впевнені, що хочете видалити подію '{{schedulerEventName}}'?",
+        "delete-scheduler-event-text": "Будьте обережні, після підтвердження подія і всі пов'язані з нею дані стануть недоступними.",
+        "delete-scheduler-events-title": "Ви впевнені, що хочете видалити { count, plural, 1 {1 запланована подія} other {# заплановані події} }?",
+        "delete-scheduler-events-text": "Будьте обережні, після підтвердження всі вибрані події будуть видалені, і всі пов'язані з ними дані стануть недоступними.",
+        "create": "Створити подію планувальника",
+        "edit": "Змінити подію планувальника",
+        "name-required": "Необхідно задати ім'я",
+        "configuration": "Конфігурація",
+        "schedule": "Розклад",
+        "start": "Початок",
+        "date": "Дата",
+        "time": "Час",
+        "repeat": "Повтор",
+        "repeats": "Повтори",
+        "daily": "Щодня",
+        "weekly": "Щотижня",
+        "repeats-required": "Потрібно вказати повторення.",
+        "repeat-on": "Повторювати по",
+        "repeat-every": "Повторювати кожний(у)",
+        "ends-on": "Завершення",
+        "sunday-label": "Нд",
+        "monday-label": "Пн",
+        "tuesday-label": "Вт",
+        "wednesday-label": "Ср",
+        "thursday-label": "Чт",
+        "friday-label": "Пт",
+        "saturday-label": "Сб",
+        "repeat-on-sunday": "Повторити у неділю",
+        "repeat-on-monday": "Повторити в понеділок",
+        "repeat-on-tuesday": "Повторити у вівторок",
+        "repeat-on-wednesday": "Повторити в середу",
+        "repeat-on-thursday": "Повторити в червер",
+        "repeat-on-friday": "Повторити в п'ятницю",
+        "repeat-on-saturday": "Повторити в суботу",
+        "event-type": "Тип події",
+        "select-event-type": "Вибрати тип події",
+        "event-type-required": "Необхідно вказати типи події.",
+        "list-mode": "Перегляд списку",
+        "calendar-mode": "Перегляд календаря",
+        "calendar-view-type": "Тип перегляду календаря",
+        "month": "Місяць",
+        "week": "Тиждень",
+        "day": "День",
+        "agenda-week": "Порядок тижня",
+        "agenda-day": "Порялок дня",
+        "list-year": "Список року",
+        "list-month": "Список місяця",
+        "list-week": "Список тижня",
+        "list-day": "Список дня",
+        "today": "Сьогодні",
+        "navigate-before": "Перейти до",
+        "navigate-next": "Перейти далі",
+        "starting-from": "Починаючи з",
+        "until": "до",
+        "on": "в",
+        "sunday": "Неділя",
+        "monday": "Понеділок",
+        "tuesday": "Вівторок",
+        "wednesday": "Середа",
+        "thursday": "Четвер",
+        "friday": "П'ятниця",
+        "saturday": "Субота",
+        "originator": "Ініціатор",
+        "single-entity": "Єдина сутність",
+        "group-of-entities": "Група сутностей",
+        "single-device": "Один пристрій",
+        "group-of-devices": "Група пристроїв",
+        "message-body": "Текст повідомлення",
+        "target": "Ціль",
+        "rpc-method": "Метод",
+        "rpc-method-required": "Необхідно вказати метод",
+        "rpc-params": "Параметри",
+        "select-dashboard-state": "Виберіть стан панелі візуалізації",
+        "hours": "Години",
+        "minutes": "Хвилини",
+        "seconds": "Секунди",
+        "time-interval-required": "Необхідно вказати часовий інтервал",
+        "time-unit-required": "Необхідно вказати одиниці часу"
+    },
+    "report": {
+        "report-config": "Конфігурація звіту",
+        "email-config": "Конфігурація електронної пошти",
+        "dashboard-state-param": "Значення параметра стану панелі візуалізації",
+        "base-url": "Базова URL-адреса",
+        "base-url-required": "Необхідно вказати базову URL-адресу.",
+        "use-dashboard-timewindow": "Використовуйте вікно часу на панелі інструментів",
+        "timewindow": "Вікно часу",
+        "name-pattern": "Шаблон імені звіту",
+        "name-pattern-required": "Необхідно задати шаблон назви звіту",
+        "type": "Report type",
+        "use-current-user-credentials": "Використовувати поточні авторизаційні дані користувача",
+        "customer-user-credentials": "Авторизаційні дані користувачів",
+        "customer-user-credentials-required": "Необхідно задати авторизаційні дані користувачів",
+        "generate-test-report": "Створити звіт про перевірку",
+        "send-email": "Відправити лист",
+        "from": "Від",
+        "from-required": "Необхідно вказати від кого.",
+        "to": "До",
+        "to-required": "Необхідно вказати до кого.",
+        "cc": "Cc",
+        "bcc": "Bcc",
+        "subject": "Тема",
+        "subject-required": "Необхідно вказати тему.",
+        "body": "Текст",
+        "body-required": "Лист не може бути пустим."
+    },
+    "blob-entity": {
+        "blob-entity": "Blob сутності",
+        "select-blob-entity": "Вибрати blob сутності",
+        "no-blob-entities-matching": "Не знайдено жодних сутностей blob, які відповідають '{{entity}}'.",
+        "blob-entity-required": "Необхідно вказати blob сутності",
+        "files": "Файли",
+        "search": "Пошук файлів",
+        "clear-search": "Очистити пошук",
+        "no-blob-entities-prompt": "Файлів не знайдено",
+        "report": "Звіт",
+        "created-time": "Час створення",
+        "name": "Ім'я",
+        "type": "Тип",
+        "created_customer": "Створено клієнтом",
+        "download-blob-entity": "Завантажити файл",
+        "delete-blob-entity": "Видалити файл",
+        "delete-blob-entity-title": "Ви впевнені, що хочете видалити файл '{{blobEntityName}}'?",
+        "delete-blob-entity-text": "Будьте обережні, після підствердження, дані файлу стануть недоступними."
+    },
+    "timezone": {
+        "timezone": "Часовий пояс",
+        "select-timezone": "Вибрати часовий пояс ",
+        "no-timezones-matching": "Не знайдено жодних часових поясів, які відповідають '{{timezone}}'.",
+        "timezone-required": "Необхідно вказати часовий пояс."
+    },
+    "tenant": {
+        "tenant": "Власник",
+        "tenants": "Власники",
+        "management": "Управління власниками",
+        "add": "Додати власника",
+        "admins": "Адміністратори",
+        "manage-tenant-admins": "Керування адміністраторами власника",
+        "delete": "Видалити власника",
+        "add-tenant-text": "Додати нового власника",
+        "no-tenants-text": "Не знайдено жодного власника",
+        "tenant-details": "Подробиці про власника",
+        "delete-tenant-title": "Ви впевнені, що хочете видалити власника'{{tenantTitle}}'?",
+        "delete-tenant-text": "Будьте обережні, після підтвердження власник і всі пов'язані з ним дані стануть недоступними.",
+        "delete-tenants-title": "Ви впевнені, що хочете видалити { count, plural, 1 {1 власник} other {# власники} }?",
+        "delete-tenants-action-title": "Видалити { count, plural, 1 {1 власник} other {# власники} }",
+        "delete-tenants-text": "Будьте обережні, після підтвердження, усі вибрані власники будуть видалені, і всі пов'язані з ними дані стануть недоступними.",
+        "title": "Назва",
+        "title-required": "Необхідно вказати назву.",
+        "description": "Опис",
+        "details": "Деталі",
+        "events": "Події",
+        "copyId": "Копіювати Id власника",
+        "idCopiedMessage": "Id власника скопійовано в буфер обміну",
+        "select-tenant": "Вибрати власника",
+        "no-tenants-matching": "Не знайдено жодних власників, які відповідають '{{entity}}'.",
+        "tenant-required": "Необхідно вказати власника",
+        "selected-tenants": "{ count, plural, 1 {1 власник} other {# власники} } вибрано",
+        "search": "Пошук власників"
+    },
+    "timeinterval": {
+        "seconds-interval": "{ seconds, plural, 1 {1 секунда} other {# секунди} }",
+        "minutes-interval": "{ minutes, plural, 1 {1 хвилина} other {# хвилини} }",
+        "hours-interval": "{ hours, plural, 1 {1 година} other {# години} }",
+        "days-interval": "{ days, plural, 1 {1 день} other {# дні} }",
+        "days": "Дні",
+        "hours": "Години",
+        "minutes": "Хвилини",
+        "seconds": "Секунди",
+        "advanced": "Додатково"
+    },
+    "timewindow": {
+        "days": "{ days, plural, 1 { день } other {# дні } }",
+        "hours": "{ hours, plural, 0 { годин } 1 {1 година } other {# години } }",
+        "minutes": "{ minutes, plural, 0 { хвилин } 1 {1 хвилина } other {# хвилини } }",
+        "seconds": "{ seconds, plural, 0 { секунд } 1 {1 секунда } other {# секунди } }",
+        "realtime": "Реальний час",
+        "history": "Історія",
+        "last-prefix": "Останнє",
+        "period": "з {{ startTime }} до {{ endTime }}",
+        "edit": "Редагувати вікно часу",
+        "date-range": "Проміжок часу",
+        "last": "Останнє",
+        "time-period": "Період часу",
+        "hide": "Приховати"
+    },
+    "user": {
+        "user": "Користувач",
+        "users": "Користувачі",
+        "customer-users": "Користувачі клієнта",
+        "tenant-admins": "Адміністратори власників",
+        "sys-admin": "Системний адміністратор",
+        "tenant-admin": "Адміністратор власника",
+        "customer": "Клієнт",
+        "anonymous": "Анонім",
+        "add": "Додати користувача",
+        "delete": "Видалити користувача",
+        "add-user-text": "Додати нового користувача",
+        "no-users-text": "Не знайдено жодного користувача",
+        "user-details": "Подробиці про користувача",
+        "delete-user-title": "Ви впевнені, що хочете видалити користувача'{{userEmail}}'?",
+        "delete-user-text": "Будьте обережні, після підтвердження, користувач і всі пов'язані з ним дані стануть недоступними.",
+        "delete-users-title": "Ви впевнені, що хочете видалити { count, plural, 1 {1 користувача} other {# користувачів} }?",
+        "delete-users-action-title": "Видалити { count, plural, 1 {1 користувача} other {# користувачів} }",
+        "delete-users-text": "Будьте обережні, після підтвердження, усіх виділених користувачів буде видалено, і всі пов'язані з ними дані стануть недоступними.",
+        "activation-email-sent-message": "Повідомлення про активацію успішно надіслано!",
+        "resend-activation": "Повторно надіслати активацію",
+        "email": "Електронна пошта",
+        "email-required": "Необхідно вказати електронну пошту.",
+        "invalid-email-format": "Недійсний формат електронної пошти.",
+        "first-name": "Ім'я",
+        "last-name": "Прізвище",
+        "description": "Опис",
+        "default-dashboard": "Стандартна панель візуалізації",
+        "always-fullscreen": "Завжди в повноекранному режимі",
+        "select-user": "Вибрати користувача",
+        "no-users-matching": "Не знайдено жодного користувача, що відповідає '{{entity}}'.",
+        "user-required": "Необхідно вказати користувача",
+        "activation-method": "Спосіб активації",
+        "display-activation-link": "Показати посилання для активації",
+        "send-activation-mail": "Надіслати активаційного листа",
+        "activation-link": "Активаційне посилання для користувача",
+        "activation-link-text": "Для активувації користувача, скористайтеся наступним <a href='{{activationLink}}' target='_blank'>activation link</a> :",
+        "copy-activation-link": "Скопіювати активаційне посилання ",
+        "activation-link-copied-message": "Посилання на активацію користувача було скопійовано в буфер обміну",
+        "selected-users": "{ count, plural, 1 {1 користувач} other {# користувачі} } вибрано",
+        "search": "Пошук користувачів",
+        "details": "Подробиці",
+        "login-as-tenant-admin": "Увійти як адміністратор власника",
+        "login-as-customer-user": "Увійти як користувач клієнта",
+        "disable-account": "Вимкнути обліковий запис користувача",
+        "enable-account": "Увімкнути обліковий запис користувача",
+        "enable-account-message": "Обліковий запис користувача успішно увімкнено!",
+        "disabled-account-message": "Обліковий запис користувача успішно вимкнено!"
+    },
+    "value": {
+        "type": "Тип значення",
+        "string": "Рядок",
+        "string-value": "Значення рядка",
+        "integer": "Ціле",
+        "integer-value": "Ціле значення",
+        "invalid-integer-value": "Недійсне ціле значення",
+        "double": "Подвійне",
+        "double-value": "Подвійне значення",
+        "boolean": "Логічне",
+        "boolean-value": "Логічне значення",
+        "false": "Помилкове",
+        "true": "Правдиве",
+        "long": "Довге"
+    },
+    "widget": {
+        "widget-library": "Бібліотека віджетів",
+        "widget-bundle": "Пакет віджетів",
+        "select-widgets-bundle": "Виберіть пакет віджетів",
+        "management": "Керування віджетами",
+        "editor": "Редактор віджетів",
+        "widget-type-not-found": "Помилка завантаження конфігурації віджетів.<br>Можливо, пов'язаний з нею\n    тип віджета було видалено.",
+        "widget-type-load-error": "Віджет не вдалося завантажити з наступних причин:",
+        "remove": "Видалити віджет",
+        "edit": "Відредагувати віджет",
+        "remove-widget-title": "Ви впевнені, що хочете видалити віджет '{{widgetTitle}}'?",
+        "remove-widget-text": "Після підтвердження віджет і всі пов'язані з ним дані стануть недоступними.",
+        "timeseries": "Телеметрія",
+        "search-data": "Пошук даних",
+        "no-data-found": "Даних не знайдено",
+        "latest-values": "Останні значення",
+        "rpc": "Керуючий віджет",
+        "alarm": "Віджет сигнала тривоги",
+        "static": "Статичний віджет",
+        "select-widget-type": "Вибрати тип віджета",
+        "missing-widget-title-error": "Необхідно вказати назву віджета!",
+        "widget-saved": "Віджет збережено",
+        "unable-to-save-widget-error": "Неможливо зберегти віджет! Віджет має помилки!",
+        "save": "Зберегти віджет",
+        "saveAs": "Зберегти віджет як",
+        "save-widget-type-as": "Зберегти тип віджета як",
+        "save-widget-type-as-text": "Введіть новий заголовок віджета та / або виберіть цільові віджети",
+        "toggle-fullscreen": "Перейти в повноекранний режим",
+        "run": "Запустити віджет",
+        "title": "Назва віджета",
+        "title-required": "Необхідно вказати назву віджета.",
+        "type": "Тип віджета",
+        "resources": "Ресурси",
+        "resource-url": "JavaScript/CSS URL",
+        "remove-resource": "Видалити ресурс",
+        "add-resource": "Додати ресурс",
+        "html": "HTML",
+        "tidy": "Форматувати",
+        "css": "CSS",
+        "settings-schema": "Схема налаштувань",
+        "datakey-settings-schema": "Схема налаштувань ключів даних",
+        "javascript": "Javascript",
+        "remove-widget-type-title": "Ви впевнені, що хочете видалити тип віджета '{{widgetName}}'?",
+        "remove-widget-type-text": "Будьте обережні, після підтвердження, тип віджета і всі пов'язані з ним дані стануть недоступними.",
+        "remove-widget-type": "Видалити тип віджета",
+        "add-widget-type": "Додати новий тип віджета",
+        "widget-type-load-failed-error": "Не вдалося завантажити тип віджета!",
+        "widget-template-load-failed-error": "Не вдалося завантажити шаблон віджета!",
+        "add": "Додати віджет",
+        "undo": "Скасувати зміни віджета",
+        "export": "Експртувати віджет",
+        "export-data": "Експортувати дані віджетів",
+        "export-to-csv": "Експортувати дані в CSV...",
+        "export-to-excel": "Експортувати дані в XLS..."
+    },
+    "widget-action": {
+        "header-button": "Кнопка заголовка віджета",
+        "open-dashboard-state": "Перейти до нового стану панелі візуалізації",
+        "update-dashboard-state": "Оновити поточний стан панелі візуалізації",
+        "open-dashboard": "Перейти  до іншої панелі візуалізації",
+        "custom": "Дії користувачів",
+        "custom-pretty": "Дії користувачів (з HTML шаблоном)",
+        "target-dashboard-state": "Цільовий стан панелі візуалізації",
+        "target-dashboard-state-required": "Необхідно вказати цільовий стан панелі візуалізації",
+        "set-entity-from-widget": "Встановити сутність із віджета",
+        "target-dashboard": "Цільова панель візуалізації",
+        "open-right-layout": "Відкрити мобільний режим панелі візуалізації"
+    },
+    "widgets-bundle": {
+        "current": "Поточний зв'язок",
+        "widgets-bundles": "Пакети віджетів",
+        "add": "Додати пакет віджетів",
+        "delete": "Видалити пакет віджетів",
+        "title": "Назва",
+        "title-required": "Необхідно вказати назву віджета.",
+        "add-widgets-bundle-text": "Додати новий пакет віджетів",
+        "no-widgets-bundles-text": "Не знайдено жодних пакетів віджетів",
+        "empty": "Пакет віджетів порожній",
+        "details": "Подробиці",
+        "widgets-bundle-details": "Деталі пакетів віджетів",
+        "delete-widgets-bundle-title": "Ви впевнені, що хочете видалити пакет віджетів '{{widgetsBundleTitle}}'?",
+        "delete-widgets-bundle-text": "Будьте обережні, після підтвердження, пакети віджетів і всі пов'язані з ними дані стануть недоступними.",
+        "delete-widgets-bundles-title": "Ви впевнені, що хочете видалити { count, plural, 1 {пакет віджетів} other {# пакети віджетів} }?",
+        "delete-widgets-bundles-action-title": "Видалити { count, plural, 1 {1 пакет віджетів} other {# пакет віджетів} }",
+        "delete-widgets-bundles-text": "Будьте обережні, після підтвердження, всі виділені пакети віджетів і всі пов'язані з ними дані стануть недоступними.",
+        "no-widgets-bundles-matching": "Не знайдено жодних пакетів віджетів, які відповідають '{{widgetsBundle}}'.",
+        "widgets-bundle-required": "Необхідно вказати пакет віджетів.",
+        "system": "Системний",
+        "import": "Імпортувати пакет віджетів",
+        "export": "Експортувати пакет віджетів",
+        "export-failed-error": "Неможливо експортувати пакет віджетів: {{error}}",
+        "create-new-widgets-bundle": "Створити новий пакет віджетів",
+        "widgets-bundle-file": "Файл набору віджетів",
+        "invalid-widgets-bundle-file-error": "Неможливо імпортувати пакет віджетів: недійсна структура даних пакету віджетів."
+    },
+    "widget-config": {
+        "data": "Дані",
+        "settings": "Налаштування",
+        "advanced": "Додатково",
+        "title": "Назва",
+        "general-settings": "Загальні налаштування",
+        "display-title": "Відобразити назву",
+        "drop-shadow": "Тінь",
+        "enable-fullscreen": "Увімкнути повноекранний режим",
+        "enable-data-export": "Увімкнути експорт даних",
+        "background-color": "Колір фону",
+        "text-color": "Колір тексту",
+        "padding": "Відступ",
+        "margin": "Границі",
+        "widget-style": "Стиль віджетів",
+        "title-style": "Стиль заголовка",
+        "mobile-mode-settings": "Налаштування мобільного режиму",
+        "order": "Порядок",
+        "height": "Висота",
+        "units": "Спеціальний символ після значення",
+        "decimals": "Кількість цифр після коми",
+        "timewindow": "Вікно часу",
+        "use-dashboard-timewindow": "Використати вікно часу на панелі візуалізації",
+        "display-timewindow": "Показувати вікно часу",
+        "display-legend": "Показати легенду",
+        "datasources": "Джерела даних",
+        "maximum-datasources": "Максимально { count, plural, 1 {1 дозволене джерело даних.} other {# дозволені джерела даних } }",
+        "datasource-type": "Тип",
+        "datasource-parameters": "Параметри",
+        "remove-datasource": "Видалити джерело даних",
+        "add-datasource": "Додати джерело даних",
+        "target-device": "Цільовий пристрій",
+        "alarm-source": "Джерело сигнала тривоги",
+        "actions": "Дії",
+        "action": "Дія",
+        "add-action": "Додати дію",
+        "search-actions": "Пошук дії",
+        "action-source": "Джерело дії",
+        "action-source-required": "Необхідно вказати джерело дії.",
+        "action-name": "Ім'я дії",
+        "action-name-required": "Необхідно вказати ім'я дії.",
+        "action-name-not-unique": "Дія з такою назвою вже існує.<br/>Назва дії має бути унікальною в межах одного джерела дії.",
+        "action-icon": "Іконка",
+        "action-type": "Тип",
+        "action-type-required": "Необхідно вказати тип дії.",
+        "edit-action": "Редагувати дію",
+        "delete-action": "Видалити дію",
+        "delete-action-title": "Видалити дію віджета",
+        "delete-action-text": "Ви впевнені, що хочете видалити дію віджета '{{actionName}}'?",
+        "display-icon": "Показувати іконку у назві",
+        "icon-color": "Колір іконки",
+        "icon-size": "Розмір іконки"
+    },
+    "widget-type": {
+        "import": "Імпортувати тип віджета",
+        "export": "Експортувати тип віджета",
+        "export-failed-error": "Неможливо експортувати тип віджета: {{error}}",
+        "create-new-widget-type": "Створити новий тип віджета",
+        "widget-type-file": "Файл типу віджета",
+        "invalid-widget-type-file-error": "Неможливо імпортувати тип віджету: неправильна структура даних типу віджета."
+    },
+    "widgets": {
+        "date-range-navigator": {
+            "localizationMap": {
+                "Sun": "Нд",
+                "Mon": "Пн",
+                "Tue": "Вт",
+                "Wed": "Ср",
+                "Thu": "Чт",
+                "Fri": "Пт",
+                "Sat": "Сб",
+                "Jan": "Січ.",
+                "Feb": "Лют.",
+                "Mar": "Берез.",
+                "Apr": "Квіт.",
+                "May": "Трав.",
+                "Jun": "Черв.",
+                "Jul": "Лип.",
+                "Aug": "Серп.",
+                "Sep": "Верес.",
+                "Oct": "Жовт.",
+                "Nov": "Листоп.",
+                "Dec": "Груд.",
+                "January": "Січень",
+                "February": "Лютий",
+                "March": "Березень",
+                "April": "Квітень",
+                "June": "Червень",
+                "July": "Липень",
+                "August": "Серпень",
+                "September": "Вересень",
+                "October": "Жовтень",
+                "November": "Листопад",
+                "December": "Грудень",
+                "Custom Date Range": "Користувацький діапазон дат",
+                "Date Range Template": "Шаблон діапазону дат",
+                "Today": "Сьогодні",
+                "Yesterday": "Вчора",
+                "This Week": "Цього тижня",
+                "Last Week": "Минулий тиждень",
+                "This Month": "Цей місяць",
+                "Last Month": "Минулий місяць",
+                "Year": "Рік",
+                "This Year": "Цього року",
+                "Last Year": "Минулий рік",
+                "Date picker": "Вибір дати",
+                "Hour": "Година",
+                "Day": "День",
+                "Week": "Тиждень",
+                "2 weeks": "2 Тижні",
+                "Month": "Місяць",
+                "3 months": "3 Місяці",
+                "6 months": "6 Місяців",
+                "Custom interval": "Користувацький інтервал",
+                "Interval": "Інтервал",
+                "Step size": "Розмір кроку",
+                "Ok": "Ok"
+            }
+        },
+        "input-widgets": {
+            "attribute-not-allowed": "Атрибут не може бути вибраний в цьому віджеті",
+            "date": "Дата",
+            "blocked-location": "Геолокація заблокована у вашому браузері",
+            "claim-device": "Підтвердити пристрій",
+            "claim-failed": "Не вдалося підтвердити пристрій!",
+            "claim-not-found": "Пристрій не знайдено!",
+            "claim-successful": "Пристрій успішно підтверджено!",
+            "discard-changes": "Скасувати зміни",
+            "device-name": "Назва пристрою",
+            "device-name-required": "Необхідно вказати назву пристрою",
+            "entity-attribute-required": "Значення атрибута обов'язкове",
+            "entity-coordinate-required": "Необхідно вказати широту та довготу",
+            "entity-timeseries-required": "Значення телеметрії обов'язкове",
+            "get-location": "Отримати поточне місцезнаходження",
+            "latitude": "Широта",
+            "longitude": "Довгота",
+            "not-allowed-entity": "Обрана сутність не має спільних атрибутів",
+            "no-attribute-selected": "Атрибут не вибрано",
+            "no-datakey-selected": "Ні один datakey не обраний",
+            "no-entity-selected": "Сутність не вибрано",
+            "no-coordinate-specified": "Ключ для широти/довготи не вказаний",
+            "no-support-geolocation": "Ваш браузер не підтримує геолокацію",
+            "no-image": "Немає зображення",
+            "no-support-web-camera": "Нет поддерживаемой веб-камеры",
+            "no-timeseries-selected": "Параметр телеметрії не вибрано",
+            "secret-key": "Секретний ключ",
+            "secret-key-required": "Необхідно вказати секретний ключ",
+            "switch-attribute-value": "Змінити значення атрибута",
+            "switch-camera": "Змінити камеру",
+            "switch-timeseries-value": "Змінити значення телеметрії",
+            "take-photo": "Зробити фото",
+            "time": "Час",
+            "timeseries-not-allowed": "Телеметрія не може бути вибрана в цьому віджеті",
+            "update-failed": "Не вдалося оновити",
+            "update-successful": "Успішно оновлено",
+            "update-attribute": "Оновити атрибут",
+            "update-timeseries": "Оновити телеметрію",
+            "value": "Значення"
+        }
+    },
+    "white-labeling": {
+        "white-labeling": "Білий маркування",
+        "login-white-labeling": "Login White Labeling",
+        "preview": "Попередній перегляд",
+        "app-title": "Назва програми",
+        "favicon": "Іконка веб-сайту",
+        "favicon-description": "*.ico, *.gif or *.png image with maximum size {{kbSize}} KBytes.",
+        "favicon-size-error": "Зображення веб-сайту завелике. Максимально дозволений розмір зображення веб-сайту {{kbSize}} KBytes.",
+        "favicon-type-error": "Недійсний формат файлу зображення веб-сайту. Приймаються лише зображення ICO, GIF або PNG.",
+        "drop-favicon-image": "Зніміть зображення піктограми веб-сайту або клацніть, щоб вибрати файл для завантаження.",
+        "no-favicon-image": "Не вибрано жодної іконки",
+        "logo": "Логотип",
+        "logo-description": "Будь-яке зображення з максимальним розміром {{kbSize}} KBytes.",
+        "logo-size-error": "Зображення логотипу занадто велике. Максимально дозволений розмір зображення логотипу{{kbSize}} KBytes.",
+        "logo-type-error": "Недійсний формат файлу логотипу. Приймаються тільки зображення.",
+        "drop-logo-image": "Зніміть зображення логотипу або клацніть, щоб вибрати файл для завантаження.",
+        "no-logo-image": "Не вибрано жожного логотипу",
+        "logo-height": "Висота логотипу, px",
+        "primary-palette": "Основна палітра",
+        "accent-palette": "Палітра акцент",
+        "customize-palette": "Налаштування",
+        "edit-palette": "Редагувати палітру",
+        "save-palette": "Зберегти палітру",
+        "primary-background": "Первинний фон",
+        "secondary-background": "Вторинний фон",
+        "hue1": "HUE 1",
+        "hue2": "HUE 2",
+        "hue3": "HUE 3",
+        "page-background-color": "Колір фону сторінки",
+        "dark-foreground": "Темний передній план",
+        "domain-name": "Доменне ім'я"
+    },
+    "icon": {
+        "icon": "Іконка",
+        "select-icon": "Виберіть Іконку",
+        "material-icons": "Іконки в стилі Material",
+        "show-all": "Показати всі іконки"
+    },
+    "custom": {
+        "widget-action": {
+            "action-cell-button": "Кнопка дії в комірці таблиці",
+            "row-click": "Клацніть на рядок",
+            "marker-click": "Клацніть на маркер",
+            "polygon-click": "Дія при натисканні на полігон",
+            "tooltip-tag-action": "Дія при натисканні на посилання в підказці",
+            "node-selected": "Дії при виборі ноди",
+            "element-click": "Дії при натисканні на HTML елементі",
+            "pie-slice-click": "Дії при натисканні на секції кругової діаграми",
+            "row-double-click": "Дії при подвійному натисканні на рядок"
+        }
+    },
+    "language": {
+        "language": "Мова"
+    }
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-zh_CN.json b/ui-ngx/src/assets/locale/locale.constant-zh_CN.json
new file mode 100644
index 0000000000..081cccdde5
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-zh_CN.json
@@ -0,0 +1,1607 @@
+{
+    "access": {
+        "unauthorized": "未授权",
+        "unauthorized-access": "未授权访问",
+        "unauthorized-access-text": "您需要登陆才能访问这个资源！",
+        "access-forbidden": "禁止访问",
+        "access-forbidden-text": "您没有访问此位置的权限<br/>如果您仍希望访问此位置,请尝试使用其他用户登录。",
+        "refresh-token-expired": "会话已过期",
+        "refresh-token-failed": "无法刷新会话"
+    },
+    "action": {
+        "activate": "激活",
+        "suspend": "暂停",
+        "save": "保存",
+        "saveAs": "另存为",
+        "cancel": "取消",
+        "ok": "确定",
+        "delete": "删除",
+        "add": "添加",
+        "yes": "是",
+        "no": "否",
+        "update": "更新",
+        "remove": "移除",
+        "search": "查询",
+        "clear-search": "清除查询",
+        "assign": "分配",
+        "unassign": "取消分配",
+        "share": "分享",
+        "make-private": "私有",
+        "apply": "应用",
+        "apply-changes": "应用更改",
+        "edit-mode": "编辑模式",
+        "enter-edit-mode": "进入编辑模式",
+        "decline-changes": "撤销更改",
+        "close": "关闭",
+        "back": "后退",
+        "run": "运行",
+        "sign-in": "登录！",
+        "edit": "编辑",
+        "view": "查看",
+        "create": "创建",
+        "drag": "拖拽",
+        "refresh": "刷新",
+        "undo": "撤销",
+        "copy": "复制",
+        "paste": "粘贴",
+        "copy-reference": "复制引用",
+        "paste-reference": "粘贴引用",
+        "import": "导入",
+        "export": "导出",
+        "share-via": "通过 {{provider}}分享"
+    },
+    "aggregation": {
+        "aggregation": "聚合",
+        "function": "数据聚合功能",
+        "limit": "最大值",
+        "group-interval": "分组间隔",
+        "min": "最少值",
+        "max": "最大值",
+        "avg": "平均值",
+        "sum": "求和",
+        "count": "计数",
+        "none": "空"
+    },
+    "admin": {
+        "general": "常规",
+        "general-settings": "常规设置",
+        "outgoing-mail": "发送邮件",
+        "outgoing-mail-settings": "发送邮件设置",
+        "system-settings": "系统设置",
+        "test-mail-sent": "测试邮件发送成功！",
+        "base-url": "基本URL",
+        "base-url-required": "基本URL必填。",
+        "mail-from": "邮件来自",
+        "mail-from-required": "邮件发件人必填。",
+        "smtp-protocol": "SMTP协议",
+        "smtp-host": "SMTP主机",
+        "smtp-host-required": "SMTP主机必填。",
+        "smtp-port": "SMTP端口",
+        "smtp-port-required": "您必须提供一个smtp端口。",
+        "smtp-port-invalid": "这看起来不是有效的smtp端口。",
+        "timeout-msec": "超时（ms）",
+        "timeout-required": "超时必填。",
+        "timeout-invalid": "这看起来不像有效的超时值。",
+        "enable-tls": "启用TLS",
+        "tls-version" : "TLS版本",
+        "send-test-mail": "发送测试邮件"
+    },
+    "alarm": {
+        "alarm": "警告",
+        "alarms": "警告",
+        "select-alarm": "选择警告",
+        "no-alarms-matching": "没有找到匹配 '{{entity}}' 的警告",
+        "alarm-required": "警告必填",
+        "alarm-status": "警告状态",
+        "search-status": {
+            "ANY": "所有",
+            "ACTIVE": "已激活",
+            "CLEARED": "已清除",
+            "ACK": "已应答",
+            "UNACK": "未应答"
+        },
+        "display-status": {
+            "ACTIVE_UNACK": "激活未应答",
+            "ACTIVE_ACK": "激活已应答",
+            "CLEARED_UNACK": "清除未应答",
+            "CLEARED_ACK": "清除已应答"
+        },
+        "no-alarms-prompt": "未发现警告",
+        "created-time": "创建时间",
+        "type": "类型",
+        "severity": "严重程度",
+        "originator": "起因",
+        "originator-type": "起因类型",
+        "details": "详情",
+        "status": "状态",
+        "alarm-details": "警告详情",
+        "start-time": "开始时间",
+        "end-time": "结束时间",
+        "ack-time": "应答时间",
+        "clear-time": "创建时间",
+        "severity-critical": "危险",
+        "severity-major": "重要",
+        "severity-minor": "次要",
+        "severity-warning": "警告",
+        "severity-indeterminate": "不确定",
+        "acknowledge": "应答",
+        "clear": "清除",
+        "search": "搜索警告",
+        "selected-alarms": "已选择 { count, plural, 1 {1 警告} other {# 警告} } ",
+        "no-data": "无数据显示",
+        "polling-interval": "警告轮询间隔(秒)",
+        "polling-interval-required": "警告轮询间隔必填。",
+        "min-polling-interval-message": "轮询间隔至少是1秒。",
+        "aknowledge-alarms-title": "应答 { count, plural, 1 {1 警告} other {# 警告} }",
+        "aknowledge-alarms-text": "确定要应答 { count, plural, 1 {1 警告} other {# 警告} }?",
+        "clear-alarms-title": "清除 { count, plural, 1 {1 警告} other {# 警告} }",
+        "clear-alarms-text": "确定要清除 { count, plural, 1 {1 警告} other {# 警告} }?"
+    },
+    "alias": {
+        "add": "添加别名",
+        "edit": "编辑别名",
+        "name": "别名",
+        "name-required": "别名必填",
+        "duplicate-alias": "别名已经存在。",
+        "filter-type-single-entity": "单个实体",
+        "filter-type-entity-list": "实体列表",
+        "filter-type-entity-name": "实体名称",
+        "filter-type-state-entity": "实体（仪表板状态）",
+        "filter-type-state-entity-description": "实体令牌（仪表板状态参数）",
+        "filter-type-asset-type": "资产类型",
+        "filter-type-asset-type-description": "类型为 '{{assetType}}' 的资产",
+        "filter-type-asset-type-and-name-description": "类型为 '{{assetType}}' 且以 '{{prefix}}' 开头的资产",
+        "filter-type-device-type": "设备类型",
+        "filter-type-device-type-description": "类型为 '{{deviceType}}' 的设备",
+        "filter-type-device-type-and-name-description": "类型为 '{{deviceType}}' 且以 '{{prefix}}' 开头的设备",
+        "filter-type-entity-view-type": "实体视图类型",
+        "filter-type-entity-view-type-description": "类型为 '{{entityView}}' 的实体视图",
+        "filter-type-entity-view-type-and-name-description": "类型为 {{entityView}}' 且以 '{{prefix}}' 开头的实体视图",
+        "filter-type-relations-query": "关系查询",
+        "filter-type-relations-query-description": "具有 {{relationType}} 关联 {{direction}} {{rootEntity}} 的 {{entities}} ",
+        "filter-type-asset-search-query": "资产搜索查询",
+        "filter-type-asset-search-query-description": "类型为 {{assetTypes}} 且具有 {{relationType}} 关联 {{direction}} {{rootEntity}} 的资产",
+        "filter-type-device-search-query": "设备搜索查询",
+        "filter-type-device-search-query-description": "类型为 {{deviceTypes}} 且具有 {{relationType}} 关联 {{direction}} {{rootEntity}} 的设备",
+        "filter-type-entity-view-search-query": "实体视图搜索查询",
+        "filter-type-entity-view-search-query-description": "类型为 {{entityViewTypes}} 且具有 {{relationType}} 关联 {{direction}} {{rootEntity}} 的实体视图",
+        "entity-filter": "实体过滤",
+        "resolve-multiple": "解决为多实体",
+        "filter-type": "过滤类型",
+        "filter-type-required": "过滤类型必填。",
+        "entity-filter-no-entity-matched": "未找到符合指定过滤条件的实体。",
+        "no-entity-filter-specified": "没有指定实体过滤条件",
+        "root-state-entity": "使用仪表板状态实体作为根实体",
+        "root-entity": "根实体",
+        "state-entity-parameter-name": "状态实体参数名称",
+        "default-state-entity": "默认状态实体",
+        "default-entity-parameter-name": "默认",
+        "max-relation-level": "最大关系层级",
+        "unlimited-level": "不限层级",
+        "state-entity": "仪表板状态实体",
+        "all-entities": "所有实体",
+        "any-relation": "不限"
+    },
+    "asset": {
+        "asset": "资产",
+        "assets": "资产",
+        "management": "资产管理",
+        "view-assets": "查看资产",
+        "add": "添加资产",
+        "assign-to-customer": "分配给客户",
+        "assign-asset-to-customer": "将资产分配给客户",
+        "assign-asset-to-customer-text": "请选择要分配给客户的资产",
+        "no-assets-text": "未找到资产",
+        "assign-to-customer-text": "请选择客户以分配资产",
+        "public": "公开",
+        "assignedToCustomer": "分配客户",
+        "make-public": "资产设为公开",
+        "make-private": "资产设为私有",
+        "unassign-from-customer": "取消分配客户",
+        "delete": "删除资产",
+        "asset-public": "资产公开",
+        "asset-type": "资产类型",
+        "asset-type-required": "资产类型必填。",
+        "select-asset-type": "选择资产类型",
+        "enter-asset-type": "输入资产类型",
+        "any-asset": "任何资产",
+        "no-asset-types-matching": "没有找到匹配 '{{entitySubtype}}' 的资产类型。",
+        "asset-type-list-empty": "资产类型未选择。",
+        "asset-types": "资产类型",
+        "name": "名称",
+        "name-required": "名称必填。",
+        "description": "描述",
+        "type": "类型",
+        "type-required": "类型必填。",
+        "details": "详情",
+        "events": "事件",
+        "add-asset-text": "添加新资产",
+        "asset-details": "资产详情",
+        "assign-assets": "分配资产",
+        "assign-assets-text": "分配 { count, plural, 1 {1 资产} other {# 资产} } 给客户",
+        "delete-assets": "删除资产",
+        "unassign-assets": "取消分配资产",
+        "unassign-assets-action-title": "从客户处取消分配 { count, plural, 1 {1 资产} other {# 资产} } ",
+        "assign-new-asset": "分配新资产",
+        "delete-asset-title": "确定要删除资产 '{{assetName}}'?",
+        "delete-asset-text": "小心！确认后资产及其所有相关数据将不可恢复。",
+        "delete-assets-title": "确定要删除 { count, plural, 1 {1 资产} other {# 资产} }?",
+        "delete-assets-action-title": "删除 { count, plural, 1 {1 资产} other {# 资产} }",
+        "delete-assets-text": "小心，确认后，所有选定的资产将被删除，所有相关的数据将变得不可恢复。",
+        "make-public-asset-title": "你确定你想创建公开'{{assetName}}'资产?",
+        "make-public-asset-text": "确认后，资产及其所有数据将被公开并被他人访问。",
+        "make-private-asset-title": "你确定你想创建私有 '{{assetName}}' 资产?",
+        "make-private-asset-text": "确认后，资产及其所有数据将被私有化，无法被他人访问。",
+        "unassign-asset-title": "您确定要取消对'{{assetName}}'资产的分配吗？",
+        "unassign-asset-text": "确认后，资产将未分配，客户无法访问。",
+        "unassign-asset": "未分配资产",
+        "unassign-assets-title": "您确定要取消分配 { count, plural, 1 {1 资产} other {# 资产} }吗?",
+        "unassign-assets-text": "确认后，所有选定的资产将被分配，客户无法访问。",
+        "copyId": "复制资产ID",
+        "idCopiedMessage": "资产ID已经复制到粘贴板",
+        "select-asset": "选择资产",
+        "no-assets-matching": "没有找到匹配 '{{entity}}' 的资产。",
+        "asset-required": "资产必填",
+        "name-starts-with": "资产名称以此开头",
+        "label": "标签"
+    },
+    "attribute": {
+        "attributes": "属性",
+        "latest-telemetry": "最新遥测",
+        "attributes-scope": "设备属性范围",
+        "scope-latest-telemetry": "最新遥测",
+        "scope-client": "客户端属性",
+        "scope-server": "服务端属性",
+        "scope-shared": "共享属性",
+        "add": "添加属性",
+        "key": "键",
+        "last-update-time": "最后更新时间",
+        "key-required": "属性键必填。",
+        "value": "值",
+        "value-required": "属性值必填。",
+        "delete-attributes-title": "您确定要删除 { count, plural, 1 {1 属性} other {# 属性} }吗？",
+        "delete-attributes-text": "注意,确认后所有选中的属性都会被删除。",
+        "delete-attributes": "删除属性",
+        "enter-attribute-value": "输入属性值",
+        "show-on-widget": "在部件上显示",
+        "widget-mode": "部件模式",
+        "next-widget": "下一个部件",
+        "prev-widget": "上一个部件",
+        "add-to-dashboard": "添加到仪表板",
+        "add-widget-to-dashboard": "将部件添加到仪表板",
+        "selected-attributes": "{ count, plural, 1 {1 属性} other {# 属性} } 被选中",
+        "selected-telemetry": "{ count, plural, 1 {1 遥测} other {# 遥测} } 被选中"
+    },
+    "audit-log": {
+        "audit": "审计",
+        "audit-logs": "审计日志",
+        "timestamp": "时间戳",
+        "entity-type": "实体类型",
+        "entity-name": "实体名称",
+        "user": "用户",
+        "type": "类型",
+        "status": "状态",
+        "details": "详情",
+        "type-added": "添加",
+        "type-deleted": "删除",
+        "type-updated": "更新",
+        "type-attributes-updated": "更新属性",
+        "type-attributes-deleted": "删除属性",
+        "type-rpc-call": "RPC调用",
+        "type-credentials-updated": "更新凭证",
+        "type-assigned-to-customer": "分配给客户",
+        "type-unassigned-from-customer": "未分配给客户",
+        "type-activated": "激活",
+        "type-suspended": "暂停",
+        "type-credentials-read": "读取凭证",
+        "type-attributes-read": "读取属性",
+        "status-success": "成功",
+        "status-failure": "失败",
+        "audit-log-details": "审计日志详情",
+        "no-audit-logs-prompt": "找不到日志",
+        "action-data": "活动数据",
+        "failure-details": "失败详情",
+        "search": "查找审计日志",
+        "clear-search": "清空查找"
+    },
+    "confirm-on-exit": {
+        "message": "您有未保存的更改。确定要离开此页吗？",
+        "html-message": "您有未保存的更改。<br/> 确定要离开此页面吗？",
+        "title": "未保存的更改"
+    },
+    "contact": {
+        "country": "国家",
+        "city": "城市",
+        "state": "州",
+        "postal-code": "邮政编码",
+        "postal-code-invalid": "只允许数字。",
+        "address": "地址",
+        "address2": "地址2",
+        "phone": "手机",
+        "email": "邮箱",
+        "no-address": "无地址"
+    },
+    "common": {
+        "username": "用户名",
+        "password": "密码",
+        "enter-username": "输入用户名",
+        "enter-password": "输入密码",
+        "enter-search": "输入检索条件"
+    },
+    "content-type": {
+        "json": "Json",
+        "text": "Text",
+        "binary": "Binary (Base64)"
+    },
+    "customer": {
+        "customer": "客户",
+        "customers": "客户",
+        "management": "客户管理",
+        "dashboard": "客户仪表板",
+        "dashboards": "客户仪表板",
+        "devices": "客户设备",
+        "entity-views": "客户实体视图",
+        "assets": "客户资产",
+        "public-dashboards": "公共仪表板",
+        "public-devices": "公共设备",
+        "public-assets": "公共资产",
+        "public-entity-views": "公共实体视图",
+        "add": "添加客户",
+        "delete": "删除客户",
+        "manage-customer-users": "管理客户用户",
+        "manage-customer-devices": "管理客户设备",
+        "manage-customer-dashboards": "管理客户仪表板",
+        "manage-public-devices": "管理公共设备",
+        "manage-public-dashboards": "管理公共仪表板",
+        "manage-customer-assets": "管理客户资产",
+        "manage-public-assets": "管理公共资产",
+        "add-customer-text": "添加新客户",
+        "no-customers-text": "没有找到客户",
+        "customer-details": "客户详情",
+        "delete-customer-title": "您确定要删除客户'{{customerTitle}}'吗？",
+        "delete-customer-text": "小心！确认后，客户及其所有相关数据将不可恢复。",
+        "delete-customers-title": "您确定要删除 { count, plural, 1 {1 客户} other {# 客户} }吗？",
+        "delete-customers-action-title": "删除 { count, plural, 1 {1 客户} other {# 客户} }",
+        "delete-customers-text": "小心！确认后，所有选定的客户将被删除，所有相关数据将不可恢复。",
+        "manage-users": "管理用户",
+        "manage-assets": "管理资产",
+        "manage-devices": "管理设备",
+        "manage-dashboards": "管理仪表板",
+        "title": "标题",
+        "title-required": "需要标题",
+        "description": "描述",
+        "details": "详情",
+        "events": "事件",
+        "copyId": "复制客户ID",
+        "idCopiedMessage": "客户ID已复制到粘贴板",
+        "select-customer": "选择客户",
+        "no-customers-matching": "没有找到匹配 '{{entity}}' 的客户。",
+        "customer-required": "客户是必选项",
+        "select-default-customer": "选择默认的客户",
+        "default-customer": "默认客户",
+        "default-customer-required": "为了调试租户级别上的仪表板，需要默认客户。"
+    },
+    "datetime": {
+        "date-from": "日期从",
+        "time-from": "时间从",
+        "date-to": "日期到",
+        "time-to": "时间到"
+    },
+    "dashboard": {
+        "dashboard": "仪表板",
+        "dashboards": "仪表板库",
+        "management": "仪表板管理",
+        "view-dashboards": "查看仪表板",
+        "add": "添加仪表板",
+        "assign-dashboard-to-customer": "将仪表板分配给客户",
+        "assign-dashboard-to-customer-text": "请选择要分配给客户的仪表板",
+        "assign-to-customer-text": "请选择客户分配仪表板",
+        "assign-to-customer": "分配给客户",
+        "unassign-from-customer": "取消分配客户",
+        "make-public": "仪表板设为公开",
+        "make-private": "仪表板设为私有",
+        "manage-assigned-customers": "管理已分配的客户",
+        "assigned-customers": "已分配的客户",
+        "assign-to-customers": "将仪表板分配给客户",
+        "assign-to-customers-text": "请选择客户指定仪表板",
+        "unassign-from-customers": "客户未分配仪表板",
+        "unassign-from-customers-text": "请选择从仪表板中取消分配的客户",
+        "no-dashboards-text": "没有找到仪表板",
+        "no-widgets": "没有配置部件",
+        "add-widget": "添加新的部件",
+        "title": "标题",
+        "select-widget-title": "选择部件",
+        "select-widget-subtitle": "可用的部件类型列表",
+        "delete": "删除仪表板",
+        "title-required": "需要标题。",
+        "description": "描述",
+        "details": "详情",
+        "dashboard-details": "仪表板详情",
+        "add-dashboard-text": "添加新的仪表板",
+        "assign-dashboards": "分配仪表板",
+        "assign-new-dashboard": "分配新的仪表板",
+        "assign-dashboards-text": "分配 { count, plural, 1 {1 仪表板} other {# 仪表板} } 给客户",
+        "unassign-dashboards-action-text": "未分配 { count, plural, 1 {1 仪表板} other {# 仪表板} } 给客户",
+        "delete-dashboards": "删除仪表板",
+        "unassign-dashboards": "取消分配仪表板",
+        "unassign-dashboards-action-title": "从客户处取消分配 { count, plural, 1 {1 仪表板} other {# 仪表板} } ",
+        "delete-dashboard-title": "您确定要删除仪表板 '{{dashboardTitle}}'吗？",
+        "delete-dashboard-text": "小心！确认后仪表板及其所有相关数据将不可恢复。",
+        "delete-dashboards-title": "你确定你要删除 { count, plural, 1 {1 仪表板} other {# 仪表板} }吗？",
+        "delete-dashboards-action-title": "删除 { count, plural, 1 {1 仪表板} other {# 仪表板} }",
+        "delete-dashboards-text": "小心！确认后所有选定的仪表板将被删除，所有相关数据将不可恢复。",
+        "unassign-dashboard-title": "您确定要取消分配仪表板 '{{dashboardTitle}}'吗？",
+        "unassign-dashboard-text": "确认后，面板将被取消分配，客户将无法访问。",
+        "unassign-dashboard": "取消分配仪表板",
+        "unassign-dashboards-title": "您确定要取消分配仪表板 { count, plural, 1 {1 仪表板} other {# 仪表板} } 吗？",
+        "unassign-dashboards-text": "确认后，所有选定的仪表板将被取消分配，客户将无法访问。",
+        "public-dashboard-title": "仪表板现已公布",
+        "public-dashboard-text": "你的仪表板 <b>{{dashboardTitle}}</b> 已被公开，可通过如下 <a href='{{publicLink}}' target='_blank'>链接</a>访问:",
+        "public-dashboard-notice": "<b>提示：</b> 不要忘记将相关设备公开以访问其数据。",
+        "make-private-dashboard-title": "您确定要将仪表板 '{{dashboardTitle}}' 设为私有吗？",
+        "make-private-dashboard-text": "确认后，仪表板将被设为私有，不能被其他人访问。",
+        "make-private-dashboard": "仪表板设为私有",
+        "socialshare-text": "'{{dashboardTitle}}' 由Thingsboard提供支持",
+        "socialshare-title": "'{{dashboardTitle}}' 由Thingsboard提供支持",
+        "select-dashboard": "选择仪表板",
+        "no-dashboards-matching": "找不到符合 '{{entity}}' 的仪表板。",
+        "dashboard-required": "仪表板必填。",
+        "select-existing": "选择现有仪表板",
+        "create-new": "创建新的仪表板",
+        "new-dashboard-title": "新仪表板标题",
+        "open-dashboard": "打开仪表板",
+        "set-background": "设置背景",
+        "background-color": "背景颜色",
+        "background-image": "背景图片",
+        "background-size-mode": "背景大小模式",
+        "no-image": "无图像选择",
+        "drop-image": "拖拽图像或单击以选择要上传的文件。",
+        "settings": "设置",
+        "columns-count": "列数",
+        "columns-count-required": "需要列数。",
+        "min-columns-count-message": "只允许最少10列",
+        "max-columns-count-message": "只允许最多1000列",
+        "widgets-margins": "部件间边距",
+        "horizontal-margin": "水平边距",
+        "horizontal-margin-required": "需要水平边距值。",
+        "min-horizontal-margin-message": "只允许0作为最小水平边距值。",
+        "max-horizontal-margin-message": "只允许50作为最大水平边距值。",
+        "vertical-margin": "垂直边距",
+        "vertical-margin-required": "需要垂直边距值。",
+        "min-vertical-margin-message": "只允许0作为最小垂直边距值。",
+        "max-vertical-margin-message": "只允许50作为最大垂直边距值。",
+        "autofill-height": "自动填充布局高度",
+        "mobile-layout": "移动端布局设置",
+        "mobile-row-height": "移动端行高距（px）",
+        "mobile-row-height-required": "移动端行高距必填。",
+        "min-mobile-row-height-message": "移动端行高距至少5px。",
+        "max-mobile-row-height-message": "移动端行高距最多200px。",
+        "display-title": "显示仪表板标题",
+        "toolbar-always-open": "工具栏常驻",
+        "title-color": "标题颜色",
+        "display-dashboards-selection": "显示仪表板选项",
+        "display-entities-selection": "显示实体选项",
+        "display-dashboard-timewindow": "显示时间窗口",
+        "display-dashboard-export": "显示导出",
+        "import": "导入仪表板",
+        "export": "导出仪表板",
+        "export-failed-error": "无法导出仪表板: {{error}}",
+        "create-new-dashboard": "创建新的仪表板",
+        "dashboard-file": "仪表板文件",
+        "invalid-dashboard-file-error": "无法导入仪表板: 仪表板数据结构无效。",
+        "dashboard-import-missing-aliases-title": "配置导入仪表板使用的别名",
+        "create-new-widget": "创建新部件",
+        "import-widget": "导入部件",
+        "widget-file": "部件文件",
+        "invalid-widget-file-error": "无法导入窗口部件: 窗口部件数据结构无效。",
+        "widget-import-missing-aliases-title": "配置导入的窗口部件使用的别名",
+        "open-toolbar": "打开仪表板工具栏",
+        "close-toolbar": "关闭工具栏",
+        "configuration-error": "配置错误",
+        "alias-resolution-error-title": "仪表板别名配置错误",
+        "invalid-aliases-config": "无法找到与某些别名过滤器匹配的任何设备。<br/>请联系您的管理员以解决此问题。",
+        "select-devices": "选择设备",
+        "assignedToCustomer": "分配给客户",
+        "public": "公共",
+        "public-link": "公共链接",
+        "copy-public-link": "复制公共链接",
+        "public-link-copied-message": "仪表板的公共链接已被复制到剪贴板",
+        "manage-states": "仪表板状态管理",
+        "states": "仪表板状态",
+        "search-states": "仪表板状态检索",
+        "selected-states": "{ count, plural, 1 {1 仪表板状态} other {# 仪表板状态} } 选中",
+        "edit-state": "仪表板状态编辑",
+        "delete-state": "删除仪表板状态",
+        "add-state": "添加仪表板状态",
+        "state": "仪表板状态",
+        "state-name": "状态名",
+        "state-name-required": "仪表板状态名必填。",
+        "state-id": "状态ID",
+        "state-id-required": "仪表板状态ID必填。",
+        "state-id-exists": "仪表板状态ID已经存在。",
+        "is-root-state": "根状态",
+        "delete-state-title": "删除仪表板状态",
+        "delete-state-text": "确定要删除仪表板状态 '{{stateName}}' 吗?",
+        "show-details": "显示详情",
+        "hide-details": "隐藏详情",
+        "select-state": "选择目标状态",
+        "state-controller": "状态控制"
+    },
+    "datakey": {
+        "settings": "设置",
+        "advanced": "高级",
+        "label": "标签",
+        "color": "颜色",
+        "units": "单位符号",
+        "decimals": "小数位数",
+        "data-generation-func": "数据生成功能",
+        "use-data-post-processing-func": "使用数据后处理功能",
+        "configuration": "数据键配置",
+        "timeseries": "时间序列",
+        "attributes": "属性",
+        "alarm": "报警字段",
+        "timeseries-required": "需要设备时间序列。",
+        "timeseries-or-attributes-required": "设备时间/属性必填。",
+        "maximum-timeseries-or-attributes": "最大允许 { count, plural, 1 {1 时间序列/属性} other {# 时间序列/属性} }",
+        "alarm-fields-required": "警告字段必填。",
+        "function-types": "函数类型",
+        "function-types-required": "需要函数类型。",
+        "maximum-function-types": "至少需要 { count, plural, 1 {1 函数类型} other {# 函数类型} }"
+    },
+    "datasource": {
+        "type": "数据源类型",
+        "name": "数据源名称",
+        "add-datasource-prompt": "请添加数据源"
+    },
+    "details": {
+        "edit-mode": "编辑模式",
+        "toggle-edit-mode": "切换编辑模式"
+    },
+    "device": {
+        "device": "设备",
+        "device-required": "设备必填",
+        "devices": "设备",
+        "management": "设备管理",
+        "view-devices": "查看设备",
+        "device-alias": "设备别名",
+        "aliases": "设备别名",
+        "no-alias-matching": "'{{alias}}' 没有找到。",
+        "no-aliases-found": "找不到别名。",
+        "no-key-matching": "'{{key}}' 没有找到。",
+        "no-keys-found": "找不到密钥。",
+        "create-new-alias": "创建一个新的！",
+        "create-new-key": "创建一个新的！",
+        "duplicate-alias-error": "找到重复别名 '{{alias}}'。 <br> 设备别名必须是唯一的。",
+        "configure-alias": "配置 '{{alias}}' 别名",
+        "no-devices-matching": "找不到与 '{{entity}}' 匹配的设备。",
+        "alias": "别名",
+        "alias-required": "需要设备别名。",
+        "remove-alias": "删除设备别名",
+        "add-alias": "添加设备别名",
+        "name-starts-with": "名称前缀",
+        "device-list": "设备列表",
+        "use-device-name-filter": "使用过滤器",
+        "device-list-empty": "没有被选中的设备",
+        "device-name-filter-required": "设备名称过滤器必填。",
+        "device-name-filter-no-device-matched": "找不到以'{{device}}' 开头的设备。",
+        "add": "添加设备",
+        "assign-to-customer": "分配给客户",
+        "assign-device-to-customer": "将设备分配给客户",
+        "assign-device-to-customer-text": "请选择要分配给客户的设备",
+        "make-public": "公开",
+        "make-private": "私有",
+        "no-devices-text": "找不到设备",
+        "assign-to-customer-text": "请选择客户分配设备",
+        "device-details": "设备详细信息",
+        "add-device-text": "添加新设备",
+        "credentials": "凭据",
+        "manage-credentials": "管理凭据",
+        "delete": "删除设备",
+        "assign-devices": "分配设备",
+        "assign-devices-text": "将{count,plural,1 {1 设备} other {# 设备} }分配给客户",
+        "delete-devices": "删除设备",
+        "unassign-from-customer": "取消分配客户",
+        "unassign-devices": "取消分配设备",
+        "unassign-devices-action-title": "从客户处取消分配{count,plural,1 {1 设备} other {# 设备} }",
+        "assign-new-device": "分配新设备",
+        "make-public-device-title": "您确定要将设备 '{{deviceName}}' 设为公开吗？",
+        "make-public-device-text": "确认后，设备及其所有数据将被设为公开并可被其他人访问。",
+        "make-private-device-title": "您确定要将设备 '{{deviceName}}' 设为私有吗？",
+        "make-private-device-text": "确认后，设备及其所有数据将被设为私有，不被其他人访问。",
+        "view-credentials": "查看凭据",
+        "delete-device-title": "您确定要删除设备的{{deviceName}}吗？",
+        "delete-device-text": "小心！确认后设备及其所有相关数据将不可恢复。",
+        "delete-devices-title": "您确定要删除{count,plural,1 {1 设备} other {# 设备} } 吗？",
+        "delete-devices-action-title": "删除 {count,plural,1 {1 设备} other {# 设备} }",
+        "delete-devices-text": "小心！确认后所有选定的设备将被删除,所有相关数据将不可恢复。",
+        "unassign-device-title": "您确定要取消分配设备 '{{deviceName}}'？",
+        "unassign-device-text": "确认后,设备将被取消分配,客户将无法访问。",
+        "unassign-device": "取消分配设备",
+        "unassign-devices-title": "您确定要取消分配{count,plural,1 {1 设备} other {# 设备} } 吗？",
+        "unassign-devices-text": "确认后,所有选定的设备将被取消分配,并且客户将无法访问。",
+        "device-credentials": "设备凭据",
+        "credentials-type": "凭据类型",
+        "access-token": "访问令牌",
+        "access-token-required": "需要访问令牌",
+        "access-token-invalid": "访问令牌长度必须为1到20个字符。",
+        "rsa-key": "RSA公钥",
+        "rsa-key-required": "需要RSA公钥",
+        "secret": "密钥",
+        "secret-required": "密钥必填",
+        "device-type": "设备类型",
+        "device-type-required": "设备类型必填。",
+        "select-device-type": "选择设备类型",
+        "enter-device-type": "输入设备类型",
+        "any-device": "任意设备",
+        "no-device-types-matching": "没有找到符合 '{{entitySubtype}}' 的设备类型。",
+        "device-type-list-empty": "未选择设备类型",
+        "device-types": "设备类型",
+        "name": "名称",
+        "name-required": "名称必填。",
+        "description": "说明",
+        "events": "事件",
+        "details": "详细信息",
+        "copyId": "复制设备ID",
+        "copyAccessToken": "复制访问令牌",
+        "idCopiedMessage": "设备ID已复制到剪贴板",
+        "accessTokenCopiedMessage": "设备访问令牌已复制到剪贴板",
+        "assignedToCustomer": "分配给客户",
+        "unable-delete-device-alias-title": "无法删除设备别名",
+        "unable-delete-device-alias-text": "设备别名 '{{deviceAlias}}' 不能够被删除，因为它被下列部件所使用: <br/> {{widgetsList}}",
+        "is-gateway": "是网关",
+        "public": "公开",
+        "device-public": "设备公开",
+        "select-device": "选择设备"
+    },
+    "dialog": {
+        "close": "关闭对话框"
+    },
+    "error": {
+        "unable-to-connect": "无法连接到服务器！请检查您的互联网连接。",
+        "unhandled-error-code": "未处理的错误代码: {{errorCode}}",
+        "unknown-error": "未知错误"
+    },
+    "entity": {
+        "entity": "实体",
+        "entities": "实体",
+        "aliases": "实体别名",
+        "entity-alias": "实体别名",
+        "unable-delete-entity-alias-title": "无法删除实体别名",
+        "unable-delete-entity-alias-text": "实体别名 '{{entityAlias}}' 被以下部件使用不能删除：<br/>{{widgetsList}}",
+        "duplicate-alias-error": "别名 '{{alias}}' 重复。<br>同一仪表板别名必须唯一。",
+        "missing-entity-filter-error": "别名 '{{alias}}' 缺少过滤器",
+        "configure-alias": "别名 '{{alias}}' 配置",
+        "alias": "别名",
+        "alias-required": "实体别名必填。",
+        "remove-alias": "移除实体别名",
+        "add-alias": "添加实体别名",
+        "entity-list": "实体列表",
+        "entity-type": "实体类型",
+        "entity-types": "实体类型",
+        "entity-type-list": "实体类型列表",
+        "any-entity": "任意实体",
+        "enter-entity-type": "输入实体类型",
+        "no-entities-matching": "没有找到符合 '{{entity}}' 的实体。",
+        "no-entity-types-matching": "没有找到符合 '{{entityType}}' 类型的实体。",
+        "name-starts-with": "名称开始于",
+        "use-entity-name-filter": "用户过滤",
+        "entity-list-empty": "没有选择实体。",
+        "entity-type-list-empty": "没有选择实体类型。",
+        "entity-name-filter-required": "实体名过滤器必填。",
+        "entity-name-filter-no-entity-matched": "没有找到以 '{{entity}}' 开头的实体",
+        "all-subtypes": "所有",
+        "select-entities": "选择实体",
+        "no-aliases-found": "没有找到别名",
+        "no-alias-matching": "没有找到 '{{alias}}'",
+        "create-new-alias": "创建新别名",
+        "key": "键",
+        "key-name": "键名",
+        "no-keys-found": "没有找到键",
+        "no-key-matching": "没有找到键 '{{key}}'",
+        "create-new-key": "创建新键",
+        "type": "类型",
+        "type-required": "实体类型必填。",
+        "type-device": "设备",
+        "type-devices": "设备",
+        "list-of-devices": "{ count, plural, 1 {设备} other {# 设备列表} }",
+        "device-name-starts-with": "以 '{{prefix}}' 开头的设备",
+        "type-asset": "资产",
+        "type-assets": "资产",
+        "list-of-assets": "{ count, plural, 1 {资产} other {# 资产列表} }",
+        "asset-name-starts-with": "以 '{{prefix}}' 开头的资产",
+        "type-entity-view": "实体视图",
+        "type-entity-views": "实体视图",
+        "list-of-entity-views": "{ count, plural, 1 {实体视图} other {# 实体视图列表} }",
+        "entity-view-name-starts-with": "以 '{{prefix}}' 开头的实体视图",
+        "type-rule": "规则",
+        "type-rules": "规则",
+        "list-of-rules": "{ count, plural, 1 {规则} other {# 规则列表} }",
+        "rule-name-starts-with": "以 '{{prefix}}' 开头的规则",
+        "type-plugin": "插件",
+        "type-plugins": "插件",
+        "list-of-plugins": "{ count, plural, 1 {插件} other {# 插件列表} }",
+        "plugin-name-starts-with": "以 '{{prefix}}' 开头的插件",
+        "type-tenant": "租户",
+        "type-tenants": "租户",
+        "list-of-tenants": "{ count, plural, 1 {租户} other {# 租户列表} }",
+        "tenant-name-starts-with": "以 '{{prefix}}' 开头的租户",
+        "type-customer": "客户",
+        "type-customers": "客户",
+        "list-of-customers": "{ count, plural, 1 {客户} other {# 客户列表} }",
+        "customer-name-starts-with": "以 '{{prefix}}' 开头的客户",
+        "type-user": "用户",
+        "type-users": "用户",
+        "list-of-users": "{ count, plural, 1 {用户} other {# 用户列表} }",
+        "user-name-starts-with": "以 '{{prefix}}' 开头的用户",
+        "type-dashboard": "仪表板",
+        "type-dashboards": "仪表板",
+        "list-of-dashboards": "{ count, plural, 1 {仪表板} other {# 仪表板列表} }",
+        "dashboard-name-starts-with": "以 '{{prefix}}' 开头的仪表板",
+        "type-alarm": "警告",
+        "type-alarms": "警告",
+        "list-of-alarms": "{ count, plural, 1 {警告} other {# 警告列表} }",
+        "alarm-name-starts-with": "以 '{{prefix}}' 开头的警告",
+        "type-rulechain": "规则链",
+        "type-rulechains": "规则链库",
+        "list-of-rulechains": "{ count, plural, 1 {一个规则链} other {# 规则链列表} }",
+        "rulechain-name-starts-with": "规则链前缀名称 '{{prefix}}'",
+        "type-current-customer": "当前客户",
+        "search": "实体检索",
+        "selected-entities": "{ count, plural, 1 {1 实体} other {# 实体} } 被选中",
+        "entity-name": "实体名",
+        "details": "实体详情",
+        "no-entities-prompt": "没有找到实体",
+        "no-data": "无数据"
+    },
+    "entity-view": {
+        "entity-view": "实体视图",
+        "entity-view-required": "实体视图必填。",
+        "entity-views": "实体视图",
+        "management": "实体视图管理",
+        "view-entity-views": "查看实体视图",
+        "entity-view-alias": "实体视图别名",
+        "aliases": "实体视图别名",
+        "no-alias-matching": "'{{alias}}' 没有找到。",
+        "no-aliases-found": "找不到别名。",
+        "no-key-matching": "'{{key}}' 没有找到。",
+        "no-keys-found": "找不到密钥。",
+        "create-new-alias": "创建一个新的！",
+        "create-new-key": "创建一个新的！",
+        "duplicate-alias-error": "找到重复别名 '{{alias}}'。 <br> 实体视图别名必须是唯一的。",
+        "configure-alias": "配置 '{{alias}}' 别名",
+        "no-devices-matching": "找不到与 '{{entity}}' 匹配的实体视图。",
+        "alias": "别名",
+        "alias-required": "需要实体视图别名。",
+        "remove-alias": "删除实体视图别名",
+        "add-alias": "添加实体视图别名",
+        "name-starts-with": "名称前缀",
+        "entity-view-list": "实体视图列表",
+        "use-entity-view-name-filter": "使用过滤器",
+        "entity-view-list-empty": "没有被选中的实体视图",
+        "entity-view-name-filter-required": "实体视图名称过滤器必填。",
+        "entity-view-name-filter-no-entity-view-matched": "找不到以'{{entityView}}' 开头的实体视图。",
+        "add": "添加实体视图",
+        "assign-to-customer": "分配给客户",
+        "assign-entity-view-to-customer": "将实体视图分配给客户",
+        "assign-entity-view-to-customer-text": "请选择要分配给客户的实体视图",
+        "no-entity-views-text": "找不到实体视图",
+        "assign-to-customer-text": "请选择客户分配实体视图",
+        "entity-view-details": "实体视图详细信息",
+        "add-entity-view-text": "添加新实体视图",
+        "delete": "删除实体视图",
+        "assign-entity-views": "分配实体视图",
+        "assign-entity-views-text": "分配 { count, plural, 1 {1 实体视图} other {# 实体视图} } 给客户",
+        "delete-entity-views": "删除实体视图",
+        "unassign-from-customer": "取消分配客户",
+        "unassign-entity-views": "取消分配实体视图",
+        "unassign-entity-views-action-title": "从客户处取消分配{count,plural,1 {1 实体视图} other {# 实体视图} }",
+        "assign-new-entity-view": "分配新实体视图",
+        "delete-entity-view-title": "确定要删除实体视图 '{{entityViewName}}'?",
+        "delete-entity-view-text": "小心！确认后实体视图及其所有相关数据将不可恢复。",
+        "delete-entity-views-title": "确定要删除  { count, plural, 1 {1 实体视图} other {# 实体视图} }?",
+        "delete-entity-views-action-title": "删除 { count, plural, 1 {1 实体视图} other {# 实体视图} }",
+        "delete-entity-views-text": "B小心，确认后，所有选定的实体视图将被删除，所有相关的数据将变得不可恢复。",
+        "unassign-entity-view-title": "您确定要取消对 '{{entityViewName}}'实体视图的分配吗？",
+        "unassign-entity-view-text": "确认后，实体视图将未分配，客户无法访问。",
+        "unassign-entity-view": "未分配实体视图",
+        "unassign-entity-views-title": "您确定要取消分配 { count, plural, 1 {1 实体视图} other {# 实体视图} }吗?",
+        "unassign-entity-views-text": "确认后，所有选定的实体视图将被分配，客户无法访问。",
+        "entity-view-type": "实体视图类型",
+        "entity-view-type-required": "实体视图类型必填。",
+        "select-entity-view-type": "选择实体视图类型",
+        "enter-entity-view-type": "输入实体视图类型",
+        "any-entity-view": "任何实体视图",
+        "no-entity-view-types-matching": "没有找到匹配 '{{entitySubtype}}' 的实体视图类型。",
+        "entity-view-type-list-empty": "实体视图类型未选择。",
+        "entity-view-types": "实体视图类型",
+        "name": "名称",
+        "name-required": "名称必填。",
+        "description": "描述",
+        "events": "事件",
+        "details": "详情",
+        "copyId": "复制实体视图ID",
+        "assignedToCustomer": "分配给客户",
+        "unable-entity-view-device-alias-title": "无法删除实体视图别名",
+        "unable-entity-view-device-alias-text": "实体视图别名 '{{entityViewAlias}}' 不能够被删除，因为它被下列部件所使用: <br/> {{widgetsList}}",
+        "select-entity-view": "选择实体视图",
+        "make-public": "实体视图设为公开",
+        "make-private": "实体视图设为私有",
+        "start-date": "开始日期",
+        "start-ts": "开始时间",
+        "end-date": "结束日期",
+        "end-ts": "结束时间",
+        "date-limits": "日期限制",
+        "client-attributes": "客户端属性",
+        "shared-attributes": "共享属性",
+        "server-attributes": "服务端属性",
+        "timeseries": "时间序列",
+        "client-attributes-placeholder": "客户端属性",
+        "shared-attributes-placeholder": "共享属性",
+        "server-attributes-placeholder": "服务端属性",
+        "timeseries-placeholder": "时间序列",
+        "target-entity": "目标实体",
+        "attributes-propagation": "属性传播",
+        "attributes-propagation-hint": "每次保存或更新这个实体视图时，实体视图将自动从目标实体复制指定的属性。由于性能原因，目标实体属性不会在每次属性更改时传播到实体视图。您可以通过配置\"copy to view\"规则链中的规则节点，并将\"Post attributes\"和\"attributes Updated\"消息链接到新规则节点，从而启用自动传播。",
+        "timeseries-data": "时间序列数据",
+        "timeseries-data-hint": "配置目标实体的时间序列数据键,以便实体视图可以访问这些键。这个时间序列数据是只读的。",
+        "make-public-entity-view-title": "你确定你想创建公开 '{{entityViewName}}' 实体视图?",
+        "make-public-entity-view-text": "确认后，实体视图 及其所有数据将被公开并被他人访问。",
+        "make-private-entity-view-title": "你确定你想创建私有 '{{entityViewName}}' 实体视图?",
+        "make-private-entity-view-text": "确认后，实体视图及其所有数据将被私有化，无法被他人访问。"
+    },
+    "event": {
+        "event-type": "事件类型",
+        "type-error": "错误",
+        "type-lc-event": "生命周期事件",
+        "type-stats": "类型统计",
+        "type-debug-rule-node": "调试",
+        "type-debug-rule-chain": "调试",
+        "no-events-prompt": "找不到事件",
+        "error": "错误",
+        "alarm": "报警",
+        "event-time": "事件时间",
+        "server": "服务器",
+        "body": "整体",
+        "method": "方法",
+        "type": "类型",
+        "entity": "实体",
+        "message-id": "消息ID",
+        "message-type": "消息类型",
+        "data-type": "数据类型",
+        "relation-type": "关系类型",
+        "metadata": "元数据",
+        "data": "数据",
+        "event": "事件",
+        "status": "状态",
+        "success": "成功",
+        "failed": "失败",
+        "messages-processed": "消息处理",
+        "errors-occurred": "错误发生"
+    },
+    "extension": {
+        "extensions": "扩展",
+        "selected-extensions": "{ count, plural, 1 {1 扩展} other {# 扩展} } 被选择",
+        "type": "类型",
+        "key": "键名",
+        "value": "值",
+        "id": "ID",
+        "extension-id": "扩展ID",
+        "extension-type": "扩展类型",
+        "transformer-json": "JSON *",
+        "unique-id-required": "当前扩展ID已经存在。",
+        "delete": "删除扩展",
+        "add": "添加扩展",
+        "edit": "编辑扩展",
+        "delete-extension-title": "确实要删除扩展名'{{extensionId}}'吗？",
+        "delete-extension-text": "小心，确认后，扩展和所有相关数据将变得不可恢复。",
+        "delete-extensions-title": "您确定要删除 { count, plural, 1 {1 表达式} other {# 表达式} }吗?",
+        "delete-extensions-text": "小心，确认后，所有选定的扩展将被删除。",
+        "converters": "转换器",
+        "converter-id": "转换器序号",
+        "configuration": "配置",
+        "converter-configurations": "转换器的配置",
+        "token": "安全令牌",
+        "add-converter": "添加转换器",
+        "add-config": "添加转换器配置",
+        "device-name-expression": "设备名称表达式",
+        "device-type-expression": "设备类型表达式",
+        "custom": "顾客",
+        "to-double": "加倍",
+        "transformer": "转换器",
+        "json-required": "转换器JSON必填。",
+        "json-parse": "无法解析转换器JSON。",
+        "attributes": "属性",
+        "add-attribute": "添加属性",
+        "add-map": "添加映射元素",
+        "timeseries": "时间序列",
+        "add-timeseries": "添加时间序列",
+        "field-required": "必填字段",
+        "brokers": "代理服务器组",
+        "add-broker": "添加代理服务器",
+        "host": "主机",
+        "port": "端口",
+        "port-range": "端口应该在1到65535的范围内。",
+        "ssl": "Ssl",
+        "credentials": "证书",
+        "username": "用户名",
+        "password": "密码",
+        "retry-interval": "以毫秒为单位的重试间隔",
+        "anonymous": "匿名",
+        "basic": "Basic",
+        "pem": "PEM",
+        "ca-cert": "CA证书文件 *",
+        "private-key": "私钥文件 *",
+        "cert": "证书文件 *",
+        "no-file": "没有选择文件。",
+        "drop-file": "删除文件或单击以选择要上载的文件。",
+        "mapping": "映射",
+        "topic-filter": "主题滤波",
+        "converter-type": "转换类型",
+        "converter-json": "Json",
+        "json-name-expression": "设备名称JSON表达式",
+        "topic-name-expression": "设备名称主题表达式",
+        "json-type-expression": "设备类型JSON表达式",
+        "topic-type-expression": "设备类型主题表达式",
+        "attribute-key-expression": "属性关键字表达式",
+        "attr-json-key-expression": "属性键JSON表达式",
+        "attr-topic-key-expression": "属性关键字主题表达式",
+        "request-id-expression": "请求ID表达式",
+        "request-id-json-expression": "请求ID JSON表达式",
+        "request-id-topic-expression": "请求ID主题表达式",
+        "response-topic-expression": "响应主题表达式",
+        "value-expression": "值表达式",
+        "topic": "主题",
+        "timeout": "毫秒超时",
+        "converter-json-required": "转换JSON是必需的。",
+        "converter-json-parse": "无法解析转换JSON。",
+        "filter-expression": "过滤表达式",
+        "connect-requests": "连接请求",
+        "add-connect-request": "添加连接请求",
+        "disconnect-requests": "断开请求",
+        "add-disconnect-request": "添加断开请求",
+        "attribute-requests": "属性请求",
+        "add-attribute-request": "添加属性请求",
+        "attribute-updates": "属性更新",
+        "add-attribute-update": "添加属性更新",
+        "server-side-rpc": "服务端RPC",
+        "add-server-side-rpc-request": "添加服务端RPC请求",
+        "device-name-filter": "设备名称滤波",
+        "attribute-filter": "属性滤波",
+        "method-filter": "方法滤波",
+        "request-topic-expression": "请求主题表达式",
+        "response-timeout": "毫秒内响应超时",
+        "topic-expression": "主题表达",
+        "client-scope": "客户范围",
+        "add-device": "添加服务器",
+        "opc-server": "服务器组",
+        "opc-add-server": "添加服务器",
+        "opc-add-server-prompt": "请添加服务器",
+        "opc-application-name": "应用名称",
+        "opc-application-uri": "应用URI",
+        "opc-scan-period-in-seconds": "秒级扫描周期",
+        "opc-security": "安全性",
+        "opc-identity": "身份",
+        "opc-keystore": "密钥库",
+        "opc-type": "类型",
+        "opc-keystore-type": "类型",
+        "opc-keystore-location": "位置 *",
+        "opc-keystore-password": "密码",
+        "opc-keystore-alias": "别名",
+        "opc-keystore-key-password": "密钥密码",
+        "opc-device-node-pattern": "设备节点模式",
+        "opc-device-name-pattern": "设备名称模式",
+        "modbus-server": "Servers/slaves",
+        "modbus-add-server": "添加 server/slave",
+        "modbus-add-server-prompt": "请添加 server/slave",
+        "modbus-transport": "传输",
+        "modbus-port-name": "串口名称",
+        "modbus-encoding": "编码",
+        "modbus-parity": "奇偶性",
+        "modbus-baudrate": "波特率",
+        "modbus-databits": "数据位",
+        "modbus-stopbits": "停止位",
+        "modbus-databits-range": "数据位应该在7到8的范围内。",
+        "modbus-stopbits-range": "停止位应该在1到2的范围内。",
+        "modbus-unit-id": "单位编号",
+        "modbus-unit-id-range": "单位ID应该在1到247的范围内",
+        "modbus-device-name": "设备名称",
+        "modbus-poll-period": "轮询周期 (ms)",
+        "modbus-attributes-poll-period": "轮询属性周期 (ms)",
+        "modbus-timeseries-poll-period": "时间序列轮询周期 (ms)",
+        "modbus-poll-period-range": "轮询周期应为正值。",
+        "modbus-tag": "标签",
+        "modbus-function": "函数",
+        "modbus-register-address": "寄存器地址",
+        "modbus-register-address-range": "寄存器地址应该在0到65535的范围内。",
+        "modbus-register-bit-index": "位索引",
+        "modbus-register-bit-index-range": "位索引应该在0到15的范围内。",
+        "modbus-register-count": "寄存器计数",
+        "modbus-register-count-range": "寄存器计数应该是一个正值。",
+        "modbus-byte-order": "字节顺序",
+        "sync": {
+            "status": "状态",
+            "sync": "同步",
+            "not-sync": "不同步",
+            "last-sync-time": "最后同步时间",
+            "not-available": "无法使用"
+        },
+        "export-extensions-configuration": "导出扩展配置",
+        "import-extensions-configuration": "导入扩展配置",
+        "import-extensions": "导入扩展",
+        "import-extension": "导入扩展",
+        "export-extension": "导出扩展",
+        "file": "扩展文件",
+        "invalid-file-error": "无效的扩展文件"
+    },
+    "fullscreen": {
+        "expand": "展开到全屏",
+        "exit": "退出全屏",
+        "toggle": "切换全屏模式",
+        "fullscreen": "全屏"
+    },
+    "function": {
+        "function": "函数"
+    },
+    "grid": {
+        "delete-item-title": "您确定要删除此项吗？",
+        "delete-item-text": "注意,确认后此项及其所有相关数据将变得不可恢复。",
+        "delete-items-title": "你确定你要删除 { count, plural, 1 {1 项} other {# 项} }吗？",
+        "delete-items-action-title": "删除 { count, plural, 1 {1 项} other {# 项} }",
+        "delete-items-text": "注意,确认后所有选择的项目将被删除,所有相关数据将不可恢复。",
+        "add-item-text": "添加新项目",
+        "no-items-text": "没有找到项目",
+        "item-details": "项目详细信息",
+        "delete-item": "删除项目",
+        "delete-items": "删除项目",
+        "scroll-to-top": "滚动到顶部"
+    },
+    "help": {
+        "goto-help-page": "转到帮助页面"
+    },
+    "home": {
+        "home": "首页",
+        "profile": "属性",
+        "logout": "注销",
+        "menu": "菜单",
+        "avatar": "头像",
+        "open-user-menu": "打开用户菜单"
+    },
+    "import": {
+        "no-file": "没有选择文件",
+        "drop-file": "拖动一个JSON文件或者单击以选择要上传的文件。"
+    },
+    "item": {
+        "selected": "选择"
+    },
+    "js-func": {
+        "no-return-error": "函数必须返回值！",
+        "return-type-mismatch": "函数必须返回 '{{type}}' 类型的值！",
+        "tidy": "整洁"
+    },
+    "key-val": {
+        "key": "键名",
+        "value": "值",
+        "remove-entry": "删除条目",
+        "add-entry": "增加条目",
+        "no-data": "没有条目"
+    },
+    "layout": {
+        "layout": "布局",
+        "manage": "布局管理",
+        "settings": "布局设置",
+        "color": "颜色",
+        "main": "主体",
+        "right": "右侧",
+        "select": "选择目标布局"
+    },
+    "legend": {
+        "position": "图例位置",
+        "show-max": "显示最大值",
+        "show-min": "显示最小值",
+        "show-avg": "显示平均值",
+        "show-total": "显示总数",
+        "settings": "图例设置",
+        "min": "最小值",
+        "max": "最大值",
+        "avg": "平均值",
+        "total": "总数"
+    },
+    "login": {
+        "login": "登录",
+        "request-password-reset": "请求密码重置",
+        "reset-password": "重置密码",
+        "create-password": "创建密码",
+        "passwords-mismatch-error": "输入的密码必须相同！",
+        "password-again": "再次输入密码",
+        "sign-in": "登录 ",
+        "username": "用户名（电子邮件）",
+        "remember-me": "记住我",
+        "forgot-password": "忘记密码？",
+        "password-reset": "密码重置",
+        "new-password": "新密码",
+        "new-password-again": "再次输入新密码",
+        "password-link-sent-message": "密码重置链接已成功发送！",
+        "email": "电子邮件"
+    },
+    "position": {
+        "top": "顶部",
+        "bottom": "底部",
+        "left": "左侧",
+        "right": "右侧"
+    },
+    "profile": {
+        "profile": "属性",
+        "change-password": "更改密码",
+        "current-password": "当前密码"
+    },
+    "relation": {
+        "relations": "关联",
+        "direction": "方向",
+        "search-direction": {
+            "FROM": "从",
+            "TO": "到"
+        },
+        "direction-type": {
+            "FROM": "从",
+            "TO": "到"
+        },
+        "from-relations": "向外的关联",
+        "to-relations": "向内的关联",
+        "selected-relations": "{ count, plural, 1 {1 关联} other {# 关联} } 被选中",
+        "type": "类型",
+        "to-entity-type": "到实体类型",
+        "to-entity-name": "到实体名称",
+        "from-entity-type": "从实体类型",
+        "from-entity-name": "从实体类型",
+        "to-entity": "到实体",
+        "from-entity": "从实体",
+        "delete": "删除关联",
+        "relation-type": "关联类型",
+        "relation-type-required": "关联类型必填",
+        "any-relation-type": "任意类型",
+        "add": "添加关联",
+        "edit": "编辑关联",
+        "delete-to-relation-title": "确定要删除实体 '{{entityName}}' 的关联吗?",
+        "delete-to-relation-text": "确定删除后实体 '{{entityName}}' 将取消与当前实体的关联关系。",
+        "delete-to-relations-title": "确定要删除 { count, plural, 1 {1 关联} other {# 关联} }?",
+        "delete-to-relations-text": "确定删除所有选择的关联关系后，与当前实体对应的所有关联关系将被移除。",
+        "delete-from-relation-title": "确定要从实体 '{{entityName}}' 删除关联吗?",
+        "delete-from-relation-text": "确定删除后，当前实体将与实体 '{{entityName}}' 取消关联",
+        "delete-from-relations-title": "确定删除 { count, plural, 1 {1 关联} other {# 关联} } 吗?",
+        "delete-from-relations-text": "确定删除所有选择的关联关系后，当前实体将与对应的实体取消关联",
+        "remove-relation-filter": "移除关联过滤器",
+        "add-relation-filter": "添加关联过滤器",
+        "any-relation": "任意关联",
+        "relation-filters": "关联过滤器",
+        "additional-info": "附加信息 (JSON)",
+        "invalid-additional-info": "无法解析附加信息json。"
+    },
+    "rulechain": {
+        "rulechain": "规则链",
+        "rulechains": "规则链库",
+        "root": "根实体",
+        "delete": "删除规则",
+        "activate": "激活规则",
+        "suspend": "暂停规则",
+        "active": "激活",
+        "suspended": "暂停",
+        "name": "名称",
+        "name-required": "名称必填。",
+        "description": "描述",
+        "add": "添加规则",
+        "set-root": "创建规则链根",
+        "set-root-rulechain-title": "您确定要生成规则链'{{RuleChainName}}'根吗？",
+        "set-root-rulechain-text": "确认之后，规则链将变为根规格链，并将处理所有传入的传输消息。",
+        "delete-rulechain-title": " 确实要删除规则链'{{ruleChainName}}'吗？",
+        "delete-rulechain-text": "小心，在确认规则链和所有相关数据将变得不可恢复。",
+        "delete-rulechains-title": "确实要删除{count, plural, 1 { 1 规则链} other {# 规则链库} }吗？",
+        "delete-rulechains-action-title": "删除 { count, plural, 1 {1 规则链} other {# 规则链库} }",
+        "delete-rulechains-text": "小心，确认后，所有选定的规则链将被删除，所有相关的数据将变得不可恢复。",
+        "add-rulechain-text": "添加新的规则链",
+        "no-rulechains-text": "规则链没有发现",
+        "rulechain-details": "规则链详情",
+        "details": "详情",
+        "events": "事件",
+        "system": "系统",
+        "import": "导入规则",
+        "export": "导出规则",
+        "export-failed-error": "无法导出规则：{{error}}",
+        "create-new-rulechain": "创建新的规则链",
+        "rulechain-file": "规则链文件",
+        "invalid-rulechain-file-error": "不能导入规则链：无效的规则链数据格式。",
+        "copyId": "复制规则链ID",
+        "idCopiedMessage": "规则ID已经复制到粘贴板",
+        "select-rulechain": "选择规则链",
+        "no-rulechains-matching": "没有发现匹配'{{entity}}'的规则链。",
+        "rulechain-required": "规则链必填",
+        "management": "规则集管理",
+        "debug-mode": "调试模式"
+    },
+    "rulenode": {
+        "details": "详情",
+        "events": "事件",
+        "search": "搜索节点",
+        "open-node-library": "打开节点库",
+        "add": "添加规则节点",
+        "name": "名称",
+        "name-required": "名称必填。",
+        "type": "类型",
+        "description": "描述",
+        "delete": "删除规则节点",
+        "select-all-objects": "选择所有节点和连接",
+        "deselect-all-objects": "取消选择所有节点和连接",
+        "delete-selected-objects": "删除选定的节点和连接",
+        "delete-selected": "删除选定",
+        "select-all": "选择全部",
+        "copy-selected": "选择副本",
+        "deselect-all": "取消选择",
+        "rulenode-details": "规则节点详情",
+        "debug-mode": "调试模式",
+        "configuration": "配置",
+        "link": "链接",
+        "link-details": "规则节点链接详情",
+        "add-link": "添加链接",
+        "link-label": "链接标签",
+        "link-label-required": "链接标签必填",
+        "custom-link-label": "自定义链接标签",
+        "custom-link-label-required": "自定义链接标签必填",
+        "type-filter": "滤波器",
+        "type-filter-details": "使用配置条件过滤传入消息",
+        "type-enrichment": "属性集",
+        "type-enrichment-details": "向消息元数据中添加附加信息",
+        "type-transformation": "变换",
+        "type-transformation-details": "更改消息有效载荷和元数据",
+        "type-action": "动作",
+        "type-action-details": "执行特别动作",
+        "type-external": "外部的",
+        "type-external-details": "与外部系统交互",
+        "type-rule-chain": "规则链",
+        "type-rule-chain-details": "将传入消息转发到指定的规则链",
+        "type-input": "输入",
+        "type-input-details": "规则链的逻辑输入，将传入消息转发到下一个相关规则节点",
+        "directive-is-not-loaded": "定义的配置指令 '{{directiveName}}' 不可用。",
+        "ui-resources-load-error": "加载配置UI资源失败。",
+        "invalid-target-rulechain": "无法解析目标规则链！",
+        "test-script-function": "测试脚本功能",
+        "message": "消息",
+        "message-type": "消息类型",
+        "message-type-required": "消息类型必填",
+        "metadata": "元数据",
+        "metadata-required": "元数据项不能为空。",
+        "output": "输出",
+        "test": "测试",
+        "help": "帮助"
+    },
+    "tenant": {
+        "tenant": "租户",
+        "tenants": "租户",
+        "management": "租户管理",
+        "add": "添加租户",
+        "admins": "管理员",
+        "manage-tenant-admins": "管理租户管理员",
+        "delete": "删除租户",
+        "add-tenant-text": "添加新租户",
+        "no-tenants-text": "没有找到租户",
+        "tenant-details": "租客详情",
+        "delete-tenant-title": "您确定要删除租户'{{tenantTitle}}'吗？",
+        "delete-tenant-text": "小心！确认后，租户和所有相关数据将不可恢复。",
+        "delete-tenants-title": "您确定要删除 {count,plural,1 {1 租户} other {# 租户} } 吗？",
+        "delete-tenants-action-title": "删除 { count, plural, 1 {1 租户} other {# 租户} }",
+        "delete-tenants-text": "小心！确认后，所有选定的租户将被删除，所有相关数据将不可恢复。",
+        "title": "标题",
+        "title-required": "标题必填。",
+        "description": "描述",
+        "details": "详情",
+        "events": "事件",
+        "copyId": "复制租户ID",
+        "idCopiedMessage": "租户ID已经复制到粘贴板",
+        "select-tenant": "选择租户",
+        "no-tenants-matching": "没有找到符合 '{{entity}}' 的租户",
+        "tenant-required": "租户必填"
+    },
+    "timeinterval": {
+        "seconds-interval": "{ seconds, plural, 1 {1 秒} other {# 秒} }",
+        "minutes-interval": "{ minutes, plural, 1 {1 分} other {# 分} }",
+        "hours-interval": "{ hours, plural, 1 {1 小时} other {# 小时} }",
+        "days-interval": "{ days, plural, 1 {1 天} other {# 天} }",
+        "days": "天",
+        "hours": "时",
+        "minutes": "分",
+        "seconds": "秒",
+        "advanced": "高级"
+    },
+    "timewindow": {
+        "days": "{ days, plural, 1 { 天 } other {# 天 } }",
+        "hours": "{ hours, plural, 0 { 小时 } 1 {1 小时 } other {# 小时 } }",
+        "minutes": "{ minutes, plural, 0 { 分 } 1 {1 分 } other {# 分 } }",
+        "seconds": "{ seconds, plural, 0 { 秒 } 1 {1 秒 } other {# 秒 } }",
+        "realtime": "实时",
+        "history": "历史",
+        "last-prefix": "最后",
+        "period": "从 {{ startTime }} 到 {{ endTime }}",
+        "edit": "编辑时间窗口",
+        "date-range": "日期范围",
+        "last": "最后",
+        "time-period": "时间段"
+    },
+    "user": {
+        "user": "用户",
+        "users": "用户",
+        "customer-users": "客户用户",
+        "tenant-admins": "租户管理员",
+        "sys-admin": "系统管理员",
+        "tenant-admin": "租户管理员",
+        "customer": "客户",
+        "anonymous": "匿名",
+        "add": "添加用户",
+        "delete": "删除用户",
+        "add-user-text": "添加新用户",
+        "no-users-text": "找不到用户",
+        "user-details": "用户详细信息",
+        "delete-user-title": "您确定要删除用户 '{{userEmail}}' 吗？",
+        "delete-user-text": "小心！确认后，用户和所有相关数据将不可恢复。",
+        "delete-users-title": "你确定你要删除 { count, plural, 1 {1 用户} other {# 用户} } 吗？",
+        "delete-users-action-title": "删除  { count, plural, 1 {1 用户} other {# 用户} }",
+        "delete-users-text": "小心！确认后，所有选定的用户将被删除，所有相关数据将不可恢复。",
+        "activation-email-sent-message": "激活电子邮件已成功发送！",
+        "resend-activation": "重新发送激活",
+        "email": "电子邮件",
+        "email-required": "电子邮件必填。",
+        "invalid-email-format": "无效的邮件格式。",
+        "first-name": "名字",
+        "last-name": "姓",
+        "description": "描述",
+        "default-dashboard": "默认面板",
+        "always-fullscreen": "始终全屏",
+        "select-user": "选择用户",
+        "no-users-matching": "没有找到符合 '{{entity}}' 的用户。",
+        "user-required": "用户必填",
+        "activation-method": "激活方式",
+        "display-activation-link": "显示激活链接",
+        "send-activation-mail": "发送激活邮件",
+        "activation-link": "用户激活链接",
+        "activation-link-text": "使用该链接 <a href='{{activationLink}}' target='_blank'>激活</a> 激活用户:",
+        "copy-activation-link": "复制用户激活链接",
+        "activation-link-copied-message": "用户激活链接已经复制到粘贴板",
+        "details": "详细信息"
+    },
+    "value": {
+        "type": "值类型",
+        "string": "字符串",
+        "string-value": "字符串值",
+        "integer": "数字",
+        "integer-value": "数字值",
+        "invalid-integer-value": "整数值无效",
+        "double": "双精度小数",
+        "double-value": "双精度小数值",
+        "boolean": "布尔",
+        "boolean-value": "布尔值",
+        "false": "假",
+        "true": "真",
+        "long": "Long"
+    },
+    "widget": {
+        "widget-library": "部件库",
+        "widget-bundle": "部件包",
+        "select-widgets-bundle": "选择部件包",
+        "management": "管理部件",
+        "editor": "部件编辑器",
+        "widget-type-not-found": "加载部件配置出错。<br>可能关联的\n    部件已经删除了。",
+        "widget-type-load-error": "由于以下错误未加载小部件：",
+        "remove": "删除部件",
+        "edit": "编辑部件",
+        "remove-widget-title": "确实要删除 '{{widgetTitle}}'部件吗？",
+        "remove-widget-text": "确认后，控件和所有相关数据将变得不可恢复。",
+        "timeseries": "时间序列",
+        "search-data": "搜索数据",
+        "no-data-found": "没有找到数据",
+        "latest-values": "最新值",
+        "rpc": "控件部件",
+        "alarm": "警告部件",
+        "static": "静态部件",
+        "select-widget-type": "选择窗口部件类型",
+        "missing-widget-title-error": "部件标题必须指定！",
+        "widget-saved": "部件已保存",
+        "unable-to-save-widget-error": "无法保存部件！控件有错误!",
+        "save": "保存部件",
+        "saveAs": "部件另存为",
+        "save-widget-type-as": "部件类型另存为",
+        "save-widget-type-as-text": "请输入新的部件标题或选择目标部件包",
+        "toggle-fullscreen": "切换全屏",
+        "run": "运行部件",
+        "title": "部件标题",
+        "title-required": "需要部件标题。",
+        "type": "部件类型",
+        "resources": "资源",
+        "resource-url": "JavaScript/CSS URL",
+        "remove-resource": "删除资源",
+        "add-resource": "添加资源",
+        "html": "HTML",
+        "tidy": "整理",
+        "css": "CSS",
+        "settings-schema": "设置模式",
+        "datakey-settings-schema": "数据键设置模式",
+        "javascript": "Javascript",
+        "remove-widget-type-title": "您确定要删除部件类型 '{{widgetName}}'吗？",
+        "remove-widget-type-text": "确认后，窗口部件类型和所有相关数据将不可恢复。",
+        "remove-widget-type": "删除部件类型",
+        "add-widget-type": "添加新的部件类型",
+        "widget-type-load-failed-error": "无法加载部件类型！",
+        "widget-template-load-failed-error": "无法加载部件模板！",
+        "add": "添加部件",
+        "undo": "撤消部件更改",
+        "export": "导出部件"
+    },
+    "widget-action": {
+        "header-button": "部件顶部按钮",
+        "open-dashboard-state": "切换到新仪表板状态",
+        "update-dashboard-state": "更新当前仪表板状态",
+        "open-dashboard": "切换到另一个仪表板",
+        "custom": "自定义动作",
+        "target-dashboard-state": "目标仪表板状态",
+        "target-dashboard-state-required": "目标仪表板状态必填",
+        "set-entity-from-widget": "从部件中设置实体",
+        "target-dashboard": "目标仪表板",
+        "open-right-layout": "打开右侧布局 (移动端视图)"
+    },
+    "widgets-bundle": {
+        "current": "当前包",
+        "widgets-bundles": "部件包",
+        "add": "添加部件包",
+        "delete": "删除部件包",
+        "title": "标题",
+        "title-required": "标题必填。",
+        "add-widgets-bundle-text": "添加新的部件包",
+        "no-widgets-bundles-text": "找不到部件包",
+        "empty": "部件包是空的",
+        "details": "详情",
+        "widgets-bundle-details": "部件包详细信息",
+        "delete-widgets-bundle-title": "您确定要删除部件包 '{{widgetsBundleTitle}}'吗？",
+        "delete-widgets-bundle-text": "小心！确认后，部件包和所有相关数据将不可恢复。",
+        "delete-widgets-bundles-title": "你确定你要删除 { count, plural, 1 {1 部件包} other {# 部件包} } 吗？",
+        "delete-widgets-bundles-action-title": "删除  { count, plural, 1 {1 部件包} other {# 部件包} }",
+        "delete-widgets-bundles-text": "小心！确认后，所有选定的部件包将被删除，所有相关数据将不可恢复。",
+        "no-widgets-bundles-matching": "没有找到与 '{{widgetsBundle}}' 匹配的部件包。",
+        "widgets-bundle-required": "需要部件包。",
+        "system": "系统",
+        "import": "导入部件包",
+        "export": "导出部件包",
+        "export-failed-error": "无法导出部件包： {{error}}",
+        "create-new-widgets-bundle": "创建新的部件包",
+        "widgets-bundle-file": "部件包文件",
+        "invalid-widgets-bundle-file-error": "无法导入部件包：无效的部件包数据结构。"
+    },
+    "widget-config": {
+        "data": "数据",
+        "settings": "设置",
+        "advanced": "高级",
+        "title": "标题",
+        "general-settings": "常规设置",
+        "display-title": "显示标题",
+        "drop-shadow": "阴影",
+        "enable-fullscreen": "启用全屏",
+        "background-color": "背景颜色",
+        "text-color": "文字颜色",
+        "padding": "填充",
+        "margin": "边缘",
+        "widget-style": "部件风格",
+        "title-style": "标题风格",
+        "mobile-mode-settings": "移动端设置",
+        "order": "顺序",
+        "height": "高度",
+        "units": "特殊符号展示值",
+        "decimals": "浮点数后的位数",
+        "timewindow": "时间窗口",
+        "use-dashboard-timewindow": "使用仪表板的时间窗口",
+        "display-legend": "显示图例",
+        "datasources": "数据源",
+        "maximum-datasources": "最大允许 { count, plural, 1 {1 数据} other {# 数据} }",
+        "datasource-type": "类型",
+        "datasource-parameters": "参数",
+        "remove-datasource": "移除数据源",
+        "add-datasource": "添加数据源",
+        "target-device": "目标设备",
+        "alarm-source": "警告源",
+        "actions": "动作",
+        "action": "动作",
+        "add-action": "添加动作",
+        "search-actions": "动作检索",
+        "action-source": "动作源",
+        "action-source-required": "动作源必填",
+        "action-name": "动作名称",
+        "action-name-required": "动作名称必填。",
+        "action-name-not-unique": "动作名称已经存在。<br/>统一动作源的动作名称必须唯一。",
+        "action-icon": "图标",
+        "action-type": "类型",
+        "action-type-required": "类型必填",
+        "edit-action": "编辑动作",
+        "delete-action": "删除动作",
+        "delete-action-title": "删除部件动作",
+        "delete-action-text": "确定要删除部件动作 '{{actionName}}' 吗?"
+    },
+    "widget-type": {
+        "import": "导入部件类型",
+        "export": "导出部件类型",
+        "export-failed-error": "无法导出部件类型： {{error}}",
+        "create-new-widget-type": "创建新的部件类型",
+        "widget-type-file": "部件类型文件",
+        "invalid-widget-type-file-error": "无法导入部件类型：无效的部件类型数据结构。"
+    },
+    "widgets": {
+        "date-range-navigator": {
+            "localizationMap": {
+                "Sun": "周日",
+                "Mon": "周一",
+                "Tue": "周二",
+                "Wed": "周三",
+                "Thu": "周四",
+                "Fri": "周五",
+                "Sat": "周六",
+                "Jan": "1月",
+                "Feb": "2月",
+                "Mar": "3月",
+                "Apr": "4月",
+                "May": "5月",
+                "Jun": "6月",
+                "Jul": "7月",
+                "Aug": "8月",
+                "Sep": "9月",
+                "Oct": "10月",
+                "Nov": "11月",
+                "Dec": "12月",
+                "January": "一月",
+                "February": "二月",
+                "March": "三月",
+                "April": "四月",
+                "June": "六月",
+                "July": "七月",
+                "August": "八月",
+                "September": "九月",
+                "October": "十月",
+                "November": "十一月",
+                "December": "十二月",
+                "Custom Date Range": "自定义日期范围",
+                "Date Range Template": "日期范围模板",
+                "Today": "今天",
+                "Yesterday": "昨天",
+                "This Week": "本星期",
+                "Last Week": "上个星期",
+                "This Month": "这个月",
+                "Last Month": "上个月",
+                "Year": "年",
+                "This Year": "今年",
+                "Last Year": "去年",
+                "Date picker": "日期选择器",
+                "Hour": "小时",
+                "Day": "天",
+                "Week": "周",
+                "2 weeks": "2周",
+                "Month": "月",
+                "3 months": "3个月",
+                "6 months": "6个月",
+                "Custom interval": "自定义间隔",
+                "Interval": "间隔",
+                "Step size": "步长",
+                "Ok": "Ok"
+            }
+        }
+    },
+    "icon": {
+        "icon": "图标",
+        "select-icon": "选择图标",
+        "material-icons": "素材图标",
+        "show-all": "显示所有图标"
+    },
+    "custom": {
+        "widget-action": {
+            "action-cell-button": "动作单元格按钮",
+            "row-click": "点击行",
+            "marker-click": "点击标记",
+            "polygon-click": "单击多边形",
+            "tooltip-tag-action": "提示标签动作"
+        }
+    },
+    "language": {
+        "language": "语言"
+    }
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-zh_TW.json b/ui-ngx/src/assets/locale/locale.constant-zh_TW.json
new file mode 100644
index 0000000000..9888752b40
--- /dev/null
+++ b/ui-ngx/src/assets/locale/locale.constant-zh_TW.json
@@ -0,0 +1,1607 @@
+{
+  "access": {
+    "unauthorized": "未授權",
+    "unauthorized-access": "未授權存取",
+    "unauthorized-access-text": "您需要登入才能存取這個資源！",
+    "access-forbidden": "禁止存取",
+    "access-forbidden-text": "您沒有存取此位置的權限<br/>如果您仍希望存取此位置,請嘗試使用其他用戶登入。",
+    "refresh-token-expired": "Session 已過期",
+    "refresh-token-failed": "無法更新 Session"
+  },
+  "action": {
+    "activate": "啟動",
+    "suspend": "暫停",
+    "save": "儲存",
+    "saveAs": "另存為",
+    "cancel": "取消",
+    "ok": "確定",
+    "delete": "刪除",
+    "add": "增加",
+    "yes": "是",
+    "no": "否",
+    "update": "更新",
+    "remove": "移除",
+    "search": "查詢",
+    "clear-search": "清除查詢",
+    "assign": "分配",
+    "unassign": "取消分配",
+    "share": "分享",
+    "make-private": "私有",
+    "apply": "應用",
+    "apply-changes": "應用更改",
+    "edit-mode": "編輯模式",
+    "enter-edit-mode": "進入編輯模式",
+    "decline-changes": "取消更改",
+    "close": "關閉",
+    "back": "返回",
+    "run": "執行",
+    "sign-in": "登入！",
+    "edit": "編輯",
+    "view": "查看",
+    "create": "建立",
+    "drag": "拖拉",
+    "refresh": "更新",
+    "undo": "取消",
+    "copy": "複製",
+    "paste": "貼上",
+    "copy-reference": "複製引用",
+    "paste-reference": "貼上引用",
+    "import": "匯入",
+    "export": "匯出",
+    "share-via": "通過 {{provider}}分享"
+  },
+  "aggregation": {
+    "aggregation": "聚合",
+    "function": "資料聚合功能",
+    "limit": "最大值",
+    "group-interval": "分組間隔",
+    "min": "最少值",
+    "max": "最大值",
+    "avg": "平均值",
+    "sum": "總計",
+    "count": "Count",
+    "none": "空"
+  },
+  "admin": {
+    "general": "一般",
+    "general-settings": "一般設定",
+    "outgoing-mail": "發送郵件",
+    "outgoing-mail-settings": "發送郵件設定",
+    "system-settings": "系統設定",
+    "test-mail-sent": "測試郵件發送成功！",
+    "base-url": "基本URL",
+    "base-url-required": "基本URL必填。",
+    "mail-from": "郵件來自",
+    "mail-from-required": "郵件發件人必填。",
+    "smtp-protocol": "SMTP協定",
+    "smtp-host": "SMTP主機",
+    "smtp-host-required": "SMTP主機必填。",
+    "smtp-port": "SMTP連接埠",
+    "smtp-port-required": "您必須提供一個smtp連接埠。",
+    "smtp-port-invalid": "這看起來不是有效的smtp連接埠。",
+    "timeout-msec": "超時（ms）",
+    "timeout-required": "超時必填。",
+    "timeout-invalid": "這看起來不像有效的超時值。",
+    "enable-tls": "啟用TLS",
+    "tls-version": "TLS版本",
+    "send-test-mail": "發送測試郵件"
+  },
+  "alarm": {
+    "alarm": "警告",
+    "alarms": "警告",
+    "select-alarm": "選擇警告",
+    "no-alarms-matching": "沒有找到符合 '{{entity}}' 的警告",
+    "alarm-required": "警告必填",
+    "alarm-status": "警告狀態",
+    "search-status": {
+      "ANY": "所有",
+      "ACTIVE": "已啟動",
+      "CLEARED": "已清除",
+      "ACK": "已回覆",
+      "UNACK": "未回覆"
+    },
+    "display-status": {
+      "ACTIVE_UNACK": "啟動未回覆",
+      "ACTIVE_ACK": "啟動已回覆",
+      "CLEARED_UNACK": "清除未回覆",
+      "CLEARED_ACK": "清除已回覆"
+    },
+    "no-alarms-prompt": "未發現警告",
+    "created-time": "建立時間",
+    "type": "類型",
+    "severity": "嚴重程度",
+    "originator": "起因",
+    "originator-type": "起因類型",
+    "details": "詳細資訊",
+    "status": "狀態",
+    "alarm-details": "警告詳細資訊",
+    "start-time": "開始時間",
+    "end-time": "結束時間",
+    "ack-time": "回覆時間",
+    "clear-time": "建立時間",
+    "severity-critical": "危險",
+    "severity-major": "重要",
+    "severity-minor": "次要",
+    "severity-warning": "警告",
+    "severity-indeterminate": "不確定",
+    "acknowledge": "回覆",
+    "clear": "清除",
+    "search": "搜尋警告",
+    "selected-alarms": "已選擇 { count, plural, 1 {1 警告} other {# 警告} } ",
+    "no-data": "無資料顯示",
+    "polling-interval": "警告輪詢間隔(秒)",
+    "polling-interval-required": "警告輪詢間隔必填。",
+    "min-polling-interval-message": "輪詢間隔至少是1秒。",
+    "aknowledge-alarms-title": "回覆 { count, plural, 1 {1 警告} other {# 警告} }",
+    "aknowledge-alarms-text": "確定要回覆 { count, plural, 1 {1 警告} other {# 警告} }?",
+    "clear-alarms-title": "清除 { count, plural, 1 {1 警告} other {# 警告} }",
+    "clear-alarms-text": "確定要清除 { count, plural, 1 {1 警告} other {# 警告} }?"
+  },
+  "alias": {
+    "add": "增加別名",
+    "edit": "編輯別名",
+    "name": "別名",
+    "name-required": "別名必填",
+    "duplicate-alias": "別名已經存在。",
+    "filter-type-single-entity": "單一實體",
+    "filter-type-entity-list": "實體列表",
+    "filter-type-entity-name": "實體名稱",
+    "filter-type-state-entity": "實體（儀表板狀態）",
+    "filter-type-state-entity-description": "實體令牌（儀表板狀態參數）",
+    "filter-type-asset-type": "資產類型",
+    "filter-type-asset-type-description": "類型為 '{{assetType}}' 的資產",
+    "filter-type-asset-type-and-name-description": "類型為 '{{assetType}}' 且以 '{{prefix}}' 開頭的資產",
+    "filter-type-device-type": "設備類型",
+    "filter-type-device-type-description": "類型為 '{{deviceType}}' 的設備",
+    "filter-type-device-type-and-name-description": "類型為 '{{deviceType}}' 且以 '{{prefix}}' 開頭的設備",
+    "filter-type-entity-view-type": "實體視圖類型",
+    "filter-type-entity-view-type-description": "類型為 '{{entityView}}' 的實體視圖",
+    "filter-type-entity-view-type-and-name-description": "類型為 {{entityView}}' 且以 '{{prefix}}' 開頭的實體視圖",
+    "filter-type-relations-query": "關係查詢",
+    "filter-type-relations-query-description": "具有 {{relationType}} 關聯 {{direction}} {{rootEntity}} 的 {{entities}} ",
+    "filter-type-asset-search-query": "資產搜尋查詢",
+    "filter-type-asset-search-query-description": "類型為 {{assetTypes}} 且具有 {{relationType}} 關聯 {{direction}} {{rootEntity}} 的資產",
+    "filter-type-device-search-query": "設備搜尋查詢",
+    "filter-type-device-search-query-description": "類型為 {{deviceTypes}} 且具有 {{relationType}} 關聯 {{direction}} {{rootEntity}} 的設備",
+    "filter-type-entity-view-search-query": "實體視圖搜尋查詢",
+    "filter-type-entity-view-search-query-description": "類型為 {{entityViewTypes}} 且具有 {{relationType}} 關聯 {{direction}} {{rootEntity}} 的實體視圖",
+    "entity-filter": "實體過濾",
+    "resolve-multiple": "解決為多實體",
+    "filter-type": "過濾類型",
+    "filter-type-required": "過濾類型必填。",
+    "entity-filter-no-entity-matched": "未找到符合指定過濾條件的實體。",
+    "no-entity-filter-specified": "沒有指定實體過濾條件",
+    "root-state-entity": "使用儀表板狀態實體作為根實體",
+    "root-entity": "根實體",
+    "state-entity-parameter-name": "狀態實體參數名稱",
+    "default-state-entity": "預設狀態實體",
+    "default-entity-parameter-name": "預設",
+    "max-relation-level": "最大關係層級",
+    "unlimited-level": "不限層級",
+    "state-entity": "儀表板狀態實體",
+    "all-entities": "所有實體",
+    "any-relation": "不限"
+  },
+  "asset": {
+    "asset": "資產",
+    "assets": "資產",
+    "management": "資產管理",
+    "view-assets": "查看資產",
+    "add": "增加資產",
+    "assign-to-customer": "分配給客戶",
+    "assign-asset-to-customer": "將資產分配給客戶",
+    "assign-asset-to-customer-text": "請選擇要分配給客戶的資產",
+    "no-assets-text": "未找到資產",
+    "assign-to-customer-text": "請選擇客戶以分配資產",
+    "public": "公開",
+    "assignedToCustomer": "分配客戶",
+    "make-public": "資產設為公開",
+    "make-private": "資產設為私有",
+    "unassign-from-customer": "取消分配客戶",
+    "delete": "刪除資產",
+    "asset-public": "資產公開",
+    "asset-type": "資產類型",
+    "asset-type-required": "資產類型必填。",
+    "select-asset-type": "選擇資產類型",
+    "enter-asset-type": "輸入資產類型",
+    "any-asset": "任何資產",
+    "no-asset-types-matching": "沒有找到符合 '{{entitySubtype}}' 的資產類型。",
+    "asset-type-list-empty": "資產類型未選擇。",
+    "asset-types": "資產類型",
+    "name": "名稱",
+    "name-required": "名稱必填。",
+    "description": "描述",
+    "type": "類型",
+    "type-required": "類型必填。",
+    "details": "詳細資訊",
+    "events": "事件",
+    "add-asset-text": "增加新資產",
+    "asset-details": "資產詳細資訊",
+    "assign-assets": "分配資產",
+    "assign-assets-text": "分配 { count, plural, 1 {1 資產} other {# 資產} } 給客戶",
+    "delete-assets": "刪除資產",
+    "unassign-assets": "取消分配資產",
+    "unassign-assets-action-title": "從客戶處取消分配 { count, plural, 1 {1 資產} other {# 資產} } ",
+    "assign-new-asset": "分配新資產",
+    "delete-asset-title": "確定要刪除資產 '{{assetName}}'?",
+    "delete-asset-text": "小心！確認後資產及其所有相關資料將無法恢復。",
+    "delete-assets-title": "確定要刪除 { count, plural, 1 {1 資產} other {# 資產} }?",
+    "delete-assets-action-title": "刪除 { count, plural, 1 {1 資產} other {# 資產} }",
+    "delete-assets-text": "小心，確認後，所有選擇的資產將被刪除，所有相關的資料將變得無法恢復。",
+    "make-public-asset-title": "你確定你想建立公開'{{assetName}}'資產?",
+    "make-public-asset-text": "確認後，資產及其所有資料將被公開並被他人存取。",
+    "make-private-asset-title": "你確定你想建立私有 '{{assetName}}' 資產?",
+    "make-private-asset-text": "確認後，資產及其所有資料將被私有化，無法被他人存取。",
+    "unassign-asset-title": "您確定要取消對'{{assetName}}'資產的分配嗎？",
+    "unassign-asset-text": "確認後，資產將未分配，客戶無法存取。",
+    "unassign-asset": "未分配資產",
+    "unassign-assets-title": "您確定要取消分配 { count, plural, 1 {1 資產} other {# 資產} }嗎?",
+    "unassign-assets-text": "確認後，所有選擇的資產將被分配，客戶無法存取。",
+    "copyId": "複製資產ID",
+    "idCopiedMessage": "資產ID已經複製到剪貼簿",
+    "select-asset": "選擇資產",
+    "no-assets-matching": "沒有找到符合 '{{entity}}' 的資產。",
+    "asset-required": "資產必填",
+    "name-starts-with": "資產名稱以此開頭",
+    "label": "標籤"
+  },
+  "attribute": {
+    "attributes": "屬性",
+    "latest-telemetry": "最新遙測",
+    "attributes-scope": "設備屬性範圍",
+    "scope-latest-telemetry": "最新遙測",
+    "scope-client": "客戶端屬性",
+    "scope-server": "服務端屬性",
+    "scope-shared": "共享屬性",
+    "add": "增加屬性",
+    "key": "鍵",
+    "last-update-time": "最後更新時間",
+    "key-required": "屬性鍵必填。",
+    "value": "值",
+    "value-required": "屬性值必填。",
+    "delete-attributes-title": "您確定要刪除 { count, plural, 1 {1 屬性} other {# 屬性} }嗎？",
+    "delete-attributes-text": "注意,確認後所有選中的屬性都會被刪除。",
+    "delete-attributes": "刪除屬性",
+    "enter-attribute-value": "輸入屬性值",
+    "show-on-widget": "在部件上顯示",
+    "widget-mode": "部件模式",
+    "next-widget": "下一個部件",
+    "prev-widget": "上一個部件",
+    "add-to-dashboard": "增加到儀表板",
+    "add-widget-to-dashboard": "將部件增加到儀表板",
+    "selected-attributes": "{ count, plural, 1 {1 屬性} other {# 屬性} } 被選中",
+    "selected-telemetry": "{ count, plural, 1 {1 遙測} other {# 遙測} } 被選中"
+  },
+  "audit-log": {
+    "audit": "審計",
+    "audit-logs": "審計日誌",
+    "timestamp": "時間戳",
+    "entity-type": "實體類型",
+    "entity-name": "實體名稱",
+    "user": "用戶",
+    "type": "類型",
+    "status": "狀態",
+    "details": "詳細資訊",
+    "type-added": "增加",
+    "type-deleted": "刪除",
+    "type-updated": "更新",
+    "type-attributes-updated": "更新屬性",
+    "type-attributes-deleted": "刪除屬性",
+    "type-rpc-call": "RPC調用",
+    "type-credentials-updated": "更新憑證",
+    "type-assigned-to-customer": "分配給客戶",
+    "type-unassigned-from-customer": "未分配給客戶",
+    "type-activated": "啟動",
+    "type-suspended": "暫停",
+    "type-credentials-read": "讀取憑證",
+    "type-attributes-read": "讀取屬性",
+    "status-success": "成功",
+    "status-failure": "失敗",
+    "audit-log-details": "審計日誌詳細資訊",
+    "no-audit-logs-prompt": "找不到日誌",
+    "action-data": "活動資料",
+    "failure-details": "失敗詳細資訊",
+    "search": "查找審計日誌",
+    "clear-search": "清空查找"
+  },
+  "confirm-on-exit": {
+    "message": "您有未儲存的更改。確定要離開此頁嗎？",
+    "html-message": "您有未儲存的更改。<br/> 確定要離開此頁面嗎？",
+    "title": "未儲存的更改"
+  },
+  "contact": {
+    "country": "國家",
+    "city": "城市",
+    "state": "州",
+    "postal-code": "郵政編碼",
+    "postal-code-invalid": "只允許數字。",
+    "address": "地址",
+    "address2": "地址2",
+    "phone": "手機",
+    "email": "郵箱",
+    "no-address": "無地址"
+  },
+  "common": {
+    "username": "用戶名",
+    "password": "密碼",
+    "enter-username": "輸入用戶名",
+    "enter-password": "輸入密碼",
+    "enter-search": "輸入檢索條件"
+  },
+  "content-type": {
+    "json": "Json",
+    "text": "Text",
+    "binary": "Binary (Base64)"
+  },
+  "customer": {
+    "customer": "客戶",
+    "customers": "客戶",
+    "management": "客戶管理",
+    "dashboard": "客戶儀表板",
+    "dashboards": "客戶儀表板",
+    "devices": "客戶設備",
+    "entity-views": "客戶實體視圖",
+    "assets": "客戶資產",
+    "public-dashboards": "公共儀表板",
+    "public-devices": "公共設備",
+    "public-assets": "公共資產",
+    "public-entity-views": "公共實體視圖",
+    "add": "增加客戶",
+    "delete": "刪除客戶",
+    "manage-customer-users": "管理客戶用戶",
+    "manage-customer-devices": "管理客戶設備",
+    "manage-customer-dashboards": "管理客戶儀表板",
+    "manage-public-devices": "管理公共設備",
+    "manage-public-dashboards": "管理公共儀表板",
+    "manage-customer-assets": "管理客戶資產",
+    "manage-public-assets": "管理公共資產",
+    "add-customer-text": "增加新客戶",
+    "no-customers-text": "沒有找到客戶",
+    "customer-details": "客戶詳細資訊",
+    "delete-customer-title": "您確定要刪除客戶'{{customerTitle}}'嗎？",
+    "delete-customer-text": "小心！確認後，客戶及其所有相關資料將無法恢復。",
+    "delete-customers-title": "您確定要刪除 { count, plural, 1 {1 客戶} other {# 客戶} }嗎？",
+    "delete-customers-action-title": "刪除 { count, plural, 1 {1 客戶} other {# 客戶} }",
+    "delete-customers-text": "小心！確認後，所有選擇的客戶將被刪除，所有相關資料將無法恢復。",
+    "manage-users": "管理用戶",
+    "manage-assets": "管理資產",
+    "manage-devices": "管理設備",
+    "manage-dashboards": "管理儀表板",
+    "title": "標題",
+    "title-required": "需要標題",
+    "description": "描述",
+    "details": "詳細資訊",
+    "events": "事件",
+    "copyId": "複製客戶ID",
+    "idCopiedMessage": "客戶ID已複製到剪貼板",
+    "select-customer": "選擇客戶",
+    "no-customers-matching": "沒有找到符合 '{{entity}}' 的客戶。",
+    "customer-required": "客戶是必選項",
+    "select-default-customer": "選擇預設的客戶",
+    "default-customer": "預設客戶",
+    "default-customer-required": "為了測試租戶級別上的儀表板，需要預設客戶。"
+  },
+  "datetime": {
+    "date-from": "日期從",
+    "time-from": "時間從",
+    "date-to": "日期到",
+    "time-to": "時間到"
+  },
+  "dashboard": {
+    "dashboard": "儀表板",
+    "dashboards": "儀表板庫",
+    "management": "儀表板管理",
+    "view-dashboards": "查看儀表板",
+    "add": "增加儀表板",
+    "assign-dashboard-to-customer": "將儀表板分配給客戶",
+    "assign-dashboard-to-customer-text": "請選擇要分配給客戶的儀表板",
+    "assign-to-customer-text": "請選擇客戶分配儀表板",
+    "assign-to-customer": "分配給客戶",
+    "unassign-from-customer": "取消分配客戶",
+    "make-public": "儀表板設為公開",
+    "make-private": "儀表板設為私有",
+    "manage-assigned-customers": "管理已分配的客戶",
+    "assigned-customers": "已分配的客戶",
+    "assign-to-customers": "將儀表板分配給客戶",
+    "assign-to-customers-text": "請選擇客戶指定儀表板",
+    "unassign-from-customers": "客戶未分配儀表板",
+    "unassign-from-customers-text": "請選擇從儀表板中取消分配的客戶",
+    "no-dashboards-text": "沒有找到儀表板",
+    "no-widgets": "沒有配置部件",
+    "add-widget": "增加新的部件",
+    "title": "標題",
+    "select-widget-title": "選擇部件",
+    "select-widget-subtitle": "可用的部件類型列表",
+    "delete": "刪除儀表板",
+    "title-required": "需要標題。",
+    "description": "描述",
+    "details": "詳細資訊",
+    "dashboard-details": "儀表板詳細資訊",
+    "add-dashboard-text": "增加新的儀表板",
+    "assign-dashboards": "分配儀表板",
+    "assign-new-dashboard": "分配新的儀表板",
+    "assign-dashboards-text": "分配 { count, plural, 1 {1 儀表板} other {# 儀表板} } 給客戶",
+    "unassign-dashboards-action-text": "未分配 { count, plural, 1 {1 儀表板} other {# 儀表板} } 給客戶",
+    "delete-dashboards": "刪除儀表板",
+    "unassign-dashboards": "取消分配儀表板",
+    "unassign-dashboards-action-title": "從客戶處取消分配 { count, plural, 1 {1 儀表板} other {# 儀表板} } ",
+    "delete-dashboard-title": "您確定要刪除儀表板 '{{dashboardTitle}}'嗎？",
+    "delete-dashboard-text": "小心！確認後儀表板及其所有相關資料將無法恢復。",
+    "delete-dashboards-title": "你確定你要刪除 { count, plural, 1 {1 儀表板} other {# 儀表板} }嗎？",
+    "delete-dashboards-action-title": "刪除 { count, plural, 1 {1 儀表板} other {# 儀表板} }",
+    "delete-dashboards-text": "小心！確認後所有選擇的儀表板將被刪除，所有相關資料將無法恢復。",
+    "unassign-dashboard-title": "您確定要取消分配儀表板 '{{dashboardTitle}}'嗎？",
+    "unassign-dashboard-text": "確認後，面板將被取消分配，客戶將無法存取。",
+    "unassign-dashboard": "取消分配儀表板",
+    "unassign-dashboards-title": "您確定要取消分配儀表板 { count, plural, 1 {1 儀表板} other {# 儀表板} } 嗎？",
+    "unassign-dashboards-text": "確認後，所有選擇的儀表板將被取消分配，客戶將無法存取。",
+    "public-dashboard-title": "儀表板現已公佈",
+    "public-dashboard-text": "你的儀表板<b>{{dashboardTitle}}</b> 已被公開，可通過如下<a href='{{publicLink}}' target='_blank'>連結</a>存取:",
+    "public-dashboard-notice": "<b>提示：</b> 不要忘記將相關設備公開以存取其資料。",
+    "make-private-dashboard-title": "您確定要將儀表板 '{{dashboardTitle}}' 設為私有嗎？",
+    "make-private-dashboard-text": "確認後，儀表板將被設為私有，不能被其他人存取。",
+    "make-private-dashboard": "儀表板設為私有",
+    "socialshare-text": "'{{dashboardTitle}}' 由Thingsboard提供支持",
+    "socialshare-title": "'{{dashboardTitle}}' 由Thingsboard提供支持",
+    "select-dashboard": "選擇儀表板",
+    "no-dashboards-matching": "找不到符合 '{{entity}}' 的儀表板。",
+    "dashboard-required": "儀表板必填。",
+    "select-existing": "選擇現有儀表板",
+    "create-new": "建立新的儀表板",
+    "new-dashboard-title": "新儀表板標題",
+    "open-dashboard": "打開儀表板",
+    "set-background": "設定背景",
+    "background-color": "背景顏色",
+    "background-image": "背景圖片",
+    "background-size-mode": "背景大小模式",
+    "no-image": "無圖像選擇",
+    "drop-image": "拖拉圖像或單擊以選擇要上傳的文件。",
+    "settings": "設定",
+    "columns-count": "列數",
+    "columns-count-required": "需要列數。",
+    "min-columns-count-message": "只允許最少10列",
+    "max-columns-count-message": "只允許最多1000列",
+    "widgets-margins": "部件間邊距",
+    "horizontal-margin": "水平邊距",
+    "horizontal-margin-required": "需要水平邊距值。",
+    "min-horizontal-margin-message": "只允許0作為最小水平邊距值。",
+    "max-horizontal-margin-message": "只允許50作為最大水平邊距值。",
+    "vertical-margin": "垂直邊距",
+    "vertical-margin-required": "需要垂直邊距值。",
+    "min-vertical-margin-message": "只允許0作為最小垂直邊距值。",
+    "max-vertical-margin-message": "只允許50作為最大垂直邊距值。",
+    "autofill-height": "自動填充佈局高度",
+    "mobile-layout": "移動端佈局設定",
+    "mobile-row-height": "移動端行高距（px）",
+    "mobile-row-height-required": "移動端行高距必填。",
+    "min-mobile-row-height-message": "移動端行高距至少5px。",
+    "max-mobile-row-height-message": "移動端行高距最多200px。",
+    "display-title": "顯示儀表板標題",
+    "toolbar-always-open": "工具欄常駐",
+    "title-color": "標題顏色",
+    "display-dashboards-selection": "顯示儀表板選項",
+    "display-entities-selection": "顯示實體選項",
+    "display-dashboard-timewindow": "顯示時間窗口",
+    "display-dashboard-export": "顯示匯出",
+    "import": "匯入儀表板",
+    "export": "匯出儀表板",
+    "export-failed-error": "無法匯出儀表板: {{error}}",
+    "create-new-dashboard": "建立新的儀表板",
+    "dashboard-file": "儀表板文件",
+    "invalid-dashboard-file-error": "無法匯入儀表板: 儀表板資料結構無效。",
+    "dashboard-import-missing-aliases-title": "配置匯入儀表板使用的別名",
+    "create-new-widget": "建立新部件",
+    "import-widget": "匯入部件",
+    "widget-file": "部件文件",
+    "invalid-widget-file-error": "無法匯入窗口部件: 窗口部件資料結構無效。",
+    "widget-import-missing-aliases-title": "配置匯入的窗口部件使用的別名",
+    "open-toolbar": "打開儀表板工具欄",
+    "close-toolbar": "關閉工具欄",
+    "configuration-error": "配置錯誤",
+    "alias-resolution-error-title": "儀表板別名配置錯誤",
+    "invalid-aliases-config": "無法找到與某些別名過濾器符合的任何設備。<br/>請聯繫您的管理員以解決此問題。",
+    "select-devices": "選擇設備",
+    "assignedToCustomer": "分配給客戶",
+    "public": "公共",
+    "public-link": "公共連結",
+    "copy-public-link": "複製公共連結",
+    "public-link-copied-message": "儀表板的公共連結已被複製到剪貼板",
+    "manage-states": "儀表板狀態管理",
+    "states": "儀表板狀態",
+    "search-states": "儀表板狀態檢索",
+    "selected-states": "{ count, plural, 1 {1 儀表板狀態} other {# 儀表板狀態} } 選中",
+    "edit-state": "儀表板狀態編輯",
+    "delete-state": "刪除儀表板狀態",
+    "add-state": "增加儀表板狀態",
+    "state": "儀表板狀態",
+    "state-name": "狀態名",
+    "state-name-required": "儀表板狀態名必填。",
+    "state-id": "狀態ID",
+    "state-id-required": "儀表板狀態ID必填。",
+    "state-id-exists": "儀表板狀態ID已經存在。",
+    "is-root-state": "根狀態",
+    "delete-state-title": "刪除儀表板狀態",
+    "delete-state-text": "確定要刪除儀表板狀態 '{{stateName}}' 嗎?",
+    "show-details": "顯示詳細資訊",
+    "hide-details": "隱藏詳細資訊",
+    "select-state": "選擇目標狀態",
+    "state-controller": "狀態控制"
+  },
+  "datakey": {
+    "settings": "設定",
+    "advanced": "進階",
+    "label": "標籤",
+    "color": "顏色",
+    "units": "單位符號",
+    "decimals": "小數位數",
+    "data-generation-func": "資料生成功能",
+    "use-data-post-processing-func": "使用資料後處理功能",
+    "configuration": "資料鍵配置",
+    "timeseries": "時間序列",
+    "attributes": "屬性",
+    "alarm": "報警字段",
+    "timeseries-required": "需要設備時間序列。",
+    "timeseries-or-attributes-required": "設備時間/屬性必填。",
+    "maximum-timeseries-or-attributes": "最大允許 { count, plural, 1 {1 時間序列/屬性} other {# 時間序列/屬性} }",
+    "alarm-fields-required": "警告字段必填。",
+    "function-types": "函數類型",
+    "function-types-required": "需要函數類型。",
+    "maximum-function-types": "至少需要 { count, plural, 1 {1 函數類型} other {# 函數類型} }"
+  },
+  "datasource": {
+    "type": "資料源類型",
+    "name": "資料源名稱",
+    "add-datasource-prompt": "請增加資料源"
+  },
+  "details": {
+    "edit-mode": "編輯模式",
+    "toggle-edit-mode": "切換編輯模式"
+  },
+  "device": {
+    "device": "設備",
+    "device-required": "設備必填",
+    "devices": "設備",
+    "management": "設備管理",
+    "view-devices": "查看設備",
+    "device-alias": "設備別名",
+    "aliases": "設備別名",
+    "no-alias-matching": "'{{alias}}' 沒有找到。",
+    "no-aliases-found": "找不到別名。",
+    "no-key-matching": "'{{key}}' 沒有找到。",
+    "no-keys-found": "找不到密鑰。",
+    "create-new-alias": "建立一個新的！",
+    "create-new-key": "建立一個新的！",
+    "duplicate-alias-error": "找到重複別名 '{{alias}}'。 <br> 設備別名必須是唯一的。",
+    "configure-alias": "配置 '{{alias}}' 別名",
+    "no-devices-matching": "找不到與 '{{entity}}' 符合的設備。",
+    "alias": "別名",
+    "alias-required": "需要設備別名。",
+    "remove-alias": "刪除設備別名",
+    "add-alias": "增加設備別名",
+    "name-starts-with": "名稱前綴",
+    "device-list": "設備列表",
+    "use-device-name-filter": "使用過濾器",
+    "device-list-empty": "沒有被選中的設備",
+    "device-name-filter-required": "設備名稱過濾器必填。",
+    "device-name-filter-no-device-matched": "找不到以'{{device}}' 開頭的設備。",
+    "add": "增加設備",
+    "assign-to-customer": "分配給客戶",
+    "assign-device-to-customer": "將設備分配給客戶",
+    "assign-device-to-customer-text": "請選擇要分配給客戶的設備",
+    "make-public": "公開",
+    "make-private": "私有",
+    "no-devices-text": "找不到設備",
+    "assign-to-customer-text": "請選擇客戶分配設備",
+    "device-details": "設備詳細訊息",
+    "add-device-text": "增加新設備",
+    "credentials": "憑據",
+    "manage-credentials": "管理憑據",
+    "delete": "刪除設備",
+    "assign-devices": "分配設備",
+    "assign-devices-text": "將{count,plural,1 {1 設備} other {# 設備} }分配給客戶",
+    "delete-devices": "刪除設備",
+    "unassign-from-customer": "取消分配客戶",
+    "unassign-devices": "取消分配設備",
+    "unassign-devices-action-title": "從客戶處取消分配{count,plural,1 {1 設備} other {# 設備} }",
+    "assign-new-device": "分配新設備",
+    "make-public-device-title": "您確定要將設備 '{{deviceName}}' 設為公開嗎？",
+    "make-public-device-text": "確認後，設備及其所有資料將被設為公開並可被其他人存取。",
+    "make-private-device-title": "您確定要將設備 '{{deviceName}}' 設為私有嗎？",
+    "make-private-device-text": "確認後，設備及其所有資料將被設為私有，不被其他人存取。",
+    "view-credentials": "查看憑據",
+    "delete-device-title": "您確定要刪除設備的{{deviceName}}嗎？",
+    "delete-device-text": "小心！確認後設備及其所有相關資料將無法恢復。",
+    "delete-devices-title": "您確定要刪除{count,plural,1 {1 設備} other {# 設備} } 嗎？",
+    "delete-devices-action-title": "刪除 {count,plural,1 {1 設備} other {# 設備} }",
+    "delete-devices-text": "小心！確認後所有選擇的設備將被刪除,所有相關資料將無法恢復。",
+    "unassign-device-title": "您確定要取消分配設備 '{{deviceName}}'？",
+    "unassign-device-text": "確認後,設備將被取消分配,客戶將無法存取。",
+    "unassign-device": "取消分配設備",
+    "unassign-devices-title": "您確定要取消分配{count,plural,1 {1 設備} other {# 設備} } 嗎？",
+    "unassign-devices-text": "確認後,所有選擇的設備將被取消分配,並且客戶將無法存取。",
+    "device-credentials": "設備憑據",
+    "credentials-type": "憑據類型",
+    "access-token": "存取令牌",
+    "access-token-required": "需要存取令牌",
+    "access-token-invalid": "存取令牌長度必須為1到20個字符。",
+    "rsa-key": "RSA公鑰",
+    "rsa-key-required": "需要RSA公鑰",
+    "secret": "密鑰",
+    "secret-required": "密鑰必填",
+    "device-type": "設備類型",
+    "device-type-required": "設備類型必填。",
+    "select-device-type": "選擇設備類型",
+    "enter-device-type": "輸入設備類型",
+    "any-device": "任意設備",
+    "no-device-types-matching": "沒有找到符合 '{{entitySubtype}}' 的設備類型。",
+    "device-type-list-empty": "未選擇設備類型",
+    "device-types": "設備類型",
+    "name": "名稱",
+    "name-required": "名稱必填。",
+    "description": "說明",
+    "events": "事件",
+    "details": "詳細訊息",
+    "copyId": "複製設備ID",
+    "copyAccessToken": "複製存取令牌",
+    "idCopiedMessage": "設備ID已複製到剪貼板",
+    "accessTokenCopiedMessage": "設備存取令牌已複製到剪貼板",
+    "assignedToCustomer": "分配給客戶",
+    "unable-delete-device-alias-title": "無法刪除設備別名",
+    "unable-delete-device-alias-text": "設備別名 '{{deviceAlias}}' 不能夠被刪除，因為它被下列部件所使用: <br/> {{widgetsList}}",
+    "is-gateway": "是閘道",
+    "public": "公開",
+    "device-public": "設備公開",
+    "select-device": "選擇設備"
+  },
+  "dialog": {
+    "close": "關閉對話框"
+  },
+  "error": {
+    "unable-to-connect": "無法連接到伺服器！請檢查您的互聯網連接。",
+    "unhandled-error-code": "未處理的錯誤代碼: {{errorCode}}",
+    "unknown-error": "未知錯誤"
+  },
+  "entity": {
+    "entity": "實體",
+    "entities": "實體",
+    "aliases": "實體別名",
+    "entity-alias": "實體別名",
+    "unable-delete-entity-alias-title": "無法刪除實體別名",
+    "unable-delete-entity-alias-text": "實體別名 '{{entityAlias}}' 被以下部件使用不能刪除：<br/>{{widgetsList}}",
+    "duplicate-alias-error": "別名 '{{alias}}' 重複。<br>同一儀表板別名必須唯一。",
+    "missing-entity-filter-error": "別名 '{{alias}}' 缺少過濾器",
+    "configure-alias": "別名 '{{alias}}' 配置",
+    "alias": "別名",
+    "alias-required": "實體別名必填。",
+    "remove-alias": "移除實體別名",
+    "add-alias": "增加實體別名",
+    "entity-list": "實體列表",
+    "entity-type": "實體類型",
+    "entity-types": "實體類型",
+    "entity-type-list": "實體類型列表",
+    "any-entity": "任意實體",
+    "enter-entity-type": "輸入實體類型",
+    "no-entities-matching": "沒有找到符合 '{{entity}}' 的實體。",
+    "no-entity-types-matching": "沒有找到符合 '{{entityType}}' 類型的實體。",
+    "name-starts-with": "名稱開始於",
+    "use-entity-name-filter": "用戶過濾",
+    "entity-list-empty": "沒有選擇實體。",
+    "entity-type-list-empty": "沒有選擇實體類型。",
+    "entity-name-filter-required": "實體名過濾器必填。",
+    "entity-name-filter-no-entity-matched": "沒有找到以 '{{entity}}' 開頭的實體",
+    "all-subtypes": "所有",
+    "select-entities": "選擇實體",
+    "no-aliases-found": "沒有找到別名",
+    "no-alias-matching": "沒有找到 '{{alias}}'",
+    "create-new-alias": "建立新別名",
+    "key": "鍵",
+    "key-name": "鍵名",
+    "no-keys-found": "沒有找到鍵",
+    "no-key-matching": "沒有找到鍵 '{{key}}'",
+    "create-new-key": "建立新鍵",
+    "type": "類型",
+    "type-required": "實體類型必填。",
+    "type-device": "設備",
+    "type-devices": "設備",
+    "list-of-devices": "{ count, plural, 1 {設備} other {# 設備列表} }",
+    "device-name-starts-with": "以 '{{prefix}}' 開頭的設備",
+    "type-asset": "資產",
+    "type-assets": "資產",
+    "list-of-assets": "{ count, plural, 1 {資產} other {# 資產列表} }",
+    "asset-name-starts-with": "以 '{{prefix}}' 開頭的資產",
+    "type-entity-view": "實體視圖",
+    "type-entity-views": "實體視圖",
+    "list-of-entity-views": "{ count, plural, 1 {實體視圖} other {# 實體視圖列表} }",
+    "entity-view-name-starts-with": "以 '{{prefix}}' 開頭的實體視圖",
+    "type-rule": "規則",
+    "type-rules": "規則",
+    "list-of-rules": "{ count, plural, 1 {規則} other {# 規則列表} }",
+    "rule-name-starts-with": "以 '{{prefix}}' 開頭的規則",
+    "type-plugin": "插件",
+    "type-plugins": "插件",
+    "list-of-plugins": "{ count, plural, 1 {插件} other {# 插件列表} }",
+    "plugin-name-starts-with": "以 '{{prefix}}' 開頭的插件",
+    "type-tenant": "租戶",
+    "type-tenants": "租戶",
+    "list-of-tenants": "{ count, plural, 1 {租戶} other {# 租戶列表} }",
+    "tenant-name-starts-with": "以 '{{prefix}}' 開頭的租戶",
+    "type-customer": "客戶",
+    "type-customers": "客戶",
+    "list-of-customers": "{ count, plural, 1 {客戶} other {# 客戶列表} }",
+    "customer-name-starts-with": "以 '{{prefix}}' 開頭的客戶",
+    "type-user": "用戶",
+    "type-users": "用戶",
+    "list-of-users": "{ count, plural, 1 {用戶} other {# 用戶列表} }",
+    "user-name-starts-with": "以 '{{prefix}}' 開頭的用戶",
+    "type-dashboard": "儀表板",
+    "type-dashboards": "儀表板",
+    "list-of-dashboards": "{ count, plural, 1 {儀表板} other {# 儀表板列表} }",
+    "dashboard-name-starts-with": "以 '{{prefix}}' 開頭的儀表板",
+    "type-alarm": "警告",
+    "type-alarms": "警告",
+    "list-of-alarms": "{ count, plural, 1 {警告} other {# 警告列表} }",
+    "alarm-name-starts-with": "以 '{{prefix}}' 開頭的警告",
+    "type-rulechain": "規則鏈",
+    "type-rulechains": "規則鏈庫",
+    "list-of-rulechains": "{ count, plural, 1 {一個規則鏈} other {# 規則鏈列表} }",
+    "rulechain-name-starts-with": "規則鏈前綴名稱 '{{prefix}}'",
+    "type-current-customer": "當前客戶",
+    "search": "實體檢索",
+    "selected-entities": "{ count, plural, 1 {1 實體} other {# 實體} } 被選中",
+    "entity-name": "實體名",
+    "details": "實體詳細資訊",
+    "no-entities-prompt": "沒有找到實體",
+    "no-data": "無資料"
+  },
+  "entity-view": {
+    "entity-view": "實體視圖",
+    "entity-view-required": "實體視圖必填。",
+    "entity-views": "實體視圖",
+    "management": "實體視圖管理",
+    "view-entity-views": "查看實體視圖",
+    "entity-view-alias": "實體視圖別名",
+    "aliases": "實體視圖別名",
+    "no-alias-matching": "'{{alias}}' 沒有找到。",
+    "no-aliases-found": "找不到別名。",
+    "no-key-matching": "'{{key}}' 沒有找到。",
+    "no-keys-found": "找不到密鑰。",
+    "create-new-alias": "建立一個新的！",
+    "create-new-key": "建立一個新的！",
+    "duplicate-alias-error": "找到重複別名 '{{alias}}'。 <br> 實體視圖別名必須是唯一的。",
+    "configure-alias": "配置 '{{alias}}' 別名",
+    "no-devices-matching": "找不到與 '{{entity}}' 符合的實體視圖。",
+    "alias": "別名",
+    "alias-required": "需要實體視圖別名。",
+    "remove-alias": "刪除實體視圖別名",
+    "add-alias": "增加實體視圖別名",
+    "name-starts-with": "名稱前綴",
+    "entity-view-list": "實體視圖列表",
+    "use-entity-view-name-filter": "使用過濾器",
+    "entity-view-list-empty": "沒有被選中的實體視圖",
+    "entity-view-name-filter-required": "實體視圖名稱過濾器必填。",
+    "entity-view-name-filter-no-entity-view-matched": "找不到以'{{entityView}}' 開頭的實體視圖。",
+    "add": "增加實體視圖",
+    "assign-to-customer": "分配給客戶",
+    "assign-entity-view-to-customer": "將實體視圖分配給客戶",
+    "assign-entity-view-to-customer-text": "請選擇要分配給客戶的實體視圖",
+    "no-entity-views-text": "找不到實體視圖",
+    "assign-to-customer-text": "請選擇客戶分配實體視圖",
+    "entity-view-details": "實體視圖詳細訊息",
+    "add-entity-view-text": "增加新實體視圖",
+    "delete": "刪除實體視圖",
+    "assign-entity-views": "分配實體視圖",
+    "assign-entity-views-text": "分配 { count, plural, 1 {1 實體視圖} other {# 實體視圖} } 給客戶",
+    "delete-entity-views": "刪除實體視圖",
+    "unassign-from-customer": "取消分配客戶",
+    "unassign-entity-views": "取消分配實體視圖",
+    "unassign-entity-views-action-title": "從客戶處取消分配{count,plural,1 {1 實體視圖} other {# 實體視圖} }",
+    "assign-new-entity-view": "分配新實體視圖",
+    "delete-entity-view-title": "確定要刪除實體視圖 '{{entityViewName}}'?",
+    "delete-entity-view-text": "小心！確認後實體視圖及其所有相關資料將無法恢復。",
+    "delete-entity-views-title": "確定要刪除 { count, plural, 1 {1 實體視圖} other {# 實體視圖} }?",
+    "delete-entity-views-action-title": "刪除 { count, plural, 1 {1 實體視圖} other {# 實體視圖} }",
+    "delete-entity-views-text": "B小心，確認後，所有選擇的實體視圖將被刪除，所有相關的資料將變得無法恢復。",
+    "unassign-entity-view-title": "您確定要取消對 '{{entityViewName}}'實體視圖的分配嗎？",
+    "unassign-entity-view-text": "確認後，實體視圖將未分配，客戶無法存取。",
+    "unassign-entity-view": "未分配實體視圖",
+    "unassign-entity-views-title": "您確定要取消分配 { count, plural, 1 {1 實體視圖} other {# 實體視圖} }嗎?",
+    "unassign-entity-views-text": "確認後，所有選擇的實體視圖將被分配，客戶無法存取。",
+    "entity-view-type": "實體視圖類型",
+    "entity-view-type-required": "實體視圖類型必填。",
+    "select-entity-view-type": "選擇實體視圖類型",
+    "enter-entity-view-type": "輸入實體視圖類型",
+    "any-entity-view": "任何實體視圖",
+    "no-entity-view-types-matching": "沒有找到符合 '{{entitySubtype}}' 的實體視圖類型。",
+    "entity-view-type-list-empty": "實體視圖類型未選擇。",
+    "entity-view-types": "實體視圖類型",
+    "name": "名稱",
+    "name-required": "名稱必填。",
+    "description": "描述",
+    "events": "事件",
+    "details": "詳細資訊",
+    "copyId": "複製實體視圖ID",
+    "assignedToCustomer": "分配給客戶",
+    "unable-entity-view-device-alias-title": "無法刪除實體視圖別名",
+    "unable-entity-view-device-alias-text": "實體視圖別名 '{{entityViewAlias}}' 不能夠被刪除，因為它被下列部件所使用: <br/> {{widgetsList}}",
+    "select-entity-view": "選擇實體視圖",
+    "make-public": "實體視圖設為公開",
+    "make-private": "實體視圖設為私有",
+    "start-date": "開始日期",
+    "start-ts": "開始時間",
+    "end-date": "結束日期",
+    "end-ts": "結束時間",
+    "date-limits": "日期限製",
+    "client-attributes": "客戶端屬性",
+    "shared-attributes": "共享屬性",
+    "server-attributes": "服務端屬性",
+    "timeseries": "時間序列",
+    "client-attributes-placeholder": "客戶端屬性",
+    "shared-attributes-placeholder": "共享屬性",
+    "server-attributes-placeholder": "服務端屬性",
+    "timeseries-placeholder": "時間序列",
+    "target-entity": "目標實體",
+    "attributes-propagation": "屬性傳播",
+    "attributes-propagation-hint": "每次儲存或更新這個實體視圖時，實體視圖將自動從目標實體複製指定的屬性。由於性能原因，目標實體屬性不會在每次屬性更改時傳播到實體視圖。您可以通過配置\"copy to view\"規則鏈中的規則節點，並將\"Post attributes\"和\"attributes Updated\"消息連結到新規則節點，從而啟用自動傳播。",
+    "timeseries-data": "時間序列資料",
+    "timeseries-data-hint": "配置目標實體的時間序列資料鍵,以便實體視圖可以存取這些鍵。這個時間序列資料是只讀的。",
+    "make-public-entity-view-title": "你確定你想建立公開 '{{entityViewName}}' 實體視圖?",
+    "make-public-entity-view-text": "確認後，實體視圖 及其所有資料將被公開並被他人存取。",
+    "make-private-entity-view-title": "你確定你想建立私有 '{{entityViewName}}' 實體視圖?",
+    "make-private-entity-view-text": "確認後，實體視圖及其所有資料將被私有化，無法被他人存取。"
+  },
+  "event": {
+    "event-type": "事件類型",
+    "type-error": "錯誤",
+    "type-lc-event": "生命週期事件",
+    "type-stats": "類型統計",
+    "type-debug-rule-node": "測試",
+    "type-debug-rule-chain": "測試",
+    "no-events-prompt": "找不到事件",
+    "error": "錯誤",
+    "alarm": "報警",
+    "event-time": "事件時間",
+    "server": "伺服器",
+    "body": "整體",
+    "method": "方法",
+    "type": "類型",
+    "entity": "實體",
+    "message-id": "消息ID",
+    "message-type": "消息類型",
+    "data-type": "資料類型",
+    "relation-type": "關係類型",
+    "metadata": "元資料",
+    "data": "資料",
+    "event": "事件",
+    "status": "狀態",
+    "success": "成功",
+    "failed": "失敗",
+    "messages-processed": "消息處理",
+    "errors-occurred": "錯誤發生"
+  },
+  "extension": {
+    "extensions": "擴展",
+    "selected-extensions": "{ count, plural, 1 {1 擴展} other {# 擴展} } 被選擇",
+    "type": "類型",
+    "key": "鍵名",
+    "value": "值",
+    "id": "ID",
+    "extension-id": "擴展ID",
+    "extension-type": "擴展類型",
+    "transformer-json": "JSON *",
+    "unique-id-required": "當前擴展ID已經存在。",
+    "delete": "刪除擴展",
+    "add": "增加擴展",
+    "edit": "編輯擴展",
+    "delete-extension-title": "確實要刪除擴展名'{{extensionId}}'嗎？",
+    "delete-extension-text": "小心，確認後，擴展和所有相關資料將變得無法恢復。",
+    "delete-extensions-title": "您確定要刪除 { count, plural, 1 {1 表達式} other {# 表達式} }嗎?",
+    "delete-extensions-text": "小心，確認後，所有選擇的擴展將被刪除。",
+    "converters": "轉換器",
+    "converter-id": "轉換器序號",
+    "configuration": "配置",
+    "converter-configurations": "轉換器的配置",
+    "token": "安全令牌",
+    "add-converter": "增加轉換器",
+    "add-config": "增加轉換器配置",
+    "device-name-expression": "設備名稱表達式",
+    "device-type-expression": "設備類型表達式",
+    "custom": "顧客",
+    "to-double": "加倍",
+    "transformer": "轉換器",
+    "json-required": "轉換器JSON必填。",
+    "json-parse": "無法解析轉換器JSON。",
+    "attributes": "屬性",
+    "add-attribute": "增加屬性",
+    "add-map": "增加映射元素",
+    "timeseries": "時間序列",
+    "add-timeseries": "增加時間序列",
+    "field-required": "必填字段",
+    "brokers": "代理伺服器組",
+    "add-broker": "增加代理伺服器",
+    "host": "主機",
+    "port": "連接埠",
+    "port-range": "連接埠應該在1到65535的範圍內。",
+    "ssl": "Ssl",
+    "credentials": "證書",
+    "username": "用戶名",
+    "password": "密碼",
+    "retry-interval": "以毫秒為單位的重試間隔",
+    "anonymous": "匿名",
+    "basic": "Basic",
+    "pem": "PEM",
+    "ca-cert": "CA證書文件 *",
+    "private-key": "私鑰文件 *",
+    "cert": "證書文件 *",
+    "no-file": "沒有選擇文件。",
+    "drop-file": "刪除文件或單擊以選擇要上載的文件。",
+    "mapping": "映射",
+    "topic-filter": "主題濾波",
+    "converter-type": "轉換類型",
+    "converter-json": "Json",
+    "json-name-expression": "設備名稱JSON表達式",
+    "topic-name-expression": "設備名稱主題表達式",
+    "json-type-expression": "設備類型JSON表達式",
+    "topic-type-expression": "設備類型主題表達式",
+    "attribute-key-expression": "屬性關鍵字表達式",
+    "attr-json-key-expression": "屬性鍵JSON表達式",
+    "attr-topic-key-expression": "屬性關鍵字主題表達式",
+    "request-id-expression": "請求ID表達式",
+    "request-id-json-expression": "請求ID JSON表達式",
+    "request-id-topic-expression": "請求ID主題表達式",
+    "response-topic-expression": "響應主題表達式",
+    "value-expression": "值表達式",
+    "topic": "主題",
+    "timeout": "毫秒超時",
+    "converter-json-required": "轉換JSON是必需的。",
+    "converter-json-parse": "無法解析轉換JSON。",
+    "filter-expression": "過濾表達式",
+    "connect-requests": "連接請求",
+    "add-connect-request": "增加連接請求",
+    "disconnect-requests": "斷開請求",
+    "add-disconnect-request": "增加斷開請求",
+    "attribute-requests": "屬性請求",
+    "add-attribute-request": "增加屬性請求",
+    "attribute-updates": "屬性更新",
+    "add-attribute-update": "增加屬性更新",
+    "server-side-rpc": "服務端RPC",
+    "add-server-side-rpc-request": "增加服務端RPC請求",
+    "device-name-filter": "設備名稱濾波",
+    "attribute-filter": "屬性濾波",
+    "method-filter": "方法濾波",
+    "request-topic-expression": "請求主題表達式",
+    "response-timeout": "毫秒內響應超時",
+    "topic-expression": "主題表達",
+    "client-scope": "客戶範圍",
+    "add-device": "增加伺服器",
+    "opc-server": "伺服器組",
+    "opc-add-server": "增加伺服器",
+    "opc-add-server-prompt": "請增加伺服器",
+    "opc-application-name": "應用名稱",
+    "opc-application-uri": "應用URI",
+    "opc-scan-period-in-seconds": "秒級掃描週期",
+    "opc-security": "安全性",
+    "opc-identity": "身份",
+    "opc-keystore": "密鑰庫",
+    "opc-type": "類型",
+    "opc-keystore-type": "類型",
+    "opc-keystore-location": "位置 *",
+    "opc-keystore-password": "密碼",
+    "opc-keystore-alias": "別名",
+    "opc-keystore-key-password": "密鑰密碼",
+    "opc-device-node-pattern": "設備節點模式",
+    "opc-device-name-pattern": "設備名稱模式",
+    "modbus-server": "Servers/slaves",
+    "modbus-add-server": "增加 server/slave",
+    "modbus-add-server-prompt": "請增加 server/slave",
+    "modbus-transport": "傳輸",
+    "modbus-port-name": "串口名稱",
+    "modbus-encoding": "編碼",
+    "modbus-parity": "奇偶性",
+    "modbus-baudrate": "鮑率",
+    "modbus-databits": "資料位",
+    "modbus-stopbits": "停止位",
+    "modbus-databits-range": "資料位應該在7到8的範圍內。",
+    "modbus-stopbits-range": "停止位應該在1到2的範圍內。",
+    "modbus-unit-id": "單位編號",
+    "modbus-unit-id-range": "單位ID應該在1到247的範圍內",
+    "modbus-device-name": "設備名稱",
+    "modbus-poll-period": "輪詢週期 (ms)",
+    "modbus-attributes-poll-period": "輪詢屬性週期 (ms)",
+    "modbus-timeseries-poll-period": "時間序列輪詢週期 (ms)",
+    "modbus-poll-period-range": "輪詢週期應為正值。",
+    "modbus-tag": "標籤",
+    "modbus-function": "函數",
+    "modbus-register-address": "寄存器地址",
+    "modbus-register-address-range": "寄存器地址應該在0到65535的範圍內。",
+    "modbus-register-bit-index": "位索引",
+    "modbus-register-bit-index-range": "位索引應該在0到15的範圍內。",
+    "modbus-register-count": "寄存器計數",
+    "modbus-register-count-range": "寄存器計數應該是一個正值。",
+    "modbus-byte-order": "字節順序",
+    "sync": {
+      "status": "狀態",
+      "sync": "同步",
+      "not-sync": "不同步",
+      "last-sync-time": "最後同步時間",
+      "not-available": "無法使用"
+    },
+    "export-extensions-configuration": "匯出擴展配置",
+    "import-extensions-configuration": "匯入擴展配置",
+    "import-extensions": "匯入擴展",
+    "import-extension": "匯入擴展",
+    "export-extension": "匯出擴展",
+    "file": "擴展文件",
+    "invalid-file-error": "無效的擴展文件"
+  },
+  "fullscreen": {
+    "expand": "展開到全螢幕",
+    "exit": "退出全螢幕",
+    "toggle": "切換全螢幕模式",
+    "fullscreen": "全螢幕"
+  },
+  "function": {
+    "function": "函數"
+  },
+  "grid": {
+    "delete-item-title": "您確定要刪除此項嗎？",
+    "delete-item-text": "注意,確認後此項及其所有相關資料將變得無法恢復。",
+    "delete-items-title": "你確定你要刪除 { count, plural, 1 {1 項} other {# 項} }嗎？",
+    "delete-items-action-title": "刪除 { count, plural, 1 {1 項} other {# 項} }",
+    "delete-items-text": "注意,確認後所有選擇的項目將被刪除,所有相關資料將無法恢復。",
+    "add-item-text": "增加新項目",
+    "no-items-text": "沒有找到項目",
+    "item-details": "項目詳細訊息",
+    "delete-item": "刪除項目",
+    "delete-items": "刪除項目",
+    "scroll-to-top": "滾動到頂部"
+  },
+  "help": {
+    "goto-help-page": "轉到幫助頁面"
+  },
+  "home": {
+    "home": "首頁",
+    "profile": "屬性",
+    "logout": "註銷",
+    "menu": "菜單",
+    "avatar": "頭像",
+    "open-user-menu": "打開用戶菜單"
+  },
+  "import": {
+    "no-file": "沒有選擇文件",
+    "drop-file": "拖動一個JSON文件或者單擊以選擇要上傳的文件。"
+  },
+  "item": {
+    "selected": "選擇"
+  },
+  "js-func": {
+    "no-return-error": "函數必須返回值！",
+    "return-type-mismatch": "函數必須返回 '{{type}}' 類型的值！",
+    "tidy": "整理"
+  },
+  "key-val": {
+    "key": "鍵名",
+    "value": "值",
+    "remove-entry": "刪除條目",
+    "add-entry": "增加條目",
+    "no-data": "沒有條目"
+  },
+  "layout": {
+    "layout": "佈局",
+    "manage": "佈局管理",
+    "settings": "佈局設定",
+    "color": "顏色",
+    "main": "主體",
+    "right": "右側",
+    "select": "選擇目標佈局"
+  },
+  "legend": {
+    "position": "圖例位置",
+    "show-max": "顯示最大值",
+    "show-min": "顯示最小值",
+    "show-avg": "顯示平均值",
+    "show-total": "顯示總數",
+    "settings": "圖例設定",
+    "min": "最小值",
+    "max": "最大值",
+    "avg": "平均值",
+    "total": "總數"
+  },
+  "login": {
+    "login": "登入",
+    "request-password-reset": "請求密碼重置",
+    "reset-password": "重置密碼",
+    "create-password": "建立密碼",
+    "passwords-mismatch-error": "輸入的密碼必須相同！",
+    "password-again": "再次輸入密碼",
+    "sign-in": "登入 ",
+    "username": "用戶名（電子郵件）",
+    "remember-me": "記住我",
+    "forgot-password": "忘記密碼？",
+    "password-reset": "密碼重置",
+    "new-password": "新密碼",
+    "new-password-again": "再次輸入新密碼",
+    "password-link-sent-message": "密碼重置連結已成功發送！",
+    "email": "電子郵件"
+  },
+  "position": {
+    "top": "頂部",
+    "bottom": "底部",
+    "left": "左側",
+    "right": "右側"
+  },
+  "profile": {
+    "profile": "屬性",
+    "change-password": "更改密碼",
+    "current-password": "當前密碼"
+  },
+  "relation": {
+    "relations": "關聯",
+    "direction": "方向",
+    "search-direction": {
+      "FROM": "從",
+      "TO": "到"
+    },
+    "direction-type": {
+      "FROM": "從",
+      "TO": "到"
+    },
+    "from-relations": "向外的關聯",
+    "to-relations": "向內的關聯",
+    "selected-relations": "{ count, plural, 1 {1 關聯} other {# 關聯} } 被選中",
+    "type": "類型",
+    "to-entity-type": "到實體類型",
+    "to-entity-name": "到實體名稱",
+    "from-entity-type": "從實體類型",
+    "from-entity-name": "從實體類型",
+    "to-entity": "到實體",
+    "from-entity": "從實體",
+    "delete": "刪除關聯",
+    "relation-type": "關聯類型",
+    "relation-type-required": "關聯類型必填",
+    "any-relation-type": "任意類型",
+    "add": "增加關聯",
+    "edit": "編輯關聯",
+    "delete-to-relation-title": "確定要刪除實體 '{{entityName}}' 的關聯嗎?",
+    "delete-to-relation-text": "確定刪除後實體 '{{entityName}}' 將取消與當前實體的關聯關係。",
+    "delete-to-relations-title": "確定要刪除 { count, plural, 1 {1 關聯} other {# 關聯} }?",
+    "delete-to-relations-text": "確定刪除所有選擇的關聯關係後，與當前實體對應的所有關聯關係將被移除。",
+    "delete-from-relation-title": "確定要從實體 '{{entityName}}' 刪除關聯嗎?",
+    "delete-from-relation-text": "確定刪除後，當前實體將與實體 '{{entityName}}' 取消關聯",
+    "delete-from-relations-title": "確定刪除 { count, plural, 1 {1 關聯} other {# 關聯} } 嗎?",
+    "delete-from-relations-text": "確定刪除所有選擇的關聯關係後，當前實體將與對應的實體取消關聯",
+    "remove-relation-filter": "移除關聯過濾器",
+    "add-relation-filter": "增加關聯過濾器",
+    "any-relation": "任意關聯",
+    "relation-filters": "關聯過濾器",
+    "additional-info": "附加訊息 (JSON)",
+    "invalid-additional-info": "無法解析附加訊息json。"
+  },
+  "rulechain": {
+    "rulechain": "規則鏈",
+    "rulechains": "規則鏈庫",
+    "root": "根實體",
+    "delete": "刪除規則",
+    "activate": "啟動規則",
+    "suspend": "暫停規則",
+    "active": "啟動",
+    "suspended": "暫停",
+    "name": "名稱",
+    "name-required": "名稱必填。",
+    "description": "描述",
+    "add": "增加規則",
+    "set-root": "建立規則鏈根",
+    "set-root-rulechain-title": "您確定要生成規則鏈'{{RuleChainName}}'根嗎？",
+    "set-root-rulechain-text": "確認之後，規則鏈將變為根規格鏈，並將處理所有傳入的傳輸消息。",
+    "delete-rulechain-title": " 確實要刪除規則鏈'{{ruleChainName}}'嗎？",
+    "delete-rulechain-text": "小心，在確認規則鏈和所有相關資料將變得無法恢復。",
+    "delete-rulechains-title": "確實要刪除{count, plural, 1 { 1 規則鏈} other {# 規則鏈庫} }嗎？",
+    "delete-rulechains-action-title": "刪除 { count, plural, 1 {1 規則鏈} other {# 規則鏈庫} }",
+    "delete-rulechains-text": "小心，確認後，所有選擇的規則鏈將被刪除，所有相關的資料將變得無法恢復。",
+    "add-rulechain-text": "增加新的規則鏈",
+    "no-rulechains-text": "規則鏈沒有發現",
+    "rulechain-details": "規則鏈詳細資訊",
+    "details": "詳細資訊",
+    "events": "事件",
+    "system": "系統",
+    "import": "匯入規則",
+    "export": "匯出規則",
+    "export-failed-error": "無法匯出規則：{{error}}",
+    "create-new-rulechain": "建立新的規則鏈",
+    "rulechain-file": "規則鏈文件",
+    "invalid-rulechain-file-error": "不能匯入規則鏈：無效的規則鏈資料格式。",
+    "copyId": "複製規則鏈ID",
+    "idCopiedMessage": "規則ID已經複製到剪貼板",
+    "select-rulechain": "選擇規則鏈",
+    "no-rulechains-matching": "沒有發現符合'{{entity}}'的規則鏈。",
+    "rulechain-required": "規則鏈必填",
+    "management": "規則集管理",
+    "debug-mode": "測試模式"
+  },
+  "rulenode": {
+    "details": "詳細資訊",
+    "events": "事件",
+    "search": "搜尋節點",
+    "open-node-library": "打開節點庫",
+    "add": "增加規則節點",
+    "name": "名稱",
+    "name-required": "名稱必填。",
+    "type": "類型",
+    "description": "描述",
+    "delete": "刪除規則節點",
+    "select-all-objects": "選擇所有節點和連接",
+    "deselect-all-objects": "取消選擇所有節點和連接",
+    "delete-selected-objects": "刪除選擇的節點和連接",
+    "delete-selected": "刪除選擇",
+    "select-all": "選擇全部",
+    "copy-selected": "選擇副本",
+    "deselect-all": "取消選擇",
+    "rulenode-details": "規則節點詳細資訊",
+    "debug-mode": "測試模式",
+    "configuration": "配置",
+    "link": "連結",
+    "link-details": "規則節點連結詳細資訊",
+    "add-link": "增加連結",
+    "link-label": "連結標籤",
+    "link-label-required": "連結標籤必填",
+    "custom-link-label": "自定義連結標籤",
+    "custom-link-label-required": "自定義連結標籤必填",
+    "type-filter": "濾波器",
+    "type-filter-details": "使用配置條件過濾傳入消息",
+    "type-enrichment": "屬性集",
+    "type-enrichment-details": "向消息元資料中增加附加訊息",
+    "type-transformation": "變換",
+    "type-transformation-details": "更改消息有效載荷和元資料",
+    "type-action": "動作",
+    "type-action-details": "執行特別動作",
+    "type-external": "外部的",
+    "type-external-details": "與外部系統交互",
+    "type-rule-chain": "規則鏈",
+    "type-rule-chain-details": "將傳入消息轉發到指定的規則鏈",
+    "type-in​​put": "輸入",
+    "type-in​​put-details": "規則鏈的邏輯輸入，將傳入消息轉發到下一個相關規則節點",
+    "directive-is-not-loaded": "定義的配置指令 '{{directiveName}}' 不可用。",
+    "ui-resources-load-error": "加載配置UI資源失敗。",
+    "invalid-target-rulechain": "無法解析目標規則鏈！",
+    "test-script-function": "測試腳本功能",
+    "message": "消息",
+    "message-type": "消息類型",
+    "message-type-required": "消息類型必填",
+    "metadata": "元資料",
+    "metadata-required": "元資料項不能為空。",
+    "output": "輸出",
+    "test": "測試",
+    "help": "幫助"
+  },
+  "tenant": {
+    "tenant": "租戶",
+    "tenants": "租戶",
+    "management": "租戶管理",
+    "add": "增加租戶",
+    "admins": "管理員",
+    "manage-tenant-admins": "管理租戶管理員",
+    "delete": "刪除租戶",
+    "add-tenant-text": "增加新租戶",
+    "no-tenants-text": "沒有找到租戶",
+    "tenant-details": "租客詳細資訊",
+    "delete-tenant-title": "您確定要刪除租戶'{{tenantTitle}}'嗎？",
+    "delete-tenant-text": "小心！確認後，租戶和所有相關資料將無法恢復。",
+    "delete-tenants-title": "您確定要刪除 {count,plural,1 {1 租戶} other {# 租戶} } 嗎？",
+    "delete-tenants-action-title": "刪除 { count, plural, 1 {1 租戶} other {# 租戶} }",
+    "delete-tenants-text": "小心！確認後，所有選擇的租戶將被刪除，所有相關資料將無法恢復。",
+    "title": "標題",
+    "title-required": "標題必填。",
+    "description": "描述",
+    "details": "詳細資訊",
+    "events": "事件",
+    "copyId": "複製租戶ID",
+    "idCopiedMessage": "租戶ID已經複製到剪貼板",
+    "select-tenant": "選擇租戶",
+    "no-tenants-matching": "沒有找到符合 '{{entity}}' 的租戶",
+    "tenant-required": "租戶必填"
+  },
+  "timeinterval": {
+    "seconds-interval": "{ seconds, plural, 1 {1 秒} other {# 秒} }",
+    "minutes-interval": "{ minutes, plural, 1 {1 分} other {# 分} }",
+    "hours-interval": "{ hours, plural, 1 {1 小時} other {# 小時} }",
+    "days-interval": "{ days, plural, 1 {1 天} other {# 天} }",
+    "days": "天",
+    "hours": "時",
+    "minutes": "分",
+    "seconds": "秒",
+    "advanced": "高級"
+  },
+  "timewindow": {
+    "days": "{ days, plural, 1 { 天 } other {# 天 } }",
+    "hours": "{ hours, plural, 0 { 小時 } 1 {1 小時 } other {# 小時 } }",
+    "minutes": "{ minutes, plural, 0 { 分 } 1 {1 分 } other {# 分 } }",
+    "seconds": "{ seconds, plural, 0 { 秒 } 1 {1 秒 } other {# 秒 } }",
+    "realtime": "實時",
+    "history": "歷史",
+    "last-prefix": "最後",
+    "period": "從 {{ startTime }} 到 {{ endTime }}",
+    "edit": "編輯時間窗口",
+    "date-range": "日期範圍",
+    "last": "最後",
+    "time-period": "時間段"
+  },
+  "user": {
+    "user": "用戶",
+    "users": "用戶",
+    "customer-users": "客戶用戶",
+    "tenant-admins": "租戶管理員",
+    "sys-admin": "系統管理員",
+    "tenant-admin": "租戶管理員",
+    "customer": "客戶",
+    "anonymous": "匿名",
+    "add": "增加用戶",
+    "delete": "刪除用戶",
+    "add-user-text": "增加新用戶",
+    "no-users-text": "找不到用戶",
+    "user-details": "用戶詳細訊息",
+    "delete-user-title": "您確定要刪除用戶 '{{userEmail}}' 嗎？",
+    "delete-user-text": "小心！確認後，用戶和所有相關資料將無法恢復。",
+    "delete-users-title": "你確定你要刪除 { count, plural, 1 {1 用戶} other {# 用戶} } 嗎？",
+    "delete-users-action-title": "刪除 { count, plural, 1 {1 用戶} other {# 用戶} }",
+    "delete-users-text": "小心！確認後，所有選擇的用戶將被刪除，所有相關資料將無法恢復。",
+    "activation-email-sent-message": "啟動電子郵件已成功發送！",
+    "resend-activation": "重新發送啟動",
+    "email": "電子郵件",
+    "email-required": "電子郵件必填。",
+    "invalid-email-format": "無效的郵件格式。",
+    "first-name": "名字",
+    "last-name": "姓",
+    "description": "描述",
+    "default-dashboard": "預設面板",
+    "always-fullscreen": "始終全螢幕",
+    "select-user": "選擇用戶",
+    "no-users-matching": "沒有找到符合 '{{entity}}' 的用戶。",
+    "user-required": "用戶必填",
+    "activation-method": "啟動方式",
+    "display-activation-link": "顯示啟動連結",
+    "send-activation-mail": "發送啟動郵件",
+    "activation-link": "用戶啟動連結",
+    "activation-link-text": "使用該連結 <a href='{{activationLink}}' target='_blank'>啟動</a> 啟動用戶:",
+    "copy-activation-link": "複製用戶啟動連結",
+    "activation-link-copied-message": "用戶啟動連結已經複製到剪貼板",
+    "details": "詳細訊息"
+  },
+  "value": {
+    "type": "值類型",
+    "string": "字符串",
+    "string-value": "字符串值",
+    "integer": "數字",
+    "integer-value": "數字值",
+    "invalid-integer-value": "整數值無效",
+    "double": "雙精度浮點數",
+    "double-value": "雙精度浮點數值",
+    "boolean": "布林",
+    "boolean-value": "布林值",
+    "false": "假",
+    "true": "真",
+    "long": "Long"
+  },
+  "widget": {
+    "widget-library": "部件庫",
+    "widget-bundle": "部件包",
+    "select-widgets-bundle": "選擇部件包",
+    "management": "管理部件",
+    "editor": "部件編輯器",
+    "widget-type-not-found": "加載部件配置出錯。<br>可能關聯的\n 部件已經刪除了。",
+    "widget-type-load-error": "由於以下錯誤未加載小部件：",
+    "remove": "刪除部件",
+    "edit": "編輯部件",
+    "remove-widget-title": "確實要刪除 '{{widgetTitle}}'部件嗎？",
+    "remove-widget-text": "確認後，控件和所有相關資料將變得無法恢復。",
+    "timeseries": "時間序列",
+    "search-data": "搜尋資料",
+    "no-data-found": "沒有找到資料",
+    "latest-values": "最新值",
+    "rpc": "控件部件",
+    "alarm": "警告部件",
+    "static": "靜態部件",
+    "select-widget-type": "選擇窗口部件類型",
+    "missing-widget-title-error": "部件標題必須指定！",
+    "widget-saved": "部件已儲存",
+    "unable-to-save-widget-error": "無法儲存部件！控件有錯誤!",
+    "save": "儲存部件",
+    "saveAs": "部件另存為",
+    "save-widget-type-as": "部件類型另存為",
+    "save-widget-type-as-text": "請輸入新的部件標題或選擇目標部件包",
+    "toggle-fullscreen": "切換全螢幕",
+    "run": "執行部件",
+    "title": "部件標題",
+    "title-required": "需要部件標題。",
+    "type": "部件類型",
+    "resources": "資源",
+    "resource-url": "JavaScript/CSS URL",
+    "remove-resource": "刪除資源",
+    "add-resource": "增加資源",
+    "html": "HTML",
+    "tidy": "整理",
+    "css": "CSS",
+    "settings-schema": "設定模式",
+    "datakey-settings-schema": "資料鍵設定模式",
+    "javascript": "Javascript",
+    "remove-widget-type-title": "您確定要刪除部件類型 '{{widgetName}}'嗎？",
+    "remove-widget-type-text": "確認後，窗口部件類型和所有相關資料將無法恢復。",
+    "remove-widget-type": "刪除部件類型",
+    "add-widget-type": "增加新的部件類型",
+    "widget-type-load-failed-error": "無法加載部件類型！",
+    "widget-template-load-failed-error": "無法加載部件模板！",
+    "add": "增加部件",
+    "undo": "復原部件更改",
+    "export": "匯出部件"
+  },
+  "widget-action": {
+    "header-button": "部件頂部按鈕",
+    "open-dashboard-state": "切換到新儀表板狀態",
+    "update-dashboard-state": "更新當前儀表板狀態",
+    "open-dashboard": "切換到另一個儀表板",
+    "custom": "自定義動作",
+    "target-dashboard-state": "目標儀表板狀態",
+    "target-dashboard-state-required": "目標儀表板狀態必填",
+    "set-entity-from-widget": "從部件中設定實體",
+    "target-dashboard": "目標儀表板",
+    "open-right-layout": "打開右側佈局 (移動端視圖)"
+  },
+  "widgets-bundle": {
+    "current": "當前包",
+    "widgets-bundles": "部件包",
+    "add": "增加部件包",
+    "delete": "刪除部件包",
+    "title": "標題",
+    "title-required": "標題必填。",
+    "add-widgets-bundle-text": "增加新的部件包",
+    "no-widgets-bundles-text": "找不到部件包",
+    "empty": "部件包是空的",
+    "details": "詳細資訊",
+    "widgets-bundle-details": "部件包詳細訊息",
+    "delete-widgets-bundle-title": "您確定要刪除部件包 '{{widgetsBundleTitle}}'嗎？",
+    "delete-widgets-bundle-text": "小心！確認後，部件包和所有相關資料將無法恢復。",
+    "delete-widgets-bundles-title": "你確定你要刪除 { count, plural, 1 {1 部件包} other {# 部件包} } 嗎？",
+    "delete-widgets-bundles-action-title": "刪除 { count, plural, 1 {1 部件包} other {# 部件包} }",
+    "delete-widgets-bundles-text": "小心！確認後，所有選擇的部件包將被刪除，所有相關資料將無法恢復。",
+    "no-widgets-bundles-matching": "沒有找到與 '{{widgetsBundle}}' 符合的部件包。",
+    "widgets-bundle-required": "需要部件包。",
+    "system": "系統",
+    "import": "匯入部件包",
+    "export": "匯出部件包",
+    "export-failed-error": "無法匯出部件包： {{error}}",
+    "create-new-widgets-bundle": "建立新的部件包",
+    "widgets-bundle-file": "部件包文件",
+    "invalid-widgets-bundle-file-error": "無法匯入部件包：無效的部件包資料結構。"
+  },
+  "widget-config": {
+    "data": "資料",
+    "settings": "設定",
+    "advanced": "高級",
+    "title": "標題",
+    "general-settings": "一般設定",
+    "display-title": "顯示標題",
+    "drop-shadow": "陰影",
+    "enable-fullscreen": "啟用全螢幕",
+    "background-color": "背景顏色",
+    "text-color": "文字顏色",
+    "padding": "填充",
+    "margin": "邊緣",
+    "widget-style": "部件風格",
+    "title-style": "標題風格",
+    "mobile-mode-settings": "移動端設定",
+    "order": "順序",
+    "height": "高度",
+    "units": "特殊符號展示值",
+    "decimals": "浮點數後的位數",
+    "timewindow": "時間窗口",
+    "use-dashboard-timewindow": "使用儀表板的時間窗口",
+    "display-legend": "顯示圖例",
+    "datasources": "資料源",
+    "maximum-datasources": "最大允許 { count, plural, 1 {1 資料} other {# 資料} }",
+    "datasource-type": "類型",
+    "datasource-parameters": "參數",
+    "remove-datasource": "移除資料源",
+    "add-datasource": "增加資料源",
+    "target-device": "目標設備",
+    "alarm-source": "警告源",
+    "actions": "動作",
+    "action": "動作",
+    "add-action": "增加動作",
+    "search-actions": "動作檢索",
+    "action-source": "動作源",
+    "action-source-required": "動作源必填",
+    "action-name": "動作名稱",
+    "action-name-required": "動作名稱必填。",
+    "action-name-not-unique": "動作名稱已經存在。<br/>統一動作源的動作名稱必須唯一。",
+    "action-icon": "圖示",
+    "action-type": "類型",
+    "action-type-required": "類型必填",
+    "edit-action": "編輯動作",
+    "delete-action": "刪除動作",
+    "delete-action-title": "刪除部件動作",
+    "delete-action-text": "確定要刪除部件動作 '{{actionName}}' 嗎?"
+  },
+  "widget-type": {
+    "import": "匯入部件類型",
+    "export": "匯出部件類型",
+    "export-failed-error": "無法匯出部件類型： {{error}}",
+    "create-new-widget-type": "建立新的部件類型",
+    "widget-type-file": "部件類型文件",
+    "invalid-widget-type-file-error": "無法匯入部件類型：無效的部件類型資料結構。"
+  },
+  "widgets": {
+    "date-range-navigator": {
+      "localizationMap": {
+        "Sun": "週日",
+        "Mon": "週一",
+        "Tue": "週二",
+        "Wed": "週三",
+        "Thu": "週四",
+        "Fri": "週五",
+        "Sat": "週六",
+        "Jan": "1月",
+        "Feb": "2月",
+        "Mar": "3月",
+        "Apr": "4月",
+        "May": "5月",
+        "Jun": "6月",
+        "Jul": "7月",
+        "Aug": "8月",
+        "Sep": "9月",
+        "Oct": "10月",
+        "Nov": "11月",
+        "Dec": "12月",
+        "January": "一月",
+        "February": "二月",
+        "March": "三月",
+        "April": "四月",
+        "June": "六月",
+        "July": "七月",
+        "August": "八月",
+        "September": "九月",
+        "October": "十月",
+        "November": "十一月",
+        "December": "十二月",
+        "Custom Date Range": "自定義日期範圍",
+        "Date Range Template": "日期範圍模板",
+        "Today": "今天",
+        "Yesterday": "昨天",
+        "This Week": "本星期",
+        "Last Week": "上個星期",
+        "This Month": "這個月",
+        "Last Month": "上個月",
+        "Year": "年",
+        "This Year": "今年",
+        "Last Year": "去年",
+        "Date picker": "日期選擇器",
+        "Hour": "小時",
+        "Day": "天",
+        "Week": "週",
+        "2 weeks": "2週",
+        "Month": "月",
+        "3 months": "3個月",
+        "6 months": "6個月",
+        "Custom interval": "自定義間隔",
+        "Interval": "間隔",
+        "Step size": "步長",
+        "Ok": "Ok"
+      }
+    }
+  },
+  "icon": {
+    "icon": "圖示",
+    "select-icon": "選擇圖示",
+    "material-icons": "素材圖示",
+    "show-all": "顯示所有圖示"
+  },
+  "custom": {
+    "widget-action": {
+      "action-cell-button": "動作單元格按鈕",
+      "row-click": "點選行",
+      "marker-click": "點選標記",
+      "polygon-click": "單擊多邊形",
+      "tooltip-tag-action": "提示標籤動作"
+    }
+  },
+  "language": {
+    "language": "語言"
+  }
+}
diff --git a/ui-ngx/src/assets/logo_title_white.svg b/ui-ngx/src/assets/logo_title_white.svg
new file mode 100644
index 0000000000..3e6d570b47
--- /dev/null
+++ b/ui-ngx/src/assets/logo_title_white.svg
@@ -0,0 +1,37 @@
+<svg id="svg2" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="320" width="1543.4" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 1543.4268 320.00026">
+ <g id="layer1" transform="translate(0 -732.36)">
+  <g stroke-width="28">
+   <g id="g5204-0" transform="matrix(-.66287 .69913 -.66371 -.70001 863.46 1410.6)">
+    <g id="g5175-6" transform="translate(2.5254 3.0305)"></g>
+    <g id="g5175-9-8" transform="translate(41.25 -30.543)" stroke-width="28"></g>
+   </g>
+   <g id="g5175-6-35" transform="matrix(.57657 .52719 -.57729 .52786 584.63 346.6)"></g>
+   <g id="g5204-0-5-0" transform="matrix(.66287 -.69913 .66371 .70001 -543.46 380.47)">
+    <g id="g5175-6-35-9" transform="translate(2.5254 3.0305)"></g>
+    <g id="g5175-9-8-2-6" transform="translate(41.25 -30.543)" stroke-width="28"></g>
+   </g>
+  </g>
+  <g id="text4279" transform="translate(0 732.36)" fill="#305680">
+   <g id="g9352" fill="#fff">
+    <g id="g4241" transform="translate(-.000061238 -732.36)">
+     <path id="path4278" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m151.13 732.36c-28.363 0-54.915 7.9153-77.613 21.537-6.4723-5.2623-14.605-8.1915-23.067-8.1937a8.7661 8.7661 0 0 0 -0.0035 0c-20.154 0.00073-36.679 16.528-36.678 36.682a8.7661 8.7661 0 0 0 0 0.0106c0.0099 8.4147 2.9267 16.483 8.1033 22.927-13.83 22.83-21.87 49.58-21.87 78.17a8.7661 8.7661 0 1 0 17.531 0c0-24.702 6.7193-47.748 18.378-67.574 4.5663 1.9846 9.4727 3.1496 14.519 3.1573a8.7661 8.7661 0 0 0 0.01241 0c20.155 0.00062 36.683-16.527 36.682-36.682a8.7661 8.7661 0 0 0 0 -0.004c-0.0016-4.9994-1.1387-9.8628-3.0828-14.397 19.717-11.484 42.585-18.095 67.085-18.095a8.7661 8.7661 0 1 0 0 -17.531zm-100.69 30.88c5.9129 0.002 11.191 2.5121 14.836 7.0769a8.7661 8.7661 0 0 0 0.1826 0.21451c2.6715 3.3798 4.1326 7.5531 4.1341 11.863-0.0015 10.677-8.468 19.144-19.144 19.148-4.37-0.008-8.6011-1.5088-12-4.2546a8.7661 8.7661 0 0 0 -0.01241 -0.009c-4.514-3.6331-7.1358-9.0979-7.1442-14.893 0.0025-10.677 8.4701-19.144 19.148-19.146z"/>
+     <path id="path4486-0-9-6-9-7-6-5" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m66.992 835.19c-1.492 1.5583-2.3663 3.7103-2.2576 6.0713 0.0962 2.0447 0.91322 4.0204 2.3372 5.5177 6.8051 6.8559 20.223 20.223 20.223 20.223l11.844-11.83s-12.973-12.961-20.176-20.171c-1.604-1.6325-3.7498-2.3141-6.012-2.3243-2.3583-0.0112-4.4673 0.95389-5.9592 2.5122zm32.147 19.983-36.639 36.639c-3.9751 3.976-3.9751 10.421 0 14.397l18.156 18.156 31.753 31.753 30.478 30.478c3.9758 3.9759 10.422 3.9763 14.398 0l24.791-24.791 37.914-37.914 36.639-36.639c3.9754-3.9764 3.975-10.422-0.00067-14.398l-18.63-18.63-31.75-31.76-30.01-30c-3.976-3.9751-10.421-3.9751-14.397 0l-24.79 24.79-37.91 37.91zm37.911-37.91s-12.973-12.961-20.176-20.171c-1.604-1.6325-3.7498-2.3141-6.012-2.3243-4.7166-0.0226-8.4341 3.8616-8.2169 8.5834 0.0962 2.0447 0.91322 4.0204 2.3372 5.5177 6.8051 6.8559 20.223 20.223 20.223 20.223l11.844-11.83zm69.193 5.2132s12.961-12.973 20.171-20.176c1.6325-1.604 2.3141-3.7498 2.3243-6.012 0.0225-4.7166-3.8616-8.4341-8.5834-8.2169-2.0447 0.0962-4.0204 0.91322-5.5177 2.3372-6.8559 6.8051-20.223 20.223-20.223 20.223l11.83 11.844zm31.753 31.753s12.961-12.973 20.171-20.176c1.6325-1.604 2.314-3.7498 2.3243-6.012 0.0225-4.7166-3.8616-8.4341-8.5834-8.2169-2.0447 0.0962-4.0204 0.91323-5.5177 2.3372-6.8559 6.8051-20.223 20.223-20.223 20.223l11.83 11.844zm-18.009 69.667s12.973 12.961 20.178 20.169c1.604 1.6324 3.7498 2.314 6.012 2.3243 4.7166 0.0225 8.4342-3.8615 8.2169-8.5834l-0.002 0.002c-0.0962-2.0447-0.91415-4.0214-2.3382-5.5186-6.8051-6.8559-20.222-20.222-20.222-20.222l-11.844 11.83zm-37.914 37.914s12.973 12.961 20.178 20.169c1.604 1.6324 3.7498 2.314 6.012 2.3242 4.7166 0.023 8.4342-3.8615 8.2169-8.5834h-0.002c-0.0962-2.0447-0.91323-4.0205-2.3372-5.5177-6.8051-6.8559-20.223-20.223-20.223-20.223l-11.844 11.83zm-69.667-5.6871s-12.961 12.973-20.169 20.178c-1.6324 1.604-2.314 3.7498-2.3243 6.012-0.02251 4.7166 3.8615 8.4342 8.5834 8.2169h-0.0019c2.0447-0.096 4.0204-0.9132 5.5177-2.3373 6.8561-6.8048 20.223-20.223 20.223-20.223l-11.82-11.84zm-31.743-31.74s-12.961 12.973-20.169 20.178c-1.6324 1.604-2.314 3.7498-2.3243 6.012-0.02251 4.7167 3.8615 8.4342 8.5834 8.2169h-0.0019c2.0447-0.0962 4.0204-0.91322 5.5177-2.3372 6.8561-6.8047 20.223-20.223 20.223-20.223l-11.829-11.85zm87.237-90.554c1.6794-1.7064 3.9669-2.6599 6.2971-2.626 1.6628 0.0237 3.253 0.55012 4.5625 1.5097l16.499 12.1c3.2009 2.297 4.1445 6.6589 2.2308 10.312-1.9137 3.6528-6.1234 5.5243-9.9506 4.4227l6.124 23.948c1.1128 4.3517-1.564 8.9677-5.9833 10.317l-44.642 13.631 8.2456 31.883c1.1728 4.3696-1.5017 9.0445-5.9546 10.407s-8.9756-1.1106-10.068-5.5047l-10.282-39.769c-1.1265-4.3556 1.5493-8.9847 5.9759-10.338l44.661-13.637-4.1219-16.118c-2.7634 3.0643-7.2335 3.8084-10.586 1.7615-3.3531-2.0469-4.6144-6.2896-2.9861-10.047l8.1169-19.454c0.43322-1.0376 1.0673-1.9888 1.8624-2.7973z" fill-rule="evenodd"/>
+     <path id="path4278-5" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m168.87 1052.4c28.363 0 54.915-7.9155 77.614-21.538 6.4724 5.2624 14.605 8.1917 23.067 8.1939a8.7662 8.7662 0 0 0 0.004 0c20.155-0.0007 36.68-16.528 36.679-36.682a8.7662 8.7662 0 0 0 0 -0.011c-0.01-8.4149-2.9267-16.484-8.1034-22.927 13.825-22.82 21.866-49.572 21.866-78.162a8.7662 8.7662 0 1 0 -17.531 0c0 24.703-6.7194 47.749-18.378 67.575-4.5664-1.9846-9.4728-3.1496-14.519-3.1573a8.7662 8.7662 0 0 0 -0.0124 0c-20.155-0.00062-36.683 16.527-36.682 36.682 0.002 4.9994 1.1387 9.8628 3.0829 14.397-19.717 11.484-42.586 18.095-67.086 18.095a8.7662 8.7662 0 1 0 0 17.531zm100.69-30.875c-5.913 0-11.191-2.5122-14.836-7.0769a8.7662 8.7662 0 0 0 -0.18261 -0.2146c-2.6715-3.3799-4.1327-7.5531-4.1341-11.863 0.002-10.677 8.4681-19.144 19.144-19.148 4.37 0.008 8.6012 1.5088 12 4.2547a8.7662 8.7662 0 0 0 0.0124 0.009c4.5141 3.6332 7.1359 9.098 7.1443 14.893-0.003 10.677-8.4702 19.145-19.148 19.146z"/>
+    </g>
+    <g id="g8299">
+     <path id="path4345" d="m477.92 93.229h-48.56v134.68h-19.818v-134.68h-48.456v-16.394h116.83v16.394z"/>
+     <path id="path4347" d="m516.72 129.23q12.762-15.668 33.203-15.668 35.59 0 35.901 40.155v74.188h-19.196v-74.292q-0.10376-12.14-5.603-17.95-5.3955-5.8105-16.913-5.8105-9.3384 0-16.394 4.9805-7.0557 4.9805-10.999 13.074v79.999h-19.196v-159.38h19.196v60.699z"/>
+     <path id="path4349" d="m635.43 227.91h-19.196v-112.27h19.196v112.27zm-20.76-142.05q0-4.6692 2.8015-7.8857 2.9053-3.2166 8.5083-3.2166t8.5083 3.2166 2.9053 7.8857q0 4.6692-2.9053 7.782t-8.5083 3.1128-8.5083-3.1128q-2.8015-3.1128-2.8015-7.782z"/>
+     <path id="path4351" d="m684.19 115.64 0.62256 14.111q12.866-16.187 33.618-16.187 35.59 0 35.901 40.155v74.188h-19.196v-74.292q-0.10376-12.14-5.603-17.95-5.3955-5.8105-16.913-5.8105-9.3384 0-16.394 4.9805-7.0557 4.9805-10.999 13.074v79.999h-19.196v-112.27h18.158z"/>
+     <path id="path4353" d="m778.92 170.84q0-26.251 12.14-41.711 12.14-15.564 32.166-15.564 20.544 0 32.062 14.526l0.93384-12.451h17.535v109.57q0 21.79-12.97 34.344-12.866 12.555-34.656 12.555-12.14 0-23.761-5.188t-17.743-14.215l9.9609-11.517q12.347 15.253 30.194 15.253 14.008 0 21.79-7.8857 7.8857-7.8858 7.8857-22.205v-9.6497q-11.517 13.281-31.439 13.281-19.714 0-31.958-15.875-12.14-15.875-12.14-43.268zm19.299 2.179q0 18.988 7.782 29.883 7.782 10.791 21.79 10.791 18.158 0 26.666-16.498v-51.257q-8.8196-16.083-26.459-16.083-14.008 0-21.893 10.895-7.8858 10.895-7.8858 32.269z"/>
+     <path id="path4355" d="m967.98 198.13q0-7.782-5.9143-12.036-5.8106-4.3579-20.441-7.4707-14.526-3.1128-23.138-7.4707-8.5083-4.3579-12.659-10.376-4.0466-6.0181-4.0466-14.319 0-13.8 11.621-23.346 11.725-9.5459 29.883-9.5459 19.092 0 30.92 9.8572 11.932 9.8572 11.932 25.214h-19.299q0-7.8858-6.7444-13.593-6.6406-5.7068-16.809-5.7068-10.48 0-16.394 4.5654-5.9143 4.5654-5.9143 11.932 0 6.9519 5.4993 10.48 5.4993 3.5278 19.818 6.7444 14.423 3.2166 23.346 7.6782 8.9233 4.4617 13.177 10.791 4.3579 6.2256 4.3579 15.253 0 15.045-12.036 24.176-12.036 9.0271-31.232 9.0271-13.489 0-23.865-4.773t-16.29-13.281q-5.8105-8.6121-5.8105-18.573h19.196q0.5188 9.6497 7.6782 15.356 7.2632 5.603 19.092 5.603 10.895 0 17.432-4.3579 6.6406-4.4617 6.6406-11.829z"/>
+     <path id="path4357" d="m1015.2 227.91v-151.07h49.39q24.591 0 36.938 10.168 12.451 10.168 12.451 30.09 0 10.583-6.0181 18.781-6.018 8.0933-16.394 12.555 12.244 3.4241 19.299 13.074 7.1594 9.5459 7.1594 22.827 0 20.337-13.178 31.958t-37.25 11.621h-52.399zm19.922-70.66v54.37h32.892q13.904 0 21.893-7.1594 8.0933-7.2632 8.0933-19.922 0-27.289-29.675-27.289h-33.203zm0-15.979h30.09q13.074 0 20.856-6.5369 7.8858-6.5369 7.8858-17.743 0-12.451-7.2632-18.054-7.2632-5.7068-22.101-5.7068h-29.468v48.041z"/>
+     <path id="path4359" d="m1139.5 170.74q0-16.498 6.4331-29.675 6.5369-13.177 18.054-20.337 11.621-7.1594 26.459-7.1594 22.931 0 37.042 15.875 14.215 15.875 14.215 42.23v1.3489q0 16.394-6.3294 29.468-6.2256 12.97-17.95 20.233-11.621 7.2632-26.77 7.2632-22.827 0-37.042-15.875-14.1-15.88-14.1-42.02v-1.3489zm19.299 2.2827q0 18.677 8.6121 29.987 8.7158 11.31 23.242 11.31 14.63 0 23.242-11.414 8.6121-11.517 8.6121-32.166 0-18.469-8.8196-29.883-8.7158-11.517-23.242-11.517-14.215 0-22.931 11.31-8.7158 11.31-8.7158 32.373z"/>
+     <path id="path4361" d="m1335.1 227.91q-1.6602-3.3203-2.6978-11.829-13.385 13.904-31.958 13.904-16.602 0-27.289-9.3384-10.584-9.4421-10.584-23.865 0-17.535 13.281-27.185 13.385-9.7534 37.561-9.7534h18.677v-8.8196q0-10.065-6.018-15.979-6.0181-6.0181-17.743-6.0181-10.272 0-17.224 5.188-6.9519 5.188-6.9519 12.555h-19.299q0-8.4045 5.9143-16.187 6.0181-7.8858 16.186-12.451 10.272-4.5654 22.516-4.5654 19.403 0 30.402 9.7534 10.998 9.6497 11.414 26.666v51.672q0 15.46 3.9429 24.591v1.6602h-20.129zm-31.854-14.63q9.0271 0 17.12-4.6692 8.0932-4.6692 11.725-12.14v-23.035h-15.045q-35.278 0-35.278 20.648 0 9.0271 6.0181 14.111 6.0181 5.0842 15.46 5.0842z"/>
+     <path id="path4363" d="m1435.8 132.87q-4.3579-0.72632-9.4422-0.72632-18.884 0-25.629 16.083v79.688h-19.196v-112.27h18.677l0.3113 12.97q9.4421-15.045 26.77-15.045 5.603 0 8.5083 1.4526v17.847z"/>
+     <path id="path4365" d="m1448.7 170.84q0-25.836 12.244-41.504 12.244-15.771 32.062-15.771 19.714 0 31.232 13.489v-58.521h19.196v159.38h-17.639l-0.9339-12.036q-11.517 14.111-32.062 14.111-19.507 0-31.854-15.979-12.244-15.979-12.244-41.711v-1.4526zm19.196 2.179q0 19.092 7.8858 29.883 7.8857 10.791 21.79 10.791 18.262 0 26.666-16.394v-51.569q-8.6121-15.875-26.459-15.875-14.111 0-21.997 10.895-7.8858 10.895-7.8858 32.269z"/>
+    </g>
+   </g>
+  </g>
+ </g>
+</svg>
diff --git a/ui-ngx/src/assets/logo_white.svg b/ui-ngx/src/assets/logo_white.svg
new file mode 100644
index 0000000000..52a38c9a3a
--- /dev/null
+++ b/ui-ngx/src/assets/logo_white.svg
@@ -0,0 +1,10 @@
+<svg id="svg2" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="320" width="320" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 320 320.00001">
+ <g id="layer1" transform="translate(0 -732.36)" stroke-width="28">
+  <g id="g5175-6-32" transform="matrix(1.0471 1.0606 -1.0484 1.0619 931.69 -208.55)"></g>
+  <g id="g4241" fill="#fff">
+   <path id="path4278" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m151.13 732.36c-28.363 0-54.915 7.9153-77.613 21.537-6.4723-5.2623-14.605-8.1915-23.067-8.1937a8.7661 8.7661 0 0 0 -0.0035 0c-20.154 0.00073-36.679 16.528-36.678 36.682a8.7661 8.7661 0 0 0 0 0.0106c0.0099 8.4147 2.9267 16.483 8.1033 22.927-13.83 22.83-21.87 49.58-21.87 78.17a8.7661 8.7661 0 1 0 17.531 0c0-24.702 6.7193-47.748 18.378-67.574 4.5663 1.9846 9.4727 3.1496 14.519 3.1573a8.7661 8.7661 0 0 0 0.01241 0c20.155 0.00062 36.683-16.527 36.682-36.682a8.7661 8.7661 0 0 0 0 -0.004c-0.0016-4.9994-1.1387-9.8628-3.0828-14.397 19.717-11.484 42.585-18.095 67.085-18.095a8.7661 8.7661 0 1 0 0 -17.531zm-100.69 30.88c5.9129 0.002 11.191 2.5121 14.836 7.0769a8.7661 8.7661 0 0 0 0.1826 0.21451c2.6715 3.3798 4.1326 7.5531 4.1341 11.863-0.0015 10.677-8.468 19.144-19.144 19.148-4.37-0.008-8.6011-1.5088-12-4.2546a8.7661 8.7661 0 0 0 -0.01241 -0.009c-4.514-3.6331-7.1358-9.0979-7.1442-14.893 0.0025-10.677 8.4701-19.144 19.148-19.146z"/>
+   <path id="path4486-0-9-6-9-7-6-5" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m66.992 835.19c-1.492 1.5583-2.3663 3.7103-2.2576 6.0713 0.0962 2.0447 0.91322 4.0204 2.3372 5.5177 6.8051 6.8559 20.223 20.223 20.223 20.223l11.844-11.83s-12.973-12.961-20.176-20.171c-1.604-1.6325-3.7498-2.3141-6.012-2.3243-2.3583-0.0112-4.4673 0.95389-5.9592 2.5122zm32.147 19.983-36.639 36.639c-3.9751 3.976-3.9751 10.421 0 14.397l18.156 18.156 31.753 31.753 30.478 30.478c3.9758 3.9759 10.422 3.9763 14.398 0l24.791-24.791 37.914-37.914 36.639-36.639c3.9754-3.9764 3.975-10.422-0.00067-14.398l-18.63-18.63-31.75-31.76-30.01-30c-3.976-3.9751-10.421-3.9751-14.397 0l-24.79 24.79-37.91 37.91zm37.911-37.91s-12.973-12.961-20.176-20.171c-1.604-1.6325-3.7498-2.3141-6.012-2.3243-4.7166-0.0226-8.4341 3.8616-8.2169 8.5834 0.0962 2.0447 0.91322 4.0204 2.3372 5.5177 6.8051 6.8559 20.223 20.223 20.223 20.223l11.844-11.83zm69.193 5.2132s12.961-12.973 20.171-20.176c1.6325-1.604 2.3141-3.7498 2.3243-6.012 0.0225-4.7166-3.8616-8.4341-8.5834-8.2169-2.0447 0.0962-4.0204 0.91322-5.5177 2.3372-6.8559 6.8051-20.223 20.223-20.223 20.223l11.83 11.844zm31.753 31.753s12.961-12.973 20.171-20.176c1.6325-1.604 2.314-3.7498 2.3243-6.012 0.0225-4.7166-3.8616-8.4341-8.5834-8.2169-2.0447 0.0962-4.0204 0.91323-5.5177 2.3372-6.8559 6.8051-20.223 20.223-20.223 20.223l11.83 11.844zm-18.009 69.667s12.973 12.961 20.178 20.169c1.604 1.6324 3.7498 2.314 6.012 2.3243 4.7166 0.0225 8.4342-3.8615 8.2169-8.5834l-0.002 0.002c-0.0962-2.0447-0.91415-4.0214-2.3382-5.5186-6.8051-6.8559-20.222-20.222-20.222-20.222l-11.844 11.83zm-37.914 37.914s12.973 12.961 20.178 20.169c1.604 1.6324 3.7498 2.314 6.012 2.3242 4.7166 0.023 8.4342-3.8615 8.2169-8.5834h-0.002c-0.0962-2.0447-0.91323-4.0205-2.3372-5.5177-6.8051-6.8559-20.223-20.223-20.223-20.223l-11.844 11.83zm-69.667-5.6871s-12.961 12.973-20.169 20.178c-1.6324 1.604-2.314 3.7498-2.3243 6.012-0.02251 4.7166 3.8615 8.4342 8.5834 8.2169h-0.0019c2.0447-0.096 4.0204-0.9132 5.5177-2.3373 6.8561-6.8048 20.223-20.223 20.223-20.223l-11.82-11.84zm-31.743-31.74s-12.961 12.973-20.169 20.178c-1.6324 1.604-2.314 3.7498-2.3243 6.012-0.02251 4.7167 3.8615 8.4342 8.5834 8.2169h-0.0019c2.0447-0.0962 4.0204-0.91322 5.5177-2.3372 6.8561-6.8047 20.223-20.223 20.223-20.223l-11.829-11.85zm87.237-90.554c1.6794-1.7064 3.9669-2.6599 6.2971-2.626 1.6628 0.0237 3.253 0.55012 4.5625 1.5097l16.499 12.1c3.2009 2.297 4.1445 6.6589 2.2308 10.312-1.9137 3.6528-6.1234 5.5243-9.9506 4.4227l6.124 23.948c1.1128 4.3517-1.564 8.9677-5.9833 10.317l-44.642 13.631 8.2456 31.883c1.1728 4.3696-1.5017 9.0445-5.9546 10.407s-8.9756-1.1106-10.068-5.5047l-10.282-39.769c-1.1265-4.3556 1.5493-8.9847 5.9759-10.338l44.661-13.637-4.1219-16.118c-2.7634 3.0643-7.2335 3.8084-10.586 1.7615-3.3531-2.0469-4.6144-6.2896-2.9861-10.047l8.1169-19.454c0.43322-1.0376 1.0673-1.9888 1.8624-2.7973z" fill-rule="evenodd"/>
+   <path id="path4278-5" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;text-decoration-style:solid;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none" d="m168.87 1052.4c28.363 0 54.915-7.9155 77.614-21.538 6.4724 5.2624 14.605 8.1917 23.067 8.1939a8.7662 8.7662 0 0 0 0.004 0c20.155-0.0007 36.68-16.528 36.679-36.682a8.7662 8.7662 0 0 0 0 -0.011c-0.01-8.4149-2.9267-16.484-8.1034-22.927 13.825-22.82 21.866-49.572 21.866-78.162a8.7662 8.7662 0 1 0 -17.531 0c0 24.703-6.7194 47.749-18.378 67.575-4.5664-1.9846-9.4728-3.1496-14.519-3.1573a8.7662 8.7662 0 0 0 -0.0124 0c-20.155-0.00062-36.683 16.527-36.682 36.682 0.002 4.9994 1.1387 9.8628 3.0829 14.397-19.717 11.484-42.586 18.095-67.086 18.095a8.7662 8.7662 0 1 0 0 17.531zm100.69-30.875c-5.913 0-11.191-2.5122-14.836-7.0769a8.7662 8.7662 0 0 0 -0.18261 -0.2146c-2.6715-3.3799-4.1327-7.5531-4.1341-11.863 0.002-10.677 8.4681-19.144 19.144-19.148 4.37 0.008 8.6012 1.5088 12 4.2547a8.7662 8.7662 0 0 0 0.0124 0.009c4.5141 3.6332 7.1359 9.098 7.1443 14.893-0.003 10.677-8.4702 19.145-19.148 19.146z"/>
+  </g>
+ </g>
+</svg>
diff --git a/ui-ngx/src/assets/mdi.svg b/ui-ngx/src/assets/mdi.svg
new file mode 100644
index 0000000000..75e8ffea7a
--- /dev/null
+++ b/ui-ngx/src/assets/mdi.svg
@@ -0,0 +1 @@
+<svg><defs><svg id="access-point" viewBox="0 0 24 24"><path d="M4.93,4.93C3.12,6.74 2,9.24 2,12C2,14.76 3.12,17.26 4.93,19.07L6.34,17.66C4.89,16.22 4,14.22 4,12C4,9.79 4.89,7.78 6.34,6.34L4.93,4.93M19.07,4.93L17.66,6.34C19.11,7.78 20,9.79 20,12C20,14.22 19.11,16.22 17.66,17.66L19.07,19.07C20.88,17.26 22,14.76 22,12C22,9.24 20.88,6.74 19.07,4.93M7.76,7.76C6.67,8.85 6,10.35 6,12C6,13.65 6.67,15.15 7.76,16.24L9.17,14.83C8.45,14.11 8,13.11 8,12C8,10.89 8.45,9.89 9.17,9.17L7.76,7.76M16.24,7.76L14.83,9.17C15.55,9.89 16,10.89 16,12C16,13.11 15.55,14.11 14.83,14.83L16.24,16.24C17.33,15.15 18,13.65 18,12C18,10.35 17.33,8.85 16.24,7.76M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg><svg id="access-point-network" viewBox="0 0 24 24"><path d="M4.93,3.93C3.12,5.74 2,8.24 2,11C2,13.76 3.12,16.26 4.93,18.07L6.34,16.66C4.89,15.22 4,13.22 4,11C4,8.79 4.89,6.78 6.34,5.34L4.93,3.93M19.07,3.93L17.66,5.34C19.11,6.78 20,8.79 20,11C20,13.22 19.11,15.22 17.66,16.66L19.07,18.07C20.88,16.26 22,13.76 22,11C22,8.24 20.88,5.74 19.07,3.93M7.76,6.76C6.67,7.85 6,9.35 6,11C6,12.65 6.67,14.15 7.76,15.24L9.17,13.83C8.45,13.11 8,12.11 8,11C8,9.89 8.45,8.89 9.17,8.17L7.76,6.76M16.24,6.76L14.83,8.17C15.55,8.89 16,9.89 16,11C16,12.11 15.55,13.11 14.83,13.83L16.24,15.24C17.33,14.15 18,12.65 18,11C18,9.35 17.33,7.85 16.24,6.76M12,9A2,2 0 0,0 10,11A2,2 0 0,0 12,13A2,2 0 0,0 14,11A2,2 0 0,0 12,9M11,15V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15A1,1 0 0,0 14,19H13V15H11Z" /></svg><svg id="access-point-network-off" viewBox="0 0 24 24"><path d="M14.83,13.83C15.55,13.11 16,12.11 16,11C16,9.89 15.55,8.89 14.83,8.17L16.24,6.76C17.33,7.85 18,9.35 18,11C18,12.65 17.33,14.15 16.24,15.24L14.83,13.83M14,11A2,2 0 0,0 12,9C11.4,9 10.87,9.27 10.5,9.68L13.32,12.5C13.73,12.13 14,11.6 14,11M17.66,16.66L19.07,18.07C20.88,16.26 22,13.76 22,11C22,8.24 20.88,5.74 19.07,3.93L17.66,5.34C19.11,6.78 20,8.79 20,11C20,13.22 19.11,15.22 17.66,16.66M22,21.18V20H20.82L22,21.18M20.27,22L21,22.73L19.73,24L17.73,22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V15.27L8.34,12.61C8.54,13.07 8.82,13.5 9.17,13.83L7.76,15.24C6.67,14.15 6,12.65 6,11C6,10.77 6,10.54 6.04,10.31L4.37,8.64C4.14,9.39 4,10.18 4,11C4,13.22 4.89,15.22 6.34,16.66L4.93,18.07C3.12,16.26 2,13.76 2,11C2,9.61 2.29,8.28 2.81,7.08L1,5.27L2.28,4L3.7,5.42L5.15,6.87L6.63,8.35V8.35L8.17,9.9L10.28,12L11,12.71L18.27,20H18.28L20.28,22H20.27M15.73,20L13,17.27V19H14A1,1 0 0,1 15,20H15.73Z" /></svg><svg id="account" viewBox="0 0 24 24"><path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" /></svg><svg id="account-alert" viewBox="0 0 24 24"><path d="M10,4A4,4 0 0,1 14,8A4,4 0 0,1 10,12A4,4 0 0,1 6,8A4,4 0 0,1 10,4M10,14C14.42,14 18,15.79 18,18V20H2V18C2,15.79 5.58,14 10,14M20,12V7H22V12H20M20,16V14H22V16H20Z" /></svg><svg id="account-alert-outline" viewBox="0 0 24 24"><path d="M20,12V7H22V12H20M20,16V14H22V16H20M10,13C12.67,13 18,14.34 18,17V20H2V17C2,14.34 7.33,13 10,13M10,4A4,4 0 0,1 14,8A4,4 0 0,1 10,12A4,4 0 0,1 6,8A4,4 0 0,1 10,4M10,14.9C7.03,14.9 3.9,16.36 3.9,17V18.1H16.1V17C16.1,16.36 12.97,14.9 10,14.9M10,5.9A2.1,2.1 0 0,0 7.9,8A2.1,2.1 0 0,0 10,10.1A2.1,2.1 0 0,0 12.1,8A2.1,2.1 0 0,0 10,5.9Z" /></svg><svg id="account-arrow-left" viewBox="0 0 24 24"><path d="M18,21L15,18L18,15V17H22V19H18V21M10,4A4,4 0 0,1 14,8A4,4 0 0,1 10,12A4,4 0 0,1 6,8A4,4 0 0,1 10,4M10,14C11.15,14 12.25,14.12 13.24,14.34C12.46,15.35 12,16.62 12,18C12,18.7 12.12,19.37 12.34,20H2V18C2,15.79 5.58,14 10,14Z" /></svg><svg id="account-arrow-left-outline" viewBox="0 0 24 24"><path d="M18,21L15,18L18,15V17H22V19H18V21M13,18C13,18.71 13.15,19.39 13.42,20H2V17C2,14.79 5.58,13 10,13C11,13 11.96,13.09 12.85,13.26C13.68,13.42 14.44,13.64 15.11,13.92C13.83,14.83 13,16.32 13,18M4,17V18H11C11,16.96 11.23,15.97 11.64,15.08L10,15C6.69,15 4,15.9 4,17M10,4A4,4 0 0,1 14,8A4,4 0 0,1 10,12A4,4 0 0,1 6,8A4,4 0 0,1 10,4M10,6A2,2 0 0,0 8,8A2,2 0 0,0 10,10A2,2 0 0,0 12,8A2,2 0 0,0 10,6Z" /></svg><svg id="account-arrow-right" viewBox="0 0 24 24"><path d="M19,21V19H15V17H19V15L22,18L19,21M10,4A4,4 0 0,1 14,8A4,4 0 0,1 10,12A4,4 0 0,1 6,8A4,4 0 0,1 10,4M10,14C11.15,14 12.25,14.12 13.24,14.34C12.46,15.35 12,16.62 12,18C12,18.7 12.12,19.37 12.34,20H2V18C2,15.79 5.58,14 10,14Z" /></svg><svg id="account-arrow-right-outline" viewBox="0 0 24 24"><path d="M19,21V19H15V17H19V15L22,18L19,21M13,18C13,18.71 13.15,19.39 13.42,20H2V17C2,14.79 5.58,13 10,13C11,13 11.96,13.09 12.85,13.26C13.68,13.42 14.44,13.64 15.11,13.92C13.83,14.83 13,16.32 13,18M4,17V18H11C11,16.96 11.23,15.97 11.64,15.08L10,15C6.69,15 4,15.9 4,17M10,4A4,4 0 0,1 14,8A4,4 0 0,1 10,12A4,4 0 0,1 6,8A4,4 0 0,1 10,4M10,6A2,2 0 0,0 8,8A2,2 0 0,0 10,10A2,2 0 0,0 12,8A2,2 0 0,0 10,6Z" /></svg><svg id="account-badge" viewBox="0 0 24 24"><path d="M17,3H14V6H10V3H7A2,2 0 0,0 5,5V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V5A2,2 0 0,0 17,3M12,8A2,2 0 0,1 14,10A2,2 0 0,1 12,12A2,2 0 0,1 10,10A2,2 0 0,1 12,8M16,16H8V15C8,13.67 10.67,13 12,13C13.33,13 16,13.67 16,15V16M13,5H11V1H13V5M16,19H8V18H16V19M12,21H8V20H12V21Z" /></svg><svg id="account-badge-alert" viewBox="0 0 24 24"><path d="M15,3H12V6H8V3H5A2,2 0 0,0 3,5V21A2,2 0 0,0 5,23H15A2,2 0 0,0 17,21V5A2,2 0 0,0 15,3M10,8A2,2 0 0,1 12,10A2,2 0 0,1 10,12A2,2 0 0,1 8,10A2,2 0 0,1 10,8M14,16H6V15C6,13.67 8.67,13 10,13C11.33,13 14,13.67 14,15V16M11,5H9V1H11V5M14,19H6V18H14V19M10,21H6V20H10V21M19,12V7H21V12H19M19,16V14H21V16H19Z" /></svg><svg id="account-badge-alert-outline" viewBox="0 0 24 24"><path d="M15,3H12V5H15V21H5V5H8V3H5A2,2 0 0,0 3,5V21A2,2 0 0,0 5,23H15A2,2 0 0,0 17,21V5A2,2 0 0,0 15,3M10,7A2,2 0 0,1 12,9A2,2 0 0,1 10,11A2,2 0 0,1 8,9A2,2 0 0,1 10,7M14,15H6V14C6,12.67 8.67,12 10,12C11.33,12 14,12.67 14,14V15M14,18H6V17H14V18M10,20H6V19H10V20M11,5H9V1H11V5M19,12V7H21V12H19M19,16V14H21V16H19Z" /></svg><svg id="account-badge-horizontal" viewBox="0 0 24 24"><path d="M22,4H14V7H10V4H2A2,2 0 0,0 0,6V20A2,2 0 0,0 2,22H22A2,2 0 0,0 24,20V6A2,2 0 0,0 22,4M8,9A2,2 0 0,1 10,11A2,2 0 0,1 8,13A2,2 0 0,1 6,11A2,2 0 0,1 8,9M12,17H4V16C4,14.67 6.67,14 8,14C9.33,14 12,14.67 12,16V17M20,18H14V16H20V18M20,14H14V12H20V14M20,10H14V8H20V10M13,6H11V2H13V6Z" /></svg><svg id="account-badge-horizontal-outline" viewBox="0 0 24 24"><path d="M8,9A2,2 0 0,1 10,11A2,2 0 0,1 8,13A2,2 0 0,1 6,11A2,2 0 0,1 8,9M12,17H4V16C4,14.67 6.67,14 8,14C9.33,14 12,14.67 12,16V17M20,8H14V10H20V8M20,12H14V14H20V12M20,16H14V18H20V16M22,4H14V6H22V20H2V6H10V4H2A2,2 0 0,0 0,6V20A2,2 0 0,0 2,22H22A2,2 0 0,0 24,20V6A2,2 0 0,0 22,4M13,6H11V2H13V6Z" /></svg><svg id="account-badge-outline" viewBox="0 0 24 24"><path d="M17,3H14V5H17V21H7V5H10V3H7A2,2 0 0,0 5,5V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V5A2,2 0 0,0 17,3M12,7A2,2 0 0,1 14,9A2,2 0 0,1 12,11A2,2 0 0,1 10,9A2,2 0 0,1 12,7M16,15H8V14C8,12.67 10.67,12 12,12C13.33,12 16,12.67 16,14V15M16,18H8V17H16V18M12,20H8V19H12V20M13,5H11V1H13V5Z" /></svg><svg id="account-box" viewBox="0 0 24 24"><path d="M6,17C6,15 10,13.9 12,13.9C14,13.9 18,15 18,17V18H6M15,9A3,3 0 0,1 12,12A3,3 0 0,1 9,9A3,3 0 0,1 12,6A3,3 0 0,1 15,9M3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5C3.89,3 3,3.9 3,5Z" /></svg><svg id="account-box-multiple" viewBox="0 0 24 24"><path d="M4,6H2V20A2,2 0 0,0 4,22H18V20H4V6M20,2A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H8A2,2 0 0,1 6,16V4A2,2 0 0,1 8,2H20M17,7A3,3 0 0,0 14,4A3,3 0 0,0 11,7A3,3 0 0,0 14,10A3,3 0 0,0 17,7M8,15V16H20V15C20,13 16,11.9 14,11.9C12,11.9 8,13 8,15Z" /></svg><svg id="account-box-outline" viewBox="0 0 24 24"><path d="M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M16.5,16.25C16.5,14.75 13.5,14 12,14C10.5,14 7.5,14.75 7.5,16.25V17H16.5M12,12.25A2.25,2.25 0 0,0 14.25,10A2.25,2.25 0 0,0 12,7.75A2.25,2.25 0 0,0 9.75,10A2.25,2.25 0 0,0 12,12.25Z" /></svg><svg id="account-card-details" viewBox="0 0 24 24"><path d="M2,3H22C23.05,3 24,3.95 24,5V19C24,20.05 23.05,21 22,21H2C0.95,21 0,20.05 0,19V5C0,3.95 0.95,3 2,3M14,6V7H22V6H14M14,8V9H21.5L22,9V8H14M14,10V11H21V10H14M8,13.91C6,13.91 2,15 2,17V18H14V17C14,15 10,13.91 8,13.91M8,6A3,3 0 0,0 5,9A3,3 0 0,0 8,12A3,3 0 0,0 11,9A3,3 0 0,0 8,6Z" /></svg><svg id="account-card-details-outline" viewBox="0 0 24 24"><path d="M22,3H2C0.91,3.04 0.04,3.91 0,5V19C0.04,20.09 0.91,20.96 2,21H22C23.09,20.96 23.96,20.09 24,19V5C23.96,3.91 23.09,3.04 22,3M22,19H2V5H22V19M14,17V15.75C14,14.09 10.66,13.25 9,13.25C7.34,13.25 4,14.09 4,15.75V17H14M9,7A2.5,2.5 0 0,0 6.5,9.5A2.5,2.5 0 0,0 9,12A2.5,2.5 0 0,0 11.5,9.5A2.5,2.5 0 0,0 9,7M14,7V8H20V7H14M14,9V10H20V9H14M14,11V12H18V11H14" /></svg><svg id="account-check" viewBox="0 0 24 24"><path d="M21.1,12.5L22.5,13.91L15.97,20.5L12.5,17L13.9,15.59L15.97,17.67L21.1,12.5M10,17L13,20H3V18C3,15.79 6.58,14 11,14L12.89,14.11L10,17M11,4A4,4 0 0,1 15,8A4,4 0 0,1 11,12A4,4 0 0,1 7,8A4,4 0 0,1 11,4Z" /></svg><svg id="account-check-outline" viewBox="0 0 24 24"><path d="M21.1,12.5L22.5,13.91L15.97,20.5L12.5,17L13.9,15.59L15.97,17.67L21.1,12.5M11,4A4,4 0 0,1 15,8A4,4 0 0,1 11,12A4,4 0 0,1 7,8A4,4 0 0,1 11,4M11,6A2,2 0 0,0 9,8A2,2 0 0,0 11,10A2,2 0 0,0 13,8A2,2 0 0,0 11,6M11,13C11.68,13 12.5,13.09 13.41,13.26L11.74,14.93L11,14.9C8.03,14.9 4.9,16.36 4.9,17V18.1H11.1L13,20H3V17C3,14.34 8.33,13 11,13Z" /></svg><svg id="account-child" viewBox="0 0 24 24"><path d="M12,2A3,3 0 0,1 15,5A3,3 0 0,1 12,8A3,3 0 0,1 9,5A3,3 0 0,1 12,2M12,9C13.63,9 15.12,9.35 16.5,10.05C17.84,10.76 18.5,11.61 18.5,12.61V18.38C18.5,19.5 17.64,20.44 15.89,21.19V19C15.89,18.05 15.03,17.38 13.31,16.97C12.75,16.84 12.31,16.78 12,16.78C11.13,16.78 10.3,16.95 9.54,17.3C8.77,17.64 8.31,18.08 8.16,18.61C9.5,19.14 10.78,19.41 12,19.41L13,19.31V21.94L12,22C10.63,22 9.33,21.72 8.11,21.19C6.36,20.44 5.5,19.5 5.5,18.38V12.61C5.5,11.61 6.16,10.76 7.5,10.05C8.88,9.35 10.38,9 12,9M12,11A2,2 0 0,0 10,13A2,2 0 0,0 12,15A2,2 0 0,0 14,13A2,2 0 0,0 12,11Z" /></svg><svg id="account-child-circle" viewBox="0 0 24 24"><path d="M12,12A1.5,1.5 0 0,1 13.5,13.5A1.5,1.5 0 0,1 12,15A1.5,1.5 0 0,1 10.5,13.5A1.5,1.5 0 0,1 12,12M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,16C12.72,16 13.4,16.15 14.04,16.5C14.68,16.8 15,17.2 15,17.67V19.41C16.34,18.81 17,18.08 17,17.2V12.8C17,12 16.5,11.35 15.45,10.8C14.4,10.26 13.25,10 12,10C10.75,10 9.6,10.26 8.55,10.8C7.5,11.35 7,12 7,12.8V17.2C7,18 7.53,18.69 8.63,19.22C9.72,19.75 10.84,20 12,20L13,19.92V17.91L12,18C11,18 10,17.8 9.05,17.39C9.17,17 9.53,16.69 10.13,16.41C10.72,16.13 11.34,16 12,16M12,4A2.5,2.5 0 0,0 9.5,6.5A2.5,2.5 0 0,0 12,9A2.5,2.5 0 0,0 14.5,6.5A2.5,2.5 0 0,0 12,4Z" /></svg><svg id="account-circle" viewBox="0 0 24 24"><path d="M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z" /></svg><svg id="account-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7.07,18.28C7.5,17.38 10.12,16.5 12,16.5C13.88,16.5 16.5,17.38 16.93,18.28C15.57,19.36 13.86,20 12,20C10.14,20 8.43,19.36 7.07,18.28M18.36,16.83C16.93,15.09 13.46,14.5 12,14.5C10.54,14.5 7.07,15.09 5.64,16.83C4.62,15.5 4,13.82 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,13.82 19.38,15.5 18.36,16.83M12,6C10.06,6 8.5,7.56 8.5,9.5C8.5,11.44 10.06,13 12,13C13.94,13 15.5,11.44 15.5,9.5C15.5,7.56 13.94,6 12,6M12,11A1.5,1.5 0 0,1 10.5,9.5A1.5,1.5 0 0,1 12,8A1.5,1.5 0 0,1 13.5,9.5A1.5,1.5 0 0,1 12,11Z" /></svg><svg id="account-clock" viewBox="0 0 24 24"><path d="M10.63,14.1C12.23,10.58 16.38,9.03 19.9,10.63C23.42,12.23 24.97,16.38 23.37,19.9C22.24,22.4 19.75,24 17,24C14.3,24 11.83,22.44 10.67,20H1V18C1.06,16.86 1.84,15.93 3.34,15.18C4.84,14.43 6.72,14.04 9,14C9.57,14 10.11,14.05 10.63,14.1V14.1M9,4C10.12,4.03 11.06,4.42 11.81,5.17C12.56,5.92 12.93,6.86 12.93,8C12.93,9.14 12.56,10.08 11.81,10.83C11.06,11.58 10.12,11.95 9,11.95C7.88,11.95 6.94,11.58 6.19,10.83C5.44,10.08 5.07,9.14 5.07,8C5.07,6.86 5.44,5.92 6.19,5.17C6.94,4.42 7.88,4.03 9,4M17,22A5,5 0 0,0 22,17A5,5 0 0,0 17,12A5,5 0 0,0 12,17A5,5 0 0,0 17,22M16,14H17.5V16.82L19.94,18.23L19.19,19.53L16,17.69V14Z" /></svg><svg id="account-clock-outline" viewBox="0 0 24 24"><path d="M16,14H17.5V16.82L19.94,18.23L19.19,19.53L16,17.69V14M17,12A5,5 0 0,0 12,17A5,5 0 0,0 17,22A5,5 0 0,0 22,17A5,5 0 0,0 17,12M17,10A7,7 0 0,1 24,17A7,7 0 0,1 17,24C14.21,24 11.8,22.36 10.67,20H1V17C1,14.34 6.33,13 9,13C9.6,13 10.34,13.07 11.12,13.2C12.36,11.28 14.53,10 17,10M10,17C10,16.3 10.1,15.62 10.29,15C9.87,14.93 9.43,14.9 9,14.9C6.03,14.9 2.9,16.36 2.9,17V18.1H10.09C10.03,17.74 10,17.37 10,17M9,4A4,4 0 0,1 13,8A4,4 0 0,1 9,12A4,4 0 0,1 5,8A4,4 0 0,1 9,4M9,5.9A2.1,2.1 0 0,0 6.9,8A2.1,2.1 0 0,0 9,10.1A2.1,2.1 0 0,0 11.1,8A2.1,2.1 0 0,0 9,5.9Z" /></svg><svg id="account-convert" viewBox="0 0 24 24"><path d="M7.5,21.5L8.85,20.16L12.66,23.97L12,24C5.71,24 0.56,19.16 0.05,13H1.55C1.91,16.76 4.25,19.94 7.5,21.5M16.5,2.5L15.15,3.84L11.34,0.03L12,0C18.29,0 23.44,4.84 23.95,11H22.45C22.09,7.24 19.75,4.07 16.5,2.5M6,17C6,15 10,13.9 12,13.9C14,13.9 18,15 18,17V18H6V17M15,9A3,3 0 0,1 12,12A3,3 0 0,1 9,9A3,3 0 0,1 12,6A3,3 0 0,1 15,9Z" /></svg><svg id="account-details" viewBox="0 0 24 24"><path d="M7.5,15C8.63,15 9.82,15.26 11.09,15.77C12.35,16.29 13,16.95 13,17.77V20H2V17.77C2,16.95 2.65,16.29 3.91,15.77C5.18,15.26 6.38,15 7.5,15M13,13H22V15H13V13M13,9H22V11H13V9M13,5H22V7H13V5M7.5,8A2.5,2.5 0 0,1 10,10.5A2.5,2.5 0 0,1 7.5,13A2.5,2.5 0 0,1 5,10.5A2.5,2.5 0 0,1 7.5,8Z" /></svg><svg id="account-edit" viewBox="0 0 24 24"><path d="M21.7,13.35L20.7,14.35L18.65,12.3L19.65,11.3C19.86,11.09 20.21,11.09 20.42,11.3L21.7,12.58C21.91,12.79 21.91,13.14 21.7,13.35M12,18.94L18.06,12.88L20.11,14.93L14.06,21H12V18.94M12,14C7.58,14 4,15.79 4,18V20H10V18.11L14,14.11C13.34,14.03 12.67,14 12,14M12,4A4,4 0 0,0 8,8A4,4 0 0,0 12,12A4,4 0 0,0 16,8A4,4 0 0,0 12,4Z" /></svg><svg id="account-group" viewBox="0 0 24 24"><path d="M12,5.5A3.5,3.5 0 0,1 15.5,9A3.5,3.5 0 0,1 12,12.5A3.5,3.5 0 0,1 8.5,9A3.5,3.5 0 0,1 12,5.5M5,8C5.56,8 6.08,8.15 6.53,8.42C6.38,9.85 6.8,11.27 7.66,12.38C7.16,13.34 6.16,14 5,14A3,3 0 0,1 2,11A3,3 0 0,1 5,8M19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14C17.84,14 16.84,13.34 16.34,12.38C17.2,11.27 17.62,9.85 17.47,8.42C17.92,8.15 18.44,8 19,8M5.5,18.25C5.5,16.18 8.41,14.5 12,14.5C15.59,14.5 18.5,16.18 18.5,18.25V20H5.5V18.25M0,20V18.5C0,17.11 1.89,15.94 4.45,15.6C3.86,16.28 3.5,17.22 3.5,18.25V20H0M24,20H20.5V18.25C20.5,17.22 20.14,16.28 19.55,15.6C22.11,15.94 24,17.11 24,18.5V20Z" /></svg><svg id="account-group-outline" viewBox="0 0 24 24"><path d="M12,5A3.5,3.5 0 0,0 8.5,8.5A3.5,3.5 0 0,0 12,12A3.5,3.5 0 0,0 15.5,8.5A3.5,3.5 0 0,0 12,5M12,7A1.5,1.5 0 0,1 13.5,8.5A1.5,1.5 0 0,1 12,10A1.5,1.5 0 0,1 10.5,8.5A1.5,1.5 0 0,1 12,7M5.5,8A2.5,2.5 0 0,0 3,10.5C3,11.44 3.53,12.25 4.29,12.68C4.65,12.88 5.06,13 5.5,13C5.94,13 6.35,12.88 6.71,12.68C7.08,12.47 7.39,12.17 7.62,11.81C6.89,10.86 6.5,9.7 6.5,8.5C6.5,8.41 6.5,8.31 6.5,8.22C6.2,8.08 5.86,8 5.5,8M18.5,8C18.14,8 17.8,8.08 17.5,8.22C17.5,8.31 17.5,8.41 17.5,8.5C17.5,9.7 17.11,10.86 16.38,11.81C16.5,12 16.63,12.15 16.78,12.3C16.94,12.45 17.1,12.58 17.29,12.68C17.65,12.88 18.06,13 18.5,13C18.94,13 19.35,12.88 19.71,12.68C20.47,12.25 21,11.44 21,10.5A2.5,2.5 0 0,0 18.5,8M12,14C9.66,14 5,15.17 5,17.5V19H19V17.5C19,15.17 14.34,14 12,14M4.71,14.55C2.78,14.78 0,15.76 0,17.5V19H3V17.07C3,16.06 3.69,15.22 4.71,14.55M19.29,14.55C20.31,15.22 21,16.06 21,17.07V19H24V17.5C24,15.76 21.22,14.78 19.29,14.55M12,16C13.53,16 15.24,16.5 16.23,17H7.77C8.76,16.5 10.47,16 12,16Z" /></svg><svg id="account-heart" viewBox="0 0 24 24"><path d="M15,14C12.3,14 7,15.3 7,18V20H23V18C23,15.3 17.7,14 15,14M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12M5,15L4.4,14.5C2.4,12.6 1,11.4 1,9.9C1,8.7 2,7.7 3.2,7.7C3.9,7.7 4.6,8 5,8.5C5.4,8 6.1,7.7 6.8,7.7C8,7.7 9,8.6 9,9.9C9,11.4 7.6,12.6 5.6,14.5L5,15Z" /></svg><svg id="account-heart-outline" viewBox="0 0 24 24"><path d="M5,15L4.4,14.5C2.4,12.6 1,11.4 1,9.9C1,8.7 2,7.7 3.2,7.7C3.9,7.7 4.6,8 5,8.5C5.4,8 6.1,7.7 6.8,7.7C8,7.7 9,8.6 9,9.9C9,11.4 7.6,12.6 5.6,14.5L5,15M15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4M15,10.1A2.1,2.1 0 0,1 12.9,8A2.1,2.1 0 0,1 15,5.9C16.16,5.9 17.1,6.84 17.1,8C17.1,9.16 16.16,10.1 15,10.1M15,13C12.33,13 7,14.33 7,17V20H23V17C23,14.33 17.67,13 15,13M21.1,18.1H8.9V17C8.9,16.36 12,14.9 15,14.9C17.97,14.9 21.1,16.36 21.1,17V18.1Z" /></svg><svg id="account-key" viewBox="0 0 24 24"><path d="M11,10V12H10V14H8V12H5.83C5.42,13.17 4.31,14 3,14A3,3 0 0,1 0,11A3,3 0 0,1 3,8C4.31,8 5.42,8.83 5.83,10H11M3,10A1,1 0 0,0 2,11A1,1 0 0,0 3,12A1,1 0 0,0 4,11A1,1 0 0,0 3,10M16,14C18.67,14 24,15.34 24,18V20H8V18C8,15.34 13.33,14 16,14M16,12A4,4 0 0,1 12,8A4,4 0 0,1 16,4A4,4 0 0,1 20,8A4,4 0 0,1 16,12Z" /></svg><svg id="account-key-outline" viewBox="0 0 24 24"><path d="M5.83,10C5.42,8.83 4.31,8 3,8A3,3 0 0,0 0,11A3,3 0 0,0 3,14C4.31,14 5.42,13.17 5.83,12H8V14H10V12H11V10H5.83M3,12A1,1 0 0,1 2,11A1,1 0 0,1 3,10A1,1 0 0,1 4,11A1,1 0 0,1 3,12M16,4A4,4 0 0,0 12,8A4,4 0 0,0 16,12A4,4 0 0,0 20,8A4,4 0 0,0 16,4M16,10.1A2.1,2.1 0 0,1 13.9,8A2.1,2.1 0 0,1 16,5.9C17.16,5.9 18.1,6.84 18.1,8C18.1,9.16 17.16,10.1 16,10.1M16,13C13.33,13 8,14.33 8,17V20H24V17C24,14.33 18.67,13 16,13M22.1,18.1H9.9V17C9.9,16.36 13,14.9 16,14.9C18.97,14.9 22.1,16.36 22.1,17V18.1Z" /></svg><svg id="account-minus" viewBox="0 0 24 24"><path d="M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M1,10V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z" /></svg><svg id="account-minus-outline" viewBox="0 0 24 24"><path d="M15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4M15,5.9C16.16,5.9 17.1,6.84 17.1,8C17.1,9.16 16.16,10.1 15,10.1A2.1,2.1 0 0,1 12.9,8A2.1,2.1 0 0,1 15,5.9M1,10V12H9V10H1M15,13C12.33,13 7,14.33 7,17V20H23V17C23,14.33 17.67,13 15,13M15,14.9C17.97,14.9 21.1,16.36 21.1,17V18.1H8.9V17C8.9,16.36 12,14.9 15,14.9Z" /></svg><svg id="account-multiple" viewBox="0 0 24 24"><path d="M16,13C15.71,13 15.38,13 15.03,13.05C16.19,13.89 17,15 17,16.5V19H23V16.5C23,14.17 18.33,13 16,13M8,13C5.67,13 1,14.17 1,16.5V19H15V16.5C15,14.17 10.33,13 8,13M8,11A3,3 0 0,0 11,8A3,3 0 0,0 8,5A3,3 0 0,0 5,8A3,3 0 0,0 8,11M16,11A3,3 0 0,0 19,8A3,3 0 0,0 16,5A3,3 0 0,0 13,8A3,3 0 0,0 16,11Z" /></svg><svg id="account-multiple-check" viewBox="0 0 24 24"><path d="M22.59,7.92L23.75,9.33L19,14.08L16.25,11.08L17.41,9.92L19,11.5L22.59,7.92M6,5A3,3 0 0,1 9,8A3,3 0 0,1 6,11A3,3 0 0,1 3,8A3,3 0 0,1 6,5M11,5A3,3 0 0,1 14,8A3,3 0 0,1 11,11C10.68,11 10.37,10.95 10.08,10.85C10.65,10.04 11,9.06 11,8C11,6.94 10.65,5.95 10.08,5.14C10.37,5.05 10.68,5 11,5M6,13C8,13 12,14 12,16V18H0V16C0,14 4,13 6,13M12.62,13.16C14.63,13.5 17,14.46 17,16V18H14V16C14,14.82 13.45,13.88 12.62,13.16Z" /></svg><svg id="account-multiple-minus" viewBox="0 0 24 24"><path d="M13,13C11,13 7,14 7,16V18H19V16C19,14 15,13 13,13M19.62,13.16C20.45,13.88 21,14.82 21,16V18H24V16C24,14.46 21.63,13.5 19.62,13.16M13,11A3,3 0 0,0 16,8A3,3 0 0,0 13,5A3,3 0 0,0 10,8A3,3 0 0,0 13,11M18,11A3,3 0 0,0 21,8A3,3 0 0,0 18,5C17.68,5 17.37,5.05 17.08,5.14C17.65,5.95 18,6.94 18,8C18,9.06 17.65,10.04 17.08,10.85C17.37,10.95 17.68,11 18,11M8,10H0V12H8V10Z" /></svg><svg id="account-multiple-minus-outline" viewBox="0 0 24 24"><path d="M13,13.75C10.66,13.75 7,14.92 7,17.25V19H19V17.25C19,14.92 15.34,13.75 13,13.75M9.34,17C10.18,16.42 11.21,15.75 13,15.75C14.79,15.75 15.82,16.42 16.66,17M13,5A3.5,3.5 0 0,0 9.5,8.5A3.5,3.5 0 0,0 13,12A3.5,3.5 0 0,0 16.5,8.5A3.5,3.5 0 0,0 13,5M13,10A1.5,1.5 0 0,1 11.5,8.5A1.5,1.5 0 0,1 13,7A1.5,1.5 0 0,1 14.5,8.5A1.5,1.5 0 0,1 13,10M19,13.81C20.16,14.65 20.96,15.77 20.96,17.25V19H24V17.25C24,15.23 21.46,14.08 19,13.81M21,8.5A3.5,3.5 0 0,1 17.5,12C17.42,12 17.34,12 17.26,11.97C18.04,11.03 18.5,9.82 18.5,8.5C18.5,7.18 18.04,5.97 17.26,5.03C17.34,5 17.42,5 17.5,5A3.5,3.5 0 0,1 21,8.5M0,11H8V13H0" /></svg><svg id="account-multiple-outline" viewBox="0 0 24 24"><path d="M9,13.75C6.66,13.75 2,14.92 2,17.25V19H16V17.25C16,14.92 11.34,13.75 9,13.75M4.34,17C5.18,16.42 7.21,15.75 9,15.75C10.79,15.75 12.82,16.42 13.66,17M9,12A3.5,3.5 0 0,0 12.5,8.5A3.5,3.5 0 0,0 9,5A3.5,3.5 0 0,0 5.5,8.5A3.5,3.5 0 0,0 9,12M9,7A1.5,1.5 0 0,1 10.5,8.5A1.5,1.5 0 0,1 9,10A1.5,1.5 0 0,1 7.5,8.5A1.5,1.5 0 0,1 9,7M16.04,13.81C17.2,14.65 18,15.77 18,17.25V19H22V17.25C22,15.23 18.5,14.08 16.04,13.81M15,12A3.5,3.5 0 0,0 18.5,8.5A3.5,3.5 0 0,0 15,5C14.46,5 13.96,5.13 13.5,5.35C14.13,6.24 14.5,7.33 14.5,8.5C14.5,9.67 14.13,10.76 13.5,11.65C13.96,11.87 14.46,12 15,12Z" /></svg><svg id="account-multiple-plus" viewBox="0 0 24 24"><path d="M13,13C11,13 7,14 7,16V18H19V16C19,14 15,13 13,13M19.62,13.16C20.45,13.88 21,14.82 21,16V18H24V16C24,14.46 21.63,13.5 19.62,13.16M13,11A3,3 0 0,0 16,8A3,3 0 0,0 13,5A3,3 0 0,0 10,8A3,3 0 0,0 13,11M18,11A3,3 0 0,0 21,8A3,3 0 0,0 18,5C17.68,5 17.37,5.05 17.08,5.14C17.65,5.95 18,6.94 18,8C18,9.06 17.65,10.04 17.08,10.85C17.37,10.95 17.68,11 18,11M8,10H5V7H3V10H0V12H3V15H5V12H8V10Z" /></svg><svg id="account-multiple-plus-outline" viewBox="0 0 24 24"><path d="M13,12A3.5,3.5 0 0,0 16.5,8.5A3.5,3.5 0 0,0 13,5A3.5,3.5 0 0,0 9.5,8.5A3.5,3.5 0 0,0 13,12M13,7A1.5,1.5 0 0,1 14.5,8.5A1.5,1.5 0 0,1 13,10A1.5,1.5 0 0,1 11.5,8.5A1.5,1.5 0 0,1 13,7M17.26,11.97C18.04,11.03 18.5,9.82 18.5,8.5C18.5,7.18 18.04,5.97 17.26,5.03C17.34,5 17.42,5 17.5,5A3.5,3.5 0 0,1 21,8.5A3.5,3.5 0 0,1 17.5,12C17.42,12 17.34,12 17.26,11.97M5,13V16H3V13H0V11H3V8H5V11H8V13M24,17.25V19H20.96V17.25C20.96,15.77 20.16,14.65 19,13.81C21.46,14.08 24,15.23 24,17.25M13,13.75C10.66,13.75 7,14.92 7,17.25V19H19V17.25C19,14.92 15.34,13.75 13,13.75M9.34,17C10.18,16.42 11.21,15.75 13,15.75C14.79,15.75 15.82,16.42 16.66,17" /></svg><svg id="account-network" viewBox="0 0 24 24"><path d="M13,17V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H5V15.5C5,13.57 8.13,12 12,12C15.87,12 19,13.57 19,15.5V17H13M12,3A3.5,3.5 0 0,1 15.5,6.5A3.5,3.5 0 0,1 12,10A3.5,3.5 0 0,1 8.5,6.5A3.5,3.5 0 0,1 12,3Z" /></svg><svg id="account-network-outline" viewBox="0 0 24 24"><path d="M12,10A3.5,3.5 0 0,0 15.5,6.5A3.5,3.5 0 0,0 12,3A3.5,3.5 0 0,0 8.5,6.5A3.5,3.5 0 0,0 12,10M12,5A1.5,1.5 0 0,1 13.5,6.5A1.5,1.5 0 0,1 12,8A1.5,1.5 0 0,1 10.5,6.5A1.5,1.5 0 0,1 12,5M15,20A1,1 0 0,0 14,19H13V17H19V15.5C19,13.57 15.87,12 12,12C8.13,12 5,13.57 5,15.5V17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7.61,15C8.39,14.53 9.89,14 12,14C14.11,14 15.61,14.53 16.39,15H7.61Z" /></svg><svg id="account-off" viewBox="0 0 24 24"><path d="M12,4A4,4 0 0,1 16,8C16,9.95 14.6,11.58 12.75,11.93L8.07,7.25C8.42,5.4 10.05,4 12,4M12.28,14L18.28,20L20,21.72L18.73,23L15.73,20H4V18C4,16.16 6.5,14.61 9.87,14.14L2.78,7.05L4.05,5.78L12.28,14M20,18V19.18L15.14,14.32C18,14.93 20,16.35 20,18Z" /></svg><svg id="account-off-outline" viewBox="0 0 24 24"><path d="M2.75,7L4.03,5.75L13.26,15L20,21.72L18.73,23L15.73,20H4V17C4,15.14 6.61,13.92 9.09,13.36L2.75,7M20,17V19.18L18.1,17.28V17C18.1,16.74 17.6,16.35 16.8,16L14,13.18C16.71,13.63 20,14.91 20,17M5.9,17V18.1H13.83L10.72,15C8.19,15.3 5.9,16.45 5.9,17M12,4A4,4 0 0,1 16,8C16,9.95 14.6,11.58 12.75,11.93L8.07,7.25C8.42,5.4 10.05,4 12,4M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6Z" /></svg><svg id="account-outline" viewBox="0 0 24 24"><path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M12,13C14.67,13 20,14.33 20,17V20H4V17C4,14.33 9.33,13 12,13M12,14.9C9.03,14.9 5.9,16.36 5.9,17V18.1H18.1V17C18.1,16.36 14.97,14.9 12,14.9Z" /></svg><svg id="account-plus" viewBox="0 0 24 24"><path d="M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z" /></svg><svg id="account-plus-outline" viewBox="0 0 24 24"><path d="M15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4M15,5.9C16.16,5.9 17.1,6.84 17.1,8C17.1,9.16 16.16,10.1 15,10.1A2.1,2.1 0 0,1 12.9,8A2.1,2.1 0 0,1 15,5.9M4,7V10H1V12H4V15H6V12H9V10H6V7H4M15,13C12.33,13 7,14.33 7,17V20H23V17C23,14.33 17.67,13 15,13M15,14.9C17.97,14.9 21.1,16.36 21.1,17V18.1H8.9V17C8.9,16.36 12,14.9 15,14.9Z" /></svg><svg id="account-question" viewBox="0 0 24 24"><path d="M13,8A4,4 0 0,1 9,12A4,4 0 0,1 5,8A4,4 0 0,1 9,4A4,4 0 0,1 13,8M17,18V20H1V18C1,15.79 4.58,14 9,14C13.42,14 17,15.79 17,18M20.5,14.5V16H19V14.5H20.5M18.5,9.5H17V9A3,3 0 0,1 20,6A3,3 0 0,1 23,9C23,9.97 22.5,10.88 21.71,11.41L21.41,11.6C20.84,12 20.5,12.61 20.5,13.3V13.5H19V13.3C19,12.11 19.6,11 20.59,10.35L20.88,10.16C21.27,9.9 21.5,9.47 21.5,9A1.5,1.5 0 0,0 20,7.5A1.5,1.5 0 0,0 18.5,9V9.5Z" /></svg><svg id="account-question-outline" viewBox="0 0 24 24"><path d="M20.5,14.5V16H19V14.5H20.5M18.5,9.5H17V9A3,3 0 0,1 20,6A3,3 0 0,1 23,9C23,9.97 22.5,10.88 21.71,11.41L21.41,11.6C20.84,12 20.5,12.61 20.5,13.3V13.5H19V13.3C19,12.11 19.6,11 20.59,10.35L20.88,10.16C21.27,9.9 21.5,9.47 21.5,9A1.5,1.5 0 0,0 20,7.5A1.5,1.5 0 0,0 18.5,9V9.5M9,13C11.67,13 17,14.34 17,17V20H1V17C1,14.34 6.33,13 9,13M9,4A4,4 0 0,1 13,8A4,4 0 0,1 9,12A4,4 0 0,1 5,8A4,4 0 0,1 9,4M9,14.9C6.03,14.9 2.9,16.36 2.9,17V18.1H15.1V17C15.1,16.36 11.97,14.9 9,14.9M9,5.9A2.1,2.1 0 0,0 6.9,8A2.1,2.1 0 0,0 9,10.1A2.1,2.1 0 0,0 11.1,8A2.1,2.1 0 0,0 9,5.9Z" /></svg><svg id="account-remove" viewBox="0 0 24 24"><path d="M15,14C17.67,14 23,15.33 23,18V20H7V18C7,15.33 12.33,14 15,14M15,12A4,4 0 0,1 11,8A4,4 0 0,1 15,4A4,4 0 0,1 19,8A4,4 0 0,1 15,12M5,9.59L7.12,7.46L8.54,8.88L6.41,11L8.54,13.12L7.12,14.54L5,12.41L2.88,14.54L1.46,13.12L3.59,11L1.46,8.88L2.88,7.46L5,9.59Z" /></svg><svg id="account-remove-outline" viewBox="0 0 24 24"><path d="M1.46,8.88L2.88,7.46L5,9.59L7.12,7.46L8.54,8.88L6.41,11L8.54,13.12L7.12,14.54L5,12.41L2.88,14.54L1.46,13.12L3.59,11L1.46,8.88M15,4A4,4 0 0,1 19,8A4,4 0 0,1 15,12A4,4 0 0,1 11,8A4,4 0 0,1 15,4M15,5.9A2.1,2.1 0 0,0 12.9,8A2.1,2.1 0 0,0 15,10.1C16.16,10.1 17.1,9.16 17.1,8C17.1,6.84 16.16,5.9 15,5.9M15,13C17.67,13 23,14.33 23,17V20H7V17C7,14.33 12.33,13 15,13M15,14.9C12,14.9 8.9,16.36 8.9,17V18.1H21.1V17C21.1,16.36 17.97,14.9 15,14.9Z" /></svg><svg id="account-search" viewBox="0 0 24 24"><path d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M10,4A4,4 0 0,1 14,8C14,8.91 13.69,9.75 13.18,10.43C12.32,10.75 11.55,11.26 10.91,11.9L10,12A4,4 0 0,1 6,8A4,4 0 0,1 10,4M2,20V18C2,15.88 5.31,14.14 9.5,14C9.18,14.78 9,15.62 9,16.5C9,17.79 9.38,19 10,20H2Z" /></svg><svg id="account-search-outline" viewBox="0 0 24 24"><path d="M10,13C9.65,13.59 9.36,14.24 9.19,14.93C6.5,15.16 3.9,16.42 3.9,17V18.1H9.2C9.37,18.78 9.65,19.42 10,20H2V17C2,14.34 7.33,13 10,13M10,4A4,4 0 0,1 14,8C14,8.91 13.69,9.75 13.18,10.43C12.32,10.75 11.55,11.26 10.91,11.9L10,12A4,4 0 0,1 6,8A4,4 0 0,1 10,4M10,5.9A2.1,2.1 0 0,0 7.9,8A2.1,2.1 0 0,0 10,10.1A2.1,2.1 0 0,0 12.1,8A2.1,2.1 0 0,0 10,5.9M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14Z" /></svg><svg id="account-settings" viewBox="0 0 24 24"><path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22Z" /></svg><svg id="account-star" viewBox="0 0 24 24"><path d="M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12M5,13.28L7.45,14.77L6.8,11.96L9,10.08L6.11,9.83L5,7.19L3.87,9.83L1,10.08L3.18,11.96L2.5,14.77L5,13.28Z" /></svg><svg id="account-star-outline" viewBox="0 0 24 24"><path d="M15,4A4,4 0 0,1 19,8A4,4 0 0,1 15,12A4,4 0 0,1 11,8A4,4 0 0,1 15,4M15,5.9A2.1,2.1 0 0,0 12.9,8A2.1,2.1 0 0,0 15,10.1C16.16,10.1 17.1,9.16 17.1,8C17.1,6.84 16.16,5.9 15,5.9M15,13C17.67,13 23,14.33 23,17V20H7V17C7,14.33 12.33,13 15,13M15,14.9C12,14.9 8.9,16.36 8.9,17V18.1H21.1V17C21.1,16.36 17.97,14.9 15,14.9M5,13.28L2.5,14.77L3.18,11.96L1,10.08L3.87,9.83L5,7.19L6.11,9.83L9,10.08L6.8,11.96L7.45,14.77L5,13.28Z" /></svg><svg id="account-supervisor" viewBox="0 0 24 24"><path d="M16.5,12A2.5,2.5 0 0,0 19,9.5A2.5,2.5 0 0,0 16.5,7A2.5,2.5 0 0,0 14,9.5A2.5,2.5 0 0,0 16.5,12M9,11A3,3 0 0,0 12,8A3,3 0 0,0 9,5A3,3 0 0,0 6,8A3,3 0 0,0 9,11M16.5,14C14.67,14 11,14.92 11,16.75V19H22V16.75C22,14.92 18.33,14 16.5,14M9,13C6.67,13 2,14.17 2,16.5V19H9V16.75C9,15.9 9.33,14.41 11.37,13.28C10.5,13.1 9.66,13 9,13Z" /></svg><svg id="account-supervisor-circle" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M15.6,8.34C16.67,8.34 17.53,9.2 17.53,10.27C17.53,11.34 16.67,12.2 15.6,12.2A1.93,1.93 0 0,1 13.67,10.27C13.66,9.2 14.53,8.34 15.6,8.34M9.6,6.76C10.9,6.76 11.96,7.82 11.96,9.12C11.96,10.42 10.9,11.5 9.6,11.5C8.3,11.5 7.24,10.42 7.24,9.12C7.24,7.81 8.29,6.76 9.6,6.76M9.6,15.89V19.64C7.2,18.89 5.3,17.04 4.46,14.68C5.5,13.56 8.13,13 9.6,13C10.13,13 10.8,13.07 11.5,13.21C9.86,14.08 9.6,15.23 9.6,15.89M12,20C11.72,20 11.46,20 11.2,19.96V15.89C11.2,14.47 14.14,13.76 15.6,13.76C16.67,13.76 18.5,14.15 19.44,14.91C18.27,17.88 15.38,20 12,20Z" /></svg><svg id="account-switch" viewBox="0 0 24 24"><path d="M16,9C18.33,9 23,10.17 23,12.5V15H17V12.5C17,11 16.19,9.89 15.04,9.05L16,9M8,9C10.33,9 15,10.17 15,12.5V15H1V12.5C1,10.17 5.67,9 8,9M8,7A3,3 0 0,1 5,4A3,3 0 0,1 8,1A3,3 0 0,1 11,4A3,3 0 0,1 8,7M16,7A3,3 0 0,1 13,4A3,3 0 0,1 16,1A3,3 0 0,1 19,4A3,3 0 0,1 16,7M9,16.75V19H15V16.75L18.25,20L15,23.25V21H9V23.25L5.75,20L9,16.75Z" /></svg><svg id="account-tie" viewBox="0 0 24 24"><path d="M12,3A4,4 0 0,1 16,7A4,4 0 0,1 12,11A4,4 0 0,1 8,7A4,4 0 0,1 12,3M16,13.54C16,14.6 15.72,17.07 13.81,19.83L13,15L13.94,13.12C13.32,13.05 12.67,13 12,13C11.33,13 10.68,13.05 10.06,13.12L11,15L10.19,19.83C8.28,17.07 8,14.6 8,13.54C5.61,14.24 4,15.5 4,17V21H10L11.09,21H12.91L14,21H20V17C20,15.5 18.4,14.24 16,13.54Z" /></svg><svg id="accusoft" viewBox="0 0 24 24"><path d="M17.5,15.61C17.33,15.37 9.53,5.4 9.27,5.08C9,4.75 9.08,4.65 9.13,4.59C9.22,4.5 9.36,4.5 9.93,4.5C10.26,4.5 13.59,4.5 13.94,4.47C14.66,4.47 14.78,4.53 14.85,4.56C14.93,4.58 15.13,4.75 15.26,4.92C15.33,5 22.32,13.36 22.39,13.45C22.46,13.54 22.59,13.69 22.67,13.84C22.76,14 22.77,14.18 22.64,14.25C22.56,14.3 18.7,15.89 18.59,15.93C18.5,16 18.27,16.06 18.11,16.04C18,16 17.77,15.92 17.5,15.61M21.47,15.42L21.75,15.47C21.75,15.47 22.68,15.65 22.77,15.67C22.87,15.69 22.96,15.76 22.95,15.79C22.94,15.87 22.9,15.91 22.83,15.95C22.77,16 18.58,18.58 18.5,18.62C18.43,18.66 18.33,18.72 18.11,18.75C17.7,18.83 16.91,18.61 16.66,18.56C16.41,18.5 6.15,16.23 6.06,16.2C5.97,16.17 5.91,16.16 5.9,16.08C5.89,15.94 6.11,15.88 6.28,15.81C6.46,15.75 11.28,14 11.45,13.93C11.62,13.86 11.84,13.84 11.95,13.83C12.06,13.82 12.73,13.93 13.03,13.97C13.34,14 14.2,14.15 14.2,14.15L16.16,16.7C16.5,17.09 16.72,17.25 17,17.28C17.15,17.29 17.31,17.25 17.42,17.2C17.5,17.16 21.47,15.42 21.47,15.42M10.25,9.18L11.96,11.37L12,11.45V11.5C11.96,11.54 8.93,14.32 8.91,14.35L5.72,15.5C5.72,15.5 5.63,15.55 5.58,15.58C5.53,15.61 5.47,15.67 5.5,15.82C5.5,15.87 5.5,16.59 5.5,16.79L1.56,18.04C1.37,18.1 1,18.23 0.95,18.19C0.88,18.14 0.97,18.03 1,17.97C1.06,17.91 9.08,10 9.39,9.7C9.84,9.24 10.25,9.18 10.25,9.18" /></svg><svg id="adchoices" viewBox="0 0 24 24"><path d="M9,9A1,1 0 0,1 10,10A1,1 0 0,1 9,11A1,1 0 0,1 8,10A1,1 0 0,1 9,9M5,2C7,3 20,10.25 20,10.25C20,10.25 21.46,11.06 21.25,12.25C21.09,13.18 19.5,14 19.5,14L10.5,19C10.5,19 8,20 8,18V13C8,13 8,12 9,12C10,12 10,13 10,13V16.5L16.5,13C16.5,13 17.31,12.65 17.31,12.15C17.31,11.65 16,11 16,11L6,5C6,5 4.5,4 4.5,6V18C4.5,18 4.53,19.42 5.46,18.94C6.79,18.25 7.11,18.43 7.44,19.1C7.96,20.17 6.96,20.71 6.96,20.71L4,22.25C4,22.25 2,23 2,21V4C2,1 5,2 5,2Z" /></svg><svg id="adjust" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9A3,3 0 0,1 15,12Z" /></svg><svg id="adobe" viewBox="0 0 24 24"><path d="M14.58,3H22V19.67L14.58,3M9.42,3H2V19.67L9.42,3M12,9.17L16.67,19.67H13.5L12.17,16.33H8.75L12,9.17Z" /></svg><svg id="air-conditioner" viewBox="0 0 24 24"><path d="M6.59,0.66C8.93,-1.15 11.47,1.06 12.04,4.5C12.47,4.5 12.89,4.62 13.27,4.84C13.79,4.24 14.25,3.42 14.07,2.5C13.65,0.35 16.06,-1.39 18.35,1.58C20.16,3.92 17.95,6.46 14.5,7.03C14.5,7.46 14.39,7.89 14.16,8.27C14.76,8.78 15.58,9.24 16.5,9.06C18.63,8.64 20.38,11.04 17.41,13.34C15.07,15.15 12.53,12.94 11.96,9.5C11.53,9.5 11.11,9.37 10.74,9.15C10.22,9.75 9.75,10.58 9.93,11.5C10.35,13.64 7.94,15.39 5.65,12.42C3.83,10.07 6.05,7.53 9.5,6.97C9.5,6.54 9.63,6.12 9.85,5.74C9.25,5.23 8.43,4.76 7.5,4.94C5.37,5.36 3.62,2.96 6.59,0.66M5,16H7A2,2 0 0,1 9,18V24H7V22H5V24H3V18A2,2 0 0,1 5,16M5,18V20H7V18H5M12.93,16H15L12.07,24H10L12.93,16M18,16H21V18H18V22H21V24H18A2,2 0 0,1 16,22V18A2,2 0 0,1 18,16Z" /></svg><svg id="air-filter" viewBox="0 0 24 24"><path d="M19,18.31V20A2,2 0 0,1 17,22H7A2,2 0 0,1 5,20V16.3C4.54,16.12 3.95,16 3,16A1,1 0 0,1 2,15A1,1 0 0,1 3,14C3.82,14 4.47,14.08 5,14.21V12.3C4.54,12.12 3.95,12 3,12A1,1 0 0,1 2,11A1,1 0 0,1 3,10C3.82,10 4.47,10.08 5,10.21V8.3C4.54,8.12 3.95,8 3,8A1,1 0 0,1 2,7A1,1 0 0,1 3,6C3.82,6 4.47,6.08 5,6.21V4A2,2 0 0,1 7,2H17A2,2 0 0,1 19,4V6.16C20.78,6.47 21.54,7.13 21.71,7.29C22.1,7.68 22.1,8.32 21.71,8.71C21.32,9.1 20.8,9.09 20.29,8.71V8.71C20.29,8.71 19.25,8 17,8C15.74,8 14.91,8.41 13.95,8.9C12.91,9.41 11.74,10 10,10C9.64,10 9.31,10 9,9.96V7.95C9.3,8 9.63,8 10,8C11.26,8 12.09,7.59 13.05,7.11C14.09,6.59 15.27,6 17,6V4H7V20H17V18C18.5,18 18.97,18.29 19,18.31M17,10C15.27,10 14.09,10.59 13.05,11.11C12.09,11.59 11.26,12 10,12C9.63,12 9.3,12 9,11.95V13.96C9.31,14 9.64,14 10,14C11.74,14 12.91,13.41 13.95,12.9C14.91,12.42 15.74,12 17,12C19.25,12 20.29,12.71 20.29,12.71V12.71C20.8,13.1 21.32,13.1 21.71,12.71C22.1,12.32 22.1,11.69 21.71,11.29C21.5,11.08 20.25,10 17,10M17,14C15.27,14 14.09,14.59 13.05,15.11C12.09,15.59 11.26,16 10,16C9.63,16 9.3,16 9,15.95V17.96C9.31,18 9.64,18 10,18C11.74,18 12.91,17.41 13.95,16.9C14.91,16.42 15.74,16 17,16C19.25,16 20.29,16.71 20.29,16.71V16.71C20.8,17.1 21.32,17.1 21.71,16.71C22.1,16.32 22.1,15.69 21.71,15.29C21.5,15.08 20.25,14 17,14Z" /></svg><svg id="air-horn" viewBox="0 0 24 24"><path d="M19,2.8V6L19,9.2C19,9.5 18.7,9.8 18.4,9.7C18.4,9.7 14.5,7.1 10,7.1V9.5H10.2C10.7,9.5 11.2,9.7 11.4,10.1L12.7,11.9C12.9,12.1 13,12.4 13,12.6V20.6C13,21.3 12.3,22 11.5,22H6.5C5.7,22 5,21.4 5,20.6V12.6C5,12.3 5.1,12.1 5.3,11.9L6.6,10.1C6.9,9.7 7.3,9.5 7.8,9.5H8V8C7.6,8.5 7,8.8 6.4,8.8C5.1,8.8 4,7.5 4,6C4,4.5 5.1,3.2 6.4,3.2C7,3.3 7.6,3.6 8,4V2.6H10V5C14.5,5 18.4,2.4 18.4,2.4C18.7,2.3 19,2.5 19,2.8Z" /></svg><svg id="air-purifier" viewBox="0 0 24 24"><path d="M11,9A4,4 0 0,1 15,13A4,4 0 0,1 11,17A4,4 0 0,1 7,13A4,4 0 0,1 11,9M11,11A2,2 0 0,0 9,13A2,2 0 0,0 11,15A2,2 0 0,0 13,13A2,2 0 0,0 11,11M7,4H14A4,4 0 0,1 18,8V9H16V8A2,2 0 0,0 14,6H7A2,2 0 0,0 5,8V20H16V18H18V22H3V8A4,4 0 0,1 7,4M16,11C18.5,11 18.5,9 21,9V11C18.5,11 18.5,13 16,13V11M16,15C18.5,15 18.5,13 21,13V15C18.5,15 18.5,17 16,17V15Z" /></svg><svg id="airbag" viewBox="0 0 24 24"><path d="M14,8A5,5 0 0,1 9,13A5,5 0 0,1 4,8A5,5 0 0,1 9,3A5,5 0 0,1 14,8M10.46,15.55L13,18.03L11,18.05L7.5,21.58L6,20.09L10.46,15.55M17,2C18.08,2 19,2.88 19,4C19,5.08 18.12,6 17,6C15.92,6 15,5.12 15,4C15,2.92 15.89,2 17,2M14.41,15H11.59L17.29,20.71L18.71,19.29L14.41,15M15.12,14.29L19.41,18.59L19.63,18.8C19.86,18.42 20,18 20,17.5V9.5A2.5,2.5 0 0,0 17.5,7A2.5,2.5 0 0,0 15,9.5V14.17L15.12,14.29Z" /></svg><svg id="airballoon" viewBox="0 0 24 24"><path d="M11,23A2,2 0 0,1 9,21V19H15V21A2,2 0 0,1 13,23H11M12,1C12.71,1 13.39,1.09 14.05,1.26C15.22,2.83 16,5.71 16,9C16,11.28 15.62,13.37 15,16A2,2 0 0,1 13,18H11A2,2 0 0,1 9,16C8.38,13.37 8,11.28 8,9C8,5.71 8.78,2.83 9.95,1.26C10.61,1.09 11.29,1 12,1M20,8C20,11.18 18.15,15.92 15.46,17.21C16.41,15.39 17,11.83 17,9C17,6.17 16.41,3.61 15.46,1.79C18.15,3.08 20,4.82 20,8M4,8C4,4.82 5.85,3.08 8.54,1.79C7.59,3.61 7,6.17 7,9C7,11.83 7.59,15.39 8.54,17.21C5.85,15.92 4,11.18 4,8Z" /></svg><svg id="airplane" viewBox="0 0 24 24"><path d="M21,16V14L13,9V3.5A1.5,1.5 0 0,0 11.5,2A1.5,1.5 0 0,0 10,3.5V9L2,14V16L10,13.5V19L8,20.5V22L11.5,21L15,22V20.5L13,19V13.5L21,16Z" /></svg><svg id="airplane-landing" viewBox="0 0 24 24"><path d="M2.5,19H21.5V21H2.5V19M9.68,13.27L14.03,14.43L19.34,15.85C20.14,16.06 20.96,15.59 21.18,14.79C21.39,14 20.92,13.17 20.12,12.95L14.81,11.53L12.05,2.5L10.12,2V10.28L5.15,8.95L4.22,6.63L2.77,6.24V11.41L4.37,11.84L9.68,13.27Z" /></svg><svg id="airplane-off" viewBox="0 0 24 24"><path d="M3.15,5.27L8.13,10.26L2.15,14V16L10.15,13.5V19L8.15,20.5V22L11.65,21L15.15,22V20.5L13.15,19V15.27L18.87,21L20.15,19.73L4.42,4M13.15,9V3.5A1.5,1.5 0 0,0 11.65,2A1.5,1.5 0 0,0 10.15,3.5V7.18L17.97,15L21.15,16V14L13.15,9Z" /></svg><svg id="airplane-takeoff" viewBox="0 0 24 24"><path d="M2.5,19H21.5V21H2.5V19M22.07,9.64C21.86,8.84 21.03,8.36 20.23,8.58L14.92,10L8,3.57L6.09,4.08L10.23,11.25L5.26,12.58L3.29,11.04L1.84,11.43L3.66,14.59L4.43,15.92L6.03,15.5L11.34,14.07L15.69,12.91L21,11.5C21.81,11.26 22.28,10.44 22.07,9.64Z" /></svg><svg id="airplay" viewBox="0 0 24 24"><path d="M6,22H18L12,16M21,3H3A2,2 0 0,0 1,5V17A2,2 0 0,0 3,19H7V17H3V5H21V17H17V19H21A2,2 0 0,0 23,17V5A2,2 0 0,0 21,3Z" /></svg><svg id="airport" viewBox="0 0 24 24"><path d="M14.97,5.92C14.83,5.41 14.3,5.1 13.79,5.24L10.39,6.15L5.95,2.03L4.72,2.36L7.38,6.95L4.19,7.8L2.93,6.82L2,7.07L3.66,9.95L14.28,7.11C14.8,6.96 15.1,6.43 14.97,5.92M21,10L20,12H15L14,10L15,9H17V7H18V9H20L21,10M22,20V22H2V20H15V13H20V20H22Z" /></svg><svg id="alarm" viewBox="0 0 24 24"><path d="M12,20A7,7 0 0,1 5,13A7,7 0 0,1 12,6A7,7 0 0,1 19,13A7,7 0 0,1 12,20M12,4A9,9 0 0,0 3,13A9,9 0 0,0 12,22A9,9 0 0,0 21,13A9,9 0 0,0 12,4M12.5,8H11V14L15.75,16.85L16.5,15.62L12.5,13.25V8M7.88,3.39L6.6,1.86L2,5.71L3.29,7.24L7.88,3.39M22,5.72L17.4,1.86L16.11,3.39L20.71,7.25L22,5.72Z" /></svg><svg id="alarm-bell" viewBox="0 0 24 24"><path d="M15,18.66V22H5V18.66C8.09,20.45 11.91,20.45 15,18.66M22,4A2,2 0 0,0 20,2C19.69,2 19.39,2.07 19.12,2.21C18.82,2.36 18.56,2.58 18.36,2.85C17.72,3.75 17.94,5 18.85,5.64C19.18,5.87 19.59,6 20,6C20.08,6 20.16,6 20.24,6C21.97,10.43 20.66,15.46 17,18.5C16.68,18.75 16.35,19 16,19.22V21H17V19.74C20.14,17.5 22,13.86 22,10C22,8.5 21.72,7 21.17,5.62C21.69,5.24 22,4.64 22,4M18,10A8,8 0 0,1 10,18A8,8 0 0,1 2,10A8,8 0 0,1 10,2A8,8 0 0,1 18,10Z" /></svg><svg id="alarm-check" viewBox="0 0 24 24"><path d="M10.54,14.53L8.41,12.4L7.35,13.46L10.53,16.64L16.53,10.64L15.47,9.58L10.54,14.53M12,20A7,7 0 0,1 5,13A7,7 0 0,1 12,6A7,7 0 0,1 19,13A7,7 0 0,1 12,20M12,4A9,9 0 0,0 3,13A9,9 0 0,0 12,22A9,9 0 0,0 21,13A9,9 0 0,0 12,4M7.88,3.39L6.6,1.86L2,5.71L3.29,7.24L7.88,3.39M22,5.72L17.4,1.86L16.11,3.39L20.71,7.25L22,5.72Z" /></svg><svg id="alarm-light" viewBox="0 0 24 24"><path d="M6,6.9L3.87,4.78L5.28,3.37L7.4,5.5L6,6.9M13,1V4H11V1H13M20.13,4.78L18,6.9L16.6,5.5L18.72,3.37L20.13,4.78M4.5,10.5V12.5H1.5V10.5H4.5M19.5,10.5H22.5V12.5H19.5V10.5M6,20H18A2,2 0 0,1 20,22H4A2,2 0 0,1 6,20M12,5A6,6 0 0,1 18,11V19H6V11A6,6 0 0,1 12,5Z" /></svg><svg id="alarm-light-outline" viewBox="0 0 24 24"><path d="M6,6.9L3.87,4.78L5.28,3.37L7.4,5.5L6,6.9M13,1V4H11V1H13M20.13,4.78L18,6.9L16.6,5.5L18.72,3.37L20.13,4.78M4.5,10.5V12.5H1.5V10.5H4.5M19.5,10.5H22.5V12.5H19.5V10.5M6,20H18A2,2 0 0,1 20,22H4A2,2 0 0,1 6,20M12,5A6,6 0 0,1 18,11V19H6V11A6,6 0 0,1 12,5M12,7A4,4 0 0,0 8,11V17H16V11A4,4 0 0,0 12,7Z" /></svg><svg id="alarm-multiple" viewBox="0 0 24 24"><path d="M9.29,3.25L5.16,6.72L4,5.34L8.14,1.87L9.29,3.25M22,5.35L20.84,6.73L16.7,3.25L17.86,1.87L22,5.35M13,4A8,8 0 0,1 21,12A8,8 0 0,1 13,20A8,8 0 0,1 5,12A8,8 0 0,1 13,4M13,6A6,6 0 0,0 7,12A6,6 0 0,0 13,18A6,6 0 0,0 19,12A6,6 0 0,0 13,6M12,7.5H13.5V12.03L16.72,13.5L16.1,14.86L12,13V7.5M1,14C1,11.5 2.13,9.3 3.91,7.83C3.33,9.1 3,10.5 3,12L3.06,13.13L3,14C3,16.28 4.27,18.26 6.14,19.28C7.44,20.5 9.07,21.39 10.89,21.78C10.28,21.92 9.65,22 9,22A8,8 0 0,1 1,14Z" /></svg><svg id="alarm-note" viewBox="0 0 24 24"><path d="M17.4,1.86L16.11,3.39L20.71,7.25L22,5.72L17.4,1.86M6.6,1.86L2,5.71L3.29,7.24L7.88,3.39L6.6,1.86M12,4A9,9 0 0,0 3,13A9,9 0 0,0 12,22C12.33,22 12.67,22 13,21.94V19.94C12.67,20 12.33,20 12,20A7,7 0 0,1 5,13A7,7 0 0,1 12,6C15.1,6 17.83,8.03 18.71,11H20.78C19.85,6.9 16.2,4 12,4M23,15H20V20.5A2.5,2.5 0 0,1 17.5,23A2.5,2.5 0 0,1 15,20.5A2.5,2.5 0 0,1 17.5,18C18.04,18 18.57,18.18 19,18.5V13H23V15M11.5,8V13.25L7.5,15.62L8.25,16.85L13,14V8H11.5Z" /></svg><svg id="alarm-note-off" viewBox="0 0 24 24"><path d="M19,13V15.8L20,16.8V15H23V13H19M2.38,1.73L1.11,3L3,4.88L2,5.71L3.29,7.24L4.41,6.3L5.21,7.1C1.95,10.85 2.35,16.54 6.11,19.8C7.74,21.22 9.83,22 12,22C12.33,22 12.67,22 13,21.94V19.94C12.67,20 12.33,20 12,20A7,7 0 0,1 5,13C5,11.36 5.57,9.77 6.63,8.5L11.41,13.3L7.5,15.62L8.25,16.85L12.44,14.33L16.38,18.27C15.14,18.88 14.64,20.38 15.25,21.62C15.86,22.86 17.36,23.36 18.6,22.75C19.09,22.5 19.5,22.11 19.73,21.62L20.84,22.73L22.11,21.46L2.38,1.73M12,6C15.1,6 17.83,8.03 18.71,11H20.78C19.85,6.9 16.2,4 12,4C10.65,4 9.31,4.3 8.1,4.9L9.62,6.42C10.38,6.14 11.19,6 12,6M11.5,8.3L13,9.8V8H11.5V8.3M7.88,3.39L6.6,1.86L5.76,2.56L7.18,4L7.88,3.39M17.4,1.86L16.11,3.39L20.71,7.25L22,5.72L17.4,1.86Z" /></svg><svg id="alarm-off" viewBox="0 0 24 24"><path d="M8,3.28L6.6,1.86L5.74,2.57L7.16,4M16.47,18.39C15.26,19.39 13.7,20 12,20A7,7 0 0,1 5,13C5,11.3 5.61,9.74 6.61,8.53M2.92,2.29L1.65,3.57L3,4.9L1.87,5.83L3.29,7.25L4.4,6.31L5.2,7.11C3.83,8.69 3,10.75 3,13A9,9 0 0,0 12,22C14.25,22 16.31,21.17 17.89,19.8L20.09,22L21.36,20.73L3.89,3.27L2.92,2.29M22,5.72L17.4,1.86L16.11,3.39L20.71,7.25L22,5.72M12,6A7,7 0 0,1 19,13C19,13.84 18.84,14.65 18.57,15.4L20.09,16.92C20.67,15.73 21,14.41 21,13A9,9 0 0,0 12,4C10.59,4 9.27,4.33 8.08,4.91L9.6,6.43C10.35,6.16 11.16,6 12,6Z" /></svg><svg id="alarm-plus" viewBox="0 0 24 24"><path d="M13,9H11V12H8V14H11V17H13V14H16V12H13M12,20A7,7 0 0,1 5,13A7,7 0 0,1 12,6A7,7 0 0,1 19,13A7,7 0 0,1 12,20M12,4A9,9 0 0,0 3,13A9,9 0 0,0 12,22A9,9 0 0,0 21,13A9,9 0 0,0 12,4M22,5.72L17.4,1.86L16.11,3.39L20.71,7.25M7.88,3.39L6.6,1.86L2,5.71L3.29,7.24L7.88,3.39Z" /></svg><svg id="alarm-snooze" viewBox="0 0 24 24"><path d="M7.88,3.39L6.6,1.86L2,5.71L3.29,7.24L7.88,3.39M22,5.72L17.4,1.86L16.11,3.39L20.71,7.25L22,5.72M12,4A9,9 0 0,0 3,13A9,9 0 0,0 12,22A9,9 0 0,0 21,13A9,9 0 0,0 12,4M12,20A7,7 0 0,1 5,13A7,7 0 0,1 12,6A7,7 0 0,1 19,13A7,7 0 0,1 12,20M9,11H12.63L9,15.2V17H15V15H11.37L15,10.8V9H9V11Z" /></svg><svg id="album" viewBox="0 0 24 24"><path d="M12,11A1,1 0 0,0 11,12A1,1 0 0,0 12,13A1,1 0 0,0 13,12A1,1 0 0,0 12,11M12,16.5C9.5,16.5 7.5,14.5 7.5,12C7.5,9.5 9.5,7.5 12,7.5C14.5,7.5 16.5,9.5 16.5,12C16.5,14.5 14.5,16.5 12,16.5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="alert" viewBox="0 0 24 24"><path d="M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z" /></svg><svg id="alert-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M13,13V7H11V13H13M13,17V15H11V17H13Z" /></svg><svg id="alert-box-outline" viewBox="0 0 24 24"><path d="M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M11,15H13V17H11V15M11,7H13V13H11V7" /></svg><svg id="alert-circle" viewBox="0 0 24 24"><path d="M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="alert-circle-outline" viewBox="0 0 24 24"><path d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z" /></svg><svg id="alert-decagram" viewBox="0 0 24 24"><path d="M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z" /></svg><svg id="alert-decagram-outline" viewBox="0 0 24 24"><path d="M23,12L20.56,14.78L20.9,18.46L17.29,19.28L15.4,22.46L12,21L8.6,22.47L6.71,19.29L3.1,18.47L3.44,14.78L1,12L3.44,9.21L3.1,5.53L6.71,4.72L8.6,1.54L12,3L15.4,1.54L17.29,4.72L20.9,5.54L20.56,9.22L23,12M20.33,12L18.5,9.89L18.74,7.1L16,6.5L14.58,4.07L12,5.18L9.42,4.07L8,6.5L5.26,7.09L5.5,9.88L3.67,12L5.5,14.1L5.26,16.9L8,17.5L9.42,19.93L12,18.81L14.58,19.92L16,17.5L18.74,16.89L18.5,14.1L20.33,12M11,15H13V17H11V15M11,7H13V13H11V7" /></svg><svg id="alert-octagon" viewBox="0 0 24 24"><path d="M13,13H11V7H13M12,17.3A1.3,1.3 0 0,1 10.7,16A1.3,1.3 0 0,1 12,14.7A1.3,1.3 0 0,1 13.3,16A1.3,1.3 0 0,1 12,17.3M15.73,3H8.27L3,8.27V15.73L8.27,21H15.73L21,15.73V8.27L15.73,3Z" /></svg><svg id="alert-octagon-outline" viewBox="0 0 24 24"><path d="M8.27,3L3,8.27V15.73L8.27,21H15.73C17.5,19.24 21,15.73 21,15.73V8.27L15.73,3M9.1,5H14.9L19,9.1V14.9L14.9,19H9.1L5,14.9V9.1M11,15H13V17H11V15M11,7H13V13H11V7" /></svg><svg id="alert-octagram" viewBox="0 0 24 24"><path d="M2.2,16.06L3.88,12L2.2,7.94L6.26,6.26L7.94,2.2L12,3.88L16.06,2.2L17.74,6.26L21.8,7.94L20.12,12L21.8,16.06L17.74,17.74L16.06,21.8L12,20.12L7.94,21.8L6.26,17.74L2.2,16.06M13,17V15H11V17H13M13,13V7H11V13H13Z" /></svg><svg id="alert-octagram-outline" viewBox="0 0 24 24"><path d="M2.2,16.06L3.88,12L2.2,7.94L6.26,6.26L7.94,2.2L12,3.88L16.06,2.2L17.74,6.26L21.8,7.94L20.12,12L21.8,16.06L17.74,17.74L16.06,21.8L12,20.12L7.94,21.8L6.26,17.74L2.2,16.06M4.81,9L6.05,12L4.81,15L7.79,16.21L9,19.19L12,17.95L15,19.19L16.21,16.21L19.19,15L17.95,12L19.19,9L16.21,7.79L15,4.81L12,6.05L9,4.81L7.79,7.79L4.81,9M11,15H13V17H11V15M11,7H13V13H11V7" /></svg><svg id="alert-outline" viewBox="0 0 24 24"><path d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16" /></svg><svg id="alien" viewBox="0 0 24 24"><path d="M12,3C16.97,3 21,6.58 21,11C21,15.42 15,21 12,21C9,21 3,15.42 3,11C3,6.58 7.03,3 12,3M10.31,10.93C9.29,9.29 7.47,8.58 6.25,9.34C5.03,10.1 4.87,12.05 5.89,13.69C6.92,15.33 8.74,16.04 9.96,15.28C11.18,14.5 11.33,12.57 10.31,10.93M13.69,10.93C12.67,12.57 12.82,14.5 14.04,15.28C15.26,16.04 17.08,15.33 18.11,13.69C19.13,12.05 18.97,10.1 17.75,9.34C16.53,8.58 14.71,9.29 13.69,10.93M12,17.75C10,17.75 9.5,17 9.5,17C9.5,17.03 10,19 12,19C14,19 14.5,17 14.5,17C14.5,17 14,17.75 12,17.75Z" /></svg><svg id="all-inclusive" viewBox="0 0 24 24"><path d="M18.6,6.62C17.16,6.62 15.8,7.18 14.83,8.15L7.8,14.39C7.16,15.03 6.31,15.38 5.4,15.38C3.53,15.38 2,13.87 2,12C2,10.13 3.53,8.62 5.4,8.62C6.31,8.62 7.16,8.97 7.84,9.65L8.97,10.65L10.5,9.31L9.22,8.2C8.2,7.18 6.84,6.62 5.4,6.62C2.42,6.62 0,9.04 0,12C0,14.96 2.42,17.38 5.4,17.38C6.84,17.38 8.2,16.82 9.17,15.85L16.2,9.61C16.84,8.97 17.69,8.62 18.6,8.62C20.47,8.62 22,10.13 22,12C22,13.87 20.47,15.38 18.6,15.38C17.7,15.38 16.84,15.03 16.16,14.35L15,13.34L13.5,14.68L14.78,15.8C15.8,16.81 17.15,17.37 18.6,17.37C21.58,17.37 24,14.96 24,12C24,9 21.58,6.62 18.6,6.62Z" /></svg><svg id="alpha" viewBox="0 0 24 24"><path d="M18.08,17.8C17.62,17.93 17.21,18 16.85,18C15.65,18 14.84,17.12 14.43,15.35H14.38C13.39,17.26 12,18.21 10.25,18.21C8.94,18.21 7.89,17.72 7.1,16.73C6.31,15.74 5.92,14.5 5.92,13C5.92,11.25 6.37,9.85 7.26,8.76C8.15,7.67 9.36,7.12 10.89,7.12C11.71,7.12 12.45,7.35 13.09,7.8C13.73,8.26 14.22,8.9 14.56,9.73H14.6L15.31,7.33H17.87L15.73,12.65C15.97,13.89 16.22,14.74 16.5,15.19C16.74,15.64 17.08,15.87 17.5,15.87C17.74,15.87 17.93,15.83 18.1,15.76L18.08,17.8M13.82,12.56C13.61,11.43 13.27,10.55 12.81,9.95C12.36,9.34 11.81,9.04 11.18,9.04C10.36,9.04 9.7,9.41 9.21,10.14C8.72,10.88 8.5,11.79 8.5,12.86C8.5,13.84 8.69,14.65 9.12,15.31C9.54,15.97 10.11,16.29 10.82,16.29C11.42,16.29 11.97,16 12.46,15.45C12.96,14.88 13.37,14.05 13.7,12.96L13.82,12.56Z" /></svg><svg id="alpha-a" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V17H11V13H13V17H15V9A2,2 0 0,0 13,7H11M11,9H13V11H11V9Z" /></svg><svg id="alpha-a-box" viewBox="0 0 24 24"><path d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M11,7A2,2 0 0,0 9,9V17H11V13H13V17H15V9A2,2 0 0,0 13,7H11M11,9H13V11H11V9Z" /></svg><svg id="alpha-a-box-outline" viewBox="0 0 24 24"><path d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M5,5V19H19V5H5M11,7H13A2,2 0 0,1 15,9V17H13V13H11V17H9V9A2,2 0 0,1 11,7M11,9V11H13V9H11Z" /></svg><svg id="alpha-a-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,7A2,2 0 0,0 9,9V17H11V13H13V17H15V9A2,2 0 0,0 13,7H11M11,9H13V11H11V9Z" /></svg><svg id="alpha-a-circle-outline" viewBox="0 0 24 24"><path d="M11,7H13A2,2 0 0,1 15,9V17H13V13H11V17H9V9A2,2 0 0,1 11,7M11,9V11H13V9H11M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="alpha-b" viewBox="0 0 24 24"><path d="M15,10.5V9A2,2 0 0,0 13,7H9V17H13A2,2 0 0,0 15,15V13.5C15,12.7 14.3,12 13.5,12C14.3,12 15,11.3 15,10.5M13,15H11V13H13V15M13,11H11V9H13V11Z" /></svg><svg id="alpha-b-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M15,10.5V9A2,2 0 0,0 13,7H9V17H13A2,2 0 0,0 15,15V13.5C15,12.7 14.3,12 13.5,12C14.3,12 15,11.3 15,10.5M13,15H11V13H13V15M13,11H11V9H13V11Z" /></svg><svg id="alpha-b-box-outline" viewBox="0 0 24 24"><path d="M15,10.5C15,11.3 14.3,12 13.5,12C14.3,12 15,12.7 15,13.5V15A2,2 0 0,1 13,17H9V7H13A2,2 0 0,1 15,9V10.5M13,15V13H11V15H13M13,11V9H11V11H13M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M5,5V19H19V5H5Z" /></svg><svg id="alpha-b-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M15,10.5V9A2,2 0 0,0 13,7H9V17H13A2,2 0 0,0 15,15V13.5C15,12.7 14.3,12 13.5,12C14.3,12 15,11.3 15,10.5M13,15H11V13H13V15M13,11H11V9H13V11Z" /></svg><svg id="alpha-b-circle-outline" viewBox="0 0 24 24"><path d="M15,10.5C15,11.3 14.3,12 13.5,12C14.3,12 15,12.7 15,13.5V15A2,2 0 0,1 13,17H9V7H13A2,2 0 0,1 15,9V10.5M13,15V13H11V15H13M13,11V9H11V11H13M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-c" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V14H13V15H11V9H13V10H15V9A2,2 0 0,0 13,7H11Z" /></svg><svg id="alpha-c-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V14H13V15H11V9H13V10H15V9A2,2 0 0,0 13,7H11Z" /></svg><svg id="alpha-c-box-outline" viewBox="0 0 24 24"><path d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M5,5V19H19V5H5M11,7H13A2,2 0 0,1 15,9V10H13V9H11V15H13V14H15V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7Z" /></svg><svg id="alpha-c-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V14H13V15H11V9H13V10H15V9A2,2 0 0,0 13,7H11Z" /></svg><svg id="alpha-c-circle-outline" viewBox="0 0 24 24"><path d="M11,7H13A2,2 0 0,1 15,9V10H13V9H11V15H13V14H15V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-d" viewBox="0 0 24 24"><path d="M9,7V17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H9M11,9H13V15H11V9Z" /></svg><svg id="alpha-d-box" viewBox="0 0 24 24"><path d="M9,7V17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H9M11,9H13V15H11V9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-d-box-outline" viewBox="0 0 24 24"><path d="M9,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17H9V7M11,9V15H13V9H11M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M5,5V19H19V5H5Z" /></svg><svg id="alpha-d-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M9,7V17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H9M11,9H13V15H11V9Z" /></svg><svg id="alpha-d-circle-outline" viewBox="0 0 24 24"><path d="M9,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17H9V7M11,9V15H13V9H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-e" viewBox="0 0 24 24"><path d="M9,7V17H15V15H11V13H15V11H11V9H15V7H9Z" /></svg><svg id="alpha-e-box" viewBox="0 0 24 24"><path d="M9,7V17H15V15H11V13H15V11H11V9H15V7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-e-box-outline" viewBox="0 0 24 24"><path d="M9,7H15V9H11V11H15V13H11V15H15V17H9V7M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M5,5V19H19V5H5Z" /></svg><svg id="alpha-e-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M9,7V17H15V15H11V13H15V11H11V9H15V7H9Z" /></svg><svg id="alpha-e-circle-outline" viewBox="0 0 24 24"><path d="M9,7H15V9H11V11H15V13H11V15H15V17H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-f" viewBox="0 0 24 24"><path d="M9,7V17H11V13H14V11H11V9H15V7H9Z" /></svg><svg id="alpha-f-box" viewBox="0 0 24 24"><path d="M9,7V17H11V13H14V11H11V9H15V7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-f-box-outline" viewBox="0 0 24 24"><path d="M9,7H15V9H11V11H14V13H11V17H9V7M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M5,5V19H19V5H5Z" /></svg><svg id="alpha-f-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M9,7V17H11V13H14V11H11V9H15V7H9Z" /></svg><svg id="alpha-f-circle-outline" viewBox="0 0 24 24"><path d="M9,7H15V9H11V11H14V13H11V17H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-g" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V11H13V15H11V9H15V7H11Z" /></svg><svg id="alpha-g-box" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V11H13V15H11V9H15V7H11M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-g-box-outline" viewBox="0 0 24 24"><path d="M11,7H15V9H11V15H13V11H15V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M5,5V19H19V5H5Z" /></svg><svg id="alpha-g-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V11H13V15H11V9H15V7H11Z" /></svg><svg id="alpha-g-circle-outline" viewBox="0 0 24 24"><path d="M11,7H15V9H11V15H13V11H15V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-h" viewBox="0 0 24 24"><path d="M9,7V17H11V13H13V17H15V7H13V11H11V7H9Z" /></svg><svg id="alpha-h-box" viewBox="0 0 24 24"><path d="M9,7V17H11V13H13V17H15V7H13V11H11V7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-h-box-outline" viewBox="0 0 24 24"><path d="M9,7H11V11H13V7H15V17H13V13H11V17H9V7M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M5,5V19H19V5H5Z" /></svg><svg id="alpha-h-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M9,7V17H11V13H13V17H15V7H13V11H11V7H9Z" /></svg><svg id="alpha-h-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11V11H13V7H15V17H13V13H11V17H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-i" viewBox="0 0 24 24"><path d="M14,7V9H13V15H14V17H10V15H11V9H10V7H14Z" /></svg><svg id="alpha-i-box" viewBox="0 0 24 24"><path d="M14,7H10V9H11V15H10V17H14V15H13V9H14V7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-i-box-outline" viewBox="0 0 24 24"><path d="M14,7V9H13V15H14V17H10V15H11V9H10V7H14M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="alpha-i-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M14,7H10V9H11V15H10V17H14V15H13V9H14V7Z" /></svg><svg id="alpha-i-circle-outline" viewBox="0 0 24 24"><path d="M14,7V9H13V15H14V17H10V15H11V9H10V7H14M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-j" viewBox="0 0 24 24"><path d="M13,7V15H11V14H9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V7H13Z" /></svg><svg id="alpha-j-box" viewBox="0 0 24 24"><path d="M13,7V15H11V14H9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V7H13M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-j-box-outline" viewBox="0 0 24 24"><path d="M13,7H15V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V14H11V15H13V7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="alpha-j-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M13,7V15H11V14H9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V7H13Z" /></svg><svg id="alpha-j-circle-outline" viewBox="0 0 24 24"><path d="M13,7H15V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V14H11V15H13V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-k" viewBox="0 0 24 24"><path d="M9,7V17H11V13.67L13,17H15L12,12L15,7H13L11,10.33V7H9Z" /></svg><svg id="alpha-k-box" viewBox="0 0 24 24"><path d="M9,7V17H11V13.67L13,17H15L12,12L15,7H13L11,10.33V7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-k-box-outline" viewBox="0 0 24 24"><path d="M9,7H11V10.33L13,7H15L12,12L15,17H13L11,13.67V17H9V7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="alpha-k-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M9,7V17H11V13.67L13,17H15L12,12L15,7H13L11,10.33V7H9Z" /></svg><svg id="alpha-k-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11V10.33L13,7H15L12,12L15,17H13L11,13.67V17H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-l" viewBox="0 0 24 24"><path d="M9,7V17H15V15H11V7H9Z" /></svg><svg id="alpha-l-box" viewBox="0 0 24 24"><path d="M9,7V17H15V15H11V7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-l-box-outline" viewBox="0 0 24 24"><path d="M9,7H11V15H15V17H9V7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="alpha-l-circle" viewBox="0 0 24 24"><path d="M9,7V17H15V15H11V7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="alpha-l-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11V15H15V17H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-m" viewBox="0 0 24 24"><path d="M9,7A2,2 0 0,0 7,9V17H9V9H11V16H13V9H15V17H17V9A2,2 0 0,0 15,7H9Z" /></svg><svg id="alpha-m-box" viewBox="0 0 24 24"><path d="M9,7A2,2 0 0,0 7,9V17H9V9H11V16H13V9H15V17H17V9A2,2 0 0,0 15,7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-m-box-outline" viewBox="0 0 24 24"><path d="M9,7H15A2,2 0 0,1 17,9V17H15V9H13V16H11V9H9V17H7V9A2,2 0 0,1 9,7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="alpha-m-circle" viewBox="0 0 24 24"><path d="M9,7A2,2 0 0,0 7,9V17H9V9H11V16H13V9H15V17H17V9A2,2 0 0,0 15,7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="alpha-m-circle-outline" viewBox="0 0 24 24"><path d="M9,7H15A2,2 0 0,1 17,9V17H15V9H13V16H11V9H9V17H7V9A2,2 0 0,1 9,7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-n" viewBox="0 0 24 24"><path d="M9,7V17H11V12L13,17H15V7H13V12L11,7H9Z" /></svg><svg id="alpha-n-box" viewBox="0 0 24 24"><path d="M9,7V17H11V12L13,17H15V7H13V12L11,7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-n-box-outline" viewBox="0 0 24 24"><path d="M9,7H11L13,12V7H15V17H13L11,12V17H9V7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="alpha-n-circle" viewBox="0 0 24 24"><path d="M9,7V17H11V12L13,17H15V7H13V12L11,7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="alpha-n-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11L13,12V7H15V17H13L11,12V17H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-o" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9Z" /></svg><svg id="alpha-o-box" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-o-box-outline" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5M11,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M11,9V15H13V9H11Z" /></svg><svg id="alpha-o-circle" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="alpha-o-circle-outline" viewBox="0 0 24 24"><path d="M11,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M11,9V15H13V9H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-p" viewBox="0 0 24 24"><path d="M9,7V17H11V13H13A2,2 0 0,0 15,11V9A2,2 0 0,0 13,7H9M11,9H13V11H11V9Z" /></svg><svg id="alpha-p-box" viewBox="0 0 24 24"><path d="M9,7V17H11V13H13A2,2 0 0,0 15,11V9A2,2 0 0,0 13,7H9M11,9H13V11H11V9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-p-box-outline" viewBox="0 0 24 24"><path d="M9,7H13A2,2 0 0,1 15,9V11A2,2 0 0,1 13,13H11V17H9V7M11,9V11H13V9H11M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="alpha-p-circle" viewBox="0 0 24 24"><path d="M9,7V17H11V13H13A2,2 0 0,0 15,11V9A2,2 0 0,0 13,7H9M11,9H13V11H11V9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="alpha-p-circle-outline" viewBox="0 0 24 24"><path d="M9,7H13A2,2 0 0,1 15,9V11A2,2 0 0,1 13,13H11V17H9V7M11,9V11H13V9H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-q" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17V19H13V17A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9Z" /></svg><svg id="alpha-q-box" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17V19H13V17A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9M5,4H19A2,2 0 0,1 21,6V20A2,2 0 0,1 19,22H5A2,2 0 0,1 3,20V6A2,2 0 0,1 5,4Z" /></svg><svg id="alpha-q-box-outline" viewBox="0 0 24 24"><path d="M5,4H19A2,2 0 0,1 21,6V20A2,2 0 0,1 19,22H5A2,2 0 0,1 3,20V6A2,2 0 0,1 5,4M5,6V20H19V6H5M11,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17V19H11V17A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M11,9V15H13V9H11Z" /></svg><svg id="alpha-q-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17V19H13V17A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9Z" /></svg><svg id="alpha-q-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M11,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17V19H11V17A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M11,9V15H13V9H11Z" /></svg><svg id="alpha-r" viewBox="0 0 24 24"><path d="M9,7V17H11V13H11.8L13,17H15L13.76,12.85C14.5,12.55 15,11.84 15,11V9A2,2 0 0,0 13,7H9M11,9H13V11H11V9Z" /></svg><svg id="alpha-r-box" viewBox="0 0 24 24"><path d="M9,7V17H11V13H11.8L13,17H15L13.76,12.85C14.5,12.55 15,11.84 15,11V9A2,2 0 0,0 13,7H9M11,9H13V11H11V9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-r-box-outline" viewBox="0 0 24 24"><path d="M9,7H13A2,2 0 0,1 15,9V11C15,11.84 14.5,12.55 13.76,12.85L15,17H13L11.8,13H11V17H9V7M11,9V11H13V9H11M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="alpha-r-circle" viewBox="0 0 24 24"><path d="M9,7V17H11V13H11.8L13,17H15L13.76,12.85C14.5,12.55 15,11.84 15,11V9A2,2 0 0,0 13,7H9M11,9H13V11H11V9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="alpha-r-circle-outline" viewBox="0 0 24 24"><path d="M9,7H13A2,2 0 0,1 15,9V11C15,11.84 14.5,12.55 13.76,12.85L15,17H13L11.8,13H11V17H9V7M11,9V11H13V9H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,16.41 7.58,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-s" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V11A2,2 0 0,0 11,13H13V15H9V17H13A2,2 0 0,0 15,15V13A2,2 0 0,0 13,11H11V9H15V7H11Z" /></svg><svg id="alpha-s-box" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V11A2,2 0 0,0 11,13H13V15H9V17H13A2,2 0 0,0 15,15V13A2,2 0 0,0 13,11H11V9H15V7H11M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-s-box-outline" viewBox="0 0 24 24"><path d="M11,7H15V9H11V11H13A2,2 0 0,1 15,13V15A2,2 0 0,1 13,17H9V15H13V13H11A2,2 0 0,1 9,11V9A2,2 0 0,1 11,7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="alpha-s-circle" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V11A2,2 0 0,0 11,13H13V15H9V17H13A2,2 0 0,0 15,15V13A2,2 0 0,0 13,11H11V9H15V7H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="alpha-s-circle-outline" viewBox="0 0 24 24"><path d="M11,7H15V9H11V11H13A2,2 0 0,1 15,13V15A2,2 0 0,1 13,17H9V15H13V13H11A2,2 0 0,1 9,11V9A2,2 0 0,1 11,7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-t" viewBox="0 0 24 24"><path d="M9,7V9H11V17H13V9H15V7H9Z" /></svg><svg id="alpha-t-box" viewBox="0 0 24 24"><path d="M9,7V9H11V17H13V9H15V7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-t-box-outline" viewBox="0 0 24 24"><path d="M9,7H15V9H13V17H11V9H9V7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="alpha-t-circle" viewBox="0 0 24 24"><path d="M9,7V9H11V17H13V9H15V7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="alpha-t-circle-outline" viewBox="0 0 24 24"><path d="M9,7H15V9H13V17H11V9H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-u" viewBox="0 0 24 24"><path d="M9,7V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V7H13V15H11V7H9Z" /></svg><svg id="alpha-u-box" viewBox="0 0 24 24"><path d="M9,7V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V7H13V15H11V7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-u-box-outline" viewBox="0 0 24 24"><path d="M9,7H11V15H13V7H15V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="alpha-u-circle" viewBox="0 0 24 24"><path d="M9,7V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V7H13V15H11V7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="alpha-u-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11V15H13V7H15V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-v" viewBox="0 0 24 24"><path d="M9,7L11,17H13L15,7H13L12,12L11,7H9Z" /></svg><svg id="alpha-v-box" viewBox="0 0 24 24"><path d="M9,7L11,17H13L15,7H13L12,12L11,7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-v-box-outline" viewBox="0 0 24 24"><path d="M9,7H11L12,12L13,7H15L13,17H11L9,7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="alpha-v-circle" viewBox="0 0 24 24"><path d="M9,7L11,17H13L15,7H13L12,12L11,7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="alpha-v-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11L12,12L13,7H15L13,17H11L9,7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-w" viewBox="0 0 24 24"><path d="M9,17A2,2 0 0,1 7,15V7H9V15H11V8H13V15H15V7H17V15A2,2 0 0,1 15,17H9Z" /></svg><svg id="alpha-w-box" viewBox="0 0 24 24"><path d="M9,17H15A2,2 0 0,0 17,15V7H15V15H13V8H11V15H9V7H7V15A2,2 0 0,0 9,17M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-w-box-outline" viewBox="0 0 24 24"><path d="M9,17A2,2 0 0,1 7,15V7H9V15H11V8H13V15H15V7H17V15A2,2 0 0,1 15,17H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="alpha-w-circle" viewBox="0 0 24 24"><path d="M9,17H15A2,2 0 0,0 17,15V7H15V15H13V8H11V15H9V7H7V15A2,2 0 0,0 9,17M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="alpha-w-circle-outline" viewBox="0 0 24 24"><path d="M9,17A2,2 0 0,1 7,15V7H9V15H11V8H13V15H15V7H17V15A2,2 0 0,1 15,17H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-x" viewBox="0 0 24 24"><path d="M9,7L11,12L9,17H11L12,14.5L13,17H15L13,12L15,7H13L12,9.5L11,7H9Z" /></svg><svg id="alpha-x-box" viewBox="0 0 24 24"><path d="M9,7L11,12L9,17H11L12,14.5L13,17H15L13,12L15,7H13L12,9.5L11,7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-x-box-outline" viewBox="0 0 24 24"><path d="M9,7H11L12,9.5L13,7H15L13,12L15,17H13L12,14.5L11,17H9L11,12L9,7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="alpha-x-circle" viewBox="0 0 24 24"><path d="M9,7L11,12L9,17H11L12,14.5L13,17H15L13,12L15,7H13L12,9.5L11,7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="alpha-x-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11L12,9.5L13,7H15L13,12L15,17H13L12,14.5L11,17H9L11,12L9,7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-y" viewBox="0 0 24 24"><path d="M9,7L11,13V17H13V13L15,7H13L12,10L11,7H9Z" /></svg><svg id="alpha-y-box" viewBox="0 0 24 24"><path d="M9,7L11,13V17H13V13L15,7H13L12,10L11,7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-y-box-outline" viewBox="0 0 24 24"><path d="M9,7H11L12,10L13,7H15L13,13V17H11V13L9,7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="alpha-y-circle" viewBox="0 0 24 24"><path d="M9,7L11,13V17H13V13L15,7H13L12,10L11,7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="alpha-y-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11L12,10L13,7H15L13,13V17H11V13L9,7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alpha-z" viewBox="0 0 24 24"><path d="M9,7V9H13L9,15V17H15V15H11L15,9V7H9Z" /></svg><svg id="alpha-z-box" viewBox="0 0 24 24"><path d="M9,7V9H13L9,15V17H15V15H11L15,9V7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="alpha-z-box-outline" viewBox="0 0 24 24"><path d="M9,7H15V9L11,15H15V17H9V15L13,9H9V7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="alpha-z-circle" viewBox="0 0 24 24"><path d="M9,7V9H13L9,15V17H15V15H11L15,9V7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="alpha-z-circle-outline" viewBox="0 0 24 24"><path d="M9,7H15V9L11,15H15V17H9V15L13,9H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="alphabetical" viewBox="0 0 24 24"><path d="M6,11A2,2 0 0,1 8,13V17H4A2,2 0 0,1 2,15V13A2,2 0 0,1 4,11H6M4,13V15H6V13H4M20,13V15H22V17H20A2,2 0 0,1 18,15V13A2,2 0 0,1 20,11H22V13H20M12,7V11H14A2,2 0 0,1 16,13V15A2,2 0 0,1 14,17H12A2,2 0 0,1 10,15V7H12M12,15H14V13H12V15Z" /></svg><svg id="altimeter" viewBox="0 0 24 24"><path d="M7,3V5H17V3H7M9,7V9H15V7H9M2,7.96V16.04L6.03,12L2,7.96M22.03,7.96L18,12L22.03,16.04V7.96M7,11V13H17V11H7M9,15V17H15V15H9M7,19V21H17V19H7Z" /></svg><svg id="amazon" viewBox="0 0 24 24"><path d="M15.93,17.09C15.75,17.25 15.5,17.26 15.3,17.15C14.41,16.41 14.25,16.07 13.76,15.36C12.29,16.86 11.25,17.31 9.34,17.31C7.09,17.31 5.33,15.92 5.33,13.14C5.33,10.96 6.5,9.5 8.19,8.76C9.65,8.12 11.68,8 13.23,7.83V7.5C13.23,6.84 13.28,6.09 12.9,5.54C12.58,5.05 11.95,4.84 11.4,4.84C10.38,4.84 9.47,5.37 9.25,6.45C9.2,6.69 9,6.93 8.78,6.94L6.18,6.66C5.96,6.61 5.72,6.44 5.78,6.1C6.38,2.95 9.23,2 11.78,2C13.08,2 14.78,2.35 15.81,3.33C17.11,4.55 17,6.18 17,7.95V12.12C17,13.37 17.5,13.93 18,14.6C18.17,14.85 18.21,15.14 18,15.31L15.94,17.09H15.93M13.23,10.56V10C11.29,10 9.24,10.39 9.24,12.67C9.24,13.83 9.85,14.62 10.87,14.62C11.63,14.62 12.3,14.15 12.73,13.4C13.25,12.47 13.23,11.6 13.23,10.56M20.16,19.54C18,21.14 14.82,22 12.1,22C8.29,22 4.85,20.59 2.25,18.24C2.05,18.06 2.23,17.81 2.5,17.95C5.28,19.58 8.75,20.56 12.33,20.56C14.74,20.56 17.4,20.06 19.84,19.03C20.21,18.87 20.5,19.27 20.16,19.54M21.07,18.5C20.79,18.14 19.22,18.33 18.5,18.42C18.31,18.44 18.28,18.26 18.47,18.12C19.71,17.24 21.76,17.5 22,17.79C22.24,18.09 21.93,20.14 20.76,21.11C20.58,21.27 20.41,21.18 20.5,21C20.76,20.33 21.35,18.86 21.07,18.5Z" /></svg><svg id="amazon-alexa" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10.43,21.87V19.91C10.43,19.22 10,18.57 9.35,18.3C6.91,17.26 5.17,14.83 5.17,12C5.17,8.26 8.22,5.17 12,5.17C15.78,5.17 18.83,8.26 18.83,12C18.83,16.43 15.39,20.61 10.43,21.87Z" /></svg><svg id="amazon-drive" viewBox="0 0 24 24"><path d="M4.94,11.12C5.23,11.12 5.5,11.16 5.76,11.23C5.77,9.09 7.5,7.35 9.65,7.35C11.27,7.35 12.67,8.35 13.24,9.77C13.83,9 14.74,8.53 15.76,8.53C17.5,8.53 18.94,9.95 18.94,11.71C18.94,11.95 18.91,12.2 18.86,12.43C19.1,12.34 19.37,12.29 19.65,12.29C20.95,12.29 22,13.35 22,14.65C22,15.95 20.95,17 19.65,17C18.35,17 6.36,17 4.94,17C3.32,17 2,15.68 2,14.06C2,12.43 3.32,11.12 4.94,11.12Z" /></svg><svg id="ambulance" viewBox="0 0 24 24"><path d="M18,18.5A1.5,1.5 0 0,0 19.5,17A1.5,1.5 0 0,0 18,15.5A1.5,1.5 0 0,0 16.5,17A1.5,1.5 0 0,0 18,18.5M19.5,9.5H17V12H21.46L19.5,9.5M6,18.5A1.5,1.5 0 0,0 7.5,17A1.5,1.5 0 0,0 6,15.5A1.5,1.5 0 0,0 4.5,17A1.5,1.5 0 0,0 6,18.5M20,8L23,12V17H21A3,3 0 0,1 18,20A3,3 0 0,1 15,17H9A3,3 0 0,1 6,20A3,3 0 0,1 3,17H1V6C1,4.89 1.89,4 3,4H17V8H20M8,6V9H5V11H8V14H10V11H13V9H10V6H8Z" /></svg><svg id="ammunition" viewBox="0 0 24 24"><path d="M14,22H10V21H14V22M13,10V7H11V10L10,11.5V20H14V11.5L13,10M12,2C12,2 11,3 11,5V6H13V5C13,5 13,3 12,2M8,22H4V21H8V22M7,10V7H5V10L4,11.5V20H8V11.5L7,10M6,2C6,2 5,3 5,5V6H7V5C7,5 7,3 6,2M20,22H16V21H20V22M19,10V7H17V10L16,11.5V20H20V11.5L19,10M18,2C18,2 17,3 17,5V6H19V5C19,5 19,3 18,2Z" /></svg><svg id="ampersand" viewBox="0 0 24 24"><path d="M4.4,16.5C4.4,15.6 4.7,14.7 5.2,13.9C5.7,13.1 6.7,12.2 8.2,11.2C7.3,10.1 6.8,9.3 6.5,8.7C6.1,8 6,7.4 6,6.7C6,5.2 6.4,4.1 7.3,3.2C8.2,2.3 9.4,2 10.9,2C12.2,2 13.3,2.4 14.2,3.2C15.1,4 15.5,5 15.5,6.1C15.5,6.9 15.3,7.6 14.9,8.3C14.5,9 13.8,9.7 12.8,10.4L11.4,11.5L15.7,16.7C16.3,15.5 16.6,14.3 16.6,12.8H18.8C18.8,15.1 18.3,17 17.2,18.5L20,21.8H17L15.7,20.3C15,20.9 14.3,21.3 13.4,21.6C12.5,21.9 11.6,22.1 10.7,22.1C8.8,22.1 7.3,21.6 6.1,20.6C5,19.5 4.4,18.2 4.4,16.5M10.7,20C12,20 13.2,19.5 14.3,18.5L9.6,12.8L9.2,13.1C7.7,14.2 7,15.3 7,16.5C7,17.6 7.3,18.4 8,19C8.7,19.6 9.5,20 10.7,20M8.5,6.7C8.5,7.6 9,8.6 10.1,9.9L11.7,8.8C12.3,8.4 12.7,8 12.9,7.6C13.1,7.2 13.2,6.7 13.2,6.2C13.2,5.6 13,5.1 12.5,4.7C12.1,4.3 11.5,4.1 10.8,4.1C10.1,4.1 9.5,4.3 9.1,4.8C8.7,5.3 8.5,5.9 8.5,6.7Z" /></svg><svg id="amplifier" viewBox="0 0 24 24"><path d="M10,2H14A1,1 0 0,1 15,3H21V21H19A1,1 0 0,1 18,22A1,1 0 0,1 17,21H7A1,1 0 0,1 6,22A1,1 0 0,1 5,21H3V3H9A1,1 0 0,1 10,2M5,5V9H19V5H5M7,6A1,1 0 0,1 8,7A1,1 0 0,1 7,8A1,1 0 0,1 6,7A1,1 0 0,1 7,6M12,6H14V7H12V6M15,6H16V8H15V6M17,6H18V8H17V6M12,11A4,4 0 0,0 8,15A4,4 0 0,0 12,19A4,4 0 0,0 16,15A4,4 0 0,0 12,11M10,6A1,1 0 0,1 11,7A1,1 0 0,1 10,8A1,1 0 0,1 9,7A1,1 0 0,1 10,6Z" /></svg><svg id="anchor" viewBox="0 0 24 24"><path d="M12,2A3,3 0 0,0 9,5C9,6.27 9.8,7.4 11,7.83V10H8V12H11V18.92C9.16,18.63 7.53,17.57 6.53,16H8V14H3V19H5V17.3C6.58,19.61 9.2,21 12,21C14.8,21 17.42,19.61 19,17.31V19H21V14H16V16H17.46C16.46,17.56 14.83,18.63 13,18.92V12H16V10H13V7.82C14.2,7.4 15,6.27 15,5A3,3 0 0,0 12,2M12,4A1,1 0 0,1 13,5A1,1 0 0,1 12,6A1,1 0 0,1 11,5A1,1 0 0,1 12,4Z" /></svg><svg id="android" viewBox="0 0 24 24"><path d="M15,5H14V4H15M10,5H9V4H10M15.53,2.16L16.84,0.85C17.03,0.66 17.03,0.34 16.84,0.14C16.64,-0.05 16.32,-0.05 16.13,0.14L14.65,1.62C13.85,1.23 12.95,1 12,1C11.04,1 10.14,1.23 9.34,1.63L7.85,0.14C7.66,-0.05 7.34,-0.05 7.15,0.14C6.95,0.34 6.95,0.66 7.15,0.85L8.46,2.16C6.97,3.26 6,5 6,7H18C18,5 17,3.25 15.53,2.16M20.5,8A1.5,1.5 0 0,0 19,9.5V16.5A1.5,1.5 0 0,0 20.5,18A1.5,1.5 0 0,0 22,16.5V9.5A1.5,1.5 0 0,0 20.5,8M3.5,8A1.5,1.5 0 0,0 2,9.5V16.5A1.5,1.5 0 0,0 3.5,18A1.5,1.5 0 0,0 5,16.5V9.5A1.5,1.5 0 0,0 3.5,8M6,18A1,1 0 0,0 7,19H8V22.5A1.5,1.5 0 0,0 9.5,24A1.5,1.5 0 0,0 11,22.5V19H13V22.5A1.5,1.5 0 0,0 14.5,24A1.5,1.5 0 0,0 16,22.5V19H17A1,1 0 0,0 18,18V8H6V18Z" /></svg><svg id="android-auto" viewBox="0 0 24 24"><path d="M22.78,17.91C22.94,18.16 23,18.42 23,18.7C23,19.08 22.87,19.39 22.57,19.64C22.27,19.89 21.94,20 21.56,20H19.08L12.42,8H11.58L4.92,20H2.39C1.92,20 1.53,19.8 1.22,19.38C0.91,18.96 0.89,18.5 1.17,18L10.78,1.69C11.09,1.22 11.5,1 12,1C12.53,1 12.92,1.22 13.17,1.69L22.78,17.91M4.78,22.31L12,9.38L19.22,22.31L18.5,23L12,20.34L5.44,23L4.78,22.31Z" /></svg><svg id="android-debug-bridge" viewBox="0 0 24 24"><path d="M15,9A1,1 0 0,1 14,8A1,1 0 0,1 15,7A1,1 0 0,1 16,8A1,1 0 0,1 15,9M9,9A1,1 0 0,1 8,8A1,1 0 0,1 9,7A1,1 0 0,1 10,8A1,1 0 0,1 9,9M16.12,4.37L18.22,2.27L17.4,1.44L15.09,3.75C14.16,3.28 13.11,3 12,3C10.88,3 9.84,3.28 8.91,3.75L6.6,1.44L5.78,2.27L7.88,4.37C6.14,5.64 5,7.68 5,10V11H19V10C19,7.68 17.86,5.64 16.12,4.37M5,16C5,19.86 8.13,23 12,23A7,7 0 0,0 19,16V12H5V16Z" /></svg><svg id="android-head" viewBox="0 0 24 24"><path d="M8,11.5A1.25,1.25 0 0,0 6.75,12.75A1.25,1.25 0 0,0 8,14A1.25,1.25 0 0,0 9.25,12.75A1.25,1.25 0 0,0 8,11.5M16,11.5A1.25,1.25 0 0,0 14.75,12.75A1.25,1.25 0 0,0 16,14A1.25,1.25 0 0,0 17.25,12.75A1.25,1.25 0 0,0 16,11.5M12,7C13.5,7 14.9,7.33 16.18,7.91L18.34,5.75C18.73,5.36 19.36,5.36 19.75,5.75C20.14,6.14 20.14,6.77 19.75,7.16L17.95,8.96C20.41,10.79 22,13.71 22,17H2C2,13.71 3.59,10.79 6.05,8.96L4.25,7.16C3.86,6.77 3.86,6.14 4.25,5.75C4.64,5.36 5.27,5.36 5.66,5.75L7.82,7.91C9.1,7.33 10.5,7 12,7Z" /></svg><svg id="android-messages" viewBox="0 0 24 24"><path d="M20,20H7A2,2 0 0,1 5,18V8.94L2.23,5.64C2.09,5.47 2,5.24 2,5A1,1 0 0,1 3,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20M8.5,7A0.5,0.5 0 0,0 8,7.5V8.5A0.5,0.5 0 0,0 8.5,9H18.5A0.5,0.5 0 0,0 19,8.5V7.5A0.5,0.5 0 0,0 18.5,7H8.5M8.5,11A0.5,0.5 0 0,0 8,11.5V12.5A0.5,0.5 0 0,0 8.5,13H18.5A0.5,0.5 0 0,0 19,12.5V11.5A0.5,0.5 0 0,0 18.5,11H8.5M8.5,15A0.5,0.5 0 0,0 8,15.5V16.5A0.5,0.5 0 0,0 8.5,17H13.5A0.5,0.5 0 0,0 14,16.5V15.5A0.5,0.5 0 0,0 13.5,15H8.5Z" /></svg><svg id="android-studio" viewBox="0 0 24 24"><path d="M11,2H13V4H13.5A1.5,1.5 0 0,1 15,5.5V9L14.56,9.44L16.2,12.28C17.31,11.19 18,9.68 18,8H20C20,10.42 18.93,12.59 17.23,14.06L20.37,19.5L20.5,21.72L18.63,20.5L15.56,15.17C14.5,15.7 13.28,16 12,16C10.72,16 9.5,15.7 8.44,15.17L5.37,20.5L3.5,21.72L3.63,19.5L9.44,9.44L9,9V5.5A1.5,1.5 0 0,1 10.5,4H11V2M9.44,13.43C10.22,13.8 11.09,14 12,14C12.91,14 13.78,13.8 14.56,13.43L13.1,10.9H13.09C12.47,11.5 11.53,11.5 10.91,10.9H10.9L9.44,13.43M12,6A1,1 0 0,0 11,7A1,1 0 0,0 12,8A1,1 0 0,0 13,7A1,1 0 0,0 12,6Z" /></svg><svg id="angle-acute" viewBox="0 0 24 24"><path d="M20,19H4.09L14.18,4.43L15.82,5.57L11.28,12.13C12.89,12.96 14,14.62 14,16.54C14,16.7 14,16.85 13.97,17H20V19M7.91,17H11.96C12,16.85 12,16.7 12,16.54C12,15.28 11.24,14.22 10.14,13.78L7.91,17Z" /></svg><svg id="angle-obtuse" viewBox="0 0 24 24"><path d="M21,19H9.31L4.07,5.36L5.93,4.64L8.96,12.5C9.5,12.29 10.09,12.17 10.71,12.17V12.17C13.38,12.17 15.56,14.34 15.58,17H21V19M10.69,17H13.58C13.56,15.42 12.3,14.17 10.71,14.17C10.34,14.17 10,14.24 9.67,14.36L10.69,17Z" /></svg><svg id="angle-right" viewBox="0 0 24 24"><path d="M5,4H7V11H13V17H20V19H5V4M7,17H11V13H7V17Z" /></svg><svg id="angular" viewBox="0 0 24 24"><path d="M12,2.5L20.84,5.65L19.5,17.35L12,21.5L4.5,17.35L3.16,5.65L12,2.5M12,4.6L6.47,17H8.53L9.64,14.22H14.34L15.45,17H17.5L12,4.6M13.62,12.5H10.39L12,8.63L13.62,12.5Z" /></svg><svg id="angularjs" viewBox="0 0 24 24"><path d="M12,2.5L20.84,5.65L19.5,17.35L12,21.5L4.5,17.35L3.16,5.65L12,2.5M12,4.5L5,7L6.08,16.22L12,19.5L17.92,16.22L19,7L12,4.5M12,5.72L16.58,16H14.87L13.94,13.72H10.04L9.12,16H7.41L12,5.72M13.34,12.3L12,9.07L10.66,12.3H13.34Z" /></svg><svg id="animation" viewBox="0 0 24 24"><path d="M4,2C2.89,2 2,2.89 2,4V14H4V4H14V2H4M8,6C6.89,6 6,6.89 6,8V18H8V8H18V6H8M12,10C10.89,10 10,10.89 10,12V20C10,21.11 10.89,22 12,22H20C21.11,22 22,21.11 22,20V12C22,10.89 21.11,10 20,10H12Z" /></svg><svg id="animation-outline" viewBox="0 0 24 24"><path d="M4,2A2,2 0 0,0 2,4V14H4V4H14V2H4M8,6A2,2 0 0,0 6,8V18H8V8H18V6H8M20,12V20H12V12H20M20,10H12A2,2 0 0,0 10,12V20A2,2 0 0,0 12,22H20A2,2 0 0,0 22,20V12A2,2 0 0,0 20,10Z" /></svg><svg id="animation-play" viewBox="0 0 24 24"><path d="M4,2H14V4H4V14H2V4C2,2.89 2.89,2 4,2M8,6H18V8H8V18H6V8C6,6.89 6.89,6 8,6M12,10H20C21.11,10 22,10.89 22,12V20C22,21.11 21.11,22 20,22H12C10.89,22 10,21.11 10,20V12C10,10.89 10.89,10 12,10M14,12V20L20,16L14,12Z" /></svg><svg id="animation-play-outline" viewBox="0 0 24 24"><path d="M4,2A2,2 0 0,0 2,4V14H4V4H14V2H4M8,6A2,2 0 0,0 6,8V18H8V8H18V6H8M20,12V20H12V12H20M20,10H12A2,2 0 0,0 10,12V20A2,2 0 0,0 12,22H20A2,2 0 0,0 22,20V12A2,2 0 0,0 20,10M14,13V19L18,16L14,13Z" /></svg><svg id="anvil" viewBox="0 0 24 24"><path d="M9,5V10C13.03,12.47 8.44,14.97 6,16V19H21V16C14.59,13.27 17.47,9 22,8V5H9M2,6C2.81,8.13 4.42,9.5 7,10V6H2Z" /></svg><svg id="apple" viewBox="0 0 24 24"><path d="M18.71,19.5C17.88,20.74 17,21.95 15.66,21.97C14.32,22 13.89,21.18 12.37,21.18C10.84,21.18 10.37,21.95 9.1,22C7.79,22.05 6.8,20.68 5.96,19.47C4.25,17 2.94,12.45 4.7,9.39C5.57,7.87 7.13,6.91 8.82,6.88C10.1,6.86 11.32,7.75 12.11,7.75C12.89,7.75 14.37,6.68 15.92,6.84C16.57,6.87 18.39,7.1 19.56,8.82C19.47,8.88 17.39,10.1 17.41,12.63C17.44,15.65 20.06,16.66 20.09,16.67C20.06,16.74 19.67,18.11 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.46 12.36,4.26 13,3.5Z" /></svg><svg id="apple-finder" viewBox="0 0 24 24"><path d="M4,4H11.89C12.46,2.91 13.13,1.88 13.93,1L15.04,2.11C14.61,2.7 14.23,3.34 13.89,4H20A2,2 0 0,1 22,6V19A2,2 0 0,1 20,21H14.93L15.26,22.23L13.43,22.95L12.93,21H4A2,2 0 0,1 2,19V6A2,2 0 0,1 4,4M4,6V19H12.54C12.5,18.67 12.44,18.34 12.4,18C12.27,18 12.13,18 12,18C9.25,18 6.78,17.5 5.13,16.76L6.04,15.12C7,15.64 9.17,16 12,16C12.08,16 12.16,16 12.24,16C12.21,15.33 12.22,14.66 12.27,14H9C9,14 9.4,9.97 11,6H4M20,19V6H13C12.1,8.22 11.58,10.46 11.3,12H14.17C14,13.28 13.97,14.62 14.06,15.93C15.87,15.8 17.25,15.5 17.96,15.12L18.87,16.76C17.69,17.3 16.1,17.7 14.29,17.89C14.35,18.27 14.41,18.64 14.5,19H20M6,8H8V11H6V8M16,8H18V11H16V8Z" /></svg><svg id="apple-icloud" viewBox="0 0 24 24"><path d="M22,15.04C22,17.23 20.24,19 18.07,19H5.93C3.76,19 2,17.23 2,15.04C2,13.07 3.43,11.44 5.31,11.14C5.28,11 5.27,10.86 5.27,10.71C5.27,9.33 6.38,8.2 7.76,8.2C8.37,8.2 8.94,8.43 9.37,8.8C10.14,7.05 11.13,5.44 13.91,5.44C17.28,5.44 18.87,8.06 18.87,10.83C18.87,10.94 18.87,11.06 18.86,11.17C20.65,11.54 22,13.13 22,15.04Z" /></svg><svg id="apple-ios" viewBox="0 0 24 24"><path d="M20,9V7H16A2,2 0 0,0 14,9V11A2,2 0 0,0 16,13H18V15H14V17H18A2,2 0 0,0 20,15V13A2,2 0 0,0 18,11H16V9M11,15H9V9H11M11,7H9A2,2 0 0,0 7,9V15A2,2 0 0,0 9,17H11A2,2 0 0,0 13,15V9A2,2 0 0,0 11,7M4,17H6V11H4M4,9H6V7H4V9Z" /></svg><svg id="apple-keyboard-caps" viewBox="0 0 24 24"><path d="M15,14V8H17.17L12,2.83L6.83,8H9V14H15M12,0L22,10H17V16H7V10H2L12,0M7,18H17V24H7V18M15,20H9V22H15V20Z" /></svg><svg id="apple-keyboard-command" viewBox="0 0 24 24"><path d="M6,2A4,4 0 0,1 10,6V8H14V6A4,4 0 0,1 18,2A4,4 0 0,1 22,6A4,4 0 0,1 18,10H16V14H18A4,4 0 0,1 22,18A4,4 0 0,1 18,22A4,4 0 0,1 14,18V16H10V18A4,4 0 0,1 6,22A4,4 0 0,1 2,18A4,4 0 0,1 6,14H8V10H6A4,4 0 0,1 2,6A4,4 0 0,1 6,2M16,18A2,2 0 0,0 18,20A2,2 0 0,0 20,18A2,2 0 0,0 18,16H16V18M14,10H10V14H14V10M6,16A2,2 0 0,0 4,18A2,2 0 0,0 6,20A2,2 0 0,0 8,18V16H6M8,6A2,2 0 0,0 6,4A2,2 0 0,0 4,6A2,2 0 0,0 6,8H8V6M18,8A2,2 0 0,0 20,6A2,2 0 0,0 18,4A2,2 0 0,0 16,6V8H18Z" /></svg><svg id="apple-keyboard-control" viewBox="0 0 24 24"><path d="M19.78,11.78L18.36,13.19L12,6.83L5.64,13.19L4.22,11.78L12,4L19.78,11.78Z" /></svg><svg id="apple-keyboard-option" viewBox="0 0 24 24"><path d="M3,4H9.11L16.15,18H21V20H14.88L7.84,6H3V4M14,4H21V6H14V4Z" /></svg><svg id="apple-keyboard-shift" viewBox="0 0 24 24"><path d="M15,18V12H17.17L12,6.83L6.83,12H9V18H15M12,4L22,14H17V20H7V14H2L12,4Z" /></svg><svg id="apple-safari" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,14.09 4.8,16 6.11,17.41L9.88,9.88L17.41,6.11C16,4.8 14.09,4 12,4M12,20A8,8 0 0,0 20,12C20,9.91 19.2,8 17.89,6.59L14.12,14.12L6.59,17.89C8,19.2 9.91,20 12,20M12,12L11.23,11.23L9.7,14.3L12.77,12.77L12,12M12,17.5H13V19H12V17.5M15.88,15.89L16.59,15.18L17.65,16.24L16.94,16.95L15.88,15.89M17.5,12V11H19V12H17.5M12,6.5H11V5H12V6.5M8.12,8.11L7.41,8.82L6.35,7.76L7.06,7.05L8.12,8.11M6.5,12V13H5V12H6.5Z" /></svg><svg id="application" viewBox="0 0 24 24"><path d="M19,4C20.11,4 21,4.9 21,6V18A2,2 0 0,1 19,20H5C3.89,20 3,19.1 3,18V6A2,2 0 0,1 5,4H19M19,18V8H5V18H19Z" /></svg><svg id="application-export" viewBox="0 0 24 24"><path d="M8,12H17.76L15.26,9.5L16.67,8.08L21.59,13L16.67,17.92L15.26,16.5L17.76,14H8V12M19,3C20.11,3 21,3.9 21,5V9.67L19,7.67V7H5V19H19V18.33L21,16.33V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19Z" /></svg><svg id="application-import" viewBox="0 0 24 24"><path d="M1,12H10.76L8.26,9.5L9.67,8.08L14.59,13L9.67,17.92L8.26,16.5L10.76,14H1V12M19,3C20.11,3 21,3.9 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V16H5V19H19V7H5V10H3V5A2,2 0 0,1 5,3H19Z" /></svg><svg id="apps" viewBox="0 0 24 24"><path d="M16,20H20V16H16M16,14H20V10H16M10,8H14V4H10M16,8H20V4H16M10,14H14V10H10M4,14H8V10H4M4,20H8V16H4M10,20H14V16H10M4,8H8V4H4V8Z" /></svg><svg id="apps-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7,7V9H9V7H7M11,7V9H13V7H11M15,7V9H17V7H15M7,11V13H9V11H7M11,11V13H13V11H11M15,11V13H17V11H15M7,15V17H9V15H7M11,15V17H13V15H11M15,15V17H17V15H15Z" /></svg><svg id="arch" viewBox="0 0 24 24"><path d="M12,2C11.11,4.18 10.57,5.61 9.58,7.73C10.19,8.37 10.93,9.12 12.14,9.97C10.84,9.43 9.95,8.9 9.29,8.34C8,11 6.03,14.75 2,22C5.17,20.17 7.63,19.04 9.92,18.61C9.82,18.19 9.76,17.73 9.77,17.25V17.15C9.82,15.12 10.88,13.56 12.13,13.67C13.38,13.77 14.35,15.5 14.3,17.54C14.29,17.92 14.25,18.29 14.18,18.63C16.44,19.07 18.87,20.19 22,22C21.38,20.86 20.83,19.84 20.31,18.87C19.5,18.23 18.61,17.39 16.85,16.5C18.06,16.8 18.93,17.16 19.61,17.57C14.26,7.62 13.83,6.3 12,2Z" /></svg><svg id="archive" viewBox="0 0 24 24"><path d="M3,3H21V7H3V3M4,8H20V21H4V8M9.5,11A0.5,0.5 0 0,0 9,11.5V13H15V11.5A0.5,0.5 0 0,0 14.5,11H9.5Z" /></svg><svg id="arrange-bring-forward" viewBox="0 0 24 24"><path d="M2,2H16V16H2V2M22,8V22H8V18H10V20H20V10H18V8H22Z" /></svg><svg id="arrange-bring-to-front" viewBox="0 0 24 24"><path d="M2,2H11V6H9V4H4V9H6V11H2V2M22,13V22H13V18H15V20H20V15H18V13H22M8,8H16V16H8V8Z" /></svg><svg id="arrange-send-backward" viewBox="0 0 24 24"><path d="M2,2H16V16H2V2M22,8V22H8V18H18V8H22M4,4V14H14V4H4Z" /></svg><svg id="arrange-send-to-back" viewBox="0 0 24 24"><path d="M2,2H11V11H2V2M9,4H4V9H9V4M22,13V22H13V13H22M15,20H20V15H15V20M16,8V11H13V8H16M11,16H8V13H11V16Z" /></svg><svg id="arrow-all" viewBox="0 0 24 24"><path d="M13,11H18L16.5,9.5L17.92,8.08L21.84,12L17.92,15.92L16.5,14.5L18,13H13V18L14.5,16.5L15.92,17.92L12,21.84L8.08,17.92L9.5,16.5L11,18V13H6L7.5,14.5L6.08,15.92L2.16,12L6.08,8.08L7.5,9.5L6,11H11V6L9.5,7.5L8.08,6.08L12,2.16L15.92,6.08L14.5,7.5L13,6V11Z" /></svg><svg id="arrow-bottom-left" viewBox="0 0 24 24"><path d="M19,6.41L17.59,5L7,15.59V9H5V19H15V17H8.41L19,6.41Z" /></svg><svg id="arrow-bottom-left-bold-outline" viewBox="0 0 24 24"><path d="M18.36,19.78H4.22V5.64L8.47,9.88L14.12,4.22L19.78,9.88L14.12,15.54L18.36,19.78M6.34,17.66H13.41L11.29,15.54L16.95,9.88L14.12,7.05L8.46,12.71L6.34,10.59V17.66Z" /></svg><svg id="arrow-bottom-left-thick" viewBox="0 0 24 24"><path d="M15.5,5.69L18.31,8.5L11.94,14.89H16.89V18.31H5.69V7.11H9.12V12.06L15.5,5.69Z" /></svg><svg id="arrow-bottom-right" viewBox="0 0 24 24"><path d="M5,6.41L6.41,5L17,15.59V9H19V19H9V17H15.59L5,6.41Z" /></svg><svg id="arrow-bottom-right-bold-outline" viewBox="0 0 24 24"><path d="M9.88,15.54L4.22,9.88L9.88,4.22L15.54,9.88L19.78,5.64V19.78H5.64L9.88,15.54M17.66,10.59L15.54,12.71L9.88,7.05L7.05,9.88L12.71,15.54L10.59,17.66H17.66V10.59Z" /></svg><svg id="arrow-bottom-right-thick" viewBox="0 0 24 24"><path d="M14.89,12.06V7.11H18.31V18.31H7.11V14.89H12.06L5.69,8.5L8.5,5.69L14.89,12.06Z" /></svg><svg id="arrow-collapse" viewBox="0 0 24 24"><path d="M19.5,3.09L15,7.59V4H13V11H20V9H16.41L20.91,4.5L19.5,3.09M4,13V15H7.59L3.09,19.5L4.5,20.91L9,16.41V20H11V13H4Z" /></svg><svg id="arrow-collapse-all" viewBox="0 0 24 24"><path d="M19.5,3.09L20.91,4.5L16.41,9H20V11H13V4H15V7.59L19.5,3.09M20.91,19.5L19.5,20.91L15,16.41V20H13V13H20V15H16.41L20.91,19.5M4.5,3.09L9,7.59V4H11V11H4V9H7.59L3.09,4.5L4.5,3.09M3.09,19.5L7.59,15H4V13H11V20H9V16.41L4.5,20.91L3.09,19.5Z" /></svg><svg id="arrow-collapse-down" viewBox="0 0 24 24"><path d="M19.92,12.08L12,20L4.08,12.08L5.5,10.67L11,16.17V2H13V16.17L18.5,10.66L19.92,12.08M12,20H2V22H22V20H12Z" /></svg><svg id="arrow-collapse-horizontal" viewBox="0 0 24 24"><path d="M13,20V4H15.03V20H13M10,20V4H12.03V20H10M5,8L9.03,12L5,16V13H2V11H5V8M20,16L16,12L20,8V11H23V13H20V16Z" /></svg><svg id="arrow-collapse-left" viewBox="0 0 24 24"><path d="M11.92,19.92L4,12L11.92,4.08L13.33,5.5L7.83,11H22V13H7.83L13.34,18.5L11.92,19.92M4,12V2H2V22H4V12Z" /></svg><svg id="arrow-collapse-right" viewBox="0 0 24 24"><path d="M12.08,4.08L20,12L12.08,19.92L10.67,18.5L16.17,13H2V11H16.17L10.67,5.5L12.08,4.08M20,12V22H22V2H20V12Z" /></svg><svg id="arrow-collapse-up" viewBox="0 0 24 24"><path d="M4.08,11.92L12,4L19.92,11.92L18.5,13.33L13,7.83V22H11V7.83L5.5,13.33L4.08,11.92M12,4H22V2H2V4H12Z" /></svg><svg id="arrow-collapse-vertical" viewBox="0 0 24 24"><path d="M4,12H20V14H4V12M4,9H20V11H4V9M16,4L12,8L8,4H11V1H13V4H16M8,19L12,15L16,19H13V22H11V19H8Z" /></svg><svg id="arrow-decision" viewBox="0 0 24 24"><path d="M11,5H8L12,1L16,5H13V9.43C12.25,9.89 11.58,10.46 11,11.12V5M22,11L18,7V10C14.39,9.85 11.31,12.57 11,16.17C9.44,16.72 8.62,18.44 9.17,20C9.72,21.56 11.44,22.38 13,21.83C14.56,21.27 15.38,19.56 14.83,18C14.53,17.14 13.85,16.47 13,16.17C13.47,12.17 17.47,11.97 17.95,11.97V14.97L22,11M10.63,11.59C9.3,10.57 7.67,10 6,10V7L2,11L6,15V12C7.34,12.03 8.63,12.5 9.64,13.4C9.89,12.76 10.22,12.15 10.63,11.59Z" /></svg><svg id="arrow-decision-auto" viewBox="0 0 24 24"><path d="M12,5H9L13,1L17,5H14V9.43C13.25,9.89 12.58,10.46 12,11.12V5M10.4,15H8.5L7.8,13H4.6L3.9,15H2L5.2,6H7.2L10.4,15M7.35,11.65L6.2,8L5.05,11.65H7.35M23,11L19,7V10C15.39,9.85 12.31,12.57 12,16.17C10.44,16.72 9.62,18.44 10.17,20C10.72,21.56 12.44,22.38 14,21.83C15.56,21.27 16.38,19.56 15.83,18C15.53,17.14 14.85,16.47 14,16.17C14.47,12.17 18.47,11.97 18.95,11.97V14.97L23,11Z" /></svg><svg id="arrow-decision-auto-outline" viewBox="0 0 24 24"><path d="M19,15V12C18.5,12 14.5,12.16 14.05,16.2C15.61,16.75 16.43,18.47 15.88,20.03C15.33,21.59 13.61,22.41 12.05,21.86C10.5,21.3 9.67,19.59 10.22,18.03C10.5,17.17 11.2,16.5 12.05,16.2C12.34,12.61 15.4,9.88 19,10V7L23,11L19,15M14,19A1,1 0 0,0 13,18A1,1 0 0,0 12,19A1,1 0 0,0 13,20A1,1 0 0,0 14,19M12,11.12C12.58,10.46 13.25,9.89 14,9.43V5H17L13,1L9,5H12V11.12M7.2,6H5.2L2,15H3.9L4.6,13H7.8L8.5,15H10.4L7.2,6M5.05,11.65L6.2,8L7.35,11.65H5.05Z" /></svg><svg id="arrow-decision-outline" viewBox="0 0 24 24"><path d="M9.64,13.4C8.63,12.5 7.34,12.03 6,12V15L2,11L6,7V10C7.67,10 9.3,10.57 10.63,11.59C10.22,12.15 9.89,12.76 9.64,13.4M18,15V12C17.5,12 13.5,12.16 13.05,16.2C14.61,16.75 15.43,18.47 14.88,20.03C14.33,21.59 12.61,22.41 11.05,21.86C9.5,21.3 8.67,19.59 9.22,18.03C9.5,17.17 10.2,16.5 11.05,16.2C11.34,12.61 14.4,9.88 18,10V7L22,11L18,15M13,19A1,1 0 0,0 12,18A1,1 0 0,0 11,19A1,1 0 0,0 12,20A1,1 0 0,0 13,19M11,11.12C11.58,10.46 12.25,9.89 13,9.43V5H16L12,1L8,5H11V11.12Z" /></svg><svg id="arrow-down" viewBox="0 0 24 24"><path d="M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z" /></svg><svg id="arrow-down-bold" viewBox="0 0 24 24"><path d="M9,4H15V12H19.84L12,19.84L4.16,12H9V4Z" /></svg><svg id="arrow-down-bold-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M12,17L17,12H14V8H10V12H7L12,17Z" /></svg><svg id="arrow-down-bold-box-outline" viewBox="0 0 24 24"><path d="M12,17L7,12H10V8H14V12H17L12,17M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="arrow-down-bold-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,17L17,12H14V8H10V12H7L12,17Z" /></svg><svg id="arrow-down-bold-circle-outline" viewBox="0 0 24 24"><path d="M12,17L7,12H10V8H14V12H17L12,17M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="arrow-down-bold-hexagon-outline" viewBox="0 0 24 24"><path d="M12,17L7,12H10V8H14V12H17L12,17M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg><svg id="arrow-down-bold-outline" viewBox="0 0 24 24"><path d="M22,11L12,21L2,11H8V3H16V11H22M12,18L17,13H14V5H10V13H7L12,18Z" /></svg><svg id="arrow-down-box" viewBox="0 0 24 24"><path d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M11,6V14.5L7.5,11L6.08,12.42L12,18.34L17.92,12.42L16.5,11L13,14.5V6H11Z" /></svg><svg id="arrow-down-circle" viewBox="0 0 24 24"><path d="M11,6V14L7.5,10.5L6.08,11.92L12,17.84L17.92,11.92L16.5,10.5L13,14V6H11M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22Z" /></svg><svg id="arrow-down-circle-outline" viewBox="0 0 24 24"><path d="M11,6H13V14L16.5,10.5L17.92,11.92L12,17.84L6.08,11.92L7.5,10.5L11,14V6M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20Z" /></svg><svg id="arrow-down-drop-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M7,10L12,15L17,10H7Z" /></svg><svg id="arrow-down-drop-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M7,10L12,15L17,10H7Z" /></svg><svg id="arrow-down-thick" viewBox="0 0 24 24"><path d="M10,4H14V13L17.5,9.5L19.92,11.92L12,19.84L4.08,11.92L6.5,9.5L10,13V4Z" /></svg><svg id="arrow-expand" viewBox="0 0 24 24"><path d="M10,21V19H6.41L10.91,14.5L9.5,13.09L5,17.59V14H3V21H10M14.5,10.91L19,6.41V10H21V3H14V5H17.59L13.09,9.5L14.5,10.91Z" /></svg><svg id="arrow-expand-all" viewBox="0 0 24 24"><path d="M9.5,13.09L10.91,14.5L6.41,19H10V21H3V14H5V17.59L9.5,13.09M10.91,9.5L9.5,10.91L5,6.41V10H3V3H10V5H6.41L10.91,9.5M14.5,13.09L19,17.59V14H21V21H14V19H17.59L13.09,14.5L14.5,13.09M13.09,9.5L17.59,5H14V3H21V10H19V6.41L14.5,10.91L13.09,9.5Z" /></svg><svg id="arrow-expand-down" viewBox="0 0 24 24"><path d="M22,4V2H2V4H11V18.17L5.5,12.67L4.08,14.08L12,22L19.92,14.08L18.5,12.67L13,18.17V4H22Z" /></svg><svg id="arrow-expand-horizontal" viewBox="0 0 24 24"><path d="M9,11H15V8L19,12L15,16V13H9V16L5,12L9,8V11M2,20V4H4V20H2M20,20V4H22V20H20Z" /></svg><svg id="arrow-expand-left" viewBox="0 0 24 24"><path d="M20,22H22V2H20V11H5.83L11.33,5.5L9.92,4.08L2,12L9.92,19.92L11.33,18.5L5.83,13H20V22Z" /></svg><svg id="arrow-expand-right" viewBox="0 0 24 24"><path d="M4,2H2V22H4V13H18.17L12.67,18.5L14.08,19.92L22,12L14.08,4.08L12.67,5.5L18.17,11H4V2Z" /></svg><svg id="arrow-expand-up" viewBox="0 0 24 24"><path d="M2,20V22H22V20H13V5.83L18.5,11.33L19.92,9.92L12,2L4.08,9.92L5.5,11.33L11,5.83V20H2Z" /></svg><svg id="arrow-expand-vertical" viewBox="0 0 24 24"><path d="M13,9V15H16L12,19L8,15H11V9H8L12,5L16,9H13M4,2H20V4H4V2M4,20H20V22H4V20Z" /></svg><svg id="arrow-left" viewBox="0 0 24 24"><path d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z" /></svg><svg id="arrow-left-bold" viewBox="0 0 24 24"><path d="M20,9V15H12V19.84L4.16,12L12,4.16V9H20Z" /></svg><svg id="arrow-left-bold-box" viewBox="0 0 24 24"><path d="M21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M7,12L12,17V14H16V10H12V7L7,12Z" /></svg><svg id="arrow-left-bold-box-outline" viewBox="0 0 24 24"><path d="M7,12L12,7V10H16V14H12V17L7,12M21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M19,5H5V19H19V5Z" /></svg><svg id="arrow-left-bold-circle" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M7,12L12,17V14H16V10H12V7L7,12Z" /></svg><svg id="arrow-left-bold-circle-outline" viewBox="0 0 24 24"><path d="M7,12L12,7V10H16V14H12V17L7,12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12Z" /></svg><svg id="arrow-left-bold-hexagon-outline" viewBox="0 0 24 24"><path d="M7,12L12,7V10H16V14H12V17L7,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg><svg id="arrow-left-bold-outline" viewBox="0 0 24 24"><path d="M13,22L3,12L13,2V8H21V16H13V22M6,12L11,17V14H19V10H11V7L6,12Z" /></svg><svg id="arrow-left-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M18,11H9.5L13,7.5L11.58,6.08L5.66,12L11.58,17.92L13,16.5L9.5,13H18V11Z" /></svg><svg id="arrow-left-circle" viewBox="0 0 24 24"><path d="M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M18,11H10L13.5,7.5L12.08,6.08L6.16,12L12.08,17.92L13.5,16.5L10,13H18V11Z" /></svg><svg id="arrow-left-circle-outline" viewBox="0 0 24 24"><path d="M18,11V13H10L13.5,16.5L12.08,17.92L6.16,12L12.08,6.08L13.5,7.5L10,11H18M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12Z" /></svg><svg id="arrow-left-drop-circle" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M14,7L9,12L14,17V7Z" /></svg><svg id="arrow-left-drop-circle-outline" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12M14,7L9,12L14,17V7Z" /></svg><svg id="arrow-left-right-bold-outline" viewBox="0 0 24 24"><path d="M14,16V22L24,12L14,2V8H10V2L0,12L10,22V16H14M8,14V17L3,12L8,7V10H16V7L21,12L16,17V14H8Z" /></svg><svg id="arrow-left-thick" viewBox="0 0 24 24"><path d="M20,10V14H11L14.5,17.5L12.08,19.92L4.16,12L12.08,4.08L14.5,6.5L11,10H20Z" /></svg><svg id="arrow-right" viewBox="0 0 24 24"><path d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z" /></svg><svg id="arrow-right-bold" viewBox="0 0 24 24"><path d="M4,15V9H12V4.16L19.84,12L12,19.84V15H4Z" /></svg><svg id="arrow-right-bold-box" viewBox="0 0 24 24"><path d="M3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19M17,12L12,7V10H8V14H12V17L17,12Z" /></svg><svg id="arrow-right-bold-box-outline" viewBox="0 0 24 24"><path d="M17,12L12,17V14H8V10H12V7L17,12M3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19M5,19H19V5H5V19Z" /></svg><svg id="arrow-right-bold-circle" viewBox="0 0 24 24"><path d="M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M17,12L12,7V10H8V14H12V17L17,12Z" /></svg><svg id="arrow-right-bold-circle-outline" viewBox="0 0 24 24"><path d="M17,12L12,17V14H8V10H12V7L17,12M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12Z" /></svg><svg id="arrow-right-bold-hexagon-outline" viewBox="0 0 24 24"><path d="M17,12L12,17V14H8V10H12V7L17,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg><svg id="arrow-right-bold-outline" viewBox="0 0 24 24"><path d="M11,16H3V8H11V2L21,12L11,22V16M13,7V10H5V14H13V17L18,12L13,7Z" /></svg><svg id="arrow-right-box" viewBox="0 0 24 24"><path d="M5,21A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19C21,20.11 20.1,21 19,21H5M6,13H14.5L11,16.5L12.42,17.92L18.34,12L12.42,6.08L11,7.5L14.5,11H6V13Z" /></svg><svg id="arrow-right-circle" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M6,13H14L10.5,16.5L11.92,17.92L17.84,12L11.92,6.08L10.5,7.5L14,11H6V13Z" /></svg><svg id="arrow-right-circle-outline" viewBox="0 0 24 24"><path d="M6,13V11H14L10.5,7.5L11.92,6.08L17.84,12L11.92,17.92L10.5,16.5L14,13H6M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12Z" /></svg><svg id="arrow-right-drop-circle" viewBox="0 0 24 24"><path d="M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M10,17L15,12L10,7V17Z" /></svg><svg id="arrow-right-drop-circle-outline" viewBox="0 0 24 24"><path d="M2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12M4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12M10,17L15,12L10,7V17Z" /></svg><svg id="arrow-right-thick" viewBox="0 0 24 24"><path d="M4,10V14H13L9.5,17.5L11.92,19.92L19.84,12L11.92,4.08L9.5,6.5L13,10H4Z" /></svg><svg id="arrow-split-horizontal" viewBox="0 0 24 24"><path d="M8,18H11V15H2V13H22V15H13V18H16L12,22L8,18M12,2L8,6H11V9H2V11H22V9H13V6H16L12,2Z" /></svg><svg id="arrow-split-vertical" viewBox="0 0 24 24"><path d="M18,16V13H15V22H13V2H15V11H18V8L22,12L18,16M2,12L6,16V13H9V22H11V2H9V11H6V8L2,12Z" /></svg><svg id="arrow-top-left" viewBox="0 0 24 24"><path d="M19,17.59L17.59,19L7,8.41V15H5V5H15V7H8.41L19,17.59Z" /></svg><svg id="arrow-top-left-bold-outline" viewBox="0 0 24 24"><path d="M14.12,8.46L19.78,14.12L14.12,19.78L8.46,14.12L4.22,18.36V4.22H18.36L14.12,8.46M6.34,13.41L8.46,11.29L14.12,16.95L16.95,14.12L11.29,8.47L13.41,6.34H6.34V13.41Z" /></svg><svg id="arrow-top-left-thick" viewBox="0 0 24 24"><path d="M9.12,11.94V16.89H5.69V5.69H16.89V9.12H11.94L18.31,15.5L15.5,18.31L9.12,11.94Z" /></svg><svg id="arrow-top-right" viewBox="0 0 24 24"><path d="M5,17.59L15.59,7H9V5H19V15H17V8.41L6.41,19L5,17.59Z" /></svg><svg id="arrow-top-right-bold-outline" viewBox="0 0 24 24"><path d="M5.64,4.22H19.78V18.36L15.54,14.12L9.88,19.78L4.22,14.12L9.88,8.46L5.64,4.22M17.66,6.34H10.59L12.71,8.46L7.05,14.12L9.88,16.95L15.54,11.29L17.66,13.41V6.34H17.66Z" /></svg><svg id="arrow-top-right-thick" viewBox="0 0 24 24"><path d="M8.5,18.31L5.69,15.5L12.06,9.12H7.11V5.69H18.31V16.89H14.89V11.94L8.5,18.31Z" /></svg><svg id="arrow-up" viewBox="0 0 24 24"><path d="M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z" /></svg><svg id="arrow-up-bold" viewBox="0 0 24 24"><path d="M15,20H9V12H4.16L12,4.16L19.84,12H15V20Z" /></svg><svg id="arrow-up-bold-box" viewBox="0 0 24 24"><path d="M19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21M12,7L7,12H10V16H14V12H17L12,7Z" /></svg><svg id="arrow-up-bold-box-outline" viewBox="0 0 24 24"><path d="M12,7L17,12H14V16H10V12H7L12,7M19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21M19,19V5H5V19H19Z" /></svg><svg id="arrow-up-bold-circle" viewBox="0 0 24 24"><path d="M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,7L7,12H10V16H14V12H17L12,7Z" /></svg><svg id="arrow-up-bold-circle-outline" viewBox="0 0 24 24"><path d="M12,7L17,12H14V16H10V12H7L12,7M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20Z" /></svg><svg id="arrow-up-bold-hexagon-outline" viewBox="0 0 24 24"><path d="M12,7L17,12H14V16H10V12H7L12,7M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg><svg id="arrow-up-bold-outline" viewBox="0 0 24 24"><path d="M16,13V21H8V13H2L12,3L22,13H16M7,11H10V19H14V11H17L12,6L7,11Z" /></svg><svg id="arrow-up-box" viewBox="0 0 24 24"><path d="M21,19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19C20.11,3 21,3.9 21,5V19M13,18V9.5L16.5,13L17.92,11.58L12,5.66L6.08,11.58L7.5,13L11,9.5V18H13Z" /></svg><svg id="arrow-up-circle" viewBox="0 0 24 24"><path d="M13,18V10L16.5,13.5L17.92,12.08L12,6.16L6.08,12.08L7.5,13.5L11,10V18H13M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="arrow-up-circle-outline" viewBox="0 0 24 24"><path d="M13,18H11V10L7.5,13.5L6.08,12.08L12,6.16L17.92,12.08L16.5,13.5L13,10V18M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="arrow-up-down-bold-outline" viewBox="0 0 24 24"><path d="M16,10H22L12,0L2,10H8V14H2L12,24L22,14H16V10M14,16H17L12,21L7,16H10V8H7L12,3L17,8H14V16Z" /></svg><svg id="arrow-up-drop-circle" viewBox="0 0 24 24"><path d="M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M17,14L12,9L7,14H17Z" /></svg><svg id="arrow-up-drop-circle-outline" viewBox="0 0 24 24"><path d="M12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M17,14L12,9L7,14H17Z" /></svg><svg id="arrow-up-thick" viewBox="0 0 24 24"><path d="M14,20H10V11L6.5,14.5L4.08,12.08L12,4.16L19.92,12.08L17.5,14.5L14,11V20Z" /></svg><svg id="artist" viewBox="0 0 24 24"><path d="M11,14C12,14 13.05,14.16 14.2,14.44C13.39,15.31 13,16.33 13,17.5C13,18.39 13.25,19.23 13.78,20H3V18C3,16.81 3.91,15.85 5.74,15.12C7.57,14.38 9.33,14 11,14M11,12C9.92,12 9,11.61 8.18,10.83C7.38,10.05 7,9.11 7,8C7,6.92 7.38,6 8.18,5.18C9,4.38 9.92,4 11,4C12.11,4 13.05,4.38 13.83,5.18C14.61,6 15,6.92 15,8C15,9.11 14.61,10.05 13.83,10.83C13.05,11.61 12.11,12 11,12M18.5,10H20L22,10V12H20V17.5A2.5,2.5 0 0,1 17.5,20A2.5,2.5 0 0,1 15,17.5A2.5,2.5 0 0,1 17.5,15C17.86,15 18.19,15.07 18.5,15.21V10Z" /></svg><svg id="artist-outline" viewBox="0 0 24 24"><path d="M11,4A4,4 0 0,1 15,8A4,4 0 0,1 11,12A4,4 0 0,1 7,8A4,4 0 0,1 11,4M11,6A2,2 0 0,0 9,8A2,2 0 0,0 11,10A2,2 0 0,0 13,8A2,2 0 0,0 11,6M11,13C12.1,13 13.66,13.23 15.11,13.69C14.5,14.07 14,14.6 13.61,15.23C12.79,15.03 11.89,14.9 11,14.9C8.03,14.9 4.9,16.36 4.9,17V18.1H13.04C13.13,18.8 13.38,19.44 13.76,20H3V17C3,14.34 8.33,13 11,13M18.5,10H20L22,10V12H20V17.5A2.5,2.5 0 0,1 17.5,20A2.5,2.5 0 0,1 15,17.5A2.5,2.5 0 0,1 17.5,15C17.86,15 18.19,15.07 18.5,15.21V10Z" /></svg><svg id="artstation" viewBox="0 0 24 24"><path d="M1.77,16.88L3.5,19.86C3.84,20.54 4.54,21 5.33,21H16.79L14.43,16.88H1.77M22.23,16.9C22.23,16.5 22.11,16.11 21.9,15.78L15.17,4.1C14.82,3.44 14.15,3 13.35,3H9.8L20.18,21L21.82,18.14C22.13,17.6 22.23,17.36 22.23,16.9M12.73,13.94L8.1,5.92L3.45,13.94H12.73Z" /></svg><svg id="aspect-ratio" viewBox="0 0 24 24"><path d="M19,12H17V15H14V17H19V12M7,9H10V7H5V12H7V9M21,3H3A2,2 0 0,0 1,5V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V5A2,2 0 0,0 21,3M21,19H3V5H21V19Z" /></svg><svg id="assistant" viewBox="0 0 24 24"><path d="M19,2H5A2,2 0 0,0 3,4V18A2,2 0 0,0 5,20H9L12,23L15,20H19A2,2 0 0,0 21,18V4A2,2 0 0,0 19,2M13.88,12.88L12,17L10.12,12.88L6,11L10.12,9.12L12,5L13.88,9.12L18,11" /></svg><svg id="asterisk" viewBox="0 0 24 24"><path d="M10,2H14L13.21,9.91L19.66,5.27L21.66,8.73L14.42,12L21.66,15.27L19.66,18.73L13.21,14.09L14,22H10L10.79,14.09L4.34,18.73L2.34,15.27L9.58,12L2.34,8.73L4.34,5.27L10.79,9.91L10,2Z" /></svg><svg id="at" viewBox="0 0 24 24"><path d="M12,15C12.81,15 13.5,14.7 14.11,14.11C14.7,13.5 15,12.81 15,12C15,11.19 14.7,10.5 14.11,9.89C13.5,9.3 12.81,9 12,9C11.19,9 10.5,9.3 9.89,9.89C9.3,10.5 9,11.19 9,12C9,12.81 9.3,13.5 9.89,14.11C10.5,14.7 11.19,15 12,15M12,2C14.75,2 17.1,3 19.05,4.95C21,6.9 22,9.25 22,12V13.45C22,14.45 21.65,15.3 21,16C20.3,16.67 19.5,17 18.5,17C17.3,17 16.31,16.5 15.56,15.5C14.56,16.5 13.38,17 12,17C10.63,17 9.45,16.5 8.46,15.54C7.5,14.55 7,13.38 7,12C7,10.63 7.5,9.45 8.46,8.46C9.45,7.5 10.63,7 12,7C13.38,7 14.55,7.5 15.54,8.46C16.5,9.45 17,10.63 17,12V13.45C17,13.86 17.16,14.22 17.46,14.53C17.76,14.84 18.11,15 18.5,15C18.92,15 19.27,14.84 19.57,14.53C19.87,14.22 20,13.86 20,13.45V12C20,9.81 19.23,7.93 17.65,6.35C16.07,4.77 14.19,4 12,4C9.81,4 7.93,4.77 6.35,6.35C4.77,7.93 4,9.81 4,12C4,14.19 4.77,16.07 6.35,17.65C7.93,19.23 9.81,20 12,20H17V22H12C9.25,22 6.9,21 4.95,19.05C3,17.1 2,14.75 2,12C2,9.25 3,6.9 4.95,4.95C6.9,3 9.25,2 12,2Z" /></svg><svg id="atlassian" viewBox="0 0 24 24"><path d="M7.93,11.24C7.74,11 7.38,10.94 7.13,11.13C7.06,11.19 7,11.26 6.96,11.34L2.06,21.15C1.91,21.44 2.03,21.79 2.32,21.94C2.4,22 2.5,22 2.59,22H9.41C9.63,22 9.84,21.88 9.94,21.68C11.41,18.63 10.5,14 7.93,11.24M11.53,2.31C9.05,6.14 8.76,11 10.77,15.09L14.06,21.68C14.17,21.88 14.37,22 14.59,22H21.41A0.59,0.59 0 0,0 22,21.41C22,21.32 22,21.23 21.94,21.15C21.94,21.15 12.76,2.77 12.5,2.31C12.39,2.04 12.06,1.92 11.78,2.06C11.67,2.11 11.58,2.2 11.53,2.31Z" /></svg><svg id="atm" viewBox="0 0 24 24"><path d="M8,9V10.5H10.25V15H11.75V10.5H14V9H8M6,9H3A1,1 0 0,0 2,10V15H3.5V13.5H5.5V15H7V10A1,1 0 0,0 6,9M5.5,12H3.5V10.5H5.5V12M21,9H16.5A1,1 0 0,0 15.5,10V15H17V10.5H18V14H19.5V10.5H20.5V15H22V10A1,1 0 0,0 21,9Z" /></svg><svg id="atom" viewBox="0 0 24 24"><path d="M12,11A1,1 0 0,1 13,12A1,1 0 0,1 12,13A1,1 0 0,1 11,12A1,1 0 0,1 12,11M4.22,4.22C5.65,2.79 8.75,3.43 12,5.56C15.25,3.43 18.35,2.79 19.78,4.22C21.21,5.65 20.57,8.75 18.44,12C20.57,15.25 21.21,18.35 19.78,19.78C18.35,21.21 15.25,20.57 12,18.44C8.75,20.57 5.65,21.21 4.22,19.78C2.79,18.35 3.43,15.25 5.56,12C3.43,8.75 2.79,5.65 4.22,4.22M15.54,8.46C16.15,9.08 16.71,9.71 17.23,10.34C18.61,8.21 19.11,6.38 18.36,5.64C17.62,4.89 15.79,5.39 13.66,6.77C14.29,7.29 14.92,7.85 15.54,8.46M8.46,15.54C7.85,14.92 7.29,14.29 6.77,13.66C5.39,15.79 4.89,17.62 5.64,18.36C6.38,19.11 8.21,18.61 10.34,17.23C9.71,16.71 9.08,16.15 8.46,15.54M5.64,5.64C4.89,6.38 5.39,8.21 6.77,10.34C7.29,9.71 7.85,9.08 8.46,8.46C9.08,7.85 9.71,7.29 10.34,6.77C8.21,5.39 6.38,4.89 5.64,5.64M9.88,14.12C10.58,14.82 11.3,15.46 12,16.03C12.7,15.46 13.42,14.82 14.12,14.12C14.82,13.42 15.46,12.7 16.03,12C15.46,11.3 14.82,10.58 14.12,9.88C13.42,9.18 12.7,8.54 12,7.97C11.3,8.54 10.58,9.18 9.88,9.88C9.18,10.58 8.54,11.3 7.97,12C8.54,12.7 9.18,13.42 9.88,14.12M18.36,18.36C19.11,17.62 18.61,15.79 17.23,13.66C16.71,14.29 16.15,14.92 15.54,15.54C14.92,16.15 14.29,16.71 13.66,17.23C15.79,18.61 17.62,19.11 18.36,18.36Z" /></svg><svg id="atom-variant" viewBox="0 0 24 24"><path d="M18.36,2.64C20,2.64 21.36,4 21.36,5.64C21.36,7.29 20,8.64 18.36,8.64C16.71,8.64 15.36,7.29 15.36,5.64C15.36,5.34 15.41,5.06 15.5,4.8C14.43,4.29 13.25,4 12,4A8,8 0 0,0 4,12L4.04,12.84L2.05,13.05L2,12A10,10 0 0,1 12,2C13.69,2 15.28,2.42 16.67,3.16C17.16,2.83 17.74,2.64 18.36,2.64M18.36,4.64A1,1 0 0,0 17.36,5.64A1,1 0 0,0 18.36,6.64C18.92,6.64 19.36,6.19 19.36,5.64C19.36,5.08 18.92,4.64 18.36,4.64M5.64,15.36C7.29,15.36 8.64,16.71 8.64,18.36C8.64,18.66 8.59,18.94 8.5,19.2C9.57,19.71 10.75,20 12,20A8,8 0 0,0 20,12L19.96,11.16L21.95,10.95L22,12A10,10 0 0,1 12,22C10.31,22 8.72,21.58 7.33,20.84C6.84,21.17 6.26,21.36 5.64,21.36C4,21.36 2.64,20 2.64,18.36C2.64,16.71 4,15.36 5.64,15.36M5.64,17.36C5.08,17.36 4.64,17.81 4.64,18.36C4.64,18.92 5.08,19.36 5.64,19.36A1,1 0 0,0 6.64,18.36A1,1 0 0,0 5.64,17.36M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8Z" /></svg><svg id="attachment" viewBox="0 0 24 24"><path d="M7.5,18A5.5,5.5 0 0,1 2,12.5A5.5,5.5 0 0,1 7.5,7H18A4,4 0 0,1 22,11A4,4 0 0,1 18,15H9.5A2.5,2.5 0 0,1 7,12.5A2.5,2.5 0 0,1 9.5,10H17V11.5H9.5A1,1 0 0,0 8.5,12.5A1,1 0 0,0 9.5,13.5H18A2.5,2.5 0 0,0 20.5,11A2.5,2.5 0 0,0 18,8.5H7.5A4,4 0 0,0 3.5,12.5A4,4 0 0,0 7.5,16.5H17V18H7.5Z" /></svg><svg id="audio-video" viewBox="0 0 24 24"><path d="M20,7H4A2,2 0 0,0 2,9V15A2,2 0 0,0 4,17H5V18C5,18.6 5.4,19 6,19H8C8.6,19 9,18.6 9,18V17H15V18C15,18.6 15.4,19 16,19H18C18.6,19 19,18.6 19,18V17H20A2,2 0 0,0 22,15V9A2,2 0 0,0 20,7M14,12H4V10H14V12M18,13A2,2 0 0,1 16,11A2,2 0 0,1 18,9A2,2 0 0,1 20,11A2,2 0 0,1 18,13M6,15H4V14H6V15M10,15H8V14H10V15M14,15H12V14H14V15Z" /></svg><svg id="audiobook" viewBox="0 0 24 24"><path d="M18,22H6A2,2 0 0,1 4,20V4C4,2.89 4.9,2 6,2H7V9L9.5,7.5L12,9V2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22M13,15A2,2 0 0,0 11,17A2,2 0 0,0 13,19A2,2 0 0,0 15,17V12H18V10H14V15.27C13.71,15.1 13.36,15 13,15Z" /></svg><svg id="augmented-reality" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5M7.75,9H9.25L11,15H9.5L9.21,14H7.79L7.5,15H6L7.75,9M13,9H16.5C17.35,9 18,9.65 18,10.5V11.5C18,12.1 17.6,12.65 17.1,12.9L18,15H16.5L15.65,13H14.5V15H13V9M14.5,10.5V11.5H16.5V10.5H14.5M8.5,11.57L8.23,12.5H8.77L8.5,11.57Z" /></svg><svg id="auto-fix" viewBox="0 0 24 24"><path d="M7.5,5.6L5,7L6.4,4.5L5,2L7.5,3.4L10,2L8.6,4.5L10,7L7.5,5.6M19.5,15.4L22,14L20.6,16.5L22,19L19.5,17.6L17,19L18.4,16.5L17,14L19.5,15.4M22,2L20.6,4.5L22,7L19.5,5.6L17,7L18.4,4.5L17,2L19.5,3.4L22,2M13.34,12.78L15.78,10.34L13.66,8.22L11.22,10.66L13.34,12.78M14.37,7.29L16.71,9.63C17.1,10 17.1,10.65 16.71,11.04L5.04,22.71C4.65,23.1 4,23.1 3.63,22.71L1.29,20.37C0.9,20 0.9,19.35 1.29,18.96L12.96,7.29C13.35,6.9 14,6.9 14.37,7.29Z" /></svg><svg id="auto-upload" viewBox="0 0 24 24"><path d="M5.35,12.65L6.5,9L7.65,12.65M5.5,7L2.3,16H4.2L4.9,14H8.1L8.8,16H10.7L7.5,7M11,20H22V18H11M14,16H19V11H22L16.5,5.5L11,11H14V16Z" /></svg><svg id="autorenew" viewBox="0 0 24 24"><path d="M12,6V9L16,5L12,1V4A8,8 0 0,0 4,12C4,13.57 4.46,15.03 5.24,16.26L6.7,14.8C6.25,13.97 6,13 6,12A6,6 0 0,1 12,6M18.76,7.74L17.3,9.2C17.74,10.04 18,11 18,12A6,6 0 0,1 12,18V15L8,19L12,23V20A8,8 0 0,0 20,12C20,10.43 19.54,8.97 18.76,7.74Z" /></svg><svg id="av-timer" viewBox="0 0 24 24"><path d="M11,17A1,1 0 0,0 12,18A1,1 0 0,0 13,17A1,1 0 0,0 12,16A1,1 0 0,0 11,17M11,3V7H13V5.08C16.39,5.57 19,8.47 19,12A7,7 0 0,1 12,19A7,7 0 0,1 5,12C5,10.32 5.59,8.78 6.58,7.58L12,13L13.41,11.59L6.61,4.79V4.81C4.42,6.45 3,9.05 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M18,12A1,1 0 0,0 17,11A1,1 0 0,0 16,12A1,1 0 0,0 17,13A1,1 0 0,0 18,12M6,12A1,1 0 0,0 7,13A1,1 0 0,0 8,12A1,1 0 0,0 7,11A1,1 0 0,0 6,12Z" /></svg><svg id="aws" viewBox="0 0 24 24"><path d="M7.64,10.38C7.64,10.63 7.66,10.83 7.71,11C7.76,11.12 7.83,11.28 7.92,11.46C7.96,11.5 7.97,11.56 7.97,11.61C7.97,11.68 7.93,11.74 7.84,11.81L7.42,12.09C7.36,12.13 7.3,12.15 7.25,12.15C7.18,12.15 7.12,12.11 7.05,12.05C6.96,11.95 6.88,11.85 6.81,11.74C6.75,11.63 6.68,11.5 6.61,11.35C6.09,11.96 5.44,12.27 4.65,12.27C4.09,12.27 3.65,12.11 3.32,11.79C3,11.47 2.83,11.04 2.83,10.5C2.83,9.95 3.03,9.5 3.43,9.14C3.84,8.8 4.38,8.62 5.06,8.62C5.29,8.62 5.5,8.64 5.77,8.68C6,8.71 6.27,8.76 6.53,8.82V8.34C6.53,7.83 6.43,7.5 6.22,7.27C6,7.06 5.65,6.97 5.14,6.97C4.9,6.97 4.66,7 4.42,7.05C4.17,7.11 3.93,7.18 3.7,7.28C3.59,7.32 3.5,7.35 3.47,7.36C3.42,7.38 3.39,7.38 3.36,7.38C3.27,7.38 3.22,7.32 3.22,7.18V6.85C3.22,6.75 3.23,6.67 3.27,6.62C3.3,6.57 3.36,6.53 3.45,6.5C3.69,6.36 3.96,6.26 4.29,6.18C4.62,6.09 4.96,6.05 5.33,6.05C6.12,6.05 6.7,6.23 7.07,6.59C7.44,6.95 7.62,7.5 7.62,8.23V10.38H7.64M4.94,11.4C5.16,11.4 5.38,11.36 5.62,11.28C5.86,11.2 6.07,11.05 6.25,10.85C6.36,10.72 6.44,10.58 6.5,10.42C6.5,10.26 6.55,10.07 6.55,9.84V9.57C6.35,9.5 6.15,9.5 5.93,9.45C5.72,9.43 5.5,9.41 5.31,9.41C4.86,9.41 4.54,9.5 4.32,9.68C4.1,9.86 4,10.11 4,10.44C4,10.76 4.07,11 4.24,11.15C4.4,11.32 4.63,11.4 4.94,11.4M10.28,12.11C10.16,12.11 10.08,12.09 10,12.05C9.97,12 9.92,11.91 9.88,11.79L8.32,6.65C8.28,6.5 8.26,6.43 8.26,6.38C8.26,6.27 8.31,6.21 8.42,6.21H9.07C9.2,6.21 9.29,6.23 9.33,6.28C9.39,6.32 9.43,6.41 9.47,6.54L10.58,10.94L11.62,6.54C11.65,6.41 11.69,6.32 11.75,6.28C11.8,6.24 11.89,6.21 12,6.21H12.55C12.67,6.21 12.76,6.23 12.81,6.28C12.86,6.32 12.91,6.41 12.94,6.54L14,11L15.14,6.54C15.18,6.41 15.23,6.32 15.27,6.28C15.33,6.24 15.41,6.21 15.53,6.21H16.15C16.26,6.21 16.32,6.27 16.32,6.38C16.32,6.41 16.31,6.45 16.3,6.5C16.3,6.5 16.28,6.58 16.26,6.65L14.65,11.79C14.61,11.93 14.57,12 14.5,12.05C14.46,12.09 14.37,12.12 14.26,12.12H13.69C13.56,12.12 13.5,12.1 13.42,12.05C13.37,12 13.32,11.92 13.3,11.79L12.27,7.5L11.24,11.78C11.21,11.91 11.17,12 11.12,12.05C11.06,12.09 10.97,12.11 10.85,12.11H10.28M18.83,12.29C18.5,12.29 18.13,12.25 17.8,12.17C17.47,12.09 17.21,12 17.04,11.91C16.93,11.85 16.86,11.78 16.83,11.72C16.8,11.66 16.79,11.6 16.79,11.54V11.2C16.79,11.06 16.84,11 16.94,11C17,11 17,11 17.06,11C17.1,11 17.16,11.05 17.23,11.08C17.45,11.18 17.7,11.26 17.96,11.31C18.23,11.36 18.5,11.39 18.75,11.39C19.17,11.39 19.5,11.32 19.72,11.17C19.95,11 20.07,10.81 20.07,10.54C20.07,10.35 20,10.2 19.89,10.07C19.77,9.95 19.54,9.83 19.22,9.73L18.25,9.43C17.77,9.27 17.41,9.05 17.19,8.75C16.97,8.46 16.86,8.13 16.86,7.78C16.86,7.5 16.92,7.26 17.04,7.05C17.16,6.83 17.32,6.65 17.5,6.5C17.72,6.35 17.94,6.24 18.21,6.16C18.47,6.08 18.75,6.04 19.05,6.04C19.19,6.04 19.34,6.05 19.5,6.07C19.64,6.09 19.78,6.12 19.92,6.14C20.06,6.18 20.18,6.21 20.3,6.25C20.42,6.29 20.5,6.33 20.58,6.37C20.67,6.42 20.74,6.47 20.78,6.53C20.82,6.59 20.84,6.66 20.84,6.75V7.07C20.84,7.21 20.79,7.28 20.69,7.28C20.64,7.28 20.55,7.25 20.43,7.2C20.06,7.03 19.63,6.94 19.16,6.94C18.78,6.94 18.5,7 18.27,7.13C18.07,7.25 17.96,7.45 17.96,7.72C17.96,7.91 18.03,8.07 18.16,8.19C18.29,8.32 18.54,8.44 18.89,8.56L19.84,8.86C20.32,9 20.66,9.22 20.87,9.5C21.07,9.77 21.17,10.08 21.17,10.43C21.17,10.71 21.11,10.97 21,11.2C20.88,11.42 20.72,11.62 20.5,11.78C20.31,11.95 20.06,12.07 19.78,12.16C19.5,12.25 19.16,12.29 18.83,12.29M20.08,15.53C17.89,17.14 14.71,18 12,18C8.15,18 4.7,16.58 2.09,14.23C1.88,14.04 2.07,13.79 2.32,13.94C5.14,15.57 8.61,16.56 12.21,16.56C14.64,16.56 17.31,16.06 19.76,15C20.13,14.85 20.44,15.26 20.08,15.53M21,14.5C20.71,14.13 19.14,14.32 18.43,14.4C18.22,14.43 18.19,14.24 18.38,14.1C19.63,13.23 21.69,13.5 21.92,13.77C22.16,14.07 21.86,16.13 20.69,17.11C20.5,17.26 20.33,17.18 20.41,17C20.68,16.32 21.27,14.84 21,14.5Z" /></svg><svg id="axe" viewBox="0 0 24 24"><path d="M12,2L22,8C22,12 20,14 16,15L13,10L9,6L12,2M4.11,19.84L2.12,18.33L9.19,9L11,10.81L4.11,19.84Z" /></svg><svg id="axis" viewBox="0 0 24 24"><path d="M2.61,21L1.61,19.27L11,13.85V3H13V13.85L22.39,19.27L21.39,21L12,15.58L2.61,21Z" /></svg><svg id="axis-arrow" viewBox="0 0 24 24"><path d="M12,2L16,6H13V13.85L19.53,17.61L21,15.03L22.5,20.5L17,21.96L18.53,19.35L12,15.58L5.47,19.35L7,21.96L1.5,20.5L3,15.03L4.47,17.61L11,13.85V6H8L12,2Z" /></svg><svg id="axis-arrow-lock" viewBox="0 0 24 24"><path d="M21.8,5C22.4,5 23,5.6 23,6.3V9.8C23,10.4 22.4,11 21.7,11H16.2C15.6,11 15,10.4 15,9.7V6.2C15,5.6 15.6,5 16.2,5V3.5C16.2,2.1 17.6,1 19,1C20.4,1 21.8,2.1 21.8,3.5V5M20.5,5V3.5C20.5,2.7 19.8,2.2 19,2.2C18.2,2.2 17.5,2.7 17.5,3.5V5H20.5M1.74,19.25L3.21,13.79L4.68,16.34L9,13.85V6H6L10,2L14,6H11V13.85L18.03,17.86L19.5,15.28L21,20.74L15.5,22.21L17.03,19.6L10,15.58L5.68,18.07L7.21,20.71L1.74,19.25Z" /></svg><svg id="axis-lock" viewBox="0 0 24 24"><path d="M21.8,5C22.4,5 23,5.6 23,6.3V9.8C23,10.4 22.4,11 21.7,11H16.2C15.6,11 15,10.4 15,9.7V6.2C15,5.6 15.6,5 16.2,5V3.5C16.2,2.1 17.6,1 19,1C20.4,1 21.8,2.1 21.8,3.5V5M20.5,5V3.5C20.5,2.7 19.8,2.2 19,2.2C18.2,2.2 17.5,2.7 17.5,3.5V5H20.5M11,13.82L20.39,19.25L19.39,21L10,15.56L3.17,19.5L2.17,17.77L9,13.82V3H11V13.82Z" /></svg><svg id="axis-x-arrow" viewBox="0 0 24 24"><path d="M1.5,20.5L3,15.03L4.46,17.6L11,13.82V3H13V13.82L22.39,19.25L21.39,21L12,15.56L5.46,19.33L7,21.96L1.5,20.5Z" /></svg><svg id="axis-x-arrow-lock" viewBox="0 0 24 24"><path d="M21.8,5C22.4,5 23,5.6 23,6.3V9.8C23,10.4 22.4,11 21.7,11H16.2C15.6,11 15,10.4 15,9.7V6.2C15,5.6 15.6,5 16.2,5V3.5C16.2,2.1 17.6,1 19,1C20.4,1 21.8,2.1 21.8,3.5V5M20.5,5V3.5C20.5,2.7 19.8,2.2 19,2.2C18.31,2.2 17.69,2.58 17.54,3.2C17.5,3.29 17.5,3.39 17.5,3.5V5H20.5M1.74,19.25L3.21,13.79L4.67,16.32L9,13.82V3H11V13.82L20.39,19.25L19.39,21L10,15.56L5.67,18.06L7.21,20.71L1.74,19.25Z" /></svg><svg id="axis-x-rotate-clockwise" viewBox="0 0 24 24"><path d="M12,10H14.91C14.57,6.55 13.4,4 12,4C10.42,4 9.12,7.27 9,11.42L7,12.57V12C7,6.5 9.24,2 12,2C14.42,2 16.44,5.44 16.9,10H20L16,14L12,10M12,22C10.12,22 8.47,19.92 7.62,16.84L9.37,15.83C9.87,18.31 10.86,20 12,20C13.27,20 14.36,17.89 14.79,14.92L16,16.12L16.7,15.42C16,19.26 14.16,22 12,22M2.11,18.87L1.11,17.13L1.06,17.06L11.12,11.25L12.72,12.84L2.15,18.94L2.11,18.87M21.89,5.13L22.89,6.87L19.2,9H17.77L17.5,7.66L21.89,5.13Z" /></svg><svg id="axis-x-rotate-counterclockwise" viewBox="0 0 24 24"><path d="M12,14L16,10L20,14H16.9C16.44,18.56 14.42,22 12,22C10.12,22 8.47,19.92 7.62,16.84L9.37,15.83C9.87,18.31 10.86,20 12,20C13.4,20 14.57,17.45 14.91,14H12M1.11,17.13L13.89,9.75L13.96,10.54L10.5,14H10.54L2.11,18.87L1.11,17.13M21.89,5.13L22.89,6.87L17.88,9.76C17.79,9.03 17.67,8.33 17.5,7.66L21.89,5.13M12,2C14.3,2 16.23,5.1 16.82,9.32L16,8.5L14.87,9.63C14.5,6.37 13.35,4 12,4C10.42,4 9.12,7.27 9,11.42L7,12.57V12C7,6.5 9.24,2 12,2Z" /></svg><svg id="axis-x-y-arrow-lock" viewBox="0 0 24 24"><path d="M21.8,5C22.4,5 23,5.6 23,6.3V9.8C23,10.4 22.4,11 21.7,11H16.2C15.6,11 15,10.4 15,9.7V6.2C15,5.6 15.6,5 16.2,5V3.5C16.2,2.1 17.6,1 19,1C20.4,1 21.8,2.1 21.8,3.5V5M20.5,5V3.5C20.5,2.7 19.8,2.2 19,2.2C18.2,2.2 17.5,2.7 17.5,3.5V5H20.5M1.74,19.25L3.21,13.79L4.68,16.34L9,13.85V3H11V13.85L17.53,17.61L19,15.03L20.5,20.5L15,21.96L16.53,19.35L10,15.58L5.68,18.07L7.21,20.71L1.74,19.25Z" /></svg><svg id="axis-y-arrow" viewBox="0 0 24 24"><path d="M22.5,20.5L17,21.96L18.53,19.35L12,15.58L2.61,21L1.61,19.27L11,13.85V3H13V13.85L19.53,17.61L21,15.03L22.5,20.5Z" /></svg><svg id="axis-y-arrow-lock" viewBox="0 0 24 24"><path d="M11,13.82L18,17.88L19.5,15.28L21,20.74L15.5,22.21L17,19.61L10,15.56L3.17,19.5L2.17,17.77L9,13.82V3H11V13.82M21.8,5C22.4,5 23,5.6 23,6.3V9.8C23,10.4 22.4,11 21.7,11H16.2C15.6,11 15,10.4 15,9.7V6.2C15,5.6 15.6,5 16.2,5V3.5C16.2,2.1 17.6,1 19,1C20.4,1 21.8,2.1 21.8,3.5V5M20.5,5V3.5C20.5,2.7 19.8,2.2 19,2.2C18.2,2.2 17.5,2.7 17.5,3.5V5H20.5Z" /></svg><svg id="axis-y-rotate-clockwise" viewBox="0 0 24 24"><path d="M12,10L16,14L20,10H16.9C16.44,5.44 14.42,2 12,2C10.12,2 8.47,4.08 7.62,7.16L9.37,8.17C9.87,5.69 10.86,4 12,4C13.4,4 14.57,6.55 14.91,10H12M1.11,6.87L13.89,14.25L13.96,13.46L10.5,10H10.54L2.11,5.13L1.11,6.87M21.89,18.87L22.89,17.13L17.88,14.24C17.79,14.97 17.67,15.67 17.5,16.34L21.89,18.87M12,22C14.3,22 16.23,18.9 16.82,14.68L16,15.5L14.87,14.37C14.5,17.63 13.35,20 12,20C10.42,20 9.12,16.73 9,12.58L7,11.43V12C7,17.5 9.24,22 12,22Z" /></svg><svg id="axis-y-rotate-counterclockwise" viewBox="0 0 24 24"><path d="M12,14H14.91C14.57,17.45 13.4,20 12,20C10.42,20 9.12,16.73 9,12.58L7,11.43V12C7,17.5 9.24,22 12,22C14.42,22 16.44,18.56 16.9,14H20L16,10L12,14M12,2C10.12,2 8.47,4.08 7.62,7.16L9.37,8.17C9.87,5.69 10.86,4 12,4C13.27,4 14.36,6.11 14.79,9.08L16,7.88L16.7,8.58C16,4.74 14.16,2 12,2M2.11,5.13L1.11,6.87L1.06,6.94L11.12,12.75L12.72,11.16L2.15,5.06L2.11,5.13M21.89,18.87L22.89,17.13L19.2,15H17.77L17.5,16.34L21.89,18.87Z" /></svg><svg id="axis-z-arrow" viewBox="0 0 24 24"><path d="M12,2L16,6H13V13.82L22.39,19.25L21.39,21L12,15.56L2.61,21L1.61,19.25L11,13.82V6H8L12,2Z" /></svg><svg id="axis-z-arrow-lock" viewBox="0 0 24 24"><path d="M21.8,5C22.4,5 23,5.6 23,6.3V9.8C23,10.4 22.4,11 21.7,11H16.2C15.6,11 15,10.4 15,9.7V6.2C15,5.6 15.6,5 16.2,5V3.5C16.2,2.1 17.6,1 19,1C20.4,1 21.8,2.1 21.8,3.5V5M20.5,5V3.5C20.5,2.7 19.8,2.2 19,2.2C18.2,2.2 17.5,2.7 17.5,3.5V5H20.5M10,2L14,6H11V13.82L20.39,19.25L19.39,21L10,15.56L3.17,19.5L2.17,17.77L9,13.82V6H6L10,2Z" /></svg><svg id="axis-z-rotate-clockwise" viewBox="0 0 24 24"><path d="M14,12L10,16L14,20V16.9C18.56,16.44 22,14.42 22,12C22,9.58 18.56,7.56 14,7.1V9.09C17.45,9.43 20,10.6 20,12C20,13.4 17.45,14.57 14,14.91V12M4,12C4,10.6 6.55,9.43 10,9.09V7.1C5.44,7.56 2,9.58 2,12C2,14.16 4.74,16 8.58,16.7L7.88,16L9.08,14.79C6.11,14.36 4,13.27 4,12M13,2H11V13L13,11V2M13,22V21L11,19V22H13Z" /></svg><svg id="axis-z-rotate-counterclockwise" viewBox="0 0 24 24"><path d="M10,12L14,16L10,20V16.9C5.44,16.44 2,14.42 2,12C2,9.58 5.44,7.56 10,7.1V9.09C6.55,9.43 4,10.6 4,12C4,13.4 6.55,14.57 10,14.91V12M20,12C20,10.6 17.45,9.43 14,9.09V7.1C18.56,7.56 22,9.58 22,12C22,14.16 19.26,16 15.42,16.7L16.12,16L14.92,14.79C17.89,14.36 20,13.27 20,12M11,2H13V13L11,11V2M11,22V21L13,19V22H11Z" /></svg><svg id="azure" viewBox="0 0 24 24"><path d="M13.05,4.24L6.56,18.05L2,18L7.09,9.24L13.05,4.24M13.75,5.33L22,19.76H6.74L16.04,18.1L11.17,12.31L13.75,5.33Z" /></svg><svg id="babel" viewBox="0 0 24 24"><path d="M18.23,11.5C18.2,11.34 17.76,10.79 16.91,9.85C16.89,9.66 17.2,9.4 17.81,9.05L19.55,7.5C19.94,7 20.17,6.22 20.24,5.12L20.22,4.86C20.15,4.08 19.59,3.46 18.53,2.97C17.9,2.55 16.77,2.32 15.15,2.29C13.8,2.4 12.04,2.88 9.87,3.72C9.27,4.15 8.59,4.58 7.83,5L7.84,5.14L8.05,5.06C8.13,5.05 8.18,5.09 8.19,5.17L8.32,5.1L8.39,5.09L8.4,5.15C8.4,5.22 7.93,5.59 6.64,6.5L6.58,6.62C6.27,6.64 5.97,6.87 5.67,7.29L5.75,7.41L6,7.32L6.18,7.56C6.5,7.23 6.84,6.94 7.21,6.69C7.4,6.74 7.5,6.8 7.65,6.85C8.67,6.1 9.68,5.55 10.69,5.21L10.7,5.35C10.5,5.62 10.38,5.77 10.32,5.77L10.42,6C10.43,6.19 7.87,13 3.76,20.44L3.84,20.63C4.19,20.55 4.42,20.46 4.59,20.37L4.6,20.5L5,20.47L4.33,22.23L4.47,22.29C5.04,21.65 5.47,21 5.77,20.41C7.44,19.92 8.71,19.44 9.59,18.97C10.47,18.89 11.15,18.66 11.61,18.27L12.53,17.8C13.8,16.82 14.75,16.13 15.4,15.72C16.73,14.74 17.6,13.79 18,12.87L18.23,11.5M14.77,13.81L13,15.2C11.71,16.05 11,16.5 10.91,16.5C8.84,17.63 7.55,18.22 7.05,18.26L7,18.27C7.04,18.04 7.96,16.15 9.75,12.6C10.53,12.54 11.77,12.17 13.46,11.5L13.87,11.47C14.72,11.39 15.36,11.56 15.78,11.96L15.81,12.22C15.5,13.12 15.14,13.66 14.77,13.81M15.86,8.03C15.68,8.25 15.18,8.62 14.36,9.14C14.09,9.17 13.09,9.56 11.35,10.32L11.07,10.27L11.06,10.15C11.04,9.9 11.15,9.58 11.4,9.2C11.53,8.5 11.68,8.08 11.84,8L13.29,4.72C13.27,4.5 13.58,4.37 14.22,4.26L14.43,4.24L14.44,4.42L15.6,4.26C16.75,4.16 17.35,4.4 17.4,4.96L17.53,4.94L17.5,4.62L17.65,4.6C18,4.79 18.17,5 18.19,5.28C18.21,5.46 18.11,5.69 17.9,5.96C17.81,5.97 17.76,5.9 17.75,5.78L17.61,5.79L17.58,6.19C17,7.06 16.57,7.5 16.31,7.53L15.86,8.03Z" /></svg><svg id="baby" viewBox="0 0 24 24"><path d="M18.5,4A2.5,2.5 0 0,1 21,6.5A2.5,2.5 0 0,1 18.5,9A2.5,2.5 0 0,1 16,6.5A2.5,2.5 0 0,1 18.5,4M4.5,20A1.5,1.5 0 0,1 3,18.5A1.5,1.5 0 0,1 4.5,17H11.5A1.5,1.5 0 0,1 13,18.5A1.5,1.5 0 0,1 11.5,20H4.5M16.09,19L14.69,15H11L6.75,10.75C6.75,10.75 9,8.25 12.5,8.25C15.5,8.25 15.85,9.25 16.06,9.87L18.92,18C19.2,18.78 18.78,19.64 18,19.92C17.22,20.19 16.36,19.78 16.09,19Z" /></svg><svg id="baby-buggy" viewBox="0 0 24 24"><path d="M13,2V10H21A8,8 0 0,0 13,2M19.32,15.89C20.37,14.54 21,12.84 21,11H6.44L5.5,9H2V11H4.22C4.22,11 6.11,15.07 6.34,15.42C5.24,16 4.5,17.17 4.5,18.5A3.5,3.5 0 0,0 8,22C9.76,22 11.22,20.7 11.46,19H13.54C13.78,20.7 15.24,22 17,22A3.5,3.5 0 0,0 20.5,18.5C20.5,17.46 20.04,16.53 19.32,15.89M8,20A1.5,1.5 0 0,1 6.5,18.5A1.5,1.5 0 0,1 8,17A1.5,1.5 0 0,1 9.5,18.5A1.5,1.5 0 0,1 8,20M17,20A1.5,1.5 0 0,1 15.5,18.5A1.5,1.5 0 0,1 17,17A1.5,1.5 0 0,1 18.5,18.5A1.5,1.5 0 0,1 17,20Z" /></svg><svg id="baby-face" viewBox="0 0 24 24"><path d="M1,12C1,10.19 2.2,8.66 3.86,8.17C5.29,5.11 8.4,3 12,3C15.6,3 18.71,5.11 20.15,8.17C21.8,8.66 23,10.19 23,12C23,13.81 21.8,15.34 20.15,15.83C18.71,18.89 15.6,21 12,21C8.4,21 5.29,18.89 3.86,15.83C2.2,15.34 1,13.81 1,12M14.5,9.25A1.25,1.25 0 0,0 13.25,10.5A1.25,1.25 0 0,0 14.5,11.75A1.25,1.25 0 0,0 15.75,10.5A1.25,1.25 0 0,0 14.5,9.25M9.5,9.25A1.25,1.25 0 0,0 8.25,10.5A1.25,1.25 0 0,0 9.5,11.75A1.25,1.25 0 0,0 10.75,10.5A1.25,1.25 0 0,0 9.5,9.25M7.5,14C8.26,15.77 10,17 12,17C14,17 15.74,15.77 16.5,14H7.5M3,12C3,12.82 3.5,13.53 4.21,13.84C4.07,13.25 4,12.63 4,12C4,11.37 4.07,10.75 4.21,10.16C3.5,10.47 3,11.18 3,12M21,12C21,11.18 20.5,10.47 19.79,10.16C19.93,10.75 20,11.37 20,12C20,12.63 19.93,13.25 19.79,13.84C20.5,13.53 21,12.82 21,12Z" /></svg><svg id="baby-face-outline" viewBox="0 0 24 24"><path d="M14.5,9.25A1.25,1.25 0 0,1 15.75,10.5A1.25,1.25 0 0,1 14.5,11.75A1.25,1.25 0 0,1 13.25,10.5A1.25,1.25 0 0,1 14.5,9.25M9.5,9.25A1.25,1.25 0 0,1 10.75,10.5A1.25,1.25 0 0,1 9.5,11.75A1.25,1.25 0 0,1 8.25,10.5A1.25,1.25 0 0,1 9.5,9.25M7.5,14H16.5C15.74,15.77 14,17 12,17C10,17 8.26,15.77 7.5,14M1,12C1,10.19 2.2,8.66 3.86,8.17C5.29,5.11 8.4,3 12,3C15.6,3 18.71,5.11 20.15,8.17C21.8,8.66 23,10.19 23,12C23,13.81 21.8,15.34 20.15,15.83C18.71,18.89 15.6,21 12,21C8.4,21 5.29,18.89 3.86,15.83C2.2,15.34 1,13.81 1,12M12,5C8.82,5 6.14,7.12 5.28,10H5A2,2 0 0,0 3,12A2,2 0 0,0 5,14H5.28C6.14,16.88 8.82,19 12,19C15.18,19 17.86,16.88 18.72,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H18.72C17.86,7.12 15.18,5 12,5Z" /></svg><svg id="backburger" viewBox="0 0 24 24"><path d="M5,13L9,17L7.6,18.42L1.18,12L7.6,5.58L9,7L5,11H21V13H5M21,6V8H11V6H21M21,16V18H11V16H21Z" /></svg><svg id="backspace" viewBox="0 0 24 24"><path d="M22,3H7C6.31,3 5.77,3.35 5.41,3.88L0,12L5.41,20.11C5.77,20.64 6.31,21 7,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M19,15.59L17.59,17L14,13.41L10.41,17L9,15.59L12.59,12L9,8.41L10.41,7L14,10.59L17.59,7L19,8.41L15.41,12" /></svg><svg id="backspace-outline" viewBox="0 0 24 24"><path d="M19,15.59L17.59,17L14,13.41L10.41,17L9,15.59L12.59,12L9,8.41L10.41,7L14,10.59L17.59,7L19,8.41L15.41,12L19,15.59M22,3A2,2 0 0,1 24,5V19A2,2 0 0,1 22,21H7C6.31,21 5.77,20.64 5.41,20.11L0,12L5.41,3.88C5.77,3.35 6.31,3 7,3H22M22,5H7L2.28,12L7,19H22V5Z" /></svg><svg id="backup-restore" viewBox="0 0 24 24"><path d="M12,3A9,9 0 0,0 3,12H0L4,16L8,12H5A7,7 0 0,1 12,5A7,7 0 0,1 19,12A7,7 0 0,1 12,19C10.5,19 9.09,18.5 7.94,17.7L6.5,19.14C8.04,20.3 9.94,21 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M14,12A2,2 0 0,0 12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12Z" /></svg><svg id="badminton" viewBox="0 0 24 24"><path d="M12.3,2C11.33,2.03 10.58,2.84 10.61,3.8C10.62,4.04 10.67,4.27 10.77,4.5L11.06,5.14V5.14C11.1,5.27 11.03,5.41 10.89,5.45C10.8,5.5 10.7,5.45 10.63,5.37L10.21,4.82C9.88,4.4 9.38,4.14 8.85,4.13C7.88,4.11 7.08,4.88 7.06,5.84C7.05,6.26 7.19,6.66 7.45,7L7.87,7.5H7.88C7.96,7.63 7.93,7.79 7.82,7.87C7.73,7.94 7.61,7.94 7.53,7.87L7,7.45C6.66,7.19 6.25,7.05 5.84,7.06C4.88,7.08 4.11,7.88 4.13,8.85C4.14,9.38 4.4,9.88 4.82,10.21L5.39,10.65C5.5,10.75 5.5,10.91 5.38,11C5.31,11.07 5.21,11.09 5.12,11.05H5.11L4.5,10.77C4.27,10.68 4.04,10.62 3.8,10.61C2.84,10.58 2.03,11.34 2,12.31C2,13.03 2.4,13.69 3.06,13.97L14.45,19.04L19.04,14.45L13.97,3.06C13.69,2.39 13,1.97 12.3,2M13.13,6.1C13.55,6.09 13.93,6.33 14.09,6.71L17.14,13.55L13.19,9.61L12.26,7.5C11.96,6.87 12.42,6.12 13.13,6.1M9.85,8.85C10.12,8.85 10.37,8.95 10.56,9.15L15.37,13.96C15.77,14.34 15.78,14.97 15.4,15.37C15,15.77 14.38,15.78 13.96,15.37L9.15,10.56C8.75,10.18 8.74,9.54 9.13,9.15C9.32,8.95 9.58,8.85 9.85,8.85M7.13,12.17C7.26,12.17 7.4,12.21 7.5,12.26L9.63,13.2L13.57,17.14L6.71,14.09C5.69,13.65 6.03,12.14 7.13,12.17M20.28,16.04L16.04,20.28L16.89,21.13C17.65,21.88 18.75,22.17 19.78,21.9C20.81,21.62 21.62,20.81 21.9,19.78C22.17,18.75 21.88,17.65 21.13,16.89L20.28,16.04Z" /></svg><svg id="bag-personal" viewBox="0 0 24 24"><path d="M16,5V4A2,2 0 0,0 14,2H10A2,2 0 0,0 8,4V5A4,4 0 0,0 4,9V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V9A4,4 0 0,0 16,5M10,4H14V5H10V4M12,9L14,11L12,13L10,11L12,9M18,16H9V18H8V16H6V15H18V16Z" /></svg><svg id="bag-personal-off" viewBox="0 0 24 24"><path d="M20,19.35L2.38,1.73L1.11,3L4.77,6.66C4.27,7.34 4,8.16 4,9V20A2,2 0 0,0 6,22H18C18.56,22 19.08,21.76 19.46,21.35L20.84,22.73L22.11,21.46L20,19.35M9,16V18H8V16H6V15H13.11L14.11,16H9M20,9A4,4 0 0,0 16,5V4A2,2 0 0,0 14,2H10A2,2 0 0,0 8,4V4.8L20,16.8V9M14,5H10V4H14V5Z" /></svg><svg id="bag-personal-off-outline" viewBox="0 0 24 24"><path d="M20,19.35L2.38,1.73L1.11,3L4.77,6.66C4.27,7.34 4,8.16 4,9V20A2,2 0 0,0 6,22H18C18.56,22 19.08,21.76 19.46,21.35L20.84,22.73L22.11,21.46L20,19.35M6,9C6,8.69 6.08,8.38 6.22,8.11L13.11,15H6V9M18,20H6V16H8V18H9V16H14.11L18,19.89V20M16,7A2,2 0 0,1 18,9V14.8L20,16.8V9A4,4 0 0,0 16,5V4A2,2 0 0,0 14,2H10A2,2 0 0,0 8,4V4.8L10.2,7H16M10,4H14V5H10V4Z" /></svg><svg id="bag-personal-outline" viewBox="0 0 24 24"><path d="M16,5V4A2,2 0 0,0 14,2H10A2,2 0 0,0 8,4V5A4,4 0 0,0 4,9V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V9A4,4 0 0,0 16,5M10,4H14V5H10V4M12,9L14,11L12,13L10,11L12,9M18,20H6V16H8V18H9V16H18V20M18,15H6V9A2,2 0 0,1 8,7H16A2,2 0 0,1 18,9V15Z" /></svg><svg id="balloon" viewBox="0 0 24 24"><path d="M13.16,12.74L14,14H12.5C12.35,16.71 12,19.41 11.5,22.08L10.5,21.92C11,19.3 11.34,16.66 11.5,14H10L10.84,12.74C8.64,11.79 7,8.36 7,6A5,5 0 0,1 12,1A5,5 0 0,1 17,6C17,8.36 15.36,11.79 13.16,12.74Z" /></svg><svg id="ballot" viewBox="0 0 24 24"><path d="M13,9.5H18V7.5H13V9.5M13,16.5H18V14.5H13V16.5M19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21M6,11H11V6H6V11M7,7H10V10H7V7M6,18H11V13H6V18M7,14H10V17H7V14Z" /></svg><svg id="ballot-outline" viewBox="0 0 24 24"><path d="M13,7.5H18V9.5H13V7.5M13,14.5H18V16.5H13V14.5M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M19,19V5H5V19H19M11,6V11H6V6H11M10,10V7H7V10H10M11,13V18H6V13H11M10,17V14H7V17H10Z" /></svg><svg id="ballot-recount" viewBox="0 0 24 24"><path d="M19,12V13.5A4,4 0 0,1 23,17.5C23,18.32 22.75,19.08 22.33,19.71L21.24,18.62C21.41,18.28 21.5,17.9 21.5,17.5A2.5,2.5 0 0,0 19,15V16.5L16.75,14.25L19,12M19,23V21.5A4,4 0 0,1 15,17.5C15,16.68 15.25,15.92 15.67,15.29L16.76,16.38C16.59,16.72 16.5,17.1 16.5,17.5A2.5,2.5 0 0,0 19,20V18.5L21.25,20.75L19,23M10,17H7V14H10V17M10,7V10H7V7H10M5,21A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V11.17C20.5,11.06 20,11 19.5,11A6.5,6.5 0 0,0 13,17.5C13,18.79 13.38,20 14,21H5M13,9.5H18V7.5H13V9.5M11,13H6V18H11V13M11,6H6V11H11V6Z" /></svg><svg id="ballot-recount-outline" viewBox="0 0 24 24"><path d="M6,18V13H11V18H6M7,14V17H10V14H7M13,7.5H18V9.5H13V7.5M5,21A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V11.17C20.5,11.06 20,11 19.5,11H19V5H5V19H13.17C13.34,19.72 13.63,20.39 14,21H5M11,6V11H6V6H11M10,10V7H7V10H10M19,12V13.5A4,4 0 0,1 23,17.5C23,18.32 22.75,19.08 22.33,19.71L21.24,18.62C21.41,18.28 21.5,17.9 21.5,17.5A2.5,2.5 0 0,0 19,15V16.5L16.75,14.25L19,12M19,23V21.5A4,4 0 0,1 15,17.5C15,16.68 15.25,15.92 15.67,15.29L16.76,16.38C16.59,16.72 16.5,17.1 16.5,17.5A2.5,2.5 0 0,0 19,20V18.5L21.25,20.75L19,23Z" /></svg><svg id="bandage" viewBox="0 0 24 24"><path d="M17.73,12L21.71,8.04C22.1,7.65 22.1,7 21.71,6.63L17.37,2.29C17,1.9 16.35,1.9 15.96,2.29L12,6.27L8,2.29C7.8,2.1 7.55,2 7.29,2C7.04,2 6.78,2.1 6.59,2.29L2.25,6.63C1.86,7 1.86,7.65 2.25,8.04L6.23,12L2.25,16C1.86,16.39 1.86,17 2.25,17.41L6.59,21.75C7,22.14 7.61,22.14 8,21.75L12,17.77L15.96,21.75C16.16,21.95 16.41,22.04 16.67,22.04C16.93,22.04 17.18,21.94 17.38,21.75L21.72,17.41C22.11,17 22.11,16.39 21.72,16L17.73,12M12,9A1,1 0 0,1 13,10A1,1 0 0,1 12,11A1,1 0 0,1 11,10A1,1 0 0,1 12,9M7.29,10.96L3.66,7.34L7.29,3.71L10.91,7.33L7.29,10.96M10,13A1,1 0 0,1 9,12A1,1 0 0,1 10,11A1,1 0 0,1 11,12A1,1 0 0,1 10,13M12,15A1,1 0 0,1 11,14A1,1 0 0,1 12,13A1,1 0 0,1 13,14A1,1 0 0,1 12,15M14,11A1,1 0 0,1 15,12A1,1 0 0,1 14,13A1,1 0 0,1 13,12A1,1 0 0,1 14,11M16.66,20.34L13.03,16.72L16.66,13.09L20.28,16.71L16.66,20.34Z" /></svg><svg id="bandcamp" viewBox="0 0 24 24"><path d="M22,6L15.5,18H2L8.5,6H22Z" /></svg><svg id="bank" viewBox="0 0 24 24"><path d="M11.5,1L2,6V8H21V6M16,10V17H19V10M2,22H21V19H2M10,10V17H13V10M4,10V17H7V10H4Z" /></svg><svg id="bank-minus" viewBox="0 0 24 24"><path d="M14,17H22V19H14V17M11.5,1L21,6V8H2V6L11.5,1M16,10H19V12.08L18,12C17.3,12 16.63,12.12 16,12.34V10M2,22V19H12.08C12.27,20.14 12.79,21.17 13.53,22H2M10,10H13V14.68C12.54,15.37 12.22,16.15 12.08,17H10V10M4,10H7V17H4V10Z" /></svg><svg id="bank-outline" viewBox="0 0 24 24"><path d="M6.5,10H4.5V17H6.5V10M12.5,10H10.5V17H12.5V10M21,19H2V21H21V19M18.5,10H16.5V17H18.5V10M11.5,3.26L16.71,6H6.29L11.5,3.26M11.5,1L2,6V8H21V6L11.5,1Z" /></svg><svg id="bank-plus" viewBox="0 0 24 24"><path d="M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11.5,1L21,6V8H2V6L11.5,1M16,10H19V12.08L18,12C17.3,12 16.63,12.12 16,12.34V10M2,22V19H12.08C12.27,20.14 12.79,21.17 13.53,22H2M10,10H13V14.68C12.54,15.37 12.22,16.15 12.08,17H10V10M4,10H7V17H4V10Z" /></svg><svg id="bank-remove" viewBox="0 0 24 24"><path d="M14.46,15.88L15.88,14.46L18,16.59L20.12,14.46L21.54,15.88L19.41,18L21.54,20.12L20.12,21.54L18,19.41L15.88,21.54L14.46,20.12L16.59,18L14.46,15.88M11.5,1L21,6V8H2V6L11.5,1M16,10H19V12.08L18,12C17.3,12 16.63,12.12 16,12.34V10M2,22V19H12.08C12.27,20.14 12.79,21.17 13.53,22H2M10,10H13V14.68C12.54,15.37 12.22,16.15 12.08,17H10V10M4,10H7V17H4V10Z" /></svg><svg id="bank-transfer" viewBox="0 0 24 24"><path d="M15,14V11H18V9L22,12.5L18,16V14H15M14,7.7V9H2V7.7L8,4L14,7.7M7,10H9V15H7V10M3,10H5V15H3V10M13,10V12.5L11,14.3V10H13M9.1,16L8.5,16.5L10.2,18H2V16H9.1M17,15V18H14V20L10,16.5L14,13V15H17Z" /></svg><svg id="bank-transfer-in" viewBox="0 0 24 24"><path d="M2,15V12H5V10L9,13.5L5,17V15H2M22,8.7V10H10V8.7L16,5L22,8.7M10,17H22V19H10V17M15,11H17V16H15V11M11,11H13V16H11V11M19,11H21V16H19V11Z" /></svg><svg id="bank-transfer-out" viewBox="0 0 24 24"><path d="M15,15V12H18V10L22,13.5L18,17V15H15M14,8.7V10H2V8.7L8,5L14,8.7M2,17H14V19H2V17M7,11H9V16H7V11M3,11H5V16H3V11M11,11H13V16H11V11Z" /></svg><svg id="barcode" viewBox="0 0 24 24"><path d="M2,6H4V18H2V6M5,6H6V18H5V6M7,6H10V18H7V6M11,6H12V18H11V6M14,6H16V18H14V6M17,6H20V18H17V6M21,6H22V18H21V6Z" /></svg><svg id="barcode-scan" viewBox="0 0 24 24"><path d="M4,6H6V18H4V6M7,6H8V18H7V6M9,6H12V18H9V6M13,6H14V18H13V6M16,6H18V18H16V6M19,6H20V18H19V6M2,4V8H0V4A2,2 0 0,1 2,2H6V4H2M22,2A2,2 0 0,1 24,4V8H22V4H18V2H22M2,16V20H6V22H2A2,2 0 0,1 0,20V16H2M22,20V16H24V20A2,2 0 0,1 22,22H18V20H22Z" /></svg><svg id="barley" viewBox="0 0 24 24"><path d="M7.33,18.33C6.5,17.17 6.5,15.83 6.5,14.5C8.17,15.5 9.83,16.5 10.67,17.67L11,18.23V15.95C9.5,15.05 8.08,14.13 7.33,13.08C6.5,11.92 6.5,10.58 6.5,9.25C8.17,10.25 9.83,11.25 10.67,12.42L11,13V10.7C9.5,9.8 8.08,8.88 7.33,7.83C6.5,6.67 6.5,5.33 6.5,4C8.17,5 9.83,6 10.67,7.17C10.77,7.31 10.86,7.46 10.94,7.62C10.77,7 10.66,6.42 10.65,5.82C10.64,4.31 11.3,2.76 11.96,1.21C12.65,2.69 13.34,4.18 13.35,5.69C13.36,6.32 13.25,6.96 13.07,7.59C13.15,7.45 13.23,7.31 13.33,7.17C14.17,6 15.83,5 17.5,4C17.5,5.33 17.5,6.67 16.67,7.83C15.92,8.88 14.5,9.8 13,10.7V13L13.33,12.42C14.17,11.25 15.83,10.25 17.5,9.25C17.5,10.58 17.5,11.92 16.67,13.08C15.92,14.13 14.5,15.05 13,15.95V18.23L13.33,17.67C14.17,16.5 15.83,15.5 17.5,14.5C17.5,15.83 17.5,17.17 16.67,18.33C15.92,19.38 14.5,20.3 13,21.2V23H11V21.2C9.5,20.3 8.08,19.38 7.33,18.33Z" /></svg><svg id="barley-off" viewBox="0 0 24 24"><path d="M11.96,1.21C11.3,2.76 10.64,4.31 10.65,5.82C10.66,6.42 10.77,7 10.94,7.62C10.86,7.46 10.77,7.31 10.67,7.17C9.83,6 8.17,5 6.5,4C6.5,4.8 6.5,5.59 6.68,6.36L13,12.68V10.7C14.5,9.8 15.92,8.88 16.67,7.83C17.5,6.67 17.5,5.33 17.5,4C15.83,5 14.17,6 13.33,7.17C13.23,7.31 13.15,7.45 13.07,7.59C13.25,6.96 13.36,6.32 13.35,5.69C13.34,4.18 12.65,2.69 11.96,1.21M3.28,5.5L2,6.77L6.64,11.41C6.75,12 6.95,12.55 7.33,13.08C8.08,14.13 9.5,15.05 11,15.95V18.23L10.67,17.67C9.83,16.5 8.17,15.5 6.5,14.5C6.5,15.83 6.5,17.17 7.33,18.33C8.08,19.38 9.5,20.3 11,21.2V23H13V21.2C13.74,20.76 14.45,20.31 15.07,19.84L18.73,23.5L20,22.22C14,16.23 9.1,11.32 3.28,5.5M17.5,9.25C15.83,10.25 14.17,11.25 13.33,12.42L13.12,12.79L15,14.66C15.67,14.16 16.27,13.64 16.67,13.08C17.5,11.92 17.5,10.58 17.5,9.25M17.5,14.5C16.93,14.84 16.38,15.18 15.85,15.53L17.29,16.97C17.5,16.17 17.5,15.33 17.5,14.5Z" /></svg><svg id="barn" viewBox="0 0 24 24"><path d="M12,3L3,8.2V21H9L11.9,18L15,21H21V8.2L12,3M7.9,20V14L10.9,17L7.9,20M8.9,13H14.9L11.9,16L8.9,13M15.9,20L12.9,17L15.9,14V20M15,11H8.8V9H15V11Z" /></svg><svg id="barrel" viewBox="0 0 24 24"><path d="M18,19H19V21H5V19H6V13H5V11H6V5H5V3H19V5H18V11H19V13H18V19M9,13A3,3 0 0,0 12,16A3,3 0 0,0 15,13C15,11 12,7.63 12,7.63C12,7.63 9,11 9,13Z" /></svg><svg id="baseball" viewBox="0 0 24 24"><path d="M12,2C9.5,2 7.25,2.9 5.5,4.4C6,4.81 6.41,5.27 6.8,5.76L7.89,5.13L8.89,6.87L7.89,7.44C8.45,8.53 8.82,9.73 8.95,11H10V12L10,13H8.95C8.82,14.27 8.45,15.47 7.89,16.56L8.89,17.13L7.89,18.87L6.8,18.24C6.41,18.73 6,19.19 5.5,19.6C7.25,21.1 9.5,22 12,22C14.5,22 16.75,21.1 18.5,19.6C18,19.19 17.59,18.73 17.19,18.24L16.11,18.87L15.11,17.13L16.11,16.55C15.55,15.47 15.18,14.27 15.05,13H14V11H15.05C15.18,9.73 15.55,8.53 16.11,7.45L15.11,6.87L16.11,5.13L17.19,5.76C17.59,5.27 18,4.81 18.5,4.4C16.75,2.9 14.5,2 12,2M4.12,5.85C2.79,7.55 2,9.68 2,12C2,14.32 2.79,16.45 4.12,18.15C4.46,17.87 4.76,17.55 5.05,17.22L4.43,16.87L5.43,15.13L6.16,15.56C6.55,14.77 6.82,13.91 6.93,13H6V12L6,11H6.93C6.82,10.09 6.55,9.23 6.16,8.44L5.43,8.87L4.43,7.13L5.05,6.78C4.76,6.45 4.46,6.13 4.12,5.85M19.88,5.85C19.54,6.13 19.24,6.45 18.95,6.78L19.57,7.13L18.57,8.87L17.84,8.44C17.45,9.23 17.18,10.09 17.07,11H18V13H17.07C17.18,13.91 17.45,14.77 17.84,15.56L18.57,15.13L19.57,16.87L18.95,17.22C19.24,17.55 19.54,17.87 19.88,18.15C21.21,16.45 22,14.32 22,12C22,9.68 21.21,7.55 19.88,5.85Z" /></svg><svg id="baseball-bat" viewBox="0 0 24 24"><path d="M20,2C19.72,2 19.5,2.11 19.29,2.29L9.79,11.79C9.75,11.83 9.72,11.87 7.23,15.35L4,18.59L3.71,18.29C3.5,18.1 3.26,18 3,18C2.44,18 2,18.44 2,19C2,19.26 2.1,19.5 2.29,19.71L4.29,21.71C4.68,22.11 5.31,22.12 5.71,21.74C6.11,21.35 6.12,20.72 5.71,20.29L5.41,20L8.64,16.77L12.21,14.21L21.71,4.71C22.1,4.32 22.1,3.68 21.71,3.29L20.71,2.29C20.5,2.1 20.26,2 20,2M18.5,13A2.5,2.5 0 0,0 16,15.5A2.5,2.5 0 0,0 18.5,18A2.5,2.5 0 0,0 21,15.5A2.5,2.5 0 0,0 18.5,13Z" /></svg><svg id="basecamp" viewBox="0 0 24 24"><path d="M2,16.25C2,16.25 4,3.75 12,3.75C20,3.75 22,16.25 22,16.25C22,16.25 20,20.25 12,20.25C4,20.25 2,16.25 2,16.25M3.35,15.65C3.35,15.65 4.3,19 12,19C17,19 20,17.8 20.65,15.85C21.3,13.9 15.65,7.6 14.65,7.6C13.65,7.6 11.2,12 10.45,12C8.45,12 8.9,10 7.15,10C5.4,10 3.35,15.65 3.35,15.65Z" /></svg><svg id="basket" viewBox="0 0 24 24"><path d="M5.5,21C4.72,21 4.04,20.55 3.71,19.9V19.9L1.1,10.44L1,10A1,1 0 0,1 2,9H6.58L11.18,2.43C11.36,2.17 11.66,2 12,2C12.34,2 12.65,2.17 12.83,2.44L17.42,9H22A1,1 0 0,1 23,10L22.96,10.29L20.29,19.9C19.96,20.55 19.28,21 18.5,21H5.5M12,4.74L9,9H15L12,4.74M12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17A2,2 0 0,0 14,15A2,2 0 0,0 12,13Z" /></svg><svg id="basket-fill" viewBox="0 0 24 24"><path d="M3,2H6V5H3V2M6,7H9V10H6V7M8,2H11V5H8V2M17,11L12,6H15V2H19V6H22L17,11M7.5,22C6.72,22 6.04,21.55 5.71,20.9V20.9L3.1,13.44L3,13A1,1 0 0,1 4,12H20A1,1 0 0,1 21,13L20.96,13.29L18.29,20.9C17.96,21.55 17.28,22 16.5,22H7.5M7.61,20H16.39L18.57,14H5.42L7.61,20Z" /></svg><svg id="basket-unfill" viewBox="0 0 24 24"><path d="M3,10H6V7H3V10M5,5H8V2H5V5M8,10H11V7H8V10M17,1L12,6H15V10H19V6H22L17,1M7.5,22C6.72,22 6.04,21.55 5.71,20.9V20.9L3.1,13.44L3,13A1,1 0 0,1 4,12H20A1,1 0 0,1 21,13L20.96,13.29L18.29,20.9C17.96,21.55 17.28,22 16.5,22H7.5M7.61,20H16.39L18.57,14H5.42L7.61,20Z" /></svg><svg id="basketball" viewBox="0 0 24 24"><path d="M2.34,14.63C2.94,14.41 3.56,14.3 4.22,14.3C5.56,14.3 6.73,14.72 7.73,15.56L4.59,18.7C3.53,17.5 2.78,16.13 2.34,14.63M15.56,9.8C17.53,11.27 19.66,11.63 21.94,10.88C21.97,11.09 22,11.47 22,12C22,13.03 21.75,14.18 21.28,15.45C20.81,16.71 20.23,17.73 19.55,18.5L13.22,12.19L15.56,9.8M8.77,16.64C9.83,18.17 10.05,19.84 9.42,21.66C8,21.25 6.73,20.61 5.67,19.73L8.77,16.64M12.19,13.22L18.5,19.55C16.33,21.45 13.78,22.25 10.88,21.94C11.09,21.28 11.2,20.56 11.2,19.78C11.2,19.16 11.06,18.43 10.78,17.6C10.5,16.77 10.17,16.09 9.8,15.56L12.19,13.22M8.81,14.5C7.88,13.67 6.8,13.15 5.58,12.91C4.36,12.68 3.19,12.75 2.06,13.13C2.03,12.91 2,12.53 2,12C2,10.97 2.25,9.82 2.72,8.55C3.19,7.29 3.77,6.27 4.45,5.5L11.11,12.19L8.81,14.5M15.56,7.73C14.22,6.08 13.91,4.28 14.63,2.34C15.25,2.5 15.96,2.8 16.76,3.26C17.55,3.71 18.2,4.16 18.7,4.59L15.56,7.73M21.66,9.38C21.06,9.59 20.44,9.7 19.78,9.7C18.69,9.7 17.64,9.38 16.64,8.72L19.73,5.67C20.61,6.77 21.25,8 21.66,9.38M12.19,11.11L5.5,4.45C7.67,2.55 10.22,1.75 13.13,2.06C12.91,2.72 12.8,3.44 12.8,4.22C12.8,4.94 12.96,5.75 13.29,6.66C13.62,7.56 14,8.28 14.5,8.81L12.19,11.11Z" /></svg><svg id="basketball-hoop" viewBox="0 0 24 24"><path d="M21,2H3A2,2 0 0,0 1,4V16A2,2 0 0,0 3,18H5V14H19V18H21A2,2 0 0,0 23,16V4A2,2 0 0,0 21,2M17,12H15V9H9V12H7V9A2,2 0 0,1 9,7H15A2,2 0 0,1 17,9V12M7,16V19.5L8,23L10,21L12,23L14,21L16,23L17,19.5V16H7Z" /></svg><svg id="basketball-hoop-outline" viewBox="0 0 24 24"><path d="M21,2H3A2,2 0 0,0 1,4V16A2,2 0 0,0 3,18H6.57L8,23L10,21L12,23L14,21L16,23L17.43,18H21A2,2 0 0,0 23,16V4A2,2 0 0,0 21,2M21,16H18V14H17V9A2,2 0 0,0 15,7H9A2,2 0 0,0 7,9V14H6V16H3V4H21V16M9,14V9H15V14H9Z" /></svg><svg id="bat" viewBox="0 0 24 24"><path d="M0.75,8C0.75,8 5,7 8,9C8,9 8.5,12.75 10.5,12.75V11C10.5,11 11,12 12,12C13,12 13.5,11 13.5,11V12.75C15.5,12.75 16,9 16,9C19,7 23.25,8 23.25,8C21.25,9 21,12.5 21,12.5C17,12.5 17,15.75 17,15.75C12,14.75 12,18.5 12,18.5C12,18.5 12,14.75 7,15.75C7,15.75 7,12.5 3,12.5C3,12.5 2.75,9 0.75,8Z" /></svg><svg id="battery" viewBox="0 0 24 24"><path d="M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg><svg id="battery-10" viewBox="0 0 24 24"><path d="M16,18H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg><svg id="battery-10-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V18H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg><svg id="battery-20" viewBox="0 0 24 24"><path d="M16,17H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg><svg id="battery-20-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V17H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg><svg id="battery-30" viewBox="0 0 24 24"><path d="M16,15H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg><svg id="battery-30-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V15H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg><svg id="battery-40" viewBox="0 0 24 24"><path d="M16,14H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg><svg id="battery-40-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V14H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg><svg id="battery-50" viewBox="0 0 24 24"><path d="M16,13H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg><svg id="battery-50-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V13H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg><svg id="battery-60" viewBox="0 0 24 24"><path d="M16,12H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg><svg id="battery-60-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V12H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg><svg id="battery-70" viewBox="0 0 24 24"><path d="M16,10H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg><svg id="battery-70-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V10H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg><svg id="battery-80" viewBox="0 0 24 24"><path d="M16,9H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg><svg id="battery-80-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V9H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg><svg id="battery-90" viewBox="0 0 24 24"><path d="M16,8H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg><svg id="battery-90-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V8H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg><svg id="battery-alert" viewBox="0 0 24 24"><path d="M13,14H11V9H13M13,18H11V16H13M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg><svg id="battery-alert-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M7,9H9V14H7V9M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21M7,16H9V18H7V16Z" /></svg><svg id="battery-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg><svg id="battery-bluetooth-variant" viewBox="0 0 24 24"><path d="M9,2V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4H15V2H9M11.83,8H12.33L15.18,10.85L13.04,13L15.17,15.14L12.33,18H11.83V14.21L9.54,16.5L8.83,15.79L11.62,13L8.83,10.21L9.54,9.5L11.83,11.79V8M12.83,9.91V11.79L13.77,10.85L12.83,9.91M12.83,14.21V16.08L13.77,15.14L12.83,14.21Z" /></svg><svg id="battery-charging" viewBox="0 0 24 24"><path d="M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.66C6,21.4 6.6,22 7.33,22H16.66C17.4,22 18,21.4 18,20.67V5.33C18,4.6 17.4,4 16.67,4M11,20V14.5H9L13,7V12.5H15" /></svg><svg id="battery-charging-10" viewBox="0 0 24 24"><path d="M23.05,11H20.05V4L15.05,14H18.05V22M12,18H4L4.05,6H12.05M12.72,4H11.05V2H5.05V4H3.38A1.33,1.33 0 0,0 2.05,5.33V20.67C2.05,21.4 2.65,22 3.38,22H12.72C13.45,22 14.05,21.4 14.05,20.67V5.33A1.33,1.33 0 0,0 12.72,4Z" /></svg><svg id="battery-charging-100" viewBox="0 0 24 24"><path d="M23,11H20V4L15,14H18V22M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z" /></svg><svg id="battery-charging-20" viewBox="0 0 24 24"><path d="M23.05,11H20.05V4L15.05,14H18.05V22M12.05,17H4.05V6H12.05M12.72,4H11.05V2H5.05V4H3.38A1.33,1.33 0 0,0 2.05,5.33V20.67C2.05,21.4 2.65,22 3.38,22H12.72C13.45,22 14.05,21.4 14.05,20.67V5.33A1.33,1.33 0 0,0 12.72,4Z" /></svg><svg id="battery-charging-30" viewBox="0 0 24 24"><path d="M12,15H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4M23,11H20V4L15,14H18V22L23,11Z" /></svg><svg id="battery-charging-40" viewBox="0 0 24 24"><path d="M23,11H20V4L15,14H18V22M12,13H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z" /></svg><svg id="battery-charging-50" viewBox="0 0 24 24"><path d="M23,11H20V4L15,14H18V22M12,13H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z" /></svg><svg id="battery-charging-60" viewBox="0 0 24 24"><path d="M12,11H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4M23,11H20V4L15,14H18V22L23,11Z" /></svg><svg id="battery-charging-70" viewBox="0 0 24 24"><path d="M12,10H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4M23,11H20V4L15,14H18V22L23,11Z" /></svg><svg id="battery-charging-80" viewBox="0 0 24 24"><path d="M23,11H20V4L15,14H18V22M12,9H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z" /></svg><svg id="battery-charging-90" viewBox="0 0 24 24"><path d="M23,11H20V4L15,14H18V22M12,8H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z" /></svg><svg id="battery-charging-outline" viewBox="0 0 24 24"><path d="M23.05,11H20.05V4L15.05,14H18.05V22M12,20H4L4.05,6H12.05M12.72,4H11.05V2H5.05V4H3.38A1.33,1.33 0 0,0 2.05,5.33V20.67C2.05,21.4 2.65,22 3.38,22H12.72C13.45,22 14.05,21.4 14.05,20.67V5.33A1.33,1.33 0 0,0 12.72,4Z" /></svg><svg id="battery-charging-wireless" viewBox="0 0 24 24"><path d="M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76Z" /></svg><svg id="battery-charging-wireless-10" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,18.5H4V6H12V18.5Z" /></svg><svg id="battery-charging-wireless-20" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,17H4V6H12V17Z" /></svg><svg id="battery-charging-wireless-30" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,16H4V6H12V16Z" /></svg><svg id="battery-charging-wireless-40" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,14.5H4V6H12V14.5Z" /></svg><svg id="battery-charging-wireless-50" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,13H4V6H12V13Z" /></svg><svg id="battery-charging-wireless-60" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,11.6H4V6H12V11.6Z" /></svg><svg id="battery-charging-wireless-70" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,10H4V6H12V10Z" /></svg><svg id="battery-charging-wireless-80" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,9H4V6H12V9Z" /></svg><svg id="battery-charging-wireless-90" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,7.5H4V6H12V7.5Z" /></svg><svg id="battery-charging-wireless-alert" viewBox="0 0 24 24"><path d="M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M9,18H7V16H9V18M9,14H7V9H9V14M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76Z" /></svg><svg id="battery-charging-wireless-outline" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,20H4V6H12V20Z" /></svg><svg id="battery-minus" viewBox="0 0 24 24"><path d="M16.67,4C17.4,4 18,4.6 18,5.33V20.67A1.33,1.33 0 0,1 16.67,22H7.33C6.6,22 6,21.4 6,20.67V5.33A1.33,1.33 0 0,1 7.33,4H9V2H15V4H16.67M8,12V14H16V12" /></svg><svg id="battery-negative" viewBox="0 0 24 24"><path d="M11.67,4A1.33,1.33 0 0,1 13,5.33V20.67C13,21.4 12.4,22 11.67,22H2.33C1.6,22 1,21.4 1,20.67V5.33A1.33,1.33 0 0,1 2.33,4H4V2H10V4H11.67M15,12H23V14H15V12M3,13H11V6H3V13Z" /></svg><svg id="battery-outline" viewBox="0 0 24 24"><path d="M16,20H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg><svg id="battery-plus" viewBox="0 0 24 24"><path d="M16.67,4C17.4,4 18,4.6 18,5.33V20.67A1.33,1.33 0 0,1 16.67,22H7.33C6.6,22 6,21.4 6,20.67V5.33A1.33,1.33 0 0,1 7.33,4H9V2H15V4H16.67M16,14V12H13V9H11V12H8V14H11V17H13V14H16Z" /></svg><svg id="battery-positive" viewBox="0 0 24 24"><path d="M11.67,4A1.33,1.33 0 0,1 13,5.33V20.67C13,21.4 12.4,22 11.67,22H2.33C1.6,22 1,21.4 1,20.67V5.33A1.33,1.33 0 0,1 2.33,4H4V2H10V4H11.67M23,14H20V17H18V14H15V12H18V9H20V12H23V14M3,13H11V6H3V13Z" /></svg><svg id="battery-unknown" viewBox="0 0 24 24"><path d="M15.07,12.25L14.17,13.17C13.63,13.71 13.25,14.18 13.09,15H11.05C11.16,14.1 11.56,13.28 12.17,12.67L13.41,11.41C13.78,11.05 14,10.55 14,10C14,8.89 13.1,8 12,8A2,2 0 0,0 10,10H8A4,4 0 0,1 12,6A4,4 0 0,1 16,10C16,10.88 15.64,11.68 15.07,12.25M13,19H11V17H13M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.66C6,21.4 6.6,22 7.33,22H16.67C17.4,22 18,21.4 18,20.66V5.33C18,4.59 17.4,4 16.67,4Z" /></svg><svg id="battery-unknown-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.66C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.66V5.33C14,4.59 13.4,4 12.67,4H11V2H5M8,6A4,4 0 0,1 12,10C12,10.88 11.64,11.68 11.07,12.25L10.17,13.17C9.63,13.71 9.25,14.18 9.09,15H7.05C7.16,14.1 7.56,13.28 8.17,12.67L9.41,11.41C9.78,11.05 10,10.55 10,10C10,8.89 9.1,8 8,8A2,2 0 0,0 6,10H4A4,4 0 0,1 8,6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21M7,17H9V19H7V17Z" /></svg><svg id="battlenet" viewBox="0 0 24 24"><path d="M19.92,10.76C19.92,10.76 22.5,12.24 22.5,13.89C22.5,15.5 19.5,16.06 16.18,15.9C16.18,15.9 14.77,17.87 13.42,18.7C14.88,21.44 16,22.5 15.97,22.5C15.97,22.5 15.23,22.69 13,19.04C11.66,19.89 10.17,20.23 9.56,19.7C8.94,19.17 9.42,18.28 9.68,17.85C9.41,18 8,18.83 6.75,18.83C5.26,18.83 5.05,17.72 5.05,17.15C5.05,15 7.12,12 7.12,12C7.12,12 6.16,9.88 6.05,8.22C4.17,8.06 2,8.39 1.53,8.54C1.4,8.54 1.84,8.22 2,8.18C2.15,8.13 3.91,7.67 6,7.67C6,5.93 6.35,4.33 7.41,4.33C8.13,4.33 8.71,5.45 8.71,5.45C8.71,5.45 8.7,1.5 10.74,1.5C12.8,1.5 15,6.11 15,6.11C15,6.11 17.22,6.32 18.85,7.09C19.5,5.73 20.09,5.11 20.81,3C21,3.7 20.2,5.5 19.35,7.3V7.3H19.35C19.35,7.3 21.65,8.5 21.65,9.83C21.65,10.84 19.92,10.76 19.92,10.76M10.68,18.58C11.36,18.69 12.41,18.1 12.4,18.1L11.58,16.57L10.4,17.4C10.39,17.41 9.64,18.38 10.68,18.58M20.15,9.76C20.15,9.1 18.95,8.35 18.81,8.27L17.89,9.75L19.17,10.37C19.59,10.34 20.15,10.35 20.15,9.76M8,5.63C7.7,5.63 7.09,6.07 7.09,7.64L8.83,7.7L8.72,6.3C8.6,6 8.3,5.63 8,5.63M10.18,15.78C8.92,15.13 8.16,14.06 7.54,12.9C7.54,12.9 5.96,15.55 6.97,16.22C8,16.89 9.64,16.16 10.18,15.78M12.97,17.76C14.11,16.89 17.19,14.73 17.45,11.08C14.57,9.44 10.62,8.71 10.62,8.71C10.62,8.71 10.61,8.21 10.7,7.86C11.64,7.97 14.59,8.47 17.03,9.43C16.35,8.28 15.84,7.85 15.37,7.5C16.53,7.76 17.36,9.26 17.36,9.26L18.28,7.96C18.28,7.96 13.91,5.61 10.19,7.42C10.11,10.3 11.59,14.56 11.59,14.56L10.82,14.89C10.3,13.84 9.63,12.09 9,8.67C8.7,9.08 8.17,9.55 8.16,11.09C7.7,9.8 8.66,8.43 8.67,8.42L7.07,8.26C7.17,9.92 8.05,14.2 10.68,15.53C13,14.21 15.5,11.54 16.13,10.77L16.82,11.28L12.35,15.97C13.59,16 14.32,15.72 14.82,15.5C14.1,16.25 12.86,16.32 12.27,16.32C12.28,16.34 12.57,17.07 12.97,17.76M14.03,6.05C14,5.97 12.66,3.69 11.47,3.86C10.69,4.11 10.24,5.43 10.23,6.87C10.76,6.56 12,6 14.03,6.05M16.71,15.07C16.71,15.07 20,15 19.9,13.76C19.9,12.56 17.92,11.33 17.92,11.35C17.93,13.47 16.71,15.07 16.71,15.07Z" /></svg><svg id="beach" viewBox="0 0 24 24"><path d="M15,18.54C17.13,18.21 19.5,18 22,18V22H5C5,21.35 8.2,19.86 13,18.9V12.4C12.16,12.65 11.45,13.21 11,13.95C10.39,12.93 9.27,12.25 8,12.25C6.73,12.25 5.61,12.93 5,13.95C5.03,10.37 8.5,7.43 13,7.04V7A1,1 0 0,1 14,6A1,1 0 0,1 15,7V7.04C19.5,7.43 22.96,10.37 23,13.95C22.39,12.93 21.27,12.25 20,12.25C18.73,12.25 17.61,12.93 17,13.95C16.55,13.21 15.84,12.65 15,12.39V18.54M7,2A5,5 0 0,1 2,7V2H7Z" /></svg><svg id="beaker" viewBox="0 0 24 24"><path d="M3,3V5A2,2 0 0,1 5,7V19A2,2 0 0,0 7,21H17A2,2 0 0,0 19,19V7A2,2 0 0,1 21,5V3H3M7,9H10V10H7V9M7,11H10V12H7V11M10,16H7V15H10V16M12,14H7V13H12V14M12,8H7V7H12V8Z" /></svg><svg id="beaker-outline" viewBox="0 0 24 24"><path d="M3,3H21V5A2,2 0 0,0 19,7V19A2,2 0 0,1 17,21H7A2,2 0 0,1 5,19V7A2,2 0 0,0 3,5V3M7,5V7H12V8H7V9H10V10H7V11H10V12H7V13H12V14H7V15H10V16H7V19H17V5H7Z" /></svg><svg id="beats" viewBox="0 0 24 24"><path d="M7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7C10.87,7 9.84,7.37 9,8V2.46C9.95,2.16 10.95,2 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12C2,8.3 4,5.07 7,3.34V12M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z" /></svg><svg id="bed-empty" viewBox="0 0 24 24"><path d="M19,7H5V14H3V5H1V20H3V17H21V20H23V11A4,4 0 0,0 19,7" /></svg><svg id="beer" viewBox="0 0 24 24"><path d="M4,2H19L17,22H6L4,2M6.2,4L7.8,20H8.8L7.43,6.34C8.5,6 9.89,5.89 11,7C12.56,8.56 15.33,7.69 16.5,7.23L16.8,4H6.2Z" /></svg><svg id="behance" viewBox="0 0 24 24"><path d="M19.58,12.27C19.54,11.65 19.33,11.18 18.96,10.86C18.59,10.54 18.13,10.38 17.58,10.38C17,10.38 16.5,10.55 16.19,10.89C15.86,11.23 15.65,11.69 15.57,12.27M21.92,12.04C22,12.45 22,13.04 22,13.81H15.5C15.55,14.71 15.85,15.33 16.44,15.69C16.79,15.92 17.22,16.03 17.73,16.03C18.26,16.03 18.69,15.89 19,15.62C19.2,15.47 19.36,15.27 19.5,15H21.88C21.82,15.54 21.53,16.07 21,16.62C20.22,17.5 19.1,17.92 17.66,17.92C16.47,17.92 15.43,17.55 14.5,16.82C13.62,16.09 13.16,14.9 13.16,13.25C13.16,11.7 13.57,10.5 14.39,9.7C15.21,8.87 16.27,8.46 17.58,8.46C18.35,8.46 19.05,8.6 19.67,8.88C20.29,9.16 20.81,9.59 21.21,10.2C21.58,10.73 21.81,11.34 21.92,12.04M9.58,14.07C9.58,13.42 9.31,12.97 8.79,12.73C8.5,12.6 8.08,12.53 7.54,12.5H4.87V15.84H7.5C8.04,15.84 8.46,15.77 8.76,15.62C9.31,15.35 9.58,14.83 9.58,14.07M4.87,10.46H7.5C8.04,10.46 8.5,10.36 8.82,10.15C9.16,9.95 9.32,9.58 9.32,9.06C9.32,8.5 9.1,8.1 8.66,7.91C8.27,7.78 7.78,7.72 7.19,7.72H4.87M11.72,12.42C12.04,12.92 12.2,13.53 12.2,14.24C12.2,15 12,15.64 11.65,16.23C11.41,16.62 11.12,16.94 10.77,17.21C10.37,17.5 9.9,17.72 9.36,17.83C8.82,17.94 8.24,18 7.61,18H2V5.55H8C9.53,5.58 10.6,6 11.23,6.88C11.61,7.41 11.8,8.04 11.8,8.78C11.8,9.54 11.61,10.15 11.23,10.61C11,10.87 10.7,11.11 10.28,11.32C10.91,11.55 11.39,11.92 11.72,12.42M20.06,7.32H15.05V6.07H20.06V7.32Z" /></svg><svg id="bell" viewBox="0 0 24 24"><path d="M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21" /></svg><svg id="bell-alert" viewBox="0 0 24 24"><path d="M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29V4A2,2 0 0,1 12,2A2,2 0 0,1 14,4V4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21H14M11,8V13H13V8H11M11,15V17H13V15H11Z" /></svg><svg id="bell-alert-outline" viewBox="0 0 24 24"><path d="M10,21H14A2,2 0 0,1 12,23A2,2 0 0,1 10,21M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29V4A2,2 0 0,1 12,2A2,2 0 0,1 14,4V4.29C16.97,5.17 19,7.9 19,11V17L21,19M17,11A5,5 0 0,0 12,6A5,5 0 0,0 7,11V18H17V11M11,8H13V12H11V8M11,14H13V16H11V14Z" /></svg><svg id="bell-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M17,16V15L16,14V11.39C16,10.3 15.73,9.34 15.21,8.53C14.7,7.72 13.96,7.21 13,7V6.5A1,1 0 0,0 12,5.5A1,1 0 0,0 11,6.5V7C10.04,7.21 9.3,7.72 8.79,8.53C8.27,9.34 8,10.3 8,11.39V14L7,15V16H17M13.5,17H10.5A1.5,1.5 0 0,0 12,18.5A1.5,1.5 0 0,0 13.5,17Z" /></svg><svg id="bell-circle-outline" viewBox="0 0 24 24"><path d="M17,16H7V15L8,14V11.39C8,10.3 8.27,9.34 8.79,8.53C9.3,7.72 10.04,7.21 11,7V6.5A1,1 0 0,1 12,5.5A1,1 0 0,1 13,6.5V7C13.96,7.21 14.7,7.72 15.21,8.53C15.73,9.34 16,10.3 16,11.39V14L17,15V16M13.5,17A1.5,1.5 0 0,1 12,18.5A1.5,1.5 0 0,1 10.5,17H13.5M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="bell-off" viewBox="0 0 24 24"><path d="M20.84,22.73L18.11,20H3V19L5,17V11C5,9.86 5.29,8.73 5.83,7.72L1.11,3L2.39,1.73L22.11,21.46L20.84,22.73M19,15.8V11C19,7.9 16.97,5.17 14,4.29C14,4.19 14,4.1 14,4A2,2 0 0,0 12,2A2,2 0 0,0 10,4C10,4.1 10,4.19 10,4.29C9.39,4.47 8.8,4.74 8.26,5.09L19,15.8M12,23A2,2 0 0,0 14,21H10A2,2 0 0,0 12,23Z" /></svg><svg id="bell-off-outline" viewBox="0 0 24 24"><path d="M22.11,21.46L2.39,1.73L1.11,3L5.83,7.72C5.29,8.73 5,9.86 5,11V17L3,19V20H18.11L20.84,22.73L22.11,21.46M7,18V11C7,10.39 7.11,9.79 7.34,9.23L16.11,18H7M10,21H14A2,2 0 0,1 12,23A2,2 0 0,1 10,21M8.29,5.09C8.82,4.75 9.4,4.5 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V15.8L17,13.8V11A5,5 0 0,0 12,6C11.22,6 10.45,6.2 9.76,6.56L8.29,5.09Z" /></svg><svg id="bell-outline" viewBox="0 0 24 24"><path d="M16,17H7V10.5C7,8 9,6 11.5,6C14,6 16,8 16,10.5M18,16V10.5C18,7.43 15.86,4.86 13,4.18V3.5A1.5,1.5 0 0,0 11.5,2A1.5,1.5 0 0,0 10,3.5V4.18C7.13,4.86 5,7.43 5,10.5V16L3,18V19H20V18M11.5,22A2,2 0 0,0 13.5,20H9.5A2,2 0 0,0 11.5,22Z" /></svg><svg id="bell-plus" viewBox="0 0 24 24"><path d="M10,21H14A2,2 0 0,1 12,23C10.89,23 10,22.1 10,21M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M16,11H13V8H11V11H8V13H11V16H13V13H16V11Z" /></svg><svg id="bell-plus-outline" viewBox="0 0 24 24"><path d="M10,21H14A2,2 0 0,1 12,23A2,2 0 0,1 10,21M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M17,11A5,5 0 0,0 12,6A5,5 0 0,0 7,11V18H17V11M15,13H13V15H11V13H9V11H11V9H13V11H15" /></svg><svg id="bell-ring" viewBox="0 0 24 24"><path d="M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21M19.75,3.19L18.33,4.61C20.04,6.3 21,8.6 21,11H23C23,8.07 21.84,5.25 19.75,3.19M1,11H3C3,8.6 3.96,6.3 5.67,4.61L4.25,3.19C2.16,5.25 1,8.07 1,11Z" /></svg><svg id="bell-ring-outline" viewBox="0 0 24 24"><path d="M10,21H14A2,2 0 0,1 12,23A2,2 0 0,1 10,21M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M17,11A5,5 0 0,0 12,6A5,5 0 0,0 7,11V18H17V11M19.75,3.19L18.33,4.61C20.04,6.3 21,8.6 21,11H23C23,8.07 21.84,5.25 19.75,3.19M1,11H3C3,8.6 3.96,6.3 5.67,4.61L4.25,3.19C2.16,5.25 1,8.07 1,11Z" /></svg><svg id="bell-sleep" viewBox="0 0 24 24"><path d="M10,21H14A2,2 0 0,1 12,23A2,2 0 0,1 10,21M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M15,9H9V11H12.24L9,13.7V16H15V14H11.76L15,11.3V9Z" /></svg><svg id="bell-sleep-outline" viewBox="0 0 24 24"><path d="M10,21H14A2,2 0 0,1 12,23A2,2 0 0,1 10,21M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M17,11A5,5 0 0,0 12,6A5,5 0 0,0 7,11V18H17V11M9,9V11H12.24L9,13.7V16H15V14H11.76L15,11.3V9H9Z" /></svg><svg id="beta" viewBox="0 0 24 24"><path d="M9.23,17.59V23.12H6.88V6.72C6.88,5.27 7.31,4.13 8.16,3.28C9,2.43 10.17,2 11.61,2C13,2 14.07,2.34 14.87,3C15.66,3.68 16.05,4.62 16.05,5.81C16.05,6.63 15.79,7.4 15.27,8.11C14.75,8.82 14.08,9.31 13.25,9.58V9.62C14.5,9.82 15.47,10.27 16.13,11C16.79,11.71 17.12,12.62 17.12,13.74C17.12,15.06 16.66,16.14 15.75,16.97C14.83,17.8 13.63,18.21 12.13,18.21C11.07,18.21 10.1,18 9.23,17.59M10.72,10.75V8.83C11.59,8.72 12.3,8.4 12.87,7.86C13.43,7.31 13.71,6.7 13.71,6C13.71,4.62 13,3.92 11.6,3.92C10.84,3.92 10.25,4.16 9.84,4.65C9.43,5.14 9.23,5.82 9.23,6.71V15.5C10.14,16.03 11.03,16.29 11.89,16.29C12.73,16.29 13.39,16.07 13.86,15.64C14.33,15.2 14.56,14.58 14.56,13.79C14.56,12 13.28,11 10.72,10.75Z" /></svg><svg id="betamax" viewBox="0 0 24 24"><path d="M4,5A2,2 0 0,0 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V7A2,2 0 0,0 20,5H4M8,9A4,4 0 0,1 12,13A4,4 0 0,1 8,17A4,4 0 0,1 4,13A4,4 0 0,1 8,9M13,9H20V17H13V9M8,11A2,2 0 0,0 6,13A2,2 0 0,0 8,15A2,2 0 0,0 10,13A2,2 0 0,0 8,11Z" /></svg><svg id="biathlon" viewBox="0 0 24 24"><path d="M12.88,3.64C13.65,3.64 14.28,4.27 14.28,5.04C14.28,5.81 13.65,6.44 12.88,6.44C12.11,6.44 11.5,5.81 11.5,5.04C11.5,4.27 12.11,3.64 12.88,3.64M15,13H16.5V19H15V13M15,8.5H16.5V10H15V8.5M10.04,2.6L8,2.04L6.06,8.58L3.9,11.42L7.17,12.37L10.04,2.6M19.67,18.55C19.31,18.93 18.88,19.5 18.4,19.7C17.91,19.92 17.54,20 17,20H13.5L13.43,17C13.42,16.83 13.37,16.67 13.28,16.5L10.88,12.24L11.76,9.5C12.34,10.55 13,11.73 13.06,11.83C13.21,12 13.45,12.13 13.69,12.13H15.9A0.81,0.81 0 0,0 16.71,11.32C16.71,10.9 16.38,10.56 15.96,10.53L14.29,10.4L12.4,7C12.4,7 12,6.42 11.14,6.42C10.27,6.42 10,6.84 9.83,7.42L6,20H3V22H17C18.37,22 19.53,21.34 20.5,20.37L19.67,18.55M9.75,14.39L11.62,17.39L11.75,20H7.75L9.75,14.39Z" /></svg><svg id="bible" viewBox="0 0 24 24"><path d="M5.81,2H7V9L9.5,7.5L12,9V2H18A2,2 0 0,1 20,4V20C20,21.05 19.05,22 18,22H6C4.95,22 4,21.05 4,20V4C4,3 4.83,2.09 5.81,2M13,10V13H10V15H13V20H15V15H18V13H15V10H13Z" /></svg><svg id="bike" viewBox="0 0 24 24"><path d="M5,20.5A3.5,3.5 0 0,1 1.5,17A3.5,3.5 0 0,1 5,13.5A3.5,3.5 0 0,1 8.5,17A3.5,3.5 0 0,1 5,20.5M5,12A5,5 0 0,0 0,17A5,5 0 0,0 5,22A5,5 0 0,0 10,17A5,5 0 0,0 5,12M14.8,10H19V8.2H15.8L13.86,4.93C13.57,4.43 13,4.1 12.4,4.1C11.93,4.1 11.5,4.29 11.2,4.6L7.5,8.29C7.19,8.6 7,9 7,9.5C7,10.13 7.33,10.66 7.85,10.97L11.2,13V18H13V11.5L10.75,9.85L13.07,7.5M19,20.5A3.5,3.5 0 0,1 15.5,17A3.5,3.5 0 0,1 19,13.5A3.5,3.5 0 0,1 22.5,17A3.5,3.5 0 0,1 19,20.5M19,12A5,5 0 0,0 14,17A5,5 0 0,0 19,22A5,5 0 0,0 24,17A5,5 0 0,0 19,12M16,4.8C17,4.8 17.8,4 17.8,3C17.8,2 17,1.2 16,1.2C15,1.2 14.2,2 14.2,3C14.2,4 15,4.8 16,4.8Z" /></svg><svg id="billiards" viewBox="0 0 24 24"><path d="M11,13H13V15H11M11,9H13V11H11M11,17H13A2,2 0 0,0 15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9A2,2 0 0,0 13,7H11A2,2 0 0,0 9,9V10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 9,13.5V15A2,2 0 0,0 11,17M12,1C5.92,1 1,5.92 1,12C1,18.08 5.92,23 12,23C18.08,23 23,18.08 23,12C23,5.92 18.08,1 12,1M12,19A7,7 0 0,1 5,12A7,7 0 0,1 12,5A7,7 0 0,1 19,12A7,7 0 0,1 12,19Z" /></svg><svg id="billiards-rack" viewBox="0 0 24 24"><path d="M20.31,16.44L14.54,6.47C13.72,5.04 11.89,4.55 10.46,5.38C10,5.64 9.63,6 9.36,6.47L3.6,16.44C2.77,17.87 3.26,19.69 4.69,20.5C5.14,20.78 5.65,20.92 6.18,20.92H17.73C19.38,20.91 20.72,19.57 20.71,17.92C20.71,17.4 20.57,16.89 20.31,16.44M5.37,17.43L11.11,7.47C11.38,7 12,6.82 12.46,7.1C12.62,7.18 12.75,7.31 12.84,7.47L18.58,17.43C18.85,17.91 18.69,18.5 18.21,18.79C18.06,18.88 17.89,18.93 17.72,18.93H6.21C5.66,18.92 5.21,18.47 5.22,17.92C5.22,17.75 5.26,17.58 5.35,17.43H5.37M11.97,13.45C10.87,13.45 10,12.56 10,11.46C10,10.35 10.87,9.46 11.97,9.46A2,2 0 0,1 13.97,11.46C13.97,12.56 13.07,13.45 11.95,13.45H11.97M9.46,17.93C8.36,17.93 7.47,17.04 7.47,15.94C7.47,14.84 8.36,13.95 9.46,13.95C10.56,13.95 11.46,14.84 11.46,15.94C11.46,17.04 10.56,17.93 9.46,17.93M14.44,17.93A2,2 0 0,1 12.45,15.94A2,2 0 0,1 14.44,13.95C15.54,13.95 16.44,14.84 16.44,15.94C16.44,17.04 15.54,17.93 14.44,17.93Z" /></svg><svg id="bing" viewBox="0 0 24 24"><path d="M5,3V19L8.72,21L18,15.82V11.73H18L9.77,8.95L11.38,12.84L13.94,14L8.7,16.92V4.27L5,3" /></svg><svg id="binoculars" viewBox="0 0 24 24"><path d="M11,6H13V13H11V6M9,20A1,1 0 0,1 8,21H5A1,1 0 0,1 4,20V15L6,6H10V13A1,1 0 0,1 9,14V20M10,5H7V3H10V5M15,20V14A1,1 0 0,1 14,13V6H18L20,15V20A1,1 0 0,1 19,21H16A1,1 0 0,1 15,20M14,5V3H17V5H14Z" /></svg><svg id="bio" viewBox="0 0 24 24"><path d="M17,12H20A2,2 0 0,1 22,14V17A2,2 0 0,1 20,19H17A2,2 0 0,1 15,17V14A2,2 0 0,1 17,12M17,14V17H20V14H17M2,7H7A2,2 0 0,1 9,9V11A2,2 0 0,1 7,13A2,2 0 0,1 9,15V17A2,2 0 0,1 7,19H2V13L2,7M4,9V12H7V9H4M4,17H7V14H4V17M11,13H13V19H11V13M11,9H13V11H11V9Z" /></svg><svg id="biohazard" viewBox="0 0 24 24"><path d="M23,16.06C23,16.29 23,16.5 22.96,16.7C22.78,14.14 20.64,12.11 18,12.11C17.63,12.11 17.27,12.16 16.92,12.23C16.96,12.5 17,12.73 17,13C17,15.35 15.31,17.32 13.07,17.81C13.42,20.05 15.31,21.79 17.65,21.96C17.43,22 17.22,22 17,22C14.92,22 13.07,20.94 12,19.34C10.93,20.94 9.09,22 7,22C6.78,22 6.57,22 6.35,21.96C8.69,21.79 10.57,20.06 10.93,17.81C8.68,17.32 7,15.35 7,13C7,12.73 7.04,12.5 7.07,12.23C6.73,12.16 6.37,12.11 6,12.11C3.36,12.11 1.22,14.14 1.03,16.7C1,16.5 1,16.29 1,16.06C1,12.85 3.59,10.24 6.81,10.14C6.3,9.27 6,8.25 6,7.17C6,4.94 7.23,3 9.06,2C7.81,2.9 7,4.34 7,6C7,7.35 7.56,8.59 8.47,9.5C9.38,8.59 10.62,8.04 12,8.04C13.37,8.04 14.62,8.59 15.5,9.5C16.43,8.59 17,7.35 17,6C17,4.34 16.18,2.9 14.94,2C16.77,3 18,4.94 18,7.17C18,8.25 17.7,9.27 17.19,10.14C20.42,10.24 23,12.85 23,16.06M9.27,10.11C10.05,10.62 11,10.92 12,10.92C13,10.92 13.95,10.62 14.73,10.11C14,9.45 13.06,9.03 12,9.03C10.94,9.03 10,9.45 9.27,10.11M12,14.47C12.82,14.47 13.5,13.8 13.5,13A1.5,1.5 0 0,0 12,11.5A1.5,1.5 0 0,0 10.5,13C10.5,13.8 11.17,14.47 12,14.47M10.97,16.79C10.87,14.9 9.71,13.29 8.05,12.55C8.03,12.7 8,12.84 8,13C8,14.82 9.27,16.34 10.97,16.79M15.96,12.55C14.29,13.29 13.12,14.9 13,16.79C14.73,16.34 16,14.82 16,13C16,12.84 15.97,12.7 15.96,12.55Z" /></svg><svg id="bitbucket" viewBox="0 0 24 24"><path d="M21.43,2C21.79,2.07 22.03,2.42 22,2.82L21.12,8.7L19.27,21.4C19.2,21.75 18.95,22 18.63,22H5.37C5.05,22 4.8,21.75 4.73,21.4L2.88,8.7L2,2.82C1.97,2.42 2.21,2.07 2.57,2H21.43M14.08,15.26L15.1,8.7H8.9L9.92,15.26H14.08Z" /></svg><svg id="bitcoin" viewBox="0 0 24 24"><path d="M4.5,5H8V2H10V5H11.5V2H13.5V5C19,5 19,11 16,11.25C20,11 21,19 13.5,19V22H11.5V19H10V22H8V19H4.5L5,17H6A1,1 0 0,0 7,16V8A1,1 0 0,0 6,7H4.5V5M10,7V11C10,11 14.5,11.25 14.5,9C14.5,6.75 10,7 10,7M10,12.5V17C10,17 15.5,17 15.5,14.75C15.5,12.5 10,12.5 10,12.5Z" /></svg><svg id="black-mesa" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,14.39 5.05,16.53 6.71,18H9V12H17L19.15,15.59C19.69,14.5 20,13.29 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="blackberry" viewBox="0 0 24 24"><path d="M5.45,10.28C6.4,10.28 7.5,11.05 7.5,12C7.5,12.95 6.4,13.72 5.45,13.72H2L2.69,10.28H5.45M6.14,4.76C7.09,4.76 8.21,5.53 8.21,6.5C8.21,7.43 7.09,8.21 6.14,8.21H2.69L3.38,4.76H6.14M13.03,4.76C14,4.76 15.1,5.53 15.1,6.5C15.1,7.43 14,8.21 13.03,8.21H9.41L10.1,4.76H13.03M12.34,10.28C13.3,10.28 14.41,11.05 14.41,12C14.41,12.95 13.3,13.72 12.34,13.72H8.72L9.41,10.28H12.34M10.97,15.79C11.92,15.79 13.03,16.57 13.03,17.5C13.03,18.47 11.92,19.24 10.97,19.24H7.5L8.21,15.79H10.97M18.55,13.72C19.5,13.72 20.62,14.5 20.62,15.45C20.62,16.4 19.5,17.17 18.55,17.17H15.1L15.79,13.72H18.55M19.93,8.21C20.88,8.21 22,9 22,9.93C22,10.88 20.88,11.66 19.93,11.66H16.5L17.17,8.21H19.93Z" /></svg><svg id="blender" viewBox="0 0 24 24"><path d="M19,5H17.8L18,2H4L5,4H6L6.94,16.19L5,22H19L17.06,16.17L17.2,14H19C20.3,14 21,12.97 21,12V7C21,5.7 19.97,5 19,5M12,20A1.5,1.5 0 0,1 10.5,18.5A1.5,1.5 0 0,1 12,17A1.5,1.5 0 0,1 13.5,18.5A1.5,1.5 0 0,1 12,20M15.13,15H8.85L8.7,13H13V12H8.62L8.47,10H13V9H8.39L8.24,7H13V6H8.16L8,4H15.86L15.13,15M19,12H17.33L17.67,7H19V12Z" /></svg><svg id="blender-software" viewBox="0 0 24 24"><path d="M12.58,3.12V3.13C12.27,3.13 11.96,3.22 11.71,3.39C11.21,3.74 11.15,4.32 11.6,4.69L14.46,7L5.73,7.03H5.72C5,7.03 4.3,7.5 4.16,8.1C4,8.71 4.5,9.22 5.26,9.22L9.69,9.21L1.76,15.3C1,15.87 0.77,16.82 1.24,17.42C1.72,18.03 2.73,18.03 3.5,17.42L7.8,13.89C7.8,13.89 7.73,14.37 7.74,14.65C7.74,14.94 7.84,15.5 7.97,15.93C8.26,16.86 8.75,17.71 9.43,18.46C10.13,19.23 11,19.85 12,20.29C13.03,20.76 14.17,21 15.34,21C16.5,21 17.65,20.75 18.69,20.28C19.69,19.84 20.55,19.21 21.25,18.44C21.93,17.69 22.42,16.83 22.71,15.91C22.85,15.44 22.94,14.97 23,14.5C23,14.03 23,13.56 22.94,13.09C22.81,12.18 22.5,11.32 22,10.54C21.56,9.83 21,9.2 20.31,8.67V8.67L13.42,3.38C13.19,3.21 12.89,3.12 12.58,3.12M15.34,9.21C16.5,9.21 17.59,9.59 18.46,10.29C18.9,10.65 19.25,11.07 19.5,11.54C19.77,12 19.94,12.55 20,13.11C20.04,13.67 19.96,14.23 19.77,14.77C19.57,15.31 19.25,15.81 18.82,16.26C17.93,17.16 16.69,17.68 15.34,17.68C14,17.68 12.75,17.17 11.86,16.27C11.43,15.83 11.11,15.32 10.91,14.78C10.72,14.25 10.64,13.69 10.69,13.12C10.74,12.56 10.91,12.03 11.17,11.55C11.43,11.08 11.79,10.66 12.23,10.3C13.09,9.59 14.19,9.21 15.34,9.21M15.44,10.61C14.66,10.61 13.94,10.89 13.41,11.34C12.87,11.8 12.5,12.44 12.47,13.18C12.43,13.93 12.73,14.63 13.26,15.15C13.8,15.68 14.58,16 15.44,16C16.3,16 17.07,15.68 17.62,15.15C18.15,14.63 18.45,13.93 18.41,13.18C18.37,12.44 18,11.8 17.47,11.34C16.94,10.89 16.22,10.61 15.44,10.61Z" /></svg><svg id="blinds" viewBox="0 0 24 24"><path d="M3,2H21A1,1 0 0,1 22,3V5A1,1 0 0,1 21,6H20V13A1,1 0 0,1 19,14H13V16.17C14.17,16.58 15,17.69 15,19A3,3 0 0,1 12,22A3,3 0 0,1 9,19C9,17.69 9.83,16.58 11,16.17V14H5A1,1 0 0,1 4,13V6H3A1,1 0 0,1 2,5V3A1,1 0 0,1 3,2M12,18A1,1 0 0,0 11,19A1,1 0 0,0 12,20A1,1 0 0,0 13,19A1,1 0 0,0 12,18Z" /></svg><svg id="block-helper" viewBox="0 0 24 24"><path d="M12,0A12,12 0 0,1 24,12A12,12 0 0,1 12,24A12,12 0 0,1 0,12A12,12 0 0,1 12,0M12,2A10,10 0 0,0 2,12C2,14.4 2.85,16.6 4.26,18.33L18.33,4.26C16.6,2.85 14.4,2 12,2M12,22A10,10 0 0,0 22,12C22,9.6 21.15,7.4 19.74,5.67L5.67,19.74C7.4,21.15 9.6,22 12,22Z" /></svg><svg id="blogger" viewBox="0 0 24 24"><path d="M14,13H9.95A1,1 0 0,0 8.95,14A1,1 0 0,0 9.95,15H14A1,1 0 0,0 15,14A1,1 0 0,0 14,13M9.95,10H12.55A1,1 0 0,0 13.55,9A1,1 0 0,0 12.55,8H9.95A1,1 0 0,0 8.95,9A1,1 0 0,0 9.95,10M16,9V10A1,1 0 0,0 17,11A1,1 0 0,1 18,12V15A3,3 0 0,1 15,18H9A3,3 0 0,1 6,15V8A3,3 0 0,1 9,5H13A3,3 0 0,1 16,8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z" /></svg><svg id="blood-bag" viewBox="0 0 24 24"><path d="M21,7C20,7 20,6 20,6V5H18V7H16V6C16,4.27 14.75,1 10,1C5.25,1 4,4.27 4,6V19C4,19.33 3.9,21 2,21V23C4.93,23 6,20.61 6,19V6C6,5.88 6.05,3 10,3C13.83,3 14,5.7 14,6V7H12V5H10V6C10,6 10,7 9,7C8,7 8,8 8,8V20C8,20 8,22 13,22C13.24,22 14.13,22 17,22C22,22 22,20 22,20V8C22,8 22,7 21,7M15,19.4A3,3 0 0,1 12,16.4C12,14.4 15,11 15,11C15,11 18,14.4 18,16.4A3,3 0 0,1 15,19.4Z" /></svg><svg id="bluetooth" viewBox="0 0 24 24"><path d="M14.88,16.29L13,18.17V14.41M13,5.83L14.88,7.71L13,9.58M17.71,7.71L12,2H11V9.58L6.41,5L5,6.41L10.59,12L5,17.58L6.41,19L11,14.41V22H12L17.71,16.29L13.41,12L17.71,7.71Z" /></svg><svg id="bluetooth-audio" viewBox="0 0 24 24"><path d="M12.88,16.29L11,18.17V14.41M11,5.83L12.88,7.71L11,9.58M15.71,7.71L10,2H9V9.58L4.41,5L3,6.41L8.59,12L3,17.58L4.41,19L9,14.41V22H10L15.71,16.29L11.41,12M19.53,6.71L18.26,8C18.89,9.18 19.25,10.55 19.25,12C19.25,13.45 18.89,14.82 18.26,16L19.46,17.22C20.43,15.68 21,13.87 21,11.91C21,10 20.46,8.23 19.53,6.71M14.24,12L16.56,14.33C16.84,13.6 17,12.82 17,12C17,11.18 16.84,10.4 16.57,9.68L14.24,12Z" /></svg><svg id="bluetooth-connect" viewBox="0 0 24 24"><path d="M19,10L17,12L19,14L21,12M14.88,16.29L13,18.17V14.41M13,5.83L14.88,7.71L13,9.58M17.71,7.71L12,2H11V9.58L6.41,5L5,6.41L10.59,12L5,17.58L6.41,19L11,14.41V22H12L17.71,16.29L13.41,12M7,12L5,10L3,12L5,14L7,12Z" /></svg><svg id="bluetooth-off" viewBox="0 0 24 24"><path d="M13,5.83L14.88,7.71L13.28,9.31L14.69,10.72L17.71,7.7L12,2H11V7.03L13,9.03M5.41,4L4,5.41L10.59,12L5,17.59L6.41,19L11,14.41V22H12L16.29,17.71L18.59,20L20,18.59M13,18.17V14.41L14.88,16.29" /></svg><svg id="bluetooth-settings" viewBox="0 0 24 24"><path d="M14.88,14.29L13,16.17V12.41L14.88,14.29M13,3.83L14.88,5.71L13,7.59M17.71,5.71L12,0H11V7.59L6.41,3L5,4.41L10.59,10L5,15.59L6.41,17L11,12.41V20H12L17.71,14.29L13.41,10L17.71,5.71M15,24H17V22H15M7,24H9V22H7M11,24H13V22H11V24Z" /></svg><svg id="bluetooth-transfer" viewBox="0 0 24 24"><path d="M14.71,7.71L10.41,12L14.71,16.29L9,22H8V14.41L3.41,19L2,17.59L7.59,12L2,6.41L3.41,5L8,9.59V2H9L14.71,7.71M10,5.83V9.59L11.88,7.71L10,5.83M11.88,16.29L10,14.41V18.17L11.88,16.29M22,8H20V11H18V8H16L19,4L22,8M22,16L19,20L16,16H18V13H20V16H22Z" /></svg><svg id="blur" viewBox="0 0 24 24"><path d="M14,8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 14,11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 14,8.5M14,12.5A1.5,1.5 0 0,0 12.5,14A1.5,1.5 0 0,0 14,15.5A1.5,1.5 0 0,0 15.5,14A1.5,1.5 0 0,0 14,12.5M10,17A1,1 0 0,0 9,18A1,1 0 0,0 10,19A1,1 0 0,0 11,18A1,1 0 0,0 10,17M10,8.5A1.5,1.5 0 0,0 8.5,10A1.5,1.5 0 0,0 10,11.5A1.5,1.5 0 0,0 11.5,10A1.5,1.5 0 0,0 10,8.5M14,20.5A0.5,0.5 0 0,0 13.5,21A0.5,0.5 0 0,0 14,21.5A0.5,0.5 0 0,0 14.5,21A0.5,0.5 0 0,0 14,20.5M14,17A1,1 0 0,0 13,18A1,1 0 0,0 14,19A1,1 0 0,0 15,18A1,1 0 0,0 14,17M21,13.5A0.5,0.5 0 0,0 20.5,14A0.5,0.5 0 0,0 21,14.5A0.5,0.5 0 0,0 21.5,14A0.5,0.5 0 0,0 21,13.5M18,5A1,1 0 0,0 17,6A1,1 0 0,0 18,7A1,1 0 0,0 19,6A1,1 0 0,0 18,5M18,9A1,1 0 0,0 17,10A1,1 0 0,0 18,11A1,1 0 0,0 19,10A1,1 0 0,0 18,9M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17M18,13A1,1 0 0,0 17,14A1,1 0 0,0 18,15A1,1 0 0,0 19,14A1,1 0 0,0 18,13M10,12.5A1.5,1.5 0 0,0 8.5,14A1.5,1.5 0 0,0 10,15.5A1.5,1.5 0 0,0 11.5,14A1.5,1.5 0 0,0 10,12.5M10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7M10,3.5A0.5,0.5 0 0,0 10.5,3A0.5,0.5 0 0,0 10,2.5A0.5,0.5 0 0,0 9.5,3A0.5,0.5 0 0,0 10,3.5M10,20.5A0.5,0.5 0 0,0 9.5,21A0.5,0.5 0 0,0 10,21.5A0.5,0.5 0 0,0 10.5,21A0.5,0.5 0 0,0 10,20.5M3,13.5A0.5,0.5 0 0,0 2.5,14A0.5,0.5 0 0,0 3,14.5A0.5,0.5 0 0,0 3.5,14A0.5,0.5 0 0,0 3,13.5M14,3.5A0.5,0.5 0 0,0 14.5,3A0.5,0.5 0 0,0 14,2.5A0.5,0.5 0 0,0 13.5,3A0.5,0.5 0 0,0 14,3.5M14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7M21,10.5A0.5,0.5 0 0,0 21.5,10A0.5,0.5 0 0,0 21,9.5A0.5,0.5 0 0,0 20.5,10A0.5,0.5 0 0,0 21,10.5M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M3,9.5A0.5,0.5 0 0,0 2.5,10A0.5,0.5 0 0,0 3,10.5A0.5,0.5 0 0,0 3.5,10A0.5,0.5 0 0,0 3,9.5M6,9A1,1 0 0,0 5,10A1,1 0 0,0 6,11A1,1 0 0,0 7,10A1,1 0 0,0 6,9M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M6,13A1,1 0 0,0 5,14A1,1 0 0,0 6,15A1,1 0 0,0 7,14A1,1 0 0,0 6,13Z" /></svg><svg id="blur-linear" viewBox="0 0 24 24"><path d="M13,17A1,1 0 0,0 14,16A1,1 0 0,0 13,15A1,1 0 0,0 12,16A1,1 0 0,0 13,17M13,13A1,1 0 0,0 14,12A1,1 0 0,0 13,11A1,1 0 0,0 12,12A1,1 0 0,0 13,13M13,9A1,1 0 0,0 14,8A1,1 0 0,0 13,7A1,1 0 0,0 12,8A1,1 0 0,0 13,9M17,12.5A0.5,0.5 0 0,0 17.5,12A0.5,0.5 0 0,0 17,11.5A0.5,0.5 0 0,0 16.5,12A0.5,0.5 0 0,0 17,12.5M17,8.5A0.5,0.5 0 0,0 17.5,8A0.5,0.5 0 0,0 17,7.5A0.5,0.5 0 0,0 16.5,8A0.5,0.5 0 0,0 17,8.5M3,3V5H21V3M17,16.5A0.5,0.5 0 0,0 17.5,16A0.5,0.5 0 0,0 17,15.5A0.5,0.5 0 0,0 16.5,16A0.5,0.5 0 0,0 17,16.5M9,17A1,1 0 0,0 10,16A1,1 0 0,0 9,15A1,1 0 0,0 8,16A1,1 0 0,0 9,17M5,13.5A1.5,1.5 0 0,0 6.5,12A1.5,1.5 0 0,0 5,10.5A1.5,1.5 0 0,0 3.5,12A1.5,1.5 0 0,0 5,13.5M5,9.5A1.5,1.5 0 0,0 6.5,8A1.5,1.5 0 0,0 5,6.5A1.5,1.5 0 0,0 3.5,8A1.5,1.5 0 0,0 5,9.5M3,21H21V19H3M9,9A1,1 0 0,0 10,8A1,1 0 0,0 9,7A1,1 0 0,0 8,8A1,1 0 0,0 9,9M9,13A1,1 0 0,0 10,12A1,1 0 0,0 9,11A1,1 0 0,0 8,12A1,1 0 0,0 9,13M5,17.5A1.5,1.5 0 0,0 6.5,16A1.5,1.5 0 0,0 5,14.5A1.5,1.5 0 0,0 3.5,16A1.5,1.5 0 0,0 5,17.5Z" /></svg><svg id="blur-off" viewBox="0 0 24 24"><path d="M3,13.5A0.5,0.5 0 0,0 2.5,14A0.5,0.5 0 0,0 3,14.5A0.5,0.5 0 0,0 3.5,14A0.5,0.5 0 0,0 3,13.5M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M10,20.5A0.5,0.5 0 0,0 9.5,21A0.5,0.5 0 0,0 10,21.5A0.5,0.5 0 0,0 10.5,21A0.5,0.5 0 0,0 10,20.5M3,9.5A0.5,0.5 0 0,0 2.5,10A0.5,0.5 0 0,0 3,10.5A0.5,0.5 0 0,0 3.5,10A0.5,0.5 0 0,0 3,9.5M6,13A1,1 0 0,0 5,14A1,1 0 0,0 6,15A1,1 0 0,0 7,14A1,1 0 0,0 6,13M21,13.5A0.5,0.5 0 0,0 20.5,14A0.5,0.5 0 0,0 21,14.5A0.5,0.5 0 0,0 21.5,14A0.5,0.5 0 0,0 21,13.5M10,17A1,1 0 0,0 9,18A1,1 0 0,0 10,19A1,1 0 0,0 11,18A1,1 0 0,0 10,17M2.5,5.27L6.28,9.05L6,9A1,1 0 0,0 5,10A1,1 0 0,0 6,11A1,1 0 0,0 7,10C7,9.9 6.97,9.81 6.94,9.72L9.75,12.53C9.04,12.64 8.5,13.26 8.5,14A1.5,1.5 0 0,0 10,15.5C10.74,15.5 11.36,14.96 11.47,14.25L14.28,17.06C14.19,17.03 14.1,17 14,17A1,1 0 0,0 13,18A1,1 0 0,0 14,19A1,1 0 0,0 15,18C15,17.9 14.97,17.81 14.94,17.72L18.72,21.5L20,20.23L3.77,4L2.5,5.27M14,20.5A0.5,0.5 0 0,0 13.5,21A0.5,0.5 0 0,0 14,21.5A0.5,0.5 0 0,0 14.5,21A0.5,0.5 0 0,0 14,20.5M18,7A1,1 0 0,0 19,6A1,1 0 0,0 18,5A1,1 0 0,0 17,6A1,1 0 0,0 18,7M18,11A1,1 0 0,0 19,10A1,1 0 0,0 18,9A1,1 0 0,0 17,10A1,1 0 0,0 18,11M18,15A1,1 0 0,0 19,14A1,1 0 0,0 18,13A1,1 0 0,0 17,14A1,1 0 0,0 18,15M10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7M21,10.5A0.5,0.5 0 0,0 21.5,10A0.5,0.5 0 0,0 21,9.5A0.5,0.5 0 0,0 20.5,10A0.5,0.5 0 0,0 21,10.5M10,3.5A0.5,0.5 0 0,0 10.5,3A0.5,0.5 0 0,0 10,2.5A0.5,0.5 0 0,0 9.5,3A0.5,0.5 0 0,0 10,3.5M14,3.5A0.5,0.5 0 0,0 14.5,3A0.5,0.5 0 0,0 14,2.5A0.5,0.5 0 0,0 13.5,3A0.5,0.5 0 0,0 14,3.5M13.8,11.5H14A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 14,8.5A1.5,1.5 0 0,0 12.5,10V10.2C12.61,10.87 13.13,11.39 13.8,11.5M14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7Z" /></svg><svg id="blur-radial" viewBox="0 0 24 24"><path d="M14,13A1,1 0 0,0 13,14A1,1 0 0,0 14,15A1,1 0 0,0 15,14A1,1 0 0,0 14,13M14,16.5A0.5,0.5 0 0,0 13.5,17A0.5,0.5 0 0,0 14,17.5A0.5,0.5 0 0,0 14.5,17A0.5,0.5 0 0,0 14,16.5M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,9.5A0.5,0.5 0 0,0 16.5,10A0.5,0.5 0 0,0 17,10.5A0.5,0.5 0 0,0 17.5,10A0.5,0.5 0 0,0 17,9.5M17,13.5A0.5,0.5 0 0,0 16.5,14A0.5,0.5 0 0,0 17,14.5A0.5,0.5 0 0,0 17.5,14A0.5,0.5 0 0,0 17,13.5M14,7.5A0.5,0.5 0 0,0 14.5,7A0.5,0.5 0 0,0 14,6.5A0.5,0.5 0 0,0 13.5,7A0.5,0.5 0 0,0 14,7.5M14,9A1,1 0 0,0 13,10A1,1 0 0,0 14,11A1,1 0 0,0 15,10A1,1 0 0,0 14,9M10,7.5A0.5,0.5 0 0,0 10.5,7A0.5,0.5 0 0,0 10,6.5A0.5,0.5 0 0,0 9.5,7A0.5,0.5 0 0,0 10,7.5M7,13.5A0.5,0.5 0 0,0 6.5,14A0.5,0.5 0 0,0 7,14.5A0.5,0.5 0 0,0 7.5,14A0.5,0.5 0 0,0 7,13.5M10,16.5A0.5,0.5 0 0,0 9.5,17A0.5,0.5 0 0,0 10,17.5A0.5,0.5 0 0,0 10.5,17A0.5,0.5 0 0,0 10,16.5M7,9.5A0.5,0.5 0 0,0 6.5,10A0.5,0.5 0 0,0 7,10.5A0.5,0.5 0 0,0 7.5,10A0.5,0.5 0 0,0 7,9.5M10,13A1,1 0 0,0 9,14A1,1 0 0,0 10,15A1,1 0 0,0 11,14A1,1 0 0,0 10,13M10,9A1,1 0 0,0 9,10A1,1 0 0,0 10,11A1,1 0 0,0 11,10A1,1 0 0,0 10,9Z" /></svg><svg id="bolnisi-cross" viewBox="0 0 24 24"><path d="M22,7L21.5,6.5C19.93,8 18.47,9.4 16.93,10.18C15.5,10.91 14.44,10.91 13,11C13.09,9.56 13.09,8.5 13.82,7.07C14.6,5.53 16,4.07 17.5,2.5L17,2C15.32,3.23 13.64,3.83 12,3.83C10.36,3.83 8.68,3.23 7,2L6.5,2.5C8,4.07 9.4,5.53 10.18,7.07C10.91,8.5 10.91,9.56 11,11C9.56,10.91 8.5,10.91 7.07,10.18C5.53,9.4 4.06,8 2.5,6.5L2,7C3.23,8.68 3.83,10.36 3.83,12C3.83,13.64 3.23,15.32 2,17L2.5,17.5C4.07,16 5.53,14.6 7.07,13.82C8.5,13.09 9.56,13.09 11,13C10.91,14.44 10.91,15.5 10.18,16.93C9.4,18.47 8,19.93 6.5,21.5L7,22C8.68,20.77 10.36,20.17 12,20.17C13.64,20.17 15.32,20.77 17,22L17.5,21.5C16,19.93 14.6,18.47 13.82,16.93C13.09,15.5 13.09,14.44 13,13C14.44,13.09 15.5,13.09 16.93,13.82C18.47,14.6 19.93,16 21.5,17.5L22,17C20.77,15.32 20.17,13.64 20.17,12C20.17,10.36 20.77,8.68 22,7Z" /></svg><svg id="bolt" viewBox="0 0 24 24"><path d="M14,17.7V21H10V20.3L14,17.7M17,3H7V6H17V3M15,7L14,7.7V7H10V10.3L9,11V12L15,8.1V7M15,11L14,11.7V9.7L10,12.4V14.4L9,15V16L15,12.1V11M15,15L14,15.7V13.7L10,16.4V18.4L9,19V20L15,16.1V15Z" /></svg><svg id="bomb" viewBox="0 0 24 24"><path d="M11.25,6A3.25,3.25 0 0,1 14.5,2.75A3.25,3.25 0 0,1 17.75,6C17.75,6.42 18.08,6.75 18.5,6.75C18.92,6.75 19.25,6.42 19.25,6V5.25H20.75V6A2.25,2.25 0 0,1 18.5,8.25A2.25,2.25 0 0,1 16.25,6A1.75,1.75 0 0,0 14.5,4.25A1.75,1.75 0 0,0 12.75,6H14V7.29C16.89,8.15 19,10.83 19,14A7,7 0 0,1 12,21A7,7 0 0,1 5,14C5,10.83 7.11,8.15 10,7.29V6H11.25M22,6H24V7H22V6M19,4V2H20V4H19M20.91,4.38L22.33,2.96L23.04,3.67L21.62,5.09L20.91,4.38Z" /></svg><svg id="bomb-off" viewBox="0 0 24 24"><path d="M14.5,2.75C12.7,2.75 11.25,4.2 11.25,6H10V7.29C9.31,7.5 8.67,7.81 8.08,8.2L17.79,17.91C18.58,16.76 19,15.39 19,14C19,10.83 16.89,8.15 14,7.29V6H12.75A1.75,1.75 0 0,1 14.5,4.25A1.75,1.75 0 0,1 16.25,6A2.25,2.25 0 0,0 18.5,8.25C19.74,8.25 20.74,7.24 20.74,6V5.25H19.25V6C19.25,6.42 18.91,6.75 18.5,6.75C18.08,6.75 17.75,6.42 17.75,6C17.75,4.2 16.29,2.75 14.5,2.75M3.41,6.36L2,7.77L5.55,11.32C5.2,12.14 5,13.04 5,14C5,17.86 8.13,21 12,21C12.92,21 13.83,20.81 14.68,20.45L18.23,24L19.64,22.59L3.41,6.36Z" /></svg><svg id="bone" viewBox="0 0 24 24"><path d="M8,14A3,3 0 0,1 5,17A3,3 0 0,1 2,14C2,13.23 2.29,12.53 2.76,12C2.29,11.47 2,10.77 2,10A3,3 0 0,1 5,7A3,3 0 0,1 8,10C9.33,10.08 10.67,10.17 12,10.17C13.33,10.17 14.67,10.08 16,10A3,3 0 0,1 19,7A3,3 0 0,1 22,10C22,10.77 21.71,11.47 21.24,12C21.71,12.53 22,13.23 22,14A3,3 0 0,1 19,17A3,3 0 0,1 16,14C14.67,13.92 13.33,13.83 12,13.83C10.67,13.83 9.33,13.92 8,14Z" /></svg><svg id="book" viewBox="0 0 24 24"><path d="M18,22A2,2 0 0,0 20,20V4C20,2.89 19.1,2 18,2H12V9L9.5,7.5L7,9V2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18Z" /></svg><svg id="book-lock" viewBox="0 0 24 24"><path d="M18,2H12V9L9.5,7.5L7,9V2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2M18,20H10V16H11V15A3,3 0 0,1 14,12A3,3 0 0,1 17,15V16H18V20M15,15V16H13V15A1,1 0 0,1 14,14A1,1 0 0,1 15,15Z" /></svg><svg id="book-lock-open" viewBox="0 0 24 24"><path d="M18,2H12V9L9.5,7.5L7,9V2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2M18,20H10V16H11V14A3,3 0 0,1 14,11A3,3 0 0,1 17,14H15A1,1 0 0,0 14,13A1,1 0 0,0 13,14V16H18V20Z" /></svg><svg id="book-minus" viewBox="0 0 24 24"><path d="M18,22H6A2,2 0 0,1 4,20V4C4,2.89 4.9,2 6,2H7V9L9.5,7.5L12,9V2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22M18,18V16H12V18H18Z" /></svg><svg id="book-multiple" viewBox="0 0 24 24"><path d="M19,18H9A2,2 0 0,1 7,16V4A2,2 0 0,1 9,2H10V7L12,5.5L14,7V2H19A2,2 0 0,1 21,4V16A2,2 0 0,1 19,18M17,20V22H5A2,2 0 0,1 3,20V6H5V20H17Z" /></svg><svg id="book-multiple-minus" viewBox="0 0 24 24"><path d="M9,2A2,2 0 0,0 7,4V16A2,2 0 0,0 9,18H19A2,2 0 0,0 21,16V4A2,2 0 0,0 19,2H14V7L12,5.5L10,7V2H9M3,6V20A2,2 0 0,0 5,22H17V20H5V6H3M19,12V14C19,14 18.26,14 13,14V12H19Z" /></svg><svg id="book-multiple-plus" viewBox="0 0 24 24"><path d="M9,2A2,2 0 0,0 7,4V16A2,2 0 0,0 9,18H19A2,2 0 0,0 21,16V4A2,2 0 0,0 19,2H14V7L12,5.5L10,7V2H9M3,6V20A2,2 0 0,0 5,22H17V20H5V6H3M15,10H17V12H19V14H17V16H15V14H13V12H15V10Z" /></svg><svg id="book-multiple-remove" viewBox="0 0 24 24"><path d="M9,2A2,2 0 0,0 7,4V16A2,2 0 0,0 9,18H19A2,2 0 0,0 21,16V4A2,2 0 0,0 19,2H14V7L12,5.5L10,7V2H9M3,6V20A2,2 0 0,0 5,22H17V20H5V6H3M14.59,10.17L16,11.59L17.41,10.17L18.83,11.59L17.41,13L18.83,14.41L17.41,15.83L16,14.41L14.59,15.83L13.17,14.41L14.59,13L13.17,11.59L14.59,10.17Z" /></svg><svg id="book-multiple-variant" viewBox="0 0 24 24"><path d="M4,6H2V20A2,2 0 0,0 4,22H18V20H4V6M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M20,12L17.5,10.5L15,12V4H20V12Z" /></svg><svg id="book-open" viewBox="0 0 24 24"><path d="M13,12H20V13.5H13M13,9.5H20V11H13M13,14.5H20V16H13M21,4H3A2,2 0 0,0 1,6V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V6A2,2 0 0,0 21,4M21,19H12V6H21" /></svg><svg id="book-open-outline" viewBox="0 0 24 24"><path d="M21,4H3A2,2 0 0,0 1,6V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V6A2,2 0 0,0 21,4M3,19V6H11V19H3M21,19H13V6H21V19M14,9.5H20V11H14V9.5M14,12H20V13.5H14V12M14,14.5H20V16H14V14.5Z" /></svg><svg id="book-open-page-variant" viewBox="0 0 24 24"><path d="M19,2L14,6.5V17.5L19,13V2M6.5,5C4.55,5 2.45,5.4 1,6.5V21.16C1,21.41 1.25,21.66 1.5,21.66C1.6,21.66 1.65,21.59 1.75,21.59C3.1,20.94 5.05,20.5 6.5,20.5C8.45,20.5 10.55,20.9 12,22C13.35,21.15 15.8,20.5 17.5,20.5C19.15,20.5 20.85,20.81 22.25,21.56C22.35,21.61 22.4,21.59 22.5,21.59C22.75,21.59 23,21.34 23,21.09V6.5C22.4,6.05 21.75,5.75 21,5.5V7.5L21,13V19C19.9,18.65 18.7,18.5 17.5,18.5C15.8,18.5 13.35,19.15 12,20V13L12,8.5V6.5C10.55,5.4 8.45,5 6.5,5V5Z" /></svg><svg id="book-open-variant" viewBox="0 0 24 24"><path d="M21,5C19.89,4.65 18.67,4.5 17.5,4.5C15.55,4.5 13.45,4.9 12,6C10.55,4.9 8.45,4.5 6.5,4.5C4.55,4.5 2.45,4.9 1,6V20.65C1,20.9 1.25,21.15 1.5,21.15C1.6,21.15 1.65,21.1 1.75,21.1C3.1,20.45 5.05,20 6.5,20C8.45,20 10.55,20.4 12,21.5C13.35,20.65 15.8,20 17.5,20C19.15,20 20.85,20.3 22.25,21.05C22.35,21.1 22.4,21.1 22.5,21.1C22.75,21.1 23,20.85 23,20.6V6C22.4,5.55 21.75,5.25 21,5M21,18.5C19.9,18.15 18.7,18 17.5,18C15.8,18 13.35,18.65 12,19.5V8C13.35,7.15 15.8,6.5 17.5,6.5C18.7,6.5 19.9,6.65 21,7V18.5Z" /></svg><svg id="book-outline" viewBox="0 0 24 24"><path d="M18,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2M9,4H11V9L10,8.25L9,9V4M18,20H6V4H7V13L10,10.75L13,13V4H18V20Z" /></svg><svg id="book-play" viewBox="0 0 24 24"><path d="M6,22A2,2 0 0,1 4,20V4C4,2.89 4.9,2 6,2H7V9L9.5,7.5L12,9V2H18A2,2 0 0,1 20,4V11.5C19.23,11.18 18.39,11 17.5,11A6.5,6.5 0 0,0 11,17.5C11,19.25 11.69,20.83 12.81,22H6M17.5,13C20,13 22,15 22,17.5C22,20 20,22 17.5,22C15,22 13,20 13,17.5C13,15 15,13 17.5,13M16.07,15V20L20,17.5L16.07,15Z" /></svg><svg id="book-play-outline" viewBox="0 0 24 24"><path d="M17,16L22,19L17,22V16M18,2A2,2 0 0,1 20,4V15.42L18,14.27V4H13V12L10.5,9.75L8,12V4H6V20H15V22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H18Z" /></svg><svg id="book-plus" viewBox="0 0 24 24"><path d="M18,22H6A2,2 0 0,1 4,20V4C4,2.89 4.9,2 6,2H7V9L9.5,7.5L12,9V2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22M14,20H16V18H18V16H16V14H14V16H12V18H14V20Z" /></svg><svg id="book-remove" viewBox="0 0 24 24"><path d="M18,22H6A2,2 0 0,1 4,20V4C4,2.89 4.9,2 6,2H7V9L9.5,7.5L12,9V2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22M16.41,19.83L17.83,18.41L16.41,17L17.83,15.59L16.41,14.17L15,15.59L13.59,14.17L12.17,15.59L13.59,17L12.17,18.41L13.59,19.83L15,18.41L16.41,19.83Z" /></svg><svg id="book-variant" viewBox="0 0 24 24"><path d="M6,4H11V12L8.5,10.5L6,12M18,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2Z" /></svg><svg id="bookmark" viewBox="0 0 24 24"><path d="M17,3H7A2,2 0 0,0 5,5V21L12,18L19,21V5C19,3.89 18.1,3 17,3Z" /></svg><svg id="bookmark-check" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V21L12,18L5,21V5C5,3.89 5.9,3 7,3H17M11,14L17.25,7.76L15.84,6.34L11,11.18L8.41,8.59L7,10L11,14Z" /></svg><svg id="bookmark-minus" viewBox="0 0 24 24"><path d="M17,3H7A2,2 0 0,0 5,5V21L12,18L19,21V5A2,2 0 0,0 17,3M15,11H9V9H15V11Z" /></svg><svg id="bookmark-minus-outline" viewBox="0 0 24 24"><path d="M9,11V9H15V11H9M19,5V21L12,18L5,21V5C5,3.89 5.9,3 7,3H17C18.11,3 19,3.9 19,5M17,5H7V18L12,15.82L17,18V5Z" /></svg><svg id="bookmark-multiple" viewBox="0 0 24 24"><path d="M15,5A2,2 0 0,1 17,7V23L10,20L3,23V7C3,5.89 3.9,5 5,5H15M9,1H19A2,2 0 0,1 21,3V19L19,18.13V3H7A2,2 0 0,1 9,1Z" /></svg><svg id="bookmark-multiple-outline" viewBox="0 0 24 24"><path d="M9,1H19A2,2 0 0,1 21,3V19L19,18.13V3H7A2,2 0 0,1 9,1M15,20V7H5V20L10,17.82L15,20M15,5C16.11,5 17,5.9 17,7V23L10,20L3,23V7A2,2 0 0,1 5,5H15Z" /></svg><svg id="bookmark-music" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V21L12,18L5,21V5C5,3.89 5.9,3 7,3H17M11,11A2,2 0 0,0 9,13A2,2 0 0,0 11,15A2,2 0 0,0 13,13V8H16V6H12V11.27C11.71,11.1 11.36,11 11,11Z" /></svg><svg id="bookmark-off" viewBox="0 0 24 24"><path d="M20,20.72L18.73,22L16.78,20.05L12,18L5,21V8.27L2,5.27L3.28,4L20,20.72M19,17.16V5C19,3.89 18.1,3 17,3H7C6.41,3 5.89,3.27 5.5,3.68L19,17.16Z" /></svg><svg id="bookmark-off-outline" viewBox="0 0 24 24"><path d="M3.28,4L2,5.27L5,8.27V21L12,18L16.78,20.05L18.73,22L20,20.72L3.28,4M7,18V10.27L13,16.25L12,15.82L7,18M7,5.16L5.5,3.67C5.88,3.26 6.41,3 7,3H17A2,2 0 0,1 19,5V17.16L17,15.16V5H7V5.16Z" /></svg><svg id="bookmark-outline" viewBox="0 0 24 24"><path d="M17,18L12,15.82L7,18V5H17M17,3H7A2,2 0 0,0 5,5V21L12,18L19,21V5C19,3.89 18.1,3 17,3Z" /></svg><svg id="bookmark-plus" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V21L12,18L5,21V5C5,3.89 5.9,3 7,3H17M11,7V9H9V11H11V13H13V11H15V9H13V7H11Z" /></svg><svg id="bookmark-plus-outline" viewBox="0 0 24 24"><path d="M17,18V5H7V18L12,15.82L17,18M17,3A2,2 0 0,1 19,5V21L12,18L5,21V5C5,3.89 5.9,3 7,3H17M11,7H13V9H15V11H13V13H11V11H9V9H11V7Z" /></svg><svg id="bookmark-remove" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V21L12,18L5,21V5C5,3.89 5.9,3 7,3H17M8.17,8.58L10.59,11L8.17,13.41L9.59,14.83L12,12.41L14.41,14.83L15.83,13.41L13.41,11L15.83,8.58L14.41,7.17L12,9.58L9.59,7.17L8.17,8.58Z" /></svg><svg id="boom-gate" viewBox="0 0 24 24"><path d="M20,9H8.22C7.11,7.77 5.21,7.68 4,8.8C3.36,9.36 3,10.16 3,11V20A1,1 0 0,0 2,21V22H10V21A1,1 0 0,0 9,20V13H20A2,2 0 0,0 22,11A2,2 0 0,0 20,9M6,12.5A1.5,1.5 0 0,1 4.5,11A1.5,1.5 0 0,1 6,9.5A1.5,1.5 0 0,1 7.5,11A1.5,1.5 0 0,1 6,12.5M10.5,12L9,10H10.5L12,12H10.5M14.5,12L13,10H14.5L16,12H14.5M18.5,12L17,10H18.5L20,12H18.5Z" /></svg><svg id="boom-gate-alert" viewBox="0 0 24 24"><path d="M19.86,3C19.31,2.04 18.09,1.71 17.12,2.27L6.92,8.16C6.62,8.06 6.31,8 6,8A3,3 0 0,0 3,11V20A1,1 0 0,0 2,21V22H10V21A1,1 0 0,0 9,20V11.58L19.12,5.73C20.08,5.18 20.41,3.96 19.86,3M6,12.5A1.5,1.5 0 0,1 4.5,11A1.5,1.5 0 0,1 6,9.5A1.5,1.5 0 0,1 7.5,11A1.5,1.5 0 0,1 6,12.5M10.4,9.62L8.1,8.62L9.4,7.87L11.7,8.87L10.4,9.62M13.86,7.62L11.56,6.62L12.86,5.87L15.16,6.87L13.86,7.62M17.33,5.62L15.03,4.62L16.33,3.87L18.62,4.87L17.33,5.62M20,18H18V20H20V18M20,11H18V16H20V11Z" /></svg><svg id="boom-gate-alert-outline" viewBox="0 0 24 24"><path d="M19.86,3C19.31,2.04 18.09,1.71 17.12,2.27L6.92,8.16C6.62,8.06 6.31,8 6,8A3,3 0 0,0 3,11V20A1,1 0 0,0 2,21V22H10V21A1,1 0 0,0 9,20V11.58L19.12,5.73C20.08,5.18 20.41,3.96 19.86,3M7.5,20H4.5V13.6C5.43,14.14 6.57,14.14 7.5,13.6V20M6,12.5A1.5,1.5 0 0,1 4.5,11A1.5,1.5 0 0,1 6,9.5A1.5,1.5 0 0,1 7.5,11A1.5,1.5 0 0,1 6,12.5M10.4,9.62L8.1,8.62L9.4,7.87L11.7,8.87L10.4,9.62M13.86,7.62L11.56,6.62L12.86,5.87L15.16,6.87L13.86,7.62M17.33,5.62L15.03,4.62L16.33,3.87L18.62,4.87L17.33,5.62M20,16H18V11H20V16M20,20H18V18H20V20Z" /></svg><svg id="boom-gate-down" viewBox="0 0 24 24"><path d="M19.86,3C19.31,2.04 18.09,1.71 17.12,2.27L6.92,8.16C6.62,8.06 6.31,8 6,8A3,3 0 0,0 3,11V20A1,1 0 0,0 2,21V22H10V21A1,1 0 0,0 9,20V11.58L19.12,5.73C20.08,5.18 20.41,3.96 19.86,3M6,12.5A1.5,1.5 0 0,1 4.5,11A1.5,1.5 0 0,1 6,9.5A1.5,1.5 0 0,1 7.5,11A1.5,1.5 0 0,1 6,12.5M10.4,9.62L8.1,8.62L9.4,7.87L11.7,8.87L10.4,9.62M13.86,7.62L11.56,6.62L12.86,5.87L15.16,6.87L13.86,7.62M17.33,5.62L15.03,4.62L16.33,3.87L18.62,4.87L17.33,5.62M17,20L12,15H15V11H19V15H22L17,20" /></svg><svg id="boom-gate-down-outline" viewBox="0 0 24 24"><path d="M19.86,3C20.41,3.96 20.08,5.18 19.12,5.73L9,11.58V20A1,1 0 0,1 10,21V22H2V21A1,1 0 0,1 3,20V11A3,3 0 0,1 6,8C6.31,8 6.62,8.06 6.92,8.16L17.12,2.27C18.09,1.71 19.31,2.04 19.86,3M7.5,20V13.6C6.57,14.14 5.43,14.14 4.5,13.6V20H7.5M6,12.5A1.5,1.5 0 0,0 7.5,11A1.5,1.5 0 0,0 6,9.5A1.5,1.5 0 0,0 4.5,11A1.5,1.5 0 0,0 6,12.5M10.4,9.62L11.7,8.87L9.4,7.87L8.1,8.62L10.4,9.62M13.86,7.62L15.16,6.87L12.86,5.87L11.56,6.62L13.86,7.62M17.33,5.62L18.62,4.87L16.33,3.87L15.03,4.62L17.33,5.62M16,11.16H18V16.17L21,16.16L17,20L13,16.16L16,16.17V11.16Z" /></svg><svg id="boom-gate-outline" viewBox="0 0 24 24"><path d="M20,9H8.22C7.11,7.77 5.21,7.68 4,8.8C3.36,9.36 3,10.16 3,11V20A1,1 0 0,0 2,21V22H10V21A1,1 0 0,0 9,20V13H20A2,2 0 0,0 22,11A2,2 0 0,0 20,9M7.5,20H4.5V13.6C5.43,14.14 6.57,14.14 7.5,13.6V20M6,12.5A1.5,1.5 0 0,1 4.5,11A1.5,1.5 0 0,1 6,9.5A1.5,1.5 0 0,1 7.5,11A1.5,1.5 0 0,1 6,12.5M10.5,12L9,10H10.5L12,12H10.5M14.5,12L13,10H14.5L16,12H14.5M18.5,12L17,10H18.5L20,12H18.5Z" /></svg><svg id="boom-gate-up" viewBox="0 0 24 24"><path d="M19.86,3C19.31,2.04 18.09,1.71 17.12,2.27L6.92,8.16C6.62,8.06 6.31,8 6,8A3,3 0 0,0 3,11V20A1,1 0 0,0 2,21V22H10V21A1,1 0 0,0 9,20V11.58L19.12,5.73C20.08,5.18 20.41,3.96 19.86,3M6,12.5A1.5,1.5 0 0,1 4.5,11A1.5,1.5 0 0,1 6,9.5A1.5,1.5 0 0,1 7.5,11A1.5,1.5 0 0,1 6,12.5M10.4,9.62L8.1,8.62L9.4,7.87L11.7,8.87L10.4,9.62M13.86,7.62L11.56,6.62L12.86,5.87L15.16,6.87L13.86,7.62M17.33,5.62L15.03,4.62L16.33,3.87L18.62,4.87L17.33,5.62M17,11L22,16H19V20H15V16H12L17,11" /></svg><svg id="boom-gate-up-outline" viewBox="0 0 24 24"><path d="M19.86,3C20.41,3.96 20.08,5.18 19.12,5.73L9,11.58V20A1,1 0 0,1 10,21V22H2V21A1,1 0 0,1 3,20V11A3,3 0 0,1 6,8C6.31,8 6.62,8.06 6.92,8.16L17.12,2.27C18.09,1.71 19.31,2.04 19.86,3M7.5,20V13.6C6.57,14.14 5.43,14.14 4.5,13.6V20H7.5M6,12.5A1.5,1.5 0 0,0 7.5,11A1.5,1.5 0 0,0 6,9.5A1.5,1.5 0 0,0 4.5,11A1.5,1.5 0 0,0 6,12.5M10.4,9.62L11.7,8.87L9.4,7.87L8.1,8.62L10.4,9.62M13.86,7.62L15.16,6.87L12.86,5.87L11.56,6.62L13.86,7.62M17.33,5.62L18.62,4.87L16.33,3.87L15.03,4.62L17.33,5.62M16,20V15H13L17,11.16L21,15H18V20H16Z" /></svg><svg id="boombox" viewBox="0 0 24 24"><path d="M7,5L5,7V8H3A1,1 0 0,0 2,9V17A1,1 0 0,0 3,18H21A1,1 0 0,0 22,17V9A1,1 0 0,0 21,8H19V7L17,5H7M7,7H17V8H7V7M11,9H13A0.5,0.5 0 0,1 13.5,9.5A0.5,0.5 0 0,1 13,10H11A0.5,0.5 0 0,1 10.5,9.5A0.5,0.5 0 0,1 11,9M7.5,10.5A3,3 0 0,1 10.5,13.5A3,3 0 0,1 7.5,16.5A3,3 0 0,1 4.5,13.5A3,3 0 0,1 7.5,10.5M16.5,10.5A3,3 0 0,1 19.5,13.5A3,3 0 0,1 16.5,16.5A3,3 0 0,1 13.5,13.5A3,3 0 0,1 16.5,10.5M7.5,12A1.5,1.5 0 0,0 6,13.5A1.5,1.5 0 0,0 7.5,15A1.5,1.5 0 0,0 9,13.5A1.5,1.5 0 0,0 7.5,12M16.5,12A1.5,1.5 0 0,0 15,13.5A1.5,1.5 0 0,0 16.5,15A1.5,1.5 0 0,0 18,13.5A1.5,1.5 0 0,0 16.5,12Z" /></svg><svg id="bootstrap" viewBox="0 0 24 24"><path d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M7.5,6V18H12.5C14.75,18 16.5,16.75 16.5,14.5C16.5,12.5 14.77,11.5 13.25,11.5A2.75,2.75 0 0,0 16,8.75C16,7.23 14.27,6 12.75,6H7.5M10,11V8H11.5A1.5,1.5 0 0,1 13,9.5A1.5,1.5 0 0,1 11.5,11H10M10,13H12A1.5,1.5 0 0,1 13.5,14.5A1.5,1.5 0 0,1 12,16H10V13Z" /></svg><svg id="border-all" viewBox="0 0 24 24"><path d="M19,11H13V5H19M19,19H13V13H19M11,11H5V5H11M11,19H5V13H11M3,21H21V3H3V21Z" /></svg><svg id="border-all-variant" viewBox="0 0 24 24"><path d="M3,21V3H21V21H3M5,5V19H19V5H5Z" /></svg><svg id="border-bottom" viewBox="0 0 24 24"><path d="M5,15H3V17H5M3,21H21V19H3M5,11H3V13H5M19,9H21V7H19M19,5H21V3H19M5,7H3V9H5M19,17H21V15H19M19,13H21V11H19M17,3H15V5H17M13,3H11V5H13M17,11H15V13H17M13,7H11V9H13M5,3H3V5H5M13,11H11V13H13M9,3H7V5H9M13,15H11V17H13M9,11H7V13H9V11Z" /></svg><svg id="border-bottom-variant" viewBox="0 0 24 24"><path d="M5,15H3V17H5M3,21H21V19H3M5,11H3V13H5M19,9H21V7H19M19,5H21V3H19M5,7H3V9H5M19,17H21V15H19M19,13H21V11H19M17,3H15V5H17M13,3H11V5H13M5,3H3V5H5M9,3H7V5H9" /></svg><svg id="border-color" viewBox="0 0 24 24"><path d="M20.71,4.04C21.1,3.65 21.1,3 20.71,2.63L18.37,0.29C18,-0.1 17.35,-0.1 16.96,0.29L15,2.25L18.75,6M17.75,7L14,3.25L4,13.25V17H7.75L17.75,7Z" /></svg><svg id="border-horizontal" viewBox="0 0 24 24"><path d="M19,21H21V19H19M15,21H17V19H15M11,17H13V15H11M19,9H21V7H19M19,5H21V3H19M3,13H21V11H3M11,21H13V19H11M19,17H21V15H19M13,3H11V5H13M13,7H11V9H13M17,3H15V5H17M9,3H7V5H9M5,3H3V5H5M7,21H9V19H7M3,17H5V15H3M5,7H3V9H5M3,21H5V19H3V21Z" /></svg><svg id="border-inside" viewBox="0 0 24 24"><path d="M19,17H21V15H19M19,21H21V19H19M13,3H11V11H3V13H11V21H13V13H21V11H13M15,21H17V19H15M19,5H21V3H19M19,9H21V7H19M17,3H15V5H17M5,3H3V5H5M9,3H7V5H9M3,17H5V15H3M5,7H3V9H5M7,21H9V19H7M3,21H5V19H3V21Z" /></svg><svg id="border-left" viewBox="0 0 24 24"><path d="M15,5H17V3H15M15,13H17V11H15M19,21H21V19H19M19,13H21V11H19M19,5H21V3H19M19,17H21V15H19M15,21H17V19H15M19,9H21V7H19M3,21H5V3H3M7,13H9V11H7M7,5H9V3H7M7,21H9V19H7M11,13H13V11H11M11,9H13V7H11M11,5H13V3H11M11,17H13V15H11M11,21H13V19H11V21Z" /></svg><svg id="border-left-variant" viewBox="0 0 24 24"><path d="M15,5H17V3H15M19,21H21V19H19M19,13H21V11H19M19,5H21V3H19M19,17H21V15H19M15,21H17V19H15M19,9H21V7H19M3,21H5V3H3M7,5H9V3H7M7,21H9V19H7M11,5H13V3H11M11,21H13V19H11V21Z" /></svg><svg id="border-none" viewBox="0 0 24 24"><path d="M15,5H17V3H15M15,13H17V11H15M15,21H17V19H15M11,5H13V3H11M19,5H21V3H19M11,9H13V7H11M19,9H21V7H19M19,21H21V19H19M19,13H21V11H19M19,17H21V15H19M11,13H13V11H11M3,5H5V3H3M3,9H5V7H3M3,13H5V11H3M3,17H5V15H3M3,21H5V19H3M11,21H13V19H11M11,17H13V15H11M7,21H9V19H7M7,13H9V11H7M7,5H9V3H7V5Z" /></svg><svg id="border-none-variant" viewBox="0 0 24 24"><path d="M15,5H17V3H15M15,21H17V19H15M11,5H13V3H11M19,5H21V3H19M19,9H21V7H19M19,21H21V19H19M19,13H21V11H19M19,17H21V15H19M3,5H5V3H3M3,9H5V7H3M3,13H5V11H3M3,17H5V15H3M3,21H5V19H3M11,21H13V19H11M7,21H9V19H7M7,5H9V3H7V5Z" /></svg><svg id="border-outside" viewBox="0 0 24 24"><path d="M9,11H7V13H9M13,15H11V17H13M19,19H5V5H19M3,21H21V3H3M17,11H15V13H17M13,11H11V13H13M13,7H11V9H13V7Z" /></svg><svg id="border-right" viewBox="0 0 24 24"><path d="M11,9H13V7H11M11,5H13V3H11M11,13H13V11H11M15,5H17V3H15M15,21H17V19H15M19,21H21V3H19M15,13H17V11H15M11,17H13V15H11M3,9H5V7H3M3,17H5V15H3M3,13H5V11H3M11,21H13V19H11M3,21H5V19H3M7,13H9V11H7M7,5H9V3H7M3,5H5V3H3M7,21H9V19H7V21Z" /></svg><svg id="border-right-variant" viewBox="0 0 24 24"><path d="M11,5H13V3H11M15,5H17V3H15M15,21H17V19H15M19,21H21V3H19M3,9H5V7H3M3,17H5V15H3M3,13H5V11H3M11,21H13V19H11M3,21H5V19H3M7,5H9V3H7M3,5H5V3H3M7,21H9V19H7V21Z" /></svg><svg id="border-style" viewBox="0 0 24 24"><path d="M15,21H17V19H15M19,21H21V19H19M7,21H9V19H7M11,21H13V19H11M19,17H21V15H19M19,13H21V11H19M3,3V21H5V5H21V3M19,9H21V7H19" /></svg><svg id="border-top" viewBox="0 0 24 24"><path d="M15,13H17V11H15M19,21H21V19H19M11,9H13V7H11M15,21H17V19H15M19,17H21V15H19M3,5H21V3H3M19,13H21V11H19M19,9H21V7H19M11,17H13V15H11M3,9H5V7H3M3,13H5V11H3M3,21H5V19H3M3,17H5V15H3M11,21H13V19H11M11,13H13V11H11M7,13H9V11H7M7,21H9V19H7V21Z" /></svg><svg id="border-top-variant" viewBox="0 0 24 24"><path d="M19,21H21V19H19M15,21H17V19H15M19,17H21V15H19M3,5H21V3H3M19,13H21V11H19M19,9H21V7H19M3,9H5V7H3M3,13H5V11H3M3,21H5V19H3M3,17H5V15H3M11,21H13V19H11M7,21H9V19H7V21Z" /></svg><svg id="border-vertical" viewBox="0 0 24 24"><path d="M15,13H17V11H15M15,21H17V19H15M15,5H17V3H15M19,9H21V7H19M19,5H21V3H19M19,13H21V11H19M19,21H21V19H19M11,21H13V3H11M19,17H21V15H19M7,5H9V3H7M3,17H5V15H3M3,21H5V19H3M3,13H5V11H3M7,13H9V11H7M7,21H9V19H7M3,5H5V3H3M3,9H5V7H3V9Z" /></svg><svg id="bottle-wine" viewBox="0 0 24 24"><path d="M10,22A1,1 0 0,1 9,21V11C9,9 10,7.25 11,7V2.5A0.5,0.5 0 0,1 11.5,2H12.5A0.5,0.5 0 0,1 13,2.5V7C14,7.25 15,9 15,11V21A1,1 0 0,1 14,22H10Z" /></svg><svg id="bow-tie" viewBox="0 0 24 24"><path d="M15,14L21,17V7L15,10V14M9,14L3,17V7L9,10V14M10,10H14V14H10V10Z" /></svg><svg id="bowl" viewBox="0 0 24 24"><path d="M22,15A7,7 0 0,1 15,22H9A7,7 0 0,1 2,15V12H15.58L20.3,4.44L22,5.5L17.94,12H22V15Z" /></svg><svg id="bowling" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12.5,11A1.5,1.5 0 0,0 11,12.5A1.5,1.5 0 0,0 12.5,14A1.5,1.5 0 0,0 14,12.5A1.5,1.5 0 0,0 12.5,11M12,5A2,2 0 0,0 10,7A2,2 0 0,0 12,9A2,2 0 0,0 14,7A2,2 0 0,0 12,5M5.93,8.5C5.38,9.45 5.71,10.67 6.66,11.22C7.62,11.78 8.84,11.45 9.4,10.5C9.95,9.53 9.62,8.31 8.66,7.76C7.71,7.21 6.5,7.53 5.93,8.5Z" /></svg><svg id="box" viewBox="0 0 24 24"><path d="M15.39,14.04V14.04C15.39,12.62 14.24,11.47 12.82,11.47C11.41,11.47 10.26,12.62 10.26,14.04V14.04C10.26,15.45 11.41,16.6 12.82,16.6C14.24,16.6 15.39,15.45 15.39,14.04M17.1,14.04C17.1,16.4 15.18,18.31 12.82,18.31C11.19,18.31 9.77,17.39 9.05,16.04C8.33,17.39 6.91,18.31 5.28,18.31C2.94,18.31 1.04,16.43 1,14.11V14.11H1V7H1V7C1,6.56 1.39,6.18 1.86,6.18C2.33,6.18 2.7,6.56 2.71,7V7H2.71V10.62C3.43,10.08 4.32,9.76 5.28,9.76C6.91,9.76 8.33,10.68 9.05,12.03C9.77,10.68 11.19,9.76 12.82,9.76C15.18,9.76 17.1,11.68 17.1,14.04V14.04M7.84,14.04V14.04C7.84,12.62 6.69,11.47 5.28,11.47C3.86,11.47 2.71,12.62 2.71,14.04V14.04C2.71,15.45 3.86,16.6 5.28,16.6C6.69,16.6 7.84,15.45 7.84,14.04M22.84,16.96V16.96C22.95,17.12 23,17.3 23,17.47C23,17.73 22.88,18 22.66,18.15C22.5,18.26 22.33,18.32 22.15,18.32C21.9,18.32 21.65,18.21 21.5,18L19.59,15.47L17.7,18V18C17.53,18.21 17.28,18.32 17.03,18.32C16.85,18.32 16.67,18.26 16.5,18.15C16.29,18 16.17,17.72 16.17,17.46C16.17,17.29 16.23,17.11 16.33,16.96V16.96H16.33V16.96L18.5,14.04L16.33,11.11V11.11H16.33V11.11C16.22,10.96 16.17,10.79 16.17,10.61C16.17,10.35 16.29,10.1 16.5,9.93C16.89,9.65 17.41,9.72 17.7,10.09V10.09L19.59,12.61L21.5,10.09C21.76,9.72 22.29,9.65 22.66,9.93C22.89,10.1 23,10.36 23,10.63C23,10.8 22.95,10.97 22.84,11.11V11.11H22.84V11.11L20.66,14.04L22.84,16.96V16.96H22.84Z" /></svg><svg id="box-cutter" viewBox="0 0 24 24"><path d="M7.22,11.91C6.89,12.24 6.71,12.65 6.66,13.08L12.17,15.44L20.66,6.96C21.44,6.17 21.44,4.91 20.66,4.13L19.24,2.71C18.46,1.93 17.2,1.93 16.41,2.71L7.22,11.91M5,16V21.75L10.81,16.53L5.81,14.53L5,16M17.12,4.83C17.5,4.44 18.15,4.44 18.54,4.83C18.93,5.23 18.93,5.86 18.54,6.25C18.15,6.64 17.5,6.64 17.12,6.25C16.73,5.86 16.73,5.23 17.12,4.83Z" /></svg><svg id="box-shadow" viewBox="0 0 24 24"><path d="M3,3H18V18H3V3M19,19H21V21H19V19M19,16H21V18H19V16M19,13H21V15H19V13M19,10H21V12H19V10M19,7H21V9H19V7M16,19H18V21H16V19M13,19H15V21H13V19M10,19H12V21H10V19M7,19H9V21H7V19Z" /></svg><svg id="boxing-glove" viewBox="0 0 24 24"><path d="M19,16V6H22V16H19M12,4C8,4 7,4 7,4C7,4 2,4 2,8V14C2,15.77 3,16.76 4.07,17.31C4.4,15.43 6.03,14 8,14H11V16H8A2,2 0 0,0 6,18C6,19.11 6.9,20 8,20H13C17,20 17,16 17,16V6C17,6 16,4 12,4Z" /></svg><svg id="braille" viewBox="0 0 24 24"><path d="M7,8A1,1 0 0,1 8,7A1,1 0 0,1 9,8V12.47L10.21,12.6L15.15,14.79C15.67,15.03 16,15.56 16,16.14V20.5C15.97,21.32 15.32,21.97 14.5,22H8C7.62,22 7.26,21.85 7,21.57L2.1,17.37L2.84,16.6C3.03,16.39 3.3,16.28 3.58,16.28H3.8L7,18V8M19.5,2A1.5,1.5 0 0,0 18,3.5A1.5,1.5 0 0,0 19.5,5A1.5,1.5 0 0,0 21,3.5A1.5,1.5 0 0,0 19.5,2M19.5,7A1.5,1.5 0 0,0 18,8.5A1.5,1.5 0 0,0 19.5,10A1.5,1.5 0 0,0 21,8.5A1.5,1.5 0 0,0 19.5,7M14.5,7A1.5,1.5 0 0,0 13,8.5A1.5,1.5 0 0,0 14.5,10A1.5,1.5 0 0,0 16,8.5A1.5,1.5 0 0,0 14.5,7M19.5,12A1.5,1.5 0 0,0 18,13.5A1.5,1.5 0 0,0 19.5,15A1.5,1.5 0 0,0 21,13.5A1.5,1.5 0 0,0 19.5,12Z" /></svg><svg id="brain" viewBox="0 0 24 24"><path d="M21.33,12.91C21.42,14.46 20.71,15.95 19.44,16.86L20.21,18.35C20.44,18.8 20.47,19.33 20.27,19.8C20.08,20.27 19.69,20.64 19.21,20.8L18.42,21.05C18.25,21.11 18.06,21.14 17.88,21.14C17.37,21.14 16.89,20.91 16.56,20.5L14.44,18C13.55,17.85 12.71,17.47 12,16.9C11.5,17.05 11,17.13 10.5,17.13C9.62,17.13 8.74,16.86 8,16.34C7.47,16.5 6.93,16.57 6.38,16.56C5.59,16.57 4.81,16.41 4.08,16.11C2.65,15.47 1.7,14.07 1.65,12.5C1.57,11.78 1.69,11.05 2,10.39C1.71,9.64 1.68,8.82 1.93,8.06C2.3,7.11 3,6.32 3.87,5.82C4.45,4.13 6.08,3 7.87,3.12C9.47,1.62 11.92,1.46 13.7,2.75C14.12,2.64 14.56,2.58 15,2.58C16.36,2.55 17.65,3.15 18.5,4.22C20.54,4.75 22,6.57 22.08,8.69C22.13,9.8 21.83,10.89 21.22,11.82C21.29,12.18 21.33,12.54 21.33,12.91M16.33,11.5C16.9,11.57 17.35,12 17.35,12.57A1,1 0 0,1 16.35,13.57H15.72C15.4,14.47 14.84,15.26 14.1,15.86C14.35,15.95 14.61,16 14.87,16.07C20,16 19.4,12.87 19.4,12.82C19.34,11.39 18.14,10.27 16.71,10.33A1,1 0 0,1 15.71,9.33A1,1 0 0,1 16.71,8.33C17.94,8.36 19.12,8.82 20.04,9.63C20.09,9.34 20.12,9.04 20.12,8.74C20.06,7.5 19.5,6.42 17.25,6.21C16,3.25 12.85,4.89 12.85,5.81V5.81C12.82,6.04 13.06,6.53 13.1,6.56A1,1 0 0,1 14.1,7.56C14.1,8.11 13.65,8.56 13.1,8.56V8.56C12.57,8.54 12.07,8.34 11.67,8C11.19,8.31 10.64,8.5 10.07,8.56V8.56C9.5,8.61 9.03,8.21 9,7.66C8.92,7.1 9.33,6.61 9.88,6.56C10.04,6.54 10.82,6.42 10.82,5.79V5.79C10.82,5.13 11.07,4.5 11.5,4C10.58,3.75 9.59,4.08 8.59,5.29C6.75,5 6,5.25 5.45,7.2C4.5,7.67 4,8 3.78,9C4.86,8.78 5.97,8.87 7,9.25C7.5,9.44 7.78,10 7.59,10.54C7.4,11.06 6.82,11.32 6.3,11.13C5.57,10.81 4.75,10.79 4,11.07C3.68,11.34 3.68,11.9 3.68,12.34C3.68,13.08 4.05,13.77 4.68,14.17C5.21,14.44 5.8,14.58 6.39,14.57C6.24,14.31 6.11,14.04 6,13.76C5.81,13.22 6.1,12.63 6.64,12.44C7.18,12.25 7.77,12.54 7.96,13.08C8.36,14.22 9.38,15 10.58,15.13C11.95,15.06 13.17,14.25 13.77,13C14,11.62 15.11,11.5 16.33,11.5M18.33,18.97L17.71,17.67L17,17.83L18,19.08L18.33,18.97M13.68,10.36C13.7,9.83 13.3,9.38 12.77,9.33C12.06,9.29 11.37,9.53 10.84,10C10.27,10.58 9.97,11.38 10,12.19A1,1 0 0,0 11,13.19C11.57,13.19 12,12.74 12,12.19C12,11.92 12.07,11.65 12.23,11.43C12.35,11.33 12.5,11.28 12.66,11.28C13.21,11.31 13.68,10.9 13.68,10.36Z" /></svg><svg id="bread-slice" viewBox="0 0 24 24"><path d="M12,2C17.5,2 22,5.36 22,9.5C22,11.19 21.26,12.75 20,14V22H4V14C2.74,12.75 2,11.19 2,9.5C2,5.36 6.5,2 12,2M8,18H12V14H8V18Z" /></svg><svg id="bread-slice-outline" viewBox="0 0 24 24"><path d="M12,2C17.5,2 22,5.36 22,9.5C22,11.19 21.26,12.75 20,14V22H4V14C2.74,12.75 2,11.19 2,9.5C2,5.36 6.5,2 12,2M18,13.14C19.24,12.17 20,10.89 20,9.5C20,6.46 16.42,4 12,4C7.58,4 4,6.46 4,9.5C4,10.89 4.76,12.17 6,13.14V20H18V13.14M8,18V14H12V18H8Z" /></svg><svg id="bridge" viewBox="0 0 24 24"><path d="M7,14V10.91C6.28,10.58 5.61,10.18 5,9.71V14H7M5,18H3V16H1V14H3V7H5V8.43C6.8,10 9.27,11 12,11C14.73,11 17.2,10 19,8.43V7H21V14H23V16H21V18H19V16H5V18M17,10.91V14H19V9.71C18.39,10.18 17.72,10.58 17,10.91M16,14V11.32C15.36,11.55 14.69,11.72 14,11.84V14H16M13,14V11.96L12,12L11,11.96V14H13M10,14V11.84C9.31,11.72 8.64,11.55 8,11.32V14H10Z" /></svg><svg id="briefcase" viewBox="0 0 24 24"><path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14Z" /></svg><svg id="briefcase-account" viewBox="0 0 24 24"><path d="M20,6H16V4A2,2 0 0,0 14,2H10C8.89,2 8,2.89 8,4V6H4C2.89,6 2,6.89 2,8V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V8A2,2 0 0,0 20,6M10,4H14V6H10V4M12,9A2.5,2.5 0 0,1 14.5,11.5A2.5,2.5 0 0,1 12,14A2.5,2.5 0 0,1 9.5,11.5A2.5,2.5 0 0,1 12,9M17,19H7V17.75C7,16.37 9.24,15.25 12,15.25C14.76,15.25 17,16.37 17,17.75V19Z" /></svg><svg id="briefcase-account-outline" viewBox="0 0 24 24"><path d="M20,6C20.58,6 21.05,6.2 21.42,6.59C21.8,7 22,7.45 22,8V19C22,19.55 21.8,20 21.42,20.41C21.05,20.8 20.58,21 20,21H4C3.42,21 2.95,20.8 2.58,20.41C2.2,20 2,19.55 2,19V8C2,7.45 2.2,7 2.58,6.59C2.95,6.2 3.42,6 4,6H8V4C8,3.42 8.2,2.95 8.58,2.58C8.95,2.2 9.42,2 10,2H14C14.58,2 15.05,2.2 15.42,2.58C15.8,2.95 16,3.42 16,4V6H20M4,8V19H20V8H4M14,6V4H10V6H14M12,9A2.25,2.25 0 0,1 14.25,11.25C14.25,12.5 13.24,13.5 12,13.5A2.25,2.25 0 0,1 9.75,11.25C9.75,10 10.76,9 12,9M16.5,18H7.5V16.88C7.5,15.63 9.5,14.63 12,14.63C14.5,14.63 16.5,15.63 16.5,16.88V18Z" /></svg><svg id="briefcase-check" viewBox="0 0 24 24"><path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V8A2,2 0 0,1 4,6H8V4A2,2 0 0,1 10,2M14,6V4H10V6H14M10.5,17.5L17.09,10.91L15.68,9.5L10.5,14.67L8.41,12.59L7,14L10.5,17.5Z" /></svg><svg id="briefcase-download" viewBox="0 0 24 24"><path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14M12,19L17,14H14V10H10V14H7L12,19Z" /></svg><svg id="briefcase-download-outline" viewBox="0 0 24 24"><path d="M12,18L7,13H10V9H14V13H17L12,18M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14M4,8V19H20V8H4Z" /></svg><svg id="briefcase-edit" viewBox="0 0 24 24"><path d="M14,2A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8L10.85,19C10.85,20.1 10.85,19.5 10.85,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2H14M14,6V4H10V6H14M21.04,12.13C20.9,12.13 20.76,12.19 20.65,12.3L19.65,13.3L21.7,15.35L22.7,14.35C22.92,14.14 22.92,13.79 22.7,13.58L21.42,12.3C21.31,12.19 21.18,12.13 21.04,12.13M19.07,13.88L13,19.94V22H15.06L21.12,15.93L19.07,13.88Z" /></svg><svg id="briefcase-edit-outline" viewBox="0 0 24 24"><path d="M21.04,12.13C21.18,12.13 21.31,12.19 21.42,12.3L22.7,13.58C22.92,13.79 22.92,14.14 22.7,14.35L21.7,15.35L19.65,13.3L20.65,12.3C20.76,12.19 20.9,12.13 21.04,12.13M19.07,13.88L21.12,15.93L15.06,22H13V19.94L19.07,13.88M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8L20,10V8H4V19H11V21H4A2,2 0 0,1 2,19V8A2,2 0 0,1 4,6H8V4A2,2 0 0,1 10,2M14,6V4H10V6H14Z" /></svg><svg id="briefcase-minus" viewBox="0 0 24 24"><path d="M22,17V19H14V17H22M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V13.53C20.94,12.58 19.54,12 18,12A6,6 0 0,0 12,18C12,19.09 12.29,20.12 12.8,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14Z" /></svg><svg id="briefcase-minus-outline" viewBox="0 0 24 24"><path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V13.53C21.42,13 20.75,12.6 20,12.34V8H4V19H12.08C12.2,19.72 12.45,20.39 12.8,21H4A2,2 0 0,1 2,19V8A2,2 0 0,1 4,6H8V4A2,2 0 0,1 10,2M14,6V4H10V6H14M14,17H22V19H14V17Z" /></svg><svg id="briefcase-outline" viewBox="0 0 24 24"><path d="M20,6C20.58,6 21.05,6.2 21.42,6.59C21.8,7 22,7.45 22,8V19C22,19.55 21.8,20 21.42,20.41C21.05,20.8 20.58,21 20,21H4C3.42,21 2.95,20.8 2.58,20.41C2.2,20 2,19.55 2,19V8C2,7.45 2.2,7 2.58,6.59C2.95,6.2 3.42,6 4,6H8V4C8,3.42 8.2,2.95 8.58,2.58C8.95,2.2 9.42,2 10,2H14C14.58,2 15.05,2.2 15.42,2.58C15.8,2.95 16,3.42 16,4V6H20M4,8V19H20V8H4M14,6V4H10V6H14Z" /></svg><svg id="briefcase-plus" viewBox="0 0 24 24"><path d="M17,14H19V17H22V19H19V22H17V19H14V17H17V14M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V13.53C20.94,12.58 19.54,12 18,12A6,6 0 0,0 12,18C12,19.09 12.29,20.12 12.8,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14Z" /></svg><svg id="briefcase-plus-outline" viewBox="0 0 24 24"><path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V13.53C21.42,13 20.75,12.6 20,12.34V8H4V19H12.08C12.2,19.72 12.45,20.39 12.8,21H4A2,2 0 0,1 2,19V8A2,2 0 0,1 4,6H8V4A2,2 0 0,1 10,2M14,6V4H10V6H14M14,17H17V14H19V17H22V19H19V22H17V19H14V17Z" /></svg><svg id="briefcase-remove" viewBox="0 0 24 24"><path d="M14.46,15.88L15.88,14.46L18,16.59L20.12,14.46L21.54,15.88L19.41,18L21.54,20.12L20.12,21.54L18,19.41L15.88,21.54L14.46,20.12L16.59,18L14.46,15.88M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V13.53C20.94,12.58 19.54,12 18,12A6,6 0 0,0 12,18C12,19.09 12.29,20.12 12.8,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14Z" /></svg><svg id="briefcase-remove-outline" viewBox="0 0 24 24"><path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V13.53C21.42,13 20.75,12.6 20,12.34V8H4V19H12.08C12.2,19.72 12.45,20.39 12.8,21H4A2,2 0 0,1 2,19V8A2,2 0 0,1 4,6H8V4A2,2 0 0,1 10,2M14,6V4H10V6H14M14.46,15.88L15.88,14.46L18,16.59L20.12,14.46L21.54,15.88L19.41,18L21.54,20.12L20.12,21.54L18,19.41L15.88,21.54L14.46,20.12L16.59,18L14.46,15.88Z" /></svg><svg id="briefcase-search" viewBox="0 0 24 24"><path d="M16.5,12C19,12 21,14 21,16.5C21,17.38 20.75,18.21 20.31,18.9L23.39,22L22,23.39L18.88,20.32C18.19,20.75 17.37,21 16.5,21C14,21 12,19 12,16.5C12,14 14,12 16.5,12M16.5,14A2.5,2.5 0 0,0 14,16.5A2.5,2.5 0 0,0 16.5,19A2.5,2.5 0 0,0 19,16.5A2.5,2.5 0 0,0 16.5,14M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V13.03C20.85,11.21 18.82,10 16.5,10A6.5,6.5 0 0,0 10,16.5C10,18.25 10.69,19.83 11.81,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14Z" /></svg><svg id="briefcase-search-outline" viewBox="0 0 24 24"><path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V13.03C21.5,12.23 20.8,11.54 20,11V8H4V19H10.5C10.81,19.75 11.26,20.42 11.81,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14M20.31,18.9L23.39,22L22,23.39L18.88,20.32C18.19,20.75 17.37,21 16.5,21C14,21 12,19 12,16.5C12,14 14,12 16.5,12C19,12 21,14 21,16.5C21,17.38 20.75,18.21 20.31,18.9M16.5,19A2.5,2.5 0 0,0 19,16.5A2.5,2.5 0 0,0 16.5,14A2.5,2.5 0 0,0 14,16.5A2.5,2.5 0 0,0 16.5,19Z" /></svg><svg id="briefcase-upload" viewBox="0 0 24 24"><path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14M12,9L7,14H10V18H14V14H17L12,9Z" /></svg><svg id="briefcase-upload-outline" viewBox="0 0 24 24"><path d="M12,9L17,14H14V18H10V14H7L12,9M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14M4,8V19H20V8H4Z" /></svg><svg id="brightness-1" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="brightness-2" viewBox="0 0 24 24"><path d="M10,2C8.18,2 6.47,2.5 5,3.35C8,5.08 10,8.3 10,12C10,15.7 8,18.92 5,20.65C6.47,21.5 8.18,22 10,22A10,10 0 0,0 20,12A10,10 0 0,0 10,2Z" /></svg><svg id="brightness-3" viewBox="0 0 24 24"><path d="M9,2C7.95,2 6.95,2.16 6,2.46C10.06,3.73 13,7.5 13,12C13,16.5 10.06,20.27 6,21.54C6.95,21.84 7.95,22 9,22A10,10 0 0,0 19,12A10,10 0 0,0 9,2Z" /></svg><svg id="brightness-4" viewBox="0 0 24 24"><path d="M12,18C11.11,18 10.26,17.8 9.5,17.45C11.56,16.5 13,14.42 13,12C13,9.58 11.56,7.5 9.5,6.55C10.26,6.2 11.11,6 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69Z" /></svg><svg id="brightness-5" viewBox="0 0 24 24"><path d="M12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,15.31L23.31,12L20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31Z" /></svg><svg id="brightness-6" viewBox="0 0 24 24"><path d="M12,18V6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,15.31L23.31,12L20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31Z" /></svg><svg id="brightness-7" viewBox="0 0 24 24"><path d="M12,8A4,4 0 0,0 8,12A4,4 0 0,0 12,16A4,4 0 0,0 16,12A4,4 0 0,0 12,8M12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69Z" /></svg><svg id="brightness-auto" viewBox="0 0 24 24"><path d="M14.3,16L13.6,14H10.4L9.7,16H7.8L11,7H13L16.2,16H14.3M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69M10.85,12.65H13.15L12,9L10.85,12.65Z" /></svg><svg id="brightness-percent" viewBox="0 0 24 24"><path d="M20.04,8.71V4H15.34L12,0.69L8.71,4H4V8.71L0.69,12L4,15.34V20.04H8.71L12,23.35L15.34,20.04H20.04V15.34L23.35,12L20.04,8.71M8.83,7.05C9.81,7.05 10.6,7.84 10.6,8.83A1.77,1.77 0 0,1 8.83,10.6C7.84,10.6 7.05,9.81 7.05,8.83C7.05,7.84 7.84,7.05 8.83,7.05M15.22,17C14.24,17 13.45,16.2 13.45,15.22A1.77,1.77 0 0,1 15.22,13.45C16.2,13.45 17,14.24 17,15.22A1.78,1.78 0 0,1 15.22,17M8.5,17.03L7,15.53L15.53,7L17.03,8.5L8.5,17.03Z" /></svg><svg id="broom" viewBox="0 0 24 24"><path d="M19.36,2.72L20.78,4.14L15.06,9.85C16.13,11.39 16.28,13.24 15.38,14.44L9.06,8.12C10.26,7.22 12.11,7.37 13.65,8.44L19.36,2.72M5.93,17.57C3.92,15.56 2.69,13.16 2.35,10.92L7.23,8.83L14.67,16.27L12.58,21.15C10.34,20.81 7.94,19.58 5.93,17.57Z" /></svg><svg id="brush" viewBox="0 0 24 24"><path d="M20.71,4.63L19.37,3.29C19,2.9 18.35,2.9 17.96,3.29L9,12.25L11.75,15L20.71,6.04C21.1,5.65 21.1,5 20.71,4.63M7,14A3,3 0 0,0 4,17C4,18.31 2.84,19 2,19C2.92,20.22 4.5,21 6,21A4,4 0 0,0 10,17A3,3 0 0,0 7,14Z" /></svg><svg id="buddhism" viewBox="0 0 24 24"><path d="M11,2V3C9.27,3.2 7.69,3.9 6.4,4.94L5.64,4.18L4.22,5.6L5,6.35C3.9,7.68 3.21,9.3 3,11H2V13H3C3.21,14.68 3.9,16.26 5,17.56L4.22,18.32L5.64,19.74L6.39,19C7.71,20.07 9.3,20.77 11,21V22H13V21C14.69,20.77 16.29,20.07 17.6,19L18.36,19.74L19.78,18.32L19,17.57C20.1,16.27 20.79,14.68 21,13H22V11H21C20.79,9.3 20.1,7.69 19,6.36L19.78,5.6L18.36,4.18L17.61,4.94C16.29,3.87 14.69,3.2 13,3V2H11M11,5V8L10,8.5L7.81,6.35C8.72,5.67 9.81,5.17 11,5M13,5C14.16,5.18 15.26,5.64 16.2,6.35L14,8.5L13,8V5M6.4,7.76L8.5,10L8,11H5C5.16,9.84 5.7,8.7 6.39,7.75L6.4,7.76M17.6,7.76C18.33,8.71 18.81,9.82 19,11H16L15.5,10L17.61,7.76H17.6M12,10C13.12,10 14,10.88 14,12C14,13.12 13.12,14 12,14C10.88,14 10,13.12 10,12C10,10.88 10.88,10 12,10M5,13H8L8.57,14L6.39,16.15C5.67,15.24 5.19,14.16 5,13V13M16,13H19C18.81,14.15 18.33,15.24 17.61,16.16L15.5,14L16,13M10,15.5L11,16V19C9.83,18.8 8.73,18.31 7.8,17.57L10,15.5M14,15.5L16.19,17.57C15.28,18.25 14.19,18.83 13,19V16L14,15.5Z" /></svg><svg id="buffer" viewBox="0 0 24 24"><path d="M12.6,2.86C15.27,4.1 18,5.39 20.66,6.63C20.81,6.7 21,6.75 21,6.95C21,7.15 20.81,7.19 20.66,7.26C18,8.5 15.3,9.77 12.62,11C12.21,11.21 11.79,11.21 11.38,11C8.69,9.76 6,8.5 3.32,7.25C3.18,7.19 3,7.14 3,6.94C3,6.76 3.18,6.71 3.31,6.65C6,5.39 8.74,4.1 11.44,2.85C11.73,2.72 12.3,2.73 12.6,2.86M12,21.15C11.8,21.15 11.66,21.07 11.38,20.97C8.69,19.73 6,18.47 3.33,17.22C3.19,17.15 3,17.11 3,16.9C3,16.7 3.19,16.66 3.34,16.59C3.78,16.38 4.23,16.17 4.67,15.96C5.12,15.76 5.56,15.76 6,15.97C7.79,16.8 9.57,17.63 11.35,18.46C11.79,18.67 12.23,18.66 12.67,18.46C14.45,17.62 16.23,16.79 18,15.96C18.44,15.76 18.87,15.75 19.29,15.95C19.77,16.16 20.24,16.39 20.71,16.61C20.78,16.64 20.85,16.68 20.91,16.73C21.04,16.83 21.04,17 20.91,17.08C20.83,17.14 20.74,17.19 20.65,17.23C18,18.5 15.33,19.72 12.66,20.95C12.46,21.05 12.19,21.15 12,21.15M12,16.17C11.9,16.17 11.55,16.07 11.36,16C8.68,14.74 6,13.5 3.34,12.24C3.2,12.18 3,12.13 3,11.93C3,11.72 3.2,11.68 3.35,11.61C3.8,11.39 4.25,11.18 4.7,10.97C5.13,10.78 5.56,10.78 6,11C7.78,11.82 9.58,12.66 11.38,13.5C11.79,13.69 12.21,13.69 12.63,13.5C14.43,12.65 16.23,11.81 18.04,10.97C18.45,10.78 18.87,10.78 19.29,10.97C19.76,11.19 20.24,11.41 20.71,11.63C20.77,11.66 20.84,11.69 20.9,11.74C21.04,11.85 21.04,12 20.89,12.12C20.84,12.16 20.77,12.19 20.71,12.22C18,13.5 15.31,14.75 12.61,16C12.42,16.09 12.08,16.17 12,16.17Z" /></svg><svg id="bug" viewBox="0 0 24 24"><path d="M14,12H10V10H14M14,16H10V14H14M20,8H17.19C16.74,7.22 16.12,6.55 15.37,6.04L17,4.41L15.59,3L13.42,5.17C12.96,5.06 12.5,5 12,5C11.5,5 11.04,5.06 10.59,5.17L8.41,3L7,4.41L8.62,6.04C7.88,6.55 7.26,7.22 6.81,8H4V10H6.09C6.04,10.33 6,10.66 6,11V12H4V14H6V15C6,15.34 6.04,15.67 6.09,16H4V18H6.81C7.85,19.79 9.78,21 12,21C14.22,21 16.15,19.79 17.19,18H20V16H17.91C17.96,15.67 18,15.34 18,15V14H20V12H18V11C18,10.66 17.96,10.33 17.91,10H20V8Z" /></svg><svg id="bug-check" viewBox="0 0 24 24"><path d="M18,7H15.19C14.74,6.2 14.12,5.5 13.37,5L15,3.41L13.59,2L11.42,4.17C10.96,4.06 10.5,4 10,4C9.5,4 9.05,4.06 8.59,4.17L6.41,2L5,3.41L6.62,5C5.87,5.5 5.26,6.21 4.81,7H2V9H4.09C4.03,9.33 4,9.66 4,10V11H2V13H4V14C4,14.34 4.03,14.67 4.09,15H2V17H4.81C6.26,19.5 9.28,20.61 12,19.65C12,19.43 12,19.22 12,19C12,16.46 13.61,14.2 16,13.35V13H18V11H16V10C16,9.66 15.97,9.33 15.91,9H18V7M12,15H8V13H12V15M12,11H8V9H12V11M17.75,22.16L15,19.16L16.16,18L17.75,19.59L21.34,16L22.5,17.41L17.75,22.16Z" /></svg><svg id="bug-check-outline" viewBox="0 0 24 24"><path d="M18,7H15.19C14.74,6.2 14.12,5.5 13.37,5L15,3.41L13.59,2L11.42,4.17C10.96,4.06 10.5,4 10,4C9.5,4 9.05,4.06 8.59,4.17L6.41,2L5,3.41L6.62,5C5.87,5.5 5.26,6.21 4.81,7H2V9H4.09C4.03,9.33 4,9.66 4,10V11H2V13H4V14C4,14.34 4.03,14.67 4.09,15H2V17H4.81C6.26,19.5 9.28,20.61 12,19.65C12,19.43 12,19.22 12,19C12,18.43 12.09,17.86 12.25,17.31C11.59,17.76 10.8,18 10,18A4,4 0 0,1 6,14V10A4,4 0 0,1 10,6A4,4 0 0,1 14,10V14C14,14.19 14,14.39 13.95,14.58C14.54,14.04 15.24,13.62 16,13.35V13H18V11H16V10C16,9.66 15.97,9.33 15.91,9H18V7M21.34,16L17.75,19.59L16.16,18L15,19.16L17.75,22.16L22.5,17.41L21.34,16M12,9V11H8V9H12M12,13V15H8V13H12Z" /></svg><svg id="bug-outline" viewBox="0 0 24 24"><path d="M20,8H17.19C16.74,7.2 16.12,6.5 15.37,6L17,4.41L15.59,3L13.42,5.17C12.96,5.06 12.5,5 12,5C11.5,5 11.05,5.06 10.59,5.17L8.41,3L7,4.41L8.62,6C7.87,6.5 7.26,7.21 6.81,8H4V10H6.09C6.03,10.33 6,10.66 6,11V12H4V14H6V15C6,15.34 6.03,15.67 6.09,16H4V18H6.81C8.47,20.87 12.14,21.84 15,20.18C15.91,19.66 16.67,18.9 17.19,18H20V16H17.91C17.97,15.67 18,15.34 18,15V14H20V12H18V11C18,10.66 17.97,10.33 17.91,10H20V8M16,15A4,4 0 0,1 12,19A4,4 0 0,1 8,15V11A4,4 0 0,1 12,7A4,4 0 0,1 16,11V15M14,10V12H10V10H14M10,14H14V16H10V14Z" /></svg><svg id="bugle" viewBox="0 0 24 24"><path d="M21,6C21,11 12,11 12,11C12,11 6,11 5,11C4,11 3,10 3,10H2V14H3C3,14 4,13 5,13C5.2,13 5.7,13 6.3,13C5.5,13.5 5,14.2 5,15C5,16.8 7.3,18 10.5,18C13.7,18 16,16.8 16,15C16,14.4 15.7,13.8 15.2,13.3C17.8,13.8 21,15 21,18H22V6H21M10.5,16.7C8.2,16.7 6.4,15.9 6.4,15C6.4,14.1 8.2,13.3 10.5,13.3C12.8,13.3 14.6,14.1 14.6,15C14.6,15.9 12.8,16.7 10.5,16.7Z" /></svg><svg id="bulldozer" viewBox="0 0 24 24"><path d="M4,4A1,1 0 0,0 3,5V10C2.54,10 2.14,10.31 2.03,10.76V13.97H2.29C2.65,13.37 3.3,13 4,13H13C13.7,13 14.35,13.37 14.71,13.97H16.03L16,11V11A1,1 0 0,0 15,10H13V8A1,1 0 0,0 12,7A1,1 0 0,0 11,8V10H9V5A1,1 0 0,0 8,4H4M5,6H7V10L7,11H5V6M17,11V19H22V18L19,17L18,11H17M4,15A2,2 0 0,0 2,17A2,2 0 0,0 4,19H13A2,2 0 0,0 15,17A2,2 0 0,0 13,15H4Z" /></svg><svg id="bullet" viewBox="0 0 24 24"><path d="M14,22H10V21H14V22M13,10V7H11V10L10,11.5V20H14V11.5L13,10M12,2C12,2 11,3 11,5V6H13V5C13,5 13,3 12,2Z" /></svg><svg id="bulletin-board" viewBox="0 0 24 24"><path d="M12.04,2.5L9.53,5H14.53L12.04,2.5M4,7V20H20V7H4M12,0L17,5V5H20A2,2 0 0,1 22,7V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V7A2,2 0 0,1 4,5H7V5L12,0M7,18V14H12V18H7M14,17V10H18V17H14M6,12V9H11V12H6Z" /></svg><svg id="bullhorn" viewBox="0 0 24 24"><path d="M12,8H4A2,2 0 0,0 2,10V14A2,2 0 0,0 4,16H5V20A1,1 0 0,0 6,21H8A1,1 0 0,0 9,20V16H12L17,20V4L12,8M21.5,12C21.5,13.71 20.54,15.26 19,16V8C20.53,8.75 21.5,10.3 21.5,12Z" /></svg><svg id="bullhorn-outline" viewBox="0 0 24 24"><path d="M12,8H4A2,2 0 0,0 2,10V14A2,2 0 0,0 4,16H5V20A1,1 0 0,0 6,21H8A1,1 0 0,0 9,20V16H12L17,20V4L12,8M15,15.6L13,14H4V10H13L15,8.4V15.6M21.5,12C21.5,13.71 20.54,15.26 19,16V8C20.53,8.75 21.5,10.3 21.5,12Z" /></svg><svg id="bullseye" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,6A6,6 0 0,0 6,12A6,6 0 0,0 12,18A6,6 0 0,0 18,12A6,6 0 0,0 12,6M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg><svg id="bullseye-arrow" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,10.84 21.79,9.69 21.39,8.61L19.79,10.21C19.93,10.8 20,11.4 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.6,4 13.2,4.07 13.79,4.21L15.4,2.6C14.31,2.21 13.16,2 12,2M19,2L15,6V7.5L12.45,10.05C12.3,10 12.15,10 12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12C14,11.85 14,11.7 13.95,11.55L16.5,9H18L22,5H19V2M12,6A6,6 0 0,0 6,12A6,6 0 0,0 12,18A6,6 0 0,0 18,12H16A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8V6Z" /></svg><svg id="bus" viewBox="0 0 24 24"><path d="M18,11H6V6H18M16.5,17A1.5,1.5 0 0,1 15,15.5A1.5,1.5 0 0,1 16.5,14A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 16.5,17M7.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,14A1.5,1.5 0 0,1 9,15.5A1.5,1.5 0 0,1 7.5,17M4,16C4,16.88 4.39,17.67 5,18.22V20A1,1 0 0,0 6,21H7A1,1 0 0,0 8,20V19H16V20A1,1 0 0,0 17,21H18A1,1 0 0,0 19,20V18.22C19.61,17.67 20,16.88 20,16V6C20,2.5 16.42,2 12,2C7.58,2 4,2.5 4,6V16Z" /></svg><svg id="bus-alert" viewBox="0 0 24 24"><path d="M16,1A7,7 0 0,1 23,8C23,11.53 20.39,14.45 17,14.93V18C17,18.84 16.65,19.58 15.96,20.2V22C15.96,22.27 15.87,22.5 15.68,22.71C15.5,22.91 15.26,23 15,23H14C13.71,23 13.47,22.91 13.27,22.71C13.06,22.5 12.96,22.27 12.96,22V21H5.04V22C5.04,22.27 4.94,22.5 4.73,22.71C4.53,22.91 4.29,23 4,23H3C2.74,23 2.5,22.91 2.32,22.71C2.13,22.5 2.04,22.27 2.04,22V20.2C1.35,19.58 1,18.84 1,18V8C1,6.42 1.7,5.35 3.07,4.8C4.44,4.26 6.42,4 9,4L10.23,4.03C11.5,2.2 13.61,1 16,1M16,3A5,5 0 0,0 11,8A5,5 0 0,0 16,13A5,5 0 0,0 21,8A5,5 0 0,0 16,3M15,10H17V12H15V10M15,4H17V9H15V4M3,13H11.09C9.8,11.72 9,9.96 9,8H3V13M4.5,16C3.69,16 3,16.67 3,17.5A1.5,1.5 0 0,0 4.5,19C5.35,19 6,18.33 6,17.5A1.5,1.5 0 0,0 4.5,16M13.5,16C12.65,16 12,16.67 12,17.5A1.5,1.5 0 0,0 13.5,19C14.31,19 15,18.33 15,17.5A1.5,1.5 0 0,0 13.5,16Z" /></svg><svg id="bus-articulated-end" viewBox="0 0 24 24"><path d="M21.5,6L20,7.5L21.5,9L20,10.5L21.5,12L20,13.5L21.5,15H12.5A3,3 0 0,1 9.5,18A3,3 0 0,1 6.5,15H2.5V8C2.5,6.89 3.39,6 4.5,6H21.5M18.5,7.5H15V10H18.5V7.5M13.5,7.5H9.5V10H13.5V7.5M8,7.5H4V10H8V7.5M9.5,13.5A1.5,1.5 0 0,0 8,15A1.5,1.5 0 0,0 9.5,16.5A1.5,1.5 0 0,0 11,15A1.5,1.5 0 0,0 9.5,13.5Z" /></svg><svg id="bus-articulated-front" viewBox="0 0 24 24"><path d="M1,6L2.5,7.5L1,9L2.5,10.5L1,12L2.5,13.5L1,15H3A3,3 0 0,0 6,18A3,3 0 0,0 9,15H15A3,3 0 0,0 18,18A3,3 0 0,0 21,15H23V8C23,6.89 22.11,6 21,6H1M4,7.5H6.5V10H4V7.5M8,7.5H12V10H8V7.5M13.5,7.5H17.5V10H13.5V7.5M19,7.5H21.5V13L19,11V7.5M6,13.5A1.5,1.5 0 0,1 7.5,15A1.5,1.5 0 0,1 6,16.5A1.5,1.5 0 0,1 4.5,15A1.5,1.5 0 0,1 6,13.5M18,13.5A1.5,1.5 0 0,1 19.5,15A1.5,1.5 0 0,1 18,16.5A1.5,1.5 0 0,1 16.5,15A1.5,1.5 0 0,1 18,13.5Z" /></svg><svg id="bus-clock" viewBox="0 0 24 24"><path d="M16.5,4V8.25L19.36,9.94L18.61,11.16L15,9V4H16.5M16,13C17.36,13 18.54,12.5 19.5,11.53C20.5,10.56 21,9.39 21,8C21,6.64 20.5,5.46 19.5,4.5C18.54,3.5 17.36,3 16,3C14.61,3 13.44,3.5 12.47,4.5C11.5,5.46 11,6.64 11,8C11,9.39 11.5,10.56 12.47,11.53C13.44,12.5 14.61,13 16,13M13.5,19C13.94,19 14.3,18.84 14.58,18.54C14.86,18.24 15,17.89 15,17.5C15,17.08 14.86,16.73 14.58,16.43C14.3,16.13 13.94,16 13.5,16C13.06,16 12.7,16.13 12.42,16.43C12.14,16.73 12,17.08 12,17.5C12,17.89 12.14,18.24 12.42,18.54C12.7,18.84 13.06,19 13.5,19M3,13H11.11C9.7,11.64 9,10 9,8H3V13M4.5,19C4.94,19 5.3,18.84 5.58,18.54C5.86,18.24 6,17.89 6,17.5C6,17.08 5.86,16.73 5.58,16.43C5.3,16.13 4.94,16 4.5,16C4.06,16 3.7,16.13 3.42,16.43C3.14,16.73 3,17.08 3,17.5C3,17.89 3.14,18.24 3.42,18.54C3.7,18.84 4.06,19 4.5,19M16,1C17.92,1 19.58,1.67 20.95,3.05C22.33,4.42 23,6.08 23,8C23,9.77 22.44,11.29 21.28,12.59C20.13,13.88 18.7,14.66 17,14.91V18C17,18.84 16.67,19.58 16,20.2V22C16,22.27 15.89,22.5 15.7,22.71C15.5,22.91 15.28,23 15,23H14C13.73,23 13.5,22.91 13.29,22.71C13.09,22.5 13,22.27 13,22V21H5V22C5,22.27 4.91,22.5 4.71,22.71C4.5,22.91 4.27,23 4,23H3C2.72,23 2.5,22.91 2.3,22.71C2.11,22.5 2,22.27 2,22V20.2C1.33,19.58 1,18.84 1,18V8C1,6.42 1.67,5.35 3.05,4.8C4.42,4.26 6.41,4 9,4C9.13,4 9.33,4 9.61,4C9.89,4 10.09,4.03 10.22,4.03C11.63,2 13.55,1 16,1Z" /></svg><svg id="bus-double-decker" viewBox="0 0 24 24"><path d="M3,4C1.89,4 1,4.89 1,6V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V14C23,12.89 22.11,12 21,12H19V9.5H23V6C23,4.89 22.11,4 21,4H3M2.5,5.5H6.5V8H2.5V5.5M8,5.5H12V8H8V5.5M13.5,5.5H17.5V8H13.5V5.5M19,5.5H21.5V8H19V5.5M13.5,9.5H17.5V12H13.5V9.5M2.5,9.5H6.5V12H2.5V9.5M8,9.5H12V12H8V9.5M6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5M18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5Z" /></svg><svg id="bus-school" viewBox="0 0 24 24"><path d="M3,6C1.89,6 1,6.89 1,8V15H3A3,3 0 0,0 6,18A3,3 0 0,0 9,15H15A3,3 0 0,0 18,18A3,3 0 0,0 21,15H23V12C23,10.89 22.11,10 21,10H19V8C19,6.89 18.11,6 17,6H3M13.5,7.5H17.5V10H13.5V7.5M2.5,7.5H6.5V10H2.5V7.5M8,7.5H12V10H8V7.5M6,13.5A1.5,1.5 0 0,1 7.5,15A1.5,1.5 0 0,1 6,16.5A1.5,1.5 0 0,1 4.5,15A1.5,1.5 0 0,1 6,13.5M18,13.5A1.5,1.5 0 0,1 19.5,15A1.5,1.5 0 0,1 18,16.5A1.5,1.5 0 0,1 16.5,15A1.5,1.5 0 0,1 18,13.5Z" /></svg><svg id="bus-side" viewBox="0 0 24 24"><path d="M3,6C1.89,6 1,6.89 1,8V15H3A3,3 0 0,0 6,18A3,3 0 0,0 9,15H15A3,3 0 0,0 18,18A3,3 0 0,0 21,15H23V8C23,6.89 22.11,6 21,6H3M2.5,7.5H6.5V10H2.5V7.5M8,7.5H12V10H8V7.5M13.5,7.5H17.5V10H13.5V7.5M19,7.5H21.5V13L19,11V7.5M6,13.5A1.5,1.5 0 0,1 7.5,15A1.5,1.5 0 0,1 6,16.5A1.5,1.5 0 0,1 4.5,15A1.5,1.5 0 0,1 6,13.5M18,13.5A1.5,1.5 0 0,1 19.5,15A1.5,1.5 0 0,1 18,16.5A1.5,1.5 0 0,1 16.5,15A1.5,1.5 0 0,1 18,13.5Z" /></svg><svg id="cached" viewBox="0 0 24 24"><path d="M19,8L15,12H18A6,6 0 0,1 12,18C11,18 10.03,17.75 9.2,17.3L7.74,18.76C8.97,19.54 10.43,20 12,20A8,8 0 0,0 20,12H23M6,12A6,6 0 0,1 12,6C13,6 13.97,6.25 14.8,6.7L16.26,5.24C15.03,4.46 13.57,4 12,4A8,8 0 0,0 4,12H1L5,16L9,12" /></svg><svg id="cactus" viewBox="0 0 24 24"><path d="M14,16V21H10V18H9A3,3 0 0,1 6,15V12A1,1 0 0,1 7,11A1,1 0 0,1 8,12V15C8,15.56 8.45,16 9,16H10V6A2,2 0 0,1 12,4A2,2 0 0,1 14,6V14H15A1,1 0 0,0 16,13V11A1,1 0 0,1 17,10A1,1 0 0,1 18,11V13A3,3 0 0,1 15,16H14Z" /></svg><svg id="cake" viewBox="0 0 24 24"><path d="M11.5,0.5C12,0.75 13,2.4 13,3.5C13,4.6 12.33,5 11.5,5C10.67,5 10,4.85 10,3.75C10,2.65 11,2 11.5,0.5M18.5,9C21,9 23,11 23,13.5C23,15.06 22.21,16.43 21,17.24V23H12L3,23V17.24C1.79,16.43 1,15.06 1,13.5C1,11 3,9 5.5,9H10V6H13V9H18.5M12,16A2.5,2.5 0 0,0 14.5,13.5H16A2.5,2.5 0 0,0 18.5,16A2.5,2.5 0 0,0 21,13.5A2.5,2.5 0 0,0 18.5,11H5.5A2.5,2.5 0 0,0 3,13.5A2.5,2.5 0 0,0 5.5,16A2.5,2.5 0 0,0 8,13.5H9.5A2.5,2.5 0 0,0 12,16Z" /></svg><svg id="cake-layered" viewBox="0 0 24 24"><path d="M21,21V17C21,15.89 20.1,15 19,15H18V12C18,10.89 17.1,10 16,10H13V8H11V10H8C6.89,10 6,10.89 6,12V15H5C3.89,15 3,15.89 3,17V21H1V23H23V21M12,7A2,2 0 0,0 14,5C14,4.62 13.9,4.27 13.71,3.97L12,1L10.28,3.97C10.1,4.27 10,4.62 10,5A2,2 0 0,0 12,7Z" /></svg><svg id="cake-variant" viewBox="0 0 24 24"><path d="M12,6C13.11,6 14,5.1 14,4C14,3.62 13.9,3.27 13.71,2.97L12,0L10.29,2.97C10.1,3.27 10,3.62 10,4A2,2 0 0,0 12,6M16.6,16L15.53,14.92L14.45,16C13.15,17.29 10.87,17.3 9.56,16L8.5,14.92L7.4,16C6.75,16.64 5.88,17 4.96,17C4.23,17 3.56,16.77 3,16.39V21A1,1 0 0,0 4,22H20A1,1 0 0,0 21,21V16.39C20.44,16.77 19.77,17 19.04,17C18.12,17 17.25,16.64 16.6,16M18,9H13V7H11V9H6A3,3 0 0,0 3,12V13.54C3,14.62 3.88,15.5 4.96,15.5C5.5,15.5 6,15.3 6.34,14.93L8.5,12.8L10.61,14.93C11.35,15.67 12.64,15.67 13.38,14.93L15.5,12.8L17.65,14.93C18,15.3 18.5,15.5 19.03,15.5C20.11,15.5 21,14.62 21,13.54V12A3,3 0 0,0 18,9Z" /></svg><svg id="calculator" viewBox="0 0 24 24"><path d="M7,2H17A2,2 0 0,1 19,4V20A2,2 0 0,1 17,22H7A2,2 0 0,1 5,20V4A2,2 0 0,1 7,2M7,4V8H17V4H7M7,10V12H9V10H7M11,10V12H13V10H11M15,10V12H17V10H15M7,14V16H9V14H7M11,14V16H13V14H11M15,14V16H17V14H15M7,18V20H9V18H7M11,18V20H13V18H11M15,18V20H17V18H15Z" /></svg><svg id="calculator-variant" viewBox="0 0 24 24"><path d="M9,2H4A2,2 0 0,0 2,4V9A2,2 0 0,0 4,11H9A2,2 0 0,0 11,9V4A2,2 0 0,0 9,2M9,7H4V6H9V7M20,13H15A2,2 0 0,0 13,15V20A2,2 0 0,0 15,22H20A2,2 0 0,0 22,20V15A2,2 0 0,0 20,13M20,19H15V18H20V19M20,17H15V16H20V17M20,2H15A2,2 0 0,0 13,4V9A2,2 0 0,0 15,11H20A2,2 0 0,0 22,9V4A2,2 0 0,0 20,2M20,7H18V9H17V7H15V6H17V4H18V6H20V7M9,13H4A2,2 0 0,0 2,15V20A2,2 0 0,0 4,22H9A2,2 0 0,0 11,20V15A2,2 0 0,0 9,13M8.62,18.91L7.91,19.62L6.5,18.21L5.09,19.62L4.38,18.91L5.79,17.5L4.38,16.09L5.09,15.38L6.5,16.79L7.91,15.38L8.62,16.09L7.21,17.5L8.62,18.91Z" /></svg><svg id="calendar" viewBox="0 0 24 24"><path d="M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z" /></svg><svg id="calendar-alert" viewBox="0 0 24 24"><path d="M6,1V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H18V1H16V3H8V1H6M5,7H19V19H5V7M11,8V13H13V8H11M11,15V17H13V15H11Z" /></svg><svg id="calendar-blank" viewBox="0 0 24 24"><path d="M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1" /></svg><svg id="calendar-blank-outline" viewBox="0 0 24 24"><path d="M19,4H18V2H16V4H8V2H6V4H5C3.89,4 3,4.9 3,6V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V6A2,2 0 0,0 19,4M19,20H5V10H19V20M19,8H5V6H19V8Z" /></svg><svg id="calendar-check" viewBox="0 0 24 24"><path d="M19,19H5V8H19M19,3H18V1H16V3H8V1H6V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M16.53,11.06L15.47,10L10.59,14.88L8.47,12.76L7.41,13.82L10.59,17L16.53,11.06Z" /></svg><svg id="calendar-check-outline" viewBox="0 0 24 24"><path d="M19,4H18V2H16V4H8V2H6V4H5A2,2 0 0,0 3,6V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V6A2,2 0 0,0 19,4M19,20H5V10H19V20M5,8V6H19V8H5M10.56,18.46L16.5,12.53L15.43,11.47L10.56,16.34L8.45,14.23L7.39,15.29L10.56,18.46Z" /></svg><svg id="calendar-clock" viewBox="0 0 24 24"><path d="M15,13H16.5V15.82L18.94,17.23L18.19,18.53L15,16.69V13M19,8H5V19H9.67C9.24,18.09 9,17.07 9,16A7,7 0 0,1 16,9C17.07,9 18.09,9.24 19,9.67V8M5,21C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H6V1H8V3H16V1H18V3H19A2,2 0 0,1 21,5V11.1C22.24,12.36 23,14.09 23,16A7,7 0 0,1 16,23C14.09,23 12.36,22.24 11.1,21H5M16,11.15A4.85,4.85 0 0,0 11.15,16C11.15,18.68 13.32,20.85 16,20.85A4.85,4.85 0 0,0 20.85,16C20.85,13.32 18.68,11.15 16,11.15Z" /></svg><svg id="calendar-edit" viewBox="0 0 24 24"><path d="M19,3H18V1H16V3H8V1H6V3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H10V19H5V8H19V9H21V5A2,2 0 0,0 19,3M21.7,13.35L20.7,14.35L18.65,12.35L19.65,11.35C19.85,11.14 20.19,11.13 20.42,11.35L21.7,12.63C21.89,12.83 21.89,13.15 21.7,13.35M12,18.94L18.07,12.88L20.12,14.88L14.06,21H12V18.94Z" /></svg><svg id="calendar-export" viewBox="0 0 24 24"><path d="M12,22L16,18H13V12H11V18H8M19,4H18V2H16V4H8V2H6V4H5A2,2 0 0,0 3,6V20A2,2 0 0,0 5,22H8V20H5V9H19V20H16V22H19A2,2 0 0,0 21,20V6A2,2 0 0,0 19,4Z" /></svg><svg id="calendar-heart" viewBox="0 0 24 24"><path d="M19,20V9H5V20H19M16,2H18V4H19A2,2 0 0,1 21,6V20A2,2 0 0,1 19,22H5A2,2 0 0,1 3,20V6A2,2 0 0,1 5,4H6V2H8V4H16V2M12,18.17L11.42,17.64C9.36,15.77 8,14.54 8,13.03C8,11.8 8.97,10.83 10.2,10.83C10.9,10.83 11.56,11.15 12,11.66C12.44,11.15 13.1,10.83 13.8,10.83C15.03,10.83 16,11.8 16,13.03C16,14.54 14.64,15.77 12.58,17.64L12,18.17Z" /></svg><svg id="calendar-import" viewBox="0 0 24 24"><path d="M12,12L8,16H11V22H13V16H16M19,4H18V2H16V4H8V2H6V4H5A2,2 0 0,0 3,6V20A2,2 0 0,0 5,22H9V20H5V9H19V20H15V22H19A2,2 0 0,0 21,20V6A2,2 0 0,0 19,4Z" /></svg><svg id="calendar-minus" viewBox="0 0 24 24"><path d="M19,19V7H5V19H19M16,1H18V3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H6V1H8V3H16V1M16,12V14H8V12H16Z" /></svg><svg id="calendar-month" viewBox="0 0 24 24"><path d="M9,10V12H7V10H9M13,10V12H11V10H13M17,10V12H15V10H17M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H6V1H8V3H16V1H18V3H19M19,19V8H5V19H19M9,14V16H7V14H9M13,14V16H11V14H13M17,14V16H15V14H17Z" /></svg><svg id="calendar-month-outline" viewBox="0 0 24 24"><path d="M7,12H9V14H7V12M21,6V20A2,2 0 0,1 19,22H5C3.89,22 3,21.1 3,20V6A2,2 0 0,1 5,4H6V2H8V4H16V2H18V4H19A2,2 0 0,1 21,6M5,8H19V6H5V8M19,20V10H5V20H19M15,14V12H17V14H15M11,14V12H13V14H11M7,16H9V18H7V16M15,18V16H17V18H15M11,18V16H13V18H11Z" /></svg><svg id="calendar-multiple" viewBox="0 0 24 24"><path d="M21,17V8H7V17H21M21,3A2,2 0 0,1 23,5V17A2,2 0 0,1 21,19H7C5.89,19 5,18.1 5,17V5A2,2 0 0,1 7,3H8V1H10V3H18V1H20V3H21M3,21H17V23H3C1.89,23 1,22.1 1,21V9H3V21M19,15H15V11H19V15Z" /></svg><svg id="calendar-multiple-check" viewBox="0 0 24 24"><path d="M21,17V8H7V17H21M21,3A2,2 0 0,1 23,5V17A2,2 0 0,1 21,19H7C5.89,19 5,18.1 5,17V5A2,2 0 0,1 7,3H8V1H10V3H18V1H20V3H21M17.53,11.06L13.09,15.5L10.41,12.82L11.47,11.76L13.09,13.38L16.47,10L17.53,11.06M3,21H17V23H3C1.89,23 1,22.1 1,21V9H3V21Z" /></svg><svg id="calendar-multiselect" viewBox="0 0 24 24"><path d="M19,19V8H5V19H19M16,1H18V3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H6V1H8V3H16V1M7,10H9V12H7V10M15,10H17V12H15V10M11,14H13V16H11V14M15,14H17V16H15V14Z" /></svg><svg id="calendar-outline" viewBox="0 0 24 24"><path d="M19,4H18V2H16V4H8V2H6V4H5C3.89,4 3,4.9 3,6V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V6A2,2 0 0,0 19,4M19,20H5V10H19V20M19,8H5V6H19V8M12,13H17V18H12V13Z" /></svg><svg id="calendar-plus" viewBox="0 0 24 24"><path d="M19,19V7H5V19H19M16,1H18V3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H6V1H8V3H16V1M11,9H13V12H16V14H13V17H11V14H8V12H11V9Z" /></svg><svg id="calendar-question" viewBox="0 0 24 24"><path d="M6,1V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H18V1H16V3H8V1H6M5,8H19V19H5V8M12.19,9C11.32,9 10.62,9.2 10.08,9.59C9.56,10 9.3,10.57 9.31,11.36L9.32,11.39H11.25C11.26,11.09 11.35,10.86 11.53,10.7C11.71,10.55 11.93,10.47 12.19,10.47C12.5,10.47 12.76,10.57 12.94,10.75C13.12,10.94 13.2,11.2 13.2,11.5C13.2,11.82 13.13,12.09 12.97,12.32C12.83,12.55 12.62,12.75 12.36,12.91C11.85,13.25 11.5,13.55 11.31,13.82C11.11,14.08 11,14.5 11,15H13C13,14.69 13.04,14.44 13.13,14.26C13.22,14.08 13.39,13.9 13.64,13.74C14.09,13.5 14.46,13.21 14.75,12.81C15.04,12.41 15.19,12 15.19,11.5C15.19,10.74 14.92,10.13 14.38,9.68C13.85,9.23 13.12,9 12.19,9M11,16V18H13V16H11Z" /></svg><svg id="calendar-range" viewBox="0 0 24 24"><path d="M9,10H7V12H9V10M13,10H11V12H13V10M17,10H15V12H17V10M19,3H18V1H16V3H8V1H6V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V8H19V19Z" /></svg><svg id="calendar-range-outline" viewBox="0 0 24 24"><path d="M7,12H9V14H7V12M21,6V20A2,2 0 0,1 19,22H5C3.89,22 3,21.1 3,20V6A2,2 0 0,1 5,4H6V2H8V4H16V2H18V4H19A2,2 0 0,1 21,6M5,8H19V6H5V8M19,20V10H5V20H19M15,14H17V12H15V14M11,14H13V12H11V14Z" /></svg><svg id="calendar-remove" viewBox="0 0 24 24"><path d="M19,19H5V8H19M19,3H18V1H16V3H8V1H6V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M9.31,17L11.75,14.56L14.19,17L15.25,15.94L12.81,13.5L15.25,11.06L14.19,10L11.75,12.44L9.31,10L8.25,11.06L10.69,13.5L8.25,15.94L9.31,17Z" /></svg><svg id="calendar-remove-outline" viewBox="0 0 24 24"><path d="M19,4H18V2H16V4H8V2H6V4H5A2,2 0 0,0 3,6V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V6A2,2 0 0,0 19,4M19,20H5V10H19V20M5,8V6H19V8H5M8.23,17.41L9.29,18.47L11.73,16.03L14.17,18.47L15.23,17.41L12.79,14.97L15.23,12.53L14.17,11.47L11.73,13.91L9.29,11.47L8.23,12.53L10.67,14.97L8.23,17.41Z" /></svg><svg id="calendar-search" viewBox="0 0 24 24"><path d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M19,8H5V19H9.5C9.81,19.75 10.26,20.42 10.81,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H6V1H8V3H16V1H18V3H19A2,2 0 0,1 21,5V13.03C20.5,12.22 19.8,11.54 19,11V8Z" /></svg><svg id="calendar-star" viewBox="0 0 24 24"><path d="M19,20H5V9H19M16,2V4H8V2H6V4H5A2,2 0 0,0 3,6V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V6A2,2 0 0,0 19,4H18V2M10.88,13H7.27L10.19,15.11L9.08,18.56L12,16.43L14.92,18.56L13.8,15.12L16.72,13H13.12L12,9.56L10.88,13Z" /></svg><svg id="calendar-text" viewBox="0 0 24 24"><path d="M14,14H7V16H14M19,19H5V8H19M19,3H18V1H16V3H8V1H6V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M17,10H7V12H17V10Z" /></svg><svg id="calendar-text-outline" viewBox="0 0 24 24"><path d="M19,4H18V2H16V4H8V2H6V4H5A2,2 0 0,0 3,6V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V6A2,2 0 0,0 19,4M19,20H5V10H19V20M5,8V6H19V8H5M7,12H17V14H7V12M7,16H14V18H7V16Z" /></svg><svg id="calendar-today" viewBox="0 0 24 24"><path d="M7,10H12V15H7M19,19H5V8H19M19,3H18V1H16V3H8V1H6V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="calendar-week" viewBox="0 0 24 24"><path d="M6,1H8V3H16V1H18V3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H6V1M5,7V19H19V7H5M7,9H17V11H7V9Z" /></svg><svg id="calendar-week-begin" viewBox="0 0 24 24"><path d="M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M9,10H7V17H9V10Z" /></svg><svg id="call-made" viewBox="0 0 24 24"><path d="M9,5V7H15.59L4,18.59L5.41,20L17,8.41V15H19V5" /></svg><svg id="call-merge" viewBox="0 0 24 24"><path d="M17,20.41L18.41,19L15,15.59L13.59,17M7.5,8H11V13.59L5.59,19L7,20.41L13,14.41V8H16.5L12,3.5" /></svg><svg id="call-missed" viewBox="0 0 24 24"><path d="M19.59,7L12,14.59L6.41,9H11V7H3V15H5V10.41L12,17.41L21,8.41" /></svg><svg id="call-received" viewBox="0 0 24 24"><path d="M20,5.41L18.59,4L7,15.59V9H5V19H15V17H8.41" /></svg><svg id="call-split" viewBox="0 0 24 24"><path d="M14,4L16.29,6.29L13.41,9.17L14.83,10.59L17.71,7.71L20,10V4M10,4H4V10L6.29,7.71L11,12.41V20H13V11.59L7.71,6.29" /></svg><svg id="camcorder" viewBox="0 0 24 24"><path d="M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5Z" /></svg><svg id="camcorder-box" viewBox="0 0 24 24"><path d="M18,16L14,12.8V16H6V8H14V11.2L18,8M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" /></svg><svg id="camcorder-box-off" viewBox="0 0 24 24"><path d="M6,8H6.73L14,15.27V16H6M2.27,1L1,2.27L3,4.28C2.41,4.62 2,5.26 2,6V18A2,2 0 0,0 4,20H18.73L20.73,22L22,20.73M20,4H7.82L11.82,8H14V10.18L14.57,10.75L18,8V14.18L22,18.17C22,18.11 22,18.06 22,18V6A2,2 0 0,0 20,4Z" /></svg><svg id="camcorder-off" viewBox="0 0 24 24"><path d="M3.27,2L2,3.27L4.73,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16C16.2,18 16.39,17.92 16.54,17.82L19.73,21L21,19.73M21,6.5L17,10.5V7A1,1 0 0,0 16,6H9.82L21,17.18V6.5Z" /></svg><svg id="camera" viewBox="0 0 24 24"><path d="M4,4H7L9,2H15L17,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z" /></svg><svg id="camera-account" viewBox="0 0 24 24"><path d="M4,5H7L9,3H15L17,5H20A2,2 0 0,1 22,7V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V7A2,2 0 0,1 4,5M16,17V16C16,14.67 13.33,14 12,14C10.67,14 8,14.67 8,16V17H16M12,9A2,2 0 0,0 10,11A2,2 0 0,0 12,13A2,2 0 0,0 14,11A2,2 0 0,0 12,9Z" /></svg><svg id="camera-burst" viewBox="0 0 24 24"><path d="M1,5H3V19H1V5M5,5H7V19H5V5M22,5H10A1,1 0 0,0 9,6V18A1,1 0 0,0 10,19H22A1,1 0 0,0 23,18V6A1,1 0 0,0 22,5M11,17L13.5,13.85L15.29,16L17.79,12.78L21,17H11Z" /></svg><svg id="camera-control" viewBox="0 0 24 24"><path d="M9,12C9,11.19 9.3,10.5 9.89,9.89C10.5,9.3 11.19,9 12,9C12.81,9 13.5,9.3 14.11,9.89C14.7,10.5 15,11.19 15,12C15,12.81 14.7,13.5 14.11,14.11C13.5,14.7 12.81,15 12,15C11.19,15 10.5,14.7 9.89,14.11C9.3,13.5 9,12.81 9,12M5.53,8.44L7.31,10.22L5.53,12L7.31,13.78L5.53,15.56L2,12L5.53,8.44M8.44,18.47L10.22,16.69L12,18.47L13.78,16.69L15.56,18.47L12,22L8.44,18.47M18.47,15.56L16.69,13.78L18.47,12L16.69,10.22L18.47,8.44L22,12L18.47,15.56M15.56,5.53L13.78,7.31L12,5.53L10.22,7.31L8.44,5.53L12,2L15.56,5.53Z" /></svg><svg id="camera-enhance" viewBox="0 0 24 24"><path d="M9,3L7.17,5H4A2,2 0 0,0 2,7V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V7A2,2 0 0,0 20,5H16.83L15,3M12,18A5,5 0 0,1 7,13A5,5 0 0,1 12,8A5,5 0 0,1 17,13A5,5 0 0,1 12,18M12,17L13.25,14.25L16,13L13.25,11.75L12,9L10.75,11.75L8,13L10.75,14.25" /></svg><svg id="camera-enhance-outline" viewBox="0 0 24 24"><path d="M12,10L11.06,12.06L9,13L11.06,13.94L12,16L12.94,13.94L15,13L12.94,12.06L12,10M20,5H16.83L15,3H9L7.17,5H4A2,2 0 0,0 2,7V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V7A2,2 0 0,0 20,5M20,19H4V7H8.05L8.64,6.35L9.88,5H14.12L15.36,6.35L15.95,7H20V19M12,8A5,5 0 0,0 7,13A5,5 0 0,0 12,18A5,5 0 0,0 17,13A5,5 0 0,0 12,8M12,16A3,3 0 0,1 9,13A3,3 0 0,1 12,10A3,3 0 0,1 15,13A3,3 0 0,1 12,16Z" /></svg><svg id="camera-front" viewBox="0 0 24 24"><path d="M7,2H17V12.5C17,10.83 13.67,10 12,10C10.33,10 7,10.83 7,12.5M17,0H7A2,2 0 0,0 5,2V16A2,2 0 0,0 7,18H17A2,2 0 0,0 19,16V2A2,2 0 0,0 17,0M12,8A2,2 0 0,0 14,6A2,2 0 0,0 12,4A2,2 0 0,0 10,6A2,2 0 0,0 12,8M14,20V22H19V20M10,20H5V22H10V24L13,21L10,18V20Z" /></svg><svg id="camera-front-variant" viewBox="0 0 24 24"><path d="M6,0H18A2,2 0 0,1 20,2V22A2,2 0 0,1 18,24H6A2,2 0 0,1 4,22V2A2,2 0 0,1 6,0M12,6A3,3 0 0,1 15,9A3,3 0 0,1 12,12A3,3 0 0,1 9,9A3,3 0 0,1 12,6M11,1V3H13V1H11M6,4V16.5C6,15.12 8.69,14 12,14C15.31,14 18,15.12 18,16.5V4H6M13,18H9V20H13V22L16,19L13,16V18Z" /></svg><svg id="camera-gopro" viewBox="0 0 24 24"><path d="M20,5H15A2,2 0 0,0 13,7V12A2,2 0 0,0 15,14H20A2,2 0 0,0 22,12V7A2,2 0 0,0 20,5M17.5,12.5A3,3 0 0,1 14.5,9.5A3,3 0 0,1 17.5,6.5A3,3 0 0,1 20.5,9.5A3,3 0 0,1 17.5,12.5M17.5,11A1.5,1.5 0 0,1 16,9.5A1.5,1.5 0 0,1 17.5,8A1.5,1.5 0 0,1 19,9.5A1.5,1.5 0 0,1 17.5,11M12,15V5H4A2,2 0 0,0 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V15H12M10,12H4V7H10V12Z" /></svg><svg id="camera-image" viewBox="0 0 24 24"><path d="M4,5H7L9,3H15L17,5H20A2,2 0 0,1 22,7V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V7A2,2 0 0,1 4,5M13.09,9.45L11.05,12.18L12.6,14.25L11.73,14.91L9.27,11.64L6,16H18L13.09,9.45Z" /></svg><svg id="camera-iris" viewBox="0 0 24 24"><path d="M13.73,15L9.83,21.76C10.53,21.91 11.25,22 12,22C14.4,22 16.6,21.15 18.32,19.75L14.66,13.4M2.46,15C3.38,17.92 5.61,20.26 8.45,21.34L12.12,15M8.54,12L4.64,5.25C3,7 2,9.39 2,12C2,12.68 2.07,13.35 2.2,14H9.69M21.8,10H14.31L14.6,10.5L19.36,18.75C21,16.97 22,14.6 22,12C22,11.31 21.93,10.64 21.8,10M21.54,9C20.62,6.07 18.39,3.74 15.55,2.66L11.88,9M9.4,10.5L14.17,2.24C13.47,2.09 12.75,2 12,2C9.6,2 7.4,2.84 5.68,4.25L9.34,10.6L9.4,10.5Z" /></svg><svg id="camera-metering-center" viewBox="0 0 24 24"><path d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M4,6V18H20V6H4M12,10.5A1.5,1.5 0 0,1 13.5,12A1.5,1.5 0 0,1 12,13.5A1.5,1.5 0 0,1 10.5,12A1.5,1.5 0 0,1 12,10.5M12,7.5C14.14,7.5 15.93,9 16.39,11H14.83C14.42,9.83 13.31,9 12,9C10.69,9 9.58,9.83 9.17,11H7.61C8.07,9 9.86,7.5 12,7.5M12,16.5C9.86,16.5 8.07,15 7.61,13H9.17C9.58,14.17 10.69,15 12,15C13.31,15 14.42,14.17 14.83,13H16.39C15.93,15 14.14,16.5 12,16.5Z" /></svg><svg id="camera-metering-matrix" viewBox="0 0 24 24"><path d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M4,6V18H20V6H4M5.5,7.5H11V9.17C10.15,9.47 9.47,10.15 9.17,11H5.5V7.5M18.5,7.5V11H14.83C14.53,10.15 13.85,9.47 13,9.17V7.5H18.5M18.5,16.5H13V14.83C13.85,14.53 14.53,13.85 14.83,13H18.5V16.5M5.5,16.5V13H9.17C9.47,13.85 10.15,14.53 11,14.83V16.5H5.5M12,10.5A1.5,1.5 0 0,1 13.5,12A1.5,1.5 0 0,1 12,13.5A1.5,1.5 0 0,1 10.5,12A1.5,1.5 0 0,1 12,10.5Z" /></svg><svg id="camera-metering-partial" viewBox="0 0 24 24"><path d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M4,6V18H20V6H4M12,7.5C14.14,7.5 15.93,9 16.39,11H14.83C14.42,9.83 13.31,9 12,9C10.69,9 9.58,9.83 9.17,11H7.61C8.07,9 9.86,7.5 12,7.5M12,16.5C9.86,16.5 8.07,15 7.61,13H9.17C9.58,14.17 10.69,15 12,15C13.31,15 14.42,14.17 14.83,13H16.39C15.93,15 14.14,16.5 12,16.5Z" /></svg><svg id="camera-metering-spot" viewBox="0 0 24 24"><path d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M4,6V18H20V6H4M12,10.5A1.5,1.5 0 0,1 13.5,12A1.5,1.5 0 0,1 12,13.5A1.5,1.5 0 0,1 10.5,12A1.5,1.5 0 0,1 12,10.5Z" /></svg><svg id="camera-off" viewBox="0 0 24 24"><path d="M1.2,4.47L2.5,3.2L20,20.72L18.73,22L16.73,20H4A2,2 0 0,1 2,18V6C2,5.78 2.04,5.57 2.1,5.37L1.2,4.47M7,4L9,2H15L17,4H20A2,2 0 0,1 22,6V18C22,18.6 21.74,19.13 21.32,19.5L16.33,14.5C16.76,13.77 17,12.91 17,12A5,5 0 0,0 12,7C11.09,7 10.23,7.24 9.5,7.67L5.82,4H7M7,12A5,5 0 0,0 12,17C12.5,17 13.03,16.92 13.5,16.77L11.72,15C10.29,14.85 9.15,13.71 9,12.28L7.23,10.5C7.08,10.97 7,11.5 7,12M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9Z" /></svg><svg id="camera-outline" viewBox="0 0 24 24"><path d="M20,4H16.83L15,2H9L7.17,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6A2,2 0 0,0 20,4M20,18H4V6H8.05L9.88,4H14.12L15.95,6H20V18M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7M12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15Z" /></svg><svg id="camera-party-mode" viewBox="0 0 24 24"><path d="M12,17C10.37,17 8.94,16.21 8,15H12A3,3 0 0,0 15,12C15,11.65 14.93,11.31 14.82,11H16.9C16.96,11.32 17,11.66 17,12A5,5 0 0,1 12,17M12,7C13.63,7 15.06,7.79 16,9H12A3,3 0 0,0 9,12C9,12.35 9.07,12.68 9.18,13H7.1C7.03,12.68 7,12.34 7,12A5,5 0 0,1 12,7M20,4H16.83L15,2H9L7.17,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" /></svg><svg id="camera-rear" viewBox="0 0 24 24"><path d="M12,6C10.89,6 10,5.1 10,4A2,2 0 0,1 12,2C13.09,2 14,2.9 14,4A2,2 0 0,1 12,6M17,0H7A2,2 0 0,0 5,2V16A2,2 0 0,0 7,18H17A2,2 0 0,0 19,16V2A2,2 0 0,0 17,0M14,20V22H19V20M10,20H5V22H10V24L13,21L10,18V20Z" /></svg><svg id="camera-rear-variant" viewBox="0 0 24 24"><path d="M6,0H18A2,2 0 0,1 20,2V22A2,2 0 0,1 18,24H6A2,2 0 0,1 4,22V2A2,2 0 0,1 6,0M12,2A2,2 0 0,0 10,4A2,2 0 0,0 12,6A2,2 0 0,0 14,4A2,2 0 0,0 12,2M13,18H9V20H13V22L16,19L13,16V18Z" /></svg><svg id="camera-retake" viewBox="0 0 24 24"><path d="M20,5H17L15,3H9L7,5H4A2,2 0 0,0 2,7V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V7A2,2 0 0,0 20,5M12,18C10.92,18 9.86,17.65 9,17L10.44,15.56C10.91,15.85 11.45,16 12,16A3,3 0 0,0 15,13A3,3 0 0,0 12,10C10.74,10 9.6,10.8 9.18,12H11L8,15L5,12H7.1C7.65,9.29 10.29,7.55 13,8.1C15.7,8.65 17.45,11.29 16.9,14C16.42,16.33 14.38,18 12,18Z" /></svg><svg id="camera-retake-outline" viewBox="0 0 24 24"><path d="M20,5H16.83L15,3H9L7.17,5H4A2,2 0 0,0 2,7V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V7A2,2 0 0,0 20,5M20,19H4V7H8.05L9.88,5H14.12L16,7H20V19M12,18C10.92,18 9.86,17.65 9,17L10.44,15.56C10.91,15.85 11.45,16 12,16A3,3 0 0,0 15,13A3,3 0 0,0 12,10C10.74,10 9.6,10.8 9.18,12H11L8,15L5,12H7.1C7.65,9.29 10.29,7.55 13,8.1C15.7,8.65 17.45,11.29 16.9,14C16.42,16.33 14.38,18 12,18Z" /></svg><svg id="camera-switch" viewBox="0 0 24 24"><path d="M15,15.5V13H9V15.5L5.5,12L9,8.5V11H15V8.5L18.5,12M20,4H16.83L15,2H9L7.17,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" /></svg><svg id="camera-timer" viewBox="0 0 24 24"><path d="M4.94,6.35C4.55,5.96 4.55,5.32 4.94,4.93C5.33,4.54 5.96,4.54 6.35,4.93L13.07,10.31L13.42,10.59C14.2,11.37 14.2,12.64 13.42,13.42C12.64,14.2 11.37,14.2 10.59,13.42L10.31,13.07L4.94,6.35M12,20A8,8 0 0,0 20,12C20,9.79 19.1,7.79 17.66,6.34L19.07,4.93C20.88,6.74 22,9.24 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12H4A8,8 0 0,0 12,20M12,1A2,2 0 0,1 14,3A2,2 0 0,1 12,5A2,2 0 0,1 10,3A2,2 0 0,1 12,1Z" /></svg><svg id="camera-wireless" viewBox="0 0 24 24"><path d="M12,10.8A3.2,3.2 0 0,1 15.2,14A3.2,3.2 0 0,1 12,17.2A3.2,3.2 0 0,1 8.8,14A3.2,3.2 0 0,1 12,10.8M16,3.33V2A6,6 0 0,1 22,8H20.67C20.67,5.42 18.58,3.33 16,3.33M16,6V4.67C17.84,4.67 19.33,6.16 19.33,8H18C18,6.89 17.11,6 16,6M17,9H22V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V8A2,2 0 0,1 4,6H7.17L9,4H15V7C16.11,7 17,7.89 17,9M12,19A5,5 0 0,0 17,14A5,5 0 0,0 12,9A5,5 0 0,0 7,14A5,5 0 0,0 12,19Z" /></svg><svg id="camera-wireless-outline" viewBox="0 0 24 24"><path d="M20,9V20H4V8H8.05L9.88,6H15V4H9L7.17,6H4A2,2 0 0,0 2,8V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V9H20M20.67,8H22C22,4.68 19.31,2 16,2V3.33C18.58,3.33 20.66,5.41 20.67,8M18,8H19.33C19.32,6.15 17.84,4.67 16,4.67V6C17.11,6 18,6.89 18,8M7,14A5,5 0 0,0 12,19A5,5 0 0,0 17,14A5,5 0 0,0 12,9A5,5 0 0,0 7,14M15,14A3,3 0 0,1 12,17A3,3 0 0,1 9,14A3,3 0 0,1 12,11A3,3 0 0,1 15,14Z" /></svg><svg id="cancel" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.85 4.63,15.55 5.68,16.91L16.91,5.68C15.55,4.63 13.85,4 12,4M12,20A8,8 0 0,0 20,12C20,10.15 19.37,8.45 18.32,7.09L7.09,18.32C8.45,19.37 10.15,20 12,20Z" /></svg><svg id="candle" viewBox="0 0 24 24"><path d="M12.5,2C10.84,2 9.5,5.34 9.5,7A3,3 0 0,0 12.5,10A3,3 0 0,0 15.5,7C15.5,5.34 14.16,2 12.5,2M12.5,6.5A1,1 0 0,1 13.5,7.5A1,1 0 0,1 12.5,8.5A1,1 0 0,1 11.5,7.5A1,1 0 0,1 12.5,6.5M10,11A1,1 0 0,0 9,12V20H7A1,1 0 0,1 6,19V18A1,1 0 0,0 5,17A1,1 0 0,0 4,18V19A3,3 0 0,0 7,22H19A1,1 0 0,0 20,21A1,1 0 0,0 19,20H16V12A1,1 0 0,0 15,11H10Z" /></svg><svg id="candycane" viewBox="0 0 24 24"><path d="M10,10A2,2 0 0,1 8,12A2,2 0 0,1 6,10V8C6,7.37 6.1,6.77 6.27,6.2L10,9.93V10M12,2C12.74,2 13.44,2.13 14.09,2.38L11.97,6C11.14,6 10.44,6.5 10.15,7.25L7.24,4.34C8.34,2.92 10.06,2 12,2M17.76,6.31L14,10.07V8C14,7.62 13.9,7.27 13.72,6.97L15.83,3.38C16.74,4.13 17.42,5.15 17.76,6.31M18,13.09L14,17.09V12.9L18,8.9V13.09M18,20A2,2 0 0,1 16,22A2,2 0 0,1 14,20V19.91L18,15.91V20Z" /></svg><svg id="cannabis" viewBox="0 0 24 24"><path d="M11.5,22V17.35C11,18.13 10,19.09 8.03,19.81C8.03,19.81 8.53,18.1 9.94,16.95C8.64,17.23 6.68,17.19 4,16C4,16 6.47,14.59 9.28,14.97C7.69,14 5.7,12.08 4.17,8.11C4.17,8.11 8.67,9.34 10.91,13.14C8.88,8.24 12,2 12,2C14.43,7.47 13.91,11.1 13.12,13.1C15.37,9.33 19.83,8.11 19.83,8.11C18.3,12.08 16.31,14 14.72,14.97C17.53,14.59 20,16 20,16C17.32,17.19 15.36,17.23 14.06,16.95C15.47,18.1 15.97,19.81 15.97,19.81C14,19.09 13,18.13 12.5,17.35V22H11.5Z" /></svg><svg id="caps-lock" viewBox="0 0 24 24"><path d="M9.96,13.71L12,8.29L14.03,13.72M11.14,6L6.43,18H8.36L9.32,15.43H14.68L15.64,18H17.57L12.86,6H11.14M20,2H4C2.89,2 2,2.89 2,4V20C2,21.11 2.9,22 4,22H20C21.11,22 22,21.11 22,20V4C22,2.89 21.1,2 20,2M20,20H4V4H20V20Z" /></svg><svg id="car" viewBox="0 0 24 24"><path d="M5,11L6.5,6.5H17.5L19,11M17.5,16A1.5,1.5 0 0,1 16,14.5A1.5,1.5 0 0,1 17.5,13A1.5,1.5 0 0,1 19,14.5A1.5,1.5 0 0,1 17.5,16M6.5,16A1.5,1.5 0 0,1 5,14.5A1.5,1.5 0 0,1 6.5,13A1.5,1.5 0 0,1 8,14.5A1.5,1.5 0 0,1 6.5,16M18.92,6C18.72,5.42 18.16,5 17.5,5H6.5C5.84,5 5.28,5.42 5.08,6L3,12V20A1,1 0 0,0 4,21H5A1,1 0 0,0 6,20V19H18V20A1,1 0 0,0 19,21H20A1,1 0 0,0 21,20V12L18.92,6Z" /></svg><svg id="car-back" viewBox="0 0 24 24"><path d="M6,11L7,7H17L18,11M18.92,6C18.71,5.4 18.14,5 17.5,5H6.5C5.86,5 5.29,5.4 5.08,6L3,12V20A1,1 0 0,0 4,21H5A1,1 0 0,0 6,20V18H18V20A1,1 0 0,0 19,21H20A1,1 0 0,0 21,20V12L18.92,6M7,16H5V14H7V16M19,16H17V14H19V16M14,16H10V14H14V16Z" /></svg><svg id="car-battery" viewBox="0 0 24 24"><path d="M4,3V6H1V20H23V6H20V3H14V6H10V3H4M3,8H21V18H3V8M15,10V12H13V14H15V16H17V14H19V12H17V10H15M5,12V14H11V12H5Z" /></svg><svg id="car-brake-abs" viewBox="0 0 24 24"><path d="M24,12C24,15.31 22.66,18.31 20.5,20.5L19.42,19.42C21.32,17.5 22.5,14.9 22.5,12C22.5,9.11 21.32,6.5 19.42,4.58L20.5,3.5C22.66,5.69 24,8.69 24,12M20,9.6V8H16.8C15.92,8 15.2,8.72 15.2,9.6V11.2A1.6,1.6 0 0,0 16.8,12.8H18.4V14.4H15.2V16H18.4C19.28,16 20,15.28 20,14.4V12.8A1.6,1.6 0 0,0 18.4,11.2H16.8V9.6H20M8.42,6C9.47,5.37 10.69,5 12,5C13.31,5 14.53,5.37 15.58,6H18.69C17.05,4.16 14.66,3 12,3C9.34,3 6.95,4.16 5.31,6H8.42M13.2,12C13.84,12 14.4,12.56 14.4,13.2V14.4A1.6,1.6 0 0,1 12.8,16H9.6V8H12.8A1.6,1.6 0 0,1 14.4,9.6V10.8C14.4,11.44 13.84,12 13.2,12M12.8,12.8H11.2V14.4H12.8V12.8M12.8,9.6H11.2V11.2H12.8V9.6M4.58,4.58L3.5,3.5C1.34,5.69 0,8.69 0,12C0,15.31 1.34,18.31 3.5,20.5L4.58,19.42C2.68,17.5 1.5,14.9 1.5,12C1.5,9.11 2.68,6.5 4.58,4.58M7.2,16V12.8H5.6V16H4V9.6A1.6,1.6 0 0,1 5.6,8H7.2C8.08,8 8.8,8.72 8.8,9.6V16H7.2M7.2,11.2V9.6H5.6V11.2H7.2M15.58,18C14.53,18.63 13.31,19 12,19C10.69,19 9.47,18.63 8.42,18H5.31C6.95,19.84 9.34,21 12,21C14.66,21 17.05,19.84 18.69,18H15.58Z" /></svg><svg id="car-brake-alert" viewBox="0 0 24 24"><path d="M11,15H13V17H11V15M11,7H13V13H11V7M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M12,19C8.14,19 5,15.86 5,12C5,8.14 8.14,5 12,5C15.86,5 19,8.14 19,12C19,15.86 15.86,19 12,19M20.5,20.5C22.66,18.31 24,15.31 24,12C24,8.69 22.66,5.69 20.5,3.5L19.42,4.58C21.32,6.5 22.5,9.11 22.5,12C22.5,14.9 21.32,17.5 19.42,19.42L20.5,20.5M4.58,19.42C2.68,17.5 1.5,14.9 1.5,12C1.5,9.11 2.68,6.5 4.58,4.58L3.5,3.5C1.34,5.69 0,8.69 0,12C0,15.31 1.34,18.31 3.5,20.5L4.58,19.42Z" /></svg><svg id="car-brake-hold" viewBox="0 0 24 24"><path d="M12,3C7,3 3,7 3,12C3,17 7,21 12,21C17,21 21,17 21,12C21,7 17,3 12,3M12,19C8.1,19 5,15.9 5,12C5,8.1 8.1,5 12,5C15.9,5 19,8.1 19,12C19,15.9 15.9,19 12,19M20.5,20.5C22.7,18.3 24,15.3 24,12C24,8.7 22.7,5.7 20.5,3.5L19.4,4.6C21.3,6.5 22.5,9.1 22.5,12C22.5,14.9 21.3,17.5 19.4,19.4L20.5,20.5M4.6,19.4C2.7,17.5 1.5,14.9 1.5,12C1.5,9.1 2.7,6.5 4.6,4.6L3.5,3.5C1.3,5.7 0,8.7 0,12C0,15.3 1.3,18.3 3.5,20.5L4.6,19.4M9,7V17H11V13H13V17H15V7H13V11H11V7H9Z" /></svg><svg id="car-brake-parking" viewBox="0 0 24 24"><path d="M12,3C7,3 3,7 3,12C3,17 7,21 12,21C17,21 21,17 21,12C21,7 17,3 12,3M12,19C8.1,19 5,15.9 5,12C5,8.1 8.1,5 12,5C15.9,5 19,8.1 19,12C19,15.9 15.9,19 12,19M20.5,20.5C22.7,18.3 24,15.3 24,12C24,8.7 22.7,5.7 20.5,3.5L19.4,4.6C21.3,6.5 22.5,9.1 22.5,12C22.5,14.9 21.3,17.5 19.4,19.4L20.5,20.5M4.6,19.4C2.7,17.5 1.5,14.9 1.5,12C1.5,9.1 2.7,6.5 4.6,4.6L3.5,3.5C1.3,5.7 0,8.7 0,12C0,15.3 1.3,18.3 3.5,20.5L4.6,19.4M9.5,7V17H11.5V13H13.5A2,2 0 0,0 15.5,11V9A2,2 0 0,0 13.5,7H9.5M11.5,9H13.5V11H11.5V9Z" /></svg><svg id="car-connected" viewBox="0 0 24 24"><path d="M5,14H19L17.5,9.5H6.5L5,14M17.5,19A1.5,1.5 0 0,0 19,17.5A1.5,1.5 0 0,0 17.5,16A1.5,1.5 0 0,0 16,17.5A1.5,1.5 0 0,0 17.5,19M6.5,19A1.5,1.5 0 0,0 8,17.5A1.5,1.5 0 0,0 6.5,16A1.5,1.5 0 0,0 5,17.5A1.5,1.5 0 0,0 6.5,19M18.92,9L21,15V23A1,1 0 0,1 20,24H19A1,1 0 0,1 18,23V22H6V23A1,1 0 0,1 5,24H4A1,1 0 0,1 3,23V15L5.08,9C5.28,8.42 5.85,8 6.5,8H17.5C18.15,8 18.72,8.42 18.92,9M12,0C14.12,0 16.15,0.86 17.65,2.35L16.23,3.77C15.11,2.65 13.58,2 12,2C10.42,2 8.89,2.65 7.77,3.77L6.36,2.35C7.85,0.86 9.88,0 12,0M12,4C13.06,4 14.07,4.44 14.82,5.18L13.4,6.6C13.03,6.23 12.53,6 12,6C11.5,6 10.97,6.23 10.6,6.6L9.18,5.18C9.93,4.44 10.94,4 12,4Z" /></svg><svg id="car-convertible" viewBox="0 0 24 24"><path d="M16,6L15,6.75L17.5,10H13.5V8.5H12V10H3C1.89,10 1,10.89 1,12V15H3A3,3 0 0,0 6,18A3,3 0 0,0 9,15H15A3,3 0 0,0 18,18A3,3 0 0,0 21,15H23V12C23,10.89 22.11,10 21,10H19L16,6M6,13.5A1.5,1.5 0 0,1 7.5,15A1.5,1.5 0 0,1 6,16.5A1.5,1.5 0 0,1 4.5,15A1.5,1.5 0 0,1 6,13.5M18,13.5A1.5,1.5 0 0,1 19.5,15A1.5,1.5 0 0,1 18,16.5A1.5,1.5 0 0,1 16.5,15A1.5,1.5 0 0,1 18,13.5Z" /></svg><svg id="car-cruise-control" viewBox="0 0 24 24"><path d="M22,15C22,17.6 20.8,19.9 18.9,21.3L18.4,20.8L16.3,18.7L17.7,17.3L18.9,18.5C19.4,17.8 19.8,16.9 19.9,16H18V14H19.9C19.7,13.1 19.4,12.3 18.9,11.5L17.7,12.7L16.3,11.3L17.5,10.1C16.8,9.6 15.9,9.2 15,9.1V11H13V9.1C12.1,9.3 11.3,9.6 10.5,10.1L13.5,13.1C13.7,13.1 13.8,13 14,13A2,2 0 0,1 16,15A2,2 0 0,1 14,17A2,2 0 0,1 12,15C12,14.8 12,14.7 12.1,14.5L9.1,11.5C8.6,12.2 8.2,13.1 8.1,14H10V16H8.1C8.3,16.9 8.6,17.7 9.1,18.5L10.3,17.3L11.7,18.7L9.1,21.3C7.2,19.9 6,17.6 6,15A8,8 0 0,1 14,7A8,8 0 0,1 22,15M6.7,5.3L3.4,2L2,3.4L5.3,6.7L4,8H8V4L6.7,5.3Z" /></svg><svg id="car-defrost-front" viewBox="0 0 24 24"><path d="M15,23C14.7,23 14.5,22.9 14.3,22.7C13.9,22.3 14,21.7 14.4,21.3V21.3C14.9,20.9 16.1,19.5 16.1,18.4C16.1,17.8 15.7,17.2 15.3,16.5C14.8,15.7 14.1,14.7 14.1,13.5C14.1,11.2 15.4,10.3 15.6,10.2C16.1,9.9 16.7,10.1 17,10.5C17.3,11 17.1,11.6 16.7,11.9V11.9C16.7,11.9 16.2,12.3 16.2,13.5C16.2,14.1 16.6,14.7 17,15.4C17.5,16.2 18.2,17.2 18.2,18.4C18.2,20.6 16.1,22.6 15.9,22.8C15.5,22.9 15.2,23 15,23M11.7,22.7C11.9,22.5 14,20.5 14,18.3C14,17.1 13.4,16.1 12.8,15.3C12.4,14.6 12,14 12,13.4C12,12.2 12.5,11.8 12.5,11.8V11.8C13,11.5 13.1,10.9 12.8,10.4C12.5,9.9 11.9,9.8 11.4,10.1C11.2,10.2 9.9,11.1 9.9,13.4C9.9,14.6 10.5,15.6 11.1,16.4C11.5,17.1 11.9,17.7 11.9,18.3C11.9,19.4 10.7,20.8 10.2,21.2V21.2C9.8,21.6 9.8,22.2 10.1,22.6C10.3,22.8 10.6,22.9 10.8,22.9C11.2,23 11.5,22.9 11.7,22.7M7.7,22.7C7.9,22.5 10,20.5 10,18.3C10,17.1 9.4,16.1 8.8,15.3C8.4,14.7 8,14.1 8,13.4C8,12.2 8.5,11.8 8.5,11.8V11.8C9,11.5 9.1,10.9 8.8,10.4C8.6,10 7.9,9.9 7.5,10.1C7.3,10.2 6,11.1 6,13.4C6,14.6 6.6,15.6 7.2,16.4C7.6,17.1 8,17.7 8,18.3C8,19.4 6.8,20.8 6.3,21.2V21.2C5.9,21.6 5.9,22.2 6.2,22.6C6.5,22.9 6.7,23 7,23C7.2,23 7.5,22.9 7.7,22.7M12,3C9.4,3 1,3.3 1,7C1,9.4 2.2,15.4 2.8,18H4L4.8,18H5V16H4.4C3.8,13.1 3,8.8 3,7C3,6 7.4,5 12,5C16.6,5 21,6 21,7C21,8.8 20.2,13.1 19.6,16H19V18H19.2L20,18H21.2C21.8,15.4 23,9.4 23,7C23,3.3 14.6,3 12,3Z" /></svg><svg id="car-defrost-rear" viewBox="0 0 24 24"><path d="M10,18.3C10,20.5 7.9,22.5 7.7,22.7C7.5,22.9 7.2,23 7,23C6.7,23 6.5,22.9 6.2,22.6C5.9,22.2 5.9,21.6 6.3,21.2C6.8,20.8 8,19.4 8,18.3C8,17.7 7.6,17.1 7.2,16.4C6.6,15.6 6,14.6 6,13.4C6,11.1 7.3,10.2 7.5,10.1C7.9,9.9 8.6,10 8.8,10.4C9.1,10.9 9,11.5 8.5,11.8C8.5,11.8 8,12.2 8,13.4C8,14.1 8.4,14.7 8.8,15.3C9.4,16.1 10,17.1 10,18.3M12,13.4C12,12.2 12.5,11.8 12.5,11.8C13,11.5 13.1,10.9 12.8,10.4C12.5,9.9 11.9,9.8 11.4,10.1C11.2,10.2 9.9,11.1 9.9,13.4C9.9,14.6 10.5,15.6 11.1,16.4C11.5,17.1 11.9,17.7 11.9,18.3C11.9,19.4 10.7,20.8 10.2,21.2C9.8,21.6 9.8,22.2 10.1,22.6C10.3,22.8 10.6,22.9 10.8,22.9C11.2,23 11.5,22.9 11.7,22.7C11.9,22.5 14,20.5 14,18.3C14,17.1 13.4,16.1 12.8,15.3C12.4,14.6 12,14 12,13.4M20,3H4A2,2 0 0,0 2,5V16A2,2 0 0,0 4,18H5V16H4V5H20V16H19V18H20A2,2 0 0,0 22,16V5A2,2 0 0,0 20,3M16.2,13.5C16.2,12.3 16.7,11.9 16.7,11.9C17.1,11.6 17.3,11 17,10.5C16.7,10.1 16.1,9.9 15.6,10.2C15.4,10.3 14.1,11.2 14.1,13.5C14.1,14.7 14.8,15.7 15.3,16.5C15.7,17.2 16.1,17.8 16.1,18.4C16.1,19.5 14.9,20.9 14.4,21.3C14,21.7 13.9,22.3 14.3,22.7C14.5,22.9 14.7,23 15,23C15.2,23 15.5,22.9 15.9,22.8C16.1,22.6 18.2,20.6 18.2,18.4C18.2,17.2 17.5,16.2 17,15.4C16.6,14.7 16.2,14.1 16.2,13.5Z" /></svg><svg id="car-door" viewBox="0 0 24 24"><path d="M19,14H16V16H19V14M22,21H3V11L11,3H21A1,1 0 0,1 22,4V21M11.83,5L5.83,11H20V5H11.83Z" /></svg><svg id="car-electric" viewBox="0 0 24 24"><path d="M5,13L6.5,8.5H17.5L19,13M17.5,18A1.5,1.5 0 0,1 16,16.5A1.5,1.5 0 0,1 17.5,15A1.5,1.5 0 0,1 19,16.5A1.5,1.5 0 0,1 17.5,18M6.5,18A1.5,1.5 0 0,1 5,16.5A1.5,1.5 0 0,1 6.5,15A1.5,1.5 0 0,1 8,16.5A1.5,1.5 0 0,1 6.5,18M18.92,8C18.71,7.4 18.14,7 17.5,7H6.5C5.86,7 5.29,7.4 5.08,8L3,14V22A1,1 0 0,0 4,23H5A1,1 0 0,0 6,22V21H18V22A1,1 0 0,0 19,23H20A1,1 0 0,0 21,22V14M11,6V4H7L13,1V3H17L11,6Z" /></svg><svg id="car-esp" viewBox="0 0 24 24"><path d="M5.31,6C6.95,4.16 9.34,3 12,3C14.66,3 17.05,4.16 18.69,6H15.58C14.53,5.37 13.31,5 12,5C10.69,5 9.47,5.37 8.42,6H5.31M14.4,9.6V8H11.2A1.6,1.6 0 0,0 9.6,9.6V11.2C9.6,12.08 10.32,12.8 11.2,12.8H12.8V14.4H9.6V16H12.8A1.6,1.6 0 0,0 14.4,14.4V12.8C14.4,11.92 13.68,11.2 12.8,11.2H11.2V9.6H14.4M18.4,8H15.2V16H16.8V12.8H18.4A1.6,1.6 0 0,0 20,11.2V9.6C20,8.72 19.28,8 18.4,8M18.4,11.2H16.8V9.6H18.4V11.2M8.8,9.6V8H4V16H8.8V14.4H5.6V12.8H8.8V11.2H5.6V9.6H8.8M15.58,18C14.53,18.63 13.31,19 12,19C10.69,19 9.47,18.63 8.42,18H5.31C6.95,19.84 9.34,21 12,21C14.66,21 17.05,19.84 18.69,18H15.58M20.5,3.5L19.42,4.58C21.32,6.5 22.5,9.11 22.5,12C22.5,14.9 21.32,17.5 19.42,19.42L20.5,20.5C22.66,18.31 24,15.31 24,12C24,8.69 22.66,5.69 20.5,3.5M4.58,4.58L3.5,3.5C1.34,5.69 0,8.69 0,12C0,15.31 1.34,18.31 3.5,20.5L4.58,19.42C2.68,17.5 1.5,14.9 1.5,12C1.5,9.11 2.68,6.5 4.58,4.58Z" /></svg><svg id="car-estate" viewBox="0 0 24 24"><path d="M3,6H16L19,10H21C22.11,10 23,10.89 23,12V15H21A3,3 0 0,1 18,18A3,3 0 0,1 15,15H9A3,3 0 0,1 6,18A3,3 0 0,1 3,15H1V8C1,6.89 1.89,6 3,6M2.5,7.5V10H10.5V7.5H2.5M12,7.5V10H17.14L15.25,7.5H12M6,13.5A1.5,1.5 0 0,0 4.5,15A1.5,1.5 0 0,0 6,16.5A1.5,1.5 0 0,0 7.5,15A1.5,1.5 0 0,0 6,13.5M18,13.5A1.5,1.5 0 0,0 16.5,15A1.5,1.5 0 0,0 18,16.5A1.5,1.5 0 0,0 19.5,15A1.5,1.5 0 0,0 18,13.5Z" /></svg><svg id="car-hatchback" viewBox="0 0 24 24"><path d="M16,6H6L1,12V15H3A3,3 0 0,0 6,18A3,3 0 0,0 9,15H15A3,3 0 0,0 18,18A3,3 0 0,0 21,15H23V12C23,10.89 22.11,10 21,10H19L16,6M6.5,7.5H10.5V10H4.5L6.5,7.5M12,7.5H15.5L17.46,10H12V7.5M6,13.5A1.5,1.5 0 0,1 7.5,15A1.5,1.5 0 0,1 6,16.5A1.5,1.5 0 0,1 4.5,15A1.5,1.5 0 0,1 6,13.5M18,13.5A1.5,1.5 0 0,1 19.5,15A1.5,1.5 0 0,1 18,16.5A1.5,1.5 0 0,1 16.5,15A1.5,1.5 0 0,1 18,13.5Z" /></svg><svg id="car-key" viewBox="0 0 24 24"><path d="M9.5,0A3,3 0 0,0 6.5,3A3,3 0 0,0 9.5,6C10.81,6 11.92,5.17 12.33,4H14.5V6H16.5V4H17.5V2H12.33C11.92,0.83 10.81,0 9.5,0M9.5,2A1,1 0 0,1 10.5,3A1,1 0 0,1 9.5,4A1,1 0 0,1 8.5,3A1,1 0 0,1 9.5,2M6.5,8C5.84,8 5.28,8.42 5.08,9L3,15V23A1,1 0 0,0 4,24H5A1,1 0 0,0 6,23V22H18V23A1,1 0 0,0 19,24H20A1,1 0 0,0 21,23V15L18.92,9C18.72,8.42 18.16,8 17.5,8H6.5M6.5,9.5H17.5L19,14H5L6.5,9.5M6.5,16A1.5,1.5 0 0,1 8,17.5A1.5,1.5 0 0,1 6.5,19A1.5,1.5 0 0,1 5,17.5A1.5,1.5 0 0,1 6.5,16M17.5,16A1.5,1.5 0 0,1 19,17.5A1.5,1.5 0 0,1 17.5,19A1.5,1.5 0 0,1 16,17.5A1.5,1.5 0 0,1 17.5,16Z" /></svg><svg id="car-light-dimmed" viewBox="0 0 24 24"><path d="M13,4.8C9,4.8 9,19.2 13,19.2C17,19.2 22,16.5 22,12C22,7.5 17,4.8 13,4.8M13.1,17.2C12.7,16.8 12,15 12,12C12,9 12.7,7.2 13.1,6.8C16,6.9 20,8.7 20,12C20,15.3 15.9,17.1 13.1,17.2M8,10.5C8,11 7.9,11.5 7.9,12C7.9,12.2 7.9,12.4 7.9,12.6L2.4,14L1.9,12.1L8,10.5M2,7L9.4,5.1C9.2,5.4 9,5.8 8.9,6.3C8.8,6.6 8.7,7 8.6,7.4L2.5,8.9L2,7M8.2,15.5C8.3,16.2 8.5,16.9 8.7,17.4L2.4,19L1.9,17.1L8.2,15.5Z" /></svg><svg id="car-light-fog" viewBox="0 0 24 24"><path d="M13,4.8C9,4.8 9,19.2 13,19.2C17,19.2 22,16.5 22,12C22,7.5 17,4.8 13,4.8M13.1,17.2C12.7,16.8 12,15 12,12C12,9 12.7,7.2 13.1,6.8C16,6.9 20,8.7 20,12C20,15.3 16,17.1 13.1,17.2M6,8V11H8C8,11.3 8,11.7 8,12C8,12.3 8,12.7 8,13H6V16H8.4C8.6,16.7 8.8,17.4 9,18H6V21H4V18H2V16H4V13H2V11H4V8H2V6H4V3H6V6H9C9,6.1 8.9,6.2 8.9,6.4C8.7,6.9 8.5,7.4 8.4,8H6Z" /></svg><svg id="car-light-high" viewBox="0 0 24 24"><path d="M13,4.8C9,4.8 9,19.2 13,19.2C17,19.2 22,16.5 22,12C22,7.5 17,4.8 13,4.8M13.1,17.2C12.7,16.8 12,15 12,12C12,9 12.7,7.2 13.1,6.8C16,6.9 20,8.7 20,12C20,15.3 16,17.1 13.1,17.2M2,5H9.5C9.3,5.4 9,5.8 8.9,6.4C8.8,6.6 8.8,6.8 8.7,7H2V5M8,11H2V9H8.2C8.1,9.6 8.1,10.3 8,11M8.7,17C8.9,17.8 9.2,18.4 9.6,19H2.1V17H8.7M8.2,15H2V13H8C8.1,13.7 8.1,14.4 8.2,15Z" /></svg><svg id="car-limousine" viewBox="0 0 24 24"><path d="M1,6L2.5,7.5L1,9L2.5,10.5L1,12L2.5,13.5L1,15H15A3,3 0 0,0 18,18A3,3 0 0,0 21,15H23V12C23,10.89 22.11,10 21,10H19L16,6H1M4.62,7.5H10.5V10H4.12L3.12,9L4.62,7.5M12,7.5H15.5L17.46,10H12V7.5M18,13.5A1.5,1.5 0 0,1 19.5,15A1.5,1.5 0 0,1 18,16.5A1.5,1.5 0 0,1 16.5,15A1.5,1.5 0 0,1 18,13.5Z" /></svg><svg id="car-multiple" viewBox="0 0 24 24"><path d="M8,11L9.5,6.5H18.5L20,11M18.5,16A1.5,1.5 0 0,1 17,14.5A1.5,1.5 0 0,1 18.5,13A1.5,1.5 0 0,1 20,14.5A1.5,1.5 0 0,1 18.5,16M9.5,16A1.5,1.5 0 0,1 8,14.5A1.5,1.5 0 0,1 9.5,13A1.5,1.5 0 0,1 11,14.5A1.5,1.5 0 0,1 9.5,16M19.92,6C19.71,5.4 19.14,5 18.5,5H9.5C8.86,5 8.29,5.4 8.08,6L6,12V20A1,1 0 0,0 7,21H8A1,1 0 0,0 9,20V19H19V20A1,1 0 0,0 20,21H21A1,1 0 0,0 22,20V12L19.92,6M14.92,3C14.71,2.4 14.14,2 13.5,2H4.5C3.86,2 3.29,2.4 3.08,3L1,9V17A1,1 0 0,0 2,18H3A1,1 0 0,0 4,17V12.91C3.22,12.63 2.82,11.77 3.1,11C3.32,10.4 3.87,10 4.5,10H4.57L5.27,8H3L4.5,3.5H15.09L14.92,3Z" /></svg><svg id="car-off" viewBox="0 0 24 24"><path d="M20.5,19.85L6.41,5.76L2.41,1.76L1.11,3L4.57,6.46L3,11V19A1,1 0 0,0 4,20H5A1,1 0 0,0 6,19V18H16.11L20.84,22.73L22.11,21.46L20.5,19.85M6.5,15A1.5,1.5 0 0,1 5,13.5A1.5,1.5 0 0,1 6.5,12A1.5,1.5 0 0,1 8,13.5A1.5,1.5 0 0,1 6.5,15M5,10L5.78,7.67L8.11,10H5M17.5,5.5L19,10H13.2L16.12,12.92C16.5,12.17 17.37,11.86 18.12,12.21C18.87,12.57 19.18,13.47 18.83,14.21C18.68,14.5 18.43,14.77 18.12,14.92L21,17.8V11L18.92,5C18.71,4.4 18.14,4 17.5,4H7.2L8.7,5.5H17.5Z" /></svg><svg id="car-parking-lights" viewBox="0 0 24 24"><path d="M7.3,9.2C8.1,9.6 9,10.5 9,12C9,13.5 8.1,14.4 7.3,14.8C6.9,13.4 6.9,10.6 7.3,9.2M6.5,7C4.5,7 4.5,17 6.5,17C8.5,17 11,15.1 11,12C11,8.9 8.5,7 6.5,7M16.7,9.2C17,10.6 17,13.4 16.7,14.8C15.9,14.4 15,13.5 15,12C15,10.5 15.9,9.6 16.7,9.2M17.5,7C15.5,7 13,8.9 13,12C13,15.1 15.5,17 17.5,17C19.5,17 19.5,7 17.5,7M4.9,6.2L2.5,4.6L1.4,6.3L4,8C4.2,7.3 4.5,6.6 4.9,6.2M20,8L22.6,6.3L21.5,4.6L19.1,6.2C19.4,6.6 19.8,7.2 20,8M4,16L1.4,17.7L2.5,19.4L4.9,17.8C4.6,17.4 4.2,16.8 4,16M20.5,11C20.5,11.3 20.5,11.7 20.5,12C20.5,12.3 20.5,12.6 20.5,13H24V11H20.5M19.1,17.8L21.5,19.4L22.6,17.7L20,16C19.8,16.7 19.5,17.4 19.1,17.8M3.5,12C3.5,11.7 3.5,11.4 3.5,11H0V13H3.5C3.5,12.7 3.5,12.3 3.5,12Z" /></svg><svg id="car-pickup" viewBox="0 0 24 24"><path d="M16,6H10.5V10H1V15H3A3,3 0 0,0 6,18A3,3 0 0,0 9,15H15A3,3 0 0,0 18,18A3,3 0 0,0 21,15H23V12C23,10.89 22.11,10 21,10H19L16,6M12,7.5H15.5L17.46,10H12V7.5M6,13.5A1.5,1.5 0 0,1 7.5,15A1.5,1.5 0 0,1 6,16.5A1.5,1.5 0 0,1 4.5,15A1.5,1.5 0 0,1 6,13.5M18,13.5A1.5,1.5 0 0,1 19.5,15A1.5,1.5 0 0,1 18,16.5A1.5,1.5 0 0,1 16.5,15A1.5,1.5 0 0,1 18,13.5Z" /></svg><svg id="car-side" viewBox="0 0 24 24"><path d="M16,6L19,10H21C22.11,10 23,10.89 23,12V15H21A3,3 0 0,1 18,18A3,3 0 0,1 15,15H9A3,3 0 0,1 6,18A3,3 0 0,1 3,15H1V12C1,10.89 1.89,10 3,10L6,6H16M10.5,7.5H6.75L4.86,10H10.5V7.5M12,7.5V10H17.14L15.25,7.5H12M6,13.5A1.5,1.5 0 0,0 4.5,15A1.5,1.5 0 0,0 6,16.5A1.5,1.5 0 0,0 7.5,15A1.5,1.5 0 0,0 6,13.5M18,13.5A1.5,1.5 0 0,0 16.5,15A1.5,1.5 0 0,0 18,16.5A1.5,1.5 0 0,0 19.5,15A1.5,1.5 0 0,0 18,13.5Z" /></svg><svg id="car-sports" viewBox="0 0 24 24"><path d="M12,8.5H7L4,11H3C1.89,11 1,11.89 1,13V16H3.17C3.6,17.2 4.73,18 6,18C7.27,18 8.4,17.2 8.82,16H15.17C15.6,17.2 16.73,18 18,18C19.27,18 20.4,17.2 20.82,16H23V15C23,13.89 21.97,13.53 21,13L12,8.5M5.25,12L7.5,10H11.5L15.5,12H5.25M6,13.5A1.5,1.5 0 0,1 7.5,15A1.5,1.5 0 0,1 6,16.5A1.5,1.5 0 0,1 4.5,15A1.5,1.5 0 0,1 6,13.5M18,13.5A1.5,1.5 0 0,1 19.5,15A1.5,1.5 0 0,1 18,16.5A1.5,1.5 0 0,1 16.5,15A1.5,1.5 0 0,1 18,13.5Z" /></svg><svg id="car-tire-alert" viewBox="0 0 24 24"><path d="M11,13H13V15H11V13M11,5H13V11H11V5M17,4.76C18.86,6.19 20,8.61 20,11C20,14 18.33,16.64 15.86,18H8.14C5.67,16.64 4,14 4,11C4,8.61 5.09,6.17 7,4.76V2H5V3.86C3.15,5.68 2,8.2 2,11C2,13.8 3.15,16.32 5,18.14V22H7V20H9V22H11V20H13V22H15V20H17V22H19V18.14C20.85,16.32 22,13.8 22,11C22,8.2 20.85,5.68 19,3.86V2H17V4.76Z" /></svg><svg id="car-traction-control" viewBox="0 0 24 24"><path d="M9.5,11H10.5C10.8,11 11,10.8 11,10.5V9H19V10.5C19,10.8 19.2,11 19.5,11H20.5C20.8,11 21,10.8 21,10.5V9L21,8.5V6L19.6,1.7C19.5,1.3 19.1,1 18.7,1H11.4C11,1 10.6,1.3 10.5,1.7L9,6V8.5L9,9V10.5C9,10.8 9.2,11 9.5,11M11.3,2H18.6L19.5,5H10.4L11.3,2M12,23H10C10,22.2 8.1,21.5 6.6,20.9C4.5,20.1 2,19.2 2,17C2,14.7 4.3,14.1 6.2,13.5C7.9,13.1 9,12.7 9,12H11C11,14.3 8.7,14.9 6.8,15.5C5.1,15.9 4,16.3 4,17C4,17.8 5.9,18.5 7.4,19.1C9.5,19.9 12,20.8 12,23M22,23H20C20,22.2 18.1,21.5 16.6,20.9C14.5,20.1 12,19.2 12,17C12,14.7 14.3,14.1 16.2,13.5C17.8,13 19,12.7 19,12H21C21,14.3 18.7,14.9 16.8,15.5C15.2,15.9 14,16.3 14,17C14,17.8 15.9,18.5 17.4,19.1C19.5,19.9 22,20.8 22,23Z" /></svg><svg id="car-wash" viewBox="0 0 24 24"><path d="M5,13L6.5,8.5H17.5L19,13M17.5,18A1.5,1.5 0 0,1 16,16.5A1.5,1.5 0 0,1 17.5,15A1.5,1.5 0 0,1 19,16.5A1.5,1.5 0 0,1 17.5,18M6.5,18A1.5,1.5 0 0,1 5,16.5A1.5,1.5 0 0,1 6.5,15A1.5,1.5 0 0,1 8,16.5A1.5,1.5 0 0,1 6.5,18M18.92,8C18.72,7.42 18.16,7 17.5,7H6.5C5.84,7 5.28,7.42 5.08,8L3,14V22A1,1 0 0,0 4,23H5A1,1 0 0,0 6,22V21H18V22A1,1 0 0,0 19,23H20A1,1 0 0,0 21,22V14M7,5A1.5,1.5 0 0,0 8.5,3.5C8.5,2.5 7,0.8 7,0.8C7,0.8 5.5,2.5 5.5,3.5A1.5,1.5 0 0,0 7,5M12,5A1.5,1.5 0 0,0 13.5,3.5C13.5,2.5 12,0.8 12,0.8C12,0.8 10.5,2.5 10.5,3.5A1.5,1.5 0 0,0 12,5M17,5A1.5,1.5 0 0,0 18.5,3.5C18.5,2.5 17,0.8 17,0.8C17,0.8 15.5,2.5 15.5,3.5A1.5,1.5 0 0,0 17,5Z" /></svg><svg id="caravan" viewBox="0 0 24 24"><path d="M5,7A2,2 0 0,0 3,9V15A2,2 0 0,0 5,17H7A3,3 0 0,0 10,20A3,3 0 0,0 13,17H21V15H19V9A2,2 0 0,0 17,7H5M5,9H10V12H5V9M13,9H17V12H13V9M10,16A1,1 0 0,1 11,17A1,1 0 0,1 10,18A1,1 0 0,1 9,17A1,1 0 0,1 10,16Z" /></svg><svg id="card" viewBox="0 0 24 24"><path d="M20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20Z" /></svg><svg id="card-bulleted" viewBox="0 0 24 24"><path d="M20,4A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20M11,13H9V15H11V13M19,13H13V15H19V13M7,9H5V11H7V9M19,9H9V11H19V9Z" /></svg><svg id="card-bulleted-off" viewBox="0 0 24 24"><path d="M3.35,3.58L20.65,20.87L19.23,22.29L16.94,20H4A2,2 0 0,1 2,18V6C2,5.72 2.06,5.46 2.16,5.22L1.23,4.29L2.65,2.87L3.35,3.58M6.6,4H20A2,2 0 0,1 22,6V18C22,18.4 21.88,18.77 21.68,19.08L17.6,15H20V13H15.6L13.6,11H20V9H11.6L6.6,4M9.94,13H9V15H11V14.06L9.94,13M5.94,9H5V11H7V10.06L5.94,9Z" /></svg><svg id="card-bulleted-off-outline" viewBox="0 0 24 24"><path d="M20.59,20.87L19.17,22.29L16.88,20H4A2,2 0 0,1 2,18V6C2,5.74 2.05,5.5 2.14,5.26L1.17,4.29L2.59,2.87L3.73,4L20.59,20.87V20.87M6.54,4H20A2,2 0 0,1 22,6V18C22,18.41 21.87,18.8 21.66,19.12L20,17.46V6H8.54L6.54,4M4,18H14.88L11.88,15H10V13.12L7.88,11H6V9.12L4,7.12V18M18,15H17.54L15.54,13H18V15M18,11H13.54L11.54,9H18V11Z" /></svg><svg id="card-bulleted-outline" viewBox="0 0 24 24"><path d="M12,15H10V13H12V15M18,15H14V13H18V15M8,11H6V9H8V11M18,11H10V9H18V11M20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20M4,6V18H20V6H4Z" /></svg><svg id="card-bulleted-settings" viewBox="0 0 24 24"><path d="M9,22V24H7V22H9M13,22V24H11V22H13M17,22V24H15V22H17M20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20M11,13H9V15H11V13M19,13H13V15H19V13M7,9H5V11H7V9M19,9H9V11H19V9Z" /></svg><svg id="card-bulleted-settings-outline" viewBox="0 0 24 24"><path d="M9,22V24H7V22H9M13,22V24H11V22H13M17,22V24H15V22H17M12,15H10V13H12V15M18,15H14V13H18V15M8,11H6V9H8V11M18,11H10V9H18V11M20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20M4,6V18H20V6H4Z" /></svg><svg id="card-outline" viewBox="0 0 24 24"><path d="M20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20M4,6V18H20V6H4Z" /></svg><svg id="card-text" viewBox="0 0 24 24"><path d="M20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20M5,13V15H16V13H5M5,9V11H19V9H5Z" /></svg><svg id="card-text-outline" viewBox="0 0 24 24"><path d="M20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20M4,6V18H20V6H4M6,9H18V11H6V9M6,13H16V15H6V13Z" /></svg><svg id="cards" viewBox="0 0 24 24"><path d="M21.47,4.35L20.13,3.79V12.82L22.56,6.96C22.97,5.94 22.5,4.77 21.47,4.35M1.97,8.05L6.93,20C7.24,20.77 7.97,21.24 8.74,21.26C9,21.26 9.27,21.21 9.53,21.1L16.9,18.05C17.65,17.74 18.11,17 18.13,16.26C18.14,16 18.09,15.71 18,15.45L13,3.5C12.71,2.73 11.97,2.26 11.19,2.25C10.93,2.25 10.67,2.31 10.42,2.4L3.06,5.45C2.04,5.87 1.55,7.04 1.97,8.05M18.12,4.25A2,2 0 0,0 16.12,2.25H14.67L18.12,10.59" /></svg><svg id="cards-club" viewBox="0 0 24 24"><path d="M12,2C14.3,2 16.3,4 16.3,6.2C16.21,8.77 14.34,9.83 14.04,10C15.04,9.5 16.5,9.5 16.5,9.5C19,9.5 21,11.3 21,13.8C21,16.3 19,18 16.5,18C16.5,18 15,18 13,17C13,17 12.7,19 15,22H9C11.3,19 11,17 11,17C9,18 7.5,18 7.5,18C5,18 3,16.3 3,13.8C3,11.3 5,9.5 7.5,9.5C7.5,9.5 8.96,9.5 9.96,10C9.66,9.83 7.79,8.77 7.7,6.2C7.7,4 9.7,2 12,2Z" /></svg><svg id="cards-diamond" viewBox="0 0 24 24"><path d="M19,12L12,22L5,12L12,2" /></svg><svg id="cards-heart" viewBox="0 0 24 24"><path d="M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z" /></svg><svg id="cards-outline" viewBox="0 0 24 24"><path d="M11.19,2.25C10.93,2.25 10.67,2.31 10.42,2.4L3.06,5.45C2.04,5.87 1.55,7.04 1.97,8.05L6.93,20C7.24,20.77 7.97,21.23 8.74,21.25C9,21.25 9.27,21.22 9.53,21.1L16.9,18.05C17.65,17.74 18.11,17 18.13,16.25C18.14,16 18.09,15.71 18,15.45L13,3.5C12.71,2.73 11.97,2.26 11.19,2.25M14.67,2.25L18.12,10.6V4.25A2,2 0 0,0 16.12,2.25M20.13,3.79V12.82L22.56,6.96C22.97,5.94 22.5,4.78 21.47,4.36M11.19,4.22L16.17,16.24L8.78,19.3L3.8,7.29" /></svg><svg id="cards-playing-outline" viewBox="0 0 24 24"><path d="M11.19,2.25C11.97,2.26 12.71,2.73 13,3.5L18,15.45C18.09,15.71 18.14,16 18.13,16.25C18.11,17 17.65,17.74 16.9,18.05L9.53,21.1C9.27,21.22 9,21.25 8.74,21.25C7.97,21.23 7.24,20.77 6.93,20L1.97,8.05C1.55,7.04 2.04,5.87 3.06,5.45L10.42,2.4C10.67,2.31 10.93,2.25 11.19,2.25M14.67,2.25H16.12A2,2 0 0,1 18.12,4.25V10.6L14.67,2.25M20.13,3.79L21.47,4.36C22.5,4.78 22.97,5.94 22.56,6.96L20.13,12.82V3.79M11.19,4.22L3.8,7.29L8.77,19.3L16.17,16.24L11.19,4.22M8.65,8.54L11.88,10.95L11.44,14.96L8.21,12.54L8.65,8.54Z" /></svg><svg id="cards-spade" viewBox="0 0 24 24"><path d="M12,2C9,7 4,9 4,14C4,16 6,18 8,18C9,18 10,18 11,17C11,17 11.32,19 9,22H15C13,19 13,17 13,17C14,18 15,18 16,18C18,18 20,16 20,14C20,9 15,7 12,2Z" /></svg><svg id="cards-variant" viewBox="0 0 24 24"><path d="M5,2H19A1,1 0 0,1 20,3V13A1,1 0 0,1 19,14H5A1,1 0 0,1 4,13V3A1,1 0 0,1 5,2M6,4V12H18V4H6M20,17A1,1 0 0,1 19,18H5A1,1 0 0,1 4,17V16H20V17M20,21A1,1 0 0,1 19,22H5A1,1 0 0,1 4,21V20H20V21Z" /></svg><svg id="carrot" viewBox="0 0 24 24"><path d="M16,10L15.8,11H13.5A0.5,0.5 0 0,0 13,11.5A0.5,0.5 0 0,0 13.5,12H15.6L14.6,17H12.5A0.5,0.5 0 0,0 12,17.5A0.5,0.5 0 0,0 12.5,18H14.4L14,20A2,2 0 0,1 12,22A2,2 0 0,1 10,20L9,15H10.5A0.5,0.5 0 0,0 11,14.5A0.5,0.5 0 0,0 10.5,14H8.8L8,10C8,8.8 8.93,7.77 10.29,7.29L8.9,5.28C8.59,4.82 8.7,4.2 9.16,3.89C9.61,3.57 10.23,3.69 10.55,4.14L11,4.8V3A1,1 0 0,1 12,2A1,1 0 0,1 13,3V5.28L14.5,3.54C14.83,3.12 15.47,3.07 15.89,3.43C16.31,3.78 16.36,4.41 16,4.84L13.87,7.35C15.14,7.85 16,8.85 16,10Z" /></svg><svg id="carry-on-bag-check" viewBox="0 0 24 24"><path d="M15.28,16.69L18.14,13.88L18.84,14.58L15.28,18.14L13.17,16L13.88,15.28L15.28,16.69M8,21A2,2 0 0,1 6,19V9A2,2 0 0,1 8,7V21M9,7H14V4A2,2 0 0,1 12,2H16V10A6,6 0 0,1 22,16A6,6 0 0,1 16,22C14.77,22 13.63,21.63 12.68,21H9V7M16,12A4,4 0 0,0 12,16A4,4 0 0,0 16,20A4,4 0 0,0 20,16A4,4 0 0,0 16,12Z" /></svg><svg id="cart" viewBox="0 0 24 24"><path d="M17,18C15.89,18 15,18.89 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20C19,18.89 18.1,18 17,18M1,2V4H3L6.6,11.59L5.24,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H19V15H7.42A0.25,0.25 0 0,1 7.17,14.75C7.17,14.7 7.18,14.66 7.2,14.63L8.1,13H15.55C16.3,13 16.96,12.58 17.3,11.97L20.88,5.5C20.95,5.34 21,5.17 21,5A1,1 0 0,0 20,4H5.21L4.27,2M7,18C5.89,18 5,18.89 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20C9,18.89 8.1,18 7,18Z" /></svg><svg id="cart-arrow-down" viewBox="0 0 24 24"><path d="M10,0V4H8L12,8L16,4H14V0M1,2V4H3L6.6,11.59L5.25,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H19V15H7.42C7.29,15 7.17,14.89 7.17,14.75L7.2,14.63L8.1,13H15.55C16.3,13 16.96,12.59 17.3,11.97L21.16,4.96L19.42,4H19.41L18.31,6L15.55,11H8.53L8.4,10.73L6.16,6L5.21,4L4.27,2M7,18A2,2 0 0,0 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20A2,2 0 0,0 7,18M17,18A2,2 0 0,0 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20A2,2 0 0,0 17,18Z" /></svg><svg id="cart-arrow-right" viewBox="0 0 24 24"><path d="M9,20A2,2 0 0,1 7,22A2,2 0 0,1 5,20A2,2 0 0,1 7,18A2,2 0 0,1 9,20M17,18A2,2 0 0,0 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20A2,2 0 0,0 17,18M7.2,14.63C7.19,14.67 7.19,14.71 7.2,14.75A0.25,0.25 0 0,0 7.45,15H19V17H7A2,2 0 0,1 5,15C5,14.65 5.07,14.31 5.24,14L6.6,11.59L3,4H1V2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,12C16.94,12.62 16.27,13 15.55,13H8.1L7.2,14.63M9,9.5H13V11.5L16,8.5L13,5.5V7.5H9V9.5Z" /></svg><svg id="cart-arrow-up" viewBox="0 0 24 24"><path d="M12,0L8,4H10V8H14V4H16M1,2V4H3L6.6,11.59L5.25,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H19V15H7.42C7.29,15 7.17,14.89 7.17,14.75L7.2,14.63L8.1,13H15.55C16.3,13 16.96,12.59 17.3,11.97L21.16,4.96L19.42,4H19.41L18.31,6L15.55,11H8.53L8.4,10.73L6.16,6L5.21,4L4.27,2M7,18A2,2 0 0,0 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20A2,2 0 0,0 7,18M17,18A2,2 0 0,0 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20A2,2 0 0,0 17,18Z" /></svg><svg id="cart-minus" viewBox="0 0 24 24"><path d="M16,6V4H8V6M7,18A2,2 0 0,0 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20A2,2 0 0,0 7,18M17,18A2,2 0 0,0 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20A2,2 0 0,0 17,18M7.17,14.75L7.2,14.63L8.1,13H15.55C16.3,13 16.96,12.59 17.3,11.97L21.16,4.96L19.42,4H19.41L18.31,6L15.55,11H8.53L8.4,10.73L6.16,6L5.21,4L4.27,2H1V4H3L6.6,11.59L5.25,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H19V15H7.42C7.29,15 7.17,14.89 7.17,14.75Z" /></svg><svg id="cart-off" viewBox="0 0 24 24"><path d="M22.73,22.73L1.27,1.27L0,2.54L4.39,6.93L6.6,11.59L5.25,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H14.46L15.84,18.38C15.34,18.74 15,19.33 15,20A2,2 0 0,0 17,22C17.67,22 18.26,21.67 18.62,21.16L21.46,24L22.73,22.73M7.42,15A0.25,0.25 0 0,1 7.17,14.75L7.2,14.63L8.1,13H10.46L12.46,15H7.42M15.55,13C16.3,13 16.96,12.59 17.3,11.97L20.88,5.5C20.96,5.34 21,5.17 21,5A1,1 0 0,0 20,4H6.54L15.55,13M7,18A2,2 0 0,0 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20A2,2 0 0,0 7,18Z" /></svg><svg id="cart-outline" viewBox="0 0 24 24"><path d="M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z" /></svg><svg id="cart-plus" viewBox="0 0 24 24"><path d="M11,9H13V6H16V4H13V1H11V4H8V6H11M7,18A2,2 0 0,0 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20A2,2 0 0,0 7,18M17,18A2,2 0 0,0 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20A2,2 0 0,0 17,18M7.17,14.75L7.2,14.63L8.1,13H15.55C16.3,13 16.96,12.59 17.3,11.97L21.16,4.96L19.42,4H19.41L18.31,6L15.55,11H8.53L8.4,10.73L6.16,6L5.21,4L4.27,2H1V4H3L6.6,11.59L5.25,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H19V15H7.42C7.29,15 7.17,14.89 7.17,14.75Z" /></svg><svg id="cart-remove" viewBox="0 0 24 24"><path d="M14.12,8.53L12,6.41L9.88,8.54L8.46,7.12L10.59,5L8.47,2.88L9.88,1.47L12,3.59L14.12,1.46L15.54,2.88L13.41,5L15.53,7.12L14.12,8.53M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22A2,2 0 0,1 5,20A2,2 0 0,1 7,18M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22A2,2 0 0,1 15,20A2,2 0 0,1 17,18M7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7A2,2 0 0,1 5,15C5,14.65 5.09,14.32 5.25,14.04L6.6,11.59L3,4H1V2H4.27L5.21,4L6.16,6L8.4,10.73L8.53,11H15.55L18.31,6L19.41,4H19.42L21.16,4.96L17.3,11.97C16.96,12.59 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75Z" /></svg><svg id="case-sensitive-alt" viewBox="0 0 24 24"><path d="M20,14C20,12.5 19.5,12 18,12H16V11C16,10 16,10 14,10V15.4L14,19H16L18,19C19.5,19 20,18.47 20,17V14M12,12C12,10.5 11.47,10 10,10H6C4.5,10 4,10.5 4,12V19H6V16H10V19H12V12M10,7H14V5H10V7M22,9V20C22,21.11 21.11,22 20,22H4A2,2 0 0,1 2,20V9C2,7.89 2.89,7 4,7H8V5L10,3H14L16,5V7H20A2,2 0 0,1 22,9H22M16,17H18V14H16V17M6,12H10V14H6V12Z" /></svg><svg id="cash" viewBox="0 0 24 24"><path d="M3,6H21V18H3V6M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M7,8A2,2 0 0,1 5,10V14A2,2 0 0,1 7,16H17A2,2 0 0,1 19,14V10A2,2 0 0,1 17,8H7Z" /></svg><svg id="cash-100" viewBox="0 0 24 24"><path d="M2,5H22V20H2V5M20,18V7H4V18H20M17,8A2,2 0 0,0 19,10V15A2,2 0 0,0 17,17H7A2,2 0 0,0 5,15V10A2,2 0 0,0 7,8H17M17,13V12C17,10.9 16.33,10 15.5,10C14.67,10 14,10.9 14,12V13C14,14.1 14.67,15 15.5,15C16.33,15 17,14.1 17,13M15.5,11A0.5,0.5 0 0,1 16,11.5V13.5A0.5,0.5 0 0,1 15.5,14A0.5,0.5 0 0,1 15,13.5V11.5A0.5,0.5 0 0,1 15.5,11M13,13V12C13,10.9 12.33,10 11.5,10C10.67,10 10,10.9 10,12V13C10,14.1 10.67,15 11.5,15C12.33,15 13,14.1 13,13M11.5,11A0.5,0.5 0 0,1 12,11.5V13.5A0.5,0.5 0 0,1 11.5,14A0.5,0.5 0 0,1 11,13.5V11.5A0.5,0.5 0 0,1 11.5,11M8,15H9V10H8L7,10.5V11.5L8,11V15Z" /></svg><svg id="cash-marker" viewBox="0 0 24 24"><path d="M18.5,16.8C17.8,16.8 17.3,16.2 17.3,15.6C17.3,14.9 17.9,14.4 18.5,14.4C19.1,14.4 19.7,15 19.7,15.6C19.8,16.2 19.2,16.8 18.5,16.8M18.5,12C16.6,12 15,13.6 15,15.5C15,18.1 18.5,22 18.5,22C18.5,22 22,18.1 22,15.5C22,13.6 20.4,12 18.5,12M14.9,11.3C14.6,10 13.4,9 12,9C10.3,9 9,10.3 9,12C9,13.7 10.3,15 12,15C12.4,15 12.7,14.9 13,14.8C13.2,13.4 13.9,12.2 14.9,11.3M13,16H7A2,2 0 0,0 5,14V10A2,2 0 0,0 7,8H17A2,2 0 0,0 19,10C19,10 20,10 21,10.6V6H3V18H13.5C13.3,17.3 13.1,16.7 13,16Z" /></svg><svg id="cash-multiple" viewBox="0 0 24 24"><path d="M5,6H23V18H5V6M14,9A3,3 0 0,1 17,12A3,3 0 0,1 14,15A3,3 0 0,1 11,12A3,3 0 0,1 14,9M9,8A2,2 0 0,1 7,10V14A2,2 0 0,1 9,16H19A2,2 0 0,1 21,14V10A2,2 0 0,1 19,8H9M1,10H3V20H19V22H1V10Z" /></svg><svg id="cash-refund" viewBox="0 0 24 24"><path d="M3,11H21V23H3V11M12,15A2,2 0 0,1 14,17A2,2 0 0,1 12,19A2,2 0 0,1 10,17A2,2 0 0,1 12,15M7,13A2,2 0 0,1 5,15V19A2,2 0 0,1 7,21H17A2,2 0 0,1 19,19V15A2,2 0 0,1 17,13H7M17,5V10H15.5V6.5H9.88L12.3,8.93L11.24,10L7,5.75L11.24,1.5L12.3,2.57L9.88,5H17Z" /></svg><svg id="cash-register" viewBox="0 0 24 24"><path d="M2,17H22V21H2V17M6.25,7H9V6H6V3H14V6H11V7H17.8C18.8,7 19.8,8 20,9L20.5,16H3.5L4.05,9C4.05,8 5.05,7 6.25,7M13,9V11H18V9H13M6,9V10H8V9H6M9,9V10H11V9H9M6,11V12H8V11H6M9,11V12H11V11H9M6,13V14H8V13H6M9,13V14H11V13H9M7,4V5H13V4H7Z" /></svg><svg id="cash-usd" viewBox="0 0 24 24"><path d="M20,18H4V6H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4M11,17H13V16H14A1,1 0 0,0 15,15V12A1,1 0 0,0 14,11H11V10H15V8H13V7H11V8H10A1,1 0 0,0 9,9V12A1,1 0 0,0 10,13H13V14H9V16H11V17Z" /></svg><svg id="cassette" viewBox="0 0 24 24"><path d="M4,5A2,2 0 0,0 2,7V17A2,2 0 0,0 4,19H6L7,17H17L18,19H20A2,2 0 0,0 22,17V7A2,2 0 0,0 20,5H4M6.5,10A1.5,1.5 0 0,1 8,11.5A1.5,1.5 0 0,1 6.5,13A1.5,1.5 0 0,1 5,11.5A1.5,1.5 0 0,1 6.5,10M9,10H15V13H9V10M17.5,10A1.5,1.5 0 0,1 19,11.5A1.5,1.5 0 0,1 17.5,13A1.5,1.5 0 0,1 16,11.5A1.5,1.5 0 0,1 17.5,10Z" /></svg><svg id="cast" viewBox="0 0 24 24"><path d="M1,10V12A9,9 0 0,1 10,21H12C12,14.92 7.07,10 1,10M1,14V16A5,5 0 0,1 6,21H8A7,7 0 0,0 1,14M1,18V21H4A3,3 0 0,0 1,18M21,3H3C1.89,3 1,3.89 1,5V8H3V5H21V19H14V21H21A2,2 0 0,0 23,19V5C23,3.89 22.1,3 21,3Z" /></svg><svg id="cast-connected" viewBox="0 0 24 24"><path d="M21,3H3C1.89,3 1,3.89 1,5V8H3V5H21V19H14V21H21A2,2 0 0,0 23,19V5C23,3.89 22.1,3 21,3M1,10V12A9,9 0 0,1 10,21H12C12,14.92 7.07,10 1,10M19,7H5V8.63C8.96,9.91 12.09,13.04 13.37,17H19M1,14V16A5,5 0 0,1 6,21H8A7,7 0 0,0 1,14M1,18V21H4A3,3 0 0,0 1,18Z" /></svg><svg id="cast-education" viewBox="0 0 24 24"><path d="M21,3H3A2,2 0 0,0 1,5V8H3V5H21V19H14V21H21A2,2 0 0,0 23,19V5A2,2 0 0,0 21,3M1,18V21H4A3,3 0 0,0 1,18M1,14V16A5,5 0 0,1 6,21H8A7,7 0 0,0 1,14M1,10V12A9,9 0 0,1 10,21H12C12,14.92 7.07,10 1,10M11,11.09V13.09L14.5,15L18,13.09V11.09L14.5,13L11,11.09M14.5,6L9,9L14.5,12L20,9L14.5,6Z" /></svg><svg id="cast-off" viewBox="0 0 24 24"><path d="M1.6,1.27L0.25,2.75L1.41,3.8C1.16,4.13 1,4.55 1,5V8H3V5.23L18.2,19H14V21H20.41L22.31,22.72L23.65,21.24M6.5,3L8.7,5H21V16.14L23,17.95V5C23,3.89 22.1,3 21,3M1,10V12A9,9 0 0,1 10,21H12C12,14.92 7.08,10 1,10M1,14V16A5,5 0 0,1 6,21H8A7,7 0 0,0 1,14M1,18V21H4A3,3 0 0,0 1,18Z" /></svg><svg id="castle" viewBox="0 0 24 24"><path d="M2,13H4V15H6V13H8V15H10V13H12V15H14V10L17,7V1H19L23,3L19,5V7L22,10V22H11V19A2,2 0 0,0 9,17A2,2 0 0,0 7,19V22H2V13M18,10C17.45,10 17,10.54 17,11.2V13H19V11.2C19,10.54 18.55,10 18,10Z" /></svg><svg id="cat" viewBox="0 0 24 24"><path d="M12,8L10.67,8.09C9.81,7.07 7.4,4.5 5,4.5C5,4.5 3.03,7.46 4.96,11.41C4.41,12.24 4.07,12.67 4,13.66L2.07,13.95L2.28,14.93L4.04,14.67L4.18,15.38L2.61,16.32L3.08,17.21L4.53,16.32C5.68,18.76 8.59,20 12,20C15.41,20 18.32,18.76 19.47,16.32L20.92,17.21L21.39,16.32L19.82,15.38L19.96,14.67L21.72,14.93L21.93,13.95L20,13.66C19.93,12.67 19.59,12.24 19.04,11.41C20.97,7.46 19,4.5 19,4.5C16.6,4.5 14.19,7.07 13.33,8.09L12,8M9,11A1,1 0 0,1 10,12A1,1 0 0,1 9,13A1,1 0 0,1 8,12A1,1 0 0,1 9,11M15,11A1,1 0 0,1 16,12A1,1 0 0,1 15,13A1,1 0 0,1 14,12A1,1 0 0,1 15,11M11,14H13L12.3,15.39C12.5,16.03 13.06,16.5 13.75,16.5A1.5,1.5 0 0,0 15.25,15H15.75A2,2 0 0,1 13.75,17C13,17 12.35,16.59 12,16V16H12C11.65,16.59 11,17 10.25,17A2,2 0 0,1 8.25,15H8.75A1.5,1.5 0 0,0 10.25,16.5C10.94,16.5 11.5,16.03 11.7,15.39L11,14Z" /></svg><svg id="cctv" viewBox="0 0 24 24"><path d="M18.15,4.94C17.77,4.91 17.37,5 17,5.2L8.35,10.2C7.39,10.76 7.07,12 7.62,12.94L9.12,15.53C9.67,16.5 10.89,16.82 11.85,16.27L13.65,15.23C13.92,15.69 14.32,16.06 14.81,16.27V18.04C14.81,19.13 15.7,20 16.81,20H22V18.04H16.81V16.27C17.72,15.87 18.31,14.97 18.31,14C18.31,13.54 18.19,13.11 17.97,12.73L20.5,11.27C21.47,10.71 21.8,9.5 21.24,8.53L19.74,5.94C19.4,5.34 18.79,5 18.15,4.94M6.22,13.17L2,13.87L2.75,15.17L4.75,18.63L5.5,19.93L8.22,16.63L6.22,13.17Z" /></svg><svg id="ceiling-light" viewBox="0 0 24 24"><path d="M8,9H11V4H13V9H16L20,17H4L8,9M14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18H14Z" /></svg><svg id="cellphone" viewBox="0 0 24 24"><path d="M17,19H7V5H17M17,1H7C5.89,1 5,1.89 5,3V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3C19,1.89 18.1,1 17,1Z" /></svg><svg id="cellphone-android" viewBox="0 0 24 24"><path d="M17.25,18H6.75V4H17.25M14,21H10V20H14M16,1H8A3,3 0 0,0 5,4V20A3,3 0 0,0 8,23H16A3,3 0 0,0 19,20V4A3,3 0 0,0 16,1Z" /></svg><svg id="cellphone-arrow-down" viewBox="0 0 24 24"><path d="M17,1H7A2,2 0 0,0 5,3V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3A2,2 0 0,0 17,1M17,19H7V5H17V19M16,13H13V8H11V13H8L12,17L16,13Z" /></svg><svg id="cellphone-basic" viewBox="0 0 24 24"><path d="M15,2A1,1 0 0,0 14,3V6H10C8.89,6 8,6.89 8,8V20C8,21.11 8.89,22 10,22H15C16.11,22 17,21.11 17,20V8C17,7.26 16.6,6.62 16,6.28V3A1,1 0 0,0 15,2M10,8H15V13H10V8M10,15H11V16H10V15M12,15H13V16H12V15M14,15H15V16H14V15M10,17H11V18H10V17M12,17H13V18H12V17M14,17H15V18H14V17M10,19H11V20H10V19M12,19H13V20H12V19M14,19H15V20H14V19Z" /></svg><svg id="cellphone-dock" viewBox="0 0 24 24"><path d="M16,15H8V5H16M16,1H8C6.89,1 6,1.89 6,3V17A2,2 0 0,0 8,19H16A2,2 0 0,0 18,17V3C18,1.89 17.1,1 16,1M8,23H16V21H8V23Z" /></svg><svg id="cellphone-erase" viewBox="0 0 24 24"><path d="M11,8.2L10,7.2L6,11.2L2,7.2L1,8.2L5,12.2L1,16.2L2,17.2L6,13.2L10,17.2L11,16.2L7,12.2L11,8.2M17,1H7A2,2 0 0,0 5,3V6H7V4H17V20H7V18H5V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3A2,2 0 0,0 17,1Z" /></svg><svg id="cellphone-iphone" viewBox="0 0 24 24"><path d="M16,18H7V4H16M11.5,22A1.5,1.5 0 0,1 10,20.5A1.5,1.5 0 0,1 11.5,19A1.5,1.5 0 0,1 13,20.5A1.5,1.5 0 0,1 11.5,22M15.5,1H7.5A2.5,2.5 0 0,0 5,3.5V20.5A2.5,2.5 0 0,0 7.5,23H15.5A2.5,2.5 0 0,0 18,20.5V3.5A2.5,2.5 0 0,0 15.5,1Z" /></svg><svg id="cellphone-key" viewBox="0 0 24 24"><path d="M7,1A2,2 0 0,0 5,3V7H7V4H17V20H7V17H5V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3A2,2 0 0,0 17,1H7M6,9A3,3 0 0,0 3,12A3,3 0 0,0 6,15C7.31,15 8.42,14.17 8.83,13H11V15H13V13H14V11H8.83C8.42,9.83 7.31,9 6,9M6,11A1,1 0 0,1 7,12A1,1 0 0,1 6,13A1,1 0 0,1 5,12A1,1 0 0,1 6,11Z" /></svg><svg id="cellphone-link" viewBox="0 0 24 24"><path d="M22,17H18V10H22M23,8H17A1,1 0 0,0 16,9V19A1,1 0 0,0 17,20H23A1,1 0 0,0 24,19V9A1,1 0 0,0 23,8M4,6H22V4H4A2,2 0 0,0 2,6V17H0V20H14V17H4V6Z" /></svg><svg id="cellphone-link-off" viewBox="0 0 24 24"><path d="M23,8H17A1,1 0 0,0 16,9V13.18L18,15.18V10H22V17H19.82L22.82,20H23A1,1 0 0,0 24,19V9A1,1 0 0,0 23,8M4,6.27L14.73,17H4V6.27M1.92,1.65L0.65,2.92L2.47,4.74C2.18,5.08 2,5.5 2,6V17H0V20H17.73L20.08,22.35L21.35,21.08L3.89,3.62L1.92,1.65M22,6V4H6.82L8.82,6H22Z" /></svg><svg id="cellphone-lock" viewBox="0 0 24 24"><path d="M17,1H7A2,2 0 0,0 5,3V6H7V4H17V20H7V18H5V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3A2,2 0 0,0 17,1M8.8,11V9.5C8.8,8.1 7.4,7 6,7C4.6,7 3.2,8.1 3.2,9.5V11C2.6,11 2,11.6 2,12.2V15.7C2,16.4 2.6,17 3.2,17H8.7C9.4,17 10,16.4 10,15.8V12.3C10,11.6 9.4,11 8.8,11M7.5,11H4.5V9.5C4.5,8.7 5.2,8.2 6,8.2C6.8,8.2 7.5,8.7 7.5,9.5V11Z" /></svg><svg id="cellphone-message" viewBox="0 0 24 24"><path d="M11,17V7H4V17H11M11,3A2,2 0 0,1 13,5V19A2,2 0 0,1 11,21H4C2.89,21 2,20.1 2,19V5A2,2 0 0,1 4,3H11M16.5,3H21.5A1.5,1.5 0 0,1 23,4.5V7.5A1.5,1.5 0 0,1 21.5,9H18L15,12V9L15,4.5A1.5,1.5 0 0,1 16.5,3Z" /></svg><svg id="cellphone-nfc" viewBox="0 0 24 24"><path d="M2,16V18A5,5 0 0,1 7,23H9A7,7 0 0,0 2,16M2,20V23H5A3,3 0 0,0 2,20M2,12V14A9,9 0 0,1 11,23H13C13,16.92 8.08,12 2,12M17,1H7A2,2 0 0,0 5,3V10.37C5.69,10.53 6.36,10.74 7,11V5H17V18H13.97C14.5,19.25 14.81,20.59 14.92,22H17A2,2 0 0,0 19,20V3A2,2 0 0,0 17,1Z" /></svg><svg id="cellphone-off" viewBox="0 0 24 24"><path d="M2.38,1.73L1.11,3L5,6.89V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V20.89L20.84,22.73L22.11,21.46M17,19H7V8.89L17,18.89V19M17,5V13.8L19,15.8V3A2,2 0 0,0 17,1H7C6.28,1 5.6,1.37 5.24,2L8.24,5H17Z" /></svg><svg id="cellphone-screenshot" viewBox="0 0 24 24"><path d="M7,1A2,2 0 0,0 5,3V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3A2,2 0 0,0 17,1H7M7,4H17V20H7V4M9,6V10H10.5V7.5H13V6H9M13.5,14V16.5H11V18H15V14H13.5Z" /></svg><svg id="cellphone-settings" viewBox="0 0 24 24"><path d="M16,16H8V4H16M16,0H8A2,2 0 0,0 6,2V18A2,2 0 0,0 8,20H16A2,2 0 0,0 18,18V2A2,2 0 0,0 16,0M15,24H17V22H15M11,24H13V22H11M7,24H9V22H7V24Z" /></svg><svg id="cellphone-settings-variant" viewBox="0 0 24 24"><path d="M9.82,12.5C9.84,12.33 9.86,12.17 9.86,12C9.86,11.83 9.84,11.67 9.82,11.5L10.9,10.69C11,10.62 11,10.5 10.96,10.37L9.93,8.64C9.87,8.53 9.73,8.5 9.62,8.53L8.34,9.03C8.07,8.83 7.78,8.67 7.47,8.54L7.27,7.21C7.27,7.09 7.16,7 7.03,7H5C4.85,7 4.74,7.09 4.72,7.21L4.5,8.53C4.21,8.65 3.92,8.83 3.65,9L2.37,8.5C2.25,8.47 2.12,8.5 2.06,8.63L1.03,10.36C0.97,10.5 1,10.61 1.1,10.69L2.18,11.5C2.16,11.67 2.15,11.84 2.15,12C2.15,12.17 2.17,12.33 2.19,12.5L1.1,13.32C1,13.39 1,13.53 1.04,13.64L2.07,15.37C2.13,15.5 2.27,15.5 2.38,15.5L3.66,15C3.93,15.18 4.22,15.34 4.53,15.47L4.73,16.79C4.74,16.91 4.85,17 5,17H7.04C7.17,17 7.28,16.91 7.29,16.79L7.5,15.47C7.8,15.35 8.09,15.17 8.36,15L9.64,15.5C9.76,15.53 9.89,15.5 9.95,15.37L11,13.64C11.04,13.53 11,13.4 10.92,13.32L9.82,12.5M6,13.75C5,13.75 4.2,12.97 4.2,12C4.2,11.03 5,10.25 6,10.25C7,10.25 7.8,11.03 7.8,12C7.8,12.97 7,13.75 6,13.75M17,1H7A2,2 0 0,0 5,3V6H7V4H17V20H7V18H5V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3A2,2 0 0,0 17,1Z" /></svg><svg id="cellphone-sound" viewBox="0 0 24 24"><path d="M19.1,8.7C20.9,10.5 20.9,13.3 19.1,15.2L20.1,16.2C22.6,13.9 22.6,10.1 20.1,7.7L19.1,8.7M18,9.8L17,10.8C17.5,11.5 17.5,12.4 17,13.1L18,14.1C19.2,12.9 19.2,11.1 18,9.8M14,1H4A2,2 0 0,0 2,3V21A2,2 0 0,0 4,23H14A2,2 0 0,0 16,21V3A2,2 0 0,0 14,1M14,20H4V4H14V20Z" /></svg><svg id="cellphone-text" viewBox="0 0 24 24"><path d="M17,19V5H7V19H17M17,1A2,2 0 0,1 19,3V21A2,2 0 0,1 17,23H7C5.89,23 5,22.1 5,21V3C5,1.89 5.89,1 7,1H17M9,7H15V9H9V7M9,11H13V13H9V11Z" /></svg><svg id="cellphone-wireless" viewBox="0 0 24 24"><path d="M20.07,4.93C21.88,6.74 23,9.24 23,12C23,14.76 21.88,17.26 20.07,19.07L18.66,17.66C20.11,16.22 21,14.22 21,12C21,9.79 20.11,7.78 18.66,6.34L20.07,4.93M17.24,7.76C18.33,8.85 19,10.35 19,12C19,13.65 18.33,15.15 17.24,16.24L15.83,14.83C16.55,14.11 17,13.11 17,12C17,10.89 16.55,9.89 15.83,9.17L17.24,7.76M13,10A2,2 0 0,1 15,12A2,2 0 0,1 13,14A2,2 0 0,1 11,12A2,2 0 0,1 13,10M11.5,1A2.5,2.5 0 0,1 14,3.5V8H12V4H3V19H12V16H14V20.5A2.5,2.5 0 0,1 11.5,23H3.5A2.5,2.5 0 0,1 1,20.5V3.5A2.5,2.5 0 0,1 3.5,1H11.5Z" /></svg><svg id="celtic-cross" viewBox="0 0 24 24"><path d="M17.8,8C17.26,5.89 15.61,4.24 13.5,3.7V2H10.5V3.7C8.39,4.24 6.74,5.89 6.2,8H4V11H6.2C6.74,13.11 8.39,14.76 10.5,15.3V22H13.5V15.3C15.61,14.76 17.26,13.11 17.8,11H19.97V8H17.8M12.04,9.53L14.5,11H15.76C15.35,12.03 14.53,12.84 13.5,13.26V12L12.06,9.56L12,9.5L11.94,9.56L10.5,12V13.26C9.47,12.84 8.66,12.03 8.24,11H9.5L11.96,9.53L12,9.5H11.96L9.5,8H8.24C8.65,6.97 9.47,6.16 10.5,5.74V7L11.94,9.44L12,9.5L12.06,9.44L13.5,7V5.74C14.53,6.16 15.35,6.97 15.76,8H14.5L12.04,9.5H12L12.04,9.53Z" /></svg><svg id="certificate" viewBox="0 0 24 24"><path d="M4,3C2.89,3 2,3.89 2,5V15A2,2 0 0,0 4,17H12V22L15,19L18,22V17H20A2,2 0 0,0 22,15V8L22,6V5A2,2 0 0,0 20,3H16V3H4M12,5L15,7L18,5V8.5L21,10L18,11.5V15L15,13L12,15V11.5L9,10L12,8.5V5M4,5H9V7H4V5M4,9H7V11H4V9M4,13H9V15H4V13Z" /></svg><svg id="chair-school" viewBox="0 0 24 24"><path d="M22,5V7H17L13.53,12H16V14H14.46L18.17,22H15.97L15.04,20H6.38L5.35,22H3.1L7.23,14H7C6.55,14 6.17,13.7 6.04,13.3L2.87,3.84L3.82,3.5C4.34,3.34 4.91,3.63 5.08,4.15L7.72,12H12.1L15.57,7H12V5H22M9.5,14L7.42,18H14.11L12.26,14H9.5Z" /></svg><svg id="charity" viewBox="0 0 24 24"><path d="M12.75,3.94C13.75,3.22 14.91,2.86 16.22,2.86C16.94,2.86 17.73,3.05 18.59,3.45C19.45,3.84 20.13,4.3 20.63,4.83C21.66,6.11 22.09,7.6 21.94,9.3C21.78,11 21.22,12.33 20.25,13.27L12.66,20.86C12.47,21.05 12.23,21.14 11.95,21.14C11.67,21.14 11.44,21.05 11.25,20.86C11.06,20.67 10.97,20.44 10.97,20.16C10.97,19.88 11.06,19.64 11.25,19.45L15.84,14.86C16.09,14.64 16.09,14.41 15.84,14.16C15.59,13.91 15.36,13.91 15.14,14.16L10.55,18.75C10.36,18.94 10.13,19.03 9.84,19.03C9.56,19.03 9.33,18.94 9.14,18.75C8.95,18.56 8.86,18.33 8.86,18.05C8.86,17.77 8.95,17.53 9.14,17.34L13.73,12.75C14,12.5 14,12.25 13.73,12C13.5,11.75 13.28,11.75 13.03,12L8.44,16.64C8.25,16.83 8,16.92 7.73,16.92C7.45,16.92 7.21,16.83 7,16.64C6.8,16.45 6.7,16.22 6.7,15.94C6.7,15.66 6.81,15.41 7.03,15.19L11.63,10.59C11.88,10.34 11.88,10.11 11.63,9.89C11.38,9.67 11.14,9.67 10.92,9.89L6.28,14.5C6.06,14.7 5.83,14.81 5.58,14.81C5.3,14.81 5.06,14.71 4.88,14.5C4.69,14.3 4.59,14.06 4.59,13.78C4.59,13.5 4.69,13.27 4.88,13.08C7.94,10 9.83,8.14 10.55,7.45L14.11,10.97C14.5,11.34 14.95,11.53 15.5,11.53C16.2,11.53 16.75,11.25 17.16,10.69C17.44,10.28 17.54,9.83 17.46,9.33C17.38,8.83 17.17,8.41 16.83,8.06L12.75,3.94M14.81,10.27L10.55,6L3.47,13.08C2.63,12.23 2.15,10.93 2.04,9.16C1.93,7.4 2.41,5.87 3.47,4.59C4.66,3.41 6.08,2.81 7.73,2.81C9.39,2.81 10.8,3.41 11.95,4.59L16.22,8.86C16.41,9.05 16.5,9.28 16.5,9.56C16.5,9.84 16.41,10.08 16.22,10.27C16.03,10.45 15.8,10.55 15.5,10.55C15.23,10.55 15,10.45 14.81,10.27V10.27Z" /></svg><svg id="chart-arc" viewBox="0 0 24 24"><path d="M16.18,19.6L14.17,16.12C15.15,15.4 15.83,14.28 15.97,13H20C19.83,15.76 18.35,18.16 16.18,19.6M13,7.03V3C17.3,3.26 20.74,6.7 21,11H16.97C16.74,8.91 15.09,7.26 13,7.03M7,12.5C7,13.14 7.13,13.75 7.38,14.3L3.9,16.31C3.32,15.16 3,13.87 3,12.5C3,7.97 6.54,4.27 11,4V8.03C8.75,8.28 7,10.18 7,12.5M11.5,21C8.53,21 5.92,19.5 4.4,17.18L7.88,15.17C8.7,16.28 10,17 11.5,17C12.14,17 12.75,16.87 13.3,16.62L15.31,20.1C14.16,20.68 12.87,21 11.5,21Z" /></svg><svg id="chart-areaspline" viewBox="0 0 24 24"><path d="M17.45,15.18L22,7.31V19L22,21H2V3H4V15.54L9.5,6L16,9.78L20.24,2.45L21.97,3.45L16.74,12.5L10.23,8.75L4.31,19H6.57L10.96,11.44L17.45,15.18Z" /></svg><svg id="chart-bar" viewBox="0 0 24 24"><path d="M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" /></svg><svg id="chart-bar-stacked" viewBox="0 0 24 24"><path d="M22,21H2V3H4V19H6V17H10V19H12V16H16V19H18V17H22V21M18,14H22V16H18V14M12,6H16V9H12V6M16,15H12V10H16V15M6,10H10V12H6V10M10,16H6V13H10V16Z" /></svg><svg id="chart-bell-curve" viewBox="0 0 24 24"><path d="M9.96,11.31C10.82,8.1 11.5,6 13,6C14.5,6 15.18,8.1 16.04,11.31C17,14.92 18.1,19 22,19V17C19.8,17 19,14.54 17.97,10.8C17.08,7.46 16.15,4 13,4C9.85,4 8.92,7.46 8.03,10.8C7.03,14.54 6.2,17 4,17V2H2V22H22V20H4V19C7.9,19 9,14.92 9.96,11.31Z" /></svg><svg id="chart-bubble" viewBox="0 0 24 24"><path d="M7.2,11.2C8.97,11.2 10.4,12.63 10.4,14.4C10.4,16.17 8.97,17.6 7.2,17.6C5.43,17.6 4,16.17 4,14.4C4,12.63 5.43,11.2 7.2,11.2M14.8,16A2,2 0 0,1 16.8,18A2,2 0 0,1 14.8,20A2,2 0 0,1 12.8,18A2,2 0 0,1 14.8,16M15.2,4A4.8,4.8 0 0,1 20,8.8C20,11.45 17.85,13.6 15.2,13.6A4.8,4.8 0 0,1 10.4,8.8C10.4,6.15 12.55,4 15.2,4Z" /></svg><svg id="chart-donut" viewBox="0 0 24 24"><path d="M13,2.05V5.08C16.39,5.57 19,8.47 19,12C19,12.9 18.82,13.75 18.5,14.54L21.12,16.07C21.68,14.83 22,13.45 22,12C22,6.82 18.05,2.55 13,2.05M12,19A7,7 0 0,1 5,12C5,8.47 7.61,5.57 11,5.08V2.05C5.94,2.55 2,6.81 2,12A10,10 0 0,0 12,22C15.3,22 18.23,20.39 20.05,17.91L17.45,16.38C16.17,18 14.21,19 12,19Z" /></svg><svg id="chart-donut-variant" viewBox="0 0 24 24"><path d="M13,2.05C18.05,2.55 22,6.82 22,12C22,13.45 21.68,14.83 21.12,16.07L18.5,14.54C18.82,13.75 19,12.9 19,12C19,8.47 16.39,5.57 13,5.08V2.05M12,19C14.21,19 16.17,18 17.45,16.38L20.05,17.91C18.23,20.39 15.3,22 12,22C6.47,22 2,17.5 2,12C2,6.81 5.94,2.55 11,2.05V5.08C7.61,5.57 5,8.47 5,12A7,7 0 0,0 12,19M12,6A6,6 0 0,1 18,12C18,14.97 15.84,17.44 13,17.92V14.83C14.17,14.42 15,13.31 15,12A3,3 0 0,0 12,9L11.45,9.05L9.91,6.38C10.56,6.13 11.26,6 12,6M6,12C6,10.14 6.85,8.5 8.18,7.38L9.72,10.05C9.27,10.57 9,11.26 9,12C9,13.31 9.83,14.42 11,14.83V17.92C8.16,17.44 6,14.97 6,12Z" /></svg><svg id="chart-gantt" viewBox="0 0 24 24"><path d="M2,5H10V2H12V22H10V18H6V15H10V13H4V10H10V8H2V5M14,5H17V8H14V5M14,10H19V13H14V10M14,15H22V18H14V15Z" /></svg><svg id="chart-histogram" viewBox="0 0 24 24"><path d="M3,3H5V13H9V7H13V11H17V15H21V21H3V3Z" /></svg><svg id="chart-line" viewBox="0 0 24 24"><path d="M16,11.78L20.24,4.45L21.97,5.45L16.74,14.5L10.23,10.75L5.46,19H22V21H2V3H4V17.54L9.5,8L16,11.78Z" /></svg><svg id="chart-line-stacked" viewBox="0 0 24 24"><path d="M17.45,15.18L22,6.81V19L22,21H2V3H4V15.54L4,19H4.31L6,19H6.57L10.96,11.44L17.45,15.18M22,3L21.97,3.45L17,11L10,6L6,12V3H22Z" /></svg><svg id="chart-line-variant" viewBox="0 0 24 24"><path d="M3.5,18.5L9.5,12.5L13.5,16.5L22,6.92L20.59,5.5L13.5,13.5L9.5,9.5L2,17L3.5,18.5Z" /></svg><svg id="chart-multiline" viewBox="0 0 24 24"><path d="M22,6.92L20.59,5.5L17.74,8.72C15.68,6.4 12.83,5 9.61,5C6.72,5 4.07,6.16 2,8L3.42,9.42C5.12,7.93 7.27,7 9.61,7C12.35,7 14.7,8.26 16.38,10.24L13.5,13.5L9.5,9.5L2,17L3.5,18.5L9.5,12.5L13.5,16.5L17.55,11.93C18.3,13.28 18.8,14.83 19,16.5H21C20.78,14.18 20.05,12.09 18.96,10.34L22,6.92Z" /></svg><svg id="chart-pie" viewBox="0 0 24 24"><path d="M11,2V22C5.9,21.5 2,17.2 2,12C2,6.8 5.9,2.5 11,2M13,2V11H22C21.5,6.2 17.8,2.5 13,2M13,13V22C17.7,21.5 21.5,17.8 22,13H13Z" /></svg><svg id="chart-scatter-plot-hexbin" viewBox="0 0 24 24"><path d="M2,2H4V20H22V22H2V2M14,14.5L12,18H7.94L5.92,14.5L7.94,11H12L14,14.5M14.08,6.5L12.06,10H8L6,6.5L8,3H12.06L14.08,6.5M21.25,10.5L19.23,14H15.19L13.17,10.5L15.19,7H19.23L21.25,10.5Z" /></svg><svg id="chart-timeline" viewBox="0 0 24 24"><path d="M2,2H4V20H22V22H2V2M7,10H17V13H7V10M11,15H21V18H11V15M6,4H22V8H20V6H8V8H6V4Z" /></svg><svg id="chart-timeline-variant" viewBox="0 0 24 24"><path d="M3,14L3.5,14.07L8.07,9.5C7.89,8.85 8.06,8.11 8.59,7.59C9.37,6.8 10.63,6.8 11.41,7.59C11.94,8.11 12.11,8.85 11.93,9.5L14.5,12.07L15,12C15.18,12 15.35,12 15.5,12.07L19.07,8.5C19,8.35 19,8.18 19,8A2,2 0 0,1 21,6A2,2 0 0,1 23,8A2,2 0 0,1 21,10C20.82,10 20.65,10 20.5,9.93L16.93,13.5C17,13.65 17,13.82 17,14A2,2 0 0,1 15,16A2,2 0 0,1 13,14L13.07,13.5L10.5,10.93C10.18,11 9.82,11 9.5,10.93L4.93,15.5L5,16A2,2 0 0,1 3,18A2,2 0 0,1 1,16A2,2 0 0,1 3,14Z" /></svg><svg id="chart-tree" viewBox="0 0 24 24"><path d="M14,6H22V22H14V6M2,4H22V2H2V4M2,8H12V6H2V8M9,22H12V10H9V22M2,22H7V10H2V22Z" /></svg><svg id="chat" viewBox="0 0 24 24"><path d="M12,3C17.5,3 22,6.58 22,11C22,15.42 17.5,19 12,19C10.76,19 9.57,18.82 8.47,18.5C5.55,21 2,21 2,21C4.33,18.67 4.7,17.1 4.75,16.5C3.05,15.07 2,13.13 2,11C2,6.58 6.5,3 12,3Z" /></svg><svg id="chat-alert" viewBox="0 0 24 24"><path d="M12,3C17.5,3 22,6.58 22,11C22,15.42 17.5,19 12,19C10.76,19 9.57,18.82 8.47,18.5C5.55,21 2,21 2,21C4.33,18.67 4.7,17.1 4.75,16.5C3.05,15.07 2,13.13 2,11C2,6.58 6.5,3 12,3M11,14V16H13V14H11M11,12H13V6H11V12Z" /></svg><svg id="chat-processing" viewBox="0 0 24 24"><path d="M12,3C17.5,3 22,6.58 22,11C22,15.42 17.5,19 12,19C10.76,19 9.57,18.82 8.47,18.5C5.55,21 2,21 2,21C4.33,18.67 4.7,17.1 4.75,16.5C3.05,15.07 2,13.13 2,11C2,6.58 6.5,3 12,3M17,12V10H15V12H17M13,12V10H11V12H13M9,12V10H7V12H9Z" /></svg><svg id="check" viewBox="0 0 24 24"><path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" /></svg><svg id="check-all" viewBox="0 0 24 24"><path d="M0.41,13.41L6,19L7.41,17.58L1.83,12M22.24,5.58L11.66,16.17L7.5,12L6.07,13.41L11.66,19L23.66,7M18,7L16.59,5.58L10.24,11.93L11.66,13.34L18,7Z" /></svg><svg id="check-bold" viewBox="0 0 24 24"><path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z" /></svg><svg id="check-box-multiple-outline" viewBox="0 0 24 24"><path d="M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M20,16H8V4H20V16M16,20V22H4A2,2 0 0,1 2,20V7H4V20H16M18.53,8.06L17.47,7L12.59,11.88L10.47,9.76L9.41,10.82L12.59,14L18.53,8.06Z" /></svg><svg id="check-box-outline" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,5V19H5V5H19M10,17L6,13L7.41,11.58L10,14.17L16.59,7.58L18,9" /></svg><svg id="check-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z" /></svg><svg id="check-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M11,16.5L6.5,12L7.91,10.59L11,13.67L16.59,8.09L18,9.5L11,16.5Z" /></svg><svg id="check-decagram" viewBox="0 0 24 24"><path d="M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z" /></svg><svg id="check-network" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M8.25,10.08L9.41,8.92L11,10.5L14.59,6.92L15.75,8.33L11,13.08L8.25,10.08Z" /></svg><svg id="check-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M8,10.37L9.24,9.13L10.93,10.83L14.76,7L16,8.5L10.93,13.57L8,10.37Z" /></svg><svg id="check-outline" viewBox="0 0 24 24"><path d="M19.78,2.2L24,6.42L8.44,22L0,13.55L4.22,9.33L8.44,13.55L19.78,2.2M19.78,5L8.44,16.36L4.22,12.19L2.81,13.55L8.44,19.17L21.19,6.42L19.78,5Z" /></svg><svg id="check-underline" viewBox="0 0 24 24"><path d="M21,5L9,17L3.5,11.5L4.91,10.09L9,14.17L19.59,3.59L21,5M3,21V19H21V21H3Z" /></svg><svg id="check-underline-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,18H7V16H17V18M10.3,14L7,10.7L8.4,9.3L10.3,11.2L15.6,5.9L17,7.3L10.3,14Z" /></svg><svg id="check-underline-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M7,15H17V17H7V15M10.3,11.2L8.4,9.3L7,10.7L10.3,14L17,7.3L15.6,5.9L10.3,11.2Z" /></svg><svg id="checkbook" viewBox="0 0 24 24"><path d="M5,14H19V15H5V14M21,17V8H3V17H21M1,5H23V19H1V5M5,10H12V12H5V10Z" /></svg><svg id="checkbox-blank" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg><svg id="checkbox-blank-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="checkbox-blank-circle-outline" viewBox="0 0 24 24"><path d="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="checkbox-blank-outline" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z" /></svg><svg id="checkbox-intermediate" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M17,17H7V7H17V17Z" /></svg><svg id="checkbox-marked" viewBox="0 0 24 24"><path d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg><svg id="checkbox-marked-circle" viewBox="0 0 24 24"><path d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="checkbox-marked-circle-outline" viewBox="0 0 24 24"><path d="M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2,4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z" /></svg><svg id="checkbox-marked-outline" viewBox="0 0 24 24"><path d="M19,19H5V5H15V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V11H19M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z" /></svg><svg id="checkbox-multiple-blank" viewBox="0 0 24 24"><path d="M22,16A2,2 0 0,1 20,18H8C6.89,18 6,17.1 6,16V4C6,2.89 6.89,2 8,2H20A2,2 0 0,1 22,4V16M16,20V22H4A2,2 0 0,1 2,20V7H4V20H16Z" /></svg><svg id="checkbox-multiple-blank-circle" viewBox="0 0 24 24"><path d="M14,2A8,8 0 0,0 6,10A8,8 0 0,0 14,18A8,8 0 0,0 22,10A8,8 0 0,0 14,2M4.93,5.82C3.08,7.34 2,9.61 2,12A8,8 0 0,0 10,20C10.64,20 11.27,19.92 11.88,19.77C10.12,19.38 8.5,18.5 7.17,17.29C5.22,16.25 4,14.21 4,12C4,11.7 4.03,11.41 4.07,11.11C4.03,10.74 4,10.37 4,10C4,8.56 4.32,7.13 4.93,5.82Z" /></svg><svg id="checkbox-multiple-blank-circle-outline" viewBox="0 0 24 24"><path d="M14,2A8,8 0 0,0 6,10A8,8 0 0,0 14,18A8,8 0 0,0 22,10A8,8 0 0,0 14,2M14,4C17.32,4 20,6.69 20,10C20,13.32 17.32,16 14,16A6,6 0 0,1 8,10A6,6 0 0,1 14,4M4.93,5.82C3.08,7.34 2,9.61 2,12A8,8 0 0,0 10,20C10.64,20 11.27,19.92 11.88,19.77C10.12,19.38 8.5,18.5 7.17,17.29C5.22,16.25 4,14.21 4,12C4,11.7 4.03,11.41 4.07,11.11C4.03,10.74 4,10.37 4,10C4,8.56 4.32,7.13 4.93,5.82Z" /></svg><svg id="checkbox-multiple-blank-outline" viewBox="0 0 24 24"><path d="M20,16V4H8V16H20M22,16A2,2 0 0,1 20,18H8C6.89,18 6,17.1 6,16V4C6,2.89 6.89,2 8,2H20A2,2 0 0,1 22,4V16M16,20V22H4A2,2 0 0,1 2,20V7H4V20H16Z" /></svg><svg id="checkbox-multiple-marked" viewBox="0 0 24 24"><path d="M22,16A2,2 0 0,1 20,18H8C6.89,18 6,17.1 6,16V4C6,2.89 6.89,2 8,2H20A2,2 0 0,1 22,4V16M16,20V22H4A2,2 0 0,1 2,20V7H4V20H16M13,14L20,7L18.59,5.59L13,11.17L9.91,8.09L8.5,9.5L13,14Z" /></svg><svg id="checkbox-multiple-marked-circle" viewBox="0 0 24 24"><path d="M14,2A8,8 0 0,0 6,10A8,8 0 0,0 14,18A8,8 0 0,0 22,10A8,8 0 0,0 14,2M4.93,5.82C3.08,7.34 2,9.61 2,12A8,8 0 0,0 10,20C10.64,20 11.27,19.92 11.88,19.77C10.12,19.38 8.5,18.5 7.17,17.29C5.22,16.25 4,14.21 4,12C4,11.7 4.03,11.41 4.07,11.11C4.03,10.74 4,10.37 4,10C4,8.56 4.32,7.13 4.93,5.82M18.09,6.08L19.5,7.5L13,14L9.21,10.21L10.63,8.79L13,11.17" /></svg><svg id="checkbox-multiple-marked-circle-outline" viewBox="0 0 24 24"><path d="M14,2A8,8 0 0,0 6,10A8,8 0 0,0 14,18A8,8 0 0,0 22,10H20C20,13.32 17.32,16 14,16A6,6 0 0,1 8,10A6,6 0 0,1 14,4C14.43,4 14.86,4.05 15.27,4.14L16.88,2.54C15.96,2.18 15,2 14,2M20.59,3.58L14,10.17L11.62,7.79L10.21,9.21L14,13L22,5M4.93,5.82C3.08,7.34 2,9.61 2,12A8,8 0 0,0 10,20C10.64,20 11.27,19.92 11.88,19.77C10.12,19.38 8.5,18.5 7.17,17.29C5.22,16.25 4,14.21 4,12C4,11.7 4.03,11.41 4.07,11.11C4.03,10.74 4,10.37 4,10C4,8.56 4.32,7.13 4.93,5.82Z" /></svg><svg id="checkbox-multiple-marked-outline" viewBox="0 0 24 24"><path d="M20,16V10H22V16A2,2 0 0,1 20,18H8C6.89,18 6,17.1 6,16V4C6,2.89 6.89,2 8,2H16V4H8V16H20M10.91,7.08L14,10.17L20.59,3.58L22,5L14,13L9.5,8.5L10.91,7.08M16,20V22H4A2,2 0 0,1 2,20V7H4V20H16Z" /></svg><svg id="checkerboard" viewBox="0 0 24 24"><path d="M3,3H21V21H3V3M5,5V12H12V19H19V12H12V5H5Z" /></svg><svg id="chef-hat" viewBox="0 0 24 24"><path d="M12.5,1.5C10.73,1.5 9.17,2.67 8.67,4.37C8.14,4.13 7.58,4 7,4A4,4 0 0,0 3,8C3,9.82 4.24,11.41 6,11.87V19H19V11.87C20.76,11.41 22,9.82 22,8A4,4 0 0,0 18,4C17.42,4 16.86,4.13 16.33,4.37C15.83,2.67 14.27,1.5 12.5,1.5M12,10.5H13V17.5H12V10.5M9,12.5H10V17.5H9V12.5M15,12.5H16V17.5H15V12.5M6,20V21A1,1 0 0,0 7,22H18A1,1 0 0,0 19,21V20H6Z" /></svg><svg id="chemical-weapon" viewBox="0 0 24 24"><path d="M11,7.83C9.83,7.42 9,6.3 9,5A3,3 0 0,1 12,2A3,3 0 0,1 15,5C15,6.31 14.16,7.42 13,7.83V10.64C12.68,10.55 12.35,10.5 12,10.5C11.65,10.5 11.32,10.55 11,10.64V7.83M18.3,21.1C17.16,20.45 16.62,19.18 16.84,17.96L14.4,16.55C14.88,16.09 15.24,15.5 15.4,14.82L17.84,16.23C18.78,15.42 20.16,15.26 21.29,15.91C22.73,16.74 23.22,18.57 22.39,20C21.56,21.44 19.73,21.93 18.3,21.1M2.7,15.9C3.83,15.25 5.21,15.42 6.15,16.22L8.6,14.81C8.76,15.5 9.11,16.08 9.6,16.54L7.15,17.95C7.38,19.17 6.83,20.45 5.7,21.1C4.26,21.93 2.43,21.44 1.6,20C0.77,18.57 1.26,16.73 2.7,15.9M14,14A2,2 0 0,1 12,16C10.89,16 10,15.1 10,14A2,2 0 0,1 12,12C13.11,12 14,12.9 14,14M17,14L16.97,14.57L15.5,13.71C15.4,12.64 14.83,11.71 14,11.12V9.41C15.77,10.19 17,11.95 17,14M14.97,18.03C14.14,18.64 13.11,19 12,19C10.89,19 9.86,18.64 9.03,18L10.5,17.17C10.96,17.38 11.47,17.5 12,17.5C12.53,17.5 13.03,17.38 13.5,17.17L14.97,18.03M7.03,14.56L7,14C7,11.95 8.23,10.19 10,9.42V11.13C9.17,11.71 8.6,12.64 8.5,13.7L7.03,14.56Z" /></svg><svg id="chess-bishop" viewBox="0 0 24 24"><path d="M19,22H5V20H19V22M17.16,8.26C18.22,9.63 18.86,11.28 19,13C19,15.76 15.87,18 12,18C8.13,18 5,15.76 5,13C5,10.62 7.33,6.39 10.46,5.27C10.16,4.91 10,4.46 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.46 13.84,4.91 13.54,5.27C14.4,5.6 15.18,6.1 15.84,6.74L11.29,11.29L12.71,12.71L17.16,8.26Z" /></svg><svg id="chess-king" viewBox="0 0 24 24"><path d="M19,22H5V20H19V22M17,10C15.58,10 14.26,10.77 13.55,12H13V7H16V5H13V2H11V5H8V7H11V12H10.45C9.35,10.09 6.9,9.43 5,10.54C3.07,11.64 2.42,14.09 3.5,16C4.24,17.24 5.57,18 7,18H17A4,4 0 0,0 21,14A4,4 0 0,0 17,10Z" /></svg><svg id="chess-knight" viewBox="0 0 24 24"><path d="M19,22H5V20H19V22M13,2V2C11.75,2 10.58,2.62 9.89,3.66L7,8L9,10L11.06,8.63C11.5,8.32 12.14,8.44 12.45,8.9C12.47,8.93 12.5,8.96 12.5,9V9C12.8,9.59 12.69,10.3 12.22,10.77L7.42,15.57C6.87,16.13 6.87,17.03 7.43,17.58C7.69,17.84 8.05,18 8.42,18H17V6A4,4 0 0,0 13,2Z" /></svg><svg id="chess-pawn" viewBox="0 0 24 24"><path d="M19,22H5V20H19V22M16,18L13.2,7.74C14.72,7.07 15.41,5.31 14.74,3.79C14.08,2.27 12.31,1.58 10.79,2.25C9.27,2.91 8.58,4.68 9.25,6.2C9.55,6.89 10.1,7.44 10.79,7.74L8,18H16Z" /></svg><svg id="chess-queen" viewBox="0 0 24 24"><path d="M18,3A2,2 0 0,1 20,5C20,5.81 19.5,6.5 18.83,6.82L17,13.15V18H7V13.15L5.17,6.82C4.5,6.5 4,5.81 4,5A2,2 0 0,1 6,3A2,2 0 0,1 8,5C8,5.5 7.82,5.95 7.5,6.3L10.3,9.35L10.83,5.62C10.33,5.26 10,4.67 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.67 13.67,5.26 13.17,5.62L13.7,9.35L16.47,6.29C16.18,5.94 16,5.5 16,5A2,2 0 0,1 18,3M5,20H19V22H5V20Z" /></svg><svg id="chess-rook" viewBox="0 0 24 24"><path d="M5,20H19V22H5V20M17,2V5H15V2H13V5H11V2H9V5H7V2H5V8H7V18H17V8H19V2H17Z" /></svg><svg id="chevron-double-down" viewBox="0 0 24 24"><path d="M16.59,5.59L18,7L12,13L6,7L7.41,5.59L12,10.17L16.59,5.59M16.59,11.59L18,13L12,19L6,13L7.41,11.59L12,16.17L16.59,11.59Z" /></svg><svg id="chevron-double-left" viewBox="0 0 24 24"><path d="M18.41,7.41L17,6L11,12L17,18L18.41,16.59L13.83,12L18.41,7.41M12.41,7.41L11,6L5,12L11,18L12.41,16.59L7.83,12L12.41,7.41Z" /></svg><svg id="chevron-double-right" viewBox="0 0 24 24"><path d="M5.59,7.41L7,6L13,12L7,18L5.59,16.59L10.17,12L5.59,7.41M11.59,7.41L13,6L19,12L13,18L11.59,16.59L16.17,12L11.59,7.41Z" /></svg><svg id="chevron-double-up" viewBox="0 0 24 24"><path d="M7.41,18.41L6,17L12,11L18,17L16.59,18.41L12,13.83L7.41,18.41M7.41,12.41L6,11L12,5L18,11L16.59,12.41L12,7.83L7.41,12.41Z" /></svg><svg id="chevron-down" viewBox="0 0 24 24"><path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" /></svg><svg id="chevron-down-box" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M12,15.71L6,9.71L7.41,8.29L12,12.88L16.59,8.29L18,9.71L12,15.71Z" /></svg><svg id="chevron-down-box-outline" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M7.41,8.29L12,12.88L16.59,8.29L18,9.71L12,15.71L6,9.71L7.41,8.29Z" /></svg><svg id="chevron-down-circle" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M6,10L12,16L18,10L16.6,8.6L12,13.2L7.4,8.6L6,10Z" /></svg><svg id="chevron-down-circle-outline" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M6,10L12,16L18,10L16.6,8.6L12,13.2L7.4,8.6L6,10Z" /></svg><svg id="chevron-left" viewBox="0 0 24 24"><path d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" /></svg><svg id="chevron-left-box" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M15.71,16.59L14.29,18L8.29,12L14.29,6L15.71,7.41L11.12,12L15.71,16.59Z" /></svg><svg id="chevron-left-box-outline" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M15.71,7.41L11.12,12L15.71,16.59L14.29,18L8.29,12L14.29,6L15.71,7.41Z" /></svg><svg id="chevron-left-circle" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M15.4,16.6L10.8,12L15.4,7.4L14,6L8,12L14,18L15.4,16.6Z" /></svg><svg id="chevron-left-circle-outline" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M15.4,16.6L10.8,12L15.4,7.4L14,6L8,12L14,18L15.4,16.6Z" /></svg><svg id="chevron-right" viewBox="0 0 24 24"><path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg><svg id="chevron-right-box" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M9.71,18L8.29,16.59L12.88,12L8.29,7.41L9.71,6L15.71,12L9.71,18Z" /></svg><svg id="chevron-right-box-outline" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M8.29,16.59L12.88,12L8.29,7.41L9.71,6L15.71,12L9.71,18L8.29,16.59Z" /></svg><svg id="chevron-right-circle" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M10,18L16,12L10,6L8.6,7.4L13.2,12L8.6,16.6L10,18Z" /></svg><svg id="chevron-right-circle-outline" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M8.6,16.6L13.2,12L8.6,7.4L10,6L16,12L10,18L8.6,16.6Z" /></svg><svg id="chevron-triple-down" viewBox="0 0 24 24"><path d="M7.41,14.58L12,19.17L16.59,14.58L18,16L12,22L6,16L7.41,14.58M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58M7.41,2.58L12,7.17L16.59,2.58L18,4L12,10L6,4L7.41,2.58Z" /></svg><svg id="chevron-triple-left" viewBox="0 0 24 24"><path d="M9.42,7.41L4.83,12L9.42,16.59L8,18L2,12L8,6L9.42,7.41M15.42,7.41L10.83,12L15.42,16.59L14,18L8,12L14,6L15.42,7.41M21.42,7.41L16.83,12L21.42,16.59L20,18L14,12L20,6L21.42,7.41Z" /></svg><svg id="chevron-triple-right" viewBox="0 0 24 24"><path d="M14.58,16.59L19.17,12L14.58,7.41L16,6L22,12L16,18L14.58,16.59M8.58,16.59L13.17,12L8.58,7.41L10,6L16,12L10,18L8.58,16.59M2.58,16.59L7.17,12L2.58,7.41L4,6L10,12L4,18L2.58,16.59Z" /></svg><svg id="chevron-triple-up" viewBox="0 0 24 24"><path d="M16.59,9.42L12,4.83L7.41,9.42L6,8L12,2L18,8L16.59,9.42M16.59,15.42L12,10.83L7.41,15.42L6,14L12,8L18,14L16.59,15.42M16.59,21.42L12,16.83L7.41,21.42L6,20L12,14L18,20L16.59,21.42Z" /></svg><svg id="chevron-up" viewBox="0 0 24 24"><path d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z" /></svg><svg id="chevron-up-box" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M16.59,15.71L12,11.12L7.41,15.71L6,14.29L12,8.29L18,14.29L16.59,15.71Z" /></svg><svg id="chevron-up-box-outline" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M16.59,15.71L12,11.12L7.41,15.71L6,14.29L12,8.29L18,14.29L16.59,15.71Z" /></svg><svg id="chevron-up-circle" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M7.4,15.4L12,10.8L16.6,15.4L18,14L12,8L6,14L7.4,15.4Z" /></svg><svg id="chevron-up-circle-outline" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M7.4,15.4L12,10.8L16.6,15.4L18,14L12,8L6,14L7.4,15.4Z" /></svg><svg id="chili-hot" viewBox="0 0 24 24"><path d="M17.75,9L18.95,8.24C19.58,8.58 20,9.24 20,10V21.75C20,21.75 12,20 12,11V10C12,9.27 12.39,8.63 12.97,8.28L14.43,9L16,8L17.75,9M14,2C15.53,2 16.8,3.15 17,4.64C18,4.93 18.81,5.67 19.22,6.63L17.75,7.5L16,6.5L14.43,7.5L12.76,6.67C13.15,5.72 13.95,5 14.94,4.66C14.8,4.28 14.43,4 14,4V2M10,10C10,18 13.63,19.84 16,21.75C16,21.75 8,20 8,11V10C8,9.27 8.39,8.63 8.97,8.28L10.3,8.94C10.11,9.25 10,9.61 10,10M10.43,7.5L8.76,6.67C9.15,5.72 9.95,5 10.94,4.66C10.8,4.28 10.43,4 10,4V2C10.77,2 11.47,2.29 12,2.76V4C12.43,4 12.8,4.28 12.94,4.66C11.95,5 11.15,5.72 10.43,7.5M6,10C6,18 9.63,19.84 12,21.75C12,21.75 4,20 4,11V10C4,9.27 4.39,8.63 4.97,8.28L6.3,8.94C6.11,9.25 6,9.61 6,10M6.43,7.5L4.76,6.67C5.15,5.72 5.95,5 6.94,4.66C6.8,4.28 6.43,4 6,4V2C6.77,2 7.47,2.29 8,2.76V4C8.43,4 8.8,4.28 8.94,4.66C7.95,5 7.15,5.72 6.43,7.5Z" /></svg><svg id="chili-medium" viewBox="0 0 24 24"><path d="M15.75,9L16.95,8.24C17.58,8.58 18,9.24 18,10V21.75C18,21.75 10,20 10,11V10C10,9.27 10.39,8.63 10.97,8.28L12.43,9L14,8L15.75,9M12,2C13.53,2 14.8,3.15 15,4.64C16,4.93 16.81,5.67 17.22,6.63L15.75,7.5L14,6.5L12.43,7.5L10.76,6.67C11.15,5.72 11.95,5 12.94,4.66C12.8,4.28 12.43,4 12,4V2M8,10C8,18 11.63,19.84 14,21.75C14,21.75 6,20 6,11V10C6,9.27 6.39,8.63 6.97,8.28L8.3,8.94C8.11,9.25 8,9.61 8,10M8.43,7.5L6.76,6.67C7.15,5.72 7.95,5 8.94,4.66C8.8,4.28 8.43,4 8,4V2C8.77,2 9.47,2.29 10,2.76V4C10.43,4 10.8,4.28 10.94,4.66C9.95,5 9.15,5.72 8.43,7.5Z" /></svg><svg id="chili-mild" viewBox="0 0 24 24"><path d="M13.75,9L14.95,8.24C15.58,8.58 16,9.24 16,10V21.75C16,21.75 8,20 8,11V10C8,9.27 8.39,8.63 8.97,8.28L10.43,9L12,8L13.75,9M10,2C11.53,2 12.8,3.15 13,4.64C14,4.93 14.81,5.67 15.22,6.63L13.75,7.5L12,6.5L10.43,7.5L8.76,6.67C9.15,5.72 9.95,5 10.94,4.66C10.8,4.28 10.43,4 10,4V2Z" /></svg><svg id="chip" viewBox="0 0 24 24"><path d="M6,4H18V5H21V7H18V9H21V11H18V13H21V15H18V17H21V19H18V20H6V19H3V17H6V15H3V13H6V11H3V9H6V7H3V5H6V4M11,15V18H12V15H11M13,15V18H14V15H13M15,15V18H16V15H15Z" /></svg><svg id="christianity" viewBox="0 0 24 24"><path d="M10.5,2H13.5V8H19V11H13.5V22H10.5V11H5V8H10.5V2Z" /></svg><svg id="christianity-outline" viewBox="0 0 24 24"><path d="M15.5,6V1H8.5V6H3V13H8.5V23H15.5V13H21V6H15.5M19,11H13.5V21H10.5V11H5V8H10.5V3H13.5V8H19V11Z" /></svg><svg id="church" viewBox="0 0 24 24"><path d="M11,2H13V4H15V6H13V9.4L22,13V15L20,14.2V22H14V17A2,2 0 0,0 12,15A2,2 0 0,0 10,17V22H4V14.2L2,15V13L11,9.4V6H9V4H11V2M6,20H8V15L7,14L6,15V20M16,20H18V15L17,14L16,15V20Z" /></svg><svg id="circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="circle-double" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,6A6,6 0 0,0 6,12A6,6 0 0,0 12,18A6,6 0 0,0 18,12A6,6 0 0,0 12,6M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8Z" /></svg><svg id="circle-edit-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12H20A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4V2M18.78,3C18.61,3 18.43,3.07 18.3,3.2L17.08,4.41L19.58,6.91L20.8,5.7C21.06,5.44 21.06,5 20.8,4.75L19.25,3.2C19.12,3.07 18.95,3 18.78,3M16.37,5.12L9,12.5V15H11.5L18.87,7.62L16.37,5.12Z" /></svg><svg id="circle-expand" viewBox="0 0 24 24"><path d="M16,4L20,8V4M20,16L16,20H20M8,20L4,16V20M4,8L8,4H4M16.95,7.05C14.22,4.32 9.78,4.32 7.05,7.05C4.32,9.78 4.32,14.22 7.05,16.95C9.78,19.68 14.22,19.68 16.95,16.95C19.68,14.22 19.68,9.79 16.95,7.05M15.85,15.85C13.72,18 10.28,18 8.15,15.85C6,13.72 6,10.28 8.15,8.15C10.28,6 13.72,6 15.85,8.15C18,10.28 18,13.72 15.85,15.85Z" /></svg><svg id="circle-medium" viewBox="0 0 24 24"><path d="M12,8A4,4 0 0,0 8,12A4,4 0 0,0 12,16A4,4 0 0,0 16,12A4,4 0 0,0 12,8Z" /></svg><svg id="circle-outline" viewBox="0 0 24 24"><path d="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="circle-slice-1" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M16.9,7.1L12,12V5C13.9,5 15.7,5.8 16.9,7.1Z" /></svg><svg id="circle-slice-2" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M19,12H12V5C13.9,5 15.6,5.9 16.9,7.1C18.2,8.3 19,10.1 19,12Z" /></svg><svg id="circle-slice-3" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M16.9,16.9L12,12V5C13.9,5 15.6,5.9 16.9,7.1C18.2,8.3 19,10.1 19,12C19,13.9 18.2,15.6 16.9,16.9Z" /></svg><svg id="circle-slice-4" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M16.9,7.1C18.2,8.3 19,10.1 19,12C19,13.9 18.1,15.6 16.9,16.9C15.7,18.2 13.9,19 12,19V12L12,5C13.9,5 15.7,5.8 16.9,7.1Z" /></svg><svg id="circle-slice-5" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M16.9,7.1C18.2,8.3 19,10.1 19,12C19,13.9 18.1,15.6 16.9,16.9C15.7,18.2 13.9,19 12,19C10.1,19 8.4,18.2 7.1,16.9L12,12V5C13.9,5 15.7,5.8 16.9,7.1Z" /></svg><svg id="circle-slice-6" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M16.9,7.1C18.2,8.3 19,10.1 19,12C19,13.9 18.1,15.6 16.9,16.9C15.7,18.2 13.9,19 12,19C10.1,19 8.4,18.1 7.1,16.9C5.8,15.7 5,13.9 5,12H12V5C13.9,5 15.7,5.8 16.9,7.1Z" /></svg><svg id="circle-slice-7" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M16.9,7.1C18.2,8.3 19,10.1 19,12C19,13.9 18.1,15.6 16.9,16.9C15.7,18.2 13.9,19 12,19C10.1,19 8.4,18.1 7.1,16.9C5.8,15.7 5,13.9 5,12C5,10.1 5.8,8.3 7.1,7.1L12,12V5C13.9,5 15.7,5.8 16.9,7.1Z" /></svg><svg id="circle-slice-8" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M12,19C10.1,19 8.3,18.2 7.1,16.9C5.9,15.6 5,13.9 5,12C5,10.1 5.8,8.3 7.1,7.1C8.4,5.9 10.1,5 12,5C13.9,5 15.7,5.8 16.9,7.1C18.1,8.4 19,10.1 19,12C19,13.9 18.2,15.7 16.9,16.9C15.6,18.1 13.9,19 12,19Z" /></svg><svg id="circle-small" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,0 10,12C10,13.11 10.9,14 12,14C13.11,14 14,13.11 14,12A2,2 0 0,0 12,10Z" /></svg><svg id="circular-saw" viewBox="0 0 24 24"><path d="M13,11A1,1 0 0,1 14,12A1,1 0 0,1 13,13A1,1 0 0,1 12,12A1,1 0 0,1 13,11M7.86,6.25C9.14,4.87 10.97,4 13,4C16.5,4 19.44,6.61 19.93,10H22V12H16A3,3 0 0,0 13,9A3,3 0 0,0 10,12H2V10H2.05C2.25,7.73 3.14,5.66 4.5,4L7.86,6.25M6.73,7.89L5.06,6.77C4.53,7.75 4.18,8.84 4.06,10H6.07C6.18,9.25 6.4,8.54 6.73,7.89M7.4,15.4L6,14H11.79C12.03,14.42 12.5,14.7 13,14.7C13.5,14.7 13.97,14.42 14.21,14H20V15.4C18.39,14.42 18.46,15.75 18.46,15.75V17.71L16.5,19.67C16,17.92 15.1,18.9 15.1,18.9L13.7,20.3H10.9C11.88,18.69 10.55,18.76 10.55,18.76H8.59L6.63,16.8C8.38,16.31 7.4,15.4 7.4,15.4Z" /></svg><svg id="cisco-webex" viewBox="0 0 24 24"><path d="M12,3A9,9 0 0,1 21,12A9,9 0 0,1 12,21A9,9 0 0,1 3,12A9,9 0 0,1 12,3M5.94,8.5C4,11.85 5.15,16.13 8.5,18.06C11.85,20 18.85,7.87 15.5,5.94C12.15,4 7.87,5.15 5.94,8.5Z" /></svg><svg id="city" viewBox="0 0 24 24"><path d="M19,15H17V13H19M19,19H17V17H19M13,7H11V5H13M13,11H11V9H13M13,15H11V13H13M13,19H11V17H13M7,11H5V9H7M7,15H5V13H7M7,19H5V17H7M15,11V5L12,2L9,5V7H3V21H21V11H15Z" /></svg><svg id="city-variant" viewBox="0 0 24 24"><path d="M19,9V7A2,2 0 0,0 17,5H16V2H14V5H13A2,2 0 0,0 11,7V9A2,2 0 0,0 9,11V12H5A2,2 0 0,0 3,14V22H6V20H8V22H12V20H14V22H16V20H18V22H21V11A2,2 0 0,0 19,9M8,18H6V16H8V18M14,18H12V16H14V18M14,14H12V12H14V14M13,9V7H17V9H13M18,18H16V16H18V18M18,14H16V12H18V14Z" /></svg><svg id="city-variant-outline" viewBox="0 0 24 24"><path d="M15,23H13V21H15V23M19,21H17V23H19V21M15,17H13V19H15V17M7,21H5V23H7V21M7,17H5V19H7V17M19,17H17V19H19V17M15,13H13V15H15V13M19,13H17V15H19V13M21,9A2,2 0 0,1 23,11V23H21V11H11V23H9V15H3V23H1V15A2,2 0 0,1 3,13H9V11A2,2 0 0,1 11,9V7A2,2 0 0,1 13,5H15V1H17V5H19A2,2 0 0,1 21,7V9M19,9V7H13V9H19Z" /></svg><svg id="clipboard" viewBox="0 0 24 24"><path d="M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3" /></svg><svg id="clipboard-account" viewBox="0 0 24 24"><path d="M18,19H6V17.6C6,15.6 10,14.5 12,14.5C14,14.5 18,15.6 18,17.6M12,7A3,3 0 0,1 15,10A3,3 0 0,1 12,13A3,3 0 0,1 9,10A3,3 0 0,1 12,7M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="clipboard-account-outline" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H9.18C9.6,1.84 10.7,1 12,1C13.3,1 14.4,1.84 14.82,3H19M12,3A1,1 0 0,0 11,4A1,1 0 0,0 12,5A1,1 0 0,0 13,4A1,1 0 0,0 12,3M7,7V5H5V19H19V5H17V7H7M12,9A2,2 0 0,1 14,11A2,2 0 0,1 12,13A2,2 0 0,1 10,11A2,2 0 0,1 12,9M8,17V16C8,14.9 9.79,14 12,14C14.21,14 16,14.9 16,16V17H8Z" /></svg><svg id="clipboard-alert" viewBox="0 0 24 24"><path d="M12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5M13,14H11V8H13M13,18H11V16H13M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="clipboard-alert-outline" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H9.18C9.6,1.84 10.7,1 12,1C13.3,1 14.4,1.84 14.82,3H19M12,3A1,1 0 0,0 11,4A1,1 0 0,0 12,5A1,1 0 0,0 13,4A1,1 0 0,0 12,3M7,7V5H5V19H19V5H17V7H7M11,9H13V13.5H11V9M11,15H13V17H11V15Z" /></svg><svg id="clipboard-arrow-down" viewBox="0 0 24 24"><path d="M12,18L7,13H10V9H14V13H17M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="clipboard-arrow-down-outline" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H9.18C9.6,1.84 10.7,1 12,1C13.3,1 14.4,1.84 14.82,3H19M12,3A1,1 0 0,0 11,4A1,1 0 0,0 12,5A1,1 0 0,0 13,4A1,1 0 0,0 12,3M7,7V5H5V19H19V5H17V7H7M12,18L7,13H10V9H14V13H17L12,18Z" /></svg><svg id="clipboard-arrow-left" viewBox="0 0 24 24"><path d="M16,15H12V18L7,13L12,8V11H16M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="clipboard-arrow-left-outline" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H9.18C9.6,1.84 10.7,1 12,1C13.3,1 14.4,1.84 14.82,3H19M12,3A1,1 0 0,0 11,4A1,1 0 0,0 12,5A1,1 0 0,0 13,4A1,1 0 0,0 12,3M7,7V5H5V19H19V5H17V7H7M7,13L12,18V15H16V11H12V8L7,13Z" /></svg><svg id="clipboard-arrow-right" viewBox="0 0 24 24"><path d="M17,13L12,18V15H8V11H12V8M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="clipboard-arrow-right-outline" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H9.18C9.6,1.84 10.7,1 12,1C13.3,1 14.4,1.84 14.82,3H19M12,3A1,1 0 0,0 11,4A1,1 0 0,0 12,5A1,1 0 0,0 13,4A1,1 0 0,0 12,3M7,7V5H5V19H19V5H17V7H7M16.91,13L11.91,18V15H7.91V11H11.91V8L16.91,13Z" /></svg><svg id="clipboard-arrow-up" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H9.18C9.6,1.84 10.7,1 12,1C13.3,1 14.4,1.84 14.82,3H19M12,8L7,13H10V17H14V13H17L12,8M12,3A1,1 0 0,0 11,4A1,1 0 0,0 12,5A1,1 0 0,0 13,4A1,1 0 0,0 12,3Z" /></svg><svg id="clipboard-arrow-up-outline" viewBox="0 0 24 24"><path d="M12,8L17,13H14V17H10V13H7L12,8M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H9.18C9.6,1.84 10.7,1 12,1C13.3,1 14.4,1.84 14.82,3H19M12,3A1,1 0 0,0 11,4A1,1 0 0,0 12,5A1,1 0 0,0 13,4A1,1 0 0,0 12,3M7,7V5H5V19H19V5H17V7H7Z" /></svg><svg id="clipboard-check" viewBox="0 0 24 24"><path d="M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="clipboard-check-outline" viewBox="0 0 24 24"><path d="M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7M7.5,13.5L9,12L11,14L15.5,9.5L17,11L11,17L7.5,13.5Z" /></svg><svg id="clipboard-flow" viewBox="0 0 24 24"><path d="M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M15,19L11,15H14V8H16V15H19L15,19M10,16H8V9H5L9,5L13,9H10V16" /></svg><svg id="clipboard-outline" viewBox="0 0 24 24"><path d="M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7Z" /></svg><svg id="clipboard-play" viewBox="0 0 24 24"><path d="M19,3H14.82C14.25,1.44 12.53,0.64 11,1.2C10.14,1.5 9.5,2.16 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M10,17V9L15,13L10,17Z" /></svg><svg id="clipboard-play-outline" viewBox="0 0 24 24"><path d="M19,3H14.82C14.25,1.44 12.53,0.64 11,1.2C10.14,1.5 9.5,2.16 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7M10,17V9L15,13L10,17Z" /></svg><svg id="clipboard-plus" viewBox="0 0 24 24"><path d="M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M13,12H16V14H13V17H11V14H8V12H11V9H13V12Z" /></svg><svg id="clipboard-pulse" viewBox="0 0 24 24"><path d="M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M5,13.46H7.17L10.5,7.08L11.44,14.05L13.93,10.86L16.53,13.46H19V15H15.89L14.07,13.21L10.38,17.92L9.62,12.15L8.11,15H5V13.46Z" /></svg><svg id="clipboard-pulse-outline" viewBox="0 0 24 24"><path d="M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M5,15H8.11L9.62,12.15L10.38,17.92L14.07,13.21L15.89,15H19V19H5V15M19,13.46H16.53L13.93,10.86L11.44,14.05L10.5,7.08L7.17,13.46H5V5H7V6H17V5H19V6L19,13.46Z" /></svg><svg id="clipboard-text" viewBox="0 0 24 24"><path d="M17,9H7V7H17M17,13H7V11H17M14,17H7V15H14M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="clipboard-text-outline" viewBox="0 0 24 24"><path d="M19,3H14.82C14.25,1.44 12.53,0.64 11,1.2C10.14,1.5 9.5,2.16 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7M17,11H7V9H17V11M15,15H7V13H15V15Z" /></svg><svg id="clipboard-text-play" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V13.34C20.36,13.11 19.68,13 19,13C15.68,13 13,15.69 13,19C13,19.68 13.11,20.36 13.34,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H9.18C9.5,2.16 10.14,1.5 11,1.2C12.53,0.64 14.25,1.44 14.82,3H19M12,3A1,1 0 0,0 11,4A1,1 0 0,0 12,5A1,1 0 0,0 13,4A1,1 0 0,0 12,3M11,17V15H7V17H11M13,13V11H7V13H13M17,9V7H7V9H17M17,16L22,19L17,22V16Z" /></svg><svg id="clipboard-text-play-outline" viewBox="0 0 24 24"><path d="M19,3H14.82C14.25,1.44 12.53,0.64 11,1.2C10.14,1.5 9.5,2.16 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H15V19H5V5H7V7H17V5H19V14H21V5A2,2 0 0,0 19,3M12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5M17,16V22L22,19L17,16M17,11H7V9H17V11M15,15H7V13H15V15Z" /></svg><svg id="clippy" viewBox="0 0 24 24"><path d="M15,15.5A2.5,2.5 0 0,1 12.5,18A2.5,2.5 0 0,1 10,15.5V13.75A0.75,0.75 0 0,1 10.75,13A0.75,0.75 0 0,1 11.5,13.75V15.5A1,1 0 0,0 12.5,16.5A1,1 0 0,0 13.5,15.5V11.89C12.63,11.61 12,10.87 12,10C12,8.9 13,8 14.25,8C15.5,8 16.5,8.9 16.5,10C16.5,10.87 15.87,11.61 15,11.89V15.5M8.25,8C9.5,8 10.5,8.9 10.5,10C10.5,10.87 9.87,11.61 9,11.89V17.25A3.25,3.25 0 0,0 12.25,20.5A3.25,3.25 0 0,0 15.5,17.25V13.75A0.75,0.75 0 0,1 16.25,13A0.75,0.75 0 0,1 17,13.75V17.25A4.75,4.75 0 0,1 12.25,22A4.75,4.75 0 0,1 7.5,17.25V11.89C6.63,11.61 6,10.87 6,10C6,8.9 7,8 8.25,8M10.06,6.13L9.63,7.59C9.22,7.37 8.75,7.25 8.25,7.25C7.34,7.25 6.53,7.65 6.03,8.27L4.83,7.37C5.46,6.57 6.41,6 7.5,5.81V5.75A3.75,3.75 0 0,1 11.25,2A3.75,3.75 0 0,1 15,5.75V5.81C16.09,6 17.04,6.57 17.67,7.37L16.47,8.27C15.97,7.65 15.16,7.25 14.25,7.25C13.75,7.25 13.28,7.37 12.87,7.59L12.44,6.13C12.77,6 13.13,5.87 13.5,5.81V5.75C13.5,4.5 12.5,3.5 11.25,3.5C10,3.5 9,4.5 9,5.75V5.81C9.37,5.87 9.73,6 10.06,6.13M14.25,9.25C13.7,9.25 13.25,9.59 13.25,10C13.25,10.41 13.7,10.75 14.25,10.75C14.8,10.75 15.25,10.41 15.25,10C15.25,9.59 14.8,9.25 14.25,9.25M8.25,9.25C7.7,9.25 7.25,9.59 7.25,10C7.25,10.41 7.7,10.75 8.25,10.75C8.8,10.75 9.25,10.41 9.25,10C9.25,9.59 8.8,9.25 8.25,9.25Z" /></svg><svg id="clock" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M16.2,16.2L11,13V7H12.5V12.2L17,14.9L16.2,16.2Z" /></svg><svg id="clock-alert" viewBox="0 0 24 24"><path d="M12,2C16.46,2 20.26,4.95 21.54,9H18V20C16.33,21.25 14.25,22 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M16.2,16.2L17,14.9L12.5,12.2V7H11V13L16.2,16.2M20,11H22V18H20V11M20,20H22V22H20V20Z" /></svg><svg id="clock-alert-outline" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22C14.25,22 16.33,21.24 18,20V17.28C16.53,18.94 14.39,20 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C15.36,4 18.23,6.07 19.41,9H21.54C20.27,4.94 16.5,2 12,2M11,7V13L16.25,16.15L17,14.92L12.5,12.25V7H11M20,11V18H22V11H20M20,20V22H22V20H20Z" /></svg><svg id="clock-end" viewBox="0 0 24 24"><path d="M12,1C8.14,1 5,4.14 5,8A7,7 0 0,0 12,15C15.86,15 19,11.87 19,8C19,4.14 15.86,1 12,1M12,3.15C14.67,3.15 16.85,5.32 16.85,8C16.85,10.68 14.67,12.85 12,12.85A4.85,4.85 0 0,1 7.15,8A4.85,4.85 0 0,1 12,3.15M11,5V8.69L14.19,10.53L14.94,9.23L12.5,7.82V5M15,16V19H3V21H15V24L19,20M19,20V24H21V16H19" /></svg><svg id="clock-fast" viewBox="0 0 24 24"><path d="M15,4A8,8 0 0,1 23,12A8,8 0 0,1 15,20A8,8 0 0,1 7,12A8,8 0 0,1 15,4M15,6A6,6 0 0,0 9,12A6,6 0 0,0 15,18A6,6 0 0,0 21,12A6,6 0 0,0 15,6M14,8H15.5V11.78L17.83,14.11L16.77,15.17L14,12.4V8M2,18A1,1 0 0,1 1,17A1,1 0 0,1 2,16H5.83C6.14,16.71 6.54,17.38 7,18H2M3,13A1,1 0 0,1 2,12A1,1 0 0,1 3,11H5.05L5,12L5.05,13H3M4,8A1,1 0 0,1 3,7A1,1 0 0,1 4,6H7C6.54,6.62 6.14,7.29 5.83,8H4Z" /></svg><svg id="clock-in" viewBox="0 0 24 24"><path d="M2.21,0.79L0.79,2.21L4.8,6.21L3,8H8V3L6.21,4.8M12,8C8.14,8 5,11.13 5,15A7,7 0 0,0 12,22C15.86,22 19,18.87 19,15A7,7 0 0,0 12,8M12,10.15C14.67,10.15 16.85,12.32 16.85,15A4.85,4.85 0 0,1 12,19.85C9.32,19.85 7.15,17.68 7.15,15A4.85,4.85 0 0,1 12,10.15M11,12V15.69L14.19,17.53L14.94,16.23L12.5,14.82V12" /></svg><svg id="clock-out" viewBox="0 0 24 24"><path d="M18,1L19.8,2.79L15.79,6.79L17.21,8.21L21.21,4.21L23,6V1M12,8C8.14,8 5,11.13 5,15A7,7 0 0,0 12,22C15.86,22 19,18.87 19,15A7,7 0 0,0 12,8M12,10.15C14.67,10.15 16.85,12.32 16.85,15A4.85,4.85 0 0,1 12,19.85C9.32,19.85 7.15,17.68 7.15,15A4.85,4.85 0 0,1 12,10.15M11,12V15.69L14.19,17.53L14.94,16.23L12.5,14.82V12" /></svg><svg id="clock-outline" viewBox="0 0 24 24"><path d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" /></svg><svg id="clock-start" viewBox="0 0 24 24"><path d="M12,1C8.14,1 5,4.14 5,8A7,7 0 0,0 12,15C15.86,15 19,11.87 19,8C19,4.14 15.86,1 12,1M12,3.15C14.67,3.15 16.85,5.32 16.85,8C16.85,10.68 14.67,12.85 12,12.85A4.85,4.85 0 0,1 7.15,8A4.85,4.85 0 0,1 12,3.15M11,5V8.69L14.19,10.53L14.94,9.23L12.5,7.82V5M4,16V24H6V21H18V24L22,20L18,16V19H6V16" /></svg><svg id="close" viewBox="0 0 24 24"><path d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg><svg id="close-box" viewBox="0 0 24 24"><path d="M19,3H16.3H7.7H5A2,2 0 0,0 3,5V7.7V16.4V19A2,2 0 0,0 5,21H7.7H16.4H19A2,2 0 0,0 21,19V16.3V7.7V5A2,2 0 0,0 19,3M15.6,17L12,13.4L8.4,17L7,15.6L10.6,12L7,8.4L8.4,7L12,10.6L15.6,7L17,8.4L13.4,12L17,15.6L15.6,17Z" /></svg><svg id="close-box-multiple" viewBox="0 0 24 24"><path d="M3,21H19V23H3A2,2 0 0,1 1,21V5H3V21M23,3V17A2,2 0 0,1 21,19H7A2,2 0 0,1 5,17V3A2,2 0 0,1 7,1H21A2,2 0 0,1 23,3M15.4,10L19,6.4L17.6,5L14,8.6L10.4,5L9,6.4L12.6,10L9,13.6L10.4,15L14,11.4L17.6,15L19,13.6L15.4,10Z" /></svg><svg id="close-box-multiple-outline" viewBox="0 0 24 24"><path d="M21,17V3H7V17H21M21,1A2,2 0 0,1 23,3V17A2,2 0 0,1 21,19H7A2,2 0 0,1 5,17V3A2,2 0 0,1 7,1H21M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3M17.6,15L14,11.4L10.4,15L9,13.6L12.6,10L9,6.4L10.4,5L14,8.6L17.6,5L19,6.4L15.4,10L19,13.6L17.6,15Z" /></svg><svg id="close-box-outline" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M17,8.4L13.4,12L17,15.6L15.6,17L12,13.4L8.4,17L7,15.6L10.6,12L7,8.4L8.4,7L12,10.6L15.6,7L17,8.4Z" /></svg><svg id="close-circle" viewBox="0 0 24 24"><path d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z" /></svg><svg id="close-circle-outline" viewBox="0 0 24 24"><path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z" /></svg><svg id="close-network" viewBox="0 0 24 24"><path d="M14.59,6L12,8.59L9.41,6L8,7.41L10.59,10L8,12.59L9.41,14L12,11.41L14.59,14L16,12.59L13.41,10L16,7.41L14.59,6M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7C5.89,17 5,16.1 5,15V5A2,2 0 0,1 7,3H17Z" /></svg><svg id="close-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M15.54,12.12L13.41,10L15.53,7.87L14.12,6.46L12,8.59L9.88,6.46L8.47,7.87L10.59,10L8.47,12.13L9.88,13.54L12,11.41L14.12,13.54L15.54,12.12Z" /></svg><svg id="close-octagon" viewBox="0 0 24 24"><path d="M8.27,3L3,8.27V15.73L8.27,21H15.73L21,15.73V8.27L15.73,3M8.41,7L12,10.59L15.59,7L17,8.41L13.41,12L17,15.59L15.59,17L12,13.41L8.41,17L7,15.59L10.59,12L7,8.41" /></svg><svg id="close-octagon-outline" viewBox="0 0 24 24"><path d="M8.27,3L3,8.27V15.73L8.27,21H15.73C17.5,19.24 21,15.73 21,15.73V8.27L15.73,3M9.1,5H14.9L19,9.1V14.9L14.9,19H9.1L5,14.9V9.1M9.12,7.71L7.71,9.12L10.59,12L7.71,14.88L9.12,16.29L12,13.41L14.88,16.29L16.29,14.88L13.41,12L16.29,9.12L14.88,7.71L12,10.59" /></svg><svg id="close-outline" viewBox="0 0 24 24"><path d="M3,16.74L7.76,12L3,7.26L7.26,3L12,7.76L16.74,3L21,7.26L16.24,12L21,16.74L16.74,21L12,16.24L7.26,21L3,16.74M12,13.41L16.74,18.16L18.16,16.74L13.41,12L18.16,7.26L16.74,5.84L12,10.59L7.26,5.84L5.84,7.26L10.59,12L5.84,16.74L7.26,18.16L12,13.41Z" /></svg><svg id="closed-caption" viewBox="0 0 24 24"><path d="M18,11H16.5V10.5H14.5V13.5H16.5V13H18V14A1,1 0 0,1 17,15H14A1,1 0 0,1 13,14V10A1,1 0 0,1 14,9H17A1,1 0 0,1 18,10M11,11H9.5V10.5H7.5V13.5H9.5V13H11V14A1,1 0 0,1 10,15H7A1,1 0 0,1 6,14V10A1,1 0 0,1 7,9H10A1,1 0 0,1 11,10M19,4H5C3.89,4 3,4.89 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6C21,4.89 20.1,4 19,4Z" /></svg><svg id="closed-caption-outline" viewBox="0 0 24 24"><path d="M5,4C4.45,4 4,4.18 3.59,4.57C3.2,4.96 3,5.44 3,6V18C3,18.56 3.2,19.04 3.59,19.43C4,19.82 4.45,20 5,20H19C19.5,20 20,19.81 20.39,19.41C20.8,19 21,18.53 21,18V6C21,5.47 20.8,5 20.39,4.59C20,4.19 19.5,4 19,4H5M4.5,5.5H19.5V18.5H4.5V5.5M7,9C6.7,9 6.47,9.09 6.28,9.28C6.09,9.47 6,9.7 6,10V14C6,14.3 6.09,14.53 6.28,14.72C6.47,14.91 6.7,15 7,15H10C10.27,15 10.5,14.91 10.71,14.72C10.91,14.53 11,14.3 11,14V13H9.5V13.5H7.5V10.5H9.5V11H11V10C11,9.7 10.91,9.47 10.71,9.28C10.5,9.09 10.27,9 10,9H7M14,9C13.73,9 13.5,9.09 13.29,9.28C13.09,9.47 13,9.7 13,10V14C13,14.3 13.09,14.53 13.29,14.72C13.5,14.91 13.73,15 14,15H17C17.3,15 17.53,14.91 17.72,14.72C17.91,14.53 18,14.3 18,14V13H16.5V13.5H14.5V10.5H16.5V11H18V10C18,9.7 17.91,9.47 17.72,9.28C17.53,9.09 17.3,9 17,9H14Z" /></svg><svg id="cloud" viewBox="0 0 24 24"><path d="M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z" /></svg><svg id="cloud-alert" viewBox="0 0 24 24"><path d="M19,20H6C2.71,20 0,17.29 0,14C0,10.9 2.34,8.36 5.35,8.03C6.6,5.64 9.11,4 12,4C15.64,4 18.67,6.59 19.35,10.03C21.95,10.22 24,12.36 24,15C24,17.74 21.74,20 19,20M11,15V17H13V15H11M11,13H13V8H11V13Z" /></svg><svg id="cloud-braces" viewBox="0 0 24 24"><path d="M6,20A6,6 0 0,1 0,14C0,10.91 2.34,8.36 5.35,8.04C6.6,5.64 9.11,4 12,4C15.63,4 18.66,6.58 19.35,10C21.95,10.19 24,12.36 24,15A5,5 0 0,1 19,20H6M18.5,12H18A1,1 0 0,1 17,11V10A2,2 0 0,0 15,8H13.5V10H15V11A2,2 0 0,0 17,13A2,2 0 0,0 15,15V16H13.5V18H15A2,2 0 0,0 17,16V15A1,1 0 0,1 18,14H18.5V12M5.5,12V14H6A1,1 0 0,1 7,15V16A2,2 0 0,0 9,18H10.5V16H9V15A2,2 0 0,0 7,13A2,2 0 0,0 9,11V10H10.5V8H9A2,2 0 0,0 7,10V11A1,1 0 0,1 6,12H5.5Z" /></svg><svg id="cloud-check" viewBox="0 0 24 24"><path d="M10,17L6.5,13.5L7.91,12.08L10,14.17L15.18,9L16.59,10.41M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z" /></svg><svg id="cloud-circle" viewBox="0 0 24 24"><path d="M16.5,16H8A3,3 0 0,1 5,13A3,3 0 0,1 8,10C8.05,10 8.09,10 8.14,10C8.58,8.28 10.13,7 12,7A4,4 0 0,1 16,11H16.5A2.5,2.5 0 0,1 19,13.5A2.5,2.5 0 0,1 16.5,16M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="cloud-download" viewBox="0 0 24 24"><path d="M17,13L12,18L7,13H10V9H14V13M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z" /></svg><svg id="cloud-download-outline" viewBox="0 0 24 24"><path d="M8,13H10.55V10H13.45V13H16L12,17L8,13M19.35,10.04C21.95,10.22 24,12.36 24,15A5,5 0 0,1 19,20H6A6,6 0 0,1 0,14C0,10.91 2.34,8.36 5.35,8.04C6.6,5.64 9.11,4 12,4C15.64,4 18.67,6.59 19.35,10.04M19,18A3,3 0 0,0 22,15C22,13.45 20.78,12.14 19.22,12.04L17.69,11.93L17.39,10.43C16.88,7.86 14.62,6 12,6C9.94,6 8.08,7.14 7.13,8.97L6.63,9.92L5.56,10.03C3.53,10.24 2,11.95 2,14A4,4 0 0,0 6,18H19Z" /></svg><svg id="cloud-off-outline" viewBox="0 0 24 24"><path d="M7.73,10L15.73,18H6A4,4 0 0,1 2,14A4,4 0 0,1 6,10M3,5.27L5.75,8C2.56,8.15 0,10.77 0,14A6,6 0 0,0 6,20H17.73L19.73,22L21,20.73L4.27,4M19.35,10.03C18.67,6.59 15.64,4 12,4C10.5,4 9.15,4.43 8,5.17L9.45,6.63C10.21,6.23 11.08,6 12,6A5.5,5.5 0 0,1 17.5,11.5V12H19A3,3 0 0,1 22,15C22,16.13 21.36,17.11 20.44,17.62L21.89,19.07C23.16,18.16 24,16.68 24,15C24,12.36 21.95,10.22 19.35,10.03Z" /></svg><svg id="cloud-outline" viewBox="0 0 24 24"><path d="M19,18H6A4,4 0 0,1 2,14A4,4 0 0,1 6,10H6.71C7.37,7.69 9.5,6 12,6A5.5,5.5 0 0,1 17.5,11.5V12H19A3,3 0 0,1 22,15A3,3 0 0,1 19,18M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z" /></svg><svg id="cloud-print" viewBox="0 0 24 24"><path d="M12,2C9.11,2 6.6,3.64 5.35,6.04C2.34,6.36 0,8.91 0,12A6,6 0 0,0 6,18V22H18V18H19A5,5 0 0,0 24,13C24,10.36 21.95,8.22 19.35,8.04C18.67,4.59 15.64,2 12,2M8,13H16V20H8V13M9,14V15H15V14H9M9,16V17H15V16H9M9,18V19H15V18H9Z" /></svg><svg id="cloud-print-outline" viewBox="0 0 24 24"><path d="M19,16A3,3 0 0,0 22,13A3,3 0 0,0 19,10H17.5V9.5A5.5,5.5 0 0,0 12,4C9.5,4 7.37,5.69 6.71,8H6A4,4 0 0,0 2,12A4,4 0 0,0 6,16V11H18V16H19M19.36,8.04C21.95,8.22 24,10.36 24,13A5,5 0 0,1 19,18H18V22H6V18A6,6 0 0,1 0,12C0,8.91 2.34,6.36 5.35,6.04C6.6,3.64 9.11,2 12,2C15.64,2 18.67,4.6 19.36,8.04M8,13V20H16V13H8M9,18H15V19H9V18M15,17H9V16H15V17M9,14H15V15H9V14Z" /></svg><svg id="cloud-question" viewBox="0 0 24 24"><path d="M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03M13,17H11V15H13V17M14.8,11.82C14.5,12.21 14.13,12.5 13.67,12.75C13.41,12.91 13.24,13.07 13.15,13.26C13.06,13.45 13,13.69 13,14H11C11,13.45 11.11,13.08 11.3,12.82C11.5,12.56 11.85,12.25 12.37,11.91C12.63,11.75 12.84,11.56 13,11.32C13.15,11.09 13.23,10.81 13.23,10.5C13.23,10.18 13.14,9.94 12.96,9.76C12.78,9.56 12.5,9.47 12.2,9.47C11.93,9.47 11.71,9.55 11.5,9.7C11.35,9.85 11.25,10.08 11.25,10.39H9.28C9.23,9.64 9.5,9 10.06,8.59C10.6,8.2 11.31,8 12.2,8C13.14,8 13.89,8.23 14.43,8.68C14.97,9.13 15.24,9.75 15.24,10.5C15.24,11 15.09,11.41 14.8,11.82Z" /></svg><svg id="cloud-search" viewBox="0 0 24 24"><path d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M19.35,8.03C21.95,8.22 24,10.36 24,13C24,14.64 23.21,16.1 22,17V16.5A6.5,6.5 0 0,0 15.5,10A6.5,6.5 0 0,0 9,16.5C9,17 9.06,17.5 9.17,18H6A6,6 0 0,1 0,12C0,8.9 2.34,6.36 5.35,6.03C6.6,3.64 9.11,2 12,2C15.64,2 18.67,4.59 19.35,8.03Z" /></svg><svg id="cloud-search-outline" viewBox="0 0 24 24"><path d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M22,13A3,3 0 0,0 19,10H17.5V9.5A5.5,5.5 0 0,0 12,4C9.5,4 7.37,5.69 6.71,8H6A4,4 0 0,0 2,12A4,4 0 0,0 6,16H9V16.5C9,17 9.06,17.5 9.17,18H6A6,6 0 0,1 0,12C0,8.9 2.34,6.36 5.35,6.04C6.6,3.64 9.11,2 12,2C15.64,2 18.67,4.59 19.36,8.04C21.95,8.22 24,10.36 24,13C24,14.65 23.21,16.1 22,17V16.5C22,15.77 21.88,15.06 21.65,14.4C21.87,14 22,13.5 22,13Z" /></svg><svg id="cloud-sync" viewBox="0 0 24 24"><path d="M12,4C15.64,4 18.67,6.59 19.35,10.04C21.95,10.22 24,12.36 24,15A5,5 0 0,1 19,20H6A6,6 0 0,1 0,14C0,10.91 2.34,8.36 5.35,8.04C6.6,5.64 9.11,4 12,4M7.5,9.69C6.06,11.5 6.2,14.06 7.82,15.68C8.66,16.5 9.81,17 11,17V18.86L13.83,16.04L11,13.21V15C10.34,15 9.7,14.74 9.23,14.27C8.39,13.43 8.26,12.11 8.92,11.12L7.5,9.69M9.17,8.97L10.62,10.42L12,11.79V10C12.66,10 13.3,10.26 13.77,10.73C14.61,11.57 14.74,12.89 14.08,13.88L15.5,15.31C16.94,13.5 16.8,10.94 15.18,9.32C14.34,8.5 13.19,8 12,8V6.14L9.17,8.97Z" /></svg><svg id="cloud-tags" viewBox="0 0 24 24"><path d="M6,20A6,6 0 0,1 0,14C0,10.91 2.34,8.36 5.35,8.04C6.6,5.64 9.11,4 12,4C15.63,4 18.66,6.58 19.35,10C21.95,10.19 24,12.36 24,15A5,5 0 0,1 19,20H6M9.09,8.4L4.5,13L9.09,17.6L10.5,16.18L7.32,13L10.5,9.82L9.09,8.4M14.91,8.4L13.5,9.82L16.68,13L13.5,16.18L14.91,17.6L19.5,13L14.91,8.4Z" /></svg><svg id="cloud-upload" viewBox="0 0 24 24"><path d="M14,13V17H10V13H7L12,8L17,13M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z" /></svg><svg id="cloud-upload-outline" viewBox="0 0 24 24"><path d="M19.35,10.04C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.04C2.34,8.36 0,10.91 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.04M19,18H6A4,4 0 0,1 2,14C2,11.95 3.53,10.24 5.56,10.03L6.63,9.92L7.13,8.97C8.08,7.14 9.94,6 12,6C14.62,6 16.88,7.86 17.39,10.43L17.69,11.93L19.22,12.04C20.78,12.14 22,13.45 22,15A3,3 0 0,1 19,18M8,13H10.55V16H13.45V13H16L12,9L8,13Z" /></svg><svg id="clover" viewBox="0 0 24 24"><path d="M12,11.18C15.3,8.18 17,6.64 17,4.69C17,3.19 15.75,2 14.25,2C13.39,2 12.57,2.36 12,3C11.43,2.36 10.61,2 9.69,2C8.19,2 7,3.25 7,4.75C7,6.64 8.7,8.18 12,11.18M11.18,12C8.18,8.7 6.64,7 4.69,7C3.19,7 2,8.25 2,9.75C2,10.61 2.36,11.43 3,12C2.36,12.57 2,13.39 2,14.31C2,15.81 3.25,17 4.75,17C6.64,17 8.18,15.3 11.18,12M12.83,12C15.82,15.3 17.36,17 19.31,17C20.81,17 22,15.75 22,14.25C22,13.39 21.64,12.57 21,12C21.64,11.43 22,10.61 22,9.69C22,8.19 20.75,7 19.25,7C17.36,7 15.82,8.7 12.83,12M12,12.82C8.7,15.82 7,17.36 7,19.31C7,20.81 8.25,22 9.75,22C10.61,22 11.43,21.64 12,21C12.57,21.64 13.39,22 14.31,22C15.81,22 17,20.75 17,19.25C17,17.36 15.3,15.82 12,12.82Z" /></svg><svg id="code-array" viewBox="0 0 24 24"><path d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M6,6V18H10V16H8V8H10V6H6M16,16H14V18H18V6H14V8H16V16Z" /></svg><svg id="code-braces" viewBox="0 0 24 24"><path d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" /></svg><svg id="code-brackets" viewBox="0 0 24 24"><path d="M15,4V6H18V18H15V20H20V4M4,4V20H9V18H6V6H9V4H4Z" /></svg><svg id="code-equal" viewBox="0 0 24 24"><path d="M6,13H11V15H6M13,13H18V15H13M13,9H18V11H13M6,9H11V11H6M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg><svg id="code-greater-than" viewBox="0 0 24 24"><path d="M10.41,7.41L15,12L10.41,16.6L9,15.18L12.18,12L9,8.82M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg><svg id="code-greater-than-or-equal" viewBox="0 0 24 24"><path d="M13,13H18V15H13M13,9H18V11H13M6.91,7.41L11.5,12L6.91,16.6L5.5,15.18L8.68,12L5.5,8.82M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg><svg id="code-less-than" viewBox="0 0 24 24"><path d="M13.59,7.41L9,12L13.59,16.6L15,15.18L11.82,12L15,8.82M19,3C20.11,3 21,3.9 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19Z" /></svg><svg id="code-less-than-or-equal" viewBox="0 0 24 24"><path d="M13,13H18V15H13M13,9H18V11H13M10.09,7.41L11.5,8.82L8.32,12L11.5,15.18L10.09,16.6L5.5,12M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg><svg id="code-not-equal" viewBox="0 0 24 24"><path d="M6,15H8V17H6M11,13H18V15H11M11,9H18V11H11M6,7H8V13H6M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg><svg id="code-not-equal-variant" viewBox="0 0 24 24"><path d="M11,6.5V9.33L8.33,12L11,14.67V17.5L5.5,12M13,6.43L18.57,12L13,17.57V14.74L15.74,12L13,9.26M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg><svg id="code-parentheses" viewBox="0 0 24 24"><path d="M17.62,3C19.13,5.27 20,8.55 20,12C20,15.44 19.13,18.72 17.62,21L16,19.96C17.26,18.07 18,15.13 18,12C18,8.87 17.26,5.92 16,4.03L17.62,3M6.38,3L8,4.04C6.74,5.92 6,8.87 6,12C6,15.13 6.74,18.08 8,19.96L6.38,21C4.87,18.73 4,15.45 4,12C4,8.55 4.87,5.27 6.38,3Z" /></svg><svg id="code-string" viewBox="0 0 24 24"><path d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M12.5,11H11.5A1.5,1.5 0 0,1 10,9.5A1.5,1.5 0 0,1 11.5,8H12.5A1.5,1.5 0 0,1 14,9.5H16A3.5,3.5 0 0,0 12.5,6H11.5A3.5,3.5 0 0,0 8,9.5A3.5,3.5 0 0,0 11.5,13H12.5A1.5,1.5 0 0,1 14,14.5A1.5,1.5 0 0,1 12.5,16H11.5A1.5,1.5 0 0,1 10,14.5H8A3.5,3.5 0 0,0 11.5,18H12.5A3.5,3.5 0 0,0 16,14.5A3.5,3.5 0 0,0 12.5,11Z" /></svg><svg id="code-tags" viewBox="0 0 24 24"><path d="M14.6,16.6L19.2,12L14.6,7.4L16,6L22,12L16,18L14.6,16.6M9.4,16.6L4.8,12L9.4,7.4L8,6L2,12L8,18L9.4,16.6Z" /></svg><svg id="code-tags-check" viewBox="0 0 24 24"><path d="M6.59,3.41L2,8L6.59,12.6L8,11.18L4.82,8L8,4.82L6.59,3.41M12.41,3.41L11,4.82L14.18,8L11,11.18L12.41,12.6L17,8L12.41,3.41M21.59,11.59L13.5,19.68L9.83,16L8.42,17.41L13.5,22.5L23,13L21.59,11.59Z" /></svg><svg id="codepen" viewBox="0 0 24 24"><path d="M15.09,12L12,14.08V14.09L8.91,12L12,9.92V9.92L15.09,12M12,2C11.84,2 11.68,2.06 11.53,2.15L2.5,8.11C2.27,8.22 2.09,8.43 2,8.67V14.92C2,15.33 2,15.33 2.15,15.53L11.53,21.86C11.67,21.96 11.84,22 12,22C12.16,22 12.33,21.95 12.47,21.85L21.85,15.5C22,15.33 22,15.33 22,14.92V8.67C21.91,8.42 21.73,8.22 21.5,8.1L12.47,2.15C12.32,2.05 12.16,2 12,2M16.58,13L19.59,15.04L12.83,19.6V15.53L16.58,13M19.69,8.9L16.58,11L12.83,8.47V4.38L19.69,8.9M20.33,10.47V13.53L18.07,12L20.33,10.47M7.42,13L11.17,15.54V19.6L4.41,15.04L7.42,13M4.31,8.9L11.17,4.39V8.5L7.42,11L4.31,8.9M3.67,10.5L5.93,12L3.67,13.54V10.5Z" /></svg><svg id="coffee" viewBox="0 0 24 24"><path d="M2,21H20V19H2M20,8H18V5H20M20,3H4V13A4,4 0 0,0 8,17H14A4,4 0 0,0 18,13V10H20A2,2 0 0,0 22,8V5C22,3.89 21.1,3 20,3Z" /></svg><svg id="coffee-outline" viewBox="0 0 24 24"><path d="M2,21V19H20V21H2M20,8V5H18V8H20M20,3A2,2 0 0,1 22,5V8A2,2 0 0,1 20,10H18V13A4,4 0 0,1 14,17H8A4,4 0 0,1 4,13V3H20M16,5H6V13A2,2 0 0,0 8,15H14A2,2 0 0,0 16,13V5Z" /></svg><svg id="coffee-to-go" viewBox="0 0 24 24"><path d="M3,19V17H17L15.26,15.24L16.67,13.83L20.84,18L16.67,22.17L15.26,20.76L17,19H3M17,8V5H15V8H17M17,3C18.11,3 19,3.9 19,5V8C19,9.11 18.11,10 17,10H15V11A4,4 0 0,1 11,15H7A4,4 0 0,1 3,11V3H17Z" /></svg><svg id="coffin" viewBox="0 0 24 24"><path d="M8,22L5,8L8,2H16L19,8L16,22H8M11,6V8H9V10H11V15H13V10H15V8H13V6H11Z" /></svg><svg id="cogs" viewBox="0 0 24 24"><path d="M15.9,18.45C17.25,18.45 18.35,17.35 18.35,16C18.35,14.65 17.25,13.55 15.9,13.55C14.54,13.55 13.45,14.65 13.45,16C13.45,17.35 14.54,18.45 15.9,18.45M21.1,16.68L22.58,17.84C22.71,17.95 22.75,18.13 22.66,18.29L21.26,20.71C21.17,20.86 21,20.92 20.83,20.86L19.09,20.16C18.73,20.44 18.33,20.67 17.91,20.85L17.64,22.7C17.62,22.87 17.47,23 17.3,23H14.5C14.32,23 14.18,22.87 14.15,22.7L13.89,20.85C13.46,20.67 13.07,20.44 12.71,20.16L10.96,20.86C10.81,20.92 10.62,20.86 10.54,20.71L9.14,18.29C9.05,18.13 9.09,17.95 9.22,17.84L10.7,16.68L10.65,16L10.7,15.31L9.22,14.16C9.09,14.05 9.05,13.86 9.14,13.71L10.54,11.29C10.62,11.13 10.81,11.07 10.96,11.13L12.71,11.84C13.07,11.56 13.46,11.32 13.89,11.15L14.15,9.29C14.18,9.13 14.32,9 14.5,9H17.3C17.47,9 17.62,9.13 17.64,9.29L17.91,11.15C18.33,11.32 18.73,11.56 19.09,11.84L20.83,11.13C21,11.07 21.17,11.13 21.26,11.29L22.66,13.71C22.75,13.86 22.71,14.05 22.58,14.16L21.1,15.31L21.15,16L21.1,16.68M6.69,8.07C7.56,8.07 8.26,7.37 8.26,6.5C8.26,5.63 7.56,4.92 6.69,4.92A1.58,1.58 0 0,0 5.11,6.5C5.11,7.37 5.82,8.07 6.69,8.07M10.03,6.94L11,7.68C11.07,7.75 11.09,7.87 11.03,7.97L10.13,9.53C10.08,9.63 9.96,9.67 9.86,9.63L8.74,9.18L8,9.62L7.81,10.81C7.79,10.92 7.7,11 7.59,11H5.79C5.67,11 5.58,10.92 5.56,10.81L5.4,9.62L4.64,9.18L3.5,9.63C3.41,9.67 3.3,9.63 3.24,9.53L2.34,7.97C2.28,7.87 2.31,7.75 2.39,7.68L3.34,6.94L3.31,6.5L3.34,6.06L2.39,5.32C2.31,5.25 2.28,5.13 2.34,5.03L3.24,3.47C3.3,3.37 3.41,3.33 3.5,3.37L4.63,3.82L5.4,3.38L5.56,2.19C5.58,2.08 5.67,2 5.79,2H7.59C7.7,2 7.79,2.08 7.81,2.19L8,3.38L8.74,3.82L9.86,3.37C9.96,3.33 10.08,3.37 10.13,3.47L11.03,5.03C11.09,5.13 11.07,5.25 11,5.32L10.03,6.06L10.06,6.5L10.03,6.94Z" /></svg><svg id="coin" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M11,17V16H9V14H13V13H10A1,1 0 0,1 9,12V9A1,1 0 0,1 10,8H11V7H13V8H15V10H11V11H14A1,1 0 0,1 15,12V15A1,1 0 0,1 14,16H13V17H11Z" /></svg><svg id="coins" viewBox="0 0 24 24"><path d="M15,4A8,8 0 0,1 23,12A8,8 0 0,1 15,20A8,8 0 0,1 7,12A8,8 0 0,1 15,4M15,18A6,6 0 0,0 21,12A6,6 0 0,0 15,6A6,6 0 0,0 9,12A6,6 0 0,0 15,18M3,12C3,14.61 4.67,16.83 7,17.65V19.74C3.55,18.85 1,15.73 1,12C1,8.27 3.55,5.15 7,4.26V6.35C4.67,7.17 3,9.39 3,12Z" /></svg><svg id="collage" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.89 3,5V19C3,20.11 3.89,21 5,21H11V3M13,3V11H21V5C21,3.89 20.11,3 19,3M13,13V21H19C20.11,21 21,20.11 21,19V13" /></svg><svg id="collapse-all" viewBox="0 0 24 24"><path d="M14,4H4V14H2V4A2,2 0 0,1 4,2H14V4M18,6H8A2,2 0 0,0 6,8V18H8V8H18V6M22,12V20A2,2 0 0,1 20,22H12A2,2 0 0,1 10,20V12A2,2 0 0,1 12,10H20A2,2 0 0,1 22,12M20,15H12V17H20V15Z" /></svg><svg id="collapse-all-outline" viewBox="0 0 24 24"><path d="M4,2A2,2 0 0,0 2,4V14H4V4H14V2H4M8,6A2,2 0 0,0 6,8V18H8V8H18V6H8M20,12V20H12V12H20M20,10H12A2,2 0 0,0 10,12V20A2,2 0 0,0 12,22H20A2,2 0 0,0 22,20V12A2,2 0 0,0 20,10M19,17H13V15H19V17Z" /></svg><svg id="color-helper" viewBox="0 0 24 24"><path d="M0,24H24V20H0V24Z" /></svg><svg id="comma" viewBox="0 0 24 24"><path d="M7,3H16.95V12.96L12.96,20.94H8L11.97,12.96H7V3Z" /></svg><svg id="comma-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M15,13V7H9V13H12L10,17H13L15,13Z" /></svg><svg id="comma-box-outline" viewBox="0 0 24 24"><path d="M10,17L12,13H9V7H15V13L13,17H10M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="comma-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M15,13L13,17H10L12,13H9V7H15V13Z" /></svg><svg id="comma-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M10,17H13L15,13V7H9V13H12L10,17Z" /></svg><svg id="comment" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9Z" /></svg><svg id="comment-account" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M16,14V13C16,11.67 13.33,11 12,11C10.67,11 8,11.67 8,13V14H16M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6Z" /></svg><svg id="comment-account-outline" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M16,14H8V13C8,11.67 10.67,11 12,11C13.33,11 16,11.67 16,13V14M12,6A2,2 0 0,1 14,8A2,2 0 0,1 12,10A2,2 0 0,1 10,8A2,2 0 0,1 12,6Z" /></svg><svg id="comment-alert" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M13,10V6H11V10H13M13,14V12H11V14H13Z" /></svg><svg id="comment-alert-outline" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M13,10H11V6H13V10M13,14H11V12H13V14Z" /></svg><svg id="comment-arrow-left" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20C21.11,2 22,2.9 22,4V16C22,17.11 21.11,18 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22H9M16.17,11.12V9.05H11.53L13.33,7.25L12.09,6L8,10.09L12.09,14.17L13.33,12.92L11.53,11.12H16.17Z" /></svg><svg id="comment-arrow-left-outline" viewBox="0 0 24 24"><path d="M4,2A2,2 0 0,0 2,4V16C2,17.11 2.9,18 4,18H8V21A1,1 0 0,0 9,22H9.5V22C9.75,22 10,21.9 10.2,21.71L13.9,18H20C21.11,18 22,17.11 22,16V4C22,2.89 21.1,2 20,2H4M4,4H20V16H13.08L10,19.08V16H4V4M16.17,11.12V9.05H11.53L13.33,7.25L12.09,6L8,10.09L12.09,14.17L13.33,12.92L11.53,11.12H16.17Z" /></svg><svg id="comment-arrow-right" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20C21.11,2 22,2.9 22,4V16C22,17.11 21.11,18 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22H9M8,9.05V11.12H12.64L10.84,12.92L12.09,14.17L16.17,10.08L12.09,6L10.84,7.25L12.64,9.05H8Z" /></svg><svg id="comment-arrow-right-outline" viewBox="0 0 24 24"><path d="M4,2A2,2 0 0,0 2,4V16C2,17.11 2.9,18 4,18H8V21A1,1 0 0,0 9,22H9.5V22C9.75,22 10,21.9 10.2,21.71L13.9,18H20C21.11,18 22,17.11 22,16V4C22,2.89 21.1,2 20,2H4M4,4H20V16H13.08L10,19.08V16H4V4M8,9.05V11.12H12.64L10.84,12.92L12.09,14.17L16.17,10.08L12.09,6L10.84,7.25L12.64,9.05H8Z" /></svg><svg id="comment-check" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,15L18,7L16.59,5.58L10,12.17L7.41,9.59L6,11L10,15Z" /></svg><svg id="comment-check-outline" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M16.5,8L11,13.5L7.5,10L8.91,8.59L11,10.67L15.09,6.59L16.5,8Z" /></svg><svg id="comment-eye" viewBox="0 0 24 24"><path d="M20,12V16C20,17.11 19.11,18 18,18H13.9L10.2,21.71C10,21.89 9.76,22 9.5,22H9A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V6C2,4.89 2.9,4 4,4H9.5C8.95,4.67 8.5,5.42 8.14,6.25L7.85,7L8.14,7.75C9.43,10.94 12.5,13 16,13C17.44,13 18.8,12.63 20,12M16,6C16.56,6 17,6.44 17,7C17,7.56 16.56,8 16,8C15.44,8 15,7.56 15,7C15,6.44 15.44,6 16,6M16,3C18.73,3 21.06,4.66 22,7C21.06,9.34 18.73,11 16,11C13.27,11 10.94,9.34 10,7C10.94,4.66 13.27,3 16,3M16,4.5A2.5,2.5 0 0,0 13.5,7A2.5,2.5 0 0,0 16,9.5A2.5,2.5 0 0,0 18.5,7A2.5,2.5 0 0,0 16,4.5" /></svg><svg id="comment-eye-outline" viewBox="0 0 24 24"><path d="M16,6C16.56,6 17,6.44 17,7C17,7.56 16.56,8 16,8C15.44,8 15,7.56 15,7C15,6.44 15.44,6 16,6M16,3C18.73,3 21.06,4.66 22,7C21.06,9.34 18.73,11 16,11C13.27,11 10.94,9.34 10,7C10.94,4.66 13.27,3 16,3M16,4.5A2.5,2.5 0 0,0 13.5,7A2.5,2.5 0 0,0 16,9.5A2.5,2.5 0 0,0 18.5,7A2.5,2.5 0 0,0 16,4.5M18,12.75V16H13.08L10,19.08V16H4V6H8.27C8.59,5.27 9,4.6 9.5,4H4A2,2 0 0,0 2,6V16C2,17.11 2.9,18 4,18H8V21A1,1 0 0,0 9,22H9.5C9.75,22 10,21.9 10.2,21.71L13.9,18H18C19.11,18 20,17.11 20,16V12C19.37,12.33 18.7,12.58 18,12.75Z" /></svg><svg id="comment-multiple" viewBox="0 0 24 24"><path d="M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7A2,2 0 0,1 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.89 12.76,23 12.5,23H12M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15Z" /></svg><svg id="comment-multiple-outline" viewBox="0 0 24 24"><path d="M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7C5,5.89 5.9,5 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.9 12.75,23 12.5,23V23H12M13,17V20.08L16.08,17H21V7H7V17H13M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15Z" /></svg><svg id="comment-outline" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10Z" /></svg><svg id="comment-plus" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22H9M11,6V9H8V11H11V14H13V11H16V9H13V6H11Z" /></svg><svg id="comment-plus-outline" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M11,6H13V9H16V11H13V14H11V11H8V9H11V6Z" /></svg><svg id="comment-processing" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M17,11V9H15V11H17M13,11V9H11V11H13M9,11V9H7V11H9Z" /></svg><svg id="comment-processing-outline" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M17,11H15V9H17V11M13,11H11V9H13V11M9,11H7V9H9V11Z" /></svg><svg id="comment-question" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2M12.19,5.5C11.3,5.5 10.59,5.68 10.05,6.04C9.5,6.4 9.22,7 9.27,7.69H11.24C11.24,7.41 11.34,7.2 11.5,7.06C11.7,6.92 11.92,6.85 12.19,6.85C12.5,6.85 12.77,6.93 12.95,7.11C13.13,7.28 13.22,7.5 13.22,7.8C13.22,8.08 13.14,8.33 13,8.54C12.83,8.76 12.62,8.94 12.36,9.08C11.84,9.4 11.5,9.68 11.29,9.92C11.1,10.16 11,10.5 11,11H13C13,10.72 13.05,10.5 13.14,10.32C13.23,10.15 13.4,10 13.66,9.85C14.12,9.64 14.5,9.36 14.79,9C15.08,8.63 15.23,8.24 15.23,7.8C15.23,7.1 14.96,6.54 14.42,6.12C13.88,5.71 13.13,5.5 12.19,5.5M11,12V14H13V12H11Z" /></svg><svg id="comment-question-outline" viewBox="0 0 24 24"><path d="M4,2A2,2 0 0,0 2,4V16A2,2 0 0,0 4,18H8V21A1,1 0 0,0 9,22H9.5V22C9.75,22 10,21.9 10.2,21.71L13.9,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2H4M4,4H20V16H13.08L10,19.08V16H4V4M12.19,5.5C11.3,5.5 10.59,5.68 10.05,6.04C9.5,6.4 9.22,7 9.27,7.69C0.21,7.69 6.57,7.69 11.24,7.69C11.24,7.41 11.34,7.2 11.5,7.06C11.7,6.92 11.92,6.85 12.19,6.85C12.5,6.85 12.77,6.93 12.95,7.11C13.13,7.28 13.22,7.5 13.22,7.8C13.22,8.08 13.14,8.33 13,8.54C12.83,8.76 12.62,8.94 12.36,9.08C11.84,9.4 11.5,9.68 11.29,9.92C11.1,10.16 11,10.5 11,11H13C13,10.72 13.05,10.5 13.14,10.32C13.23,10.15 13.4,10 13.66,9.85C14.12,9.64 14.5,9.36 14.79,9C15.08,8.63 15.23,8.24 15.23,7.8C15.23,7.1 14.96,6.54 14.42,6.12C13.88,5.71 13.13,5.5 12.19,5.5M11,12V14H13V12H11Z" /></svg><svg id="comment-remove" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M9.41,6L8,7.41L10.59,10L8,12.59L9.41,14L12,11.41L14.59,14L16,12.59L13.41,10L16,7.41L14.59,6L12,8.59L9.41,6Z" /></svg><svg id="comment-remove-outline" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M9.41,6L12,8.59L14.59,6L16,7.41L13.41,10L16,12.59L14.59,14L12,11.41L9.41,14L8,12.59L10.59,10L8,7.41L9.41,6Z" /></svg><svg id="comment-search" viewBox="0 0 24 24"><path d="M15.5,2C18,2 20,4 20,6.5C20,7.38 19.75,8.2 19.31,8.89L22.41,12L21,13.39L17.89,10.31C17.2,10.75 16.38,11 15.5,11C13,11 11,9 11,6.5C11,4 13,2 15.5,2M15.5,4A2.5,2.5 0 0,0 13,6.5A2.5,2.5 0 0,0 15.5,9A2.5,2.5 0 0,0 18,6.5A2.5,2.5 0 0,0 15.5,4M4,4H9.5C9.19,4.79 9,5.64 9,6.5A6.5,6.5 0 0,0 15.5,13C16.18,13 16.83,12.89 17.46,12.69L20,15.23V16A2,2 0 0,1 18,18H13.9L10.2,21.71C10,21.89 9.76,22 9.5,22H9A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V6A2,2 0 0,1 4,4Z" /></svg><svg id="comment-search-outline" viewBox="0 0 24 24"><path d="M4,4H9.5C9.25,4.64 9.09,5.31 9.04,6H4V16H10V19.08L13.08,16H18V13.23L20,15.23V16A2,2 0 0,1 18,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22H9A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V6C2,4.89 2.9,4 4,4M15.5,2C18,2 20,4 20,6.5C20,7.38 19.75,8.2 19.31,8.89L22.41,12L21,13.39L17.89,10.31C17.2,10.75 16.38,11 15.5,11C13,11 11,9 11,6.5C11,4 13,2 15.5,2M15.5,4A2.5,2.5 0 0,0 13,6.5A2.5,2.5 0 0,0 15.5,9A2.5,2.5 0 0,0 18,6.5A2.5,2.5 0 0,0 15.5,4Z" /></svg><svg id="comment-text" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M5,5V7H19V5H5M5,9V11H13V9H5M5,13V15H15V13H5Z" /></svg><svg id="comment-text-multiple" viewBox="0 0 24 24"><path d="M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7A2,2 0 0,1 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.89 12.76,23 12.5,23H12M9,9V11H19V9H9M9,13V15H17V13H9Z" /></svg><svg id="comment-text-multiple-outline" viewBox="0 0 24 24"><path d="M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7A2,2 0 0,1 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.89 12.76,23 12.5,23H12M13,17V20.08L16.08,17H21V7H7V17H13M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15M9,9H19V11H9V9M9,13H17V15H9V13Z" /></svg><svg id="comment-text-outline" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M6,7H18V9H6V7M6,11H15V13H6V11Z" /></svg><svg id="compare" viewBox="0 0 24 24"><path d="M19,3H14V5H19V18L14,12V21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10,18H5L10,12M10,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H10V23H12V1H10V3Z" /></svg><svg id="compass" viewBox="0 0 24 24"><path d="M14.19,14.19L6,18L9.81,9.81L18,6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,10.9A1.1,1.1 0 0,0 10.9,12A1.1,1.1 0 0,0 12,13.1A1.1,1.1 0 0,0 13.1,12A1.1,1.1 0 0,0 12,10.9Z" /></svg><svg id="compass-off" viewBox="0 0 24 24"><path d="M1,3.5L2.28,2.25L21.75,21.72L20.5,23L17.7,20.22C16.08,21.34 14.12,22 12,22A10,10 0 0,1 2,12C2,9.88 2.66,7.92 3.78,6.3L1,3.5M6,18L12.47,15L9,11.53L6,18M18,6L11.56,9L6.33,3.76C7.94,2.65 9.9,2 12,2A10,10 0 0,1 22,12C22,14.1 21.35,16.06 20.24,17.67L15,12.44L18,6Z" /></svg><svg id="compass-off-outline" viewBox="0 0 24 24"><path d="M1,3.5L2.28,2.25L21.75,21.72L20.5,23L17.7,20.22C16.08,21.34 14.12,22 12,22A10,10 0 0,1 2,12C2,9.88 2.66,7.92 3.78,6.3L1,3.5M7,17L9.39,11.91L5.23,7.74C4.45,9 4,10.44 4,12A8,8 0 0,0 12,20C13.56,20 15,19.55 16.26,18.77L12.09,14.61L7,17M17,7L14.62,12.05L11.95,9.38L17,7M12,2A10,10 0 0,1 22,12C22,14.1 21.35,16.06 20.24,17.67L18.8,16.22C19.56,15 20,13.55 20,12A8,8 0 0,0 12,4C10.45,4 9,4.44 7.78,5.2L6.33,3.76C7.94,2.65 9.9,2 12,2Z" /></svg><svg id="compass-outline" viewBox="0 0 24 24"><path d="M7,17L10.2,10.2L17,7L13.8,13.8L7,17M12,11.1A0.9,0.9 0 0,0 11.1,12A0.9,0.9 0 0,0 12,12.9A0.9,0.9 0 0,0 12.9,12A0.9,0.9 0 0,0 12,11.1M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="console" viewBox="0 0 24 24"><path d="M20,19V7H4V19H20M20,3A2,2 0 0,1 22,5V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V5C2,3.89 2.9,3 4,3H20M13,17V15H18V17H13M9.58,13L5.57,9H8.4L11.7,12.3C12.09,12.69 12.09,13.33 11.7,13.72L8.42,17H5.59L9.58,13Z" /></svg><svg id="console-line" viewBox="0 0 24 24"><path d="M13,19V16H21V19H13M8.5,13L2.47,7H6.71L11.67,11.95C12.25,12.54 12.25,13.5 11.67,14.07L6.74,19H2.5L8.5,13Z" /></svg><svg id="console-network" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7A2,2 0 0,1 5,15V5A2,2 0 0,1 7,3H17M7,7L11,11L7,15H9.85L13.13,11.72C13.5,11.33 13.5,10.7 13.13,10.3L9.83,7H7M17,13H14V15H17V13Z" /></svg><svg id="console-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M8,6.89L11.56,10.45L8,14H10.53L13.45,11.08C13.78,10.74 13.78,10.18 13.45,9.82L10.5,6.89H8M16,12.22H13.33V14H16V12.22Z" /></svg><svg id="contact-mail" viewBox="0 0 24 24"><path d="M21,8V7L18,9L15,7V8L18,10M22,3H2A2,2 0 0,0 0,5V19A2,2 0 0,0 2,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M8,6A3,3 0 0,1 11,9A3,3 0 0,1 8,12A3,3 0 0,1 5,9A3,3 0 0,1 8,6M14,18H2V17C2,15 6,13.9 8,13.9C10,13.9 14,15 14,17M22,12H14V6H22" /></svg><svg id="contact-mail-outline" viewBox="0 0 24 24"><path d="M22,3H2A2,2 0 0,0 0,5V19A2,2 0 0,0 2,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M22,19H2V5H22V19M21,6H14V11H21V6M20,8L17.5,9.75L15,8V7L17.5,8.75L20,7V8M9,12A3,3 0 0,0 12,9A3,3 0 0,0 9,6A3,3 0 0,0 6,9A3,3 0 0,0 9,12M9,8A1,1 0 0,1 10,9A1,1 0 0,1 9,10A1,1 0 0,1 8,9A1,1 0 0,1 9,8M15,16.59C15,14.09 11.03,13 9,13C6.97,13 3,14.09 3,16.59V18H15V16.59M5.5,16C6.22,15.5 7.7,15 9,15C10.3,15 11.77,15.5 12.5,16H5.5Z" /></svg><svg id="contact-phone" viewBox="0 0 24 24"><path d="M22,3H2A2,2 0 0,0 0,5V19A2,2 0 0,0 2,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M8,6A3,3 0 0,1 11,9A3,3 0 0,1 8,12A3,3 0 0,1 5,9A3,3 0 0,1 8,6M14,18H2V17C2,15 6,13.9 8,13.9C10,13.9 14,15 14,17V18M17.85,14H19.5L21,16L19,18C17.7,17 16.73,15.61 16.28,14C16.1,13.36 16,12.69 16,12C16,11.31 16.1,10.64 16.28,10C16.73,8.38 17.7,7 19,6L21,8L19.5,10H17.85C17.63,10.63 17.5,11.3 17.5,12C17.5,12.7 17.63,13.37 17.85,14Z" /></svg><svg id="contact-phone-outline" viewBox="0 0 24 24"><path d="M22,3H2A2,2 0 0,0 0,5V19A2,2 0 0,0 2,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M22,19H2V5H22V19M19,18L21,16L19.5,14H17.85C17.63,13.37 17.5,12.7 17.5,12C17.5,11.3 17.63,10.63 17.85,10H19.5L21,8L19,6C17.7,7 16.73,8.38 16.28,10C16.1,10.64 16,11.31 16,12C16,12.69 16.1,13.36 16.28,14C16.73,15.61 17.7,17 19,18M9,12A3,3 0 0,0 12,9A3,3 0 0,0 9,6A3,3 0 0,0 6,9A3,3 0 0,0 9,12M9,8A1,1 0 0,1 10,9A1,1 0 0,1 9,10A1,1 0 0,1 8,9A1,1 0 0,1 9,8M15,16.59C15,14.09 11.03,13 9,13C6.97,13 3,14.09 3,16.59V18H15V16.59M5.5,16C6.22,15.5 7.7,15 9,15C10.3,15 11.77,15.5 12.5,16H5.5Z" /></svg><svg id="contactless-payment" viewBox="0 0 24 24"><path d="M16.79,23C16.37,22.83 16.07,22.45 16,22C15.95,21.74 16,21.56 16.4,20.84C17.9,18.14 18.67,15.09 18.63,12C18.67,9 17.94,6.07 16.5,3.44C16.29,3 16.1,2.58 15.94,2.13C16,1.75 16.19,1.4 16.5,1.19C16.95,0.95 17.5,1 17.91,1.28C18.19,1.64 18.43,2 18.63,2.42C19.71,4.5 20.44,6.7 20.8,9C21.03,10.81 21.06,12.65 20.89,14.47C20.58,16.81 19.89,19.07 18.83,21.18C18.19,22.46 17.83,23 17.45,23C17.37,23 17.28,23 17.2,23C17.06,23 16.93,23 16.79,23V23M12.43,20.79C11.86,20.63 11.5,20.05 11.62,19.47C11.62,19.35 11.93,18.8 12.21,18.24C13.39,15.97 13.9,13.41 13.67,10.86C13.53,9.03 13,7.25 12.13,5.64C11.5,4.38 11.46,4.18 11.83,3.64C12.27,3.15 13,3.08 13.54,3.5C14.26,4.56 14.83,5.72 15.25,6.94C16.53,10.73 16.33,14.86 14.69,18.5C13.85,20.39 13.26,21 12.43,20.74V20.79M7.93,18.56C7.57,18.4 7.3,18.08 7.2,17.7C7.2,17.5 7.2,17.24 7.65,16.44C9.14,13.74 9.14,10.46 7.65,7.76C7,6.5 7,6.24 7.53,5.76C7.72,5.54 8,5.43 8.3,5.47C8.94,5.47 9.3,5.78 9.84,6.91C10.69,8.47 11.13,10.22 11.12,12C11.16,13.81 10.72,15.61 9.85,17.2C9.31,18.25 9.04,18.5 8.5,18.59C8.31,18.61 8.11,18.59 7.93,18.5V18.56M3.72,16.43C3.39,16.27 3.13,16 3,15.65C2.9,15.3 3,15 3.4,14.36C3.9,13.68 4.14,12.84 4.09,12C4.16,11.15 3.93,10.31 3.44,9.61C3.27,9.36 3.13,9.09 3,8.82C2.89,8.19 3.31,7.59 4,7.47C4.54,7.37 4.92,7.6 5.42,8.36C6.87,10.57 6.87,13.42 5.42,15.63C4.91,16.4 4.33,16.63 3.73,16.43H3.72Z" /></svg><svg id="contacts" viewBox="0 0 24 24"><path d="M20,0H4V2H20V0M4,24H20V22H4V24M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6A2,2 0 0,0 20,4M12,6.75A2.25,2.25 0 0,1 14.25,9A2.25,2.25 0 0,1 12,11.25A2.25,2.25 0 0,1 9.75,9A2.25,2.25 0 0,1 12,6.75M17,17H7V15.5C7,13.83 10.33,13 12,13C13.67,13 17,13.83 17,15.5V17Z" /></svg><svg id="contain" viewBox="0 0 24 24"><path d="M2,3H8V5H4V19H8V21H2V3M7,17V15H9V17H7M11,17V15H13V17H11M15,17V15H17V17H15M22,3V21H16V19H20V5H16V3H22Z" /></svg><svg id="contain-end" viewBox="0 0 24 24"><path d="M7,17V15H9V17H7M11,17V15H13V17H11M15,17V15H17V17H15M22,3V21H16V19H20V5H16V3H22Z" /></svg><svg id="contain-start" viewBox="0 0 24 24"><path d="M2,3H8V5H4V19H8V21H2V3M7,17V15H9V17H7M11,17V15H13V17H11M15,17V15H17V17H15Z" /></svg><svg id="content-copy" viewBox="0 0 24 24"><path d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z" /></svg><svg id="content-cut" viewBox="0 0 24 24"><path d="M19,3L13,9L15,11L22,4V3M12,12.5A0.5,0.5 0 0,1 11.5,12A0.5,0.5 0 0,1 12,11.5A0.5,0.5 0 0,1 12.5,12A0.5,0.5 0 0,1 12,12.5M6,20A2,2 0 0,1 4,18C4,16.89 4.9,16 6,16A2,2 0 0,1 8,18C8,19.11 7.1,20 6,20M6,8A2,2 0 0,1 4,6C4,4.89 4.9,4 6,4A2,2 0 0,1 8,6C8,7.11 7.1,8 6,8M9.64,7.64C9.87,7.14 10,6.59 10,6A4,4 0 0,0 6,2A4,4 0 0,0 2,6A4,4 0 0,0 6,10C6.59,10 7.14,9.87 7.64,9.64L10,12L7.64,14.36C7.14,14.13 6.59,14 6,14A4,4 0 0,0 2,18A4,4 0 0,0 6,22A4,4 0 0,0 10,18C10,17.41 9.87,16.86 9.64,16.36L12,14L19,21H22V20L9.64,7.64Z" /></svg><svg id="content-duplicate" viewBox="0 0 24 24"><path d="M11,17H4A2,2 0 0,1 2,15V3A2,2 0 0,1 4,1H16V3H4V15H11V13L15,16L11,19V17M19,21V7H8V13H6V7A2,2 0 0,1 8,5H19A2,2 0 0,1 21,7V21A2,2 0 0,1 19,23H8A2,2 0 0,1 6,21V19H8V21H19Z" /></svg><svg id="content-paste" viewBox="0 0 24 24"><path d="M19,20H5V4H7V7H17V4H19M12,2A1,1 0 0,1 13,3A1,1 0 0,1 12,4A1,1 0 0,1 11,3A1,1 0 0,1 12,2M19,2H14.82C14.4,0.84 13.3,0 12,0C10.7,0 9.6,0.84 9.18,2H5A2,2 0 0,0 3,4V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V4A2,2 0 0,0 19,2Z" /></svg><svg id="content-save" viewBox="0 0 24 24"><path d="M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z" /></svg><svg id="content-save-all" viewBox="0 0 24 24"><path d="M17,7V3H7V7H17M14,17A3,3 0 0,0 17,14A3,3 0 0,0 14,11A3,3 0 0,0 11,14A3,3 0 0,0 14,17M19,1L23,5V17A2,2 0 0,1 21,19H7C5.89,19 5,18.1 5,17V3A2,2 0 0,1 7,1H19M1,7H3V21H17V23H3A2,2 0 0,1 1,21V7Z" /></svg><svg id="content-save-edit" viewBox="0 0 24 24"><path d="M10,19L10.14,18.86C8.9,18.5 8,17.36 8,16A3,3 0 0,1 11,13C12.36,13 13.5,13.9 13.86,15.14L20,9V7L16,3H4C2.89,3 2,3.9 2,5V19A2,2 0 0,0 4,21H10V19M4,5H14V9H4V5M20.04,12.13C19.9,12.13 19.76,12.19 19.65,12.3L18.65,13.3L20.7,15.35L21.7,14.35C21.92,14.14 21.92,13.79 21.7,13.58L20.42,12.3C20.31,12.19 20.18,12.13 20.04,12.13M18.07,13.88L12,19.94V22H14.06L20.12,15.93L18.07,13.88Z" /></svg><svg id="content-save-edit-outline" viewBox="0 0 24 24"><path d="M20.04,12.13C19.9,12.13 19.76,12.19 19.65,12.3L18.65,13.3L20.7,15.35L21.7,14.35C21.92,14.14 21.92,13.79 21.7,13.58L20.42,12.3C20.31,12.19 20.18,12.13 20.04,12.13M18.07,13.88L12,19.94V22H14.06L20.12,15.93L18.07,13.88M10,19L11,18A2,2 0 0,1 9,16A2,2 0 0,1 11,14A2,2 0 0,1 13,16L14.64,14.36C14,12.97 12.62,12 11,12A4,4 0 0,0 7,16C7,17.19 7.5,18.27 8.35,19H4V9H14V5H15.17L18,7.83V11L20,9V7L16,3H4A2,2 0 0,0 2,5V19A2,2 0 0,0 4,21H10V19M4,5H12V7H4V5Z" /></svg><svg id="content-save-move" viewBox="0 0 24 24"><path d="M17,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H11.81C11.42,20.34 11.17,19.6 11.07,18.84C9.5,18.31 8.66,16.6 9.2,15.03C9.61,13.83 10.73,13 12,13C12.44,13 12.88,13.1 13.28,13.29C15.57,11.5 18.83,11.59 21,13.54V7L17,3M15,9H5V5H15V9M13,17H17V14L22,18.5L17,23V20H13V17" /></svg><svg id="content-save-move-outline" viewBox="0 0 24 24"><path d="M17,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H11.81C11.27,20.09 11,19.05 11,18C11,17.91 11,17.83 11,17.74C10.04,17.2 9.7,15.97 10.25,15C10.6,14.38 11.27,14 12,14C12.16,14 12.32,14 12.5,14.06C12.97,13.5 13.57,13.03 14.23,12.68C12.4,11.45 9.91,11.94 8.68,13.77C8.24,14.43 8,15.21 8,16C8,17.15 8.5,18.25 9.35,19H5V9H15V5H16.17L19,7.83V12.35C19.74,12.6 20.43,13 21,13.54V7L17,3M13,7H5V5H13V7M13,17H17V14L22,18.5L17,23V20H13V17" /></svg><svg id="content-save-outline" viewBox="0 0 24 24"><path d="M15,5V9H5V19H9.35C8.5,18.27 8,17.19 8,16A4,4 0 0,1 12,12A4,4 0 0,1 16,16C16,17.19 15.5,18.27 14.65,19H19V7.83L16.17,5H15M5,7H13V5H5V7M17,3L21,7V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H17M12,14A2,2 0 0,0 10,16A2,2 0 0,0 12,18A2,2 0 0,0 14,16A2,2 0 0,0 12,14Z" /></svg><svg id="content-save-settings" viewBox="0 0 24 24"><path d="M15,8V4H5V8H15M12,18A3,3 0 0,0 15,15A3,3 0 0,0 12,12A3,3 0 0,0 9,15A3,3 0 0,0 12,18M17,2L21,6V18A2,2 0 0,1 19,20H5C3.89,20 3,19.1 3,18V4A2,2 0 0,1 5,2H17M11,22H13V24H11V22M7,22H9V24H7V22M15,22H17V24H15V22Z" /></svg><svg id="content-save-settings-outline" viewBox="0 0 24 24"><path d="M15,4V8H5V18H9.35C8.5,17.27 8,16.19 8,15A4,4 0 0,1 12,11A4,4 0 0,1 16,15C16,16.19 15.5,17.27 14.65,18H19V6.83L16.17,4H15M5,6H13V4H5V6M17,2L21,6V18A2,2 0 0,1 19,20H5C3.89,20 3,19.1 3,18V4A2,2 0 0,1 5,2H17M12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17A2,2 0 0,0 14,15A2,2 0 0,0 12,13M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22Z" /></svg><svg id="contrast" viewBox="0 0 24 24"><path d="M4.38,20.9C3.78,20.71 3.3,20.23 3.1,19.63L19.63,3.1C20.23,3.3 20.71,3.78 20.9,4.38L4.38,20.9M20,16V18H13V16H20M3,6H6V3H8V6H11V8H8V11H6V8H3V6Z" /></svg><svg id="contrast-box" viewBox="0 0 24 24"><path d="M17,15.5H12V17H17M19,19H5L19,5M5.5,7.5H7.5V5.5H9V7.5H11V9H9V11H7.5V9H5.5M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg><svg id="contrast-circle" viewBox="0 0 24 24"><path d="M12,20C9.79,20 7.79,19.1 6.34,17.66L17.66,6.34C19.1,7.79 20,9.79 20,12A8,8 0 0,1 12,20M6,8H8V6H9.5V8H11.5V9.5H9.5V11.5H8V9.5H6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,16H17V14.5H12V16Z" /></svg><svg id="controller-classic" viewBox="0 0 24 24"><path d="M6,7H18A5,5 0 0,1 23,12A5,5 0 0,1 18,17C16.36,17 14.91,16.21 14,15H10C9.09,16.21 7.64,17 6,17A5,5 0 0,1 1,12A5,5 0 0,1 6,7M19.75,9.5A1.25,1.25 0 0,0 18.5,10.75A1.25,1.25 0 0,0 19.75,12A1.25,1.25 0 0,0 21,10.75A1.25,1.25 0 0,0 19.75,9.5M17.25,12A1.25,1.25 0 0,0 16,13.25A1.25,1.25 0 0,0 17.25,14.5A1.25,1.25 0 0,0 18.5,13.25A1.25,1.25 0 0,0 17.25,12M5,9V11H3V13H5V15H7V13H9V11H7V9H5Z" /></svg><svg id="controller-classic-outline" viewBox="0 0 24 24"><path d="M17.5,7A5.5,5.5 0 0,1 23,12.5A5.5,5.5 0 0,1 17.5,18C15.79,18 14.27,17.22 13.26,16H10.74C9.73,17.22 8.21,18 6.5,18A5.5,5.5 0 0,1 1,12.5A5.5,5.5 0 0,1 6.5,7H17.5M6.5,9A3.5,3.5 0 0,0 3,12.5A3.5,3.5 0 0,0 6.5,16C7.9,16 9.1,15.18 9.66,14H14.34C14.9,15.18 16.1,16 17.5,16A3.5,3.5 0 0,0 21,12.5A3.5,3.5 0 0,0 17.5,9H6.5M5.75,10.25H7.25V11.75H8.75V13.25H7.25V14.75H5.75V13.25H4.25V11.75H5.75V10.25M16.75,12.5A1,1 0 0,1 17.75,13.5A1,1 0 0,1 16.75,14.5A1,1 0 0,1 15.75,13.5A1,1 0 0,1 16.75,12.5M18.75,10.5A1,1 0 0,1 19.75,11.5A1,1 0 0,1 18.75,12.5A1,1 0 0,1 17.75,11.5A1,1 0 0,1 18.75,10.5Z" /></svg><svg id="cookie" viewBox="0 0 24 24"><path d="M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12C21,11.5 20.96,11 20.87,10.5C20.6,10 20,10 20,10H18V9C18,8 17,8 17,8H15V7C15,6 14,6 14,6H13V4C13,3 12,3 12,3M9.5,6A1.5,1.5 0 0,1 11,7.5A1.5,1.5 0 0,1 9.5,9A1.5,1.5 0 0,1 8,7.5A1.5,1.5 0 0,1 9.5,6M6.5,10A1.5,1.5 0 0,1 8,11.5A1.5,1.5 0 0,1 6.5,13A1.5,1.5 0 0,1 5,11.5A1.5,1.5 0 0,1 6.5,10M11.5,11A1.5,1.5 0 0,1 13,12.5A1.5,1.5 0 0,1 11.5,14A1.5,1.5 0 0,1 10,12.5A1.5,1.5 0 0,1 11.5,11M16.5,13A1.5,1.5 0 0,1 18,14.5A1.5,1.5 0 0,1 16.5,16H16.5A1.5,1.5 0 0,1 15,14.5H15A1.5,1.5 0 0,1 16.5,13M11,16A1.5,1.5 0 0,1 12.5,17.5A1.5,1.5 0 0,1 11,19A1.5,1.5 0 0,1 9.5,17.5A1.5,1.5 0 0,1 11,16Z" /></svg><svg id="copyright" viewBox="0 0 24 24"><path d="M10.08,10.86C10.13,10.53 10.24,10.24 10.38,10C10.5,9.74 10.72,9.53 10.97,9.37C11.21,9.22 11.5,9.15 11.88,9.14C12.11,9.15 12.32,9.19 12.5,9.27C12.71,9.36 12.89,9.5 13.03,9.63C13.17,9.78 13.28,9.96 13.37,10.16C13.46,10.36 13.5,10.58 13.5,10.8H15.3C15.28,10.33 15.19,9.9 15,9.5C14.85,9.12 14.62,8.78 14.32,8.5C14,8.22 13.66,8 13.24,7.84C12.82,7.68 12.36,7.61 11.85,7.61C11.2,7.61 10.63,7.72 10.15,7.95C9.67,8.18 9.27,8.5 8.95,8.87C8.63,9.26 8.39,9.71 8.24,10.23C8.09,10.75 8,11.29 8,11.87V12.14C8,12.72 8.08,13.26 8.23,13.78C8.38,14.3 8.62,14.75 8.94,15.13C9.26,15.5 9.66,15.82 10.14,16.04C10.62,16.26 11.19,16.38 11.84,16.38C12.31,16.38 12.75,16.3 13.16,16.15C13.57,16 13.93,15.79 14.24,15.5C14.55,15.25 14.8,14.94 15,14.58C15.16,14.22 15.27,13.84 15.28,13.43H13.5C13.5,13.64 13.43,13.83 13.34,14C13.25,14.19 13.13,14.34 13,14.47C12.83,14.6 12.66,14.7 12.46,14.77C12.27,14.84 12.07,14.86 11.86,14.87C11.5,14.86 11.2,14.79 10.97,14.64C10.72,14.5 10.5,14.27 10.38,14C10.24,13.77 10.13,13.47 10.08,13.14C10.03,12.81 10,12.47 10,12.14V11.87C10,11.5 10.03,11.19 10.08,10.86M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20Z" /></svg><svg id="cordova" viewBox="0 0 24 24"><path d="M20.18,21.55H16.94L17.17,18.82H15.58L15.35,21.55H8.65L8.42,18.82H6.83L7.06,21.55H3.82L2,9.73L6.55,2.45H17.45L22,9.73L20.18,21.55M16.55,6.09H13.62L13.82,7.45H10.18L10.38,6.09H7.45L5.64,9.73L6.55,17H17.45L18.36,9.73L16.55,6.09M14.95,14.59C14.7,14.59 14.5,13.83 14.5,12.9C14.5,11.96 14.7,11.2 14.95,11.2C15.21,11.2 15.41,11.96 15.41,12.9C15.41,13.83 15.21,14.59 14.95,14.59M9.22,14.73C8.96,14.73 8.76,13.97 8.76,13.04C8.76,12.1 8.96,11.35 9.22,11.35C9.47,11.35 9.67,12.1 9.67,13.04C9.67,13.97 9.47,14.73 9.22,14.73Z" /></svg><svg id="corn" viewBox="0 0 24 24"><path d="M11,12H8.82C9.62,12.5 10.35,13.07 11,13.68V12M7,11C7.27,5.88 9.37,2 12,2C14.66,2 16.77,5.94 17,11.12C18.5,10.43 20.17,10 22,10C16.25,12.57 18.25,22 12,22C6,22 7.93,12.57 2,10C3.82,10 5.5,10.4 7,11M11,11V9H8.24L8.03,11H11M11,8V6H9.05C8.8,6.6 8.6,7.27 8.43,8H11M11,5V3.3C10.45,3.63 9.95,4.22 9.5,5H11M12,3V5H13V6H12V8H14V9H12V11H15V12H12V14H14V15H12.23C13.42,16.45 14.15,18 14.32,19.23C15.31,17.56 15.96,14.84 16,11.76C15.94,7 14.13,3 12,3Z" /></svg><svg id="counter" viewBox="0 0 24 24"><path d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M4,6V18H11V6H4M20,18V6H18.76C19,6.54 18.95,7.07 18.95,7.13C18.88,7.8 18.41,8.5 18.24,8.75L15.91,11.3L19.23,11.28L19.24,12.5L14.04,12.47L14,11.47C14,11.47 17.05,8.24 17.2,7.95C17.34,7.67 17.91,6 16.5,6C15.27,6.05 15.41,7.3 15.41,7.3L13.87,7.31C13.87,7.31 13.88,6.65 14.25,6H13V18H15.58L15.57,17.14L16.54,17.13C16.54,17.13 17.45,16.97 17.46,16.08C17.5,15.08 16.65,15.08 16.5,15.08C16.37,15.08 15.43,15.13 15.43,15.95H13.91C13.91,15.95 13.95,13.89 16.5,13.89C19.1,13.89 18.96,15.91 18.96,15.91C18.96,15.91 19,17.16 17.85,17.63L18.37,18H20M8.92,16H7.42V10.2L5.62,10.76V9.53L8.76,8.41H8.92V16Z" /></svg><svg id="cow" viewBox="0 0 24 24"><path d="M10.5,18A0.5,0.5 0 0,1 11,18.5A0.5,0.5 0 0,1 10.5,19A0.5,0.5 0 0,1 10,18.5A0.5,0.5 0 0,1 10.5,18M13.5,18A0.5,0.5 0 0,1 14,18.5A0.5,0.5 0 0,1 13.5,19A0.5,0.5 0 0,1 13,18.5A0.5,0.5 0 0,1 13.5,18M10,11A1,1 0 0,1 11,12A1,1 0 0,1 10,13A1,1 0 0,1 9,12A1,1 0 0,1 10,11M14,11A1,1 0 0,1 15,12A1,1 0 0,1 14,13A1,1 0 0,1 13,12A1,1 0 0,1 14,11M18,18C18,20.21 15.31,22 12,22C8.69,22 6,20.21 6,18C6,17.1 6.45,16.27 7.2,15.6C6.45,14.6 6,13.35 6,12L6.12,10.78C5.58,10.93 4.93,10.93 4.4,10.78C3.38,10.5 1.84,9.35 2.07,8.55C2.3,7.75 4.21,7.6 5.23,7.9C5.82,8.07 6.45,8.5 6.82,8.96L7.39,8.15C6.79,7.05 7,4 10,3L9.91,3.14V3.14C9.63,3.58 8.91,4.97 9.67,6.47C10.39,6.17 11.17,6 12,6C12.83,6 13.61,6.17 14.33,6.47C15.09,4.97 14.37,3.58 14.09,3.14L14,3C17,4 17.21,7.05 16.61,8.15L17.18,8.96C17.55,8.5 18.18,8.07 18.77,7.9C19.79,7.6 21.7,7.75 21.93,8.55C22.16,9.35 20.62,10.5 19.6,10.78C19.07,10.93 18.42,10.93 17.88,10.78L18,12C18,13.35 17.55,14.6 16.8,15.6C17.55,16.27 18,17.1 18,18M12,16C9.79,16 8,16.9 8,18C8,19.1 9.79,20 12,20C14.21,20 16,19.1 16,18C16,16.9 14.21,16 12,16M12,14C13.12,14 14.17,14.21 15.07,14.56C15.65,13.87 16,13 16,12A4,4 0 0,0 12,8A4,4 0 0,0 8,12C8,13 8.35,13.87 8.93,14.56C9.83,14.21 10.88,14 12,14M14.09,3.14V3.14Z" /></svg><svg id="cowboy" viewBox="0 0 24 24"><path d="M20,22H4V20C4,17.79 7.58,16 12,16C16.42,16 20,17.79 20,20M8,9H16V10C16,12.19 14.19,14 12,14C9.81,14 8,12.19 8,10M7.5,6C7.5,6 8,5 8.5,4C9,2.95 9.4,2 10.5,2V2C11.1,2 11.64,2.27 12,2.68V2.67C12.37,2.26 12.9,2 13.5,2V2A2,2 0 0,1 15.5,4C16,5 16.5,6 16.5,6H18C18,6 18,5.5 18,5A1,1 0 0,1 19,4A1,1 0 0,1 20,5C20,5.31 20,5.65 20,6A2,2 0 0,1 18,8C14.93,8 9.07,8 6,8A2,2 0 0,1 4,6C4,5.65 4,5.31 4,5A1,1 0 0,1 5,4A1,1 0 0,1 6,5C6,5.5 6,6 6,6" /></svg><svg id="crane" viewBox="0 0 24 24"><path d="M20,6V5A1,1 0 0,0 19,4H9V3H6V4H5V6H6V15H5V13H3V15H2V17H3V21H5V17H10V21H12V19.92L12,17H13V15H12V13H10V15H9V6H17V10.62C16.53,10.79 16.19,11.23 16.19,11.76C16.19,12.2 16.43,12.6 16.8,12.82V14H17.42C17.76,14 18.03,14.28 18.03,14.62C18.03,14.96 17.76,15.24 17.42,15.24C17.2,15.24 17,15.12 16.89,14.93C16.71,14.64 16.34,14.54 16.05,14.71C15.75,14.87 15.65,15.25 15.82,15.55C16.15,16.11 16.76,16.47 17.42,16.47C18.43,16.47 19.26,15.64 19.26,14.62C19.26,13.84 18.76,13.14 18.03,12.88V12.82C18.41,12.6 18.65,12.2 18.65,11.76C18.65,11.3 18.38,10.91 18,10.7V6H20M8,13.66L7,14.66V13.24L8,12.24V13.66M8,10.71L7,11.71V10.29L8,9.29V10.71M7,8.71V7.29L8,6.29V7.71L7,8.71Z" /></svg><svg id="creation" viewBox="0 0 24 24"><path d="M19,1L17.74,3.75L15,5L17.74,6.26L19,9L20.25,6.26L23,5L20.25,3.75M9,4L6.5,9.5L1,12L6.5,14.5L9,20L11.5,14.5L17,12L11.5,9.5M19,15L17.74,17.74L15,19L17.74,20.25L19,23L20.25,20.25L23,19L20.25,17.74" /></svg><svg id="creative-commons" viewBox="0 0 24 24"><path d="M11.89,10.34L10.55,11.04C10.41,10.74 10.24,10.53 10.03,10.41C9.82,10.29 9.62,10.23 9.45,10.23C8.55,10.23 8.11,10.82 8.11,12C8.11,12.54 8.22,12.97 8.45,13.29C8.67,13.61 9,13.77 9.45,13.77C10.03,13.77 10.44,13.5 10.68,12.91L11.91,13.54C11.65,14.03 11.29,14.41 10.82,14.69C10.36,14.97 9.85,15.11 9.29,15.11C8.39,15.11 7.67,14.84 7.12,14.29C6.58,13.74 6.3,13 6.3,12C6.3,11.05 6.58,10.3 7.13,9.74C7.69,9.18 8.39,8.9 9.23,8.9C10.47,8.89 11.36,9.38 11.89,10.34M17.66,10.34L16.34,11.04C16.2,10.74 16,10.53 15.81,10.41C15.6,10.29 15.4,10.23 15.21,10.23C14.32,10.23 13.87,10.82 13.87,12C13.87,12.54 14,12.97 14.21,13.29C14.44,13.61 14.77,13.77 15.21,13.77C15.8,13.77 16.21,13.5 16.45,12.91L17.7,13.54C17.42,14.03 17.05,14.41 16.59,14.69C16.12,14.97 15.62,15.11 15.07,15.11C14.17,15.11 13.44,14.84 12.9,14.29C12.36,13.74 12.09,13 12.09,12C12.09,11.05 12.37,10.3 12.92,9.74C13.47,9.18 14.17,8.9 15,8.9C16.26,8.89 17.14,9.38 17.66,10.34M12,3.5A8.5,8.5 0 0,1 20.5,12A8.5,8.5 0 0,1 12,20.5A8.5,8.5 0 0,1 3.5,12A8.5,8.5 0 0,1 12,3.5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="credit-card" viewBox="0 0 24 24"><path d="M20,8H4V6H20M20,18H4V12H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" /></svg><svg id="credit-card-marker" viewBox="0 0 24 24"><path d="M13.5,18H4V12H14.3C15.3,10.8 16.8,10 18.5,10C19.8,10 21,10.5 22,11.3V6A2,2 0 0,0 20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H14.6C14.2,19.4 13.8,18.7 13.5,18M4,6H20V8H4V6M18.5,12C16.6,12 15,13.6 15,15.5C15,18.1 18.5,22 18.5,22C18.5,22 22,18.1 22,15.5C22,13.6 20.4,12 18.5,12M18.5,16.8C17.8,16.8 17.3,16.2 17.3,15.6C17.3,14.9 17.9,14.4 18.5,14.4C19.1,14.4 19.7,15 19.7,15.6C19.8,16.2 19.2,16.8 18.5,16.8Z" /></svg><svg id="credit-card-multiple" viewBox="0 0 24 24"><path d="M21,8V6H7V8H21M21,16V11H7V16H21M21,4A2,2 0 0,1 23,6V16A2,2 0 0,1 21,18H7C5.89,18 5,17.1 5,16V6C5,4.89 5.89,4 7,4H21M3,20H18V22H3A2,2 0 0,1 1,20V9H3V20Z" /></svg><svg id="credit-card-off" viewBox="0 0 24 24"><path d="M0.93,4.2L2.21,2.93L20,20.72L18.73,22L16.73,20H4C2.89,20 2,19.1 2,18V6C2,5.78 2.04,5.57 2.11,5.38L0.93,4.2M20,8V6H7.82L5.82,4H20A2,2 0 0,1 22,6V18C22,18.6 21.74,19.13 21.32,19.5L19.82,18H20V12H13.82L9.82,8H20M4,8H4.73L4,7.27V8M4,12V18H14.73L8.73,12H4Z" /></svg><svg id="credit-card-plus" viewBox="0 0 24 24"><path d="M21,18H24V20H21V23H19V20H16V18H19V15H21V18M19,8V6H3V8H19M19,12H3V18H14V20H3C1.89,20 1,19.1 1,18V6C1,4.89 1.89,4 3,4H19A2,2 0 0,1 21,6V13H19V12Z" /></svg><svg id="credit-card-refund" viewBox="0 0 24 24"><path d="M18,11H6A2,2 0 0,0 4,13V21A2,2 0 0,0 6,23H18A2,2 0 0,0 20,21V13A2,2 0 0,0 18,11M18,21H6V17H18V21M18,15H6V13H18V15M17,5V10H15.5V6.5H9.88L12.3,8.93L11.24,10L7,5.75L11.24,1.5L12.3,2.57L9.88,5H17Z" /></svg><svg id="credit-card-scan" viewBox="0 0 24 24"><path d="M2,4H6V2H2A2,2 0 0,0 0,4V8H2V4M22,2H18V4H22V8H24V4A2,2 0 0,0 22,2M2,16H0V20A2,2 0 0,0 2,22H6V20H2V16M22,20H18V22H22A2,2 0 0,0 24,20V16H22V20M4,8V16A2,2 0 0,0 6,18H18A2,2 0 0,0 20,16V8A2,2 0 0,0 18,6H6A2,2 0 0,0 4,8M6,16V12H18V16H6M18,8V10H6V8H18Z" /></svg><svg id="credit-card-settings" viewBox="0 0 24 24"><path d="M20,8H4V6H20M20,18H4V12H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22Z" /></svg><svg id="credit-card-wireless" viewBox="0 0 24 24"><path d="M18,11H6A2,2 0 0,0 4,13V21A2,2 0 0,0 6,23H18A2,2 0 0,0 20,21V13A2,2 0 0,0 18,11M18,21H6V17H18V21M18,15H6V13H18V15M4.93,4.92L6.34,6.33C9.46,3.2 14.53,3.2 17.66,6.33L19.07,4.92C15.17,1 8.84,1 4.93,4.92M7.76,7.75L9.17,9.16C10.73,7.6 13.26,7.6 14.83,9.16L16.24,7.75C13.9,5.41 10.1,5.41 7.76,7.75Z" /></svg><svg id="cricket" viewBox="0 0 24 24"><path d="M14.34,17.77L15.75,16.36L20,20.58L18.56,22L14.34,17.77M18.5,2A3.5,3.5 0 0,1 22,5.5A3.5,3.5 0 0,1 18.5,9A3.5,3.5 0 0,1 15,5.5A3.5,3.5 0 0,1 18.5,2M2.24,7.11L5.07,4.28C5.46,3.89 6.09,3.89 6.5,4.28L14.97,12.77C15.36,13.16 15.36,13.79 14.97,14.18L12.14,17C11.75,17.4 11.12,17.4 10.72,17L2.24,8.53C1.85,8.13 1.85,7.5 2.24,7.11Z" /></svg><svg id="crop" viewBox="0 0 24 24"><path d="M7,17V1H5V5H1V7H5V17A2,2 0 0,0 7,19H17V23H19V19H23V17M17,15H19V7C19,5.89 18.1,5 17,5H9V7H17V15Z" /></svg><svg id="crop-free" viewBox="0 0 24 24"><path d="M19,3H15V5H19V9H21V5C21,3.89 20.1,3 19,3M19,19H15V21H19A2,2 0 0,0 21,19V15H19M5,15H3V19A2,2 0 0,0 5,21H9V19H5M3,5V9H5V5H9V3H5A2,2 0 0,0 3,5Z" /></svg><svg id="crop-landscape" viewBox="0 0 24 24"><path d="M19,17H5V7H19M19,5H5A2,2 0 0,0 3,7V17A2,2 0 0,0 5,19H19A2,2 0 0,0 21,17V7C21,5.89 20.1,5 19,5Z" /></svg><svg id="crop-portrait" viewBox="0 0 24 24"><path d="M17,19H7V5H17M17,3H7A2,2 0 0,0 5,5V19A2,2 0 0,0 7,21H17A2,2 0 0,0 19,19V5C19,3.89 18.1,3 17,3Z" /></svg><svg id="crop-rotate" viewBox="0 0 24 24"><path d="M7.47,21.5C4.2,19.93 1.86,16.76 1.5,13H0C0.5,19.16 5.66,24 11.95,24C12.18,24 12.39,24 12.61,23.97L8.8,20.15L7.47,21.5M12.05,0C11.82,0 11.61,0 11.39,0.04L15.2,3.85L16.53,2.5C19.8,4.07 22.14,7.24 22.5,11H24C23.5,4.84 18.34,0 12.05,0M16,14H18V8C18,6.89 17.1,6 16,6H10V8H16V14M8,16V4H6V6H4V8H6V16A2,2 0 0,0 8,18H16V20H18V18H20V16H8Z" /></svg><svg id="crop-square" viewBox="0 0 24 24"><path d="M18,18H6V6H18M18,4H6A2,2 0 0,0 4,6V18A2,2 0 0,0 6,20H18A2,2 0 0,0 20,18V6C20,4.89 19.1,4 18,4Z" /></svg><svg id="crosshairs" viewBox="0 0 24 24"><path d="M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z" /></svg><svg id="crosshairs-gps" viewBox="0 0 24 24"><path d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z" /></svg><svg id="crown" viewBox="0 0 24 24"><path d="M5,16L3,5L8.5,12L12,5L15.5,12L21,5L19,16H5M19,19A1,1 0 0,1 18,20H6A1,1 0 0,1 5,19V18H19V19Z" /></svg><svg id="cryengine" viewBox="0 0 24 24"><path d="M23.03,12.4M23.03,12.5V12.5C23,13 20.91,15.23 17.82,16.24C14.05,17.5 7.97,17.03 7.97,12.3C7.97,10.08 9.78,8.27 12,8.27C14.25,8.27 16.05,10.09 16.05,12.31C16.05,13.39 15.58,14.44 14.87,15.18C15.54,15.17 17.94,15 20.21,13.12C20.46,12.88 20.62,12.68 20.69,12.55C20.71,12.5 20.74,12.46 20.73,12.4C20.73,11.92 18.12,8.19 12.72,7.12C19.22,7.46 23,11.32 23.03,12.4V12.5H23.03M12,10C10.74,10 9.71,11.04 9.71,12.3C9.71,13.57 10.74,14.59 12,14.59C13.27,14.59 14.29,13.57 14.29,12.3C14.29,11.04 13.27,10 12,10M3.31,12.34C3.31,12.34 3.31,12.31 3.31,12.42V12.42C3.41,12.94 4.82,15.41 10.28,16.88C3.96,16.37 1.12,13.28 1.04,12.42H1.03C1.03,12.31 1.03,12.36 1.03,12.35C1.03,11.5 4.96,7.58 10.92,7.15C6.14,8.26 3.31,11.87 3.31,12.34V12.34Z" /></svg><svg id="crystal-ball" viewBox="0 0 24 24"><path d="M9.38,8.38L11.5,9.34L13.62,8.38L12.66,10.5L13.62,12.62L11.5,11.66L9.38,12.62L10.34,10.5L9.38,8.38M16.5,2.5L17.59,5.41L20.5,6.5L17.59,7.59L16.5,10.5L15.41,7.59L12.5,6.5L15.41,5.41L16.5,2.5M6,19H7V18A1,1 0 0,1 8,17H8.26C6,15.7 4.5,13.28 4.5,10.5A7.5,7.5 0 0,1 12,3C13.05,3 14.05,3.22 14.96,3.61L14.59,4.59L13.17,5.12C12.79,5.04 12.4,5 12,5A5.5,5.5 0 0,0 6.5,10.5A5.5,5.5 0 0,0 12,16C14.91,16 17.3,13.73 17.5,10.87L18.41,8.41L19.12,8.14C19.37,8.88 19.5,9.68 19.5,10.5C19.5,13.28 18,15.7 15.74,17H16A1,1 0 0,1 17,18V19H18A2,2 0 0,1 20,21V22H4V21A2,2 0 0,1 6,19Z" /></svg><svg id="cube" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L6.04,7.5L12,10.85L17.96,7.5L12,4.15Z" /></svg><svg id="cube-outline" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L6.04,7.5L12,10.85L17.96,7.5L12,4.15M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V9.21L13,12.58V19.29L19,15.91Z" /></svg><svg id="cube-scan" viewBox="0 0 24 24"><path d="M17,22V20H20V17H22V20.5C22,20.89 21.84,21.24 21.54,21.54C21.24,21.84 20.89,22 20.5,22H17M7,22H3.5C3.11,22 2.76,21.84 2.46,21.54C2.16,21.24 2,20.89 2,20.5V17H4V20H7V22M17,2H20.5C20.89,2 21.24,2.16 21.54,2.46C21.84,2.76 22,3.11 22,3.5V7H20V4H17V2M7,2V4H4V7H2V3.5C2,3.11 2.16,2.76 2.46,2.46C2.76,2.16 3.11,2 3.5,2H7M13,17.25L17,14.95V10.36L13,12.66V17.25M12,10.92L16,8.63L12,6.28L8,8.63L12,10.92M7,14.95L11,17.25V12.66L7,10.36V14.95M18.23,7.59C18.73,7.91 19,8.34 19,8.91V15.23C19,15.8 18.73,16.23 18.23,16.55L12.75,19.73C12.25,20.05 11.75,20.05 11.25,19.73L5.77,16.55C5.27,16.23 5,15.8 5,15.23V8.91C5,8.34 5.27,7.91 5.77,7.59L11.25,4.41C11.5,4.28 11.75,4.22 12,4.22C12.25,4.22 12.5,4.28 12.75,4.41L18.23,7.59Z" /></svg><svg id="cube-send" viewBox="0 0 24 24"><path d="M16,4L9,8.04V15.96L16,20L23,15.96V8.04M16,6.31L19.8,8.5L16,10.69L12.21,8.5M0,7V9H7V7M11,10.11L15,12.42V17.11L11,14.81M21,10.11V14.81L17,17.11V12.42M2,11V13H7V11M4,15V17H7V15" /></svg><svg id="cube-unfolded" viewBox="0 0 24 24"><path d="M6,9V4H13V9H23V16H18V21H11V16H1V9H6M16,16H13V19H16V16M8,9H11V6H8V9M6,14V11H3V14H6M18,11V14H21V11H18M13,11V14H16V11H13M8,11V14H11V11H8Z" /></svg><svg id="cup" viewBox="0 0 24 24"><path d="M18.32,8H5.67L5.23,4H18.77M3,2L5,20.23C5.13,21.23 5.97,22 7,22H17C18,22 18.87,21.23 19,20.23L21,2H3Z" /></svg><svg id="cup-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L21,21.72L19.73,23L18.27,21.54C17.93,21.83 17.5,22 17,22H7C5.97,22 5.13,21.23 5,20.23L3.53,6.8L1,4.27M18.32,8L18.77,4H5.82L3.82,2H21L19.29,17.47L9.82,8H18.32Z" /></svg><svg id="cup-water" viewBox="0 0 24 24"><path d="M18.32,8H5.67L5.23,4H18.77M12,19A3,3 0 0,1 9,16C9,14 12,10.6 12,10.6C12,10.6 15,14 15,16A3,3 0 0,1 12,19M3,2L5,20.23C5.13,21.23 5.97,22 7,22H17C18,22 18.87,21.23 19,20.23L21,2H3Z" /></svg><svg id="cupcake" viewBox="0 0 24 24"><path d="M12,1.5A2.5,2.5 0 0,1 14.5,4A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 9.5,4A2.5,2.5 0 0,1 12,1.5M15.87,5C18,5 20,7 20,9C22.7,9 22.7,13 20,13H4C1.3,13 1.3,9 4,9C4,7 6,5 8.13,5C8.57,6.73 10.14,8 12,8C13.86,8 15.43,6.73 15.87,5M5,15H8L9,22H7L5,15M10,15H14L13,22H11L10,15M16,15H19L17,22H15L16,15Z" /></svg><svg id="curling" viewBox="0 0 24 24"><path d="M10,3V5C12.5,5 13.9,5.05 14.72,5.41C15.26,5.65 15.73,6.21 16.25,7H5V9H19.62L18.89,7.55C17.86,5.5 16.96,4.22 15.53,3.59C14.1,2.95 12.5,3 10,3M6,11C3.78,11 2,12.78 2,15V18C2,20.22 3.78,22 6,22H18C20.22,22 22,20.22 22,18V15C22,12.78 20.22,11 18,11H6Z" /></svg><svg id="currency-bdt" viewBox="0 0 24 24"><path d="M18.09,10.5V9H9.59V4.5A1.5,1.5 0 0,0 8.09,3A1.5,1.5 0 0,0 6.59,4.5A1.5,1.5 0 0,0 8.09,6V9H5.09V10.5H8.09V16.7C8.09,19.06 10,20.97 12.34,21C14.68,20.96 16.54,19.04 16.5,16.7C16.5,15.11 15.75,13.61 14.5,12.62C14.28,12.44 14.05,12.28 13.8,12.15C13.58,12.05 13.34,12 13.1,12C12.39,12 11.74,12.39 11.39,13C11.2,13.3 11.1,13.65 11.1,14C11.11,15.1 12,16 13.11,16C13.73,16 14.31,15.69 14.69,15.2C14.9,15.67 15,16.18 15,16.7C15.04,18.2 13.86,19.45 12.34,19.5C10.81,19.5 9.58,18.23 9.59,16.7V10.5H18.09Z" /></svg><svg id="currency-brl" viewBox="0 0 24 24"><path d="M12,15H14C14,16.08 15.37,17 17,17C18.63,17 20,16.08 20,15C20,13.9 18.96,13.5 16.76,12.97C14.64,12.44 12,11.78 12,9C12,7.21 13.47,5.69 15.5,5.18V3H18.5V5.18C20.53,5.69 22,7.21 22,9H20C20,7.92 18.63,7 17,7C15.37,7 14,7.92 14,9C14,10.1 15.04,10.5 17.24,11.03C19.36,11.56 22,12.22 22,15C22,16.79 20.53,18.31 18.5,18.82V21H15.5V18.82C13.47,18.31 12,16.79 12,15M2,3H5.5A5.5,5.5 0 0,1 11,8.5C11,10.69 9.71,12.59 7.86,13.47L11.64,21H9.4L5.88,14H5.5L4,14V21H2V3M5.5,12A3.5,3.5 0 0,0 9,8.5A3.5,3.5 0 0,0 5.5,5H4V12H5.5Z" /></svg><svg id="currency-btc" viewBox="0 0 24 24"><path d="M6,4H8V2H10V4H12V2H14V4.03C16.25,4.28 18,6.18 18,8.5C18,9.8 17.45,11 16.56,11.8C17.73,12.61 18.5,13.97 18.5,15.5C18.5,18 16.5,20 14,20V22H12V20H10V22H8V20H6L6.5,18H8V6H6V4M10,13V18H14A2.5,2.5 0 0,0 16.5,15.5A2.5,2.5 0 0,0 14,13H10M10,6V11H13.5A2.5,2.5 0 0,0 16,8.5A2.5,2.5 0 0,0 13.5,6H13.5L10,6Z" /></svg><svg id="currency-chf" viewBox="0 0 24 24"><path d="M7,3H18V5H9V11H17V13H9V16H11V18H9V21H7V18H5V16H7V3Z" /></svg><svg id="currency-cny" viewBox="0 0 24 24"><path d="M11,21V16H6V14H11V13.71L10.16,12H6V10H9.19L5.77,3H8L12,11.2L16,3H18.23L14.81,10H18V12H13.84L13,13.71V14H18V16H13V21H11Z" /></svg><svg id="currency-eth" viewBox="0 0 24 24"><path d="M6,5H18V7H6M7,11H17V13H7M5.5,17H18.5V19H5.5" /></svg><svg id="currency-eur" viewBox="0 0 24 24"><path d="M7.07,11L7,12L7.07,13H17.35L16.5,15H7.67C8.8,17.36 11.21,19 14,19C16.23,19 18.22,17.96 19.5,16.33V19.12C18,20.3 16.07,21 14,21C10.08,21 6.75,18.5 5.5,15H2L3,13H5.05L5,12L5.05,11H2L3,9H5.5C6.75,5.5 10.08,3 14,3C16.5,3 18.8,4.04 20.43,5.71L19.57,7.75C18.29,6.08 16.27,5 14,5C11.21,5 8.8,6.64 7.67,9H19.04L18.19,11H7.07Z" /></svg><svg id="currency-gbp" viewBox="0 0 24 24"><path d="M6,21V19C10,17 9.5,13 9.5,13H7V11H9.5C8.5,6.5 10,3 14,3C16,3 17,3.5 17,3.5V5.5C11,3.5 11,8 11.5,11H16V13H11.5C11.5,13 12,17 9.5,19H18V21H6Z" /></svg><svg id="currency-ils" viewBox="0 0 24 24"><path d="M22,16A5,5 0 0,1 17,21H8V9H10V19H17A3,3 0 0,0 20,16V3H22V16M16,8V15H14V8A3,3 0 0,0 11,5H4V21H2V3H11A5,5 0 0,1 16,8Z" /></svg><svg id="currency-inr" viewBox="0 0 24 24"><path d="M8,3H18L17,5H13.74C14.22,5.58 14.58,6.26 14.79,7H18L17,9H15C14.75,11.57 12.74,13.63 10.2,13.96V14H9.5L15.5,21H13L7,14V12H9.5V12C11.26,12 12.72,10.7 12.96,9H7L8,7H12.66C12.1,5.82 10.9,5 9.5,5H7L8,3Z" /></svg><svg id="currency-jpy" viewBox="0 0 24 24"><path d="M11,21V16H6V14H11V13.71L10.16,12H6V10H9.19L5.77,3H8L12,11.2L16,3H18.23L14.81,10H18V12H13.84L13,13.71V14H18V16H13V21H11Z" /></svg><svg id="currency-krw" viewBox="0 0 24 24"><path d="M2,3H4L5.33,9H9.33L10.67,3H13.33L14.67,9H18.67L20,3H22L20.67,9H22V11H20.22L19.78,13H22V15H19.33L18,21H15.33L14,15H10L8.67,21H6L4.67,15H2V13H4.22L3.78,11H2V9H3.33L2,3M13.11,11H10.89L10.44,13H13.56L13.11,11M7.33,18L8,15H6.67L7.33,18M8.89,11H5.78L6.22,13H8.44L8.89,11M16.67,18L17.33,15H16L16.67,18M18.22,11H15.11L15.56,13H17.78L18.22,11M12,6L11.33,9H12.67L12,6Z" /></svg><svg id="currency-kzt" viewBox="0 0 24 24"><path d="M5,3H19V5H5V3M5,6H19V8H13V21H11V8H5V6Z" /></svg><svg id="currency-ngn" viewBox="0 0 24 24"><path d="M4,9H6V3H8L11.42,9H16V3H18V9H20V11H18V13H20V15H18V21H16L12.57,15H8V21H6V15H4V13H6V11H4V9M8,9H9.13L8,7.03V9M8,11V13H11.42L10.28,11H8M16,17V15H14.85L16,17M12.56,11L13.71,13H16V11H12.56Z" /></svg><svg id="currency-php" viewBox="0 0 24 24"><path d="M5,2V6H3V8H5V10H3V12H5V22H7V16H13C15.7,16 18.16,14.44 19.32,12H22V10H19.92C20.03,9.34 20.03,8.66 19.92,8H22V6H19.32C18.16,3.56 15.7,2 13,2M7,4H13C14.57,4 16.06,4.74 17,6H7V4M13,14H7V12H17C16.06,13.26 14.57,14 13,14M18,9C18,9.34 17.96,9.67 17.9,10H7V8H17.9C17.96,8.33 18,8.66 18,9Z" /></svg><svg id="currency-rial" viewBox="0 0 24 24"><path d="M11,17H13V19H11V17M14,17H16V19H14V17M9,4H11V15A4,4 0 0,1 7,19H5A3,3 0 0,1 2,16V12H4V16A1,1 0 0,0 5,17H7C8.11,17 9,16.11 9,15V4M12,4H14V13H17V8H19V13C19,14.11 18.11,15 17,15H14C12.89,15 12,14.11 12,13V4M20,10H22V17A3,3 0 0,1 19,20H17V18H19A1,1 0 0,0 20,17V10Z" /></svg><svg id="currency-rub" viewBox="0 0 24 24"><path d="M6,10H7V3H14.5C17,3 19,5 19,7.5C19,10 17,12 14.5,12H9V14H15V16H9V21H7V16H6V14H7V12H6V10M14.5,5H9V10H14.5A2.5,2.5 0 0,0 17,7.5A2.5,2.5 0 0,0 14.5,5Z" /></svg><svg id="currency-sign" viewBox="0 0 24 24"><path d="M22,12C22,9.86 21.29,7.78 20,6.07L22,4.07L19.94,1.94L17.94,3.94C14.4,1.36 9.59,1.38 6.07,4L4.07,2L1.94,4.06L3.94,6.06C1.36,9.6 1.38,14.41 4,17.93L2,19.93L4.12,22.05L6.12,20.05C9.65,22.65 14.45,22.65 18,20.05L20,22.05L22.1,19.93L20.1,17.93C21.35,16.21 22,14.13 22,12M12,19A7,7 0 0,1 5,12A7,7 0 0,1 12,5A7,7 0 0,1 19,12A7,7 0 0,1 12,19Z" /></svg><svg id="currency-try" viewBox="0 0 24 24"><path d="M19,12A9,9 0 0,1 10,21H8V12.77L5,13.87V11.74L8,10.64V8.87L5,9.96V7.84L8,6.74V3H10V6L15,4.2V6.32L10,8.14V9.92L15,8.1V10.23L10,12.05V19A7,7 0 0,0 17,12H19Z" /></svg><svg id="currency-twd" viewBox="0 0 24 24"><path d="M3,11H21V13H15V19H21V21H15A2,2 0 0,1 13,19V13H10.35L5.73,21L4,20L8.04,13H3V11M5,3H19V5H5V3Z" /></svg><svg id="currency-usd" viewBox="0 0 24 24"><path d="M7,15H9C9,16.08 10.37,17 12,17C13.63,17 15,16.08 15,15C15,13.9 13.96,13.5 11.76,12.97C9.64,12.44 7,11.78 7,9C7,7.21 8.47,5.69 10.5,5.18V3H13.5V5.18C15.53,5.69 17,7.21 17,9H15C15,7.92 13.63,7 12,7C10.37,7 9,7.92 9,9C9,10.1 10.04,10.5 12.24,11.03C14.36,11.56 17,12.22 17,15C17,16.79 15.53,18.31 13.5,18.82V21H10.5V18.82C8.47,18.31 7,16.79 7,15Z" /></svg><svg id="currency-usd-off" viewBox="0 0 24 24"><path d="M3,4.27L4.28,3L21,19.72L19.73,21L16.06,17.33C15.44,18 14.54,18.55 13.5,18.82V21H10.5V18.82C8.47,18.31 7,16.79 7,15H9C9,16.08 10.37,17 12,17C13.13,17 14.14,16.56 14.65,15.92L11.68,12.95C9.58,12.42 7,11.75 7,9C7,8.77 7,8.55 7.07,8.34L3,4.27M10.5,5.18V3H13.5V5.18C15.53,5.69 17,7.21 17,9H15C15,7.92 13.63,7 12,7C11.63,7 11.28,7.05 10.95,7.13L9.4,5.58L10.5,5.18Z" /></svg><svg id="current-ac" viewBox="0 0 24 24"><path d="M16.5,21C13.5,21 12.31,16.76 11.05,12.28C10.14,9.04 9,5 7.5,5C4.11,5 4,11.93 4,12H2C2,11.63 2.06,3 7.5,3C10.5,3 11.71,7.25 12.97,11.74C13.83,14.8 15,19 16.5,19C19.94,19 20.03,12.07 20.03,12H22.03C22.03,12.37 21.97,21 16.5,21Z" /></svg><svg id="current-dc" viewBox="0 0 24 24"><path d="M2,9V11H22V9H2M2,13V15H7V13H2M9,13V15H15V13H9M17,13V15H22V13H17Z" /></svg><svg id="cursor-default" viewBox="0 0 24 24"><path d="M13.64,21.97C13.14,22.21 12.54,22 12.31,21.5L10.13,16.76L7.62,18.78C7.45,18.92 7.24,19 7,19A1,1 0 0,1 6,18V3A1,1 0 0,1 7,2C7.24,2 7.47,2.09 7.64,2.23L7.65,2.22L19.14,11.86C19.57,12.22 19.62,12.85 19.27,13.27C19.12,13.45 18.91,13.57 18.7,13.61L15.54,14.23L17.74,18.96C18,19.46 17.76,20.05 17.26,20.28L13.64,21.97Z" /></svg><svg id="cursor-default-click" viewBox="0 0 24 24"><path d="M10.76,8.69A0.76,0.76 0 0,0 10,9.45V20.9C10,21.32 10.34,21.66 10.76,21.66C10.95,21.66 11.11,21.6 11.24,21.5L13.15,19.95L14.81,23.57C14.94,23.84 15.21,24 15.5,24C15.61,24 15.72,24 15.83,23.92L18.59,22.64C18.97,22.46 19.15,22 18.95,21.63L17.28,18L19.69,17.55C19.85,17.5 20,17.43 20.12,17.29C20.39,16.97 20.35,16.5 20,16.21L11.26,8.86L11.25,8.87C11.12,8.76 10.95,8.69 10.76,8.69M15,10V8H20V10H15M13.83,4.76L16.66,1.93L18.07,3.34L15.24,6.17L13.83,4.76M10,0H12V5H10V0M3.93,14.66L6.76,11.83L8.17,13.24L5.34,16.07L3.93,14.66M3.93,3.34L5.34,1.93L8.17,4.76L6.76,6.17L3.93,3.34M7,10H2V8H7V10" /></svg><svg id="cursor-default-click-outline" viewBox="0 0 24 24"><path d="M11.5,11L17.88,16.37L17,16.55L16.36,16.67C15.73,16.8 15.37,17.5 15.65,18.07L15.92,18.65L17.28,21.59L15.86,22.25L14.5,19.32L14.24,18.74C13.97,18.15 13.22,17.97 12.72,18.38L12.21,18.78L11.5,19.35V11M10.76,8.69A0.76,0.76 0 0,0 10,9.45V20.9C10,21.32 10.34,21.66 10.76,21.66C10.95,21.66 11.11,21.6 11.24,21.5L13.15,19.95L14.81,23.57C14.94,23.84 15.21,24 15.5,24C15.61,24 15.72,24 15.83,23.92L18.59,22.64C18.97,22.46 19.15,22 18.95,21.63L17.28,18L19.69,17.55C19.85,17.5 20,17.43 20.12,17.29C20.39,16.97 20.35,16.5 20,16.21L11.26,8.86L11.25,8.87C11.12,8.76 10.95,8.69 10.76,8.69M15,10V8H20V10H15M13.83,4.76L16.66,1.93L18.07,3.34L15.24,6.17L13.83,4.76M10,0H12V5H10V0M3.93,14.66L6.76,11.83L8.17,13.24L5.34,16.07L3.93,14.66M3.93,3.34L5.34,1.93L8.17,4.76L6.76,6.17L3.93,3.34M7,10H2V8H7V10" /></svg><svg id="cursor-default-outline" viewBox="0 0 24 24"><path d="M10.07,14.27C10.57,14.03 11.16,14.25 11.4,14.75L13.7,19.74L15.5,18.89L13.19,13.91C12.95,13.41 13.17,12.81 13.67,12.58L13.95,12.5L16.25,12.05L8,5.12V15.9L9.82,14.43L10.07,14.27M13.64,21.97C13.14,22.21 12.54,22 12.31,21.5L10.13,16.76L7.62,18.78C7.45,18.92 7.24,19 7,19A1,1 0 0,1 6,18V3A1,1 0 0,1 7,2C7.24,2 7.47,2.09 7.64,2.23L7.65,2.22L19.14,11.86C19.57,12.22 19.62,12.85 19.27,13.27C19.12,13.45 18.91,13.57 18.7,13.61L15.54,14.23L17.74,18.96C18,19.46 17.76,20.05 17.26,20.28L13.64,21.97Z" /></svg><svg id="cursor-move" viewBox="0 0 24 24"><path d="M13,6V11H18V7.75L22.25,12L18,16.25V13H13V18H16.25L12,22.25L7.75,18H11V13H6V16.25L1.75,12L6,7.75V11H11V6H7.75L12,1.75L16.25,6H13Z" /></svg><svg id="cursor-pointer" viewBox="0 0 24 24"><path d="M13.75,10.19L14.38,10.32L18.55,12.4C19.25,12.63 19.71,13.32 19.65,14.06V14.19L19.65,14.32L18.75,20.44C18.69,20.87 18.5,21.27 18.15,21.55C17.84,21.85 17.43,22 17,22H10.12C9.63,22 9.18,21.82 8.85,21.47L2.86,15.5L3.76,14.5C4,14.25 4.38,14.11 4.74,14.13H5.03L9,15V4.5A2,2 0 0,1 11,2.5A2,2 0 0,1 13,4.5V10.19H13.75Z" /></svg><svg id="cursor-text" viewBox="0 0 24 24"><path d="M13,19A1,1 0 0,0 14,20H16V22H13.5C12.95,22 12,21.55 12,21C12,21.55 11.05,22 10.5,22H8V20H10A1,1 0 0,0 11,19V5A1,1 0 0,0 10,4H8V2H10.5C11.05,2 12,2.45 12,3C12,2.45 12.95,2 13.5,2H16V4H14A1,1 0 0,0 13,5V19Z" /></svg><svg id="database" viewBox="0 0 24 24"><path d="M12,3C7.58,3 4,4.79 4,7C4,9.21 7.58,11 12,11C16.42,11 20,9.21 20,7C20,4.79 16.42,3 12,3M4,9V12C4,14.21 7.58,16 12,16C16.42,16 20,14.21 20,12V9C20,11.21 16.42,13 12,13C7.58,13 4,11.21 4,9M4,14V17C4,19.21 7.58,21 12,21C16.42,21 20,19.21 20,17V14C20,16.21 16.42,18 12,18C7.58,18 4,16.21 4,14Z" /></svg><svg id="database-check" viewBox="0 0 24 24"><path d="M17.75,22.16L15,19.16L16.16,18L17.75,19.59L21.34,16L22.5,17.41L17.75,22.16M12,3C16.42,3 20,4.79 20,7C20,9.21 16.42,11 12,11C7.58,11 4,9.21 4,7C4,4.79 7.58,3 12,3M4,9C4,11.21 7.58,13 12,13C16.42,13 20,11.21 20,9V12C20,12.43 19.87,12.84 19.62,13.22C19.1,13.08 18.56,13 18,13C15.79,13 13.85,14.2 12.81,16H12C7.58,16 4,14.21 4,12V9M4,14C4,16.21 7.58,18 12.08,18L12,19C12,19.7 12.12,20.37 12.34,21H12C7.58,21 4,19.21 4,17V14Z" /></svg><svg id="database-edit" viewBox="0 0 24 24"><path d="M4,14V17C4,19 7.05,20.72 11,21V18.11L11.13,18C7.12,17.76 4,16.06 4,14M12,13C7.58,13 4,11.21 4,9V12C4,14.21 7.58,16 12,16C12.39,16 12.77,16 13.16,16L17,12.12C15.4,12.72 13.71,13 12,13M12,3C7.58,3 4,4.79 4,7C4,9.21 7.58,11 12,11C16.42,11 20,9.21 20,7C20,4.79 16.42,3 12,3M21,11.13C20.85,11.13 20.71,11.19 20.61,11.3L19.61,12.3L21.66,14.3L22.66,13.3C22.87,13.1 22.88,12.76 22.66,12.53L21.42,11.3C21.32,11.19 21.18,11.13 21.04,11.13M19.04,12.88L13,18.94V21H15.06L21.12,14.93L19.04,12.88Z" /></svg><svg id="database-export" viewBox="0 0 24 24"><path d="M14.22,19L17.05,16.17L14.93,14H22V21.07L19.88,19L17.05,21.83L14.22,19M11.39,19L12.39,18H12C7.58,18 4,16.21 4,14V17C4,19.21 7.58,21 12,21C12.47,21 12.93,21 13.38,20.94L11.39,19M17.29,12H20V9C20,10.2 19,11.27 17.29,12M4,9V12C4,14.21 7.58,16 12,16C12.67,16 13.34,15.96 14,15.87L11.07,13C7.09,12.74 4,11.05 4,9M12,3C7.58,3 4,4.79 4,7C4,9.21 7.58,11 12,11C16.42,11 20,9.21 20,7C20,4.79 16.42,3 12,3Z" /></svg><svg id="database-import" viewBox="0 0 24 24"><path d="M17.05,14.22L19.88,17.05L22,14.93V22H14.93L17.05,19.88L14.22,17.05L17.05,14.22M12.33,18H12C7.58,18 4,16.21 4,14V17C4,19.21 7.58,21 12,21C12.39,21 12.77,21 13.14,21L14.22,19.92L12.33,18M17.54,11.89L19.29,13.64C19.73,13.21 20,12.62 20,12V9C20,10.13 19.06,11.16 17.54,11.88V11.89M4,9V12C4,14.21 7.58,16 12,16H12.45L16,12.47C14.7,12.83 13.35,13 12,13C7.58,13 4,11.21 4,9M12,3C7.58,3 4,4.79 4,7C4,9.21 7.58,11 12,11C16.42,11 20,9.21 20,7C20,4.79 16.42,3 12,3Z" /></svg><svg id="database-lock" viewBox="0 0 24 24"><path d="M11,3C15.42,3 19,4.79 19,7C19,9.21 15.42,11 11,11C6.58,11 3,9.21 3,7C3,4.79 6.58,3 11,3M19,12.03C17.11,12.24 15.57,13.62 15.13,15.43C13.92,15.79 12.5,16 11,16C6.58,16 3,14.21 3,12V9C3,11.21 6.58,13 11,13C15.42,13 19,11.21 19,9V12.03M14,17.71V20.71C13.07,20.9 12.06,21 11,21C6.58,21 3,19.21 3,17V14C3,16.21 6.58,18 11,18C12.06,18 13.07,17.9 14,17.71M19.5,14A2.5,2.5 0 0,1 22,16.5V17A1,1 0 0,1 23,18V22A1,1 0 0,1 22,23H17A1,1 0 0,1 16,22V18A1,1 0 0,1 17,17V16.5A2.5,2.5 0 0,1 19.5,14M19.5,15A1.5,1.5 0 0,0 18,16.5V17H21V16.5A1.5,1.5 0 0,0 19.5,15Z" /></svg><svg id="database-minus" viewBox="0 0 24 24"><path d="M15,17H23V19H15V17M12,3C16.42,3 20,4.79 20,7C20,9.21 16.42,11 12,11C7.58,11 4,9.21 4,7C4,4.79 7.58,3 12,3M4,9C4,11.21 7.58,13 12,13C16.42,13 20,11.21 20,9V12C20,13.19 18.95,14.27 17.29,15H13V15.97L12,16C7.58,16 4,14.21 4,12V9M4,14C4,16.21 7.58,18 12,18L13,17.97V20.97L12,21C7.58,21 4,19.21 4,17V14M20,14V15H19.75C19.91,14.68 20,14.35 20,14Z" /></svg><svg id="database-plus" viewBox="0 0 24 24"><path d="M18,14H20V17H23V19H20V22H18V19H15V17H18V14M12,3C16.42,3 20,4.79 20,7C20,9.21 16.42,11 12,11C7.58,11 4,9.21 4,7C4,4.79 7.58,3 12,3M4,9C4,11.21 7.58,13 12,13C16.42,13 20,11.21 20,9V9L20,12.08L19,12C16.41,12 14.2,13.64 13.36,15.94L12,16C7.58,16 4,14.21 4,12V9M4,14C4,16.21 7.58,18 12,18H13C13,19.05 13.27,20.04 13.75,20.9L12,21C7.58,21 4,19.21 4,17V14Z" /></svg><svg id="database-refresh" viewBox="0 0 24 24"><path d="M19,12V13.5A4,4 0 0,1 23,17.5C23,18.32 22.75,19.08 22.33,19.71L21.24,18.62C21.41,18.28 21.5,17.9 21.5,17.5A2.5,2.5 0 0,0 19,15V16.5L16.75,14.25L19,12M19,23V21.5A4,4 0 0,1 15,17.5C15,16.68 15.25,15.92 15.67,15.29L16.76,16.38C16.59,16.72 16.5,17.1 16.5,17.5A2.5,2.5 0 0,0 19,20V18.5L21.25,20.75L19,23M12,3C16.42,3 20,4.79 20,7C20,9.21 16.42,11 12,11C7.58,11 4,9.21 4,7C4,4.79 7.58,3 12,3M4,9C4,11.21 7.58,13 12,13C13.11,13 14.17,12.89 15.14,12.68C14.19,13.54 13.5,14.67 13.18,15.96L12,16C7.58,16 4,14.21 4,12V9M20,9V11H19.5L18.9,11.03C19.6,10.43 20,9.74 20,9M4,14C4,16.21 7.58,18 12,18L13,17.97C13.09,19.03 13.42,20 13.95,20.88L12,21C7.58,21 4,19.21 4,17V14Z" /></svg><svg id="database-remove" viewBox="0 0 24 24"><path d="M15.46,15.88L16.88,14.46L19,16.59L21.12,14.47L22.53,15.88L20.41,18L22.54,20.12L21.12,21.54L19,19.41L16.88,21.53L15.47,20.12L17.59,18L15.46,15.88M12,3C16.42,3 20,4.79 20,7C20,9.21 16.42,11 12,11C7.58,11 4,9.21 4,7C4,4.79 7.58,3 12,3M4,9C4,11.21 7.58,13 12,13C16.42,13 20,11.21 20,9V12.08L19,12C16.41,12 14.2,13.64 13.36,15.94L12,16C7.58,16 4,14.21 4,12V9M4,14C4,16.21 7.58,18 12,18H13C13,19.05 13.27,20.04 13.75,20.9L12,21C7.58,21 4,19.21 4,17V14Z" /></svg><svg id="database-search" viewBox="0 0 24 24"><path d="M18.68,12.32C16.92,10.56 14.07,10.57 12.32,12.33C10.56,14.09 10.56,16.94 12.32,18.69C13.81,20.17 16.11,20.43 17.89,19.32L21,22.39L22.39,21L19.3,17.89C20.43,16.12 20.17,13.8 18.68,12.32M17.27,17.27C16.29,18.25 14.71,18.24 13.73,17.27C12.76,16.29 12.76,14.71 13.74,13.73C14.71,12.76 16.29,12.76 17.27,13.73C18.24,14.71 18.24,16.29 17.27,17.27M10.9,20.1C10.25,19.44 9.74,18.65 9.42,17.78C6.27,17.25 4,15.76 4,14V17C4,19.21 7.58,21 12,21V21C11.6,20.74 11.23,20.44 10.9,20.1M4,9V12C4,13.68 6.07,15.12 9,15.7C9,15.63 9,15.57 9,15.5C9,14.57 9.2,13.65 9.58,12.81C6.34,12.3 4,10.79 4,9M12,3C7.58,3 4,4.79 4,7C4,9 7,10.68 10.85,11H10.9C12.1,9.74 13.76,9 15.5,9C16.41,9 17.31,9.19 18.14,9.56C19.17,9.09 19.87,8.12 20,7C20,4.79 16.42,3 12,3Z" /></svg><svg id="database-settings" viewBox="0 0 24 24"><path d="M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22M12,3C16.42,3 20,4.79 20,7C20,9.21 16.42,11 12,11C7.58,11 4,9.21 4,7C4,4.79 7.58,3 12,3M4,9C4,11.21 7.58,13 12,13C16.42,13 20,11.21 20,9V12C20,14.21 16.42,16 12,16C7.58,16 4,14.21 4,12V9M4,14C4,16.21 7.58,18 12,18C16.42,18 20,16.21 20,14V17C20,18.19 18.95,19.27 17.29,20H6.71C5.05,19.27 4,18.19 4,17V14Z" /></svg><svg id="death-star" viewBox="0 0 24 24"><path d="M2.05,13H21.95C21.45,18.05 17.19,22 12,22C6.82,22 2.55,18.05 2.05,13M21.95,11H2.05C2.55,5.95 6.82,2 12,2C17.18,2 21.45,5.95 21.95,11M12,6.75A2.5,2.5 0 0,0 9.5,4.25A2.5,2.5 0 0,0 7,6.75A2.5,2.5 0 0,0 9.5,9.25A2.5,2.5 0 0,0 12,6.75Z" /></svg><svg id="death-star-variant" viewBox="0 0 24 24"><path d="M2.05,13H21.94C21.88,13.69 21.74,14.36 21.54,15H14V17H17V19H15V21H12.5V22C12.33,22 12.17,22 12,22C6.82,22 2.55,18.05 2.05,13M21.94,11H2.05C2.55,5.95 6.82,2 12,2C13.62,2 15.15,2.39 16.5,3.08V5H18.5V7H20V9H21.54C21.74,9.64 21.88,10.31 21.94,11M12,6.75A2.5,2.5 0 0,0 9.5,4.25A2.5,2.5 0 0,0 7,6.75A2.5,2.5 0 0,0 9.5,9.25A2.5,2.5 0 0,0 12,6.75Z" /></svg><svg id="deathly-hallows" viewBox="0 0 24 24"><path d="M12,2L1,21H23L12,2M12.75,11.47C14.56,11.87 15.7,13.67 15.3,15.5C15,16.75 14,17.75 12.75,18.03V11.47M11.25,18C9.44,17.6 8.3,15.8 8.7,14C9,12.72 10,11.72 11.25,11.44V18M16.88,14.72C16.83,12.35 15.09,10.36 12.75,10V6.29L20.4,19.5H13.07C15.29,19 16.87,17.03 16.88,14.75V14.72M11.25,6.29V10C8.6,10.4 6.77,12.88 7.18,15.54C7.5,17.5 8.97,19.12 10.93,19.55H3.6L11.25,6.29Z" /></svg><svg id="debian" viewBox="0 0 24 24"><path d="M18.5,10.57L18.3,10.94C18.56,10.16 18.41,9.31 18.45,8.57L18.38,8.55C18.31,6.7 16.71,4.73 15.29,4.07C14.06,3.5 12.17,3.4 11.3,3.83C11.42,3.72 11.9,3.68 11.75,3.6C10.38,3.73 10.69,4.07 9.64,4.34C9.35,4.62 10.5,4.12 9.87,4.5C9.31,4.63 9.05,4.38 8.22,5.24C8.29,5.36 8.75,4.89 8.37,5.36C7.58,5.27 5.89,7.16 5.53,7.78L5.72,7.82C5.41,8.59 5,9.08 4.95,9.54C4.87,10.68 4.5,12.75 5.03,13.39L4.97,13.92L5.2,14.37L5.08,14.38C5.66,16.21 5.7,14.42 6.47,16.32C6.36,16.28 6.24,16.24 6.08,16C6.06,16.19 6.32,16.69 6.62,17.08L6.5,17.22C6.66,17.53 6.82,17.6 6.93,17.71C6.3,17.36 7.5,18.84 7.63,19.03L7.73,18.86C7.71,19.1 7.9,19.42 8.26,19.87L8.56,19.86C8.69,20.1 9.14,20.54 9.41,20.56L9.23,20.8C9.92,21 9.56,21.09 10.41,21.39L10.24,21.09C10.67,21.46 10.8,21.79 11.41,22.07C12.26,22.37 12.37,22.25 13.23,22.5C12.5,22.5 11.64,22.5 11.06,22.28C7.1,21.21 3.5,16.56 3.74,11.78C3.68,10.81 3.84,9.6 3.68,9.36C3.9,8.62 4.16,7.72 4.69,6.65C4.65,6.58 4.78,6.86 5.05,6.41C5.21,6.05 5.34,5.66 5.55,5.31L5.65,5.28C5.76,4.67 7.08,3.73 7.5,3.26V3.44C8.36,2.63 9.9,2.09 10.76,1.71C10.53,1.96 11.27,1.68 11.8,1.65L11.31,1.93C11.94,1.77 11.91,2 12.56,1.9C12.33,1.93 12.06,2 12.1,2.06C12.82,2.14 12.94,1.84 13.61,2.06L13.56,1.86C14.5,2.2 14.69,2.14 15.7,2.68C16.06,2.69 16.1,2.46 16.63,2.68C16.73,2.84 16.61,2.87 17.27,3.27C17.34,3.24 17.14,3.05 17,2.9C18.3,3.61 19.75,5.12 20.18,6.74C19.77,6 20.14,7.13 20,7.07C20.18,7.56 20.33,8.07 20.43,8.6C20.31,8.17 20.04,7.12 19.57,6.45C19.54,6.88 18.97,6.15 19.28,7.11C19.5,7.45 19.33,6.76 19.62,7.36C19.62,7.65 19.73,7.94 19.8,8.31C19.7,8.29 19.58,7.9 19.5,8C19.6,8.5 19.77,8.72 19.83,8.76C19.8,8.84 19.71,8.68 19.71,9C19.75,9.74 19.92,9.43 20,9.46C19.91,9.83 19.59,10.25 19.75,10.88L19.55,10.32C19.5,10.85 19.66,10.95 19.42,11.6C19.6,11 19.58,10.5 19.41,10.75C19.5,11.57 18.76,12.2 18.83,12.73L18.62,12.44C18.05,13.27 18.61,12.89 18.22,13.5C18.36,13.27 18.15,13.42 18.33,13.14C18.21,13.15 17.78,13.67 17.39,13.97C15.85,15.2 14,15.37 12.24,14.7H12.23C12.24,14.66 12.23,14.61 12.11,14.53C10.6,13.38 9.71,12.4 10,10.12C10.25,9.95 10.31,9 10.84,8.67C11.16,7.96 12.12,7.31 13.15,7.29C14.2,7.23 15.09,7.85 15.54,8.43C14.72,7.68 13.4,7.45 12.26,8C11.11,8.53 10.42,9.8 10.5,11.07C10.56,11 10.6,11.05 10.62,10.89C10.59,13.36 13.28,15.17 15.22,14.26L15.25,14.31C16.03,14.09 15.93,13.92 16.44,13.56C16.4,13.65 16.1,13.86 16.28,13.86C16.53,13.8 17.31,13.07 17.7,12.73C17.87,12.35 17.6,12.5 17.85,12.04L18.15,11.89C18.32,11.41 18.5,11.14 18.5,10.57" /></svg><svg id="debug-step-into" viewBox="0 0 24 24"><path d="M12,22A2,2 0 0,1 10,20A2,2 0 0,1 12,18A2,2 0 0,1 14,20A2,2 0 0,1 12,22M13,2V13L17.5,8.5L18.92,9.92L12,16.84L5.08,9.92L6.5,8.5L11,13V2H13Z" /></svg><svg id="debug-step-out" viewBox="0 0 24 24"><path d="M12,22A2,2 0 0,1 10,20A2,2 0 0,1 12,18A2,2 0 0,1 14,20A2,2 0 0,1 12,22M13,16H11V6L6.5,10.5L5.08,9.08L12,2.16L18.92,9.08L17.5,10.5L13,6V16Z" /></svg><svg id="debug-step-over" viewBox="0 0 24 24"><path d="M12,14A2,2 0 0,1 14,16A2,2 0 0,1 12,18A2,2 0 0,1 10,16A2,2 0 0,1 12,14M23.46,8.86L21.87,15.75L15,14.16L18.8,11.78C17.39,9.5 14.87,8 12,8C8.05,8 4.77,10.86 4.12,14.63L2.15,14.28C2.96,9.58 7.06,6 12,6C15.58,6 18.73,7.89 20.5,10.72L23.46,8.86Z" /></svg><svg id="decagram" viewBox="0 0 24 24"><path d="M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12Z" /></svg><svg id="decagram-outline" viewBox="0 0 24 24"><path d="M23,12L20.56,14.78L20.9,18.46L17.29,19.28L15.4,22.46L12,21L8.6,22.47L6.71,19.29L3.1,18.47L3.44,14.78L1,12L3.44,9.21L3.1,5.53L6.71,4.72L8.6,1.54L12,3L15.4,1.54L17.29,4.72L20.9,5.54L20.56,9.22L23,12M20.33,12L18.5,9.89L18.74,7.1L16,6.5L14.58,4.07L12,5.18L9.42,4.07L8,6.5L5.26,7.09L5.5,9.88L3.67,12L5.5,14.1L5.26,16.9L8,17.5L9.42,19.93L12,18.81L14.58,19.92L16,17.5L18.74,16.89L18.5,14.1L20.33,12Z" /></svg><svg id="decimal-decrease" viewBox="0 0 24 24"><path d="M12,17L15,20V18H21V16H15V14L12,17M9,5A3,3 0 0,1 12,8V11A3,3 0 0,1 9,14A3,3 0 0,1 6,11V8A3,3 0 0,1 9,5M9,7A1,1 0 0,0 8,8V11A1,1 0 0,0 9,12A1,1 0 0,0 10,11V8A1,1 0 0,0 9,7M4,12A1,1 0 0,1 5,13A1,1 0 0,1 4,14A1,1 0 0,1 3,13A1,1 0 0,1 4,12Z" /></svg><svg id="decimal-increase" viewBox="0 0 24 24"><path d="M22,17L19,20V18H13V16H19V14L22,17M9,5A3,3 0 0,1 12,8V11A3,3 0 0,1 9,14A3,3 0 0,1 6,11V8A3,3 0 0,1 9,5M9,7A1,1 0 0,0 8,8V11A1,1 0 0,0 9,12A1,1 0 0,0 10,11V8A1,1 0 0,0 9,7M16,5A3,3 0 0,1 19,8V11A3,3 0 0,1 16,14A3,3 0 0,1 13,11V8A3,3 0 0,1 16,5M16,7A1,1 0 0,0 15,8V11A1,1 0 0,0 16,12A1,1 0 0,0 17,11V8A1,1 0 0,0 16,7M4,12A1,1 0 0,1 5,13A1,1 0 0,1 4,14A1,1 0 0,1 3,13A1,1 0 0,1 4,12Z" /></svg><svg id="delete" viewBox="0 0 24 24"><path d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z" /></svg><svg id="delete-circle" viewBox="0 0 24 24"><path d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M17,7H14.5L13.5,6H10.5L9.5,7H7V9H17V7M9,18H15A1,1 0 0,0 16,17V10H8V17A1,1 0 0,0 9,18Z" /></svg><svg id="delete-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M16,10V17A1,1 0 0,1 15,18H9A1,1 0 0,1 8,17V10H16M13.5,6L14.5,7H17V9H7V7H9.5L10.5,6H13.5Z" /></svg><svg id="delete-empty" viewBox="0 0 24 24"><path d="M20.37,8.91L19.37,10.64L7.24,3.64L8.24,1.91L11.28,3.66L12.64,3.29L16.97,5.79L17.34,7.16L20.37,8.91M6,19V7H11.07L18,11V19A2,2 0 0,1 16,21H8A2,2 0 0,1 6,19Z" /></svg><svg id="delete-empty-outline" viewBox="0 0 24 24"><path d="M20.37,8.91L19.37,10.64L7.24,3.64L8.24,1.91L11.28,3.66L12.64,3.29L16.97,5.79L17.34,7.16L20.37,8.91M6,19V7H11.07L18,11V19A2,2 0 0,1 16,21H8A2,2 0 0,1 6,19M8,19H16V12.2L10.46,9H8V19Z" /></svg><svg id="delete-forever" viewBox="0 0 24 24"><path d="M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19M8.46,11.88L9.87,10.47L12,12.59L14.12,10.47L15.53,11.88L13.41,14L15.53,16.12L14.12,17.53L12,15.41L9.88,17.53L8.47,16.12L10.59,14L8.46,11.88M15.5,4L14.5,3H9.5L8.5,4H5V6H19V4H15.5Z" /></svg><svg id="delete-forever-outline" viewBox="0 0 24 24"><path d="M14.12,10.47L12,12.59L9.87,10.47L8.46,11.88L10.59,14L8.47,16.12L9.88,17.53L12,15.41L14.12,17.53L15.53,16.12L13.41,14L15.53,11.88L14.12,10.47M15.5,4L14.5,3H9.5L8.5,4H5V6H19V4H15.5M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19M8,9H16V19H8V9Z" /></svg><svg id="delete-outline" viewBox="0 0 24 24"><path d="M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19M8,9H16V19H8V9M15.5,4L14.5,3H9.5L8.5,4H5V6H19V4H15.5Z" /></svg><svg id="delete-restore" viewBox="0 0 24 24"><path d="M14,14H16L12,10L8,14H10V18H14V14M6,7H18V19C18,19.5 17.8,20 17.39,20.39C17,20.8 16.5,21 16,21H8C7.5,21 7,20.8 6.61,20.39C6.2,20 6,19.5 6,19V7M19,4V6H5V4H8.5L9.5,3H14.5L15.5,4H19Z" /></svg><svg id="delete-sweep" viewBox="0 0 24 24"><path d="M15,16H19V18H15V16M15,8H22V10H15V8M15,12H21V14H15V12M3,18A2,2 0 0,0 5,20H11A2,2 0 0,0 13,18V8H3V18M14,5H11L10,4H6L5,5H2V7H14V5Z" /></svg><svg id="delete-sweep-outline" viewBox="0 0 24 24"><path d="M15,16H19V18H15V16M15,8H22V10H15V8M15,12H21V14H15V12M11,10V18H5V10H11M13,8H3V18A2,2 0 0,0 5,20H11A2,2 0 0,0 13,18V8M14,5H11L10,4H6L5,5H2V7H14V5Z" /></svg><svg id="delete-variant" viewBox="0 0 24 24"><path d="M21.03,3L18,20.31C17.83,21.27 17,22 16,22H8C7,22 6.17,21.27 6,20.31L2.97,3H21.03M5.36,5L8,20H16L18.64,5H5.36M9,18V14H13V18H9M13,13.18L9.82,10L13,6.82L16.18,10L13,13.18Z" /></svg><svg id="delta" viewBox="0 0 24 24"><path d="M12,7.77L18.39,18H5.61L12,7.77M12,4L2,20H22" /></svg><svg id="desk-lamp" viewBox="0 0 24 24"><path d="M10.85,2L9.18,4.5L10.32,5.25L7.14,10C7.1,10 7.05,10 7,10A2,2 0 0,0 5,12C5,12.94 5.66,13.75 6.58,13.95L10.62,20H7V22H17V20H13L8.53,13.28C8.83,12.92 9,12.47 9,12C9,11.7 8.93,11.4 8.8,11.13L12,6.37C11.78,8.05 12.75,9.89 14.45,11L18.89,4.37C17.2,3.24 15.12,3.04 13.65,3.87L10.85,2M18.33,7L16.67,9.5C17.35,9.95 18.29,9.77 18.75,9.08C19.21,8.39 19,7.46 18.33,7Z" /></svg><svg id="deskphone" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M15,5V19H19V5H15M5,5V9H13V5H5M5,11V13H7V11H5M8,11V13H10V11H8M11,11V13H13V11H11M5,14V16H7V14H5M8,14V16H10V14H8M11,14V16H13V14H11M11,17V19H13V17H11M8,17V19H10V17H8M5,17V19H7V17H5Z" /></svg><svg id="desktop-classic" viewBox="0 0 24 24"><path d="M6,2C4.89,2 4,2.89 4,4V12C4,13.11 4.89,14 6,14H18C19.11,14 20,13.11 20,12V4C20,2.89 19.11,2 18,2H6M6,4H18V12H6V4M4,15C2.89,15 2,15.89 2,17V20C2,21.11 2.89,22 4,22H20C21.11,22 22,21.11 22,20V17C22,15.89 21.11,15 20,15H4M8,17H20V20H8V17M9,17.75V19.25H13V17.75H9M15,17.75V19.25H19V17.75H15Z" /></svg><svg id="desktop-mac" viewBox="0 0 24 24"><path d="M21,14H3V4H21M21,2H3C1.89,2 1,2.89 1,4V16A2,2 0 0,0 3,18H10L8,21V22H16V21L14,18H21A2,2 0 0,0 23,16V4C23,2.89 22.1,2 21,2Z" /></svg><svg id="desktop-mac-dashboard" viewBox="0 0 24 24"><path d="M21,14V4H3V14H21M21,2A2,2 0 0,1 23,4V16A2,2 0 0,1 21,18H14L16,21V22H8V21L10,18H3C1.89,18 1,17.1 1,16V4C1,2.89 1.89,2 3,2H21M4,5H15V10H4V5M16,5H20V7H16V5M20,8V13H16V8H20M4,11H9V13H4V11M10,11H15V13H10V11Z" /></svg><svg id="desktop-tower" viewBox="0 0 24 24"><path d="M8,2H16A2,2 0 0,1 18,4V20A2,2 0 0,1 16,22H8A2,2 0 0,1 6,20V4A2,2 0 0,1 8,2M8,4V6H16V4H8M16,8H8V10H16V8M16,18H14V20H16V18Z" /></svg><svg id="desktop-tower-monitor" viewBox="0 0 24 24"><path d="M22,18H17A1,1 0 0,1 16,17V7A1,1 0 0,1 17,6H22A1,1 0 0,1 23,7V17A1,1 0 0,1 22,18M22,8H17V9H22V8M22,10H17V11H22V10M9,15V17H10V18H5V17H6V15H2A1,1 0 0,1 1,14V7A1,1 0 0,1 2,6H13A1,1 0 0,1 14,7V14A1,1 0 0,1 13,15H9M12,8H3V13H12V8Z" /></svg><svg id="details" viewBox="0 0 24 24"><path d="M6.38,6H17.63L12,16L6.38,6M3,4L12,20L21,4H3Z" /></svg><svg id="dev-to" viewBox="0 0 24 24"><path d="M7.36,9.87C7.19,9.74 7,9.68 6.84,9.68H6.06V14.34H6.84C7,14.34 7.19,14.28 7.36,14.15C7.54,14 7.62,13.82 7.62,13.56V10.45C7.62,10.19 7.54,10 7.36,9.87M20.04,2H3.96A1.96,1.96 0 0,0 2,3.96V20.04C2,21.13 2.88,22 3.96,22H20.04A1.96,1.96 0 0,0 22,20.04V3.96C22,2.87 21.12,2 20.04,2M8.88,13.57C8.88,14.41 8.37,15.68 6.73,15.68H4.65V8.29H6.77C8.35,8.29 8.88,9.56 8.88,10.4V13.57M13.38,9.61H11V11.33H12.45V12.65H11V14.36H13.38V15.68H10.6C10.1,15.7 9.69,15.3 9.68,14.8V9.22C9.67,8.72 10.06,8.31 10.56,8.3H13.38V9.61M18,14.76C17.42,16.13 16.36,15.86 15.89,14.76L14.17,8.3H15.62L16.95,13.37L18.27,8.3H19.72L18,14.76V14.76Z" /></svg><svg id="developer-board" viewBox="0 0 24 24"><path d="M22,9V7H20V5A2,2 0 0,0 18,3H4A2,2 0 0,0 2,5V19A2,2 0 0,0 4,21H18A2,2 0 0,0 20,19V17H22V15H20V13H22V11H20V9H22M18,19H4V5H18V19M6,13H11V17H6V13M12,7H16V10H12V7M6,7H11V12H6V7M12,11H16V17H12V11Z" /></svg><svg id="deviantart" viewBox="0 0 24 24"><path d="M6,6H12L14,2H18V6L14.5,13H18V18H12L10,22H6V18L9.5,11H6V6Z" /></svg><svg id="dialpad" viewBox="0 0 24 24"><path d="M12,19A2,2 0 0,0 10,21A2,2 0 0,0 12,23A2,2 0 0,0 14,21A2,2 0 0,0 12,19M6,1A2,2 0 0,0 4,3A2,2 0 0,0 6,5A2,2 0 0,0 8,3A2,2 0 0,0 6,1M6,7A2,2 0 0,0 4,9A2,2 0 0,0 6,11A2,2 0 0,0 8,9A2,2 0 0,0 6,7M6,13A2,2 0 0,0 4,15A2,2 0 0,0 6,17A2,2 0 0,0 8,15A2,2 0 0,0 6,13M18,5A2,2 0 0,0 20,3A2,2 0 0,0 18,1A2,2 0 0,0 16,3A2,2 0 0,0 18,5M12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17A2,2 0 0,0 14,15A2,2 0 0,0 12,13M18,13A2,2 0 0,0 16,15A2,2 0 0,0 18,17A2,2 0 0,0 20,15A2,2 0 0,0 18,13M18,7A2,2 0 0,0 16,9A2,2 0 0,0 18,11A2,2 0 0,0 20,9A2,2 0 0,0 18,7M12,7A2,2 0 0,0 10,9A2,2 0 0,0 12,11A2,2 0 0,0 14,9A2,2 0 0,0 12,7M12,1A2,2 0 0,0 10,3A2,2 0 0,0 12,5A2,2 0 0,0 14,3A2,2 0 0,0 12,1Z" /></svg><svg id="diameter" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,15V13H7V15L4,12L7,9V11H17V9L20,12L17,15Z" /></svg><svg id="diameter-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M16,15V13H8V15L5,12L8,9V11H16V9L19,12L16,15Z" /></svg><svg id="diameter-variant" viewBox="0 0 24 24"><path d="M4.15,21.46L5.47,19.58C3.35,17.74 2,15.03 2,12A10,10 0 0,1 12,2C13.78,2 15.44,2.46 16.89,3.27L18.21,1.39L19.85,2.54L18.53,4.42C20.65,6.26 22,8.97 22,12A10,10 0 0,1 12,22C10.22,22 8.56,21.54 7.11,20.73L5.79,22.61L4.15,21.46M12,4A8,8 0 0,0 4,12C4,14.35 5,16.46 6.63,17.93L15.73,4.92C14.62,4.33 13.35,4 12,4M12,20A8,8 0 0,0 20,12C20,9.65 19,7.54 17.37,6.07L8.27,19.08C9.38,19.67 10.65,20 12,20Z" /></svg><svg id="diamond" viewBox="0 0 24 24"><path d="M6,2L2,8L12,22L22,8L18,2H6Z" /></svg><svg id="diamond-outline" viewBox="0 0 24 24"><path d="M18,2H6L2,8L12,22L22,8L18,2M4.43,8L7.07,4H16.93L19.57,8L12,18.56L4.43,8Z" /></svg><svg id="diamond-stone" viewBox="0 0 24 24"><path d="M16,9H19L14,16M10,9H14L12,17M5,9H8L10,16M15,4H17L19,7H16M11,4H13L14,7H10M7,4H9L8,7H5M6,2L2,8L12,22L22,8L18,2H6Z" /></svg><svg id="dice-1" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg><svg id="dice-2" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5M17,15A2,2 0 0,0 15,17A2,2 0 0,0 17,19A2,2 0 0,0 19,17A2,2 0 0,0 17,15Z" /></svg><svg id="dice-3" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5M17,15A2,2 0 0,0 15,17A2,2 0 0,0 17,19A2,2 0 0,0 19,17A2,2 0 0,0 17,15Z" /></svg><svg id="dice-4" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5M17,15A2,2 0 0,0 15,17A2,2 0 0,0 17,19A2,2 0 0,0 19,17A2,2 0 0,0 17,15M17,5A2,2 0 0,0 15,7A2,2 0 0,0 17,9A2,2 0 0,0 19,7A2,2 0 0,0 17,5M7,15A2,2 0 0,0 5,17A2,2 0 0,0 7,19A2,2 0 0,0 9,17A2,2 0 0,0 7,15Z" /></svg><svg id="dice-5" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5M17,15A2,2 0 0,0 15,17A2,2 0 0,0 17,19A2,2 0 0,0 19,17A2,2 0 0,0 17,15M17,5A2,2 0 0,0 15,7A2,2 0 0,0 17,9A2,2 0 0,0 19,7A2,2 0 0,0 17,5M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M7,15A2,2 0 0,0 5,17A2,2 0 0,0 7,19A2,2 0 0,0 9,17A2,2 0 0,0 7,15Z" /></svg><svg id="dice-6" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5M17,15A2,2 0 0,0 15,17A2,2 0 0,0 17,19A2,2 0 0,0 19,17A2,2 0 0,0 17,15M17,10A2,2 0 0,0 15,12A2,2 0 0,0 17,14A2,2 0 0,0 19,12A2,2 0 0,0 17,10M17,5A2,2 0 0,0 15,7A2,2 0 0,0 17,9A2,2 0 0,0 19,7A2,2 0 0,0 17,5M7,10A2,2 0 0,0 5,12A2,2 0 0,0 7,14A2,2 0 0,0 9,12A2,2 0 0,0 7,10M7,15A2,2 0 0,0 5,17A2,2 0 0,0 7,19A2,2 0 0,0 9,17A2,2 0 0,0 7,15Z" /></svg><svg id="dice-d10" viewBox="0 0 24 24"><path d="M21.5,10.8C22.1,11.5 22.1,12.5 21.5,13.2L13.2,21.5C12.5,22.2 11.5,22.2 10.8,21.5L2.5,13.2C1.8,12.5 1.8,11.5 2.5,10.8L10.8,2.5C11.5,1.8 12.5,1.8 13.2,2.5L21.5,10.8M20.3,12L12,3.7L3.7,12L12,20.3L20.3,12M10.38,15.79H8.88V10L7.08,10.55V9.32L10.22,8.2H10.38V15.79M13.93,8A2.57,2.57 0 0,1 16.5,10.57V13.21C16.5,14.63 15.35,15.78 13.93,15.78C12.5,15.78 11.36,14.63 11.36,13.21V10.57A2.57,2.57 0 0,1 13.93,8M13.92,9.44A1.06,1.06 0 0,0 12.86,10.5V13.27A1.06,1.06 0 0,0 13.92,14.33C14.5,14.33 15,13.85 15,13.27V10.5C15,9.91 14.5,9.44 13.92,9.44Z" /></svg><svg id="dice-d12" viewBox="0 0 24 24"><path d="M12,2L1.5,9.64L5.5,22H18.5L22.5,9.64L12,2M17,20H7L3.85,10.4L12,4.47L20.15,10.4L17,20M17,15.75V17H11.66V15.91C11.66,15.91 15.23,12.45 15.23,11.4C15.23,10.12 14.18,10.25 14.18,10.25C13.5,10.3 13,10.87 13,11.55H11.44C11.5,10.09 12.72,8.94 14.27,9C16.74,9 16.77,10.85 16.77,11.3C16.77,13.07 13.58,15.77 13.58,15.77L17,15.75M10.5,17H8.89V10.89L7,11.47V10.19L10.31,9H10.5V17Z" /></svg><svg id="dice-d20" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15M14.93,8.27A2.57,2.57 0 0,1 17.5,10.84V13.5C17.5,14.9 16.35,16.05 14.93,16.05C13.5,16.05 12.36,14.9 12.36,13.5V10.84A2.57,2.57 0 0,1 14.93,8.27M14.92,9.71C14.34,9.71 13.86,10.18 13.86,10.77V13.53C13.86,14.12 14.34,14.6 14.92,14.6C15.5,14.6 16,14.12 16,13.53V10.77C16,10.18 15.5,9.71 14.92,9.71M11.45,14.76V15.96L6.31,15.93V14.91C6.31,14.91 9.74,11.58 9.75,10.57C9.75,9.33 8.73,9.46 8.73,9.46C8.73,9.46 7.75,9.5 7.64,10.71L6.14,10.76C6.14,10.76 6.18,8.26 8.83,8.26C11.2,8.26 11.23,10.04 11.23,10.5C11.23,12.18 8.15,14.77 8.15,14.77L11.45,14.76Z" /></svg><svg id="dice-d4" viewBox="0 0 24 24"><path d="M13.43,15.15H14.29V16.36H13.43V18H11.92V16.36H8.82L8.75,15.41L11.91,10.42H13.43V15.15M10.25,15.15H11.92V12.47L10.25,15.15M22,21H2C1.64,21 1.31,20.81 1.13,20.5C0.95,20.18 0.96,19.79 1.15,19.5L11.15,3C11.5,2.38 12.5,2.38 12.86,3L22.86,19.5C23.04,19.79 23.05,20.18 22.87,20.5C22.69,20.81 22.36,21 22,21M3.78,19H20.23L12,5.43L3.78,19Z" /></svg><svg id="dice-d6" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5M13.39,9.53C10.89,9.5 10.86,11.53 10.86,11.53C10.86,11.53 11.41,10.87 12.53,10.87C13.19,10.87 14.5,11.45 14.55,13.41C14.61,15.47 12.77,16 12.77,16C12.77,16 9.27,16.86 9.3,12.66C9.33,7.94 13.39,8.33 13.39,8.33V9.53M11.95,12.1C11.21,12 10.83,12.78 10.83,12.78L10.85,13.5C10.85,14.27 11.39,14.83 12,14.83C12.61,14.83 13.05,14.27 13.05,13.5C13.05,12.73 12.56,12.1 11.95,12.1Z" /></svg><svg id="dice-d8" viewBox="0 0 24 24"><path d="M12,8.25C13.31,8.25 14.38,9.2 14.38,10.38C14.38,11.07 14,11.68 13.44,12.07C14.14,12.46 14.6,13.13 14.6,13.9C14.6,15.12 13.44,16.1 12,16.1C10.56,16.1 9.4,15.12 9.4,13.9C9.4,13.13 9.86,12.46 10.56,12.07C10,11.68 9.63,11.07 9.63,10.38C9.63,9.2 10.69,8.25 12,8.25M12,12.65A1.1,1.1 0 0,0 10.9,13.75A1.1,1.1 0 0,0 12,14.85A1.1,1.1 0 0,0 13.1,13.75A1.1,1.1 0 0,0 12,12.65M12,9.5C11.5,9.5 11.1,9.95 11.1,10.5C11.1,11.05 11.5,11.5 12,11.5C12.5,11.5 12.9,11.05 12.9,10.5C12.9,9.95 12.5,9.5 12,9.5M21.54,10.8C22.14,11.5 22.14,12.5 21.54,13.2L13.24,21.5C12.54,22.2 11.54,22.2 10.84,21.5L2.54,13.2C1.84,12.5 1.84,11.5 2.54,10.8L10.84,2.5C11.54,1.8 12.54,1.8 13.24,2.5L21.54,10.8M20.34,12L12.04,3.7L3.74,12L12.04,20.3L20.34,12Z" /></svg><svg id="dice-multiple" viewBox="0 0 24 24"><path d="M19.78,3H11.22C10.55,3 10,3.55 10,4.22V8H16V14H19.78C20.45,14 21,13.45 21,12.78V4.22C21,3.55 20.45,3 19.78,3M12.44,6.67C11.76,6.67 11.21,6.12 11.21,5.44C11.21,4.76 11.76,4.21 12.44,4.21A1.23,1.23 0 0,1 13.67,5.44C13.67,6.12 13.12,6.67 12.44,6.67M18.56,12.78C17.88,12.79 17.33,12.24 17.32,11.56C17.31,10.88 17.86,10.33 18.54,10.32C19.22,10.31 19.77,10.86 19.78,11.56C19.77,12.23 19.23,12.77 18.56,12.78M18.56,6.67C17.88,6.68 17.33,6.13 17.32,5.45C17.31,4.77 17.86,4.22 18.54,4.21C19.22,4.2 19.77,4.75 19.78,5.44C19.78,6.12 19.24,6.66 18.56,6.67M4.22,10H12.78A1.22,1.22 0 0,1 14,11.22V19.78C14,20.45 13.45,21 12.78,21H4.22C3.55,21 3,20.45 3,19.78V11.22C3,10.55 3.55,10 4.22,10M8.5,14.28C7.83,14.28 7.28,14.83 7.28,15.5C7.28,16.17 7.83,16.72 8.5,16.72C9.17,16.72 9.72,16.17 9.72,15.5A1.22,1.22 0 0,0 8.5,14.28M5.44,11.22C4.77,11.22 4.22,11.77 4.22,12.44A1.22,1.22 0 0,0 5.44,13.66C6.11,13.66 6.66,13.11 6.66,12.44V12.44C6.66,11.77 6.11,11.22 5.44,11.22M11.55,17.33C10.88,17.33 10.33,17.88 10.33,18.55C10.33,19.22 10.88,19.77 11.55,19.77A1.22,1.22 0 0,0 12.77,18.55H12.77C12.77,17.88 12.23,17.34 11.56,17.33H11.55Z" /></svg><svg id="dictionary" viewBox="0 0 24 24"><path d="M5.81,2C4.83,2.09 4,3 4,4V20C4,21.05 4.95,22 6,22H18C19.05,22 20,21.05 20,20V4C20,2.89 19.1,2 18,2H12V9L9.5,7.5L7,9V2H6C5.94,2 5.87,2 5.81,2M12,13H13A1,1 0 0,1 14,14V18H13V16H12V18H11V14A1,1 0 0,1 12,13M12,14V15H13V14H12M15,15H18V16L16,19H18V20H15V19L17,16H15V15Z" /></svg><svg id="dip-switch" viewBox="0 0 24 24"><path d="M3,4H7A1,1 0 0,1 8,5V19A1,1 0 0,1 7,20H3A1,1 0 0,1 2,19V5A1,1 0 0,1 3,4M10,4H14A1,1 0 0,1 15,5V19A1,1 0 0,1 14,20H10A1,1 0 0,1 9,19V5A1,1 0 0,1 10,4M17,4H21A1,1 0 0,1 22,5V19A1,1 0 0,1 21,20H17A1,1 0 0,1 16,19V5A1,1 0 0,1 17,4M4,18H6V13H4V18M11,11H13V6H11V11M18,18H20V13H18V18Z" /></svg><svg id="directions" viewBox="0 0 24 24"><path d="M14,14.5V12H10V15H8V11A1,1 0 0,1 9,10H14V7.5L17.5,11M21.71,11.29L12.71,2.29H12.7C12.31,1.9 11.68,1.9 11.29,2.29L2.29,11.29C1.9,11.68 1.9,12.32 2.29,12.71L11.29,21.71C11.68,22.09 12.31,22.1 12.71,21.71L21.71,12.71C22.1,12.32 22.1,11.68 21.71,11.29Z" /></svg><svg id="directions-fork" viewBox="0 0 24 24"><path d="M3,4V12.5L6,9.5L9,13C10,14 10,15 10,15V21H14V14C14,14 14,13 13.47,12C12.94,11 12,10 12,10L9,6.58L11.5,4M18,4L13.54,8.47L14,9C14,9 14.93,10 15.47,11C15.68,11.4 15.8,11.79 15.87,12.13L21,7" /></svg><svg id="disc" viewBox="0 0 24 24"><path d="M12,14C10.89,14 10,13.1 10,12C10,10.89 10.89,10 12,10C13.11,10 14,10.89 14,12A2,2 0 0,1 12,14M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="disc-alert" viewBox="0 0 24 24"><path d="M10,14C8.89,14 8,13.1 8,12C8,10.89 8.89,10 10,10A2,2 0 0,1 12,12A2,2 0 0,1 10,14M10,4A8,8 0 0,0 2,12A8,8 0 0,0 10,20A8,8 0 0,0 18,12A8,8 0 0,0 10,4M20,12H22V7H20M20,16H22V14H20V16Z" /></svg><svg id="disc-player" viewBox="0 0 24 24"><path d="M14.5,10.37C15.54,10.37 16.38,9.53 16.38,8.5C16.38,7.46 15.54,6.63 14.5,6.63C13.46,6.63 12.63,7.46 12.63,8.5A1.87,1.87 0 0,0 14.5,10.37M14.5,1A7.5,7.5 0 0,1 22,8.5C22,10.67 21.08,12.63 19.6,14H9.4C7.93,12.63 7,10.67 7,8.5C7,4.35 10.36,1 14.5,1M6,21V22H4V21H2V15H22V21H20V22H18V21H6M4,18V19H13V18H4M15,17V19H17V17H15M19,17A1,1 0 0,0 18,18A1,1 0 0,0 19,19A1,1 0 0,0 20,18A1,1 0 0,0 19,17Z" /></svg><svg id="discord" viewBox="0 0 24 24"><path d="M22,24L16.75,19L17.38,21H4.5A2.5,2.5 0 0,1 2,18.5V3.5A2.5,2.5 0 0,1 4.5,1H19.5A2.5,2.5 0 0,1 22,3.5V24M12,6.8C9.32,6.8 7.44,7.95 7.44,7.95C8.47,7.03 10.27,6.5 10.27,6.5L10.1,6.33C8.41,6.36 6.88,7.53 6.88,7.53C5.16,11.12 5.27,14.22 5.27,14.22C6.67,16.03 8.75,15.9 8.75,15.9L9.46,15C8.21,14.73 7.42,13.62 7.42,13.62C7.42,13.62 9.3,14.9 12,14.9C14.7,14.9 16.58,13.62 16.58,13.62C16.58,13.62 15.79,14.73 14.54,15L15.25,15.9C15.25,15.9 17.33,16.03 18.73,14.22C18.73,14.22 18.84,11.12 17.12,7.53C17.12,7.53 15.59,6.36 13.9,6.33L13.73,6.5C13.73,6.5 15.53,7.03 16.56,7.95C16.56,7.95 14.68,6.8 12,6.8M9.93,10.59C10.58,10.59 11.11,11.16 11.1,11.86C11.1,12.55 10.58,13.13 9.93,13.13C9.29,13.13 8.77,12.55 8.77,11.86C8.77,11.16 9.28,10.59 9.93,10.59M14.1,10.59C14.75,10.59 15.27,11.16 15.27,11.86C15.27,12.55 14.75,13.13 14.1,13.13C13.46,13.13 12.94,12.55 12.94,11.86C12.94,11.16 13.45,10.59 14.1,10.59Z" /></svg><svg id="dishwasher" viewBox="0 0 24 24"><path d="M18,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2M10,4A1,1 0 0,1 11,5A1,1 0 0,1 10,6A1,1 0 0,1 9,5A1,1 0 0,1 10,4M7,4A1,1 0 0,1 8,5A1,1 0 0,1 7,6A1,1 0 0,1 6,5A1,1 0 0,1 7,4M18,20H6V8H18V20M14.67,15.33C14.69,16.03 14.41,16.71 13.91,17.21C12.86,18.26 11.15,18.27 10.09,17.21C9.59,16.71 9.31,16.03 9.33,15.33C9.4,14.62 9.63,13.94 10,13.33C10.37,12.5 10.81,11.73 11.33,11L12,10C13.79,12.59 14.67,14.36 14.67,15.33" /></svg><svg id="disqus" viewBox="0 0 24 24"><path d="M12.08,22C9.63,22 7.39,21.11 5.66,19.63L1.41,20.21L3.05,16.15C2.5,14.88 2.16,13.5 2.16,12C2.16,6.5 6.6,2 12.08,2C17.56,2 22,6.5 22,12C22,17.5 17.56,22 12.08,22M17.5,11.97V11.94C17.5,9.06 15.46,7 11.95,7H8.16V17H11.9C15.43,17 17.5,14.86 17.5,11.97M12,14.54H10.89V9.46H12C13.62,9.46 14.7,10.39 14.7,12V12C14.7,13.63 13.62,14.54 12,14.54Z" /></svg><svg id="disqus-outline" viewBox="0 0 24 24"><path d="M11.9,14.5H10.8V9.5H11.9C13.5,9.5 14.6,10.4 14.6,12C14.6,13.6 13.5,14.5 11.9,14.5M11.9,7H8.1V17H11.8C15.3,17 17.4,14.9 17.4,12V12C17.4,9.1 15.4,7 11.9,7M12,20C10.1,20 8.3,19.3 6.9,18.1L6.2,17.5L4.5,17.7L5.2,16.1L4.9,15.3C4.4,14.2 4.2,13.1 4.2,11.9C4.2,7.5 7.8,3.9 12.1,3.9C16.4,3.9 19.9,7.6 19.9,12C19.9,16.4 16.3,20 12,20M12,2C6.5,2 2.1,6.5 2.1,12C2.1,13.5 2.4,14.9 3,16.2L1.4,20.3L5.7,19.7C7.4,21.2 9.7,22.1 12.1,22.1C17.6,22.1 22,17.6 22,12.1C22,6.6 17.5,2 12,2Z" /></svg><svg id="diving-flippers" viewBox="0 0 24 24"><path d="M20.28,3.66C19.28,3.44 18.54,2.25 17.57,2.04C16.6,1.83 15.4,2.59 14.42,2.37C13.38,2 12.22,2.13 11.28,2.71L11.21,17L11,18C10.64,19.62 11.67,21.22 13.29,21.58C14.9,21.93 16.5,20.91 16.86,19.29L17.07,18.29L23,5.28C22.39,4.35 21.39,3.76 20.28,3.66M14.91,18.86C14.79,19.41 14.25,19.76 13.7,19.65C13.14,19.53 12.79,19 12.91,18.43L13.77,14.5C13.86,13.97 14.37,13.6 14.92,13.69C15.46,13.78 15.83,14.3 15.74,14.84C15.74,14.88 15.73,14.91 15.72,14.95L14.91,18.86M9.72,21.34C9.33,20.73 9.08,20.05 9,19.34L8.24,16C8.1,15.47 8.41,14.92 9,14.76C9.07,14.75 9.15,14.75 9.22,14.76V3.43C8.31,3.43 7.22,2.86 6.38,3.06C5.54,3.26 4.69,4.44 3.72,4.66C2.61,4.76 1.61,5.35 1,6.28L6.93,19.28L7.14,20.28C7.5,21.9 9.09,22.92 10.71,22.57H10.81C10.38,22.22 10,21.81 9.72,21.34Z" /></svg><svg id="diving-helmet" viewBox="0 0 24 24"><path d="M16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8A4,4 0 0,1 16,12M19.45,7.89L18.07,8.58L18.32,9H20V15H18.33C17.84,16.03 17.11,16.92 16.21,17.6C17.85,18.11 19.1,18.91 19.67,19.86C18.69,21.1 15.62,22 12,22C8.38,22 5.31,21.1 4.33,19.86C4.9,18.91 6.15,18.11 7.79,17.6C6.89,16.92 6.16,16.03 5.67,15H4V9H5.68C6.37,7.54 7.54,6.37 9,5.68V4H15V5.68C15.68,6 16.29,6.46 16.82,7L18.55,6.14C19.93,5.42 20,4.1 20,2H22C22,4.06 22,6.62 19.45,7.89M17,12A5,5 0 0,0 12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12Z" /></svg><svg id="diving-scuba" viewBox="0 0 24 24"><path d="M12,15C13.31,15 14.42,15.83 14.83,17H18A4,4 0 0,1 22,21V22H20V21A2,2 0 0,0 18,19H14.83C14.42,20.17 13.31,21 12,21A3,3 0 0,1 9,18A3,3 0 0,1 12,15M12,17A1,1 0 0,0 11,18A1,1 0 0,0 12,19A1,1 0 0,0 13,18A1,1 0 0,0 12,17M18,3A2,2 0 0,1 20,5V10A2,2 0 0,1 18,12H14.85C14.43,12 14.05,12.24 13.9,12.63C13.7,13.23 13.23,13.71 12.62,13.91C11.58,14.25 10.44,13.68 10.1,12.63C9.95,12.24 9.57,12 9.15,12H6A2,2 0 0,1 4,10V5A2,2 0 0,1 6,3H18M18,10V5H6V10H10.65C10.9,9.46 11.41,9.09 12,9C12.59,9.09 13.1,9.46 13.35,10H18Z" /></svg><svg id="diving-scuba-flag" viewBox="0 0 24 24"><path d="M2,6L19,20H2V6M5,4L22,18V4H5Z" /></svg><svg id="diving-scuba-tank" viewBox="0 0 24 24"><path d="M19,18.5A2.5,2.5 0 0,1 16.5,21A2.5,2.5 0 0,1 14,18.5C14,17.47 14.62,16.59 15.5,16.21V6H11V7.35C12.22,7.93 13,9.15 13,10.5V22H6V10.5C6,9.15 6.78,7.93 8,7.35V6H6V4H8V3.5A1.5,1.5 0 0,1 9.5,2A1.5,1.5 0 0,1 11,3.5V4H15.5A2,2 0 0,1 17.5,6V16.21C18.38,16.59 19,17.47 19,18.5Z" /></svg><svg id="diving-scuba-tank-multiple" viewBox="0 0 24 24"><path d="M22,18.5A2.5,2.5 0 0,1 19.5,21A2.5,2.5 0 0,1 17,18.5C17,17.47 17.62,16.59 18.5,16.21V6H14V7.35C15.22,7.93 16,9.15 16,10.5V22H2V10.5C2,9.15 2.78,7.93 4,7.35V6H2V4H4V3.5A1.5,1.5 0 0,1 5.5,2A1.5,1.5 0 0,1 7,3.5V4H11V3.5A1.5,1.5 0 0,1 12.5,2A1.5,1.5 0 0,1 14,3.5V4H18.5A2,2 0 0,1 20.5,6V16.21C21.38,16.59 22,17.47 22,18.5M11,7.35V6H7V7.35C8.22,7.93 9,9.15 9,10.5C9,9.15 9.78,7.93 11,7.35Z" /></svg><svg id="diving-snorkel" viewBox="0 0 24 24"><path d="M16,3H4A2,2 0 0,0 2,5V10A2,2 0 0,0 4,12H7.15C7.57,12 7.95,12.24 8.1,12.63C8.44,13.68 9.58,14.25 10.62,13.91C11.23,13.71 11.7,13.23 11.9,12.63C12.05,12.24 12.43,12 12.85,12H16A2,2 0 0,0 18,10V5A2,2 0 0,0 16,3M16,10H11.35C11.1,9.46 10.59,9.09 10,9C9.41,9.09 8.9,9.46 8.65,10H4V5H16V10M22,2V15.5A6.5,6.5 0 0,1 15.5,22C13.79,22 12.15,21.32 10.93,20.12C8.95,20.58 6.88,19.79 5.71,18.12L7.62,17.29C8.5,18.22 9.84,18.5 11,18C11.2,17.91 11.39,17.8 11.56,17.67C12.4,17.05 12.87,16.04 12.78,15L14.69,14.17C15.1,16.04 14.41,18 12.9,19.17C13.66,19.71 14.57,20 15.5,20C18,20 20,18 20,15.5V2H22Z" /></svg><svg id="division" viewBox="0 0 24 24"><path d="M19,13H5V11H19V13M12,5A2,2 0 0,1 14,7A2,2 0 0,1 12,9A2,2 0 0,1 10,7A2,2 0 0,1 12,5M12,15A2,2 0 0,1 14,17A2,2 0 0,1 12,19A2,2 0 0,1 10,17A2,2 0 0,1 12,15Z" /></svg><svg id="division-box" viewBox="0 0 24 24"><path d="M17,13V11H7V13H17M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19M12,7A1,1 0 0,0 11,8A1,1 0 0,0 12,9A1,1 0 0,0 13,8A1,1 0 0,0 12,7M12,15A1,1 0 0,0 11,16A1,1 0 0,0 12,17A1,1 0 0,0 13,16A1,1 0 0,0 12,15Z" /></svg><svg id="dlna" viewBox="0 0 24 24"><path d="M21.38,12.56H12.85C11.97,12.56 11.1,12.96 10.61,13.61V13.6C10.12,14.28 9.32,14.72 8.41,14.72C6.92,14.72 5.71,13.5 5.71,12C5.71,10.5 6.92,9.31 8.41,9.31C9.32,9.31 10.12,9.75 10.61,10.43V10.42C11.1,11.07 11.97,11.5 12.85,11.5H21.29C21.45,11.5 22,11.4 22,10.67C21.26,6.43 17.1,3.18 12.06,3.18C8.96,3.18 6.19,4.41 4.34,6.35C4.05,6.79 4.35,6.92 4.63,6.96H10.14C11,6.96 11.89,6.54 12.38,5.89V5.91C12.88,5.23 13.67,4.78 14.58,4.78C16.07,4.78 17.28,6 17.28,7.5C17.28,9 16.07,10.2 14.58,10.2C13.67,10.2 12.88,9.75 12.38,9.07V9.08C11.89,8.44 11,8.03 10.14,8.03H4.13L4.15,8.03C4.15,8.03 3.26,8 2.72,8.75C2.3,9.42 2,10.85 2,12C2,13.16 2.17,14.21 2.72,15.27C3.19,16.03 4.15,16 4.15,16H4.11L10.14,16C11,16 11.89,15.58 12.38,14.93V14.94C12.88,14.26 13.67,13.81 14.58,13.81C16.07,13.81 17.28,15.03 17.28,16.5C17.28,18 16.07,19.23 14.58,19.23C13.67,19.23 12.88,18.78 12.38,18.1V18.12C11.89,17.47 11,17.05 10.14,17.05H4.64C4.36,17.09 4.06,17.22 4.32,17.64C6.17,19.58 8.95,20.82 12.06,20.82C17.11,20.82 21.28,17.57 22,13.31C22,12.72 21.59,12.58 21.38,12.56" /></svg><svg id="dna" viewBox="0 0 24 24"><path d="M4,2H6V4C6,5.44 6.68,6.61 7.88,7.78C8.74,8.61 9.89,9.41 11.09,10.2L9.26,11.39C8.27,10.72 7.31,10 6.5,9.21C5.07,7.82 4,6.1 4,4V2M18,2H20V4C20,6.1 18.93,7.82 17.5,9.21C16.09,10.59 14.29,11.73 12.54,12.84C10.79,13.96 9.09,15.05 7.88,16.22C6.68,17.39 6,18.56 6,20V22H4V20C4,17.9 5.07,16.18 6.5,14.79C7.91,13.41 9.71,12.27 11.46,11.16C13.21,10.04 14.91,8.95 16.12,7.78C17.32,6.61 18,5.44 18,4V2M14.74,12.61C15.73,13.28 16.69,14 17.5,14.79C18.93,16.18 20,17.9 20,20V22H18V20C18,18.56 17.32,17.39 16.12,16.22C15.26,15.39 14.11,14.59 12.91,13.8L14.74,12.61M7,3H17V4L16.94,4.5H7.06L7,4V3M7.68,6H16.32C16.08,6.34 15.8,6.69 15.42,7.06L14.91,7.5H9.07L8.58,7.06C8.2,6.69 7.92,6.34 7.68,6M9.09,16.5H14.93L15.42,16.94C15.8,17.31 16.08,17.66 16.32,18H7.68C7.92,17.66 8.2,17.31 8.58,16.94L9.09,16.5M7.06,19.5H16.94L17,20V21H7V20L7.06,19.5Z" /></svg><svg id="dns" viewBox="0 0 24 24"><path d="M7,9A2,2 0 0,1 5,7A2,2 0 0,1 7,5A2,2 0 0,1 9,7A2,2 0 0,1 7,9M20,3H4A1,1 0 0,0 3,4V10A1,1 0 0,0 4,11H20A1,1 0 0,0 21,10V4A1,1 0 0,0 20,3M7,19A2,2 0 0,1 5,17A2,2 0 0,1 7,15A2,2 0 0,1 9,17A2,2 0 0,1 7,19M20,13H4A1,1 0 0,0 3,14V20A1,1 0 0,0 4,21H20A1,1 0 0,0 21,20V14A1,1 0 0,0 20,13Z" /></svg><svg id="dns-outline" viewBox="0 0 24 24"><path d="M19,15V19H5V15H19M20,13H4A1,1 0 0,0 3,14V20A1,1 0 0,0 4,21H20A1,1 0 0,0 21,20V14A1,1 0 0,0 20,13M7,18.5A1.5,1.5 0 0,1 5.5,17A1.5,1.5 0 0,1 7,15.5A1.5,1.5 0 0,1 8.5,17A1.5,1.5 0 0,1 7,18.5M19,5V9H5V5H19M20,3H4A1,1 0 0,0 3,4V10A1,1 0 0,0 4,11H20A1,1 0 0,0 21,10V4A1,1 0 0,0 20,3M7,8.5A1.5,1.5 0 0,1 5.5,7A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 8.5,7A1.5,1.5 0 0,1 7,8.5Z" /></svg><svg id="do-not-disturb" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,13H7V11H17V13Z" /></svg><svg id="do-not-disturb-off" viewBox="0 0 24 24"><path d="M17,11V13H15.54L20.22,17.68C21.34,16.07 22,14.11 22,12A10,10 0 0,0 12,2C9.89,2 7.93,2.66 6.32,3.78L13.54,11H17M2.27,2.27L1,3.54L3.78,6.32C2.66,7.93 2,9.89 2,12A10,10 0 0,0 12,22C14.11,22 16.07,21.34 17.68,20.22L20.46,23L21.73,21.73L2.27,2.27M7,13V11H8.46L10.46,13H7Z" /></svg><svg id="docker" viewBox="0 0 24 24"><path d="M2.2,9.76H4.44V11.94H2.2V9.76H2.2M4.95,9.76H7.2V11.94H4.95V9.76H4.95M4.95,6.96H7.2V9.14H4.95V6.96M7.71,9.76H9.95V11.94H7.71V9.76H7.71M7.71,6.96H9.95V9.14H7.71V6.96M10.46,9.76H12.71V11.94H10.46V9.76H10.46M10.46,6.96H12.71V9.14H10.46V6.96M13.22,9.76H15.46V11.94H13.22V9.76H13.22M10.46,4.16H12.71V6.34H10.46V4.16M5.33,15.09C5.68,15.09 5.96,15.36 5.96,15.7C5.96,16.03 5.68,16.31 5.33,16.31C5,16.31 4.71,16.03 4.71,15.7C4.71,15.36 5,15.09 5.33,15.09M22.69,10.89V10.89L23,11.06L22.84,11.37C22.2,12.58 20.87,12.95 19.57,12.89C17.62,17.6 13.37,19.84 8.23,19.84C5.57,19.84 3.13,18.87 1.74,16.58L1.72,16.54L1.5,16.14C1.05,15.13 0.89,14.03 1,12.92L1.03,12.59H15.8C16.33,12.59 16.87,12.5 17.36,12.34L18.12,12C17.81,11.6 17.64,11.09 17.6,10.59C17.53,9.91 17.67,9 18.15,8.5L18.39,8.22L18.67,8.44C19.38,9 19.97,9.77 20.08,10.65C20.93,10.41 21.94,10.46 22.69,10.89M5.34,16.85V16.85C6,16.85 6.5,16.33 6.5,15.7C6.5,15.06 6,14.54 5.33,14.54C4.68,14.54 4.15,15.06 4.15,15.7C4.15,16.34 4.68,16.85 5.34,16.85Z" /></svg><svg id="doctor" viewBox="0 0 24 24"><path d="M14.84,16.26C17.86,16.83 20,18.29 20,20V22H4V20C4,18.29 6.14,16.83 9.16,16.26L12,21L14.84,16.26M8,8H16V10A4,4 0 0,1 12,14A4,4 0 0,1 8,10V8M8,7L8.41,2.9C8.46,2.39 8.89,2 9.41,2H14.6C15.11,2 15.54,2.39 15.59,2.9L16,7H8M12,3H11V4H10V5H11V6H12V5H13V4H12V3Z" /></svg><svg id="dog" viewBox="0 0 24 24"><path d="M18,4C16.29,4 15.25,4.33 14.65,4.61C13.88,4.23 13,4 12,4C11,4 10.12,4.23 9.35,4.61C8.75,4.33 7.71,4 6,4C3,4 1,12 1,14C1,14.83 2.32,15.59 4.14,15.9C4.78,18.14 7.8,19.85 11.5,20V15.72C10.91,15.35 10,14.68 10,14C10,13 12,13 12,13C12,13 14,13 14,14C14,14.68 13.09,15.35 12.5,15.72V20C16.2,19.85 19.22,18.14 19.86,15.9C21.68,15.59 23,14.83 23,14C23,12 21,4 18,4M4.15,13.87C3.65,13.75 3.26,13.61 3,13.5C3.25,10.73 5.2,6.4 6.05,6C6.59,6 7,6.06 7.37,6.11C5.27,8.42 4.44,12.04 4.15,13.87M9,12A1,1 0 0,1 8,11C8,10.46 8.45,10 9,10A1,1 0 0,1 10,11C10,11.56 9.55,12 9,12M15,12A1,1 0 0,1 14,11C14,10.46 14.45,10 15,10A1,1 0 0,1 16,11C16,11.56 15.55,12 15,12M19.85,13.87C19.56,12.04 18.73,8.42 16.63,6.11C17,6.06 17.41,6 17.95,6C18.8,6.4 20.75,10.73 21,13.5C20.75,13.61 20.36,13.75 19.85,13.87Z" /></svg><svg id="dog-service" viewBox="0 0 24 24"><path d="M14,8L17,11V21H15V15H8L6,18V21H4V15L5,14V11L2,8L3,7L5,9H7V12A1,1 0 0,0 8,13H12A1,1 0 0,0 13,12V9L14,8M19,5V3L15,7L18,10L19,9L20,10L22,8L19,5M11.5,9.5L4.5,2.5C4.23,2.22 3.79,2.22 3.5,2.5V2.5C3.22,2.77 3.22,3.21 3.5,3.5L10.5,10.5C10.77,10.78 11.21,10.78 11.5,10.5V10.5C11.78,10.23 11.78,9.79 11.5,9.5Z" /></svg><svg id="dog-side" viewBox="0 0 24 24"><path d="M19,3L15,7L18,10L19,9L20,10L22,8L19,5V3M3,7L2,8L5,11V14L4,15V21H6V18L8,15H15V21H17V11L14,8L13,9H5L3,7Z" /></svg><svg id="dolby" viewBox="0 0 24 24"><path d="M2,5V19H22V5H2M6,17H4V7H6C8.86,7.09 11.1,9.33 11,12C11.1,14.67 8.86,16.91 6,17M20,17H18C15.14,16.91 12.9,14.67 13,12C12.9,9.33 15.14,7.09 18,7H20V17Z" /></svg><svg id="domain" viewBox="0 0 24 24"><path d="M18,15H16V17H18M18,11H16V13H18M20,19H12V17H14V15H12V13H14V11H12V9H20M10,7H8V5H10M10,11H8V9H10M10,15H8V13H10M10,19H8V17H10M6,7H4V5H6M6,11H4V9H6M6,15H4V13H6M6,19H4V17H6M12,7V3H2V21H22V7H12Z" /></svg><svg id="domain-off" viewBox="0 0 24 24"><path d="M12,19H16L14,17H12V19M10,15V13H8V15H10M10,19V17H8V19H10M6,11V9H4V11H6M6,15V13H4V15H6M6,19V17H4V19H6M1.31,1.78L22.31,22.69L21,24L18,21H2V5L0.09,3.09L1.31,1.78M16,11H18V13H16V11M8,5V5.91L5.11,3H12V7H22V19.92L20,17.91V9H12V9.89L9.09,7H10V5H8Z" /></svg><svg id="donkey" viewBox="0 0 24 24"><path d="M21.34,10.35L21.27,10.28L21.18,10.19L18,7V6A0.5,0.5 0 0,0 17.5,5.5C17.36,5.5 17.22,5.56 17.13,5.66L13.46,9H7C6.32,9 5.69,9.35 5.32,9.92L2.62,12.59C2.29,13.04 2.39,13.66 2.84,14C3.18,14.24 3.65,14.25 4,14L5,13.07V19H8V15H13V19H16V13.83C16,13.3 16.21,12.79 16.59,12.42L18,11L20,12V12C20.15,12.08 20.32,12.13 20.5,12.13C21.1,12.11 21.59,11.61 21.58,11C21.57,10.76 21.5,10.53 21.34,10.35Z" /></svg><svg id="door" viewBox="0 0 24 24"><path d="M8,3C6.89,3 6,3.89 6,5V21H18V5C18,3.89 17.11,3 16,3H8M8,5H16V19H8V5M13,11V13H15V11H13Z" /></svg><svg id="door-closed" viewBox="0 0 24 24"><path d="M16,11H18V13H16V11M12,3H19C20.11,3 21,3.89 21,5V19H22V21H2V19H10V5C10,3.89 10.89,3 12,3M12,5V19H19V5H12Z" /></svg><svg id="door-open" viewBox="0 0 24 24"><path d="M12,3C10.89,3 10,3.89 10,5H3V19H2V21H22V19H21V5C21,3.89 20.11,3 19,3H12M12,5H19V19H12V5M5,11H7V13H5V11Z" /></svg><svg id="doorbell-video" viewBox="0 0 24 24"><path d="M7.97,2C6.86,2 6,2.88 6,4V19.92C6,21.03 6.86,21.91 7.97,21.91H15.94C17.04,21.91 17.93,21.03 17.93,19.92V4C17.93,2.88 17.04,2 15.94,2H7.97M11.95,5.5C12.78,5.5 13.45,6.15 13.45,6.97C13.45,7.8 12.78,8.47 11.95,8.47C11.13,8.47 10.46,7.8 10.46,6.97C10.46,6.15 11.13,5.5 11.95,5.5M7.97,9.96H15.94V19.92H7.97V9.96M12,13C10.9,13 10,13.87 10,14.97C10,16.07 10.9,16.97 12,16.97C13.1,16.97 14,16.07 14,14.97C14,13.87 13.1,13 12,13Z" /></svg><svg id="dot-net" viewBox="0 0 24 24"><path d="M2,15A1,1 0 0,1 3,16A1,1 0 0,1 2,17A1,1 0 0,1 1,16A1,1 0 0,1 2,15M21,17H19V9H17V7H23V9H21V17M16,7V9H14V11H16V13H14V15H16V17H12V7H16M11,7V17H9L6,11V17H4V7H6L9,13V7H11Z" /></svg><svg id="dots-horizontal" viewBox="0 0 24 24"><path d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z" /></svg><svg id="dots-horizontal-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 12,13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 12,10.5M6.5,10.5A1.5,1.5 0 0,0 5,12A1.5,1.5 0 0,0 6.5,13.5A1.5,1.5 0 0,0 8,12A1.5,1.5 0 0,0 6.5,10.5M17.5,10.5A1.5,1.5 0 0,0 16,12A1.5,1.5 0 0,0 17.5,13.5A1.5,1.5 0 0,0 19,12A1.5,1.5 0 0,0 17.5,10.5Z" /></svg><svg id="dots-horizontal-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M12,10.5A1.5,1.5 0 0,1 13.5,12A1.5,1.5 0 0,1 12,13.5A1.5,1.5 0 0,1 10.5,12A1.5,1.5 0 0,1 12,10.5M7.5,10.5A1.5,1.5 0 0,1 9,12A1.5,1.5 0 0,1 7.5,13.5A1.5,1.5 0 0,1 6,12A1.5,1.5 0 0,1 7.5,10.5M16.5,10.5A1.5,1.5 0 0,1 18,12A1.5,1.5 0 0,1 16.5,13.5A1.5,1.5 0 0,1 15,12A1.5,1.5 0 0,1 16.5,10.5Z" /></svg><svg id="dots-vertical" viewBox="0 0 24 24"><path d="M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z" /></svg><svg id="dots-vertical-circle" viewBox="0 0 24 24"><path d="M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M10.5,12A1.5,1.5 0 0,0 12,13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 12,10.5A1.5,1.5 0 0,0 10.5,12M10.5,17.5A1.5,1.5 0 0,0 12,19A1.5,1.5 0 0,0 13.5,17.5A1.5,1.5 0 0,0 12,16A1.5,1.5 0 0,0 10.5,17.5M10.5,6.5A1.5,1.5 0 0,0 12,8A1.5,1.5 0 0,0 13.5,6.5A1.5,1.5 0 0,0 12,5A1.5,1.5 0 0,0 10.5,6.5Z" /></svg><svg id="dots-vertical-circle-outline" viewBox="0 0 24 24"><path d="M10.5,12A1.5,1.5 0 0,1 12,10.5A1.5,1.5 0 0,1 13.5,12A1.5,1.5 0 0,1 12,13.5A1.5,1.5 0 0,1 10.5,12M10.5,16.5A1.5,1.5 0 0,1 12,15A1.5,1.5 0 0,1 13.5,16.5A1.5,1.5 0 0,1 12,18A1.5,1.5 0 0,1 10.5,16.5M10.5,7.5A1.5,1.5 0 0,1 12,6A1.5,1.5 0 0,1 13.5,7.5A1.5,1.5 0 0,1 12,9A1.5,1.5 0 0,1 10.5,7.5M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="douban" viewBox="0 0 24 24"><path d="M20,6H4V4H20V6M20,18V20H4V18H7.33L6.26,14H5V8H19V14H17.74L16.67,18H20M7,12H17V10H7V12M9.4,18H14.6L15.67,14H8.33L9.4,18Z" /></svg><svg id="download" viewBox="0 0 24 24"><path d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z" /></svg><svg id="download-multiple" viewBox="0 0 24 24"><path d="M9,1V7H5L12,14L19,7H15V1H9M5,16V18H19V16H5M5,20V22H19V20H5Z" /></svg><svg id="download-network" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7C5.89,17 5,16.1 5,15V5A2,2 0 0,1 7,3H17M12,14.5L16.5,10H13V6H11V10H7.5L12,14.5Z" /></svg><svg id="download-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M12,14L16,10H13V6H11V10H8L12,14Z" /></svg><svg id="download-outline" viewBox="0 0 24 24"><path d="M13,5V11H14.17L12,13.17L9.83,11H11V5H13M15,3H9V9H5L12,16L19,9H15V3M19,18H5V20H19V18Z" /></svg><svg id="drag" viewBox="0 0 24 24"><path d="M7,19V17H9V19H7M11,19V17H13V19H11M15,19V17H17V19H15M7,15V13H9V15H7M11,15V13H13V15H11M15,15V13H17V15H15M7,11V9H9V11H7M11,11V9H13V11H11M15,11V9H17V11H15M7,7V5H9V7H7M11,7V5H13V7H11M15,7V5H17V7H15Z" /></svg><svg id="drag-horizontal" viewBox="0 0 24 24"><path d="M3,15V13H5V15H3M3,11V9H5V11H3M7,15V13H9V15H7M7,11V9H9V11H7M11,15V13H13V15H11M11,11V9H13V11H11M15,15V13H17V15H15M15,11V9H17V11H15M19,15V13H21V15H19M19,11V9H21V11H19Z" /></svg><svg id="drag-variant" viewBox="0 0 24 24"><path d="M22.67,12L18.18,16.5L15.67,14L17.65,12L15.67,10.04L18.18,7.53L22.67,12M12,1.33L16.47,5.82L13.96,8.33L12,6.35L10,8.33L7.5,5.82L12,1.33M12,22.67L7.53,18.18L10.04,15.67L12,17.65L14,15.67L16.5,18.18L12,22.67M1.33,12L5.82,7.5L8.33,10L6.35,12L8.33,13.96L5.82,16.47L1.33,12M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10Z" /></svg><svg id="drag-vertical" viewBox="0 0 24 24"><path d="M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z" /></svg><svg id="drama-masks" viewBox="0 0 24 24"><path d="M8.11,19.45C5.94,18.65 4.22,16.78 3.71,14.35L2.05,6.54C1.81,5.46 2.5,4.4 3.58,4.17L13.35,2.1L13.38,2.09C14.45,1.88 15.5,2.57 15.72,3.63L16.07,5.3L20.42,6.23H20.45C21.5,6.47 22.18,7.53 21.96,8.59L20.3,16.41C19.5,20.18 15.78,22.6 12,21.79C10.42,21.46 9.08,20.61 8.11,19.45V19.45M20,8.18L10.23,6.1L8.57,13.92V13.95C8,16.63 9.73,19.27 12.42,19.84C15.11,20.41 17.77,18.69 18.34,16L20,8.18M16,16.5C15.37,17.57 14.11,18.16 12.83,17.89C11.56,17.62 10.65,16.57 10.5,15.34L16,16.5M8.47,5.17L4,6.13L5.66,13.94L5.67,13.97C5.82,14.68 6.12,15.32 6.53,15.87C6.43,15.1 6.45,14.3 6.62,13.5L7.05,11.5C6.6,11.42 6.21,11.17 6,10.81C6.06,10.2 6.56,9.66 7.25,9.5C7.33,9.5 7.4,9.5 7.5,9.5L8.28,5.69C8.32,5.5 8.38,5.33 8.47,5.17M15.03,12.23C15.35,11.7 16.03,11.42 16.72,11.57C17.41,11.71 17.91,12.24 18,12.86C17.67,13.38 17,13.66 16.3,13.5C15.61,13.37 15.11,12.84 15.03,12.23M10.15,11.19C10.47,10.66 11.14,10.38 11.83,10.53C12.5,10.67 13.03,11.21 13.11,11.82C12.78,12.34 12.11,12.63 11.42,12.5C10.73,12.33 10.23,11.8 10.15,11.19M11.97,4.43L13.93,4.85L13.77,4.05L11.97,4.43Z" /></svg><svg id="drawing" viewBox="0 0 24 24"><path d="M8.5,3A5.5,5.5 0 0,1 14,8.5C14,9.83 13.53,11.05 12.74,12H21V21H12V12.74C11.05,13.53 9.83,14 8.5,14A5.5,5.5 0 0,1 3,8.5A5.5,5.5 0 0,1 8.5,3Z" /></svg><svg id="drawing-box" viewBox="0 0 24 24"><path d="M18,18H12V12.21C11.34,12.82 10.47,13.2 9.5,13.2C7.46,13.2 5.8,11.54 5.8,9.5A3.7,3.7 0 0,1 9.5,5.8C11.54,5.8 13.2,7.46 13.2,9.5C13.2,10.47 12.82,11.34 12.21,12H18M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg><svg id="dribbble" viewBox="0 0 24 24"><path d="M16.42,18.42C16,16.5 15.5,14.73 15,13.17C15.5,13.1 16,13.06 16.58,13.06H16.6V13.06H16.6C17.53,13.06 18.55,13.18 19.66,13.43C19.28,15.5 18.08,17.27 16.42,18.42M12,19.8C10.26,19.8 8.66,19.23 7.36,18.26C7.64,17.81 8.23,16.94 9.18,16.04C10.14,15.11 11.5,14.15 13.23,13.58C13.82,15.25 14.36,17.15 14.77,19.29C13.91,19.62 13,19.8 12,19.8M4.2,12C4.2,11.96 4.2,11.93 4.2,11.89C4.42,11.9 4.71,11.9 5.05,11.9H5.06C6.62,11.89 9.36,11.76 12.14,10.89C12.29,11.22 12.44,11.56 12.59,11.92C10.73,12.54 9.27,13.53 8.19,14.5C7.16,15.46 6.45,16.39 6.04,17C4.9,15.66 4.2,13.91 4.2,12M8.55,5C9.1,5.65 10.18,7.06 11.34,9.25C9,9.96 6.61,10.12 5.18,10.12C5.14,10.12 5.1,10.12 5.06,10.12H5.05C4.81,10.12 4.6,10.12 4.43,10.11C5,7.87 6.5,6 8.55,5M12,4.2C13.84,4.2 15.53,4.84 16.86,5.91C15.84,7.14 14.5,8 13.03,8.65C12,6.67 11,5.25 10.34,4.38C10.88,4.27 11.43,4.2 12,4.2M18.13,7.18C19.1,8.42 19.71,9.96 19.79,11.63C18.66,11.39 17.6,11.28 16.6,11.28V11.28H16.59C15.79,11.28 15.04,11.35 14.33,11.47C14.16,11.05 14,10.65 13.81,10.26C15.39,9.57 16.9,8.58 18.13,7.18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="dribbble-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M15.09,16.5C14.81,15.14 14.47,13.91 14.08,12.82L15.2,12.74H15.22V12.74C15.87,12.74 16.59,12.82 17.36,13C17.09,14.44 16.26,15.69 15.09,16.5M12,17.46C10.79,17.46 9.66,17.06 8.76,16.39C8.95,16.07 9.36,15.46 10,14.83C10.7,14.18 11.64,13.5 12.86,13.11C13.28,14.27 13.65,15.6 13.94,17.1C13.33,17.33 12.68,17.46 12,17.46M6.54,12V11.92L7.14,11.93V11.93C8.24,11.93 10.15,11.83 12.1,11.22L12.41,11.94C11.11,12.38 10.09,13.07 9.34,13.76C8.61,14.42 8.12,15.08 7.83,15.5C7.03,14.56 6.54,13.34 6.54,12M9.59,7.11C9.97,7.56 10.73,8.54 11.54,10.08C9.89,10.57 8.23,10.68 7.22,10.68H7.14V10.68H6.7C7.09,9.11 8.17,7.81 9.59,7.11M12,6.54C13.29,6.54 14.47,7 15.41,7.74C14.69,8.6 13.74,9.22 12.72,9.66C12,8.27 11.31,7.28 10.84,6.67C11.21,6.59 11.6,6.54 12,6.54M16.29,8.63C16.97,9.5 17.4,10.57 17.45,11.74C16.66,11.58 15.92,11.5 15.22,11.5V11.5C14.66,11.5 14.13,11.54 13.63,11.63L13.27,10.78C14.37,10.3 15.43,9.61 16.29,8.63M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z" /></svg><svg id="drone" viewBox="0 0 24 24"><path d="M22,11H21L20,9H13.75L16,12.5H14L10.75,9H4C3.45,9 2,8.55 2,8C2,7.45 3.5,5.5 5.5,5.5C7.5,5.5 7.67,6.5 9,7H21A1,1 0 0,1 22,8V9L22,11M10.75,6.5L14,3H16L13.75,6.5H10.75M18,11V9.5H19.75L19,11H18M3,19A1,1 0 0,1 2,18A1,1 0 0,1 3,17A4,4 0 0,1 7,21A1,1 0 0,1 6,22A1,1 0 0,1 5,21A2,2 0 0,0 3,19M11,21A1,1 0 0,1 10,22A1,1 0 0,1 9,21A6,6 0 0,0 3,15A1,1 0 0,1 2,14A1,1 0 0,1 3,13A8,8 0 0,1 11,21Z" /></svg><svg id="dropbox" viewBox="0 0 24 24"><path d="M12,14.56L16.35,18.16L18.2,16.95V18.3L12,22L5.82,18.3V16.95L7.68,18.16L12,14.56M7.68,2.5L12,6.09L16.32,2.5L22.5,6.5L18.23,9.94L22.5,13.36L16.32,17.39L12,13.78L7.68,17.39L1.5,13.36L5.77,9.94L1.5,6.5L7.68,2.5M12,13.68L18.13,9.94L12,6.19L5.87,9.94L12,13.68Z" /></svg><svg id="drupal" viewBox="0 0 24 24"><path d="M20.47,14.65C20.47,15.29 20.25,16.36 19.83,17.1C19.4,17.85 19.08,18.06 18.44,18.06C17.7,17.95 16.31,15.82 15.36,15.72C14.18,15.72 11.73,18.17 9.71,18.17C8.54,18.17 8.11,17.95 7.79,17.74C7.15,17.31 6.94,16.67 6.94,15.82C6.94,14.22 8.43,12.84 10.24,12.84C12.59,12.84 14.18,15.18 15.36,15.08C16.31,15.08 18.23,13.16 19.19,13.16C20.15,12.95 20.47,14 20.47,14.65M16.63,5.28C15.57,4.64 14.61,4.32 13.54,3.68C12.91,3.25 12.05,2.3 11.31,1.44C11,2.83 10.78,3.36 10.24,3.79C9.18,4.53 8.64,4.85 7.69,5.28C6.94,5.7 3,8.05 3,13.16C3,18.27 7.37,22 12.05,22C16.85,22 21,18.5 21,13.27C21.21,8.05 17.27,5.7 16.63,5.28Z" /></svg><svg id="duck" viewBox="0 0 24 24"><path d="M8.5,5A1.5,1.5 0 0,0 7,6.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 10,6.5A1.5,1.5 0 0,0 8.5,5M10,2A5,5 0 0,1 15,7C15,8.7 14.15,10.2 12.86,11.1C14.44,11.25 16.22,11.61 18,12.5C21,14 22,12 22,12C22,12 21,21 15,21H9C9,21 4,21 4,16C4,13 7,12 6,10C2,10 2,6.5 2,6.5C3,7 4.24,7 5,6.65C5.19,4.05 7.36,2 10,2Z" /></svg><svg id="dumbbell" viewBox="0 0 24 24"><path d="M20.57,14.86L22,13.43L20.57,12L17,15.57L8.43,7L12,3.43L10.57,2L9.14,3.43L7.71,2L5.57,4.14L4.14,2.71L2.71,4.14L4.14,5.57L2,7.71L3.43,9.14L2,10.57L3.43,12L7,8.43L15.57,17L12,20.57L13.43,22L14.86,20.57L16.29,22L18.43,19.86L19.86,21.29L21.29,19.86L19.86,18.43L22,16.29L20.57,14.86Z" /></svg><svg id="dump-truck" viewBox="0 0 24 24"><path d="M20,8H19L17,8H15V14H2V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V12L20,8M6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5M18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5M17,12V9.5H19.5L21.46,12H17M18,7H14V13H3L1.57,8H1V6H13L14,5H18V7Z" /></svg><svg id="ear-hearing" viewBox="0 0 24 24"><path d="M17,20C16.71,20 16.44,19.94 16.24,19.85C15.53,19.5 15.03,18.97 14.53,17.47C14,15.91 13.06,15.18 12.14,14.47C11.35,13.86 10.53,13.23 9.82,11.94C9.29,11 9,9.93 9,9C9,6.2 11.2,4 14,4C16.8,4 19,6.2 19,9H21C21,5.07 17.93,2 14,2C10.07,2 7,5.07 7,9C7,10.26 7.38,11.65 8.07,12.9C9,14.55 10.05,15.38 10.92,16.05C11.73,16.67 12.31,17.12 12.63,18.1C13.23,19.92 14,20.94 15.36,21.65C15.87,21.88 16.43,22 17,22A4,4 0 0,0 21,18H19A2,2 0 0,1 17,20M7.64,2.64L6.22,1.22C4.23,3.21 3,5.96 3,9C3,12.04 4.23,14.79 6.22,16.78L7.63,15.37C6,13.74 5,11.5 5,9C5,6.5 6,4.26 7.64,2.64M11.5,9A2.5,2.5 0 0,0 14,11.5A2.5,2.5 0 0,0 16.5,9A2.5,2.5 0 0,0 14,6.5A2.5,2.5 0 0,0 11.5,9Z" /></svg><svg id="ear-hearing-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L20,20.72L18.73,22L12.91,16.18C12.19,16.74 11.67,17.19 11.37,18.1C10.77,19.92 10,20.94 8.64,21.65C8.13,21.88 7.57,22 7,22A4,4 0 0,1 3,18H5A2,2 0 0,0 7,20C7.29,20 7.56,19.94 7.76,19.85C8.47,19.5 8.97,18.97 9.47,17.47C9.91,16.12 10.69,15.39 11.5,14.76L5.04,8.31C5,8.54 5,8.77 5,9H3C3,8.17 3.14,7.39 3.39,6.66L1,4.27M14.18,11.94C14.71,11 15,9.93 15,9C15,6.2 12.8,4 10,4C8.81,4 7.74,4.39 6.89,5.06L5.46,3.63C6.67,2.61 8.25,2 10,2C13.93,2 17,5.07 17,9C17,10.26 16.62,11.65 15.93,12.9L15.47,13.65L14.03,12.2L14.18,11.94M16.36,2.64L17.78,1.22C19.77,3.21 21,5.96 21,9C21,11.83 19.93,14.41 18.18,16.36L16.77,14.94C18.15,13.36 19,11.28 19,9C19,6.5 18,4.26 16.36,2.64M12.5,9C12.5,9.5 12.36,9.93 12.13,10.31L8.69,6.87C9.07,6.64 9.5,6.5 10,6.5A2.5,2.5 0 0,1 12.5,9Z" /></svg><svg id="earth" viewBox="0 0 24 24"><path d="M17.9,17.39C17.64,16.59 16.89,16 16,16H15V13A1,1 0 0,0 14,12H8V10H10A1,1 0 0,0 11,9V7H13A2,2 0 0,0 15,5V4.59C17.93,5.77 20,8.64 20,12C20,14.08 19.2,15.97 17.9,17.39M11,19.93C7.05,19.44 4,16.08 4,12C4,11.38 4.08,10.78 4.21,10.21L9,15V16A2,2 0 0,0 11,18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="earth-box" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H5M15.78,5H19V17.18C18.74,16.38 17.69,15.79 16.8,15.79H15.8V12.79A1,1 0 0,0 14.8,11.79H8.8V9.79H10.8A1,1 0 0,0 11.8,8.79V6.79H13.8C14.83,6.79 15.67,6 15.78,5M5,10.29L9.8,14.79V15.79C9.8,16.9 10.7,17.79 11.8,17.79V19H5V10.29Z" /></svg><svg id="earth-box-off" viewBox="0 0 24 24"><path d="M23,4.27L21,6.27V19A2,2 0 0,1 19,21H6.27L4.27,23L3,21.72L21.72,3L23,4.27M5,3H19.18L17.18,5H15.78C15.67,6 14.83,6.79 13.8,6.79H11.8V8.79C11.8,9.35 11.35,9.79 10.8,9.79H8.8V11.79H10.38L8.55,13.62L5,10.29V17.18L3,19.18V5C3,3.89 3.89,3 5,3M11.8,19V17.79C11.17,17.79 10.6,17.5 10.23,17.04L8.27,19H11.8M15.8,12.79V15.79H16.8C17.69,15.79 18.74,16.38 19,17.18V8.27L15.33,11.94C15.61,12.12 15.8,12.43 15.8,12.79Z" /></svg><svg id="earth-off" viewBox="0 0 24 24"><path d="M22,5.27L20.5,6.75C21.46,8.28 22,10.07 22,12A10,10 0 0,1 12,22C10.08,22 8.28,21.46 6.75,20.5L5.27,22L4,20.72L20.72,4L22,5.27M17.9,17.39C19.2,15.97 20,14.08 20,12C20,10.63 19.66,9.34 19.05,8.22L14.83,12.44C14.94,12.6 15,12.79 15,13V16H16C16.89,16 17.64,16.59 17.9,17.39M11,19.93V18C10.5,18 10.07,17.83 9.73,17.54L8.22,19.05C9.07,19.5 10,19.8 11,19.93M15,4.59V5A2,2 0 0,1 13,7H11V9A1,1 0 0,1 10,10H8V12H10.18L8.09,14.09L4.21,10.21C4.08,10.78 4,11.38 4,12C4,13.74 4.56,15.36 5.5,16.67L4.08,18.1C2.77,16.41 2,14.3 2,12A10,10 0 0,1 12,2C14.3,2 16.41,2.77 18.1,4.08L16.67,5.5C16.16,5.14 15.6,4.83 15,4.59Z" /></svg><svg id="edge" viewBox="0 0 24 24"><path d="M2.74,10.81C3.83,-1.36 22.5,-1.36 21.2,13.56H8.61C8.61,17.85 14.42,19.21 19.54,16.31V20.53C13.25,23.88 5,21.43 5,14.09C5,8.58 9.97,6.81 9.97,6.81C9.97,6.81 8.58,8.58 8.54,10.05H15.7C15.7,2.93 5.9,5.57 2.74,10.81Z" /></svg><svg id="egg" viewBox="0 0 24 24"><path d="M19.5,14.5A7.5,7.5 0 0,1 12,22A7.5,7.5 0 0,1 4.5,14.5C4.5,10.36 7.86,2 12,2C16.14,2 19.5,10.36 19.5,14.5Z" /></svg><svg id="egg-easter" viewBox="0 0 24 24"><path d="M6.89,6.36C8.23,3.91 10,2 12,2C14,2 15.77,3.91 17.11,6.36C16.26,6.57 15.5,7.07 15,7.77C13.79,6.11 11.46,5.75 9.8,6.97C9.5,7.19 9.22,7.46 9,7.77C8.5,7.07 7.74,6.57 6.89,6.36M15,18.06L12,15.06L9,18.06L6,15.06L4.73,16.33C5.75,20.35 9.83,22.77 13.84,21.76C16.5,21.08 18.59,19 19.27,16.33L18,15.06L15,18.06M9,15.94L12,12.94L15,15.94L18,12.94L19.5,14.44C19.37,12.13 18.8,9.86 17.81,7.76C16.65,7.86 15.75,8.83 15.75,10H14.25A2.25,2.25 0 0,0 12,7.75A2.25,2.25 0 0,0 9.75,10H8.25C8.25,8.83 7.35,7.86 6.19,7.76C5.2,9.86 4.63,12.13 4.5,14.44L6,12.94L9,15.94Z" /></svg><svg id="eight-track" viewBox="0 0 24 24"><path d="M7,2L5,5V16L6,20C6.27,21.07 6.9,22 8,22H16A2,2 0 0,0 18,20L19,16V5L17,2H15V3H13V2H7M7,6H17V16H7V6Z" /></svg><svg id="eject" viewBox="0 0 24 24"><path d="M12,5L5.33,15H18.67M5,17H19V19H5V17Z" /></svg><svg id="eject-outline" viewBox="0 0 24 24"><path d="M5,17H19V19H5V17M12,5L5.33,15H18.67L12,5M12,8.6L14.93,13H9.07L12,8.6Z" /></svg><svg id="electric-switch" viewBox="0 0 24 24"><path d="M1,11H3.17C3.58,9.83 4.69,9 6,9C6.65,9 7.25,9.21 7.74,9.56L14.44,4.87L15.58,6.5L8.89,11.2C8.96,11.45 9,11.72 9,12A3,3 0 0,1 6,15C4.69,15 3.58,14.17 3.17,13H1V11M23,11V13H20.83C20.42,14.17 19.31,15 18,15A3,3 0 0,1 15,12A3,3 0 0,1 18,9C19.31,9 20.42,9.83 20.83,11H23M6,11A1,1 0 0,0 5,12A1,1 0 0,0 6,13A1,1 0 0,0 7,12A1,1 0 0,0 6,11M18,11A1,1 0 0,0 17,12A1,1 0 0,0 18,13A1,1 0 0,0 19,12A1,1 0 0,0 18,11Z" /></svg><svg id="elephant" viewBox="0 0 24 24"><path d="M19.5,15.5A0.5,0.5 0 0,1 19,16A0.5,0.5 0 0,1 18.5,15.5V8.5C18.5,6.57 16.43,5 14.5,5H6A4,4 0 0,0 2,9V19H6V15H11V19H15V14.5A0.5,0.5 0 0,1 15.5,14A0.5,0.5 0 0,1 16,14.5V16A3,3 0 0,0 19,19A3,3 0 0,0 22,16V14H19.5V15.5Z" /></svg><svg id="elevation-decline" viewBox="0 0 24 24"><path d="M21,21H3V11.25L9.45,15L13.22,12.8L21,17.29V21M3,8.94V6.75L9.45,10.5L13.22,8.3L21,12.79V15L13.22,10.5L9.45,12.67L3,8.94Z" /></svg><svg id="elevation-rise" viewBox="0 0 24 24"><path d="M3,21V17.29L10.78,12.8L14.55,15L21,11.25V21H3M21,8.94L14.55,12.67L10.78,10.5L3,15V12.79L10.78,8.3L14.55,10.5L21,6.75V8.94Z" /></svg><svg id="elevator" viewBox="0 0 24 24"><path d="M7,2L11,6H8V10H6V6H3L7,2M17,10L13,6H16V2H18V6H21L17,10M7,12H17A2,2 0 0,1 19,14V20A2,2 0 0,1 17,22H7A2,2 0 0,1 5,20V14A2,2 0 0,1 7,12M7,14V20H17V14H7Z" /></svg><svg id="ellipse" viewBox="0 0 24 24"><path d="M12,4C6.5,4 2,7.58 2,12C2,16.42 6.5,20 12,20C17.5,20 22,16.42 22,12C22,7.58 17.5,4 12,4Z" /></svg><svg id="ellipse-outline" viewBox="0 0 24 24"><path d="M12,6C16.41,6 20,8.69 20,12C20,15.31 16.41,18 12,18C7.59,18 4,15.31 4,12C4,8.69 7.59,6 12,6M12,4C6.5,4 2,7.58 2,12C2,16.42 6.5,20 12,20C17.5,20 22,16.42 22,12C22,7.58 17.5,4 12,4Z" /></svg><svg id="email" viewBox="0 0 24 24"><path d="M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" /></svg><svg id="email-alert" viewBox="0 0 24 24"><path d="M16,9V7L10,11L4,7V9L10,13L16,9M16,5A2,2 0 0,1 18,7V16A2,2 0 0,1 16,18H4C2.89,18 2,17.1 2,16V7A2,2 0 0,1 4,5H16M20,12V7H22V12H20M20,16V14H22V16H20Z" /></svg><svg id="email-box" viewBox="0 0 24 24"><path d="M5,3A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5M6.4,6.5H17.6C18.37,6.5 19,7.12 19,7.9V16.1A1.4,1.4 0 0,1 17.6,17.5H6.4C5.63,17.5 5,16.87 5,16.1V7.9C5,7.12 5.62,6.5 6.4,6.5M6,8V10L12,14L18,10V8L12,12L6,8Z" /></svg><svg id="email-check" viewBox="0 0 24 24"><path d="M21,13.34C20.37,13.12 19.7,13 19,13A6,6 0 0,0 13,19C13,19.34 13.03,19.67 13.08,20H3A2,2 0 0,1 1,18V6C1,4.89 1.89,4 3,4H19A2,2 0 0,1 21,6V13.34M23.5,17L18.5,22L15,18.5L16.5,17L18.5,19L22,15.5L23.5,17M3,6V8L11,13L19,8V6L11,11L3,6Z" /></svg><svg id="email-check-outline" viewBox="0 0 24 24"><path d="M23.5,17L18.5,22L15,18.5L16.5,17L18.5,19L22,15.5L23.5,17M1,6V18A2,2 0 0,0 3,20H13V18H3V8.37L11,13.36L19,8.37V13H21V6A2,2 0 0,0 19,4H3C1.89,4 1,4.89 1,6M3,6H19L11,11L3,6Z" /></svg><svg id="email-lock" viewBox="0 0 24 24"><path d="M20.5,0A2.5,2.5 0 0,1 23,2.5V3A1,1 0 0,1 24,4V8A1,1 0 0,1 23,9H18A1,1 0 0,1 17,8V4A1,1 0 0,1 18,3V2.5A2.5,2.5 0 0,1 20.5,0M12,11L4,6V8L12,13L16.18,10.39C16.69,10.77 17.32,11 18,11H22V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H15V8C15,8.36 15.06,8.7 15.18,9L12,11M20.5,1A1.5,1.5 0 0,0 19,2.5V3H22V2.5A1.5,1.5 0 0,0 20.5,1Z" /></svg><svg id="email-mark-as-unread" viewBox="0 0 24 24"><path d="M18.84,7H16.22L10.5,4L4,7.41V17A2,2 0 0,1 2,15V7.17C2,6.5 2.28,6.06 2.81,5.81L10.5,2L18.05,5.81C18.5,6.09 18.78,6.5 18.84,7M7,8H20A2,2 0 0,1 22,10V19A2,2 0 0,1 20,21H7A2,2 0 0,1 5,19V10A2,2 0 0,1 7,8M20,11.67V10L13.5,13.31L7,10V11.67L13.5,15L20,11.67Z" /></svg><svg id="email-open" viewBox="0 0 24 24"><path d="M4,8L12,13L20,8V8L12,3L4,8V8M22,8V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V8C2,7.27 2.39,6.64 2.97,6.29L12,0.64L21.03,6.29C21.61,6.64 22,7.27 22,8Z" /></svg><svg id="email-open-outline" viewBox="0 0 24 24"><path d="M12,15.36L4,10.36V18H20V10.36L12,15.36M4,8L12,13L20,8V8L12,3L4,8V8M22,8V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V8C2,7.27 2.39,6.64 2.97,6.29L12,0.64L21.03,6.29C21.61,6.64 22,7.27 22,8Z" /></svg><svg id="email-outline" viewBox="0 0 24 24"><path d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4M12,11L20,6H4L12,11M4,18H20V8.37L12,13.36L4,8.37V18Z" /></svg><svg id="email-plus" viewBox="0 0 24 24"><path d="M3,4C1.89,4 1,4.89 1,6V18A2,2 0 0,0 3,20H14.09C14.03,19.67 14,19.34 14,19A6,6 0 0,1 20,13C20.34,13 20.67,13.03 21,13.09V6C21,4.89 20.1,4 19,4H3M3,6L11,11L19,6V8L11,13L3,8V6M19,15V18H16V20H19V23H21V20H24V18H21V15H19Z" /></svg><svg id="email-plus-outline" viewBox="0 0 24 24"><path d="M3,4C1.89,4 1,4.89 1,6V18A2,2 0 0,0 3,20H14V18H3V8.37L11,13.36L19,8.37V13H21V6A2,2 0 0,0 19,4H3M3,6H19L11,11L3,6M19,15V18H16V20H19V23H21V20H24V18H21V15H19Z" /></svg><svg id="email-search" viewBox="0 0 24 24"><path d="M3,4H19A2,2 0 0,1 21,6V10.82C20,9.85 18.7,9.23 17.31,9.06L19,8V6L11,11L3,6V8L10.62,12.76C10.21,13.62 10,14.55 10,15.5C10,17.18 10.65,18.79 11.81,20H3A2,2 0 0,1 1,18V6C1,4.89 1.89,4 3,4M16.5,11C19,11 21,13 21,15.5C21,16.38 20.75,17.21 20.31,17.9L23.39,21L22,22.39L18.88,19.32C18.19,19.75 17.37,20 16.5,20C14,20 12,18 12,15.5C12,13 14,11 16.5,11M16.5,13A2.5,2.5 0 0,0 14,15.5A2.5,2.5 0 0,0 16.5,18A2.5,2.5 0 0,0 19,15.5A2.5,2.5 0 0,0 16.5,13Z" /></svg><svg id="email-search-outline" viewBox="0 0 24 24"><path d="M3,4H19A2,2 0 0,1 21,6V10.82C20.42,10.26 19.74,9.81 19,9.5V8.37L17.78,9.13C17.36,9.04 16.93,9 16.5,9C13.86,9 11.5,10.6 10.5,13.04L3,8.37V18H10.5C10.81,18.74 11.26,19.42 11.81,20H3C1.89,20 1,19.1 1,18V6C1,4.89 1.89,4 3,4M3,6L11,11L19,6H3M16.5,11C19,11 21,13 21,15.5C21,16.38 20.75,17.21 20.31,17.9L23.39,21L22,22.39L18.88,19.32C18.19,19.75 17.37,20 16.5,20C14,20 12,18 12,15.5C12,13 14,11 16.5,11M16.5,13A2.5,2.5 0 0,0 14,15.5A2.5,2.5 0 0,0 16.5,18A2.5,2.5 0 0,0 19,15.5A2.5,2.5 0 0,0 16.5,13Z" /></svg><svg id="email-variant" viewBox="0 0 24 24"><path d="M12,13L2,6.76V6C2,4.89 2.89,4 4,4H20A2,2 0 0,1 22,6V6.75L12,13M22,18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V9.11L4,10.36V18H20V10.36L22,9.11V18Z" /></svg><svg id="ember" viewBox="0 0 24 24"><path d="M22,14.22C22,14.22 17.61,17.35 14.72,17.39C11.84,17.44 12.13,15.56 12.13,15.56C12.13,15.56 22.71,11.94 19.83,4.79C18.53,2.95 17,2.37 14.89,2.42C12.76,2.46 10.17,3.76 8.46,7.6C7.64,9.44 7.41,11.18 7.24,12.5V12.5C7.24,12.5 5.32,12.88 4.32,12.04C3.32,11.2 2.77,12.04 2.77,12.04C2.77,12.04 1.03,14.2 2.75,14.87C4.46,15.54 7.12,15.82 7.12,15.82V15.82C7.36,17 8.08,19 10.17,20.6C13.3,23 19.32,20.4 19.32,20.4M11.63,12.33C11.76,7.36 15,5.18 16.15,6.27C17.27,7.36 16.86,9.7 14.72,11.16C12.59,12.63 11.63,12.33 11.63,12.33Z" /></svg><svg id="emby" viewBox="0 0 24 24"><path d="M11,2L6,7L7,8L2,13L7,18L8,17L13,22L18,17L17,16L22,11L17,6L16,7L11,2M10,8.5L16,12L10,15.5V8.5Z" /></svg><svg id="emoticon" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M15.5,8A1.5,1.5 0 0,1 17,9.5A1.5,1.5 0 0,1 15.5,11A1.5,1.5 0 0,1 14,9.5A1.5,1.5 0 0,1 15.5,8M8.5,8A1.5,1.5 0 0,1 10,9.5A1.5,1.5 0 0,1 8.5,11A1.5,1.5 0 0,1 7,9.5A1.5,1.5 0 0,1 8.5,8M12,17.5C9.67,17.5 7.69,16.04 6.89,14H17.11C16.3,16.04 14.33,17.5 12,17.5Z" /></svg><svg id="emoticon-angry" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,9.5V8L10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5M14.77,17.23C14.32,16.5 13.25,16 12,16C10.75,16 9.68,16.5 9.23,17.23L7.81,15.81C8.71,14.72 10.25,14 12,14C13.75,14 15.29,14.72 16.19,15.81L14.77,17.23M17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,9.5L17,8V9.5Z" /></svg><svg id="emoticon-angry-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,14C13.75,14 15.29,14.72 16.19,15.81L14.77,17.23C14.32,16.5 13.25,16 12,16C10.75,16 9.68,16.5 9.23,17.23L7.81,15.81C8.71,14.72 10.25,14 12,14M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5V8L10,9.5M17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,9.5L17,8V9.5" /></svg><svg id="emoticon-cool" viewBox="0 0 24 24"><path d="M3.22,7.22C4.91,4.11 8.21,2 12,2C15.79,2 19.09,4.11 20.78,7.22L20,8H4L3.22,7.22M21.4,8.6C21.78,9.67 22,10.81 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12C2,10.81 2.22,9.67 2.6,8.6L4,10H5C5,11.38 7.12,12.5 8.5,12.5C9.88,12.5 11.25,11.38 11.25,10H12.75C12.75,11.38 14.12,12.5 15.5,12.5C16.88,12.5 19,11.38 19,10H20L21.4,8.6M16.19,15.42L14.77,14C14.32,14.72 13.25,15.23 12,15.23C10.75,15.23 9.68,14.72 9.23,14L7.81,15.42C8.71,16.5 10.25,17.23 12,17.23C13.75,17.23 15.29,16.5 16.19,15.42Z" /></svg><svg id="emoticon-cool-outline" viewBox="0 0 24 24"><path d="M19,10C19,11.38 16.88,12.5 15.5,12.5C14.12,12.5 12.75,11.38 12.75,10H11.25C11.25,11.38 9.88,12.5 8.5,12.5C7.12,12.5 5,11.38 5,10H4.25C4.09,10.64 4,11.31 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12C20,11.31 19.91,10.64 19.75,10H19M12,4C9.04,4 6.45,5.61 5.07,8H18.93C17.55,5.61 14.96,4 12,4M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23Z" /></svg><svg id="emoticon-cry" viewBox="0 0 24 24"><path d="M5.14,17.57C5.14,16.5 6.32,14.5 7.57,12.81C8.82,14.5 10,16.5 10,17.57A2.43,2.43 0 0,1 7.57,20C6.23,20 5.14,18.91 5.14,17.57M22,12A10,10 0 0,1 12,22C11.08,22 10.18,21.86 9.33,21.63C10.9,20.95 12,19.39 12,17.57C12,17.12 11.89,16.6 11.69,16C11.79,16 11.89,16 12,16C13.25,16 14.32,16.5 14.77,17.23L16.19,15.81C15.29,14.72 13.75,14 12,14C11.59,14 11.19,14.04 10.81,14.12C10.38,13.36 9.85,12.53 9.19,11.63L8.71,11C9.42,10.87 10,10.23 10,9.5C10,8.7 9.3,8 8.5,8C7.7,8 7,8.7 7,9.5C7,9.69 7.04,9.87 7.11,10.04L5.96,11.63C4.4,13.75 3.5,15.5 3.23,16.81C2.45,15.38 2,13.74 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M17,9.5C17,8.7 16.3,8 15.5,8C14.7,8 14,8.7 14,9.5C14,10.3 14.7,11 15.5,11C16.3,11 17,10.3 17,9.5Z" /></svg><svg id="emoticon-cry-outline" viewBox="0 0 24 24"><path d="M7.57,20C6.23,20 5.14,18.91 5.14,17.57C5.14,16.5 6.32,14.5 7.57,12.81C8.82,14.5 10,16.5 10,17.57A2.43,2.43 0 0,1 7.57,20M12,2A10,10 0 0,0 2,12C2,13.75 2.45,15.38 3.24,16.81C3.4,16 3.81,15.07 4.31,14.17C4.11,13.5 4,12.75 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20C11.76,20 11.53,20 11.29,19.96C10.82,20.7 10.14,21.28 9.34,21.63C10.19,21.87 11.08,22 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,14C11.59,14 11.19,14.04 10.81,14.12C11.16,14.75 11.47,15.4 11.69,16C11.79,16 11.89,16 12,16C13.25,16 14.32,16.5 14.77,17.23L16.19,15.81C15.29,14.72 13.75,14 12,14M15.5,8C14.7,8 14,8.7 14,9.5C14,10.3 14.7,11 15.5,11C16.3,11 17,10.3 17,9.5C17,8.7 16.3,8 15.5,8M10,9.5C10,8.7 9.3,8 8.5,8C7.7,8 7,8.7 7,9.5C7,10.3 7.7,11 8.5,11C9.3,11 10,10.3 10,9.5" /></svg><svg id="emoticon-dead" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2M6.76,8.82L7.82,7.76L8.88,8.82L9.94,7.76L11,8.82L9.94,9.88L11,10.94L9.94,12L8.88,10.94L7.82,12L6.76,10.94L7.82,9.88L6.76,8.82M6.89,17.5C7.69,15.46 9.67,14 12,14C14.33,14 16.31,15.46 17.11,17.5H6.89M17.24,10.94L16.18,12L15.12,10.94L14.06,12L13,10.94L14.06,9.88L13,8.82L14.06,7.76L15.12,8.82L16.18,7.76L17.24,8.82L16.18,9.88L17.24,10.94Z" /></svg><svg id="emoticon-dead-outline" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M16.18,7.76L15.12,8.82L14.06,7.76L13,8.82L14.06,9.88L13,10.94L14.06,12L15.12,10.94L16.18,12L17.24,10.94L16.18,9.88L17.24,8.82L16.18,7.76M7.82,12L8.88,10.94L9.94,12L11,10.94L9.94,9.88L11,8.82L9.94,7.76L8.88,8.82L7.82,7.76L6.76,8.82L7.82,9.88L6.76,10.94L7.82,12M12,14C9.67,14 7.69,15.46 6.89,17.5H17.11C16.31,15.46 14.33,14 12,14Z" /></svg><svg id="emoticon-devil" viewBox="0 0 24 24"><path d="M22.5,2.09C21.6,3 20.13,3.73 18.31,4.25C16.59,2.84 14.39,2 12,2C9.61,2 7.41,2.84 5.69,4.25C3.87,3.73 2.4,3 1.5,2.09C1.53,3.72 2.35,5.21 3.72,6.4C2.63,8 2,9.92 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,9.92 21.37,8 20.28,6.4C21.65,5.21 22.47,3.72 22.5,2.09M7.5,8.5L10.5,10C10.5,10.8 9.8,11.5 9,11.5C8.2,11.5 7.5,10.8 7.5,10V8.5M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23M16.5,10C16.5,10.8 15.8,11.5 15,11.5C14.2,11.5 13.5,10.8 13.5,10L16.5,8.5V10Z" /></svg><svg id="emoticon-devil-outline" viewBox="0 0 24 24"><path d="M1.5,2.09C2.4,3 3.87,3.73 5.69,4.25C7.41,2.84 9.61,2 12,2C14.39,2 16.59,2.84 18.31,4.25C20.13,3.73 21.6,3 22.5,2.09C22.47,3.72 21.65,5.21 20.28,6.4C21.37,8 22,9.92 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12C2,9.92 2.63,8 3.72,6.4C2.35,5.21 1.53,3.72 1.5,2.09M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M10.5,10C10.5,10.8 9.8,11.5 9,11.5C8.2,11.5 7.5,10.8 7.5,10V8.5L10.5,10M16.5,10C16.5,10.8 15.8,11.5 15,11.5C14.2,11.5 13.5,10.8 13.5,10L16.5,8.5V10M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23Z" /></svg><svg id="emoticon-excited" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2M8.88,7.82L11,9.94L9.94,11L8.88,9.94L7.82,11L6.76,9.94L8.88,7.82M12,17.5C9.67,17.5 7.69,16.04 6.89,14H17.11C16.31,16.04 14.33,17.5 12,17.5M16.18,11L15.12,9.94L14.06,11L13,9.94L15.12,7.82L17.24,9.94L16.18,11Z" /></svg><svg id="emoticon-excited-outline" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M13,9.94L14.06,11L15.12,9.94L16.18,11L17.24,9.94L15.12,7.82L13,9.94M8.88,9.94L9.94,11L11,9.94L8.88,7.82L6.76,9.94L7.82,11L8.88,9.94M12,17.5C14.33,17.5 16.31,16.04 17.11,14H6.89C7.69,16.04 9.67,17.5 12,17.5Z" /></svg><svg id="emoticon-happy" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,9.5C7,8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23M15.5,11C14.7,11 14,10.3 14,9.5C14,8.7 14.7,8 15.5,8C16.3,8 17,8.7 17,9.5C17,10.3 16.3,11 15.5,11Z" /></svg><svg id="emoticon-happy-outline" viewBox="0 0 24 24"><path d="M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5C7,8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5M17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,9.5C14,8.7 14.7,8 15.5,8C16.3,8 17,8.7 17,9.5M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23Z" /></svg><svg id="emoticon-kiss" viewBox="0 0 24 24"><path d="M18.9,18.94L15.94,16C15.76,15.79 15.55,15.5 15.55,15.05A1.3,1.3 0 0,1 16.85,13.75C17.19,13.75 17.53,13.89 17.77,14.15L18.91,15.26L20.03,14.13C20.27,13.89 20.61,13.75 20.95,13.75A1.3,1.3 0 0,1 22.25,15.05C22.25,15.39 22.11,15.73 21.87,15.97L18.9,18.94M17.46,19.62C15.72,21.1 13.47,22 11,22A10,10 0 0,1 1,12A10,10 0 0,1 11,2A10,10 0 0,1 21,12C21,12.09 21,12.17 20.95,12.25C20.21,12.25 19.5,12.55 18.97,13.07L18.9,13.14L18.84,13.09C18.32,12.55 17.6,12.25 16.85,12.25A2.8,2.8 0 0,0 14.05,15.05C14.05,15.78 14.34,16.5 14.87,17.03L17.46,19.62M13,9.5C13,10.3 13.7,11 14.5,11C15.3,11 16,10.3 16,9.5C16,8.7 15.3,8 14.5,8C13.7,8 13,8.7 13,9.5M9,9.5C9,8.7 8.3,8 7.5,8C6.7,8 6,8.7 6,9.5C6,10.3 6.7,11 7.5,11C8.3,11 9,10.3 9,9.5M12.94,15.18L14,14.12L11.88,12L10.82,13.06L11.88,14.12L10.82,15.18L11.88,16.24L10.82,17.3L11.88,18.36L14,16.24L12.94,15.18Z" /></svg><svg id="emoticon-kiss-outline" viewBox="0 0 24 24"><path d="M9,9.5C9,10.3 8.3,11 7.5,11C6.7,11 6,10.3 6,9.5C6,8.7 6.7,8 7.5,8C8.3,8 9,8.7 9,9.5M16,9.5C16,10.3 15.3,11 14.5,11C13.7,11 13,10.3 13,9.5C13,8.7 13.7,8 14.5,8C15.3,8 16,8.7 16,9.5M14,14.12L11.88,12L10.82,13.06L11.88,14.12L10.82,15.18L11.88,16.24L10.82,17.3L11.88,18.36L14,16.24L12.94,15.18L14,14.12M16.85,13A2.05,2.05 0 0,0 14.8,15.05C14.8,15.62 15.03,16.12 15.4,16.5L18.9,20L22.4,16.5C22.77,16.13 23,15.61 23,15.05A2.05,2.05 0 0,0 20.95,13C20.4,13 19.87,13.23 19.5,13.6L18.9,14.2L18.3,13.61C17.93,13.23 17.4,13 16.85,13M15,18.92C13.82,19.6 12.46,20 11,20A8,8 0 0,1 3,12A8,8 0 0,1 11,4C15.26,4 18.73,7.33 19,11.5C19.58,11.19 20.26,11 20.95,11C20.45,5.95 16.18,2 11,2A10,10 0 0,0 1,12A10,10 0 0,0 11,22C13,22 14.88,21.4 16.45,20.38L15,18.92Z" /></svg><svg id="emoticon-neutral" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,9.5A1.5,1.5 0 0,1 8.5,8A1.5,1.5 0 0,1 10,9.5A1.5,1.5 0 0,1 8.5,11A1.5,1.5 0 0,1 7,9.5M16,16H8V14H16V16M15.5,11A1.5,1.5 0 0,1 14,9.5A1.5,1.5 0 0,1 15.5,8A1.5,1.5 0 0,1 17,9.5A1.5,1.5 0 0,1 15.5,11Z" /></svg><svg id="emoticon-neutral-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M8.5,11A1.5,1.5 0 0,1 7,9.5A1.5,1.5 0 0,1 8.5,8A1.5,1.5 0 0,1 10,9.5A1.5,1.5 0 0,1 8.5,11M17,9.5A1.5,1.5 0 0,1 15.5,11A1.5,1.5 0 0,1 14,9.5A1.5,1.5 0 0,1 15.5,8A1.5,1.5 0 0,1 17,9.5M16,14V16H8V14H16Z" /></svg><svg id="emoticon-outline" viewBox="0 0 24 24"><path d="M12,17.5C14.33,17.5 16.3,16.04 17.11,14H6.89C7.69,16.04 9.67,17.5 12,17.5M8.5,11A1.5,1.5 0 0,0 10,9.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 7,9.5A1.5,1.5 0 0,0 8.5,11M15.5,11A1.5,1.5 0 0,0 17,9.5A1.5,1.5 0 0,0 15.5,8A1.5,1.5 0 0,0 14,9.5A1.5,1.5 0 0,0 15.5,11M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="emoticon-poop" viewBox="0 0 24 24"><path d="M11.36,2C11.15,2 10.87,2.12 10.57,2.32C10,2.7 8.85,3.9 8.4,5.1C8.06,6 8.05,6.82 8.19,7.43C7.63,7.53 7.22,7.71 7.06,7.78C6.55,8 5.47,8.96 5.37,10.45C5.34,10.97 5.41,11.5 5.57,12C4.91,12.19 4.53,12.43 4.5,12.44C4.18,12.56 3.65,12.93 3.5,13.13C3.15,13.53 2.92,14 2.79,14.5C2.5,15.59 2.6,16.83 3.13,17.83C3.42,18.39 3.82,19 4.26,19.43C5.7,20.91 8.18,21.47 10.14,21.79C12.53,22.19 15.03,22.05 17.26,21.13C20.61,19.74 21.5,17.5 21.64,16.89C21.93,15.5 21.57,14.19 21.42,13.87C21.2,13.41 20.84,12.94 20.25,12.64C19.85,12.39 19.5,12.26 19.24,12.2C19.5,11.25 19.13,10.5 18.62,9.94C17.85,9.12 17.06,9 17.06,9V9C17.32,8.5 17.42,7.9 17.28,7.32C17.12,6.61 16.73,6.16 16.22,5.86C15.7,5.55 15.06,5.4 14.4,5.28C14.08,5.22 12.75,5.03 12.2,4.27C11.75,3.65 11.74,2.53 11.62,2.2C11.57,2.07 11.5,2 11.36,2M16,9.61C16.07,9.61 16.13,9.62 16.19,9.62C17.62,9.78 18.64,11.16 18.47,12.69C18.3,14.22 17,15.34 15.57,15.18V15.18C14.14,15 13.12,13.65 13.29,12.11C13.45,10.66 14.64,9.56 16,9.61M8.62,9.61C9.95,9.65 11.06,10.78 11.16,12.21C11.28,13.75 10.21,15.08 8.78,15.19H8.77C7.34,15.3 6.08,14.14 5.96,12.6V12.6C5.85,11.06 6.92,9.73 8.35,9.62V9.62C8.44,9.61 8.53,9.61 8.62,9.61M8.64,11.31C8.6,11.31 8.57,11.31 8.53,11.32C7.97,11.39 7.57,11.9 7.64,12.45C7.7,13 8.21,13.39 8.77,13.32C9.33,13.25 9.73,12.74 9.67,12.19C9.61,11.67 9.15,11.3 8.64,11.31M15.94,11.33C15.42,11.35 15,11.75 14.96,12.28C14.92,12.83 15.35,13.31 15.91,13.34C16.5,13.38 16.96,12.95 17,12.4C17.04,11.84 16.61,11.36 16.05,11.33C16,11.33 16,11.33 15.94,11.33M8.71,16.15C9,16.14 9.26,16.23 9.5,16.28C10.68,16.5 11.7,16.53 12.19,16.53C12.68,16.53 13.69,16.5 14.86,16.28C15.27,16.2 15.74,16.03 16.11,16.28C16.59,16.6 16.24,17.75 15.5,18.53C15.04,19 13.97,19.91 12.19,19.91C10.41,19.91 9.33,19 8.88,18.53C8.14,17.75 7.79,16.6 8.26,16.28C8.4,16.19 8.55,16.15 8.71,16.15Z" /></svg><svg id="emoticon-poop-outline" viewBox="0 0 24 24"><path d="M21.42,13.87C21.2,13.41 20.84,12.94 20.25,12.64C19.85,12.39 19.5,12.26 19.24,12.2C19.5,11.25 19.13,10.5 18.62,9.94C17.85,9.12 17.06,9 17.06,9C17.32,8.5 17.42,7.9 17.28,7.32C17.12,6.61 16.73,6.16 16.22,5.86C15.7,5.55 15.06,5.4 14.4,5.28C14.08,5.22 12.75,5.03 12.2,4.27C11.75,3.65 11.74,2.53 11.62,2.2C11.57,2.07 11.5,2 11.36,2C11.15,2 10.87,2.12 10.57,2.32C10,2.7 8.85,3.9 8.4,5.1C8.06,6 8.05,6.82 8.19,7.43C7.63,7.53 7.22,7.71 7.06,7.78C6.55,8 5.47,8.96 5.37,10.45C5.34,10.89 5.41,11.34 5.5,11.78C5.5,11.86 5.5,11.94 5.5,12.03C4.88,12.22 4.53,12.43 4.5,12.44C4.18,12.56 3.65,12.93 3.5,13.13C3.15,13.53 2.92,14 2.79,14.5C2.5,15.59 2.6,16.83 3.13,17.83C3.42,18.39 3.82,19 4.26,19.43C5.7,20.91 8.18,21.47 10.14,21.79C10.96,21.93 11.8,22 12.63,22C14.22,22 15.8,21.73 17.26,21.13C20.61,19.74 21.5,17.5 21.64,16.89C21.93,15.5 21.57,14.19 21.42,13.87M16.05,11.33C16.61,11.36 17.04,11.84 17,12.4C16.96,12.95 16.5,13.38 15.91,13.34C15.35,13.31 14.92,12.83 14.96,12.28C15,11.75 15.42,11.35 15.94,11.33C16,11.33 16,11.33 16.05,11.33M20.18,16.55C20.17,16.57 19.7,18.5 16.69,19.74C15.47,20.25 14.1,20.5 12.63,20.5C11.9,20.5 11.14,20.44 10.38,20.31C8.76,20.05 6.5,19.56 5.31,18.36C5.04,18.09 4.72,17.63 4.46,17.13C4.12,16.5 4.04,15.65 4.24,14.88C4.32,14.58 4.45,14.32 4.63,14.12L4.65,14.09C4.74,14 4.95,13.88 5.03,13.84V13.84L5.14,13.8L5.26,13.74C5.32,13.7 5.46,13.63 5.67,13.55C6.13,14.81 7.28,15.7 8.59,15.7C8.67,15.7 8.74,15.69 8.82,15.69C9.65,15.63 10.41,15.22 10.94,14.55C11.47,13.89 11.73,13.04 11.66,12.17C11.54,10.5 10.22,9.16 8.64,9.11H8.62C8.5,9.11 8.4,9.11 8.31,9.12C8,9.15 7.73,9.23 7.46,9.34C7.55,9.24 7.63,9.17 7.66,9.15C7.79,9.1 8.07,9 8.45,8.91L10,8.63L9.65,7.09C9.61,6.9 9.53,6.35 9.81,5.63C9.96,5.2 10.27,4.76 10.58,4.38C10.68,4.65 10.81,4.91 11,5.15C11.77,6.23 13.12,6.58 14.06,6.74L14.13,6.76C14.6,6.84 15.13,6.95 15.46,7.15C15.67,7.28 15.76,7.41 15.82,7.67C15.87,7.87 15.84,8.1 15.73,8.31L15.21,9.2C13.95,9.5 12.95,10.64 12.79,12.06C12.59,13.87 13.78,15.46 15.5,15.68C15.62,15.69 15.74,15.7 15.85,15.7C16.56,15.7 17.25,15.44 17.82,14.95C18.23,14.59 18.54,14.13 18.74,13.62L18.9,13.66C19,13.68 19.17,13.74 19.45,13.91L19.5,13.95L19.57,14C19.78,14.08 19.94,14.26 20.05,14.5C20.13,14.67 20.38,15.6 20.18,16.55M7.64,12.45C7.57,11.9 7.97,11.39 8.53,11.32C8.57,11.31 8.6,11.31 8.64,11.31C9.15,11.3 9.61,11.67 9.67,12.19C9.73,12.74 9.33,13.25 8.77,13.32C8.21,13.39 7.7,13 7.64,12.45M8.71,16.15C9,16.14 9.26,16.23 9.5,16.28C10.68,16.5 11.7,16.53 12.19,16.53C12.68,16.53 13.69,16.5 14.86,16.28C15.27,16.2 15.74,16.03 16.11,16.28C16.59,16.6 16.24,17.75 15.5,18.53C15.04,19 13.97,19.91 12.19,19.91C10.41,19.91 9.33,19 8.88,18.53C8.14,17.75 7.79,16.6 8.26,16.28C8.4,16.19 8.55,16.15 8.71,16.15Z" /></svg><svg id="emoticon-sad" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,9.5C7,8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5M14.77,17.23C14.32,16.5 13.25,16 12,16C10.75,16 9.68,16.5 9.23,17.23L7.81,15.81C8.71,14.72 10.25,14 12,14C13.75,14 15.29,14.72 16.19,15.81L14.77,17.23M15.5,11C14.7,11 14,10.3 14,9.5C14,8.7 14.7,8 15.5,8C16.3,8 17,8.7 17,9.5C17,10.3 16.3,11 15.5,11Z" /></svg><svg id="emoticon-sad-outline" viewBox="0 0 24 24"><path d="M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M15.5,8C16.3,8 17,8.7 17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,9.5C14,8.7 14.7,8 15.5,8M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5C7,8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5M12,14C13.75,14 15.29,14.72 16.19,15.81L14.77,17.23C14.32,16.5 13.25,16 12,16C10.75,16 9.68,16.5 9.23,17.23L7.81,15.81C8.71,14.72 10.25,14 12,14Z" /></svg><svg id="emoticon-tongue" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7.27,11C7.1,10.71 7,10.36 7,10C7,8.89 7.89,8 9,8A2,2 0 0,1 11,10C11,10.36 10.9,10.71 10.73,11C10.39,10.4 9.74,10 9,10C8.26,10 7.61,10.4 7.27,11M16,15H15C15,17 14.1,18 13,18C11.9,18 11,17 11,15H8V13H16V15M16.73,11C16.39,10.4 15.74,10 15,10C14.26,10 13.61,10.4 13.27,11C13.1,10.71 13,10.36 13,10C13,8.89 13.89,8 15,8A2,2 0 0,1 17,10C17,10.36 16.9,10.71 16.73,11Z" /></svg><svg id="emoticon-tongue-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M9,10C8.26,10 7.61,10.4 7.27,11C7.1,10.71 7,10.36 7,10A2,2 0 0,1 9,8C10.11,8 11,8.9 11,10C11,10.36 10.9,10.71 10.73,11C10.39,10.4 9.74,10 9,10M17,10C17,10.36 16.9,10.71 16.73,11C16.39,10.4 15.74,10 15,10C14.26,10 13.61,10.4 13.27,11C13.1,10.71 13,10.36 13,10A2,2 0 0,1 15,8C16.11,8 17,8.9 17,10M16,13V15H15C15,17 14.1,18 13,18C11.9,18 11,17 11,15H8V13H16Z" /></svg><svg id="emoticon-wink" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,9.5C7,8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23M17,10H13V9H17V10Z" /></svg><svg id="emoticon-wink-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5C7,8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23M17,10H13V9H17V10Z" /></svg><svg id="engine" viewBox="0 0 24 24"><path d="M7,4V6H10V8H7L5,10V13H3V10H1V18H3V15H5V18H8L10,20H18V16H20V19H23V9H20V12H18V8H12V6H15V4H7Z" /></svg><svg id="engine-off" viewBox="0 0 24 24"><path d="M3.78,2.5L21.5,20.22L20.23,21.5L18,19.27V20H10L8,18H5V15H3V18H1V10H3V13H5V10L6.87,8.14L2.5,3.77L3.78,2.5M20,9V12H18V8H12V6H15V4H7.82L22.82,19H23V9H20Z" /></svg><svg id="engine-off-outline" viewBox="0 0 24 24"><path d="M2.5,3.77L6.87,8.14L5,10V13H3V10H1V18H3V15H5V18H8L10,20H18V19.27L21.23,22.5L22.5,21.22L3.78,2.5L2.5,3.77M16,18H11L9,16H7V11L8,10H8.73L16,17.27V18M23,9V19H22.82L16,12.18V10H13.82L7.82,4H15V6H12V8H18V12H20V9H23Z" /></svg><svg id="engine-outline" viewBox="0 0 24 24"><path d="M8,10H16V18H11L9,16H7V11M7,4V6H10V8H7L5,10V13H3V10H1V18H3V15H5V18H8L10,20H18V16H20V19H23V9H20V12H18V8H12V6H15V4H7Z" /></svg><svg id="equal" viewBox="0 0 24 24"><path d="M19,10H5V8H19V10M19,16H5V14H19V16Z" /></svg><svg id="equal-box" viewBox="0 0 24 24"><path d="M17,16V14H7V16H17M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19M17,10V8H7V10H17Z" /></svg><svg id="equalizer" viewBox="0 0 24 24"><path d="M10,20H14V4H10V20M4,20H8V12H4V20M16,9V20H20V9H16Z" /></svg><svg id="equalizer-outline" viewBox="0 0 24 24"><path d="M15,21H9V3H15V21M11,19H13V5H11V19M8,21H2V11H8V21M4,19H6V13H4V19M22,21H16V8H22V21M18,19H20V10H18V19Z" /></svg><svg id="eraser" viewBox="0 0 24 24"><path d="M16.24,3.56L21.19,8.5C21.97,9.29 21.97,10.55 21.19,11.34L12,20.53C10.44,22.09 7.91,22.09 6.34,20.53L2.81,17C2.03,16.21 2.03,14.95 2.81,14.16L13.41,3.56C14.2,2.78 15.46,2.78 16.24,3.56M4.22,15.58L7.76,19.11C8.54,19.9 9.8,19.9 10.59,19.11L14.12,15.58L9.17,10.63L4.22,15.58Z" /></svg><svg id="eraser-variant" viewBox="0 0 24 24"><path d="M15.14,3C14.63,3 14.12,3.2 13.73,3.59L2.59,14.73C1.81,15.5 1.81,16.77 2.59,17.56L5.03,20H12.69L21.41,11.27C22.2,10.5 22.2,9.23 21.41,8.44L16.56,3.59C16.17,3.2 15.65,3 15.14,3M17,18L15,20H22V18" /></svg><svg id="escalator" viewBox="0 0 24 24"><path d="M20,8H18.95L6.95,20H4A2,2 0 0,1 2,18A2,2 0 0,1 4,16H5.29L7,14.29V10A1,1 0 0,1 8,9H9A1,1 0 0,1 10,10V11.29L17.29,4H20A2,2 0 0,1 22,6A2,2 0 0,1 20,8M8.5,5A1.5,1.5 0 0,1 10,6.5A1.5,1.5 0 0,1 8.5,8A1.5,1.5 0 0,1 7,6.5A1.5,1.5 0 0,1 8.5,5Z" /></svg><svg id="eslint" viewBox="0 0 24 24"><path d="M7.95,9.55L11.84,7.3C11.94,7.25 12.06,7.25 12.16,7.3L16.05,9.55C16.15,9.61 16.21,9.71 16.21,9.82V14.32C16.21,14.43 16.15,14.53 16.05,14.59L12.16,16.84C12.06,16.89 11.94,16.89 11.84,16.84L7.95,14.59C7.85,14.53 7.79,14.43 7.79,14.32V9.82C7.79,9.71 7.85,9.61 7.95,9.55M22.12,11.6C22.29,11.89 22.29,12.23 22.12,12.53L17.47,20.56C17.3,20.86 17,21 16.65,21H7.35C7,21 6.7,20.85 6.53,20.56L1.88,12.53C1.71,12.24 1.71,11.87 1.88,11.58L6.53,3.5C6.7,3.22 7,3 7.35,3H16.65C17,3 17.3,3.22 17.47,3.5L22.12,11.6M18.27,15.5V8.65C18.27,8.53 18.2,8.42 18.09,8.36L12.16,4.95C12.06,4.89 11.93,4.89 11.83,4.95L5.91,8.36C5.8,8.42 5.73,8.53 5.73,8.65V15.5C5.73,15.61 5.8,15.72 5.91,15.78L11.84,19.19C11.94,19.25 12.07,19.25 12.17,19.19L18.09,15.78C18.2,15.72 18.27,15.61 18.27,15.5Z" /></svg><svg id="et" viewBox="0 0 24 24"><path d="M23,8.78L21.71,7.22C21.45,7.42 20.53,8 19.77,8C19.26,8 18.3,7.75 17.45,7.53C16.39,7.26 15.39,7 14.6,7C14,7 13.43,7.15 12.93,7.35C12.62,5.45 11,4 9,4C4.58,4 2,7.58 2,12C2,16.42 5.58,19 10,19C12.06,19 13.93,18.43 15.34,17.39L15,21.29L17,21.47L18,9.74C18.66,9.89 19.27,10 19.77,10C21.38,10 22.84,8.91 23,8.78M9,6A2,2 0 0,1 11,8A2,2 0 0,1 9,10H4.23C4.8,7.67 6.39,6 9,6M10,17C6.69,17 4,15.31 4,12H9C10.6,12 11.83,11.17 12.5,9.91V9.91C12.76,9.71 13.85,9 14.6,9C14.94,9 15.5,9.11 16.05,9.25L15.65,13.89C14.82,15.95 12.6,17 10,17Z" /></svg><svg id="ethereum" viewBox="0 0 24 24"><path d="M12,1.75L5.75,12.25L12,16L18.25,12.25L12,1.75M5.75,13.5L12,22.25L18.25,13.5L12,17.25L5.75,13.5Z" /></svg><svg id="ethernet" viewBox="0 0 24 24"><path d="M7,15H9V18H11V15H13V18H15V15H17V18H19V9H15V6H9V9H5V18H7V15M4.38,3H19.63C20.94,3 22,4.06 22,5.38V19.63A2.37,2.37 0 0,1 19.63,22H4.38C3.06,22 2,20.94 2,19.63V5.38C2,4.06 3.06,3 4.38,3Z" /></svg><svg id="ethernet-cable" viewBox="0 0 24 24"><path d="M11,3V7H13V3H11M8,4V11H16V4H14V8H10V4H8M10,12V22H14V12H10Z" /></svg><svg id="ethernet-cable-off" viewBox="0 0 24 24"><path d="M11,3H13V7H11V3M8,4H10V8H14V4H16V11H12.82L8,6.18V4M20,20.72L18.73,22L14,17.27V22H10V13.27L2,5.27L3.28,4L20,20.72Z" /></svg><svg id="etsy" viewBox="0 0 24 24"><path d="M6.72,20.78C8.23,20.71 10.07,20.78 11.87,20.78C13.72,20.78 15.62,20.66 17.12,20.78C17.72,20.83 18.28,21.19 18.77,20.87C19.16,20.38 18.87,19.71 18.96,19.05C19.12,17.78 20.28,16.27 18.59,15.95C17.87,16.61 18.35,17.23 17.95,18.05C17.45,19.03 15.68,19.37 14,19.5C12.54,19.62 10,19.76 9.5,18.77C9.04,17.94 9.29,16.65 9.29,15.58C9.29,14.38 9.16,13.22 9.5,12.3C11.32,12.43 13.7,11.69 15,12.5C15.87,13 15.37,14.06 16.38,14.4C17.07,14.21 16.7,13.32 16.66,12.5C16.63,11.94 16.63,11.19 16.66,10.57C16.69,9.73 17,8.76 16.1,8.74C15.39,9.3 15.93,10.23 15.18,10.75C14.95,10.92 14.43,11 14.08,11C12.7,11.17 10.54,11.05 9.38,10.84C9.23,9.16 9.24,6.87 9.38,5.19C10,4.57 11.45,4.54 12.42,4.55C14.13,4.55 16.79,4.7 17.3,5.55C17.58,6 17.36,7 17.85,7.1C18.85,7.33 18.36,5.55 18.41,4.73C18.44,4.11 18.71,3.72 18.59,3.27C18.27,2.83 17.79,3.05 17.5,3.09C14.35,3.5 9.6,3.27 6.26,3.27C5.86,3.27 5.16,3.07 4.88,3.54C4.68,4.6 6.12,4.16 6.62,4.73C6.79,4.91 7.03,5.73 7.08,6.28C7.23,7.74 7.08,9.97 7.08,12.12C7.08,14.38 7.26,16.67 7.08,18.05C7,18.53 6.73,19.3 6.62,19.41C6,20.04 4.34,19.35 4.5,20.69C5.09,21.08 5.93,20.82 6.72,20.78Z" /></svg><svg id="ev-station" viewBox="0 0 24 24"><path d="M19.77,7.23L19.78,7.22L16.06,3.5L15,4.56L17.11,6.67C16.17,7.03 15.5,7.93 15.5,9A2.5,2.5 0 0,0 18,11.5C18.36,11.5 18.69,11.42 19,11.29V18.5A1,1 0 0,1 18,19.5A1,1 0 0,1 17,18.5V14A2,2 0 0,0 15,12H14V5A2,2 0 0,0 12,3H6A2,2 0 0,0 4,5V21H14V13.5H15.5V18.5A2.5,2.5 0 0,0 18,21A2.5,2.5 0 0,0 20.5,18.5V9C20.5,8.31 20.22,7.68 19.77,7.23M18,10A1,1 0 0,1 17,9A1,1 0 0,1 18,8A1,1 0 0,1 19,9A1,1 0 0,1 18,10M8,18V13.5H6L10,6V11H12L8,18Z" /></svg><svg id="eventbrite" viewBox="0 0 24 24"><path d="M12,17.5C10.15,17.5 8.42,16.56 7.41,15L17.41,12.75L22.08,11.75C22.05,10.32 21.71,8.92 21.08,7.64C18.66,2.61 12.62,0.5 7.58,2.92C2.55,5.34 0.44,11.38 2.86,16.41C5.29,21.44 11.33,23.56 16.36,21.14C18.5,20.09 20.25,18.31 21.22,16.11L16.61,15C15.6,16.57 13.86,17.5 12,17.5M12,6.5C13.76,6.5 15.41,7.34 16.44,8.77L6.57,11.19C6.96,8.5 9.28,6.5 12,6.5Z" /></svg><svg id="evernote" viewBox="0 0 24 24"><path d="M15.09,11.63C15.09,11.63 15.28,10.35 16,10.35C16.76,10.35 17.78,12.06 17.78,12.06C17.78,12.06 15.46,11.63 15.09,11.63M19,4.69C18.64,4.09 16.83,3.41 15.89,3.41C14.96,3.41 13.5,3.41 13.5,3.41C13.5,3.41 12.7,2 10.88,2C9.05,2 9.17,2.81 9.17,3.5V6.32L8.34,7.19H4.5C4.5,7.19 3.44,7.91 3.44,9.44C3.44,11 3.92,16.35 7.13,16.85C10.93,17.43 11.58,15.67 11.58,15.46C11.58,14.56 11.6,13.21 11.6,13.21C11.6,13.21 12.71,15.33 14.39,15.33C16.07,15.33 17.04,16.3 17.04,17.29C17.04,18.28 17.04,19.13 17.04,19.13C17.04,19.13 17,20.28 16,20.28C15,20.28 13.89,20.28 13.89,20.28C13.89,20.28 13.2,19.74 13.2,19C13.2,18.25 13.53,18.05 13.93,18.05C14.32,18.05 14.65,18.09 14.65,18.09V16.53C14.65,16.53 11.47,16.5 11.47,18.94C11.47,21.37 13.13,22 14.46,22C15.8,22 16.63,22 16.63,22C16.63,22 20.56,21.5 20.56,13.75C20.56,6 19.33,5.28 19,4.69M7.5,6.31H4.26L8.32,2.22V5.5L7.5,6.31Z" /></svg><svg id="exclamation" viewBox="0 0 24 24"><path d="M11,4.5H13V15.5H11V4.5M13,17.5V19.5H11V17.5H13Z" /></svg><svg id="exit-run" viewBox="0 0 24 24"><path d="M13.34,8.17C12.41,8.17 11.65,7.4 11.65,6.47A1.69,1.69 0 0,1 13.34,4.78C14.28,4.78 15.04,5.54 15.04,6.47C15.04,7.4 14.28,8.17 13.34,8.17M10.3,19.93L4.37,18.75L4.71,17.05L8.86,17.9L10.21,11.04L8.69,11.64V14.5H7V10.54L11.4,8.67L12.07,8.59C12.67,8.59 13.17,8.93 13.5,9.44L14.36,10.79C15.04,12 16.39,12.82 18,12.82V14.5C16.14,14.5 14.44,13.67 13.34,12.4L12.84,14.94L14.61,16.63V23H12.92V17.9L11.14,16.21L10.3,19.93M21,23H19V3H6V16.11L4,15.69V1H21V23M6,23H4V19.78L6,20.2V23Z" /></svg><svg id="exit-to-app" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z" /></svg><svg id="expand-all" viewBox="0 0 24 24"><path d="M18,8H8V18H6V8A2,2 0 0,1 8,6H18V8M14,2H4A2,2 0 0,0 2,4V14H4V4H14V2M22,12V20A2,2 0 0,1 20,22H12A2,2 0 0,1 10,20V12A2,2 0 0,1 12,10H20A2,2 0 0,1 22,12M20,15H17V12H15V15H12V17H15V20H17V17H20V15Z" /></svg><svg id="expand-all-outline" viewBox="0 0 24 24"><path d="M4,2A2,2 0 0,0 2,4V14H4V4H14V2H4M8,6A2,2 0 0,0 6,8V18H8V8H18V6H8M20,12V20H12V12H20M20,10H12A2,2 0 0,0 10,12V20A2,2 0 0,0 12,22H20A2,2 0 0,0 22,20V12A2,2 0 0,0 20,10M19,17H17V19H15V17H13V15H15V13H17V15H19V17Z" /></svg><svg id="exponent" viewBox="0 0 24 24"><path d="M15.38,3L17.77,8.75C17.55,9.68 17.27,10.32 17,10.7C16.67,11.18 16.44,11.25 16.19,11.25V12.75C16.94,12.75 17.74,12.35 18.24,11.56C19.87,8.94 22,3 22,3H20.38L18.69,7.05L17,3H15.38M3.42,8.59L2,10L6.79,14.79L2,19.59L3.41,21L8.21,16.21L13,21L14.41,19.59L9.62,14.79L14.41,10L13,8.59L8.21,13.38L3.41,8.59H3.42Z" /></svg><svg id="exponent-box" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5M13.76,6H15.39L16.5,8.6L17.59,6H19.24C19.24,6 17.5,10.57 16.46,12.32C16.08,12.89 15.35,13.27 14.5,13.25V11.75C14.96,11.76 15.25,11.5 15.5,11.13C15.61,11 15.68,10.8 15.74,10.64L13.76,6M6.41,9.59L9.21,12.38L12,9.59L13.41,11L10.62,13.79L13.41,16.59L12,18L9.21,15.21L6.41,18L5,16.59L7.79,13.79L5,11L6.41,9.59Z" /></svg><svg id="export" viewBox="0 0 24 24"><path d="M23,12L19,8V11H10V13H19V16M1,18V6C1,4.89 1.9,4 3,4H15A2,2 0 0,1 17,6V9H15V6H3V18H15V15H17V18A2,2 0 0,1 15,20H3A2,2 0 0,1 1,18Z" /></svg><svg id="export-variant" viewBox="0 0 24 24"><path d="M12,1L8,5H11V14H13V5H16M18,23H6C4.89,23 4,22.1 4,21V9A2,2 0 0,1 6,7H9V9H6V21H18V9H15V7H18A2,2 0 0,1 20,9V21A2,2 0 0,1 18,23Z" /></svg><svg id="eye" viewBox="0 0 24 24"><path d="M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z" /></svg><svg id="eye-check" viewBox="0 0 24 24"><path d="M23.5,17L18.5,22L15,18.5L16.5,17L18.5,19L22,15.5L23.5,17M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M12,17C12.5,17 12.97,16.93 13.42,16.79C13.15,17.5 13,18.22 13,19V19.45L12,19.5C7,19.5 2.73,16.39 1,12C2.73,7.61 7,4.5 12,4.5C17,4.5 21.27,7.61 23,12C22.75,12.64 22.44,13.26 22.08,13.85C21.18,13.31 20.12,13 19,13C18.22,13 17.5,13.15 16.79,13.42C16.93,12.97 17,12.5 17,12A5,5 0 0,0 12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17Z" /></svg><svg id="eye-check-outline" viewBox="0 0 24 24"><path d="M23.5,17L18.5,22L15,18.5L16.5,17L18.5,19L22,15.5L23.5,17M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.75,12.65 22.44,13.26 22.08,13.85C21.5,13.5 20.86,13.25 20.18,13.12L20.82,12C19.17,8.64 15.76,6.5 12,6.5C8.24,6.5 4.83,8.64 3.18,12C4.83,15.36 8.24,17.5 12,17.5L13.21,17.43C13.07,17.93 13,18.46 13,19V19.46L12,19.5C7,19.5 2.73,16.39 1,12C2.73,7.61 7,4.5 12,4.5Z" /></svg><svg id="eye-circle" viewBox="0 0 24 24"><path d="M12,9.5A2.5,2.5 0 0,0 9.5,12A2.5,2.5 0 0,0 12,14.5A2.5,2.5 0 0,0 14.5,12A2.5,2.5 0 0,0 12,9.5M12,13A1,1 0 0,1 11,12A1,1 0 0,1 12,11A1,1 0 0,1 13,12A1,1 0 0,1 12,13M12,9.5A2.5,2.5 0 0,0 9.5,12A2.5,2.5 0 0,0 12,14.5A2.5,2.5 0 0,0 14.5,12A2.5,2.5 0 0,0 12,9.5M12,13A1,1 0 0,1 11,12A1,1 0 0,1 12,11A1,1 0 0,1 13,12A1,1 0 0,1 12,13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,16C9.37,16 7,14.43 6,12C7.38,8.69 11.19,7.12 14.5,8.5C16.08,9.16 17.34,10.42 18,12C17,14.43 14.63,16 12,16M12,9.5A2.5,2.5 0 0,0 9.5,12A2.5,2.5 0 0,0 12,14.5A2.5,2.5 0 0,0 14.5,12A2.5,2.5 0 0,0 12,9.5M12,13A1,1 0 0,1 11,12A1,1 0 0,1 12,11A1,1 0 0,1 13,12A1,1 0 0,1 12,13Z" /></svg><svg id="eye-circle-outline" viewBox="0 0 24 24"><path d="M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,11A1,1 0 0,1 13,12A1,1 0 0,1 12,13A1,1 0 0,1 11,12A1,1 0 0,1 12,11M12,8C14.63,8 17,9.57 18,12C16.62,15.31 12.81,16.88 9.5,15.5C7.92,14.84 6.66,13.58 6,12C7,9.57 9.37,8 12,8M12,9.5A2.5,2.5 0 0,0 9.5,12A2.5,2.5 0 0,0 12,14.5A2.5,2.5 0 0,0 14.5,12A2.5,2.5 0 0,0 12,9.5" /></svg><svg id="eye-off" viewBox="0 0 24 24"><path d="M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z" /></svg><svg id="eye-off-outline" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L15.65,18.92C14.5,19.3 13.28,19.5 12,19.5C7,19.5 2.73,16.39 1,12C1.69,10.24 2.79,8.69 4.19,7.46L2,5.27M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.18,14.08 20.79,15.88 19,17.19L17.58,15.76C18.94,14.82 20.06,13.54 20.82,12C19.17,8.64 15.76,6.5 12,6.5C10.91,6.5 9.84,6.68 8.84,7L7.3,5.47C8.74,4.85 10.33,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C12.69,17.5 13.37,17.43 14,17.29L11.72,15C10.29,14.85 9.15,13.71 9,12.28L5.6,8.87C4.61,9.72 3.78,10.78 3.18,12Z" /></svg><svg id="eye-outline" viewBox="0 0 24 24"><path d="M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M12,4.5C17,4.5 21.27,7.61 23,12C21.27,16.39 17,19.5 12,19.5C7,19.5 2.73,16.39 1,12C2.73,7.61 7,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C15.76,17.5 19.17,15.36 20.82,12C19.17,8.64 15.76,6.5 12,6.5C8.24,6.5 4.83,8.64 3.18,12Z" /></svg><svg id="eye-plus" viewBox="0 0 24 24"><path d="M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C12.36,19.5 12.72,19.5 13.08,19.45C13.03,19.13 13,18.82 13,18.5C13,17.94 13.08,17.38 13.24,16.84C12.83,16.94 12.42,17 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12C17,12.29 16.97,12.59 16.92,12.88C17.58,12.63 18.29,12.5 19,12.5C20.17,12.5 21.31,12.84 22.29,13.5C22.56,13 22.8,12.5 23,12C21.27,7.61 17,4.5 12,4.5M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M18,14.5V17.5H15V19.5H18V22.5H20V19.5H23V17.5H20V14.5H18Z" /></svg><svg id="eye-plus-outline" viewBox="0 0 24 24"><path d="M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C12.36,19.5 12.72,19.5 13.08,19.45C13.03,19.13 13,18.82 13,18.5C13,18.14 13.04,17.78 13.1,17.42C12.74,17.46 12.37,17.5 12,17.5C8.24,17.5 4.83,15.36 3.18,12C4.83,8.64 8.24,6.5 12,6.5C15.76,6.5 19.17,8.64 20.82,12C20.7,12.24 20.56,12.45 20.43,12.68C21.09,12.84 21.72,13.11 22.29,13.5C22.56,13 22.8,12.5 23,12C21.27,7.61 17,4.5 12,4.5M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M18,14.5V17.5H15V19.5H18V22.5H20V19.5H23V17.5H20V14.5H18Z" /></svg><svg id="eye-settings" viewBox="0 0 24 24"><path d="M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7.14,4.5 2.78,7.5 1,12C3.39,18.08 10.25,21.06 16.33,18.67C19.38,17.47 21.8,15.06 23,12C21.22,7.5 16.86,4.5 12,4.5M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22Z" /></svg><svg id="eye-settings-outline" viewBox="0 0 24 24"><path d="M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M12,4.5C16.86,4.5 21.22,7.5 23,12C20.61,18.08 13.75,21.06 7.67,18.67C4.62,17.47 2.2,15.06 1,12C2.78,7.5 7.14,4.5 12,4.5M3.18,12C5.56,16.87 11.45,18.89 16.32,16.5C18.28,15.54 19.86,13.96 20.82,12C18.44,7.13 12.55,5.11 7.68,7.5C5.72,8.46 4.14,10.04 3.18,12M9,22H7V24H9V22M13,22H11V24H13V22M17,22H15V24H17V22Z" /></svg><svg id="eyedropper" viewBox="0 0 24 24"><path d="M19.35,11.72L17.22,13.85L15.81,12.43L8.1,20.14L3.5,22L2,20.5L3.86,15.9L11.57,8.19L10.15,6.78L12.28,4.65L19.35,11.72M16.76,3C17.93,1.83 19.83,1.83 21,3C22.17,4.17 22.17,6.07 21,7.24L19.08,9.16L14.84,4.92L16.76,3M5.56,17.03L4.5,19.5L6.97,18.44L14.4,11L13,9.6L5.56,17.03Z" /></svg><svg id="eyedropper-variant" viewBox="0 0 24 24"><path d="M6.92,19L5,17.08L13.06,9L15,10.94M20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L13.84,6.41L11.91,4.5L10.5,5.91L11.92,7.33L3,16.25V21H7.75L16.67,12.08L18.09,13.5L19.5,12.09L17.58,10.17L20.7,7.05C21.1,6.65 21.1,6 20.71,5.63Z" /></svg><svg id="face" viewBox="0 0 24 24"><path d="M9,11.75A1.25,1.25 0 0,0 7.75,13A1.25,1.25 0 0,0 9,14.25A1.25,1.25 0 0,0 10.25,13A1.25,1.25 0 0,0 9,11.75M15,11.75A1.25,1.25 0 0,0 13.75,13A1.25,1.25 0 0,0 15,14.25A1.25,1.25 0 0,0 16.25,13A1.25,1.25 0 0,0 15,11.75M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,11.71 4,11.42 4.05,11.14C6.41,10.09 8.28,8.16 9.26,5.77C11.07,8.33 14.05,10 17.42,10C18.2,10 18.95,9.91 19.67,9.74C19.88,10.45 20,11.21 20,12C20,16.41 16.41,20 12,20Z" /></svg><svg id="face-agent" viewBox="0 0 24 24"><path d="M18.72,14.76C19.07,13.91 19.26,13 19.26,12C19.26,11.28 19.15,10.59 18.96,9.95C18.31,10.1 17.63,10.18 16.92,10.18C13.86,10.18 11.15,8.67 9.5,6.34C8.61,8.5 6.91,10.26 4.77,11.22C4.73,11.47 4.73,11.74 4.73,12A7.27,7.27 0 0,0 12,19.27C13.05,19.27 14.06,19.04 14.97,18.63C15.54,19.72 15.8,20.26 15.78,20.26C14.14,20.81 12.87,21.08 12,21.08C9.58,21.08 7.27,20.13 5.57,18.42C4.53,17.38 3.76,16.11 3.33,14.73H2V10.18H3.09C3.93,6.04 7.6,2.92 12,2.92C14.4,2.92 16.71,3.87 18.42,5.58C19.69,6.84 20.54,8.45 20.89,10.18H22V14.67H22V14.69L22,14.73H21.94L18.38,18L13.08,17.4V15.73H17.91L18.72,14.76M9.27,11.77C9.57,11.77 9.86,11.89 10.07,12.11C10.28,12.32 10.4,12.61 10.4,12.91C10.4,13.21 10.28,13.5 10.07,13.71C9.86,13.92 9.57,14.04 9.27,14.04C8.64,14.04 8.13,13.54 8.13,12.91C8.13,12.28 8.64,11.77 9.27,11.77M14.72,11.77C15.35,11.77 15.85,12.28 15.85,12.91C15.85,13.54 15.35,14.04 14.72,14.04C14.09,14.04 13.58,13.54 13.58,12.91A1.14,1.14 0 0,1 14.72,11.77Z" /></svg><svg id="face-outline" viewBox="0 0 24 24"><path d="M10.25,13A1.25,1.25 0 0,1 9,14.25A1.25,1.25 0 0,1 7.75,13A1.25,1.25 0 0,1 9,11.75A1.25,1.25 0 0,1 10.25,13M15,11.75A1.25,1.25 0 0,0 13.75,13A1.25,1.25 0 0,0 15,14.25A1.25,1.25 0 0,0 16.25,13A1.25,1.25 0 0,0 15,11.75M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M10.66,4.12C12.06,6.44 14.6,8 17.5,8C17.96,8 18.41,7.95 18.84,7.88C17.44,5.56 14.9,4 12,4C11.54,4 11.09,4.05 10.66,4.12M4.42,9.47C6.13,8.5 7.45,6.92 8.08,5.03C6.37,6 5.05,7.58 4.42,9.47M20,12C20,11.22 19.88,10.47 19.67,9.76C18.97,9.91 18.25,10 17.5,10C14.37,10 11.58,8.56 9.74,6.31C8.69,8.87 6.6,10.88 4,11.86C4,11.9 4,11.95 4,12C4,16.41 7.59,20 12,20C16.41,20 20,16.41 20,12Z" /></svg><svg id="face-profile" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,8.39C13.57,9.4 15.42,10 17.42,10C18.2,10 18.95,9.91 19.67,9.74C19.88,10.45 20,11.21 20,12C20,16.41 16.41,20 12,20C9,20 6.39,18.34 5,15.89L6.75,14V13A1.25,1.25 0 0,1 8,11.75A1.25,1.25 0 0,1 9.25,13V14H12M16,11.75A1.25,1.25 0 0,0 14.75,13A1.25,1.25 0 0,0 16,14.25A1.25,1.25 0 0,0 17.25,13A1.25,1.25 0 0,0 16,11.75Z" /></svg><svg id="face-recognition" viewBox="0 0 24 24"><path d="M9,11.75A1.25,1.25 0 0,0 7.75,13A1.25,1.25 0 0,0 9,14.25A1.25,1.25 0 0,0 10.25,13A1.25,1.25 0 0,0 9,11.75M15,11.75A1.25,1.25 0 0,0 13.75,13A1.25,1.25 0 0,0 15,14.25A1.25,1.25 0 0,0 16.25,13A1.25,1.25 0 0,0 15,11.75M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12C3.97,11.71 3.97,11.43 4,11.14C6.38,10.1 8.27,8.17 9.26,5.77C11.13,8.42 14.17,10 17.42,10C18.18,10 18.93,9.91 19.67,9.74C20.92,14 18.5,18.43 14.26,19.67C13.5,19.89 12.76,20 12,20M0,2A2,2 0 0,1 2,0H6V2H2V6H0V2M24,22A2,2 0 0,1 22,24H18V22H22V18H24V22M2,24A2,2 0 0,1 0,22V18H2V22H6V24H2M22,0A2,2 0 0,1 24,2V6H22V2H18V0H22Z" /></svg><svg id="facebook" viewBox="0 0 24 24"><path d="M17,2V2H17V6H15C14.31,6 14,6.81 14,7.5V10H14L17,10V14H14V22H10V14H7V10H10V6A4,4 0 0,1 14,2H17Z" /></svg><svg id="facebook-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z" /></svg><svg id="facebook-messenger" viewBox="0 0 24 24"><path d="M12,2C6.5,2 2,6.14 2,11.25C2,14.13 3.42,16.7 5.65,18.4L5.71,22L9.16,20.12L9.13,20.11C10.04,20.36 11,20.5 12,20.5C17.5,20.5 22,16.36 22,11.25C22,6.14 17.5,2 12,2M13.03,14.41L10.54,11.78L5.5,14.41L10.88,8.78L13.46,11.25L18.31,8.78L13.03,14.41Z" /></svg><svg id="facebook-workplace" viewBox="0 0 24 24"><path d="M19.69,16.12C19.42,16.43 18.95,16.92 18.19,16.92C17.13,16.92 16.78,16.15 16.46,15.34L14.86,11.41L13.26,15.34C13,16 12.7,16.92 11.53,16.92C10.36,16.92 10.07,16 9.79,15.34L7.11,8.72H9.37L11.53,14.17L13.14,10.2C13.39,9.57 13.69,8.62 14.86,8.62C16,8.62 16.32,9.57 16.58,10.2L18.33,14.5C19.22,13.14 19.6,11.5 19.38,9.89C19.16,8.28 18.37,6.8 17.14,5.73C15.92,4.66 14.34,4.06 12.72,4.06C11.03,4.05 9.39,4.58 8,5.56C6.66,6.55 5.64,7.94 5.12,9.54C4.6,11.14 4.6,12.87 5.12,14.47C5.64,16.07 6.66,17.46 8.03,18.44C9.4,19.43 11.04,19.95 12.72,19.94C13.45,19.94 14.17,19.84 14.87,19.64V21.75C14.16,21.91 13.44,22 12.72,22C10.61,22 8.54,21.34 6.82,20.1C5.1,18.86 3.82,17.11 3.17,15.1C2.5,13.09 2.5,10.92 3.16,8.9C3.82,6.89 5.1,5.14 6.82,3.9C8.53,2.66 10.6,2 12.72,2C17.56,2 21.5,5.94 21.5,10.79C21.5,12.71 20.86,14.59 19.69,16.12V16.12Z" /></svg><svg id="factory" viewBox="0 0 24 24"><path d="M4,18V20H8V18H4M4,14V16H14V14H4M10,18V20H14V18H10M16,14V16H20V14H16M16,18V20H20V18H16M2,22V8L7,12V8L12,12V8L17,12L18,2H21L22,12V22H2Z" /></svg><svg id="fan" viewBox="0 0 24 24"><path d="M12,11A1,1 0 0,0 11,12A1,1 0 0,0 12,13A1,1 0 0,0 13,12A1,1 0 0,0 12,11M12.5,2C17,2 17.11,5.57 14.75,6.75C13.76,7.24 13.32,8.29 13.13,9.22C13.61,9.42 14.03,9.73 14.35,10.13C18.05,8.13 22.03,8.92 22.03,12.5C22.03,17 18.46,17.1 17.28,14.73C16.78,13.74 15.72,13.3 14.79,13.11C14.59,13.59 14.28,14 13.88,14.34C15.87,18.03 15.08,22 11.5,22C7,22 6.91,18.42 9.27,17.24C10.25,16.75 10.69,15.71 10.89,14.79C10.4,14.59 9.97,14.27 9.65,13.87C5.96,15.85 2,15.07 2,11.5C2,7 5.56,6.89 6.74,9.26C7.24,10.25 8.29,10.68 9.22,10.87C9.41,10.39 9.73,9.97 10.14,9.65C8.15,5.96 8.94,2 12.5,2Z" /></svg><svg id="fan-off" viewBox="0 0 24 24"><path d="M12.5,2C9.64,2 8.57,4.55 9.29,7.47L15,13.16C15.87,13.37 16.81,13.81 17.28,14.73C18.46,17.1 22.03,17 22.03,12.5C22.03,8.92 18.05,8.13 14.35,10.13C14.03,9.73 13.61,9.42 13.13,9.22C13.32,8.29 13.76,7.24 14.75,6.75C17.11,5.57 17,2 12.5,2M3.28,4L2,5.27L4.47,7.73C3.22,7.74 2,8.87 2,11.5C2,15.07 5.96,15.85 9.65,13.87C9.97,14.27 10.4,14.59 10.89,14.79C10.69,15.71 10.25,16.75 9.27,17.24C6.91,18.42 7,22 11.5,22C13.8,22 14.94,20.36 14.94,18.21L18.73,22L20,20.72L3.28,4Z" /></svg><svg id="fast-forward" viewBox="0 0 24 24"><path d="M13,6V18L21.5,12M4,18L12.5,12L4,6V18Z" /></svg><svg id="fast-forward-10" viewBox="0 0 24 24"><path d="M10,12V22H8V14H6V12H10M18,14V20C18,21.11 17.11,22 16,22H14A2,2 0 0,1 12,20V14A2,2 0 0,1 14,12H16C17.11,12 18,12.9 18,14M14,14V20H16V14H14M11.5,3C14.15,3 16.55,4 18.4,5.6L21,3V10H14L16.62,7.38C15.23,6.22 13.46,5.5 11.5,5.5C7.96,5.5 4.95,7.81 3.9,11L1.53,10.22C2.92,6.03 6.85,3 11.5,3Z" /></svg><svg id="fast-forward-30" viewBox="0 0 24 24"><path d="M11.5,3C6.85,3 2.92,6.03 1.53,10.22L3.9,11C4.95,7.81 7.96,5.5 11.5,5.5C13.46,5.5 15.23,6.22 16.62,7.38L14,10H21V3L18.4,5.6C16.55,4 14.15,3 11.5,3M19,14V20C19,21.11 18.11,22 17,22H15A2,2 0 0,1 13,20V14A2,2 0 0,1 15,12H17C18.11,12 19,12.9 19,14M15,14V20H17V14H15M11,20C11,21.11 10.1,22 9,22H5V20H9V18H7V16H9V14H5V12H9A2,2 0 0,1 11,14V15.5A1.5,1.5 0 0,1 9.5,17A1.5,1.5 0 0,1 11,18.5V20Z" /></svg><svg id="fast-forward-outline" viewBox="0 0 24 24"><path d="M15,9.9L18,12L15,14.1V9.9M6,9.9L9,12L6,14.1V9.9M13,6V18L21.5,12L13,6M4,6V18L12.5,12L4,6Z" /></svg><svg id="fax" viewBox="0 0 24 24"><path d="M11,6H16V8H11V6M8,9V3H19V9A3,3 0 0,1 22,12V18H19V21H8V18H7V9H8M10,5V9H17V5H10M10,15V19H17V15H10M19,11A1,1 0 0,0 18,12A1,1 0 0,0 19,13A1,1 0 0,0 20,12A1,1 0 0,0 19,11M4,9H5A1,1 0 0,1 6,10V17A1,1 0 0,1 5,18H4A2,2 0 0,1 2,16V11A2,2 0 0,1 4,9Z" /></svg><svg id="feather" viewBox="0 0 24 24"><path d="M22,2C22,2 14.36,1.63 8.34,9.88C3.72,16.21 2,22 2,22L3.94,21C5.38,18.5 6.13,17.47 7.54,16C10.07,16.74 12.71,16.65 15,14C13,13.44 11.4,13.57 9.04,13.81C11.69,12 13.5,11.6 16,12L17,10C15.2,9.66 14,9.63 12.22,10.04C14.19,8.65 15.56,7.87 18,8L19.21,6.07C17.65,5.96 16.71,6.13 14.92,6.57C16.53,5.11 18,4.45 20.14,4.32C20.14,4.32 21.19,2.43 22,2Z" /></svg><svg id="feature-search" viewBox="0 0 24 24"><path d="M20,20A2,2 0 0,1 18,22H4A2,2 0 0,1 2,20V6A2,2 0 0,1 4,4H9.5C9.2,4.8 9,5.6 9,6.5C9,10.1 11.9,13 15.5,13C16.3,13 17,12.9 17.6,12.6L20,15V20M19.3,8.9C19.7,8.2 20,7.4 20,6.5C20,4 18,2 15.5,2C13,2 11,4 11,6.5C11,9 13,11 15.5,11C16.4,11 17.2,10.7 17.9,10.3L21,13.4L22.4,12L19.3,8.9M15.5,9C14.1,9 13,7.9 13,6.5C13,5.1 14.1,4 15.5,4C16.9,4 18,5.1 18,6.5C18,7.9 16.9,9 15.5,9Z" /></svg><svg id="feature-search-outline" viewBox="0 0 24 24"><path d="M15.5,2C13,2 11,4 11,6.5C11,9 13,11 15.5,11C16.4,11 17.2,10.7 17.9,10.3L21,13.4L22.4,12L19.3,8.9C19.7,8.2 20,7.4 20,6.5C20,4 18,2 15.5,2M4,4A2,2 0 0,0 2,6V20A2,2 0 0,0 4,22H18A2,2 0 0,0 20,20V15L18,13V20H4V6H9.03C9.09,5.3 9.26,4.65 9.5,4H4M15.5,4C16.9,4 18,5.1 18,6.5C18,7.9 16.9,9 15.5,9C14.1,9 13,7.9 13,6.5C13,5.1 14.1,4 15.5,4Z" /></svg><svg id="fedora" viewBox="0 0 24 24"><path d="M4.4,22C3.07,22 2,20.93 2,19.6V12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22H4.4M14.9,4.4C12.3,4.4 10.2,6.5 10.2,9.1V11.6H8.3C7.69,11.6 7.2,12.09 7.2,12.7C7.2,13.31 7.69,13.8 8.3,13.8H9.8C10,13.8 10.2,14 10.2,14.2V16.3C10.2,17.68 9.08,18.8 7.7,18.8C7.55,18.8 7.41,18.79 7.27,18.76C7.19,18.74 7.1,18.73 7,18.73C6.41,18.73 5.91,19.23 5.91,19.83C5.91,20.37 6.3,20.81 6.8,20.91V20.91C7.09,20.97 7.39,21 7.7,21C10.3,21 12.4,18.9 12.4,16.3V13.8H14.3C14.91,13.8 15.4,13.31 15.4,12.7A1.1,1.1 0 0,0 14.3,11.6H12.8A0.4,0.4 0 0,1 12.4,11.2V9.1A2.5,2.5 0 0,1 14.9,6.6C15.05,6.6 15.2,6.61 15.34,6.64C15.42,6.66 15.5,6.67 15.59,6.67C16.19,6.67 16.69,6.17 16.69,5.57C16.69,5.03 16.3,4.58 15.8,4.5V4.5C15.5,4.43 15.21,4.4 14.9,4.4M6.8,12.7C6.8,12.58 6.81,12.46 6.84,12.34L6.31,11.81C6.1,11.87 5.89,11.95 5.7,12.05L6.91,13.26C6.84,13.08 6.8,12.9 6.8,12.7M6.54,18.5H6.47L6.5,18.5H6.54M5.61,19.83C5.61,19.6 5.67,19.38 5.77,19.19L3,16.42C3,16.76 3.05,17.08 3.13,17.4L5.61,19.88V19.83M5.86,20.63C5.77,20.5 5.71,20.37 5.67,20.22L3.24,17.79C3.67,19.07 4.63,20.1 5.86,20.63M15.8,12.7C15.8,12.82 15.79,12.94 15.76,13.06L16.29,13.59C16.5,13.53 16.71,13.45 16.9,13.35L15.69,12.14C15.76,12.32 15.8,12.5 15.8,12.7M16.06,6.88L16.13,6.92L16.08,6.88H16.06M17,5.57C17,5.8 16.93,6 16.83,6.21L19.6,9C19.59,8.64 19.55,8.32 19.47,8L17,5.5V5.57M16.74,4.77C16.83,4.9 16.89,5.03 16.93,5.18L19.36,7.61C18.93,6.33 17.97,5.3 16.74,4.77M16.07,13.65L15.69,13.27C15.61,13.46 15.5,13.63 15.35,13.78V13.78C15.6,13.76 15.84,13.71 16.07,13.65M18.23,12.42L16.67,10.86C16.53,11 16.37,11.13 16.2,11.24L17.78,12.82C17.94,12.69 18.09,12.56 18.23,12.42M17.62,12.94L16,11.34C15.82,11.44 15.61,11.5 15.39,11.55L17.09,13.26C17.27,13.16 17.45,13.05 17.62,12.94M18.75,11.8L17.15,10.2C17.05,10.39 16.94,10.56 16.81,10.71L18.37,12.27C18.5,12.12 18.63,11.97 18.75,11.8M19.16,11.09L17.39,9.32C17.37,9.56 17.32,9.79 17.23,10L18.86,11.63C18.97,11.46 19.07,11.28 19.16,11.09M19.6,9.26L16.72,6.38C16.6,6.55 16.45,6.69 16.28,6.79L19.5,10C19.56,9.77 19.59,9.5 19.6,9.26M19.46,10.25L17.08,7.87C17.27,8.22 17.39,8.62 17.4,9.04L19.25,10.89C19.33,10.68 19.4,10.47 19.46,10.25M4.82,12.58C4.66,12.71 4.5,12.84 4.37,13L5.93,14.54C6.07,14.4 6.23,14.27 6.4,14.16L4.82,12.58M5.5,12.14C5.33,12.24 5.15,12.35 5,12.46L6.58,14.06C6.78,13.96 7,13.89 7.21,13.85L5.5,12.14M7.25,11.62C7,11.64 6.76,11.69 6.53,11.75L6.91,12.13C7,11.94 7.11,11.77 7.25,11.62V11.62M3.09,15.38C3.04,15.63 3,15.88 3,16.14L5.88,19C6,18.85 6.15,18.71 6.32,18.61L3.09,15.38M3.74,13.77C3.63,13.94 3.53,14.12 3.44,14.31L5.21,16.08C5.23,15.84 5.28,15.61 5.37,15.4L3.74,13.77M3.35,14.5C3.27,14.72 3.2,14.93 3.14,15.15L5.5,17.53C5.33,17.18 5.21,16.78 5.2,16.36L3.35,14.5M4.23,13.13C4.1,13.28 3.97,13.43 3.85,13.6L5.45,15.2C5.55,15 5.66,14.84 5.79,14.69L4.23,13.13Z" /></svg><svg id="ferris-wheel" viewBox="0 0 24 24"><path d="M12,19C12.86,19 13.59,19.54 13.87,20.29C14.42,20.17 14.95,20 15.46,19.77L13.7,15.62C13.18,15.87 12.61,16 12,16C11.39,16 10.82,15.87 10.3,15.62L8.54,19.77C9.05,20 9.58,20.17 10.13,20.29C10.41,19.54 11.14,19 12,19M18.25,17.76C18,17.42 17.81,17 17.81,16.5C17.81,15.41 18.71,14.5 19.81,14.5L20.12,14.53C20.37,13.73 20.5,12.88 20.5,12C20.5,11.12 20.37,10.27 20.12,9.5H19.81C18.7,9.5 17.81,8.61 17.81,7.5C17.81,7 17.97,6.59 18.25,6.24C17.1,5 15.59,4.09 13.87,3.71C13.59,4.46 12.86,5 12,5C11.14,5 10.41,4.46 10.13,3.71C8.41,4.09 6.9,5 5.75,6.24C6.03,6.59 6.2,7.03 6.2,7.5C6.2,8.61 5.3,9.5 4.2,9.5H3.88C3.63,10.28 3.5,11.12 3.5,12C3.5,12.89 3.64,13.74 3.89,14.55L4.2,14.5C5.31,14.5 6.2,15.42 6.2,16.5C6.2,17 6.04,17.43 5.76,17.77C6.08,18.12 6.44,18.44 6.81,18.73L8.71,14.27C8.26,13.62 8,12.84 8,12A4,4 0 0,1 12,8A4,4 0 0,1 16,12C16,12.84 15.74,13.62 15.29,14.27L17.19,18.73C17.57,18.44 17.92,18.11 18.25,17.76M12,23C11,23 10.16,22.26 10,21.29C9.37,21.16 8.75,20.95 8.15,20.69L7.17,23H5L6.41,19.68C5.88,19.3 5.39,18.86 4.96,18.37C4.72,18.47 4.47,18.5 4.2,18.5A2,2 0 0,1 2.2,16.5C2.2,15.88 2.5,15.32 2.97,14.95C2.66,14 2.5,13.03 2.5,12C2.5,11 2.66,10 2.96,9.08C2.5,8.71 2.2,8.15 2.2,7.5C2.2,6.41 3.09,5.5 4.2,5.5C4.46,5.5 4.71,5.56 4.93,5.65C6.25,4.18 8,3.13 10,2.71C10.16,1.74 11,1 12,1C13,1 13.84,1.74 14,2.71C16,3.13 17.74,4.18 19.06,5.64C19.29,5.55 19.54,5.5 19.81,5.5A2,2 0 0,1 21.81,7.5C21.81,8.14 21.5,8.71 21.04,9.07C21.34,10 21.5,11 21.5,12C21.5,13 21.34,14 21.04,14.93C21.5,15.3 21.81,15.87 21.81,16.5C21.81,17.62 20.92,18.5 19.81,18.5C19.54,18.5 19.29,18.46 19.05,18.36C18.61,18.85 18.12,19.29 17.59,19.68L19,23H16.83L15.85,20.69C15.25,20.95 14.63,21.16 14,21.29C13.84,22.26 13,23 12,23Z" /></svg><svg id="ferry" viewBox="0 0 24 24"><path d="M6,6H18V9.96L12,8L6,9.96M3.94,19H4C5.6,19 7,18.12 8,17C9,18.12 10.4,19 12,19C13.6,19 15,18.12 16,17C17,18.12 18.4,19 20,19H20.05L21.95,12.31C22.03,12.06 22,11.78 21.89,11.54C21.76,11.3 21.55,11.12 21.29,11.04L20,10.62V6C20,4.89 19.1,4 18,4H15V1H9V4H6A2,2 0 0,0 4,6V10.62L2.71,11.04C2.45,11.12 2.24,11.3 2.11,11.54C2,11.78 1.97,12.06 2.05,12.31M20,21C18.61,21 17.22,20.53 16,19.67C13.56,21.38 10.44,21.38 8,19.67C6.78,20.53 5.39,21 4,21H2V23H4C5.37,23 6.74,22.65 8,22C10.5,23.3 13.5,23.3 16,22C17.26,22.65 18.62,23 20,23H22V21H20Z" /></svg><svg id="file" viewBox="0 0 24 24"><path d="M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z" /></svg><svg id="file-account" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M14,20V19C14,17.67 11.33,17 10,17C8.67,17 6,17.67 6,19V20H14M10,12A2,2 0 0,0 8,14A2,2 0 0,0 10,16A2,2 0 0,0 12,14A2,2 0 0,0 10,12Z" /></svg><svg id="file-alert" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M10,18H8V16H10V18M10,14H8V9H10V14M13,9V3.5L18.5,9H13Z" /></svg><svg id="file-alert-outline" viewBox="0 0 24 24"><path d="M10,18H8V16H10V18M10,14H8V9H10V14M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z" /></svg><svg id="file-cabinet" viewBox="0 0 24 24"><path d="M14,8H10V6H14V8M20,4V20C20,21.11 19.11,22 18,22H6C4.89,22 4,21.11 4,20V4A2,2 0 0,1 6,2H18C19.11,2 20,2.9 20,4M18,13H6V20H18V13M18,4H6V11H18V4M14,15H10V17H14V15Z" /></svg><svg id="file-cancel" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M10.5,11C8,11 6,13 6,15.5C6,18 8,20 10.5,20C13,20 15,18 15,15.5C15,13 13,11 10.5,11M10.5,12.5A3,3 0 0,1 13.5,15.5C13.5,16.06 13.35,16.58 13.08,17L9,12.92C9.42,12.65 9.94,12.5 10.5,12.5M7.5,15.5C7.5,14.94 7.65,14.42 7.92,14L12,18.08C11.58,18.35 11.06,18.5 10.5,18.5A3,3 0 0,1 7.5,15.5Z" /></svg><svg id="file-cancel-outline" viewBox="0 0 24 24"><path d="M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M18,20V9H13V4H6V20H18M11.5,10C14,10 16,12 16,14.5C16,17 14,19 11.5,19C9,19 7,17 7,14.5C7,12 9,10 11.5,10M11.5,11.5C10.94,11.5 10.42,11.65 10,11.92L14.08,16C14.35,15.58 14.5,15.06 14.5,14.5A3,3 0 0,0 11.5,11.5M8.5,14.5A3,3 0 0,0 11.5,17.5C12.06,17.5 12.58,17.35 13,17.08L8.92,13C8.65,13.42 8.5,13.94 8.5,14.5Z" /></svg><svg id="file-chart" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M7,20H9V14H7V20M11,20H13V12H11V20M15,20H17V16H15V20Z" /></svg><svg id="file-check" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M11.2,18.46L15.95,13.71L14.78,12.3L11.2,15.88L9.61,14.3L8.45,15.46L11.2,18.46Z" /></svg><svg id="file-check-outline" viewBox="0 0 24 24"><path d="M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M18,20V9H13V4H6V20H18M11.2,18.46L8.45,15.46L9.61,14.3L11.2,15.88L14.78,12.3L15.95,13.71L11.2,18.46Z" /></svg><svg id="file-cloud" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M15.68,15C15.34,13.3 13.82,12 12,12C10.55,12 9.3,12.82 8.68,14C7.17,14.18 6,15.45 6,17A3,3 0 0,0 9,20H15.5A2.5,2.5 0 0,0 18,17.5C18,16.18 16.97,15.11 15.68,15Z" /></svg><svg id="file-compare" viewBox="0 0 24 24"><path d="M10,18H6V16H10V18M10,14H6V12H10V14M10,1V2H6C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H10V23H12V1H10M20,8V20C20,21.11 19.11,22 18,22H14V20H18V11H14V9H18.5L14,4.5V2L20,8M16,14H14V12H16V14M16,18H14V16H16V18Z" /></svg><svg id="file-delimited" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M14,15V11H10V15H12.3C12.6,17 12,18 9.7,19.38L10.85,20.2C13,19 14,16 14,15Z" /></svg><svg id="file-document" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M15,18V16H6V18H15M18,14V12H6V14H18Z" /></svg><svg id="file-document-box" viewBox="0 0 24 24"><path d="M14,17H7V15H14M17,13H7V11H17M17,9H7V7H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg><svg id="file-document-box-check" viewBox="0 0 24 24"><path d="M17,21L14.25,18L15.41,16.84L17,18.43L20.59,14.84L21.75,16.25M12.8,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19A2,2 0 0,1 21,5V12.8C20.12,12.29 19.09,12 18,12L17,12.08V11H7V13H14.69C13.07,14.07 12,15.91 12,18C12,19.09 12.29,20.12 12.8,21M12,15H7V17H12M17,7H7V9H17" /></svg><svg id="file-document-box-check-outline" viewBox="0 0 24 24"><path d="M17,21L14.25,18L15.41,16.84L17,18.43L20.59,14.84L21.75,16.25M12.8,21H5C3.89,21 3,20.11 3,19V5C3,3.89 3.89,3 5,3H19C20.11,3 21,3.89 21,5V12.8C20.39,12.45 19.72,12.2 19,12.08V5H5V19H12.08C12.2,19.72 12.45,20.39 12.8,21M12,17H7V15H12M14.68,13H7V11H17V12.08C16.15,12.22 15.37,12.54 14.68,13M17,9H7V7H17" /></svg><svg id="file-document-box-minus" viewBox="0 0 24 24"><path d="M22,17V19H14V17H22M12,17V15H7V17H12M17,11H7V13H14.69C13.07,14.07 12,15.91 12,18C12,19.09 12.29,20.12 12.8,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19A2,2 0 0,1 21,5V12.8C20.12,12.29 19.09,12 18,12L17,12.08V11M17,9V7H7V9H17Z" /></svg><svg id="file-document-box-minus-outline" viewBox="0 0 24 24"><path d="M22,17V19H14V17H22M5,3H19C20.11,3 21,3.89 21,5V12.8C20.39,12.45 19.72,12.2 19,12.08V5H5V19H12.08C12.2,19.72 12.45,20.39 12.8,21H5C3.89,21 3,20.11 3,19V5C3,3.89 3.89,3 5,3M7,7H17V9H7V7M7,11H17V12.08C16.15,12.22 15.37,12.54 14.68,13H7V11M7,15H12V17H7V15Z" /></svg><svg id="file-document-box-multiple" viewBox="0 0 24 24"><path d="M16,15H9V13H16M19,11H9V9H19M19,7H9V5H19M21,1H7C5.89,1 5,1.89 5,3V17C5,18.11 5.9,19 7,19H21C22.11,19 23,18.11 23,17V3C23,1.89 22.1,1 21,1M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3Z" /></svg><svg id="file-document-box-multiple-outline" viewBox="0 0 24 24"><path d="M16,15H9V13H16V15M19,11H9V9H19V11M19,7H9V5H19V7M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3M21,1A2,2 0 0,1 23,3V17C23,18.11 22.11,19 21,19H7A2,2 0 0,1 5,17V3C5,1.89 5.89,1 7,1H21M7,3V17H21V3H7Z" /></svg><svg id="file-document-box-outline" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.89 3,5V19C3,20.11 3.89,21 5,21H19C20.11,21 21,20.11 21,19V5C21,3.89 20.11,3 19,3H5M5,5H19V19H5V5M7,7V9H17V7H7M7,11V13H17V11H7M7,15V17H14V15H7Z" /></svg><svg id="file-document-box-plus" viewBox="0 0 24 24"><path d="M17,14H19V17H22V19H19V22H17V19H14V17H17V14M12,17V15H7V17H12M17,11H7V13H14.69C13.07,14.07 12,15.91 12,18C12,19.09 12.29,20.12 12.8,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19A2,2 0 0,1 21,5V12.8C20.12,12.29 19.09,12 18,12L17,12.08V11M17,9V7H7V9H17Z" /></svg><svg id="file-document-box-plus-outline" viewBox="0 0 24 24"><path d="M17,14H19V17H22V19H19V22H17V19H14V17H17V14M5,3H19C20.11,3 21,3.89 21,5V12.8C20.39,12.45 19.72,12.2 19,12.08V5H5V19H12.08C12.2,19.72 12.45,20.39 12.8,21H5C3.89,21 3,20.11 3,19V5C3,3.89 3.89,3 5,3M7,7H17V9H7V7M7,11H17V12.08C16.15,12.22 15.37,12.54 14.68,13H7V11M7,15H12V17H7V15Z" /></svg><svg id="file-document-box-remove" viewBox="0 0 24 24"><path d="M14.46,15.88L15.88,14.46L18,16.59L20.12,14.46L21.54,15.88L19.41,18L21.54,20.12L20.12,21.54L18,19.41L15.88,21.54L14.46,20.12L16.59,18L14.46,15.88M12,17V15H7V17H12M17,11H7V13H14.69C13.07,14.07 12,15.91 12,18C12,19.09 12.29,20.12 12.8,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19A2,2 0 0,1 21,5V12.8C20.12,12.29 19.09,12 18,12L17,12.08V11M17,9V7H7V9H17Z" /></svg><svg id="file-document-box-remove-outline" viewBox="0 0 24 24"><path d="M14.46,15.88L15.88,14.46L18,16.59L20.12,14.46L21.54,15.88L19.41,18L21.54,20.12L20.12,21.54L18,19.41L15.88,21.54L14.46,20.12L16.59,18L14.46,15.88M5,3H19C20.11,3 21,3.89 21,5V12.8C20.39,12.45 19.72,12.2 19,12.08V5H5V19H12.08C12.2,19.72 12.45,20.39 12.8,21H5C3.89,21 3,20.11 3,19V5C3,3.89 3.89,3 5,3M7,7H17V9H7V7M7,11H17V12.08C16.15,12.22 15.37,12.54 14.68,13H7V11M7,15H12V17H7V15Z" /></svg><svg id="file-document-box-search" viewBox="0 0 24 24"><path d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M7,15V17H9C9.14,18.55 9.8,19.94 10.81,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19A2,2 0 0,1 21,5V13.03C19.85,11.21 17.82,10 15.5,10C14.23,10 13.04,10.37 12.04,11H7V13H10C9.64,13.6 9.34,14.28 9.17,15H7M17,9V7H7V9H17Z" /></svg><svg id="file-document-box-search-outline" viewBox="0 0 24 24"><path d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M5,3H19C20.11,3 21,3.89 21,5V13.03C20.5,12.23 19.81,11.54 19,11V5H5V19H9.5C9.81,19.75 10.26,20.42 10.81,21H5C3.89,21 3,20.11 3,19V5C3,3.89 3.89,3 5,3M7,7H17V9H7V7M7,11H12.03C11.23,11.5 10.54,12.19 10,13H7V11M7,15H9.17C9.06,15.5 9,16 9,16.5V17H7V15Z" /></svg><svg id="file-document-edit" viewBox="0 0 24 24"><path d="M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H10V20.09L12.09,18H6V16H14.09L16.09,14H6V12H18.09L20,10.09V8L14,2H6M13,3.5L18.5,9H13V3.5M20.15,13C20,13 19.86,13.05 19.75,13.16L18.73,14.18L20.82,16.26L21.84,15.25C22.05,15.03 22.05,14.67 21.84,14.46L20.54,13.16C20.43,13.05 20.29,13 20.15,13M18.14,14.77L12,20.92V23H14.08L20.23,16.85L18.14,14.77Z" /></svg><svg id="file-document-edit-outline" viewBox="0 0 24 24"><path d="M8,12H16V14H8V12M10,20H6V4H13V9H18V12.1L20,10.1V8L14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H10V20M8,18H12.1L13,17.1V16H8V18M20.2,13C20.3,13 20.5,13.1 20.6,13.2L21.9,14.5C22.1,14.7 22.1,15.1 21.9,15.3L20.9,16.3L18.8,14.2L19.8,13.2C19.9,13.1 20,13 20.2,13M20.2,16.9L14.1,23H12V20.9L18.1,14.8L20.2,16.9Z" /></svg><svg id="file-document-outline" viewBox="0 0 24 24"><path d="M6,2A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6M6,4H13V9H18V20H6V4M8,12V14H16V12H8M8,16V18H13V16H8Z" /></svg><svg id="file-download" viewBox="0 0 24 24"><path d="M14,2H6C4.89,2 4,2.89 4,4V20C4,21.11 4.89,22 6,22H18C19.11,22 20,21.11 20,20V8L14,2M12,19L8,15H10.5V12H13.5V15H16L12,19M13,9V3.5L18.5,9H13Z" /></svg><svg id="file-download-outline" viewBox="0 0 24 24"><path d="M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M18,20V9H13V4H6V20H18M12,19L8,15H10.5V12H13.5V15H16L12,19Z" /></svg><svg id="file-excel" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M15.8,20H14L12,16.6L10,20H8.2L11.1,15.5L8.2,11H10L12,14.4L14,11H15.8L12.9,15.5L15.8,20M13,9V3.5L18.5,9H13Z" /></svg><svg id="file-excel-box" viewBox="0 0 24 24"><path d="M16.2,17H14.2L12,13.2L9.8,17H7.8L11,12L7.8,7H9.8L12,10.8L14.2,7H16.2L13,12M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg><svg id="file-export" viewBox="0 0 24 24"><path d="M6,2C4.89,2 4,2.9 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13,3.5L18.5,9H13M8.93,12.22H16V19.29L13.88,17.17L11.05,20L8.22,17.17L11.05,14.35" /></svg><svg id="file-eye" viewBox="0 0 24 24"><path d="M17,18C17.56,18 18,18.44 18,19C18,19.56 17.56,20 17,20C16.44,20 16,19.56 16,19C16,18.44 16.44,18 17,18M17,15C14.27,15 11.94,16.66 11,19C11.94,21.34 14.27,23 17,23C19.73,23 22.06,21.34 23,19C22.06,16.66 19.73,15 17,15M17,21.5A2.5,2.5 0 0,1 14.5,19A2.5,2.5 0 0,1 17,16.5A2.5,2.5 0 0,1 19.5,19A2.5,2.5 0 0,1 17,21.5M9.14,19.75L8.85,19L9.14,18.26C10.43,15.06 13.5,13 17,13C18.05,13 19.06,13.21 20,13.56V8L14,2H6C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H10.5C9.95,21.34 9.5,20.58 9.14,19.75M13,3.5L18.5,9H13V3.5Z" /></svg><svg id="file-eye-outline" viewBox="0 0 24 24"><path d="M17,18C17.56,18 18,18.44 18,19C18,19.56 17.56,20 17,20C16.44,20 16,19.56 16,19C16,18.44 16.44,18 17,18M17,15C14.27,15 11.94,16.66 11,19C11.94,21.34 14.27,23 17,23C19.73,23 22.06,21.34 23,19C22.06,16.66 19.73,15 17,15M17,21.5A2.5,2.5 0 0,1 14.5,19A2.5,2.5 0 0,1 17,16.5A2.5,2.5 0 0,1 19.5,19A2.5,2.5 0 0,1 17,21.5M9.27,20H6V4H13V9H18V13.07C18.7,13.15 19.36,13.32 20,13.56V8L14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H10.5C10,21.41 9.59,20.73 9.27,20Z" /></svg><svg id="file-find" viewBox="0 0 24 24"><path d="M9,13A3,3 0 0,0 12,16A3,3 0 0,0 15,13A3,3 0 0,0 12,10A3,3 0 0,0 9,13M20,19.59V8L14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18C18.45,22 18.85,21.85 19.19,21.6L14.76,17.17C13.96,17.69 13,18 12,18A5,5 0 0,1 7,13A5,5 0 0,1 12,8A5,5 0 0,1 17,13C17,14 16.69,14.96 16.17,15.75L20,19.59Z" /></svg><svg id="file-find-outline" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M6,4H13L18,9V17.58L16.16,15.74C17.44,13.8 17.23,11.17 15.5,9.46C14.55,8.5 13.28,8 12,8C10.72,8 9.45,8.5 8.47,9.46C6.5,11.41 6.5,14.57 8.47,16.5C9.44,17.5 10.72,17.97 12,17.97C12.96,17.97 13.92,17.69 14.75,17.14L17.6,20H6V4M14.11,15.1C13.55,15.66 12.8,16 12,16C11.2,16 10.45,15.67 9.89,15.1C9.33,14.54 9,13.79 9,13C9,12.19 9.32,11.44 9.89,10.88C10.45,10.31 11.2,10 12,10C12.8,10 13.55,10.31 14.11,10.88C14.67,11.44 15,12.19 15,13C15,13.79 14.68,14.54 14.11,15.1Z" /></svg><svg id="file-hidden" viewBox="0 0 24 24"><path d="M13,9H14V11H11V7H13V9M18.5,9L16.38,6.88L17.63,5.63L20,8V10H18V11H15V9H18.5M13,3.5V2H12V4H13V6H11V4H9V2H8V4H6V5H4V4C4,2.89 4.89,2 6,2H14L16.36,4.36L15.11,5.61L13,3.5M20,20A2,2 0 0,1 18,22H16V20H18V19H20V20M18,15H20V18H18V15M12,22V20H15V22H12M8,22V20H11V22H8M6,22C4.89,22 4,21.1 4,20V18H6V20H7V22H6M4,14H6V17H4V14M4,10H6V13H4V10M18,11H20V14H18V11M4,6H6V9H4V6Z" /></svg><svg id="file-image" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M6,20H15L18,20V12L14,16L12,14L6,20M8,9A2,2 0 0,0 6,11A2,2 0 0,0 8,13A2,2 0 0,0 10,11A2,2 0 0,0 8,9Z" /></svg><svg id="file-import" viewBox="0 0 24 24"><path d="M6,2C4.89,2 4,2.9 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13,3.5L18.5,9H13M10.05,11.22L12.88,14.05L15,11.93V19H7.93L10.05,16.88L7.22,14.05" /></svg><svg id="file-lock" viewBox="0 0 24 24"><path d="M6,2C4.89,2 4,2.9 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6M13,3.5L18.5,9H13V3.5M12,11A3,3 0 0,1 15,14V15H16V19H8V15H9V14C9,12.36 10.34,11 12,11M12,13A1,1 0 0,0 11,14V15H13V14C13,13.47 12.55,13 12,13Z" /></svg><svg id="file-move" viewBox="0 0 24 24"><path d="M14,17H18V14L23,18.5L18,23V20H14V17M13,9H18.5L13,3.5V9M6,2H14L20,8V12.34C19.37,12.12 18.7,12 18,12A6,6 0 0,0 12,18C12,19.54 12.58,20.94 13.53,22H6C4.89,22 4,21.1 4,20V4A2,2 0 0,1 6,2Z" /></svg><svg id="file-multiple" viewBox="0 0 24 24"><path d="M15,7H20.5L15,1.5V7M8,0H16L22,6V18A2,2 0 0,1 20,20H8C6.89,20 6,19.1 6,18V2A2,2 0 0,1 8,0M4,4V22H20V24H4A2,2 0 0,1 2,22V4H4Z" /></svg><svg id="file-music" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13,13H11V18A2,2 0 0,1 9,20A2,2 0 0,1 7,18A2,2 0 0,1 9,16C9.4,16 9.7,16.1 10,16.3V11H13V13M13,9V3.5L18.5,9H13Z" /></svg><svg id="file-music-outline" viewBox="0 0 24 24"><path d="M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M18,20V9H13V4H6V20H18M13,10V12H11V17A2,2 0 0,1 9,19A2,2 0 0,1 7,17A2,2 0 0,1 9,15C9.4,15 9.7,15.1 10,15.3V10H13Z" /></svg><svg id="file-outline" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z" /></svg><svg id="file-pdf" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M10.1,11.4C10.08,11.44 9.81,13.16 8,16.09C8,16.09 4.5,17.91 5.33,19.27C6,20.35 7.65,19.23 9.07,16.59C9.07,16.59 10.89,15.95 13.31,15.77C13.31,15.77 17.17,17.5 17.7,15.66C18.22,13.8 14.64,14.22 14,14.41C14,14.41 12,13.06 11.5,11.2C11.5,11.2 12.64,7.25 10.89,7.3C9.14,7.35 9.8,10.43 10.1,11.4M10.91,12.44C10.94,12.45 11.38,13.65 12.8,14.9C12.8,14.9 10.47,15.36 9.41,15.8C9.41,15.8 10.41,14.07 10.91,12.44M14.84,15.16C15.42,15 17.17,15.31 17.1,15.64C17.04,15.97 14.84,15.16 14.84,15.16M7.77,17C7.24,18.24 6.33,19 6.1,19C5.87,19 6.8,17.4 7.77,17M10.91,10.07C10.91,10 10.55,7.87 10.91,7.92C11.45,8 10.91,10 10.91,10.07Z" /></svg><svg id="file-pdf-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19M10.59,10.08C10.57,10.13 10.3,11.84 8.5,14.77C8.5,14.77 5,16.58 5.83,17.94C6.5,19 8.15,17.9 9.56,15.27C9.56,15.27 11.38,14.63 13.79,14.45C13.79,14.45 17.65,16.19 18.17,14.34C18.69,12.5 15.12,12.9 14.5,13.09C14.5,13.09 12.46,11.75 12,9.89C12,9.89 13.13,5.95 11.38,6C9.63,6.05 10.29,9.12 10.59,10.08M11.4,11.13C11.43,11.13 11.87,12.33 13.29,13.58C13.29,13.58 10.96,14.04 9.9,14.5C9.9,14.5 10.9,12.75 11.4,11.13M15.32,13.84C15.9,13.69 17.64,14 17.58,14.32C17.5,14.65 15.32,13.84 15.32,13.84M8.26,15.7C7.73,16.91 6.83,17.68 6.6,17.67C6.37,17.66 7.3,16.07 8.26,15.7M11.4,8.76C11.39,8.71 11.03,6.57 11.4,6.61C11.94,6.67 11.4,8.71 11.4,8.76Z" /></svg><svg id="file-pdf-outline" viewBox="0 0 24 24"><path d="M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M18,20V9H13V4H6V20H18M10.92,12.31C10.68,11.54 10.15,9.08 11.55,9.04C12.95,9 12.03,12.16 12.03,12.16C12.42,13.65 14.05,14.72 14.05,14.72C14.55,14.57 17.4,14.24 17,15.72C16.57,17.2 13.5,15.81 13.5,15.81C11.55,15.95 10.09,16.47 10.09,16.47C8.96,18.58 7.64,19.5 7.1,18.61C6.43,17.5 9.23,16.07 9.23,16.07C10.68,13.72 10.9,12.35 10.92,12.31M11.57,13.15C11.17,14.45 10.37,15.84 10.37,15.84C11.22,15.5 13.08,15.11 13.08,15.11C11.94,14.11 11.59,13.16 11.57,13.15M14.71,15.32C14.71,15.32 16.46,15.97 16.5,15.71C16.57,15.44 15.17,15.2 14.71,15.32M9.05,16.81C8.28,17.11 7.54,18.39 7.72,18.39C7.9,18.4 8.63,17.79 9.05,16.81M11.57,11.26C11.57,11.21 12,9.58 11.57,9.53C11.27,9.5 11.56,11.22 11.57,11.26Z" /></svg><svg id="file-percent" viewBox="0 0 24 24"><path d="M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M7.37,20L15,12.35L13.65,11L6,18.65L7.37,20M13,9H18.5L13,3.5V9M7.5,11A1.5,1.5 0 0,0 6,12.5A1.5,1.5 0 0,0 7.5,14A1.5,1.5 0 0,0 9,12.5A1.5,1.5 0 0,0 7.5,11M13.5,17A1.5,1.5 0 0,0 12,18.5A1.5,1.5 0 0,0 13.5,20A1.5,1.5 0 0,0 15,18.5A1.5,1.5 0 0,0 13.5,17Z" /></svg><svg id="file-plus" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M11,15V12H9V15H6V17H9V20H11V17H14V15H11Z" /></svg><svg id="file-powerpoint" viewBox="0 0 24 24"><path d="M12.6,12.3H10.6V15.5H12.7C13.3,15.5 13.6,15.3 13.9,15C14.2,14.7 14.3,14.4 14.3,13.9C14.3,13.4 14.2,13.1 13.9,12.8C13.6,12.5 13.2,12.3 12.6,12.3M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M15.2,16C14.6,16.5 14.1,16.7 12.8,16.7H10.6V20H9V11H12.8C14.1,11 14.7,11.3 15.2,11.8C15.8,12.4 16,13 16,13.9C16,14.8 15.8,15.5 15.2,16M13,9V3.5L18.5,9H13Z" /></svg><svg id="file-powerpoint-box" viewBox="0 0 24 24"><path d="M9.8,13.4H12.3C13.8,13.4 14.46,13.12 15.1,12.58C15.74,12.03 16,11.25 16,10.23C16,9.26 15.75,8.5 15.1,7.88C14.45,7.29 13.83,7 12.3,7H8V17H9.8V13.4M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M9.8,12V8.4H12.1C12.76,8.4 13.27,8.65 13.6,9C13.93,9.35 14.1,9.72 14.1,10.24C14.1,10.8 13.92,11.19 13.6,11.5C13.28,11.81 12.9,12 12.22,12H9.8Z" /></svg><svg id="file-presentation-box" viewBox="0 0 24 24"><path d="M19,16H5V8H19M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg><svg id="file-question" viewBox="0 0 24 24"><path d="M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6M13,3.5L18.5,9H13V3.5M12,11A3,3 0 0,1 15,14C15,15.88 12.75,16.06 12.75,17.75H11.25C11.25,15.31 13.5,15.5 13.5,14A1.5,1.5 0 0,0 12,12.5A1.5,1.5 0 0,0 10.5,14H9A3,3 0 0,1 12,11M11.25,18.5H12.75V20H11.25V18.5Z" /></svg><svg id="file-remove" viewBox="0 0 24 24"><path d="M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M13,9H18.5L13,3.5V9M10,14.59L7.88,12.46L6.46,13.88L8.59,16L6.46,18.12L7.88,19.54L10,17.41L12.12,19.54L13.54,18.12L11.41,16L13.54,13.88L12.12,12.46L10,14.59Z" /></svg><svg id="file-replace" viewBox="0 0 24 24"><path d="M14,12H19.5L14,6.5V12M8,5H15L21,11V21A2,2 0 0,1 19,23H8C6.89,23 6,22.1 6,21V18H11V20L15,17L11,14V16H6V7A2,2 0 0,1 8,5M13.5,3H4V16H6V18H4A2,2 0 0,1 2,16V3A2,2 0 0,1 4,1H11.5L13.5,3Z" /></svg><svg id="file-replace-outline" viewBox="0 0 24 24"><path d="M14,3L12,1H4A2,2 0 0,0 2,3V15A2,2 0 0,0 4,17H11V19L15,16L11,13V15H4V3H14M21,10V21A2,2 0 0,1 19,23H8A2,2 0 0,1 6,21V19H8V21H19V12H14V7H8V13H6V7A2,2 0 0,1 8,5H16L21,10Z" /></svg><svg id="file-restore" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M12,18C9.95,18 8.19,16.76 7.42,15H9.13C9.76,15.9 10.81,16.5 12,16.5A3.5,3.5 0 0,0 15.5,13A3.5,3.5 0 0,0 12,9.5C10.65,9.5 9.5,10.28 8.9,11.4L10.5,13H6.5V9L7.8,10.3C8.69,8.92 10.23,8 12,8A5,5 0 0,1 17,13A5,5 0 0,1 12,18Z" /></svg><svg id="file-search" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H13C12.59,21.75 12.2,21.44 11.86,21.1C9.22,18.67 9.05,14.56 11.5,11.92C13.69,9.5 17.33,9.13 20,11V8L14,2M13,9V3.5L18.5,9H13M20.31,18.9C21.64,16.79 21,14 18.91,12.68C16.8,11.35 14,12 12.69,14.08C11.35,16.19 12,18.97 14.09,20.3C15.55,21.23 17.41,21.23 18.88,20.32L22,23.39L23.39,22L20.31,18.9M16.5,19A2.5,2.5 0 0,1 14,16.5A2.5,2.5 0 0,1 16.5,14A2.5,2.5 0 0,1 19,16.5A2.5,2.5 0 0,1 16.5,19Z" /></svg><svg id="file-search-outline" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H13C12.59,21.75 12.2,21.44 11.86,21.1C11.53,20.77 11.25,20.4 11,20H6V4H13V9H18V10.18C18.71,10.34 19.39,10.61 20,11V8L14,2M20.31,18.9C21.64,16.79 21,14 18.91,12.68C16.8,11.35 14,12 12.69,14.08C11.35,16.19 12,18.97 14.09,20.3C15.55,21.23 17.41,21.23 18.88,20.32L22,23.39L23.39,22L20.31,18.9M16.5,19A2.5,2.5 0 0,1 14,16.5A2.5,2.5 0 0,1 16.5,14A2.5,2.5 0 0,1 19,16.5A2.5,2.5 0 0,1 16.5,19Z" /></svg><svg id="file-send" viewBox="0 0 24 24"><path d="M14,2H6C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M12.54,19.37V17.37H8.54V15.38H12.54V13.38L15.54,16.38L12.54,19.37M13,9V3.5L18.5,9H13Z" /></svg><svg id="file-table" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M10,19H7V17H10V19M10,16H7V14H10V16M10,13H7V11H10V13M14,19H11V17H14V19M14,16H11V14H14V16M14,13H11V11H14V13M13,9V3.5L18.5,9H13Z" /></svg><svg id="file-table-outline" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20M10,13H7V11H10V13M14,13H11V11H14V13M10,16H7V14H10V16M14,16H11V14H14V16M10,19H7V17H10V19M14,19H11V17H14V19Z" /></svg><svg id="file-tree" viewBox="0 0 24 24"><path d="M3,3H9V7H3V3M15,10H21V14H15V10M15,17H21V21H15V17M13,13H7V18H13V20H7L5,20V9H7V11H13V13Z" /></svg><svg id="file-undo" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M12.16,14.31C10.6,14.31 9.19,14.89 8.11,15.83L6,13.72V19H11.28L9.15,16.88C9.97,16.2 11,15.78 12.16,15.78C14.23,15.78 16,17.13 16.61,19L18,18.54C17.19,16.09 14.88,14.31 12.16,14.31Z" /></svg><svg id="file-upload" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13.5,16V19H10.5V16H8L12,12L16,16H13.5M13,9V3.5L18.5,9H13Z" /></svg><svg id="file-upload-outline" viewBox="0 0 24 24"><path d="M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M18,20V9H13V4H6V20H18M12,12L16,16H13.5V19H10.5V16H8L12,12Z" /></svg><svg id="file-video" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M17,19V13L14,15.2V13H7V19H14V16.8L17,19Z" /></svg><svg id="file-video-outline" viewBox="0 0 24 24"><path d="M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M18,20V9H13V4H6V20H18M16,18L13.5,16.3V18H8V13H13.5V14.7L16,13V18Z" /></svg><svg id="file-word" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M15.2,20H13.8L12,13.2L10.2,20H8.8L6.6,11H8.1L9.5,17.8L11.3,11H12.6L14.4,17.8L15.8,11H17.3L15.2,20M13,9V3.5L18.5,9H13Z" /></svg><svg id="file-word-box" viewBox="0 0 24 24"><path d="M15.5,17H14L12,9.5L10,17H8.5L6.1,7H7.8L9.34,14.5L11.3,7H12.7L14.67,14.5L16.2,7H17.9M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg><svg id="file-xml" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M6.12,15.5L9.86,19.24L11.28,17.83L8.95,15.5L11.28,13.17L9.86,11.76L6.12,15.5M17.28,15.5L13.54,11.76L12.12,13.17L14.45,15.5L12.12,17.83L13.54,19.24L17.28,15.5Z" /></svg><svg id="film" viewBox="0 0 24 24"><path d="M3.5,3H5V1.8C5,1.36 5.36,1 5.8,1H10.2C10.64,1 11,1.36 11,1.8V3H12.5A1.5,1.5 0 0,1 14,4.5V5H22V20H14V20.5A1.5,1.5 0 0,1 12.5,22H3.5A1.5,1.5 0 0,1 2,20.5V4.5A1.5,1.5 0 0,1 3.5,3M18,7V9H20V7H18M14,7V9H16V7H14M10,7V9H12V7H10M14,16V18H16V16H14M18,16V18H20V16H18M10,16V18H12V16H10Z" /></svg><svg id="filmstrip" viewBox="0 0 24 24"><path d="M18,9H16V7H18M18,13H16V11H18M18,17H16V15H18M8,9H6V7H8M8,13H6V11H8M8,17H6V15H8M18,3V5H16V3H8V5H6V3H4V21H6V19H8V21H16V19H18V21H20V3H18Z" /></svg><svg id="filmstrip-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L21,21.72L19.73,23L16,19.27V21H8V19H6V21H4V7.27L1,4.27M18,9V7H16V9H18M18,13V11H16V13H18M18,15H16.82L6.82,5H8V3H16V5H18V3H20V18.18L18,16.18V15M8,13V11.27L7.73,11H6V13H8M8,17V15H6V17H8M6,3V4.18L4.82,3H6Z" /></svg><svg id="filter" viewBox="0 0 24 24"><path d="M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z" /></svg><svg id="filter-outline" viewBox="0 0 24 24"><path d="M15,19.88C15.04,20.18 14.94,20.5 14.71,20.71C14.32,21.1 13.69,21.1 13.3,20.71L9.29,16.7C9.06,16.47 8.96,16.16 9,15.87V10.75L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L15,10.75V19.88M7.04,5L11,10.06V15.58L13,17.58V10.05L16.96,5H7.04Z" /></svg><svg id="filter-remove" viewBox="0 0 24 24"><path d="M14.76,20.83L17.6,18L14.76,15.17L16.17,13.76L19,16.57L21.83,13.76L23.24,15.17L20.43,18L23.24,20.83L21.83,22.24L19,19.4L16.17,22.24L14.76,20.83M12,12V19.88C12.04,20.18 11.94,20.5 11.71,20.71C11.32,21.1 10.69,21.1 10.3,20.71L8.29,18.7C8.06,18.47 7.96,18.16 8,17.87V12H7.97L2.21,4.62C1.87,4.19 1.95,3.56 2.38,3.22C2.57,3.08 2.78,3 3,3V3H17V3C17.22,3 17.43,3.08 17.62,3.22C18.05,3.56 18.13,4.19 17.79,4.62L12.03,12H12Z" /></svg><svg id="filter-remove-outline" viewBox="0 0 24 24"><path d="M14.73,20.83L17.58,18L14.73,15.17L16.15,13.76L19,16.57L21.8,13.76L23.22,15.17L20.41,18L23.22,20.83L21.8,22.24L19,19.4L16.15,22.24L14.73,20.83M13,19.88C13.04,20.18 12.94,20.5 12.71,20.71C12.32,21.1 11.69,21.1 11.3,20.71L7.29,16.7C7.06,16.47 6.96,16.16 7,15.87V10.75L2.21,4.62C1.87,4.19 1.95,3.56 2.38,3.22C2.57,3.08 2.78,3 3,3V3H17V3C17.22,3 17.43,3.08 17.62,3.22C18.05,3.56 18.13,4.19 17.79,4.62L13,10.75V19.88M5.04,5L9,10.06V15.58L11,17.58V10.05L14.96,5H5.04Z" /></svg><svg id="filter-variant" viewBox="0 0 24 24"><path d="M6,13H18V11H6M3,6V8H21V6M10,18H14V16H10V18Z" /></svg><svg id="finance" viewBox="0 0 24 24"><path d="M3,13H7V23H3V13M10,14H14V23H10V14M17,9H21V23H17V9M17,1H21V5H20V3.06L11.97,11.09L8,7.12L3.4,11.72L2.34,10.66L8,5L11.97,8.97L18.94,2H17V1Z" /></svg><svg id="find-replace" viewBox="0 0 24 24"><path d="M11,6C12.38,6 13.63,6.56 14.54,7.46L12,10H18V4L15.95,6.05C14.68,4.78 12.93,4 11,4C7.47,4 4.57,6.61 4.08,10H6.1C6.56,7.72 8.58,6 11,6M16.64,15.14C17.3,14.24 17.76,13.17 17.92,12H15.9C15.44,14.28 13.42,16 11,16C9.62,16 8.37,15.44 7.46,14.54L10,12H4V18L6.05,15.95C7.32,17.22 9.07,18 11,18C12.55,18 14,17.5 15.14,16.64L20,21.5L21.5,20L16.64,15.14Z" /></svg><svg id="fingerprint" viewBox="0 0 24 24"><path d="M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3 12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97 5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47 18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47 17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16 3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03 17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44 20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23 16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25 3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74 9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27 6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69 17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1 16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24 7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15 10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79 9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04 11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1 12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93 16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96 18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94 16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95 11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72 11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6 17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83 11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62 4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82 5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16 3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82 11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59 17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71 11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96 11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36 15.38,21.62C15.33,21.85 15.12,22 14.91,22Z" /></svg><svg id="fire" viewBox="0 0 24 24"><path d="M17.55,11.2C17.32,10.9 17.05,10.64 16.79,10.38C16.14,9.78 15.39,9.35 14.76,8.72C13.3,7.26 13,4.85 13.91,3C13,3.23 12.16,3.75 11.46,4.32C8.92,6.4 7.92,10.07 9.12,13.22C9.16,13.32 9.2,13.42 9.2,13.55C9.2,13.77 9.05,13.97 8.85,14.05C8.63,14.15 8.39,14.09 8.21,13.93C8.15,13.88 8.11,13.83 8.06,13.76C6.96,12.33 6.78,10.28 7.53,8.64C5.89,10 5,12.3 5.14,14.47C5.18,14.97 5.24,15.47 5.41,15.97C5.55,16.57 5.81,17.17 6.13,17.7C7.17,19.43 9,20.67 10.97,20.92C13.07,21.19 15.32,20.8 16.93,19.32C18.73,17.66 19.38,15 18.43,12.72L18.3,12.46C18.1,12 17.83,11.59 17.5,11.21L17.55,11.2M14.45,17.5C14.17,17.74 13.72,18 13.37,18.1C12.27,18.5 11.17,17.94 10.5,17.28C11.69,17 12.39,16.12 12.59,15.23C12.76,14.43 12.45,13.77 12.32,13C12.2,12.26 12.22,11.63 12.5,10.94C12.67,11.32 12.87,11.7 13.1,12C13.86,13 15.05,13.44 15.3,14.8C15.34,14.94 15.36,15.08 15.36,15.23C15.39,16.05 15.04,16.95 14.44,17.5H14.45Z" /></svg><svg id="fire-truck" viewBox="0 0 24 24"><path d="M17.04,2C16.85,2 16.66,2.04 16.5,2.14L5.59,8.5H9.55L17.5,3.86C18,3.58 18.13,2.97 17.85,2.5C17.68,2.2 17.38,2 17.04,2M16,8V10H3A2,2 0 0,0 1,12H2V15H1V19H3A3,3 0 0,0 6,22A3,3 0 0,0 9,19H15A3,3 0 0,0 18,22A3,3 0 0,0 21,19H23V12.5L19.5,8H16M18,9.5H19L21.5,12.5V13.5H18V9.5M4,12H7V15H4V12M9,12H12V15H9V12M14,12H16V15H14V12M6,17.5A1.5,1.5 0 0,1 7.5,19A1.5,1.5 0 0,1 6,20.5A1.5,1.5 0 0,1 4.5,19A1.5,1.5 0 0,1 6,17.5M18,17.5A1.5,1.5 0 0,1 19.5,19A1.5,1.5 0 0,1 18,20.5A1.5,1.5 0 0,1 16.5,19A1.5,1.5 0 0,1 18,17.5Z" /></svg><svg id="firebase" viewBox="0 0 24 24"><path d="M20,18.69L12.7,22.74C12.2,23 11.7,23 11.2,22.74L4,18.69L17.05,5.54L17.4,5.44C17.7,5.44 17.87,5.57 17.9,5.84L20,18.69M9.35,5.74L4.8,13.29L6.7,1.34C6.73,1.07 6.9,0.94 7.2,0.94C7.4,0.94 7.53,1 7.6,1.19L9.75,5.14L9.35,5.74M13.85,7L4.3,16.59L11.55,4.29C11.65,4.09 11.8,4 12,4C12.2,4 12.33,4.09 12.4,4.29L13.85,7Z" /></svg><svg id="firefox" viewBox="0 0 24 24"><path d="M21,11.7C21,11.3 20.9,10.7 20.8,10.3C20.5,8.6 19.6,7.1 18.5,5.9C18.3,5.6 17.9,5.3 17.5,5C16.4,4.1 15.1,3.5 13.6,3.2C10.6,2.7 7.6,3.7 5.6,5.8C5.6,5.8 5.6,5.7 5.6,5.7C5.5,5.5 5.5,5.5 5.4,5.5C5.4,5.5 5.4,5.5 5.4,5.5C5.3,5.3 5.3,5.2 5.2,5.1C5.2,5.1 5.2,5.1 5.2,5.1C5.2,4.9 5.1,4.7 5.1,4.5C4.8,4.6 4.8,4.9 4.7,5.1C4.7,5.1 4.7,5.1 4.7,5.1C4.5,5.3 4.3,5.6 4.3,5.9C4.3,5.9 4.3,5.9 4.3,5.9C4.2,6.1 4,7 4.2,7.1C4.2,7.1 4.2,7.1 4.3,7.1C4.3,7.2 4.3,7.3 4.3,7.4C4.1,7.6 4,7.7 4,7.8C3.7,8.4 3.4,8.9 3.3,9.5C3.3,9.7 3.3,9.8 3.3,9.9C3.3,9.9 3.3,9.9 3.3,9.9C3.3,9.9 3.3,9.8 3.3,9.8C3.1,10 3.1,10.3 3,10.5C3.1,10.5 3.1,10.4 3.2,10.4C2.7,13 3.4,15.7 5,17.7C7.4,20.6 11.5,21.8 15.1,20.5C18.6,19.2 21,15.8 21,12C21,11.9 21,11.8 21,11.7M13.5,4.1C15,4.4 16.4,5.1 17.5,6.1C17.6,6.2 17.7,6.4 17.7,6.4C17.4,6.1 16.7,5.6 16.3,5.8C16.4,6.1 17.6,7.6 17.7,7.7C17.7,7.7 18,9 18.1,9.1C18.1,9.1 18.1,9.1 18.1,9.1C18.1,9.1 18.1,9.1 18.1,9.1C18.1,9.3 17.4,11.9 17.4,12.3C17.4,12.4 16.5,14.2 16.6,14.2C16.3,14.9 16,14.9 15.9,15C15.8,15 15.2,15.2 14.5,15.4C13.9,15.5 13.2,15.7 12.7,15.6C12.4,15.6 12,15.6 11.7,15.4C11.6,15.3 10.8,14.9 10.6,14.8C10.3,14.7 10.1,14.5 9.9,14.3C10.2,14.3 10.8,14.3 11,14.3C11.6,14.2 14.2,13.3 14.1,12.9C14.1,12.6 13.6,12.4 13.4,12.2C13.1,12.1 11.9,12.3 11.4,12.5C11.4,12.5 9.5,12 9,11.6C9,11.5 8.9,10.9 8.9,10.8C8.8,10.7 9.2,10.4 9.2,10.4C9.2,10.4 10.2,9.4 10.2,9.3C10.4,9.3 10.6,9.1 10.7,9C10.6,9 10.8,8.9 11.1,8.7C11.1,8.7 11.1,8.7 11.1,8.7C11.4,8.5 11.6,8.5 11.6,8.2C11.6,8.2 12.1,7.3 11.5,7.4C11.5,7.4 10.6,7.3 10.3,7.3C10,7.5 9.9,7.4 9.6,7.3C9.6,7.3 9.4,7.1 9.4,7C9.5,6.8 10.2,5.3 10.5,5.2C10.3,4.8 9.3,5.1 9.1,5.4C9.1,5.4 8.3,6 7.9,6.1C7.9,6.1 7.9,6.1 7.9,6.1C7.9,6 7.4,5.9 6.9,5.9C8.7,4.4 11.1,3.7 13.5,4.1Z" /></svg><svg id="fireplace" viewBox="0 0 24 24"><path d="M22,22H2V20H22V22M22,6H2V3H22V6M20,7V19H17V11C17,11 14.5,10 12,10C9.5,10 7,11 7,11V19H4V7H20M14.5,14.67H14.47L14.81,15.22L14.87,15.34C15.29,16.35 15,17.5 14.21,18.24C13.5,18.9 12.5,19.07 11.58,18.95C10.71,18.84 9.9,18.29 9.45,17.53C9.3,17.3 9.19,17.03 9.13,16.77L9,16.11C8.96,15.15 9.34,14.14 10.06,13.54C9.73,14.26 9.81,15.16 10.3,15.79L10.36,15.87C10.44,15.94 10.55,15.97 10.64,15.92C10.73,15.89 10.8,15.8 10.8,15.7L10.76,15.56C10.23,14.17 10.68,12.55 11.79,11.63C12.1,11.38 12.5,11.15 12.87,11.05C12.46,11.87 12.61,12.93 13.25,13.57L14.14,14.3L14.5,14.67M13.11,17.44V17.44C13.37,17.2 13.53,16.8 13.5,16.44V16.25C13.38,15.65 12.85,15.46 12.5,15L12.26,14.55C12.13,14.85 12.12,15.13 12.17,15.46C12.23,15.8 12.37,16.09 12.29,16.44C12.2,16.83 11.9,17.22 11.37,17.35C11.67,17.64 12.15,17.87 12.64,17.71L13.11,17.44Z" /></svg><svg id="fireplace-off" viewBox="0 0 24 24"><path d="M22,22H2V20H22V22M22,6H2V3H22V6M20,7V19H17V11C17,11 14.5,10 12,10C9.5,10 7,11 7,11V19H4V7H20Z" /></svg><svg id="firework" viewBox="0 0 24 24"><path d="M5.8,16.59L4.5,15.28L12.26,7.5L16.5,11.74L8.72,19.5L7.29,18.09C7.04,18.16 6.8,18.28 6.63,18.5C6.57,18.57 6.5,18.65 6.5,18.74C6.42,18.88 6.38,19 6.32,19.15C6.21,19.42 6.09,19.69 5.93,19.93C5.81,20.1 5.68,20.26 5.53,20.39C5.42,20.5 5.29,20.59 5.16,20.66C5.08,20.71 5,20.76 4.9,20.79C4.3,21.04 3.63,21 3,21V19C3.23,19 3.83,19 3.9,19C4,19 4.08,19 4.16,18.94C4.18,18.92 4.19,18.91 4.21,18.89C4.28,18.81 4.34,18.7 4.39,18.6C4.47,18.42 4.53,18.24 4.6,18.06L4.64,17.96C4.76,17.69 4.9,17.45 5.08,17.23C5.18,17.1 5.3,17 5.42,16.87C5.54,16.77 5.66,16.67 5.8,16.59M21,3L19.88,11.19L12.81,4.12L21,3Z" /></svg><svg id="fish" viewBox="0 0 24 24"><path d="M12,20L12.76,17C9.5,16.79 6.59,15.4 5.75,13.58C5.66,14.06 5.53,14.5 5.33,14.83C4.67,16 3.33,16 2,16C3.1,16 3.5,14.43 3.5,12.5C3.5,10.57 3.1,9 2,9C3.33,9 4.67,9 5.33,10.17C5.53,10.5 5.66,10.94 5.75,11.42C6.4,10 8.32,8.85 10.66,8.32L9,5C11,5 13,5 14.33,5.67C15.46,6.23 16.11,7.27 16.69,8.38C19.61,9.08 22,10.66 22,12.5C22,14.38 19.5,16 16.5,16.66C15.67,17.76 14.86,18.78 14.17,19.33C13.33,20 12.67,20 12,20M17,11A1,1 0 0,0 16,12A1,1 0 0,0 17,13A1,1 0 0,0 18,12A1,1 0 0,0 17,11Z" /></svg><svg id="flag" viewBox="0 0 24 24"><path d="M14.4,6L14,4H5V21H7V14H12.6L13,16H20V6H14.4Z" /></svg><svg id="flag-checkered" viewBox="0 0 24 24"><path d="M14.4,6H20V16H13L12.6,14H7V21H5V4H14L14.4,6M14,14H16V12H18V10H16V8H14V10L13,8V6H11V8H9V6H7V8H9V10H7V12H9V10H11V12H13V10L14,12V14M11,10V8H13V10H11M14,10H16V12H14V10Z" /></svg><svg id="flag-minus" viewBox="0 0 24 24"><path d="M12.4,5H18V15H11L10.6,13H5V20H3V3H12L12.4,5M14,17H22V19H14V17Z" /></svg><svg id="flag-outline" viewBox="0 0 24 24"><path d="M14.5,6H20V16H13L12.5,14H7V21H5V4H14L14.5,6M7,6V12H13L13.5,14H18V8H14L13.5,6H7Z" /></svg><svg id="flag-plus" viewBox="0 0 24 24"><path d="M17,14H19V17H22V19H19V22H17V19H14V17H17V14M12.4,5H18V12C15.78,12 13.84,13.21 12.8,15H11L10.6,13H5V20H3V3H12L12.4,5Z" /></svg><svg id="flag-remove" viewBox="0 0 24 24"><path d="M14.46,15.88L15.88,14.46L18,16.59L20.12,14.46L21.54,15.88L19.41,18L21.54,20.12L20.12,21.54L18,19.41L15.88,21.54L14.46,20.12L16.59,18L14.46,15.88M12.4,5H18V12C15.78,12 13.84,13.21 12.8,15H11L10.6,13H5V20H3V3H12L12.4,5Z" /></svg><svg id="flag-triangle" viewBox="0 0 24 24"><path d="M7,2H9V22H7V2M19,9L11,14.6V3.4L19,9Z" /></svg><svg id="flag-variant" viewBox="0 0 24 24"><path d="M6,3A1,1 0 0,1 7,4V4.88C8.06,4.44 9.5,4 11,4C14,4 14,6 16,6C19,6 20,4 20,4V12C20,12 19,14 16,14C13,14 13,12 11,12C8,12 7,14 7,14V21H5V4A1,1 0 0,1 6,3Z" /></svg><svg id="flag-variant-outline" viewBox="0 0 24 24"><path d="M6,3A1,1 0 0,1 7,4V4.88C8.06,4.44 9.5,4 11,4C14,4 14,6 16,6C19,6 20,4 20,4V12C20,12 19,14 16,14C13,14 13,12 11,12C8,12 7,14 7,14V21H5V4A1,1 0 0,1 6,3M7,7.25V11.5C7,11.5 9,10 11,10C13,10 14,12 16,12C18,12 18,11 18,11V7.5C18,7.5 17,8 16,8C14,8 13,6 11,6C9,6 7,7.25 7,7.25Z" /></svg><svg id="flare" viewBox="0 0 24 24"><path d="M7,11H1V13H7V11M9.17,7.76L7.05,5.64L5.64,7.05L7.76,9.17L9.17,7.76M13,1H11V7H13V1M18.36,7.05L16.95,5.64L14.83,7.76L16.24,9.17L18.36,7.05M17,11V13H23V11H17M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M14.83,16.24L16.95,18.36L18.36,16.95L16.24,14.83L14.83,16.24M5.64,16.95L7.05,18.36L9.17,16.24L7.76,14.83L5.64,16.95M11,23H13V17H11V23Z" /></svg><svg id="flash" viewBox="0 0 24 24"><path d="M7,2V13H10V22L17,10H13L17,2H7Z" /></svg><svg id="flash-auto" viewBox="0 0 24 24"><path d="M16.85,7.65L18,4L19.15,7.65M19,2H17L13.8,11H15.7L16.4,9H19.6L20.3,11H22.2M3,2V14H6V23L13,11H9L13,2H3Z" /></svg><svg id="flash-circle" viewBox="0 0 24 24"><path d="M11.5,20L16.36,10.27H13V4L8,13.73H11.5V20M12,2C14.75,2 17.1,3 19.05,4.95C21,6.9 22,9.25 22,12C22,14.75 21,17.1 19.05,19.05C17.1,21 14.75,22 12,22C9.25,22 6.9,21 4.95,19.05C3,17.1 2,14.75 2,12C2,9.25 3,6.9 4.95,4.95C6.9,3 9.25,2 12,2Z" /></svg><svg id="flash-off" viewBox="0 0 24 24"><path d="M17,10H13L17,2H7V4.18L15.46,12.64M3.27,3L2,4.27L7,9.27V13H10V22L13.58,15.86L17.73,20L19,18.73L3.27,3Z" /></svg><svg id="flash-outline" viewBox="0 0 24 24"><path d="M7,2H17L13.5,9H17L10,22V14H7V2M9,4V12H12V14.66L14,11H10.24L13.76,4H9Z" /></svg><svg id="flash-red-eye" viewBox="0 0 24 24"><path d="M16,5C15.44,5 15,5.44 15,6C15,6.56 15.44,7 16,7C16.56,7 17,6.56 17,6C17,5.44 16.56,5 16,5M16,2C13.27,2 10.94,3.66 10,6C10.94,8.34 13.27,10 16,10C18.73,10 21.06,8.34 22,6C21.06,3.66 18.73,2 16,2M16,3.5A2.5,2.5 0 0,1 18.5,6A2.5,2.5 0 0,1 16,8.5A2.5,2.5 0 0,1 13.5,6A2.5,2.5 0 0,1 16,3.5M3,2V14H6V23L13,11H9L10.12,8.5C9.44,7.76 8.88,6.93 8.5,6C9.19,4.29 10.5,2.88 12.11,2H3Z" /></svg><svg id="flashlight" viewBox="0 0 24 24"><path d="M9,10L6,5H18L15,10H9M18,4H6V2H18V4M9,22V11H15V22H9M12,13A1,1 0 0,0 11,14A1,1 0 0,0 12,15A1,1 0 0,0 13,14A1,1 0 0,0 12,13Z" /></svg><svg id="flashlight-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L15,18.27V22H9V12.27L2,5.27M18,5L15,10H11.82L6.82,5H18M18,4H6V2H18V4M15,11V13.18L12.82,11H15Z" /></svg><svg id="flask" viewBox="0 0 24 24"><path d="M6,22A3,3 0 0,1 3,19C3,18.4 3.18,17.84 3.5,17.37L9,7.81V6A1,1 0 0,1 8,5V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V5A1,1 0 0,1 15,6V7.81L20.5,17.37C20.82,17.84 21,18.4 21,19A3,3 0 0,1 18,22H6M5,19A1,1 0 0,0 6,20H18A1,1 0 0,0 19,19C19,18.79 18.93,18.59 18.82,18.43L16.53,14.47L14,17L8.93,11.93L5.18,18.43C5.07,18.59 5,18.79 5,19M13,10A1,1 0 0,0 12,11A1,1 0 0,0 13,12A1,1 0 0,0 14,11A1,1 0 0,0 13,10Z" /></svg><svg id="flask-empty" viewBox="0 0 24 24"><path d="M6,22A3,3 0 0,1 3,19C3,18.4 3.18,17.84 3.5,17.37L9,7.81V6A1,1 0 0,1 8,5V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V5A1,1 0 0,1 15,6V7.81L20.5,17.37C20.82,17.84 21,18.4 21,19A3,3 0 0,1 18,22H6Z" /></svg><svg id="flask-empty-outline" viewBox="0 0 24 24"><path d="M5,19A1,1 0 0,0 6,20H18A1,1 0 0,0 19,19C19,18.79 18.93,18.59 18.82,18.43L13,8.35V4H11V8.35L5.18,18.43C5.07,18.59 5,18.79 5,19M6,22A3,3 0 0,1 3,19C3,18.4 3.18,17.84 3.5,17.37L9,7.81V6A1,1 0 0,1 8,5V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V5A1,1 0 0,1 15,6V7.81L20.5,17.37C20.82,17.84 21,18.4 21,19A3,3 0 0,1 18,22H6Z" /></svg><svg id="flask-outline" viewBox="0 0 24 24"><path d="M5,19A1,1 0 0,0 6,20H18A1,1 0 0,0 19,19C19,18.79 18.93,18.59 18.82,18.43L13,8.35V4H11V8.35L5.18,18.43C5.07,18.59 5,18.79 5,19M6,22A3,3 0 0,1 3,19C3,18.4 3.18,17.84 3.5,17.37L9,7.81V6A1,1 0 0,1 8,5V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V5A1,1 0 0,1 15,6V7.81L20.5,17.37C20.82,17.84 21,18.4 21,19A3,3 0 0,1 18,22H6M13,16L14.34,14.66L16.27,18H7.73L10.39,13.39L13,16M12.5,12A0.5,0.5 0 0,1 13,12.5A0.5,0.5 0 0,1 12.5,13A0.5,0.5 0 0,1 12,12.5A0.5,0.5 0 0,1 12.5,12Z" /></svg><svg id="flattr" viewBox="0 0 24 24"><path d="M21,12A9,9 0 0,1 12,21H4.5L9.74,15.76L11.16,17.17L9.33,19H12A7,7 0 0,0 19,12V7L21,5V12M3,12A9,9 0 0,1 12,3H19.5L14.26,8.24L12.84,6.83L14.67,5H12A7,7 0 0,0 5,12V17L3,19V12Z" /></svg><svg id="flickr" viewBox="0 0 24 24"><path d="M11,12C11,14.5 9,16.5 6.5,16.5C4,16.5 2,14.5 2,12C2,9.5 4,7.5 6.5,7.5C9,7.5 11,9.5 11,12M17.5,7.5C15,7.5 13,9.5 13,12C13,14.5 15,16.5 17.5,16.5C20,16.5 22,14.5 22,12C22,9.5 20,7.5 17.5,7.5Z" /></svg><svg id="flip-to-back" viewBox="0 0 24 24"><path d="M15,17H17V15H15M15,5H17V3H15M5,7H3V19A2,2 0 0,0 5,21H17V19H5M19,17A2,2 0 0,0 21,15H19M19,9H21V7H19M19,13H21V11H19M9,17V15H7A2,2 0 0,0 9,17M13,3H11V5H13M19,3V5H21C21,3.89 20.1,3 19,3M13,15H11V17H13M9,3C7.89,3 7,3.89 7,5H9M9,11H7V13H9M9,7H7V9H9V7Z" /></svg><svg id="flip-to-front" viewBox="0 0 24 24"><path d="M7,21H9V19H7M11,21H13V19H11M19,15H9V5H19M19,3H9C7.89,3 7,3.89 7,5V15A2,2 0 0,0 9,17H14L18,17H19A2,2 0 0,0 21,15V5C21,3.89 20.1,3 19,3M15,21H17V19H15M3,9H5V7H3M5,21V19H3A2,2 0 0,0 5,21M3,17H5V15H3M3,13H5V11H3V13Z" /></svg><svg id="floor-lamp" viewBox="0 0 24 24"><path d="M15,2L17,9H7L9,2M11,10H13V20H16V22H8V20H11V10Z" /></svg><svg id="floor-plan" viewBox="0 0 24 24"><path d="M10,5V10H9V5H5V13H9V12H10V17H9V14H5V19H12V17H13V19H19V17H21V21H3V3H21V15H19V10H13V15H12V9H19V5H10Z" /></svg><svg id="floppy" viewBox="0 0 24 24"><path d="M5,3A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5.5L18.5,3H17V9A1,1 0 0,1 16,10H8A1,1 0 0,1 7,9V3H5M12,4V9H15V4H12M7,12H17A1,1 0 0,1 18,13V19H6V13A1,1 0 0,1 7,12Z" /></svg><svg id="floppy-variant" viewBox="0 0 24 24"><path d="M3,3V21H21V3H3M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,15A1,1 0 0,1 13,16V19A1,1 0 0,1 12,20A1,1 0 0,1 11,19V16A1,1 0 0,1 12,15Z" /></svg><svg id="flower" viewBox="0 0 24 24"><path d="M3,13A9,9 0 0,0 12,22C12,17 7.97,13 3,13M12,5.5A2.5,2.5 0 0,1 14.5,8A2.5,2.5 0 0,1 12,10.5A2.5,2.5 0 0,1 9.5,8A2.5,2.5 0 0,1 12,5.5M5.6,10.25A2.5,2.5 0 0,0 8.1,12.75C8.63,12.75 9.12,12.58 9.5,12.31C9.5,12.37 9.5,12.43 9.5,12.5A2.5,2.5 0 0,0 12,15A2.5,2.5 0 0,0 14.5,12.5C14.5,12.43 14.5,12.37 14.5,12.31C14.88,12.58 15.37,12.75 15.9,12.75C17.28,12.75 18.4,11.63 18.4,10.25C18.4,9.25 17.81,8.4 16.97,8C17.81,7.6 18.4,6.74 18.4,5.75C18.4,4.37 17.28,3.25 15.9,3.25C15.37,3.25 14.88,3.41 14.5,3.69C14.5,3.63 14.5,3.56 14.5,3.5A2.5,2.5 0 0,0 12,1A2.5,2.5 0 0,0 9.5,3.5C9.5,3.56 9.5,3.63 9.5,3.69C9.12,3.41 8.63,3.25 8.1,3.25A2.5,2.5 0 0,0 5.6,5.75C5.6,6.74 6.19,7.6 7.03,8C6.19,8.4 5.6,9.25 5.6,10.25M12,22A9,9 0 0,0 21,13C16,13 12,17 12,22Z" /></svg><svg id="flower-outline" viewBox="0 0 24 24"><path d="M8.66,13.07C6.92,13.07 5.5,11.66 5.5,9.93C5.5,9.22 5.76,8.54 6.19,8C5.77,7.46 5.5,6.78 5.5,6.07C5.5,4.34 6.93,2.93 8.66,2.93L9.09,2.96C9.56,1.81 10.69,1 12,1C13.31,1 14.44,1.81 14.91,2.96L15.34,2.93C17.07,2.93 18.5,4.34 18.5,6.07C18.5,6.78 18.24,7.46 17.81,8C18.23,8.54 18.5,9.22 18.5,9.93C18.5,11.66 17.07,13.07 15.34,13.07L14.91,13.04C14.44,14.19 13.31,15 12,15C10.69,15 9.56,14.19 9.09,13.04L8.66,13.07M12,13C12.62,13 13.12,12.5 13.14,11.9L13.03,10.81C12.71,10.93 12.36,11 12,11C11.64,11 11.3,10.93 11,10.81L10.86,11.9C10.88,12.5 11.38,13 12,13M15.34,11.07C15.97,11.07 16.5,10.56 16.5,9.92C16.5,9.5 16.23,9.08 15.83,8.89L14.95,8.47C14.83,9.21 14.44,9.85 13.89,10.3L14.7,10.87C14.88,11 15.1,11.07 15.34,11.07M14.69,5.13L13.87,5.69C14.43,6.14 14.82,6.78 14.94,7.5L15.82,7.1C16.23,6.9 16.5,6.5 16.5,6.07C16.5,5.44 15.97,4.93 15.34,4.93C15.11,4.93 14.89,5 14.69,5.13M12,3C11.38,3 10.88,3.5 10.86,4.1L11,5.19C11.3,5.07 11.64,5 12,5C12.36,5 12.71,5.07 13.03,5.19L13.14,4.1C13.12,3.5 12.62,3 12,3M8.66,4.93C8.03,4.93 7.5,5.44 7.5,6.07C7.5,6.5 7.77,6.9 8.17,7.1L9.05,7.5C9.17,6.78 9.56,6.14 10.11,5.69L9.3,5.13C9.12,5 8.9,4.93 8.66,4.93M8.17,8.9C7.77,9.1 7.5,9.5 7.5,9.92C7.5,10.55 8.03,11.06 8.66,11.06C8.89,11.06 9.11,11 9.31,10.86L10.12,10.31C9.56,9.86 9.17,9.22 9.05,8.5L8.17,8.9M12,22A9,9 0 0,1 3,13A9,9 0 0,1 12,22A9,9 0 0,1 21,13A9,9 0 0,1 12,22M14.44,19.56C16.34,18.85 17.85,17.34 18.56,15.44C16.66,16.14 15.15,17.66 14.44,19.56M5.44,15.44C6.15,17.34 7.66,18.85 9.56,19.56C8.86,17.66 7.34,16.15 5.44,15.44Z" /></svg><svg id="flower-poppy" viewBox="0 0 24 24"><path d="M18.5,12A3.5,3.5 0 0,0 22,8.5A6.5,6.5 0 0,0 15.5,2A3.5,3.5 0 0,0 12,5.5A3.5,3.5 0 0,0 8.5,2A6.5,6.5 0 0,0 2,8.5A3.5,3.5 0 0,0 5.5,12A3.5,3.5 0 0,0 2,15.5A6.5,6.5 0 0,0 8.5,22A3.5,3.5 0 0,0 12,18.5A3.5,3.5 0 0,0 15.5,22A6.5,6.5 0 0,0 22,15.5A3.5,3.5 0 0,0 18.5,12M12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16M14.5,12A2.5,2.5 0 0,1 12,14.5A2.5,2.5 0 0,1 9.5,12A2.5,2.5 0 0,1 12,9.5A2.5,2.5 0 0,1 14.5,12Z" /></svg><svg id="flower-tulip" viewBox="0 0 24 24"><path d="M3,13A9,9 0 0,0 12,22A9,9 0 0,0 3,13M12,22A9,9 0 0,0 21,13A9,9 0 0,0 12,22M18,3V8A6,6 0 0,1 12,14A6,6 0 0,1 6,8V3C6.74,3 7.47,3.12 8.16,3.39C8.71,3.62 9.2,3.96 9.61,4.39L12,2L14.39,4.39C14.8,3.96 15.29,3.62 15.84,3.39C16.53,3.12 17.26,3 18,3Z" /></svg><svg id="flower-tulip-outline" viewBox="0 0 24 24"><path d="M3,13A9,9 0 0,0 12,22A9,9 0 0,0 3,13M5.44,15.44C7.35,16.15 8.85,17.65 9.56,19.56C7.65,18.85 6.15,17.35 5.44,15.44M12,22A9,9 0 0,0 21,13A9,9 0 0,0 12,22M14.42,19.57C15.11,17.64 16.64,16.11 18.57,15.42C17.86,17.34 16.34,18.86 14.42,19.57M12,14A6,6 0 0,0 18,8V3C17.26,3 16.53,3.12 15.84,3.39C15.29,3.62 14.8,3.96 14.39,4.39L12,2L9.61,4.39C9.2,3.96 8.71,3.62 8.16,3.39C7.47,3.12 6.74,3 6,3V8A6,6 0 0,0 12,14M8,5.61L9.57,7.26L12,4.83L14.43,7.26L16,5.61V8A4,4 0 0,1 12,12A4,4 0 0,1 8,8V5.61Z" /></svg><svg id="folder" viewBox="0 0 24 24"><path d="M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z" /></svg><svg id="folder-account" viewBox="0 0 24 24"><path d="M19,17H11V16C11,14.67 13.67,14 15,14C16.33,14 19,14.67 19,16M15,9A2,2 0 0,1 17,11A2,2 0 0,1 15,13A2,2 0 0,1 13,11C13,9.89 13.9,9 15,9M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z" /></svg><svg id="folder-account-outline" viewBox="0 0 24 24"><path d="M19,17H11V16C11,14.67 13.67,14 15,14C16.33,14 19,14.67 19,16V17M15,9A2,2 0 0,1 17,11A2,2 0 0,1 15,13A2,2 0 0,1 13,11C13,9.89 13.9,9 15,9M20,6A2,2 0 0,1 22,8V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H10L12,6H20M20,18V8H11.17L9.17,6H4V18H20Z" /></svg><svg id="folder-alert" viewBox="0 0 24 24"><path d="M15,12H17V17H15V12M15,18H17V20H15V18M23,16A7,7 0 0,1 16,23C13.62,23 11.5,21.81 10.25,20H3C1.89,20 1,19.1 1,18V6C1,4.89 1.89,4 3,4H9L11,6H19A2,2 0 0,1 21,8V11.1C22.24,12.36 23,14.09 23,16M16,11A5,5 0 0,0 11,16A5,5 0 0,0 16,21A5,5 0 0,0 21,16A5,5 0 0,0 16,11Z" /></svg><svg id="folder-alert-outline" viewBox="0 0 24 24"><path d="M15,12H17V17H15V12M15,18H17V20H15V18M16,9C17.07,9 18.09,9.24 19,9.67V8H3V18H9.29C9.1,17.36 9,16.69 9,16A7,7 0 0,1 16,9M23,16A7,7 0 0,1 16,23C13.62,23 11.5,21.81 10.25,20H3C1.89,20 1,19.1 1,18V6C1,4.89 1.89,4 3,4H9L11,6H19A2,2 0 0,1 21,8V11.1C22.24,12.36 23,14.09 23,16M16,11A5,5 0 0,0 11,16A5,5 0 0,0 16,21A5,5 0 0,0 21,16A5,5 0 0,0 16,11Z" /></svg><svg id="folder-clock" viewBox="0 0 24 24"><path d="M3,4C1.89,4 1,4.89 1,6V18A2,2 0 0,0 3,20H10.26C11.57,21.88 13.71,23 16,23A7,7 0 0,0 23,16C23,14.17 22.28,12.42 21,11.11V8C21,6.89 20.1,6 19,6H11L9,4H3M16,11A5,5 0 0,1 21,16A5,5 0 0,1 16,21A5,5 0 0,1 11,16A5,5 0 0,1 16,11M15,12V17L18.61,19.16L19.36,17.94L16.5,16.25V12H15Z" /></svg><svg id="folder-clock-outline" viewBox="0 0 24 24"><path d="M15,12H16.5V16.25L19.36,17.94L18.61,19.16L15,17V12M19,8H3V18H9.29C9.1,17.37 9,16.7 9,16A7,7 0 0,1 16,9C17.07,9 18.09,9.24 19,9.67V8M3,20C1.89,20 1,19.1 1,18V6A2,2 0 0,1 3,4H9L11,6H19A2,2 0 0,1 21,8V11.1C22.24,12.36 23,14.09 23,16A7,7 0 0,1 16,23C13.62,23 11.5,21.81 10.25,20H3M16,11A5,5 0 0,0 11,16A5,5 0 0,0 16,21A5,5 0 0,0 21,16A5,5 0 0,0 16,11Z" /></svg><svg id="folder-download" viewBox="0 0 24 24"><path d="M20,6A2,2 0 0,1 22,8V18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H20M19.25,13H16V9H14V13H10.75L15,17.25" /></svg><svg id="folder-edit" viewBox="0 0 24 24"><path d="M3,4C1.89,4 1,4.89 1,6V18A2,2 0 0,0 3,20H11V18.11L21,8.11V8C21,6.89 20.1,6 19,6H11L9,4H3M21.04,11.13C20.9,11.13 20.76,11.19 20.65,11.3L19.65,12.3L21.7,14.35L22.7,13.35C22.92,13.14 22.92,12.79 22.7,12.58L21.42,11.3C21.31,11.19 21.18,11.13 21.04,11.13M19.07,12.88L13,18.94V21H15.06L21.12,14.93L19.07,12.88Z" /></svg><svg id="folder-edit-outline" viewBox="0 0 24 24"><path d="M21,11.11C20.92,11.11 20.72,11.21 20.62,11.31L19.62,12.31L21.72,14.42L22.72,13.41C22.92,13.21 22.92,12.81 22.72,12.61L21.42,11.31C21.32,11.21 21.22,11.11 21,11.11M19.12,12.91L13,18.92V21H15.12L21.22,14.92L19.12,12.91M21,8V8.11L19,10.11V8H3V18H11V20H3A2,2 0 0,1 1,18V6C1,4.91 1.9,4 3,4H9L11,6H19C20.12,6 21,6.91 21,8Z" /></svg><svg id="folder-google-drive" viewBox="0 0 24 24"><path d="M13.75,9H16.14L19,14H16.05L13.5,9.46M18.3,17H12.75L14.15,14.5H19.27L19.53,14.96M11.5,17L10.4,14.86L13.24,9.9L14.74,12.56L12.25,17M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z" /></svg><svg id="folder-image" viewBox="0 0 24 24"><path d="M5,17L9.5,11L13,15.5L15.5,12.5L19,17M20,6H12L10,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8A2,2 0 0,0 20,6Z" /></svg><svg id="folder-key" viewBox="0 0 24 24"><path d="M4,4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8A2,2 0 0,0 20,6H12L10,4M11,10C12.31,10 13.42,10.84 13.83,12H19V14H18V16H16V14H13.83C13.42,15.17 12.31,16 11,16A3,3 0 0,1 8,13A3,3 0 0,1 11,10M11,12A1,1 0 0,0 10,13C10,13.56 10.45,14 11,14A1,1 0 0,0 12,13A1,1 0 0,0 11,12Z" /></svg><svg id="folder-key-network" viewBox="0 0 24 24"><path d="M6,5C4.89,5 4,5.89 4,7V15A2,2 0 0,0 6,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15A1,1 0 0,0 14,19H13V17H18A2,2 0 0,0 20,15V9A2,2 0 0,0 18,7H12L10,5H6M9,9C10.31,9 11.42,9.83 11.83,11H17V13H16V15H14V13H11.83C11.42,14.17 10.31,15 9,15A3,3 0 0,1 6,12A3,3 0 0,1 9,9M9,11A1,1 0 0,0 8,12C8,12.56 8.45,13 9,13A1,1 0 0,0 10,12A1,1 0 0,0 9,11Z" /></svg><svg id="folder-key-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H19A2,2 0 0,0 21,15V7A2,2 0 0,0 19,5H13L11,3H5A2,2 0 0,0 3,5V15A2,2 0 0,0 5,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M5,15V5H10.17L11.59,6.41L12.17,7H13L19,7V15H5M11.83,10C11.42,8.83 10.31,8 9,8A3,3 0 0,0 6,11A3,3 0 0,0 9,14C10.31,14 11.42,13.17 11.83,12H14V14H16V12H17V10H11.83M9,12A1,1 0 0,1 8,11A1,1 0 0,1 9,10A1,1 0 0,1 10,11A1,1 0 0,1 9,12Z" /></svg><svg id="folder-lock" viewBox="0 0 24 24"><path d="M20,6A2,2 0 0,1 22,8V18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H20M19,17V13H18V12A3,3 0 0,0 15,9A3,3 0 0,0 12,12V13H11V17H19M15,11A1,1 0 0,1 16,12V13H14V12A1,1 0 0,1 15,11Z" /></svg><svg id="folder-lock-open" viewBox="0 0 24 24"><path d="M20,6A2,2 0 0,1 22,8V18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H20M19,17V13H18L16,13H14V11A1,1 0 0,1 15,10A1,1 0 0,1 16,11H18A3,3 0 0,0 15,8A3,3 0 0,0 12,11V13H11V17H19Z" /></svg><svg id="folder-move" viewBox="0 0 24 24"><path d="M14,18V15H10V11H14V8L19,13M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z" /></svg><svg id="folder-multiple" viewBox="0 0 24 24"><path d="M22,4H14L12,2H6A2,2 0 0,0 4,4V16A2,2 0 0,0 6,18H22A2,2 0 0,0 24,16V6A2,2 0 0,0 22,4M2,6H0V11H0V20A2,2 0 0,0 2,22H20V20H2V6Z" /></svg><svg id="folder-multiple-image" viewBox="0 0 24 24"><path d="M7,15L11.5,9L15,13.5L17.5,10.5L21,15M22,4H14L12,2H6A2,2 0 0,0 4,4V16A2,2 0 0,0 6,18H22A2,2 0 0,0 24,16V6A2,2 0 0,0 22,4M2,6H0V11H0V20A2,2 0 0,0 2,22H20V20H2V6Z" /></svg><svg id="folder-multiple-outline" viewBox="0 0 24 24"><path d="M22,4A2,2 0 0,1 24,6V16A2,2 0 0,1 22,18H6A2,2 0 0,1 4,16V4A2,2 0 0,1 6,2H12L14,4H22M2,6V20H20V22H2A2,2 0 0,1 0,20V11H0V6H2M6,6V16H22V6H6Z" /></svg><svg id="folder-network" viewBox="0 0 24 24"><path d="M3,15V5A2,2 0 0,1 5,3H11L13,5H19A2,2 0 0,1 21,7V15A2,2 0 0,1 19,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H5A2,2 0 0,1 3,15Z" /></svg><svg id="folder-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H19A2,2 0 0,0 21,15V7A2,2 0 0,0 19,5H13L11,3H5A2,2 0 0,0 3,5V15A2,2 0 0,0 5,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M5,15V5H10.17L11.59,6.41L12.17,7H13L19,7V15H5Z" /></svg><svg id="folder-open" viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg><svg id="folder-open-outline" viewBox="0 0 24 24"><path d="M6.1,10L4,18V8H21A2,2 0 0,0 19,6H12L10,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H19C19.9,20 20.7,19.4 20.9,18.5L23.2,10H6.1M19,18H6L7.6,12H20.6L19,18Z" /></svg><svg id="folder-outline" viewBox="0 0 24 24"><path d="M20,18H4V8H20M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z" /></svg><svg id="folder-plus" viewBox="0 0 24 24"><path d="M10,4L12,6H20A2,2 0 0,1 22,8V18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10M15,9V12H12V14H15V17H17V14H20V12H17V9H15Z" /></svg><svg id="folder-plus-outline" viewBox="0 0 24 24"><path d="M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18C2,19.11 2.89,20 4,20H20C21.11,20 22,19.11 22,18V8C22,6.89 21.11,6 20,6M20,18H4V6H9.17L11.17,8H20V18M12,14H14V16H16V14H18V12H16V10H14V12H12V14Z" /></svg><svg id="folder-pound" viewBox="0 0 24 24"><path d="M15.25,13H17.25L16.75,15H14.75L15.25,13M22,8V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H20A2,2 0 0,1 22,8M20,12H18.5L19,10H18L17.5,12H15.5L16,10H15L14.5,12H13V13H14.25L13.75,15H12V16H13.5L13,18H14L14.5,16H16.5L16,18H17L17.5,16H19V15H17.75L18.25,13H20V12Z" /></svg><svg id="folder-pound-outline" viewBox="0 0 24 24"><path d="M20,18H4V8H20M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6M19,12V11H17.5L18,9H17L16.5,11H14.5L15,9H14L13.5,11H12V12H13.25L12.75,14H11V15H12.5L12,17H13L13.5,15H15.5L15,17H16L16.5,15H18V14H16.75L17.25,12H19M15.75,14H13.75L14.25,12H16.25L15.75,14Z" /></svg><svg id="folder-remove" viewBox="0 0 24 24"><path d="M10,4L12,6H20A2,2 0 0,1 22,8V18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10M12.46,10.88L14.59,13L12.46,15.12L13.88,16.54L16,14.41L18.12,16.54L19.54,15.12L17.41,13L19.54,10.88L18.12,9.46L16,11.59L13.88,9.46L12.46,10.88Z" /></svg><svg id="folder-remove-outline" viewBox="0 0 24 24"><path d="M11.46,10.88L12.88,9.46L15,11.59L17.12,9.46L18.54,10.88L16.41,13L18.54,15.12L17.12,16.54L15,14.41L12.88,16.54L11.46,15.12L13.59,13L11.46,10.88M20,6A2,2 0 0,1 22,8V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H10L12,6H20M20,18V8H11.17L9.17,6H4V18H20Z" /></svg><svg id="folder-search" viewBox="0 0 24 24"><path d="M16.5,12C19,12 21,14 21,16.5C21,17.38 20.75,18.21 20.31,18.9L23.39,22L22,23.39L18.88,20.32C18.19,20.75 17.37,21 16.5,21C14,21 12,19 12,16.5C12,14 14,12 16.5,12M16.5,14A2.5,2.5 0 0,0 14,16.5A2.5,2.5 0 0,0 16.5,19A2.5,2.5 0 0,0 19,16.5A2.5,2.5 0 0,0 16.5,14M9,4L11,6H19A2,2 0 0,1 21,8V11.81C19.83,10.69 18.25,10 16.5,10A6.5,6.5 0 0,0 10,16.5C10,17.79 10.37,19 11,20H3C1.89,20 1,19.1 1,18V6C1,4.89 1.89,4 3,4H9Z" /></svg><svg id="folder-search-outline" viewBox="0 0 24 24"><path d="M16.5,12C19,12 21,14 21,16.5C21,17.38 20.75,18.21 20.31,18.9L23.39,22L22,23.39L18.88,20.32C18.19,20.75 17.37,21 16.5,21C14,21 12,19 12,16.5C12,14 14,12 16.5,12M16.5,14A2.5,2.5 0 0,0 14,16.5A2.5,2.5 0 0,0 16.5,19A2.5,2.5 0 0,0 19,16.5A2.5,2.5 0 0,0 16.5,14M19,8H3V18H10.17C10.34,18.72 10.63,19.39 11,20H3C1.89,20 1,19.1 1,18V6C1,4.89 1.89,4 3,4H9L11,6H19A2,2 0 0,1 21,8V11.81C20.42,11.26 19.75,10.81 19,10.5V8Z" /></svg><svg id="folder-star" viewBox="0 0 24 24"><path d="M20,6H12L10,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8A2,2 0 0,0 20,6M17.94,17L15,15.28L12.06,17L12.84,13.67L10.25,11.43L13.66,11.14L15,8L16.34,11.14L19.75,11.43L17.16,13.67L17.94,17Z" /></svg><svg id="folder-star-outline" viewBox="0 0 24 24"><path d="M20,6H12L10,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8A2,2 0 0,0 20,6M20,18H4V6H9.17L11.17,8H20V18M13.08,14.04L12.39,17L15,15.47L17.61,17L16.92,14.04L19.22,12.05L16.19,11.79L15,9L13.81,11.79L10.78,12.05L13.08,14.04Z" /></svg><svg id="folder-sync" viewBox="0 0 24 24"><path d="M10,4L12,6H20A2,2 0 0,1 22,8V11.5C21.23,11.18 20.39,11 19.5,11A6.5,6.5 0 0,0 13,17.5C13,18.39 13.18,19.23 13.5,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10M19,12V13.5A4,4 0 0,1 23,17.5C23,18.32 22.75,19.08 22.33,19.71L21.24,18.62C21.41,18.28 21.5,17.9 21.5,17.5A2.5,2.5 0 0,0 19,15V16.5L16.75,14.25L19,12M19,23V21.5A4,4 0 0,1 15,17.5C15,16.68 15.25,15.92 15.67,15.29L16.76,16.38C16.59,16.72 16.5,17.1 16.5,17.5A2.5,2.5 0 0,0 19,20V18.5L21.25,20.75L19,23Z" /></svg><svg id="folder-sync-outline" viewBox="0 0 24 24"><path d="M10,4L12,6H20A2,2 0 0,1 22,8V11.5C21.38,11.24 20.7,11.07 20,11V8H4V18H13C13.07,18.7 13.24,19.38 13.5,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10M19,12V13.5A4,4 0 0,1 23,17.5C23,18.32 22.75,19.08 22.33,19.71L21.24,18.62C21.41,18.28 21.5,17.9 21.5,17.5A2.5,2.5 0 0,0 19,15V16.5L16.75,14.25L16.72,14.22C16.78,14.17 16.85,14.13 19,12M19,23V21.5A4,4 0 0,1 15,17.5C15,16.68 15.25,15.92 15.67,15.29L16.76,16.38C16.59,16.72 16.5,17.1 16.5,17.5A2.5,2.5 0 0,0 19,20V18.5L21.25,20.75L21.28,20.78C21.22,20.83 21.15,20.87 19,23Z" /></svg><svg id="folder-text" viewBox="0 0 24 24"><path d="M20,6H12L10,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8A2,2 0 0,0 20,6M15,16H6V14H15V16M18,12H6V10H18V12Z" /></svg><svg id="folder-text-outline" viewBox="0 0 24 24"><path d="M20,18H4V8H20M20,6H12L10,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8A2,2 0 0,0 20,6M15,16H6V14H15V16M18,12H6V10H18V12Z" /></svg><svg id="folder-upload" viewBox="0 0 24 24"><path d="M20,6A2,2 0 0,1 22,8V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H10L12,6H20M10.75,13H14V17H16V13H19.25L15,8.75" /></svg><svg id="font-awesome" viewBox="0 0 24 24"><path d="M6,3A2.5,2.5 0 0,1 8.5,5.5C8.5,6.53 7.88,7.41 7,7.79V8.66C8.11,8.36 9.72,8 11,8C12.15,8 12.89,8.22 13.54,8.42C14.13,8.6 14.65,8.75 15.5,8.75C17.13,8.75 18.4,8.18 18.54,8.11C18.68,8.04 18.84,8 19,8A1,1 0 0,1 20,9V17C20,17.38 19.79,17.72 19.45,17.89C19.38,17.93 17.71,18.75 15.5,18.75C14.39,18.75 13.45,18.55 12.54,18.35C11.69,18.17 10.89,18 10,18C8.85,18 7.67,18.39 7,18.66V22H5V7.79C4.12,7.41 3.5,6.53 3.5,5.5A2.5,2.5 0 0,1 6,3Z" /></svg><svg id="food" viewBox="0 0 24 24"><path d="M15.5,21L14,8H16.23L15.1,3.46L16.84,3L18.09,8H22L20.5,21H15.5M5,11H10A3,3 0 0,1 13,14H2A3,3 0 0,1 5,11M13,18A3,3 0 0,1 10,21H5A3,3 0 0,1 2,18H13M3,15H8L9.5,16.5L11,15H12A1,1 0 0,1 13,16A1,1 0 0,1 12,17H3A1,1 0 0,1 2,16A1,1 0 0,1 3,15Z" /></svg><svg id="food-apple" viewBox="0 0 24 24"><path d="M20,10C22,13 17,22 15,22C13,22 13,21 12,21C11,21 11,22 9,22C7,22 2,13 4,10C6,7 9,7 11,8V5C5.38,8.07 4.11,3.78 4.11,3.78C4.11,3.78 6.77,0.19 11,5V3H13V8C15,7 18,7 20,10Z" /></svg><svg id="food-apple-outline" viewBox="0 0 24 24"><path d="M20,10C18.58,7.57 15.5,6.69 13,8V3H11V8C8.5,6.69 5.42,7.57 4,10C2,13 7,22 9,22C11,22 11,21 12,21C13,21 13,22 15,22C17,22 22,13 20,10M18.25,13.38C17.63,15.85 16.41,18.12 14.7,20C14.5,20 14.27,19.9 14.1,19.75C12.87,18.76 11.13,18.76 9.9,19.75C9.73,19.9 9.5,20 9.3,20C7.59,18.13 6.36,15.85 5.75,13.39C5.5,12.66 5.45,11.87 5.66,11.12C6.24,10.09 7.32,9.43 8.5,9.4C9.06,9.41 9.61,9.54 10.11,9.79L11,10.24H13L13.89,9.79C14.39,9.54 14.94,9.41 15.5,9.4C16.68,9.43 17.76,10.08 18.34,11.11C18.55,11.86 18.5,12.65 18.25,13.38M11,5C5.38,8.07 4.11,3.78 4.11,3.78C4.11,3.78 6.77,0.19 11,5Z" /></svg><svg id="food-croissant" viewBox="0 0 24 24"><path d="M22,19L19,17L22,15V19M15,15L19,9L22,13L18,16L15,15M5,17L2,19V15L5,17M9,15L6,16L2,13L5,9L9,15M14,6L18,8L13,15H11L6,8L10,6H14Z" /></svg><svg id="food-fork-drink" viewBox="0 0 24 24"><path d="M3,3A1,1 0 0,0 2,4V8L2,9.5C2,11.19 3.03,12.63 4.5,13.22V19.5A1.5,1.5 0 0,0 6,21A1.5,1.5 0 0,0 7.5,19.5V13.22C8.97,12.63 10,11.19 10,9.5V8L10,4A1,1 0 0,0 9,3A1,1 0 0,0 8,4V8A0.5,0.5 0 0,1 7.5,8.5A0.5,0.5 0 0,1 7,8V4A1,1 0 0,0 6,3A1,1 0 0,0 5,4V8A0.5,0.5 0 0,1 4.5,8.5A0.5,0.5 0 0,1 4,8V4A1,1 0 0,0 3,3M19.88,3C19.75,3 19.62,3.09 19.5,3.16L16,5.25V9H12V11H13L14,21H20L21,11H22V9H18V6.34L20.5,4.84C21,4.56 21.13,4 20.84,3.5C20.63,3.14 20.26,2.95 19.88,3Z" /></svg><svg id="food-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L21,21.72L19.73,23L17.73,21H15.5L15.21,18.5L12.97,16.24C12.86,16.68 12.47,17 12,17H3A1,1 0 0,1 2,16A1,1 0 0,1 3,15H8L9.5,16.5L11,15H11.73L10.73,14H2A3,3 0 0,1 5,11H7.73L2,5.27M14,8H16.23L15.1,3.46L16.84,3L18.09,8H22L20.74,18.92L14.54,12.72L14,8M13,18A3,3 0 0,1 10,21H5A3,3 0 0,1 2,18H13Z" /></svg><svg id="food-variant" viewBox="0 0 24 24"><path d="M22,18A4,4 0 0,1 18,22H15A4,4 0 0,1 11,18V16H17.79L20.55,11.23L22.11,12.13L19.87,16H22V18M9,22H2C2,19 2,16 2.33,12.83C2.6,10.3 3.08,7.66 3.6,5H3V3H4L7,3H8V5H7.4C7.92,7.66 8.4,10.3 8.67,12.83C9,16 9,19 9,22Z" /></svg><svg id="football" viewBox="0 0 24 24"><path d="M7.5,7.5C9.17,5.87 11.29,4.69 13.37,4.18C15.46,3.67 17.5,3.83 18.6,4C19.71,4.15 19.87,4.31 20.03,5.41C20.18,6.5 20.33,8.55 19.82,10.63C19.31,12.71 18.13,14.83 16.5,16.5C14.83,18.13 12.71,19.31 10.63,19.82C8.55,20.33 6.5,20.18 5.41,20.03C4.31,19.87 4.15,19.71 4,18.6C3.83,17.5 3.67,15.46 4.18,13.37C4.69,11.29 5.87,9.17 7.5,7.5M7.3,15.79L8.21,16.7L9.42,15.5L10.63,16.7L11.54,15.79L10.34,14.58L12,12.91L13.21,14.12L14.12,13.21L12.91,12L14.58,10.34L15.79,11.54L16.7,10.63L15.5,9.42L16.7,8.21L15.79,7.3L14.58,8.5L13.37,7.3L12.46,8.21L13.66,9.42L12,11.09L10.79,9.88L9.88,10.79L11.09,12L9.42,13.66L8.21,12.46L7.3,13.37L8.5,14.58L7.3,15.79Z" /></svg><svg id="football-australian" viewBox="0 0 24 24"><path d="M7.5,7.5C9.17,5.87 11.29,4.69 13.37,4.18C18,3 21,6 19.82,10.63C19.31,12.71 18.13,14.83 16.5,16.5C14.83,18.13 12.71,19.31 10.63,19.82C6,21 3,18 4.18,13.37C4.69,11.29 5.87,9.17 7.5,7.5M10.62,11.26L10.26,11.62L12.38,13.74L12.74,13.38L10.62,11.26M11.62,10.26L11.26,10.62L13.38,12.74L13.74,12.38L11.62,10.26M9.62,12.26L9.26,12.62L11.38,14.74L11.74,14.38L9.62,12.26M12.63,9.28L12.28,9.63L14.4,11.75L14.75,11.4L12.63,9.28M8.63,13.28L8.28,13.63L10.4,15.75L10.75,15.4L8.63,13.28M13.63,8.28L13.28,8.63L15.4,10.75L15.75,10.4L13.63,8.28Z" /></svg><svg id="football-helmet" viewBox="0 0 24 24"><path d="M13.5,12A1.5,1.5 0 0,0 12,13.5A1.5,1.5 0 0,0 13.5,15A1.5,1.5 0 0,0 15,13.5A1.5,1.5 0 0,0 13.5,12M13.5,3C18.19,3 22,6.58 22,11C22,12.62 22,14 21.09,16C17,16 16,20 12.5,20C10.32,20 9.27,18.28 9.05,16H9L8.24,16L6.96,20.3C6.81,20.79 6.33,21.08 5.84,21H3A1,1 0 0,1 2,20A1,1 0 0,1 3,19V16A1,1 0 0,1 2,15A1,1 0 0,1 3,14H6.75L7.23,12.39C6.72,12.14 6.13,12 5.5,12H5.07L5,11C5,6.58 8.81,3 13.5,3M5,16V19H5.26L6.15,16H5Z" /></svg><svg id="forklift" viewBox="0 0 24 24"><path d="M6,4V11H4C2.89,11 2,11.89 2,13V17A3,3 0 0,0 5,20A3,3 0 0,0 8,17H10A3,3 0 0,0 13,20A3,3 0 0,0 16,17V13L12,4H6M17,5V19H22V17.5H18.5V5H17M7.5,5.5H11.2L14.5,13H7.5V5.5M5,15.5A1.5,1.5 0 0,1 6.5,17A1.5,1.5 0 0,1 5,18.5A1.5,1.5 0 0,1 3.5,17A1.5,1.5 0 0,1 5,15.5M13,15.5A1.5,1.5 0 0,1 14.5,17A1.5,1.5 0 0,1 13,18.5A1.5,1.5 0 0,1 11.5,17A1.5,1.5 0 0,1 13,15.5Z" /></svg><svg id="format-align-bottom" viewBox="0 0 24 24"><path d="M13,9L15.5,6.5L16.92,7.92L12,12.84L7.08,7.92L8.5,6.5L11,9V3H13V9M3,15H21V17H3V15M3,19H13V21H3V19Z" /></svg><svg id="format-align-center" viewBox="0 0 24 24"><path d="M3,3H21V5H3V3M7,7H17V9H7V7M3,11H21V13H3V11M7,15H17V17H7V15M3,19H21V21H3V19Z" /></svg><svg id="format-align-justify" viewBox="0 0 24 24"><path d="M3,3H21V5H3V3M3,7H21V9H3V7M3,11H21V13H3V11M3,15H21V17H3V15M3,19H21V21H3V19Z" /></svg><svg id="format-align-left" viewBox="0 0 24 24"><path d="M3,3H21V5H3V3M3,7H15V9H3V7M3,11H21V13H3V11M3,15H15V17H3V15M3,19H21V21H3V19Z" /></svg><svg id="format-align-middle" viewBox="0 0 24 24"><path d="M13,6L15,4L16.42,5.42L12,9.84L7.58,5.42L9,4L11,6V2H13V6M3,11H21V13H3V11M13,18V22H11V18L9,20L7.58,18.58L12,14.16L16.42,18.58L15,20L13,18Z" /></svg><svg id="format-align-right" viewBox="0 0 24 24"><path d="M3,3H21V5H3V3M9,7H21V9H9V7M3,11H21V13H3V11M9,15H21V17H9V15M3,19H21V21H3V19Z" /></svg><svg id="format-align-top" viewBox="0 0 24 24"><path d="M13,15L15.5,17.5L16.92,16.08L12,11.16L7.08,16.08L8.5,17.5L11,15V21H13V15M3,3H21V5H3V3M3,7H13V9H3V7Z" /></svg><svg id="format-annotation-minus" viewBox="0 0 24 24"><path d="M10.5,7H8.5L3,21H5.2L6.3,18H12.5L13.6,21H16L10.5,7M7.1,16L9.5,9.7L11.9,16H7.1M22,7H14V5H22V7Z" /></svg><svg id="format-annotation-plus" viewBox="0 0 24 24"><path d="M8.5,7H10.5L16,21H13.6L12.5,18H6.3L5.2,21H3L8.5,7M7.1,16H11.9L9.5,9.7L7.1,16M22,5V7H19V10H17V7H14V5H17V2H19V5H22Z" /></svg><svg id="format-bold" viewBox="0 0 24 24"><path d="M13.5,15.5H10V12.5H13.5A1.5,1.5 0 0,1 15,14A1.5,1.5 0 0,1 13.5,15.5M10,6.5H13A1.5,1.5 0 0,1 14.5,8A1.5,1.5 0 0,1 13,9.5H10M15.6,10.79C16.57,10.11 17.25,9 17.25,8C17.25,5.74 15.5,4 13.25,4H7V18H14.04C16.14,18 17.75,16.3 17.75,14.21C17.75,12.69 16.89,11.39 15.6,10.79Z" /></svg><svg id="format-clear" viewBox="0 0 24 24"><path d="M6,5V5.18L8.82,8H11.22L10.5,9.68L12.6,11.78L14.21,8H20V5H6M3.27,5L2,6.27L8.97,13.24L6.5,19H9.5L11.07,15.34L16.73,21L18,19.73L3.55,5.27L3.27,5Z" /></svg><svg id="format-color-fill" viewBox="0 0 24 24"><path d="M19,11.5C19,11.5 17,13.67 17,15A2,2 0 0,0 19,17A2,2 0 0,0 21,15C21,13.67 19,11.5 19,11.5M5.21,10L10,5.21L14.79,10M16.56,8.94L7.62,0L6.21,1.41L8.59,3.79L3.44,8.94C2.85,9.5 2.85,10.47 3.44,11.06L8.94,16.56C9.23,16.85 9.62,17 10,17C10.38,17 10.77,16.85 11.06,16.56L16.56,11.06C17.15,10.47 17.15,9.5 16.56,8.94Z" /></svg><svg id="format-color-highlight" viewBox="0 0 24 24"><path d="M4,17L6.75,14.25L6.72,14.23C6.14,13.64 6.14,12.69 6.72,12.11L11.46,7.37L15.7,11.61L10.96,16.35C10.39,16.93 9.46,16.93 8.87,16.37L8.24,17H4M15.91,2.91C16.5,2.33 17.45,2.33 18.03,2.91L20.16,5.03C20.74,5.62 20.74,6.57 20.16,7.16L16.86,10.45L12.62,6.21L15.91,2.91Z" /></svg><svg id="format-color-text" viewBox="0 0 24 24"><path d="M9.62,12L12,5.67L14.37,12M11,3L5.5,17H7.75L8.87,14H15.12L16.25,17H18.5L13,3H11Z" /></svg><svg id="format-columns" viewBox="0 0 24 24"><path d="M3,3H11V5H3V3M13,3H21V5H13V3M3,7H11V9H3V7M13,7H21V9H13V7M3,11H11V13H3V11M13,11H21V13H13V11M3,15H11V17H3V15M13,15H21V17H13V15M3,19H11V21H3V19M13,19H21V21H13V19Z" /></svg><svg id="format-float-center" viewBox="0 0 24 24"><path d="M9,7H15V13H9V7M3,3H21V5H3V3M3,15H21V17H3V15M3,19H17V21H3V19Z" /></svg><svg id="format-float-left" viewBox="0 0 24 24"><path d="M3,7H9V13H3V7M3,3H21V5H3V3M21,7V9H11V7H21M21,11V13H11V11H21M3,15H17V17H3V15M3,19H21V21H3V19Z" /></svg><svg id="format-float-none" viewBox="0 0 24 24"><path d="M3,7H9V13H3V7M3,3H21V5H3V3M21,11V13H11V11H21M3,15H17V17H3V15M3,19H21V21H3V19Z" /></svg><svg id="format-float-right" viewBox="0 0 24 24"><path d="M15,7H21V13H15V7M3,3H21V5H3V3M13,7V9H3V7H13M9,11V13H3V11H9M3,15H17V17H3V15M3,19H21V21H3V19Z" /></svg><svg id="format-font" viewBox="0 0 24 24"><path d="M17,8H20V20H21V21H17V20H18V17H14L12.5,20H14V21H10V20H11L17,8M18,9L14.5,16H18V9M5,3H10C11.11,3 12,3.89 12,5V16H9V11H6V16H3V5C3,3.89 3.89,3 5,3M6,5V9H9V5H6Z" /></svg><svg id="format-font-size-decrease" viewBox="0 0 24 24"><path d="M5.12,14L7.5,7.67L9.87,14M6.5,5L1,19H3.25L4.37,16H10.62L11.75,19H14L8.5,5H6.5M18,17L23,11.93L21.59,10.5L19,13.1V7H17V13.1L14.41,10.5L13,11.93L18,17Z" /></svg><svg id="format-font-size-increase" viewBox="0 0 24 24"><path d="M5.12,14L7.5,7.67L9.87,14M6.5,5L1,19H3.25L4.37,16H10.62L11.75,19H14L8.5,5H6.5M18,7L13,12.07L14.41,13.5L17,10.9V17H19V10.9L21.59,13.5L23,12.07L18,7Z" /></svg><svg id="format-header-1" viewBox="0 0 24 24"><path d="M3,4H5V10H9V4H11V18H9V12H5V18H3V4M14,18V16H16V6.31L13.5,7.75V5.44L16,4H18V16H20V18H14Z" /></svg><svg id="format-header-2" viewBox="0 0 24 24"><path d="M3,4H5V10H9V4H11V18H9V12H5V18H3V4M21,18H15A2,2 0 0,1 13,16C13,15.47 13.2,15 13.54,14.64L18.41,9.41C18.78,9.05 19,8.55 19,8A2,2 0 0,0 17,6A2,2 0 0,0 15,8H13A4,4 0 0,1 17,4A4,4 0 0,1 21,8C21,9.1 20.55,10.1 19.83,10.83L15,16H21V18Z" /></svg><svg id="format-header-3" viewBox="0 0 24 24"><path d="M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H19A2,2 0 0,1 21,6V16A2,2 0 0,1 19,18H15A2,2 0 0,1 13,16V15H15V16H19V12H15V10H19V6H15V7H13V6A2,2 0 0,1 15,4Z" /></svg><svg id="format-header-4" viewBox="0 0 24 24"><path d="M3,4H5V10H9V4H11V18H9V12H5V18H3V4M18,18V13H13V11L18,4H20V11H21V13H20V18H18M18,11V7.42L15.45,11H18Z" /></svg><svg id="format-header-5" viewBox="0 0 24 24"><path d="M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H20V6H15V10H17A4,4 0 0,1 21,14A4,4 0 0,1 17,18H15A2,2 0 0,1 13,16V15H15V16H17A2,2 0 0,0 19,14A2,2 0 0,0 17,12H15A2,2 0 0,1 13,10V6A2,2 0 0,1 15,4Z" /></svg><svg id="format-header-6" viewBox="0 0 24 24"><path d="M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H19A2,2 0 0,1 21,6V7H19V6H15V10H19A2,2 0 0,1 21,12V16A2,2 0 0,1 19,18H15A2,2 0 0,1 13,16V6A2,2 0 0,1 15,4M15,12V16H19V12H15Z" /></svg><svg id="format-header-decrease" viewBox="0 0 24 24"><path d="M4,4H6V10H10V4H12V18H10V12H6V18H4V4M20.42,7.41L16.83,11L20.42,14.59L19,16L14,11L19,6L20.42,7.41Z" /></svg><svg id="format-header-equal" viewBox="0 0 24 24"><path d="M4,4H6V10H10V4H12V18H10V12H6V18H4V4M14,10V8H21V10H14M14,12H21V14H14V12Z" /></svg><svg id="format-header-increase" viewBox="0 0 24 24"><path d="M4,4H6V10H10V4H12V18H10V12H6V18H4V4M14.59,7.41L18.17,11L14.59,14.59L16,16L21,11L16,6L14.59,7.41Z" /></svg><svg id="format-header-pound" viewBox="0 0 24 24"><path d="M3,4H5V10H9V4H11V18H9V12H5V18H3V4M13,8H15.31L15.63,5H17.63L17.31,8H19.31L19.63,5H21.63L21.31,8H23V10H21.1L20.9,12H23V14H20.69L20.37,17H18.37L18.69,14H16.69L16.37,17H14.37L14.69,14H13V12H14.9L15.1,10H13V8M17.1,10L16.9,12H18.9L19.1,10H17.1Z" /></svg><svg id="format-horizontal-align-center" viewBox="0 0 24 24"><path d="M19,16V13H23V11H19V8L15,12L19,16M5,8V11H1V13H5V16L9,12L5,8M11,20H13V4H11V20Z" /></svg><svg id="format-horizontal-align-left" viewBox="0 0 24 24"><path d="M11,16V13H21V11H11V8L7,12L11,16M3,20H5V4H3V20Z" /></svg><svg id="format-horizontal-align-right" viewBox="0 0 24 24"><path d="M13,8V11H3V13H13V16L17,12L13,8M19,20H21V4H19V20Z" /></svg><svg id="format-indent-decrease" viewBox="0 0 24 24"><path d="M11,13H21V11H11M11,9H21V7H11M3,3V5H21V3M3,21H21V19H3M3,12L7,16V8M11,17H21V15H11V17Z" /></svg><svg id="format-indent-increase" viewBox="0 0 24 24"><path d="M11,13H21V11H11M11,9H21V7H11M3,3V5H21V3M11,17H21V15H11M3,8V16L7,12M3,21H21V19H3V21Z" /></svg><svg id="format-italic" viewBox="0 0 24 24"><path d="M10,4V7H12.21L8.79,15H6V18H14V15H11.79L15.21,7H18V4H10Z" /></svg><svg id="format-letter-case" viewBox="0 0 24 24"><path d="M20.06,18C20,17.83 19.91,17.54 19.86,17.11C19.19,17.81 18.38,18.16 17.45,18.16C16.62,18.16 15.93,17.92 15.4,17.45C14.87,17 14.6,16.39 14.6,15.66C14.6,14.78 14.93,14.1 15.6,13.61C16.27,13.12 17.21,12.88 18.43,12.88H19.83V12.24C19.83,11.75 19.68,11.36 19.38,11.07C19.08,10.78 18.63,10.64 18.05,10.64C17.53,10.64 17.1,10.76 16.75,11C16.4,11.25 16.23,11.54 16.23,11.89H14.77C14.77,11.46 14.92,11.05 15.22,10.65C15.5,10.25 15.93,9.94 16.44,9.71C16.95,9.5 17.5,9.36 18.13,9.36C19.11,9.36 19.87,9.6 20.42,10.09C20.97,10.58 21.26,11.25 21.28,12.11V16C21.28,16.8 21.38,17.42 21.58,17.88V18H20.06M17.66,16.88C18.11,16.88 18.54,16.77 18.95,16.56C19.35,16.35 19.65,16.07 19.83,15.73V14.16H18.7C16.93,14.16 16.04,14.63 16.04,15.57C16.04,16 16.19,16.3 16.5,16.53C16.8,16.76 17.18,16.88 17.66,16.88M5.46,13.71H9.53L7.5,8.29L5.46,13.71M6.64,6H8.36L13.07,18H11.14L10.17,15.43H4.82L3.86,18H1.93L6.64,6Z" /></svg><svg id="format-letter-case-lower" viewBox="0 0 24 24"><path d="M20.06,18C20,17.83 19.91,17.54 19.86,17.11C19.19,17.81 18.38,18.16 17.45,18.16C16.62,18.16 15.93,17.92 15.4,17.45C14.87,17 14.6,16.39 14.6,15.66C14.6,14.78 14.93,14.1 15.6,13.61C16.27,13.12 17.21,12.88 18.43,12.88H19.83V12.24C19.83,11.75 19.68,11.36 19.38,11.07C19.08,10.78 18.63,10.64 18.05,10.64C17.53,10.64 17.1,10.76 16.75,11C16.4,11.25 16.23,11.54 16.23,11.89H14.77C14.77,11.46 14.92,11.05 15.22,10.65C15.5,10.25 15.93,9.94 16.44,9.71C16.95,9.5 17.5,9.36 18.13,9.36C19.11,9.36 19.87,9.6 20.42,10.09C20.97,10.58 21.26,11.25 21.28,12.11V16C21.28,16.8 21.38,17.42 21.58,17.88V18H20.06M17.66,16.88C18.11,16.88 18.54,16.77 18.95,16.56C19.35,16.35 19.65,16.07 19.83,15.73V14.16H18.7C16.93,14.16 16.04,14.63 16.04,15.57C16.04,16 16.19,16.3 16.5,16.53C16.8,16.76 17.18,16.88 17.66,16.88M5.46,13.71H9.53L7.5,8.29L5.46,13.71M6.64,6H8.36L13.07,18H11.14L10.17,15.43H4.82L3.86,18H1.93L6.64,6M22,20V22H14.5V20H22Z" /></svg><svg id="format-letter-case-upper" viewBox="0 0 24 24"><path d="M20.06,18C20,17.83 19.91,17.54 19.86,17.11C19.19,17.81 18.38,18.16 17.45,18.16C16.62,18.16 15.93,17.92 15.4,17.45C14.87,17 14.6,16.39 14.6,15.66C14.6,14.78 14.93,14.1 15.6,13.61C16.27,13.12 17.21,12.88 18.43,12.88H19.83V12.24C19.83,11.75 19.68,11.36 19.38,11.07C19.08,10.78 18.63,10.64 18.05,10.64C17.53,10.64 17.1,10.76 16.75,11C16.4,11.25 16.23,11.54 16.23,11.89H14.77C14.77,11.46 14.92,11.05 15.22,10.65C15.5,10.25 15.93,9.94 16.44,9.71C16.95,9.5 17.5,9.36 18.13,9.36C19.11,9.36 19.87,9.6 20.42,10.09C20.97,10.58 21.26,11.25 21.28,12.11V16C21.28,16.8 21.38,17.42 21.58,17.88V18H20.06M17.66,16.88C18.11,16.88 18.54,16.77 18.95,16.56C19.35,16.35 19.65,16.07 19.83,15.73V14.16H18.7C16.93,14.16 16.04,14.63 16.04,15.57C16.04,16 16.19,16.3 16.5,16.53C16.8,16.76 17.18,16.88 17.66,16.88M5.46,13.71H9.53L7.5,8.29L5.46,13.71M6.64,6H8.36L13.07,18H11.14L10.17,15.43H4.82L3.86,18H1.93L6.64,6M2,20H13V22H2V20Z" /></svg><svg id="format-line-spacing" viewBox="0 0 24 24"><path d="M10,13H22V11H10M10,19H22V17H10M10,7H22V5H10M6,7H8.5L5,3.5L1.5,7H4V17H1.5L5,20.5L8.5,17H6V7Z" /></svg><svg id="format-line-style" viewBox="0 0 24 24"><path d="M3,16H8V14H3V16M9.5,16H14.5V14H9.5V16M16,16H21V14H16V16M3,20H5V18H3V20M7,20H9V18H7V20M11,20H13V18H11V20M15,20H17V18H15V20M19,20H21V18H19V20M3,12H11V10H3V12M13,12H21V10H13V12M3,4V8H21V4H3Z" /></svg><svg id="format-line-weight" viewBox="0 0 24 24"><path d="M3,17H21V15H3V17M3,20H21V19H3V20M3,13H21V10H3V13M3,4V8H21V4H3Z" /></svg><svg id="format-list-bulleted" viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg><svg id="format-list-bulleted-square" viewBox="0 0 24 24"><path d="M3,4H7V8H3V4M9,5V7H21V5H9M3,10H7V14H3V10M9,11V13H21V11H9M3,16H7V20H3V16M9,17V19H21V17H9" /></svg><svg id="format-list-bulleted-type" viewBox="0 0 24 24"><path d="M5,9.5L7.5,14H2.5L5,9.5M3,4H7V8H3V4M5,20A2,2 0 0,0 7,18A2,2 0 0,0 5,16A2,2 0 0,0 3,18A2,2 0 0,0 5,20M9,5V7H21V5H9M9,19H21V17H9V19M9,13H21V11H9V13Z" /></svg><svg id="format-list-checkbox" viewBox="0 0 24 24"><path d="M21,19V17H8V19H21M21,13V11H8V13H21M8,7H21V5H8V7M4,5V7H6V5H4M3,5A1,1 0 0,1 4,4H6A1,1 0 0,1 7,5V7A1,1 0 0,1 6,8H4A1,1 0 0,1 3,7V5M4,11V13H6V11H4M3,11A1,1 0 0,1 4,10H6A1,1 0 0,1 7,11V13A1,1 0 0,1 6,14H4A1,1 0 0,1 3,13V11M4,17V19H6V17H4M3,17A1,1 0 0,1 4,16H6A1,1 0 0,1 7,17V19A1,1 0 0,1 6,20H4A1,1 0 0,1 3,19V17Z" /></svg><svg id="format-list-checks" viewBox="0 0 24 24"><path d="M3,5H9V11H3V5M5,7V9H7V7H5M11,7H21V9H11V7M11,15H21V17H11V15M5,20L1.5,16.5L2.91,15.09L5,17.17L9.59,12.59L11,14L5,20Z" /></svg><svg id="format-list-numbered" viewBox="0 0 24 24"><path d="M7,13V11H21V13H7M7,19V17H21V19H7M7,7V5H21V7H7M3,8V5H2V4H4V8H3M2,17V16H5V20H2V19H4V18.5H3V17.5H4V17H2M4.25,10A0.75,0.75 0 0,1 5,10.75C5,10.95 4.92,11.14 4.79,11.27L3.12,13H5V14H2V13.08L4,11H2V10H4.25Z" /></svg><svg id="format-list-numbered-rtl" viewBox="0 0 24 24"><path d="M3,13V11H17V13H3M3,19V17H17V19H3M3,7V5H17V7H3M20,8V5H19V4H21V8H20M19,17V16H22V20H19V19H21V18.5H20V17.5H21V17H19M21.25,10C21.67,10 22,10.34 22,10.75C22,10.95 21.92,11.14 21.79,11.27L20.12,13H22V14H19V13.08L21,11H19V10H21.25Z" /></svg><svg id="format-list-triangle" viewBox="0 0 24 24"><path d="M5,15.5L7.5,20H2.5L5,15.5M9,19H21V17H9V19M5,9.5L7.5,14H2.5L5,9.5M9,13H21V11H9V13M5,3.5L7.5,8H2.5L5,3.5M9,7H21V5H9V7Z" /></svg><svg id="format-overline" viewBox="0 0 24 24"><path d="M5,5H19V3H5V5M9.62,16L12,9.67L14.37,16M11,7L5.5,21H7.75L8.87,18H15.12L16.25,21H18.5L13,7H11Z" /></svg><svg id="format-page-break" viewBox="0 0 24 24"><path d="M18,20H6V18H4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V18H18V20M14,2H6A2,2 0 0,0 4,4V12H6V4H14V8H18V12H20V8L14,2M11,16H8V14H11V16M16,16H13V14H16V16M3,14H6V16H3V14M21,16H18V14H21V16Z" /></svg><svg id="format-paint" viewBox="0 0 24 24"><path d="M18,4V3A1,1 0 0,0 17,2H5A1,1 0 0,0 4,3V7A1,1 0 0,0 5,8H17A1,1 0 0,0 18,7V6H19V10H9V21A1,1 0 0,0 10,22H12A1,1 0 0,0 13,21V12H21V4H18Z" /></svg><svg id="format-paragraph" viewBox="0 0 24 24"><path d="M13,4A4,4 0 0,1 17,8A4,4 0 0,1 13,12H11V18H9V4H13M13,10A2,2 0 0,0 15,8A2,2 0 0,0 13,6H11V10H13Z" /></svg><svg id="format-pilcrow" viewBox="0 0 24 24"><path d="M10,11A4,4 0 0,1 6,7A4,4 0 0,1 10,3H18V5H16V21H14V5H12V21H10V11Z" /></svg><svg id="format-quote-close" viewBox="0 0 24 24"><path d="M14,17H17L19,13V7H13V13H16M6,17H9L11,13V7H5V13H8L6,17Z" /></svg><svg id="format-quote-open" viewBox="0 0 24 24"><path d="M10,7L8,11H11V17H5V11L7,7H10M18,7L16,11H19V17H13V11L15,7H18Z" /></svg><svg id="format-rotate-90" viewBox="0 0 24 24"><path d="M7.34,6.41L0.86,12.9L7.35,19.38L13.84,12.9L7.34,6.41M3.69,12.9L7.35,9.24L11,12.9L7.34,16.56L3.69,12.9M19.36,6.64C17.61,4.88 15.3,4 13,4V0.76L8.76,5L13,9.24V6C14.79,6 16.58,6.68 17.95,8.05C20.68,10.78 20.68,15.22 17.95,17.95C16.58,19.32 14.79,20 13,20C12.03,20 11.06,19.79 10.16,19.39L8.67,20.88C10,21.62 11.5,22 13,22C15.3,22 17.61,21.12 19.36,19.36C22.88,15.85 22.88,10.15 19.36,6.64Z" /></svg><svg id="format-section" viewBox="0 0 24 24"><path d="M15.67,4.42C14.7,3.84 13.58,3.54 12.45,3.56C10.87,3.56 9.66,4.34 9.66,5.56C9.66,6.96 11,7.47 13,8.14C15.5,8.95 17.4,9.97 17.4,12.38C17.36,13.69 16.69,14.89 15.6,15.61C16.25,16.22 16.61,17.08 16.6,17.97C16.6,20.79 14,21.97 11.5,21.97C10.04,22.03 8.59,21.64 7.35,20.87L8,19.34C9.04,20.05 10.27,20.43 11.53,20.44C13.25,20.44 14.53,19.66 14.53,18.24C14.53,17 13.75,16.31 11.25,15.45C8.5,14.5 6.6,13.5 6.6,11.21C6.67,9.89 7.43,8.69 8.6,8.07C7.97,7.5 7.61,6.67 7.6,5.81C7.6,3.45 9.77,2 12.53,2C13.82,2 15.09,2.29 16.23,2.89L15.67,4.42M11.35,13.42C12.41,13.75 13.44,14.18 14.41,14.71C15.06,14.22 15.43,13.45 15.41,12.64C15.41,11.64 14.77,10.76 13,10.14C11.89,9.77 10.78,9.31 9.72,8.77C8.97,9.22 8.5,10.03 8.5,10.91C8.5,11.88 9.23,12.68 11.35,13.42Z" /></svg><svg id="format-size" viewBox="0 0 24 24"><path d="M3,12H6V19H9V12H12V9H3M9,4V7H14V19H17V7H22V4H9Z" /></svg><svg id="format-strikethrough" viewBox="0 0 24 24"><path d="M3,14H21V12H3M5,4V7H10V10H14V7H19V4M10,19H14V16H10V19Z" /></svg><svg id="format-strikethrough-variant" viewBox="0 0 24 24"><path d="M23,12V14H18.61C19.61,16.14 19.56,22 12.38,22C4.05,22.05 4.37,15.5 4.37,15.5L8.34,15.55C8.37,18.92 11.5,18.92 12.12,18.88C12.76,18.83 15.15,18.84 15.34,16.5C15.42,15.41 14.32,14.58 13.12,14H1V12H23M19.41,7.89L15.43,7.86C15.43,7.86 15.6,5.09 12.15,5.08C8.7,5.06 9,7.28 9,7.56C9.04,7.84 9.34,9.22 12,9.88H5.71C5.71,9.88 2.22,3.15 10.74,2C19.45,0.8 19.43,7.91 19.41,7.89Z" /></svg><svg id="format-subscript" viewBox="0 0 24 24"><path d="M16,7.41L11.41,12L16,16.59L14.59,18L10,13.41L5.41,18L4,16.59L8.59,12L4,7.41L5.41,6L10,10.59L14.59,6L16,7.41M21.85,21.03H16.97V20.03L17.86,19.23C18.62,18.58 19.18,18.04 19.56,17.6C19.93,17.16 20.12,16.75 20.13,16.36C20.14,16.08 20.05,15.85 19.86,15.66C19.68,15.5 19.39,15.38 19,15.38C18.69,15.38 18.42,15.44 18.16,15.56L17.5,15.94L17.05,14.77C17.32,14.56 17.64,14.38 18.03,14.24C18.42,14.1 18.85,14 19.32,14C20.1,14.04 20.7,14.25 21.1,14.66C21.5,15.07 21.72,15.59 21.72,16.23C21.71,16.79 21.53,17.31 21.18,17.78C20.84,18.25 20.42,18.7 19.91,19.14L19.27,19.66V19.68H21.85V21.03Z" /></svg><svg id="format-superscript" viewBox="0 0 24 24"><path d="M16,7.41L11.41,12L16,16.59L14.59,18L10,13.41L5.41,18L4,16.59L8.59,12L4,7.41L5.41,6L10,10.59L14.59,6L16,7.41M21.85,9H16.97V8L17.86,7.18C18.62,6.54 19.18,6 19.56,5.55C19.93,5.11 20.12,4.7 20.13,4.32C20.14,4.04 20.05,3.8 19.86,3.62C19.68,3.43 19.39,3.34 19,3.33C18.69,3.34 18.42,3.4 18.16,3.5L17.5,3.89L17.05,2.72C17.32,2.5 17.64,2.33 18.03,2.19C18.42,2.05 18.85,2 19.32,2C20.1,2 20.7,2.2 21.1,2.61C21.5,3 21.72,3.54 21.72,4.18C21.71,4.74 21.53,5.26 21.18,5.73C20.84,6.21 20.42,6.66 19.91,7.09L19.27,7.61V7.63H21.85V9Z" /></svg><svg id="format-text" viewBox="0 0 24 24"><path d="M18.5,4L19.66,8.35L18.7,8.61C18.25,7.74 17.79,6.87 17.26,6.43C16.73,6 16.11,6 15.5,6H13V16.5C13,17 13,17.5 13.33,17.75C13.67,18 14.33,18 15,18V19H9V18C9.67,18 10.33,18 10.67,17.75C11,17.5 11,17 11,16.5V6H8.5C7.89,6 7.27,6 6.74,6.43C6.21,6.87 5.75,7.74 5.3,8.61L4.34,8.35L5.5,4H18.5Z" /></svg><svg id="format-text-rotation-down" viewBox="0 0 24 24"><path d="M6,19.73L3,16.73H5V4.27H7V16.73H9L6,19.73M14,9.38V13.13L19.03,11.25L14,9.38M21,12L10,16.73V14.67L12.19,13.73V8.77L10,7.83V5.77L21,10.5V12Z" /></svg><svg id="format-text-rotation-none" viewBox="0 0 24 24"><path d="M20.5,18L17.5,21V19H5V17H17.5V15L20.5,18M10.13,10H13.88L12,4.97L10.13,10M12.75,3L17.5,14H15.42L14.5,11.81H9.5L8.58,14H6.5L11.25,3H12.75Z" /></svg><svg id="format-text-variant" viewBox="0 0 24 24"><path d="M9.6,14L12,7.7L14.4,14M11,5L5.5,19H7.7L8.8,16H15L16.1,19H18.3L13,5H11Z" /></svg><svg id="format-text-wrapping-clip" viewBox="0 0 24 24"><path d="M7,21H5V3H7V21M17,3V11H9V13H17V21H19V3H17Z" /></svg><svg id="format-text-wrapping-overflow" viewBox="0 0 24 24"><path d="M7,21H5V3H7V21M14,3H12V9H14V3M14,15H12V21H14V15M19,12L16,9V11H9V13H16V15L19,12Z" /></svg><svg id="format-text-wrapping-wrap" viewBox="0 0 24 24"><path d="M7,21H5V3H7V21M19,3H17V21H19V3M13,8H9V10H12.97C13.14,10 14,10.16 14,12C14,13.84 13.14,14 13,14H11V12L8,15L11,18V16H13C14.04,16 16,15.16 16,12C16,8.84 14.04,8 13,8Z" /></svg><svg id="format-textbox" viewBox="0 0 24 24"><path d="M21,7V3H17V4H7V3H3V7H4V17H3V21H7V20H17V21H21V17H20V7H21M18,4H20V6H18V4M4,4H6V6H4V4M6,20H4V18H6V20M20,20H18V18H20V20M18,17H17V18H7V17H6V7H7V6H17V7H18V17M16,8V10H13V16H11V10H8V8H16Z" /></svg><svg id="format-textdirection-l-to-r" viewBox="0 0 24 24"><path d="M21,18L17,14V17H5V19H17V22M9,10V15H11V4H13V15H15V4H17V2H9A4,4 0 0,0 5,6A4,4 0 0,0 9,10Z" /></svg><svg id="format-textdirection-r-to-l" viewBox="0 0 24 24"><path d="M8,17V14L4,18L8,22V19H20V17M10,10V15H12V4H14V15H16V4H18V2H10A4,4 0 0,0 6,6A4,4 0 0,0 10,10Z" /></svg><svg id="format-title" viewBox="0 0 24 24"><path d="M5,4V7H10.5V19H13.5V7H19V4H5Z" /></svg><svg id="format-underline" viewBox="0 0 24 24"><path d="M5,21H19V19H5V21M12,17A6,6 0 0,0 18,11V3H15.5V11A3.5,3.5 0 0,1 12,14.5A3.5,3.5 0 0,1 8.5,11V3H6V11A6,6 0 0,0 12,17Z" /></svg><svg id="format-vertical-align-bottom" viewBox="0 0 24 24"><path d="M16,13H13V3H11V13H8L12,17L16,13M4,19V21H20V19H4Z" /></svg><svg id="format-vertical-align-center" viewBox="0 0 24 24"><path d="M8,19H11V23H13V19H16L12,15L8,19M16,5H13V1H11V5H8L12,9L16,5M4,11V13H20V11H4Z" /></svg><svg id="format-vertical-align-top" viewBox="0 0 24 24"><path d="M8,11H11V21H13V11H16L12,7L8,11M4,3V5H20V3H4Z" /></svg><svg id="format-wrap-inline" viewBox="0 0 24 24"><path d="M8,7L13,17H3L8,7M3,3H21V5H3V3M21,15V17H14V15H21M3,19H21V21H3V19Z" /></svg><svg id="format-wrap-square" viewBox="0 0 24 24"><path d="M12,7L17,17H7L12,7M3,3H21V5H3V3M3,7H6V9H3V7M21,7V9H18V7H21M3,11H6V13H3V11M21,11V13H18V11H21M3,15H6V17H3V15M21,15V17H18V15H21M3,19H21V21H3V19Z" /></svg><svg id="format-wrap-tight" viewBox="0 0 24 24"><path d="M12,7L17,17H7L12,7M3,3H21V5H3V3M3,7H9V9H3V7M21,7V9H15V7H21M3,11H7V13H3V11M21,11V13H17V11H21M3,15H6V17H3V15M21,15V17H18V15H21M3,19H21V21H3V19Z" /></svg><svg id="format-wrap-top-bottom" viewBox="0 0 24 24"><path d="M12,7L17,17H7L12,7M3,3H21V5H3V3M3,19H21V21H3V19Z" /></svg><svg id="forum" viewBox="0 0 24 24"><path d="M17,12V3A1,1 0 0,0 16,2H3A1,1 0 0,0 2,3V17L6,13H16A1,1 0 0,0 17,12M21,6H19V15H6V17A1,1 0 0,0 7,18H18L22,22V7A1,1 0 0,0 21,6Z" /></svg><svg id="forum-outline" viewBox="0 0 24 24"><path d="M15,4V11H5.17L4,12.17V4H15M16,2H3A1,1 0 0,0 2,3V17L6,13H16A1,1 0 0,0 17,12V3A1,1 0 0,0 16,2M21,6H19V15H6V17A1,1 0 0,0 7,18H18L22,22V7A1,1 0 0,0 21,6Z" /></svg><svg id="forward" viewBox="0 0 24 24"><path d="M12,8V4L20,12L12,20V16H4V8H12Z" /></svg><svg id="forwardburger" viewBox="0 0 24 24"><path d="M19,13H3V11H19L15,7L16.4,5.6L22.8,12L16.4,18.4L15,17L19,13M3,6H13V8H3V6M13,16V18H3V16H13Z" /></svg><svg id="fountain" viewBox="0 0 24 24"><path d="M7.5,2C4.47,2 2,4.46 2,7.5V7.5L2,8H4V7.5A3.5,3.5 0 0,1 7.5,4C9,4 10.26,4.93 10.76,6.24C10.37,6.08 9.95,6 9.5,6C8.11,6 6.9,6.82 6.34,8L8.08,9C8.29,8.42 8.85,8 9.5,8A1.5,1.5 0 0,1 11,9.5V11H13V9.5A1.5,1.5 0 0,1 14.5,8C15.16,8 15.71,8.42 15.92,9L17.66,8C17.1,6.82 15.9,6 14.5,6C14.05,6 13.63,6.08 13.24,6.24C13.74,4.93 15,4 16.5,4A3.5,3.5 0 0,1 20,7.5V8H22V7.5H22A5.5,5.5 0 0,0 16.5,2C14.64,2 13,2.93 12,4.34C11,2.93 9.36,2 7.5,2M6,12V14H7.42C7.92,15.15 8.85,16.07 10,16.57C10,17.38 10,18.19 10,19H2C2,19 2.82,20.23 3.41,21.11C3.78,21.67 4.4,22 5.07,22H18.93C19.6,22 20.22,21.67 20.59,21.11L22,19H14C14,18.19 14,17.38 14,16.57C15.15,16.07 16.08,15.15 16.58,14H18V12H6Z" /></svg><svg id="fountain-pen" viewBox="0 0 24 24"><path d="M6.95,14.93L11.19,9.27L19.68,2.2C20.07,1.81 20.72,1.81 21.09,2.2L21.8,2.91C22.19,3.28 22.19,3.93 21.8,4.32L14.73,12.81L9.07,17.05L6.95,14.93M8.36,17.76L6.24,15.64L3.41,17.05L2,21.29L4.12,19.17C4.32,19 4.63,19 4.83,19.17C5,19.37 5,19.68 4.83,19.88L2.71,22L6.95,20.59L8.36,17.76Z" /></svg><svg id="fountain-pen-tip" viewBox="0 0 24 24"><path d="M15.54,3.5L20.5,8.47L19.07,9.88L14.12,4.93L15.54,3.5M3.5,19.78L10,13.31C9.9,13 9.97,12.61 10.23,12.35C10.62,11.96 11.26,11.96 11.65,12.35C12.04,12.75 12.04,13.38 11.65,13.77C11.39,14.03 11,14.1 10.69,14L4.22,20.5L14.83,16.95L18.36,10.59L13.42,5.64L7.05,9.17L3.5,19.78Z" /></svg><svg id="foursquare" viewBox="0 0 24 24"><path d="M17,5L16.57,7.5C16.5,7.73 16.2,8 15.91,8C15.61,8 12,8 12,8C11.53,8 10.95,8.32 10.95,8.79V9.2C10.95,9.67 11.53,10 12,10C12,10 14.95,10 15.28,10C15.61,10 15.93,10.36 15.86,10.71C15.79,11.07 14.94,13.28 14.9,13.5C14.86,13.67 14.64,14 14.25,14C13.92,14 11.37,14 11.37,14C10.85,14 10.69,14.07 10.34,14.5C10,14.94 7.27,18.1 7.27,18.1C7.24,18.13 7,18.04 7,18V5C7,4.7 7.61,4 8,4C8,4 16.17,4 16.5,4C16.82,4 17.08,4.61 17,5M17,14.45C17.11,13.97 18.78,6.72 19.22,4.55M17.58,2C17.58,2 8.38,2 6.91,2C5.43,2 5,3.11 5,3.8C5,4.5 5,20.76 5,20.76C5,21.54 5.42,21.84 5.66,21.93C5.9,22.03 6.55,22.11 6.94,21.66C6.94,21.66 11.65,16.22 11.74,16.13C11.87,16 11.87,16 12,16C12.26,16 14.2,16 15.26,16C16.63,16 16.85,15 17,14.45C17.11,13.97 18.78,6.72 19.22,4.55C19.56,2.89 19.14,2 17.58,2Z" /></svg><svg id="freebsd" viewBox="0 0 24 24"><path d="M2.69,2C3.54,1.95 6.08,3.16 6.13,3.19C4.84,4 3.74,5.09 2.91,6.38C2.09,4.81 1.34,2.91 2,2.25C2.17,2.08 2.4,2 2.69,2M20.84,2.13C21.25,2.08 21.58,2.14 21.78,2.34C22.85,3.42 19.88,8.15 19.38,8.66C18.87,9.16 17.57,8.7 16.5,7.63C15.43,6.55 14.97,5.26 15.47,4.75C15.88,4.34 19.09,2.3 20.84,2.13M12,2.56C13.29,2.56 14.53,2.82 15.66,3.28C15.17,3.6 14.81,3.85 14.69,3.97C13.7,4.96 14.14,6.83 15.72,8.41C16.7,9.38 17.84,9.97 18.78,9.97C19.46,9.97 19.92,9.68 20.16,9.44C20.33,9.27 20.6,8.88 20.91,8.41C21.42,9.59 21.69,10.88 21.69,12.25C21.69,17.61 17.36,21.97 12,21.97C6.64,21.97 2.31,17.61 2.31,12.25C2.31,6.89 6.64,2.56 12,2.56Z" /></svg><svg id="fridge" viewBox="0 0 24 24"><path d="M7,2H17A2,2 0 0,1 19,4V9H5V4A2,2 0 0,1 7,2M19,19A2,2 0 0,1 17,21V22H15V21H9V22H7V21A2,2 0 0,1 5,19V10H19V19M8,5V7H10V5H8M8,12V15H10V12H8Z" /></svg><svg id="fridge-bottom" viewBox="0 0 24 24"><path d="M7,2A2,2 0 0,0 5,4V19A2,2 0 0,0 7,21V22H9V21H15V22H17V21A2,2 0 0,0 19,19V4A2,2 0 0,0 17,2H7M8,6H10V8H8V6M7,11H17V19H7V11M8,12V15H10V12H8Z" /></svg><svg id="fridge-outline" viewBox="0 0 24 24"><path d="M9,21V22H7V21A2,2 0 0,1 5,19V4A2,2 0 0,1 7,2H17A2,2 0 0,1 19,4V19A2,2 0 0,1 17,21V22H15V21H9M7,4V9H17V4H7M7,19H17V11H7V19M8,12H10V15H8V12M8,6H10V8H8V6Z" /></svg><svg id="fridge-top" viewBox="0 0 24 24"><path d="M8,8V6H10V8H8M7,2H17A2,2 0 0,1 19,4V19A2,2 0 0,1 17,21V22H15V21H9V22H7V21A2,2 0 0,1 5,19V4A2,2 0 0,1 7,2M7,4V9H17V4H7M8,12V15H10V12H8Z" /></svg><svg id="fuel" viewBox="0 0 24 24"><path d="M3,2H6C6.28,2 6.53,2.11 6.71,2.29L8.79,4.38L9.59,3.59C10,3.2 10.5,3 11,3H17C17.5,3 18,3.2 18.41,3.59L19.41,4.59C19.8,5 20,5.5 20,6V19A2,2 0 0,1 18,21H8A2,2 0 0,1 6,19V13L6,12V8C6,7.5 6.2,7 6.59,6.59L7.38,5.79L5.59,4H3V2M11,5V7H17V5H11M11.41,11L9.41,9H8V10.41L10,12.41V15.59L8,17.59V19H9.41L11.41,17H14.59L16.59,19H18V17.59L16,15.59V12.41L18,10.41V9H16.59L14.59,11H11.41M12,13H14V15H12V13Z" /></svg><svg id="fullscreen" viewBox="0 0 24 24"><path d="M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z" /></svg><svg id="fullscreen-exit" viewBox="0 0 24 24"><path d="M14,14H19V16H16V19H14V14M5,14H10V19H8V16H5V14M8,5H10V10H5V8H8V5M19,8V10H14V5H16V8H19Z" /></svg><svg id="function" viewBox="0 0 24 24"><path d="M15.6,5.29C14.5,5.19 13.53,6 13.43,7.11L13.18,10H16V12H13L12.56,17.07C12.37,19.27 10.43,20.9 8.23,20.7C6.92,20.59 5.82,19.86 5.17,18.83L6.67,17.33C6.91,18.07 7.57,18.64 8.4,18.71C9.5,18.81 10.47,18 10.57,16.89L11,12H8V10H11.17L11.44,6.93C11.63,4.73 13.57,3.1 15.77,3.3C17.08,3.41 18.18,4.14 18.83,5.17L17.33,6.67C17.09,5.93 16.43,5.36 15.6,5.29Z" /></svg><svg id="function-variant" viewBox="0 0 24 24"><path d="M12.42,5.29C11.32,5.19 10.35,6 10.25,7.11L10,10H12.82V12H9.82L9.38,17.07C9.18,19.27 7.24,20.9 5.04,20.7C3.79,20.59 2.66,19.9 2,18.83L3.5,17.33C3.83,18.38 4.96,18.97 6,18.63C6.78,18.39 7.33,17.7 7.4,16.89L7.82,12H4.82V10H8L8.27,6.93C8.46,4.73 10.39,3.1 12.6,3.28C13.86,3.39 15,4.09 15.66,5.17L14.16,6.67C13.91,5.9 13.23,5.36 12.42,5.29M22,13.65L20.59,12.24L17.76,15.07L14.93,12.24L13.5,13.65L16.35,16.5L13.5,19.31L14.93,20.72L17.76,17.89L20.59,20.72L22,19.31L19.17,16.5L22,13.65Z" /></svg><svg id="fuse" viewBox="0 0 24 24"><path d="M8,7V17H15V7H8M11.16,16V12.87H9.41L11.91,8V11.14H13.59L11.16,16M16,2V6H7V2A1,1 0 0,1 8,1H15A1,1 0 0,1 16,2M16,18V22A1,1 0 0,1 15,23H8A1,1 0 0,1 7,22V18H16Z" /></svg><svg id="fuse-blade" viewBox="0 0 24 24"><path d="M10,21H8L6,19V16H10V21M18,16H14V21H16L18,19V16M3,3V4A1,1 0 0,0 4,5V14A1,1 0 0,0 5,15H19A1,1 0 0,0 20,14V5H20A1,1 0 0,0 21,4V3H3M11.83,13V9.73H10L12.61,4.66V7.93H14.36L11.83,13Z" /></svg><svg id="gamepad" viewBox="0 0 24 24"><path d="M16.5,9L13.5,12L16.5,15H22V9M9,16.5V22H15V16.5L12,13.5M7.5,9H2V15H7.5L10.5,12M15,7.5V2H9V7.5L12,10.5L15,7.5Z" /></svg><svg id="gamepad-circle" viewBox="0 0 24 24"><path d="M5,8A4,4 0 0,1 9,12A4,4 0 0,1 5,16A4,4 0 0,1 1,12A4,4 0 0,1 5,8M12,1A4,4 0 0,1 16,5A4,4 0 0,1 12,9A4,4 0 0,1 8,5A4,4 0 0,1 12,1M12,15A4,4 0 0,1 16,19A4,4 0 0,1 12,23A4,4 0 0,1 8,19A4,4 0 0,1 12,15M19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A4,4 0 0,1 15,12A4,4 0 0,1 19,8Z" /></svg><svg id="gamepad-circle-down" viewBox="0 0 24 24"><path d="M5,8A4,4 0 0,1 9,12A4,4 0 0,1 5,16A4,4 0 0,1 1,12A4,4 0 0,1 5,8M12,1A4,4 0 0,1 16,5A4,4 0 0,1 12,9A4,4 0 0,1 8,5A4,4 0 0,1 12,1M12,15A4,4 0 0,1 16,19A4,4 0 0,1 12,23A4,4 0 0,1 8,19A4,4 0 0,1 12,15M19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A4,4 0 0,1 15,12A4,4 0 0,1 19,8M12,3A2,2 0 0,0 10,5A2,2 0 0,0 12,7A2,2 0 0,0 14,5A2,2 0 0,0 12,3M5,10A2,2 0 0,0 3,12A2,2 0 0,0 5,14A2,2 0 0,0 7,12A2,2 0 0,0 5,10M19,10A2,2 0 0,0 17,12A2,2 0 0,0 19,14A2,2 0 0,0 21,12A2,2 0 0,0 19,10Z" /></svg><svg id="gamepad-circle-left" viewBox="0 0 24 24"><path d="M5,8A4,4 0 0,1 9,12A4,4 0 0,1 5,16A4,4 0 0,1 1,12A4,4 0 0,1 5,8M12,1A4,4 0 0,1 16,5A4,4 0 0,1 12,9A4,4 0 0,1 8,5A4,4 0 0,1 12,1M12,15A4,4 0 0,1 16,19A4,4 0 0,1 12,23A4,4 0 0,1 8,19A4,4 0 0,1 12,15M19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A4,4 0 0,1 15,12A4,4 0 0,1 19,8M19,10A2,2 0 0,0 17,12A2,2 0 0,0 19,14A2,2 0 0,0 21,12A2,2 0 0,0 19,10M12,17A2,2 0 0,0 10,19A2,2 0 0,0 12,21A2,2 0 0,0 14,19A2,2 0 0,0 12,17M12,3A2,2 0 0,0 10,5A2,2 0 0,0 12,7A2,2 0 0,0 14,5A2,2 0 0,0 12,3Z" /></svg><svg id="gamepad-circle-outline" viewBox="0 0 24 24"><path d="M5,8A4,4 0 0,1 9,12A4,4 0 0,1 5,16A4,4 0 0,1 1,12A4,4 0 0,1 5,8M5,10A2,2 0 0,0 3,12A2,2 0 0,0 5,14A2,2 0 0,0 7,12A2,2 0 0,0 5,10M12,1A4,4 0 0,1 16,5A4,4 0 0,1 12,9A4,4 0 0,1 8,5A4,4 0 0,1 12,1M12,3A2,2 0 0,0 10,5A2,2 0 0,0 12,7A2,2 0 0,0 14,5A2,2 0 0,0 12,3M12,15A4,4 0 0,1 16,19A4,4 0 0,1 12,23A4,4 0 0,1 8,19A4,4 0 0,1 12,15M12,17A2,2 0 0,0 10,19A2,2 0 0,0 12,21A2,2 0 0,0 14,19A2,2 0 0,0 12,17M19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A4,4 0 0,1 15,12A4,4 0 0,1 19,8M19,10A2,2 0 0,0 17,12A2,2 0 0,0 19,14A2,2 0 0,0 21,12A2,2 0 0,0 19,10Z" /></svg><svg id="gamepad-circle-right" viewBox="0 0 24 24"><path d="M5,8A4,4 0 0,1 9,12A4,4 0 0,1 5,16A4,4 0 0,1 1,12A4,4 0 0,1 5,8M12,1A4,4 0 0,1 16,5A4,4 0 0,1 12,9A4,4 0 0,1 8,5A4,4 0 0,1 12,1M12,15A4,4 0 0,1 16,19A4,4 0 0,1 12,23A4,4 0 0,1 8,19A4,4 0 0,1 12,15M19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A4,4 0 0,1 15,12A4,4 0 0,1 19,8M12,3A2,2 0 0,0 10,5A2,2 0 0,0 12,7A2,2 0 0,0 14,5A2,2 0 0,0 12,3M5,10A2,2 0 0,0 3,12A2,2 0 0,0 5,14A2,2 0 0,0 7,12A2,2 0 0,0 5,10M12,17A2,2 0 0,0 10,19A2,2 0 0,0 12,21A2,2 0 0,0 14,19A2,2 0 0,0 12,17Z" /></svg><svg id="gamepad-circle-up" viewBox="0 0 24 24"><path d="M5,8A4,4 0 0,1 9,12A4,4 0 0,1 5,16A4,4 0 0,1 1,12A4,4 0 0,1 5,8M12,1A4,4 0 0,1 16,5A4,4 0 0,1 12,9A4,4 0 0,1 8,5A4,4 0 0,1 12,1M12,15A4,4 0 0,1 16,19A4,4 0 0,1 12,23A4,4 0 0,1 8,19A4,4 0 0,1 12,15M19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A4,4 0 0,1 15,12A4,4 0 0,1 19,8M5,10A2,2 0 0,0 3,12A2,2 0 0,0 5,14A2,2 0 0,0 7,12A2,2 0 0,0 5,10M19,10A2,2 0 0,0 17,12A2,2 0 0,0 19,14A2,2 0 0,0 21,12A2,2 0 0,0 19,10M12,17A2,2 0 0,0 10,19A2,2 0 0,0 12,21A2,2 0 0,0 14,19A2,2 0 0,0 12,17Z" /></svg><svg id="gamepad-down" viewBox="0 0 24 24"><path d="M9,2V7.5L12,10.5L15,7.5V2H9M2,9V15H7.5L10.5,12L7.5,9H2M16.5,9L13.5,12L16.5,15H22V9H16.5M12,13.5L9,16.5V22H15V16.5L12,13.5M11,18H13V20H11V18Z" /></svg><svg id="gamepad-left" viewBox="0 0 24 24"><path d="M9,2V7.5L12,10.5L15,7.5V2H9M2,9V15H7.5L10.5,12L7.5,9H2M16.5,9L13.5,12L16.5,15H22V9H16.5M4,11H6V13H4V11M12,13.5L9,16.5V22H15V16.5L12,13.5Z" /></svg><svg id="gamepad-right" viewBox="0 0 24 24"><path d="M9,2V7.5L12,10.5L15,7.5V2H9M2,9V15H7.5L10.5,12L7.5,9H2M16.5,9L13.5,12L16.5,15H22V9H16.5M18,11H20V13H18V11M12,13.5L9,16.5V22H15V16.5L12,13.5Z" /></svg><svg id="gamepad-round" viewBox="0 0 24 24"><path d="M4,8H8V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V8H20A2,2 0 0,1 22,10V14A2,2 0 0,1 20,16H16V20A2,2 0 0,1 14,22H10A2,2 0 0,1 8,20V16H4A2,2 0 0,1 2,14V10A2,2 0 0,1 4,8Z" /></svg><svg id="gamepad-round-down" viewBox="0 0 24 24"><path d="M4,8H8V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V8H20A2,2 0 0,1 22,10V14A2,2 0 0,1 20,16H16V20A2,2 0 0,1 14,22H10A2,2 0 0,1 8,20V16H4A2,2 0 0,1 2,14V10A2,2 0 0,1 4,8M10,16V20H14V16H10Z" /></svg><svg id="gamepad-round-left" viewBox="0 0 24 24"><path d="M4,8H8V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V8H20A2,2 0 0,1 22,10V14A2,2 0 0,1 20,16H16V20A2,2 0 0,1 14,22H10A2,2 0 0,1 8,20V16H4A2,2 0 0,1 2,14V10A2,2 0 0,1 4,8M4,10V14H8V10H4Z" /></svg><svg id="gamepad-round-outline" viewBox="0 0 24 24"><path d="M4,8H8V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V8H20A2,2 0 0,1 22,10V14A2,2 0 0,1 20,16H16V20A2,2 0 0,1 14,22H10A2,2 0 0,1 8,20V16H4A2,2 0 0,1 2,14V10A2,2 0 0,1 4,8M4,10V14H10V20H14V14H20V10H14V4H10V10H4Z" /></svg><svg id="gamepad-round-right" viewBox="0 0 24 24"><path d="M4,8H8V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V8H20A2,2 0 0,1 22,10V14A2,2 0 0,1 20,16H16V20A2,2 0 0,1 14,22H10A2,2 0 0,1 8,20V16H4A2,2 0 0,1 2,14V10A2,2 0 0,1 4,8M16,10V14H20V10H16Z" /></svg><svg id="gamepad-round-up" viewBox="0 0 24 24"><path d="M4,8H8V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V8H20A2,2 0 0,1 22,10V14A2,2 0 0,1 20,16H16V20A2,2 0 0,1 14,22H10A2,2 0 0,1 8,20V16H4A2,2 0 0,1 2,14V10A2,2 0 0,1 4,8M10,4V8H14V4H10Z" /></svg><svg id="gamepad-up" viewBox="0 0 24 24"><path d="M9,2V7.5L12,10.5L15,7.5V2H9M11,4H13V6H11V4M2,9V15H7.5L10.5,12L7.5,9H2M16.5,9L13.5,12L16.5,15H22V9H16.5M12,13.5L9,16.5V22H15V16.5L12,13.5Z" /></svg><svg id="gamepad-variant" viewBox="0 0 24 24"><path d="M7,6H17A6,6 0 0,1 23,12A6,6 0 0,1 17,18C15.22,18 13.63,17.23 12.53,16H11.47C10.37,17.23 8.78,18 7,18A6,6 0 0,1 1,12A6,6 0 0,1 7,6M6,9V11H4V13H6V15H8V13H10V11H8V9H6M15.5,12A1.5,1.5 0 0,0 14,13.5A1.5,1.5 0 0,0 15.5,15A1.5,1.5 0 0,0 17,13.5A1.5,1.5 0 0,0 15.5,12M18.5,9A1.5,1.5 0 0,0 17,10.5A1.5,1.5 0 0,0 18.5,12A1.5,1.5 0 0,0 20,10.5A1.5,1.5 0 0,0 18.5,9Z" /></svg><svg id="gamepad-variant-outline" viewBox="0 0 24 24"><path d="M6,9H8V11H10V13H8V15H6V13H4V11H6V9M18.5,9A1.5,1.5 0 0,1 20,10.5A1.5,1.5 0 0,1 18.5,12A1.5,1.5 0 0,1 17,10.5A1.5,1.5 0 0,1 18.5,9M15.5,12A1.5,1.5 0 0,1 17,13.5A1.5,1.5 0 0,1 15.5,15A1.5,1.5 0 0,1 14,13.5A1.5,1.5 0 0,1 15.5,12M17,5A7,7 0 0,1 24,12A7,7 0 0,1 17,19C15.04,19 13.27,18.2 12,16.9C10.73,18.2 8.96,19 7,19A7,7 0 0,1 0,12A7,7 0 0,1 7,5H17M7,7A5,5 0 0,0 2,12A5,5 0 0,0 7,17C8.64,17 10.09,16.21 11,15H13C13.91,16.21 15.36,17 17,17A5,5 0 0,0 22,12A5,5 0 0,0 17,7H7Z" /></svg><svg id="gantry-crane" viewBox="0 0 24 24"><path d="M21,6H22V4H21V3H18V4H6V3H3V4H2V6H3V20H2V22H7V20H6V6H11V7H11.5V10.62C11,10.79 10.69,11.25 10.69,11.76C10.69,12.2 10.92,12.6 11.3,12.82V14H11.92C12.26,14 12.54,14.27 12.55,14.61C12.55,14.96 12.28,15.24 11.93,15.24C11.71,15.24 11.5,15.12 11.39,14.93C11.22,14.64 10.84,14.54 10.55,14.71C10.26,14.87 10.15,15.25 10.32,15.55C10.65,16.12 11.26,16.47 11.92,16.47C12.94,16.46 13.76,15.62 13.75,14.6C13.74,13.83 13.26,13.14 12.53,12.88V12.82C13.12,12.5 13.34,11.78 13.03,11.2C12.92,11 12.74,10.81 12.53,10.7V7H13V6H18V20H17V22H22V20H21V6M5,15.29V16.71L4,17.71V16.29L5,15.29M4,20V19.24L5,18.24V19.66L4.66,20H4M4,7.29L5,6.29V7.71L4,8.71V7.29M4,10.29L5,9.29V10.71L4,11.71V10.29M4,13.29L5,12.29V13.71L4,14.71V13.24L4,13.29M20,15.29V16.71L19,17.71V16.29L20,15.29M19,20V19.24L20,18.24V19.66L19.66,20H19M19,7.29L20,6.29V7.71L19,8.71V7.29M19,10.29L20,9.29V10.71L19,11.71V10.29M19,13.29L20,12.29V13.71L19,14.71V13.24L19,13.29Z" /></svg><svg id="garage" viewBox="0 0 24 24"><path d="M19,20H17V11H7V20H5V9L12,5L19,9V20M8,12H16V14H8V12M8,15H16V17H8V15M16,18V20H8V18H16Z" /></svg><svg id="garage-alert" viewBox="0 0 24 24"><path d="M17,20H15V11H5V20H3V9L10,5L17,9V20M6,12H14V14H6V12M6,15H14V17H6V15M19,15V10H21V15H19M19,19V17H21V19H19Z" /></svg><svg id="garage-open" viewBox="0 0 24 24"><path d="M19,20H17V11H7V20H5V9L12,5L19,9V20M8,12H16V14H8V12Z" /></svg><svg id="gas-cylinder" viewBox="0 0 24 24"><path d="M16,9V14L16,20A2,2 0 0,1 14,22H10A2,2 0 0,1 8,20V14L8,9C8,7.14 9.27,5.57 11,5.13V4H9V2H15V4H13V5.13C14.73,5.57 16,7.14 16,9Z" /></svg><svg id="gas-station" viewBox="0 0 24 24"><path d="M18,10A1,1 0 0,1 17,9A1,1 0 0,1 18,8A1,1 0 0,1 19,9A1,1 0 0,1 18,10M12,10H6V5H12M19.77,7.23L19.78,7.22L16.06,3.5L15,4.56L17.11,6.67C16.17,7 15.5,7.93 15.5,9A2.5,2.5 0 0,0 18,11.5C18.36,11.5 18.69,11.42 19,11.29V18.5A1,1 0 0,1 18,19.5A1,1 0 0,1 17,18.5V14C17,12.89 16.1,12 15,12H14V5C14,3.89 13.1,3 12,3H6C4.89,3 4,3.89 4,5V21H14V13.5H15.5V18.5A2.5,2.5 0 0,0 18,21A2.5,2.5 0 0,0 20.5,18.5V9C20.5,8.31 20.22,7.68 19.77,7.23Z" /></svg><svg id="gas-station-outline" viewBox="0 0 24 24"><path d="M19.77,7.23L19.78,7.22L16.06,3.5L15,4.56L17.11,6.67C16.17,7.03 15.5,7.93 15.5,9A2.5,2.5 0 0,0 18,11.5C18.36,11.5 18.69,11.42 19,11.29V18.5A1,1 0 0,1 18,19.5A1,1 0 0,1 17,18.5V14A2,2 0 0,0 15,12H14V5A2,2 0 0,0 12,3H6A2,2 0 0,0 4,5V21H14V13.5H15.5V18.5A2.5,2.5 0 0,0 18,21A2.5,2.5 0 0,0 20.5,18.5V9C20.5,8.31 20.22,7.68 19.77,7.23M12,13.5V19H6V12H12V13.5M12,10H6V5H12V10M18,10A1,1 0 0,1 17,9A1,1 0 0,1 18,8A1,1 0 0,1 19,9A1,1 0 0,1 18,10Z" /></svg><svg id="gate" viewBox="0 0 24 24"><path d="M9,5V10H7V6H5V10H3V8H1V20H3V18H5V20H7V18H9V20H11V18H13V20H15V18H17V20H19V18H21V20H23V8H21V10H19V6H17V10H15V5H13V10H11V5H9M3,12H5V16H3V12M7,12H9V16H7V12M11,12H13V16H11V12M15,12H17V16H15V12M19,12H21V16H19V12Z" /></svg><svg id="gate-and" viewBox="0 0 24 24"><path d="M2,4V20H14A8,8 0 0,0 22,12A8,8 0 0,0 14,4H2M4,6H14A6,6 0 0,1 20,12A6,6 0 0,1 14,18H4V6Z" /></svg><svg id="gate-nand" viewBox="0 0 24 24"><path d="M2,4V20H10C13.43,20 16.5,17.84 17.6,14.6C18,14.8 18.5,15 19,15A3,3 0 0,0 22,12A3,3 0 0,0 19,9C18.5,9 18.03,9.15 17.6,9.4C16.5,6.16 13.43,4 10,4H2M4,6H10A6,6 0 0,1 16,12A6,6 0 0,1 10,18H4V6M19,11C19.5,11 20,11.5 20,12C20,12.5 19.5,13 19,13A1,1 0 0,1 18,12C18,11.5 18.5,11 19,11Z" /></svg><svg id="gate-nor" viewBox="0 0 24 24"><path d="M2,4C5,10 5,14 2,20H5C9.4,20 13,17.7 16.6,13.7C17.15,14.5 18.04,15 19,15A3,3 0 0,0 22,12A3,3 0 0,0 19,9C18.04,9 17.15,9.5 16.6,10.3C13,6.3 9.4,4 5,4H2M5,6C8.8,6 12,8.1 15.3,12C12,15.9 8.8,18 5,18C6.5,14 6.5,10 5,6M19,11C19.5,11 20,11.5 20,12C20,12.5 19.5,13 19,13A1,1 0 0,1 18,12C18,11.5 18.5,11 19,11Z" /></svg><svg id="gate-not" viewBox="0 0 24 24"><path d="M2,4V20L16.2,13C16.62,14.19 17.74,15 19,15A3,3 0 0,0 22,12A3,3 0 0,0 19,9C17.74,9 16.62,9.81 16.2,11L2,4M4,7.3L13.7,12L4,16.7V7.3M19,11C19.5,11 20,11.5 20,12C20,12.5 19.5,13 19,13A1,1 0 0,1 18,12C18,11.5 18.5,11 19,11Z" /></svg><svg id="gate-or" viewBox="0 0 24 24"><path d="M2,4C5,10 5,14 2,20H8C13,20 19,16 22,12C19,8 13,4 8,4H2M5,6H8C11.5,6 16.3,9 19.3,12C16.3,15 11.5,18 8,18H5C6.4,13.9 6.4,10.1 5,6Z" /></svg><svg id="gate-xnor" viewBox="0 0 24 24"><path d="M2,4C5,10 5,14 2,20H4C7,14 7,10 4.1,4H2M6,4C9,10 9,14 6,20H9C12.2,20 14.8,16.8 16.7,14C17.28,14.65 18.12,15 19,15A3,3 0 0,0 22,12A3,3 0 0,0 19,9C18.12,9 17.28,9.35 16.7,10C14.7,7.2 12.2,4 9,4H6M9,6C12,6 14,10 15.5,12C14,14 12,18 9,18C10.6,14 10.6,10 9,6M19,11C19.5,11 20,11.5 20,12C20,12.5 19.5,13 19,13A1,1 0 0,1 18,12C18,11.5 18.5,11 19,11Z" /></svg><svg id="gate-xor" viewBox="0 0 24 24"><path d="M2,4C5,10 5,14 2,20H4C7,14 7,10 4.1,4H2M6,4C9,10 9,14 6,20H9C14,20 18,17 22,12C18,7 14,4 9,4H6M9,6C12.8,6 16,8.1 19.3,12C15.9,15.9 12.8,18 9,18C10.5,14 10.5,10 9,6Z" /></svg><svg id="gatsby" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4C8.27,4 5.14,6.55 4.25,10L14,19.75C17.45,18.86 20,15.73 20,12H14.75V13.5H18.2C17.71,15.54 16.24,17.19 14.31,17.94L6.06,9.69C7,7.31 9.3,5.63 12,5.63C14.13,5.63 16,6.67 17.18,8.28L18.41,7.22C16.95,5.26 14.63,4 12,4M4,12A8,8 0 0,0 12,20C12.04,20 12.09,20 4,12Z" /></svg><svg id="gauge" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12C20,14.4 19,16.5 17.3,18C15.9,16.7 14,16 12,16C10,16 8.2,16.7 6.7,18C5,16.5 4,14.4 4,12A8,8 0 0,1 12,4M14,5.89C13.62,5.9 13.26,6.15 13.1,6.54L11.81,9.77L11.71,10C11,10.13 10.41,10.6 10.14,11.26C9.73,12.29 10.23,13.45 11.26,13.86C12.29,14.27 13.45,13.77 13.86,12.74C14.12,12.08 14,11.32 13.57,10.76L13.67,10.5L14.96,7.29L14.97,7.26C15.17,6.75 14.92,6.17 14.41,5.96C14.28,5.91 14.15,5.89 14,5.89M10,6A1,1 0 0,0 9,7A1,1 0 0,0 10,8A1,1 0 0,0 11,7A1,1 0 0,0 10,6M7,9A1,1 0 0,0 6,10A1,1 0 0,0 7,11A1,1 0 0,0 8,10A1,1 0 0,0 7,9M17,9A1,1 0 0,0 16,10A1,1 0 0,0 17,11A1,1 0 0,0 18,10A1,1 0 0,0 17,9Z" /></svg><svg id="gauge-empty" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,14.4 5,16.5 6.7,18C8.1,16.7 10,16 12,16C14,16 15.8,16.7 17.3,18C19,16.5 20,14.4 20,12A8,8 0 0,0 12,4M14,6A1,1 0 0,1 15,7A1,1 0 0,1 14,8A1,1 0 0,1 13,7A1,1 0 0,1 14,6M10,6A1,1 0 0,1 11,7A1,1 0 0,1 10,8A1,1 0 0,1 9,7A1,1 0 0,1 10,6M6.91,8.94C7.04,8.94 7.16,8.97 7.3,9L10.5,10.32L10.77,10.43C11.33,10 12.09,9.88 12.75,10.15C13.77,10.56 14.27,11.73 13.85,12.75C13.44,13.77 12.27,14.27 11.25,13.85C10.59,13.59 10.12,13 10,12.28L9.77,12.18L6.55,10.88L6.53,10.87C6,10.66 5.77,10.08 5.97,9.56C6.13,9.18 6.5,8.93 6.91,8.94V8.94M17,9A1,1 0 0,1 18,10A1,1 0 0,1 17,11A1,1 0 0,1 16,10A1,1 0 0,1 17,9Z" /></svg><svg id="gauge-full" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12C20,14.4 19,16.5 17.3,18C15.9,16.7 14,16 12,16C10,16 8.2,16.7 6.7,18C5,16.5 4,14.4 4,12A8,8 0 0,1 12,4M10,6A1,1 0 0,0 9,7A1,1 0 0,0 10,8A1,1 0 0,0 11,7A1,1 0 0,0 10,6M14,6A1,1 0 0,0 13,7A1,1 0 0,0 14,8A1,1 0 0,0 15,7A1,1 0 0,0 14,6M17.09,8.94C16.96,8.94 16.84,8.97 16.7,9L13.5,10.32L13.23,10.43C12.67,10 11.91,9.88 11.25,10.15C10.23,10.56 9.73,11.73 10.15,12.75C10.56,13.77 11.73,14.27 12.75,13.85C13.41,13.59 13.88,13 14,12.28L14.23,12.18L17.45,10.88L17.47,10.87C18,10.66 18.23,10.08 18.03,9.56C17.87,9.18 17.5,8.93 17.09,8.94M7,9A1,1 0 0,0 6,10A1,1 0 0,0 7,11A1,1 0 0,0 8,10A1,1 0 0,0 7,9Z" /></svg><svg id="gauge-low" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,14.4 5,16.5 6.7,18C8.1,16.7 10,16 12,16C14,16 15.8,16.7 17.3,18C19,16.5 20,14.4 20,12A8,8 0 0,0 12,4M10,5.89C10.38,5.9 10.74,6.15 10.9,6.54L12.19,9.77L12.29,10C13,10.13 13.59,10.6 13.86,11.26C14.27,12.29 13.77,13.45 12.74,13.86C11.71,14.27 10.55,13.77 10.14,12.74C9.88,12.08 10,11.32 10.43,10.76L10.33,10.5L9.04,7.29L9.03,7.26C8.83,6.75 9.08,6.17 9.59,5.96C9.72,5.91 9.85,5.89 10,5.89V5.89M14,6A1,1 0 0,1 15,7A1,1 0 0,1 14,8A1,1 0 0,1 13,7A1,1 0 0,1 14,6M17,9A1,1 0 0,1 18,10A1,1 0 0,1 17,11A1,1 0 0,1 16,10A1,1 0 0,1 17,9M7,9A1,1 0 0,1 8,10A1,1 0 0,1 7,11A1,1 0 0,1 6,10A1,1 0 0,1 7,9Z" /></svg><svg id="gavel" viewBox="0 0 24 24"><path d="M2.3,20.28L11.9,10.68L10.5,9.26L9.78,9.97C9.39,10.36 8.76,10.36 8.37,9.97L7.66,9.26C7.27,8.87 7.27,8.24 7.66,7.85L13.32,2.19C13.71,1.8 14.34,1.8 14.73,2.19L15.44,2.9C15.83,3.29 15.83,3.92 15.44,4.31L14.73,5L16.15,6.43C16.54,6.04 17.17,6.04 17.56,6.43C17.95,6.82 17.95,7.46 17.56,7.85L18.97,9.26L19.68,8.55C20.07,8.16 20.71,8.16 21.1,8.55L21.8,9.26C22.19,9.65 22.19,10.29 21.8,10.68L16.15,16.33C15.76,16.72 15.12,16.72 14.73,16.33L14.03,15.63C13.63,15.24 13.63,14.6 14.03,14.21L14.73,13.5L13.32,12.09L3.71,21.7C3.32,22.09 2.69,22.09 2.3,21.7C1.91,21.31 1.91,20.67 2.3,20.28M20,19A2,2 0 0,1 22,21V22H12V21A2,2 0 0,1 14,19H20Z" /></svg><svg id="gender-female" viewBox="0 0 24 24"><path d="M12,4A6,6 0 0,1 18,10C18,12.97 15.84,15.44 13,15.92V18H15V20H13V22H11V20H9V18H11V15.92C8.16,15.44 6,12.97 6,10A6,6 0 0,1 12,4M12,6A4,4 0 0,0 8,10A4,4 0 0,0 12,14A4,4 0 0,0 16,10A4,4 0 0,0 12,6Z" /></svg><svg id="gender-male" viewBox="0 0 24 24"><path d="M9,9C10.29,9 11.5,9.41 12.47,10.11L17.58,5H13V3H21V11H19V6.41L13.89,11.5C14.59,12.5 15,13.7 15,15A6,6 0 0,1 9,21A6,6 0 0,1 3,15A6,6 0 0,1 9,9M9,11A4,4 0 0,0 5,15A4,4 0 0,0 9,19A4,4 0 0,0 13,15A4,4 0 0,0 9,11Z" /></svg><svg id="gender-male-female" viewBox="0 0 24 24"><path d="M17.58,4H14V2H21V9H19V5.41L15.17,9.24C15.69,10.03 16,11 16,12C16,14.42 14.28,16.44 12,16.9V19H14V21H12V23H10V21H8V19H10V16.9C7.72,16.44 6,14.42 6,12A5,5 0 0,1 11,7C12,7 12.96,7.3 13.75,7.83L17.58,4M11,9A3,3 0 0,0 8,12A3,3 0 0,0 11,15A3,3 0 0,0 14,12A3,3 0 0,0 11,9Z" /></svg><svg id="gender-transgender" viewBox="0 0 24 24"><path d="M19.58,3H15V1H23V9H21V4.41L16.17,9.24C16.69,10.03 17,11 17,12C17,14.42 15.28,16.44 13,16.9V19H15V21H13V23H11V21H9V19H11V16.9C8.72,16.44 7,14.42 7,12C7,11 7.3,10.04 7.82,9.26L6.64,8.07L5.24,9.46L3.83,8.04L5.23,6.65L3,4.42V8H1V1H8V3H4.41L6.64,5.24L8.08,3.81L9.5,5.23L8.06,6.66L9.23,7.84C10,7.31 11,7 12,7C13,7 13.96,7.3 14.75,7.83L19.58,3M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg><svg id="gentoo" viewBox="0 0 24 24"><path d="M10.28,2C9.93,2 9.57,2.03 9.23,2.1C5.61,2.76 3.06,5.89 2.85,7.96C2.74,8.97 3.29,9.73 3.59,10.06C4.4,10.97 6.03,11.66 7.07,12.23C5.56,13.5 4.87,14.14 4.19,14.86C3.17,15.93 2.45,17.1 2.45,17.95C2.45,18.22 2.4,19.09 2.76,19.77C2.89,20.03 3.27,20.89 4.41,21.53C5.14,21.94 6.17,22.09 7.19,21.95C10.33,21.5 14.54,18.83 17.55,16.35C19.46,14.77 20.86,13.23 21.26,12.5C21.59,11.87 21.63,10.78 21.44,10.09C20.9,8.14 16.53,4.15 12.96,2.55C12.14,2.18 11.2,2 10.28,2M11.34,4.91C11.59,4.91 11.81,4.94 12,5C13.15,5.3 15.08,6.68 14.91,7.94C14.68,9.6 13.23,10.27 11.56,10.03C10.58,9.9 8.63,8.8 8.78,6.89C8.89,5.4 10.3,4.9 11.34,4.91M11.32,6.65C11.05,6.65 10.84,6.71 10.74,6.87C10.27,7.59 10.5,8.09 10.92,8.42C11.07,8.04 12.71,8.45 12.75,8.79C14.17,7.72 12.36,6.66 11.32,6.65Z" /></svg><svg id="gesture" viewBox="0 0 24 24"><path d="M4.59,6.89C5.29,6.18 6,5.54 6.3,5.67C6.8,5.87 6.3,6.7 6,7.19C5.75,7.61 3.14,11.08 3.14,13.5C3.14,14.78 3.62,15.84 4.5,16.5C5.23,17.04 6.22,17.21 7.12,16.94C8.19,16.63 9.07,15.54 10.18,14.17C11.39,12.68 13,10.73 14.26,10.73C15.89,10.73 15.91,11.74 16,12.5C12.24,13.16 10.64,16.19 10.64,17.89C10.64,19.59 12.08,21 13.85,21C15.5,21 18.14,19.65 18.54,14.88H21V12.38H18.53C18.38,10.73 17.44,8.18 14.5,8.18C12.25,8.18 10.32,10.09 9.56,11C9,11.75 7.5,13.5 7.27,13.74C7,14.04 6.59,14.58 6.16,14.58C5.71,14.58 5.44,13.75 5.8,12.66C6.15,11.57 7.2,9.8 7.65,9.14C8.43,8 8.95,7.22 8.95,5.86C8.95,3.69 7.31,3 6.44,3C5.12,3 3.97,4 3.72,4.25C3.36,4.61 3.06,4.91 2.84,5.18L4.59,6.89M13.88,18.55C13.57,18.55 13.14,18.29 13.14,17.83C13.14,17.23 13.87,15.63 16,15.07C15.71,17.76 14.58,18.55 13.88,18.55Z" /></svg><svg id="gesture-double-tap" viewBox="0 0 24 24"><path d="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M11,5A4,4 0 0,1 15,9C15,10.5 14.2,11.77 13,12.46V11.24C13.61,10.69 14,9.89 14,9A3,3 0 0,0 11,6A3,3 0 0,0 8,9C8,9.89 8.39,10.69 9,11.24V12.46C7.8,11.77 7,10.5 7,9A4,4 0 0,1 11,5M11,3A6,6 0 0,1 17,9C17,10.7 16.29,12.23 15.16,13.33L14.16,12.88C15.28,11.96 16,10.56 16,9A5,5 0 0,0 11,4A5,5 0 0,0 6,9C6,11.05 7.23,12.81 9,13.58V14.66C6.67,13.83 5,11.61 5,9A6,6 0 0,1 11,3Z" /></svg><svg id="gesture-pinch" viewBox="0 0 24 24"><path d="M13,9A1,1 0 0,1 14,8A1,1 0 0,1 15,9V13.47L16.21,13.6L21.15,15.8C21.67,16.04 22,16.56 22,17.14V21.5C21.97,22.32 21.32,22.97 20.5,23H14C13.62,23 13.26,22.85 13,22.57L8.1,18.37L8.84,17.6C9.03,17.39 9.3,17.28 9.58,17.28H9.8L13,19V9M14,5C15.42,5 16.74,5.76 17.45,7C18.56,8.9 17.91,11.35 16,12.46V11.23C16.64,10.67 17,9.85 17,9A3,3 0 0,0 14,6A3,3 0 0,0 11,9C11,9.85 11.36,10.67 12,11.23V12.46C10.77,11.75 10,10.43 10,9A4,4 0 0,1 14,5M4,9L7,12H5V15H3V12H1L4,9M4,7L1,4H3V1H5V4H7L4,7M9,14C9.73,14 10.41,14.19 11,14.54V15.76C10.47,15.29 9.77,15 9,15A3,3 0 0,0 6,18C6,19 6.5,19.87 7.22,20.42L9.31,22H9A4,4 0 0,1 5,18A4,4 0 0,1 9,14Z" /></svg><svg id="gesture-spread" viewBox="0 0 24 24"><path d="M4,1L7,4H5V7H3V4H1L4,1M4,15L1,12H3V9H5V12H7L4,15M13,9A1,1 0 0,1 14,8A1,1 0 0,1 15,9V13.47L16.21,13.6L21.15,15.8C21.67,16.04 22,16.56 22,17.14V21.5C21.97,22.32 21.32,22.97 20.5,23H14C13.62,23 13.26,22.85 13,22.57L8.1,18.37L8.84,17.6C9.03,17.39 9.3,17.28 9.58,17.28H9.8L13,19V9M14,5C15.42,5 16.74,5.76 17.45,7C18.56,8.9 17.91,11.35 16,12.46V11.23C16.64,10.67 17,9.85 17,9A3,3 0 0,0 14,6A3,3 0 0,0 11,9C11,9.85 11.36,10.67 12,11.23V12.46C10.77,11.75 10,10.43 10,9A4,4 0 0,1 14,5M9,14C9.73,14 10.41,14.19 11,14.54V15.76C10.47,15.29 9.77,15 9,15A3,3 0 0,0 6,18C6,19 6.5,19.87 7.22,20.42L9.31,22H9A4,4 0 0,1 5,18A4,4 0 0,1 9,14Z" /></svg><svg id="gesture-swipe" viewBox="0 0 24 24"><path d="M20.11,3.89L22,2V7H17L19.08,4.92C18.55,4.23 17.64,3.66 16.36,3.19C15.08,2.72 13.63,2.5 12,2.5C10.38,2.5 8.92,2.72 7.64,3.19C6.36,3.66 5.45,4.23 4.92,4.92L7,7H2V2L3.89,3.89C4.64,3 5.74,2.31 7.2,1.78C8.65,1.25 10.25,1 12,1C13.75,1 15.35,1.25 16.8,1.78C18.26,2.31 19.36,3 20.11,3.89M19.73,16.27V16.45L19,21.7C18.92,22.08 18.76,22.39 18.5,22.64C18.23,22.89 17.91,23 17.53,23H10.73C10.36,23 10,22.86 9.7,22.55L4.73,17.63L5.53,16.83C5.75,16.61 6,16.5 6.33,16.5H6.56L10,17.25V6.5C10,6.11 10.13,5.76 10.43,5.46C10.73,5.16 11.08,5 11.5,5C11.89,5 12.24,5.16 12.54,5.46C12.84,5.76 13,6.11 13,6.5V12.5H13.78C13.88,12.5 14.05,12.55 14.3,12.61L18.84,14.86C19.44,15.14 19.73,15.61 19.73,16.27Z" /></svg><svg id="gesture-swipe-down" viewBox="0 0 24 24"><path d="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M1,9L4,12L7,9H5V3H3V9H1Z" /></svg><svg id="gesture-swipe-horizontal" viewBox="0 0 24 24"><path d="M6,1L3,4L6,7V5H9V7L12,4L9,1V3H6V1M11,8A1,1 0 0,0 10,9V19L6.8,17.28H6.58C6.3,17.28 6.03,17.39 5.84,17.6L5.1,18.37L10,22.57C10.26,22.85 10.62,23 11,23H17.5A1.5,1.5 0 0,0 19,21.5V17.14C19,16.56 18.68,16.03 18.15,15.79L13.21,13.6L12,13.47V9A1,1 0 0,0 11,8Z" /></svg><svg id="gesture-swipe-left" viewBox="0 0 24 24"><path d="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M3,4L6,7V5H12V3H6V1L3,4Z" /></svg><svg id="gesture-swipe-right" viewBox="0 0 24 24"><path d="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M12,4L9,1V3H3V5H9V7L12,4Z" /></svg><svg id="gesture-swipe-up" viewBox="0 0 24 24"><path d="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M7,6L4,3L1,6H3V12H5V6H7Z" /></svg><svg id="gesture-swipe-vertical" viewBox="0 0 24 24"><path d="M4,3L1,6H3V9H1L4,12L7,9H5V6H7L4,3M11,8A1,1 0 0,0 10,9V19L6.8,17.28H6.58C6.3,17.28 6.03,17.39 5.84,17.6L5.1,18.37L10,22.57C10.26,22.85 10.62,23 11,23H17.5A1.5,1.5 0 0,0 19,21.5V17.14C19,16.56 18.68,16.03 18.15,15.79L13.21,13.6L12,13.47V9A1,1 0 0,0 11,8Z" /></svg><svg id="gesture-tap" viewBox="0 0 24 24"><path d="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M11,5A4,4 0 0,1 15,9C15,10.5 14.2,11.77 13,12.46V11.24C13.61,10.69 14,9.89 14,9A3,3 0 0,0 11,6A3,3 0 0,0 8,9C8,9.89 8.39,10.69 9,11.24V12.46C7.8,11.77 7,10.5 7,9A4,4 0 0,1 11,5Z" /></svg><svg id="gesture-tap-hold" viewBox="0 0 24 24"><path d="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M9,12.44V9A2,2 0 0,1 11,7A2,2 0 0,1 13,9V12.44C14.19,11.75 15,10.47 15,9A4,4 0 0,0 11,5A4,4 0 0,0 7,9C7,10.47 7.81,11.75 9,12.44Z" /></svg><svg id="gesture-two-double-tap" viewBox="0 0 24 24"><path d="M19,15.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V7A1,1 0 0,1 13,6A1,1 0 0,1 14,7V12L18.15,13.84C18.66,14.07 19,14.58 19,15.14M13,3A4,4 0 0,1 17,7C17,8.5 16.2,9.77 15,10.46V9.24C15.61,8.69 16,7.89 16,7A3,3 0 0,0 13,4C11.65,4 10.5,4.9 10.13,6.13C8.9,6.5 8,7.65 8,9C8,9.89 8.39,10.69 9,11.24V12.46C7.8,11.77 7,10.5 7,9C7,7.38 7.97,6 9.35,5.35C10,3.97 11.38,3 13,3M13,1A6,6 0 0,1 19,7C19,9.06 17.96,10.88 16.38,11.96L15.26,11.46C16.89,10.64 18,8.95 18,7A5,5 0 0,0 13,2C11.11,2 9.46,3.05 8.61,4.61C7.05,5.46 6,7.11 6,9C6,11.05 7.23,12.81 9,13.58V14.66C6.67,13.83 5,11.61 5,9C5,6.83 6.15,4.93 7.88,3.88C8.93,2.15 10.83,1 13,1Z" /></svg><svg id="gesture-two-tap" viewBox="0 0 24 24"><path d="M19,15.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V7A1,1 0 0,1 13,6A1,1 0 0,1 14,7V12L18.15,13.84C18.66,14.07 19,14.58 19,15.14M15,10.45V9.24L15,9.23C15.23,9.03 15.42,8.79 15.57,8.54C15.84,8.09 16,7.56 16,7A3,3 0 0,0 13,4C12.21,4 11.5,4.31 10.95,4.81L10.81,4.95C10.68,5.09 10.56,5.24 10.46,5.4C10.36,5.56 10.27,5.74 10.2,5.92C10.17,6 10.15,6.06 10.13,6.13C8.9,6.5 8,7.65 8,9C8,9.7 8.24,10.34 8.64,10.85C8.74,11 8.87,11.11 9,11.23V11.24L9,12.46V12.46C7.8,11.77 7,10.5 7,9C7,7.38 7.97,6 9.35,5.35C10,3.97 11.38,3 13,3A4,4 0 0,1 17,7C17,8.5 16.2,9.77 15,10.46V10.45Z" /></svg><svg id="ghost" viewBox="0 0 24 24"><path d="M12,2A9,9 0 0,0 3,11V22L6,19L9,22L12,19L15,22L18,19L21,22V11A9,9 0 0,0 12,2M9,8A2,2 0 0,1 11,10A2,2 0 0,1 9,12A2,2 0 0,1 7,10A2,2 0 0,1 9,8M15,8A2,2 0 0,1 17,10A2,2 0 0,1 15,12A2,2 0 0,1 13,10A2,2 0 0,1 15,8Z" /></svg><svg id="ghost-off" viewBox="0 0 24 24"><path d="M2,3.27L3.28,2L22,20.72L20.73,22L17.87,19.13L15,22L12,19L9,22L6,19L3,22V11C3,9.09 3.59,7.33 4.6,5.87L2,3.27M12,2A9,9 0 0,1 21,11V17.18L15.7,11.88C16.46,11.59 17,10.86 17,10A2,2 0 0,0 15,8C14.14,8 13.41,8.54 13.13,9.3L7.2,3.38C8.59,2.5 10.24,2 12,2M7,10A2,2 0 0,0 9,12C9.5,12 9.93,11.83 10.27,11.54L7.46,8.73C7.17,9.07 7,9.5 7,10Z" /></svg><svg id="gif" viewBox="0 0 24 24"><path d="M11,8H13V16H11V8M7.67,8H4.33C3.53,8 3,8.67 3,9.33V14.67C3,15.33 3.53,16 4.33,16H7.67C8.47,16 9,15.33 9,14.67V12H7V14H5V10H9V9.33C9,8.67 8.47,8 7.67,8M21,10V8H15V16H17V14H19.5V12H17V10H21Z" /></svg><svg id="gift" viewBox="0 0 24 24"><path d="M9.06,1.93C7.17,1.92 5.33,3.74 6.17,6H3A2,2 0 0,0 1,8V10A1,1 0 0,0 2,11H11V8H13V11H22A1,1 0 0,0 23,10V8A2,2 0 0,0 21,6H17.83C19,2.73 14.6,0.42 12.57,3.24L12,4L11.43,3.22C10.8,2.33 9.93,1.94 9.06,1.93M9,4C9.89,4 10.34,5.08 9.71,5.71C9.08,6.34 8,5.89 8,5A1,1 0 0,1 9,4M15,4C15.89,4 16.34,5.08 15.71,5.71C15.08,6.34 14,5.89 14,5A1,1 0 0,1 15,4M2,12V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V12H13V20H11V12H2Z" /></svg><svg id="gift-outline" viewBox="0 0 24 24"><path d="M22,12V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V12A1,1 0 0,1 1,11V8A2,2 0 0,1 3,6H6.17C6.06,5.69 6,5.35 6,5A3,3 0 0,1 9,2C10,2 10.88,2.5 11.43,3.24V3.23L12,4L12.57,3.23V3.24C13.12,2.5 14,2 15,2A3,3 0 0,1 18,5C18,5.35 17.94,5.69 17.83,6H21A2,2 0 0,1 23,8V11A1,1 0 0,1 22,12M4,20H11V12H4V20M20,20V12H13V20H20M9,4A1,1 0 0,0 8,5A1,1 0 0,0 9,6A1,1 0 0,0 10,5A1,1 0 0,0 9,4M15,4A1,1 0 0,0 14,5A1,1 0 0,0 15,6A1,1 0 0,0 16,5A1,1 0 0,0 15,4M3,8V10H11V8H3M13,8V10H21V8H13Z" /></svg><svg id="git" viewBox="0 0 24 24"><path d="M2.6,10.59L8.38,4.8L10.07,6.5C9.83,7.35 10.22,8.28 11,8.73V14.27C10.4,14.61 10,15.26 10,16A2,2 0 0,0 12,18A2,2 0 0,0 14,16C14,15.26 13.6,14.61 13,14.27V9.41L15.07,11.5C15,11.65 15,11.82 15,12A2,2 0 0,0 17,14A2,2 0 0,0 19,12A2,2 0 0,0 17,10C16.82,10 16.65,10 16.5,10.07L13.93,7.5C14.19,6.57 13.71,5.55 12.78,5.16C12.35,5 11.9,4.96 11.5,5.07L9.8,3.38L10.59,2.6C11.37,1.81 12.63,1.81 13.41,2.6L21.4,10.59C22.19,11.37 22.19,12.63 21.4,13.41L13.41,21.4C12.63,22.19 11.37,22.19 10.59,21.4L2.6,13.41C1.81,12.63 1.81,11.37 2.6,10.59Z" /></svg><svg id="github-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H14.56C14.24,20.93 14.23,20.32 14.23,20.11L14.24,17.64C14.24,16.8 13.95,16.25 13.63,15.97C15.64,15.75 17.74,15 17.74,11.53C17.74,10.55 17.39,9.74 16.82,9.11C16.91,8.89 17.22,7.97 16.73,6.73C16.73,6.73 15.97,6.5 14.25,7.66C13.53,7.46 12.77,7.36 12,7.35C11.24,7.36 10.46,7.46 9.75,7.66C8.03,6.5 7.27,6.73 7.27,6.73C6.78,7.97 7.09,8.89 7.18,9.11C6.61,9.74 6.26,10.55 6.26,11.53C6.26,15 8.36,15.75 10.36,16C10.1,16.2 9.87,16.6 9.79,17.18C9.27,17.41 7.97,17.81 7.17,16.43C7.17,16.43 6.69,15.57 5.79,15.5C5.79,15.5 4.91,15.5 5.73,16.05C5.73,16.05 6.32,16.33 6.73,17.37C6.73,17.37 7.25,19.12 9.76,18.58L9.77,20.11C9.77,20.32 9.75,20.93 9.43,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="github-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="github-face" viewBox="0 0 24 24"><path d="M20.38,8.53C20.54,8.13 21.06,6.54 20.21,4.39C20.21,4.39 18.9,4 15.91,6C14.66,5.67 13.33,5.62 12,5.62C10.68,5.62 9.34,5.67 8.09,6C5.1,3.97 3.79,4.39 3.79,4.39C2.94,6.54 3.46,8.13 3.63,8.53C2.61,9.62 2,11 2,12.72C2,19.16 6.16,20.61 12,20.61C17.79,20.61 22,19.16 22,12.72C22,11 21.39,9.62 20.38,8.53M12,19.38C7.88,19.38 4.53,19.19 4.53,15.19C4.53,14.24 5,13.34 5.8,12.61C7.14,11.38 9.43,12.03 12,12.03C14.59,12.03 16.85,11.38 18.2,12.61C19,13.34 19.5,14.23 19.5,15.19C19.5,19.18 16.13,19.38 12,19.38M8.86,13.12C8.04,13.12 7.36,14.12 7.36,15.34C7.36,16.57 8.04,17.58 8.86,17.58C9.69,17.58 10.36,16.58 10.36,15.34C10.36,14.11 9.69,13.12 8.86,13.12M15.14,13.12C14.31,13.12 13.64,14.11 13.64,15.34C13.64,16.58 14.31,17.58 15.14,17.58C15.96,17.58 16.64,16.58 16.64,15.34C16.64,14.11 16,13.12 15.14,13.12Z" /></svg><svg id="gitlab" viewBox="0 0 24 24"><path d="M3.16,10L12,21.5L2.32,14.3C2.05,14.09 1.94,13.75 2.04,13.44L3.16,10M6.11,3.17C6,2.83 5.5,2.83 5.37,3.17L3.16,10H8.32L6.11,3.17M8.32,10L12,21.5L15.68,10H8.32M21.96,13.44L20.84,10L12,21.5L21.68,14.3C21.95,14.09 22.06,13.75 21.96,13.44M18.63,3.17C18.5,2.83 18,2.83 17.89,3.17L15.68,10H20.84L18.63,3.17Z" /></svg><svg id="glass-cocktail" viewBox="0 0 24 24"><path d="M7.5,7L5.5,5H18.5L16.5,7M11,13V19H6V21H18V19H13V13L21,5V3H3V5L11,13Z" /></svg><svg id="glass-flute" viewBox="0 0 24 24"><path d="M8,2H16C15.67,5 15.33,8 14.75,9.83C14.17,11.67 13.33,12.33 12.92,14.08C12.5,15.83 12.5,18.67 13.08,20C13.67,21.33 14.83,21.17 15.42,21.25C16,21.33 16,21.67 16,22H8C8,21.67 8,21.33 8.58,21.25C9.17,21.17 10.33,21.33 10.92,20C11.5,18.67 11.5,15.83 11.08,14.08C10.67,12.33 9.83,11.67 9.25,9.83C8.67,8 8.33,5 8,2M10,4C10.07,5.03 10.15,6.07 10.24,7H13.76C13.85,6.07 13.93,5.03 14,4H10Z" /></svg><svg id="glass-mug" viewBox="0 0 24 24"><path d="M10,4V7H18V4H10M8,2H20L21,2V3L20,4V20L21,21V22H20L8,22H7V21L8,20V18.6L4.2,16.83C3.5,16.5 3,15.82 3,15V8A2,2 0 0,1 5,6H8V4L7,3V2H8M5,15L8,16.39V8H5V15Z" /></svg><svg id="glass-stange" viewBox="0 0 24 24"><path d="M8,2H16V22H8V2M10,4V7H14V4H10Z" /></svg><svg id="glass-tulip" viewBox="0 0 24 24"><path d="M8,2H16C15.67,2.67 15.33,3.33 15.58,5C15.83,6.67 16.67,9.33 16.25,10.74C15.83,12.14 14.17,12.28 13.33,13.86C12.5,15.44 12.5,18.47 13.08,19.9C13.67,21.33 14.83,21.17 15.42,21.25C16,21.33 16,21.67 16,22H8C8,21.67 8,21.33 8.58,21.25C9.17,21.17 10.33,21.33 10.92,19.9C11.5,18.47 11.5,15.44 10.67,13.86C9.83,12.28 8.17,12.14 7.75,10.74C7.33,9.33 8.17,6.67 8.42,5C8.67,3.33 8.33,2.67 8,2M10,4C10,5.19 9.83,6.17 9.64,7H14.27C14.13,6.17 14,5.19 14,4H10Z" /></svg><svg id="glass-wine" viewBox="0 0 24 24"><path d="M15.5,21.27L14.66,21.18C13.9,21.11 13.25,20.6 13,19.87C12.47,17.91 12.47,15.83 13,13.87C15.32,13.4 17,11.37 17,9C17,7 15,2 15,2H9C9,2 7,7 7,9C7,11.38 8.67,13.42 11,13.9C11.53,15.86 11.53,17.94 11,19.9C10.76,20.62 10.12,21.13 9.37,21.21L8.5,21.3C8.5,21.3 8,21.28 8,22H16C16,21.28 15.5,21.27 15.5,21.27M9.44,7L10.44,4H13.56L14.56,7H9.44Z" /></svg><svg id="glassdoor" viewBox="0 0 24 24"><path d="M8,2A3,3 0 0,0 5,5V16.5H8V5H19A3,3 0 0,0 16,2H8M16,7.5V19H5A3,3 0 0,0 8,22H16A3,3 0 0,0 19,19V7.5H16Z" /></svg><svg id="glasses" viewBox="0 0 24 24"><path d="M3,10C2.76,10 2.55,10.09 2.41,10.25C2.27,10.4 2.21,10.62 2.24,10.86L2.74,13.85C2.82,14.5 3.4,15 4,15H7C7.64,15 8.36,14.44 8.5,13.82L9.56,10.63C9.6,10.5 9.57,10.31 9.5,10.19C9.39,10.07 9.22,10 9,10H3M7,17H4C2.38,17 0.96,15.74 0.76,14.14L0.26,11.15C0.15,10.3 0.39,9.5 0.91,8.92C1.43,8.34 2.19,8 3,8H9C9.83,8 10.58,8.35 11.06,8.96C11.17,9.11 11.27,9.27 11.35,9.45C11.78,9.36 12.22,9.36 12.64,9.45C12.72,9.27 12.82,9.11 12.94,8.96C13.41,8.35 14.16,8 15,8H21C21.81,8 22.57,8.34 23.09,8.92C23.6,9.5 23.84,10.3 23.74,11.11L23.23,14.18C23.04,15.74 21.61,17 20,17H17C15.44,17 13.92,15.81 13.54,14.3L12.64,11.59C12.26,11.31 11.73,11.31 11.35,11.59L10.43,14.37C10.07,15.82 8.56,17 7,17M15,10C14.78,10 14.61,10.07 14.5,10.19C14.42,10.31 14.4,10.5 14.45,10.7L15.46,13.75C15.64,14.44 16.36,15 17,15H20C20.59,15 21.18,14.5 21.25,13.89L21.76,10.82C21.79,10.62 21.73,10.4 21.59,10.25C21.45,10.09 21.24,10 21,10H15Z" /></svg><svg id="globe-model" viewBox="0 0 24 24"><path d="M17.36,2.64L15.95,4.06C17.26,5.37 18,7.14 18,9A7,7 0 0,1 11,16C9.15,16 7.37,15.26 6.06,13.95L4.64,15.36C6.08,16.8 7.97,17.71 10,17.93V20H6V22H16V20H12V17.94C16.55,17.43 20,13.58 20,9C20,6.62 19.05,4.33 17.36,2.64M11,3.5A5.5,5.5 0 0,0 5.5,9A5.5,5.5 0 0,0 11,14.5A5.5,5.5 0 0,0 16.5,9A5.5,5.5 0 0,0 11,3.5M11,5.5C12.94,5.5 14.5,7.07 14.5,9A3.5,3.5 0 0,1 11,12.5A3.5,3.5 0 0,1 7.5,9A3.5,3.5 0 0,1 11,5.5Z" /></svg><svg id="gmail" viewBox="0 0 24 24"><path d="M20,18H18V9.25L12,13L6,9.25V18H4V6H5.2L12,10.25L18.8,6H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" /></svg><svg id="gnome" viewBox="0 0 24 24"><path d="M18.42,2C14.26,2 13.5,7.93 15.82,7.93C18.16,7.93 22.58,2 18.42,2M12,2.73C11.92,2.73 11.85,2.73 11.78,2.74C9.44,3.04 10.26,7.12 11.5,7.19C12.72,7.27 14.04,2.73 12,2.73M7.93,4.34C7.81,4.34 7.67,4.37 7.53,4.43C5.65,5.21 7.24,8.41 8.3,8.2C9.27,8 9.39,4.3 7.93,4.34M4.93,6.85C4.77,6.84 4.59,6.9 4.41,7.03C2.9,8.07 4.91,10.58 5.8,10.19C6.57,9.85 6.08,6.89 4.93,6.85M13.29,8.77C10.1,8.8 6.03,10.42 5.32,13.59C4.53,17.11 8.56,22 12.76,22C14.83,22 17.21,20.13 17.66,17.77C18,15.97 13.65,16.69 13.81,17.88C14,19.31 12.76,20 11.55,19.1C7.69,16.16 17.93,14.7 17.25,10.69C17.03,9.39 15.34,8.76 13.29,8.77Z" /></svg><svg id="go-kart" viewBox="0 0 24 24"><path d="M18,10H15.53L14.38,8.28L15.8,7.33L14.7,5.67L10.2,8.67L11.3,10.33L12.73,9.38L13.88,11.12L13,12H10.2L5.83,5.45L4.17,6.55L5.87,9.11C3.04,9.65 1,12.12 1,15V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V15A5,5 0 0,0 18,10M6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5M18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5Z" /></svg><svg id="go-kart-track" viewBox="0 0 24 24"><path d="M22,5.5A3.5,3.5 0 0,0 18.5,2A3.5,3.5 0 0,0 15,5.5V6A3,3 0 0,1 12,9C10,9 9,6 6,6A4,4 0 0,0 2,10V11H4V10A2,2 0 0,1 6,8C6.86,8 7.42,8.45 8.32,9.24C9.28,10.27 10.6,10.9 12,11A5,5 0 0,0 17,6V5.5A1.5,1.5 0 0,1 18.5,4A1.5,1.5 0 0,1 20,5.5C19.86,6.35 19.58,7.18 19.17,7.94C18.5,9.2 18.11,10.58 18,12C18.09,13.37 18.5,14.71 19.21,15.89C19.6,16.54 19.87,17.25 20,18A2,2 0 0,1 18,20A2,2 0 0,1 16,18A3.75,3.75 0 0,0 12.25,14.25A3.75,3.75 0 0,0 8.5,18V18.5A1.5,1.5 0 0,1 7,20A3,3 0 0,1 4,17V15H6V13H0V15H2V17A5,5 0 0,0 7,22A3.5,3.5 0 0,0 10.5,18.5V18A1.75,1.75 0 0,1 12.25,16.25A1.75,1.75 0 0,1 14,18A4,4 0 0,0 18,22A4,4 0 0,0 22,18C22,16 20,14 20,12C20,10 22,7.5 22,5.5Z" /></svg><svg id="gog" viewBox="0 0 24 24"><path d="M4,3H20A2,2 0 0,1 22,5V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V5A2,2 0 0,1 4,3M10.46,5.54C9.95,5.54 9.54,5.95 9.54,6.46V9.54A0.92,0.92 0 0,0 10.46,10.46H13.54A0.92,0.92 0 0,0 14.46,9.54V6.46C14.46,5.95 14.05,5.54 13.54,5.54H10.46M11.08,6.77H12.92A0.31,0.31 0 0,1 13.23,7.08V8.92A0.31,0.31 0 0,1 12.92,9.23H11.08A0.31,0.31 0 0,1 10.77,8.92V7.08A0.31,0.31 0 0,1 11.08,6.77M4.92,5.54A0.92,0.92 0 0,0 4,6.46V9.54C4,10.05 4.41,10.46 4.92,10.46H7.08V9.23H5.54C5.37,9.23 5.23,9.09 5.23,8.92V7.08C5.23,6.91 5.37,6.77 5.54,6.77H7.38A0.31,0.31 0 0,1 7.69,7.08V10.77A0.31,0.31 0 0,1 7.38,11.08H4V12.31H8C8.5,12.31 8.92,11.89 8.92,11.38V6.46A0.92,0.92 0 0,0 8,5.54H4.92M16,5.54C15.5,5.54 15.08,5.95 15.08,6.46V9.54C15.08,10.05 15.5,10.46 16,10.46H18.15V9.23H16.62C16.45,9.23 16.31,9.09 16.31,8.92V7.08C16.31,6.91 16.45,6.77 16.62,6.77H18.46C18.63,6.77 18.77,6.91 18.77,7.08V10.77C18.77,10.94 18.63,11.08 18.46,11.08H15.08V12.31H19.08C19.59,12.31 20,11.89 20,11.38V6.46C20,5.95 19.59,5.54 19.08,5.54H16M9.85,13.54C9.34,13.54 8.92,13.95 8.92,14.46V17.54C8.92,18.05 9.34,18.46 9.85,18.46H12.92C13.43,18.46 13.85,18.05 13.85,17.54V14.46C13.85,13.95 13.43,13.54 12.92,13.54H9.85M10.46,14.77H12.31C12.5,14.77 12.62,14.91 12.62,15.08V16.92A0.31,0.31 0 0,1 12.31,17.23H10.46C10.29,17.23 10.15,17.09 10.15,16.92V15.08A0.31,0.31 0 0,1 10.46,14.77M4.92,13.54C4.41,13.54 4,13.95 4,14.46V17.54C4,18.05 4.41,18.46 4.92,18.46H8.31V17.23H5.54C5.37,17.23 5.23,17.09 5.23,16.92V15.08C5.23,14.91 5.37,14.77 5.54,14.77H8.31V13.54H4.92M15.38,13.54C14.87,13.54 14.46,13.95 14.46,14.46V18.46H15.69V15.08A0.31,0.31 0 0,1 16,14.77H16.62V18.46H17.85V14.77H18.77V18.46H20V13.54H15.38Z" /></svg><svg id="golf" viewBox="0 0 24 24"><path d="M19.5,18A1.5,1.5 0 0,1 21,19.5A1.5,1.5 0 0,1 19.5,21A1.5,1.5 0 0,1 18,19.5A1.5,1.5 0 0,1 19.5,18M17,5.92L11,9V18.03C13.84,18.19 16,19 16,20C16,21.1 13.31,22 10,22C6.69,22 4,21.1 4,20C4,19.26 5.21,18.62 7,18.27V20H9V2L17,5.92Z" /></svg><svg id="gondola" viewBox="0 0 24 24"><path d="M18,10H13V7.59L22.12,6.07L21.88,4.59L16.41,5.5C16.46,5.35 16.5,5.18 16.5,5A1.5,1.5 0 0,0 15,3.5A1.5,1.5 0 0,0 13.5,5C13.5,5.35 13.63,5.68 13.84,5.93L13,6.07V5H11V6.41L10.41,6.5C10.46,6.35 10.5,6.18 10.5,6A1.5,1.5 0 0,0 9,4.5A1.5,1.5 0 0,0 7.5,6C7.5,6.36 7.63,6.68 7.83,6.93L1.88,7.93L2.12,9.41L11,7.93V10H6C4.89,10 4,10.9 4,12V18A2,2 0 0,0 6,20H18A2,2 0 0,0 20,18V12A2,2 0 0,0 18,10M6,12H8.25V16H6V12M9.75,16V12H14.25V16H9.75M18,16H15.75V12H18V16Z" /></svg><svg id="goodreads" viewBox="0 0 24 24"><path d="M17,12.77C15.96,14.42 14.22,15.5 12.25,15.5C9.07,15.5 6.5,12.7 6.5,9.25C6.5,5.8 9.07,3 12.25,3C14.22,3 15.96,4.08 17,5.73V3H18V15.25C18,20.71 14.54,21 11.5,21C9,21 7.55,19.31 7.13,17H8.14C8.5,18.75 9.54,20 11.5,20C13.72,20 17,20.05 17,15.25V15.25L17,12.77M12.25,4C9.63,4 7.5,6.35 7.5,9.25C7.5,12.15 9.63,14.5 12.25,14.5C14.87,14.5 17,12.15 17,9.25C17,6.35 14.87,4 12.25,4Z" /></svg><svg id="google" viewBox="0 0 24 24"><path d="M21.35,11.1H12.18V13.83H18.69C18.36,17.64 15.19,19.27 12.19,19.27C8.36,19.27 5,16.25 5,12C5,7.9 8.2,4.73 12.2,4.73C15.29,4.73 17.1,6.7 17.1,6.7L19,4.72C19,4.72 16.56,2 12.1,2C6.42,2 2.03,6.8 2.03,12C2.03,17.05 6.16,22 12.25,22C17.6,22 21.5,18.33 21.5,12.91C21.5,11.76 21.35,11.1 21.35,11.1V11.1Z" /></svg><svg id="google-adwords" viewBox="0 0 24 24"><path d="M2,22L8.5,2H15.4L9.2,20C9.2,20 8.6,22 7,22C5.9,22 2,22 2,22M16.4,5L13,15L15,20.7C15,20.7 15.4,22 17,22C18.3,22 22,22 22,22L16.4,5Z" /></svg><svg id="google-allo" viewBox="0 0 24 24"><path d="M22,12V21C22,21.5 21.76,21.82 21.3,21.96C20.85,22.1 20.5,21.97 20.2,21.56L18.66,19.45C16.78,21.14 14.56,22 12,22C9.25,22 6.9,21 4.95,19.05C3,17.1 2,14.75 2,12C2,9.25 3,6.9 4.95,4.95C6.9,3 9.25,2 12,2C14.75,2 17.1,3 19.05,4.95C21,6.9 22,9.25 22,12Z" /></svg><svg id="google-analytics" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H17L15,21V9L15,5A2,2 0 0,1 17,3H19M5,21A2,2 0 0,1 3,19V17A2,2 0 0,1 5,15H9V11A2,2 0 0,1 11,9H14.5V21H5Z" /></svg><svg id="google-assistant" viewBox="0 0 24 24"><path d="M7,2A6,6 0 0,0 1,8A6,6 0 0,0 7,14A6,6 0 0,0 13,8A6,6 0 0,0 7,2M21.5,6A1.5,1.5 0 0,0 20,7.5A1.5,1.5 0 0,0 21.5,9A1.5,1.5 0 0,0 23,7.5A1.5,1.5 0 0,0 21.5,6M17,8A3,3 0 0,0 14,11A3,3 0 0,0 17,14A3,3 0 0,0 20,11A3,3 0 0,0 17,8M17,15A3.5,3.5 0 0,0 13.5,18.5A3.5,3.5 0 0,0 17,22A3.5,3.5 0 0,0 20.5,18.5A3.5,3.5 0 0,0 17,15Z" /></svg><svg id="google-cardboard" viewBox="0 0 24 24"><path d="M20.74,6H3.2C2.55,6 2,6.57 2,7.27V17.73C2,18.43 2.55,19 3.23,19H8C8.54,19 9,18.68 9.16,18.21L10.55,14.74C10.79,14.16 11.35,13.75 12,13.75C12.65,13.75 13.21,14.16 13.45,14.74L14.84,18.21C15.03,18.68 15.46,19 15.95,19H20.74C21.45,19 22,18.43 22,17.73V7.27C22,6.57 21.45,6 20.74,6M7.22,14.58C6,14.58 5,13.55 5,12.29C5,11 6,10 7.22,10C8.44,10 9.43,11 9.43,12.29C9.43,13.55 8.44,14.58 7.22,14.58M16.78,14.58C15.56,14.58 14.57,13.55 14.57,12.29C14.57,11.03 15.56,10 16.78,10C18,10 19,11.03 19,12.29C19,13.55 18,14.58 16.78,14.58Z" /></svg><svg id="google-chrome" viewBox="0 0 24 24"><path d="M12,20L15.46,14H15.45C15.79,13.4 16,12.73 16,12C16,10.8 15.46,9.73 14.62,9H19.41C19.79,9.93 20,10.94 20,12A8,8 0 0,1 12,20M4,12C4,10.54 4.39,9.18 5.07,8L8.54,14H8.55C9.24,15.19 10.5,16 12,16C12.45,16 12.88,15.91 13.29,15.77L10.89,19.91C7,19.37 4,16.04 4,12M15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9A3,3 0 0,1 15,12M12,4C14.96,4 17.54,5.61 18.92,8H12C10.06,8 8.45,9.38 8.08,11.21L5.7,7.08C7.16,5.21 9.44,4 12,4M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="google-circles" viewBox="0 0 24 24"><path d="M16.66,15H17C18,15 19,14.8 19.87,14.46C19.17,18.73 15.47,22 11,22C6,22 2,17.97 2,13C2,8.53 5.27,4.83 9.54,4.13C9.2,5 9,6 9,7V7.34C6.68,8.16 5,10.38 5,13A6,6 0 0,0 11,19C13.62,19 15.84,17.32 16.66,15M17,10A3,3 0 0,0 20,7A3,3 0 0,0 17,4A3,3 0 0,0 14,7A3,3 0 0,0 17,10M17,1A6,6 0 0,1 23,7A6,6 0 0,1 17,13A6,6 0 0,1 11,7C11,3.68 13.69,1 17,1Z" /></svg><svg id="google-circles-communities" viewBox="0 0 24 24"><path d="M15,12C13.89,12 13,12.89 13,14A2,2 0 0,0 15,16A2,2 0 0,0 17,14C17,12.89 16.1,12 15,12M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M14,9C14,7.89 13.1,7 12,7C10.89,7 10,7.89 10,9A2,2 0 0,0 12,11A2,2 0 0,0 14,9M9,12A2,2 0 0,0 7,14A2,2 0 0,0 9,16A2,2 0 0,0 11,14C11,12.89 10.1,12 9,12Z" /></svg><svg id="google-circles-extended" viewBox="0 0 24 24"><path d="M18,19C16.89,19 16,18.1 16,17C16,15.89 16.89,15 18,15A2,2 0 0,1 20,17A2,2 0 0,1 18,19M18,13A4,4 0 0,0 14,17A4,4 0 0,0 18,21A4,4 0 0,0 22,17A4,4 0 0,0 18,13M12,11.1A1.9,1.9 0 0,0 10.1,13A1.9,1.9 0 0,0 12,14.9A1.9,1.9 0 0,0 13.9,13A1.9,1.9 0 0,0 12,11.1M6,19C4.89,19 4,18.1 4,17C4,15.89 4.89,15 6,15A2,2 0 0,1 8,17A2,2 0 0,1 6,19M6,13A4,4 0 0,0 2,17A4,4 0 0,0 6,21A4,4 0 0,0 10,17A4,4 0 0,0 6,13M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8C10.89,8 10,7.1 10,6C10,4.89 10.89,4 12,4M12,10A4,4 0 0,0 16,6A4,4 0 0,0 12,2A4,4 0 0,0 8,6A4,4 0 0,0 12,10Z" /></svg><svg id="google-circles-group" viewBox="0 0 24 24"><path d="M5,10A2,2 0 0,0 3,12C3,13.11 3.9,14 5,14C6.11,14 7,13.11 7,12A2,2 0 0,0 5,10M5,16A4,4 0 0,1 1,12A4,4 0 0,1 5,8A4,4 0 0,1 9,12A4,4 0 0,1 5,16M10.5,11H14V8L18,12L14,16V13H10.5V11M5,6C4.55,6 4.11,6.05 3.69,6.14C5.63,3.05 9.08,1 13,1C19.08,1 24,5.92 24,12C24,18.08 19.08,23 13,23C9.08,23 5.63,20.95 3.69,17.86C4.11,17.95 4.55,18 5,18C5.8,18 6.56,17.84 7.25,17.56C8.71,19.07 10.74,20 13,20A8,8 0 0,0 21,12A8,8 0 0,0 13,4C10.74,4 8.71,4.93 7.25,6.44C6.56,6.16 5.8,6 5,6Z" /></svg><svg id="google-classroom" viewBox="0 0 24 24"><path d="M23,2H1A1,1 0 0,0 0,3V21A1,1 0 0,0 1,22H23A1,1 0 0,0 24,21V3A1,1 0 0,0 23,2M22,20H20V19H15V20H2V4H22V20M10.29,9.71A1.71,1.71 0 0,1 12,8C12.95,8 13.71,8.77 13.71,9.71C13.71,10.66 12.95,11.43 12,11.43C11.05,11.43 10.29,10.66 10.29,9.71M5.71,11.29C5.71,10.58 6.29,10 7,10A1.29,1.29 0 0,1 8.29,11.29C8.29,12 7.71,12.57 7,12.57C6.29,12.57 5.71,12 5.71,11.29M15.71,11.29A1.29,1.29 0 0,1 17,10A1.29,1.29 0 0,1 18.29,11.29C18.29,12 17.71,12.57 17,12.57C16.29,12.57 15.71,12 15.71,11.29M20,15.14V16H16L14,16H10L8,16H4V15.14C4,14.2 5.55,13.43 7,13.43C7.55,13.43 8.11,13.54 8.6,13.73C9.35,13.04 10.7,12.57 12,12.57C13.3,12.57 14.65,13.04 15.4,13.73C15.89,13.54 16.45,13.43 17,13.43C18.45,13.43 20,14.2 20,15.14Z" /></svg><svg id="google-controller" viewBox="0 0 24 24"><path d="M7.97,16L5,19C4.67,19.3 4.23,19.5 3.75,19.5A1.75,1.75 0 0,1 2,17.75V17.5L3,10.12C3.21,7.81 5.14,6 7.5,6H16.5C18.86,6 20.79,7.81 21,10.12L22,17.5V17.75A1.75,1.75 0 0,1 20.25,19.5C19.77,19.5 19.33,19.3 19,19L16.03,16H7.97M7,8V10H5V11H7V13H8V11H10V10H8V8H7M16.5,8A0.75,0.75 0 0,0 15.75,8.75A0.75,0.75 0 0,0 16.5,9.5A0.75,0.75 0 0,0 17.25,8.75A0.75,0.75 0 0,0 16.5,8M14.75,9.75A0.75,0.75 0 0,0 14,10.5A0.75,0.75 0 0,0 14.75,11.25A0.75,0.75 0 0,0 15.5,10.5A0.75,0.75 0 0,0 14.75,9.75M18.25,9.75A0.75,0.75 0 0,0 17.5,10.5A0.75,0.75 0 0,0 18.25,11.25A0.75,0.75 0 0,0 19,10.5A0.75,0.75 0 0,0 18.25,9.75M16.5,11.5A0.75,0.75 0 0,0 15.75,12.25A0.75,0.75 0 0,0 16.5,13A0.75,0.75 0 0,0 17.25,12.25A0.75,0.75 0 0,0 16.5,11.5Z" /></svg><svg id="google-controller-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L12.73,16H7.97L5,19C4.67,19.3 4.23,19.5 3.75,19.5A1.75,1.75 0 0,1 2,17.75V17.5L3,10.12C3.1,9.09 3.53,8.17 4.19,7.46L2,5.27M5,10V11H7V13H8V11.27L6.73,10H5M16.5,6C18.86,6 20.79,7.81 21,10.12L22,17.5V17.75C22,18.41 21.64,19 21.1,19.28L7.82,6H16.5M16.5,8A0.75,0.75 0 0,0 15.75,8.75A0.75,0.75 0 0,0 16.5,9.5A0.75,0.75 0 0,0 17.25,8.75A0.75,0.75 0 0,0 16.5,8M14.75,9.75A0.75,0.75 0 0,0 14,10.5A0.75,0.75 0 0,0 14.75,11.25A0.75,0.75 0 0,0 15.5,10.5A0.75,0.75 0 0,0 14.75,9.75M18.25,9.75A0.75,0.75 0 0,0 17.5,10.5A0.75,0.75 0 0,0 18.25,11.25A0.75,0.75 0 0,0 19,10.5A0.75,0.75 0 0,0 18.25,9.75M16.5,11.5A0.75,0.75 0 0,0 15.75,12.25A0.75,0.75 0 0,0 16.5,13A0.75,0.75 0 0,0 17.25,12.25A0.75,0.75 0 0,0 16.5,11.5Z" /></svg><svg id="google-drive" viewBox="0 0 24 24"><path d="M7.71,3.5L1.15,15L4.58,21L11.13,9.5M9.73,15L6.3,21H19.42L22.85,15M22.28,14L15.42,2H8.58L8.57,2L15.43,14H22.28Z" /></svg><svg id="google-earth" viewBox="0 0 24 24"><path d="M12,12.14C11.09,10.77 10.14,9.78 9.14,9.19C8.14,8.59 7.27,8.38 6.5,8.55C5.77,8.73 5.14,9.14 4.64,9.8C4.2,10.39 4,11.06 4,11.81V12C4,12.78 4.11,13.58 4.36,14.39C4.45,14.64 4.5,14.64 4.55,14.39C4.67,13.77 4.96,13.31 5.41,13.03C5.87,12.75 6.47,12.76 7.22,13.05C7.97,13.35 8.7,14 9.42,14.95C10.7,16.67 12.2,17.72 13.92,18.09C16.14,18.41 17.81,17.7 18.94,16C19.25,15.39 19.5,14.86 19.64,14.39C19.73,14.08 19.69,14.05 19.5,14.3C19.03,14.92 18.4,15.33 17.6,15.5C16.8,15.7 15.89,15.5 14.86,15C13.83,14.43 12.88,13.5 12,12.14M16.97,8.16C15.41,5.81 13.72,4.5 11.91,4.17C10.47,3.95 8.91,4.45 7.22,5.67C7,5.83 6.9,5.91 6.91,5.93C6.93,5.95 7.06,5.89 7.31,5.77C9.81,4.55 12.22,5.83 14.53,9.61C15.03,10.45 15.55,11.11 16.1,11.58C16.65,12.05 17.16,12.33 17.65,12.42C18.13,12.5 18.57,12.5 18.96,12.38C19.35,12.25 19.7,12.05 20,11.77C20,11.17 19.91,10.5 19.69,9.8C19.19,9.92 18.74,9.88 18.35,9.68C17.96,9.5 17.5,8.97 16.97,8.16M12,2C14.75,2 17.1,3 19.05,4.95C21,6.9 22,9.25 22,12C22,14.75 21,17.1 19.05,19.05C17.1,21 14.75,22 12,22C9.25,22 6.9,21 4.95,19.05C3,17.1 2,14.75 2,12C2,9.25 3,6.9 4.95,4.95C6.9,3 9.25,2 12,2Z" /></svg><svg id="google-fit" viewBox="0 0 24 24"><path d="M17,4A5,5 0 0,1 22,9C22,10.38 21.44,11.63 20.54,12.54L12,21.07L3.46,12.54C2.56,11.63 2,10.38 2,9A5,5 0 0,1 7,4C8.38,4 9.63,4.56 10.54,5.46L12,6.93L13.46,5.46C14.37,4.56 15.62,4 17,4M15.59,7.59L9.17,14L12,16.83L18.41,10.41C18.78,10.05 19,9.55 19,9A2,2 0 0,0 17,7C16.45,7 15.95,7.22 15.59,7.59M8.41,7.59C8.05,7.22 7.55,7 7,7A2,2 0 0,0 5,9C5,9.55 5.22,10.05 5.59,10.41L7.05,11.88L9.88,9.05L8.41,7.59Z" /></svg><svg id="google-glass" viewBox="0 0 24 24"><path d="M13,11V13.5H18.87C18.26,17 15.5,19.5 12,19.5A7.5,7.5 0 0,1 4.5,12A7.5,7.5 0 0,1 12,4.5C14.09,4.5 15.9,5.39 17.16,6.84L18.93,5.06C17.24,3.18 14.83,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22C17.5,22 21.5,17.5 21.5,12V11H13Z" /></svg><svg id="google-hangouts" viewBox="0 0 24 24"><path d="M15,11L14,13H12.5L13.5,11H12V8H15M11,11L10,13H8.5L9.5,11H8V8H11M11.5,2A8.5,8.5 0 0,0 3,10.5A8.5,8.5 0 0,0 11.5,19H12V22.5C16.86,20.15 20,15 20,10.5C20,5.8 16.19,2 11.5,2Z" /></svg><svg id="google-home" viewBox="0 0 24 24"><path d="M8.06,7.78C7.5,7.78 7.17,7.73 7.08,7.64L6.66,13.73C7.19,14.05 7.88,14.3 8.72,14.5C9.56,14.71 10.78,14.77 12.38,14.67C13.97,14.58 15.63,14.23 17.34,13.64L16.55,4.22C15.67,5.09 14.38,5.91 12.66,6.66C11.13,7.31 9.81,7.69 8.72,7.78H8.06M7.97,5.34C7.28,5.94 7,6.34 7.13,6.56C7.22,6.78 7.7,6.84 8.58,6.75C9.67,6.66 10.91,6.31 12.28,5.72C13.22,5.31 14.03,4.88 14.72,4.41C15.41,3.94 15.88,3.55 16.13,3.23C16.38,2.92 16.47,2.7 16.41,2.58C16.34,2.42 16.03,2.34 15.47,2.34C14.34,2.34 12.94,2.7 11.25,3.42C9.81,4.05 8.72,4.69 7.97,5.34M17.34,2.2C17.41,2.33 17.44,2.47 17.44,2.63L18.61,17C18.61,18.73 18,20.09 16.83,21.07C15.64,22.05 14.03,22.55 12,22.55C10,22.55 8.4,22.04 7.2,21C6,20 5.39,18.64 5.39,16.92L6.09,6.47C6.09,6.22 6.2,5.94 6.42,5.63C6.64,5.31 6.84,5.06 7.03,4.88L7.36,4.59C8.33,3.78 9.5,3.08 10.88,2.5C11.81,2.08 12.73,1.77 13.62,1.57C14.5,1.37 15.3,1.3 16,1.38C16.71,1.46 17.16,1.73 17.34,2.2Z" /></svg><svg id="google-keep" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V17.33L17.33,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M17,17V20.25L20.25,17H17M10,19H14V18H15V13C16.21,12.09 17,10.64 17,9A5,5 0 0,0 12,4A5,5 0 0,0 7,9C7,10.64 7.79,12.09 9,13V18H10V19M14,17H10V16H14V17M14,15H10V14H14V15M12,5A4,4 0 0,1 16,9C16,10.5 15.2,11.77 14,12.46V13H10V12.46C8.8,11.77 8,10.5 8,9A4,4 0 0,1 12,5Z" /></svg><svg id="google-lens" viewBox="0 0 24 24"><path d="M6,2H18A4,4 0 0,1 22,6V12H20V6A2,2 0 0,0 18,4H6A2,2 0 0,0 4,6V18A2,2 0 0,0 6,20H12V22H6A4,4 0 0,1 2,18V6A4,4 0 0,1 6,2M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M18,16A2,2 0 0,1 20,18A2,2 0 0,1 18,20A2,2 0 0,1 16,18A2,2 0 0,1 18,16Z" /></svg><svg id="google-maps" viewBox="0 0 24 24"><path d="M15.5,4.5C15.5,5.06 15.7,5.54 16.08,5.93C16.45,6.32 16.92,6.5 17.5,6.5C18.05,6.5 18.5,6.32 18.91,5.93C19.3,5.54 19.5,5.06 19.5,4.5C19.5,3.97 19.3,3.5 18.89,3.09C18.5,2.69 18,2.5 17.5,2.5C16.95,2.5 16.5,2.69 16.1,3.09C15.71,3.5 15.5,3.97 15.5,4.5M22,4.5C22,5.5 21.61,6.69 20.86,8.06C20.11,9.44 19.36,10.56 18.61,11.44L17.5,12.75C17.14,12.38 16.72,11.89 16.22,11.3C15.72,10.7 15.05,9.67 14.23,8.2C13.4,6.73 13,5.5 13,4.5C13,3.25 13.42,2.19 14.3,1.31C15.17,0.44 16.23,0 17.5,0C18.73,0 19.8,0.44 20.67,1.31C21.55,2.19 22,3.25 22,4.5M21,11.58V19C21,19.5 20.8,20 20.39,20.39C20,20.8 19.5,21 19,21H5C4.5,21 4,20.8 3.61,20.39C3.2,20 3,19.5 3,19V5C3,4.5 3.2,4 3.61,3.61C4,3.2 4.5,3 5,3H11.2C11.08,3.63 11,4.13 11,4.5C11,5.69 11.44,7.09 12.28,8.7C13.13,10.3 13.84,11.5 14.41,12.21C15,12.95 15.53,13.58 16.03,14.11L17.5,15.7L19,14.11C20.27,12.5 20.94,11.64 21,11.58M9,14.5V15.89H11.25C11,17 10.25,17.53 9,17.53C8.31,17.53 7.73,17.28 7.27,16.78C6.8,16.28 6.56,15.69 6.56,15C6.56,14.31 6.8,13.72 7.27,13.22C7.73,12.72 8.31,12.47 9,12.47C9.66,12.47 10.19,12.67 10.59,13.08L11.67,12.05C10.92,11.36 10.05,11 9.05,11H9C7.91,11 6.97,11.41 6.19,12.19C5.41,12.97 5,13.91 5,15C5,16.09 5.41,17.03 6.19,17.81C6.97,18.59 7.91,19 9,19C10.16,19 11.09,18.63 11.79,17.91C12.5,17.19 12.84,16.25 12.84,15.09C12.84,14.81 12.83,14.61 12.8,14.5H9Z" /></svg><svg id="google-nearby" viewBox="0 0 24 24"><path d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" /></svg><svg id="google-pages" viewBox="0 0 24 24"><path d="M19,3H13V8L17,7L16,11H21V5C21,3.89 20.1,3 19,3M17,17L13,16V21H19A2,2 0 0,0 21,19V13H16M8,13H3V19A2,2 0 0,0 5,21H11V16L7,17M3,5V11H8L7,7L11,8V3H5C3.89,3 3,3.89 3,5Z" /></svg><svg id="google-photos" viewBox="0 0 24 24"><path d="M10,13C10.55,13 11,13.18 11.41,13.57C11.8,13.96 12,14.44 12,15V22C12,22.17 11.91,22.27 11.72,22.27C11.66,22.27 11.58,22.22 11.5,22.13L7,17.67V13H10M12.5,1.88L17,6.33V11H14C13.45,11 13,10.82 12.59,10.43C12.2,10.04 12,9.56 12,9V2C12,1.83 12.09,1.73 12.28,1.73C12.34,1.73 12.42,1.78 12.5,1.88M22,12C22.17,12 22.27,12.09 22.27,12.28C22.27,12.34 22.22,12.42 22.13,12.5L17.67,17H13V14C13,13.45 13.18,13 13.57,12.59C13.96,12.2 14.44,12 15,12H22M6.33,7H11V10C11,10.55 10.82,11 10.43,11.41C10.04,11.8 9.56,12 9,12H2C1.83,12 1.73,11.91 1.73,11.72C1.73,11.66 1.78,11.58 1.88,11.5L6.33,7Z" /></svg><svg id="google-physical-web" viewBox="0 0 24 24"><path d="M12,1.5A9,9 0 0,1 21,10.5C21,13.11 19.89,15.47 18.11,17.11L17.05,16.05C18.55,14.68 19.5,12.7 19.5,10.5A7.5,7.5 0 0,0 12,3A7.5,7.5 0 0,0 4.5,10.5C4.5,12.7 5.45,14.68 6.95,16.05L5.89,17.11C4.11,15.47 3,13.11 3,10.5A9,9 0 0,1 12,1.5M12,4.5A6,6 0 0,1 18,10.5C18,12.28 17.22,13.89 16,15L14.92,13.92C15.89,13.1 16.5,11.87 16.5,10.5C16.5,8 14.5,6 12,6C9.5,6 7.5,8 7.5,10.5C7.5,11.87 8.11,13.1 9.08,13.92L8,15C6.78,13.89 6,12.28 6,10.5A6,6 0 0,1 12,4.5M8.11,17.65L11.29,14.46C11.68,14.07 12.32,14.07 12.71,14.46L15.89,17.65C16.28,18.04 16.28,18.67 15.89,19.06L12.71,22.24C12.32,22.63 11.68,22.63 11.29,22.24L8.11,19.06C7.72,18.67 7.72,18.04 8.11,17.65Z" /></svg><svg id="google-play" viewBox="0 0 24 24"><path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z" /></svg><svg id="google-plus" viewBox="0 0 24 24"><path d="M23,11H21V9H19V11H17V13H19V15H21V13H23M8,11V13.4H12C11.8,14.4 10.8,16.4 8,16.4C5.6,16.4 3.7,14.4 3.7,12C3.7,9.6 5.6,7.6 8,7.6C9.4,7.6 10.3,8.2 10.8,8.7L12.7,6.9C11.5,5.7 9.9,5 8,5C4.1,5 1,8.1 1,12C1,15.9 4.1,19 8,19C12,19 14.7,16.2 14.7,12.2C14.7,11.7 14.7,11.4 14.6,11H8Z" /></svg><svg id="google-plus-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M19.5,12H18V10.5H17V12H15.5V13H17V14.5H18V13H19.5V12M9.65,11.36V12.9H12.22C12.09,13.54 11.45,14.83 9.65,14.83C8.11,14.83 6.89,13.54 6.89,12C6.89,10.46 8.11,9.17 9.65,9.17C10.55,9.17 11.13,9.56 11.45,9.88L12.67,8.72C11.9,7.95 10.87,7.5 9.65,7.5C7.14,7.5 5.15,9.5 5.15,12C5.15,14.5 7.14,16.5 9.65,16.5C12.22,16.5 13.96,14.7 13.96,12.13C13.96,11.81 13.96,11.61 13.89,11.36H9.65Z" /></svg><svg id="google-podcast" viewBox="0 0 24 24"><path d="M17.68,7.22V8.62C17.68,9.3 17.13,9.86 16.43,9.86C15.74,9.86 15.18,9.3 15.18,8.62V7.22A1.25,1.25 0 0,1 16.43,5.97C17.13,5.97 17.68,6.53 17.68,7.22M13.25,8.36V15.63C13.25,16.32 12.69,16.88 12,16.88C11.31,16.88 10.75,16.32 10.75,15.63V8.36C10.75,7.68 11.31,7.11 12,7.11C12.69,7.11 13.25,7.68 13.25,8.36M22,11.3V12.7C22,13.38 21.44,13.94 20.75,13.94C20.06,13.94 19.5,13.38 19.5,12.7V11.3C19.5,10.61 20.06,10.06 20.75,10.06C21.44,10.06 22,10.61 22,11.3M4.5,11.3V12.7C4.5,13.38 3.94,13.94 3.25,13.94C2.55,13.94 2,13.38 2,12.7V11.3C2,10.61 2.55,10.06 3.25,10.06C3.94,10.06 4.5,10.61 4.5,11.3M8.82,15.38V16.77C8.82,17.45 8.26,18 7.57,18C6.88,18 6.32,17.45 6.32,16.77V15.38C6.32,14.68 6.88,14.13 7.57,14.13A1.25,1.25 0 0,1 8.82,15.38M13.25,19.36V20.75A1.25,1.25 0 0,1 12,22A1.25,1.25 0 0,1 10.75,20.75V19.36A1.25,1.25 0 0,1 12,18.11A1.25,1.25 0 0,1 13.25,19.36M13.25,3.25V4.64A1.25,1.25 0 0,1 12,5.89A1.25,1.25 0 0,1 10.75,4.64V3.25C10.75,2.55 11.31,2 12,2A1.25,1.25 0 0,1 13.25,3.25M17.68,12.34V16.77C17.68,17.46 17.13,18 16.43,18C15.74,18 15.18,17.46 15.18,16.77V12.34C15.18,11.64 15.74,11.09 16.43,11.09C17.13,11.09 17.68,11.64 17.68,12.34M8.82,7.22V11.65C8.82,12.35 8.26,12.9 7.57,12.9A1.25,1.25 0 0,1 6.32,11.65V7.22A1.25,1.25 0 0,1 7.57,5.97A1.25,1.25 0 0,1 8.82,7.22Z" /></svg><svg id="google-spreadsheet" viewBox="0 0 24 24"><path d="M19,11V9H11V5H9V9H5V11H9V19H11V11H19M19,3C19.5,3 20,3.2 20.39,3.61C20.8,4 21,4.5 21,5V19C21,19.5 20.8,20 20.39,20.39C20,20.8 19.5,21 19,21H5C4.5,21 4,20.8 3.61,20.39C3.2,20 3,19.5 3,19V5C3,4.5 3.2,4 3.61,3.61C4,3.2 4.5,3 5,3H19Z" /></svg><svg id="google-street-view" viewBox="0 0 24 24"><path d="M11.95,9.27C13.96,9.27 15.59,7.64 15.59,5.63C15.59,3.63 13.96,2 11.95,2C9.94,2 8.32,3.63 8.32,5.63C8.32,7.64 9.94,9.27 11.95,9.27M9.36,12.97C9.36,12.97 8.27,15.94 7.96,16.5C7.85,16.71 7.87,16.77 7.6,16.77C7.33,16.77 6.91,16.5 6.91,16.5C6.91,16.5 6.71,16.37 6.79,16.14C7.03,15.4 8.12,11.08 8.35,10.25C8.6,9.36 9.28,9.39 9.28,9.39H9.93L12.03,13.04L14.14,9.39H14.92C14.92,9.39 15.23,9.43 15.46,9.7C15.7,9.97 15.75,10.44 15.75,10.44L17.14,15.84C17.14,15.84 17.24,16.22 17.21,16.33C17.17,16.5 17.08,16.5 17.08,16.5C17.08,16.5 16.69,16.62 16.47,16.69C16.07,16.82 16,16.44 16,16.44L14.7,13.04L14.55,22H12.6L12.27,16.89C12.27,16.89 12.21,16.76 12.03,16.76C11.86,16.76 11.8,16.89 11.8,16.89L11.45,22H9.5L9.37,12.97H9.36Z" /></svg><svg id="google-translate" viewBox="0 0 24 24"><path d="M20,5H10.88L10,2H4A2,2 0 0,0 2,4V17A2,2 0 0,0 4,19H11L12,22H20A2,2 0 0,0 22,20V7A2,2 0 0,0 20,5M7.17,14.59A4.09,4.09 0 0,1 3.08,10.5A4.09,4.09 0 0,1 7.17,6.41C8.21,6.41 9.16,6.78 9.91,7.5L10,7.54L8.75,8.72L8.69,8.67C8.4,8.4 7.91,8.08 7.17,8.08C5.86,8.08 4.79,9.17 4.79,10.5C4.79,11.83 5.86,12.92 7.17,12.92C8.54,12.92 9.13,12.05 9.29,11.46H7.08V9.91H11.03L11.04,10C11.08,10.19 11.09,10.38 11.09,10.59C11.09,12.94 9.5,14.59 7.17,14.59M13.2,12.88C13.53,13.5 13.94,14.06 14.39,14.58L13.85,15.11L13.2,12.88M13.97,12.12H13L12.67,11.08H16.66C16.66,11.08 16.32,12.39 15.1,13.82C14.58,13.2 14.21,12.59 13.97,12.12M21,20A1,1 0 0,1 20,21H13L15,19L14.19,16.23L15.11,15.31L17.79,18L18.5,17.27L15.81,14.59C16.71,13.56 17.41,12.34 17.73,11.08H19V10.04H15.36V9H14.32V10.04H12.36L11.18,6H20A1,1 0 0,1 21,7V20Z" /></svg><svg id="gpu" viewBox="0 0 24 24"><path d="M2,7V8.5H3V17H4.5V7C3.7,7 2.8,7 2,7M6,7V7L6,16H7V17H14V16H22V7H6M17.5,9A2.5,2.5 0 0,1 20,11.5A2.5,2.5 0 0,1 17.5,14A2.5,2.5 0 0,1 15,11.5A2.5,2.5 0 0,1 17.5,9Z" /></svg><svg id="gradient" viewBox="0 0 24 24"><path d="M11,9H13V11H11V9M9,11H11V13H9V11M13,11H15V13H13V11M15,9H17V11H15V9M7,9H9V11H7V9M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M9,18H7V16H9V18M13,18H11V16H13V18M17,18H15V16H17V18M19,11H17V13H19V15H17V13H15V15H13V13H11V15H9V13H7V15H5V13H7V11H5V5H19V11Z" /></svg><svg id="grain" viewBox="0 0 24 24"><path d="M10,12A2,2 0 0,0 8,14A2,2 0 0,0 10,16A2,2 0 0,0 12,14A2,2 0 0,0 10,12M6,8A2,2 0 0,0 4,10A2,2 0 0,0 6,12A2,2 0 0,0 8,10A2,2 0 0,0 6,8M6,16A2,2 0 0,0 4,18A2,2 0 0,0 6,20A2,2 0 0,0 8,18A2,2 0 0,0 6,16M18,8A2,2 0 0,0 20,6A2,2 0 0,0 18,4A2,2 0 0,0 16,6A2,2 0 0,0 18,8M14,16A2,2 0 0,0 12,18A2,2 0 0,0 14,20A2,2 0 0,0 16,18A2,2 0 0,0 14,16M18,12A2,2 0 0,0 16,14A2,2 0 0,0 18,16A2,2 0 0,0 20,14A2,2 0 0,0 18,12M14,8A2,2 0 0,0 12,10A2,2 0 0,0 14,12A2,2 0 0,0 16,10A2,2 0 0,0 14,8M10,4A2,2 0 0,0 8,6A2,2 0 0,0 10,8A2,2 0 0,0 12,6A2,2 0 0,0 10,4Z" /></svg><svg id="graphql" viewBox="0 0 24 24"><path d="M12,5.37L11.56,5.31L6,14.9C6.24,15.11 6.4,15.38 6.47,15.68H17.53C17.6,15.38 17.76,15.11 18,14.9L12.44,5.31L12,5.37M6.6,16.53L10.88,19.06C11.17,18.79 11.57,18.63 12,18.63C12.43,18.63 12.83,18.79 13.12,19.06L17.4,16.53H6.6M12,22A1.68,1.68 0 0,1 10.32,20.32L10.41,19.76L6.11,17.21C5.8,17.57 5.35,17.79 4.84,17.79A1.68,1.68 0 0,1 3.16,16.11C3.16,15.32 3.69,14.66 4.42,14.47V9.36C3.59,9.25 2.95,8.54 2.95,7.68A1.68,1.68 0 0,1 4.63,6C5.18,6 5.66,6.26 5.97,6.66L10.38,4.13L10.32,3.68C10.32,2.75 11.07,2 12,2C12.93,2 13.68,2.75 13.68,3.68L13.62,4.13L18.03,6.66C18.34,6.26 18.82,6 19.37,6A1.68,1.68 0 0,1 21.05,7.68C21.05,8.54 20.41,9.25 19.58,9.36V14.47C20.31,14.66 20.84,15.32 20.84,16.11A1.68,1.68 0 0,1 19.16,17.79C18.65,17.79 18.2,17.57 17.89,17.21L13.59,19.76L13.68,20.32A1.68,1.68 0 0,1 12,22M10.8,4.86L6.3,7.44L6.32,7.68C6.32,8.39 5.88,9 5.26,9.25L5.29,14.5L10.8,4.86M13.2,4.86L18.71,14.5L18.74,9.25C18.12,9 17.68,8.39 17.68,7.68L17.7,7.44L13.2,4.86Z" /></svg><svg id="grave-stone" viewBox="0 0 24 24"><path d="M10,2H14C17.31,2 19,4.69 19,8V18.66C16.88,17.63 15.07,17 12,17C8.93,17 7.12,17.63 5,18.66V8C5,4.69 6.69,2 10,2M8,8V9.5H16V8H8M9,12V13.5H15V12H9M3,22V21.31C5.66,19.62 13.23,15.84 21,21.25V22H3Z" /></svg><svg id="grease-pencil" viewBox="0 0 24 24"><path d="M18.62,1.5C18.11,1.5 17.6,1.69 17.21,2.09L10.75,8.55L14.95,12.74L21.41,6.29C22.2,5.5 22.2,4.24 21.41,3.46L20.04,2.09C19.65,1.69 19.14,1.5 18.62,1.5M9.8,9.5L3.23,16.07L3.93,16.77C3.4,17.24 2.89,17.78 2.38,18.29C1.6,19.08 1.6,20.34 2.38,21.12C3.16,21.9 4.42,21.9 5.21,21.12C5.72,20.63 6.25,20.08 6.73,19.58L7.43,20.27L14,13.7" /></svg><svg id="greater-than" viewBox="0 0 24 24"><path d="M5.5,4.14L4.5,5.86L15,12L4.5,18.14L5.5,19.86L19,12L5.5,4.14Z" /></svg><svg id="greater-than-or-equal" viewBox="0 0 24 24"><path d="M6.5,2.27L20,10.14L6.5,18L5.5,16.27L16.03,10.14L5.5,4L6.5,2.27M20,20V22H5V20H20Z" /></svg><svg id="grid" viewBox="0 0 24 24"><path d="M10,4V8H14V4H10M16,4V8H20V4H16M16,10V14H20V10H16M16,16V20H20V16H16M14,20V16H10V20H14M8,20V16H4V20H8M8,14V10H4V14H8M8,8V4H4V8H8M10,14H14V10H10V14M4,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4C2.92,22 2,21.1 2,20V4A2,2 0 0,1 4,2Z" /></svg><svg id="grid-large" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4C2.92,22 2,21.1 2,20V4A2,2 0 0,1 4,2M4,4V11H11V4H4M4,20H11V13H4V20M20,20V13H13V20H20M20,4H13V11H20V4Z" /></svg><svg id="grid-off" viewBox="0 0 24 24"><path d="M0,2.77L1.28,1.5L22.5,22.72L21.23,24L19.23,22H4C2.92,22 2,21.1 2,20V4.77L0,2.77M10,4V7.68L8,5.68V4H6.32L4.32,2H20A2,2 0 0,1 22,4V19.7L20,17.7V16H18.32L16.32,14H20V10H16V13.68L14,11.68V10H12.32L10.32,8H14V4H10M16,4V8H20V4H16M16,20H17.23L16,18.77V20M4,8H5.23L4,6.77V8M10,14H11.23L10,12.77V14M14,20V16.77L13.23,16H10V20H14M8,20V16H4V20H8M8,14V10.77L7.23,10H4V14H8Z" /></svg><svg id="grill" viewBox="0 0 24 24"><path d="M8.06,2C7.88,3.17 8.17,4.16 8.95,4.97C9.45,5.47 9.61,6.14 9.42,7H10.41C10.53,6.45 10.55,6 10.45,5.55C10.36,5.13 10.05,4.63 9.5,4.03C9.05,3.47 8.89,2.8 9.05,2H8.06M10.55,2C10.36,3.17 10.66,4.16 11.44,4.97C11.94,5.47 12.09,6.14 11.91,7H12.89C13,6.45 13.03,6 12.94,5.55C12.84,5.13 12.53,4.63 12,4.03C11.53,3.47 11.38,2.8 11.53,2H10.55M13.08,2C12.89,3.17 13.19,4.16 13.97,4.97C14.47,5.47 14.61,6.14 14.39,7H15.42C15.55,6.45 15.56,6 15.47,5.55C15.38,5.13 15.06,4.63 14.53,4.03C14.06,3.47 13.91,2.8 14.06,2H13.08M5,8C5,9.42 5.39,10.7 6.14,11.84C6.87,12.96 7.91,13.85 9.14,14.39L5.16,20.44C5.06,20.56 5,20.75 5,21C5,21.41 5.16,21.69 5.44,21.84C5.56,21.94 5.75,22 6,22C6.41,22 6.69,21.84 6.84,21.56L7.83,19.97H14.2C14.41,20.55 14.79,21.05 15.28,21.42C15.78,21.8 16.36,22 17,22C17.83,22 18.53,21.69 19.13,21.09C19.72,20.5 20,19.8 20,19C20,18.17 19.72,17.47 19.13,16.88C18.53,16.28 17.83,16 17,16C16.36,16 15.78,16.17 15.28,16.55C14.78,16.92 14.42,17.41 14.2,18H9.14L11.11,14.95C11.27,15 11.56,15 12,15C12.44,15 12.73,15 12.89,14.95L13.88,16.5C14.29,15.96 14.84,15.54 15.47,15.28L14.91,14.39C16.03,13.89 17,13 17.79,11.77C18.59,10.5 19,9.27 19,8H5M17,18C17.3,18 17.53,18.09 17.72,18.28C17.91,18.47 18,18.72 18,19C18,19.27 17.91,19.5 17.72,19.71C17.54,19.91 17.28,20 17,20C16.74,20 16.5,19.91 16.29,19.71C16.09,19.5 16,19.26 16,19C16,18.7 16.09,18.47 16.29,18.28C16.5,18.09 16.73,18 17,18Z" /></svg><svg id="group" viewBox="0 0 24 24"><path d="M1,1V5H2V19H1V23H5V22H19V23H23V19H22V5H23V1H19V2H5V1M5,4H19V5H20V19H19V20H5V19H4V5H5M6,6V14H9V18H18V9H14V6M8,8H12V12H8M14,11H16V16H11V14H14" /></svg><svg id="guitar-acoustic" viewBox="0 0 24 24"><path d="M19.59,3H22V5H20.41L16.17,9.24C15.8,8.68 15.32,8.2 14.76,7.83L19.59,3M12,8A4,4 0 0,1 16,12C16,13.82 14.77,15.42 13,15.87V16A5,5 0 0,1 8,21A5,5 0 0,1 3,16A5,5 0 0,1 8,11H8.13C8.58,9.24 10.17,8 12,8M12,10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 12,13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 12,10.5M6.94,14.24L6.23,14.94L9.06,17.77L9.77,17.06L6.94,14.24Z" /></svg><svg id="guitar-electric" viewBox="0 0 24 24"><path d="M19.59,3H22V5H20.41L15.12,10.29L13.71,8.9L19.59,3M12,9C12.26,9 12.5,9.1 12.71,9.3L14.71,11.3C14.89,11.5 15,11.73 15,12L14.9,12.4L10.9,20.4C10.71,20.75 10.36,20.93 10,20.93C9.65,20.93 9.29,20.75 9.11,20.4L7.25,16.7L3.55,14.9C3.18,14.7 3,14.35 3,14C3,13.65 3.18,13.3 3.55,13.1L11.55,9.1C11.69,9 11.84,9 12,9M9.35,11.82L8.65,12.5L11.5,15.35L12.18,14.65L9.35,11.82M7.94,13.23L7.23,13.94L10.06,16.77L10.77,16.06L7.94,13.23Z" /></svg><svg id="guitar-pick" viewBox="0 0 24 24"><path d="M19,4.1C18.1,3.3 17,2.8 15.8,2.5C15.5,2.4 13.6,2 12.2,2C12.2,2 12.1,2 12,2C12,2 11.9,2 11.8,2C10.4,2 8.4,2.4 8.1,2.5C7,2.8 5.9,3.3 5,4.1C3,5.9 3,8.7 4,11C5,13.5 6.1,15.7 7.6,17.9C8.8,19.6 10.1,22 12,22C13.9,22 15.2,19.6 16.5,17.9C18,15.8 19.1,13.5 20.1,11C21,8.7 21,5.9 19,4.1Z" /></svg><svg id="guitar-pick-outline" viewBox="0 0 24 24"><path d="M19,4.1C18.1,3.3 17,2.8 15.8,2.5C15.5,2.4 13.6,2 12.2,2C12.2,2 12.1,2 12,2C12,2 11.9,2 11.8,2C10.4,2 8.4,2.4 8.1,2.5C7,2.8 5.9,3.3 5,4.1C3,5.9 3,8.7 4,11C5,13.5 6.1,15.7 7.6,17.9C8.8,19.6 10.1,22 12,22C13.9,22 15.2,19.6 16.5,17.9C18,15.8 19.1,13.5 20.1,11C21,8.7 21,5.9 19,4.1M18.2,10.2C17.1,12.9 16.1,14.9 14.8,16.7C14.6,16.9 14.5,17.2 14.3,17.4C13.8,18.2 12.6,20 12,20C12,20 12,20 12,20C11.3,20 10.2,18.3 9.6,17.4C9.4,17.2 9.3,16.9 9.1,16.7C7.9,14.9 6.8,12.9 5.7,10.2C5.5,9.5 4.7,7 6.3,5.5C6.8,5 7.6,4.7 8.6,4.4C9,4.4 10.7,4 11.8,4C11.8,4 12.1,4 12.1,4C13.2,4 14.9,4.3 15.3,4.4C16.3,4.7 17.1,5 17.6,5.5C19.3,7 18.5,9.5 18.2,10.2Z" /></svg><svg id="guy-fawkes-mask" viewBox="0 0 24 24"><path d="M21,13A9,9 0 0,1 12,22A9,9 0 0,1 3,13L3.03,4.43C5.68,2.88 8.76,2 12.05,2C15.3,2 18.36,2.87 21,4.38V13M13,19.93C16.39,19.44 19,16.5 19,13V5.59C16.9,4.57 14.54,4 12.05,4C9.5,4 7.08,4.6 4.94,5.66L5,13C5,16.5 7.63,19.44 11,19.93V18H13V19.93M11,16H8L6,13L9,14H10L11,13H13L14,14H15L18,13L16,16H13L12,15L11,16M6,9.03C6.64,8.4 7.5,8.05 8.5,8.05C9.45,8.05 10.34,8.4 11,9.03C10.34,9.65 9.45,10 8.5,10C7.5,10 6.64,9.65 6,9.03M13,9.03C13.64,8.4 14.5,8.05 15.5,8.05C16.45,8.05 17.34,8.4 18,9.03C17.34,9.65 16.45,10 15.5,10C14.5,10 13.64,9.65 13,9.03Z" /></svg><svg id="hackernews" viewBox="0 0 24 24"><path d="M2,2H22V22H2V2M11.25,17.5H12.75V13.06L16,7H14.5L12,11.66L9.5,7H8L11.25,13.06V17.5Z" /></svg><svg id="hail" viewBox="0 0 24 24"><path d="M4,16H7V22H4V16M19,2.39C18.92,3.86 18.55,5.13 17.86,6.21C17.17,7.29 16.22,8 15,8.39V22H13V16H11V22H9V10.08C8.72,10.17 8.5,10.28 8.39,10.41C7.45,11.16 7,12.19 7,13.5V14H5V13.5C5,11.53 5.72,9.94 7.13,8.72C8.53,7.56 10.16,7 12,7C13.41,7 14.56,6.64 15.47,5.95C16.5,5.11 17,3.95 17,2.5V2H19V2.39M12,2A2,2 0 0,1 14,4A2,2 0 0,1 12,6A2,2 0 0,1 10,4A2,2 0 0,1 12,2Z" /></svg><svg id="halloween" viewBox="0 0 24 24"><path d="M6.5,6C7.47,6 8.37,6.5 9.11,7.38C9.66,6.79 10.31,6.36 11,6.15V4A2,2 0 0,1 13,2H15V4H13V6.15C13.69,6.36 14.34,6.79 14.89,7.38C15.63,6.5 16.53,6 17.5,6C20,6 22,9.36 22,13.5C22,17.64 20,21 17.5,21C16.53,21 15.63,20.5 14.89,19.62C14.08,20.5 13.08,21 12,21C10.92,21 9.92,20.5 9.11,19.62C8.37,20.5 7.47,21 6.5,21C4,21 2,17.64 2,13.5C2,9.36 4,6 6.5,6M9,10L7.75,12.25H10.25L9,10M15,10L13.75,12.25H16.25L15,10M8,17H10L11,16L12,17H14L15,16L16,17L17.5,14L13.92,14.62L13,16L12,15H10L9,16L8,15L6,14L8,17Z" /></svg><svg id="hamburger" viewBox="0 0 24 24"><path d="M2,16H22V18C22,19.11 21.11,20 20,20H4C2.89,20 2,19.11 2,18V16M6,4H18C20.22,4 22,5.78 22,8V10H2V8C2,5.78 3.78,4 6,4M4,11H15L17,13L19,11H20C21.11,11 22,11.89 22,13C22,14.11 21.11,15 20,15H4C2.89,15 2,14.11 2,13C2,11.89 2.89,11 4,11Z" /></svg><svg id="hammer" viewBox="0 0 24 24"><path d="M16,5L19,8L18.5,8.5C19.5,9.5 20,10 20.5,9.5L22,11C22,12 20.5,13.5 19.5,13.5L18,12C18.5,11.5 18,11 17,10L16,11L13,8C14.5,6 13,4 9,5C10,4 11,3 12,3C12.5,3 14,3 16,5M2,20L4,22L14,12L12,10L2,20Z" /></svg><svg id="hand" viewBox="0 0 24 24"><path d="M6.58,19H14.58V22H6.58V19M19.74,11.6C19.55,11.4 19.29,11.28 19,11.28L18.78,11.31L15.58,13V11.83L16.09,2.9C16.12,2.35 15.7,1.87 15.15,1.84C14.6,1.81 14.12,2.23 14.09,2.78L13.82,7.47H13.58L12.54,7.58V2A1,1 0 0,0 11.54,1C11,1 10.54,1.45 10.54,2V8.41L9.72,8.78L9.03,3.32C8.96,2.77 8.46,2.38 7.91,2.45C7.36,2.5 6.97,3 7.04,3.57L7.81,9.63L7.43,9.8C7.3,9.85 7.18,9.93 7.07,10L5.97,6.11C5.81,5.54 5.25,5.2 4.71,5.34C4.18,5.5 3.88,6.08 4.04,6.65L6.61,15.77C6.61,15.8 6.63,15.84 6.64,15.87L6.67,16H6.68C6.9,16.57 7.47,17 8.08,17H14.58C14.97,17 15.32,16.84 15.58,16.57L20.5,12.37L19.74,11.6Z" /></svg><svg id="hand-left" viewBox="0 0 24 24"><path d="M3,6.58V18.67C3,20.5 4.5,22 6.33,22H12.42C13.32,22 14.17,21.64 14.79,21L21.33,14.36C21.33,14.36 20.28,13.33 20.25,13.32C20.07,13.16 19.84,13.07 19.59,13.07C19.41,13.07 19.24,13.12 19.09,13.21C19.06,13.22 15.5,15.26 15.5,15.26V5.33A1.25,1.25 0 0,0 14.25,4.08A1.25,1.25 0 0,0 13,5.33V11.17H12.17V3.25A1.25,1.25 0 0,0 10.92,2A1.25,1.25 0 0,0 9.67,3.25V11.17H8.83V4.08A1.25,1.25 0 0,0 7.58,2.83A1.25,1.25 0 0,0 6.33,4.08V11.17H5.5V6.58A1.25,1.25 0 0,0 4.25,5.33A1.25,1.25 0 0,0 3,6.58Z" /></svg><svg id="hand-okay" viewBox="0 0 24 24"><path d="M13.3,19.26L18.96,13.61L21.08,15.73L15.42,21.38L13.3,19.26M16.5,11.13L13.4,8.05C13.27,7.92 13.13,7.83 13,7.76L11.88,3.47C11.74,2.93 11.2,2.61 10.66,2.75C10.13,2.88 9.81,3.43 9.94,3.96L11,8.03V8.03L8.67,3.19C8.44,2.69 7.84,2.5 7.34,2.71C6.84,2.95 6.63,3.55 6.87,4.05L8.56,7.59L5.19,4.25C4.8,3.86 4.16,3.86 3.77,4.25C3.38,4.65 3.39,5.28 3.78,5.67L7.5,9.37L6.8,9.64L5.72,10.07L3.81,11.39C3.81,11.39 3,12.44 2.93,12.89C2.85,13.34 3.72,15.6 3.72,15.6H3.73C3.89,15.94 4.23,16.18 4.63,16.18A1,1 0 0,0 5.63,15.18C5.63,15.08 5.6,15 5.57,14.91L5.59,14.9L5,13.17L6.23,12.19C6.7,12.21 7.71,12.29 8.2,12.32C10.93,14.77 8.35,15.73 8.35,15.73L4.89,16.79L4.72,16.93C4.5,17.13 4.41,17.4 4.42,17.68L4.44,18.75L10.87,18.25C11.25,18.26 11.61,18.12 11.89,17.85L16.5,13.25C17.03,12.71 17.05,11.7 16.5,11.13Z" /></svg><svg id="hand-peace" viewBox="0 0 24 24"><path d="M7,19H15V22H7V19M16.15,12V12L12.97,10.34C12.82,10.34 12.69,10.4 12.6,10.5L12.3,10.81L12.89,13.23L11.91,13.47L10.72,8.5L9.25,9.18L10.29,13.47L9.32,13.7L8.32,9.59L7.85,9.8C7.35,10 7,10.53 7,11.14V15.5C7,16.3 7.73,17 8.5,17H15C15.39,17 15.74,16.84 16,16.57L16.5,16.16C16.5,16.16 17,15.78 17,15.36V13.7C17,13.7 17,12.56 16.15,12M16.94,1C16.4,0.91 15.87,1.25 15.76,1.8L14.69,7.97C14.47,7.94 14.38,7.86 14.08,7.83L13.65,7.88L12.41,1.8C12.3,1.26 11.78,0.91 11.24,1C10.69,1.13 10.34,1.66 10.45,2.2L11.65,8.11V8.11L12,9.67C12.28,9.47 12.61,9.34 12.97,9.34H13.31L16.31,10.95L17.72,2.2C17.83,1.66 17.5,1.13 16.94,1Z" /></svg><svg id="hand-peace-variant" viewBox="0 0 24 24"><path d="M7,19H15V22H7V19M16.94,1C16.4,0.91 15.87,1.25 15.76,1.8L14.75,7.57C14.53,7.54 14.29,7.5 14,7.47L13.57,7.5L12.41,1.8C12.31,1.26 11.78,0.91 11.24,1C10.7,1.13 10.35,1.66 10.45,2.2L11.65,8.11L7.85,9.8C7.35,10 7,10.53 7,11.14V15.5C7,16.3 7.73,17 8.5,17H15C15.39,17 15.74,16.84 16,16.57L16.5,16.16C16.5,16.16 17,15.78 17,15.36V13C17,13 17,11.86 16.13,11.3L17.71,2.2C17.83,1.66 17.5,1.13 16.94,1Z" /></svg><svg id="hand-pointing-down" viewBox="0 0 24 24"><path d="M9.9,21V11L6.7,12.69L6.5,12.72C6.19,12.72 5.93,12.6 5.74,12.4L5,11.63L9.9,7.43C10.16,7.16 10.5,7 10.9,7H17.4C18.17,7 18.9,7.7 18.9,8.5V12.86C18.9,13.47 18.55,14 18.05,14.2L13.11,16.4L11.9,16.53V21A1,1 0 0,1 10.9,22A1,1 0 0,1 9.9,21M18.9,5H10.9V2H18.9V5Z" /></svg><svg id="hand-pointing-left" viewBox="0 0 24 24"><path d="M3,9H13L11.31,5.8L11.28,5.58C11.28,5.29 11.4,5.03 11.6,4.84L12.37,4.1L16.57,9C16.84,9.26 17,9.61 17,10V16.5C17,17.27 16.3,18 15.5,18H11.14C10.53,18 10,17.65 9.8,17.15L7.6,12.21L7.47,11H3A1,1 0 0,1 2,10A1,1 0 0,1 3,9M19,18V10H22V18H19Z" /></svg><svg id="hand-pointing-right" viewBox="0 0 24 24"><path d="M21,9A1,1 0 0,1 22,10A1,1 0 0,1 21,11H16.53L16.4,12.21L14.2,17.15C14,17.65 13.47,18 12.86,18H8.5C7.7,18 7,17.27 7,16.5V10C7,9.61 7.16,9.26 7.43,9L11.63,4.1L12.4,4.84C12.6,5.03 12.72,5.29 12.72,5.58L12.69,5.8L11,9H21M2,18V10H5V18H2Z" /></svg><svg id="hand-pointing-up" viewBox="0 0 24 24"><path d="M14,3V13L17.2,11.31L17.42,11.28C17.71,11.28 17.97,11.4 18.16,11.6L18.9,12.37L14,16.57C13.74,16.84 13.39,17 13,17H6.5C5.73,17 5,16.3 5,15.5V11.14C5,10.53 5.35,10 5.85,9.8L10.79,7.6L12,7.47V3A1,1 0 0,1 13,2A1,1 0 0,1 14,3M5,19H13V22H5V19Z" /></svg><svg id="hand-right" viewBox="0 0 24 24"><path d="M21,6.58V18.67A3.33,3.33 0 0,1 17.67,22H11.58C10.68,22 9.83,21.64 9.21,21L2.67,14.36C2.67,14.36 3.72,13.33 3.75,13.32C3.93,13.16 4.16,13.07 4.41,13.07C4.59,13.07 4.76,13.12 4.91,13.21C4.94,13.22 8.5,15.26 8.5,15.26V5.33A1.25,1.25 0 0,1 9.75,4.08A1.25,1.25 0 0,1 11,5.33V11.17H11.83V3.25A1.25,1.25 0 0,1 13.08,2C13.78,2 14.33,2.56 14.33,3.25V11.17H15.17V4.08C15.17,3.39 15.72,2.83 16.42,2.83A1.25,1.25 0 0,1 17.67,4.08V11.17H18.5V6.58A1.25,1.25 0 0,1 19.75,5.33A1.25,1.25 0 0,1 21,6.58Z" /></svg><svg id="hand-saw" viewBox="0 0 24 24"><path d="M9.8,17L5.9,11.6L20,2L22,5V8H19V11H16V14H13V17M9.7,18.7L9.2,21.5L7.6,22.7C6.7,23.3 5.5,23.1 4.8,22.2L1.3,17.3C0.7,16.4 0.9,15.2 1.8,14.5L5.1,12.2L9.7,18.7M4.6,15L3,16.1L6.5,21L8.1,19.8L4.6,15Z" /></svg><svg id="hanger" viewBox="0 0 24 24"><path d="M20.76,16.34H20.75C21.5,16.77 22,17.58 22,18.5A2.5,2.5 0 0,1 19.5,21H4.5A2.5,2.5 0 0,1 2,18.5C2,17.58 2.5,16.77 3.25,16.34H3.24L11,11.86C11,11.86 11,11 12,10C13,10 14,9.1 14,8A2,2 0 0,0 12,6A2,2 0 0,0 10,8H8A4,4 0 0,1 12,4A4,4 0 0,1 16,8C16,9.86 14.73,11.42 13,11.87L20.76,16.34M4.5,19V19H19.5V19C19.67,19 19.84,18.91 19.93,18.75C20.07,18.5 20,18.21 19.75,18.07L12,13.59L4.25,18.07C4,18.21 3.93,18.5 4.07,18.75C4.16,18.91 4.33,19 4.5,19Z" /></svg><svg id="hard-hat" viewBox="0 0 24 24"><path d="M9.87,12.15L9,6.46C10.95,5.84 13.05,5.84 15,6.46L14.13,12.15C14.06,12.64 13.63,13 13.13,13H10.86C10.37,13 9.94,12.64 9.87,12.15M22,16V16C22,15.21 21.53,14.5 20.8,14.17C20.32,11.86 18.96,9.83 17,8.5L15.24,13.34C15.1,13.74 14.72,14 14.3,14H9.7C9.28,14 8.9,13.74 8.76,13.34L7,8.5C5.04,9.83 3.68,11.86 3.2,14.16C2.47,14.5 2,15.2 2,16L8.45,17.84C8.81,17.94 9.18,18 9.55,18H14.43C14.8,18 15.17,17.94 15.53,17.84L22,16Z" /></svg><svg id="harddisk" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M12,4A6,6 0 0,0 6,10C6,13.31 8.69,16 12.1,16L11.22,13.77C10.95,13.29 11.11,12.68 11.59,12.4L12.45,11.9C12.93,11.63 13.54,11.79 13.82,12.27L15.74,14.69C17.12,13.59 18,11.9 18,10A6,6 0 0,0 12,4M12,9A1,1 0 0,1 13,10A1,1 0 0,1 12,11A1,1 0 0,1 11,10A1,1 0 0,1 12,9M7,18A1,1 0 0,0 6,19A1,1 0 0,0 7,20A1,1 0 0,0 8,19A1,1 0 0,0 7,18M12.09,13.27L14.58,19.58L17.17,18.08L12.95,12.77L12.09,13.27Z" /></svg><svg id="hat-fedora" viewBox="0 0 24 24"><path d="M19.11,11.92C19.13,11.71 19.14,11.5 19.14,11.29C19.14,7.86 17.71,4.14 16.28,4.14C14.85,4.14 13.42,5.57 12,5.57C10.57,5.57 9.14,4.14 7.71,4.14C6.28,4.14 4.86,7.79 4.86,11.29C4.86,11.5 4.86,11.71 4.88,11.92C7.22,12.45 9.6,12.72 12,12.71C14.45,12.71 16.83,12.44 19.11,11.92M3.45,18.18C9,19.85 14.96,19.86 20.54,18.18C20.96,18.04 21.33,17.77 21.59,17.41C21.85,17.05 22,16.61 22,16.17C22,15.72 21.86,15.29 21.61,14.92C21.35,14.56 21,14.29 20.56,14.14C17.86,15 15,15.45 12,15.45C9,15.45 6.13,15 3.43,14.14C3,14.29 2.65,14.57 2.39,14.93C2.14,15.29 2,15.72 2,16.17C2,17.11 2.61,17.9 3.45,18.18V18.18Z" /></svg><svg id="hazard-lights" viewBox="0 0 24 24"><path d="M12,12L14.33,16H9.68L12,12M12,8L6.21,18H17.8L12,8M12,2L1,21H23L12,2M12,6L19.53,19H4.47L12,6Z" /></svg><svg id="hdr" viewBox="0 0 24 24"><path d="M21,11.5V10.5C21,9.7 20.3,9 19.5,9H16V15H17.5V13H18.6L19.5,15H21L20.1,12.9C20.6,12.6 21,12.1 21,11.5M19.5,11.5H17.5V10.5H19.5V11.5M6.5,11H4.5V9H3V15H4.5V12.5H6.5V15H8V9H6.5V11M13,9H9.5V15H13C13.8,15 14.5,14.3 14.5,13.5V10.5C14.5,9.7 13.8,9 13,9M13,13.5H11V10.5H13V13.5Z" /></svg><svg id="hdr-off" viewBox="0 0 24 24"><path d="M17.5,15V13H18.6L19.5,15H21L20.1,12.9C20.6,12.7 21,12.1 21,11.5V10.5C21,9.7 20.3,9 19.5,9H16V13.9L17.1,15H17.5M17.5,10.5H19.5V11.5H17.5V10.5M13,10.5V10.9L14.5,12.4V10.5C14.5,9.7 13.8,9 13,9H11.1L12.6,10.5H13M9.5,9.5L2.5,2.5L1.4,3.5L6.9,9H6.5V11H4.5V9H3V15H4.5V12.5H6.5V15H8V10.1L9.5,11.6V15H12.9L20.5,22.6L21.6,21.5L9.5,9.5Z" /></svg><svg id="headphones" viewBox="0 0 24 24"><path d="M12,1C7,1 3,5 3,10V17A3,3 0 0,0 6,20H9V12H5V10A7,7 0 0,1 12,3A7,7 0 0,1 19,10V12H15V20H18A3,3 0 0,0 21,17V10C21,5 16.97,1 12,1Z" /></svg><svg id="headphones-bluetooth" viewBox="0 0 24 24"><path d="M8,6A6,6 0 0,0 2,12V16.8C2,17.46 2.54,18 3.2,18H6V14H4V12A4,4 0 0,1 8,8A4,4 0 0,1 12,12V14H10V18H12.8A1.2,1.2 0 0,0 14,16.8V12A6,6 0 0,0 8,6M19,7V10.79L16.71,8.5L16,9.21L18.79,12L16,14.79L16.71,15.5L19,13.21V17H19.5L22.35,14.14L20.21,12L22.35,9.85L19.5,7H19M20,8.91L20.94,9.85L20,10.79V8.91M20,13.21L20.94,14.14L20,15.08V13.21Z" /></svg><svg id="headphones-box" viewBox="0 0 24 24"><path d="M7.2,18C6.54,18 6,17.46 6,16.8V13.2L6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12V13.2L18,16.8A1.2,1.2 0 0,1 16.8,18H14V14H16V12A4,4 0 0,0 12,8A4,4 0 0,0 8,12V14H10V18M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg><svg id="headphones-off" viewBox="0 0 24 24"><path d="M12,1A9,9 0 0,1 21,10V17C21,17.62 20.81,18.19 20.5,18.67L15,13.18V12H19V10A7,7 0 0,0 12,3C10,3 8.23,3.82 6.96,5.14L5.55,3.72C7.18,2.04 9.47,1 12,1M2.78,3.5L20.5,21.22L19.23,22.5L16.73,20H15V18.27L9,12.27V20H6A3,3 0 0,1 3,17V10C3,8.89 3.2,7.82 3.57,6.84L1.5,4.77L2.78,3.5M5.17,8.44C5.06,8.94 5,9.46 5,10V12H8.73L5.17,8.44Z" /></svg><svg id="headphones-settings" viewBox="0 0 24 24"><path d="M12,1A9,9 0 0,1 21,10V17A3,3 0 0,1 18,20H15V12H19V10A7,7 0 0,0 12,3A7,7 0 0,0 5,10V12H9V20H6A3,3 0 0,1 3,17V10A9,9 0 0,1 12,1M15,24V22H17V24H15M11,24V22H13V24H11M7,24V22H9V24H7Z" /></svg><svg id="headset" viewBox="0 0 24 24"><path d="M12,1C7,1 3,5 3,10V17A3,3 0 0,0 6,20H9V12H5V10A7,7 0 0,1 12,3A7,7 0 0,1 19,10V12H15V20H19V21H12V23H18A3,3 0 0,0 21,20V10C21,5 16.97,1 12,1Z" /></svg><svg id="headset-dock" viewBox="0 0 24 24"><path d="M2,18H9V6.13C7.27,6.57 6,8.14 6,10V11H8V17H6A2,2 0 0,1 4,15V10A6,6 0 0,1 10,4H11A6,6 0 0,1 17,10V12H18V9H20V12A2,2 0 0,1 18,14H17V15A2,2 0 0,1 15,17H13V11H15V10C15,8.14 13.73,6.57 12,6.13V18H22V20H2V18Z" /></svg><svg id="headset-off" viewBox="0 0 24 24"><path d="M1.5,4.77L3.57,6.84C3.2,7.82 3,8.89 3,10V20A3,3 0 0,0 6,23H12V21H5V20H9V12.27L15,18.27V20H16.73L19.23,22.5L20.5,21.22L2.78,3.5L1.5,4.77M12,1C9.47,1 7.18,2.04 5.55,3.72L6.96,5.14C8.23,3.82 10,3 12,3A7,7 0 0,1 19,10V12H15V13.18L20.5,18.67C20.81,18.19 21,17.62 21,17V10A9,9 0 0,0 12,1M5,12V10C5,9.46 5.06,8.94 5.17,8.44L8.73,12H5Z" /></svg><svg id="heart" viewBox="0 0 24 24"><path d="M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z" /></svg><svg id="heart-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M12,17L12.72,16.34C15.3,14 17,12.46 17,10.57C17,9.03 15.79,7.82 14.25,7.82C13.38,7.82 12.55,8.23 12,8.87C11.45,8.23 10.62,7.82 9.75,7.82C8.21,7.82 7,9.03 7,10.57C7,12.46 8.7,14 11.28,16.34L12,17Z" /></svg><svg id="heart-box-outline" viewBox="0 0 24 24"><path d="M12,17L11.28,16.34C8.7,14 7,12.46 7,10.57C7,9.03 8.21,7.82 9.75,7.82C10.62,7.82 11.45,8.23 12,8.87C12.55,8.23 13.38,7.82 14.25,7.82C15.79,7.82 17,9.03 17,10.57C17,12.46 15.3,14 12.72,16.34L12,17M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg><svg id="heart-broken" viewBox="0 0 24 24"><path d="M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C8.17,3 8.82,3.12 9.44,3.33L13,9.35L9,14.35L12,21.35V21.35M16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35L11,14.35L15.5,9.35L12.85,4.27C13.87,3.47 15.17,3 16.5,3Z" /></svg><svg id="heart-broken-outline" viewBox="0 0 24 24"><path d="M7.5,5C7.7,5 7.9,5 8.1,5.1L10.5,9.2L6.8,13.8C5.1,11.8 4,10.2 4,8.5C4,6.5 5.5,5 7.5,5M7.5,3C4.4,3 2,5.4 2,8.5C2,12.3 5.4,15.4 10.6,20L12,21.3L9,14.3L13,9.3L9.4,3.3C8.8,3.1 8.2,3 7.5,3M16.5,5C18.5,5 20,6.5 20,8.5C20,11.1 17.4,13.7 13.4,17.3L13.1,15L17.9,9.7L15.6,5.2C15.9,5 16.2,5 16.5,5M16.5,3C15.2,3 13.9,3.5 12.9,4.3L15.5,9.4L11,14.4L12,21.4L13.4,20.1C18.6,15.4 22,12.3 22,8.6C22,5.4 19.6,3 16.5,3Z" /></svg><svg id="heart-circle" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M9.75,7.82C10.62,7.82 11.45,8.23 12,8.87C12.55,8.23 13.38,7.82 14.25,7.82C15.79,7.82 17,9.03 17,10.57C17,12.46 15.3,14 12.72,16.34L12,17L11.28,16.34C8.7,14 7,12.46 7,10.57C7,9.03 8.21,7.82 9.75,7.82Z" /></svg><svg id="heart-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M9.75,7.82C8.21,7.82 7,9.03 7,10.57C7,12.46 8.7,14 11.28,16.34L12,17L12.72,16.34C15.3,14 17,12.46 17,10.57C17,9.03 15.79,7.82 14.25,7.82C13.38,7.82 12.55,8.23 12,8.87C11.45,8.23 10.62,7.82 9.75,7.82Z" /></svg><svg id="heart-half" viewBox="0 0 24 24"><path d="M13,7.2V17.74L13,20.44L12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C10,3 13,5 13,7.2Z" /></svg><svg id="heart-half-full" viewBox="0 0 24 24"><path d="M16.5,5C15,5 13.58,5.91 13,7.2V17.74C17.25,13.87 20,11.2 20,8.5C20,6.5 18.5,5 16.5,5M16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3Z" /></svg><svg id="heart-half-outline" viewBox="0 0 24 24"><path d="M4,8.5C4,11.2 6.75,13.87 11,17.74V7.2C10.42,5.91 9,5 7.5,5C5.5,5 4,6.5 4,8.5M13,7.2V17.74L13,20.44L12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C10,3 13,5 13,7.2Z" /></svg><svg id="heart-multiple" viewBox="0 0 24 24"><path d="M13.5,20C6.9,13.9 3.5,10.8 3.5,7.1C3.5,4 5.9,1.6 9,1.6C10.7,1.6 12.4,2.4 13.5,3.7C14.6,2.4 16.3,1.6 18,1.6C21.1,1.6 23.5,4 23.5,7.1C23.5,10.9 20.1,14 13.5,20M12,21.1C5.4,15.2 1.5,11.7 1.5,7C1.5,6.8 1.5,6.6 1.5,6.4C0.9,7.3 0.5,8.4 0.5,9.6C0.5,13.4 3.9,16.5 10.5,22.4L12,21.1Z" /></svg><svg id="heart-multiple-outline" viewBox="0 0 24 24"><path d="M12,21.1L10.5,22.4C3.9,16.5 0.5,13.4 0.5,9.6C0.5,8.4 0.9,7.3 1.5,6.4C1.5,6.6 1.5,6.8 1.5,7C1.5,11.7 5.4,15.2 12,21.1M13.6,17C18.3,12.7 21.5,9.9 21.6,7C21.6,5 20.1,3.5 18.1,3.5C16.5,3.5 15,4.5 14.5,5.9H12.6C12,4.5 10.5,3.5 9,3.5C7,3.5 5.5,5 5.5,7C5.5,9.9 8.6,12.7 13.4,17L13.5,17.1M18,1.5C21.1,1.5 23.5,3.9 23.5,7C23.5,10.7 20.1,13.8 13.5,19.8C6.9,13.9 3.5,10.8 3.5,7C3.5,3.9 5.9,1.5 9,1.5C10.7,1.5 12.4,2.3 13.5,3.6C14.6,2.3 16.3,1.5 18,1.5Z" /></svg><svg id="heart-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L20,20.72L18.73,22L15.18,18.44L13.45,20.03L12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,7.55 2.23,6.67 2.63,5.9L1,4.27M7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,11.07 20.42,13.32 17.79,15.97L5.27,3.45C5.95,3.16 6.7,3 7.5,3Z" /></svg><svg id="heart-outline" viewBox="0 0 24 24"><path d="M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z" /></svg><svg id="heart-pulse" viewBox="0 0 24 24"><path d="M7.5,4A5.5,5.5 0 0,0 2,9.5C2,10 2.09,10.5 2.22,11H6.3L7.57,7.63C7.87,6.83 9.05,6.75 9.43,7.63L11.5,13L12.09,11.58C12.22,11.25 12.57,11 13,11H21.78C21.91,10.5 22,10 22,9.5A5.5,5.5 0 0,0 16.5,4C14.64,4 13,4.93 12,6.34C11,4.93 9.36,4 7.5,4V4M3,12.5A1,1 0 0,0 2,13.5A1,1 0 0,0 3,14.5H5.44L11,20C12,20.9 12,20.9 13,20L18.56,14.5H21A1,1 0 0,0 22,13.5A1,1 0 0,0 21,12.5H13.4L12.47,14.8C12.07,15.81 10.92,15.67 10.55,14.83L8.5,9.5L7.54,11.83C7.39,12.21 7.05,12.5 6.6,12.5H3Z" /></svg><svg id="helicopter" viewBox="0 0 24 24"><path d="M3,3H17V5H3V3M23,6V10.5L14.75,12.2C14.91,12.6 15,13.04 15,13.5C15,14.9 14.18,16.1 13,16.66V17L13,19H16V21H4A3,3 0 0,1 1,18V17H3V18A1,1 0 0,0 4,19H5V16.74C3.25,16.13 2,14.46 2,12.5C2,10 4,8 6.5,8H9V6H11V8H21V6H23M11,19V17H7V19H11M7.5,10C6.12,10 5,10.9 5,12C5,13.1 6.12,14 7.5,14C8.88,14 10,13.1 10,12C10,10.9 8.88,10 7.5,10Z" /></svg><svg id="help" viewBox="0 0 24 24"><path d="M10,19H13V22H10V19M12,2C17.35,2.22 19.68,7.62 16.5,11.67C15.67,12.67 14.33,13.33 13.67,14.17C13,15 13,16 13,17H10C10,15.33 10,13.92 10.67,12.92C11.33,11.92 12.67,11.33 13.5,10.67C15.92,8.43 15.32,5.26 12,5A3,3 0 0,0 9,8H6A6,6 0 0,1 12,2Z" /></svg><svg id="help-box" viewBox="0 0 24 24"><path d="M11,18H13V16H11V18M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="help-circle" viewBox="0 0 24 24"><path d="M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z" /></svg><svg id="help-circle-outline" viewBox="0 0 24 24"><path d="M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z" /></svg><svg id="help-network" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7C5.89,17 5,16.1 5,15V5A2,2 0 0,1 7,3H17M12.19,5C11.32,5 10.62,5.2 10.08,5.59C9.56,6 9.3,6.57 9.31,7.36L9.32,7.39H11.25C11.26,7.09 11.35,6.86 11.53,6.7C11.71,6.55 11.93,6.47 12.19,6.47C12.5,6.47 12.76,6.57 12.94,6.75C13.12,6.94 13.2,7.2 13.2,7.5C13.2,7.82 13.13,8.09 12.97,8.32C12.83,8.55 12.62,8.75 12.36,8.91C11.85,9.25 11.5,9.55 11.31,9.82C11.11,10.08 11,10.5 11,11H13C13,10.69 13.04,10.44 13.13,10.26C13.22,10.07 13.39,9.9 13.64,9.74C14.09,9.5 14.46,9.21 14.75,8.81C15.04,8.41 15.19,8 15.19,7.5C15.19,6.74 14.92,6.13 14.38,5.68C13.85,5.23 13.12,5 12.19,5M11,12V14H13V12H11Z" /></svg><svg id="help-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M11.95,6C11.17,6 10.55,6.18 10.07,6.5C9.61,6.89 9.38,7.4 9.39,8.1L9.4,8.13H11.11C11.12,7.86 11.2,7.65 11.36,7.5C11.5,7.38 11.72,7.31 11.95,7.31C12.22,7.31 12.45,7.4 12.61,7.56C12.77,7.73 12.85,7.96 12.85,8.22C12.85,8.5 12.78,8.75 12.64,8.95C12.5,9.16 12.33,9.33 12.1,9.5C11.65,9.78 11.34,10.05 11.17,10.29C11,10.5 10.89,10.89 10.89,11.33H12.67C12.67,11.06 12.7,10.84 12.78,10.68C12.86,10.5 13,10.36 13.24,10.21C13.64,10 13.97,9.74 14.22,9.39C14.5,9.03 14.62,8.67 14.62,8.22C14.62,7.55 14.38,7 13.9,6.61C13.42,6.2 12.77,6 11.95,6M10.89,12.22V14H12.67V12.22H10.89Z" /></svg><svg id="help-rhombus" viewBox="0 0 24 24"><path d="M21.5,10.8L13.2,2.5C12.5,1.8 11.5,1.8 10.8,2.5L2.5,10.8C1.8,11.5 1.8,12.5 2.5,13.2L10.8,21.5C11.5,22.2 12.5,22.2 13.2,21.5L21.5,13.2C22.1,12.5 22.1,11.5 21.5,10.8M12.5,17H11V15.5H12.5V17M14.3,11.8C13.9,12.3 13.2,12.6 12.9,13.1C12.6,13.5 12.6,14 12.6,14.5H11C11,13.7 11,13 11.3,12.5C11.6,12 12.3,11.7 12.7,11.4C13.9,10.3 13.6,8.7 11.9,8.6C11.1,8.6 10.4,9.3 10.4,10.1H9C9,8.4 10.3,7.1 12,7.1C14.7,7.1 15.9,9.8 14.3,11.8Z" /></svg><svg id="help-rhombus-outline" viewBox="0 0 24 24"><path d="M21.5,10.8L13.2,2.5C12.5,1.8 11.5,1.8 10.8,2.5L2.5,10.8C1.8,11.5 1.8,12.5 2.5,13.2L10.8,21.5C11.5,22.2 12.5,22.2 13.2,21.5L21.5,13.2C22.1,12.5 22.1,11.5 21.5,10.8M20.3,12L12,20.3L3.7,12L12,3.7L20.3,12M11,15.5H12.5V17H11V15.5M12,6.95C14.7,7.06 15.87,9.78 14.28,11.81C13.86,12.31 13.19,12.64 12.85,13.07C12.5,13.5 12.5,14 12.5,14.5H11C11,13.65 11,12.94 11.35,12.44C11.68,11.94 12.35,11.64 12.77,11.31C14,10.18 13.68,8.59 12,8.46C11.18,8.46 10.5,9.13 10.5,9.97H9C9,8.3 10.35,6.95 12,6.95Z" /></svg><svg id="hexagon" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5Z" /></svg><svg id="hexagon-multiple" viewBox="0 0 24 24"><path d="M10.25,2C10.44,2 10.61,2.11 10.69,2.26L12.91,6.22L13,6.5L12.91,6.78L10.69,10.74C10.61,10.89 10.44,11 10.25,11H5.75C5.56,11 5.39,10.89 5.31,10.74L3.09,6.78L3,6.5L3.09,6.22L5.31,2.26C5.39,2.11 5.56,2 5.75,2H10.25M10.25,13C10.44,13 10.61,13.11 10.69,13.26L12.91,17.22L13,17.5L12.91,17.78L10.69,21.74C10.61,21.89 10.44,22 10.25,22H5.75C5.56,22 5.39,21.89 5.31,21.74L3.09,17.78L3,17.5L3.09,17.22L5.31,13.26C5.39,13.11 5.56,13 5.75,13H10.25M19.5,7.5C19.69,7.5 19.86,7.61 19.94,7.76L22.16,11.72L22.25,12L22.16,12.28L19.94,16.24C19.86,16.39 19.69,16.5 19.5,16.5H15C14.81,16.5 14.64,16.39 14.56,16.24L12.34,12.28L12.25,12L12.34,11.72L14.56,7.76C14.64,7.61 14.81,7.5 15,7.5H19.5Z" /></svg><svg id="hexagon-outline" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg><svg id="hexagon-slice-1" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15M12,12V5.32L17.94,8.66L12,12Z" /></svg><svg id="hexagon-slice-2" viewBox="0 0 24 24"><path d="M18,15.38L12,12V5.32L18,8.69V15.38M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg><svg id="hexagon-slice-3" viewBox="0 0 24 24"><path d="M12,5.32L18,8.69V15.31L12,18.68V5.32M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg><svg id="hexagon-slice-4" viewBox="0 0 24 24"><path d="M12,5.32L18,8.69V15.31L12,18.68L6.06,15.34L12,12V5.32M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg><svg id="hexagon-slice-5" viewBox="0 0 24 24"><path d="M12,5.32L18,8.69V15.31L12,18.68L6,15.31V8.69L12,12V5.32M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg><svg id="hexagon-slice-6" viewBox="0 0 24 24"><path d="M12,5.32L18,8.69V15.31L12,18.68L6,15.31V8.69L12,5.32M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg><svg id="hexagram" viewBox="0 0 24 24"><path d="M14.5,7.66L20.64,6.97L17,12L20.68,16.97L14.5,16.32L12.03,22L9.5,16.34L3.36,17.03L7,12L3.32,7.03L9.5,7.68L11.97,2L14.5,7.66Z" /></svg><svg id="hexagram-outline" viewBox="0 0 24 24"><path d="M12,7L13.3,9.8L16.5,9.4L14.5,12L16.4,14.5L13.2,14.1L12,17L10.7,14.2L7.5,14.6L9.5,12L7.6,9.5L10.8,9.9L12,7M12,2L9.5,7.7L3.3,7L7,12L3.4,17L9.6,16.3L12,22L14.5,16.3L20.7,16.9L17,12L20.6,7L14.4,7.7L12,2Z" /></svg><svg id="high-definition" viewBox="0 0 24 24"><path d="M5,7H7V11H9V7H11V17H9V13H7V17H5V7M13,7H16A3,3 0 0,1 19,10V14A3,3 0 0,1 16,17H13V7M16,15A1,1 0 0,0 17,14V10A1,1 0 0,0 16,9H15V15H16Z" /></svg><svg id="high-definition-box" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M11,15H9.5V13H7.5V15H6V9H7.5V11.5H9.5V9H11V15M13,9H17A1,1 0 0,1 18,10V14A1,1 0 0,1 17,15H13V9M14.5,13.5H16.5V10.5H14.5V13.5Z" /></svg><svg id="highway" viewBox="0 0 24 24"><path d="M10,2L8,8H11V2H10M13,2V8H16L14,2H13M2,9V10H4V11H6V10H18L18.06,11H20V10H22V9H2M7,11L3.34,22H11V11H7M13,11V22H20.66L17,11H13Z" /></svg><svg id="hiking" viewBox="0 0 24 24"><path d="M9.8,8.9L7,23H9.1L10.9,15L13,17V23H15V15.5L12.9,13.5L13.5,10.5C14.63,11.81 16.29,12.73 18.15,12.95L16,23H17L20,9L19.04,8.8L18.58,11C16.86,10.85 15.44,9.89 14.7,8.6L13.7,7C13.5,6.65 13.2,6.37 12.84,6.2C12.5,6 12.08,5.96 11.68,6C11.28,6.09 10.92,6.27 10.63,6.55C10.34,6.83 10.14,7.19 10.06,7.58L9.8,8.9M7.08,6.92L9.4,7.38L8.4,12.46L6.08,12L7.08,6.92M13.5,5.5A2,2 0 0,0 15.5,3.5A2,2 0 0,0 13.5,1.5A2,2 0 0,0 11.5,3.5A2,2 0 0,0 13.5,5.5Z" /></svg><svg id="hinduism" viewBox="0 0 24 24"><path d="M15,2L13.5,3.5L15,5L16.5,3.5L15,2M11,3C10,9 17,10 20,6L18,4.5C17,6 13,8 11,3M9,7C7,7 4.5,8.5 4.5,8.5L6,11C7,10 9,9.5 10,10C12,11 9,13 7,12V15.5C10,14 12,16 11,17.5C8,22 3,16 3,13C1,19 6,22 9,22C12,22 14,20 12.5,15H14C12.5,19.5 18,24 21,18C22,16 22,9.5 17,9.5C13,9.5 14,15 10.5,13.5C14,10 12,7 9,7M19,12C22,15 15,21 15,15C15,13 17,10.5 19,12Z" /></svg><svg id="history" viewBox="0 0 24 24"><path d="M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3" /></svg><svg id="hockey-puck" viewBox="0 0 24 24"><path d="M12,5C6.5,5 2,6.57 2,8.5C2,10.43 6.5,12 12,12C17.5,12 22,10.43 22,8.5C22,6.57 17.5,5 12,5M2,11.76V16.5C2,18.43 6.5,20 12,20C17.5,20 22,18.43 22,16.5V11.76C21.33,12.22 20.58,12.57 19.73,12.86C17.62,13.6 14.95,14 12,14C9.05,14 6.38,13.6 4.27,12.86C3.42,12.57 2.67,12.22 2,11.76Z" /></svg><svg id="hockey-sticks" viewBox="0 0 24 24"><path d="M7.58,3L5.05,4.61L9.04,10.87L10.82,8.08L7.58,3M16.43,3L7.5,17H2V21H8.5L18.96,4.61L16.43,3M14.97,14.59L13.19,17.38L15.5,21H22V17H16.5L14.97,14.59Z" /></svg><svg id="hololens" viewBox="0 0 24 24"><path d="M12,8C12,8 22,8 22,11C22,11 22.09,14.36 21.75,14.25C21,11 12,11 12,11C12,11 3,11 2.25,14.25C1.91,14.36 2,11 2,11C2,8 12,8 12,8M12,12C20,12 20.75,14.25 20.75,14.25C19.75,17.25 19,18 15,18C12,18 13,16.5 12,16.5C11,16.5 12,18 9,18C5,18 4.25,17.25 3.25,14.25C3.25,14.25 4,12 12,12Z" /></svg><svg id="home" viewBox="0 0 24 24"><path d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z" /></svg><svg id="home-account" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M12,8.75A2.25,2.25 0 0,1 14.25,11A2.25,2.25 0 0,1 12,13.25A2.25,2.25 0 0,1 9.75,11A2.25,2.25 0 0,1 12,8.75M12,15C13.5,15 16.5,15.75 16.5,17.25V18H7.5V17.25C7.5,15.75 10.5,15 12,15Z" /></svg><svg id="home-alert" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M13,18H11V16H13V18M13,14H11V9H13V14Z" /></svg><svg id="home-assistant" viewBox="0 0 24 24"><path d="M21.8,13H20V21H13V17.67L15.79,14.88L16.5,15C17.66,15 18.6,14.06 18.6,12.9C18.6,11.74 17.66,10.8 16.5,10.8A2.1,2.1 0 0,0 14.4,12.9L14.5,13.61L13,15.13V9.65C13.66,9.29 14.1,8.6 14.1,7.8A2.1,2.1 0 0,0 12,5.7A2.1,2.1 0 0,0 9.9,7.8C9.9,8.6 10.34,9.29 11,9.65V15.13L9.5,13.61L9.6,12.9A2.1,2.1 0 0,0 7.5,10.8A2.1,2.1 0 0,0 5.4,12.9A2.1,2.1 0 0,0 7.5,15L8.21,14.88L11,17.67V21H4V13H2.25C1.83,13 1.42,13 1.42,12.79C1.43,12.57 1.85,12.15 2.28,11.72L11,3C11.33,2.67 11.67,2.33 12,2.33C12.33,2.33 12.67,2.67 13,3L17,7V6H19V9L21.78,11.78C22.18,12.18 22.59,12.59 22.6,12.8C22.6,13 22.2,13 21.8,13M7.5,12A0.9,0.9 0 0,1 8.4,12.9A0.9,0.9 0 0,1 7.5,13.8A0.9,0.9 0 0,1 6.6,12.9A0.9,0.9 0 0,1 7.5,12M16.5,12C17,12 17.4,12.4 17.4,12.9C17.4,13.4 17,13.8 16.5,13.8A0.9,0.9 0 0,1 15.6,12.9A0.9,0.9 0 0,1 16.5,12M12,6.9C12.5,6.9 12.9,7.3 12.9,7.8C12.9,8.3 12.5,8.7 12,8.7C11.5,8.7 11.1,8.3 11.1,7.8C11.1,7.3 11.5,6.9 12,6.9Z" /></svg><svg id="home-automation" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M12,8.5C14.34,8.5 16.46,9.43 18,10.94L16.8,12.12C15.58,10.91 13.88,10.17 12,10.17C10.12,10.17 8.42,10.91 7.2,12.12L6,10.94C7.54,9.43 9.66,8.5 12,8.5M12,11.83C13.4,11.83 14.67,12.39 15.6,13.3L14.4,14.47C13.79,13.87 12.94,13.5 12,13.5C11.06,13.5 10.21,13.87 9.6,14.47L8.4,13.3C9.33,12.39 10.6,11.83 12,11.83M12,15.17C12.94,15.17 13.7,15.91 13.7,16.83C13.7,17.75 12.94,18.5 12,18.5C11.06,18.5 10.3,17.75 10.3,16.83C10.3,15.91 11.06,15.17 12,15.17Z" /></svg><svg id="home-circle" viewBox="0 0 24 24"><path d="M19.07,4.93C17.22,3 14.66,1.96 12,2C9.34,1.96 6.79,3 4.94,4.93C3,6.78 1.96,9.34 2,12C1.96,14.66 3,17.21 4.93,19.06C6.78,21 9.34,22.04 12,22C14.66,22.04 17.21,21 19.06,19.07C21,17.22 22.04,14.66 22,12C22.04,9.34 21,6.78 19.07,4.93M17,12V18H13.5V13H10.5V18H7V12H5L12,5L19.5,12H17Z" /></svg><svg id="home-city" viewBox="0 0 24 24"><path d="M0,21V10L7.5,5L15,10V21H10V14H5V21H0M24,2V21H17V8.93L16,8.27V6H14V6.93L10,4.27V2H24M21,14H19V16H21V14M21,10H19V12H21V10M21,6H19V8H21V6Z" /></svg><svg id="home-city-outline" viewBox="0 0 24 24"><path d="M10,2V4.26L12,5.59V4H22V19H17V21H24V2H10M7.5,5L0,10V21H15V10L7.5,5M14,6V6.93L15.61,8H16V6H14M18,6V8H20V6H18M7.5,7.5L13,11V19H10V13H5V19H2V11L7.5,7.5M18,10V12H20V10H18M18,14V16H20V14H18Z" /></svg><svg id="home-currency-usd" viewBox="0 0 24 24"><path d="M12,3L22,12H19V20H5V12H2L12,3M9.22,8.93C8.75,9.4 8.5,10.03 8.5,10.75C8.5,12.43 10.54,13.07 11.76,13.46C13.26,13.93 13.47,14.21 13.5,14.25C13.5,15 12.15,15 12,15V15C11.37,15 11.03,14.88 10.86,14.78C10.67,14.67 10.5,14.5 10.5,14H8.5C8.5,15.43 9.24,16.16 9.85,16.5C10.18,16.7 10.57,16.84 11,16.92V18H13V16.91C14.53,16.61 15.5,15.62 15.5,14.25C15.5,12.67 13.88,12.03 12.36,11.55C10.8,11.06 10.53,10.77 10.5,10.75C10.5,10.5 10.57,10.41 10.64,10.34C10.85,10.13 11.36,10 12,10V10C12.68,10 13.5,10.13 13.5,10.75H15.5C15.5,9.34 14.56,8.37 13,8.09V7H11V8.08C10.26,8.21 9.65,8.5 9.22,8.93Z" /></svg><svg id="home-floor-0" viewBox="0 0 24 24"><path d="M11,10H13V16H11V10M22,12H19V20H5V12H2L12,3L22,12M15,10A2,2 0 0,0 13,8H11A2,2 0 0,0 9,10V16A2,2 0 0,0 11,18H13A2,2 0 0,0 15,16V10Z" /></svg><svg id="home-floor-1" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M10,8H14V18H12V10H10V8Z" /></svg><svg id="home-floor-2" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M9,8H13A2,2 0 0,1 15,10V12A2,2 0 0,1 13,14H11V16H15V18H9V14A2,2 0 0,1 11,12H13V10H9V8Z" /></svg><svg id="home-floor-3" viewBox="0 0 24 24"><path d="M12,3L22,12H19V20H5V12H2L12,3M15,11.5V10C15,8.89 14.1,8 13,8H9V10H13V12H11V14H13V16H9V18H13A2,2 0 0,0 15,16V14.5A1.5,1.5 0 0,0 13.5,13A1.5,1.5 0 0,0 15,11.5Z" /></svg><svg id="home-floor-a" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M11,8H13A2,2 0 0,1 15,10V18H13V15H11V18H9V10C9,8.89 9.9,8 11,8M11,10V13H13V10H11Z" /></svg><svg id="home-floor-b" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M9,8H13A2,2 0 0,1 15,10V11.5A1.5,1.5 0 0,1 13.5,13A1.5,1.5 0 0,1 15,14.5V16A2,2 0 0,1 13,18H9V8M11,10V12H13V10H11M11,14V16H13V14H11Z" /></svg><svg id="home-floor-g" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M11,8H15V10H11V16H13V12H15V16C15,17.11 14.1,18 13,18H11A2,2 0 0,1 9,16V10C9,8.89 9.9,8 11,8Z" /></svg><svg id="home-floor-l" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M9,8H11V16H15V18H9V8Z" /></svg><svg id="home-floor-negative-1" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M11,15H7V13H11V15M15,18H13V10H11V8H15V18Z" /></svg><svg id="home-group" viewBox="0 0 24 24"><path d="M17,16H15V22H12V17H8V22H5V16H3L10,10L17,16M6,2L10,6H9V9H7V6H5V9H3V6H2L6,2M18,3L23,8H22V12H19V9H17V12H15.34L14,10.87V8H13L18,3Z" /></svg><svg id="home-heart" viewBox="0 0 24 24"><path d="M2,12L12,3L22,12H19V20H5V12H2M12,18L12.72,17.34C15.3,15 17,13.46 17,11.57C17,10.03 15.79,8.82 14.25,8.82C13.38,8.82 12.55,9.23 12,9.87C11.45,9.23 10.62,8.82 9.75,8.82C8.21,8.82 7,10.03 7,11.57C7,13.46 8.7,15 11.28,17.34L12,18Z" /></svg><svg id="home-lock" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M12,9A3,3 0 0,1 15,12V13H16V17H8V13H9V12A3,3 0 0,1 12,9M12,11A1,1 0 0,0 11,12V13H13V12C13,11.5 12.6,11 12,11Z" /></svg><svg id="home-lock-open" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M12,8A3,3 0 0,1 15,11H13A1,1 0 0,0 12,10A1,1 0 0,0 11,11V13H16V17H8V13H9V11A3,3 0 0,1 12,8Z" /></svg><svg id="home-map-marker" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M12,7.7C14.1,7.7 15.8,9.4 15.8,11.5C15.8,14.5 12,18 12,18C12,18 8.2,14.5 8.2,11.5C8.2,9.4 9.9,7.7 12,7.7M12,10A1.5,1.5 0 0,0 10.5,11.5A1.5,1.5 0 0,0 12,13A1.5,1.5 0 0,0 13.5,11.5A1.5,1.5 0 0,0 12,10Z" /></svg><svg id="home-minus" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M16,13V15H8V13H16Z" /></svg><svg id="home-modern" viewBox="0 0 24 24"><path d="M6,21V8A2,2 0 0,1 8,6L16,3V6A2,2 0 0,1 18,8V21H12V16H8V21H6M14,19H16V16H14V19M8,13H10V9H8V13M12,13H16V9H12V13Z" /></svg><svg id="home-outline" viewBox="0 0 24 24"><path d="M9,19V13H11L13,13H15V19H18V10.91L12,4.91L6,10.91V19H9M12,2.09L21.91,12H20V21H13V15H11V21H4V12H2.09L12,2.09Z" /></svg><svg id="home-plus" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M11,10H13V13H16V15H13V18H11V15H8V13H11V10Z" /></svg><svg id="home-variant" viewBox="0 0 24 24"><path d="M12,3L20,9V21H15V14H9V21H4V9L12,3Z" /></svg><svg id="home-variant-outline" viewBox="0 0 24 24"><path d="M9,13H15V19H18V10L12,5.5L6,10V19H9V13M4,21V9L12,3L20,9V21H4Z" /></svg><svg id="hook" viewBox="0 0 24 24"><path d="M18,6C18,7.82 16.76,9.41 15,9.86V17A5,5 0 0,1 10,22A5,5 0 0,1 5,17V12L10,17H7A3,3 0 0,0 10,20A3,3 0 0,0 13,17V9.86C11.23,9.4 10,7.8 10,5.97C10,3.76 11.8,2 14,2C16.22,2 18,3.79 18,6M14,8A2,2 0 0,0 16,6A2,2 0 0,0 14,4A2,2 0 0,0 12,6A2,2 0 0,0 14,8Z" /></svg><svg id="hook-off" viewBox="0 0 24 24"><path d="M13,9.86V11.18L15,13.18V9.86C17.14,9.31 18.43,7.13 17.87,5C17.32,2.85 15.14,1.56 13,2.11C10.86,2.67 9.57,4.85 10.13,7C10.5,8.4 11.59,9.5 13,9.86M14,4A2,2 0 0,1 16,6A2,2 0 0,1 14,8A2,2 0 0,1 12,6A2,2 0 0,1 14,4M18.73,22L14.86,18.13C14.21,20.81 11.5,22.46 8.83,21.82C6.6,21.28 5,19.29 5,17V12L10,17H7A3,3 0 0,0 10,20A3,3 0 0,0 13,17V16.27L2,5.27L3.28,4L13,13.72L15,15.72L20,20.72L18.73,22Z" /></svg><svg id="hops" viewBox="0 0 24 24"><path d="M21,12C21,12 12.5,10 12.5,2C12.5,2 21,2 21,12M3,12C3,2 11.5,2 11.5,2C11.5,10 3,12 3,12M12,6.5C12,6.5 13,8.66 15,10.5C14.76,14.16 12,16 12,16C12,16 9.24,14.16 9,10.5C11,8.66 12,6.5 12,6.5M20.75,13.25C20.75,13.25 20,17 18,19C18,19 15.53,17.36 14.33,14.81C15.05,13.58 15.5,12.12 15.75,11.13C17.13,12.18 18.75,13 20.75,13.25M15.5,18.25C14.5,20.25 12,21.75 12,21.75C12,21.75 9.5,20.25 8.5,18.25C8.5,18.25 9.59,17.34 10.35,15.8C10.82,16.35 11.36,16.79 12,17C12.64,16.79 13.18,16.35 13.65,15.8C14.41,17.34 15.5,18.25 15.5,18.25M3.25,13.25C5.25,13 6.87,12.18 8.25,11.13C8.5,12.12 8.95,13.58 9.67,14.81C8.47,17.36 6,19 6,19C4,17 3.25,13.25 3.25,13.25Z" /></svg><svg id="horseshoe" viewBox="0 0 24 24"><path d="M19,4H20V1H16V4C16,4 18,8 18,12C18,16 16,19 12,19C8,19 6,16 6,12C6,8 8,4 8,4V1H4V4H5C5,4 2,8 2,14C2,19 7,23 12,23C17,23 22,19 22,14C22,8 19,4 19,4M4,13C3.4,13 3,12.6 3,12C3,11.4 3.4,11 4,11C4.6,11 5,11.4 5,12C5,12.6 4.6,13 4,13M6,19C5.4,19 5,18.6 5,18C5,17.4 5.4,17 6,17C6.6,17 7,17.4 7,18C7,18.6 6.6,19 6,19M12,22C11.4,22 11,21.6 11,21C11,20.4 11.4,20 12,20C12.6,20 13,20.4 13,21C13,21.6 12.6,22 12,22M18,19C17.4,19 17,18.6 17,18C17,17.4 17.4,17 18,17C18.6,17 19,17.4 19,18C19,18.6 18.6,19 18,19M20,13C19.4,13 19,12.6 19,12C19,11.4 19.4,11 20,11C20.6,11 21,11.4 21,12C21,12.6 20.6,13 20,13Z" /></svg><svg id="hospital" viewBox="0 0 24 24"><path d="M18,14H14V18H10V14H6V10H10V6H14V10H18M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg><svg id="hospital-building" viewBox="0 0 24 24"><path d="M2,22V7A1,1 0 0,1 3,6H7V2H17V6H21A1,1 0 0,1 22,7V22H14V17H10V22H2M9,4V10H11V8H13V10H15V4H13V6H11V4H9M4,20H8V17H4V20M4,15H8V12H4V15M16,20H20V17H16V20M16,15H20V12H16V15M10,15H14V12H10V15Z" /></svg><svg id="hospital-marker" viewBox="0 0 24 24"><path d="M12,2C15.86,2 19,5.13 19,9C19,14.25 12,22 12,22C12,22 5,14.25 5,9A7,7 0 0,1 12,2M9,6V12H11V10H13V12H15V6H13V8H11V6H9Z" /></svg><svg id="hot-tub" viewBox="0 0 24 24"><path d="M7,4A2,2 0 0,1 9,6A2,2 0 0,1 7,8A2,2 0 0,1 5,6A2,2 0 0,1 7,4M11.15,12H22V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V12H5V11.25C5,10 6,9 7.25,9H7.28C7.62,9 7.95,9.09 8.24,9.23C8.5,9.35 8.74,9.5 8.93,9.73L10.33,11.28C10.56,11.54 10.84,11.78 11.15,12M7,20V14H5V20H7M11,20V14H9V20H11M15,20V14H13V20H15M19,20V14H17V20H19M18.65,5.86C19.68,6.86 20.16,8.21 19.95,9.57L19.89,10H18L18.09,9.41C18.24,8.62 18,7.83 17.42,7.21L17.35,7.15C16.32,6.14 15.85,4.79 16.05,3.43L16.11,3H18L17.91,3.59C17.76,4.38 18,5.17 18.58,5.79L18.65,5.86M14.65,5.86C15.68,6.86 16.16,8.21 15.95,9.57L15.89,10H14L14.09,9.41C14.24,8.62 14,7.83 13.42,7.21L13.35,7.15C12.32,6.14 11.85,4.79 12.05,3.43L12.11,3H14L13.91,3.59C13.76,4.38 14,5.17 14.58,5.79L14.65,5.86Z" /></svg><svg id="hotel" viewBox="0 0 24 24"><path d="M19,7H11V14H3V5H1V20H3V17H21V20H23V11A4,4 0 0,0 19,7M7,13A3,3 0 0,0 10,10A3,3 0 0,0 7,7A3,3 0 0,0 4,10A3,3 0 0,0 7,13Z" /></svg><svg id="houzz" viewBox="0 0 24 24"><path d="M14,20.95H20V10.78L8,7.34V3.05H4V20.95H10V15.31H14V20.95Z" /></svg><svg id="houzz-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M13.5,18.71H18V11.09L9,8.5V5.29H6V18.71H10.5V14.5H13.5V18.71Z" /></svg><svg id="hubspot" viewBox="0 0 24 24"><path d="M17.1,8.6V6.2C17.7,5.9 18.2,5.3 18.2,4.6V4.5C18.2,3.5 17.4,2.7 16.4,2.7H16.3C15.3,2.7 14.5,3.5 14.5,4.5V4.6C14.5,5.3 14.9,5.9 15.6,6.2V8.6C14.7,8.7 13.8,9.1 13.1,9.7L6.5,4.6C6.8,3.5 6.1,2.3 5,2.1C3.9,1.9 2.8,2.4 2.5,3.5C2.2,4.6 2.9,5.8 4,6.1C4.5,6.2 5.1,6.2 5.6,5.9L12,10.9C10.8,12.7 10.8,15 12.1,16.8L10.1,18.8C9.9,18.8 9.8,18.7 9.6,18.7C8.7,18.7 7.9,19.5 7.9,20.4C7.9,21.3 8.7,22 9.6,22C10.5,22 11.3,21.2 11.3,20.3V20.3C11.3,20.1 11.3,20 11.2,19.8L13.1,17.9C15.4,19.6 18.7,19.2 20.4,16.9C22.1,14.6 21.7,11.3 19.4,9.6C18.8,9.1 18,8.7 17.1,8.6M16.3,16.4C14.8,16.4 13.6,15.2 13.6,13.7C13.6,12.2 14.8,11 16.3,11C17.8,11 19,12.2 19,13.7C19,15.2 17.8,16.4 16.3,16.4" /></svg><svg id="hulu" viewBox="0 0 24 24"><path d="M19.5,12.8V22H14.7V13.9C14.7,13.2 14.1,12.6 13.4,12.6H10.5C9.8,12.6 9.2,13.2 9.2,13.9V22H4.5V2H9.3V8.4C9.6,8.3 9.9,8.2 10.2,8.2H15C17.5,8.2 19.5,10.3 19.5,12.8Z" /></svg><svg id="human" viewBox="0 0 24 24"><path d="M21,9H15V22H13V16H11V22H9V9H3V7H21M12,2A2,2 0 0,1 14,4A2,2 0 0,1 12,6C10.89,6 10,5.1 10,4C10,2.89 10.89,2 12,2Z" /></svg><svg id="human-child" viewBox="0 0 24 24"><path d="M12,2A3,3 0 0,1 15,5A3,3 0 0,1 12,8A3,3 0 0,1 9,5A3,3 0 0,1 12,2M11,22H8V16H6V9H18V16H16V22H13V18H11V22Z" /></svg><svg id="human-female" viewBox="0 0 24 24"><path d="M12,2A2,2 0 0,1 14,4A2,2 0 0,1 12,6A2,2 0 0,1 10,4A2,2 0 0,1 12,2M10.5,22V16H7.5L10.09,8.41C10.34,7.59 11.1,7 12,7C12.9,7 13.66,7.59 13.91,8.41L16.5,16H13.5V22H10.5Z" /></svg><svg id="human-female-boy" viewBox="0 0 24 24"><path d="M7.5,2A2,2 0 0,1 9.5,4A2,2 0 0,1 7.5,6A2,2 0 0,1 5.5,4A2,2 0 0,1 7.5,2M6,22V16H3L5.6,8.4C5.9,7.6 6.6,7 7.5,7C8.4,7 9.2,7.6 9.4,8.4L12,16H9V22H6M14.5,12A2,2 0 0,1 16.5,10A2,2 0 0,1 18.5,12A2,2 0 0,1 16.5,14A2,2 0 0,1 14.5,12M13.5,15H19.5V19H18V22H15V19H13.5V15Z" /></svg><svg id="human-female-female" viewBox="0 0 24 24"><path d="M7.5,2A2,2 0 0,1 9.5,4A2,2 0 0,1 7.5,6A2,2 0 0,1 5.5,4A2,2 0 0,1 7.5,2M6,22V16H3L5.6,8.4C5.9,7.6 6.6,7 7.5,7C8.4,7 9.2,7.6 9.4,8.4L12,16L14.6,8.4C14.9,7.6 15.6,7 16.5,7C17.4,7 18.2,7.6 18.4,8.4L21,16H18V22H15V16H12L9,16V22H6M16.5,2A2,2 0 0,1 18.5,4A2,2 0 0,1 16.5,6A2,2 0 0,1 14.5,4A2,2 0 0,1 16.5,2Z" /></svg><svg id="human-female-girl" viewBox="0 0 24 24"><path d="M7.5,2A2,2 0 0,1 9.5,4A2,2 0 0,1 7.5,6A2,2 0 0,1 5.5,4A2,2 0 0,1 7.5,2M6,22V16H3L5.6,8.4C5.9,7.6 6.6,7 7.5,7C8.4,7 9.2,7.6 9.4,8.4L12,16H9V22H6M14.5,12A2,2 0 0,1 16.5,10A2,2 0 0,1 18.5,12A2,2 0 0,1 16.5,14A2,2 0 0,1 14.5,12M15,15H18L19.5,19H18V22H15V19H13.5L15,15Z" /></svg><svg id="human-greeting" viewBox="0 0 24 24"><path d="M1.5,4V5.5C1.5,9.65 3.71,13.28 7,15.3V20H22V18C22,15.34 16.67,14 14,14C14,14 13.83,14 13.75,14C9,14 5,10 5,5.5V4M14,4A4,4 0 0,0 10,8A4,4 0 0,0 14,12A4,4 0 0,0 18,8A4,4 0 0,0 14,4Z" /></svg><svg id="human-handsdown" viewBox="0 0 24 24"><path d="M12,1C10.89,1 10,1.9 10,3C10,4.11 10.89,5 12,5C13.11,5 14,4.11 14,3A2,2 0 0,0 12,1M10,6C9.73,6 9.5,6.11 9.31,6.28H9.3L4,11.59L5.42,13L9,9.41V22H11V15H13V22H15V9.41L18.58,13L20,11.59L14.7,6.28C14.5,6.11 14.27,6 14,6" /></svg><svg id="human-handsup" viewBox="0 0 24 24"><path d="M5,1C5,3.7 6.56,6.16 9,7.32V22H11V15H13V22H15V7.31C17.44,6.16 19,3.7 19,1H17A5,5 0 0,1 12,6A5,5 0 0,1 7,1M12,1C10.89,1 10,1.89 10,3C10,4.11 10.89,5 12,5C13.11,5 14,4.11 14,3C14,1.89 13.11,1 12,1Z" /></svg><svg id="human-male" viewBox="0 0 24 24"><path d="M12,2A2,2 0 0,1 14,4A2,2 0 0,1 12,6A2,2 0 0,1 10,4A2,2 0 0,1 12,2M10.5,7H13.5A2,2 0 0,1 15.5,9V14.5H14V22H10V14.5H8.5V9A2,2 0 0,1 10.5,7Z" /></svg><svg id="human-male-boy" viewBox="0 0 24 24"><path d="M7.5,2A2,2 0 0,1 9.5,4A2,2 0 0,1 7.5,6A2,2 0 0,1 5.5,4A2,2 0 0,1 7.5,2M6,7H9A2,2 0 0,1 11,9V14.5H9.5V22H5.5V14.5H4V9A2,2 0 0,1 6,7M14.5,12A2,2 0 0,1 16.5,10A2,2 0 0,1 18.5,12A2,2 0 0,1 16.5,14A2,2 0 0,1 14.5,12M13.5,15H19.5V19H18V22H15V19H13.5V15Z" /></svg><svg id="human-male-female" viewBox="0 0 24 24"><path d="M7.5,2A2,2 0 0,1 9.5,4A2,2 0 0,1 7.5,6A2,2 0 0,1 5.5,4A2,2 0 0,1 7.5,2M6,7H9A2,2 0 0,1 11,9V14.5H9.5V22H5.5V14.5H4V9A2,2 0 0,1 6,7M16.5,2A2,2 0 0,1 18.5,4A2,2 0 0,1 16.5,6A2,2 0 0,1 14.5,4A2,2 0 0,1 16.5,2M15,22V16H12L14.59,8.41C14.84,7.59 15.6,7 16.5,7C17.4,7 18.16,7.59 18.41,8.41L21,16H18V22H15Z" /></svg><svg id="human-male-girl" viewBox="0 0 24 24"><path d="M7.5,2A2,2 0 0,1 9.5,4A2,2 0 0,1 7.5,6A2,2 0 0,1 5.5,4A2,2 0 0,1 7.5,2M6,7H9A2,2 0 0,1 11,9V14.5H9.5V22H5.5V14.5H4V9A2,2 0 0,1 6,7M14.5,12A2,2 0 0,1 16.5,10A2,2 0 0,1 18.5,12A2,2 0 0,1 16.5,14A2,2 0 0,1 14.5,12M15,15H18L19.5,19H18V22H15V19H13.5L15,15Z" /></svg><svg id="human-male-male" viewBox="0 0 24 24"><path d="M7.5,2A2,2 0 0,1 9.5,4A2,2 0 0,1 7.5,6A2,2 0 0,1 5.5,4A2,2 0 0,1 7.5,2M6,7H9A2,2 0 0,1 11,9V14.5H9.5V22H5.5V14.5H4V9A2,2 0 0,1 6,7M16.5,2A2,2 0 0,1 18.5,4A2,2 0 0,1 16.5,6A2,2 0 0,1 14.5,4A2,2 0 0,1 16.5,2M15,7H18A2,2 0 0,1 20,9V14.5H18.5V22H14.5V14.5H13V9A2,2 0 0,1 15,7Z" /></svg><svg id="human-pregnant" viewBox="0 0 24 24"><path d="M9,4C9,2.89 9.89,2 11,2C12.11,2 13,2.89 13,4C13,5.11 12.11,6 11,6C9.89,6 9,5.11 9,4M16,13C16,11.66 15.17,10.5 14,10A3,3 0 0,0 11,7A3,3 0 0,0 8,10V17H10V22H13V17H16V13Z" /></svg><svg id="humble-bundle" viewBox="0 0 24 24"><path d="M16.91,18.12C14.09,18.12 18.43,2.13 18.43,2.13H15.53C15.53,2.13 14.34,5.89 13.55,10.07H11.05C11.11,9.21 11.15,8.34 11.13,7.5C11,0.59 7,1.87 5.18,3.45C3.47,4.95 2.03,7.8 2,10C2.27,10 3.35,10 3.35,10C3.35,10 4.25,5.88 7.07,5.88C9.89,5.88 5.54,21.87 5.54,21.87H8.45C8.45,21.87 9.95,17.59 10.7,12.81L13.09,12.8C12.95,14.04 12.91,15.4 12.93,16.67C13.04,23.56 17.06,22.08 18.86,20.5C20.67,18.92 22,15.58 22,14H20.61C20.62,14.12 19.73,18.12 16.91,18.12V18.12Z" /></svg><svg id="ice-cream" viewBox="0 0 24 24"><path d="M12,2C14.21,2 16,3.79 16,6.05C17.14,6.28 18,7.29 18,8.5A2.5,2.5 0 0,1 15.5,11H8.5A2.5,2.5 0 0,1 6,8.5C6,7.29 6.86,6.28 8,6A4,4 0 0,1 12,2M9,12H15L13,22H11L9,12Z" /></svg><svg id="iframe" viewBox="0 0 24 24"><path d="M21,2H3A2,2 0 0,0 1,4V20A2,2 0 0,0 3,22H21A2,2 0 0,0 23,20V4A2,2 0 0,0 21,2M11,17.5L9.5,19L5,14.5L9.5,10L11,11.5L8,14.5L11,17.5M14.5,19L13,17.5L16,14.5L13,11.5L14.5,10L19,14.5L14.5,19M21,7H3V4H21V7Z" /></svg><svg id="iframe-outline" viewBox="0 0 24 24"><path d="M9.5,8.5L11,10L8,13L11,16L9.5,17.5L5,13L9.5,8.5M14.5,17.5L13,16L16,13L13,10L14.5,8.5L19,13L14.5,17.5M21,2H3A2,2 0 0,0 1,4V20A2,2 0 0,0 3,22H21A2,2 0 0,0 23,20V4A2,2 0 0,0 21,2M21,20H3V6H21V20Z" /></svg><svg id="image" viewBox="0 0 24 24"><path d="M8.5,13.5L11,16.5L14.5,12L19,18H5M21,19V5C21,3.89 20.1,3 19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19Z" /></svg><svg id="image-album" viewBox="0 0 24 24"><path d="M6,19L9,15.14L11.14,17.72L14.14,13.86L18,19H6M6,4H11V12L8.5,10.5L6,12M18,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2Z" /></svg><svg id="image-area" viewBox="0 0 24 24"><path d="M20,5A2,2 0 0,1 22,7V17A2,2 0 0,1 20,19H4C2.89,19 2,18.1 2,17V7C2,5.89 2.89,5 4,5H20M5,16H19L14.5,10L11,14.5L8.5,11.5L5,16Z" /></svg><svg id="image-area-close" viewBox="0 0 24 24"><path d="M12,23L8,19H16L12,23M20,3A2,2 0 0,1 22,5V15A2,2 0 0,1 20,17H4A2,2 0 0,1 2,15V5A2,2 0 0,1 4,3H20M5,14H19L14.5,8L11,12.5L8.5,9.5L5,14Z" /></svg><svg id="image-broken" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z" /></svg><svg id="image-broken-variant" viewBox="0 0 24 24"><path d="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41" /></svg><svg id="image-filter" viewBox="0 0 24 24"><path d="M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3M15.96,10.29L13.21,13.83L11.25,11.47L8.5,15H19.5L15.96,10.29Z" /></svg><svg id="image-filter-black-white" viewBox="0 0 24 24"><path d="M19,19L12,11V19H5L12,11V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="image-filter-center-focus" viewBox="0 0 24 24"><path d="M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M19,19H15V21H19A2,2 0 0,0 21,19V15H19M19,3H15V5H19V9H21V5A2,2 0 0,0 19,3M5,5H9V3H5A2,2 0 0,0 3,5V9H5M5,15H3V19A2,2 0 0,0 5,21H9V19H5V15Z" /></svg><svg id="image-filter-center-focus-weak" viewBox="0 0 24 24"><path d="M5,15H3V19A2,2 0 0,0 5,21H9V19H5M5,5H9V3H5A2,2 0 0,0 3,5V9H5M19,3H15V5H19V9H21V5A2,2 0 0,0 19,3M19,19H15V21H19A2,2 0 0,0 21,19V15H19M12,8A4,4 0 0,0 8,12A4,4 0 0,0 12,16A4,4 0 0,0 16,12A4,4 0 0,0 12,8M12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14Z" /></svg><svg id="image-filter-drama" viewBox="0 0 24 24"><path d="M19,18H6A4,4 0 0,1 2,14A4,4 0 0,1 6,10A4,4 0 0,1 10,14H12C12,11.24 10.14,8.92 7.6,8.22C8.61,6.88 10.2,6 12,6C15.03,6 17.5,8.47 17.5,11.5V12H19A3,3 0 0,1 22,15A3,3 0 0,1 19,18M19.35,10.04C18.67,6.59 15.64,4 12,4C9.11,4 6.61,5.64 5.36,8.04C2.35,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.04Z" /></svg><svg id="image-filter-frames" viewBox="0 0 24 24"><path d="M18,8H6V18H18M20,20H4V6H8.5L12.04,2.5L15.5,6H20M20,4H16L12,0L8,4H4A2,2 0 0,0 2,6V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V6A2,2 0 0,0 20,4Z" /></svg><svg id="image-filter-hdr" viewBox="0 0 24 24"><path d="M14,6L10.25,11L13.1,14.8L11.5,16C9.81,13.75 7,10 7,10L1,18H23L14,6Z" /></svg><svg id="image-filter-none" viewBox="0 0 24 24"><path d="M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg><svg id="image-filter-tilt-shift" viewBox="0 0 24 24"><path d="M5.68,19.74C7.16,20.95 9,21.75 11,21.95V19.93C9.54,19.75 8.21,19.17 7.1,18.31M13,19.93V21.95C15,21.75 16.84,20.95 18.32,19.74L16.89,18.31C15.79,19.17 14.46,19.75 13,19.93M18.31,16.9L19.74,18.33C20.95,16.85 21.75,15 21.95,13H19.93C19.75,14.46 19.17,15.79 18.31,16.9M15,12A3,3 0 0,0 12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12M4.07,13H2.05C2.25,15 3.05,16.84 4.26,18.32L5.69,16.89C4.83,15.79 4.25,14.46 4.07,13M5.69,7.1L4.26,5.68C3.05,7.16 2.25,9 2.05,11H4.07C4.25,9.54 4.83,8.21 5.69,7.1M19.93,11H21.95C21.75,9 20.95,7.16 19.74,5.68L18.31,7.1C19.17,8.21 19.75,9.54 19.93,11M18.32,4.26C16.84,3.05 15,2.25 13,2.05V4.07C14.46,4.25 15.79,4.83 16.9,5.69M11,4.07V2.05C9,2.25 7.16,3.05 5.68,4.26L7.1,5.69C8.21,4.83 9.54,4.25 11,4.07Z" /></svg><svg id="image-filter-vintage" viewBox="0 0 24 24"><path d="M12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16M18.7,12.4C18.42,12.24 18.13,12.11 17.84,12C18.13,11.89 18.42,11.76 18.7,11.6C20.62,10.5 21.69,8.5 21.7,6.41C19.91,5.38 17.63,5.3 15.7,6.41C15.42,6.57 15.16,6.76 14.92,6.95C14.97,6.64 15,6.32 15,6C15,3.78 13.79,1.85 12,0.81C10.21,1.85 9,3.78 9,6C9,6.32 9.03,6.64 9.08,6.95C8.84,6.75 8.58,6.56 8.3,6.4C6.38,5.29 4.1,5.37 2.3,6.4C2.3,8.47 3.37,10.5 5.3,11.59C5.58,11.75 5.87,11.88 6.16,12C5.87,12.1 5.58,12.23 5.3,12.39C3.38,13.5 2.31,15.5 2.3,17.58C4.09,18.61 6.37,18.69 8.3,17.58C8.58,17.42 8.84,17.23 9.08,17.04C9.03,17.36 9,17.68 9,18C9,20.22 10.21,22.15 12,23.19C13.79,22.15 15,20.22 15,18C15,17.68 14.97,17.36 14.92,17.05C15.16,17.25 15.42,17.43 15.7,17.59C17.62,18.7 19.9,18.62 21.7,17.59C21.69,15.5 20.62,13.5 18.7,12.4Z" /></svg><svg id="image-frame" viewBox="0 0 24 24"><path d="M10,14.29L6.5,19H17.46L14.75,15.46L12.78,17.8L10,14.29M5,21V7H18.96V21H5M12,2.4L14.61,5.03H9.37L12,2.4M5,5.03C4.5,5.03 4,5.22 3.61,5.61C3.2,6 3,6.46 3,7V21C3,21.5 3.2,22 3.61,22.39C4,22.8 4.5,23 5,23H18.96C19.5,23 19.96,22.8 20.37,22.39C20.77,22 21,21.5 21,21V7C21,6.46 20.77,6 20.37,5.61C19.96,5.22 19.5,5.03 18.96,5.03H16L12,1L7.96,5.03H5Z" /></svg><svg id="image-move" viewBox="0 0 24 24"><path d="M15,3H19V0L24,5L19,10V7H15V3M21,11.94V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H12.06C12,3.33 12,3.67 12,4A8,8 0 0,0 20,12C20.33,12 20.67,12 21,11.94M19,18L14.5,12L11,16.5L8.5,13.5L5,18H19Z" /></svg><svg id="image-multiple" viewBox="0 0 24 24"><path d="M22,16V4A2,2 0 0,0 20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16M11,12L13.03,14.71L16,11L20,16H8M2,6V20A2,2 0 0,0 4,22H18V20H4V6" /></svg><svg id="image-off" viewBox="0 0 24 24"><path d="M2.28,3L1,4.27L3,6.27V19A2,2 0 0,0 5,21H17.73L19.73,23L21,21.72L2.28,3M4.83,3L21,19.17V5C21,3.89 20.1,3 19,3H4.83M8.5,13.5L11,16.5L12,15.25L14.73,18H5L8.5,13.5Z" /></svg><svg id="image-outline" viewBox="0 0 24 24"><path d="M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M13.96,12.29L11.21,15.83L9.25,13.47L6.5,17H17.5L13.96,12.29Z" /></svg><svg id="image-plus" viewBox="0 0 24 24"><path d="M5,3A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H14.09C14.03,20.67 14,20.34 14,20C14,19.32 14.12,18.64 14.35,18H5L8.5,13.5L11,16.5L14.5,12L16.73,14.97C17.7,14.34 18.84,14 20,14C20.34,14 20.67,14.03 21,14.09V5C21,3.89 20.1,3 19,3H5M19,16V19H16V21H19V24H21V21H24V19H21V16H19Z" /></svg><svg id="image-search" viewBox="0 0 24 24"><path d="M15.5,2C18,2 20,4 20,6.5C20,7.38 19.75,8.21 19.31,8.9L22.39,12L21,13.39L17.88,10.32C17.19,10.75 16.37,11 15.5,11C13,11 11,9 11,6.5C11,4 13,2 15.5,2M15.5,4A2.5,2.5 0 0,0 13,6.5A2.5,2.5 0 0,0 15.5,9A2.5,2.5 0 0,0 18,6.5A2.5,2.5 0 0,0 15.5,4M7.5,14.5L4,19H18L13.5,13L10,17.5L7.5,14.5M20,20A2,2 0 0,1 18,22H4A2,2 0 0,1 2,20V6A2,2 0 0,1 4,4H9.5C9.18,4.77 9,5.61 9,6.5A6.5,6.5 0 0,0 15.5,13C16.18,13 16.84,12.89 17.46,12.7L20,15.24V20Z" /></svg><svg id="image-search-outline" viewBox="0 0 24 24"><path d="M15.5,9C16.2,9 16.79,8.76 17.27,8.27C17.76,7.79 18,7.2 18,6.5C18,5.83 17.76,5.23 17.27,4.73C16.79,4.23 16.2,4 15.5,4C14.83,4 14.23,4.23 13.73,4.73C13.23,5.23 13,5.83 13,6.5C13,7.2 13.23,7.79 13.73,8.27C14.23,8.76 14.83,9 15.5,9M19.31,8.91L22.41,12L21,13.41L17.86,10.31C17.08,10.78 16.28,11 15.47,11C14.22,11 13.16,10.58 12.3,9.7C11.45,8.83 11,7.77 11,6.5C11,5.27 11.45,4.2 12.33,3.33C13.2,2.45 14.27,2 15.5,2C16.77,2 17.83,2.45 18.7,3.33C19.58,4.2 20,5.27 20,6.5C20,7.33 19.78,8.13 19.31,8.91M16.5,18H5.5L8.25,14.5L10.22,16.83L12.94,13.31L16.5,18M18,13L20,15V20C20,20.55 19.81,21 19.41,21.4C19,21.79 18.53,22 18,22H4C3.45,22 3,21.79 2.6,21.4C2.21,21 2,20.55 2,20V6C2,5.47 2.21,5 2.6,4.59C3,4.19 3.45,4 4,4H9.5C9.2,4.64 9.03,5.31 9,6H4V20H18V13Z" /></svg><svg id="image-size-select-actual" viewBox="0 0 24 24"><path d="M21,3H3C2,3 1,4 1,5V19A2,2 0 0,0 3,21H21C22,21 23,20 23,19V5C23,4 22,3 21,3M5,17L8.5,12.5L11,15.5L14.5,11L19,17H5Z" /></svg><svg id="image-size-select-large" viewBox="0 0 24 24"><path d="M21,15H23V17H21V15M21,11H23V13H21V11M23,19H21V21C22,21 23,20 23,19M13,3H15V5H13V3M21,7H23V9H21V7M21,3V5H23C23,4 22,3 21,3M1,7H3V9H1V7M17,3H19V5H17V3M17,19H19V21H17V19M3,3C2,3 1,4 1,5H3V3M9,3H11V5H9V3M5,3H7V5H5V3M1,11V19A2,2 0 0,0 3,21H15V11H1M3,19L5.5,15.79L7.29,17.94L9.79,14.72L13,19H3Z" /></svg><svg id="image-size-select-small" viewBox="0 0 24 24"><path d="M23,15H21V17H23V15M23,11H21V13H23V11M23,19H21V21C22,21 23,20 23,19M15,3H13V5H15V3M23,7H21V9H23V7M21,3V5H23C23,4 22,3 21,3M3,21H11V15H1V19A2,2 0 0,0 3,21M3,7H1V9H3V7M15,19H13V21H15V19M19,3H17V5H19V3M19,19H17V21H19V19M3,3C2,3 1,4 1,5H3V3M3,11H1V13H3V11M11,3H9V5H11V3M7,3H5V5H7V3Z" /></svg><svg id="import" viewBox="0 0 24 24"><path d="M14,12L10,8V11H2V13H10V16M20,18V6C20,4.89 19.1,4 18,4H6A2,2 0 0,0 4,6V9H6V6H18V18H6V15H4V18A2,2 0 0,0 6,20H18A2,2 0 0,0 20,18Z" /></svg><svg id="inbox" viewBox="0 0 24 24"><path d="M19,15H15A3,3 0 0,1 12,18A3,3 0 0,1 9,15H5V5H19M19,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="inbox-arrow-down" viewBox="0 0 24 24"><path d="M16,10H14V7H10V10H8L12,14M19,15H15A3,3 0 0,1 12,18A3,3 0 0,1 9,15H5V5H19M19,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="inbox-arrow-up" viewBox="0 0 24 24"><path d="M14,14H10V11H8L12,7L16,11H14V14M16,11M5,15V5H19V15H15A3,3 0 0,1 12,18A3,3 0 0,1 9,15H5M19,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3" /></svg><svg id="inbox-multiple" viewBox="0 0 24 24"><path d="M19,8V5H5V8H9A3,3 0 0,0 12,11A3,3 0 0,0 15,8H19M19,3A2,2 0 0,1 21,5V12A2,2 0 0,1 19,14H5A2,2 0 0,1 3,12V5A2,2 0 0,1 5,3H19M3,15H9A3,3 0 0,0 12,18A3,3 0 0,0 15,15H21V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V15Z" /></svg><svg id="inbox-multiple-outline" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V12A2,2 0 0,1 19,14H5A2,2 0 0,1 3,12V5A2,2 0 0,1 5,3H19M5,10V12H9.4C8.8,11.47 8.34,10.78 8.13,10H5M19,12V10H15.87C15.66,10.78 15.2,11.47 14.6,12H19M19,8V5H5V8H10V9C10,10.07 10.93,11 12,11C13.07,11 14,10.07 14,9V8H19M21,19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V15H10V16C10,17.07 10.93,18 12,18C13.07,18 14,17.07 14,16V15H21V19M5,17V19H9.4C8.8,18.47 8.34,17.78 8.13,17H5M19,19V17H15.87C15.66,17.78 15.2,18.47 14.6,19H19Z" /></svg><svg id="incognito" viewBox="0 0 24 24"><path d="M12,3C9.31,3 7.41,4.22 7.41,4.22L6,9H18L16.59,4.22C16.59,4.22 14.69,3 12,3M12,11C9.27,11 5.39,11.54 5.13,11.59C4.09,11.87 3.25,12.15 2.59,12.41C1.58,12.75 1,13 1,13H23C23,13 22.42,12.75 21.41,12.41C20.75,12.15 19.89,11.87 18.84,11.59C18.84,11.59 14.82,11 12,11M7.5,14A3.5,3.5 0 0,0 4,17.5A3.5,3.5 0 0,0 7.5,21A3.5,3.5 0 0,0 11,17.5C11,17.34 11,17.18 10.97,17.03C11.29,16.96 11.63,16.9 12,16.91C12.37,16.91 12.71,16.96 13.03,17.03C13,17.18 13,17.34 13,17.5A3.5,3.5 0 0,0 16.5,21A3.5,3.5 0 0,0 20,17.5A3.5,3.5 0 0,0 16.5,14C15.03,14 13.77,14.9 13.25,16.19C12.93,16.09 12.55,16 12,16C11.45,16 11.07,16.09 10.75,16.19C10.23,14.9 8.97,14 7.5,14M7.5,15A2.5,2.5 0 0,1 10,17.5A2.5,2.5 0 0,1 7.5,20A2.5,2.5 0 0,1 5,17.5A2.5,2.5 0 0,1 7.5,15M16.5,15A2.5,2.5 0 0,1 19,17.5A2.5,2.5 0 0,1 16.5,20A2.5,2.5 0 0,1 14,17.5A2.5,2.5 0 0,1 16.5,15Z" /></svg><svg id="infinity" viewBox="0 0 24 24"><path d="M18.6,6.62C21.58,6.62 24,9 24,12C24,14.96 21.58,17.37 18.6,17.37C17.15,17.37 15.8,16.81 14.78,15.8L12,13.34L9.17,15.85C8.2,16.82 6.84,17.38 5.4,17.38C2.42,17.38 0,14.96 0,12C0,9.04 2.42,6.62 5.4,6.62C6.84,6.62 8.2,7.18 9.22,8.2L12,10.66L14.83,8.15C15.8,7.18 17.16,6.62 18.6,6.62M7.8,14.39L10.5,12L7.84,9.65C7.16,8.97 6.31,8.62 5.4,8.62C3.53,8.62 2,10.13 2,12C2,13.87 3.53,15.38 5.4,15.38C6.31,15.38 7.16,15.03 7.8,14.39M16.2,9.61L13.5,12L16.16,14.35C16.84,15.03 17.7,15.38 18.6,15.38C20.47,15.38 22,13.87 22,12C22,10.13 20.47,8.62 18.6,8.62C17.69,8.62 16.84,8.97 16.2,9.61Z" /></svg><svg id="information" viewBox="0 0 24 24"><path d="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="information-outline" viewBox="0 0 24 24"><path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z" /></svg><svg id="information-variant" viewBox="0 0 24 24"><path d="M13.5,4A1.5,1.5 0 0,0 12,5.5A1.5,1.5 0 0,0 13.5,7A1.5,1.5 0 0,0 15,5.5A1.5,1.5 0 0,0 13.5,4M13.14,8.77C11.95,8.87 8.7,11.46 8.7,11.46C8.5,11.61 8.56,11.6 8.72,11.88C8.88,12.15 8.86,12.17 9.05,12.04C9.25,11.91 9.58,11.7 10.13,11.36C12.25,10 10.47,13.14 9.56,18.43C9.2,21.05 11.56,19.7 12.17,19.3C12.77,18.91 14.38,17.8 14.54,17.69C14.76,17.54 14.6,17.42 14.43,17.17C14.31,17 14.19,17.12 14.19,17.12C13.54,17.55 12.35,18.45 12.19,17.88C12,17.31 13.22,13.4 13.89,10.71C14,10.07 14.3,8.67 13.14,8.77Z" /></svg><svg id="instagram" viewBox="0 0 24 24"><path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg><svg id="instapaper" viewBox="0 0 24 24"><path d="M10,5A1,1 0 0,0 9,4H8V2H16V4H15A1,1 0 0,0 14,5V19A1,1 0 0,0 15,20H16V22H8V20H9A1,1 0 0,0 10,19V5Z" /></svg><svg id="internet-explorer" viewBox="0 0 24 24"><path d="M13,3L14,3.06C16.8,1.79 19.23,1.64 20.5,2.92C21.5,3.93 21.58,5.67 20.92,7.72C21.61,9 22,10.45 22,12L21.95,13H9.08C9.45,15.28 11.06,17 13,17C14.31,17 15.47,16.21 16.2,15H21.5C20.25,18.5 16.92,21 13,21C11.72,21 10.5,20.73 9.41,20.25C6.5,21.68 3.89,21.9 2.57,20.56C1,18.96 1.68,15.57 4,12C4.93,10.54 6.14,9.06 7.57,7.65L8.38,6.88C7.21,7.57 5.71,8.62 4.19,10.17C5.03,6.08 8.66,3 13,3M13,7C11.21,7 9.69,8.47 9.18,10.5H16.82C16.31,8.47 14.79,7 13,7M20.06,4.06C19.4,3.39 18.22,3.35 16.74,3.81C18.22,4.5 19.5,5.56 20.41,6.89C20.73,5.65 20.64,4.65 20.06,4.06M3.89,20C4.72,20.84 6.4,20.69 8.44,19.76C6.59,18.67 5.17,16.94 4.47,14.88C3.27,17.15 3,19.07 3.89,20Z" /></svg><svg id="invert-colors" viewBox="0 0 24 24"><path d="M12,19.58V19.58C10.4,19.58 8.89,18.96 7.76,17.83C6.62,16.69 6,15.19 6,13.58C6,12 6.62,10.47 7.76,9.34L12,5.1M17.66,7.93L12,2.27V2.27L6.34,7.93C3.22,11.05 3.22,16.12 6.34,19.24C7.9,20.8 9.95,21.58 12,21.58C14.05,21.58 16.1,20.8 17.66,19.24C20.78,16.12 20.78,11.05 17.66,7.93Z" /></svg><svg id="invert-colors-off" viewBox="0 0 24 24"><path d="M20.65,20.87L18.3,18.5L12,12.23L8.44,8.66L7,7.25L4.27,4.5L3,5.77L5.78,8.55C3.23,11.69 3.42,16.31 6.34,19.24C7.9,20.8 9.95,21.58 12,21.58C13.79,21.58 15.57,21 17.03,19.8L19.73,22.5L21,21.23L20.65,20.87M12,19.59C10.4,19.59 8.89,18.97 7.76,17.83C6.62,16.69 6,15.19 6,13.59C6,12.27 6.43,11 7.21,10L12,14.77V19.59M12,5.1V9.68L19.25,16.94C20.62,14 20.09,10.37 17.65,7.93L12,2.27L8.3,5.97L9.71,7.38L12,5.1Z" /></svg><svg id="ip" viewBox="0 0 24 24"><path d="M16,11H14V9H16V11M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M10,7H8V17H10V7M12,17H14V13H16A2,2 0 0,0 18,11V9A2,2 0 0,0 16,7H12V17Z" /></svg><svg id="ip-network" viewBox="0 0 24 24"><path d="M15,9H13V7H15V9M22,20V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7A2,2 0 0,1 5,15V5A2,2 0 0,1 7,3H17A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22M9,5H7V15H9V5M11,15H13V11H15A2,2 0 0,0 17,9V7A2,2 0 0,0 15,5H11V15Z" /></svg><svg id="ip-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M10,6H8V14H10V6M14,6H11V14H13V12H14A2,2 0 0,0 16,10V8A2,2 0 0,0 14,6M14,10H13V8H14V10Z" /></svg><svg id="ipod" viewBox="0 0 24 24"><path d="M7,2A2,2 0 0,0 5,4V20A2,2 0 0,0 7,22H17A2,2 0 0,0 19,20V4A2,2 0 0,0 17,2H7M7,4H17V10H7V4M12,12A4,4 0 0,1 16,16A4,4 0 0,1 12,20A4,4 0 0,1 8,16A4,4 0 0,1 12,12M12,14A2,2 0 0,0 10,16A2,2 0 0,0 12,18A2,2 0 0,0 14,16A2,2 0 0,0 12,14Z" /></svg><svg id="islam" viewBox="0 0 24 24"><path d="M12.3,2C12.2,2 12.1,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22C15,22 16.7,21 18.5,19.5C13,21 8,17 8,12C8,7 13,3 18.5,4.5C16.86,2.86 14.62,1.96 12.3,2M16.8,6.2L15.3,9.7L11.6,10L14.5,12.5L13.6,16L16.8,14L20,16L19,12.5L22,10L18.3,9.7L16.8,6.2Z" /></svg><svg id="itunes" viewBox="0 0 24 24"><path d="M7.85,17.07C7.03,17.17 3.5,17.67 4.06,20.26C4.69,23.3 9.87,22.59 9.83,19C9.81,16.57 9.83,9.2 9.83,9.2C9.83,9.2 9.76,8.53 10.43,8.39L18.19,6.79C18.19,6.79 18.83,6.65 18.83,7.29C18.83,7.89 18.83,14.2 18.83,14.2C18.83,14.2 18.9,14.83 18.12,15C17.34,15.12 13.91,15.4 14.19,18C14.5,21.07 20,20.65 20,17.07V2.61C20,2.61 20.04,1.62 18.9,1.87L9.5,3.78C9.5,3.78 8.66,3.96 8.66,4.77C8.66,5.5 8.66,16.11 8.66,16.11C8.66,16.11 8.66,16.96 7.85,17.07Z" /></svg><svg id="jabber" viewBox="0 0 24 24"><path d="M5.23,5.72C4.61,5.55 5,3.19 5,3.17C5,3.19 12.58,-0.71 16.7,5.73C20.8,12.15 15.86,14.86 13.97,16.06C12.08,17.27 12.73,19.72 12.73,20.13C12.73,20.53 12.16,20.97 12,20.41C11.88,19.84 11.25,16.55 13.33,15.16C17.13,12.61 17.9,10.1 16,6.42C14.2,3 8.28,3.41 7.03,4.08C5.78,4.75 5.86,5.89 5.23,5.72M9.33,12.63L9.11,12.16C9.23,10.28 7.63,10.39 8.08,13.33C8.21,14.16 7.47,13.8 7.45,13.73C6.89,11.44 7.42,10.22 8.55,10.45C9.62,10.68 9.53,11.83 9.53,11.83C9.56,11.78 11,10.17 11.5,10.92C12.58,12.5 10.53,14.47 10.41,14.63C10.28,14.78 10.14,15.05 9.92,14.84C9.7,14.64 9.72,14.5 9.89,14.27C12.77,10 9.59,12.22 9.33,12.63M6.5,15.33V15.31C6.5,15.31 8,18.13 10.61,17.08C11,16.92 11.17,17.14 11.2,17.27C11.27,17.53 11.13,17.64 10.86,17.73C7.86,18.72 5.89,16.63 5.63,16.13C5.39,15.68 5.5,15.38 5.75,15.22C6,15.06 6.5,15.33 6.5,15.33M6,17.5C6,17.5 7.67,19.5 10.8,19C11.09,18.94 11.2,19.13 11.25,19.38C11.3,19.63 11.22,19.84 10.92,19.94C10.63,20.03 7.08,20.5 5.13,17.72C5,17.56 5.3,17.36 5.47,17.36C5.64,17.36 6.03,17.5 6,17.5M5.95,19.39C7.53,21.5 10.33,21.55 11.28,20.88C11.5,20.73 11.7,21.05 11.56,21.19C9.64,23.16 5.67,21 5.27,20.33C5.09,20.05 5.13,19.66 5.31,19.45C5.5,19.25 5.93,19.38 5.95,19.39Z" /></svg><svg id="jeepney" viewBox="0 0 24 24"><path d="M19,13V7H20V4H4V7H5V13H2C2,13.93 2.5,14.71 3.5,14.93V20A1,1 0 0,0 4.5,21H5.5A1,1 0 0,0 6.5,20V19H17.5V20A1,1 0 0,0 18.5,21H19.5A1,1 0 0,0 20.5,20V14.93C21.5,14.7 22,13.93 22,13H19M8,15A1.5,1.5 0 0,1 6.5,13.5A1.5,1.5 0 0,1 8,12A1.5,1.5 0 0,1 9.5,13.5A1.5,1.5 0 0,1 8,15M16,15A1.5,1.5 0 0,1 14.5,13.5A1.5,1.5 0 0,1 16,12A1.5,1.5 0 0,1 17.5,13.5A1.5,1.5 0 0,1 16,15M17.5,10.5C15.92,10.18 14.03,10 12,10C9.97,10 8,10.18 6.5,10.5V7H17.5V10.5Z" /></svg><svg id="jira" viewBox="0 0 24 24"><path d="M11.53,2C11.53,4.4 13.5,6.35 15.88,6.35H17.66V8.05C17.66,10.45 19.6,12.39 22,12.4V2.84A0.84,0.84 0 0,0 21.16,2H11.53M6.77,6.8C6.78,9.19 8.72,11.13 11.11,11.14H12.91V12.86C12.92,15.25 14.86,17.19 17.25,17.2V7.63C17.24,7.17 16.88,6.81 16.42,6.8H6.77M2,11.6C2,14 3.95,15.94 6.35,15.94H8.13V17.66C8.14,20.05 10.08,22 12.47,22V12.43A0.84,0.84 0 0,0 11.63,11.59L2,11.6Z" /></svg><svg id="jquery" viewBox="0 0 24 24"><path d="M22.88,10.41C20.77,12.18 17.61,11.9 15.84,9.79C14.06,7.67 14.34,4.5 16.45,2.75L16.96,2.37C15.27,4.19 15.16,7.03 16.8,9C18.43,10.94 21.25,11.32 23.34,9.97L22.88,10.41M21.1,14.5C17.93,17.17 13.2,16.76 10.54,13.58C7.87,10.41 8.29,5.68 11.46,3L12.38,2.36C9.96,5.09 9.84,9.26 12.26,12.14C14.68,15 18.8,15.63 21.91,13.72L21.1,14.5M19.97,19.38C15.53,23.11 8.9,22.53 5.17,18.08C1.45,13.64 2.03,7 6.47,3.29L7.58,2.5C4.07,6.3 3.85,12.23 7.28,16.32C10.71,20.4 16.59,21.22 20.96,18.43L19.97,19.38Z" /></svg><svg id="jsfiddle" viewBox="0 0 24 24"><path d="M16.45,17.5C17.45,17.5 18.3,17.15 19,16.5C19.67,15.8 20,15 20,14C20,13.05 19.66,12.22 18.96,11.53C18.26,10.84 17.41,10.5 16.41,10.5C15.47,10.5 14.64,10.83 13.92,11.5L9.14,15.56C8.7,16 8.17,16.22 7.55,16.22C6.92,16.22 6.39,16 5.95,15.56C5.5,15.13 5.3,14.61 5.3,14C5.3,13.42 5.5,12.91 5.95,12.47C6.39,12.03 6.92,11.81 7.55,11.81C8.14,11.81 8.69,12.03 9.19,12.47L9.94,13.13L10.92,12.23L10.08,11.53C9.39,10.84 8.55,10.5 7.55,10.5C6.58,10.5 5.74,10.84 5.04,11.53C4.34,12.22 4,13.05 4,14C4,15 4.34,15.8 5.04,16.5C5.74,17.15 6.59,17.5 7.59,17.5C8.53,17.5 9.36,17.16 10.08,16.5L14.86,12.42C15.27,12 15.8,11.81 16.45,11.81C17.08,11.81 17.61,12.03 18.05,12.47C18.5,12.91 18.7,13.42 18.7,14C18.7,14.61 18.5,15.13 18.05,15.56C17.61,16 17.08,16.22 16.45,16.22C15.89,16.22 15.34,16 14.81,15.5L14.06,14.86L13.08,15.75L13.92,16.45C14.61,17.14 15.45,17.5 16.45,17.5M19.36,10.03C20.64,10.13 21.73,10.65 22.64,11.6C23.55,12.55 24,13.69 24,15C24,16.38 23.5,17.55 22.5,18.54C21.54,19.5 20.36,20 19,20H6C4.34,20 2.93,19.43 1.76,18.26C0.59,17.09 0,15.67 0,14C0,12.55 0.5,11.23 1.57,10.05C2.62,8.88 3.88,8.22 5.34,8.06C6,6.84 6.92,5.86 8.11,5.11C9.3,4.36 10.59,4 12,4C13.69,4 15.26,4.58 16.71,5.77C18.16,6.95 19.05,8.38 19.36,10.03Z" /></svg><svg id="json" viewBox="0 0 24 24"><path d="M5,3H7V5H5V10A2,2 0 0,1 3,12A2,2 0 0,1 5,14V19H7V21H5C3.93,20.73 3,20.1 3,19V15A2,2 0 0,0 1,13H0V11H1A2,2 0 0,0 3,9V5A2,2 0 0,1 5,3M19,3A2,2 0 0,1 21,5V9A2,2 0 0,0 23,11H24V13H23A2,2 0 0,0 21,15V19A2,2 0 0,1 19,21H17V19H19V14A2,2 0 0,1 21,12A2,2 0 0,1 19,10V5H17V3H19M12,15A1,1 0 0,1 13,16A1,1 0 0,1 12,17A1,1 0 0,1 11,16A1,1 0 0,1 12,15M8,15A1,1 0 0,1 9,16A1,1 0 0,1 8,17A1,1 0 0,1 7,16A1,1 0 0,1 8,15M16,15A1,1 0 0,1 17,16A1,1 0 0,1 16,17A1,1 0 0,1 15,16A1,1 0 0,1 16,15Z" /></svg><svg id="judaism" viewBox="0 0 24 24"><path d="M12,2L9.1,7H3.3L6.3,12L3.3,17H9.1L12,22L14.9,17H20.7L17.7,12L20.7,7H14.9L12,2M12,5L13.2,7H10.8L12,5M8.2,8.5L7.1,10.5L5.9,8.5H8.2M10,8.5H14L16,12L14,15.5H10L8,12L10,8.5M18,8.5L16.8,10.5L15.7,8.5H18M7.1,13.5L8.2,15.5H6L7.1,13.5M16.9,13.5L18.1,15.5H15.8L16.9,13.5M13.3,17L12,19L10.8,17H13.3Z" /></svg><svg id="kabaddi" viewBox="0 0 24 24"><path d="M11.25,10.55C12.28,11.58 13.5,12.09 14.86,12.09L15,14.16C13.06,14.16 11.38,13.47 9.94,12.09L9.23,11.39L6.89,13.78L9,15.89V21.89H7V16.73L5.72,15.56V17.77L1.45,22L0.05,20.58L3.7,16.97L2.63,14L2.58,13.85L2.5,13.64V13.45C2.42,12.89 2.63,12.38 3.09,11.91L6.42,8.58C6.83,8.17 7.3,7.97 7.83,7.97C8.3,7.97 8.67,8.08 8.95,8.3L11.25,10.55M24,11.86H22V8.5L20.2,7.78L21.09,12.23L22.13,17.44L23,21.89H20.91L19.08,13.88L17,15.89V21.89H15V14.39L17.11,12.38L16.5,9.38C15.94,10 15.23,10.55 14.39,11C13.45,10.92 12.63,10.5 11.91,9.8C13.47,9.5 14.59,8.75 15.28,7.5L16.31,5.86C16.94,4.86 17.81,4.59 18.94,5.06L24,7.17V11.86M11.42,4.4C12.5,4.4 13.42,5.29 13.42,6.4A2,2 0 0,1 11.42,8.4C10.31,8.4 9.42,7.5 9.42,6.4C9.42,5.29 10.31,4.4 11.42,4.4M16.5,0.35C17.63,0.35 18.5,1.25 18.5,2.35C18.5,3.46 17.63,4.35 16.5,4.35C15.42,4.35 14.5,3.46 14.5,2.35A2,2 0 0,1 16.5,0.35Z" /></svg><svg id="karate" viewBox="0 0 24 24"><path d="M19,1.27C18.04,0.72 16.82,1.04 16.27,2C15.71,2.95 16.04,4.18 17,4.73C17.95,5.28 19.17,4.96 19.73,4C20.28,3.04 19.95,1.82 19,1.27M21.27,9.34L18.7,13.79L16.96,12.79L18.69,9.79L17.14,8.5L14,13.92V22H12V13.39L2.47,7.89L3.47,6.16L11.27,10.66L13.67,6.5L7.28,4.17L8,2.29L14.73,4.74L15,4.84C15.39,5 15.76,5.15 16.12,5.35L16.96,5.84C17.31,6.04 17.65,6.28 17.96,6.54L18.19,6.74L21.27,9.34Z" /></svg><svg id="keg" viewBox="0 0 24 24"><path d="M5,22V20H6V16H5V14H6V11H5V7H11V3H10V2H11L13,2H14V3H13V7H19V11H18V14H19V16H18V20H19V22H5M17,9A1,1 0 0,0 16,8H14A1,1 0 0,0 13,9A1,1 0 0,0 14,10H16A1,1 0 0,0 17,9Z" /></svg><svg id="kettle" viewBox="0 0 24 24"><path d="M12.5,3C7.81,3 4,5.69 4,9V9C4,10.19 4.5,11.34 5.44,12.33C4.53,13.5 4,14.96 4,16.5C4,17.64 4,18.83 4,20C4,21.11 4.89,22 6,22H19C20.11,22 21,21.11 21,20C21,18.85 21,17.61 21,16.5C21,15.28 20.66,14.07 20,13L22,11L19,8L16.9,10.1C15.58,9.38 14.05,9 12.5,9C10.65,9 8.95,9.53 7.55,10.41C7.19,9.97 7,9.5 7,9C7,7.21 9.46,5.75 12.5,5.75V5.75C13.93,5.75 15.3,6.08 16.33,6.67L18.35,4.65C16.77,3.59 14.68,3 12.5,3M12.5,11C12.84,11 13.17,11.04 13.5,11.09C10.39,11.57 8,14.25 8,17.5V20H6V17.5A6.5,6.5 0 0,1 12.5,11Z" /></svg><svg id="key" viewBox="0 0 24 24"><path d="M7,14A2,2 0 0,1 5,12A2,2 0 0,1 7,10A2,2 0 0,1 9,12A2,2 0 0,1 7,14M12.65,10C11.83,7.67 9.61,6 7,6A6,6 0 0,0 1,12A6,6 0 0,0 7,18C9.61,18 11.83,16.33 12.65,14H17V18H21V14H23V10H12.65Z" /></svg><svg id="key-change" viewBox="0 0 24 24"><path d="M6.5,2C8.46,2 10.13,3.25 10.74,5H22V8H18V11H15V8H10.74C10.13,9.75 8.46,11 6.5,11C4,11 2,9 2,6.5C2,4 4,2 6.5,2M6.5,5A1.5,1.5 0 0,0 5,6.5A1.5,1.5 0 0,0 6.5,8A1.5,1.5 0 0,0 8,6.5A1.5,1.5 0 0,0 6.5,5M6.5,13C8.46,13 10.13,14.25 10.74,16H22V19H20V22H18V19H16V22H13V19H10.74C10.13,20.75 8.46,22 6.5,22C4,22 2,20 2,17.5C2,15 4,13 6.5,13M6.5,16A1.5,1.5 0 0,0 5,17.5A1.5,1.5 0 0,0 6.5,19A1.5,1.5 0 0,0 8,17.5A1.5,1.5 0 0,0 6.5,16Z" /></svg><svg id="key-minus" viewBox="0 0 24 24"><path d="M6.5,3C8.46,3 10.13,4.25 10.74,6H22V9H18V12H15V9H10.74C10.13,10.75 8.46,12 6.5,12C4,12 2,10 2,7.5C2,5 4,3 6.5,3M6.5,6A1.5,1.5 0 0,0 5,7.5A1.5,1.5 0 0,0 6.5,9A1.5,1.5 0 0,0 8,7.5A1.5,1.5 0 0,0 6.5,6M8,17H16V19H8V17Z" /></svg><svg id="key-outline" viewBox="0 0 24 24"><path d="M22,19H16V15H13.32C12.18,17.42 9.72,19 7,19C3.14,19 0,15.86 0,12C0,8.14 3.14,5 7,5C9.72,5 12.17,6.58 13.32,9H24V15H22V19M18,17H20V13H22V11H11.94L11.71,10.33C11,8.34 9.11,7 7,7A5,5 0 0,0 2,12A5,5 0 0,0 7,17C9.11,17 11,15.66 11.71,13.67L11.94,13H18V17M7,15A3,3 0 0,1 4,12A3,3 0 0,1 7,9A3,3 0 0,1 10,12A3,3 0 0,1 7,15M7,11A1,1 0 0,0 6,12A1,1 0 0,0 7,13A1,1 0 0,0 8,12A1,1 0 0,0 7,11Z" /></svg><svg id="key-plus" viewBox="0 0 24 24"><path d="M6.5,3C8.46,3 10.13,4.25 10.74,6H22V9H18V12H15V9H10.74C10.13,10.75 8.46,12 6.5,12C4,12 2,10 2,7.5C2,5 4,3 6.5,3M6.5,6A1.5,1.5 0 0,0 5,7.5A1.5,1.5 0 0,0 6.5,9A1.5,1.5 0 0,0 8,7.5A1.5,1.5 0 0,0 6.5,6M8,17H11V14H13V17H16V19H13V22H11V19H8V17Z" /></svg><svg id="key-remove" viewBox="0 0 24 24"><path d="M6.5,3C8.46,3 10.13,4.25 10.74,6H22V9H18V12H15V9H10.74C10.13,10.75 8.46,12 6.5,12C4,12 2,10 2,7.5C2,5 4,3 6.5,3M6.5,6A1.5,1.5 0 0,0 5,7.5A1.5,1.5 0 0,0 6.5,9A1.5,1.5 0 0,0 8,7.5A1.5,1.5 0 0,0 6.5,6M14.59,14L16,15.41L13.41,18L16,20.59L14.59,22L12,19.41L9.41,22L8,20.59L10.59,18L8,15.41L9.41,14L12,16.59L14.59,14Z" /></svg><svg id="key-variant" viewBox="0 0 24 24"><path d="M22,18V22H18V19H15V16H12L9.74,13.74C9.19,13.91 8.61,14 8,14A6,6 0 0,1 2,8A6,6 0 0,1 8,2A6,6 0 0,1 14,8C14,8.61 13.91,9.19 13.74,9.74L22,18M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z" /></svg><svg id="keyboard" viewBox="0 0 24 24"><path d="M19,10H17V8H19M19,13H17V11H19M16,10H14V8H16M16,13H14V11H16M16,17H8V15H16M7,10H5V8H7M7,13H5V11H7M8,11H10V13H8M8,8H10V10H8M11,11H13V13H11M11,8H13V10H11M20,5H4C2.89,5 2,5.89 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V7C22,5.89 21.1,5 20,5Z" /></svg><svg id="keyboard-backspace" viewBox="0 0 24 24"><path d="M21,11H6.83L10.41,7.41L9,6L3,12L9,18L10.41,16.58L6.83,13H21V11Z" /></svg><svg id="keyboard-caps" viewBox="0 0 24 24"><path d="M6,18H18V16H6M12,8.41L16.59,13L18,11.58L12,5.58L6,11.58L7.41,13L12,8.41Z" /></svg><svg id="keyboard-close" viewBox="0 0 24 24"><path d="M12,23L16,19H8M19,8H17V6H19M19,11H17V9H19M16,8H14V6H16M16,11H14V9H16M16,15H8V13H16M7,8H5V6H7M7,11H5V9H7M8,9H10V11H8M8,6H10V8H8M11,9H13V11H11M11,6H13V8H11M20,3H4C2.89,3 2,3.89 2,5V15A2,2 0 0,0 4,17H20A2,2 0 0,0 22,15V5C22,3.89 21.1,3 20,3Z" /></svg><svg id="keyboard-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L20,20.72L18.73,22L15.73,19H4C2.89,19 2,18.1 2,17V7C2,6.5 2.18,6.07 2.46,5.73L1,4.27M19,10V8H17V10H19M19,13V11H17V13H19M16,10V8H14V10H16M16,13V11H14V12.18L11.82,10H13V8H11V9.18L9.82,8L6.82,5H20A2,2 0 0,1 22,7V17C22,17.86 21.46,18.59 20.7,18.87L14.82,13H16M8,15V17H13.73L11.73,15H8M5,10H6.73L5,8.27V10M7,13V11H5V13H7M8,13H9.73L8,11.27V13Z" /></svg><svg id="keyboard-off-outline" viewBox="0 0 24 24"><path d="M1,4.27L2.47,5.74C2.18,6.08 2,6.5 2,7V17A2,2 0 0,0 4,19H15.73L18.73,22L20,20.72L2.28,3L1,4.27M4,17V7.27L5,8.27V10H6.73L8,11.27V13H9.73L10.73,14H8V16H12.73L13.73,17H4M5,11H7V13H5V11M17,11H19V13H17V11M19,10H17V8H19V10M14,11H16V13H14.83L14,12.17V11M13,10H11.83L11,9.17V8H13V10M22,7V17C22,17.86 21.45,18.58 20.7,18.87L18.83,17H20V7H8.83L6.83,5H20A2,2 0 0,1 22,7M16,10H14V8H16V10Z" /></svg><svg id="keyboard-outline" viewBox="0 0 24 24"><path d="M4,5A2,2 0 0,0 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V7A2,2 0 0,0 20,5H4M4,7H20V17H4V7M5,8V10H7V8H5M8,8V10H10V8H8M11,8V10H13V8H11M14,8V10H16V8H14M17,8V10H19V8H17M5,11V13H7V11H5M8,11V13H10V11H8M11,11V13H13V11H11M14,11V13H16V11H14M17,11V13H19V11H17M8,14V16H16V14H8Z" /></svg><svg id="keyboard-return" viewBox="0 0 24 24"><path d="M19,7V11H5.83L9.41,7.41L8,6L2,12L8,18L9.41,16.58L5.83,13H21V7H19Z" /></svg><svg id="keyboard-settings" viewBox="0 0 24 24"><path d="M19,10H17V8H19M19,13H17V11H19M16,10H14V8H16M16,13H14V11H16M16,17H8V15H16M7,10H5V8H7M7,13H5V11H7M8,11H10V13H8M8,8H10V10H8M11,11H13V13H11M11,8H13V10H11M20,5H4A2,2 0 0,0 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V7A2,2 0 0,0 20,5M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22Z" /></svg><svg id="keyboard-settings-outline" viewBox="0 0 24 24"><path d="M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22M4,5A2,2 0 0,0 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V7A2,2 0 0,0 20,5H4M4,7H20V17H4V7M5,8V10H7V8H5M8,8V10H10V8H8M11,8V10H13V8H11M14,8V10H16V8H14M17,8V10H19V8H17M5,11V13H7V11H5M8,11V13H10V11H8M11,11V13H13V11H11M14,11V13H16V11H14M17,11V13H19V11H17M8,14V16H16V14H8Z" /></svg><svg id="keyboard-tab" viewBox="0 0 24 24"><path d="M20,18H22V6H20M11.59,7.41L15.17,11H1V13H15.17L11.59,16.58L13,18L19,12L13,6L11.59,7.41Z" /></svg><svg id="keyboard-variant" viewBox="0 0 24 24"><path d="M6,16H18V18H6V16M6,13V15H2V13H6M7,15V13H10V15H7M11,15V13H13V15H11M14,15V13H17V15H14M18,15V13H22V15H18M2,10H5V12H2V10M19,12V10H22V12H19M18,12H16V10H18V12M8,12H6V10H8V12M12,12H9V10H12V12M15,12H13V10H15V12M2,9V7H4V9H2M5,9V7H7V9H5M8,9V7H10V9H8M11,9V7H13V9H11M14,9V7H16V9H14M17,9V7H22V9H17Z" /></svg><svg id="kickstarter" viewBox="0 0 24 24"><path d="M10.21,9.13L13.5,4.35C14.13,3.45 14.94,3 15.93,3C16.73,3 17.43,3.29 18,3.86C18.61,4.43 18.9,5.11 18.9,5.91C18.9,6.5 18.75,7 18.43,7.47L15.46,11.8L19.1,16.41C19.46,16.87 19.64,17.41 19.64,18C19.64,18.84 19.36,19.54 18.78,20.12C18.21,20.71 17.5,21 16.7,21C15.81,21 15.13,20.71 14.66,20.13L10.21,14.57V17.63C10.21,18.5 10.05,19.19 9.75,19.67C9.2,20.56 8.39,21 7.33,21C6.37,21 5.63,20.68 5.1,20.03C4.6,19.43 4.36,18.63 4.36,17.65V6.27C4.36,5.34 4.61,4.57 5.11,3.96C5.64,3.32 6.37,3 7.3,3C8.18,3 8.92,3.32 9.5,3.96C9.83,4.32 10.04,4.68 10.13,5.04C10.18,5.27 10.21,5.69 10.21,6.3V9.13Z" /></svg><svg id="knife" viewBox="0 0 24 24"><path d="M20.62,2C23.97,7.61 12.47,20.15 12.47,20.15L9.6,17.28L4.91,22L2.77,19.86L20.62,2Z" /></svg><svg id="knife-military" viewBox="0 0 24 24"><path d="M22,2L17.39,3.75L10.46,10.68L14,14.22L20.92,7.29C22.43,5.78 22,2 22,2M8.33,10L6.92,11.39L8.33,12.8L2.68,18.46L6.21,22L11.87,16.34L13.28,17.76L14.7,16.34L8.33,10Z" /></svg><svg id="kodi" viewBox="0 0 24 24"><path d="M12.03,1C11.82,1 11.6,1.11 11.41,1.31C10.56,2.16 9.72,3 8.88,3.84C8.66,4.06 8.6,4.18 8.38,4.38C8.09,4.62 7.96,4.91 7.97,5.28C8,6.57 8,7.84 8,9.13C8,10.46 8,11.82 8,13.16C8,13.26 8,13.34 8.03,13.44C8.11,13.75 8.31,13.82 8.53,13.59C9.73,12.39 10.8,11.3 12,10.09C13.36,8.73 14.73,7.37 16.09,6C16.5,5.6 16.5,5.15 16.09,4.75C14.94,3.6 13.77,2.47 12.63,1.31C12.43,1.11 12.24,1 12.03,1M18.66,7.66C18.45,7.66 18.25,7.75 18.06,7.94C16.91,9.1 15.75,10.24 14.59,11.41C14.2,11.8 14.2,12.23 14.59,12.63C15.74,13.78 16.88,14.94 18.03,16.09C18.43,16.5 18.85,16.5 19.25,16.09C20.36,15 21.5,13.87 22.59,12.75C22.76,12.58 22.93,12.42 23,12.19V11.88C22.93,11.64 22.76,11.5 22.59,11.31C21.47,10.19 20.37,9.06 19.25,7.94C19.06,7.75 18.86,7.66 18.66,7.66M4.78,8.09C4.65,8.04 4.58,8.14 4.5,8.22C3.35,9.39 2.34,10.43 1.19,11.59C0.93,11.86 0.93,12.24 1.19,12.5C1.81,13.13 2.44,13.75 3.06,14.38C3.6,14.92 4,15.33 4.56,15.88C4.72,16.03 4.86,16 4.94,15.81C5,15.71 5,15.58 5,15.47C5,14.29 5,13.37 5,12.19C5,11 5,9.81 5,8.63C5,8.55 5,8.45 4.97,8.38C4.95,8.25 4.9,8.14 4.78,8.09M12.09,14.25C11.89,14.25 11.66,14.34 11.47,14.53C10.32,15.69 9.18,16.87 8.03,18.03C7.63,18.43 7.63,18.85 8.03,19.25C9.14,20.37 10.26,21.47 11.38,22.59C11.54,22.76 11.71,22.93 11.94,23H12.22C12.44,22.94 12.62,22.79 12.78,22.63C13.9,21.5 15.03,20.38 16.16,19.25C16.55,18.85 16.5,18.4 16.13,18C14.97,16.84 13.84,15.69 12.69,14.53C12.5,14.34 12.3,14.25 12.09,14.25Z" /></svg><svg id="label" viewBox="0 0 24 24"><path d="M17.63,5.84C17.27,5.33 16.67,5 16,5H5A2,2 0 0,0 3,7V17A2,2 0 0,0 5,19H16C16.67,19 17.27,18.66 17.63,18.15L22,12L17.63,5.84Z" /></svg><svg id="label-off" viewBox="0 0 24 24"><path d="M2,4.27L3.28,3L20,19.72L18.73,21L16.63,18.9C16.43,18.96 16.22,19 16,19H5A2,2 0 0,1 3,17V7C3,6.5 3.17,6.07 3.46,5.73L2,4.27M17.63,5.84L22,12L19,16.2L7.83,5H16C16.67,5 17.27,5.33 17.63,5.84Z" /></svg><svg id="label-off-outline" viewBox="0 0 24 24"><path d="M2,4.27L3.28,3L20,19.72L18.73,21L16.63,18.9C16.43,18.96 16.22,19 16,19H5A2,2 0 0,1 3,17V7C3,6.5 3.17,6.07 3.46,5.73L2,4.27M5,17H14.73L5,7.27V17M19.55,12L16,7H9.82L7.83,5H16C16.67,5 17.27,5.33 17.63,5.84L22,12L19,16.2L17.59,14.76L19.55,12Z" /></svg><svg id="label-outline" viewBox="0 0 24 24"><path d="M16,17H5V7H16L19.55,12M17.63,5.84C17.27,5.33 16.67,5 16,5H5A2,2 0 0,0 3,7V17A2,2 0 0,0 5,19H16C16.67,19 17.27,18.66 17.63,18.15L22,12L17.63,5.84Z" /></svg><svg id="label-variant" viewBox="0 0 24 24"><path d="M3.5,19L8.34,12L3.5,5H14.5C15.17,5 15.72,5.3 16.13,5.86L20.5,12L16.13,18.14C15.72,18.7 15.17,19 14.5,19H3.5Z" /></svg><svg id="label-variant-outline" viewBox="0 0 24 24"><path d="M6.5,17H15L18.5,12L15,7H6.5L10,12L6.5,17M15,19H3L7.5,12L3,5H15C15.69,5 16.23,5.3 16.64,5.86L21,12L16.64,18.14C16.23,18.7 15.69,19 15,19Z" /></svg><svg id="ladybug" viewBox="0 0 24 24"><path d="M12,5C12.74,5 13.47,5.1 14.15,5.29L15.78,2.46C16.06,2 16.67,1.82 17.15,2.1C17.63,2.37 17.79,3 17.5,3.46L16,6.07C17.22,6.78 18.23,7.79 18.93,9H5.07C5.77,7.79 6.78,6.78 8,6.07L6.5,3.46C6.21,3 6.37,2.37 6.85,2.1C7.33,1.82 7.94,2 8.22,2.46L9.85,5.29C10.53,5.1 11.26,5 12,5M20,13C20,17.17 16.82,20.59 12.75,20.97V10.5H19.6C19.86,11.29 20,12.13 20,13M4,13C4,12.13 4.14,11.29 4.4,10.5H11.25V20.97C7.18,20.59 4,17.17 4,13Z" /></svg><svg id="lambda" viewBox="0 0 24 24"><path d="M6,20L10.16,7.91L9.34,6H8V4H10C10.42,4 10.78,4.26 10.93,4.63L16.66,18H18V20H16C15.57,20 15.21,19.73 15.07,19.36L11.33,10.65L8.12,20H6Z" /></svg><svg id="lamp" viewBox="0 0 24 24"><path d="M8,2H16L20,14H4L8,2M11,15H13V20H18V22H6V20H11V15Z" /></svg><svg id="lan" viewBox="0 0 24 24"><path d="M10,2C8.89,2 8,2.89 8,4V7C8,8.11 8.89,9 10,9H11V11H2V13H6V15H5C3.89,15 3,15.89 3,17V20C3,21.11 3.89,22 5,22H9C10.11,22 11,21.11 11,20V17C11,15.89 10.11,15 9,15H8V13H16V15H15C13.89,15 13,15.89 13,17V20C13,21.11 13.89,22 15,22H19C20.11,22 21,21.11 21,20V17C21,15.89 20.11,15 19,15H18V13H22V11H13V9H14C15.11,9 16,8.11 16,7V4C16,2.89 15.11,2 14,2H10M10,4H14V7H10V4M5,17H9V20H5V17M15,17H19V20H15V17Z" /></svg><svg id="lan-connect" viewBox="0 0 24 24"><path d="M4,1C2.89,1 2,1.89 2,3V7C2,8.11 2.89,9 4,9H1V11H13V9H10C11.11,9 12,8.11 12,7V3C12,1.89 11.11,1 10,1H4M4,3H10V7H4V3M3,13V18L3,20H10V18H5V13H3M14,13C12.89,13 12,13.89 12,15V19C12,20.11 12.89,21 14,21H11V23H23V21H20C21.11,21 22,20.11 22,19V15C22,13.89 21.11,13 20,13H14M14,15H20V19H14V15Z" /></svg><svg id="lan-disconnect" viewBox="0 0 24 24"><path d="M4,1C2.89,1 2,1.89 2,3V7C2,8.11 2.89,9 4,9H1V11H13V9H10C11.11,9 12,8.11 12,7V3C12,1.89 11.11,1 10,1H4M4,3H10V7H4V3M14,13C12.89,13 12,13.89 12,15V19C12,20.11 12.89,21 14,21H11V23H23V21H20C21.11,21 22,20.11 22,19V15C22,13.89 21.11,13 20,13H14M3.88,13.46L2.46,14.88L4.59,17L2.46,19.12L3.88,20.54L6,18.41L8.12,20.54L9.54,19.12L7.41,17L9.54,14.88L8.12,13.46L6,15.59L3.88,13.46M14,15H20V19H14V15Z" /></svg><svg id="lan-pending" viewBox="0 0 24 24"><path d="M4,1C2.89,1 2,1.89 2,3V7C2,8.11 2.89,9 4,9H1V11H13V9H10C11.11,9 12,8.11 12,7V3C12,1.89 11.11,1 10,1H4M4,3H10V7H4V3M3,12V14H5V12H3M14,13C12.89,13 12,13.89 12,15V19C12,20.11 12.89,21 14,21H11V23H23V21H20C21.11,21 22,20.11 22,19V15C22,13.89 21.11,13 20,13H14M3,15V17H5V15H3M14,15H20V19H14V15M3,18V20H5V18H3M6,18V20H8V18H6M9,18V20H11V18H9Z" /></svg><svg id="language-c" viewBox="0 0 24 24"><path d="M15.45,15.97L15.87,18.41C15.61,18.55 15.19,18.68 14.63,18.8C14.06,18.93 13.39,19 12.62,19C10.41,18.96 8.75,18.3 7.64,17.04C6.5,15.77 5.96,14.16 5.96,12.21C6,9.9 6.68,8.13 8,6.89C9.28,5.64 10.92,5 12.9,5C13.65,5 14.3,5.07 14.84,5.19C15.38,5.31 15.78,5.44 16.04,5.59L15.44,8.08L14.4,7.74C14,7.64 13.53,7.59 13,7.59C11.85,7.58 10.89,7.95 10.14,8.69C9.38,9.42 9,10.54 8.96,12.03C8.97,13.39 9.33,14.45 10.04,15.23C10.75,16 11.74,16.4 13.03,16.41L14.36,16.29C14.79,16.21 15.15,16.1 15.45,15.97Z" /></svg><svg id="language-cpp" viewBox="0 0 24 24"><path d="M10.5,15.97L10.91,18.41C10.65,18.55 10.23,18.68 9.67,18.8C9.1,18.93 8.43,19 7.66,19C5.45,18.96 3.79,18.3 2.68,17.04C1.56,15.77 1,14.16 1,12.21C1.05,9.9 1.72,8.13 3,6.89C4.32,5.64 5.96,5 7.94,5C8.69,5 9.34,5.07 9.88,5.19C10.42,5.31 10.82,5.44 11.08,5.59L10.5,8.08L9.44,7.74C9.04,7.64 8.58,7.59 8.05,7.59C6.89,7.58 5.93,7.95 5.18,8.69C4.42,9.42 4.03,10.54 4,12.03C4,13.39 4.37,14.45 5.08,15.23C5.79,16 6.79,16.4 8.07,16.41L9.4,16.29C9.83,16.21 10.19,16.1 10.5,15.97M11,11H13V9H15V11H17V13H15V15H13V13H11V11M18,11H20V9H22V11H24V13H22V15H20V13H18V11Z" /></svg><svg id="language-csharp" viewBox="0 0 24 24"><path d="M11.5,15.97L11.91,18.41C11.65,18.55 11.23,18.68 10.67,18.8C10.1,18.93 9.43,19 8.66,19C6.45,18.96 4.79,18.3 3.68,17.04C2.56,15.77 2,14.16 2,12.21C2.05,9.9 2.72,8.13 4,6.89C5.32,5.64 6.96,5 8.94,5C9.69,5 10.34,5.07 10.88,5.19C11.42,5.31 11.82,5.44 12.08,5.59L11.5,8.08L10.44,7.74C10.04,7.64 9.58,7.59 9.05,7.59C7.89,7.58 6.93,7.95 6.18,8.69C5.42,9.42 5.03,10.54 5,12.03C5,13.39 5.37,14.45 6.08,15.23C6.79,16 7.79,16.4 9.07,16.41L10.4,16.29C10.83,16.21 11.19,16.1 11.5,15.97M13.89,19L14.5,15H13L13.34,13H14.84L15.16,11H13.66L14,9H15.5L16.11,5H18.11L17.5,9H18.5L19.11,5H21.11L20.5,9H22L21.66,11H20.16L19.84,13H21.34L21,15H19.5L18.89,19H16.89L17.5,15H16.5L15.89,19H13.89M16.84,13H17.84L18.16,11H17.16L16.84,13Z" /></svg><svg id="language-css3" viewBox="0 0 24 24"><path d="M5,3L4.35,6.34H17.94L17.5,8.5H3.92L3.26,11.83H16.85L16.09,15.64L10.61,17.45L5.86,15.64L6.19,14H2.85L2.06,18L9.91,21L18.96,18L20.16,11.97L20.4,10.76L21.94,3H5Z" /></svg><svg id="language-go" viewBox="0 0 24 24"><path d="M2.64,10.33L2.62,10.27L2.84,10L2.96,9.92H6.8L6.83,10L6.65,10.26L6.54,10.32L2.64,10.33M1.03,11.31L1,11.26L1.22,10.97L1.34,10.91H6.24L6.29,11L6.21,11.24L6.11,11.31H1.03M3.63,12.3L3.59,12.24L3.75,11.96L3.85,11.9H6L6.07,11.97L6.05,12.22L5.97,12.3H3.63M14.78,10.14L13,10.61C12.81,10.65 12.8,10.66 12.66,10.5C12.5,10.32 12.39,10.21 12.16,10.1C11.5,9.76 10.83,9.86 10.22,10.25C9.5,10.73 9.11,11.42 9.12,12.3C9.13,13.16 9.72,13.87 10.57,14C11.3,14.09 11.91,13.83 12.4,13.28L12.69,12.89H10.62C10.4,12.89 10.35,12.75 10.42,12.57L10.97,11.39C11,11.33 11.08,11.22 11.24,11.22H14.68C14.83,10.72 15.09,10.26 15.43,9.81C16.21,8.78 17.16,8.24 18.43,8C19.5,7.82 20.56,7.93 21.5,8.57C22.34,9.15 22.87,9.93 23,10.96C23.19,12.41 22.76,13.59 21.76,14.61C21.05,15.33 20.18,15.78 19.19,16L18.33,16.08C17.35,16.06 16.46,15.78 15.71,15.13C15.19,14.68 14.83,14.14 14.65,13.5C14.5,13.74 14.38,13.97 14.21,14.2C13.44,15.22 12.43,15.85 11.15,16C10.1,16.16 9.12,15.95 8.26,15.31C7.47,14.71 7,13.91 6.9,12.92C6.76,11.75 7.1,10.7 7.81,9.78C8.57,8.78 9.58,8.15 10.82,7.92C11.82,7.74 12.79,7.86 13.66,8.44C14.23,8.82 14.63,9.34 14.9,9.96C14.94,10.05 14.9,10.11 14.78,10.14M20.89,11.74L20.86,11.38C20.67,10.32 19.69,9.72 18.67,9.95C17.66,10.17 17,10.8 16.79,11.81C16.6,12.65 17,13.5 17.77,13.84C18.36,14.1 18.96,14.06 19.53,13.78C20.37,13.35 20.84,12.66 20.89,11.74Z" /></svg><svg id="language-haskell" viewBox="0 0 24 24"><path d="M2.08,19L6.75,12L2.08,5H5.58L10.25,12L5.58,19H2.08M6.75,19L11.42,12L6.75,5H10.25L19.59,19H16.09L13.17,14.63L10.25,19H6.75M18.03,14.92L16.5,12.58H21.92V14.92H18.03M15.7,11.42L14.14,9.08H21.92V11.42H15.7Z" /></svg><svg id="language-html5" viewBox="0 0 24 24"><path d="M12,17.56L16.07,16.43L16.62,10.33H9.38L9.2,8.3H16.8L17,6.31H7L7.56,12.32H14.45L14.22,14.9L12,15.5L9.78,14.9L9.64,13.24H7.64L7.93,16.43L12,17.56M4.07,3H19.93L18.5,19.2L12,21L5.5,19.2L4.07,3Z" /></svg><svg id="language-java" viewBox="0 0 24 24"><path d="M16.5,6.08C16.5,6.08 9.66,7.79 12.94,11.56C13.91,12.67 12.69,13.67 12.69,13.67C12.69,13.67 15.14,12.42 14,10.82C12.94,9.35 12.14,8.62 16.5,6.08M12.03,7.28C16.08,4.08 14,2 14,2C14.84,5.3 11.04,6.3 9.67,8.36C8.73,9.76 10.13,11.27 12,13C11.29,11.3 8.78,9.84 12.03,7.28M9.37,17.47C6.29,18.33 11.25,20.1 15.16,18.43C14.78,18.28 14.41,18.1 14.06,17.89C12.7,18.2 11.3,18.26 9.92,18.07C8.61,17.91 9.37,17.47 9.37,17.47M14.69,15.79C12.94,16.17 11.13,16.26 9.35,16.05C8.04,15.92 8.9,15.28 8.9,15.28C5.5,16.41 10.78,17.68 15.5,16.3C15.21,16.19 14.93,16 14.69,15.79M18.11,19.09C18.11,19.09 18.68,19.56 17.5,19.92C15.22,20.6 8.07,20.81 6.09,19.95C5.38,19.64 6.72,19.21 7.14,19.12C7.37,19.06 7.6,19.04 7.83,19.04C7.04,18.5 2.7,20.14 5.64,20.6C13.61,21.9 20.18,20 18.11,19.09M15.37,14.23C15.66,14.04 15.97,13.88 16.29,13.74C16.29,13.74 14.78,14 13.27,14.14C11.67,14.3 10.06,14.32 8.46,14.2C6.11,13.89 9.75,13 9.75,13C8.65,13 7.57,13.26 6.59,13.75C4.54,14.75 11.69,15.2 15.37,14.23M16.27,16.65C16.25,16.69 16.23,16.72 16.19,16.75C21.2,15.44 19.36,12.11 16.96,12.94C16.83,13 16.72,13.08 16.65,13.19C16.79,13.14 16.93,13.1 17.08,13.07C18.28,12.83 20,14.7 16.27,16.65M16.4,21.26C13.39,21.78 10.31,21.82 7.28,21.4C7.28,21.4 7.74,21.78 10.09,21.93C13.69,22.16 19.22,21.8 19.35,20.1C19.38,20.11 19.12,20.75 16.4,21.26Z" /></svg><svg id="language-javascript" viewBox="0 0 24 24"><path d="M3,3H21V21H3V3M7.73,18.04C8.13,18.89 8.92,19.59 10.27,19.59C11.77,19.59 12.8,18.79 12.8,17.04V11.26H11.1V17C11.1,17.86 10.75,18.08 10.2,18.08C9.62,18.08 9.38,17.68 9.11,17.21L7.73,18.04M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86Z" /></svg><svg id="language-lua" viewBox="0 0 24 24"><path d="M10.5,5A8.5,8.5 0 0,0 2,13.5A8.5,8.5 0 0,0 10.5,22A8.5,8.5 0 0,0 19,13.5A8.5,8.5 0 0,0 10.5,5M13.5,13A2.5,2.5 0 0,1 11,10.5A2.5,2.5 0 0,1 13.5,8A2.5,2.5 0 0,1 16,10.5A2.5,2.5 0 0,1 13.5,13M19.5,2A2.5,2.5 0 0,0 17,4.5A2.5,2.5 0 0,0 19.5,7A2.5,2.5 0 0,0 22,4.5A2.5,2.5 0 0,0 19.5,2" /></svg><svg id="language-php" viewBox="0 0 24 24"><path d="M12,18.08C5.37,18.08 0,15.36 0,12C0,8.64 5.37,5.92 12,5.92C18.63,5.92 24,8.64 24,12C24,15.36 18.63,18.08 12,18.08M6.81,10.13C7.35,10.13 7.72,10.23 7.9,10.44C8.08,10.64 8.12,11 8.03,11.47C7.93,12 7.74,12.34 7.45,12.56C7.17,12.78 6.74,12.89 6.16,12.89H5.29L5.82,10.13H6.81M3.31,15.68H4.75L5.09,13.93H6.32C6.86,13.93 7.3,13.87 7.65,13.76C8,13.64 8.32,13.45 8.61,13.18C8.85,12.96 9.04,12.72 9.19,12.45C9.34,12.19 9.45,11.89 9.5,11.57C9.66,10.79 9.55,10.18 9.17,9.75C8.78,9.31 8.18,9.1 7.35,9.1H4.59L3.31,15.68M10.56,7.35L9.28,13.93H10.7L11.44,10.16H12.58C12.94,10.16 13.18,10.22 13.29,10.34C13.4,10.46 13.42,10.68 13.36,11L12.79,13.93H14.24L14.83,10.86C14.96,10.24 14.86,9.79 14.56,9.5C14.26,9.23 13.71,9.1 12.91,9.1H11.64L12,7.35H10.56M18,10.13C18.55,10.13 18.91,10.23 19.09,10.44C19.27,10.64 19.31,11 19.22,11.47C19.12,12 18.93,12.34 18.65,12.56C18.36,12.78 17.93,12.89 17.35,12.89H16.5L17,10.13H18M14.5,15.68H15.94L16.28,13.93H17.5C18.05,13.93 18.5,13.87 18.85,13.76C19.2,13.64 19.5,13.45 19.8,13.18C20.04,12.96 20.24,12.72 20.38,12.45C20.53,12.19 20.64,11.89 20.7,11.57C20.85,10.79 20.74,10.18 20.36,9.75C20,9.31 19.37,9.1 18.54,9.1H15.79L14.5,15.68Z" /></svg><svg id="language-python" viewBox="0 0 24 24"><path d="M19.14,7.5A2.86,2.86 0 0,1 22,10.36V14.14A2.86,2.86 0 0,1 19.14,17H12C12,17.39 12.32,17.96 12.71,17.96H17V19.64A2.86,2.86 0 0,1 14.14,22.5H9.86A2.86,2.86 0 0,1 7,19.64V15.89C7,14.31 8.28,13.04 9.86,13.04H15.11C16.69,13.04 17.96,11.76 17.96,10.18V7.5H19.14M14.86,19.29C14.46,19.29 14.14,19.59 14.14,20.18C14.14,20.77 14.46,20.89 14.86,20.89A0.71,0.71 0 0,0 15.57,20.18C15.57,19.59 15.25,19.29 14.86,19.29M4.86,17.5C3.28,17.5 2,16.22 2,14.64V10.86C2,9.28 3.28,8 4.86,8H12C12,7.61 11.68,7.04 11.29,7.04H7V5.36C7,3.78 8.28,2.5 9.86,2.5H14.14C15.72,2.5 17,3.78 17,5.36V9.11C17,10.69 15.72,11.96 14.14,11.96H8.89C7.31,11.96 6.04,13.24 6.04,14.82V17.5H4.86M9.14,5.71C9.54,5.71 9.86,5.41 9.86,4.82C9.86,4.23 9.54,4.11 9.14,4.11C8.75,4.11 8.43,4.23 8.43,4.82C8.43,5.41 8.75,5.71 9.14,5.71Z" /></svg><svg id="language-python-text" viewBox="0 0 24 24"><path d="M2,5.69C8.92,1.07 11.1,7 11.28,10.27C11.46,13.53 8.29,17.64 4.31,14.92V20.3L2,18.77V5.69M4.22,7.4V12.78C7.84,14.95 9.08,13.17 9.08,10.09C9.08,5.74 6.57,5.59 4.22,7.4M15.08,4.15C15.08,4.15 14.9,7.64 15.08,11.07C15.44,14.5 19.69,11.84 19.69,11.84V4.92L22,5.2V14.44C22,20.6 15.85,20.3 15.85,20.3L15.08,18C20.46,18 19.78,14.43 19.78,14.43C13.27,16.97 12.77,12.61 12.77,12.61V5.69L15.08,4.15Z" /></svg><svg id="language-r" viewBox="0 0 24 24"><path d="M12,4.29C6.5,4.29 2,7.29 2,11C2,14.28 5.56,17 10.24,17.58V19.71H13.65V17.59C14.5,17.5 15.29,17.34 16.04,17.11L17.42,19.71H21.28L18.96,15.8C20.83,14.58 22,12.87 22,11C22,7.29 17.5,4.29 12,4.29V4.29M13.53,6.91C17.73,6.91 20.83,8.31 20.83,11.5C20.83,13.21 19.91,14.41 18.41,15.15C18.32,15.1 18.24,15.05 18.19,15C17.83,14.84 17.23,14.66 17.23,14.66C17.23,14.66 20.21,14.44 20.21,11.47C20.21,8.5 17.09,8.45 17.09,8.45H10.24V15.61C7.69,14.87 5.93,13.3 5.93,11.5C5.93,8.96 9.33,6.91 13.53,6.91M13.68,10.89H15.75C15.75,10.89 16.7,10.84 16.7,11.83C16.7,12.8 15.75,12.8 15.75,12.8H13.68V10.89M13.65,15.3H14.57C14.75,15.3 14.84,15.35 15,15.5C15.13,15.6 15.27,15.79 15.39,15.96C14.84,16.03 14.26,16.06 13.65,16.06V15.3Z" /></svg><svg id="language-ruby-on-rails" viewBox="0 0 24 24"><path d="M19.8,16.7C19.8,16.7 21.6,16.5 21.6,14.3C21.6,12.1 19.5,11.8 19.5,11.8H15.7V19H17.6V17.3L19.3,19H22L19.8,16.7M19,15.3H17.5V13.7H19C19,13.7 19.4,13.9 19.4,14.5C19.5,15.1 19,15.3 19,15.3M21.3,8.2V8.4C13.2,6.1 10,13.2 10.6,18.7C10.6,18.7 4.9,18.7 4.3,18.7C5,13.3 11.8,2.6 21.3,8.2M20.5,6.9C19.8,6.6 19.1,6.3 18.4,6.1L18.5,4.8L20.6,5.6L20.5,6.9M18.5,8.7C19.2,8.7 19.9,8.8 20.6,9L20.5,10.2L18.7,10L18.5,8.7M13.9,5.8L13.5,4.6L15.6,4.4L16,5.7C15.8,5.7 14.1,5.8 13.9,5.8M15.2,9.5C15.6,9.3 16.3,9 17.2,8.8L17.6,10L15.8,10.7L15.2,9.5M11.8,6.5C11.2,6.8 10.6,7.1 10,7.5L9.2,6.2L11,5.2L11.8,6.5M14.3,10.1L15.1,11.3L14,12.6L12.9,11.6C13.2,11 13.7,10.5 14.3,10.1M11.6,15C11.7,14.2 11.9,13.5 12.2,12.7L13.4,13.7L13.1,15.6L11.6,15M7.9,9.3C7.4,9.8 6.9,10.4 6.5,10.9L5.2,9.8L6.7,8.2L7.9,9.3M4.8,13.7C4.4,14.5 4.1,15.3 3.8,16L2,15.3L2.9,13L4.8,13.7M11.5,16.3L13.3,16.9L13.6,18.9L11.6,18.4C11.6,18.2 11.5,17.5 11.5,16.3Z" /></svg><svg id="language-swift" viewBox="0 0 24 24"><path d="M17.09,19.72C14.73,21.08 11.5,21.22 8.23,19.82C5.59,18.7 3.4,16.74 2,14.5C2.67,15.05 3.46,15.5 4.3,15.9C7.67,17.47 11.03,17.36 13.4,15.9C10.03,13.31 7.16,9.94 5.03,7.19C4.58,6.74 4.25,6.18 3.91,5.68C12.19,11.73 11.83,13.27 6.32,4.67C11.21,9.61 15.75,12.41 15.75,12.41C15.91,12.5 16,12.57 16.11,12.63C16.21,12.38 16.3,12.12 16.37,11.85C17.16,9 16.26,5.73 14.29,3.04C18.84,5.79 21.54,10.95 20.41,15.28C20.38,15.39 20.35,15.5 20.36,15.67C22.6,18.5 22,21.45 21.71,20.89C20.5,18.5 18.23,19.24 17.09,19.72V19.72Z" /></svg><svg id="language-typescript" viewBox="0 0 24 24"><path d="M3,3H21V21H3V3M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86M13,11.25H8V12.75H9.5V20H11.25V12.75H13V11.25Z" /></svg><svg id="laptop" viewBox="0 0 24 24"><path d="M4,6H20V16H4M20,18A2,2 0 0,0 22,16V6C22,4.89 21.1,4 20,4H4C2.89,4 2,4.89 2,6V16A2,2 0 0,0 4,18H0V20H24V18H20Z" /></svg><svg id="laptop-chromebook" viewBox="0 0 24 24"><path d="M20,15H4V5H20M14,18H10V17H14M22,18V3H2V18H0V20H24V18H22Z" /></svg><svg id="laptop-mac" viewBox="0 0 24 24"><path d="M12,19A1,1 0 0,1 11,18A1,1 0 0,1 12,17A1,1 0 0,1 13,18A1,1 0 0,1 12,19M4,5H20V16H4M20,18A2,2 0 0,0 22,16V5C22,3.89 21.1,3 20,3H4C2.89,3 2,3.89 2,5V16A2,2 0 0,0 4,18H0A2,2 0 0,0 2,20H22A2,2 0 0,0 24,18H20Z" /></svg><svg id="laptop-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L20,20.72L18.73,22L16.73,20H0V18H4C2.89,18 2,17.1 2,16V6C2,5.78 2.04,5.57 2.1,5.37L1,4.27M4,16H12.73L4,7.27V16M20,16V6H7.82L5.82,4H20A2,2 0 0,1 22,6V16A2,2 0 0,1 20,18H24V20H21.82L17.82,16H20Z" /></svg><svg id="laptop-windows" viewBox="0 0 24 24"><path d="M3,4H21A1,1 0 0,1 22,5V16A1,1 0 0,1 21,17H22L24,20V21H0V20L2,17H3A1,1 0 0,1 2,16V5A1,1 0 0,1 3,4M4,6V15H20V6H4Z" /></svg><svg id="laravel" viewBox="0 0 24 24"><path d="M22,11.87C22.03,11.66 21.96,11.43 21.81,11.27C21.75,11.2 21.29,10.63 20.81,10.03C20.32,9.42 19.8,8.77 19.64,8.59C19.46,8.37 19.2,8.12 18.81,8.12C18.74,8.12 18.68,8.13 18.58,8.14C18.46,8.15 17.53,8.31 16.8,8.43C16.36,8.5 16,8.56 15.9,8.58C15.55,8.63 15.32,8.78 15.22,9C15.17,9.14 15.11,9.4 15.33,9.69L16.83,11.82L12.08,12.95L7.63,5.5C7.5,5.29 7.29,5 6.76,5C6.71,5 6.66,5 6.61,5L5.59,5.1C4.68,5.17 3,5.31 2.82,5.31C2.5,5.31 2.27,5.43 2.13,5.65C1.96,5.9 1.96,6.23 2.13,6.63C2.37,7.19 6.04,15.12 6.06,15.16C6.25,15.64 6.71,15.95 7.22,15.95C7.36,15.95 7.5,15.93 7.59,15.89C8.16,15.75 10,15.27 11.24,14.95C11.87,16.09 13,18.12 13.24,18.45C13.4,18.68 13.67,19 14.14,19C14.35,19 14.55,18.93 14.79,18.85C15.14,18.74 20.74,16.74 21.03,16.62C21.23,16.53 21.5,16.42 21.6,16.11C21.66,15.91 21.62,15.7 21.47,15.5C21.36,15.32 20.31,13.92 19.53,12.88L21.47,12.36C21.82,12.25 21.94,12.03 22,11.87M13,14.5L17.89,13.24C18.73,14.39 19.18,15 19.42,15.33C15.88,16.53 14.79,16.9 14.47,17C14.24,16.65 13.56,15.47 13,14.5M17.3,9.87C17.76,9.79 18.35,9.68 18.67,9.62C18.88,9.89 19.44,10.6 19.83,11.1C19.4,11.21 18.8,11.36 18.44,11.45L17.3,9.87M6.38,6.5L10.35,13.38L7.6,14.04C7,12.79 4.78,8.22 4.06,6.72C4.32,6.7 6.13,6.54 6.38,6.5Z" /></svg><svg id="lastfm" viewBox="0 0 24 24"><path d="M18,17.93C15.92,17.92 14.81,16.9 14.04,15.09L13.82,14.6L11.92,10.23C11.29,8.69 9.72,7.64 7.96,7.64C5.57,7.64 3.63,9.59 3.63,12C3.63,14.41 5.57,16.36 7.96,16.36C9.62,16.36 11.08,15.41 11.8,14L12.57,15.81C11.5,17.15 9.82,18 7.96,18C4.67,18 2,15.32 2,12C2,8.69 4.67,6 7.96,6C10.44,6 12.45,7.34 13.47,9.7C13.54,9.89 14.54,12.24 15.42,14.24C15.96,15.5 16.42,16.31 17.91,16.36C19.38,16.41 20.39,15.5 20.39,14.37C20.39,13.26 19.62,13 18.32,12.56C16,11.79 14.79,11 14.79,9.15C14.79,7.33 16,6.12 18,6.12C19.31,6.12 20.24,6.7 20.89,7.86L19.62,8.5C19.14,7.84 18.61,7.57 17.94,7.57C17,7.57 16.33,8.23 16.33,9.1C16.33,10.34 17.43,10.53 18.97,11.03C21.04,11.71 22,12.5 22,14.42C22,16.45 20.27,17.93 18,17.93Z" /></svg><svg id="lastpass" viewBox="0 0 24 24"><path d="M14,12A2,2 0 0,1 16,10A2,2 0 0,1 18,12A2,2 0 0,1 16,14A2,2 0 0,1 14,12M8,12A2,2 0 0,1 10,10A2,2 0 0,1 12,12A2,2 0 0,1 10,14A2,2 0 0,1 8,12M2,12A2,2 0 0,1 4,10A2,2 0 0,1 6,12A2,2 0 0,1 4,14A2,2 0 0,1 2,12M22,5H20V19H22V5Z" /></svg><svg id="launch" viewBox="0 0 24 24"><path d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" /></svg><svg id="lava-lamp" viewBox="0 0 24 24"><path d="M10,3L8,16H16L14,3H10M11.5,5.75A0.75,0.75 0 0,1 12.25,6.5A0.75,0.75 0 0,1 11.5,7.25A0.75,0.75 0 0,1 10.75,6.5A0.75,0.75 0 0,1 11.5,5.75M12.5,8.5A1,1 0 0,1 13.5,9.5A1,1 0 0,1 12.5,10.5A1,1 0 0,1 11.5,9.5A1,1 0 0,1 12.5,8.5M11.5,12A1.5,1.5 0 0,1 13,13.5A1.5,1.5 0 0,1 11.5,15A1.5,1.5 0 0,1 10,13.5A1.5,1.5 0 0,1 11.5,12M8,17L10,19L8,21H16L14,19L16,17H8Z" /></svg><svg id="layers" viewBox="0 0 24 24"><path d="M12,16L19.36,10.27L21,9L12,2L3,9L4.63,10.27M12,18.54L4.62,12.81L3,14.07L12,21.07L21,14.07L19.37,12.8L12,18.54Z" /></svg><svg id="layers-minus" viewBox="0 0 24 24"><path d="M22,17V19H14V17H22M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z" /></svg><svg id="layers-off" viewBox="0 0 24 24"><path d="M3.27,1L2,2.27L6.22,6.5L3,9L4.63,10.27L12,16L14.1,14.37L15.53,15.8L12,18.54L4.63,12.81L3,14.07L12,21.07L16.95,17.22L20.73,21L22,19.73L3.27,1M19.36,10.27L21,9L12,2L9.09,4.27L16.96,12.15L19.36,10.27M19.81,15L21,14.07L19.57,12.64L18.38,13.56L19.81,15Z" /></svg><svg id="layers-off-outline" viewBox="0 0 24 24"><path d="M12,4.53L10.83,5.44L9.41,4L12,2L21,9L17.28,11.89L15.85,10.47L17.74,9L12,4.53M21,14.07L20.13,14.75L18.7,13.32L19.37,12.8L21,14.07M3.41,0.86L22.14,19.59L20.73,21L16.95,17.22L12,21.07L3,14.07L4.62,12.81L12,18.54L15.5,15.79L14.1,14.37L12,16L3,9L6.22,6.5L2,2.27L3.41,0.86M12,13.47L12.67,12.94L7.65,7.92L6.26,9L12,13.47Z" /></svg><svg id="layers-outline" viewBox="0 0 24 24"><path d="M12,18.54L19.37,12.8L21,14.07L12,21.07L3,14.07L4.62,12.81L12,18.54M12,16L3,9L12,2L21,9L12,16M12,4.53L6.26,9L12,13.47L17.74,9L12,4.53Z" /></svg><svg id="layers-plus" viewBox="0 0 24 24"><path d="M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z" /></svg><svg id="layers-remove" viewBox="0 0 24 24"><path d="M14.46,15.88L15.88,14.46L18,16.59L20.12,14.46L21.54,15.88L19.41,18L21.54,20.12L20.12,21.54L18,19.41L15.88,21.54L14.46,20.12L16.59,18L14.46,15.88M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z" /></svg><svg id="lead-pencil" viewBox="0 0 24 24"><path d="M16.84,2.73C16.45,2.73 16.07,2.88 15.77,3.17L13.65,5.29L18.95,10.6L21.07,8.5C21.67,7.89 21.67,6.94 21.07,6.36L17.9,3.17C17.6,2.88 17.22,2.73 16.84,2.73M12.94,6L4.84,14.11L7.4,14.39L7.58,16.68L9.86,16.85L10.15,19.41L18.25,11.3M4.25,15.04L2.5,21.73L9.2,19.94L8.96,17.78L6.65,17.61L6.47,15.29" /></svg><svg id="leaf" viewBox="0 0 24 24"><path d="M17,8C8,10 5.9,16.17 3.82,21.34L5.71,22L6.66,19.7C7.14,19.87 7.64,20 8,20C19,20 22,3 22,3C21,5 14,5.25 9,6.25C4,7.25 2,11.5 2,13.5C2,15.5 3.75,17.25 3.75,17.25C7,8 17,8 17,8Z" /></svg><svg id="leaf-maple" viewBox="0 0 24 24"><path d="M21.79,13L16,16L17,18L13,17.25V21H11V17.25L7,18L8,16L2.21,13L3.21,11.27L1.61,8L5.21,7.77L6.21,6L9.63,9.9L8,5H10L12,2L14,5H16L14.37,9.9L17.79,6L18.79,7.73L22.39,7.96L20.79,11.19L21.79,13Z" /></svg><svg id="leak" viewBox="0 0 24 24"><path d="M6,3H3V6A3,3 0 0,0 6,3M14,3H12A9,9 0 0,1 3,12V14C9.08,14 14,9.07 14,3M10,3H8A5,5 0 0,1 3,8V10A7,7 0 0,0 10,3M10,21H12A9,9 0 0,1 21,12V10A11,11 0 0,0 10,21M18,21H21V18A3,3 0 0,0 18,21M14,21H16A5,5 0 0,1 21,16V14A7,7 0 0,0 14,21Z" /></svg><svg id="leak-off" viewBox="0 0 24 24"><path d="M10,3H8C8,3.37 7.96,3.72 7.88,4.06L9.47,5.65C9.81,4.84 10,3.94 10,3M3,4.27L5.84,7.11C5.03,7.67 4.06,8 3,8V10C4.61,10 6.09,9.45 7.27,8.54L8.7,9.97C7.14,11.24 5.16,12 3,12V14C5.71,14 8.19,13 10.11,11.38L12.61,13.88C11,15.81 10,18.29 10,21H12C12,18.84 12.76,16.86 14.03,15.31L15.46,16.74C14.55,17.91 14,19.39 14,21H16C16,19.94 16.33,18.97 16.89,18.16L19.73,21L21,19.73L4.27,3L3,4.27M14,3H12C12,4.5 11.63,5.91 11,7.16L12.44,8.62C13.42,7 14,5.06 14,3M19.94,16.12C20.28,16.04 20.63,16 21,16V14C20.06,14 19.16,14.19 18.34,14.5L19.94,16.12M15.38,11.56L16.84,13C18.09,12.37 19.5,12 21,12V10C18.94,10 17,10.58 15.38,11.56Z" /></svg><svg id="led-off" viewBox="0 0 24 24"><path d="M12,6A4,4 0 0,0 8,10V16H6V18H9V23H11V18H13V23H15V18H18V16H16V10A4,4 0 0,0 12,6Z" /></svg><svg id="led-on" viewBox="0 0 24 24"><path d="M11,0V4H13V0H11M18.3,2.29L15.24,5.29L16.64,6.71L19.7,3.71L18.3,2.29M5.71,2.29L4.29,3.71L7.29,6.71L8.71,5.29L5.71,2.29M12,6A4,4 0 0,0 8,10V16H6V18H9V23H11V18H13V23H15V18H18V16H16V10A4,4 0 0,0 12,6M2,9V11H6V9H2M18,9V11H22V9H18Z" /></svg><svg id="led-outline" viewBox="0 0 24 24"><path d="M12,6A4,4 0 0,0 8,10V16H6V18H9V23H11V18H13V23H15V18H18V16H16V10A4,4 0 0,0 12,6M12,8A2,2 0 0,1 14,10V15H10V10A2,2 0 0,1 12,8Z" /></svg><svg id="led-strip" viewBox="0 0 24 24"><path d="M2.81,8.46L14.83,20.5L15.54,19.78L16.95,21.19L18.36,19.78L16.95,18.36L18.36,16.95L19.78,18.36L21.19,16.95L19.78,15.54L20.5,14.83L8.46,2.81L2.81,8.46M5.64,8.46L8.46,5.64L17.66,14.83L14.83,17.66L5.64,8.46M7.05,8.46L8.46,9.88L9.88,8.46L8.46,7.05L7.05,8.46M9.17,10.59L10.59,12L12,10.59L10.59,9.17L9.17,10.59M11.29,12.71L12.71,14.12L14.12,12.71L12.71,11.29L11.29,12.71M13.41,14.83L14.83,16.24L16.24,14.83L14.83,13.41L13.41,14.83Z" /></svg><svg id="led-variant-off" viewBox="0 0 24 24"><path d="M12,3C10.05,3 8.43,4.4 8.08,6.25L16.82,15H18V13H16V7A4,4 0 0,0 12,3M3.28,4L2,5.27L8,11.27V13H6V15H9V21H11V15H11.73L13,16.27V21H15V18.27L18.73,22L20,20.72L15,15.72L8,8.72L3.28,4Z" /></svg><svg id="led-variant-on" viewBox="0 0 24 24"><path d="M12,3A4,4 0 0,0 8,7V13H6V15H9V21H11V15H13V21H15V15H18V13H16V7A4,4 0 0,0 12,3Z" /></svg><svg id="led-variant-outline" viewBox="0 0 24 24"><path d="M12,3A4,4 0 0,0 8,7V13H6V15H9V21H11V15H13V21H15V15H18V13H16V7A4,4 0 0,0 12,3M12,5A2,2 0 0,1 14,7V12H10V7A2,2 0 0,1 12,5Z" /></svg><svg id="less-than" viewBox="0 0 24 24"><path d="M18.5,4.14L19.5,5.86L8.97,12L19.5,18.14L18.5,19.86L5,12L18.5,4.14Z" /></svg><svg id="less-than-or-equal" viewBox="0 0 24 24"><path d="M18.5,2.27L5,10.14L18.5,18L19.5,16.27L8.97,10.14L19.5,4L18.5,2.27M5,20V22H20V20H5Z" /></svg><svg id="library" viewBox="0 0 24 24"><path d="M12,8A3,3 0 0,0 15,5A3,3 0 0,0 12,2A3,3 0 0,0 9,5A3,3 0 0,0 12,8M12,11.54C9.64,9.35 6.5,8 3,8V19C6.5,19 9.64,20.35 12,22.54C14.36,20.35 17.5,19 21,19V8C17.5,8 14.36,9.35 12,11.54Z" /></svg><svg id="library-books" viewBox="0 0 24 24"><path d="M19,7H9V5H19M15,15H9V13H15M19,11H9V9H19M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M4,6H2V20A2,2 0 0,0 4,22H18V20H4V6Z" /></svg><svg id="library-movie" viewBox="0 0 24 24"><path d="M4,6H2V20A2,2 0 0,0 4,22H18V20H4V6M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M10,15H8V13H10V15M10,11H8V9H10V11M10,7H8V5H10V7M20,15H18V13H20V15M20,11H18V9H20V11M20,7H18V5H20V7Z" /></svg><svg id="library-music" viewBox="0 0 24 24"><path d="M4,6H2V20A2,2 0 0,0 4,22H18V20H4M18,7H15V12.5A2.5,2.5 0 0,1 12.5,15A2.5,2.5 0 0,1 10,12.5A2.5,2.5 0 0,1 12.5,10C13.07,10 13.58,10.19 14,10.5V5H18M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2Z" /></svg><svg id="library-plus" viewBox="0 0 24 24"><path d="M19,11H15V15H13V11H9V9H13V5H15V9H19M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M4,6H2V20A2,2 0 0,0 4,22H18V20H4V6Z" /></svg><svg id="library-shelves" viewBox="0 0 24 24"><path d="M19.5,9V1.5H16.5V9H13.5V1.5H10.5V9H7.5V1.5H4.65V9H3V10.5H21V9H19.5M19.5,13.5H16.5V21H13.5V13.5H10.5V21H7.5V13.5H4.65V21H3V22.5H21V21H19.5V13.5Z" /></svg><svg id="library-video" viewBox="0 0 24 24"><path d="M4,6H2V20A2,2 0 0,0 4,22H18V20H4V6M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M12,14.5V5.5L18,10L12,14.5Z" /></svg><svg id="lifebuoy" viewBox="0 0 24 24"><path d="M19.79,15.41C20.74,13.24 20.74,10.75 19.79,8.59L17.05,9.83C17.65,11.21 17.65,12.78 17.06,14.17L19.79,15.41M15.42,4.21C13.25,3.26 10.76,3.26 8.59,4.21L9.83,6.94C11.22,6.35 12.79,6.35 14.18,6.95L15.42,4.21M4.21,8.58C3.26,10.76 3.26,13.24 4.21,15.42L6.95,14.17C6.35,12.79 6.35,11.21 6.95,9.82L4.21,8.58M8.59,19.79C10.76,20.74 13.25,20.74 15.42,19.78L14.18,17.05C12.8,17.65 11.22,17.65 9.84,17.06L8.59,19.79M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,8A4,4 0 0,0 8,12A4,4 0 0,0 12,16A4,4 0 0,0 16,12A4,4 0 0,0 12,8Z" /></svg><svg id="light-switch" viewBox="0 0 24 24"><path d="M7,1A2,2 0 0,0 5,3V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3A2,2 0 0,0 17,1H7M7,3H17V21H7V3M9,6V18H15V6H9M10,7H14V11H10V7M10,13H14V17H10V13Z" /></svg><svg id="lightbulb" viewBox="0 0 24 24"><path d="M12,2A7,7 0 0,0 5,9C5,11.38 6.19,13.47 8,14.74V17A1,1 0 0,0 9,18H15A1,1 0 0,0 16,17V14.74C17.81,13.47 19,11.38 19,9A7,7 0 0,0 12,2M9,21A1,1 0 0,0 10,22H14A1,1 0 0,0 15,21V20H9V21Z" /></svg><svg id="lightbulb-off" viewBox="0 0 24 24"><path d="M12,2C9.76,2 7.78,3.05 6.5,4.68L16.31,14.5C17.94,13.21 19,11.24 19,9A7,7 0 0,0 12,2M3.28,4L2,5.27L5.04,8.3C5,8.53 5,8.76 5,9C5,11.38 6.19,13.47 8,14.74V17A1,1 0 0,0 9,18H14.73L18.73,22L20,20.72L3.28,4M9,20V21A1,1 0 0,0 10,22H14A1,1 0 0,0 15,21V20H9Z" /></svg><svg id="lightbulb-off-outline" viewBox="0 0 24 24"><path d="M12,2C9.76,2 7.78,3.05 6.5,4.68L7.93,6.11C8.84,4.84 10.32,4 12,4A5,5 0 0,1 17,9C17,10.68 16.16,12.16 14.89,13.06L16.31,14.5C17.94,13.21 19,11.24 19,9A7,7 0 0,0 12,2M3.28,4L2,5.27L5.04,8.3C5,8.53 5,8.76 5,9C5,11.38 6.19,13.47 8,14.74V17A1,1 0 0,0 9,18H14.73L18.73,22L20,20.72L3.28,4M7.23,10.5L12.73,16H10V13.58C8.68,13 7.66,11.88 7.23,10.5M9,20V21A1,1 0 0,0 10,22H14A1,1 0 0,0 15,21V20H9Z" /></svg><svg id="lightbulb-on" viewBox="0 0 24 24"><path d="M12,6A6,6 0 0,1 18,12C18,14.22 16.79,16.16 15,17.2V19A1,1 0 0,1 14,20H10A1,1 0 0,1 9,19V17.2C7.21,16.16 6,14.22 6,12A6,6 0 0,1 12,6M14,21V22A1,1 0 0,1 13,23H11A1,1 0 0,1 10,22V21H14M20,11H23V13H20V11M1,11H4V13H1V11M13,1V4H11V1H13M4.92,3.5L7.05,5.64L5.63,7.05L3.5,4.93L4.92,3.5M16.95,5.63L19.07,3.5L20.5,4.93L18.37,7.05L16.95,5.63Z" /></svg><svg id="lightbulb-on-outline" viewBox="0 0 24 24"><path d="M20,11H23V13H20V11M1,11H4V13H1V11M13,1V4H11V1H13M4.92,3.5L7.05,5.64L5.63,7.05L3.5,4.93L4.92,3.5M16.95,5.63L19.07,3.5L20.5,4.93L18.37,7.05L16.95,5.63M12,6A6,6 0 0,1 18,12C18,14.22 16.79,16.16 15,17.2V19A1,1 0 0,1 14,20H10A1,1 0 0,1 9,19V17.2C7.21,16.16 6,14.22 6,12A6,6 0 0,1 12,6M14,21V22A1,1 0 0,1 13,23H11A1,1 0 0,1 10,22V21H14M11,18H13V15.87C14.73,15.43 16,13.86 16,12A4,4 0 0,0 12,8A4,4 0 0,0 8,12C8,13.86 9.27,15.43 11,15.87V18Z" /></svg><svg id="lightbulb-outline" viewBox="0 0 24 24"><path d="M12,2A7,7 0 0,1 19,9C19,11.38 17.81,13.47 16,14.74V17A1,1 0 0,1 15,18H9A1,1 0 0,1 8,17V14.74C6.19,13.47 5,11.38 5,9A7,7 0 0,1 12,2M9,21V20H15V21A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21M12,4A5,5 0 0,0 7,9C7,11.05 8.23,12.81 10,13.58V16H14V13.58C15.77,12.81 17,11.05 17,9A5,5 0 0,0 12,4Z" /></svg><svg id="lighthouse" viewBox="0 0 24 24"><path d="M8,10V8H9V4H8V3L12,1L16,3V4H15V8H16V10H14.74L8.44,13.64L9,10H8M13,8V4H11V8H13M7,23L7.04,22.76L16.15,17.5L16.67,20.88L13,23H7M8.05,16.17L15.31,12L15.83,15.37L7.43,20.22L8.05,16.17Z" /></svg><svg id="lighthouse-on" viewBox="0 0 24 24"><path d="M1,10V2L10,5V7L1,10M8,10V8H13V4H8V3L12,1L16,3V4H15V8H16V10H14.74L8.44,13.64L9,10H8M7,23L7.04,22.76L16.15,17.5L16.67,20.88L13,23H7M8.05,16.17L15.31,12L15.83,15.37L7.43,20.22L8.05,16.17Z" /></svg><svg id="link" viewBox="0 0 24 24"><path d="M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z" /></svg><svg id="link-box" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M11,16H10C8.39,16 6,14.94 6,12C6,9.07 8.39,8 10,8H11V10H10C9.54,10 8,10.17 8,12C8,13.9 9.67,14 10,14H11V16M15,11V13H9V11H15M14,16H13V14H14C14.46,14 16,13.83 16,12C16,10.1 14.33,10 14,10H13V8H14C15.61,8 18,9.07 18,12C18,14.94 15.61,16 14,16Z" /></svg><svg id="link-box-outline" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M11,16H10C8.39,16 6,14.94 6,12C6,9.07 8.39,8 10,8H11V10H10C9.54,10 8,10.17 8,12C8,13.9 9.67,14 10,14H11V16M14,16H13V14H14C14.46,14 16,13.83 16,12C16,10.1 14.33,10 14,10H13V8H14C15.61,8 18,9.07 18,12C18,14.94 15.61,16 14,16M15,13H9V11H15V13Z" /></svg><svg id="link-box-variant" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M13.94,14.81L11.73,17C11.08,17.67 10.22,18 9.36,18C8.5,18 7.64,17.67 7,17C5.67,15.71 5.67,13.58 7,12.26L8.35,10.9L8.34,11.5C8.33,12 8.41,12.5 8.57,12.94L8.62,13.09L8.22,13.5C7.91,13.8 7.74,14.21 7.74,14.64C7.74,15.07 7.91,15.47 8.22,15.78C8.83,16.4 9.89,16.4 10.5,15.78L12.7,13.59C13,13.28 13.18,12.87 13.18,12.44C13.18,12 13,11.61 12.7,11.3C12.53,11.14 12.44,10.92 12.44,10.68C12.44,10.45 12.53,10.23 12.7,10.06C13.03,9.73 13.61,9.74 13.94,10.06C14.57,10.7 14.92,11.54 14.92,12.44C14.92,13.34 14.57,14.18 13.94,14.81M17,11.74L15.66,13.1V12.5C15.67,12 15.59,11.5 15.43,11.06L15.38,10.92L15.78,10.5C16.09,10.2 16.26,9.79 16.26,9.36C16.26,8.93 16.09,8.53 15.78,8.22C15.17,7.6 14.1,7.61 13.5,8.22L11.3,10.42C11,10.72 10.82,11.13 10.82,11.56C10.82,12 11,12.39 11.3,12.7C11.47,12.86 11.56,13.08 11.56,13.32C11.56,13.56 11.47,13.78 11.3,13.94C11.13,14.11 10.91,14.19 10.68,14.19C10.46,14.19 10.23,14.11 10.06,13.94C8.75,12.63 8.75,10.5 10.06,9.19L12.27,7C13.58,5.67 15.71,5.68 17,7C17.65,7.62 18,8.46 18,9.36C18,10.26 17.65,11.1 17,11.74Z" /></svg><svg id="link-box-variant-outline" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M13.94,10.06C14.57,10.7 14.92,11.54 14.92,12.44C14.92,13.34 14.57,14.18 13.94,14.81L11.73,17C11.08,17.67 10.22,18 9.36,18C8.5,18 7.64,17.67 7,17C5.67,15.71 5.67,13.58 7,12.26L8.35,10.9L8.34,11.5C8.33,12 8.41,12.5 8.57,12.94L8.62,13.09L8.22,13.5C7.91,13.8 7.74,14.21 7.74,14.64C7.74,15.07 7.91,15.47 8.22,15.78C8.83,16.4 9.89,16.4 10.5,15.78L12.7,13.59C13,13.28 13.18,12.87 13.18,12.44C13.18,12 13,11.61 12.7,11.3C12.53,11.14 12.44,10.92 12.44,10.68C12.44,10.45 12.53,10.23 12.7,10.06C13.03,9.73 13.61,9.74 13.94,10.06M18,9.36C18,10.26 17.65,11.1 17,11.74L15.66,13.1V12.5C15.67,12 15.59,11.5 15.43,11.06L15.38,10.92L15.78,10.5C16.09,10.2 16.26,9.79 16.26,9.36C16.26,8.93 16.09,8.53 15.78,8.22C15.17,7.6 14.1,7.61 13.5,8.22L11.3,10.42C11,10.72 10.82,11.13 10.82,11.56C10.82,12 11,12.39 11.3,12.7C11.47,12.86 11.56,13.08 11.56,13.32C11.56,13.56 11.47,13.78 11.3,13.94C11.13,14.11 10.91,14.19 10.68,14.19C10.46,14.19 10.23,14.11 10.06,13.94C8.75,12.63 8.75,10.5 10.06,9.19L12.27,7C13.58,5.67 15.71,5.68 17,7C17.65,7.62 18,8.46 18,9.36Z" /></svg><svg id="link-off" viewBox="0 0 24 24"><path d="M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.43 19.12,14.63 17.79,15L19.25,16.44C20.88,15.61 22,13.95 22,12A5,5 0 0,0 17,7M16,11H13.81L15.81,13H16V11M2,4.27L5.11,7.38C3.29,8.12 2,9.91 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12C3.9,10.41 5.11,9.1 6.66,8.93L8.73,11H8V13H10.73L13,15.27V17H14.73L18.74,21L20,19.74L3.27,3L2,4.27Z" /></svg><svg id="link-plus" viewBox="0 0 24 24"><path d="M7,7H11V9H7A3,3 0 0,0 4,12A3,3 0 0,0 7,15H11V17H7A5,5 0 0,1 2,12A5,5 0 0,1 7,7M17,7A5,5 0 0,1 22,12H20A3,3 0 0,0 17,9H13V7H17M8,11H16V13H8V11M17,12H19V15H22V17H19V20H17V17H14V15H17V12Z" /></svg><svg id="link-variant" viewBox="0 0 24 24"><path d="M10.59,13.41C11,13.8 11,14.44 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C7.22,12.88 7.22,9.71 9.17,7.76V7.76L12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.59,9.17C9.41,10.34 9.41,12.24 10.59,13.41M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.78,11.12 16.78,14.29 14.83,16.24V16.24L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L13.41,14.83C14.59,13.66 14.59,11.76 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z" /></svg><svg id="link-variant-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L13.9,17.17L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L12.5,15.76L10.88,14.15C10.87,14.39 10.77,14.64 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C8.12,13.77 7.63,12.37 7.72,11L2,5.27M12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.79,8.97L9.38,7.55L12.71,4.22M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.2,10.54 16.61,12.5 16.06,14.23L14.28,12.46C14.23,11.78 13.94,11.11 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z" /></svg><svg id="linkedin" viewBox="0 0 24 24"><path d="M21,21H17V14.25C17,13.19 15.81,12.31 14.75,12.31C13.69,12.31 13,13.19 13,14.25V21H9V9H13V11C13.66,9.93 15.36,9.24 16.5,9.24C19,9.24 21,11.28 21,13.75V21M7,21H3V9H7V21M5,3A2,2 0 0,1 7,5A2,2 0 0,1 5,7A2,2 0 0,1 3,5A2,2 0 0,1 5,3Z" /></svg><svg id="linkedin-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z" /></svg><svg id="linux" viewBox="0 0 24 24"><path d="M14.62,8.35C14.2,8.63 12.87,9.39 12.67,9.54C12.28,9.85 11.92,9.83 11.53,9.53C11.33,9.37 10,8.61 9.58,8.34C9.1,8.03 9.13,7.64 9.66,7.42C11.3,6.73 12.94,6.78 14.57,7.45C15.06,7.66 15.08,8.05 14.62,8.35M21.84,15.63C20.91,13.54 19.64,11.64 18,9.97C17.47,9.42 17.14,8.8 16.94,8.09C16.84,7.76 16.77,7.42 16.7,7.08C16.5,6.2 16.41,5.3 16,4.47C15.27,2.89 14,2.07 12.16,2C10.35,2.05 9,2.81 8.21,4.4C8,4.83 7.85,5.28 7.75,5.74C7.58,6.5 7.43,7.29 7.25,8.06C7.1,8.71 6.8,9.27 6.29,9.77C4.68,11.34 3.39,13.14 2.41,15.12C2.27,15.41 2.13,15.7 2.04,16C1.85,16.66 2.33,17.12 3.03,16.96C3.47,16.87 3.91,16.78 4.33,16.65C4.74,16.5 4.9,16.6 5,17C5.65,19.15 7.07,20.66 9.24,21.5C13.36,23.06 18.17,20.84 19.21,16.92C19.28,16.65 19.38,16.55 19.68,16.65C20.14,16.79 20.61,16.89 21.08,17C21.57,17.09 21.93,16.84 22,16.36C22.03,16.1 21.94,15.87 21.84,15.63" /></svg><svg id="linux-mint" viewBox="0 0 24 24"><path d="M2,3.23V6.8H3.5C4.59,6.8 4.78,7.53 4.78,8.55V14.86C4.78,18.12 7.65,20.77 11.18,20.77H19.9C21,20.77 22,20.07 22,19V9.2C22,5.93 19.13,3.28 15.6,3.28H11.93V3.27L2,3.23V3.23M6.62,5.46H8.37V14.45C8.37,15.65 9.19,16.59 10.16,16.59L16.13,16.61C17.38,16.61 18.35,15.75 18.35,14.73L18.34,9.96C18.34,9.65 18.24,9.41 18,9.19C17.79,8.96 17.56,8.86 17.25,8.86C16.94,8.86 16.71,8.96 16.5,9.19C16.27,9.41 16.16,9.65 16.16,9.96V14.05H14.31V9.96C14.31,9.65 14.21,9.41 14,9.19C13.77,8.96 13.54,8.86 13.22,8.86C12.92,8.86 12.68,8.96 12.46,9.19C12.24,9.41 12.14,9.65 12.14,9.96V14.05H10.29V9.96C10.29,9.15 10.58,8.44 11.15,7.86C11.72,7.29 12.43,7 13.22,7C14,7 14.68,7.28 15.24,7.82C15.79,7.28 16.47,7 17.25,7C18.05,7 18.76,7.29 19.32,7.86C19.89,8.44 20.19,9.15 20.19,9.96L20.2,15.06C20.11,15.91 19.75,16.67 19.13,17.31V17.31C18.4,18.04 17.5,18.42 16.5,18.42H9.83C9,18.34 8.29,17.95 7.69,17.36C7,16.65 6.62,15.79 6.62,14.79V5.46H6.62Z" /></svg><svg id="litecoin" viewBox="0 0 24 24"><path d="M12.55,15.92L13.16,13.78L14.81,13.19L16.25,7.63L14.56,8.31L16.25,2H8L5.38,11.77L3.72,12.34L2.22,17.91L4,17.27L2.66,22H20.16L21.78,15.92H12.55M19.39,21H4L5.46,15.65L3.72,16.3L4.58,13.11L6.24,12.54L8.74,3H15L13.13,10L14.83,9.3L14,12.42L12.33,13L11.22,16.91H20.5L19.39,21Z" /></svg><svg id="loading" viewBox="0 0 24 24"><path d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z" /></svg><svg id="lock" viewBox="0 0 24 24"><path d="M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z" /></svg><svg id="lock-alert" viewBox="0 0 24 24"><path d="M12,1A5,5 0 0,0 7,6V8H6A2,2 0 0,0 4,10V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V10A2,2 0 0,0 18,8H17V6A5,5 0 0,0 12,1M12,2.9C13.71,2.9 15.1,4.29 15.1,6V8H8.9V6C8.9,4.29 10.29,2.9 12,2.9M11,11H13V15H11V11M11,17H13V19H11V17Z" /></svg><svg id="lock-clock" viewBox="0 0 24 24"><path d="M8.5,2C6,2 4,4 4,6.5V7C2.89,7 2,7.89 2,9V18C2,19.11 2.89,20 4,20H8.72C10.18,21.29 12.06,22 14,22A8,8 0 0,0 22,14A8,8 0 0,0 14,6C13.66,6 13.32,6.03 13,6.08C12.76,3.77 10.82,2 8.5,2M8.5,4A2.5,2.5 0 0,1 11,6.5V7H6V6.5A2.5,2.5 0 0,1 8.5,4M14,8A6,6 0 0,1 20,14A6,6 0 0,1 14,20A6,6 0 0,1 8,14A6,6 0 0,1 14,8M13,10V15L16.64,17.19L17.42,15.9L14.5,14.15V10H13Z" /></svg><svg id="lock-open" viewBox="0 0 24 24"><path d="M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,0 14,15A2,2 0 0,0 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17Z" /></svg><svg id="lock-open-outline" viewBox="0 0 24 24"><path d="M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,1 10,15A2,2 0 0,1 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17Z" /></svg><svg id="lock-outline" viewBox="0 0 24 24"><path d="M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z" /></svg><svg id="lock-pattern" viewBox="0 0 24 24"><path d="M7,3A4,4 0 0,1 11,7C11,8.86 9.73,10.43 8,10.87V13.13C8.37,13.22 8.72,13.37 9.04,13.56L13.56,9.04C13.2,8.44 13,7.75 13,7A4,4 0 0,1 17,3A4,4 0 0,1 21,7A4,4 0 0,1 17,11C16.26,11 15.57,10.8 15,10.45L10.45,15C10.8,15.57 11,16.26 11,17A4,4 0 0,1 7,21A4,4 0 0,1 3,17C3,15.14 4.27,13.57 6,13.13V10.87C4.27,10.43 3,8.86 3,7A4,4 0 0,1 7,3M17,13A4,4 0 0,1 21,17A4,4 0 0,1 17,21A4,4 0 0,1 13,17A4,4 0 0,1 17,13M17,15A2,2 0 0,0 15,17A2,2 0 0,0 17,19A2,2 0 0,0 19,17A2,2 0 0,0 17,15Z" /></svg><svg id="lock-plus" viewBox="0 0 24 24"><path d="M18,8H17V6A5,5 0 0,0 12,1A5,5 0 0,0 7,6V8H6A2,2 0 0,0 4,10V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V10A2,2 0 0,0 18,8M8.9,6C8.9,4.29 10.29,2.9 12,2.9C13.71,2.9 15.1,4.29 15.1,6V8H8.9V6M16,16H13V19H11V16H8V14H11V11H13V14H16V16Z" /></svg><svg id="lock-question" viewBox="0 0 24 24"><path d="M12,1A5,5 0 0,0 7,6V8H6A2,2 0 0,0 4,10V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V10A2,2 0 0,0 18,8H17V6A5,5 0 0,0 12,1M12,2.9C13.71,2.9 15.1,4.29 15.1,6V8H8.9V6C8.9,4.29 10.29,2.9 12,2.9M12.19,10.5C13.13,10.5 13.88,10.71 14.42,11.12C14.96,11.54 15.23,12.1 15.23,12.8C15.23,13.24 15.08,13.63 14.79,14C14.5,14.36 14.12,14.64 13.66,14.85C13.4,15 13.23,15.15 13.14,15.32C13.05,15.5 13,15.72 13,16H11C11,15.5 11.1,15.16 11.29,14.92C11.5,14.68 11.84,14.4 12.36,14.08C12.62,13.94 12.83,13.76 13,13.54C13.14,13.33 13.22,13.08 13.22,12.8C13.22,12.5 13.13,12.28 12.95,12.11C12.77,11.93 12.5,11.85 12.19,11.85C11.92,11.85 11.7,11.92 11.5,12.06C11.34,12.2 11.24,12.41 11.24,12.69H9.27C9.22,12 9.5,11.4 10.05,11.04C10.59,10.68 11.3,10.5 12.19,10.5M11,17H13V19H11V17Z" /></svg><svg id="lock-reset" viewBox="0 0 24 24"><path d="M12.63,2C18.16,2 22.64,6.5 22.64,12C22.64,17.5 18.16,22 12.63,22C9.12,22 6.05,20.18 4.26,17.43L5.84,16.18C7.25,18.47 9.76,20 12.64,20A8,8 0 0,0 20.64,12A8,8 0 0,0 12.64,4C8.56,4 5.2,7.06 4.71,11H7.47L3.73,14.73L0,11H2.69C3.19,5.95 7.45,2 12.63,2M15.59,10.24C16.09,10.25 16.5,10.65 16.5,11.16V15.77C16.5,16.27 16.09,16.69 15.58,16.69H10.05C9.54,16.69 9.13,16.27 9.13,15.77V11.16C9.13,10.65 9.54,10.25 10.04,10.24V9.23C10.04,7.7 11.29,6.46 12.81,6.46C14.34,6.46 15.59,7.7 15.59,9.23V10.24M12.81,7.86C12.06,7.86 11.44,8.47 11.44,9.23V10.24H14.19V9.23C14.19,8.47 13.57,7.86 12.81,7.86Z" /></svg><svg id="lock-smart" viewBox="0 0 24 24"><path d="M12,2A6,6 0 0,0 6,8V16A6,6 0 0,0 12,22A6,6 0 0,0 18,16V8A6,6 0 0,0 12,2M8,6H10V8H8V6M11,6H13V8H11V6M14,6H16V8H14V6M8,9H10V11H8V9M11,9H13V11H11V9M14,9H16V11H14V9M8,12H10V14H8V12M11,12H13V14H11V12M14,12H16V14H14V12M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16Z" /></svg><svg id="locker" viewBox="0 0 24 24"><path d="M8,2H16A2,2 0 0,1 18,4V20A2,2 0 0,1 16,22H8A2,2 0 0,1 6,20V4A2,2 0 0,1 8,2M8,4V20H16V4H8M10,13H12V17H10V13M10,6H14V7.5H10V6M10,9H14V10.5H10V9Z" /></svg><svg id="locker-multiple" viewBox="0 0 24 24"><path d="M3,2H21A2,2 0 0,1 23,4V20A2,2 0 0,1 21,22H3A2,2 0 0,1 1,20V4A2,2 0 0,1 3,2M13,4V20H21V4H13M3,4V20H11V4H3M5,13H7V17H5V13M5,6H9V7.5H5V6M5,9H9V10.5H5V9M15,13H17V17H15V13M15,6H19V7.5H15V6M15,9H19V10.5H15V9Z" /></svg><svg id="login" viewBox="0 0 24 24"><path d="M10,17V14H3V10H10V7L15,12L10,17M10,2H19A2,2 0 0,1 21,4V20A2,2 0 0,1 19,22H10A2,2 0 0,1 8,20V18H10V20H19V4H10V6H8V4A2,2 0 0,1 10,2Z" /></svg><svg id="login-variant" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z" /></svg><svg id="logout" viewBox="0 0 24 24"><path d="M16,17V14H9V10H16V7L21,12L16,17M14,2A2,2 0 0,1 16,4V6H14V4H5V20H14V18H16V20A2,2 0 0,1 14,22H5A2,2 0 0,1 3,20V4A2,2 0 0,1 5,2H14Z" /></svg><svg id="logout-variant" viewBox="0 0 24 24"><path d="M14.08,15.59L16.67,13H7V11H16.67L14.08,8.41L15.5,7L20.5,12L15.5,17L14.08,15.59M19,3A2,2 0 0,1 21,5V9.67L19,7.67V5H5V19H19V16.33L21,14.33V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19Z" /></svg><svg id="looks" viewBox="0 0 24 24"><path d="M12,6A11,11 0 0,0 1,17H3C3,12.04 7.04,8 12,8C16.96,8 21,12.04 21,17H23A11,11 0 0,0 12,6M12,10C8.14,10 5,13.14 5,17H7A5,5 0 0,1 12,12A5,5 0 0,1 17,17H19C19,13.14 15.86,10 12,10Z" /></svg><svg id="loop" viewBox="0 0 24 24"><path d="M9,14V21H2V19H5.57C4,17.3 3,15 3,12.5A9.5,9.5 0 0,1 12.5,3A9.5,9.5 0 0,1 22,12.5A9.5,9.5 0 0,1 12.5,22H12V20H12.5A7.5,7.5 0 0,0 20,12.5A7.5,7.5 0 0,0 12.5,5A7.5,7.5 0 0,0 5,12.5C5,14.47 5.76,16.26 7,17.6V14H9Z" /></svg><svg id="loupe" viewBox="0 0 24 24"><path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22H20A2,2 0 0,0 22,20V12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z" /></svg><svg id="lumx" viewBox="0 0 24 24"><path d="M12.35,1.75L20.13,9.53L13.77,15.89L12.35,14.47L17.3,9.53L10.94,3.16L12.35,1.75M15.89,9.53L14.47,10.94L10.23,6.7L5.28,11.65L3.87,10.23L10.23,3.87L15.89,9.53M10.23,8.11L11.65,9.53L6.7,14.47L13.06,20.84L11.65,22.25L3.87,14.47L10.23,8.11M8.11,14.47L9.53,13.06L13.77,17.3L18.72,12.35L20.13,13.77L13.77,20.13L8.11,14.47Z" /></svg><svg id="lyft" viewBox="0 0 24 24"><path d="M9.56,12.5C9.56,12.6 9.5,12.72 9.4,12.79C9.2,12.97 8.89,12.94 8.71,12.74C8.63,12.65 8.59,12.53 8.59,12.41V8.5H5.66V13.39A2.44,2.44 0 0,0 8.1,15.83C8.68,15.83 9.24,15.62 9.68,15.24C9.64,15.6 9.43,15.93 9.11,16.11C8.75,16.31 8.35,16.42 7.94,16.41C7.46,16.41 7,16.3 6.56,16.09L6.39,16V18.6C7.04,18.86 7.74,19 8.44,19C9.47,19 10.46,18.66 11.25,18C12.08,17.25 12.54,16.18 12.5,15.06V8.5H9.56V12.5M4.93,13.39V5.59H2V12.9C1.84,14.35 2.88,15.65 4.33,15.81C4.41,15.82 4.5,15.83 4.56,15.83V15.83C4.93,15.83 5.29,15.74 5.63,15.59L5.75,15.5L5.65,15.41C5.17,14.85 4.91,14.13 4.93,13.39M22,11.39V8.5H21C20.59,6.38 18.53,5 16.41,5.41C16.17,5.45 15.94,5.5 15.71,5.61C14.28,6.24 13.33,7.62 13.26,9.18V15.83H13.39C14.95,15.76 16.19,14.47 16.19,12.9H17.41V10H16.15V9.17C16.15,8.86 16.32,8.57 16.59,8.41C17.06,8.13 17.68,8.28 17.96,8.76C18.05,8.91 18.09,9.07 18.1,9.24V11.93C18.07,14.05 19.75,15.79 21.87,15.83H22V12.9H22A1,1 0 0,1 21,11.9V11.41L22,11.39Z" /></svg><svg id="magnet" viewBox="0 0 24 24"><path d="M3,7V13A9,9 0 0,0 12,22A9,9 0 0,0 21,13V7H17V13A5,5 0 0,1 12,18A5,5 0 0,1 7,13V7M17,5H21V2H17M3,5H7V2H3" /></svg><svg id="magnet-on" viewBox="0 0 24 24"><path d="M3,7V13A9,9 0 0,0 12,22A9,9 0 0,0 21,13V7H17V13A5,5 0 0,1 12,18A5,5 0 0,1 7,13V7M17,5H21V2H17M3,5H7V2H3M13,1.5L9,9H11V14.5L15,7H13V1.5Z" /></svg><svg id="magnify" viewBox="0 0 24 24"><path d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" /></svg><svg id="magnify-close" viewBox="0 0 24 24"><path d="M9,2A7,7 0 0,1 16,9C16,10.5 15.5,12 14.61,13.19L15.41,14H16L22,20L20,22L14,16V15.41L13.19,14.61C12,15.5 10.5,16 9,16A7,7 0 0,1 2,9A7,7 0 0,1 9,2M11.12,5.46L9,7.59L6.88,5.46L5.46,6.88L7.59,9L5.46,11.12L6.88,12.54L9,10.41L11.12,12.54L12.54,11.12L10.41,9L12.54,6.88L11.12,5.46Z" /></svg><svg id="magnify-minus" viewBox="0 0 24 24"><path d="M9,2A7,7 0 0,1 16,9C16,10.57 15.5,12 14.61,13.19L15.41,14H16L22,20L20,22L14,16V15.41L13.19,14.61C12,15.5 10.57,16 9,16A7,7 0 0,1 2,9A7,7 0 0,1 9,2M5,8V10H13V8H5Z" /></svg><svg id="magnify-minus-cursor" viewBox="0 0 24 24"><path d="M11,4A7,7 0 0,1 18,11C18,12.5 17.5,14 16.61,15.19L17.42,16H18L23,21L21,23L16,18V17.41L15.19,16.6C12.1,18.92 7.71,18.29 5.39,15.2C3.07,12.11 3.7,7.72 6.79,5.4C8,4.5 9.5,4 11,4M7,10V12H15V10H7M1,1V8L8,1H1Z" /></svg><svg id="magnify-minus-outline" viewBox="0 0 24 24"><path d="M15.5,14H14.71L14.43,13.73C15.41,12.59 16,11.11 16,9.5A6.5,6.5 0 0,0 9.5,3A6.5,6.5 0 0,0 3,9.5A6.5,6.5 0 0,0 9.5,16C11.11,16 12.59,15.41 13.73,14.43L14,14.71V15.5L19,20.5L20.5,19L15.5,14M9.5,14C7,14 5,12 5,9.5C5,7 7,5 9.5,5C12,5 14,7 14,9.5C14,12 12,14 9.5,14M7,9H12V10H7V9Z" /></svg><svg id="magnify-plus" viewBox="0 0 24 24"><path d="M9,2A7,7 0 0,1 16,9C16,10.57 15.5,12 14.61,13.19L15.41,14H16L22,20L20,22L14,16V15.41L13.19,14.61C12,15.5 10.57,16 9,16A7,7 0 0,1 2,9A7,7 0 0,1 9,2M8,5V8H5V10H8V13H10V10H13V8H10V5H8Z" /></svg><svg id="magnify-plus-cursor" viewBox="0 0 24 24"><path d="M11,4A7,7 0 0,1 18,11C18,12.5 17.5,14 16.61,15.19L17.42,16H18L23,21L21,23L16,18V17.41L15.19,16.6C12.1,18.92 7.71,18.29 5.39,15.2C3.07,12.11 3.7,7.72 6.79,5.4C8,4.5 9.5,4 11,4M10,7V10H7V12H10V15H12V12H15V10H12V7H10M1,1V8L8,1H1Z" /></svg><svg id="magnify-plus-outline" viewBox="0 0 24 24"><path d="M15.5,14L20.5,19L19,20.5L14,15.5V14.71L13.73,14.43C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.43,13.73L14.71,14H15.5M9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14M12,10H10V12H9V10H7V9H9V7H10V9H12V10Z" /></svg><svg id="mail-ru" viewBox="0 0 24 24"><path d="M15.45,11.91C15.34,9.7 13.7,8.37 11.72,8.37H11.64C9.35,8.37 8.09,10.17 8.09,12.21C8.09,14.5 9.62,15.95 11.63,15.95C13.88,15.95 15.35,14.3 15.46,12.36M11.65,6.39C13.18,6.39 14.62,7.07 15.67,8.13V8.13C15.67,7.62 16,7.24 16.5,7.24H16.61C17.35,7.24 17.5,7.94 17.5,8.16V16.06C17.46,16.58 18.04,16.84 18.37,16.5C19.64,15.21 21.15,9.81 17.58,6.69C14.25,3.77 9.78,4.25 7.4,5.89C4.88,7.63 3.26,11.5 4.83,15.11C6.54,19.06 11.44,20.24 14.35,19.06C15.83,18.47 16.5,20.46 15,21.11C12.66,22.1 6.23,22 3.22,16.79C1.19,13.27 1.29,7.08 6.68,3.87C10.81,1.42 16.24,2.1 19.5,5.5C22.95,9.1 22.75,15.8 19.4,18.41C17.89,19.59 15.64,18.44 15.66,16.71L15.64,16.15C14.59,17.2 13.18,17.81 11.65,17.81C8.63,17.81 6,15.15 6,12.13C6,9.08 8.63,6.39 11.65,6.39Z" /></svg><svg id="mailbox" viewBox="0 0 24 24"><path d="M17,4H7A5,5 0 0,0 2,9V20H20A2,2 0 0,0 22,18V9A5,5 0 0,0 17,4M10,18H4V9A3,3 0 0,1 7,6A3,3 0 0,1 10,9V18M19,15H17V13H13V11H19V15M9,11H5V9H9V11Z" /></svg><svg id="mailbox-open" viewBox="0 0 24 24"><path d="M8,4A5,5 0 0,0 3,9V18H1V20H21A2,2 0 0,0 23,18V9A5,5 0 0,0 18,4H8M8,6A3,3 0 0,1 11,9V18H5V9A3,3 0 0,1 8,6M14,11H20V15H18V13H14V11Z" /></svg><svg id="mailbox-open-outline" viewBox="0 0 24 24"><path d="M14,11H20V15H18V13H14V11M18,4H8A5,5 0 0,0 3,9V18H1V20H21A2,2 0 0,0 23,18V9A5,5 0 0,0 18,4M11,18H5V9A3,3 0 0,1 8,6A3,3 0 0,1 11,9V18M21,18H13V9C13,7.92 12.65,6.86 12,6H18A3,3 0 0,1 21,9V18Z" /></svg><svg id="mailbox-open-up" viewBox="0 0 24 24"><path d="M8,4A5,5 0 0,0 3,9V18H1V20H21A2,2 0 0,0 23,18V9A5,5 0 0,0 18,4H8M8,6A3,3 0 0,1 11,9V18H5V9A3,3 0 0,1 8,6M13,13V7H17V9H15V13H13Z" /></svg><svg id="mailbox-open-up-outline" viewBox="0 0 24 24"><path d="M14,12.85V6.85H18V8.85H16V12.85H14M18,3.85H8A5,5 0 0,0 3,8.85V17.85H1V19.85H21A2,2 0 0,0 23,17.85V8.85A5,5 0 0,0 18,3.85M11,17.85H5V8.85A3,3 0 0,1 8,5.85A3,3 0 0,1 11,8.85V17.85M21,17.85H13V8.85C13,7.76 12.65,6.71 12,5.85H18A3,3 0 0,1 21,8.85V17.85Z" /></svg><svg id="mailbox-outline" viewBox="0 0 24 24"><path d="M17,4H7A5,5 0 0,0 2,9V20H20A2,2 0 0,0 22,18V9A5,5 0 0,0 17,4M10,18H4V9A3,3 0 0,1 7,6A3,3 0 0,1 10,9V18M20,18H12V9C12,7.92 11.65,6.86 11,6H17A3,3 0 0,1 20,9V18M13,11V13H17V15H19V11H13M9,11H5V9H9V11Z" /></svg><svg id="mailbox-up" viewBox="0 0 24 24"><path d="M5,9H9V11H5V9M22,9V18A2,2 0 0,1 20,20H2V9A5,5 0 0,1 7,4H17A5,5 0 0,1 22,9M10,9A3,3 0 0,0 7,6A3,3 0 0,0 4,9V18H10V9M16,7H12V13H14V9H16V7Z" /></svg><svg id="mailbox-up-outline" viewBox="0 0 24 24"><path d="M17,4H7A5,5 0 0,0 2,9V20H20A2,2 0 0,0 22,18V9A5,5 0 0,0 17,4M10,18H4V9A3,3 0 0,1 7,6A3,3 0 0,1 10,9V18M20,18H12V9C12,7.92 11.65,6.86 11,6H17A3,3 0 0,1 20,9V18M13,13H15V9H17V7H13V13M9,11H5V9H9V11Z" /></svg><svg id="map" viewBox="0 0 24 24"><path d="M15,19L9,16.89V5L15,7.11M20.5,3C20.44,3 20.39,3 20.34,3L15,5.1L9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21C3.55,21 3.61,21 3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3Z" /></svg><svg id="map-check" viewBox="0 0 24 24"><path d="M18.25,22L15.5,19L16.66,17.82L18.25,19.41L21.84,15.82L23,17.23M20.5,3A0.5,0.5 0 0,1 21,3.5V13.36C20.36,13.13 19.69,13 19,13C17.46,13 16.06,13.6 15,14.56V7.1L9,5V16.9L13.04,18.3C13,18.54 13,18.77 13,19C13,19.46 13.06,19.92 13.16,20.36L9,18.9L3.66,20.97C3.59,21 3.55,21 3.5,21A0.5,0.5 0 0,1 3,20.5V5.38C3,5.15 3.16,4.97 3.35,4.9L9,3L15,5.1L20.33,3" /></svg><svg id="map-check-outline" viewBox="0 0 24 24"><path d="M18.25,22L15.5,19L16.66,17.82L18.25,19.41L21.84,15.82L23,17.23L18.25,22M20.5,3A0.5,0.5 0 0,1 21,3.5V13.34C20.37,13.12 19.7,13 19,13V5.7L16,6.86V13.8C15.2,14.27 14.5,14.91 14,15.68V6.87L10,5.47V17.13L13.05,18.2L13,19C13,19.46 13.05,19.92 13.15,20.35L9,18.9L3.66,20.97L3.5,21A0.5,0.5 0 0,1 3,20.5V5.38C3,5.15 3.15,4.97 3.36,4.9L9,3L15,5.1L20.34,3.03L20.5,3M5,6.46V18.31L8,17.15V5.45L5,6.46Z" /></svg><svg id="map-clock" viewBox="0 0 24 24"><path d="M15,12H16.5V16.25L19.36,17.94L18.61,19.16L15,17V12M23,16A7,7 0 0,1 16,23C13,23 10.4,21.08 9.42,18.4L8,17.9L2.66,19.97L2.5,20A0.5,0.5 0 0,1 2,19.5V4.38C2,4.15 2.15,3.97 2.36,3.9L8,2L14,4.1L19.34,2H19.5A0.5,0.5 0 0,1 20,2.5V10.25C21.81,11.5 23,13.62 23,16M9,16C9,12.83 11.11,10.15 14,9.29V6.11L8,4V15.89L9,16.24C9,16.16 9,16.08 9,16M16,11A5,5 0 0,0 11,16A5,5 0 0,0 16,21A5,5 0 0,0 21,16A5,5 0 0,0 16,11Z" /></svg><svg id="map-clock-outline" viewBox="0 0 24 24"><path d="M15,12H16.5V16.25L19.36,17.94L18.61,19.16L15,17V12M16,9C16.69,9 17.37,9.1 18,9.29V4.7L15,5.86V9.07C15.33,9 15.66,9 16,9M23,16A7,7 0 0,1 16,23C13,23 10.4,21.08 9.42,18.4L8,17.9L2.66,19.97L2.5,20A0.5,0.5 0 0,1 2,19.5V4.38C2,4.15 2.15,3.97 2.36,3.9L8,2L14,4.1L19.34,2.03L19.5,2A0.5,0.5 0 0,1 20,2.5V10.25C21.81,11.5 23,13.62 23,16M9,16C9,13.21 10.63,10.8 13,9.67V5.87L9,4.47V16.13H9C9,16.09 9,16.04 9,16M16,11A5,5 0 0,0 11,16A5,5 0 0,0 16,21A5,5 0 0,0 21,16A5,5 0 0,0 16,11M4,5.46V17.31L7,16.15V4.45L4,5.46Z" /></svg><svg id="map-legend" viewBox="0 0 24 24"><path d="M9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21L3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19.03 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3L20.34,3.03L15,5.1L9,3M8,5.45V17.15L5,18.31V6.46L8,5.45M10,5.47L14,6.87V18.53L10,17.13V5.47M19,5.7V17.54L16,18.55V6.86L19,5.7M7.46,6.3L5.57,6.97V9.12L7.46,8.45V6.3M7.46,9.05L5.57,9.72V11.87L7.46,11.2V9.05M7.46,11.8L5.57,12.47V14.62L7.46,13.95V11.8M7.46,14.55L5.57,15.22V17.37L7.46,16.7V14.55Z" /></svg><svg id="map-marker" viewBox="0 0 24 24"><path d="M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z" /></svg><svg id="map-marker-check" viewBox="0 0 24 24"><path d="M12,2C15.86,2 19,5.14 19,9C19,14.25 12,22 12,22C12,22 5,14.25 5,9C5,5.14 8.14,2 12,2M10.47,14L17,7.41L15.6,6L10.47,11.18L8.4,9.09L7,10.5L10.47,14Z" /></svg><svg id="map-marker-circle" viewBox="0 0 24 24"><path d="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,12.5A1.5,1.5 0 0,1 10.5,11A1.5,1.5 0 0,1 12,9.5A1.5,1.5 0 0,1 13.5,11A1.5,1.5 0 0,1 12,12.5M12,7.2C9.9,7.2 8.2,8.9 8.2,11C8.2,14 12,17.5 12,17.5C12,17.5 15.8,14 15.8,11C15.8,8.9 14.1,7.2 12,7.2Z" /></svg><svg id="map-marker-distance" viewBox="0 0 24 24"><path d="M6.5,8.11C5.61,8.11 4.89,7.39 4.89,6.5A1.61,1.61 0 0,1 6.5,4.89C7.39,4.89 8.11,5.61 8.11,6.5V6.5A1.61,1.61 0 0,1 6.5,8.11M6.5,2C4,2 2,4 2,6.5C2,9.87 6.5,14.86 6.5,14.86C6.5,14.86 11,9.87 11,6.5C11,4 9,2 6.5,2M17.5,8.11A1.61,1.61 0 0,1 15.89,6.5C15.89,5.61 16.61,4.89 17.5,4.89C18.39,4.89 19.11,5.61 19.11,6.5A1.61,1.61 0 0,1 17.5,8.11M17.5,2C15,2 13,4 13,6.5C13,9.87 17.5,14.86 17.5,14.86C17.5,14.86 22,9.87 22,6.5C22,4 20,2 17.5,2M17.5,16C16.23,16 15.1,16.8 14.68,18H9.32C8.77,16.44 7.05,15.62 5.5,16.17C3.93,16.72 3.11,18.44 3.66,20C4.22,21.56 5.93,22.38 7.5,21.83C8.35,21.53 9,20.85 9.32,20H14.69C15.24,21.56 16.96,22.38 18.5,21.83C20.08,21.28 20.9,19.56 20.35,18C19.92,16.8 18.78,16 17.5,16V16M17.5,20.5A1.5,1.5 0 0,1 16,19A1.5,1.5 0 0,1 17.5,17.5A1.5,1.5 0 0,1 19,19A1.5,1.5 0 0,1 17.5,20.5Z" /></svg><svg id="map-marker-minus" viewBox="0 0 24 24"><path d="M9,11.5A2.5,2.5 0 0,0 11.5,9A2.5,2.5 0 0,0 9,6.5A2.5,2.5 0 0,0 6.5,9A2.5,2.5 0 0,0 9,11.5M9,2C12.86,2 16,5.13 16,9C16,14.25 9,22 9,22C9,22 2,14.25 2,9A7,7 0 0,1 9,2M15,17H23V19H15V17Z" /></svg><svg id="map-marker-multiple" viewBox="0 0 24 24"><path d="M14,11.5A2.5,2.5 0 0,0 16.5,9A2.5,2.5 0 0,0 14,6.5A2.5,2.5 0 0,0 11.5,9A2.5,2.5 0 0,0 14,11.5M14,2C17.86,2 21,5.13 21,9C21,14.25 14,22 14,22C14,22 7,14.25 7,9A7,7 0 0,1 14,2M5,9C5,13.5 10.08,19.66 11,20.81L10,22C10,22 3,14.25 3,9C3,5.83 5.11,3.15 8,2.29C6.16,3.94 5,6.33 5,9Z" /></svg><svg id="map-marker-off" viewBox="0 0 24 24"><path d="M16.37,16.1L11.75,11.47L11.64,11.36L3.27,3L2,4.27L5.18,7.45C5.06,7.95 5,8.46 5,9C5,14.25 12,22 12,22C12,22 13.67,20.15 15.37,17.65L18.73,21L20,19.72M12,6.5A2.5,2.5 0 0,1 14.5,9C14.5,9.73 14.17,10.39 13.67,10.85L17.3,14.5C18.28,12.62 19,10.68 19,9A7,7 0 0,0 12,2C10,2 8.24,2.82 6.96,4.14L10.15,7.33C10.61,6.82 11.26,6.5 12,6.5Z" /></svg><svg id="map-marker-outline" viewBox="0 0 24 24"><path d="M12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5M12,2A7,7 0 0,1 19,9C19,14.25 12,22 12,22C12,22 5,14.25 5,9A7,7 0 0,1 12,2M12,4A5,5 0 0,0 7,9C7,10 7,12 12,18.71C17,12 17,10 17,9A5,5 0 0,0 12,4Z" /></svg><svg id="map-marker-path" viewBox="0 0 24 24"><path d="M18,15A3,3 0 0,1 21,18A3,3 0 0,1 18,21C16.69,21 15.58,20.17 15.17,19H14V17H15.17C15.58,15.83 16.69,15 18,15M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17M18,8A1.43,1.43 0 0,0 19.43,6.57C19.43,5.78 18.79,5.14 18,5.14C17.21,5.14 16.57,5.78 16.57,6.57A1.43,1.43 0 0,0 18,8M18,2.57A4,4 0 0,1 22,6.57C22,9.56 18,14 18,14C18,14 14,9.56 14,6.57A4,4 0 0,1 18,2.57M8.83,17H10V19H8.83C8.42,20.17 7.31,21 6,21A3,3 0 0,1 3,18C3,16.69 3.83,15.58 5,15.17V14H7V15.17C7.85,15.47 8.53,16.15 8.83,17M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M6,3A3,3 0 0,1 9,6C9,7.31 8.17,8.42 7,8.83V10H5V8.83C3.83,8.42 3,7.31 3,6A3,3 0 0,1 6,3M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M11,19V17H13V19H11M7,13H5V11H7V13Z" /></svg><svg id="map-marker-plus" viewBox="0 0 24 24"><path d="M9,11.5A2.5,2.5 0 0,0 11.5,9A2.5,2.5 0 0,0 9,6.5A2.5,2.5 0 0,0 6.5,9A2.5,2.5 0 0,0 9,11.5M9,2C12.86,2 16,5.13 16,9C16,14.25 9,22 9,22C9,22 2,14.25 2,9A7,7 0 0,1 9,2M15,17H18V14H20V17H23V19H20V22H18V19H15V17Z" /></svg><svg id="map-marker-radius" viewBox="0 0 24 24"><path d="M12,2C15.31,2 18,4.66 18,7.95C18,12.41 12,19 12,19C12,19 6,12.41 6,7.95C6,4.66 8.69,2 12,2M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M20,19C20,21.21 16.42,23 12,23C7.58,23 4,21.21 4,19C4,17.71 5.22,16.56 7.11,15.83L7.75,16.74C6.67,17.19 6,17.81 6,18.5C6,19.88 8.69,21 12,21C15.31,21 18,19.88 18,18.5C18,17.81 17.33,17.19 16.25,16.74L16.89,15.83C18.78,16.56 20,17.71 20,19Z" /></svg><svg id="map-minus" viewBox="0 0 24 24"><path d="M9,3L3.36,4.9C3.16,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21C3.55,21 3.6,21 3.66,20.97L9,18.9L13,20.3V18.3L9,16.9V5L15,7.1V16H21V3.5A0.5,0.5 0 0,0 20.5,3H20.34L15,5.1L9,3M15,18V20H23V18H15Z" /></svg><svg id="map-outline" viewBox="0 0 24 24"><path d="M20.5,3L20.34,3.03L15,5.1L9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21L3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19.03 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3M10,5.47L14,6.87V18.53L10,17.13V5.47M5,6.46L8,5.45V17.15L5,18.31V6.46M19,17.54L16,18.55V6.86L19,5.7V17.54Z" /></svg><svg id="map-plus" viewBox="0 0 24 24"><path d="M9,3L3.36,4.9C3.16,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21C3.55,21 3.6,21 3.66,20.97L9,18.9L13.16,20.36C13.06,19.92 13,19.46 13,19C13,18.77 13,18.54 13.04,18.3L9,16.9V5L15,7.1V14.56C16.07,13.6 17.47,13 19,13C19.7,13 20.37,13.13 21,13.36V3.5A0.5,0.5 0 0,0 20.5,3H20.34L15,5.1L9,3M18,15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg><svg id="map-search" viewBox="0 0 24 24"><path d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M14,6.11L8,4V15.89L9,16.24V16.5C9,17.14 9.09,17.76 9.26,18.34L8,17.9L2.66,19.97L2.5,20A0.5,0.5 0 0,1 2,19.5V4.38C2,4.15 2.15,3.97 2.36,3.9L8,2L14,4.1L19.34,2H19.5A0.5,0.5 0 0,1 20,2.5V11.81C18.83,10.69 17.25,10 15.5,10C15,10 14.5,10.06 14,10.17V6.11Z" /></svg><svg id="map-search-outline" viewBox="0 0 24 24"><path d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.2 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M19.5,2A0.5,0.5 0 0,1 20,2.5V11.81C19.42,11.26 18.75,10.81 18,10.5V4.7L15,5.86V10C14.3,10.07 13.62,10.24 13,10.5V5.87L9,4.47V16.13H9V16.5C9,17.14 9.09,17.76 9.26,18.34L8,17.9L2.66,19.97L2.5,20A0.5,0.5 0 0,1 2,19.5V4.38C2,4.15 2.15,3.97 2.36,3.9L8,2L14,4.1L19.34,2.03L19.5,2M4,5.46V17.31L7,16.15V4.45L4,5.46Z" /></svg><svg id="mapbox" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M16.75,14.45C18.65,12.55 18.58,9.39 16.59,7.41C14.6,5.43 11.45,5.35 9.55,7.25C6.12,10.68 7.22,16.78 7.22,16.78C7.22,16.78 13.33,17.87 16.75,14.45M13.15,7.86L14.13,9.87L16.14,10.85L14.13,11.83L13.15,13.84L12.17,11.83L10.16,10.85L12.17,9.87L13.15,7.86Z" /></svg><svg id="margin" viewBox="0 0 24 24"><path d="M20,4V9L18.5,7.5L5.5,20.5L3.5,18.5L16.5,5.5L15,4H20M17,20A3,3 0 0,1 14,17V15A3,3 0 0,1 17,12A3,3 0 0,1 20,15V17A3,3 0 0,1 17,20M17,14A1,1 0 0,0 16,15V17A1,1 0 0,0 17,18A1,1 0 0,0 18,17V15A1,1 0 0,0 17,14M7,12A3,3 0 0,1 4,9V7A3,3 0 0,1 7,4A3,3 0 0,1 10,7V9A3,3 0 0,1 7,12M7,6A1,1 0 0,0 6,7V9A1,1 0 0,0 7,10A1,1 0 0,0 8,9V7A1,1 0 0,0 7,6Z" /></svg><svg id="markdown" viewBox="0 0 24 24"><path d="M2,16V8H4L7,11L10,8H12V16H10V10.83L7,13.83L4,10.83V16H2M16,8H19V12H21.5L17.5,16.5L13.5,12H16V8Z" /></svg><svg id="marker" viewBox="0 0 24 24"><path d="M18.5,1.15C17.97,1.15 17.46,1.34 17.07,1.73L11.26,7.55L16.91,13.2L22.73,7.39C23.5,6.61 23.5,5.35 22.73,4.56L19.89,1.73C19.5,1.34 19,1.15 18.5,1.15M10.3,8.5L4.34,14.46C3.56,15.24 3.56,16.5 4.36,17.31C3.14,18.54 1.9,19.77 0.67,21H6.33L7.19,20.14C7.97,20.9 9.22,20.89 10,20.12L15.95,14.16" /></svg><svg id="marker-cancel" viewBox="0 0 24 24"><path d="M17.5,13C20,13 22,15 22,17.5C22,20 20,22 17.5,22C15,22 13,20 13,17.5C13,15 15,13 17.5,13M17.5,14.5C16.94,14.5 16.42,14.65 16,14.92L20.08,19C20.35,18.58 20.5,18.06 20.5,17.5A3,3 0 0,0 17.5,14.5M14.5,17.5A3,3 0 0,0 17.5,20.5C18.06,20.5 18.58,20.35 19,20.08L14.92,16C14.65,16.42 14.5,16.94 14.5,17.5M18.5,1.15C19,1.15 19.5,1.34 19.89,1.73L22.73,4.56C23.5,5.35 23.5,6.61 22.73,7.39L18.95,11.16C18.5,11.06 18,11 17.5,11C16.67,11 15.88,11.16 15.15,11.44L11.26,7.55L17.07,1.73C17.46,1.34 17.97,1.15 18.5,1.15M10.3,8.5L13.89,12.1C12.15,13.26 11,15.25 11,17.5C11,18 11.06,18.5 11.16,18.95L10,20.12C9.22,20.89 7.97,20.9 7.19,20.14L6.33,21H0.67L4.36,17.31C3.56,16.5 3.56,15.24 4.34,14.46L10.3,8.5Z" /></svg><svg id="marker-check" viewBox="0 0 24 24"><path d="M10,16L5,11L6.41,9.58L10,13.17L17.59,5.58L19,7M19,1H5C3.89,1 3,1.89 3,3V15.93C3,16.62 3.35,17.23 3.88,17.59L12,23L20.11,17.59C20.64,17.23 21,16.62 21,15.93V3C21,1.89 20.1,1 19,1Z" /></svg><svg id="mastodon" viewBox="0 0 24 24"><path d="M20.94,14C20.66,15.41 18.5,16.96 15.97,17.26C14.66,17.41 13.37,17.56 12,17.5C9.75,17.39 8,16.96 8,16.96V17.58C8.32,19.8 10.22,19.93 12.03,20C13.85,20.05 15.47,19.54 15.47,19.54L15.55,21.19C15.55,21.19 14.27,21.87 12,22C10.75,22.07 9.19,21.97 7.38,21.5C3.46,20.45 2.78,16.26 2.68,12L2.67,8.57C2.67,4.23 5.5,2.96 5.5,2.96C6.95,2.3 9.41,2 11.97,2H12.03C14.59,2 17.05,2.3 18.5,2.96C18.5,2.96 21.33,4.23 21.33,8.57C21.33,8.57 21.37,11.78 20.94,14M18,8.91C18,7.83 17.7,7 17.15,6.35C16.59,5.72 15.85,5.39 14.92,5.39C13.86,5.39 13.05,5.8 12.5,6.62L12,7.5L11.5,6.62C10.94,5.8 10.14,5.39 9.07,5.39C8.15,5.39 7.41,5.72 6.84,6.35C6.29,7 6,7.83 6,8.91V14.17H8.1V9.06C8.1,8 8.55,7.44 9.46,7.44C10.46,7.44 10.96,8.09 10.96,9.37V12.16H13.03V9.37C13.03,8.09 13.53,7.44 14.54,7.44C15.44,7.44 15.89,8 15.89,9.06V14.17H18V8.91Z" /></svg><svg id="mastodon-variant" viewBox="0 0 24 24"><path d="M20.93,14C20.66,15.4 18.5,16.95 15.97,17.25C14.66,17.4 13.38,17.55 12,17.5C9.76,17.38 8,16.95 8,16.95L8.03,17.57C8.32,19.78 10.22,19.92 12.03,20C13.85,20.04 15.47,19.53 15.47,19.53L15.55,21.17C15.55,21.17 14.27,21.86 12,22C10.75,22.05 9.2,21.95 7.39,21.47C3.47,20.43 2.79,16.25 2.69,12L2.68,8.57C2.68,4.23 5.5,2.96 5.5,2.96C6.95,2.3 9.41,2 11.97,2H12.03C14.59,2 17.05,2.3 18.5,2.96C18.5,2.96 21.33,4.23 21.33,8.57C21.33,8.57 21.36,11.77 20.93,14M8.33,10.32C8.33,9.54 7.7,8.91 6.93,8.91C6.15,8.91 5.5,9.54 5.5,10.32C5.5,11.09 6.15,11.72 6.93,11.72A1.4,1.4 0 0,0 8.33,10.32M13.41,10.32A1.41,1.41 0 0,0 12,8.91A1.41,1.41 0 0,0 10.59,10.32C10.59,11.09 11.22,11.72 12,11.72C12.78,11.72 13.41,11.09 13.41,10.32M18.5,10.32C18.5,9.54 17.85,8.91 17.07,8.91C16.3,8.91 15.67,9.54 15.67,10.32A1.4,1.4 0 0,0 17.07,11.72C17.85,11.72 18.5,11.09 18.5,10.32Z" /></svg><svg id="material-design" viewBox="0 0 24 24"><path d="M21,12C21,9.97 20.33,8.09 19,6.38V17.63C20.33,15.97 21,14.09 21,12M17.63,19H6.38C7.06,19.55 7.95,20 9.05,20.41C10.14,20.8 11.13,21 12,21C12.88,21 13.86,20.8 14.95,20.41C16.05,20 16.94,19.55 17.63,19M11,17L7,9V17H11M17,9L13,17H17V9M12,14.53L15.75,7H8.25L12,14.53M17.63,5C15.97,3.67 14.09,3 12,3C9.91,3 8.03,3.67 6.38,5H17.63M5,17.63V6.38C3.67,8.09 3,9.97 3,12C3,14.09 3.67,15.97 5,17.63M23,12C23,15.03 21.94,17.63 19.78,19.78C17.63,21.94 15.03,23 12,23C8.97,23 6.38,21.94 4.22,19.78C2.06,17.63 1,15.03 1,12C1,8.97 2.06,6.38 4.22,4.22C6.38,2.06 8.97,1 12,1C15.03,1 17.63,2.06 19.78,4.22C21.94,6.38 23,8.97 23,12Z" /></svg><svg id="material-ui" viewBox="0 0 24 24"><path d="M8,16.61V15.37L14,11.91V7.23L9,10.12L4,7.23V13L3,13.58L2,13V5L3.07,4.38L9,7.81L12.93,5.54L14.93,4.38L16,5V13.06L10.92,16L14.97,18.33L20,15.43V11L21,10.42L22,11V16.58L14.97,20.64L8,16.61M22,9.75L21,10.33L20,9.75V8.58L21,8L22,8.58V9.75Z" /></svg><svg id="math-compass" viewBox="0 0 24 24"><path d="M20,19.88V22L18.2,20.83L13.41,11.83C14.07,11.62 14.67,11.28 15.19,10.83L20,19.88M15,7A3,3 0 0,1 12,10C11.85,10 11.71,10 11.56,10L5.8,20.83L4,22V19.88L9.79,9C8.69,7.77 8.79,5.87 10.03,4.76C10.57,4.28 11.27,4 12,4V2A1,1 0 0,1 13,3V4.18C14.2,4.6 15,5.73 15,7M13,7A1,1 0 0,0 12,6A1,1 0 0,0 11,7A1,1 0 0,0 12,8A1,1 0 0,0 13,7Z" /></svg><svg id="math-cos" viewBox="0 0 24 24"><path d="M4,7A2,2 0 0,0 2,9V15A2,2 0 0,0 4,17H6A2,2 0 0,0 8,15V14H6V15H4V9H6V10H8V9A2,2 0 0,0 6,7H4M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9M18,7A2,2 0 0,0 16,9V11A2,2 0 0,0 18,13H20V15H16V17H20A2,2 0 0,0 22,15V13A2,2 0 0,0 20,11H18V9H22V7H18Z" /></svg><svg id="math-sin" viewBox="0 0 24 24"><path d="M4,7A2,2 0 0,0 2,9V11A2,2 0 0,0 4,13H6V15H2V17H6A2,2 0 0,0 8,15V13A2,2 0 0,0 6,11H4V9H8V7H4M14,7V9H13V15H14V17H10V15H11V9H10V7H14M16,7V17H18V12L20,17H22V7H20V12L18,7H16Z" /></svg><svg id="math-tan" viewBox="0 0 24 24"><path d="M2,7V9H4V17H6V9H8V7H2M11,7A2,2 0 0,0 9,9V17H11V13H13V17H15V9A2,2 0 0,0 13,7H11M11,9H13V11H11V9M16,7V17H18V12L20,17H22V7H20V12L18,7H16Z" /></svg><svg id="matrix" viewBox="0 0 24 24"><path d="M2,2H6V4H4V20H6V22H2V2M20,4H18V2H22V22H18V20H20V4M9,5H10V10H11V11H8V10H9V6L8,6.5V5.5L9,5M15,13H16V18H17V19H14V18H15V14L14,14.5V13.5L15,13M9,13C10.1,13 11,14.34 11,16C11,17.66 10.1,19 9,19C7.9,19 7,17.66 7,16C7,14.34 7.9,13 9,13M9,14C8.45,14 8,14.9 8,16C8,17.1 8.45,18 9,18C9.55,18 10,17.1 10,16C10,14.9 9.55,14 9,14M15,5C16.1,5 17,6.34 17,8C17,9.66 16.1,11 15,11C13.9,11 13,9.66 13,8C13,6.34 13.9,5 15,5M15,6C14.45,6 14,6.9 14,8C14,9.1 14.45,10 15,10C15.55,10 16,9.1 16,8C16,6.9 15.55,6 15,6Z" /></svg><svg id="maxcdn" viewBox="0 0 24 24"><path d="M20.6,6.69C19.73,5.61 18.38,5 16.9,5H2.95L4.62,8.57L2.39,19H6.05L8.28,8.57H11.4L9.17,19H12.83L15.06,8.57H16.9C17.3,8.57 17.63,8.7 17.82,8.94C18,9.17 18.07,9.5 18,9.9L16.04,19H19.69L21.5,10.65C21.78,9.21 21.46,7.76 20.6,6.69Z" /></svg><svg id="medal" viewBox="0 0 24 24"><path d="M20,2H4V4L9.81,8.36C6.14,9.57 4.14,13.53 5.35,17.2C6.56,20.87 10.5,22.87 14.19,21.66C17.86,20.45 19.86,16.5 18.65,12.82C17.95,10.71 16.3,9.05 14.19,8.36L20,4V2M14.94,19.5L12,17.78L9.06,19.5L9.84,16.17L7.25,13.93L10.66,13.64L12,10.5L13.34,13.64L16.75,13.93L14.16,16.17L14.94,19.5Z" /></svg><svg id="medical-bag" viewBox="0 0 24 24"><path d="M10,3L8,5V7H5C3.85,7 3.12,8 3,9L2,19C1.88,20 2.54,21 4,21H20C21.46,21 22.12,20 22,19L21,9C20.88,8 20.06,7 19,7H16V5L14,3H10M10,5H14V7H10V5M11,10H13V13H16V15H13V18H11V15H8V13H11V10Z" /></svg><svg id="medium" viewBox="0 0 24 24"><path d="M4.37,7.3C4.4,7.05 4.3,6.81 4.12,6.65L2.25,4.4V4.06H8.05L12.53,13.89L16.47,4.06H22V4.4L20.4,5.93C20.27,6.03 20.2,6.21 20.23,6.38V17.62C20.2,17.79 20.27,17.97 20.4,18.07L21.96,19.6V19.94H14.12V19.6L15.73,18.03C15.89,17.88 15.89,17.83 15.89,17.59V8.5L11.4,19.9H10.8L5.57,8.5V16.14C5.5,16.46 5.63,16.78 5.86,17L7.96,19.57V19.9H2V19.57L4.1,17C4.33,16.78 4.43,16.46 4.37,16.14V7.3Z" /></svg><svg id="meetup" viewBox="0 0 24 24"><path d="M19.61,14.86C19.61,16.68 18.3,18.25 16.5,18.55C16.29,18.59 16.07,18.62 15.84,18.61C15.76,18.61 15.73,18.64 15.71,18.71C15.35,19.74 14.64,20.35 13.57,20.5C12.86,20.6 12.22,20.41 11.65,19.97C11.57,19.9 11.5,19.9 11.44,19.96C10.78,20.43 10.04,20.64 9.23,20.59C7.66,20.5 6.33,19.29 6.08,17.74C6.06,17.63 6.04,17.5 6.04,17.41C6.04,17.32 6,17.29 5.92,17.27C5.44,17.18 5,17 4.63,16.68C3.92,16.13 3.5,15.41 3.4,14.5C3.29,13.5 3.61,12.62 4.32,11.89C4.38,11.83 4.38,11.79 4.34,11.72C4.07,11.24 3.94,10.72 3.96,10.17C4,8.79 4.97,7.65 6.31,7.37C6.46,7.33 6.54,7.27 6.61,7.13C7.27,5.71 8.37,4.85 9.91,4.56C11,4.36 12,4.58 12.94,5.13C13,5.18 13.08,5.18 13.17,5.16C14.67,4.72 16,5.04 17.12,6.11C17.78,6.74 18.15,7.54 18.26,8.46C18.28,8.66 18.29,8.86 18.28,9.06C18.27,9.14 18.29,9.17 18.37,9.19C19.04,9.44 19.5,9.91 19.71,10.6C19.96,11.45 19.75,12.21 19.11,12.83C19.05,12.89 19.07,12.92 19.1,12.97C19.44,13.56 19.61,14.18 19.61,14.86M12.93,14.57C12.93,15.34 13.43,16 14.14,16.26C14.5,16.37 14.85,16.43 15.22,16.45C15.5,16.46 15.75,16.44 16,16.32C16.19,16.22 16.28,16.06 16.27,15.85C16.26,15.64 16.16,15.5 15.96,15.4C15.89,15.37 15.82,15.34 15.74,15.33C15.5,15.29 15.3,15.26 15.07,15.21C14.71,15.14 14.55,14.95 14.55,14.57C14.54,14.24 14.63,13.93 14.73,13.63C14.92,13.07 15.17,12.53 15.41,12C15.64,11.47 15.88,10.95 16.04,10.4C16.13,10.1 16.18,9.8 16.09,9.5C15.97,9 15.69,8.7 15.2,8.61C14.75,8.5 14.3,8.5 13.9,8.78C13.76,8.87 13.63,8.85 13.5,8.74C13.43,8.67 13.34,8.58 13.26,8.5C12.84,8.12 12.3,8.1 11.85,8.45C11.67,8.59 11.5,8.76 11.33,8.89C11.16,9 11,9.03 10.79,8.92C10.6,8.83 10.42,8.74 10.23,8.65C10.03,8.57 9.85,8.46 9.63,8.44C8.95,8.38 8.24,8.79 7.94,9.41C7.8,9.68 7.69,9.96 7.59,10.25C7.11,11.57 6.72,12.91 6.32,14.26C6.14,14.86 6.35,15.45 6.86,15.77C7.26,16 7.69,16.09 8.14,15.95C8.5,15.84 8.71,15.55 8.85,15.22C9.31,14.13 9.73,13 10.17,11.91C10.29,11.61 10.41,11.3 10.54,11C10.67,10.7 11.04,10.6 11.26,10.8C11.4,10.92 11.44,11.09 11.42,11.26C11.41,11.45 11.34,11.62 11.27,11.79C11,12.5 10.69,13.24 10.4,13.97C10.34,14.11 10.28,14.26 10.25,14.42C10.21,14.69 10.31,14.93 10.54,15C10.76,15.12 11,15.14 11.23,15.05C11.5,14.95 11.67,14.74 11.79,14.5C12.22,13.65 12.65,12.8 13.08,11.95C13.28,11.56 13.5,11.17 13.68,10.78C13.76,10.64 13.85,10.5 14,10.41C14.12,10.33 14.25,10.33 14.38,10.4C14.5,10.47 14.5,10.6 14.5,10.73C14.5,10.8 14.5,10.87 14.47,10.93C14.41,11.07 14.36,11.2 14.3,11.33C13.94,12.09 13.57,12.84 13.22,13.59C13.07,13.91 12.91,14.23 12.93,14.57M17.96,20.12C17.96,19.62 17.54,19.2 17.04,19.2C16.5,19.2 16.1,19.61 16.1,20.12A0.93,0.93 0 0,0 17.03,21.05A0.93,0.93 0 0,0 17.96,20.12M2.38,12.46C2.86,12.46 3.27,12.05 3.27,11.57C3.27,11.09 2.87,10.69 2.39,10.69C1.89,10.69 1.5,11.08 1.5,11.57C1.5,12.06 1.89,12.46 2.38,12.46M13.26,2.55C12.77,2.55 12.37,2.94 12.37,3.42C12.37,3.91 12.77,4.3 13.25,4.3C13.74,4.3 14.13,3.92 14.13,3.43C14.13,2.95 13.74,2.55 13.26,2.55M20.45,8.03C20.45,7.63 20.11,7.29 19.71,7.29C19.3,7.28 18.95,7.63 18.95,8.04C18.95,8.45 19.28,8.78 19.7,8.78C20.12,8.78 20.46,8.45 20.45,8.03M5.04,5.89C5.04,6.27 5.34,6.56 5.71,6.56C6.09,6.56 6.39,6.26 6.38,5.88C6.38,5.5 6.09,5.22 5.72,5.22C5.33,5.22 5.04,5.5 5.04,5.89M12.06,21.44C12.06,21.12 11.81,20.86 11.5,20.86C11.16,20.86 10.91,21.11 10.91,21.44C10.91,21.75 11.16,22 11.5,22C11.8,22 12.06,21.75 12.06,21.44M21,12.5C20.71,12.5 20.45,12.78 20.45,13.08A0.55,0.55 0 0,0 21,13.63C21.33,13.63 21.57,13.4 21.57,13.08C21.57,12.77 21.33,12.5 21,12.5M7.62,2C7.35,2 7.14,2.2 7.14,2.47C7.14,2.73 7.35,2.94 7.62,2.94A0.47,0.47 0 0,0 8.09,2.47C8.09,2.2 7.89,2 7.62,2M22.08,10C21.86,10 21.67,10.17 21.66,10.4C21.66,10.63 21.85,10.82 22.08,10.82C22.32,10.82 22.5,10.64 22.5,10.41C22.5,10.17 22.32,10 22.08,10M5.5,18.26C5.5,18.04 5.29,17.85 5.06,17.84C4.84,17.84 4.65,18.03 4.65,18.27C4.65,18.5 4.84,18.68 5.07,18.68C5.3,18.68 5.5,18.5 5.5,18.26Z" /></svg><svg id="memory" viewBox="0 0 24 24"><path d="M17,17H7V7H17M21,11V9H19V7C19,5.89 18.1,5 17,5H15V3H13V5H11V3H9V5H7C5.89,5 5,5.89 5,7V9H3V11H5V13H3V15H5V17A2,2 0 0,0 7,19H9V21H11V19H13V21H15V19H17A2,2 0 0,0 19,17V15H21V13H19V11M13,13H11V11H13M15,9H9V15H15V9Z" /></svg><svg id="menu" viewBox="0 0 24 24"><path d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" /></svg><svg id="menu-down" viewBox="0 0 24 24"><path d="M7,10L12,15L17,10H7Z" /></svg><svg id="menu-down-outline" viewBox="0 0 24 24"><path d="M18,9V10.5L12,16.5L6,10.5V9H18M12,13.67L14.67,11H9.33L12,13.67Z" /></svg><svg id="menu-left" viewBox="0 0 24 24"><path d="M14,7L9,12L14,17V7Z" /></svg><svg id="menu-left-outline" viewBox="0 0 24 24"><path d="M15,18H13.5L7.5,12L13.5,6H15V18M10.33,12L13,14.67V9.33L10.33,12Z" /></svg><svg id="menu-open" viewBox="0 0 24 24"><path d="M21,15.61L19.59,17L14.58,12L19.59,7L21,8.39L17.44,12L21,15.61M3,6H16V8H3V6M3,13V11H13V13H3M3,18V16H16V18H3Z" /></svg><svg id="menu-right" viewBox="0 0 24 24"><path d="M10,17L15,12L10,7V17Z" /></svg><svg id="menu-right-outline" viewBox="0 0 24 24"><path d="M9,6H10.5L16.5,12L10.5,18H9V6M13.67,12L11,9.33V14.67L13.67,12Z" /></svg><svg id="menu-swap" viewBox="0 0 24 24"><path d="M12,6L7,11H17L12,6M7,13L12,18L17,13H7Z" /></svg><svg id="menu-swap-outline" viewBox="0 0 24 24"><path d="M12,3.5L6,9.5V11H18V9.5L12,3.5M12,6.33L14.67,9H9.33L12,6.33M6,13V14.5L12,20.5L18,14.5V13H6M9.33,15H14.67L12,17.67L9.33,15Z" /></svg><svg id="menu-up" viewBox="0 0 24 24"><path d="M7,15L12,10L17,15H7Z" /></svg><svg id="menu-up-outline" viewBox="0 0 24 24"><path d="M18,16V14.5L12,8.5L6,14.5V16H18M12,11.33L14.67,14H9.33L12,11.33Z" /></svg><svg id="message" viewBox="0 0 24 24"><path d="M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2Z" /></svg><svg id="message-alert" viewBox="0 0 24 24"><path d="M13,10H11V6H13M13,14H11V12H13M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2Z" /></svg><svg id="message-alert-outline" viewBox="0 0 24 24"><path d="M13,10H11V6H13V10M13,12H11V14H13V12M22,4V16A2,2 0 0,1 20,18H6L2,22V4A2,2 0 0,1 4,2H20A2,2 0 0,1 22,4M20,4H4V17.2L5.2,16H20V4Z" /></svg><svg id="message-bulleted" viewBox="0 0 24 24"><path d="M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M8,14H6V12H8V14M8,11H6V9H8V11M8,8H6V6H8V8M15,14H10V12H15V14M18,11H10V9H18V11M18,8H10V6H18V8Z" /></svg><svg id="message-bulleted-off" viewBox="0 0 24 24"><path d="M1.27,1.73L0,3L2,5V22L6,18H15L20.73,23.73L22,22.46L1.27,1.73M8,14H6V12H8V14M6,11V9L8,11H6M20,2H4.08L10,7.92V6H18V8H10.08L11.08,9H18V11H13.08L20.07,18C21.14,17.95 22,17.08 22,16V4A2,2 0 0,0 20,2Z" /></svg><svg id="message-draw" viewBox="0 0 24 24"><path d="M18,14H10.5L12.5,12H18M6,14V11.5L12.88,4.64C13.07,4.45 13.39,4.45 13.59,4.64L15.35,6.41C15.55,6.61 15.55,6.92 15.35,7.12L8.47,14M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2Z" /></svg><svg id="message-image" viewBox="0 0 24 24"><path d="M5,14L8.5,9.5L11,12.5L14.5,8L19,14M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2Z" /></svg><svg id="message-outline" viewBox="0 0 24 24"><path d="M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M20,16H6L4,18V4H20" /></svg><svg id="message-plus" viewBox="0 0 24 24"><path d="M20,2A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H6L2,22V4C2,2.89 2.9,2 4,2H20M11,6V9H8V11H11V14H13V11H16V9H13V6H11Z" /></svg><svg id="message-processing" viewBox="0 0 24 24"><path d="M17,11H15V9H17M13,11H11V9H13M9,11H7V9H9M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2Z" /></svg><svg id="message-reply" viewBox="0 0 24 24"><path d="M22,4C22,2.89 21.1,2 20,2H4A2,2 0 0,0 2,4V16A2,2 0 0,0 4,18H18L22,22V4Z" /></svg><svg id="message-reply-text" viewBox="0 0 24 24"><path d="M18,8H6V6H18V8M18,11H6V9H18V11M18,14H6V12H18V14M22,4A2,2 0 0,0 20,2H4A2,2 0 0,0 2,4V16A2,2 0 0,0 4,18H18L22,22V4Z" /></svg><svg id="message-settings" viewBox="0 0 24 24"><path d="M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M11,24H13V22H11V24M7,24H9V22H7V24M15,24H17V22H15V24Z" /></svg><svg id="message-settings-variant" viewBox="0 0 24 24"><path d="M13.5,10A1.5,1.5 0 0,1 12,11.5C11.16,11.5 10.5,10.83 10.5,10A1.5,1.5 0 0,1 12,8.5A1.5,1.5 0 0,1 13.5,10M22,4V16A2,2 0 0,1 20,18H6L2,22V4A2,2 0 0,1 4,2H20A2,2 0 0,1 22,4M16.77,11.32L15.7,10.5C15.71,10.33 15.71,10.16 15.7,10C15.72,9.84 15.72,9.67 15.7,9.5L16.76,8.68C16.85,8.6 16.88,8.47 16.82,8.36L15.82,6.63C15.76,6.5 15.63,6.47 15.5,6.5L14.27,7C14,6.8 13.73,6.63 13.42,6.5L13.23,5.19C13.21,5.08 13.11,5 13,5H11C10.88,5 10.77,5.09 10.75,5.21L10.56,6.53C10.26,6.65 9.97,6.81 9.7,7L8.46,6.5C8.34,6.46 8.21,6.5 8.15,6.61L7.15,8.34C7.09,8.45 7.11,8.58 7.21,8.66L8.27,9.5C8.23,9.82 8.23,10.16 8.27,10.5L7.21,11.32C7.12,11.4 7.09,11.53 7.15,11.64L8.15,13.37C8.21,13.5 8.34,13.53 8.46,13.5L9.7,13C9.96,13.2 10.24,13.37 10.55,13.5L10.74,14.81C10.77,14.93 10.88,15 11,15H13C13.12,15 13.23,14.91 13.25,14.79L13.44,13.47C13.74,13.34 14,13.18 14.28,13L15.53,13.5C15.65,13.5 15.78,13.5 15.84,13.37L16.84,11.64C16.9,11.53 16.87,11.4 16.77,11.32Z" /></svg><svg id="message-text" viewBox="0 0 24 24"><path d="M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M6,9H18V11H6M14,14H6V12H14M18,8H6V6H18" /></svg><svg id="message-text-outline" viewBox="0 0 24 24"><path d="M20,2A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H6L2,22V4C2,2.89 2.9,2 4,2H20M4,4V17.17L5.17,16H20V4H4M6,7H18V9H6V7M6,11H15V13H6V11Z" /></svg><svg id="message-video" viewBox="0 0 24 24"><path d="M18,14L14,10.8V14H6V6H14V9.2L18,6M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2Z" /></svg><svg id="meteor" viewBox="0 0 24 24"><path d="M2.8,3L19.67,18.82C19.67,18.82 20,19.27 19.58,19.71C19.17,20.15 18.63,19.77 18.63,19.77L2.8,3M7.81,4.59L20.91,16.64C20.91,16.64 21.23,17.08 20.82,17.5C20.4,17.97 19.86,17.59 19.86,17.59L7.81,4.59M4.29,8L17.39,20.03C17.39,20.03 17.71,20.47 17.3,20.91C16.88,21.36 16.34,21 16.34,21L4.29,8M12.05,5.96L21.2,14.37C21.2,14.37 21.42,14.68 21.13,15C20.85,15.3 20.47,15.03 20.47,15.03L12.05,5.96M5.45,11.91L14.6,20.33C14.6,20.33 14.82,20.64 14.54,20.95C14.25,21.26 13.87,21 13.87,21L5.45,11.91M16.38,7.92L20.55,11.74C20.55,11.74 20.66,11.88 20.5,12.03C20.38,12.17 20.19,12.05 20.19,12.05L16.38,7.92M7.56,16.1L11.74,19.91C11.74,19.91 11.85,20.06 11.7,20.2C11.56,20.35 11.37,20.22 11.37,20.22L7.56,16.1Z" /></svg><svg id="metronome" viewBox="0 0 24 24"><path d="M12,1.75L8.57,2.67L4.06,19.53C4.03,19.68 4,19.84 4,20C4,21.11 4.89,22 6,22H18C19.11,22 20,21.11 20,20C20,19.84 19.97,19.68 19.94,19.53L18.58,14.42L17,16L17.2,17H13.41L16.25,14.16L14.84,12.75L10.59,17H6.8L10.29,4H13.71L15.17,9.43L16.8,7.79L15.43,2.67L12,1.75M11.25,5V14.75L12.75,13.25V5H11.25M19.79,7.8L16.96,10.63L16.25,9.92L14.84,11.34L17.66,14.16L19.08,12.75L18.37,12.04L21.2,9.21L19.79,7.8Z" /></svg><svg id="metronome-tick" viewBox="0 0 24 24"><path d="M12,1.75L8.57,2.67L4.07,19.5C4.06,19.5 4,19.84 4,20C4,21.11 4.89,22 6,22H18C19.11,22 20,21.11 20,20C20,19.84 19.94,19.5 19.93,19.5L15.43,2.67L12,1.75M10.29,4H13.71L17.2,17H13V12H11V17H6.8L10.29,4M11,5V9H10V11H14V9H13V5H11Z" /></svg><svg id="micro-sd" viewBox="0 0 24 24"><path d="M8,2A2,2 0 0,0 6,4V11L4,13V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2H8M9,4H11V8H9V4M12,4H14V8H12V4M15,4H17V8H15V4Z" /></svg><svg id="microphone" viewBox="0 0 24 24"><path d="M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z" /></svg><svg id="microphone-minus" viewBox="0 0 24 24"><path d="M9,2A3,3 0 0,1 12,5V11A3,3 0 0,1 9,14A3,3 0 0,1 6,11V5A3,3 0 0,1 9,2M16,11C16,14.5 13.44,17.43 10,17.93V21H8V17.93C4.56,17.43 2,14.5 2,11H4A5,5 0 0,0 9,16A5,5 0 0,0 14,11H16M15,5H23V7H15V5Z" /></svg><svg id="microphone-off" viewBox="0 0 24 24"><path d="M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z" /></svg><svg id="microphone-outline" viewBox="0 0 24 24"><path d="M17.3,11C17.3,14 14.76,16.1 12,16.1C9.24,16.1 6.7,14 6.7,11H5C5,14.41 7.72,17.23 11,17.72V21H13V17.72C16.28,17.23 19,14.41 19,11M10.8,4.9C10.8,4.24 11.34,3.7 12,3.7C12.66,3.7 13.2,4.24 13.2,4.9L13.19,11.1C13.19,11.76 12.66,12.3 12,12.3C11.34,12.3 10.8,11.76 10.8,11.1M12,14A3,3 0 0,0 15,11V5A3,3 0 0,0 12,2A3,3 0 0,0 9,5V11A3,3 0 0,0 12,14Z" /></svg><svg id="microphone-plus" viewBox="0 0 24 24"><path d="M9,2A3,3 0 0,1 12,5V11A3,3 0 0,1 9,14A3,3 0 0,1 6,11V5A3,3 0 0,1 9,2M16,11C16,14.5 13.44,17.43 10,17.93V21H8V17.93C4.56,17.43 2,14.5 2,11H4A5,5 0 0,0 9,16A5,5 0 0,0 14,11H16M15,5H18V2H20V5H23V7H20V10H18V7H15V5Z" /></svg><svg id="microphone-settings" viewBox="0 0 24 24"><path d="M19,10H17.3C17.3,13 14.76,15.1 12,15.1C9.24,15.1 6.7,13 6.7,10H5C5,13.41 7.72,16.23 11,16.72V20H13V16.72C16.28,16.23 19,13.41 19,10M15,24H17V22H15M11,24H13V22H11M12,13A3,3 0 0,0 15,10V4A3,3 0 0,0 12,1A3,3 0 0,0 9,4V10A3,3 0 0,0 12,13M7,24H9V22H7V24Z" /></svg><svg id="microphone-variant" viewBox="0 0 24 24"><path d="M9,3A4,4 0 0,1 13,7H5A4,4 0 0,1 9,3M11.84,9.82L11,18H10V19A2,2 0 0,0 12,21A2,2 0 0,0 14,19V14A4,4 0 0,1 18,10H20L19,11L20,12H18A2,2 0 0,0 16,14V19A4,4 0 0,1 12,23A4,4 0 0,1 8,19V18H7L6.16,9.82C5.67,9.32 5.31,8.7 5.13,8H12.87C12.69,8.7 12.33,9.32 11.84,9.82M9,11A1,1 0 0,0 8,12A1,1 0 0,0 9,13A1,1 0 0,0 10,12A1,1 0 0,0 9,11Z" /></svg><svg id="microphone-variant-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L16,19.26C15.86,21.35 14.12,23 12,23A4,4 0 0,1 8,19V18H7L6.16,9.82C5.82,9.47 5.53,9.06 5.33,8.6L2,5.27M9,3A4,4 0 0,1 13,7H8.82L6.08,4.26C6.81,3.5 7.85,3 9,3M11.84,9.82L11.82,10L9.82,8H12.87C12.69,8.7 12.33,9.32 11.84,9.82M11,18H10V19A2,2 0 0,0 12,21A2,2 0 0,0 14,19V17.27L11.35,14.62L11,18M18,10H20L19,11L20,12H18A2,2 0 0,0 16,14V14.18L14.3,12.5C14.9,11 16.33,10 18,10M8,12A1,1 0 0,0 9,13C9.21,13 9.4,12.94 9.56,12.83L8.17,11.44C8.06,11.6 8,11.79 8,12Z" /></svg><svg id="microscope" viewBox="0 0 24 24"><path d="M9.46,6.28L11.05,9C8.47,9.26 6.5,11.41 6.5,14A5,5 0 0,0 11.5,19C13.55,19 15.31,17.77 16.08,16H13.5V14H21.5V16H19.25C18.84,17.57 17.97,18.96 16.79,20H19.5V22H3.5V20H6.21C4.55,18.53 3.5,16.39 3.5,14C3.5,10.37 5.96,7.2 9.46,6.28M12.74,2.07L13.5,3.37L14.36,2.87L17.86,8.93L14.39,10.93L10.89,4.87L11.76,4.37L11,3.07L12.74,2.07Z" /></svg><svg id="microsoft" viewBox="0 0 24 24"><path d="M2,3H11V12H2V3M11,22H2V13H11V22M21,3V12H12V3H21M21,22H12V13H21V22Z" /></svg><svg id="microsoft-dynamics" viewBox="0 0 24 24"><path d="M6,2L17.25,8.5L13.5,11.5L6,8V2M6,9L9.5,11.25L6,22L18,9V15L6,22V9Z" /></svg><svg id="microwave" viewBox="0 0 24 24"><path d="M4,5A2,2 0 0,0 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V7A2,2 0 0,0 20,5H4M4,7H16V17H4V7M19,7A1,1 0 0,1 20,8A1,1 0 0,1 19,9A1,1 0 0,1 18,8A1,1 0 0,1 19,7M13,9V15H15V9H13M19,11A1,1 0 0,1 20,12A1,1 0 0,1 19,13A1,1 0 0,1 18,12A1,1 0 0,1 19,11Z" /></svg><svg id="midi" viewBox="0 0 24 24"><path d="M10,7H12V15H10V7M13,7H19A1,1 0 0,1 20,8V14A1,1 0 0,1 19,15H13V10H15V13H18V9H13V7M21,7H23V15H21V7M1,7H3L8,7A1,1 0 0,1 9,8V15H7V9H6V15H4V9H3V15H1V7M1,16H23V19H1V16Z" /></svg><svg id="midi-port" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M20.18,12C20.18,8.18 17.55,4.96 14,4.07V6H10V4.07C6.45,4.96 3.82,8.18 3.82,12A8.18,8.18 0 0,0 12,20.18A8.18,8.18 0 0,0 20.18,12M7,10.64A1.36,1.36 0 0,1 8.36,12A1.36,1.36 0 0,1 7,13.36C6.25,13.36 5.64,12.75 5.64,12C5.64,11.25 6.25,10.64 7,10.64M17,10.64A1.36,1.36 0 0,1 18.36,12A1.36,1.36 0 0,1 17,13.36A1.36,1.36 0 0,1 15.64,12A1.36,1.36 0 0,1 17,10.64M8.36,14.27A1.37,1.37 0 0,1 9.73,15.64C9.73,16.39 9.12,17 8.36,17A1.36,1.36 0 0,1 7,15.64C7,14.88 7.61,14.27 8.36,14.27M15.64,14.27C16.39,14.27 17,14.88 17,15.64A1.36,1.36 0 0,1 15.64,17C14.88,17 14.27,16.39 14.27,15.64A1.37,1.37 0 0,1 15.64,14.27M12,15.64A1.36,1.36 0 0,1 13.36,17A1.36,1.36 0 0,1 12,18.36A1.36,1.36 0 0,1 10.64,17A1.36,1.36 0 0,1 12,15.64Z" /></svg><svg id="mine" viewBox="0 0 24 24"><path d="M23,13V11H19.93C19.75,9.58 19.19,8.23 18.31,7.1L20.5,4.93L19.07,3.5L16.9,5.69C15.77,4.81 14.42,4.25 13,4.07V1H11V4.07C9.58,4.25 8.23,4.81 7.1,5.69L4.93,3.5L3.5,4.93L5.69,7.1C4.81,8.23 4.25,9.58 4.07,11H1V13H4.07C4.25,14.42 4.81,15.77 5.69,16.9L3.5,19.07L4.93,20.5L7.1,18.31C8.23,19.19 9.58,19.75 11,19.93V23H13V19.93C14.42,19.75 15.77,19.19 16.9,18.31L19.07,20.5L20.5,19.07L18.31,16.9C19.19,15.77 19.75,14.42 19.93,13H23M12,8A4,4 0 0,0 8,12H6A6,6 0 0,1 12,6V8Z" /></svg><svg id="minecraft" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M6,6V10H10V12H8V18H10V16H14V18H16V12H14V10H18V6H14V10H10V6H6Z" /></svg><svg id="mini-sd" viewBox="0 0 24 24"><path d="M6,4A2,2 0 0,0 4,6V18A2,2 0 0,0 6,20H18A2,2 0 0,0 20,18V12L18,10V6A2,2 0 0,0 16,4H6M7,6H9V10H7V6M10,6H12V10H10V6M13,6H15V10H13V6Z" /></svg><svg id="minidisc" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H5M12,5C15.09,5 17.82,7.04 18.7,10H16A1,1 0 0,0 15,11V13A1,1 0 0,0 16,14H18.71C17.82,16.97 15.09,19 12,19A7,7 0 0,1 5,12A7,7 0 0,1 12,5M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg><svg id="minus" viewBox="0 0 24 24"><path d="M19,13H5V11H19V13Z" /></svg><svg id="minus-box" viewBox="0 0 24 24"><path d="M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg><svg id="minus-box-outline" viewBox="0 0 24 24"><path d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z" /></svg><svg id="minus-circle" viewBox="0 0 24 24"><path d="M17,13H7V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="minus-circle-outline" viewBox="0 0 24 24"><path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,13H17V11H7" /></svg><svg id="minus-network" viewBox="0 0 24 24"><path d="M16,11V9H8V11H16M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7C5.89,17 5,16.1 5,15V5A2,2 0 0,1 7,3H17Z" /></svg><svg id="minus-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M15,11V9H9V11H15" /></svg><svg id="mixcloud" viewBox="0 0 24 24"><path d="M21.11,18.5C20.97,18.5 20.83,18.44 20.71,18.36C20.37,18.13 20.28,17.68 20.5,17.34C21.18,16.34 21.54,15.16 21.54,13.93C21.54,12.71 21.18,11.53 20.5,10.5C20.28,10.18 20.37,9.73 20.71,9.5C21.04,9.28 21.5,9.37 21.72,9.7C22.56,10.95 23,12.41 23,13.93C23,15.45 22.56,16.91 21.72,18.16C21.58,18.37 21.35,18.5 21.11,18.5M19,17.29C18.88,17.29 18.74,17.25 18.61,17.17C18.28,16.94 18.19,16.5 18.42,16.15C18.86,15.5 19.1,14.73 19.1,13.93C19.1,13.14 18.86,12.37 18.42,11.71C18.19,11.37 18.28,10.92 18.61,10.69C18.95,10.47 19.4,10.55 19.63,10.89C20.24,11.79 20.56,12.84 20.56,13.93C20.56,15 20.24,16.07 19.63,16.97C19.5,17.18 19.25,17.29 19,17.29M14.9,15.73C15.89,15.73 16.7,14.92 16.7,13.93C16.7,13.17 16.22,12.5 15.55,12.25C15.5,12.55 15.43,12.85 15.34,13.14C15.23,13.44 14.95,13.64 14.64,13.64C14.57,13.64 14.5,13.62 14.41,13.6C14.03,13.47 13.82,13.06 13.95,12.67C14.09,12.24 14.17,11.78 14.17,11.32C14.17,8.93 12.22,7 9.82,7C8.1,7 6.56,8 5.87,9.5C6.54,9.7 7.16,10.04 7.66,10.54C7.95,10.83 7.95,11.29 7.66,11.58C7.38,11.86 6.91,11.86 6.63,11.58C6.17,11.12 5.56,10.86 4.9,10.86C3.56,10.86 2.46,11.96 2.46,13.3C2.46,14.64 3.56,15.73 4.9,15.73H14.9M15.6,10.75C17.06,11.07 18.17,12.37 18.17,13.93C18.17,15.73 16.7,17.19 14.9,17.19H4.9C2.75,17.19 1,15.45 1,13.3C1,11.34 2.45,9.73 4.33,9.45C5.12,7.12 7.33,5.5 9.82,5.5C12.83,5.5 15.31,7.82 15.6,10.75Z" /></svg><svg id="mixed-martial-arts" viewBox="0 0 24 24"><path d="M15,10V7H7V10H15M18,7C18.28,7 18.5,7.09 18.7,7.29C18.89,7.5 19,7.73 19,8V10.78C19,10.97 18.97,11.11 18.94,11.2L18.14,15.19C18,15.72 17.7,16 17.2,16H6.8C6.27,16 5.95,15.72 5.86,15.19L5.06,11.2C5.03,11.11 5,10.97 5,10.78V5C5,4.5 5.21,4 5.6,3.61C6,3.2 6.45,3 7,3H15C15.53,3 16,3.2 16.41,3.61C16.81,4 17,4.5 17,5V8C17,7.73 17.11,7.5 17.3,7.29C17.5,7.09 17.72,7 18,7M7,20V17H17V20C17,20.3 16.91,20.53 16.71,20.72C16.5,20.91 16.27,21 16,21H8C7.73,21 7.5,20.91 7.29,20.72C7.09,20.53 7,20.3 7,20Z" /></svg><svg id="mixed-reality" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3M8.25,15H9.75L10.75,11.57V15H12.25V9H10L9,12.43L8,9H5.75V15H7.25V11.57L8.25,15M13.5,9V15H15V13H16.15L17,15H18.5L17.6,12.9C18.1,12.65 18.5,12.1 18.5,11.5V10.5C18.5,9.65 17.85,9 17,9H13.5M15,10.5H17V11.5H15V10.5Z" /></svg><svg id="mixer" viewBox="0 0 24 24"><path d="M5.68,3.96L11.41,11.65C11.55,11.84 11.55,12.1 11.41,12.29L5.65,20L5.5,20.18C4.76,21 3.47,21.07 2.64,20.31C1.85,19.59 1.79,18.37 2.43,17.5L6.56,11.97L2.46,6.47C1.83,5.62 1.88,4.39 2.67,3.67L2.82,3.54C3.73,2.87 5,3.05 5.68,3.96M18.32,3.96C19,3.05 20.27,2.87 21.18,3.54L21.33,3.67C22.12,4.39 22.17,5.61 21.54,6.47L17.44,11.97L21.57,17.5C22.21,18.36 22.15,19.59 21.36,20.31C20.53,21.07 19.24,21 18.5,20.18L18.35,20L12.59,12.29C12.45,12.1 12.45,11.84 12.59,11.65L18.32,3.96Z" /></svg><svg id="molecule" viewBox="0 0 24 24"><path d="M7.27,10L9,7H14.42L15.58,5L15.5,4.5A1.5,1.5 0 0,1 17,3A1.5,1.5 0 0,1 18.5,4.5C18.5,5.21 18,5.81 17.33,5.96L16.37,7.63L17.73,10L18.59,8.5L18.5,8A1.5,1.5 0 0,1 20,6.5A1.5,1.5 0 0,1 21.5,8C21.5,8.71 21,9.3 20.35,9.46L18.89,12L20.62,15C21.39,15.07 22,15.71 22,16.5A1.5,1.5 0 0,1 20.5,18A1.5,1.5 0 0,1 19,16.5V16.24L17.73,14L16.37,16.37L17.33,18.04C18,18.19 18.5,18.79 18.5,19.5A1.5,1.5 0 0,1 17,21A1.5,1.5 0 0,1 15.5,19.5L15.58,19L14.42,17H10.58L9.42,19L9.5,19.5A1.5,1.5 0 0,1 8,21A1.5,1.5 0 0,1 6.5,19.5C6.5,18.79 7,18.19 7.67,18.04L8.63,16.37L4.38,9C3.61,8.93 3,8.29 3,7.5A1.5,1.5 0 0,1 4.5,6A1.5,1.5 0 0,1 6,7.5C6,7.59 6,7.68 6,7.76L7.27,10M10.15,9L8.42,12L10.15,15H14.85L16.58,12L14.85,9H10.15Z" /></svg><svg id="monitor" viewBox="0 0 24 24"><path d="M21,16H3V4H21M21,2H3C1.89,2 1,2.89 1,4V16A2,2 0 0,0 3,18H10V20H8V22H16V20H14V18H21A2,2 0 0,0 23,16V4C23,2.89 22.1,2 21,2Z" /></svg><svg id="monitor-cellphone" viewBox="0 0 24 24"><path d="M23,11H18A1,1 0 0,0 17,12V21A1,1 0 0,0 18,22H23A1,1 0 0,0 24,21V12A1,1 0 0,0 23,11M23,20H18V13H23V20M20,2H2C0.89,2 0,2.89 0,4V16A2,2 0 0,0 2,18H9V20H7V22H15V20H13V18H15V16H2V4H20V9H22V4C22,2.89 21.1,2 20,2Z" /></svg><svg id="monitor-cellphone-star" viewBox="0 0 24 24"><path d="M23,11H18A1,1 0 0,0 17,12V21A1,1 0 0,0 18,22H23A1,1 0 0,0 24,21V12A1,1 0 0,0 23,11M23,20H18V13H23V20M20,2H2C0.89,2 0,2.89 0,4V16A2,2 0 0,0 2,18H9V20H7V22H15V20H13V18H15V16H2V4H20V9H22V4C22,2.89 21.1,2 20,2M11.97,9L11,6L10.03,9H7L9.47,10.76L8.53,13.67L11,11.87L13.47,13.67L12.53,10.76L15,9H11.97Z" /></svg><svg id="monitor-dashboard" viewBox="0 0 24 24"><path d="M21,16V4H3V16H21M21,2A2,2 0 0,1 23,4V16A2,2 0 0,1 21,18H14V20H16V22H8V20H10V18H3C1.89,18 1,17.1 1,16V4C1,2.89 1.89,2 3,2H21M5,6H14V11H5V6M15,6H19V8H15V6M19,9V14H15V9H19M5,12H9V14H5V12M10,12H14V14H10V12Z" /></svg><svg id="monitor-lock" viewBox="0 0 24 24"><path d="M20.5,13A2.5,2.5 0 0,1 23,15.5V16A1,1 0 0,1 24,17V21A1,1 0 0,1 23,22H18A1,1 0 0,1 17,21V17A1,1 0 0,1 18,16V15.5A2.5,2.5 0 0,1 20.5,13M20.5,14A1.5,1.5 0 0,0 19,15.5V16H22V15.5A1.5,1.5 0 0,0 20.5,14M20,4H2V16H15V18H13V20H15V22H7V20H9V18H2C0.89,18 0,17.1 0,16V4C0,2.89 0.89,2 2,2H20A2,2 0 0,1 22,4V11.53C21.41,11.19 20.73,11 20,11V4Z" /></svg><svg id="monitor-multiple" viewBox="0 0 24 24"><path d="M22,17V7H6V17H22M22,5A2,2 0 0,1 24,7V17C24,18.11 23.1,19 22,19H16V21H18V23H10V21H12V19H6C4.89,19 4,18.11 4,17V7A2,2 0 0,1 6,5H22M2,3V15H0V3A2,2 0 0,1 2,1H20V3H2Z" /></svg><svg id="monitor-off" viewBox="0 0 24 24"><path d="M14,18V20H16V22H8V20H10V18H3A2,2 0 0,1 1,16V4L0,3L1.41,1.58L22.16,22.34L20.75,23.75L15,18H14M3,16H13L3,6V16M21,2A2,2 0 0,1 23,4V16A2,2 0 0,1 21,18H20.66L18.66,16H21V4H6.66L4.66,2H21Z" /></svg><svg id="monitor-screenshot" viewBox="0 0 24 24"><path d="M9,6H5V10H7V8H9M19,10H17V12H15V14H19M21,16H3V4H21M21,2H3C1.89,2 1,2.89 1,4V16A2,2 0 0,0 3,18H10V20H8V22H16V20H14V18H21A2,2 0 0,0 23,16V4C23,2.89 22.1,2 21,2" /></svg><svg id="monitor-star" viewBox="0 0 24 24"><path d="M21,16V4H3V16H21M21,2A2,2 0 0,1 23,4V16A2,2 0 0,1 21,18H14V20H16V22H8V20H10V18H3C1.89,18 1,17.1 1,16V4C1,2.89 1.89,2 3,2H21M12.97,9H16L13.53,10.76L14.47,13.67L12,11.87L9.53,13.67L10.47,10.76L8,9H11.03L12,6L12.97,9Z" /></svg><svg id="more" viewBox="0 0 24 24"><path d="M19,13.5A1.5,1.5 0 0,1 17.5,12A1.5,1.5 0 0,1 19,10.5A1.5,1.5 0 0,1 20.5,12A1.5,1.5 0 0,1 19,13.5M14,13.5A1.5,1.5 0 0,1 12.5,12A1.5,1.5 0 0,1 14,10.5A1.5,1.5 0 0,1 15.5,12A1.5,1.5 0 0,1 14,13.5M9,13.5A1.5,1.5 0 0,1 7.5,12A1.5,1.5 0 0,1 9,10.5A1.5,1.5 0 0,1 10.5,12A1.5,1.5 0 0,1 9,13.5M22,3H7C6.31,3 5.77,3.35 5.41,3.88L0,12L5.41,20.11C5.77,20.64 6.37,21 7.06,21H22A2,2 0 0,0 24,19V5C24,3.89 23.1,3 22,3Z" /></svg><svg id="mother-nurse" viewBox="0 0 24 24"><path d="M12,2A3,3 0 0,1 15,5A3,3 0 0,1 12,8A3,3 0 0,1 9,5A3,3 0 0,1 12,2M20,18L18,12.56C17.65,11.57 17.34,10.71 16,10C14.62,9.3 13.62,9 12,9C10.37,9 9.38,9.3 8,10C6.66,10.71 6.35,11.57 6,12.56L4,18C3.68,19.35 6.36,20.44 8.11,21.19V19C8.11,18.05 8.97,17.38 10.69,16.97C10.85,16.93 11,16.91 11.12,16.89C10.58,16.07 10.36,15.34 10.34,15.28L12.11,14.68C12.12,14.7 12.63,16.27 13.84,17.06C14.05,17.13 14.26,17.21 14.46,17.3C15.23,17.64 15.69,18.08 15.84,18.61C14.5,19.14 13.22,19.41 12,19.41L11,19.31V21.94L12,22C13.37,22 14.67,21.72 15.89,21.19C17.64,20.44 20.25,19.13 20,18M15.5,17A1.5,1.5 0 0,1 14,15.5A1.5,1.5 0 0,1 15.5,14A1.5,1.5 0 0,1 17,15.5A1.5,1.5 0 0,1 15.5,17Z" /></svg><svg id="motion-sensor" viewBox="0 0 24 24"><path d="M10,0.2C9,0.2 8.2,1 8.2,2C8.2,3 9,3.8 10,3.8C11,3.8 11.8,3 11.8,2C11.8,1 11,0.2 10,0.2M15.67,1A7.33,7.33 0 0,0 23,8.33V7A6,6 0 0,1 17,1H15.67M18.33,1C18.33,3.58 20.42,5.67 23,5.67V4.33C21.16,4.33 19.67,2.84 19.67,1H18.33M21,1A2,2 0 0,0 23,3V1H21M7.92,4.03C7.75,4.03 7.58,4.06 7.42,4.11L2,5.8V11H3.8V7.33L5.91,6.67L2,22H3.8L6.67,13.89L9,17V22H10.8V15.59L8.31,11.05L9.04,8.18L10.12,10H15V8.2H11.38L9.38,4.87C9.08,4.37 8.54,4.03 7.92,4.03Z" /></svg><svg id="motorbike" viewBox="0 0 24 24"><path d="M17.42,10L13.41,6H9V8H12.59L14.59,10H6.5C4,10 2,12 2,14.5C2,17 4,19 6.5,19C8.72,19 10.56,17.38 10.92,15.27L13.04,14C13,14.17 13,14.33 13,14.5C13,17 15,19 17.5,19C20,19 22,17 22,14.5C22,12 20,10 17.5,10M8.84,15.26C8.5,16.27 7.58,17 6.47,17C5.09,17 3.97,15.88 3.97,14.5C3.97,13.12 5.09,12 6.47,12C7.59,12 8.5,12.74 8.84,13.75H6V15.25L8.84,15.26M17.47,17C16.09,17 14.97,15.88 14.97,14.5C14.97,13.12 16.09,12 17.47,12A2.5,2.5 0 0,1 19.97,14.5A2.5,2.5 0 0,1 17.47,17Z" /></svg><svg id="mouse" viewBox="0 0 24 24"><path d="M11,1.07C7.05,1.56 4,4.92 4,9H11M4,15A8,8 0 0,0 12,23A8,8 0 0,0 20,15V11H4M13,1.07V9H20C20,4.92 16.94,1.56 13,1.07Z" /></svg><svg id="mouse-bluetooth" viewBox="0 0 24 24"><path d="M20,7H20.5L23.35,9.85L21.21,12L23.35,14.14L20.5,17H20V13.21L17.71,15.5L17,14.79L19.79,12L17,9.21L17.71,8.5L20,10.79V7M21,8.91V10.79L21.94,9.85L21,8.91M21,13.21V15.08L21.94,14.14L21,13.21M15,9V10H9V2.07C12.39,2.56 15,5.47 15,9M1,10V9C1,5.47 3.61,2.56 7,2.07V10H1M15,15A7,7 0 0,1 8,22A7,7 0 0,1 1,15V12H15V15Z" /></svg><svg id="mouse-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L17.5,20.79C16.08,22.16 14.14,23 12,23A8,8 0 0,1 4,15V11H7.73L5.73,9H4C4,8.46 4.05,7.93 4.15,7.42L2,5.27M11,1.07V9H10.82L5.79,3.96C7.05,2.4 8.9,1.33 11,1.07M20,11V15C20,15.95 19.83,16.86 19.53,17.71L12.82,11H20M13,1.07C16.94,1.56 20,4.92 20,9H13V1.07Z" /></svg><svg id="mouse-variant" viewBox="0 0 24 24"><path d="M14,7H10V2.1C12.28,2.56 14,4.58 14,7M4,7C4,4.58 5.72,2.56 8,2.1V7H4M14,12C14,14.42 12.28,16.44 10,16.9V18A3,3 0 0,0 13,21A3,3 0 0,0 16,18V13A4,4 0 0,1 20,9H22L21,10L22,11H20A2,2 0 0,0 18,13H18V18A5,5 0 0,1 13,23A5,5 0 0,1 8,18V16.9C5.72,16.44 4,14.42 4,12V9H14V12Z" /></svg><svg id="mouse-variant-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L17.29,20.56C16.42,22 14.82,23 13,23A5,5 0 0,1 8,18V16.9C5.72,16.44 4,14.42 4,12V9H5.73L2,5.27M14,7H10V2.1C12.28,2.56 14,4.58 14,7M8,2.1V6.18L5.38,3.55C6.07,2.83 7,2.31 8,2.1M14,12V12.17L10.82,9H14V12M10,16.9V18A3,3 0 0,0 13,21C14.28,21 15.37,20.2 15.8,19.07L12.4,15.67C11.74,16.28 10.92,16.71 10,16.9M16,13A4,4 0 0,1 20,9H22L21,10L22,11H20A2,2 0 0,0 18,13V16.18L16,14.18V13Z" /></svg><svg id="move-resize" viewBox="0 0 24 24"><path d="M9,1V2H10V5H9V6H12V5H11V2H12V1M9,7C7.89,7 7,7.89 7,9V21C7,22.11 7.89,23 9,23H21C22.11,23 23,22.11 23,21V9C23,7.89 22.11,7 21,7M1,9V12H2V11H5V12H6V9H5V10H2V9M9,9H21V21H9M14,10V11H15V16H11V15H10V18H11V17H15V19H14V20H17V19H16V17H19V18H20V15H19V16H16V11H17V10" /></svg><svg id="move-resize-variant" viewBox="0 0 24 24"><path d="M1.88,0.46L0.46,1.88L5.59,7H2V9H9V2H7V5.59M11,7V9H21V15H23V9A2,2 0 0,0 21,7M7,11V21A2,2 0 0,0 9,23H15V21H9V11M15.88,14.46L14.46,15.88L19.6,21H17V23H23V17H21V19.59" /></svg><svg id="movie" viewBox="0 0 24 24"><path d="M18,4L20,8H17L15,4H13L15,8H12L10,4H8L10,8H7L5,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V4H18Z" /></svg><svg id="movie-outline" viewBox="0 0 24 24"><path d="M5.76,10H20V18H4V6.47M22,4H18L20,8H17L15,4H13L15,8H12L10,4H8L10,8H7L5,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V4Z" /></svg><svg id="movie-roll" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A2.5,2.5 0 0,0 9.5,6.5A2.5,2.5 0 0,0 12,9A2.5,2.5 0 0,0 14.5,6.5A2.5,2.5 0 0,0 12,4M4.4,9.53C3.97,10.84 4.69,12.25 6,12.68C7.32,13.1 8.73,12.39 9.15,11.07C9.58,9.76 8.86,8.35 7.55,7.92C6.24,7.5 4.82,8.21 4.4,9.53M19.61,9.5C19.18,8.21 17.77,7.5 16.46,7.92C15.14,8.34 14.42,9.75 14.85,11.07C15.28,12.38 16.69,13.1 18,12.67C19.31,12.25 20.03,10.83 19.61,9.5M7.31,18.46C8.42,19.28 10,19.03 10.8,17.91C11.61,16.79 11.36,15.23 10.24,14.42C9.13,13.61 7.56,13.86 6.75,14.97C5.94,16.09 6.19,17.65 7.31,18.46M16.7,18.46C17.82,17.65 18.07,16.09 17.26,14.97C16.45,13.85 14.88,13.6 13.77,14.42C12.65,15.23 12.4,16.79 13.21,17.91C14,19.03 15.59,19.27 16.7,18.46M12,10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 12,13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 12,10.5Z" /></svg><svg id="muffin" viewBox="0 0 24 24"><path d="M16,5C16,5 15,2 12,2C9,2 8,5 8,5C6,5 4,7 4,9C1.3,9 1.3,13 4,13H20C22.7,13 22.7,9 20,9C20,7 18,5 16,5M5,15L7,22H9L8,15H5M10,15L11,22H13L14,15H10M16,15L15,22H17L19,15H16Z" /></svg><svg id="multiplication" viewBox="0 0 24 24"><path d="M11,3H13V10.27L19.29,6.64L20.29,8.37L14,12L20.3,15.64L19.3,17.37L13,13.72V21H11V13.73L4.69,17.36L3.69,15.63L10,12L3.72,8.36L4.72,6.63L11,10.26V3Z" /></svg><svg id="multiplication-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19M11,17H13V13.73L15.83,15.36L16.83,13.63L14,12L16.83,10.36L15.83,8.63L13,10.27V7H11V10.27L8.17,8.63L7.17,10.36L10,12L7.17,13.63L8.17,15.36L11,13.73V17Z" /></svg><svg id="mushroom" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A2,2 0 0,1 20,14H4A2,2 0 0,1 2,12A10,10 0 0,1 12,2M12,8A2,2 0 0,0 14,6A2,2 0 0,0 12,4A2,2 0 0,0 10,6A2,2 0 0,0 12,8M17,12A2,2 0 0,0 19,10A2,2 0 0,0 17,8A2,2 0 0,0 15,10A2,2 0 0,0 17,12M7,12A2,2 0 0,0 9,10A2,2 0 0,0 7,8A2,2 0 0,0 5,10A2,2 0 0,0 7,12M15,15L16.27,19.45L16.35,20C16.35,21.1 15.45,22 14.35,22H9.65A2,2 0 0,1 7.65,20L7.73,19.45L9,15H15Z" /></svg><svg id="mushroom-outline" viewBox="0 0 24 24"><path d="M4,12H20C20,8.27 17.44,5.13 14,4.25C13.86,5.24 13,6 12,6C11,6 10.14,5.24 10,4.25C6.56,5.13 4,8.27 4,12M12,2A10,10 0 0,1 22,12A2,2 0 0,1 20,14H4A2,2 0 0,1 2,12A10,10 0 0,1 12,2M13.5,17H10.5L9.92,19L9.65,20H14.35L14.08,19L13.5,17M15,15L16,18.5L16.27,19.45L16.35,20C16.35,21.1 15.45,22 14.35,22H9.65L9.17,21.94C8.1,21.66 7.45,20.57 7.73,19.5L8,18.5L9,15H15M16,7A2,2 0 0,1 18,9A2,2 0 0,1 16,11A2,2 0 0,1 14,9A2,2 0 0,1 16,7M8,7A2,2 0 0,1 10,9A2,2 0 0,1 8,11A2,2 0 0,1 6,9A2,2 0 0,1 8,7Z" /></svg><svg id="music" viewBox="0 0 24 24"><path d="M21,3V15.5A3.5,3.5 0 0,1 17.5,19A3.5,3.5 0 0,1 14,15.5A3.5,3.5 0 0,1 17.5,12C18.04,12 18.55,12.12 19,12.34V6.47L9,8.6V17.5A3.5,3.5 0 0,1 5.5,21A3.5,3.5 0 0,1 2,17.5A3.5,3.5 0 0,1 5.5,14C6.04,14 6.55,14.12 7,14.34V6L21,3Z" /></svg><svg id="music-box" viewBox="0 0 24 24"><path d="M16,9H13V14.5A2.5,2.5 0 0,1 10.5,17A2.5,2.5 0 0,1 8,14.5A2.5,2.5 0 0,1 10.5,12C11.07,12 11.58,12.19 12,12.5V7H16M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="music-box-outline" viewBox="0 0 24 24"><path d="M16,9H13V14.5A2.5,2.5 0 0,1 10.5,17A2.5,2.5 0 0,1 8,14.5A2.5,2.5 0 0,1 10.5,12C11.07,12 11.58,12.19 12,12.5V7H16V9M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M5,5V19H19V5H5Z" /></svg><svg id="music-circle" viewBox="0 0 24 24"><path d="M16,9V7H12V12.5C11.58,12.19 11.07,12 10.5,12A2.5,2.5 0 0,0 8,14.5A2.5,2.5 0 0,0 10.5,17A2.5,2.5 0 0,0 13,14.5V9H16M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="music-circle-outline" viewBox="0 0 24 24"><path d="M16,9H13V14.5A2.5,2.5 0 0,1 10.5,17A2.5,2.5 0 0,1 8,14.5A2.5,2.5 0 0,1 10.5,12C11.07,12 11.58,12.19 12,12.5V7H16V9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="music-note" viewBox="0 0 24 24"><path d="M12,3V12.26C11.5,12.09 11,12 10.5,12C8,12 6,14 6,16.5C6,19 8,21 10.5,21C13,21 15,19 15,16.5V6H19V3H12Z" /></svg><svg id="music-note-bluetooth" viewBox="0 0 24 24"><path d="M10,3V12.26C9.5,12.09 9,12 8.5,12C6,12 4,14 4,16.5C4,19 6,21 8.5,21C11,21 13,19 13,16.5V6H17V3H10M20,7V10.79L17.71,8.5L17,9.21L19.79,12L17,14.79L17.71,15.5L20,13.21V17H20.5L23.35,14.15L21.21,12L23.36,9.85L20.5,7H20M21,8.91L21.94,9.85L21,10.79V8.91M21,13.21L21.94,14.15L21,15.09V13.21Z" /></svg><svg id="music-note-bluetooth-off" viewBox="0 0 24 24"><path d="M10,3V8.68L13,11.68V6H17V3H10M3.28,4.5L2,5.77L8.26,12.03C5.89,12.15 4,14.1 4,16.5C4,19 6,21 8.5,21C10.9,21 12.85,19.11 12.97,16.74L17.68,21.45L18.96,20.18L13,14.22L10,11.22L3.28,4.5M20,7V10.79L17.71,8.5L17,9.21L19.79,12L17,14.79L17.71,15.5L20,13.21V17H20.5L23.35,14.15L21.21,12L23.36,9.85L20.5,7H20M21,8.91L21.94,9.85L21,10.79V8.91M21,13.21L21.94,14.15L21,15.09V13.21Z" /></svg><svg id="music-note-eighth" viewBox="0 0 24 24"><path d="M12,3V12.26C11.5,12.09 11,12 10.5,12C8.54,12 6.9,13.26 6.28,15H3V18H6.28C6.9,19.74 8.54,21 10.5,21C12.46,21 14.1,19.74 14.72,18H19V15H15V6H19V3H12Z" /></svg><svg id="music-note-half" viewBox="0 0 24 24"><path d="M12,3V12.26C11.5,12.09 11,12 10.5,12C8.54,12 6.9,13.26 6.28,15H3V18H6.28C6.9,19.74 8.54,21 10.5,21C12.46,21 14.1,19.74 14.72,18H19V15H15V9L15,6V3H12M10.5,14.5A2,2 0 0,1 12.5,16.5A2,2 0 0,1 10.5,18.5A2,2 0 0,1 8.5,16.5A2,2 0 0,1 10.5,14.5Z" /></svg><svg id="music-note-off" viewBox="0 0 24 24"><path d="M12,3V8.68L15,11.68V6H19V3H12M5.28,4.5L4,5.77L10.26,12.03C7.89,12.15 6,14.1 6,16.5C6,19 8,21 10.5,21C12.9,21 14.85,19.11 14.97,16.74L19.68,21.45L20.96,20.18L15,14.22L12,11.22L5.28,4.5Z" /></svg><svg id="music-note-plus" viewBox="0 0 24 24"><path d="M9,3V12.26C8.5,12.09 8,12 7.5,12C5,12 3,14 3,16.5C3,19 5,21 7.5,21C10,21 12,19 12,16.5V6H16V3H9M17,9V12H14V14H17V17H19V14H22V12H19V9H17Z" /></svg><svg id="music-note-quarter" viewBox="0 0 24 24"><path d="M12,3H15V15H19V18H14.72C14.1,19.74 12.46,21 10.5,21C8.54,21 6.9,19.74 6.28,18H3V15H6.28C6.9,13.26 8.54,12 10.5,12C11,12 11.5,12.09 12,12.26V3Z" /></svg><svg id="music-note-sixteenth" viewBox="0 0 24 24"><path d="M12,3V12.26C11.5,12.09 11,12 10.5,12C8.54,12 6.9,13.26 6.28,15H3V18H6.28C6.9,19.74 8.54,21 10.5,21C12.46,21 14.1,19.74 14.72,18H19V15H15V10H19V7H15V6H19V3H12Z" /></svg><svg id="music-note-whole" viewBox="0 0 24 24"><path d="M10.5,12C8.6,12 6.9,13.2 6.26,15H3V18H6.26C6.9,19.8 8.6,21 10.5,21C12.4,21 14.1,19.8 14.74,18H19V15H14.74C14.1,13.2 12.4,12 10.5,12M10.5,14.5A2,2 0 0,1 12.5,16.5A2,2 0 0,1 10.5,18.5A2,2 0 0,1 8.5,16.5A2,2 0 0,1 10.5,14.5Z" /></svg><svg id="music-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L9,12.27V17.5A3.5,3.5 0 0,1 5.5,21A3.5,3.5 0 0,1 2,17.5A3.5,3.5 0 0,1 5.5,14C6.04,14 6.55,14.12 7,14.34V10.27L2,5.27M21,3V15.5C21,16.5 20.57,17.42 19.88,18.06L14.94,13.12C15.58,12.43 16.5,12 17.5,12C18.04,12 18.55,12.12 19,12.34V6.47L10.17,8.35L7.66,5.84L21,3Z" /></svg><svg id="nail" viewBox="0 0 24 24"><path d="M13.5,5V16L12,22L10.5,16V5H13.5M17,2H7V4H17V2Z" /></svg><svg id="nas" viewBox="0 0 24 24"><path d="M4,5C2.89,5 2,5.89 2,7V17C2,18.11 2.89,19 4,19H20C21.11,19 22,18.11 22,17V7C22,5.89 21.11,5 20,5H4M4.5,7A1,1 0 0,1 5.5,8A1,1 0 0,1 4.5,9A1,1 0 0,1 3.5,8A1,1 0 0,1 4.5,7M7,7H20V17H7V7M8,8V16H11V8H8M12,8V16H15V8H12M16,8V16H19V8H16M9,9H10V10H9V9M13,9H14V10H13V9M17,9H18V10H17V9Z" /></svg><svg id="nativescript" viewBox="0 0 24 24"><path d="M7.5,3H16.5C19,3 21,5 21,7.5V16.5C21,19 19,21 16.5,21H7.5C5,21 3,19 3,16.5V7.5C3,5 5,3 7.5,3M6,13.5V16.5A1.5,1.5 0 0,0 7.5,18H9V10.5L15,18H16.5A1.5,1.5 0 0,0 18,16.5V13.5A1.5,1.5 0 0,1 19.5,12A1.5,1.5 0 0,1 18,10.5V7.5A1.5,1.5 0 0,0 16.5,6H15V13.5L9,6H7.5A1.5,1.5 0 0,0 6,7.5V10.5A1.5,1.5 0 0,1 4.5,12A1.5,1.5 0 0,1 6,13.5Z" /></svg><svg id="nature" viewBox="0 0 24 24"><path d="M13,16.12C16.47,15.71 19.17,12.76 19.17,9.17C19.17,5.3 16.04,2.17 12.17,2.17A7,7 0 0,0 5.17,9.17C5.17,12.64 7.69,15.5 11,16.06V20H5V22H19V20H13V16.12Z" /></svg><svg id="nature-people" viewBox="0 0 24 24"><path d="M4.5,11A1.5,1.5 0 0,0 6,9.5A1.5,1.5 0 0,0 4.5,8A1.5,1.5 0 0,0 3,9.5A1.5,1.5 0 0,0 4.5,11M22.17,9.17C22.17,5.3 19.04,2.17 15.17,2.17A7,7 0 0,0 8.17,9.17C8.17,12.64 10.69,15.5 14,16.06V20H6V17H7V13A1,1 0 0,0 6,12H3A1,1 0 0,0 2,13V17H3V22H19V20H16V16.12C19.47,15.71 22.17,12.76 22.17,9.17Z" /></svg><svg id="navigation" viewBox="0 0 24 24"><path d="M12,2L4.5,20.29L5.21,21L12,18L18.79,21L19.5,20.29L12,2Z" /></svg><svg id="near-me" viewBox="0 0 24 24"><path d="M21,3L3,10.53V11.5L9.84,14.16L12.5,21H13.46L21,3Z" /></svg><svg id="needle" viewBox="0 0 24 24"><path d="M11.15,15.18L9.73,13.77L11.15,12.35L12.56,13.77L13.97,12.35L12.56,10.94L13.97,9.53L15.39,10.94L16.8,9.53L13.97,6.7L6.9,13.77L9.73,16.6L11.15,15.18M3.08,19L6.2,15.89L4.08,13.77L13.97,3.87L16.1,6L17.5,4.58L16.1,3.16L17.5,1.75L21.75,6L20.34,7.4L18.92,6L17.5,7.4L19.63,9.53L9.73,19.42L7.61,17.3L3.08,21.84V19Z" /></svg><svg id="netflix" viewBox="0 0 24 24"><path d="M6.5,2H10.5L13.44,10.83L13.5,2H17.5V22C16.25,21.78 14.87,21.64 13.41,21.58L10.5,13L10.43,21.59C9.03,21.65 7.7,21.79 6.5,22V2Z" /></svg><svg id="network" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7C5.89,17 5,16.1 5,15V5A2,2 0 0,1 7,3H17Z" /></svg><svg id="network-off" viewBox="0 0 24 24"><path d="M1,5.27L5,9.27V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H17.73L19.73,24L21,22.72L2.28,4L1,5.27M15,20A1,1 0 0,0 14,19H13V17.27L15.73,20H15M17.69,16.87L5.13,4.31C5.41,3.55 6.14,3 7,3H17A2,2 0 0,1 19,5V15C19,15.86 18.45,16.59 17.69,16.87M22,20V21.18L20.82,20H22Z" /></svg><svg id="network-off-outline" viewBox="0 0 24 24"><path d="M1.04,5.27L5,9.23V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H17.77L19.77,24L21.04,22.72L2.32,4L1.04,5.27M7,11.23L10.77,15H7V11.23M15,20A1,1 0 0,0 14,19H13V17.23L15.77,20H15M22,20V21.14L20.86,20H22M7,6.14L5.14,4.28C5.43,3.53 6.16,3 7,3H17A2,2 0 0,1 19,5V15C19,15.85 18.47,16.57 17.72,16.86L15.86,15H17V5H7V6.14Z" /></svg><svg id="network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7Z" /></svg><svg id="network-strength-1" viewBox="0 0 24 24"><path d="M1,21H21V1M19,5.83V19H11V13.83" /></svg><svg id="network-strength-1-alert" viewBox="0 0 24 24"><path d="M21,1L1,21H17V19H11V13.83L19,5.83V7H21M19,9V17H21V9M19,19V21H21V19" /></svg><svg id="network-strength-2" viewBox="0 0 24 24"><path d="M1,21H21V1M19,5.83V19H13V11.83" /></svg><svg id="network-strength-2-alert" viewBox="0 0 24 24"><path d="M21,1L1,21H17V19H13V11.83L19,5.83V7H21M19,9V17H21V9M19,19V21H21V19" /></svg><svg id="network-strength-3" viewBox="0 0 24 24"><path d="M1,21H21V1M19,5.83V19H16V8.83" /></svg><svg id="network-strength-3-alert" viewBox="0 0 24 24"><path d="M21,1L1,21H17V19H16V8.83L19,5.83V7H21M19,9V17H21V9M19,19V21H21V19" /></svg><svg id="network-strength-4" viewBox="0 0 24 24"><path d="M1,21H21V1" /></svg><svg id="network-strength-4-alert" viewBox="0 0 24 24"><path d="M19,17H21V9H19M19,21H21V19H19M1,21H17V7H21V1" /></svg><svg id="network-strength-off" viewBox="0 0 24 24"><path d="M21,1L12.4,9.6L21,18.19M4.77,4.5L3.5,5.77L9.86,12.13L1,21H18.73L20.73,23L22,21.73" /></svg><svg id="network-strength-off-outline" viewBox="0 0 24 24"><path d="M21,1L12.4,9.6L13.85,11.05L19,5.83V16.19L21,18.19M4.77,4.5L3.5,5.77L9.86,12.13L1,21H18.73L20.73,23L22,21.73M11.33,13.6L16.73,19H6" /></svg><svg id="network-strength-outline" viewBox="0 0 24 24"><path d="M1,21H21V1M19,5.83V19H6" /></svg><svg id="new-box" viewBox="0 0 24 24"><path d="M20,4C21.11,4 22,4.89 22,6V18C22,19.11 21.11,20 20,20H4C2.89,20 2,19.11 2,18V6C2,4.89 2.89,4 4,4H20M8.5,15V9H7.25V12.5L4.75,9H3.5V15H4.75V11.5L7.3,15H8.5M13.5,10.26V9H9.5V15H13.5V13.75H11V12.64H13.5V11.38H11V10.26H13.5M20.5,14V9H19.25V13.5H18.13V10H16.88V13.5H15.75V9H14.5V14A1,1 0 0,0 15.5,15H19.5A1,1 0 0,0 20.5,14Z" /></svg><svg id="newspaper" viewBox="0 0 24 24"><path d="M20,11H4V8H20M20,15H13V13H20M20,19H13V17H20M11,19H4V13H11M20.33,4.67L18.67,3L17,4.67L15.33,3L13.67,4.67L12,3L10.33,4.67L8.67,3L7,4.67L5.33,3L3.67,4.67L2,3V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V3L20.33,4.67Z" /></svg><svg id="nfc" viewBox="0 0 24 24"><path d="M10.59,7.66C10.59,7.66 11.19,7.39 11.57,7.82C11.95,8.26 12.92,9.94 12.92,11.62C12.92,13.3 12.5,15.09 12.05,15.68C11.62,16.28 11.19,16.28 10.86,16.06C10.54,15.85 5.5,12 5.23,11.89C4.95,11.78 4.85,12.05 5.12,13.5C5.39,15 4.95,15.41 4.57,15.47C4.2,15.5 3.06,15.2 3,12.16C2.95,9.13 3.76,8.64 4.14,8.64C4.85,8.64 10.27,13.5 10.64,13.46C10.97,13.41 11.13,11.35 10.5,9.72C9.78,7.96 10.59,7.66 10.59,7.66M19.3,4.63C21.12,8.24 21,11.66 21,12C21,12.34 21.12,15.76 19.3,19.37C19.3,19.37 18.83,19.92 18.12,19.59C17.42,19.26 17.66,18.4 17.66,18.4C17.66,18.4 19.14,15.55 19.1,12.05V12C19.14,8.5 17.66,5.6 17.66,5.6C17.66,5.6 17.42,4.74 18.12,4.41C18.83,4.08 19.3,4.63 19.3,4.63M15.77,6.25C17.26,8.96 17.16,11.66 17.14,12C17.16,12.34 17.26,14.92 15.77,17.85C15.77,17.85 15.3,18.4 14.59,18.07C13.89,17.74 14.13,16.88 14.13,16.88C14.13,16.88 15.09,15.5 15.24,12.05V12C15.14,8.53 14.13,7.23 14.13,7.23C14.13,7.23 13.89,6.36 14.59,6.04C15.3,5.71 15.77,6.25 15.77,6.25Z" /></svg><svg id="nfc-off" viewBox="0 0 24 24"><path d="M3.25,4.03L19.95,20.73L18.7,22L14.86,18.13C14.77,18.12 14.68,18.09 14.59,18.05C14.26,17.89 14.14,17.62 14.11,17.38L12.18,15.45C12.14,15.53 12.09,15.6 12.05,15.66C11.62,16.26 11.19,16.26 10.86,16.04C10.54,15.83 5.5,12 5.23,11.87C4.95,11.76 4.85,12.03 5.12,13.5C5.39,15 4.95,15.39 4.57,15.45C4.2,15.5 3.06,15.18 3,12.14C2.95,9.11 3.76,8.62 4.14,8.62C4.6,8.62 7.08,10.69 8.84,12.12L2,5.28L3.25,4.03M18.38,16.56C18.75,15.4 19.12,13.8 19.1,12.03V12C19.14,8.5 17.66,5.58 17.66,5.58C17.66,5.58 17.42,4.72 18.12,4.39C18.83,4.06 19.3,4.61 19.3,4.61C21.12,8.22 21,11.64 21,12C21,12.27 21.09,14.96 19.88,18.05L18.38,16.56M15.14,13.31C15.19,12.92 15.22,12.5 15.24,12.03V12C15.14,8.5 14.13,7.21 14.13,7.21C14.13,7.21 13.89,6.34 14.59,6C15.3,5.69 15.77,6.23 15.77,6.23C17.26,8.94 17.16,11.64 17.14,12C17.15,12.2 17.2,13.38 16.82,15L15.14,13.31M10.2,8.38C10.23,7.77 10.59,7.64 10.59,7.64C10.59,7.64 11.19,7.37 11.57,7.8C11.91,8.19 12.72,9.57 12.89,11.07L10.2,8.38Z" /></svg><svg id="nfc-search-variant" viewBox="0 0 24 24"><path d="M16.5,12C19,12 21,14 21,16.5C21,17.38 20.76,18.21 20.32,18.9L23.4,22L22,23.39L18.89,20.32C18.2,20.75 17.38,21 16.5,21C14,21 12,19 12,16.5C12,14 14,12 16.5,12M16.5,14A2.5,2.5 0 0,0 14,16.5A2.5,2.5 0 0,0 16.5,19C17.89,19 19,17.88 19,16.5A2.5,2.5 0 0,0 16.5,14M18,6V10.18C17.33,10 16.66,9.97 16,10V8H13V10.28L13.53,10.72C12.34,11.33 11.35,12.3 10.72,13.53C10.28,13.17 10,12.62 10,12C10,11.26 10.41,10.62 11,10.28V8A2,2 0 0,1 13,6H18M6,18V6H8L10,6V8H8V16H10C9.96,16.68 10,17.35 10.17,18H6M20,4H4V20H11C11.53,20.8 12.21,21.5 13.03,22H4C2.89,22 2,21.1 2,20V4A2,2 0 0,1 4,2H20A2,2 0 0,1 22,4V13.04C21.5,12.24 20.82,11.54 20,11V4Z" /></svg><svg id="nfc-tap" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M4,4H11A2,2 0 0,1 13,6V9H11V6H4V11H6V9L9,12L6,15V13H4A2,2 0 0,1 2,11V6A2,2 0 0,1 4,4M20,20H13A2,2 0 0,1 11,18V15H13V18H20V13H18V15L15,12L18,9V11H20A2,2 0 0,1 22,13V18A2,2 0 0,1 20,20Z" /></svg><svg id="nfc-variant" viewBox="0 0 24 24"><path d="M18,6H13A2,2 0 0,0 11,8V10.28C10.41,10.62 10,11.26 10,12A2,2 0 0,0 12,14C13.11,14 14,13.1 14,12C14,11.26 13.6,10.62 13,10.28V8H16V16H8V8H10V6H8L6,6V18H18M20,20H4V4H20M20,2H4A2,2 0 0,0 2,4V20A2,2 0 0,0 4,22H20C21.11,22 22,21.1 22,20V4C22,2.89 21.11,2 20,2Z" /></svg><svg id="nfc-variant-off" viewBox="0 0 24 24"><path d="M1.25,2.05L21.95,22.75L20.7,24L18.7,22H4A2,2 0 0,1 2,20V5.3L0,3.3L1.25,2.05M3.81,2C3.87,2 3.94,2 4,2H20C21.11,2 22,2.89 22,4V20C22,20.06 22,20.13 22,20.19L20,18.2V4H5.8L3.81,2M6,9.3L4,7.3V20H16.7L14.7,18H6V9.3M18,16.2L16,14.2V8H13V10.28C13.6,10.62 14,11.26 14,12C14,12.06 14,12.13 14,12.19L11,9.2V8A2,2 0 0,1 13,6H18V16.2M8,16H12.7L8,11.3V16M10,8H9.8L7.8,6H10V8Z" /></svg><svg id="ninja" viewBox="0 0 24 24"><path d="M7.75,13C7.74,12.65 7.9,12.31 8.17,12.08C8.92,12.24 9.62,12.55 10.25,13C10.25,13.68 9.69,14.24 9,14.24C8.31,14.24 7.76,13.69 7.75,13M13.75,13C14.38,12.56 15.08,12.25 15.83,12.09C16.1,12.32 16.26,12.66 16.25,13C16.25,13.7 15.69,14.26 15,14.26C14.31,14.26 13.75,13.7 13.75,13V13M12,9C9.23,8.96 6.5,9.65 4.07,11L4,12C4,13.23 4.29,14.44 4.84,15.54C7.21,15.18 9.6,15 12,15C14.4,15 16.79,15.18 19.16,15.54C19.71,14.44 20,13.23 20,12L19.93,11C17.5,9.65 14.77,8.96 12,9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="nintendo-switch" viewBox="0 0 24 24"><path d="M10.04,20.4H7.12C6.19,20.4 5.3,20 4.64,19.36C4,18.7 3.6,17.81 3.6,16.88V7.12C3.6,6.19 4,5.3 4.64,4.64C5.3,4 6.19,3.62 7.12,3.62H10.04V20.4M7.12,2A5.12,5.12 0 0,0 2,7.12V16.88C2,19.71 4.29,22 7.12,22H11.65V2H7.12M5.11,8C5.11,9.04 5.95,9.88 7,9.88C8.03,9.88 8.87,9.04 8.87,8C8.87,6.96 8.03,6.12 7,6.12C5.95,6.12 5.11,6.96 5.11,8M17.61,11C18.72,11 19.62,11.89 19.62,13C19.62,14.12 18.72,15 17.61,15C16.5,15 15.58,14.12 15.58,13C15.58,11.89 16.5,11 17.61,11M16.88,22A5.12,5.12 0 0,0 22,16.88V7.12C22,4.29 19.71,2 16.88,2H13.65V22H16.88Z" /></svg><svg id="nodejs" viewBox="0 0 24 24"><path d="M12,1.85C11.73,1.85 11.45,1.92 11.22,2.05L3.78,6.35C3.3,6.63 3,7.15 3,7.71V16.29C3,16.85 3.3,17.37 3.78,17.65L5.73,18.77C6.68,19.23 7,19.24 7.44,19.24C8.84,19.24 9.65,18.39 9.65,16.91V8.44C9.65,8.32 9.55,8.22 9.43,8.22H8.5C8.37,8.22 8.27,8.32 8.27,8.44V16.91C8.27,17.57 7.59,18.22 6.5,17.67L4.45,16.5C4.38,16.45 4.34,16.37 4.34,16.29V7.71C4.34,7.62 4.38,7.54 4.45,7.5L11.89,3.21C11.95,3.17 12.05,3.17 12.11,3.21L19.55,7.5C19.62,7.54 19.66,7.62 19.66,7.71V16.29C19.66,16.37 19.62,16.45 19.55,16.5L12.11,20.79C12.05,20.83 11.95,20.83 11.88,20.79L10,19.65C9.92,19.62 9.84,19.61 9.79,19.64C9.26,19.94 9.16,20 8.67,20.15C8.55,20.19 8.36,20.26 8.74,20.47L11.22,21.94C11.46,22.08 11.72,22.15 12,22.15C12.28,22.15 12.54,22.08 12.78,21.94L20.22,17.65C20.7,17.37 21,16.85 21,16.29V7.71C21,7.15 20.7,6.63 20.22,6.35L12.78,2.05C12.55,1.92 12.28,1.85 12,1.85M14,8C11.88,8 10.61,8.89 10.61,10.39C10.61,12 11.87,12.47 13.91,12.67C16.34,12.91 16.53,13.27 16.53,13.75C16.53,14.58 15.86,14.93 14.3,14.93C12.32,14.93 11.9,14.44 11.75,13.46C11.73,13.36 11.64,13.28 11.53,13.28H10.57C10.45,13.28 10.36,13.37 10.36,13.5C10.36,14.74 11.04,16.24 14.3,16.24C16.65,16.24 18,15.31 18,13.69C18,12.08 16.92,11.66 14.63,11.35C12.32,11.05 12.09,10.89 12.09,10.35C12.09,9.9 12.29,9.3 14,9.3C15.5,9.3 16.09,9.63 16.32,10.66C16.34,10.76 16.43,10.83 16.53,10.83H17.5C17.55,10.83 17.61,10.81 17.65,10.76C17.69,10.72 17.72,10.66 17.7,10.6C17.56,8.82 16.38,8 14,8Z" /></svg><svg id="not-equal" viewBox="0 0 24 24"><path d="M21,10H9V8H21V10M21,16H9V14H21V16M4,5H6V16H4V5M6,18V20H4V18H6Z" /></svg><svg id="not-equal-variant" viewBox="0 0 24 24"><path d="M14.08,4.61L15.92,5.4L14.8,8H19V10H13.95L12.23,14H19V16H11.38L9.92,19.4L8.08,18.61L9.2,16H5V14H10.06L11.77,10H5V8H12.63L14.08,4.61Z" /></svg><svg id="note" viewBox="0 0 24 24"><path d="M14,10V4.5L19.5,10M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V9L15,3H5Z" /></svg><svg id="note-multiple" viewBox="0 0 24 24"><path d="M16,9H21.5L16,3.5V9M7,2H17L23,8V18A2,2 0 0,1 21,20H7C5.89,20 5,19.1 5,18V4A2,2 0 0,1 7,2M3,6V22H21V24H3A2,2 0 0,1 1,22V6H3Z" /></svg><svg id="note-multiple-outline" viewBox="0 0 24 24"><path d="M3,6V22H21V24H3A2,2 0 0,1 1,22V6H3M16,9H21.5L16,3.5V9M7,2H17L23,8V18A2,2 0 0,1 21,20H7C5.89,20 5,19.1 5,18V4A2,2 0 0,1 7,2M7,4V18H21V11H14V4H7Z" /></svg><svg id="note-outline" viewBox="0 0 24 24"><path d="M14,10H19.5L14,4.5V10M5,3H15L21,9V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3M5,5V19H19V12H12V5H5Z" /></svg><svg id="note-plus" viewBox="0 0 24 24"><path d="M14,10H19.5L14,4.5V10M5,3H15L21,9V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3M9,18H11V15H14V13H11V10H9V13H6V15H9V18Z" /></svg><svg id="note-plus-outline" viewBox="0 0 24 24"><path d="M15,10H20.5L15,4.5V10M4,3H16L22,9V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V5C2,3.89 2.89,3 4,3M4,5V19H20V12H13V5H4M8,17V15H6V13H8V11H10V13H12V15H10V17H8Z" /></svg><svg id="note-text" viewBox="0 0 24 24"><path d="M14,10H19.5L14,4.5V10M5,3H15L21,9V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3M5,12V14H19V12H5M5,16V18H14V16H5Z" /></svg><svg id="notebook" viewBox="0 0 24 24"><path d="M3,7V5H5V4C5,2.89 5.9,2 7,2H13V9L15.5,7.5L18,9V2H19C20.05,2 21,2.95 21,4V20C21,21.05 20.05,22 19,22H7C5.95,22 5,21.05 5,20V19H3V17H5V13H3V11H5V7H3M7,11H5V13H7V11M7,7V5H5V7H7M7,19V17H5V19H7Z" /></svg><svg id="notebook-multiple" viewBox="0 0 24 24"><path d="M9.05,9H7.06V6H9.05V4.03H7.06V3.03C7.06,1.92 7.95,1.04 9.05,1.04H15.03V8L17.5,6.5L20,8V1.04H21C22.05,1.04 23,2 23,3.03V17C23,18.03 22.05,19 21,19H9.05C8,19 7.06,18.05 7.06,17V16H9.05V14H7.06V11H9.05V9M1,18H3V15H1V13H3V10H1V8H3V5H5V8H3V10H5V13H3V15H5V18H3V20H5V21H21V23H5A2,2 0 0,1 3,21V20H1V18Z" /></svg><svg id="notebook-outline" viewBox="0 0 24 24"><path d="M17,4V10L15,8L13,10V4H9V20H19V4H17M3,7V5H5V4C5,2.89 5.9,2 7,2H19C20.05,2 21,2.95 21,4V20C21,21.05 20.05,22 19,22H7C5.95,22 5,21.05 5,20V19H3V17H5V13H3V11H5V7H3M5,5V7H7V5H5M5,19H7V17H5V19M5,13H7V11H5V13Z" /></svg><svg id="notification-clear-all" viewBox="0 0 24 24"><path d="M5,13H19V11H5M3,17H17V15H3M7,7V9H21V7" /></svg><svg id="npm" viewBox="0 0 24 24"><path d="M4,10V14H6V11H7V14H8V10H4M9,10V15H11V14H13V10H9M12,11V13H11V11H12M14,10V14H16V11H17V14H18V11H19V14H20V10H14M3,9H21V15H12V16H8V15H3V9Z" /></svg><svg id="npm-variant" viewBox="0 0 24 24"><path d="M20,4H4V20H12V8H16V20H20V4" /></svg><svg id="npm-variant-outline" viewBox="0 0 24 24"><path d="M3,3V21H21V3H3M6,6H18V18H15V9H12V18H6V6Z" /></svg><svg id="nuke" viewBox="0 0 24 24"><path d="M14.04,12H10V11H5.5A3.5,3.5 0 0,1 2,7.5A3.5,3.5 0 0,1 5.5,4C6.53,4 7.45,4.44 8.09,5.15C8.5,3.35 10.08,2 12,2C13.92,2 15.5,3.35 15.91,5.15C16.55,4.44 17.47,4 18.5,4A3.5,3.5 0 0,1 22,7.5A3.5,3.5 0 0,1 18.5,11H14.04V12M10,16.9V15.76H5V13.76H19V15.76H14.04V16.92L20,19.08C20.58,19.29 21,19.84 21,20.5A1.5,1.5 0 0,1 19.5,22H4.5A1.5,1.5 0 0,1 3,20.5C3,19.84 3.42,19.29 4,19.08L10,16.9Z" /></svg><svg id="null" viewBox="0 0 24 24"><path d="M12,2C13.85,2 15.55,2.78 16.9,4.1L18.6,1.93L20.18,3.16L18.2,5.68C19.33,7.41 20,9.6 20,12C20,17.5 16.42,22 12,22C10.15,22 8.45,21.22 7.1,19.9L5.4,22.07L3.82,20.84L5.8,18.32C4.67,16.59 4,14.4 4,12C4,6.5 7.58,2 12,2M12,4C8.69,4 6,7.58 6,12C6,13.73 6.41,15.33 7.11,16.64L15.67,5.67C14.66,4.62 13.38,4 12,4M12,20C15.31,20 18,16.42 18,12C18,10.27 17.59,8.67 16.89,7.36L8.33,18.33C9.34,19.38 10.62,20 12,20Z" /></svg><svg id="numeric" viewBox="0 0 24 24"><path d="M4,17V9H2V7H6V17H4M22,15C22,16.11 21.1,17 20,17H16V15H20V13H18V11H20V9H16V7H20A2,2 0 0,1 22,9V10.5A1.5,1.5 0 0,1 20.5,12A1.5,1.5 0 0,1 22,13.5V15M14,15V17H8V13C8,11.89 8.9,11 10,11H12V9H8V7H12A2,2 0 0,1 14,9V11C14,12.11 13.1,13 12,13H10V15H14Z" /></svg><svg id="numeric-0" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9Z" /></svg><svg id="numeric-0-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9Z" /></svg><svg id="numeric-0-box-multiple-outline" viewBox="0 0 24 24"><path d="M21,17V3H7V17H21M21,1A2,2 0 0,1 23,3V17A2,2 0 0,1 21,19H7A2,2 0 0,1 5,17V3A2,2 0 0,1 7,1H21M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3M13,5H15A2,2 0 0,1 17,7V13A2,2 0 0,1 15,15H13A2,2 0 0,1 11,13V7A2,2 0 0,1 13,5M13,7V13H15V7H13Z" /></svg><svg id="numeric-0-box-outline" viewBox="0 0 24 24"><path d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M11,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M11,9V15H13V9H11Z" /></svg><svg id="numeric-0-circle" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="numeric-0-circle-outline" viewBox="0 0 24 24"><path d="M11,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M11,9V15H13V9H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="numeric-1" viewBox="0 0 24 24"><path d="M10,7V9H12V17H14V7H10Z" /></svg><svg id="numeric-1-box" viewBox="0 0 24 24"><path d="M14,17H12V9H10V7H14M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="numeric-1-box-multiple-outline" viewBox="0 0 24 24"><path d="M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M14,15H16V5H12V7H14M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg><svg id="numeric-1-box-outline" viewBox="0 0 24 24"><path d="M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,17H14V7H10V9H12" /></svg><svg id="numeric-1-circle" viewBox="0 0 24 24"><path d="M10,7V9H12V17H14V7H10M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="numeric-1-circle-outline" viewBox="0 0 24 24"><path d="M10,7H14V17H12V9H10V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="numeric-2" viewBox="0 0 24 24"><path d="M9,7V9H13V11H11A2,2 0 0,0 9,13V17H11L15,17V15H11V13H13A2,2 0 0,0 15,11V9A2,2 0 0,0 13,7H9Z" /></svg><svg id="numeric-2-box" viewBox="0 0 24 24"><path d="M15,11C15,12.11 14.1,13 13,13H11V15H15V17H9V13C9,11.89 9.9,11 11,11H13V9H9V7H13A2,2 0 0,1 15,9M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="numeric-2-box-multiple-outline" viewBox="0 0 24 24"><path d="M17,13H13V11H15A2,2 0 0,0 17,9V7C17,5.89 16.1,5 15,5H11V7H15V9H13A2,2 0 0,0 11,11V15H17M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg><svg id="numeric-2-box-outline" viewBox="0 0 24 24"><path d="M15,15H11V13H13A2,2 0 0,0 15,11V9C15,7.89 14.1,7 13,7H9V9H13V11H11A2,2 0 0,0 9,13V17H15M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="numeric-2-circle" viewBox="0 0 24 24"><path d="M9,7V9H13V11H11A2,2 0 0,0 9,13V17H11L15,17V15H11V13H13A2,2 0 0,0 15,11V9A2,2 0 0,0 13,7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="numeric-2-circle-outline" viewBox="0 0 24 24"><path d="M9,7H13A2,2 0 0,1 15,9V11A2,2 0 0,1 13,13H11V15H15V17H11L9,17V13A2,2 0 0,1 11,11H13V9H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="numeric-3" viewBox="0 0 24 24"><path d="M15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H9V9H13V11H11V13H13V15H9V17H13A2,2 0 0,0 15,15" /></svg><svg id="numeric-3-box" viewBox="0 0 24 24"><path d="M15,10.5A1.5,1.5 0 0,1 13.5,12C14.34,12 15,12.67 15,13.5V15C15,16.11 14.11,17 13,17H9V15H13V13H11V11H13V9H9V7H13C14.11,7 15,7.89 15,9M19,3H5C3.91,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19C20.11,21 21,20.1 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="numeric-3-box-multiple-outline" viewBox="0 0 24 24"><path d="M17,13V11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 17,8.5V7C17,5.89 16.1,5 15,5H11V7H15V9H13V11H15V13H11V15H15A2,2 0 0,0 17,13M3,5H1V21A2,2 0 0,0 3,23H19V21H3M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1Z" /></svg><svg id="numeric-3-box-outline" viewBox="0 0 24 24"><path d="M15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H9V9H13V11H11V13H13V15H9V17H13A2,2 0 0,0 15,15M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="numeric-3-circle" viewBox="0 0 24 24"><path d="M15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H9V9H13V11H11V13H13V15H9V17H13A2,2 0 0,0 15,15M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="numeric-3-circle-outline" viewBox="0 0 24 24"><path d="M15,15A2,2 0 0,1 13,17H9V15H13V13H11V11H13V9H9V7H13A2,2 0 0,1 15,9V10.5A1.5,1.5 0 0,1 13.5,12A1.5,1.5 0 0,1 15,13.5V15M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="numeric-4" viewBox="0 0 24 24"><path d="M9,7V13H13V17H15V7H13V11H11V7H9Z" /></svg><svg id="numeric-4-box" viewBox="0 0 24 24"><path d="M15,17H13V13H9V7H11V11H13V7H15M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="numeric-4-box-multiple-outline" viewBox="0 0 24 24"><path d="M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M15,15H17V5H15V9H13V5H11V11H15M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg><svg id="numeric-4-box-outline" viewBox="0 0 24 24"><path d="M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M13,17H15V7H13V11H11V7H9V13H13" /></svg><svg id="numeric-4-circle" viewBox="0 0 24 24"><path d="M9,7V13H13V17H15V7H13V11H11V7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="numeric-4-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11V11H13V7H15V17H13V13H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="numeric-5" viewBox="0 0 24 24"><path d="M9,7V13H13V15H9V17H13A2,2 0 0,0 15,15V13A2,2 0 0,0 13,11H11V9H15V7H9Z" /></svg><svg id="numeric-5-box" viewBox="0 0 24 24"><path d="M15,9H11V11H13A2,2 0 0,1 15,13V15C15,16.11 14.1,17 13,17H9V15H13V13H9V7H15M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="numeric-5-box-multiple-outline" viewBox="0 0 24 24"><path d="M17,13V11C17,9.89 16.1,9 15,9H13V7H17V5H11V11H15V13H11V15H15A2,2 0 0,0 17,13M3,5H1V21A2,2 0 0,0 3,23H19V21H3M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1Z" /></svg><svg id="numeric-5-box-outline" viewBox="0 0 24 24"><path d="M15,15V13C15,11.89 14.1,11 13,11H11V9H15V7H9V13H13V15H9V17H13A2,2 0 0,0 15,15M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="numeric-5-circle" viewBox="0 0 24 24"><path d="M9,7V13H13V15H9V17H13A2,2 0 0,0 15,15V13A2,2 0 0,0 13,11H11V9H15V7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="numeric-5-circle-outline" viewBox="0 0 24 24"><path d="M9,7H15V9H11V11H13A2,2 0 0,1 15,13V15A2,2 0 0,1 13,17H9V15H13V13H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="numeric-6" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V13A2,2 0 0,0 13,11H11V9H15V7H11M11,13H13V15H11V13Z" /></svg><svg id="numeric-6-box" viewBox="0 0 24 24"><path d="M15,9H11V11H13A2,2 0 0,1 15,13V15C15,16.11 14.1,17 13,17H11A2,2 0 0,1 9,15V9C9,7.89 9.9,7 11,7H15M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M11,15H13V13H11V15Z" /></svg><svg id="numeric-6-box-multiple-outline" viewBox="0 0 24 24"><path d="M13,11H15V13H13M13,15H15A2,2 0 0,0 17,13V11C17,9.89 16.1,9 15,9H13V7H17V5H13A2,2 0 0,0 11,7V13C11,14.11 11.9,15 13,15M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg><svg id="numeric-6-box-outline" viewBox="0 0 24 24"><path d="M11,13H13V15H11M11,17H13A2,2 0 0,0 15,15V13C15,11.89 14.1,11 13,11H11V9H15V7H11A2,2 0 0,0 9,9V15C9,16.11 9.9,17 11,17M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="numeric-6-circle" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V13A2,2 0 0,0 13,11H11V9H15V7H11M11,13H13V15H11V13M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="numeric-6-circle-outline" viewBox="0 0 24 24"><path d="M11,7H15V9H11V11H13A2,2 0 0,1 15,13V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M11,13V15H13V13H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="numeric-7" viewBox="0 0 24 24"><path d="M11,17L15,9V7H9V9H13L9,17" /></svg><svg id="numeric-7-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M11,17L15,9V7H9V9H13L9,17H11Z" /></svg><svg id="numeric-7-box-multiple-outline" viewBox="0 0 24 24"><path d="M13,15L17,7V5H11V7H15L11,15M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg><svg id="numeric-7-box-outline" viewBox="0 0 24 24"><path d="M11,17L15,9V7H9V9H13L9,17M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="numeric-7-circle" viewBox="0 0 24 24"><path d="M11,17L15,9V7H9V9H13L9,17H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="numeric-7-circle-outline" viewBox="0 0 24 24"><path d="M11,17H9L13,9H9V7H15V9L11,17M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="numeric-8" viewBox="0 0 24 24"><path d="M11,13H13V15H11M11,9H13V11H11M11,17H13A2,2 0 0,0 15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H11A2,2 0 0,0 9,9V10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 9,13.5V15C9,16.11 9.9,17 11,17" /></svg><svg id="numeric-8-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M11,17H13A2,2 0 0,0 15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H11A2,2 0 0,0 9,9V10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 9,13.5V15C9,16.11 9.9,17 11,17M11,13H13V15H11V13M11,9H13V11H11V9Z" /></svg><svg id="numeric-8-box-multiple-outline" viewBox="0 0 24 24"><path d="M13,11H15V13H13M13,7H15V9H13M13,15H15A2,2 0 0,0 17,13V11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 17,8.5V7C17,5.89 16.1,5 15,5H13A2,2 0 0,0 11,7V8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 11,11.5V13C11,14.11 11.9,15 13,15M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg><svg id="numeric-8-box-outline" viewBox="0 0 24 24"><path d="M11,13H13V15H11M11,9H13V11H11M11,17H13A2,2 0 0,0 15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H11A2,2 0 0,0 9,9V10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 9,13.5V15C9,16.11 9.9,17 11,17M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="numeric-8-circle" viewBox="0 0 24 24"><path d="M11,13H13V15H11V13M11,9H13V11H11V9M11,17H13A2,2 0 0,0 15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H11A2,2 0 0,0 9,9V10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 9,13.5V15C9,16.11 9.9,17 11,17M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="numeric-8-circle-outline" viewBox="0 0 24 24"><path d="M11,13V15H13V13H11M11,9V11H13V9H11M11,17A2,2 0 0,1 9,15V13.5A1.5,1.5 0 0,1 10.5,12A1.5,1.5 0 0,1 9,10.5V9A2,2 0 0,1 11,7H13A2,2 0 0,1 15,9V10.5A1.5,1.5 0 0,1 13.5,12A1.5,1.5 0 0,1 15,13.5V15A2,2 0 0,1 13,17H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="numeric-9" viewBox="0 0 24 24"><path d="M13,17A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11A2,2 0 0,0 9,9V11A2,2 0 0,0 11,13H13V15H9V17H13M13,11H11V9H13V11Z" /></svg><svg id="numeric-9-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M13,11H11V9H13V11M13,7H11A2,2 0 0,0 9,9V11C9,12.11 9.9,13 11,13H13V15H9V17H13A2,2 0 0,0 15,15V9C15,7.89 14.1,7 13,7Z" /></svg><svg id="numeric-9-box-multiple-outline" viewBox="0 0 24 24"><path d="M15,9H13V7H15M15,5H13A2,2 0 0,0 11,7V9C11,10.11 11.9,11 13,11H15V13H11V15H15A2,2 0 0,0 17,13V7C17,5.89 16.1,5 15,5M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg><svg id="numeric-9-box-outline" viewBox="0 0 24 24"><path d="M13,11H11V9H13M13,7H11A2,2 0 0,0 9,9V11C9,12.11 9.9,13 11,13H13V15H9V17H13A2,2 0 0,0 15,15V9C15,7.89 14.1,7 13,7M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg><svg id="numeric-9-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M13,17A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11A2,2 0 0,0 9,9V11A2,2 0 0,0 11,13H13V15H9V17H13M13,11H11V9H13V11Z" /></svg><svg id="numeric-9-circle-outline" viewBox="0 0 24 24"><path d="M13,17H9V15H13V13H11A2,2 0 0,1 9,11V9A2,2 0 0,1 11,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17M13,11V9H11V11H13M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="numeric-9-plus-box" viewBox="0 0 24 24"><path d="M21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M19,11H17V9H15V11H13V13H15V15H17V13H19V11M10,7H8A2,2 0 0,0 6,9V11C6,12.11 6.9,13 8,13H10V15H6V17H10A2,2 0 0,0 12,15V9C12,7.89 11.1,7 10,7M8,9H10V11H8V9Z" /></svg><svg id="numeric-9-plus-box-multiple-outline" viewBox="0 0 24 24"><path d="M21,9H19V7H17V9H15V11H17V13H19V11H21V17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M11,9V8H12V9M14,12V8C14,6.89 13.1,6 12,6H11A2,2 0 0,0 9,8V9C9,10.11 9.9,11 11,11H12V12H9V14H12A2,2 0 0,0 14,12M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg><svg id="numeric-9-plus-box-outline" viewBox="0 0 24 24"><path d="M19,11H17V9H15V11H13V13H15V15H17V13H19V19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M9,11V10H10V11M12,14V10C12,8.89 11.1,8 10,8H9A2,2 0 0,0 7,10V11C7,12.11 7.9,13 9,13H10V14H7V16H10A2,2 0 0,0 12,14Z" /></svg><svg id="numeric-9-plus-circle" viewBox="0 0 24 24"><path d="M19,11H17V9H15V11H13V13H15V15H17V13H19V11M10,7H8A2,2 0 0,0 6,9V11C6,12.11 6.9,13 8,13H10V15H6V17H10A2,2 0 0,0 12,15V9C12,7.89 11.1,7 10,7M8,9H10V11H8V9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="numeric-9-plus-circle-outline" viewBox="0 0 24 24"><path d="M19,11V13H17V15H15V13H13V11H15V9H17V11H19M10,7A2,2 0 0,1 12,9V15C12,16.11 11.1,17 10,17H6V15H10V13H8A2,2 0 0,1 6,11V9C6,7.89 6.9,7 8,7H10M8,9V11H10V9H8M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="nut" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7Z" /></svg><svg id="nutrition" viewBox="0 0 24 24"><path d="M22,18A4,4 0 0,1 18,22H14A4,4 0 0,1 10,18V16H22V18M4,3H14A2,2 0 0,1 16,5V14H8V19H4A2,2 0 0,1 2,17V5A2,2 0 0,1 4,3M4,6V8H6V6H4M14,8V6H8V8H14M4,10V12H6V10H4M8,10V12H14V10H8M4,14V16H6V14H4Z" /></svg><svg id="oar" viewBox="0 0 24 24"><path d="M20.23,15.21C18.77,13.75 14.97,10.2 12.77,11.27L4.5,3L3,4.5L11.28,12.79C10.3,15 13.88,18.62 15.35,20.08C17.11,21.84 18.26,20.92 19.61,19.57C21.1,18.08 21.61,16.61 20.23,15.21Z" /></svg><svg id="ocarina" viewBox="0 0 24 24"><path d="M20,12C16.8,10.4 13.4,9.7 10.8,9.3L9.7,5.9C9.3,4.8 7.7,4.8 7.3,5.9L6.3,9C3.9,9.4 2,11.5 2,14C2,16.8 4.2,19 7,19C7,19 14,19 20,16C20,16 22,15 22,14C22,13 20,12 20,12M5,14C4.4,14 4,13.6 4,13C4,12.4 4.4,12 5,12C5.6,12 6,12.4 6,13C6,13.5 5.6,14 5,14M7,17C6.4,17 6,16.6 6,16C6,15.4 6.4,15 7,15C7.6,15 8,15.4 8,16C8,16.5 7.6,17 7,17M9,14C8.4,14 8,13.6 8,13C8,12.4 8.4,12 9,12C9.6,12 10,12.4 10,13C10,13.5 9.6,14 9,14M11,17C10.4,17 10,16.6 10,16C10,15.4 10.4,15 11,15C11.6,15 12,15.4 12,16C12,16.5 11.6,17 11,17M16,14C15.4,14 15,13.6 15,13C15,12.4 15.4,12 16,12C16.6,12 17,12.4 17,13C17,13.5 16.6,14 16,14M19,15C18.4,15 18,14.6 18,14C18,13.4 18.4,13 19,13C19.6,13 20,13.4 20,14C20,14.5 19.6,15 19,15Z" /></svg><svg id="octagon" viewBox="0 0 24 24"><path d="M15.73,3H8.27L3,8.27V15.73L8.27,21H15.73L21,15.73V8.27" /></svg><svg id="octagon-outline" viewBox="0 0 24 24"><path d="M8.27,3L3,8.27V15.73L8.27,21H15.73C17.5,19.24 21,15.73 21,15.73V8.27L15.73,3M9.1,5H14.9L19,9.1V14.9L14.9,19H9.1L5,14.9V9.1" /></svg><svg id="octagram" viewBox="0 0 24 24"><path d="M2.2,16.06L3.88,12L2.2,7.94L6.26,6.26L7.94,2.2L12,3.88L16.06,2.2L17.74,6.26L21.8,7.94L20.12,12L21.8,16.06L17.74,17.74L16.06,21.8L12,20.12L7.94,21.8L6.26,17.74L2.2,16.06Z" /></svg><svg id="octagram-outline" viewBox="0 0 24 24"><path d="M2.2,16.06L3.88,12L2.2,7.94L6.26,6.26L7.94,2.2L12,3.88L16.06,2.2L17.74,6.26L21.8,7.94L20.12,12L21.8,16.06L17.74,17.74L16.06,21.8L12,20.12L7.94,21.8L6.26,17.74L2.2,16.06M4.81,9L6.05,12L4.81,15L7.79,16.21L9,19.19L12,17.95L15,19.19L16.21,16.21L19.19,15L17.95,12L19.19,9L16.21,7.79L15,4.81L12,6.05L9,4.81L7.79,7.79L4.81,9Z" /></svg><svg id="odnoklassniki" viewBox="0 0 24 24"><path d="M17.83,12.74C17.55,12.17 16.76,11.69 15.71,12.5C14.28,13.64 12,13.64 12,13.64C12,13.64 9.72,13.64 8.29,12.5C7.24,11.69 6.45,12.17 6.17,12.74C5.67,13.74 6.23,14.23 7.5,15.04C8.59,15.74 10.08,16 11.04,16.1L10.24,16.9C9.1,18.03 8,19.12 7.25,19.88C6.8,20.34 6.8,21.07 7.25,21.5L7.39,21.66C7.84,22.11 8.58,22.11 9.03,21.66L12,18.68C13.15,19.81 14.24,20.9 15,21.66C15.45,22.11 16.18,22.11 16.64,21.66L16.77,21.5C17.23,21.07 17.23,20.34 16.77,19.88L13.79,16.9L13,16.09C13.95,16 15.42,15.73 16.5,15.04C17.77,14.23 18.33,13.74 17.83,12.74M12,4.57C13.38,4.57 14.5,5.69 14.5,7.06C14.5,8.44 13.38,9.55 12,9.55C10.62,9.55 9.5,8.44 9.5,7.06C9.5,5.69 10.62,4.57 12,4.57M12,12.12C14.8,12.12 17.06,9.86 17.06,7.06C17.06,4.27 14.8,2 12,2C9.2,2 6.94,4.27 6.94,7.06C6.94,9.86 9.2,12.12 12,12.12Z" /></svg><svg id="office" viewBox="0 0 24 24"><path d="M3,18L7,16.75V7L14,5V19.5L3.5,18.25L14,22L20,20.75V3.5L13.95,2L3,5.75V18Z" /></svg><svg id="office-building" viewBox="0 0 24 24"><path d="M5,3V21H11V17.5H13V21H19V3H5M7,5H9V7H7V5M11,5H13V7H11V5M15,5H17V7H15V5M7,9H9V11H7V9M11,9H13V11H11V9M15,9H17V11H15V9M7,13H9V15H7V13M11,13H13V15H11V13M15,13H17V15H15V13M7,17H9V19H7V17M15,17H17V19H15V17Z" /></svg><svg id="oil" viewBox="0 0 24 24"><path d="M22,12.5C22,12.5 24,14.67 24,16A2,2 0 0,1 22,18A2,2 0 0,1 20,16C20,14.67 22,12.5 22,12.5M6,6H10A1,1 0 0,1 11,7A1,1 0 0,1 10,8H9V10H11C11.74,10 12.39,10.4 12.73,11L19.24,7.24L22.5,9.13C23,9.4 23.14,10 22.87,10.5C22.59,10.97 22,11.14 21.5,10.86L19.4,9.65L15.75,15.97C15.41,16.58 14.75,17 14,17H5A2,2 0 0,1 3,15V12A2,2 0 0,1 5,10H7V8H6A1,1 0 0,1 5,7A1,1 0 0,1 6,6M5,12V15H14L16.06,11.43L12.6,13.43L11.69,12H5M0.38,9.21L2.09,7.5C2.5,7.11 3.11,7.11 3.5,7.5C3.89,7.89 3.89,8.5 3.5,8.91L1.79,10.62C1.4,11 0.77,11 0.38,10.62C0,10.23 0,9.6 0.38,9.21Z" /></svg><svg id="oil-temperature" viewBox="0 0 24 24"><path d="M11.5,1A1.5,1.5 0 0,0 10,2.5V14.5C9.37,14.97 9,15.71 9,16.5A2.5,2.5 0 0,0 11.5,19A2.5,2.5 0 0,0 14,16.5C14,15.71 13.63,15 13,14.5V13H17V11H13V9H17V7H13V5H17V3H13V2.5A1.5,1.5 0 0,0 11.5,1M0,15V17C0.67,17 0.79,17.21 1.29,17.71C1.79,18.21 2.67,19 4,19C5.33,19 6.21,18.21 6.71,17.71C6.82,17.59 6.91,17.5 7,17.41V15.16C6.21,15.42 5.65,15.93 5.29,16.29C4.79,16.79 4.67,17 4,17C3.33,17 3.21,16.79 2.71,16.29C2.21,15.79 1.33,15 0,15M16,15V17C16.67,17 16.79,17.21 17.29,17.71C17.79,18.21 18.67,19 20,19C21.33,19 22.21,18.21 22.71,17.71C23.21,17.21 23.33,17 24,17V15C22.67,15 21.79,15.79 21.29,16.29C20.79,16.79 20.67,17 20,17C19.33,17 19.21,16.79 18.71,16.29C18.21,15.79 17.33,15 16,15M8,20C6.67,20 5.79,20.79 5.29,21.29C4.79,21.79 4.67,22 4,22C3.33,22 3.21,21.79 2.71,21.29C2.35,20.93 1.79,20.42 1,20.16V22.41C1.09,22.5 1.18,22.59 1.29,22.71C1.79,23.21 2.67,24 4,24C5.33,24 6.21,23.21 6.71,22.71C7.21,22.21 7.33,22 8,22C8.67,22 8.79,22.21 9.29,22.71C9.73,23.14 10.44,23.8 11.5,23.96C11.66,24 11.83,24 12,24C13.33,24 14.21,23.21 14.71,22.71C15.21,22.21 15.33,22 16,22C16.67,22 16.79,22.21 17.29,22.71C17.79,23.21 18.67,24 20,24C21.33,24 22.21,23.21 22.71,22.71C22.82,22.59 22.91,22.5 23,22.41V20.16C22.21,20.42 21.65,20.93 21.29,21.29C20.79,21.79 20.67,22 20,22C19.33,22 19.21,21.79 18.71,21.29C18.21,20.79 17.33,20 16,20C14.67,20 13.79,20.79 13.29,21.29C12.79,21.79 12.67,22 12,22C11.78,22 11.63,21.97 11.5,21.92C11.22,21.82 11.05,21.63 10.71,21.29C10.21,20.79 9.33,20 8,20Z" /></svg><svg id="omega" viewBox="0 0 24 24"><path d="M19.15,19H13.39V16.87C15.5,15.25 16.59,13.24 16.59,10.84C16.59,9.34 16.16,8.16 15.32,7.29C14.47,6.42 13.37,6 12.03,6C10.68,6 9.57,6.42 8.71,7.3C7.84,8.17 7.41,9.37 7.41,10.88C7.41,13.26 8.5,15.26 10.61,16.87V19H4.85V16.87H8.41C6.04,15.32 4.85,13.23 4.85,10.6C4.85,8.5 5.5,6.86 6.81,5.66C8.12,4.45 9.84,3.85 11.97,3.85C14.15,3.85 15.89,4.45 17.19,5.64C18.5,6.83 19.15,8.5 19.15,10.58C19.15,13.21 17.95,15.31 15.55,16.87H19.15V19Z" /></svg><svg id="one-up" viewBox="0 0 24 24"><path d="M10,19V19C9.4,19 9,18.6 9,18V17C9,16.5 9.4,16 10,16V16C10.5,16 11,16.4 11,17V18C11,18.6 10.6,19 10,19M15,18V17C15,16.5 14.6,16 14,16V16C13.5,16 13,16.4 13,17V18C13,18.5 13.4,19 14,19V19C14.6,19 15,18.6 15,18M22,12C22,14.6 20.4,16.9 18,18.4V20A2,2 0 0,1 16,22H8A2,2 0 0,1 6,20V18.4C3.6,16.9 2,14.6 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M7,10C7,8.9 6.4,7.9 5.5,7.4C4.5,8.7 4,10.3 4,12C4,12.3 4,12.7 4.1,13C5.7,12.9 7,11.6 7,10M9,9C9,10.7 10.3,12 12,12C13.7,12 15,10.7 15,9C15,7.3 13.7,6 12,6C10.3,6 9,7.3 9,9M16,20V15.5C14.8,15.2 13.4,15 12,15C10.6,15 9.2,15.2 8,15.5V20H16M19.9,13C20,12.7 20,12.3 20,12C20,10.3 19.5,8.7 18.5,7.4C17.6,7.9 17,8.9 17,10C17,11.6 18.3,12.9 19.9,13Z" /></svg><svg id="onedrive" viewBox="0 0 24 24"><path d="M20.08,13.64C21.17,13.81 22,14.75 22,15.89C22,16.78 21.5,17.55 20.75,17.92L20.58,18H9.18L9.16,18V18C7.71,18 6.54,16.81 6.54,15.36C6.54,13.9 7.72,12.72 9.18,12.72L9.4,12.73L9.39,12.53A3.3,3.3 0 0,1 12.69,9.23C13.97,9.23 15.08,9.96 15.63,11C16.08,10.73 16.62,10.55 17.21,10.55A2.88,2.88 0 0,1 20.09,13.43L20.08,13.64M8.82,12.16C7.21,12.34 5.96,13.7 5.96,15.36C5.96,16.04 6.17,16.66 6.5,17.18H4.73A2.73,2.73 0 0,1 2,14.45C2,13 3.12,11.83 4.53,11.73L4.46,11.06C4.46,9.36 5.84,8 7.54,8C8.17,8 8.77,8.18 9.26,8.5C9.95,7.11 11.4,6.15 13.07,6.15C15.27,6.15 17.08,7.83 17.3,9.97H17.21C16.73,9.97 16.27,10.07 15.84,10.25C15.12,9.25 13.96,8.64 12.69,8.64C10.67,8.64 9,10.19 8.82,12.16Z" /></svg><svg id="onenote" viewBox="0 0 24 24"><path d="M1.96,4.8L14,3.08V5H20L21,5A1,1 0 0,1 22,6V10A1,1 0 0,1 21,11H20V19H14V21L1.96,19.21V4.8M11,16.75V8.25L9,8.5V12.75L7,8.75L5,9V16L6.5,16.25V10.75L9,16.5L11,16.75M14,14H18V13H14V14M14,11H18V10H14V11M14,8H18V7H14V8M14,16V17H18V16H14Z" /></svg><svg id="onepassword" viewBox="0 0 24 24"><path d="M12,1C5.92,1 1,5.92 1,12C1,18.08 5.92,23 12,23C18.08,23 23,18.08 23,12C23,5.92 18.08,1 12,1M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M13,13.5C13,14.13 13.4,14.7 14,14.91V18H10V11.91C10.78,11.64 11.19,10.8 10.93,10C10.78,9.58 10.44,9.24 10,9.09V6H14V12.09C13.4,12.3 13,12.87 13,13.5Z" /></svg><svg id="opacity" viewBox="0 0 24 24"><path d="M17.66,8L12,2.35L6.34,8C4.78,9.56 4,11.64 4,13.64C4,15.64 4.78,17.75 6.34,19.31C7.9,20.87 9.95,21.66 12,21.66C14.05,21.66 16.1,20.87 17.66,19.31C19.22,17.75 20,15.64 20,13.64C20,11.64 19.22,9.56 17.66,8M6,14C6,12 6.62,10.73 7.76,9.6L12,5.27L16.24,9.65C17.38,10.77 18,12 18,14H6Z" /></svg><svg id="open-in-app" viewBox="0 0 24 24"><path d="M12,10L8,14H11V20H13V14H16M19,4H5C3.89,4 3,4.9 3,6V18A2,2 0 0,0 5,20H9V18H5V8H19V18H15V20H19A2,2 0 0,0 21,18V6A2,2 0 0,0 19,4Z" /></svg><svg id="open-in-new" viewBox="0 0 24 24"><path d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" /></svg><svg id="open-source-initiative" viewBox="0 0 24 24"><path d="M15.41,22C15.35,22 15.28,22 15.22,22C15.1,21.95 15,21.85 14.96,21.73L12.74,15.93C12.65,15.69 12.77,15.42 13,15.32C13.71,15.06 14.28,14.5 14.58,13.83C15.22,12.4 14.58,10.73 13.15,10.09C11.72,9.45 10.05,10.09 9.41,11.5C9.11,12.21 9.09,13 9.36,13.69C9.66,14.43 10.25,15 11,15.28C11.24,15.37 11.37,15.64 11.28,15.89L9,21.69C8.96,21.81 8.87,21.91 8.75,21.96C8.63,22 8.5,22 8.39,21.96C3.24,19.97 0.67,14.18 2.66,9.03C4.65,3.88 10.44,1.31 15.59,3.3C18.06,4.26 20.05,6.15 21.13,8.57C22.22,11 22.29,13.75 21.33,16.22C20.32,18.88 18.23,21 15.58,22C15.5,22 15.47,22 15.41,22M12,3.59C7.03,3.46 2.9,7.39 2.77,12.36C2.68,16.08 4.88,19.47 8.32,20.9L10.21,16C8.38,15 7.69,12.72 8.68,10.89C9.67,9.06 11.96,8.38 13.79,9.36C15.62,10.35 16.31,12.64 15.32,14.47C14.97,15.12 14.44,15.65 13.79,16L15.68,20.93C17.86,19.95 19.57,18.16 20.44,15.93C22.28,11.31 20.04,6.08 15.42,4.23C14.33,3.8 13.17,3.58 12,3.59Z" /></svg><svg id="openid" viewBox="0 0 24 24"><path d="M14,2L11,3.5V19.94C7,19.5 4,17.46 4,15C4,12.75 6.5,10.85 10,10.22V8.19C4.86,8.88 1,11.66 1,15C1,18.56 5.36,21.5 11,21.94C11.03,21.94 11.06,21.94 11.09,21.94L14,20.5V2M15,8.19V10.22C16.15,10.43 17.18,10.77 18.06,11.22L16.5,12L23,13.5L22.5,9L20.5,10C19,9.12 17.12,8.47 15,8.19Z" /></svg><svg id="opera" viewBox="0 0 24 24"><path d="M9.04,17.07C8.04,15.9 7.4,14.16 7.35,12.21V11.79C7.4,9.84 8.04,8.1 9.04,6.93C9.86,5.95 10.93,5.37 12.1,5.37C14.72,5.37 16.84,8.34 16.84,12C16.84,15.66 14.72,18.63 12.1,18.63C10.93,18.63 10.33,18.5 9.04,17.07M12.03,3H12A9,9 0 0,0 3,12C3,16.83 6.8,20.77 11.57,21H12C14.3,21 16.4,20.13 18,18.71C19.84,17.06 21,14.67 21,12C21,9.33 19.84,6.94 18,5.29C16.41,3.87 14.32,3 12.03,3Z" /></svg><svg id="orbit" viewBox="0 0 24 24"><path d="M8.11,1.75C9.3,1.25 10.62,1 12,1C18.08,1 23,5.92 23,12C23,18.08 18.08,23 12,23C5.92,23 1,18.08 1,12C1,10.62 1.25,9.3 1.72,8.08C2.24,8.61 2.83,8.96 3.45,9.18C3.16,10.07 3,11 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3C11,3 10.07,3.16 9.18,3.45C8.96,2.83 8.61,2.24 8.11,1.75M4.93,2.93C6.03,2.93 6.93,3.82 6.93,4.93A2,2 0 0,1 4.93,6.93C3.82,6.93 2.93,6.03 2.93,4.93C2.93,3.82 3.82,2.93 4.93,2.93M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7Z" /></svg><svg id="origin" viewBox="0 0 24 24"><path d="M12,2.13C12,2.23 11.95,2.33 11.89,2.41C11.5,3 11.16,3.64 11.04,4.33L11,4.56L12,4.5A7.5,7.5 0 0,1 19.5,12C19.5,13.62 19,15.11 18.12,16.34C16.73,18.68 14.72,20.65 12.34,21.97C12.25,22 12.12,22 12.06,21.93C12,21.83 12,21.7 12.09,21.61C12.47,21.09 12.73,20.5 12.87,19.85L12.93,19.44L12,19.5A7.5,7.5 0 0,1 4.5,12C4.5,10.39 5,8.89 5.88,7.67C7.26,5.32 9.28,3.34 11.67,2C11.78,1.95 11.94,2 12,2.13M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg><svg id="ornament" viewBox="0 0 24 24"><path d="M12,1A3,3 0 0,1 15,4V5A1,1 0 0,1 16,6V7.07C18.39,8.45 20,11.04 20,14A8,8 0 0,1 12,22A8,8 0 0,1 4,14C4,11.04 5.61,8.45 8,7.07V6A1,1 0 0,1 9,5V4A3,3 0 0,1 12,1M12,3A1,1 0 0,0 11,4V5H13V4A1,1 0 0,0 12,3M12,8C10.22,8 8.63,8.77 7.53,10H16.47C15.37,8.77 13.78,8 12,8M6.34,16H7.59L6,14.43C6.05,15 6.17,15.5 6.34,16M12.59,16L8.59,12H6.41L10.41,16H12.59M17.66,12H16.41L18,13.57C17.95,13 17.83,12.5 17.66,12M11.41,12L15.41,16H17.59L13.59,12H11.41M12,20C13.78,20 15.37,19.23 16.47,18H7.53C8.63,19.23 10.22,20 12,20Z" /></svg><svg id="ornament-variant" viewBox="0 0 24 24"><path d="M12,1A3,3 0 0,1 15,4V5A1,1 0 0,1 16,6V7.07C18.39,8.45 20,11.04 20,14A8,8 0 0,1 12,22A8,8 0 0,1 4,14C4,11.04 5.61,8.45 8,7.07V6A1,1 0 0,1 9,5V4A3,3 0 0,1 12,1M12,3A1,1 0 0,0 11,4V5H13V4A1,1 0 0,0 12,3M12,8C10.22,8 8.63,8.77 7.53,10H16.47C15.37,8.77 13.78,8 12,8M12,20C13.78,20 15.37,19.23 16.47,18H7.53C8.63,19.23 10.22,20 12,20M12,12A2,2 0 0,0 10,14A2,2 0 0,0 12,16A2,2 0 0,0 14,14A2,2 0 0,0 12,12M18,14C18,13.31 17.88,12.65 17.67,12C16.72,12.19 16,13 16,14C16,15 16.72,15.81 17.67,15.97C17.88,15.35 18,14.69 18,14M6,14C6,14.69 6.12,15.35 6.33,15.97C7.28,15.81 8,15 8,14C8,13 7.28,12.19 6.33,12C6.12,12.65 6,13.31 6,14Z" /></svg><svg id="outlook" viewBox="0 0 24 24"><path d="M22,8V16C22,16.6 21.6,17 21,17H14V21L2,19.2V4.8L14,3V7H21C21.6,7 22,7.4 22,8M21,8.1L17,10.4L14,8.7V10.3L17,12L21,9.7V8.1M7.92,8.11C5.82,8.04 4.79,9.89 4.79,12.09C4.79,14.29 5.86,16.06 7.92,16.08C9.79,16.09 11,14.39 11,12.19C11,10 10.13,8.19 7.92,8.11M7.61,9.7C8.45,9.7 9.2,10.44 9.2,11.95C9.2,13.47 8.45,14.31 7.61,14.31C6.78,14.31 6.1,13.2 6.1,11.95C6.1,10.71 6.78,9.7 7.61,9.7Z" /></svg><svg id="owl" viewBox="0 0 24 24"><path d="M12,16C12.56,16.84 13.31,17.53 14.2,18L12,20.2L9.8,18C10.69,17.53 11.45,16.84 12,16M17,11.2A2,2 0 0,0 15,13.2A2,2 0 0,0 17,15.2A2,2 0 0,0 19,13.2C19,12.09 18.1,11.2 17,11.2M7,11.2A2,2 0 0,0 5,13.2A2,2 0 0,0 7,15.2A2,2 0 0,0 9,13.2C9,12.09 8.1,11.2 7,11.2M17,8.7A4,4 0 0,1 21,12.7A4,4 0 0,1 17,16.7A4,4 0 0,1 13,12.7A4,4 0 0,1 17,8.7M7,8.7A4,4 0 0,1 11,12.7A4,4 0 0,1 7,16.7A4,4 0 0,1 3,12.7A4,4 0 0,1 7,8.7M2.24,1C4,4.7 2.73,7.46 1.55,10.2C1.19,11 1,11.83 1,12.7A6,6 0 0,0 7,18.7C7.21,18.69 7.42,18.68 7.63,18.65L10.59,21.61L12,23L13.41,21.61L16.37,18.65C16.58,18.68 16.79,18.69 17,18.7A6,6 0 0,0 23,12.7C23,11.83 22.81,11 22.45,10.2C21.27,7.46 20,4.7 21.76,1C19.12,3.06 15.36,4.69 12,4.7C8.64,4.69 4.88,3.06 2.24,1Z" /></svg><svg id="pac-man" viewBox="0 0 24 24"><path d="M12,12L19.07,19.07C15.17,23 8.83,23 4.93,19.07C1,15.17 1,8.84 4.93,4.93C8.83,1 15.16,1 19.07,4.93L12,12M19,10A2,2 0 0,0 17,12A2,2 0 0,0 19,14A2,2 0 0,0 21,12A2,2 0 0,0 19,10Z" /></svg><svg id="package" viewBox="0 0 24 24"><path d="M5.12,5H18.87L17.93,4H5.93L5.12,5M20.54,5.23C20.83,5.57 21,6 21,6.5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V6.5C3,6 3.17,5.57 3.46,5.23L4.84,3.55C5.12,3.21 5.53,3 6,3H18C18.47,3 18.88,3.21 19.15,3.55L20.54,5.23M6,18H12V15H6V18Z" /></svg><svg id="package-down" viewBox="0 0 24 24"><path d="M5.12,5L5.93,4H17.93L18.87,5M12,17.5L6.5,12H10V10H14V12H17.5L12,17.5M20.54,5.23L19.15,3.55C18.88,3.21 18.47,3 18,3H6C5.53,3 5.12,3.21 4.84,3.55L3.46,5.23C3.17,5.57 3,6 3,6.5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V6.5C21,6 20.83,5.57 20.54,5.23Z" /></svg><svg id="package-up" viewBox="0 0 24 24"><path d="M20.54,5.23C20.83,5.57 21,6 21,6.5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V6.5C3,6 3.17,5.57 3.46,5.23L4.84,3.55C5.12,3.21 5.53,3 6,3H18C18.47,3 18.88,3.21 19.15,3.55L20.54,5.23M5.12,5H18.87L17.93,4H5.93L5.12,5M12,9.5L6.5,15H10V17H14V15H17.5L12,9.5Z" /></svg><svg id="package-variant" viewBox="0 0 24 24"><path d="M2,10.96C1.5,10.68 1.35,10.07 1.63,9.59L3.13,7C3.24,6.8 3.41,6.66 3.6,6.58L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.66,6.72 20.82,6.88 20.91,7.08L22.36,9.6C22.64,10.08 22.47,10.69 22,10.96L21,11.54V16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V10.96C2.7,11.13 2.32,11.14 2,10.96M12,4.15V4.15L12,10.85V10.85L17.96,7.5L12,4.15M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V12.69L14,15.59C13.67,15.77 13.3,15.76 13,15.6V19.29L19,15.91M13.85,13.36L20.13,9.73L19.55,8.72L13.27,12.35L13.85,13.36Z" /></svg><svg id="package-variant-closed" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L10.11,5.22L16,8.61L17.96,7.5L12,4.15M6.04,7.5L12,10.85L13.96,9.75L8.08,6.35L6.04,7.5M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V9.21L13,12.58V19.29L19,15.91Z" /></svg><svg id="page-first" viewBox="0 0 24 24"><path d="M18.41,16.59L13.82,12L18.41,7.41L17,6L11,12L17,18L18.41,16.59M6,6H8V18H6V6Z" /></svg><svg id="page-last" viewBox="0 0 24 24"><path d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" /></svg><svg id="page-layout-body" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M6,8V16H18V8H6Z" /></svg><svg id="page-layout-footer" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M6,16V20H18V16H6Z" /></svg><svg id="page-layout-header" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M6,4V8H18V4H6Z" /></svg><svg id="page-layout-sidebar-left" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M6,8V16H10V8H6Z" /></svg><svg id="page-layout-sidebar-right" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M14,8V16H18V8H14Z" /></svg><svg id="page-next" viewBox="0 0 24 24"><path d="M20,3H5A2,2 0 0,0 3,5V11H7V9L11,12L7,15V13H3V19A2,2 0 0,0 5,21H20A2,2 0 0,0 22,19V5A2,2 0 0,0 20,3M17,17H13V15H17V17M20,13H13V11H20V13M20,9H13V7H20V9M3,13H0V11H3V13Z" /></svg><svg id="page-next-outline" viewBox="0 0 24 24"><path d="M22,3H5A2,2 0 0,0 3,5V9H5V5H22V19H5V15H3V19A2,2 0 0,0 5,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M7,15V13H0V11H7V9L11,12L7,15M20,13H13V11H20V13M20,9H13V7H20V9M17,17H13V15H17V17Z" /></svg><svg id="page-previous" viewBox="0 0 24 24"><path d="M4,21H19A2,2 0 0,0 21,19V13H17V15L13,12L17,9V11H21V5A2,2 0 0,0 19,3H4A2,2 0 0,0 2,5V19A2,2 0 0,0 4,21M4,15H8V17H4V15M4,11H11V13H4V11M4,7H11V9H4V7M21,11H24V13H21V11Z" /></svg><svg id="page-previous-outline" viewBox="0 0 24 24"><path d="M2,3H19A2,2 0 0,1 21,5V9H19V5H2V19H19V15H21V19A2,2 0 0,1 19,21H2A2,2 0 0,1 0,19V5A2,2 0 0,1 2,3M17,15V13H24V11H17V9L13,12L17,15M4,13H11V11H4V13M4,9H11V7H4V9M4,17H8V15H4V17Z" /></svg><svg id="palette" viewBox="0 0 24 24"><path d="M17.5,12A1.5,1.5 0 0,1 16,10.5A1.5,1.5 0 0,1 17.5,9A1.5,1.5 0 0,1 19,10.5A1.5,1.5 0 0,1 17.5,12M14.5,8A1.5,1.5 0 0,1 13,6.5A1.5,1.5 0 0,1 14.5,5A1.5,1.5 0 0,1 16,6.5A1.5,1.5 0 0,1 14.5,8M9.5,8A1.5,1.5 0 0,1 8,6.5A1.5,1.5 0 0,1 9.5,5A1.5,1.5 0 0,1 11,6.5A1.5,1.5 0 0,1 9.5,8M6.5,12A1.5,1.5 0 0,1 5,10.5A1.5,1.5 0 0,1 6.5,9A1.5,1.5 0 0,1 8,10.5A1.5,1.5 0 0,1 6.5,12M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A1.5,1.5 0 0,0 13.5,19.5C13.5,19.11 13.35,18.76 13.11,18.5C12.88,18.23 12.73,17.88 12.73,17.5A1.5,1.5 0 0,1 14.23,16H16A5,5 0 0,0 21,11C21,6.58 16.97,3 12,3Z" /></svg><svg id="palette-advanced" viewBox="0 0 24 24"><path d="M22,22H10V20H22V22M2,22V20H9V22H2M18,18V10H22V18H18M18,3H22V9H18V3M2,18V3H16V18H2M9,14.56A3,3 0 0,0 12,11.56C12,9.56 9,6.19 9,6.19C9,6.19 6,9.56 6,11.56A3,3 0 0,0 9,14.56Z" /></svg><svg id="palette-outline" viewBox="0 0 24 24"><path d="M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2C17.5,2 22,6 22,11A6,6 0 0,1 16,17H14.2C13.9,17 13.7,17.2 13.7,17.5C13.7,17.6 13.8,17.7 13.8,17.8C14.2,18.3 14.4,18.9 14.4,19.5C14.5,20.9 13.4,22 12,22M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C12.3,20 12.5,19.8 12.5,19.5C12.5,19.3 12.4,19.2 12.4,19.1C12,18.6 11.8,18.1 11.8,17.5C11.8,16.1 12.9,15 14.3,15H16A4,4 0 0,0 20,11C20,7.1 16.4,4 12,4M6.5,10C7.3,10 8,10.7 8,11.5C8,12.3 7.3,13 6.5,13C5.7,13 5,12.3 5,11.5C5,10.7 5.7,10 6.5,10M9.5,6C10.3,6 11,6.7 11,7.5C11,8.3 10.3,9 9.5,9C8.7,9 8,8.3 8,7.5C8,6.7 8.7,6 9.5,6M14.5,6C15.3,6 16,6.7 16,7.5C16,8.3 15.3,9 14.5,9C13.7,9 13,8.3 13,7.5C13,6.7 13.7,6 14.5,6M17.5,10C18.3,10 19,10.7 19,11.5C19,12.3 18.3,13 17.5,13C16.7,13 16,12.3 16,11.5C16,10.7 16.7,10 17.5,10Z" /></svg><svg id="palette-swatch" viewBox="0 0 24 24"><path d="M2.53,19.65L3.87,20.21V11.18L1.44,17.04C1.03,18.06 1.5,19.23 2.53,19.65M22.03,15.95L17.07,4C16.76,3.23 16.03,2.77 15.26,2.75C15,2.75 14.73,2.79 14.47,2.9L7.1,5.95C6.35,6.26 5.89,7 5.87,7.75C5.86,8 5.91,8.29 6,8.55L11,20.5C11.29,21.28 12.03,21.74 12.81,21.75C13.07,21.75 13.33,21.7 13.58,21.6L20.94,18.55C21.96,18.13 22.45,16.96 22.03,15.95M7.88,8.75A1,1 0 0,1 6.88,7.75A1,1 0 0,1 7.88,6.75C8.43,6.75 8.88,7.2 8.88,7.75C8.88,8.3 8.43,8.75 7.88,8.75M5.88,19.75A2,2 0 0,0 7.88,21.75H9.33L5.88,13.41V19.75Z" /></svg><svg id="pan" viewBox="0 0 24 24"><path d="M12,2.5L8,7H16L12,2.5M7,8L2.5,12L7,16V8M17,8V16L21.5,12L17,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M8,17L12,21.5L16,17H8Z" /></svg><svg id="pan-bottom-left" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M5.35,13L11,18.65L5,19L5.35,13Z" /></svg><svg id="pan-bottom-right" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M13,18.65L18.65,13L19,19L13,18.65Z" /></svg><svg id="pan-down" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M8,17L12,21.5L16,17H8Z" /></svg><svg id="pan-horizontal" viewBox="0 0 24 24"><path d="M7,8L2.5,12L7,16V8M17,8V16L21.5,12L17,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg><svg id="pan-left" viewBox="0 0 24 24"><path d="M7,8L2.5,12L7,16V8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg><svg id="pan-right" viewBox="0 0 24 24"><path d="M17,8V16L21.5,12L17,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg><svg id="pan-top-left" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M11,5.35L5.35,11L5,5L11,5.35Z" /></svg><svg id="pan-top-right" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M18.65,11L13,5.35L19,5L18.65,11Z" /></svg><svg id="pan-up" viewBox="0 0 24 24"><path d="M12,2.5L8,7H16L12,2.5M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg><svg id="pan-vertical" viewBox="0 0 24 24"><path d="M12,2.5L8,7H16L12,2.5M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M8,17L12,21.5L16,17H8Z" /></svg><svg id="panda" viewBox="0 0 24 24"><path d="M12,3C13.74,3 15.36,3.5 16.74,4.35C17.38,3.53 18.38,3 19.5,3A3.5,3.5 0 0,1 23,6.5C23,8 22.05,9.28 20.72,9.78C20.9,10.5 21,11.23 21,12A9,9 0 0,1 12,21A9,9 0 0,1 3,12C3,11.23 3.1,10.5 3.28,9.78C1.95,9.28 1,8 1,6.5A3.5,3.5 0 0,1 4.5,3C5.62,3 6.62,3.53 7.26,4.35C8.64,3.5 10.26,3 12,3M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5M16.19,10.3C16.55,11.63 16.08,12.91 15.15,13.16C14.21,13.42 13.17,12.54 12.81,11.2C12.45,9.87 12.92,8.59 13.85,8.34C14.79,8.09 15.83,8.96 16.19,10.3M7.81,10.3C8.17,8.96 9.21,8.09 10.15,8.34C11.08,8.59 11.55,9.87 11.19,11.2C10.83,12.54 9.79,13.42 8.85,13.16C7.92,12.91 7.45,11.63 7.81,10.3M12,14C12.6,14 13.13,14.19 13.5,14.5L12.5,15.5C12.5,15.92 12.84,16.25 13.25,16.25A0.75,0.75 0 0,0 14,15.5A0.5,0.5 0 0,1 14.5,15A0.5,0.5 0 0,1 15,15.5A1.75,1.75 0 0,1 13.25,17.25C12.76,17.25 12.32,17.05 12,16.72C11.68,17.05 11.24,17.25 10.75,17.25A1.75,1.75 0 0,1 9,15.5A0.5,0.5 0 0,1 9.5,15A0.5,0.5 0 0,1 10,15.5A0.75,0.75 0 0,0 10.75,16.25A0.75,0.75 0 0,0 11.5,15.5L10.5,14.5C10.87,14.19 11.4,14 12,14Z" /></svg><svg id="pandora" viewBox="0 0 24 24"><path d="M10,20A1,1 0 0,1 9,21H4V3H13.71A6.75,6.75 0 0,1 20.46,9.75C20.46,13.5 17.44,16.5 13.71,16.5H10V20Z" /></svg><svg id="panorama" viewBox="0 0 24 24"><path d="M8.5,12.5L11,15.5L14.5,11L19,17H5M23,18V6A2,2 0 0,0 21,4H3A2,2 0 0,0 1,6V18A2,2 0 0,0 3,20H21A2,2 0 0,0 23,18Z" /></svg><svg id="panorama-fisheye" viewBox="0 0 24 24"><path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2Z" /></svg><svg id="panorama-horizontal" viewBox="0 0 24 24"><path d="M21.43,4C21.33,4 21.23,4 21.12,4.06C18.18,5.16 15.09,5.7 12,5.7C8.91,5.7 5.82,5.15 2.88,4.06C2.77,4 2.66,4 2.57,4C2.23,4 2,4.23 2,4.63V19.38C2,19.77 2.23,20 2.57,20C2.67,20 2.77,20 2.88,19.94C5.82,18.84 8.91,18.3 12,18.3C15.09,18.3 18.18,18.85 21.12,19.94C21.23,20 21.33,20 21.43,20C21.76,20 22,19.77 22,19.37V4.63C22,4.23 21.76,4 21.43,4M20,6.54V17.45C17.4,16.68 14.72,16.29 12,16.29C9.28,16.29 6.6,16.68 4,17.45V6.54C6.6,7.31 9.28,7.7 12,7.7C14.72,7.71 17.4,7.32 20,6.54Z" /></svg><svg id="panorama-vertical" viewBox="0 0 24 24"><path d="M6.54,20C7.31,17.4 7.7,14.72 7.7,12C7.7,9.28 7.31,6.6 6.54,4H17.45C16.68,6.6 16.29,9.28 16.29,12C16.29,14.72 16.68,17.4 17.45,20M19.94,21.12C18.84,18.18 18.3,15.09 18.3,12C18.3,8.91 18.85,5.82 19.94,2.88C20,2.77 20,2.66 20,2.57C20,2.23 19.77,2 19.37,2H4.63C4.23,2 4,2.23 4,2.57C4,2.67 4,2.77 4.06,2.88C5.16,5.82 5.71,8.91 5.71,12C5.71,15.09 5.16,18.18 4.07,21.12C4,21.23 4,21.34 4,21.43C4,21.76 4.23,22 4.63,22H19.38C19.77,22 20,21.76 20,21.43C20,21.33 20,21.23 19.94,21.12Z" /></svg><svg id="panorama-wide-angle" viewBox="0 0 24 24"><path d="M12,4C9.27,4 6.78,4.24 4.05,4.72L3.12,4.88L2.87,5.78C2.29,7.85 2,9.93 2,12C2,14.07 2.29,16.15 2.87,18.22L3.12,19.11L4.05,19.27C6.78,19.76 9.27,20 12,20C14.73,20 17.22,19.76 19.95,19.28L20.88,19.12L21.13,18.23C21.71,16.15 22,14.07 22,12C22,9.93 21.71,7.85 21.13,5.78L20.88,4.89L19.95,4.73C17.22,4.24 14.73,4 12,4M12,6C14.45,6 16.71,6.2 19.29,6.64C19.76,8.42 20,10.22 20,12C20,13.78 19.76,15.58 19.29,17.36C16.71,17.8 14.45,18 12,18C9.55,18 7.29,17.8 4.71,17.36C4.24,15.58 4,13.78 4,12C4,10.22 4.24,8.42 4.71,6.64C7.29,6.2 9.55,6 12,6Z" /></svg><svg id="paper-cut-vertical" viewBox="0 0 24 24"><path d="M11.43,3.23L12,4L12.57,3.23V3.24C13.12,2.5 14,2 15,2A3,3 0 0,1 18,5C18,5.35 17.94,5.69 17.83,6H20A2,2 0 0,1 22,8V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V8A2,2 0 0,1 4,6H6.17C6.06,5.69 6,5.35 6,5A3,3 0 0,1 9,2C10,2 10.88,2.5 11.43,3.24V3.23M4,8V20H11A1,1 0 0,1 12,19A1,1 0 0,1 13,20H20V8H15L14.9,8L17,10.92L15.4,12.1L12.42,8H11.58L8.6,12.1L7,10.92L9.1,8H9L4,8M9,4A1,1 0 0,0 8,5A1,1 0 0,0 9,6A1,1 0 0,0 10,5A1,1 0 0,0 9,4M15,4A1,1 0 0,0 14,5A1,1 0 0,0 15,6A1,1 0 0,0 16,5A1,1 0 0,0 15,4M12,16A1,1 0 0,1 13,17A1,1 0 0,1 12,18A1,1 0 0,1 11,17A1,1 0 0,1 12,16M12,13A1,1 0 0,1 13,14A1,1 0 0,1 12,15A1,1 0 0,1 11,14A1,1 0 0,1 12,13M12,10A1,1 0 0,1 13,11A1,1 0 0,1 12,12A1,1 0 0,1 11,11A1,1 0 0,1 12,10Z" /></svg><svg id="paperclip" viewBox="0 0 24 24"><path d="M16.5,6V17.5A4,4 0 0,1 12.5,21.5A4,4 0 0,1 8.5,17.5V5A2.5,2.5 0 0,1 11,2.5A2.5,2.5 0 0,1 13.5,5V15.5A1,1 0 0,1 12.5,16.5A1,1 0 0,1 11.5,15.5V6H10V15.5A2.5,2.5 0 0,0 12.5,18A2.5,2.5 0 0,0 15,15.5V5A4,4 0 0,0 11,1A4,4 0 0,0 7,5V17.5A5.5,5.5 0 0,0 12.5,23A5.5,5.5 0 0,0 18,17.5V6H16.5Z" /></svg><svg id="parachute" viewBox="0 0 24 24"><path d="M21.2,10.95L12,23L2.78,10.96L2.87,10.88C3.08,10.67 3.33,10.5 3.58,10.36L10.73,19.69L8.58,13L9.24,11.81L12,20.38L14.73,11.8L15.4,13L13.27,19.69L20.41,10.35C20.66,10.5 20.9,10.64 21.1,10.85L21.2,10.95M5,9C6.5,9 7.81,9.86 8.5,11.1C9.17,9.86 10.47,9 12,9C13.5,9 14.8,9.85 15.5,11.09C16.16,9.84 17.47,9 19,9C20.09,9 21.09,9.42 21.81,10.14C20.94,5.5 16.88,2 12,2C7.09,2 3.03,5.5 2.16,10.17C2.89,9.45 3.89,9 5,9Z" /></svg><svg id="parachute-outline" viewBox="0 0 24 24"><path d="M21.2,10.95L12,23L2.78,10.96L2.87,10.88C3.08,10.67 3.33,10.5 3.58,10.36L10.73,19.69L8.58,13L9.24,11.81L12,20.38L14.73,11.8L15.4,13L13.27,19.69L20.41,10.35C20.66,10.5 20.9,10.64 21.1,10.85L21.2,10.95M12,4C14.5,4 16.77,5.17 18.25,7.03C17.24,7.15 16.28,7.54 15.47,8.13C14.47,7.41 13.26,7 12,7C10.71,7 9.5,7.41 8.5,8.14C7.68,7.55 6.72,7.17 5.71,7.04C7.19,5.17 9.47,4 12,4M12,2C7.09,2 3.03,5.5 2.16,10.17C2.89,9.45 3.89,9 5,9C6.5,9 7.81,9.86 8.5,11.1C9.17,9.86 10.47,9 12,9C13.5,9 14.8,9.85 15.5,11.09C16.16,9.84 17.47,9 19,9C20.09,9 21.09,9.42 21.81,10.14C20.94,5.5 16.88,2 12,2Z" /></svg><svg id="parking" viewBox="0 0 24 24"><path d="M13.2,11H10V7H13.2A2,2 0 0,1 15.2,9A2,2 0 0,1 13.2,11M13,3H6V21H10V15H13A6,6 0 0,0 19,9C19,5.68 16.31,3 13,3Z" /></svg><svg id="passport" viewBox="0 0 24 24"><path d="M6,2A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2H6M12,5A5,5 0 0,1 17,10A5,5 0 0,1 12,15A5,5 0 0,1 7,10A5,5 0 0,1 12,5M12,6C11.59,6.62 11.25,7.29 11.04,8H12.96C12.75,7.29 12.42,6.62 12,6M10.7,6.22C9.78,6.53 9,7.17 8.54,8H10C10.18,7.38 10.4,6.78 10.7,6.22M13.29,6.22C13.59,6.78 13.82,7.38 14,8H15.46C15,7.17 14.21,6.54 13.29,6.22M8.13,9C8.05,9.32 8,9.65 8,10C8,10.35 8.05,10.68 8.13,11H9.82C9.78,10.67 9.75,10.34 9.75,10C9.75,9.66 9.78,9.33 9.82,9H8.13M10.83,9C10.78,9.32 10.75,9.66 10.75,10C10.75,10.34 10.78,10.67 10.83,11H13.17C13.21,10.67 13.25,10.34 13.25,10C13.25,9.66 13.21,9.32 13.17,9H10.83M14.18,9C14.22,9.33 14.25,9.66 14.25,10C14.25,10.34 14.22,10.67 14.18,11H15.87C15.95,10.68 16,10.35 16,10C16,9.65 15.95,9.32 15.87,9H14.18M8.54,12C9,12.83 9.78,13.46 10.7,13.78C10.4,13.22 10.18,12.63 10,12H8.54M11.04,12C11.25,12.72 11.59,13.38 12,14C12.42,13.38 12.75,12.72 12.96,12H11.04M14,12C13.82,12.63 13.59,13.22 13.29,13.78C14.21,13.46 15,12.83 15.46,12H14M7,17H17V19H7V17Z" /></svg><svg id="passport-biometric" viewBox="0 0 24 24"><path d="M4,4A2,2 0 0,0 2,6V11H8.13C8.59,9.24 10.18,8 12,8C13.82,8 15.41,9.24 15.87,11H22V6A2,2 0 0,0 20,4H4M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M2,13V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V13H15.87C15.41,14.76 13.82,16 12,16C10.18,16 8.59,14.76 8.13,13H2Z" /></svg><svg id="patreon" viewBox="0 0 24 24"><path d="M14.73,3C18.45,3 21.47,6.03 21.47,9.76C21.47,13.47 18.45,16.5 14.73,16.5C11,16.5 7.97,13.47 7.97,9.76C7.97,6.03 11,3 14.73,3M2.7,21V3H6V21H2.7Z" /></svg><svg id="pause" viewBox="0 0 24 24"><path d="M14,19H18V5H14M6,19H10V5H6V19Z" /></svg><svg id="pause-circle" viewBox="0 0 24 24"><path d="M15,16H13V8H15M11,16H9V8H11M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="pause-circle-outline" viewBox="0 0 24 24"><path d="M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="pause-octagon" viewBox="0 0 24 24"><path d="M15.73,3L21,8.27V15.73L15.73,21H8.27L3,15.73V8.27L8.27,3H15.73M15,16V8H13V16H15M11,16V8H9V16H11Z" /></svg><svg id="pause-octagon-outline" viewBox="0 0 24 24"><path d="M15,16H13V8H15V16M11,16H9V8H11V16M15.73,3L21,8.27V15.73L15.73,21H8.27L3,15.73V8.27L8.27,3H15.73M14.9,5H9.1L5,9.1V14.9L9.1,19H14.9L19,14.9V9.1L14.9,5Z" /></svg><svg id="paw" viewBox="0 0 24 24"><path d="M8.35,3C9.53,2.83 10.78,4.12 11.14,5.9C11.5,7.67 10.85,9.25 9.67,9.43C8.5,9.61 7.24,8.32 6.87,6.54C6.5,4.77 7.17,3.19 8.35,3M15.5,3C16.69,3.19 17.35,4.77 17,6.54C16.62,8.32 15.37,9.61 14.19,9.43C13,9.25 12.35,7.67 12.72,5.9C13.08,4.12 14.33,2.83 15.5,3M3,7.6C4.14,7.11 5.69,8 6.5,9.55C7.26,11.13 7,12.79 5.87,13.28C4.74,13.77 3.2,12.89 2.41,11.32C1.62,9.75 1.9,8.08 3,7.6M21,7.6C22.1,8.08 22.38,9.75 21.59,11.32C20.8,12.89 19.26,13.77 18.13,13.28C17,12.79 16.74,11.13 17.5,9.55C18.31,8 19.86,7.11 21,7.6M19.33,18.38C19.37,19.32 18.65,20.36 17.79,20.75C16,21.57 13.88,19.87 11.89,19.87C9.9,19.87 7.76,21.64 6,20.75C5,20.26 4.31,18.96 4.44,17.88C4.62,16.39 6.41,15.59 7.47,14.5C8.88,13.09 9.88,10.44 11.89,10.44C13.89,10.44 14.95,13.05 16.3,14.5C17.41,15.72 19.26,16.75 19.33,18.38Z" /></svg><svg id="paw-off" viewBox="0 0 24 24"><path d="M2,4.27L3.28,3L21.5,21.22L20.23,22.5L18.23,20.5C18.09,20.6 17.94,20.68 17.79,20.75C16,21.57 13.88,19.87 11.89,19.87C9.9,19.87 7.76,21.64 6,20.75C5,20.26 4.31,18.96 4.44,17.88C4.62,16.39 6.41,15.59 7.47,14.5C8.21,13.77 8.84,12.69 9.55,11.82L2,4.27M8.35,3C9.53,2.83 10.78,4.12 11.14,5.9C11.32,6.75 11.26,7.56 11,8.19L7.03,4.2C7.29,3.55 7.75,3.1 8.35,3M15.5,3C16.69,3.19 17.35,4.77 17,6.54C16.62,8.32 15.37,9.61 14.19,9.43C13,9.25 12.35,7.67 12.72,5.9C13.08,4.12 14.33,2.83 15.5,3M3,7.6C4.14,7.11 5.69,8 6.5,9.55C7.26,11.13 7,12.79 5.87,13.28C4.74,13.77 3.2,12.89 2.41,11.32C1.62,9.75 1.9,8.08 3,7.6M21,7.6C22.1,8.08 22.38,9.75 21.59,11.32C20.8,12.89 19.26,13.77 18.13,13.28C17,12.79 16.74,11.13 17.5,9.55C18.31,8 19.86,7.11 21,7.6Z" /></svg><svg id="paypal" viewBox="0 0 24 24"><path d="M8.32,21.97C8.21,21.92 8.08,21.76 8.06,21.65C8.03,21.5 8,21.76 8.66,17.56C9.26,13.76 9.25,13.82 9.33,13.71C9.46,13.54 9.44,13.54 10.94,13.53C12.26,13.5 12.54,13.5 13.13,13.41C16.38,12.96 18.39,11.05 19.09,7.75C19.13,7.53 19.17,7.34 19.18,7.34C19.18,7.33 19.25,7.38 19.33,7.44C20.36,8.22 20.71,9.66 20.32,11.58C19.86,13.87 18.64,15.39 16.74,16.04C15.93,16.32 15.25,16.43 14.05,16.46C13.25,16.5 13.23,16.5 13,16.65C12.83,16.82 12.84,16.79 12.45,19.2C12.18,20.9 12.08,21.45 12.04,21.55C11.97,21.71 11.83,21.85 11.67,21.93L11.56,22H10C8.71,22 8.38,22 8.32,21.97V21.97M3.82,19.74C3.63,19.64 3.5,19.47 3.5,19.27C3.5,19 6.11,2.68 6.18,2.5C6.27,2.32 6.5,2.13 6.68,2.06L6.83,2H10.36C14.27,2 14.12,2 15,2.2C17.62,2.75 18.82,4.5 18.37,7.13C17.87,10.06 16.39,11.8 13.87,12.43C13,12.64 12.39,12.7 10.73,12.7C9.42,12.7 9.32,12.71 9.06,12.85C8.8,13 8.59,13.27 8.5,13.6C8.46,13.67 8.23,15.07 7.97,16.7C7.71,18.33 7.5,19.69 7.5,19.72L7.47,19.78H5.69C4.11,19.78 3.89,19.78 3.82,19.74V19.74Z" /></svg><svg id="pdf-box" viewBox="0 0 24 24"><path d="M12,10.5H13V13.5H12V10.5M7,11.5H8V10.5H7V11.5M20,6V18A2,2 0 0,1 18,20H6A2,2 0 0,1 4,18V6A2,2 0 0,1 6,4H18A2,2 0 0,1 20,6M9.5,10.5A1.5,1.5 0 0,0 8,9H5.5V15H7V13H8A1.5,1.5 0 0,0 9.5,11.5V10.5M14.5,10.5A1.5,1.5 0 0,0 13,9H10.5V15H13A1.5,1.5 0 0,0 14.5,13.5V10.5M18.5,9H15.5V15H17V13H18.5V11.5H17V10.5H18.5V9Z" /></svg><svg id="peace" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,14.41V19.93C9.58,19.75 8.23,19.19 7.1,18.31L11,14.41M13,14.41L16.9,18.31C15.77,19.19 14.42,19.75 13,19.93V14.41M4,12C4,7.97 7,4.57 11,4.07V11.59L5.69,16.9C4.59,15.5 4,13.78 4,12M18.31,16.9L13,11.59V4.07C17,4.57 20,7.97 20,12C20,13.78 19.41,15.5 18.31,16.9Z" /></svg><svg id="pen" viewBox="0 0 24 24"><path d="M20.71,7.04C20.37,7.38 20.04,7.71 20.03,8.04C20,8.36 20.34,8.69 20.66,9C21.14,9.5 21.61,9.95 21.59,10.44C21.57,10.93 21.06,11.44 20.55,11.94L16.42,16.08L15,14.66L19.25,10.42L18.29,9.46L16.87,10.87L13.12,7.12L16.96,3.29C17.35,2.9 18,2.9 18.37,3.29L20.71,5.63C21.1,6 21.1,6.65 20.71,7.04M3,17.25L12.56,7.68L16.31,11.43L6.75,21H3V17.25Z" /></svg><svg id="pen-lock" viewBox="0 0 24 24"><path d="M21.7,7C21.4,7.4 21,7.7 21,8C21,8.3 21.3,8.6 21.6,9C22.1,9.5 22.6,9.9 22.5,10.4C22.5,10.9 22,11.4 21.5,11.9L17.4,16L16,14.7L20.2,10.5L19.2,9.5L17.8,10.9L14,7.1L18,3.3C18.4,2.9 19,2.9 19.4,3.3L21.7,5.6C22.1,6 22.1,6.7 21.7,7M4,17.2L13.6,7.6L17.3,11.4L7.8,21H4V17.2M8,5V4.5C8,3.1 6.9,2 5.5,2C4.1,2 3,3.1 3,4.5V5C2.4,5 2,5.4 2,6V10C2,10.6 2.4,11 3,11H8C8.6,11 9,10.6 9,10V6C9,5.4 8.6,5 8,5M7,5H4V4.5C4,3.7 4.7,3 5.5,3C6.3,3 7,3.7 7,4.5V5Z" /></svg><svg id="pen-minus" viewBox="0 0 24 24"><path d="M20.7,7C20.4,7.4 20,7.7 20,8C20,8.3 20.3,8.6 20.6,9C21.1,9.5 21.6,9.9 21.5,10.4C21.5,10.9 21,11.4 20.5,11.9L16.4,16L15,14.7L19.2,10.5L18.2,9.5L16.8,10.9L13,7.1L17,3.3C17.4,2.9 18,2.9 18.4,3.3L20.7,5.6C21.1,6 21.1,6.7 20.7,7M3,17.2L12.6,7.6L16.3,11.4L6.8,21H3V17.2M10,5V7H2V5H10Z" /></svg><svg id="pen-off" viewBox="0 0 24 24"><path d="M2.3,5L1,6.3L7.5,12.8L3,17.2V21H6.8L11.3,16.5L17.8,23L19.1,21.7L2.3,5M16.9,10.9L13.1,7.1L17,3.3C17.4,2.9 18,2.9 18.4,3.3L20.7,5.6C21.1,6 21.1,6.6 20.7,7C20.4,7.4 20,7.7 20,8C20,8.3 20.3,8.7 20.6,9C21.1,9.5 21.6,10 21.5,10.4C21.5,10.9 21,11.4 20.5,11.9L16.4,16L15,14.7L19.2,10.5L18.2,9.5L16.9,10.9M10,10.2L12.5,7.7L16.3,11.5L13.8,14L10,10.2Z" /></svg><svg id="pen-plus" viewBox="0 0 24 24"><path d="M20.7,7C20.4,7.4 20,7.7 20,8C20,8.3 20.3,8.6 20.6,9C21.1,9.5 21.6,9.9 21.5,10.4C21.5,10.9 21,11.4 20.5,11.9L16.4,16L15,14.7L19.2,10.5L18.2,9.5L16.8,10.9L13,7.1L17,3.3C17.4,2.9 18,2.9 18.4,3.3L20.7,5.6C21.1,6 21.1,6.7 20.7,7M3,17.2L12.6,7.6L16.3,11.4L6.8,21H3V17.2M7,2V5H10V7H7V10H5V7H2V5H5V2H7Z" /></svg><svg id="pen-remove" viewBox="0 0 24 24"><path d="M20.7,7C20.4,7.4 20,7.7 20,8C20,8.3 20.3,8.6 20.6,9C21.1,9.5 21.6,9.9 21.5,10.4C21.5,10.9 21,11.4 20.5,11.9L16.4,16L15,14.7L19.2,10.5L18.2,9.5L16.8,10.9L13,7.1L17,3.3C17.4,2.9 18,2.9 18.4,3.3L20.7,5.6C21.1,6 21.1,6.7 20.7,7M3,17.2L12.6,7.6L16.3,11.4L6.8,21H3V17.2M3.88,2.46L6,4.59L8.12,2.46L9.54,3.88L7.41,6L9.54,8.12L8.12,9.54L6,7.41L3.88,9.54L2.46,8.12L4.59,6L2.46,3.88L3.88,2.46Z" /></svg><svg id="pencil" viewBox="0 0 24 24"><path d="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z" /></svg><svg id="pencil-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19C21,20.11 20.1,21 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M16.7,9.35C16.92,9.14 16.92,8.79 16.7,8.58L15.42,7.3C15.21,7.08 14.86,7.08 14.65,7.3L13.65,8.3L15.7,10.35L16.7,9.35M7,14.94V17H9.06L15.12,10.94L13.06,8.88L7,14.94Z" /></svg><svg id="pencil-box-outline" viewBox="0 0 24 24"><path d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19C21,20.11 20.1,21 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M16.7,9.35L15.7,10.35L13.65,8.3L14.65,7.3C14.86,7.08 15.21,7.08 15.42,7.3L16.7,8.58C16.92,8.79 16.92,9.14 16.7,9.35M7,14.94L13.06,8.88L15.12,10.94L9.06,17H7V14.94Z" /></svg><svg id="pencil-circle" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M15.1,7.07C15.24,7.07 15.38,7.12 15.5,7.23L16.77,8.5C17,8.72 17,9.07 16.77,9.28L15.77,10.28L13.72,8.23L14.72,7.23C14.82,7.12 14.96,7.07 15.1,7.07M13.13,8.81L15.19,10.87L9.13,16.93H7.07V14.87L13.13,8.81Z" /></svg><svg id="pencil-circle-outline" viewBox="0 0 24 24"><path d="M7,14.94L13.06,8.88L15.12,10.94L9.06,17H7V14.94M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M16.7,9.35L15.7,10.35L13.65,8.3L14.65,7.3C14.86,7.08 15.21,7.08 15.42,7.3L16.7,8.58C16.92,8.79 16.92,9.14 16.7,9.35M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2" /></svg><svg id="pencil-lock" viewBox="0 0 24 24"><path d="M5.5,2A2.5,2.5 0 0,0 3,4.5V5A1,1 0 0,0 2,6V10A1,1 0 0,0 3,11H8A1,1 0 0,0 9,10V6A1,1 0 0,0 8,5V4.5A2.5,2.5 0 0,0 5.5,2M5.5,3A1.5,1.5 0 0,1 7,4.5V5H4V4.5A1.5,1.5 0 0,1 5.5,3M19.66,3C19.4,3 19.16,3.09 18.97,3.28L17.13,5.13L20.88,8.88L22.72,7.03C23.11,6.64 23.11,6 22.72,5.63L20.38,3.28C20.18,3.09 19.91,3 19.66,3M16.06,6.19L5,17.25V21H8.75L19.81,9.94L16.06,6.19Z" /></svg><svg id="pencil-lock-outline" viewBox="0 0 24 24"><path d="M16.1,9L17,9.9L7.9,19H7V18.1L16.1,9M19.7,3C19.5,3 19.2,3.1 19,3.3L17.2,5.1L20.9,8.9L22.7,7C23.1,6.6 23.1,6 22.7,5.6L20.4,3.3C20.2,3.1 19.9,3 19.7,3M16.1,6.2L5,17.2V21H8.8L19.8,9.9L16.1,6.2M8,5V4.5C8,3.1 6.9,2 5.5,2C4.1,2 3,3.1 3,4.5V5C2.4,5 2,5.4 2,6V10C2,10.6 2.4,11 3,11H8C8.6,11 9,10.6 9,10V6C9,5.4 8.6,5 8,5M7,5H4V4.5C4,3.7 4.7,3 5.5,3C6.3,3 7,3.7 7,4.5V5Z" /></svg><svg id="pencil-minus" viewBox="0 0 24 24"><path d="M20.7,7C21.1,6.6 21.1,6 20.7,5.6L18.4,3.3C18,2.9 17.4,2.9 17,3.3L15.2,5.1L19,8.9M3,17.2V21H6.8L17.8,9.9L14.1,6.1L3,17.2M10,5V7H2V5H10Z" /></svg><svg id="pencil-minus-outline" viewBox="0 0 24 24"><path d="M14.1,9L15,9.9L5.9,19H5V18.1L14.1,9M17.7,3C17.5,3 17.2,3.1 17,3.3L15.2,5.1L18.9,8.9L20.7,7C21.1,6.6 21.1,6 20.7,5.6L18.4,3.3C18.2,3.1 17.9,3 17.7,3M14.1,6.2L3,17.2V21H6.8L17.8,9.9L14.1,6.2M10,5V7H2V5H10Z" /></svg><svg id="pencil-off" viewBox="0 0 24 24"><path d="M18.66,2C18.4,2 18.16,2.09 17.97,2.28L16.13,4.13L19.88,7.88L21.72,6.03C22.11,5.64 22.11,5 21.72,4.63L19.38,2.28C19.18,2.09 18.91,2 18.66,2M3.28,4L2,5.28L8.5,11.75L4,16.25V20H7.75L12.25,15.5L18.72,22L20,20.72L13.5,14.25L9.75,10.5L3.28,4M15.06,5.19L11.03,9.22L14.78,12.97L18.81,8.94L15.06,5.19Z" /></svg><svg id="pencil-off-outline" viewBox="0 0 24 24"><path d="M10,10.2L14,6.2L17.8,10L13.8,14L12.4,12.6L15,9.9L14.1,9L11.5,11.6L10,10.2M20.7,5.6L18.4,3.3C18.2,3.1 17.9,3 17.7,3C17.5,3 17.2,3.1 17,3.3L15.2,5.1L19,8.9L20.7,7C21.1,6.7 21.1,6 20.7,5.6M19,21.7L17.7,23L11.2,16.5L6.8,21H3V17.2L7.5,12.7L1,6.3L2.3,5L19,21.7M9.8,15.1L8.9,14.2L5,18.1V19H5.9L9.8,15.1Z" /></svg><svg id="pencil-outline" viewBox="0 0 24 24"><path d="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z" /></svg><svg id="pencil-plus" viewBox="0 0 24 24"><path d="M20.7,7C21.1,6.6 21.1,6 20.7,5.6L18.4,3.3C18,2.9 17.4,2.9 17,3.3L15.2,5.1L19,8.9M3,17.2V21H6.8L17.8,9.9L14.1,6.1L3,17.2M7,2V5H10V7H7V10H5V7H2V5H5V2H7Z" /></svg><svg id="pencil-plus-outline" viewBox="0 0 24 24"><path d="M14.1,9L15,9.9L5.9,19H5V18.1L14.1,9M17.7,3C17.5,3 17.2,3.1 17,3.3L15.2,5.1L18.9,8.9L20.7,7C21.1,6.6 21.1,6 20.7,5.6L18.4,3.3C18.2,3.1 17.9,3 17.7,3M14.1,6.2L3,17.2V21H6.8L17.8,9.9L14.1,6.2M7,2V5H10V7H7V10H5V7H2V5H5V2H7Z" /></svg><svg id="pencil-remove" viewBox="0 0 24 24"><path d="M20.7,7C21.1,6.6 21.1,6 20.7,5.6L18.4,3.3C18,2.9 17.4,2.9 17,3.3L15.2,5.1L19,8.9M3,17.2V21H6.8L17.8,9.9L14.1,6.1L3,17.2M3.9,2.4L6,4.5L8.1,2.4L9.5,3.8L7.4,5.9L9.5,8L8.1,9.5L6,7.4L3.9,9.5L2.5,8.1L4.6,6L2.5,3.8L3.9,2.4Z" /></svg><svg id="pencil-remove-outline" viewBox="0 0 24 24"><path d="M17.7,3C17.5,3 17.2,3.1 17,3.3L15.2,5.1L18.9,8.9L20.7,7C21.1,6.6 21.1,6 20.7,5.6L18.4,3.3C18.2,3.1 17.9,3 17.7,3M14.1,6.2L3,17.2V21H6.8L17.8,9.9L14.1,6.2M5.9,19H5V18.1L14.1,9L15,9.9L5.9,19M3.9,2.5L6,4.6L8.1,2.5L9.5,3.9L7.4,6L9.5,8.1L8.1,9.5L6,7.4L3.9,9.5L2.5,8.1L4.6,6L2.5,3.9L3.9,2.5Z" /></svg><svg id="pentagon" viewBox="0 0 24 24"><path d="M12,2.5L2,9.8L5.8,21.5H18.2L22,9.8L12,2.5Z" /></svg><svg id="pentagon-outline" viewBox="0 0 24 24"><path d="M12,5L19.6,10.5L16.7,19.4H7.3L4.4,10.5L12,5M12,2.5L2,9.8L5.8,21.5H18.1L22,9.8L12,2.5Z" /></svg><svg id="percent" viewBox="0 0 24 24"><path d="M18.5,3.5L3.5,18.5L5.5,20.5L20.5,5.5M7,4A3,3 0 0,0 4,7A3,3 0 0,0 7,10A3,3 0 0,0 10,7A3,3 0 0,0 7,4M17,14A3,3 0 0,0 14,17A3,3 0 0,0 17,20A3,3 0 0,0 20,17A3,3 0 0,0 17,14Z" /></svg><svg id="periodic-table" viewBox="0 0 24 24"><path d="M2,4V6H4V4H2M20,4V6H22V4H20M2,7V9H4V7H2M5,7V9H7V7H5M14,7V9H16V7H14M17,7V9H19V7H17M20,7V9H22V7H20M2,10V12H4V10H2M5,10V12H7V10H5M8,10V12H10V10H8M11,10V12H13V10H11M14,10V12H16V10H14M17,10V12H19V10H17M20,10V12H22V10H20M2,13V15H4V13H2M5,13V15H7V13H5M8,13V15H10V13H8M11,13V15H13V13H11M14,13V15H16V13H14M17,13V15H19V13H17M20,13V15H22V13H20M5,17V19H7V17H5M8,17V19H10V17H8M11,17V19H13V17H11M14,17V19H16V17H14M17,17V19H19V17H17Z" /></svg><svg id="periodic-table-co2" viewBox="0 0 24 24"><path d="M5,7A2,2 0 0,0 3,9V15A2,2 0 0,0 5,17H8V15H5V9H8V7H5M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9M16,10.5V12H19V13.5H17.5A1.5,1.5 0 0,0 16,15V18H20.5V16.5H17.5V15H19A1.5,1.5 0 0,0 20.5,13.5V12A1.5,1.5 0 0,0 19,10.5H16Z" /></svg><svg id="periscope" viewBox="0 0 24 24"><path d="M12,7A2,2 0 0,1 10,9A2,2 0 0,1 8,7C7.37,7.84 7,8.87 7,10A5,5 0 0,0 12,15A5,5 0 0,0 17,10A5,5 0 0,0 12,5C11.57,5 11.16,5.05 10.77,5.15C11.5,5.45 12,6.17 12,7M12,2A8,8 0 0,1 20,10C20,11.05 19.8,12.04 19.43,12.96C17.89,17.38 13.63,22 12,22C10.37,22 6.11,17.38 4.57,12.96C4.2,12.04 4,11.05 4,10A8,8 0 0,1 12,2Z" /></svg><svg id="perspective-less" viewBox="0 0 24 24"><path d="M16.56,12L19.23,20H4.78L7.44,12H16.56M7,1L3,5L7,9V6H11V4H7V1M17,1V4H13V6H17V9L21,5L17,1M18,10H6L2,22H22L18,10Z" /></svg><svg id="perspective-more" viewBox="0 0 24 24"><path d="M16.56,12L19.23,20H4.78L7.44,12H16.56M17,1L13,5L17,9V6H21V4H17V1M7,1V4H3V6H7V9L11,5L7,1M18,10H6L2,22H22L18,10Z" /></svg><svg id="pharmacy" viewBox="0 0 24 24"><path d="M16,14H13V17H11V14H8V12H11V9H13V12H16M21,5H18.35L19.5,1.85L17.15,1L15.69,5H3V7L5,13L3,19V21H21V19L19,13L21,7V5Z" /></svg><svg id="phone" viewBox="0 0 24 24"><path d="M6.62,10.79C8.06,13.62 10.38,15.94 13.21,17.38L15.41,15.18C15.69,14.9 16.08,14.82 16.43,14.93C17.55,15.3 18.75,15.5 20,15.5A1,1 0 0,1 21,16.5V20A1,1 0 0,1 20,21A17,17 0 0,1 3,4A1,1 0 0,1 4,3H7.5A1,1 0 0,1 8.5,4C8.5,5.25 8.7,6.45 9.07,7.57C9.18,7.92 9.1,8.31 8.82,8.59L6.62,10.79Z" /></svg><svg id="phone-bluetooth" viewBox="0 0 24 24"><path d="M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M18,7.21L18.94,8.14L18,9.08M18,2.91L18.94,3.85L18,4.79M14.71,9.5L17,7.21V11H17.5L20.35,8.14L18.21,6L20.35,3.85L17.5,1H17V4.79L14.71,2.5L14,3.21L16.79,6L14,8.79L14.71,9.5Z" /></svg><svg id="phone-classic" viewBox="0 0 24 24"><path d="M12,3C7.46,3 3.34,4.78 0.29,7.67C0.11,7.85 0,8.1 0,8.38C0,8.66 0.11,8.91 0.29,9.09L2.77,11.57C2.95,11.75 3.2,11.86 3.5,11.86C3.75,11.86 4,11.75 4.18,11.58C4.97,10.84 5.87,10.22 6.84,9.73C7.17,9.57 7.4,9.23 7.4,8.83V5.73C8.85,5.25 10.39,5 12,5C13.59,5 15.14,5.25 16.59,5.72V8.82C16.59,9.21 16.82,9.56 17.15,9.72C18.13,10.21 19,10.84 19.82,11.57C20,11.75 20.25,11.85 20.5,11.85C20.8,11.85 21.05,11.74 21.23,11.56L23.71,9.08C23.89,8.9 24,8.65 24,8.37C24,8.09 23.88,7.85 23.7,7.67C20.65,4.78 16.53,3 12,3M9,7V10C9,10 3,15 3,18V22H21V18C21,15 15,10 15,10V7H13V9H11V7H9M12,12A4,4 0 0,1 16,16A4,4 0 0,1 12,20A4,4 0 0,1 8,16A4,4 0 0,1 12,12M12,13.5A2.5,2.5 0 0,0 9.5,16A2.5,2.5 0 0,0 12,18.5A2.5,2.5 0 0,0 14.5,16A2.5,2.5 0 0,0 12,13.5Z" /></svg><svg id="phone-forward" viewBox="0 0 24 24"><path d="M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M18,11L23,6L18,1V4H14V8H18V11Z" /></svg><svg id="phone-hangup" viewBox="0 0 24 24"><path d="M12,9C10.4,9 8.85,9.25 7.4,9.72V12.82C7.4,13.22 7.17,13.56 6.84,13.72C5.86,14.21 4.97,14.84 4.17,15.57C4,15.75 3.75,15.86 3.5,15.86C3.2,15.86 2.95,15.74 2.77,15.56L0.29,13.08C0.11,12.9 0,12.65 0,12.38C0,12.1 0.11,11.85 0.29,11.67C3.34,8.77 7.46,7 12,7C16.54,7 20.66,8.77 23.71,11.67C23.89,11.85 24,12.1 24,12.38C24,12.65 23.89,12.9 23.71,13.08L21.23,15.56C21.05,15.74 20.8,15.86 20.5,15.86C20.25,15.86 20,15.75 19.82,15.57C19.03,14.84 18.14,14.21 17.16,13.72C16.83,13.56 16.6,13.22 16.6,12.82V9.72C15.15,9.25 13.6,9 12,9Z" /></svg><svg id="phone-in-talk" viewBox="0 0 24 24"><path d="M15,12H17A5,5 0 0,0 12,7V9A3,3 0 0,1 15,12M19,12H21C21,7 16.97,3 12,3V5C15.86,5 19,8.13 19,12M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5Z" /></svg><svg id="phone-incoming" viewBox="0 0 24 24"><path d="M4,3A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.17L13.21,17.37C10.38,15.93 8.06,13.62 6.62,10.78L8.82,8.57C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4M19,11V9.5H15.5L21,4L20,3L14.5,8.5V5H13V11H19Z" /></svg><svg id="phone-lock" viewBox="0 0 24 24"><path d="M19.2,4H15.8V3.5C15.8,2.56 16.56,1.8 17.5,1.8C18.44,1.8 19.2,2.56 19.2,3.5M20,4V3.5A2.5,2.5 0 0,0 17.5,1A2.5,2.5 0 0,0 15,3.5V4A1,1 0 0,0 14,5V9A1,1 0 0,0 15,10H20A1,1 0 0,0 21,9V5A1,1 0 0,0 20,4M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5Z" /></svg><svg id="phone-log" viewBox="0 0 24 24"><path d="M20,15.5A1,1 0 0,1 21,16.5V20A1,1 0 0,1 20,21A17,17 0 0,1 3,4A1,1 0 0,1 4,3H7.5A1,1 0 0,1 8.5,4C8.5,5.24 8.7,6.45 9.07,7.57C9.18,7.92 9.1,8.31 8.82,8.58L6.62,10.79C8.06,13.62 10.38,15.94 13.21,17.38L15.41,15.18C15.69,14.9 16.08,14.82 16.43,14.93C17.55,15.3 18.75,15.5 20,15.5M12,3H14V5H12M15,3H21V5H15M12,6H14V8H12M15,6H21V8H15M12,9H14V11H12M15,9H21V11H15" /></svg><svg id="phone-minus" viewBox="0 0 24 24"><path d="M4,3A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5C18.76,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.07,13.62 6.62,10.79L8.82,8.58C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.24 8.5,4A1,1 0 0,0 7.5,3M13,6V8H21V6" /></svg><svg id="phone-missed" viewBox="0 0 24 24"><path d="M23.71,16.67C20.66,13.77 16.54,12 12,12C7.46,12 3.34,13.77 0.29,16.67C0.11,16.85 0,17.1 0,17.38C0,17.65 0.11,17.9 0.29,18.08L2.77,20.56C2.95,20.74 3.2,20.86 3.5,20.86C3.75,20.86 4,20.75 4.18,20.57C4.97,19.83 5.86,19.21 6.84,18.72C7.17,18.56 7.4,18.22 7.4,17.82V14.72C8.85,14.25 10.39,14 12,14C13.6,14 15.15,14.25 16.6,14.72V17.82C16.6,18.22 16.83,18.56 17.16,18.72C18.14,19.21 19.03,19.83 19.82,20.57C20,20.75 20.25,20.86 20.5,20.86C20.8,20.86 21.05,20.74 21.23,20.56L23.71,18.08C23.89,17.9 24,17.65 24,17.38C24,17.1 23.89,16.85 23.71,16.67M6.5,5.5L12,11L19,4L18,3L12,9L7.5,4.5H11V3H5V9H6.5V5.5Z" /></svg><svg id="phone-off" viewBox="0 0 24 24"><path d="M20.22,2.5L2.5,20.22L3.77,21.5L8.65,16.62C11.76,19.43 15.81,21 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C12.06,16.8 11,16.06 10.06,15.21L21.5,3.77L20.22,2.5M4,3A1,1 0 0,0 3,4C3,7.57 4.14,11.05 6.24,13.94L7.66,12.5C7.28,11.97 6.93,11.39 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4Z" /></svg><svg id="phone-outgoing" viewBox="0 0 24 24"><path d="M4,3A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.17L13.21,17.37C10.38,15.93 8.06,13.62 6.62,10.78L8.82,8.57C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4M15,3V4.5H18.5L13,10L14,11L19.5,5.5V9H21V3H15Z" /></svg><svg id="phone-outline" viewBox="0 0 24 24"><path d="M20,15.5C18.8,15.5 17.5,15.3 16.4,14.9C16.3,14.9 16.2,14.9 16.1,14.9C15.8,14.9 15.6,15 15.4,15.2L13.2,17.4C10.4,15.9 8,13.6 6.6,10.8L8.8,8.6C9.1,8.3 9.2,7.9 9,7.6C8.7,6.5 8.5,5.2 8.5,4C8.5,3.5 8,3 7.5,3H4C3.5,3 3,3.5 3,4C3,13.4 10.6,21 20,21C20.5,21 21,20.5 21,20V16.5C21,16 20.5,15.5 20,15.5M5,5H6.5C6.6,5.9 6.8,6.8 7,7.6L5.8,8.8C5.4,7.6 5.1,6.3 5,5M19,19C17.7,18.9 16.4,18.6 15.2,18.2L16.4,17C17.2,17.2 18.1,17.4 19,17.4V19Z" /></svg><svg id="phone-paused" viewBox="0 0 24 24"><path d="M19,10H21V3H19M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M17,3H15V10H17V3Z" /></svg><svg id="phone-plus" viewBox="0 0 24 24"><path d="M4,3A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5C18.76,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.07,13.62 6.62,10.79L8.82,8.58C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.24 8.5,4A1,1 0 0,0 7.5,3M16,3V6H13V8H16V11H18V8H21V6H18V3" /></svg><svg id="phone-return" viewBox="0 0 24 24"><path d="M21,6V11H19.5V7.5H13.87L16.3,9.93L15.24,11L11,6.75L15.24,2.5L16.3,3.57L13.87,6H21M8.82,8.58C9.08,8.32 9.17,7.93 9.06,7.58C8.69,6.42 8.5,5.22 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5C18.79,15.5 17.58,15.31 16.43,14.93C16.08,14.82 15.69,14.91 15.43,15.17L13.23,17.37C10.39,15.92 8.09,13.62 6.64,10.78L8.82,8.58Z" /></svg><svg id="phone-rotate-landscape" viewBox="0 0 24 24"><path d="M9,1H3A2,2 0 0,0 1,3V16A2,2 0 0,0 3,18H9A2,2 0 0,0 11,16V3A2,2 0 0,0 9,1M9,15H3V3H9V15M21,13H13V15H21V21H9V20H6V21A2,2 0 0,0 8,23H21A2,2 0 0,0 23,21V15A2,2 0 0,0 21,13M23,10L19,8L20.91,7.09C19.74,4.31 17,2.5 14,2.5V1A9,9 0 0,1 23,10Z" /></svg><svg id="phone-rotate-portrait" viewBox="0 0 24 24"><path d="M9,1H3A2,2 0 0,0 1,3V16A2,2 0 0,0 3,18H4V15H3V3H9V11H11V3A2,2 0 0,0 9,1M23,21V15A2,2 0 0,0 21,13H8A2,2 0 0,0 6,15V21A2,2 0 0,0 8,23H21A2,2 0 0,0 23,21M9,21V15H21V21H9M23,10H21.5C21.5,7 19.69,4.27 16.92,3.09L16,5L14,1A9,9 0 0,1 23,10Z" /></svg><svg id="phone-settings" viewBox="0 0 24 24"><path d="M19,11H21V9H19M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M17,9H15V11H17M13,9H11V11H13V9Z" /></svg><svg id="phone-voip" viewBox="0 0 24 24"><path d="M13,17V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H13M23.7,7.67C23.88,7.85 24,8.09 24,8.37C24,8.65 23.89,8.9 23.71,9.08L21.23,11.56C21.05,11.74 20.8,11.85 20.5,11.85C20.25,11.85 20,11.75 19.82,11.57C19,10.84 18.13,10.21 17.15,9.72C16.82,9.56 16.59,9.21 16.59,8.82V5.72C15.14,5.25 13.59,5 12,5C10.4,5 8.85,5.25 7.4,5.73V8.83C7.4,9.23 7.17,9.57 6.84,9.73C5.87,10.22 4.97,10.84 4.18,11.58C4,11.75 3.75,11.86 3.5,11.86C3.2,11.86 2.95,11.75 2.77,11.57L0.29,9.09C0.11,8.91 0,8.66 0,8.38C0,8.1 0.11,7.85 0.29,7.67C3.34,4.78 7.46,3 12,3C16.53,3 20.65,4.78 23.7,7.67M11,10V15H10V10H11M12,10H15V13H13V15H12V10M14,12V11H13V12H14Z" /></svg><svg id="pi" viewBox="0 0 24 24"><path d="M4,5V7H6V19H8V7H14V16A3,3 0 0,0 17,19A3,3 0 0,0 20,16H18A1,1 0 0,1 17,17A1,1 0 0,1 16,16V7H18V5" /></svg><svg id="pi-box" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M6,7H17V9H15V14A1,1 0 0,0 16,15A1,1 0 0,0 17,14H19A3,3 0 0,1 16,17A3,3 0 0,1 13,14V9H10V17H8V9H6" /></svg><svg id="pi-hole" viewBox="0 0 24 24"><path d="M5.62,2C9.5,2 11.57,4.29 11.77,7.93C12.5,3.57 15.93,4.08 15.93,4.08C16.1,6.55 14.07,8.05 11.77,8.17C11.12,6.81 7.25,3.47 7.25,3.47C7.23,3.5 10.97,6.74 10.83,8.15C8.33,7.88 5.82,6 5.62,2M6.06,13.11L9.92,9.25C11.09,8.08 13,8.08 14.16,9.25L18,13.11C19.19,14.28 19.19,16.18 18,17.35L14.16,21.21C13,22.38 11.09,22.38 9.92,21.21L6.06,17.35C4.89,16.18 4.89,14.28 6.06,13.11M9.39,19.59C9.39,18.36 10.15,16.85 12.09,16.85C13.4,16.85 14.87,18.1 16.31,17.96C14.87,17.92 13.59,16.85 13.59,15.19C13.59,13.86 14.69,12.9 14.69,11.34C14.63,12.33 13.82,13.77 12,13.77C10.59,13.77 9.55,12.63 7.87,12.63C8.58,12.67 10.5,13.3 10.5,15.35C10.5,17 9.39,17.5 9.39,19.59Z" /></svg><svg id="piano" viewBox="0 0 24 24"><path d="M4,3H20A2,2 0 0,1 22,5V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V5A2,2 0 0,1 4,3M4,5V19H8V13H6.75V5H4M9,19H15V13H13.75V5H10.25V13H9V19M16,19H20V5H17.25V13H16V19Z" /></svg><svg id="pickaxe" viewBox="0 0 24 24"><path d="M14.79,10.62L3.5,21.9L2.1,20.5L13.38,9.21L14.79,10.62M19.27,7.73L19.86,7.14L19.07,6.35L19.71,5.71L18.29,4.29L17.65,4.93L16.86,4.14L16.27,4.73C14.53,3.31 12.57,2.17 10.47,1.37L9.64,3.16C11.39,4.08 13,5.19 14.5,6.5L14,7L17,10L17.5,9.5C18.81,11 19.92,12.61 20.84,14.36L22.63,13.53C21.83,11.43 20.69,9.47 19.27,7.73Z" /></svg><svg id="picture-in-picture-bottom-right" viewBox="0 0 24 24"><path d="M19,11H11V17H19V11M23,19V5C23,3.88 22.1,3 21,3H3A2,2 0 0,0 1,5V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19M21,19H3V4.97H21V19Z" /></svg><svg id="picture-in-picture-bottom-right-outline" viewBox="0 0 24 24"><path d="M19,11H11V17H19V11M17,15H13V13H17V15M21,3H3A2,2 0 0,0 1,5V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V5C23,3.88 22.1,3 21,3M21,19H3V4.97H21V19Z" /></svg><svg id="picture-in-picture-top-right" viewBox="0 0 24 24"><path d="M19,7H11V13H19V7M21,3H3A2,2 0 0,0 1,5V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V5A2,2 0 0,0 21,3M21,19H3V5H21V19Z" /></svg><svg id="picture-in-picture-top-right-outline" viewBox="0 0 24 24"><path d="M19,7H11V13H19V7M17,11H13V9H17V11M21,3H3A2,2 0 0,0 1,5V19C1,20.11 1.9,21 3,21H21A2,2 0 0,0 23,19V5C23,3.91 22.1,3 21,3M21,19H3V5H21V19Z" /></svg><svg id="pier" viewBox="0 0 24 24"><path d="M20,18C18.6,18 17.2,17.5 16,16.7C13.6,18.4 10.4,18.4 8,16.7C6.8,17.5 5.4,18 4,18H2V20H4C5.4,20 6.7,19.6 8,19C10.5,20.3 13.5,20.3 16,19C17.3,19.6 18.6,20 20,20H22V18H20M20,13H19V16.9C18.3,16.8 17.6,16.6 17,16.2V13H12V17C11.3,17 10.7,16.9 10,16.7V13H5V16.9C4.7,17 4.3,17 4,17H3V13H2V11H3V9H5V11H10V9H12V11H17V9H19V11H20V13Z" /></svg><svg id="pier-crane" viewBox="0 0 24 24"><path d="M20,20C18.61,20 17.22,19.53 16,18.67C13.56,20.38 10.44,20.38 8,18.67C6.78,19.53 5.39,20 4,20H2V22H4C5.37,22 6.74,21.65 8,21C10.5,22.3 13.5,22.3 16,21C17.26,21.65 18.62,22 20,22H22V20H20M20,4V3A1,1 0 0,0 19,2H9V1H6V2H5V4H6V13H5V11H3V13H2V15H3V19H4C4.33,19 4.67,18.97 5,18.92V15H10V18.65C10.65,18.85 11.33,18.95 12,18.95V18.92L12,15H13V13H12V11H10V13H9V4H17V8.62C16.53,8.79 16.19,9.23 16.19,9.76C16.19,10.2 16.43,10.6 16.8,10.82V12H17.42C17.76,12 18.03,12.28 18.03,12.62C18.03,12.96 17.76,13.24 17.42,13.24C17.2,13.24 17,13.12 16.88,12.93C16.71,12.64 16.34,12.54 16.05,12.71C15.75,12.87 15.65,13.25 15.82,13.55C16.15,14.11 16.76,14.47 17.42,14.47C18.43,14.47 19.26,13.64 19.26,12.62C19.26,11.84 18.76,11.14 18.03,10.88V10.82C18.41,10.6 18.65,10.2 18.65,9.76C18.65,9.3 18.38,8.91 18,8.7V4H20M8,11.66L7,12.66V11.24L8,10.24V11.66M8,8.71L7,9.71V8.29L8,7.29V8.71M7,6.71V5.29L8,4.29V5.71L7,6.71Z" /></svg><svg id="pig" viewBox="0 0 24 24"><path d="M9.5,9A1.5,1.5 0 0,0 8,10.5A1.5,1.5 0 0,0 9.5,12A1.5,1.5 0 0,0 11,10.5A1.5,1.5 0 0,0 9.5,9M14.5,9A1.5,1.5 0 0,0 13,10.5A1.5,1.5 0 0,0 14.5,12A1.5,1.5 0 0,0 16,10.5A1.5,1.5 0 0,0 14.5,9M12,4L12.68,4.03C13.62,3.24 14.82,2.59 15.72,2.35C17.59,1.85 20.88,2.23 21.31,3.83C21.62,5 20.6,6.45 19.03,7.38C20.26,8.92 21,10.87 21,13A9,9 0 0,1 12,22A9,9 0 0,1 3,13C3,10.87 3.74,8.92 4.97,7.38C3.4,6.45 2.38,5 2.69,3.83C3.12,2.23 6.41,1.85 8.28,2.35C9.18,2.59 10.38,3.24 11.32,4.03L12,4M10,16A1,1 0 0,1 11,17A1,1 0 0,1 10,18A1,1 0 0,1 9,17A1,1 0 0,1 10,16M14,16A1,1 0 0,1 15,17A1,1 0 0,1 14,18A1,1 0 0,1 13,17A1,1 0 0,1 14,16M12,13C9.24,13 7,15.34 7,17C7,18.66 9.24,20 12,20C14.76,20 17,18.66 17,17C17,15.34 14.76,13 12,13M7.76,4.28C7.31,4.16 4.59,4.35 4.59,4.35C4.59,4.35 6.8,6.1 7.24,6.22C7.69,6.34 9.77,6.43 9.91,5.9C10.06,5.36 8.2,4.4 7.76,4.28M16.24,4.28C15.8,4.4 13.94,5.36 14.09,5.9C14.23,6.43 16.31,6.34 16.76,6.22C17.2,6.1 19.41,4.35 19.41,4.35C19.41,4.35 16.69,4.16 16.24,4.28Z" /></svg><svg id="pill" viewBox="0 0 24 24"><path d="M4.22,11.29L11.29,4.22C13.64,1.88 17.43,1.88 19.78,4.22C22.12,6.56 22.12,10.36 19.78,12.71L12.71,19.78C10.36,22.12 6.56,22.12 4.22,19.78C1.88,17.43 1.88,13.64 4.22,11.29M5.64,12.71C4.59,13.75 4.24,15.24 4.6,16.57L10.59,10.59L14.83,14.83L18.36,11.29C19.93,9.73 19.93,7.2 18.36,5.64C16.8,4.07 14.27,4.07 12.71,5.64L5.64,12.71Z" /></svg><svg id="pillar" viewBox="0 0 24 24"><path d="M6,5H18A1,1 0 0,1 19,6A1,1 0 0,1 18,7H6A1,1 0 0,1 5,6A1,1 0 0,1 6,5M21,2V4H3V2H21M15,8H17V22H15V8M7,8H9V22H7V8M11,8H13V22H11V8Z" /></svg><svg id="pin" viewBox="0 0 24 24"><path d="M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z" /></svg><svg id="pin-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L12.8,16.07V22H11.2V16H6V14L8,12V11.27L2,5.27M16,12L18,14V16H17.82L8,6.18V4H7V2H17V4H16V12Z" /></svg><svg id="pin-off-outline" viewBox="0 0 24 24"><path d="M8,6.2V4H7V2H17V4H16V12L18,14V16H17.8L14,12.2V4H10V8.2L8,6.2M20,20.7L18.7,22L12.8,16.1V22H11.2V16H6V14L8,12V11.3L2,5.3L3.3,4L20,20.7M8.8,14H10.6L9.7,13.1L8.8,14Z" /></svg><svg id="pin-outline" viewBox="0 0 24 24"><path d="M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z" /></svg><svg id="pine-tree" viewBox="0 0 24 24"><path d="M10,21V18H3L8,13H5L10,8H7L12,3L17,8H14L19,13H16L21,18H14V21H10Z" /></svg><svg id="pine-tree-box" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M11,19H13V17H18L14,13H17L13,9H16L12,5L8,9H11L7,13H10L6,17H11V19Z" /></svg><svg id="pinterest" viewBox="0 0 24 24"><path d="M9.04,21.54C10,21.83 10.97,22 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12C2,16.25 4.67,19.9 8.44,21.34C8.35,20.56 8.26,19.27 8.44,18.38L9.59,13.44C9.59,13.44 9.3,12.86 9.3,11.94C9.3,10.56 10.16,9.53 11.14,9.53C12,9.53 12.4,10.16 12.4,10.97C12.4,11.83 11.83,13.06 11.54,14.24C11.37,15.22 12.06,16.08 13.06,16.08C14.84,16.08 16.22,14.18 16.22,11.5C16.22,9.1 14.5,7.46 12.03,7.46C9.21,7.46 7.55,9.56 7.55,11.77C7.55,12.63 7.83,13.5 8.29,14.07C8.38,14.13 8.38,14.21 8.35,14.36L8.06,15.45C8.06,15.62 7.95,15.68 7.78,15.56C6.5,15 5.76,13.18 5.76,11.71C5.76,8.55 8,5.68 12.32,5.68C15.76,5.68 18.44,8.15 18.44,11.43C18.44,14.87 16.31,17.63 13.26,17.63C12.29,17.63 11.34,17.11 11,16.5L10.33,18.87C10.1,19.73 9.47,20.88 9.04,21.57V21.54Z" /></svg><svg id="pinterest-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H9.29C9.69,20.33 10.19,19.38 10.39,18.64L11.05,16.34C11.36,16.95 12.28,17.45 13.22,17.45C16.17,17.45 18.22,14.78 18.22,11.45C18.22,8.28 15.64,5.89 12.3,5.89C8.14,5.89 5.97,8.67 5.97,11.72C5.97,13.14 6.69,14.89 7.91,15.45C8.08,15.56 8.19,15.5 8.19,15.34L8.47,14.28C8.5,14.14 8.5,14.06 8.41,14C7.97,13.45 7.69,12.61 7.69,11.78C7.69,9.64 9.3,7.61 12.03,7.61C14.42,7.61 16.08,9.19 16.08,11.5C16.08,14.11 14.75,15.95 13.03,15.95C12.05,15.95 11.39,15.11 11.55,14.17C11.83,13.03 12.39,11.83 12.39,11C12.39,10.22 12,9.61 11.16,9.61C10.22,9.61 9.39,10.61 9.39,11.95C9.39,12.83 9.66,13.39 9.66,13.39L8.55,18.17C8.39,19 8.47,20.25 8.55,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="pinwheel" viewBox="0 0 24 24"><path d="M12,12C12,9 14.5,6.5 17.5,6.5C20.5,6.5 23,9 23,12H12M12,12C12,15 9.5,17.5 6.5,17.5C3.5,17.5 1,15 1,12H12M12,12C9,12 6.5,9.5 6.5,6.5C6.5,3.5 9,1 12,1V12M12,12C15,12 17.5,14.5 17.5,17.5C17.5,20.5 15,23 12,23V12Z" /></svg><svg id="pinwheel-outline" viewBox="0 0 24 24"><path d="M12,23H11V16.43C9.93,17.4 8.5,18 7,18C3.75,18 1,15.25 1,12V11H7.57C6.6,9.93 6,8.5 6,7C6,3.75 8.75,1 12,1H13V7.57C14.07,6.6 15.5,6 17,6C20.25,6 23,8.75 23,12V13H16.43C17.4,14.07 18,15.5 18,17C18,20.25 15.25,23 12,23M13,13.13V20.87C14.7,20.41 16,18.83 16,17C16,15.17 14.7,13.59 13,13.13M3.13,13C3.59,14.7 5.17,16 7,16C8.83,16 10.41,14.7 10.87,13H3.13M13.13,11H20.87C20.41,9.3 18.82,8 17,8C15.18,8 13.59,9.3 13.13,11M11,3.13C9.3,3.59 8,5.18 8,7C8,8.82 9.3,10.41 11,10.87V3.13Z" /></svg><svg id="pipe" viewBox="0 0 24 24"><path d="M22,14H20V16H14V13H16V11H14V6A2,2 0 0,0 12,4H4V2H2V10H4V8H10V11H8V13H10V18A2,2 0 0,0 12,20H20V22H22" /></svg><svg id="pipe-disconnected" viewBox="0 0 24 24"><path d="M16,9V11H8V9H10V8H4V10H2V2H4V4H12A2,2 0 0,1 14,6V9H16M10,15V18A2,2 0 0,0 12,20H20V22H22V14H20V16H14V15H16V13H8V15H10Z" /></svg><svg id="pipe-leak" viewBox="0 0 24 24"><path d="M2,5V13H4V11H10L12,9L10,7H4V5H2M20,5V7H12L14,9L12,11H20V13H22V5H20M12,13C12,13 10,15.17 10,16.5A2,2 0 0,0 12,18.5A2,2 0 0,0 14,16.5C14,15.17 12,13 12,13Z" /></svg><svg id="pirate" viewBox="0 0 24 24"><path d="M8.2,12.1C7.9,12.3 7.7,12.7 7.8,13C7.8,13.7 8.5,14.2 9.1,14.2C9.7,14.2 10.3,13.7 10.3,13C9.7,12.6 9,12.3 8.2,12.1M22,11L23,7C23,7 21,7 18,5C15,3 15,1 12,1C9,1 9,3 6,5C3,7 1,7 1,7L2,11H2.1C2,11.3 2,11.7 2,12C2,15.5 3.8,18.6 6.5,20.4L6,21.3C12.4,25.4 18,21.3 18,21.3L17.5,20.4C20.2,18.6 22,15.5 22,12C22,11.7 22,11.3 22,11M11.3,4.5L9.9,3.1L10.6,2.4L12,3.8L13.4,2.4L14.1,3.1L12.7,4.5L14.1,5.9L13.4,6.6L12,5.2L10.6,6.6L9.9,5.9L11.3,4.5M9.3,8.5C10.3,8.2 11.3,8 12,8C14.2,8 17.9,9.6 19.8,10.4C19.9,10.7 19.9,11 19.9,11.3L9.3,8.5M13.6,19.1C12.9,19.5 12.2,19.8 11.4,19.9C10.9,19.5 10.9,18.7 11.4,18.3C11.8,17.9 12.7,17.7 13.2,18.2C13.5,18.3 13.6,18.8 13.6,19.1M20,13.4C19.5,15.5 18.2,17.4 16.5,18.6L15,16H9L7.5,18.6C5.4,17.2 4,14.8 4,12C4,11.5 4.1,11 4.2,10.5C4.7,10.3 5.3,10 6,9.7L13.1,11.6V14C13.1,14.5 13.5,15 14.1,15H16.1C16.6,15 17.1,14.6 17.1,14V12.6L20,13.4Z" /></svg><svg id="pistol" viewBox="0 0 24 24"><path d="M7,5H23V9H22V10H16A1,1 0 0,0 15,11V12A2,2 0 0,1 13,14H9.62C9.24,14 8.89,14.22 8.72,14.56L6.27,19.45C6.1,19.79 5.76,20 5.38,20H2C2,20 -1,20 3,14C3,14 6,10 2,10V5H3L3.5,4H6.5L7,5M14,12V11A1,1 0 0,0 13,10H12C12,10 11,11 12,12A2,2 0 0,1 10,10A1,1 0 0,0 9,11V12A1,1 0 0,0 10,13H13A1,1 0 0,0 14,12Z" /></svg><svg id="piston" viewBox="0 0 24 24"><path d="M13,16.18C13.5,16.35 13.9,16.63 14.23,17H15V21H14.21C13.89,21.35 13.5,21.63 13,21.8C11.85,22.22 10.58,21.87 9.78,21H9V17H9.77C10.1,16.63 10.5,16.35 11,16.18V12H13V16.18M12,20A1,1 0 0,0 13,19A1,1 0 0,0 12,18A1,1 0 0,0 11,19A1,1 0 0,0 12,20M17,4H15V5H17V11H7V5H9V4H7V2H17V4M12,9A1,1 0 0,0 13,8A1,1 0 0,0 12,7A1,1 0 0,0 11,8A1,1 0 0,0 12,9Z" /></svg><svg id="pizza" viewBox="0 0 24 24"><path d="M12,15A2,2 0 0,1 10,13C10,11.89 10.9,11 12,11A2,2 0 0,1 14,13A2,2 0 0,1 12,15M7,7C7,5.89 7.89,5 9,5A2,2 0 0,1 11,7A2,2 0 0,1 9,9C7.89,9 7,8.1 7,7M12,2C8.43,2 5.23,3.54 3,6L12,22L21,6C18.78,3.54 15.57,2 12,2Z" /></svg><svg id="play" viewBox="0 0 24 24"><path d="M8,5.14V19.14L19,12.14L8,5.14Z" /></svg><svg id="play-box-outline" viewBox="0 0 24 24"><path d="M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10,8V16L15,12L10,8Z" /></svg><svg id="play-circle" viewBox="0 0 24 24"><path d="M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="play-circle-outline" viewBox="0 0 24 24"><path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z" /></svg><svg id="play-network" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M10,14V6L15,10L10,14Z" /></svg><svg id="play-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M10,14V6L15,10L10,14Z" /></svg><svg id="play-pause" viewBox="0 0 24 24"><path d="M3,5V19L11,12M13,19H16V5H13M18,5V19H21V5" /></svg><svg id="play-protected-content" viewBox="0 0 24 24"><path d="M2,5V18H11V16H4V7H17V11H19V5H2M9,9V14L12.5,11.5L9,9M21.04,11.67L16.09,16.62L13.96,14.5L12.55,15.91L16.09,19.45L22.45,13.09L21.04,11.67Z" /></svg><svg id="play-speed" viewBox="0 0 24 24"><path d="M13,2.05V4.05C17.39,4.59 20.5,8.58 19.96,12.97C19.5,16.61 16.64,19.5 13,19.93V21.93C18.5,21.38 22.5,16.5 21.95,11C21.5,6.25 17.73,2.5 13,2.03V2.05M5.67,19.74C7.18,21 9.04,21.79 11,22V20C9.58,19.82 8.23,19.25 7.1,18.37L5.67,19.74M7.1,5.74C8.22,4.84 9.57,4.26 11,4.06V2.06C9.05,2.25 7.19,3 5.67,4.26L7.1,5.74M5.69,7.1L4.26,5.67C3,7.19 2.25,9.04 2.05,11H4.05C4.24,9.58 4.8,8.23 5.69,7.1M4.06,13H2.06C2.26,14.96 3.03,16.81 4.27,18.33L5.69,16.9C4.81,15.77 4.24,14.42 4.06,13M10,16.5L16,12L10,7.5V16.5Z" /></svg><svg id="playlist-check" viewBox="0 0 24 24"><path d="M14,10H2V12H14V10M14,6H2V8H14V6M2,16H10V14H2V16M21.5,11.5L23,13L16,20L11.5,15.5L13,14L16,17L21.5,11.5Z" /></svg><svg id="playlist-edit" viewBox="0 0 24 24"><path d="M2,6V8H14V6H2M2,10V12H14V10H2M20.04,10.13C19.9,10.13 19.76,10.19 19.65,10.3L18.65,11.3L20.7,13.35L21.7,12.35C21.92,12.14 21.92,11.79 21.7,11.58L20.42,10.3C20.31,10.19 20.18,10.13 20.04,10.13M18.07,11.88L12,17.94V20H14.06L20.12,13.93L18.07,11.88M2,14V16H10V14H2Z" /></svg><svg id="playlist-minus" viewBox="0 0 24 24"><path d="M2,16H10V14H2M12,14V16H22V14M14,6H2V8H14M14,10H2V12H14V10Z" /></svg><svg id="playlist-music" viewBox="0 0 24 24"><path d="M15,6H3V8H15V6M15,10H3V12H15V10M3,16H11V14H3V16M17,6V14.18C16.69,14.07 16.35,14 16,14A3,3 0 0,0 13,17A3,3 0 0,0 16,20A3,3 0 0,0 19,17V8H22V6H17Z" /></svg><svg id="playlist-music-outline" viewBox="0 0 24 24"><path d="M15,6V8H3V6H15M15,10V12H3V10H15M3,16V14H11V16H3M17,6H22V8H19V17A3,3 0 0,1 16,20A3,3 0 0,1 13,17A3,3 0 0,1 16,14C16.35,14 16.69,14.07 17,14.18V6M16,16A1,1 0 0,0 15,17A1,1 0 0,0 16,18A1,1 0 0,0 17,17A1,1 0 0,0 16,16Z" /></svg><svg id="playlist-play" viewBox="0 0 24 24"><path d="M19,9H2V11H19V9M19,5H2V7H19V5M2,15H15V13H2V15M17,13V19L22,16L17,13Z" /></svg><svg id="playlist-plus" viewBox="0 0 24 24"><path d="M2,16H10V14H2M18,14V10H16V14H12V16H16V20H18V16H22V14M14,6H2V8H14M14,10H2V12H14V10Z" /></svg><svg id="playlist-remove" viewBox="0 0 24 24"><path d="M2,6V8H14V6H2M2,10V12H11V10H2M14.17,10.76L12.76,12.17L15.59,15L12.76,17.83L14.17,19.24L17,16.41L19.83,19.24L21.24,17.83L18.41,15L21.24,12.17L19.83,10.76L17,13.59L14.17,10.76M2,14V16H11V14H2Z" /></svg><svg id="playlist-star" viewBox="0 0 24 24"><path d="M17,19.09L19.45,20.58L18.8,17.77L21,15.89L18.11,15.64L17,13L15.87,15.64L13,15.89L15.18,17.77L14.5,20.58L17,19.09M4,14H12V16H4V14M4,6H16V8H4V6M4,10H16V12H4V10Z" /></svg><svg id="playstation" viewBox="0 0 24 24"><path d="M9.5,4.27C10.88,4.53 12.9,5.14 14,5.5C16.75,6.45 17.69,7.63 17.69,10.29C17.69,12.89 16.09,13.87 14.05,12.89V8.05C14.05,7.5 13.95,6.97 13.41,6.82C13,6.69 12.76,7.07 12.76,7.63V19.73L9.5,18.69V4.27M13.37,17.62L18.62,15.75C19.22,15.54 19.31,15.24 18.83,15.08C18.34,14.92 17.47,14.97 16.87,15.18L13.37,16.41V14.45L13.58,14.38C13.58,14.38 14.59,14 16,13.87C17.43,13.71 19.17,13.89 20.53,14.4C22.07,14.89 22.25,15.61 21.86,16.1C21.46,16.6 20.5,16.95 20.5,16.95L13.37,19.5V17.62M3.5,17.42C1.93,17 1.66,16.05 2.38,15.5C3.05,15 4.18,14.65 4.18,14.65L8.86,13V14.88L5.5,16.09C4.9,16.3 4.81,16.6 5.29,16.76C5.77,16.92 6.65,16.88 7.24,16.66L8.86,16.08V17.77L8.54,17.83C6.92,18.09 5.2,18 3.5,17.42Z" /></svg><svg id="plex" viewBox="0 0 24 24"><path d="M4,2C2.89,2 2,2.89 2,4V20C2,21.11 2.89,22 4,22H20C21.11,22 22,21.11 22,20V4C22,2.89 21.11,2 20,2H4M8.56,6H12.06L15.5,12L12.06,18H8.56L12,12L8.56,6Z" /></svg><svg id="plus" viewBox="0 0 24 24"><path d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z" /></svg><svg id="plus-box" viewBox="0 0 24 24"><path d="M17,13H13V17H11V13H7V11H11V7H13V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg><svg id="plus-box-outline" viewBox="0 0 24 24"><path d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z" /></svg><svg id="plus-circle" viewBox="0 0 24 24"><path d="M17,13H13V17H11V13H7V11H11V7H13V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="plus-circle-multiple-outline" viewBox="0 0 24 24"><path d="M16,8H14V11H11V13H14V16H16V13H19V11H16M2,12C2,9.21 3.64,6.8 6,5.68V3.5C2.5,4.76 0,8.09 0,12C0,15.91 2.5,19.24 6,20.5V18.32C3.64,17.2 2,14.79 2,12M15,3C10.04,3 6,7.04 6,12C6,16.96 10.04,21 15,21C19.96,21 24,16.96 24,12C24,7.04 19.96,3 15,3M15,19C11.14,19 8,15.86 8,12C8,8.14 11.14,5 15,5C18.86,5 22,8.14 22,12C22,15.86 18.86,19 15,19Z" /></svg><svg id="plus-circle-outline" viewBox="0 0 24 24"><path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z" /></svg><svg id="plus-minus" viewBox="0 0 24 24"><path d="M11,4V9H6V11H11V16H13V11H18V9H13V4H11M6,18V20H18V18H6Z" /></svg><svg id="plus-minus-box" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5M11,6H13V9H16V11H13V14H11V11H8V9H11V6M8,16H16V18H8V16Z" /></svg><svg id="plus-network" viewBox="0 0 24 24"><path d="M16,11V9H13V6H11V9H8V11H11V14H13V11H16M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7C5.89,17 5,16.1 5,15V5A2,2 0 0,1 7,3H17Z" /></svg><svg id="plus-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M15,11H13V13H11V11H9V9H11V7H13V9H15V11Z" /></svg><svg id="plus-one" viewBox="0 0 24 24"><path d="M10,8V12H14V14H10V18H8V14H4V12H8V8H10M14.5,6.08L19,5V18H17V7.4L14.5,7.9V6.08Z" /></svg><svg id="plus-outline" viewBox="0 0 24 24"><path d="M4,9H9V4H15V9H20V15H15V20H9V15H4V9M11,13V18H13V13H18V11H13V6H11V11H6V13H11Z" /></svg><svg id="pocket" viewBox="0 0 24 24"><path d="M21.9,4.26C21.64,3.55 20.96,3.07 20.2,3.07H20.19L18.46,3.07H3.81C3.07,3.07 2.39,3.54 2.12,4.24C2.04,4.45 2,4.66 2,4.88V10.92L2.07,12.12C2.36,14.85 3.78,17.23 5.97,18.9C6,18.93 6.05,18.96 6.09,19H6.11C7.29,19.86 8.6,20.44 10,20.73C10.68,20.86 11.35,20.93 12,20.93C12.63,20.93 13.25,20.87 13.85,20.76C13.93,20.75 14,20.73 14.07,20.72C14.09,20.71 14.11,20.7 14.14,20.69C15.5,20.4 16.76,19.83 17.89,19H17.91C17.95,18.96 18,18.93 18.03,18.9C20.22,17.23 21.64,14.85 21.93,12.12L22,10.92V4.88C22,4.68 21.97,4.47 21.9,4.26M17.67,10.55L12.96,15.06C12.7,15.32 12.35,15.44 12,15.44C11.67,15.44 11.33,15.32 11.06,15.06L6.36,10.55C5.81,10.03 5.79,9.16 6.32,8.61C6.84,8.06 7.71,8.05 8.26,8.57L12,12.17L15.77,8.57C16.31,8.05 17.18,8.07 17.71,8.61C18.23,9.16 18.21,10.03 17.67,10.55Z" /></svg><svg id="podcast" viewBox="0 0 24 24"><path d="M17,18.25V21.5H7V18.25C7,16.87 9.24,15.75 12,15.75C14.76,15.75 17,16.87 17,18.25M12,5.5A6.5,6.5 0 0,1 18.5,12C18.5,13.25 18.15,14.42 17.54,15.41L16,14.04C16.32,13.43 16.5,12.73 16.5,12C16.5,9.5 14.5,7.5 12,7.5C9.5,7.5 7.5,9.5 7.5,12C7.5,12.73 7.68,13.43 8,14.04L6.46,15.41C5.85,14.42 5.5,13.25 5.5,12A6.5,6.5 0 0,1 12,5.5M12,1.5A10.5,10.5 0 0,1 22.5,12C22.5,14.28 21.77,16.39 20.54,18.11L19.04,16.76C19.96,15.4 20.5,13.76 20.5,12A8.5,8.5 0 0,0 12,3.5A8.5,8.5 0 0,0 3.5,12C3.5,13.76 4.04,15.4 4.96,16.76L3.46,18.11C2.23,16.39 1.5,14.28 1.5,12A10.5,10.5 0 0,1 12,1.5M12,9.5A2.5,2.5 0 0,1 14.5,12A2.5,2.5 0 0,1 12,14.5A2.5,2.5 0 0,1 9.5,12A2.5,2.5 0 0,1 12,9.5Z" /></svg><svg id="podium" viewBox="0 0 24 24"><path d="M12,7.09L14.45,8.58L13.8,5.77L16,3.89L13.11,3.64L12,1L10.87,3.64L8,3.89L10.18,5.77L9.5,8.58L12,7.09M4,13.09L6.45,14.58L5.8,11.77L8,9.89L5.11,9.64L4,7L2.87,9.64L0,9.89L2.18,11.77L1.5,14.58L4,13.09M20,10.09L22.45,11.58L21.8,8.77L24,6.89L21.11,6.64L20,4L18.87,6.64L16,6.89L18.18,8.77L17.5,11.58L20,10.09M15,23H9V10H15V23M7,23H1V17H7V23M23,23H17V13H23V23Z" /></svg><svg id="podium-bronze" viewBox="0 0 24 24"><path d="M4,13.09L6.45,14.58L5.8,11.77L8,9.89L5.11,9.64L4,7L2.87,9.64L0,9.89L2.18,11.77L1.5,14.58L4,13.09M7,23H1V17H7V23M9,10V23H15V10H9M13,21H11V12H13V21M17,13V23H23V13H17M21,21H19V15H21V21Z" /></svg><svg id="podium-gold" viewBox="0 0 24 24"><path d="M12,7.09L14.45,8.58L13.8,5.77L16,3.89L13.11,3.64L12,1L10.87,3.64L8,3.89L10.18,5.77L9.5,8.58L12,7.09M15,23H9V10H15V23M1,17V23H7V17H1M5,21H3V19H5V21M17,13V23H23V13H17M21,21H19V15H21V21Z" /></svg><svg id="podium-silver" viewBox="0 0 24 24"><path d="M20,10.09L22.45,11.58L21.8,8.77L24,6.89L21.11,6.64L20,4L18.87,6.64L16,6.89L18.18,8.77L17.5,11.58L20,10.09M23,23H17V13H23V23M1,17V23H7V17H1M5,21H3V19H5V21M9,10V23H15V10H9M13,21H11V12H13V21Z" /></svg><svg id="point-of-sale" viewBox="0 0 24 24"><path d="M20,5C19.4,5 19,5.5 19,6.1V16C19,16.6 19.4,17 20,17.1C20.6,17.1 21,16.6 21,16V6.1C21,5.5 20.6,5 20,5M16.4,2H4.6C3.7,2 3,2.7 3,3.6V17.4C3,18.3 3.7,19 4.6,19H6V21C6,21.6 6.4,22 7,22H13C13.6,22 14,21.6 14,21V19H16.4C17.3,19 18,18.3 18,17.4V3.6C18,2.7 17.3,2 16.4,2M5,8H8V10H5V8M12,11V13H9V11H12M9,10V8H12V10H9M12,14V16H9V14H12M5,11H8V13H5V11M5,16V14H8V16H5M8,21H7V19H8V21M13,21H10V19H13V21M16,16H13V14H16V16M16,13H13V11H16V13M16,10H13V8H16V10M16,6H5V4H16V6Z" /></svg><svg id="pokeball" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4C7.92,4 4.55,7.05 4.06,11H8.13C8.57,9.27 10.14,8 12,8C13.86,8 15.43,9.27 15.87,11H19.94C19.45,7.05 16.08,4 12,4M12,20C16.08,20 19.45,16.95 19.94,13H15.87C15.43,14.73 13.86,16 12,16C10.14,16 8.57,14.73 8.13,13H4.06C4.55,16.95 7.92,20 12,20M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg><svg id="pokemon-go" viewBox="0 0 24 24"><path d="M12,2A7,7 0 0,1 19,9C19,10.4 18.59,11.71 17.88,12.8L12,22.21L6.12,12.8C5.41,11.71 5,10.4 5,9A7,7 0 0,1 12,2M12,3.5C9.3,3.5 7.06,5.44 6.59,8H9.17C9.58,6.83 10.69,6 12,6C13.31,6 14.42,6.83 14.83,8H17.41C16.94,5.44 14.7,3.5 12,3.5M12,12C10.69,12 9.58,11.17 9.17,10H6.59C6.72,10.69 6.97,11.34 7.34,11.91V11.91L7.38,12C8.36,13.5 10.06,14.5 12,14.5C13.94,14.5 15.64,13.5 16.62,12L16.66,11.91V11.91C17.03,11.34 17.28,10.69 17.41,10H14.83C14.42,11.17 13.31,12 12,12M12,7.5A1.5,1.5 0 0,0 10.5,9A1.5,1.5 0 0,0 12,10.5A1.5,1.5 0 0,0 13.5,9A1.5,1.5 0 0,0 12,7.5Z" /></svg><svg id="poker-chip" viewBox="0 0 24 24"><path d="M23,12C23,18.08 18.08,23 12,23C5.92,23 1,18.08 1,12C1,5.92 5.92,1 12,1C18.08,1 23,5.92 23,12M13,4.06C15.13,4.33 17.07,5.45 18.37,7.16L20.11,6.16C18.45,3.82 15.86,2.3 13,2V4.06M3.89,6.16L5.63,7.16C6.93,5.45 8.87,4.33 11,4.06V2C8.14,2.3 5.55,3.82 3.89,6.16M2.89,16.1L4.62,15.1C3.79,13.12 3.79,10.88 4.62,8.9L2.89,7.9C1.7,10.5 1.7,13.5 2.89,16.1M11,19.94C8.87,19.67 6.93,18.55 5.63,16.84L3.89,17.84C5.55,20.18 8.14,21.7 11,22V19.94M20.11,17.84L18.37,16.84C17.07,18.55 15.13,19.67 13,19.94V21.94C15.85,21.65 18.44,20.16 20.11,17.84M21.11,16.1C22.3,13.5 22.3,10.5 21.11,7.9L19.38,8.9C20.21,10.88 20.21,13.12 19.38,15.1L21.11,16.1M15,12L12,7L9,12L12,17L15,12Z" /></svg><svg id="polaroid" viewBox="0 0 24 24"><path d="M6,3H18A2,2 0 0,1 20,5V19A2,2 0 0,1 18,21H6A2,2 0 0,1 4,19V5A2,2 0 0,1 6,3M6,5V17H18V5H6Z" /></svg><svg id="poll" viewBox="0 0 24 24"><path d="M3,22V8H7V22H3M10,22V2H14V22H10M17,22V14H21V22H17Z" /></svg><svg id="poll-box" viewBox="0 0 24 24"><path d="M17,17H15V13H17M13,17H11V7H13M9,17H7V10H9M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg><svg id="polymer" viewBox="0 0 24 24"><path d="M19,4H15L7.1,16.63L4.5,12L9,4H5L0.5,12L5,20H9L16.89,7.37L19.5,12L15,20H19L23.5,12L19,4Z" /></svg><svg id="pool" viewBox="0 0 24 24"><path d="M2,15C3.67,14.25 5.33,13.5 7,13.17V5A3,3 0 0,1 10,2C11.31,2 12.42,2.83 12.83,4H10A1,1 0 0,0 9,5V6H14V5A3,3 0 0,1 17,2C18.31,2 19.42,2.83 19.83,4H17A1,1 0 0,0 16,5V14.94C18,14.62 20,13 22,13V15C19.78,15 17.56,17 15.33,17C13.11,17 10.89,15 8.67,15C6.44,15 4.22,16 2,17V15M14,8H9V10H14V8M14,12H9V13C10.67,13.16 12.33,14.31 14,14.79V12M2,19C4.22,18 6.44,17 8.67,17C10.89,17 13.11,19 15.33,19C17.56,19 19.78,17 22,17V19C19.78,19 17.56,21 15.33,21C13.11,21 10.89,19 8.67,19C6.44,19 4.22,20 2,21V19Z" /></svg><svg id="popcorn" viewBox="0 0 24 24"><path d="M7,22H4.75C4.75,22 4,22 3.81,20.65L2.04,3.81L2,3.5C2,2.67 2.9,2 4,2C5.1,2 6,2.67 6,3.5C6,2.67 6.9,2 8,2C9.1,2 10,2.67 10,3.5C10,2.67 10.9,2 12,2C13.09,2 14,2.66 14,3.5V3.5C14,2.67 14.9,2 16,2C17.1,2 18,2.67 18,3.5C18,2.67 18.9,2 20,2C21.1,2 22,2.67 22,3.5L21.96,3.81L20.19,20.65C20,22 19.25,22 19.25,22H17L16.5,22H13.75L10.25,22H7.5L7,22M17.85,4.93C17.55,4.39 16.84,4 16,4C15.19,4 14.36,4.36 14,4.87L13.78,20H16.66L17.85,4.93M10,4.87C9.64,4.36 8.81,4 8,4C7.16,4 6.45,4.39 6.15,4.93L7.34,20H10.22L10,4.87Z" /></svg><svg id="postage-stamp" viewBox="0 0 24 24"><path d="M2,2V5.5C3.1,5.5 4,6.62 4,8C4,9.38 3.1,10.5 2,10.5V13.5C3.1,13.5 4,14.62 4,16C4,17.38 3.1,18.5 2,18.5V22H5.5C5.5,20.9 6.62,20 8,20C9.38,20 10.5,20.9 10.5,22H13.5C13.5,20.9 14.62,20 16,20C17.38,20 18.5,20.9 18.5,22H22V18.5C20.9,18.5 20,17.38 20,16V16C20,14.62 20.9,13.5 22,13.5V10.5C20.9,10.5 20,9.38 20,8V8C20,6.62 20.9,5.5 22,5.5V2H18.5C18.5,3.1 17.38,4 16,4C14.62,4 13.5,3.1 13.5,2H10.5C10.5,3.1 9.38,4 8,4C6.62,4 5.5,3.1 5.5,2H2M6,6H18V18H6V6M9,7A2,2 0 0,0 7,9A2,2 0 0,0 9,11A2,2 0 0,0 11,9A2,2 0 0,0 9,7M17,10L14,13L12,12L7,17H17V10Z" /></svg><svg id="pot" viewBox="0 0 24 24"><path d="M19,19A2,2 0 0,1 17,21H7A2,2 0 0,1 5,19V13H3V10H21V13H19V19M6,6H8V8H6V6M11,6H13V8H11V6M16,6H18V8H16V6M18,3H20V5H18V3M13,3H15V5H13V3M8,3H10V5H8V3Z" /></svg><svg id="pot-mix" viewBox="0 0 24 24"><path d="M19,19A2,2 0 0,1 17,21H7A2,2 0 0,1 5,19V13H3V10H14L18,3.07L19.73,4.07L16.31,10H21V13H19V19Z" /></svg><svg id="pound" viewBox="0 0 24 24"><path d="M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z" /></svg><svg id="pound-box" viewBox="0 0 24 24"><path d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M7,18H9L9.35,16H13.35L13,18H15L15.35,16H17.35L17.71,14H15.71L16.41,10H18.41L18.76,8H16.76L17.12,6H15.12L14.76,8H10.76L11.12,6H9.12L8.76,8H6.76L6.41,10H8.41L7.71,14H5.71L5.35,16H7.35L7,18M10.41,10H14.41L13.71,14H9.71L10.41,10Z" /></svg><svg id="power" viewBox="0 0 24 24"><path d="M16.56,5.44L15.11,6.89C16.84,7.94 18,9.83 18,12A6,6 0 0,1 12,18A6,6 0 0,1 6,12C6,9.83 7.16,7.94 8.88,6.88L7.44,5.44C5.36,6.88 4,9.28 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12C20,9.28 18.64,6.88 16.56,5.44M13,3H11V13H13" /></svg><svg id="power-cycle" viewBox="0 0 24 24"><path d="M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M12,19A7,7 0 0,1 5,12A7,7 0 0,1 12,5A7,7 0 0,1 19,12A7,7 0 0,1 12,19M13,17H11V7H13V17Z" /></svg><svg id="power-off" viewBox="0 0 24 24"><path d="M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M12,19A7,7 0 0,1 5,12A7,7 0 0,1 12,5A7,7 0 0,1 19,12A7,7 0 0,1 12,19Z" /></svg><svg id="power-on" viewBox="0 0 24 24"><path d="M11,3H13V21H11V3Z" /></svg><svg id="power-plug" viewBox="0 0 24 24"><path d="M16,7V3H14V7H10V3H8V7H8C7,7 6,8 6,9V14.5L9.5,18V21H14.5V18L18,14.5V9C18,8 17,7 16,7Z" /></svg><svg id="power-plug-off" viewBox="0 0 24 24"><path d="M8,3V6.18C11.1,9.23 14.1,12.3 17.2,15.3C17.4,15 17.8,14.8 18,14.4V8.8C18,7.68 16.7,7.16 16,6.84V3H14V7H10V3H8M3.28,4C2.85,4.42 2.43,4.85 2,5.27L6,9.27V14.5C7.17,15.65 8.33,16.83 9.5,18V21H14.5V18C14.72,17.73 14.95,18.33 15.17,18.44C16.37,19.64 17.47,20.84 18.67,22.04C19.17,21.64 19.57,21.14 19.97,20.74C14.37,15.14 8.77,9.64 3.27,4.04L3.28,4Z" /></svg><svg id="power-settings" viewBox="0 0 24 24"><path d="M15,24H17V22H15M16.56,4.44L15.11,5.89C16.84,6.94 18,8.83 18,11A6,6 0 0,1 12,17A6,6 0 0,1 6,11C6,8.83 7.16,6.94 8.88,5.88L7.44,4.44C5.36,5.88 4,8.28 4,11A8,8 0 0,0 12,19A8,8 0 0,0 20,11C20,8.28 18.64,5.88 16.56,4.44M13,2H11V12H13M11,24H13V22H11M7,24H9V22H7V24Z" /></svg><svg id="power-sleep" viewBox="0 0 24 24"><path d="M18.73,18C15.4,21.69 9.71,22 6,18.64C2.33,15.31 2.04,9.62 5.37,5.93C6.9,4.25 9,3.2 11.27,3C7.96,6.7 8.27,12.39 12,15.71C13.63,17.19 15.78,18 18,18C18.25,18 18.5,18 18.73,18Z" /></svg><svg id="power-socket" viewBox="0 0 24 24"><path d="M15,15H17V11H15M7,15H9V11H7M11,13H13V9H11M8.83,7H15.2L19,10.8V17H5V10.8M8,5L3,10V19H21V10L16,5H8Z" /></svg><svg id="power-socket-au" viewBox="0 0 24 24"><path d="M4.22,2A2.22,2.22 0 0,0 2,4.22V19.78C2,21 3,22 4.22,22H19.78A2.22,2.22 0 0,0 22,19.78V4.22C22,3 21,2 19.78,2H4.22M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M8.27,7.54L6.27,11L8,12L10,8.54L8.27,7.54M15.73,7.54L14,8.54L16,12L17.73,11L15.73,7.54M11,14V18H13V14H11Z" /></svg><svg id="power-socket-eu" viewBox="0 0 24 24"><path d="M7.5,10.5A1.5,1.5 0 0,1 9,12A1.5,1.5 0 0,1 7.5,13.5C6.66,13.5 6,12.83 6,12A1.5,1.5 0 0,1 7.5,10.5M16.5,10.5A1.5,1.5 0 0,1 18,12A1.5,1.5 0 0,1 16.5,13.5A1.5,1.5 0 0,1 15,12A1.5,1.5 0 0,1 16.5,10.5M4.22,2H19.78C21,2 22,3 22,4.22V19.78A2.22,2.22 0 0,1 19.78,22H4.22C3,22 2,21 2,19.78V4.22A2.22,2.22 0 0,1 4.22,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="power-socket-uk" viewBox="0 0 24 24"><path d="M14.5,13.75H18V16H14.5V13.75M6,13.75H9.5V16H6V13.75M11,6H13V10H11V6M4.22,2A2.22,2.22 0 0,0 2,4.22V19.78C2,21 3,22 4.22,22H19.78A2.22,2.22 0 0,0 22,19.78V4.22C22,3 21,2 19.78,2H4.22M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4Z" /></svg><svg id="power-socket-us" viewBox="0 0 24 24"><path d="M8,7H10V12H8V7M4.22,2H19.78C21,2 22,3 22,4.22V19.78A2.22,2.22 0 0,1 19.78,22H4.22C3,22 2,21 2,19.78V4.22A2.22,2.22 0 0,1 4.22,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M14,7.5H16V11.5H14V7.5M10.5,16.25A1.5,1.5 0 0,1 12,14.75A1.5,1.5 0 0,1 13.5,16.25V17H10.5V16.25Z" /></svg><svg id="power-standby" viewBox="0 0 24 24"><path d="M13,3H11V13H13V3M17.83,5.17L16.41,6.59C18.05,7.91 19,9.9 19,12A7,7 0 0,1 12,19C8.14,19 5,15.88 5,12C5,9.91 5.95,7.91 7.58,6.58L6.17,5.17C2.38,8.39 1.92,14.07 5.14,17.86C8.36,21.64 14.04,22.1 17.83,18.88C19.85,17.17 21,14.65 21,12C21,9.37 19.84,6.87 17.83,5.17Z" /></svg><svg id="powershell" viewBox="0 0 24 24"><path d="M21.83,4C22.32,4 22.63,4.4 22.5,4.89L19.34,19.11C19.23,19.6 18.75,20 18.26,20H2.17C1.68,20 1.37,19.6 1.5,19.11L4.66,4.89C4.77,4.4 5.25,4 5.74,4H21.83M15.83,16H11.83C11.37,16 11,16.38 11,16.84C11,17.31 11.37,17.69 11.83,17.69H15.83C16.3,17.69 16.68,17.31 16.68,16.84C16.68,16.38 16.3,16 15.83,16M5.78,16.28C5.38,16.56 5.29,17.11 5.57,17.5C5.85,17.92 6.41,18 6.81,17.73C14.16,12.56 14.21,12.5 14.26,12.47C14.44,12.31 14.53,12.09 14.54,11.87C14.55,11.67 14.5,11.5 14.38,11.31L9.46,6.03C9.13,5.67 8.57,5.65 8.21,6C7.85,6.32 7.83,6.88 8.16,7.24L12.31,11.68L5.78,16.28Z" /></svg><svg id="prescription" viewBox="0 0 24 24"><path d="M4,4V10L4,14H6V10H8L13.41,15.41L9.83,19L11.24,20.41L14.83,16.83L18.41,20.41L19.82,19L16.24,15.41L19.82,11.83L18.41,10.41L14.83,14L10.83,10H11A3,3 0 0,0 14,7A3,3 0 0,0 11,4H4M6,6H11A1,1 0 0,1 12,7A1,1 0 0,1 11,8H6V6Z" /></svg><svg id="presentation" viewBox="0 0 24 24"><path d="M2,3H10A2,2 0 0,1 12,1A2,2 0 0,1 14,3H22V5H21V16H15.25L17,22H15L13.25,16H10.75L9,22H7L8.75,16H3V5H2V3M5,5V14H19V5H5Z" /></svg><svg id="presentation-play" viewBox="0 0 24 24"><path d="M2,3H10A2,2 0 0,1 12,1A2,2 0 0,1 14,3H22V5H21V16H15.25L17,22H15L13.25,16H10.75L9,22H7L8.75,16H3V5H2V3M5,5V14H19V5H5M11.85,11.85C11.76,11.94 11.64,12 11.5,12A0.5,0.5 0 0,1 11,11.5V7.5A0.5,0.5 0 0,1 11.5,7C11.64,7 11.76,7.06 11.85,7.15L13.25,8.54C13.57,8.86 13.89,9.18 13.89,9.5C13.89,9.82 13.57,10.14 13.25,10.46L11.85,11.85Z" /></svg><svg id="printer" viewBox="0 0 24 24"><path d="M18,3H6V7H18M19,12A1,1 0 0,1 18,11A1,1 0 0,1 19,10A1,1 0 0,1 20,11A1,1 0 0,1 19,12M16,19H8V14H16M19,8H5A3,3 0 0,0 2,11V17H6V21H18V17H22V11A3,3 0 0,0 19,8Z" /></svg><svg id="printer-3d" viewBox="0 0 24 24"><path d="M19,6A1,1 0 0,0 20,5A1,1 0 0,0 19,4A1,1 0 0,0 18,5A1,1 0 0,0 19,6M19,2A3,3 0 0,1 22,5V11H18V7H6V11H2V5A3,3 0 0,1 5,2H19M18,18.25C18,18.63 17.79,18.96 17.47,19.13L12.57,21.82C12.4,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L6.53,19.13C6.21,18.96 6,18.63 6,18.25V13C6,12.62 6.21,12.29 6.53,12.12L11.43,9.68C11.59,9.56 11.79,9.5 12,9.5C12.21,9.5 12.4,9.56 12.57,9.68L17.47,12.12C17.79,12.29 18,12.62 18,13V18.25M12,11.65L9.04,13L12,14.6L14.96,13L12,11.65M8,17.66L11,19.29V16.33L8,14.71V17.66M16,17.66V14.71L13,16.33V19.29L16,17.66Z" /></svg><svg id="printer-3d-nozzle" viewBox="0 0 24 24"><path d="M7,2H17V8H19V13H16.5L13,17H11L7.5,13H5V8H7V2M10,22H2V20H10A1,1 0 0,0 11,19V18H13V19A3,3 0 0,1 10,22Z" /></svg><svg id="printer-3d-nozzle-outline" viewBox="0 0 24 24"><path d="M7,2H17V7H19V13H16.5L13,17H11L7.5,13H5V7H7V2M10,22H2V20H10A1,1 0 0,0 11,19V18H13V19A3,3 0 0,1 10,22M7,9V11H8.5L12,15L15.5,11H17V9H15V4H9V9H7Z" /></svg><svg id="printer-alert" viewBox="0 0 24 24"><path d="M14,4V8H6V4H14M15,13A1,1 0 0,0 16,12A1,1 0 0,0 15,11A1,1 0 0,0 14,12A1,1 0 0,0 15,13M13,19V15H7V19H13M15,9A3,3 0 0,1 18,12V17H15V21H5V17H2V12A3,3 0 0,1 5,9H15M22,7V12H20V7H22M22,14V16H20V14H22Z" /></svg><svg id="printer-off" viewBox="0 0 24 24"><path d="M6,3V4.18L8.82,7H18V3H6M2.28,3L1,4.27L4.75,8C3.19,8.15 2,9.44 2,11V17H6V21H17.73L19.73,23L21,21.72L2.28,3M9.82,8L18.82,17H22V11A3,3 0 0,0 19,8H9.82M19,10A1,1 0 0,1 20,11A1,1 0 0,1 19,12A1,1 0 0,1 18,11A1,1 0 0,1 19,10M8,14H10.73L15.73,19H8V14Z" /></svg><svg id="printer-settings" viewBox="0 0 24 24"><path d="M18,2V6H6V2H18M19,11A1,1 0 0,0 20,10A1,1 0 0,0 19,9A1,1 0 0,0 18,10A1,1 0 0,0 19,11M16,18V13H8V18H16M19,7A3,3 0 0,1 22,10V16H18V20H6V16H2V10A3,3 0 0,1 5,7H19M15,24V22H17V24H15M11,24V22H13V24H11M7,24V22H9V24H7Z" /></svg><svg id="printer-wireless" viewBox="0 0 24 24"><path d="M4.93,3.92L6.34,5.33C9.46,2.2 14.53,2.2 17.66,5.33L19.07,3.92C15.17,0 8.84,0 4.93,3.92M7.76,6.75L9.17,8.16C10.73,6.6 13.26,6.6 14.83,8.16L16.24,6.75C13.9,4.41 10.1,4.41 7.76,6.75M19,14A1,1 0 0,1 18,13A1,1 0 0,1 19,12A1,1 0 0,1 20,13A1,1 0 0,1 19,14M16,20H8V15H16V20M19,10H5A3,3 0 0,0 2,13V18H6V22H18V18H22V13A3,3 0 0,0 19,10Z" /></svg><svg id="priority-high" viewBox="0 0 24 24"><path d="M14,19H22V17H14V19M14,13.5H22V11.5H14V13.5M14,8H22V6H14V8M2,12.5C2,8.92 4.92,6 8.5,6H9V4L12,7L9,10V8H8.5C6,8 4,10 4,12.5C4,15 6,17 8.5,17H12V19H8.5C4.92,19 2,16.08 2,12.5Z" /></svg><svg id="priority-low" viewBox="0 0 24 24"><path d="M14,5H22V7H14V5M14,10.5H22V12.5H14V10.5M14,16H22V18H14V16M2,11.5C2,15.08 4.92,18 8.5,18H9V20L12,17L9,14V16H8.5C6,16 4,14 4,11.5C4,9 6,7 8.5,7H12V5H8.5C4.92,5 2,7.92 2,11.5Z" /></svg><svg id="professional-hexagon" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M5,9V15H6.25V13H7A2,2 0 0,0 9,11A2,2 0 0,0 7,9H5M6.25,12V10H6.75A1,1 0 0,1 7.75,11A1,1 0 0,1 6.75,12H6.25M9.75,9V15H11V13H11.75L12.41,15H13.73L12.94,12.61C13.43,12.25 13.75,11.66 13.75,11A2,2 0 0,0 11.75,9H9.75M11,12V10H11.5A1,1 0 0,1 12.5,11A1,1 0 0,1 11.5,12H11M17,9C15.62,9 14.5,10.34 14.5,12C14.5,13.66 15.62,15 17,15C18.38,15 19.5,13.66 19.5,12C19.5,10.34 18.38,9 17,9M17,10.25C17.76,10.25 18.38,11.03 18.38,12C18.38,12.97 17.76,13.75 17,13.75C16.24,13.75 15.63,12.97 15.63,12C15.63,11.03 16.24,10.25 17,10.25Z" /></svg><svg id="progress-alert" viewBox="0 0 24 24"><path d="M13,2V4C17.39,4.54 20.5,8.53 19.96,12.92C19.5,16.56 16.64,19.43 13,19.88V21.88C18.5,21.28 22.45,16.34 21.85,10.85C21.33,6.19 17.66,2.5 13,2M11,2C9.04,2.18 7.19,2.95 5.67,4.2L7.1,5.74C8.22,4.84 9.57,4.26 11,4.06V2.06M4.26,5.67C3,7.19 2.24,9.04 2.05,11H4.05C4.24,9.58 4.8,8.23 5.69,7.1L4.26,5.67M2.06,13C2.26,14.96 3.03,16.81 4.27,18.33L5.69,16.9C4.81,15.77 4.24,14.42 4.06,13H2.06M7.06,18.37L5.67,19.74C7.18,21 9.04,21.79 11,22V20C9.58,19.82 8.23,19.25 7.1,18.37H7.06M13,13V7H11V13H13M13,17V15H11V17H13Z" /></svg><svg id="progress-check" viewBox="0 0 24 24"><path d="M13,2.03V2.05L13,4.05C17.39,4.59 20.5,8.58 19.96,12.97C19.5,16.61 16.64,19.5 13,19.93V21.93C18.5,21.38 22.5,16.5 21.95,11C21.5,6.25 17.73,2.5 13,2.03M11,2.06C9.05,2.25 7.19,3 5.67,4.26L7.1,5.74C8.22,4.84 9.57,4.26 11,4.06V2.06M4.26,5.67C3,7.19 2.25,9.04 2.05,11H4.05C4.24,9.58 4.8,8.23 5.69,7.1L4.26,5.67M15.5,8.5L10.62,13.38L8.5,11.26L7.44,12.32L10.62,15.5L16.56,9.56L15.5,8.5M2.06,13C2.26,14.96 3.03,16.81 4.27,18.33L5.69,16.9C4.81,15.77 4.24,14.42 4.06,13H2.06M7.1,18.37L5.67,19.74C7.18,21 9.04,21.79 11,22V20C9.58,19.82 8.23,19.25 7.1,18.37Z" /></svg><svg id="progress-clock" viewBox="0 0 24 24"><path d="M13,2.03V2.05L13,4.05C17.39,4.59 20.5,8.58 19.96,12.97C19.5,16.61 16.64,19.5 13,19.93V21.93C18.5,21.38 22.5,16.5 21.95,11C21.5,6.25 17.73,2.5 13,2.03M11,2.06C9.05,2.25 7.19,3 5.67,4.26L7.1,5.74C8.22,4.84 9.57,4.26 11,4.06V2.06M4.26,5.67C3,7.19 2.25,9.04 2.05,11H4.05C4.24,9.58 4.8,8.23 5.69,7.1L4.26,5.67M2.06,13C2.26,14.96 3.03,16.81 4.27,18.33L5.69,16.9C4.81,15.77 4.24,14.42 4.06,13H2.06M7.1,18.37L5.67,19.74C7.18,21 9.04,21.79 11,22V20C9.58,19.82 8.23,19.25 7.1,18.37M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" /></svg><svg id="progress-download" viewBox="0 0 24 24"><path d="M13,2.03C17.73,2.5 21.5,6.25 21.95,11C22.5,16.5 18.5,21.38 13,21.93V19.93C16.64,19.5 19.5,16.61 19.96,12.97C20.5,8.58 17.39,4.59 13,4.05V2.05L13,2.03M11,2.06V4.06C9.57,4.26 8.22,4.84 7.1,5.74L5.67,4.26C7.19,3 9.05,2.25 11,2.06M4.26,5.67L5.69,7.1C4.8,8.23 4.24,9.58 4.05,11H2.05C2.25,9.04 3,7.19 4.26,5.67M2.06,13H4.06C4.24,14.42 4.81,15.77 5.69,16.9L4.27,18.33C3.03,16.81 2.26,14.96 2.06,13M7.1,18.37C8.23,19.25 9.58,19.82 11,20V22C9.04,21.79 7.18,21 5.67,19.74L7.1,18.37M12,16.5L7.5,12H11V8H13V12H16.5L12,16.5Z" /></svg><svg id="progress-upload" viewBox="0 0 24 24"><path d="M13,2.03C17.73,2.5 21.5,6.25 21.95,11C22.5,16.5 18.5,21.38 13,21.93V19.93C16.64,19.5 19.5,16.61 19.96,12.97C20.5,8.58 17.39,4.59 13,4.05V2.05L13,2.03M11,2.06V4.06C9.57,4.26 8.22,4.84 7.1,5.74L5.67,4.26C7.19,3 9.05,2.25 11,2.06M4.26,5.67L5.69,7.1C4.8,8.23 4.24,9.58 4.05,11H2.05C2.25,9.04 3,7.19 4.26,5.67M2.06,13H4.06C4.24,14.42 4.81,15.77 5.69,16.9L4.27,18.33C3.03,16.81 2.26,14.96 2.06,13M7.1,18.37C8.23,19.25 9.58,19.82 11,20V22C9.04,21.79 7.18,21 5.67,19.74L7.1,18.37M12,7.5L7.5,12H11V16H13V12H16.5L12,7.5Z" /></svg><svg id="progress-wrench" viewBox="0 0 24 24"><path d="M13,2.03V2.05L13,4.05C17.39,4.59 20.5,8.58 19.96,12.97C19.5,16.61 16.64,19.5 13,19.93V21.93C18.5,21.38 22.5,16.5 21.95,11C21.5,6.25 17.73,2.5 13,2.03M11,2.06C9.05,2.25 7.19,3 5.67,4.26L7.1,5.74C8.22,4.84 9.57,4.26 11,4.06V2.06M4.26,5.67C3,7.19 2.25,9.04 2.05,11H4.05C4.24,9.58 4.8,8.23 5.69,7.1L4.26,5.67M2.06,13C2.26,14.96 3.03,16.81 4.27,18.33L5.69,16.9C4.81,15.77 4.24,14.42 4.06,13H2.06M7.1,18.37L5.67,19.74C7.18,21 9.04,21.79 11,22V20C9.58,19.82 8.23,19.25 7.1,18.37M16.82,15.19L12.71,11.08C13.12,10.04 12.89,8.82 12.03,7.97C11.13,7.06 9.78,6.88 8.69,7.38L10.63,9.32L9.28,10.68L7.29,8.73C6.75,9.82 7,11.17 7.88,12.08C8.74,12.94 9.96,13.16 11,12.76L15.11,16.86C15.29,17.05 15.56,17.05 15.74,16.86L16.78,15.83C17,15.65 17,15.33 16.82,15.19Z" /></svg><svg id="projector" viewBox="0 0 24 24"><path d="M16,6C14.87,6 13.77,6.35 12.84,7H4C2.89,7 2,7.89 2,9V15C2,16.11 2.89,17 4,17H5V18A1,1 0 0,0 6,19H8A1,1 0 0,0 9,18V17H15V18A1,1 0 0,0 16,19H18A1,1 0 0,0 19,18V17H20C21.11,17 22,16.11 22,15V9C22,7.89 21.11,7 20,7H19.15C18.23,6.35 17.13,6 16,6M16,7.5A3.5,3.5 0 0,1 19.5,11A3.5,3.5 0 0,1 16,14.5A3.5,3.5 0 0,1 12.5,11A3.5,3.5 0 0,1 16,7.5M4,9H8V10H4V9M16,9A2,2 0 0,0 14,11A2,2 0 0,0 16,13A2,2 0 0,0 18,11A2,2 0 0,0 16,9M4,11H8V12H4V11M4,13H8V14H4V13Z" /></svg><svg id="projector-screen" viewBox="0 0 24 24"><path d="M4,2A1,1 0 0,0 3,3V4A1,1 0 0,0 4,5H5V14H11V16.59L6.79,20.79L8.21,22.21L11,19.41V22H13V19.41L15.79,22.21L17.21,20.79L13,16.59V14H19V5H20A1,1 0 0,0 21,4V3A1,1 0 0,0 20,2H4Z" /></svg><svg id="publish" viewBox="0 0 24 24"><path d="M5,4V6H19V4H5M5,14H9V20H15V14H19L12,7L5,14Z" /></svg><svg id="pulse" viewBox="0 0 24 24"><path d="M3,13H5.79L10.1,4.79L11.28,13.75L14.5,9.66L17.83,13H21V15H17L14.67,12.67L9.92,18.73L8.94,11.31L7,15H3V13Z" /></svg><svg id="pumpkin" viewBox="0 0 24 24"><path d="M6.5,6C7.47,6 8.37,6.5 9.11,7.38C9.66,6.79 10.31,6.36 11,6.15V4A2,2 0 0,1 13,2H15V4H13V6.15C13.69,6.36 14.34,6.79 14.89,7.38C15.63,6.5 16.53,6 17.5,6C20,6 22,9.36 22,13.5C22,17.64 20,21 17.5,21C16.53,21 15.63,20.5 14.89,19.62C14.08,20.5 13.08,21 12,21C10.92,21 9.92,20.5 9.11,19.62C8.37,20.5 7.47,21 6.5,21C4,21 2,17.64 2,13.5C2,9.36 4,6 6.5,6Z" /></svg><svg id="puzzle" viewBox="0 0 24 24"><path d="M20.5,11H19V7C19,5.89 18.1,5 17,5H13V3.5A2.5,2.5 0 0,0 10.5,1A2.5,2.5 0 0,0 8,3.5V5H4A2,2 0 0,0 2,7V10.8H3.5C5,10.8 6.2,12 6.2,13.5C6.2,15 5,16.2 3.5,16.2H2V20A2,2 0 0,0 4,22H7.8V20.5C7.8,19 9,17.8 10.5,17.8C12,17.8 13.2,19 13.2,20.5V22H17A2,2 0 0,0 19,20V16H20.5A2.5,2.5 0 0,0 23,13.5A2.5,2.5 0 0,0 20.5,11Z" /></svg><svg id="puzzle-outline" viewBox="0 0 24 24"><path d="M22,13.5C22,15.26 20.7,16.72 19,16.96V20A2,2 0 0,1 17,22H13.2V21.7A2.7,2.7 0 0,0 10.5,19C9,19 7.8,20.21 7.8,21.7V22H4A2,2 0 0,1 2,20V16.2H2.3C3.79,16.2 5,15 5,13.5C5,12 3.79,10.8 2.3,10.8H2V7A2,2 0 0,1 4,5H7.04C7.28,3.3 8.74,2 10.5,2C12.26,2 13.72,3.3 13.96,5H17A2,2 0 0,1 19,7V10.04C20.7,10.28 22,11.74 22,13.5M17,15H18.5A1.5,1.5 0 0,0 20,13.5A1.5,1.5 0 0,0 18.5,12H17V7H12V5.5A1.5,1.5 0 0,0 10.5,4A1.5,1.5 0 0,0 9,5.5V7H4V9.12C5.76,9.8 7,11.5 7,13.5C7,15.5 5.75,17.2 4,17.88V20H6.12C6.8,18.25 8.5,17 10.5,17C12.5,17 14.2,18.25 14.88,20H17V15Z" /></svg><svg id="qi" viewBox="0 0 24 24"><path d="M12.09,6.56V14.64C12.09,14.72 12,14.79 11.94,14.79C9.62,14.79 7.75,12.91 7.75,10.6C7.75,8.28 9.62,6.4 11.94,6.4C12,6.4 12.09,6.47 12.09,6.56M12.09,17.86V20.29C12.06,21.69 13.12,22.87 14.5,23C14.66,23 14.78,22.89 14.79,22.73V4.47C14.78,4.3 14.68,4.15 14.5,4.09C10.92,2.67 6.86,4.44 5.44,8.03C4,11.63 5.79,15.69 9.38,17.11C10.16,17.42 11,17.58 11.81,17.6C11.95,17.59 12.07,17.71 12.08,17.87M16.19,5.5V15.72C16.19,16 16.19,16.2 16.46,16V16C19.42,13.5 19.81,9.09 17.33,6.13C17.07,5.81 16.77,5.5 16.46,5.26C16.19,5.05 16.19,5.26 16.19,5.53M14.79,2.43C14.79,1.66 15.42,1.03 16.19,1.03C16.96,1.03 17.59,1.66 17.59,2.43C17.59,3.2 16.96,3.83 16.19,3.83V3.83C15.42,3.83 14.79,3.2 14.79,2.43" /></svg><svg id="qqchat" viewBox="0 0 24 24"><path d="M3.18,13.54C3.76,12.16 4.57,11.14 5.17,10.92C5.16,10.12 5.31,9.62 5.56,9.22C5.56,9.19 5.5,8.86 5.72,8.45C5.87,4.85 8.21,2 12,2C15.79,2 18.13,4.85 18.28,8.45C18.5,8.86 18.44,9.19 18.44,9.22C18.69,9.62 18.84,10.12 18.83,10.92C19.43,11.14 20.24,12.16 20.82,13.55C21.57,15.31 21.69,17 21.09,17.3C20.68,17.5 20.03,17 19.42,16.12C19.18,17.1 18.58,18 17.73,18.71C18.63,19.04 19.21,19.58 19.21,20.19C19.21,21.19 17.63,22 15.69,22C13.93,22 12.5,21.34 12.21,20.5H11.79C11.5,21.34 10.07,22 8.31,22C6.37,22 4.79,21.19 4.79,20.19C4.79,19.58 5.37,19.04 6.27,18.71C5.42,18 4.82,17.1 4.58,16.12C3.97,17 3.32,17.5 2.91,17.3C2.31,17 2.43,15.31 3.18,13.54Z" /></svg><svg id="qrcode" viewBox="0 0 24 24"><path d="M3,11H5V13H3V11M11,5H13V9H11V5M9,11H13V15H11V13H9V11M15,11H17V13H19V11H21V13H19V15H21V19H19V21H17V19H13V21H11V17H15V15H17V13H15V11M19,19V15H17V19H19M15,3H21V9H15V3M17,5V7H19V5H17M3,3H9V9H3V3M5,5V7H7V5H5M3,15H9V21H3V15M5,17V19H7V17H5Z" /></svg><svg id="qrcode-edit" viewBox="0 0 24 24"><path d="M5,5H7V7H5V5M1,1H11V11H1V1M3,3V9H9V3H3M5,17H7V19H5V17M1,13H11V23H1V13M3,15V21H9V15H3M13,13H17V15H19V13H23V15H19V17H23V23H19V21H15V23H13V21H15V19H13V13M21,21V19H19V21H21M19,17H17V15H15V19H19V17M22.7,3.35L21.7,4.35L19.65,2.35L20.65,1.35C20.85,1.14 21.19,1.13 21.42,1.35L22.7,2.58C22.91,2.78 22.92,3.12 22.7,3.35M13,8.94L19.07,2.88L21.12,4.93L15.06,11H13V8.94Z" /></svg><svg id="qrcode-scan" viewBox="0 0 24 24"><path d="M4,4H10V10H4V4M20,4V10H14V4H20M14,15H16V13H14V11H16V13H18V11H20V13H18V15H20V18H18V20H16V18H13V20H11V16H14V15M16,15V18H18V15H16M4,20V14H10V20H4M6,6V8H8V6H6M16,6V8H18V6H16M6,16V18H8V16H6M4,11H6V13H4V11M9,11H13V15H11V13H9V11M11,6H13V10H11V6M2,2V6H0V2A2,2 0 0,1 2,0H6V2H2M22,0A2,2 0 0,1 24,2V6H22V2H18V0H22M2,18V22H6V24H2A2,2 0 0,1 0,22V18H2M22,22V18H24V22A2,2 0 0,1 22,24H18V22H22Z" /></svg><svg id="quadcopter" viewBox="0 0 24 24"><path d="M5.5,1C8,1 10,3 10,5.5C10,6.38 9.75,7.2 9.31,7.9L9.41,8H14.59L14.69,7.9C14.25,7.2 14,6.38 14,5.5C14,3 16,1 18.5,1C21,1 23,3 23,5.5C23,8 21,10 18.5,10C17.62,10 16.8,9.75 16.1,9.31L15,10.41V13.59L16.1,14.69C16.8,14.25 17.62,14 18.5,14C21,14 23,16 23,18.5C23,21 21,23 18.5,23C16,23 14,21 14,18.5C14,17.62 14.25,16.8 14.69,16.1L14.59,16H9.41L9.31,16.1C9.75,16.8 10,17.62 10,18.5C10,21 8,23 5.5,23C3,23 1,21 1,18.5C1,16 3,14 5.5,14C6.38,14 7.2,14.25 7.9,14.69L9,13.59V10.41L7.9,9.31C7.2,9.75 6.38,10 5.5,10C3,10 1,8 1,5.5C1,3 3,1 5.5,1M5.5,3A2.5,2.5 0 0,0 3,5.5A2.5,2.5 0 0,0 5.5,8A2.5,2.5 0 0,0 8,5.5A2.5,2.5 0 0,0 5.5,3M5.5,16A2.5,2.5 0 0,0 3,18.5A2.5,2.5 0 0,0 5.5,21A2.5,2.5 0 0,0 8,18.5A2.5,2.5 0 0,0 5.5,16M18.5,3A2.5,2.5 0 0,0 16,5.5A2.5,2.5 0 0,0 18.5,8A2.5,2.5 0 0,0 21,5.5A2.5,2.5 0 0,0 18.5,3M18.5,16A2.5,2.5 0 0,0 16,18.5A2.5,2.5 0 0,0 18.5,21A2.5,2.5 0 0,0 21,18.5A2.5,2.5 0 0,0 18.5,16M3.91,17.25L5.04,17.91C5.17,17.81 5.33,17.75 5.5,17.75A0.75,0.75 0 0,1 6.25,18.5L6.24,18.6L7.37,19.25L7.09,19.75L5.96,19.09C5.83,19.19 5.67,19.25 5.5,19.25A0.75,0.75 0 0,1 4.75,18.5L4.76,18.4L3.63,17.75L3.91,17.25M3.63,6.25L4.76,5.6L4.75,5.5A0.75,0.75 0 0,1 5.5,4.75C5.67,4.75 5.83,4.81 5.96,4.91L7.09,4.25L7.37,4.75L6.24,5.4L6.25,5.5A0.75,0.75 0 0,1 5.5,6.25C5.33,6.25 5.17,6.19 5.04,6.09L3.91,6.75L3.63,6.25M16.91,4.25L18.04,4.91C18.17,4.81 18.33,4.75 18.5,4.75A0.75,0.75 0 0,1 19.25,5.5L19.24,5.6L20.37,6.25L20.09,6.75L18.96,6.09C18.83,6.19 18.67,6.25 18.5,6.25A0.75,0.75 0 0,1 17.75,5.5L17.76,5.4L16.63,4.75L16.91,4.25M16.63,19.25L17.75,18.5A0.75,0.75 0 0,1 18.5,17.75C18.67,17.75 18.83,17.81 18.96,17.91L20.09,17.25L20.37,17.75L19.25,18.5A0.75,0.75 0 0,1 18.5,19.25C18.33,19.25 18.17,19.19 18.04,19.09L16.91,19.75L16.63,19.25Z" /></svg><svg id="quality-high" viewBox="0 0 24 24"><path d="M14.5,13.5H16.5V10.5H14.5M18,14A1,1 0 0,1 17,15H16.25V16.5H14.75V15H14A1,1 0 0,1 13,14V10A1,1 0 0,1 14,9H17A1,1 0 0,1 18,10M11,15H9.5V13H7.5V15H6V9H7.5V11.5H9.5V9H11M19,4H5C3.89,4 3,4.89 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6C21,4.89 20.1,4 19,4Z" /></svg><svg id="quality-low" viewBox="0 0 24 24"><path d="M14.5,13.5H16.5V10.5H14.5M18,14C18,14.6 17.6,15 17,15H16.25V16.5H14.75V15H14C13.4,15 13,14.6 13,14V10C13,9.4 13.4,9 14,9H17C17.6,9 18,9.4 18,10M19,4H5A2,2 0 0,0 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6A2,2 0 0,0 19,4M11,13.5V15H6V9H7.5V13.5H11Z" /></svg><svg id="quality-medium" viewBox="0 0 24 24"><path d="M21,6V18A2,2 0 0,1 19,20H5A2,2 0 0,1 3,18V6A2,2 0 0,1 5,4H19A2,2 0 0,1 21,6M12,10C12,9.5 11.5,9 11,9H6.5C6,9 5.5,9.5 5.5,10V15H7V10.5H8V14H9.5V10.5H10.5V15H12V10M14.5,9A1,1 0 0,0 13.5,10V14A1,1 0 0,0 14.5,15H15.5V16.5H16.75V15H17.5A1,1 0 0,0 18.5,14V10A1,1 0 0,0 17.5,9H14.5M15,10.5H17V13.5H15V10.5Z" /></svg><svg id="quicktime" viewBox="0 0 24 24"><path d="M12,3A9,9 0 0,1 21,12C21,13.76 20.5,15.4 19.62,16.79L21,18.17V20A1,1 0 0,1 20,21H18.18L16.79,19.62C15.41,20.5 13.76,21 12,21A9,9 0 0,1 3,12A9,9 0 0,1 12,3M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17C12.65,17 13.26,16.88 13.83,16.65L10.95,13.77C10.17,13 10.17,11.72 10.95,10.94C11.73,10.16 13,10.16 13.78,10.94L16.66,13.82C16.88,13.26 17,12.64 17,12A5,5 0 0,0 12,7Z" /></svg><svg id="quora" viewBox="0 0 24 24"><path d="M19.7,18.8C20.2,18.2 20.1,17.7 20.1,17.7H21.6C21.6,17.7 21.6,18.1 21.5,18.6C21.4,19 21.3,19.3 21.2,19.6C21,20.3 20,21.1 20,21.1C18.9,22 17.7,21.9 17.7,21.9C17.7,21.9 16.3,22.1 15.2,21.4C14.1,20.7 13.2,19.2 13.2,19.2C13.2,19.2 8.8,20.4 5.4,17.5C2,14.6 2.2,11.1 2.2,10.8C2.2,10.1 2.6,2.3 10.8,2C15.6,1.8 18.2,4.8 19.2,7.2C19.9,8.9 19.9,10.2 19.9,10.4C19.9,10.6 19.9,11.5 19.7,12.4C19.6,13.3 19.2,14.3 18.9,14.8C18.6,15.3 18.2,16 17.7,16.5C17.2,17.1 16.6,17.6 16.5,17.7C16.5,17.7 17.5,18.9 18.1,19.1C18.3,19.1 19.2,19.4 19.7,18.8M12.7,17.3C12.8,17.2 12.4,16.7 12.2,16.4C12,16.1 12.3,16.5 11.5,15.4C11.2,14.9 10.8,14.7 10.2,14.6C10,14.6 9.7,14.6 9.5,14.6C9,14.6 8.7,14.7 8.6,14.7C8.6,14.6 8.4,14.4 8.3,14.2C8.2,14 8.2,13.7 8.2,13.7C8.2,13.5 9.7,12.8 11.4,12.8C12.8,12.8 13.8,13.6 14.2,14C14.6,14.3 14.7,14.7 15.1,15C15.1,15 15.2,15 15.2,15.1C15.6,15.4 16.1,12.1 16,9.9C15.9,7.7 15.8,6.6 15,5.5C14.3,4.5 12.8,3.7 11.4,3.7C10.7,3.7 8.4,3.8 7.4,5.5C6.2,7.5 6.4,11.1 6.4,11.1C6.4,11.1 6.1,14.3 7.8,16C9.5,17.7 11.2,17.4 12,17.4L12.7,17.3Z" /></svg><svg id="rabbit" viewBox="0 0 24 24"><path d="M18.05,21L15.32,16.26C15.32,14.53 14.25,13.42 12.95,13.42C12.05,13.42 11.27,13.92 10.87,14.66C11.2,14.47 11.59,14.37 12,14.37C13.3,14.37 14.36,15.43 14.36,16.73C14.36,18.04 13.31,19.11 12,19.11H15.3V21H6.79C6.55,21 6.3,20.91 6.12,20.72C5.75,20.35 5.75,19.75 6.12,19.38V19.38L6.62,18.88C6.28,18.73 6,18.5 5.72,18.26C5.5,18.76 5,19.11 4.42,19.11C3.64,19.11 3,18.47 3,17.68C3,16.9 3.64,16.26 4.42,16.26L4.89,16.34V14.37C4.89,11.75 7,9.63 9.63,9.63H9.65C11.77,9.64 13.42,10.47 13.42,9.16C13.42,8.23 13.62,7.86 13.96,7.34C13.23,7 12.4,6.79 11.53,6.79C11,6.79 10.58,6.37 10.58,5.84C10.58,5.41 10.86,5.05 11.25,4.93L10.58,4.89C10.06,4.89 9.63,4.47 9.63,3.95C9.63,3.42 10.06,3 10.58,3H11.53C13.63,3 15.47,4.15 16.46,5.85L16.74,5.84C17.45,5.84 18.11,6.07 18.65,6.45L19.1,6.83C21.27,8.78 21,10.1 21,10.11C21,11.39 19.94,12.44 18.65,12.44L18.16,12.39V12.47C18.16,13.58 17.68,14.57 16.93,15.27L20.24,21H18.05M18.16,7.74C17.63,7.74 17.21,8.16 17.21,8.68C17.21,9.21 17.63,9.63 18.16,9.63C18.68,9.63 19.11,9.21 19.11,8.68C19.11,8.16 18.68,7.74 18.16,7.74Z" /></svg><svg id="racing-helmet" viewBox="0 0 24 24"><path d="M2.2,11.2C2,13.6 2.7,15.6 4.2,17.4C5.7,19.2 7.7,20 10.1,20H20.1C20.6,20 21.1,19.8 21.5,19.4C21.9,19 22.1,18.5 22.1,18V17.2C22.1,16.6 22,15.9 21.9,15H13.7C12.7,15 11.9,14.6 11.2,13.9C10.5,13.2 10.1,12.3 10.1,11.4C10.1,9.8 10.8,8.7 12.3,8.1L17.1,6C15.4,4.8 13.4,4.1 11.1,4C8.9,3.8 6.9,4.5 5.1,5.9C3.3,7.3 2.4,9 2.2,11.2M12.1,11.4C12.1,11.8 12.3,12.2 12.6,12.5C12.9,12.8 13.3,13 13.7,13H21.5C20.9,10.8 20,9 18.7,7.6L13.1,9.9C12.4,10.1 12.1,10.6 12.1,11.4Z" /></svg><svg id="racquetball" viewBox="0 0 24 24"><path d="M18.5,16C19.9,16 21,17.1 21,18.5C21,19.9 19.9,21 18.5,21C17.1,21 16,19.9 16,18.5C16,17.1 17.1,16 18.5,16M10.5,1C3,1 3,3.7 3,9.8C3,13.2 6.4,16.9 9,18.1V23H12V18.1C14.6,16.9 18,13.2 18,9.8C18,3.6 18,1 10.5,1M15.4,4.2C15.7,4.6 15.8,5.2 15.9,6H15V3.8C15.2,3.9 15.3,4.1 15.4,4.2M16,9.8C16,9.9 16,10 16,10H15V7H16C16,7.8 16,8.7 16,9.8M14,14H11V11H14V14M7,14V11H10V14H7M5,9.8C5,8.8 5,7.9 5,7H6V10H5C5,9.9 5,9.8 5,9.8M7,7H10V10H7V7M11,3C12.4,3 13.4,3.2 14,3.3V6H11V3M10,6H7V3.4C7.6,3.2 8.6,3 10,3V6M11,10V7H14V10H11M6,3.8V6H5.1C5.2,5.2 5.3,4.6 5.6,4.2C5.7,4.1 5.8,4 6,3.8M5.2,11H6V12.7C5.7,12.1 5.4,11.6 5.2,11M8,15H10V16.3L9.8,16.2C9.2,16 8.6,15.5 8,15M11.2,16.3H11V15H13C12.4,15.5 11.8,16 11.2,16.3M15,12.7V11H15.8C15.6,11.5 15.3,12.1 15,12.7Z" /></svg><svg id="radar" viewBox="0 0 24 24"><path d="M19.07,4.93L17.66,6.34C19.1,7.79 20,9.79 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12C4,7.92 7.05,4.56 11,4.07V6.09C8.16,6.57 6,9.03 6,12A6,6 0 0,0 12,18A6,6 0 0,0 18,12C18,10.34 17.33,8.84 16.24,7.76L14.83,9.17C15.55,9.9 16,10.9 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12C8,10.14 9.28,8.59 11,8.14V10.28C10.4,10.63 10,11.26 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12C14,11.26 13.6,10.62 13,10.28V2H12A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,9.24 20.88,6.74 19.07,4.93Z" /></svg><svg id="radiator" viewBox="0 0 24 24"><path d="M7.95,3L6.53,5.19L7.95,7.4H7.94L5.95,10.5L4.22,9.6L5.64,7.39L4.22,5.19L6.22,2.09L7.95,3M13.95,2.89L12.53,5.1L13.95,7.3L13.94,7.31L11.95,10.4L10.22,9.5L11.64,7.3L10.22,5.1L12.22,2L13.95,2.89M20,2.89L18.56,5.1L20,7.3V7.31L18,10.4L16.25,9.5L17.67,7.3L16.25,5.1L18.25,2L20,2.89M2,22V14A2,2 0 0,1 4,12H20A2,2 0 0,1 22,14V22H20V20H4V22H2M6,14A1,1 0 0,0 5,15V17A1,1 0 0,0 6,18A1,1 0 0,0 7,17V15A1,1 0 0,0 6,14M10,14A1,1 0 0,0 9,15V17A1,1 0 0,0 10,18A1,1 0 0,0 11,17V15A1,1 0 0,0 10,14M14,14A1,1 0 0,0 13,15V17A1,1 0 0,0 14,18A1,1 0 0,0 15,17V15A1,1 0 0,0 14,14M18,14A1,1 0 0,0 17,15V17A1,1 0 0,0 18,18A1,1 0 0,0 19,17V15A1,1 0 0,0 18,14Z" /></svg><svg id="radiator-disabled" viewBox="0 0 24 24"><path d="M20,12H4A2,2 0 0,0 2,14V22H4V20H20V22H22V14A2,2 0 0,0 20,12M7,17A1,1 0 0,1 6,18A1,1 0 0,1 5,17V15A1,1 0 0,1 6,14A1,1 0 0,1 7,15V17M11,17A1,1 0 0,1 10,18A1,1 0 0,1 9,17V15A1,1 0 0,1 10,14A1,1 0 0,1 11,15V17M15,17A1,1 0 0,1 14,18A1,1 0 0,1 13,17V15A1,1 0 0,1 14,14A1,1 0 0,1 15,15V17M19,17A1,1 0 0,1 18,18A1,1 0 0,1 17,17V15A1,1 0 0,1 18,14A1,1 0 0,1 19,15V17Z" /></svg><svg id="radiator-off" viewBox="0 0 24 24"><path d="M3.28,2L2,3.27L4.77,6.04L5.64,7.39L4.22,9.6L5.95,10.5L7.23,8.5L10.73,12H4A2,2 0 0,0 2,14V22H4V20H18.73L20,21.27V22H22V20.73L22,20.72V20.72L3.28,2M7,17A1,1 0 0,1 6,18A1,1 0 0,1 5,17V15A1,1 0 0,1 6,14A1,1 0 0,1 7,15V17M11,17A1,1 0 0,1 10,18A1,1 0 0,1 9,17V15A1,1 0 0,1 10,14A1,1 0 0,1 11,15V17M15,17A1,1 0 0,1 14,18A1,1 0 0,1 13,17V15C13,14.79 13.08,14.61 13.18,14.45L15,16.27V17M16.25,9.5L17.67,7.3L16.25,5.1L18.25,2L20,2.89L18.56,5.1L20,7.3V7.31L18,10.4L16.25,9.5M22,14V18.18L19,15.18V15A1,1 0 0,0 18,14C17.95,14 17.9,14 17.85,14.03L15.82,12H20C21.11,12 22,12.9 22,14M11.64,7.3L10.22,5.1L12.22,2L13.95,2.89L12.53,5.1L13.95,7.3L13.94,7.31L12.84,9L11.44,7.62L11.64,7.3M7.5,3.69L6.1,2.28L6.22,2.09L7.95,3L7.5,3.69Z" /></svg><svg id="radio" viewBox="0 0 24 24"><path d="M20,6A2,2 0 0,1 22,8V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V8C2,7.15 2.53,6.42 3.28,6.13L15.71,1L16.47,2.83L8.83,6H20M20,8H4V12H16V10H18V12H20V8M7,14A3,3 0 0,0 4,17A3,3 0 0,0 7,20A3,3 0 0,0 10,17A3,3 0 0,0 7,14Z" /></svg><svg id="radio-am" viewBox="0 0 24 24"><path d="M5,7A2,2 0 0,0 3,9V17H5V13H7V17H9V9A2,2 0 0,0 7,7H5M5,9H7V11H5V9M13,7A2,2 0 0,0 11,9V17H13V9H15V16H17V9H19V17H21V9A2,2 0 0,0 19,7H13Z" /></svg><svg id="radio-fm" viewBox="0 0 24 24"><path d="M3,7V17H5V13H8V11H5V9H9V7H3M13,7A2,2 0 0,0 11,9V17H13V9H15V16H17V9H19V17H21V9A2,2 0 0,0 19,7H13Z" /></svg><svg id="radio-handheld" viewBox="0 0 24 24"><path d="M9,2A1,1 0 0,0 8,3C8,8.67 8,14.33 8,20C8,21.11 8.89,22 10,22H15C16.11,22 17,21.11 17,20V9C17,7.89 16.11,7 15,7H10V3A1,1 0 0,0 9,2M10,9H15V13H10V9Z" /></svg><svg id="radio-tower" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,1 14,12C14,12.5 13.82,12.94 13.53,13.29L16.7,22H14.57L12,14.93L9.43,22H7.3L10.47,13.29C10.18,12.94 10,12.5 10,12A2,2 0 0,1 12,10M12,8A4,4 0 0,0 8,12C8,12.5 8.1,13 8.28,13.46L7.4,15.86C6.53,14.81 6,13.47 6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12C18,13.47 17.47,14.81 16.6,15.86L15.72,13.46C15.9,13 16,12.5 16,12A4,4 0 0,0 12,8M12,4A8,8 0 0,0 4,12C4,14.36 5,16.5 6.64,17.94L5.92,19.94C3.54,18.11 2,15.23 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12C22,15.23 20.46,18.11 18.08,19.94L17.36,17.94C19,16.5 20,14.36 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="radioactive" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,22C10.05,22 8.22,21.44 6.69,20.47L10,15.47C10.6,15.81 11.28,16 12,16C12.72,16 13.4,15.81 14,15.47L17.31,20.47C15.78,21.44 13.95,22 12,22M2,12C2,7.86 4.5,4.3 8.11,2.78L10.34,8.36C8.96,9 8,10.38 8,12H2M16,12C16,10.38 15.04,9 13.66,8.36L15.89,2.78C19.5,4.3 22,7.86 22,12H16Z" /></svg><svg id="radioactive-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L21,21.72L19.73,23L17.25,20.5C15.72,21.46 13.92,22 12,22C10.05,22 8.22,21.44 6.69,20.47L10,15.47C10.6,15.81 11.28,16 12,16C12.23,16 12.46,16 12.67,15.94L8.06,11.33C8,11.54 8,11.77 8,12H2C2,10.08 2.54,8.28 3.5,6.75L1,4.27M12,10A2,2 0 0,1 14,12V12.17L11.83,10H12M8.11,2.78L10.23,8.41L5.9,4.08C6.57,3.56 7.32,3.12 8.11,2.78M16,12C16,10.38 15.04,9 13.66,8.36L15.89,2.78C19.5,4.3 22,7.86 22,12H16Z" /></svg><svg id="radiobox-blank" viewBox="0 0 24 24"><path d="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="radiobox-marked" viewBox="0 0 24 24"><path d="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7Z" /></svg><svg id="radius" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,15V13H13.72C13.36,13.62 12.71,14 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10C12.71,10 13.36,10.38 13.72,11H17V9L20,12L17,15Z" /></svg><svg id="radius-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M16,15V13H13.72C13.36,13.62 12.71,14 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10C12.71,10 13.36,10.38 13.72,11H16V9L19,12L16,15Z" /></svg><svg id="raspberry-pi" viewBox="0 0 24 24"><path d="M20,8H22V10H20V8M4,5H20A2,2 0 0,1 22,7H19V9H5V13H8V16H19V17H22A2,2 0 0,1 20,19H16V20H14V19H11V20H7V19H4A2,2 0 0,1 2,17V7A2,2 0 0,1 4,5M19,15H9V10H19V11H22V13H19V15M13,12V14H15V12H13M5,6V8H6V6H5M7,6V8H8V6H7M9,6V8H10V6H9M11,6V8H12V6H11M13,6V8H14V6H13M15,6V8H16V6H15M20,14H22V16H20V14Z" /></svg><svg id="ray-end" viewBox="0 0 24 24"><path d="M20,9C18.69,9 17.58,9.83 17.17,11H2V13H17.17C17.58,14.17 18.69,15 20,15A3,3 0 0,0 23,12A3,3 0 0,0 20,9Z" /></svg><svg id="ray-end-arrow" viewBox="0 0 24 24"><path d="M1,12L5,16V13H17.17C17.58,14.17 18.69,15 20,15A3,3 0 0,0 23,12A3,3 0 0,0 20,9C18.69,9 17.58,9.83 17.17,11H5V8L1,12Z" /></svg><svg id="ray-start" viewBox="0 0 24 24"><path d="M4,9C5.31,9 6.42,9.83 6.83,11H22V13H6.83C6.42,14.17 5.31,15 4,15A3,3 0 0,1 1,12A3,3 0 0,1 4,9Z" /></svg><svg id="ray-start-arrow" viewBox="0 0 24 24"><path d="M23,12L19,16V13H6.83C6.42,14.17 5.31,15 4,15A3,3 0 0,1 1,12A3,3 0 0,1 4,9C5.31,9 6.42,9.83 6.83,11H19V8L23,12Z" /></svg><svg id="ray-start-end" viewBox="0 0 24 24"><path d="M4,9C5.31,9 6.42,9.83 6.83,11H17.17C17.58,9.83 18.69,9 20,9A3,3 0 0,1 23,12A3,3 0 0,1 20,15C18.69,15 17.58,14.17 17.17,13H6.83C6.42,14.17 5.31,15 4,15A3,3 0 0,1 1,12A3,3 0 0,1 4,9Z" /></svg><svg id="ray-vertex" viewBox="0 0 24 24"><path d="M2,11H9.17C9.58,9.83 10.69,9 12,9C13.31,9 14.42,9.83 14.83,11H22V13H14.83C14.42,14.17 13.31,15 12,15C10.69,15 9.58,14.17 9.17,13H2V11Z" /></svg><svg id="react" viewBox="0 0 24 24"><path d="M12,10.11C13.03,10.11 13.87,10.95 13.87,12C13.87,13 13.03,13.85 12,13.85C10.97,13.85 10.13,13 10.13,12C10.13,10.95 10.97,10.11 12,10.11M7.37,20C8,20.38 9.38,19.8 10.97,18.3C10.45,17.71 9.94,17.07 9.46,16.4C8.64,16.32 7.83,16.2 7.06,16.04C6.55,18.18 6.74,19.65 7.37,20M8.08,14.26L7.79,13.75C7.68,14.04 7.57,14.33 7.5,14.61C7.77,14.67 8.07,14.72 8.38,14.77C8.28,14.6 8.18,14.43 8.08,14.26M14.62,13.5L15.43,12L14.62,10.5C14.32,9.97 14,9.5 13.71,9.03C13.17,9 12.6,9 12,9C11.4,9 10.83,9 10.29,9.03C10,9.5 9.68,9.97 9.38,10.5L8.57,12L9.38,13.5C9.68,14.03 10,14.5 10.29,14.97C10.83,15 11.4,15 12,15C12.6,15 13.17,15 13.71,14.97C14,14.5 14.32,14.03 14.62,13.5M12,6.78C11.81,7 11.61,7.23 11.41,7.5C11.61,7.5 11.8,7.5 12,7.5C12.2,7.5 12.39,7.5 12.59,7.5C12.39,7.23 12.19,7 12,6.78M12,17.22C12.19,17 12.39,16.77 12.59,16.5C12.39,16.5 12.2,16.5 12,16.5C11.8,16.5 11.61,16.5 11.41,16.5C11.61,16.77 11.81,17 12,17.22M16.62,4C16,3.62 14.62,4.2 13.03,5.7C13.55,6.29 14.06,6.93 14.54,7.6C15.36,7.68 16.17,7.8 16.94,7.96C17.45,5.82 17.26,4.35 16.62,4M15.92,9.74L16.21,10.25C16.32,9.96 16.43,9.67 16.5,9.39C16.23,9.33 15.93,9.28 15.62,9.23C15.72,9.4 15.82,9.57 15.92,9.74M17.37,2.69C18.84,3.53 19,5.74 18.38,8.32C20.92,9.07 22.75,10.31 22.75,12C22.75,13.69 20.92,14.93 18.38,15.68C19,18.26 18.84,20.47 17.37,21.31C15.91,22.15 13.92,21.19 12,19.36C10.08,21.19 8.09,22.15 6.62,21.31C5.16,20.47 5,18.26 5.62,15.68C3.08,14.93 1.25,13.69 1.25,12C1.25,10.31 3.08,9.07 5.62,8.32C5,5.74 5.16,3.53 6.62,2.69C8.09,1.85 10.08,2.81 12,4.64C13.92,2.81 15.91,1.85 17.37,2.69M17.08,12C17.42,12.75 17.72,13.5 17.97,14.26C20.07,13.63 21.25,12.73 21.25,12C21.25,11.27 20.07,10.37 17.97,9.74C17.72,10.5 17.42,11.25 17.08,12M6.92,12C6.58,11.25 6.28,10.5 6.03,9.74C3.93,10.37 2.75,11.27 2.75,12C2.75,12.73 3.93,13.63 6.03,14.26C6.28,13.5 6.58,12.75 6.92,12M15.92,14.26C15.82,14.43 15.72,14.6 15.62,14.77C15.93,14.72 16.23,14.67 16.5,14.61C16.43,14.33 16.32,14.04 16.21,13.75L15.92,14.26M13.03,18.3C14.62,19.8 16,20.38 16.62,20C17.26,19.65 17.45,18.18 16.94,16.04C16.17,16.2 15.36,16.32 14.54,16.4C14.06,17.07 13.55,17.71 13.03,18.3M8.08,9.74C8.18,9.57 8.28,9.4 8.38,9.23C8.07,9.28 7.77,9.33 7.5,9.39C7.57,9.67 7.68,9.96 7.79,10.25L8.08,9.74M10.97,5.7C9.38,4.2 8,3.62 7.37,4C6.74,4.35 6.55,5.82 7.06,7.96C7.83,7.8 8.64,7.68 9.46,7.6C9.94,6.93 10.45,6.29 10.97,5.7Z" /></svg><svg id="read" viewBox="0 0 24 24"><path d="M21.59,11.59L23,13L13.5,22.5L8.42,17.41L9.83,16L13.5,19.68L21.59,11.59M4,16V3H6L9,3A4,4 0 0,1 13,7C13,8.54 12.13,9.88 10.85,10.55L14,16H12L9.11,11H6V16H4M6,9H9A2,2 0 0,0 11,7A2,2 0 0,0 9,5H6V9Z" /></svg><svg id="receipt" viewBox="0 0 24 24"><path d="M3,22L4.5,20.5L6,22L7.5,20.5L9,22L10.5,20.5L12,22L13.5,20.5L15,22L16.5,20.5L18,22L19.5,20.5L21,22V2L19.5,3.5L18,2L16.5,3.5L15,2L13.5,3.5L12,2L10.5,3.5L9,2L7.5,3.5L6,2L4.5,3.5L3,2M18,9H6V7H18M18,13H6V11H18M18,17H6V15H18V17Z" /></svg><svg id="record" viewBox="0 0 24 24"><path d="M19,12C19,15.86 15.86,19 12,19C8.14,19 5,15.86 5,12C5,8.14 8.14,5 12,5C15.86,5 19,8.14 19,12Z" /></svg><svg id="record-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z" /></svg><svg id="record-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg><svg id="record-player" viewBox="0 0 24 24"><path d="M5,17.5A0.5,0.5 0 0,1 4.5,18H3.5A0.5,0.5 0 0,1 3,17.5V17H2A1,1 0 0,1 1,16V13A1,1 0 0,1 2,12H19V10H7L6,11V9A1,1 0 0,1 7,8H19V7H21V8A1,1 0 0,1 22,9V10H21V12H22A1,1 0 0,1 23,13V16A1,1 0 0,1 22,17H21V17.5A0.5,0.5 0 0,1 20.5,18H19.5A0.5,0.5 0 0,1 19,17.5V17H5V17.5M3,14V15H5V14H3M6,14V15H8V14H6M20.5,13.5A1,1 0 0,0 19.5,14.5A1,1 0 0,0 20.5,15.5A1,1 0 0,0 21.5,14.5A1,1 0 0,0 20.5,13.5Z" /></svg><svg id="record-rec" viewBox="0 0 24 24"><path d="M12.5,5A7.5,7.5 0 0,0 5,12.5A7.5,7.5 0 0,0 12.5,20A7.5,7.5 0 0,0 20,12.5A7.5,7.5 0 0,0 12.5,5M7,10H9A1,1 0 0,1 10,11V12C10,12.5 9.62,12.9 9.14,12.97L10.31,15H9.15L8,13V15H7M12,10H14V11H12V12H14V13H12V14H14V15H12A1,1 0 0,1 11,14V11A1,1 0 0,1 12,10M16,10H18V11H16V14H18V15H16A1,1 0 0,1 15,14V11A1,1 0 0,1 16,10M8,11V12H9V11" /></svg><svg id="rectangle" viewBox="0 0 24 24"><path d="M4,6V19H20V6H4Z" /></svg><svg id="rectangle-outline" viewBox="0 0 24 24"><path d="M4,6V19H20V6H4M18,17H6V8H18V17Z" /></svg><svg id="recycle" viewBox="0 0 24 24"><path d="M21.82,15.42L19.32,19.75C18.83,20.61 17.92,21.06 17,21H15V23L12.5,18.5L15,14V16H17.82L15.6,12.15L19.93,9.65L21.73,12.77C22.25,13.54 22.32,14.57 21.82,15.42M9.21,3.06H14.21C15.19,3.06 16.04,3.63 16.45,4.45L17.45,6.19L19.18,5.19L16.54,9.6L11.39,9.69L13.12,8.69L11.71,6.24L9.5,10.09L5.16,7.59L6.96,4.47C7.37,3.64 8.22,3.06 9.21,3.06M5.05,19.76L2.55,15.43C2.06,14.58 2.13,13.56 2.64,12.79L3.64,11.06L1.91,10.06L7.05,10.14L9.7,14.56L7.97,13.56L6.56,16H11V21H7.4C6.47,21.07 5.55,20.61 5.05,19.76Z" /></svg><svg id="reddit" viewBox="0 0 24 24"><path d="M22,12.14C22,10.92 21,9.96 19.81,9.96C19.22,9.96 18.68,10.19 18.29,10.57C16.79,9.5 14.72,8.79 12.43,8.7L13.43,4L16.7,4.71C16.73,5.53 17.41,6.19 18.25,6.19C19.11,6.19 19.81,5.5 19.81,4.63C19.81,3.77 19.11,3.08 18.25,3.08C17.65,3.08 17.11,3.43 16.86,3.95L13.22,3.18C13.11,3.16 13,3.18 12.93,3.24C12.84,3.29 12.79,3.38 12.77,3.5L11.66,8.72C9.33,8.79 7.23,9.5 5.71,10.58C5.32,10.21 4.78,10 4.19,10C2.97,10 2,10.96 2,12.16C2,13.06 2.54,13.81 3.29,14.15C3.25,14.37 3.24,14.58 3.24,14.81C3.24,18.18 7.16,20.93 12,20.93C16.84,20.93 20.76,18.2 20.76,14.81C20.76,14.6 20.75,14.37 20.71,14.15C21.46,13.81 22,13.04 22,12.14M7,13.7C7,12.84 7.68,12.14 8.54,12.14C9.4,12.14 10.1,12.84 10.1,13.7A1.56,1.56 0 0,1 8.54,15.26C7.68,15.28 7,14.56 7,13.7M15.71,17.84C14.63,18.92 12.59,19 12,19C11.39,19 9.35,18.9 8.29,17.84C8.13,17.68 8.13,17.43 8.29,17.27C8.45,17.11 8.7,17.11 8.86,17.27C9.54,17.95 11,18.18 12,18.18C13,18.18 14.47,17.95 15.14,17.27C15.3,17.11 15.55,17.11 15.71,17.27C15.85,17.43 15.85,17.68 15.71,17.84M15.42,15.28C14.56,15.28 13.86,14.58 13.86,13.72A1.56,1.56 0 0,1 15.42,12.16C16.28,12.16 17,12.86 17,13.72C17,14.56 16.28,15.28 15.42,15.28Z" /></svg><svg id="redo" viewBox="0 0 24 24"><path d="M18.4,10.6C16.55,9 14.15,8 11.5,8C6.85,8 2.92,11.03 1.54,15.22L3.9,16C4.95,12.81 7.95,10.5 11.5,10.5C13.45,10.5 15.23,11.22 16.62,12.38L13,16H22V7L18.4,10.6Z" /></svg><svg id="redo-variant" viewBox="0 0 24 24"><path d="M10.5,7A6.5,6.5 0 0,0 4,13.5A6.5,6.5 0 0,0 10.5,20H14V18H10.5C8,18 6,16 6,13.5C6,11 8,9 10.5,9H16.17L13.09,12.09L14.5,13.5L20,8L14.5,2.5L13.08,3.91L16.17,7H10.5M18,18H16V20H18V18Z" /></svg><svg id="reflect-horizontal" viewBox="0 0 24 24"><path d="M22,20H14A1,1 0 0,1 13,19V4.97C13,4.5 13.31,4.12 13.74,4C14.19,3.88 14.65,4.08 14.87,4.47L22.89,18.5C23.07,18.81 23.07,19.19 22.89,19.5C22.71,19.81 22.38,20 22,20M2,20C1.62,20 1.29,19.81 1.11,19.5C0.93,19.19 0.93,18.81 1.11,18.5L9.13,4.47C9.35,4.08 9.81,3.88 10.26,4C10.69,4.12 11,4.5 11,4.97V19A1,1 0 0,1 10,20H2M9,18V8.74L3.71,18H9Z" /></svg><svg id="reflect-vertical" viewBox="0 0 24 24"><path d="M18,23H6C5.61,23 5.26,22.79 5.09,22.45C4.92,22.11 4.96,21.7 5.19,21.4L11.2,13.38C11.58,12.87 12.42,12.87 12.8,13.38L18.81,21.4C19.04,21.7 19.08,22.11 18.91,22.45C18.74,22.79 18.39,23 18,23M18,1C18.39,1 18.74,1.21 18.91,1.55C19.08,1.89 19.04,2.3 18.81,2.6L12.8,10.62C12.42,11.13 11.58,11.13 11.2,10.62L5.19,2.6C4.96,2.3 4.92,1.89 5.09,1.55C5.26,1.21 5.61,1 6,1H18M8,3L12,8.35L16,3H8Z" /></svg><svg id="refresh" viewBox="0 0 24 24"><path d="M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z" /></svg><svg id="regex" viewBox="0 0 24 24"><path d="M16,16.92C15.67,16.97 15.34,17 15,17C14.66,17 14.33,16.97 14,16.92V13.41L11.5,15.89C11,15.5 10.5,15 10.11,14.5L12.59,12H9.08C9.03,11.67 9,11.34 9,11C9,10.66 9.03,10.33 9.08,10H12.59L10.11,7.5C10.3,7.25 10.5,7 10.76,6.76V6.76C11,6.5 11.25,6.3 11.5,6.11L14,8.59V5.08C14.33,5.03 14.66,5 15,5C15.34,5 15.67,5.03 16,5.08V8.59L18.5,6.11C19,6.5 19.5,7 19.89,7.5L17.41,10H20.92C20.97,10.33 21,10.66 21,11C21,11.34 20.97,11.67 20.92,12H17.41L19.89,14.5C19.7,14.75 19.5,15 19.24,15.24V15.24C19,15.5 18.75,15.7 18.5,15.89L16,13.41V16.92H16V16.92M5,19A2,2 0 0,1 7,17A2,2 0 0,1 9,19A2,2 0 0,1 7,21A2,2 0 0,1 5,19H5Z" /></svg><svg id="registered-trademark" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12.25,13.27H10.81V16.5H9V7.71H12.26C13.29,7.71 14.09,7.94 14.66,8.4C15.22,8.87 15.5,9.5 15.5,10.36C15.5,10.96 15.37,11.46 15.11,11.86C14.85,12.26 14.46,12.58 13.93,12.81L15.83,16.4V16.5H13.89L12.25,13.27M10.81,11.81H12.27C12.72,11.81 13.07,11.69 13.32,11.46C13.57,11.23 13.69,10.91 13.69,10.5C13.69,10.09 13.58,9.77 13.34,9.53C13.11,9.29 12.75,9.18 12.26,9.18H10.81V11.81Z" /></svg><svg id="relative-scale" viewBox="0 0 24 24"><path d="M20,18H4V6H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4M12,10H10V12H12M8,10H6V12H8M16,14H14V16H16M16,10H14V12H16V10Z" /></svg><svg id="reload" viewBox="0 0 24 24"><path d="M19,12H22.32L17.37,16.95L12.42,12H16.97C17,10.46 16.42,8.93 15.24,7.75C12.9,5.41 9.1,5.41 6.76,7.75C4.42,10.09 4.42,13.9 6.76,16.24C8.6,18.08 11.36,18.47 13.58,17.41L15.05,18.88C12,20.69 8,20.29 5.34,17.65C2.22,14.53 2.23,9.47 5.35,6.35C8.5,3.22 13.53,3.21 16.66,6.34C18.22,7.9 19,9.95 19,12Z" /></svg><svg id="reminder" viewBox="0 0 24 24"><path d="M7.25,3C7.9,3 8.5,3.21 9,3.56V3A2,2 0 0,1 11,1A2,2 0 0,1 13,3V3.57C13.5,3.22 14.1,3 14.75,3A3,3 0 0,1 17.75,6C17.75,7.58 16.54,8.87 15,9H13V10H14.24L14.72,10.13L19.31,12.42C20.13,12.73 20.53,13.34 20.53,14.25L20.5,14.39V14.53L19.5,21.28C19.44,21.75 19.22,22.16 18.84,22.5C18.47,22.84 18.05,23 17.58,23H10C9.45,23 9,22.81 8.58,22.41L2,15.84L3.05,14.77C3.33,14.5 3.69,14.34 4.13,14.34H4.45L9,15.33V10L9,9H7V9C5.46,8.86 4.25,7.57 4.25,6A3,3 0 0,1 7.25,3M9,6A1.75,1.75 0 0,0 7.25,4.25A1.75,1.75 0 0,0 5.5,6C5.5,6.88 6.15,7.61 7,7.73V7.75H9V6M15,7.75V7.74C15.85,7.62 16.5,6.89 16.5,6C16.5,5.04 15.72,4.26 14.75,4.26C13.78,4.26 13,5.04 13,6V7.75H15Z" /></svg><svg id="remote" viewBox="0 0 24 24"><path d="M12,0C8.96,0 6.21,1.23 4.22,3.22L5.63,4.63C7.26,3 9.5,2 12,2C14.5,2 16.74,3 18.36,4.64L19.77,3.23C17.79,1.23 15.04,0 12,0M7.05,6.05L8.46,7.46C9.37,6.56 10.62,6 12,6C13.38,6 14.63,6.56 15.54,7.46L16.95,6.05C15.68,4.78 13.93,4 12,4C10.07,4 8.32,4.78 7.05,6.05M12,15A2,2 0 0,1 10,13A2,2 0 0,1 12,11A2,2 0 0,1 14,13A2,2 0 0,1 12,15M15,9H9A1,1 0 0,0 8,10V22A1,1 0 0,0 9,23H15A1,1 0 0,0 16,22V10A1,1 0 0,0 15,9Z" /></svg><svg id="remote-desktop" viewBox="0 0 24 24"><path d="M3,2A2,2 0 0,0 1,4V16C1,17.11 1.9,18 3,18H10V20H8V22H16V20H14V18H21A2,2 0 0,0 23,16V4A2,2 0 0,0 21,2M3,4H21V16H3M15,5L11.5,8.5L15,12L16.4,10.6L14.3,8.5L16.4,6.4M9,8L7.6,9.4L9.7,11.5L7.6,13.6L9,15L12.5,11.5" /></svg><svg id="remote-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L21,21.72L19.73,23L16,19.27V22A1,1 0 0,1 15,23H9C8.46,23 8,22.55 8,22V11.27L2,5.27M12,0C15.05,0 17.8,1.23 19.77,3.23L18.36,4.64C16.75,3 14.5,2 12,2C9.72,2 7.64,2.85 6.06,4.24L4.64,2.82C6.59,1.07 9.17,0 12,0M12,4C13.94,4 15.69,4.78 16.95,6.05L15.55,7.46C14.64,6.56 13.39,6 12,6C10.83,6 9.76,6.4 8.9,7.08L7.5,5.66C8.7,4.62 10.28,4 12,4M15,9C15.56,9 16,9.45 16,10V14.18L13.5,11.69L13.31,11.5L10.82,9H15M10.03,13.3C10.16,14.16 10.84,14.85 11.71,15L10.03,13.3Z" /></svg><svg id="remote-tv" viewBox="0 0 24 24"><path d="M9,2C7.89,2 7,2.89 7,4V20C7,21.11 7.89,22 9,22H15C16.11,22 17,21.11 17,20V4C17,2.89 16.11,2 15,2H13V4H11V2H9M11,6H13V8H15V10H13V12H11V10H9V8H11V6M9,14H11V16H9V14M13,14H15V16H13V14M9,18H11V20H9V18M13,18H15V20H13V18Z" /></svg><svg id="remote-tv-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L17,20.25C16.86,21.24 16,22 15,22H9A2,2 0 0,1 7,20V10.27L2,5.27M9,2H11V4H13V2H15A2,2 0 0,1 17,4V15.18L13,11.18V10H15V8H13V6H11V8H9.82L7,5.18V4A2,2 0 0,1 9,2M9,20H11V18H9V20M13,20H15V18.27L14.73,18H13V20M9,14V16H11V14.27L10.73,14H9Z" /></svg><svg id="rename-box" viewBox="0 0 24 24"><path d="M18,17H10.5L12.5,15H18M6,17V14.5L13.88,6.65C14.07,6.45 14.39,6.45 14.59,6.65L16.35,8.41C16.55,8.61 16.55,8.92 16.35,9.12L8.47,17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg><svg id="reorder-horizontal" viewBox="0 0 24 24"><path d="M3,15H21V13H3V15M3,19H21V17H3V19M3,11H21V9H3V11M3,5V7H21V5H3Z" /></svg><svg id="reorder-vertical" viewBox="0 0 24 24"><path d="M9,3V21H11V3H9M5,3V21H7V3H5M13,3V21H15V3H13M19,3H17V21H19V3Z" /></svg><svg id="repeat" viewBox="0 0 24 24"><path d="M17,17H7V14L3,18L7,22V19H19V13H17M7,7H17V10L21,6L17,2V5H5V11H7V7Z" /></svg><svg id="repeat-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L15.73,19H7V22L3,18L7,14V17H13.73L7,10.27V11H5V8.27L2,5.27M17,13H19V17.18L17,15.18V13M17,5V2L21,6L17,10V7H8.82L6.82,5H17Z" /></svg><svg id="repeat-once" viewBox="0 0 24 24"><path d="M13,15V9H12L10,10V11H11.5V15M17,17H7V14L3,18L7,22V19H19V13H17M7,7H17V10L21,6L17,2V5H5V11H7V7Z" /></svg><svg id="replay" viewBox="0 0 24 24"><path d="M12,5V1L7,6L12,11V7A6,6 0 0,1 18,13A6,6 0 0,1 12,19A6,6 0 0,1 6,13H4A8,8 0 0,0 12,21A8,8 0 0,0 20,13A8,8 0 0,0 12,5Z" /></svg><svg id="reply" viewBox="0 0 24 24"><path d="M10,9V5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9Z" /></svg><svg id="reply-all" viewBox="0 0 24 24"><path d="M13,9V5L6,12L13,19V14.9C18,14.9 21.5,16.5 24,20C23,15 20,10 13,9M7,8V5L0,12L7,19V16L3,12L7,8Z" /></svg><svg id="reproduction" viewBox="0 0 24 24"><path d="M12.72,13.15L13.62,12.26C13.6,11 14.31,9.44 15.62,8.14C17.57,6.18 20.11,5.55 21.28,6.72C22.45,7.89 21.82,10.43 19.86,12.38C18.56,13.69 17,14.4 15.74,14.38L14.85,15.28C14.5,15.61 14,15.66 13.6,15.41C12.76,15.71 12,16.08 11.56,16.8C11.03,17.68 11.03,19.1 10.47,19.95C9.91,20.81 8.79,21.1 7.61,21.1C6.43,21.1 5,21 3.95,19.5L6.43,19.92C7,20 8.5,19.39 9.05,18.54C9.61,17.68 9.61,16.27 10.14,15.38C10.61,14.6 11.5,14.23 12.43,13.91C12.42,13.64 12.5,13.36 12.72,13.15M7,2A5,5 0 0,1 12,7A5,5 0 0,1 7,12A5,5 0 0,1 2,7A5,5 0 0,1 7,2M7,4A3,3 0 0,0 4,7A3,3 0 0,0 7,10A3,3 0 0,0 10,7A3,3 0 0,0 7,4Z" /></svg><svg id="resistor" viewBox="0 0 24 24"><path d="M2,11H7L10.07,15.35L13.11,4L18,11H22V13H17L13.93,8.65L10.89,20L6,13H2V11Z" /></svg><svg id="resistor-nodes" viewBox="0 0 24 24"><path d="M2,11H3.67C4.08,9.83 5.19,9 6.5,9A3,3 0 0,1 9.5,12C9.5,12.65 9.29,13.25 8.94,13.74L10.07,15.35L13.11,4L14.61,6.13L16.7,9.11L17.5,9C18.81,9 19.92,9.83 20.33,11H22V13H20.33C19.92,14.17 18.81,15 17.5,15A3,3 0 0,1 14.5,12C14.5,11.35 14.71,10.75 15.06,10.26L13.93,8.65L10.89,20L7.3,14.89C7.05,14.96 6.78,15 6.5,15C5.19,15 4.08,14.17 3.67,13H2V11M17.5,10.5A1.5,1.5 0 0,0 16,12A1.5,1.5 0 0,0 17.5,13.5A1.5,1.5 0 0,0 19,12A1.5,1.5 0 0,0 17.5,10.5M6.5,10.5A1.5,1.5 0 0,0 5,12A1.5,1.5 0 0,0 6.5,13.5A1.5,1.5 0 0,0 8,12A1.5,1.5 0 0,0 6.5,10.5Z" /></svg><svg id="resize" viewBox="0 0 24 24"><path d="M10.59,12L14.59,8H11V6H18V13H16V9.41L12,13.41V16H20V4H8V12H10.59M22,2V18H12V22H2V12H6V2H22M10,14H4V20H10V14Z" /></svg><svg id="resize-bottom-right" viewBox="0 0 24 24"><path d="M22,22H20V20H22V22M22,18H20V16H22V18M18,22H16V20H18V22M18,18H16V16H18V18M14,22H12V20H14V22M22,14H20V12H22V14Z" /></svg><svg id="responsive" viewBox="0 0 24 24"><path d="M4,6V16H9V12A2,2 0 0,1 11,10H16A2,2 0 0,1 18,12V16H20V6H4M0,20V18H4A2,2 0 0,1 2,16V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V16A2,2 0 0,1 20,18H24V20H18V20C18,21.11 17.1,22 16,22H11A2,2 0 0,1 9,20H9L0,20M11.5,20A0.5,0.5 0 0,0 11,20.5A0.5,0.5 0 0,0 11.5,21A0.5,0.5 0 0,0 12,20.5A0.5,0.5 0 0,0 11.5,20M15.5,20A0.5,0.5 0 0,0 15,20.5A0.5,0.5 0 0,0 15.5,21A0.5,0.5 0 0,0 16,20.5A0.5,0.5 0 0,0 15.5,20M13,20V21H14V20H13M11,12V19H16V12H11Z" /></svg><svg id="restart" viewBox="0 0 24 24"><path d="M12,4C14.1,4 16.1,4.8 17.6,6.3C20.7,9.4 20.7,14.5 17.6,17.6C15.8,19.5 13.3,20.2 10.9,19.9L11.4,17.9C13.1,18.1 14.9,17.5 16.2,16.2C18.5,13.9 18.5,10.1 16.2,7.7C15.1,6.6 13.5,6 12,6V10.6L7,5.6L12,0.6V4M6.3,17.6C3.7,15 3.3,11 5.1,7.9L6.6,9.4C5.5,11.6 5.9,14.4 7.8,16.2C8.3,16.7 8.9,17.1 9.6,17.4L9,19.4C8,19 7.1,18.4 6.3,17.6Z" /></svg><svg id="restart-off" viewBox="0 0 24 24"><path d="M20.8,22.7L16.6,18.5C14.9,19.7 12.9,20.2 10.9,19.9L11.4,17.9C12.7,18 14,17.7 15.1,17L1.1,3L2.4,1.7L16.5,15.8L17.9,17.2L22.1,21.4L20.8,22.7M12,6C13.5,6 15.1,6.6 16.2,7.8C18,9.6 18.4,12.2 17.5,14.4L19,15.9C20.7,12.9 20.2,9 17.6,6.4C16.1,4.8 14,4 12,4V0.7L7.9,4.7L12,8.8V6M6.6,9.4L5.1,7.9C3.3,11 3.7,15 6.3,17.7C7.1,18.4 8,19 9,19.4L9.5,17.4C8.9,17.1 8.3,16.7 7.7,16.2C5.9,14.4 5.5,11.6 6.6,9.4Z" /></svg><svg id="restore" viewBox="0 0 24 24"><path d="M13,3A9,9 0 0,0 4,12H1L4.89,15.89L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3Z" /></svg><svg id="restore-clock" viewBox="0 0 24 24"><path d="M13,3A9,9 0 0,0 4,12H1L4.89,15.89L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3M12,8V13L16.28,15.54L17,14.33L13.5,12.25V8H12Z" /></svg><svg id="rewind" viewBox="0 0 24 24"><path d="M11.5,12L20,18V6M11,18V6L2.5,12L11,18Z" /></svg><svg id="rewind-10" viewBox="0 0 24 24"><path d="M12.5,3C17.15,3 21.08,6.03 22.47,10.22L20.1,11C19.05,7.81 16.04,5.5 12.5,5.5C10.54,5.5 8.77,6.22 7.38,7.38L10,10H3V3L5.6,5.6C7.45,4 9.85,3 12.5,3M10,12V22H8V14H6V12H10M18,14V20C18,21.11 17.11,22 16,22H14A2,2 0 0,1 12,20V14A2,2 0 0,1 14,12H16C17.11,12 18,12.9 18,14M14,14V20H16V14H14Z" /></svg><svg id="rewind-30" viewBox="0 0 24 24"><path d="M19,14V20C19,21.11 18.11,22 17,22H15A2,2 0 0,1 13,20V14A2,2 0 0,1 15,12H17C18.11,12 19,12.9 19,14M15,14V20H17V14H15M11,20C11,21.11 10.1,22 9,22H5V20H9V18H7V16H9V14H5V12H9A2,2 0 0,1 11,14V15.5A1.5,1.5 0 0,1 9.5,17A1.5,1.5 0 0,1 11,18.5V20M12.5,3C17.15,3 21.08,6.03 22.47,10.22L20.1,11C19.05,7.81 16.04,5.5 12.5,5.5C10.54,5.5 8.77,6.22 7.38,7.38L10,10H3V3L5.6,5.6C7.45,4 9.85,3 12.5,3Z" /></svg><svg id="rewind-outline" viewBox="0 0 24 24"><path d="M10,9.9L7,12L10,14.1V9.9M19,9.9L16,12L19,14.1V9.9M12,6V18L3.5,12L12,6M21,6V18L12.5,12L21,6Z" /></svg><svg id="rhombus" viewBox="0 0 24 24"><path d="M21.5,10.8L13.2,2.5C12.5,1.8 11.5,1.8 10.8,2.5L2.5,10.8C1.8,11.5 1.8,12.5 2.5,13.2L10.8,21.5C11.5,22.2 12.5,22.2 13.2,21.5L21.5,13.2C22.1,12.5 22.1,11.5 21.5,10.8Z" /></svg><svg id="rhombus-medium" viewBox="0 0 24 24"><path d="M17.23,11.34L12.68,6.79C12.3,6.4 11.75,6.4 11.36,6.79L6.81,11.34C6.42,11.73 6.42,12.28 6.81,12.66L11.36,17.21C11.75,17.6 12.3,17.6 12.68,17.21L17.23,12.66C17.56,12.27 17.56,11.73 17.23,11.34Z" /></svg><svg id="rhombus-outline" viewBox="0 0 24 24"><path d="M21.5,10.8L13.2,2.5C12.5,1.8 11.5,1.8 10.8,2.5L2.5,10.8C1.8,11.5 1.8,12.5 2.5,13.2L10.8,21.5C11.5,22.2 12.5,22.2 13.2,21.5L21.5,13.2C22.1,12.5 22.1,11.5 21.5,10.8M20.3,12L12,20.3L3.7,12L12,3.7L20.3,12Z" /></svg><svg id="rhombus-split" viewBox="0 0 24 24"><path d="M7.36,5.94L10.8,2.5C11.5,1.8 12.5,1.8 13.2,2.5L16.64,5.94L12,10.59L7.36,5.94M18.06,7.36L13.41,12L18.06,16.64L21.5,13.2C22.1,12.5 22.1,11.5 21.5,10.8L18.06,7.36M5.94,16.64L10.59,12L5.94,7.36L2.5,10.8C1.8,11.5 1.8,12.5 2.5,13.2L5.94,16.64M12,13.41L7.36,18.06L10.8,21.5C11.5,22.2 12.5,22.2 13.2,21.5L16.64,18.06L12,13.41Z" /></svg><svg id="ribbon" viewBox="0 0 24 24"><path d="M13.41,19.31L16.59,22.5L18,21.07L14.83,17.9M15.54,11.53H15.53L12,15.07L8.47,11.53H8.46V11.53C7.56,10.63 7,9.38 7,8A5,5 0 0,1 12,3A5,5 0 0,1 17,8C17,9.38 16.44,10.63 15.54,11.53M16.9,13C18.2,11.73 19,9.96 19,8A7,7 0 0,0 12,1A7,7 0 0,0 5,8C5,9.96 5.81,11.73 7.1,13V13L10.59,16.5L6,21.07L7.41,22.5L16.9,13Z" /></svg><svg id="rice" viewBox="0 0 24 24"><path d="M22,11H19.7C19.4,9.9 18.9,8.8 18.2,8L21.6,2.6L19.9,1.5L16.7,6.6C16.3,6.3 16,6.1 15.5,5.9L16.4,2.3L14.5,1.8L13.7,5.2C13.1,5.1 12.6,5 12,5C8.3,5 5.2,7.6 4.3,11H2C2,15.1 4.5,18.6 8,20.2V22H16V20.2C19.5,18.6 22,15.1 22,11M12,7C14.6,7 16.8,8.7 17.6,11H6.4C7.2,8.7 9.4,7 12,7Z" /></svg><svg id="ring" viewBox="0 0 24 24"><path d="M12,10L8,4.4L9.6,2H14.4L16,4.4L12,10M15.5,6.8L14.3,8.5C16.5,9.4 18,11.5 18,14A6,6 0 0,1 12,20A6,6 0 0,1 6,14C6,11.5 7.5,9.4 9.7,8.5L8.5,6.8C5.8,8.1 4,10.8 4,14A8,8 0 0,0 12,22A8,8 0 0,0 20,14C20,10.8 18.2,8.1 15.5,6.8Z" /></svg><svg id="rivet" viewBox="0 0 24 24"><path d="M11.43,2C10.61,2 9.94,2.65 9.94,3.5C9.94,4.64 9.94,5.8 9.94,6.96H7.95V7.95H15.91V6.96H13.92C13.92,5.8 13.92,4.64 13.92,3.5C13.92,2.65 13.25,2 12.43,2H11.43M10.94,8.95V21.87L11.93,22.87L12.92,21.87V8.95H10.94Z" /></svg><svg id="road" viewBox="0 0 24 24"><path d="M11,16H13V20H11M11,10H13V14H11M11,4H13V8H11M4,22H20V2H4V22Z" /></svg><svg id="road-variant" viewBox="0 0 24 24"><path d="M18.1,4.8C18,4.3 17.6,4 17.1,4H13L13.2,7H10.8L11,4H6.8C6.3,4 5.9,4.4 5.8,4.8L3.1,18.8C3,19.4 3.5,20 4.1,20H10L10.3,15H13.7L14,20H19.8C20.4,20 20.9,19.4 20.8,18.8L18.1,4.8M10.4,13L10.6,9H13.2L13.4,13H10.4Z" /></svg><svg id="robot" viewBox="0 0 24 24"><path d="M12,2A2,2 0 0,1 14,4C14,4.74 13.6,5.39 13,5.73V7H14A7,7 0 0,1 21,14H22A1,1 0 0,1 23,15V18A1,1 0 0,1 22,19H21V20A2,2 0 0,1 19,22H5A2,2 0 0,1 3,20V19H2A1,1 0 0,1 1,18V15A1,1 0 0,1 2,14H3A7,7 0 0,1 10,7H11V5.73C10.4,5.39 10,4.74 10,4A2,2 0 0,1 12,2M7.5,13A2.5,2.5 0 0,0 5,15.5A2.5,2.5 0 0,0 7.5,18A2.5,2.5 0 0,0 10,15.5A2.5,2.5 0 0,0 7.5,13M16.5,13A2.5,2.5 0 0,0 14,15.5A2.5,2.5 0 0,0 16.5,18A2.5,2.5 0 0,0 19,15.5A2.5,2.5 0 0,0 16.5,13Z" /></svg><svg id="robot-industrial" viewBox="0 0 24 24"><path d="M18.41,4L16,6.41V6.59L18.41,9H22V11H17.59L16,9.41V12H15A2,2 0 0,1 13,10V7.5H9.86C9.77,7.87 9.62,8.22 9.42,8.55L15.18,19H20A2,2 0 0,1 22,21V22H2V21A2,2 0 0,1 4,19H10.61L5.92,10.5C4.12,10.47 2.56,9.24 2.11,7.5C1.56,5.36 2.85,3.18 5,2.63C7.13,2.08 9.31,3.36 9.86,5.5H13V3A2,2 0 0,1 15,1H16V3.59L17.59,2H22V4H18.41M6,4.5A2,2 0 0,0 4,6.5A2,2 0 0,0 6,8.5A2,2 0 0,0 8,6.5A2,2 0 0,0 6,4.5Z" /></svg><svg id="robot-vacuum" viewBox="0 0 24 24"><path d="M12,2C14.65,2 17.19,3.06 19.07,4.93L17.65,6.35C16.15,4.85 14.12,4 12,4C9.88,4 7.84,4.84 6.35,6.35L4.93,4.93C6.81,3.06 9.35,2 12,2M3.66,6.5L5.11,7.94C4.39,9.17 4,10.57 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12C20,10.57 19.61,9.17 18.88,7.94L20.34,6.5C21.42,8.12 22,10.04 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12C2,10.04 2.58,8.12 3.66,6.5M12,6A6,6 0 0,1 18,12C18,13.59 17.37,15.12 16.24,16.24L14.83,14.83C14.08,15.58 13.06,16 12,16C10.94,16 9.92,15.58 9.17,14.83L7.76,16.24C6.63,15.12 6,13.59 6,12A6,6 0 0,1 12,6M12,8A1,1 0 0,0 11,9A1,1 0 0,0 12,10A1,1 0 0,0 13,9A1,1 0 0,0 12,8Z" /></svg><svg id="robot-vacuum-variant" viewBox="0 0 24 24"><path d="M5,3A2,2 0 0,0 3,5V7H5V5H19V7H21V5A2,2 0 0,0 19,3H5M8,7V9H16V7H8M3,9V12A9,9 0 0,0 12,21A9,9 0 0,0 21,12V9H19V12A7,7 0 0,1 12,19A7,7 0 0,1 5,12V9H3M12,12A2.5,2.5 0 0,0 9.5,14.5A2.5,2.5 0 0,0 12,17A2.5,2.5 0 0,0 14.5,14.5A2.5,2.5 0 0,0 12,12Z" /></svg><svg id="rocket" viewBox="0 0 24 24"><path d="M2.81,14.12L5.64,11.29L8.17,10.79C11.39,6.41 17.55,4.22 19.78,4.22C19.78,6.45 17.59,12.61 13.21,15.83L12.71,18.36L9.88,21.19L9.17,17.66C7.76,17.66 7.76,17.66 7.05,16.95C6.34,16.24 6.34,16.24 6.34,14.83L2.81,14.12M5.64,16.95L7.05,18.36L4.39,21.03H2.97V19.61L5.64,16.95M4.22,15.54L5.46,15.71L3,18.16V16.74L4.22,15.54M8.29,18.54L8.46,19.78L7.26,21H5.84L8.29,18.54M13,9.5A1.5,1.5 0 0,0 11.5,11A1.5,1.5 0 0,0 13,12.5A1.5,1.5 0 0,0 14.5,11A1.5,1.5 0 0,0 13,9.5Z" /></svg><svg id="roller-skate" viewBox="0 0 24 24"><path d="M19,15C19,15 19,16 17,16C15,16 4,16 4,16V3H11L11.21,4.5H9.24V6H11.43L11.64,7.5H9.24V9H11.86L12,10H14C14,10 19,10 19,15M6.5,17A2.5,2.5 0 0,0 4,19.5A2.5,2.5 0 0,0 6.5,22A2.5,2.5 0 0,0 9,19.5A2.5,2.5 0 0,0 6.5,17M16.5,17A2.5,2.5 0 0,0 14,19.5A2.5,2.5 0 0,0 16.5,22A2.5,2.5 0 0,0 19,19.5A2.5,2.5 0 0,0 16.5,17Z" /></svg><svg id="rollerblade" viewBox="0 0 24 24"><path d="M19,15C19,15 19,16 17,16C15,16 4,16 4,16V3H11L11.21,4.5H9.24V6H11.43L11.64,7.5H9.24V9H11.86L12,10H14C14,10 19,10 19,15M5.5,17A2.5,2.5 0 0,0 3,19.5A2.5,2.5 0 0,0 5.5,22A2.5,2.5 0 0,0 8,19.5A2.5,2.5 0 0,0 5.5,17M17.5,17A2.5,2.5 0 0,0 15,19.5A2.5,2.5 0 0,0 17.5,22A2.5,2.5 0 0,0 20,19.5A2.5,2.5 0 0,0 17.5,17M11.5,17A2.5,2.5 0 0,0 9,19.5A2.5,2.5 0 0,0 11.5,22A2.5,2.5 0 0,0 14,19.5A2.5,2.5 0 0,0 11.5,17Z" /></svg><svg id="rollupjs" viewBox="0 0 24 24"><path d="M19.46,8.64C19.46,11.11 18.11,13.26 16.12,14.4C16,14.5 15.93,14.66 16,14.81L19.41,21.55C19.5,21.76 19.36,22 19.13,22H6.1L6.17,21.96C6.66,21.68 10.06,14.97 13.38,11.79C16.7,8.61 17.12,9.67 15.29,6.21C15.29,6.21 16.7,8.96 15.5,9.17C14.56,9.34 12.4,7.25 13.2,5.37C14,3.53 17.15,3.88 18.6,5.38C19.15,6.34 19.46,7.45 19.46,8.64M7.16,13.13C5.84,15.56 5,17.33 4.54,18.57V2.31C4.54,2.14 4.68,2 4.85,2H12.92C15.26,2.04 17.31,3.28 18.46,5.15C17.62,4.1 16.3,3.5 15,3.5C12.53,3.5 11.91,4.4 7.16,13.13Z" /></svg><svg id="room-service" viewBox="0 0 24 24"><path d="M12,5A2,2 0 0,1 14,7C14,7.24 13.96,7.47 13.88,7.69C17.95,8.5 21,11.91 21,16H3C3,11.91 6.05,8.5 10.12,7.69C10.04,7.47 10,7.24 10,7A2,2 0 0,1 12,5M22,19H2V17H22V19Z" /></svg><svg id="room-service-outline" viewBox="0 0 24 24"><path d="M12,5A2,2 0 0,1 14,7C14,7.24 13.96,7.47 13.88,7.69C17.95,8.5 21,11.91 21,16H3C3,11.91 6.05,8.5 10.12,7.69C10.04,7.47 10,7.24 10,7A2,2 0 0,1 12,5M22,19H2V17H22V19M12,9.5C8.89,9.5 6.25,11.39 5.34,14H18.66C17.75,11.39 15.11,9.5 12,9.5Z" /></svg><svg id="rotate-3d" viewBox="0 0 24 24"><path d="M7.47,21.5C4.2,19.94 1.86,16.76 1.5,13H0C0.5,19.16 5.66,24 11.95,24L12.61,23.97L8.8,20.16L7.47,21.5M8.36,14.96C8.17,14.96 8,14.93 7.84,14.88C7.68,14.82 7.55,14.75 7.44,14.64C7.33,14.54 7.24,14.42 7.18,14.27C7.12,14.13 7.09,13.97 7.09,13.8H5.79C5.79,14.16 5.86,14.5 6,14.75C6.14,15 6.33,15.25 6.56,15.44C6.8,15.62 7.07,15.76 7.38,15.85C7.68,15.95 8,16 8.34,16C8.71,16 9.06,15.95 9.37,15.85C9.69,15.75 9.97,15.6 10.2,15.41C10.43,15.22 10.62,15 10.75,14.69C10.88,14.4 10.95,14.08 10.95,13.72C10.95,13.53 10.93,13.34 10.88,13.16C10.83,13 10.76,12.81 10.65,12.65C10.55,12.5 10.41,12.35 10.25,12.22C10.08,12.09 9.88,12 9.64,11.91C9.84,11.82 10,11.71 10.16,11.58C10.31,11.45 10.43,11.31 10.53,11.16C10.63,11 10.7,10.86 10.75,10.7C10.8,10.54 10.82,10.38 10.82,10.22C10.82,9.86 10.76,9.54 10.64,9.26C10.5,9 10.35,8.75 10.13,8.57C9.93,8.38 9.66,8.24 9.36,8.14C9.05,8.05 8.71,8 8.34,8C8,8 7.65,8.05 7.34,8.16C7.04,8.27 6.77,8.42 6.55,8.61C6.34,8.8 6.17,9 6.04,9.28C5.92,9.54 5.86,9.82 5.86,10.13H7.16C7.16,9.96 7.19,9.81 7.25,9.68C7.31,9.55 7.39,9.43 7.5,9.34C7.61,9.25 7.73,9.17 7.88,9.12C8.03,9.07 8.18,9.04 8.36,9.04C8.76,9.04 9.06,9.14 9.25,9.35C9.44,9.55 9.54,9.84 9.54,10.21C9.54,10.39 9.5,10.55 9.46,10.7C9.41,10.85 9.32,10.97 9.21,11.07C9.1,11.17 8.96,11.25 8.8,11.31C8.64,11.37 8.44,11.4 8.22,11.4H7.45V12.43H8.22C8.44,12.43 8.64,12.45 8.82,12.5C9,12.55 9.15,12.63 9.27,12.73C9.39,12.84 9.5,12.97 9.56,13.13C9.63,13.29 9.66,13.5 9.66,13.7C9.66,14.11 9.54,14.42 9.31,14.63C9.08,14.86 8.76,14.96 8.36,14.96M16.91,9.04C16.59,8.71 16.21,8.45 15.77,8.27C15.34,8.09 14.85,8 14.31,8H11.95V16H14.25C14.8,16 15.31,15.91 15.76,15.73C16.21,15.55 16.6,15.3 16.92,14.97C17.24,14.64 17.5,14.24 17.66,13.78C17.83,13.31 17.92,12.79 17.92,12.21V11.81C17.92,11.23 17.83,10.71 17.66,10.24C17.5,9.77 17.23,9.37 16.91,9.04M16.5,12.2C16.5,12.62 16.47,13 16.38,13.33C16.28,13.66 16.14,13.95 15.95,14.18C15.76,14.41 15.5,14.59 15.24,14.71C14.95,14.83 14.62,14.89 14.25,14.89H13.34V9.12H14.31C15.03,9.12 15.58,9.35 15.95,9.81C16.33,10.27 16.5,10.93 16.5,11.8M11.95,0L11.29,0.03L15.1,3.84L16.43,2.5C19.7,4.06 22.04,7.23 22.39,11H23.89C23.39,4.84 18.24,0 11.95,0Z" /></svg><svg id="rotate-3d-variant" viewBox="0 0 24 24"><path d="M12,5C16.97,5 21,7.69 21,11C21,12.68 19.96,14.2 18.29,15.29C19.36,14.42 20,13.32 20,12.13C20,9.29 16.42,7 12,7V10L8,6L12,2V5M12,19C7.03,19 3,16.31 3,13C3,11.32 4.04,9.8 5.71,8.71C4.64,9.58 4,10.68 4,11.88C4,14.71 7.58,17 12,17V14L16,18L12,22V19Z" /></svg><svg id="rotate-left" viewBox="0 0 24 24"><path d="M13,4.07V1L8.45,5.55L13,10V6.09C15.84,6.57 18,9.03 18,12C18,14.97 15.84,17.43 13,17.91V19.93C16.95,19.44 20,16.08 20,12C20,7.92 16.95,4.56 13,4.07M7.1,18.32C8.26,19.22 9.61,19.76 11,19.93V17.9C10.13,17.75 9.29,17.41 8.54,16.87L7.1,18.32M6.09,13H4.07C4.24,14.39 4.79,15.73 5.69,16.89L7.1,15.47C6.58,14.72 6.23,13.88 6.09,13M7.11,8.53L5.7,7.11C4.8,8.27 4.24,9.61 4.07,11H6.09C6.23,10.13 6.58,9.28 7.11,8.53Z" /></svg><svg id="rotate-left-variant" viewBox="0 0 24 24"><path d="M4,2H7A2,2 0 0,1 9,4V20A2,2 0 0,1 7,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M20,15A2,2 0 0,1 22,17V20A2,2 0 0,1 20,22H11V15H20M14,4A8,8 0 0,1 22,12L21.94,13H19.92L20,12A6,6 0 0,0 14,6V9L10,5L14,1V4Z" /></svg><svg id="rotate-orbit" viewBox="0 0 24 24"><path d="M8,14.25L4.75,11H7C7.25,5.39 9.39,1 12,1C14,1 15.77,3.64 16.55,7.45C20.36,8.23 23,10 23,12C23,13.83 20.83,15.43 17.6,16.3L17.89,14.27C19.8,13.72 21,12.91 21,12C21,10.94 19.35,10 16.87,9.5C16.95,10.29 17,11.13 17,12C17,18.08 14.76,23 12,23C10.17,23 8.57,20.83 7.7,17.6L9.73,17.89C10.28,19.8 11.09,21 12,21C13.66,21 15,16.97 15,12C15,11 14.95,10.05 14.85,9.15C13.95,9.05 13,9 12,9L10.14,9.06L10.43,7.05L12,7C12.87,7 13.71,7.05 14.5,7.13C14,4.65 13.06,3 12,3C10.46,3 9.18,6.5 9,11H11.25L8,14.25M14.25,16L11,19.25V17C5.39,16.75 1,14.61 1,12C1,10.17 3.17,8.57 6.4,7.7L6.11,9.73C4.2,10.28 3,11.09 3,12C3,13.54 6.5,14.82 11,15V12.75L14.25,16Z" /></svg><svg id="rotate-right" viewBox="0 0 24 24"><path d="M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z" /></svg><svg id="rotate-right-variant" viewBox="0 0 24 24"><path d="M10,4V1L14,5L10,9V6A6,6 0 0,0 4,12L4.08,13H2.06L2,12A8,8 0 0,1 10,4M17,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H17A2,2 0 0,1 15,20V4A2,2 0 0,1 17,2M4,15H13V22H4A2,2 0 0,1 2,20V17A2,2 0 0,1 4,15Z" /></svg><svg id="rounded-corner" viewBox="0 0 24 24"><path d="M19,19H21V21H19V19M19,17H21V15H19V17M3,13H5V11H3V13M3,17H5V15H3V17M3,9H5V7H3V9M3,5H5V3H3V5M7,5H9V3H7V5M15,21H17V19H15V21M11,21H13V19H11V21M15,21H17V19H15V21M7,21H9V19H7V21M3,21H5V19H3V21M21,8A5,5 0 0,0 16,3H11V5H16A3,3 0 0,1 19,8V13H21V8Z" /></svg><svg id="router-wireless" viewBox="0 0 24 24"><path d="M20.2,5.9L21,5.1C19.6,3.7 17.8,3 16,3C14.2,3 12.4,3.7 11,5.1L11.8,5.9C13,4.8 14.5,4.2 16,4.2C17.5,4.2 19,4.8 20.2,5.9M19.3,6.7C18.4,5.8 17.2,5.3 16,5.3C14.8,5.3 13.6,5.8 12.7,6.7L13.5,7.5C14.2,6.8 15.1,6.5 16,6.5C16.9,6.5 17.8,6.8 18.5,7.5L19.3,6.7M19,13H17V9H15V13H5A2,2 0 0,0 3,15V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V15A2,2 0 0,0 19,13M8,18H6V16H8V18M11.5,18H9.5V16H11.5V18M15,18H13V16H15V18Z" /></svg><svg id="router-wireless-settings" viewBox="0 0 24 24"><path d="M20.2,4.9C19,3.8 17.5,3.2 16,3.2C14.5,3.2 13,3.8 11.8,4.9L11,4.1C12.4,2.7 14.2,2 16,2C17.8,2 19.6,2.7 21,4.1L20.2,4.9M19.3,5.7L18.5,6.5C17.8,5.8 16.9,5.5 16,5.5C15.1,5.5 14.2,5.8 13.5,6.5L12.7,5.7C13.6,4.8 14.8,4.3 16,4.3C17.2,4.3 18.4,4.8 19.3,5.7M19,12A2,2 0 0,1 21,14V18A2,2 0 0,1 19,20H5A2,2 0 0,1 3,18V14A2,2 0 0,1 5,12H15V8H17V12H19M8,17V15H6V17H8M11.5,17V15H9.5V17H11.5M15,17V15H13V17H15M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22Z" /></svg><svg id="routes" viewBox="0 0 24 24"><path d="M11,10H5L3,8L5,6H11V3L12,2L13,3V4H19L21,6L19,8H13V10H19L21,12L19,14H13V20A2,2 0 0,1 15,22H9A2,2 0 0,1 11,20V10Z" /></svg><svg id="rowing" viewBox="0 0 24 24"><path d="M8.5,14.5L4,19L5.5,20.5L9,17H11L8.5,14.5M15,1A2,2 0 0,0 13,3A2,2 0 0,0 15,5A2,2 0 0,0 17,3A2,2 0 0,0 15,1M21,21L18,24L15,21V19.5L7.91,12.41C7.6,12.46 7.3,12.5 7,12.5V10.32C8.66,10.35 10.61,9.45 11.67,8.28L13.07,6.73C13.26,6.5 13.5,6.35 13.76,6.23C14.05,6.09 14.38,6 14.72,6H14.75C16,6 17,7 17,8.26V14C17,14.85 16.65,15.62 16.08,16.17L12.5,12.59V10.32C11.87,10.84 11.07,11.34 10.21,11.71L16.5,18H18L21,21Z" /></svg><svg id="rss" viewBox="0 0 24 24"><path d="M6.18,15.64A2.18,2.18 0 0,1 8.36,17.82C8.36,19 7.38,20 6.18,20C5,20 4,19 4,17.82A2.18,2.18 0 0,1 6.18,15.64M4,4.44A15.56,15.56 0 0,1 19.56,20H16.73A12.73,12.73 0 0,0 4,7.27V4.44M4,10.1A9.9,9.9 0 0,1 13.9,20H11.07A7.07,7.07 0 0,0 4,12.93V10.1Z" /></svg><svg id="rss-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7.5,15A1.5,1.5 0 0,0 6,16.5A1.5,1.5 0 0,0 7.5,18A1.5,1.5 0 0,0 9,16.5A1.5,1.5 0 0,0 7.5,15M6,10V12A6,6 0 0,1 12,18H14A8,8 0 0,0 6,10M6,6V8A10,10 0 0,1 16,18H18A12,12 0 0,0 6,6Z" /></svg><svg id="ruby" viewBox="0 0 24 24"><path d="M18.8,2.07C21.32,2.5 22.04,4.23 22,6.04V6L20.86,20.93L6.08,21.94H6.09C4.86,21.89 2.13,21.77 2,17.95L3.37,15.45L6.14,21.91L8.5,14.29L8.45,14.3L8.47,14.28L16.18,16.74L14.19,8.96L21.54,8.5L15.75,3.76L18.8,2.06V2.07M2,17.91V17.93L2,17.91V17.91M6.28,6.23C9.24,3.28 13.07,1.54 14.54,3.03C16,4.5 14.46,8.12 11.5,11.06C8.5,14 4.73,15.84 3.26,14.36C1.79,12.87 3.3,9.17 6.27,6.23H6.28Z" /></svg><svg id="rugby" viewBox="0 0 24 24"><path d="M16.22,16.22C18.25,14.19 19.33,11.5 19.45,8.2C18.36,10.61 16.81,12.81 14.81,14.81C12.81,16.81 10.61,18.36 8.2,19.45C11.5,19.36 14.16,18.28 16.22,16.22M7.78,7.78C5.75,9.81 4.67,12.5 4.55,15.8C5,14.8 5.7,13.65 6.61,12.35C7.5,11.05 8.38,10 9.19,9.19C11.19,7.19 13.39,5.64 15.8,4.55C12.5,4.64 9.84,5.72 7.78,7.78M20.5,3.5C21,4.05 21.34,5.11 21.47,6.7C21.59,8.3 21.35,10.16 20.74,12.3C20.13,14.45 19.11,16.23 17.67,17.67C16.36,19 14.8,19.95 13,20.55C11.21,21.16 9.44,21.47 7.69,21.47C5.56,21.47 4.17,21.14 3.5,20.5C3,19.95 2.66,18.89 2.53,17.3C2.41,15.7 2.65,13.84 3.26,11.7C3.87,9.55 4.89,7.77 6.33,6.33C7.64,5 9.2,4.05 11,3.45C12.79,2.84 14.56,2.53 16.31,2.53C18.44,2.53 19.83,2.86 20.5,3.5Z" /></svg><svg id="ruler" viewBox="0 0 24 24"><path d="M1.39,18.36L3.16,16.6L4.58,18L5.64,16.95L4.22,15.54L5.64,14.12L8.11,16.6L9.17,15.54L6.7,13.06L8.11,11.65L9.53,13.06L10.59,12L9.17,10.59L10.59,9.17L13.06,11.65L14.12,10.59L11.65,8.11L13.06,6.7L14.47,8.11L15.54,7.05L14.12,5.64L15.54,4.22L18,6.7L19.07,5.64L16.6,3.16L18.36,1.39L22.61,5.64L5.64,22.61L1.39,18.36Z" /></svg><svg id="ruler-square" viewBox="0 0 24 24"><path d="M3,5V21H9V19.5H7V18H9V16.5H5V15H9V13.5H7V12H9V10.5H5V9H9V5H10.5V9H12V7H13.5V9H15V5H16.5V9H18V7H19.5V9H21V3H5A2,2 0 0,0 3,5M6,7A1,1 0 0,1 5,6A1,1 0 0,1 6,5A1,1 0 0,1 7,6A1,1 0 0,1 6,7Z" /></svg><svg id="run" viewBox="0 0 24 24"><path d="M13.5,5.5C14.59,5.5 15.5,4.58 15.5,3.5C15.5,2.38 14.59,1.5 13.5,1.5C12.39,1.5 11.5,2.38 11.5,3.5C11.5,4.58 12.39,5.5 13.5,5.5M9.89,19.38L10.89,15L13,17V23H15V15.5L12.89,13.5L13.5,10.5C14.79,12 16.79,13 19,13V11C17.09,11 15.5,10 14.69,8.58L13.69,7C13.29,6.38 12.69,6 12,6C11.69,6 11.5,6.08 11.19,6.08L6,8.28V13H8V9.58L9.79,8.88L8.19,17L3.29,16L2.89,18L9.89,19.38Z" /></svg><svg id="run-fast" viewBox="0 0 24 24"><path d="M16.5,5.5A2,2 0 0,0 18.5,3.5A2,2 0 0,0 16.5,1.5A2,2 0 0,0 14.5,3.5A2,2 0 0,0 16.5,5.5M12.9,19.4L13.9,15L16,17V23H18V15.5L15.9,13.5L16.5,10.5C17.89,12.09 19.89,13 22,13V11C20.24,11.03 18.6,10.11 17.7,8.6L16.7,7C16.34,6.4 15.7,6 15,6C14.7,6 14.5,6.1 14.2,6.1L9,8.3V13H11V9.6L12.8,8.9L11.2,17L6.3,16L5.9,18L12.9,19.4M4,9A1,1 0 0,1 3,8A1,1 0 0,1 4,7H7V9H4M5,5A1,1 0 0,1 4,4A1,1 0 0,1 5,3H10V5H5M3,13A1,1 0 0,1 2,12A1,1 0 0,1 3,11H7V13H3Z" /></svg><svg id="sack" viewBox="0 0 24 24"><path d="M16,9C20,11 21,18 21,18C21,18 22,22 16,22C10,22 8,22 8,22C2,22 3,18 3,18C3,18 4,11 8,9M14,4L12,2L10,4L6,2L8,7H16L18,2L14,4Z" /></svg><svg id="sack-percent" viewBox="0 0 24 24"><path d="M8,7L6,2L10,4L12,2L14,4L18,2L16,7H8M16,22C10,22 8,22 8,22C2,22 3,18 3,18C3,18 4,11 8,9H16C20,11 21,18 21,18C21,18 22,22 16,22M7.5,12.5A1.5,1.5 0 0,0 9,14A1.5,1.5 0 0,0 10.5,12.5A1.5,1.5 0 0,0 9,11A1.5,1.5 0 0,0 7.5,12.5M16.5,18.5A1.5,1.5 0 0,0 15,17A1.5,1.5 0 0,0 13.5,18.5A1.5,1.5 0 0,0 15,20A1.5,1.5 0 0,0 16.5,18.5M16.5,12.35L15.15,11L7.5,18.65L8.87,20L16.5,12.35Z" /></svg><svg id="safe" viewBox="0 0 24 24"><path d="M4,4A2,2 0 0,0 2,6V17A2,2 0 0,0 4,19V20H6V19H17V20H19V19A2,2 0 0,0 21,17V16H22V14H21V9H22V7H21V6A2,2 0 0,0 19,4H4M4,6H19V17H4V6M13.5,7.5A4,4 0 0,0 9.5,11.5A4,4 0 0,0 13.5,15.5A4,4 0 0,0 17.5,11.5A4,4 0 0,0 13.5,7.5M5,9V14H7V9H5M13.5,9.5A2,2 0 0,1 15.5,11.5A2,2 0 0,1 13.5,13.5A2,2 0 0,1 11.5,11.5A2,2 0 0,1 13.5,9.5Z" /></svg><svg id="safety-goggles" viewBox="0 0 24 24"><path d="M18,9C19.11,9 20,9.89 20,11V14C20,15.11 19.11,16 18,16H15.77L14.53,14.77C13.78,14 12.77,13.6 11.7,13.6C10.63,13.6 9.63,14 8.87,14.77L7.64,16H6C4.89,16 4,15.11 4,14V11C4,9.89 4.89,9 6,9H18M18,7H6A4,4 0 0,0 2,11H2L1,11V14H2V14A4,4 0 0,0 6,18H8.5C8.54,17.94 8.59,17.88 10.29,16.18C10.68,15.79 11.19,15.6 11.7,15.6C12.22,15.6 12.73,15.79 13.12,16.18L14.91,18H18A4,4 0 0,0 22,14H22L23,14V11H22V11A4,4 0 0,0 18,7Z" /></svg><svg id="sailing" viewBox="0 0 24 24"><path d="M14,3L5,14H14M3,16L6,21H18L21,16" /></svg><svg id="sale" viewBox="0 0 24 24"><path d="M18.65,2.85L19.26,6.71L22.77,8.5L21,12L22.78,15.5L19.24,17.29L18.63,21.15L14.74,20.54L11.97,23.3L9.19,20.5L5.33,21.14L4.71,17.25L1.22,15.47L3,11.97L1.23,8.5L4.74,6.69L5.35,2.86L9.22,3.5L12,0.69L14.77,3.46L18.65,2.85M9.5,7A1.5,1.5 0 0,0 8,8.5A1.5,1.5 0 0,0 9.5,10A1.5,1.5 0 0,0 11,8.5A1.5,1.5 0 0,0 9.5,7M14.5,14A1.5,1.5 0 0,0 13,15.5A1.5,1.5 0 0,0 14.5,17A1.5,1.5 0 0,0 16,15.5A1.5,1.5 0 0,0 14.5,14M8.41,17L17,8.41L15.59,7L7,15.59L8.41,17Z" /></svg><svg id="salesforce" viewBox="0 0 24 24"><path d="M18.38,6.37C17.68,6.37 17.07,6.58 16.47,6.78C15.77,5.57 14.46,4.77 13.05,4.77C11.95,4.77 10.95,5.27 10.24,5.97C9.44,4.97 8.23,4.26 6.83,4.26C4.5,4.26 2.5,6.17 2.5,8.5C2.5,9.09 2.71,9.69 2.91,10.29C1.8,10.9 1,12.1 1,13.5C1,15.5 2.61,17.22 4.62,17.22C4.92,17.22 5.22,17.22 5.42,17.12C5.82,18.63 7.33,19.74 9.14,19.74C10.84,19.74 12.25,18.73 12.75,17.32C13.26,17.53 13.76,17.73 14.26,17.73C15.57,17.73 16.77,17 17.37,15.92C17.68,16 18,16 18.28,16C20.89,16 23,13.91 23,11.2C23.1,8.5 21,6.37 18.38,6.37Z" /></svg><svg id="sass" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M10,15.33C10.16,15.87 10.14,16.37 10,16.83C10,16.88 9.96,16.93 9.94,17C9.92,17 9.9,17.07 9.87,17.12C9.76,17.36 9.6,17.59 9.41,17.79C8.83,18.43 8,18.67 7.67,18.47C7.29,18.25 7.5,17.35 8.16,16.64C8.88,15.88 9.92,15.38 9.92,15.38V15.38L10,15.33M18.27,6.28C17.82,4.5 14.87,3.92 12.09,4.91C10.43,5.5 8.63,6.42 7.34,7.63C5.81,9.07 5.56,10.32 5.66,10.84C6,12.68 8.54,13.89 9.58,14.78V14.79C9.28,14.94 7.04,16.07 6.5,17.23C5.96,18.45 6.6,19.33 7,19.45C8.34,19.81 9.69,19.16 10.41,18.07C11.11,17.03 11.06,15.68 10.75,15C11.17,14.9 11.66,14.85 12.28,14.92C14.04,15.13 14.38,16.22 14.31,16.68C14.25,17.14 13.88,17.39 13.76,17.47C13.64,17.54 13.6,17.57 13.61,17.63C13.62,17.71 13.68,17.71 13.78,17.69C13.93,17.66 14.71,17.32 14.74,16.47C14.78,15.39 13.75,14.19 11.93,14.22C11.18,14.24 10.71,14.31 10.37,14.44L10.29,14.35C9.16,13.15 7.08,12.3 7.17,10.68C7.2,10.09 7.4,8.55 11.17,6.67C14.25,5.13 16.72,5.55 17.15,6.5C17.76,7.83 15.83,10.32 12.63,10.68C11.41,10.82 10.76,10.34 10.6,10.17C10.43,10 10.41,9.97 10.35,10C10.24,10.07 10.31,10.23 10.35,10.33C10.44,10.58 10.84,11 11.5,11.24C12.09,11.43 13.53,11.54 15.26,10.87C17.2,10.12 18.72,8.03 18.27,6.28Z" /></svg><svg id="satellite" viewBox="0 0 24 24"><path d="M5,18L8.5,13.5L11,16.5L14.5,12L19,18M5,12V10A5,5 0 0,0 10,5H12A7,7 0 0,1 5,12M5,5H8A3,3 0 0,1 5,8M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg><svg id="satellite-uplink" viewBox="0 0 24 24"><path d="M11.86,2L11.34,3.93C15.75,4.78 19.2,8.23 20.05,12.65L22,12.13C20.95,7.03 16.96,3.04 11.86,2M10.82,5.86L10.3,7.81C13.34,8.27 15.72,10.65 16.18,13.68L18.12,13.16C17.46,9.44 14.55,6.5 10.82,5.86M3.72,9.69C3.25,10.73 3,11.86 3,13C3,14.95 3.71,16.82 5,18.28V22H8V20.41C8.95,20.8 9.97,21 11,21C12.14,21 13.27,20.75 14.3,20.28L3.72,9.69M9.79,9.76L9.26,11.72A3,3 0 0,1 12.26,14.72L14.23,14.2C14,11.86 12.13,10 9.79,9.76Z" /></svg><svg id="satellite-variant" viewBox="0 0 24 24"><path d="M11.62,1L17.28,6.67L15.16,8.79L13.04,6.67L11.62,8.09L13.95,10.41L12.79,11.58L13.24,12.04C14.17,11.61 15.31,11.77 16.07,12.54L12.54,16.07C11.77,15.31 11.61,14.17 12.04,13.24L11.58,12.79L10.41,13.95L8.09,11.62L6.67,13.04L8.79,15.16L6.67,17.28L1,11.62L3.14,9.5L5.26,11.62L6.67,10.21L3.84,7.38C3.06,6.6 3.06,5.33 3.84,4.55L4.55,3.84C5.33,3.06 6.6,3.06 7.38,3.84L10.21,6.67L11.62,5.26L9.5,3.14L11.62,1M18,14A4,4 0 0,1 14,18V16A2,2 0 0,0 16,14H18M22,14A8,8 0 0,1 14,22V20A6,6 0 0,0 20,14H22Z" /></svg><svg id="sausage" viewBox="0 0 24 24"><path d="M3.5,3H9.5L7.96,5.32C9.16,5.87 10,7.09 10,8.5A5.5,5.5 0 0,0 15.5,14C16.91,14 18.13,14.84 18.68,16.04L21,14.5V20.5L18.68,18.96C18.13,20.16 16.91,21 15.5,21A12.5,12.5 0 0,1 3,8.5C3,7.09 3.84,5.87 5.04,5.32L3.5,3Z" /></svg><svg id="saw-blade" viewBox="0 0 24 24"><path d="M20,15C20,15 18.6,16.3 21.1,17L18.3,19.8H15.5C15.5,19.8 13.6,19.7 15,22H11L9,20C9,20 7.7,18.6 7,21.1L4.2,18.3V15.5C4.2,15.5 4.3,13.6 2,15V11L4,9C4,9 5.4,7.7 2.8,7.1L5.6,4.2H8.5C8.5,4.2 10.4,4.3 9,2H13L15,4C15,4 16.3,5.4 17,2.8L19.8,5.6V8.5C19.8,8.5 19.7,10.4 22,9V13L20,15M14,12A2,2 0 0,0 12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12Z" /></svg><svg id="saxophone" viewBox="0 0 24 24"><path d="M4,2A1,1 0 0,0 3,3A1,1 0 0,0 4,4A3,3 0 0,1 7,7V8.66L7,15.5C7,19.1 9.9,22 13.5,22C17.1,22 20,19.1 20,15.5V13A1,1 0 0,0 21,12A1,1 0 0,0 20,11H14A1,1 0 0,0 13,12A1,1 0 0,0 14,13V15A1,1 0 0,1 13,16A1,1 0 0,1 12,15V11A1,1 0 0,0 13,10A1,1 0 0,0 12,9V8A1,1 0 0,0 13,7A1,1 0 0,0 12,6V5.5A3.5,3.5 0 0,0 8.5,2H4Z" /></svg><svg id="scale" viewBox="0 0 24 24"><path d="M8.46,15.06L7.05,16.47L5.68,15.1C4.82,16.21 4.24,17.54 4.06,19H6V21H2V20C2,15.16 5.44,11.13 10,10.2V8.2L2,5V3H22V5L14,8.2V10.2C18.56,11.13 22,15.16 22,20V21H18V19H19.94C19.76,17.54 19.18,16.21 18.32,15.1L16.95,16.47L15.54,15.06L16.91,13.68C15.8,12.82 14.46,12.24 13,12.06V14H11V12.06C9.54,12.24 8.2,12.82 7.09,13.68L8.46,15.06M12,18A2,2 0 0,1 14,20A2,2 0 0,1 12,22C11.68,22 11.38,21.93 11.12,21.79L7.27,20L11.12,18.21C11.38,18.07 11.68,18 12,18Z" /></svg><svg id="scale-balance" viewBox="0 0 24 24"><path d="M12,3C10.73,3 9.6,3.8 9.18,5H3V7H4.95L2,14C1.53,16 3,17 5.5,17C8,17 9.56,16 9,14L6.05,7H9.17C9.5,7.85 10.15,8.5 11,8.83V20H2V22H22V20H13V8.82C13.85,8.5 14.5,7.85 14.82,7H17.95L15,14C14.53,16 16,17 18.5,17C21,17 22.56,16 22,14L19.05,7H21V5H14.83C14.4,3.8 13.27,3 12,3M12,5A1,1 0 0,1 13,6A1,1 0 0,1 12,7A1,1 0 0,1 11,6A1,1 0 0,1 12,5M5.5,10.25L7,14H4L5.5,10.25M18.5,10.25L20,14H17L18.5,10.25Z" /></svg><svg id="scale-bathroom" viewBox="0 0 24 24"><path d="M5,2H19A2,2 0 0,1 21,4V20A2,2 0 0,1 19,22H5A2,2 0 0,1 3,20V4A2,2 0 0,1 5,2M12,4A4,4 0 0,0 8,8H11.26L10.85,5.23L12.9,8H16A4,4 0 0,0 12,4M5,10V20H19V10H5Z" /></svg><svg id="scanner" viewBox="0 0 24 24"><path d="M4.2,10.7L19.8,5L20.5,6.9L6.4,12H19A2,2 0 0,1 21,14V18A2,2 0 0,1 19,20H5A2,2 0 0,1 3,18V12.5C3,11.7 3.5,10.9 4.2,10.7M17,17H19V15H17V17M5,17H15V15H5V17Z" /></svg><svg id="scanner-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L16.73,20H5A2,2 0 0,1 3,18V12.5C3,11.7 3.5,10.9 4.2,10.7L6.57,9.84L2,5.27M6.4,12H8.73L8.11,11.38L6.4,12M5,15V17H13.73L11.73,15H5M19.8,5L20.5,6.9L11.85,10.03L10.3,8.47L19.8,5M19,12A2,2 0 0,1 21,14V18C21,18.34 20.91,18.66 20.76,18.94L19,17.18V15H16.82L13.82,12H19Z" /></svg><svg id="school" viewBox="0 0 24 24"><path d="M12,3L1,9L12,15L21,10.09V17H23V9M5,13.18V17.18L12,21L19,17.18V13.18L12,17L5,13.18Z" /></svg><svg id="scissors-cutting" viewBox="0 0 24 24"><path d="M11,21H7V19H11V21M15.5,19H17V21H13V19H13.2L11.8,12.9L9.3,13.5C9.2,14 9,14.4 8.8,14.8C7.9,16.3 6,16.7 4.5,15.8C3,14.9 2.6,13 3.5,11.5C4.4,10 6.3,9.6 7.8,10.5C8.2,10.7 8.5,11.1 8.7,11.4L11.2,10.8L10.6,8.3C10.2,8.2 9.8,8 9.4,7.8C8,6.9 7.5,5 8.4,3.5C9.3,2 11.2,1.6 12.7,2.5C14.2,3.4 14.6,5.3 13.7,6.8C13.5,7.2 13.1,7.5 12.8,7.7L15.5,19M7,11.8C6.3,11.3 5.3,11.6 4.8,12.3C4.3,13 4.6,14 5.3,14.4C6,14.9 7,14.7 7.5,13.9C7.9,13.2 7.7,12.2 7,11.8M12.4,6C12.9,5.3 12.6,4.3 11.9,3.8C11.2,3.3 10.2,3.6 9.7,4.3C9.3,5 9.5,6 10.3,6.5C11,6.9 12,6.7 12.4,6M12.8,11.3C12.6,11.2 12.4,11.2 12.3,11.4C12.2,11.6 12.2,11.8 12.4,11.9C12.6,12 12.8,12 12.9,11.8C13.1,11.6 13,11.4 12.8,11.3M21,8.5L14.5,10L15,12.2L22.5,10.4L23,9.7L21,8.5M23,19H19V21H23V19M5,19H1V21H5V19Z" /></svg><svg id="screen-rotation" viewBox="0 0 24 24"><path d="M7.5,21.5C4.25,19.94 1.91,16.76 1.55,13H0.05C0.56,19.16 5.71,24 12,24L12.66,23.97L8.85,20.16M14.83,21.19L2.81,9.17L9.17,2.81L21.19,14.83M10.23,1.75C9.64,1.16 8.69,1.16 8.11,1.75L1.75,8.11C1.16,8.7 1.16,9.65 1.75,10.23L13.77,22.25C14.36,22.84 15.31,22.84 15.89,22.25L22.25,15.89C22.84,15.3 22.84,14.35 22.25,13.77L10.23,1.75M16.5,2.5C19.75,4.07 22.09,7.24 22.45,11H23.95C23.44,4.84 18.29,0 12,0L11.34,0.03L15.15,3.84L16.5,2.5Z" /></svg><svg id="screen-rotation-lock" viewBox="0 0 24 24"><path d="M16.8,2.5C16.8,1.56 17.56,0.8 18.5,0.8C19.44,0.8 20.2,1.56 20.2,2.5V3H16.8V2.5M16,9H21A1,1 0 0,0 22,8V4A1,1 0 0,0 21,3V2.5A2.5,2.5 0 0,0 18.5,0A2.5,2.5 0 0,0 16,2.5V3A1,1 0 0,0 15,4V8A1,1 0 0,0 16,9M8.47,20.5C5.2,18.94 2.86,15.76 2.5,12H1C1.5,18.16 6.66,23 12.95,23L13.61,22.97L9.8,19.15L8.47,20.5M23.25,12.77L20.68,10.2L19.27,11.61L21.5,13.83L15.83,19.5L4.5,8.17L10.17,2.5L12.27,4.61L13.68,3.2L11.23,0.75C10.64,0.16 9.69,0.16 9.11,0.75L2.75,7.11C2.16,7.7 2.16,8.65 2.75,9.23L14.77,21.25C15.36,21.84 16.31,21.84 16.89,21.25L23.25,14.89C23.84,14.3 23.84,13.35 23.25,12.77Z" /></svg><svg id="screw-flat-top" viewBox="0 0 24 24"><path d="M13.5,17V19L12,22L10.5,19L13.5,17M14.5,6.3L13.5,7V6H10.5V9L9.5,9.7V10.7L14.5,7.4V6.3M14.5,10.3L13.5,11V9L10.5,11V13L9.5,13.7V14.7L14.5,11.4V10.3M14.5,14.3L13.5,15V13L10.5,15V17L9.5,17.7V18.7L14.5,15.4V14.3M8,2C8,2 7,2 7,3L10,5H14L17,3C17,3 17,2 16,2C15,2 8,2 8,2Z" /></svg><svg id="screw-lag" viewBox="0 0 24 24"><path d="M10,19.3L14,16.6V20L12,22L10,20V19.3M14,12.7L10,15.4V17.4L9,18V19L15,15.1V14L14,14.7V12.7M7,2V5H17V2H7M9,6V9L10,9.7V13.4L9,14V15L15,11.1V10L14,10.7C14,10.7 14,10.3 14,9.7L15,9V6H9Z" /></svg><svg id="screw-machine-flat-top" viewBox="0 0 24 24"><path d="M14.5,7.3L13.5,8V7H10.5V10L9.5,10.7V11.7L14.5,8.4V7.3M14.5,11.3L13.5,12V10L10.5,12V14L9.5,14.7V15.7L14.5,12.4V11.3M14.5,15.3L13.5,16V14L10.5,16V18L9.5,18.7V19.7L14.5,16.4V15.3M8,3C8,3 7,3 7,4L10,6H14L17,4C17,4 17,3 16,3C15,3 8,3 8,3M13.5,18V21H10.5V20L13.5,18Z" /></svg><svg id="screw-machine-round-top" viewBox="0 0 24 24"><path d="M14.5,7.3L13.5,8V7H10.5V10L9.5,10.7V11.7L14.5,8.4V7.3M14.5,11.3L13.5,12V10L10.5,12V14L9.5,14.7V15.7L14.5,12.4V11.3M14.5,15.3L13.5,16V14L10.5,16V18L9.5,18.7V19.7L14.5,16.4V15.3M7,6H17C17,6 16,3 12,3C8,3 7,6 7,6M13.5,18V21H10.5V20L13.5,18Z" /></svg><svg id="screw-round-top" viewBox="0 0 24 24"><path d="M13.5,17V19L12,22L10.5,19L13.5,17M14.5,6.3L13.5,7V6H10.5V9L9.5,9.7V10.7L14.5,7.4V6.3M14.5,10.3L13.5,11V9L10.5,11V13L9.5,13.7V14.7L14.5,11.4V10.3M14.5,14.3L13.5,15V13L10.5,15V17L9.5,17.7V18.7L14.5,15.4V14.3M7,5H17C17,5 16,2 12,2C8,2 7,5 7,5Z" /></svg><svg id="screwdriver" viewBox="0 0 24 24"><path d="M18,1.83C17.5,1.83 17,2 16.59,2.41C13.72,5.28 8,11 8,11L9.5,12.5L6,16H4L2,20L4,22L8,20V18L11.5,14.5L13,16C13,16 18.72,10.28 21.59,7.41C22.21,6.5 22.37,5.37 21.59,4.59L19.41,2.41C19,2 18.5,1.83 18,1.83M18,4L20,6L13,13L11,11L18,4Z" /></svg><svg id="script" viewBox="0 0 24 24"><path d="M17.8,20C17.4,21.2 16.3,22 15,22H5C3.3,22 2,20.7 2,19V18H5L14.2,18C14.6,19.2 15.7,20 17,20H17.8M19,2H8C6.3,2 5,3.3 5,5V16H16V17C16,17.6 16.4,18 17,18H18V5C18,4.4 18.4,4 19,4C19.6,4 20,4.4 20,5V6H22V5C22,3.3 20.7,2 19,2Z" /></svg><svg id="script-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 16,19V4H8A1,1 0 0,0 7,5V16H5V5A3,3 0 0,1 8,2H19A3,3 0 0,1 22,5V6H20V5A1,1 0 0,0 19,4A1,1 0 0,0 18,5V9L18,19A3,3 0 0,1 15,22H5A3,3 0 0,1 2,19V18H13A2,2 0 0,0 15,20Z" /></svg><svg id="script-text" viewBox="0 0 24 24"><path d="M17.8,20C17.4,21.2 16.3,22 15,22H5C3.3,22 2,20.7 2,19V18H5L14.2,18C14.6,19.2 15.7,20 17,20H17.8M19,2C20.7,2 22,3.3 22,5V6H20V5C20,4.4 19.6,4 19,4C18.4,4 18,4.4 18,5V18H17C16.4,18 16,17.6 16,17V16H5V5C5,3.3 6.3,2 8,2H19M8,6V8H15V6H8M8,10V12H14V10H8Z" /></svg><svg id="script-text-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 16,19V4H8A1,1 0 0,0 7,5V16H5V5A3,3 0 0,1 8,2H19A3,3 0 0,1 22,5V6H20V5A1,1 0 0,0 19,4A1,1 0 0,0 18,5V9L18,19A3,3 0 0,1 15,22H5A3,3 0 0,1 2,19V18H13A2,2 0 0,0 15,20M9,6H14V8H9V6M9,10H14V12H9V10M9,14H14V16H9V14Z" /></svg><svg id="sd" viewBox="0 0 24 24"><path d="M18,8H16V4H18M15,8H13V4H15M12,8H10V4H12M18,2H10L4,8V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2Z" /></svg><svg id="seal" viewBox="0 0 24 24"><path d="M20.39,19.37L16.38,18L15,22L11.92,16L9,22L7.62,18L3.61,19.37L6.53,13.37C5.57,12.17 5,10.65 5,9A7,7 0 0,1 12,2A7,7 0 0,1 19,9C19,10.65 18.43,12.17 17.47,13.37L20.39,19.37M7,9L9.69,10.34L9.5,13.34L12,11.68L14.5,13.33L14.33,10.34L17,9L14.32,7.65L14.5,4.67L12,6.31L9.5,4.65L9.67,7.66L7,9Z" /></svg><svg id="search-web" viewBox="0 0 24 24"><path d="M15.5,14L20.5,19L19,20.5L14,15.5V14.71L13.73,14.43C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.43,13.73L14.71,14H15.5M9.5,4.5L8.95,4.53C8.71,5.05 8.34,5.93 8.07,7H10.93C10.66,5.93 10.29,5.05 10.05,4.53C9.87,4.5 9.69,4.5 9.5,4.5M13.83,7C13.24,5.97 12.29,5.17 11.15,4.78C11.39,5.31 11.7,6.08 11.93,7H13.83M5.17,7H7.07C7.3,6.08 7.61,5.31 7.85,4.78C6.71,5.17 5.76,5.97 5.17,7M4.5,9.5C4.5,10 4.58,10.53 4.73,11H6.87L6.75,9.5L6.87,8H4.73C4.58,8.47 4.5,9 4.5,9.5M14.27,11C14.42,10.53 14.5,10 14.5,9.5C14.5,9 14.42,8.47 14.27,8H12.13C12.21,8.5 12.25,9 12.25,9.5C12.25,10 12.21,10.5 12.13,11H14.27M7.87,8L7.75,9.5L7.87,11H11.13C11.21,10.5 11.25,10 11.25,9.5C11.25,9 11.21,8.5 11.13,8H7.87M9.5,14.5C9.68,14.5 9.86,14.5 10.03,14.47C10.28,13.95 10.66,13.07 10.93,12H8.07C8.34,13.07 8.72,13.95 8.97,14.47L9.5,14.5M13.83,12H11.93C11.7,12.92 11.39,13.69 11.15,14.22C12.29,13.83 13.24,13.03 13.83,12M5.17,12C5.76,13.03 6.71,13.83 7.85,14.22C7.61,13.69 7.3,12.92 7.07,12H5.17Z" /></svg><svg id="seat" viewBox="0 0 24 24"><path d="M4,18V21H7V18H17V21H20V15H4V18M19,10H22V13H19V10M2,10H5V13H2V10M17,13H7V5A2,2 0 0,1 9,3H15A2,2 0 0,1 17,5V13Z" /></svg><svg id="seat-flat" viewBox="0 0 24 24"><path d="M22,11V13H9V7H18A4,4 0 0,1 22,11M2,14V16H8V18H16V16H22V14M7.14,12.1C8.3,10.91 8.28,9 7.1,7.86C5.91,6.7 4,6.72 2.86,7.9C1.7,9.09 1.72,11 2.9,12.14C4.09,13.3 6,13.28 7.14,12.1Z" /></svg><svg id="seat-flat-angled" viewBox="0 0 24 24"><path d="M22.25,14.29L21.56,16.18L9.2,11.71L11.28,6.05L19.84,9.14C21.94,9.9 23,12.2 22.25,14.29M1.5,12.14L8,14.5V19H16V17.37L20.5,19L21.21,17.11L2.19,10.25M7.3,10.2C8.79,9.5 9.42,7.69 8.71,6.2C8,4.71 6.2,4.08 4.7,4.8C3.21,5.5 2.58,7.3 3.3,8.8C4,10.29 5.8,10.92 7.3,10.2Z" /></svg><svg id="seat-individual-suite" viewBox="0 0 24 24"><path d="M7,13A3,3 0 0,0 10,10A3,3 0 0,0 7,7A3,3 0 0,0 4,10A3,3 0 0,0 7,13M19,7H11V14H3V7H1V17H23V11A4,4 0 0,0 19,7Z" /></svg><svg id="seat-legroom-extra" viewBox="0 0 24 24"><path d="M4,12V3H2V12A5,5 0 0,0 7,17H13V15H7A3,3 0 0,1 4,12M22.83,17.24C22.45,16.5 21.54,16.27 20.8,16.61L19.71,17.11L16.3,10.13C15.96,9.45 15.27,9 14.5,9H11V3H5V11A3,3 0 0,0 8,14H15L18.41,21L22.13,19.3C22.9,18.94 23.23,18 22.83,17.24Z" /></svg><svg id="seat-legroom-normal" viewBox="0 0 24 24"><path d="M5,12V3H3V12A5,5 0 0,0 8,17H14V15H8A3,3 0 0,1 5,12M20.5,18H19V11A2,2 0 0,0 17,9H12V3H6V11A3,3 0 0,0 9,14H16V21H20.5A1.5,1.5 0 0,0 22,19.5A1.5,1.5 0 0,0 20.5,18Z" /></svg><svg id="seat-legroom-reduced" viewBox="0 0 24 24"><path d="M19.97,19.2C20.15,20.16 19.42,21 18.5,21H14V18L15,14H9A3,3 0 0,1 6,11V3H12V9H17A2,2 0 0,1 19,11L17,18H18.44C19.17,18 19.83,18.5 19.97,19.2M5,12V3H3V12A5,5 0 0,0 8,17H12V15H8A3,3 0 0,1 5,12Z" /></svg><svg id="seat-outline" viewBox="0 0 24 24"><path d="M15,5V12H9V5H15M15,3H9A2,2 0 0,0 7,5V14H17V5A2,2 0 0,0 15,3M22,10H19V13H22V10M5,10H2V13H5V10M20,15H4V21H6V17H18V21H20V15Z" /></svg><svg id="seat-recline-extra" viewBox="0 0 24 24"><path d="M5.35,5.64C4.45,5 4.23,3.76 4.86,2.85C5.5,1.95 6.74,1.73 7.65,2.36C8.55,3 8.77,4.24 8.14,5.15C7.5,6.05 6.26,6.27 5.35,5.64M16,19H8.93C7.45,19 6.19,17.92 5.97,16.46L4,7H2L4,16.76C4.37,19.2 6.47,21 8.94,21H16M16.23,15H11.35L10.32,10.9C11.9,11.79 13.6,12.44 15.47,12.12V10C13.84,10.3 12.03,9.72 10.78,8.74L9.14,7.47C8.91,7.29 8.65,7.17 8.38,7.09C8.06,7 7.72,6.97 7.39,7.03H7.37C6.14,7.25 5.32,8.42 5.53,9.64L6.88,15.56C7.16,17 8.39,18 9.83,18H16.68L20.5,21L22,19.5" /></svg><svg id="seat-recline-normal" viewBox="0 0 24 24"><path d="M7.59,5.41C6.81,4.63 6.81,3.36 7.59,2.58C8.37,1.8 9.64,1.8 10.42,2.58C11.2,3.36 11.2,4.63 10.42,5.41C9.63,6.2 8.37,6.2 7.59,5.41M6,16V7H4V16A5,5 0 0,0 9,21H15V19H9A3,3 0 0,1 6,16M20,20.07L14.93,15H11.5V11.32C12.9,12.47 15.1,13.5 17,13.5V11.32C15.34,11.34 13.39,10.45 12.33,9.28L10.93,7.73C10.74,7.5 10.5,7.35 10.24,7.23C9.95,7.09 9.62,7 9.28,7H9.25C8,7 7,8 7,9.25V15A3,3 0 0,0 10,18H15.07L18.57,21.5" /></svg><svg id="seatbelt" viewBox="0 0 24 24"><path d="M12,2C13.11,2 14,2.9 14,4C14,5.11 13.11,6 12,6A2,2 0 0,1 10,4A2,2 0 0,1 12,2M12.39,14.79C14.03,14.79 15.46,14.89 16.64,15.04C16.7,12.32 16.46,9.92 16,9C15.87,8.73 15.69,8.5 15.5,8.3L7.43,15.22C8.79,15 10.5,14.79 12.39,14.79M7.46,17C7.59,18.74 7.85,20.5 8.27,22H10.34C10.05,21.12 9.84,20.09 9.68,19C9.68,19 12,18.56 14.32,19C14.16,20.09 13.95,21.12 13.66,22H15.73C16.17,20.45 16.43,18.61 16.56,16.79C15.41,16.65 14,16.54 12.39,16.54C10.46,16.54 8.78,16.75 7.46,17M12,7C12,7 9,7 8,9C7.66,9.68 7.44,11.15 7.37,12.96L13.92,7.34C12.93,7 12,7 12,7M18.57,5.67L17.43,4.34L13.92,7.35C14.47,7.54 15.05,7.84 15.5,8.3L18.57,5.67M20.67,15.83C20.58,15.8 19.14,15.33 16.64,15.04C16.63,15.61 16.6,16.2 16.56,16.79C18.81,17.07 20.1,17.5 20.12,17.5L20.67,15.83M7.37,12.96L3.43,16.34L4.32,17.82C4.34,17.81 5.5,17.36 7.46,17C7.35,15.59 7.32,14.2 7.37,12.96Z" /></svg><svg id="security" viewBox="0 0 24 24"><path d="M12,12H19C18.47,16.11 15.72,19.78 12,20.92V12H5V6.3L12,3.19M12,1L3,5V11C3,16.55 6.84,21.73 12,23C17.16,21.73 21,16.55 21,11V5L12,1Z" /></svg><svg id="security-network" viewBox="0 0 24 24"><path d="M13,19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17.34C8.07,16.13 6,13 6,9.67V5.67L12,3L18,5.67V9.67C18,13 15.93,16.13 13,17.34V19M12,5L8,6.69V10H12V5M12,10V16C13.91,15.53 16,13.06 16,11V10H12Z" /></svg><svg id="seed" viewBox="0 0 24 24"><path d="M20.7,3.3C20.7,3.3 19.3,3 17.2,3C11.7,3 1.6,5.1 3.2,20.8C4.3,20.9 5.4,21 6.4,21C24.3,21 20.7,3.3 20.7,3.3M7,17C7,17 7,7 17,7C17,7 11,9 7,17Z" /></svg><svg id="seed-outline" viewBox="0 0 24 24"><path d="M17.2,5V5C17.8,5 18.4,5 18.9,5.1C19.1,7.4 19.1,12 16.4,15.2C14.4,17.7 11,19 6.4,19C6,19 5.5,19 5.1,19C4.9,14.4 5.8,10.8 7.9,8.5C10.4,5.6 14.4,5 17.2,5M17.2,3C11.7,3 1.6,5.1 3.2,20.8C4.3,20.9 5.4,21 6.4,21C24.3,21 20.7,3.3 20.7,3.3C20.7,3.3 19.3,3 17.2,3M17,7C7,7 7,17 7,17C11,9 17,7 17,7Z" /></svg><svg id="select" viewBox="0 0 24 24"><path d="M4,3H5V5H3V4A1,1 0 0,1 4,3M20,3A1,1 0 0,1 21,4V5H19V3H20M15,5V3H17V5H15M11,5V3H13V5H11M7,5V3H9V5H7M21,20A1,1 0 0,1 20,21H19V19H21V20M15,21V19H17V21H15M11,21V19H13V21H11M7,21V19H9V21H7M4,21A1,1 0 0,1 3,20V19H5V21H4M3,15H5V17H3V15M21,15V17H19V15H21M3,11H5V13H3V11M21,11V13H19V11H21M3,7H5V9H3V7M21,7V9H19V7H21Z" /></svg><svg id="select-all" viewBox="0 0 24 24"><path d="M9,9H15V15H9M7,17H17V7H7M15,5H17V3H15M15,21H17V19H15M19,17H21V15H19M19,9H21V7H19M19,21A2,2 0 0,0 21,19H19M19,13H21V11H19M11,21H13V19H11M9,3H7V5H9M3,17H5V15H3M5,21V19H3A2,2 0 0,0 5,21M19,3V5H21A2,2 0 0,0 19,3M13,3H11V5H13M3,9H5V7H3M7,21H9V19H7M3,13H5V11H3M3,5H5V3A2,2 0 0,0 3,5Z" /></svg><svg id="select-color" viewBox="0 0 24 24"><path d="M3.88,3C3.38,3.06 3,3.5 3,4V4L3,5H4L5,5V4L5,3H4L3.88,3M7,3V5H9V3H7M11,3V5H13V3H11M15,3V5H17V3H15M19,3V4L19,5H20L21,5V4L21,3.88C20.94,3.38 20.5,3 20,3H19M3,7V9H5V7H3M19,7V9H21V7H19M3,11V13H5V11H3M19.31,12C19.18,12 19.05,12.05 18.95,12.14L17.39,13.71L16.43,12.75L15.72,13.46L16.43,14.17L11.97,18.63V21H14.35L18.8,16.54L19.5,17.25L20.22,16.54L19.26,15.58L20.82,14.03C21,13.83 21,13.5 20.82,13.31L19.65,12.14C19.56,12.05 19.44,12 19.31,12M3,15V17H5V15H3M17,15L17.97,15.97L13.93,20L12.97,19.04L17,15M3,19V20L3,20.12C3.06,20.62 3.5,21 4,21V21H5V20L5,19H4L3,19M7,19V21H9V19H7Z" /></svg><svg id="select-compare" viewBox="0 0 24 24"><path d="M13,23H11V1H13V23M9,19H5V5H9V3H5C3.89,3 3,3.89 3,5V19C3,20.11 3.9,21 5,21H9V19M19,7V9H21V7H19M19,5H21C21,3.89 20.1,3 19,3V5M21,15H19V17H21V15M19,11V13H21V11H19M17,3H15V5H17V3M19,21C20.11,21 21,20.11 21,19H19V21M17,19H15V21H17V19Z" /></svg><svg id="select-drag" viewBox="0 0 24 24"><path d="M13,17H17V13H19V17H23V19H19V23H17V19H13V17M11,17V19H9V17H11M7,17V19H5V17H7M19,9V11H17V9H19M19,5V7H17V5H19M15,5V7H13V5H15M11,5V7H9V5H11M7,5V7H5V5H7M7,13V15H5V13H7M7,9V11H5V9H7Z" /></svg><svg id="select-inverse" viewBox="0 0 24 24"><path d="M5,3H7V5H9V3H11V5H13V3H15V5H17V3H19V5H21V7H19V9H21V11H19V13H21V15H19V17H21V19H19V21H17V19H15V21H13V19H11V21H9V19H7V21H5V19H3V17H5V15H3V13H5V11H3V9H5V7H3V5H5V3Z" /></svg><svg id="select-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L21,21.72L19.73,23L17,20.27V21H15V19H15.73L5,8.27V9H3V7H3.73L1,4.27M20,3A1,1 0 0,1 21,4V5H19V3H20M15,5V3H17V5H15M11,5V3H13V5H11M7,5V3H9V5H7M11,21V19H13V21H11M7,21V19H9V21H7M4,21A1,1 0 0,1 3,20V19H5V21H4M3,15H5V17H3V15M21,15V17H19V15H21M3,11H5V13H3V11M21,11V13H19V11H21M21,7V9H19V7H21Z" /></svg><svg id="selection" viewBox="0 0 24 24"><path d="M2,4C2,2.89 2.9,2 4,2H7V4H4V7H2V4M22,4V7H20V4H17V2H20A2,2 0 0,1 22,4M20,20V17H22V20C22,21.11 21.1,22 20,22H17V20H20M2,20V17H4V20H7V22H4A2,2 0 0,1 2,20M10,2H14V4H10V2M10,20H14V22H10V20M20,10H22V14H20V10M2,10H4V14H2V10Z" /></svg><svg id="selection-drag" viewBox="0 0 24 24"><path d="M14,17H17V14H19V17H22V19H19V22H17V19H14V17M12,17V19H9V17H12M7,17V19H3V15H5V17H7M3,13V10H5V13H3M3,8V4H7V6H5V8H3M9,4H12V6H9V4M15,4H19V8H17V6H15V4M19,10V12H17V10H19Z" /></svg><svg id="selection-ellipse" viewBox="0 0 24 24"><path d="M6.35,20.25L7.56,18.66C8.42,19.23 9.39,19.64 10.43,19.85L10.16,21.83C8.77,21.57 7.5,21 6.35,20.25M16.43,18.66L17.64,20.26C16.5,21.03 15.23,21.57 13.84,21.83L13.57,19.85C14.61,19.64 15.57,19.23 16.43,18.66M19.84,13.59L21.83,13.86C21.57,15.25 21,16.54 20.24,17.66L18.65,16.45C19.22,15.6 19.63,14.63 19.84,13.59M2.17,13.84L4.15,13.57C4.36,14.61 4.77,15.58 5.34,16.44L3.75,17.65C3,16.5 2.43,15.23 2.17,13.84M18.66,7.56L20.25,6.35C21.03,7.5 21.58,8.78 21.83,10.18L19.85,10.45C19.64,9.4 19.23,8.42 18.66,7.56M13.57,4.15L13.84,2.17C15.23,2.43 16.5,3 17.65,3.75L16.44,5.34C15.58,4.77 14.61,4.36 13.57,4.15M7.56,5.34L6.35,3.75C7.5,3 8.77,2.43 10.16,2.17L10.43,4.15C9.39,4.36 8.42,4.77 7.56,5.34M4.15,10.43L2.17,10.16C2.43,8.77 3,7.5 3.75,6.35L5.34,7.56C4.77,8.42 4.36,9.39 4.15,10.43Z" /></svg><svg id="selection-off" viewBox="0 0 24 24"><path d="M0.5,3.77L1.78,2.5L21.5,22.22L20.23,23.5L18.73,22H17V20.27L3.73,7H2V5.27L0.5,3.77M4,2H7V4H5.82L3.83,2H4M22,4V7H20V4H17V2H20A2,2 0 0,1 22,4M20,17H22V20L22,20.17L20,18.18V17M2,20V17H4V20H7V22H4A2,2 0 0,1 2,20M10,2H14V4H10V2M10,20H14V22H10V20M20,10H22V14H20V10M2,10H4V14H2V10Z" /></svg><svg id="send" viewBox="0 0 24 24"><path d="M2,21L23,12L2,3V10L17,12L2,14V21Z" /></svg><svg id="send-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M8,7.71V11.05L15.14,12L8,12.95V16.29L18,12L8,7.71Z" /></svg><svg id="send-circle-outline" viewBox="0 0 24 24"><path d="M8,7.71L18,12L8,16.29V12.95L15.14,12L8,11.05V7.71M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="send-lock" viewBox="0 0 24 24"><path d="M23,18V17.5A2.5,2.5 0 0,0 20.5,15A2.5,2.5 0 0,0 18,17.5V18A1,1 0 0,0 17,19V23A1,1 0 0,0 18,24H23A1,1 0 0,0 24,23V19A1,1 0 0,0 23,18M22,18H19V17.5A1.5,1.5 0 0,1 20.5,16A1.5,1.5 0 0,1 22,17.5V18M23,12L2,21V14L17,12L2,10V3L23,12Z" /></svg><svg id="serial-port" viewBox="0 0 24 24"><path d="M7,3H17V5H19V8H16V14H8V8H5V5H7V3M17,9H19V14H17V9M11,15H13V22H11V15M5,9H7V14H5V9Z" /></svg><svg id="server" viewBox="0 0 24 24"><path d="M4,1H20A1,1 0 0,1 21,2V6A1,1 0 0,1 20,7H4A1,1 0 0,1 3,6V2A1,1 0 0,1 4,1M4,9H20A1,1 0 0,1 21,10V14A1,1 0 0,1 20,15H4A1,1 0 0,1 3,14V10A1,1 0 0,1 4,9M4,17H20A1,1 0 0,1 21,18V22A1,1 0 0,1 20,23H4A1,1 0 0,1 3,22V18A1,1 0 0,1 4,17M9,5H10V3H9V5M9,13H10V11H9V13M9,21H10V19H9V21M5,3V5H7V3H5M5,11V13H7V11H5M5,19V21H7V19H5Z" /></svg><svg id="server-minus" viewBox="0 0 24 24"><path d="M4,4H20A1,1 0 0,1 21,5V9A1,1 0 0,1 20,10H4A1,1 0 0,1 3,9V5A1,1 0 0,1 4,4M9,8H10V6H9V8M5,6V8H7V6H5M8,16H16V18H8V16Z" /></svg><svg id="server-network" viewBox="0 0 24 24"><path d="M13,19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H4A1,1 0 0,1 3,16V12A1,1 0 0,1 4,11H20A1,1 0 0,1 21,12V16A1,1 0 0,1 20,17H13V19M4,3H20A1,1 0 0,1 21,4V8A1,1 0 0,1 20,9H4A1,1 0 0,1 3,8V4A1,1 0 0,1 4,3M9,7H10V5H9V7M9,15H10V13H9V15M5,5V7H7V5H5M5,13V15H7V13H5Z" /></svg><svg id="server-network-off" viewBox="0 0 24 24"><path d="M13,19H14A1,1 0 0,1 15,20H15.73L13,17.27V19M22,20V21.18L20.82,20H22M21,22.72L19.73,24L17.73,22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H4A1,1 0 0,1 3,16V12A1,1 0 0,1 4,11H6.73L4.73,9H4A1,1 0 0,1 3,8V7.27L1,5.27L2.28,4L21,22.72M4,3H20A1,1 0 0,1 21,4V8A1,1 0 0,1 20,9H9.82L7,6.18V5H5.82L3.84,3C3.89,3 3.94,3 4,3M20,11A1,1 0 0,1 21,12V16A1,1 0 0,1 20,17H17.82L11.82,11H20M9,7H10V5H9V7M9,15H10V14.27L9,13.27V15M5,13V15H7V13H5Z" /></svg><svg id="server-off" viewBox="0 0 24 24"><path d="M4,1H20A1,1 0 0,1 21,2V6A1,1 0 0,1 20,7H8.82L6.82,5H7V3H5V3.18L3.21,1.39C3.39,1.15 3.68,1 4,1M22,22.72L20.73,24L19.73,23H4A1,1 0 0,1 3,22V18A1,1 0 0,1 4,17H13.73L11.73,15H4A1,1 0 0,1 3,14V10A1,1 0 0,1 4,9H5.73L3.68,6.95C3.38,6.85 3.15,6.62 3.05,6.32L1,4.27L2.28,3L22,22.72M20,9A1,1 0 0,1 21,10V14A1,1 0 0,1 20,15H16.82L10.82,9H20M20,17A1,1 0 0,1 21,18V19.18L18.82,17H20M9,5H10V3H9V5M9,13H9.73L9,12.27V13M9,21H10V19H9V21M5,11V13H7V11H5M5,19V21H7V19H5Z" /></svg><svg id="server-plus" viewBox="0 0 24 24"><path d="M4,4H20A1,1 0 0,1 21,5V9A1,1 0 0,1 20,10H4A1,1 0 0,1 3,9V5A1,1 0 0,1 4,4M9,8H10V6H9V8M5,6V8H7V6H5M8,16H11V13H13V16H16V18H13V21H11V18H8V16Z" /></svg><svg id="server-remove" viewBox="0 0 24 24"><path d="M4,4H20A1,1 0 0,1 21,5V9A1,1 0 0,1 20,10H4A1,1 0 0,1 3,9V5A1,1 0 0,1 4,4M9,8H10V6H9V8M5,6V8H7V6H5M10.59,17L8,14.41L9.41,13L12,15.59L14.59,13L16,14.41L13.41,17L16,19.59L14.59,21L12,18.41L9.41,21L8,19.59L10.59,17Z" /></svg><svg id="server-security" viewBox="0 0 24 24"><path d="M3,1H19A1,1 0 0,1 20,2V6A1,1 0 0,1 19,7H3A1,1 0 0,1 2,6V2A1,1 0 0,1 3,1M3,9H19A1,1 0 0,1 20,10V10.67L17.5,9.56L11,12.44V15H3A1,1 0 0,1 2,14V10A1,1 0 0,1 3,9M3,17H11C11.06,19.25 12,21.4 13.46,23H3A1,1 0 0,1 2,22V18A1,1 0 0,1 3,17M8,5H9V3H8V5M8,13H9V11H8V13M8,21H9V19H8V21M4,3V5H6V3H4M4,11V13H6V11H4M4,19V21H6V19H4M17.5,12L22,14V17C22,19.78 20.08,22.37 17.5,23C14.92,22.37 13,19.78 13,17V14L17.5,12M17.5,13.94L15,15.06V17.72C15,19.26 16.07,20.7 17.5,21.06V13.94Z" /></svg><svg id="set-all" viewBox="0 0 24 24"><path d="M9,5C10.04,5 11.06,5.24 12,5.68C12.94,5.24 13.96,5 15,5A7,7 0 0,1 22,12A7,7 0 0,1 15,19C13.96,19 12.94,18.76 12,18.32C11.06,18.76 10.04,19 9,19A7,7 0 0,1 2,12A7,7 0 0,1 9,5M8.5,12C8.5,13.87 9.29,15.56 10.56,16.75L11.56,16.29C10.31,15.29 9.5,13.74 9.5,12C9.5,10.26 10.31,8.71 11.56,7.71L10.56,7.25C9.29,8.44 8.5,10.13 8.5,12M15.5,12C15.5,10.13 14.71,8.44 13.44,7.25L12.44,7.71C13.69,8.71 14.5,10.26 14.5,12C14.5,13.74 13.69,15.29 12.44,16.29L13.44,16.75C14.71,15.56 15.5,13.87 15.5,12Z" /></svg><svg id="set-center" viewBox="0 0 24 24"><path d="M9,5A7,7 0 0,0 2,12A7,7 0 0,0 9,19C10.04,19 11.06,18.76 12,18.32C12.94,18.76 13.96,19 15,19A7,7 0 0,0 22,12A7,7 0 0,0 15,5C13.96,5 12.94,5.24 12,5.68C11.06,5.24 10.04,5 9,5M9,7C9.34,7 9.67,7.03 10,7.1C8.72,8.41 8,10.17 8,12C8,13.83 8.72,15.59 10,16.89C9.67,16.96 9.34,17 9,17A5,5 0 0,1 4,12A5,5 0 0,1 9,7M15,7A5,5 0 0,1 20,12A5,5 0 0,1 15,17C14.66,17 14.33,16.97 14,16.9C15.28,15.59 16,13.83 16,12C16,10.17 15.28,8.41 14,7.11C14.33,7.04 14.66,7 15,7Z" /></svg><svg id="set-center-right" viewBox="0 0 24 24"><path d="M15,19C13.96,19 12.94,18.76 12,18.32C11.06,18.76 10.04,19 9,19A7,7 0 0,1 2,12A7,7 0 0,1 9,5C10.04,5 11.06,5.24 12,5.68C12.94,5.24 13.96,5 15,5A7,7 0 0,1 22,12A7,7 0 0,1 15,19M9,17L10,16.89C8.72,15.59 8,13.83 8,12C8,10.17 8.72,8.41 10,7.1L9,7A5,5 0 0,0 4,12A5,5 0 0,0 9,17M15.5,12C15.5,10.13 14.71,8.44 13.44,7.25L12.44,7.71C13.69,8.71 14.5,10.26 14.5,12C14.5,13.74 13.69,15.29 12.44,16.29L13.44,16.75C14.71,15.56 15.5,13.87 15.5,12Z" /></svg><svg id="set-left" viewBox="0 0 24 24"><path d="M9,5A7,7 0 0,0 2,12A7,7 0 0,0 9,19C10.04,19 11.06,18.76 12,18.32C12.94,18.76 13.96,19 15,19A7,7 0 0,0 22,12A7,7 0 0,0 15,5C13.96,5 12.94,5.24 12,5.68C11.06,5.24 10.04,5 9,5M15,7A5,5 0 0,1 20,12A5,5 0 0,1 15,17C14.66,17 14.33,16.97 14,16.9C15.28,15.59 16,13.83 16,12C16,10.17 15.28,8.41 14,7.11C14.33,7.04 14.66,7 15,7M12,8C13.26,8.95 14,10.43 14,12C14,13.57 13.26,15.05 12,16C10.74,15.05 10,13.57 10,12C10,10.43 10.74,8.95 12,8Z" /></svg><svg id="set-left-center" viewBox="0 0 24 24"><path d="M9,5C10.04,5 11.06,5.24 12,5.68C12.94,5.24 13.96,5 15,5A7,7 0 0,1 22,12A7,7 0 0,1 15,19C13.96,19 12.94,18.76 12,18.32C11.06,18.76 10.04,19 9,19A7,7 0 0,1 2,12A7,7 0 0,1 9,5M15,7L14,7.11C15.28,8.41 16,10.17 16,12C16,13.83 15.28,15.59 14,16.9L15,17A5,5 0 0,0 20,12A5,5 0 0,0 15,7M8.5,12C8.5,13.87 9.29,15.56 10.56,16.75L11.56,16.29C10.31,15.29 9.5,13.74 9.5,12C9.5,10.26 10.31,8.71 11.56,7.71L10.56,7.25C9.29,8.44 8.5,10.13 8.5,12Z" /></svg><svg id="set-left-right" viewBox="0 0 24 24"><path d="M9,5C10.04,5 11.06,5.24 12,5.68C12.94,5.24 13.96,5 15,5A7,7 0 0,1 22,12A7,7 0 0,1 15,19C13.96,19 12.94,18.76 12,18.32C11.06,18.76 10.04,19 9,19A7,7 0 0,1 2,12A7,7 0 0,1 9,5M9,12C9,14.22 10.21,16.16 12,17.2C13.79,16.16 15,14.22 15,12C15,9.78 13.79,7.84 12,6.8C10.21,7.84 9,9.78 9,12Z" /></svg><svg id="set-none" viewBox="0 0 24 24"><path d="M9,5A7,7 0 0,0 2,12A7,7 0 0,0 9,19C10.04,19 11.06,18.76 12,18.32C12.94,18.76 13.96,19 15,19A7,7 0 0,0 22,12A7,7 0 0,0 15,5C13.96,5 12.94,5.24 12,5.68C11.06,5.24 10.04,5 9,5M9,7C9.34,7 9.67,7.03 10,7.1C8.72,8.41 8,10.17 8,12C8,13.83 8.72,15.59 10,16.89C9.67,16.96 9.34,17 9,17A5,5 0 0,1 4,12A5,5 0 0,1 9,7M15,7A5,5 0 0,1 20,12A5,5 0 0,1 15,17C14.66,17 14.33,16.97 14,16.9C15.28,15.59 16,13.83 16,12C16,10.17 15.28,8.41 14,7.11C14.33,7.04 14.66,7 15,7M12,8C13.26,8.95 14,10.43 14,12C14,13.57 13.26,15.05 12,16C10.74,15.05 10,13.57 10,12C10,10.43 10.74,8.95 12,8Z" /></svg><svg id="set-right" viewBox="0 0 24 24"><path d="M15,19C13.96,19 12.94,18.76 12,18.32C11.06,18.76 10.04,19 9,19A7,7 0 0,1 2,12A7,7 0 0,1 9,5C10.04,5 11.06,5.24 12,5.68C12.94,5.24 13.96,5 15,5A7,7 0 0,1 22,12A7,7 0 0,1 15,19M9,17L10,16.89C8.72,15.59 8,13.83 8,12C8,10.17 8.72,8.41 10,7.1L9,7A5,5 0 0,0 4,12A5,5 0 0,0 9,17M12,16C13.26,15.05 14,13.57 14,12C14,10.43 13.26,8.95 12,8C10.74,8.95 10,10.43 10,12C10,13.57 10.74,15.05 12,16Z" /></svg><svg id="set-top-box" viewBox="0 0 24 24"><path d="M5,15.5A0.5,0.5 0 0,1 4.5,16H3.5A0.5,0.5 0 0,1 3,15.5V15H2A1,1 0 0,1 1,14V11A1,1 0 0,1 2,10H22A1,1 0 0,1 23,11V14A1,1 0 0,1 22,15H21V15.5A0.5,0.5 0 0,1 20.5,16H19.5A0.5,0.5 0 0,1 19,15.5V15H5V15.5M3,12V13H5V12H3M6,12V13H8V12H6M20.5,11.5A1,1 0 0,0 19.5,12.5A1,1 0 0,0 20.5,13.5A1,1 0 0,0 21.5,12.5A1,1 0 0,0 20.5,11.5Z" /></svg><svg id="settings" viewBox="0 0 24 24"><path d="M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z" /></svg><svg id="settings-box" viewBox="0 0 24 24"><path d="M17.25,12C17.25,12.23 17.23,12.46 17.2,12.68L18.68,13.84C18.81,13.95 18.85,14.13 18.76,14.29L17.36,16.71C17.27,16.86 17.09,16.92 16.93,16.86L15.19,16.16C14.83,16.44 14.43,16.67 14,16.85L13.75,18.7C13.72,18.87 13.57,19 13.4,19H10.6C10.43,19 10.28,18.87 10.25,18.7L10,16.85C9.56,16.67 9.17,16.44 8.81,16.16L7.07,16.86C6.91,16.92 6.73,16.86 6.64,16.71L5.24,14.29C5.15,14.13 5.19,13.95 5.32,13.84L6.8,12.68C6.77,12.46 6.75,12.23 6.75,12C6.75,11.77 6.77,11.54 6.8,11.32L5.32,10.16C5.19,10.05 5.15,9.86 5.24,9.71L6.64,7.29C6.73,7.13 6.91,7.07 7.07,7.13L8.81,7.84C9.17,7.56 9.56,7.32 10,7.15L10.25,5.29C10.28,5.13 10.43,5 10.6,5H13.4C13.57,5 13.72,5.13 13.75,5.29L14,7.15C14.43,7.32 14.83,7.56 15.19,7.84L16.93,7.13C17.09,7.07 17.27,7.13 17.36,7.29L18.76,9.71C18.85,9.86 18.81,10.05 18.68,10.16L17.2,11.32C17.23,11.54 17.25,11.77 17.25,12M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M12,10C10.89,10 10,10.89 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12C14,10.89 13.1,10 12,10Z" /></svg><svg id="settings-helper" viewBox="0 0 24 24"><path d="M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22Z" /></svg><svg id="settings-outline" viewBox="0 0 24 24"><path d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z" /></svg><svg id="shape" viewBox="0 0 24 24"><path d="M11,13.5V21.5H3V13.5H11M12,2L17.5,11H6.5L12,2M17.5,13C20,13 22,15 22,17.5C22,20 20,22 17.5,22C15,22 13,20 13,17.5C13,15 15,13 17.5,13Z" /></svg><svg id="shape-circle-plus" viewBox="0 0 24 24"><path d="M11,19A6,6 0 0,0 17,13H19A8,8 0 0,1 11,21A8,8 0 0,1 3,13A8,8 0 0,1 11,5V7A6,6 0 0,0 5,13A6,6 0 0,0 11,19M19,5H22V7H19V10H17V7H14V5H17V2H19V5Z" /></svg><svg id="shape-outline" viewBox="0 0 24 24"><path d="M11,13.5V21.5H3V13.5H11M9,15.5H5V19.5H9V15.5M12,2L17.5,11H6.5L12,2M12,5.86L10.08,9H13.92L12,5.86M17.5,13C20,13 22,15 22,17.5C22,20 20,22 17.5,22C15,22 13,20 13,17.5C13,15 15,13 17.5,13M17.5,15A2.5,2.5 0 0,0 15,17.5A2.5,2.5 0 0,0 17.5,20A2.5,2.5 0 0,0 20,17.5A2.5,2.5 0 0,0 17.5,15Z" /></svg><svg id="shape-plus" viewBox="0 0 24 24"><path d="M2,2H11V11H2V2M17.5,2C20,2 22,4 22,6.5C22,9 20,11 17.5,11C15,11 13,9 13,6.5C13,4 15,2 17.5,2M6.5,14L11,22H2L6.5,14M19,17H22V19H19V22H17V19H14V17H17V14H19V17Z" /></svg><svg id="shape-polygon-plus" viewBox="0 0 24 24"><path d="M17,15.7V13H19V17L10,21L3,14L7,5H11V7H8.3L5.4,13.6L10.4,18.6L17,15.7M22,5V7H19V10H17V7H14V5H17V2H19V5H22Z" /></svg><svg id="shape-rectangle-plus" viewBox="0 0 24 24"><path d="M19,6H22V8H19V11H17V8H14V6H17V3H19V6M17,17V14H19V19H3V6H11V8H5V17H17Z" /></svg><svg id="shape-square-plus" viewBox="0 0 24 24"><path d="M19,5H22V7H19V10H17V7H14V5H17V2H19V5M17,19V13H19V21H3V5H11V7H5V19H17Z" /></svg><svg id="share" viewBox="0 0 24 24"><path d="M21,11L14,4V8C7,9 4,14 3,19C5.5,15.5 9,13.9 14,13.9V18L21,11Z" /></svg><svg id="share-outline" viewBox="0 0 24 24"><path d="M14,4V8C7,9 4,14 3,19C5.5,15.5 9,13.9 14,13.9V18L21,11L14,4M16,8.83L18.17,11L16,13.17V11.9H14C11.93,11.9 10.07,12.28 8.34,12.85C9.74,11.46 11.54,10.37 14.28,10L16,9.73V8.83Z" /></svg><svg id="share-variant" viewBox="0 0 24 24"><path d="M18,16.08C17.24,16.08 16.56,16.38 16.04,16.85L8.91,12.7C8.96,12.47 9,12.24 9,12C9,11.76 8.96,11.53 8.91,11.3L15.96,7.19C16.5,7.69 17.21,8 18,8A3,3 0 0,0 21,5A3,3 0 0,0 18,2A3,3 0 0,0 15,5C15,5.24 15.04,5.47 15.09,5.7L8.04,9.81C7.5,9.31 6.79,9 6,9A3,3 0 0,0 3,12A3,3 0 0,0 6,15C6.79,15 7.5,14.69 8.04,14.19L15.16,18.34C15.11,18.55 15.08,18.77 15.08,19C15.08,20.61 16.39,21.91 18,21.91C19.61,21.91 20.92,20.61 20.92,19A2.92,2.92 0 0,0 18,16.08Z" /></svg><svg id="sheep" viewBox="0 0 24 24"><path d="M20,8.5A2.5,2.5 0 0,1 17.5,11C16.42,11 15.5,10.31 15.16,9.36C14.72,9.75 14.14,10 13.5,10C12.94,10 12.42,9.81 12,9.5C11.58,9.81 11.07,10 10.5,10C9.86,10 9.28,9.75 8.84,9.36C8.5,10.31 7.58,11 6.5,11A2.5,2.5 0 0,1 4,8.5C4,7.26 4.91,6.23 6.1,6.04C6.04,5.87 6,5.69 6,5.5A1.5,1.5 0 0,1 7.5,4C7.7,4 7.89,4.04 8.06,4.11C8.23,3.47 8.81,3 9.5,3C9.75,3 10,3.07 10.18,3.17C10.5,2.5 11.19,2 12,2C12.81,2 13.5,2.5 13.82,3.17C14,3.07 14.25,3 14.5,3C15.19,3 15.77,3.47 15.94,4.11C16.11,4.04 16.3,4 16.5,4A1.5,1.5 0 0,1 18,5.5C18,5.69 17.96,5.87 17.9,6.04C19.09,6.23 20,7.26 20,8.5M10,12A1,1 0 0,0 9,13A1,1 0 0,0 10,14A1,1 0 0,0 11,13A1,1 0 0,0 10,12M14,12A1,1 0 0,0 13,13A1,1 0 0,0 14,14A1,1 0 0,0 15,13A1,1 0 0,0 14,12M20.23,10.66C19.59,11.47 18.61,12 17.5,12C17.05,12 16.62,11.9 16.21,11.73C16.2,14.28 15.83,17.36 14.45,18.95C13.93,19.54 13.3,19.86 12.5,19.96V18H11.5V19.96C10.7,19.86 10.07,19.55 9.55,18.95C8.16,17.35 7.79,14.29 7.78,11.74C7.38,11.9 6.95,12 6.5,12C5.39,12 4.41,11.47 3.77,10.66C2.88,11.55 2,12 2,12C2,12 3,14 5,14C5.36,14 5.64,13.96 5.88,13.91C6.22,17.73 7.58,22 12,22C16.42,22 17.78,17.73 18.12,13.91C18.36,13.96 18.64,14 19,14C21,14 22,12 22,12C22,12 21.12,11.55 20.23,10.66Z" /></svg><svg id="shield" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1Z" /></svg><svg id="shield-account" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M17.13,17C15.92,18.85 14.11,20.24 12,20.92C9.89,20.24 8.08,18.85 6.87,17C6.53,16.5 6.24,16 6,15.47C6,13.82 8.71,12.47 12,12.47C15.29,12.47 18,13.79 18,15.47C17.76,16 17.47,16.5 17.13,17Z" /></svg><svg id="shield-account-outline" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,3.18L19,6.3V11.22C19,12.92 18.5,14.65 17.65,16.17C16,14.94 13.26,14.5 12,14.5C10.74,14.5 8,14.94 6.35,16.17C5.5,14.65 5,12.92 5,11.22V6.3L12,3.18M12,6A3.5,3.5 0 0,0 8.5,9.5A3.5,3.5 0 0,0 12,13A3.5,3.5 0 0,0 15.5,9.5A3.5,3.5 0 0,0 12,6M12,8A1.5,1.5 0 0,1 13.5,9.5A1.5,1.5 0 0,1 12,11A1.5,1.5 0 0,1 10.5,9.5A1.5,1.5 0 0,1 12,8M12,16.5C13.57,16.5 15.64,17.11 16.53,17.84C15.29,19.38 13.7,20.55 12,21C10.3,20.55 8.71,19.38 7.47,17.84C8.37,17.11 10.43,16.5 12,16.5Z" /></svg><svg id="shield-airplane" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,5.68C12.5,5.68 12.95,6.11 12.95,6.63V10.11L18,13.26V14.53L12.95,12.95V16.42L14.21,17.37V18.32L12,17.68L9.79,18.32V17.37L11.05,16.42V12.95L6,14.53V13.26L11.05,10.11V6.63C11.05,6.11 11.5,5.68 12,5.68Z" /></svg><svg id="shield-airplane-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21M12,5.68C12.5,5.68 12.95,6.11 12.95,6.63V10.11L18,13.26V14.53L12.95,12.95V16.42L14.21,17.37V18.32L12,17.68L9.79,18.32V17.37L11.05,16.42V12.95L6,14.53V13.26L11.05,10.11V6.63C11.05,6.11 11.5,5.68 12,5.68Z" /></svg><svg id="shield-check" viewBox="0 0 24 24"><path d="M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1Z" /></svg><svg id="shield-check-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9" /></svg><svg id="shield-cross" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.5 6.8,21.7 12,23C17.2,21.7 21,16.5 21,11V5L12,1M16,10H13V18H11V10H8V8H11V5H13V8H16V10Z" /></svg><svg id="shield-cross-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.5 17.2,21.7 12,23C6.8,21.7 3,16.5 3,11V5L12,1L21,5V11M12,21C15.8,20 19,15.5 19,11.2V6.3L12,3.2L5,6.3V11.2C5,15.5 8.3,20 12,21M16,9H13V6H11V9H8V11H11V19H13V11H16V9Z" /></svg><svg id="shield-half-full" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18V21Z" /></svg><svg id="shield-home" viewBox="0 0 24 24"><path d="M11,13H13V16H16V11H18L12,6L6,11H8V16H11V13M12,1L21,5V11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1Z" /></svg><svg id="shield-home-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21M11,14H13V17H16V12H18L12,7L6,12H8V17H11V14" /></svg><svg id="shield-key" viewBox="0 0 24 24"><path d="M12,8A1,1 0 0,1 13,9A1,1 0 0,1 12,10A1,1 0 0,1 11,9A1,1 0 0,1 12,8M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,6A3,3 0 0,0 9,9C9,10.31 9.83,11.42 11,11.83V18H13V16H15V14H13V11.83C14.17,11.42 15,10.31 15,9A3,3 0 0,0 12,6Z" /></svg><svg id="shield-key-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21M12,6A3,3 0 0,1 15,9C15,10.31 14.17,11.42 13,11.83V14H15V16H13V18H11V11.83C9.83,11.42 9,10.31 9,9A3,3 0 0,1 12,6M12,8A1,1 0 0,0 11,9A1,1 0 0,0 12,10A1,1 0 0,0 13,9A1,1 0 0,0 12,8Z" /></svg><svg id="shield-link-variant" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M14.28,14.08L12.26,16.1C11.66,16.7 10.87,17 10.08,17C9.29,17 8.5,16.7 7.9,16.1C6.7,14.9 6.7,12.95 7.9,11.74L9.15,10.5L9.14,11.06C9.14,11.5 9.21,11.95 9.36,12.37L9.41,12.5L9.04,12.87C8.76,13.15 8.6,13.53 8.6,13.92C8.6,14.32 8.76,14.69 9.04,14.97C9.6,15.53 10.57,15.53 11.13,14.97L13.14,12.96C13.43,12.67 13.58,12.3 13.58,11.91C13.58,11.5 13.43,11.14 13.15,10.86C13,10.71 12.9,10.5 12.9,10.29C12.9,10.08 13,9.88 13.15,9.73C13.45,9.42 14,9.43 14.28,9.73C14.86,10.31 15.18,11.08 15.18,11.9C15.18,12.73 14.86,13.5 14.28,14.08M17.1,11.26L15.85,12.5L15.86,11.94C15.86,11.5 15.79,11.06 15.64,10.64L15.6,10.5L15.96,10.13C16.25,9.85 16.4,9.5 16.4,9.08C16.4,8.69 16.25,8.32 15.97,8.04C15.4,7.47 14.43,7.47 13.87,8.04L11.86,10.05C11.58,10.33 11.42,10.7 11.42,11.1C11.42,11.5 11.57,11.86 11.86,12.14C12,12.29 12.1,12.5 12.1,12.71C12.1,12.93 12,13.13 11.85,13.28C11.7,13.44 11.5,13.5 11.29,13.5C11.09,13.5 10.88,13.43 10.72,13.28C9.5,12.08 9.5,10.12 10.72,8.92L12.74,6.9C13.95,5.7 15.9,5.7 17.1,6.9C17.68,7.5 18,8.26 18,9.08C18,9.9 17.68,10.68 17.1,11.26Z" /></svg><svg id="shield-link-variant-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21M14.28,9.73C14.86,10.31 15.18,11.08 15.18,11.9C15.18,12.73 14.86,13.5 14.28,14.08L12.26,16.1C11.66,16.7 10.87,17 10.08,17C9.29,17 8.5,16.7 7.9,16.1C6.7,14.9 6.7,12.95 7.9,11.74L9.15,10.5L9.14,11.06C9.14,11.5 9.21,11.95 9.36,12.36L9.4,12.5L9.04,12.87C8.75,13.15 8.6,13.5 8.6,13.92C8.6,14.31 8.75,14.68 9.03,14.96C9.6,15.53 10.57,15.53 11.13,14.97L13.14,12.95C13.43,12.67 13.58,12.3 13.58,11.91C13.58,11.5 13.43,11.14 13.14,10.86C13,10.71 12.9,10.5 12.9,10.29C12.9,10.08 13,9.87 13.14,9.72C13.45,9.42 14,9.42 14.28,9.73M18,9.08C18,9.9 17.68,10.68 17.1,11.26L15.85,12.5L15.86,11.94C15.86,11.5 15.79,11.06 15.64,10.64L15.59,10.5L15.96,10.13C16.25,9.85 16.4,9.5 16.4,9.08C16.4,8.69 16.25,8.32 15.96,8.04C15.4,7.47 14.43,7.47 13.87,8.03L11.86,10.05C11.57,10.33 11.42,10.7 11.42,11.1C11.42,11.5 11.57,11.86 11.85,12.14C12,12.29 12.1,12.5 12.1,12.71C12.1,12.93 12,13.13 11.85,13.28C11.7,13.43 11.5,13.5 11.29,13.5C11.09,13.5 10.88,13.43 10.72,13.28C9.5,12.07 9.5,10.12 10.72,8.92L12.74,6.9C13.95,5.7 15.9,5.7 17.1,6.9C17.68,7.5 18,8.26 18,9.08Z" /></svg><svg id="shield-lock" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z" /></svg><svg id="shield-lock-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21M14.8,11V9.5C14.8,8.1 13.4,7 12,7C10.6,7 9.2,8.1 9.2,9.5V11C8.6,11 8,11.6 8,12.2V15.7C8,16.4 8.6,17 9.2,17H14.7C15.4,17 16,16.4 16,15.8V12.3C16,11.6 15.4,11 14.8,11M13.5,11H10.5V9.5C10.5,8.7 11.2,8.2 12,8.2C12.8,8.2 13.5,8.7 13.5,9.5V11Z" /></svg><svg id="shield-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L20.5,21.22L19.23,22.5L17,20.25C15.57,21.57 13.87,22.54 12,23C6.84,21.74 3,16.55 3,11V6.27L1,4.27M12,1L21,5V11C21,13.28 20.35,15.5 19.23,17.41L5.65,3.82L12,1Z" /></svg><svg id="shield-off-outline" viewBox="0 0 24 24"><path d="M1,4.27L3,6.27V11C3,16.55 6.84,21.74 12,23C13.87,22.54 15.57,21.56 16.97,20.24L19.23,22.5L20.5,21.22L2.28,3L1,4.27M12,21C8.25,20 5,15.54 5,11.22V8.27L15.59,18.86C14.53,19.89 13.3,20.65 12,21M21,5V11C21,13.28 20.35,15.5 19.23,17.4L17.77,15.95C18.54,14.5 19,12.84 19,11.22V6.3L12,3.18L7.16,5.34L5.65,3.82L12,1L21,5Z" /></svg><svg id="shield-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21Z" /></svg><svg id="shield-plus" viewBox="0 0 24 24"><path d="M19,20V22.97H17V20H14V18H17V15H19V18H22V20H19M12,1L21,5V11C21,11.9 20.9,12.78 20.71,13.65C19.9,13.23 19,13 18,13A6,6 0 0,0 12,19C12,20.36 12.45,21.62 13.22,22.62L12,23C6.84,21.74 3,16.55 3,11V5L12,1Z" /></svg><svg id="shield-plus-outline" viewBox="0 0 24 24"><path d="M19,20V22.97H17V20H14V18H17V15H19V18H22V20H19M21,11C21,11.9 20.9,12.78 20.71,13.65C20.13,13.35 19.5,13.15 18.81,13.05C18.93,12.45 19,11.83 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21L12.31,20.91C12.5,21.53 12.83,22.11 13.22,22.62L12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11Z" /></svg><svg id="shield-remove" viewBox="0 0 24 24"><path d="M19.43,19L21.5,21.11L20.12,22.5L18.03,20.41L15.91,22.53L14.5,21.11L16.61,19L14.5,16.86L15.88,15.47L18,17.59L20.12,15.47L21.55,16.9L19.43,19M12,1L21,5V11C21,11.9 20.9,12.78 20.71,13.65C19.9,13.23 19,13 18,13A6,6 0 0,0 12,19C12,20.36 12.45,21.62 13.22,22.62L12,23C6.84,21.74 3,16.55 3,11V5L12,1Z" /></svg><svg id="shield-remove-outline" viewBox="0 0 24 24"><path d="M19.43,19L21.5,21.11L20.12,22.5L18.03,20.41L15.91,22.53L14.5,21.11L16.61,19L14.5,16.86L15.88,15.47L18,17.59L20.12,15.47L21.55,16.9L19.43,19M21,11C21,11.9 20.9,12.78 20.71,13.65C20.13,13.35 19.5,13.15 18.81,13.05C18.93,12.45 19,11.83 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21L12.31,20.91C12.5,21.53 12.83,22.11 13.22,22.62L12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11Z" /></svg><svg id="shield-search" viewBox="0 0 24 24"><path d="M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M17.86,19.31C16.23,21.22 14.28,22.45 12,23C9.44,22.39 7.3,20.93 5.58,18.63C3.86,16.34 3,13.8 3,11V5L12,1L21,5V11C21,13.39 20.36,15.61 19.08,17.67L16.17,14.76C16.69,13.97 17,13 17,12A5,5 0 0,0 12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17C13,17 13.97,16.69 14.76,16.17L17.86,19.31Z" /></svg><svg id="ship-wheel" viewBox="0 0 24 24"><path d="M2,11L4.05,11.1C4.3,8.83 5.5,6.85 7.25,5.56L6.13,3.84C5.86,3.36 6,2.75 6.5,2.47C7,2.2 7.59,2.36 7.87,2.84L8.8,4.66C9.78,4.24 10.86,4 12,4C13.14,4 14.22,4.24 15.2,4.66L16.13,2.84C16.41,2.36 17,2.2 17.5,2.47C18,2.75 18.14,3.36 17.87,3.84L16.75,5.56C18.5,6.85 19.7,8.83 19.95,11.1L22,11A1,1 0 0,1 23,12A1,1 0 0,1 22,13L19.95,12.9C19.7,15.17 18.5,17.15 16.75,18.44L17.87,20.16C18.14,20.64 18,21.25 17.5,21.53C17,21.8 16.41,21.64 16.13,21.16L15.2,19.34C14.22,19.76 13.14,20 12,20C10.86,20 9.78,19.76 8.8,19.34L7.87,21.16C7.59,21.64 7,21.8 6.5,21.53C6,21.25 5.86,20.64 6.13,20.16L7.25,18.44C5.5,17.15 4.3,15.17 4.05,12.9L2,13A1,1 0 0,1 1,12A1,1 0 0,1 2,11M9.07,11.35C9.2,10.74 9.53,10.2 10,9.79L8.34,7.25C7.11,8.19 6.27,9.6 6.05,11.2L9.07,11.35M12,9C12.32,9 12.62,9.05 12.9,9.14L14.28,6.45C13.58,6.16 12.81,6 12,6C11.19,6 10.42,6.16 9.72,6.45L11.1,9.14C11.38,9.05 11.68,9 12,9M14.93,11.35L17.95,11.2C17.73,9.6 16.89,8.19 15.66,7.25L14,9.79C14.47,10.2 14.8,10.74 14.93,11.35M14.93,12.65C14.8,13.26 14.47,13.8 14,14.21L15.66,16.75C16.89,15.81 17.73,14.4 17.95,12.8L14.93,12.65M12,15C11.68,15 11.38,14.95 11.09,14.86L9.72,17.55C10.42,17.84 11.19,18 12,18C12.81,18 13.58,17.84 14.28,17.55L12.91,14.86C12.62,14.95 12.32,15 12,15M9.07,12.65L6.05,12.8C6.27,14.4 7.11,15.81 8.34,16.75L10,14.21C9.53,13.8 9.2,13.26 9.07,12.65Z" /></svg><svg id="shoe-formal" viewBox="0 0 24 24"><path d="M21.5,9V8H20.5L19.5,9H15L14,8H13L7,12H4A2,2 0 0,0 2,14V16H10L13,15H15V16H21.5V14C21.5,14 22,13 22,11.5C22,10 21.5,9 21.5,9Z" /></svg><svg id="shoe-heel" viewBox="0 0 24 24"><path d="M3,18H11.7L17,14H18V18H20V14C20,14 21,12 21,10C21,8 20.5,6 20.5,6H18.5L18,7L10,14H8L3,16V18Z" /></svg><svg id="shoe-print" viewBox="0 0 24 24"><path d="M10.74,11.72C11.21,12.95 11.16,14.23 9.75,14.74C6.85,15.81 6.2,13 6.16,12.86L10.74,11.72M5.71,10.91L10.03,9.84C9.84,8.79 10.13,7.74 10.13,6.5C10.13,4.82 8.8,1.53 6.68,2.06C4.26,2.66 3.91,5.35 4,6.65C4.12,7.95 5.64,10.73 5.71,10.91M17.85,19.85C17.82,20 17.16,22.8 14.26,21.74C12.86,21.22 12.8,19.94 13.27,18.71L17.85,19.85M20,13.65C20.1,12.35 19.76,9.65 17.33,9.05C15.22,8.5 13.89,11.81 13.89,13.5C13.89,14.73 14.17,15.78 14,16.83L18.3,17.9C18.38,17.72 19.89,14.94 20,13.65Z" /></svg><svg id="shopify" viewBox="0 0 24 24"><path d="M18.61,5.89C18.6,5.79 18.5,5.73 18.44,5.73C18.37,5.72 16.83,5.61 16.83,5.61C16.83,5.61 15.76,4.55 15.65,4.43C15.53,4.31 15.3,4.35 15.21,4.37C15.2,4.37 15,4.44 14.61,4.55C14.25,3.5 13.62,2.58 12.43,2.58C12.11,2.18 11.72,2 11.38,2C8.8,2 7.57,5.22 7.18,6.86C6.18,7.17 5.47,7.39 5.37,7.42C4.82,7.6 4.8,7.62 4.73,8.14C4.67,8.54 3.21,19.86 3.21,19.86L14.61,22L20.79,20.66C20.79,20.66 18.62,6 18.61,5.89M14,4.76C13.69,4.85 13.37,4.95 13,5.06C13,5 13,4.93 13,4.85C13,4.21 12.93,3.7 12.79,3.29C13.35,3.36 13.73,4 14,4.76M12.08,3.42C12.24,3.82 12.34,4.39 12.34,5.16C12.34,5.2 12.34,5.24 12.34,5.27C11.71,5.46 11.03,5.68 10.35,5.89C10.73,4.4 11.45,3.69 12.08,3.42M11.31,2.69C11.42,2.69 11.53,2.73 11.64,2.8C10.81,3.19 9.93,4.17 9.55,6.12C9,6.3 8.47,6.46 8,6.62C8.42,5.12 9.46,2.69 11.31,2.69M12.5,9.15L11.76,11.42C11.76,11.42 11.09,11.06 10.27,11.06C9.07,11.06 9,11.81 9,12C9,13.04 11.71,13.43 11.71,15.86C11.71,17.77 10.5,19 8.87,19C6.91,19 5.91,17.78 5.91,17.78L6.43,16.05C6.43,16.05 7.46,16.93 8.33,16.93C8.9,16.93 9.13,16.5 9.13,16.16C9.13,14.81 6.92,14.75 6.92,12.53C6.92,10.66 8.26,8.85 10.97,8.85C12,8.85 12.5,9.15 12.5,9.15M15.43,5.29L16.75,6.6L17.71,6.68C18.05,9 19.19,16.73 19.66,19.88L14.66,20.97L15.43,5.29Z" /></svg><svg id="shopping" viewBox="0 0 24 24"><path d="M12,13A5,5 0 0,1 7,8H9A3,3 0 0,0 12,11A3,3 0 0,0 15,8H17A5,5 0 0,1 12,13M12,3A3,3 0 0,1 15,6H9A3,3 0 0,1 12,3M19,6H17A5,5 0 0,0 12,1A5,5 0 0,0 7,6H5C3.89,6 3,6.89 3,8V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V8C21,6.89 20.1,6 19,6Z" /></svg><svg id="shopping-music" viewBox="0 0 24 24"><path d="M12,3A3,3 0 0,0 9,6H15A3,3 0 0,0 12,3M19,6A2,2 0 0,1 21,8V20A2,2 0 0,1 19,22H5C3.89,22 3,21.1 3,20V8C3,6.89 3.89,6 5,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6H19M9,19L16.5,14L9,10V19Z" /></svg><svg id="shovel" viewBox="0 0 24 24"><path d="M15.1,1.81L12.27,4.64C11.5,5.42 11.5,6.69 12.27,7.47L13.68,8.88L9.13,13.43L6.31,10.6L4.89,12C-0.06,17 3.5,20.5 3.5,20.5C3.5,20.5 7,24 12,19.09L13.41,17.68L10.61,14.88L15.15,10.34L16.54,11.73C17.32,12.5 18.59,12.5 19.37,11.73L22.2,8.9L15.1,1.81M17.93,10.28L16.55,8.9L15.11,7.46L13.71,6.06L15.12,4.65L19.35,8.88L17.93,10.28Z" /></svg><svg id="shovel-off" viewBox="0 0 24 24"><path d="M15.1,1.81L12.27,4.65C11.5,5.43 11.5,6.69 12.27,7.47L13.68,8.89L13,9.62L14.44,11.06L15.17,10.33L16.56,11.72C17.34,12.5 18.61,12.5 19.39,11.72L22.22,8.88L15.1,1.81M17.93,10.28L13.7,6.06L15.11,4.65L19.34,8.88L17.93,10.28M20.7,20.24L19.29,21.65L11.5,13.88L10.5,14.88L13.33,17.69L12,19.09C7,24 3.5,20.5 3.5,20.5C3.5,20.5 -0.06,17 4.89,12L6.31,10.6L9.13,13.43L10.13,12.43L2.35,4.68L3.77,3.26L20.7,20.24Z" /></svg><svg id="shower" viewBox="0 0 24 24"><path d="M21,14V15C21,16.91 19.93,18.57 18.35,19.41L19,22H17L16.5,20C16.33,20 16.17,20 16,20H8C7.83,20 7.67,20 7.5,20L7,22H5L5.65,19.41C4.07,18.57 3,16.91 3,15V14H2V12H20V5A1,1 0 0,0 19,4C18.5,4 18.12,4.34 18,4.79C18.63,5.33 19,6.13 19,7H13A3,3 0 0,1 16,4C16.06,4 16.11,4 16.17,4C16.58,2.84 17.69,2 19,2A3,3 0 0,1 22,5V14H21V14M19,14H5V15A3,3 0 0,0 8,18H16A3,3 0 0,0 19,15V14Z" /></svg><svg id="shower-head" viewBox="0 0 24 24"><path d="M20,20A1,1 0 0,1 21,21A1,1 0 0,1 20,22A1,1 0 0,1 19,21A1,1 0 0,1 20,20M16,20A1,1 0 0,1 17,21A1,1 0 0,1 16,22A1,1 0 0,1 15,21A1,1 0 0,1 16,20M12,20A1,1 0 0,1 13,21A1,1 0 0,1 12,22A1,1 0 0,1 11,21A1,1 0 0,1 12,20M8,20A1,1 0 0,1 9,21A1,1 0 0,1 8,22A1,1 0 0,1 7,21A1,1 0 0,1 8,20M4,20A1,1 0 0,1 5,21A1,1 0 0,1 4,22A1,1 0 0,1 3,21A1,1 0 0,1 4,20M6,17A1,1 0 0,1 7,18A1,1 0 0,1 6,19H6A1,1 0 0,1 5,18A1,1 0 0,1 6,17H6M10,17A1,1 0 0,1 11,18A1,1 0 0,1 10,19A1,1 0 0,1 9,18A1,1 0 0,1 10,17M14,17A1,1 0 0,1 15,18A1,1 0 0,1 14,19A1,1 0 0,1 13,18A1,1 0 0,1 14,17M18,17A1,1 0 0,1 19,18A1,1 0 0,1 18,19A1,1 0 0,1 17,18A1,1 0 0,1 18,17M8,14A1,1 0 0,1 9,15A1,1 0 0,1 8,16A1,1 0 0,1 7,15A1,1 0 0,1 8,14M12,14A1,1 0 0,1 13,15A1,1 0 0,1 12,16A1,1 0 0,1 11,15A1,1 0 0,1 12,14M16,14A1,1 0 0,1 17,15A1,1 0 0,1 16,16A1,1 0 0,1 15,15A1,1 0 0,1 16,14M19,12H5V10H19V12M17.92,9H6.08C6.5,6.5 8.5,4.5 11,4.08V2H13V4.08C15.5,4.5 17.5,6.5 17.92,9Z" /></svg><svg id="shredder" viewBox="0 0 24 24"><path d="M6,3V7H8V5H16V7H18V3H6M5,8A3,3 0 0,0 2,11V17H5V14H19V17H22V11A3,3 0 0,0 19,8H5M18,10A1,1 0 0,1 19,11A1,1 0 0,1 18,12A1,1 0 0,1 17,11A1,1 0 0,1 18,10M7,16V21H9V16H7M11,16V20H13V16H11M15,16V21H17V16H15Z" /></svg><svg id="shuffle" viewBox="0 0 24 24"><path d="M14.83,13.41L13.42,14.82L16.55,17.95L14.5,20H20V14.5L17.96,16.54L14.83,13.41M14.5,4L16.54,6.04L4,18.59L5.41,20L17.96,7.46L20,9.5V4M10.59,9.17L5.41,4L4,5.41L9.17,10.58L10.59,9.17Z" /></svg><svg id="shuffle-disabled" viewBox="0 0 24 24"><path d="M16,4.5V7H5V9H16V11.5L19.5,8M16,12.5V15H5V17H16V19.5L19.5,16" /></svg><svg id="shuffle-variant" viewBox="0 0 24 24"><path d="M17,3L22.25,7.5L17,12L22.25,16.5L17,21V18H14.26L11.44,15.18L13.56,13.06L15.5,15H17V12L17,9H15.5L6.5,18H2V15H5.26L14.26,6H17V3M2,6H6.5L9.32,8.82L7.2,10.94L5.26,9H2V6Z" /></svg><svg id="sigma" viewBox="0 0 24 24"><path d="M18,6H8.83L14.83,12L8.83,18H18V20H6V18L12,12L6,6V4H18V6Z" /></svg><svg id="sigma-lower" viewBox="0 0 24 24"><path d="M19,12C19,16.42 15.64,20 11.5,20C7.36,20 4,16.42 4,12C4,7.58 7.36,4 11.5,4H20V6H16.46C18,7.47 19,9.61 19,12M11.5,6C8.46,6 6,8.69 6,12C6,15.31 8.46,18 11.5,18C14.54,18 17,15.31 17,12C17,8.69 14.54,6 11.5,6Z" /></svg><svg id="sign-caution" viewBox="0 0 24 24"><path d="M2,3H22V13H18V21H16V13H8V21H6V13H2V3M18.97,11L20,9.97V7.15L16.15,11H18.97M13.32,11L19.32,5H16.5L10.5,11H13.32M7.66,11L13.66,5H10.83L4.83,11H7.66M5.18,5L4,6.18V9L8,5H5.18Z" /></svg><svg id="sign-direction" viewBox="0 0 24 24"><path d="M11,12H3.5L6,9.5L3.5,7H11V3L12,2L13,3V7H18L20.5,9.5L18,12H13V20A2,2 0 0,1 15,22H9A2,2 0 0,1 11,20V12Z" /></svg><svg id="sign-text" viewBox="0 0 24 24"><path d="M11,3L12,2L13,3V5H20A1,1 0 0,1 21,6V16A1,1 0 0,1 20,17H13V20A2,2 0 0,1 15,22H9A2,2 0 0,1 11,20V17H4A1,1 0 0,1 3,16V6A1,1 0 0,1 4,5H11V3M6,8V10H18V8H6M6,12V14H13V12H6Z" /></svg><svg id="signal" viewBox="0 0 24 24"><path d="M3,21H6V18H3M8,21H11V14H8M13,21H16V9H13M18,21H21V3H18V21Z" /></svg><svg id="signal-2g" viewBox="0 0 24 24"><path d="M11,19.5H2V13.5A3,3 0 0,1 5,10.5H8V7.5H2V4.5H8A3,3 0 0,1 11,7.5V10.5A3,3 0 0,1 8,13.5H5V16.5H11M22,10.5H17.5V13.5H19V16.5H16V7.5H22V4.5H16A3,3 0 0,0 13,7.5V16.5A3,3 0 0,0 16,19.5H19A3,3 0 0,0 22,16.5" /></svg><svg id="signal-3g" viewBox="0 0 24 24"><path d="M11,16.5V14.25C11,13 10,12 8.75,12C10,12 11,11 11,9.75V7.5A3,3 0 0,0 8,4.5H2V7.5H8V10.5H5V13.5H8V16.5H2V19.5H8A3,3 0 0,0 11,16.5M22,16.5V10.5H17.5V13.5H19V16.5H16V7.5H22V4.5H16A3,3 0 0,0 13,7.5V16.5A3,3 0 0,0 16,19.5H19A3,3 0 0,0 22,16.5Z" /></svg><svg id="signal-4g" viewBox="0 0 24 24"><path d="M22,16.5V10.5H17.5V13.5H19V16.5H16V7.5H22V4.5H16A3,3 0 0,0 13,7.5V16.5A3,3 0 0,0 16,19.5H19A3,3 0 0,0 22,16.5M8,19.5H11V4.5H8V10.5H5V4.5H2V13.5H8V19.5Z" /></svg><svg id="signal-5g" viewBox="0 0 24 24"><path d="M22,16.5V10.5H17.5V13.5H19V16.5H16V7.5H22V4.5H16A3,3 0 0,0 13,7.5V16.5A3,3 0 0,0 16,19.5H19A3,3 0 0,0 22,16.5M10,4.5H3V12L3,13.5H7V16.5H3V19.5H8.5A1.5,1.5 0 0,0 10,18V12A1.5,1.5 0 0,0 8.5,10.5H6V7.5H10V4.5Z" /></svg><svg id="signal-cellular-1" viewBox="0 0 24 24"><path d="M19.5,5.5V18.5H17.5V5.5H19.5M12.5,10.5V18.5H10.5V10.5H12.5M21,4H16V20H21V4M14,9H9V20H14V9M7,14H2V20H7V14Z" /></svg><svg id="signal-cellular-2" viewBox="0 0 24 24"><path d="M19.5,5.5V18.5H17.5V5.5H19.5M21,4H16V20H21V4M14,9H9V20H14V9M7,14H2V20H7V14Z" /></svg><svg id="signal-cellular-3" viewBox="0 0 24 24"><path d="M21,4H16V20H21V4M14,9H9V20H14V9M7,14H2V20H7V14Z" /></svg><svg id="signal-cellular-outline" viewBox="0 0 24 24"><path d="M19.5,5.5V18.5H17.5V5.5H19.5M12.5,10.5V18.5H10.5V10.5H12.5M5.5,15.5V18.5H3.5V15.5H5.5M21,4H16V20H21V4M14,9H9V20H14V9M7,14H2V20H7V14Z" /></svg><svg id="signal-distance-variant" viewBox="0 0 24 24"><path d="M4,6V4A12,12 0 0,1 16,16H14A10,10 0 0,0 4,6M4,10V8A8,8 0 0,1 12,16H10A6,6 0 0,0 4,10M4,12A4,4 0 0,1 8,16H4V12M3,18H19V16L22,19L19,22V20H3V18Z" /></svg><svg id="signal-hspa" viewBox="0 0 24 24"><path d="M10.5,10.5H13.5V4.5H16.5V19.5H13.5V13.5H10.5V19.5H7.5V4.5H10.5V10.5Z" /></svg><svg id="signal-hspa-plus" viewBox="0 0 24 24"><path d="M19,8V11H22V14H19V17H16V14H13V11H16V8H19M5,10.5H8V4.5H11V19.5H8V13.5H5V19.5H2V4.5H5V10.5Z" /></svg><svg id="signal-off" viewBox="0 0 24 24"><path d="M18,3V16.18L21,19.18V3H18M4.28,5L3,6.27L10.73,14H8V21H11V14.27L13,16.27V21H16V19.27L19.73,23L21,21.72L4.28,5M13,9V11.18L16,14.18V9H13M3,18V21H6V18H3Z" /></svg><svg id="signal-variant" viewBox="0 0 24 24"><path d="M4,6V4H4.1C12.9,4 20,11.1 20,19.9V20H18V19.9C18,12.2 11.8,6 4,6M4,10V8A12,12 0 0,1 16,20H14A10,10 0 0,0 4,10M4,14V12A8,8 0 0,1 12,20H10A6,6 0 0,0 4,14M4,16A4,4 0 0,1 8,20H4V16Z" /></svg><svg id="signature" viewBox="0 0 24 24"><path d="M22,22H2V20H22V22M2.26,16.83L5.09,14L2.26,11.17L3.67,9.76L6.5,12.59L9.33,9.76L10.74,11.17L7.91,14L10.74,16.83L9.33,18.24L6.5,15.41L3.67,18.24L2.26,16.83Z" /></svg><svg id="signature-freehand" viewBox="0 0 24 24"><path d="M22,22H2V20H22V22M6.2,17.3L5.5,18L4.1,16.6L2.7,18L2,17.3L3.4,15.9L2,14.5L2.7,13.8L4.1,15.2L5.5,13.8L6.2,14.5L4.8,15.9L6.2,17.3M16.22,14.43C16.22,13.85 15.5,13.2 14.06,12.46C12.23,11.54 11,10.79 10.36,10.24C9.71,9.68 9.39,9.06 9.39,8.37C9.39,6.59 10.3,5.12 12.12,3.95C13.94,2.78 15.43,2.19 16.57,2.19C17.31,2.19 17.85,2.32 18.18,2.58C18.5,2.83 18.68,3.27 18.68,3.9C18.68,4.18 18.56,4.42 18.31,4.63C18.07,4.83 17.87,4.93 17.74,4.93C17.63,4.93 17.43,4.83 17.13,4.64L16.55,4.38C16.08,4.38 15.14,4.71 13.71,5.38C12.29,6.04 11.58,6.79 11.58,7.63C11.58,8.14 11.82,8.6 12.32,9C12.82,9.42 13.71,9.93 15,10.53C16.03,11 16.86,11.5 17.5,12.07C18.1,12.61 18.41,13.25 18.41,14C18.41,15.34 17.47,16.41 15.58,17.17C13.7,17.94 11.9,18.32 10.19,18.32C8.75,18.32 8,17.83 8,16.86C8,16.5 8.19,16.27 8.5,16.11C8.83,15.95 9.16,15.87 9.5,15.87L10.25,16L10.97,16.13C11.95,16.13 13,15.97 14.13,15.64C15.26,15.32 15.96,14.91 16.22,14.43Z" /></svg><svg id="signature-image" viewBox="0 0 24 24"><path d="M22,22H2V20H22V22M6.2,17.3L4.8,15.9L6.2,14.5L5.5,13.8L4.1,15.2L2.7,13.8L2,14.5L3.4,15.9L2,17.3L2.7,18L4.1,16.6L5.5,18L6.2,17.3M20,5H10A2,2 0 0,0 8,7V16A2,2 0 0,0 10,18H20A2,2 0 0,0 22,16V7A2,2 0 0,0 20,5M10,16L12.6,12.7L14.4,14.9L16.8,11.6L20,16H10Z" /></svg><svg id="signature-text" viewBox="0 0 24 24"><path d="M22,22H2V20H22V22M6.2,17.3L4.8,15.9L6.2,14.5L5.5,13.8L4.1,15.2L2.7,13.8L2,14.5L3.4,15.9L2,17.3L2.7,18L4.1,16.6L5.5,18L6.2,17.3M20.5,3L21.7,7.4L20.7,7.7C20.2,6.8 19.8,6 19.3,5.5C18.7,5 18.1,5 17.5,5H15V15.5C15,16 15,16.5 15.3,16.7C15.6,16.9 16.3,16.9 17,16.9V17.9H11V16.9C11.7,16.9 12.3,16.9 12.7,16.7C13,16.5 13,16 13,15.5V5H10.5C9.9,5 9.3,5 8.7,5.4C8.2,5.8 7.7,6.7 7.3,7.6L6.3,7.3L7.5,3H20.5Z" /></svg><svg id="silo" viewBox="0 0 24 24"><path d="M8.5,2C11.85,2 14.6,4.53 14.96,7.78L22,12V14L20,12.8V22H18V11.6L15,9.8V22H13V9H4V22H2V8.5A6.5,6.5 0 0,1 8.5,2M8.5,4C6.54,4 4.87,5.25 4.26,7H12.74C12.13,5.25 10.46,4 8.5,4M6,11H11V13H6V11M6,15H11V17H6V15M6,19H11V21H6V19Z" /></svg><svg id="silverware" viewBox="0 0 24 24"><path d="M8.1,13.34L3.91,9.16C2.35,7.59 2.35,5.06 3.91,3.5L10.93,10.5L8.1,13.34M14.88,11.53L13.41,13L20.29,19.88L18.88,21.29L12,14.41L5.12,21.29L3.71,19.88L13.47,10.12C12.76,8.59 13.26,6.44 14.85,4.85C16.76,2.93 19.5,2.57 20.96,4.03C22.43,5.5 22.07,8.24 20.15,10.15C18.56,11.74 16.41,12.24 14.88,11.53Z" /></svg><svg id="silverware-fork" viewBox="0 0 24 24"><path d="M5.12,21.29L3.71,19.88L13.36,10.22L13.16,10C12.38,9.23 12.38,7.97 13.16,7.19L17.5,2.82L18.43,3.74L15.19,7L16.15,7.94L19.39,4.69L20.31,5.61L17.06,8.85L18,9.81L21.26,6.56L22.18,7.5L17.81,11.84C17.03,12.62 15.77,12.62 15,11.84L14.78,11.64L5.12,21.29Z" /></svg><svg id="silverware-fork-knife" viewBox="0 0 24 24"><path d="M11,9H9V2H7V9H5V2H3V9C3,11.12 4.66,12.84 6.75,12.97V22H9.25V12.97C11.34,12.84 13,11.12 13,9V2H11V9M16,6V14H18.5V22H21V2C18.24,2 16,4.24 16,6Z" /></svg><svg id="silverware-spoon" viewBox="0 0 24 24"><path d="M14.88,11.53L5.12,21.29L3.71,19.88L13.47,10.12C12.76,8.59 13.26,6.44 14.85,4.85C16.76,2.93 19.5,2.57 20.96,4.03C22.43,5.5 22.07,8.24 20.15,10.15C18.56,11.74 16.41,12.24 14.88,11.53Z" /></svg><svg id="silverware-variant" viewBox="0 0 24 24"><path d="M8.1,13.34L3.91,9.16C2.35,7.59 2.35,5.06 3.91,3.5L10.93,10.5L8.1,13.34M13.41,13L20.29,19.88L18.88,21.29L12,14.41L5.12,21.29L3.71,19.88L13.36,10.22L13.16,10C12.38,9.23 12.38,7.97 13.16,7.19L17.5,2.82L18.43,3.74L15.19,7L16.15,7.94L19.39,4.69L20.31,5.61L17.06,8.85L18,9.81L21.26,6.56L22.18,7.5L17.81,11.84C17.03,12.62 15.77,12.62 15,11.84L14.78,11.64L13.41,13Z" /></svg><svg id="sim" viewBox="0 0 24 24"><path d="M20,4A2,2 0 0,0 18,2H10L4,8V20A2,2 0 0,0 6,22H18C19.11,22 20,21.1 20,20V4M9,19H7V17H9V19M17,19H15V17H17V19M9,15H7V11H9V15M13,19H11V15H13V19M13,13H11V11H13V13M17,15H15V11H17V15Z" /></svg><svg id="sim-alert" viewBox="0 0 24 24"><path d="M13,13H11V8H13M13,17H11V15H13M18,2H10L4,8V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2Z" /></svg><svg id="sim-off" viewBox="0 0 24 24"><path d="M19,5A2,2 0 0,0 17,3H10L7.66,5.34L19,16.68V5M3.65,3.88L2.38,5.15L5,7.77V19A2,2 0 0,0 7,21H17C17.36,21 17.68,20.9 17.97,20.74L19.85,22.62L21.12,21.35L3.65,3.88Z" /></svg><svg id="sina-weibo" viewBox="0 0 24 24"><path d="M9.82,13.87C10.89,13.87 11.77,14.74 11.77,15.82A1.95,1.95 0 0,1 9.82,17.77C8.74,17.77 7.87,16.89 7.87,15.82C7.87,14.74 8.74,13.87 9.82,13.87M14.5,3.34L15.18,3.31C18.94,3.31 22,6.37 22,10.13L21.95,10.95L20.76,10.58L20.78,10.13C20.78,7.04 18.27,4.53 15.18,4.53L14.83,4.54L14.5,3.34M15.32,6.23C17.38,6.3 19.05,8 19.08,10.06L17.84,9.68C17.65,8.56 16.78,7.68 15.67,7.5L15.32,6.23M2,15.41C1.97,14.8 2.07,12.64 4.95,9.97C8.35,6.81 9.82,7.05 9.82,7.05C9.82,7.05 13,6.75 11.06,10.46H11.13C11.6,9.96 12.62,9.21 14.69,9C16.77,8.79 16.77,10.5 16.5,11.7C18.38,12.64 19.56,14.03 19.56,15.58C19.56,18.4 15.63,20.69 10.78,20.69H10.65L10.5,20.69C7,20.69 4,19.42 2.71,17.59C2.25,16.97 2,16.29 2,15.58V15.41M9.82,11.92C6.59,11.92 3.97,13.67 3.97,15.82C3.97,17.97 6.59,19.72 9.82,19.72C13.05,19.72 15.67,17.97 15.67,15.82C15.67,13.67 13.05,11.92 9.82,11.92Z" /></svg><svg id="sitemap" viewBox="0 0 24 24"><path d="M9,2V8H11V11H5C3.89,11 3,11.89 3,13V16H1V22H7V16H5V13H11V16H9V22H15V16H13V13H19V16H17V22H23V16H21V13C21,11.89 20.11,11 19,11H13V8H15V2H9Z" /></svg><svg id="skate" viewBox="0 0 24 24"><path d="M21.1,16.5C20.36,16.17 19.5,16.5 19.19,17.26C19.06,17.58 18.8,17.87 18.5,18H3V21H17.97C19.68,21 21.22,20 21.88,18.41C22.2,17.67 21.86,16.81 21.1,16.5M19,15C19,15 19,16 17,16C15,16 4,16 4,16V3H11L11.21,4.5H9.24V6H11.43L11.64,7.5H9.24V9H11.86L12,10H14C14,10 19,10 19,15Z" /></svg><svg id="skew-less" viewBox="0 0 24 24"><path d="M17.5,11L15.41,20H10.5L12.59,11H17.5M20,9H11L8,22H17L20,9M4,6L8,2V5H16V7H8V10L4,6Z" /></svg><svg id="skew-more" viewBox="0 0 24 24"><path d="M12.5,11L10.41,20H5.5L7.59,11H12.5M15,9H6L3,22H12L15,9M21,6L17,2V5H9V7H17V10L21,6Z" /></svg><svg id="skip-backward" viewBox="0 0 24 24"><path d="M20,5V19L13,12M6,5V19H4V5M13,5V19L6,12" /></svg><svg id="skip-forward" viewBox="0 0 24 24"><path d="M4,5V19L11,12M18,5V19H20V5M11,5V19L18,12" /></svg><svg id="skip-next" viewBox="0 0 24 24"><path d="M16,18H18V6H16M6,18L14.5,12L6,6V18Z" /></svg><svg id="skip-next-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M8,8L13,12L8,16M14,8H16V16H14" /></svg><svg id="skip-next-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4M8,8V16L13,12M14,8V16H16V8" /></svg><svg id="skip-previous" viewBox="0 0 24 24"><path d="M6,18V6H8V18H6M9.5,12L18,6V18L9.5,12Z" /></svg><svg id="skip-previous-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M8,8H10V16H8M16,8V16L11,12" /></svg><svg id="skip-previous-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4C7.59,4 4,7.59 4,12C4,16.41 7.59,20 12,20C16.41,20 20,16.41 20,12C20,7.59 16.41,4 12,4M16,8V16L11,12M10,8V16H8V8" /></svg><svg id="skull" viewBox="0 0 24 24"><path d="M12,2A9,9 0 0,0 3,11C3,14.03 4.53,16.82 7,18.47V22H9V19H11V22H13V19H15V22H17V18.46C19.47,16.81 21,14 21,11A9,9 0 0,0 12,2M8,11A2,2 0 0,1 10,13A2,2 0 0,1 8,15A2,2 0 0,1 6,13A2,2 0 0,1 8,11M16,11A2,2 0 0,1 18,13A2,2 0 0,1 16,15A2,2 0 0,1 14,13A2,2 0 0,1 16,11M12,14L13.5,17H10.5L12,14Z" /></svg><svg id="skull-crossbones" viewBox="0 0 24 24"><path d="M15.8,18.5L21.8,20.1L21.4,22L12,19.5L2.6,22L2.1,20.1L8.1,18.5L2,16.9L2.5,15L11.9,17.5L21.3,15L21.8,16.9L15.8,18.5M18,8C18,9.8 17.2,11.3 16,12.4V15H14V13.7L14,13H13V15H11V13H10V13.7L10,15H8V12.4C6.8,11.3 6,9.8 6,8A6,6 0 0,1 12,2A6,6 0 0,1 18,8M11,7.5C11,6.7 10.3,6 9.5,6C8.7,6 8,6.7 8,7.5C8,8.3 8.7,9 9.5,9C10.3,9 11,8.3 11,7.5M13,11L12,9L11,11H13M16,7.5C16,6.7 15.3,6 14.5,6C13.7,6 13,6.7 13,7.5C13,8.3 13.7,9 14.5,9C15.3,9 16,8.3 16,7.5Z" /></svg><svg id="skull-crossbones-outline" viewBox="0 0 24 24"><path d="M15.8,18.5L21.8,20.1L21.4,22L12,19.5L2.6,22L2.1,20.1L8.1,18.5L2,16.9L2.5,15L11.9,17.5L21.3,15L21.8,16.9L15.8,18.5M9.5,6C8.7,6 8,6.7 8,7.5C8,8.3 8.7,9 9.5,9C10.3,9 11,8.3 11,7.5C11,6.7 10.3,6 9.5,6M14.5,6C13.7,6 13,6.7 13,7.5C13,8.3 13.7,9 14.5,9C15.3,9 16,8.3 16,7.5C16,6.7 15.3,6 14.5,6M13,11L12,9L11,11H13M12,1C8.1,1 5,4.1 5,8C5,9.9 5.8,11.6 7,12.9V16H17V12.9C18.2,11.6 19,9.9 19,8C19,4.1 15.9,1 12,1M15,12V14H14V12H13V14H11V12H10V14H9V12H9C7.8,11.1 7,9.7 7,8C7,5.2 9.2,3 12,3C14.8,3 17,5.2 17,8C17,9.6 16.2,11.1 15,12Z" /></svg><svg id="skull-outline" viewBox="0 0 24 24"><path d="M8,15A2,2 0 0,1 6,13A2,2 0 0,1 8,11A2,2 0 0,1 10,13A2,2 0 0,1 8,15M10.5,17L12,14L13.5,17H10.5M16,15A2,2 0 0,1 14,13A2,2 0 0,1 16,11A2,2 0 0,1 18,13A2,2 0 0,1 16,15M22,11A10,10 0 0,0 12,1A10,10 0 0,0 2,11C2,13.8 3.2,16.3 5,18.1V22H19V18.1C20.8,16.3 22,13.8 22,11M17,20H15V18H13V20H11V18H9V20H7V17.2C5.2,15.7 4,13.5 4,11A8,8 0 0,1 12,3A8,8 0 0,1 20,11C20,13.5 18.8,15.8 17,17.2V20Z" /></svg><svg id="skype" viewBox="0 0 24 24"><path d="M18,6C20.07,8.04 20.85,10.89 20.36,13.55C20.77,14.27 21,15.11 21,16A5,5 0 0,1 16,21C15.11,21 14.27,20.77 13.55,20.36C10.89,20.85 8.04,20.07 6,18C3.93,15.96 3.15,13.11 3.64,10.45C3.23,9.73 3,8.89 3,8A5,5 0 0,1 8,3C8.89,3 9.73,3.23 10.45,3.64C13.11,3.15 15.96,3.93 18,6M12.04,17.16C14.91,17.16 16.34,15.78 16.34,13.92C16.34,12.73 15.78,11.46 13.61,10.97L11.62,10.53C10.86,10.36 10,10.13 10,9.42C10,8.7 10.6,8.2 11.7,8.2C13.93,8.2 13.72,9.73 14.83,9.73C15.41,9.73 15.91,9.39 15.91,8.8C15.91,7.43 13.72,6.4 11.86,6.4C9.85,6.4 7.7,7.26 7.7,9.54C7.7,10.64 8.09,11.81 10.25,12.35L12.94,13.03C13.75,13.23 13.95,13.68 13.95,14.1C13.95,14.78 13.27,15.45 12.04,15.45C9.63,15.45 9.96,13.6 8.67,13.6C8.09,13.6 7.67,14 7.67,14.57C7.67,15.68 9,17.16 12.04,17.16Z" /></svg><svg id="skype-business" viewBox="0 0 24 24"><path d="M12.03,16.53C9.37,16.53 8.18,15.22 8.18,14.24C8.18,13.74 8.55,13.38 9.06,13.38C10.2,13.38 9.91,15 12.03,15C13.12,15 13.73,14.43 13.73,13.82C13.73,13.46 13.55,13.06 12.83,12.88L10.46,12.29C8.55,11.81 8.2,10.78 8.2,9.81C8.2,7.79 10.1,7.03 11.88,7.03C13.5,7.03 15.46,7.94 15.46,9.15C15.46,9.67 15,9.97 14.5,9.97C13.5,9.97 13.7,8.62 11.74,8.62C10.77,8.62 10.23,9.06 10.23,9.69C10.23,10.32 11,10.5 11.66,10.68L13.42,11.07C15.34,11.5 15.83,12.62 15.83,13.67C15.83,15.31 14.57,16.53 12.03,16.53M18,6C20.07,8.04 20.85,10.89 20.36,13.55C20.77,14.27 21,15.11 21,16A5,5 0 0,1 16,21C15.11,21 14.27,20.77 13.55,20.36C10.89,20.85 8.04,20.07 6,18C3.93,15.96 3.15,13.11 3.64,10.45C3.23,9.73 3,8.89 3,8A5,5 0 0,1 8,3C8.89,3 9.73,3.23 10.45,3.64C13.11,3.15 15.96,3.93 18,6M8,5A3,3 0 0,0 5,8C5,8.79 5.3,9.5 5.8,10.04C5.1,12.28 5.63,14.82 7.4,16.6C9.18,18.37 11.72,18.9 13.96,18.2C14.5,18.7 15.21,19 16,19A3,3 0 0,0 19,16C19,15.21 18.7,14.5 18.2,13.96C18.9,11.72 18.37,9.18 16.6,7.4C14.82,5.63 12.28,5.1 10.04,5.8C9.5,5.3 8.79,5 8,5Z" /></svg><svg id="slack" viewBox="0 0 24 24"><path d="M6,15A2,2 0 0,1 4,17A2,2 0 0,1 2,15A2,2 0 0,1 4,13H6V15M7,15A2,2 0 0,1 9,13A2,2 0 0,1 11,15V20A2,2 0 0,1 9,22A2,2 0 0,1 7,20V15M9,7A2,2 0 0,1 7,5A2,2 0 0,1 9,3A2,2 0 0,1 11,5V7H9M9,8A2,2 0 0,1 11,10A2,2 0 0,1 9,12H4A2,2 0 0,1 2,10A2,2 0 0,1 4,8H9M17,10A2,2 0 0,1 19,8A2,2 0 0,1 21,10A2,2 0 0,1 19,12H17V10M16,10A2,2 0 0,1 14,12A2,2 0 0,1 12,10V5A2,2 0 0,1 14,3A2,2 0 0,1 16,5V10M14,18A2,2 0 0,1 16,20A2,2 0 0,1 14,22A2,2 0 0,1 12,20V18H14M14,17A2,2 0 0,1 12,15A2,2 0 0,1 14,13H19A2,2 0 0,1 21,15A2,2 0 0,1 19,17H14Z" /></svg><svg id="slackware" viewBox="0 0 24 24"><path d="M7.47,17.19C7.37,17.95 7.08,18.21 6.19,18.21C5.27,18.21 4.87,17.79 4.81,16.87L4.61,13.65C4.61,12.91 4.87,12.55 5.86,12.55C7.21,12.55 7.04,13.54 7.64,14.5C8.33,15.62 10,16.35 12.31,16.35C15.17,16.35 17,15.14 17,13.57C17,12.23 15.89,11.39 13.85,11.16L11.5,10.89C7.21,10.42 5.1,9.19 5.1,6.62C5.1,4.07 8.06,2 12.21,2C13.5,2 14.81,2.29 16.29,2.76C16.29,2.26 16.58,2.1 17.3,2.1C18.46,2.1 18.55,2.39 18.62,3.08L18.85,5.88C18.85,6.5 18.39,6.83 17.63,6.83C16.35,6.83 16.55,5.88 15.86,5.07C15.17,4.26 13.79,3.73 12.08,3.73C9.44,3.73 7.7,4.89 7.7,6.5C7.7,7.8 8.92,8.56 11.38,8.82L13.95,9.08C17.7,9.5 19.61,10.92 19.61,13.33C19.61,16.17 16.71,18.08 12.21,18.08C10.56,18.08 9.08,17.77 7.47,17.19M1,16H2V21H23V22H1V16Z" /></svg><svg id="sleep" viewBox="0 0 24 24"><path d="M23,12H17V10L20.39,6H17V4H23V6L19.62,10H23V12M15,16H9V14L12.39,10H9V8H15V10L11.62,14H15V16M7,20H1V18L4.39,14H1V12H7V14L3.62,18H7V20Z" /></svg><svg id="sleep-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L12.73,16H9V14L9.79,13.06L2,5.27M23,12H17V10L20.39,6H17V4H23V6L19.62,10H23V12M9.82,8H15V10L13.54,11.72L9.82,8M7,20H1V18L4.39,14H1V12H7V14L3.62,18H7V20Z" /></svg><svg id="slope-downhill" viewBox="0 0 24 24"><path d="M22,19V22H2V13L22,19M19.09,7.5L18.25,10.26L8.13,7.26C8.06,5.66 6.7,4.42 5.1,4.5C3.5,4.57 2.26,5.93 2.34,7.53C2.41,9.13 3.77,10.36 5.37,10.29C6.24,10.25 7.05,9.82 7.57,9.11L17.69,12.11L16.85,14.89L21.67,12.29L19.09,7.5Z" /></svg><svg id="slope-uphill" viewBox="0 0 24 24"><path d="M22,13V22H2V19L22,13M21.68,7.06L16.86,4.46L17.7,7.24L7.58,10.24C6.63,8.95 4.82,8.67 3.53,9.62C2.24,10.57 1.96,12.38 2.91,13.67C3.85,14.97 5.67,15.24 6.96,14.29C7.67,13.78 8.1,12.97 8.14,12.09L18.26,9.09L19.1,11.87L21.68,7.06Z" /></svg><svg id="smog" viewBox="0 0 24 24"><path d="M12,2C10.08,2 8.5,3.35 8.09,5.15C7.45,4.44 6.53,4 5.5,4A3.5,3.5 0 0,0 2,7.5H2A3.5,3.5 0 0,0 5.5,11H6.68V12H10.72V11H13.28V12H17.32V11H18.5A3.5,3.5 0 0,0 22,7.5H22A3.5,3.5 0 0,0 18.5,4H18.5C17.47,4 16.55,4.44 15.91,5.15C15.5,3.35 13.92,2 12,2M7.2,14L6.4,22H11L10.2,14H7.2M13.8,14L13,22H17.6L16.8,14H13.8Z" /></svg><svg id="smoke-detector" viewBox="0 0 24 24"><path d="M12,18A6,6 0 0,0 18,12C18,8.68 15.31,6 12,6C8.68,6 6,8.68 6,12A6,6 0 0,0 12,18M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19M8,12A4,4 0 0,1 12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12Z" /></svg><svg id="smoking" viewBox="0 0 24 24"><path d="M2,16H17V19H2V16M20.5,16H22V19H20.5V16M18,16H19.5V19H18V16M18.85,7.73C19.47,7.12 19.85,6.28 19.85,5.35C19.85,3.5 18.35,2 16.5,2V3.5C17.5,3.5 18.35,4.33 18.35,5.35C18.35,6.37 17.5,7.2 16.5,7.2V8.7C18.74,8.7 20.5,10.53 20.5,12.77V15H22V12.76C22,10.54 20.72,8.62 18.85,7.73M16.03,10.2H14.5C13.5,10.2 12.65,9.22 12.65,8.2C12.65,7.18 13.5,6.45 14.5,6.45V4.95C12.65,4.95 11.15,6.45 11.15,8.3A3.35,3.35 0 0,0 14.5,11.65H16.03C17.08,11.65 18,12.39 18,13.7V15H19.5V13.36C19.5,11.55 17.9,10.2 16.03,10.2Z" /></svg><svg id="smoking-off" viewBox="0 0 24 24"><path d="M2,6L9,13H2V16H12L19,23L20.25,21.75L3.25,4.75L2,6M20.5,13H22V16H20.5V13M18,13H19.5V16H18V13M18.85,4.88C19.47,4.27 19.85,3.43 19.85,2.5H18.35C18.35,3.5 17.5,4.35 16.5,4.35V5.85C18.74,5.85 20.5,7.68 20.5,9.92V12H22V9.92C22,7.69 20.72,5.77 18.85,4.88M14.5,8.7H16.03C17.08,8.7 18,9.44 18,10.75V12H19.5V10.41C19.5,8.61 17.9,7.25 16.03,7.25H14.5C13.5,7.25 12.65,6.27 12.65,5.25C12.65,4.23 13.5,3.5 14.5,3.5V2A3.35,3.35 0 0,0 11.15,5.35A3.35,3.35 0 0,0 14.5,8.7M17,15.93V13H14.07L17,15.93Z" /></svg><svg id="snapchat" viewBox="0 0 24 24"><path d="M12,20.45C10.81,20.45 10.1,19.94 9.47,19.5C9,19.18 8.58,18.87 8.08,18.79C6.93,18.73 6.59,18.79 5.97,18.9C5.86,18.9 5.73,18.87 5.68,18.69C5.5,17.94 5.45,17.73 5.32,17.71C4,17.5 3.19,17.2 3.03,16.83C3,16.6 3.07,16.5 3.18,16.5C4.25,16.31 5.2,15.75 6,14.81C6.63,14.09 6.93,13.39 6.96,13.32C7.12,13 7.15,12.72 7.06,12.5C6.89,12.09 6.31,11.91 5.68,11.7C5.34,11.57 4.79,11.29 4.86,10.9C4.92,10.62 5.29,10.42 5.81,10.46C6.16,10.62 6.46,10.7 6.73,10.7C7.06,10.7 7.21,10.58 7.25,10.54C7.14,8.78 7.05,7.25 7.44,6.38C8.61,3.76 11.08,3.55 12,3.55C12.92,3.55 15.39,3.76 16.56,6.38C16.95,7.25 16.86,8.78 16.75,10.54C16.79,10.58 16.94,10.7 17.27,10.7C17.54,10.7 17.84,10.62 18.19,10.46C18.71,10.42 19.08,10.62 19.14,10.9C19.21,11.29 18.66,11.57 18.32,11.7C17.69,11.91 17.11,12.09 16.94,12.5C16.85,12.72 16.88,13 17.04,13.32C17.07,13.39 17.37,14.09 18,14.81C18.8,15.75 19.75,16.31 20.82,16.5C20.93,16.5 21,16.6 20.97,16.83C20.81,17.2 20,17.5 18.68,17.71C18.55,17.73 18.5,17.94 18.32,18.69C18.27,18.87 18.14,18.9 18.03,18.9C17.41,18.79 17.07,18.73 15.92,18.79C15.42,18.87 15,19.18 14.53,19.5C13.9,19.94 13.19,20.45 12,20.45Z" /></svg><svg id="snowflake" viewBox="0 0 24 24"><path d="M20.79,13.95L18.46,14.57L16.46,13.44V10.56L18.46,9.43L20.79,10.05L21.31,8.12L19.54,7.65L20,5.88L18.07,5.36L17.45,7.69L15.45,8.82L13,7.38V5.12L14.71,3.41L13.29,2L12,3.29L10.71,2L9.29,3.41L11,5.12V7.38L8.5,8.82L6.5,7.69L5.92,5.36L4,5.88L4.47,7.65L2.7,8.12L3.22,10.05L5.55,9.43L7.55,10.56V13.45L5.55,14.58L3.22,13.96L2.7,15.89L4.47,16.36L4,18.12L5.93,18.64L6.55,16.31L8.55,15.18L11,16.62V18.88L9.29,20.59L10.71,22L12,20.71L13.29,22L14.7,20.59L13,18.88V16.62L15.5,15.17L17.5,16.3L18.12,18.63L20,18.12L19.53,16.35L21.3,15.88L20.79,13.95M9.5,10.56L12,9.11L14.5,10.56V13.44L12,14.89L9.5,13.44V10.56Z" /></svg><svg id="snowman" viewBox="0 0 24 24"><path d="M17,17A5,5 0 0,1 12,22A5,5 0 0,1 7,17C7,15.5 7.65,14.17 8.69,13.25C8.26,12.61 8,11.83 8,11C8,10.86 8,10.73 8,10.59L5.04,8.87L4.83,8.71L2.29,9.39L2.03,8.43L4.24,7.84L2.26,6.69L2.76,5.82L4.74,6.97L4.15,4.75L5.11,4.5L5.8,7.04L6.04,7.14L8.73,8.69C9.11,8.15 9.62,7.71 10.22,7.42C9.5,6.87 9,6 9,5A3,3 0 0,1 12,2A3,3 0 0,1 15,5C15,6 14.5,6.87 13.78,7.42C14.38,7.71 14.89,8.15 15.27,8.69L17.96,7.14L18.2,7.04L18.89,4.5L19.85,4.75L19.26,6.97L21.24,5.82L21.74,6.69L19.76,7.84L21.97,8.43L21.71,9.39L19.17,8.71L18.96,8.87L16,10.59V11C16,11.83 15.74,12.61 15.31,13.25C16.35,14.17 17,15.5 17,17Z" /></svg><svg id="soccer" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,3C13.76,3 15.4,3.53 16.78,4.41L16.5,5H13L12,5L10.28,4.16L10.63,3.13C11.08,3.05 11.53,3 12,3M9.53,3.38L9.19,4.41L6.63,5.69L5.38,5.94C6.5,4.73 7.92,3.84 9.53,3.38M13,6H16L18.69,9.59L17.44,12.16L14.81,12.78L11.53,8.94L13,6M6.16,6.66L7,10L5.78,13.06L3.22,13.94C3.08,13.31 3,12.67 3,12C3,10.1 3.59,8.36 4.59,6.91L6.16,6.66M20.56,9.22C20.85,10.09 21,11.03 21,12C21,13.44 20.63,14.79 20.03,16H19L18.16,12.66L19.66,9.66L20.56,9.22M8,10H11L13.81,13.28L12,16L8.84,16.78L6.53,13.69L8,10M12,17L15,19L14.13,20.72C13.44,20.88 12.73,21 12,21C10.25,21 8.63,20.5 7.25,19.63L8.41,17.91L12,17M19,17H19.5C18.5,18.5 17,19.67 15.31,20.34L16,19L19,17Z" /></svg><svg id="soccer-field" viewBox="0 0 24 24"><path d="M4,4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4H4M4,6H11V8.13C9.24,8.59 8,10.18 8,12C8,13.82 9.24,15.41 11,15.87V18H4V16H7V8H4V6M13,6H20V8H17V16H20V18H13V15.87C14.76,15.41 16,13.82 16,12C16,10.18 14.76,8.59 13,8.13V6M4,10H5V14H4V10M19,10H20V14H19V10M13,10.27C13.62,10.63 14,11.29 14,12C14,12.71 13.62,13.37 13,13.73V10.27M11,10.27V13.73C10.38,13.37 10,12.71 10,12C10,11.29 10.38,10.63 11,10.27Z" /></svg><svg id="sofa" viewBox="0 0 24 24"><path d="M7,6H9A2,2 0 0,1 11,8V12H5V8A2,2 0 0,1 7,6M15,6H17A2,2 0 0,1 19,8V12H13V8A2,2 0 0,1 15,6M1,9H2A1,1 0 0,1 3,10V12A2,2 0 0,0 5,14H19A2,2 0 0,0 21,12V11L21,10A1,1 0 0,1 22,9H23A1,1 0 0,1 24,10V19H21V17H3V19H0V10A1,1 0 0,1 1,9Z" /></svg><svg id="solar-panel" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V14A2,2 0 0,1 20,16H15V20H18V22H13V16H11V22H6V20H9V16H4A2,2 0 0,1 2,14V4A2,2 0 0,1 4,2M4,4V8H11V4H4M4,14H11V10H4V14M20,14V10H13V14H20M20,4H13V8H20V4Z" /></svg><svg id="solar-panel-large" viewBox="0 0 24 24"><path d="M3,6H6V3H3V6M8,3V6H11V3H8M13,3V6H16V3H13M18,3V6H21V3H18M21,8H18V11H21V8M21,13H18V16H21V13M16,16V13H13V16H16M11,16V13H8V16H11M6,16V13H3V16H6M3,11H6V8H3V11M13,8V11H16V8H13M8,8V11H11V8H8M3,1H21A2,2 0 0,1 23,3V16A2,2 0 0,1 21,18H15V21H18V23H13V18H11V23H6V21H9V18H3A2,2 0 0,1 1,16V3A2,2 0 0,1 3,1Z" /></svg><svg id="solar-power" viewBox="0 0 24 24"><path d="M11.45,2V5.55L15,3.77L11.45,2M10.45,8L8,10.46L11.75,11.71L10.45,8M2,11.45L3.77,15L5.55,11.45H2M10,2H2V10C2.57,10.17 3.17,10.25 3.77,10.25C7.35,10.26 10.26,7.35 10.27,3.75C10.26,3.16 10.17,2.57 10,2M17,22V16H14L19,7V13H22L17,22Z" /></svg><svg id="solid" viewBox="0 0 24 24"><path d="M0,0H24V24H0" /></svg><svg id="sort" viewBox="0 0 24 24"><path d="M10,13V11H18V13H10M10,19V17H14V19H10M10,7V5H22V7H10M6,17H8.5L5,20.5L1.5,17H4V7H1.5L5,3.5L8.5,7H6V17Z" /></svg><svg id="sort-alphabetical" viewBox="0 0 24 24"><path d="M9.25,5L12.5,1.75L15.75,5H9.25M15.75,19L12.5,22.25L9.25,19H15.75M8.89,14.3H6L5.28,17H2.91L6,7H9L12.13,17H9.67L8.89,14.3M6.33,12.68H8.56L7.93,10.56L7.67,9.59L7.42,8.63H7.39L7.17,9.6L6.93,10.58L6.33,12.68M13.05,17V15.74L17.8,8.97V8.91H13.5V7H20.73V8.34L16.09,15V15.08H20.8V17H13.05Z" /></svg><svg id="sort-ascending" viewBox="0 0 24 24"><path d="M10,11V13H18V11H10M10,5V7H14V5H10M10,17V19H22V17H10M6,7H8.5L5,3.5L1.5,7H4V20H6V7Z" /></svg><svg id="sort-descending" viewBox="0 0 24 24"><path d="M10,13V11H18V13H10M10,19V17H14V19H10M10,7V5H22V7H10M6,17H8.5L5,20.5L1.5,17H4V4H6V17Z" /></svg><svg id="sort-numeric" viewBox="0 0 24 24"><path d="M7.78,7C9.08,7.04 10,7.53 10.57,8.46C11.13,9.4 11.41,10.56 11.39,11.95C11.4,13.5 11.09,14.73 10.5,15.62C9.88,16.5 8.95,16.97 7.71,17C6.45,16.96 5.54,16.5 4.96,15.56C4.38,14.63 4.09,13.45 4.09,12C4.09,10.55 4.39,9.36 5,8.44C5.59,7.5 6.5,7.04 7.78,7M7.75,8.63C7.31,8.63 6.96,8.9 6.7,9.46C6.44,10 6.32,10.87 6.32,12C6.31,13.15 6.44,14 6.69,14.54C6.95,15.1 7.31,15.37 7.77,15.37C8.69,15.37 9.16,14.24 9.17,12C9.17,9.77 8.7,8.65 7.75,8.63M13.33,17V15.22L13.76,15.24L14.3,15.22L15.34,15.03C15.68,14.92 16,14.78 16.26,14.58C16.59,14.35 16.86,14.08 17.07,13.76C17.29,13.45 17.44,13.12 17.53,12.78L17.5,12.77C17.05,13.19 16.38,13.4 15.47,13.41C14.62,13.4 13.91,13.15 13.34,12.65C12.77,12.15 12.5,11.43 12.46,10.5C12.47,9.5 12.81,8.69 13.47,8.03C14.14,7.37 15,7.03 16.12,7C17.37,7.04 18.29,7.45 18.88,8.24C19.47,9 19.76,10 19.76,11.19C19.75,12.15 19.61,13 19.32,13.76C19.03,14.5 18.64,15.13 18.12,15.64C17.66,16.06 17.11,16.38 16.47,16.61C15.83,16.83 15.12,16.96 14.34,17H13.33M16.06,8.63C15.65,8.64 15.32,8.8 15.06,9.11C14.81,9.42 14.68,9.84 14.68,10.36C14.68,10.8 14.8,11.16 15.03,11.46C15.27,11.77 15.63,11.92 16.11,11.93C16.43,11.93 16.7,11.86 16.92,11.74C17.14,11.61 17.3,11.46 17.41,11.28C17.5,11.17 17.53,10.97 17.53,10.71C17.54,10.16 17.43,9.69 17.2,9.28C16.97,8.87 16.59,8.65 16.06,8.63M9.25,5L12.5,1.75L15.75,5H9.25M15.75,19L12.5,22.25L9.25,19H15.75Z" /></svg><svg id="sort-variant" viewBox="0 0 24 24"><path d="M3,13H15V11H3M3,6V8H21V6M3,18H9V16H3V18Z" /></svg><svg id="sort-variant-lock" viewBox="0 0 24 24"><path d="M3,13V11H15V13H3M3,6H21V8H3V6M3,18V16H9V18H3M22,22H14V18H15V17A3,3 0 0,1 18,14A3,3 0 0,1 21,17V18H22V22M18,16A1,1 0 0,0 17,17V18H19V17A1,1 0 0,0 18,16Z" /></svg><svg id="sort-variant-lock-open" viewBox="0 0 24 24"><path d="M3,13V11H15V13H3M3,6H21V8H3V6M3,18V16H9V18H3M22,22H14V18H15V16A3,3 0 0,1 18,13A3,3 0 0,1 21,16H19A1,1 0 0,0 18,15A1,1 0 0,0 17,16V18H22V22Z" /></svg><svg id="soundcloud" viewBox="0 0 24 24"><path d="M11.56,8.87V17H20.32V17C22.17,16.87 23,15.73 23,14.33C23,12.85 21.88,11.66 20.38,11.66C20,11.66 19.68,11.74 19.35,11.88C19.11,9.54 17.12,7.71 14.67,7.71C13.5,7.71 12.39,8.15 11.56,8.87M10.68,9.89C10.38,9.71 10.06,9.57 9.71,9.5V17H11.1V9.34C10.95,9.5 10.81,9.7 10.68,9.89M8.33,9.35V17H9.25V9.38C9.06,9.35 8.87,9.34 8.67,9.34C8.55,9.34 8.44,9.34 8.33,9.35M6.5,10V17H7.41V9.54C7.08,9.65 6.77,9.81 6.5,10M4.83,12.5C4.77,12.5 4.71,12.44 4.64,12.41V17H5.56V10.86C5.19,11.34 4.94,11.91 4.83,12.5M2.79,12.22V16.91C3,16.97 3.24,17 3.5,17H3.72V12.14C3.64,12.13 3.56,12.12 3.5,12.12C3.24,12.12 3,12.16 2.79,12.22M1,14.56C1,15.31 1.34,15.97 1.87,16.42V12.71C1.34,13.15 1,13.82 1,14.56Z" /></svg><svg id="source-branch" viewBox="0 0 24 24"><path d="M13,14C9.64,14 8.54,15.35 8.18,16.24C9.25,16.7 10,17.76 10,19A3,3 0 0,1 7,22A3,3 0 0,1 4,19C4,17.69 4.83,16.58 6,16.17V7.83C4.83,7.42 4,6.31 4,5A3,3 0 0,1 7,2A3,3 0 0,1 10,5C10,6.31 9.17,7.42 8,7.83V13.12C8.88,12.47 10.16,12 12,12C14.67,12 15.56,10.66 15.85,9.77C14.77,9.32 14,8.25 14,7A3,3 0 0,1 17,4A3,3 0 0,1 20,7C20,8.34 19.12,9.5 17.91,9.86C17.65,11.29 16.68,14 13,14M7,18A1,1 0 0,0 6,19A1,1 0 0,0 7,20A1,1 0 0,0 8,19A1,1 0 0,0 7,18M7,4A1,1 0 0,0 6,5A1,1 0 0,0 7,6A1,1 0 0,0 8,5A1,1 0 0,0 7,4M17,6A1,1 0 0,0 16,7A1,1 0 0,0 17,8A1,1 0 0,0 18,7A1,1 0 0,0 17,6Z" /></svg><svg id="source-commit" viewBox="0 0 24 24"><path d="M17,12C17,14.42 15.28,16.44 13,16.9V21H11V16.9C8.72,16.44 7,14.42 7,12C7,9.58 8.72,7.56 11,7.1V3H13V7.1C15.28,7.56 17,9.58 17,12M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg><svg id="source-commit-end" viewBox="0 0 24 24"><path d="M17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12C7,9.58 8.72,7.56 11,7.1V3H13V7.1C15.28,7.56 17,9.58 17,12M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg><svg id="source-commit-end-local" viewBox="0 0 24 24"><path d="M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M11,5V3H13V5H11Z" /></svg><svg id="source-commit-local" viewBox="0 0 24 24"><path d="M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M11,5V3H13V5H11M11,21V19H13V21H11Z" /></svg><svg id="source-commit-next-local" viewBox="0 0 24 24"><path d="M17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12C7,9.58 8.72,7.56 11,7.1V3H13V7.1C15.28,7.56 17,9.58 17,12M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M11,21V19H13V21H11Z" /></svg><svg id="source-commit-start" viewBox="0 0 24 24"><path d="M12,7A5,5 0 0,1 17,12C17,14.42 15.28,16.44 13,16.9V21H11V16.9C8.72,16.44 7,14.42 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg><svg id="source-commit-start-next-local" viewBox="0 0 24 24"><path d="M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M11,21V19H13V21H11Z" /></svg><svg id="source-fork" viewBox="0 0 24 24"><path d="M6,2A3,3 0 0,1 9,5C9,6.28 8.19,7.38 7.06,7.81C7.15,8.27 7.39,8.83 8,9.63C9,10.92 11,12.83 12,14.17C13,12.83 15,10.92 16,9.63C16.61,8.83 16.85,8.27 16.94,7.81C15.81,7.38 15,6.28 15,5A3,3 0 0,1 18,2A3,3 0 0,1 21,5C21,6.32 20.14,7.45 18.95,7.85C18.87,8.37 18.64,9 18,9.83C17,11.17 15,13.08 14,14.38C13.39,15.17 13.15,15.73 13.06,16.19C14.19,16.62 15,17.72 15,19A3,3 0 0,1 12,22A3,3 0 0,1 9,19C9,17.72 9.81,16.62 10.94,16.19C10.85,15.73 10.61,15.17 10,14.38C9,13.08 7,11.17 6,9.83C5.36,9 5.13,8.37 5.05,7.85C3.86,7.45 3,6.32 3,5A3,3 0 0,1 6,2M6,4A1,1 0 0,0 5,5A1,1 0 0,0 6,6A1,1 0 0,0 7,5A1,1 0 0,0 6,4M18,4A1,1 0 0,0 17,5A1,1 0 0,0 18,6A1,1 0 0,0 19,5A1,1 0 0,0 18,4M12,18A1,1 0 0,0 11,19A1,1 0 0,0 12,20A1,1 0 0,0 13,19A1,1 0 0,0 12,18Z" /></svg><svg id="source-merge" viewBox="0 0 24 24"><path d="M7,3A3,3 0 0,1 10,6C10,7.29 9.19,8.39 8.04,8.81C8.58,13.81 13.08,14.77 15.19,14.96C15.61,13.81 16.71,13 18,13A3,3 0 0,1 21,16A3,3 0 0,1 18,19C16.69,19 15.57,18.16 15.16,17C10.91,16.8 9.44,15.19 8,13.39V15.17C9.17,15.58 10,16.69 10,18A3,3 0 0,1 7,21A3,3 0 0,1 4,18C4,16.69 4.83,15.58 6,15.17V8.83C4.83,8.42 4,7.31 4,6A3,3 0 0,1 7,3M7,5A1,1 0 0,0 6,6A1,1 0 0,0 7,7A1,1 0 0,0 8,6A1,1 0 0,0 7,5M7,17A1,1 0 0,0 6,18A1,1 0 0,0 7,19A1,1 0 0,0 8,18A1,1 0 0,0 7,17M18,15A1,1 0 0,0 17,16A1,1 0 0,0 18,17A1,1 0 0,0 19,16A1,1 0 0,0 18,15Z" /></svg><svg id="source-pull" viewBox="0 0 24 24"><path d="M6,3A3,3 0 0,1 9,6C9,7.31 8.17,8.42 7,8.83V15.17C8.17,15.58 9,16.69 9,18A3,3 0 0,1 6,21A3,3 0 0,1 3,18C3,16.69 3.83,15.58 5,15.17V8.83C3.83,8.42 3,7.31 3,6A3,3 0 0,1 6,3M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M21,18A3,3 0 0,1 18,21A3,3 0 0,1 15,18C15,16.69 15.83,15.58 17,15.17V7H15V10.25L10.75,6L15,1.75V5H17A2,2 0 0,1 19,7V15.17C20.17,15.58 21,16.69 21,18M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17Z" /></svg><svg id="source-repository" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M12.75,13.5C15.5,13.5 16.24,11.47 16.43,10.4C17.34,10.11 18,9.26 18,8.25C18,7 17,6 15.75,6C14.5,6 13.5,7 13.5,8.25C13.5,9.19 14.07,10 14.89,10.33C14.67,11 14,12 12,12C10.62,12 9.66,12.35 9,12.84V8.87C9.87,8.56 10.5,7.73 10.5,6.75C10.5,5.5 9.5,4.5 8.25,4.5C7,4.5 6,5.5 6,6.75C6,7.73 6.63,8.56 7.5,8.87V15.13C6.63,15.44 6,16.27 6,17.25C6,18.5 7,19.5 8.25,19.5C9.5,19.5 10.5,18.5 10.5,17.25C10.5,16.32 9.94,15.5 9.13,15.18C9.41,14.5 10.23,13.5 12.75,13.5M8.25,16.5A0.75,0.75 0 0,1 9,17.25A0.75,0.75 0 0,1 8.25,18A0.75,0.75 0 0,1 7.5,17.25A0.75,0.75 0 0,1 8.25,16.5M8.25,6A0.75,0.75 0 0,1 9,6.75A0.75,0.75 0 0,1 8.25,7.5A0.75,0.75 0 0,1 7.5,6.75A0.75,0.75 0 0,1 8.25,6M15.75,7.5A0.75,0.75 0 0,1 16.5,8.25A0.75,0.75 0 0,1 15.75,9A0.75,0.75 0 0,1 15,8.25A0.75,0.75 0 0,1 15.75,7.5Z" /></svg><svg id="source-repository-multiple" viewBox="0 0 24 24"><path d="M8,0H20A2,2 0 0,1 22,2V18A2,2 0 0,1 20,20H8A2,2 0 0,1 6,18V2A2,2 0 0,1 8,0M14.75,11.5C17.5,11.5 18.24,9.47 18.43,8.4C19.34,8.11 20,7.26 20,6.25C20,5 19,4 17.75,4C16.5,4 15.5,5 15.5,6.25C15.5,7.19 16.07,8 16.89,8.33C16.67,9 16,10 14,10C12.62,10 11.66,10.35 11,10.84V6.87C11.87,6.56 12.5,5.73 12.5,4.75C12.5,3.5 11.5,2.5 10.25,2.5C9,2.5 8,3.5 8,4.75C8,5.73 8.63,6.56 9.5,6.87V13.13C8.63,13.44 8,14.27 8,15.25C8,16.5 9,17.5 10.25,17.5C11.5,17.5 12.5,16.5 12.5,15.25C12.5,14.32 11.94,13.5 11.13,13.18C11.41,12.5 12.23,11.5 14.75,11.5M10.25,14.5A0.75,0.75 0 0,1 11,15.25A0.75,0.75 0 0,1 10.25,16A0.75,0.75 0 0,1 9.5,15.25A0.75,0.75 0 0,1 10.25,14.5M10.25,4A0.75,0.75 0 0,1 11,4.75A0.75,0.75 0 0,1 10.25,5.5A0.75,0.75 0 0,1 9.5,4.75A0.75,0.75 0 0,1 10.25,4M17.75,5.5A0.75,0.75 0 0,1 18.5,6.25A0.75,0.75 0 0,1 17.75,7A0.75,0.75 0 0,1 17,6.25A0.75,0.75 0 0,1 17.75,5.5M16,22V24H4A2,2 0 0,1 2,22V6H4V22H16Z" /></svg><svg id="soy-sauce" viewBox="0 0 24 24"><path d="M13.9,7.5C13.9,6.8 14.1,6.3 14.2,6H14.8L15.7,3.5H16.5V2H7.5V3.5H8.3L9.2,6H9.8C10,6.3 10.1,6.8 10.1,7.5C10.1,8.8 6,13.7 6,17.6V19.6C6,21 8.7,21.9 12,21.9C15.3,21.9 18,21 18,19.6V17.6C18,13.7 13.9,8.8 13.9,7.5M12,15A2,2 0 0,1 10,13A2,2 0 0,1 12,11A2,2 0 0,1 14,13A2,2 0 0,1 12,15Z" /></svg><svg id="spa" viewBox="0 0 24 24"><path d="M15.5,9.63C15.31,6.84 14.18,4.12 12.06,2C9.92,4.14 8.74,6.86 8.5,9.63C9.79,10.31 10.97,11.19 12,12.26C13.03,11.2 14.21,10.32 15.5,9.63M12,15.45C9.85,12.17 6.18,10 2,10C2,20 11.32,21.89 12,22C12.68,21.88 22,20 22,10C17.82,10 14.15,12.17 12,15.45Z" /></svg><svg id="spa-outline" viewBox="0 0 24 24"><path d="M15.5,9.63C14.21,10.32 13.03,11.2 12,12.26C10.97,11.19 9.79,10.31 8.5,9.63C8.74,6.86 9.92,4.14 12.06,2C14.18,4.12 15.31,6.84 15.5,9.63M12,15.45C14.15,12.17 17.82,10 22,10C22,20 12.68,21.88 12,22C11.32,21.89 2,20 2,10C6.18,10 9.85,12.17 12,15.45M12.05,5.19C11.39,6.23 10.93,7.38 10.68,8.58L12,9.55L13.35,8.57C13.12,7.37 12.68,6.22 12.05,5.19M12,19.97C12,19.97 18,19 19.74,12.25C14,14 12,19.1 12,19.1C12,19.1 9,13 4.26,12.26C6,19 12,19.97 12,19.97Z" /></svg><svg id="space-invaders" viewBox="0 0 24 24"><path d="M7,6H5V4H7V6M17,6H19V4H17V6M23,12V18H21V14H19V18H17V16H7V18H5V14H3V18H1V12H3V10H5V8H7V6H9V8H15V6H17V8H19V10H21V12H23M15,10V12H17V10H15M7,12H9V10H7V12M11,18H7V20H11V18M17,18H13V20H17V18Z" /></svg><svg id="spade" viewBox="0 0 24 24"><path d="M15.71,1.22L12.88,4.05C12.1,4.83 12.1,6.09 12.88,6.87L14.3,8.29L10.06,12.53L7.58,10.06L1.22,16.42L7.58,22.78L13.94,16.42L11.47,13.94L15.71,9.7L17.13,11.12C17.91,11.9 19.17,11.9 19.95,11.12L22.78,8.29L15.71,1.22M15.71,4.05L19.95,8.29L18.54,9.7L14.3,5.46L15.71,4.05Z" /></svg><svg id="speaker" viewBox="0 0 24 24"><path d="M12,12A3,3 0 0,0 9,15A3,3 0 0,0 12,18A3,3 0 0,0 15,15A3,3 0 0,0 12,12M12,20A5,5 0 0,1 7,15A5,5 0 0,1 12,10A5,5 0 0,1 17,15A5,5 0 0,1 12,20M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8C10.89,8 10,7.1 10,6C10,4.89 10.89,4 12,4M17,2H7C5.89,2 5,2.89 5,4V20A2,2 0 0,0 7,22H17A2,2 0 0,0 19,20V4C19,2.89 18.1,2 17,2Z" /></svg><svg id="speaker-bluetooth" viewBox="0 0 24 24"><path d="M4,3A2,2 0 0,0 2,5V19A2,2 0 0,0 4,21H12A2,2 0 0,0 14,19V5A2,2 0 0,0 12,3H4M8,5A2,2 0 0,1 10,7A2,2 0 0,1 8,9A2,2 0 0,1 6,7A2,2 0 0,1 8,5M19,7V10.79L16.71,8.5L16,9.21L18.79,12L16,14.79L16.71,15.5L19,13.21V17H19.5L22.35,14.14L20.21,12L22.35,9.85L19.5,7H19M20,8.91L20.94,9.85L20,10.79V8.91M8,11A4,4 0 0,1 12,15A4,4 0 0,1 8,19A4,4 0 0,1 4,15A4,4 0 0,1 8,11M8,13A2,2 0 0,0 6,15A2,2 0 0,0 8,17A2,2 0 0,0 10,15A2,2 0 0,0 8,13M20,13.21L20.94,14.14L20,15.08V13.21Z" /></svg><svg id="speaker-multiple" viewBox="0 0 24 24"><path d="M14,10A3,3 0 0,0 11,13A3,3 0 0,0 14,16A3,3 0 0,0 17,13A3,3 0 0,0 14,10M14,18A5,5 0 0,1 9,13A5,5 0 0,1 14,8A5,5 0 0,1 19,13A5,5 0 0,1 14,18M14,2A2,2 0 0,1 16,4A2,2 0 0,1 14,6A2,2 0 0,1 12,4A2,2 0 0,1 14,2M19,0H9A2,2 0 0,0 7,2V18A2,2 0 0,0 9,20H19A2,2 0 0,0 21,18V2A2,2 0 0,0 19,0M5,22H17V24H5A2,2 0 0,1 3,22V4H5" /></svg><svg id="speaker-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L21,21.72L19.73,23L18.27,21.54C17.93,21.83 17.5,22 17,22H7C5.89,22 5,21.1 5,20V8.27L2,5.27M12,18A3,3 0 0,1 9,15C9,14.24 9.28,13.54 9.75,13L8.33,11.6C7.5,12.5 7,13.69 7,15A5,5 0 0,0 12,20C13.31,20 14.5,19.5 15.4,18.67L14,17.25C13.45,17.72 12.76,18 12,18M17,15A5,5 0 0,0 12,10H11.82L5.12,3.3C5.41,2.54 6.14,2 7,2H17A2,2 0 0,1 19,4V17.18L17,15.17V15M12,4C10.89,4 10,4.89 10,6A2,2 0 0,0 12,8A2,2 0 0,0 14,6C14,4.89 13.1,4 12,4Z" /></svg><svg id="speaker-wireless" viewBox="0 0 24 24"><path d="M20.07,19.07L18.66,17.66C20.11,16.22 21,14.21 21,12C21,9.78 20.11,7.78 18.66,6.34L20.07,4.93C21.88,6.74 23,9.24 23,12C23,14.76 21.88,17.26 20.07,19.07M17.24,16.24L15.83,14.83C16.55,14.11 17,13.11 17,12C17,10.89 16.55,9.89 15.83,9.17L17.24,7.76C18.33,8.85 19,10.35 19,12C19,13.65 18.33,15.15 17.24,16.24M4,3H12A2,2 0 0,1 14,5V19A2,2 0 0,1 12,21H4A2,2 0 0,1 2,19V5A2,2 0 0,1 4,3M8,5A2,2 0 0,0 6,7A2,2 0 0,0 8,9A2,2 0 0,0 10,7A2,2 0 0,0 8,5M8,11A4,4 0 0,0 4,15A4,4 0 0,0 8,19A4,4 0 0,0 12,15A4,4 0 0,0 8,11M8,13A2,2 0 0,1 10,15A2,2 0 0,1 8,17A2,2 0 0,1 6,15A2,2 0 0,1 8,13Z" /></svg><svg id="speedometer" viewBox="0 0 24 24"><path d="M12,16A3,3 0 0,1 9,13C9,11.88 9.61,10.9 10.5,10.39L20.21,4.77L14.68,14.35C14.18,15.33 13.17,16 12,16M12,3C13.81,3 15.5,3.5 16.97,4.32L14.87,5.53C14,5.19 13,5 12,5A8,8 0 0,0 4,13C4,15.21 4.89,17.21 6.34,18.65H6.35C6.74,19.04 6.74,19.67 6.35,20.06C5.96,20.45 5.32,20.45 4.93,20.07V20.07C3.12,18.26 2,15.76 2,13A10,10 0 0,1 12,3M22,13C22,15.76 20.88,18.26 19.07,20.07V20.07C18.68,20.45 18.05,20.45 17.66,20.06C17.27,19.67 17.27,19.04 17.66,18.65V18.65C19.11,17.2 20,15.21 20,13C20,12 19.81,11 19.46,10.1L20.67,8C21.5,9.5 22,11.18 22,13Z" /></svg><svg id="spellcheck" viewBox="0 0 24 24"><path d="M21.59,11.59L13.5,19.68L9.83,16L8.42,17.41L13.5,22.5L23,13M6.43,11L8.5,5.5L10.57,11M12.45,16H14.54L9.43,3H7.57L2.46,16H4.55L5.67,13H11.31L12.45,16Z" /></svg><svg id="spider-web" viewBox="0 0 24 24"><path d="M13.62,13.28L15.26,15.54C15.29,15 15.38,14.47 15.56,13.93C15.74,13.37 16,12.86 16.3,12.41L13.62,13.28M17.77,19C17.75,17.68 17.95,16.27 18.41,14.85C18.88,13.42 19.56,12.14 20.36,11.09L18.32,11.75C17.54,12.26 16.87,13.14 16.5,14.23C16.17,15.29 16.18,16.36 16.5,17.22L17.77,19M19.25,21C18.75,21.46 18.21,21.86 17.63,22.2L17.31,21.76C15.9,21 14.04,20.5 12,20.5C9.96,20.5 8.1,21 6.69,21.76L6.37,22.2C5.79,21.86 5.25,21.46 4.75,21L5,20.69C5.33,19.08 5.22,17.12 4.58,15.14C3.94,13.19 2.9,11.56 1.71,10.46L1.27,10.32C1.42,9.66 1.63,9 1.89,8.41L2.29,8.54C3.92,8.37 5.74,7.65 7.43,6.43C9.09,5.22 10.32,3.73 11,2.26V1.79L12,1.75L13,1.79V2.21C13.67,3.71 14.91,5.23 16.6,6.45C18.26,7.66 20.06,8.37 21.67,8.56L22.11,8.41C22.37,9 22.58,9.66 22.73,10.32L22.23,10.5C21.04,11.58 20,13.21 19.37,15.16C18.74,17.09 18.62,19 18.92,20.57L19.25,21M11,11.37V8.5C10.66,8.92 10.26,9.32 9.78,9.67C9.29,10 8.77,10.29 8.25,10.5L11,11.37M11,4.22C10.25,5.31 9.24,6.35 8,7.24C6.78,8.14 5.46,8.78 4.18,9.16L6.15,9.8C7.11,9.88 8.22,9.56 9.19,8.86C10.13,8.18 10.76,7.27 11,6.36V4.22M13,11.37L15.74,10.5C15.23,10.3 14.72,10.03 14.25,9.69C13.76,9.33 13.34,8.92 13,8.5V11.37M19.8,9.16C18.53,8.78 17.23,8.15 16,7.26C14.77,6.36 13.76,5.31 13,4.2V6.27C13.22,7.21 13.86,8.17 14.84,8.88C15.77,9.56 16.83,9.87 17.77,9.82L19.8,9.16M10.38,13.28L7.64,12.39C7.95,12.84 8.2,13.35 8.38,13.91C8.57,14.5 8.66,15.06 8.68,15.62L10.38,13.28M3.58,11.07C4.38,12.12 5.06,13.4 5.53,14.83C6,16.29 6.2,17.74 6.17,19.08L7.38,17.41C7.76,16.5 7.8,15.36 7.43,14.22C7.07,13.12 6.4,12.24 5.61,11.73L3.58,11.07M12,14.45L10.35,16.72C10.87,16.58 11.42,16.5 12,16.5C12.58,16.5 13.13,16.58 13.65,16.72L12,14.45M7.84,20.18C9.08,19.75 10.5,19.5 12,19.5C13.5,19.5 14.92,19.75 16.16,20.18L14.88,18.42C14.16,17.85 13.13,17.5 12,17.5C10.87,17.5 9.84,17.85 9.12,18.42L7.84,20.18Z" /></svg><svg id="spotify" viewBox="0 0 24 24"><path d="M17.9,10.9C14.7,9 9.35,8.8 6.3,9.75C5.8,9.9 5.3,9.6 5.15,9.15C5,8.65 5.3,8.15 5.75,8C9.3,6.95 15.15,7.15 18.85,9.35C19.3,9.6 19.45,10.2 19.2,10.65C18.95,11 18.35,11.15 17.9,10.9M17.8,13.7C17.55,14.05 17.1,14.2 16.75,13.95C14.05,12.3 9.95,11.8 6.8,12.8C6.4,12.9 5.95,12.7 5.85,12.3C5.75,11.9 5.95,11.45 6.35,11.35C10,10.25 14.5,10.8 17.6,12.7C17.9,12.85 18.05,13.35 17.8,13.7M16.6,16.45C16.4,16.75 16.05,16.85 15.75,16.65C13.4,15.2 10.45,14.9 6.95,15.7C6.6,15.8 6.3,15.55 6.2,15.25C6.1,14.9 6.35,14.6 6.65,14.5C10.45,13.65 13.75,14 16.35,15.6C16.7,15.75 16.75,16.15 16.6,16.45M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="spotlight" viewBox="0 0 24 24"><path d="M2,6L7.09,8.55C6.4,9.5 6,10.71 6,12C6,13.29 6.4,14.5 7.09,15.45L2,18V6M6,3H18L15.45,7.09C14.5,6.4 13.29,6 12,6C10.71,6 9.5,6.4 8.55,7.09L6,3M22,6V18L16.91,15.45C17.6,14.5 18,13.29 18,12C18,10.71 17.6,9.5 16.91,8.55L22,6M18,21H6L8.55,16.91C9.5,17.6 10.71,18 12,18C13.29,18 14.5,17.6 15.45,16.91L18,21M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg><svg id="spotlight-beam" viewBox="0 0 24 24"><path d="M9,16.5L9.91,15.59L15.13,20.8L14.21,21.71L9,16.5M15.5,10L16.41,9.09L21.63,14.3L20.71,15.21L15.5,10M6.72,2.72L10.15,6.15L6.15,10.15L2.72,6.72C1.94,5.94 1.94,4.67 2.72,3.89L3.89,2.72C4.67,1.94 5.94,1.94 6.72,2.72M14.57,7.5L15.28,8.21L8.21,15.28L7.5,14.57L6.64,11.07L11.07,6.64L14.57,7.5Z" /></svg><svg id="spray" viewBox="0 0 24 24"><path d="M10,4H12V6H10V4M7,3H9V5H7V3M7,6H9V8H7V6M6,8V10H4V8H6M6,5V7H4V5H6M6,2V4H4V2H6M13,22A2,2 0 0,1 11,20V10A2,2 0 0,1 13,8V7H14V4H17V7H18V8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H13M13,10V20H18V10H13Z" /></svg><svg id="spray-bottle" viewBox="0 0 24 24"><path d="M12,7H15C15.66,7.64 16,8.31 16,9V22H8V15C8,14.72 8.11,14.39 8.3,14L12,7M16,4L15,6H12V5L10,7H9L10,5V4H9V2H14.5A1.5,1.5 0 0,1 16,3.5V4Z" /></svg><svg id="sprout" viewBox="0 0 24 24"><path d="M2,22V20C2,20 7,18 12,18C17,18 22,20 22,20V22H2M11.3,9.1C10.1,5.2 4,6.1 4,6.1C4,6.1 4.2,13.9 9.9,12.7C9.5,9.8 8,9 8,9C10.8,9 11,12.4 11,12.4V17C11.3,17 11.7,17 12,17C12.3,17 12.7,17 13,17V12.8C13,12.8 13,8.9 16,7.9C16,7.9 14,10.9 14,12.9C21,13.6 21,4 21,4C21,4 12.1,3 11.3,9.1Z" /></svg><svg id="sprout-outline" viewBox="0 0 24 24"><path d="M23,4.1V2.3L21.2,2.1C21.1,2.1 20.5,2 19.5,2C15.4,2 12.4,3.2 10.7,5.3C9.4,4.5 7.6,4 5.5,4C4.5,4 3.8,4.1 3.8,4.1L1.9,4.4L2,6.1C2.1,9.1 3.6,14.8 8.8,14.8C8.9,14.8 8.9,14.8 9,14.8V18.2C5.2,18.7 2,20 2,20V22H22V20C22,20 18.8,18.7 15,18.2V15C21.3,14.9 23,7.8 23,4.1M12,18C11.7,18 11.3,18 11,18V12.4C11,12.4 10.8,9 8,9C8,9 9.5,9.8 9.9,12.7C9.5,12.8 9.1,12.8 8.8,12.8C4.2,12.8 4,6.1 4,6.1C4,6.1 4.6,6 5.5,6C7.4,6 10.5,6.4 11.4,9.1C11.9,4.6 17,4 19.5,4C20.4,4 21,4.1 21,4.1C21,4.1 21,13.1 14.7,13.1C14.5,13.1 14.2,13.1 14,13.1C14,11.1 16,8.1 16,8.1C13,9.1 13,13 13,13V18C12.7,18 12.3,18 12,18Z" /></svg><svg id="square" viewBox="0 0 24 24"><path d="M3,3V21H21V3" /></svg><svg id="square-edit-outline" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19H5V5H12V3H5M17.78,4C17.61,4 17.43,4.07 17.3,4.2L16.08,5.41L18.58,7.91L19.8,6.7C20.06,6.44 20.06,6 19.8,5.75L18.25,4.2C18.12,4.07 17.95,4 17.78,4M15.37,6.12L8,13.5V16H10.5L17.87,8.62L15.37,6.12Z" /></svg><svg id="square-inc" viewBox="0 0 24 24"><path d="M6,3H18A3,3 0 0,1 21,6V18A3,3 0 0,1 18,21H6A3,3 0 0,1 3,18V6A3,3 0 0,1 6,3M7,6A1,1 0 0,0 6,7V17A1,1 0 0,0 7,18H17A1,1 0 0,0 18,17V7A1,1 0 0,0 17,6H7M9.5,9H14.5A0.5,0.5 0 0,1 15,9.5V14.5A0.5,0.5 0 0,1 14.5,15H9.5A0.5,0.5 0 0,1 9,14.5V9.5A0.5,0.5 0 0,1 9.5,9Z" /></svg><svg id="square-inc-cash" viewBox="0 0 24 24"><path d="M5.5,0H18.5A5.5,5.5 0 0,1 24,5.5V18.5A5.5,5.5 0 0,1 18.5,24H5.5A5.5,5.5 0 0,1 0,18.5V5.5A5.5,5.5 0 0,1 5.5,0M15.39,15.18C15.39,16.76 14.5,17.81 12.85,17.95V12.61C14.55,13.13 15.39,13.66 15.39,15.18M11.65,6V10.88C10.34,10.5 9.03,9.93 9.03,8.43C9.03,6.94 10.18,6.12 11.65,6M15.5,7.6L16.5,6.8C15.62,5.66 14.4,4.92 12.85,4.77V3.8H11.65V3.8L11.65,4.75C9.5,4.89 7.68,6.17 7.68,8.5C7.68,11 9.74,11.78 11.65,12.29V17.96C10.54,17.84 9.29,17.31 8.43,16.03L7.3,16.78C8.2,18.12 9.76,19 11.65,19.14V20.2H12.07L12.85,20.2V19.16C15.35,19 16.7,17.34 16.7,15.14C16.7,12.58 14.81,11.76 12.85,11.19V6.05C14,6.22 14.85,6.76 15.5,7.6Z" /></svg><svg id="square-medium" viewBox="0 0 24 24"><path d="M16,8H8V16H16V8Z" /></svg><svg id="square-medium-outline" viewBox="0 0 24 24"><path d="M14,10V14H10V10H14M16,8H8V16H16V8Z" /></svg><svg id="square-outline" viewBox="0 0 24 24"><path d="M3,3H21V21H3V3M5,5V19H19V5H5Z" /></svg><svg id="square-root" viewBox="0 0 24 24"><path d="M11.76,16.83L14.59,14L11.76,11.17L13.17,9.76L16,12.59L18.83,9.76L20.24,11.17L17.41,14L20.24,16.83L18.83,18.24L16,15.41L13.17,18.24L11.76,16.83M2,11H5V11H5L7.29,16.4L10,6H22V8H11.55L8.68,19H6.22L3.68,13H2V11Z" /></svg><svg id="square-root-box" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5M11.24,6H19V8H12.76L10,18H8L6.25,12H5V10H7.75L9,14.28L11.24,6V6M14,10.59L15.79,12.38L17.59,10.59L19,12L17.21,13.79L19,15.59L17.59,17L15.79,15.21L14,17L12.59,15.59L14.38,13.79L12.59,12L14,10.59Z" /></svg><svg id="square-small" viewBox="0 0 24 24"><path d="M10,14V10H14V14H10Z" /></svg><svg id="squeegee" viewBox="0 0 24 24"><path d="M22,2V5H2V2H22M2,8H7L9,10H10V20A2,2 0 0,0 12,22A2,2 0 0,0 14,20V10H15L17,8H22V6H2V8Z" /></svg><svg id="ssh" viewBox="0 0 24 24"><path d="M4.5,9C3.9,9 3.5,9.5 3.5,10V11.75C3.5,12.25 3.9,12.75 4.5,12.75H7V13.5H3.5V15H7.5C8.1,15 8.5,14.5 8.5,14V12.25C8.5,11.75 8.1,11.25 7.5,11.25H5V10.5H8.5V9H4.5M10.5,9C9.9,9 9.5,9.5 9.5,10V11.75C9.5,12.25 9.9,12.75 10.5,12.75H13V13.5H9.5V15H13.5C14.1,15 14.5,14.5 14.5,14V12.25C14.5,11.75 14.1,11.25 13.5,11.25H11V10.5H14.5V9H10.5M15.5,9V15H17V12.5H19V15H20.5V9H19V11H17V9H15.5Z" /></svg><svg id="stack-exchange" viewBox="0 0 24 24"><path d="M4,14.04V11H20V14.04H4M4,10V7H20V10H4M17.46,2C18.86,2 20,3.18 20,4.63V6H4V4.63C4,3.18 5.14,2 6.54,2H17.46M4,15H20V16.35C20,17.81 18.86,19 17.46,19H16.5L13,22V19H6.54C5.14,19 4,17.81 4,16.35V15Z" /></svg><svg id="stack-overflow" viewBox="0 0 24 24"><path d="M17.36,20.2V14.82H19.15V22H3V14.82H4.8V20.2H17.36M6.77,14.32L7.14,12.56L15.93,14.41L15.56,16.17L6.77,14.32M7.93,10.11L8.69,8.5L16.83,12.28L16.07,13.9L7.93,10.11M10.19,6.12L11.34,4.74L18.24,10.5L17.09,11.87L10.19,6.12M14.64,1.87L20,9.08L18.56,10.15L13.2,2.94L14.64,1.87M6.59,18.41V16.61H15.57V18.41H6.59Z" /></svg><svg id="stadium" viewBox="0 0 24 24"><path d="M5,3H7L10,5L7,7V8.33C8.47,8.12 10.18,8 12,8C13.82,8 15.53,8.12 17,8.33V3H19L22,5L19,7V8.71C20.85,9.17 22,9.8 22,10.5C22,11.88 17.5,13 12,13C6.5,13 2,11.88 2,10.5C2,9.8 3.15,9.17 5,8.71V3M12,9.5C8.69,9.5 7,9.67 7,10.5C7,11.33 8.69,11.5 12,11.5C15.31,11.5 17,11.33 17,10.5C17,9.67 15.31,9.5 12,9.5M12,14.75C15.81,14.75 19.2,14.08 21.4,13.05L20,21H15V19A2,2 0 0,0 13,17H11A2,2 0 0,0 9,19V21H4L2.6,13.05C4.8,14.08 8.19,14.75 12,14.75Z" /></svg><svg id="stairs" viewBox="0 0 24 24"><path d="M15,5V9H11V13H7V17H3V20H10V16H14V12H18V8H22V5H15Z" /></svg><svg id="stamper" viewBox="0 0 24 24"><path d="M12,3A3,3 0 0,0 9,6C9,9 14,13 6,13A2,2 0 0,0 4,15V17H20V15A2,2 0 0,0 18,13C10,13 15,9 15,6C15,4 13.66,3 12,3M6,19V21H18V19H6Z" /></svg><svg id="standard-definition" viewBox="0 0 24 24"><path d="M13,7H16A3,3 0 0,1 19,10V14A3,3 0 0,1 16,17H13V7M16,15A1,1 0 0,0 17,14V10A1,1 0 0,0 16,9H15V15H16M7,7H11V9H7V11H9A2,2 0 0,1 11,13V15A2,2 0 0,1 9,17H5V15H9V13H7A2,2 0 0,1 5,11V9A2,2 0 0,1 7,7Z" /></svg><svg id="star" viewBox="0 0 24 24"><path d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z" /></svg><svg id="star-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19C21,20.11 20.1,21 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M15.58,17L14.63,12.92L17.79,10.19L13.62,9.83L12,6L10.38,9.84L6.21,10.2L9.37,12.93L8.42,17L12,14.84L15.58,17Z" /></svg><svg id="star-box-outline" viewBox="0 0 24 24"><path d="M15.58,17L12,14.84L8.42,17L9.37,12.93L6.21,10.2L10.38,9.84L12,6L13.62,9.83L17.79,10.19L14.63,12.92L15.58,17M19,3A2,2 0 0,1 21,5V19C21,20.11 20.1,21 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M5,5V19H19V5H5Z" /></svg><svg id="star-circle" viewBox="0 0 24 24"><path d="M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="star-circle-outline" viewBox="0 0 24 24"><path d="M8.58,17.25L9.5,13.36L6.5,10.78L10.45,10.41L12,6.8L13.55,10.45L17.5,10.78L14.5,13.36L15.42,17.25L12,15.19L8.58,17.25M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="star-face" viewBox="0 0 24 24"><path d="M12,2.5L8.42,8.06L2,9.74L6.2,14.88L5.82,21.5L12,19.09L18.18,21.5L17.8,14.88L22,9.74L15.58,8.06L12,2.5M9.38,10.5C10,10.5 10.5,11 10.5,11.63A1.12,1.12 0 0,1 9.38,12.75C8.75,12.75 8.25,12.25 8.25,11.63C8.25,11 8.75,10.5 9.38,10.5M14.63,10.5C15.25,10.5 15.75,11 15.75,11.63A1.12,1.12 0 0,1 14.63,12.75C14,12.75 13.5,12.25 13.5,11.63C13.5,11 14,10.5 14.63,10.5M9,15H15C14.5,16.21 13.31,17 12,17C10.69,17 9.5,16.21 9,15Z" /></svg><svg id="star-four-points" viewBox="0 0 24 24"><path d="M12,1L9,9L1,12L9,15L12,23L15,15L23,12L15,9L12,1Z" /></svg><svg id="star-four-points-outline" viewBox="0 0 24 24"><path d="M12,6.7L13.45,10.55L17.3,12L13.45,13.45L12,17.3L10.55,13.45L6.7,12L10.55,10.55L12,6.7M12,1L9,9L1,12L9,15L12,23L15,15L23,12L15,9L12,1Z" /></svg><svg id="star-half" viewBox="0 0 24 24"><path d="M12,15.4V6.1L13.71,10.13L18.09,10.5L14.77,13.39L15.76,17.67M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z" /></svg><svg id="star-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L17.05,20.31L12,17.27L5.82,21L7.45,13.97L2,9.24L5.66,8.93L2,5.27M12,2L14.81,8.62L22,9.24L16.54,13.97L16.77,14.95L9.56,7.74L12,2Z" /></svg><svg id="star-outline" viewBox="0 0 24 24"><path d="M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z" /></svg><svg id="star-three-points" viewBox="0 0 24 24"><path d="M12,2.6L9,12.4L2,19.9L12,17.6L22,20L15,12.5L12,2.6Z" /></svg><svg id="star-three-points-outline" viewBox="0 0 24 24"><path d="M12,9.5L13.2,13.5L16,16.5L12,15.6L7.9,16.5L10.7,13.5L12,9.5M12,2.6L9,12.4L2,19.9L12,17.6L22,20L15,12.5L12,2.6Z" /></svg><svg id="steam" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C7.4,22 3.55,18.92 2.36,14.73L6.19,16.31C6.45,17.6 7.6,18.58 8.97,18.58C10.53,18.58 11.8,17.31 11.8,15.75V15.62L15.2,13.19H15.28C17.36,13.19 19.05,11.5 19.05,9.42C19.05,7.34 17.36,5.65 15.28,5.65C13.2,5.65 11.5,7.34 11.5,9.42V9.47L9.13,12.93L8.97,12.92C8.38,12.92 7.83,13.1 7.38,13.41L2,11.2C2.43,6.05 6.73,2 12,2M8.28,17.17C9.08,17.5 10,17.13 10.33,16.33C10.66,15.53 10.28,14.62 9.5,14.29L8.22,13.76C8.71,13.58 9.26,13.57 9.78,13.79C10.31,14 10.72,14.41 10.93,14.94C11.15,15.46 11.15,16.04 10.93,16.56C10.5,17.64 9.23,18.16 8.15,17.71C7.65,17.5 7.27,17.12 7.06,16.67L8.28,17.17M17.8,9.42C17.8,10.81 16.67,11.94 15.28,11.94C13.9,11.94 12.77,10.81 12.77,9.42A2.5,2.5 0 0,1 15.28,6.91C16.67,6.91 17.8,8.04 17.8,9.42M13.4,9.42C13.4,10.46 14.24,11.31 15.29,11.31C16.33,11.31 17.17,10.46 17.17,9.42C17.17,8.38 16.33,7.53 15.29,7.53C14.24,7.53 13.4,8.38 13.4,9.42Z" /></svg><svg id="steam-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V15L6.19,16.31C6.45,17.6 7.6,18.58 8.97,18.58C10.53,18.58 11.8,17.31 11.8,15.75V15.62L15.2,13.19H15.28C17.36,13.19 19.05,11.5 19.05,9.42C19.05,7.34 17.36,5.65 15.28,5.65C13.2,5.65 11.5,7.34 11.5,9.42V9.47L9.13,12.93L8.97,12.92C8.38,12.92 7.83,13.1 7.38,13.41L3,11.6V5A2,2 0 0,1 5,3H19M8.28,17.17C9.08,17.5 10,17.13 10.33,16.33C10.66,15.53 10.28,14.62 9.5,14.29L8.22,13.76C8.71,13.58 9.26,13.57 9.78,13.79C10.31,14 10.72,14.41 10.93,14.94C11.15,15.46 11.15,16.04 10.93,16.56C10.5,17.64 9.23,18.16 8.15,17.71C7.65,17.5 7.27,17.12 7.06,16.67L8.28,17.17M17.8,9.42C17.8,10.81 16.67,11.94 15.28,11.94C13.9,11.94 12.77,10.81 12.77,9.42A2.51,2.51 0 0,1 15.28,6.91C16.67,6.91 17.8,8.04 17.8,9.42M13.4,9.42C13.4,10.46 14.24,11.31 15.29,11.31C16.33,11.31 17.17,10.46 17.17,9.42C17.17,8.38 16.33,7.53 15.29,7.53C14.24,7.53 13.4,8.38 13.4,9.42Z" /></svg><svg id="steering" viewBox="0 0 24 24"><path d="M13,19.92C14.8,19.7 16.35,18.95 17.65,17.65C18.95,16.35 19.7,14.8 19.92,13H16.92C16.7,14 16.24,14.84 15.54,15.54C14.84,16.24 14,16.7 13,16.92V19.92M10,8H14L17,11H19.92C19.67,9.05 18.79,7.38 17.27,6C15.76,4.66 14,4 12,4C10,4 8.24,4.66 6.73,6C5.21,7.38 4.33,9.05 4.08,11H7L10,8M11,19.92V16.92C10,16.7 9.16,16.24 8.46,15.54C7.76,14.84 7.3,14 7.08,13H4.08C4.3,14.77 5.05,16.3 6.35,17.6C7.65,18.9 9.2,19.67 11,19.92M12,2C14.75,2 17.1,3 19.05,4.95C21,6.9 22,9.25 22,12C22,14.75 21,17.1 19.05,19.05C17.1,21 14.75,22 12,22C9.25,22 6.9,21 4.95,19.05C3,17.1 2,14.75 2,12C2,9.25 3,6.9 4.95,4.95C6.9,3 9.25,2 12,2Z" /></svg><svg id="steering-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L17.25,20.5C15.7,21.5 13.95,22 12,22C9.25,22 6.9,21 4.95,19.05C3,17.1 2,14.75 2,12C2,10.05 2.5,8.3 3.5,6.75L2,5.27M13,19.92C14,19.8 14.93,19.5 15.78,19.05L13.5,16.78C13.34,16.84 13.16,16.88 13,16.92V19.92M4.08,11H7L7.37,10.63L4.96,8.23C4.5,9.08 4.21,10 4.08,11M19.92,13H16.92C16.8,13.54 16.6,14.05 16.33,14.5L9.91,8.09L10,8H14L17,11H19.92C19.67,9.05 18.79,7.38 17.27,6C15.76,4.66 14,4 12,4C10.26,4 8.71,4.5 7.34,5.5L5.91,4.09C7.66,2.71 9.69,2 12,2C14.75,2 17.1,3 19.05,4.95C21,6.9 22,9.25 22,12C22,14.31 21.29,16.34 19.91,18.09L18.5,16.67C19.28,15.59 19.76,14.36 19.92,13M11,19.92V16.92C10,16.7 9.16,16.24 8.46,15.54C7.76,14.84 7.3,14 7.08,13H4.08C4.3,14.77 5.05,16.3 6.35,17.6C7.65,18.9 9.2,19.67 11,19.92Z" /></svg><svg id="step-backward" viewBox="0 0 24 24"><path d="M19,5V19H16V5M14,5V19L3,12" /></svg><svg id="step-backward-2" viewBox="0 0 24 24"><path d="M17,5H14V19H17V5M12,5L1,12L12,19V5M22,5H19V19H22V5Z" /></svg><svg id="step-forward" viewBox="0 0 24 24"><path d="M5,5V19H8V5M10,5V19L21,12" /></svg><svg id="step-forward-2" viewBox="0 0 24 24"><path d="M7,5H10V19H7V5M12,5L23,12L12,19V5M2,5H5V19H2V5Z" /></svg><svg id="stethoscope" viewBox="0 0 24 24"><path d="M19,8C19.56,8 20,8.43 20,9A1,1 0 0,1 19,10C18.43,10 18,9.55 18,9C18,8.43 18.43,8 19,8M2,2V11C2,13.96 4.19,16.5 7.14,16.91C7.76,19.92 10.42,22 13.5,22A6.5,6.5 0 0,0 20,15.5V11.81C21.16,11.39 22,10.29 22,9A3,3 0 0,0 19,6A3,3 0 0,0 16,9C16,10.29 16.84,11.4 18,11.81V15.41C18,17.91 16,19.91 13.5,19.91C11.5,19.91 9.82,18.7 9.22,16.9C12,16.3 14,13.8 14,11V2H10V5H12V11A4,4 0 0,1 8,15A4,4 0 0,1 4,11V5H6V2H2Z" /></svg><svg id="sticker" viewBox="0 0 24 24"><path d="M12.12,18.46L18.3,12.28C16.94,12.59 15.31,13.2 14.07,14.46C13.04,15.5 12.39,16.83 12.12,18.46M20.75,10H21.05C21.44,10 21.79,10.27 21.93,10.64C22.07,11 22,11.43 21.7,11.71L11.7,21.71C11.5,21.9 11.26,22 11,22L10.64,21.93C10.27,21.79 10,21.44 10,21.05C9.84,17.66 10.73,14.96 12.66,13.03C15.5,10.2 19.62,10 20.75,10M12,2C16.5,2 20.34,5 21.58,9.11L20,9H19.42C18.24,6.07 15.36,4 12,4A8,8 0 0,0 4,12C4,15.36 6.07,18.24 9,19.42C8.97,20.13 9,20.85 9.11,21.57C5,20.33 2,16.5 2,12C2,6.47 6.5,2 12,2Z" /></svg><svg id="sticker-emoji" viewBox="0 0 24 24"><path d="M5.5,2C3.56,2 2,3.56 2,5.5V18.5C2,20.44 3.56,22 5.5,22H16L22,16V5.5C22,3.56 20.44,2 18.5,2H5.5M5.75,4H18.25A1.75,1.75 0 0,1 20,5.75V15H18.5C16.56,15 15,16.56 15,18.5V20H5.75A1.75,1.75 0 0,1 4,18.25V5.75A1.75,1.75 0 0,1 5.75,4M14.44,6.77C14.28,6.77 14.12,6.79 13.97,6.83C13.03,7.09 12.5,8.05 12.74,9C12.79,9.15 12.86,9.3 12.95,9.44L16.18,8.56C16.18,8.39 16.16,8.22 16.12,8.05C15.91,7.3 15.22,6.77 14.44,6.77M8.17,8.5C8,8.5 7.85,8.5 7.7,8.55C6.77,8.81 6.22,9.77 6.47,10.7C6.5,10.86 6.59,11 6.68,11.16L9.91,10.28C9.91,10.11 9.89,9.94 9.85,9.78C9.64,9 8.95,8.5 8.17,8.5M16.72,11.26L7.59,13.77C8.91,15.3 11,15.94 12.95,15.41C14.9,14.87 16.36,13.25 16.72,11.26Z" /></svg><svg id="stocking" viewBox="0 0 24 24"><path d="M17,2A2,2 0 0,1 19,4V7A2,2 0 0,1 17,9V17C17,17.85 16.5,18.57 15.74,18.86L9.5,21.77C8.5,22.24 7.29,21.81 6.83,20.81L6,19C5.5,18 5.95,16.8 6.95,16.34L10,14.91V9A2,2 0 0,1 8,7V4A2,2 0 0,1 10,2H17M10,4V7H17V4H10Z" /></svg><svg id="stop" viewBox="0 0 24 24"><path d="M18,18H6V6H18V18Z" /></svg><svg id="stop-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M9,9H15V15H9" /></svg><svg id="stop-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4M9,9V15H15V9" /></svg><svg id="store" viewBox="0 0 24 24"><path d="M12,18H6V14H12M21,14V12L20,7H4L3,12V14H4V20H14V14H18V20H20V14M20,4H4V6H20V4Z" /></svg><svg id="store-24-hour" viewBox="0 0 24 24"><path d="M16,12H15V10H13V7H14V9H15V7H16M11,10H9V11H11V12H8V9H10V8H8V7H11M19,7V4H5V7H2V20H10V16H14V20H22V7H19Z" /></svg><svg id="stove" viewBox="0 0 24 24"><path d="M6,14H8L11,17H9L6,14M4,4H5V3A1,1 0 0,1 6,2H10A1,1 0 0,1 11,3V4H13V3A1,1 0 0,1 14,2H18A1,1 0 0,1 19,3V4H20A2,2 0 0,1 22,6V19A2,2 0 0,1 20,21V22H17V21H7V22H4V21A2,2 0 0,1 2,19V6A2,2 0 0,1 4,4M18,7A1,1 0 0,1 19,8A1,1 0 0,1 18,9A1,1 0 0,1 17,8A1,1 0 0,1 18,7M14,7A1,1 0 0,1 15,8A1,1 0 0,1 14,9A1,1 0 0,1 13,8A1,1 0 0,1 14,7M20,6H4V10H20V6M4,19H20V12H4V19M6,7A1,1 0 0,1 7,8A1,1 0 0,1 6,9A1,1 0 0,1 5,8A1,1 0 0,1 6,7M13,14H15L18,17H16L13,14Z" /></svg><svg id="strava" viewBox="0 0 24 24"><path d="M14.92,17.16L16.75,13.53H19.45L14.94,22.5L10.37,13.53H13.07L14.92,17.16M10.63,8.66L8.18,13.55H4.55L10.61,1.5L16.74,13.55H13.11L10.63,8.66Z" /></svg><svg id="subdirectory-arrow-left" viewBox="0 0 24 24"><path d="M11,9L12.42,10.42L8.83,14H18V4H20V16H8.83L12.42,19.58L11,21L5,15L11,9Z" /></svg><svg id="subdirectory-arrow-right" viewBox="0 0 24 24"><path d="M19,15L13,21L11.58,19.58L15.17,16H4V4H6V14H15.17L11.58,10.42L13,9L19,15Z" /></svg><svg id="subtitles" viewBox="0 0 24 24"><path d="M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6A2,2 0 0,0 20,4M4,12H8V14H4V12M14,18H4V16H14V18M20,18H16V16H20V18M20,14H10V12H20V14Z" /></svg><svg id="subtitles-outline" viewBox="0 0 24 24"><path d="M20,4A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20M20,18V6H4V18H20M6,10H8V12H6V10M6,14H14V16H6V14M16,14H18V16H16V14M10,10H18V12H10V10Z" /></svg><svg id="subway" viewBox="0 0 24 24"><path d="M8.5,15A1,1 0 0,1 9.5,16A1,1 0 0,1 8.5,17A1,1 0 0,1 7.5,16A1,1 0 0,1 8.5,15M7,9H17V14H7V9M15.5,15A1,1 0 0,1 16.5,16A1,1 0 0,1 15.5,17A1,1 0 0,1 14.5,16A1,1 0 0,1 15.5,15M18,15.88V9C18,6.38 15.32,6 12,6C9,6 6,6.37 6,9V15.88A2.62,2.62 0 0,0 8.62,18.5L7.5,19.62V20H9.17L10.67,18.5H13.5L15,20H16.5V19.62L15.37,18.5C16.82,18.5 18,17.33 18,15.88M17.8,2.8C20.47,3.84 22,6.05 22,8.86V22H2V8.86C2,6.05 3.53,3.84 6.2,2.8C8,2.09 10.14,2 12,2C13.86,2 16,2.09 17.8,2.8Z" /></svg><svg id="subway-alert-variant" viewBox="0 0 24 24"><path d="M16,11V6H11V11H16M14.5,17A1.5,1.5 0 0,0 16,15.5A1.5,1.5 0 0,0 14.5,14A1.5,1.5 0 0,0 13,15.5A1.5,1.5 0 0,0 14.5,17M9,11V6H4V11H9M5.5,17A1.5,1.5 0 0,0 7,15.5A1.5,1.5 0 0,0 5.5,14A1.5,1.5 0 0,0 4,15.5A1.5,1.5 0 0,0 5.5,17M10,2C14.42,2 18,2.5 18,6V15.5A3.5,3.5 0 0,1 14.5,19L16,20.5V21H4V20.5L5.5,19A3.5,3.5 0 0,1 2,15.5V6C2,2.5 5.58,2 10,2M20,12V7H22V12H20M20,16V14H22V16H20Z" /></svg><svg id="subway-variant" viewBox="0 0 24 24"><path d="M18,11H13V6H18M16.5,17A1.5,1.5 0 0,1 15,15.5A1.5,1.5 0 0,1 16.5,14A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 16.5,17M11,11H6V6H11M7.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,14A1.5,1.5 0 0,1 9,15.5A1.5,1.5 0 0,1 7.5,17M12,2C7.58,2 4,2.5 4,6V15.5A3.5,3.5 0 0,0 7.5,19L6,20.5V21H18V20.5L16.5,19A3.5,3.5 0 0,0 20,15.5V6C20,2.5 16.42,2 12,2Z" /></svg><svg id="summit" viewBox="0 0 24 24"><path d="M15,3H17L22,5L17,7V10.17L22,21H2L8,13L11.5,17.7L15,10.17V3Z" /></svg><svg id="sunglasses" viewBox="0 0 24 24"><path d="M7,17H4C2.38,17 0.96,15.74 0.76,14.14L0.26,11.15C0.15,10.3 0.39,9.5 0.91,8.92C1.43,8.34 2.19,8 3,8H9C9.83,8 10.58,8.35 11.06,8.96C11.17,9.11 11.27,9.27 11.35,9.45C11.78,9.36 12.22,9.36 12.64,9.45C12.72,9.27 12.82,9.11 12.94,8.96C13.41,8.35 14.16,8 15,8H21C21.81,8 22.57,8.34 23.09,8.92C23.6,9.5 23.84,10.3 23.74,11.11L23.23,14.18C23.04,15.74 21.61,17 20,17H17C15.44,17 13.92,15.81 13.54,14.3L12.64,11.59C12.26,11.31 11.73,11.31 11.35,11.59L10.43,14.37C10.07,15.82 8.56,17 7,17Z" /></svg><svg id="surround-sound" viewBox="0 0 24 24"><path d="M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6A2,2 0 0,0 20,4M7.76,16.24L6.35,17.65C4.78,16.1 4,14.05 4,12C4,9.95 4.78,7.9 6.34,6.34L7.75,7.75C6.59,8.93 6,10.46 6,12C6,13.54 6.59,15.07 7.76,16.24M12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16M17.66,17.66L16.25,16.25C17.41,15.07 18,13.54 18,12C18,10.46 17.41,8.93 16.24,7.76L17.65,6.35C19.22,7.9 20,9.95 20,12C20,14.05 19.22,16.1 17.66,17.66M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg><svg id="surround-sound-2-0" viewBox="0 0 24 24"><path d="M17,7H19A2,2 0 0,1 21,9V15A2,2 0 0,1 19,17H17A2,2 0 0,1 15,15V9A2,2 0 0,1 17,7M17,9V15H19V9H17M9,17H3V15L7,9H3V7H7A2,2 0 0,1 9,9C9,9.42 8.87,9.81 8.65,10.13L5.41,15H9V17M12,17A1,1 0 0,1 11,16A1,1 0 0,1 12,15A1,1 0 0,1 13,16A1,1 0 0,1 12,17Z" /></svg><svg id="surround-sound-3-1" viewBox="0 0 24 24"><path d="M13,17A1,1 0 0,1 12,16A1,1 0 0,1 13,15A1,1 0 0,1 14,16A1,1 0 0,1 13,17M19,7V15H20V17H16V15H17V9H16L17,7H19M4,7H8A2,2 0 0,1 10,9V15A2,2 0 0,1 8,17H4V15H8V13H5V11H8V9H4V7Z" /></svg><svg id="surround-sound-5-1" viewBox="0 0 24 24"><path d="M13,17A1,1 0 0,1 12,16A1,1 0 0,1 13,15A1,1 0 0,1 14,16A1,1 0 0,1 13,17M19,7V15H20V17H16V15H17V9H16L17,7H19M6,13A2,2 0 0,1 4,11V7H10V9H6V11H8A2,2 0 0,1 10,13V15A2,2 0 0,1 8,17H4V15H8V13H6Z" /></svg><svg id="surround-sound-7-1" viewBox="0 0 24 24"><path d="M12,17A1,1 0 0,1 11,16A1,1 0 0,1 12,15A1,1 0 0,1 13,16A1,1 0 0,1 12,17M18,7V15H19V17H15V15H16V9H15L16,7H18M11,7L8,17H6L8.4,9H5V7H11Z" /></svg><svg id="svg" viewBox="0 0 24 24"><path d="M5.13,10.71H8.87L6.22,8.06C5.21,8.06 4.39,7.24 4.39,6.22A1.83,1.83 0 0,1 6.22,4.39C7.24,4.39 8.06,5.21 8.06,6.22L10.71,8.87V5.13C10,4.41 10,3.25 10.71,2.54C11.42,1.82 12.58,1.82 13.29,2.54C14,3.25 14,4.41 13.29,5.13V8.87L15.95,6.22C15.95,5.21 16.76,4.39 17.78,4.39C18.79,4.39 19.61,5.21 19.61,6.22C19.61,7.24 18.79,8.06 17.78,8.06L15.13,10.71H18.87C19.59,10 20.75,10 21.46,10.71C22.18,11.42 22.18,12.58 21.46,13.29C20.75,14 19.59,14 18.87,13.29H15.13L17.78,15.95C18.79,15.95 19.61,16.76 19.61,17.78A1.83,1.83 0 0,1 17.78,19.61C16.76,19.61 15.95,18.79 15.95,17.78L13.29,15.13V18.87C14,19.59 14,20.75 13.29,21.46C12.58,22.18 11.42,22.18 10.71,21.46C10,20.75 10,19.59 10.71,18.87V15.13L8.06,17.78C8.06,18.79 7.24,19.61 6.22,19.61C5.21,19.61 4.39,18.79 4.39,17.78C4.39,16.76 5.21,15.95 6.22,15.95L8.87,13.29H5.13C4.41,14 3.25,14 2.54,13.29C1.82,12.58 1.82,11.42 2.54,10.71C3.25,10 4.41,10 5.13,10.71Z" /></svg><svg id="swap-horizontal" viewBox="0 0 24 24"><path d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z" /></svg><svg id="swap-horizontal-bold" viewBox="0 0 24 24"><path d="M8,10V13H14V18H8V21L2,15.5L8,10M22,8.5L16,3V6H10V11H16V14L22,8.5Z" /></svg><svg id="swap-horizontal-variant" viewBox="0 0 24 24"><path d="M4,6L8,10V7H16A2,2 0 0,1 18,9A2,2 0 0,1 16,11H8A4,4 0 0,0 4,15A4,4 0 0,0 8,19H16V22L20,18L16,14V17H8A2,2 0 0,1 6,15A2,2 0 0,1 8,13H16A4,4 0 0,0 20,9A4,4 0 0,0 16,5H8V2L4,6Z" /></svg><svg id="swap-vertical" viewBox="0 0 24 24"><path d="M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z" /></svg><svg id="swap-vertical-bold" viewBox="0 0 24 24"><path d="M14,8H11V14H6V8H3L8.5,2L14,8M15.5,22L21,16H18V10H13V16H10L15.5,22Z" /></svg><svg id="swap-vertical-variant" viewBox="0 0 24 24"><path d="M18,4L14,8H17V16A2,2 0 0,1 15,18A2,2 0 0,1 13,16V8A4,4 0 0,0 9,4A4,4 0 0,0 5,8V16H2L6,20L10,16H7V8A2,2 0 0,1 9,6A2,2 0 0,1 11,8V16A4,4 0 0,0 15,20A4,4 0 0,0 19,16V8H22L18,4Z" /></svg><svg id="swim" viewBox="0 0 24 24"><path d="M2,18C4.22,17 6.44,16 8.67,16C10.89,16 13.11,18 15.33,18C17.56,18 19.78,16 22,16V19C19.78,19 17.56,21 15.33,21C13.11,21 10.89,19 8.67,19C6.44,19 4.22,20 2,21V18M8.67,13C7.89,13 7.12,13.12 6.35,13.32L11.27,9.88L10.23,8.64C10.09,8.47 10,8.24 10,8C10,7.66 10.17,7.35 10.44,7.17L16.16,3.17L17.31,4.8L12.47,8.19L17.7,14.42C16.91,14.75 16.12,15 15.33,15C13.11,15 10.89,13 8.67,13M18,7A2,2 0 0,1 20,9A2,2 0 0,1 18,11A2,2 0 0,1 16,9A2,2 0 0,1 18,7Z" /></svg><svg id="switch" viewBox="0 0 24 24"><path d="M13,18H14A1,1 0 0,1 15,19H22V21H15A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21H2V19H9A1,1 0 0,1 10,18H11V16H8A1,1 0 0,1 7,15V3A1,1 0 0,1 8,2H16A1,1 0 0,1 17,3V15A1,1 0 0,1 16,16H13V18M13,6H14V4H13V6M9,4V6H11V4H9M9,8V10H11V8H9M9,12V14H11V12H9Z" /></svg><svg id="sword" viewBox="0 0 24 24"><path d="M6.92,5H5L14,14L15,13.06M19.96,19.12L19.12,19.96C18.73,20.35 18.1,20.35 17.71,19.96L14.59,16.84L11.91,19.5L10.5,18.09L11.92,16.67L3,7.75V3H7.75L16.67,11.92L18.09,10.5L19.5,11.91L16.83,14.58L19.95,17.7C20.35,18.1 20.35,18.73 19.96,19.12Z" /></svg><svg id="sword-cross" viewBox="0 0 24 24"><path d="M6.2,2.44L18.1,14.34L20.22,12.22L21.63,13.63L19.16,16.1L22.34,19.28C22.73,19.67 22.73,20.3 22.34,20.69L21.63,21.4C21.24,21.79 20.61,21.79 20.22,21.4L17,18.23L14.56,20.7L13.15,19.29L15.27,17.17L3.37,5.27V2.44H6.2M15.89,10L20.63,5.26V2.44H17.8L13.06,7.18L15.89,10M10.94,15L8.11,12.13L5.9,14.34L3.78,12.22L2.37,13.63L4.84,16.1L1.66,19.29C1.27,19.68 1.27,20.31 1.66,20.7L2.37,21.41C2.76,21.8 3.39,21.8 3.78,21.41L7,18.23L9.44,20.7L10.85,19.29L8.73,17.17L10.94,15Z" /></svg><svg id="symfony" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M16.37,5.7V5.7C17.39,5.67 18.15,6.13 18.21,6.84C18.22,7.15 18.04,7.75 17.42,7.77C16.95,7.79 16.63,7.5 16.62,7.09C16.61,6.93 16.88,6.42 16.88,6.33C16.87,6.06 16.47,6.05 16.36,6.06C14.86,6.11 14.46,8.13 14.14,9.78L14,10.65C14.84,10.78 15.46,10.62 15.8,10.4C16.28,10.09 15.66,9.77 15.74,9.41C15.82,9.04 16.15,8.87 16.41,8.86C16.78,8.85 17.04,9.23 17.03,9.62C17,10.26 16.17,11.14 14.5,11.1C14.28,11.1 14.09,11.08 13.91,11.06C13.3,14.16 12.92,16 11.56,17.58C10.39,18.97 9.2,19.18 8.67,19.2C7.67,19.24 7,18.71 7,18C6.97,17.32 7.57,16.94 7.97,16.93C8.5,16.91 8.87,17.3 8.88,17.74C8.9,18.11 8.7,18.23 8.57,18.3C8.5,18.37 8.35,18.45 8.36,18.6C8.36,18.67 8.43,18.82 8.65,18.81C9.07,18.8 9.34,18.59 9.54,18.45C10.5,17.65 10.88,16.24 11.37,13.68C11.63,12.23 11.82,11.3 12.1,10.38C11.42,9.87 11,9.23 10.09,9C9.46,8.81 9.08,8.96 8.81,9.3C8.5,9.71 8.6,10.23 8.9,10.54C10.05,11.82 10.39,12.38 10.26,13.14C10.06,14.35 8.62,15.27 6.92,14.75C5.47,14.3 5.2,13.28 5.37,12.71C5.53,12.22 5.92,12.12 6.31,12.24C6.73,12.37 6.89,12.87 6.77,13.26C6.75,13.3 6.55,13.67 6.5,13.79C6.41,14.1 6.83,14.31 7.12,14.4C7.77,14.6 8.4,14.26 8.55,13.73C8.7,13.25 8.4,12.91 8.27,12.78C7.38,11.8 6.76,10.93 7.06,9.95C7.18,9.58 7.42,9.18 7.78,8.91C8.53,8.36 9.35,8.26 10.12,8.5C11.13,8.77 11.61,9.44 12.24,9.95C12.59,8.93 13.08,7.92 13.81,7.07C14.47,6.3 15.35,5.74 16.37,5.7Z" /></svg><svg id="sync" viewBox="0 0 24 24"><path d="M12,18A6,6 0 0,1 6,12C6,11 6.25,10.03 6.7,9.2L5.24,7.74C4.46,8.97 4,10.43 4,12A8,8 0 0,0 12,20V23L16,19L12,15M12,4V1L8,5L12,9V6A6,6 0 0,1 18,12C18,13 17.75,13.97 17.3,14.8L18.76,16.26C19.54,15.03 20,13.57 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="sync-alert" viewBox="0 0 24 24"><path d="M11,13H13V7H11M21,4H15V10L17.24,7.76C18.32,8.85 19,10.34 19,12C19,14.61 17.33,16.83 15,17.65V19.74C18.45,18.85 21,15.73 21,12C21,9.79 20.09,7.8 18.64,6.36M11,17H13V15H11M3,12C3,14.21 3.91,16.2 5.36,17.64L3,20H9V14L6.76,16.24C5.68,15.15 5,13.66 5,12C5,9.39 6.67,7.17 9,6.35V4.26C5.55,5.15 3,8.27 3,12Z" /></svg><svg id="sync-off" viewBox="0 0 24 24"><path d="M20,4H14V10L16.24,7.76C17.32,8.85 18,10.34 18,12C18,13 17.75,13.94 17.32,14.77L18.78,16.23C19.55,15 20,13.56 20,12C20,9.79 19.09,7.8 17.64,6.36L20,4M2.86,5.41L5.22,7.77C4.45,9 4,10.44 4,12C4,14.21 4.91,16.2 6.36,17.64L4,20H10V14L7.76,16.24C6.68,15.15 6,13.66 6,12C6,11 6.25,10.06 6.68,9.23L14.76,17.31C14.5,17.44 14.26,17.56 14,17.65V19.74C14.79,19.53 15.54,19.2 16.22,18.78L18.58,21.14L19.85,19.87L4.14,4.14L2.86,5.41M10,6.35V4.26C9.2,4.47 8.45,4.8 7.77,5.22L9.23,6.68C9.5,6.56 9.73,6.44 10,6.35Z" /></svg><svg id="tab" viewBox="0 0 24 24"><path d="M21,3H3A2,2 0 0,0 1,5V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V5A2,2 0 0,0 21,3M21,19H3V5H13V9H21V19Z" /></svg><svg id="tab-minus" viewBox="0 0 24 24"><path d="M3,3A2,2 0 0,0 1,5V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V5A2,2 0 0,0 21,3H3M3,5H13V9H21V19H3V5M7,13V15H15V13H7Z" /></svg><svg id="tab-plus" viewBox="0 0 24 24"><path d="M3,3A2,2 0 0,0 1,5V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V5A2,2 0 0,0 21,3H3M3,5H13V9H21V19H3V5M10,10V13H7V15H10V18H12V15H15V13H12V10H10Z" /></svg><svg id="tab-remove" viewBox="0 0 24 24"><path d="M7.46,11.88L8.88,10.46L11,12.59L13.12,10.46L14.54,11.88L12.41,14L14.54,16.12L13.12,17.54L11,15.41L8.88,17.54L7.46,16.12L9.59,14L7.46,11.88M3,3H21A2,2 0 0,1 23,5V19A2,2 0 0,1 21,21H3A2,2 0 0,1 1,19V5A2,2 0 0,1 3,3M3,5V19H21V9H13V5H3Z" /></svg><svg id="tab-unselected" viewBox="0 0 24 24"><path d="M1,9H3V7H1V9M1,13H3V11H1V13M1,5H3V3A2,2 0 0,0 1,5M9,21H11V19H9V21M1,17H3V15H1V17M3,21V19H1A2,2 0 0,0 3,21M21,3H13V9H23V5A2,2 0 0,0 21,3M21,17H23V15H21V17M9,5H11V3H9V5M5,21H7V19H5V21M5,5H7V3H5V5M21,21A2,2 0 0,0 23,19H21V21M21,13H23V11H21V13M13,21H15V19H13V21M17,21H19V19H17V21Z" /></svg><svg id="table" viewBox="0 0 24 24"><path d="M5,4H19A2,2 0 0,1 21,6V18A2,2 0 0,1 19,20H5A2,2 0 0,1 3,18V6A2,2 0 0,1 5,4M5,8V12H11V8H5M13,8V12H19V8H13M5,14V18H11V14H5M13,14V18H19V14H13Z" /></svg><svg id="table-border" viewBox="0 0 24 24"><path d="M21,19A1,1 0 0,1 20,20H19V18H21V19M15,20V18H17V20H15M11,20V18H13V20H11M7,20V18H9V20H7M4,20A1,1 0 0,1 3,19V18H5V20H4M19,4H5A2,2 0 0,0 3,6V8H5L11,8H13L19,8H21V6C21,4.89 20.11,4 19,4M5,14H3V16H5V14M5,10H3V12H5V10M21,10H19V12H21V10M21,14H19V16H21V14M11,16V14H13V16H11M11,12V10H13V12H11" /></svg><svg id="table-column" viewBox="0 0 24 24"><path d="M8,2H16A2,2 0 0,1 18,4V20A2,2 0 0,1 16,22H8A2,2 0 0,1 6,20V4A2,2 0 0,1 8,2M8,10V14H16V10H8M8,16V20H16V16H8M8,4V8H16V4H8Z" /></svg><svg id="table-column-plus-after" viewBox="0 0 24 24"><path d="M11,2A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H2V2H11M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M15,11H18V8H20V11H23V13H20V16H18V13H15V11Z" /></svg><svg id="table-column-plus-before" viewBox="0 0 24 24"><path d="M13,2A2,2 0 0,0 11,4V20A2,2 0 0,0 13,22H22V2H13M20,10V14H13V10H20M20,16V20H13V16H20M20,4V8H13V4H20M9,11H6V8H4V11H1V13H4V16H6V13H9V11Z" /></svg><svg id="table-column-remove" viewBox="0 0 24 24"><path d="M4,2H11A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M17.59,12L15,9.41L16.41,8L19,10.59L21.59,8L23,9.41L20.41,12L23,14.59L21.59,16L19,13.41L16.41,16L15,14.59L17.59,12Z" /></svg><svg id="table-column-width" viewBox="0 0 24 24"><path d="M5,8H19A2,2 0 0,1 21,10V20A2,2 0 0,1 19,22H5A2,2 0 0,1 3,20V10A2,2 0 0,1 5,8M5,12V15H11V12H5M13,12V15H19V12H13M5,17V20H11V17H5M13,17V20H19V17H13M11,2H21V6H19V4H13V6H11V2Z" /></svg><svg id="table-edit" viewBox="0 0 24 24"><path d="M21.7,13.35L20.7,14.35L18.65,12.3L19.65,11.3C19.86,11.08 20.21,11.08 20.42,11.3L21.7,12.58C21.92,12.79 21.92,13.14 21.7,13.35M12,18.94L18.07,12.88L20.12,14.93L14.06,21H12V18.94M4,2H18A2,2 0 0,1 20,4V8.17L16.17,12H12V16.17L10.17,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,6V10H10V6H4M12,6V10H18V6H12M4,12V16H10V12H4Z" /></svg><svg id="table-large" viewBox="0 0 24 24"><path d="M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" /></svg><svg id="table-merge-cells" viewBox="0 0 24 24"><path d="M5,10H3V4H11V6H5V10M19,18H13V20H21V14H19V18M5,18V14H3V20H11V18H5M21,4H13V6H19V10H21V4M8,13V15L11,12L8,9V11H3V13H8M16,11V9L13,12L16,15V13H21V11H16Z" /></svg><svg id="table-of-contents" viewBox="0 0 24 24"><path d="M3,9H17V7H3V9M3,13H17V11H3V13M3,17H17V15H3V17M19,17H21V15H19V17M19,7V9H21V7H19M19,13H21V11H19V13Z" /></svg><svg id="table-plus" viewBox="0 0 24 24"><path d="M18,14H20V17H23V19H20V22H18V19H15V17H18V14M4,3H18A2,2 0 0,1 20,5V12.08C18.45,11.82 16.92,12.18 15.68,13H12V17H13.08C12.97,17.68 12.97,18.35 13.08,19H4A2,2 0 0,1 2,17V5A2,2 0 0,1 4,3M4,7V11H10V7H4M12,7V11H18V7H12M4,13V17H10V13H4Z" /></svg><svg id="table-remove" viewBox="0 0 24 24"><path d="M15.46,15.88L16.88,14.46L19,16.59L21.12,14.46L22.54,15.88L20.41,18L22.54,20.12L21.12,21.54L19,19.41L16.88,21.54L15.46,20.12L17.59,18L15.46,15.88M4,3H18A2,2 0 0,1 20,5V12.08C18.45,11.82 16.92,12.18 15.68,13H12V17H13.08C12.97,17.68 12.97,18.35 13.08,19H4A2,2 0 0,1 2,17V5A2,2 0 0,1 4,3M4,7V11H10V7H4M12,7V11H18V7H12M4,13V17H10V13H4Z" /></svg><svg id="table-row" viewBox="0 0 24 24"><path d="M22,14A2,2 0 0,1 20,16H4A2,2 0 0,1 2,14V10A2,2 0 0,1 4,8H20A2,2 0 0,1 22,10V14M4,14H8V10H4V14M10,14H14V10H10V14M16,14H20V10H16V14Z" /></svg><svg id="table-row-height" viewBox="0 0 24 24"><path d="M3,5H15A2,2 0 0,1 17,7V17A2,2 0 0,1 15,19H3A2,2 0 0,1 1,17V7A2,2 0 0,1 3,5M3,9V12H8V9H3M10,9V12H15V9H10M3,14V17H8V14H3M10,14V17H15V14H10M23,14V7H19V9H21V12H19V14H23Z" /></svg><svg id="table-row-plus-after" viewBox="0 0 24 24"><path d="M22,10A2,2 0 0,1 20,12H4A2,2 0 0,1 2,10V3H4V5H8V3H10V5H14V3H16V5H20V3H22V10M4,10H8V7H4V10M10,10H14V7H10V10M20,10V7H16V10H20M11,14H13V17H16V19H13V22H11V19H8V17H11V14Z" /></svg><svg id="table-row-plus-before" viewBox="0 0 24 24"><path d="M22,14A2,2 0 0,0 20,12H4A2,2 0 0,0 2,14V21H4V19H8V21H10V19H14V21H16V19H20V21H22V14M4,14H8V17H4V14M10,14H14V17H10V14M20,14V17H16V14H20M11,10H13V7H16V5H13V2H11V5H8V7H11V10Z" /></svg><svg id="table-row-remove" viewBox="0 0 24 24"><path d="M9.41,13L12,15.59L14.59,13L16,14.41L13.41,17L16,19.59L14.59,21L12,18.41L9.41,21L8,19.59L10.59,17L8,14.41L9.41,13M22,9A2,2 0 0,1 20,11H4A2,2 0 0,1 2,9V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V9M4,9H8V6H4V9M10,9H14V6H10V9M16,9H20V6H16V9Z" /></svg><svg id="table-search" viewBox="0 0 24 24"><path d="M19.3,17.89C20.62,15.79 20,13 17.89,11.68C15.79,10.36 13,11 11.68,13.09C10.36,15.2 11,18 13.09,19.3C14.56,20.22 16.42,20.22 17.89,19.3L21,22.39L22.39,21L19.3,17.89M17.3,17.27C16.32,18.25 14.74,18.24 13.76,17.27C12.79,16.29 12.79,14.71 13.77,13.73C14.74,12.76 16.32,12.76 17.3,13.73C18.26,14.72 18.25,16.3 17.27,17.27H17.3M19,4H5A2,2 0 0,0 3,6V18A2,2 0 0,0 5,20H10.81C10.25,19.42 9.8,18.74 9.5,18H5V14H9.18C9.34,13.29 9.61,12.61 10,12H5V8H11V10.81C11.58,10.25 12.26,9.8 13,9.5V8H19V10C19.4,10.25 19.77,10.55 20.1,10.88C20.44,11.22 20.74,11.59 21,12V6A2,2 0 0,0 19,4Z" /></svg><svg id="table-settings" viewBox="0 0 24 24"><path d="M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22M5,4H19A2,2 0 0,1 21,6V18A2,2 0 0,1 19,20H5A2,2 0 0,1 3,18V6A2,2 0 0,1 5,4M5,8V12H11V8H5M13,8V12H19V8H13M5,14V18H11V14H5M13,14V18H19V14H13Z" /></svg><svg id="table-tennis" viewBox="0 0 24 24"><path d="M18.5,14C19.9,14 21,15.1 21,16.5C21,17.9 19.9,19 18.5,19C17.1,19 16,17.9 16,16.5C16,15.1 17.1,14 18.5,14M7,15C7,15 8,16 8,17V20.5C8,21.3 8.7,22 9.5,22C10.3,22 11,21.3 11,20.5V17C11,16 12,15 12,15H7M8,14H11C11,14 16,14 16,9C16,4 12,2 9.5,2C7,2 3,4 3,9C3,14 8,14 8,14Z" /></svg><svg id="tablet" viewBox="0 0 24 24"><path d="M19,18H5V6H19M21,4H3C1.89,4 1,4.89 1,6V18A2,2 0 0,0 3,20H21A2,2 0 0,0 23,18V6C23,4.89 22.1,4 21,4Z" /></svg><svg id="tablet-android" viewBox="0 0 24 24"><path d="M19.25,19H4.75V3H19.25M14,22H10V21H14M18,0H6A3,3 0 0,0 3,3V21A3,3 0 0,0 6,24H18A3,3 0 0,0 21,21V3A3,3 0 0,0 18,0Z" /></svg><svg id="tablet-cellphone" viewBox="0 0 24 24"><path d="M3,4H20A2,2 0 0,1 22,6V8H18V6H5V18H14V20H3A2,2 0 0,1 1,18V6A2,2 0 0,1 3,4M17,10H23A1,1 0 0,1 24,11V21A1,1 0 0,1 23,22H17A1,1 0 0,1 16,21V11A1,1 0 0,1 17,10M18,12V19H22V12H18Z" /></svg><svg id="tablet-ipad" viewBox="0 0 24 24"><path d="M19,19H4V3H19M11.5,23A1.5,1.5 0 0,1 10,21.5A1.5,1.5 0 0,1 11.5,20A1.5,1.5 0 0,1 13,21.5A1.5,1.5 0 0,1 11.5,23M18.5,0H4.5A2.5,2.5 0 0,0 2,2.5V21.5A2.5,2.5 0 0,0 4.5,24H18.5A2.5,2.5 0 0,0 21,21.5V2.5A2.5,2.5 0 0,0 18.5,0Z" /></svg><svg id="taco" viewBox="0 0 24 24"><path d="M19,18H5A4,4 0 0,1 1,14A8,8 0 0,1 9,6C10.06,6 11.07,6.21 12,6.58C12.93,6.21 13.94,6 15,6A8,8 0 0,1 23,14A4,4 0 0,1 19,18M3,14A2,2 0 0,0 5,16A2,2 0 0,0 7,14C7,11.63 8.03,9.5 9.67,8.04L9,8A6,6 0 0,0 3,14M19,16A2,2 0 0,0 21,14A6,6 0 0,0 15,8A6,6 0 0,0 9,14C9,14.73 8.81,15.41 8.46,16H19Z" /></svg><svg id="tag" viewBox="0 0 24 24"><path d="M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M21.41,11.58L12.41,2.58C12.05,2.22 11.55,2 11,2H4C2.89,2 2,2.89 2,4V11C2,11.55 2.22,12.05 2.59,12.41L11.58,21.41C11.95,21.77 12.45,22 13,22C13.55,22 14.05,21.77 14.41,21.41L21.41,14.41C21.78,14.05 22,13.55 22,13C22,12.44 21.77,11.94 21.41,11.58Z" /></svg><svg id="tag-faces" viewBox="0 0 24 24"><path d="M15,18C11.68,18 9,15.31 9,12C9,8.68 11.68,6 15,6A6,6 0 0,1 21,12A6,6 0 0,1 15,18M4,13A1,1 0 0,1 3,12A1,1 0 0,1 4,11A1,1 0 0,1 5,12A1,1 0 0,1 4,13M22,3H7.63C6.97,3 6.38,3.32 6,3.81L0,12L6,20.18C6.38,20.68 6.97,21 7.63,21H22A2,2 0 0,0 24,19V5C24,3.89 23.1,3 22,3M13,11A1,1 0 0,0 14,10A1,1 0 0,0 13,9A1,1 0 0,0 12,10A1,1 0 0,0 13,11M15,16C16.86,16 18.35,14.72 18.8,13H11.2C11.65,14.72 13.14,16 15,16M17,11A1,1 0 0,0 18,10A1,1 0 0,0 17,9A1,1 0 0,0 16,10A1,1 0 0,0 17,11Z" /></svg><svg id="tag-heart" viewBox="0 0 24 24"><path d="M21.41,11.58L12.41,2.58C12.05,2.22 11.55,2 11,2H4A2,2 0 0,0 2,4V11C2,11.55 2.22,12.05 2.59,12.42L11.59,21.42C11.95,21.78 12.45,22 13,22C13.55,22 14.05,21.78 14.41,21.41L21.41,14.41C21.78,14.05 22,13.55 22,13C22,12.45 21.77,11.94 21.41,11.58M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M17.27,15.27L13,19.54L8.73,15.27C8.28,14.81 8,14.19 8,13.5A2.5,2.5 0 0,1 10.5,11C11.19,11 11.82,11.28 12.27,11.74L13,12.46L13.73,11.73C14.18,11.28 14.81,11 15.5,11A2.5,2.5 0 0,1 18,13.5C18,14.19 17.72,14.82 17.27,15.27Z" /></svg><svg id="tag-heart-outline" viewBox="0 0 24 24"><path d="M4,2A2,2 0 0,0 2,4V11C2,11.55 2.22,12.05 2.59,12.42L11.59,21.42C11.95,21.78 12.45,22 13,22C13.55,22 14.05,21.78 14.41,21.41L21.41,14.41C21.78,14.05 22,13.55 22,13C22,12.45 21.77,11.94 21.41,11.58L12.41,2.58C12.05,2.22 11.55,2 11,2H4V2M11,4L20,13L13,20L4,11V4H11V4H11M6.5,5A1.5,1.5 0 0,0 5,6.5A1.5,1.5 0 0,0 6.5,8A1.5,1.5 0 0,0 8,6.5A1.5,1.5 0 0,0 6.5,5M10.95,10.5C9.82,10.5 8.9,11.42 8.9,12.55C8.9,13.12 9.13,13.62 9.5,14L13,17.5L16.5,14C16.87,13.63 17.1,13.11 17.1,12.55A2.05,2.05 0 0,0 15.05,10.5C14.5,10.5 13.97,10.73 13.6,11.1L13,11.7L12.4,11.11C12.03,10.73 11.5,10.5 10.95,10.5Z" /></svg><svg id="tag-minus" viewBox="0 0 24 24"><path d="M21.41,11.58L12.41,2.58C12.04,2.21 11.53,2 11,2H4A2,2 0 0,0 2,4V11C2,11.53 2.21,12.04 2.59,12.41L3,12.81C3.9,12.27 4.94,12 6,12A6,6 0 0,1 12,18C12,19.06 11.72,20.09 11.18,21L11.58,21.4C11.95,21.78 12.47,22 13,22C13.53,22 14.04,21.79 14.41,21.41L21.41,14.41C21.79,14.04 22,13.53 22,13C22,12.47 21.79,11.96 21.41,11.58M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M10,19H2V17H10V19Z" /></svg><svg id="tag-multiple" viewBox="0 0 24 24"><path d="M5.5,9A1.5,1.5 0 0,0 7,7.5A1.5,1.5 0 0,0 5.5,6A1.5,1.5 0 0,0 4,7.5A1.5,1.5 0 0,0 5.5,9M17.41,11.58C17.77,11.94 18,12.44 18,13C18,13.55 17.78,14.05 17.41,14.41L12.41,19.41C12.05,19.77 11.55,20 11,20C10.45,20 9.95,19.78 9.58,19.41L2.59,12.42C2.22,12.05 2,11.55 2,11V6C2,4.89 2.89,4 4,4H9C9.55,4 10.05,4.22 10.41,4.58L17.41,11.58M13.54,5.71L14.54,4.71L21.41,11.58C21.78,11.94 22,12.45 22,13C22,13.55 21.78,14.05 21.42,14.41L16.04,19.79L15.04,18.79L20.75,13L13.54,5.71Z" /></svg><svg id="tag-outline" viewBox="0 0 24 24"><path d="M5.5,7A1.5,1.5 0 0,0 7,5.5A1.5,1.5 0 0,0 5.5,4A1.5,1.5 0 0,0 4,5.5A1.5,1.5 0 0,0 5.5,7M21.41,11.58C21.77,11.94 22,12.44 22,13C22,13.55 21.78,14.05 21.41,14.41L14.41,21.41C14.05,21.77 13.55,22 13,22C12.45,22 11.95,21.77 11.58,21.41L2.59,12.41C2.22,12.05 2,11.55 2,11V4C2,2.89 2.89,2 4,2H11C11.55,2 12.05,2.22 12.41,2.58L21.41,11.58M13,20L20,13L11.5,4.5L4.5,11.5L13,20Z" /></svg><svg id="tag-plus" viewBox="0 0 24 24"><path d="M21.41,11.58L12.41,2.58C12.04,2.21 11.53,2 11,2H4A2,2 0 0,0 2,4V11C2,11.53 2.21,12.04 2.59,12.41L3,12.81C3.9,12.27 4.94,12 6,12A6,6 0 0,1 12,18C12,19.06 11.72,20.09 11.18,21L11.58,21.4C11.95,21.78 12.47,22 13,22C13.53,22 14.04,21.79 14.41,21.41L21.41,14.41C21.79,14.04 22,13.53 22,13C22,12.47 21.79,11.96 21.41,11.58M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M10,19H7V22H5V19H2V17H5V14H7V17H10V19Z" /></svg><svg id="tag-remove" viewBox="0 0 24 24"><path d="M21.41,11.58L12.41,2.58C12.04,2.21 11.53,2 11,2H4A2,2 0 0,0 2,4V11C2,11.53 2.21,12.04 2.59,12.41L3,12.81C3.9,12.27 4.94,12 6,12A6,6 0 0,1 12,18C12,19.06 11.72,20.09 11.18,21L11.58,21.4C11.95,21.78 12.47,22 13,22C13.53,22 14.04,21.79 14.41,21.41L21.41,14.41C21.79,14.04 22,13.53 22,13C22,12.47 21.79,11.96 21.41,11.58M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M8.12,21.54L6,19.41L3.88,21.54L2.46,20.12L4.59,18L2.46,15.88L3.87,14.47L6,16.59L8.12,14.47L9.53,15.88L7.41,18L9.53,20.12L8.12,21.54Z" /></svg><svg id="tag-text-outline" viewBox="0 0 24 24"><path d="M5.5,7A1.5,1.5 0 0,0 7,5.5A1.5,1.5 0 0,0 5.5,4A1.5,1.5 0 0,0 4,5.5A1.5,1.5 0 0,0 5.5,7M21.41,11.58C21.77,11.94 22,12.44 22,13C22,13.55 21.78,14.05 21.41,14.41L14.41,21.41C14.05,21.77 13.55,22 13,22C12.45,22 11.95,21.77 11.58,21.41L2.59,12.41C2.22,12.05 2,11.55 2,11V4C2,2.89 2.89,2 4,2H11C11.55,2 12.05,2.22 12.41,2.58L21.41,11.58M13,20L20,13L11.5,4.5L4.5,11.5L13,20M10.09,8.91L11.5,7.5L17,13L15.59,14.41L10.09,8.91M7.59,11.41L9,10L13,14L11.59,15.41L7.59,11.41Z" /></svg><svg id="tank" viewBox="0 0 24 24"><path d="M20,12H4V11H6L7,6H12L13,11H20V12M13.22,7L13.62,9H22V7H13.22M22,16A3,3 0 0,1 19,19H5A3,3 0 0,1 2,16A3,3 0 0,1 5,13H19A3,3 0 0,1 22,16M6,16A1,1 0 0,0 5,15A1,1 0 0,0 4,16A1,1 0 0,0 5,17A1,1 0 0,0 6,16M13,16A1,1 0 0,0 12,15A1,1 0 0,0 11,16A1,1 0 0,0 12,17A1,1 0 0,0 13,16M20,16A1,1 0 0,0 19,15A1,1 0 0,0 18,16A1,1 0 0,0 19,17A1,1 0 0,0 20,16Z" /></svg><svg id="tape-measure" viewBox="0 0 24 24"><path d="M9,5A7,7 0 0,1 16,12H17V15H16V19H9A7,7 0 0,1 2,12A7,7 0 0,1 9,5M9,8A4,4 0 0,0 5,12A4,4 0 0,0 9,16A4,4 0 0,0 13,12A4,4 0 0,0 9,8M17,17H22V19L22,21H20V19H17V17Z" /></svg><svg id="target" viewBox="0 0 24 24"><path d="M11,2V4.07C7.38,4.53 4.53,7.38 4.07,11H2V13H4.07C4.53,16.62 7.38,19.47 11,19.93V22H13V19.93C16.62,19.47 19.47,16.62 19.93,13H22V11H19.93C19.47,7.38 16.62,4.53 13,4.07V2M11,6.08V8H13V6.09C15.5,6.5 17.5,8.5 17.92,11H16V13H17.91C17.5,15.5 15.5,17.5 13,17.92V16H11V17.91C8.5,17.5 6.5,15.5 6.08,13H8V11H6.09C6.5,8.5 8.5,6.5 11,6.08M12,11A1,1 0 0,0 11,12A1,1 0 0,0 12,13A1,1 0 0,0 13,12A1,1 0 0,0 12,11Z" /></svg><svg id="target-account" viewBox="0 0 24 24"><path d="M20.95,11H22.5V13H20.95C20.5,17.17 17.17,20.5 13,20.95V22.5H11V20.95C6.83,20.5 3.5,17.17 3.05,13H1.5V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1.5H13V3.05C17.17,3.5 20.5,6.83 20.95,11M5.07,11H6.5V13H5.07C5.5,16.07 7.93,18.5 11,18.93V17.5H13V18.93C16.07,18.5 18.5,16.07 18.93,13H17.5V11H18.93C18.5,7.93 16.07,5.5 13,5.07V6.5H11V5.07C7.93,5.5 5.5,7.93 5.07,11M16,16H8V15C8,13.67 10.67,13 12,13C13.33,13 16,13.67 16,15V16M12,8A2,2 0 0,1 14,10A2,2 0 0,1 12,12A2,2 0 0,1 10,10A2,2 0 0,1 12,8Z" /></svg><svg id="target-variant" viewBox="0 0 24 24"><path d="M22.08,11.04H20.08V4H13.05V2H11.04V4H4V11.04H2V13.05H4V20.08H11.04V22.08H13.05V20.08H20.08V13.05H22.08V11.04M18.07,18.07H13.05V16.06H11.04V18.07H6V13.05H8.03V11.04H6V6H11.04V8.03H13.05V6H18.07V11.04H16.06V13.05H18.07V18.07M13.05,12.05A1,1 0 0,1 12.05,13.05C11.5,13.05 11.04,12.6 11.04,12.05C11.04,11.5 11.5,11.04 12.05,11.04C12.6,11.04 13.05,11.5 13.05,12.05Z" /></svg><svg id="taxi" viewBox="0 0 24 24"><path d="M5,11L6.5,6.5H17.5L19,11M17.5,16A1.5,1.5 0 0,1 16,14.5A1.5,1.5 0 0,1 17.5,13A1.5,1.5 0 0,1 19,14.5A1.5,1.5 0 0,1 17.5,16M6.5,16A1.5,1.5 0 0,1 5,14.5A1.5,1.5 0 0,1 6.5,13A1.5,1.5 0 0,1 8,14.5A1.5,1.5 0 0,1 6.5,16M18.92,6C18.72,5.42 18.16,5 17.5,5H15V3H9V5H6.5C5.84,5 5.28,5.42 5.08,6L3,12V20A1,1 0 0,0 4,21H5A1,1 0 0,0 6,20V19H18V20A1,1 0 0,0 19,21H20A1,1 0 0,0 21,20V12L18.92,6Z" /></svg><svg id="tea" viewBox="0 0 24 24"><path d="M4,19H20V21H4V19M20,8V5H18V8H20M20,3C20.6,3 21,3.2 21.4,3.6C21.8,4 22,4.5 22,5V8C22,8.6 21.8,9 21.4,9.4C21,9.8 20.6,10 20,10H18V13C18,14.1 17.6,15 16.8,15.8C16,16.6 15.1,17 14,17H8C6.9,17 6,16.6 5.2,15.8C4.4,15 4,14.1 4,13V3H9V5.4L7.2,6.8C7.1,6.9 7,7.1 7,7.2V11.5C7,11.8 7.2,12 7.5,12H11.5C11.8,12 12,11.8 12,11.5V7.2C12,7 11.9,6.9 11.8,6.8L10,5.4V3H20Z" /></svg><svg id="tea-outline" viewBox="0 0 24 24"><path d="M4,19H20V21H4V19M21.4,3.6C21,3.2 20.6,3 20,3H4V13C4,14.1 4.4,15 5.2,15.8C6,16.6 6.9,17 8,17H14C15.1,17 16,16.6 16.8,15.8C17.6,15 18,14.1 18,13V10H20C20.6,10 21,9.8 21.4,9.4C21.8,9 22,8.6 22,8V5C22,4.5 21.8,4 21.4,3.6M16,5V8L16,10V13C16,13.6 15.8,14 15.4,14.4C15,14.8 14.6,15 14,15H8C7.4,15 7,14.8 6.6,14.4C6.2,14 6,13.5 6,13V5H10V6.4L8.2,7.8C8,7.9 8,8.1 8,8.2V12.5C8,12.8 8.2,13 8.5,13H12.5C12.8,13 13,12.8 13,12.5V8.2C13,8 12.9,7.9 12.8,7.8L11,6.4V5H16M20,8H18V5H20V8Z" /></svg><svg id="teach" viewBox="0 0 24 24"><path d="M20,17A2,2 0 0,0 22,15V4A2,2 0 0,0 20,2H9.46C9.81,2.61 10,3.3 10,4H20V15H11V17M15,7V9H9V22H7V16H5V22H3V14H1.5V9A2,2 0 0,1 3.5,7H15M8,4A2,2 0 0,1 6,6A2,2 0 0,1 4,4A2,2 0 0,1 6,2A2,2 0 0,1 8,4Z" /></svg><svg id="teamviewer" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19C21,20.11 20.1,21 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5M7,12L10,9V11H14V9L17,12L14,15V13H10V15L7,12Z" /></svg><svg id="telegram" viewBox="0 0 24 24"><path d="M9.78,18.65L10.06,14.42L17.74,7.5C18.08,7.19 17.67,7.04 17.22,7.31L7.74,13.3L3.64,12C2.76,11.75 2.75,11.14 3.84,10.7L19.81,4.54C20.54,4.21 21.24,4.72 20.96,5.84L18.24,18.65C18.05,19.56 17.5,19.78 16.74,19.36L12.6,16.3L10.61,18.23C10.38,18.46 10.19,18.65 9.78,18.65Z" /></svg><svg id="telescope" viewBox="0 0 24 24"><path d="M21.9,8.9L20.2,9.9L16.2,3L17.9,2L21.9,8.9M9.8,7.9L12.8,13.1L18.9,9.6L15.9,4.4L9.8,7.9M11.4,12.7L9.4,9.2L5.1,11.7L7.1,15.2L11.4,12.7M2.1,14.6L3.1,16.3L5.7,14.8L4.7,13.1L2.1,14.6M12.1,14L11.8,13.6L7.5,16.1L7.8,16.5C8,16.8 8.3,17.1 8.6,17.3L7,22H9L10.4,17.7H10.5L12,22H14L12.1,16.4C12.6,15.7 12.6,14.8 12.1,14Z" /></svg><svg id="television" viewBox="0 0 24 24"><path d="M21,17H3V5H21M21,3H3A2,2 0 0,0 1,5V17A2,2 0 0,0 3,19H8V21H16V19H21A2,2 0 0,0 23,17V5A2,2 0 0,0 21,3Z" /></svg><svg id="television-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M16,16L19,8H16.5L15,12.5L13.5,8H5V10H8V16H10V10H11.77L14,16H16Z" /></svg><svg id="television-classic" viewBox="0 0 24 24"><path d="M8.16,3L6.75,4.41L9.34,7H4C2.89,7 2,7.89 2,9V19C2,20.11 2.89,21 4,21H20C21.11,21 22,20.11 22,19V9C22,7.89 21.11,7 20,7H14.66L17.25,4.41L15.84,3L12,6.84L8.16,3M4,9H17V19H4V9M19.5,9A1,1 0 0,1 20.5,10A1,1 0 0,1 19.5,11A1,1 0 0,1 18.5,10A1,1 0 0,1 19.5,9M19.5,12A1,1 0 0,1 20.5,13A1,1 0 0,1 19.5,14A1,1 0 0,1 18.5,13A1,1 0 0,1 19.5,12Z" /></svg><svg id="television-classic-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L21,21.72L19.73,23L17.73,21H4C2.89,21 2,20.11 2,19V9C2,8 2.76,7.14 3.75,7L2,5.27M8.16,3L12,6.84L15.84,3L17.25,4.41L14.66,7H20C21.11,7 22,7.89 22,9V19C22,19.34 21.92,19.66 21.77,19.94L17,15.18V9H10.82L8.82,7H9.34L6.75,4.41L8.16,3M4,9V19H15.73L5.73,9H4M19.5,9A1,1 0 0,0 18.5,10A1,1 0 0,0 19.5,11A1,1 0 0,0 20.5,10A1,1 0 0,0 19.5,9M19.5,12A1,1 0 0,0 18.5,13A1,1 0 0,0 19.5,14A1,1 0 0,0 20.5,13A1,1 0 0,0 19.5,12Z" /></svg><svg id="television-guide" viewBox="0 0 24 24"><path d="M21,17V5H3V17H21M21,3A2,2 0 0,1 23,5V17A2,2 0 0,1 21,19H16V21H8V19H3A2,2 0 0,1 1,17V5A2,2 0 0,1 3,3H21M5,7H11V11H5V7M5,13H11V15H5V13M13,7H19V9H13V7M13,11H19V15H13V11Z" /></svg><svg id="television-off" viewBox="0 0 24 24"><path d="M0.5,2.77L1.78,1.5L21,20.72L19.73,22L16.73,19H16V21H8V19H3A2,2 0 0,1 1,17V5C1,4.5 1.17,4.07 1.46,3.73L0.5,2.77M21,17V5H7.82L5.82,3H21A2,2 0 0,1 23,5V17C23,17.85 22.45,18.59 21.7,18.87L19.82,17H21M3,17H14.73L3,5.27V17Z" /></svg><svg id="television-play" viewBox="0 0 24 24"><path d="M21,3H3C1.89,3 1,3.89 1,5V17A2,2 0 0,0 3,19H8V21H16V19H21A2,2 0 0,0 23,17V5C23,3.89 22.1,3 21,3M21,17H3V5H21M16,11L9,15V7" /></svg><svg id="temperature-celsius" viewBox="0 0 24 24"><path d="M16.5,5C18.05,5 19.5,5.47 20.69,6.28L19.53,9.17C18.73,8.44 17.67,8 16.5,8C14,8 12,10 12,12.5C12,15 14,17 16.5,17C17.53,17 18.47,16.66 19.23,16.08L20.37,18.93C19.24,19.61 17.92,20 16.5,20A7.5,7.5 0 0,1 9,12.5A7.5,7.5 0 0,1 16.5,5M6,3A3,3 0 0,1 9,6A3,3 0 0,1 6,9A3,3 0 0,1 3,6A3,3 0 0,1 6,3M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5Z" /></svg><svg id="temperature-fahrenheit" viewBox="0 0 24 24"><path d="M11,20V5H20V8H14V11H19V14H14V20H11M6,3A3,3 0 0,1 9,6A3,3 0 0,1 6,9A3,3 0 0,1 3,6A3,3 0 0,1 6,3M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5Z" /></svg><svg id="temperature-kelvin" viewBox="0 0 24 24"><path d="M7,5H10V11L15,5H19L13.88,10.78L19,20H15.38L11.76,13.17L10,15.15V20H7V5Z" /></svg><svg id="tennis" viewBox="0 0 24 24"><path d="M18,15A4,4 0 0,1 22,19A4,4 0 0,1 18,23A4,4 0 0,1 14,19A4,4 0 0,1 18,15M18,17A2,2 0 0,0 16,19A2,2 0 0,0 18,21A2,2 0 0,0 20,19A2,2 0 0,0 18,17M6.05,14.54C6.05,14.54 7.46,13.12 7.47,10.3C7.11,8.11 7.97,5.54 9.94,3.58C12.87,0.65 17.14,0.17 19.5,2.5C21.83,4.86 21.35,9.13 18.42,12.06C16.46,14.03 13.89,14.89 11.7,14.53C8.88,14.54 7.46,15.95 7.46,15.95L3.22,20.19L1.81,18.78L6.05,14.54M18.07,3.93C16.5,2.37 13.5,2.84 11.35,5C9.21,7.14 8.73,10.15 10.29,11.71C11.86,13.27 14.86,12.79 17,10.65C19.16,8.5 19.63,5.5 18.07,3.93Z" /></svg><svg id="tennis-ball" viewBox="0 0 24 24"><path d="M12,2C14.5,2 16.75,2.9 18.5,4.4C16.36,6.23 15,8.96 15,12C15,15.04 16.36,17.77 18.5,19.6C16.75,21.1 14.5,22 12,22C9.5,22 7.25,21.1 5.5,19.6C7.64,17.77 9,15.04 9,12C9,8.96 7.64,6.23 5.5,4.4C7.25,2.9 9.5,2 12,2M22,12C22,14.32 21.21,16.45 19.88,18.15C18.12,16.68 17,14.47 17,12C17,9.53 18.12,7.32 19.88,5.85C21.21,7.55 22,9.68 22,12M2,12C2,9.68 2.79,7.55 4.12,5.85C5.88,7.32 7,9.53 7,12C7,14.47 5.88,16.68 4.12,18.15C2.79,16.45 2,14.32 2,12Z" /></svg><svg id="tent" viewBox="0 0 24 24"><path d="M4,6C4,7.19 4.39,8.27 5,9A3,3 0 0,1 2,6A3,3 0 0,1 5,3C4.39,3.73 4,4.81 4,6M2,21V19H4.76L12,4.78L19.24,19H22V21H2M12,9.19L7,19H17L12,9.19Z" /></svg><svg id="terrain" viewBox="0 0 24 24"><path d="M14,6L10.25,11L13.1,14.8L11.5,16C9.81,13.75 7,10 7,10L1,18H23L14,6Z" /></svg><svg id="test-tube" viewBox="0 0 24 24"><path d="M7,2V4H8V18A4,4 0 0,0 12,22A4,4 0 0,0 16,18V4H17V2H7M11,16C10.4,16 10,15.6 10,15C10,14.4 10.4,14 11,14C11.6,14 12,14.4 12,15C12,15.6 11.6,16 11,16M13,12C12.4,12 12,11.6 12,11C12,10.4 12.4,10 13,10C13.6,10 14,10.4 14,11C14,11.6 13.6,12 13,12M14,7H10V4H14V7Z" /></svg><svg id="test-tube-empty" viewBox="0 0 24 24"><path d="M7,2H17V4H16V18A4,4 0 0,1 12,22A4,4 0 0,1 8,18V4H7V2M14,4H10V18A2,2 0 0,0 12,20A2,2 0 0,0 14,18V4Z" /></svg><svg id="test-tube-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L15.84,19.11C15.36,20.77 13.82,22 12,22A4,4 0 0,1 8,18V11.27L2,5.27M7,2H17V4H16V14.18L13.63,11.81C13.86,11.63 14,11.35 14,11C14,10.4 13.6,10 13,10C12.65,10 12.37,10.14 12.19,10.37L8,6.18V4H7V2M11,16C11.5,16 11.88,15.71 12,15.24L10.76,14C10.29,14.12 10,14.5 10,15C10,15.6 10.4,16 11,16M14,7V4H10V7H14Z" /></svg><svg id="text" viewBox="0 0 24 24"><path d="M21,6V8H3V6H21M3,18H12V16H3V18M3,13H21V11H3V13Z" /></svg><svg id="text-shadow" viewBox="0 0 24 24"><path d="M3,3H16V6H11V18H8V6H3V3M12,7H14V9H12V7M15,7H17V9H15V7M18,7H20V9H18V7M12,10H14V12H12V10M12,13H14V15H12V13M12,16H14V18H12V16M12,19H14V21H12V19Z" /></svg><svg id="text-short" viewBox="0 0 24 24"><path d="M4,9H20V11H4V9M4,13H14V15H4V13Z" /></svg><svg id="text-subject" viewBox="0 0 24 24"><path d="M4,5H20V7H4V5M4,9H20V11H4V9M4,13H20V15H4V13M4,17H14V19H4V17Z" /></svg><svg id="text-to-speech" viewBox="0 0 24 24"><path d="M8,7A2,2 0 0,1 10,9V14A2,2 0 0,1 8,16A2,2 0 0,1 6,14V9A2,2 0 0,1 8,7M14,14C14,16.97 11.84,19.44 9,19.92V22H7V19.92C4.16,19.44 2,16.97 2,14H4A4,4 0 0,0 8,18A4,4 0 0,0 12,14H14M21.41,9.41L17.17,13.66L18.18,10H14A2,2 0 0,1 12,8V4A2,2 0 0,1 14,2H20A2,2 0 0,1 22,4V8C22,8.55 21.78,9.05 21.41,9.41Z" /></svg><svg id="text-to-speech-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L13.38,16.65C12.55,18.35 10.93,19.59 9,19.92V22H7V19.92C4.16,19.44 2,16.97 2,14H4A4,4 0 0,0 8,18C9.82,18 11.36,16.78 11.84,15.11L10,13.27V14A2,2 0 0,1 8,16A2,2 0 0,1 6,14V9.27L2,5.27M21.41,9.41L17.17,13.66L18.18,10H14A2,2 0 0,1 12,8V4A2,2 0 0,1 14,2H20A2,2 0 0,1 22,4V8C22,8.55 21.78,9.05 21.41,9.41Z" /></svg><svg id="textbox" viewBox="0 0 24 24"><path d="M17,7H22V17H17V19A1,1 0 0,0 18,20H20V22H17.5C16.95,22 16,21.55 16,21C16,21.55 15.05,22 14.5,22H12V20H14A1,1 0 0,0 15,19V5A1,1 0 0,0 14,4H12V2H14.5C15.05,2 16,2.45 16,3C16,2.45 16.95,2 17.5,2H20V4H18A1,1 0 0,0 17,5V7M2,7H13V9H4V15H13V17H2V7M20,15V9H17V15H20Z" /></svg><svg id="textbox-password" viewBox="0 0 24 24"><path d="M17,7H22V17H17V19A1,1 0 0,0 18,20H20V22H17.5C16.95,22 16,21.55 16,21C16,21.55 15.05,22 14.5,22H12V20H14A1,1 0 0,0 15,19V5A1,1 0 0,0 14,4H12V2H14.5C15.05,2 16,2.45 16,3C16,2.45 16.95,2 17.5,2H20V4H18A1,1 0 0,0 17,5V7M2,7H13V9H4V15H13V17H2V7M20,15V9H17V15H20M8.5,12A1.5,1.5 0 0,0 7,10.5A1.5,1.5 0 0,0 5.5,12A1.5,1.5 0 0,0 7,13.5A1.5,1.5 0 0,0 8.5,12M13,10.89C12.39,10.33 11.44,10.38 10.88,11C10.32,11.6 10.37,12.55 11,13.11C11.55,13.63 12.43,13.63 13,13.11V10.89Z" /></svg><svg id="texture" viewBox="0 0 24 24"><path d="M9.29,21H12.12L21,12.12V9.29M19,21C19.55,21 20.05,20.78 20.41,20.41C20.78,20.05 21,19.55 21,19V17L17,21M5,3A2,2 0 0,0 3,5V7L7,3M11.88,3L3,11.88V14.71L14.71,3M19.5,3.08L3.08,19.5C3.17,19.85 3.35,20.16 3.59,20.41C3.84,20.65 4.15,20.83 4.5,20.92L20.93,4.5C20.74,3.8 20.2,3.26 19.5,3.08Z" /></svg><svg id="theater" viewBox="0 0 24 24"><path d="M4,15H6A2,2 0 0,1 8,17V19H9V17A2,2 0 0,1 11,15H13A2,2 0 0,1 15,17V19H16V17A2,2 0 0,1 18,15H20A2,2 0 0,1 22,17V19H23V22H1V19H2V17A2,2 0 0,1 4,15M11,7L15,10L11,13V7M4,2H20A2,2 0 0,1 22,4V13.54C21.41,13.19 20.73,13 20,13V4H4V13C3.27,13 2.59,13.19 2,13.54V4A2,2 0 0,1 4,2Z" /></svg><svg id="theme-light-dark" viewBox="0 0 24 24"><path d="M7.5,2C5.71,3.15 4.5,5.18 4.5,7.5C4.5,9.82 5.71,11.85 7.53,13C4.46,13 2,10.54 2,7.5A5.5,5.5 0 0,1 7.5,2M19.07,3.5L20.5,4.93L4.93,20.5L3.5,19.07L19.07,3.5M12.89,5.93L11.41,5L9.97,6L10.39,4.3L9,3.24L10.75,3.12L11.33,1.47L12,3.1L13.73,3.13L12.38,4.26L12.89,5.93M9.59,9.54L8.43,8.81L7.31,9.59L7.65,8.27L6.56,7.44L7.92,7.35L8.37,6.06L8.88,7.33L10.24,7.36L9.19,8.23L9.59,9.54M19,13.5A5.5,5.5 0 0,1 13.5,19C12.28,19 11.15,18.6 10.24,17.93L17.93,10.24C18.6,11.15 19,12.28 19,13.5M14.6,20.08L17.37,18.93L17.13,22.28L14.6,20.08M18.93,17.38L20.08,14.61L22.28,17.15L18.93,17.38M20.08,12.42L18.94,9.64L22.28,9.88L20.08,12.42M9.63,18.93L12.4,20.08L9.87,22.27L9.63,18.93Z" /></svg><svg id="thermometer" viewBox="0 0 24 24"><path d="M17,17A5,5 0 0,1 12,22A5,5 0 0,1 7,17C7,15.36 7.79,13.91 9,13V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V13C16.21,13.91 17,15.36 17,17M11,8V14.17C9.83,14.58 9,15.69 9,17A3,3 0 0,0 12,20A3,3 0 0,0 15,17C15,15.69 14.17,14.58 13,14.17V8H11Z" /></svg><svg id="thermometer-alert" viewBox="0 0 24 24"><path d="M15,17A5,5 0 0,1 10,22A5,5 0 0,1 5,17C5,15.43 5.74,13.94 7,13V5A3,3 0 0,1 10,2A3,3 0 0,1 13,5V13C14.26,13.94 15,15.43 15,17M9,8V14.17C7.44,14.72 6.62,16.44 7.17,18C7.72,19.56 9.44,20.38 11,19.83C12.56,19.27 13.38,17.56 12.83,16C12.53,15.14 11.85,14.47 11,14.17V8H9M17,12V7H19V12H17M17,16V14H19V16H17Z" /></svg><svg id="thermometer-chevron-down" viewBox="0 0 24 24"><path d="M17.41,12.17L14.24,9L12.83,10.41L17.41,15L22,10.41L20.58,9M12,17A5,5 0 0,1 7,22A5,5 0 0,1 2,17C2,15.43 2.74,13.94 4,13V5A3,3 0 0,1 7,2A3,3 0 0,1 10,5V13C11.26,13.94 12,15.43 12,17M6,8V14.17C4.44,14.72 3.62,16.44 4.17,18C4.72,19.56 6.44,20.38 8,19.83C9.56,19.27 10.38,17.56 9.83,16C9.53,15.14 8.85,14.47 8,14.17V8H6Z" /></svg><svg id="thermometer-chevron-up" viewBox="0 0 24 24"><path d="M17.41,11.83L20.58,15L22,13.59L17.41,9L12.82,13.59L14.24,15L17.41,11.83M12,17A5,5 0 0,1 7,22A5,5 0 0,1 2,17C2,15.43 2.74,13.94 4,13V5A3,3 0 0,1 7,2A3,3 0 0,1 10,5V13C11.26,13.94 12,15.43 12,17M6,8V14.17C4.44,14.72 3.62,16.44 4.17,18C4.72,19.56 6.44,20.38 8,19.83C9.56,19.27 10.38,17.56 9.83,16C9.53,15.14 8.85,14.47 8,14.17V8H6Z" /></svg><svg id="thermometer-lines" viewBox="0 0 24 24"><path d="M17,3H21V5H17V3M17,7H21V9H17V7M17,11H21V13H17.75L17,12.1V11M21,15V17H19C19,16.31 18.9,15.63 18.71,15H21M17,17A5,5 0 0,1 12,22A5,5 0 0,1 7,17C7,15.36 7.79,13.91 9,13V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V13C16.21,13.91 17,15.36 17,17M11,8V14.17C9.83,14.58 9,15.69 9,17A3,3 0 0,0 12,20A3,3 0 0,0 15,17C15,15.69 14.17,14.58 13,14.17V8H11M7,3V5H3V3H7M7,7V9H3V7H7M7,11V12.1L6.25,13H3V11H7M3,15H5.29C5.1,15.63 5,16.31 5,17H3V15Z" /></svg><svg id="thermometer-minus" viewBox="0 0 24 24"><path d="M13,17A5,5 0 0,1 8,22A5,5 0 0,1 3,17C3,15.43 3.74,13.94 5,13V5A3,3 0 0,1 8,2A3,3 0 0,1 11,5V13C12.26,13.94 13,15.43 13,17M7,8V14.17C5.44,14.72 4.62,16.44 5.17,18C5.72,19.56 7.44,20.38 9,19.83C10.56,19.27 11.38,17.56 10.83,16C10.53,15.14 9.85,14.47 9,14.17V8H7M22,11H14V13H22V11Z" /></svg><svg id="thermometer-plus" viewBox="0 0 24 24"><path d="M13,17A5,5 0 0,1 8,22A5,5 0 0,1 3,17C3,15.43 3.74,13.94 5,13V5A3,3 0 0,1 8,2A3,3 0 0,1 11,5V13C12.26,13.94 13,15.43 13,17M7,8V14.17C5.44,14.72 4.62,16.44 5.17,18C5.72,19.56 7.44,20.38 9,19.83C10.56,19.27 11.38,17.56 10.83,16C10.53,15.14 9.85,14.47 9,14.17V8H7M19,11V8H17V11H14V13H17V16H19V13H22V11" /></svg><svg id="thermostat" viewBox="0 0 24 24"><path d="M16.95,16.95L14.83,14.83C15.55,14.1 16,13.1 16,12C16,11.26 15.79,10.57 15.43,10L17.6,7.81C18.5,9 19,10.43 19,12C19,13.93 18.22,15.68 16.95,16.95M12,5C13.57,5 15,5.5 16.19,6.4L14,8.56C13.43,8.21 12.74,8 12,8A4,4 0 0,0 8,12C8,13.1 8.45,14.1 9.17,14.83L7.05,16.95C5.78,15.68 5,13.93 5,12A7,7 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z" /></svg><svg id="thermostat-box" viewBox="0 0 24 24"><path d="M5,3A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H5M12,5C13.57,5 15,5.5 16.19,6.4L14,8.56C13.43,8.21 12.74,8 12,8A4,4 0 0,0 8,12C8,13.1 8.45,14.1 9.17,14.83L7.05,16.95C5.78,15.68 5,13.93 5,12A7,7 0 0,1 12,5M17.6,7.81C18.5,9 19,10.43 19,12C19,13.93 18.22,15.68 16.95,16.95L14.83,14.83C15.55,14.1 16,13.1 16,12C16,11.26 15.79,10.57 15.43,10L17.6,7.81Z" /></svg><svg id="thought-bubble" viewBox="0 0 24 24"><path d="M3.5,19A1.5,1.5 0 0,1 5,20.5A1.5,1.5 0 0,1 3.5,22A1.5,1.5 0 0,1 2,20.5A1.5,1.5 0 0,1 3.5,19M8.5,16A2.5,2.5 0 0,1 11,18.5A2.5,2.5 0 0,1 8.5,21A2.5,2.5 0 0,1 6,18.5A2.5,2.5 0 0,1 8.5,16M14.5,15C13.31,15 12.23,14.5 11.5,13.65C10.77,14.5 9.69,15 8.5,15C6.54,15 4.91,13.59 4.57,11.74C3.07,11.16 2,9.7 2,8A4,4 0 0,1 6,4C6.26,4 6.5,4.03 6.77,4.07C7.5,3.41 8.45,3 9.5,3C10.69,3 11.77,3.5 12.5,4.35C13.23,3.5 14.31,3 15.5,3C17.46,3 19.09,4.41 19.43,6.26C20.93,6.84 22,8.3 22,10A4,4 0 0,1 18,14L17.23,13.93C16.5,14.59 15.55,15 14.5,15Z" /></svg><svg id="thought-bubble-outline" viewBox="0 0 24 24"><path d="M3.5,19A1.5,1.5 0 0,1 5,20.5A1.5,1.5 0 0,1 3.5,22A1.5,1.5 0 0,1 2,20.5A1.5,1.5 0 0,1 3.5,19M8.5,16A2.5,2.5 0 0,1 11,18.5A2.5,2.5 0 0,1 8.5,21A2.5,2.5 0 0,1 6,18.5A2.5,2.5 0 0,1 8.5,16M14.5,15C13.31,15 12.23,14.5 11.5,13.65C10.77,14.5 9.69,15 8.5,15C6.54,15 4.91,13.59 4.57,11.74C3.07,11.16 2,9.7 2,8A4,4 0 0,1 6,4L6.77,4.07C7.5,3.41 8.45,3 9.5,3C10.69,3 11.77,3.5 12.5,4.35C13.23,3.5 14.31,3 15.5,3C17.46,3 19.09,4.41 19.43,6.26C20.93,6.84 22,8.3 22,10A4,4 0 0,1 18,14L17.23,13.93C16.5,14.59 15.55,15 14.5,15M6,6A2,2 0 0,0 4,8A2,2 0 0,0 6,10C6.33,10 6.64,9.92 6.92,9.78C6.66,10.12 6.5,10.54 6.5,11A2,2 0 0,0 8.5,13C9.1,13 9.64,12.73 10,12.31V12.31L11.47,10.63L13,12.34V12.34C13.38,12.74 13.91,13 14.5,13C15.5,13 16.33,12.26 16.5,11.3C16.84,11.73 17.39,12 18,12A2,2 0 0,0 20,10A2,2 0 0,0 18,8C17.67,8 17.36,8.08 17.08,8.22C17.34,7.88 17.5,7.46 17.5,7A2,2 0 0,0 15.5,5C14.91,5 14.38,5.26 14,5.66L12.47,7.37L11,5.69V5.69C10.64,5.27 10.1,5 9.5,5C8.5,5 7.67,5.74 7.5,6.7C7.16,6.27 6.61,6 6,6M8.5,17.5A1,1 0 0,0 7.5,18.5A1,1 0 0,0 8.5,19.5A1,1 0 0,0 9.5,18.5A1,1 0 0,0 8.5,17.5Z" /></svg><svg id="thumb-down" viewBox="0 0 24 24"><path d="M19,15H23V3H19M15,3H6C5.17,3 4.46,3.5 4.16,4.22L1.14,11.27C1.05,11.5 1,11.74 1,12V14A2,2 0 0,0 3,16H9.31L8.36,20.57C8.34,20.67 8.33,20.77 8.33,20.88C8.33,21.3 8.5,21.67 8.77,21.94L9.83,23L16.41,16.41C16.78,16.05 17,15.55 17,15V5C17,3.89 16.1,3 15,3Z" /></svg><svg id="thumb-down-outline" viewBox="0 0 24 24"><path d="M19,15V3H23V15H19M15,3A2,2 0 0,1 17,5V15C17,15.55 16.78,16.05 16.41,16.41L9.83,23L8.77,21.94C8.5,21.67 8.33,21.3 8.33,20.88L8.36,20.57L9.31,16H3C1.89,16 1,15.1 1,14V12C1,11.74 1.05,11.5 1.14,11.27L4.16,4.22C4.46,3.5 5.17,3 6,3H15M15,5H5.97L3,12V14H11.78L10.65,19.32L15,14.97V5Z" /></svg><svg id="thumb-up" viewBox="0 0 24 24"><path d="M23,10C23,8.89 22.1,8 21,8H14.68L15.64,3.43C15.66,3.33 15.67,3.22 15.67,3.11C15.67,2.7 15.5,2.32 15.23,2.05L14.17,1L7.59,7.58C7.22,7.95 7,8.45 7,9V19A2,2 0 0,0 9,21H18C18.83,21 19.54,20.5 19.84,19.78L22.86,12.73C22.95,12.5 23,12.26 23,12V10M1,21H5V9H1V21Z" /></svg><svg id="thumb-up-outline" viewBox="0 0 24 24"><path d="M5,9V21H1V9H5M9,21A2,2 0 0,1 7,19V9C7,8.45 7.22,7.95 7.59,7.59L14.17,1L15.23,2.06C15.5,2.33 15.67,2.7 15.67,3.11L15.64,3.43L14.69,8H21C22.11,8 23,8.9 23,10V12C23,12.26 22.95,12.5 22.86,12.73L19.84,19.78C19.54,20.5 18.83,21 18,21H9M9,19H18.03L21,12V10H12.21L13.34,4.68L9,9.03V19Z" /></svg><svg id="thumbs-up-down" viewBox="0 0 24 24"><path d="M22.5,10H15.75C15.13,10 14.6,10.38 14.37,10.91L12.11,16.2C12.04,16.37 12,16.56 12,16.75V18A1,1 0 0,0 13,19H18.18L17.5,22.18V22.42C17.5,22.73 17.63,23 17.83,23.22L18.62,24L23.56,19.06C23.83,18.79 24,18.41 24,18V11.5A1.5,1.5 0 0,0 22.5,10M12,6A1,1 0 0,0 11,5H5.82L6.5,1.82V1.59C6.5,1.28 6.37,1 6.17,0.79L5.38,0L0.44,4.94C0.17,5.21 0,5.59 0,6V12.5A1.5,1.5 0 0,0 1.5,14H8.25C8.87,14 9.4,13.62 9.63,13.09L11.89,7.8C11.96,7.63 12,7.44 12,7.25V6Z" /></svg><svg id="ticket" viewBox="0 0 24 24"><path d="M15.58,16.8L12,14.5L8.42,16.8L9.5,12.68L6.21,10L10.46,9.74L12,5.8L13.54,9.74L17.79,10L14.5,12.68M20,12C20,10.89 20.9,10 22,10V6C22,4.89 21.1,4 20,4H4A2,2 0 0,0 2,6V10C3.11,10 4,10.9 4,12A2,2 0 0,1 2,14V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V14A2,2 0 0,1 20,12Z" /></svg><svg id="ticket-account" viewBox="0 0 24 24"><path d="M20,12A2,2 0 0,0 22,14V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V14C3.11,14 4,13.1 4,12A2,2 0 0,0 2,10V6C2,4.89 2.9,4 4,4H20A2,2 0 0,1 22,6V10A2,2 0 0,0 20,12M16.5,16.25C16.5,14.75 13.5,14 12,14C10.5,14 7.5,14.75 7.5,16.25V17H16.5V16.25M12,12.25A2.25,2.25 0 0,0 14.25,10A2.25,2.25 0 0,0 12,7.75A2.25,2.25 0 0,0 9.75,10A2.25,2.25 0 0,0 12,12.25Z" /></svg><svg id="ticket-confirmation" viewBox="0 0 24 24"><path d="M13,8.5H11V6.5H13V8.5M13,13H11V11H13V13M13,17.5H11V15.5H13V17.5M22,10V6C22,4.89 21.1,4 20,4H4A2,2 0 0,0 2,6V10C3.11,10 4,10.9 4,12A2,2 0 0,1 2,14V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V14A2,2 0 0,1 20,12A2,2 0 0,1 22,10Z" /></svg><svg id="ticket-outline" viewBox="0 0 24 24"><path d="M4,4A2,2 0 0,0 2,6V10A2,2 0 0,1 4,12A2,2 0 0,1 2,14V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V14A2,2 0 0,1 20,12A2,2 0 0,1 22,10V6A2,2 0 0,0 20,4H4M4,6H20V8.54C18.76,9.25 18,10.57 18,12C18,13.43 18.76,14.75 20,15.46V18H4V15.46C5.24,14.75 6,13.43 6,12C6,10.57 5.24,9.25 4,8.54V6Z" /></svg><svg id="ticket-percent" viewBox="0 0 24 24"><path d="M4,4A2,2 0 0,0 2,6V10C3.11,10 4,10.9 4,12A2,2 0 0,1 2,14V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V14A2,2 0 0,1 20,12C20,10.89 20.9,10 22,10V6C22,4.89 21.1,4 20,4H4M15.5,7L17,8.5L8.5,17L7,15.5L15.5,7M8.81,7.04C9.79,7.04 10.58,7.83 10.58,8.81A1.77,1.77 0 0,1 8.81,10.58C7.83,10.58 7.04,9.79 7.04,8.81A1.77,1.77 0 0,1 8.81,7.04M15.19,13.42C16.17,13.42 16.96,14.21 16.96,15.19A1.77,1.77 0 0,1 15.19,16.96C14.21,16.96 13.42,16.17 13.42,15.19A1.77,1.77 0 0,1 15.19,13.42Z" /></svg><svg id="tie" viewBox="0 0 24 24"><path d="M6,2L10,6L7,17L12,22L17,17L14,6L18,2Z" /></svg><svg id="tilde" viewBox="0 0 24 24"><path d="M2,15C2,15 2,9 8,9C12,9 12.5,12.5 15.5,12.5C19.5,12.5 19.5,9 19.5,9H22C22,9 22,15 16,15C12,15 10.5,11.5 8.5,11.5C4.5,11.5 4.5,15 4.5,15H2" /></svg><svg id="timelapse" viewBox="0 0 24 24"><path d="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M16.24,7.76C15.07,6.58 13.53,6 12,6V12L7.76,16.24C10.1,18.58 13.9,18.58 16.24,16.24C18.59,13.9 18.59,10.1 16.24,7.76Z" /></svg><svg id="timeline" viewBox="0 0 24 24"><path d="M5,2V8H3V2H5M3,22H5V16H3V22M6,12A2,2 0 0,0 4,10A2,2 0 0,0 2,12A2,2 0 0,0 4,14A2,2 0 0,0 6,12M22,7V17A2,2 0 0,1 20,19H11A2,2 0 0,1 9,17V14L7,12L9,10V7A2,2 0 0,1 11,5H20A2,2 0 0,1 22,7Z" /></svg><svg id="timeline-outline" viewBox="0 0 24 24"><path d="M6,12A2,2 0 0,1 4,14A2,2 0 0,1 2,12A2,2 0 0,1 4,10A2,2 0 0,1 6,12M5,2V8H3V2H5M3,22V16H5V22H3M22,7V17A2,2 0 0,1 20,19H11A2,2 0 0,1 9,17V14L7,12L9,10V7A2,2 0 0,1 11,5H20A2,2 0 0,1 22,7M20,7H11V10.83L9.83,12L11,13.17V17H20V7Z" /></svg><svg id="timeline-text" viewBox="0 0 24 24"><path d="M5,2V8H3V2H5M3,22H5V16H3V22M6,12A2,2 0 0,0 4,10A2,2 0 0,0 2,12A2,2 0 0,0 4,14A2,2 0 0,0 6,12M22,7V17A2,2 0 0,1 20,19H11A2,2 0 0,1 9,17V14L7,12L9,10V7A2,2 0 0,1 11,5H20A2,2 0 0,1 22,7M17,13H12V15H17V13M19,9H12V11H19V9Z" /></svg><svg id="timeline-text-outline" viewBox="0 0 24 24"><path d="M6,12A2,2 0 0,1 4,14A2,2 0 0,1 2,12A2,2 0 0,1 4,10A2,2 0 0,1 6,12M5,2V8H3V2H5M3,22V16H5V22H3M22,7V17A2,2 0 0,1 20,19H11A2,2 0 0,1 9,17V14L7,12L9,10V7A2,2 0 0,1 11,5H20A2,2 0 0,1 22,7M20,7H11V10.83L9.83,12L11,13.17V17H20V7M13,9H18V11H13V9M13,13H16V15H13V13Z" /></svg><svg id="timer" viewBox="0 0 24 24"><path d="M12,20A7,7 0 0,1 5,13A7,7 0 0,1 12,6A7,7 0 0,1 19,13A7,7 0 0,1 12,20M19.03,7.39L20.45,5.97C20,5.46 19.55,5 19.04,4.56L17.62,6C16.07,4.74 14.12,4 12,4A9,9 0 0,0 3,13A9,9 0 0,0 12,22C17,22 21,17.97 21,13C21,10.88 20.26,8.93 19.03,7.39M11,14H13V8H11M15,1H9V3H15V1Z" /></svg><svg id="timer-10" viewBox="0 0 24 24"><path d="M12.9,13.22C12.9,13.82 12.86,14.33 12.78,14.75C12.7,15.17 12.58,15.5 12.42,15.77C12.26,16.03 12.06,16.22 11.83,16.34C11.6,16.46 11.32,16.5 11,16.5C10.71,16.5 10.43,16.46 10.19,16.34C9.95,16.22 9.75,16.03 9.59,15.77C9.43,15.5 9.3,15.17 9.21,14.75C9.12,14.33 9.08,13.82 9.08,13.22V10.72C9.08,10.12 9.12,9.61 9.21,9.2C9.3,8.79 9.42,8.46 9.59,8.2C9.75,7.95 9.95,7.77 10.19,7.65C10.43,7.54 10.7,7.5 11,7.5C11.31,7.5 11.58,7.54 11.81,7.65C12.05,7.76 12.25,7.94 12.41,8.2C12.57,8.45 12.7,8.78 12.78,9.19C12.86,9.6 12.91,10.11 12.91,10.71V13.22M13.82,7.05C13.5,6.65 13.07,6.35 12.59,6.17C12.12,6 11.58,5.9 11,5.9C10.42,5.9 9.89,6 9.41,6.17C8.93,6.35 8.5,6.64 8.18,7.05C7.84,7.46 7.58,8 7.39,8.64C7.21,9.29 7.11,10.09 7.11,11.03V12.95C7.11,13.89 7.2,14.69 7.39,15.34C7.58,16 7.84,16.53 8.19,16.94C8.53,17.35 8.94,17.65 9.42,17.83C9.9,18 10.43,18.11 11,18.11C11.6,18.11 12.13,18 12.6,17.83C13.08,17.65 13.5,17.35 13.82,16.94C14.16,16.53 14.42,16 14.6,15.34C14.78,14.69 14.88,13.89 14.88,12.95V11.03C14.88,10.09 14.79,9.29 14.6,8.64C14.42,8 14.16,7.45 13.82,7.05M23.78,14.37C23.64,14.09 23.43,13.84 23.15,13.63C22.87,13.42 22.54,13.24 22.14,13.1C21.74,12.96 21.29,12.83 20.79,12.72C20.44,12.65 20.15,12.57 19.92,12.5C19.69,12.41 19.5,12.33 19.37,12.24C19.23,12.15 19.14,12.05 19.09,11.94C19.04,11.83 19,11.7 19,11.55C19,11.41 19.04,11.27 19.1,11.14C19.16,11 19.25,10.89 19.37,10.8C19.5,10.7 19.64,10.62 19.82,10.56C20,10.5 20.22,10.47 20.46,10.47C20.71,10.47 20.93,10.5 21.12,10.58C21.31,10.65 21.47,10.75 21.6,10.87C21.73,11 21.82,11.13 21.89,11.29C21.95,11.45 22,11.61 22,11.78H23.94C23.94,11.39 23.86,11.03 23.7,10.69C23.54,10.35 23.31,10.06 23,9.81C22.71,9.56 22.35,9.37 21.92,9.22C21.5,9.07 21,9 20.46,9C19.95,9 19.5,9.07 19.07,9.21C18.66,9.35 18.3,9.54 18,9.78C17.72,10 17.5,10.3 17.34,10.62C17.18,10.94 17.11,11.27 17.11,11.63C17.11,12 17.19,12.32 17.34,12.59C17.5,12.87 17.7,13.11 18,13.32C18.25,13.53 18.58,13.7 18.96,13.85C19.34,14 19.77,14.11 20.23,14.21C20.62,14.29 20.94,14.38 21.18,14.47C21.42,14.56 21.61,14.66 21.75,14.76C21.88,14.86 21.97,15 22,15.1C22.07,15.22 22.09,15.35 22.09,15.5C22.09,15.81 21.96,16.06 21.69,16.26C21.42,16.46 21.03,16.55 20.5,16.55C20.3,16.55 20.09,16.53 19.88,16.47C19.67,16.42 19.5,16.34 19.32,16.23C19.15,16.12 19,15.97 18.91,15.79C18.8,15.61 18.74,15.38 18.73,15.12H16.84C16.84,15.5 16.92,15.83 17.08,16.17C17.24,16.5 17.47,16.82 17.78,17.1C18.09,17.37 18.47,17.59 18.93,17.76C19.39,17.93 19.91,18 20.5,18C21.04,18 21.5,17.95 21.95,17.82C22.38,17.69 22.75,17.5 23.06,17.28C23.37,17.05 23.6,16.77 23.77,16.45C23.94,16.13 24,15.78 24,15.39C24,15 23.93,14.65 23.78,14.37M0,7.72V9.4L3,8.4V18H5V6H4.75L0,7.72Z" /></svg><svg id="timer-3" viewBox="0 0 24 24"><path d="M20.87,14.37C20.73,14.09 20.5,13.84 20.24,13.63C19.96,13.42 19.63,13.24 19.23,13.1C18.83,12.96 18.38,12.83 17.88,12.72C17.53,12.65 17.24,12.57 17,12.5C16.78,12.41 16.6,12.33 16.46,12.24C16.32,12.15 16.23,12.05 16.18,11.94C16.13,11.83 16.1,11.7 16.1,11.55C16.1,11.4 16.13,11.27 16.19,11.14C16.25,11 16.34,10.89 16.46,10.8C16.58,10.7 16.73,10.62 16.91,10.56C17.09,10.5 17.31,10.47 17.55,10.47C17.8,10.47 18,10.5 18.21,10.58C18.4,10.65 18.56,10.75 18.69,10.87C18.82,11 18.91,11.13 19,11.29C19.04,11.45 19.08,11.61 19.08,11.78H21.03C21.03,11.39 20.95,11.03 20.79,10.69C20.63,10.35 20.4,10.06 20.1,9.81C19.8,9.56 19.44,9.37 19,9.22C18.58,9.07 18.09,9 17.55,9C17.04,9 16.57,9.07 16.16,9.21C15.75,9.35 15.39,9.54 15.1,9.78C14.81,10 14.59,10.3 14.43,10.62C14.27,10.94 14.2,11.27 14.2,11.63C14.2,12 14.28,12.31 14.43,12.59C14.58,12.87 14.8,13.11 15.07,13.32C15.34,13.53 15.67,13.7 16.05,13.85C16.43,14 16.86,14.11 17.32,14.21C17.71,14.29 18.03,14.38 18.27,14.47C18.5,14.56 18.7,14.66 18.84,14.76C18.97,14.86 19.06,15 19.11,15.1C19.16,15.22 19.18,15.35 19.18,15.5C19.18,15.81 19.05,16.06 18.78,16.26C18.5,16.46 18.12,16.55 17.61,16.55C17.39,16.55 17.18,16.53 16.97,16.47C16.76,16.42 16.57,16.34 16.41,16.23C16.24,16.12 16.11,15.97 16,15.79C15.89,15.61 15.83,15.38 15.82,15.12H13.93C13.93,15.5 14,15.83 14.17,16.17C14.33,16.5 14.56,16.82 14.87,17.1C15.18,17.37 15.56,17.59 16,17.76C16.5,17.93 17,18 17.6,18C18.13,18 18.61,17.95 19.04,17.82C19.47,17.69 19.84,17.5 20.15,17.28C20.46,17.05 20.69,16.77 20.86,16.45C21.03,16.13 21.11,15.78 21.11,15.39C21.09,15 21,14.65 20.87,14.37M11.61,12.97C11.45,12.73 11.25,12.5 11,12.32C10.74,12.13 10.43,11.97 10.06,11.84C10.36,11.7 10.63,11.54 10.86,11.34C11.09,11.14 11.28,10.93 11.43,10.7C11.58,10.47 11.7,10.24 11.77,10C11.85,9.75 11.88,9.5 11.88,9.26C11.88,8.71 11.79,8.22 11.6,7.8C11.42,7.38 11.16,7.03 10.82,6.74C10.5,6.46 10.09,6.24 9.62,6.1C9.17,5.97 8.65,5.9 8.09,5.9C7.54,5.9 7.03,6 6.57,6.14C6.1,6.31 5.7,6.54 5.37,6.83C5.04,7.12 4.77,7.46 4.59,7.86C4.39,8.25 4.3,8.69 4.3,9.15H6.28C6.28,8.89 6.33,8.66 6.42,8.46C6.5,8.26 6.64,8.08 6.8,7.94C6.97,7.8 7.16,7.69 7.38,7.61C7.6,7.53 7.84,7.5 8.11,7.5C8.72,7.5 9.17,7.65 9.47,7.96C9.77,8.27 9.91,8.71 9.91,9.28C9.91,9.55 9.87,9.8 9.79,10C9.71,10.24 9.58,10.43 9.41,10.59C9.24,10.75 9.03,10.87 8.78,10.96C8.53,11.05 8.23,11.09 7.89,11.09H6.72V12.66H7.9C8.24,12.66 8.54,12.7 8.81,12.77C9.08,12.85 9.31,12.96 9.5,13.12C9.69,13.28 9.84,13.5 9.94,13.73C10.04,13.97 10.1,14.27 10.1,14.6C10.1,15.22 9.92,15.69 9.57,16C9.22,16.35 8.73,16.5 8.12,16.5C7.83,16.5 7.56,16.47 7.32,16.38C7.08,16.3 6.88,16.18 6.71,16C6.54,15.86 6.41,15.68 6.32,15.46C6.23,15.24 6.18,15 6.18,14.74H4.19C4.19,15.29 4.3,15.77 4.5,16.19C4.72,16.61 5,16.96 5.37,17.24C5.73,17.5 6.14,17.73 6.61,17.87C7.08,18 7.57,18.08 8.09,18.08C8.66,18.08 9.18,18 9.67,17.85C10.16,17.7 10.58,17.47 10.93,17.17C11.29,16.87 11.57,16.5 11.77,16.07C11.97,15.64 12.07,15.14 12.07,14.59C12.07,14.3 12.03,14 11.96,13.73C11.88,13.5 11.77,13.22 11.61,12.97Z" /></svg><svg id="timer-off" viewBox="0 0 24 24"><path d="M12,20A7,7 0 0,1 5,13C5,11.72 5.35,10.5 5.95,9.5L15.5,19.04C14.5,19.65 13.28,20 12,20M3,4L1.75,5.27L4.5,8.03C3.55,9.45 3,11.16 3,13A9,9 0 0,0 12,22C13.84,22 15.55,21.45 17,20.5L19.5,23L20.75,21.73L13.04,14L3,4M11,9.44L13,11.44V8H11M15,1H9V3H15M19.04,4.55L17.62,5.97C16.07,4.74 14.12,4 12,4C10.17,4 8.47,4.55 7.05,5.5L8.5,6.94C9.53,6.35 10.73,6 12,6A7,7 0 0,1 19,13C19,14.27 18.65,15.47 18.06,16.5L19.5,17.94C20.45,16.53 21,14.83 21,13C21,10.88 20.26,8.93 19.03,7.39L20.45,5.97L19.04,4.55Z" /></svg><svg id="timer-sand" viewBox="0 0 24 24"><path d="M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z" /></svg><svg id="timer-sand-empty" viewBox="0 0 24 24"><path d="M6,2V8H6V8L10,12L6,16V16H6V22H18V16H18V16L14,12L18,8V8H18V2H6M16,16.5V20H8V16.5L12,12.5L16,16.5M12,11.5L8,7.5V4H16V7.5L12,11.5Z" /></svg><svg id="timer-sand-full" viewBox="0 0 24 24"><path d="M6,2V8H6V8L10,12L6,16V16H6V22H18V16H18V16L14,12L18,8V8H18V2H6Z" /></svg><svg id="timetable" viewBox="0 0 24 24"><path d="M14,12H15.5V14.82L17.94,16.23L17.19,17.53L14,15.69V12M4,2H18A2,2 0 0,1 20,4V10.1C21.24,11.36 22,13.09 22,15A7,7 0 0,1 15,22C13.09,22 11.36,21.24 10.1,20H4A2,2 0 0,1 2,18V4A2,2 0 0,1 4,2M4,15V18H8.67C8.24,17.09 8,16.07 8,15H4M4,8H10V5H4V8M18,8V5H12V8H18M4,13H8.29C8.63,11.85 9.26,10.82 10.1,10H4V13M15,10.15A4.85,4.85 0 0,0 10.15,15C10.15,17.68 12.32,19.85 15,19.85A4.85,4.85 0 0,0 19.85,15C19.85,12.32 17.68,10.15 15,10.15Z" /></svg><svg id="toaster-oven" viewBox="0 0 24 24"><path d="M4,5A2,2 0 0,0 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V7A2,2 0 0,0 20,5H4M4,7H16V17H4V7M19,7A1,1 0 0,1 20,8A1,1 0 0,1 19,9A1,1 0 0,1 18,8A1,1 0 0,1 19,7M6,9V11H14V9H6M19,11A1,1 0 0,1 20,12A1,1 0 0,1 19,13A1,1 0 0,1 18,12A1,1 0 0,1 19,11Z" /></svg><svg id="toggle-switch" viewBox="0 0 24 24"><path d="M17,7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7M17,15A3,3 0 0,1 14,12A3,3 0 0,1 17,9A3,3 0 0,1 20,12A3,3 0 0,1 17,15Z" /></svg><svg id="toggle-switch-off" viewBox="0 0 24 24"><path d="M17,7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7M7,15A3,3 0 0,1 4,12A3,3 0 0,1 7,9A3,3 0 0,1 10,12A3,3 0 0,1 7,15Z" /></svg><svg id="toggle-switch-off-outline" viewBox="0 0 24 24"><path d="M7,10A2,2 0 0,1 9,12A2,2 0 0,1 7,14A2,2 0 0,1 5,12A2,2 0 0,1 7,10M17,7A5,5 0 0,1 22,12A5,5 0 0,1 17,17H7A5,5 0 0,1 2,12A5,5 0 0,1 7,7H17M7,9A3,3 0 0,0 4,12A3,3 0 0,0 7,15H17A3,3 0 0,0 20,12A3,3 0 0,0 17,9H7Z" /></svg><svg id="toggle-switch-outline" viewBox="0 0 24 24"><path d="M17,10A2,2 0 0,1 19,12A2,2 0 0,1 17,14A2,2 0 0,1 15,12A2,2 0 0,1 17,10M17,7A5,5 0 0,1 22,12A5,5 0 0,1 17,17H7A5,5 0 0,1 2,12A5,5 0 0,1 7,7H17M7,9A3,3 0 0,0 4,12A3,3 0 0,0 7,15H17A3,3 0 0,0 20,12A3,3 0 0,0 17,9H7Z" /></svg><svg id="toilet" viewBox="0 0 24 24"><path d="M9,22H17V19.5C19.41,17.87 21,15.12 21,12V4A2,2 0 0,0 19,2H15C13.89,2 13,2.9 13,4V12H3C3,15.09 5,18 9,19.5V22M5.29,14H18.71C18.14,15.91 16.77,17.5 15,18.33V20H11V18.33C9,18 5.86,15.91 5.29,14M15,4H19V12H15V4M16,5V8H18V5H16Z" /></svg><svg id="toolbox" viewBox="0 0 24 24"><path d="M9,5V6H15V5H9M22,18C22,18.53 21.79,19 21.4,19.41C21,19.81 20.55,20 20,20H4C3.45,20 3,19.81 2.6,19.41C2.21,19 2,18.53 2,18V14H7V15H9V14H15V15H17V14H22V18M4.5,7.22C4.84,6.41 5.45,6 6.33,6H7V5C7,4.45 7.18,4 7.57,3.59C7.96,3.2 8.44,3 9,3H15C15.56,3 16.04,3.2 16.43,3.59C16.82,4 17,4.45 17,5V6H17.67C18.55,6 19.16,6.41 19.5,7.22L21.58,12H17V11H15V12H9V11H7V12H2.42L4.5,7.22Z" /></svg><svg id="toolbox-outline" viewBox="0 0 24 24"><path d="M20,18V14H17V15H15V14H9V15H7V14H4V18H20M6.33,8L4.59,12H7V11H9V12H15V11H17V12H19.41L17.67,8H6.33M9,5V6H15V5H9M21.84,12.61C21.94,12.83 22,13.09 22,13.41V18C22,18.53 21.79,19 21.4,19.41C21,19.81 20.55,20 20,20H4C3.45,20 3,19.81 2.6,19.41C2.21,19 2,18.53 2,18V13.41C2,13.09 2.06,12.83 2.16,12.61L4.5,7.22C4.84,6.41 5.45,6 6.33,6H7V5C7,4.45 7.18,4 7.57,3.59C7.96,3.2 8.44,3 9,3H15C15.56,3 16.04,3.2 16.43,3.59C16.82,4 17,4.45 17,5V6H17.67C18.55,6 19.16,6.41 19.5,7.22L21.84,12.61Z" /></svg><svg id="tooltip" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2Z" /></svg><svg id="tooltip-account" viewBox="0 0 24 24"><path d="M20,2H4A2,2 0 0,0 2,4V16A2,2 0 0,0 4,18H8L12,22L16,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M12,4.3C13.5,4.3 14.7,5.5 14.7,7C14.7,8.5 13.5,9.7 12,9.7C10.5,9.7 9.3,8.5 9.3,7C9.3,5.5 10.5,4.3 12,4.3M18,15H6V14.1C6,12.1 10,11 12,11C14,11 18,12.1 18,14.1V15Z" /></svg><svg id="tooltip-edit" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M18,14V12H12.5L10.5,14H18M6,14H8.5L15.35,7.12C15.55,6.93 15.55,6.61 15.35,6.41L13.59,4.65C13.39,4.45 13.07,4.45 12.88,4.65L6,11.53V14Z" /></svg><svg id="tooltip-image" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M19,15V7L15,11L13,9L7,15H19M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z" /></svg><svg id="tooltip-image-outline" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,4V16H8.83L12,19.17L15.17,16H20V4H4M7.5,6A1.5,1.5 0 0,1 9,7.5A1.5,1.5 0 0,1 7.5,9A1.5,1.5 0 0,1 6,7.5A1.5,1.5 0 0,1 7.5,6M6,14L11,9L13,11L18,6V14H6Z" /></svg><svg id="tooltip-outline" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,4V16H8.83L12,19.17L15.17,16H20V4H4Z" /></svg><svg id="tooltip-plus" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M11,6V9H8V11H11V14H13V11H16V9H13V6H11Z" /></svg><svg id="tooltip-plus-outline" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,4V16H8.83L12,19.17L15.17,16H20V4H4M11,6H13V9H16V11H13V14H11V11H8V9H11V6Z" /></svg><svg id="tooltip-text" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M5,5V7H19V5H5M5,9V11H15V9H5M5,13V15H17V13H5Z" /></svg><svg id="tooltip-text-outline" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,4V16H8.83L12,19.17L15.17,16H20V4H4M6,7H18V9H6V7M6,11H16V13H6V11Z" /></svg><svg id="tooth" viewBox="0 0 24 24"><path d="M7,2C4,2 2,5 2,8C2,10.11 3,13 4,14C5,15 6,22 8,22C12.54,22 10,15 12,15C14,15 11.46,22 16,22C18,22 19,15 20,14C21,13 22,10.11 22,8C22,5 20,2 17,2C14,2 14,3 12,3C10,3 10,2 7,2Z" /></svg><svg id="tooth-outline" viewBox="0 0 24 24"><path d="M7,2C4,2 2,5 2,8C2,10.11 3,13 4,14C5,15 6,22 8,22C12.54,22 10,15 12,15C14,15 11.46,22 16,22C18,22 19,15 20,14C21,13 22,10.11 22,8C22,5 20,2 17,2C14,2 14,3 12,3C10,3 10,2 7,2M7,4C9,4 10,5 12,5C14,5 15,4 17,4C18.67,4 20,6 20,8C20,9.75 19.14,12.11 18.19,13.06C17.33,13.92 16.06,19.94 15.5,19.94C15.29,19.94 15,18.88 15,17.59C15,15.55 14.43,13 12,13C9.57,13 9,15.55 9,17.59C9,18.88 8.71,19.94 8.5,19.94C7.94,19.94 6.67,13.92 5.81,13.06C4.86,12.11 4,9.75 4,8C4,6 5.33,4 7,4Z" /></svg><svg id="tor" viewBox="0 0 24 24"><path d="M12,14C11,14 9,15 9,16C9,18 12,18 12,18V17A1,1 0 0,1 11,16A1,1 0 0,1 12,15V14M12,19C12,19 8,18.5 8,16.5C8,13.5 11,12.75 12,12.75V11.5C11,11.5 7,13 7,16C7,20 12,20 12,20V19M10.07,7.03L11.26,7.56C11.69,5.12 12.84,3.5 12.84,3.5C12.41,4.53 12.13,5.38 11.95,6.05C13.16,3.55 15.61,2 15.61,2C14.43,3.18 13.56,4.46 12.97,5.53C14.55,3.85 16.74,2.75 16.74,2.75C14.05,4.47 12.84,7.2 12.54,7.96L13.09,8.04C13.09,8.56 13.09,9.04 13.34,9.42C14.1,11.31 18,11.47 18,16C18,20.53 13.97,22 11.83,22C9.69,22 5,21.03 5,16C5,10.97 9.95,10.93 10.83,8.92C10.95,8.54 10.07,7.03 10.07,7.03Z" /></svg><svg id="tortoise" viewBox="0 0 24 24"><path d="M19.31,5.6C18.09,5.56 16.88,6.5 16.5,8C16,10 16,10 15,11C13,13 10,14 4,15C3,15.16 2.5,15.5 2,16C4,16 6,16 4.5,17.5L3,19H6L8,17C10,18 11.33,18 13.33,17L14,19H17L16,16C16,16 17,12 18,11C19,10 19,11 20,11C21,11 22,10 22,8.5C22,8 22,7 20.5,6C20.15,5.76 19.74,5.62 19.31,5.6M9,6A6,6 0 0,0 3,12C3,12.6 3.13,13.08 3.23,13.6C9.15,12.62 12.29,11.59 13.93,9.94L14.43,9.44C13.44,7.34 11.32,6 9,6Z" /></svg><svg id="tournament" viewBox="0 0 24 24"><path d="M2,2V4H7V8H2V10H7C8.11,10 9,9.11 9,8V7H14V17H9V16C9,14.89 8.11,14 7,14H2V16H7V20H2V22H7C8.11,22 9,21.11 9,20V19H14C15.11,19 16,18.11 16,17V13H22V11H16V7C16,5.89 15.11,5 14,5H9V4C9,2.89 8.11,2 7,2H2Z" /></svg><svg id="tower-beach" viewBox="0 0 24 24"><path d="M17,4V8H18V10H17.64L21,23H18.93L18.37,20.83L12,17.15L5.63,20.83L5.07,23H3L6.36,10H6V8H7V4H6V3L18,1V4H17M7.28,14.43L6.33,18.12L10,16L7.28,14.43M15.57,10H8.43L7.8,12.42L12,14.85L16.2,12.42L15.57,10M17.67,18.12L16.72,14.43L14,16L17.67,18.12Z" /></svg><svg id="tower-fire" viewBox="0 0 24 24"><path d="M17,4V8H18V10H17.64L21,23H18.93L18.37,20.83L12,17.15L5.63,20.83L5.07,23H3L6.36,10H6V8H7V4H6V3L12,1L18,3V4H17M7.28,14.43L6.33,18.12L10,16L7.28,14.43M15.57,10H8.43L7.8,12.42L12,14.85L16.2,12.42L15.57,10M17.67,18.12L16.72,14.43L14,16L17.67,18.12Z" /></svg><svg id="towing" viewBox="0 0 24 24"><path d="M15,10H20.39L17.06,6H15V10M17.5,18.5C17.89,18.5 18.24,18.37 18.54,18.07C18.84,17.77 19,17.42 19,17C19,16.61 18.84,16.26 18.54,15.96C18.24,15.66 17.89,15.5 17.5,15.5C17.08,15.5 16.73,15.66 16.43,15.96C16.13,16.26 16,16.61 16,17C16,17.42 16.13,17.77 16.43,18.07C16.73,18.37 17.08,18.5 17.5,18.5M6,18.5C6.44,18.5 6.8,18.37 7.08,18.07C7.36,17.77 7.5,17.42 7.5,17C7.5,16.61 7.36,16.26 7.08,15.96C6.8,15.66 6.44,15.5 6,15.5C5.56,15.5 5.2,15.66 4.92,15.96C4.64,16.26 4.5,16.61 4.5,17C4.5,17.42 4.64,17.77 4.92,18.07C5.2,18.37 5.56,18.5 6,18.5M18,4L23,10V17H20.5C20.5,17.83 20.19,18.53 19.59,19.13C19,19.72 18.3,20 17.5,20C16.67,20 15.97,19.72 15.38,19.13C14.78,18.53 14.5,17.83 14.5,17H9C9,17.83 8.7,18.53 8.11,19.13C7.5,19.72 6.81,20 6,20C5.19,20 4.5,19.72 3.89,19.13C3.3,18.53 3,17.83 3,17H1V13H9.19L3,8.11V11H1V5H2L13,11.06V4H18Z" /></svg><svg id="track-light" viewBox="0 0 24 24"><path d="M6,1V3H9V6.4L4.11,4.38L1.43,10.84L6.97,13.14L11.94,16.82L13.79,17.59L17.62,8.35L15.77,7.58L11,6.87V3H14V1H6M21.81,6.29L19.5,7.25L20.26,9.1L22.57,8.14L21.81,6.29M19.78,13.57L19,15.42L21.79,16.57L22.55,14.72L19.78,13.57M16.19,18.93L14.34,19.69L15.3,22L17.15,21.23L16.19,18.93Z" /></svg><svg id="trackpad" viewBox="0 0 24 24"><path d="M4,3H20A2,2 0 0,1 22,5V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V5A2,2 0 0,1 4,3M4,5V13H20V5H4M4,19H11V15H4V19M20,19V15H13V19H20Z" /></svg><svg id="trackpad-lock" viewBox="0 0 24 24"><path d="M3,1C1.89,1 1,1.89 1,3V17C1,18.11 1.89,19 3,19H14V17H12V13H16.68C17.5,12.35 18.47,12 19.5,12C20,12 20.5,12.09 21,12.26V3C21,1.89 20.11,1 19,1H3M3,3H19V11H3V3M3,13H10V17H3V13M19.5,14A2.5,2.5 0 0,0 17,16.5V17A1,1 0 0,0 16,18V22A1,1 0 0,0 17,23H22A1,1 0 0,0 23,22V18A1,1 0 0,0 22,17V16.5A2.5,2.5 0 0,0 19.5,14M19.5,15A1.5,1.5 0 0,1 21,16.5V17H18V16.5A1.5,1.5 0 0,1 19.5,15Z" /></svg><svg id="tractor" viewBox="0 0 24 24"><path d="M5,4V11.26C3.2,11.9 2,13.6 2,15.5C2,18 4,20 6.5,20C8.79,20 10.71,18.28 10.97,16H15.17C15.06,16.32 15,16.66 15,17A3,3 0 0,0 18,20A3,3 0 0,0 21,17C21,16.66 20.94,16.32 20.82,16H22V13C22,11.89 21.11,11 20,11H15.04L13.65,4H5M7,6H12L13,11V14H10.74C10.16,12.38 8.71,11.23 7,11.03V6M6.5,13.25A2.25,2.25 0 0,1 8.75,15.5A2.25,2.25 0 0,1 6.5,17.75A2.25,2.25 0 0,1 4.25,15.5A2.25,2.25 0 0,1 6.5,13.25M18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5Z" /></svg><svg id="trademark" viewBox="0 0 24 24"><path d="M9.8,8.44H6.87V16H4.89V8.44H2V7H9.8V8.44M13.5,7L15.96,13.5L18.41,7H21V16H19V13.5L19.22,9.24L16.63,16H15.28L12.7,9.25L12.9,13.5V16H10.93V7H13.5Z" /></svg><svg id="traffic-light" viewBox="0 0 24 24"><path d="M12,9A2,2 0 0,1 10,7C10,5.89 10.9,5 12,5C13.11,5 14,5.89 14,7A2,2 0 0,1 12,9M12,14A2,2 0 0,1 10,12C10,10.89 10.9,10 12,10C13.11,10 14,10.89 14,12A2,2 0 0,1 12,14M12,19A2,2 0 0,1 10,17C10,15.89 10.9,15 12,15C13.11,15 14,15.89 14,17A2,2 0 0,1 12,19M20,10H17V8.86C18.72,8.41 20,6.86 20,5H17V4A1,1 0 0,0 16,3H8A1,1 0 0,0 7,4V5H4C4,6.86 5.28,8.41 7,8.86V10H4C4,11.86 5.28,13.41 7,13.86V15H4C4,16.86 5.28,18.41 7,18.86V20A1,1 0 0,0 8,21H16A1,1 0 0,0 17,20V18.86C18.72,18.41 20,16.86 20,15H17V13.86C18.72,13.41 20,11.86 20,10Z" /></svg><svg id="train" viewBox="0 0 24 24"><path d="M12,2C8,2 4,2.5 4,6V15.5A3.5,3.5 0 0,0 7.5,19L6,20.5V21H8.23L10.23,19H14L16,21H18V20.5L16.5,19A3.5,3.5 0 0,0 20,15.5V6C20,2.5 16.42,2 12,2M7.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,14A1.5,1.5 0 0,1 9,15.5A1.5,1.5 0 0,1 7.5,17M11,10H6V6H11V10M13,10V6H18V10H13M16.5,17A1.5,1.5 0 0,1 15,15.5A1.5,1.5 0 0,1 16.5,14A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 16.5,17Z" /></svg><svg id="train-car" viewBox="0 0 24 24"><path d="M12,4H5A3,3 0 0,0 2,7V15A3,3 0 0,0 5,18L4,19V20H5L7,17.97L9,18V13H4V6H13V8H15V7A3,3 0 0,0 12,4M5,14A1,1 0 0,1 6,15A1,1 0 0,1 5,16A1,1 0 0,1 4,15A1,1 0 0,1 5,14M20.57,9.66C20.43,9.26 20.05,9 19.6,9H12.41C11.95,9 11.58,9.26 11.43,9.66L10,13.77V19.28C10,19.66 10.32,20 10.7,20H11.32C11.7,20 12,19.62 12,19.24V18H20V19.24C20,19.62 20.31,20 20.69,20H21.3C21.68,20 22,19.66 22,19.28V17.91L22,13.77L20.57,9.66M12.41,10H19.6L20.63,13H11.38L12.41,10M12,16A1,1 0 0,1 11,15A1,1 0 0,1 12,14A1,1 0 0,1 13,15A1,1 0 0,1 12,16M20,16A1,1 0 0,1 19,15A1,1 0 0,1 20,14A1,1 0 0,1 21,15A1,1 0 0,1 20,16Z" /></svg><svg id="train-variant" viewBox="0 0 24 24"><path d="M18,10H6V5H18M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M4,15.5A3.5,3.5 0 0,0 7.5,19L6,20.5V21H18V20.5L16.5,19A3.5,3.5 0 0,0 20,15.5V5C20,1.5 16.42,1 12,1C7.58,1 4,1.5 4,5V15.5Z" /></svg><svg id="tram" viewBox="0 0 24 24"><path d="M19,16.94V8.5C19,5.71 16.39,5.1 13,5L13.75,3.5H17V2H7V3.5H11.75L11,5C7.86,5.11 5,5.73 5,8.5V16.94C5,18.39 6.19,19.6 7.59,19.91L6,21.5V22H8.23L10.23,20H14L16,22H18V21.5L16.5,20H16.42C18.11,20 19,18.63 19,16.94M12,18.5A1.5,1.5 0 0,1 10.5,17A1.5,1.5 0 0,1 12,15.5A1.5,1.5 0 0,1 13.5,17A1.5,1.5 0 0,1 12,18.5M17,14H7V9H17V14Z" /></svg><svg id="transcribe" viewBox="0 0 24 24"><path d="M20,5A2,2 0 0,1 22,7V17A2,2 0 0,1 20,19H4C2.89,19 2,18.1 2,17V7C2,5.89 2.89,5 4,5H20M18,17V15H12.5L10.5,17H18M6,17H8.5L15.35,10.12C15.55,9.93 15.55,9.61 15.35,9.41L13.59,7.65C13.39,7.45 13.07,7.45 12.88,7.65L6,14.53V17Z" /></svg><svg id="transcribe-close" viewBox="0 0 24 24"><path d="M12,23L8,19H16L12,23M20,3A2,2 0 0,1 22,5V15A2,2 0 0,1 20,17H4A2,2 0 0,1 2,15V5A2,2 0 0,1 4,3H20M18,15V13H12.5L10.5,15H18M6,15H8.5L15.35,8.12C15.55,7.93 15.55,7.61 15.35,7.42L13.59,5.65C13.39,5.45 13.07,5.45 12.88,5.65L6,12.53V15Z" /></svg><svg id="transfer-down" viewBox="0 0 24 24"><path d="M16,3V5H8V3H16M16,7V9H8V7H16M16,11V13H8V11H16M5,15H19L12,22L5,15Z" /></svg><svg id="transfer-left" viewBox="0 0 24 24"><path d="M21,16H19V8H21V16M17,16H15V8H17V16M13,16H11V8H13V16M9,5V19L2,12L9,5Z" /></svg><svg id="transfer-right" viewBox="0 0 24 24"><path d="M3,8H5V16H3V8M7,8H9V16H7V8M11,8H13V16H11V8M15,19.25V4.75L22.25,12L15,19.25Z" /></svg><svg id="transfer-up" viewBox="0 0 24 24"><path d="M8,21V19H16V21H8M8,17V15H16V17H8M8,13V11H16V13H8M19,9H5L12,2L19,9Z" /></svg><svg id="transit-connection" viewBox="0 0 24 24"><path d="M15,12C15,10.7 14.16,9.6 13,9.18V6.82C14.16,6.4 15,5.3 15,4A3,3 0 0,0 12,1A3,3 0 0,0 9,4C9,5.3 9.84,6.4 11,6.82V9.19C9.84,9.6 9,10.7 9,12C9,13.3 9.84,14.4 11,14.82V17.18C9.84,17.6 9,18.7 9,20A3,3 0 0,0 12,23A3,3 0 0,0 15,20C15,18.7 14.16,17.6 13,17.18V14.82C14.16,14.4 15,13.3 15,12M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M12,21A1,1 0 0,1 11,20A1,1 0 0,1 12,19A1,1 0 0,1 13,20A1,1 0 0,1 12,21Z" /></svg><svg id="transit-connection-variant" viewBox="0 0 24 24"><path d="M18,11H14.82C14.4,9.84 13.3,9 12,9C10.7,9 9.6,9.84 9.18,11H6C5.67,11 4,10.9 4,9V8C4,6.17 5.54,6 6,6H16.18C16.6,7.16 17.7,8 19,8A3,3 0 0,0 22,5A3,3 0 0,0 19,2C17.7,2 16.6,2.84 16.18,4H6C4.39,4 2,5.06 2,8V9C2,11.94 4.39,13 6,13H9.18C9.6,14.16 10.7,15 12,15C13.3,15 14.4,14.16 14.82,13H18C18.33,13 20,13.1 20,15V16C20,17.83 18.46,18 18,18H7.82C7.4,16.84 6.3,16 5,16A3,3 0 0,0 2,19A3,3 0 0,0 5,22C6.3,22 7.4,21.16 7.82,20H18C19.61,20 22,18.93 22,16V15C22,12.07 19.61,11 18,11M19,4A1,1 0 0,1 20,5A1,1 0 0,1 19,6A1,1 0 0,1 18,5A1,1 0 0,1 19,4M5,20A1,1 0 0,1 4,19A1,1 0 0,1 5,18A1,1 0 0,1 6,19A1,1 0 0,1 5,20Z" /></svg><svg id="transit-transfer" viewBox="0 0 24 24"><path d="M16.5,15.5H22V17H16.5V18.75L14,16.25L16.5,13.75V15.5M19.5,19.75V18L22,20.5L19.5,23V21.25H14V19.75H19.5M9.5,5.5A2,2 0 0,1 7.5,3.5A2,2 0 0,1 9.5,1.5A2,2 0 0,1 11.5,3.5A2,2 0 0,1 9.5,5.5M5.75,8.9L4,9.65V13H2V8.3L7.25,6.15C7.5,6.05 7.75,6 8,6C8.7,6 9.35,6.35 9.7,6.95L10.65,8.55C11.55,10 13.15,11 15,11V13C12.8,13 10.85,12 9.55,10.4L8.95,13.4L11,15.45V23H9V17L6.85,15L5.1,23H3L5.75,8.9Z" /></svg><svg id="transition" viewBox="0 0 24 24"><path d="M15,2A7,7 0 0,1 22,9C22,11.71 20.46,14.05 18.22,15.22C17.55,16.5 16.5,17.55 15.22,18.22C14.05,20.46 11.71,22 9,22A7,7 0 0,1 2,15C2,12.29 3.54,9.95 5.78,8.78C6.45,7.5 7.5,6.45 8.78,5.78C9.95,3.54 12.29,2 15,2M12,19A7,7 0 0,1 5,12C4.37,12.84 4,13.87 4,15A5,5 0 0,0 9,20C10.13,20 11.16,19.63 12,19M15,16A7,7 0 0,1 8,9H8C7.37,9.84 7,10.87 7,12A5,5 0 0,0 12,17C13.13,17 14.16,16.63 15,16V16M15,4C13.87,4 12.84,4.37 12,5V5A7,7 0 0,1 19,12H19C19.63,11.16 20,10.13 20,9A5,5 0 0,0 15,4M10,9A5,5 0 0,0 15,14C15.6,14 16.17,13.9 16.7,13.7C16.9,13.17 17,12.6 17,12A5,5 0 0,0 12,7C11.4,7 10.83,7.1 10.3,7.3C10.1,7.83 10,8.4 10,9Z" /></svg><svg id="transition-masked" viewBox="0 0 24 24"><path d="M15,2C16.94,2 18.59,2.7 19.95,4.05C21.3,5.41 22,7.06 22,9C22,10.56 21.5,11.96 20.58,13.2C19.64,14.43 18.44,15.27 16.97,15.7L17,15.38V15C17,12.81 16.23,10.93 14.65,9.35C13.07,7.77 11.19,7 9,7H8.63L8.3,7.03C8.73,5.56 9.57,4.36 10.8,3.42C12.04,2.5 13.44,2 15,2M9,8A7,7 0 0,1 16,15A7,7 0 0,1 9,22A7,7 0 0,1 2,15A7,7 0 0,1 9,8M9,10A5,5 0 0,0 4,15A5,5 0 0,0 9,20A5,5 0 0,0 14,15A5,5 0 0,0 9,10Z" /></svg><svg id="translate" viewBox="0 0 24 24"><path d="M12.87,15.07L10.33,12.56L10.36,12.53C12.1,10.59 13.34,8.36 14.07,6H17V4H10V2H8V4H1V6H12.17C11.5,7.92 10.44,9.75 9,11.35C8.07,10.32 7.3,9.19 6.69,8H4.69C5.42,9.63 6.42,11.17 7.67,12.56L2.58,17.58L4,19L9,14L12.11,17.11L12.87,15.07M18.5,10H16.5L12,22H14L15.12,19H19.87L21,22H23L18.5,10M15.88,17L17.5,12.67L19.12,17H15.88Z" /></svg><svg id="translate-off" viewBox="0 0 24 24"><path d="M12.17,5.81C11.87,6.69 11.47,7.55 11,8.39L12.35,9.74C13.11,8.5 13.71,7.18 14.13,5.81H17.16V3.75H9.94V1.69H7.87V3.75H6.37L8.43,5.81H12.17M15.53,12.91L17.03,14.41L17.67,12.69L19.08,16.47L22.39,19.77L18.7,9.94H16.64L15.53,12.91M1.31,1.31L0,2.62L1.13,3.75H0.65V5.81H3.19L5.26,7.88H4.46C5.21,9.56 6.24,11.15 7.53,12.58L2.28,17.76L3.75,19.22L8.91,14.07L12.11,17.27L12.8,15.43L14.1,16.72L12,22.31H14.06L15.22,19.22H16.6L21.38,24L22.69,22.69L1.31,1.31Z" /></svg><svg id="transmission-tower" viewBox="0 0 24 24"><path d="M8.28,5.45L6.5,4.55L7.76,2H16.23L17.5,4.55L15.72,5.44L15,4H9L8.28,5.45M18.62,8H14.09L13.3,5H10.7L9.91,8H5.38L4.1,10.55L5.89,11.44L6.62,10H17.38L18.1,11.45L19.89,10.56L18.62,8M17.77,22H15.7L15.46,21.1L12,15.9L8.53,21.1L8.3,22H6.23L9.12,11H11.19L10.83,12.35L12,14.1L13.16,12.35L12.81,11H14.88L17.77,22M11.4,15L10.5,13.65L9.32,18.13L11.4,15M14.68,18.12L13.5,13.64L12.6,15L14.68,18.12Z" /></svg><svg id="trash-can" viewBox="0 0 24 24"><path d="M9,3V4H4V6H5V19A2,2 0 0,0 7,21H17A2,2 0 0,0 19,19V6H20V4H15V3H9M9,8H11V17H9V8M13,8H15V17H13V8Z" /></svg><svg id="trash-can-outline" viewBox="0 0 24 24"><path d="M9,3V4H4V6H5V19A2,2 0 0,0 7,21H17A2,2 0 0,0 19,19V6H20V4H15V3H9M7,6H17V19H7V6M9,8V17H11V8H9M13,8V17H15V8H13Z" /></svg><svg id="treasure-chest" viewBox="0 0 24 24"><path d="M5,4H19A3,3 0 0,1 22,7V11H15V10H9V11H2V7A3,3 0 0,1 5,4M11,11H13V13H11V11M2,12H9V13L11,15H13L15,13V12H22V20H2V12Z" /></svg><svg id="tree" viewBox="0 0 24 24"><path d="M11,21V16.74C10.53,16.91 10.03,17 9.5,17C7,17 5,15 5,12.5C5,11.23 5.5,10.09 6.36,9.27C6.13,8.73 6,8.13 6,7.5C6,5 8,3 10.5,3C12.06,3 13.44,3.8 14.25,5C14.33,5 14.41,5 14.5,5A5.5,5.5 0 0,1 20,10.5A5.5,5.5 0 0,1 14.5,16C14,16 13.5,15.93 13,15.79V21H11Z" /></svg><svg id="tree-outline" viewBox="0 0 24 24"><path d="M10.5,3C8,3 6,5 6,7.5C6,8.11 6.13,8.71 6.37,9.27C5.5,10.12 5,11.28 5,12.5C5,15 7,17 9.5,17C10,17 10.5,16.89 11,16.72V21H13V15.77C13.5,15.91 14,16 14.5,16A5.5,5.5 0 0,0 20,10.5A5.5,5.5 0 0,0 14.5,5C14.41,5 14.33,5 14.24,5C13.41,3.76 12,3 10.5,3M10.5,5C11.82,5 12.91,6.03 13,7.35C13.46,7.12 14,7 14.5,7A3.5,3.5 0 0,1 18,10.5A3.5,3.5 0 0,1 14.5,14C13.54,14 12.63,13.61 11.96,12.91C11.76,14.12 10.72,15 9.5,15A2.5,2.5 0 0,1 7,12.5C7,11.12 7.8,10.54 9,9.79C8.2,8.76 8,8.16 8,7.5A2.5,2.5 0 0,1 10.5,5Z" /></svg><svg id="trello" viewBox="0 0 24 24"><path d="M19.5,2H4.5A2.5,2.5 0 0,0 2,4.5V19.5A2.5,2.5 0 0,0 4.5,22H19.5A2.5,2.5 0 0,0 22,19.5V4.5A2.5,2.5 0 0,0 19.5,2M10.7,17.2A1.2,1.2 0 0,1 9.5,18.4H5.8C5.14,18.4 4.6,17.86 4.6,17.2V5.8A1.2,1.2 0 0,1 5.8,4.6H9.5C10.16,4.6 10.7,5.14 10.7,5.8V17.2M19.4,12.2C19.4,12.86 18.86,13.4 18.2,13.4H14.5C13.84,13.4 13.3,12.86 13.3,12.2V5.8C13.3,5.14 13.84,4.6 14.5,4.6H18.2C18.86,4.6 19.4,5.14 19.4,5.8V12.2Z" /></svg><svg id="trending-down" viewBox="0 0 24 24"><path d="M16,18L18.29,15.71L13.41,10.83L9.41,14.83L2,7.41L3.41,6L9.41,12L13.41,8L19.71,14.29L22,12V18H16Z" /></svg><svg id="trending-neutral" viewBox="0 0 24 24"><path d="M22,12L18,8V11H3V13H18V16L22,12Z" /></svg><svg id="trending-up" viewBox="0 0 24 24"><path d="M16,6L18.29,8.29L13.41,13.17L9.41,9.17L2,16.59L3.41,18L9.41,12L13.41,16L19.71,9.71L22,12V6H16Z" /></svg><svg id="triangle" viewBox="0 0 24 24"><path d="M1,21H23L12,2" /></svg><svg id="triangle-outline" viewBox="0 0 24 24"><path d="M12,2L1,21H23M12,6L19.53,19H4.47" /></svg><svg id="triforce" viewBox="0 0 24 24"><path d="M1.5,21L12,3.5L22.5,21H1.5M12,21L17,12H7L12,21Z" /></svg><svg id="trophy" viewBox="0 0 24 24"><path d="M20.2,2H19.5H18C17.1,2 16,3 16,4H8C8,3 6.9,2 6,2H4.5H3.8H2V11C2,12 3,13 4,13H6.2C6.6,15 7.9,16.7 11,17V19.1C8.8,19.3 8,20.4 8,21.7V22H16V21.7C16,20.4 15.2,19.3 13,19.1V17C16.1,16.7 17.4,15 17.8,13H20C21,13 22,12 22,11V2H20.2M4,11V4H6V6V11C5.1,11 4.3,11 4,11M20,11C19.7,11 18.9,11 18,11V6V4H20V11Z" /></svg><svg id="trophy-award" viewBox="0 0 24 24"><path d="M15.2,10.7L16.6,16L12,12.2L7.4,16L8.8,10.8L4.6,7.3L10,7L12,2L14,7L19.4,7.3L15.2,10.7M14,19.1H13V16L12,15L11,16V19.1H10A2,2 0 0,0 8,21.1V22.1H16V21.1A2,2 0 0,0 14,19.1Z" /></svg><svg id="trophy-broken" viewBox="0 0 24 24"><path d="M2,2V11C2,12 3,13 4,13H4.5L6.2,13C6.6,14.8 7.6,16.3 10,16.8V19.2C8.6,19.6 8,20.5 8,21.6V22H13.2L10.2,15L14.2,10L10.7,4H8V3.7C7.8,2.8 6.8,2 6,2H4.5L3.8,2H2M13.2,22H16V21.7C16,21.1 15.8,20.5 15.4,20.1C15.1,19.8 14.6,19.5 14,19.3V16.9C16.4,16.4 17.5,14.8 17.8,13.1H20C21,13.1 22,12.1 22,11.1V5.7L22,2H20.2L19.5,2H18C17.2,2 16.3,2.7 16.1,3.5C16,3.7 16,3.8 16,4H13.9L16.7,10L12.2,15L13.2,22M4,4H6V4.4L6,6V11H4V6.4L4,4M18,4H19.7L20,4V4.1L20,11H18V6L18,4Z" /></svg><svg id="trophy-outline" viewBox="0 0 24 24"><path d="M2,2V11C2,12 3,13 4,13H6.2C6.6,15 7.9,16.7 11,17V19.1C8.8,19.3 8,20.4 8,21.7V22H16V21.7C16,20.4 15.2,19.3 13,19.1V17C16.1,16.7 17.4,15 17.8,13H20C21,13 22,12 22,11V2H18C17.1,2 16,3 16,4H8C8,3 6.9,2 6,2H2M4,4H6V6L6,11H4V4M18,4H20V11H18V6L18,4M8,6H16V11.5C16,13.43 15.42,15 12,15C8.59,15 8,13.43 8,11.5V6Z" /></svg><svg id="trophy-variant" viewBox="0 0 24 24"><path d="M20.2,4H20H17V2H7V4H4.5H3.8H2V11C2,12 3,13 4,13H7.2C7.6,14.9 8.6,16.6 11,16.9V19C8,19.2 8,20.3 8,21.6V22H16V21.7C16,20.4 16,19.3 13,19.1V17C15.5,16.7 16.5,15 16.8,13.1H20C21,13.1 22,12.1 22,11.1V4H20.2M4,11V6H7V8V11C5.6,11 4.4,11 4,11M20,11C19.6,11 18.4,11 17,11V6H18H20V11Z" /></svg><svg id="trophy-variant-outline" viewBox="0 0 24 24"><path d="M7,2V4H2V11C2,12 3,13 4,13H7.2C7.6,14.9 8.6,16.6 11,16.9V19C8,19.2 8,20.3 8,21.6V22H16V21.7C16,20.4 16,19.3 13,19.1V17C15.5,16.7 16.5,15 16.8,13.1H20C21,13.1 22,12.1 22,11.1V4H17V2H7M9,4H15V12A3,3 0 0,1 12,15C10,15 9,13.66 9,12V4M4,6H7V8L7,11H4V6M17,6H20V11H17V6Z" /></svg><svg id="truck" viewBox="0 0 24 24"><path d="M18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5M19.5,9.5L21.46,12H17V9.5M6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5M20,8H17V4H3C1.89,4 1,4.89 1,6V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V12L20,8Z" /></svg><svg id="truck-check" viewBox="0 0 24 24"><path d="M3,4H17V8H20L23,12V17H21A3,3 0 0,1 18,20A3,3 0 0,1 15,17H9A3,3 0 0,1 6,20A3,3 0 0,1 3,17H1V6C1,4.89 1.9,4 3,4M17,9.5V12H21.47L19.5,9.5H17M6,15.5A1.5,1.5 0 0,0 4.5,17A1.5,1.5 0 0,0 6,18.5A1.5,1.5 0 0,0 7.5,17A1.5,1.5 0 0,0 6,15.5M18,15.5A1.5,1.5 0 0,0 16.5,17A1.5,1.5 0 0,0 18,18.5A1.5,1.5 0 0,0 19.5,17A1.5,1.5 0 0,0 18,15.5M8,14L14,8L12.59,6.58L8,11.17L5.91,9.08L4.5,10.5L8,14Z" /></svg><svg id="truck-delivery" viewBox="0 0 24 24"><path d="M3,4A2,2 0 0,0 1,6V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V12L20,8H17V4M10,6L14,10L10,14V11H4V9H10M17,9.5H19.5L21.47,12H17M6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5M18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5Z" /></svg><svg id="truck-fast" viewBox="0 0 24 24"><path d="M3,13.5L2.25,12H7.5L6.9,10.5H2L1.25,9H9.05L8.45,7.5H1.11L0.25,6H4A2,2 0 0,1 6,4H18V8H21L24,12V17H22A3,3 0 0,1 19,20A3,3 0 0,1 16,17H12A3,3 0 0,1 9,20A3,3 0 0,1 6,17H4V13.5H3M19,18.5A1.5,1.5 0 0,0 20.5,17A1.5,1.5 0 0,0 19,15.5A1.5,1.5 0 0,0 17.5,17A1.5,1.5 0 0,0 19,18.5M20.5,9.5H18V12H22.46L20.5,9.5M9,18.5A1.5,1.5 0 0,0 10.5,17A1.5,1.5 0 0,0 9,15.5A1.5,1.5 0 0,0 7.5,17A1.5,1.5 0 0,0 9,18.5Z" /></svg><svg id="truck-trailer" viewBox="0 0 24 24"><path d="M22,15V17H10A3,3 0 0,1 7,20A3,3 0 0,1 4,17H2V6A2,2 0 0,1 4,4H17A2,2 0 0,1 19,6V15H22M7,16A1,1 0 0,0 6,17A1,1 0 0,0 7,18A1,1 0 0,0 8,17A1,1 0 0,0 7,16Z" /></svg><svg id="tshirt-crew" viewBox="0 0 24 24"><path d="M16,21H8A1,1 0 0,1 7,20V12.07L5.7,13.07C5.31,13.46 4.68,13.46 4.29,13.07L1.46,10.29C1.07,9.9 1.07,9.27 1.46,8.88L7.34,3H9C9,4.1 10.34,5 12,5C13.66,5 15,4.1 15,3H16.66L22.54,8.88C22.93,9.27 22.93,9.9 22.54,10.29L19.71,13.12C19.32,13.5 18.69,13.5 18.3,13.12L17,12.12V20A1,1 0 0,1 16,21" /></svg><svg id="tshirt-crew-outline" viewBox="0 0 24 24"><path d="M16,21H8A1,1 0 0,1 7,20V12.07L5.7,13.12C5.31,13.5 4.68,13.5 4.29,13.12L1.46,10.29C1.07,9.9 1.07,9.27 1.46,8.88L7.34,3H9C9,4.1 10.34,5 12,5C13.66,5 15,4.1 15,3H16.66L22.54,8.88C22.93,9.27 22.93,9.9 22.54,10.29L19.71,13.12C19.32,13.5 18.69,13.5 18.3,13.12L17,12.07V20A1,1 0 0,1 16,21M20.42,9.58L16.11,5.28C15.8,5.63 15.43,5.94 15,6.2C14.16,6.7 13.13,7 12,7C10.3,7 8.79,6.32 7.89,5.28L3.58,9.58L5,11L8,9H9V19H15V9H16L19,11L20.42,9.58Z" /></svg><svg id="tshirt-v" viewBox="0 0 24 24"><path d="M16,21H8A1,1 0 0,1 7,20V12.07L5.7,13.07C5.31,13.46 4.68,13.46 4.29,13.07L1.46,10.29C1.07,9.9 1.07,9.27 1.46,8.88L7.34,3H9C9.29,4.8 10.4,6.37 12,7.25C13.6,6.37 14.71,4.8 15,3H16.66L22.54,8.88C22.93,9.27 22.93,9.9 22.54,10.29L19.71,13.12C19.32,13.5 18.69,13.5 18.3,13.12L17,12.12V20A1,1 0 0,1 16,21" /></svg><svg id="tshirt-v-outline" viewBox="0 0 24 24"><path d="M16,21H8A1,1 0 0,1 7,20V12.07L5.7,13.12C5.31,13.5 4.68,13.5 4.29,13.12L1.46,10.29C1.07,9.9 1.07,9.27 1.46,8.88L7.34,3H9C9,4.1 10,6 12,7.25C14,6 15,4.1 15,3H16.66L22.54,8.88C22.93,9.27 22.93,9.9 22.54,10.29L19.71,13.12C19.32,13.5 18.69,13.5 18.3,13.12L17,12.07V20A1,1 0 0,1 16,21M20.42,9.58L16.11,5.28C15,7 14,8.25 12,9.25C10,8.25 9,7 7.89,5.28L3.58,9.58L5,11L8,9H9V19H15V9H16L19,11L20.42,9.58Z" /></svg><svg id="tumble-dryer" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M7,4A1,1 0 0,0 6,5A1,1 0 0,0 7,6A1,1 0 0,0 8,5A1,1 0 0,0 7,4M10,4A1,1 0 0,0 9,5A1,1 0 0,0 10,6A1,1 0 0,0 11,5A1,1 0 0,0 10,4M12,8A6,6 0 0,0 6,14A6,6 0 0,0 12,20A6,6 0 0,0 18,14A6,6 0 0,0 12,8M8.11,10.5H10C9.76,11.88 10,12.67 10.58,13.29C11.68,14.36 12.16,15.71 11.89,17.5H10C10.24,16.12 10,15.33 9.42,14.71C8.32,13.64 7.85,12.29 8.11,10.5M12.11,10.5H14C13.76,11.88 14,12.67 14.58,13.29C15.68,14.36 16.16,15.71 15.89,17.5H14C14.24,16.12 14,15.33 13.42,14.71C12.32,13.64 11.85,12.29 12.11,10.5Z" /></svg><svg id="tumblr" viewBox="0 0 24 24"><path d="M17,11H13V15.5C13,16.44 13.28,17 14.5,17H17V21C17,21 15.54,21.05 14.17,21.05C10.8,21.05 9.5,19 9.5,16.75V11H7V7C10.07,6.74 10.27,4.5 10.5,3H13V7H17" /></svg><svg id="tumblr-box" viewBox="0 0 24 24"><path d="M16,11H13V14.9C13,15.63 13.14,16 14.1,16H16V19C16,19 14.97,19.1 13.9,19.1C11.25,19.1 10,17.5 10,15.7V11H8V8.2C10.41,8 10.62,6.16 10.8,5H13V8H16M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z" /></svg><svg id="tumblr-reblog" viewBox="0 0 24 24"><path d="M3.75,17L8,12.75V16H18V11.5L20,9.5V16A2,2 0 0,1 18,18H8V21.25L3.75,17M20.25,7L16,11.25V8H6V12.5L4,14.5V8A2,2 0 0,1 6,6H16V2.75L20.25,7Z" /></svg><svg id="tune" viewBox="0 0 24 24"><path d="M3,17V19H9V17H3M3,5V7H13V5H3M13,21V19H21V17H13V15H11V21H13M7,9V11H3V13H7V15H9V9H7M21,13V11H11V13H21M15,9H17V7H21V5H17V3H15V9Z" /></svg><svg id="tune-vertical" viewBox="0 0 24 24"><path d="M5,3V12H3V14H5V21H7V14H9V12H7V3M11,3V8H9V10H11V21H13V10H15V8H13V3M17,3V14H15V16H17V21H19V16H21V14H19V3" /></svg><svg id="turnstile" viewBox="0 0 24 24"><path d="M22,22H16V11L10,5V2H22V22M9.17,6.17C8.42,6.92 8,7.94 8,9H2V11H8.55C8.9,11.6 9.4,12.1 10,12.45V19H12V13C13.06,13 14.08,12.58 14.83,11.83L9.17,6.17Z" /></svg><svg id="turnstile-outline" viewBox="0 0 24 24"><path d="M13.41,10.41C13.04,10.79 12.53,11 12,11A2,2 0 0,1 10,9C10,8.47 10.21,7.96 10.59,7.59L9.17,6.17C8.42,6.92 8,7.94 8,9H2V11H8.55C8.9,11.6 9.4,12.1 10,12.45V19H12V13C13.06,13 14.08,12.58 14.83,11.83L13.41,10.41M10,2V5L16,11V22H22V2H10M20,20H18V10.17L12,4.17V4H20V20Z" /></svg><svg id="turtle" viewBox="0 0 24 24"><path d="M8.47,5.95C8.95,5.67 9.47,5.44 10,5.28V4C10,2.9 10.87,2 11.97,1.97C13.13,2 14,2.9 14,4V5.28C14.53,5.45 15.05,5.67 15.53,5.95L13.93,8.07H10.07L8.47,5.95M19,12C19,12.5 18.95,12.95 18.86,13.4L16.33,12.62L15.14,8.96L16.74,6.85C17.17,7.25 17.55,7.7 17.88,8.2C18.67,8.13 19.43,8.25 20.11,8.59C21.14,9.12 21.84,10.13 22,11.28L19,11.64C19,11.76 19,11.88 19,12M5,12C5,11.88 5,11.76 5,11.65L2,11.28C2.16,10.13 2.86,9.12 3.89,8.59C4.57,8.25 5.34,8.13 6.08,8.26C6.41,7.75 6.79,7.28 7.24,6.87L8.86,8.95L7.67,12.62L5.14,13.4C5.05,12.95 5,12.5 5,12M10.24,9.57H13.76L14.85,12.93L12,15L9.15,12.93L10.24,9.57M8.13,14.05L11.25,16.31V18.96C10.68,18.9 10.13,18.77 9.62,18.58L8.39,21.34C7.33,20.87 6.57,19.9 6.37,18.76C6.23,18 6.35,17.24 6.69,16.56C6.24,16.04 5.87,15.46 5.59,14.82L8.13,14.05M15.87,14.05L18.41,14.82C18.13,15.46 17.76,16.04 17.31,16.56C17.65,17.24 17.77,18 17.64,18.76C17.43,19.9 16.67,20.87 15.61,21.34L14.39,18.58C13.86,18.77 13.33,18.94 12.75,19V16.31L15.87,14.05Z" /></svg><svg id="twitch" viewBox="0 0 24 24"><path d="M4,2H22V14L17,19H13L10,22H7V19H2V6L4,2M20,13V4H6V16H9V19L12,16H17L20,13M15,7H17V12H15V7M12,7V12H10V7H12Z" /></svg><svg id="twitter" viewBox="0 0 24 24"><path d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" /></svg><svg id="twitter-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13 18.1,8.26 17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38 16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38 6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69 8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76 7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95 17.71,9.33Z" /></svg><svg id="twitter-circle" viewBox="0 0 24 24"><path d="M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13 18.1,8.26 17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38 16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38 6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69 8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76 7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95 17.71,9.33M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg><svg id="twitter-retweet" viewBox="0 0 24 24"><path d="M6,5.75L10.25,10H7V16H13.5L15.5,18H7A2,2 0 0,1 5,16V10H1.75L6,5.75M18,18.25L13.75,14H17V8H10.5L8.5,6H17A2,2 0 0,1 19,8V14H22.25L18,18.25Z" /></svg><svg id="two-factor-authentication" viewBox="0 0 24 24"><path d="M2,7V9H6V11H4A2,2 0 0,0 2,13V17H8V15H4V13H6A2,2 0 0,0 8,11V9C8,7.89 7.1,7 6,7H2M9,7V17H11V13H14V11H11V9H15V7H9M18,7A2,2 0 0,0 16,9V17H18V14H20V17H22V9A2,2 0 0,0 20,7H18M18,9H20V12H18V9Z" /></svg><svg id="uber" viewBox="0 0 24 24"><path d="M6.38,13.24V13.24C6.38,11.84 6.38,10.44 6.38,9.04H7.4V15.84H6.39C6.39,15.63 6.39,15.42 6.39,15.21C5.93,15.68 5.29,15.96 4.58,15.96C3.12,15.96 2,14.9 2,13.3V9.04H3V13.24C3,14.33 3.74,15.04 4.7,15.04C5.64,15.04 6.38,14.31 6.38,13.24M9.14,9.04V11.5C9.37,11.29 9.65,11.1 9.95,10.97C10.25,10.85 10.58,10.78 10.91,10.78C12.37,10.78 13.5,11.94 13.5,13.37C13.5,14.8 12.37,15.96 10.91,15.96C10.58,15.96 10.25,15.89 9.95,15.77C9.64,15.64 9.37,15.45 9.13,15.22C9.13,15.43 9.13,15.63 9.13,15.84C8.81,15.84 8.5,15.84 8.16,15.84V9.04H9.14M12.55,13.37V13.37C12.55,12.41 11.77,11.65 10.84,11.65C9.89,11.65 9.13,12.41 9.13,13.37C9.13,14.32 9.88,15.09 10.84,15.09C11.77,15.09 12.55,14.32 12.55,13.37M16.46,10.79C17.9,10.79 18.95,11.89 18.95,13.36V13.69H14.91C15.04,14.5 15.71,15.09 16.55,15.09C17.13,15.09 17.61,14.86 18,14.36L18.7,14.89C18.2,15.55 17.46,15.95 16.55,15.95C15.06,15.95 13.91,14.84 13.91,13.36C13.91,11.97 15,10.79 16.46,10.79M14.92,12.91H17.95C17.79,12.15 17.18,11.65 16.44,11.65C15.71,11.65 15.1,12.15 14.92,12.91M20.5,13V15.84H19.5V10.89C19.82,10.89 20.14,10.89 20.47,10.89V11.5C20.71,11.1 21.11,10.85 21.66,10.85H22V11.76H21.59C20.95,11.76 20.5,12.26 20.5,13" /></svg><svg id="ubisoft" viewBox="0 0 24 24"><path d="M11.41,2C5.21,2 2.53,7.53 2.53,7.53L3.32,8.09C3.32,8.09 2.33,10 2.35,12.4C2.35,17.34 6.29,22 12.07,22C17.33,22 21.67,17.71 21.67,12.41C21.67,5.5 16.31,2 11.41,2M11.47,3.69C16.31,3.69 20.07,7.6 20.07,12.14C20.07,16.95 16.45,20.3 12.23,20.3C9.13,20.3 6.33,17.94 6.33,14.7C6.33,12.82 7.32,11.5 8.44,10.82L8.6,11C8.3,11.24 7.43,12.64 7.43,14C7.43,16.56 9.43,18.33 11.95,18.33C15.16,18.33 17.3,15.59 17.3,12.41C17.3,8.71 14.03,5.57 10.1,5.57C7.93,5.57 6.09,6.5 5.03,7.33L4.86,7.18C6.25,5.04 8.65,3.69 11.47,3.69M10,7.23C12.53,7.23 14.97,8.89 15.59,11.25L15.36,11.33C14.27,9.88 12.47,8.68 10.35,8.68C6.44,8.68 4.39,12.23 4.69,15.19L4.46,15.28C4.46,15.28 4.03,14.33 4.03,13.2C4.03,9.93 6.71,7.23 10,7.23M11.68,11.33C12.86,11.33 13.81,12.3 13.81,13.44C13.81,14.38 13.21,14.94 13.21,14.94L13.92,15.45C13.92,15.45 13.21,16.57 11.76,16.57C10.37,16.57 9.13,15.44 9.13,13.93C9.13,12.38 10.47,11.33 11.68,11.33Z" /></svg><svg id="ubuntu" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M14.34,7.74C14.92,8.07 15.65,7.87 16,7.3C16.31,6.73 16.12,6 15.54,5.66C14.97,5.33 14.23,5.5 13.9,6.1C13.57,6.67 13.77,7.41 14.34,7.74M11.88,15.5C11.35,15.5 10.85,15.39 10.41,15.18L9.57,16.68C10.27,17 11.05,17.22 11.88,17.22C12.37,17.22 12.83,17.15 13.28,17.03C13.36,16.54 13.64,16.1 14.1,15.84C14.56,15.57 15.08,15.55 15.54,15.72C16.43,14.85 17,13.66 17.09,12.33L15.38,12.31C15.22,14.1 13.72,15.5 11.88,15.5M11.88,8.5C13.72,8.5 15.22,9.89 15.38,11.69L17.09,11.66C17,10.34 16.43,9.15 15.54,8.28C15.08,8.45 14.55,8.42 14.1,8.16C13.64,7.9 13.36,7.45 13.28,6.97C12.83,6.85 12.37,6.78 11.88,6.78C11.05,6.78 10.27,6.97 9.57,7.32L10.41,8.82C10.85,8.61 11.35,8.5 11.88,8.5M8.37,12C8.37,10.81 8.96,9.76 9.86,9.13L9,7.65C7.94,8.36 7.15,9.43 6.83,10.69C7.21,11 7.45,11.47 7.45,12C7.45,12.53 7.21,13 6.83,13.31C7.15,14.56 7.94,15.64 9,16.34L9.86,14.87C8.96,14.24 8.37,13.19 8.37,12M14.34,16.26C13.77,16.59 13.57,17.32 13.9,17.9C14.23,18.47 14.97,18.67 15.54,18.34C16.12,18 16.31,17.27 16,16.7C15.65,16.12 14.92,15.93 14.34,16.26M5.76,10.8C5.1,10.8 4.56,11.34 4.56,12C4.56,12.66 5.1,13.2 5.76,13.2C6.43,13.2 6.96,12.66 6.96,12C6.96,11.34 6.43,10.8 5.76,10.8Z" /></svg><svg id="ultra-high-definition" viewBox="0 0 24 24"><path d="M9,7H11V11H13V7H15V17H13V13H11V17H9V7M17,7H20A3,3 0 0,1 23,10V14A3,3 0 0,1 20,17H17V7M20,15A1,1 0 0,0 21,14V10A1,1 0 0,0 20,9H19V15H20M7,14A3,3 0 0,1 4,17A3,3 0 0,1 1,14V7H3V14A1,1 0 0,0 4,15A1,1 0 0,0 5,14V7H7V14Z" /></svg><svg id="umbraco" viewBox="0 0 24 24"><path d="M8.6,8.6L7.17,8.38C6.5,11.67 6.46,14.24 7.61,15.5C8.6,16.61 11.89,16.61 11.89,16.61C11.89,16.61 15.29,16.61 16.28,15.5C17.43,14.24 17.38,11.67 16.72,8.38L15.29,8.6C15.29,8.6 16.54,13.88 14.69,14.69C13.81,15.07 11.89,15.07 11.89,15.07C11.89,15.07 10.08,15.07 9.2,14.69C7.35,13.88 8.6,8.6 8.6,8.6M12,3A9,9 0 0,1 21,12A9,9 0 0,1 12,21A9,9 0 0,1 3,12A9,9 0 0,1 12,3Z" /></svg><svg id="umbrella" viewBox="0 0 24 24"><path d="M12,2A9,9 0 0,1 21,11H13V19A3,3 0 0,1 10,22A3,3 0 0,1 7,19V18H9V19A1,1 0 0,0 10,20A1,1 0 0,0 11,19V11H3A9,9 0 0,1 12,2Z" /></svg><svg id="umbrella-closed" viewBox="0 0 24 24"><path d="M12,1.53L17.5,15H13V19A3,3 0 0,1 10,22A3,3 0 0,1 7,19V18H9V19A1,1 0 0,0 10,20A1,1 0 0,0 11,19V15H6.5L12,1.53Z" /></svg><svg id="umbrella-outline" viewBox="0 0 24 24"><path d="M12,4C8.9,4 6.18,6.03 5.3,9H18.7C17.82,6.04 15.09,4 12,4M12,2A9,9 0 0,1 21,11H13V19A3,3 0 0,1 10,22A3,3 0 0,1 7,19V18H9V19A1,1 0 0,0 10,20A1,1 0 0,0 11,19V11H3A9,9 0 0,1 12,2Z" /></svg><svg id="undo" viewBox="0 0 24 24"><path d="M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z" /></svg><svg id="undo-variant" viewBox="0 0 24 24"><path d="M13.5,7A6.5,6.5 0 0,1 20,13.5A6.5,6.5 0 0,1 13.5,20H10V18H13.5C16,18 18,16 18,13.5C18,11 16,9 13.5,9H7.83L10.91,12.09L9.5,13.5L4,8L9.5,2.5L10.92,3.91L7.83,7H13.5M6,18H8V20H6V18Z" /></svg><svg id="unfold-less-horizontal" viewBox="0 0 24 24"><path d="M16.59,5.41L15.17,4L12,7.17L8.83,4L7.41,5.41L12,10M7.41,18.59L8.83,20L12,16.83L15.17,20L16.58,18.59L12,14L7.41,18.59Z" /></svg><svg id="unfold-less-vertical" viewBox="0 0 24 24"><path d="M5.41,7.41L10,12L5.41,16.59L4,15.17L7.17,12L4,8.83L5.41,7.41M18.59,16.59L14,12L18.59,7.42L20,8.83L16.83,12L20,15.17L18.59,16.59Z" /></svg><svg id="unfold-more-horizontal" viewBox="0 0 24 24"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" /></svg><svg id="unfold-more-vertical" viewBox="0 0 24 24"><path d="M18.17,12L15,8.83L16.41,7.41L21,12L16.41,16.58L15,15.17L18.17,12M5.83,12L9,15.17L7.59,16.59L3,12L7.59,7.42L9,8.83L5.83,12Z" /></svg><svg id="ungroup" viewBox="0 0 24 24"><path d="M2,2H6V3H13V2H17V6H16V9H18V8H22V12H21V18H22V22H18V21H12V22H8V18H9V16H6V17H2V13H3V6H2V2M18,12V11H16V13H17V17H13V16H11V18H12V19H18V18H19V12H18M13,6V5H6V6H5V13H6V14H9V12H8V8H12V9H14V6H13M12,12H11V14H13V13H14V11H12V12Z" /></svg><svg id="unicode" viewBox="0 0 24 24"><path d="M2,5V16.29C2,16.29 2.16,18 3.43,19.26C4.71,20.54 6.63,21 6.63,21H8.32C8.32,21 10.07,20.8 11.67,19.2C13.24,17.62 13.05,16.06 13.05,16.06V12.28L18.39,21H22V9.88H18.28V13.8L13,5H9.42V15.17C9.42,17.41 7.47,17.39 7.5,17.39C7.5,17.39 5.55,17.36 5.55,15.17V5M18.28,5V8.77H22V5" /></svg><svg id="unity" viewBox="0 0 24 24"><path d="M10.11,17H7.5L2.59,12L7.5,7H10.11L11.42,4.74L18.21,3L20.08,9.74L18.77,12L20.08,14.26L18.21,21L11.42,19.26L10.11,17M10.25,16.75L15.38,18.13L12.42,13H6.5L10.25,16.75M17.12,17.13L18.5,12L17.12,6.87L14.15,12L17.12,17.13M10.25,7.25L6.5,11H12.42L15.38,5.87L10.25,7.25Z" /></svg><svg id="unreal" viewBox="0 0 24 24"><path d="M2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12M5.24,18.76C3.43,16.95 2.44,14.55 2.44,12C2.44,9.45 3.43,7.05 5.24,5.24C7.05,3.43 9.45,2.44 12,2.44C14.55,2.44 16.95,3.43 18.76,5.24C20.57,7.05 21.56,9.45 21.56,12C21.56,14.55 20.57,16.95 18.76,18.76C16.95,20.57 14.55,21.56 12,21.56C9.45,21.56 7.05,20.57 5.24,18.76M6.35,9.5C4.34,11.79 4.73,13.68 4.73,13.68C4.73,13.68 5.28,12.38 6.61,11C7.25,10.37 7.72,10.15 8.04,10.15C8.4,10.15 8.57,10.41 8.57,10.65V15.29C8.57,15.75 8.27,15.85 8,15.84C7.77,15.84 7.55,15.76 7.55,15.76C8.92,17.73 12.19,18 12.19,18L13.63,16.5H13.67L15,17.63C17.39,16.21 18.55,13.58 18.55,13.58C17.5,14.7 16.79,14.97 16.39,14.96C16.03,14.96 15.88,14.75 15.88,14.75C15.87,14.65 15.82,8.9 15.89,8.9C16.31,8.13 17.63,6.56 17.63,6.56C15.16,7.05 13.81,8.66 13.81,8.66C13.41,8.35 12.59,8.4 12.59,8.4C12.97,8.61 13.35,9.21 13.35,9.72V14.65C13.35,14.65 12.5,15.38 11.88,15.38C11.5,15.38 11.27,15.17 11.14,15C11.05,14.88 11,14.79 11,14.79V8.69C10.93,8.75 10.82,8.8 10.71,8.8C10.57,8.79 10.43,8.73 10.34,8.53C10.26,8.38 10.22,8.15 10.22,7.83C10.22,6.7 11.5,5.96 11.5,5.96C9.87,6.39 8.36,7.22 6.35,9.5" /></svg><svg id="untappd" viewBox="0 0 24 24"><path d="M14.41,4C14.41,4 14.94,4.39 14.97,4.71C14.97,4.81 14.73,4.85 14.68,4.93C14.62,5 14.7,5.15 14.65,5.21C14.59,5.26 14.5,5.26 14.41,5.41C14.33,5.56 12.07,10.09 11.73,10.63C11.59,11.03 11.47,12.46 11.37,12.66C11.26,12.85 6.34,19.84 6.16,20.05C5.67,20.63 4.31,20.3 3.28,19.56C2.3,18.86 1.74,17.7 2.11,17.16C2.27,16.93 7.15,9.92 7.29,9.75C7.44,9.58 8.75,9 9.07,8.71C9.47,8.22 12.96,4.54 13.07,4.42C13.18,4.3 13.15,4.2 13.18,4.13C13.22,4.06 13.38,4.08 13.43,4C13.5,3.93 13.39,3.71 13.5,3.68C13.59,3.64 13.96,3.67 14.41,4M10.85,4.44L11.74,5.37L10.26,6.94L9.46,5.37C9.38,5.22 9.28,5.22 9.22,5.17C9.17,5.11 9.24,4.97 9.19,4.89C9.13,4.81 8.9,4.83 8.9,4.73C8.9,4.62 9.05,4.28 9.5,3.96C9.5,3.96 10.06,3.6 10.37,3.68C10.47,3.71 10.43,3.95 10.5,4C10.54,4.1 10.7,4.08 10.73,4.15C10.77,4.21 10.73,4.32 10.85,4.44M21.92,17.15C22.29,17.81 21.53,19 20.5,19.7C19.5,20.39 18.21,20.54 17.83,20C17.66,19.78 12.67,12.82 12.56,12.62C12.45,12.43 12.32,11 12.18,10.59L12.15,10.55C12.45,10 13.07,8.77 13.73,7.47C14.3,8.06 14.75,8.56 14.88,8.72C15.21,9 16.53,9.58 16.68,9.75C16.82,9.92 21.78,16.91 21.92,17.15Z" /></svg><svg id="update" viewBox="0 0 24 24"><path d="M21,10.12H14.22L16.96,7.3C14.23,4.6 9.81,4.5 7.08,7.2C4.35,9.91 4.35,14.28 7.08,17C9.81,19.7 14.23,19.7 16.96,17C18.32,15.65 19,14.08 19,12.1H21C21,14.08 20.12,16.65 18.36,18.39C14.85,21.87 9.15,21.87 5.64,18.39C2.14,14.92 2.11,9.28 5.62,5.81C9.13,2.34 14.76,2.34 18.27,5.81L21,3V10.12M12.5,8V12.25L16,14.33L15.28,15.54L11,13V8H12.5Z" /></svg><svg id="upload" viewBox="0 0 24 24"><path d="M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z" /></svg><svg id="upload-multiple" viewBox="0 0 24 24"><path d="M9,14V8H5L12,1L19,8H15V14H9M5,18V16H19V18H5M19,20H5V22H19V20Z" /></svg><svg id="upload-network" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7C5.89,17 5,16.1 5,15V5A2,2 0 0,1 7,3H17M12,5.5L7.5,10H11V14H13V10H16.5L12,5.5Z" /></svg><svg id="upload-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M12,6L8,10H11V14H13V10H16L12,6Z" /></svg><svg id="upload-outline" viewBox="0 0 24 24"><path d="M9,10V16H15V10H19L12,3L5,10H9M12,5.8L14.2,8H13V14H11V8H9.8L12,5.8M19,18H5V20H19V18Z" /></svg><svg id="usb" viewBox="0 0 24 24"><path d="M15,7V11H16V13H13V5H15L12,1L9,5H11V13H8V10.93C8.7,10.56 9.2,9.85 9.2,9C9.2,7.78 8.21,6.8 7,6.8C5.78,6.8 4.8,7.78 4.8,9C4.8,9.85 5.3,10.56 6,10.93V13A2,2 0 0,0 8,15H11V18.05C10.29,18.41 9.8,19.15 9.8,20A2.2,2.2 0 0,0 12,22.2A2.2,2.2 0 0,0 14.2,20C14.2,19.15 13.71,18.41 13,18.05V15H16A2,2 0 0,0 18,13V11H19V7H15Z" /></svg><svg id="van-passenger" viewBox="0 0 24 24"><path d="M3,7C1.89,7 1,7.89 1,9V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V13C23,11.89 22.11,11 21,11L18,7H3M3,8.5H7V11H3V8.5M9,8.5H13V11H9V8.5M15,8.5H17.5L19.46,11H15V8.5M6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5M18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5Z" /></svg><svg id="van-utility" viewBox="0 0 24 24"><path d="M3,7C1.89,7 1,7.89 1,9V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V13C23,11.89 22.11,11 21,11L18,7H3M15,8.5H17.5L19.46,11H15V8.5M6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5M18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5Z" /></svg><svg id="vanish" viewBox="0 0 24 24"><path d="M16,13V11H21V13H16M14.83,7.76L17.66,4.93L19.07,6.34L16.24,9.17L14.83,7.76M11,16H13V21H11V16M11,3H13V8H11V3M4.93,17.66L7.76,14.83L9.17,16.24L6.34,19.07L4.93,17.66M4.93,6.34L6.34,4.93L9.17,7.76L7.76,9.17L4.93,6.34M8,13H3V11H8V13M19.07,17.66L17.66,19.07L14.83,16.24L16.24,14.83L19.07,17.66Z" /></svg><svg id="variable" viewBox="0 0 24 24"><path d="M20.41,3C21.8,5.71 22.35,8.84 22,12C21.8,15.16 20.7,18.29 18.83,21L17.3,20C18.91,17.57 19.85,14.8 20,12C20.34,9.2 19.89,6.43 18.7,4L20.41,3M5.17,3L6.7,4C5.09,6.43 4.15,9.2 4,12C3.66,14.8 4.12,17.57 5.3,20L3.61,21C2.21,18.29 1.65,15.17 2,12C2.2,8.84 3.3,5.71 5.17,3M12.08,10.68L14.4,7.45H16.93L13.15,12.45L15.35,17.37H13.09L11.71,14L9.28,17.33H6.76L10.66,12.21L8.53,7.45H10.8L12.08,10.68Z" /></svg><svg id="vector-arrange-above" viewBox="0 0 24 24"><path d="M3,1C1.89,1 1,1.89 1,3V14C1,15.11 1.89,16 3,16C6.67,16 10.33,16 14,16C15.11,16 16,15.11 16,14C16,10.33 16,6.67 16,3C16,1.89 15.11,1 14,1H3M3,3H14V14H3V3M18,7V9H20V20H9V18H7V20C7,21.11 7.89,22 9,22H20C21.11,22 22,21.11 22,20V9C22,7.89 21.11,7 20,7H18Z" /></svg><svg id="vector-arrange-below" viewBox="0 0 24 24"><path d="M20,22C21.11,22 22,21.11 22,20V9C22,7.89 21.11,7 20,7C16.33,7 12.67,7 9,7C7.89,7 7,7.89 7,9C7,12.67 7,16.33 7,20C7,21.11 7.89,22 9,22H20M20,20H9V9H20V20M5,16V14H3V3H14V5H16V3C16,1.89 15.11,1 14,1H3C1.89,1 1,1.89 1,3V14C1,15.11 1.89,16 3,16H5Z" /></svg><svg id="vector-bezier" viewBox="0 0 24 24"><path d="M7.5,4A1.5,1.5 0 0,0 6,5.5A1.5,1.5 0 0,0 7.5,7C8.13,7 8.7,6.6 8.91,6H13C13.67,5.33 14.33,5 15,5H8.91C8.7,4.4 8.13,4 7.5,4M19,5C8,5 14,17 5,17V19C16,19 10,7 19,7V5M16.5,17C15.87,17 15.3,17.4 15.09,18H11C10.33,18.67 9.67,19 9,19H15.09C15.3,19.6 15.87,20 16.5,20A1.5,1.5 0 0,0 18,18.5A1.5,1.5 0 0,0 16.5,17Z" /></svg><svg id="vector-circle" viewBox="0 0 24 24"><path d="M9,2V4.06C6.72,4.92 4.92,6.72 4.05,9H2V15H4.06C4.92,17.28 6.72,19.09 9,19.95V22H15V19.94C17.28,19.08 19.09,17.28 19.95,15H22V9H19.94C19.08,6.72 17.28,4.92 15,4.05V2M11,4H13V6H11M9,6.25V8H15V6.25C16.18,6.86 17.14,7.82 17.75,9H16V15H17.75C17.14,16.18 16.18,17.14 15,17.75V16H9V17.75C7.82,17.14 6.86,16.18 6.25,15H8V9H6.25C6.86,7.82 7.82,6.86 9,6.25M4,11H6V13H4M18,11H20V13H18M11,18H13V20H11" /></svg><svg id="vector-circle-variant" viewBox="0 0 24 24"><path d="M22,9H19.97C18.7,5.41 15.31,3 11.5,3A9,9 0 0,0 2.5,12C2.5,17 6.53,21 11.5,21C15.31,21 18.7,18.6 20,15H22M20,11V13H18V11M17.82,15C16.66,17.44 14.2,19 11.5,19C7.64,19 4.5,15.87 4.5,12C4.5,8.14 7.64,5 11.5,5C14.2,5 16.66,6.57 17.81,9H16V15" /></svg><svg id="vector-combine" viewBox="0 0 24 24"><path d="M3,1C1.89,1 1,1.89 1,3V14C1,15.11 1.89,16 3,16C4.33,16 7,16 7,16C7,16 7,18.67 7,20C7,21.11 7.89,22 9,22H20C21.11,22 22,21.11 22,20V9C22,7.89 21.11,7 20,7C18.67,7 16,7 16,7C16,7 16,4.33 16,3C16,1.89 15.11,1 14,1H3M3,3H14C14,4.33 14,7 14,7H9C7.89,7 7,7.89 7,9V14C7,14 4.33,14 3,14V3M9,9H14V14H9V9M16,9C16,9 18.67,9 20,9V20H9C9,18.67 9,16 9,16H14C15.11,16 16,15.11 16,14V9Z" /></svg><svg id="vector-curve" viewBox="0 0 24 24"><path d="M18.5,2A1.5,1.5 0 0,1 20,3.5A1.5,1.5 0 0,1 18.5,5C18.27,5 18.05,4.95 17.85,4.85L14.16,8.55L14.5,9C16.69,7.74 19.26,7 22,7L23,7.03V9.04L22,9C19.42,9 17,9.75 15,11.04A3.96,3.96 0 0,1 11.04,15C9.75,17 9,19.42 9,22L9.04,23H7.03L7,22C7,19.26 7.74,16.69 9,14.5L8.55,14.16L4.85,17.85C4.95,18.05 5,18.27 5,18.5A1.5,1.5 0 0,1 3.5,20A1.5,1.5 0 0,1 2,18.5A1.5,1.5 0 0,1 3.5,17C3.73,17 3.95,17.05 4.15,17.15L7.84,13.45C7.31,12.78 7,11.92 7,11A4,4 0 0,1 11,7C11.92,7 12.78,7.31 13.45,7.84L17.15,4.15C17.05,3.95 17,3.73 17,3.5A1.5,1.5 0 0,1 18.5,2M11,9A2,2 0 0,0 9,11A2,2 0 0,0 11,13A2,2 0 0,0 13,11A2,2 0 0,0 11,9Z" /></svg><svg id="vector-difference" viewBox="0 0 24 24"><path d="M3,1C1.89,1 1,1.89 1,3V14C1,15.11 1.89,16 3,16H5V14H3V3H14V5H16V3C16,1.89 15.11,1 14,1H3M9,7C7.89,7 7,7.89 7,9V11H9V9H11V7H9M13,7V9H14V10H16V7H13M18,7V9H20V20H9V18H7V20C7,21.11 7.89,22 9,22H20C21.11,22 22,21.11 22,20V9C22,7.89 21.11,7 20,7H18M14,12V14H12V16H14C15.11,16 16,15.11 16,14V12H14M7,13V16H10V14H9V13H7Z" /></svg><svg id="vector-difference-ab" viewBox="0 0 24 24"><path d="M3,1C1.89,1 1,1.89 1,3V5H3V3H5V1H3M7,1V3H10V1H7M12,1V3H14V5H16V3C16,1.89 15.11,1 14,1H12M1,7V10H3V7H1M14,7C14,7 14,11.67 14,14C11.67,14 7,14 7,14C7,14 7,18 7,20C7,21.11 7.89,22 9,22H20C21.11,22 22,21.11 22,20V9C22,7.89 21.11,7 20,7C18,7 14,7 14,7M16,9H20V20H9V16H14C15.11,16 16,15.11 16,14V9M1,12V14C1,15.11 1.89,16 3,16H5V14H3V12H1Z" /></svg><svg id="vector-difference-ba" viewBox="0 0 24 24"><path d="M20,22C21.11,22 22,21.11 22,20V18H20V20H18V22H20M16,22V20H13V22H16M11,22V20H9V18H7V20C7,21.11 7.89,22 9,22H11M22,16V13H20V16H22M9,16C9,16 9,11.33 9,9C11.33,9 16,9 16,9C16,9 16,5 16,3C16,1.89 15.11,1 14,1H3C1.89,1 1,1.89 1,3V14C1,15.11 1.89,16 3,16C5,16 9,16 9,16M7,14H3V3H14V7H9C7.89,7 7,7.89 7,9V14M22,11V9C22,7.89 21.11,7 20,7H18V9H20V11H22Z" /></svg><svg id="vector-ellipse" viewBox="0 0 24 24"><path d="M23,9V15H20.35C19.38,17.12 17.43,18.78 15,19.54V22H9V19.54C5.5,18.45 3,15.5 3,12C3,7.58 7.03,4 12,4C15.78,4 19,6.07 20.35,9H23M17,15V9H18.06C16.85,7.21 14.59,6 12,6C8.13,6 5,8.69 5,12C5,14.39 6.64,16.46 9,17.42V16H15V17.42C16.29,16.9 17.35,16.05 18.06,15H17M19,13H21V11H19V13M11,20H13V18H11V20Z" /></svg><svg id="vector-intersection" viewBox="0 0 24 24"><path d="M3.14,1A2.14,2.14 0 0,0 1,3.14V5H3V3H5V1H3.14M7,1V3H10V1H7M12,1V3H14V5H16V3.14C16,1.96 15.04,1 13.86,1H12M1,7V10H3V7H1M9,7C7.89,7 7,7.89 7,9C7,11.33 7,16 7,16C7,16 11.57,16 13.86,16A2.14,2.14 0 0,0 16,13.86C16,11.57 16,7 16,7C16,7 11.33,7 9,7M18,7V9H20V11H22V9C22,7.89 21.11,7 20,7H18M9,9H14V14H9V9M1,12V13.86C1,15.04 1.96,16 3.14,16H5V14H3V12H1M20,13V16H22V13H20M7,18V20C7,21.11 7.89,22 9,22H11V20H9V18H7M20,18V20H18V22H20C21.11,22 22,21.11 22,20V18H20M13,20V22H16V20H13Z" /></svg><svg id="vector-line" viewBox="0 0 24 24"><path d="M15,3V7.59L7.59,15H3V21H9V16.42L16.42,9H21V3M17,5H19V7H17M5,17H7V19H5" /></svg><svg id="vector-point" viewBox="0 0 24 24"><path d="M12,20L7,22L12,11L17,22L12,20M8,2H16V5H22V7H16V10H8V7H2V5H8V2M10,4V8H14V4H10Z" /></svg><svg id="vector-polygon" viewBox="0 0 24 24"><path d="M2,2V8H4.28L5.57,16H4V22H10V20.06L15,20.05V22H21V16H19.17L20,9H22V3H16V6.53L14.8,8H9.59L8,5.82V2M4,4H6V6H4M18,5H20V7H18M6.31,8H7.11L9,10.59V14H15V10.91L16.57,9H18L17.16,16H15V18.06H10V16H7.6M11,10H13V12H11M6,18H8V20H6M17,18H19V20H17" /></svg><svg id="vector-polyline" viewBox="0 0 24 24"><path d="M16,2V8H17.08L14.95,13H14.26L12,9.97V5H6V11H6.91L4.88,16H2V22H8V16H7.04L9.07,11H10.27L12,13.32V19H18V13H17.12L19.25,8H22V2M18,4H20V6H18M8,7H10V9H8M14,15H16V17H14M4,18H6V20H4" /></svg><svg id="vector-radius" viewBox="0 0 24 24"><path d="M2,4H4V2H10V4A10,10 0 0,1 20,14H22V20H20V22H18V20H16V14H18A8,8 0 0,0 10,6V8H4V6H2V4M18,16V18H20V16H18M6,4V6H8V4H6Z" /></svg><svg id="vector-rectangle" viewBox="0 0 24 24"><path d="M2,4H8V6H16V4H22V10H20V14H22V20H16V18H8V20H2V14H4V10H2V4M16,10V8H8V10H6V14H8V16H16V14H18V10H16M4,6V8H6V6H4M18,6V8H20V6H18M4,16V18H6V16H4M18,16V18H20V16H18Z" /></svg><svg id="vector-selection" viewBox="0 0 24 24"><path d="M3,1H5V3H3V5H1V3A2,2 0 0,1 3,1M14,1A2,2 0 0,1 16,3V5H14V3H12V1H14M20,7A2,2 0 0,1 22,9V11H20V9H18V7H20M22,20A2,2 0 0,1 20,22H18V20H20V18H22V20M20,13H22V16H20V13M13,9V7H16V10H14V9H13M13,22V20H16V22H13M9,22A2,2 0 0,1 7,20V18H9V20H11V22H9M7,16V13H9V14H10V16H7M7,3V1H10V3H7M3,16A2,2 0 0,1 1,14V12H3V14H5V16H3M1,7H3V10H1V7M9,7H11V9H9V11H7V9A2,2 0 0,1 9,7M16,14A2,2 0 0,1 14,16H12V14H14V12H16V14Z" /></svg><svg id="vector-square" viewBox="0 0 24 24"><path d="M2,2H8V4H16V2H22V8H20V16H22V22H16V20H8V22H2V16H4V8H2V2M16,8V6H8V8H6V16H8V18H16V16H18V8H16M4,4V6H6V4H4M18,4V6H20V4H18M4,18V20H6V18H4M18,18V20H20V18H18Z" /></svg><svg id="vector-triangle" viewBox="0 0 24 24"><path d="M9,3V9H9.73L5.79,16H2V22H8V20H16V22H22V16H18.21L14.27,9H15V3M11,5H13V7H11M12,9.04L16,16.15V18H8V16.15M4,18H6V20H4M18,18H20V20H18" /></svg><svg id="vector-union" viewBox="0 0 24 24"><path d="M3,1C1.89,1 1,1.89 1,3V14C1,15.11 1.89,16 3,16H7V20C7,21.11 7.89,22 9,22H20C21.11,22 22,21.11 22,20V9C22,7.89 21.11,7 20,7H16V3C16,1.89 15.11,1 14,1H3M3,3H14V9H20V20H9V14H3V3Z" /></svg><svg id="venmo" viewBox="0 0 24 24"><path d="M19.5,3C20.14,4.08 20.44,5.19 20.44,6.6C20.44,11.08 16.61,16.91 13.5,21H6.41L3.56,4L9.77,3.39L11.28,15.5C12.69,13.21 14.42,9.61 14.42,7.16C14.42,5.81 14.19,4.9 13.83,4.15L19.5,3Z" /></svg><svg id="vhs" viewBox="0 0 24 24"><path d="M4,6A2,2 0 0,0 2,8V16A2,2 0 0,0 4,18H20A2,2 0 0,0 22,16V8A2,2 0 0,0 20,6H4M4.54,10H7V14H4.54C4.19,13.39 4,12.7 4,12C4,11.3 4.19,10.61 4.54,10M9,10H15V14H9V10M17,10H19.46C19.81,10.61 20,11.3 20,12C20,12.7 19.81,13.39 19.46,14H17V10Z" /></svg><svg id="vibrate" viewBox="0 0 24 24"><path d="M16,19H8V5H16M16.5,3H7.5A1.5,1.5 0 0,0 6,4.5V19.5A1.5,1.5 0 0,0 7.5,21H16.5A1.5,1.5 0 0,0 18,19.5V4.5A1.5,1.5 0 0,0 16.5,3M19,17H21V7H19M22,9V15H24V9M3,17H5V7H3M0,15H2V9H0V15Z" /></svg><svg id="vibrate-off" viewBox="0 0 24 24"><path d="M8.2,5L6.55,3.35C6.81,3.12 7.15,3 7.5,3H16.5A1.5,1.5 0 0,1 18,4.5V14.8L16,12.8V5H8.2M0,15H2V9H0V15M21,17V7H19V15.8L20.2,17H21M3,17H5V7H3V17M18,17.35L22.11,21.46L20.84,22.73L18,19.85C17.83,20.54 17.21,21 16.5,21H7.5A1.5,1.5 0 0,1 6,19.5V7.89L1.11,3L2.39,1.73L6.09,5.44L8,7.34L16,15.34L18,17.34V17.35M16,17.89L8,9.89V19H16V17.89M22,9V15H24V9H22Z" /></svg><svg id="video" viewBox="0 0 24 24"><path d="M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5Z" /></svg><svg id="video-3d" viewBox="0 0 24 24"><path d="M5,7H9A2,2 0 0,1 11,9V15A2,2 0 0,1 9,17H5V15H9V13H6V11H9V9H5V7M13,7H16A3,3 0 0,1 19,10V14A3,3 0 0,1 16,17H13V7M16,15A1,1 0 0,0 17,14V10A1,1 0 0,0 16,9H15V15H16Z" /></svg><svg id="video-4k-box" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,13.5H11V15H9.5V13.5H6.5V9H8V12H9.5V9H11V12H12V13.5M18,15H16.2L14.4,12.8V15H13V9H14.5V11.2L16.2,9H18L15.8,12L18,15Z" /></svg><svg id="video-account" viewBox="0 0 24 24"><path d="M17,10.5L21,6.5V17.5L17,13.5V17A1,1 0 0,1 16,18H4A1,1 0 0,1 3,17V7A1,1 0 0,1 4,6H16A1,1 0 0,1 17,7V10.5M14,16V15C14,13.67 11.33,13 10,13C8.67,13 6,13.67 6,15V16H14M10,8A2,2 0 0,0 8,10A2,2 0 0,0 10,12A2,2 0 0,0 12,10A2,2 0 0,0 10,8Z" /></svg><svg id="video-image" viewBox="0 0 24 24"><path d="M17,10.5L21,6.5V17.5L17,13.5V17A1,1 0 0,1 16,18H4A1,1 0 0,1 3,17V7A1,1 0 0,1 4,6H16A1,1 0 0,1 17,7V10.5M10.91,9.55L9.2,11.82L10.5,13.55L9.77,14.09L7.73,11.36L5,15H15L10.91,9.55Z" /></svg><svg id="video-input-antenna" viewBox="0 0 24 24"><path d="M12,5A7,7 0 0,0 5,12H7A5,5 0 0,1 12,7A5,5 0 0,1 17,12H19A7,7 0 0,0 12,5M13,14.29C13.88,13.9 14.5,13.03 14.5,12A2.5,2.5 0 0,0 12,9.5A2.5,2.5 0 0,0 9.5,12C9.5,13 10.12,13.9 11,14.29V17.59L7.59,21L9,22.41L12,19.41L15,22.41L16.41,21L13,17.59V14.29M12,1A11,11 0 0,0 1,12H3A9,9 0 0,1 12,3A9,9 0 0,1 21,12H23A11,11 0 0,0 12,1Z" /></svg><svg id="video-input-component" viewBox="0 0 24 24"><path d="M5,2A1,1 0 0,0 4,1A1,1 0 0,0 3,2V6H1V12H7V6H5V2M9,16C9,17.3 9.84,18.4 11,18.82V23H13V18.82C14.16,18.41 15,17.31 15,16V14H9V16M1,16C1,17.3 1.84,18.4 3,18.82V23H5V18.82C6.16,18.4 7,17.3 7,16V14H1V16M21,6V2A1,1 0 0,0 20,1A1,1 0 0,0 19,2V6H17V12H23V6H21M13,2A1,1 0 0,0 12,1A1,1 0 0,0 11,2V6H9V12H15V6H13V2M17,16C17,17.3 17.84,18.4 19,18.82V23H21V18.82C22.16,18.41 23,17.31 23,16V14H17V16Z" /></svg><svg id="video-input-hdmi" viewBox="0 0 24 24"><path d="M18,7V4A2,2 0 0,0 16,2H8A2,2 0 0,0 6,4V7H5V13L8,19V22H16V19L19,13V7H18M8,4H16V7H14V5H13V7H11V5H10V7H8V4Z" /></svg><svg id="video-input-svideo" viewBox="0 0 24 24"><path d="M8,11.5A1.5,1.5 0 0,0 6.5,10A1.5,1.5 0 0,0 5,11.5A1.5,1.5 0 0,0 6.5,13A1.5,1.5 0 0,0 8,11.5M15,6.5A1.5,1.5 0 0,0 13.5,5H10.5A1.5,1.5 0 0,0 9,6.5A1.5,1.5 0 0,0 10.5,8H13.5A1.5,1.5 0 0,0 15,6.5M8.5,15A1.5,1.5 0 0,0 7,16.5A1.5,1.5 0 0,0 8.5,18A1.5,1.5 0 0,0 10,16.5A1.5,1.5 0 0,0 8.5,15M12,1A11,11 0 0,0 1,12A11,11 0 0,0 12,23A11,11 0 0,0 23,12A11,11 0 0,0 12,1M12,21C7.04,21 3,16.96 3,12C3,7.04 7.04,3 12,3C16.96,3 21,7.04 21,12C21,16.96 16.96,21 12,21M17.5,10A1.5,1.5 0 0,0 16,11.5A1.5,1.5 0 0,0 17.5,13A1.5,1.5 0 0,0 19,11.5A1.5,1.5 0 0,0 17.5,10M15.5,15A1.5,1.5 0 0,0 14,16.5A1.5,1.5 0 0,0 15.5,18A1.5,1.5 0 0,0 17,16.5A1.5,1.5 0 0,0 15.5,15Z" /></svg><svg id="video-minus" viewBox="0 0 24 24"><path d="M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5M14,13H6V11H14V13Z" /></svg><svg id="video-off" viewBox="0 0 24 24"><path d="M3.27,2L2,3.27L4.73,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16C16.2,18 16.39,17.92 16.54,17.82L19.73,21L21,19.73M21,6.5L17,10.5V7A1,1 0 0,0 16,6H9.82L21,17.18V6.5Z" /></svg><svg id="video-off-outline" viewBox="0 0 24 24"><path d="M3.41,1.86L2,3.27L4.73,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16C16.21,18 16.39,17.92 16.55,17.82L19.73,21L21.14,19.59L12.28,10.73L3.41,1.86M5,16V8H6.73L14.73,16H5M15,8V10.61L21,16.61V6.5L17,10.5V7A1,1 0 0,0 16,6H10.39L12.39,8H15Z" /></svg><svg id="video-outline" viewBox="0 0 24 24"><path d="M15,8V16H5V8H15M16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5V7A1,1 0 0,0 16,6Z" /></svg><svg id="video-plus" viewBox="0 0 24 24"><path d="M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5M14,13H11V16H9V13H6V11H9V8H11V11H14V13Z" /></svg><svg id="video-stabilization" viewBox="0 0 24 24"><path d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M4,6V18H20V6H4M7.24,6.58L18.83,9.69L16.76,17.42L5.17,14.31L7.24,6.58Z" /></svg><svg id="video-switch" viewBox="0 0 24 24"><path d="M13,15.5V13H7V15.5L3.5,12L7,8.5V11H13V8.5L16.5,12M18,9.5V6A1,1 0 0,0 17,5H3A1,1 0 0,0 2,6V18A1,1 0 0,0 3,19H17A1,1 0 0,0 18,18V14.5L22,18.5V5.5L18,9.5Z" /></svg><svg id="video-vintage" viewBox="0 0 24 24"><path d="M18,14.5V11A1,1 0 0,0 17,10H16C18.24,8.39 18.76,5.27 17.15,3C15.54,0.78 12.42,0.26 10.17,1.87C9.5,2.35 8.96,3 8.6,3.73C6.25,2.28 3.17,3 1.72,5.37C0.28,7.72 1,10.8 3.36,12.25C3.57,12.37 3.78,12.5 4,12.58V21A1,1 0 0,0 5,22H17A1,1 0 0,0 18,21V17.5L22,21.5V10.5L18,14.5M13,4A2,2 0 0,1 15,6A2,2 0 0,1 13,8A2,2 0 0,1 11,6A2,2 0 0,1 13,4M6,6A2,2 0 0,1 8,8A2,2 0 0,1 6,10A2,2 0 0,1 4,8A2,2 0 0,1 6,6Z" /></svg><svg id="view-agenda" viewBox="0 0 24 24"><path d="M20,3H3A1,1 0 0,0 2,4V10A1,1 0 0,0 3,11H20A1,1 0 0,0 21,10V4A1,1 0 0,0 20,3M20,13H3A1,1 0 0,0 2,14V20A1,1 0 0,0 3,21H20A1,1 0 0,0 21,20V14A1,1 0 0,0 20,13Z" /></svg><svg id="view-array" viewBox="0 0 24 24"><path d="M8,18H17V5H8M18,5V18H21V5M4,18H7V5H4V18Z" /></svg><svg id="view-carousel" viewBox="0 0 24 24"><path d="M18,6V17H22V6M2,17H6V6H2M7,19H17V4H7V19Z" /></svg><svg id="view-column" viewBox="0 0 24 24"><path d="M16,5V18H21V5M4,18H9V5H4M10,18H15V5H10V18Z" /></svg><svg id="view-comfy" viewBox="0 0 24 24"><path d="M3,9H7V5H3V9M3,14H7V10H3V14M8,14H12V10H8V14M13,14H17V10H13V14M8,9H12V5H8V9M13,5V9H17V5H13M18,14H22V10H18V14M3,19H7V15H3V19M8,19H12V15H8V19M13,19H17V15H13V19M18,19H22V15H18V19M18,5V9H22V5H18Z" /></svg><svg id="view-compact" viewBox="0 0 24 24"><path d="M3,19H9V12H3V19M10,19H22V12H10V19M3,5V11H22V5H3Z" /></svg><svg id="view-compact-outline" viewBox="0 0 24 24"><path d="M3,5V19H22V5H3M5,7H20V11H5V7M5,17V13H9V17H5M11,17V13H20V17H11Z" /></svg><svg id="view-dashboard" viewBox="0 0 24 24"><path d="M13,3V9H21V3M13,21H21V11H13M3,21H11V15H3M3,13H11V3H3V13Z" /></svg><svg id="view-dashboard-outline" viewBox="0 0 24 24"><path d="M19,5V7H15V5H19M9,5V11H5V5H9M19,13V19H15V13H19M9,17V19H5V17H9M21,3H13V9H21V3M11,3H3V13H11V3M21,11H13V21H21V11M11,15H3V21H11V15Z" /></svg><svg id="view-dashboard-variant" viewBox="0 0 24 24"><path d="M2,5V19H8V5H2M9,5V10H15V5H9M16,5V14H22V5H16M9,11V19H15V11H9M16,15V19H22V15H16Z" /></svg><svg id="view-day" viewBox="0 0 24 24"><path d="M2,3V6H21V3M20,8H3A1,1 0 0,0 2,9V15A1,1 0 0,0 3,16H20A1,1 0 0,0 21,15V9A1,1 0 0,0 20,8M2,21H21V18H2V21Z" /></svg><svg id="view-grid" viewBox="0 0 24 24"><path d="M3,11H11V3H3M3,21H11V13H3M13,21H21V13H13M13,3V11H21V3" /></svg><svg id="view-headline" viewBox="0 0 24 24"><path d="M4,5V7H21V5M4,11H21V9H4M4,19H21V17H4M4,15H21V13H4V15Z" /></svg><svg id="view-list" viewBox="0 0 24 24"><path d="M9,5V9H21V5M9,19H21V15H9M9,14H21V10H9M4,9H8V5H4M4,19H8V15H4M4,14H8V10H4V14Z" /></svg><svg id="view-module" viewBox="0 0 24 24"><path d="M16,5V11H21V5M10,11H15V5H10M16,18H21V12H16M10,18H15V12H10M4,18H9V12H4M4,11H9V5H4V11Z" /></svg><svg id="view-parallel" viewBox="0 0 24 24"><path d="M4,21V3H8V21H4M10,21V3H14V21H10M16,21V3H20V21H16Z" /></svg><svg id="view-quilt" viewBox="0 0 24 24"><path d="M10,5V11H21V5M16,18H21V12H16M4,18H9V5H4M10,18H15V12H10V18Z" /></svg><svg id="view-sequential" viewBox="0 0 24 24"><path d="M3,4H21V8H3V4M3,10H21V14H3V10M3,16H21V20H3V16Z" /></svg><svg id="view-split-horizontal" viewBox="0 0 24 24"><path d="M3,5H21V7H3V5M3,11V9H21V11H3M3,19V13H21V19H3Z" /></svg><svg id="view-split-vertical" viewBox="0 0 24 24"><path d="M13,5H21V19H13V5M3,5H11V7H3V5M3,11V9H11V11H3M3,19V17H11V19H3M3,15V13H11V15H3Z" /></svg><svg id="view-stream" viewBox="0 0 24 24"><path d="M4,5V11H21V5M4,18H21V12H4V18Z" /></svg><svg id="view-week" viewBox="0 0 24 24"><path d="M13,5H10A1,1 0 0,0 9,6V18A1,1 0 0,0 10,19H13A1,1 0 0,0 14,18V6A1,1 0 0,0 13,5M20,5H17A1,1 0 0,0 16,6V18A1,1 0 0,0 17,19H20A1,1 0 0,0 21,18V6A1,1 0 0,0 20,5M6,5H3A1,1 0 0,0 2,6V18A1,1 0 0,0 3,19H6A1,1 0 0,0 7,18V6A1,1 0 0,0 6,5Z" /></svg><svg id="vimeo" viewBox="0 0 24 24"><path d="M22,7.42C21.91,9.37 20.55,12.04 17.92,15.44C15.2,19 12.9,20.75 11,20.75C9.85,20.75 8.86,19.67 8.05,17.5C7.5,15.54 7,13.56 6.44,11.58C5.84,9.42 5.2,8.34 4.5,8.34C4.36,8.34 3.84,8.66 2.94,9.29L2,8.07C3,7.2 3.96,6.33 4.92,5.46C6.24,4.32 7.23,3.72 7.88,3.66C9.44,3.5 10.4,4.58 10.76,6.86C11.15,9.33 11.42,10.86 11.57,11.46C12,13.5 12.5,14.5 13.05,14.5C13.47,14.5 14.1,13.86 14.94,12.53C15.78,11.21 16.23,10.2 16.29,9.5C16.41,8.36 15.96,7.79 14.94,7.79C14.46,7.79 13.97,7.9 13.46,8.12C14.44,4.89 16.32,3.32 19.09,3.41C21.15,3.47 22.12,4.81 22,7.42Z" /></svg><svg id="violin" viewBox="0 0 24 24"><path d="M11,2A1,1 0 0,0 10,3V5L10,9A0.5,0.5 0 0,0 10.5,9.5H12A0.5,0.5 0 0,1 12.5,10A0.5,0.5 0 0,1 12,10.5H10.5C9.73,10.5 9,9.77 9,9V5.16C7.27,5.6 6,7.13 6,9V10.5A2.5,2.5 0 0,1 8.5,13A2.5,2.5 0 0,1 6,15.5V17C6,19.77 8.23,22 11,22H13C15.77,22 18,19.77 18,17V15.5A2.5,2.5 0 0,1 15.5,13A2.5,2.5 0 0,1 18,10.5V9C18,6.78 16.22,5 14,5V3A1,1 0 0,0 13,2H11M10.75,16.5H13.25L12.75,20H11.25L10.75,16.5Z" /></svg><svg id="virtual-reality" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5M6,9H7.5L8.5,12.43L9.5,9H11L9.25,15H7.75L6,9M13,9H16.5C17.35,9 18,9.65 18,10.5V11.5C18,12.1 17.6,12.65 17.1,12.9L18,15H16.5L15.65,13H14.5V15H13V9M14.5,10.5V11.5H16.5V10.5H14.5Z" /></svg><svg id="visual-studio" viewBox="0 0 24 24"><path d="M17,8.5L12.25,12.32L17,16V8.5M4.7,18.4L2,16.7V7.7L5,6.7L9.3,10.03L18,2L22,4.5V20L17,22L9.34,14.66L4.7,18.4M5,14L6.86,12.28L5,10.5V14Z" /></svg><svg id="visual-studio-code" viewBox="0 0 24 24"><path d="M3.29,7.77L4.42,7.38L7.19,9.47L11.8,4.88L14.5,6.1L14.54,14.96L11.78,16.17L7.18,11.62L4.42,13.71L3.29,13.33L6.06,10.57L3.29,7.77M8.63,10.56L11.77,12.89V8.19L8.63,10.56M17,19.17V2.03L22,4.1V19.9L16.91,22L2,16.92L17,19.17Z" /></svg><svg id="vk" viewBox="0 0 24 24"><path d="M20.8,7.74C20.93,7.32 20.8,7 20.18,7H18.16C17.64,7 17.41,7.27 17.28,7.57C17.28,7.57 16.25,10.08 14.79,11.72C14.31,12.19 14.1,12.34 13.84,12.34C13.71,12.34 13.5,12.19 13.5,11.76V7.74C13.5,7.23 13.38,7 12.95,7H9.76C9.44,7 9.25,7.24 9.25,7.47C9.25,7.95 10,8.07 10.05,9.44V12.42C10.05,13.08 9.93,13.2 9.68,13.2C9,13.2 7.32,10.67 6.33,7.79C6.13,7.23 5.94,7 5.42,7H3.39C2.82,7 2.7,7.27 2.7,7.57C2.7,8.11 3.39,10.77 5.9,14.29C7.57,16.7 9.93,18 12.08,18C13.37,18 13.53,17.71 13.53,17.21V15.39C13.53,14.82 13.65,14.7 14.06,14.7C14.36,14.7 14.87,14.85 16.07,16C17.45,17.38 17.67,18 18.45,18H20.47C21.05,18 21.34,17.71 21.18,17.14C21,16.57 20.34,15.74 19.47,14.76C19,14.21 18.29,13.61 18.07,13.3C17.77,12.92 17.86,12.75 18.07,12.4C18.07,12.4 20.54,8.93 20.8,7.74Z" /></svg><svg id="vk-box" viewBox="0 0 24 24"><path d="M5,3A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5M5.5,8.5H7C7.36,8.5 7.5,8.66 7.64,9.07C8.36,11.17 9.57,13 10.07,13C10.26,13 10.35,12.92 10.35,12.45V10.28C10.29,9.28 9.76,9.19 9.76,8.84C9.76,8.67 9.9,8.5 10.14,8.5H12.45C12.77,8.5 12.87,8.67 12.87,9.04V11.96C12.87,12.27 13,12.38 13.1,12.38C13.29,12.38 13.45,12.27 13.79,11.93C14.85,10.74 15.6,8.92 15.6,8.92C15.7,8.7 15.87,8.5 16.24,8.5H17.71C18.16,8.5 18.26,8.73 18.16,9.04C17.97,9.9 16.18,12.43 16.18,12.43C16,12.68 15.96,12.8 16.18,13.09C16.33,13.3 16.85,13.74 17.19,14.15C17.83,14.86 18.3,15.46 18.44,15.87C18.56,16.29 18.35,16.5 17.93,16.5H16.45C15.89,16.5 15.73,16.05 14.73,15.05C13.85,14.21 13.5,14.1 13.26,14.1C12.96,14.1 12.87,14.18 12.87,14.61V15.93C12.87,16.29 12.76,16.5 11.82,16.5C10.26,16.5 8.54,15.55 7.33,13.8C5.5,11.24 5,9.31 5,8.92C5,8.7 5.08,8.5 5.5,8.5Z" /></svg><svg id="vk-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M5.5,8.5H7C7.36,8.5 7.5,8.66 7.64,9.07C8.36,11.17 9.57,13 10.07,13C10.26,13 10.35,12.92 10.35,12.45V10.28C10.29,9.28 9.76,9.19 9.76,8.84C9.76,8.67 9.9,8.5 10.14,8.5H12.45C12.77,8.5 12.87,8.67 12.87,9.04V11.96C12.87,12.27 13,12.38 13.1,12.38C13.29,12.38 13.45,12.27 13.79,11.93C14.85,10.74 15.6,8.92 15.6,8.92C15.7,8.7 15.87,8.5 16.24,8.5H17.71C18.16,8.5 18.26,8.73 18.16,9.04C17.97,9.9 16.18,12.43 16.18,12.43C16,12.68 15.96,12.8 16.18,13.09C16.33,13.3 16.85,13.74 17.19,14.15C17.83,14.86 18.3,15.46 18.44,15.87C18.56,16.29 18.35,16.5 17.93,16.5H16.45C15.89,16.5 15.73,16.05 14.73,15.05C13.85,14.21 13.5,14.1 13.26,14.1C12.96,14.1 12.87,14.18 12.87,14.61V15.93C12.87,16.29 12.76,16.5 11.82,16.5C10.26,16.5 8.54,15.55 7.33,13.8C5.5,11.24 5,9.31 5,8.92C5,8.7 5.08,8.5 5.5,8.5Z" /></svg><svg id="vlc" viewBox="0 0 24 24"><path d="M12,1C11.58,1 11.19,1.23 11,1.75L9.88,4.88C10.36,5.4 11.28,5.5 12,5.5C12.72,5.5 13.64,5.4 14.13,4.88L13,1.75C12.82,1.25 12.42,1 12,1M8.44,8.91L7,12.91C8.07,14.27 10.26,14.5 12,14.5C13.74,14.5 15.93,14.27 17,12.91L15.56,8.91C14.76,9.83 13.24,10 12,10C10.76,10 9.24,9.83 8.44,8.91M5.44,15C4.62,15 3.76,15.65 3.53,16.44L2.06,21.56C1.84,22.35 2.3,23 3.13,23H20.88C21.7,23 22.16,22.35 21.94,21.56L20.47,16.44C20.24,15.65 19.38,15 18.56,15H17.75L18.09,15.97C18.21,16.29 18.29,16.69 18.09,16.97C16.84,18.7 14.14,19 12,19C9.86,19 7.16,18.7 5.91,16.97C5.71,16.69 5.79,16.29 5.91,15.97L6.25,15H5.44Z" /></svg><svg id="voice" viewBox="0 0 24 24"><path d="M9,5A4,4 0 0,1 13,9A4,4 0 0,1 9,13A4,4 0 0,1 5,9A4,4 0 0,1 9,5M9,15C11.67,15 17,16.34 17,19V21H1V19C1,16.34 6.33,15 9,15M16.76,5.36C18.78,7.56 18.78,10.61 16.76,12.63L15.08,10.94C15.92,9.76 15.92,8.23 15.08,7.05L16.76,5.36M20.07,2C24,6.05 23.97,12.11 20.07,16L18.44,14.37C21.21,11.19 21.21,6.65 18.44,3.63L20.07,2Z" /></svg><svg id="voicemail" viewBox="0 0 24 24"><path d="M18.5,15A3.5,3.5 0 0,1 15,11.5A3.5,3.5 0 0,1 18.5,8A3.5,3.5 0 0,1 22,11.5A3.5,3.5 0 0,1 18.5,15M5.5,15A3.5,3.5 0 0,1 2,11.5A3.5,3.5 0 0,1 5.5,8A3.5,3.5 0 0,1 9,11.5A3.5,3.5 0 0,1 5.5,15M18.5,6A5.5,5.5 0 0,0 13,11.5C13,12.83 13.47,14.05 14.26,15H9.74C10.53,14.05 11,12.83 11,11.5A5.5,5.5 0 0,0 5.5,6A5.5,5.5 0 0,0 0,11.5A5.5,5.5 0 0,0 5.5,17H18.5A5.5,5.5 0 0,0 24,11.5A5.5,5.5 0 0,0 18.5,6Z" /></svg><svg id="volleyball" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M13.6,20.35C15.96,18.04 17.69,15.08 18.5,11.76C17.84,11.62 17.18,11.54 16.5,11.5C15.56,15.11 13.41,18.22 10.5,20.37C11,20.45 11.5,20.5 12,20.5C12.55,20.5 13.08,20.45 13.6,20.35M9.23,20.04C12.23,18.07 14.5,15.05 15.46,11.5C14.71,11.55 13.97,11.65 13.27,11.81C12.18,14.89 9.97,17.44 7.13,18.97C7.77,19.42 8.5,19.78 9.23,20.04M20.5,12.37C20.16,12.23 19.81,12.11 19.46,12C18.76,14.9 17.39,17.53 15.54,19.73C18.36,18.44 20.35,15.64 20.5,12.37M3.56,11.04C3.5,11.35 3.5,11.68 3.5,12C3.5,14.5 4.57,16.73 6.27,18.28C6.86,18 7.41,17.66 7.94,17.29C6.08,15.54 4.58,13.41 3.56,11.04M5.33,6.74C4.73,7.5 4.26,8.35 3.95,9.28C4.92,12.13 6.58,14.66 8.74,16.67C9.25,16.24 9.72,15.77 10.15,15.26C7.74,13.03 6,10.08 5.33,6.74M8.04,4.5C7.36,4.85 6.73,5.3 6.18,5.82C6.71,9.21 8.37,12.23 10.77,14.47C11.17,13.91 11.5,13.32 11.82,12.7C9.68,10.56 8.28,7.69 8.04,4.5M19.96,9.03C18.7,8.68 17.37,8.5 16,8.5C14.1,8.5 12.28,8.85 10.61,9.5C10.96,10.1 11.35,10.67 11.8,11.2C13.12,10.75 14.53,10.5 16,10.5C17.57,10.5 19.08,10.78 20.47,11.29C20.4,10.5 20.23,9.74 19.96,9.03M17.54,5.57C17.03,5.5 16.5,5.5 16,5.5C13.69,5.5 11.47,5.94 9.44,6.73C9.62,7.38 9.86,8 10.14,8.61C11.96,7.89 13.93,7.5 16,7.5C17.18,7.5 18.32,7.63 19.42,7.87C18.93,7 18.29,6.21 17.54,5.57M16,4.5C14.79,3.87 13.44,3.5 12,3.5C10.95,3.5 9.94,3.7 9,4.05C9.04,4.63 9.11,5.2 9.21,5.75C11.31,4.95 13.6,4.5 16,4.5Z" /></svg><svg id="volume-high" viewBox="0 0 24 24"><path d="M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z" /></svg><svg id="volume-low" viewBox="0 0 24 24"><path d="M7,9V15H11L16,20V4L11,9H7Z" /></svg><svg id="volume-medium" viewBox="0 0 24 24"><path d="M5,9V15H9L14,20V4L9,9M18.5,12C18.5,10.23 17.5,8.71 16,7.97V16C17.5,15.29 18.5,13.76 18.5,12Z" /></svg><svg id="volume-minus" viewBox="0 0 24 24"><path d="M3,9H7L12,4V20L7,15H3V9M14,11H22V13H14V11Z" /></svg><svg id="volume-mute" viewBox="0 0 24 24"><path d="M3,9H7L12,4V20L7,15H3V9M16.59,12L14,9.41L15.41,8L18,10.59L20.59,8L22,9.41L19.41,12L22,14.59L20.59,16L18,13.41L15.41,16L14,14.59L16.59,12Z" /></svg><svg id="volume-off" viewBox="0 0 24 24"><path d="M12,4L9.91,6.09L12,8.18M4.27,3L3,4.27L7.73,9H3V15H7L12,20V13.27L16.25,17.53C15.58,18.04 14.83,18.46 14,18.7V20.77C15.38,20.45 16.63,19.82 17.68,18.96L19.73,21L21,19.73L12,10.73M19,12C19,12.94 18.8,13.82 18.46,14.64L19.97,16.15C20.62,14.91 21,13.5 21,12C21,7.72 18,4.14 14,3.23V5.29C16.89,6.15 19,8.83 19,12M16.5,12C16.5,10.23 15.5,8.71 14,7.97V10.18L16.45,12.63C16.5,12.43 16.5,12.21 16.5,12Z" /></svg><svg id="volume-plus" viewBox="0 0 24 24"><path d="M3,9H7L12,4V20L7,15H3V9M14,11H17V8H19V11H22V13H19V16H17V13H14V11Z" /></svg><svg id="volume-variant-off" viewBox="0 0 24 24"><path d="M5.64,3.64L21.36,19.36L19.95,20.78L16,16.83V20L11,15H7V9H8.17L4.22,5.05L5.64,3.64M16,4V11.17L12.41,7.58L16,4Z" /></svg><svg id="vote" viewBox="0 0 24 24"><path d="M18,13H17.32L15.32,15H17.23L19,17H5L6.78,15H8.83L6.83,13H6L3,16V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V16L18,13M17,7.95L12.05,12.9L8.5,9.36L13.46,4.41L17,7.95M12.76,2.29L6.39,8.66C6,9.05 6,9.68 6.39,10.07L11.34,15C11.73,15.41 12.36,15.41 12.75,15L19.11,8.66C19.5,8.27 19.5,7.64 19.11,7.25L14.16,2.3C13.78,1.9 13.15,1.9 12.76,2.29Z" /></svg><svg id="vote-outline" viewBox="0 0 24 24"><path d="M18,13L21,16V20C21,21.11 20.1,22 19,22H5C3.89,22 3,21.1 3,20V16L6,13H6.83L8.83,15H6.78L5,17H19L17.23,15H15.32L17.32,13H18M19,20V19H5V20H19M11.34,15L6.39,10.07C6,9.68 6,9.05 6.39,8.66L12.76,2.29C13.15,1.9 13.78,1.9 14.16,2.3L19.11,7.25C19.5,7.64 19.5,8.27 19.11,8.66L12.75,15C12.36,15.41 11.73,15.41 11.34,15M13.46,4.41L8.5,9.36L12.05,12.9L17,7.95L13.46,4.41Z" /></svg><svg id="vpn" viewBox="0 0 24 24"><path d="M9,5H15L12,8L9,5M10.5,14.66C10.2,15 10,15.5 10,16A2,2 0 0,0 12,18A2,2 0 0,0 14,16C14,15.45 13.78,14.95 13.41,14.59L14.83,13.17C15.55,13.9 16,14.9 16,16A4,4 0 0,1 12,20A4,4 0 0,1 8,16C8,14.93 8.42,13.96 9.1,13.25L9.09,13.24L16.17,6.17V6.17C16.89,5.45 17.89,5 19,5A4,4 0 0,1 23,9A4,4 0 0,1 19,13C17.9,13 16.9,12.55 16.17,11.83L17.59,10.41C17.95,10.78 18.45,11 19,11A2,2 0 0,0 21,9A2,2 0 0,0 19,7C18.45,7 17.95,7.22 17.59,7.59L10.5,14.66M6.41,7.59C6.05,7.22 5.55,7 5,7A2,2 0 0,0 3,9A2,2 0 0,0 5,11C5.55,11 6.05,10.78 6.41,10.41L7.83,11.83C7.1,12.55 6.1,13 5,13A4,4 0 0,1 1,9A4,4 0 0,1 5,5C6.11,5 7.11,5.45 7.83,6.17V6.17L10.59,8.93L9.17,10.35L6.41,7.59Z" /></svg><svg id="vuejs" viewBox="0 0 24 24"><path d="M2,3H5.5L12,15L18.5,3H22L12,21L2,3M6.5,3H9.5L12,7.58L14.5,3H17.5L12,13.08L6.5,3Z" /></svg><svg id="vuetify" viewBox="0 0 24 24"><path d="M12,11.64L7.92,2H16.08L12,11.64M12,21.95L3.27,4.91H7.84L12,14.47L16.16,4.91H20.73L12,21.95Z" /></svg><svg id="walk" viewBox="0 0 24 24"><path d="M14.12,10H19V8.2H15.38L13.38,4.87C13.08,4.37 12.54,4.03 11.92,4.03C11.74,4.03 11.58,4.06 11.42,4.11L6,5.8V11H7.8V7.33L9.91,6.67L6,22H7.8L10.67,13.89L13,17V22H14.8V15.59L12.31,11.05L13.04,8.18M14,3.8C15,3.8 15.8,3 15.8,2C15.8,1 15,0.2 14,0.2C13,0.2 12.2,1 12.2,2C12.2,3 13,3.8 14,3.8Z" /></svg><svg id="wall" viewBox="0 0 24 24"><path d="M3,16H12V21H3V16M2,10H8V15H2V10M9,10H15V15H9V10M16,10H22V15H16V10M13,16H21V21H13V16M3,4H11V9H3V4M12,4H21V9H12V4Z" /></svg><svg id="wall-sconce" viewBox="0 0 24 24"><path d="M11,4L7,13H19L15,4H11M4,14V22H6V19H14V14H12V17H6V14H4Z" /></svg><svg id="wall-sconce-flat" viewBox="0 0 24 24"><path d="M5,5V11H19V5H5M5.27,13.32L3.5,15.09L4.91,16.5L6.68,14.73L5.27,13.32M18.73,13.32L17.32,14.73L19.09,16.5L20.5,15.09L18.73,13.32M11,16V19H13V16H11Z" /></svg><svg id="wall-sconce-variant" viewBox="0 0 24 24"><path d="M11,4.5V7.5H13V4.5H11M4.91,7L3.5,8.41L5.27,10.18L6.68,8.77L4.91,7M19.09,7L17.32,8.77L18.73,10.18L20.5,8.41L19.09,7M4,11.5C4,14.36 5.5,17 8,18.43C10.5,19.86 13.5,19.86 16,18.43C18.5,17 20,14.36 20,11.5H12L4,11.5Z" /></svg><svg id="wallet" viewBox="0 0 24 24"><path d="M21,18V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V6H12C10.89,6 10,6.9 10,8V16A2,2 0 0,0 12,18M12,16H22V8H12M16,13.5A1.5,1.5 0 0,1 14.5,12A1.5,1.5 0 0,1 16,10.5A1.5,1.5 0 0,1 17.5,12A1.5,1.5 0 0,1 16,13.5Z" /></svg><svg id="wallet-giftcard" viewBox="0 0 24 24"><path d="M20,14H4V8H9.08L7,10.83L8.62,12L11,8.76L12,7.4L13,8.76L15.38,12L17,10.83L14.92,8H20M20,19H4V17H20M9,4A1,1 0 0,1 10,5A1,1 0 0,1 9,6A1,1 0 0,1 8,5A1,1 0 0,1 9,4M15,4A1,1 0 0,1 16,5A1,1 0 0,1 15,6A1,1 0 0,1 14,5A1,1 0 0,1 15,4M20,6H17.82C17.93,5.69 18,5.35 18,5A3,3 0 0,0 15,2C13.95,2 13.04,2.54 12.5,3.35L12,4L11.5,3.34C10.96,2.54 10.05,2 9,2A3,3 0 0,0 6,5C6,5.35 6.07,5.69 6.18,6H4C2.89,6 2,6.89 2,8V19C2,20.11 2.89,21 4,21H20C21.11,21 22,20.11 22,19V8C22,6.89 21.11,6 20,6Z" /></svg><svg id="wallet-membership" viewBox="0 0 24 24"><path d="M20,10H4V4H20M20,15H4V13H20M20,2H4C2.89,2 2,2.89 2,4V15C2,16.11 2.89,17 4,17H8V22L12,20L16,22V17H20C21.11,17 22,16.11 22,15V4C22,2.89 21.11,2 20,2Z" /></svg><svg id="wallet-outline" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V16.72C21.59,16.37 22,15.74 22,15V9C22,8.26 21.59,7.63 21,7.28V5A2,2 0 0,0 19,3H5M5,5H19V7H13A2,2 0 0,0 11,9V15A2,2 0 0,0 13,17H19V19H5V5M13,9H20V15H13V9M16,10.5A1.5,1.5 0 0,0 14.5,12A1.5,1.5 0 0,0 16,13.5A1.5,1.5 0 0,0 17.5,12A1.5,1.5 0 0,0 16,10.5Z" /></svg><svg id="wallet-travel" viewBox="0 0 24 24"><path d="M20,14H4V8H7V10H9V8H15V10H17V8H20M20,19H4V17H20M9,4H15V6H9M20,6H17V4C17,2.89 16.11,2 15,2H9C7.89,2 7,2.89 7,4V6H4C2.89,6 2,6.89 2,8V19C2,20.11 2.89,21 4,21H20C21.11,21 22,20.11 22,19V8C22,6.89 21.11,6 20,6Z" /></svg><svg id="wallpaper" viewBox="0 0 24 24"><path d="M4,4H11V2H4A2,2 0 0,0 2,4V11H4V4M10,13L6,18H18L15,14L12.97,16.71L10,13M17,8.5A1.5,1.5 0 0,0 15.5,7A1.5,1.5 0 0,0 14,8.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 17,8.5M20,2H13V4H20V11H22V4A2,2 0 0,0 20,2M20,20H13V22H20A2,2 0 0,0 22,20V13H20V20M4,13H2V20A2,2 0 0,0 4,22H11V20H4V13Z" /></svg><svg id="wan" viewBox="0 0 24 24"><path d="M12,2A8,8 0 0,0 4,10C4,14.03 7,17.42 11,17.93V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15A1,1 0 0,0 14,19H13V17.93C17,17.43 20,14.03 20,10A8,8 0 0,0 12,2M12,4C12,4 12.74,5.28 13.26,7H10.74C11.26,5.28 12,4 12,4M9.77,4.43C9.5,4.93 9.09,5.84 8.74,7H6.81C7.5,5.84 8.5,4.93 9.77,4.43M14.23,4.44C15.5,4.94 16.5,5.84 17.19,7H15.26C14.91,5.84 14.5,4.93 14.23,4.44M6.09,9H8.32C8.28,9.33 8.25,9.66 8.25,10C8.25,10.34 8.28,10.67 8.32,11H6.09C6.03,10.67 6,10.34 6,10C6,9.66 6.03,9.33 6.09,9M10.32,9H13.68C13.72,9.33 13.75,9.66 13.75,10C13.75,10.34 13.72,10.67 13.68,11H10.32C10.28,10.67 10.25,10.34 10.25,10C10.25,9.66 10.28,9.33 10.32,9M15.68,9H17.91C17.97,9.33 18,9.66 18,10C18,10.34 17.97,10.67 17.91,11H15.68C15.72,10.67 15.75,10.34 15.75,10C15.75,9.66 15.72,9.33 15.68,9M6.81,13H8.74C9.09,14.16 9.5,15.07 9.77,15.56C8.5,15.06 7.5,14.16 6.81,13M10.74,13H13.26C12.74,14.72 12,16 12,16C12,16 11.26,14.72 10.74,13M15.26,13H17.19C16.5,14.16 15.5,15.07 14.23,15.57C14.5,15.07 14.91,14.16 15.26,13Z" /></svg><svg id="washing-machine" viewBox="0 0 24 24"><path d="M14.83,11.17C16.39,12.73 16.39,15.27 14.83,16.83C13.27,18.39 10.73,18.39 9.17,16.83L14.83,11.17M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M7,4A1,1 0 0,0 6,5A1,1 0 0,0 7,6A1,1 0 0,0 8,5A1,1 0 0,0 7,4M10,4A1,1 0 0,0 9,5A1,1 0 0,0 10,6A1,1 0 0,0 11,5A1,1 0 0,0 10,4M12,8A6,6 0 0,0 6,14A6,6 0 0,0 12,20A6,6 0 0,0 18,14A6,6 0 0,0 12,8Z" /></svg><svg id="watch" viewBox="0 0 24 24"><path d="M6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18A6,6 0 0,1 6,12M20,12C20,9.45 18.81,7.19 16.95,5.73L16,0H8L7.05,5.73C5.19,7.19 4,9.45 4,12C4,14.54 5.19,16.81 7.05,18.27L8,24H16L16.95,18.27C18.81,16.81 20,14.54 20,12Z" /></svg><svg id="watch-export" viewBox="0 0 24 24"><path d="M14,11H19L16.5,8.5L17.92,7.08L22.84,12L17.92,16.92L16.5,15.5L19,13H14V11M12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.4,6 14.69,6.5 15.71,7.29L17.13,5.87L16.95,5.73L16,0H8L7.05,5.73C5.19,7.19 4,9.46 4,12C4,14.55 5.19,16.81 7.05,18.27L8,24H16L16.95,18.27L17.13,18.13L15.71,16.71C14.69,17.5 13.4,18 12,18Z" /></svg><svg id="watch-export-variant" viewBox="0 0 24 24"><path d="M14,11H19L16.5,8.5L17.92,7.08L22.84,12L17.92,16.92L16.5,15.5L19,13H14V11M8,0H16L16.83,5H17C17.28,5 17.54,5.06 17.78,5.16L15.94,7H7V17H15.94L17.78,18.84C17.54,18.94 17.28,19 17,19H16.83L16,24H8L7.17,19H7A2,2 0 0,1 5,17V7C5,5.89 5.9,5 7,5H7.17L8,0Z" /></svg><svg id="watch-import" viewBox="0 0 24 24"><path d="M2,11H7L4.5,8.5L5.92,7.08L10.84,12L5.92,16.92L4.5,15.5L7,13H2V11M12,18A6,6 0 0,0 18,12A6,6 0 0,0 12,6C10.6,6 9.31,6.5 8.29,7.29L6.87,5.87L7.05,5.73L8,0H16L16.95,5.73C18.81,7.19 20,9.45 20,12C20,14.54 18.81,16.81 16.95,18.27L16,24H8L7.05,18.27L6.87,18.13L8.29,16.71C9.31,17.5 10.6,18 12,18Z" /></svg><svg id="watch-import-variant" viewBox="0 0 24 24"><path d="M1,11H6L3.5,8.5L4.92,7.08L9.84,12L4.92,16.92L3.5,15.5L6,13H1V11M8,0H16L16.83,5H17A2,2 0 0,1 19,7V17C19,18.11 18.1,19 17,19H16.83L16,24H8L7.17,19H7C6.46,19 6,18.79 5.62,18.44L7.06,17H17V7H7.06L5.62,5.56C6,5.21 6.46,5 7,5H7.17L8,0Z" /></svg><svg id="watch-variant" viewBox="0 0 24 24"><path d="M8,0L7.17,5H7A2,2 0 0,0 5,7V17C5,18.11 5.9,19 7,19H7.17L8,24H16L16.83,19H17A2,2 0 0,0 19,17V7C19,5.89 18.1,5 17,5H16.83L16,0H8M7,7H17V17H7V7Z" /></svg><svg id="watch-vibrate" viewBox="0 0 24 24"><path d="M3,17V7H5V17H3M19,17V7H21V17H19M22,9H24V15H22V9M0,15V9H2V15H0M17.96,11.97C17.96,13.87 17.07,15.57 15.68,16.67L14.97,20.95H9L8.27,16.67C6.88,15.57 6,13.87 6,11.97C6,10.07 6.88,8.37 8.27,7.28L9,3H14.97L15.68,7.28C17.07,8.37 17.96,10.07 17.96,11.97M7.5,11.97C7.5,14.45 9.5,16.46 11.97,16.46A4.5,4.5 0 0,0 16.46,11.97C16.46,9.5 14.45,7.5 11.97,7.5A4.47,4.47 0 0,0 7.5,11.97Z" /></svg><svg id="watch-vibrate-off" viewBox="0 0 24 24"><path d="M0,9H2V15H0V9M12,7.5C14.47,7.5 16.47,9.53 16.46,12C16.45,12.38 16.4,12.76 16.3,13.13L17.5,14.31C17.81,13.58 18,12.8 18,12C18,10.17 17.16,8.44 15.72,7.31L15,3H9L8.59,5.39L10.86,7.66C11.23,7.55 11.61,7.5 12,7.5M21,17V7H19V15.8L20.2,17H21M16.5,15.86L22.11,21.46L20.84,22.73L15.55,17.44L15,21H9L8.27,16.72C5.85,14.82 5.27,11.4 6.91,8.8L1.11,3L2.39,1.73L8.09,7.44L9.17,8.5L15.44,14.79L16.5,15.86M14.05,15.94L8.05,9.94C7.7,10.57 7.5,11.28 7.5,12C7.5,14.47 9.53,16.47 12,16.46C12.72,16.46 13.42,16.28 14.05,15.94M22,9V15H24V9H22M3,17H5V7H3V17Z" /></svg><svg id="water" viewBox="0 0 24 24"><path d="M12,20A6,6 0 0,1 6,14C6,10 12,3.25 12,3.25C12,3.25 18,10 18,14A6,6 0 0,1 12,20Z" /></svg><svg id="water-off" viewBox="0 0 24 24"><path d="M17.12,17.12L12.5,12.5L5.27,5.27L4,6.55L7.32,9.87C6.55,11.32 6,12.79 6,14A6,6 0 0,0 12,20C13.5,20 14.9,19.43 15.96,18.5L18.59,21.13L19.86,19.86L17.12,17.12M18,14C18,10 12,3.2 12,3.2C12,3.2 10.67,4.71 9.27,6.72L17.86,15.31C17.95,14.89 18,14.45 18,14Z" /></svg><svg id="water-outline" viewBox="0 0 24 24"><path d="M12,3.77L11.25,4.61C11.25,4.61 9.97,6.06 8.68,7.94C7.39,9.82 6,12.07 6,14.23A6,6 0 0,0 12,20.23A6,6 0 0,0 18,14.23C18,12.07 16.61,9.82 15.32,7.94C14.03,6.06 12.75,4.61 12.75,4.61L12,3.77M12,6.9C12.44,7.42 12.84,7.85 13.68,9.07C14.89,10.83 16,13.07 16,14.23C16,16.45 14.22,18.23 12,18.23C9.78,18.23 8,16.45 8,14.23C8,13.07 9.11,10.83 10.32,9.07C11.16,7.85 11.56,7.42 12,6.9Z" /></svg><svg id="water-percent" viewBox="0 0 24 24"><path d="M12,3.25C12,3.25 6,10 6,14C6,17.32 8.69,20 12,20A6,6 0 0,0 18,14C18,10 12,3.25 12,3.25M14.47,9.97L15.53,11.03L9.53,17.03L8.47,15.97M9.75,10A1.25,1.25 0 0,1 11,11.25A1.25,1.25 0 0,1 9.75,12.5A1.25,1.25 0 0,1 8.5,11.25A1.25,1.25 0 0,1 9.75,10M14.25,14.5A1.25,1.25 0 0,1 15.5,15.75A1.25,1.25 0 0,1 14.25,17A1.25,1.25 0 0,1 13,15.75A1.25,1.25 0 0,1 14.25,14.5Z" /></svg><svg id="water-pump" viewBox="0 0 24 24"><path d="M19,14.5C19,14.5 21,16.67 21,18A2,2 0 0,1 19,20A2,2 0 0,1 17,18C17,16.67 19,14.5 19,14.5M5,18V9A2,2 0 0,1 3,7A2,2 0 0,1 5,5V4A2,2 0 0,1 7,2H9A2,2 0 0,1 11,4V5H19A2,2 0 0,1 21,7V9L21,11A1,1 0 0,1 22,12A1,1 0 0,1 21,13H17A1,1 0 0,1 16,12A1,1 0 0,1 17,11V9H11V18H12A2,2 0 0,1 14,20V22H2V20A2,2 0 0,1 4,18H5Z" /></svg><svg id="watermark" viewBox="0 0 24 24"><path d="M21,3H3A2,2 0 0,0 1,5V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V5A2,2 0 0,0 21,3M21,19H12V13H21V19Z" /></svg><svg id="waves" viewBox="0 0 24 24"><path d="M2,18C4.22,17 6.44,16 8.67,16C10.89,16 13.11,18 15.33,18C17.56,18 19.78,16 22,16V19C19.78,19 17.56,21 15.33,21C13.11,21 10.89,19 8.67,19C6.44,19 4.22,20 2,21V18M2,12C4.22,11 6.44,10 8.67,10C10.89,10 13.11,12 15.33,12C17.56,12 19.78,10 22,10V13C19.78,13 17.56,15 15.33,15C13.11,15 10.89,13 8.67,13C6.44,13 4.22,14 2,15V12M2,6C4.22,5 6.44,4 8.67,4C10.89,4 13.11,6 15.33,6C17.56,6 19.78,4 22,4V7C19.78,7 17.56,9 15.33,9C13.11,9 10.89,7 8.67,7C6.44,7 4.22,8 2,9V6Z" /></svg><svg id="waze" viewBox="0 0 24 24"><path d="M20.54,6.63C21.23,7.57 21.69,8.67 21.89,9.82C22.1,11.07 22,12.34 21.58,13.54C21.18,14.71 20.5,15.76 19.58,16.6C18.91,17.24 18.15,17.77 17.32,18.18C17.73,19.25 17.19,20.45 16.12,20.86C15.88,20.95 15.63,21 15.38,21C14.27,21 13.35,20.11 13.31,19C13.05,19 10.73,19 10.24,19C10.13,20.14 9.11,21 7.97,20.87C6.91,20.77 6.11,19.89 6.09,18.83C6.1,18.64 6.13,18.44 6.19,18.26C4.6,17.73 3.21,16.74 2.19,15.41C1.86,14.97 1.96,14.34 2.42,14C2.6,13.86 2.82,13.78 3.05,13.78C3.77,13.78 4.05,13.53 4.22,13.15C4.46,12.43 4.6,11.68 4.61,10.92C4.64,10.39 4.7,9.87 4.78,9.35C5.13,7.62 6.1,6.07 7.5,5C9.16,3.7 11.19,3 13.29,3C14.72,3 16.13,3.35 17.4,4C18.64,4.62 19.71,5.5 20.54,6.63M16.72,17.31C18.5,16.5 19.9,15.04 20.59,13.21C22.21,8.27 18,4.05 13.29,4.05C12.94,4.05 12.58,4.07 12.23,4.12C9.36,4.5 6.4,6.5 5.81,9.5C5.43,11.5 6,14.79 3.05,14.79C4,16 5.32,16.93 6.81,17.37C7.66,16.61 8.97,16.69 9.74,17.55C9.85,17.67 9.94,17.8 10,17.94C10.59,17.94 13.2,17.94 13.55,17.94C14.07,16.92 15.33,16.5 16.35,17.04C16.5,17.12 16.6,17.21 16.72,17.31M10.97,10.31C10.39,10.34 9.88,9.9 9.85,9.31C9.82,8.73 10.27,8.23 10.85,8.19C11.43,8.16 11.94,8.61 11.97,9.25C12,9.8 11.56,10.27 11,10.29L10.97,10.31M15.66,10.31C15.08,10.34 14.57,9.9 14.54,9.31C14.5,8.73 14.96,8.23 15.54,8.19C16.12,8.16 16.63,8.61 16.66,9.25C16.68,9.8 16.25,10.27 15.66,10.29V10.31M9.71,12.07C9.65,11.79 9.84,11.5 10.12,11.45C10.4,11.4 10.68,11.58 10.74,11.86V11.86C11.09,12.97 12.16,13.69 13.32,13.6C14.46,13.66 15.5,12.96 15.89,11.88C16.03,11.62 16.35,11.5 16.6,11.65C16.78,11.75 16.89,11.92 16.89,12.12C16.7,12.83 16.26,13.45 15.66,13.88C14.97,14.36 14.16,14.63 13.32,14.64H13.21C11.58,14.71 10.11,13.64 9.68,12.06L9.71,12.07Z" /></svg><svg id="weather-cloudy" viewBox="0 0 24 24"><path d="M6,19A5,5 0 0,1 1,14A5,5 0 0,1 6,9C7,6.65 9.3,5 12,5C15.43,5 18.24,7.66 18.5,11.03L19,11A4,4 0 0,1 23,15A4,4 0 0,1 19,19H6M19,13H17V12A5,5 0 0,0 12,7C9.5,7 7.45,8.82 7.06,11.19C6.73,11.07 6.37,11 6,11A3,3 0 0,0 3,14A3,3 0 0,0 6,17H19A2,2 0 0,0 21,15A2,2 0 0,0 19,13Z" /></svg><svg id="weather-cloudy-arrow-right" viewBox="0 0 24 24"><path d="M6,7L6.69,7.06C7.32,4.72 9.46,3 12,3A5.5,5.5 0 0,1 17.5,8.5L17.42,9.45C17.88,9.16 18.42,9 19,9A3,3 0 0,1 22,12A3,3 0 0,1 19,15H6A4,4 0 0,1 2,11A4,4 0 0,1 6,7M6,9A2,2 0 0,0 4,11A2,2 0 0,0 6,13H19A1,1 0 0,0 20,12A1,1 0 0,0 19,11H15.5V8.5A3.5,3.5 0 0,0 12,5A3.5,3.5 0 0,0 8.5,8.5V9H6M22,19L19,22V20H2V18H19V16L22,19" /></svg><svg id="weather-fog" viewBox="0 0 24 24"><path d="M3,15H13A1,1 0 0,1 14,16A1,1 0 0,1 13,17H3A1,1 0 0,1 2,16A1,1 0 0,1 3,15M16,15H21A1,1 0 0,1 22,16A1,1 0 0,1 21,17H16A1,1 0 0,1 15,16A1,1 0 0,1 16,15M1,12A5,5 0 0,1 6,7C7,4.65 9.3,3 12,3C15.43,3 18.24,5.66 18.5,9.03L19,9C21.19,9 22.97,10.76 23,13H21A2,2 0 0,0 19,11H17V10A5,5 0 0,0 12,5C9.5,5 7.45,6.82 7.06,9.19C6.73,9.07 6.37,9 6,9A3,3 0 0,0 3,12C3,12.35 3.06,12.69 3.17,13H1.1L1,12M3,19H5A1,1 0 0,1 6,20A1,1 0 0,1 5,21H3A1,1 0 0,1 2,20A1,1 0 0,1 3,19M8,19H21A1,1 0 0,1 22,20A1,1 0 0,1 21,21H8A1,1 0 0,1 7,20A1,1 0 0,1 8,19Z" /></svg><svg id="weather-hail" viewBox="0 0 24 24"><path d="M6,14A1,1 0 0,1 7,15A1,1 0 0,1 6,16A5,5 0 0,1 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16H18A1,1 0 0,1 17,15A1,1 0 0,1 18,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11A3,3 0 0,0 6,14M10,18A2,2 0 0,1 12,20A2,2 0 0,1 10,22A2,2 0 0,1 8,20A2,2 0 0,1 10,18M14.5,16A1.5,1.5 0 0,1 16,17.5A1.5,1.5 0 0,1 14.5,19A1.5,1.5 0 0,1 13,17.5A1.5,1.5 0 0,1 14.5,16M10.5,12A1.5,1.5 0 0,1 12,13.5A1.5,1.5 0 0,1 10.5,15A1.5,1.5 0 0,1 9,13.5A1.5,1.5 0 0,1 10.5,12Z" /></svg><svg id="weather-hurricane" viewBox="0 0 24 24"><path d="M15,6.79C16.86,7.86 18,9.85 18,12C18,22 6,22 6,22C7.25,21.06 8.38,19.95 9.34,18.71C9.38,18.66 9.41,18.61 9.44,18.55C9.69,18.06 9.5,17.46 9,17.21C7.14,16.14 6,14.15 6,12C6,2 18,2 18,2C16.75,2.94 15.62,4.05 14.66,5.29C14.62,5.34 14.59,5.39 14.56,5.45C14.31,5.94 14.5,6.54 15,6.79M12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14Z" /></svg><svg id="weather-lightning" viewBox="0 0 24 24"><path d="M6,16A5,5 0 0,1 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16H18A1,1 0 0,1 17,15A1,1 0 0,1 18,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11A3,3 0 0,0 6,14H7A1,1 0 0,1 8,15A1,1 0 0,1 7,16H6M12,11H15L13,15H15L11.25,22L12,17H9.5L12,11Z" /></svg><svg id="weather-lightning-rainy" viewBox="0 0 24 24"><path d="M4.5,13.59C5,13.87 5.14,14.5 4.87,14.96C4.59,15.44 4,15.6 3.5,15.33V15.33C2,14.47 1,12.85 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A1,1 0 0,1 18,15A1,1 0 0,1 19,14A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11C3,12.11 3.6,13.08 4.5,13.6V13.59M9.5,11H12.5L10.5,15H12.5L8.75,22L9.5,17H7L9.5,11M17.5,18.67C17.5,19.96 16.5,21 15.25,21C14,21 13,19.96 13,18.67C13,17.12 15.25,14.5 15.25,14.5C15.25,14.5 17.5,17.12 17.5,18.67Z" /></svg><svg id="weather-night" viewBox="0 0 24 24"><path d="M17.75,4.09L15.22,6.03L16.13,9.09L13.5,7.28L10.87,9.09L11.78,6.03L9.25,4.09L12.44,4L13.5,1L14.56,4L17.75,4.09M21.25,11L19.61,12.25L20.2,14.23L18.5,13.06L16.8,14.23L17.39,12.25L15.75,11L17.81,10.95L18.5,9L19.19,10.95L21.25,11M18.97,15.95C19.8,15.87 20.69,17.05 20.16,17.8C19.84,18.25 19.5,18.67 19.08,19.07C15.17,23 8.84,23 4.94,19.07C1.03,15.17 1.03,8.83 4.94,4.93C5.34,4.53 5.76,4.17 6.21,3.85C6.96,3.32 8.14,4.21 8.06,5.04C7.79,7.9 8.75,10.87 10.95,13.06C13.14,15.26 16.1,16.22 18.97,15.95M17.33,17.97C14.5,17.81 11.7,16.64 9.53,14.5C7.36,12.31 6.2,9.5 6.04,6.68C3.23,9.82 3.34,14.64 6.35,17.66C9.37,20.67 14.19,20.78 17.33,17.97Z" /></svg><svg id="weather-partlycloudy" viewBox="0 0 24 24"><path d="M12.74,5.47C15.1,6.5 16.35,9.03 15.92,11.46C17.19,12.56 18,14.19 18,16V16.17C18.31,16.06 18.65,16 19,16A3,3 0 0,1 22,19A3,3 0 0,1 19,22H6A4,4 0 0,1 2,18A4,4 0 0,1 6,14H6.27C5,12.45 4.6,10.24 5.5,8.26C6.72,5.5 9.97,4.24 12.74,5.47M11.93,7.3C10.16,6.5 8.09,7.31 7.31,9.07C6.85,10.09 6.93,11.22 7.41,12.13C8.5,10.83 10.16,10 12,10C12.7,10 13.38,10.12 14,10.34C13.94,9.06 13.18,7.86 11.93,7.3M13.55,3.64C13,3.4 12.45,3.23 11.88,3.12L14.37,1.82L15.27,4.71C14.76,4.29 14.19,3.93 13.55,3.64M6.09,4.44C5.6,4.79 5.17,5.19 4.8,5.63L4.91,2.82L7.87,3.5C7.25,3.71 6.65,4.03 6.09,4.44M18,9.71C17.91,9.12 17.78,8.55 17.59,8L19.97,9.5L17.92,11.73C18.03,11.08 18.05,10.4 18,9.71M3.04,11.3C3.11,11.9 3.24,12.47 3.43,13L1.06,11.5L3.1,9.28C3,9.93 2.97,10.61 3.04,11.3M19,18H16V16A4,4 0 0,0 12,12A4,4 0 0,0 8,16H6A2,2 0 0,0 4,18A2,2 0 0,0 6,20H19A1,1 0 0,0 20,19A1,1 0 0,0 19,18Z" /></svg><svg id="weather-pouring" viewBox="0 0 24 24"><path d="M9,12C9.53,12.14 9.85,12.69 9.71,13.22L8.41,18.05C8.27,18.59 7.72,18.9 7.19,18.76C6.65,18.62 6.34,18.07 6.5,17.54L7.78,12.71C7.92,12.17 8.47,11.86 9,12M13,12C13.53,12.14 13.85,12.69 13.71,13.22L11.64,20.95C11.5,21.5 10.95,21.8 10.41,21.66C9.88,21.5 9.56,20.97 9.7,20.43L11.78,12.71C11.92,12.17 12.47,11.86 13,12M17,12C17.53,12.14 17.85,12.69 17.71,13.22L16.41,18.05C16.27,18.59 15.72,18.9 15.19,18.76C14.65,18.62 14.34,18.07 14.5,17.54L15.78,12.71C15.92,12.17 16.47,11.86 17,12M17,10V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11C3,12.11 3.6,13.08 4.5,13.6V13.59C5,13.87 5.14,14.5 4.87,14.96C4.59,15.43 4,15.6 3.5,15.32V15.33C2,14.47 1,12.85 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12C23,13.5 22.2,14.77 21,15.46V15.46C20.5,15.73 19.91,15.57 19.63,15.09C19.36,14.61 19.5,14 20,13.72V13.73C20.6,13.39 21,12.74 21,12A2,2 0 0,0 19,10H17Z" /></svg><svg id="weather-rainy" viewBox="0 0 24 24"><path d="M6,14A1,1 0 0,1 7,15A1,1 0 0,1 6,16A5,5 0 0,1 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16H18A1,1 0 0,1 17,15A1,1 0 0,1 18,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11A3,3 0 0,0 6,14M14.83,15.67C16.39,17.23 16.39,19.5 14.83,21.08C14.05,21.86 13,22 12,22C11,22 9.95,21.86 9.17,21.08C7.61,19.5 7.61,17.23 9.17,15.67L12,11L14.83,15.67M13.41,16.69L12,14.25L10.59,16.69C9.8,17.5 9.8,18.7 10.59,19.5C11,19.93 11.5,20 12,20C12.5,20 13,19.93 13.41,19.5C14.2,18.7 14.2,17.5 13.41,16.69Z" /></svg><svg id="weather-snowy" viewBox="0 0 24 24"><path d="M6,14A1,1 0 0,1 7,15A1,1 0 0,1 6,16A5,5 0 0,1 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16H18A1,1 0 0,1 17,15A1,1 0 0,1 18,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11A3,3 0 0,0 6,14M7.88,18.07L10.07,17.5L8.46,15.88C8.07,15.5 8.07,14.86 8.46,14.46C8.85,14.07 9.5,14.07 9.88,14.46L11.5,16.07L12.07,13.88C12.21,13.34 12.76,13.03 13.29,13.17C13.83,13.31 14.14,13.86 14,14.4L13.41,16.59L15.6,16C16.14,15.86 16.69,16.17 16.83,16.71C16.97,17.24 16.66,17.79 16.12,17.93L13.93,18.5L15.54,20.12C15.93,20.5 15.93,21.15 15.54,21.54C15.15,21.93 14.5,21.93 14.12,21.54L12.5,19.93L11.93,22.12C11.79,22.66 11.24,22.97 10.71,22.83C10.17,22.69 9.86,22.14 10,21.6L10.59,19.41L8.4,20C7.86,20.14 7.31,19.83 7.17,19.29C7.03,18.76 7.34,18.21 7.88,18.07Z" /></svg><svg id="weather-snowy-rainy" viewBox="0 0 24 24"><path d="M18.5,18.67C18.5,19.96 17.5,21 16.25,21C15,21 14,19.96 14,18.67C14,17.12 16.25,14.5 16.25,14.5C16.25,14.5 18.5,17.12 18.5,18.67M4,17.36C3.86,16.82 4.18,16.25 4.73,16.11L7,15.5L5.33,13.86C4.93,13.46 4.93,12.81 5.33,12.4C5.73,12 6.4,12 6.79,12.4L8.45,14.05L9.04,11.8C9.18,11.24 9.75,10.92 10.29,11.07C10.85,11.21 11.17,11.78 11,12.33L10.42,14.58L12.67,14C13.22,13.83 13.79,14.15 13.93,14.71C14.08,15.25 13.76,15.82 13.2,15.96L10.95,16.55L12.6,18.21C13,18.6 13,19.27 12.6,19.67C12.2,20.07 11.54,20.07 11.15,19.67L9.5,18L8.89,20.27C8.75,20.83 8.18,21.14 7.64,21C7.08,20.86 6.77,20.29 6.91,19.74L7.5,17.5L5.26,18.09C4.71,18.23 4.14,17.92 4,17.36M1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A1,1 0 0,1 18,15A1,1 0 0,1 19,14A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11C3,11.85 3.35,12.61 3.91,13.16C4.27,13.55 4.26,14.16 3.88,14.54C3.5,14.93 2.85,14.93 2.47,14.54C1.56,13.63 1,12.38 1,11Z" /></svg><svg id="weather-sunny" viewBox="0 0 24 24"><path d="M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M3.36,17L5.12,13.23C5.26,14 5.53,14.78 5.95,15.5C6.37,16.24 6.91,16.86 7.5,17.37L3.36,17M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M20.64,17L16.5,17.36C17.09,16.85 17.62,16.22 18.04,15.5C18.46,14.77 18.73,14 18.87,13.21L20.64,17M12,22L9.59,18.56C10.33,18.83 11.14,19 12,19C12.82,19 13.63,18.83 14.37,18.56L12,22Z" /></svg><svg id="weather-sunset" viewBox="0 0 24 24"><path d="M3,12H7A5,5 0 0,1 12,7A5,5 0 0,1 17,12H21A1,1 0 0,1 22,13A1,1 0 0,1 21,14H3A1,1 0 0,1 2,13A1,1 0 0,1 3,12M5,16H19A1,1 0 0,1 20,17A1,1 0 0,1 19,18H5A1,1 0 0,1 4,17A1,1 0 0,1 5,16M17,20A1,1 0 0,1 18,21A1,1 0 0,1 17,22H7A1,1 0 0,1 6,21A1,1 0 0,1 7,20H17M15,12A3,3 0 0,0 12,9A3,3 0 0,0 9,12H15M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7Z" /></svg><svg id="weather-sunset-down" viewBox="0 0 24 24"><path d="M3,12H7A5,5 0 0,1 12,7A5,5 0 0,1 17,12H21A1,1 0 0,1 22,13A1,1 0 0,1 21,14H3A1,1 0 0,1 2,13A1,1 0 0,1 3,12M15,12A3,3 0 0,0 12,9A3,3 0 0,0 9,12H15M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M12.71,20.71L15.82,17.6C16.21,17.21 16.21,16.57 15.82,16.18C15.43,15.79 14.8,15.79 14.41,16.18L12,18.59L9.59,16.18C9.2,15.79 8.57,15.79 8.18,16.18C7.79,16.57 7.79,17.21 8.18,17.6L11.29,20.71C11.5,20.9 11.74,21 12,21C12.26,21 12.5,20.9 12.71,20.71Z" /></svg><svg id="weather-sunset-up" viewBox="0 0 24 24"><path d="M3,12H7A5,5 0 0,1 12,7A5,5 0 0,1 17,12H21A1,1 0 0,1 22,13A1,1 0 0,1 21,14H3A1,1 0 0,1 2,13A1,1 0 0,1 3,12M15,12A3,3 0 0,0 12,9A3,3 0 0,0 9,12H15M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M12.71,16.3L15.82,19.41C16.21,19.8 16.21,20.43 15.82,20.82C15.43,21.21 14.8,21.21 14.41,20.82L12,18.41L9.59,20.82C9.2,21.21 8.57,21.21 8.18,20.82C7.79,20.43 7.79,19.8 8.18,19.41L11.29,16.3C11.5,16.1 11.74,16 12,16C12.26,16 12.5,16.1 12.71,16.3Z" /></svg><svg id="weather-windy" viewBox="0 0 24 24"><path d="M4,10A1,1 0 0,1 3,9A1,1 0 0,1 4,8H12A2,2 0 0,0 14,6A2,2 0 0,0 12,4C11.45,4 10.95,4.22 10.59,4.59C10.2,5 9.56,5 9.17,4.59C8.78,4.2 8.78,3.56 9.17,3.17C9.9,2.45 10.9,2 12,2A4,4 0 0,1 16,6A4,4 0 0,1 12,10H4M19,12A1,1 0 0,0 20,11A1,1 0 0,0 19,10C18.72,10 18.47,10.11 18.29,10.29C17.9,10.68 17.27,10.68 16.88,10.29C16.5,9.9 16.5,9.27 16.88,8.88C17.42,8.34 18.17,8 19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14H5A1,1 0 0,1 4,13A1,1 0 0,1 5,12H19M18,18H4A1,1 0 0,1 3,17A1,1 0 0,1 4,16H18A3,3 0 0,1 21,19A3,3 0 0,1 18,22C17.17,22 16.42,21.66 15.88,21.12C15.5,20.73 15.5,20.1 15.88,19.71C16.27,19.32 16.9,19.32 17.29,19.71C17.47,19.89 17.72,20 18,20A1,1 0 0,0 19,19A1,1 0 0,0 18,18Z" /></svg><svg id="weather-windy-variant" viewBox="0 0 24 24"><path d="M6,6L6.69,6.06C7.32,3.72 9.46,2 12,2A5.5,5.5 0 0,1 17.5,7.5L17.42,8.45C17.88,8.16 18.42,8 19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14H6A4,4 0 0,1 2,10A4,4 0 0,1 6,6M6,8A2,2 0 0,0 4,10A2,2 0 0,0 6,12H19A1,1 0 0,0 20,11A1,1 0 0,0 19,10H15.5V7.5A3.5,3.5 0 0,0 12,4A3.5,3.5 0 0,0 8.5,7.5V8H6M18,18H4A1,1 0 0,1 3,17A1,1 0 0,1 4,16H18A3,3 0 0,1 21,19A3,3 0 0,1 18,22C17.17,22 16.42,21.66 15.88,21.12C15.5,20.73 15.5,20.1 15.88,19.71C16.27,19.32 16.9,19.32 17.29,19.71C17.47,19.89 17.72,20 18,20A1,1 0 0,0 19,19A1,1 0 0,0 18,18Z" /></svg><svg id="web" viewBox="0 0 24 24"><path d="M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg><svg id="webcam" viewBox="0 0 24 24"><path d="M12,2A7,7 0 0,1 19,9A7,7 0 0,1 12,16A7,7 0 0,1 5,9A7,7 0 0,1 12,2M12,4A5,5 0 0,0 7,9A5,5 0 0,0 12,14A5,5 0 0,0 17,9A5,5 0 0,0 12,4M12,6A3,3 0 0,1 15,9A3,3 0 0,1 12,12A3,3 0 0,1 9,9A3,3 0 0,1 12,6M6,22A2,2 0 0,1 4,20C4,19.62 4.1,19.27 4.29,18.97L6.11,15.81C7.69,17.17 9.75,18 12,18C14.25,18 16.31,17.17 17.89,15.81L19.71,18.97C19.9,19.27 20,19.62 20,20A2,2 0 0,1 18,22H6Z" /></svg><svg id="webhook" viewBox="0 0 24 24"><path d="M10.46,19C9,21.07 6.15,21.59 4.09,20.15C2.04,18.71 1.56,15.84 3,13.75C3.87,12.5 5.21,11.83 6.58,11.77L6.63,13.2C5.72,13.27 4.84,13.74 4.27,14.56C3.27,16 3.58,17.94 4.95,18.91C6.33,19.87 8.26,19.5 9.26,18.07C9.57,17.62 9.75,17.13 9.82,16.63V15.62L15.4,15.58L15.47,15.47C16,14.55 17.15,14.23 18.05,14.75C18.95,15.27 19.26,16.43 18.73,17.35C18.2,18.26 17.04,18.58 16.14,18.06C15.73,17.83 15.44,17.46 15.31,17.04L11.24,17.06C11.13,17.73 10.87,18.38 10.46,19M17.74,11.86C20.27,12.17 22.07,14.44 21.76,16.93C21.45,19.43 19.15,21.2 16.62,20.89C15.13,20.71 13.9,19.86 13.19,18.68L14.43,17.96C14.92,18.73 15.75,19.28 16.75,19.41C18.5,19.62 20.05,18.43 20.26,16.76C20.47,15.09 19.23,13.56 17.5,13.35C16.96,13.29 16.44,13.36 15.97,13.53L15.12,13.97L12.54,9.2H12.32C11.26,9.16 10.44,8.29 10.47,7.25C10.5,6.21 11.4,5.4 12.45,5.44C13.5,5.5 14.33,6.35 14.3,7.39C14.28,7.83 14.11,8.23 13.84,8.54L15.74,12.05C16.36,11.85 17.04,11.78 17.74,11.86M8.25,9.14C7.25,6.79 8.31,4.1 10.62,3.12C12.94,2.14 15.62,3.25 16.62,5.6C17.21,6.97 17.09,8.47 16.42,9.67L15.18,8.95C15.6,8.14 15.67,7.15 15.27,6.22C14.59,4.62 12.78,3.85 11.23,4.5C9.67,5.16 8.97,7 9.65,8.6C9.93,9.26 10.4,9.77 10.97,10.11L11.36,10.32L8.29,15.31C8.32,15.36 8.36,15.42 8.39,15.5C8.88,16.41 8.54,17.56 7.62,18.05C6.71,18.54 5.56,18.18 5.06,17.24C4.57,16.31 4.91,15.16 5.83,14.67C6.22,14.46 6.65,14.41 7.06,14.5L9.37,10.73C8.9,10.3 8.5,9.76 8.25,9.14Z" /></svg><svg id="webpack" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15M12,6.23L16.9,9.06L12,11.89L7.1,9.06L12,6.23M17,14.89L13,17.2V13.62L17,11.31V14.89M11,17.2L7,14.89V11.31L11,13.62V17.2Z" /></svg><svg id="wechat" viewBox="0 0 24 24"><path d="M9.5,4C5.36,4 2,6.69 2,10C2,11.89 3.08,13.56 4.78,14.66L4,17L6.5,15.5C7.39,15.81 8.37,16 9.41,16C9.15,15.37 9,14.7 9,14C9,10.69 12.13,8 16,8C16.19,8 16.38,8 16.56,8.03C15.54,5.69 12.78,4 9.5,4M6.5,6.5A1,1 0 0,1 7.5,7.5A1,1 0 0,1 6.5,8.5A1,1 0 0,1 5.5,7.5A1,1 0 0,1 6.5,6.5M11.5,6.5A1,1 0 0,1 12.5,7.5A1,1 0 0,1 11.5,8.5A1,1 0 0,1 10.5,7.5A1,1 0 0,1 11.5,6.5M16,9C12.69,9 10,11.24 10,14C10,16.76 12.69,19 16,19C16.67,19 17.31,18.92 17.91,18.75L20,20L19.38,18.13C20.95,17.22 22,15.71 22,14C22,11.24 19.31,9 16,9M14,11.5A1,1 0 0,1 15,12.5A1,1 0 0,1 14,13.5A1,1 0 0,1 13,12.5A1,1 0 0,1 14,11.5M18,11.5A1,1 0 0,1 19,12.5A1,1 0 0,1 18,13.5A1,1 0 0,1 17,12.5A1,1 0 0,1 18,11.5Z" /></svg><svg id="weight" viewBox="0 0 24 24"><path d="M12,3A4,4 0 0,1 16,7C16,7.73 15.81,8.41 15.46,9H18C18.95,9 19.75,9.67 19.95,10.56C21.96,18.57 22,18.78 22,19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19C2,18.78 2.04,18.57 4.05,10.56C4.25,9.67 5.05,9 6,9H8.54C8.19,8.41 8,7.73 8,7A4,4 0 0,1 12,3M12,5A2,2 0 0,0 10,7A2,2 0 0,0 12,9A2,2 0 0,0 14,7A2,2 0 0,0 12,5Z" /></svg><svg id="weight-gram" viewBox="0 0 24 24"><path d="M19.95,10.56C19.75,9.67 18.95,9 18,9H15.46C15.81,8.41 16,7.73 16,7A4,4 0 0,0 12,3A4,4 0 0,0 8,7C8,7.73 8.19,8.41 8.54,9H6C5.05,9 4.25,9.67 4.05,10.56C2.04,18.57 2,18.78 2,19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19C22,18.78 21.96,18.57 19.95,10.56M12,5A2,2 0 0,1 14,7A2,2 0 0,1 12,9A2,2 0 0,1 10,7A2,2 0 0,1 12,5M15,13H11V17H13V14H15V19H11C9.89,19 9,18.11 9,17V13C9,11.89 9.89,11 11,11H15V13Z" /></svg><svg id="weight-kilogram" viewBox="0 0 24 24"><path d="M12,3A4,4 0 0,1 16,7C16,7.73 15.81,8.41 15.46,9H18C18.95,9 19.75,9.67 19.95,10.56C21.96,18.57 22,18.78 22,19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19C2,18.78 2.04,18.57 4.05,10.56C4.25,9.67 5.05,9 6,9H8.54C8.19,8.41 8,7.73 8,7A4,4 0 0,1 12,3M12,5A2,2 0 0,0 10,7A2,2 0 0,0 12,9A2,2 0 0,0 14,7A2,2 0 0,0 12,5M6,11V19H8V16.5L9,17.5V19H11V17L9,15L11,13V11H9V12.5L8,13.5V11H6M15,11C13.89,11 13,11.89 13,13V17C13,18.11 13.89,19 15,19H18V14H16V17H15V13H18V11H15Z" /></svg><svg id="weight-pound" viewBox="0 0 24 24"><path d="M12,3A4,4 0 0,1 16,7C16,7.73 15.81,8.41 15.46,9H18C18.95,9 19.75,9.67 19.95,10.56C21.96,18.57 22,18.78 22,19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19C2,18.78 2.04,18.57 4.05,10.56C4.25,9.67 5.05,9 6,9H8.54C8.19,8.41 8,7.73 8,7A4,4 0 0,1 12,3M12,5A2,2 0 0,0 10,7A2,2 0 0,0 12,9A2,2 0 0,0 14,7A2,2 0 0,0 12,5M6,11V19H11V17H8V11H6M13,11V19H16C17.11,19 18,18.11 18,17V16.5C18,15.93 17.75,15.38 17.32,15C17.75,14.62 18,14.07 18,13.5V13C18,11.89 17.11,11 16,11H13M15,13H16V14H15V13M15,16H16V17H15V16Z" /></svg><svg id="whatsapp" viewBox="0 0 24 24"><path d="M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg><svg id="wheelchair-accessibility" viewBox="0 0 24 24"><path d="M18.4,11.2L14.3,11.4L16.6,8.8C16.8,8.5 16.9,8 16.8,7.5C16.7,7.2 16.6,6.9 16.3,6.7L10.9,3.5C10.5,3.2 9.9,3.3 9.5,3.6L6.8,6.1C6.3,6.6 6.2,7.3 6.7,7.8C7.1,8.3 7.9,8.3 8.4,7.9L10.4,6.1L12.3,7.2L8.1,11.5C8,11.6 8,11.7 7.9,11.7C7.4,11.9 6.9,12.1 6.5,12.4L8,13.9C8.5,13.7 9,13.5 9.5,13.5C11.4,13.5 13,15.1 13,17C13,17.6 12.9,18.1 12.6,18.5L14.1,20C14.7,19.1 15,18.1 15,17C15,15.8 14.6,14.6 13.9,13.7L17.2,13.4L17,18.2C16.9,18.9 17.4,19.4 18.1,19.5H18.2C18.8,19.5 19.3,19 19.4,18.4L19.6,12.5C19.6,12.2 19.5,11.8 19.3,11.6C19,11.3 18.7,11.2 18.4,11.2M18,5.5A2,2 0 0,0 20,3.5A2,2 0 0,0 18,1.5A2,2 0 0,0 16,3.5A2,2 0 0,0 18,5.5M12.5,21.6C11.6,22.2 10.6,22.5 9.5,22.5C6.5,22.5 4,20 4,17C4,15.9 4.3,14.9 4.9,14L6.4,15.5C6.2,16 6,16.5 6,17C6,18.9 7.6,20.5 9.5,20.5C10.1,20.5 10.6,20.4 11,20.1L12.5,21.6Z" /></svg><svg id="whistle" viewBox="0 0 24 24"><path d="M8.5,9A6.5,6.5 0 0,0 2,15.5A6.5,6.5 0 0,0 8.5,22A6.5,6.5 0 0,0 15,15.5V13.91L22,12V9H11V11H9V9H8.5M11,2V7H9V2H11M6.35,7.28C5.68,7.44 5.04,7.68 4.43,8L2.14,4.88L3.76,3.7L6.35,7.28M17.86,4.88L16.32,7H13.85L16.24,3.7L17.86,4.88Z" /></svg><svg id="white-balance-auto" viewBox="0 0 24 24"><path d="M10.3,16L9.6,14H6.4L5.7,16H3.8L7,7H9L12.2,16M22,7L20.8,13.29L19.3,7H17.7L16.21,13.29L15,7H14.24C12.77,5.17 10.5,4 8,4A8,8 0 0,0 0,12A8,8 0 0,0 8,20C11.13,20 13.84,18.19 15.15,15.57L15.25,16H17L18.5,9.9L20,16H21.75L23.8,7M6.85,12.65H9.15L8,9L6.85,12.65Z" /></svg><svg id="white-balance-incandescent" viewBox="0 0 24 24"><path d="M17.24,18.15L19.04,19.95L20.45,18.53L18.66,16.74M20,12.5H23V10.5H20M15,6.31V1.5H9V6.31C7.21,7.35 6,9.28 6,11.5A6,6 0 0,0 12,17.5A6,6 0 0,0 18,11.5C18,9.28 16.79,7.35 15,6.31M4,10.5H1V12.5H4M11,22.45C11.32,22.45 13,22.45 13,22.45V19.5H11M3.55,18.53L4.96,19.95L6.76,18.15L5.34,16.74L3.55,18.53Z" /></svg><svg id="white-balance-iridescent" viewBox="0 0 24 24"><path d="M4.96,19.95L6.76,18.15L5.34,16.74L3.55,18.53M3.55,4.46L5.34,6.26L6.76,4.84L4.96,3.05M20.45,18.53L18.66,16.74L17.24,18.15L19.04,19.95M13,22.45V19.5H11V22.45C11.32,22.45 13,22.45 13,22.45M19.04,3.05L17.24,4.84L18.66,6.26L20.45,4.46M11,3.5H13V0.55H11M5,14.5H19V8.5H5V14.5Z" /></svg><svg id="white-balance-sunny" viewBox="0 0 24 24"><path d="M3.55,18.54L4.96,19.95L6.76,18.16L5.34,16.74M11,22.45C11.32,22.45 13,22.45 13,22.45V19.5H11M12,5.5A6,6 0 0,0 6,11.5A6,6 0 0,0 12,17.5A6,6 0 0,0 18,11.5C18,8.18 15.31,5.5 12,5.5M20,12.5H23V10.5H20M17.24,18.16L19.04,19.95L20.45,18.54L18.66,16.74M20.45,4.46L19.04,3.05L17.24,4.84L18.66,6.26M13,0.55H11V3.5H13M4,10.5H1V12.5H4M6.76,4.84L4.96,3.05L3.55,4.46L5.34,6.26L6.76,4.84Z" /></svg><svg id="widgets" viewBox="0 0 24 24"><path d="M3,3H11V7.34L16.66,1.69L22.31,7.34L16.66,13H21V21H13V13H16.66L11,7.34V11H3V3M3,13H11V21H3V13Z" /></svg><svg id="wifi" viewBox="0 0 24 24"><path d="M12,21L15.6,16.2C14.6,15.45 13.35,15 12,15C10.65,15 9.4,15.45 8.4,16.2L12,21M12,3C7.95,3 4.21,4.34 1.2,6.6L3,9C5.5,7.12 8.62,6 12,6C15.38,6 18.5,7.12 21,9L22.8,6.6C19.79,4.34 16.05,3 12,3M12,9C9.3,9 6.81,9.89 4.8,11.4L6.6,13.8C8.1,12.67 9.97,12 12,12C14.03,12 15.9,12.67 17.4,13.8L19.2,11.4C17.19,9.89 14.7,9 12,9Z" /></svg><svg id="wifi-off" viewBox="0 0 24 24"><path d="M2.28,3L1,4.27L2.47,5.74C2.04,6 1.61,6.29 1.2,6.6L3,9C3.53,8.6 4.08,8.25 4.66,7.93L6.89,10.16C6.15,10.5 5.44,10.91 4.8,11.4L6.6,13.8C7.38,13.22 8.26,12.77 9.2,12.47L11.75,15C10.5,15.07 9.34,15.5 8.4,16.2L12,21L14.46,17.73L17.74,21L19,19.72M12,3C9.85,3 7.8,3.38 5.9,4.07L8.29,6.47C9.5,6.16 10.72,6 12,6C15.38,6 18.5,7.11 21,9L22.8,6.6C19.79,4.34 16.06,3 12,3M12,9C11.62,9 11.25,9 10.88,9.05L14.07,12.25C15.29,12.53 16.43,13.07 17.4,13.8L19.2,11.4C17.2,9.89 14.7,9 12,9Z" /></svg><svg id="wifi-star" viewBox="0 0 24 24"><path d="M12,6C8.6,6 5.5,7.1 3,9L1.2,6.6C4.2,4.3 8,3 12,3C16,3 19.8,4.3 22.8,6.6L21,9C18.5,7.1 15.4,6 12,6M13,19C13,17.7 13.4,16.4 14.2,15.4C13.5,15.2 12.8,15 12,15C10.7,15 9.4,15.5 8.4,16.2L12,21L13,19.6C13,19.4 13,19.2 13,19M16.8,13.4C17.1,13.3 17.5,13.2 17.9,13.1L19.2,11.4C17.2,9.9 14.7,9 12,9C9.3,9 6.8,9.9 4.8,11.4L6.6,13.8C8.1,12.7 10,12 12,12C13.8,12 15.4,12.5 16.8,13.4M16.5,22.6L17.2,19.8L15,17.9L17.9,17.7L19,15L20.1,17.6L23,17.8L20.8,19.7L21.5,22.5L19,21.1L16.5,22.6Z" /></svg><svg id="wifi-strength-1" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.41 0.38,7C4.41,12.06 7.89,16.37 12,21.5C16.08,16.42 20.24,11.24 23.65,7C20.32,4.41 16.22,3 12,3M12,5C15.07,5 18.09,5.86 20.71,7.45L15.61,13.81C14.5,13.28 13.25,13 12,13C10.75,13 9.5,13.28 8.39,13.8L3.27,7.44C5.91,5.85 8.93,5 12,5Z" /></svg><svg id="wifi-strength-1-alert" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.41 0.38,7C4.41,12.06 7.89,16.37 12,21.5C14.45,18.45 16.68,15.68 19,12.78V9.59L15.61,13.81C14.5,13.28 13.25,13 12,13C10.75,13 9.5,13.28 8.39,13.8L3.27,7.44C5.91,5.85 8.93,5 12,5C15.07,5 18.09,5.86 20.71,7.45L20.27,8H22.84C23.09,7.7 23.41,7.29 23.65,7C20.32,4.41 16.22,3 12,3M21,10V18H23V10M21,20V22H23V20" /></svg><svg id="wifi-strength-1-lock" viewBox="0 0 24 24"><path d="M12,3C16.22,3 20.32,4.41 23.65,7L21.54,9.62L20.5,9.5C19.93,9.5 19.37,9.6 18.83,9.79L20.71,7.45C18.08,5.86 15.07,5 12,5C8.92,5 5.91,5.85 3.27,7.44L8.39,13.8C9.5,13.28 10.75,13 12,13C13.23,13 14.44,13.28 15.55,13.79L15.5,14.5V17.14L12,21.5L0.38,7C3.7,4.42 7.79,3 12,3M23,16C23.5,16 24,16.5 24,17V21C24,21.5 23.5,22 23,22H18C17.5,22 17,21.5 17,21V17C17,16.5 17.5,16 18,16V14.5C18,13.1 19.1,12 20.5,12C21.9,12 23,13.1 23,14.5V16M22,16V14.5C22,13.7 21.3,13 20.5,13C19.7,13 19,13.7 19,14.5V16H22Z" /></svg><svg id="wifi-strength-2" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.41 0.38,7C4.41,12.06 7.89,16.37 12,21.5C16.08,16.42 20.24,11.24 23.65,7C20.32,4.41 16.22,3 12,3M12,5C15.07,5 18.09,5.86 20.71,7.45L17.5,11.43C16.26,10.74 14.37,10 12,10C9.62,10 7.74,10.75 6.5,11.43L3.27,7.44C5.91,5.85 8.93,5 12,5Z" /></svg><svg id="wifi-strength-2-alert" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.41 0.38,7C4.41,12.06 7.89,16.37 12,21.5C14.45,18.45 16.68,15.68 19,12.78V9.59L17.5,11.43C16.26,10.74 14.37,10 12,10C9.62,10 7.74,10.75 6.5,11.43L3.27,7.44C5.91,5.85 8.93,5 12,5C15.07,5 18.09,5.86 20.71,7.45L20.27,8H22.84C23.09,7.7 23.41,7.29 23.65,7C20.32,4.41 16.22,3 12,3M21,10V18H23V10M21,20V22H23V20" /></svg><svg id="wifi-strength-2-lock" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.42 0.38,7C4.42,12.06 7.89,16.37 12,21.5C13.23,19.97 14.29,18.66 15.5,17.14V14.5C15.5,13.24 16,12 16.84,11.1C15.62,10.53 14,10 12,10C9.62,10 7.74,10.75 6.5,11.43L3.27,7.44C5.91,5.85 8.92,5 12,5C15.07,5 18.08,5.86 20.71,7.45L18.83,9.79C19.37,9.6 19.93,9.5 20.5,9.5C20.85,9.5 21.2,9.54 21.54,9.62C22.2,8.8 23.03,7.76 23.65,7C20.32,4.41 16.22,3 12,3M20.5,12C19.1,12 18,13.1 18,14.5V16C17.5,16 17,16.5 17,17V21C17,21.5 17.5,22 18,22H23C23.5,22 24,21.5 24,21V17C24,16.5 23.5,16 23,16V14.5C23,13.1 21.9,12 20.5,12M20.5,13C21.3,13 22,13.7 22,14.5V16H19V14.5C19,13.7 19.7,13 20.5,13Z" /></svg><svg id="wifi-strength-3" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.41 0.38,7C4.41,12.06 7.89,16.37 12,21.5C16.08,16.42 20.24,11.24 23.65,7C20.32,4.41 16.22,3 12,3M12,5C15.07,5 18.09,5.86 20.71,7.45L18.77,9.88C17.26,9 14.88,8 12,8C9,8 6.68,9 5.21,9.84L3.27,7.44C5.91,5.85 8.93,5 12,5Z" /></svg><svg id="wifi-strength-3-alert" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.41 0.38,7C4.41,12.06 7.89,16.37 12,21.5C14.45,18.45 16.68,15.68 19,12.78V9.59L18.77,9.88C17.26,9 14.88,8 12,8C9,8 6.68,9 5.21,9.84L3.27,7.44C5.91,5.85 8.93,5 12,5C15.07,5 18.09,5.86 20.71,7.45L20.27,8H22.84C23.09,7.7 23.41,7.29 23.65,7C20.32,4.41 16.22,3 12,3M21,10V18H23V10M21,20V22H23V20" /></svg><svg id="wifi-strength-3-lock" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.42 0.38,7C4.42,12.06 7.89,16.37 12,21.5C13.23,19.97 14.29,18.66 15.5,17.14V14.5C15.5,12.44 16.77,10.59 18.69,9.84C17.19,8.96 14.84,8 12,8C9,8 6.68,9 5.2,9.84L3.27,7.44C5.91,5.85 8.92,5 12,5C15.07,5 18.08,5.86 20.71,7.45L18.84,9.79C19.37,9.6 19.93,9.5 20.5,9.5C20.85,9.5 21.2,9.54 21.54,9.62C22.2,8.8 23.03,7.76 23.65,7C20.32,4.41 16.22,3 12,3M20.5,12C19.1,12 18,13.1 18,14.5V16C17.5,16 17,16.5 17,17V21C17,21.5 17.5,22 18,22H23C23.5,22 24,21.5 24,21V17C24,16.5 23.5,16 23,16V14.5C23,13.1 21.9,12 20.5,12M20.5,13C21.3,13 22,13.7 22,14.5V16H19V14.5C19,13.7 19.7,13 20.5,13Z" /></svg><svg id="wifi-strength-4" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.41 0.38,7C4.41,12.06 7.89,16.37 12,21.5C16.08,16.42 20.24,11.24 23.65,7C20.32,4.41 16.22,3 12,3Z" /></svg><svg id="wifi-strength-4-alert" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.41 0.38,7C4.41,12.06 7.89,16.37 12,21.5C14.45,18.45 16.68,15.68 19,12.78V8H22.84C23.09,7.7 23.41,7.29 23.65,7C20.32,4.41 16.22,3 12,3M21,10V18H23V10M21,20V22H23V20" /></svg><svg id="wifi-strength-4-lock" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.42 0.38,7C4.42,12.06 7.89,16.37 12,21.5C13.23,19.97 14.29,18.66 15.5,17.14V14.5A5,5 0 0,1 20.5,9.5C20.85,9.5 21.2,9.54 21.54,9.62C22.2,8.8 23.03,7.76 23.65,7C20.32,4.41 16.22,3 12,3M20.5,12C19.1,12 18,13.1 18,14.5V16C17.5,16 17,16.5 17,17V21C17,21.5 17.5,22 18,22H23C23.5,22 24,21.5 24,21V17C24,16.5 23.5,16 23,16V14.5C23,13.1 21.9,12 20.5,12M20.5,13C21.3,13 22,13.7 22,14.5V16H19V14.5C19,13.7 19.7,13 20.5,13Z" /></svg><svg id="wifi-strength-alert-outline" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.41 0.38,7H0.36C4.24,11.83 8.13,16.66 12,21.5C14.34,18.59 16.67,15.68 19,12.78V9.59L12,18.3L3.27,7.44C5.9,5.85 8.92,5 12,5C15.07,5 18.09,5.86 20.71,7.45L20.27,8H22.84C23.11,7.67 23.37,7.33 23.64,7H23.65C20.32,4.41 16.22,3 12,3M21,10V18H23V10M21,20V22H23V20" /></svg><svg id="wifi-strength-lock-outline" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.42 0.38,7C4.61,12.3 8.16,16.7 12,21.5C13.21,20 14.29,18.65 15.5,17.14V14.5C15.5,14.3 15.5,14.09 15.54,13.89L12,18.3L3.27,7.44C5.91,5.85 8.92,5 12,5C15.07,5 18.08,5.86 20.71,7.45L18.83,9.79C19.37,9.6 19.93,9.5 20.5,9.5C20.85,9.5 21.2,9.54 21.55,9.62C22.21,8.79 23,7.77 23.65,7C20.32,4.41 16.22,3 12,3M20.5,12C19.1,12 18,13.1 18,14.5V16C17.5,16 17,16.5 17,17V21C17,21.5 17.5,22 18,22H23C23.5,22 24,21.5 24,21V17C24,16.5 23.5,16 23,16V14.5C23,13.1 21.9,12 20.5,12M20.5,13C21.3,13 22,13.7 22,14.5V16H19V14.5C19,13.7 19.7,13 20.5,13Z" /></svg><svg id="wifi-strength-off" viewBox="0 0 24 24"><path d="M3.27,1.44L2,2.72L4.05,4.77C2.75,5.37 1.5,6.11 0.38,7C4.41,12.06 12,21.5 12,21.5L15.91,16.63L19.23,19.95L20.5,18.68M12,3C10.6,3 9.21,3.17 7.86,3.5L18.18,13.81C20,11.5 22.05,9 23.65,7C20.32,4.41 16.22,3 12,3Z" /></svg><svg id="wifi-strength-off-outline" viewBox="0 0 24 24"><path d="M3.27,1.44L2,2.72L4.05,4.77C2.75,5.37 1.5,6.11 0.38,7C4.2,11.8 8.14,16.67 12,21.5L15.91,16.63L19.23,19.95L20.5,18.68C14.87,13.04 3.27,1.44 3.27,1.44M12,3C10.6,3 9.21,3.17 7.86,3.5L9.56,5.19C10.37,5.07 11.18,5 12,5C15.07,5 18.09,5.86 20.71,7.45L16.76,12.38L18.18,13.8C20.08,11.43 22,9 23.65,7C20.32,4.41 16.22,3 12,3M5.57,6.29L14.5,15.21L12,18.3L3.27,7.44C4,7 4.78,6.61 5.57,6.29Z" /></svg><svg id="wifi-strength-outline" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.41 0.38,7H0.36C4.24,11.83 8.13,16.66 12,21.5C15.89,16.66 19.77,11.83 23.64,7H23.65C20.32,4.41 16.22,3 12,3M12,5C15.07,5 18.09,5.86 20.71,7.45L12,18.3L3.27,7.44C5.9,5.85 8.92,5 12,5Z" /></svg><svg id="wii" viewBox="0 0 24 24"><path d="M17.84,16.94H15.97V10.79H17.84V16.94M18,8.58C18,9.19 17.5,9.69 16.9,9.69A1.11,1.11 0 0,1 15.79,8.58C15.79,7.96 16.29,7.46 16.9,7.46C17.5,7.46 18,7.96 18,8.58M21.82,16.94H19.94V10.79H21.82V16.94M22,8.58C22,9.19 21.5,9.69 20.88,9.69A1.11,1.11 0 0,1 19.77,8.58C19.77,7.96 20.27,7.46 20.88,7.46C21.5,7.46 22,7.96 22,8.58M12.9,8.05H14.9L12.78,15.5C12.78,15.5 12.5,17.04 11.28,17.04C10.07,17.04 9.79,15.5 9.79,15.5L8.45,10.64L7.11,15.5C7.11,15.5 6.82,17.04 5.61,17.04C4.4,17.04 4.12,15.5 4.12,15.5L2,8.05H4L5.72,14.67L7.11,9.3C7.43,7.95 8.45,7.97 8.45,7.97C8.45,7.97 9.47,7.95 9.79,9.3L11.17,14.67L12.9,8.05Z" /></svg><svg id="wiiu" viewBox="0 0 24 24"><path d="M2,15.96C2,18.19 3.54,19.5 5.79,19.5H18.57C20.47,19.5 22,18.2 22,16.32V6.97C22,5.83 21.15,4.6 20.11,4.6H17.15V12.3C17.15,18.14 6.97,18.09 6.97,12.41V4.5H4.72C3.26,4.5 2,5.41 2,6.85V15.96M9.34,11.23C9.34,15.74 14.66,15.09 14.66,11.94V4.5H9.34V11.23Z" /></svg><svg id="wikipedia" viewBox="0 0 24 24"><path d="M14.97,18.95L12.41,12.92C11.39,14.91 10.27,17 9.31,18.95C9.3,18.96 8.84,18.95 8.84,18.95C7.37,15.5 5.85,12.1 4.37,8.68C4.03,7.84 2.83,6.5 2,6.5C2,6.4 2,6.18 2,6.05H7.06V6.5C6.46,6.5 5.44,6.9 5.7,7.55C6.42,9.09 8.94,15.06 9.63,16.58C10.1,15.64 11.43,13.16 12,12.11C11.55,11.23 10.13,7.93 9.71,7.11C9.39,6.57 8.58,6.5 7.96,6.5C7.96,6.35 7.97,6.25 7.96,6.06L12.42,6.07V6.47C11.81,6.5 11.24,6.71 11.5,7.29C12.1,8.53 12.45,9.42 13,10.57C13.17,10.23 14.07,8.38 14.5,7.41C14.76,6.76 14.37,6.5 13.29,6.5C13.3,6.38 13.3,6.17 13.3,6.07C14.69,6.06 16.78,6.06 17.15,6.05V6.47C16.44,6.5 15.71,6.88 15.33,7.46L13.5,11.3C13.68,11.81 15.46,15.76 15.65,16.2L19.5,7.37C19.2,6.65 18.34,6.5 18,6.5C18,6.37 18,6.2 18,6.05L22,6.08V6.1L22,6.5C21.12,6.5 20.57,7 20.25,7.75C19.45,9.54 17,15.24 15.4,18.95C15.4,18.95 14.97,18.95 14.97,18.95Z" /></svg><svg id="wind-turbine" viewBox="0 0 24 24"><path d="M13.33,11.67L16.21,14.58C17.62,13.16 16.21,11.75 16.21,11.75L14.72,10.24C14.9,9.86 15,9.44 15,9C15,7.95 14.46,7.03 13.64,6.5L15,2.11C13.09,1.53 12.5,3.44 12.5,3.44L11.69,6.03C10.46,6.16 9.46,7 9.13,8.18L4.67,9.63C5.31,11.53 7.2,10.9 7.2,10.9L9.27,10.23C9.61,10.97 10.23,11.54 11,11.82V19C11,19 9,19 9,21C9,21.5 9,21.81 9,22H15V21C15,21 15,19 13,19V11.82C13.12,11.78 13.23,11.72 13.33,11.67M10.5,9A1.5,1.5 0 0,1 12,7.5A1.5,1.5 0 0,1 13.5,9A1.5,1.5 0 0,1 12,10.5A1.5,1.5 0 0,1 10.5,9Z" /></svg><svg id="window-close" viewBox="0 0 24 24"><path d="M13.46,12L19,17.54V19H17.54L12,13.46L6.46,19H5V17.54L10.54,12L5,6.46V5H6.46L12,10.54L17.54,5H19V6.46L13.46,12Z" /></svg><svg id="window-closed" viewBox="0 0 24 24"><path d="M6,11H10V9H14V11H18V4H6V11M18,13H6V20H18V13M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2Z" /></svg><svg id="window-maximize" viewBox="0 0 24 24"><path d="M4,4H20V20H4V4M6,8V18H18V8H6Z" /></svg><svg id="window-minimize" viewBox="0 0 24 24"><path d="M20,14H4V10H20" /></svg><svg id="window-open" viewBox="0 0 24 24"><path d="M6,8H10V6H14V8H18V4H6V8M18,10H6V15H18V10M6,20H18V17H6V20M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2Z" /></svg><svg id="window-restore" viewBox="0 0 24 24"><path d="M4,8H8V4H20V16H16V20H4V8M16,8V14H18V6H10V8H16M6,12V18H14V12H6Z" /></svg><svg id="windows" viewBox="0 0 24 24"><path d="M3,12V6.75L9,5.43V11.91L3,12M20,3V11.75L10,11.9V5.21L20,3M3,13L9,13.09V19.9L3,18.75V13M20,13.25V22L10,20.09V13.1L20,13.25Z" /></svg><svg id="windows-classic" viewBox="0 0 24 24"><path d="M2.67,5.3V5.91L1.96,6.21V5.6L2.67,5.3M2.67,11.24V11.86L1.96,12.15V11.56L2.67,11.24M2.67,17.27V17.89L1.96,18.18V17.59L2.67,17.27M2.6,7.29V7.84L2.03,8.1V7.56L2.6,7.29M2.6,9.28V9.82L2.03,10.08V9.54L2.6,9.28M2.6,13.31V13.84L2.03,14.1V13.56L2.6,13.31M2.6,15.33V15.87L2.03,16.13V15.6L2.6,15.33M4.5,5.64V6.36L3.5,6.73V6L4.5,5.64M4.5,11.66V12.37L3.5,12.74V12.03L4.5,11.66M4.5,17.7V18.41L3.5,18.81V18.1L4.5,17.7M4.43,7.72V8.38L3.64,8.68V8L4.43,7.72M4.43,9.73V10.37L3.65,10.67V10L4.43,9.73M4.43,13.74V14.38L3.65,14.69V14.03L4.43,13.74M4.43,15.76V16.41L3.65,16.72V16.06L4.43,15.76M6.31,6.09V6.94L5.05,7.43V6.59L6.31,6.09M6.31,12.11V12.96L5.05,13.45V12.61L6.31,12.11M6.31,18.08V18.93L5.05,19.43V18.58L6.31,18.08M6.25,8.18V8.94L5.19,9.34V8.61L6.25,8.18M6.25,10.18V10.93L5.19,11.35V10.6L6.25,10.18M6.25,14.19V14.94L5.19,15.37V14.62L6.25,14.19M6.25,16.14V16.9L5.19,17.32V16.57L6.25,16.14M8.29,6.04V7.16L6.72,7.78V6.67L8.29,6.04M8.29,12.06V13.19L6.72,13.8V12.68L8.29,12.06M8.29,18.03V19.15L6.72,19.77V18.66L8.29,18.03M8.2,8.13V9.16L6.89,9.69V8.66L8.2,8.13M8.2,10.13V11.15L6.89,11.68V10.65L8.2,10.13M8.2,14.15V15.18L6.89,15.7V14.67L8.2,14.15M8.2,16.1V17.12L6.89,17.64V16.63L8.2,16.1M10.34,5.85V7.32L8.61,8V6.56L10.34,5.85M10.34,11.87V13.33L8.61,14.03V12.56L10.34,11.87M10.34,17.84V19.3L8.61,20V18.54L10.34,17.84M10.26,8.05V9.28L8.78,9.87V8.64L10.26,8.05M10.26,9.97V11.2L8.78,11.78V10.56L10.26,9.97M10.26,14.06V15.31L8.78,15.88V14.65L10.26,14.06M10.26,16V17.25L8.78,17.84V16.6L10.26,16M12.45,5.12V7.12L10.59,7.89V6C11.23,5.65 11.85,5.35 12.45,5.12M12.45,7.33V9.06L10.59,9.84V8.1L12.45,7.33M12.45,9.28V11.04L10.59,11.82V10.06L12.45,9.28M12.45,11.25V13L10.59,13.77V12L12.45,11.25M12.45,13.21V15L10.59,15.78V14L12.45,13.21M12.45,15.21V16.96L10.59,17.76V16L12.45,15.21M12.45,17.17V19.04C11.72,19.32 11.1,19.59 10.59,19.84V17.96L12.45,17.17M22.04,5.18V19.23C20.85,18.44 19.37,18.05 17.59,18.05C16.12,18.05 14.47,18.35 12.65,18.96V17.06C13.62,16.69 14.68,16.42 15.84,16.26V11.69C14.86,11.81 13.8,12.15 12.65,12.71V11.4C13.64,10.94 14.71,10.63 15.84,10.46V6C14.82,6.18 13.76,6.53 12.65,7V5.03C14.27,4.34 15.86,4 17.41,4C19.09,4 20.63,4.39 22.04,5.18M20.15,6.41C19.39,6 18.5,5.82 17.42,5.82C17.29,5.82 17.17,5.83 17.05,5.84V10.38L17.46,10.37C18.37,10.37 19.27,10.5 20.15,10.8V6.41M20.15,12.1C19.34,11.74 18.43,11.56 17.44,11.56C17.31,11.56 17.18,11.57 17.05,11.58V16.16H17.46C18.45,16.16 19.35,16.28 20.15,16.53V12.1H20.15Z" /></svg><svg id="wiper" viewBox="0 0 24 24"><path d="M12,4C5,4 2,9 2,9L9,16C9,16 9.5,15.1 10.4,14.5L10.7,16.5C10.3,16.8 10,17.4 10,18A2,2 0 0,0 12,20A2,2 0 0,0 14,18C14,17.1 13.5,16.4 12.7,16.1L12.3,14C14.1,14.2 15,16 15,16L22,9C22,9 19,4 12,4M15.1,13.1C14.3,12.5 13.3,12 12,12L11,6.1C11.3,6 11.7,6 12,6C15.7,6 18.1,7.7 19.3,8.9L15.1,13.1M8.9,13.1L4.7,8.9C5.5,8 7,7 9,6.4L10,12.4C9.6,12.6 9.2,12.8 8.9,13.1Z" /></svg><svg id="wiper-wash" viewBox="0 0 24 24"><path d="M13,6C13,5.7 13.1,4.6 13.8,3.8L12,2.4L10.2,3.9C10.9,4.6 11,5.7 11,6C4.7,6.4 2,11 2,11L9,18C9,18 9.7,16.7 11,16.2V18.3C10.4,18.6 10,19.3 10,20A2,2 0 0,0 12,22A2,2 0 0,0 14,20C14,19.3 13.6,18.6 13,18.3V16.2C14.3,16.7 15,18 15,18L22,11C22,11 19.3,6.5 13,6M11,14.1C10.2,14.3 9.5,14.6 8.9,15.1L4.7,10.9C5.8,9.8 7.8,8.3 11,8.1V14.1M15.1,15.1C14.5,14.7 13.8,14.3 13,14.1V8.1C16.2,8.4 18.2,9.8 19.3,10.9L15.1,15.1M18,1.3L17.3,3.2C16.6,2.9 15.5,2.9 14.7,3.2L14,1.3C15.2,0.9 16.8,0.9 18,1.3M21,6H19C19,6 19,4.7 18.2,3.9L19.7,2.6C21,4 21,5.9 21,6M4.2,2.6L5.7,3.9C5,4.7 5,6 5,6H3C3,5.9 3,4 4.2,2.6M10,1.3L9.3,3.2C8.6,2.9 7.5,2.9 6.7,3.2L6,1.3C7.2,0.9 8.8,0.9 10,1.3Z" /></svg><svg id="wordpress" viewBox="0 0 24 24"><path d="M3.42,12C3.42,10.76 3.69,9.58 4.16,8.5L8.26,19.72C5.39,18.33 3.42,15.4 3.42,12M17.79,11.57C17.79,12.3 17.5,13.15 17.14,14.34L16.28,17.2L13.18,8L14.16,7.9C14.63,7.84 14.57,7.16 14.11,7.19C14.11,7.19 12.72,7.3 11.82,7.3L9.56,7.19C9.1,7.16 9.05,7.87 9.5,7.9L10.41,8L11.75,11.64L9.87,17.27L6.74,8L7.73,7.9C8.19,7.84 8.13,7.16 7.67,7.19C7.67,7.19 6.28,7.3 5.38,7.3L4.83,7.29C6.37,4.96 9,3.42 12,3.42C14.23,3.42 16.27,4.28 17.79,5.67H17.68C16.84,5.67 16.24,6.4 16.24,7.19C16.24,7.9 16.65,8.5 17.08,9.2C17.41,9.77 17.79,10.5 17.79,11.57M12.15,12.75L14.79,19.97L14.85,20.09C13.96,20.41 13,20.58 12,20.58C11.16,20.58 10.35,20.46 9.58,20.23L12.15,12.75M19.53,7.88C20.2,9.11 20.58,10.5 20.58,12C20.58,15.16 18.86,17.93 16.31,19.41L18.93,11.84C19.42,10.62 19.59,9.64 19.59,8.77L19.53,7.88M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,21.54C17.26,21.54 21.54,17.26 21.54,12C21.54,6.74 17.26,2.46 12,2.46C6.74,2.46 2.46,6.74 2.46,12C2.46,17.26 6.74,21.54 12,21.54Z" /></svg><svg id="worker" viewBox="0 0 24 24"><path d="M12,15C7.58,15 4,16.79 4,19V21H20V19C20,16.79 16.42,15 12,15M8,9A4,4 0 0,0 12,13A4,4 0 0,0 16,9M11.5,2C11.2,2 11,2.21 11,2.5V5.5H10V3C10,3 7.75,3.86 7.75,6.75C7.75,6.75 7,6.89 7,8H17C16.95,6.89 16.25,6.75 16.25,6.75C16.25,3.86 14,3 14,3V5.5H13V2.5C13,2.21 12.81,2 12.5,2H11.5Z" /></svg><svg id="wrap" viewBox="0 0 24 24"><path d="M21,5H3V7H21V5M3,19H10V17H3V19M3,13H18C19,13 20,13.43 20,15C20,16.57 19,17 18,17H16V15L12,18L16,21V19H18C20.95,19 22,17.73 22,15C22,12.28 21,11 18,11H3V13Z" /></svg><svg id="wrap-disabled" viewBox="0 0 24 24"><path d="M16,7H3V5H16V7M3,19H16V17H3V19M22,12L18,9V11H3V13H18V15L22,12Z" /></svg><svg id="wrench" viewBox="0 0 24 24"><path d="M22.7,19L13.6,9.9C14.5,7.6 14,4.9 12.1,3C10.1,1 7.1,0.6 4.7,1.7L9,6L6,9L1.6,4.7C0.4,7.1 0.9,10.1 2.9,12.1C4.8,14 7.5,14.5 9.8,13.6L18.9,22.7C19.3,23.1 19.9,23.1 20.3,22.7L22.6,20.4C23.1,20 23.1,19.3 22.7,19Z" /></svg><svg id="wrench-outline" viewBox="0 0 24 24"><path d="M22.61,19L13.53,9.91C14.46,7.57 14,4.81 12.09,2.91C9.79,0.61 6.21,0.4 3.66,2.26L7.5,6.11L6.08,7.5L2.25,3.69C0.39,6.23 0.6,9.82 2.9,12.11C4.76,13.97 7.47,14.46 9.79,13.59L18.9,22.7C19.29,23.09 19.92,23.09 20.31,22.7L22.61,20.4C23,20 23,19.39 22.61,19M19.61,20.59L10.15,11.13C9.54,11.58 8.86,11.85 8.15,11.95C6.79,12.15 5.36,11.74 4.32,10.7C3.37,9.76 2.93,8.5 3,7.26L6.09,10.35L10.33,6.11L7.24,3C8.5,2.95 9.73,3.39 10.68,4.33C11.76,5.41 12.17,6.9 11.92,8.29C11.8,9 11.5,9.66 11.04,10.25L20.5,19.7L19.61,20.59Z" /></svg><svg id="wunderlist" viewBox="0 0 24 24"><path d="M17,17.5L12,15L7,17.5V5H5V19H19V5H17V17.5M12,12.42L14.25,13.77L13.65,11.22L15.64,9.5L13,9.27L12,6.86L11,9.27L8.36,9.5L10.35,11.22L9.75,13.77L12,12.42M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg><svg id="xamarin" viewBox="0 0 24 24"><path d="M22.75,11.07C22.91,11.35 23,11.67 23,12C23,12.33 22.91,12.65 22.75,12.93L18.08,21C17.72,21.62 17.06,22 16.35,22H7.65C6.94,22 6.28,21.62 5.92,21L1.25,12.93C1.09,12.65 1,12.33 1,12C1,11.67 1.09,11.35 1.25,11.07L5.92,3C6.28,2.38 6.94,2 7.65,2H16.35C17.06,2 17.72,2.38 18.08,3L22.75,11.07M12,12V11.9L9.42,7.1L9.25,7H7.66L7.5,7.1V7.3L10,12L7.5,16.7V16.9L7.66,17H9.25L9.42,16.9L12,12.1V12L12.03,12.1L14.58,16.9L14.75,17H16.34L16.5,16.9V16.7L14,12L16.5,7.3V7.1L16.34,7H14.75L14.58,7.1L12.03,11.9L12,12Z" /></svg><svg id="xamarin-outline" viewBox="0 0 24 24"><path d="M12,12L12.03,11.9L14.58,7.1L14.75,7H16.34L16.5,7.1V7.3L14,12L16.5,16.7V16.9L16.34,17H14.75L14.58,16.9L12.03,12.1L12,12V12.1L9.42,16.9L9.25,17H7.66L7.5,16.9V16.7L10,12L7.5,7.3V7.1L7.66,7H9.25L9.42,7.1L12,11.9V12M22.75,11.07C22.91,11.35 23,11.67 23,12C23,12.33 22.91,12.65 22.75,12.93L18.08,21C17.72,21.62 17.06,22 16.35,22H7.65C6.94,22 6.28,21.62 5.92,21L1.25,12.93C1.09,12.65 1,12.33 1,12C1,11.67 1.09,11.35 1.25,11.07L5.92,3C6.28,2.38 6.94,2 7.65,2H16.35C17.06,2 17.72,2.38 18.08,3L22.75,11.07M20.8,11.25L16.97,4.8C16.68,4.3 16.14,4 15.56,4H8.44C7.86,4 7.32,4.3 7.03,4.8L3.2,11.25C3.07,11.5 3,11.74 3,12C3,12.26 3.07,12.5 3.2,12.75L7.03,19.2C7.32,19.7 7.86,20 8.44,20H15.56C16.14,20 16.68,19.7 16.97,19.2L20.8,12.75C20.93,12.5 21,12.26 21,12C21,11.74 20.93,11.5 20.8,11.25Z" /></svg><svg id="xaml" viewBox="0 0 24 24"><path d="M18.93,12L15.46,18H8.54L5.07,12L8.54,6H15.46L18.93,12M23.77,12L19.73,19L18,18L21.46,12L18,6L19.73,5L23.77,12M0.23,12L4.27,5L6,6L2.54,12L6,18L4.27,19L0.23,12Z" /></svg><svg id="xbox" viewBox="0 0 24 24"><path d="M6.43,3.72C6.5,3.66 6.57,3.6 6.62,3.56C8.18,2.55 10,2 12,2C13.88,2 15.64,2.5 17.14,3.42C17.25,3.5 17.54,3.69 17.7,3.88C16.25,2.28 12,5.7 12,5.7C10.5,4.57 9.17,3.8 8.16,3.5C7.31,3.29 6.73,3.5 6.46,3.7M19.34,5.21C19.29,5.16 19.24,5.11 19.2,5.06C18.84,4.66 18.38,4.56 18,4.59C17.61,4.71 15.9,5.32 13.8,7.31C13.8,7.31 16.17,9.61 17.62,11.96C19.07,14.31 19.93,16.16 19.4,18.73C21,16.95 22,14.59 22,12C22,9.38 21,7 19.34,5.21M15.73,12.96C15.08,12.24 14.13,11.21 12.86,9.95C12.59,9.68 12.3,9.4 12,9.1C12,9.1 11.53,9.56 10.93,10.17C10.16,10.94 9.17,11.95 8.61,12.54C7.63,13.59 4.81,16.89 4.65,18.74C4.65,18.74 4,17.28 5.4,13.89C6.3,11.68 9,8.36 10.15,7.28C10.15,7.28 9.12,6.14 7.82,5.35L7.77,5.32C7.14,4.95 6.46,4.66 5.8,4.62C5.13,4.67 4.71,5.16 4.71,5.16C3.03,6.95 2,9.35 2,12A10,10 0 0,0 12,22C14.93,22 17.57,20.74 19.4,18.73C19.4,18.73 19.19,17.4 17.84,15.5C17.53,15.07 16.37,13.69 15.73,12.96Z" /></svg><svg id="xbox-controller" viewBox="0 0 24 24"><path d="M8.75,15.75C6.75,15.75 6,18 4,19C2,19 0.5,16 4.5,7.5H4.75L5.19,6.67C5.19,6.67 8,5 9.33,6.23H14.67C16,5 18.81,6.67 18.81,6.67L19.25,7.5H19.5C23.5,16 22,19 20,19C18,18 17.25,15.75 15.25,15.75H8.75M12,7A1,1 0 0,0 11,8A1,1 0 0,0 12,9A1,1 0 0,0 13,8A1,1 0 0,0 12,7Z" /></svg><svg id="xbox-controller-battery-alert" viewBox="0 0 24 24"><path d="M21,19V7H15V19H21M21.67,5C22.4,5 23,5.6 23,6.33V19.67A1.33,1.33 0 0,1 21.67,21H14.33C13.6,21 13,20.4 13,19.67V16.75H7.75C5.75,16.75 5,19 3,20C1,20 -0.5,17 3.5,8.5H3.75L4.19,7.67C4.19,7.67 7,6 8.33,7.23H13V6.33A1.33,1.33 0 0,1 14.33,5H16V3H20V5H21.67M11,8A1,1 0 0,0 10,9A1,1 0 0,0 11,10A1,1 0 0,0 12,9A1,1 0 0,0 11,8M17,9H19V14H17V9M17,15H19V17H17V15Z" /></svg><svg id="xbox-controller-battery-charging" viewBox="0 0 24 24"><path d="M20,5H21.67C22.4,5 23,5.6 23,6.33V19.67A1.33,1.33 0 0,1 21.67,21H14.33C13.6,21 13,20.4 13,19.67V16.75H7.75C5.75,16.75 5,19 3,20C1,20 -0.5,17 3.5,8.5H3.75L4.19,7.67C4.19,7.67 7,6 8.33,7.23H13V6.33A1.33,1.33 0 0,1 14.33,5H16V3H20V5M21,7H15V19H21V7M15.5,14L18.5,7.5V12H20.5L17.5,18.5V14H15.5M11,8A1,1 0 0,0 10,9A1,1 0 0,0 11,10A1,1 0 0,0 12,9A1,1 0 0,0 11,8Z" /></svg><svg id="xbox-controller-battery-empty" viewBox="0 0 24 24"><path d="M21,19V7H15V19H21M21.67,5C22.4,5 23,5.6 23,6.33V19.67A1.33,1.33 0 0,1 21.67,21H14.33C13.6,21 13,20.4 13,19.67V16.75H7.75C5.75,16.75 5,19 3,20C1,20 -0.5,17 3.5,8.5H3.75L4.19,7.67C4.19,7.67 7,6 8.33,7.23H13V6.33A1.33,1.33 0 0,1 14.33,5H16V3H20V5H21.67M11,8A1,1 0 0,0 10,9A1,1 0 0,0 11,10A1,1 0 0,0 12,9A1,1 0 0,0 11,8Z" /></svg><svg id="xbox-controller-battery-full" viewBox="0 0 24 24"><path d="M21.67,5C22.4,5 23,5.6 23,6.33V19.67A1.33,1.33 0 0,1 21.67,21H14.33C13.6,21 13,20.4 13,19.67V16.75H7.75C5.75,16.75 5,19 3,20C1,20 -0.5,17 3.5,8.5H3.75L4.19,7.67C4.19,7.67 7,6 8.33,7.23H13V6.33A1.33,1.33 0 0,1 14.33,5H16V3H20V5H21.67M11,8A1,1 0 0,0 10,9A1,1 0 0,0 11,10A1,1 0 0,0 12,9A1,1 0 0,0 11,8Z" /></svg><svg id="xbox-controller-battery-low" viewBox="0 0 24 24"><path d="M21,16V7H15V16H21M21.67,5C22.4,5 23,5.6 23,6.33V19.67A1.33,1.33 0 0,1 21.67,21H14.33C13.6,21 13,20.4 13,19.67V16.75H7.75C5.75,16.75 5,19 3,20C1,20 -0.5,17 3.5,8.5H3.75L4.19,7.67C4.19,7.67 7,6 8.33,7.23H13V6.33A1.33,1.33 0 0,1 14.33,5H16V3H20V5H21.67M11,8A1,1 0 0,0 10,9A1,1 0 0,0 11,10A1,1 0 0,0 12,9A1,1 0 0,0 11,8Z" /></svg><svg id="xbox-controller-battery-medium" viewBox="0 0 24 24"><path d="M21,12V7H15V12H21M21.67,5C22.4,5 23,5.6 23,6.33V19.67A1.33,1.33 0 0,1 21.67,21H14.33C13.6,21 13,20.4 13,19.67V16.75H7.75C5.75,16.75 5,19 3,20C1,20 -0.5,17 3.5,8.5H3.75L4.19,7.67C4.19,7.67 7,6 8.33,7.23H13V6.33A1.33,1.33 0 0,1 14.33,5H16V3H20V5H21.67M11,8A1,1 0 0,0 10,9A1,1 0 0,0 11,10A1,1 0 0,0 12,9A1,1 0 0,0 11,8Z" /></svg><svg id="xbox-controller-battery-unknown" viewBox="0 0 24 24"><path d="M21.67,5C22.4,5 23,5.6 23,6.33V19.67A1.33,1.33 0 0,1 21.67,21H14.33C13.6,21 13,20.4 13,19.67V16.75H7.75C5.75,16.75 5,19 3,20C1,20 -0.5,17 3.5,8.5H3.75L4.19,7.67C4.19,7.67 7,6 8.33,7.23H13V6.33A1.33,1.33 0 0,1 14.33,5H16V3H20V5H21.67M11,8A1,1 0 0,0 10,9A1,1 0 0,0 11,10A1,1 0 0,0 12,9A1,1 0 0,0 11,8M18.19,8C17.32,8 16.62,8.2 16.08,8.59C15.56,9 15.3,9.57 15.31,10.36L15.32,10.39H17.25C17.26,10.09 17.35,9.86 17.53,9.7C17.71,9.55 17.93,9.47 18.19,9.47C18.5,9.47 18.76,9.57 18.94,9.75C19.12,9.94 19.2,10.2 19.2,10.5C19.2,10.82 19.13,11.09 18.97,11.32C18.83,11.55 18.62,11.75 18.36,11.91C17.85,12.25 17.5,12.55 17.31,12.82C17.11,13.08 17,13.5 17,14H19C19,13.69 19.04,13.44 19.13,13.26C19.22,13.08 19.39,12.9 19.64,12.74C20.09,12.5 20.46,12.21 20.75,11.81C21.04,11.41 21.19,11 21.19,10.5C21.19,9.74 20.92,9.13 20.38,8.68C19.85,8.23 19.12,8 18.19,8M17,15V17H19V15H17Z" /></svg><svg id="xbox-controller-menu" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M6,7H18V9H6V7M6,11H18V13H6V11M6,15H18V17H6V15Z" /></svg><svg id="xbox-controller-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L12.5,15.75H8.75C6.75,15.75 6,18 4,19C2,19 0.5,16.04 4.42,7.69L2,5.27M9.33,6.23H14.67C16,5 18.81,6.67 18.81,6.67L19.25,7.5H19.5C23,15 22.28,18.2 20.69,18.87L7.62,5.8C8.25,5.73 8.87,5.81 9.33,6.23M12,7A1,1 0 0,0 11,8A1,1 0 0,0 12,9A1,1 0 0,0 13,8A1,1 0 0,0 12,7Z" /></svg><svg id="xbox-controller-view" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M6,7H15V9H8V14H6V7M9,10H18V17H9V10M11,12V15H16V12H11Z" /></svg><svg id="xda" viewBox="0 0 24 24"><path d="M-0.05,16.79L3.19,12.97L-0.05,9.15L1.5,7.86L4.5,11.41L7.5,7.86L9.05,9.15L5.81,12.97L9.05,16.79L7.5,18.07L4.5,14.5L1.5,18.07L-0.05,16.79M24,17A1,1 0 0,1 23,18H20A2,2 0 0,1 18,16V14A2,2 0 0,1 20,12H22V10H18V8H23A1,1 0 0,1 24,9M22,14H20V16H22V14M16,17A1,1 0 0,1 15,18H12A2,2 0 0,1 10,16V10A2,2 0 0,1 12,8H14V5H16V17M14,16V10H12V16H14Z" /></svg><svg id="xing" viewBox="0 0 24 24"><path d="M17.67,2C17.24,2 17.05,2.27 16.9,2.55C16.9,2.55 10.68,13.57 10.5,13.93L14.58,21.45C14.72,21.71 14.94,22 15.38,22H18.26C18.44,22 18.57,21.93 18.64,21.82C18.72,21.69 18.72,21.53 18.64,21.37L14.57,13.92L20.96,2.63C21.04,2.47 21.04,2.31 20.97,2.18C20.89,2.07 20.76,2 20.58,2M5.55,5.95C5.38,5.95 5.23,6 5.16,6.13C5.08,6.26 5.09,6.41 5.18,6.57L7.12,9.97L4.06,15.37C4,15.53 4,15.69 4.06,15.82C4.13,15.94 4.26,16 4.43,16H7.32C7.75,16 7.96,15.72 8.11,15.45C8.11,15.45 11.1,10.16 11.22,9.95L9.24,6.5C9.1,6.24 8.88,5.95 8.43,5.95" /></svg><svg id="xing-box" viewBox="0 0 24 24"><path d="M4.8,3C3.8,3 3,3.8 3,4.8V19.2C3,20.2 3.8,21 4.8,21H19.2C20.2,21 21,20.2 21,19.2V4.8C21,3.8 20.2,3 19.2,3M16.07,5H18.11C18.23,5 18.33,5.04 18.37,5.13C18.43,5.22 18.43,5.33 18.37,5.44L13.9,13.36L16.75,18.56C16.81,18.67 16.81,18.78 16.75,18.87C16.7,18.95 16.61,19 16.5,19H14.47C14.16,19 14,18.79 13.91,18.61L11.04,13.35C11.18,13.1 15.53,5.39 15.53,5.39C15.64,5.19 15.77,5 16.07,5M7.09,7.76H9.1C9.41,7.76 9.57,7.96 9.67,8.15L11.06,10.57C10.97,10.71 8.88,14.42 8.88,14.42C8.77,14.61 8.63,14.81 8.32,14.81H6.3C6.18,14.81 6.09,14.76 6.04,14.67C6,14.59 6,14.47 6.04,14.36L8.18,10.57L6.82,8.2C6.77,8.09 6.75,8 6.81,7.89C6.86,7.81 6.96,7.76 7.09,7.76Z" /></svg><svg id="xing-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M15.85,6H17.74C17.86,6 17.94,6.04 18,6.12C18.04,6.2 18.04,6.3 18,6.41L13.84,13.76L16.5,18.59C16.53,18.69 16.53,18.8 16.5,18.88C16.43,18.96 16.35,19 16.24,19H14.36C14.07,19 13.93,18.81 13.84,18.64L11.17,13.76C11.31,13.5 15.35,6.36 15.35,6.36C15.45,6.18 15.57,6 15.85,6M7.5,8.57H9.39C9.67,8.57 9.81,8.75 9.9,8.92L11.19,11.17C11.12,11.3 9.17,14.75 9.17,14.75C9.07,14.92 8.94,15.11 8.66,15.11H6.78C6.67,15.11 6.59,15.06 6.54,15C6.5,14.9 6.5,14.8 6.54,14.69L8.53,11.17L7.27,9C7.21,8.87 7.2,8.77 7.25,8.69C7.3,8.61 7.39,8.57 7.5,8.57Z" /></svg><svg id="xml" viewBox="0 0 24 24"><path d="M12.89,3L14.85,3.4L11.11,21L9.15,20.6L12.89,3M19.59,12L16,8.41V5.58L22.42,12L16,18.41V15.58L19.59,12M1.58,12L8,5.58V8.41L4.41,12L8,15.58V18.41L1.58,12Z" /></svg><svg id="xmpp" viewBox="0 0 24 24"><path d="M12,15.4C9.75,13.09 8,9.54 8,6C2,4 8,6 2,4C2,9.65 6.33,14.11 10.55,16.66C9.38,17.5 8.15,18 7,18C7,19 7,18 7,19C8.2,19 10.03,18.46 12,17.46C13.97,18.46 15.8,19 17,19C17,18 17,19 17,18C15.85,18 14.62,17.5 13.45,16.66C17.66,14.11 22,9.65 22,4C16,6 22,4 16,6C16,9.54 14.25,13.09 12,15.4Z" /></svg><svg id="yahoo" viewBox="0 0 24 24"><path d="M12.03,3.36C8.5,3.36 5.15,2.9 2,2C2,9.07 2,20.23 2,22C5.15,21.1 8.5,20.64 12.03,20.64C15.5,20.64 18.85,21.09 22,22C22,15.2 22,9.31 22,2C18.85,2.91 15.5,3.36 12.03,3.36M12.84,13.04L12.97,18.92L12,18.79C12,18.79 12,18.79 12,18.79C11.91,18.79 11.19,18.89 11,18.93L11.16,13.04C10.88,12.54 6.67,5.44 6.44,5.07L7.5,5.25C7.83,5.25 8.12,5.21 8.5,5.17C9.03,6.15 11.88,10.83 12,11.03C12,11.03 14.97,6.15 15.61,5.13C15.88,5.21 16.17,5.25 16.5,5.25C16.78,5.25 17.07,5.21 17.57,5.07L12.84,13.04Z" /></svg><svg id="yammer" viewBox="0 0 24 24"><path d="M13.54,5.93L9.18,17.11C9.16,17.19 8.26,19.65 5.23,19.65A1,1 0 0,1 4.23,18.65C4.23,18.09 4.68,17.65 5.23,17.65C6.79,17.65 7.26,16.53 7.31,16.41L7.68,15.4L3.82,5.94C3.62,5.43 3.86,4.84 4.37,4.64C4.88,4.43 5.47,4.67 5.68,5.19L8.75,12.72L11.68,5.2C11.88,4.68 12.46,4.43 13,4.63C13.5,4.83 13.75,5.41 13.54,5.93M18.5,6.38C18.32,6.38 18.13,6.45 18,6.57C18,6.57 13.8,9.56 14,9.88C14.19,10.2 18.83,8.03 18.84,8C19.15,7.9 19.38,7.59 19.38,7.23C19.38,6.76 19,6.38 18.5,6.38M19.27,16.84C19.17,16.67 19,16.54 18.83,16.46C18.83,16.46 14.17,14.29 14,14.61C13.81,14.94 18,17.92 18,17.92C18.25,18.14 18.63,18.18 18.94,18C19.35,17.77 19.5,17.25 19.27,16.84M20.97,11.42C20.79,11.32 20.6,11.29 20.4,11.32C20.4,11.32 15.29,11.85 15.3,12.22C15.31,12.59 20.41,13 20.42,13C20.76,13.05 21.11,12.9 21.29,12.58C21.5,12.17 21.38,11.65 20.97,11.42Z" /></svg><svg id="yeast" viewBox="0 0 24 24"><path d="M18,14A4,4 0 0,1 22,18A4,4 0 0,1 18,22A4,4 0 0,1 14,18L14.09,17.15C14.05,16.45 13.92,15.84 13.55,15.5C13.35,15.3 13.07,15.19 12.75,15.13C11.79,15.68 10.68,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3A6.5,6.5 0 0,1 16,9.5C16,10.68 15.68,11.79 15.13,12.75C15.19,13.07 15.3,13.35 15.5,13.55C15.84,13.92 16.45,14.05 17.15,14.09L18,14M7.5,10A1.5,1.5 0 0,1 9,11.5A1.5,1.5 0 0,1 7.5,13A1.5,1.5 0 0,1 6,11.5A1.5,1.5 0 0,1 7.5,10M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" /></svg><svg id="yelp" viewBox="0 0 24 24"><path d="M10.59,2C11.23,2 11.5,2.27 11.58,2.97L11.79,6.14L12.03,10.29C12.05,10.64 12,11 11.86,11.32C11.64,11.77 11.14,11.89 10.73,11.58C10.5,11.39 10.31,11.14 10.15,10.87L6.42,4.55C6.06,3.94 6.17,3.54 6.77,3.16C7.5,2.68 9.73,2 10.59,2M14.83,14.85L15.09,14.91L18.95,16.31C19.61,16.55 19.79,16.92 19.5,17.57C19.06,18.7 18.34,19.66 17.42,20.45C16.96,20.85 16.5,20.78 16.21,20.28L13.94,16.32C13.55,15.61 14.03,14.8 14.83,14.85M4.5,14C4.5,13.26 4.5,12.55 4.75,11.87C4.97,11.2 5.33,11 6,11.27L9.63,12.81C10.09,13 10.35,13.32 10.33,13.84C10.3,14.36 9.97,14.58 9.53,14.73L5.85,15.94C5.15,16.17 4.79,15.96 4.64,15.25C4.55,14.83 4.47,14.4 4.5,14M11.97,21C11.95,21.81 11.6,22.12 10.81,22C9.77,21.8 8.81,21.4 7.96,20.76C7.54,20.44 7.45,19.95 7.76,19.53L10.47,15.97C10.7,15.67 11.03,15.6 11.39,15.74C11.77,15.88 11.97,16.18 11.97,16.59V21M14.45,13.32C13.73,13.33 13.23,12.5 13.64,11.91C14.47,10.67 15.35,9.46 16.23,8.26C16.5,7.85 16.94,7.82 17.31,8.16C18.24,9 18.91,10 19.29,11.22C19.43,11.67 19.25,12.08 18.83,12.2L15.09,13.17L14.45,13.32Z" /></svg><svg id="yin-yang" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A4,4 0 0,1 8,16A4,4 0 0,1 12,12A4,4 0 0,0 16,8A4,4 0 0,0 12,4M12,6.5A1.5,1.5 0 0,1 13.5,8A1.5,1.5 0 0,1 12,9.5A1.5,1.5 0 0,1 10.5,8A1.5,1.5 0 0,1 12,6.5M12,14.5A1.5,1.5 0 0,0 10.5,16A1.5,1.5 0 0,0 12,17.5A1.5,1.5 0 0,0 13.5,16A1.5,1.5 0 0,0 12,14.5Z" /></svg><svg id="youtube" viewBox="0 0 24 24"><path d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z" /></svg><svg id="youtube-creator-studio" viewBox="0 0 24 24"><path d="M10,15L15,12L10,9V15M19.45,13L21.56,14.63C21.78,14.78 21.81,15 21.66,15.28L19.64,18.75C19.5,18.97 19.31,19.03 19.03,18.94L16.55,17.95C15.89,18.42 15.33,18.75 14.86,18.94L14.5,21.56C14.42,21.84 14.27,22 14,22H10C9.73,22 9.58,21.84 9.5,21.56L9.14,18.94C8.55,18.69 8,18.36 7.45,17.95L4.97,18.94C4.69,19.03 4.5,18.97 4.36,18.75L2.34,15.28C2.19,15 2.22,14.78 2.44,14.63L4.55,13C4.5,12.77 4.5,12.44 4.5,12C4.5,11.56 4.5,11.23 4.55,11L2.44,9.38C2.22,9.22 2.19,9 2.34,8.72L4.36,5.25C4.5,5.03 4.69,4.97 4.97,5.06L7.45,6.05C8.11,5.58 8.67,5.25 9.14,5.06L9.5,2.44C9.58,2.16 9.73,2 10,2H14C14.27,2 14.42,2.16 14.5,2.44L14.86,5.06C15.45,5.31 16,5.64 16.55,6.05L19.03,5.06C19.31,4.97 19.5,5.03 19.64,5.25L21.66,8.72C21.81,9 21.78,9.22 21.56,9.38L19.45,11C19.5,11.23 19.5,11.56 19.5,12C19.5,12.44 19.5,12.77 19.45,13Z" /></svg><svg id="youtube-gaming" viewBox="0 0 24 24"><path d="M6,3.54C5.81,3.54 5.63,3.62 5.46,3.71L0.55,6.5C0.21,6.7 0,7.06 0,7.45V13.68C0,14.07 0.21,14.43 0.55,14.63L11.46,20.83C11.63,20.92 11.81,21 12,21C12.19,21 12.37,20.92 12.54,20.83L23.45,14.63C23.79,14.44 24,14.08 24,13.69V7.45C24,7.06 23.79,6.7 23.45,6.5L18.54,3.71C18.37,3.62 18.19,3.54 18,3.54C17.81,3.54 17.63,3.62 17.46,3.71L12.54,6.5C12.21,6.7 11.8,6.7 11.46,6.5L6.54,3.71C6.37,3.62 6.19,3.54 6,3.54M18.14,4.09L23.46,7.09L18.14,10.23V4.09Z" /></svg><svg id="youtube-subscription" viewBox="0 0 24 24"><path d="M20,8H4V6H20V8M18,2H6V4H18V2M22,12V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V12A2,2 0 0,1 4,10H20A2,2 0 0,1 22,12M16,16L10,12.73V19.26L16,16Z" /></svg><svg id="youtube-tv" viewBox="0 0 24 24"><path d="M2.5,4.5H21.5C22.34,4.5 23,5.15 23,6V17.5C23,18.35 22.34,19 21.5,19H2.5C1.65,19 1,18.35 1,17.5V6C1,5.15 1.65,4.5 2.5,4.5M9.71,8.5V15L15.42,11.7L9.71,8.5M17.25,21H6.65C6.35,21 6.15,20.8 6.15,20.5C6.15,20.2 6.35,20 6.65,20H17.35C17.65,20 17.85,20.2 17.85,20.5C17.85,20.8 17.55,21 17.25,21Z" /></svg><svg id="z-wave" viewBox="0 0 24 24"><path d="M16.3,10.58C13.14,10.58 10.6,13.13 10.6,16.28C10.6,19.43 13.15,22 16.3,22C19.45,22 22,19.43 22,16.28C22,13.13 19.45,10.58 16.3,10.58M18,19.08H13.19L15.81,15H13.31L14.4,13.23H19.18L16.63,17.28H19.18L18,19.08M16.3,3.93V2C8.41,2 2,8.42 2,16.31H3.92C3.94,9.46 9.5,3.93 16.3,3.93M16.3,7.74V5.82C10.5,5.82 5.81,10.53 5.81,16.31H7.73C7.75,11.58 11.59,7.74 16.3,7.74" /></svg><svg id="zend" viewBox="0 0 24 24"><path d="M11.28,9.81C11.28,9.81 11.28,7 14.09,7H22.5C22.5,7 22.5,9.81 19.71,9.81H11.28M11.28,13.41C11.28,13.41 11.28,10.6 14.09,10.6H18.31C18.31,10.6 18.31,13.41 15.5,13.41H11.28M11.28,17C11.28,17 11.28,14.19 14.09,14.19H15.5C15.5,14.19 15.5,17 12.68,17H11.28M10.46,14.8V17H1.58L7.3,9.21H2.4V7H11.66L5.96,14.8H10.46Z" /></svg><svg id="zigbee" viewBox="0 0 24 24"><path d="M4.06,6.15C3.97,6.17 3.88,6.22 3.8,6.28C2.66,7.9 2,9.87 2,12A10,10 0 0,0 12,22C15,22 17.68,20.68 19.5,18.6L17,18.85C14.25,19.15 11.45,19.19 8.66,18.96C7.95,18.94 7.24,18.76 6.59,18.45C5.73,18.06 5.15,17.23 5.07,16.29C5.06,16.13 5.12,16 5.23,15.87L7.42,13.6L15.03,5.7V5.6H10.84C8.57,5.64 6.31,5.82 4.06,6.15M20.17,17.5C20.26,17.47 20.35,17.44 20.43,17.39C21.42,15.83 22,14 22,12A10,10 0 0,0 12,2C9.22,2 6.7,3.13 4.89,4.97H5.17C8.28,4.57 11.43,4.47 14.56,4.65C15.5,4.64 16.45,4.82 17.33,5.17C18.25,5.53 18.89,6.38 19,7.37C19,7.53 18.93,7.7 18.82,7.82L9.71,17.19L9,17.95V18.06H13.14C15.5,18 17.84,17.81 20.17,17.5Z" /></svg><svg id="zip-box" viewBox="0 0 24 24"><path d="M14,17H12V15H10V13H12V15H14M14,9H12V11H14V13H12V11H10V9H12V7H10V5H12V7H14M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg><svg id="zip-disk" viewBox="0 0 24 24"><path d="M7,3L3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5L17,3V5A1,1 0 0,1 16,6H10A1,1 0 0,1 9,5V3H7M8,10H16A1,1 0 0,1 17,11V19H7V11A1,1 0 0,1 8,10Z" /></svg><svg id="zodiac-aquarius" viewBox="0 0 24 24"><path d="M15,12.41L12,9.41L9,12.41L6,9.41L3.71,11.71L2.29,10.29L6,6.59L9,9.59L12,6.59L15,9.59L18,6.59L21.71,10.29L20.29,11.71L18,9.41L15,12.41M18,15.41L20.29,17.71L21.71,16.29L18,12.59L15,15.59L12,12.59L9,15.59L6,12.59L2.29,16.29L3.71,17.71L6,15.41L9,18.41L12,15.41L15,18.41L18,15.41Z" /></svg><svg id="zodiac-aries" viewBox="0 0 24 24"><path d="M16,2C14.95,2 13.91,2.27 13,2.81C12.64,3 12.3,3.26 12,3.54C11.7,3.26 11.36,3 11,2.81C10.09,2.27 9.05,2 8,2A6,6 0 0,0 2,8A6,6 0 0,0 8,14V12A4,4 0 0,1 4,8A4,4 0 0,1 8,4C9,4 10,4.39 10.75,5.1C10.84,5.18 10.92,5.27 11,5.36V22H13V5.36C13.08,5.27 13.16,5.18 13.25,5.1C14.85,3.58 17.38,3.64 18.91,5.25C20.43,6.85 20.36,9.38 18.76,10.9C18,11.61 17.03,12 16,12V14A6,6 0 0,0 22,8A6,6 0 0,0 16,2Z" /></svg><svg id="zodiac-cancer" viewBox="0 0 24 24"><path d="M12,4C6.5,4 2,7.58 2,12C2,14.12 3.65,15.87 5.76,16H6A4,4 0 0,0 10,12A4,4 0 0,0 6,8H5.76C7.44,6.41 9.69,5.55 12,5.6C13.77,5.58 15.5,6.07 17,7L18.25,5.75C16.38,4.58 14.21,3.97 12,4M6,10A2,2 0 0,1 8,12C8,13.11 7.08,14 6,14C4.96,14 4.1,13.22 4,12.2C4,12.07 4,11.93 4,11.8C4.1,10.77 4.97,10 6,10M18.24,8H18A4,4 0 0,0 14,12A4,4 0 0,0 18,16H18.24C16.56,17.59 14.31,18.45 12,18.4C10.23,18.42 8.5,17.93 7,17L5.76,18.24C7.63,19.41 9.79,20 12,20C17.5,20 22,16.42 22,12C22,9.88 20.35,8.13 18.24,8M18,14A2,2 0 0,1 16,12C16,10.89 16.92,10 18,10C19.04,10 19.9,10.78 20,11.8C20,11.93 20,12.07 20,12.2C19.9,13.23 19.03,14 18,14Z" /></svg><svg id="zodiac-capricorn" viewBox="0 0 24 24"><path d="M15,13C14.3,13 13.61,13.19 13,13.55V6A3,3 0 0,0 10,3C9.25,3 8.55,3.29 8,3.78C7.45,3.28 6.74,3 6,3V5A1,1 0 0,1 7,6V16H9V6A1,1 0 0,1 10,5A1,1 0 0,1 11,6V17A2,2 0 0,1 9,19V21C10.15,21 11.25,20.5 12,19.62C13.45,21.29 15.97,21.47 17.64,20C19.31,18.58 19.5,16.05 18.04,14.38C17.28,13.5 16.17,13 15,13M15,19A2,2 0 0,1 13,17A2,2 0 0,1 15,15A2,2 0 0,1 17,17A2,2 0 0,1 15,19Z" /></svg><svg id="zodiac-gemini" viewBox="0 0 24 24"><path d="M18,5.3C19.35,4.97 20.66,4.54 21.94,4L21.18,2.14C18.27,3.36 15.15,4 12,4C8.85,4 5.73,3.38 2.82,2.17L2.06,4C3.34,4.54 4.65,4.97 6,5.3V18.7C4.65,19.03 3.34,19.46 2.06,20L2.82,21.86C8.7,19.42 15.3,19.42 21.18,21.86L21.94,20C20.66,19.46 19.35,19.03 18,18.7V5.3M8,18.3V5.69C9.32,5.89 10.66,6 12,6C13.34,6 14.68,5.89 16,5.69V18.31C13.35,17.9 10.65,17.9 8,18.31V18.3Z" /></svg><svg id="zodiac-leo" viewBox="0 0 24 24"><path d="M20,17A3,3 0 0,1 17,20C15.38,19.92 14.08,18.62 14,17C14.16,15.39 14.5,13.8 15,12.26C15.54,10.55 15.87,8.79 16,7C15.93,4.27 13.73,2.07 11,2C8.27,2.07 6.07,4.27 6,7C6.15,8.53 6.5,10.03 7,11.5L7.21,12.2C5.1,11.53 2.86,12.7 2.19,14.8C1.5,16.91 2.68,19.16 4.79,19.83C6.9,20.5 9.14,19.33 9.81,17.22C9.94,16.83 10,16.41 10,16C9.84,14.27 9.5,12.56 8.91,10.92C8.47,9.65 8.16,8.34 8,7C8.08,5.38 9.38,4.08 11,4C12.62,4.08 13.92,5.38 14,7C13.84,8.61 13.5,10.2 13,11.74C12.46,13.45 12.13,15.21 12,17C12.07,19.73 14.27,21.93 17,22A5,5 0 0,0 22,17H20M6,18A2,2 0 0,1 4,16A2,2 0 0,1 6,14A2,2 0 0,1 8,16A2,2 0 0,1 6,18Z" /></svg><svg id="zodiac-libra" viewBox="0 0 24 24"><path d="M20,16V18H13V15.91C16,15.36 17.96,12.5 17.41,9.5C16.86,6.5 14,4.54 11,5.09C8,5.65 6.04,8.5 6.59,11.5C7,13.74 8.76,15.5 11,15.91V18H4V16H6.92C5.37,14.59 4.5,12.59 4.5,10.5A7.5,7.5 0 0,1 12,3A7.5,7.5 0 0,1 19.5,10.5C19.5,12.59 18.63,14.59 17.08,16H20M20,19H4V21H20V19Z" /></svg><svg id="zodiac-pisces" viewBox="0 0 24 24"><path d="M20,11H18C18.11,8.19 18.73,5.42 19.81,2.82L18,2.06C16.81,4.9 16.13,7.92 16,11H8C7.87,7.92 7.19,4.9 6,2.06L4.14,2.82C5.24,5.41 5.87,8.18 6,11H4V13H6C5.89,15.81 5.27,18.58 4.19,21.18L6,21.94C7.19,19.1 7.87,16.08 8,13H16C16.13,16.08 16.81,19.1 18,21.94L19.86,21.18C18.76,18.59 18.13,15.82 18,13H20V11Z" /></svg><svg id="zodiac-sagittarius" viewBox="0 0 24 24"><path d="M22,2V12H20V5.41L10.41,15L12.71,17.29L11.29,18.71L9,16.41L3.71,21.71L2.29,20.29L7.59,15L5.29,12.71L6.71,11.29L9,13.59L18.59,4H12V2H22Z" /></svg><svg id="zodiac-scorpio" viewBox="0 0 24 24"><path d="M17.71,15.29L16.29,16.71L17.59,18H16A2,2 0 0,1 14,16V6A3,3 0 0,0 11,3C10.25,3 9.55,3.29 9,3.78C7.86,2.76 6.14,2.76 5,3.78C4.45,3.28 3.74,3 3,3V5A1,1 0 0,1 4,6V16H6V6A1,1 0 0,1 7,5A1,1 0 0,1 8,6V16H10V6A1,1 0 0,1 11,5A1,1 0 0,1 12,6V16A4,4 0 0,0 16,20H17.59L16.29,21.29L17.71,22.71L21.41,19L17.71,15.29Z" /></svg><svg id="zodiac-taurus" viewBox="0 0 24 24"><path d="M15.59,9C17.7,7.74 19,5.46 19,3H17A5,5 0 0,1 12,8A5,5 0 0,1 7,3H5C5,5.46 6.3,7.74 8.41,9C5.09,11 4,15.28 6,18.6C7.97,21.92 12.27,23 15.59,21C18.91,19.04 20,14.74 18,11.42C17.42,10.43 16.58,9.59 15.59,9M12,20A5,5 0 0,1 7,15A5,5 0 0,1 12,10A5,5 0 0,1 17,15A5,5 0 0,1 12,20Z" /></svg><svg id="zodiac-virgo" viewBox="0 0 24 24"><path d="M18.5,19.13C20,17.77 20,15.18 20,14A4,4 0 0,0 16,10C15.3,10 14.6,10.2 14,10.56V6A3,3 0 0,0 11,3C10.25,3 9.55,3.29 9,3.78C7.86,2.76 6.14,2.76 5,3.78C4.45,3.28 3.74,3 3,3V5A1,1 0 0,1 4,6V16H6V6A1,1 0 0,1 7,5A1,1 0 0,1 8,6V16H10V6A1,1 0 0,1 11,5A1,1 0 0,1 12,6V14C12,15.18 12,17.77 13.5,19.13C12.72,19.54 11.88,19.84 11,20V22C12.29,22 14.84,20.74 16,20.13C17.16,20.74 19.71,22 21,22V20C20.12,19.84 19.28,19.54 18.5,19.13M16,12A2,2 0 0,1 18,14C18,16.92 17.46,18 16,18C14.54,18 14,16.92 14,14A2,2 0 0,1 16,12Z" /></svg></defs></svg>
\ No newline at end of file
diff --git a/ui-ngx/src/assets/split.js/grips/horizontal.png b/ui-ngx/src/assets/split.js/grips/horizontal.png
new file mode 100644
index 0000000000..cbe7da77dd
Binary files /dev/null and b/ui-ngx/src/assets/split.js/grips/horizontal.png differ
diff --git a/ui-ngx/src/assets/split.js/grips/vertical.png b/ui-ngx/src/assets/split.js/grips/vertical.png
new file mode 100644
index 0000000000..0ac8fa1e03
Binary files /dev/null and b/ui-ngx/src/assets/split.js/grips/vertical.png differ
diff --git a/ui-ngx/src/browserslist b/ui-ngx/src/browserslist
new file mode 100644
index 0000000000..37371cb04b
--- /dev/null
+++ b/ui-ngx/src/browserslist
@@ -0,0 +1,11 @@
+# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+#
+# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+not IE 9-11
\ No newline at end of file
diff --git a/ui-ngx/src/environments/environment.prod.ts b/ui-ngx/src/environments/environment.prod.ts
new file mode 100644
index 0000000000..259e5c432e
--- /dev/null
+++ b/ui-ngx/src/environments/environment.prod.ts
@@ -0,0 +1,25 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+export const environment = {
+  appTitle: 'ThingsBoard',
+  production: true,
+// @ts-ignore
+  tbVersion: TB_VERSION,
+// @ts-ignore
+  supportedLangs: SUPPORTED_LANGS,
+  defaultLang: 'en_US'
+};
diff --git a/ui-ngx/src/environments/environment.ts b/ui-ngx/src/environments/environment.ts
new file mode 100644
index 0000000000..86e4923aad
--- /dev/null
+++ b/ui-ngx/src/environments/environment.ts
@@ -0,0 +1,38 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+  appTitle: 'ThingsBoard',
+  production: false,
+// @ts-ignore
+  tbVersion: TB_VERSION,
+// @ts-ignore
+  supportedLangs: SUPPORTED_LANGS,
+  defaultLang: 'en_US'
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * This import should be commented out in production mode because it will have a negative impact
+ * on performance if an error is thrown.
+ */
+// import 'zone.js/dist/zone-error';  // Included with Angular CLI.
diff --git a/ui-ngx/src/index.html b/ui-ngx/src/index.html
new file mode 100644
index 0000000000..af49c0c938
--- /dev/null
+++ b/ui-ngx/src/index.html
@@ -0,0 +1,31 @@
+<!--
+
+    Copyright © 2016-2020 The Thingsboard Authors
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+<!doctype html>
+<html lang="en" style="width: 100%;">
+<head>
+  <meta charset="utf-8">
+  <title>ThingsBoard</title>
+  <base href="/">
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="thingsboard.ico">
+</head>
+<body class="tb-default">
+  <tb-root></tb-root>
+</body>
+</html>
diff --git a/ui-ngx/src/karma.conf.js b/ui-ngx/src/karma.conf.js
new file mode 100644
index 0000000000..a311d5bf0b
--- /dev/null
+++ b/ui-ngx/src/karma.conf.js
@@ -0,0 +1,47 @@
+/*
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function(config) {
+  config.set({
+    basePath: "",
+    frameworks: ["jasmine", "@angular-devkit/build-angular"],
+    plugins: [
+      require("karma-jasmine"),
+      require("karma-chrome-launcher"),
+      require("karma-jasmine-html-reporter"),
+      require("karma-coverage-istanbul-reporter"),
+      require("@angular-devkit/build-angular/plugins/karma"),
+    ],
+    client: {
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      dir: require("path").join(__dirname, "../coverage/tb-license-server"),
+      reports: ["html", "lcovonly", "text-summary"],
+      fixWebpackSourcePaths: true,
+    },
+    reporters: ["progress", "kjhtml"],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ["Chrome"],
+    singleRun: false,
+    restartOnFileChange: true,
+  });
+};
diff --git a/ui-ngx/src/main.ts b/ui-ngx/src/main.ts
new file mode 100644
index 0000000000..1f2498814b
--- /dev/null
+++ b/ui-ngx/src/main.ts
@@ -0,0 +1,30 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+
+
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from '@app/app.module';
+import { environment } from '@env/environment';
+
+if (environment.production) {
+  enableProdMode();
+}
+
+platformBrowserDynamic().bootstrapModule(AppModule)
+  .catch(err => console.error(err));
diff --git a/ui-ngx/src/polyfills.ts b/ui-ngx/src/polyfills.ts
new file mode 100644
index 0000000000..b95206c725
--- /dev/null
+++ b/ui-ngx/src/polyfills.ts
@@ -0,0 +1,106 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ *      file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/guide/browser-support
+ */
+
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+
+/** IE10 and IE11 requires the following for NgClass support on SVG elements */
+// import 'classlist.js';  // Run `npm install --save classlist.js`.
+
+/**
+ * Web Animations `@angular/platform-browser/animations`
+ * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
+ * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
+ */
+// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
+
+/**
+ * By default, zone.js will patch all possible macroTask and DomEvents
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
+ * because those flags need to be set before `zone.js` being loaded, and webpack
+ * will put import in the top of bundle, so user need to create a separate file
+ * in this directory (for example: zone-flags.ts), and put the following flags
+ * into that file, and then add the following code before importing zone.js.
+ * import './zone-flags.ts';
+ *
+ * The flags allowed in zone-flags.ts are listed here.
+ *
+ * The following flags will work for all browsers.
+ *
+ * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+ * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+ * (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+ *
+ *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+ *  with the following flag, it will bypass `zone.js` patch for IE/Edge
+ *
+ *  (window as any).__Zone_enable_cross_context_check = true;
+ *
+ */
+
+/***************************************************************************************************
+ * Zone JS is required by default for Angular itself.
+ */
+
+import './zone-flags';
+import 'zone.js/dist/zone';  // Included with Angular CLI.
+import 'core-js/es/array';
+
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */
+
+(window as any).global = window;
+
+/***************************************************************************************************
+ * WIDGETS IMPORTS
+ */
+
+import cssjs from '@core/css/css';
+import { TbFlot } from '@home/components/widget/lib/flot-widget';
+import { TbAnalogueCompass } from '@home/components/widget/lib/analogue-compass';
+import { TbAnalogueRadialGauge } from '@home/components/widget/lib/analogue-radial-gauge';
+import { TbAnalogueLinearGauge } from '@home/components/widget/lib/analogue-linear-gauge';
+import { TbCanvasDigitalGauge } from '@home/components/widget/lib/digital-gauge';
+
+import * as tinycolor_ from 'tinycolor2';
+
+const tinycolor = tinycolor_;
+
+(window as any).tinycolor = tinycolor;
+(window as any).cssjs = cssjs;
+(window as any).TbFlot = TbFlot;
+(window as any).TbAnalogueCompass = TbAnalogueCompass;
+(window as any).TbAnalogueRadialGauge = TbAnalogueRadialGauge;
+(window as any).TbAnalogueLinearGauge = TbAnalogueLinearGauge;
+(window as any).TbCanvasDigitalGauge = TbCanvasDigitalGauge;
diff --git a/ui-ngx/src/scss/animations.scss b/ui-ngx/src/scss/animations.scss
new file mode 100644
index 0000000000..1c47c59c60
--- /dev/null
+++ b/ui-ngx/src/scss/animations.scss
@@ -0,0 +1,48 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import "~compass-sass-mixins/lib/animate";
+
+@keyframes tbMoveFromTopFade {
+  from {
+    opacity: 0;
+
+    transform: translate(0, -100%);
+  }
+}
+
+@keyframes tbMoveToTopFade {
+  to {
+    opacity: 0;
+
+    transform: translate(0, -100%);
+  }
+}
+
+@keyframes tbMoveFromBottomFade {
+  from {
+    opacity: 0;
+
+    transform: translate(0, 100%);
+  }
+}
+
+@keyframes tbMoveToBottomFade {
+  to {
+    opacity: 0;
+
+    transform: translate(0, 150%);
+  }
+}
diff --git a/ui-ngx/src/scss/constants.scss b/ui-ngx/src/scss/constants.scss
new file mode 100644
index 0000000000..01906743ca
--- /dev/null
+++ b/ui-ngx/src/scss/constants.scss
@@ -0,0 +1,31 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+$mat-xs: "screen and (max-width: 599px)";
+$mat-sm: "screen and (min-width: 600px) and (max-width: 959px)";
+$mat-md: "screen and (min-width: 960px) and (max-width: 1279px)";
+$mat-lg: "screen and (min-width: 1280px) and (max-width: 1919px)";
+$mat-xl: "screen and (min-width: 1920px) and (max-width: 5000px)";
+$mat-lt-sm: "screen and (max-width: 599px)";
+$mat-lt-md: "screen and (max-width: 959px)";
+$mat-lt-lg: "screen and (max-width: 1279px)";
+$mat-lt-xl: "screen and (max-width: 1919px)";
+$mat-gt-xs: "screen and (min-width: 600px)";
+$mat-gt-sm: "screen and (min-width: 960px)";
+$mat-gt-md: "screen and (min-width: 1280px)";
+$mat-gt-xmd: "screen and (min-width: 1600px)";
+$mat-gt-xl: "screen and (min-width: 1920px)";
+
+$primary-hue-3: rgb(207, 216, 220) !default;
diff --git a/ui-ngx/src/scss/fonts.scss b/ui-ngx/src/scss/fonts.scss
new file mode 100644
index 0000000000..ddc68cf904
--- /dev/null
+++ b/ui-ngx/src/scss/fonts.scss
@@ -0,0 +1,21 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@font-face {
+  font-family: "Segment7Standard";
+  font-style: italic;
+  font-weight: 400;
+  src: url("data:font/opentype;charset=utf-8;base64,T1RUTwAOAIAAAwBgQkFTRQAJAAQAACasAAAADkNGRiC5m9MSAAAH7AAAHbpGRlRNa6XwRAAAJrwAAAAcR0RFRgKxAqIAACWoAAAASkdQT1Ou773UAAAmLAAAAH5HU1VCRNhM5gAAJfQAAAA4T1MvMljUYiwAAAFQAAAAYGNtYXAxVzUsAAAFhAAAAkZoZWFkAmNATwAAAOwAAAA2aGhlYQdTAF8AAAEkAAAAJGhtdHgW0g5oAAAm2AAAAgZtYXhwAQFQAAAAAUgAAAAGbmFtZYoOx10AAAGwAAAD0nBvc3QAAAABAAAHzAAAACAAAQAAAAEAAOVWl1RfDzz1AAsD6AAAAADPuH6JAAAAAM+4fokAAP84A9EDIAACAAgAAgAAAAAAAAABAAADIP84AFoCSQAA/ngD0QBkAAUAAAAAAAAAAAAAAAAAAgAAUAABAQAAAAMCSQJYAAUACAKKArsABwCMAooCu//nAd8AMQECAAACAAUJAAAAAAAAAAAAAwAAAAAAAAAAAAAAAFBmRWQAAQAAAP8DIP84AFoDIADIAAAAAQAAAAABwgHCACAAIAACAAAADgCuAAEAAAAAAAAAsQFkAAEAAAAAAAEACAIoAAEAAAAAAAIACAJDAAEAAAAAAAMAIwKUAAEAAAAAAAQACALKAAEAAAAAAAUACQLnAAEAAAAAAAYAEAMTAAMAAQQJAAABYgAAAAMAAQQJAAEAEAIWAAMAAQQJAAIAEAIxAAMAAQQJAAMARgJMAAMAAQQJAAQAEAK4AAMAAQQJAAUAEgLTAAMAAQQJAAYAIALxAFMAdAByAGkAYwB0AGwAeQAgAHMAZQB2AGUAbgAtAHMAZQBnAG0AZQBuAHQAIAAoAHAAbAB1AHMAIABwAG8AaQBuAHQAKQAgAGMAYQBsAGMAdQBsAGEAdABvAHIAIABkAGkAcwBwAGwAYQB5ACAAZgBhAGMAZQAsACAAZgBpAHgAZQBkAC0AdwBpAGQAdABoACAAYQBuAGQAIABmAHIAZQBlAC4AIAAgACgAYwApACAAQwBlAGQAcgBpAGMAIABLAG4AaQBnAGgAdAAgADIAMAAxADQALgAgACAATABpAGMAZQBuAHMAZQBkACAAdQBuAGQAZQByACAAUwBJAEwAIABPAHAAZQBuACAARgBvAG4AdAAgAEwAaQBjAGUAbgBjAGUAIAB2ADEALgAxAC4AIAAgAFIAZQBzAGUAcgB2AGUAZAAgAG4AYQBtAGUAOgAgAFMAZQBnAG0AZQBuAHQANwAuAABTdHJpY3RseSBzZXZlbi1zZWdtZW50IChwbHVzIHBvaW50KSBjYWxjdWxhdG9yIGRpc3BsYXkgZmFjZSwgZml4ZWQtd2lkdGggYW5kIGZyZWUuICAoYykgQ2VkcmljIEtuaWdodCAyMDE0LiAgTGljZW5zZWQgdW5kZXIgU0lMIE9wZW4gRm9udCBMaWNlbmNlIHYxLjEuICBSZXNlcnZlZCBuYW1lOiBTZWdtZW50Ny4AAFMAZQBnAG0AZQBuAHQANwAAU2VnbWVudDcAAFMAdABhAG4AZABhAHIAZAAAU3RhbmRhcmQAAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAAUwBlAGcAbQBlAG4AdAA3ACAAOgAgADcALQA2AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IFNlZ21lbnQ3IDogNy02LTIwMTQAAFMAZQBnAG0AZQBuAHQANwAAU2VnbWVudDcAAFYAZQByAHMAaQBvAG4AIAAgAABWZXJzaW9uICAAAFMAZQBnAG0AZQBuAHQANwBTAHQAYQBuAGQAYQByAGQAAFNlZ21lbnQ3U3RhbmRhcmQAAAAAAAADAAAAAwAAABwAAQAAAAAAPAADAAEAAAAcAAQAIAAAAAQABAABAAAA////AAAAAP//AAEAAQAAAAAABgIKAAAAAAEAAAEAAgADAAQABQAGAAcACAAJAAoACwAMAA0ADgAPABAAEQASABMAFAAVABYAFwAYABkAGgAbABwAHQAeAB8AIAAhACIAIwAkACUAJgAnACgAKQAqACsALAAtAC4ALwAwADEAMgAzADQANQA2ADcAOAA5ADoAOwA8AD0APgA/AEAAQQBCAEMARABFAEYARwBIAEkASgBLAEwATQBOAE8AUABRAFIAUwBUAFUAVgBXAFgAWQBaAFsAXABdAF4AXwBgAGEAYgBjAGQAZQBmAGcAaABpAGoAawBsAG0AbgBvAHAAcQByAHMAdAB1AHYAdwB4AHkAegB7AHwAfQB+AH8AgADFAMYAyADKANIA1wDdAOIA4QDjAOUA5ADmAOgA6gDpAOsA7ADuAO0A7wDwAPIA9ADzAPUA9wD2APsA+gD8AP0AAACxAKMApACoAAAAtwDgAK8AqgAAALUAqQAAAMcA2QAAALIAAAAAAKYAtgAAAAAAAAAAAAAAqwC7AAAA5wD5AMAAogCtAAAAAAAAAAAArAC8AAAAoQDBAMQA1gAAAAAAAAAAAAAAAAAAAAAA+AAAAQAAAAAAAAAAAAAAAAAAAAAAALgAAAAAAAAAwwDLAMIAzADJAM4AzwDQAM0A1ADVAAAA0wDbANwA2gAAAAAAAACwAAAAAAAAALkAAAAAAAAAAAADAAD//QAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAQAEBAABAQERU2VnbWVudDdTdGFuZGFyZAABAgABADf4YgD4YwH4ZAL4ZQP4ZgSMDAGIDAKLDAOLDASL+1z6Zfm0BRwDrw8cAAAQHAWwERwAMRwbyBIATAIAAQAIAA8AFgAdACQAKwAyADkAQABHAE4AVQBcAGMAagBxAHgAfwCGAI0AlACbAKIAqQCwALcAvgDFAMwA0wDaAOEA6ADvAPYA/QEEAQsBEgEZASABJwEuATUBPAFDAUoBUQFYAV8BZgFtAXQBewGCAYkBkAGXAZ4BpQGsAbMBugHBAcgBzwHWAd0B5AHrAfIB8gKjAqsCswK7dW5pMDAwMHVuaTAwMDF1bmkwMDAydW5pMDAwM3VuaTAwMDR1bmkwMDA1dW5pMDAwNnVuaTAwMDd1bmkwMDA4dW5pMDAwOXVuaTAwMEF1bmkwMDBCdW5pMDAwQ3VuaTAwMER1bmkwMDBFdW5pMDAwRnVuaTAwMTB1bmkwMDExdW5pMDAxMnVuaTAwMTN1bmkwMDE0dW5pMDAxNXVuaTAwMTZ1bmkwMDE3dW5pMDAxOHVuaTAwMTl1bmkwMDFBdW5pMDAxQnVuaTAwMUN1bmkwMDFEdW5pMDAxRXVuaTAwMUZ1bmkwMDdGdW5pMDA4MHVuaTAwODF1bmkwMDgydW5pMDA4M3VuaTAwODR1bmkwMDg1dW5pMDA4NnVuaTAwODd1bmkwMDg4dW5pMDA4OXVuaTAwOEF1bmkwMDhCdW5pMDA4Q3VuaTAwOER1bmkwMDhFdW5pMDA4RnVuaTAwOTB1bmkwMDkxdW5pMDA5MnVuaTAwOTN1bmkwMDk0dW5pMDA5NXVuaTAwOTZ1bmkwMDk3dW5pMDA5OHVuaTAwOTl1bmkwMDlBdW5pMDA5QnVuaTAwOUN1bmkwMDlEdW5pMDA5RXVuaTAwOUZ1bmkwMEEwdW5pMDBBRHVuaTAwQjJ1bmkwMEIzdW5pMDBCNXVuaTAwQjlTdHJpY3RseSBzZXZlbi1zZWdtZW50IChwbHVzIHBvaW50KSBjYWxjdWxhdG9yIGRpc3BsYXkgZmFjZSwgZml4ZWQtd2lkdGggYW5kIGZyZWUuICAoYykgQ2VkcmljIEtuaWdodCAyMDE0LiAgTGljZW5zZWQgdW5kZXIgU0lMIE9wZW4gRm9udCBMaWNlbmNlIHYxLjEuICBSZXNlcnZlZCBuYW1lOiBTZWdtZW50Ny5TZWdtZW50N1NlZ21lbnQ3U3RhbmRhcmQAAAABhwGIAYkBigGLAYwBjQGOAY8BkAGRAZIBkwGUAZUBlgGXAZgBmQGaAZsBnAGdAZ4BnwGgAaEBogGjAaQBpQGmAAEAAgADAAQABQAGAAcAaAAJAAoACwAMAA0ADgAPABAAEQASABMAFAAVABYAFwAYABkAGgAbABwAHQAeAB8AIAAhACIAIwAkACUAJgAnACgAKQAqACsALAAtAC4ALwAwADEAMgAzADQANQA2ADcAOAA5ADoAOwA8AD0APgA/AEAAfABCAEMARABFAEYARwBIAEkASgBLAEwATQBOAE8AUABRAFIAUwBUAFUAVgBXAFgAWQBaAFsAXABdAF4AXwGnAagBqQGqAasBrAGtAa4BrwGwAbEBsgGzAbQBtQG2AbcBuAG5AboBuwG8Ab0BvgG/AcABwQHCAcMBxAHFAcYBxwHIAGAAYQBiAGcAZACgAGYAgwCqAIsAagCXAckApQCAAKEAnAHKAcsAfQHMAHMAcgCFAc0AjwB4AJ4AmwCjAHsArgCrAKwAsACtAK8AigCxALUAsgCzALQAuQC2ALcAuACaALoAvgC7ALwAvwC9AKgAjQDEAMEAwgDDAMUAnQCVAMsAyADJAM0AygDMAJAAzgDSAM8A0ADRANYA0wDUANUApwDXANsA2ADZANwA2gCfAJMA4QDeAN8A4ADiAKIA4wEBAgABACIANgA3ADgAOQA6ADsAPAA9AD4APwBAAEEAQgBDAEQARQBGAEcASABJAEoASwBMAE0ATgBPAFAAUQBSAFMAVABVAFYAdgCQALYA7QEmAUgBXgGRAcoB8gIWAjQCQAJOAncCxgLnAyQDZwOWA+AEPARhBMEFDgUaBToFTgViBYAFsgX/BkEGhwa6Bv4HOgdrB7AH7QgJCEIIegihCLkI8QlACXwJsgnLCg0KQgqECsYLGAs2C3gLqgvdDAAMNwxcDGgMewzIDQ4NIg1mDa0N3g4pDloOaQ6iDtoPAQ84D1gPjQ/JEAEQGhBeEJMQwREDEVURkhHWEf8SABIcEh0STxJQElESUhJTElQSVRJWElcSWBJZEloSWxJcEl0SXhJfEmASYRJiEmMSZBJlEmYSZxJoEmkSahJrEmwSbRJuEm8ScBJxEnIScxJ0EnUSdhJ3EngSeRJ6EnsSfBJ9En4SfxKAEq8SsBKxErISsxLqEusS7BLtEu4S7xLwEvES8hLzEvQS9RL2EvcS+BL5EvoS+xL8Ev0S/hL/EwATARMCEwMTBBMFEwYTBxMIEwkTChMLEwwTDRMOEw8TEBMRExITExMUE2ETrhOvE7ATsROyE7MTtBO1E/wT/RP+E/8UABQBFAIUAxQEFAUUBhQHFAgUCRQKFAsUDBQNFA4UDxQQFBEUEou9+EW9Ab29+BW9A70W+Hn4qfx5Br38dxX4RfgV/EUHDvtc+nwBi/plA/tcBPpl+nz+ZQYODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg527/floPfFnxL4O/Z66hNw+KH5jhUgChOIsf0/FSEKDvhJdvfBd593zHcSE9Dd+WEVIgr3+fAVIwoOien3m+ppoPfFnxITgPcf5xUkChPA+3j3+hUlChOw9wz3zBUgCg6J6VOg9/ug94zqOJ8SE6D3H+cVE2AmChOgJwoTKPvS+QUVIgoTMH73CxUoCmT8FxUpChNgKgoOielodvgldveh6kx3n3cSE6D3H+cVE2AmChOgJwoTKPvS+QUVIgoTMH73CxUoCmT8FxUpChNgKgoOr6D3vuppoPfFnxITwPdA+FYVJQrRTRUrChOwm/gwFSAKDvhJdvfud593Evg79hPQ+KH5jhUgCg6J6X929+N3ynb3oepMdxITsPcf5xUkCvvX98IVLAoTcC0KEzRG+AsVIgoTOH73CxUoCg6J6Wh2+CV296HqeXefdxIToPcf5xUTYCYKE6AnChMw+4n5RBUoCmT8FxUpChNgKgoTKJv4MBUgCg6J6feb6n529+53n3cSE4D3H+cVJAoTwPt49/oVJQoTsPcM98wVIAoOxHb30+p+dvfud593EhPA90D4VhUlCtFNFSsKE7Cb+DAVIAoOielodhITgPcf5xUTQCYKE4AnCtb3vBUpChNAKgoO9/fqAfdA+FYVJQoOdu8B+JXqA/jH2hUhCg7bdve86lN3ynb37ncSE6jY+B4VLgoTyKD3ABUlCvcM98wVLwoTmDAKDonpaHa3dvfjd8p296HqTHfMdxITmPcf5xUTWCYKE5gnCvvX98IVLAoTOC0KExpG+AsVIgoTHH73CxUoCmT8FxUpChNYKgoTGZv4MBUgCg7Edvgldvfud593Evgq9xATyPhv+BgVKwoT6Jv4MBUgCg6J6X9297zqU3fKdveh6nl3EhOA9x/nFSQKE1D71/fCFS4KEwSP+EoVKAoTIPvq+9kVJQoTCvcM98wVIAoOielodvfT6n5296HqeXefdxITgPcf5xUTQCYKE4AnChMI+4n5RBUoChMg++r72RUlCtFNFSkKE0AqChMUm/gwFSAKDsR299Pqfnb3wXefd8x3EhO03flhFSIKE8SP+2cVJQrRTRUrCpv4MBUvChOkMAoOielodvfU6X5296HmUHefdxITQPhw+BkVUlx++3jNPZylnve1BRMg++XuFTEK+4333RVJYAUTCDIKExT8Q1AVMwoTgG38zhU0Cg6J6Wh2tnb3vulndrd296HmUHcSE4D3HucVNAoTBfvS+QUVMwp+9wkVSWAFEwIyChMQ++r72hUxCtNOFVJcfvt4BRNANQoTKPxEtRWHgYaBh4EIe/vF576X930FDsR2+CV296HqeXefdxIT4Pcv+aAVKApk/BcVKwoT0Jv4MBUgCg6J6Wh2t3b3vOpTd8p296HqTHfMdxITgAD3H+cVE0AAJgoTgAAnChMoAPvX98IVLgoTBQBG+AsVIgoTAgB+9wsVKAoTEAD76vvZFSUK0U0VKQoTQAAqChMEgJv4MBUgCg6J6Wh299Pqfnb3oepMd593zHcSE4D3H+cVE0AmChOAJwoTFPvS+QUVIgoTCH73CxUoChMg++r72RUlCtFNFSkKE0AqChMRm/gwFSAKDvf36gH3QPhWFSUKDnbv9+Wg98WfEvg79nrqE3D4ofmOFSAKE4ix/T8VIQoO9x/nFSQK+9f3whUuCqD3ABUlCg6J6feb6gH3H+cVJAr7ePf6FSUKDonpU6ASE4D3H+cVE0AmChOAJwrW97wVKQoTQCoKDtt297zqU3fKdveh6nl3EhOg2PgeFS4KE4iP+EoVKAoTwPvq+9kVJQoTlPcM98wVIAoOielToI2g96fqP5+hoPeM6mWfEhOA9x/nFRNAJgoTgCcKEyj71/fCFS4KEwKP+EoVKAoTEPvq+9kVJQrRTRUpChNAKgoTBZv4MBUgCg7Edrd297zqU3fKdveh6kx3zHcSE9DY+B4VLgoTykb4CxUiChPEfvcLFSgKE+D76vvZFSUK0U0VKwoTyZv4MBUgCg6J6VOgjaD3p+o/n6Gg95ifEhOC9x/nFRNCJgoTgicKEyr71/fCFS4KRvgLFXv7qQUTBjYKExKP+2cVJQrRTRUpChNCKgoOielqoPe6n6Gg94zqOJ8SE7D3H+cVJAr71/fCFSwKE3AtChM0RvgLFSIKEzh+9wsVKAoOielToI2g96fqP5+hoPfFnxITgvcf5xUTQiYKE4InChMq+9f3whUuChMSoPcAFSUK0U0VKQoTQioKm/gwFS8KEwYwCg6J6X9297zqU3fKdveh6kx3EhOA9x/nFSQKE1D71/fCFS4KEwpG+AsVIgoTBH73CxUoChMg++r72RUlCg7GoPen6j+foaD3jOo4nxIToNj4HhUuChOURvgLFSIKE4h+9wsVKAoTwPvq+9kVJQoOielodrd29+N3ynb3oepMdxITmPcf5xUTWCYKE5gnCvvX98IVLAoTOC0KExpG+AsVIgoTHH73CxUoCmT8FxUpChNYKgoOr6CNoPen6j+foaD3mJ+knxIT1tj4HhUuCkb4CxV7+6kFE842ChPmj/tnFSUK0U0VKwqb+DAVLwoTzjAKDq+g9/ug98WfAfgq9xAD+G/4GBUrCpv4MBUgCg6J6VOgjaD3up+hoPfFnxITnPcf5xUTXCYKE5wnCvvX98IVLAoTPC0K99i5FSkKE1wqCpv4MBUjCg6voI2g96fqP5+hoPeM6jifEhPQ2PgeFS4KE8pG+AsVIgoTxH73CxUoChPg++r72RUlCtFNFSsKDonpaqD3up+hoPeYnxITuPcf5xUkCvvX98IVLAoTeC0KRvgLFSIKDtj4HhUuCqD3ABUlCtFNFSsKm/gwFSMKDsR2t3b343fKdveh6kx3zHcSE/DY+B4VLgoT9Eb4CxUiChP4fvcLFSgKZPwXFSsKE/Kb+DAVIAoOielToI2g97qfoaD3jOo4n6SfEhOY9x/nFRNYJgoTmCcK+9f3whUsChM4LQoTGkb4CxUiChMcfvcLFSgKZPwXFSkKE1gqChMZm/gwFSAKDsag96fqP5+hoPeM6jifpJ8SE6DY+B4VLgoTlEb4CxUiChOIfvcLFSgKE8D76vvZFSUKE5L3DPfMFSAKDq+g977qaaD3jOo4n6SfEhOo3flhFSIKE5B+9wsVKAoTwPvq+9kVJQrRTRUrChOkm/gwFSAKDsag96fqP58SE6DY+B4VLgoTwKD3ABUlCg6J6VOg97/paaD3jOY8nxITgPce5xU0ChMU+9L5BRUzCn73CRVJYAUTCDIKEyD76vvaFTEK004VUlx++3gFE0A1Cg6J6Wqg96fqP5+hoPeYnxIThPcf5xUkChNU+9f3whUuCkb4CxV7+6kFEww2ChMkj/tnFSUKDonpU6CNoPe6n6Gg95ifpJ8SE573H+cVE14mChOeJwr71/fCFSwKEz4tCkb4CxUiCvfH+6UVKQoTXioKm/gwFSMKDonpU6CNoPe6n6Gg95ifpJ8SE573H+cVE14mChOeJwr71/fCFSwKEz4tCkb4CxUiCvfH+6UVKQoTXioKm/gwFSMKDonpU6CNoPen6j+foaD3mJ+knxITg/cf5xUTQyYKE4MnChMr+9f3whUuCkb4CxV7+6kFEwc2ChMTj/tnFSUK0U0VKQoTQyoKm/gwFS8KEwcwCg6J6feb6vd/6gH3H+cVJAr7iflEFSgK++r72RUlCg6J6VOg977qaaD3mJ+knxIThPcf5xUTRCYKE4QnChMc+9L5BRUiChMkj/tnFSUK0U0VKQoTRCoKm/gwFS8KExQwCg7GoPen6j+foaD3jOplnxIToNj4HhUuChOIj/hKFSgKE8D76vvZFSUKE5T3DPfMFSAKDonpaqD3up+hoPeM6jifEhOw9x/nFSQK+9f3whUsChNwLQoTNEb4CxUiChM4fvcLFSgKDsR299Pqfnb3wXefdxITsN35YRUiChPAj/tnFSUK0U0VKwoOielToPf7oPeM6mWfEhOg9x/nFRNgJgoToCcKEzD7iflEFSgKZPwXFSkKE2AqChMom/gwFSAKDvhJdveh6kx3n3fMdxIToN35YRUiChPAfvcLFSgKE4iWfhUgCg739+oB90D4VhUlCg74NKD3xZ8B+Dv2A/ih+Y4VIAoOielodrd297zqU3fKdveh6nl3EhOA9x/nFRNAJgoTgCcKEyj71/fCFS4KEwKP+EoVKAoTEPvq+9kVJQrRTRUpChNAKgoTBZv4MBUgCg6J6Wh2t3b3vOpTd8p298F3EhOC9x/nFRNCJgoTgicKEyr71/fCFS4KRvgLFXv7qQUTBjYKExKP+2cVJQrRTRUpChNCKgoO9x/nFSQK+9f3whUuCqD3ABUlCg6J6Wh2t3b3vOpTd8p29+53EhOC9x/nFRNCJgoTgicKEyr71/fCFS4KExKg9wAVJQrRTRUpChNCKgqb+DAVLwoTBjAKDonpf3b3vOpTd8p296HqTHfMdxITgPcf5xUkChNQ+9f3whUuChMKRvgLFSIKEwR+9wsVKAoTIPvq+9kVJQoTCfcM98wVIAoO23b3vOpTd8p296HqTHcSE6DY+B4VLgoTlEb4CxUiChOIfvcLFSgKE8D76vvZFSUKDonpU6D3vuppoPeM6jifpJ8SE4D3H+cVE0AmChOAJwoTFPvS+QUVIgoTCH73CxUoChMg++r72RUlCtFNFSkKE0AqChMSm/gwFSAKDsR2t3b3vOpTd8p298F3EhPU2PgeFS4KRvgLFXv7qQUTzDYKE+SP+2cVJQrRTRUrCg7EdgH4KvID+G/4GBUrCg6J6Wh2t3b343fKdvfudxITnPcf5xUTXCYKE5wnCvvX98IVLAoTPC0K99i5FSkKE1wqCpv4MBUjCg7Edrd297zqU3fKdveh6kx3EhPQ2PgeFS4KE8pG+AsVIgoTxH73CxUoChPg++r72RUlCtFNFSsKDonpf3b343fKdvfBdxITuPcf5xUkCvvX98IVLAoTeC0KRvgLFSIKDtt297zqU3fKdvfBd8x3EhOs2PgeFS4KRvgLFXv7qQUTnDYKE8yP+2cVJQr3DPfMFS8KE5wwCg7Edrd297zqU3cSE9DY+B4VLgoT4KD3ABUlCtFNFSsKDonpaHa3dve86lN3EhOA9x/nFRNAJgoTgCcKEyj71/fCFS4KExCg9wAVJQrRTRUpChNAKgoO23b3vOpTd8p296HqTHfMdxIToNj4HhUuChOURvgLFSIKE4h+9wsVKAoTwPvq+9kVJQoTkvcM98wVIAoOxHb30+p+dveh6kx3n3fMdxITqN35YRUiChOQfvcLFSgKE8D76vvZFSUK0U0VKwoTopv4MBUgCg7bdve86lN3EhOg2PgeFS4KE8Cg9wAVJQoOielodvfU6X5296HmUHefdxITgPce5xU0ChMU+9L5BRUzCn73CRVJYAUTCDIKEyD76vvaFTEK004VUlx++3gFE0A1Cg6J6X9297zqU3fKdvfBdxIThPcf5xUkChNU+9f3whUuCkb4CxV7+6kFEww2ChMkj/tnFSUKDonpaHa3dvfjdxITkPcf5xUTUCYKE5AnCvvX98IVLAoTMC0K99i5FSkKE1AqCg6J6Wh2t3b343fKdvfBd8x3EhOe9x/nFRNeJgoTnicK+9f3whUsChM+LQpG+AsVIgr3x/ulFSkKE14qCpv4MBUjCg6J6Wh2t3b3vOpTd8p298F3zHcSE4P3H+cVE0MmChODJwoTK/vX98IVLgpG+AsVe/upBRMHNgoTE4/7ZxUlCtFNFSkKE0MqCpv4MBUvChMHMAoOxHa3dve86lN3ynb3wXfMdxIT1tj4HhUuCkb4CxV7+6kFE842ChPmj/tnFSUK0U0VKwqb+DAVLwoTzjAKDonpaHb30+p+dvfBd593zHcSE4L3H+cVE0ImChOCJwoTGvvS+QUVIgoTIo/7ZxUlCtFNFSkKE0IqCpv4MBUvChMSMAoOxqD3p+o/n6Gg98WfEhOo2PgeFS4KE8ig9wAVJQr3DPfMFS8KE5gwCg4Or6D3+6D3xZ8B+Cr3EAP4b/gYFSsKm/gwFSAKDg6J6X929+N3ynb3oep5dxITsPcf5xUkCvvX98IVLAoTcC0KEziP+EoVKAoTNJZ+FSAKDg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg739+ppoPeM6jifpJ8SE4D3QPhWFSUKE1D71/efFSIKE2B+9wsVKAoTSJZ+FSAKDg4ODg7GoPen6j+foaD3mJ+knxITrNj4HhUuCkb4CxV7+6kFE5w2ChPMj/tnFSUK9wz3zBUvChOcMAoODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4OielToI2g96fqP5+hoPeM6mWfEhOA9x/nFRNAJgoTgCcKEyj71/fCFS4KEwKP+EoVKAoTEPvq+9kVJQrRTRUpChNAKgoTBZv4MBUgCg6J6VOgjaD3p+o/n6Gg94zqZZ8SE4D3H+cVE0AmChOAJwoTKPvX98IVLgoTAo/4ShUoChMQ++r72RUlCtFNFSkKE0AqChMFm/gwFSAKDg4ODg4ODg6J6Wqg96fqP5+hoPeM6jifpJ8SE4D3H+cVJAoTUPvX98IVLgoTCkb4CxUiChMEfvcLFSgKEyD76vvZFSUKEwn3DPfMFSAKDg4ODg4ODg4ODg4ODg4ODg4ODg4ODg743RSLFYmx+T24nIwGHgoCLwwJiwwK6gqfjNGOjJD6GAwM+mUL6pOPnPnpDA0cADETABcCAAEAGgAsADgAUAB+AJEAngDBAMwA0wDcAOoA8gD8AQ0BFAEnAToBQwFPAX0BhgGPMTF/+2rDYa6wBZDukeqQ7giLkIiRiZAIC291dm1voHakp6Cgqad3oHIfC3v7qZZz2rqX91oFCzExf/tqw2GusAWQ7pHqkO6LkIiRiZAICy9Ti4oFi4aPiI6IkoKSg5KCCNKL9yKL90CLBZKOjY4fi42JjYiOdqV0qXalCAs7XwWgeqN8oHgI94yLy7dKvgULL1OLigWLho+IjogIC5KCkoOSggjSi/cii/dAiwWSjo2OH4uNiY2IjnaldKl2pQgLSF7bWfeTi+blBQtSXX/7dwULzTydpZ73tAULUl1/+3fNPJ2lnve0BQuIgYOAiIEIC3v7xOe9l/d9BQuIgYOAiIEIe/vE572X930FCzExf/tqBQvDYa6wBZDukeqQ7ouQiJGJkAgLPF8FoXqhfKF5CPeMi8u2Sb4FC9tY95KL5eYFC3z7qJVy27qW91sFCy9Ui4kFi4aQiI6HkoOSgpKDCNOL9yGL90CLBZKPjY4fi42JjYiOdqZzp3amCAvNPZylnve1BQuWc9q6l/daBQsAAAABAAAAAAAAAA4AFgAAAAQAAAACAAAAAgAIADEAOgABAEAAQAACAEIAQgACAEYARgACAE8ATwACAFkAWQACAGIAcwACAHUAegACAAAAAQAAAAoAHAAeAAFERkxUAAgABAAAAAD//wAAAAAAAQAEAAEACAABAAgAAQAGACAAAQACAEcASwABAAAACgAeACwAAURGTFQACAAEAAAAAP//AAEAAAABa2VybgAIAAAAAQABAAIABgAOAAEAAAABABAAAgAAAAEAFgABAAgABP22AAEAAQAvAAEAJAAEAAAACgAeAB4AHgAeAB4AHgAeAB4AHgAeAAEAL/22AAIAAQAxADoAAAAAAAEAAAAIAAAAAAAEAAAAAAAAAAEAAAAAzD2izwAAAADPr89TAAAAAM+4fiECSQAAAkkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABpwBCAC8ALwAvAFwBpwAvAC8ALwBcAC8AXAIBAC8ALwGWAC8ALwBCAC4ALgBYAC8ALwBcAacALwAvAC8ALwAvAC8ALwAvAC8ALwAvAC8ALwGWAC8ALwAvAC8ALwAvAC8AQgAvAC4ALwAvAC8ALwAvAC8ALwAvAEIALwBCAFwBpwAvAC8ALwAvAC8ALwAvAC8BlgAvAC8ALwAvAC8ALwAvAEIALwAuAC8ALwAvAC8ALwAvAC8AAAGWAAAALwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEIAAAAAAAAAAAAvAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC8ALwAAAAAAAAAAAAAAAAAAAC8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format("opentype");
+}
diff --git a/ui-ngx/src/scss/mixins.scss b/ui-ngx/src/scss/mixins.scss
new file mode 100644
index 0000000000..5aee61ee15
--- /dev/null
+++ b/ui-ngx/src/scss/mixins.scss
@@ -0,0 +1,47 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@mixin tb-mat-icon-size($size) {
+  width: #{$size}px;
+  min-width: #{$size}px;
+  height: #{$size}px;
+  min-height: #{$size}px;
+  font-size: #{$size}px;
+  line-height: #{$size}px;
+  svg {
+    width: #{$size}px;
+    height: #{$size}px;
+  }
+}
+
+@mixin tb-mat-icon-button-size($size) {
+  width: #{$size}px;
+  height: #{$size}px;
+  line-height: #{$size}px;
+  padding: 0 !important;
+  .mat-icon {
+    display: block;
+    margin: auto;
+  }
+}
+
+@mixin tb-checkered-bg() {
+  background-color: #fff;
+  background-image:
+    linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd),
+    linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
+  background-position: 0 0, 4px 4px;
+  background-size: 8px 8px;
+}
diff --git a/ui-ngx/src/styles.scss b/ui-ngx/src/styles.scss
new file mode 100644
index 0000000000..e6f8c23aef
--- /dev/null
+++ b/ui-ngx/src/styles.scss
@@ -0,0 +1,971 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* You can add global styles to this file, and also import other style files */
+
+@import '~material-design-icons/iconfont/material-icons.css';
+@import '~typeface-roboto/index.css';
+@import '~font-awesome/css/font-awesome.min.css';
+@import 'theme.scss';
+@import './scss/constants';
+@import './scss/animations';
+@import './scss/mixins';
+@import './scss/fonts';
+
+body, html {
+  height: 100%;
+  min-height: 100%;
+  position: relative;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  -webkit-touch-callout: none;
+
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  background-color: rgb(250,250,250);
+}
+
+tb-root {
+  margin: 0;
+  width: 100%;
+  min-height: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  box-sizing: border-box;
+}
+
+/***************
+ * TYPE DEFAULTS
+ ***************/
+
+body,
+button,
+html,
+input,
+select,
+textarea,
+td,
+th {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+}
+
+body {
+  line-height: normal;
+}
+
+a {
+  font-weight: 400;
+  color: #106cc8;
+  text-decoration: none;
+  border-bottom: 1px solid rgba(64, 84, 178, .25);
+
+  transition: border-bottom .35s;
+}
+
+a:hover,
+a:focus {
+  border-bottom: 1px solid #4054b2;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
+h1 {
+  font-size: 3.4rem;
+  font-weight: 400;
+  line-height: 4rem;
+}
+
+h2 {
+  font-size: 2.4rem;
+  font-weight: 400;
+  line-height: 3.2rem;
+}
+
+h3 {
+  font-size: 2rem;
+  font-weight: 500;
+  letter-spacing: .005em;
+}
+
+h4 {
+  font-size: 1.6rem;
+  font-weight: 400;
+  line-height: 2.4rem;
+  letter-spacing: .01em;
+}
+
+p {
+  margin: .8em 0 1.6em;
+  font-size: 1.6rem;
+  font-weight: 400;
+  line-height: 1.6em;
+  letter-spacing: .01em;
+}
+
+strong {
+  font-weight: 500;
+}
+
+blockquote {
+  padding-left: 16px;
+  margin-left: 0;
+  font-style: italic;
+  border-left: 3px solid rgba(0, 0, 0, .12);
+}
+
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: none;
+}
+
+section.tb-header-buttons {
+  position: absolute;
+  top: 86px;
+  right: 0;
+  z-index: 3;
+  pointer-events: none;
+
+  @media #{$mat-gt-sm} {
+    top: 86px;
+  }
+
+  .tb-btn-header {
+    margin: 6px 8px;
+    position: relative !important;
+    display: inline-block !important;
+    animation: tbMoveFromTopFade .3s ease both;
+
+    &.tb-hide {
+      animation: tbMoveToTopFade .3s ease both;
+    }
+  }
+}
+
+section.tb-footer-buttons {
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+  z-index: 30;
+  pointer-events: none;
+
+  .tb-btn-footer {
+    margin: 6px 8px;
+    position: relative !important;
+    display: inline-block !important;
+    animation: tbMoveFromBottomFade .3s ease both;
+    &.tb-hide {
+      animation: tbMoveToBottomFade .3s ease both;
+    }
+  }
+}
+
+
+.tb-details-buttons {
+  button {
+    margin: 6px 8px;
+  }
+}
+
+label {
+  &.tb-title {
+    padding-bottom: 15px;
+    font-size: 13px;
+    font-weight: 400;
+    color: #666;
+    pointer-events: none;
+
+    &.no-padding {
+      padding-bottom: 0;
+    }
+
+    &.tb-required::after {
+      font-size: 13px;
+      color: rgba(0, 0, 0, .54);
+      vertical-align: top;
+      content: " *";
+    }
+
+    &.tb-error {
+      color: rgb(221, 44, 0);
+
+      &.tb-required::after {
+        color: rgb(221, 44, 0);
+      }
+    }
+  }
+  &.tb-small {
+    font-size: 12px;
+    color: rgba(0, 0, 0, .54);
+    pointer-events: none;
+  }
+}
+
+.tb-noselect {
+  user-select: none;
+}
+
+div {
+  &.tb-small {
+    font-size: 14px;
+    color: rgba(0, 0, 0, .54);
+  }
+}
+
+.tb-hint {
+  padding-bottom: 15px;
+  font-size: 12px;
+  line-height: 14px;
+  color: #808080;
+}
+
+.mat-caption {
+  &.tb-required::after {
+    font-size: 10px;
+    color: rgba(0, 0, 0, .54);
+    vertical-align: top;
+    content: " *";
+  }
+}
+
+pre.tb-highlight {
+  display: block;
+  padding: 15px;
+  margin: 20px 0;
+  overflow-x: auto;
+  background-color: #f7f7f7;
+
+  code {
+    box-sizing: border-box;
+    display: inline-block;
+    padding: 0;
+    font-family: monospace;
+    font-size: 16px;
+    font-weight: 700;
+    color: #303030;
+    vertical-align: bottom;
+  }
+}
+
+.tb-notice {
+  padding: 15px;
+  font-size: 16px;
+  background-color: #f7f7f7;
+  border: 1px solid #ccc;
+}
+
+.ace_editor {
+  font-size: 16px !important;
+}
+
+.tb-timewindow-panel, .tb-legend-config-panel {
+  overflow: hidden;
+  background: #fff;
+  border-radius: 4px;
+  box-shadow:
+    0 7px 8px -4px rgba(0, 0, 0, .2),
+    0 13px 19px 2px rgba(0, 0, 0, .14),
+    0 5px 24px 4px rgba(0, 0, 0, .12);
+}
+
+.tb-panel-actions {
+  margin-bottom: 0;
+  padding: 8px 8px 8px 16px;
+  .mat-button+.mat-button,
+  .mat-button+.mat-raised-button,
+  .mat-raised-button+.mat-button,
+  .mat-raised-button+.mat-raised-button {
+    margin-left: 8px;
+  }
+}
+
+.tb-container {
+  position: relative;
+  padding: 10px 0;
+  margin-top: 32px;
+}
+
+.tb-prompt {
+  display: flex;
+  font-size: 18px;
+  font-weight: 400;
+  line-height: 18px;
+  color: rgba(0, 0, 0, .38);
+  text-transform: uppercase;
+}
+
+.tb-fullscreen {
+  position: fixed !important;
+  top: 0;
+  left: 0;
+  width: 100% !important;
+  height: 100% !important;
+}
+
+.tb-fullscreen-parent {
+  background: #eee;
+  z-index: 0;
+}
+
+mat-label {
+  &.tb-title {
+    font-size: 13px;
+    font-weight: 400;
+    color: #666;
+    pointer-events: none;
+
+    &.no-padding {
+      padding-bottom: 0;
+    }
+
+    &.tb-required::after {
+      font-size: 13px;
+      color: rgba(0, 0, 0, .54);
+      vertical-align: top;
+      content: " *";
+    }
+
+    &.tb-error {
+      color: rgb(221, 44, 0);
+
+      &.tb-required::after {
+        color: rgb(221, 44, 0);
+      }
+    }
+  }
+}
+
+.tb-error-messages {
+  height: 24px; //30px
+  margin-top: -6px;
+}
+
+.tb-error-message {
+  transition: all .3s cubic-bezier(.55, 0, .55, .2);
+  padding: 10px 0 0 10px;
+  overflow: hidden;
+  font-size: 12px;
+  line-height: 14px;
+  color: rgb(221, 44, 0);
+}
+
+.tb-autocomplete {
+  .mat-option {
+    display: block;
+    line-height: 24px;
+    height: auto !important;
+    padding-top: 8px;
+    border-bottom: 1px solid #eee;
+    font-size: 14px;
+    .mat-option-text {
+      line-height: 24px;
+      height: auto !important;
+      white-space: normal !important;
+    }
+  }
+  .mat-option.tb-not-found {
+    padding: 0;
+    border-bottom: none;
+    .mat-option-text {
+      display: block;
+      .tb-not-found-content {
+        padding: 8px 16px 7px;
+        border-bottom: 1px solid #eee;
+      }
+    }
+  }
+}
+
+.tb-default, .tb-dark {
+
+  /*********************************
+   * MATERIAL DESIGN CUSTOMIZATIONS
+   ********************************/
+
+  .mat-tooltip {
+    white-space: pre-line;
+  }
+
+  button {
+    pointer-events: all;
+  }
+
+  button:not(.mat-menu-item):not(.mat-sort-header-button) {
+    text-transform: uppercase;
+  }
+
+  button.mat-menu-item {
+    font-size: 15px;
+  }
+
+  button.mat-fab.mat-fab-bottom-right {
+    top: auto;
+    right: 20px;
+    bottom: 20px;
+    left: auto;
+    position: absolute;
+  }
+
+  .layout-padding, .layout-padding > * {
+    @media #{$mat-lt-md} {
+      padding: 4px;
+    }
+    @media #{$mat-gt-sm} {
+      padding: 8px;
+    }
+  }
+
+  .mat-padding {
+    padding: 8px;
+    @media #{$mat-gt-sm} {
+      padding: 16px;
+    }
+  }
+
+  .mat-content {
+    position: relative;
+    overflow: auto;
+  }
+
+  .layout-wrap {
+    flex-wrap: wrap;
+  }
+
+  mat-form-field.mat-block {
+    display: block;
+  }
+
+  button.mat-menu-item {
+    overflow: hidden;
+    fill: #737373;
+    display: block;
+    .tb-alt-text {
+      float: right;
+    }
+  }
+
+  // Material table
+
+  mat-toolbar.mat-primary {
+    button.mat-icon-button {
+      mat-icon {
+        color: white;
+      }
+    }
+  }
+
+  mat-toolbar.mat-table-toolbar {
+    background: #fff;
+    padding: 0 24px;
+    .mat-toolbar-tools {
+      padding: 0;
+      & > button.mat-icon-button:last-child {
+        margin-right: -12px;
+      }
+    }
+  }
+
+  mat-toolbar.mat-table-toolbar:not(.mat-primary), .mat-cell {
+    button.mat-icon-button {
+      mat-icon {
+        color: rgba(0, 0, 0, .54);
+      }
+      &[disabled][disabled] {
+        mat-icon {
+          color: rgba(0, 0, 0, .26);
+        }
+      }
+    }
+  }
+
+  .mat-table {
+    width: 100%;
+    max-width: 100%;
+    margin-bottom: 1rem;
+    display: table;
+    table-layout: auto;
+    border-collapse: separate;
+    margin: 0px;
+  }
+
+  mat-footer-row::after, mat-header-row::after, mat-row::after {
+    content: none;
+  }
+
+  mat-header-row {
+    height: 60px;
+  }
+
+  mat-footer-row, mat-row {
+    height: 52px;
+  }
+
+  mat-header-row, mat-footer-row, mat-row {
+    min-height: auto;
+  }
+
+  .mat-row,
+  .mat-header-row {
+    display: table-row;
+  }
+
+
+  .mat-header-row.mat-table-sticky {
+    background-clip: padding-box;
+    .mat-header-cell {
+      position: sticky;
+      top: 0;
+      z-index: 10;
+      background: inherit;
+      background-clip: padding-box;
+      &.mat-table-sticky {
+        z-index: 11 !important;
+      }
+    }
+  }
+
+  .mat-cell.mat-table-sticky {
+    background-clip: padding-box;
+  }
+
+  .mat-row {
+    transition: background-color .2s;
+    &:hover:not(.tb-current-entity) {
+      background-color: #f4f4f4;
+    }
+    &.tb-current-entity {
+      background-color: #e9e9e9;
+    }
+  }
+
+  .mat-row:not(.mat-row-select), .mat-header-row:not(.mat-row-select) {
+    mat-cell:first-child, mat-footer-cell:first-child, mat-header-cell:first-child {
+      padding: 0 12px;
+    }
+    mat-cell:nth-child(n+2):nth-last-child(n+2), mat-footer-cell:nth-child(n+2):nth-last-child(n+2), mat-header-cell:nth-child(n+2):nth-last-child(n+2) {
+      padding: 0 28px 0 0;
+    }
+  }
+
+  .mat-row.mat-row-select, .mat-header-row.mat-row-select {
+    mat-cell:first-child, mat-footer-cell:first-child, mat-header-cell:first-child {
+      width: 30px;
+      padding: 0 0 0 12px;
+    }
+    mat-cell:nth-child(2), mat-footer-cell:nth-child(2), mat-header-cell:nth-child(2) {
+      padding: 0 12px;
+    }
+    mat-cell:nth-child(n+3):nth-last-child(n+2), mat-footer-cell:nth-child(n+3):nth-last-child(n+2), mat-header-cell:nth-child(n+3):nth-last-child(n+2) {
+      padding: 0 28px 0 0;
+    }
+    &.mat-selected:not(.tb-current-entity) {
+      background-color: #ededed;
+    }
+  }
+
+  .mat-cell,
+  .mat-header-cell {
+    min-width: 40px;
+    word-wrap: initial;
+    display: table-cell;
+    box-sizing: content-box;
+    line-break: unset;
+    width: 0px;
+    overflow: hidden;
+    vertical-align: middle;
+    border-width: 0;
+    border-bottom-width: 1px;
+    border-bottom-color: rgba(0, 0, 0, 0.12);
+    border-style: solid;
+    text-overflow: ellipsis;
+    &:last-child {
+      padding: 0 12px 0 0;
+    }
+    &.mat-column-select {
+      min-width: 30px;
+      max-width: 30px;
+      width: 30px;
+      padding: 0 0 0 12px;
+    }
+    &.mat-column-actions {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+
+  .mat-header-cell {
+    white-space: nowrap;
+    button.mat-sort-header-button {
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+    }
+    &.mat-number-cell {
+      .mat-sort-header-container {
+        justify-content: flex-end;
+      }
+    }
+  }
+
+  .mat-cell {
+    &.mat-number-cell {
+      text-align: end;
+    }
+    mat-icon {
+      color: rgba(0, 0, 0, .54);
+    }
+  }
+
+  .mat-cell, .mat-footer-cell {
+    font-size: 13px;
+  }
+
+  .mat-cell, .mat-footer-cell, .mat-header-cell {
+    // fix for ie11 'align-items: center'
+    height: 20px;
+  }
+
+  .mat-sort-header-sorted .mat-sort-header-arrow {
+    opacity: 1 !important;
+  }
+
+  .mat-toolbar-tools {
+    font-size: 20px;
+    letter-spacing: .005em;
+    box-sizing: border-box;
+    font-weight: 400;
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+    width: 100%;
+    height: 64px;
+    max-height: 64px;
+    padding: 0 16px;
+    margin: 0;
+  }
+
+  .mat-icon {
+    vertical-align: middle;
+    box-sizing: content-box;
+    &.tb-mat-16 {
+      @include tb-mat-icon-size(16);
+    }
+    &.tb-mat-20 {
+      @include tb-mat-icon-size(20);
+    }
+    &.tb-mat-32 {
+      @include tb-mat-icon-size(32);
+    }
+    &.tb-mat-96 {
+      @include tb-mat-icon-size(96);
+    }
+  }
+
+  .mat-icon-button {
+    &.tb-mat-32 {
+      @include tb-mat-icon-button-size(32);
+    }
+    &.tb-mat-96 {
+      @include tb-mat-icon-button-size(96);
+    }
+  }
+
+  .mat-snack-bar-container {
+    position: absolute;
+    background: none;
+    box-shadow: none;
+    margin: 0;
+    padding: 0;
+    border: none;
+    border-radius: inherit;
+    max-width: inherit;
+    min-width: inherit;
+    pointer-events: none;
+    display: flex;
+  }
+
+  .mat-snack-bar-handset {
+    .mat-snack-bar-container {
+      position: relative !important;
+      width: 100% !important;
+      top: 0 !important;
+      left: 0 !important;
+      height: inherit !important;
+      tb-snack-bar-component {
+        width: 100%;
+      }
+    }
+  }
+
+  .mat-drawer-side {
+    border: none;
+  }
+
+  .mat-drawer-inner-container {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+  mat-drawer.tb-details-drawer {
+    z-index: 59 !important;
+    width: 100% !important;
+    max-width: 100% !important;
+    @media #{$mat-gt-sm} {
+      width: 80% !important;
+    }
+    @media #{$mat-gt-md} {
+      width: 65% !important;
+    }
+  }
+
+  .mat-card-subtitle, .mat-card-content {
+    font-size: 16px;
+  }
+
+  .mat-toolbar > button:first-child {
+    margin-left: -8px;
+  }
+
+  .mat-toolbar > button:last-child {
+    margin-right: -8px;
+  }
+
+  .mat-toolbar {
+    line-height: normal;
+  }
+
+  mat-toolbar *, mat-toolbar :after, mat-toolbar :before {
+    box-sizing: border-box;
+  }
+
+  .mat-button, .mat-flat-button, .mat-stroked-button, .mat-raised-button {
+    &:not(.mat-icon-button) {
+      @media #{$mat-lt-md} {
+        padding: 0 6px;
+        min-width: 88px;
+      }
+      mat-icon {
+        margin-right: 5px;
+      }
+    }
+  }
+
+  .tb-dialog {
+    .mat-dialog-container {
+      padding: 0;
+      > *:first-child, form {
+        max-width: 100%;
+        min-width: 100%;
+        display: flex;
+        flex-direction: column;
+        overflow: auto;
+      }
+      .mat-dialog-content {
+        margin: 0;
+        padding: 24px;
+      }
+      .mat-dialog-actions {
+        margin-bottom: 0;
+        padding: 8px 8px 8px 16px;
+      }
+    }
+  }
+
+  .tb-fullscreen-dialog-gt-sm {
+    @media #{$mat-gt-sm} {
+      min-height: 100%;
+      min-width: 100%;
+      max-width: none !important;
+      position: absolute !important;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      .mat-dialog-container {
+        > *:first-child, form {
+          min-width: 100% !important;
+        }
+        .mat-dialog-content {
+          max-height: 100%;
+        }
+      }
+    }
+  }
+
+  .tb-fullscreen-dialog {
+    @media #{$mat-lt-md} {
+      min-height: 100%;
+      min-width: 100%;
+      max-width: none !important;
+      position: absolute !important;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      .mat-dialog-container {
+        > *:first-child, form {
+          min-width: 100% !important;
+        }
+        .mat-dialog-content {
+          max-height: 100%;
+        }
+      }
+    }
+  }
+
+  .tb-absolute-fill {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+
+  .tb-layout-fill {
+    margin: 0;
+    width: 100%;
+    min-height: 100%;
+    height: 100%;
+  }
+
+  .tb-progress-cover {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 6;
+    background-color: #eee;
+    opacity: 1;
+  }
+
+  .mat-button.tb-fullscreen-button-style,
+  .tb-fullscreen-button-style {
+    background: #ccc;
+    opacity: .85;
+
+    mat-icon {
+      color: #666;
+    }
+  }
+
+  span.no-data-found {
+    position: relative;
+    display: flex;
+    height: calc(100% - 60px);
+    text-transform: uppercase;
+  }
+
+
+  mat-tab-group.tb-headless {
+    margin-top: -50px;
+  }
+
+  .mat-tab-label {
+    text-transform: uppercase;
+  }
+
+  .tb-primary-background {
+    background-color: $primary;
+  }
+
+  .mat-chip-list.dragging {
+    .mat-chip {
+      &.mat-standard-chip {
+        &::after {
+          transition: none;
+        }
+        &.dropping {
+          //border: dashed 2px;
+          //opacity: .5;
+
+          //.md-chip-content {
+          //  margin: -2px;
+          //}
+        }
+
+        &.dropping-before {
+          &::after {
+            position: absolute;
+            top: 0;
+            right: 50%;
+            bottom: 0;
+            left: 0;
+            content: "";
+            background-color: #fff;
+            border: dashed 2px;
+            border-radius: 16px;
+            opacity: .7;
+          }
+        }
+
+        &.dropping-after {
+          &::after {
+            position: absolute;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            left: 50%;
+            content: "";
+            background-color: #fff;
+            border: dashed 2px;
+            border-radius: 16px;
+            opacity: .7;
+          }
+        }
+      }
+    }
+  }
+
+  .tb-color-preview {
+    cursor: pointer;
+    box-sizing: border-box;
+    position: relative;
+    width: 24px;
+    min-width: 24px;
+    height: 24px;
+    overflow: hidden;
+    content: "";
+    border: 2px solid #fff;
+    border-radius: 50%;
+    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
+
+    @include tb-checkered-bg();
+
+    .tb-color-result {
+      width: 100%;
+      height: 100%;
+    }
+  }
+}
diff --git a/ui-ngx/src/test.ts b/ui-ngx/src/test.ts
new file mode 100644
index 0000000000..bd1ccf1f3c
--- /dev/null
+++ b/ui-ngx/src/test.ts
@@ -0,0 +1,36 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js/dist/zone-testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: any;
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting()
+);
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);
diff --git a/ui-ngx/src/theme.scss b/ui-ngx/src/theme.scss
new file mode 100644
index 0000000000..bf61c4e208
--- /dev/null
+++ b/ui-ngx/src/theme.scss
@@ -0,0 +1,221 @@
+/**
+ * Copyright © 2016-2020 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@import '~@angular/material/theming';
+@import '~@mat-datetimepicker/core/datetimepicker/datetimepicker-theme.scss';
+@import './scss/constants';
+
+@include mat-core();
+
+$tb-primary-color: #305680;
+$tb-secondary-color: #527dad;
+$tb-hue3-color: #a7c1de;
+
+$tb-dark-primary-color: #9fa8da;
+
+$tb-mat-indigo: (
+  50: #e8eaf6,
+  100: #c5cae9,
+  200: #9fa8da,
+  300: #7986cb,
+  400: #5c6bc0,
+  500: $tb-primary-color,
+  600: $tb-secondary-color,
+  700: #303f9f,
+  800: #283593,
+  900: #1a237e,
+  A100: $tb-hue3-color,
+  A200: #536dfe,
+  A400: #3d5afe,
+  A700: #304ffe,
+  contrast: (
+    50: $dark-primary-text,
+    100: $dark-primary-text,
+    200: $dark-primary-text,
+    300: $light-primary-text,
+    400: $light-primary-text,
+    500: $light-primary-text,
+    600: $light-primary-text,
+    700: $light-primary-text,
+    800: $light-primary-text,
+    900: $light-primary-text,
+    A100: $dark-primary-text,
+    A200: $light-primary-text,
+    A400: $light-primary-text,
+    A700: $light-primary-text,
+  )
+);
+
+$tb-primary: mat-palette($tb-mat-indigo);
+$tb-accent: mat-palette($mat-deep-orange);
+
+// Background palette for light themes.
+$tb-light-theme-background: (
+  status-bar: map_get($mat-grey, 300),
+  app-bar:    map_get($mat-grey, 100),
+  background: #eee, // map_get($mat-grey, 50),
+  hover:      rgba(black, 0.04),
+  card:       white,
+  dialog:     white,
+  disabled-button: rgba(black, 0.12),
+  raised-button: white,
+  focused-button: $dark-focused,
+  selected-button: map_get($mat-grey, 300),
+  selected-disabled-button: map_get($mat-grey, 400),
+  disabled-button-toggle: map_get($mat-grey, 200),
+  unselected-chip: map_get($mat-grey, 300),
+  disabled-list-option: map_get($mat-grey, 200),
+  tooltip: map_get($mat-grey, 700)
+);
+
+@function get-tb-light-theme($primary, $accent, $warn: mat-palette($mat-red)) {
+  @return (
+    primary: $primary,
+    accent: $accent,
+    warn: $warn,
+    is-dark: false,
+    foreground: $mat-light-theme-foreground,
+    background: $tb-light-theme-background,
+  );
+}
+
+$tb-theme: get-tb-light-theme(
+    $tb-primary,
+    $tb-accent
+);
+
+$primary: mat-color($tb-primary);
+$accent: mat-color($tb-accent);
+
+$tb-dark-mat-indigo: (
+  50: #e8eaf6,
+  100: #c5cae9,
+  200: #9fa8da,
+  300: #7986cb,
+  400: #5c6bc0,
+  500: $tb-dark-primary-color,
+  600: $tb-secondary-color,
+  700: #303f9f,
+  800: $tb-primary-color,
+  900: #1a237e,
+  A100: $tb-hue3-color,
+  A200: #536dfe,
+  A400: #3d5afe,
+  A700: #304ffe,
+  contrast: (
+    50: $dark-primary-text,
+    100: $dark-primary-text,
+    200: $dark-primary-text,
+    300: $dark-primary-text,
+    400: $dark-primary-text,
+    500: map_get($tb-mat-indigo, 900),
+    600: $light-primary-text,
+    700: $light-primary-text,
+    800: $light-primary-text,
+    900: $light-primary-text,
+    A100: $dark-primary-text,
+    A200: $dark-primary-text,
+    A400: $dark-primary-text,
+    A700: $dark-primary-text,
+  )
+);
+
+$tb-dark-primary: mat-palette($tb-dark-mat-indigo);
+
+$tb-dark-theme-background: (
+  status-bar: black,
+  app-bar:    map_get($tb-dark-mat-indigo, 900),
+  background: map_get($tb-dark-mat-indigo, 800),
+  hover:      rgba(white, 0.04),
+  card:       map_get($tb-dark-mat-indigo, 800),
+  dialog:     map_get($tb-dark-mat-indigo, 800),
+  disabled-button: rgba(white, 0.12),
+  raised-button: map-get($tb-dark-mat-indigo, 50),
+  focused-button: $light-focused,
+  selected-button: map_get($tb-dark-mat-indigo, 900),
+  selected-disabled-button: map_get($tb-dark-mat-indigo, 800),
+  disabled-button-toggle: black,
+  unselected-chip: map_get($tb-dark-mat-indigo, 700),
+  disabled-list-option: black,
+  tooltip: map_get($mat-grey, 700),
+);
+
+@function get-tb-dark-theme($primary, $accent, $warn: mat-palette($mat-red)) {
+  @return (
+    primary: $primary,
+    accent: $accent,
+    warn: $warn,
+    is-dark: true,
+    foreground: $mat-dark-theme-foreground,
+    background: $tb-dark-theme-background,
+  );
+}
+
+$tb-dark-theme: get-tb-dark-theme(
+    $tb-dark-primary,
+    $tb-accent
+);
+
+@mixin mat-fab-toolbar-theme($theme) {
+  $primary: map-get($theme, primary);
+  $accent: map-get($theme, accent);
+  $warn: map-get($theme, warn);
+  $background: map-get($theme, background);
+  $foreground: map-get($theme, foreground);
+
+  mat-fab-toolbar {
+    .mat-fab-toolbar-background {
+      background: mat-color($background, app-bar);
+      color: mat-color($foreground, text);
+    }
+    &.mat-primary {
+      .mat-fab-toolbar-background {
+        @include _mat-toolbar-color($primary);
+      }
+    }
+    &.mat-accent {
+      .mat-fab-toolbar-background {
+        @include _mat-toolbar-color($accent);
+      }
+    }
+    &.mat-warn {
+      .mat-fab-toolbar-background {
+        @include _mat-toolbar-color($warn);
+      }
+    }
+  }
+}
+
+@mixin tb-components-theme($theme) {
+  $primary: map-get($theme, primary);
+
+  mat-toolbar{
+    &.mat-hue-3 {
+      background-color: mat-color($primary, 'A100');
+    }
+  }
+
+  @include mat-fab-toolbar-theme($tb-theme);
+}
+
+.tb-default {
+  @include angular-material-theme($tb-theme);
+  @include mat-datetimepicker-theme($tb-theme);
+  @include tb-components-theme($tb-theme);
+}
+
+.tb-dark {
+  @include angular-material-theme($tb-dark-theme);
+}
diff --git a/ui-ngx/src/thingsboard.ico b/ui-ngx/src/thingsboard.ico
new file mode 100644
index 0000000000..8564792b75
Binary files /dev/null and b/ui-ngx/src/thingsboard.ico differ
diff --git a/ui-ngx/src/tsconfig.app.json b/ui-ngx/src/tsconfig.app.json
new file mode 100644
index 0000000000..379870e6c3
--- /dev/null
+++ b/ui-ngx/src/tsconfig.app.json
@@ -0,0 +1,21 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/app",
+    "types": ["node", "jquery", "flot", "tooltipster", "tinycolor2", "js-beautify", "react", "react-dom", "jstree", "raphael", "canvas-gauges"]
+  },
+  "angularCompilerOptions": {
+    "fullTemplateTypeCheck": true
+  },
+  "files": [
+    "main.ts",
+    "polyfills.ts"
+  ],
+  "exclude": [
+    "test.ts",
+    "**/*.spec.ts"
+  ],
+  "include": [
+    "**/*.d.ts"
+  ]
+}
diff --git a/ui-ngx/src/tsconfig.spec.json b/ui-ngx/src/tsconfig.spec.json
new file mode 100644
index 0000000000..de7733630e
--- /dev/null
+++ b/ui-ngx/src/tsconfig.spec.json
@@ -0,0 +1,18 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/spec",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  },
+  "files": [
+    "test.ts",
+    "polyfills.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}
diff --git a/ui-ngx/src/tslint.json b/ui-ngx/src/tslint.json
new file mode 100644
index 0000000000..839fcd0d77
--- /dev/null
+++ b/ui-ngx/src/tslint.json
@@ -0,0 +1,17 @@
+{
+  "extends": "../tslint.json",
+  "rules": {
+    "directive-selector": [
+      true,
+      "attribute",
+      "tb",
+      "kebab-case"
+    ],
+    "component-selector": [
+      true,
+      "element",
+      "tb",
+      "kebab-case"
+    ]
+  }
+}
diff --git a/ui-ngx/src/typings/jquery.flot.typings.d.ts b/ui-ngx/src/typings/jquery.flot.typings.d.ts
new file mode 100644
index 0000000000..82a9a44f3e
--- /dev/null
+++ b/ui-ngx/src/typings/jquery.flot.typings.d.ts
@@ -0,0 +1,128 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+
+interface JQueryPlot extends jquery.flot.plot {
+  destroy(): void;
+  highlight(series: jquery.flot.dataSeries | number, datapoint: jquery.flot.item | number): void;
+  clearSelection(): void;
+}
+
+interface JQueryPlotPoint extends jquery.flot.point {
+  pageX: number;
+  pageY: number;
+}
+
+interface JQueryPlotDataSeries extends jquery.flot.dataSeries, JQueryPlotSeriesOptions {
+  datapoints?: jquery.flot.datapoints;
+}
+
+interface JQueryPlotOptions extends jquery.flot.plotOptions {
+  title?: string;
+  subtitile?: string;
+  shadowSize?: number;
+  HtmlText?: boolean;
+  selection?: JQueryPlotSelection;
+  xaxis?: JQueryPlotAxisOptions;
+  series?: JQueryPlotSeriesOptions;
+  crosshair?: JQueryPlotCrosshairOptions;
+}
+
+interface JQueryPlotAxisOptions extends jquery.flot.axisOptions {
+  label?: string;
+  labelFont?: any;
+}
+
+interface JQueryPlotAxis extends jquery.flot.axis, JQueryPlotAxisOptions {
+  options: JQueryPlotAxisOptions;
+}
+
+interface JQueryPlotSeriesOptions extends jquery.flot.seriesOptions {
+  stack?: boolean;
+  curvedLines?: JQueryPlotCurvedLinesOptions;
+  pie?: JQueryPlotPieOptions;
+}
+
+declare type JQueryPlotCrosshairMode = 'x' | 'y' | 'xy' | null;
+
+interface JQueryPlotCrosshairOptions {
+  mode?: JQueryPlotCrosshairMode;
+  color?: string;
+  lineWidth?: number;
+}
+
+interface JQueryPlotCurvedLinesOptions {
+  active?: boolean;
+  apply?: boolean;
+  monotonicFit?: boolean;
+  tension?: number;
+  nrSplinePoints?: number;
+  legacyOverride?: any;
+}
+
+interface JQueryPlotPieOptions {
+  show?: boolean;
+  radius?: any;
+  innerRadius?: any;
+  startAngle?: number;
+  tilt?: number;
+  offset?: {
+    top?: number;
+    left?: number;
+  };
+  stroke?: {
+    color?: string;
+    width?: number;
+  };
+  shadow?: {
+    top?: number;
+    left?: number;
+    alpha?: number;
+  };
+  label?: {
+    show?: boolean;
+    formatter?: (label: string, slice?: any) => string;
+    radius?: any;
+    background?: {
+      color?: string;
+      opacity?: number;
+    };
+    threshold?: number;
+  };
+  combine?: {
+    threshold?: number;
+    color?: string;
+    label?: string;
+  };
+  highlight?: number;
+}
+
+declare type JQueryPlotSelectionMode = 'x' | 'y' | 'xy' | null;
+declare type JQueryPlotSelectionShape = 'round' | 'mitter' | 'bevel';
+
+interface JQueryPlotSelection {
+  mode?: JQueryPlotSelectionMode;
+  color?: string;
+  shape?: JQueryPlotSelectionShape;
+  minSize?: number;
+}
+
+interface JQueryPlotSelectionRanges {
+  [axis: string]: {
+    from: number;
+    to: number;
+  };
+}
diff --git a/ui-ngx/src/typings/jquery.jstree.typings.d.ts b/ui-ngx/src/typings/jquery.jstree.typings.d.ts
new file mode 100644
index 0000000000..34bc1fb288
--- /dev/null
+++ b/ui-ngx/src/typings/jquery.jstree.typings.d.ts
@@ -0,0 +1,29 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+interface JSTreeEventData {
+  instance: JSTree;
+}
+
+interface JSTreeModelEventData extends JSTreeEventData {
+  nodes: string[];
+  parent: string;
+}
+
+interface JQuery {
+  on(events: 'changed.jstree', handler: (e: Event, data: JSTreeEventData) => void): this;
+  on(events: 'model.jstree', handler: (e: Event, data: JSTreeModelEventData) => void): this;
+}
diff --git a/ui-ngx/src/typings/jquery.typings.d.ts b/ui-ngx/src/typings/jquery.typings.d.ts
new file mode 100644
index 0000000000..dda80228ff
--- /dev/null
+++ b/ui-ngx/src/typings/jquery.typings.d.ts
@@ -0,0 +1,19 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+interface JQuery {
+  terminal(options?: any): any;
+}
diff --git a/ui-ngx/src/typings/rawloader.typings.d.ts b/ui-ngx/src/typings/rawloader.typings.d.ts
new file mode 100644
index 0000000000..25b579ef64
--- /dev/null
+++ b/ui-ngx/src/typings/rawloader.typings.d.ts
@@ -0,0 +1,20 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+declare module '!raw-loader!*' {
+  const contents: string;
+  export = contents;
+}
diff --git a/ui-ngx/src/typings/split.js.typings.d.ts b/ui-ngx/src/typings/split.js.typings.d.ts
new file mode 100644
index 0000000000..193da2d474
--- /dev/null
+++ b/ui-ngx/src/typings/split.js.typings.d.ts
@@ -0,0 +1,39 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+interface SplitOptions {
+  sizes?: number[];
+  minSize?: number[] | number;
+  gutterSize?: number;
+  snapOffset?: number;
+  direction?: 'horizontal' | 'vertical';
+  cursor?: 'col-resize' | 'row-resize';
+  gutter?: (index: number, direction: string) => HTMLElement;
+  elementStyle?: (dimension: string, elementSize: number, gutterSize: number) => any;
+  gutterStyle?: (dimension: string, gutterSize: number) => any;
+  onDrag?: ()  => void;
+  onDragStart?: () => void;
+  onDragEnd?: () => void;
+}
+
+interface SplitObject {
+  setSizes: (sizes: number[]) => void;
+  getSizes: () => number[];
+  collapse: (index: number) => void;
+  destroy: () => void;
+}
+
+declare function Split(elements: HTMLElement | string[], options?: SplitOptions): SplitObject;
diff --git a/ui-ngx/src/zone-flags.ts b/ui-ngx/src/zone-flags.ts
new file mode 100644
index 0000000000..ec7f803fc4
--- /dev/null
+++ b/ui-ngx/src/zone-flags.ts
@@ -0,0 +1,19 @@
+///
+/// Copyright © 2016-2020 The Thingsboard Authors
+///
+/// Licensed under the Apache License, Version 2.0 (the "License");
+/// you may not use this file except in compliance with the License.
+/// You may obtain a copy of the License at
+///
+///     http://www.apache.org/licenses/LICENSE-2.0
+///
+/// Unless required by applicable law or agreed to in writing, software
+/// distributed under the License is distributed on an "AS IS" BASIS,
+/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+/// See the License for the specific language governing permissions and
+/// limitations under the License.
+///
+
+(window as any).__Zone_disable_requestAnimationFrame = false;
+(window as any).__Zone_disable_setTimeout = false;
+(window as any).__Zone_disable_setInterval = false;
diff --git a/ui-ngx/tsconfig.json b/ui-ngx/tsconfig.json
new file mode 100644
index 0000000000..a35b8a413f
--- /dev/null
+++ b/ui-ngx/tsconfig.json
@@ -0,0 +1,39 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "allowSyntheticDefaultImports": true,
+    "importHelpers": true,
+    "target": "es5",
+    "jsx": "react",
+    "typeRoots": [
+      "node_modules/@types",
+      "src/typings/rawloader.typings.d.ts",
+      "src/typings/jquery.typings.d.ts",
+      "src/typings/jquery.flot.typings.d.ts",
+      "src/typings/jquery.jstree.typings.d.ts",
+      "src/typings/split.js.typings.d.ts"
+    ],
+    "paths": {
+      "@app/*": ["src/app/*"],
+      "@env/*": [
+        "src/environments/*"
+      ],
+      "@core/*": ["src/app/core/*"],
+      "@modules/*": ["src/app/modules/*"],
+      "@shared/*": ["src/app/shared/*"],
+      "@home/*": ["src/app/modules/home/*"]
+    },
+    "lib": [
+      "es2018",
+      "dom"
+    ]
+  }
+}
diff --git a/ui-ngx/tslint.json b/ui-ngx/tslint.json
new file mode 100644
index 0000000000..868ecba0db
--- /dev/null
+++ b/ui-ngx/tslint.json
@@ -0,0 +1,75 @@
+{
+  "extends": "tslint:recommended",
+  "rulesDirectory": [
+    "codelyzer"
+  ],
+  "rules": {
+    "array-type": false,
+    "arrow-parens": false,
+    "deprecation": {
+      "severity": "warn"
+    },
+    "import-blacklist": [
+      true,
+      "rxjs/Rx"
+    ],
+    "interface-name": false,
+    "max-classes-per-file": false,
+    "max-line-length": [
+      true,
+      140
+    ],
+    "member-access": false,
+    "member-ordering": [
+      true,
+      {
+        "order": [
+          "static-field",
+          "instance-field",
+          "static-method",
+          "instance-method"
+        ]
+      }
+    ],
+    "no-consecutive-blank-lines": false,
+    "no-console": [
+      true,
+      "debug",
+      "info",
+      "time",
+      "timeEnd",
+      "trace"
+    ],
+    "no-empty": false,
+    "no-inferrable-types": [
+      true,
+      "ignore-params"
+    ],
+    "no-non-null-assertion": true,
+    "no-redundant-jsdoc": true,
+    "no-switch-case-fall-through": true,
+    "no-use-before-declare": true,
+    "no-var-requires": false,
+    "object-literal-key-quotes": [
+      true,
+      "as-needed"
+    ],
+    "object-literal-sort-keys": false,
+    "ordered-imports": false,
+    "quotemark": [
+      true,
+      "single"
+    ],
+    "trailing-comma": false,
+    "no-output-on-prefix": true,
+    "use-input-property-decorator": true,
+    "use-output-property-decorator": true,
+    "use-host-property-decorator": true,
+    "no-input-rename": true,
+    "no-output-rename": true,
+    "use-life-cycle-interface": true,
+    "use-pipe-transform-interface": true,
+    "component-class-suffix": true,
+    "directive-class-suffix": true
+  }
+}
diff --git a/ui/package-lock.json b/ui/package-lock.json
index dccf637726..6a9997cbf0 100644
--- a/ui/package-lock.json
+++ b/ui/package-lock.json
@@ -1185,9 +1185,9 @@
       "dev": true
     },
     "@types/node": {
-      "version": "13.7.2",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-13.7.2.tgz",
-      "integrity": "sha512-uvilvAQbdJvnSBFcKJ2td4016urcGvsiR+N4dHGU87ml8O2Vl6l+ErOi9w0kXSPiwJ1AYlIW+0pDXDWWMOiWbw==",
+      "version": "13.7.4",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-13.7.4.tgz",
+      "integrity": "sha512-oVeL12C6gQS/GAExndigSaLxTrKpQPxewx9bOcwfvJiJge4rr7wNaph4J+ns5hrmIV2as5qxqN8YKthn9qh0jw==",
       "dev": true
     },
     "@types/normalize-package-data": {
@@ -1993,23 +1993,6 @@
             "color-convert": "^1.9.0"
           }
         },
-        "browserslist": {
-          "version": "4.8.5",
-          "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.8.5.tgz",
-          "integrity": "sha512-4LMHuicxkabIB+n9874jZX/az1IaZ5a+EUuvD7KFOu9x/Bd5YHyO0DIz2ls/Kl8g0ItS4X/ilEgf4T1Br0lgSg==",
-          "dev": true,
-          "requires": {
-            "caniuse-lite": "^1.0.30001022",
-            "electron-to-chromium": "^1.3.338",
-            "node-releases": "^1.1.46"
-          }
-        },
-        "caniuse-lite": {
-          "version": "1.0.30001023",
-          "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001023.tgz",
-          "integrity": "sha512-C5TDMiYG11EOhVOA62W1p3UsJ2z4DsHtMBQtjzp3ZsUglcQn62WOUgW0y795c7A5uZ+GCEIvzkMatLIlAsbNTA==",
-          "dev": true
-        },
         "chalk": {
           "version": "2.4.2",
           "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
@@ -2021,61 +2004,6 @@
             "supports-color": "^5.3.0"
           }
         },
-        "electron-to-chromium": {
-          "version": "1.3.341",
-          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.341.tgz",
-          "integrity": "sha512-iezlV55/tan1rvdvt7yg7VHRSkt+sKfzQ16wTDqTbQqtl4+pSUkKPXpQHDvEt0c7gKcUHHwUbffOgXz6bn096g==",
-          "dev": true
-        },
-        "node-releases": {
-          "version": "1.1.47",
-          "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.47.tgz",
-          "integrity": "sha512-k4xjVPx5FpwBUj0Gw7uvFOTF4Ep8Hok1I6qjwL3pLfwe7Y0REQSAqOwwv9TWBCUtMHxcXfY4PgRLRozcChvTcA==",
-          "dev": true,
-          "requires": {
-            "semver": "^6.3.0"
-          }
-        },
-        "postcss": {
-          "version": "7.0.26",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.26.tgz",
-          "integrity": "sha512-IY4oRjpXWYshuTDFxMVkJDtWIk2LhsTlu8bZnbEJA4+bYT16Lvpo8Qv6EvDumhYRgzjZl489pmsY3qVgJQ08nA==",
-          "dev": true,
-          "requires": {
-            "chalk": "^2.4.2",
-            "source-map": "^0.6.1",
-            "supports-color": "^6.1.0"
-          },
-          "dependencies": {
-            "supports-color": {
-              "version": "6.1.0",
-              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-              "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-              "dev": true,
-              "requires": {
-                "has-flag": "^3.0.0"
-              }
-            }
-          }
-        },
-        "postcss-value-parser": {
-          "version": "4.0.2",
-          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.0.2.tgz",
-          "integrity": "sha512-LmeoohTpp/K4UiyQCwuGWlONxXamGzCMtFxLq4W1nZVGIQLYvMCJx3yAF9qyyuFpflABI9yVdtJAqbihOsCsJQ==",
-          "dev": true
-        },
-        "semver": {
-          "version": "6.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-          "dev": true
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        },
         "supports-color": {
           "version": "5.5.0",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -3908,6 +3836,15 @@
         "domelementtype": "1"
       }
     },
+    "dot-prop": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.2.0.tgz",
+      "integrity": "sha512-uEUyaDKoSQ1M4Oq8l45hSE26SnTxL6snNnqvK/VWx5wJhmff5z0FUVJDKDanor/6w3kzE3i7XZOk+7wC0EXr1A==",
+      "dev": true,
+      "requires": {
+        "is-obj": "^2.0.0"
+      }
+    },
     "duplexify": {
       "version": "3.7.1",
       "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz",
@@ -3975,9 +3912,9 @@
       "dev": true
     },
     "emojis-list": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
-      "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
       "dev": true
     },
     "encodeurl": {
@@ -6351,6 +6288,12 @@
           "integrity": "sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg==",
           "dev": true
         },
+        "emojis-list": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
+          "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
+          "dev": true
+        },
         "html-minifier": {
           "version": "3.5.21",
           "resolved": "https://registry.npmjs.org/html-minifier/-/html-minifier-3.5.21.tgz",
@@ -7581,13 +7524,13 @@
       "dev": true
     },
     "loader-utils": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.2.3.tgz",
-      "integrity": "sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+      "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
       "dev": true,
       "requires": {
         "big.js": "^5.2.2",
-        "emojis-list": "^2.0.0",
+        "emojis-list": "^3.0.0",
         "json5": "^1.0.1"
       },
       "dependencies": {
@@ -8436,6 +8379,12 @@
           "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=",
           "dev": true
         },
+        "emojis-list": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
+          "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
+          "dev": true
+        },
         "json5": {
           "version": "0.5.1",
           "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
@@ -8893,13 +8842,13 @@
       }
     },
     "object.getownpropertydescriptors": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.0.3.tgz",
-      "integrity": "sha1-h1jIRvW0B62rDyNuCYbxSwUcqhY=",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.0.tgz",
+      "integrity": "sha512-Z53Oah9A3TdLoblT7VKJaTDdXdT+lQO+cNpKVnya5JDe9uLvzu1YyY1yFDFrcxrlRgWrEFH0jJtD/IbuwjcEVg==",
       "dev": true,
       "requires": {
-        "define-properties": "^1.1.2",
-        "es-abstract": "^1.5.1"
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.0-next.1"
       }
     },
     "object.pick": {
@@ -9658,12 +9607,12 @@
       "dev": true
     },
     "postcss-safe-parser": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-4.0.1.tgz",
-      "integrity": "sha512-xZsFA3uX8MO3yAda03QrG3/Eg1LN3EPfjjf07vke/46HERLZyHrTsQ9E1r1w1W//fWEhtYNndo2hQplN2cVpCQ==",
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-4.0.2.tgz",
+      "integrity": "sha512-Uw6ekxSWNLCPesSv/cmqf2bY/77z11O7jZGPax3ycZMFU/oi2DMH9i89AdHc1tRwFg/arFoEwX0IS3LCUxJh1g==",
       "dev": true,
       "requires": {
-        "postcss": "^7.0.0"
+        "postcss": "^7.0.26"
       }
     },
     "postcss-sass": {
@@ -9674,65 +9623,6 @@
       "requires": {
         "gonzales-pe": "^4.2.4",
         "postcss": "^7.0.21"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "3.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-          "dev": true,
-          "requires": {
-            "color-convert": "^1.9.0"
-          }
-        },
-        "chalk": {
-          "version": "2.4.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^3.2.1",
-            "escape-string-regexp": "^1.0.5",
-            "supports-color": "^5.3.0"
-          },
-          "dependencies": {
-            "supports-color": {
-              "version": "5.5.0",
-              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-              "dev": true,
-              "requires": {
-                "has-flag": "^3.0.0"
-              }
-            }
-          }
-        },
-        "postcss": {
-          "version": "7.0.26",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.26.tgz",
-          "integrity": "sha512-IY4oRjpXWYshuTDFxMVkJDtWIk2LhsTlu8bZnbEJA4+bYT16Lvpo8Qv6EvDumhYRgzjZl489pmsY3qVgJQ08nA==",
-          "dev": true,
-          "requires": {
-            "chalk": "^2.4.2",
-            "source-map": "^0.6.1",
-            "supports-color": "^6.1.0"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        },
-        "supports-color": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
-        }
       }
     },
     "postcss-scss": {
@@ -11928,16 +11818,10 @@
             "fill-range": "^7.0.1"
           }
         },
-        "camelcase": {
-          "version": "5.3.1",
-          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-          "dev": true
-        },
         "camelcase-keys": {
-          "version": "6.1.1",
-          "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.1.1.tgz",
-          "integrity": "sha512-kEPCddRFChEzO0d6w61yh0WbBiSv9gBnfZWGfXRYPlGqIdIGef6HMR6pgqVSEWCYkrp8B0AtEpEXNY+Jx0xk1A==",
+          "version": "6.1.2",
+          "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.1.2.tgz",
+          "integrity": "sha512-QfFrU0CIw2oltVvpndW32kuJ/9YOJwUnmWrjlXt1nnJZHCaS9i6bfOpg9R4Lw8aZjStkJWM+jc0cdXjWBgVJSw==",
           "dev": true,
           "requires": {
             "camelcase": "^5.3.1",
@@ -12001,21 +11885,6 @@
             "path-type": "^4.0.0"
           }
         },
-        "dot-prop": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.2.0.tgz",
-          "integrity": "sha512-uEUyaDKoSQ1M4Oq8l45hSE26SnTxL6snNnqvK/VWx5wJhmff5z0FUVJDKDanor/6w3kzE3i7XZOk+7wC0EXr1A==",
-          "dev": true,
-          "requires": {
-            "is-obj": "^2.0.0"
-          }
-        },
-        "emoji-regex": {
-          "version": "8.0.0",
-          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-          "dev": true
-        },
         "fast-glob": {
           "version": "3.1.1",
           "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.1.1.tgz",
@@ -12089,30 +11958,6 @@
           "integrity": "sha512-MzbUSahkTW1u7JpKKjY7LCARd1fU5W2rLdxlM4kdkayuCwZImjkpluF9CM1aLewYJguPDqewLam18Y6AU69A8A==",
           "dev": true
         },
-        "import-fresh": {
-          "version": "3.2.1",
-          "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz",
-          "integrity": "sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==",
-          "dev": true,
-          "requires": {
-            "parent-module": "^1.0.0",
-            "resolve-from": "^4.0.0"
-          },
-          "dependencies": {
-            "resolve-from": {
-              "version": "4.0.0",
-              "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-              "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-              "dev": true
-            }
-          }
-        },
-        "indent-string": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-          "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-          "dev": true
-        },
         "is-fullwidth-code-point": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
@@ -12134,12 +11979,6 @@
             "p-locate": "^4.1.0"
           }
         },
-        "lodash": {
-          "version": "4.17.15",
-          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
-          "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
-          "dev": true
-        },
         "map-obj": {
           "version": "4.1.0",
           "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.1.0.tgz",
@@ -12147,9 +11986,9 @@
           "dev": true
         },
         "meow": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/meow/-/meow-6.0.0.tgz",
-          "integrity": "sha512-x4rYsjigPBDAxY+BGuK83YLhUIqui5wYyZoqb6QJCUOs+0fiYq+i/NV4Jt8OgIfObZFxG9iTyvLDu4UTohGTFw==",
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/meow/-/meow-6.0.1.tgz",
+          "integrity": "sha512-kxGTFgT/b7/oSRSQsJ0qsT5IMU+bgZ1eAdSA3kIV7onkW0QWo/hL5RbGlMfvBjHJKPE1LaPX0kdecYFiqYWjUw==",
           "dev": true,
           "requires": {
             "@types/minimist": "^1.2.0",
@@ -12165,12 +12004,6 @@
             "yargs-parser": "^16.1.0"
           }
         },
-        "merge2": {
-          "version": "1.3.0",
-          "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.3.0.tgz",
-          "integrity": "sha512-2j4DAdlBOkiSZIsaXk4mTE3sRS02yBHAtfy127xRV3bQUFqXkjHCHLW6Scv7DwNRbIWNHH8zpnz9zMaKXIdvYw==",
-          "dev": true
-        },
         "micromatch": {
           "version": "4.0.2",
           "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.2.tgz",
@@ -12220,80 +12053,6 @@
           "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
           "dev": true
         },
-        "postcss": {
-          "version": "7.0.26",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.26.tgz",
-          "integrity": "sha512-IY4oRjpXWYshuTDFxMVkJDtWIk2LhsTlu8bZnbEJA4+bYT16Lvpo8Qv6EvDumhYRgzjZl489pmsY3qVgJQ08nA==",
-          "dev": true,
-          "requires": {
-            "chalk": "^2.4.2",
-            "source-map": "^0.6.1",
-            "supports-color": "^6.1.0"
-          },
-          "dependencies": {
-            "ansi-styles": {
-              "version": "3.2.1",
-              "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-              "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-              "dev": true,
-              "requires": {
-                "color-convert": "^1.9.0"
-              }
-            },
-            "chalk": {
-              "version": "2.4.2",
-              "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-              "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-              "dev": true,
-              "requires": {
-                "ansi-styles": "^3.2.1",
-                "escape-string-regexp": "^1.0.5",
-                "supports-color": "^5.3.0"
-              },
-              "dependencies": {
-                "supports-color": {
-                  "version": "5.5.0",
-                  "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-                  "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-                  "dev": true,
-                  "requires": {
-                    "has-flag": "^3.0.0"
-                  }
-                }
-              }
-            },
-            "color-convert": {
-              "version": "1.9.3",
-              "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-              "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-              "dev": true,
-              "requires": {
-                "color-name": "1.1.3"
-              }
-            },
-            "color-name": {
-              "version": "1.1.3",
-              "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-              "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
-              "dev": true
-            },
-            "has-flag": {
-              "version": "3.0.0",
-              "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-              "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
-              "dev": true
-            },
-            "supports-color": {
-              "version": "6.1.0",
-              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-              "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-              "dev": true,
-              "requires": {
-                "has-flag": "^3.0.0"
-              }
-            }
-          }
-        },
         "postcss-selector-parser": {
           "version": "3.1.2",
           "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
@@ -12305,12 +12064,6 @@
             "uniq": "^1.0.1"
           }
         },
-        "postcss-value-parser": {
-          "version": "4.0.2",
-          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.0.2.tgz",
-          "integrity": "sha512-LmeoohTpp/K4UiyQCwuGWlONxXamGzCMtFxLq4W1nZVGIQLYvMCJx3yAF9qyyuFpflABI9yVdtJAqbihOsCsJQ==",
-          "dev": true
-        },
         "read-pkg": {
           "version": "5.2.0",
           "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
@@ -12364,12 +12117,6 @@
           "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
           "dev": true
         },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        },
         "string-width": {
           "version": "4.2.0",
           "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz",
@@ -12408,58 +12155,6 @@
             "has-flag": "^4.0.0"
           }
         },
-        "table": {
-          "version": "5.4.6",
-          "resolved": "https://registry.npmjs.org/table/-/table-5.4.6.tgz",
-          "integrity": "sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==",
-          "dev": true,
-          "requires": {
-            "ajv": "^6.10.2",
-            "lodash": "^4.17.14",
-            "slice-ansi": "^2.1.0",
-            "string-width": "^3.0.0"
-          },
-          "dependencies": {
-            "ansi-regex": {
-              "version": "4.1.0",
-              "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
-              "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
-              "dev": true
-            },
-            "emoji-regex": {
-              "version": "7.0.3",
-              "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
-              "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
-              "dev": true
-            },
-            "is-fullwidth-code-point": {
-              "version": "2.0.0",
-              "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-              "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
-              "dev": true
-            },
-            "string-width": {
-              "version": "3.1.0",
-              "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
-              "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
-              "dev": true,
-              "requires": {
-                "emoji-regex": "^7.0.1",
-                "is-fullwidth-code-point": "^2.0.0",
-                "strip-ansi": "^5.1.0"
-              }
-            },
-            "strip-ansi": {
-              "version": "5.2.0",
-              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
-              "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
-              "dev": true,
-              "requires": {
-                "ansi-regex": "^4.1.0"
-              }
-            }
-          }
-        },
         "to-regex-range": {
           "version": "5.0.1",
           "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -12475,12 +12170,6 @@
           "integrity": "sha512-C4+gOpvmxaSMKuEf9Qc134F1ZuOHVXKRbtEflf4NTtuuJDEIJ9p5PXsalL8SkeRw+qit1Mo+yuvMPAKwWg/1hA==",
           "dev": true
         },
-        "v8-compile-cache": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz",
-          "integrity": "sha512-usZBT3PW+LOjM25wbqIlZwPeJV+3OSz3M1k1Ws8snlW39dZyYL9lOGC5FgPVHfk0jKmjiDV8Z0mIbVQPiwFs7g==",
-          "dev": true
-        },
         "yargs-parser": {
           "version": "16.1.0",
           "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-16.1.0.tgz",
@@ -12526,71 +12215,6 @@
         "lodash": "^4.17.15",
         "postcss": "^7.0.26",
         "postcss-sorting": "^5.0.1"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "3.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-          "dev": true,
-          "requires": {
-            "color-convert": "^1.9.0"
-          }
-        },
-        "chalk": {
-          "version": "2.4.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^3.2.1",
-            "escape-string-regexp": "^1.0.5",
-            "supports-color": "^5.3.0"
-          },
-          "dependencies": {
-            "supports-color": {
-              "version": "5.5.0",
-              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-              "dev": true,
-              "requires": {
-                "has-flag": "^3.0.0"
-              }
-            }
-          }
-        },
-        "lodash": {
-          "version": "4.17.15",
-          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
-          "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.26",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.26.tgz",
-          "integrity": "sha512-IY4oRjpXWYshuTDFxMVkJDtWIk2LhsTlu8bZnbEJA4+bYT16Lvpo8Qv6EvDumhYRgzjZl489pmsY3qVgJQ08nA==",
-          "dev": true,
-          "requires": {
-            "chalk": "^2.4.2",
-            "source-map": "^0.6.1",
-            "supports-color": "^6.1.0"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        },
-        "supports-color": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
-        }
       }
     },
     "stylelint-scss": {
@@ -12606,20 +12230,12 @@
         "postcss-resolve-nested-selector": "^0.1.1",
         "postcss-selector-parser": "^6.0.2",
         "postcss-value-parser": "^4.0.2"
-      },
-      "dependencies": {
-        "postcss-value-parser": {
-          "version": "4.0.2",
-          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.0.2.tgz",
-          "integrity": "sha512-LmeoohTpp/K4UiyQCwuGWlONxXamGzCMtFxLq4W1nZVGIQLYvMCJx3yAF9qyyuFpflABI9yVdtJAqbihOsCsJQ==",
-          "dev": true
-        }
       }
     },
     "stylelint-webpack-plugin": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/stylelint-webpack-plugin/-/stylelint-webpack-plugin-1.2.1.tgz",
-      "integrity": "sha512-J2CFUliPYxirP8l4HUOZmKNMW6HETFPX6wxlQIlfddfV74GFaK6wDk31306LdA5bc8MOOCSsDg4u3FYVlFtF3A==",
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/stylelint-webpack-plugin/-/stylelint-webpack-plugin-1.2.3.tgz",
+      "integrity": "sha512-XEevZZzlI6k3e0Amp7AtpZ/elgaOdPPwLFY9InNoajw4KNRcZTkK61ZsZdHvIyK32Ej9L9u4fwfXG2QGKW0imA==",
       "dev": true,
       "requires": {
         "arrify": "^2.0.1",
@@ -12667,16 +12283,6 @@
             "picomatch": "^2.0.5"
           }
         },
-        "schema-utils": {
-          "version": "2.6.4",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.6.4.tgz",
-          "integrity": "sha512-VNjcaUxVnEeun6B2fiiUDjXXBtD4ZSH7pdbfIu1pOFwgptDPLMo/z9jr4sUfsjFVPqDCEin/F7IYlq7/E6yDbQ==",
-          "dev": true,
-          "requires": {
-            "ajv": "^6.10.2",
-            "ajv-keywords": "^3.4.1"
-          }
-        },
         "to-regex-range": {
           "version": "5.0.1",
           "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -13901,6 +13507,12 @@
           "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
           "dev": true
         },
+        "emojis-list": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
+          "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
+          "dev": true
+        },
         "enhanced-resolve": {
           "version": "4.1.0",
           "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.1.0.tgz",
@@ -13924,6 +13536,15 @@
           "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==",
           "dev": true
         },
+        "json5": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.0"
+          }
+        },
         "lcid": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz",
@@ -13933,6 +13554,17 @@
             "invert-kv": "^2.0.0"
           }
         },
+        "loader-utils": {
+          "version": "1.2.3",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.2.3.tgz",
+          "integrity": "sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==",
+          "dev": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^2.0.0",
+            "json5": "^1.0.1"
+          }
+        },
         "os-locale": {
           "version": "3.1.0",
           "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.1.0.tgz",
@@ -14459,23 +14091,6 @@
       "dev": true,
       "requires": {
         "@babel/runtime": "^7.6.3"
-      },
-      "dependencies": {
-        "@babel/runtime": {
-          "version": "7.8.3",
-          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.8.3.tgz",
-          "integrity": "sha512-fVHx1rzEmwB130VTkLnxR+HmxcTjGzH12LYQcFFoBwakMd3aOMD4OsRN7tGG/UOYE2ektgFrS8uACAoRk1CY0w==",
-          "dev": true,
-          "requires": {
-            "regenerator-runtime": "^0.13.2"
-          }
-        },
-        "regenerator-runtime": {
-          "version": "0.13.3",
-          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.3.tgz",
-          "integrity": "sha512-naKIZz2GQ8JWh///G7L3X6LaQUAMp2lvb1rvwwsURe/VXwD6VMfr+/1NuNw3ag8v2kY1aQ/go5SNn79O9JU7yw==",
-          "dev": true
-        }
       }
     },
     "yargs": {